@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');

/* overriding in main.css */
.enlgcsr{cursor:url('http://ebook.ehyundai.com/ebook/skin5/skin5/mm616/hd_enlarge.cur'), url('http://ebook.ehyundai.com/ebook/skin5/mm616/hd_enlarge.cur'), auto;}
.downcsr{cursor:url('http://ebook.ehyundai.com/ebook/skin5/skin5/mm616/hd_downsize.cur'), url('http://ebook.ehyundai.com/ebook/skin5/mm616/hd_downsize.cur'), auto;}

/* ##### display 616 ##### */
.downfnt616{font-family:굴림;font-size:12px;}
.searchfnt616{font-family:돋움;font-size:11px;}

.mm5dD616-idxR{width:100%;height:68px;background-color:#252223;}
.mm5mD616{width:100%;height:60px;background-color:#222222;}

/* branchsect */
.titlesect5dD616{display:block;position:absolute;left:120px;top:25px;}
#branchname{font-family:"hyundai_b";font-size:19px;color:#ffffff;}
#issuedate{font-family:"hyundai_b";font-size:15px;color:#cccccc;margin-left:20px;}

/* logo & button */
.logosect5mD616{top:20px;width:72px;height:26px;margin:0;padding:0;}
.mmpopbtn5mD616{display:block;float:left;width:33px;height:33px;margin:15px 0 0 10px;padding:0;}

.indexbtn5dD616{display:inline-block;}
.indexbtn5dD616 img{vertical-align:middle;}

/* thumb paging */
.thumb5dD616{z-index:2;display:block;position:absolute;left:calc(50% - 152px);top:28px;width:304px;height:24px;}
.thumb5dD616 > svg{display:block;position:absolute;left:38px;}

.thumb5mD616{z-index:2;display:block;position:absolute;left:0;top:36px;width:100%;height:24px;overflow:scroll;}
.thumb5mD616 > svg{display:block;position:absolute;height:24px;}

@font-face{font-family:"hyundai_b";src:url('http://ebook.ehyundai.com/ebook/skin5/font/Hyundai.woff'); }
#thumb_prevbtn{display:block;position:absolute;left:18px;top:4px;width:9px;height:13px;}
#thumb_nextbtn{display:block;position:absolute;right:55px;top:4px;width:9px;height:13px;}
.thumb_pagenum5dD616{font-family:"hyundai_b";font-size:13px;fill:#ffffff;}
.totalbtn5dD616{display:block;position:absolute;right:18px;top:0;width:22px;height:22px;}

.popthumb5dD616{top:62px;left:0px;box-shadow:3px 3px 7px rgba(68,68,68,.5);}0
.popthumb5mD616{top:62px;left:0px;}

#pthumbrect{fill:#3f3f3f;}
#pthumbarrow{fill:#3f3f3f;}

/* fullscr, closebtn(desktop) */
.mm_ulE001{display:block;position:absolute;top:24px;right:24px;list-style-type:none;margin:0;padding:0;}
.mm_ulE001 > li{display:block;float:right;cursor:pointer;}
.mm_ulE001 img{display:block;margin:0;}
.mm_ulE001 img:active{margin:1px 0 0 1px;}

.closebtn5dD616{width:18px;height:18px;margin:4px 0 0 0;}
.cbbox5dD616{width:116px;height:26px;cursor:pointer;margin:0 41px 0 0;}

/* combo, mmturnbtn(mobile) */
.mm_ulE003{display:block;position:absolute;top:18px;right:12px;list-style-type:none;margin:0;padding:0;}
.mm_ulE003 > li{display:block;float:left;cursor:pointer;}

.mmturnbtn5mD616{width:26px;height:23px;margin:3px 12px 0 0;}
.cbbox5mD616{width:26px;height:25px;margin:2px 2px 0 0;}

/* lower side menu */
#lowersect{z-index:62;display:block;position:absolute;}	/* override z-index */
.lower5dD616{bottom:0;width:100%;height:46px;background-color:#252223;}
.lower5mD616{bottom:0;width:100%;height:35px;background-color:rgba(0,0,0,0.35);}

.mm_ulE004{display:block;position:relative;width:145px;height:17px;list-style-type:none;margin:9px auto;padding:0;}
.mm_ulE004 > li{display:inline;margin:0;padding:0;cursor:pointer;}
.mm_ulE004 > li:not(:last-child){margin:0 20px 0 0;}

.enbtn5mD616{display:block;position:relative;float:right;width:26px;height:26px;margin:-31px 4px 0 0;}

.copy5dD616{display:block;position:absolute;left:30px;top:14px;}

.mm_ulE005{display:block;position:absolute;left:calc(50% - 200px);top:13px;width:401px;height:24px;margin:0;padding:0;list-style-type:none;}
.mm_ulE005 > li{display:block;position:relative;float:left;cursor:pointer;padding:0;margin:0 0 0 20px;}
.downbtn5dD616 > a > img{margin-top:2px;}

/* printbtn, indexbtn, helpbtn, mailbtn */
.mm_ulE002{display:block;position:absolute;top:13px;list-style-type:none;margin:0;padding:0;}
.mm_ulE002 > li{display:block;position:relative;float:left;cursor:pointer;padding:0;}
.totalbtn5mD616{width:44px;height:11px;margin:0 0 0 13px;cursor:pointer;}
.spacerbtn5mD616{width:38px;height:11px;margin:0 0 0 13px;cursor:pointer;}
.snsbtn5mD616{width:43px;height:11px;margin:0 0 0 13px;cursor:pointer;}

@media screen and (min-width:350px){
.printbtn5mD016{width:36px;height:49px;margin:1px 0 0 15px;}
.indexbtn5mD016{width:37px;height:49px;margin:1px 0 0 19px;}
.helpbtn5mD016{width:41px;height:47px;margin:3px 0 0 23px;}
.mailbtn5mD016{width:39px;height:43px;margin:7px 0 0 20px;}
.snsbtn5mD016{width:32px;height:50px;margin:0px 0 0 20px;}
.combobtn5mD016{width:30px;height:43px;margin:7px 0 0 20px;}
}
@media screen and (max-width:350px){
.printbtn5mD016{width:36px;height:49px;margin:1px 0 0 5px;}
.indexbtn5mD016{width:37px;height:49px;margin:1px 0 0 12px;}
.helpbtn5mD016{width:41px;height:47px;margin:3px 0 0 15px;}
.mailbtn5mD016{width:39px;height:43px;margin:7px 0 0 15px;}
.snsbtn5mD016{width:32px;height:50px;margin:0px 0 0 15px;}
.combobtn5mD016{width:30px;height:43px;margin:7px 0 0 15px;}
}

/* searchmenu */
.search5dD616{display:inline-block;position:relative;float:right;width:154px;height:26px;margin:0 0 0 15px;background-color:#ffffff;}
.searchtxt5dD616{display:block;float:left;width:124px;height:24px;margin:0;padding:0 0 0 1px;color:#000000;border:0;}
.searchbtn5dD616{display:block;float:left;width:27px;height:26px;margin:0;padding:0;vertical-align:middle;}

.search5mD616{z-index:3;display:block;width:130px;height:21px;margin:14px 0 0 12px;padding:0;}
.search5mD616 input{-webkit-border-radius:0px;-moz-border-radius:0px;-webkit-appearance:none;}
.searchtxt5mD616{display:block;float:left;width:100px;height:21px;margin:0;padding:0;background-color:#757575;border:0;}
.searchbtn5mD616{display:block;float:left;width:26px;height:21px;margin:0;}

/* sns */
.sns5dD616{z-index:4;display:block;position:relative;float:right;width:75px;height:24px;margin:10px 15px 0 0;}
.sns_ul5dD616{display:block;list-style-type:none;margin:0;padding:0;}
.sns_ul5dD616 > li{display:block;float:left;width:23px;height:23px;}
.sns_ul5dD616 > li:not(:first-child){margin-left:3px;}

.sns5mD616{z-index:63;display:block;width:100%;height:48px;margin:0;padding:0;}
.sns_ul5mD616{display:block;list-style-type:none;0;margin:0;padding:0;}
.sns_ul5mD616 > li{display:block;position:relative;float:left;text-align:center;cursor:pointer;}
.facebookbtn5mD616{width:26px;height:26px;margin:10px 0 0 14px;}
.twitterbtn5mD616{width:26px;height:26px;margin:10px 0 0 14px;}
.kakaobtn5mD616{width:26px;height:26px;margin:10px 0 0 14px;}

/* mobile popup menu */
.mmpop5mD616{left:0;top:60px;width:148px;height:auto;visibility:hidden;background-color:#484848;}
.mmpop_ul5mD616{display:block;list-style-type:none;margin:0;padding:0;}
.mmpop_ul5mD616 > li{display:block;width:100%;height:48px;margin:0;padding:0;cursor:pointer;overflow:hidden;
	background-image:url('http://ebook.ehyundai.com/ebook/skin5/mm616/m_popdivline.png');background-position:0 46px;background-size:100% 2px;background-repeat:no-repeat;}
.mmpop_ul5mD616 > li > a > img{display:block;float:left;margin:17px 0 0 20px;padding:0;}

.branchlist5dD616{position:absolute;right:65px;top:51px;width:190px;height:auto;padding:20px;background-color:#fff;box-shadow:5px 5px 5px rgba(0,0,0,0.3);z-index:100;opacity:0;transition:all 0.3s;}
.branchlist5dD616 ul{list-style:none;margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;font-size:14px;border-top:1px solid #ccc;text-align:center;}
.branchlist5dD616 ul li{line-height:30px;border-bottom:1px solid #ccc;}
.branchlist5dD616 ul li:hover{background-color:#f7f7f7;}
.branchlist5dD616 ul li a{text-decoration:none;color:#000;}
.branchlist5dD616 ul li a:hover{text-decoration:underline;color:#b98944;}

.branchlist5mD616{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:300px;height:auto;z-index:80;opacity:0;}
.mtop5mD616{width:100%;height:30px;background-color:#5d6c89;}
.mtop5mD616 p{float:left;line-height:30px;font-size:13px;color:#fff;margin:0 0 0 10px;}
.mtop5mD616 a{float:right;margin:5px 10px 0 0;}
.branchlist5mD616 ul{list-style:none;margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;font-size:12px;text-align:center;background-color:#ededed;}
.branchlist5mD616 ul li{line-height:28px;border-bottom:1px solid #ccc;}
.branchlist5mD616 ul li a{text-decoration:none;color:#000;}