@charset "utf-8";

/* Layout */
#divWrapper{min-width:320px}
.header{position:relative;height:41px;width:auto;min-width:320px;margin-top:0;padding:6px 0 0}
#divContents{width:auto;background-color:#fff}
#divContent{min-height:200px;margin: 20px 10px;}


#divTabMenu > div{border: none;height: 60px; overflow: hidden}
#divTabMenu ul li {border: 1px solid #e2e2e2;min-width: auto;}

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

/* My Library */
.myLibrary{display:block;position:absolute;top:22px;left:10px;z-index:120}
.myLibrary.fix{position:fixed;top:20px}
.myLibrary > a{display:inline-block;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.fix > a{color:#fff}
.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%;background-color:#f3f3f3}
.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.myInfo ul li.myInfo7 a{background:url(../../../../image/ko/local/myInfo8.jpg) no-repeat 10px}
.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:30px;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 {margin-bottom: 25px;}
.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.myLib ul li.myLib9 a{background:url(../../../../image/ko/local/myLib9.png) no-repeat 50% 0}

.myLibrary > div > div > div.mobileBarcode{background:none;text-align:center}
.myLibrary > div > div > div.mobileBarcode p{position:relative;width:294px;margin:0 auto}
.myLibrary > div > div > div.mobileBarcode img{vertical-align:top}
.myLibrary > div > div > div.mobileBarcode span{position:absolute;top:24px;right:45px;color:#fff;font-size:16px}
.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;height:30px;padding-left:30px;color:#949494;font-size:15px;line-height:30px}
.myLibrary > div > div > div.menu ul li.logout a{background:url(../../../../image/ko/local/logoutBg.png) no-repeat 0 0}
.myLibrary > div > div > div.menu ul li.myLibNotice a{padding-left:40px;background:url(../../../../image/ko/local/noticeBg.png) no-repeat 0 0}
.myLibrary > div > div a.close{position:absolute;top:40px;right:30px}

/* Logo */
.logoM{display:block;text-align:center}
.logoM img{width:52px;height:32px;vertical-align:top}

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

/* Global Menu */
#divGlobalMenu{position:absolute;top:-18px;right:10px}
#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}

/* 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:10px}
.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;right:-100%;border-top:36px solid #3c4552}
.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 > 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 > ul > li > ul{display:none}
.wholeMenu > div > div > ul > li > div > ul > li.on > ul{display:block;padding:13px 0;border-bottom:1px solid #dfdfdf}
.wholeMenu > div > div > ul > li > div > ul > li > ul > li{margin-top:13px}
.wholeMenu > div > div > ul > li > div > ul > li > ul > li:first-child{margin-top:0}
.wholeMenu > div > div > ul > li > div > ul > li > ul > li > a{display:block;padding:0 15px;color:#555;font-size:14px}
.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{margin:0;padding:18px 0;font-size:20px;font-weight:normal;text-align:center;} */

/* divLocation */
#divLocation{display:none}

/* Tab Menu */
.mThumbnailScroller{padding:0 35px !important}
.mTSButtonLeft{left:10px !important}
.mTSButtonRight{right:10px !important;background-position:100% 0 !important}

/* Quick Menu */
.quickMenu{display:none}

/* Library */
.library{display:none;padding:7px 0 0}
.library > div{width:auto;margin:0 10px;overflow:hidden}
.library > div div{float:none;width:auto;border:1px solid #dcdcdc;border-top:none}
.library > div div.library1{margin-bottom:7px}
.library > div div.library2{margin-left:0}
.library > div div h2{float:none;width:auto;height:auto;padding:15px;cursor:pointer;text-indent:0}
.library > div div.library1 h2{background:url(../../../../image/ko/local/main/upArrow.png) no-repeat 96% 50% #554246}
.library > div div.library1.on h2{background:url(../../../../image/ko/local/main/downArrow.png) no-repeat 96% 50% #554246}
.library > div div.library2 h2{background:url(../../../../image/ko/local/main/upArrow.png) no-repeat 96% 50% #3c465e}
.library > div div.library2.on h2{background:url(../../../../image/ko/local/main/downArrow.png) no-repeat 96% 50% #3c465e}
.library > div div > ul{width:100%;margin-top:0;margin-left:0;padding:10px 0 20px 0;background-color:#fff}
.library > div div.on > ul{display:none}
.library > div div.off h2{background-image:url(../../../../image/ko/local/main/downArrow.png)}
.library > div div.off > ul{display:none}
.library > div div > ul > li{width:50%;margin-left:0}
.library > div div > ul > li > ul > li{background:none;padding-left:15px}
.library > div div > ul > li > ul > li:first-child{margin-top:10px}

/* Footer Menu */
.footerMenu{border-bottom-color:#e9e9e9}
.footerMenu > div{width:auto;height:auto;margin:0;padding:0 10px;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:0;margin:0;padding:15px 10px;background:#f4f4f4}
.footer .footerLogo{display:none}
.footer .address{margin:11px 20px;text-align:center}
.footer .qrCode{display:none}
.footer .seoulLogo{display:none}
.footer .wa{display:none}
#divFooter .topBtn{right:10px}
#divFooter .topBtn img{width:30px;height:30px}

.sub-title {font-size:20px;border-bottom:2px solid #8ed1de; box-sizing: border-box;}
.sub-title h2 {display: block; text-align: center; float: none;}
.sub-title.box {width: 100%; min-width: 100%;}