@charset "utf-8";
/* CSS Document */

/* reset */
* { margin:0; padding:0;}
ol, ul {list-style:none;}
hr {display:none;}
a {color:inherit;}
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }

/* 콘텐츠 관리에 불필요한 항목 숨김 처리(상단 팝업, 레이어 팝업) */
body:has(#widgetEditDiv) :where(.topBn_wrap, .topbn_util, .ui-dialog:not(.sortAlert)){display: none !important}
body:has(#widgetEditDiv) .ui-sortable-handle a{cursor: move;}

/*알림창*/
/* .alert{left:85% !important;top:85% !important;position:relative; width:270px; height:140px; background:rgba(255, 255, 255, 0.9); border-radius:5px;} */
.alert{left:85% !important;top:85% !important;position:relative; width:300px; height:500px; background:rgba(255, 255, 255, 0.9); border-radius:5px;}
.alert .top_bar{position:relative; background-color:#2b55a2;  border-radius:5px 5px 0 0;}
.alert .top_bar h3{padding-left:20px; line-height:36px; font-size:15px; color:#fff; font-family: 'NotoR';}
.alert .top_bar p{position:absolute; top:7px; right:20px; }
.login {position:relative;}
.login .user_img{width:57px; height:57px; padding:20px 0 0 20px;}
.login .user_img img{width:100%; height:100%;}
.login .user_txt{position:absolute; top:29px; left:90px; font-size:14px; letter-spacing:-1px; font-family: 'NotoR';}
.login .user_txt span{font-size:16px; }
.alert .btn_more{position:absolute; right: 20px; bottom:15px; width:40px; line-height:20px; text-align:center; color:#000; background-color:#ddd; font-size:13px; font-family:'NotoR';}


.alert2{background:rgba(255, 255, 255, 0.9); border-radius:5px;}
.alert2 .top_bar{position:relative; background-color:#2b55a2;  border-radius:5px 5px 0 0;}
.alert2 .top_bar h3{padding-left:20px; line-height:36px; font-size:18px; color:#fff;  font-family: 'NotoR';}
.alert2 .top_bar p{position:absolute; top:7px; right:20px; }
.alert2 .btn_more{position:absolute; right: 20px; bottom:15px; width:40px; line-height:20px; text-align:center; color:#000; background-color:#ddd; font-size:13px; font-family:'NotoR';}
.alert2 .btns {margin: 40px 0 15px 0;}
.alert2 .btns button{color: #ffffff !important;padding: 3px 10px;border-radius: 5px;font-size: 18px; font-family: 'NotoR';}
.alert2 .btns button:not(.widgEditOptionSave){margin-left: 5px;}
.alert2 .btns button.widgEditOptionSave{background-color: #2b55a2;}
.alert2 .btns button.widgEditOptionCancel{background-color: #e0e0e0; color:#000 !important;}
.alert2 .btns button.widgEditOptionDelete {background-color: #F44336;}
.alert2 .btns button.widgEditOptionAdd {background-color: #4CAF50;}


/*위젯 박스 및 아이콘*/
#widgetEditDiv {
    display:none;
    position: absolute;
    top: -10px;
    right: -10px;
    background: #000;
    z-index: 10000;
    width: 100px;
    text-align: center;
    color: #fff;
    height: 50px;
    line-height:50px;
}
#widgetEditLayer {
	display:none;
	max-height: 70vh;
} 
.widgEditOptions {width:100%;}

/* 240404 위젯 다이얼로그 수정 */
#widgetEditLayer .bbs_WriteA{margin-top: 15px !important;}

#widgetEditLayer tbody#widgetEditLayerOptions tr td, #widgetEditLayer tbody#widgetEditLayerOptions tr th{padding: 5px;}
#widgetEditLayer tbody#widgetEditLayerOptions tr th{vertical-align: middle;}

#widgetEditLayer td.newWinRadio {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
#widgetEditLayer td > ul.custom-input {display: flex; flex-direction: row;flex-wrap: wrap;justify-content: space-evenly;}
#widgetEditLayer td > ul.custom-input > li{display: inline-flex;flex-grow: 1;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}
#widgetEditLayer td.newWinRadio label, #widgetEditLayer td > ul.custom-input > li > input{cursor: pointer}

/* 헤더 전체출력 오류 수정*/
#gnb li ul.box {display:none;}

/* 배너 오류 수정 */
.bannerWrap{width:494px; padding:2px; border:1px solid #c5c5c5; position:absolute; left:0; top:0;  /* 위치값 */overflow: hidden !important;}
.bannerWrap .inner{ position:relative; width:100%}
.bannerWrap .inner > h1{ background: url('/images/tempDisp/common/tit_icon.png') no-repeat 14px 7px #00b070; padding-left:48px; height:41px; line-height:41px; overflow:hidden; color:#fff; font-family:'NanumBold'; font-size:17px;}
.bannerWrap .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}
.bannerList {height:515px; overflow-y:auto}
.bannerList ul{ overflow:hidden; padding:2% 5%}
.bannerList ul li{ float:left; width:40%; height:40px; margin:5%}
.bannerList ul li img{ width:100%; height:100%}

/* 위젯 편집 후 저장 시 로딩 화면 */
.loader_on{height: 100vh;overflow:hidden !important;touch-action:none;pointer-events: none;}
.loader_on > #widgetEditLayer, .loader_on > .b-modal.__b-popup1__ {display: none !important;}
.loader_area{width: 100vw;height: 100vh;background-color: #ffffffa8;position: fixed;z-index: 9999;display: flex;align-items: center;flex-direction: column;justify-content: center;flex-wrap: nowrap;}
.loader_area2{width: 100vw;display: flex;justify-content: center;height: max-content;flex-direction: row;align-items: flex-end;min-height: 60%;}
.loader_area2 > * {opacity: 85%;border-radius: 50%;width: 10vw;height: 10vw;}
.loader {animation: loader 5s infinite;background-color: #67D5B5;}
.loader2, .loader3, .loader4{margin-left: -3%; }
.loader2{animation: loader 5s infinite;animation-delay: -2s;background-color: #2e7bf1;}
.loader3{animation: loader 5s infinite;animation-delay: -3s;background-color: #FF9800;}
.loader4{animation: loader 5s infinite;animation-delay: -6s;background-color: #ff7369;}
.loader_msg{
	 -webkit-text-size-adjust : auto;
	 -ms-text-size-adjust : auto;
	 -moz-text-size-adjust : auto;
	 -o-text-size-adjust : auto;
	 font-family: 'NotoM';
	 text-align: center;
	 width: 100vw;
	 flex-grow: 1;
	 margin-top: 2%;
	 text-size-adjust: auto;
}


@keyframes loader {
	0%{margin-bottom: 0;}
	50% {margin-bottom: 10%;}
}

/* 바로가기 순서 변경 다이얼로그 */
.sortAlert{background-color: #ffffffde !important; min-width: 20vw;min-height: 30%;display: flex !important;flex-direction: column;justify-content: space-between;flex-wrap: nowrap;padding: 10px 4px !important;font-family: 'NotoR' !important;}
.sortAlert .ui-dialog-titlebar .ui-dialog-title{width: 100%;}
.sortAlert .ui-dialog-content{color: #000;font-size: 0.9rem;flex-grow: 1;align-self: center;display: inline-flex;align-content: center;justify-content: flex-start;align-items: center;}
.sortAlert .ui-dialog-buttonpane{border: unset;background: unset;padding: unset !important;margin: unset !important;}
.sortAlert .ui-dialog-buttonpane .ui-dialog-buttonset{padding: 0 10px; !important;float: unset !important;display: flex;justify-content: space-evenly;align-items: center;flex-direction: column;flex-wrap: nowrap;}
.sortAlert .ui-dialog-buttonpane .ui-dialog-buttonset > * {font-family: 'NotoDL' !important;float: unset;margin: 0 0 7px 0;width: 100%; border: none; color: #000}
.sortAlert .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:nth-child(1){background-color: #2b55a2; color: #fff;}
.sortAlert .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:nth-child(2){background-color: #e0e0e0;}
.sortAlert .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:nth-child(3){background-color: #e0e0e0;}
.sortAlert .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover{font-weight: bold;}

/* shjang 수정  => 상단팝업 css를 layerPopup.css에서 옮김.*/
/* top banner *//* 191209 */
.topBn_wrap{position:relative; display:block; background:#2d9490; border-bottom:2px solid #005653; }
.topBn_wrap .topBn{position:relative; max-width:960px; margin:0 auto; }
.topBn_wrap .top_slider{position:relative; padding:30px 0 43px; overflow:hidden; }
.topBn_wrap .top_slider::before{content:""; position:absolute; top:0; left:29px; width:2px; height:100%; background:#2d9490; z-index:1; }
.topBn_wrap .top_slider .slick-list{margin:0 30px; overflow:hidden; }
.topBn_wrap .top_slider li{float:left; position:relative; padding-left:90px; padding-bottom:30px; margin-right:10px; border-left:1px dashed #ccc; }
.topBn_wrap .top_slider a{ display:block; color:#fff; font-family:'Nanum'; }
.topBn_wrap .top_slider a .tit{font-size:18px; color:#b7ffd3; font-family:'NanumBold'; font-weight:bold; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.topBn_wrap .top_slider a span{display:block; height:40px; font-size:15px; line-height:20px; text-align:left; overflow:hidden; text-overflow:ellipsis;}
.topBn_wrap .top_slider a .ico{position:absolute; left:20px; top:5px; width:60px; height:60px; line-height:60px; text-align:center; border-radius:60px; background:#005b58; }
.topBn_wrap .top_slider a:hover{text-decoration:underline; }
.topBn_wrap .top_slider a:hover .tit{color:#f7cf21; }
.topBn_wrap .top_slider a:hover .ico{background:#4cb165; }
.topBn_wrap .top_slider a.btn_fileDown{padding:0 25px 0 10px;line-height:25px;margin:5px 0 0;font-size:11px;border-radius:10px;background:rgba(0,0,0,0.3) url('/images/popup/ico_fileDown.png') no-repeat 90% center;display: inline-block;}
.topBn_wrap .top_slider a.btn_fileDown:hover{background-color:rgba(0,0,0,0.6); }
.topBn_wrap a, .topBn_wrap p{transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 191211 버튼추가 */
.topBn_wrap .top_slider a.btn_link{padding:0 25px 0 10px;line-height:25px;margin:5px 0 0;font-size:11px;border-radius:10px;color:#111;background:rgba(255,255,255,0.6) url('/images/popup/ico_link.png') no-repeat 90% center;display: inline-block;}
.topBn_wrap .top_slider a.btn_link:hover{background-color:rgba(255,255,255,0.9); }

	/* slick arrow */
	.topBn_wrap .top_slider .slick-arrow{ position:absolute; top:55px; display:block; width:20px; height:35px; cursor:pointer; text-indent:-10000px; z-index:20; }
	.topBn_wrap .top_slider .slick-prev{ left:0px; background:url('/images/popup/btn_topbn_prev.png')no-repeat center; }
	.topBn_wrap .top_slider .slick-next{ right:0px; background:url('/images/popup/btn_topbn_next.png')no-repeat center; }
	.topBn_wrap .top_slider .slick-dots{ position:absolute; width:auto; left:20px; bottom:13px; z-index:2; }
	.topBn_wrap .top_slider .slick-dots li{ position:relative; display:inline-block; margin:0 3px; padding:0; cursor:pointer; border:0; }
	.topBn_wrap .top_slider .slick-dots li button{ display:block; width:10px; height:10px; border-radius:20px; cursor:pointer; border:2px solid #fff; font-size:0; overflow:hidden; }
	.topBn_wrap .top_slider .slick-dots li.slick-active button{background:#fff; }

	/* stop, play btn */
	.topBn_wrap .control button{position:absolute; bottom:10px; left:0; width:15px; height:15px; border:0px; text-indent:-99999%; overflow:hidden; z-index:2; }
	.topBn_wrap .control button.btn_stop{background:url('/images/popup/btn_topbn_stop.png') no-repeat center; }
	.topBn_wrap .control button.btn_play{display:none; background:url('/images/popup/btn_topbn_play.png') no-repeat center; }

	/* close check box */
	.topBn_wrap .closeCheck {position:absolute; bottom:10px; right:0; color:#fff; }
	.topBn_wrap .popclose{ padding:0 40px 0 10px; border:1px solid #2e8683; }
	.topBn_wrap .closeCheck label {line-height:28px; font-size:12px; }
	.topBn_wrap .closeCheck .btn_close{position:absolute; right:0; top:0; width:30px; height:30px; background:rgba(0,0,0,0.3) url('/images/popup/btn_topbn_close.png') no-repeat center; text-indent:-9999%; overflow:hidden; }

	/* topbn_util *//* 191209 - 클래스명수정 */
	.topbn_util{width:100%; background:#444; }
	.topbn_util a{display:block; font-size:13px; color:#fff; }
	.topbn_util_wrap{position:relative; width:100%; height:30px; line-height:30px; max-width:960px; margin:0 auto; }
	.topbn_util .btn_Bookmark{position:absolute; left:0; top:0; }
	.topbn_util .btn_Bookmark a{padding-left:20px; background:url('/images/popup/ico_bookmark.png') no-repeat left center; }
	.topbn_util .fs_control{position:absolute; left:120px; top:0; }
	.topbn_util .fs_control p{float:left; font-size:13px; color:#fff; }
	.topbn_util .fs_control ul{float:left; margin-left:5px; }
	.topbn_util .fs_control li{float:left; }
	.topbn_util .fs_control li a{width:19px; height:19px; border:1px solid #ddd; margin:4px 2px; text-indent:-9999%; overflow:hidden; }
	.topbn_util .fs_control li a.plus{background:url('/images/popup/ico_fsPlus.png') no-repeat center; }
	.topbn_util .fs_control li a.minus{background:url('/images/popup/ico_fsMinus.png') no-repeat center; }
	.topbn_util .fs_control li a.stop{background:url('/images/popup/ico_fsStop.png') no-repeat center; }
	.topbn_util .topbn_toggle a{position:absolute; right:0; top:-2px; line-height:32px; padding:0 40px 0 20px; color:#fff; font-size:12px; background:#2d9490; }
	.topbn_util .topbn_toggle a::before{content:""; position:absolute; right:13px; top:0; width:13px; height:100%; background:url('/images/popup/arr_topbn.png') no-repeat center; transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
	.topbn_util .topbn_toggle a.open::before{transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); }

/* 상단팝업 color type *//* 191210 */
	/* colorTy01*/
	.topBn_wrap.colorTy01{background:#5376a0; border-color:#3a5779;}
	.topBn_wrap.colorTy01 .top_slider::before{background:#5376a0;}
	.topBn_wrap.colorTy01 .top_slider a .ico{background:#3a5779;}
	.topBn_wrap.colorTy01 .top_slider a .tit{color:#b7d7ff;}
	.topBn_wrap.colorTy01 .popclose{border-color:#4d6480;}
	.topBn_wrap.colorTy01 .top_slider a:hover .ico{background:#2665af;}
	.topBn_wrap.colorTy01 .top_slider a:hover .tit{color:#f7cf21;}
	.topbn_util.colorTy01{background:#365579;}
	.topbn_util.colorTy01 .topbn_toggle a{background:#5376a0;}

	/* colorTy02 */
	.topBn_wrap.colorTy02{background:#9c576d; border-color:#7d3a50;}
	.topBn_wrap.colorTy02 .top_slider::before{background:#9c576d;}
	.topBn_wrap.colorTy02 .top_slider a .ico{background:#7d3a50;}
	.topBn_wrap.colorTy02 .top_slider a .tit{color:#ffceb7;}
	.topBn_wrap.colorTy02 .popclose{border-color:#bb6c6c;}
	.topBn_wrap.colorTy02 .top_slider a:hover .ico{background:#710404;}
	.topBn_wrap.colorTy02 .top_slider a:hover .tit{color:#f7cf21;}
	.topbn_util.colorTy02{background:#5a3c3c;}
	.topbn_util.colorTy02 .topbn_toggle a{background:#9c576d;}
	
	/* colorTy03 *//* lightgreen */
	.topBn_wrap.colorTy03{background:#8cb722;border-color:#344a00;}
	.topBn_wrap.colorTy03 .top_slider::before{background:#8cb722;}
	.topBn_wrap.colorTy03 .top_slider a .ico{background:#557900;}
	.topBn_wrap.colorTy03 .top_slider a .tit{color:#ffceb7;}
	.topBn_wrap.colorTy03 .popclose{border-color:#344a00;}
	.topBn_wrap.colorTy03 .top_slider a:hover .ico{background:#476500;}
	.topBn_wrap.colorTy03 .top_slider a:hover .tit{color:#f7cf21;}
	.topbn_util.colorTy03{background:#344a00;}
	.topbn_util.colorTy03 .topbn_toggle a{background:#8cb722;}
	
     /* colorTy04 *//* gray */
	.topBn_wrap.colorTy04{background:#a9acbb;border-color:#565865;}
	.topBn_wrap.colorTy04 .top_slider::before{background:#a9acbb;}
	.topBn_wrap.colorTy04 .top_slider a .ico{background:#777a8e;}
	.topBn_wrap.colorTy04 .top_slider a .tit{color:#ffceb7;}
	.topBn_wrap.colorTy04 .popclose{border-color:#565865;}
	.topBn_wrap.colorTy04 .top_slider a:hover .ico{background:#6c6e7d;}
	.topBn_wrap.colorTy04 .top_slider a:hover .tit{color:#f7cf21;}
	.topbn_util.colorTy04{background:#565865;}
	.topbn_util.colorTy04 .topbn_toggle a{background:#a9acbb;}
	
	/* colorTy05 *//* yellow */
	.topBn_wrap.colorTy05{background:#f5c231;border-color:#bf6e09;}
	.topBn_wrap.colorTy05 .top_slider::before{background:#f5c231;}
	.topBn_wrap.colorTy05 .top_slider a .ico{background:#e49129;}
	.topBn_wrap.colorTy05 .top_slider a .tit{color:#ffceb7;}
	.topBn_wrap.colorTy05 .popclose{border-color:#bf6e09;}
	.topBn_wrap.colorTy05 .top_slider a:hover .ico{background:#d28017;}
	.topBn_wrap.colorTy05 .top_slider a:hover .tit{color:#f7cf21;}
	.topbn_util.colorTy05{background:#bf6e09;}
	.topbn_util.colorTy05 .topbn_toggle a{background:#f5c231;}
	
	 /* colorTy06 *//* purple */
	.topBn_wrap.colorTy06{background:#835ba2;border-color:#3d1e59;}
	.topBn_wrap.colorTy06 .top_slider::before{background:#835ba2;}
	.topBn_wrap.colorTy06 .top_slider a .ico{background:#613187;}
	.topBn_wrap.colorTy06 .top_slider a .tit{color:#ffceb7;}
	.topBn_wrap.colorTy06 .popclose{border-color:#3d1e59;}
	.topBn_wrap.colorTy06 .top_slider a:hover .ico{background:#4f276f;}
	.topBn_wrap.colorTy06 .top_slider a:hover .tit{color:#f7cf21;}
	.topbn_util.colorTy06{background:#3d1e59;}
	.topbn_util.colorTy06 .topbn_toggle a{background:#835ba2;}
	
	
	#tablet{position:relative;}
	#tabletHeader{position:absolute; top:0;}
	#tabletSearch #searchOpen{position:absolute;  top:13px;}
	#tabletGnb #menuOpen{position:absolute;top:13px;}
	#mSearch{top:-22px;}

	@media (max-width:1000px) {
	.topBn_wrap .top_slider a.btn_link{left:170px;}

	
}
@media (max-width:800px) {	
	/* 상단팝업 */
	.topBn_wrap{position:relative; width:100%; z-index:20;}/* 191210 */
	.topBn_wrap .topBn{margin:0 15px;}
	.topBn_wrap .top_slider{padding:15px 0;}
	.topBn_wrap .top_slider::before{display:none;}
	.topBn_wrap .top_slider li{padding-left:75px; border:0;}
	.topBn_wrap .top_slider a .tit{font-size:16px;}
	.topBn_wrap .top_slider a .ico{left:0;}
	.topBn_wrap .top_slider .slick-arrow{width:15px; height:30px; top:40px; background-size:cover;}
	.topBn_wrap .closeCheck,
	.topBn_wrap .top_slider .slick-dots,
	.topBn_wrap .control{display:none !important;}

	/* topbn_util *//* 191210 */
	.topbn_util{position:relative; width:100%; z-index:20;}
	.topbn_util .btn_Bookmark,
	.topbn_util .fs_control{display:none;}
	
	/* 2019.01.25 모바일일 경우에만 나타나는 상단팝업(존재할경우) */
	#topLayer_mobile{ display:block; padding:10px; }
	#topLayer_mobile .toppopup{ width:100% !important; }
	#topLayer_mobile .toppopup .pop_list_box{ width:100% !important; padding:0 !important; }
	#topLayer_mobile .bx-wrapper{ margin-bottom:0px !important; }
	#topLayer_mobile .bx-wrapper li{height:125px !important; padding:0 50px; overflow: hidden;box-sizing:border-box;}/* 190129 */
	#topLayer_mobile .bx-wrapper .bx-viewport{height: 100px !important;/* padding:0 50px !important; */} /* 190129 */
	#topLayer_mobile .bx-wrapper li span.date {display:inline-block; height:70px; overflow-y:auto;}/* 190129 추가 */
	#topLayer_mobile .bx-wrapper .bx-controls .bx-pager{ left:25% !important; }
	#topLayer_mobile .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{ top:70px !important; }
	#topLayer_mobile .bx-wrapper .bx-controls .bx-controls-direction .bx-next{ top:70px !important; width:18px !important; }
	#topLayer_mobile .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-start{ left:25% !important; }
	#topLayer_mobile .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop{ left:25% !important; }
	#topLayer_mobile .toppopup .pop_list_box li p.txt{font-size:19px; font-family:'NanumBold'; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer; font-weight:bold; line-height:1.4; margin-bottom:7px;}
	#topLayer_mobile .toppopup .pop_list_box li a{display:inline-block; width: 100px; text-align: center; margin: 0 auto; background: #4ba9ff; font-size: 13px; color: #fff; font-family: 'Nanum';}
	
	.toputil_mobile{ display:block; }
	.toputil_mobile{ position: relative; width: 100%; height: 24px; z-index: 20; background-color: #0059ab; border-top: 1px solid #194c7b; border-bottom: 1px solid #194c7b; overflow: hidden; }
	.toputil_mobile .top_mn .popup{ position: absolute; right: 0; top: 0; height: 24px; line-height: 27px; overflow: hidden; background: #0097f6; }
	.toputil_mobile .top_mn .popup a{ display: inline-block; font-size: 12px; color: #fff; width: 100px; background: #0097f6; padding: 0 10px; font-weight: bold; }
	.toputil_mobile .top_mn .popup a.popup_close span.ico{ background: url(/images/common/layerPopup/bg_top_pop_clo.png) no-repeat #4d607e; }
	.toputil_mobile .top_mn .popup a.popup_open span.ico{ background: url(/images/common/layerPopup/bg_top_pop_op.png) no-repeat right center #4d607e; }
	.toputil_mobile .top_mn .popup a span.ico {position:absolute;right: 10px;top:7px;width:14px;height:14px;}
}