/* display451 */
@import url("./reset.css");
:root{
    --color1:#d5d5d5;
    --mm451-icon-color:#464646;
    --mm451-onsm-icon-color:#888888;
}

.back5dD451{width:100%;height:100%;background-color:#efefef;}

.mm5dD451{width:100%;height:60px;border-bottom:1px solid #e6e6e6;background-color:#fff;}

.mm_ulE001{position:absolute;left:50%;top:16px;transform:translateX(-50%);display:flex;align-items:center;}
.mm_ulE001 > li{flex:0 0 40px;width:40px;text-align:center;}
.mm_ulE001 >li.pageshow5dD451{width:auto;height:27px;margin:0 0 0 20px;padding:0;}
.pageshow5dD451 form{display:flex;align-items:center;}
.pshow_p5dD451{flex:0 0 auto;}
.pshow_p5dD451 > input{width:90px;height:27px;line-height:27px;text-align:center;border:none;border-radius:27px;background-color:#e0e0e0;font-size:12px;}
#pshow_totalpage{flex:0 0 50px;width:50px;height:27px;line-height:27px;font-size:12px;text-align:left;margin-left:10px;}

.mm_ulE002{position:absolute;right:40px;top:5px;display:flex;align-items:flex-start;}
.common-icon{display:inline-block;width:20px;height:20px;background-color:var(--mm451-icon-color);vertical-align:middle;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;}
.icon-firstbtn{-webkit-mask-image:url('./_common/icons/firstbtn.svg');mask-image:url('./_common/icons/firstbtn.svg');}
.icon-prevbtn{-webkit-mask-image:url('./_common/icons/prevbtn.svg');mask-image:url('./_common/icons/prevbtn.svg');}
.icon-nextbtn{-webkit-mask-image:url('./_common/icons/nextbtn.svg');mask-image:url('./_common/icons/nextbtn.svg');}
.icon-lastbtn{-webkit-mask-image:url('./_common/icons/lastbtn.svg');mask-image:url('./_common/icons/lastbtn.svg');}
.icon-indexbtn{-webkit-mask-image:url('./_common/icons/indexbtn.svg');mask-image:url('./_common/icons/indexbtn.svg');}
.icon-historybtn{-webkit-mask-image:url('./_common/icons/historybtn.svg');mask-image:url('./_common/icons/historybtn.svg');}
.icon-expbtn{-webkit-mask-image:url('./_common/icons/expbtn.svg');mask-image:url('./_common/icons/expbtn.svg');}
.icon-bookmarklistbtn{-webkit-mask-image:url('./_common/icons/bookmarklistbtn.svg');mask-image:url('./_common/icons/bookmarklistbtn.svg');}
.icon-printbtn{-webkit-mask-image:url('./_common/icons/printbtn.svg');mask-image:url('./_common/icons/printbtn.svg');}
.icon-zoominbtn{-webkit-mask-image:url('./_common/icons/zoominbtn.svg');mask-image:url('./_common/icons/zoominbtn.svg');}
.icon-zoomoutbtn{-webkit-mask-image:url('./_common/icons/zoomoutbtn.svg');mask-image:url('./_common/icons/zoomoutbtn.svg');}
.icon-slidebtn{-webkit-mask-image:url('./_common/icons/slidebtn.svg');mask-image:url('./_common/icons/slidebtn.svg');}
.icon-helpbtn{-webkit-mask-image:url('./_common/icons/helpbtn.svg');mask-image:url('./_common/icons/helpbtn.svg');}
.icon-fullscrbtn{-webkit-mask-image:url('./_common/icons/fullscrbtn.svg');mask-image:url('./_common/icons/fullscrbtn.svg');}
.icon-windowmodebtn{-webkit-mask-image:url('./_common/icons/windowmodebtn.svg');mask-image:url('./_common/icons/windowmodebtn.svg');}
.icon-closebtn{-webkit-mask-image:url('./_common/icons/closebtn.svg');mask-image:url('./_common/icons/closebtn.svg');}
.icon-sharebtn{-webkit-mask-image:url('./_common/icons/sharebtn.svg');mask-image:url('./_common/icons/sharebtn.svg');}
.icon-downloadbtn{-webkit-mask-image:url('./_common/icons/downloadbtn.svg');mask-image:url('./_common/icons/downloadbtn.svg');}
.icon-searchbtn{-webkit-mask-image:url('./_common/icons/searchbtn.svg');mask-image:url('./_common/icons/searchbtn.svg');}
.icon-combobtn{-webkit-mask-image:url('./_common/icons/combobtn.svg');mask-image:url('./_common/icons/combobtn.svg');}
.icon-onsmimagel{-webkit-mask-image:url('./_common/icons/onsmimagel.svg');mask-image:url('./_common/icons/onsmimagel.svg');}
.icon-onsmimager{-webkit-mask-image:url('./_common/icons/onsmimager.svg');mask-image:url('./_common/icons/onsmimager.svg');}
.mm_ulE001 .common-icon{width:24px;height:24px;}
.mm_ulE002 .common-icon{width:20px;height:20px;}
.mm5dD451 #enlargebtn.zoom-disabled:hover #enlargebtn_img.common-icon{width:20px!important;height:20px!important;}
.mm_ulE002 > li{flex:0 0 55px;width:55px;text-align:center;margin:0;padding:5px 0;border-radius:5px;transition:all 0.2s;}
.mm_ulE002 > li:hover{background-color:#f7f7f7;}
.mm_ulE002 p{color:#000;font-size:12px;}

.closebtn5dD451{position:absolute;right:10px;top:18px;display:flex;justify-content:center;align-items:center;width:22px;height:22px;text-align:center;line-height:22px;border-radius:50%;background-color:#e0e0e0;}
.closebtn5dD451 .common-icon{width:16px;height:16px;}

.lower5dD451{position:absolute;bottom:0;width:100%;height:60px;}

.mm_ulE003{position:absolute;left:10px;top:10px;}
.mm_ulE003 > li{float:left;margin:0 10px 0 0;}
.mm_ulE003 > li > a{display:flex;justify-content:center;align-items:center;width:32px;height:32px;background-color:#d5d5d5;border-radius:32px;text-align:center;line-height:32px;}
.mm_ulE003 > li.snsbtn5dD451 > a{padding:3px 0 0 0;height:calc(32px - 3px);}
.mm_ulE003 .common-icon{width:20px;height:20px;}

.search5dD451{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:225px;height:32px;border-radius:32px;background-color:var(--color1);}
.searchtxt5dD451{display:block;float:left;border:none;background:none;width:170px;height:32px;line-height:32px;margin:0 3px 0 20px;}
.searchbtn5dD451{display:flex;float:left;align-items:center;justify-content:center;margin:6px 0 0 0;width:20px;height:20px;padding:0;border:0;background:none;cursor:pointer;}
.searchbtn5dD451 .common-icon{width:20px;height:20px;}

.combobtn5dD451{position:absolute;right:10px;top:10px;width:150px;height:32px;line-height:32px;border-radius:32px;
	background-color:var(--color1);}
.combobtn5dD451::after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:var(--mm451-icon-color);pointer-events:none;-webkit-mask:url('./_common/icons/combobtn.svg') center / contain no-repeat;mask:url('./_common/icons/combobtn.svg') center / contain no-repeat;}
.combobtn5dD451 a{display:block;width:calc(100% - 20px);height:32px;line-height:32px;color:#000;font-size:12px;padding:0 0 0 20px;}

.searchtxt5dD451 {font-size:13px;}
.searchtxt5dD451::placeholder {
	font-size:13px;
}

.onsmlE451 .common-icon,.onsmrE451 .common-icon{width:82px;height:82px;background-color:var(--mm451-onsm-icon-color);}