@charset "utf-8";

@import url("/css/web/common/common_main_widget.css");

.showpop .ui-dialog-content {/* max-width: 100%; padding:0rem !important;  */height:auto !important;box-sizing: initial;}/* 주석 풀시 양옆 여백 X 240226 */
.showpop .ui-dialog-content img {width:100%;height: auto;}
.showpop .ui-dialog-content > div {display: flex;float: left;justify-content: flex-end;align-items: center;flex-wrap: wrap;}
.showpop .ui-dialog-content > div > span {display:block; width:100%;} /*231228*/
.showpop .ui-dialog-content > div > a {margin-right:1rem;}

.poplistWrap{width:294px; padding:2px; border:1px solid #c5c5c5; position:absolute; left:0; top:0; /* 위치값 */}
.poplistWrap .inner{ position:relative; width:100%}
.poplistWrap .inner > h1{ background: url('/images/tempDisp/common/tit_icon.png') no-repeat 14px 7px #4a77d3; padding-left:48px; height:41px; line-height:41px; overflow:hidden; color:#fff; font-family:'NanumBold'; font-size:17px;}
.poplistWrap .inner .btnClose{ position:absolute; right:0; top:0; font-size:0; line-height:0; text-indent:-9999em; width:41px; height:41px; background:url(/images/tempDisp/common/btnClose.png) no-repeat}

.poplistWrap .popupList{height:301px; overflow:hidden; overflow-y:auto}
.poplistWrap .popupList ul{ font-family:'Nanum'; font-size:13px; line-height:25px; padding:3% 5% 4%}
.poplistWrap .popupList ul li { line-height:20px; margin:4% 0}
.poplistWrap .popupList ul li a{ display:block; color:#666; background:url(/images/tempDisp/common/icon_dot.gif) no-repeat 0 9px; padding-left:10px}
.poplistWrap .popupList ul li a:hover{ color:#4a77d3}

/* (리스트팝업) 통합팝업공지 20190118*/
div.pop_header {width:100%; height:65px; background:#0a7fd2 /* url("/images/web/common/sub/pop_bg.png")  no-repeat 50% 50%;*/}

div.pop_wrap {position:relative; width:980px; padding:15px 0; margin:0 auto; }

.p_txt_1{line-height:30px; text-align:center; font-family:"맑은 고딕"; font-size:18px; font-weight:bold; letter-spacing:-1px; color:#fff;}
.p_txt_2{margin:3px auto; width:98%;  border:1px solid #ccc; border-radius:5px; line-height:35px; font-family:"맑은 고딕"; font-size:14px; font-weight:bold; text-indent:20px; color:#000;background:#f4f4f4;}

ul.notice_btn {position:absolute; top:20px; right:10px; font-family:"맑은 고딕";}

/* 버튼이미지 누락으로 인한 주석처리 2019-01-18 */
ul.notice_btn li {float:left; width:80px; height:26px; margin-right:5px; text-align:center; /* background:url("/images/web/common/sub/btn.png") no-repeat; */}

ul.notice_btn li a {display:block; text-decoration:none; color:#fff; font-size:14px; padding:3px;}
ul.notice_btn li.btn_close {width:30px; height:30px; background:url("/images/web/common/sub/btn_close.png") no-repeat; text-indent:-5000px;}

/*(리스트팝업) 팝업 리스트*/
.listPopup {position:relative; width:380px; height:300px; border:1px solid #ccc; border-radius:5px; background:#fff; }
.listPopup .list_box{ padding:3% 5% 21%; background:#fff url('/images/web/common/sub/list_bg.png')no-repeat 93% 100%;}
.listPopup .list_box ul{width:340px; height:306px; font-family:'맑은 고딕'; font-size:13px; line-height:25px;  overflow:hidden; overflow-y:auto;}
.listPopup .list_box ul li {display:block; line-height:20px; margin:3.5% 0; }
.listPopup .list_box ul li a{ display:block; color:#666; background:url('/images/web/common/sub/icon_dot.gif') no-repeat 0 9px; padding-left:10px; text-overflow: ellipsis;  white-space: nowrap;   overflow: hidden;}
.listPopup .list_box ul li a:hover{ color:#4a77d3}
.listPopup .btn_close{position:absolute; top:10px; right:10px; width:20px; height:20px; background:url('/images/web/common/sub/btn_close.png')no-repeat;}

/* 퀵메뉴240521 */
.w_quickClass {right: calc((100% - 100rem)/2); left: auto !important;}
.w_quick {right: calc((100% - 100rem)/2); left: auto !important;}
.w_quick_ng {right: calc((100% - 100rem)/2); left: auto !important;}
.w_quickSub {right: calc((100% - 100rem)/2); left: auto !important;}

/* 퀵메뉴 240701*/
/* 학년반 바로가기 2*/
.w_quickClass2{ position:relative; min-height:auto; display:block; margin-bottom:10px; padding-bottom:12px; overflow:hidden;  border-left:1px solid #bbc0c6;  background:#fff;  border-radius:10px; box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.5);  z-index:7;}
.w_quickClass2 h2{ background:#4f6b8e; color:#fff; font-size:15px; text-align:center; font-family:'NotoM'; height:40px; line-height:40px}
.w_quickClass2 ul{font-family:'돋움',Dotum; font-size:12px; line-height:41px; padding:10px 10px;}
.w_quickClass2 ul li{ float:left; line-height:18px; word-break:keep-all;  display:block;  letter-spacing:-1px; color:#555; margin-right:10px; }
.w_quickClass2 ul li span { width:50px; margin-right:5px; display:block;}
.w_quickClass2 ul li select { width:72px;}
.w_quickClass2 .btn_classGo { position:absolute; right:15px; bottom:12px;}
.w_quickClass2 .btn_classGo img { width:20px; height:20px;}
/* 퀵메뉴 바로가기 2*/
.w_quick2{ position:relative; height:auto; overflow:hidden;  border-left:1px solid #bbc0c6; background:#fff; border-radius:10px; box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.5); z-index:7;  }
.w_quick2 h2{ background:#f7941e; color:#fff; font-size:15px; text-align:center; font-family:'NotoM'; height:40px; line-height:40px}
.w_quick2 ul{font-family:'돋움',Dotum; font-size:12px; line-height:41px;}
.w_quick2 ul li{ padding:10px 10px; line-height:18px; border-top:1px solid #bbc0c6; word-break:keep-all;}
.w_quick2 ul li:first-child { border-top:none;}
.w_quick2 ul li a{ display:block;  letter-spacing:-1px; color:#555;}

 @media screen and (max-width : 800px) {
div.pop_header{display: none;}
.ui-widget.ui-widget-content:not(.showpop){display: none !important;}
.showpop img {width:100%;}
.showpop {left:0 !important;}
}
 @media screen and (max-width : 560px) {
.showpop img {width:100%;left:0;}
.showpop {left:0 !important;}
}

 @media screen and (max-width : 480px) {
.showpop img {width:100%;left:0;}
.showpop {left:0 !important;}
	
}