@charset "utf-8";
*{box-sizing:border-box;}
body{width:100%; margin:0 auto; background:#f4f4f4; min-width:100% !important;}
#wrapper{max-width:1280px; margin:0 auto; position:relative;}
#wrapper section{width:100%; margin:0 atuo;}

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


/* header */ 
header{width:100%; margin:0 auto; z-index:100;}
#hwrap{width:100%; margin:0 auto; height:90px;  background:#fff url(../../images/menubar.gif) repeat-x center bottom; padding:0 15px;}
#hwrap:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
header h1{float:left; margin-top:30px;}
.btn_wrap{float:right;}
/* top_nav */ 
.btn_wrap{float:right; text-align:right; margin-top:30px;}
.btn_wrap:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.btn_wrap a{font-size:16px; font-weight:500; display:inline-block; margin-right:10px; vertical-align:middle; color:#64676e;}
.btn_wrap .btn_vsearch{width:25px; height:25px; background:url(../../images/m_mainSearch.png) no-repeat center center; background-size:100%;}
.btn_wrap .btn_total{width:35px; height:31px; background:url(../../images/h_open.png) no-repeat center center;}
.m_board{display:none;}
.m_qtap{display:none;}

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

table tbody tr td.left, table tbody tr th.left{text-align:left; padding:12px 10px;}
table tbody tr td.center, table tbody tr th.center{text-align:center;}
table tr td, table tr th{word-break:normal;}
.table_t01 select, .table_t02 select, .table_t03 select, .table_t04 select, .table_search select{ height:40px; min-width:80px; border:solid 1px #d5d9de;}
.table_t01{width:100%; margin:0 auto; border-top:solid 3px #365a99; border-collapse:collapse;}
.table_t01 tr td, .table_t01 tr th{border:solid 1px #d5d9de; line-height:22px; padding:12px 0; text-align:center; vertical-align:middle; font-size:13px;}
.table_t01 tr th{font-weight:500;}
.table_t01 thead{background:#f3f6fa;}
.table_t01 tbody th{color:#365a99;}
.table_t01 tfoot{}
.table_t01 tfoot tr td{line-height:1em; height:1em; vertical-align:middle; border:0; color:#365a99; text-align:left; padding-top:20px; font-weight:500;}
.t_wrap{width:100%; margin:0 auto; margin-top:60px;}
.table_t02{width:100%; margin:0 auto; border-top:solid 3px #365a99; border-collapse:collapse;}
.table_t02 tr td, .table_t02 tr th{border-bottom:solid 1px #d5d9de; line-height:22px; padding:12px 5px; text-align:center; vertical-align:middle; font-size:13px;}
.table_t02 tr th{font-weight:500;}
.table_t02 thead{background:#f3f6fa;}
.table_t02 tbody th{color:#365a99;}
.table_t02 .btn_h22_t03{margin-left:5px;}

.table_t02_cal{width:100%; margin:0 auto; border-top:solid 3px #365a99; border-collapse:collapse;}
.table_t02_cal tr td, .table_t02_cal tr th{border:solid 1px #d5d9de; line-height:22px; min-height:48px; font-size:13px;}
.table_t02_cal tr th{font-weight:500; padding:10px; text-align:center;}
.table_t02_cal tr td{text-align:left; vertical-align:top; padding:10px; height:150px;}
.table_t02_cal tr strong{width:100%; display:block; text-align:right;}
.table_t02_cal thead{background:#f3f6fa;}
.table_t02_cal tbody th{color:#365a99;}
.table_t02_cal tbody tr td.left{text-align:left; padding-left:10px;}
.table_t02_cal .btn_h22_t03{margin-left:5px;}
table a.schedule{display:block; width:100%; box-sizing:border-box; padding:5px; background:#6c82a9; border-radius:5px; color:#fff; font-size:14px; font-weight:500;
 line-height:21px; height:90px; overflow:hidden; letter-spacing:-0.05em;}
table a.end{display:block; width:100%; box-sizing:border-box; padding:5px; background:#999; border-radius:5px; color:#fff; font-size:14px; font-weight:500;
 line-height:21px; height:90px; overflow:hidden; letter-spacing:-0.05em;}
table a.schedule:hover, table a.end:hover{background:#0093ee;}

.table_t03{width:100%; margin:0 auto; border-collapse:collapse;}
.table_t03 tr td, .table_t03 tr th{border-bottom:solid 1px #d5d9de; line-height:22px; padding:12px 0; text-align:center; vertical-align:middle; font-size:13px;}
.table_t03 tr th{font-weight:500; text-align:center; background:#f3f6fa;}
.table_t03 tr td{text-align:left;padding:5px 15px;}
.table_t03 thead td{border-left:0; text-align:right; padding-right:0;}
.table_t03 tbody{ border-top:solid 3px #365a99;}
.table_t03 tbody th{color:#365a99;}
.table_t03 .nb_color3{vertical-align:middle; margin-left:10px; display:inline-block; width:auto; line-height:40px;}
.table_t03 span.call{display:inline-block; box-sizing:border-box; width:20%;}

.table_t03 .btn_h40_t01, .table_t03 .btn_h40_t02{width:auto; border-radius:0; padding:0 13px;}
.table_t03 i{margin-top:-5px;}
.table_t03 i.plus, .table_t03 i.minus{margin-top:-5px;}
.table_t03 small{margin-left:10px;}
.table_t03 textarea{width:100%; padding:5px; border:0; min-height:250px; border:solid 1px #d5d9de;}
.table_t03 textarea.tat2{width:100%; padding:5px; border:0; min-height:100px; border:solid 1px #d5d9de;}
.table_t04{width:100%; border-left:solid 3px #365a99; border-collapse:collapse; margin-top:20px;}
.table_t04 tr td, .table_t04 tr th{border:solid 1px #d5d9de; line-height:22px; padding:12px 0; text-align:center; vertical-align:middle; font-size:13px;}
.table_t04 th{color:#365a99;}
.tb_input{padding:12px;}
.tb_input select, .tb_input input{width:80%; float:left; margin-left:10px;}
.tb_input a{float:right; margin-right:10px;}
.requisite{font-size:24px; color:#f84e57;}
table label{margin-right:15px;}
.td_txt_box{width:100%;height:40px;; padding:0 10px; border:solid 1px #d5d9de; vertical-align:bottom; box-sizing:border-box;}
.td_txt_box2{width:74.2%;height:40px; padding:0 10px; border:solid 1px #d5d9de; vertical-align:top; box-sizing:border-box;}
.td_txt_box3{width:83%;height:40px; padding:0 10px; border:solid 1px #d5d9de; vertical-align:top; box-sizing:border-box;}
.td_txt_box4{width:50%;height:40px; padding:0 10px; border:solid 1px #d5d9de; vertical-align:top; box-sizing:border-box;}
.td_txt_box5{width:30%;height:40px; padding:0 10px; border:solid 1px #d5d9de; vertical-align:top; box-sizing:border-box;}
.td_txt_box6{width:15%;height:40px; padding:0 10px; border:solid 1px #d5d9de; vertical-align:top; box-sizing:border-box;}
.td_txt_box80{width:80%;height:40px; padding:0 10px; border:solid 1px #d5d9de; vertical-align:top; box-sizing:border-box;}
.td_txt_box200{width:200px;height:40px; padding:0 10px; border:solid 1px #d5d9de; vertical-align:top; box-sizing:border-box;}
td.over{line-height:22px;}
td.over > span{margin-top:5px;}
td.over > span, td.over b{display:block; width:100%; line-height:28px;}
td.over b{font-weight:400;}
.table_wrap{width:100%; margin:0 auto; margin:30px 0;}
.td_bg1{background:#f3f6fa;}
.td_bg2{background:#d5d9de;}
.table_select tr:hover{background:#f6f7f9;}
table tr td.ta_left{text-align:left; padding-left:10px;}
td.over .chk_1{display:block; font-weight:400;}
td.over .chk_1 span{display:inline-block; margin:5px 0 0 5px;}
td.over .nb{display:inline-block; padding:5px 0;}

/*햄버거메뉴*/
#open_slide{width:100%; margin:0 auto; position:absolute; background:rgba(0, 0, 0, .5); z-index:9999; height:100%; overflow:auto; top:0; left:0;}	
#open_slide .slide_menu_area{width:320px; background:#fff; height:100%; overflow:auto; float:right;}
#open_slide .top_area{width:100%; margin:0 auto; padding:18px 15px;}
#open_slide .top_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#open_slide .top_area .home{float:left;}
#open_slide .top_area .alarm{float:left; margin-left:10px;}
#open_slide .top_area .lang_eng, #open_slide .top_area .lang_kor{float:left; margin:3px 0 0 10px; font-weight:700; border:4px solid #365a99; border-radius:35px; height:35px; line-height:28px; padding:0 10px; display:inline-block; color:#365a99;}
#open_slide .top_area .close{float:right;}
#open_slide .top_nav{width:100%; margin:0 auto; background:#365a99; float:none; height:60px;}
#open_slide .top_nav:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#open_slide .top_nav .my{float:left; color:#fff; font-weight:500; font-size:15px;line-height:60px; padding:0 15px;}
#open_slide .top_nav .my span{display:block; float:left;}
#open_slide .top_nav .my a{display:block; float:left; background:#0093ee; color:#fff; line-height:28px; padding:0 10px; text-align:center; border-radius:28px; margin:16px 0 0 5px;}
#open_slide .top_nav .log{display:block; margin:10px 10px 0 0;}
#open_slide .top_nav .log span{display:inline-block; border:3px solid #f3f6fa; border-radius:30px; color:#f3f6fa; line-height:36px; height:40px; padding:0 10px; vertical-align:middle;}
#open_slide .top_nav .my i{display:inline-block; float:left; width:40px; height:40px; border-radius:40px; background:#fff url(../../images/m_user.png) no-repeat center center; text-align:center; vertical-align:middle; margin-right:10px; margin-top:10px;}
#open_slide .menu_area{width:100%; margin:0 auto; padding:0 15px 15px 15px;}
#open_slide .menu_area > .menu{font-size:20px; font-weight:500; padding:10px 0;border-bottom:2px solid #6c82a9; background:url(../../images/i_point_down.png) no-repeat right center;}
#open_slide .menu_area > .menu i{width:40px; height:40px;}
#open_slide .menu_area > .menu:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#open_slide .menu_area > .menu_on{font-size:20px; font-weight:500; padding:10px 0; background:url(../../images/i_point_up.png) no-repeat right center;}
#open_slide .menu_area > ul{background: #6c82a9; padding:15px; border-radius:5px;}
#open_slide .menu_area > ul > li{display:block; width:100%;}
#open_slide .menu_area > ul > li .menu_depth{background:url(../../images/i_white_down.png) no-repeat right top 10px;}
#open_slide .menu_area > ul > li .menu_depth_on{background:url(../../images/i_white_up.png) no-repeat right top 10px;}
#open_slide .menu_area > ul > li > span{display:block;width:100%;}
#open_slide .menu_area > ul > li > span a{color:#ffff; padding:5px 0; display:inline-block;}
#open_slide .menu_area > ul > li > a{color:#fff; padding:5px 0; display:inline-block;}
#open_slide .menu_area .menu_drop{width:100%; margin:0 auto; background:#fff; padding:5px 10px; border-radius:5px; margin:5px 0;}
#open_slide .menu_area .menu_drop li a{color:#365a99; padding:10px 0; display:block; border-top:1px solid #6c82a9}
#open_slide .menu_area .menu_drop li:first-child a{border:0;}
#open_slide .menu .top_menu > a{display:block; width:100%; line-height:50px; font-size:16px; font-weight:500; padding:0 20px; border-bottom:1px solid #ddd; background:url(../../images/m_more.png) no-repeat right 20px center;}
#open_slide .drop_menu{width:100%; margin:0 auto; padding:5px 0; background:#f3f3f3;}
#open_slide .drop_menu li a{display:block; line-height:45px; padding-left:40px; font-size:14px;}
#open_slide .q_menu{width:100%; margin:0 auto; padding:30px 20px; text-align:center;}
#open_slide b{display:block; width:100%; margin:0 auto;}	
#open_slide b a{text-align:center; line-height:50px; text-align:left; position:relative; width:100%; display:block;}

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

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

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

/*모바일 검색*/
.m_search{ z-index:998; width:100%; min-width:360px; height:100%; position:absolute; top:0; left:0; background:#fff;}
.m_search .msearch{display:block; width:100%; margin:0 auto;padding-top:10px; position:relative; background:url(../../images/menubar.gif) no-repeat center bottom;}
.m_search .msearch .sclose{position:absolute; top:50%; margin-top:-23px; right:10px; display:block;width:42px; height:42px; background:url(../../images/m_close.png) no-repeat center center;}
.m_search .searchWord_area{display:block; position:absolute; width:100%; margin:0 auto; border:0; box-shadow:none;}
.m_search .msearch input[type="text"]{width:90%; height:42px; border-radius:0; float:left; margin:0 10px 13px 10px; border:0;}
.m_search .msearch .btn_search{width:42px; height:42px; display:block; background:url(../../images/m_mainSearch.png) no-repeat center center; float:left;}
.m_search .searchWord .bottom_area{position:fixed;  bottom:0; left:50%; transform:translateX(-50%);max-width:1280px; min-width:360px;}
.searchWord .toolTip{ min-width:360px;}
.searchWord .toolTip .tt_book{border:solid 1px #e8e8e8;}

/* quick_menu */
#quick_menu{width:100%; margin:0 auto;}
#quick_menu .q_wrap{width:100%; margin:0 auto; background:#353c48;}
#quick_menu .q_icon{width:1200px; margin:0 auto;}
#quick_menu .q_icon:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#quick_menu .q_icon li{float:left; border-right:1px solid #353c48; text-align:center; display:block;}
#quick_menu .q_icon li:first-child{border-left:1px solid #353c48;}
#quick_menu .q_icon li a{display:block; text-align:center; width:170px; height:95px; background:#353c48;}
#quick_menu .q_icon li a i{display:block; margin:0 auto;}
#quick_menu .q_icon li a span{display:block; margin:10px 0 16px; color:#fff;}
#quick_menu .q_icon li.on a, #quick_menu .q_icon li a:hover{color:#ffcc00; font-weight:500; background-color:#1b1f27;}
#quick_menu .q_icon li a:hover span, #quick_menu .q_icon li.on a span{color:#ffcc00;} 
#quick_menu .q_icon .q_i1 i{width:170ox; height:55px; background:url(../../images/qicon_btn01_off.png) 0 0 no-repeat}
#quick_menu .q_icon .q_i2 i{width:170ox; height:55px; background:url(../../images/qicon_btn02_off.png) 0 0 no-repeat}
#quick_menu .q_icon .q_i3 i{width:170ox; height:55px; background:url(../../images/qicon_btn03_off.png) 0 0 no-repeat}
#quick_menu .q_icon .q_i4 i{width:170ox; height:55px; background:url(../../images/qicon_btn04_off.png) 0 0 no-repeat}
#quick_menu .q_icon .q_i5 i{width:170ox; height:55px; background:url(../../images/qicon_btn05_off.png) 0 0 no-repeat}
#quick_menu .q_icon .q_i6 i{width:170ox; height:55px; background:url(../../images/qicon_btn06_off.png) 0 0 no-repeat}
#quick_menu .q_icon .q_i7 i{width:170ox; height:55px; background:url(../../images/qicon_btn07_off.png) 0 0 no-repeat}
#quick_menu .q_icon li.on .q_i1 i, #quick_menu .q_icon .q_i1:hover i{width:170ox; height:55px; background:url(../../images/qicon_btn01_on.png) 0 0 no-repeat;}
#quick_menu .q_icon li.on .q_i2 i, #quick_menu .q_icon .q_i2:hover i{width:170ox; height:55px; background:url(../../images/qicon_btn02_on.png) 0 0 no-repeat;}
#quick_menu .q_icon li.on .q_i3 i, #quick_menu .q_icon .q_i3:hover i{width:170ox; height:55px; background:url(../../images/qicon_btn03_on.png) 0 0 no-repeat;}
#quick_menu .q_icon li.on .q_i4 i, #quick_menu .q_icon .q_i4:hover i{width:170ox; height:55px; background:url(../../images/qicon_btn04_on.png) 0 0 no-repeat;}
#quick_menu .q_icon li.on .q_i5 i, #quick_menu .q_icon .q_i5:hover i{width:170ox; height:55px; background:url(../../images/qicon_btn05_on.png) 0 0 no-repeat;}
#quick_menu .q_icon li.on .q_i6 i, #quick_menu .q_icon .q_i6:hover i{width:170ox; height:55px; background:url(../../images/qicon_btn06_on.png) 0 0 no-repeat;}
#quick_menu .q_icon li.on .q_i7 i, #quick_menu .q_icon .q_i7:hover i{width:170ox; height:55px; background:url(../../images/qicon_btn07_on.png) 0 0 no-repeat;}
.q_open{width:100%; margin:0 auto; background:#eff2f7; padding-bottom:40px;}
.q_open > div {width:1280px; margin:0 auto;}
.q_open > div .q_title{width:100%; font-size:20px; font-weight:500; text-align:center; padding:40px 0 20px;}
.q_open .q_cont{width:1200px; margin:0 auto; border:solid 1px #dddddd; background:#fff;}
.q_open .q_cont:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.q_open .q_cont ul.left_tap{float:left; width:18%; background:#f4f4f4; height:100%; min-height:400px;}
.q_open .q_cont ul.left_tap li{}
.q_open .q_cont ul.left_tap li a{display:block; width:100%; font-size:14px; line-height:50px; height:50px; border-bottom:solid 1px #fff; padding-left:20px; background:#f4f4f4;}
.q_open .q_cont ul.left_tap li a:hover, .q_open .q_cont ul.left_tap li.on a{background:#fff;}
.q_open .cont{float:right; width:958px; padding:45px 30px 50px 30px; min-height:305px;}
.q_open .cont_title{width:100%; font-size:18px; font-weight:500; padding-bottom:10px; border-bottom:solid 3px #365a99; margin-bottom:20px;}
ul.txt_ex{width:100%;}
ul.txt_ex li{display:block; font-size:14px;line-height:28px; background:url(../../images/dot_greyblue.png) no-repeat 0 12px; padding-left:15px;}
.q_open ul.txt_ex li span{display:block; width:100%;}
.q_btnBox{width:100%; margin:0 auto;margin-top:30px; text-align:right;}
.q_open .q_full{width:100%; padding:45px 30px 50px 30px;}
.q_cont .q_login{width:100%; padding:45px 0 50px; min-height:100px; text-align:center;}
.q_cont .q_login p{font-weight:500; margin-bottom:20px; font-size:15px;}
.q_cont .q_login{width:100%; padding:45px 0 50px; min-height:100px; text-align:center;}
.q_open .cont h4 + .txt_list{margin-top:5px;}
.q_open .cont .txt_list + h4 {margin-top:10px;}
.qftWrap{width:100%; margin:0 auto;} 
.qftWrap .qft_title{width:100%; font-size:18px; font-weight:500; padding:10px 0; position:relative;}
.qftWrap .qft_title:before{content:''; width:15px; height:4px; background:#6c82a9; position:absolute; top:0; left:0;} 
.qftWrap + .qftWrap{margin-top:10px;}

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

/* content */
section.content{width:100%; margin:0 auto; padding:20px 40px 30px 40px;}
section .btn_area{width:100%; margin:0 auto; position:relative;}
section .btn_area a{padding:12px 0; font-size:16px; color:#6b6c6d; display:inline-block; font-weight:500; margin-right:15px;}
section .btn_area a.on{border-bottom:4px solid #365a99; color:#101010;}
section .btn_area .more{display:block; position:absolute; right:0; top:0; margin-right:0;}
section .more span{display:inline-block; color:#999; vertical-align:middle; margin-right:5px;}
section .more i{background:url(../../images/i_bl_right.png) no-repeat center center; width:7px; margin-top:2px; height:14px; background-size:100%; display:inline-block; vertical-align:middle; opacity:0.3}

/* notice */
.notice_box{width:100%; margin:0 auto; background:#fff; padding:15px;} 
.notice_box ul li a{width:100%; display:block; background:url(../../images/notice_list_bullet.png) no-repeat 3px -14px; padding: 0 0 0 14px; line-height: 22px; height: 22px; font-size:12px; position:relative;}
.notice_box ul li a:hover{background:url(../../images/notice_list_bullet.png) no-repeat 3px 9px;}
.notice_box ul li a:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.notice_box ul li a b{color:#838282; font-weight:500; display:block; width:100%; padding-right:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.notice_box ul li span {color: #8f8e8e; display:block; position:absolute; right:0; top:0;}

/* book */
.bg1 + .bg1{margin-top:10px;}
.book_list_wrap{width:100%; margin:0 auto;}

.book_list_wrap .loadListWrap{width:100%; height:464px; margin:0 auto; background:#fff; position:relative;}
.book_list_wrap .loadList{width:100%; margin:0 auto; text-align:center; position:absolute; top:50%; margin-top:-105px;}
.book_list_wrap .loadList i{display:inline-block; width:66px; height:82px; background:url(../../images/hourglass.png) no-repeat center center;}
.book_list_wrap .loadList b{display:block; margin-top:15px; font-size:18px;}
.book_list_wrap .loadList p{font-size:15px; width:100%; text-align:center; margin-top:10px;}

.book_list{width:100%; margin:0 auto; margin-top:20px;}
.book_list li{position:relative; z-index:5;padding-bottom:15px;}
.book_list li a.ebook{display:block; position:absolute; left:5px; top:0; z-index:6;}
.book_list li a.ebook i{width:30px; height:34px; display:block; background:url(../../images/ebook.png) no-repeat 0 0;}
.book_list li a.book{display:block;}
.book_list li a.book span.bookcover{display:block; height:200px;}
.book_list li a.book span.bookcover img{height:100%}
.book_list li a.book span.info{display:block; margin:0 auto; width:100%; overflow:hidden;}
.book_list li a.book .bookcontent{display:none;}
.book_list li a.book .info strong{display:block; width:100%; font-weight:500; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:15px;}
.book_list li a.book strong{display:block; width:100%; font-weight:500; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:50px;}
.book_list li a.book b{display:block; font-size:14px; font-weight:500; margin-top:5px; color:#6b6c6d;}
.book_list li span.bookcontent{display:block; line-height:22px; height: 66px; overflow:hidden; text-overflow:ellipsis; font-size:14px; letter-spacing:-0.05em; margin-top:10px; text-align:center; }
.book_list li span.rank{display:block; position:absolute; left:0; bottom:60px; width:100%;}
.book_list li span.rank strong{font-size:15px; font-weight:700; color:#fff; background:#365a99; display:inline-block; padding:4px 8px; border-radius:5px;}
.book_list li span.rank b{font-weight:500; color:#365a99; display:inline-block; font-size:14px; font-weight:500;}
.book_list li span.rank small{font-weight:500; color:#365a99; display:inline-block; margin-left:5px; font-size:14px; font-weight:500;}

.load{display:flex; width:100%; align-items:center; justify-content:center; min-height:220px; flex-direction:column; gap:10px;}


/* footer */
footer{width:100%; margin:0 auto; background:#d4d7de; border-top:1px solid #4c5564; position:relative;}

.foot{width:1200px; margin:0 auto; padding:40px 0 30px 0; position:relative;}
.foot .f_link{margin:0 auto; text-align:center;}
.foot .f_link:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.foot .f_link a{display:block; margin-left:5px; text-align:center; display:inline-block;}
.foot .f_link .sns a{ background:#4c5564; overflow:hidden;}
.foot .f_link a i.facebook{display:inline-block; width:100%; height:100%; background:url(../../images/facebook_on.png) no-repeat center;}
.foot .f_link a i.twitter{display:inline-block; width:100%; height:100%; background:url(../../images/twitter_on.png) no-repeat center;}
.foot .f_link a i.youtube{display:inline-block;  width:100%; height:100%; background:url(../../images/youtube_on.png) no-repeat center;}
.foot .f_link a i.instagram{display:inline-block;  width:100%; height:100%; background:url(../../images/instagram_on.png) no-repeat center;}
.foot .f_add{margin:0 auto; text-align:center; margin-top:15px; padding:0 10px;}
.foot .f_add:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.foot .f_add small{display:block; width:100%; text-align:center; margin:0 auto;}
.foot .f_add span, .foot .f_add b{display:block; font-size:13px; font-weight:400; color:#4c5564;}
.foot .f_add span{margin-top:7px;}
.foot .f_add small{margin:0;}
.totop{ background:url(../../images/i_white_up.png) no-repeat center 5px;   background-color: rgba(76, 85, 100, 1); background-size:12px; padding-top:16px; width:40px; height:40px; border-radius:40px;  display:block; position:absolute; right:10px; top:-20px; text-align:center; font-size:14px; z-index:200; color:#fff !important; z-index:20;}
.totop:hover{background-color: rgba(76, 85, 100, 1); color:#fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}

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

/* 교외접속서비스 */
.tb_input #select_url, .tb_input #input_url{width:calc(100% - 80px) !important;}
	
@media(max-width:1199px){
	body{min-width:100%;}
	/* 한줄공지 */
	#top_panel_wrap{padding:10px 0; height:auto;}
	#top_panel_wrap .top_panel a.top_notice{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:20px; letter-spacing:-0.05em;}	
	#wrapper{width:100%; margin:0 auto;}
	#quick_menu .q_icon{width:100%;}
	#quick_menu .q_icon li, #quick_menu .q_icon li.on{width:14.2857%; text-align:center;}
	#quick_menu .q_icon li a, #quick_menu .q_icon li.on a{width: auto; text-align:center;}
	#quick_menu .q_icon li a i, #quick_menu .q_icon li.on a i{width:100%; background-position:center center!important;}
	#quick_menu .q_icon li a span{font-size:13px; letter-spacing:-0.05em;}
	.q_open{width:100%; margin:0 auto; padding:0 40px 40px 40px;}
	.q_open > div{width:100%; margin:0 auto;}
	.q_open .q_cont{width:100%; margin:0 auto;}
	.q_open .q_cont ul.left_tap{width:20%;}
	.q_open .q_cont ul.left_tap li a:hover, .q_open .q_cont ul.left_tap li.on a, .q_open .q_cont ul.left_tap li a{padding-left:15px;}
	.q_open .cont{width:80%; padding:20px 20px 40px 20px;}
	.q_open .q_full{width:100%; padding:20px 20px 40px 20px;}
	ul.txt_ex li{width:100%;}
	ul.txt_ex li p{width:100%;}
	#visual_area{width:100%;}
	#open_slide{position:fixed; top:0; left:0;}	
	#visual_area ul.slide-area li{width:100%; overflow:hidden;}
	#visual_area ul.slide-area li img{display:inline; text-align:right; height:100%;}	
	.m_search{ z-index:998; width:100%; height:100%; position:fixed; top:0; left:0; background:#fff;}
	.m_search .msearch{display:block; width:100%; margin:0 auto;padding:0; position:relative; background:url(../../images/menubar.gif) no-repeat center bottom;}
	.m_search .msearch form{width:100%; margin:0 auto; padding:10px 0;}
	.m_search .msearch .sclose{position:absolute; top:50%; margin-top:-23px; right:10px; display:block;width:42px; height:42px; background:url(../../images/m_close.png) no-repeat center center;}
	.m_search .searchWord_area{display:block; position:absolute; width:100%; margin:0 auto; border:0; box-shadow:none;}
	.m_search .msearch input[type="text"]{width:100%; height:42px; border-radius:0; float:left; margin:0; border:0; padding:0 110px 0 10px}
	.m_search .msearch .btn_search{position:absolute; right:60px; top:50%; margin-top:-23px; width:42px; height:42px; display:block; background:url(../../images/m_mainSearch.png) no-repeat center center; float:none;}
	.m_search .searchWord .bottom_area{width:100%;position:fixed; bottom:0; left:0; margin-left:0; transform:none;}
	.foot{width:100%;}
	}	
@media(max-width:1024px){
	.book_list_wrap .loadListWrap{width:100%; height:294px; margin:0 auto; background:#fff; position:relative;}
	.search{width:calc(100% - 80px);}
	.searchWord_area{width:100%; left:0; top:90px;}
}
@media(max-width:767px){	
	.m_board{display:block;}
	body{min-width:360px; font-size:14px;}
	
	/*한줄공지*/
	#top_panel_wrap{padding:0;min-width:360px}
	#top_panel_wrap .top_panel{width:100%; background-size:18px; background:none; padding:0;}
	#top_panel_wrap .top_panel a.top_notice{display:inline-block; padding:12px 10px 12px 35px; background:url(../../images/i_top_notice.png) no-repeat left 10px center; background-size:16px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; letter-spacing:-0.05em; height:auto; line-height:1.2em;}
	#top_panel_wrap .top_panel p.tday_close{width:100%; background-color:#12417d; position:static; display:block; text-align:right; padding:5px 10px; margin:0;}
	#top_panel_wrap .top_panel p.tday_close span{font-size:12px; margin-top:7px; display:inline-block; float:left;}
	#top_panel_wrap .top_panel p.tday_close input{float:left;}
	#top_panel_wrap .top_panel p.tday_close a{float:right;}
 	#top_panel_wrap .top_panel p.tday_close:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	
	/*header*/
	header h1{width:136px; margin-top:0;}
	header h1 a{width:100%; line-height:76px;}
	header h1 a img{width:100%;}
	#hwrap{padding:0 10px; height:76px; background:#fff url(../../images/menubar.gif) no-repeat center bottom;}
	#hwrap .btn_wrap{margin-top:20px;}
	.btn_wrap a{font-size:14px; margin-right:10px;}
	.btn_wrap a.btn_total{margin-right:0}
	#open_slide .menu_area > .menu, #open_slide .menu_area > .menu_on{font-size:16px;}
	
	/*quick_menu*/
	#quick_menu{width:100%; margin:0 auto; display:block;}
	#quick_menu .q_wrap{background:none; padding:10px 10px 0 10px;}
	#quick_menu .q_icon li:nth-child(2), #quick_menu .q_icon li:nth-child(3), #quick_menu .q_icon li:nth-child(4), #quick_menu .q_icon li:nth-child(5){display:none;}
	#quick_menu .q_icon li:first-child{border:0;}
	#quick_menu .q_icon li, #quick_menu .q_icon li.on{width:33.3333%; border:0; padding:0 2px;}
	#quick_menu .q_icon li a i{display:none;}
	#quick_menu .q_icon li a{width:100%; text-align:center; background:#75777b; color:#fff; height:auto; padding:12px 0;}
	#quick_menu .q_icon li.on a{width:100%; text-align:center; background:#365a99; color:#fff;}
	#quick_menu .q_icon li a span{padding:0; margin:0;}
	#quick_menu .q_icon li.on a span{width:100%; color:#fff;}
	.q_open {padding:10px; background:#fff;} 
	.q_open > div .q_title{display:none;}
	.q_open .q_full{padding:0;}
	.q_open .q_cont{padding:10px 10px 15px 10px; font-size:13px; line-height:1.5em;}	
	.q_open .q_cont ul.txt_list > li{line-height:1.5em; background: url(../../images/list_dot2.png) no-repeat 0 8px;margin:3px 0; padding-left: 15px; display:inline-block; word-break:break-all !important;}
	.q_open .q_cont ul.txt_list_depth2 li{line-height:1.5em; background:url(../../images/list_dot2.png) no-repeat 12px 10px; padding-left:23px; display:inline-block; word-break:break-all !important;}
	#quick_menu .q_icon li.on a, #quick_menu .q_icon li a:hover{color:#fff; font-weight:500; background-color:#365a99;}
	#quick_menu .q_icon li a:hover span, #quick_menu .q_icon li.on a span{color:#fff;} 
	/*q_open*/
	.q_open .q_cont ul.left_tap{display:none; width:100%; margin:0 auto; margin-top:0; border:solid 1px #e8e8e8; border-top:0; position:absolute; left:0; top:45px; z-index:10; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); height:auto; min-height:auto;}
	.q_open .q_cont ul.left_tap li{width:100%; margin:0 auto; display:block;}
	.q_open .q_cont ul.left_tap li a{ font-size:16px; padding:10px; height:auto; line-height:1.5em;}
	.q_open .q_cont ul.left_tap li a:hover, .q_open .q_cont ul.left_tap li.on a{background:none;}
	.q_open .cont{width:100%; float:none; padding:0; min-height:auto;}
	.q_open .cont_title{display:block; width:100%; margin-bottom:10px; height:45px; line-height:45px; font-size:16px; border-bottom:3px solid #6c82a9;}	
	.q_open .cont .cont_title{display:none;}
	
	.qftWrap{padding-top:15px;}
	.qftWrap .qft_title{width:100%; font-size:16px; font-weight:500; padding:10px 0 0 0; position:relative;}
	.qftWrap .qft_title:before{content:''; width:15px; height:4px; background:#6c82a9; position:absolute; top:0; left:0;} 	
	.m_qtap_area{width:100%; margin:0 auto; position:relative;}
	.m_qtap_area .m_qtap{display:block; width:100%; margin-bottom:10px; height:45px; line-height:45px; font-weight:500; font-size:16px; background:url(../../images/i_cblue_down.png) no-repeat right 5px center;border-bottom:3px solid #6c82a9;}
	.m_qtap_area .m_qtap_on{display:block; width:100%; margin-bottom:10px; height:45px; line-height:45px; font-weight:500; font-size:16px; background:url(../../images/i_cblue_up.png) no-repeat right 5px center;border-bottom:3px solid #6c82a9;}
	.q_btnBox{text-align:center;}
	.q_open .q_cont ul.left_tap li a:hover, .q_open .q_cont ul.left_tap li.on a, .q_open .q_cont ul.left_tap li a{padding-left:10px; font-size:14px;}
	.q_open .q_cont ul.left_tap li a:hover, .q_open .q_cont ul.left_tap li.on a{background:#fff; color:#365a99; font-weight:500;}
	.q_open .q_cont .m_board .btn_h24_t01, .q_open .q_cont .m_board .btn_h24_t02, .q_open .q_cont .m_board .btn_h24_t03{line-height:15px;}
	#quickOpen7 .m_qtap, #quickOpen7 .m_qtap_on{background:none; touch-action:none;}
	#quickOpen3 .favWeb{flex-wrap:wrap; gap:10px;}
	#quickOpen3 .favWeb a{width:calc((100% / 4) - 10px); font-size:12px;}
	/*visual_area*/
	#visual_area{height:auto; overflow:hidden; background:url(../../images/menubar.gif) center bottom;}
	#visual_area .jd-slider{display:none;}
	#visual_area .search {position:static; background:none; padding:0; transform:none;}
	#visual_area .search .search_box{background:none; position:relative; }
	#visual_area .search > ul{display:none;}
	#visual_area .search .search_box .txt_box{height:50px;width:100%; padding-right:45px; border-radius:5px; padding-left:10px;}
	#visual_area .search .search_box .btn_search{position:absolute; width:30px; height:30px; background:url(../../images/m_mainSearch.png) no-repeat center center; background-size:100%; top:50%; margin-top:-15px; right:15px;}
	#visual_area .search_box .btn_search img{display:none;}
	.searchWord .toolTip ul{width:100%;}
	.searchWord .toolTip .tt_book{display:none;}
	.searchWord .toolTip .ui-widget-content{width:100%;}
	.searchWord .toolTip .ui-menu-item-wrapper{line-height:32px;}
	.search{width:100%;}
	.search > ul{display:none;}
	 /* content */
	section.content{width:100%; margin:0 auto; padding:10px 10px 20px 10px; overflow:hidden;}
	section.content .box{width:100%;}
	.bg1, .bg2 {position:relative;}
	section .btn_area {width:200%; position:static;}
	section .btn_area a{margin:0 0 0 10px;}
	section .btn_area a:first-child{margin:0;}
	section .btn_area a.more{font-size:14px; position:absolute; top:12px; right:0; padding:10px; z-index:5; margin:0;}
	.bg1 .btn_area a.more{background:#fff; position:absolute; top:12px; right:0; margin:0;}
	.notice_box{padding:10px;}
	.book_list_wrap .loadList{margin-top:-80px;}
	.book_list{margin-top:10px;}	
	.book_list li a.book span.bookcover{display:block; height:154px;}
	.book_list li a.book span.bookcover img{height:100%}	
	.book_list li a.book strong{width:100%; height:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:40px;}
	.book_list li a.book .info strong, .book_list li a.book b{width:100%; height:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.book_list li span.rank{bottom:55px;}
	.book_list li span.rank strong{font-size:14px; padding:3px; min-width:22px; text-align:center; border-radius:5px;}
	.foot{padding:25px 0 20px 0;}
	.foot .f_link > span{display:block;}
	.foot .f_link .link a{padding:0 10px; margin:2px; font-size:12px;}
	.foot .f_link .sns{margin-top:10px;}
	/*모바일 검색*/
	.m_search .msearch{padding:0;}
	.m_search .msearch form{width:100%; padding:10px 0;}
	.m_search .msearch input[type="text"]{width:100%; margin:0; padding:0 85px 0 10px;}
	.m_search .msearch .sclose{position:absolute; float:none; right:10px; top:15px; margin:0; background-size:100%; width:30px; height:30px;}
	.m_search .msearch .btn_search{position:absolute; float:none; right:45px; top:15px; margin:0; background-size:100%; width:30px; height:30px;}
	.m_search .searchWord_area{top:59px;}
	.searchWord_area .searchWord_tab_area .close{width:25px; height:25px; margin-top: -12.5px;}
	.searchWord_area .searchWord_tab li a{padding:12px 15px;}
	.searchWord ul li a.recent{font-size:14px; width:65%;}
	.searchWord ul li a.favorites i{vertical-align:top;}
	.searchWord ul li > span a.close i{background-position:center center;margin-top:5px;}
	.searchWord ul li > span b{line-height:20px;}
	.searchWord .bottom_area a{font-size:14px;}
	
	
	/*schedule*/
	.main_board .schedule .schedule_menu{position:relative;}
	.main_board .schedule .schedule_menu .btn_box{position:absolute; right:0; top:0; background:#fff; border-bottom:1px solid #dbdbdb;}
	.main_board .schedule .schedule_menu ul{width:100%;}
	.main_board .schedule .schedule_menu ul li{width:auto;}
	.main_board .schedule .schedule_menu ul li a{font-size:16px; padding:0 10px; height:50px;}
	.main_board .notice p.title{font-size:16px;}
	.scrollos-content .item a{padding:0 10px;font-size:15px; height:40px; line-height:40px;}
	/*quick_menu*/
	#quick_menu_wrap{padding:0;overflow:hidden;}
	#quick_menu_wrap .quick_menu{padding:0; text-align:center;}
	#quick_menu_wrap .quick_menu li{width:auto; float:none; display:inline-block;}
	#quick_menu_wrap .quick_menu li a {height:auto; padding:10px 15px;;}
	#quick_menu_wrap .quick_menu li a span{margin-top:40px;}
	#quick_menu_wrap .quick_menu li:nth-child(1) a, #quick_menu_wrap .quick_menu li:nth-child(2) a, #quick_menu_wrap .quick_menu li:nth-child(3) a, #quick_menu_wrap .quick_menu li:nth-child(4) a, #quick_menu_wrap .quick_menu li:nth-child(5) a, #quick_menu_wrap .quick_menu li:nth-child(6) a{background-size:50%; font-size:12px; background-position:center 10px;}	
	.quick_menu li:nth-child(3) a{background-size:30% !important;}
	.quick_menu li:nth-child(4) a{background-size:40% !important;}
	.quick_menu li:nth-child(6) a{background-size:45% !important;}
	#main_board_wrap{padding:15px;}
	.main_board .notice{margin-top:15px;}
	#science_lounge_wrap .controller, #science_lounge_wrap .controller{display:none;}
		
	#book_slider_wrap{padding:15px;}
	#book_slider_wrap .title ul li a{font-size:20px;}
	#book_slider_wrap .book_slider > div ul{height:auto;}
	#book_slider_wrap .title .btn_box{background:#fff;}
	#book_slider_wrap .title ul li{margin-left:20px;}
	#footer_wrap {padding:0; border-top:2px solid #c92c06;}
	.footer{padding:10px; border-top:2px solid #ddd;}
	.foot .f_add{margin-top:15px; padding:0 10px;}	
	.foot .f_add small{line-height:1.5em;}
	.foot .f_add span, .foot .f_add b{font-size:11px}

}

@media (max-width:320px){
	#wrapper, #open_slide{min-width:320px;}
	#open_slide .slide_menu_area{width:100%;}
	#open_slide .top_nav a{font-size:12px; padding:0 10px;}
	#open_slide .q_menu a.map, #open_slide .q_menu a.site{font-size:12px;}
	#wrapper, .menu_area_wrap{min-width:320px;}	
	#quick_menu_wrap .quick_menu li a{padding:0; background-size:25% !important; padding:10px 0;}
	
	body{font-size:12px !important;}
	.scrollos-content .item a {padding-right: 50px;}
}