@charset "utf-8";

body{width:100%; margin:0 auto; min-width:1280px;}
.w1200{width:1200px; margin:0 auto;}

/* 한줄공지 */
#top_panel_wrap{width:100%; height:50px; margin:0 auto; background:url(../images/top_panel_bg.gif) repeat; z-index:9999; box-sizing:border-box; border-bottom:1px solid #082b57;}
#top_panel_wrap:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#top_panel_wrap .top_panel{max-width:1230px; width:100%; margin:0 auto; position:relative;  padding-right:185px; box-sizing:border-box; text-align:center;}
#top_panel_wrap .top_panel a.top_notice{display:block;  margin:0 auto; font-size:18px; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.6); color:#fff; height:50px; line-height:50px; display:inline-block; z-index:1; box-sizing:border-box; background:url(../images/i_top_notice.png) no-repeat left 15px center; padding-left:60px;}
#top_panel_wrap .top_panel a.top_notice:hover, #top_panel_wrap .top_panel a.top_notice:focus{opacity:0.8; transition:ease 0.3s;}
#top_panel_wrap .top_panel p.tday_close{position:absolute; right:15px; top:50%; margin-top:-12.5px; overflow:hidden;}
#top_panel_wrap .top_panel p.tday_close input{display:i6nline-block; border-color:#ddd; width:15px; height:15px; float:left; margin-top:6px;}
#top_panel_wrap .top_panel p.tday_close span{padding:0 10px 0 5px; color:#fff; font-size:14px; display:block; float:left; margin-top:5px;}
#top_panel_wrap .top_panel p.tday_close a{display:block; background:url(../images/btn_close.png) no-repeat center center; text-align:center; width:25px; height:25px; float:left;}
#top_panel_wrap .top_panel p.tday_close a:hover, #top_panel_wrap .top_panel p.tday_close a:focus{opacity:0.8; transition:ease 0.3s;}

.top_mymenu_info{width:100%; margin:0 auto; background:#004294; }
.top_mymenu_inner{width:1200px; margin:0 auto; position:relative; box-sizing:border-box;}
.top_mymenu_inner:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.top_mymenu_inner h4{float:left; color:#fff; font-size:20px; padding:15px 0;}
.top_mymenu_inner h4 i{display:inline-block; width:33px; height:33px; vertical-align:middle; border:2px solid #fff; border-radius:35px; background:#004294 url(../images/mymenu_i01.png) no-repeat center center; margin-right:10px;}
.top_mymenu_inner .mymenu_area{float:right; background:#efefef; width:80%; margin-right:30px;}
.top_mymenu_inner .mymenu_area ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.top_mymenu_inner .mymenu_area ul li{float:left; display:block; width:25%;border-left:1px solid #004294; box-sizing:border-box;}
.top_mymenu_inner .mymenu_area ul li a{display:block; width:100%; padding:15px; box-sizing:border-box; }
.top_mymenu_inner .mymenu_area ul li a:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.top_mymenu_inner .mymenu_area ul li a i{display:block; width:35px; height:35px; vertical-align:middle; border-radius:35px; margin-right:10px; float:left;}
.top_mymenu_inner .mymenu_area ul li:nth-child(1){border:0;}
.top_mymenu_inner .mymenu_area ul li:nth-child(1) i, .top_mymenu_inner .mymenu_area ul li:nth-child(2) i{background:#004294 url(../images/mymenu_i02.png) no-repeat center center;}
.top_mymenu_inner .mymenu_area ul li:nth-child(3) i{background:#004294 url(../images/mymenu_i03.png) no-repeat center center;}
.top_mymenu_inner .mymenu_area ul li:nth-child(4) i{background:#004294 url(../images/mymenu_i04.png) no-repeat center center;}
.top_mymenu_inner .mymenu_area ul li a b{display:block; float:left; margin-left:15px;}
.top_mymenu_inner .mymenu_area ul li a .my_text{font-weight:500; display:block;}
.top_mymenu_inner .mymenu_area ul li a .my_num{display:block; margin-top:5px;}
.top_mymenu_inner .mymenu_area ul li a .my_num em{font-weight:700; font-size:18px; color:#004294;}
.top_mymenu_inner .close_mymenu{position:absolute; display:block; width:14px; height:14px; padding:5px; right:0; top:50%; margin-top:-12px; background:url(../images/close.png) no-repeat center center;}

/* header */ 
header{width:100%; margin:0 auto; z-index:100;}
#hwrap{width:100%; margin:0 auto; position:relative; height:80px; background:url(../images/menubar.gif) no-repeat center bottom; background-size:100%;}
#top_area{width:1200px; margin:0 auto;}
#top_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
header h1{float:left; margin-top:24px;}

/* top_nav */ 
.top_nav{float:right;}
.top_nav:after{content: " ";dpisplay: block;height: 0;clear: both;visibility: hidden;}
.top_nav .user_info{font-size:14px; font-weight:500; display:block; float:left; margin-right:15px; margin-top:30px;}
.top_nav .user_info i{color:#75777b;}
.top_nav .user_info i.on{color:#0093ee;}
.top_nav .user_info a{margin-left:10px;}
.top_nav .board_link{float:left; margin-top:21px; position:relative; z-index:16;}
.top_nav .board_link a.board{dispaly:block; line-height:39px; height:39px; padding:8px 30px 10px 10px; font-size:16px; font-weight:500; position:relative; border:solid 1px #fff;}
.top_nav .board_link a.board i{dispaly:block; width:10px; height:6px; background:url(../images/select_down.png) no-repeat 0 0; position:absolute; top:18px; right:10px;}
.top_nav .board_link ul{display:none; width:185px; position:absolute; top:39px; left:0; z-index:15; border:solid 1px #e8e8e8;}
.top_nav .board_link ul li{display:block; border-top:solid 1px #e8e8e8;}
.top_nav .board_link ul li:first-child{border-top:0;}
.top_nav .board_link ul li a{display:block; line-height:1.2em; padding:10px 8px; width:100%; background:#fff; position:relative; box-sizing:border-box; font-size:13px;}
.top_nav .board_link ul li a:after{content:" "; display: block; width:6px; height:10px; background:url(../images/list_right.png) no-repeat center; position:absolute; right:8px; top:50%; margin-top:-5px; opacity:0.3; transition:ease 0.3s;}
.top_nav .board_link ul li a:hover{ color:#004294; background:#f3f6fa;}
.top_nav .board_link ul li a:hover:after{opacity:1;}
.top_nav .board_link ul li a i{display:none;}
.top_nav .board_link:hover ul{display:block;}
.top_nav .board_link:hover a.board{border:solid 1px #e8e8e8; background:#f3f6fa; transition:0.3s ease;}
.top_nav .board_link:hover a.board i{transform:rotate(180deg); transition:0.3s ease;}
.top_nav .btn_h22_t01, .top_nav .btn_h22_t02{margin-top:30px; margin-left:10px;}
/* menu */ 
#menu_area{width:100%; margin:0 auto; position:relative;}
/** 메뉴창 느리게 뜨기 위해서 잠금*/
/*
#menu_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#menu_area:hover .menu_drop_wrap{visibility:visible; opacity:1; height:inherit; }
*/
#menu_area .menu_drop_wrap{visibility:visible; opacity:1; height:inherit; display: none; transition:0.3s ease; z-index:30;}
#menu_area ul.menu{width:1198px; margin:0 auto; z-index:14;}
#menu_area ul.menu:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#menu_area ul.menu li{float:left; display:block; width:198.5px; line-height:52px; height:52px; border-right:solid 1px #e8e8e8;}
#menu_area ul.menu li:first-child{border-left:solid 1px #e8e8e8;}
#menu_area ul.menu li a{display:block; width:198.5px; font-size:18px; font-weight:500; text-align:center;}
#menu_area ul.menu li a:hover, #menu_area ul.menu li a.on{color:#004294; line-height:52px; height:52px; transition:0.3s ease;}

.menu_drop_wrap{width:100%; margin:0 auto; border-top:solid 1px #e8e8e8; position: absolute; top:52px; left:0; z-index:10; background:#fff; padding:35px 0; height:0;
 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); visibility:hidden; opacity:0;}
.menu_drop{width:1200px; margin:0 auto;}
.menu_drop:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.menu_drop ul{float:left; width:198.5px;}
.menu_drop ul li{display:block; width:190px; text-align:left; margin:0 auto;}
.menu_drop ul li a{display:block; width:185px; line-height:44px; height:44px; padding-left:5px; font-size:15px; font-weight:500; border-bottom:solid 1px #e8e8e8;}
.menu_drop ul li.menu_depth a{width:175px; line-height:44px; height:44px; padding-left:15px; font-size:15px; font-weight:400;}
.menu_drop ul li a:hover, .menu_drop ul li.menu_depth a:hover{line-height:44px; height:44px; background:#365a99; color:#fff; border-bottom:solid 1px #365a99; transition:0.3s ease;}
.menu_drop .hid{border-bottom:0; display:none;}

/* visual */
#visual_area{width:100%; margin:0 auto; position:relative; height:340px;}
#visual_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#visual_area ul.slide-area li{display:block; width:100%; overflow:hidden; text-align:center; margin:0 auto;}
#visual_area ul.slide-area li a:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#visual_area ul.slide-area li img{display:block; width:1920px; margin:0 auto;}

/* search */
.search{max-width:910px; width:100%; padding:30px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:15; background-color:rgb(255 255 255 / 60%); box-shadow:2px 3px 4px 1px rgb(0 0 0 / 20%); box-sizing:border-box;}
.search > ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search > ul{overflow:hidden;}
.search > ul li{float:left; margin-right:1px; display:block;}
.search > ul li a{display:block; text-align:center; line-height:40px; height:40px; color:#fff; font-size:18px; font-weight:500; background:url(../images/search_bg02.png) repeat 0 0;}
.search > ul li a.search_list1{width:150px;}
.search > ul li a.search_list2, .search ul li a.search_list3{width:115px;}
.search > ul li a:hover, .search > ul li a.on{background:url(../images/search_bg01.png) repeat 0 0;}
.search_box{width:100%; box-sizing:border-box; padding:10px; background:url(../images/search_bg01.png) repeat 0 0; position:relative;}
.search_box form:after{content: " ";display: block;height: 0; width:0; clear: both;visibility: hidden;}
.search_box .txt_box{width:100%; display:block; height:70px; padding:20px 105px 20px 15px;  border:0; box-sizing:border-box; overflow:hidden;}
.search_box .btn_search{display:block; width:95px; height:70px; text-align:center; background:#004294; position:absolute; right:10px; top:10px;}
.search_box .btn_search img{display:inline-block;}
.search_box .btn_detail{color:#1b1f27; font-weight:500; display:inline-block; font-size:14px; background:#ffcc00 url(../images/i_glass3.png) no-repeat left 10px center; line-height:32px; box-sizing:border-box; padding:0 10px 0 30px; border-radius:5px;
position:absolute; top:-40px; right:0;}
.search_box .btn_detail:hover, .search_box .btn_detail:focus{background-color:#ffb400; transition:all 0.3s;}
.searchWord_area{position:absolute; width:735px; background:#fff; box-sizing:border-box; border:1px solid #e8e8e8; border-top:1px solid #365a99; z-index:20;}
.searchWord_area .searchWord_tab_area{width:100%; margin:0 auto; position:relative;background:#f6f6f6; min-height:46px;}
.searchWord_area .searchWord_tab:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.searchWord_area .searchWord_tab li{float:left; display:block; border-right:solid 1px #e8e8e8;}
.searchWord_area .searchWord_tab li a{display:block; padding:15px 20px; font-size:16px; font-weight:500; background:#e8e8e8;}
.searchWord_area .searchWord_tab li a.on{ background:#fff; color:#365a99;}
.searchWord_area .searchWord_tab_area .close{display:block; position:absolute; right:10px; top:50%; margin-top:-15px; background:#365a99 url(../images/close.png) no-repeat center center; width:30px; height:30px; border-radius:30px;}
.search_box form input[type="text"]::-webkit-input-placeholder{color:gray; font-size:14px; letter-spacing:-0.05em;}
.search_box form input[type="text"]:-ms-input-placeholder{color:gray; font-size:14px; letter-spacing:-0.05em;}
.search_box form input[type="text"]::-moz-placeholder{color:gray; font-size:14px; letter-spacing:-0.05em;}
.search_box form input[type="text"]::-moz-placeholder{color:gray; font-size:14px; letter-spacing:-0.05em;}
.search_box form input[type="text"]:-moz-placeholder{color:gray; font-size:14px; letter-spacing:-0.05em;}
.search_box form input:focuce{color: !important; font-size:15px; letter-spacing:-0.05em;}
.searchWord{width:100%;}
.searchWord ul{width:100%; margin:0 auto;}
.searchWord ul li{width:100%; margin:0 auto;}
.searchWord ul li a{float:left;}
.searchWord ul li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.searchWord ul li a.favorites{display:block; padding:12px 0 0 10px; box-sizing:border-box; float:left;}
.searchWord ul li a.recent{display:block; width:80%; box-sizing:border-box; float:left;}
.searchWord ul li a.recent span{display:block; box-sizing:border-box; padding:12px 10px; line-height:1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.searchWord ul li a.favorites i{display:inline-block; width:15px; height:15px; background:url(../images/search_star.png) no-repeat right center; vertical-align:middle; margin-top:-3px;}
.searchWord ul li > span{display:block; float:right; padding:12px 10px;}
.searchWord ul li > span b{display:block;float:left; color:#75777b; box-sizing:border-box; font-weight:400; font-size:14px;}
.searchWord ul li > span a.close{background:#888; text-align:center;display:block;float:left; width:20px; height:20px; border-radius:20px; margin-left:10px;}
.searchWord ul li > span a.close i{display:inline-block; background:url(../images/close.png) no-repeat 0 0; vertical-align:middle; width:10px; height:10px; background-size:100%;}
.searchWord ul li.on a.favorites i{display:inline-block; width:15px; height:15px; background:url(../images/search_star.png) no-repeat left 0;}
.searchWord ul li:hover{background-color:#f8f8f8;}
.searchWord .bottom_area{width:100%; background:#e8e8e8; margin:0 auto;text-align:right; overflow:hidden;}
.searchWord .bottom_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.searchWord .bottom_area a{display:inline-block; padding:10px 15px; box-sizing:border-box; position:relative; float:left;}
.searchWord .bottom_area a:hover{text-decoration:underline;}
.searchWord .bottom_area .left_area, .searchWord .bottom_area .right_area{width:auto !important;}
.searchWord  .txt_area{width:100%; margin:0 auto; text-align:center; padding:40px 0; min-height:100px;}
.searchWord  .txt_area p{width:100%; margin:0 auto;}
.searchWord  .toolTip, .searchWord  .toolTip *{box-sizing:border-box;}
.searchWord  .toolTip{display:flex; width:100%;}
.searchWord  .toolTip ul{width:calc(100% - 280px);}
.searchWord  .toolTip ul li{width:100%;}
.searchWord  .toolTip ul li a{display:block; width:100%; line-height:36px; padding:0 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.searchWord  .toolTip ul li.on a, .searchWord  .toolTip ul li a:hover{background:#f3f3f3;}
.searchWord  .toolTip .tt_book{width:280px; height:324px; padding:30px 20px; border-left:solid 1px #e8e8e8; text-align:center; display:block;}
.searchWord  .toolTip .tt_book .imgWrap{display:block; margin:0 auto; width:123px; height:180px; overflow:hidden; border:solid 1px #e8e8e8;}
.searchWord  .toolTip .tt_book .imgWrap img{width:100%; height:100%;}
.searchWord  .toolTip .tt_book .tit{line-height:1.3em; max-height:2.6em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow:hidden; text-overflow:ellipsis; font-size:16px; font-weight:500; margin-top:15px;}
.searchWord  .toolTip .tt_book .txt{color:#365a99; white-space:nowrap; font-weight:400; overflow:hidden; text-overflow:ellipsis; margin-top:10px;}
.searchWord  .toolTip .tt_book:hover{background:#ecf6ff; transition:all 0.3s;}
.searchWord  .toolTip .tt_book:hover .imgWrap{box-shadow:2px 3px 4px 1px rgb(0 0 0 / 20%); transition:all 0.3s;}
.searchword_after{width:100%; margin:0 auto; padding-bottom:190px;}

/* 검색위젯 */
.searchWord  .toolTip .ui-widget-content{width:calc(100% - 280px); position:static; border:0;}
.searchWord  .toolTip .ui-menu .ui-menu-item{list-style:none; padding:0;}
.searchWord  .toolTip .ui-menu-item.on{background:#f3f3f3;}
.searchWord  .toolTip .ui-menu-item-wrapper{display:block; width:100%; line-height:36px; padding:0 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/* quick_menu */
#quick_menu{width:100%; margin:0 auto;}
#quick_menu .q_wrap{width:100%; margin:0 auto; background:#353c48;}
#quick_menu .q_icon{width:1198px; margin:0 auto;}
#quick_menu .q_icon:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#quick_menu .q_icon li{float:left; border-right:1px solid #353c48; text-align:center; display:block;}
#quick_menu .q_icon li:first-child{border-left:1px solid #353c48;}
#quick_menu .q_icon li a{display:block; text-align:center; width:170px; height:95px; background:#353c48;}
#quick_menu .q_icon li a i{display:block; margin:0 auto;}
#quick_menu .q_icon li a span{display:block; margin:10px 0 16px; color:#fff;}
#quick_menu .q_icon li.on a, #quick_menu .q_icon li a:hover{color:#ffcc00; font-weight:500; background-color:#1b1f27;}
#quick_menu .q_icon li a:hover span, #quick_menu .q_icon li.on a span{color:#ffcc00;} 
#quick_menu .q_icon .q_i1 i{width:170ox; height:55px; background:url(../images/qicon_btn01_off.png) 0 0 no-repeat}
#quick_menu .q_icon .q_i2 i{width:170ox; height:55px; background:url(../images/qicon_btn02_off.png) 0 0 no-repeat}
#quick_menu .q_icon .q_i3 i{width:170ox; height:55px; background:url(../images/qicon_btn03_off.png) 0 0 no-repeat}
#quick_menu .q_icon .q_i4 i{width:170ox; height:55px; background:url(../images/qicon_btn04_off.png) 0 0 no-repeat}
#quick_menu .q_icon .q_i5 i{width:170ox; height:55px; background:url(../images/qicon_btn05_off.png) 0 0 no-repeat}
#quick_menu .q_icon .q_i6 i{width:170ox; height:55px; background:url(../images/qicon_btn06_off.png) 0 0 no-repeat}
#quick_menu .q_icon .q_i7 i{width:170ox; height:55px; background:url(../images/qicon_btn07_off.png) 0 0 no-repeat}
#quick_menu .q_icon li.on .q_i1 i, #quick_menu .q_icon .q_i1:hover i{width:170ox; height:55px; background:url(../images/qicon_btn01_on.png) 0 0 no-repeat;}
#quick_menu .q_icon li.on .q_i2 i, #quick_menu .q_icon .q_i2:hover i{width:170ox; height:55px; background:url(../images/qicon_btn02_on.png) 0 0 no-repeat;}
#quick_menu .q_icon li.on .q_i3 i, #quick_menu .q_icon .q_i3:hover i{width:170ox; height:55px; background:url(../images/qicon_btn03_on.png) 0 0 no-repeat;}
#quick_menu .q_icon li.on .q_i4 i, #quick_menu .q_icon .q_i4:hover i{width:170ox; height:55px; background:url(../images/qicon_btn04_on.png) 0 0 no-repeat;}
#quick_menu .q_icon li.on .q_i5 i, #quick_menu .q_icon .q_i5:hover i{width:170ox; height:55px; background:url(../images/qicon_btn05_on.png) 0 0 no-repeat;}
#quick_menu .q_icon li.on .q_i6 i, #quick_menu .q_icon .q_i6:hover i{width:170ox; height:55px; background:url(../images/qicon_btn06_on.png) 0 0 no-repeat;}
#quick_menu .q_icon li.on .q_i7 i, #quick_menu .q_icon .q_i7:hover i{width:170ox; height:55px; background:url(../images/qicon_btn07_on.png) 0 0 no-repeat;}
.q_open{width:100%; margin:0 auto; background:#eff2f7; padding-bottom:40px;}
.q_open > div {width:1200px; margin:0 auto;}
.q_open > div .q_title{width:100%; font-size:20px; font-weight:500; text-align:center; padding:40px 0 20px;}
.q_open .q_cont{width:1198px; border:solid 1px #dddddd; background:#f4f4f4;}
.q_open .q_cont:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.q_open .q_cont ul.left_tap{float:left; width:180px; background:#f4f4f4; height:100%; min-height:400px;}
.q_open .q_cont ul.left_tap li{}
.q_open .q_cont ul.left_tap li a{display:block; width:160px; font-size:14px; line-height:50px; height:50px; border-bottom:solid 1px #fff; padding-left:20px; background:#f4f4f4;}
.q_open .q_cont ul.left_tap li a:hover, .q_open .q_cont ul.left_tap li.on a{background:#fff;}
.q_open .q_cont ul.left_tap li a.line2{line-height:20px; padding:10px 0 0 20px; min-height:50px; vertical-align:middle;}
/*
#quickOpen5 .q_cont{background:#fff;}
#quickOpen5 .q_cont ul.left_tap li a{width:180px; letter-spacing:-0.05em;}
#quickOpen5 .cont{width:938px;}
*/
.q_open .q_cont_subject{width:1200px; padding:45px 30px 50px 30px; background:#fff; border:solid 1px #dddddd; background:#fff; box-sizing:border-box;}
.q_open .q_cont_subject:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.q_open .q_cont_subject .cont_title{width:100%;}
.q_open .q_cont_subject .cont_title .txt_ex{width:100%;}
.q_open .q_cont_subject .left_area{width:50%; box-sizing:border-box; padding-right:25px;}
.q_open .q_cont_subject .right_area{width:50%; box-sizing:border-box; padding-left:25px;}

.q_open .cont{float:right; width:958px; padding:45px 30px 50px 30px; min-height:305px; height:100%; position:relative; background:#fff;}
.q_open .cont_title{width:100%; font-size:18px; font-weight:500; padding-bottom:10px; border-bottom:solid 3px #365a99; margin-bottom:20px;}
ul.txt_ex{width:100%;}
ul.txt_ex li{display:block; font-size:14px; line-height:28px; background:url(../images/dot_greyblue.png) no-repeat 0 12px; padding-left:15px; vertical-align:middle;}
ul.txt_ex li a{display:block; line-height:28px; height:28px;}
ul.txt_ex li a:hover{color:#0093ee; transition:0.3s ease;}
.q_btnBox{width:100%; margin:0 auto;margin-top:30px; text-align:right;}
.q_open .q_full{width:1138px; padding:45px 30px 50px 30px; position:relative; background:#fff;}
.q_cont .q_login{width:100%; padding:45px 0 50px; min-height:100px; position:relative; text-align:center;}
.q_cont .q_login p{font-weight:500; margin-bottom:20px; font-size:15px;}
.q_cont .q_login{width:100%; padding:45px 0 50px; min-height:100px; position:relative; text-align:center;}
.q_open .cont h4 + .txt_list{margin-top:5px;}
.q_open .cont .txt_list + h4 {margin-top:10px;}
.q_open .table_wrap {margin-top:20px;}
.qftWrap{width:100%; margin:0 auto;} 
.qftWrap .qft_title{width:100%; font-size:18px; font-weight:500; padding:10px 0; position:relative;}
.qftWrap .qft_title:before{content:''; width:15px; height:4px; background:#6c82a9; position:absolute; top:0; left:0;} 
.qftWrap + .qftWrap{margin-top:10px;}

#quickOpen3 .favWeb{width:100%; margin:0 auto; display:flex; flex-wrap:wrap; box-sizing:border-box; gap:15px; margin-top:10px;}
#quickOpen3 .favWeb *{box-sizing:border-box;}
#quickOpen3 .favWeb a{display:flex; height:60px; line-height:1.3em; text-align:center; align-items:center; justify-content:center; border:1px solid #ddd; border-radius:5px; width:calc((100% / 7) - 15px); position:relative; color:#365a99; font-weight:500;}
#quickOpen3 .favWeb a.more:after{content:""; display:inline-block; width:30px; height:30px; border-radius:30px; background:rgb(54 90 153 / 60%) url(../images/plus.png) no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50% , -50%);}
#quickOpen3 .favWeb a:hover, .favWeb a:active{border-color:#0093ee; color:#0093ee; transition:all 0.3s;}
#quickOpen3 .favWeb a.more:hover:after, .favWeb a.more:active:after{background-color:rgb(0 147 238 / 90%); transition:all 0.3s;}


/* content */
section.content{width:100%; margin:0 auto;}
section.content .w1200{width:1200px; margin:0 auto;}
section.content .w1200:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.btn_area{width:100%; margin:0 auto; text-align:center;}
.btn_icon{display:block; position:absolute; right:0; top:0; text-align:right;}
section.content .btn_area{text-align:center;}
section.content .btn_area a{margin:0 10px;}
section.content .btn_area .btn_h40_on, section.content .btn_area .btn_h40l_t02:hover{background:#365a99; border-color:#365a99;}

/* notice */
.notice{float:left; width:500px; margin:60px 20px 80px 0; position:relative;}
.notice .btn_area{width:520px; text-align:center;}
.notice .btn_more{display:block; float:right; margin-left:10px; position:absolute; right:-20px; top:0; text-align:right;}
.notice .btn_more i{background:url(../images/btn_more_off.png) no-repeat 0 0; width:40px; height:40px; display:block;}
.notice .btn_more:hover i{background:url(../images/btn_more_on.png) no-repeat 0 0; width:40px; height:40px;}
.notice_box{width:520px; margin-top:23px;} 
.notice_box ul li a{display:block; background:url(../images/notice_list_bullet.png) no-repeat 3px -14px; padding: 0 0 0 14px; line-height: 22px; height: 22px; font-size:12px;}
.notice_box ul li a:hover{background:url(../images/notice_list_bullet.png) no-repeat 3px 9px;}
.notice_box ul li a:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.notice_box ul li a b{float:left; color:#838282; font-weight:500; display:block; width:400px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice_box ul li span {float:right; width:95px;color: #8f8e8e;}

/* popup */
.popup{float:right; width:660px; margin-top:60px; position:relative;}
.popup ul{}
.popup ul li{float:left; display:block; border:solid 1px #e8e8e8;}
.popup ul li a{display:block; width:318px; height:128px;}
.popup ul li a img{width:100%; height:100%;}
.popup .btn_ban_set{display:block; position:absolute; width:40px; height:40px; background:#f84e57 url(../images/i_set.png) no-repeat center center; border-radius:0 40px 40px 0; right:-40px; top:0;}
.popup .btn_ban_set:hover{background-color:#0093ee; transition:0.3s ease;}

/* book */
.book{width:1200px; margin:0 auto; position:relative;}
.book .btn_area{width:100%; position:relative; padding-top:60px;}
.book .btn_more{display:block; position:absolute; right:0; top:60px; text-align:right;}
.book .btn_more i{background:url(../images/btn_more_off.png) no-repeat 0 0; width:40px; height:40px; display:block; right:0;}
.book .btn_more:hover i{background:url(../images/btn_more_on.png) no-repeat 0 0; width:40px; height:40px;}
.book_list_wrap{width:100%; margin:0 auto; box-sizing:border-box; padding:30px 50px 80px 50px;}
.book_list_wrap .loadListWrap{width:100%; height:523px; margin:0 auto; box-sizing:border-box; position:relative; background:#efefef; top:0; left:0; z-index:9;}
.book_list_wrap .loadList{width:100%; margin:0 auto; text-align:center; box-sizing:border-box; position:absolute; top:50%; margin-top:-120px;}
.book_list_wrap .loadList i{display:inline-block; width:66px; height:82px; background:url(../images/hourglass.png) no-repeat center center;}
.book_list_wrap .loadList b{display:block; margin-top:15px; font-size:18px;}
.book_list_wrap .loadList p{font-size:15px; width:100%; text-align:center; margin-top:10px;}
.book_list{margin:0 auto; height:523px; padding-top:10px; z-index:2;}
.book_list li a.ebook{display:block; position:absolute; left:25px; top:20px; z-index:6;}
.book_list li a.ebook i{width:30px; height:34px; display:block; background:url(../images/ebook.png) no-repeat 0 0;}
.book_list li {border:solid 1px #e8e8e8; padding:20px 20px 30px 20px; height:100%; background:#fff; text-align:center; box-sizing:border-box;}
.book_list li:hover{-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);}
.book_list li a.book span.bookcover{display:block; width:100%;}
.book_list li a.book span.bookcover img{height:320px;}
.book_list li a.book strong{display:block; width:100%; font-weight:500; color:#365a99; margin-top:19px; height:17px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.book_list li a.book b:before{content: ''; width:2px; height: 15px; background:#365a99; display:block; position: absolute; top: -25px; left: 50%; margin-left:-1px;}
.book_list li a.book b{display:block; font-size:14px; font-weight:500; position:relative; margin-top:38px;}
.book_list li span.bookcontent{display:block; line-height:22px; height: 66px; overflow:hidden; text-overflow:ellipsis; font-size:14px; letter-spacing:-0.05em; margin-top:10px; text-align:center; }
.book_list li span.rank{display:block; width:44px; height:90px; background:url(../images/rank.png) no-repeat 0 0; position:absolute; top:-10px; left:0px;  text-align:center; z-index:7;}
.book_list li span.rank strong{font-size:22px; font-weight:700; color:#365a99; display:block; margin-top:10px;}
.book_list li span.rank small, .book_list li span.rank b{font-size:13px; font-weight:500; color:#fff; display:block; margin-top:12px;}
.book_list li span.rank b{margin-top:3px;}
.btn_controller{width:100%; position:absolute; top:50%; left:0; margin-top:-20px; z-index:1;}
.btn_controller:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.btn_controller i, .btn_controller a{display:block;}
.btn_controller .btn_left{float:left; left:0;}
.btn_controller .btn_left i{width:40px; height:40px; background:url(../images/btn_prev_off.png) no-repeat 0 0;}
.btn_controller .btn_left:hover i{width:40px; height:40px; background:url(../images/btn_prev_on.png) no-repeat 0 0;}
.btn_controller .btn_right{float:right; right:0;}
.btn_controller .btn_right i{width:40px; height:40px; background:url(../images/btn_next_off.png) no-repeat 0 0;}
.btn_controller .btn_right:hover i{width:40px; height:40px; background:url(../images/btn_next_on.png) no-repeat 0 0;}
 
.load{display:flex; width:100%; align-items:center; justify-content:center; min-height:220px; flex-direction:column; gap:10px;}
 
/* footer */
footer{width:100%; margin:0 auto; background:#d4d7de; z-index:0;}
footer .bottom_nav{width:100%; margin:0 auto; line-height:48px; height:48px; background:#eeeff1; border-top:solid 1px #a9adb4; border-bottom:solid 1px #a9adb4; position:relative;}
footer .bottom_nav ul{width:1200px; position:absolute; top:-1px; left:50%; margin-left:-600px;}
footer .bottom_nav ul li{float:left; text-align:center; border-right:solid 1px #a9adb4;}
footer .bottom_nav ul li:first-child{ border-left:solid 1px #a9adb4;}
footer .bottom_nav ul li .bigStar{border-left:solid 1px #a9adb4; margin-left:1px;}
footer .bottom_nav ul li .bigStar i{display:block; width:100%; height:auto; vertical-align:middle; background:url(../images/bigstar_logo.png) no-repeat center center; background-size:80%;}
footer .bottom_nav ul li .bigStar:hover i{background:url(../images/bigstar_logoW.png) no-repeat center center; background-size:80%;}
footer .bottom_nav ul li a{display:block; width:170px; color:#373e4a; line-height:48px; height:48px; padding:1px 0;}
footer .bottom_nav ul li a:hover{display:block; width:170px; background:#4c5564; color:#fff; transition:0.3s ease}
.foot{width:1200px; margin:0 auto; padding:30px 0;}
.foot:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}

.foot .f_btn{widtn:100%; margin:0 auto;}
.foot .f_btn:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.foot .f_btn a{display:block; float:left; margin-left:5px; text-align:center; overflow:hidden;}
.foot .f_btn a i.facebook{display:inline-block; width:100%; height:100%; background:url(../images/facebook.png) no-repeat center;}
.foot .f_btn a i.twitter{display:inline-block; width:100%; height:100%; background:url(../images/twitter.png) no-repeat center;}
.foot .f_btn a i.youtube{display:inline-block;width:100%; height:100%; background:url(../images/youtube.png) no-repeat center;}
.foot .f_btn a i.instagram{display:inline-block; width:100%; height:100%; background:url(../images/instagram.png) no-repeat center;}
.foot .f_btn a:hover i.facebook{background:url(../images/facebook_on.png) no-repeat center; transition:0.3s ease}
.foot .f_btn a:hover i.twitter{background:url(../images/twitter_on.png) no-repeat center; transition:0.3s ease}
.foot .f_btn a:hover i.youtube{background:url(../images/youtube_on.png) no-repeat center; transition:0.3s ease}
.foot .f_btn a:hover i.instagram{background:url(../images/instagram_on.png) no-repeat center; transition:0.3s ease}

.foot .f_add{width:100%; margin:0 auto; margin-top:15px; padding-left:20px;}
.foot .f_add:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.foot .f_add small{display:block; float:left;}
.foot .f_add span, .foot .f_add b{display:block; font-size:13px; font-weight:400; color:#4c5564;}
.foot .f_add span{margin-top:7px;}
/*----------------  sub style css ----------------*/

#container{width:100%; margin:0 auto; position:relative;}
#container:before{content:' ';width:100%; margin:0 auto; background:#f6f7f8; line-height:46px; height:46px; border-top:solid 1px #d5d9de; border-bottom:solid 1px #d5d9de; position:absolute; top:0; left:0;}

#snav_area{width:1200px; position:absolute; top:0; left:50%; margin-left:-600px; z-index:2;}
#snav_area a{display:block; padding:0 15px; font-size:16px; font-weight:400;}
#snav_area a i{display:inline-block;}
#snav_area a i.home{width:14px; height:15px; background:url(../images/home.png) no-repeat 0 0; margin:0 2px;}
#snav_area a i.select{width:10px; height:6px; background:url(../images/select_down.png) no-repeat 0 0;}
#snav_area > p{float:left; border-left:solid 1px #d5d9de; border-right:solid 1px #d5d9de; margin-left:1px;}
#snav_area > p a{line-height:46px; height:46px; text-align:right;}
#snav_area > p a i{}
#snav_area ul.select_area{float:left;}
#snav_area ul.select_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#snav_area ul.select_area > li{float:left;} 
#snav_area ul.select_area > li > a{min-width:243.5px;line-height:48px; height:48px; border-right:solid 1px #d5d9de;}
#snav_area ul.select_area > li > a:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#snav_area ul.select_area > li > a span{float:left;}
#snav_area ul.select_area > li > a i{float:right; display:block; margin-top:20px;}
#snav_area ul.select_area > li > a:hover i.select{width:10px; height:6px; background:url(../images/select_up.png) no-repeat 0 0;}
#snav_area ul.select_area li > a{min-width:243.5px;line-height:48px; height:48px;}
#snav_area ul.select_menu{clear:both; border:solid 1px #d5d9de; border-top:0; box-sizing:content-box; margin:-1px 0 0 -1px;}
#snav_area ul.select_menu li{line-height:48px; height:48px;}
#snav_area ul.select_menu li a{line-height:48px; height:48px; background:#fff;}
#snav_area a:hover, #snav_area ul.select_menu li a:hover{background:#ebf1f8; transition:0.3s ease;} 
#snav_area ul.select_area li ul.select_menu{display:none;}
#snav_area ul.select_area li:hover ul.select_menu{display:block; transition:0.3s ease;}
#snav_area ul.select_area li a.on{color:#004294;}
.ls_eng{letter-spacing:-0.05em; font-size:14px;}
/*----------------  sub 본문스타일 ----------------*/
.sub_wrap{width:1200px; margin:0 auto; height:100%; min-height:556px; padding:118px 0 100px 0;}
.sub_wrap:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.sub_wrap .btn_area{width:100%; margin:0 auto; text-align:center; padding-top:60px;}
.sub_wrap .btn_area a{margin:0 5px;}
.sub_wrap h3{width:100%; margin:0 auto;  font-size:40px; font-weight:500; text-align:center;}
.sub_wrap h4{width:100%; margin:0 auto;  font-size:23px; font-weight:500; position:relative; margin-top:60px; padding:12px 0 30px 0;}
.sub_wrap h4:before{content:''; width:40px; height:4px; background:#6c82a9; position:absolute; top:0; left:0;}
.sub_wrap h4:after{content: " ";display:block;height: 0;clear: both;visibility: hidden; background:none;}
.sub_wrap h4.h4_btnright{padding-bottom:0;}
.sub_wrap h4.h4_btnright span.left{float:left;}
.sub_wrap h4.h4_btnright .btn_h40l_t02{float:right;}
.sub_wrap .title_ex{width:100%; font-size:20px; margin-top:20px; text-align:center; line-height:28px;}
.sub_wrap h5{width:100%; margin:0 auto; font-size:16px; color:#365a99; margin-top:30px; font-weight:500; line-height:28px; padding-left:20px; text-align:left; background:url(../images/list_dot.png) no-repeat left 7.5px; margin-bottom:15px; box-sizing:border-box;}
.sub_wrap h5.subtitle{margin-top:0;}
.sub_wrap h5 .btn_h22_t01, .sub_wrap h5 .btn_h22_t02{margin:-5px 0 0 5px;}
.sub_wrap h4 .btn_h22_t01, .sub_wrap h4 .btn_h22_t06{margin:0 0 0 5px;}
.sub_wrap h4 + h5, .sub_wrap h4 + .dv_table{margin-top:0;}
.sub_wrap h4 + .table_t04{margin-top:0;}
.sub_wrap h4 + sub_topArea{margin-top:0;}
.sub_wrap h5 .newWin, .sub_wrap h5 .newWin_blue, .sub_wrap h5 .newWin_navy{vertical-align:baseline;}
ul.txt_list{width:100%; margin:0 auto;}
ul.txt_list li{line-height:28px; background:url(../images/list_dot2.png) no-repeat 0 11.5px; padding-left:20px;}
ul.tit_txt_list{width:100%; margin:0 auto;margin-top:30px; text-align:center;}
ul.tit_txt_list li{line-height:28px; display:block;}
ul.tit_txt_list li i{background:url(../images/list_dot3.png) no-repeat 0 0; display:inline-block; width:8px; height:8px; margin-right:10px; vertical-align:middle;}
ul.txt_list li a.btn_h22_t01, ul.txt_list li a.btn_h22_t02{margin-left:5px;}
p.cont_txt{line-height:28px;}
ul.txt_list a.link{color:#365a99; font-weight:500;}
ul.txt_list a.link:hover{color:#0093ee; text-decoration:underline;}
ul.txt_list_depth2{width:100%; margin:0 auto;}
ul.txt_list_depth2 li{line-height:28px; background:url(../images/list_dot2.png) no-repeat 20px 11.5px; padding-left:40px;}
ul.txt_list_depth2 li a.btn_h22_t01, ul.txt_list_depth2 li a.btn_h22_t02{margin-left:5px;}
ul.txt_list_depth2 a.link{color:#365a99; font-weight:500;}
ul.txt_list_depth2 a.link:hover{color:#0093ee; text-decoration:underline;}
ul.txt_list li .depth3 li{padding-left:30px; background:url(../images/dot_grey2.gif) no-repeat left 15px top 13px;}
.cont_full_txt{text-align:justify; line-height:28px;}
.Indent{width:100%; margin:0 auto; box-sizing:border-box; padding-left:21px;}
ul.txt_list li > ul.depth li, ul.txt_list_depth2 li > ul.depth li{background:url(../images/dot_grey.gif) no-repeat left 0 top 12px; padding-left:15px;}
.dotGreyBox{background:url(../images/dot_grey.gif) no-repeat left 0 top 12px; display:inline-block; vertical-align:middle; padding-left:13px;}

ul.txtList{width:100%; margin:0 auto;}
ul.txtList li{line-height:28px;}
ul.txtList > li{background:url(../images/list_dot2.png) no-repeat 0 11.5px; padding-left:20px;}
ul.txtList ul.depth2 > li{background:url(../images/dot_grey.gif) no-repeat 0 12px; padding-left:15px;}
ul.txtList ul.depth3 > li{background:url(../images/dot_grey2.gif) no-repeat 0 13px; padding-left:15px;}
ul.txt_list.inline{display:inline-block; width:auto; text-align:left;}

.nb_color{color:#f84e57; font-weight:500;}
.nb_color2{color:#365a99; font-weight:500;}
.nb_color3{color:#999; font-weight:500;}
.nb_color4{color:#8e9094; font-weight:500;}
.nb_color5{color:#0093ee;}

.call{background:url(../images/call.png) no-repeat 0 center; padding-left:20px; margin:0 5px;}
.call2{background:url(../images/call2.png) no-repeat 0 center; padding-left:20px; margin:0 5px;}
a.mail{margin-top:10px; color:#0093ee; background:url(../images/mail.png) no-repeat 0 1px; padding-left:20px; display:inline-block;} 
a.mail:hover, .mail2:hover{text-decoration:underline;} 
.mail2{ background:url(../images/mail.png) no-repeat left center; padding-left:20px; display:inline-block; margin:0 5px; color:#0093ee !important;} 
p.img_box, p.img_wrap{width:100%; margin:0 auto; text-align:center;}
p.img_box img, p.img_wrap img{border:1px solid #d5d9de;}
ul.txt_list + p.img_box, ul.txt_list + p.img_wrap{margin-top:15px;}
/*----------------  sub 첫페이지 ----------------*/
.sub_wrap ul.first_select{width:1221px; border-top:solid 3px #6c82a9; padding-top:40px; margin-top:60px;}  
.sub_wrap ul.first_select li{float:left; margin-right:21px; text-align:center;margin-top:20px;}
.sub_wrap ul.first_select li a{display:block; width:344px; min-height:200px; padding:30px 20px; border:solid 1px #d5d9de; position:relative;}
.sub_wrap ul.first_select li a b:before{content:''; width:40px; height:4px; background:#0093ee; position:absolute; top:30px; left:50%; margin-left:-20px;}
.sub_wrap ul.first_select li a b{display:block; font-size:20px; font-weight:500; margin-top:15px;}
.sub_wrap ul.first_select li a p{line-height:28px; margin-top:20px; letter-spacing:-0.01em;}
.sub_wrap ul.first_select li a i{position:absolute; right:20px; bottom:15px;width:40px; height:40px;}
.sub_wrap ul.first_select li a:hover{background:#f3f6fa;}
.sub_wrap ul.first_select li a:hover i{background:url(../images/btn_next_on.png) no-repeat 0 0;}

.sub_wrap ul.first_select02{width:1221px; border-top:solid 3px #6c82a9; padding-top:40px; margin-top:60px;} 
.sub_wrap ul.first_select02 li{float:left; width:590px; box-sizing:border-box; margin-right:20px; text-align:center; margin-top:20px; padding:40px 30px 30px 30px; background:#f6f6f6;}
.sub_wrap ul.first_select02 li span{display:block; font-size:25px; font-weight:500; position:relative; margin-bottom:45px;}
.sub_wrap ul.first_select02 li span:after{content:''; width:3px; height:15px; background:#6c82a9; position:absolute; bottom:-30px; left:50%; margin-left:-1.5px;}
.sub_wrap ul.first_select02 li a{display:block; width:100%; min-height:250px; background:#fff; padding:30px 20px; margin-top:20px; border:solid 1px #d5d9de; position:relative; box-sizing:border-box;}
.sub_wrap ul.first_select02 li a b:before{content:''; width:40px; height:4px; background:#0093ee; position:absolute; top:30px; left:50%; margin-left:-20px;}
.sub_wrap ul.first_select02 li a b{display:block; font-size:20px; font-weight:500; margin-top:15px;}
.sub_wrap ul.first_select02 li a p{line-height:28px; margin-top:20px;}
.sub_wrap ul.first_select02 li a i{position:absolute; right:20px; bottom:30px;width:40px; height:40px;}
.sub_wrap ul.first_select02 li a:hover{background:#f3f6fa;}
.sub_wrap ul.first_select02 li a:hover i{background:url(../images/btn_next_on.png) no-repeat 0 0;}

.cont_imgWrap{text-align:center; overflow:hidden; margin:10px 0;}
.cont_imgWrap img{display:inline-block;}
.gray_box ul li{line-height:28px;}
/*----------------  sub tap style ----------------*/
ul.tap_t01{width:100%; margin:0 auto ; text-align:center; margin-top:30px;}
ul.tap_t01 li{display:inline-block; width:236px; text-align:center;}
ul.tap_t01 li a{display:block; width:100%; font-size:18px; color:#fff; background:#8e9094; padding:10px 0 8px 0;}
ul.tap_t01 li a span{display:block;margin-bottom:5px;}
ul.tap_t01 li a i{display:block; margin:0 auto; width:7px; height:4px; }
ul.tap_t01 li a:hover, ul.tap_t01 li a.on{background:#365a99; transition:0.3s ease;}
ul.tap_t01 li a.on i{background:#365a99;background:url(../images/tap_down.png) no-repeat 0 0;}
ul.tap_t01 li.long{display:inline-block; min-width:238px; width:auto;}
ul.tap_t01 li.long a{padding:10px 10px 8px 10px;}
ul.tap_t01f{width:100%; magin:0 auto; text-align:center; margin-top:30px;}
ul.tap_t01f li{display:inline-block; width:180px; text-align:center;}
ul.tap_t01f li a{display:block; width:100%; font-size:18px; color:#fff; background:#8e9094; padding:10px 0 8px 0;}
ul.tap_t01f li a span{display:block;margin-bottom:5px;}
ul.tap_t01f li a i{display:block; margin:0 auto; width:7px; height:4px; }
ul.tap_t01f li a:hover, ul.tap_t01f li a.on{background:#365a99; transition:0.3s ease;}
ul.tap_t01f li a.on i{background:#365a99;background:url(../images/tap_down.png) no-repeat 0 0;}

ul.tap_t01p{width:100%; magin:0 auto; text-align:center; margin-top:30px;}
ul.tap_t01p li{display:inline-block;text-align:center; min-width:180px;}
ul.tap_t01p li a{display:block; width:100%; font-size:18px; color:#fff; background:#8e9094; padding:10px 15px 8px 15px; box-sizing:border-box;}
ul.tap_t01p li a span{display:block;margin-bottom:5px;}
ul.tap_t01p li a i{display:block; margin:0 auto; width:7px; height:4px; }
ul.tap_t01p li a:hover, ul.tap_t01p li a.on{background:#365a99; transition:0.3s ease;}
ul.tap_t01p li a.on i{background:#365a99;background:url(../images/tap_down.png) no-repeat 0 0;}

ul.tap_t01.tb{display:table; table-layout:fixed;}
ul.tap_t01.tb li{display:table-cell; width:100%; padding:2px;}

ul.tap_t02{width:100%; magin:0 auto; text-align:center; margin-top:30px;}
ul.tap_t02 li{display:inline-block; width:167px; text-align:center; margin-left:5px;}
ul.tap_t02 li:first-child{margin-left:0;}
ul.tap_t02 li a{display:block; width:165px; text-align:center; border:solid 2px #dcddde;}
ul.tap_t02 li a i{display:block; margin:0 auto; margin-top:13px; background-repeat:no-repeat; background-position:center; height:45px; transition:0.3s ease;}
ul.tap_t02 li a i.facilities01{width:46px; background-image:url(../images/facilities_icon01_off.png);}
ul.tap_t02 li a i.facilities02{width:46px; background-image:url(../images/facilities_icon02_off.png);}
ul.tap_t02 li a i.facilities03{width:45px; background-image:url(../images/facilities_icon03_off.png);}
ul.tap_t02 li a i.facilities04{width:46px; background-image:url(../images/facilities_icon04_off.png);}
ul.tap_t02 li a i.facilities05{width:50px; background-image:url(../images/facilities_icon05_off.png);}
ul.tap_t02 li a i.facilities06{width:46px; background-image:url(../images/facilities_icon06_off.png);}
ul.tap_t02 li a i.facilities07{width:48px; background-image:url(../images/facilities_icon07_off.png);}
ul.tap_t02 li a i.facilities08{width:45px; background-image:url(../images/facilities_icon08_off.png);}
ul.tap_t02 li a i.facilities09{width:45px; background-image:url(../images/facilities_icon09_off.png);}
ul.tap_t02 li a i.mileage01{width:45px; background-image:url(../images/mileage_icon01_off.png);}
ul.tap_t02 li a i.mileage02{width:45px; background-image:url(../images/mileage_icon02_off.png);}
ul.tap_t02 li a i.rdbook01{width:45px; background-image:url(../images/rdbook_icon01.png);}
ul.tap_t02 li a i.rdbook02{width:45px; background-image:url(../images/rdbook_icon02.png);}
ul.tap_t02 li a:hover i.facilities01, ul.tap_t02 li .on i.facilities01{background-image:url(../images/facilities_icon01_on.png);}
ul.tap_t02 li a:hover i.facilities02, ul.tap_t02 li .on i.facilities02{background-image:url(../images/facilities_icon02_on.png);}
ul.tap_t02 li a:hover i.facilities03, ul.tap_t02 li .on i.facilities03{background-image:url(../images/facilities_icon03_on.png);}
ul.tap_t02 li a:hover i.facilities04, ul.tap_t02 li .on i.facilities04{background-image:url(../images/facilities_icon04_on.png);}
ul.tap_t02 li a:hover i.facilities05, ul.tap_t02 li .on i.facilities05{background-image:url(../images/facilities_icon05_on.png);}
ul.tap_t02 li a:hover i.facilities06, ul.tap_t02 li .on i.facilities06{background-image:url(../images/facilities_icon06_on.png);}
ul.tap_t02 li a:hover i.facilities07, ul.tap_t02 li .on i.facilities07{background-image:url(../images/facilities_icon07_on.png);}
ul.tap_t02 li a:hover i.facilities08, ul.tap_t02 li .on i.facilities08{background-image:url(../images/facilities_icon08_on.png);}
ul.tap_t02 li a:hover i.facilities09, ul.tap_t02 li .on i.facilities09{background-image:url(../images/facilities_icon09_on.png);}
ul.tap_t02 li a:hover i.mileage01, ul.tap_t02 li .on i.mileage01{background-image:url(../images/mileage_icon01_on.png);}
ul.tap_t02 li a:hover i.mileage02, ul.tap_t02 li .on i.mileage02{background-image:url(../images/mileage_icon02_on.png);}
ul.tap_t02 li a:hover i.rdbook01, ul.tap_t02 li .on i.rdbook01{background-image:url(../images/rdbook_icon01_on.png);}
ul.tap_t02 li a:hover i.rdbook02, ul.tap_t02 li .on i.rdbook02{background-image:url(../images/rdbook_icon02_on.png);}
ul.tap_t02 li a span{display:block; line-height:40px; width:100%; background:#dcddde; font-size:16px; font-weight:500; color:#808284; line-height:1.2em; padding:10px 0;}
ul.tap_t02 li a:hover, ul.tap_t02 li .on{border:solid 2px #6c82a9; transition:0.3s ease;}
ul.tap_t02 li a:hover span, ul.tap_t02 li .on span{width:100%; background:#6c82a9; font-size:16px; font-weight:500; color:#fff; transition:0.3s ease;}

ul.tap_t02_eng{width:100%; magin:0 auto; text-align:center; margin-top:30px;}
ul.tap_t02_eng li{display:inline-block; width:202px; text-align:center; margin-left:5px;}
ul.tap_t02_eng li:first-child{margin-left:0;}
ul.tap_t02_eng li a{display:block; width:200px; text-align:center; border:solid 2px #dcddde;}
ul.tap_t02_eng li a i{display:block; margin:0 auto; margin-top:13px; background-repeat:no-repeat; background-position:0 0; height:45px; transition:0.3s ease;}
ul.tap_t02_eng li a i.facilities01{width:46px; background-image:url(../images/facilities_icon01_off.png);}
ul.tap_t02_eng li a i.facilities02{width:46px; background-image:url(../images/facilities_icon02_off.png);}
ul.tap_t02_eng li a i.facilities03{width:45px; background-image:url(../images/facilities_icon03_off.png);}
ul.tap_t02_eng li a i.facilities04{width:46px; background-image:url(../images/facilities_icon04_off.png);}
ul.tap_t02_eng li a i.facilities05{width:50px; background-image:url(../images/facilities_icon05_off.png);}
ul.tap_t02_eng li a i.facilities06{width:46px; background-image:url(../images/facilities_icon06_off.png);}
ul.tap_t02_eng li a i.facilities07{width:48px; background-image:url(../images/facilities_icon07_off.png);}
ul.tap_t02_eng li a i.facilities08{width:45px; background-image:url(../images/facilities_icon08_off.png);}
ul.tap_t02_eng li a i.facilities09{width:45px; background-image:url(../images/facilities_icon09_off.png);}
ul.tap_t02_eng li a i.mileage01{width:45px; background-image:url(../images/mileage_icon01_off.png);}
ul.tap_t02_eng li a i.mileage02{width:45px; background-image:url(../images/mileage_icon02_off.png);}

ul.tap_t02_eng li a:hover i.facilities01, ul.tap_t02_eng li .on i.facilities01{width:46px; background-image:url(../images/facilities_icon01_on.png);}
ul.tap_t02_eng li a:hover i.facilities02, ul.tap_t02_eng li .on i.facilities02{width:46px; background-image:url(../images/facilities_icon02_on.png);}
ul.tap_t02_eng li a:hover i.facilities03, ul.tap_t02_eng li .on i.facilities03{width:45px; background-image:url(../images/facilities_icon03_on.png);}
ul.tap_t02_eng li a:hover i.facilities04, ul.tap_t02_eng li .on i.facilities04{width:46px; background-image:url(../images/facilities_icon04_on.png);}
ul.tap_t02_eng li a:hover i.facilities05, ul.tap_t02_eng li .on i.facilities05{width:50px; background-image:url(../images/facilities_icon05_on.png);}
ul.tap_t02_eng li a:hover i.facilities06, ul.tap_t02_eng li .on i.facilities06{width:46px; background-image:url(../images/facilities_icon06_on.png);}
ul.tap_t02_eng li a:hover i.facilities07, ul.tap_t02_eng li .on i.facilities07{width:48px; background-image:url(../images/facilities_icon07_on.png);}
ul.tap_t02_eng li a:hover i.facilities08, ul.tap_t02_eng li .on i.facilities08{width:45px; background-image:url(../images/facilities_icon08_on.png);}
ul.tap_t02_eng li a:hover i.facilities09, ul.tap_t02_eng li .on i.facilities09{width:45px; background-image:url(../images/facilities_icon09_on.png);}
ul.tap_t02_eng li a:hover i.mileage01, ul.tap_t02_eng li .on i.mileage01{width:45px; background-image:url(../images/mileage_icon01_on.png);}
ul.tap_t02_eng li a:hover i.mileage02, ul.tap_t02_eng li .on i.mileage02{width:45px; background-image:url(../images/mileage_icon02_on.png);}
ul.tap_t02_eng li a span{display:block; line-height:22px;  padding:10px 0; width:100%; background:#dcddde; font-size:15px; font-weight:500; color:#808284; letter-spacing:-0.05em;}
ul.tap_t02_eng li a:hover, ul.tap_t02_eng li .on{border:solid 2px #6c82a9; transition:0.3s ease;}
ul.tap_t02_eng li a:hover span, ul.tap_t02_eng li .on span{display:block; line-height:22px; padding:10px 0; width:100%; background:#6c82a9; font-weight:500; color:#fff; transition:0.3s ease;}
.sub_tap_round{width:100%; margin:0 auto; text-align:center; margin-top:60px;}

p.img_box + ul.txt_list_depth2{margin-top:15px;}

/*----------------  관련문의 ----------------*/
.inquiries{width:100%; margin:0 auto; margin-top:60px; clear:both;}
.inquiries:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.inquiries .title{float:left; width:187px; height:117px; text-align:center; background:#6c82a9;}
.inquiries .title i{width:35px; height:30px; display:inline-block; background:url(../images/headset.png) no-repeat 0 0; margin-top:28px;}
.inquiries .title p{width:100%; text-align:center; margin-top:10px; color:#fff;}
.inquiries ul{float:right; width:1012px; height:115px; border:solid 1px #e8e8e8; border-left:0;}
.inquiries ul:after{content: " ";display:block;height:0;clear:both;visibility:hidden;}
.inquiries ul li{float:left; display:block; height:115px; border-left:solid 1px #e8e8e8; padding:0 30px;}
.inquiries ul li:first-child{border-left:0;}
.inquiries ul li > b{display:block; margin-top:20px; font-weight:normal;} 
.inquiries ul li span{display:block;} 
.inquiries ul li span b{display:inline-block; margin-right:5px; font-weight:500; margin-top:0;} 
.inquiries ul li .call{ margin-top:20px; margin-left:0;}
.inquiries ul li a.mail{display:block; margin-top:10px;} 
.inquiries ul li a.mail:hover{text-decoration:underline;} 
.inquiries ul.number2 li{float:left; display:block; height:115px; border-left:solid 1px #e8e8e8; padding:0 30px;}
.inquiries ul.number2 li:first-child{padding:0 260px 0 30px;}
.inquiries ul.number3 li .call{display:inline-block; margin-right:60px;}

.inquiries .title2{float:left; width:10%; height:117px; text-align:center; background:#6c82a9;}
.inquiries .title2 i{width:35px; height:30px; display:inline-block; background:url(../images/headset.png) no-repeat 0 0; margin-top:28px;}
.inquiries .title2 p{width:100%; text-align:center; margin-top:10px; color:#fff; font-size:18px}
.inquiries ul.n4{width:90%; box-sizing:border-box;}
.inquiries ul.n4 li{float:left; display:block; width:25%; height:115px; border-left:solid 1px #e8e8e8; padding:0 0 0 20px; box-sizing:border-box;}
.inquiries ul.n4 li > b{letter-spacing:-0.05em;}
.inquiries ul.n3 li{float:left; display:block; width:33.3333%; height:115px; border-left:solid 1px #e8e8e8; padding:0 0 0 30px; box-sizing:border-box;}
.inquiries ul.n2 li{float:left; display:block; width:50%; height:115px; border-left:solid 1px #e8e8e8; padding:0 0 0 30px; box-sizing:border-box;}

.inquiries.list_n5 ul{width:90%; float:right; box-sizing:border-box; min-height:117px}
.inquiries.list_n5 ul li{float:left; display:block; width:20%; height:115px; border-left:solid 1px #e8e8e8; padding:0 0 0 15px; box-sizing:border-box;}

.inquiries.dCall ul li > b{margin-top:14px; padding-bottom:5px;}
.inquiries.dCall ul li .call{margin-top:8px;} 
.inquiries.dCall ul li a.mail{margin-top:8px;} 

/*------------------------------------------------  sub01/검색 ------------------------------------------------*/
/*----------------  소장자료검색 ----------------*/
ul.tap_search{width:100%; magin:0 auto; text-align:center; margin-top:60px;}
ul.tap_search:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
ul.tap_search li{display:block; float: left; width:170px;margin-right:5px;}
ul.tap_search li a{display:block; width:100%; font-size:18px; color:#fff; background:#8e9094; position:relative; height:50px; padding-top:17px; box-sizing:border-box; text-align:center; }
ul.tap_search li a:hover, ul.tap_search li a.on{background:#fff; color:#365a99;  font-weight:700; height:50px; padding-top:11px; border-top:solid 6px #365a99; border-left:solid 1px #d5d9de; border-right:solid 1px #d5d9de; transition:0.3s ease;}
.sub_search_box{width:100%; margin:0 auto; border:solid 1px #e8e8e8; box-sizing:border-box; padding:15px; margin-top:-1px; position:relative; z-index:20;}
.table_search{width:100%; text-align:left; padding:10px; box-sizing:border-box; border-collapse:collapse;}
.select_full{line-height:40px; height:40px; width:100%; display:inline-block; padding:0 5px; border:solid 1px #d5d9de;}
.select_half{line-height:40px; height:40px; width:43.1%; display:inline-block; padding:0 5px; border:solid 1px #d5d9de;}
.select20{line-height:40px; height:40px; width:19.6%; display:inline-block; padding:0 5px; border:solid 1px #d5d9de;}
.table_search tr th, .table_search tr td{padding:5px 10px; vertical-align:;}
.table_search tr th{font-weight:500; text-align:right;}
.table_search thead{min-height:20px;}
.input_1btn .btn_h40_t01, .input_1btn .btn_h40_t02, .input_1btn .btn_h40_on{width:19.6%; border-radius:0; box-sizing:border-box;}
.input_1btn .btn_h40_t01 i.keyboard, .input_1btn .btn_h40_on i.keyboard{margin:-4px 5px 0 0;}
.lh40{display:inline-block; line-height:40px; padding:0 5px;}
.date01{width:100%;}
.date01:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.date01 span{display:block; line-height:40px; float:left; box-sizing:border-box;}
.date01 b{width:63%;display:block; float:right; text-align:right;}
.date01 b input{width:48%;}

.date01_eng{width:100%;}
.date01_eng:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.date01_eng span{display:block; line-height:40px; float:left; box-sizing:border-box;}
.date01_eng b{width:53%;display:block; float:right; text-align:right;}
.date01_eng b input{width:48%;}

.table_search  tfoot .btn_area{padding:0; padding:30px 0 20px 0; margin-top:25px; border-top:solid 1px #d5d9de;}
.table_search .search_inputbox{width:100%; margin:0 auto; position:relative;}
.tb_search, .tb_search2, .tb_search3{position:relative;}
.tb_search3 .searchWord_area{position:absolute; top:41px; width:78.6%; background:#fff; box-sizing:border-box; border:1px solid #e8e8e8; z-index:10; right:10px;}
.tb_search2 .searchWord_area{position:absolute; top:41px; width:78.3%; background:#fff; box-sizing:border-box; border:1px solid #e8e8e8; z-index:10;}
.tb_search .searchWord_area{position:absolute; top:41x; width:82.7%; background:#fff; box-sizing:border-box; border:1px solid #e8e8e8; z-index:10;}
.tb_search .searchWord_area .searchWord ul li a.recent{width:82%;}
.table_search .search_inputbox:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.table_search .search_inputbox .td_txt_box{width:85%; float:left;}
.table_search .search_inputbox a{width:15%; float:left; border-radius:0;}
.table_search .search_more{width:100%; height:auto; padding-top:12px; margin-top:10px; border-top:solid 1px #d5d9de;}
.table_search .search_more:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.table_search .search_more .related_searches{width:85%; float:left;}
.table_search .search_more .related_searches b, .table_search .search_more .related_searches a{display:block; float:left; line-height:15px; margin:8px 0;}
.table_search .search_more .related_searches b{margin-right:15px;}
.table_search .search_more .related_searches b i{margin-right:5px;}
.table_search .search_more .related_searches .box{width:100%; display:block; float:left; box-sizing:border-box; padding-left:20px;}
.table_search .search_more .related_searches a:before{content: " ";display: block; width:5px; height:5px; background:#6c82a9; position:absolute; top:50%; margin-top:-2.5px; left:0; border-radius:5px;}
.table_search .search_more .related_searches a{padding:0 10px 0 12px; letter-spacing:-0.05em; display:inline-block; position:relative;}
.table_search .search_more .re_search{width:15%; float:right; padding-left:10px; box-sizing:border-box; text-align:right;}
.table_search .search_more .re_search label{margin:0;}
.table_search .search_more .related_searches a:hover{color:#6c82a9; text-decoration:underline;}
.drop_down_tbl a{display:block; font-weight:500;}
.drop_down_tbl a i{display:inline-block; width:10px; height:6px; vertical-align:middle; margin-left:5px; background:url(../images/i_pointbl_down.png) no-repeat right center; background-size:100%;}
.drop_down_tbl a:hover, .drop_down_tbl .on{color:#6c82a9; transition:0.3s ease;}
.drop_down_tbl a:hover i{background:url(../images/i_point_down.png) no-repeat right center; background-size:100%;  transition:0.3s ease;}
.drop_down_tbl .on i{background:url(../images/i_point_up.png) no-repeat right center; background-size:100%;  transition:0.3s ease;}
.drop_down_tbl .on:hover i{background:url(../images/i_point_up.png) no-repeat right center; background-size:100%;  transition:0.3s ease;}
.bt_blue{border-top:solid 3px #365a99; margin-top:60px;}
ul.table_down_list{width:99%; padding:0 10px; box-sizing:border-box; background:#6c82a9;  border-radius:10px; margin-top:15px; position:relative;}
ul.table_down_list:before{content:''; width:16px; height:10px; background:url(../images/i_point_up.png) no-repeat 0 0; position:absolute; top:-10px; left:20px;}
ul.table_down_list li{display:block; width:100%; border-top:solid 1px #f3f6fa; padding:10px 0; box-sizing:border-box; color:#fff;}
ul.table_down_list li:first-child{border:0;}
ul.table_down_list li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
ul.table_down_list li b.classify{display:inline-block; width:15%; text-align:center; line-height:24px; font-weight:500; vertical-align:top;}
ul.table_down_list li strong.classify_cont{display:inline-block; width:84%; font-weight:500;}
ul.table_down_list li strong.classify_cont .c_txt1{display:inline-block; line-height:24px; font-weight:400;}
ul.table_down_list li strong.classify_cont .c_wbox{display:block; width:100%; line-height:22px; background:#fff;  border-radius:10px; color:#6c82a9;  padding:0 10px; box-sizing:border-box; margin-top:5px;}
ul.table_down_list li strong.classify_cont .c_txt2{display:block; width:100%; border-top:solid 1px #6c82a9; box-sizing:border-box; font-weight:400; padding:5px 0;}
ul.table_down_list li strong.classify_cont .c_txt2:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
ul.table_down_list li strong.classify_cont .c_txt2:first-child{border:0;}
ul.table_down_list li strong.classify_cont .c_txt2 b{display:block; font-weight:400; width:22%; float:left;}
ul.table_down_list li strong.classify_cont .c_txt2 span{display:block; float:left; width:78%;; position:relative; box-sizing:border-box; padding-left:20px;}
ul.table_down_list li strong.classify_cont .c_txt2 span:before{content: " ";display: block; height: 3px; width:3px; border-radius:3px; background:#6c82a9; position:absolute; top:10px; left:10px;}
/*----------------  다국어입력 ----------------*/
.insert_lang{width:96%; margin:0 auto; position:absolute; left:2%; top:209px; padding:20px; box-sizing:border-box; z-index:50; border:solid 1px #e8e8e8; background:#fff;
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow:  0 3px 10px rgba(0, 0, 0, 0.4); box-shadow:  0 3px 10px rgba(0, 0, 0, 0.4);}
.insert_lang h4:before{width:0; height:0; position:inherit; background:none;}
.insert_lang h4{margin:0; font-size:20px; position:inherit; padding:0; overflow:hidden;}
.insert_lang select{display:block; margin-bottom:15px;}
.insert_lang ul{width:100% margin:0 auto; margin:20px 0 15px;}
.insert_lang ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.insert_lang ul li{float:left; width:8.3333%; text-align:center;}
.insert_lang ul li a{display:block;line-height:28px;}
.insert_lang ul li a:hover, .insert_lang ul li a.on{background:#6c82a9; color:#ffff; border-radius:30px;}
.lang_keyboard{width:100%; margin:0 auto; border-collapse:collapse;}
.lang_keyboard th, .lang_keyboard td{border:solid 1px #e8e8e8; text-align:center; vertical-align:middle; height:50px; line-height:20px;}
.lang_keyboard a{display:block; width:100%; height:100%; box-sizing:border-box; border-right: solid 2px #fff; border-bottom: solid 2px #fff; font-size:16px; padding-top:5px;}
.lang_keyboard a span, .lang_keyboard a small{display:block;}
.lang_keyboard a small{color:#818b9d; font-size:14px;}
.lang_keyboard a:hover{border-right: solid 2px #8e9094; border-bottom: solid 2px #8e9094;}
.lang_keyboard tbody.center td a{padding-top:15px;}

/*----------------  소장자료검색결과 ----------------*/

.searched_terms{width:100%; margin:0 auto; margin-top:60px;}
.searched_terms:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.searched_terms b, .searched_terms span, .searched_terms strong{display:inline-block; line-height:28px;}
.searched_terms .searched_txt{float:left;}
.searched_terms .searched_txt b{background:#6c82a9; padding:0 10px; color:#fff; font-weight:400; border-radius:28px;}
.searched_terms i{background-size:100%; width:6px;}
.searched_terms .searched_txt span.searched_option{margin:0 5px; color:#365a99;}
.searched_terms .searched_tx strong, .searched_terms .searched_num b{font-weight:500;}
.searched_terms .requirement{color:#365a99; padding:0 5px;}
.searched_terms .searched_num{float:right;}
.searched_terms .searched_num span{margin-right:10px;}
.searched_terms .searched_num, .searched_terms .searched_num_paging{float:right;}
.searched_terms .searched_num span{margin-right:10px;}
.searched_terms .searched_num_paging span{margin:0 5px;}
.searched_terms .searched_num_paging b{margin:0 5px;}
.searched_terms .searched_num_paging a{display:inline-block; background: #6c82a9; width:28px; height:28px; line-height:28px; text-align:center; color: #fff; font-weight: 400;  border-radius: 28px;}
.searched_terms .searched_num_paging a i{margin:0;}
.board_top .searched_voption{float:left;}
.board_top .searched_voption > a{float:left; margin-right:5px;}
.board_top .searched_voption .selcBox{display:inline-block; position:relative;}
.board_top .searched_voption .selcBox a{margin-right:5px;}
.board_top .searched_voption .selcBox:hover .btn_filter, .board_top .searched_voption .selcBox.open .btn_filter{background:#0093ee url(../images/i_filterW.png) no-repeat center;  transition:0.3s ease;}
.board_top .searched_voption .selcBox.open .box{display:block;}
.board_top .searched_voption .selcBox .box{display:none; position:absolute; top:48px; left:50%; transform:translateX(-50%); width:200px; z-index:2;background:#fff; box-shadow:0 0 10px 1px rgb(0 0 0 / 20%);  border-radius:10px; overflow:hidden;}
.board_top .searched_voption .selcBox .box ul{padding:10px 0;}
.board_top .searched_voption .selcBox .box ul li +  li{}
.board_top .searched_voption .selcBox .box ul li{display:block; font-weight:400; padding:8px 15px;}
.board_top .searched_voption .selcBox .box ul li input[type="checkbox"]{margin-right:5px;}
.board_top .searched_voption .selcBox .box .btns{width:100%; text-align:center; padding:12px 0; background:#f3f3f3; border-top:1px solid #ddd;}
.board_top .btn_review{display:inline-block; padding:0 15px 0 34px; line-height:40px; height:40px; background:#365a99 url(../images/i_penW.png) no-repeat left 15px center; background-size:15px; border-radius:40px; text-align:center; float:left; box-sizing:border-box; color:#fff; font-weight:500;}
.board_top .btn_review:hover{background-color:#0093ee; transition:all 0.3s;}


#result_wrap .board_top .btn_align{float:left;}
#result_wrap .board_top .btn_align + a{margin:0 0 0 5px;}
#result_wrap .board_top .btn_findBook{background:url(../images/i_findBook_indigo.png) no-repeat left 15px center; padding-left:40px;}
#result_wrap .board_top .btn_findBook:hover{background:#0093ee url(../images/i_findBook_w.png) no-repeat left 15px center;}
.snum_paging span{margin:0 5px;}
.snum_paging b{margin:0 5px;}
.snum_paging a{display:inline-block; background: #6c82a9; width:28px; height:28px; line-height:28px; text-align:center; color: #fff; font-weight: 400;  border-radius: 28px;}
.snum_paging a i{margin:0;}
#result_wrap{width:100%; margin:0 auto;}
.result{width:100%; margin:0 auto; border-top:solid 1px #d5d9de; margin-top:15px;}
.result:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.result_txt{background:#e8f9bb;}
.r_num_color{color:#09bd80;}
.result_list{width:75%; float:left;}
.result_list > div{margin-bottom:60px;}

/*----------  검색결과없음 ----------*/
.searched_terms .btn_areaRight{float:right;}
.No_result{width:100%; min-height:200px; margin:0 auto; text-align:center; margin-top:30px; padding-top:150px; background:url(../images/no_result.png) no-repeat 50% 40px; border-top:solid 3px #365a99;}
.loading{width:100%; min-height:200px; margin:0 auto; text-align:center; margin-top:30px; padding-top:150px; background:url(../images/hourglass.png) no-repeat 50% 40px;}
.No_result p, .loading p{line-height:35px;display:block; font-size:23px;}
.No_result span.nb_color2{margin-top:30px; font-size:15px; display:block; line-height:28px;}
/*----------  데이터없음 ----------*/
.no_data{width:100%; min-height:200px; margin:0 auto; text-align:center; padding:140px 10px 10px 10px; background:url(../images/no_data.png) no-repeat 50% 40px; box-sizing:border-box;}
.no_data p{line-height:35px; display:block; font-size:18px; font-weight:500;}

/*----------  분류별검색도서목록리스트 ----------*/
.rd-list{width:100%; margin:0 auto;}
.rd-list > div:first-child{margin-top:0;}
.rd-list > div{margin-top:20px;}
.result_list .result_class_title{width:100%; margin:0 auto; box-sizing:border-box;line-height:55px; border-bottom:solid 3px #365a99; position:relative;}
.result_list .result_class_title strong{font-size:23px; font-weight:500;}
.result_list .result_class_title strong i{vertical-align:middle; margin-top:-5px;}
.result_list .result_class_title strong b{margin-left:8px; font-weight:500;}
.result_list .result_class_title a{position:absolute; right:0; top:13px;}
.rd-list .blist_cont, .rd-list .list_cont{width:100%; margin:0 auto; padding:20px 0; border-bottom:solid 1px #d5d9de;}
.rd-list .blist_cont:after, .rd-list .list_cont:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.rd-list .blist_cont > div, .rd-list .list_cont > div{float:left;}
.rd-list .blist_cont .chk, .rd-list .list_cont .chk{width:3%; height:100%; margin:0 auto;box-sizing:border-box; padding-right:0 5px;}
.rd-list .blist_cont .num, .rd-list .list_cont .num{width:5%; height:100%; margin:0 auto; text-align:center; box-sizing:border-box; padding-right:0 5px;}

.topstar{width:40px; height:100%; margin:0 auto; text-align:center; box-sizing:border-box; z-index:5;}
.topstar a{display:inline-block; width:26px; height:24px; background:url(../images/star2_off.png) no-repeat center;}
.topstar a.on{background-image:url(../images/star2_on.png);}
.bookDrag{margin:0 auto; text-align:center; box-sizing:border-box; display:none; z-index:5;}
.bookDrag a{display:inline-block; width:24px; height:24px; background:url(../images/i_drag.png) no-repeat center;}

.img_wrap_sbook{width:85px; height:auto; overflow:hidden; box-sizing:border-box;}
.img_wrap_sbook img{width:100%; height:auto;border:solid 1px #d5d9de; box-sizing:border-box;}
.rd-list .book_info{width:80%; margin-left:20px; box-sizing:border-box;}
.rd-list .book_info p.book_title{width:100%; font-size:20px; font-weight:600; line-height:30px;}
.rd-list .book_info p.book_title .label, .rd_label{font-size:14px; display:inline-block; padding:0 10px; border:1px solid #365a99; color:#365a99; margin-right:8px;}
.rd-list .book_info p.book_t02{width:100%; font-size:16px; font-weight:600; line-height:24px;}
.rd-list .book_info ul{width:100%; margin-top:15px;}
.rd-list .book_info ul + p{margin-top:10px; line-height:1.4em;}
.rd-list .book_info ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.rd-list .book_info ul li{display:inline-block; line-height:28px; padding-left:24px; margin-right:20px; box-sizing:border-box; float:left;}
.rd-list .book_info ul li:last-child{margin-right:0;}
.rd-list .book_info ul li b{padding-right:15px; color:#6c82a9; font-weight:500; display:inline-block;}
.rd-list .book_info ul li span{display:inline-block;}
.rd-list .book_info ul li.author{background:url(../images/i_author.png) no-repeat left top 6.5px;}
.rd-list .book_info ul li.publisher{background:url(../images/i_publisher.png) no-repeat left top 6.5px;}
.rd-list .book_info ul li.day{background:url(../images/i_cal.png) no-repeat left top 6.5px;}
.rd-list .book_info ul li.remarks{background:url(../images/i_remarks.png) no-repeat left top 6.5px;}
.rd-list .book_info ul li.remarks{background:url(../images/i_remarks.png) no-repeat left top 6.5px;}
.rd-list .book_info ul li.access{background:url(../images/i_access.png) no-repeat left top 6.5px; width:100%; position:relative; padding:0 185px 0 143px;}
.rd-list .book_info ul li.access b{position:absolute; left:0; top:0; padding-left:24px; background:url(../images/i_access.png) no-repeat left top 6.5px;}
.rd-list .book_info ul li.access span.subinfo{display:inline-block; position:absolute; padding-top:4px; font-weight:500; color:#666; right:0; top:0; text-align:right; width:185px; box-sizing:border-box;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.rd-list .book_info ul li.access span.subinfo a{float:left; }
.rd-list .book_info ul li.access span.subinfo em{float:right; line-height:22px;}
.rd-list .book_info ul li.access span.subinfo:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.rd-list .book_info ul li.access > a{display:inline-block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.rd-list .book_info ul li.access > a:hover{color:#0093ee;}
.rd-list .book_info ul li.access.long{ padding:0 350px 0 143px;}
.rd-list .book_info ul li.access.long span.subinfo{width:350px;}
.rd-list .book_info .place{width:100%; background:url(../images/i_place.png) no-repeat left top 6.5px; line-height:28px; padding-left:24px; box-sizing:border-box;}
.rd-list .book_info .place a{display:table; width:100%; position:relative; box-sizing:border-box; padding-right:29px; vertical-align:middle;}
.rd-list .book_info .place a b{display:table-cell; color:#6c82a9; font-weight:500; word-break:keep-all; width:11%; line-height:22px; padding-right:5px; white-space:nowrap;}
.rd-list .book_info .place a small{display:block; width:24px; height:24px; position:absolute; background:#6c82a9; border-radius:24px; right:0; top:2px; text-align:center;}
.rd-list .book_info .place a span{display:table-cell; word-break:normal; text-align:left;}
.rd-list .book_info .place a:hover span, .rd-list .book_info .place a.on span{color:#0093ee;}
.rd-list .book_info .place a i{margin-top:10px; vertical-align:top;}
.rd-list .book_info .place a.on small, .rd-list .book_info .place a:hover small, .rd-list .book_info .place a:hover small{background:#0093ee; transition:0.3s ease;}
.rd-list .book_info .place a.on:hover i{background:url(../images/i_white_up.png) no-repeat 0 0; margin-top:7px; transition:0.3s ease;}
.open_box_wrap{width:100%; margin:0 auto; box-sizing:border-box; margin:15px 0 10px 0;}
.open_box{width:100%; margin:0 auto; box-sizing:border-box; border-radius:15px; border:2px solid #6c82a9; margin:15px 0 10px 0; overflow:hidden; text-align:center;}

.rd-list .book_info .place a.eng b{width:20%;}

.table_rd{width:100%; margin:0 auto;}
.table_rd tr td{border-bottom: solid 1px #d5d9de; text-align:cenger; padding:12px 15px; line-height:24px;}
.table_rd tr td .book_info{text-align:left; line-height:24px;}
/*----------  분류별검색도서 간략형형리스트 ----------*/
.rd-list .list_cont .book_info{width:90%; box-sizing:border-box; margin-left:0;}
.rd-list .list_cont .num{width:6%; height:100%; margin:0 auto; text-align:center; box-sizing:border-box; padding:0 5px;}
/*----------  분류별검색도서 갤러리형리스트 ----------*/
.list_gallery_wrap{width:100%; margin:0 auto; padding-bottom:20px; border-bottom:solid 1px #d5d9de; overflow:hidden;}
.list_gallery{width:915px;}
.list_gallery:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.list_gallery li{width:168px; margin:20px 15px 0 0; display:block; float:left;}
.list_gallery li > a{width:100%; margin:0 auto; display:block; border:solid 1px #d5d9de;  border-right:solid 2px #cad0d8;  border-bottom:solid 2px #cad0d8; box-sizing:border-box;}
.img_wrap_mbook{width:100%; height:210px; display:block; overflow:hidden; text-align:center; border-bottom:solid 1px #d5d9de;}
.img_wrap_mbook img{width:100%; height:100%;}
.list_gallery .book_title{width:100%; height:58px; font-size:15px; line-height:22px; padding:10px 5px 0 5px; margin-bottom:10px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; text-align:center; letter-spacing:-0.05em;}
.list_gallery li > a:hover{-webkit-box-shadow: 0 0 5px rgba(0, 147, 238, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 147, 238, 0.2); box-shadow: 0 0 5px rgba(0, 147, 238, 0.2); z-index:1000; border:solid 1px #0093ee;  border-right:solid 2px #365a99;  border-bottom:solid 2px #365a99; transition:0.3s ease;}
.list_gallery li > a:hover img{width:110%; height:110%; margin-left:-10px; transition:0.3s ease;}
.list_gallery li .btn{width:100%; margin:0 auto; text-align:center; padding-top:8px;}
.table_result{width:100%; margin:0 auto; border-collapse:collapse; box-sizing:border-box; text-align:center;}
.table_result th{font-weight:500; color:#365a99;}
.table_result th, .table_result td{padding:10px 5px; line-height:22px; text-align:center; vertical-align:top; background:#fff;}
.table_result thead{border-bottom:1px solid #6c82a9;}
.table_result tbody td{border-left:1px solid #6c82a9; }
.table_result tbody td:first-child{border:0;}
.table_result td p.btn_box{width:100%; float:none; text-align:center; margin-top:10px;}
.table_result td p.btn_box > a{margin:2px 0;}
.book_info .btn_area{padding:0; margin:0; padding-top:15px; text-align:left;}
.rd-list .book_info .btn_area span.btn_h22_t01:hover{background:#6c82a9; transition:none;}
.rd-list .book_info .btn_area i.t_right{margin-top:-2px;}
.rd-list .drag{display:inline-block; background-image:url(../images/i_dragW.png); background-repeat:no-repeat; background-position:right 10px center;  padding-right:30px;}
.search_other{width:100%; margin:0 auto;}
.search_other ul{width:100%; margin:0 auto; margin-top:20px;}
.search_other ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_other ul li{display:block; float:left; border:solid 1px #d5d9de; margin-left:10px;}
.search_other ul li:first-child{margin-left:0;}
.search_other ul li a{display:block;}

.open_box_wrap{width:100%; margin:0 auto;  margin:15px 0 10px 0; word-break:normal;}
.open_box{width:100%; margin:0 auto;  border-radius:15px; border:2px solid #6c82a9; margin:15px 0 10px 0; overflow:hidden; text-align:center; box-sizing:border-box;}
.open_box:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.open_box > div > div{float:left; box-sizing:border-box;}
.open_box .v_detail:nth-child(1){width:16%;}
.open_box .v_detail:nth-child(2){width:40%;}
.open_box .v_detail:nth-child(3){width:28%;}
.open_box .v_detail:nth-child(4){width:16%;}
.open_box .v_detail .title{width:100%; line-height:40px; color:#365999; font-weight:500; background: #fff; border-bottom:1px solid #6c82a9; position:relative;  box-sizing:border-box;}
.open_box .v_detail .inner{padding:10px; width:100%; min-height:108px; height:100%;text-align:center; position:relative; box-sizing:border-box;}
.open_box .v_detail .inner:before{content: " ";display: block; position:absolute; width:1px; height:999999px; background:#6c82a9; left:0; top:0;}
.open_box .v_detail .inner p{width:100%; line-height:22px; box-sizing:border-box; word-break:normal;}
.open_box .v_detail p.btn_box{margin-top:5px; line-height:1px;}
.open_box .v_detail p.btn_box a{margin:2px; height:auto; line-height:1em; padding:5px 10px !important;}
.open_box .vdtBox{width:100%; margin:0 auto; border-top:1px solid #6c82a9; overflow:hidden; box-sizing:border-box;}
.open_box .vdtBox:nth-child(1){border:0;}
.open_box .vdtBox + div .title{display:none; box-sizing:border-box;}
.open_box > div:nth-child(1) .title{display:block; box-sizing:border-box;}
.open_box .v_detail:nth-child(1) .inner:before, .open_box .v_detail:nth-child(1) .title:before{content: " ";display: none;} 

.table_result td p.btn_box > a br, .open_box .v_detail p.btn_box a br{display:none;}

/*----------  100%분류별검색도서목록리스트/no_limit ----------*/
.result_noLimit{width:100%; margin:0 auto;}
.result_noLimit .result_list{width:100%; float:none;}
.result_noLimit .result_list .list_gallery{width:1238.4px;}
.result_noLimit .result_list .list_gallery li{margin:10px 38.4px 10px 0;}


/*----------  검색제한/limit to ----------*/
.result_limit{width:23%; float:right; border:solid 1px #f3f6fa; box-sizing:border-box; margin-top:15px;}
.limit_list{width:100%; margin:0 auto;}
.limit_list .limit_class_title{width:100%; margin:0 auto; position:relative; background:#d7e0ec; line-height:45px; border-bottom:solid 1px #b3c5dc;}
.limit_list .limit_class_title b{font-size:18px; margin-left:15px; font-weight:500;}
.limit_list .limit_class_title a{display:block; padding:0 15px; position:absolute; right:0; top:0;}
.limit_list .limit_class_title a:hover i{background:url(../images/i_blue_down.png) no-repeat 0 0; transition:0.3s ease;}
.limit_list .limit_class_title a.on:hover i{background:url(../images/i_blue_up.png) no-repeat 0 0; transition:0.3s ease;}
.limit_list ul.txt_list{width:100%; margin:0 auto;}
.limit_list ul.txt_list li{display:block; background:inherit; padding:0; position:relative;}
.limit_list ul.txt_list li a{display:block; width:100%;line-height:22px; padding:7px 15px 7px 25px;  box-sizing:border-box; background:url(../images/list_dot2.png) no-repeat 10px 14.5px; letter-spacing:-0.05em;}
.limit_list ul.txt_list li a.on{background-color:#f6f7f8; color:#365a99; font-weight:500; padding-right:40px;}
.limit_list ul.txt_list li .close{width:24px; height:24px; line-height:24px; background:#6c82a9; border-radius:24px; text-align:center; padding:0; position:absolute; right:10px; top:5px; z-index:20;}
.limit_list ul.txt_list li .close i{display:inline-block; width:12px; height:12px; background:url(../images/close.png) no-repeat 0 0; background-size:100%;}
.limit_list ul.txt_list li .close:hover{background:#0093ee; transition:0.3s ease;}
.limit_list .v_more{display:block; width:100%; box-sizing:border-box; padding:0 15px; text-align:right; margin:10px 0;}
.limit_list .v_more a{display:inline-block; width:100%; box-sizing:border-box; line-height:26px; color:#365999; position:relative; padding-right:30px;}
.limit_list .v_more a small{display:block; line-height:24px; height:24px; width:24px; text-align:center; background:#365999; border-radius:24px; position:absolute; right:0;top:0;}
.limit_list .v_more a small i{width:12px;}
.limit_list .v_more a:hover{color:#0093ee;}
.limit_list .v_more a:hover small{background:#0093ee; transition:0.3s ease;}
.limit_list .graph{width:100%; margin:0 auto; box-sizing:border-box; padding:15px;}
.limit_list .graph > div{width:100%; border:solid 1px #d5d9de; box-sizing:border-box;}
.limit_list .graph .inputBox{display:block; width:100%; margin-top:10px; }
.limit_list .graph .inputBox:after{content: " ";display:block;height:0;clear:both;visibility:hidden;}
.limit_list .graph .inputBox .input_year{width:39%; float:left;}
.limit_list .graph .inputBox small{display:block; float:left; width:5%; line-height:40px; text-align:center;}
.limit_list .graph .inputBox a{float:left; margin-left:1%; height:40px; border-radius:0; width:16%; background:#365999 url(../images/btn_search.png) no-repeat center center; background-size:25px; display:block;}

/*----------  소장검색 도서 view ----------*/
.book_view{width:100%; margin:0 auto; margin-top:80px;}
.book_view .book_info{width:100%;  margin:0 auto; border-top:solid 3px #365a99; border-bottom:solid 1px #d5d9de; padding:30px 0 30px 180px; position:relative; min-height:315px; box-sizing:border-box;}
.book_view .book_info:after{content: " ";display:block;height:0;clear:both;visibility:hidden;}
.book_view .book_info .link_box{position:absolute; right:0; top:-50px;}
.book_view .book_info .link_box a{margin-left:3px;}
.book_view .book_info .img_wrap{width:auto; display:inline-block; height:auto; box-sizing:border-box; height:auto; position:absolute; left:0; top:30px;}
.book_view .book_info .img_wrap img{width:146px; height:214px;  border:solid 1px #d5d9de;}
.book_view .book_info .img_wrap .btn{width:100%; margin-top:10px; text-align:center;}
table.view_book_info{width:100%;}
table.view_book_info thead th{text-align:left; font-size:23px; padding:10px 0 25px;}
table.view_book_info tbody th, table.view_book_info tbody td{line-height:22px; padding:5px;}
table.view_book_info tbody th{text-align:right; padding:5px 20px 5px 0; vertical-align:top; word-break:keep-all;}
table.view_book_info .moreSubject a{color:#438ece; display:inline-block; padding-right:10px;}
table.view_book_info .moreSubject a:hover{color:#0093ee; text-decoration:underline;}
.book_view .table_t01 .callNumber{display:block; font-weight:500;}
.book_view .table_t01 .btn_box{width: 100%; text-align: center; margin-top: 5px;}
/* 초록정보 */
.book_view .abstract{width:100%; margin:0 auto; position:relative;}
.book_view .abstract select{position:absolute; right:0; top:0;}
.book_view .abstract .text_wrap{width:100%; height:auto; margin:0 auto; position:relative; box-sizing:border-box;}
.book_view .abstract p.default{width:100%; box-sizing:border-box; padding:20px; border:solid 1px #d5d9de; height: auto; resize: none; line-height:1.5em;}
.book_view .abstract p.short{width:100%; height:150px; box-sizing:border-box; padding:10px; border:solid 1px #d5d9de; overflow-y: scroll; resize: none; line-height:1.5em;}
.book_view .abstract a{display:block; position:absolute; bottom:-10px; left:50%; margin-left:-20px; background:#fff;}
/* 책소개/목차 */
.book_view .boxMore{width:100%; margin:0 auto; margin-top:60px;}
.book_view .boxMore > *{box-sizing:border-box;}
.book_view .boxMore .titArea{display:flex; justify-content:space-between; width:100%; margin:0 auto;}
.book_view .boxMore .titArea h4{display:inline-block; width:auto; text-align:left; margin:0;}
.book_view .boxMore .textWrap{width:100%; margin:0 auto; box-sizing:border-box; padding:20px; border:solid 1px #d5d9de;}
.book_view .boxMore .textWrap > p{line-height:1.5em;  max-height:10.5em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.book_view .boxMore.on .textWrap > p{ max-height:none; text-overflow: none; overflow: visible; display:block;}
.book_view .boxMore.on .btn_h40l_t01{background-color:#365a99; color:#fff !important;}
/* 서지기타정보 */
.book_view .moreInfo{width:100%; margin:0 auto; box-sizing:border-box; border:solid 1px #d5d9de; padding:20px 0;}
.book_view .moreInfo:after{content: " ";display:block;height:0;clear:both;visibility:hidden;}
.book_view .moreInfo .view_book_info{width:89%; float:left;}
.book_view .moreInfo .qr{text-align:center; width:11%; float:right;padding-top:10px;}
.book_view .moreInfo .qr span{display:block;}
.book_view .moreInfo .qr b{display:block;}
.book_info .rd_txt_cont{width:100%; float:right;}
.book_info .rd_txt_cont p{font-size:23px; font-weight:500; line-height:1.5em; width:770px;}
.book_info .rd_txt_cont ul{margin-top:15px;}
.book_info .rd_txt_cont ul li{display:block; line-height:28px; padding-left:24px;}
.book_info .rd_txt_cont ul li b{min-width:60px; padding-right:10px; color:#6c82a9; font-weight:400; display:inline-block;}
.book_info .rd_txt_cont ul li span{display:inline-block;}
.book_info .rd_txt_cont ul li.author{background:url(../images/i_author.png) no-repeat left center;}
.book_info .rd_txt_cont ul li.publisher{background:url(../images/i_publisher.png) no-repeat left center;}
.book_info .rd_txt_cont ul li.isbn{background:url(../images/i_barcode.png) no-repeat left center;}
.book_info .rd_txt_cont ul li.day{background:url(../images/i_cal.png) no-repeat left center;}
.book_info .rd_txt_cont ul li.price{background:url(../images/i_price.png) no-repeat left center;}
.book_info .rd_btn_area{width:79.9166%; float:right; text-align:right; margin-top:30px; padding-top:30px;}
.book_info .rd_btn_area a{margin-left:5px;}
/* 청구기호 Browsing */
.book_view .browsing{width:100%; margin:0 auto; box-sizing:border-box; padding:30px 60px; background:#f3f6fa; position:relative; overflow:hidden;}
.book_view .browsing ul{width:100%; margin:0 auto; z-index:10;}
.book_view .browsing ul:after{content: " ";display:block;height:0;clear:both;visibility:hidden;}
.book_view .browsing ul li{display:block; width:204px; float:left; border:solid 1px #d5d9de; box-sizing:border-box; margin-left:15px; z-index:5;}
.book_view .browsing ul li:first-child{margin-left:0;}
.book_view .browsing .img_wrap{width:100%; height:200px; overflow:hidden; display:block;}
.book_view .browsing .img_wrap img{width:100%;}
.book_view .browsing span, .book_view .browsing b{display:block;}
.book_view .browsing .info{width:100%; background:#fff; box-sizing:border-box; height:96px; padding:15px 10px; line-height:22px;}
.book_view .browsing .title{width:100%; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.book_view .browsing .author{width:100%; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.book_view .browsing .place{width:100%; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.book_view .browsing .btn_area{width:100%; margin:0 auto; position:absolute; text-align:inherit; padding:0; z-index:0; left:0; top:50%; margin-top:-19px;}
.book_view .browsing .btn_area a{display:block; margin:0;vertical-align:middle; padding:5px;}
.book_view .browsing .btn_area a i{vertical-align:middle; display:inline-block; margin:0;}
.book_view .browsing .btn_area .prev{position:inherit; left:20px;}
.book_view .browsing .btn_area .next{position:inherit; right:20px;}
.book_view ul.popular{width:100%; margin:0 auto; border:solid 1px #d5d9de; box-sizing:border-box;}
.book_view ul.popular li{display:block; border-top:solid 1px #d5d9de; box-sizing:border-box;}
.book_view ul.popular li:first-child{border-top:0;}
.book_view ul.popular li a{display:block; width:100%; line-height:22px; padding:15px 20px; box-sizing:border-box;}
.book_view ul.popular li a:hover{background:#f3f6fa; transition:0.3s ease;}
.book_view ul.popular li a i{margin:-4px 5px 0 0; vertical-align:middle;}
.book_view ul.popular li .title{margin-right:10px;}
/* 리뷰 정보*/
.reviewArea{width:100%; margin:0 auto; box-sizing:border-box; position:relative;}
.reviewArea table{table-layout:fixed; width:100%;}
.reviewArea table thead th{text-align:left; font-size:23px; padding:10px 0 25px;}
.reviewArea table tbody th, .reviewArea table tbody td{line-height:22px; padding:5px;}
.reviewArea table tbody th{text-align:right; padding:5px 20px 5px 0; word-break:keep-all; vertical-align:top;}
.reviewArea .btnArea{width:auto; position:absolute; top:-65px; right:0;}
.reviewArea > div{width:100%; margin:0 auto; box-sizing:border-box; border:solid 1px #d5d9de; padding:20px;}
.reviewArea .star p{width:100%; margin:0 auto; box-sizing:border-box;}
.reviewArea .star p > span{display:inline-block; vertical-align:text-top; margin-right:5px;}
.reviewArea .star p > span img{ vertical-align:baseline;}
.reviewArea .view .list ul{width:100%; margin:0 auto; box-sizing:border-box;}
.reviewArea .view .list ul li{display:inline-block; width:100%; box-sizing:border-box; position:relative; margin-top:8px;border-bottom:1px dashed #d5d9de; padding-bottom:8px;}
.reviewArea .view .list ul li:first-child{margin:0;}
.reviewArea .view .list ul li:last-child{border:0;}
.reviewArea .view .list ul li > b{display:block; margin-bottom:5px;}
.reviewArea .view .list ul li > b span{font-weight:400; color:#666;}
.reviewArea .view .list ul li > span{display:block; box-sizing:border-box; width:100%;}
.reviewArea .view.pre .star p{margin:0;}
.reviewArea .view.pre .list ul li{padding-right:140px;}
.reviewArea .view.pre .list ul li > b{display:inline-block; position:absolute; top:0; right:0; text-align:right; margin:0;}
.reviewArea .view.pre .list ul li > span{display:block; box-sizing:border-box; width:100%; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0;}
.reviewArea .view.pre .list ul li > span br{display:none;}
.reviewArea .write .inputArea div{display:table; table-layout:fixed;}
.reviewArea .write .inputArea div > span{display:table-cell;}
.reviewArea .write .inputArea div > span input{width:100%; height:40px;}
.reviewArea .write .inputArea div > .txt1{width:100%;}
.reviewArea .write .inputArea div > .txt2{width:80px; padding-left:5px;}
.reviewArea .write textarea{min-height:80px; padding:10px;}
.reviewArea .write .txtC{vertical-align:top; padding:5px 0; text-align:left;}
.reviewArea .write .txtC a{margin:2px; padding:0 11px;}
.reviewArea .write .txtC + .txtC a{margin-left:5px;}
.reviewArea .btnArea a{width:auto; padding:0 15px;}
.myshelf .reviewArea{border-top:solid 1px #d5d9de; position:relative; padding:20px 0 0 160px; min-height:220px; position:relative;}
.myshelf .reviewArea div{box-sizing:border-box; border:0;}
.myshelf .reviewArea > div{padding:0;}
.myshelf .reviewArea .img_wrap{box-sizing:border-box; padding:0; position:absolute; top:20px; left:34px; display:inline-block; width:auto;}
.myshelf .reviewArea .img_wrap img{width:126px;  height:180px;}
.myshelf .reviewArea .chk {left:0; top:20px; position:absolute; z-index:2;}
.myshelf .reviewArea .topstar{width:40px; position:absolute; top:20px; left:30px;}
.myshelf .reviewArea .title{width:100%; font-size:23px; font-weight:500; line-height:1.3em; max-height:3em; padding:0 265px 0 20px; letter-spacing:-0.5px; display:-webkit-box;  -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.myshelf .reviewArea .title b{font-weight:500;}
.myshelf .reviewArea .inner{width:100%; padding:20px 0 20px 20px; border:0; box-sizing:border-box;}
.myshelf .reviewArea .inner > div{width:100%; position:relative; padding:5px 0 5px 120px; box-sizing:border-box;}
.myshelf .reviewArea .inner b.tit{width:120px; display:inline-block; position:absolute; left:0; top:0; line-height:1.5em; padding:5px 0;}
.myshelf .reviewArea .inner b.tit + p{width:100%; line-height:1.5em;}
.myshelf .reviewArea .inner b.tit + ul{width:100%;}
.myshelf .reviewArea .inner b.tit + span{width:100%;}
.myshelf .reviewArea .list ul li{line-height:1.5em;}
.myshelf .reviewArea .btnArea{width:auto; top:20px; right:0; padding:0;}
.myshelf .reviewArea .write .inputArea div{display:block; width:100%;}
.myshelf .reviewArea .write .inputArea b.tit{padding:9px 0; margin-top:5px;}
.myshelf .reviewArea .write.btnSave .star{padding-bottom:10px ;}
.myshelf .reviewArea .write.btnSave .star .btn_area{top:-5px;}
.myshelf .reviewArea .write.btnSave > div{padding-right:160px;}
.myshelf .reviewArea .write.btnSave .btn_area{display:inline-block; width:auto; padding:0; position:absolute; right:0; top:5px;}
.myshelf .reviewArea .write.btnSave .btn_area a{margin:0 2.5px;} 
.myshelf .reviewArea.temporary{position:relative;}
.myshelf .reviewArea.temporary .label{display:inline-block; position:absolute; padding:8px 12px; background:#ff3e48; color:#fff; font-weight:500; left:34px; top:20px; z-index:2; box-shadow:0 1px 2px 1px rgb(0 0 0 / 30%);}
.myshelf .reviewArea.temporary .img_wrap, .myshelf .reviewArea.temporary .title, .myshelf .reviewArea.temporary .inner {opacity:0.5;}
/* 최신리뷰슬라이더*/
.latestBR{margin-top:50px; box-sizing:border-box; width:100%; overflow:hidden; position:relative;}
.latestBR *{box-sizing:border-box;}
.latestBR > .tit{font-size:26px; font-weight:500; margin-bottom:30px;}
.latestBR  h4{margin-top:0 !important;}
.latestBR .list{width:590px;}
.latestBR .list .inner{display:flex; border:1px solid #ddd; height:360px; position:relative; overflow:hidden;}
.latestBR .list .bookInfo{width:230px; height:100%; text-align:center; padding:25px; background-color:#f3f6fb;}
.latestBR .list .bookInfo .imgWrap{display:block; margin:0 auto; width:100%; height:150px; text-align:center;}
.latestBR .list .bookInfo .imgWrap img{width:auto; height:100%; max-width:100%;}
.latestBR .list .bookInfo .tit{font-size:16px; font-weight:500; line-height:22px; height:66px; text-overflow: ellipsis; overflow: hidden;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top:18px;}
.latestBR .list .bookInfo ul{margin-top:10px; text-align:center; width:100%; margin:10px 0 auto; max-height:44px; overflow:hidden;}
.latestBR .list .bookInfo ul li{display:inline-block; color:#395077; line-height:22px; padding:0; margin:0; float:none;}
.latestBR .list .bookInfo ul li:after{content:"⦁"; display:inline-block; color:#8298c0; margin:0 5px;}
.latestBR .list .bookInfo ul li:last-child:after{display:none;}
.latestBR .list .bookInfo .star{margin-top:5px;}
.latestBR .list .reviewTxt{width:calc(100% - 230px); background:#fff; padding:25px;}
.latestBR .list .reviewTxt .txt{line-height:1.5em; height:18em; text-overflow: ellipsis; overflow: hidden;display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical;}
.latestBR .list .reviewTxt .date{display:block; color:#666; margin-top:20px; text-align:right;}
.latestBR .list .inner > a{display:block; position:absolute; width:100%; height:100%; background-position:center;}
.latestBR .controller{display:inline-block; position:absolute; top:15px; right:0; display:flex; justify-content:right; align-items:center;}
.latestBR .controller .swiper-pagination-bullets{width:auto; display:inline-block;}
.latestBR .controller .swiper-pagination-bullet{width:12px; height:12px; border-radius:12px; margin-right:6px;}
.latestBR .controller .swiper-pagination-bullet-active{width:24px;}
.latestBR .controller .btns{display:inline-block; width:auto;}
.latestBR .controller .btns button{width:26px; height:26px; border-radius:50%; background:#e2ebfa url(../images/controller.png) no-repeat; font-size:0;}
.latestBR .controller .btns button.start{background-position:left top;}
.latestBR .controller .btns button.stop{background-position:right top;}

/* 오픈라이브러리 sns */
ul.share_box{width:100%; margin:0 auto; display:flex; justify-content:center; gap:8px;}
ul.share_box li{display:inline-block;}
ul.share_box li a{display:block; width:30px; height:30px; background-size:100%; background-repeat:no-repeat; background-position:center;}
ul.share_box li a:hover, ul.share_box li a:focus{opacity:0.7; transition:all 0.3s;}
ul.share_box .sns_instagram{background-image:url(../images/sns_instagram.png);}
ul.share_box .sns_naver{background-image:url(../images/sns_naver.png);}
ul.share_box .sns_kakao{background-image:url(../images/sns_kakao.png);}
ul.share_box .sns_facebook{background-image:url(../images/sns_facebook.png);}
ul.share_box .sns_copy{background-image:url(../images/sns_copy.png);}
/* 오픈라이브러리 템플릿 01 */
.folderCont .folder{cursor:pointer;}
.ol_temp{width:100%; margin:0 auto; position:relative; background:#fff; box-sizing:border-box; overflow:hidden;}
.ol_temp.t01{padding:0 260px; min-width:1600px;}
.ol_temp.t01 *{box-sizing:border-box;}
.ol_temp.t01 .leftMenu{width:260px; height:100%; position:fixed; left:0; top:0; background:#f6f6f6;}
.ol_temp.t01 .leftMenu .titLogo{padding:50px 20px 20px 20px; text-align:center;}
.ol_temp.t01 .leftMenu .titLogo a{display:inline-block;}
.ol_temp.t01 .leftMenu .titLogo a img{width:200px; height:auto;}
.ol_temp.t01 .leftMenu .ol_tit{display:flex; width:100%; height:130px; text-align:center; background:url(../images/ol_titBg.png) no-repeat center; color:#fff; align-items:center; justify-content:center;}
.ol_temp.t01 .leftMenu .ol_tit p{padding:0 20px; font-size:23px; font-weight:600; line-height:1.3em; max-height:3.9em; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ol_temp.t01 .leftMenu nav ul li{position:relative;border-bottom:1px solid #ddd;}
.ol_temp.t01 .leftMenu nav ul li a{display:block; padding:15px 20px; transition:all 0.3s;}
.ol_temp.t01 .leftMenu nav ul li a p{font-size:14px; font-weight:500; color:#365a99; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.ol_temp.t01 .leftMenu nav ul li a:hover, .ol_temp.t01 .leftMenu nav ul li a:focus, .ol_temp.t01 .leftMenu nav ul li.on a{background-color:#fff;}
.ol_temp.t01 .leftMenu nav ul li.on a{padding:80px 20px 20px 20px;}
.ol_temp.t01 .leftMenu nav ul li.on a:after{content:" "; display:block; width:56px; height:50px; background:url(../images/folder_close.png) no-repeat center; background-size:100%; position:absolute; left:50%; transform:translateX(-50%); top:20px;}
.ol_temp.t01 .ol_cont{width:100%; min-height:100vh; margin:0 auto; max-width:1400px; padding:50px; background:#fff; overflow:hidden;}
.ol_temp.t01 .ol_cont .ol_list{width:calc(100% + 32px); margin:0 auto; display:flex;flex-wrap:wrap;}
.ol_temp.t01 .ol_cont .nodataWrap{width:100%; height:100%; min-height:80vh; display:flex; align-items:center;}
.ol_temp.t01 .ol_cont .ol_list li{width:calc((100% / 3) - 32px); margin:0 32px 32px 0; border-radius:10px; overflow:hidden; box-shadow:0 1px 8px rgba(20, 48, 105, 10%);border:1px solid rgb(0, 0, 0, 8%);}
.ol_temp.t01 .ol_cont .ol_list li:hover{transform:translate(-10px,-10px); transition:all ease 0.3s; box-shadow:2px 2px 12px rgba(20, 48, 105, 20%);}
.ol_temp.t01 .ol_cont .ol_list li.oll_review{background:#f2f9ff;}
.ol_temp.t01 .ol_cont .ol_list li.oll_source{background:#f4f7f9;}
.ol_temp.t01 .ol_cont .ol_list li.oll_review .listTop .ol_label{background:#0db67d;}
.ol_temp.t01 .ol_cont .ol_list li.oll_source .listTop .ol_label{background:#356dcb;}
.ol_temp.t01 .ol_cont .ol_list li a.listInfo{width:100%; display:block; padding:20px 25px 30px 25px; min-height:400px;}
.ol_temp.t01 .ol_cont .ol_list li .listTop{display:flex; justify-content:space-between; align-items:center;}
.ol_temp.t01 .ol_cont .ol_list li .listTop .ol_label{display:inline-block; padding:0 12px; line-height:30px; border-radius:5px 5px 5px 0; color:#fff; font-weight:500; font-size:14px;}
.ol_temp.t01 .ol_cont .ol_list li .listCont{margin-top:16px; text-align:center;}
.ol_temp.t01 .ol_cont .ol_list li .listCont .imgWrap{display:block; margin:0 auto; width:124px; height:174px; border-radius:8px; box-shadow:2px 2px 4px 0 rgba(20, 48, 105, 10%); overflow:hidden;}
.ol_temp.t01 .ol_cont .ol_list li .listCont .imgWrap img{width:100%; height:100%;}
.ol_temp.t01 .ol_cont .ol_list li .listCont .bookTit{font-size:16px; font-weight:600; margin-top:20px;overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.ol_temp.t01 .ol_cont .ol_list li .listCont .author{font-size:15px; font-weight:500; color:#666; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; margin-top:10px;}
.ol_temp.t01 .ol_cont .ol_list li .listCont .ol_review{display:block; font-size:15px; font-weight:500; color:#537094; padding-top:15px; background:url(../images/ol_reviewBg.png) no-repeat top center; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; margin-top:10px;}
.ol_temp.t01 .ol_cont .ol_list li .listCont .ol_share{display:block; font-size:13px; font-weight:500; color:#2b76e7; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; margin-top:15px;}
.ol_temp.t01 .ol_cont .ol_list li .listbtm{display:flex; justify-content:space-between; align-items:center; background:#fff; padding:18px 25px; border-top:1px solid#dcdee1; font-size:13px; color:#666;}
.ol_temp.t01 .ol_cont .ol_list li .listbtm span{display:inline-block; width:calc(100% - 50px);}
.ol_temp.t01 .ol_cont .ol_list li .listbtm a{display:inline-block; color:#666; padding-left:20px; background:url(../images/ol_i_add.png) no-repeat left center; font-weight:500;}
.ol_temp.t01 .ol_cont .ol_list li .listbtm a:hover{text-decoration:underline;}
.ol_temp.t01 .ol_cont .loadMore{text-align:center; margin-top:30px; font-size:14px;}
.ol_temp.t01 .ol_cont .loadMore p strong{font-size:16px; color:#365999;}
.ol_temp.t01 .ol_cont .loadMore a{display:inline-block; margin-top:10px; background:#365999; color:#fff; font-weight:500; line-height:32px; border-radius:5px; padding:0 12px;}
.ol_temp.t01 .ol_cont .loadMore a:after{content:""; width:14px; height:14px; display:inline-block; margin-left:5px; background:url(../images/plus.png) no-repeat center;}
.ol_temp.t01 .ol_cont .loadMore a:hover, .ol_temp.t01 .ol_cont .loadMore a:focus{background:#0093ee; transition:0.3s ease;}
.ol_temp.t01 .ol_side{width:260px; position:fixed; right:0; top:0; padding-top:50px;}
.ol_temp.t01 .ol_side .inner{width:180px;}
.ol_temp.t01 .ol_side ul.share_box{gap:4px;}
.ol_temp.t01 .ol_side ul.share_box li a{width:28px; height:28px;}
.ol_temp.t01 .ol_side dl{border-radius:15px; overflow:hidden; box-shadow:0 1px 5px rgba(20, 48, 105, 10%); padding:20px 25px 30px 25px; border:1px solid #ddd; margin-top:20px;}
.ol_temp.t01 .ol_side dl.t01 dt{background-image:url(../images/ol_i_stats1.png);}
.ol_temp.t01 .ol_side dl.t02 dt{background-image:url(../images/ol_i_stats2.png);}
.ol_temp.t01 .ol_side dl dt{font-size:16px; font-weight:600; padding:34px 0 10px; background-repeat:no-repeat; background-position:top center; text-align:center; border-bottom:1px solid #1b65e0;}
.ol_temp.t01 .ol_side dl dt span{color:#1b65e0;}
.ol_temp.t01 .ol_side dl dd a{display:block; font-size:14px; margin-top:15px; display:block; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.ol_temp.t01 .ol_side dl dd a:hover, .ol_temp.t01 .ol_side dl dd a:focus{text-decoration:underline;}
.ol_temp.t01 .m_olhead{display:none;}
/* 오픈라이브러리 템플릿 02 */
.ol_temp.t02{}
.ol_temp.t02 .ol_header{width:100%; margin:0 auto; border-bottom:2px solid #365a99; background:#fff;}
.ol_temp.t02 .ol_header, .ol_temp.t02 .ol_header *{box-sizing:border-box;}
.ol_temp.t02 .ol_header .inner{width:100%; height:100px; max-width:1240px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:10px; padding:0 20px;}
.ol_temp.t02 .ol_header .titLogo{width:200px; height:auto;}
.ol_temp.t02 .ol_header .titLogo img{width:200px; height:auto;}
.ol_temp.t02 .ol_header .ol_tit{width:calc(100% - 500px); font-size:24px; font-weight:500; text-align:center; line-height:1.2em; max-height:2.4em; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ol_temp.t02 .ol_header .headR{}
.ol_temp.t02 .ol_header .headR .ol_stats{display:inline-block; position:relative; font-size:13px; padding-left:100px; max-width:200px;}
.ol_temp.t02 .ol_header .headR .ol_stats b{display:inline-block; font-weight:600; position:absolute; left:0; top:0;}
.ol_temp.t02 .ol_header .headR .ol_stats b::after{content:" ❙ "; display:inline-block; margin:6px; color:#ccc;}
.ol_temp.t02 .ol_header .headR .ol_stats ul{height:26px; overflow:hidden; display:inline-block; width:auto;}
.ol_temp.t02 .ol_header .headR .ol_stats ul li a{line-height:26px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; font-weight:500;}
.ol_temp.t02 .ol_header .headR .ol_stats ul li span{color:#365a99; font-weight:600;}
.ol_temp.t02 .ol_header .headR ul.share_box{justify-content:right; margin-top:5px;}
.ol_temp.t02 .ol_cont{padding-bottom:60px;}
.ol_temp.t02 .folderCont{background:#f6f7f8;}
.ol_temp.t02 .folderCont .folder_wrap > div{border:1px solid #ddd; border-radius:5px; overflow:hidden; background-color:#fff;}
.ol_temp.t02 ul.tap_t01{margin-top:60px;}
.ol_temp.t02 .rd-list{margin-top:30px;}
.ol_temp.t02 .list_gallery_wrap{border:0; width:100%; max-width:1200px;}
.ol_temp.t02 .ol_source .list_gallery{display:flex; flex-wrap:wrap;}
.ol_temp.t02 .list_gallery li{position:relative; overflow:hidden; float:none;}
.ol_temp.t02 .list_gallery.ol_slider{width:100% !important; justify-content:left;}
.ol_temp.t02 .list_gallery.ol_slider li{float:none; min-width:168px; margin:10 0!important;}
.ol_temp.t02 .list_gallery .btns, .ol_temp.t02 .list_gallery .ol_selec{visibility:hidden; background:rgba(7, 50, 125, 50%); width:100%; height:282px; position:absolute; left:0; top:0; display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; justify-content:center; gap:15px; z-index:1;}
.ol_temp.t02 .list_gallery .star{text-align:center; margin-top:10px;}
.ol_temp.t02 .list_gallery li:hover .btns, .ol_temp.t02 .list_gallery li a:focus + .btns, .ol_temp.t02 .list_gallery li.on .ol_selec{visibility:visible;}
.ol_temp.t02 .btns a, .ol_temp.t02 .ol_selec span{display:block; width: 40px; height: 40px; border-radius: 50%; border: solid 3px #365a99; background-color:#fff !important;}
.ol_temp.t02 .btns a:hover, .ol_temp.t02 .btns a:focus, .ol_temp.t02 .btns a.on {border-color: #0093ee;transition: ease 0.3s;}
.ol_temp.t02 .btns .btnAdd{background: url(../images/i_move.png) no-repeat center;}
.ol_temp.t02 .btns .btnAdd:hover, .ol_temp.t02 .btns .btnAdd.on {background-image: url(../images/i_move_blue.png);}
.ol_temp.t02 .btns .btnView{background: url(../images/i_rglass.png) no-repeat center;}
.ol_temp.t02 .btns .btnView:hover, .ol_temp.t02 .btns .btnView.on {background-image: url(../images/i_rglass_blue.png);}
.ol_temp.t02 .ol_selec .ol_chk{background: url(../images/i_check.png) no-repeat center;}
.ol_temp.t02 .ol_slider{position:relative;}
.ol_temp.t02 .ol_infoBox{width:100%; max-width:1200px; margin:0 auto; background:#eff2f5; padding:30px; display:flex; ;position:relative; box-sizing:border-box;}
.ol_temp.t02 .ol_infoBox .bookArea{width:130px; text-align:center; box-sizing:border-box;}
.ol_temp.t02 .ol_infoBox .bookArea .imgWrap{display:block; width:100%; height:190px; border:1px solid #ccc; overflow:hidden;}
.ol_temp.t02 .ol_infoBox .bookArea .imgWrap img{width:100%; height:100%;}
.ol_temp.t02 .ol_infoBox .bookArea .star{margin-top:10px;}
.ol_temp.t02 .ol_infoBox .infoArea{width:calc(100% - 130px); box-sizing:border-box; padding-left:40px;}
.ol_temp.t02 .ol_infoBox .infoArea .infoTop{padding-right:45px;}
.ol_temp.t02 .ol_infoBox .infoArea .infoTop .tit{font-size:23px; line-height:1.3em; font-weight:600; margin-top:10px;}
.ol_temp.t02 .ol_infoBox .infoArea .infoTop ul{margin-top:25px;}
.ol_temp.t02 .ol_infoBox .infoArea .infoTop ul li{width:100%; margin-top:10px; display:flex; align-items:stretch;}
.ol_temp.t02 .ol_infoBox .infoArea .infoTop ul li b{display:block; width:80px; line-height:1.4em;}
.ol_temp.t02 .ol_infoBox .infoArea .infoTop ul li span{display:block; width:calc(100% - 80px); line-height:1.4em;}
.ol_temp.t02 .ol_infoBox .infoArea .txtBox{width:100%; background:#fff; padding:25px 20px; margin-top:30px; border-radius:0 15px 15px 15px; box-sizing:border-box;}
.ol_temp.t02 .ol_infoBox .infoArea .txtBox p{line-height:1.5em;}
.ol_temp.t02 .ol_infoBox .btns{position:absolute; top:30px; right:30px;}
.ol_temp.t02 .ol_infoBox .btns a + a{margin-top:10px;}
/* 오픈라이브러리 템플릿 03 */
.ol_temp.t03{background-color:#fff;}
.ol_temp.t03 .ol_header{width:100%; margin:0 auto; background:#ecf6ff;}
.ol_temp.t03 .olh_top{width:100%; margin:0 auto; max-width:1200px; display:flex; justify-content:space-between; align-items:center; padding-top:10px;}
.ol_temp.t03 .olh_top .tit{width:calc(100% - 310px); font-size:15px; font-weight:600; padding-left:34px; background:url(../images/i_shelf.png) no-repeat left center;}
.ol_temp.t03 .olh_top .tit p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ol_temp.t03 .olh_top .headR{display:flex;}
.ol_temp.t03 .olh_top .headR .ol_stats{display:inline-block; position:relative; display:flex; font-size:13px; padding:4px 15px; background:#fff; border-radius:5px; border:1px solid #ccc;}
.ol_temp.t03 .olh_top .headR .ol_stats b{display:inline-block; white-space:nowrap; font-weight:600;}
.ol_temp.t03 .olh_top .headR .ol_stats b::after{content:" ❙ "; display:inline-block; margin:6px; color:#ccc;}
.ol_temp.t03 .olh_top .headR .ol_stats ul{height:26px; overflow:hidden; display:inline-block; width:auto; max-width:120px;}
.ol_temp.t03 .olh_top .headR .ol_stats ul li a{line-height:26px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; font-weight:500;}
.ol_temp.t03 .olh_top .headR .ol_stats ul li span{color:#365a99; font-weight:600;}
.ol_temp.t03 .olh_top .headR .ol_share{display:inline-block; position:relative;}
.ol_temp.t03 .olh_top .headR .ol_share .olShare{display:inline-block; width:36px; height:36px; text-align:right; border-radius:5px; margin-left:10px; background:#365a99 url(../images/i_share2.png) no-repeat center;}
.ol_temp.t03 .olh_top .headR .ol_share .ol_sns{width:152px; background:#fff; border-radius:10px; padding:20px; display:block; text-align:left; position:absolute; top:46px; right:0; z-index:4;}
.ol_temp.t03 .olh_top .headR .ol_share .ol_sns a{background-position:left center; width:auto; height:auto; background-size:14px auto; padding-left:24px; font-weight:400;}
.ol_temp.t03 .olh_top .headR .ol_share .ol_sns li + li{margin-top:8px;}
.ol_temp.t03 .ol_tit{width:100%; margin:0 auto; max-width:1200px; margin-top:20px;}
.ol_temp.t03 .ol_tit p{width:100%; text-align:center; font-size:36px; font-weight:500; line-height:1.3em; max-height:2.6em; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ol_temp.t03 .olTab{width:100%; margin:0 auto; margin-top:40px; text-align:center;}
.ol_temp.t03 .olTab li{display:inline-block;}
.ol_temp.t03 .olTab li a{display:block; line-height:42px; min-width:160px; font-size:18px; font-weight:500; border-radius:10px 10px 0 0; background:#365a99; color:#fff; margin:0 3px;}
.ol_temp.t03 .olTab li a span{display:inline-block; position:relative; padding:0 20px;}
.ol_temp.t03 .olTab li a.on span:after{content:""; display:block; width:100%; height:4px; background:#365a99; position:absolute; left:0; bottom:0;}
.ol_temp.t03 .olTab li a.on{background:#fff; color:#365a99;}
.ol_temp.t03 .ol_cont{width:100%; margin:0 auto;  max-width:1200px; min-height:50vh; padding:60px 0;}
.ol_temp.t03 .ol_cont *{box-sizing:border-box;}
.ol_temp.t03 .ol_cont .ol_list{border-top:solid 1px #d5d9de;}
.ol_temp.t03 .ol_cont .ol_list li{border-bottom:solid 1px #d5d9de;}
.ol_temp.t03 .ol_cont .ol_list li .infoWrap{width:100%; display:flex; align-items:center; justify-content:space-between; position:relative; padding:14px 0;}
.ol_temp.t03 .ol_cont .ol_list li .infoWrap > a{display:block; width:50px; height:100%; position:absolute; right:0; top:0;}
.ol_temp.t03 .ol_cont .ol_list li .infoWrap .infoArea{display:flex; width:calc(100% - 164px); align-items:center; justify-content:space-between;}
.ol_temp.t03 .ol_cont .ol_list li .infoWrap .infoArea .imgWrap{width:64px; height:90px; overflow:hidden; border:solid 1px #d5d9de; border-radius:5px;}
.ol_temp.t03 .ol_cont .ol_list li .infoWrap .infoArea .imgWrap img{width:100%; height:100%;}
.ol_temp.t03 .ol_cont .ol_list li .infoWrap .infoArea .info{width:calc(100% - 66px); padding-left:20px;}
.ol_temp.t03 .ol_cont .ol_list li .infoWrap .infoArea .info > a, .ol_temp.t03 .ol_cont .ol_list li .infoWrap .infoArea > a{display:block;}
.ol_temp.t03 .ol_cont .ol_list li .infoWrap .infoArea .info > a:hover .tit, .ol_temp.t03 .ol_cont .ol_list li .infoWrap .infoArea > a:hover .tit{text-decoration:underline;}
.ol_temp.t03 .ol_cont .ol_list li .infoWrap .infoArea .info .tit{font-size:18px; line-height:1.4em; font-weight:500;}
.ol_temp.t03 .ol_cont .ol_list li .infoWrap .infoArea .info .author{font-size:15px; color:#666; line-height:1.4em;}
.ol_temp.t03 .ol_cont .ol_list li .infoWrap .infoArea .info .star{margin-top:10px;}
.ol_temp.t03 .ol_cont .ol_list li .btns{padding-left:10px; width:154px;}
.ol_temp.t03 .ol_cont .ol_list li .btns a{display:inline-block; background-color:#fff; background-repeat:no-repeat; background-position:left 10px center; font-size:14px; font-weight:500; color:#666; line-height:26px; height:28px; border:1px solid #999; border-radius:5px; padding:0 10px 0 30px;}
.ol_temp.t03 .ol_cont .ol_list li .btns a.btnAdd{background-image:url(../images/i_add2.png); margin-right:5px;}
.ol_temp.t03 .ol_cont .ol_list li .btns a.btnView{background-image:url(../images/i_glass2.png);}
.ol_temp.t03 .ol_cont .ol_list li.olReview .infoWrap{padding-right:50px;}
.ol_temp.t03 .ol_cont .ol_list li.olReview .infoWrap > a::after{content:""; display:block; width:10px; height:10px; border:1.5px solid #999; border-width:0 0 1.5px 1.5px; transform:rotate(-45deg) translate(-50% , -50%); position:absolute; left:50%; top:50%;}
.ol_temp.t03 .ol_cont .ol_list li.olReview.on .infoWrap > a::after{border-width:1.5px 1.5px 0 0;}
.ol_temp.t03 .ol_cont .ol_list li .reviewOpen{width:100%; background:#f3f3f3; padding:20px; display:none;}
.ol_temp.t03 .ol_cont .ol_list li .reviewOpen > p{line-height:1.5em;}
.ol_temp.t03 .ol_cont .ol_list li .reviewOpen .btns{width:100%; text-align:right; padding:0; margin-top:10px;}
.ol_temp.t03 .ol_cont .ol_list li.olReview.on .reviewOpen{display:block;}
.ol_temp.t03 .ol_foot{text-align:center; border-top:1px solid #d7deeb; padding:20px;}
.ol_temp.t03 .ol_foot .titLogo{width:150px; margin:0 auto;}
.ol_temp.t03 .ol_foot .titLogo img{width:100%;}
/* -- olFolder slider -- */
.ol_temp .olFolder{width:100%; margin:0 auto; max-width:1200px; box-sizing:border-box; position:relative; overflow:hidden; padding:20px 0 20px 40px;}
.ol_temp .olFolder *{box-sizing:border-box;}
.ol_temp .olFolder ul li{width:auto;}
.ol_temp .olFolder ul li a{display:block; line-height:30px; height:32px; border:1px solid #365a99; border-radius:5px; color:#365a99; background:#fff url(../images/i_folder4.png) no-repeat left 12px center; font-size:14px; font-weight:500; padding:0 12px 0 36px;}
.ol_temp .olFolder ul li a.on{color:#fff; background-color:#365a99; background-image:url(../images/i_folder3.png);}
.ol_temp .olFolder .btnNext, .ol_temp .olFolder .btnPrev{width:32px; height:32px; border-radius:50%; background-color:rgb(255 255 255 / 80%); background-repeat:no-repeat; background-position:center; background-size:auto 12px; position:absolute; top:50%; transform:translateY(-50%); z-index:3; box-shadow:0 1px 6px rgba(13 66 239 / 20%);}
.ol_temp .olFolder .btnNext{background-image:url(../images/i_bl_left.png); left:0;}
.ol_temp .olFolder .btnPrev{background-image:url(../images/i_bl_right.png); right:0;}
.ol_temp .olFolder:after{content:""; width:68px; height:100%; display:block; background:url(../images/olFolder_bg.png) repeat-y left top; position:absolute; top:0; right:0; z-index:1;}
.f_nodata{display:flex; align-items:center; justify-content:center;}
.f_nodata, .f_nodata *{box-sizing:border-box;}
.f_nodata .txt{text-align:center; color:#365a99; font-weight:500;}
.f_nodata .txt:before{content:" "; display:block; margin:0 auto; margin-bottom:10px; width:36px; height:36px; border-radius:50%; border:3px solid #365a99; background:url(../images/exclamation.png) no-repeat center; font-weight:900; font-size:30px;}
.ol_temp.t02 .f_nodata{height:185px;}
.ol_temp.t03 .f_nodata{height:140px;}
/*---------------------------  collections ---------------------------*/
.collections{width:100%; margin:0 auto; margin-top:40px;}
.collections ul{width:100%; margin:0 auto;}
.collections ul:after{content: " ";display:block;height:0;clear:both;visibility:hidden;}
.collections ul li{float:left; width:25%; display:block; padding:20px 0 0 20px; box-sizing:border-box; height:auto;}
.collections ul li:nth-child(1), .collections ul li:nth-child(6){margin-left:0;}
.collections ul li a{display:block; width:100%;  height:243px; border:solid 1px #d5d9de; padding:110px 15px 0 15px; text-align:center; box-sizing:border-box; overflow:hidden;}
.collections ul li:nth-child(1) a{background:url(../images/collections_icon01_off.png) no-repeat center 25px;}
.collections ul li:nth-child(2) a{background:url(../images/collections_icon02_off.png) no-repeat center 25px;}
.collections ul li:nth-child(3) a{background:url(../images/collections_icon03_off.png) no-repeat center 25px;}
.collections ul li:nth-child(4) a{background:url(../images/collections_icon04_off.png) no-repeat center 25px;}
.collections ul li:nth-child(5) a{background:url(../images/collections_icon05_off.png) no-repeat center 25px;}
.collections ul li:nth-child(6) a{background:url(../images/collections_icon06_off.png) no-repeat center 25px;}
.collections ul li:nth-child(7) a{background:url(../images/collections_icon07_off.png) no-repeat center 25px;}
.collections ul li:nth-child(8) a{background:url(../images/collections_icon08_off.png) no-repeat center 25px;}
.collections ul li:nth-child(9) a{background:url(../images/collections_icon09_off.png) no-repeat center 25px;}
.collections ul li:nth-child(10) a{background:url(../images/collections_icon10_off.png) no-repeat center 25px;}
.collections ul li:nth-child(11) a{background:url(../images/collections_icon11.png) no-repeat center 25px;}
.collections ul li:nth-child(12) a{background:url(../images/collections_icon12.png) no-repeat center 25px;}
.collections ul li a b{display:block; font-size:20px; font-weight:700; margin-top:15px;}
.collections ul li a span{display:block; margin-top:10px; line-height:22px; letter-spacing:0.05em;}
.collections ul li a:hover{background-color:#f3f6fa;}

.collections .eng li a b{font-size:16px; letter-spacing:-0.07em;}
.collections .eng li a span{font-size:14px; line-height:20px; letter-spacing:-0.05em;}

.search_collection{width:100%; margin:0 auto; margin-top:60px;}
.search_collection .sub_search_box{width: 100%; margin: 0 auto; border:solid 1px #e8e8e8; box-sizing:border-box; padding:15px; margin-top:-1px; position:relative; border-top:solid 3px #365a99;}
.search_prof{width:100%; margin:0 auto;}
.search_prof:after, .search_prof ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_collection .sub_search_box .left_area{float:left;width:95%;}
.search_collection .sub_search_box .right_area{float:right;width:5%;}
.search_prof ul:first-child{margin-bottom:10px;}
.search_prof ul li{width:37px; height:37px; display:inline-block; margin-left:1.2px;}
.search_prof ul li a{display:block; height:100%; width::100%; text-align:center; padding-top:9px; border:solid 2px #8e9094; border-radius:35px;  box-sizing:border-box;}
.search_prof p{height:86px; line-height:86px; display:block;}
.search_prof p a{display:block; height:100%; width::100%; text-align:center; border:solid 2px #8e9094; border-radius:50px; box-sizing:border-box;}
.search_prof a.on, .search_prof .drop_alphabet .on, .search_prof a.on:hover, .search_prof .drop_alphabet .on:hover{background:#0093ee !important; border-color:#0093ee; color:#fff; transition:ease 0.3s;}
.search_prof a:hover, .drop_alphabet li a:hover{background:#efefef; transition:ease 0.3s;}
.search_collection .sub_search_box .search_prof .drop_alphabet{position:relative; margin-top:10px;}
.search_collection .sub_search_box .search_prof .drop_alphabet li a{background:#f3f3f3;}
.search_collection .searched_terms:after, .search_collection .searched_terms .search_inputbox:after, .search_collection .searched_terms p:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_collection .searched_terms .searched_num_paging{float:left; margin-top:7px;}
.search_collection .searched_terms .search_inputbox{float:right; width:auto; box-sizing:border-box;}
.search_collection .searched_terms .search_inputbox b, .search_collection .searched_terms .search_inputbox input, .search_collection .searched_terms .search_inputbox a{display:block; float:left; line-height:40px;}
.search_collection .searched_terms .search_inputbox b{padding-right:10px;}
.search_collection .searched_terms .search_inputbox p{float:right;}
.sub_search_box .greyline_box{padding:0; border:0;}



/*----------  collections/01.교수저역서  ---------- */
.search_collection .search_department{width:100%; margin:0 auto;}
.search_collection .search_department:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_collection .search_department li{float:left; box-sizing:border-box; padding:0 5px; width:20%; margin-top:10px;}
.search_collection .search_department li:nth-child(1), .search_collection .search_department li:nth-child(2), .search_collection .search_department li:nth-child(3), .search_collection .search_department li:nth-child(4), .search_collection .search_department li:nth-child(5){margin-top:0;}
.search_collection .search_department li a{display:block; height:40px; line-height:40px; width:100%; padding:0 15px; border:solid 2px #8e9094; border-radius:40px;  box-sizing:border-box;}
.search_collection .search_department li a:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_collection .search_department li a:hover{background:#efefef;}
.search_collection .search_department li .on, .search_collection .search_department li .on:hover{background:#0093ee; border-color:#0093ee; color:#fff; transition:ease 0.3s;}
.search_collection .search_department li .on i, .search_collection .search_department li .on:hover i{background:url(../images/i_white_right.png) no-repeat 0 0;} 
.search_collection .search_department li a span{display:block; float:left; line-height:40px; margin-top:-2px; letter-spacing:-0.05em;}
.search_collection .search_department li a i{display:block; float:right; margin-top:10px;}
.search_collection .search_department_eng{width:100%; margin:0 auto;}
.search_collection .search_department_eng:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_collection .search_department_eng li{float:left; box-sizing:border-box; padding:0 5px; width:33.3333%; margin-top:10px;}
.search_collection .search_department_eng li:nth-child(1), .search_collection .search_department_eng li:nth-child(2), .search_collection .search_department_eng li:nth-child(3){margin-top:0;}
.search_collection .search_department_eng li a{display:block; height:55px; line-height:22px; width:100%; padding:10px 25px 10px 15px; border:solid 2px #8e9094; border-radius:40px;  box-sizing:border-box; position:relative;}
.search_collection .search_department_eng li a:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_collection .search_department_eng li a:hover{background:#efefef; transition:ease 0.3s;}
.search_collection .search_department_eng li .on, .search_collection .search_department_eng li .on:hover{background:#0093ee; border-color:#0093ee; color:#fff; transition:ease 0.3s;}
.search_collection .search_department_eng li .on i{background:url(../images/i_white_right.png) no-repeat 0 0;} 
.search_collection .search_department_eng li a span{display:inline-block; line-height:18px; margin-top:-2px; font-size:14px; vertical-align:middle;}
.search_collection .search_department_eng li a i{display:block; margin-top:10px; position:absolute; right:10px; top:50%; margin-top:-7.5px;}

/*----------  collections/02.기증도서  ---------- */
.search_collection .search_donated{width:100%; margin:0 auto;}
.search_collection .search_donated:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_collection .search_donated li{float:left; width:33.3333%; box-sizing:border-box; padding:0 5px; margin-top:10px;}
.search_collection .search_donated li:nth-child(1), .search_collection .search_donated li:nth-child(2), .search_collection .search_donated li:nth-child(3){margin-top:0;}
.search_collection .search_donated a{display:block; height:65px; width:100%; padding:10px 15px 0 65px; background:url(../images/blue_donated.png) no-repeat 15px center; border:solid 2px #8e9094; border-radius:40px;  box-sizing:border-box; position:relative;}
.search_collection .search_donated a strong{display:block;}
.search_collection .search_donated a b{display:block;margin-bottom:8px; font-size:18px;}
.search_collection .search_donated a i{position:absolute; right:15px; top:50%; margin-top:-7.5px;}
.search_collection .search_donated a:hover{transition:ease 0.3s; background:#efefef url(../images/blue_donated.png) no-repeat 15px center;}
.search_collection .search_donated a.on, .search_collection .search_donated a.on:hover{background:#0093ee; color:#fff; background:#0093ee url(../images/white_donated.png) no-repeat 15px center;border:solid 2px #0093ee; transition:ease 0.3s;}
.search_collection .search_donated a.on i, .search_collection .search_donated a.on:hover i{background:url(../images/i_white_right.png) no-repeat 0 0; transition:ease 0.3s;}
.search_collection .search_donated a.on strong, .search_collection .search_donated a.on:hover strong{color:#fff; transition:ease 0.3s;}

.search_collection .search_donated_eng{width:100%; margin:0 auto;}
.search_collection .search_donated_eng:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_collection .search_donated_eng li{float:left; width:33.3333%; box-sizing:border-box; padding:0 5px; margin-top:10px;}
.search_collection .search_donated_eng li:nth-child(1), .search_collection .search_donated_eng li:nth-child(2), .search_collection .search_donated_eng li:nth-child(3){margin-top:0;}
.search_collection .search_donated_eng a{display:block; height:75px; width:100%; padding:8px 15px 0 65px; background:url(../images/blue_donated.png) no-repeat 15px center; border:solid 2px #8e9094; border-radius:40px;  box-sizing:border-box; position:relative;}
.search_collection .search_donated_eng a strong{display:block;}
.search_collection .search_donated_eng a b{display:block;margin-bottom:5px; font-size:16px;}
.search_collection .search_donated_eng a b.one{display:block;margin:7px 0 5px 0; font-size:16px;}
.search_collection .search_donated_eng a i{position:absolute; right:15px; top:50%; margin-top:-7.5px;}
.search_collection .search_donated_eng a span{display:inline-block; font-size:14px; font-weight:400; line-height:18px;}
.search_collection .search_donated_eng a:hover{transition:ease 0.3s; background:#efefef url(../images/blue_donated.png) no-repeat 15px center;}
.search_collection .search_donated_eng a.on, .search_collection .search_donated_eng a.on:hover{background:#0093ee; color:#fff; background:#0093ee url(../images/white_donated.png) no-repeat 15px center;border:solid 2px #0093ee; transition:ease 0.3s;}
.search_collection .search_donated_eng a.on i, .search_collection .search_donated_eng a.on:hover i{background:url(../images/i_white_right.png) no-repeat 0 0; transition:ease 0.3s;}
.search_collection .search_donated_eng a.on strong, .search_collection .search_donated_eng a.on:hover strong{color:#fff; transition:ease 0.3s;}

.greyline_box{border:solid 1px #e8e8e8; width:100%; margin:0 auto; padding:15px; box-sizing:border-box; margin-top:30px;}
.greyline_box .table_search .search_inputbox input[type="text"]{width:85%; box-sizing:border-box; float:left;}
.greyline_box .table_search .search_inputbox .btn_h40_t01{width:15%; box-sizing:border-box; float:right;}

.bt_blue{border-top:solid 3px #365a99; margin-top:60px;}
.table_search .tb_radio{display:inline-block; line-height:40px;}
.table_search th select{width:100%;}

/*----------  collections/03.내마음을두드리는책  ---------- */
.search_collection .rd_book{width:100%; margin:0 auto;}
.search_collection .rd_book:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_collection .rd_book li{float:left; width:25%; box-sizing:border-box; padding:0 5px; margin-top:10px;}
.search_collection .rd_book li:nth-child(1), .search_collection .rd_book li:nth-child(2), .search_collection .rd_book li:nth-child(3), .search_collection .rd_book li:nth-child(4){margin-top:0;}
.search_collection .rd_book a{display:block; height:60px; width:100%; padding:10px 15px 0 65px; background:url(../images/blue_heart.png) no-repeat 15px center; border:solid 2px #8e9094; border-radius:40px;  box-sizing:border-box; position:relative; letter-spacing:-0.03em;}
.search_collection .rd_book a strong{display:block; font-weight:400;}
.search_collection .rd_book a b{display:block;margin-bottom:5px; font-size:16px;}
.search_collection .rd_book a i{position:absolute; right:15px; top:50%; margin-top:-7.5px;}
.search_collection .rd_book a:hover{background-color:#efefef; transition:ease 0.3s;}
.search_collection .rd_book a.on, .search_collection .rd_book a.on:hover{background:#0093ee; color:#fff; background:#0093ee url(../images/white_heart.png) no-repeat 15px center;border:solid 2px #0093ee; transition:ease 0.3s;}
.search_collection .rd_book a.on i, .search_collection .rd_book a.on:hover i{background:url(../images/i_white_right.png) no-repeat 0 0; transition:ease 0.3s;}
.search_collection .rd_book a.on:hover strong, .search_collection .rd_book a.on strong{color:#fff; transition:ease 0.3s;}

.search_collection .rd_book_eng{width:100%; margin:0 auto;}
.search_collection .rd_book_eng:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_collection .rd_book_eng li{float:left; width:25%; box-sizing:border-box; padding:0 5px; margin-top:10px;}
.search_collection .rd_book_eng li:nth-child(1), .search_collection .rd_book_eng li:nth-child(2), .search_collection .rd_book_eng li:nth-child(3), .search_collection .rd_book_eng li:nth-child(4){margin-top:0;}
.search_collection .rd_book_eng a{display:block; height:75px; width:100%; padding:8px 15px 0 65px; background:url(../images/blue_heart.png) no-repeat 15px center; border:solid 2px #8e9094; border-radius:40px;  box-sizing:border-box; position:relative; letter-spacing:-0.03em;}
.search_collection .rd_book_eng a strong{display:block; font-weight:400;}
.search_collection .rd_book_eng a b{display:block;margin-bottom:5px; font-size:16px;}
.search_collection .rd_book_eng a b.one{display:block;margin:7px 0 5px 0; font-size:16px;}
.search_collection .rd_book_eng a span{display:inline-block; font-size:14px; font-weight:400; line-height:18px;}
.search_collection .rd_book_eng a i{position:absolute; right:15px; top:50%; margin-top:-7.5px;}
.search_collection .rd_book_eng a:hover{background-color:#efefef; transition:ease 0.3s;}
.search_collection .rd_book_eng a.on:hover, .search_collection .rd_book_eng a.on{background:#0093ee; color:#fff; background:#0093ee url(../images/white_heart.png) no-repeat 15px center;border:solid 2px #0093ee; transition:ease 0.3s;}
.search_collection .rd_book_eng a.on:hover i, .search_collection .rd_book_eng a.on i{background:url(../images/i_white_right.png) no-repeat 0 0; transition:ease 0.3s;}
.search_collection .rd_book_eng a.on:hover strong, .search_collection .rd_book_eng a.on strong{color:#fff; transition:ease 0.3s;}

.search_collection .rd_list_wrap{width:1200px; margin:0 auto; overflow:hidden;}
.search_collection .rd_list{width:1235px; overflow:hidden;}
.search_collection .rd_list:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_collection .rd_list li{width:212px; height:309px; margin-right:35px; display:block; float:left; position:relative; margin-top:30px; overflow:hidden;}
.search_collection .rd_list li a{box-sizing:border-box; display:block; position:absolute;}
.search_collection .rd_list li a.img_wrap{width:100%; box-sizing:border-box; border:solid 1px #d5d9de; border-right:solid 3px #d5d9de; }
.search_collection .rd_list li a.img_wrap img{display:block; width:100%; height:307px;}
.search_collection .rd_list li a.holdings{left:1px; bottom:-50px; background:#6c82a9; color:#fff; padding:0 15px; box-sizing:border-box; line-height:40px;  border-radius:0 40px 40px 0;-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);}
.search_collection .rd_list li a.holdings i{margin-left:15px;}
.search_collection .rd_list li a.view_detail{right:3px; bottom:-50px; background:#6c82a9; color:#fff; padding:0 15px; box-sizing:border-box; line-height:40px;  border-radius: 40px 0 0 40px ;-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);}
.search_collection .rd_list li a.ebook{left:5px; top:0;}
.search_collection .rd_list li a.ebook i{width:30px; height:34px; display:block; background:url(../images/ebook.png) no-repeat 0 0;}
.search_collection .rd_list li:hover a.holdings{left:1px; bottom:30px; background:#6c82a9; color:#fff; padding:0 15px; box-sizing:border-box; line-height:40px;  border-radius:0 40px 40px 0; z-index:2; transition:ease 0.5s;}
.search_collection .rd_list li:hover a.view_detail{right:3px; bottom:30px; background:#6c82a9; color:#fff; padding:0 15px; box-sizing:border-box; line-height:40px;  border-radius: 40px 0 0 40px ; z-index:2; transition:ease 0.5s;}
.search_collection .rd_list li a.holdings:hover, .search_collection .rd_list li a.view_detail:hover{background:#0093ee;}
.search_collection .rd_list li:hover{-webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.4); -moz-box-shadow:  0 5px 5px rgba(0, 0, 0, 0.4); box-shadow:  0 5px 5px rgba(0, 0, 0, 0.4);}
/*----------  collections/09.추천도서  ---------- */
.select_dateBox:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.select_dateBox a, .select_dateBox span{float:left; display:block;}
.select_dateBox span{line-height:38px; height:38px; padding:0 15px; border:solid 1px #d5d9de;}
.select_dateBox a{line-height:40px; height:40px; background:#365a99; margin:0; padding:0 15px;}
.select_dateBox a i{margin:0;}
.select_dateBox b{font-size:20px;}
.select_dateBox a:hover{background:#0093ee;}
.collection_rd a.view_detail i.plus{background-image:url(../images/i_move_white.png); width:20px; height:20px; vertical-align:top; margin-top:10px;}

.rd_top{width:100%; margin:0 auto; border-bottom:solid 3px #365a99; margin-top:60px; padding-bottom:15px;}
.rd_top:after, .rd_top .more_results:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.rd_top .select_dateBox, .rd_top .rd_title{float:left;}
.rd_top .more_results{float:right;}
.rd_title h4{margin:0; padding-bottom:0;}
.rd_top .more_results a span{display:block; padding-right:10px; float:left;}
.rd_top .more_results a{display:block; line-height:42px;}
.rd_top .more_results a i{display:block; float:left;}
.rd_top .more_results a:hover .i_morebook{background:url(../images/btn_more_on.png) no-repeat 0 0; width:40px; height:40px; display:inline-block; transition:0.3s ease;}
.rd_top .more_results a:hover span{color:#0093ee; transition:0.3s ease;}
.rd_top + .scroll_x table{border-top:0;margin-top:0;}
/*----------  collections_detail/09.추천도서 상세  ---------- */
.book_info_cont{width:100%; margin:0 auto; box-sizing:border-box; background:#f6f7f8; padding:40px 30px;}
.book_info_cont p{line-height:22px; text-align:justify;}
.book_info_cont p b{color:#365a99;}


/*----------  collections/07.신착자료  ---------- */
.radio_box{width:100%; margibn:0 auto; text-align:right; margin:60px 0 30px;}
.radio_box:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.radio_box .btn_h40_t01, .radio_box .btn_h40_t01:hover{border-radius:0; float:left; width:10%; text-align:center;}
.search_theme_field{width:100%; margin:0 auto; border:solid 1px #e8e8e8; border-top:solid 3px #365a99; box-sizing:border-box; padding:15px; letter-spacing:-0.04em;}
.search_theme_field:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_theme_field div{width:50%; box-sizing:border-box; padding-right:10px; margin-top:10px;}
.search_theme_field .left_area > div:first-child, .search_theme_field .right_area > div:first-child{margin-top:0;}
.search_theme_field .theme_field{width:100%; box-sizing:border-box; border:solid 2px #8e9094; padding:10px 15px; line-height:22px; border-radius:30px; overflow:hidden;}
.search_theme_field .theme_field_on{width:100%; box-sizing:border-box; border:solid 2px #0093ee; padding:10px 15px; line-height:22px; border-radius:30px; overflow:hidden;}
.theme_field:hover{border-color:#0093ee; transition:ease 0.3s;}
.search_theme_field p{width:100%; margin:0 auto; position:relative; box-sizing:border-box; padding-right:35px;}
.search_theme_field .title{padding-right:5px;}
.search_theme_field .r_num_color{padding:0 3px; font-weight:500;} 
.search_theme_field .open{position:absolute; width:30px; height:40px; right:0; top:0; margin-top:-10px; display:block; background:url(../images/i_bl_down.png) no-repeat center center;}
.search_theme_field .open:hover{background:#efefef url(../images/i_blue_down.png) no-repeat center center; transition:ease 0.3s;}
.search_theme_field .theme_field_on .open, .search_theme_field .theme_field_on .open:hover{position:absolute; width:30px; height:40px; right:0; top:0; margin-top:-10px; display:block; background:#fff url(../images/i_blue_up.png) no-repeat center center; transition:ease 0.3s;}
.search_theme_field ul{width:100%; margin:0 auto; margin-top:15px; padding:10px; border-top:solid 1px #8e9094; box-sizing:border-box;}
.search_theme_field ul li a{display:block; line-height:28px;}
.search_theme_field ul li a b{font-weight:500; padding:0 3px;}
.search_theme_field .theme_field_on .title{color:#0093ee; transition:ease 0.3s;}
.s_rdate .date .other{width:18%; float:left;}
.s_rdate .date .insert{width:82%; float:right;}
.s_rdate .date .insert input{float:left; width:46.5%;}
.s_rdate .date .insert .lh40{float:left; width:3%;}
/*----------  collections/08.지정도서  ---------- */
.table_t02 .search_department li:nth-child(1), .table_t02 .search_department li:nth-child(2), .table_t02 .search_department li:nth-child(3), .table_t02 .search_department li:nth-child(4), .table_t02 .search_department li:nth-child(5){margin-top:0;}
.search_collection .search_department li .departmen_depth{display:block; font-size:400;}
.search_collection .search_department li .departmen_depth a{position:relative;margin-top:10px; background:#f3f3f3;}
.search_collection .search_department li .departmen_depth a:hover{background:#efefef;}
.search_collection .search_department li .departmen_depth .on:hover, .search_collection .search_department li .departmen_depth .on{background:#0093ee; color:#fff; border:solid 2px #0093ee; transition:ease 0.3s;}
.search_collection .search_department li .departmen_depth a:before{content: " "; width:2px; height:10px; display:block; background:#8e9094; left:50%; margin-left:-1px; top:-12px;; position:absolute; visibility:visible;}

.search_collection .search_department_eng li .departmen_depth{display:block; font-size:400;}
.search_collection .search_department_eng li .departmen_depth a{position:relative; margin-top:10px; background:#f3f3f3;}
.search_collection .search_department_eng li .departmen_depth a:hover{background:#efefef; color:#101010; border-color:#8e9094;}
.search_collection .search_department_eng li .departmen_depth .on:hover, .search_collection .search_department_eng li .departmen_depth .on{background:#0093ee !important; color:#fff; border:solid 2px #0093ee; transition:ease 0.3s;}
.search_collection .search_department_eng li .departmen_depth .on:hover i, .search_collection .search_department li .departmen_depth .on i{background:url(../images/i_white_right.png) no-repeat 0 0;}
.search_collection .search_department_eng li .departmen_depth a:before{content: " "; width:2px; height:10px; display:block; background:#8e9094; left:50%; margin-left:-1px; top:-12px;; position:absolute; visibility:visible;}

/*----------  collections/.여행정보 상세 ----------*/
.travel{width:100%; margin:0 auto; box-sizing:border-box; padding:30px 60px; background:#f3f6fa; position:relative; overflow:hidden;}
.travel ul{width:100%; margin:0 auto; z-index:10;}
.travel ul:after{content: " ";display:block;height:0;clear:both;visibility:hidden;}
.travel ul li{display:block; width:33.3333%; float:left;  box-sizing:border-box; padding:0 10px; z-index:5;}
.travel ul li a{width:100%; margin:0 auto; border:solid 1px #d5d9de; box-sizing:border-box; display:block;}
.travel .img_wrap{width:100%; height:200px; overflow:hidden; display:block;}
.travel .img_wrap img{width:100%;}
.travel span, .travel b{display:block;}
.travel .info{width:100%; background:#fff; box-sizing:border-box; height:96px; padding:10px 10px 15px 10px; line-height:22px;}
.travel .place{width:100%; margin:0 auto; font-size:16px;}
.travel .add{width:100%; margin:0 auto; font-size:14px; padding-left:18px; background:url(../images/i_place.png) no-repeat left top 4px; margin-top:5px;}
.travel .btn_area a{display:block; margin:0; vertical-align:middle; padding:5px;}
.travel .btn_area a i{vertical-align:middle; display:inline-block; margin:0;}
.travel .btn_area .prev{position:absolute; top:50%; margin-top:-19px; left:20px; display:block;}
.travel .btn_area .next{position:absolute; top:50%; margin-top:-19px; right:20px;}
 

/*----------  연관검색어  ---------- */
.sub_search_box .search_more{width:100%; height:auto; padding-top:12px; margin-top:10px;}
.sub_search_box .search_more:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.sub_search_box .search_more .related_searches{width:85%; float:left; box-sizing:border-box;}
.sub_search_box .search_more .related_searches b, .sub_search_box .search_more .related_searches a{display:block; float:left; line-height:15px; margin:8px 0;}
.sub_search_box .search_more .related_searches b{margin-right:15px; position:relative; display:inline-block;}
.sub_search_box .search_more .related_searches a:before{content: " ";display: block; height:5px; width:5px; background:#676767; position:absolute; left:0; top:50%; margin-top:-2.5px; }
.sub_search_box .search_more .related_searches a{padding:0 10px; letter-spacing:-0.05em; display:inline-block; position:relative; padding-left:10px; color:#676767; font-size:15px; box-sizing:border-box;}
.sub_search_box .search_more .re_search{width:15%; float:right; padding-left:10px;  text-align:right;}
.sub_search_box .search_more .re_search label{margin:0;}
.sub_search_box .search_more .related_searches a:hover{color:#101010; text-decoration:underline; transition:0.3s ease;}

.search_more .search_more_inner{width:100%; height:auto; padding-top:12px; margin-top:10px; border-top:solid 1px #d5d9de;}
.search_more .search_more_inner:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_more .search_more_inner .related_searches{width:85%; float:left;}
.search_more .search_more_inner .related_searches b, .search_more .search_more_inner .related_searches a{display:block; float:left; line-height:15px; margin:8px 0;}
.search_more .search_more_inner .related_searches b{margin-right:15px;}
.search_more .search_more_inner .related_searches b i{margin-right:5px;}
.search_more .search_more_inner .related_searches .box{width:100%; display:block; float:left; box-sizing:border-box; padding-left:20px;}
.search_more .search_more_inner .related_searches a:before{content: " ";display: block; width:5px; height:5px; background:#6c82a9; position:absolute; top:50%; margin-top:-2.5px; left:0; border-radius:5px;}
.search_more .search_more_inner .related_searches a{padding:0 10px 0 12px; letter-spacing:-0.05em; display:inline-block; position:relative;}
.search_more .search_more_inner .re_search{width:15%; float:right; padding-left:10px; box-sizing:border-box; text-align:right;}
.search_more .search_more_inner .re_search label{margin:0;}
.search_more .search_more_inner .related_searches a:hover{color:#6c82a9; text-decoration:underline;}
/*------------------------------------------------  sub02 ------------------------------------------------*/
.bottomBox{width:100%; margin:0 auto; margin-top:15px; padding-top:15px; border-top:solid 1px #e8e8e8;}
.bottomBox input[type="text"]{width:82%; float:left;}
.sbox{width:100%; margin:0 auto; margin-top:30px;}
.sbox .tap_search{margin-top:0;}
.sbox .greyline_box{margin-top:0; margin-top:-1px;}
/*-전자저널-*/
.board_top .searched_num_paging{float:left; margin-left:10px; line-height:40px;}
.board_top .searched_num_paging span{margin:0 5px;}
.board_top .searched_num_paging b{margin:0 5px;}
.board_top .searched_num_paging a{display:inline-block; background: #6c82a9; width:40px; height:40px; line-height:38px; text-align:center; color: #fff; font-weight: 400;  border-radius:40px;}
.board_top .searched_num_paging a i{margin:0;}
.board_top .searched_num_paging .i_bl_right{background-size:100%; width:6px;}
.board_top .search_inputbox2{float:right;}
.board_top .search_inputbox2 b, .board_top .search_inputbox2 input, .board_top .search_inputbox2 a{display:block; float:left;}
.board_top .search_inputbox2 b{line-height:40px; margin-right:10px;}
.bgBox{width:100%; margin:0 auto; background:#f6f7f8; box-sizing:border-box; padding:15px; line-height:22px; border-radius:15px; margin-top:15px;}
.bgBox b{padding-left:10px;}
.bgBox em{color:#6c82a9; padding:0 10px;}
/*-데이터베이스 아이콘-*/
.d_classInfo{width:100%; margin:0 auto; text-align:right; margin-bottom:15px;}
.d_classInfo li{display:inline-block; margin-left:10px;}
.d_class01{background:url(../images/d_class01.png) no-repeat left top 5px; padding-left:25px; line-height:26px; word-break:normal;}
.d_class02{background:url(../images/d_class02.png) no-repeat left top 5px; padding-left:25px; line-height:26px;}
.d_class03{background:url(../images/d_class03.png) no-repeat left top 5px; padding-left:25px; line-height:26px;}
.tbBtnArea{display:flex; flex-direction:column; gap:5px; flex-wrap:wrap; line-height:1;}
.tbBtnArea a{width:auto;}
.tbBtn{line-height:1;}
.tbBtn a{line-height:1;}
.sub_search_box .btn_area{padding-top:30px; margin:15px 0; border-top:1px solid #e8e8e8;}
.subject_chkBox{width:100%; margin:0 auto;}
.subject_chkBox ul{width:100%; margin:0 auto;}
.subject_chkBox ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden; text-align:center;}
.subject_chkBox ul li{float:left; width:10%; margin:5px 0; display:block;}
.subject_chkBox ul.eng{width:100%; margin:0 auto;}
.subject_chkBox ul.eng:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.subject_chkBox ul.eng li{float:left; width:20%; padding:5px 0;}
.subject_chkBox .subject{width:10%; float:left; padding:5px 0;}
.subject_chkBox .long{width:20%;}
.subject_chkBox:after, .subject_chkBox_eng:after,{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.subject_chkBox_eng .subject{width:20%; float:left; padding:5px 0;}


/*------------------------------------------------  sub03 ------------------------------------------------*/
/*----------------  도서구입신청 ----------------*/
.search_internet{width:100%; margin:0 auto;}
.search_internet span{width:74.5%; display:block; float:left; line-height:40px; height:40px; border:solid 2px #d5d9de; border-radius:50px; margin-bottom:30px;}
.search_internet:after, .search_internet span:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_internet span b{display:block; float:left; margin-left:10px; font-weight:400;}
.search_internet .btn_h40_t01{margin-left:10px;float:right; width:auto; text-align:center; padding:0 15px;}
.search_internet .btn_h40_t01 i{background:url(../images/btn_search.png) no-repeat 0 0; display:inline-block; width:16px; height:16px; background-size:100%; margin-left:5px;}
.search_internet .btn_h40l_t02{margin-left:10px; float:right; margin-top:2px;}

/*----------------  학위논문제출 ----------------*/
.cont_numbering{width:100%; margin:0 auto; margin-top:30px;}
.cont_numbering > div{border-bottom:solid 1px #d5d9de; padding:20px 0; box-sizing:border-box;}
.cont_numbering > div:first-child{border-top:solid 1px #d5d9de;}
.numbering_box{width:100%; margin:0 auto;}
.numbering_box:after{content: " ";display:block;height: 0;clear: both;visibility: hidden; background:none;}
.numbering_box .num_title{background:none; padding:0; margin:0; float:left; width:20%; text-align:center; }
.numbering_box .num_title b{margin:0 auto; width:40px; height:40px; line-height:40px; font-size:15px; border:solid 2px #6c82a9; color:#6c82a9; border-radius:50px; display:block; text-align:center;}
.numbering_box .num_title span{display:block; margin-top:15px; color:#365a99; font-weight:500;}
.numbering_box .txt_list{float:left; width:80%; box-sizing:border-box; border-left:solid 1px #d5d9de; padding-left:30px;}

.cont_notice{width:100%; margin:0 auto; margin-top:10px;}
.cont_notice:after{content: " ";display:block;height: 0;clear: both;visibility: hidden; background:none;}
.cont_notice div{width: 50%; position:relative; box-sizing:border-box; padding:0 20px;}
.cont_notice div h5{margin-bottom:20px; background:none; padding:0; font-size:18px; font-weight:500;}
.cont_notice div a.btn_more{position:absolute; right:20px; top:24px;}
.cont_notice ul{padding-top:15px;border-top:solid 2px #6c82a9;}
.cont_notice ul li{}
.cont_notice ul li a{line-height:22px; font-size:12px; color:#838282; background:url(../images/notice_list_bullet.png) no-repeat 3px -14px; padding-left:14px; display:block;}
.cont_notice ul li a:hover{background:url(../images/notice_list_bullet.png) no-repeat 3px 9px;}
.cont_notice ul li a:after{content: " ";display:block;height: 0;clear: both;visibility: hidden; background:none;}
.cont_notice ul li a b{display:block; float:left;}
.cont_notice ul li a span{display:block; float:right;}
.cont_notice .notice_list{float:left;}
.cont_notice .faq_list{float:right;}
.cont_notice .load{width:100%; min-height:237px;}

/*------------------------------------------------  sub04 ------------------------------------------------*/
/*--- 논문작성가이드 & 표절예방 ----*/
.guide{width:100%; margin:0 auto;}
.guide_cont{width:100%; margin:0 auto;}
.guide_cont:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.guide_cont .img_wrap{width:187px; border: solid 1px #e5e5e5; float:left;}
.guide_cont .img_wrap img{width:100%; height:auto;}
.guide_cont .g_cont{width:983px; float:right; text-align:left;}
.guide_cont .g_cont ol li{line-height:28px;}
.guide_cont .g_cont p{line-height:28px;}
.guide_cont .g_cont .table_t04{width:650px;}/*width:650px;*/
.guide_cont .g_cont .table_t04 a{margin:0 2px;}
.guide_cont .g_cont .nb_color{line-height:28px;}
.guide_cont .g_cont .mail{vertical-align:middle; margin-top:0; background-position:left center; margin-left:5px;}
.guide_cont .t04_btn_area{padding:0;}
.guide_cont .t04_btn_area ul{width:100%; height:100%; margin:0 auto;}
.guide_cont .t04_btn_area ul li{display:block; height:100%; float:left; width:33.3333%; line-height:45px; text-align:center; border-left:1px solid #e5e5e5; box-sizing:border-box;}
.guide_cont .t04_btn_area ul li:first-child{border:0;}
.guide_cont .t04_btn_area .t04_btn{width:100%; height:100%; margin:0 auto; display:table;}
.guide_cont .t04_btn_area .t04_btn > div{display:table-cell;}
.guide_cont .t04_btn_area .t04_btn > div:nth-child(1){width:66.5%;}
.guide_cont .t04_btn_area .t04_btn > div:nth-child(2){ border-left:1px solid #e5e5e5; line-height:45px;}

/*--- 계량정보분석서비스/SCI ----*/
.gray_box{width:100%; margin:0 auto;background:#f3f6fa; border-radius:10px; padding:20px; box-sizing:border-box; margin-top:15px;}
.half{width:50%;}
.w70{width:70%;}
.list_txt{line-height: 28px; background: url(../images/list_dot2.png) no-repeat 0 11.5px; padding-left: 20px;}
.half a{vertical-align:middle;}
.w70 a{vertical-align:middle; margin:0 2.5px;}

/*--- 주의해야 할 학회/학술지 ----*/
.tb_img .img_box{width:80%; padding:10px 0}
.tb_img .img_box img{width:100%;}
.tb_img tr td:first-child{word-break:keep-all;}
.tb_img a:hover{}
.img_sitewrap{width:100%; margin:0 auto; overflow:hidden;}
.img_sitewrap li{float:left; padding:0 5px; width:20%; box-sizing:border-box;}
.img_sitewrap li a{display:block; width:100%; height:100%; border:5px solid #365a99; border-radius:10px; box-sizing:border-box; overflow:hidden; text-align:center;}
.img_sitewrap li a:hover{border-color:#0093ee; transition:ease .5s;}
.img_sitewrap li a img{width:100%;}
.img_sitewrap.n6 li{width:calc(100% / 6);}
ul + .img_sitewrap.n6{margin-top:30px;}

/*--- 교외접속서비스 ----*/
.ra_tb{width:100%; margin:0 auto; box-sizing:border-box; margin-top:20px; border:solid 1px #d5d9de; border-left:solid 3px #365a99;}
.ra_tb *{box-sizing:border-box;}
.ra_tb > div{width:100%; display:flex; flex-wrap:wrap;  }
.ra_tb > div > div{min-height:66px;}
.ra_tb > div > .tit{width:240px; color:#365a99; border-right:solid 1px #d5d9de; text-align:center; line-height:1.3em; padding:12px 10px; display:flex; align-items:center; justify-content:center;}
.ra_tb .btn{text-align:right; padding:12px 10px; position:absolute; top:0; right:0;}
.ra_tb div.ra_selc{padding-right:180px; position:relative;}
.ra_tb div.ra_selc .selc{width:calc(100% - 240px); position:relative; padding:12px 10px;}
.ra_tb div.ra_selc .selc .box{width:calc(100% - 10px); border:solid 1px #d5d9de; background:#fff; border-radius:5px; position:absolute; left:10px; top:12px; z-index:2;}
.ra_tb div.ra_selc .selc .box > a{width:100%; display:block; line-height:40px; position:relative; padding:0 40px 0 15px; background:url(../images/i_bl_down.png) right 15px center no-repeat; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ra_tb div.ra_selc .selc .box.on{box-shadow: 0 3px 10px  rgb(0 0 0 / 20%);}
.ra_tb div.ra_selc .selc .box .ra_drop{border-top:solid 1px #d5d9de; padding:15px; display:none; max-height:500px; overflow-y:auto;}
.ra_tb div.ra_selc .selc .box.on .ra_drop{display:block;}
.ra_tb div.ra_selc .selc .ra_drop .tit{font-weight:600; line-height:1.3em; padding-bottom:5px;}
.ra_tb div.ra_selc .selc .ra_drop ul + .tit{margin-top:8px;}
.ra_tb div.ra_selc .selc .ra_drop ul li{display:flex;}
.ra_tb div.ra_selc .selc .ra_drop ul li a{display:inline-block;}
.ra_tb div.ra_selc .selc .ra_drop ul li a.ra_star{width:15px; line-height:1.5em; margin-right:5px; background:url(../images/search_star.png) no-repeat right center;}
.ra_tb div.ra_selc .selc .ra_drop ul li a.ra_star.on{background-position:left center;}
.ra_tb div.ra_selc .selc .ra_drop ul li a.site{display:block; line-height:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:calc(100% - 44px);}
.ra_tb div.ra_selc .selc .ra_drop ul li a.set{width:15px; line-height:1.5em; background:url(../images/i_write.png) no-repeat center; margin-left:8px;}
.ra_tb div.ra_selc .selc .ra_drop ul li a.site:hover{color:#0093ee; transition:all 0.3s; text-decoration:underline;}
.ra_tb div.ra_selc .selc .ra_drop ul li a.set:hover{background-image:url(../images/i_write2.png); transition:all 0.3s;}
.ra_tb div.ra_selc .btn{width:180px;}
.ra_tb div.ra_input{position:relative;border-top:solid 1px #d5d9de; padding-right:335px;}
.ra_tb div.ra_input .ra_url{width:calc(100% - 240px); padding:12px 10px;}
.ra_tb div.ra_input .ra_url input[type="text"]{width:100%;}
.ra_tb div.ra_input .btn{width:345px;}

/*--- KAIST scholar ----*/
.scholar .i_wos{display:inline-block; font-weight:600; width:22px; height:22px; line-height:22px; border-radius:5px; text-align:center; background:#5e33c0; color:#fff; margin:0 3px;}
.scholar .i_scopus{display:inline-block; font-weight:600; width:22px; height:22px; line-height:22px; border-radius:5px; text-align:center; background:#ff8200; color:#fff; margin:0 3px;}
.scholar .infoBox{border:solid 1px #ccc; box-sizing:border-box; padding:25px 20px; border-radius:15px; text-align:center; margin-top:15px;}
.scholar .infoBox img{max-width:100%;}
.scholar .infoBox *{box-sizing:border-box;}
.scholar .infoBox .int{border:solid 2px #54657c; display:inline-block; margin:0 auto; text-align:center; border-radius:30px; overflow:hidden;}
.scholar .infoBox .int b{display:inline-block; line-height:28px; padding:0 15px; color:#fff; background:#54657c; font-weight:600;}
.scholar .infoBox .int span{display:inline-block; line-height:28px; padding:0 15px; color:#54657c; font-weight:500;}
.scholar .infoBox .info{display:flex; justify-content:center; gap:30px; align-items:center; margin-top:20px;}
.scholar .infoBox .info .tit{font-size:50px; font-weight:600;}
.scholar .infoBox .info .tit.small{font-size:40px;}
.scholar .infoBox .info .equal i{display:inline-block; width:38px; height:38px; border:solid 2px #54657c; border-radius:50%; background:url(../images/equal.png) no-repeat center;}
.scholar .infoBox .info .txtChart ul{display:inline-block;}
.scholar .infoBox .info .txtChart ul li{font-size:18px; font-weight:500; padding:0 15px;}
.scholar .infoBox .info .txtChart ul li b, .scholar .infoBox .addtxt b{font-weight:600; color:#365a99;}
.scholar .infoBox .info .txtChart ul li + li{margin-top:15px; padding-top:15px; border-top:solid 2px #54657c;}
.scholar .infoBox .addtxt{color:#666; margin-top:15px;}
.scholar .infoBox .imgBox{width:100%; margin:0 auto; margin-top:20px;}
.scholar .infoBox .tb{margin:0 auto; margin-top:20px; max-width:1044px;}
.scholar .infoBox .tb table{width:100%; border-collapse:collapse;}
.scholar .infoBox .tb table + .txt{margin-top:15px;}
.scholar .infoBox .tb .txt{font-size:15px; font-weight:400; line-height:1.2em;}
.scholar .infoBox .tb .txt b{font-weight:600; color:#365a99;}
.scholar .infoBox .tb table th, .scholar .infoBox .tb table td{padding:10px 8px; font-size:18px;}
.scholar .infoBox.vs{border-color:#365a99;}
.scholar .infoBox.vs .int{border-color:#365a99;}
.scholar .infoBox.vs .int b{background:#365a99;}
.scholar .infoBox.vs .int span{color:#365a99;}
.scholar .infoBox.vs .imgBox{display:flex; justify-content:center; gap:30px; align-items:center; max-width:1044px;}
.scholar .infoBox.vs .tb table{border:2px solid #365a99; border-width:2px 0; margin-top:15px;}
.scholar .infoBox.vs .tb table .bg{background:#edf4fe;}
.scholar .infoBox.vs .tb table th{font-weight:600; color:#365a99;}
.scholar .infoBox.vs .tb table td{color:#365a99; border-top:1px solid #365a99;}
.scholar .infoBox.hi .tb table{border-bottom:1px solid #54657c}
.scholar .infoBox.hi .tb table th{font-weight:600; color:#fff; background:#54657c;}
.scholar .infoBox.hi .tb table td{border:1px solid #54657c;}
.scholar .infoBox.hi .tb table td:first-child{border-left:0;}
.scholar .infoBox.hi .tb table td:last-child{border-right:0;}
.scholar .infoBox.hi .tb table .bg{background:#fffce6;}

/*------------------------------------------------  sub05 ------------------------------------------------*/

/*--- myshelf ----*/
.myshelf{width:100%; margin:0 auto;}
.myshelf .btn_area{text-align:inherit;}
.myshelf .btn_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.myshelf .btn_area .btn_openLibrary{float:left;}
.myshelf .btn_area .btn_align{float:right;}
.myshelf .btn_area .btn_align .btn_viewlist{border:0;;}
.myshelf .btn_area .btn_align a{margin:0}
.btn_openLibrary .btn_h40_t02{width:auto; padding:0 15px;}
.myshelf .nb_color2{margin:30px 0;}
.folder_top{display:flex; justify-content:space-between; margin-top:30px;}
.folder_top .tip{position:relative; padding:0 40px 0 0;}
.folder_top .tip > p{color:#365a99; line-height:1.3em;}
.folder_top .tip > p + p{margin-top:6px;}
.folder_top .tip .openTip{display:inline-block; position:absolute; top:-5px; right:0; text-align:right; z-index:2;}
.folder_top .tip .openTip a{display:inline-block; width:30px; height:30px; background:url(../images/i_bang.png) no-repeat center; background-size:30px;}
.folder_top .tip .openTip a:focus + .info, .folder_top .tip .openTip a:hover + .info{display:block;}
.folder_top .tip .openTip .info{display:none; padding:15px; background:#fff; border-radius:5px; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);}
.folder_top .btnArea{display:inline-block;}
.folder_top .btnArea a{display:inline-block; width:40px; height:40px; border-radius:50%; border:solid 3px #365a99;}
.folder_top .btnArea a:hover, .folder_top .btnArea a.on{border-color:#0093ee; transition:ease 0.3s;}
.folder_top .btnArea .btnAdd{background:url(../images/i_move.png) no-repeat center;}
.folder_top .btnArea .btnSet{background:url(../images/i_set2_indigo.png) no-repeat center;}
.folder_top .btnArea .tack{background:url(../images/i_tack.png) no-repeat center;}
.folder_top .btnArea .btnAdd:hover, .folder_top .btnArea .btnAdd.on{background-image:url(../images/i_move_blue.png);}
.folder_top .btnArea .btnSet:hover, .folder_top .btnArea .btnSet.on{background-image:url(../images/i_set2_blue.png);}
.folder_top .btnArea .tack:hover, .folder_top .btnArea .tack.on{background-image:url(../images/i_tack_bluef.png);}
/*--- 폴더형 스와이퍼 ----*/
.folderCont{width:100%; margin:0 auto; padding:30px 0;}
.folderCont, .folderCont *{box-sizing:border-box;}
.folderCont > div{width:100%; margin:0 auto; max-width:1200px;}
.folderCont .btnArea{margin-top:30px; text-align:center;}
.folderCont .btnArea a{box-sizing:content-box; height:34px;}
.folderCont .folder_area{height:185px; z-index:auto}
.folderCont .folder_wrap > div{width:230px; padding:25px 20px; background:#f6f7f8; text-align:center; position:relative;}
.folderCont .folder, .folderCont .folder_add p{line-height:22px; color:#365a99; font-weight:500;}
.folderCont .folder:hover > i, .folderCont  .folder i.on{width:100%; height:100px; display:block; background:url(../images/folder_open.png) no-repeat 36px 0;}
.folderCont .folder > i{width:100%; height:100px; display:block; background:url(../images/folder_close.png) no-repeat 36px 0;}
.folderCont .folder p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:14px; line-height:20px;}
.folderCont .folder a{display:block; width:40px; height:40px; line-height:40px; background:#1dc28a; border-radius:40px; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); position:absolute; top:78px; left:148px;}
.folderCont .folder a i{line-height:40px; margin-top:-5px;}
.folderCont .folder_add a:hover i{width:100%; height:100px; display:block; background:url(../images/folder_add_h.png) no-repeat 36px 0;}
.folderCont .folder_add i{width:100%; height:100px; display:block; background:url(../images/folder_add.png) no-repeat 36px 0;}
.folderCont .folder_add a.btn_h24_t01{margin-top:14px;}
.folderCont .folder_area, .folderCont .folder_wrap.swiper-wrapper{z-index:auto;}
/*--- 폴더형 리스트형 ----*/
.folderCont .list_area{overflow:hidden;}
.folderCont .list_area .folder_wrap{display:flex; flex-wrap:wrap; gap:12px;}
.folderCont .list_area .folder_wrap > div{width:calc(20% - 9.6px); padding:0; background:none; box-sizing:border-box;}
.folderCont .list_area .folder a{right:0; top:0; left:auto; box-shadow:none;}
.folderCont .list_area .folder_add a.btn_h24_t01{margin:0;}
.folderCont .list_area .folder p{width:100%; border-radius:40px; border:1px solid #ddd; overflow:hidden; line-height:40px; text-align:left; padding:0 15px 0 38px; margin:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box;
background:#f6f7f8 url(../images/i_folder4.png) no-repeat left 15px center;}
.folderCont .list_area .folder p.on{border-color:#0093ee; background-color:#0093ee; color:#fff; background-image:url(../images/i_folder3.png) }
.folderCont .list_area .folder_add{border:0; background:none; padding:0 !important;}
.folderCont .list_area .folder_add a{width:100%; text-align:center;}
.folderCont .list_area .folder_add em{display:inline-block; margin-left:5px; font-size:14px; }
.folderCont + .board_top{margin-top:30px;}
.folderCont.fixedTop{position:fixed; left:0; top:0; background:#fff; width:100%; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); padding:30px 20px; z-index:22;}
.folderCont.fixedTop .swiper-container{height:140px}
.folderCont.fixedTop .swiper-container .folder > i{height:60px; background-size:auto 60px; background-position:61px 0;}
.folderCont.fixedTop .swiper-container .folder a{top:54px; left:134px;}
.folderCont.fixedTop .swiper-container .folder p{font-size:13px;}
.folderCont.fixedTop .swiper-container .folder_add p{font-size:13px; line-height:1.3em; letter-spacing:-0.05em;}
.folderCont.fixedTop .swiper-container .folder_add a.btn_h24_t01{margin-top:8px;}
.myshelf .board_top .right_area .btn_excel{height:34px; box-sizing:content-box;}
.myshelf .board_top.msTop01{border-bottom:solid 3px #6c82a9; padding-bottom:15px;}
.myshelf .btn_align .btn_viewlist{border-left:0;}
.myshelf .table_t02{margin-top:15px;}
.myshelf .board_top .left_area a{margin-right:5px;}
.myshelf .board_top .left_area a i{margin:11px 7px 0 0;}
.myshelf .table_t02 td{vertical-align:top;}
.board_top .right_area .total{display:inline-block; float:left; line-height:40px;}
.board_top .right_area .total span{display:inline-block; margin-right:8px;}
.board_top .right_area .total b{display:inline-block; margin-right:5px; color:#365a99;}
.bookInfo{width:100%; box-sizing:border-box;}
.bookInfo p.book_title{width:100%; font-size:20px; font-weight:600; line-height:30px;}
.bookInfo ul{width:100%; margin-top:15px;}
.bookInfo ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.bookInfo ul li{display:inline-block; line-height:28px; padding-left:24px; margin-right:20px; box-sizing:border-box; float:left;}
.bookInfo ul li:last-child{margin-right:0;}
.bookInfo ul li b, .bookInfo .place b{padding-right:15px; color:#6c82a9; font-weight:500; display:inline-block;}
.bookInfo ul li span{display:inline-block;}
.bookInfo ul li.author{background:url(../images/i_author.png) no-repeat left center;}
.bookInfo ul li.publisher{background:url(../images/i_publisher.png) no-repeat left center;}
.bookInfo ul li.day{background:url(../images/i_cal.png) no-repeat left center;}
.bookInfo .place{width:100%; background:url(../images/i_place.png) no-repeat left center;line-height:28px; padding-left:24px; box-sizing:border-box;}
.bookInfo .place a{display:block; width:100%; position:relative; display:table;}
.bookInfo .place a small{display:block; width:24px; height:24px; position:absolute; background:#6c82a9; border-radius:24px; right:0; top:2px; text-align:center;}
.bookInfo .place a:hover span, .bookInfo .place a.on span{color:#0093ee;}
.bookInfo .place a i{margin-top:10px; vertical-align:top;}
.bookInfo .place a.on small, .bookInfo .place a:hover small, .bookInfo .place a:hover small{background:#0093ee; transition:0.3s ease;}
.bookInfo .place a.on:hover i{background:url(../images/i_white_up.png) no-repeat 0 0; margin-top:7px; transition:0.3s ease;}
.open_box_wrap{width:100%; margin:0 auto; box-sizing:border-box; margin:15px 0 10px 0;}
.open_box{width:100%; margin:0 auto; box-sizing:border-box; border-radius:15px; border:2px solid #6c82a9; margin:15px 0 10px 0; overflow:hidden; text-align:center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);}
.bookInfo .btn_area{margin:0; padding:0; padding-top:15px !important; text-align:left !important;}
.bookInfo .table_result td, .bookInfo .table_result th{border-bottom:1px solid #6c82a9;}
.myshelf .rd-list{width:100%; margin:0 auto;}
.myshelf .rd-list .list_gallery_wrap{width:1200px;}
.myshelf .rd-list .list_gallery{width:1238.4px;}
.myshelf .rd-list .list_gallery li{margin:10px 38.4px 10px 0; min-height:342px;}
.rd-lis span.c_title{display:block; font-weight:500;}
.rd-list .listTop{width:100%; display:flex; justify-content:flex-start; align-items:center; margin-bottom:5px;}
.rd-list .listTop .chk{width:30px;}
.rd-list .listTop .topstar{width:26px; margin-right:5px;}
.rd-list .listTop .tit{font-weight:500; width:calc(100% - 60px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rd-list .only_txt{display:block; height:282px; padding:15px 10px;box-sizing:border-box; line-height:20px; text-align:center; overflow:hidden; text-overflow:ellipsis;}
.rd-list .only_txt span{display:block; margin:10px 0;}
.rd-list .only_txt small{display:block; font-size:14px;line-height:25px; border-radius:25px; color:#6c82a9; position:relative;}
.rd-list .only_txt small:after{content: " ";display:block;height:2px;width:16px;left:50%;margin-left:-8px; background:#6c82a9; bottom:-3px; position:absolute;}
.myShelfDraggingContainer {background:#1866ad; border:1px solid #136abc; display: inline-block; padding:0 20px; line-height: 24px; height: 24px; color: #fff; text-align: center;   }
 #a1 .rd_top,  #a2 .rd_top, #a3 .rd_top, #a4 .rd_top, #a5 .rd_top, #a6 .rd_top, #a7 .rd_top{border:0;}
 
.myshelf .result_noLimit{border-top:solid 3px #365a99; margin-top:10px;}
.myshelf .list_gallery_wrap{padding-top:10px;}
 

/*------------------------------------------------  sub06 ------------------------------------------------*/


/*----------------  층별시설안내 ----------------*/
.facilities01, .facilities02, .facilities03, .facilities04, .facilities05, .facilities06, .facilities07, .facilities08, .drop_wrap, .drop_down{width:100%; margin:0 auto;}
.drop_wrap{width:100%; margin:0 auto;}
.drop_wrap div{box-sizing:border-box;}
.drop_wrap > div.tit{width:100%; margin:0 auto; background-color:#365a99; border-bottom:0; text-align:center; border-radius:10px 10px 0 0;}
.drop_wrap > div.tit b{display:inline-block; font-size:16px; color:#fff; font-weight:500; line-height:50px;}
.drop_down{margin-top:2px;}
.drop_down .list, .drop_down .list_on{width:100%; margin:0 auto; position:relative; min-height:55px;}
.drop_down .list{background:#eeeff0; padding:0 55px 0 90px; overflow:hidden; }
.drop_down .list:after{content: " "; display: block; width:55px; height:55px; background:url(../images/drop_down.png) no-repeat center; position:absolute; right:0; top:0;}
.drop_down .list b, .drop_down .list i, .drop_down .list a, .drop_down .list_on b, .drop_down .list_on i, .drop_down .list_on a{box-sizing:border-box;}
.drop_down .list b{width:90px; text-align:center; font-size:23px; font-weight:600; color:#8e9094; line-height:55px; text-align:center; background:#dcddde; position:absolute; left:0; top:0; box-sizing:border-box;}
.drop_down .list p{width:100%; line-height:1.5em; margin-top:16px; padding:0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.drop_down .list_on{border:solid 2px #365a99; padding:0 51px 0 90px;}
.drop_down .list_on:after{content: " "; display: block; width:51px; height:51px; background:url(../images/drop_up.png) no-repeat center; position:absolute; right:0; top:0;}
.drop_down .list_on b{width:90px; text-align:center; font-size:23px; font-weight:600; color:#fff; background:#365a99; line-height:51px; height:51px; position:absolute; left:0; top:0;}
.drop_down .list_on p{width:100%; line-height:1.5em;  color:#365a99; padding:14px 20px 14px 20px; box-sizing:border-box;}
.drop_down .list p + a, .drop_down .list_on p + a{display:block; width:55px; height:55px; position:absolute; right:0; top:0; z-index:1;}
.drop_down .img_wrap{width:100%; margin:0 auto; text-align:center; padding:30px 0; box-sizing:border-box;}
.drop_down .list.none{padding-right:0;}
.drop_down .list.none:after{display:none;}
.drop_down .openArea.dis_n{width:100%; margin:0 auto; display:none; height:0; opacity:0;}
.drop_down .openArea{height:auto; opacity:1; display:block;  transition:ease 0.3s; border-left:1px solid #d5d9de; border-right:1px solid #d5d9de;}

.roundBox{width:100%; margin:0 auto; padding:20px; background-color:#f3f6fa; border-radius:15px; box-sizing:border-box;}
.roundBox .tit{font-weight:500;}
.roundBox .tit + ul{margin-top:10px;}
ul + .roundBox{margin-top:10px;}

/*----------------  DMP 작성 지원 ----------------*/
/*- DMP t01 -*/
.dmp_guide{width:100%; margin:0 auto;}
.dmp_guide .table_t04{width:650px;}
.dmp_guide .table_t04 a{margin:0 2px;}
.dmp_guide p{line-height:28px;}
.dmp_guide h4 + div h5:nth-of-type(1){margin-top:0;}
.dmp_guide ul.txt_list + .drop_wrap{padding-top:15px;}
.dmp_guide .drop_down .list, .dmp_guide .drop_down .list_on{padding-left:0;}
.dmp_guide .drop_down .list p, .dmp_guide .drop_down .list_on p{widtlh:100%;}
.dmp_guide .drop_down .openArea .intro{padding:15px; box-sizing:border-box;}
.dmp_guide .drop_down .openArea .inner{width:100%; display:table;border-top:1px solid #d5d9de; border-collapse:collapse;border-bottom:1px solid #d5d9de;box-sizing:border-box;}
.dmp_guide .drop_down .openArea .inner > div{display:table-cell; text-align:center; vertical-align:middle; padding:15px; box-sizing:border-box;}
.dmp_guide .drop_down .openArea .inner .cont{width:calc(100% - 250px); box-sizing:border-box; padding:15px;}
.dmp_guide .drop_down .openArea .inner .btn_area{border-left:1px solid #d5d9de; width:250px; padding:15px 5px; text-align:center;}
.dmp_guide .drop_down .openArea .inner .btn_area a.btn_h40_t02{width:190px; margin:5px;}
.dmp_guide .drop_down .openArea .inner .btn_area sapn{display:inline-block;}

/*----------------  open access ----------------*/
.oaWrap p{line-height:28px;}
.oaWrap h4 + div h5:nth-of-type(1){margin-top:0;}
.oaWrap ul.txt_list + .drop_wrap{padding-top:15px;}
.oaWrap .oa_info{width:100%; margin:0 auto;}
.oaWrap .oa_info li{width:100%; box-sizing:border-box; display:flex; align-items:stretch; border-radius:10px;}
.oaWrap .oa_info li *{box-sizing:border-box;}
.oaWrap .oa_info li + li{margin-top:10px;}
.oaWrap .oa_info li b{display:flex; justify-content:center; align-items:center;  width:150px; padding:15px 0; font-size:20px; font-weight:600; color:#fff; text-align:center; background:url(../images/oa_symbol.png) no-repeat left 10px center;}
.oaWrap .oa_info li p{width:100%; display:flex; align-items:center; padding:15px; line-height:1.5em; font-weight:500; color:#fff;}
.oaWrap .oa_info li:nth-of-type(1){background-color:#dab712;}
.oaWrap .oa_info li:nth-of-type(2){background-color:#44a448;}
.oaWrap .oa_info li:nth-of-type(3){background-color:#996600;}
.oaWrap .drop_down .list, .oaWrap .drop_down .list_on{padding-left:0;}
.oaWrap .drop_down .list p, .oaWrap .drop_down .list_on p{widtlh:100%;}
.oaWrap .drop_down .openArea .intro{padding:15px; box-sizing:border-box;}
.oaWrap .drop_down .openArea .inner{width:100%; display:flex; align-items:center; border-top:1px solid #d5d9de; border-collapse:collapse;border-bottom:1px solid #d5d9de;box-sizing:border-box;}
.oaWrap .drop_down .openArea .inner > div{ padding:15px; box-sizing:border-box;}
.oaWrap .drop_down .openArea .inner .cont{width:calc(100% - 250px); box-sizing:border-box; padding:15px;}
.oaWrap .drop_down .openArea .inner .cont .tit{color:#365999; line-height:1.5em;}
.oaWrap .drop_down .openArea .inner .cont .tit + ul{margin-top:10px;}
.oaWrap .drop_down .openArea .inner .btn_area{border-left:1px solid #d5d9de; width:250px; padding:15px 5px; text-align:center;}
.oaWrap .drop_down .openArea .inner .btn_area a.btn_h40_t02{width:190px; margin:5px;}
.oaWrap .drop_down .openArea .inner .btn_area a{word-break:break-all;}
.oaWrap .drop_down .openArea .inner .btn_area a + a{margin-top:8px;}
.oaWrap .drop_down .openArea .inner .btn_area sapn{display:inline-block;}
.oaWrap .oadrop{width:100%; padding:10px 0 15px;}
.oaWrap .oaList li{width:100%;}
.oaWrap .oaList li:last-child .oadrop{padding-bottom:0;}
.drop_down .list_on p{font-weight:500;}



/*
.openSlide{width:100%; margin:0 auto; margin-top:30px;}
.openSlide .list{width:100%; margin:0 auto;}
.openSlide .list + .list{margin-top:2px;}
.openSlide .list .tit{width:100%; margin:0 auto;}
.openSlide .list .tit span{display:inline-block; color:#365a99; margin-right:10px; padding-left:18px; position:relative;}
.openSlide .list .tit span:after{content:" "; display:block; width:6px; height:3px; background-color:#6c82a9; position:absolute; left:0; top:50%; margin-top:-1px;}
.openSlide .list .tit a{display:inline-block; position:relative; padding-right:23px;}
.openSlide .list .tit a:after{content:" "; display:block; width:7px; height:4px; background:url(../images/tap_down.png) no-repeat 0 0; position:absolute; right:10px; top:50%; margin-top:-2px;}
.openSlide .list .openArea{width:100%; margin:0 auto; margin-top:20px; padding-bottom:30px; display:none; height:0; opacity:0; transition:ease 0.3s;}
.openSlide .list.on .openArea{height:auto; opacity:1; display:block;}
.openSlide .list.on .tit a:after{transform:rotate(180deg);}
.openSlide .list .openArea ul + table{margin-top:15px;}
.SlideArea .inner{width:100%; margin:0 auto; padding:20px 35px; box-sizing:border-box; position:relative; overflow:hidden;}
.SlideArea .inner .cont{width:100%; margin:0 auto;}
.SlideArea .inner .btn_area{position:absolute; top:50%; left:0; margin-top:-19px; margin:0; padding:0;}
.SlideArea .inner .btn_area .prev{position:inherit; left:5px;}
.SlideArea .inner .btn_area .next{position:inherit; right:5px;}
.SlideArea .inner .paging{text-align:center; margin-top:10px;}
.openArea .btnArea > a{margin:5px;}
.openArea .btnArea p{line-height:28px; margin:5px;}
.openArea .btnArea p a, .openArea .btnArea p a i{vertical-align:baseline;}
.dmp_guide .tb_listWrap{width:80%; margin:0 auto;}
.dmp_guide .tb_listWrap + table{margin-top:30px;}
p + ul.tb_list{margin-top:10px;}
ul.tb_list{width:100%; margin:0 auto; overflow:hidden; border:1px solid #d5d9de; box-sizing:border-box;}
ul.tb_list li{float:left; display:block; width:50%;line-height:1.3em; padding:8px 15px; box-sizing:border-box; border-top:1px solid #d5d9de;}
ul.tb_list li:nth-child(1), ul.tb_list li:nth-child(2){border:0;}
ul.tb_list li.bg{background-color:rgba(255, 198, 0, 0.3);}
ul.tb_list li:nth-child(2n){border-left:1px solid #ccc;}*/

/*- DMP t02 -*/
.link_tit{overflow:hidden;}
.link_tit .tit{display:inline-block; float:left;}
.link_tit > a, .link_tit .source, .link_tit .nbTxt{float:right; font-size:15px; font-weight:normal; vertical-align:baseline;}
.link_tit .source i{vertical-align:baseline;}
.dmp_data_wrap{width:100%; margin:0 auto; overflow:hidden;}
.dmp_data_wrap > p{width:100%; margin-top:10px; text-align:right;}
.dmp_data{width:1220px; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.dmp_data li{width:calc(20% - 20px); margin-right:20px; float:left; display:block; box-sizing:border-box; min-height:235px; border:1px solid #d5d9de; padding:100px 15px 20px 15px; background-repeat:no-repeat; background-position:top 20px center; text-align:center; }
.dmp_data li b{display:block; margin-top:15px; color:#365a99; line-height:1.4em;}
.dmp_data li span{display:block; margin-top:10px; line-height:1.5em;}
.dmp_data li:nth-child(1){background-image:url(../images/dmp_i01.png);}
.dmp_data li:nth-child(2){background-image:url(../images/dmp_i02.png);}
.dmp_data li:nth-child(3){background-image:url(../images/dmp_i03.png);}
.dmp_data li:nth-child(4){background-image:url(../images/dmp_i04.png);}
.dmp_data li:nth-child(5){background-image:url(../images/dmp_i05.png);}

/*- DMP t03 -*/
.btn_h22_t01.btnOpen, .btn_h22_t01.btnClose{display:inline-block; position:relative; padding-right:23px;}
.btn_h22_t01.btnOpen:after{content:" "; display:block; width:7px; height:4px; background:url(../images/tap_down.png) no-repeat 0 0; position:absolute; right:10px; top:50%; margin-top:-2px;}
.btn_h22_t01.btnClose:after{content:" "; display:block; width:7px; height:4px; background:url(../images/tap_down.png) no-repeat 0 0; position:absolute; right:10px; top:50%; margin-top:-2px; transform:rotate(180deg);}
.dmp_check{width:100%; margin:0 auto; overflow:hidden; margin-top:30px; box-sizing:border-box;}
.dmp_check > div{width:calc(33.3333% - 20px); float:left; margin:0 10px;}
.dmp_check .drop_down .openArea .intro{padding:15px 20px;}
.dmp_check .openArea{border:1px solid #d5d9de;}
.dmp_check .drop_down .list p{line-height:1.5em; white-space:normal; padding:16.5px 20px 16.5px 20px; margin:0;}

/*- 연구윤리 -*/
.lineBox{width:100%; margin:0 auto; box-sizing:border-box; padding:30px; background-color:#f3f6fa; border-top:solid 3px #365a99;border-bottom:solid 3px #365a99;}
.lineBox p{font-weight:500; line-height:28px;}
.lineBox + p{margin-top:30px; line-height:28px;}
.dmp_data.eng li{min-height:277px;}

/*----------------  도서관후원 ----------------*/
.support{width:100%; margin:0 auto; overflow:hidden;}
ul.donation{width:100%; margin:0 auto; margin-top:30px;}
ul.funds{width:100%; margin:0 auto; margin-top:60px;}
ul.funds:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
ul.donation:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
ul.donation > li{width:100%; height:auto; padding:30px 30px 30px 175px; margin:15px 0 0 0; border:solid 1px #d5d9de; text-align:left; box-sizing:border-box;}
ul.donation > li:first-child, ul.funds li:first-child{margin-left:0;}
ul.funds li{float:left; width:32.3333%; height:380px; padding:130px 15px 0 15px; border:solid 1px #d5d9de; margin-left:1.5%; text-align:center; box-sizing:border-box}
ul.funds li a.btn_h40l_t03 i{margin-top:-5px;}
ul.donation > li:nth-child(1){background:url(../images/support_icon01.png) no-repeat 50px center;}
ul.donation > li:nth-child(2){background:url(../images/support_icon02.png) no-repeat 50px center;}
ul.donation > li:nth-child(3){background:url(../images/support_icon03.png) no-repeat 50px center;}
ul.donation > li:nth-child(4){background:url(../images/support_icon04.png) no-repeat 50px center;}
ul.funds > li:nth-child(1){margin-left:0; background:url(../images/support_icon05.png) no-repeat center 30px;}
ul.funds > li:nth-child(2){background:url(../images/support_icon06.png) no-repeat center 30px;}
ul.funds > li:nth-child(3){background:url(../images/support_icon07.png) no-repeat center 30px;}
ul.funds > li:nth-child(2) span.call{background: url(../images/call.png) no-repeat 112px center;}
ul.funds > li:nth-child(2) span.call:first-line{color:#101010;}
ul.funds > li:nth-child(3) a{margin-top:20px;}
ul.funds > li .tel{color:#101010; font-weight:400; display:block; margin-top:18px;}
ul.funds > li .tel i{margin-right:5px;}
ul.funds li b, ul.donation li b{font-size:20px; font-weight:700; display:block;}
ul.funds li p, ul.donation li p{margin-top:18px;line-height:23px;}
ul.funds li p:first-letter, ul.donation li p:first-letter{color:#0093ee; font-weight:700;}
ul.funds li span, ul.donation li span{display:block; margin-top:18px; line-height:23px;}
ul.funds li span:first-line, ul.donation li span:first-line{color:#0093ee; font-weight:700;}
ul.donation .num_list{width:100%; margin:0 auto; margin-top:18px;}
ul.donation .num_list li{display:block; margin-top:5px; text-align:left;}
ul.donation .num_list li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
ul.donation .num_list li b{display:inline-block; width:auto; float:none; font-size:15px; font-weight:700; color:#0093ee;line-height:23px; margin-right:5px;}
ul.donation .num_list li strong{display:inline-block; width:auto; float:none; font-size:15px; font-weight:400; color:#101010; line-height:23px; letter-spacing:-0.05em; box-sizing:border-box; padding-left:5px;}
 
/*----------------  도서관후원 영문 ----------------*/
.support_eng{width:100%; margin:0 auto; overflow:hidden;}
.support_eng ul.donation > li{float:none; width:100%; height:auto; padding:30px 30px 30px 175px; margin:15px 0 0 0; border:solid 1px #d5d9de; text-align:left; box-sizing:border-box;}
.support_eng ul.donation > li:first-child{margin-top:0;}
.support_eng ul.donation > li:nth-child(1){background:url(../images/support_icon01.png) no-repeat 50px center;}
.support_eng ul.donation > li:nth-child(2){background:url(../images/support_icon02.png) no-repeat 50px center;}
.support_eng ul.donation > li:nth-child(3){background:url(../images/support_icon03.png) no-repeat 50px center;}
.support_eng ul.donation > li:nth-child(4){background:url(../images/support_icon04.png) no-repeat 50px center;}
.support_eng ul.donation li p, .support_eng ul.donation li span{margin-top:10px;}
.support_eng ul.donation .num_list{width:100%; margin:0 auto; margin-top:18px;}
.support_eng ul.donation .num_list li{display:block; margin-top:5px; text-align:left;}
.support_eng ul.donation .num_list li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.support_eng ul.donation .num_list li b{display:inline-block; width:auto; float:none; font-size:15px; font-weight:700; color:#0093ee;line-height:23px; margin-right:5px;}
.support_eng ul.donation .num_list li strong{display:inline-block; width:auto; float:none; font-size:15px; font-weight:400; color:#101010; line-height:23px; letter-spacing:-0.05em; box-sizing:border-box; padding-left:5px;}
.support .inquiries ul li span, .support_eng .inquiries ul li span{ display:inline-block; margin-right:60px;}
.user_services{width:100%; margin:0 auto;}
.user_services ul.tap_t01 li{width:165px !important;}
 
/*----------------  소개/이용시간 ----------------*/
.Introduction{width:100%; margin:0 auto;}
.Introduction:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.Introduction .cont_full_txt{}
.missionVision{width:100%; margin:0 auto;}
.missionVision p{width:100%; margin:0 auto;}
.missionVision > p:first-child{margin-bottom:15px;}
.missionVision p span, .missionVision p strong{display:block;}
.missionVision p span{width:80%; margin:0 auto; position:relative;}
.missionVision p strong{font-size:18px; color:#fff; background:#365a99; padding:10px 0; position:absolute; left:-40px; top:50%; margin-top:-19px; text-align:center; width:80px; border-radius:40px; text-shadow:1px 1px 1px rgba(0, 0, 0, .6);}
.missionVision p b{display:inline-block; text-align:center; width:100%; font-size:20px; line-height:50px; border:3px solid #365a99; border-radius:20px; font-weight:500;}
.missionVision_eng{width:100%; margin:0 auto;}
.missionVision_eng p{width:100%; margin:0 auto;}
.missionVision_eng > p:first-child{margin-bottom:15px;}
.missionVision_eng p span, .missionVision p strong{display:block;}
.missionVision_eng p span{width:90%; margin:0 auto; position:relative;}
.missionVision_eng p strong{font-size:18px; color:#fff; background:#365a99; padding:10px 0; position:absolute; left:-45px; top:50%; margin-top:-19px; text-align:center; width:90px; border-radius:40px; text-shadow:1px 1px 1px rgba(0, 0, 0, .6);}
.missionVision_eng p b{display:inline-block; text-align:center; width:100%; font-size:20px; line-height:50px; border:3px solid #365a99; border-radius:20px; font-weight:500;}
.opening_hours{width:100%; margin:0 auto; }
.opening_hours:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.opening_hours .info_table{width:50%; float:left;}
.opening_hours .nb_color2{margin-top:15px; line-height:28px;}
.opening_hours .table_t01 tbody tr th a{color:#365a99; display:inline-block;line-height:18px;}
.opening_hours .table_t01 tbody tr th a i{display:inline-block; width:16px; height:16px; background:#365a99 url(../images/i_white_right.png) no-repeat center center; background-size:30%; border-radius:16px; vertical-align:top; margin:2px 0 0 5px;}
.opening_hours .table_t01 tbody tr th a:hover, .opening_hours .table_t01 tbody tr th .on{color:#0093ee;}
.opening_hours .table_t01 tbody tr th a:hover i, .opening_hours .table_t01 tbody tr th .on i{background-color:#0093ee;}
.opening_hours .facilities_info{width:50%; float:right; box-sizing:border-box; padding-left:30px;}
.opening_hours .facilities_info > div{width:100%; margin:0 auto;}
.opening_hours .facilities_info .img_wrap{width:100%; height:310px; overflow:hidden; box-sizing:border-box; border:solid 1px #d5d9de;}
.opening_hours .facilities_info img{width:100%; display:block;}
.opening_hours .facilities_info .cont_full_txt{margin-top:15px;}
.opening_hours .facilities_info .table_t04 tbody th, .opening_hours .facilities_info .table_t04 tbody td{text-align:left; padding:12px 20px;}
.opening_hours .facilities_info .table_t04 tbody th i{margin-right:10px;}
.opening_hours .facilities_info .btn_area {text-align:right; margin-top:20px; padding-top:0;}
.opening_hours .facilities_info .btn_area .btn_h40f_t01 i{margin:-4px 0 0 8px; letter-spacing:0.1em;}
.opening_hours a.link:hover{text-decoration:underline;}
.sub_topArea{width:100%; margin:0 auto; margin-top:60px;}
.sub_topArea:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.subtop_search input, .subtop_search select{float:left; display:block;}
.subtop_search a{float:left; display:block;}
.subtop_search:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
h4 +.sub_topArea{margin-top:0;}

/*----------------  찾아오시는길 ----------------*/
.map_area{margin-top:60px;}
.find_directions{width:100%; margin:0 auto; margin-top:20px;}
.find_directions:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.find_directions div{float:right;}
.find_directions span{display:block; float:left; margin-right:5px; line-height:40px;}
.find_directions input{float:left; margin-right:5px;}
.find_directions a{float:left;}

/*----------------  login ----------------*/
.login{width:100%; margin:0 auto; text-align:center;}
.login p{margin-top:30px;}
.login p b{display:block; font-size:18px;  color:#365a99;}
.login p span{display:block;}
.login p span small{font-size:15px;}
.input_box{border:solid 2px #e8e8e8; width:598px; margin:0 auto; margin-top:30px;}
.input_box span{display:block; padding-left:55px; width:543px; box-sizing:border-box;}
.input_box span.input_id{border-bottom:solid 1px #e8e8e8; background:url(../images/i_id.png) no-repeat 15px center;}
.input_box span.input_pass{background:url(../images/i_pass.png) no-repeat 15px center; position:relative;}
.input_box input{width:539px; height:60px; padding:23px 10px 23px 10px;  border:0; box-sizing:border-box;}
.login .btn_h40_t01{margin-top:30px;}
.login .btn_h40l_t02{width:auto; padding:0 20px;}
.input_box span.input_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;}
.input_box span.input_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;}

/*----------------  table style ----------------*/

table tbody tr td.left, table tbody tr th.left{text-align:left; padding:12px 10px;}
table tbody tr td.center, table tbody tr th.center{text-align:center;}
table tr td, table tr th{word-break:normal;}
.table_t01 select, .table_t02 select, .table_t03 select, .table_t04 select, .table_search select{ height:40px; min-width:80px; border:solid 1px #d5d9de;}
.table_t01{width:100%; margin:0 auto; border-top:solid 3px #365a99; border-collapse:collapse;}
.table_t01 tr td, .table_t01 tr th{border:solid 1px #d5d9de; line-height:28px; padding:12px 0; text-align:center; vertical-align:middle;}
.table_t01 tr th{font-weight:500;}
.table_t01 thead{background:#f3f6fa;}
.table_t01 tbody th{color:#365a99;}
.table_t01 tfoot{}
.table_t01 tfoot tr td{line-height:1em; height:1em; vertical-align:middle; border:0; color:#365a99; text-align:left; padding-top:20px; font-weight:500;}
.t_wrap{width:100%; margin:0 auto; margin-top:60px;}
.table_t02{width:100%; margin:0 auto; border-top:solid 3px #365a99; border-collapse:collapse;}
.table_t02 tr td, .table_t02 tr th{border-bottom:solid 1px #d5d9de; line-height:28px; padding:12px 5px; text-align:center; vertical-align:middle;}
.table_t02 tr th{font-weight:500;}
.table_t02 thead{background:#f3f6fa;}
.table_t02 tbody th{color:#365a99;}
.table_t02 .btn_h22_t03{margin-left:5px;}
.table_t02_cal{width:100%; margin:0 auto; border-top:solid 3px #365a99; border-collapse:collapse;}
.table_t02_cal tr td, .table_t02_cal tr th{border:solid 1px #d5d9de; line-height:28px; min-height:48px;;}
.table_t02_cal tr th{font-weight:500; padding:10px; text-align:center;}
.table_t02_cal tr td{text-align:left; vertical-align:top; padding:10px; height:150px;}
.table_t02_cal tr strong{width:100%; display:block; text-align:right;}
.table_t02_cal thead{background:#f3f6fa;}
.table_t02_cal tbody th{color:#365a99;}
.table_t02_cal tbody tr td.left{text-align:left; padding-left:10px;}
.table_t02_cal .btn_h22_t03{margin-left:5px;}
table a.schedule{display:block; width:100%; box-sizing:border-box; padding:5px; background:#6c82a9; border-radius:5px; color:#fff; font-size:14px; font-weight:500;
 line-height:21px; height:90px; overflow:hidden; letter-spacing:-0.05em;}
table a.end{display:block; width:100%; box-sizing:border-box; padding:5px; background:#999; border-radius:5px; color:#fff; font-size:14px; font-weight:500;
 line-height:21px; height:90px; overflow:hidden; letter-spacing:-0.05em;}
table a.schedule:hover, table a.end:hover{background:#0093ee;}
.table_t03{width:100%; margin:0 auto; border-collapse:collapse;}
.table_t03 tr td, .table_t03 tr th{border-bottom:solid 1px #d5d9de; line-height:28px; padding:12px 0; text-align:center; vertical-align:middle;}
.table_t03 tr th{font-weight:500; text-align:center; background:#f3f6fa;}
.table_t03 tr td{text-align:left;padding:5px 15px;}
.table_t03 thead td{border-left:0; text-align:right; padding-right:0;}
.table_t03 tbody{ border-top:solid 3px #365a99;}
.table_t03 tbody th{color:#365a99;}
.table_t03 .nb_color3{vertical-align:middle; margin-left:10px; display:inline-block; width:auto; line-height:40px;}
.table_t03 span.call{display:inline-block; box-sizing:border-box; width:20%;}
.table_t03 .btn_h40_t01, .table_t03 .btn_h40_t02{width:auto; border-radius:0; padding:0 13px;}
.table_t03 i{margin-top:-5px;}
.table_t03 i.plus, .table_t03 i.minus{margin-top:-5px;}
.table_t03 small{margin-left:10px;}
.table_t03 textarea{width:100%; padding:5px; border:0; min-height:250px; border:solid 1px #d5d9de;}
.table_t03 textarea.tat2{width:100%; padding:5px; border:0; min-height:100px; border:solid 1px #d5d9de;}
.table_t04{width:100%; border-left:solid 3px #365a99; border-collapse:collapse; margin-top:20px;}
.table_t04 tr td, .table_t04 tr th{border:solid 1px #d5d9de; line-height:28px; padding:12px 0; text-align:center; vertical-align:middle;}
.table_t04 th{color:#365a99;}
.tb_input{padding:12px;}
.tb_input select, .tb_input input{width:80%; float:left; margin-left:10px;}
.tb_input a{float:right; margin-right:10px;}
.requisite{font-size:24px; color:#f84e57;}
table label{margin-right:15px;}
.td_txt_box{width:100%;height:40px;; padding:0 10px; border:solid 1px #d5d9de; vertical-align:bottom; box-sizing:border-box;}
.td_txt_box2{width:74.2%;height:40px; padding:0 10px; border:solid 1px #d5d9de; vertical-align:top; box-sizing:border-box;}
.td_txt_box3{width:83%;height:40px; padding:0 10px; border:solid 1px #d5d9de; vertical-align:top; box-sizing:border-box;}
.td_txt_box4{width:50%;height:40px; padding:0 10px; border:solid 1px #d5d9de; vertical-align:top; box-sizing:border-box;}
.td_txt_box5{width:30%;height:40px; padding:0 10px; border:solid 1px #d5d9de; vertical-align:top; box-sizing:border-box;}
.td_txt_box6{width:15%;height:40px; padding:0 10px; border:solid 1px #d5d9de; vertical-align:top; box-sizing:border-box;}
.td_txt_box80{width:80%;height:40px; padding:0 10px; border:solid 1px #d5d9de; vertical-align:top; box-sizing:border-box;}
.td_txt_box200{width:200px;height:40px; padding:0 10px; border:solid 1px #d5d9de; vertical-align:top; box-sizing:border-box;}
td.over{line-height:22px;}
td.over > span{margin-top:5px;}
td.over > span, td.over b{display:block; width:100%; line-height:28px;}
td.over b{font-weight:400;}
.table_wrap{width:100%; margin:0 auto; margin:30px 0;}
.td_bg1{background:#f3f6fa;}
.td_bg2{background:#d5d9de;}
.table_select tr:hover{background:#f6f7f9;}
table tr td.ta_left{text-align:left; padding-left:10px;}
td.over .chk_1{display:block; font-weight:400;}
td.over .chk_1 span{display:inline-block; margin:5px 0 0 5px;}
td.over .nb{display:inline-block; padding:5px 0;}
.moreView{display:inline-block; line-height:30px; padding:0 55px 0 15px; background:url(../images/drop_down_b.png) no-repeat right 15px center; font-weight:600; opacity:0.8;}
.closeView{display:inline-block; line-height:30px; padding:0 55px 0 15px; background:url(../images/drop_up.png) no-repeat right 15px center; font-weight:600; opacity:0.8;}
.moreView:hover, .moreView:focus, .closeView:hover, .closeView:focus{opacity:1; transition:ease 0.3s;}


/*----------------  board/게시판 ----------------*/
.board{width:100%; margin:0 auto;}
.board_top{width:100%; margin:0 auto; margin-top:60px;}
.board_top:after, .board_top .left_area:after, .board_top .right_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.board_top .left_area{float:left;}
.board_top .left_area a, .board_top .left_area select, .board_top .left_area input, .board_top .left_area button{display:block; float:left; margin-right:5px; height:40px;}
.board_top .right_area{float:right;}
.board_top .right_area a, .board_top .right_area input, .board_top .right_area button{display:block; float:left; margin-left:5px; height:40px;}
.board_top .right_area select{float:left; display:block;  margin-left:5px;}
.board .table_t02, .board .table_t02_cal{margin-top:30px;}
.board_top .btn_h40_t01, .board_top .btn_h40_t02{width:auto; padding:0 15px; border-radius:0;}
.board_top .btn_align, .board_top .btn_align_cal{width:auto; float:right;}
.board_top .btn_align:after, .board_top .btn_align_cal:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.board_top .btn_align a, .board_top .btn_align_cal a{display:block; float:left;}
.board_top .left_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.board_top .left_area a, .board_top .left_area span{float:left; display:block;}
.board_top .left_area span{line-height:38px; height:38px; padding:0 15px; border:solid 1px #d5d9de;}
.board_top .left_area a{line-height:40px; height:40px; background:#365a99; margin:0; padding:0 15px;}
.board_top .left_area a i{margin:0;}
.board_top .left_area b{font-size:20px;}
.board_top .left_area a:hover{background:#0093ee;}
.board_top input[type="text"]{width:200px;}
.board_view{width:100%; margin:0 auto;}
.board_view h4:before{display:none;}
.board_view h4{width:100%; border-top:solid 3px #365a99; border-bottom:solid 1px #d5d9de; font-size:23px; font-weight:500; box-sizing:border-box; padding:20px 0;}
.board_top + .search_collection{margin-top:30px;}
.board_top .left_area .noDate{background-color:#bababa; cursor:none; pointer-events:none;}
.notice_info{width:100%; margin:0 auto; border-bottom:solid 1px #d5d9de; padding:10px 0;}
.notice_info:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.notice_info ul{float:left;}
.notice_info ul li{float:left; display:block; line-height:40px;}
.notice_info ul li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.notice_info ul li b{margin-right:5px;}
.notice_info ul li span{margin-right:20px;}
.notice_info > span{display:block;}
.notice_info > span:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.notice_info > span small{display:inline-block; font-size:15px; margin-right:10px; line-height:40px; word-break:break-all;}
.notice_info > span small b{display:inline-block; margin-right:8px;}
.notice_info > span a.btn_h28_t02{display:inline-block; vertical-align:middle;}
.notice_info > span a i{background-size:100%; width:15px; margin-right:5px;}
.t_content{width:100%; margin:0 auto; padding:40px 0; border-bottom:solid 1px #d5d9de;}
.t_content p{line-height:28px;}
.attached_file{width:100%; margin:0 auto; border-bottom:solid 1px #d5d9de; background:#f3f6fa;}
.attached_file:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.attached_file > p{width:14.9%; height:100%; vertical-align:central;line-height:50px; font-weight:500;box-sizing:border-box; padding-left:20px;float:left;}
.attached_file ul{width:85%; background:#fff; border-left:solid 1px #d5d9de; float:right;}
.attached_file ul li{display:block; line-height:50px; padding-left:20px; border-top:solid 1px #d5d9de;}
.attached_file ul li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.attached_file ul li:first-child{border:0;}
.attached_file ul li a{float:left;}
.attached_file ul li a i{margin-right:10px;}
.attached_file ul li a b{font-size:15px; font-weight:500;}
.attached_file ul li a span{margin-left:10px; color:#777;}
.attached_file ul li a:hover b{color:#0093ee;}
.attached_file ul li span.d_num{float:right; display:block;}
.attached_file ul li span.d_num i{margin:-5px 10px 0 0;}
.btn_board_list{width:100%; margin:0 auto; position:relative; margin-top:60px; height:auto; padding-bottom:40px;}
.btn_board_list a{display:inline-block; position:absolute; font-weight:500;}
.btn_board_list a:nth-child(1){line-height:40px; left:0; top:0;}
.btn_board_list a.btn_h40l_t02{left:50%; margin-left:-37.725px; top:0; width:auto; padding:0 20px;}
.btn_board_list a:nth-child(3){line-height:40px; right:0; top:0;}
.btn_board_list a:nth-child(1):hover, .btn_board_list a:nth-child(3):hover{color:#0093ee;}
.btn_board_list a:nth-child(1):hover i{ background:url(../images/i_blue_left.png) no-repeat 0 0;}
.btn_board_list a:nth-child(3):hover i{background:url(../images/i_blue_right.png) no-repeat 0 0;}
.board_write{width:100%; margin:0 auto; margin-top:60px;}
.board_faq{width:100%; margin:0 auto;}
.board_faq ul.tap_t01{box-sizing:border-box;}
.board_faq ul.tap_t01:after{content: " ";display: block;height: 0;clear: both; visibility: hidden; }
.board_faq ul.tap_t01 li{margin-bottom:4px; width:19.25%; box-sizing:border-box; margin-left:5px;}
.board_faq ul.tap_t01 li a{width:100%; letter-spacing:-0.05em;}
.board_faq_eng{width:100%; margin:0 auto;}
.board_faq_eng ul.tap_t01{box-sizing:border-box;}
.board_faq_eng ul.tap_t01:after{content: " ";display: block;height: 0;clear: both; visibility: hidden; }
.board_faq_eng ul.tap_t01 li{margin-bottom:4px; width:19.58%; box-sizing:border-box; margin-left:5px; float:left; position:relative;}
.board_faq_eng ul.tap_t01 li a{width:100%; letter-spacing:-0.05em; font-size:13.5px; padding:18px 0 8px 0; min-height:50px; box-sizing:border-box;}
.board_faq_eng ul.tap_t01 li a i{position:absolute; left:50%; marghin-left:-3.5px; bottom:8px;}
.board_faq_eng ul.tap_t01 li:nth-child(6) a{width:100%; letter-spacing:-0.05em; font-size:13.5px; padding:9px 0 8px 0; min-height:50px; box-sizing:border-box;}
.board_notice{width:100%; margin:0 auto;}
.board_notice ul.tap_t01{box-sizing:border-box;}
.board_notice ul.tap_t01:after{content: " ";display: block;height: 0;clear: both; visibility: hidden; }
.board_notice ul.tap_t01 li{margin-bottom:4px; width:15%; box-sizing:border-box; margin-left:5px;}
.board_notice ul.tap_t01 li a{width:100%;}
.faq_box{width:100%; margin:0 auto;}
.faq_box .faq_title{width:100%; margin:0 auto; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; vertical-align:middle;}
.faq_box .faq_title:after, .faq_box .faq_answer:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.faq_box .faq_title:hover{cursor:pointer; background:#fafcff;}
.faq_box .faq_title b{display:block; width:38px; height:38px; text-align:center; border:solid 2px #0093ee; color:#0093ee; border-radius:38px; line-height:38px; float:left; margin:20px;}
.faq_box .faq_title p{ float:left; margin-top:34px; font-weight:500;}
.faq_box .faq_cont{width:100%; margin:0 auto; background:#f6f7f9; padding-bottom:30px;}
.faq_box .faq_cont b.i_answer{float:left;display:block; width:38px; height:38px; text-align:center; border:solid 2px #f84e57; color:#f84e57; border-radius:38px; line-height:38px; float:left; margin:20px;}
.faq_box .faq_cont p.answer{float:left; margin-top:34px; line-height:28px;}
.faq_box .faq_cont a{color:#365a99; font-weight:500;}
.faq_box .faq_cont a:hover{color:#0093ee;}
.faq_box .faq_cont .attached_file{width:90%; margin:0 auto; border-top:solid 1px #d5d9de; background:none; margin-top:20px;}
.faq_box .faq_cont .attached_file ul{background:none;}

/*----------------  board_gallery ----------------*/
.board_gallery{width:1200px; margin:0 auto; border-top:solid 3px #365a99; overflow:hidden; margin-top:60px;}
ul.board_gallery_list{width:1220px; margin:0 auto; }
ul.board_gallery_list:after{content: " ";display: block;height: 0;clear: both;visibility: hidden; }
ul.board_gallery_list li{float:left; display:block; margin:30px 20px 0 0;}
ul.board_gallery_list li > a{display:block; overflow:hidden; width:285px; height:115px;  border:solid 1px #e8e8e8; box-sizing:border-box; position:relative;}
ul.board_gallery_list li > a img{width:283px; height:113px;}
ul.board_gallery_list li > a .ban_label{display:block; line-height:28px; padding:0 15px; background:#365a99; color:#fff; font-weight:500; border-radius:28px  0 0 28px; position:absolute; right:0; top:10px;}
ul.board_gallery_list li > a:hover .overview{transition:0.5s ease-in-out; top:0; left:0;}
ul.board_gallery_list li .img_info{display:block; border:solid 1px #e8e8e8; border-top:0; width:285px; box-sizing:border-box; padding:15px;}
ul.board_gallery_list li .img_info a{display:block; width:100%; line-height:22px; height:48px; overflow:hidden; text-overflow:ellipsis; text-align:justify;}
ul.board_gallery_list li .img_info a span{display:block; line-height:22px; height:48px; overflow:hidden; text-overflow:ellipsis;}
ul.board_gallery_list li .img_info > span{display:block; width:100%; color:#8e9094; text-align:right;}
ul.board_gallery_list li .img_info a:hover{text-decoration:underline;}
ul.board_gallery_list li .overview{display:block; text-align:center; background:url(../images/search_bg01.png) repeat 0 0; position:absolute; width:285px; height:118px; top:285px; left:0;}
ul.board_gallery_list li .overview i{display:inline-block; width:44px; height:44px; background:url(../images/btn_search.png) no-repeat 0 0; margin-top:20px;}
ul.board_gallery_list li .overview b{display:block; color:#fff; font-weight:500; margin-top:10px; }

/*----------------  paginate ----------------*/
.paginate {height:40px; margin-top:40px; text-align:center;}
.paginate .arrow{display:inline-block; position:relative; width:38px; height:38px; overflow:hidden; text-indent:-999px; border:1px solid #8e9094;background:#fff;}
.paginate .arrow:before{content:'';position:absolute;top:50%;left:50%;width:11px;height:11px;margin:-5px 0 0 -5px;background:url(../images/btn_paginate.png) 0 0 no-repeat;}
.paginate .arrow.prev,.paginate .arrow.end{margin-left:-5px;}
.paginate .arrow.prev:before{background-position:0 -11px;}
.paginate .arrow.next:before{background-position:0 -22px;}
.paginate .arrow.end:before{background-position:0 -33px}
.paginate .num{display:inline-block;margin:0 9px;vertical-align:top;}
.paginate .num a{display:inline-block;width:38px;height:38px;margin:0 1px;color:#737373;font-size:16px;font-weight:500;line-height:38px;border:1px solid #8e9094;}
.paginate .num a.on{color:#fff;border-color:#365a99;background:#365a99;}
.paginate a:hover{background-color:#f6f7f8;}
.txt_search_total{width:100%; margin:0 auto; font-size:18px; text-align:center; margin-top:30px;}
.txt_search_total span{color:#09bd80; font-weight:500;}

/* dual_tb */
.dual_tb{display:flex; justify-content:space-between; width:100%; gap:20px;}
.dual_tb .table_wrap{margin-top:0; width:50%;}
.dual_tb .table_wrap table{margin-top:15px; width:100%; table-layout:fixed;}
.textoh{text-overflow: ellipsis; line-height:1.4em; height:4.2em; overflow: hidden; word-break:break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/*paginate*/
.dual_tb .paginate {height:25px; margin:30px 0; text-align:center; clear:both;  height:auto; overflow:hidden}
.dual_tb .paginate .arrow{display:inline-block; position:relative; width:20px; height:30px; overflow:hidden; text-indent:-999px; border:1px solid #999;background:#fff;}
.dual_tb .paginate .arrow:before{content:'';position:absolute;top:50%;left:50%;width:11px;height:11px;margin:-5px 0 0 -5px;background:url(../images/btn_paginate.png) 0 0 no-repeat;}
.dual_tb .paginate .arrow.prev, .dual_tb .paginate .arrow.end{margin-left:-5px;}
.dual_tb .paginate .arrow.prev:before{background-position:0 -11px;}
.dual_tb .paginate .arrow.next:before{background-position:0 -22px;}
.dual_tb .paginate .arrow.end:before{background-position:0 -33px}
.dual_tb .paginate .num{display:inline-block;margin:0;vertical-align:top;}
.dual_tb .paginate .num a{display:inline-block;height:30px; width:20px;margin:0 1px;color:#101010;font-size:13px;font-weight:500;line-height:30px;}
.dual_tb .paginate a:hover{color:#efefef;transition:ease-out 0.5s;}	

/* 검색상단 div table */
.sub_search_box:after, .sub_search_box div:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.sub_search_box > div{float:left; padding:5px; box-sizing:border-box;}
.sbox{width:100%; margin:0 auto; position: relative; box-sizing:border-box; box-sizing:border-box;}
.sbox .s_class{width:16%; float:left;}
.sbox .op{width:14%; float:right;}
.sbox .btn_h40_t01_square, .sbox .btn_h40_t01, .sbox .btn_h40_on{width:14%; float:right; border-radius:0;}
.sbox i.keyboard{margin-right:5px;}
.sbox input{width:68%; float:left; margin:0 8px 0 15px;}
.s_chk{width:100%; margin:0 auto; line-height:20px;}
.s_chk .title{display:block; width:16%; float:left; text-align:right; margin-right:1.3%; line-height:40px;}
.s_chk label{display:inline-block; margin:0 15px 0 5px;}
.s_chk .chk_box{width:80%; padding-top:9px;}
.s_selc2{width:100%;}
.s_selc2 .title{display:block; width:16%; float:left; text-align:right; margin-right:1.3%; line-height:40px;}
.s_selc{width:50%;}
.s_selc .title{display:block; width:31.7948%; text-align:right; float:left; margin-right:15px; line-height:40px;}
.s_selc select{width:214px;}
.s_date{width:50%; margin:0 auto; float:left;}
.s_date .title{display:block; float:left; width:14.5%; line-height:40px; margin-right:15px; text-align:right;}
.s_date input{width:24.3%; float:left;}
.s_date .lh40{width:3%; float:left; text-align:center;}
.s_key{width:100%; margin:0 auto; position: relative;}
.s_key .title{display:block; width:16%; float:left; text-align:right; margin-right:15px; line-height:40px;}
.s_key .s_class{width:16%; float:left;}
.s_key input{width:65.4%; float:left; margin-left:15px;}
.s_rdate{width:100%; margin:0 auto; line-height:40px;}
.s_rdate .title{display:block; width:16%; text-align:right; float:left; margin-right:15px; line-height:40px;}
.s_rdate label{display:inline-block; margin:0 15px 0 5px;}
.s_rdate .r_box{float:left;}
.s_rdate .date{float:left; width:44.5%;}
.s_rdate .date input{width:36%;}
.s_rdate .date .lh40{width:3%;}
.s_radio{width:50%;}
.s_radio .title{display:block; width:32.3%; float:left; text-align:right; margin-right:15px; line-height:40px;}
.s_radio label{display:inline-block; margin:0 15px 0 5px;}
.s_radio .r_box{float:left; margin-top:9px;}
.sbox .searchWord_area{position:absolute; top:44px; width:67.3504%; background:#fff; box-sizing:border-box; border:1px solid #d5d9de; z-index:10; left:17.59%;}
.s_key .searchWord_area{position:absolute; top:44px; width:64.8%; background:#fff; box-sizing:border-box; border:1px solid #d5d9de; z-index:10; left:34.75%;}

/* 검색결과상단 */
.sbox2{width:100%; margin:0 auto; position: relative; box-sizing:border-box;}
.sbox2 .s_class{width:16%; float:left; position: relative;}
.sbox2 .op, .sbox2 .btn_h40_t01{width:7.7%; float:right;}
.sbox2 .btn_h40_t01, .sbox3 .btn_h40_t01{float:right; border-radius:0; padding:0; text-align:center;}
.sbox2 input{width:75%; float:left; margin:0 0 0 15px;}
.sbox2 .searchWord_area{position:absolute; top:44px; width:74.3589%; background:#fff; box-sizing:border-box; border:1px solid #d5d9de; z-index:10; left:17.59%;}
.sbox3, .sbox4{width:100%; margin:0 auto; position: relative; box-sizing:border-box;}
.sbox3 .title, .sbox4 .title{display:block; width:16%; float:left; text-align:right; margin-right:1.3%; line-height:40px;}
.sbox3 .s_class{width:16%; float:left; position: relative; margin:0 0.5% 0 0 ;}
.sbox3 .op, .sbox3 .btn_h40_t01{width:7.7%; float:right;}
.sbox3 input{width:59%; float:left;}
.sbox4 .op, .sbox4 .btn_h40_t01, .sbox4 .btn_h40_t01:hover{width:14%; float:right; border-radius:0;}
.sbox4 input{width:68%; float:left; margin:0 8px 0 0;}
.sbox_re{width:100%; margin:0 auto; box-sizing:border-box; padding-right:120px;}
.sbox_re .s_class{width:16%; float:left; margin-right:0.5%;}
.sbox_re .s_class2{width:10%; float:left; margin-right:0.5%;}
.sbox_re .insert{width:48%; float:left; margin-right:0.5%;}
.s_class + .insert{width:59.5%; float:left; margin-right:0.5%;}
.sbox_re .btn_h40_t01{width:12%; border-radius:0;}
.sbox_re .re_search{width:11.5%; float:right; display:block; padding-top:9px; box-sizing:border-box;}
.sbox_re .searchWord_area{top:45px; left:318px;width:555.83px;}
.search_collection .search_donated + .sbox{margin-top:20px;}
.sbox3, .sbox_re {position:relative;}
.sbox3 .searchWord_area{top:45px; left:387px; width:683.22px;}
.sw1 .searchWord_area{top:45px; left:196px; width:689px;}
.sw2 .searchWord_area{top:45px; left:318px;width:555.83px;}
.sw2 .searchWord ul li a.recent{width:80%;}
.t_btnBox .btn_h40_t02{display:none;}

/*----------------------div table---------------------- */
.dt_box{border:1px solid #dbdbdb; border-top: solid 3px #365999; height: auto; overflow:hidden; text-align:center; box-sizing:border-box;}
.dt_box:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.dt_box .vdtBox > div{float:left; position:relative; box-sizing:border-box;}
.dt_box .vdtBox:after{content: " ";display: block;height: 0;clear: both;visibility: hidden; box-sizing:border-box;}
.dt_box .vdtBox .title{margin:0 auto; padding:15px 5px; font-weight:500; background: #fafafa; border-bottom:1px solid #dbdbdb; box-sizing:border-box;}
.dt_box .vdtBox .inner{padding:15px; width:100%; height:100%;text-align:center; position:relative; word-break:normal; background:#fff; box-sizing:border-box;}
.dt_box .vdtBox .inner p{width:100%; height:auto; margin:0 auto; line-height:22px;}
.dt_box .vdtBox p.btn_box{margin-top:10px; box-sizing:border-box;}
.dt_box .vdtBox p.btn_box a{line-height:15px; box-sizing:border-box;}
.dt_box .vdtBox div:nth-child(1) .inner:before{display: none;} 
.dt_box .vdtBox{width:100%; margin:0 auto; border-top:1px solid #dbdbdb; height:auto; overflow:hidden;}
.dt_box .vdtBox .title:before, .dt_box .vdtBox .inner:before{content: " ";display: block; position:absolute; width:1px; height:999999px; background:#ddd; left:0; top:0;}
.dt_box .vdtBox .v_detail:first-child > div:before{display:none;} 
.dt_box .vdtBox + div .title{display:none;}
.dt4{width:100%; margin:0 auto; box-sizing:border-box;}
.dt4 > div > div:nth-child(1){width:20%;}
.dt4 > div > div:nth-child(2){width:40%;}
.dt4 > div > div:nth-child(3){width:20%;}
.dt4 > div > div:nth-child(4){width:20%;}
.dt3{width:100%; margin:0 auto; box-sizing:border-box;}
.dt3 > div > div:nth-child(1){width:6%;}
.dt3 > div > div:nth-child(2){width:54%;}
.dt3 > div > div:nth-child(3){width:40%;}
.dt_box2{border:1px solid #dbdbdb; border-top: solid 3px #365999; height:100%; overflow:hidden; box-sizing:border-box;}
.dt_box2 .v_detail{width:100%; margin:0 auto; line-height:1.5em; display:table; box-sizing:border-box;}
.dt_box2 .v_detail:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.dt_box2 .v_detail .title{margin:0 auto; padding:15px 5px; height:100%; font-weight:500; text-align:center; background:#fafafa; vertical-align:middle; display:table-cell; vertical-align:middle; box-sizing:border-box;}
.dt_box2 .v_detail .inner{padding:15px; height:100%;text-align:left; position:relative; word-break:normal; background:#fff; display:table-cell; box-sizing:border-box;}
.dt_box2 .v_detail .inner:before{content: " ";display: block; position:absolute; width:1px; height:2000px; background:#ddd; left:0; top:0; box-sizing:border-box;}
.dt_box2 .v_detail .inner p{line-height:22px;}
.dt_box2 .v_detail p.btn_box{margin-top:10px; box-sizing:border-box;}
.dt_box2 .v_detail p.btn_box a{line-height:15px;}
.dt_box2 .v_detail{width:100%; margin:0 auto; border-top:1px solid #dbdbdb; height:auto; overflow:hidden; box-sizing:border-box;}
.dt_box2 .v_detail .v_detail:first-child > div:before{display:none;} 
.dt_box2 .clearfix .btn_t04, .dt_box2 .clearfix input, .dt_box2 .clearfix select, .dt_box2 .clearfix span{float:left; margin-right:5px;}
.dt_box2 .btn_t01, .dt_box2 .btn_t02, .dt_box2 .btn_t03, .dt_box2 .btn_t04{height:50px; padding:11px 20px;}
.dt2{width:100%; margin:0 auto; margin-top:30px; box-sizing:border-box;}
.dt2 .v_detail > div:nth-child(1){width:15%;}
.dt2 .v_detail > div:nth-child(2){width:85%;}
.dt1{width:100%; margin:0 auto; margin-top:30px;}
.dt1 > div > div{width:100%;}
.dt4_2{width:100%; margin:0 auto; margin-top:30px; box-sizing:border-box;}
.dt4_2 > div > div:nth-child(1){width:10%;}
.dt4_2 > div > div:nth-child(2){width:40%;}
.dt4_2 > div > div:nth-child(3){width:10%; position:relative;}
.dt4_2 > div > div:nth-child(4){width:40%;}
.dt4_2 > div > div:nth-child(3):before{content: " ";display: block; position:absolute; width:1px; height:2000px; background:#ddd; left:0; top:0;}
.d_table{width:100%; margin:0 auto; border-top: solid 3px #365999; margin-top:30px; box-sizing:border-box;}
.d_table .d_box{display:table; width:100%; margin:0 auto; background:#f6f7f8; border-bottom:1px solid #dbdbdb; box-sizing:border-box;}
.d_table .d_box > div{display:table-cell; vertical-align:middle; box-sizing:border-box;}
.d_table .title{font-weight:500; text-align:center; padding:15px 10px; line-height:1.5em;}
.d_table .info{background:#fff;text-align:left; text-align:left; padding:15px 10px; line-height:1.5em;}
.d_table .i_box{padding:5px 10px;background:#fff;} 
.d_table .chk_box{padding:10px 10px 5px 10px; background:#fff;}
.d_table .chk_box:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.d_table .chk_box p{padding-bottom:5px; width:33.3333%; float:left; overflow:hidden; padding:5px; box-sizing:border-box;}
.d_table .rdo_box{padding:10px 10px 5px 10px; background:#fff;}
.d_table .rdo_box p{padding-bottom:5px;}
.d_table .rdo_box p label + div{margin-left:10px;}
.d_table .i_box .nb_color3{display:inline-block; line-height:40px; margin-left:10px;}
.d_table .d_box textarea{line-height:1.5em; min-height:100px; max-height:250px;}
.poster{width:100%; margin:0 auto;}
.poster img{width:100%;}
.t2i2 > div:nth-child(1){width:15%;}
.t2i2 > div:nth-child(2){width:35%;}
.t2i2 > div:nth-child(3){width:15%;}
.t2i2 > div:nth-child(4){width:35%;}
.t2i1 > div:nth-child(1){width:15%;}
.t2i1 > div:nth-child(2){width:85%;}
.t1i3 > div.title{width:15%;}
.t1i3 > div.info{width:85%;}

.dv_table{width:100%; margin:0 auto; border-top: solid 3px #365999; margin-top:30px; box-sizing:border-box;}
.dv_table .d_box{display:table; width:100%; margin:0 auto; background:#f6f7f8; border-bottom:1px solid #dbdbdb; box-sizing:border-box;}
.dv_table .d_box > div{display:table-cell; vertical-align:middle; box-sizing:border-box;}
.dv_table .title{font-weight:500; text-align:center; padding:15px 10px; line-height:1.5em;}
.dv_table .info{background:#fff;text-align:left; text-align:left; padding:15px 10px; line-height:1.5em;}
.dv_table .i_box{padding:5px 10px;background:#fff;} 
.dv_table .chk_box{padding:10px 10px 5px 10px; background:#fff;}
.dv_table .chk_box:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.dv_table .chk_box p{padding-bottom:5px; width:33.3333%; float:left; overflow:hidden; padding:5px; box-sizing:border-box;}
.dv_table .rdo_box{padding:10px 10px 5px 10px; background:#fff;}
.dv_table .rdo_box p{padding-bottom:5px;}
.dv_table .rdo_box p label + div{margin-left:10px;}
.dv_table .i_box .nb_color3{display:inline-block; line-height:40px; margin-left:10px;}
.dv_table textarea{width:100%; border:1px solid #dbdbdb; padding:10px; overflow-y:scroll; height:150px;}

/* 팝업소장정보테이블 */
.resoures{width:100%;}
.resoures .resoures_class{margin:0;}
.resoures .d_table{margin-top:0;}
.resoures .d_table .info{text-align:center; border-right:1px solid #dbdbdb; width:10.5%;}
.resoures .d_table .title{border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb; background:#fff; color:#365999;}

.d_note .chk_1{width:100%; margin:0 auto; display:block; font-weight:400;}
.d_note .chk_1:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.d_note .chk_1 input{float:left;}
.d_note .chk_1 span{display:block;padding:7.5px 0 0 10px; float:left;}
.d_note .nb{display:block; line-height:22px; margin:5px 0; font-weight:500;}
.d_tnb{width:100%; margin:0 auto; text-align:right;}
.d_tnb + div.d_table, .d_tnb + table{margin-top:10px;}
.d_tnb .txtBtn a{width:auto;}
h4 + div.d_table, h5 + div.d_table{margin-top:0;}

.m_search{display:none;}
.m_board{display:none;}
.m_sub_tap{display:none;}
.m_qtap{display:none;}
.btn_limit_to{display:none;}
.m_list{display:none;}
.m_table{display:none;}
.p_disn{display:none;}

/* process */
.process{width:100%; margin:0 auto; border:1px solid #dbdbdb; padding:30px 15px; box-sizing:border-box;}
.process:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.process > div{text-align:center; box-sizing:border-box; position:relative; float:left;}
.process > div:after{content: " ";display: block; height:20px; width:20px; background:url(../images/process_arw.png) no-repeat center center; position:absolute; top:53px; right:-10px;}
.process > div:last-child:after{display:none;}
.process > div > b{display:block; width:100%; margin:0 auto; color:#365a99; text-align:center;}
.process > div > b img{}
.process > div > span.img_wrap{display:block; width:100%; margin:0 auto; margin-top:15px;}
.process > div > p{display:block; width:100%; margin:0 auto; margin-top:15px; line-height:22px; letter-spacing:-0.05em;}

.n4 > div{width:25%;}
.n5 > div{width:20%;}
.n6 > div{width:16.6666%;}
.n7 > div{width:14.2857%;}
/* covid_now */
.covid_now{}
.now{display:inline-block; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; padding:5px 15px; border-radius:26px; background:#f84e57;vertical-align:middle; line-height:15px; position:relative; margin-bottom:10px;}
.now:after{content: " ";display:block; height:7px; width:15px; position:absolute; background:url(../images/covidPoint.png) no-repeat center;bottom: -7px; left:50%; margin-left:-7.5px;}
.logo_youtube{display:inline-block; position:relative; box-sizing:border-box; padding-left:110px;}
.logo_youtube:after{content:" "; display:block; width:105px; height:24px; background:url(../images/logo_youtube.jpg) no-repeat center; position:absolute; top:50%; margin-top:-12px; left:0;}
.newWin_navy:hover > span{text-decoration:underline ;}

.newWin_navy .line{position:relative; display:inline-block;}
.newWin_navy .line:after{content:" "; display:block; width:100%; height:2px; background:#365a99; position:absolute; left:0; bottom:-2px; display:none;}
.newWin_navy:hover .line{text-decoration:none;}
.newWin_navy:hover .line:after{display:block;}
.newWin_navy:hover .line span{text-decoration:none;}

/* 도서관이용교육 */
.nowRap{white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; word-break:break-all;max-width:400px;}
.inputUrl{width:100%; position:relative; padding-left:60px; box-sizing:border-box;}
.inputUrl > span{display:inline-block; vertical-align:middle; line-height:1em; position:absolute; left:0; top:50%; margin-top:-0.5em;}
/*----------  저자검색  ---------- */
.author_view{width:100%; margin:0 auto; margin-top:80px;}
.author_view .author_info{width:100%; margin-top:30px;  margin:0 auto; border-top:solid 3px #365a99; border-bottom:solid 1px #d5d9de; padding:30px 0 30px 180px; position:relative; min-height:320px; box-sizing:border-box;}
.author_view .author_info:after{content: " ";display:block;height:0;clear:both;visibility:hidden;}
.author_view .author_info .imgArea{width:150px; position:absolute; left:0; top:30px;}
.author_view .author_info .imgArea .img_wrap{width:100%; border:1px solid #d5d9de; box-sizing:border-box; padding:20px; text-align:center; overflow:hidden;}
.author_view .author_info .imgArea .img_wrap img{max-width:100%; max-height:100%;}
.author_view .author_info .imgArea .view_btn_wrap{width:100%; overflow:hidden;}
.author_view .author_info .imgArea .view_btn_wrap a{display:inline-block; vertical-align:middle; text-align:center; float:left; box-sizing:border-box; width:100%; margin-top:6px;}
.author_view .author_info .imgArea .view_btn_wrap .half{width:calc(50% - 3px);}
.author_view .author_info .imgArea .view_btn_wrap .half + .half{margin-left:6px;}
.author_view .author_info .view_wrap{width:100%;}
.author_view .author_info .view_wrap .tit{width:100%;}
.author_view .author_info .view_wrap .tit h5{font-size:23px; margin:0; padding:0; position:static; line-height:1.6em; color:#101010; background:none;}
.author_view .author_info .view_wrap .tit span{font-size:18px; display:block; color:#6c82a9; margin-top:5px;}
.author_view .author_info .view_wrap .detail_info{width:100%; margin-top:15px; padding-top:15px; border-top:1px solid #d5d9de;}
.author_view .author_info + p{text-align:right; margin-top:10px; color:#666;}
.author_view .author_info .btnArea{display:inline-block; position:absolute;right:0; top:-55px;}
.author_view .board_top{margin-top:0;}
.author_view .board .table_t02{margin-top:15px;}
.author_view .board_top .btnArea{display:inline-block;}
.author_view .board_top .btnArea .btn_h40l_t01.on{background:#365a99; color:#fff !important;}
.author_view .detail_info .tbl_wrap{display:inline-block; width:49%;}
.author_view .detail_info .tbl{width:100%; padding:5px 0;}
.author_view .detail_info .tbl b{display:inline-block; min-width:95px; padding-right:10px; max-width:100px; vertical-align:top; line-height:1.6em; box-sizing:border-box;}
.author_view .detail_info .tbl span{display:inline-block; max-width:calc(100% - 100px); line-height:1.6em;}
.author_view .detail_info .tbl span.long{width:calc(100% - 110px);}
.detail_info .tbl_wrap.w100p{width:100%;}
.mtbl .mtxt{display:none;}

/* 개인정보처리방침 */
.personal_info{width:100%; margin:0 auto;}
.personal_info > .table_t02{border-top-width:2px;}
.label_wrap{width: 100%; box-sizing: border-box; padding:30px 10px 10px 10px; display: flex; flex-flow: row wrap; justify-content: space-around; position: relative; background:#eeeff0;}
.label_section .nb_color{margin-top:15px;}
.label_box{width: 30%; height: 200px; box-sizing: border-box; padding: 20px 30px; display: flex; flex-flow: column; justify-content: center; align-items:center; cursor: pointer; margin-bottom: 20px; background-color: #fff; border: 1px solid #fff; position:relative}
.label_box:hover, .label_box:focus{transition: 0.2s; border: 1px solid #1647aa;}
.label_cnt{margin-top: 20px; font-weight: 400; color: #111; line-height:1.5em;}
.label_layer{display: none; position: absolute; box-sizing: border-box; background-color: #fff; width: 300px; z-index: 999;	box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2); top:0; left: 105%;}
.label_box:hover .label_layer, .label_box:focus .label_layer{display:block;}
.label_box:hover .label_cnt, .label_box:focus .label_cnt{text-decoration:underline;}
.label_desc_top{width: 100%; box-sizing: border-box; padding:10px; background-color: #365a99; position:relative;}
.label_desc_top:after{content:""; width:10px; height:10px; background-color:#365a99; transform:rotate(45deg); position:absolute; left:0; top:50%; margin:-5px 0 0 -5px; z-index:-1;}
.label_desc_top p{color: #fff;}
.label_desc_btm{width: 100%; box-sizing: border-box; padding: 15px 20px;}
.label_desc_btm p{line-height:1.5em;}
.desc_wrap{display: flex; flex-flow: row wrap;}
.desc_box{width: 100%; border-radius: 10px; border: 1px solid #eee; box-sizing: border-box; padding: 10px 15px; margin-top: 10px; display: flex; flex-flow: row wrap; justify-content: space-between;}
.desc_tit{width: 30%; font-weight: 400; color: #1647aa; word-break: keep-all;    }
.desc_cnt{width: 68%; color: #333; font-size: 14px;}
.label_layer.num2, .label_layer.num5{top:0; left:auto;  right: 105%;}
.label_layer.num2 .label_desc_top:after,  .label_layer.num5 .label_desc_top:after{left:auto; right:0; margin:-5px -5px 0 0;}
 /* 개인정보처리방침 목차 */
.cnt_listWrap{width:100%; border:1px solid #d5d9de; box-sizing:border-box; margin-top:15px; padding:10px 20px;}
.cnt_list{width: 90%; margin: 20px auto 0px; display: flex; flex-flow: row wrap; justify-content: space-between;}
.cnt_list li {width:48%; margin-bottom: 30px; position: relative; box-sizing: border-box;    }
.cnt_list li a{color: #444; font-weight: 400; box-sizing: border-box; padding-left: 30px; height: 25px; display: block; line-height:1.5em; background-repeat:no-repeat; background-position:0 0; letter-spacing:-0.05em;} 
.cnt_list li a:hover, .cnt_list li a:focus{text-decoration:underline;}
.iconTit{box-sizing: border-box; line-height:1.5em; padding-bottom:15px !important;} 
.iconTit:before{display:none;}
.list_icon{margin-right: 10px; height:34px;}
.list_icon img{vertical-align:top;}
.cnt_list li:nth-child(1) a{background-image: url(../images/img_object_20.png);}
.cnt_list li:nth-child(2) a{background-image: url(../images/img_period_20.png);}
.cnt_list li:nth-child(3) a{background-image: url(../images/img_third_20.png);}
.cnt_list li:nth-child(4) a{background-image: url(../images/img_consign_20.png);}
.cnt_list li:nth-child(5) a{background-image: url(../images/img_destruction_20.png);}
.cnt_list li:nth-child(6) a{background-image: url(../images/img_court_20.png);}
.cnt_list li:nth-child(7) a{background-image: url(../images/img_safe_20.png);}
.cnt_list li:nth-child(8) a{background-image: url(../images/img_cookie_20.png);}
.cnt_list li:nth-child(9) a{background-image: url(../images/img_cpo_20.png);}
.cnt_list li:nth-child(10) a{background-image: url(../images/img_browse_20.png);}
.cnt_list li:nth-child(11) a{background-image: url(../images/img_help_20.png);}
.cnt_list li:nth-child(12) a{background-image: url(../images/img_change_20.png);}

.desc_icon{box-sizing: border-box; height: 25px;}

/* 도서현황 */
.sub_wrap.wfull{width:100%;}
.bookStatus{width:100%; margin:0 auto;}
.bookStatus .board_top{overflow:hidden;padding:0 20px;}
.bookStatus .board_top .tit{display:inline-block; width:auto; font-size:23px; font-weight:500; line-height:40px; margin-left:15px; vertical-align:top;}
.bookStatus .board_top .subtop_search{display:inline-block; width:auto; vertical-align:top;}
.bookStatus .board_top .subtop_search i{width:20px; height:40px; display:inline-block; background:url(../images/btn_search.png) no-repeat center; background-size:20px;}
.bookStatus .scroll_x{padding:0 20px;}
.scrArea{width:100%; margin:0 auto; overflow:hidden;}
/* 툴팁 */
.tooltip{display:inline-block; position:relative; vertical-align:middle; color:#fff;}
.tooltip .btn{display:inline-block; width:24px; height:24px; text-align:center; line-height:24px; border-radius:50%; background:#6c82a9; color:#fff; font-weight:500;}
.tooltip .info{display:inline-block; position:absolute; top:34px; left:-18px; width:360px; padding:15px 20px !important; border-radius:15px; background:#365a99 !important;  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); z-index:2; visibility:hidden; opacity:0; transition:0.3s; text-align:left; letter-spacing:-0.5px;}
.tooltip:before{content:""; display:block; width:16px; height:16px; background:#365a99; position:absolute; top:30px; left:4px; transform:rotate(-45deg); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); z-index:1; visibility:hidden; opacity:0; transition:0.3s;}
.tooltip:hover .info, .tooltip:hover:before{visibility:visible; opacity:1;}
.tooltip .info .tit{display:block;}
.tooltip .info span{display:block;}
.tooltip .info ul li:after{background-color:#fff;}
.tipWrap p{display:inline-block;}
.tipWrap p span{display:inline-block; margin-right:5px;}


@media (max-width:1910px){	
	.scrArea{overflow-x:auto;}
}