@charset "utf-8";

/* 팝업기본레이아웃 */
body.popup01{ margin:0; padding:0; }
#autologOut{ z-index:9999 !important;}
.popup_Bg{ position:fixed; top:0; left:0;  padding:0; margin:0; z-index:998; width:100%; height:100%; box-sizing:border-box; }
.popup_Bg{  background:#000;   opacity: 0.65; }
.popup_Bg.off{ display:none; }

.popup_Area{ position:fixed; top:0; left:0;  margin:0; z-index:999; width:100%; box-sizing:border-box; display:block; }
.popup_Area.off{ display:none; }
.popup_Area.on{ display:block; }
.popup_wrap{ position:relative; padding:0; background:#fff; box-sizing:border-box; /*border:1px solid #000;*/ box-shadow:2px 2px 10px #232323;}
.popup_Area .popup_wrap{margin:0 auto 0 auto; cursor:move;}/*레이어팝업에 적용됨*/
.popup_wrap .btnArea {text-align: center;}
.popup_wrap .tblscroll {width: 100%;}

.pop_content{ margin:0 auto; padding:20px; box-sizing:border-box; max-height:650px; overflow-y:auto; word-break: keep-all;}
.pop_content select {height: 35px;}
.pop_header{ position:relative; border-bottom:1px solid #e9eaec; background-color:#343434; padding: 16px 0; overflow:hidden; z-index:30; line-height:130%;  }
.pop_header h1{color:#fff; padding:0px 50px 0px 18px; display:block; font-weight:600; letter-spacing:-1px; font-size: 18px;}
.pop_header h1 span.mail_tit{ position:relative; top:-10px; font-size:14px;   font-weight:500; }
/*25.02.12 웹접근성 반영 수정*/
.pop_header h3{color:#fff; font-size:17px; padding:0px 50px 0px 18px; display:block; letter-spacing:0px; }
.pop_header strong{color:#fff; font-size:17px; padding:0px 50px 0px 18px; display:block; letter-spacing:0px; }
.pop_header .btn_close{  position:absolute; top:10px; right:10px; display:block; width:30px; height:30px; background:url(../../images/comm/icon/layer_close.png) no-repeat center center; cursor:pointer; text-indent: -9999px; }

.pop_footer{ position:relative; top:100%; ; z-index:999; text-align:center; min-height:50px; background:#F7F8F9; }
.pop_footer .ft_inct{border-top:1px solid #e9eaec; bottom:0px; height:50px; left:0; right:0;   font-size:12px; padding-top:15px; background:#F7F8F9; padding-left:20px; padding-right:20px; }
.pop_footer .ft_inct .btnset{ display:block; }
.pop_footer .ft_inct input {vertical-align:middle; margin-right:5px; margin-left:5px; }

/*25.02.12 웹접근성 반영 수정*/
.popuptype1:focus,
.popuptype1:focus-visible {outline:transparent !important; box-shadow:2px 2px 10px #232323 !important;}


/*버튼:공통*/

.pop_footer .ctrl_btn {bottom:0;  left:0;  right:0;line-height:21px;overflow:hidden;color:#000;  background:#fff; }
.pop_footer .ctrl_btn .btn, .pop_footer .ctrl_btn .btn span {position:relative; display:inline-block; margin:0 5px 0 0; border:0 none; text-decoration:none !important; vertical-align:top; white-space:nowrap; overflow:visible;padding:0px;}
.pop_footer .ctrl_btn .btn	{cursor:pointer; vertical-align:middle;  }
.pop_footer .ctrl_btn  span.btn, span.btn	span	{color:#999;  }

/*버튼:흰색*/
.pop_footer .ctrl_btn  .btn_white	{background:url(../images/mng/bg_button.png) no-repeat; color:#626262;  }
.pop_footer .ctrl_btn  .btn_white span {  left:9px; height:26px; padding:0 15px 0 3px; background:url(../images/mng/bg_button.png) no-repeat right top; letter-spacing:-1px; line-height:24px; color:#626262;  }



/*팝업 테이블*/
.pop_content table {width: 100%; border-top: 1px solid #e1e1e1; text-align: left;}
.pop_content table th, .pop_content table td {border:1px solid #e1e1e1; word-break: keep-all;}
.pop_content table th {background: #f2f3f6; text-align: center; padding: 12px 0; border:1px solid #e1e1e1;}
.pop_content table td {letter-spacing: -0.04em; padding: 20px;}

/* 팀별 담당업무 폼*/
.popuptype1 {width: 800px;}
.popuptype1 .subtit {overflow: hidden; margin-bottom: 15px;}
.popuptype1 .btnArea {margin: 0 0 20px; width: 100%; text-align: right;}
.popuptype1 table td ul {line-height: 140%;}
.popuptype1 .pop_content {max-height: 380px;}

/* 비밀번호 생성규칙*/
.popuptype2 {width: 600px;}
.popuptype2 table td {padding: 15px; line-height: 20px; font-size: 13px; letter-spacing: -0.04em; word-break: keep-all;}

/* 나의스크랩 카테고리관리*/
.popuptype3 {text-align: left; width: 500px;}
.popuptype3 .pop_content {text-align: left !important}
.popuptype3 li, .popuptype3 .newcate {border-bottom: 1px solid #e1e1e1; overflow: hidden; padding: 5px 0;}
.popuptype3 li div {float: left;}
.popuptype3 li div.catebtn, .popuptype3 .newcate div.catebtn {float: right;}
.popuptype3 li div.catebtn button, .popuptype3 .newcate div.catebtn button {color: #ffffff; background: #1b1b1b; padding: 4px 5px; font-size: 13px; margin-left: 4px;}
.popuptype3 li div.catebtn button:first-child, .popuptype3 .newcate div.catebtn button:first-child {margin-left: 0;}
.popuptype3 .newcate input {width: calc(100% - 80px);}
.popuptype3 .newcate div.catebtn {padding: 5px 0;}
.popuptype3 .addcate {text-align: center; margin-top: 10px;}
.popuptype3 .addcate .btn {padding: 10px 0; width: 100px;}

/* 저작권 이의제기 */
.popuptbl {width: 800px;}
.popuptbl .pop_content .horizontbl {display: table; width: 100%; word-break: keep-all;}
.popuptbl .pop_content .horizontbl .htbl_th {text-align: left; width: 15%;}
.popuptbl .pop_content .horizontbl .htbl_td {width: 85%}
.popuptbl .pop_content .horizontbl .htbl_td input {width: 99%;}
.popuptbl .pop_content .horizontbl .htbl_td textarea {width: 99%;}

/* 연간캘린더 팝업*/
.popupcaly {width: 700px;}
.popupcaly .pop_content {letter-spacing: -0.04em;}
.popupcaly .pcaly_date {padding: 0 20px 20px; line-height: 25px;}
.popupcaly .pcaly_date li {color: #121212;}
.popupcaly .pcaly_detail {padding: 30px; line-height: 25px;}


/* 팝업 메세지*/
.popupmsg {width: 300px;}
.popupmsg .formw > * {width: 100%; margin: 5px 0;}

/* 메인페이지 팝업*/
#popup_main .pop_header {min-height: 51px; box-sizing: border-box;}

@media only all  and (max-width:1024px) {
	.popup_wrap  {width: 90%;}

	.pop_content img {max-width: 100%; max-height: 100%;}
}

/*======== mobile ========*/
@media all and (max-width:599px){
	.popup_wrap select {width: 100%; margin: 5px 0;}

	/*묻고답하기 등록수정 - 팀별담당업무*/
	.popuptype1 table {width: 700px;}
	/*마이페이지 - 비밀번호변경*/
	.popuptype2 table {width: 600px;}
	/*저작권 이의제기*/
	.popuptbl .pop_content .horizontbl .htbl_th, .popuptbl .pop_content .horizontbl .htbl_td {font-size: 13px;}
}

/* ================================
검색
================================ */
.search_area_inner {position: relative; width: 430px; display: inline-block; vertical-align: middle;}
.serch_window {display: inline-block; width: calc(100% - 50px); height:45px; border: 2px solid #1b1b1b; background: #fff; position: relative; float: left; box-sizing: border-box; }
.serch_window .input_text {/* margin-top: 9px; */ width: 100%; /* height: 23px; */ height: 100%; border: 0; background: transparent; color: #000; font-size: 15px; line-height: 100%; position: absolute; left: 0; box-sizing: border-box;}
.search_btn {position: absolute; top: 0; right: 0; width: 50px; height: 45px; background: #1b1b1b;}
.search_area .btn_srch {text-indent: -9999px; cursor: pointer; background: url('../../images/comm/icon/ic_hsearch.png') no-repeat center; width: 23px; height: 23px; display: inline-block;}

.serch_rela {position: relative; overflow: hidden; padding: 10px 0 20px; border-bottom: 1px solid #d4d4d4;}
.serch_rela > span {float: left; color: #000; font-weight: 600; line-height: 100%; width: 95px; padding-top: 11px;}
.serch_rela > ul {float: left; width: calc(100% - 95px);}
.serch_rela > ul > li {float: left; padding: 11px 8px 1px 0; margin-right: 8px; line-height: 100%; position: relative; letter-spacing: -0.02em;}
.serch_rela > ul > li:after {content: ''; display: inline-block; background: url('../images/comm/icon/bar.gif') no-repeat left center; width: 1px; height: 10px; position: absolute; right: 0; top: 14px;}
.serch_rela > ul > li:last-child {margin-right: 0;}
.serch_rela > ul > li:last-child:after { content: none;}
.serch_rela a:hover {text-decoration: underline;}

@media only all and (max-width:599px) {
	.search_area_inner {width: 100%;}
	.re_search {margin-top: 10px;}

	.serch_rela {padding-top: 20px;}
	.serch_rela > span {float: none;}
	.serch_rela > ul {float: none; margin-top: 8px; width: 100%;}
}


/* ================================
통합검색 레이어 팝업
================================ */
#popup_serch .popup_wrap {max-width: 750px; padding: 50px;}
#popup_serch .pop_header {background-color: #fff; border-bottom: 0; position: static;}
#popup_serch .pop_header strong {color: #121212; font-size: 35px; font-weight: normal; font-family: 'NotoSans-Medium'; text-align: center; letter-spacing: -2px; padding: 0;}
#popup_serch .pop_footer {background: none; position: absolute; top: 25px; right: 25px;}
#popup_serch .pop_footer .btn_close {background: url(../images/comm/icon/layer_close02.png) no-repeat center center; display: inline-block; width: 30px; height: 30px; text-indent: -9999px;}

#popup_serch .pop_content.search_area {background: #fff; padding: 25px 0 0;}
#popup_serch .search_area_inner {width: 500px;}
#popup_serch .serch_rela {border-bottom: 0; text-align: left; width: 500px; margin: 0 auto; padding: 13px 0 0;}
#popup_serch .serch_window {height: 57px; border-width: 3px; width: calc(100% - 56px);}
#popup_serch .search_btn {right: 2px; width: 56px; height: 57px; outline-offset: 2px;}
#popup_serch .search_area .btn_srch {background: url('../images/comm/icon/ic_hsearch02.png') no-repeat center; width: 29px; height: 29px;}
/* #popup_serch .serch_window .input_text {margin-top: 11px; height: 28px;} */

@media only all and (max-width:700px) {
	#popup_serch .search_area_inner {width: 100%;}
	#popup_serch .serch_rela {width: 100%;}
	#popup_serch .pop_header strong {font-size: 28px;}
	#popup_serch .pop_content.search_area {padding: 15px 0 0;}
	#popup_serch .serch_rela {padding-top: 20px;}
}

@media only all and (max-width:500px) {
	#popup_serch .pop_header strong {font-size: 23px;}
	#popup_serch .pop_header .btn_close {width: 20px; height:20px;}
	#popup_serch .popup_wrap {padding: 50px 20px 35px;}
}

/* ================================
안내문구 박스
================================ */
.pop_infoBox {padding: 30px; font-size: 14px; line-height: 23px;}
.pop_infoBox strong {font-size: 15px; color: #383838; display: block; letter-spacing: -2px;}

/* ================================
footer 영역 닫기 버튼
================================ */
.pop_footer2{ position:absolute; top:10px; right: 10px; z-index:999;}
.pop_footer2 > span > .btn_close {  display:block; width:30px; height:30px; background:url(../../images/comm/icon/layer_close.png) no-repeat center center; cursor:pointer; text-indent: -9999px; }