@charset "utf-8";

/* 레이어 팝업 */
#divpop{position:absolute;left:0%;top:0%; border:0px solid #747474;width:100%; max-width:400px;z-index:5000;background:#6e6770;
box-shadow:0 3px 0 rgba(0,0,0,0.24)
,0 4px 1px -3px rgba(0,0,0,0.32)
,0 1px 6px 0 rgba(0,0,0,0.5);
}

#divpop .popImg img{width:100%; max-width:400px;}
#divpop .close{height:auto; min-width:30px;color:#fff;text-align:right; padding:5px 10px 0px 0px;}
#divpop input{width:20px;}


.login{display:none;}


/* Layout */
#divWrapper{min-width:0}
.header{width:auto;height:65px;margin-top:0;padding:10px 20px 0px}
#divContents{position:relative; }

/* Top Information */
.topInfo{display:none}

/* My Library */

#mobileGbl{padding:5px 0px 10px 0px;min-height:50px;  max-height:90px; background:#FFF;}

#mobileGbl .loginM{position:relative;list-style-type:none; height:50px;}
#mobileGbl .loginM li{display:inline; float: left;border: 1px solid #fff;}
#mobileGbl .loginM li a{display:block; color:#222;  padding:0px 15px 0px 15px;border: 1px solid #fff;}
#mobileGbl .loginM li. line{border-right: 2px solid #ddd; }


#mobileGbl .mobileCard{position:relative; float:none !important;  border: 1px solid #0175c8;  background:url(/safe/images/common/mobileCard.png) no-repeat 23% 7px; margin:0px 15px 10px 15px;heigth:30px; }
#mobileGbl .mobileCard a{display:block; color:#0074c8;  padding:10px 10px 10px 37%;border:none;}




#mobileSideMenu{display:inline-block;position:absolute;top:25px;left:20px; background-color:#fff;}

#mobileSideMenu h2{background-color:#0175c8; color:#fff;padding:15px 0px 15px 10px; font-size:18px; text-align:center; font-family: 'notokr-medium';}
#mobileSideMenu ul li{font-family: 'notokr-medium'; font-size:16px; padding:0px 0px 0px 0px; background:url(/safe/images/common/mobileMenu_icon1.png) no-repeat 270px 17px;line-height:46px;  border-bottom: 1px solid #dddddd; color:#222; background-color:#FFF;}
#mobileSideMenu ul li a{display:block; color:#222;  padding:0px 0px 0px 10px;}
#mobileSideMenu ul li ul{background-color:#fff; border-top: 1px dashed #eee;}
#mobileSideMenu ul li ul li{font-size:14px; background:url(/safe/images/common/mobileMenu_icon2.png) no-repeat 10px 13px; color:#333; padding:0px 0px 0px 12px;border-bottom: 0px solid #eee; line-height:32px;} 
#mobileSideMenu ul li ul li a{color:#333;}
#mobileSideMenu ul li ul li ul{border-top: 0px dashed #fff;}
#mobileSideMenu ul li ul li ul li{padding:0px 0px 0px 15px; border-bottom: 1px solid #fff; line-height:28px;} 
#mobileSideMenu ul li ul li a{color:#333;}

#mobileSideMenu > div .btn{position:absolute; top:15px; right:10px; z-index:9999999; }

#mobileSideMenu > div .btnEng{display:inline-block; margin:20px 15px 20px 15px; padding:0px; width:90%;border: 0px solid #ffb913; background:#ff8b35;}
#mobileSideMenu > div .btnEng a{display:block; padding:10px 0px 10px 0px; text-align:center; color:#ffffff;}




.myLibrary{display:block;position:absolute;top:25px;right:20px}
.myLibrary > a{padding-left:20px;color:#37272a;font-size:13px;font-family:NotoSansM, sans-serif}
.myLibrary > div{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(/safe/images/common/myLibBg.png) repeat 0 0;overflow-y:scroll;z-index:200}
.myLibrary > div > div{position:relative;left:-100%;margin-right:100px;background-color:#f3f3f3;box-shadow:2px 0 4px #292929}
.myLibrary > div > div > p{padding:40px 80px 40px 30px;background-color:#554246;color:#fff;font-size:18px}
.myLibrary > div > div > div{margin:10px;background-color:#fff}
.myLibrary > div > div > div.myInfo{padding:0 30px;border:1px solid #eee;border-top:none;box-shadow:0 1px 4px #e0e0e0}
.myLibrary > div > div > div.myInfo .myInfoTit{padding:20px 6px 10px;border-bottom:3px solid #4d4d4d;color:#555;font-size:20px}
.myLibrary > div > div > div.myInfo ul li{border-top:1px solid #dfdfdf}
.myLibrary > div > div > div.myInfo ul li:first-child{border-top:none}
.myLibrary > div > div > div.myInfo ul li a{display:block;margin-right:8px;padding:14px 0 15px 40px;color:#555}
.myLibrary > div > div > div.myInfo ul li.myInfo1 a{background:url(/safe/images/common/myInfo1.png) no-repeat 11px 20px}
.myLibrary > div > div > div.myInfo ul li.myInfo2 a{background:url(/safe/images/common/myInfo2.png) no-repeat 11px 19px}
.myLibrary > div > div > div.myInfo ul li.myInfo3 a{background:url(/safe/images/common/myInfo3.png) no-repeat 11px 17px}
.myLibrary > div > div > div.myInfo ul li.myInfo4 a{background:url(/safe/images/common/myInfo4.png) no-repeat 12px 19px}
.myLibrary > div > div > div.myInfo ul li.myInfo5 a{background:url(/safe/images/common/myInfo5.png) no-repeat 4px 16px}
.myLibrary > div > div > div.myInfo ul li.myInfo6 a{background:url(/safe/images/common/myInfo6.png) no-repeat 9px 18px}
.myLibrary > div > div > div.myLib{padding:0 30px;border:1px solid #eee;border-top:none;box-shadow:0 1px 4px #e0e0e0}
.myLibrary > div > div > div.myLib .myLibTit{padding:20px 6px 10px;border-bottom:1px solid #e0e0e0;color:#000;font-size:18px}
.myLibrary > div > div > div.myLib ul{margin-top:20px;overflow:hidden}
.myLibrary > div > div > div.myLib ul li{float:left;width:25%;margin-bottom:15px;text-align:center}
.myLibrary > div > div > div.myLib ul li a{display:inline-block;padding-top:45px;height:30px;color:#515151;font-size:13px;letter-spacing:-1px}
.myLibrary > div > div > div.myLib ul li.myLib1 a{background:url(/safe/images/common/myLib1.png) no-repeat 50% 3px}
.myLibrary > div > div > div.myLib ul li.myLib2 a{background:url(/safe/images/common/myLib2.png) no-repeat 50% 4px}
.myLibrary > div > div > div.myLib ul li.myLib3 a{background:url(/safe/images/common/myLib3.png) no-repeat 50% 4px}
.myLibrary > div > div > div.myLib ul li.myLib4 a{background:url(/safe/images/common/myLib4.png) no-repeat 50% 0}
.myLibrary > div > div > div.myLib ul li.myLib5 a{background:url(/safe/images/common/myLib5.png) no-repeat 50% 2px}
.myLibrary > div > div > div.myLib ul li.myLib6 a{background:url(/safe/images/common/myLib6.png) no-repeat 50% 1px}
.myLibrary > div > div > div.myLib ul li.myLib7 a{background:url(/safe/images/common/myLib7.png) no-repeat 50% 0}
.myLibrary > div > div > div.myLib ul li.myLib8 a{background:url(/safe/images/common/myLib8.png) no-repeat 50% 0}
.myLibrary > div > div > div.mobileBarcode{display:none}
.myLibrary > div > div > div.menu{margin:0;padding:15px 0 25px;background:none;text-align:center;overflow:hidden}
.myLibrary > div > div > div.menu ul li{float:left;width:50%;text-align:center}
.myLibrary > div > div > div.menu ul li:first-child{background:url(/safe/images/common/bar3.gif) no-repeat 100% 50%}
.myLibrary > div > div > div.menu ul li a{display:inline-block;padding-left:30px;color:#949494;font-size:15px}
.myLibrary > div > div > div.menu ul li.logout a{padding:5px 0 5px 30px;background:url(/safe/images/common/logoutBg.png) no-repeat 0 0}
.myLibrary > div > div > div.menu ul li.myLibNotice a{padding:5px 0 5px 40px;background:url(/safe/images/common/noticeBg.png) no-repeat 0 0}
.myLibrary > div > div a.close{position:absolute;top:40px;right:30px}

#mobileMenu{}
#mobileMenu ul{}
#mobileMenu ul li{padding:10px 10px 10px 10px;}


/* Logo */
.logo{float:none;margin:0 0 0 0;text-align:center}
.logo > a{float:none}

/* Calligraphy */
.representative{float:none;margin-top:0}

/* Global Menu */
#divGlobalMenu{position:absolute;top:0;right:20px}
#divGlobalMenu > ul > li{float:left;}

#divGlobalMenu > ul > li:first-child{margin-left:0;padding-left:0;background:none}
#divGlobalMenu > ul > li.search{display:block;margin-top:0px;padding:0;background:none}
#divGlobalMenu > ul > li img{vertical-align:top}
#divGlobalMenu > ul > li > a{font-size:13px;color:#787878;font-family:NotoSansM, sans-serif}

#divGlobalMenu > ul > li.log{display:none;}
#divGlobalMenu > ul > li.log a{padding-left:17px;background:url(/safe/images/common/loginBg.png) no-repeat 0 1px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib ul li.myLib7{display:block}
#divGlobalMenu > ul > li.membership{display:none;}
#divGlobalMenu > ul > li.myLibMenu{display:none;}
#divGlobalMenu > ul > li.language{display:none;}

#divGlobalMenu > ul > li.ulsanBs{display:none;}



#divGlobalMenu .insideSearch{position:absolute;top:124px;left:0;width:100%;height:106px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background-color:#f5f5f5;z-index:120}
#divGlobalMenu .insideSearch fieldset{position:relative;width:820px;margin:24px auto 0}
#divGlobalMenu .insideSearch fieldset label{float:left;width:181px;height:54px;margin-right:9px;background:#e13244;color:#ffffff;font-size:16px;text-align:center;line-height:54px}
#divGlobalMenu .insideSearch fieldset input{float:left}
#divGlobalMenu .insideSearch fieldset .searchLayer2{position:absolute;top:51px;left:3px;width:100%;}
#divGlobalMenu .insideSearch fieldset .searchLayer2 ul{height:132px;margin-right:90px;padding:15px 30px 15px;background-color:#fff;border:1px solid #dedede;overflow-y:scroll}
#divGlobalMenu .insideSearch fieldset .searchLayer2 ul li{margin-top:10px;font-size:14px}
#divGlobalMenu .insideSearch fieldset .searchLayer2 ul li:first-child{margin-top:0}
#divGlobalMenu .insideSearch fieldset .searchLayer2 ul li a{color:#585858}
#divGlobalMenu .insideSearch fieldset input[type="text"]{width:554px;height:52px;padding:0 10px;border:1px solid #e13244;border-right:none}
#divGlobalMenu .insideSearch fieldset a.searchClose{position:absolute;top:7px;right:-204px}
#divGlobalMenu > ul > li.share{position:relative;background:none;margin:0 14px 0 16px;padding:0;z-index:200}
#divGlobalMenu > ul > li.share > a{display:inline-block;margin-top:1px}
#divGlobalMenu > ul > li.share > ul{display:none;position:absolute;top:33px;left:-15px;width:50px;padding:8px 0;background-color:#fff;border:1px solid #ddd}
#divGlobalMenu > ul > li.share > ul > li{margin-top:6px;text-align:center}
#divGlobalMenu > ul > li.share > ul > li:first-child{margin-top:0}


/* Top Menu */
#divTopMenu{display:none}

/* Background Image */
.mainVisual{height:500px; }
.mainVisual > div{}


#searchBanner .mainVisual1{height:500px;background:url(/safe/images/main/mainImg1.jpg) no-repeat 60% 0;}
#searchBanner .mainVisual1 .txt{display:none;}
#searchBanner .mainVisual2{height:500px;background:url(/safe/images/main/mainImg1.jpg) no-repeat 60% 0}
#searchBanner .mainVisual2 .txt{display:none;}
#searchBanner .mainVisual3{height:500px;background:url(/safe/images/main/mainImg1.jpg) no-repeat 60% 0}
#searchBanner .mainVisual3 .txt{display:none;}

.mainVisual > div.mimgControl{display:none;position:relative;width:1100px;margin:0 auto;z-index:99999;border: 0px solid #fff;}
.mainVisual > div.mimgControl a{position:absolute;top:110px;}
.mainVisual > div.mimgControl a.prev{left:-182px}
.mainVisual > div.mimgControl a.next{right:-182px}
 

#subImg{display:none !important;}
.lineMap{display:none !important;}

/* Search */
#divSearch{top:310px; width:auto; margin:0 20px; }


.quick{ position:absolute; top:220px; float:none !important; width:100%;   border:none; margin:0 0px; overflow:hidden} 
.quick > ul{list-style:none; margin:0 20px; } 
.quick > ul > li{display: inline;   float: left;  color:#fff; border: 1px solid #fff; FONT-WEIGHT: bold; font-size:16px;}
.quick > ul > li a{display:block;  color:#fff;  padding:15px 20px 15px 75px;}
.quick > ul > li.bg1 {margin-right:1.5%; width:32%; background:url(/safe/images/main/quick_icon1.png) no-repeat 16% 12px;}
.quick > ul > li.bg2 {margin-right:1.5%; width:32%; background:url(/safe/images/main/quick_icon2.png) no-repeat 16% 12px;}
.quick > ul > li.bg2M {display:none;}
.quick > ul > li.bg3 {display:none;}
.quick > ul > li.bg3T {display:inline-block;margin-right:0%; width:32%; background:url(/safe/images/main/quick_icon4.png) no-repeat 16% 11px;letter-spacing:-0.05em;}
.quick > ul > li.bg3M {display:none;}



.quickMenu2{position:relative; width:47%; float:left; height:295px;margin:0px 0px 20px 10px; padding:0px; }
.quickMenu2 ul{padding:0px; }
.quickMenu2 ul li{font-size:18px; line-height:130%; margin-bottom:5px;letter-spacing:-0.05em; border: 1px solid #b5b5b5;}
.quickMenu2 ul li a{display: block; height:45px; color:#333333;}

.quickMenu2 ul li.bg1{background:url(/safe/images/main/edu1.png) 15px 25px no-repeat;}
.quickMenu2 ul li.bg1 a{padding:35px 20px 10px 110px;}

.quickMenu2 ul li.bg2{background:url(/safe/images/main/edu2.png) 15px 20px no-repeat;}
.quickMenu2 ul li.bg2 a{padding:35px 20px 10px 110px;}

.quickMenu2 ul li.bg3{background:url(/safe/images/main/edu3.png) 22px 25px no-repeat;}
.quickMenu2 ul li.bg3 a{padding:35px 20px 10px 110px;}



.firstVisit{display:none !important}


.divnotice{float:none !important; width:auto; height:auto; margin:0px auto; padding:0px; z-index:10; background:#fff;} 

/* Notice */
.notice{width:100%; height:auto; float:none !important; margin-bottom:25px; padding:0px; border-bottom: 1px solid #dbdbdb;  border-left:none; border-right:none; height:55px; overflow:hidden }
.notice h2{display:inline-block; float:left; width:22%; padding-left:10px;font-size:16px; font-weight:500; line-height:60px; text-align:left; }
.notice .more{position:absolute; top:15px; right:10px}
.notice > ul {float:left;top:0px; margin:0px 0px 0px 0px;  width:73%;} 
.notice > ul > li {float:left; width:100%;line-height:45px;  margin:0px 0px 10px 0px;}
.notice > ul > li > a{width:auto; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.notice > ul > li > div{height:198px}
.notice > ul > li img{margin-top:0px; vertical-align:top; padding:13px 7px 0px 0px;}
.notice > ul > li span.date{display:none;position:absolute;top:0;right:0; padding:5px 0px 5px 0px;color:#838383;font-size:14px;}

.notice > ul > li > div{height:198px; }
.notice > ul > li > div div{width:45%;height:183px;margin:0;padding:15px 0 0 0;border-right:none}
.notice > ul > li > div div.detail{width:auto;height:50px;overflow:hidden; }
.notice > ul > li > div > div .noImg{width:auto;height:auto;padding-left:15px;}
.notice > ul > li > div > div .noImg p.title{margin-top:0}
.notice > ul > li > div > ul{width:45%;margin-left:2%;margin-right:2%;margin-top:25px}
.notice > ul > li > div > ul li{margin-top:10px}
.notice > ul > li > div > ul li a{max-width:270px; }
.notice > ul > li > div > ul li > span{display:none}
.notice > ul > li > div > div > ul{border-right:1px solid #f0f0f0}
.notice > ul > li > div > div > ul > li > div{width:100%;top:0;left:0}
.notice > ul > li > div > div > ul > li > div > img{top:26px;left:14px;width:104px;height:145px}
.notice > ul > li > div > div > ul > li > div > dl{padding:0 20px 0 136px}
.notice > ul > li > div > div > ul > li > div > dl dt{max-height:34px;margin-bottom:10px;font-size:15px}
.notice > ul > li > div > div > ul > li > div > dl dd li{font-size:13px}
.notice > ul > li > div > div > ul > li > div > p{margin-top:10px;padding-left:140px; }
.notice > ul > li > div > div > ul > li a.navi{margin-top:145px}
.notice > ul > li > div > div .noImg{border-right:1px solid #f0f0f0}
.notice > ul > li > div > div .noImg p.detail{max-height:50px;overflow:hidden}


.noticeT{display:none;}


/* 
.event2{float:none !important;width:auto;}
.event2 img{width:100%;height:auto !important;  max-height:100px;}


.event3{float:none !important;width:auto;min-height:98px; }

.event3 img{width:100%; height:auto !important; vertical-align:top; height:300px;}
*/

.event2{float:none !important; width:auto; height:auto;  padding:0px; margin:0px; height:50px; border-bottom: 1px solid #dbdbdb; }
.event2 h2{display:inline-block; float:left; width:25%; padding:0px; text-align:left;  margin:0 auto 0;  border:0px solid #dbdbdb; color:#222; font-size:16px; font-weight:500; line-height:35px;}
.event2 > div img{display:none; width:100%; text-align:left;  height:auto !important}
.event2 > div{float:left; width:75%; margin-top:0px; text-align:left;}
.event2 > div .tit{float:left;color:#838383; font-size:14px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.event2 > div .date{float:right;color:#838383;font-size:14px; padding-top:10px; text-align:right;}



.event2 .more{display:none; position:absolute; top:30px; right:25px;}
.event2 .prev{display:none; position:absolute; top:120px;left:15px}
.event2 .next{display:none; position:absolute; top:120px; right:15px}



.movie{position:relative;width:42%;float:left;height:278px; margin-left:10px; border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb;  border-bottom: 1px solid #dbdbdb;}
.movie h2{display:inline-block;width:100%; border-bottom: 2px solid #000000; color:#222; font-size:18px;line-height:60px; text-align:left}
.movie > ul {width:100%;margin:10px 0px 0px 0px; }
.movie > div{margin-top:20px; width:auto; text-align:center;}


.movie .lst_type2{overflow:hidden;}
.movie .lst_type2 dt{padding:5px 0;font-size:14px}
.movie .lst_type2 dt.tit{float:right; padding:5px 0px 10px 0px; width:65%; text-align:left;}
.movie .lst_type2 dd.photo{display:inline; width:30%;min-width:110px; float:left; margin:0px 0px 0px 1px;}
.movie .lst_type2 dd{float:right; width:65%; text-align:left; padding:1px 0px 0px 0px; line-height:150%;}
.movie .lst_type2 dd img{border:none}
.movie .lst_type2 a{color:#2d2c2d;text-decoration:none}
.movie .lst_type2 a:hover{text-decoration:underline}


.movie .imgControl{position:absolute;top:245px;right:25px;width:100%;height:32px;text-align:right;z-index:10}
.movie .imgControl img{height:auto !important; width:10px; vertical-align:middle}
.movie .imgControl span{margin:0px 5px 0px 5px;color:#222;font-size:12px; font-weight: bold;}
.movie .imgControl span.count{color:#ff4200}
.movie .imgControl a{margin-left:0px}
.movie .imgControl a:first-child{margin-left:0}

.movie .more{position:absolute; top:30px; right:25px; z-index:9999;}






.event3{position:relative;float:none !important; height:298px;border: 1px solid #dbdbdb; margin-right:10px; width:auto; overflow:hidden;}


.event3 li .eTxt{position:absolute; width:100%; min-width:400px; height:100px; bottom:0px;  border: 0px solid #dbdbdb;padding:20px 20px 0px 20px;  background-color: #ffffff; background-color: rgba( 255, 255, 255, 0.4 );  }
.event3 li .eventBtn{display:inline-block;position:absolute; width:68px; overflow:hidden;margin:0px; padding:0px; top:25px;left:280px;}
.event3 li .eventBtn img{width:68px;}
.event3 li .eventImg{}
.event3 li .eventBtnM{display:none;}
.event3 li .eventImg img{width:100%;max-height:298px; min-height:298px;  }
.event3 li .eventTit{width:250px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}

.event3 li .noEvent{position:absolute; width:100%;line-height:200%;	  text-align:center; min-width:358px; height:100px; padding:20px 20px 0px 0px; background:url(/safe/images/main/event3_bg4.png) repeat;   bottom:0px; opacity:0.85;}



.event3 .bannerControl{position:absolute; top:20px;right:20px;width:100%;height:32px;text-align:right;z-index:10}
.event3 .bannerControl div{padding:0 0px}
.event3 .bannerControl div > span{margin:0px 10px 0px 10px;color:#fff;font-size:12px; font-weight: bold;}
.event3 .bannerControl div > span span.count{color:#ffde00}
.event3 .bannerControl div a{margin-left:5px}
.event3 .bannerControl div a:first-child{margin-left:0}
.event3 .bannerControl img{vertical-align:middle}



.quickMenu{position:relative; width:auto; height:122px; margin:30px 10px 30px 10px;  border:1px solid #d7d7d7; background-color:#fff; overflow:hidden;clear:both;}
.quickMenu a{background:none !important;}
.quickMenu > div{width:100%; margin:0px 0px; padding:0px;}

.quickMenu .quickMenu1{width:100%; padding:0px 0px; margin-top:0px; height:122px;}
.quickMenu .quickMenu1 li{display:inline-block; min-width:49.9%; float:left;  padding:0px; margin:0px 0px !important;  height:40px;}
.quickMenu .quickMenu1 li a .txt{display:none; padding:0px;}
.quickMenu .quickMenu1 li:first-child{margin-left:0 !important}


.quickMenu .quickMenu1 li.quick1{border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;background:url(/safe/images/main/m_quick1.png) no-repeat 12% 5px;}
.quickMenu .quickMenu1 li.quick1 a{display: block; padding:10px 0px 0px 20%;  font-size:14px;}

.quickMenu .quickMenu1 li.quick2{border-bottom:1px solid #d7d7d7; background:url(/safe/images/main/m_quick2.png) no-repeat 12% 5px;}
.quickMenu .quickMenu1 li.quick2 a{display: block; padding:10px 0px 0px 20%;  font-size:14px; }

.quickMenu .quickMenu1 li.quick3{border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7; background:url(/safe/images/main/m_quick3.png) no-repeat 12% 5px;}
.quickMenu .quickMenu1 li.quick3 a{display: block; padding:10px 0px 0px 20%;   font-size:14px;}

.quickMenu .quickMenu1 li.quick4{border-bottom:1px solid #d7d7d7;background:url(/safe/images/main/m_quick4.png) no-repeat 12% 5px;}
.quickMenu .quickMenu1 li.quick4 a{display: block; padding:10px 0px 0px 20%;  font-size:14px; }

.quickMenu .quickMenu1 li.quick5{ border-right:1px solid #d7d7d7;background:url(/safe/images/main/m_quick4.png) no-repeat 12% 5px;}
.quickMenu .quickMenu1 li.quick5 a{display: block; padding:10px 0px 0px 20%;   font-size:14px;}

.quickMenu .quickMenu1 li.quick6{background:url(/safe/images/main/m_quick4.png) no-repeat 12% 5px;}
.quickMenu .quickMenu1 li.quick6 a{display: block; padding:10px 0px 0px 20%;   font-size:14px;}


.quickMenu .imgControl{display:none;  }

/* Quick Menu 
.quickMenu{display:none}


.qM1{ display:block; float:none !important;position:relative;margin:30px 10px 30px 10px; height:80px; border:1px solid #d7d7d7;}
.qM1 li{width:49.8%;display: inline;float: left;font-family: 'notokr-medium';	 height:40px;}
.qM1 li .txt{display:none;padding:0px;}
.qM1 .q1{border-bottom:1px solid #d7d7d7; ;border-right:1px solid #d7d7d7; background:url(/safe/images/main/m_quick1.png) no-repeat 12% 0px;}
.qM1 .q1 a{display: block; padding:10px 0px 0px 40%;  font-size:14px;}
.qM1 .q2{border-bottom:1px solid #d7d7d7; background:url(/safe/images/main/m_quick2.png) no-repeat 12% 0px;}
.qM1 .q2 a{display: block; padding:10px 0px 0px 40%;  font-size:14px;}
.qM1 .q3{;border-right:1px solid #d7d7d7; background:url(/safe/images/main/m_quick3.png) no-repeat 12% 0px;}
.qM1 .q3 a{display: block; padding:10px 0px 0px 40%;  font-size:14px;}
.qM1 .q4{background:url(/safe/images/main/m_quick4.png) no-repeat 12% 0px;}
.qM1 .q4 a{display: block; padding:10px 0px 0px 40%;  font-size:14px;}
*/

/* Contents2 */
.contents2{background:url(/safe/images/main/photo_bg.png) repeat; width:auto;margin:0px 0px; background-color:#fff; overflow:hidden;}

/* Book */
.book{position:relative; width:auto; margin:0 auto;overflow:hidden; height:457px; overflow:hidden;}
.book h2.titPc{display:block; width:100%;text-align:center; font-size:38px; line-height:140%; margin:50px 0px 50px 0px; word-break: keep-all;}
.book h2.titM{display:none}
.book p{padding:10px 0px 20px 0px; }

.book > ul {overflow:hidden;margin-left:20px;}
.book > ul > li{position:relative;  float:left; width:45%; margin:0% 1.6% 80px 1.6%;border:1px solid #cecece; background-color:#fff;}
.book > ul > li:first-child{margin-left:0}
.book > ul > li a{display:block;text-align:left;}
.book > ul > li span.new{position:absolute;top:0;left:10px;display:inline-block;width:35px;height:25px; background-color:#333;color:#fff;font-size:13px;text-align:center;line-height:25px;}
.book > ul > li span.popular{position:absolute;top:2px;left:4px;display:inline-block;width:40px;height:39px;background:url(/safe/images/main/popularBg.png) no-repeat 0 0;color:#000;font-size:13px;text-align:center;line-height:39px}
.book > ul > li img{width:100%;vertical-align:top}
.book > ul > li span.title{padding:10px 10px 0px 10px; display:inline-block;height:20px;margin:10px auto 0;color:#0f0f0f;font-size:15px; font-family: 'notokr-medium'; line-height:18px; overflow:hidden;}
.book > ul > li span.date{padding:0px 10px 15px 10px; display:block;}



.book .more{width:35px;position:absolute;top:60px;right:0px;}
.book .more img{width:35px;}
.book .more a{}




/* Contents1 */
.contents1{position:relative;  float:none !important;  height:200px;  width:auto; margin:0px 0px; overflow:hidden}
.contents1 > div{width:auto;}
.expCenter{float:none !important;width:100%;}
.expCenter h2{margin:25px 0px 25px 0px; color:#fff; text-align:center;}
.expCenter ul{float:none !important;list-style: none; width:auto;}
.expCenter li{ float:left; width:40%;  margin:7px 5% 7px 5%;}
.expCenter li a{color:#fff; padding:0px 0px 0px 0px;}





/* 오늘의 서도서관 */
.todayInfo{width:250px; margin:0px 0px 0px 10px; height:100%; overflow:hidden; min-height:210px;  }
.todayInfo h2{width:100%; padding-top:26px; font-size:12px; text-align:center;}
.todayInfo .infoTit{width:100%; min-width:200px; text-align:center; min-height:210px; padding:0px 10px 0px 10px; background:#554b42; }
.todayInfo .infoTit p span.user{font-weight:600}
.todayInfo .infoTit p span.status{color:#ffc23e}
.todayInfo .infoDetail{height:160px;padding-left:35px;}

.todayInfo ul{width:400px; top:90px; margin:0pt auto; }
.todayInfo ul li{width:70px;margin-left:90px;text-align:center;}



.todayInfo .bannerControl{position:absolute;  top:110px; left:0px; height:32px;z-index:10;}
.todayInfo .bannerControl div{padding:0 0px; width:250px;}
.todayInfo .bannerControl div > span{margin:0px 10px 0px 10px;color:#fff;font-size:12px; font-weight: bold;}
.todayInfo .bannerControl div > span span.count{color:#ffde00}
.todayInfo .bannerControl div a{margin-left:5px}
.todayInfo .bannerControl div a:first-child{margin-left:0}
.todayInfo .bannerControl img{vertical-align:middle; text-align:center;}
.todayInfo .bannerControl div a.prev{position:absolute; left:25px}
.todayInfo .bannerControl div a.next{position:absolute; right:25px}



.event{float:none !important; width:auto; margin:0px 10px 0px 0px;  height:208px;; background:url(/safe/images/main/closedon.png) no-repeat 40px 80px; border: 1px solid #dbdbdb; text-align:left;overflow:hidden;}
.event .day{margin:0px; padding:30px 0px 0px 35px; color:#222; font-size:17px;}
.event .day ul{list-style: none;}
.event .day ul li{display: inline; padding:5px 12px 5px 12px;}
.event .day a{color:#222}
.event .day ul li.on{color:#fd4545; background:url(/safe/images/main/dayon.png) no-repeat 5px 1px; }

.event .day div{margin:32px 20px 10px 80px;}
.event .day .title{color:#000000;font-size:14px;font-weight:500}
.event .day .date{margin-bottom:5px;color:#222;font-size:14px;letter-spacing:-1px}
.event .day .tel{color:#0074c8;font-size:14px}
.closed{position:relative;float:left;width:773px;margin-left:7px; background-color:#eee;}







/* Tablet Banner */
.bannerT{position:relative; display:block; float:right; margin-right:10px; width:47%; height:auto;  border: 1px solid #b5b5b5;overflow:hidden;}
.bannerT ul li{display:none; height:auto; min-height:234px;}
.bannerT ul li.on{display:block}
.bannerT ul li img{width:100%; max-height:234px; vertical-align:top;}
.bannerT .bannerControl{position:relative; top:0px; width:100%; height:34px; background:#eee; padding-top:15px;text-align:center;z-index:10}
.bannerT .bannerControl div{padding:0 0px; }
.bannerT .bannerControl div > span{color:#222;font-size:16px; padding:15px 30px 15px 30px;  background:#f7f7f7; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee;}
.bannerT .bannerControl div > span span.count{color:#0074c8; }
.bannerT .bannerControl div a{margin-left:5px}
.bannerT .bannerControl div a:first-child{margin-left:0}
.bannerT .bannerControl img{vertical-align:middle;margin:0px 30px 0px 30px;}


.banner2{display:none;}

#familySite{display:none; }

.site{display:none; }


/* Banner */
.banner{display:none}

.siteLinkW{display:none; position:relative; padding:0px; height:115px; background:#f8f8f8;overflow:hidden;}
.siteLink{width:1100px; margin:0px auto;  padding:25px 0px 0px 0px; }
.siteLink ul li img{width:173px; height:53px; border: 1px solid #cfcfcf; }
.siteLinkW .imgControl{position:relative;width:100px;margin:0 auto; }
.siteLinkW .imgControl a{position:absolute;top:-38px;}
.siteLinkW .imgControl a.prev{left:-25px}
.siteLinkW .imgControl a.next{right:-25px}



#divFooter{position:relative; width:100%; border-top: 1px solid #d5d5d5; background:#fff;}


/* Footer Menu */
.footerMenu{width:auto;border-bottom-color:#e9e9e9; }
.footerMenu > div{width:auto;height:auto;margin:0;padding:0 0px; background-color:#f4f4f4;overflow:hidden}
.policy{width:100%;margin:20px 0;text-align:center}
.policy li{float:none;display:inline;margin:0 7px}
.policy li a{font-size:13px}
.policy .mobileHide{display:none}
.visitor{display:none}


.footer{width:auto;min-height:170px;margin:0 20px;background:none;text-align:center; }
.footer .footerLogo{position:static;margin-top:30px}
.footer address{margin:20px 0 0 0}

.footer .copyright{width:100%;  padding:0px 0px 0px 0px;  background:none;}

.footer .qrCode{display:none}
.footer .wa{display:none}
#divFooter .topBtn{right:20px}

.footer .footLogo{display:none; position:absolute;top:40px; width:230px; right:0}



div#lnb {overflow:hidden; width:0;height:0;}

#divContents2{position:relative;border-top: 0px solid #008ad5; width:100%; padding:0px; overflow:hidden;}
.wrap_div{width:100%;}

#divContent{float:none !important; width:auto;  margin:0px auto 0px;}
.subTit{border-bottom: 1px solid #dddddd; padding:15px 0px 15px 0px; background:#008ad5; height:25px;}
.subTit h2{float:none !important; width:auto; color:#fff; text-align:center; font-size:24px;  font-family: 'notokr-medium';}
.subTit .line_map{display:none }

#content_field{float:none !important; margin:30px 15px; width:auto; overflow:hidden;}




.mw{position:fixed; position:absolute;top:0;left:0;width:100%;height:100%}
.mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;}
.mw .fg{position:absolute;top:0px;width:100%;height:440px;margin:0px 0 0 0px;padding:0px;border-bottom:1px solid #ccc;background:#fff}

.membershipCard{position:relative;  font-family:NanumBarunGothic;background-color:#FFF;  margin:20px; border: 4px solid #EEE; border-radius:7px;line-height:160%;}
.membershipCard ul {list-style:none; padding:20px 35px 20px 35px;}
.membershipCard ul li{padding:5px 0px 5px 0px; font-weight: bold; font-size:16px;}
.membershipCard ul li.line{border-bottom: 1px solid #ddd;}





.site_link{display:none;}