@charset "utf-8";
/*팝업리스트*/
#popupLayer { min-width: 300px}
#popupLayer .popuplayer_wrap {background:#fff url(../../images/notice/bg_newpop_top.png) left top repeat-x}
#popupLayer .top_area {position: relative; width: auto; padding: 17px 30px 9px}
#popupLayer .top_area h4 {margin-bottom: 12px; font-size: 23px; color:#fff; font-weight:700}
#popupLayer .top_area p.top_txt {font-size:14px; line-height:130%; color: #fff; font-weight:500}
#popupLayer .top_area p.close_btn {position: absolute; right:35px; top: 15px; width: 24px; height: 24px}
#popupLayer .top_area p.close_btn a {display: block; overflow: hidden; width: 34px; height: 34px; background:#3a2819 url(../../images/notice/poplist_btn_close.png) 0 0 no-repeat; text-indent: -9999px; border-radius:5px}
#popupLayer .popupList {position: relative; padding:16px 22px; margin: 0 23px 10px; border-radius:30px 5px 30px 30px; background: #fff; box-shadow:0 2px 6px rgba(0,0,0,0.3)}
#popupLayer .popupList::after{content:""; clear: both; display: block; position: absolute; top:-83px; right:0; width:165px; height:83px; background:url(../../images/notice/img_newpop_bg.png) right 5px top 0 no-repeat}
#popupLayer .popupList ul {padding-bottom: 7px}
#popupLayer .popupList li{height:30px; padding:8px 0; border-bottom: 1px dashed #ccc; box-sizing:border-box}
#popupLayer .popupList li a {display: block; overflow: hidden; padding:0 10px 0 16px; background: url(../../images/notice/blt_txt04.gif) left center no-repeat; font-size:14px; color:#000; font-weight:500; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}
#popupLayer .popupList li a:hover{font-weight:700}
#popupLayer .popupList li img {display: inline-block; margin:9px 0 0 0}
#popupLayer .pl_logo span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px;}
#popupLayer .pl_logo{width:236px; height:40px; margin:0 auto 10px; background:url(../../images/notice/img_newpop_logo.gif) 0 0 no-repeat}
/*하루동안 이창을 열지 않음*/
.bottom_area {width: 100%; background: #4e4e4e; position: relative}
.bottom_area p.check {color: #fff; line-height: 36px; padding-left: 18px}
.bottom_area button.close_today {position: absolute; right: 11px; top: 50%; width: 47px; line-height: 19px; margin-top: -10px; border-radius:3px; background:#ffc343; background: url(../../images/notice/close_today.gif) 0 0 no-repeat; font-size: 0.917em; font-weight: bold}
#popupLayer .close_today{border-radius:3px; background:#ffc343}

/*새창-하루동안 이창을 열지 않음*/
#notice_bt_bar {background-color:#3a3d41; height:30px; line-height:30px}
#notice_bt_bar p.bt_bar_text {position: relative; color:#ffffff; font-size:12px; margin-top:2px}
#notice_bt_bar p.bt_bar_text a{position: absolute; right: 5px; top:5px; width: 47px; line-height: 19px; border-radius:3px; background:#ffc343; color:#000; font-size: 0.917em; font-weight: bold; text-align:center}

/*게시판 페이징처리 */
#list_page {margin:15px 0}
/* #list_page a {width: 25px !important; height: 25px !important; line-height: 25px !important}
#list_page .img {margin-bottom: -6px !important}
#list_page {width:100%; margin:30px 0 15px 0; text-align:center} */

/*************** MOBILE LAYOUT ******************/
@media only screen and (max-width:1024px) {
/*팝업리스트*/
#popupLayer div.pop_single_wrap {max-width: 96%}
}

/*** PC LAYOUT ***/
@media only screen and (min-width:1025px) {
/*팝업리스트*/
#popupLayer div.popupList_wrap {width: 471px; margin: 0; padding: 0}
}

/* 스타일 수정 MHS 240527 */
body{position:relative; overflow-x:hidden;}
body::-webkit-scrollbar	{position:absolute; background: #fff; width:10px}
body::-webkit-scrollbar-thumb{background: #aaa; border-radius: 5px; border:1px solid #fff}

