@charset "utf-8";
/* CSS Document */

/* -------- mymenu_info/main top -------- */
#mymenu_info{width:100%; margin:0 auto; background:#083052; padding:0 30px;}
#mymenu_info .myinfo{width:100%; margin:0 auto; max-width:1400px; position:relative; display:flex; align-items:center; padding-right:30px;}
#mymenu_info .myinfo .tit{width:200px; position:relative; background:#0c4da2;}
#mymenu_info .myinfo .tit:before{content:""; width:2000%; height:100%; background:#0c4da2; position:absolute; left:-2000%;}

#mymenu_info .myinfo .tit h2{font-size:16px; font-family:var(--font-type02); font-weight:600; color:#fff; line-height:70px; padding-left:42px; background:url(../images/myIfo_i00.png) no-repeat left center;}
#mymenu_info .myinfo ul{width:100%; height:70px; margin:0 auto; display:flex;}
#mymenu_info .myinfo ul li{display:block; width:100%; height:100%; border-left:1px solid #052642;}
#mymenu_info .myinfo ul li a{display:flex; align-items:center; width:100%; height:100%; padding:0 20px; background-color:transparent; background-repeat:no-repeat; background-position:left 20px center;}
#mymenu_info .myinfo ul li a:hover, #mymenu_info .myinfo ul li a:focus{background-color:var(--primary-color); transition:all 0.3s;}
#mymenu_info .myinfo ul li a p{width:100%; font-size:15px; font-weight:500; text-align:right; color:#fff;}
#mymenu_info .myinfo ul li a p b{display:block; line-height:1.2em;}
#mymenu_info .myinfo ul li a p span{display:inline-block; font-weight:400px; margin-top:5px;}
#mymenu_info .myinfo ul li a p strong{font-size:20px; font-weight:700; display:inline-block; padding-right:5px;}
#mymenu_info .myinfo ul li:nth-child(1) a{background-image:url(../images/myIfo_i01.png);}
#mymenu_info .myinfo ul li:nth-child(2) a{background-image:url(../images/myIfo_i02.png);}
#mymenu_info .myinfo ul li:nth-child(3) a{background-image:url(../images/myIfo_i03.png);}
#mymenu_info .myinfo ul li:nth-child(4) a{background-image:url(../images/myIfo_i04.png);}
#mymenu_info .myinfo ul li:nth-child(5) a{background-image:url(../images/myIfo_i05.png);}
#mymenu_info .myinfo .btn_close{display:block; width:25px; height:25px; background:url(../images/btn_close.png) no-repeat center; position:absolute; top:50%; transform:translateY(-50%); right:0;}

#wrapper{width:100%; margin:0 auto; position:relative; padding-top:140px;}
/*-------------------------------------------- header -------------------------------------------- */
#header{width:100%; margin:0 auto; position:absolute; top:0; left:0; z-index:999;}
.top_area_wrap{width:100%; margin:0 auto; background:#fff; padding:0 20px;}
.top_area{width:100%; max-width:1400px; margin:0 auto; display:flex; align-items:center; justify-content:space-between;}
.top_area h1{height:100%;}
.top_area a.logo{display:flex; align-items:center; width:100%; height:100%; height:90px; background:url(../images/top_logo.png) no-repeat left center;}
.top_area .topNav{width:calc(100% - 80px); text-align:right;}
.top_area .topNav > ul{width:100%; display:flex; justify-content:flex-end; gap:20px;}
.top_area .topNav > ul > li{display:inline-block; position:relative;}
.top_area .topNav > ul > li > a{display:block; height:40px; line-height:40px; color:#676767; font-size:14px; font-weight:500;}
.top_area .topNav > ul > li.my a{padding-left:27px; background:url(../images/i_user.png) no-repeat left center;}
.top_area .topNav > ul > li.log > a{padding-left:27px; background:url(../images/i_log.png) no-repeat left center;}
.top_area .topNav > ul > li.log2 > a{padding-left:27px; background:url(../images/i_log2.png) no-repeat left center;}
.top_area .topNav > ul > li.lang > a{padding-left:27px; background:url(../images/i_lang.png) no-repeat left center;}
.top_area .topNav > ul > li.tnSearch > a{width:30px; background:url(../images/i_glass_gray.png) no-repeat center;}
.top_area .topNav > ul > li:hover > a, .top_area .topNav > ul > li > a:focus{color:var(--primary-color); background-image:url(../images/i_user_on.png); transition:all 0.3s;}
.top_area .topNav > ul > li.log:hover > a, .top_area .topNav > ul > li.log a:focus{background-image:url(../images/i_log_on.png); transition:all 0.3s;}
.top_area .topNav > ul > li.lang:hover > a, .top_area .topNav > ul > li.lang > a:focus{background-image:url(../images/i_lang_on.png); transition:all 0.3s;}
.top_area .topNav > ul > li.tnSearch:hover > a, .top_area .topNav > ul > li.tnSearch > a:focus{background-image:url(../images/i_glass_blue2.png); transition:all 0.3s;}
.top_area .topNav > ul > li .dropBox{position:absolute; right:0; top:0; z-index:13; background:#fff; border:1px solid #ccc; border-radius:10px 0 10px 10px; opacity:0; visibility:hidden;  transform:translateY(-40px); transition:all linear 0.3s; overflow:hidden;}
.top_area .topNav > ul > li.on .dropBox{opacity:1; transform:translateY(40px); transition:all linear 0.3s; visibility:visible;}
.top_area .topNav > ul > li.lang .dropBox{width:60px;}
.top_area .topNav > ul > li.lang .dropBox li + li{border-top:1px solid #ccc;}
.top_area .topNav > ul > li.lang .dropBox li a{display:block; text-align:center; line-height:36px; font-weight:500; }
.top_area .topNav > ul > li.lang .dropBox li a:hover, .top_area .topNav > ul > li.lang .dropBox li a:focus{background-color:#edf2fa; transition:all 0.3s;}
.top_area .topNav > ul > li.tnSearch .dropBox{display:flex; border:2px solid #3c4751;}
.top_area .topNav > ul > li.tnSearch .dropBox input{border:0; border-radius:10px 0; width:200px;}
.top_area .topNav > ul > li.tnSearch .search_word{top:84px; left:auto; right:0; width:277px; z-index:14; text-align:left;}
.top_area .topNav > ul > li.btnOpen{display:none;}
.top_area .topNav > ul > li.btnOpen a{width:30px; background:url(../images/btn_allmenu.png) no-repeat center;}

/* menu */
.menu_area_wrap{width:100%; margin:0 auto; background:#fff; position:absolute; top:90px; left:0; z-index: 12; border-top:1px solid rgba(0, 0, 0, 0.3); box-shadow:3px 3px 3px 0 rgb(0 0 0 / 20%); padding:0 30px;}
.menu_area_wrap:before{content:""; display:block; width:100%; height:1px; background:#ccc; position:absolute; left:0; top:50px;}
.menu_area{width:100%; max-width:1400px; margin:0 auto;}
.menu_area .menu{width:100%; margin:0 auto; display:flex;}
.menu_area .menu li.top_menu{display:block; width:calc(100% / 4); z-index:100; position:relative;}
.menu_area .menu li.top_menu > a{display:block; width:100%; font-size:18px; padding-top:18px; height:50px; font-weight: 600;text-align:center; position:relative; font-family:var(--font-type02);}
.menu_area .menu li.top_menu > a span{display:inline-block; vertical-align:middle;}
.menu_area .menu li.top_menu > a span:after{content:""; display:block; width:0; height:4px; background:var(--primary-color); position:absolute; left:50%; bottom:0; opacity:0; transition:all linear 0.3s;}
.menu_area .menu li.top_menu.on > a span:after, .menu_area .menu li.top_menu:hover > a span:after, .menu_area .menu li.top_menu > a:focus span:after{width:100%; left:0; opacity:1; transition:all linear 0.3s;}

/* menu/drop_menu */
.menu_area .menu ul.drop_menu{width:100%; visibility:hidden; background:#fff; position:absolute; left:0; top:50px; box-shadow:3px 3px 3px 0 rgba(0, 0, 0, 0.2); border-radius:0 0 15px 15px; overflow:hidden;}
.menu_area .menu li.top_menu:last-child  ul.drop_menu{border-right:1px solid #ccc;}
.menu_area .menu li.top_menu:hover ul.drop_menu, .menu_area .menu li.on ul.drop_menu{visibility:visible; display:block; opacity:1; transform:translateY(0px); transition:all linear 0.3s;} 
.menu_area .menu li.top_menu ul.drop_menu li{display:block; width:100%; float:none; }
.menu_area .menu li.top_menu ul.drop_menu li a{display:block; width:100%; padding:0 15px; line-height:40px; border-bottom:1px solid #ddd; font-weight:400; color:#101010; border:0; letter-spacing:-0.05em; word-break:keep-all; background-position:right 15px center;}
.menu_area .menu li.top_menu ul.drop_menu li a small{color:#666; margin-left:6px; font-size:13px;}
.menu_area .menu li.top_menu ul.drop_menu li a:hover{transition:ease 0.3s; color:var(--primary-color); font-weight:500; background:#f6f6f6 url(../images/i_org_right.png) no-repeat right 15px center;  background-size:auto 10px;} 
.topMenuFixed {width: 100%; margin: 0 auto; position: relative; z-index: 11; background: #fff; position: fixed; top: 0px;}
.menuWbg{background-color:#fff;}
.menuWbg .menu li.top_menu > a, .topMenuFixed .menu li.top_menu > a{color:#101010;}


/* open_slide */
#open_slide{width:100%; margin:0 auto; position:fixed; top:0; left:0; height:auto; background:#fff; box-shadow:5px 5px 5px 0 rgba(0, 0, 0, 0.2); border-top:1px solid #ddd; z-index:9999; padding:0 10px;}
#open_slide .slide_menu_area{width:100%; max-width:1230px; margin:0 auto; position:relative;}
#open_slide .slide_menu_area .close{display:block; position:absolute; right:10px; top:15px; width:40px; height:40px; border-radius:40px; background:url(../images/m_close.png) no-repeat center; background-size:auto 28px;}
#open_slide .top_area{width:100%; margin:0 auto; position:relative; padding:15px 0; text-align:right;}
#open_slide .top_are:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#open_slide .top_area .home{display:none; float:left; background:url(../images/m_home.png) no-repeat center; width:40px; height:40px; background-size:auto 28px;}
#open_slide .top_nav{display:none;}
#open_slide .myInfo{display:none; width:100%; margin:0 auto; background:url(../images/myIfo_bg2.gif) repeat 0 0; overflow:hidden;}
#open_slide .slide_menu_area .menu{width:100%; margin:0 auto; padding-bottom:70px;}
#open_slide .slide_menu_area .menu:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#open_slide .slide_menu_area .menu .top_menu{display:block; width:calc(100% / 6); float:left; padding:0 15px;}
#open_slide .slide_menu_area .menu .top_menu:first-child{}
#open_slide .slide_menu_area .menu .top_menu > a{display:block; width:100%; padding:20px 0; font-size:25px; font-weight:500; border-bottom:3px solid var(--primary-color); word-break:keep-all; text-align:center; position:relative; overflow:hidden;}
#open_slide .slide_menu_area .menu .top_menu > a:after{content:" "; display:block; height:0; width:100%; background-color:var(--primary-color); position:absolute; left:0; bottom:0;}
#open_slide .slide_menu_area .menu .top_menu > a:hover, #open_slide .slide_menu_area .menu .top_menu > a:focus{color:#fff; transition:ease 0.4s;}
#open_slide .slide_menu_area .menu .top_menu > a:hover:after, #open_slide .slide_menu_area .menu .top_menu > a:focus:after{height:100%; transition:ease 0.4s; z-index:-1;}
#open_slide #gnb{width:100%; margin:0 auto;}
#open_slide .sub_menu{width:100%; margin:0 auto;}
#open_slide .sub_menu:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#open_slide .sub_menu{float:left; width:100%; min-height:300px; padding:10px 0;}
#open_slide .sub_menu:first-child{}
#open_slide .sub_menu li{display:block; width:100%;}
#open_slide .sub_menu li a{width:100%; display:block; letter-spacing:-0.05em; font-size:16px; padding:10px 20px; position:relative; line-height:1.5em; font-weight:400; font-size:16px;}
#open_slide .sub_menu li a:hover, #open_slide .sub_menu li a:focus{color:#101010; text-decoration:none; font-weight:500;}
#open_slide .sub_menu li:hover a:after, #open_slide .sub_menu li:focus a:after{width:100%;}
#open_slide .sub_menu li a:after{display:block; content:''; position:absolute; width:0; height:2px; background:#666; left:50%; bottom:-1.5px; transform:translate(-50%,0%); -webkit-transform:translate(-50%,0%); -moz-transform:translate(-50%,0%);	 -ms-transform:translate(-50%,0%);	 -o-transform:translate(-50%,0%);	 transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s;}
.snb ul li.on a::after{width:100%;}
#open_slide .linkArea{display:none;}
.m_site{display:none;}

/*-------------------------------------------- main index -------------------------------------------- */
#main_wrap{width:100%; margin:0 auto; position:relative; background-color:#f6f6f6;}

/* mainSearch */
#main_wrap .mainTxt{width:100%; max-width:1460px; margin:0 auto; text-align:center; font-family:var(--font-type02); padding:80px 30px 0 30px;}
#main_wrap .mainTxt img{width:100%; max-width:760px;}
#main_wrap .mainTxt span{display:block; color:#00ac4f; font-size:23px; font-weight:400;}
#main_wrap .mainTxt b{display:block; color:#434343; font-size:38px; font-weight:700; margin-top:20px;}

/* 검색어 */
.searchWord_area{position:absolute; background:#fff; border:1px solid #ddd; border-top:1px solid #ddd; z-index:11; box-shadow:0 3px 10px rgba(0, 0, 0, 0.3); border-radius:10px; overflow:hidden}
.searchWord_area .searchWordAreaWrap{width:100%; margin:0 auto; position:relative; z-index:11;} 
.searchWord_area .searchWord_tab_area{width:100%; margin:0 auto; position:relative; background:#f7f4f0;}
.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 #ccc;}
.searchWord_area .searchWord_tab li a{display:block; padding:15px 20px; font-size:16px; font-weight:300; background:#e6e8f3; font-weight:400;}
.searchWord_area .searchWord_tab li a.on{background:#fff; color:var(--primary-color); font-weight:700;}
.searchWord_area .searchWordAreaWrap > .close{display:block; position:absolute; right:10px; top:7px; background:#666 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; position:relative; padding:0 90px 0 35px;}
.searchWord ul li a.favorites{display:block; padding:0 10px; line-height:45px; position:absolute; left:0; top:0;}
.searchWord ul li a.recent{display:block; width:100%; line-height:45px; white-space:nowrap; text-overflow:ellipsis;}
.searchWord ul li a.recent span{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.searchWord ul li a.favorites i{display:inline-block; width:15px; height:40px; background:url(../images/search_star.png) no-repeat right center; vertical-align:middle;}
.searchWord ul li > span{display:block; padding:0 10px; line-height:45px; position:absolute; right:0; top:0;}
.searchWord ul li > span b{display:block;float:left; color:#75777b; box-sizing:border-box; font-weight:300; font-size:14px;}
.searchWord ul li > span a.close{background:#999; text-align:center;display:block;float:left; width:20px; height:20px; line-height:17px; border-radius:20px; margin-left:10px; margin-top:12px;}
.searchWord ul li > span a.close i{display:inline-block; background:url(../images/close.png) no-repeat center center; vertical-align:middle; width:10px; height:100%; 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 center;}
.searchWord ul li:hover{background-color:#f8f8f8;}
.searchWord .bottom_area{width:100%; background:#efedea; 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;}
/* 검색어자동완성 */
.search_word{width:100%; margin:0 auto; background:#fff; border-radius:10px; overflow:hidden; border-top:1px solid #ddd; z-index:11; box-shadow:0 3px 10px rgba(0, 0, 0, 0.3); position:absolute; left:0; top:40px;}
.search_word ul li a{display:block; line-height:36px; padding:0 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search_word ul li a:hover, .search_word ul li a:focus{background:#f3f3f3; transition:all .3s;}
.search_word ul li + li{border-top:1px solid #ccc;}


#mainCont{width:100%; margin:0 auto; max-width:1460px; padding:60px 30px 80px 30px;}
#mainCont h2{font-size:23px !important; font-family:var(--font-type02); font-weight:600; padding-bottom:14px;}
#mainCont .box{width:100%; margin:0 auto; background:#fff; border-radius:15px; padding:25px 30px; position:relative;}
#mainCont .viewMore{display:inline-block; width:32px; height:32px; border-radius:50%; background:#00ac4f url(../images/mainMore.png) no-repeat center; position:absolute; top:19px; right:30px;}
#mainCont .viewMore:hover, #mainCont .viewMore:focus{transform:rotate(360deg); transition:all 0.3s;}

#mainCont .section01{width:100%; margin:0 auto; display:flex; gap:40px; margin-top:40px;}

/* Slider controller */
.s_controll{width:100%; height:40px; background-color:rgb(0 0 0 /40%); position:absolute; left:0; bottom:0; z-index:1; padding:0 20px;}
.s_controll:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.s_controll .paging{float:left; color:#fff; font-size:18px; line-height:40px;}
.s_controll .paging b{display:inline-block; font-weight:500;}
.s_controll .paging span{display:inline-block; font-weight:400; opacity:0.7;}
.s_controll .paging span::before{content:"/"; font-size:12px;font-weight:400; display:inline-block; vertical-align:top;padding:0 6px;}
.s_controll .btnWrap{float:right; margin-top:12.5px;}
.s_controll .btnWrap a{display:inline-block; background-repeat:no-repeat; background-image:url(../images/controller.png); height:12px;}
.s_controll .btnWrap a:hover{opacity:0.8; transition:all 0.3s;}
.s_controll .btnWrap a.btn-prev{background-position:0 0; width:7px;}
.s_controll .btnWrap a.btn-next{background-position:0 bottom; width:7px;}
.s_controll .btnWrap a.stop{background-position:top right; width:12px; margin:0 10px;}
.s_controll .btnWrap a.play{background-position:bottom right; width:12px; margin:0 10px;}
.s_controll .btnWrap a.more{background-image:url(../images/popupZoneMore.png); width:12px;}

#mainCont .ctrl_btns{display:flex; width:auto; gap:5px; position:absolute; top:19px; right:67px;}
#mainCont .ctrl_btns a{display:inline-block; background-repeat:no-repeat !important; background-position:center !important; width:32px; height:32px; border-radius:50%; border:1px solid #ccc;}
#mainCont .ctrl_btns a:hover{background:#f3f3f3; transition:all 0.3s;}
#mainCont .ctrl_btns a.btn-prev{background-image:url(../images/ctrl_l.png);}
#mainCont .ctrl_btns a.btn-next{background-image:url(../images/ctrl_r.png);}
#mainCont .ctrl_btns a.stop{background-image:url(../images/ctrl_stop.png);}
#mainCont .ctrl_btns a.play{background-image:url(../images/ctrl_play.png);}

/* notice/공지사항 */
.noticeWrap{width:100%; margin:0 auto; max-width:1400px; display:flex; gap:40px;}
.noticeWrap > div{width:100%; margin:0 auto;  border-radius:15px; overflow:hidden;}
#notice{height:240px; position:relative; background:#fff;}
#notice ul.tap{width:100%; margin:0 auto; border-bottom:1px solid #ccc;}
#notice ul.tap:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#notice ul.tap li{display:inline-block; border-left:1px solid #ccc; float:left;}
#notice ul.tap li:first-child{border:0;}
#notice ul.tap li a{display:inline-block; padding:0 30px;  position:relative;}
#notice ul.tap li.on a:after{content: " " ;display:block; height:0; width:100%; height:1px; background-color:#fff ; position:absolute; bottom:-1px; left:0; transition:ease 0.3s;}
#notice ul.tap li a span{display:inline-block; font-size:23px; padding:25px 0 15px 0; color:#666; height:100%; position:relative; font-family:var(--font-type02); font-weight:500;}
#notice ul.tap li a span:after{content: " " ;display:block; height:0; width:0; height:4px; background-color:#3f54d1 ; position:absolute; bottom:-1px; left:50%; transition:ease 0.3s;}
#notice ul.tap li a:hover span, #notice ul.tap li a:focus span, #notice ul.tap li.on a span{color:#333; font-weight:600;}
#notice ul.tap li.on a span:after{width:100%; height:5px; left:0;}
/* 공지사항 */
#notice ul.list{width:100%; margin:0 auto; padding:30px; overflow:hidden; min-height:179px;}
#notice ul.list li{display:block; float:right; width:50%; margin-top:11px; position:relative;}
#notice ul.list li a{display:block; white-space:nowrap; font-weight:500; text-overflow:ellipsis; overflow:hidden; padding:0 80px 0 32px; position:relative;}
#notice ul.list li a:after{content:" "; display:block; width:4px; height:4px; border-radius:4px; background-color:#585c75; position:absolute; left:15px; top:50%; margin-top:-3.5px;}
#notice ul.list li a:hover, #notice ul.list li a:focus{text-decoration:underline;}
#notice ul.list li .label{display:inline-block; font-size:12px; line-height:18px; height:20px; margin-right:6px; border:1px solid #2776bd; color:#2776bd; font-weight:500; padding:0 5px; vertical-align:top; border-radius:20px;}
#notice ul.list li .date{display:inline-block; color:#666; position:absolute; right:0; top:0;}
#notice ul.list.n01 li:nth-child(1), #notice ul.list.n01 li:nth-child(2){margin-top:0;}
#notice ul.list.n01 li:nth-child(1){height:100%; float:left; border-right:1px solid #ebecee; padding:0 15px 0 112px;}
#notice ul.list.n01 li:nth-child(1) a{padding:0;}
#notice ul.list.n01 li:nth-child(1) a:after{display:none;}
#notice ul.list.n01 li:nth-child(1) .date{right:auto; left:0; width:82px; height:100%; text-align:center; padding-top:20px; font-family:var(--font-type02);}
#notice ul.list.n01 li:nth-child(1) .date small{font-size:15px; display:block; position:absolute; bottom:0; text-align:center; width:100%; font-size:18px; font-weight:500;}
#notice ul.list.n01 li:nth-child(1) .date strong{font-size:40px; width:100%; height:82px; line-height:82px; border-radius:10px; background-color:#f3f3f3; position:absolute; left:0; top:0; display:block;}
#notice ul.list.n01 li:nth-child(1) p{margin-top:10px; line-height:1.5em; height:6em; overflow:hidden;}
#notice .view_more{top:11px; right:20px;}
/* 개인공지사항 */
#notice ul.list.n02 li{float:right; width:calc(50% - 14px); }
#notice ul.list.n02 li a{padding-left:18px;}
#notice ul.list.n02 li a:after{left:0;}
#notice ul.list.n02 li:nth-child(odd){float:left;}
#notice ul.list.n02 li:nth-child(-n+2){margin:0;}

/* banner */
.noticeWrap .banner{max-width:320px; height:240px; position:relative;}
.noticeWrap .banner img{width:100%; height:100%;}



/* 구독서비스 */
#mainCont .webDB{width:100%; margin:0 auto; margin-top:40px;}
#mainCont .webDB .dbList{width:100%; margin:0 auto; overflow:hidden;}
#mainCont .webDB ul{width:100%; display:flex;}
#mainCont .webDB ul li{width:calc((100% - 100px) / 6); text-align:center;}
#mainCont .webDB ul li a{display:block;}
#mainCont .webDB ul li a span{display:block; border-radius:15px; border:1px solid #ccc; overflow:hidden;}
#mainCont .webDB ul li a span img{max-width:100%; max-height:80px;}
#mainCont .webDB ul li a b{display:block;font-size:15px; margin-top:15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} 

/* 추천도서 */

#mainCont .bookSlider{width:calc(100% - 394px); margin:0 auto;}
#mainCont .bookSlider ul.tap{display:flex; gap:30px;}
#mainCont .bookSlider ul.tap li a{display:inline-block; position:relative;}
#mainCont .bookSlider ul.tap li.on a:after{content: " " ;display:block; height:0; width:100%; height:1px; background-color:#fff ; position:absolute; bottom:-1px; left:0; transition:ease 0.3s;}
#mainCont .bookSlider ul.tap li a span{display:inline-block; font-size:23px; padding:0 0 10px 0; color:#666; height:100%; position:relative; font-family:var(--font-type02); font-weight:500;}
#mainCont .bookSlider ul.tap li a span:after{content: " " ;display:block; height:0; width:0; height:4px; background-color:#3f54d1 ; position:absolute; bottom:-1px; left:50%; transition:ease 0.3s;}
#mainCont .bookSlider ul.tap li a:hover span, #mainCont .bookSlider ul.tap li a:focus span, #mainCont .bookSlider ul.tap li.on a span{color:#333; font-weight:600;}
#mainCont .bookSlider ul.tap li.on a span:after{width:100%; height:5px; left:0;}

#mainCont .bookSlider .bookList{width:100%; margin:0 auto; overflow:hidden; margin-top:10px;}
#mainCont .bookSlider .bookList ul{width:100%; display:flex;}
#mainCont .bookSlider .bookList ul li{width:calc((100% - 80px) / 5); text-align:center;}
#mainCont .bookSlider .bookList ul li a{display:block;}
#mainCont .bookSlider .bookList ul li a .imgWrap{display:block; height:242px; border-radius:15px; border:1px solid #ccc; overflow:hidden;}
#mainCont .bookSlider .bookList ul li a img{width:100%; height:100%;}
#mainCont .bookSlider .bookList ul li a b{ display:block; font-size:15px; margin-top:15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} 




/* 교양컨텐츠 */
#mainCont .ebook{width:100%; max-width:354px; margin:0 auto;}
#mainCont .ebook ul{width:100%; height:100%; display:flex; gap:20px; flex-direction:column;}
#mainCont .ebook ul li{border-radius:15px; border:1px solid #ccc; overflow:hidden;}
#mainCont .ebook ul li a{display:block;}
#mainCont .ebook ul li img{max-width:100%;}

/* 소식지 */
#mainCont .news{width:100%; margin:0 auto; margin-top:40px;}
#mainCont .news .newsList{width:100%; margin:0 auto; overflow:hidden;}
#mainCont .news ul{width:100%; display:flex;}
#mainCont .news ul li{width:calc((100% - 100px) / 6);}
#mainCont .news ul li a{display:block;}
#mainCont .news ul li a .imgWrap{display:block; height:160px; border-radius:15px; border:1px solid #ccc; overflow:hidden;}
#mainCont .news ul li a img{width:100%; height:100%;}
#mainCont .news ul li a b{display:block; font-size:15px; margin-top:15px;} 
#mainCont .news ul li a .date{display:block; font-size:14px; color:#666; margin-top:10px;}


/* noDta */
.noDta{width:100%; margin:0 auto; min-height:250px; text-align:center; padding-top:5em;}
.noDta i{display:inline-block; width:40px; height:40px; background:url(../images/noData.png) no-repeat center; background-size:100%;}
.noDta p{width:100%; margin:0 auto; font-weight:500; color:#666; line-height:1.2em; padding-top:10px;}
#mainCont .bookSlider .noDta, #mainCont .ebook .noDta{max-height:272px; min-height:272px; padding-top:5em;}
#mainCont .webDB .noDta{max-height:76px; min-height:76px; padding-top:2em; padding-top:0;}
#mainCont .news .noDta, #mainCont .notice .noDta{max-height:256px; min-height:256px; padding-top:5em;}


/* footer */
#footer_wrap{width:100%; margin:0 auto; background:#20242a; padding:40px 30px;}
.footer{width:100%; display:flex; justify-content:space-between; max-width:1400px; margin:0 auto; color:#fff; position:relative;}
.footer br{display:none;}
.footer .f_left .linkBox{display:flex;}
.footer .f_left .linkBox li a{color:#fff;}
.footer .f_left .linkBox li a:hover, .footer .f_left .linkBox li a:focus{text-decoration:underline;}
.footer .f_left .linkBox li:first-child a{font-weight:600;}
.footer .f_left .linkBox li + li:before{content:"•"; display:inline-block; opacity:0.8; margin:0 10px;}
.footer .f_left .f_info{margin-top:25px;}
.footer .f_left .f_info > p span{ font-weight:300;}
.footer .f_left .f_info > ul{display:flex; gap:20px; margin-top:10px;}
.footer .f_left .f_info > ul li{display:inline-block; font-weight:400;}
.footer .f_left .f_info > ul li a{color:#fff; vertical-align:top;}
.footer .f_left .f_info > ul li a:hover, .footer .f_left .f_info > ul li a:focus{text-decoration:underline;}
.footer .f_left > p{margin-top:20px; font-weight:200;}

.footer .f_right{position:relative; padding-right:46px;}
.footer .f_right .familySite{width:210px; position:relative;}
.footer .f_right .familySite > a{display:block; width:210px; line-height:36px; padding:0 25px 0 12px; color:#fff; font-weight:400; position:relative; border:1px solid #fff; border-radius:5px;}
.footer .f_right .familySite > a:after{content:""; width:6px; height:6px; border:1px solid #fff; border-width:1px 1px 0 0; position:absolute; top:50%; right:12px; transform:translateY(-50%) rotate(-45deg);}
.footer .f_right .familySite > ul{width:210px; max-height:240px; overflow-y:auto; position:absolute; left:0; bottom:38px; background:#353d4a; padding:12px 0; border-radius:5px 5px 0 0; border:1px solid #fff; border-bottom:0; transform:translateY(-50px); opacity:0; display:none;}
.footer .f_right .familySite > ul::-webkit-scrollbar {width: 10px;}
.footer .f_right .familySite > ul::-webkit-scrollbar-thumb {background-color: #a7b7ce; border-radius: 10px; background-clip: padding-box; border: 0;}
.footer .f_right .familySite > ul::-webkit-scrollbar-track {background-color: rgba(10,41,87,0.2); border-radius: 10px;}
.footer .f_right .familySite > ul li a{display:block; color:#fff; font-weight:400; font-size:14px; line-height:24px; padding:0 12px;}
.footer .f_right .familySite > ul li a:hover, .footer .f_right .familySite > ul li a:focus{background-color:rgb(0 0 0 / 30%); transition:all 0.3s;}
.footer .f_right .familySite.on a{border-radius:0 0 5px 5px;}
.footer .f_right .familySite.on > a:after{border-width:0 0 1px 1px;}
.footer .f_right .familySite.on > ul{opacity:1; transform:none; transition:all linear 0.3s; display:block;}
.footer .totop{display:inline-block; width:36px; height:36px; border-radius:5px; background:#fff url(../images/arw_totop.png) no-repeat center; position:absolute; right:0; top:0;}
.footer .totop:hover, .footer .totop:focus{transition:all 0.3s; background-color:var(--primary-color); border-color:var(--primary-color); background-image:url(../images/arw_totopOn.png);}






/*-------------------------------------------- sub -------------------------------------------- */
#container{width:100%; margin:0 auto; min-height:680px; height:auto; font-size:15px; overflow:hidden;}
#container h2{font-size:35px;}

.quickLink{position:fixed; right:30px; top:190px; overflow:hidden; min-width:200px; text-align:right; z-index:11; display:none;}
.quickLink a{display:inline-block;}
.quickLink .ql1{width:59px; height:59px; background:url(../images/ql1.png) no-repeat center center; position:relative; overflow:hidden;}
.quickLink .ql1 span{ background:#10b6e7; padding:7px 30px 7px 15px; color:#fff; font-weight:500; border-radius:28px; white-space:nowrap; position:absolute; z-index:-1; opacity:0; left:0; top:6px;  transition:ease-out 0.3s;}
.quickLink .ql1:hover span{display:block; left:-120px; top:6px; opacity:1;}
.quickLink .ql1:hover{overflow:visible;}

#subCont{width:100%; margin:0 auto;}
/*----------------------sub공통---------------------- */
.sub_wrap{max-width:1340px; margin:0 auto; padding:60px 30px 100px 30px; height:auto;}
.sub_wrap .title{word-break:keep-all;}
.sub_title{width:100%; margin:0 auto; padding-bottom:30px; position:relative;}
.sub_title:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.sub_title h2{font-weight:500; float:left; font-family: var(--font-type02);}
.sub_title .tit_info{vertical-align:middle; display:block; font-size:18px; color:#333; font-weight:300; margin-top:20px; line-height:1.5em;}
.sub_title.line{border:1px solid #101010;}
.sub_title + .dv_table{margin-top:0;}

/* sub상단 */
.sub_title ul{float:right; vertical-align:bottom; text-align:right;}
.snav{margin-top:15px;}
.snav:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.snav li{ display:inline-block; float:left; background:url(../images/arwR_grey.png) no-repeat left center; padding-left:7px; background-size:6px auto;}
.snav li:first-child{background:none; padding-left:0;}
.snav li a{display:inline-block; color:#676767; padding:0 10px; line-height:24px; height:24px;}
.snav li a:hover, .snav li a:focus{color:#101010; text-decoration:underline;}
.snav li a i{margin-top:4px;}

/* title */
.title3_t01{font-size:24px; width:100%; padding:18px 0 5px 0; margin:0 auto; margin-top:50px; font-weight:500; position:relative; font-family: var(--font-type02);}
.title3_t01:before{content: " "; display:block; height:8px; width:22px; border-radius:40px; background:#00ac4f; position:absolute; left:0; top:0;}
.title3_t02{font-size:24px; width:100%; padding:20px 0; margin:0 auto; border-top:1px solid #ddd; margin-top:50px; font-weight:700; position:relative;}
.title3_t02:before{content: " "; display:block; height:5px; width:42px; background:var(--primary-color); position:absolute; left:0; top:-2px;}
h4:before{content: " ";display: block; height:6px; width:11px; border-radius:6px; position:absolute; left:0; top:50%; margin-top:-3px; background:var(--secondary-color) ;}
h4{font-size:22px; margin-top:30px; font-weight:500; position:relative; padding-left:20px;}
h3 + p, h4 + p{line-height:1.5em;}
.sub_title + h3, .sub_title + h4{margin-top:20px;}
.title3_t01 + div{margin-top:15px;}
.tit_link{position:relative;}
.tit_link a{position:absolute; right:0;top:5px;}
.sub_title + div > .title3_t01:first-child{margin-top:0;}
/* topdInfoBox */
.topdInfoBox{width:100%; margin:0 auto; background:#f1f7fb url(../images/bg_topInfo.png) no-repeat 0 0; padding:25px 30px; border-radius:15px; position:relative; overflow:hidden;}
.topdInfoBox p{line-height:1.5em; font-weight:400;}
.topdInfoBox b{line-height:1.5em; font-weight:500;}
.topdInfoBox + div{margin-top:50px;}
.topdInfoBox .txt_list{margin-top:0;}
.topdInfoBox .txt_list li{ font-weight:400;}
.topdInfoBox .txt_list li:after{border-color:#7d96b2;}
.manager > b{display:inline-block;}
.manager span{display:inline-block; margin-right:10px;}
.manager span b{display:inline-block; padding-left:18px; margin-right:5;}
.manager .tel2 b{background:url(../images/i_tel2.png) no-repeat left center; background-size:13px;}
.manager .mail2 i{width:13px; height:13px; background:url(../images/i_mail2.png) no-repeat left center; display:inline-block; background-size:13px; margin-right:5px;}
.manager a:hover{text-decoration:underline;}

/* sub상단 */
.basic_searchBox .right_area select, .basic_searchBox .right_area input{float:left; margin-left:5px;}
.sub_topline{width:100%; margin:0 auto; border-top:solid 1px #101010;}
.basic_searchBox .title3_t01{margin-top:0;}
.search_collection + .basic_searchBox, .sub_search_box+ .basic_searchBox{margin-top:30px;}
.basic_searchBox .select_dateBox{float:right;}
.basic_searchBox select + .select_dateBox{margin-left:5px;}
.basic_searchBox .select_dateBox span{border-top:1px solid #ccc; border-bottom:1px solid #ccc;}

/* 상단탭 */
.tapWrap{width:100%; margin:0 auto; margin:40px 0; position:relative;}
.tapWrap:before{content:" "; display:block; width:100%; height:1px; position:absolute; background-color:#ccc; left:0; top:0; z-index:-1;}
.tapWrap:after{content:" "; display:block; width:100%; height:1px; position:absolute; background-color:#ccc; left:0; bottom:0; z-index:-1;}
.scrollBlind{width:100%; margin:0 auto;}
.sub_title + .tapWrap{margin-top:10px;}
ul.sub_top_t01{width:100%; margin:0 auto ; text-align:center;  }
ul.sub_top_t01 li{display:inline-block; text-align:center; padding:0 15px;}
ul.sub_top_t01 li a{display:block; width:100%; font-size:18px; color:#777; line-height:50px; height:50px; vertical-align:middle; font-weight:600; position:relative; letter-spacing:-0.5px;}
ul.sub_top_t01 li:hover a, ul.sub_top_t01 li.on a{color:var(--primary-color);}
ul.sub_top_t01 li:hover a:after{width:100%;}
ul.sub_top_t01 li a:after{display:block; content:''; position:absolute; width:0; height:3px; background:var(--primary-color); left:50%; bottom:0;
transform:translate(-50%,0%); -webkit-transform:translate(-50%,0%);	-moz-transform:translate(-50%,0%);	-ms-transform:translate(-50%,0%); -o-transform:translate(-50%,0%);	
transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s;} 
ul.sub_top_t01 li.on a:after{width:100%;}

.linkMap{width:100%; margin:0 auto; background-color:#f3f3f3; padding:15px; border-radius:15px;}
.linkMap ul{justify-content:center;}
.linkMap ul li{width:auto;}
.linkMap ul li a{display:inline-block; line-height:34px; padding:0 12px; border-radius:5px; border:1px solid #ccc; background:#fff; font-weight:500; font-size:14px;}
.linkMap ul li a:hover, .linkMap ul li a:focus{background-color:#434343; color:#fff; transition:all 0.3s;}
/* btn_area */
.btn_area{width:100%; margin:0 auto; margin-top:40px; text-align:center;}
.btn_area a{margin:0 5px;}
.btn_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}

/* tip */
.tip{width:100%; margin:0 auto; margin-top:20px; position:relative; padding-left:45px;}
.tip .link{text-decoration:underline; display:inline-block; margin-top:-4px;}
.tip .address{width:100%; margin:0 auto;}
.tip .address li{display:inline-block; font-weight:500;}
.tip .address b{display:inline-block; position:relative; padding-right:18px; color:var(--primary-color);}
.tip .address b:after{content: " "; display: block; height: 2px; width: 5px; background: var(--primary-color); position: absolute; right: 5px; top:8px;}
.tip .address span{display:inline-block; margin-right:15px;}
.tip .i_tip{padding:2px 8px; text-align:center; display:inline-block; font-size:14px; background:var(--primary-color); color:#fff; margin-right:8px; border-radius:5px; position:absolute; left:0; top:-2px;}
.tip .tip_txt{color:#2d844a;display:inline-block; font-weight:500; line-height:1.5em;}
.tip2{width:100%; margin:0 auto; border:1px solid #676767; padding:20px; margin-top:30px;}
.tip2:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.tip2 .i_tip{padding:1px 7px; text-align:center; font-size:18px; display:block; background:#676767; border:2px solid #676767; color:#fff; margin-right:10px; border-radius:10px; font-weight:700; float:left;}
.tip2 .tip_txt{color:#676767;display:block; font-weight:500; float:left; line-height:25px;}

/* 본문 리스트 */
ul.txt_list{width:100%; margin:0 auto; margin-top:15px;}
ul.txt_list > li{line-height:28px; position:relative; padding-left:20px;}
ul.txt_list > li:after{content: " "; display: block; width: 3px; height: 3px; border: 3px solid #a9bfd0; position: absolute; left: 0; top: 10px; border-radius: 3px;}
ul.txt_list > li > ul{width:100%; margin:0 auto; margin-top:0;}
ul.txt_list > li > ul > li{padding-left:15px; position: relative;}
ul.txt_list > li > ul > li:after{content: " "; display: block; width: 5px; height: 5px; border-radius:5px; background-color:#4e6897; transform:rotate(45deg); position: absolute; left: 0; top: 12px;}
ul.txt_list .depth3 > li{padding-left:15px; position: relative;}
ul.txt_list li a.btn_h22_t01, ul.txt_list li a.btn_h22_t02{margin-left:5px;}
ul.txt_list .nb_color, ul.txt_list .nb_color2{padding:0 5px;}
p.cont_txt:before{content: " "; display: block; height: 3px; width: 10px; background: #101010; position: absolute; left: 0; top:13px;}
p.cont_txt{line-height:28px; position:relative; padding-left: 18px;}
a.link{color:#333; font-weight:500;}
a.link:hover{text-decoration:underline;}
h4 + .txt_list{padding-left:22px;}

ul.txt_list .btn_h22_t03{margin-top:-3px;}

.cont_full_txt{text-align:justify; line-height:28px;}
.sub_cont{width:100%; margin:0 auto; border-top:solid 1px #101010;}
.sub_cont .cont_txt{margin-top:15px;}
.sub_cont .img_wrap{margin-top:30px; text-align:center; overflow:hidden;}
.img_wrap2{width:70%; text-align:center; overflow:hidden; margin:0 auto; margin-top:30px;}
.img_wrap2 img{width:100%;}
.img_wrap_full{width:100%; margin:0 auto; text-align:center; margin-top:30px; }
.img_wrap_full img{width:100%; margin:0 auto; display:inline-block;}

/* nbBox */
.nbBox{width:100%; margin:0 auto; border-top:2px solid #0072a2;}
.nbBox b{font-weight:400;}
.nbBox .nb_list{width:100%; margin:0 auto; display:table; table-layout:fixed; border-collapse:collapse;}
.nbBox .nb_list > div{display:table-cell; border:1px solid #ccc; border-top:0; vertical-align:middle; padding:15px;}
.nbBox .nb_list .tit{text-align:center; font-weight:500;}
.nbBox ul.txt_list{margin-top:0;}
.tbg{background-color:#f6f6f6;}
.tbc{color:#0072a2; font-weight:500 !important; display:inline-block;}
.sub_tit{margin-bottom:5px; line-height:1.5em; display:inline-block; font-weight:400;}
.nbBox.guide .tit{width:200px; text-align:center;}

/* 본문박스 */
.roundBox{width:100%; margin:0 auto; border:1px solid #ccc; border-radius:15px; padding:30px;}
.roundBox ul{margin-top:0;}
.roundBox div + ul{margin-top:15px;}
.roundBox + div{margin-top:15px;}
.roundBox > p{line-height:1.5em;}
.roundBox > p + ul{margin-top:15px;}
h4 + .roundBox, h4 + p{margin-top:15px;}
h3 + .roundBox, h3 + p{margin-top:15px;}
.roundBox h4{margin-top:0;}
.roundBox h4 + ul{margin-top:15px;}
.roundBox ul + h4{margin-top:20px;}
.roundBox ul + div{margin-top:15px;}
.roundBox div + div{margin-top:20px;}
.roundBox h3{margin-top:0;}
.roundBox h3 + ul{margin-top:15px;}
.roundBox.blue{background-color:#f1f7fb; border:0;}
.roundBox.gray{background-color:#f6f6f6; border:0;}

.noteBox{width:100%; margin:0 auto; margin-top:30px;}
.noteBox h4{font-size:16px; position:relative; padding-left:15px; margin:0; line-height:1.5em;}
.noteBox h4 + h4, .noteBox ul + h4{margin-top:20px;}
.noteBox h4:before{content: " "; display:block; height:10px; width:3px; position:absolute; left:5px; top:8px; background: #00ac4f; -ms-transform:rotate(0deg) skewX(-30deg); -webkit-transform:rotate(0deg) skewX(-30deg); -moz-transform:rotate(0deg) skewX(-30deg); -o-transform:rotate(0deg) skewX(-30deg); transform:rotate(0deg) skewX(-30deg);}
.noteBox p{line-height:1.5em;}
.noteBox h4 span{font-weight:300;}
.noteBox .list{position:relative; padding-left:20px; line-height:28px;}
.noteBox .list:after{content: " "; display: block; width: 4px; height: 4px; border: 3px solid #a9bfd0; position: absolute; left: 0; top: 9px; border-radius: 10px;}

.ex_box{width:100%; margin:0 atuo; margin-top:30px; border:1px solid #ddd; border-top:solid 1px #101010;}
.ex_box > div{width:100%; margin:0 auto; border-top:1px solid #ddd;}
.ex_box > div:first-child{border-top:0;}
.ex_box .ex{display:table;}
.ex_box .ex > div{display:table-cell; padding:15px;}
.ex_box .ex .title{font-weight:500; font-size:16px; width:25%; text-align:center; vertical-align:middle; color:#00ac4f}
.ex_box .ex .info{width:75%;}
.ex_box .ex .info p{width:100%; line-height:28px; position:relative; padding-left:15px;}
.ex_box .ex .info p:after{content: " ";display: block; width:4px; height:4px; background:#00ac4f; position:absolute; left:0; top:14px;}
.ex_box .ex .info p a{display:inline-block; vertical-align:text-bottom;}
.h3 + .ex_box{margin-top:30px;}
.ex_box + .search_collection{margin-top:50px;}
.ex_box .ex .info ul{width:100%;}
.ex_box .ex .info ul li{display:block; line-height:28px; width:100%; position:relative; padding-left:15px; vertical-align:middle;}
.ex_box .ex .info ul li:after{content: " ";display: block; width:4px; height:4px; background:#00ac4f; position:absolute; left:0; top:14px;}

/*----------------  table style ----------------*/
table tbody tr td.left, table tbody tr th.left{text-align:left; padding:12px 20px;}
table tbody tr td.center, table tbody tr th.center{text-align:center;}
table tbody tr td.tit, table tbody tr th.tit{text-align:left; font-weight:400;}
table tbody tr td.tit a:hover, table tbody tr th.tit a:hover{text-decoration:underline;}
table tr th{word-break:keep-all; line-height:24px;}
table tr td{line-height:28px;}
table tr td > ul.txt_list{margin-top:0;}

.t_wrap{width:100%; margin:0 auto; margin-top:30px;}
.t_wrap2{width:100%; margin:0 auto; margin-top:50px;}
.table_t01{width:100%; margin:0 auto; border-top:solid 1px #101010; border-collapse:collapse;}
.table_t01 tr td, .table_t01 tr th{border:solid 1px #ccc; padding:10px 5px; text-align:center; vertical-align:middle;}
.table_t01 tr th{font-weight:500; background:#f3f3f3;}
.table_t01 thead{background:#f3f3f3;}
.table_t01 thead tr td, .table_t01 thead tr th{border-top:0;}
.table_t01 tbody th{font-weight:500;}
.table_t01 tr td:first-child, .table_t01 tr th:first-child{border-left:0;}
.table_t01 tr td:last-child, .table_t01 tr th:last-child{border-right:0;}

.table_t02{width:100%; margin:0 auto; border-top:solid 1px #101010; border-bottom:solid 1px #ccc; border-collapse:collapse; }
.table_t02 tr{border-top:solid 1px #ccc;}
.table_t02 tr td, .table_t02 tr th{padding:10px 5px; text-align:center; vertical-align:middle;}
.table_t02 tr th{font-weight:500;}
.table_t02 thead tr{border-bottom:solid 1px #101010;}
.table_t02 tbody th{ font-weight:500;}
.table_t02_cal{width:100%; margin:0 auto; border-top:solid 1px #101010; border-collapse:collapse;}
.table_t02_cal tr td, .table_t02_cal tr th{border:solid 1px #ccc; line-height:1.5em; 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:#f3f3f3;}
.table_t02_cal tbody th{background:#f3f3f3; font-weight:500;}
.table_t02_cal tbody tr td.left{text-align:left; padding-left:10px;}
.table_t02_cal .btn_t03{margin-left:5px;}
.table_t02_cal tbody tr td span{display:block; margin-top:-28px;}
.search_topBox + table{margin-top:15px;}

.table_t02 .tit span{margin-left:10px;}
.table_t02_cal a{display:block; width:100%; padding:6px; font-weight:500; line-height:22px; height:98px; overflow:hidden; letter-spacing:-0.05em; text-overflow:ellipsis; word-wrap: break-word;
 display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size:13px; border-radius:5px;}
.table_t02_cal a.schedule{background:#fcf1da;}
.table_t02_cal a.end{background:#f6f6f6; color:#999;}
.table_t02_cal a.schedule:hover{background:#00ac4f; color:#fff;}
.table_t02_cal a.end:hover{background:#efefef;}
.table_t03{width:100%; margin:0 auto; border-collapse:collapse;}
.table_t03 tr td, .table_t03 tr th{border-bottom:solid 1px #ccc; min-height:48px; padding:12px 0; text-align:center; vertical-align:middle;}
.table_t03 tr th{font-weight:500; text-align:center; background:#f3f3f3;}
.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 1px #101010;}
.table_t03 tbody th{color:#333;}
.table_t03 .nb_color3{vertical-align:middle; margin-left:10px; display:inline-block; width:auto;}
.table_t03 .btn_t01, .table_t03 .btn_t02, .table_t03 .btn_t03, .table_t03 .btn_t04{width:auto; border-radius:0; padding:4px 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 #ccc;}
.table_t03 textarea.tat2{width:100%; padding:5px; border:0; min-height:100px; border:solid 1px #ccc;}
table tr .clearfix input, table tr .clearfix a, table tr .clearfix select{float:left;}
.txt_input span{display:inline-block; vertical-align:middle; float:left; line-height:40px;}
.txt_input > input{float:right; width:84%;}
.txt_input:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.table_t03 tr .clearfix span{float:right;}
.table_t03 tr .clearfix span a{margin-left:5px;}
.table_t04{width:100%; border-left:solid 2px #101010; border-collapse:collapse; margin-top:20px;}
.table_t04 tr td, .table_t04 tr th{border:solid 1px #ccc; min-height:48px; padding:12px 20px; text-align:left; vertical-align:middle;}
.table_t04 th{background:#f3f3f3; text-align:left;}
.requisite{font-size:24px; color:#f84e57;}
table label{margin-right:15px; vertical-align:middle;}
.td_txt_box{width:100%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box2{width:74.2%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box3{width:83%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box4{width:50%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box5{width:30%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box6{width:15%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box7{width:10%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box80{width:80%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box200{width:200px; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
table tr .date span{display:inline-block; padding:11px 0; margin:0 15px 0 5px;}
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:300;}
.table_wrap{width:100%; margin:0 auto; margin:30px 0;}
.td_bg1{background:#f3f6fa;}
.td_bg2{background:#ddd;}
.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:300;}
td.over .chk_1 span{display:inline-block; margin:5px 0 0 5px;}
td.over .nb{display:inline-block; padding:5px 0;}
table a.link i{background-size:100%; width:7px;}
table a.link:hover{text-decoration:underline;}
.top_line table{border-top:0;}
.top_line table tbody{border-top:1px solid #101010;}
.top_line table tr th, .top_line table tr td{border:1px solid #ccc;}

/* sub intro */
.subIntro{width:100%; margin:0 auto; overflow:hidden;}
.subIntro ul{width:calc(100% + 40px); display:flex; flex-wrap:wrap; gap:40px;}
.subIntro ul li{width:calc((100% / 3) - 40px);}
.subIntro ul li a{display:block; width:100%; min-height:280px; padding:35px 30px; border:1px solid #ccc; border-radius:15px; position:relative;}
.subIntro ul li a:after{content:""; display:block; width:40px; height:40px; border-radius:15px 0; background:#858585 url(../images/intro_arw.png) no-repeat center; position:absolute; right:0; bottom:0;}
.subIntro ul li a:hover, .subIntro ul li a:focus{border-color:var(--primary-color); transition:all 0.3s;}
.subIntro ul li a:hover:after, .subIntro ul li a:focus:after{background-color:var(--primary-color); transition:all 0.3s;}
.subIntro ul li .tit{display:block; font-family:var(--font-type02); font-size:24px; font-weight:500; line-height:1.2em;}
.subIntro ul li .info{display:block; margin-top:20px; line-height:1.5em; font-size:16px;}

/* 테이블 첨부파일*/
.t_attachments{width:100%; margin:0 auto; position:relative; padding-right:95px;}
.t_attachments:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.t_attachments a{width:17% !important; float:left;}
.t_attachments input{float:left; width:83%;}
.t_attachments .right_area{position:absolute; right:0; top:0;}
.t_attachments .right_area a{margin-left:2%!important; width:48% !important; text-align:right;}
.t_attachments .right_area a:first-child{margin:0;}

/*---------------------- 게시판 ---------------------- */

/* basic_searchBox */
.basic_searchBox{width:100%; margin:0 auto;}
.basic_searchBox:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.basic_searchBox .left_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.basic_searchBox .tit{display:inline-block; padding-right:5px;}
.basic_searchBox .left_area p{margin-top:20px;}
.basic_searchBox .left_area p + p{ margin-left:12px; padding-left:11px; position:relative;}
.basic_searchBox .left_area p + p:before{content: " ";display: block; position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:13px; background:#44403d;}
.basic_searchBox .txt_num{color:#00ac4f; font-weight:500;}
.basic_searchBox select + a{margin-left:5px;}
.basic_total{float:left;}
.basic_page{float:left;}
.basic_total span{display:inline-block;}
.basic_search{display:inline-block; position:relative;}
.basic_search input{width:280px; padding:8px 40px 8px 10px;}
.basic_search a{display:block; position:absolute; right:0; top:0; width:40px; height:40px; background:url(../images/sub_sglass.png) no-repeat center center;}
.boardSearch{width:100%; margin:0 auto; display:flex; justify-content:center; padding:20px; background:#f3f3f3; border-radius:12px;}
.boardSearch select{margin-right:5px; border-radius:5px;}
.boardSearch + div{margin-top:20px;}
.boardSearch input{border-radius:5px;}

/* 게시판 */
.sub_wrap .scrollos-container{background:url(../images/tapBg.gif) repeat-x bottom;}
.sub_wrap .scrollos-content{padding-bottom:3px;}
.sub_wrap .scrollos-content .item{margin-left:5px;}
.sub_wrap .scrollos-content .item:first-child{margin-left:0;}
.sub_wrap .scrollos-content .item a {display:block; width:100%; text-align:center;padding-left:20px; padding-right:20px; background:#f3f3f3; line-height:48px;color:#888; font-size:20px; font-weight:500; transition:none;}
.sub_wrap .scrollos-content .item .on{height:56px; color:#333; background:#fff; border:3px solid #101010; border-bottom:3px solid #fff; margin-bottom:-6px; transition:none;}
.sub_wrap .scrollos-content .item a:hover{color:#333; transition:none;}
.sub_wrap .scrollos-content .item .on span{border-bottom:5px solid #00ac4f;}

.sub_wrap ul.first_select{width:1221px; border-top:solid 1px #101010; padding-top:30px; margin-top:50px;} 
.sub_wrap ul.first_select li{float:left; width:33.3333%; padding-right:20px; text-align:center;margin-top:20px;}
.sub_wrap ul.first_select li a{display:block; width:100%; min-height:308px; padding:30px 20px; border:solid 1px #ccc; border-bottom:solid 3px #d5d9de; border-radius:15px; position:relative;}
.sub_wrap ul.first_select li a b:before{content:''; width:40px; height:4px; background:#00ac4f; 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;}
.sub_wrap ul.first_select li a i.next{position:absolute; right:20px; bottom:20px; display:block;width:50px; height:50px; background:#fff url(../images/i_goR_white.png) no-repeat center center; border-radius:40px; background-size:60%;}
.sub_wrap ul.first_select li a:hover{border-color:#00ac4f; transition:ease 0.3s;}
.sub_wrap ul.first_select li a:hover i{background-color:#00ac4f; transition:ease 0.3s;}

/* board */
.board{width:100%; margin:0 auto;}
.search_internet{width:100%; margin:0 auto; position:relative; padding-right:215px; height:40px; margin:15px 0;}
.search_internet:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_internet span{display:block; position:relative; width:100%; padding-right:100px;}
.search_internet span > b{display:block; width:100%; line-height:40px; height:40px; padding:0 10px; border:1px solid #ddd; color:#666;}
.search_internet span > a{display:block; position:absolute; right:0; top:0;}
.search_internet > b{display:block; position:absolute; right:0; top:0;}



/* board_view */
.board_view{width:100%; margin:0 auto;}
.board_view .top{width:100%; border-top:solid 1px #101010; border-bottom:solid 1px #ccc; padding:20px;}
.board_view .top .view_title{font-size:23px; float:left; display:inline-block; font-weight:500;}
.board_view .top:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.board_view dl.info{float:right; line-height:23px;}
.board_view dl.info dt:after{content: " ";display: block; background:#ccc; height:5px; width:5px; position:absolute; border-radius:5px; right:0; top:50%; margin-top:-2.5px;}
.board_view dl.info dt{padding-right:12px; margin-left:20px; display:inline-block; font-weight:500; position:relative;}
.board_view dl.info dd{display:inline-block; color:#676767; margin-left:5px;}
.board_view .btn_area{text-align:center;}
.view_content{width:100%; margin:0 auto; padding:40px 20px; border-bottom:solid 1px #ccc; font-weight:normal;}
.view_content p, .view_content2 p{line-height:1.5em;}
.view_content img{max-width:100%;}
.view_content h2.title + ul.info{margin:20px 0;}
.view_content h2.title + ul.info li{line-height:1.5em;position:relative; padding-left:20px; background:url(../images/list_dot2.png) no-repeat left 5px center;}
.view_content h2.title + ul.info li strong{display:inline-block; margin-right:5px; font-weight:500;}

/* 게시판첨부 */
.attached_file{width:100%; margin:0 auto; border-bottom:solid 1px #ccc; background:#f3f3f3;}
.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; text-align:center; float:left;}
.attached_file ul{width:85%; background:#fff; border-left:solid 1px #ccc; float:right;}
.attached_file ul li{display:block; line-height:50px; width:100%; padding:0 20px; border-top:solid 1px #ccc;}
.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:#676767;}
.attached_file ul li a:hover b{text-decoration:underline;}
.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_boardBottom{width:100%; margin:0 auto; position:relative; margin-top:60px; border:solid 1px #ccc;}
.btn_boardBottom:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.btn_boardBottom dl{width:calc(50% - 35px); position:relative;}
.btn_boardBottom .left_area{padding-left:100px; float:left;}
.btn_boardBottom .right_area{padding-right:100px; float:right;}
.btn_boardBottom dl dt{display:block;}
.btn_boardBottom dl dd{width:100%; overflow:hidden; display:block;}
.btn_boardBottom dl dd a{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; line-height:60px;}
.btn_boardBottom dl dd a:hover{text-decoration:underline;}
.btn_boardBottom .right_area dt, .btn_boardBottom .right_area dd{text-align:right;}
.btn_boardBottom .left_area dt{position:absolute; left:0;top:0;}
.btn_boardBottom .right_area dt{position:absolute; right:0;top:0;}
.btn_boardBottom .btn_prev{background:url(../images/arwL_black.png) no-repeat 15px center; background-size:18%; line-height:60px; padding:0 15px 0 40px; display:block; font-weight:500;}
.btn_boardBottom .btn_next{background:url(../images/arwR_black.png) no-repeat right 15px center; background-size:18%; line-height:60px; padding:0 40px 0 15px; display:block; font-weight:500;}
.btn_boardBottom .toList{position:absolute; width:60px; height:60px; left:50%; margin-left:-30px; border-right:solid 1px #ccc; border-left:solid 1px #ccc;}
.btn_boardBottom .toList .btn_toList{width:100%; height:100%; display:block; background:url(../images/toList.png) no-repeat center center;}
.btn_boardBottom .toList .btn_toList:hover{background-color:#f3f2f3; transition: ease 0.3s;}
.btn_boardBottom .btn_prev:hover, .btn_boardBottom .btn_next:hover{text-decoration:underline; transition: ease 0.3s;}
.btn_boardBottom .on{color:#101010 !important;font-weight:500;}

/* paginate */
.paginate {height:40px; margin-top:50px; text-align:center;}
.paginate .arrow{display:inline-block; position:relative; width:40px; height:40px; overflow:hidden; text-indent:-999px; border:1px solid #999;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:40px;height:40px;margin:0 1px;color:#333;font-size:16px;font-weight:500;line-height:40px;border:1px solid #999;}
.paginate .num a.on{color:#fff;border-color:#615d5c;background:#615d5c;}
.paginate a:hover{background-color:#efefef;transition:ease-out 0.3s;}
.m_board{display:none;}

/* 이미지게시판 */
.basic_searchBox + .b_imgList{margin-top:15px;}
.b_imgList{width:100%; margin:0 auto; overflow:hidden;}
.b_imgList ul{width:calc(100% + 30px); display:flex; flex-wrap:wrap; gap:30px;}
.b_imgList ul li{width:calc((100% / 4) - 30px);}
.b_imgList ul li a{display:block;}
.b_imgList ul li a .imgWrap{display:block; width:100%; height:247px; border:1px solid #ccc; border-radius:15px; overflow:hidden; margin:0 auto;}
.b_imgList ul li a .imgWrap img{width:100%; height:100%;}
.b_imgList ul li a b{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; margin-top:20px;}
.b_imgList ul li a .date{display:block; margin-top:10px;}


/*----------------  반응형 테이블 board ----------------*/
.board .table_t02{margin-top:15px;}
.m_txt{display:none;}
.board .search_topBox{border:0; padding:0;}
.table_t02 .count{display:block;}

/* FAQ */
.board_faq{width:100%; margin:0 auto;}
.faq_box{width:100%; margin:0 auto; margin-top:15px; border-bottom:solid 1px #ccc; }
.faq_box > div{position:relative;}
.faq_box .faq_title{width:100%; margin:0 auto; border-top:solid 1px #ccc; vertical-align:middle; padding:15px 15px 15px 68px; min-height:68px; overflow:hidden;}
.faq_box .faq_title a{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
.faq_box .faq_title a:after{content: " "; display: block; height:8px; width:15px; background:url(../images/i_bl_down.png) 0 0 no-repeat; position:absolute; right:15px; top:50%; margin-top:-4px;}
.faq_box .faq_title .on:after{content: " "; display: block; height:8px; width:15px; background:url(../images/i_bl_up.png) 0 0 no-repeat !important; position:absolute; right:15px; top:50%; margin-top:-4px;}
.faq_box .faq_title a:hover, .faq_box .faq_title a:focus, .faq_box .faq_title .on{background-color: rgba(143, 171, 255, 0.06);}
.faq_box .faq_title b{display:block; width:38px; height:38px; text-align:center; border:solid 2px var(--primary-color); color:var(--primary-color); border-radius:38px; line-height:35px; position:absolute; left:15px;}
.faq_box .faq_title p{ float:left; margin-top:8px; font-weight:500; line-height:1.5em;}
.faq_box .faq_cont{width:100%; margin:0 auto; background:#f3f3f3; padding:15px 15px 20px 68px;}
.faq_box .faq_cont b.i_answer{display:block; width:38px; height:38px; text-align:center; border:solid 2px var(--primary-color); background-color:var(--primary-color); color:#f3f3f3; border-radius:38px; line-height:35px; position:absolute; left:15px;}
.faq_box .faq_cont .answer{padding-top:8px; overflow:hidden; line-height:1.5em;}
.faq_box .faq_cont .answer ul.txt_list{margin-top:0;}
.faq_box .faq_cont .answer p + ul.txt_list, .faq_box .faq_cont .answer ul.txt_list + p{margin-top:10px;}
.faq_box .faq_cont .answer .btn_h22_t03{text-decoration:none;}
.faq_box .faq_cont a{font-weight:500; text-decoration:underline;}
.faq_box .faq_cont .attached_file{width:90%; margin:0 auto; border-top:solid 1px #ccc; background:#fff; color:#000; margin-top:20px;}
.faq_box .faq_cont .attached_file ul{background:none;}
.tabBox{width:100%; margin:0 auto; background:#f3f3f3; padding:2px;}
.tabBox ul{width:100%; margin:0 auto;}
.tabBox ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.tabBox ul li{display:inline-block; float:left; width:50%; padding:2px;}
.tabBox ul li a{display:block; width:100%; padding:12px 0; text-align:center; line-height:1.5em; background:#fff; color:var(--primary-color); font-size:16px; border:2px solid var(--primary-color); font-weight:500; border-radius:5px;}
.tabBox ul li a:hover, .tabBox ul li a:focus, .tabBox ul li a.on{background:var(--primary-color); color:#fff;  transition:0.3s ease;}
.tabBox br{display:none;}

/* QA 게시판/
table .reply1{background:url(../images/i_reply.gif) no-repeat 10px center; padding-left:40px; background-size:20px auto; display:inline-block;}
table .reply2{background:url(../images/i_reply.gif) no-repeat 20px center; padding-left:50px; background-size:20px auto; display:inline-block;}
table .reply3{background:url(../images/i_reply.gif) no-repeat 30px center; padding-left:60px; background-size:20px auto; display:inline-block;}
table .lock{padding-right:28px; display:inline-block; position:relative;}
table .lock:after{content: " ";display: block; background:url(../images/i_lock.gif) no-repeat 0 0; position:absolute; width:18px; height:20px; right:0; top:50%; margin-top:-9px;}

/* QA */
.qatWrap{width:100%; margin:0 auto; padding:50px 40px; min-height:520px; border-radius:15px; overflow:hidden; background:#f1f7fb url(../images/bg_qa.png) right 0 bottom 50px no-repeat;}
.qatWrap h3{font-size:28px; line-height:1.3em;}
.qatWrap .btn{margin-top:30px;}



/*------------------------------------------------  검색 ------------------------------------------------*/

/*----------------  ?�료검??----------------*/
ul.tap_search{width:100%; magin:0 aut ; text-align:center;}
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:20px; color:#676767; position:relative; padding:15px 0 5px 0; text-align:center; }
ul.tap_search li a span{padding-bottom:10px; display:inline-block; position:relative;}
ul.tap_search li a:hover, ul.tap_search li a:focus{color:var(--primary-color); transition:0.3s ease; font-weight:500;}
ul.tap_search li a.on{background:#f3f3f3;}
ul.tap_search li a.on span{ color:var(--primary-color); font-weight:500;z-index:1;}
ul.tap_search li a.on span:before{content:" "; display:block; width:100%; height:5px; position:absolute; left:0; bottom:-2px; background:#78a3fa; border-radius:5px; z-index:-1; opacity:0.6;}
.search_collection + ul.tap_search{margin-top:50px;}
.sub_search_box{width:100%; margin:0 auto; background:#f3f3f3; padding:15px; position:relative; z-index:10; border-top:1px solid #101010; border-bottom:1px solid #ddd;}
.tap_search + .sub_search_box, .search_collection .tap_search +  .sub_search_box{border:0;}
.table_search{width:100%; text-align:left; padding:10px;  border-collapse:collapse;}
.select_full{width:100%; display:inline-block; border:solid 1px #ccc;}
.select_half{width:43.1%; display:inline-block; border:solid 1px #ccc;}
.select20{width:19.6%; display:inline-block; border:solid 1px #ccc;}
.table_search tr th, .table_search tr td{padding:5px 10px;}
.table_search tr th{font-weight:500; text-align:right;}
.table_search thead{min-height:20px;}
.input_1btn .btn_t01, .input_1btn .btn_t02, .input_1btn .btn_t03, .input_1btn .btn_t04, .input_1btn .btn_t05, .input_1btn .btn_basicSearch{width:19.6%; border-radius:0;}
.lh40{display:inline-block; line-height:40px; padding:0 5px;}
.table_search  tfoot .btn_area{padding:0; padding:30px 0 20px 0; margin-top:25px; border-top:solid 1px #ccc;}
.tb_search{position:relative;}
.tb_search, .tb_search2, .tb_search3{position:relative;}
.tb_search3 .searchWord_area{position:absolute; top:54px;  width:78.6%; background:#fff; box-sizing:border-box; border:1px solid #ddd; z-index:10; right:10px;}
.tb_search2 .searchWord_area{position:absolute; top:54px; width:78.3%; background:#fff; box-sizing:border-box; border:1px solid #ddd; z-index:10;}
.tb_search .searchWord_area{position:absolute; top:54px; width:82.7%; background:#fff; box-sizing:border-box; border:1px solid #ddd; z-index:10;}
.tb_search .searchWord_area .searchWord ul li a.recent{width:82%;}
.search_inputbox{width:100%; margin:0 auto;}
.search_inputbox:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_inputbox .td_txt_box{width:85%; float:left;}
.search_inputbox a{width:15%; float:left; border-radius:0; height:40px;}
.search_more{width:100%; height:auto; padding-top:12px; margin-top:10px; border-top:solid 1px #ccc;}
.search_more:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_more .related_searches{width:85%; float:left;}
.search_more .related_searches b, .search_more .related_searches a{display:block; float:left; line-height:15px; margin:8px 0;}
.search_more .related_searches b:before{content: " ";display: block; height:3px; width:10px; background:#676767; position:absolute; left:0; top:50%; margin-top:-1.5px;}
.search_more .related_searches b{margin-right:15px; position:relative; display:inline-block; padding:0 5px 0 15px;}
.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; }
.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;}
.search_more .re_search{width:15%; float:right; padding-left:10px;  text-align:right;}
.search_more .re_search label{margin:0;}
.search_more .related_searches a:hover{color:#333; text-decoration:underline; transition:0.3s ease;}
.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;}
.drop_down_tbl a:hover{color:#00ac4f; 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;}
.bt_blue{border-top:solid 3px #365a99; margin-top:60px;}
ul.table_down_list{width:99%; padding:0 10px;  background:#00ac4f;  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;  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:300;}
ul.table_down_list li strong.classify_cont .c_wbox{display:block; width:100%; line-height:22px; background:#fff;  border-radius:10px; color:#00ac4f;  padding:0 10px;  margin-top:5px;}
ul.table_down_list li strong.classify_cont .c_txt2{display:block; width:100%; border-top:solid 1px #00ac4f;  font-weight:300; padding:5px 0;}
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:inline-block; font-weight:300; width:20%; position:relative;}
ul.table_down_list li strong.classify_cont .c_txt2 b:after{content: " ";display: block; height: 3px; width:3px; border-radius:3px; background:#00ac4f; position:absolute; top:10px; right:8px;}
ul.table_down_list li strong.classify_cont .c_txt2 span{display:inline-block;}

/*---------------- 다국어입력 ----------------*/
.insertLang_area{position:relative;}
.insert_lang{width:698px; margin:0 auto; position:absolute; right:0; top:39px; padding: 70px 20px 20px 20px ;  z-index:10; border:solid 1px #ccc; background:#f3f3f3;
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); -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; border:1px solid #ccc; background:#fff;}
.insert_lang ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.insert_lang ul li{float:left; width:16.6666%; text-align:center; border:1px solid #ccc;}
.insert_lang ul li a{display:block; padding:10px 0;}
.insert_lang ul li a:hover, .insert_lang ul li a.on{background:var(--primary-color); color:#fff; font-weight:500; transition:ease 0.3s;}
.lang_keyboardWrap{width:100%; margin:0 auto; padding:15px;border:2px solid #ccc; border-top:0; background:#fff;}
.lang_keyboard{width:100%; margin:0 auto; border-collapse:collapse;}
.lang_keyboard th, .lang_keyboard td{border:solid 1px #ccc; text-align:center; vertical-align:middle; height:50px; line-height:20px;}
.lang_keyboard a{display:block; width:100%; height:100%;  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:#00ac4f; 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;}
.insert_lang .btn_close{position:absolute; right:20px; top:20px; display:block; background:#888 url(../images/close.png) no-repeat center; width:40px; height:40px;}
.insert_lang .btn_close:hover, .insert_lang .btn_close:focus{background-color:#606060; transition:ease 0.3s;}
/*----------------  검색결과 ----------------*/
.btn_limit_to{display:none;}
.searched_terms{width:100%; margin:0 auto; margin-top:30px;}
.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{border:1px solid #ccc; padding:0 10px; color:#676767; font-weight:300; border-radius:5px;}
.searched_terms i{background-size:100%; width:6px; opacity:0.6;}
.searched_terms .searched_txt span.searched_option{margin:0 5px;}
.searched_terms .searched_tx strong, .searched_terms .searched_num b{font-weight:500;}
.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; border:1px solid #ccc; width:28px; height:28px; line-height:28px; text-align:center; color: #fff; font-weight: 400;  border-radius: 5px;}
.searched_terms .searched_num_paging a i{margin:0; height:100%; vertical-align:top;}
.searched_terms .searched_num_paging a:hover{background:#f3f3f3; transition:ease 0.3s}
.search_topBox{width:100%; margin:0 auto; border:1px solid #ddd; border-bottom:2px solid #ddd; padding:15px; margin-top:30px;}
.search_topBox:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_topBox .left_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_topBox .right_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_topBox .left_area a, .search_topBox .left_area select, .search_topBox .left_area input, .search_topBox .left_area span, .search_topBox .left_area b{float:left; display:block; margin-right:5px;} 
.search_topBox .right_area a, .search_topBox .right_area select, .search_topBox .right_area input, .search_topBox .right_area span, .search_topBox .right_area b{float:left; display:block; margin-left:5px;}  
.search_topBox .right_area a, .search_topBox .right_area select, .search_topBox .right_area input{border-radius:5px;} 
.search_topBox span{display:block;position:relative;padding-left:15px;}
.search_topBox span:before{content: " ";display: block; height:3px; width:10px; background:#101010; position:absolute; left:0; top:50%; matin-top:-1.5px;}
.searched_voption:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_topBox .searched_voption{float:left;}
.search_topBox .searched_voption .btnSet{float:left; border-radius:5px; overflow:hidden;}
.searched_voption .btn_align{float:left; margin-left:10px; border-radius:5px; overflow:hidden;}
.search_topBox .select_dateBox{float:left;}
.search_topBox .btn_align a {margin-left:0;}
.search_topBox .select_dateBox span:before{display:none;}
.snum_paging span{margin:0 5px;}
.snum_paging b{margin:0 5px;}
.snum_paging a{display:inline-block; background: #00ac4f; width:28px; height:28px; line-height:28px; text-align:center; color: #fff; font-weight: 400;  border-radius: 28px;}
.snum_paging a i{margin:0; height:100%;}
.snum_paging a:hover{}

#result_wrap{width:100%; margin:0 auto; height:auto; clear:both; overflow:hidden;}
.result{width:100%; margin:0 auto;}
.result:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.result_txt{background-color:#d5ecd5;}
.r_num_color{color:#27a577;}
.result_list{width:75%; float:right;}
.result_list > div{margin-bottom:30px;}
.txt_search_total{width:100%; margin:0 auto; font-size:18px; text-align:center; margin-top:30px;}
.txt_search_total span{color:#27a577; font-weight:500;}

.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; width:25%; float:left; padding-left:10px;}
.search_other ul li:first-child{padding-left:0;}
.search_other ul li a{width:100%; display:block; border:solid 1px #ccc;}
.search_other ul li a img{width:100%;}

.basic_searchBox + .search_topBox{margin-top:15px;}
.basic_searchBox + #result_wrap .No_result{margin-top:15px ;}

/*  검색결과없음 */
.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/basic/no_result.png) no-repeat 50% 40px; border-top:solid 1px #101010;}
.loading{width:100%; min-height:200px; margin:0 auto; text-align:center; margin-top:10px; padding-top:110px; background:url(../images/basic/hourglass.png) no-repeat 50% 20px;}
.No_result p, .loading p, .serchWord p{line-height:1.5em;display:block; font-size:18px;}
.No_result span.nb_color2{margin-top:30px; font-size:15px; display:block; line-height:28px; color:#00ac4f;}

#serchWordWrap{width:100%; margin:0 auto;}
.serchWord{width:100%; min-height:200px; margin:0 auto; text-align:center; margin-top:50px; padding-top:110px; background:url(../images/basic/searchWord.png) no-repeat 50% 20px}
.serchWord p{line-height:1.5em; display:block; font-size:18px; margin-top:10px;}
.serchWord p b{display:block;}
.serchWord p span{display:block; margin-top:10px;}

/* 분류별도서목록리스트 */
.rd-list{width:100%; margin:0 auto; position:relative;}
.result_list .result_class_title{width:100%; margin:0 auto; line-height:55px; border-bottom:solid 1px #ccc; 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{font-weight:500;}
.result_list a.btn_morebook{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 #ccc;}
.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%;  margin:0 auto;box-sizing:border-box; padding-right:0 5px;}
.rd-list .blist_cont .num, .rd-list .list_cont .num{width:5%;  margin:0 auto; text-align:center;  padding:5px 0; text-align:center;}
.img_wrap_sbook{width:85px; height:auto; border:solid 1px #ccc; overflow:hidden; }
.img_wrap_sbook img{width:100%; }
.rd-list .book_info{width:80%; margin-left:20px; }
.rd-list .book_info p.book_title{width:100%; font-size:18px; font-weight:600; line-height:30px;}
.rd-list .book_info ul{width:100%; margin-top:15px;}
.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;  float:left;}
.rd-list .book_info ul li:last-child{margin-right:0;}
.rd-list .book_info ul li b{padding-right:15px; color:#676767; font-weight:500; display:inline-block;}
.rd-list .book_info ul li span{display:inline-block; color:#676767;}
.rd-list .book_info ul li.author{background:url(../images/i_author.png) no-repeat left 7px;}
.rd-list .book_info ul li.publisher{background:url(../images/i_publisher.png) no-repeat left 7px;}
.rd-list .book_info ul li.day{background:url(../images/i_cal.png) no-repeat left 7px;}
.rd-list .book_info ul li.subject{background:url(../images/i_subject.png) no-repeat left 7px;}
.rd-list .book_info ul li.memo{background:url(../images/i_memo.png) no-repeat left 7px;}
.rd-list .book_info ul li.page{background:url(../images/i_page.png) no-repeat left 7px;}
.rd-list .book_info ul li.page2{background:url(../images/i_page2.png) no-repeat left 7px;}
.rd-list .book_info ul li.store{background:url(../images/i_store.png) no-repeat left 7px;}
.rd_label{display:inline-block; font-size:15px; font-weight:400; padding:0 10px; border:1px solid #2b4b76; color:#2b4b76; margin-right:10px;}
.blist_cont .rd_label{margin-bottom: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 em{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 7px;line-height:28px; padding-left:24px;}
.rd-list .book_info .place a{width:100%; display:inline-block; position:relative; box-sizing:border-box; vertical-align:middle; padding:0 90px 0 74px;}
.rd-list .book_info .place a > b{padding-right:15px; color:#676767; font-weight:500; word-break:keep-all; position:absolute; left:0; top:0;}
.rd-list .book_info .place a > small{display:block; width:24px; height:24px; position:absolute; border:1px solid #ccc; border-radius:5px; right:0; top:2px; text-align:center;}
.rd-list .book_info .place a > span{display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rd-list .book_info .place a > strong{display:block; background:#fff; letter-spacing:-0.05em; position:absolute; padding-left:5px; right:30px; top:0;}
.rd-list .book_info .place a:hover span, .rd-list .book_info .place a:focus span, .rd-list .book_info .place a.on span{color:#101010; text-decoration:underline;}
.rd-list .book_info .place a i{width:100% !important; height:100% !important; background-position:center !important; background-size:14px !important; opacity:0.6;}
.rd-list .book_info .place a.on{padding-right:90px;}
.rd-list .book_info .place a.on i{background:url(../images/i_bl_up.png) no-repeat center;}
.rd-list .book_info .place .eng{padding:0 90px 0 142px;}

/* 소장위치상세 */
.rd-list .book_info .open_box_wrap{width:100%; margin:0 auto;  margin:15px 0 10px 0;}
.rd-list .book_info .open_box{width:100%; margin:0 auto;  border-radius:15px; border:2px solid #ccc; margin:15px 0 10px 0; overflow:hidden; text-align:center;}
.book_info .open_box:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.book_info .open_box > div > div{float:left;}
.book_info .open_box .v_detail:nth-child(1){width:20%;}
.book_info .open_box .v_detail:nth-child(2){width:40%;}
.book_info .open_box .v_detail:nth-child(3){width:20%;}
.book_info .open_box .v_detail:nth-child(4){width:20%;}
.book_info .open_box .v_detail .title{width:100%; line-height:40px; font-weight:500; background: #f3f3f3; border-bottom:1px solid #ddd; position:relative; }
.book_info .open_box .v_detail .title:before{content: " ";display: block; position:absolute; width:1px; height:1000%; background:#ddd; left:0; top:0;}
.book_info .open_box .v_detail .inner{padding:10px; width:100%; min-height:30px; text-align:center; position:relative;}
.book_info .open_box .v_detail .inner:before{content: " ";display: block; position:absolute; width:1px; height:1000%; background:#ddd; left:0; top:0;}
.book_info .open_box .v_detail .inner p{line-height:22px;}
.book_info .open_box .v_detail p.btn_box{margin-top:5px;}
.book_info .open_box .v_detail p.btn_box a{height:auto; margin-top:5px; display:inline-block; line-height:1; padding:3px 9px}
.book_info .open_box .vdtBox{width:100%; margin:0 auto; border-top:1px solid #ddd; overflow:hidden;}
.book_info .open_box .vdtBox:nth-child(1){border:0;}
.book_info .open_box .vdtBox + div .title{display:none;}
.book_info .open_box > div:nth-child(1) .title{display:block;}
.book_info .open_box .v_detail:nth-child(1) .inner:before, .book_info .open_box .v_detail:nth-child(1) .title:before{content: " ";display: none;} 

/* 분류별간략리스트*/
.rd-list .list_cont .book_info{width:90%;  margin-left:0;}
.rd-list .list_cont .num{width:6%;  margin:0 auto; text-align:center;  padding:0 5px; vertical-align:middle;line-height:30px;}
.rd-list .blist_cont .chk, .rd-list .list_cont .chk{margin-top:4px;}

/* 분류별갤러리리스트?*/
.list_gallery_wrap{width:100%; margin:0 auto; padding:20px 0; border-bottom:solid 1px #ccc; overflow:hidden;}
.list_gallery{width:calc(100% + 20px); display:flex; flex-wrap:wrap; gap:20px;}
.list_gallery li{width:calc((100% / 5) - 20px); display:block;}
.list_gallery a{width:100%; margin:0 auto; display:block; border:solid 1px #ccc;  border-right:solid 2px #d8caca;  border-bottom:solid 2px #d8caca; }
.img_wrap_mbook{width:100%; height:210px; display:block; overflow:hidden; text-align:center; border-bottom:solid 1px #ccc; background:url(../images/bookcover0.jpg) no-repeat center; background-size:cover;}
.img_wrap_mbook img{width:100%; height:100%;}
.list_gallery .book_title{width:100%; height:58px; font-size:15px; line-height:22px; max-height:54px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding:10px 10px 0 10px; margin-bottom:10px;  overflow:hidden; text-overflow:ellipsis; text-align:center; letter-spacing:-0.05em;}
.list_gallery a:hover{-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); z-index:1000; border:solid 1px #00a2ff;  border-right:solid 2px #00a2ff;  border-bottom:solid 2px #00a2ff; transition:0.3s ease;}
.list_gallery a:hover img{transform:scale(1.2); transition:0.3s ease-in-out;}
.list_gallery.t02 li{width:calc((100% / 4) - 20px);}
.list_gallery.t02 .imgWrap{display:block; height:140px; overflow:hidden; text-align:center; padding:10px 10px 0 10px;}
.list_gallery.t02 .imgWrap img{width:auto; max-width:100%; height:100%; }

.table_result{width:100%; margin:0 auto; border-collapse:collapse;  text-align:center;}
.table_result th{font-weight:500; color:#333; background:#f3f3f3;}
.table_result th, .table_result td{padding:10px 5px; line-height:22px; text-align:center; vertical-align:top;}
.table_result thead{border-bottom:1px solid #ddd;}
.table_result tbody td{border-left:1px solid #ccc;}
.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;}
.rd-list .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{pointer-events: none; transition:none; opacity:1;}
.rd-list .book_info .btn_area a:first-child{margin-left:0;}

/* 100%분류별도서리스트/no_limit */
.result_noLimit{width:100%; margin:0 auto;}
.result_noLimit .result_list{width:100%; float:none;}
.result_noLimit .result_list .list_gallery li{width:calc((100% / 6) - 20px)}

/* 검색제한limit to */
.result_limit{width:23%; float:left; border:solid 1px #ccc;  margin-top:15px; font-size:15px;}
.limit_list{width:100%; margin:0 auto; background:#fff; border-bottom:solid 1px #ccc;}
.limit_list .limit_class_title{width:100%; margin:0 auto; position:relative; background:#f3f3f3; padding-right:40px; line-height:45px; overflow:hidden;}
.limit_list .limit_class_title b{font-size:18px; margin-left:15px; font-weight:500;}
.limit_list .limit_class_title a{display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/i_bl_down.png) no-repeat right 15px center;}
.limit_list .limit_class_title a i{opacity:0.4;}
.limit_list .limit_info{display:none;}
.limit_list ul.txt_list{width:100%; margin:0 auto; border-top:solid 1px #ccc;}
.limit_list ul.txt_list li{display:block; background:inherit; padding:0; position:relative;}
.limit_list ul.txt_list li:after{display:none;}
.limit_list ul.txt_list li a{display:block; width:100%;line-height:22px; padding:7px 15px 7px 25px;  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:#fffaf2; font-weight:500; padding-right:40px;}
.limit_list ul.txt_list li .close{width:24px; height:24px; line-height:24px; background:#676767; 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:100%; background:url(../images/close.png) no-repeat center; background-size:100%;}
.limit_list ul.txt_list li .close:hover, .limit_list ul.txt_list li .close:focus{background:#797979; transition:0.3s ease;}
.limit_list .v_more{display:block; width:100%;  padding:0 15px; text-align:right; margin-top:-10px; padding-bottom:10px;}
.limit_list .v_more a{display:inline-block; width:100%;  line-height:26px; color:#27a577; position:relative; padding-right:30px;}
.limit_list .v_more a small{display:block; line-height:24px; height:24px; width:24px; text-align:center; background:#27a577; border-radius:5px; position:absolute; right:0;top:0;}
.limit_list .v_more a small i{width:12px; height:100%;}
.limit_list .v_more a:hover, .limit_list .v_more a:focus{color:#0f8a5e;}
.limit_list .v_more a:hover small, .limit_list .v_more a:focus small{background:#0f8a5e; transition:0.3s ease;}
.limit_list .graph{width:100%; margin:0 auto;  padding:15px; border-top:solid 1px #ccc;}
.limit_list .graph > div{width:100%; border:solid 1px #ccc; }
.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{min-width:2%; width:37.5%; float:left; }
.limit_list .graph .inputBox small{display:block; float:left; margin:0 5px; line-height:40px;}
.limit_list .graph .inputBox a{float:left; margin-left:1%; height:40px; border-radius:0; width:16%; background:#e55531 url(../images/btn_search.png) no-repeat center center; background-size:25px; display:block;}
.result_limit .on .limit_info{display:block;}
.result_limit .on .limit_class_title a{display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/i_bl_up.png) no-repeat right 15px center;}

/*----------  검색상세 view ----------*/
.book_view{width:100%; margin:0 auto;}
.book_view h4{margin-bottom:30px;}
.book_view .book_info{width:100%; margin:0 auto; border-bottom:solid 1px #ccc; padding:0 50px 30px 180px; position:relative; min-height:245px;}
.sub_title + .book_view {border-top:1px solid #101010; padding-top:30px;}
.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:0; z-index:2;}
.book_view .book_info .link_box .link_facebook{background:#00ac4f url(../images/link_f.png) no-repeat center;}
.book_view .book_info .link_box .link_x{background:#00ac4f url(../images/link_x.png) no-repeat center;}
.book_view .book_info .link_box .link_mail{background:#00ac4f url(../images/link_mail.png) no-repeat center;}
.book_view .book_info .link_box .link_print{background:#00ac4f url(../images/link_print.png) no-repeat center;}
.book_view .book_info .link_box a{display:block; width:40px; height:40px; border-radius:40px; background-size:20px auto !important; margin-bottom:4px;}
.book_view .book_info .link_box a:hover, .book_view .book_info .link_box a:focus{background-color:var(--primary-color); transition:ease 0.3s;}
.book_view .book_info .img_wrap{width:180px; height:auto; position:absolute; left:0; top:0;}
.book_view .book_info .img_wrap img{width:146px; height:214px; border:solid 1px #ccc;}
.book_view .book_info table.view_book_info{width:100%;}
.book_view .book_info .imgView{padding:30px 0;}
.book_view .book_info .imgView ul.txt_list li{display:flex;}
.book_view .book_info .imgView ul.txt_list li b{display:inline-block; min-width:70px;}
.book_view .book_info .imgView .imgWrap{text-align:center;}
.book_view .book_info .imgView .imgWrap img{max-width:100%; max-height:500px;}
.book_view .book_info .imgView .roundBox{margin-top:20px;}
.book_view .book_info.noImg{padding-left:0;}
.book_view .imgView.slider{position:relative;}
.book_view .imgView.slider .swiper-container {width: 100%; margin-left: auto; margin-right: auto;}
.book_view .imgView.slider .swiper-slide {width:100%; background-size: cover; background-position: center;}
.book_view .imgView.slider .gallery-top {height:calc(100%  - 130px); width: 100%;}
.book_view .imgView.slider .gallery-top .swiper-slide{display:flex;  padding:30px; background:#f3f3f3;}
.book_view .imgView.slider .gallery-top .swiper-slide .imgArea{display:flex; align-items:center; justify-content:center; width:calc(100% - 360px); height:100%; border-right:1px dashed #ccc; padding-right:25px; min-height:500px;}
.book_view .imgView.slider .gallery-top .swiper-slide .imgArea img{max-width:100%; max-height:500px;}
.book_view .imgView.slider .gallery-top .swiper-slide .infoArea{width:360px; padding-left:25px;}
.book_view .imgView.slider .gallery-thumbs { box-sizing: border-box; padding: 10px 0;}
.book_view .imgView.slider .gallery-thumbs .swiper-slide {height: 100%; opacity: 0.4;}
.book_view .imgView.slider .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.book_view .imgView.slider .gallery-thumbs .imgArea{width:100%; height:130px; overflow:hidden; text-align:center; background:#f3f3f3;}
.book_view .imgView.slider .gallery-thumbs .imgArea img{max-width:100%; height:100%;}
.swiper-button-next, .swiper-button-prev{color:#666; width:32px; height:32px; border-radius:32px; background:#fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);}
.swiper-button-next:after, .swiper-button-prev:after{font-size:13px; font-weight:600;}
.swiper-button-next:hover, .swiper-button-prev:hover, .swiper-button-next:focus, .swiper-button-prev:focus{color:#00ac4f; transition:all 0.3s; box-shadow: 0 0 8px rgba(0, 38, 162, 0.3);}

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;}
table.view_book_info .moreSubject a{color:#4281c6; display:inline-block; padding-right:10px; font-weight:400;}
table.view_book_info .moreSubject a:hover{color:#0093ee; text-decoration:underline;}
table.view_book_info .btnBox a{margin-right:5px; padding:7px 20px}
.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:25px; border-bottom:0;}
.book_view .abstract h4 + select{top:14px;}
.book_view .abstract .text_wrap{width:100%; height:auto; margin:0 auto; margin-top:15px;}
.book_view .abstract p.default{width:100%;  padding:15px; border:solid 1px #ccc; height: auto; resize: none; line-height:28px; text-align:justify;}
.book_view .abstract p.short{width:100%; height:150px;  padding:10px; border:solid 1px #ccc; overflow-y: scroll; resize: none; line-height:22px;}
.book_view .abstract a{display:block;margin:0 auto; margin-top:20px;}
.book_view .moreInfo{width:100%; margin:0 auto;  border:solid 1px #ccc; padding:20px 0; overflow:hidden; margin-top:15px;}
.book_view .moreInfo .view_book_info{width:100%;}
.book_info .rd_txt_cont{width:100%; padding-left:20px;}
.book_info .rd_txt_cont p{font-size:23px; font-weight:500; line-height:1.5em; width:100%;}
.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; font-weight:400; display:inline-block; min-width:100px;}
.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:100%; margin:0 auto; text-align:left; margin-top:30px;}
.book_info .rd_btn_area a{margin:5px;}
.book_view .browsing{width:100%; margin:0 auto;  padding:30px 50px; background:#f3f3f3; position:relative; overflow:hidden; margin-top:15px;}
.book_view .browsing .swiper-browsing{width:100%; margin:0 auto; overflow:hidden;}
.book_view .browsing ul{display:flex; gap:20px; width:100%; margin:0 auto;}
.book_view .browsing ul li{width:calc(100% / 5); height:320px;}
.book_view .browsing ul li a{display:block; width:100%; height:100%; border:solid 1px #ccc; border-radius:15px; overflow:hidden; position:relative;}
.book_view .browsing ul li a:hover{display:block; border:solid 1px #00ac4f; transition: ease 0.3s;}
.book_view .browsing ul li a:hover img{transform:scale(1.1); transition:0.3s ease-in-out;}
.book_view .browsing .img_wrap{width:100%; height:100%; 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;  padding:15px; line-height:22px; position:absolute; left:0; bottom:0; border-top:1px solid rgb(0 0 0 / 30%);}
.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:-7.5px;}
.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:25px;}
.book_view .browsing .btn_area .next{position:inherit; right:25px;}
.book_view ul.popular{width:100%; margin:0 auto; border:solid 1px #ccc; margin-top:15px; border-radius:15px; overflow:hidden;}
.book_view ul.popular li{display:block; border-top:solid 1px #ccc; }
.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; }
.book_view ul.popular li a:hover{background:#f3f3f3; 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}
.book_view .book_info .txt_list li{line-height:28px; position:relative; padding-left:20px; background:none;}
.book_view .book_info .txt_list li:after{content:" "; width:4px; height:4px; border:3px solid #a9bfd0; position:absolute; left:0; top:9px; border-radius:10px;}
.online_access{width:100%; margin:0 auto; border-top:1px solid #101010;}
.online_access table{width:100%; margin:0 auto;}
.online_access table td{padding:10px 15px;border-bottom:1px solid #ccc;}
.online_access table td a:hover{text-decoration:underline;}
.online_access table td p{line-height:1.5em;}
.book_info .btn_area{width:100%; margin:0 auto; text-align:left; float:left; margin-top:30px;}

/* 검색상세 div table */
.sub_search_box:after, .sub_search_box div:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.sub_search_box > div{padding:5px; box-sizing:border-box; display:table; table-layout:fixed;}
.tbBox{width:100%; margin:0 auto; display:table; }
.tbBox > div{display:table-cell; padding:0;}
.tbBox > div:after{content: " ";display:block;height:0;clear:both;visibility:hidden;}
.sbox{width:100%; margin:0 auto; position: relative; box-sizing:border-box; box-sizing:border-box;}
.sbox .s_class{width:16%; float:left;}
.sbox .btn_t03, .sbox .btn_t04, .sbox .btn_t03_on{width:13%; float:right; border-radius:0; padding:10px 0; text-align:center;}
.sbox .op{width:13%; float:right; border-radius:0;}
.sbox i.keyboard{margin-right:5px;}
.sbox .insert_area{width:68.5%; float:left;margin:0 0 0 15px; position:relative; display:inline-block; padding:0;}
.sub_search_box .insert_area.key{width:82.7%; margin-right:0;}
.sbox .insert_area input{width:100%; margin:0;}
.sbox .searchWord_area{position:absolute; top:39px; width:100%; background:#fff; box-sizing:border-box; border:1px solid #d5d9de; z-index:10; left:0;}

.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 > p{width:82%; float:left;}
.s_chk label{display:inline-block; margin:0 15px 0 5px;}
.s_chk .chk_box span{display:inline-block; margin-top:9px;}
.s_chk .chk_box.allwrap{position:relative;padding-left:156px;}
.s_chk .chk_box.allwrap span{min-width:156px;}
.s_chk .chk_box.allwrap .all{position:absolute; left:0;}
.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:inline-block; width:31.7948%; text-align:right; float:left; margin-right:15px; line-height:40px;}
.s_selc select{min-width:214px; float:left;}
.s_selc select + select{margin-left:10px;}
.s_date{width:50%; margin:0 auto;}
.s_date .title{display:block; float:left; width:14.5%; line-height:40px; margin-right:15px; text-align:right;}
.s_date input{width:25.5%; 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 .insert_area{width:65%; float:left;  margin-left:1%; position:relative; display:inline-block;}
.s_key .insert_area input{width:100%;}
.s_key .insert_area .searchWord_area{position:absolute; top:39px; width:100%; background:#fff; border:1px solid #d5d9de; z-index:10; left:0;}
.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[type="text"]{width:35.7%;}
.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;}

/* 검색결과상세*/
.sbox2{width:100%; margin:0 auto; position: relative;}
.sbox2 .s_class{width:16%; float:left; position: relative;}
.sbox2 .op, .sbox2 .btn_t03{width:7.7%; float:right;}
.sbox2 .btn_h40_t01, .sbox3 .btn_t03{float:right; text-align:center;}
.sbox2 .insert_area{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_t03{width:7.7%; float:right;}
.sbox3 input{width:59%; float:left;}
.sbox4 .op, .sbox4 .btn_t03, .sbox4 .btn_t03:hover{width:13%; float:right; border-radius:0; height:40px;}
.sbox4 input{width:68.5%; float:left; margin:0 8px 0 0;}
.sbox4 .insert_area{width:68.5%; float:left;margin:0 8px 0 0; position:relative; display:inline-block; padding:0;}

.publication .sbox .s_class{width:16%; float:left; margin-right:1.5%;}
.publication .sbox .insert_area{width:82.5%; float:left; position: relative;; margin:0;}
.publication .sbox .insert_area input{width:100%}
.publication .searchWord_area{top:44px; left:30;width:82.5%;}
.publication .s_selc select{width:40.5% !important; float:left;}
.publication .s_selc select + select{float:right;}
.re_top{width:100%; margin:0 auto; line-height:24px; padding-bottom:10px;}
.re_top .re_search{display:inline-block; padding-right:17px; margin-right:12px;}
.re_top .s_detail{display:inline-block;}
.re_top .s_detail:hover{text-decoration:underline;}
.sbox_re{width:100%; margin:0 auto; position:relative;}
.sbox_re .s_class{width:16%; float:left; margin-right:0.5%;}
.sbox_re .insert_area{width:70.5%; float:left; position:relative; display:inline-block;}
.sbox_re .t_btnBox{display:inline-block; width:13%; border-radius:0; }
.sbox_re .t_btnBox a{width:100%; text-align:center;}
.sbox_re.dSearch .insert_area{width:65.5%;}
.sbox_re.dSearch .t_btnBox{width:18%; position:relative; padding-right:115px;}
.sbox_re.dSearch .t_btnBox a{text-align:center; padding:10px 0;}
.sbox_re.dSearch .t_btnBox .ds{width:auto; background:#0072a2 url(../images/i_dGlass.png) no-repeat left 10px center; border-color:#0072a2; padding:10px 15px 10px 35px; position:absolute; right:0; top:0;}
.sbox_re.2box{}
.sbox_re.dSearch .t_btnBox .ds:hover, .sbox_re.dSearch .t_btnBox .ds:focus{background-color:#02315b; border-color:#02315b;}
.search_prof + .sbox_re, .research_report .sbox_re{border-top:1px solid #ccc; padding-top:15px; margin-top:5px;}
.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%;}

.insert_area input{width:100%; margin:0;}
.insert_area .searchWord_area{position:absolute; top:39px; width:100%; background:#fff; box-sizing:border-box; border:1px solid #d5d9de; z-index:10; left:0;}
.sbox_re.m_sstart.sOnly .insert_area{width:87%;}
/* ---------------------- div table ---------------------- */
.dt_box{border:1px solid #ddd; border-top: solid 1px #101010; height: auto; overflow:hidden; text-align:center;}
.dt_box:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.dt_box .vdtBox > div{float:left; position:relative;}
.dt_box .vdtBox:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.dt_box .vdtBox .title{margin:0 auto; padding:15px 5px; font-weight:500; background: #f3f3f3; border-bottom:1px solid #ddd;}
.dt_box .vdtBox .inner{padding:15px; width:100%; text-align:center; position:relative; word-break:break-all; background:#fff;}
.dt_box .vdtBox .inner p{width:100%; height:auto; margin:0 auto; line-height:22px;}
.dt_box .vdtBox p.btn_box{margin-top:10px;}
.dt_box .vdtBox p.btn_box a{line-height:15px;}
.dt_box .vdtBox div:nth-child(1) .inner:before{display: none;} 
.dt_box .vdtBox{width:100%; margin:0 auto; border-top:1px solid #ddd; height:auto; overflow:hidden;}
.dt_box .vdtBox .title:before, .dt_box .vdtBox .inner:before{content: " ";display: block; position:absolute; width:1px; height:2000px; background:#ddd; left:0; top:0;}
.dt_box .vdtBox .v_detail:first-child > div:before{display:none;} 
.dt_box .vdtBox + div .title{display:none;}
.dt5{width:100%; margin:0 auto;}
.dt5 > div > div:nth-child(1){width:13%;}
.dt5 > div > div:nth-child(2){width:36%;}
.dt5 > div > div:nth-child(3){width:22%;}
.dt5 > div > div:nth-child(4){width:12%;}
.dt5 > div > div:nth-child(5){width:17%;}
.dt5 .vdtBox .inner p{padding-top:2px;}
.dt5 .vdtBox .inner p.btn_box{padding-top:0; margin-top:0;}
.dt4{width:100%; margin:0 auto;}
.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;}
.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 #ddd; border-top: solid 1px #101010;  overflow:hidden;}
.dt_box2 .v_detail{width:100%; margin:0 auto; line-height:1.5em; display:table;}
.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;  font-weight:500; text-align:center; vertical-align:middle; display:table-cell; vertical-align:middle;}
.dt_box2 .v_detail .inner{padding:15px; text-align:left; position:relative; word-break:break-all; background:#fff; display:table-cell;}
.dt_box2 .v_detail .inner:before{content: " ";display: block; position:absolute; width:1px; height:2000px; background:#ddd; left:0; top:0;}
.dt_box2 .v_detail .inner p{line-height:22px;}
.dt_box2 .v_detail .inner .tel span{display:inline-block; padding:0 3px;}
.dt_box2 .v_detail p.btn_box{margin-top:10px;}
.dt_box2 .v_detail p.btn_box a{line-height:15px;}
.dt_box2 .v_detail{width:100%; margin:0 auto; border-top:1px solid #ddd; height:auto; overflow:hidden;}
.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:40px; padding:7px 20px;}

.dt2{width:100%; margin:0 auto; margin-top:30px;}
.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;}
.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 1px #101010; margin-top:30px;}
.d_table .d_box{display:table; width:100%; margin:0 auto; background:#f3f3f3; border-bottom:1px solid #ddd;}
.d_table .d_box > div{display:table-cell; vertical-align:middle;}
.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;} 
.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%;}

.dv_table{width:100%; margin:0 auto; border-top:solid 1px #101010; margin-top:30px; box-sizing:border-box;}
.dv_table .d_box{display:table; width:100%; margin:0 auto; background:#f3f3f3; border-bottom:1px solid #ddd; 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 .tel{width:100%; overflow:hidden;} 
.dv_table .tel input[type="text"]{width:30%; float:left; min-width:71px;} 
.dv_table .tel span{width:5%; text-align:center; display:inline-block; float:left; line-height:40px;}

.dv_table .mail{width:100%; overflow:hidden;} 
.dv_table .mail .mailTxt1{width:35%; float:left; min-width:71px;} 
.dv_table .mail .mailTxt2{width:29%; float:left; min-width:71px;} 
.dv_table .mail select{width:29%; float:left; min-width:71px; margin-left:2%;}
.dv_table .mail .at{width:5%; text-align:center; display:inline-block; float:left; line-height:40px;}
.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 .selec_radio{width:100%; overflow:hidden;}
.dv_table .selec_radio + .nb_color{margin-top:5px;}
.dv_table textarea{width:100%; border:1px solid #ddd; padding:10px; overflow-y:scroll; height:150px;}
.dv_table .r_box span{display:inline-block;}
.dv_table .r_box span + span{margin-left:8px;}
.dv_table .inputAuthor{display:flex; gap:15px;}
.dv_table .inputAuthor input[type="text"]{max-width:40%;}
.dv_table .inputAuthor .txt{display:block; width:100%; line-height:1.2em;}

.d_note .chk_1{width:100%; margin:0 atuo; display:block; font-weight:300;}
.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 > p{font-weight:400;}
.d_tnb:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.d_tnb + div.dv_table{margin-top:10px;}
.d_tnb + div.dt_box, .d_tnb + div.dt_box2{margin-top:10px;}
h4 + div.dv_table, h5 + div.dv_table{margin-top:0;}

.selec_tap{width:100%; margin:0 auto; margin-top:15px;}
.d_tnb .selec_tap{width:auto;}
.d_tnb .selec_tap .btn_t01_on{background:var(--primary-color) url(../images/i_chk.png) no-repeat right 15px center; background-size:13px; padding-right:35px;}
.selec_tap + p{line-height:40px; margin-top:15px;} 
.input_btnTxt{display:flex; align-items:center;}
.input_btnTxt p{margin-right:10px;}

/*open popup search_internet*/
.open_pop_si{width:100%; display:table; table-layout:fixed;}
.open_pop_si > div{display:table-cell;}
.open_pop_si .search_internet{padding:0 15px 0 0;}
.open_pop_si .d_tnb{width:300px;}

/*----------------------추천/인기도서---------------------- */
.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;}
.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:300;}
.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, .search_collection .rd_book 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 a:hover i, .search_collection .rd_book a.on i{background:url(../images/i_white_right.png) no-repeat 0 0; transition:ease 0.3s;}
.search_collection .rd_book a:hover strong, .search_collection .rd_book a.on strong{color:#fff; transition:ease 0.3s;}

.search_collection .rd_list_wrap{width:100%; margin:0 auto; overflow:hidden;}
.search_collection .rd_list{width:calc(100% + 30px); display:flex; flex-wrap:wrap; gap:30px; margin-top:30px;}
.search_collection .rd_list li{width:calc((100% / 6) - 30px); height:270px;  position:relative; 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%; height:100%; box-sizing:border-box; border:solid 1px #ccc; border-right:solid 3px #d5d9de; }
.search_collection .rd_list li a.img_wrap img{display:block; width:100%; height:100%;}
.search_collection .rd_list li a.holdings{left:1px; bottom:-50px; background:#00ac4f; color:#fff; padding:0 15px; box-sizing:border-box; border:2px solid #00ac4f; border-left:0; 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:#00ac4f; color:#fff; padding:0 15px; box-sizing:border-box; line-height:40px; 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.view_detail i{height:100%;}
.search_collection .rd_list li a.ebook{right:10px; top:1px;}
.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:#00ac4f; color:#fff; padding:0 15px; box-sizing:border-box; line-height:40px;  border-radius:0 40px 40px 0; z-index:2; transition:ease 0.3s;}
.search_collection .rd_list li:hover a.view_detail{right:3px; bottom:30px; background:#00ac4f; color:#fff; padding:0 15px; box-sizing:border-box; line-height:40px;  border-radius: 40px 0 0 40px ; z-index:2; transition:ease 0.3s;}
.search_collection .rd_list li a.holdings:hover, .search_collection .rd_list li a.view_detail:hover{background:var(--primary-color); border-color:var(--primary-color);}
.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);}
.search_collection{width:100%; margin:0 auto;}
.search_collection .sub_search_box{width: 100%; margin: 0 auto; border:solid 1px #ccc; padding:15px; margin-top:-1px; position:relative; border-top:solid 1px #101010;}
.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:35px; height:35px; display:inline-block; margin:0 1px;}
.search_prof ul li a{display:block; height:100%; width:100%; text-align:center; padding-top:8px; border:solid 2px #bbb; background:#fff; 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 #bbb; border-radius:50px; box-sizing:border-box; background:#fff;}
.search_prof a:hover, .search_prof .drop_alphabet li a:hover, .search_prof a.on, .search_prof .drop_alphabet .on{background:#00ac4f !important; border-color:#00ac4f; color:#fff; 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;}
.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:40px; height:40px; padding:0 15px; }
.select_dateBox a{line-height:40px; height:40px; margin:0; padding:0 13px;border:solid 1px #ccc; vertical-align:middle;}
.select_dateBox a i{opacity:0.5; height:100%; background-position: center center; display:block;}
.select_dateBox > a.btn_prev{}
.select_dateBox > a.btn_next{}
.select_dateBox i.cal_bl{height:100%; margin:0 7px 0 0;}
.select_dateBox b{font-size:20px;}
.select_dateBox a:hover{background:#f3f3f3; transition:ease 0.3s;}
.rd_top{width:100%; margin:0 auto; border-bottom:solid 2px #101010; margin-top:50px; 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_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 span{color:#0093ee; transition:0.3s ease;}

/* 추천도서상세 */
.book_info_cont{width:100%; margin:0 auto; box-sizing:border-box; background:#f1f7ff; padding:40px 30px;}
.book_info_cont p{line-height:22px; text-align:justify; letter-spacing:-0.5px;}
.book_info_cont p b{color:#3a68a2;}

/* ?�착?�료 */
.radio_box{width:100%; margin:0 auto; text-align:right; margin:60px 0 30px;}
.radio_box label{margin-right:10px;}
.search_theme_field{width:100%; margin:0 auto; border:solid 1px #ccc; 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; border-radius:30px;}
.theme_field:hover{border-color:#0093ee; transition:ease 0.3s;}
.search_theme_field p{width:100%; margin:0 auto; position:relative;}
.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:50px; 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:url(../images/i_blue_down.png) no-repeat center center; transition:ease 0.3s;}
.search_theme_field .on{position:absolute; width:30px; height:50px; right:0; top:0; margin-top:-10px; display:block; background:url(../images/i_bl_down.png) no-repeat center center;}
.search_theme_field .on:hover{background: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{}
.search_theme_field ul li a{display:block; line-height:28px;}
.search_theme_field ul li a b{font-size:500; padding:0 3px;}
.search_theme_field .title:hover, .search_theme_field ul li a:hover{color:#0093ee; transition:ease 0.3s;}

/*---------------------------------------------전자저널-------------------------------------------------*/
.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;}
.sbox .tap_search{margin-top:0;}
.sbox .greyline_box{margin-top:0; margin-top:-1px;}

/* 전자저널 */
.board_top{width:100%; margin:0 auto;}
.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:break-all;}
.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;}
.sub_search_box .btn_area{padding-top:20px; margin:15px 0; border-top:1px solid #ddd;}
.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;}

/* 대출순위 */
.sub_search_box.sDate .btnBox{display:block; text-align:center; padding-top:10px;}

/* 권호정보 */
.boardTop{width:100%; margin:0 auto;}
.boardTop:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.boardTop .b_tit{font-size:24px; font-weight:500; line-height:40px;}
.boardTop .b_num{font-size:18px; line-height:40px;}
.boardTop .b_yselc{min-width:200px;}
.boardTop .right_area{text-align:right;}
 table + .boardTop{margin-top:50px;} 
 
/*--- table 이미지링크리스트 ----*/
.dataSites{width:100%; margin:0 auto; margin-top:50px;}
.dataSites .table_t02 .tit a{font-weight:500;;}
.dataSites .table_t02 .tit a span{margin:0 5px 0 0; font-size:12px; line-height:18px; height:18px; padding:0 5px;}
.dataSites .table_t02 .tit a:hover{color:#00ac4f; text-decoration:underline;}
.dataSites .table_t02 .tit a:hover span{background:#00ac4f; transition:0.3s ease;}
.table_t02 .imgLink{text-align:center;}
.table_t02 .imgLink a{display:inline-block; height:auto; width:180px; border:1px solid #efefef;}
.table_t02 .imgLink img{width:100%;}
.table_t02 .info p{width:100%; text-align:left; line-height:28px;}

/* 학술db */
.databases{width:100%; margin:0 auto;}
.databases .db_list{display:flex; width:100%; margin:0 auto; padding:15px 0; border-bottom:1px solid #ccc; position:relative; min-height:85px;}
.databases .db_list:first-child{border-top:1px solid #ccc;}
.databases .db_list .imgLink{width:100%; max-width:180px; padding-right:20px; }
.databases .db_list .imgLink a{display:block; width:100%; height:auto; border:1px solid #ccc; border-radius:10px; overflow:hidden; text-align:center; min-height:52px;}
.databases .db_list .imgLink a img{width:100%; height:auto;}
.databases .db_list .imgLink a:hover img{transform:scale(105%); transition:0.3s ease;}
.databases .db_list .info{width:100%; overflow:hidden;}
.databases .db_list .info .info_tit{font-weight:500; font-size:18px;}
.databases .db_list .info .txtArea{width:100%; margin-top:15px; line-height:1.6em; min-height:45px;}
.i_tag1{display:inline-block; color:#fff; font-size:13px; background-color:#f58500; padding:3px 8px; border-radius:12px; margin-left:5px; line-height:1; vertical-align:middle;}
.i_tag2{display:inline-block; color:#fff; font-size:13px; background-color:#4baa70; padding:3px 8px; border-radius:12px; margin-left:5px; line-height:1; vertical-align:middle;}
.databases .db_list > a{margin-top:15px;}
.databases .db_list .info .info_list{width:100%; text-align:left; margin-top:15px;}
.databases .db_list .info .info_list li{line-height:1.6em;}
.databases .db_list .info .info_list li span{display:inline-block; color:#666; padding-left:30px; width:140px;}
.databases .db_list .info .info_list li a:hover{text-decoration:underline;}
.databases .db_list .info .info_list li:nth-child(1) span{background:url(../images/i_link2.png) no-repeat left center;}
.databases .db_list .info .info_list li:nth-child(2) span{background:url(../images/i_subject.png) no-repeat left 1px center;}
.databases .db_list .info .info_list li:nth-child(3) span{background:url(../images/i_memo.png) no-repeat left 1px center;}
.databases .db_list .info .info_list li:nth-child(4) span{background:url(../images/i_cal.png) no-repeat left 1px center;}
.databases .btnArea{width:100%; margin:0 auto; margin-top:15px;}
.databases .titArea{width:100%; margin:0 auto;}
.databases .titArea > p{margin-top:10px; font-weight:400; line-height:1.5em; padding-right:15px;}
.databases .titArea > p + span{margin-top:5px;}
.databases .titArea > span{display:block; font-weight:400; color:#666;}
.databases .titArea > span:before{content:""; display:inline-block; width:8px; height:3px; background-color:#888; vertical-align:middle; margin-right:5px;}
.databases .titArea > a{line-height:1; display:inline-block;}
.databases .db_list.site .info{display:block;}
.databases .db_list.site .titArea{display:block;}
.databases .db_list.site .btnArea{display:block;}

.dbWrap .databases{border:1px solid #ccc; border-radius:15px; padding:15px 30px;}
.dbWrap .databases .db_list:first-child{border-top:0;}
.dbWrap .databases .db_list:last-child{border-bottom:0;}

p.chk{position:relative; padding-left:15px !important; line-height:1.5em; font-weight:300 !important;}
p.chk:before{content: " "; display: inline-block; width: 12px; height: 12px; background:url(../images/i_chk_s.png) no-repeat center; position: absolute; left: 0; top: 5px; border:0;}
p.chk + p.chk{margin-top:0;}
.selecArea{width:100%; margin:0 auto; text-align:center;}
.selecArea select{width:50%;}

.tapWrap + .databases .db_list:first-child{border-top:0; padding-top:0;}
.tapWrap + .databases .db_list:first-child .imgLink{top:0;}

/*연구보고서*/
.sub_search_box .wfull .title{width:16%; margin-right:1.5%;}
.sub_search_box .wfull select{width:auto;}

/* myshelf */
.myshelf{width:100%; margin:0 auto;}
.myshelf .btn_area{text-align:right; margin-top:0;}
.myshelf .btn_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.myshelf .btn_area .btn_openLibrary{}
.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_t02{width:auto; border-radius:5px;}
.myshelf .nb_color2{margin:30px 0;}
.folder_area{width:100%; margin:0 auto; overflow:hidden; margin-top:30px;}
.folder_wrap{width:100%; margin:0 auto;}
.folder_wrap:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
{background:#C66; margin-left:0;}
.folder_wrap > div{width:19%; height:200px; padding:25px 20px; background:#f6f7f8; float:left; margin:0 0 1% 1%; text-align:center; position:relative; box-sizing:border-box; border-radius:15px;}
.folder_wrap > div:first-child{margin-left:0;}
.folder_wrap > div:nth-child(5n+1){margin-left:0;}
.folder, .folder_add p{line-height:22px; font-weight:500;}
.folder:hover > i, .folder i.on{width:100%; height:100px; display:block; background:url(../images/folder_open.png) no-repeat 36px 0;}
.folder > i{width:100%; height:100px; display:block; background:url(../images/folder_close.png) no-repeat 36px 0;}
.folder p{margin-top:14px; line-height:20px;}
.folder a{display:block; width:40px; 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;}
.folder a i{height:40px;}
.folder_add a:hover i{width:100%; height:100px; display:block; background:url(../images/folder_add_h.png) no-repeat 36px 0;}
.folder_add i{width:100%; height:100px; display:block; background:url(../images/folder_add.png) no-repeat 36px 0;}
.folder_add p{margin-bottom:14px;}
.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;}
.myshelf .table_t02 td.left .btn_h22_t03{margin-left:5px;}
.myshelf .rd-list{padding-top:10px;}
.myshelf .rd-list .book_info{width:100%;}
.myshelf .rd-list{width:100%; margin:0 auto;}
.myshelf .rd-list .list_gallery li{width:calc((100% / 6) - 20px);}
.myshelf .rd-list .list_gallery a{height:282px;}
.myshelf .rd-list span.c_title{display:block; font-weight:500;}
.myshelf .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;}
.myshelf .rd-list .only_txt span{display:block; margin:10px 0;}
.myshelf .rd-list .only_txt small{display:block; font-size:14px;line-height:25px; border-radius:25px; font-weight:500; position:relative;}
.myshelf .rd-list .only_txt small:after{content: " ";display:block;height:2px;width:16px;left:50%;margin-left:-8px; background:#00a2ff ; 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;}

.openLibrary{width:1200px; margin:0 auto;}

/* 추천사이트(textLink 모음) */
.recommended_site{width:100%; margin:0 auto;}
.sec_list{width:100%; margin:0 auto; padding:15px; background:#f1f7ff;}
.sec_list li{display:block; width:100%; margin:0 auto; border-top:1px solid #cad9ee;}
.sec_list li:first-child{border:0;}
.sec_list li:after{content: " ";display: block; height: 0;clear: both;visibility: hidden;}
.sec_list li a{display:block; float:left; width:25%; padding:10px 30px; vertical-align:top; position:relative; line-height:1.5em; background:url(../images/i_newWin2.png) no-repeat left top 14px;}
.sec_list li a:hover, .sec_list li a:focus{text-decoration:underline;}

/* 이용안내 */
.dropBox_wrap{width:100%; margin:0 auto; border:1px solid #ccc;}
.dropBox_wrap .listBox{width:100%; margin:0 auto; border-top:1px solid #ccc;}
.dropBox_wrap .listBox:first-child{border:0;}
.dropBox_wrap .listBox > div{width:100%; margin:0 auto; overflow:hidden;}
.dropBox_wrap .listBox:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.dropBox_wrap .box{background:#fff; padding:15px; background:url(../images/i_bl_down.png) no-repeat right 15px center; position:relative; overflow:hidden;}
.dropBox_wrap .on .box{background:#fff; background:url(../images/i_bl_up.png) no-repeat right 15px center;}
.dropBox_wrap .box .tit{display:block; min-width:230px; font-size:23px; line-height:45px; height:45px; float:left;}
.dropBox_wrap .box .tit i{display:inline-block; width:45px; height:45px; border-radius:45px; float:left;}
.dropBox_wrap .box .tit span{display:inline-block; float:left; margin-left:15px;}
.dropBox_wrap .box .list01 i{background:#989a9c url(../images/infoUse01.png) no-repeat center center;}
.dropBox_wrap .box .list02 i{background:#989a9c url(../images/infoUse02.png) no-repeat center center;}
.dropBox_wrap .box .list03 i{background:#989a9c url(../images/infoUse03.png) no-repeat center center;}
.dropBox_wrap .box .list04 i{background:#989a9c url(../images/infoUse04.png) no-repeat center center;}
.dropBox_wrap .box .list05 i{display:inline-block; width:45px; height:45px; border-radius:45px; background:#989a9c url(../images/infoUse05.png) no-repeat center center;}
.dropBox_wrap .on .box .list01 i{background:#00ac4f url(../images/infoUse01.png) no-repeat center center;}
.dropBox_wrap .on .box .list02 i{background:#00ac4f url(../images/infoUse02.png) no-repeat center center;}
.dropBox_wrap .on .box .list03 i{background:#00ac4f url(../images/infoUse03.png) no-repeat center center;}
.dropBox_wrap .on .box .list04 i{background:#00ac4f url(../images/infoUse04.png) no-repeat center center;}
.dropBox_wrap .on .box .list05 i{background:#00ac4f url(../images/infoUse05.png) no-repeat center center;}
.dropBox_wrap .box > a{position:absolute; display:block; width:100%; height:100%; top:0; left:0;}
.dropBox_wrap .box ul{margin:0 auto; float:left;}
.dropBox_wrap .box ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.dropBox_wrap .box ul li{display:inline-block; line-height:45px; height:45px; float:left; position:relative; padding-left:12px; margin-left:15px;}
.dropBox_wrap .box ul li:first-child{margin-left:0;}
.dropBox_wrap .box ul li:before{content: " ";display: block; width:5px; height:3px; background-color:#a6a9b0; position:absolute; left:0; top:50%; margin-top:-1.5px;}
.dropBox_wrap .on .box ul li:before{content: " "; display:block; height:10px; width:3px; position:absolute; left:0; top:50%; margin-top:-5px; background-color:#fac152; 
-ms-transform:rotate(0deg) skewX(-30deg); -webkit-transform:rotate(0deg) skewX(-30deg); -moz-transform:rotate(0deg) skewX(-30deg); -o-transform:rotate(0deg) skewX(-30deg); transform:rotate(0deg) skewX(-30deg);}

.dropBox_wrap .dropBox{width:100%; display:none; height:0; background-color:#edf0fa; border-top:1px solid #ccc;overflow:hidden;
transition:height 0.6s cubic-bezier(.76,.01,.19,.99);-webkit-transition:height 0.6s cubic-bezier(.76,.01,.19,.99); overflow:hidden;}
.dropBox_wrap .dropBox .list{width:100%; margin:0 auto; padding:15px; border-top:1px solid #c2cae0; display:table;}
.dropBox_wrap .dropBox .list:first-child{border:0;}
.dropBox_wrap .dropBox .list:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.dropBox_wrap .on .dropBox{height:auto; transition:0.4s ease; display:block;}
.dropBox_wrap .dropBox .tit{width:23%; text-align:center; vertical-align:middle; font-size:18px; color:#4674ac; display:table-cell; padding-right:15px;}
.dropBox_wrap .dropBox ul{width:77%; display:table-cell;}
.dropBox_wrap .dropBox ul li{line-height:1.6em; position:relative; padding-left:15px;}
.dropBox_wrap .dropBox ul li:before{content: " ";display: block; width:5px; height:5px; background-color:#4674ac; position:absolute; left:0; top:10px;}
.dropBox_wrap .dropBox ul li a:hover{text-decoration:underline;}
.dropBox_wrap .dropBox .nb_color2{width:100%; margin:0 auto; padding:15px; text-align:center;}

/* 시설안내 */
.floors{width:100%; margin:0 auto; border-radius:15px; overflow:hidden; border:1px solid #ccc;}
.floors .floor{width:100%;}
.floors .floor + .floor{border-top:1px solid #ccc;}
.floors .floor .tit{display:flex; width:100%; align-items:center; min-height:60px; margin:0 auto; padding:0 30px; position:relative;}
.floors .floor .tit:after{content:" "; display:block; width:15px; height:8px; background:url(../images/i_bl_down.png) no-repeat center; opacity:0.5; position:absolute; right:30px; top:50%; transform:; transition:all 0.3s;}
.floors .floor .tit > *{vertical-align:middle; display:inline-block;}
.floors .floor .tit b{font-size:18px; font-family: var(--font-type02); font-weight:500; min-width:135px;padding-top:5px; position:relative; margin-right:10px;}
.floors .floor .tit b:after{content:"❙"; color:#d2dfe7; display:inline-block; position:absolute; right:0; top:6px; right:0;}
.floors .floor .tit span{display:inline-block; color:#3f658f; font-weight:400; margin-right:10px;}
.floors .floor .tit span.user{padding-left:18px; background:url(../images/floor_i01.png) no-repeat left center;}
.floors .floor .tit ul{display:flex; align-items:center; padding-left:21px; background:url(../images/floor_i02.png) no-repeat left center;}
.floors .floor .tit ul li{color:#3f658f; font-weight:400;}
.floors .floor .tit ul li:after{content:"•"; color:#d2dfe7; display:inline-block; padding:0 5px; }
.floors .floor .tit ul li:last-child:after{display:none;}
.floors .floor .tit a{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.floors .floor .info{text-align:center; padding:30px; display:none; overflow:hidden;}
.floors .floor .info img{max-width:100%;}
.floors .on .tit{background-color:#f1f7fb;}
.floors .on .info{display:block; animation: fadeIn 0.4s ease-in-out; animation-fill-mode: forwards; animation-duration: leaner;}
.floors .on .tit:after{transform:translateY(-50%) rotate(-180deg);}



/* 직원소개 */
.staffWrap{width:100%; margin:0 auto; background-color:#f3f3f3; padding:15px;}
.staffWrap:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.staff{margin:0 auto; padding:120px 30px 80px 25px; border-radius:15px; border:1px solid #ccc; position:relative; background:#FFF url(../images/manager.png) no-repeat top 25px center; background-size:auto 80px; min-height:375px;
width:calc(100% / 3 - 10px); float:left; margin:5px;}
.staff > b{display:block; font-size:20px; text-align:center;}
.staff > ul{border-top:1px solid #101010; padding-top:10px; margin-top:15px;}
.staff > p{position:absolute; width:calc(100% - 50px); left:25px; bottom:25px; border-top:1px dashed #ccc; padding-top:10px;}
.staff > p span, .staff > p a{display:inline-block; line-height:1.5em; text-align:left; vertical-align:middle; margin-right:10px; white-space:nowrap;}

/*--- 오시는길 ----*/
.mapWrap{width:100%; margin:0 auto}
.map{width:100%; max-height:420px; margin:0 auto; border:1px solid #ccc; overflow:hidden;}
.map img{width:100%;}
.map_controllers{width:100%; margin:0 auto; border:1px solid #dfdfdf; overflow:hidden; padding:7px 11px;}
.map_controllers > a{display:block; float:left;}
.map_controllers .roadview{float:right;}
.map_controllers .roadview a{line-height:15px; display:inline-block;font-size:13px;}
.map_controllers .roadview a:hover{text-decoration:underline; }
.map_wayto{width:100%; margin:0 auto; display:table; margin-top:50px;}
.map_wayto > div{display:table-cell; padding:15px 15px 30px 30px;}
.map_wayto .tit{width:20%; border-top:1px solid #101010; font-weight:500; font-size:23px; line-height:1.2em;}
.map_wayto .cont{width:80%; border-top:1px solid #ccc;}
.map_wayto .cont ul{margin-top:0;}
.map_wayto .cont .btn_t03{line-height:1; padding:5px 10px; font-size:14px;}
.map_wayto .cont input[type="text"]{height:30px;}

.insert_wayto{width:100%; margin:0 auto; overflow:hidden; margin-top:15px; text-align:right;}
.wayto{width:100%; margin:0 auto; margin-top:30px;}
.wayto li{display:inline-block; width:100%; border-bottom:1px solid #ccc; padding:10px 20px 10px 120px; line-height:1.5em; position:relative;}
.wayto li:first-child{border-top:1px solid #101010;}
.wayto li b{display:inline-block; padding:10px 0 10px 30px; position:absolute; left:20px; top:0;}
.wayto li.place b{background:url(../images/i_place.png) no-repeat left center;}
.wayto li.tel b{background:url(../images/i_tel.png) no-repeat left center;}
.wayto li.mail b{background:url(../images/i_mail.png) no-repeat left center;}
.wayto li.fax b{background:url(../images/i_fax.png) no-repeat left center;}
/*--- 연구보고서---*/
.reportWrap{width:100%; margin:0 auto; padding-top:10px;}
.reportWrap a:hover, .reportWrap a:focus{text-decoration:underline;}
.reportWrap .titArea{width:100%; margin:0 auto; text-align:center;}
.reportWrap .titArea .tit{font-size:30px; font-weight:500; line-height:1.2em;}
.reportWrap .titArea .subTit{font-size:18px; margin-top:15px; line-height:1.2em;}
.reportWrap .titArea.type2{text-align:left; display:flex; justify-content:space-between; align-items:center; border:1px solid #ccc; border-radius:15px; padding:30px;}
.reportWrap .titArea.type2 br{display:none;}
.reportWrap .titArea.type2 .subTit{min-width:130px;}
.reportWrap .listBox{width:100%; margin:0 auto; background:#f1f7fb url(../images/bg_topInfo.png) no-repeat 0 0; border-radius:15px; display:flex; margin-top:40px;}
.reportWrap .listBox dl, .reportWrap .listBox > div{width:100%; padding:30px 40px; line-height:1.5em;}
.reportWrap .listBox dl dt{font-weight:400;}
.reportWrap .listBox dl dd{padding-left:15px;}
.reportWrap .listBox dl dd + dt{margin-top:8px;}
.reportWrap .listBox ul.txt_list{margin-top:5px;}
.reportWrap .listBox ul.txt_list li{line-height:inherit;}
.reportWrap .listBox ul.txt_list > li:after{top:6.7px;}
.reportWrap .listBox ul.txt_list li a{display:inline-block; vertical-align:top;}
.reportWrap ul.tb_down{width:100%; margin:0 auto; margin-top:15px; border:1px solid #ccc; border-radius:15px; overflow:hidden; background:#fff;}
.reportWrap ul.tb_down li{border-top:1px solid #ccc; padding:0;}
.reportWrap ul.tb_down li:after{display:none;}
.reportWrap ul.tb_down li:first-child{border:0;}
.reportWrap ul.tb_down li a{display:flex; width:100%; padding:12px 20px; justify-content:space-between; align-items:center;}
.reportWrap ul.tb_down li a span{width:calc(100% - 25px); display:inline-block; line-height:1.5em;}
.reportWrap ul.tb_down li a:hover, .reportWrap ul.tb_down li a:focus{background:#f6f6f6; transition:all 0.3s;}
.reportWrap ul.txt_list ul.tb_down{margin:5px 0;}
.reportWrap ul.tb_down + ul.txt_list{margin-top:15px;}
.reportWrap ul.txt_list + ul.tb_down{margin-top:5px;}
.reportWrap ul + .scroll_x{margin-top:10px;}
.reportWrap ul.step{width:100%; margin:0 auto; display:flex; gap:30px; width:100%; padding:30px 20px 20px 20px; background:#f1f7fb; border-radius:15px; overflow:hidden; margin-top:15px;}
.reportWrap ul.step li{width:100%; background:#fff; text-align:center; padding:20px 15px; line-height:1.2em; font-weight:400; display:flex; justify-content:center; align-items:center; border-radius:8px; border:1px solid #d2dde5; position:relative;}
.reportWrap ul.step li:after{content:" ➜ "; display:block; width:22px; font-size:13px; height:22px; line-height:22px; border-radius:50%; text-align:center; color:#fff; background-color:#588ec2; position:absolute; top:50%; transform:translateY(-50%); right:-27px;}
.reportWrap ul.step li:last-child:after{display:none;}
.reportWrap ul.step li strong{font-size:30px; color:#a8cae0; position:absolute; left:50%; transform:translateX(-50%); top:-10px; font-weight:800;}
.reportWrap .btn_h22_t03:hover, .reportWrap btn_h22_t03:focus{text-decoration:none;}
.reportWrap .nb{line-height:1.2em; display:inline-block;}
.reportWrap .imgWrap img{max-width:100%;}
.reportWrap h4 + .imgWrap{margin-top:20px;}
.reportWrap .imgWrap.sdi{max-width:1000px;}
.img_dual > div{width:100%; margin:0 auto; display:flex; gap:20px; padding:10px 0;}
.img_dual:after{display:none !important;}
.siteImg{width:100%; margin:0 auto; display:flex; flex-wrap:wrap; gap:20px; margin-top:20px;}
.siteImg li{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between; gap:15px; align-items:center; width:calc(50% - 10px); border:1px solid #ccc; padding:20px; border-radius:15px;}
/*---연구논문----*/
.process{width:100%; margin:0 auto; display:flex; gap:30px; margin-top:10px;}
.process .box{display:flex; flex-direction:column; width:100%; height:100%; gap:15px;}
.process .box > .tit{width:100%; display:flex; font-size:18px; justify-content:center; font-weight:500; padding:30px; background:#f1f7fb; border-radius:15px; position:relative;}
.process .box > .tit:after{content:" ➜ "; display:block; width:22px; font-size:13px; height:22px; line-height:22px; border-radius:50%; text-align:center; color:#fff; background-color:#588ec2; position:absolute; top:50%; transform:translateY(-50%); right:-26px;}
.process .box:last-child > .tit:after{display:none;}
.process .box > .tit span{display:inline-block; line-height:1.2em;}
.process .box > .info{width:100%; padding:30px; border:1px solid #ccc; border-radius:15px; min-height:520px;}
.process .box > .info p.tit{font-weight:500;}
.process .box > .info ul + p.tit{margin-top:15px;}
.process .box > .info p.tit + ul{margin-top:10px;}
/*---원자력백과----*/
.tbTit{display:flex; width:100%; margin:0 auto; justify-content:space-between; margin-top:50px; align-items:end;}
.tbTit > *{margin:0 !important; padding-bottom:0; width:auto !important;}
.tbTit + *{margin-top:15px !important;}
.tbTit .btnMore{display:inline-block; line-height:30px; padding:0 15px; color:#666; font-weight:500; font-size:14px; border-radius:5px;}
.tbTit .btnMore:after{content:""; display:inline-block; width:10px; height:10px; background:url(../images/main_more.png) no-repeat center; margin-left:5px;}
.tbTit .btnMore:hover, .tbTit .btnMore:focus{background:#f1f7fb; transition:all 0.3s; color:var(--primary-color);}
.tbTit .btnMore:hover:after, .tbTit .btnMore:focus:after{transform:rotate(180deg); transition:all 0.3s; background-image:url(../images/main_moreOn.png);}
.tbTit .btn_morebook{min-width:40px; height:20px;}
.membership_area .tbTit{margin-top:0;}
.dictionary a{display:inline-block; font-weight:400;}
.dictionary  .dic_i:before{content:""; display:inline-block; width:15px; height:15px; background:url(../images/i_memo.png) no-repeat center; vertical-align:middle; margin-right:4px;}
.dictionary  .dic_i:hover, .dictionary  .dic_i:focus{text-decoration:underline;}
.dictionary table td{text-align:left; border-width:1px 0;}
.dicList{border-top:1px solid #101010;}
.dicList ul{width:100%; margin:0 auto;}
.dicList ul > li{}
.dicList ul .titArea{line-height:1.5em; padding:10px 15px; border-bottom:1px solid #ccc; position:relative;}
.dicList ul .titArea .num{margin-right:10px; vertical-align:middle;}
.dicList ul .titArea .tit{font-weight:400;display:inline-block;}
.dicList ul .titArea .tit:hover, .dicList ul .titArea .tit:focus{text-decoration:underline;}
.dicList ul.dep02 .titArea{padding-left:20px; background:rgb(0 102 255 / 3%);}
.dicList ul.dep03 .titArea{padding-left:30px; background:rgb(0 102 255 / 6%);}
.dicList ul.dep04 .titArea{padding-left:40px; background:rgb(0 102 255 / 9%);}
.dicList ul.dep02 .num:before, .dicList ul.dep03 .num:before, .dicList ul.dep04 .num:before{content:""; width:10px; height:7px; background:url(../images/arw_dicList.png) no-repeat center; display:inline-block; vertical-align:middle; margin-right:6px; color:#6888b8;}
.dicList .total{line-height:1.5em;}
.dicList.t02 .titArea{display:flex; justify-content:space-between;}
.dicView{padding-top:0 !important;}
.dicView .book_info{padding:0; min-height:1px;}
.dicView .book_info .imgWrap img{max-width:100%;}
.dicView .book_info .view_book_info + .imgWrap{padding:10px 0;}
.dicView table.view_book_info{float:none !important;}
.dicView table.view_book_info thead{border-bottom:1px solid #ccc;}
.dicView table.view_book_info thead th.tit{padding:0;padding:15px 45px 15px 20px;}
.dicView table.view_book_info thead th.tit .num{font-size:18px; color:#0060ac; font-weight:400;}
.dicView table.view_book_info tbody th, .dicView table.view_book_info tbody td{vertical-align:top;}
.dicView .book_info + .book_info{padding:20px 30px;}
.book_view.dicView .link_box{top:7px;}
.dicTxt{line-height:1.5em;}
.dicTxt a{font-weight:400; color:#0060ac;}
.dicTxt a:hover, .dicTxt a:focus{text-decoration:underline;}
.dicView .dicTxt{padding:30px; background:#f6f6f6;}

/*---라키비움 소개----*/
.LarchiveumWrap{width:100%; margin:0 auto;}
.LarchiveumWrap > div{width:100%; margin:0 auto; position:relative;}
.LarchiveumWrap > div + div{margin-top:60px;}
.LarchiveumWrap .imgWrap img{max-width:100%;}
.LarchiveumWrap .txt{display:block; margin-top:20px; line-height:1.5em; font-family:var(--font-type02); font-weight:400;}
.LarchiveumWrap img{max-width:100%;}
.LarchiveumWrap .cont1{display:flex; justify-content:space-between; gap:30px;}
.LarchiveumWrap .cont1 .left{width:100%; max-width:591px;}
.LarchiveumWrap .cont1 .left .imgWrap{width:100%;}
.LarchiveumWrap .cont1 .left .imgWrap img{max-width:100%;}
.LarchiveumWrap .cont1 .left .txt{width:100%; margin-top:15px;}
.LarchiveumWrap .cont1 .right{max-width:450px; padding-top:30px;}
.LarchiveumWrap .cont1 .right ul{width:100%;}
.LarchiveumWrap .cont1 .right ul div{width:100%;}
.LarchiveumWrap .cont1 .right ul li{padding-left:64px; position:relative; min-height:52px; display:flex; align-items:center; margin-top:20px;}
.LarchiveumWrap .cont1 .right ul li:before{content:""; display:block; width:52px; height:52px; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%); background-repeat:no-repeat; background-size:52px; background-position:center;}
.LarchiveumWrap .cont1 .right ul li:nth-child(1):before{background-image:url(../images/la23.gif);}
.LarchiveumWrap .cont1 .right ul li:nth-child(2):before{background-image:url(../images/la24.gif);}
.LarchiveumWrap .cont1 .right ul li:nth-child(3):before{background-image:url(../images/la25.gif);}
.LarchiveumWrap .cont1 .right ul li b{display:block; font-size:19px; font-family:var(--font-type02);}
.LarchiveumWrap .cont1 .right ul li span{display:block; color:#666; margin-top:5px; font-size:13px;}

.LarchiveumWrap .cont2:before{display:none;}
.LarchiveumWrap h3 + .cont3{margin-top:10px;}
.LarchiveumWrap .cont3{display:flex;}
.LarchiveumWrap .cont3 .left{width:100%; max-width:360px;}
.LarchiveumWrap .cont3 .left .info p{}
.LarchiveumWrap .cont3 .left .info span{display:inline-block; line-height:1.5em; font-size:19px; font-weight:400; font-family:var(--font-type02);}
.LarchiveumWrap .cont3 .right{display:flex; width:100%; max-width:calc(100% - 360px);}
.LarchiveumWrap .cont3 .right .label{display:flex; flex-direction:column; justify-content:space-between; padding:15px 20px 15px 0; text-align:right; position:relative;}
.LarchiveumWrap .cont3 .right .label:after{content:""; display:block; width:1px; height:calc(100% - 30px); border-right:1px dotted #ccc; position:absolute; top:15px; right:27px;} 
.LarchiveumWrap .cont3 .right .label b{display:inline-block; padding-right:24px; position:relative;}
.LarchiveumWrap .cont3 .right .label b:after{content:""; display:block; width:15px; height:15px; border-radius:50%; background:#df1d42; position:absolute; top:50%; transform:translateY(-50%); right:0; z-index:2;}
.LarchiveumWrap .cont3 .right .history{width:100%; padding:5px 20px; border:1px solid #ccc; border-radius:15px; font-weight:400;}
.LarchiveumWrap .cont3 .right .history li{padding:8px 0; border-top:1px dashed #ccc; display:flex;}
.LarchiveumWrap .cont3 .right .history li:first-child{border:0;}
.LarchiveumWrap .cont3 .right .history li span{color:#00ac4f; font-weight:500; display:inline-block; margin-right:15px;}
.LarchiveumWrap .cont4{display:flex; justify-content:space-between; gap:40px;}
.LarchiveumWrap .cont4 .txt{margin-top:20px;}
.LarchiveumWrap .cont5{display:flex; justify-content:space-between; gap:40px;}
.LarchiveumWrap .cont5 .left p{margin-top:20px;}
.LarchiveumWrap .cont6{display:flex; justify-content:space-between; gap:40px; align-items:end;}
.LarchiveumWrap .cont6 .left{min-width:320px}
.LarchiveumWrap .cont6 .right p + img{margin-top:20px;}
.LarchiveumWrap .cont4:before, .LarchiveumWrap .cont5:before, .LarchiveumWrap .cont6:before{display:none;}

/*--- 이용안내 ----*/
.libraryUse img{max-width:100%;}
.libraryUse .cont1 h3{margin-top:0;}
.libraryUse .cont3{display:flex; justify-content:space-between; align-items:end; gap:20px;}
.libraryUse .cont3 .left .imgWrap{margin-top:20px;}
.libraryUse .imgList{width:100%; display:flex; gap:20px; margin-top:15px; overflow-x:auto;}
.libraryUse .imgList + .imgList{margin-top:20px;}
.libraryUse .imgList li{width:calc(100% / 3); min-width:280px;}
.libraryUse .imgList li .imgWrap{display:block;}
.libraryUse .imgList li .imgWrap img{max-width:100%;}
.libraryUse .imgList li .tit{display:block; color:var(--primary-color); margin-top:15px; font-size:16px;}
.libraryUse .imgList li ul.info{width:100%; margin-top:10px;}
.libraryUse .imgList li ul.info li{width:100%; display:flex; line-height:1.5em;}
.libraryUse .imgList li ul.info li b{display:inline-block; min-width:55px;}
.libraryUse .imgList li ul.info li b:before{content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background:var(--primary-color); vertical-align:middle; margin-right:8px;}
.libraryUse .imgList li ul.info li span{display:inline-block;}


.flex{display:flex;}
.flex.sb{justify-content:space-between;}
.m_sub_tap{display:none;}
.m_qtap{display:none;}
.btn_limit_to{display:none;}
.p_disn{display:none;}
.m_search{display:none;}