@charset "utf-8";

/* Layout */
#divWrapper{min-width:0}
.header{width:auto;height:65px;margin-top:0;padding:10px 20px 0}
#divContents{width:auto;background-color:#fff}
#divContent{}

/* Top Information */
.topInfo{display:none}

/* My Library */
.myLibrary{display:block;position:absolute;top:39px;left:20px}
.myLibrary > a{padding-left:20px;background:url(../../../../image/ko/local/myLibMenuBg2.png) no-repeat 0 0;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(../../../../image/ko/local/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:#126ec1;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 #126ec1;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(../../../../image/ko/local/myInfo1.png) no-repeat 11px 20px}
.myLibrary > div > div > div.myInfo ul li.myInfo2 a{background:url(../../../../image/ko/local/myInfo2.png) no-repeat 11px 19px}
.myLibrary > div > div > div.myInfo ul li.myInfo3 a{background:url(../../../../image/ko/local/myInfo3.png) no-repeat 11px 17px}
.myLibrary > div > div > div.myInfo ul li.myInfo4 a{background:url(../../../../image/ko/local/myInfo4.png) no-repeat 12px 19px}
.myLibrary > div > div > div.myInfo ul li.myInfo5 a{background:url(../../../../image/ko/local/myInfo5.png) no-repeat 4px 16px}
.myLibrary > div > div > div.myInfo ul li.myInfo6 a{background:url(../../../../image/ko/local/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(../../../../image/ko/local/myLib1.png) no-repeat 50% 3px}
.myLibrary > div > div > div.myLib ul li.myLib2 a{background:url(../../../../image/ko/local/myLib2.png) no-repeat 50% 4px}
.myLibrary > div > div > div.myLib ul li.myLib3 a{background:url(../../../../image/ko/local/myLib3.png) no-repeat 50% 4px}
.myLibrary > div > div > div.myLib ul li.myLib4 a{background:url(../../../../image/ko/local/myLib4.png) no-repeat 50% 0}
.myLibrary > div > div > div.myLib ul li.myLib5 a{background:url(../../../../image/ko/local/myLib5.png) no-repeat 50% 2px}
.myLibrary > div > div > div.myLib ul li.myLib6 a{background:url(../../../../image/ko/local/myLib6.png) no-repeat 50% 1px}
.myLibrary > div > div > div.myLib ul li.myLib7 a{background:url(../../../../image/ko/local/myLib7.png) no-repeat 50% 0}
.myLibrary > div > div > div.myLib ul li.myLib8 a{background:url(../../../../image/ko/local/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(../../../../image/ko/local/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(../../../../image/ko/local/logoutBg.png) no-repeat 0 0}
.myLibrary > div > div > div.menu ul li.myLibNotice a{padding:5px 0 5px 40px;background:url(../../../../image/ko/local/noticeBg.png) no-repeat 0 0}
.myLibrary > div > div a.close{position:absolute;top:40px;right:30px}

/* 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{display:none}
#divGlobalMenu ul li.log{display:block}
#divGlobalMenu ul li.log a{padding-left:17px;background:url(../../../../image/ko/local/loginBg.png) no-repeat 0 1px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib ul li.myLib7{display:block}

/* Top Menu */
#divTopMenu{display:none}

/* Whole Menu */
.wholeMenu{display:block;position:relative;height:61px;background:url(../../../../image/ko/local/topMenuBg2.jpg) no-repeat 50% 50%;z-index:100;letter-spacing:-1px}
.wholeMenu.fix{position:fixed;top:0;left:0;width:100%;background-image:url(../../../../image/ko/local/topMenuFixBg2.png)}
.wholeMenu .share{display:block;position:absolute;top:20px;left:5px;width:auto;height:auto;background:none;overflow-y:auto}
.wholeMenu .share > a{margin-left:15px}
.wholeMenu .share ul{display:none;position:static;width:50px;margin-top:5px;padding:8px 0;background-color:#fff;border:1px solid #ddd}
.wholeMenu .share ul > li{margin-top:6px;text-align:center}
.wholeMenu .share ul > li:first-child{margin-top:0}
.wholeMenu a.wholeMenuBtn{position:absolute;top:20px;right:20px}
.wholeMenu a.wholeMenuBtn img{vertical-align:top}
.wholeMenu > div{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(../../../../image/ko/local/myLibBg.png) repeat 0 0;z-index:200;overflow-y:scroll}
.wholeMenu > div > div{position:relative;margin:0 0 0 200px;right:-100%;border-top:36px solid #3c4552;box-shadow:-3px 0 4px #292929}
.wholeMenu > div > div > p{padding:25px 60px 25px 15px;background-color:#126ec1;color:#fff;font-size:14px}
.wholeMenu > div > div > ul{position:relative;background-color:#fff}
.wholeMenu > div > div > ul > li > a{position:relative;display:inline-block;width:123px;padding:75px 0 10px;color:#262626;font-size:14px;text-align:center;background-color:#e9e9e9;z-index:12}
.wholeMenu > div > div > ul > li.wholeMenu1 > a{background-image:url(../../../../image/ko/local/wholeMenu1.png);background-repeat:no-repeat;background-position:50% 20px;padding-top:65px}
.wholeMenu > div > div > ul > li.wholeMenu2 > a{background-image:url(../../../../image/ko/local/wholeMenu2.png);background-repeat:no-repeat;background-position:50% 20px;padding-top:65px}
.wholeMenu > div > div > ul > li.wholeMenu3 > a{background-image:url(../../../../image/ko/local/wholeMenu3.png);background-repeat:no-repeat;background-position:50% 20px;padding-top:65px}
.wholeMenu > div > div > ul > li.wholeMenu4 > a{background-image:url(../../../../image/ko/local/wholeMenu4.png);background-repeat:no-repeat;background-position:50% 20px;padding-top:65px}
.wholeMenu > div > div > ul > li.wholeMenu5 > a{background-image:url(../../../../image/ko/local/wholeMenu5.png);background-repeat:no-repeat;background-position:50% 14px}
.wholeMenu > div > div > ul > li.wholeMenu6 > a{background-image:url(../../../../image/ko/local/wholeMenu8.png);background-repeat:no-repeat;background-position:50% 14px}
.wholeMenu > div > div > ul > li.wholeMenu7 > a{background-image:url(../../../../image/ko/local/wholeMenu6.png);background-repeat:no-repeat;background-position:50% 14px}
.wholeMenu > div > div > ul > li.wholeMenu8 > a{background-image:url(../../../../image/ko/local/wholeMenu7.png);background-repeat:no-repeat;background-position:50% 14px}
.wholeMenu > div > div > ul > li.on > a{background-color:#fff}
.wholeMenu > div > div > ul > li > div{display:none;position:absolute;top:20px;left:0;width:100%;z-index:11}
.wholeMenu > div > div > ul > li.on > div{display:block}
.wholeMenu > div > div > ul > li > div > p{margin:0 40px 0 156px;padding:10px 0 10px 0;border-bottom:3px solid #126ec1;color:#555;font-size:20px}
.wholeMenu > div > div > ul > li > div.on > p{display:none}
.wholeMenu > div > div > ul > li > div > ul{margin:0 40px 0 156px;}
.wholeMenu > div > div > ul > li > div > ul > li > a{display:block;padding:15px 45px 15px 15px;background:url(../../../../image/ko/local/wholeMenuListNext.png) no-repeat 97% 50%;border-bottom:1px solid #dfdfdf;color:#555;font-size:16px}
.wholeMenu > div > div > ul > li > div.on > ul > li > a{display:none}
.wholeMenu > div > div > ul > li > div.on > ul > li.on > a{display:block;padding:10px 0 10px 34px;border-bottom:3px solid #126ec1;color:#555;font-size:20px;background:url(../../../../image/ko/local/wholeMenuListPrev.png) no-repeat 8px 50%}
.wholeMenu > div > div > ul > li > div > ul > li > ul{display:none}
.wholeMenu > div > div > ul > li > div.on > ul > li.on > ul{display:block;}
.wholeMenu > div > div > ul > li > div > ul > li > ul > li > a{display:block;padding:15px;border-bottom:1px solid #dfdfdf;color:#555;font-size:16px}
.wholeMenu a.wholeMenuClose{position:absolute;top:-28px;right:15px;z-index:200}
.wholeMenu a.wholeMenuClose img{width:20px;height:20px;vertical-align:top}

/* divTitle */
#divTitle{padding-left:20px}

/* divLocation */
#divLocation{right:20px}

/* Tab Menu */
.mThumbnailScroller{padding:0 30px !important}
.mTSButtonLeft{left:10px !important}
.mTSButtonRight{right:10px !important;background-position:100% 0 !important}

/* Quick Menu */
.quickMenu{display:none}

/* Library */
.library > div{width:auto;margin:0 20px;overflow:hidden}
.library > div div{width:49%;border:1px solid #dcdcdc;border-top:none}
.library > div div.library2{float:right;margin-left:0}
.library > div div h2{float:none;width:auto;height:auto;padding:15px;text-indent:0}
.library > div div.library1 h2{background-color:#236caf}
.library > div div.library2 h2{background-color:#3c465e}
.library > div div > ul{width:100%;height:208px;padding:10px 0 20px;margin-top:0;margin-left:0;background-color:#fff}
.library > div div.off h2{background-image:url(../../../../image/ko/local/main/downArrow.png)}
.library > div div > ul > li{width:50%;margin-left:0}
.library > div div > ul > li > ul > li{background:none;padding-left:35px}
.library > div div > ul > li > ul > li:first-child{margin-top:7px}

/* Footer Menu */
.footerMenu > div{width:auto;margin:0 20px}
.visitor{display:none}
.footer{width:auto;min-height:150px;margin:0 20px;background:none}
.footer .qrCode{display:none}
.footer .seoulLogo{display:none}
.footer .wa{display:none}
#divFooter .topBtn{right:20px}