@charset "utf-8";
/* CSS Document */
html{width:100%; margin:0 auto;}
body{width:100%; margin:0 auto; position:relative;}


/* 한줄공지 */
#top_panel_wrap{width:100%; height:80px; margin:0 auto; background:#42302a; z-index:1;}
#top_panel_wrap:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#top_panel_wrap .top_panel{max-width:1200px; width:100%; margin:0 auto; text-align:center; position:relative; background:url(../images/i_top_notice2.gif) no-repeat left center; padding:0 170px 0 63px;}
#top_panel_wrap .top_panel a.top_notice{display:block; width:100%; margin:0 auto; font-size:23px; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.6); color:#fff; height:80px; line-height:80px; display:inline-block; z-index:1;}
#top_panel_wrap .top_panel a.top_notice:hover, #top_panel_wrap .top_panel a.top_notice:focus{color:#ffdb69; transition:ease 0.3s;}
#top_panel_wrap .top_panel p.tday_close{position:absolute; right:0; 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{background:url(../images/btn_close_hover.png) no-repeat center center; transition:ease 0.3s;}
#top_panel_wrap .top_panel p.tday_close a:focus{outline:none !important; border:2px solid #09F !important; box-sizing:border-box !important;}
#wrapper{width:100%; margin:0 auto; position:relative; padding-top:107px;}

/*----------------------header---------------------- */
#header{width:100%; margin:0 auto; position:absolute; top:0; left:0; z-index:100; background:#fff; border-bottom:1px solid #ccc; }
#header .top_area_wrap{width:100%; margin:0 auto; background:#c92c06;}
.top_area{max-width:1200px; width:100%; margin:0 auto; height:30px;}
.top_area ul.left_area:after, .top_area ul.right_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.top_area ul.left_area > li, .top_area ul.right_area > li{float:left; border-right:solid 1px #ad2200; display:block;}
.top_area ul.left_area > li:first-child, .top_area ul.right_area > li:first-child{border-left:solid 1px #ad2200;}
.top_area ul.left_area > li a, .top_area ul.left_area > li a i, .top_area ul.right_area > li a i{display:block;}
.top_area ul li.map a{background:#ad2200 url(../images/i_map.png) no-repeat 15px center; padding:0 15px 0 40px;line-height:30px; color:#fff; font-size:14px; display:block; transition:ease 0.3s;}
.top_area ul li.map a:hover, .top_area ul li.map a:focus{background-color:#932308;}
.top_area ul.right_area > li a{display:block; line-height:30px; color:#fff; font-size:14px;}
.top_area ul.right_area .site a, .top_area ul.right_area .join a, .top_area ul.right_area .log a, .top_area ul.right_area .lang a{padding:0 15px;}
.top_area ul.right_area .my a{padding:0 15px 0 30px; background:url(../images/user_w.png) no-repeat 15px center;}
.top_area ul.right_area .my a:hover, .top_area ul.right_area .my a:focus{background: #ad2200 url(../images/user_w.png) no-repeat 15px center;}
.top_area ul.right_area .log{background:#6d6b6a; border-color:#444342;}
.top_area ul.right_area .lang{background:#6d6b6a; border-color:#444342;}
.top_area ul.right_area > li a:hover, .top_area ul.right_area > li a:focus{background:#545353; transition:ease 0.3s;}
.top_area ul.right_area > li:nth-child(1), .top_area ul.right_area > li:nth-child(2), .top_area ul.right_area > li:nth-child(3){border:0; margin-right:5px;}
{padding:0 5px; background:#d4262c;}
.top_area ul.right_area > li:nth-child(4){border-left:solid 1px #ad2200; margin-left:5px;}
.top_area ul.right_area .board_link{ border-color:#444342;}
.top_area ul.right_area .board_link a.board{ dispaly:block;line-height:30px; height:30px; padding:0 30px 0 15px; position:relative;}
.top_area ul.right_area .board_link a.board i{dispaly:block; width:12px; height:6px; background:url(../images/i_white_down.png) no-repeat center center; background-size:100%; position:absolute; top:50%; margin-top:-3px; right:10px;}
.top_area ul.right_area .board_link ul{display:none;}
.top_area ul.right_area .board_link {position:relative;}
.top_area ul.right_area .board_link a.board{position:relative;}
.top_area ul.right_area .board_link ul{display:none; width:182px; position:absolute; top:30px; left:-1px; z-index:15; border:solid 1px #ad2200; height:auto; overflow:hidden; padding:0;}
.top_area ul.right_area .board_link ul li{border-top:solid 1px #ad2200;}
.top_area ul.right_area .board_link ul li:first-child{border-top:0;}
.top_area ul.right_area .board_link ul li a{display:block; line-height:40px; height:40px; width:100%; background:#c92c06; overflow:hidden;}
.top_area ul.right_area .board_link ul li a span{float:left; margin-left:10px;}
.top_area ul.right_area .board_link ul li a i{float:right; margin-right:10px; color:#fff;}
.top_area ul.right_area .board_link ul li a:hover, .top_area ul.right_area .board_link ul li a:focus{font-weight:500; color:#fff; background:#ad2200;}
.top_area ul.right_area .board_link ul li a:hover i, .top_area ul.right_area .board_link ul li a:focus i{background:url(../images/i_white_right.png) no-repeat 0 0; background-size:100%; width:6px; height:100%; margin-top:15px;}
.top_area ul.right_area .board_link:hover ul, .top_area ul.right_area .board_link.on ul{display:block;}
.top_area ul.right_area .board_link a.board:hover, .top_area ul.right_area .board_link a.board:focus, .top_area ul.right_area .board_link.on  a.board{background:#ad2200; transition:0.3s ease;}
.top_area ul.right_area .board_link a.board:hover i, .top_area ul.right_area .board_link a.board:focus i, .top_area ul.right_area .board_link.on  a.board i{background:url(../images/i_white_up.png) no-repeat center center;background-size:100%;transition:0.3s ease;}
#gnb:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
/* menu */
.menu_area_wrap{width:100%; margin:0 auto; position:relative; z-index:11; box-shadow:3px 3px 3px 0 rgba(0, 0, 0, 0.1);}
.menu_area{max-width:1200px; width:100%; margin:0 auto;}
.menu_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.menu_area h1{float:left; width:153px; line-height:76px;}
.menu_area h1 a{display:block; width:100%;}
.menu_area h1 a img{width:100%; vertical-align:middle;}
.menu_area .menu_kor{float:left;}
.menu_area .menu_kor:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.menu_area .menu_kor li.top_menu{float:left; display:block;margin-left:30px; position:relative;}
.menu_area .menu_kor li.top_menu:first-child{margin-left:34px;}
.menu_area .menu_kor li.top_menu > a{display:block; font-size:20px; font-weight:500; line-height:76px; height:76px; letter-spacing:-0.05em; text-align:center; padding:0 10px;}
.menu_area .menu_kor li.top_menu > a:hover, .menu_area .menu_kor li.top_menu > a:focus, .menu_area .menu_kor li.top_menu.on > a{color:#e55531; transition:ease 0.3s;}
.menu_area .menu_kor li.top_menu:hover ul.drop_menu, .menu_area .menu_kor li.top_menu.on ul.drop_menu{visibility:visible; transition:ease-in-out 0.5s}
.menu_area .menu_kor li.top_menu ul.drop_menu{visibility:hidden; box-shadow:3px 3px 3px 0 rgba(0, 0, 0, 0.1);}
.menu_area .menu_kor li.top_menu:nth-child(1) ul.drop_menu{position:absolute; height:auto; border-radius: 0 0 15px 15px; min-width:150px; border:1px solid #ddd; border-top:0; overfolw:hidden; padding:10px 0; left:50%; margin-left:-75px; top:76px; z-index:100; background:#fff;}
.menu_area .menu_kor li.top_menu:nth-child(2) ul.drop_menu{position:absolute; height:auto; border-radius: 0 0 15px 15px; min-width:140px; border:1px solid #ddd; border-top:0;overfolw:hidden; padding:10px 0; left:50%; margin-left:-70px; top:76px; z-index:100; background:#fff;}
.menu_area .menu_kor li.top_menu:nth-child(3) ul.drop_menu{position:absolute; height:auto; border-radius: 0 0 15px 15px; min-width:164px; border:1px solid #ddd; border-top:0; overfolw:hidden; padding:10px 0; left:50%; margin-left:-82px; top:76px; z-index:100; background:#fff;}
.menu_area .menu_kor li.top_menu:nth-child(4) ul.drop_menu{position:absolute; height:auto; border-radius: 0 0 15px 15px; min-width:176px; border:1px solid #ddd; border-top:0; overfolw:hidden; padding:10px 0; left:50%; margin-left:-88px; top:76px; z-index:100; background:#fff;}
.menu_area .menu_kor li.top_menu:nth-child(5) ul.drop_menu{position:absolute; height:auto; border-radius: 0 0 15px 15px; min-width:140px; border:1px solid #ddd; border-top:0; overfolw:hidden; padding:10px 0; left:50%; margin-left:-70px; top:76px; z-index:100; background:#fff;}
.menu_area .menu_kor li.top_menu:nth-child(6) ul.drop_menu{position:absolute; height:auto; border-radius: 0 0 15px 15px; min-width:152px; border:1px solid #ddd; border-top:0; overfolw:hidden; padding:10px 0; left:50%; margin-left:-76px; top:76px; z-index:100; background:#fff;}
.menu_area .menu_kor li.top_menu ul.drop_menu li{display:block; width:100%; float:none;}
.menu_area .menu_kor li.top_menu ul.drop_menu li a{display:block; letter-spacing:-0.04em; width:100%; padding:14px 15px 14px 20px; font-weight:500; background:url(../images/arwR_coralPoint.png) no-repeat left bottom; background-size:0; color:#101010;}
.menu_area .menu_kor li.top_menu ul.drop_menu li a:hover, .menu_area .menu_kor li.top_menu ul.drop_menu li a:focus{background:#fff url(../images/arwR_coralPoint.png) no-repeat 5px center; background-size:8px; transition:ease 0.3s; color:#e55531;}
/* menu_eng */
.menu_area .menu_eng{float:left;}
.menu_area .menu_eng:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.menu_area .menu_eng li.top_menu{float:left; display:block;margin-left:30px; position:relative;}
.menu_area .menu_eng li.top_menu:first-child{margin-left:34px;}
.menu_area .menu_eng li.top_menu > a{width:100%; display:block; font-size:18px; font-weight:500; letter-spacing:-0.05em; line-height:20px; height:76px;  letter-spacing:-0.05em; text-align:center; padding:20px 0; word-break:keep-all;}
  
.menu_area .menu_eng li.top_menu > a:hover, .menu_area .menu_eng li.top_menu > a:focus, .menu_area .menu_eng li.top_menu.on > a{color:#e55531; transition:ease 0.3s;}
.menu_area .menu_eng li.top_menu:hover ul.drop_menu, .menu_area .menu_eng li.top_menu.on ul.drop_menu{visibility:visible; transition:ease-in-out 0.5s}
.menu_area .menu_eng li.top_menu ul.drop_menu{visibility:hidden; box-shadow:3px 3px 3px 0 rgba(0, 0, 0, 0.1);}
.menu_area .menu_eng li.top_menu:nth-child(1){width:120px;}
.menu_area .menu_eng li.top_menu:nth-child(2){width:128px;}
.menu_area .menu_eng li.top_menu:nth-child(3){width:174px;}
.menu_area .menu_eng li.top_menu:nth-child(4){width:130px;}
.menu_area .menu_eng li.top_menu:nth-child(5){width:130px;}
.menu_area .menu_eng li.top_menu:nth-child(6){width:115px;}
.menu_area .menu_eng li.top_menu:nth-child(1) ul.drop_menu{position:absolute; height:auto; border-radius: 0 0 15px 15px; width:160px; border:1px solid #ddd; border-top:0; overfolw:hidden; padding:10px 0; left:50%; margin-left:-80px; top:76px; z-index:100; background:#fff;}
.menu_area .menu_eng li.top_menu:nth-child(2) ul.drop_menu{position:absolute; height:auto; border-radius: 0 0 15px 15px; width:170px; border:1px solid #ddd; border-top:0;overfolw:hidden; padding:10px 0; left:50%; margin-left:-85px; top:76px; z-index:100; background:#fff;}
.menu_area .menu_eng li.top_menu:nth-child(3) ul.drop_menu{position:absolute; height:auto; border-radius: 0 0 15px 15px; width:180px; border:1px solid #ddd; border-top:0; overfolw:hidden; padding:10px 0; left:50%; margin-left:-90px; top:76px; z-index:100; background:#fff;}
.menu_area .menu_eng li.top_menu:nth-child(4) ul.drop_menu{position:absolute; height:auto; border-radius: 0 0 15px 15px; width:186px; border:1px solid #ddd; border-top:0; overfolw:hidden; padding:10px 0; left:50%; margin-left:-93px; top:76px; z-index:100; background:#fff;}
.menu_area .menu_eng li.top_menu:nth-child(5) ul.drop_menu{position:absolute; height:auto; border-radius: 0 0 15px 15px; width:160px; border:1px solid #ddd; border-top:0; overfolw:hidden; padding:10px 0; left:50%; margin-left:-80px; top:76px; z-index:100; background:#fff;}
.menu_area .menu_eng li.top_menu:nth-child(6) ul.drop_menu{position:absolute; height:auto; border-radius: 0 0 15px 15px; width:182px; border:1px solid #ddd; border-top:0; overfolw:hidden; padding:10px 0; left:50%; margin-left:-91px; top:76px; z-index:100; background:#fff;}
.menu_area .menu_eng li.top_menu ul.drop_menu li{display:block; width:100%; float:none;}
.menu_area .menu_eng li.top_menu ul.drop_menu li a{display:block; letter-spacing:-0.05em; width:100%; padding:12px 15px 12px 20px; font-weight:500; background:url(../images/arwR_coralPoint.png) no-repeat left bottom; background-size:0; color:#101010; word-break:keep-all; font-size:14px; line-height:18px;}
.menu_area .menu_eng li.top_menu ul.drop_menu li a:hover, .menu_area .menu_eng li.top_menu ul.drop_menu li a:focus{background:#fff url(../images/arwR_coralPoint.png) no-repeat 5px center; background-size:8px; transition:ease 0.3s; color:#e55531;}

.menu_area .btn_box{float:right; margin-top:18px; overflow:hidden;}
.menu_area div.btn_box:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.menu_area .btn_box a{float:left;}
.menu_area .btn_box a:first-child{margin-right:20px;}
.menu_area .btn_total{display:block; width:45px; height:41px; padding:10px; background:url(../images/btn_allmenu.png) no-repeat center center;}
.menu_area .btn_vsearch{display:none; width:41px; height:41px; padding:10px; background:url(../images/i_glass_red.png) no-repeat center center;}
.menu_area .btn_box a:focus {outline:none !important; border:2px solid #09F !important; box-sizing:border-box !important;}

/* 전체메뉴 */
.open_allMenu_wrap{width:100%; margin:0 auto; position:fixed; top:0; left:0; height:auto; z-index:101; background:#fff; box-shadow:3px 3px 3px 0 rgba(0, 0, 0, 0.1);}
.open_allMenu_wrap .allMenu_kor{max-width:1200px; width:100%; margin:0 auto; position:relative; padding:60px 0 40px 0;}
.open_allMenu_wrap .allMenu_kor .menu{width:100%; margin:0 auto;}
.open_allMenu_wrap .allMenu_kor .menu:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.open_allMenu_wrap .allMenu_kor .menu > li{display:block; width:16.6666%; float:left; padding-right:20px;}
.open_allMenu_wrap .allMenu_kor .menu > li:first-child{}
.open_allMenu_wrap .allMenu_kor .menu > li > a{display:block; width:100%; height:80px; line-height:30px; font-size:25px; font-weight:500; border-bottom:3px solid #c92c06; word-break:keep-all;}
.open_allMenu_wrap .allMenu_kor .menu > li > a:hover, .open_allMenu_wrap .allMenu_kor .menu > li > a:focus{color:#c92c06;}
.open_allMenu_wrap ul li .drop_menu{width:100%; margin:0 auto; height:auto; }
.open_allMenu_wrap ul li .drop_menu li{display:block; width:100%;}
.open_allMenu_wrap ul li .drop_menu li a{width:100%; display:block; letter-spacing:-0.05em; font-size:17px; padding:13px 0; word-break:keep-all; line-height:23px;}
.open_allMenu_wrap ul li .drop_menu li a:hover, .open_allMenu_wrap ul li .drop_menu li a:focus{background:#c92c06; color:#fff; transition:ease-in-out 0.5s; padding:13px 0 13px 10px;}
.open_allMenu_wrap .allMenu_kor .close{display:block; position:absolute; right:0; top:20px; background:#75777b url(../images/close.png) no-repeat center center; width:40px; height:40px; border-radius:40px;}
.open_allMenu_wrap .allMenu_kor .close:hover, .open_allMenu_wrap .allMenu_kor .close:focus{background-color:#888;}

/* 전체메뉴_eng */
.open_allMenu_wrap .allMenu_eng{max-width:1200px; width:100%; height:auto; margin:0 auto; position:relative; padding:60px 0 40px 0; min-height:610px;}
.open_allMenu_wrap .allMenu_eng .menu{width:100%; margin:0 auto;}
.open_allMenu_wrap .allMenu_eng .menu:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.open_allMenu_wrap .allMenu_eng .menu > li{display:block; width:16.6666%; float:left; padding-right:20px;}
.open_allMenu_wrap .allMenu_eng .menu > li > a{display:block; width:100%; height:85px; line-height:23px; letter-spacing:-0.05em; font-size:23px; font-weight:500; border-bottom:3px solid #c92c06; word-break:keep-all;}
.open_allMenu_wrap .allMenu_eng .menu > li > a:hover, .open_allMenu_wrap .allMenu_eng .menu > li > a:focus{color:#c92c06;}
.open_allMenu_wrap .allMenu_eng .close{display:block; position:absolute; right:0; top:20px; background:#75777b url(../images/close.png) no-repeat center center; width:40px; height:40px; border-radius:40px;}
.open_allMenu_wrap .allMenu_eng .close:hover, .open_allMenu_wrap .allMenu_eng .close:focus{background-color:#888;}
.topMenuFixed {width:100%; margin:0 auto; position:relative; z-index:11; background:#fff; position: fixed; top: 0px;}

/*----------------------main_wrap---------------------- */
#container{width:100%; margin:0 auto; *zoom:1;}
#main_wrap{width:100%; margin:0 auto;}

/* visual */
#visual_area{width:100%; margin:0 auto; position:relative;}
#visual_area .v_cont{width:100%; margin:0 auto;}
#visual_area .v_cont li{width:100%; margin:0 auto; text-align:center;}
#visual_area .v_cont li a, #visual_area .v_cont li span{margin:0 auto; text-align:center; width:100%; display:block; max-height:640px; overflow:hidden;}
#visual_area .v_cont li a img, #visual_area .v_cont li span img{text-align:center; display:block; margin:0 auto; max-width:1920px;}
#visual_area .search{width:600px; margin:0 auto; height:59px; border:3px solid #c92c06; border-radius:15px; position:absolute; top:46px; left:50%; margin-left:-300px; background:#fff; z-index:99;}
#visual_area .search:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#visual_area .search input[type="text"]{border:0; line-height:54px; height:54px; width:87.8333%; display:block; float:left; border-radius:15px 0 0 15px ;}
#visual_area .search label{font-size:16px; -ms-ime-mode: disabled; -webkit-appearance: none; color:#999; position:absolute; top:50%; margin-top:-8px; left:20px;}
#visual_area .search .btn_search{width:12.1666%; display:block;line-height:54px; height:54px; float:right; background:#c92c06 url(../images/btn_search.png) no-repeat center center; border-radius: 0 5px 5px 0 ;}
#visual_area .btn_box{width:100%; margin:0 auto; position:absolute; top:50%; margin-top:-30px;}
#visual_area .btn_box a.btn_arwL_white{left:20px; position:inherit;}
#visual_area .btn_box a.btn_arwR_white{position:inherit; right:20px;}
#visual_area .m_cont{width:100%; margin:0 auto; display:none;}
#visual_area .m_cont li{width:100%; margin:0 auto; text-align:center;}
#visual_area .m_cont li a, #visual_area .m_cont li span{ margin:0 auto; text-align:center; display:block; overflow:hidden; display:block;}
#visual_area .m_cont li a img, #visual_area .m_cont li span img{margin:0 auto; text-align:center; display:inline-block; margin:0 auto; max-width:100%; width:100%; height:auto;}
/* bxslider btn */
#visual_area .bx-wrapper .bx-controls-direction a{width:40px; height:60px; margin-top:-30px;}
#visual_area .bx-wrapper .bx-prev{background:url(../images/arwL_white.png) no-repeat center; left:20px;}
#visual_area .bx-wrapper .bx-next{background:url(../images/arwR_white.png) no-repeat center; right:20px;}
#visual_area .bx-wrapper .bx-prev:hover, #visual_area .bx-wrapper .bx-prev:focus{background-image:url(../images/arwL_white_hover.png);}
#visual_area .bx-wrapper .bx-next:hover, #visual_area .bx-wrapper .bx-next:focus{background-image:url(../images/arwR_white_hover.png);}
#visual_area .bx-wrapper .bx-pager, #visual_area .bx-wrapper .bx-controls-auto{bottom:30px;}
#visual_area .bx-wrapper .bx-pager{left:50%; margin-left:-600px; width:60%;}
#visual_area .bx-wrapper .bx-controls-auto{left:50%; margin-left:565px;}
#main_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, #main_wrap .bx-wrapper .bx-pager.bx-default-pager a:focus, #main_wrap .bx-wrapper .bx-pager.bx-default-pager a.active{width:28px; background-color:#c92c06; }
/* bxslider-main btn */
#visual_area .bx-wrapper-main .bx-controls-direction a{width:40px; height:60px; margin-top:-30px;}
#visual_area .bx-wrapper-main .bx-prev{background:url(../images/arwL_white.png) no-repeat center; left:20px;}
#visual_area .bx-wrapper-main .bx-next{background:url(../images/arwR_white.png) no-repeat center; right:20px;}
#visual_area .bx-wrapper-main .bx-prev:hover, #visual_area .bx-wrapper-main .bx-prev:focus{background-image:url(../images/arwL_white_hover.png);}
#visual_area .bx-wrapper-main .bx-next:hover, #visual_area .bx-wrapper-main .bx-next:focus{background-image:url(../images/arwR_white_hover.png);}
#visual_area .bx-wrapper-main .bx-pager, #visual_area .bx-wrapper-main .bx-controls-auto{bottom:30px;}
#visual_area .bx-wrapper-main .bx-pager{left:50%; margin-left:-600px; width:60%;}
#visual_area .bx-wrapper-main .bx-controls-auto{left:50%; margin-left:565px;}
#main_wrap .bx-wrapper-main .bx-pager.bx-default-pager a:hover, #main_wrap .bx-wrapper-main .bx-pager.bx-default-pager a:focus, #main_wrap .bx-wrapper-main .bx-pager.bx-default-pager a.active{width:28px; background-color:#c92c06; }

#visual_area #mainbx2{display:none !important;}
/* 내검색어 */
.searchWord_area{position:absolute; width:521px; background:#fff; border:1px solid #ddd; border-top:1px solid #ddd; z-index:10; top:45px; box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.08);}
.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 #ddd;}
.searchWord_area .searchWord_tab li a{display:block; padding:15px 20px; font-size:16px; font-weight:400; background:#fff8ed;}
.searchWord_area .searchWord_tab li a.on{background:#fff; color:#dd4c28; font-weight:700;}
.searchWord_area > .close{display:block; position:absolute; right:10px; top:8px; 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%; position:relative;}
.searchWord ul{width:100%; margin:0 auto; min-height:100px;}
.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:0 0 0 10px; box-sizing:border-box; float:left; line-height:45px;}
.searchWord ul li a.recent{display:block; width:78%; padding:0 10px; line-height:45px; box-sizing:border-box; float:left;  white-space:nowrap; text-overflow:ellipsis;}
.searchWord ul li a.recent span{display:block; box-sizing:border-box; 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 0; vertical-align:middle;}
.searchWord ul li > span{display:block; float:right; padding:0 10px; line-height:45px;}
.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:#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: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:#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, .searchWord .bottom_area a:focus{text-decoration:underline;}
.searchWord .bottom_area .left_area, .searchWord .bottom_area .right_area{width:auto !important;}

/* quick_menu */
#quick_menu_wrap{width:100%; margin:0 auto; background:#6d6b6a;}
#quick_menu_wrap .quick_menu{max-width:1200px; width:100%; margin:0 auto;}
#quick_menu_wrap .quick_menu:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#quick_menu_wrap .quick_menu li{float:left; width:20%;}
#quick_menu_wrap .quick_menu li a{display:block; width:100%; height:114px; text-align:center;}
#quick_menu_wrap .quick_menu li a span{display:inline-block; margin-top:80px; color:#fff; font-weight:500;}
#quick_menu_wrap .quick_menu li:nth-child(1) a{background:url(../images/quick_i01.png) no-repeat center 20px;}
#quick_menu_wrap .quick_menu li:nth-child(2) a{background:url(../images/quick_i03.png) no-repeat center 20px;}
#quick_menu_wrap .quick_menu li:nth-child(3) a{background:url(../images/quick_i04.png) no-repeat center 20px;}
#quick_menu_wrap .quick_menu li:nth-child(4) a{background:url(../images/quick_i05.png) no-repeat center 20px;}
#quick_menu_wrap .quick_menu li:nth-child(5) a{background:url(../images/quick_i06.png) no-repeat center 20px;}
#quick_menu_wrap .quick_menu li a:hover, #quick_menu_wrap .quick_menu li a:focus{background-color:#e55531; transition:ease 0.3s;}

/* quick_menu/영문 */
#quick_menu_wrap .eng li{width:20%;}
#quick_menu_wrap .eng li:nth-child(4){display:none;}
/* 게시판섹션 */
#main_board_wrap{width:100%; margin:0 auto; background:#fff;}
.main_board{max-width:1200px; width:100%; margin:0 auto; padding:20px 0;}
.main_board:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
/* 일정 */
.main_board .schedule{width:calc(100% - 425px); height:355px; float:left; border:1px solid #dbdbdb; display:flex; flex-wrap:wrap;}
.main_board .schedule .dateArea{width:330px; border-right:1px solid #dbdbdb; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative;}
.main_board .schedule .dateArea .datePic{}
.main_board .schedule .dateArea .legend{width:100%; text-align:center; display:inline-block;}
.main_board .schedule .dateArea .legend li{position:relative; color:#666; font-weight:500; display:inline-block; box-sizing:border-box; position:relative; padding-left:22px;}
.main_board .schedule .dateArea .legend li + li{margin-left:10px;}
.main_board .schedule .dateArea .legend li:before{content:" "; display:inline-block; width:17px; height:17px; border-radius:3px; border:1px solid #ccc; position:absolute; left:0; top:50%; transform:translateY(-50%); box-sizing:border-box;}
.main_board .schedule .dateArea .legend li:nth-child(1):before{background:#ffbebe url(../images/pattern02.png);}
.main_board .schedule .dateArea .legend li:nth-child(2):before{border:2px solid #c5351b;}
.main_board .schedule .dateArea .legend li:nth-child(3):before{background:#bdd7ee url(../images/pattern03.png);}
.main_board .schedule .dateArea ul.schedule_list{width:50%; border-left:1px solid #dbdbdb;}
.main_board .schedule .dateArea ul.schedule_list li{float:none; width:100%; border:0;}
.main_board .schedule .dateArea ul.schedule_list li:first-child{border-bottom:1px solid #dbdbdb;}
.main_board .schedule .listArea{width:calc(100% - 330px); position:relative; overflow:hidden; height:100%;}
.main_board .schedule .schedule_menu{width:100%; margin:0 auto; border-bottom:1px solid #dbdbdb;}
.main_board .schedule .schedule_menu:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.main_board .schedule .schedule_menu ul{white-space:nowrap; padding:0 55px 0 5px;}
.main_board .schedule .schedule_menu ul li{display:inline-block;}
.main_board .schedule .schedule_menu ul li a{display:block; width:100%; text-align:center; padding:0 0 0 10px; line-height:48px; color:#666; font-size:20px; font-weight:500; font-size:14px; letter-spacing:-0.5px;}
.main_board .schedule .schedule_menu ul li a i{margin-left:5px; vertical-align:middle; opacity:0;}
.main_board .schedule .schedule_menu ul li a:hover, .main_board .schedule .schedule_menu ul li a:focus, .main_board .schedule  .schedule_menu ul li a.on{color:#101010; transition:ease 0.3s;}
.main_board .schedule .schedule_menu ul li a:hover i, .main_board .schedule .schedule_menu ul li a:focus i, .main_board .schedule  .schedule_menu ul li a.on i{vertical-align:middle; opacity:1; transition:ease 0.3s;}
.main_board .schedule .schedule_menu ul li.on ul.schedule_list{display:block;}
.main_board .schedule ul.schedule_list {width:100%; margin:0 auto; height:calc(100% - 49px);}
.main_board .schedule ul.schedule_list li{height:50%; padding:20px; display:block;}
.main_board .schedule ul.schedule_list li:nth-child(1){border-bottom:1px solid #dbdbdb;}
.main_board .schedule ul.schedule_list li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.main_board .schedule ul.schedule_list li span, .main_board .schedule ul.schedule_list li b, .main_board .schedule ul.schedule_list li small, .main_board .schedule ul.schedule_list li strong{display:block;}
.main_board .schedule ul.schedule_list li .left_area{width:55px; text-align:center;}
.main_board .schedule ul.schedule_list li .left_area .schedule_label01{width:100%; text-align:center; color:#fff; background:#784918; line-height:18px; font-size:13px; font-weight:500;}
.main_board .schedule ul.schedule_list li .left_area .schedule_label02{width:100%; text-align:center; color:#fff; background:#7a4648; line-height:18px; font-size:13px; font-weight:500;}
.main_board .schedule ul.schedule_list li .left_area .schedule_label03{width:100%; text-align:center; color:#fff; background:#8f4242; line-height:18px; font-size:13px; font-weight:500;}
.main_board .schedule ul.schedule_list li .left_area .schedule_label04{width:100%; text-align:center; color:#fff; background:#5d5d5d; line-height:18px; font-size:13px; font-weight:500;}
.main_board .schedule ul.schedule_list li .left_area strong{font-size:45px; margin-top:10px;}
.main_board .schedule ul.schedule_list li .left_area b{color:#5f5a5a; margin-top:7px; letter-spacing:-0.05em;}
.main_board .schedule ul.schedule_list li .right_area{width:calc(100% - 70px); margin-left:15px;}
.main_board .schedule ul.schedule_list li .right_area a{font-size:16px; font-weight:500; line-height:21px; height:35px; width:100%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-0.03em;}
.main_board .schedule ul.schedule_list li .right_area .date{width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:18px;}
.main_board .schedule ul.schedule_list li .right_area a:hover, .main_board .schedule ul.schedule_list li .right_area a:focus{text-decoration:underline; transition:ease 0.3s;}
.main_board .schedule ul.schedule_list li .right_area .place{width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:12px;}
.main_board .schedule .btn_box{position:absolute;right:0; top:0;}
.main_board .schedule .btn_box:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.main_board .schedule .btn_box a{display:block; line-height:48px; text-align:center; width:50px; border-left:1px solid #dbdbdb; float:left; background:#fff;}

/* 공지 */
.main_board .notice{width:400px; float:right; border:1px solid #dbdbdb; position:relative;}
.main_board .notice p.title{width:100%; line-height:48px; font-size:20px; font-weight:500; padding-left:20px; }
.main_board .notice > a{position:absolute; display:block; line-height:50px; text-align:center; width:50px; border-left:1px solid #dbdbdb; top:0; right:0;}
.main_board .notice ul{width:100%; margin:0 auto; height:305px;}
.main_board .notice ul:after, .main_board .notice ul li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.main_board .notice ul li{display:block; vertical-align:middle; width:100%; border-top:1px solid #dbdbdb;}
.main_board .notice ul li a{display:block; width:100%; line-height:42px; overflow:hidden; vertical-align:middle; padding:0 20px;}
.main_board .notice ul li a:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.main_board .notice ul li a small{display:block; padding:0 5px; line-height:18px; font-size:13px; font-weight:500; color:#fff; margin:12px 10px 0 0; text-align:center; float:left;}
.main_board .notice ul li a small.notice_label01{background:#c92c06;}
.main_board .notice ul li a small.notice_label02{background:#626262;}
.main_board .notice ul li a span{display:inline-block; width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}
.main_board .notice > a:hover, .main_board .schedule .schedule_menu .btn_box a:hover, .main_board .notice > a:focus, .main_board .schedule .schedule_menu .btn_box a:focus{background:#f3f2f3; transition:ease 0.3s;}
.main_board .schedule ul.schedule_list li:hover, .main_board .notice ul li:hover{background:#f3f2f3; transition:ease 0.3s; }
.main_board .notice .mainMore{position:absolute; top:0;right:0;}
.main_board .notice .mainMore:hover, .main_board .notice .mainMore:focus{background-color:#f3f2f3; transition:ease 0.3s;}

/* 게시판 탭 */
#ui-id-2{z-index:99999;}
.schedule_menu {position: relative;}
.scrollos-content .item a {display:block;width:100%;text-align:center;padding-left:20px; padding-right:20px;line-height:48px;color:#888;font-size:20px;font-weight:500;}
.scrollos-content .item .on{color:#101010;transition:ease 0.3s;}
.scrollos-nav a{display:block; line-height:50px; text-align:center; width:50px; border-left:1px solid #dbdbdb; float:left;}
.schedule_menu .btn_box { position: absolute; right: 0; top: 0;}
.scrollos-content .item .select_point{width:10px; height:5px; display:inline-block; background:url(../images/select_point.png) no-repeat 0 0; vertical-align:middle; margin-left: 5px;}
.scrollosTab{width:100%; margin:0 auto; border-bottom:3px solid #101010; position:relative; min-height:70px;}
.scrollos-wrapper {position: relative; overflow: hidden;}
.scrollos-container {position: relative; height: 130%; width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch;}
.scrollos-content {white-space: nowrap; position: relative; float: left; transition: transform .2s ease-in-out;}
.scrollos-content:not(.item) {font-size: 0;}
.scrollos-content.-no-transition {transition: none;}
.scrollos-content > .item {display: inline-block;}
.scrollos-nav {position: absolute; top: 50%; transform: translateY(-50%); border: none; opacity: 0; visibility: hidden;}
.scrollos-nav:focus {outline: none;}
.scrollos-prev {left: 0;}
.scrollos-next {right: 0;}
div[data-overflowing='both'] ~ .scrollos-nav.scrollos-prev, div[data-overflowing='both'] ~ .scrollos-nav.scrollos-next, div[data-overflowing='left'] ~ .scrollos-nav.scrollos-prev,
div[data-overflowing='right'] ~ .scrollos-nav.scrollos-next {opacity: 1; visibility: visible;}

/* 과학라운지 */
#science_lounge_wrap{width:100%; margin:0 auto; background:url(../images/scienceLoungeBg.jpg) no-repeat center top;padding:80px 0;}
#science_lounge_wrap h2{font-size:30px; font-weight:700; line-height:50px; padding-bottom:50px;}
#science_lounge_wrap .mainMore{width:50px; height:50px; display:block; text-align:center; vertical-align:middle; border:1px solid #101010; position:absolute; right:0; top:0;}
#science_lounge_wrap .mainMore i{vertical-align:middle;margin-top:14px;}
#science_lounge_wrap .mainMore:hover, #science_lounge_wrap .mainMore:focus{background:#f3f2f3; transition:ease 0.3s;}
#science_lounge_wrap .mainMore{position:absolute; top:0;right:0;}
#science_lounge_wrap .science_lounge{max-width:1200px; width:100%;  margin:0 auto; position:relative;}
#science_lounge_wrap .science_lounge:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#science_lounge_wrap .science_board{float:left; width:calc(100% - 570px);}
#science_lounge_wrap .science_board ul{width:100%; height:544px; margin:0 auto; overflow:hidden;}
#science_lounge_wrap .science_board ul li{width:100%; height:calc(100% / 3); border-top:2px solid #dbdbdb; margin:0 auto; display:block; position:relative; background:#fff; overflow:hidden;}
#science_lounge_wrap .science_board ul li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#science_lounge_wrap .science_board ul li:first-child{border-top:0;}
#science_lounge_wrap ul li span, #science_lounge_wrap ul li b, #science_lounge_wrap ul li small{display:block;}
#science_lounge_wrap .science_board ul li .left_area{width:36.2341%; position:relative;}
#science_lounge_wrap .science_board ul li .left_area small{position:absolute; top:0; left:0; z-index:10; line-height:25px; font-size:16px; font-weight:500; color:#fff; text-align:center; padding:0 10px;}
#science_lounge_wrap .science_board ul li .left_area .imgwrap{width:100%; height:180px; overflow:hidden; position:relative;}
#science_lounge_wrap .science_board ul li .left_area .imgwrap img{width:100%; height:100%;}
#science_lounge_wrap .science_board ul li .left_area .imgwrap:after{content: " ";display: block; width:100%; height:100%; background:url(../images/img_shadow.png) repeat-y 0 0; left:0; top:0; z-index:2; position:absolute;}
#science_lounge_wrap .science_board ul li .left_area:after{content: " ";display: block; width:10px; height:19px; background:url(../images/arwL_whitePoint.png) repeat-y 0 0; right:0; top:50%; margin-top:-5px; z-index:10; position:absolute;}
#science_lounge_wrap .science_board ul li:nth-child(1) .left_area small{background:#e96a2b;}
#science_lounge_wrap .science_board ul li:nth-child(2) .left_area small{background:#de513e;}
#science_lounge_wrap .science_board ul li:nth-child(3) .left_area small{background:#d63138;}
#science_lounge_wrap .science_board ul li:nth-child(4) .left_area small{background:#784918;}
#science_lounge_wrap .science_board ul li:nth-child(5) .left_area small{background:#713731;}
#science_lounge_wrap .science_board ul li:nth-child(6) .left_area small{background:#8b3946;}
#science_lounge_wrap .science_board ul li:nth-child(7) .left_area small{background:#4d3d7b;}
#science_lounge_wrap .science_board ul li .right_area{width:63.7658%; padding:25px 20px;} 
#science_lounge_wrap .science_board ul li .right_area .title{font-size:20px; width:100%; white-space:nowrap; font-weight:700; overflow:hidden; text-overflow:ellipsis; padding:0; height:24px;}
#science_lounge_wrap .science_board ul li .right_area .txt{margin-top:20px; line-height:28px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
overflow:hidden; text-overflow:ellipsis;}

#science_lounge_wrap .moreDetail{display:block; outline:none; width:100%; height:100%; position:absolute; left:0; top:0;}
#science_lounge_wrap .moreDetail:hover, #science_lounge_wrap .moreDetail:focus{border-width:3px; border-style:solid;}
#science_lounge_wrap .science_board ul li:nth-child(1) .moreDetail:hover, #science_lounge_wrap .science_board ul li:nth-child(1) .moreDetail:focus{border-color:#e96a2b;}
#science_lounge_wrap .science_board ul li:nth-child(2) .moreDetail:hover, #science_lounge_wrap .science_board ul li:nth-child(2) .moreDetail:focus{border-color:#de513e;}
#science_lounge_wrap .science_board ul li:nth-child(3) .moreDetail:hover, #science_lounge_wrap .science_board ul li:nth-child(3) .moreDetail:focus{border-color:#d63138;}
#science_lounge_wrap .science_board ul li:nth-child(4) .moreDetail:hover, #science_lounge_wrap .science_board ul li:nth-child(4) .moreDetail:focus{border-color:#784918;}
#science_lounge_wrap .science_board ul li:nth-child(5) .moreDetail:hover, #science_lounge_wrap .science_board ul li:nth-child(5) .moreDetail:focus{border-color:#713731;}
#science_lounge_wrap .science_board ul li:nth-child(6) .moreDetail:hover, #science_lounge_wrap .science_board ul li:nth-child(6) .moreDetail:focus{border-color:#8b3946;}
#science_lounge_wrap .science_board ul li:nth-child(7) .moreDetail:hover, #science_lounge_wrap .science_board ul li:nth-child(7) .moreDetail:focus{border-color:#4d3d7b;}
#science_lounge_wrap .science_card .moreDetail:hover, #science_lounge_wrap .science_card .moreDetail:focus{border-color:#8b3946;}

/* 과학라운지/카드 */
#science_lounge_wrap .science_card{float:right; width:544px; position:relative;}
#science_lounge_wrap .science_card ul{width:100%; margin:0 auto; height:544px; overflow:hidden;}
#science_lounge_wrap .science_card ul li{display:block; position:relative; overflow:hidden;}
#science_lounge_wrap .science_card ul li > a.inner{display:block; width:100%;}
#science_lounge_wrap .science_card ul li > a.inner:focus{outline:solid inset;}
#science_lounge_wrap .science_card ul li .img_area{width:100%; margin:0 auto ;position:relative;}
#science_lounge_wrap .science_card ul li .img_area small{position:absolute; top:0; left:0; z-index:10; background:#8b3946;line-height:25px; font-size:16px; font-weight:500; color:#fff; text-align:center; padding:0 10px;}
#science_lounge_wrap .science_card ul li .img_area .imgwrap{width:100%; height:544px; overflow:hidden; position:relative;}
#science_lounge_wrap .science_card ul li .img_area .imgwrap img{width:100%; height:100%;}
#science_lounge_wrap .science_card ul li .info{display:none;}

/* bxslider btn */
#science_lounge_wrap .science_card  .bx-wrapper .bx-controls-direction a{width:40px; height:40px; margin-top:-20px; background-color:rgb(0, 0, 0, 0.5); background-repeat:no-repeat; background-size:auto 25px; background-position:center;}
#science_lounge_wrap .science_card  .bx-wrapper .bx-controls-direction a:hover, #science_lounge_wrap .science_card  .bx-wrapper .bx-controls-direction a:focus{background-color:rgb(0, 0, 0, 0.8);}
#science_lounge_wrap .science_card  .bx-prev{background-image:url(../images/arwL_white.png); left:0;}
#science_lounge_wrap .science_card  .bx-next{background-image:url(../images/arwR_white.png); right:0;}
#science_lounge_wrap .science_card  .bx-prev:hover, #science_lounge_wrap .science_card .bx-prev:focus{background-image:url(../images/arwL_white_hover.png);}
#science_lounge_wrap .science_card  .bx-next:hover, #science_lounge_wrap .science_card .bx-wrapper .bx-next:focus{background-image:url(../images/arwR_white_hover.png);}
#science_lounge_wrap .science_card .bx-wrapper .bx-pager,#science_lounge_wrap .science_card .bx-wrapper .bx-controls-auto{bottom:-30px;}
/* bxslider-main btn */
#science_lounge_wrap .science_card  .bx-wrapper-main .bx-controls-direction a{width:40px; height:40px; margin-top:-20px; background-color:rgb(0, 0, 0, 0.5); background-repeat:no-repeat; background-size:auto 25px; background-position:center;}
#science_lounge_wrap .science_card  .bx-wrapper-main .bx-controls-direction a:hover, #science_lounge_wrap .science_card  .bx-wrapper-main .bx-controls-direction a:focus{background-color:rgb(0, 0, 0, 0.8);}
#science_lounge_wrap .science_card  .bx-prev{background-image:url(../images/arwL_white.png); left:0;}
#science_lounge_wrap .science_card  .bx-next{background-image:url(../images/arwR_white.png); right:0;}
#science_lounge_wrap .science_card  .bx-prev:hover, #science_lounge_wrap .science_card .bx-prev:focus{background-image:url(../images/arwL_white_hover.png);}
#science_lounge_wrap .science_card  .bx-next:hover, #science_lounge_wrap .science_card .bx-wrapper-main .bx-next:focus{background-image:url(../images/arwR_white_hover.png);}
#science_lounge_wrap .science_card .bx-wrapper-main .bx-pager,#science_lounge_wrap .science_card .bx-wrapper-main .bx-controls-auto{bottom:-30px;}



/* 과학도서관 */
#book_slider_wrap{width:100%; margin:0 auto; background:#fff; padding:80px 0;}
#book_slider_wrap .title{max-width:1200px; width:100%; margin:0 auto; position:relative; padding-bottom:40px;}
#book_slider_wrap .mainMore{position:absolute; top:-95px;right:0; width:50px; height:50px; display:block; text-align:center; vertical-align:middle; border:1px solid #101010;}
#book_slider_wrap .mainMore i{vertical-align:middle;margin-top:14px;}
#book_slider_wrap .mainMore:hover, #book_slider_wrap .mainMore:focus{background-color:#f3f2f3; transition:ease 0.3s;}
#book_slider_wrap .title ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#book_slider_wrap .title ul li{float:left; margin-left:50px;}
#book_slider_wrap .title ul li:first-child{margin-left:0;}
#book_slider_wrap .title ul li{height:55px; display:block;}
#book_slider_wrap .title ul li:hover, #book_slider_wrap .title ul .on{background:url(../images/arwD_redPoint.png) no-repeat bottom center;}
#book_slider_wrap .title ul li a{font-size:30px; font-weight:400; line-height:50px; height:50px; display:block; border-bottom:4px solid #fff;}
#book_slider_wrap .title ul li:hover a, #book_slider_wrap .title ul .on a{border-bottom:4px solid #c92c06; font-weight:700; transition:ease 0.3s;}
#book_slider_wrap ul li span, #book_slider_wrap ul li b, #book_slider_wrap ul li a{display:block;}
#book_slider_wrap .book_slider{max-width:1200px; width:100%; margin:0 auto;}
#book_slider_wrap .book_slider > div{max-width:1200px; width:100%; margin:0 auto; position:relative;}
#book_slider_wrap .book_slider > div ul{width:87.3333%;  height:396px; margin:0 auto; overflow:hidden;}
#book_slider_wrap .book_slider > div ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#book_slider_wrap .book_slider > div ul li{width:25%;float:left; z-index:10; padding:0 15px;}
#book_slider_wrap .book_slider > div ul li a{display:block;}
#book_slider_wrap .book_slider > div ul li a .imgwrap{width:100%; height:309px; overflow:hidden; padding:0 10px; text-align:center; }
#book_slider_wrap .book_slider > div ul li a .imgwrap img{display:block; margin:0 auto; width:100%; height:100%; border:1px solid #dbdbdb; border-bottom:0;}
#book_slider_wrap .book_slider > div ul li a .book_info{width:100%; border-top:6px solid #9e9e9e; padding:20px 10px; text-align:center;}
#book_slider_wrap .book_slider > div ul li a .book_info .book_title{font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:0.03em;}
#book_slider_wrap .book_slider > div ul li a .book_info .author{color:#666; margin-top:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#book_slider_wrap .book_slider > div ul li a:hover .book_info, #book_slider_wrap .book_slider > div ul li a:focus .book_info{border-top:6px solid #c92c06; transition:ease-out 0.5s;}
#book_slider_wrap .book_slider .btn_box{width:100%; margin:0 auto; position:absolute; top:50%; margin-top:-30px;}
#book_slider_wrap .book_slider .btn_box .btn_arwL_black{left:0; position:inherit;}
#book_slider_wrap .book_slider .btn_box .btn_arwR_black{right:0; position:inherit;}




/* footer */
#footer_wrap{width:100%; margin:0 auto; border-top:2px solid #c92c06; z-index:-1; clear:both; text-align:center;}
#footer_wrap .eng{max-width:1200px; width:100%; margin:0 auto; padding:30px 0;}
.footer{max-width:900px; margin:0 auto; padding:30px 0;}
.footer:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.footer .foot_logo{float:left;}
.footer .foot_cont{float:left; margin-left:40px; text-align:left; position:relative; padding-right:110px;}
.footer .foot_cont ul{}
.footer .foot_cont ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.footer .foot_cont ul li{float:left; line-height:46px; padding-left:30px; background:url(../images/dot_grey.png) no-repeat 13.5px center;}
.footer .foot_cont ul li:first-child{padding-left:0;}
.footer .foot_cont ul li a{line-height:46px;}
.footer .foot_cont ul li a:hover, .footer .foot_cont ul li a:focus{color:#c92c06; transition:ease-out 0.5s;}
.footer .foot_cont .f_info{margin-top:5px; font-size:15px; line-height:20px;}
.footer .foot_cont .f_info b{display:inline-block;}
.footer .foot_cont .f_info span{display:inline-block; padding-right:10px;}
.footer .foot_cont .f_info small{display:block; font-size:14px; margin-top:10px;} 
.footer .foot_cont .wa{display:inline-block; position:absolute; top:0; right:0;}
#footer_wrap .f_sns{display:none;}


.totop{display:block; width:45px; height:45px; background:url(../images/totop.png) no-repeat center center rgba(255, 255, 255, 0.5); z-index:1000; border:1px solid #f3f3f3; position:fixed; right:20px; bottom:20px; border-radius:45px; box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.3);}
/*----------------------container---------------------- */
#container{width:100%; margin:0 auto; min-height:600px; height:auto; font-size:16px; overflow:hidden;}
#container h2{font-size:35px;}
/*----------------------sub공통---------------------- */
.sub_wrap{max-width:1200px; width:100%; margin:0 auto; min-height:900px; padding:40px 0 100px 0; height:auto; overflow:hidden;}
.title{word-break:keep-all;}
.sub_title{width:100%; margin:0 auto; margin-bottom:20px;}
.sub_title:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.sub_title h2{float:left;}
.title3_t01{font-size:25px; margin-top:50px; font-weight:700;}

h4:before, .title4_t01:before{content: " ";display: block; height:15px; width:15px; border-radius:100%; position:absolute; left:0; top:-8px; background: rgba(241, 105, 71, .7);}
h4, .title4_t01{font-size:23px; margin-top:50px; font-weight:500; position:relative; padding-left:20px;}
.title4_t02{font-size:18px; margin-top:30px; font-weight:500; position:relative;}
.title4_t02:before{content: " ";display:inline-block;height:15px; vertical-align:baseline; width:4px; margin-right:10px; background:#c92c06;}
.sub_title ul{float:right; vertical-align:bottom;}
.snav:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.snav li{float:left; display:inline-block; background:url(../images/arwR_grey.png) no-repeat left center; padding-left:7px;}
.snav li:first-child{background:none; padding-left:0;}
.snav li a{color:#676767; display:inline-block; padding:0 10px; line-height:40px;}
.snav li a:hover, .snav li a:focus{color:#101010; text-decoration:underline;}
.snav li a i{vertical-align:top; margin-top:12px;}
.basic_searchBox{width:100%; margin:0 auto; border:1px solid #dbdbdb; border-bottom:2px solid #dbdbdb; padding:15px;}
.basic_searchBox:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.basic_total{line-height:50px; }
.basic_total span{display:block;position:relative;padding-left:15px;}
.basic_total span:before{content: " ";display: block; height:3px; width:10px; background:#101010; position:absolute; left:0; top:50%; matin-top:-1.5px;}
.basic_search{display:inline-block;}
.basic_search:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.basic_search input{float:left;}
.basic_search a{float:left;}
.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 2px #101010;}
/* 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{width:100%; margin:0 auto;}
.tip .link{color:#784918;}
.address b{display:inline-block; position:relative; padding-right:18px;}
.address b:after{content: " "; display: block; height: 3px; width: 5px; background: #784918; position: absolute; right: 5px; top:8px;}
.address span{display:inline-block; margin-right:15px;}
.tip .i_tip{padding:3px 5px; text-align:center; display:inline-block; font-size:14px; border:2px solid #784918; color:#784918; margin-right:8px; border-radius:10px;}
.tip .tip_txt{color:#784918;display:inline-block; font-weight:500;}
.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:20px;}
ul.txt_list > li{line-height:28px; background:url(../images/list_dot2.png) no-repeat 0 11.5px; padding-left:20px;}
ul.txt_list2{width:100%; margin:0 auto;}
ul.txt_list2 > li{line-height:1.5em; background:url(../images/dot_grey.png) no-repeat 0 11.5px; padding-left:15px; text-align:left;}
ul.tit_txt_list{width:100%; margin:0 auto;margin-top:30px; text-align:center;}
ul.tit_txt_list > li{line-height:28px; display:block;}
ul.tit_txt_list > li i{background:url(../images/list_dot3.png) no-repeat 0 0; display:inline-block; width:8px; height:8px; margin-right:10px; vertical-align:middle;}
ul.txt_list li a.btn_h22_t01, ul.txt_list li a.btn_h22_t02{margin-left:5px;}
.txt_list .nb_color, .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:#101010; font-weight:500;}
a.link:hover, a.link:focus{text-decoration:underline;}
ul.txt_list_depth2{width:100%; margin:0 auto;}
ul.txt_list_depth2 li{line-height:28px; background:url(../images/list_dot2.png) no-repeat 20px 11.5px; padding-left:40px;}
ul.txt_list_depth2 li a.btn_h22_t01, ul.txt_list_depth2 li a.btn_h22_t02{margin-left:5px;}
.cont_full_txt{text-align:justify; line-height:28px;}
.sub_cont{width:100%; margin:0 auto; border-top:solid 3px #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;}
.cont_txt + .txt_list{margin-top:5px;}
.title4_t02 + .txt_list{margin-top:10px;}
/* vr전시 */
.vr_info{width:100%; text-align:right; margin-top:30px;}
.vr_info li{line-height:28px;}
/* 상단탭 */
.tap_area{width:100%; margin:0 auto; min-height:70px; position:relative; overflow:hidden; }
.tap_area ul.tap_t01{width:100%; margin:0 auto ; text-align:left; overflow:hidden;}
.tap_area ul.tap_t01:after{content: " ";clear: both;display: block;height:3px; width:100%; background:#101010; left:0; top:72px;}
.tap_area ul.tap_t01 li{display:inline-block; background:#fff;}
.tap_area ul.tap_t01 li a{display:block; width:100%; font-size:18px; color:#676767;  background:#f3f3f3; border-left:3px solid #fff;  padding: 10px 20px 15px 20px; z-index:10;}
.tap_area ul.tap_t01 li a span{display:block; padding:10px 0; box-sizing:border-box;}
.tap_area ul.tap_t01 li a:hover, .tap_area ul.tap_t01 li a:focus, ul.tap_t01 li a.on{color:#101010; transition:0.5s ease; font-weight:500;}
.tap_area ul.tap_t01 li.on{ margin-bottom:-6px; z-index:10;}
.tap_area ul.tap_t01 li.on:after{display:none;}
.tap_area ul.tap_t01 li.on a{border:3px solid #101010; border-bottom:3px solid #fff; font-weight:500; z-index:10; background:#fff;  padding: 10px 20px 9px 20px;}
.tap_area ul.tap_t01 li.on a:after{content: " ";display: block;height: 3px; width:100%;}
.tap_area ul.tap_t01 li.on a span{color:#101010; border-bottom:5px solid #dd4c28; font-weight:500; z-index:10;}



/* 게시판 탭 */

.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:#101010; background:#fff; border:3px solid #101010; border-bottom:3px solid #fff; margin-bottom:-6px; transition:none;}
.sub_wrap .scrollos-content .item a:hover, .sub_wrap .scrollos-content .item a:focus{color:#101010; transition:none;}
.sub_wrap .scrollos-content .item .on span{border-bottom:5px solid #dd4c28;}

.sub_wrap ul.first_select{width:1221px; border-top:solid 3px #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 #d5d9de; 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:#dd4c28; 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, .sub_wrap ul.first_select li a:focus{border-color:#dd4c28; transition:ease 0.3s;}
.sub_wrap ul.first_select li a:hover i, .sub_wrap ul.first_select li a:focus i{background-color:#dd4c28; transition:ease 0.3s;}

/*----------------------boardGallery---------------------- */
.gallery_main{width:100%; margin:0 auto; margin-top:10px;}
.gallery_main > div{width:100%; margin:0 auto; padding:20px 0; border-bottom:1px solid #ddd;}
.gallery_main > div:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.glist{display:table;}
.glist > div{display:table-cell; vertical-align:top;}
.glist > div p{width:100%;}
.glist .imgWrap{width:215px; overflow:hidden;}
.glist .imgWrap img{width:100%; height:auto; border:1px solid #ddd;}
.glist .img_info{padding-left:30px;}
.glist .img_info h3{margin-top:0;}
.glist .img_info .date{background:url(../images/cal_bl.png) no-repeat left center; background-size:18px; padding-left:25px; font-size:18px; margin-top:15px;}
.glist .img_info .info{ margin-top:20px; color:#676767; line-height:1.5em; min-height:156px;}
.glist .img_info .btn_area{margin-top:15px; text-align:right;}
.glist .img_info .btn_area a{display:inline-block;}
ul.boardGallery_t01{width:100%; margin:0 auto;}
ul.boardGallery_t01 li{display:block; width:100%; margin:0 auto; padding:20px; border:1px solid #dbdbdb; border-left:8px solid #dbdbdb; margin-top:20px;}
ul.boardGallery_t01 li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
ul.boardGallery_t01 li .imgWrap{display:block; float:left; width:200px; height:200px; border:1px solid #dbdbdb; margin-right:25px;}
ul.boardGallery_t01 li .imgWrap img{width:100%; height:100%;}
ul.boardGallery_t01 li .txt_area{display:block; float:right; width:925px;}
ul.boardGallery_t01 li .txt_area a{display:block; font-size:20px; height:22px; font-weight:700; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.boardGallery_t01 li .txt_area a:hover, ul.boardGallery_t01 li .txt_area a:focus{color:#e55531; transition:ease-out 0.5s;}
ul.boardGallery_t01 li .txt_area span{display:block; width:100%; margin:0 auto; margin-top:15px; text-align:justify; line-height:26px; height:128px; overflow:hidden; text-overflow:ellipsis; }
ul.boardGallery_t01 li .txt_area b{display:block; width:100%; margin:0 auto; color:#676767; text-align:right; font-weight:500; margin-top:10px;}
ul.boardGallery_t01 li:hover{border-color:#dd4c28; transition:ease-out 0.5s;}

.boardGallery_t02{max-width:1200px; width:100%; margin:0 auto; overflow:hidden;}
.boardGallery_t02 ul{width:1230px; margin:0 auto;} 
.boardGallery_t02 ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.boardGallery_t02 ul li{float:left; width:25%; display:block; padding:20px 30px 0 0;}
.boardGallery_t02 ul li a{display:block; overflow:hidden; height:273px; border:1px solid #dbdbdb; position:relative;}
.boardGallery_t02 ul li a .imgWrap{width:100%; height:200px; overflow:hidden;display:block;}
.boardGallery_t02 ul li a .imgWrap img{width:100%; height:100%;}
.boardGallery_t02 ul li a .img_info{display:block; width:100%; padding:15px; position:absolute; left:0; top:200px;transition:ease-out 0.5s;}
.boardGallery_t02 ul li a .img_info .title{display:block; font-weight:700; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boardGallery_t02 ul li a .img_info span{display:block; width:100%; margin:0 auto; color:#676767; font-weight:500; margin-top:10px; font-size:15px;}
.boardGallery_t02 ul li a .img_info i{display:block; height:0; margin:0 auto; margin-top:15px;}
.boardGallery_t02 ul li a:hover .img_info, .boardGallery_t02 ul li a:focus .img_info{position:absolute;left:0; top:0; height:273px; background-color:rgba(229,85,49,.6); text-align:center; padding-top:30px;transition:ease-out 0.5s;}
.boardGallery_t02 ul li a:hover .img_info .title, .boardGallery_t02 ul li a:focus .img_info .title{color:#fff; text-shadow:1px 1px 1px rgba(0, 0, 0,.6); white-space:normal; line-height:23px; transition:ease-out 0.5s;}
.boardGallery_t02 ul li a:hover .img_info span, .boardGallery_t02 ul li a:focus .img_info span{color:#fff; text-shadow:1px 1px 1px rgba(0, 0, 0,.6); transition:ease-out 0.5s;}
.boardGallery_t02 ul li a:hover .img_info i, .boardGallery_t02 ul li a:focus .img_info i{height:28px; transi tion:ease-out 0.5s;}

.gallery_t03{width:100%; margin:0 auto; overflow:hidden; display:table;}
.gallery_t03:after{content: " ";display: block;height: 0; clear: both; visibility: hidden;}
.gallery_t03 > div{width:33.3333%; padding:20px 1% 0 1%; float:left;}
.gallery_t03 > div:nth-child(1){padding-left:0;}
.gallery_t03 > div:nth-child(3n+1){padding-left:0; clear:left;}
.gallery_t03 > div .img_wrap{display: block; width:100%; height:250px; overflow:hidden; background:#efefef; position:relative;}
.gallery_t03 > div .img_wrap:after{content: " ";display: none; height:100%; width:100%; position:absolute; top:0; left:0; text-align:center; background:url(../images/view.png) no-repeat center center;  background-color:rgba(0, 0, 0, 0.5); transition:ease-out 0.5s;}
.gallery_t03 > div .img_wrap:hover:after, .gallery_t03 > div .img_wrap:focus:after{display:block}
.gallery_t03 > div .img_wrap img{width:100%; display:block;}
.gallery_t03 > div h4{margin-top:30px; padding-left:0; font-style:italic;}
.gallery_t03 > div h4:before{display:none;}
.gallery_t03 > div .author{font-weight: 500; margin-top:5px;}
.gallery_t03 > div .belong{line-height: 1.2em; margin-top:10px; color:#999;}
.gallery_t03 > div .txt{line-height: 1.5em; margin-top:20px;}
.gallery_t03 .btn_area{margin:20px 0 30px 0;}
.gallery_t03 .btn_area .btn_t02 i{opacity:0.6; margin:5px 0 0 10px; vertical-align:top;}
.gallery_t03 .btn_area .btn_t02_on i{width:15px; height:8px; background:url(../images/i_white_up.png) no-repeat 0 0; display:inline-block; vertical-align:top; margin:5px 0 0 10px;transition:0.3s ease;}
.gallery_t03 .btn_area .btn_t02:hover i{width:15px; height:8px; background:url(../images/i_white_down.png) no-repeat 0 0; display:inline-block; vertical-align:top; margin:5px 0 0 10px;transition:0.3s ease;}
/*----------------------grid_gallery/pinterest형 갤러리---------------------- */
.gg-box{display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); grid-auto-rows: 200px;  grid-gap: 8px;}
.gg-element{display:block; position:relative;}
.gg-box{margin-top:30px;}
.gg-element span, .gg-element b{display:block;}
.gg-element .info{display:block; position:absolute; width:100%; margin:0 auto; padding:10px 10px 15px 10px; bottom:0; left:0; color:#fff; background: rgba(0,0,0,0.5); transition:ease-in-out 0.5s; border-radius:0 0 15px 15px;}
.gg-element:hover .info{cursor:pointer; padding:10px 10px 40px 10px; transition:ease-in-out 0.5s;}
.gg-element .info b{font-size:	1em; line-height:1.3em;}
.gg-element .info span{font-size:0.938em; margin-top:10px; line-height:1.2em;}
.gg-element .info small{font-size:0.875em; line-height:1.1em; margin-top:5px; display:block;}
.gg-element img{object-fit: cover; cursor: pointer; width: 100%;  height: 100%; background: rgba(255,255,255,0.02); border-radius: 10px;}
.gg-element img:hover{}
#gg-screen{position: fixed; width: 100%; height: 100%; z-index: 1; top:0; left: 0; display: none; background: rgba(0,0,0,0.85); z-index: 9999; text-align: center;}
#gg-screen .gg-image{height: 100%; display: inline-flex; justify-content: center; align-items: center;}
#gg-screen .gg-image img{max-width: 100%; max-height: 100%; margin: 0 auto;}
.gg-bt{ width: 38px; height: 38px; background: rgba(255,255,255,0.6); color: #222; border-radius: 50%; text-align: center; line-height: 32px; vertical-align: middle; display: inline-block; cursor: pointer;
  -moz-transition: all .4s ease; -o-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; font-size: 25px; border: 1px solid rgba(0,0,0,0.05); box-sizing: border-box; padding-left: 2px;}
.gg-bt:hover{ background: rgba(255,255,255,0.8); border: 1px solid rgba(0,0,0,0.5);}
.gg-close{ position: fixed; top:0.5em;
}.gg-close,.gg-nxt{ right: 0.5em;}
.gg-prev{ left: 0.5em;}
.gg-prev,.gg-nxt{ position: fixed; bottom: 50%;}

/*----------------  행사갤러리 이미지슬라이더 ----------------*/
.galleryslider{width:100%; margin:0 auto; }
.galleryslider .gs_view{width:100%; margin:0 auto; text-align:center; margin-top:30px;}
.galleryslider .gs_view img{max-height:450px; max-width:100%; display:block; margin:0 auto;}

.galleryslider .gs_thumb{width:100%; margin:0 auto; position:relative; margin-top:30px; padding:20px 30px; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.galleryslider .gs_thumb ul{width:100%; margin:0 auto; text-align:center;}
.galleryslider .gs_thumb ul li{width:15%; display:inline-block; padding:0 10px;}
.galleryslider .gs_thumb ul li a{width:100%; height:110px; display:block; border:solid 1px #ddd;}
.galleryslider .gs_thumb ul li a img{width:100%; height:100%;}
.galleryslider .gs_thumb .btn_area{width:100%; margin:0 auto; position:absolute; top:50%; left:0; margin-top:-30px;}
.galleryslider .gs_thumb .btn_area .btn_arwL_black{position:inherit; left:0;}
.galleryslider .gs_thumb .btn_area .btn_arwR_black{position:inherit; right:0;}


/*----------------  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 tr th{word-break:keep-all; line-height:24px;}
table tr td{line-height:28px;}
.t_wrap{width:100%; margin:0 auto; margin-top:30px;}
.t_wrap.mw84{max-width:840px; margin:30px 0 0;}
.t_wrap2{width:100%; margin:0 auto; margin-top:50px;}
.table_t01 select, .table_t02 select, .table_t03 select, .table_t04 select, .table_search select{ height:50px; min-width:80px; border:solid 1px #ddd;}
.table_t01{width:100%; margin:0 auto; border-top:solid 3px #101010; border-collapse:collapse;}
.table_t01 tr td, .table_t01 tr th{border:solid 1px #ddd; padding:15px 20px; text-align:center; vertical-align:middle;}
.table_t01 tr th{font-weight:500; background:#f3f3f3;}
.table_t01 thead{background:#f3f3f3;}
.table_t01 tbody th{font-weight:500;}
.table_t01 tfoot{}
.table_t01.small{max-width:900px; margin:0;}
.table_t01.small tr td, .table_t01.small tr th{padding:8px 15px;}

.table_t02{width:100%; margin:0 auto; border-top:solid 3px #101010; border-collapse:collapse;}
.table_t02 tr td, .table_t02 tr th{border-bottom:solid 1px #ddd; padding:10px 5px; text-align:center; vertical-align:middle;}
.table_t02 tr th{font-weight:500; background:#f3f3f3;}
.table_t02 thead{background:#f3f3f3;}
.table_t02 tbody th{ font-weight:500;}
.table_t02_cal{width:100%; margin:0 auto; border-top:solid 3px #101010; border-collapse:collapse;}
.table_t02_cal tr td, .table_t02_cal tr th{border:solid 1px #ddd; line-height:28px; min-height:48px;;}
.table_t02_cal tr th{font-weight:500; padding:10px; text-align:center;}
.table_t02_cal tr td{text-align:left; vertical-align:top; padding:10px; height:150px;}
.table_t02_cal tr strong{width:100%; display:block; text-align:right;}
.table_t02_cal thead{background:#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_h22_t03{margin-left:5px;}
.table_t02_cal .today{background:#FAF58C url(../images/pattern.png) ;}
table a.schedule{display:block; width:100%; padding:5px; background:#e55531; 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%; 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 #ddd; min-height:48px; padding:12px 0; text-align:center; vertical-align:middle;}
.table_t03 tr th{font-weight:500; text-align:center; background:#f6f6f6;}
.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 #101010;}
.table_t03 tbody th{color:#101010;}
.table_t03 .nb_color3{vertical-align:middle; margin-left:10px; display:inline-block; width:auto;}
.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 #ddd;}
.table_t03 textarea.tat2{width:100%; padding:5px; border:0; min-height:100px; border:solid 1px #ddd;}
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:50px;}
.txt_input input{float:right; width:84%;}
.txt_input:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.table_t03 tr .clearfix .btn_t04{margin-left:5px;}
.table_t03 tr .clearfix .btn_t04:focus{border:2px dotted #0099FF;}
.table_t04{width:100%; border-left:solid 3px #101010; border-collapse:collapse; margin-top:20px;}
.table_t04 tr td, .table_t04 tr th{border:solid 1px #ddd; min-height:48px; padding:12px 20px; text-align:left; vertical-align:middle;}
.table_t04 th{background:#f6f6f6; 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 #ddd; vertical-align:middle; }
.td_txt_box2{width:74.2%; padding:0 10px; border:solid 1px #ddd; vertical-align:middle; }
.td_txt_box3{width:83%; padding:0 10px; border:solid 1px #ddd; vertical-align:middle; }
.td_txt_box4{width:50%; padding:0 10px; border:solid 1px #ddd; vertical-align:middle; }
.td_txt_box5{width:30%; padding:0 10px; border:solid 1px #ddd; vertical-align:middle; }
.td_txt_box6{width:15%; padding:0 10px; border:solid 1px #ddd; vertical-align:middle; }
.td_txt_box7{width:10%; padding:0 10px; border:solid 1px #ddd; vertical-align:middle; }
.td_txt_box80{width:80%; padding:0 10px; border:solid 1px #ddd; vertical-align:middle; }
.td_txt_box200{width:200px; padding:0 10px; border:solid 1px #ddd; 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:400;}
.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:400;}
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;}
table .btn_t01, table .btn_t02, table .btn_t03, table .btn_t04, table .btn_t05{line-height:1em; height:50px; font-size:16px;}
.tfTxt{margin-top:20px;}
/*----------------------board---------------------- */
.board{width:100%; margin:0 auto;}
/*----------------------board_view---------------------- */
.board_view{width:100%; margin:0 auto;}
.board_view .top{width:100%; border-top:solid 2px #101010; border-bottom:solid 1px #dbdbdb; 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 #dbdbdb;}
.view_content p, .view_content2 p{line-height:1.5em;}
.view_content2{width:100%; margin:0 auto; padding:40px 20px; border-top:solid 2px #101010; border-bottom:solid 1px #dbdbdb;}
.bs-cw-67{width:100%; margin:0 auto;}
.bs-cw-67 .img-cont{width:100%; text-align:center; margin:15px auto 30px; line-height:1.5em; color:#676767;}
.bs-cw-67 .t-h3{font-size:28px; margin-bottom:30px; text-align:center; font-weight:500;}
.bs-cw-67 .t-p{color:#e55531; font-weight:500; text-align:center;}
.bs-cw-67 img{display:inline-block; margin:10px 0;}
.bs-cw-67 h4{font-size:20px;}
.bs-cw-67 .quotes_left{display:none;}
.bs-cw-67 .n_blog p{text-align:center; font-size:23px; line-height:1.438em; color:#dd4c28;}
.bs-cw-67 p {margin:20px 0; line-height:1.8em; text-align:justify;}
.bs-cw-67 a{text-decoration:underline;}
.bs-cw-67 a[target="_blank"]:after{content: ''; display: inline-block; position: relative; top: 0; width: 15px; height: 15px; margin: 0 4px 0 4px; background:url(../images/i_newWin.gif) no-repeat 0 0;}
.bs-cw-67 strong{font-weight:500;}
.view_content .bs-cw-67 p{line-height:30px;}
.view_content .bs-cw-67 b:before{content: " "; display:block;height:10px; width:3px; position:absolute; left:0; top:50%; margin-top:-5px; background:#713731;}
.view_content .bs-cw-67 b{font-weight:500; padding-right:5px; position:relative; display:inline-block; padding-left:13px;}
.card-news-items{width:100%; margin:0 auto;}
.card-news-items p{width:100%; margin:0 auto; text-align:center; margin-top:15px;}
/* 게시판첨부 */
.attached_file{width:100%; margin:0 auto; border-bottom:solid 1px #dbdbdb; 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 #dbdbdb; float:right;}
.attached_file ul li{display:block; line-height:50px; width:100%; padding:0 20px; border-top:solid 1px #dbdbdb;}
.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 #dbdbdb;}
.btn_boardBottom:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.btn_boardBottom .left_area, .btn_boardBottom .right_area{}
.btn_boardBottom .left_area dt, .btn_boardBottom .left_area dd{float:left; display:block;}
.btn_boardBottom .right_area dt, .btn_boardBottom .right_area dd{float:right; text-align:right; display:block;}
.btn_boardBottom .btn_prev{background:url(../images/arwL_black.png) no-repeat 20px center; background-size:18%; line-height:60px; padding:0 15px 0 50px; display:block; font-weight:500;}
.btn_boardBottom dl dd{width:440px; overflow:hidden;}
.btn_boardBottom dl dd a{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.btn_boardBottom .left_area dd a{color:#676767; display:block; line-height:60px;}
.btn_boardBottom .btn_next{background:url(../images/arwR_black.png) no-repeat right 20px center; background-size:18%; line-height:60px; padding:0 50px 0 15px; display:block; font-weight:500;;}
.btn_boardBottom .right_area dd a{color:#676767; line-height:60px; text-align:right;}
.btn_boardBottom .toList{position:absolute; width:60px; height:60px; left:50%; margin-left:-30px; border-right:solid 1px #dbdbdb; border-left:solid 1px #dbdbdb;}
.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:50px; margin-top:50px; text-align:center;}
.paginate .arrow{display:inline-block; position:relative; width:48px; height:48px; 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:48px;height:48px;margin:0 1px;color:#101010;font-size:16px;font-weight:500;line-height:48px;border:1px solid #999;}
.paginate .num a.on{color:#fff;border-color:#e55531;background:#e55531;}
.paginate a:hover{background-color:#efefef;transition:ease-out 0.5s;}
.m_board{display:none;}

/*------------------------------------------------  sub01/검색 ------------------------------------------------*/
/*----------------  자료검색 ----------------*/
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; height:50px; padding:15px 0 17px 0; text-align:center; }
ul.tap_search li a span{padding-bottom:10px; display:inline-block;}
ul.tap_search li a:hover{color:#101010; transition:0.5s ease; font-weight:500;}
ul.tap_search li a.on{background:#f6f6f6;}
ul.tap_search li a.on span{color:#dd4c28; border-bottom:5px solid #dd4c28; font-weight:500;}
.sub_search_box{width:100%; margin:0 auto; background:#f6f6f6; padding:15px; position:relative; z-index:10;}
.table_search{width:100%; text-align:left; padding:10px;  border-collapse:collapse;}
.select_full{line-height:50px; height:50px; width:100%; display:inline-block; border:solid 1px #ddd;}
.select_half{line-height:50px; height:50px; width:43.1%; display:inline-block; border:solid 1px #ddd;}
.select20{line-height:50px; height:50px; width:19.6%; display:inline-block; border:solid 1px #ddd;}
.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:50px; padding:0 5px;}
.table_search  tfoot .btn_area{padding:0; padding:30px 0 20px 0; margin-top:25px; border-top:solid 1px #ddd;}
.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%;}
.table_search .search_inputbox{width:100%; margin:0 auto;}
.table_search .search_inputbox:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.table_search .search_inputbox .td_txt_box{width:85%; float:left;}
.table_search .search_inputbox a{width:15%; float:left; border-radius:0;}
.table_search .search_more{width:100%; height:auto; padding-top:12px; margin-top:10px; border-top:solid 1px #ddd;}
.table_search .search_more:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.table_search .search_more .related_searches{width:85%; float:left;}
.table_search .search_more .related_searches b, .table_search .search_more .related_searches a{display:block; float:left; line-height:15px; margin:8px 0;}
.table_search .search_more .related_searches b:before{content: " ";display: block; height:3px; width:10px; background:#676767; position:absolute; left:0; top:50%; margin-top:-1.5px;}
.table_search .search_more .related_searches b{margin-right:15px; position:relative; display:inline-block; padding-left:15px;}
.table_search .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; }
.table_search .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;}
.table_search .search_more .re_search{width:15%; float:right; padding-left:10px;  text-align:right;}
.table_search .search_more .re_search label{margin:0;}
.table_search .search_more .related_searches a:hover{color:#101010; 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:#e55531; 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:#e55531;  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:400;}
ul.table_down_list li strong.classify_cont .c_wbox{display:block; width:100%; line-height:22px; background:#fff;  border-radius:10px; color:#e55531;  padding:0 10px;  margin-top:5px;}
ul.table_down_list li strong.classify_cont .c_txt2{display:block; width:100%; border-top:solid 1px #e55531;  font-weight:400; 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:400; 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:#e55531; position:absolute; top:10px; right:8px;}
ul.table_down_list li strong.classify_cont .c_txt2 span{display:inline-block;}
/* 검색상단 */
.sub_search_box:after, .sub_search_box div:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.sub_search_box > div{float:left; padding:5px;}
.sbox{width:100%; margin:0 auto; position: relative;}
.sbox .s_class{width:16%; float:left;}
.sbox .op{width:14%; float:right;}
.sbox .btn_t05{width:14%; float:right; padding:14px 0;}
.sbox .btn_t05 i{margin-right:5px;}
.sbox input{width:68%; float:left; margin:0 8px 0 15px;}
.s_chk{width:100%; margin:0 auto; line-height:20px;}
.s_chk .chk_box{width:80%; float:left;}
.s_chk .chk_box span{display:inline-block;}
.s_chk .title{display:block; width:16%; float:left; text-align:right; margin-right:1.5%;}
.s_chk label{display:inline-block; margin:0 15px 0 5px;}
.s_selc{width:50%;}
.s_selc .title{display:block; width:31.7948%; text-align:right; float:left; margin-right:15px; line-height:50px;}
.s_selc select{width:214px;}
.s_date{width:50%; margin:0 auto; float:left;}
.s_date .title{display:block; float:left; line-height:50px; margin-right:15px;}
.s_date input{width:36%; float:left;}
.s_date .lh40{width:3%; float:left;}
.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:50px;}
.s_key .s_class{width:16%; float:left;}
.s_key input{width:65.4%; float:left; margin-left:15px;}
.s_rdate{width:100%; margin:0 auto; line-height:50px;}
.s_rdate .title{display:block; width:16%; text-align:right; float:left; margin-right:15px; line-height:50px;}
.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:36%;}
.s_rdate .date .lh40{width:3%;}
.sbox .searchWord_area{position:absolute; top:54px; width:67.3504%; background:#fff; box-sizing:border-box; border:1px solid #ddd; z-index:10; left:17.59%;}
.s_key .searchWord_area{position:absolute; top:54px; width:64.8%; background:#fff; box-sizing:border-box; border:1px solid #ddd; z-index:10; left:34.75%;}
/* 검색결과상단 */
.sbox2{width:100%; margin:0 auto; position: relative;}
.sbox2 .s_class{width:16%; float:left; position: relative;}
.sbox2 .op, .sbox2 .btn_basicSearch{width:7.7%; float:right;}
.sbox2 input{width:75%; float:left; margin:0 0 0 15px;}
.sub_search_box .search_more{width:100%; height:auto; padding-top:12px; margin-top:10px; border-top:solid 1px #ddd;}
.sub_search_box .search_more:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.sub_search_box .search_more .related_searches{width:85%; float:left;}
.sub_search_box .search_more .related_searches b, .sub_search_box .search_more .related_searches a{display:block; float:left; line-height:15px; margin:8px 0;}
.sub_search_box .search_more .related_searches b:before{content: " ";display: block; height:3px; width:10px; background:#676767; position:absolute; left:0; top:50%; margin-top:-1.5px;}
.sub_search_box .search_more .related_searches b{margin-right:15px; position:relative; display:inline-block; padding-left:15px;}
.sub_search_box .search_more .related_searches a:before{content: " ";display: block; height:5px; width:5px; background:#676767; position:absolute; left:0; top:50%; margin-top:-2.5px; }
.sub_search_box .search_more .related_searches a{padding:0 10px; letter-spacing:-0.05em; display:inline-block; position:relative; padding-left:10px; color:#676767; font-size:15px;}
.sub_search_box .search_more .re_search{width:15%; float:right; padding-left:10px;  text-align:right;}
.sub_search_box .search_more .re_search label{margin:0;}
.sub_search_box .search_more .related_searches a:hover{color:#101010; text-decoration:underline; transition:0.3s ease;}
.sbox2 .searchWord_area{position:absolute; top:54px; width:74.3589%; background:#fff; box-sizing:border-box; border:1px solid #ddd; z-index:10; left:17.59%;}


/*----------------  다국어입력 ----------------*/
.insertLang_area{position:relative;}
.insert_lang{width:718px; margin:0 auto; position:absolute; right:5px; top:54px; 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.4); -moz-box-shadow:  0 3px 10px rgba(0, 0, 0, 0.4); box-shadow:  0 3px 10px rgba(0, 0, 0, 0.4);}
.insert_lang h4:before{width:0; height:0; position:inherit; background:none;}
.insert_lang h4{margin:0; font-size:20px; position:inherit; padding:0; overflow:hidden;}
.insert_lang select{display:block; margin-bottom:15px;}
.insert_lang ul{width:100%; margin:0 auto; 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:#e55531; 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:#6491c9; 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 ul.eng li{width:25% !important;}


/*----------------  검색결과 ----------------*/
.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{background:#676767; padding:0 10px; color:#fff; font-weight:400; border-radius:5px;}
.searched_terms i{background-size:100%; width:6px;}
.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; background: #676767; 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;}
.searched_terms .searched_num_paging a:hover{background:#797979; transition:ease 0.5s}
.search_topBox{width:100%; margin:0 auto; border:1px solid #dbdbdb; border-bottom:2px solid #dbdbdb; 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 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;}
.searched_voption .btn_align{float:left; margin-left:10px;}
.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: #e55531; width:28px; height:28px; line-height:28px; text-align:center; color: #fff; font-weight: 400;  border-radius: 28px;}
.snum_paging a i{margin:0;}
.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:#1a8f64;}
.result_list{width:75%; float:left;}
.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:#1a8f64; font-weight:500;}
/*----------  검색결과없음 ----------*/
.searched_terms .btn_areaRight{float:right;}
.No_result{width:100%; min-height:200px; margin:0 auto; text-align:center; margin-top:30px; padding-top:150px; background:url(../images/no_result.png) no-repeat 50% 40px; border-top:solid 3px #101010;}
.No_result p{line-height:35px;display:block; font-size:23px;}
.No_result span.nb_color2{margin-top:30px; font-size:15px; display:block; line-height:28px; color:#dd4c28;}
/*----------  분류별검색도서목록리스트 ----------*/
.rd-list{width:100%; margin:0 auto; position:relative;}
.rd-list a.btn_morebook{position:absolute; right:0; top:13px;}
.result_list .result_class_title{width:100%; margin:0 auto; line-height:55px; border-bottom:solid 1px #ddd; position:relative;}
.result_list .result_class_title strong{font-size:23px; font-weight:500;}
.result_list .result_class_title strong i{vertical-align:middle; margin-top:-5px;}
.result_list .result_class_title strong b{margin-left:8px; font-weight:500;}
.rd-list .blist_cont, .rd-list .list_cont{width:100%; margin:0 auto; padding:20px 0; border-bottom:solid 1px #ddd;}
.rd-list .blist_cont:after, .rd-list .list_cont:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.rd-list .blist_cont > div, .rd-list .list_cont > div{float:left;}
.rd-list .blist_cont .chk, .rd-list .list_cont .chk{width:3%; height:100%; margin:0 auto;box-sizing:border-box; padding-right:0 5px;}
.rd-list .blist_cont .num, .rd-list .list_cont .num{width:5%; height:100%; margin:0 auto; text-align:center;  padding-right:0 5px;}
.img_wrap_sbook{width:85px; height:auto; border:solid 1px #ddd; overflow:hidden; }
.img_wrap_sbook img{width:100%; height:100%;}
.rd-list .book_info{width:80%; margin-left:20px; }
.rd-list .book_info p.book_title{width:100%; font-size:20px; font-weight:600; line-height:30px; word-break:keep-all;}
.rd-list .book_info p.book_title a{word-break:keep-all;}
.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, .rd-list .book_info .place 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 .place{width:100%; background:url(../images/i_place.png) no-repeat left 10px;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; 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: #fafafa; border-bottom:1px solid #ddd; position:relative; }
.book_info .open_box .v_detail .title:before{content: " ";display: block; position:absolute; width:1px; height:999999px; background:#ddd; left:0; top:0;}
.book_info .open_box .v_detail .inner{padding:10px; width:100%; min-height:30px; height:100%;text-align:center; position:relative;}
.book_info .open_box .v_detail .inner:before{content: " ";display: block; position:absolute; width:1px; height:999999px; 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:10px;}
.book_info .open_box .v_detail p.btn_box a{line-height:15px;}
.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%; height:100%; 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-bottom:20px; border-bottom:solid 1px #ddd; overflow:hidden;}
.list_gallery{width:915px;}
.list_gallery:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.list_gallery li{width:168px; margin:20px 15px 0 0; display:block; float:left;}
.list_gallery a{width:100% margin:0 auto; display:block; border:solid 1px #ddd;  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 #ddd;}
.img_wrap_mbook img{width:100%; height:100%;}
.list_gallery .book_title{width:100%; height:58px; font-size:15px; line-height:22px; padding:10px 5px 0 5px; margin-bottom:10px;  overflow:hidden; text-overflow:ellipsis; text-align:center; letter-spacing:-0.05em;}
.list_gallery a:hover, .list_gallery a:focus{-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 #dd4c28;  border-right:solid 2px #e55531;  border-bottom:solid 2px #e55531; transition:0.3s ease;}
.list_gallery a:hover img, .list_gallery a:focus img{transition:0.3s ease; transform:scale(1.5);} 
.table_result{width:100%; margin:0 auto; border-collapse:collapse;  text-align:center;}
.table_result th{font-weight:500; color:#101010; background:#fafafa;}
.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 #ccc;}
.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, .rd-list .book_info .btn_area span.btn_h22_t01:focus{background:#e55531; transition:none;}
.rd-list .book_info .btn_area i.t_right{margin-top:-2px;}
/*----------  100%분류별검색도서목록리스트/no_limit ----------*/
.result_noLimit{width:100%; margin:0 auto;}
.result_noLimit .result_list{width:100%; float:none;}
.result_noLimit .result_list .list_gallery{width:1238.4px;}
.result_noLimit .result_list .list_gallery li{margin:10px 38.4px 10px 0;}
/*----------  검색제한/limit to ----------*/

.result_limit{width:23%; float:right; border:solid 1px #ddd;  margin-top:15px; font-size:15px;}
.limit_list{width:100%; margin:0 auto; background:#fff; border-bottom:solid 1px #ddd;}
.limit_list .limit_class_title{width:100%; margin:0 auto; position:relative; background:#fafafa;  line-height:45px; border-bottom:solid 1px #ddd;}
.limit_list .limit_class_title b{font-size:18px; margin-left:15px; font-weight:500;}
.limit_list .limit_class_title a{display:block; padding:0 15px; position:absolute; right:0; top:0;}
.limit_list .limit_class_title a i{opacity:0.4;}
/*.limit_list .limit_class_title a:hover i, .limit_list .limit_class_title a:focus i{background:url(../images/i_bl_down.png) no-repeat 0 0; transition:0.3s ease;}
.limit_list .limit_class_title a.on i{background:url(../images/i_bl_up.png) no-repeat 0 0; transition:0.3s ease;}*/
.limit_list ul.txt_list{width:100%; margin:0 auto;}
.limit_list ul.txt_list li{display:block; background:inherit; padding:0; position:relative;}
.limit_list ul.txt_list li a{display:block; width:100%;line-height:22px; padding:7px 15px 7px 25px;  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:rgba(241, 105, 71, 0.08); 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:12px; background:url(../images/close.png) no-repeat 0 0; 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:#1a8f64; position:relative; padding-right:30px;}
.limit_list .v_more a small{display:block; line-height:24px; height:24px; width:24px; text-align:center; background:#1a8f64; border-radius:5px; position:absolute; right:0;top:0;}
.limit_list .v_more a small i{width:12px;}
.limit_list .v_more a:hover, .limit_list .v_more a:focus{color:#0093ee;}
.limit_list .v_more a:hover small, .limit_list .v_more a:focus small{background:#0093ee; transition:0.3s ease;}
.limit_list .graph{width:100%; margin:0 auto;  padding:15px;}
.limit_list .graph > div{width:100%; border:solid 1px #ddd; }
.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:34.2%; float:left; }
.limit_list .graph .inputBox small{display:block; float:left; margin:0 5px; line-height:50px;}
.limit_list .graph .inputBox a{float:left; margin-left:5px;}
.limit_list .graph .inputBox_eng{display:block; width:100%; margin-top:10px; }
.limit_list .graph .inputBox_eng:after{content: " ";display:block;height:0;clear:both;visibility:hidden;}
.limit_list .graph .inputBox_eng .input_year{min-width:2%; width:27.3%; float:left; box-sizing:border-box;}
.limit_list .graph .inputBox_eng small{display:block; float:left; margin:0 5px; line-height:50px;}
.limit_list .graph .inputBox_eng a{float:left; margin-left:5px; padding:14px 13px}
.result .btn_limit_to{display:none;}

/*----------  소장검색 도서 view ----------*/
.book_view{width:100%; margin:0 auto;}
.book_view h4{margin-bottom:30px;}
.book_view .book_info{width:100%;  margin:0 auto; border-top:solid 3px #101010; border-bottom:solid 1px #ddd; padding:30px 50px 30px 180px; position:relative; min-height:280px;}
.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:30px;}
.book_view .book_info .link_box .link_facebook{background:#dd4c28 url(../images/link_f.png) no-repeat center;}
.book_view .book_info .link_box .link_twitter{background:#dd4c28 url(../images/link_t.png) no-repeat center;}
.book_view .book_info .link_box .link_mail{background:#dd4c28 url(../images/link_mail.png) no-repeat center;}
.book_view .book_info .link_box .link_print{background:#dd4c28 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:#c92c06; transition:ease 0.3s;}
.book_view .book_info .img_wrap{width:180px; height:auto; position:absolute; left:0; top:30px;}
.book_view .book_info .img_wrap img{width:146px; height:214px; border:solid 1px #ddd;}
table.view_book_info{width:100%;}
table.view_book_info thead th{text-align:left; font-size:23px; padding:10px 0 25px; line-height:1.5em; word-break:keep-all;}
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:left; padding:5px 20px 5px 0; vertical-align:top;}
table.view_book_info .moreSubject a{color:#438ece; display:inline-block; padding-right:10px;}
table.view_book_info .moreSubject a:hover, table.view_book_info .moreSubject a:focus{color:#0093ee; text-decoration:underline;}
.book_view .table_t01 .callNumber{display:block; font-weight:500;}
.book_view .table_t01 .btn_box{width: 100%; text-align: center; margin-top: 5px;}
.book_view .abstract{width:100%; margin:0 auto; position:relative;}
.book_view .abstract select{position:absolute; right:0; top:4px; border-bottom:0;}
.book_view .abstract .text_wrap{width:100%; height:auto; margin:0 auto;}
.book_view .abstract p.default{width:100%;  padding:15px; border:solid 1px #ddd; height: auto; resize: none; line-height:28px; text-align:justify;}
.book_view .abstract p.short{width:100%; height:150px;  padding:10px; border:solid 1px #ddd; 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 #ddd; padding:20px 0; overflow:hidden;}
.book_view .moreInfo .view_book_info{width:100%;}
.book_view .moreInfo .view_book_info th{text-align:right;}
.book_info .rd_txt_cont{width:100%; float:right; 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; color:#e55531; font-weight:400; display:inline-block;}
.book_info .rd_txt_cont ul li span{display:inline-block;}
.book_info .rd_txt_cont ul li.author{background:url(../images/i_author.png) no-repeat left top 7px;}
.book_info .rd_txt_cont ul li.publisher{background:url(../images/i_publisher.png) no-repeat left  top 7px;}
.book_info .rd_txt_cont ul li.isbn{background:url(../images/i_barcode.png) no-repeat left  top 7px;}
.book_info .rd_txt_cont ul li.day{background:url(../images/i_cal.png) no-repeat left  top 7px;}
.book_info .rd_txt_cont ul li.price{background:url(../images/i_price.png) no-repeat left  top 7px;}
.book_info .rd_btn_area{width:100%; margin:0 auto; text-align:left; margin-top:30px; padding-top:30px;}
.book_info .rd_btn_area a{margin:5px;}
.book_view .browsing{width:100%; margin:0 auto;  padding:30px 60px; background:#f3f3f3; position:relative; overflow:hidden;}
.book_view .browsing ul{width:100%; margin:0 auto;}
.book_view .browsing ul:after{content: " ";display:block;height:0;clear:both;visibility:hidden;}
.book_view .browsing ul li{display:block; width:204px; float:left; margin-left:15px;}
.book_view .browsing ul li a{display:block; width:100%; border:solid 1px #ddd;}
.book_view .browsing ul li a:hover, .book_view .browsing ul li a:focus{display:block; border:solid 1px #dd4c28; transition: ease 0.5s;}
.book_view .browsing ul li:first-child{margin-left:0;}
.book_view .browsing .img_wrap{width:100%; height:200px; overflow:hidden; display:block;}
.book_view .browsing .img_wrap img{width:100%;}
.book_view .browsing span, .book_view .browsing b{display:block;}
.book_view .browsing .info{width:100%; background:#fff;  padding:15px 10px; line-height:22px;}
.book_view .browsing .title{width:100%; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.book_view .browsing .author{width:100%; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.book_view .browsing .place{width:100%; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.book_view .browsing .btn_area{width:100%; margin:0 auto; position:absolute; text-align:inherit; padding:0; z-index:0; left:0; top:50%; margin-top:-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 #ddd; }
.book_view ul.popular li{display:block; border-top:solid 1px #ddd; }
.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, .book_view ul.popular li a:focus{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}
/*----------------------div table---------------------- */
.dt_box{border:1px solid #ddd; border-top: solid 3px #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: #fafafa; border-bottom:1px solid #ddd;}
.dt_box .vdtBox .inner{padding:15px; width:100%; height: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, .dt_box .vdtBox div:nth-child(1) .title: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:999999px; background:#ddd; left:0; top:0;}
.dt_box .vdtBox .v_detail:first-child > div:before{display:none;} 
.dt_box .vdtBox + div .title{display:none;}

.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 3px #101010; height:100%; 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; height:100%; font-weight:500; text-align:center; background:#fafafa; vertical-align:middle; display:table-cell; vertical-align:middle;}

.dt_box2 .v_detail .inner{padding:15px; height:100%;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:999999px; background:#ddd; left:0; top:0;}
.dt_box2 .v_detail .inner p{line-height:22px;}
.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:50px; padding:11px 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 3px #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%;}


/*----------------------추천/인기도서---------------------- */
.search_collection .rd_book{width:100%; margin:0 auto;}
.search_collection .rd_book:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_collection .rd_book li{float:left; width:25%; box-sizing:border-box; padding:0 5px; margin-top:10px;}
.search_collection .rd_book li:nth-child(1), .search_collection .rd_book li:nth-child(2), .search_collection .rd_book li:nth-child(3), .search_collection .rd_book li:nth-child(4){margin-top:0;}
.search_collection .rd_book a{display:block; height:60px; width:100%; padding:10px 15px 0 65px; background:url(../images/blue_heart.png) no-repeat 15px center; border:solid 2px #8e9094; border-radius:40px;  box-sizing:border-box; position:relative; letter-spacing:-0.03em;}
.search_collection .rd_book a strong{display:block; font-weight:400;}
.search_collection .rd_book a b{display:block;margin-bottom:5px; font-size:16px;}
.search_collection .rd_book a i{position:absolute; right:15px; top:50%; margin-top:-7.5px;}
.search_collection .rd_book a:hover, .search_collection .rd_book a:focus, .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:focus 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:focus strong, .search_collection .rd_book a.on strong{color:#fff; transition:ease 0.3s;}

.search_collection .rd_list_wrap{max-width:1200px; width:100%; margin:0 auto; overflow:hidden;}
.search_collection .rd_list{width:1235px; overflow:hidden;}
.search_collection .rd_list:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.search_collection .rd_list li{width:212px; height:309px; margin-right:35px; display:block; float:left; position:relative; margin-top:30px; overflow:hidden;}
.search_collection .rd_list li a{box-sizing:border-box; display:block; position:absolute;}
.search_collection .rd_list li a.img_wrap{width:100%; box-sizing:border-box; border:solid 1px #d5d9de; border-right:solid 3px #d5d9de; }
.search_collection .rd_list li a.img_wrap img{display:block; width:100%; height:307px;}
.search_collection .rd_list li a.holdings{left:1px; bottom:-50px; background:#fff; color:#dd4c28; padding:0 15px; box-sizing:border-box; border:2px solid #dd4c28; 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:#dd4c28; color:#fff; padding:0 15px; box-sizing:border-box; line-height:40px;  border-radius: 40px 0 0 40px ;-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);}
.search_collection .rd_list li a.ebook{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, .search_collection .rd_list li:focus a.holdings{left:1px; bottom:30px; background:#dd4c28; 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, .search_collection .rd_list li:focus a.view_detail{right:3px; bottom:30px; background:#dd4c28; 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:hover a.view_detail i, .search_collection .rd_list li:focus a.view_detail i{margin-top:-3px;}
.search_collection .rd_list li a.holdings:hover, .search_collection .rd_list li a.view_detail:hover, .search_collection .rd_list li a.holdings:focus, .search_collection .rd_list li a.view_detail:focus{background:#e55531; color:#fff;}
.search_collection .rd_list li:hover, .search_collection .rd_list li:focus{-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 .rd_list .b_info{width:100%; margin:0 auto; position:inherit; bottom:18px; left:0; padding:10px;}
.search_collection .rd_list .b_info b{display:block; width:100%; height:45px; white-space: normal; line-height: 24px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
.search_collection .rd_list .b_info span{display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:12px; color:#888; font-size:14px;}

.search_collection{width:100%; margin:0 auto; margin-top:50px;}
.search_collection .sub_search_box{width: 100%; margin: 0 auto; border:solid 1px #ddd; padding:15px; margin-top:-1px; position:relative; border-top:solid 2px #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:9px; 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:focus, .search_prof .drop_alphabet li a:focus, .search_prof a.on, .search_prof .drop_alphabet .on{background:#dd4c28 !important; border-color:#dd4c28; 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;}
.search_collection + ul.tap_search{margin-top:50px;}
.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:50px; height:50px; padding:0 15px; border:solid 1px #d5d9de;}
.select_dateBox a{line-height:50px; height:50px; background:#676767; margin:0; padding:0 20px;}
.select_dateBox > a.btn_prev{border-radius: 5px 0 0 5px ;}
.select_dateBox > a.btn_next{border-radius:0 5px 5px 0 ;}
.select_dateBox i.cal_bl{margin-top:15px;}
.select_dateBox b{font-size:20px;}
.select_dateBox a:hover, .select_dateBox a:focus{background:#797979; transition:ease 0.3s;}
.rd_top{width:100%; margin:0 auto; border-bottom:solid 3px #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, .rd_top .more_results a:focus span{color:#0093ee; transition:0.3s ease;}

/*----------------------추천/인기도서---------------------- */
#recommended{width:100%; margin:0 auto; border-top:1px solid #ddd; border-bottom:0; margin-top:30px;}
#recommended:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#recommended .result_list{width:100%; margin:0 auto; float:none;}
#recommended .result_list .rd_txt{width:100%; line-height:1.5em; color:#784918; font-weight:500; padding-bottom:5px;}
#recommended .result_list .rd-list{margin:0;}
#recommended .rd-list .blist_cont{padding:20px 15px 20px 165px; position:relative; min-height:275px;}
#recommended .sbook_area{ position:absolute; top:20px; left:15px;}
#recommended .img_wrap_sbook{width:130px; height:180px; float:none;}
#recommended .sbook_area a{width:100%; text-align:center; padding:10px 0; margin-top:10px;}
#recommended .rd-list .book_info{float:none; width:100%; margin:0;}
.quotes{width:100%; margin:0 auto; position:relative; line-height:28px; margin-top:15px; padding-left:25px;}
.quotes_left{display:inline-block; width:20px; height:12px; background:url(../images/quotes_left.png) no-repeat center center; opacity:0.4; position:absolute;left:0; top:0;}
.quotes_right{display:inline-block; width:20px; height:12px; background:url(../images/quotes_right.png) no-repeat center center; opacity:0.4; margin-left:5px;}
#recommended a.v_detail{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
#recommended a.v_detail:hover, #recommended a.v_detail:focus{background-color: rgba(0, 0, 0, 0.04);}
/*----------추천도서 상세  ---------- */
.book_info_cont{width:100%; margin:0 auto; box-sizing:border-box; background:#fff8ed; padding:40px 30px;}
.book_info_cont p{line-height:22px; text-align:justify;}
.book_info_cont p b{color:#dd4c28;}
/*----------신착자료  ---------- */
.radio_box{width:100%; margibn: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 #ddd; 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, .theme_field:focus{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, .search_theme_field .open:focus{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, .search_theme_field .title:focus, .search_theme_field ul li a:focus{color:#0093ee; transition:ease 0.3s;}
/*---------- 과학자의 서재 ---------- */
.library_list{width:100%; margin:0 auto; margin-top:30px;}
.library_list .book01{margin-right:10px;}
.library_list .table_t02 .left a{vertical-align:middle; font-weight:500; width:100%; overflow:hidden; white-space:nowrap; txt-overflow:ellipsis;}
.library_list .table_t02 .left a:hover, .library_list .table_t02 .left a:focus{text-decoration:underline;}
.view_title i.book01{margin-right:10px;}
.library_view{width:100%; margin:0 auto;}
.library_view .interview{width:100%; margin:0 auto; margin-top:30px;}
.library_view .interview li{ padding:30px; border:1px solid #ddd; border-top:0;}
.library_view .interview li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.library_view .interview li:first-child{border-top:1px solid #ddd;}
.library_view .interview li b{font-weight:500;}
.library_view .interview li > h4{width:35%; float:left; display:block; font-size:18px; line-height:28px; font-weight:700; margin-top:10px;min-height:80px;}
.library_view .interview li > p{width:63%;float:right; display:block; line-height:28px; text-align:justify;}
.library_view .top{width:100%; margin:0 auto; border:8px solid #f6f6f6; height:180px; padding:20px 30px;}
.library_view .top:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.library_view .top .img_wrap{width:auto; height:100%; overflow:hidden; margin:0 auto; display:inline-block; border-radius:10px; border:1px solid #ddd; vertical-align:middle; margin-right:30px;}
.library_view .top .img_wrap img{height:100%;}
.library_view .top .info_area{display:inline-block; vertical-align:middle;}
.library_view .top .view_title{font-size:28px; font-weight:700; display:block;}
.library_view .top .position{margin-top:15px; font-size:18px; color:#dd4c28;}
.library_view dl.info{line-height:23px; width:auto; margin:0 auto; margin-top:25px; display:inline-block;text-align:right;}
.library_view dl.info dt{padding-right:12px; display:inline-block; font-weight:500; display:inline-block; position:relative; text-align:center; color:#676767;}
.library_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;}
.library_view dl.info dd{display:inline-block; color:#676767; margin:0 20px 0 5px;}
.relatedBooks{width:100%; margin:0 auto; margin-top:30px; overflow:hidden;}
.relatedBooks:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.relatedBooks li{float:left; width:50%; display:block; padding-right:15px; margin-bottom:15px;}
.relatedBooks li:nth-child(2n+1){padding-left:0; clear:left;}
.relatedBooks li .img_wrap:hover, .relatedBooks li .img_wrap:focus{box-shadow:1px 1px 1px rgba(0, 0, 0, .3);transition: ease 0.5s;}
.relatedBooks li .img_wrap{display:block; width:20%; height:160px; overflow:hidden; border:1px solid #ddd; float:left; text-align:center;}
.relatedBooks li .img_wrap img{width:100%;}
.relatedBooks li .info{width:80%; float:left; padding-left:15px;}
.relatedBooks li .info strong{display:block; min-height:100px;}
.relatedBooks li .info b{display:block; font-weight:500; width:100%; height:56px; -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-size:18px; margin-top:10px; line-height:28px;}
.relatedBooks li .info span{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#676767; margin-top:10px; font-weight:400;}
.library_view .btn_boardBottom{margin-top:45px;}
/*------------------------------------------------  sub2 ------------------------------------------------*/
/*--  m1/홍보관둘러보기  --*/
.pr_area{width:100%; margin:0 auto; margin-top:30px;}
.pr_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.pr_area > ol{width:98%; padding-bottom:30px;}
.pr_area > ol:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.pr_area > ol li{display:block; float:left; border-radius:5px; width:33.3333%; line-height:25px; height:25px; padding:0 10px 0 15px; font-size:14px; position:relative;}
/*
.pr_area > ol li:after{content: " ";display: block;height:14px; width:12px; position:absolute; background:url(../images/i_right.png) no-repeat center center; right:-10px; top:50%; margin-top:-7px; background-size:100%; z-index:1; opacity:0.5;}
.pr_area > ol li i{width:10px; height:10px; border-radius:15px; margin-right:5px;}
.pr_area > ol li:nth-child(1)i, .pr_area > ol li:nth-child(2){background:#fff7ea;}
.pr_area > ol li:nth-child(3){background:#fcede8;}
.pr_area > ol li:nth-child(4), .pr_area > ol li:nth-child(5){background:#fce6e8;}
.pr_area > ol li:nth-child(6){background:#efe9f3;}
.pr_area > ol li:nth-child(7), .pr_area > ol li:nth-child(8){background:#e7f0f9;}
.pr_area > ol li:nth-child(9){background:#e7f5f5;}
.pr_area > ol li:nth-child(10){background:#fdfae7;}
.pr_area > ol li:nth-child(11){background:#f5f9e8;}
.pr_area > ol li:nth-child(11):after{display:none;}*/

.pr_area .tip, .pr_area2 .tip{clear:both; padding-bottom:10px;}
.pr_area > ol li i{display:inline-block; width:14px; height:14px; border-radius:15px; margin-right:10px; vertical-align:middle;}
.pr_area > ol li:nth-child(1) i, .pr_area > ol li:nth-child(2) i{background:#ffc450;}
.pr_area > ol li:nth-child(3) i{background:#ff7673 ;}
.pr_area > ol li:nth-child(4) i{background:#56a8e2;}
.pr_area > ol li:nth-child(5) i{background:#03bead;}
.pr_area > ol li:nth-child(6) i{background:#bb54ad;}
.pr_area > ol li:nth-child(7) i{background:#4789c6;}
.pr_area > ol li:nth-child(8) i{background:#8dcf6b;}
.pr_area > ol li:nth-child(9) i{background:#765ab1;}
.pr_area > ol li:nth-child(10) i{background:#ff8c56;}

.pr_area .pr_imgmap{width:450px; float:left; box-shadow:1px 1px 2px rgba(0, 0, 0, .1); border:1px solid #f3f3f3; position:relative;}
.pr_area .pr_imgmap img{width:100%;}
.pr_imgmap > a.re{display:block; position:absolute; right:10px; top:10px; background:#dd4c28 url(../images/i_re_w.png) no-repeat left 10px center; background-size:14%; color:#fff; font-weight:500; padding:7px 10px 8px 35px; border-radius:34px;}
.pr_imgmap > .re_b{display:block; position:absolute; left:10px; bottom:10px; background:#dd4c28 url(../images/i_re_w.png) no-repeat left 10px center; background-size:14%; color:#fff; font-weight:500; padding:7px 10px 8px 35px; border-radius:34px;}
.pr_area .img_area{width:730px; height:auto; float:right; overflow:hidden; position:relative;}
.pr_area .img_area .img_wrap{width:100%; float:right; border:1px solid #f3f3f3; margin:0;}
.pr_info{width:100%; margin:0 auto;}
.pr_info .cont_txt{margin-top:15px;}
.pr_info a{margin:10px 0 0 18px;}

.pr_area .btn_area{width:100%; margin:0 auto; position:absolute; top:50%; margin-top:-30px;}
.pr_area .btn_area a.btn_arwL_white{left:5px; position:inherit;}
.pr_area .btn_area a.btn_arwR_white{position:inherit; right:5px;}

.pr_area2{width:100%; margin:0 auto; margin-top:50px;}
.pr_area2 .pr_imgmap{width:100%; box-shadow:1px 1px 2px rgba(0, 0, 0, .1); border:1px solid #f3f3f3; position:relative;}
.pr_area2 .pr_imgmap img{width:100%;}
.pr_area2 .img_area{width:100%; height:auto; overflow:hidden; position:relative;}
.pr_area2 .img_area .img_wrap{width:100%; border:1px solid #f3f3f3; margin:0; display:block;}
.pr_area2 .btn_area{width:100%; margin:0 auto; position:absolute; top:50%; margin-top:-30px;}
.pr_area2 .btn_area a.btn_arwL_white{left:5px; position:inherit;}
.pr_area2 .btn_area a.btn_arwR_white{position:inherit; right:5px;}

.intBox{width:100%; margin:0 auto; padding:30px; border:1px solid #ccc;}
.intBox p{line-height:1.5em;}

/* 프로그램 신청 */
.consent{width:100%; margin:0 auto; margin-top:30px;}
.consent .box{width:100%; margin:0 auto; padding:25px; border:1px solid #ddd;}
.consent p{line-height:1.5em;}
.consent .tit{font-size:18px; font-weight:500;margin-top:25px;}
.consent .tit:before{content:"❙"; display:inline-block; margin-right:8px;}
.consent table{margin-top:10px;}
.consent table + p{margin-top:10px;}
.consent table .term{font-size:25px;}
.consent .agree{text-align:right; margin-top:15px;}
.consent .agree .radioBox{margin-top:5px;}
.consent .agree .radioBox span > span{display:inline-block; line-height:21px; vertical-align:middle;}
.consent .agree .radioBox span + span{margin-left:10px;}

/*------------------------------------------------  sub4 ------------------------------------------------*/
/*--  m1/IBS발간물  --*/
.publication_area{width:100%; margin:0 auto; margin-top:50px;}
.publication{width:100%; margin:0 auto;}
.boardGallery_t03{width:100%; margin:0 auto; text-align:center;}
.boardGallery_t03 li{display:inline-block; width:23%; margin:0 auto; vertical-align:top; margin-top:50px;}
.boardGallery_t03 li .info{display:block; width:100%; padding:0 10px;}
.boardGallery_t03 li .info .img_wrap{display:block; border-bottom:8px solid #dbdbdb; width:100%; height:auto; padding:0 15px;}
.boardGallery_t03 li .info .img_wrap img{width:224px; height:294px; border:1px solid #dbdbdb; border-bottom:0;}
.boardGallery_t03 li .info b{display:block; width:100%; line-height:22px; height:50px; padding:0 15px; margin-top:15px; font-weight:500; overflow:hidden; text-overflow:ellipsis; letter-spacing:-0.03em;}
.boardGallery_t03 li .info strong{display:block; width:100%; line-height:22px; font-weight:500; padding:0 15px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; letter-spacing:-0.03em;}
.boardGallery_t03 li .info .date{display:block; width:100%; padding:0 15px; margin-top:5px; color:#676767;}
.boardGallery_t03 li .btn_area{display:block; width:100%; text-align:center; margin-top:15px;}
.boardGallery_t03 li:hover .info .img_wrap{border-color:#dd4c28; transition:ease-out 0.5s;}





/*------------------------------------------------  sub5 ------------------------------------------------*/
/*--  m1/시설예약  --*/
.f_reservation{width:100%; margin:0 auto;}
.processBox{width:100%; margin:0 auto; border:8px solid #f6f6f6; padding:20px;}
ul.fr_process{width:100%; margin:0 auto;}
ul.fr_process:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
ul.fr_process li{float:left;display:block; width:33.3333%;}
ul.fr_process li > span{display:block; text-align:center; position:relative;}
ul.fr_process li > span span{display:block; margin-top:10px; font-size:20px;}
ul.fr_process li > span i{display:inline-block; height:100px; width:50%;}
ul.fr_process li:nth-child(1) i{ background:url(../images/f_reservation01.png) no-repeat center center; background-size:60%;}
ul.fr_process li:nth-child(2) i{ background:url(../images/f_reservation02.png) no-repeat center center; background-size:60%;}
ul.fr_process li:nth-child(3) i{ background:url(../images/f_reservation03.png) no-repeat center center; background-size:60%;}
ul.fr_process li:nth-child(1) .on i{ background:url(../images/f_reservation01_on.png) no-repeat center center; background-size:60%;}
ul.fr_process li:nth-child(2) .on i{ background:url(../images/f_reservation02_on.png) no-repeat center center; background-size:60%;}
ul.fr_process li:nth-child(3) .on i{ background:url(../images/f_reservation03_on.png) no-repeat center center; background-size:60%;}
ul.fr_process li .on span{color:#dd4c28; font-weight:500;}
ul.fr_process li .on:before{content: " ";display: block; width:8px; height:5px; position:absolute; background:url(../images/arwD_redPoint.png) no-repeat center; bottom:24px; left:50%; margin-left:-2.5px;}
ul.fr_process li:nth-child(1) > span:after, ul.fr_process li:nth-child(2) > span:after{content: " ";display: block; width:12px; height:20px; position:absolute; background:url(../images/btn_arrow_hover.png) no-repeat right 0; top:50%; margin-top:-10px; right:-6px;}

.f_reservation h3 .btn_cal{background:url(../images/cal_bl.png) no-repeat center center; display:inline-block; height:100%; min-width:20px; min-height:20px; margin-left:10px;}

.date_pic{width:100%; margin:0 auto; height:auto; margin-top:30px;}
.date_pic:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.date_pic .month{float:left; height:100%; width:10%; padding:38px 15px 38px 0; position:relative;}
.date_pic .month b{display:block; width:100%; margin:0 auto; text-align:center; font-size:1.4em;}
.date_pic .month p{width:100%; margin:0 auto; vertical-align:middle; text-align:center;}
.date_pic .month .btn_area{width:100%; height:100%;}
.date_pic .month .btn_area a{display:block; text-align:center; position:inherit;}
.date_pic .month .btn_area a i{display:block; margin:0 auto; padding:10px;}
.date_pic .month .btn_area a.prev{top:0; left:50%; margin-left:-15px; position:absolute;}
.date_pic .month .btn_area a.next{ position:absolute; bottom:0; left:50%; margin-left:-15px;}
.date_pic .month strong{display:block; font-size:3em; width:100%; float:left; text-align:center; padding:5px;}
.date_pic .day{float:right; width:90%;}
.date_pic .day ul{width:100%;}
.date_pic .day ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.date_pic .day ul li{float:left; display:block; width:6.6666%; margin:3px 0 10px 0; border-radius:10px; border-left:2px solid #fff;}
.date_pic .day ul li span{display:block;padding:10px 0; width:100%; text-align:center;}
.date_pic .day ul li a{width:100%; margin:0 auto; display:block; border-top:1px solid #fff; padding:10px 0; text-align:center; font-weight:700; font-size:18px;}
.date_pic .day ul li:hover{background:#fff8ed; color:#101010; border-radius:10px; transition:ease-out 0.5s; cursor:pointer;}
.date_pic .day ul li.on{color:#fff;background:#dd4c28;;}
.date_pic .day ul li.on a{color:#fff;}
.date_pic .day ul li.yday{position:relative; overflow:hidden;}
.date_pic .day ul li.yday span{color:#666;}
.date_pic .day ul li.yday a{color:#666;}
.date_pic .day ul li.yday a:hover, .date_pic ul.day li.yday:hover, .date_pic .day ul li.yday a:focus, .date_pic ul.day li.yday:focus{background:none;}
.date_pic .day ul li.yday:hover b, .date_pic .day ul li.yday:focus b{ background: rgba(0, 0, 0, .6); color:rgba(100%,100%,100%, 1); transition: ease 0.5s; transition: ease-in-out 0.5s;}
.date_pic .day ul li.yday b{display:block; background: rgba(0, 0, 0, .1); color:rgba(100%,100%,100%, .0); font-weight:500; font-size:12px; text-align:center;width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; padding-top:15px; line-height:15px;}
.date_pic .day .btn_area{display: none;}
.txtBox_grey{width:100%; margin:0 auto; background:#f6f6f6; padding:25px; margin-top:30px;}
.txtBox_grey p{line-height:28px; text-align:justify;}

.f_reservation .btn_area{text-align:center;}
.place_select{width:100%; margin-top:30px; border:1px solid #ddd;}
.place_select img[usemap]{border:none; height:auto; max-width:100%; width:auto;}
.place_select map area:before{content: " ";display: block;height:50px; width:50px; background:red; position:absolute; left:0; top:0;}
.place_select p.img_wrap{width:100%; margihn:0auto;  overflow:hidden; text-align:center;}
.place_select p.img_wrap img{display:block; margin:0 auto; max-width:100%;}
.place_select p.title{text-align:center; font-size:18px; font-weight:500; margin-bottom:40px;}
.f_select{width:100%; margin:0auto;}
.f_select .title3_t01 i{width:25px; height:25px; padding:5px; border-radius:40px; background-size:70%; box-sizing:content-box; background-color:#e55531;}
.m_place_select{display:none;}
/*.f_select i.dvd{background-color:#e96a2b;}
.f_select i.conference{background-color:#de513e;}
.f_select i.movie{background-color:#784918;}
.f_select i.seminar{background-color:#8b3946;}*/
.f_select .txtBox_grey{padding:20px;}
.f_select ul{width:100%; margin:0 auto;}
.f_select ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.f_select ul li{display:block; float:left; width:14.2857%; padding:5px;}
.f_select ul li a{display:block; width:100%; overflow:hidden;padding:10px 0;}
.f_select ul li a > span{display:block;width:100%; padding:0 10px;}
/*.f_select ul li a > i{display:block; position:relative; width:20px; height:20px; padding:10px; background-size:70%; box-sizing:content-box; margin-left:100px;}
.f_select ul li a > i .r_class{position:absolute; font-size:13px; letter-spacing:-0.04em; color:#676767; border-radius:10px; text-decoration:none; padding:6px; background:rgba(255, 255, 255, .9); line-height:15px; box-shadow:1px 1px 1px rgba(0, 0, 0, .3); top:-20px; right:30px; display:none; transition:ease 1s;}*/
.f_select ul li a > i:hover .r_class{display:block; transition:ease 1s; text-align:right;}
.f_select ul li .room_t01{background:#fff; border:1px solid #ddd; border-bottom:4px solid #e55531;}
.f_select ul li .room_t02{background:#b7b7b7; border:1px solid #ddd; border-bottom:4px solid #676767;}
.f_select ul li .room_t01 > i{background-color:#e55531;}
.f_select ul li .room_t02 > i{background-color:#676767;}
.f_select ul li a .time{}
.f_select ul li a > span{font-size:15px;display:block; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.f_select ul li a span i.user{width:20px; height:20px; background-size:80%; margin-right:3px;}
.f_select ul li a span i.light{width:20px; height:20px; background-size:100%; margin-right:3px;}
.f_select ul li a span b{padding-right:10px; font-weight:500;}
.f_select ul li a span i.clock{margin-top:-4px;width:20px; height:20px; background-size:90%; vertical-align:middle; margin-right:3px;}
.f_select ul li a .state{margin-top:5px;}

.f_select ul li .room_t01:hover, .f_select ul li .room_t01:focus, .f_select ul li .on{background:#dd4c28; color:#fff;}
.f_select ul li .room_t01:hover i.clock, .f_select ul li .room_t01:focus i.clock, .f_select ul li .on i.clock{background:url(../images/i_clock_w.gif) no-repeat center center; margin-top:-4px;width:20px; height:20px; background-size:90%; vertical-align:middle; margin-right:3px; }
.f_select ul li .room_t01:hover i.light, .f_select ul li .room_t01:focus i.light, .f_select ul li .on i.light{background:url(../images/i_light_w.gif) no-repeat center center; width:20px; height:20px; background-size:100%; margin-right:3px;}

/*--  m2/견학신청  --*/
.procedure{width:100%; margin:0 auto; margin:15px 0 20px 0;}
.procedure:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.procedure li{float:left; width:25%; display:block; padding:0 30px 0 0; text-align:center; position:relative; }
.procedure li span{vertical-align:middle; display:inline-block; width:100%; height:70px; line-height:20px; border:2px solid #ddd;  border-bottom:5px solid #ddd; background:#fff; padding-top:22px; font-weight:500; font-size:18px; word-break:keep-all;}
.procedure li:after{content: " "; display:block; background:url(../images/arwR_grey.png) no-repeat 0 0; width:7px; height:12px; position:absolute; right:10px; top:50%; margin-top:-6px;}
.procedure li:nth-child(1) span{vertical-align:middle; display:inline-block; color:#dd4c28; border:2px solid #dd4c28; border-bottom:5px solid #dd4c28;}
.procedure li:nth-child(3) span{padding-top:12px;}
.procedure li:nth-child(4) span{color: #676767; border:2px solid #676767; border-bottom:5px solid #676767;}
.procedure li:nth-child(4):after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.processBox2{width:100%; margin:0 auto; border:8px solid #f6f6f6; padding:20px; text-align:center; margin-top:30px;}
.procedureWrap{position:relative;}
.procedureWrap .btn_download{position:absolute; right:30px; top:-80px;}
.procedure li.qr{position:relative;}
.procedure li.qr .p_cont{padding:0; display:flex; flex-direction:column; align-items:center; flex-wrap:wrap; justify-content:center;}
.procedure li.qr .p_cont a{display:inline-block; font-size:14px;}
.procedure li.qr .imgWrap{width:50px; position:absolute; left:10px; top:10px;}
.procedure li.qr .imgWrap img{width:100%; height:auto;}

/*----------------  sub6 ----------------*/
/*--  m1/소개  --*/
.intro{width:100%; margin:0 auto; text-align:center; color:#fff; background:url(../images/intro.jpg) no-repeat center 0; min-height:420px; margin-top:30px;}
.intro b{font-size:22px; width:96%; display:block; padding:50px 0 10px 0; line-height:1.4em; letter-spacing:-0.05em; word-break:keep-all; text-align:center; margin:0 auto;}
.intro p{line-height:28px;width:96%; margin:0 auto; margin-top:15px; text-align:center; font-weight:500; letter-spacing:-0.03em;}
.intro_f01, .intro_f02{width:100%; margin:0 auto;}
.intro_f01:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.intro_f01 .img_wrap{float:left; width:50%; margin-left:18px;}
.intro_f01 .txt_list li, .intro_f02 .txt_list{margin:5px 0;}
.intro_f01 .txt_list{float:left; width:48%; padding:30px 0 0 40px;}
.intro_f01 .txt_list li{overflow:hidden;}
.intro_f01 .txt_list li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.intro_f01 .txt_list li span{display:block; position:relative; float:left; vertical-align:middle; background:#fff; padding-right:10px;}
.intro_f01 .txt_list li span:after{content: " ";display: block;height: 1px; width:420px; border-top:2px dotted #ddd; position:absolute; left:0; top:50%; z-index:-1;}
.intro_f01 .txt_list li .btn_vr{float:right;}
.intro_f02 .img_wrap{padding-left:18px; text-align:left;}
.intro_f02 .txt_list{overflow:hidden; padding-left:18px;}
.intro_f02 .txt_list li{width:100%; float:left;}
.intro_f02 .txt_lis:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.btn_vr{display:inline-block; margin-left:5px; color:#fff !important;  padding:2px 15px 2px 50px; background:#dd4c28 url(../images/i_view.png) no-repeat left 15px center; background-size:28px; border-radius:34px; vertical-align:middle;}

.place02{display:inline-block; float:left; background:url(../images/i_place02.png) no-repeat left center; vertical-align:middle; color:#dd4c28; padding-left:24px; margin-top:20px;}
.place02 span{display:inline-block; color:#101010;margin-left:10px; font-weight:500;}

#open_slide{display:none;}



/* sub bx-slider */
.subSlider .bx-wrapper .bx-controls-direction a{width:40px; height:60px; margin-top:-30px;}
.subSlider .bx-wrapper .bx-prev{background:url(../images/arwL_white.png) no-repeat center; left:20px;}
.subSlider .bx-wrapper .bx-next{background:url(../images/arwR_white.png) no-repeat center; right:20px;}
.subSlider .bx-wrapper .bx-prev:hover, #visual_area .bx-wrapper .bx-prev:focus{background-image:url(../images/arwL_white_hover.png);}
.subSlider .bx-wrapper .bx-next:hover, #visual_area .bx-wrapper .bx-next:focus{background-image:url(../images/arwR_white_hover.png);}
.subSlider .bx-wrapper .bx-pager.bx-default-pager a:hover, .subSlider .bx-wrapper .bx-pager.bx-default-pager a:focus, .subSlider .bx-wrapper .bx-pager.bx-default-pager a.active{width:28px; background-color:#c92c06;}
.pr_area .subSlider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{padding-left:10px;}
.pr_area .subSlider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{padding-right:10px;}
#wrapper .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{width:42px;}