@charset "UTF-8";

._fnctWrap {
	line-height: 2;
}

/*search box*/
.srchBox {
	position: relative;
	color: #646464;
	border: 1px solid #ebebeb;
	background-color: #ebebeb;
	transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
	box-sizing: border-box;
	z-index: 8;
	text-align: center;
	margin-bottom: 50px;
}

.search-box{display: block; width: 640px; margin: 0 auto; padding: 30px 0;}
.search-box::after{content:""; display: table; clear: both;}
.search-box > p{font-size: 18px; color: #666666; padding-left: 43px; background: url(../images/search_logo.png) no-repeat left center; font-weight: 500; float: left;}
.search-main-box{float: right; width: calc(100% - 135px);}
.search-main-box::after{content:""; display: table; clear: both;}
.search-main-box #srchColumn{font-size: 14px; color: #646464; border :0; background: #fff url(../images/search_arrow.png) no-repeat right 20px center; font-weight: 400; width: 160px; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-family: 'Dream',sans-serif; font-weight: 400; border-radius: 25px; position: relative; padding: 0 20px; height: 40px; line-height: 40px; float: left;}
.search-main-textarea{float: right; position: relative; width: calc(100% - 175px);}
.search-main-textarea #srchWrd{width: 100%; border: 0; line-height: 40px; padding: 0 20px; border-radius: 25px; display: block; height: 40px;}
.search-main-textarea input[type="button"]{position: absolute; right: 20px; top: 50%; margin-top: -9.5px; width: 19px; height: 19px; display: block; background: url(../images/search_btn.png); text-indent: -9999px; cursor: pointer;}
.phone-popup-work #updtWork{border: 1px solid #dfdfdf; padding: 20px; font-family : "Dream"; font-weight: 300; color: #7f7f7f; height: 200px; display: block;}
.phone-popup-content .btn{margin-top: 40px;}
.popup-open-wrap{opacity: 0; visibility: hidden; transition: opacity .5s; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 10000;}
.popup-open-wrap.on{opacity: 1; visibility: visible;}
.popup-open-inner{max-width: 1000px; margin: 0 auto; height: 100%; padding: 0 20px;}
.popup-open-inner .layerInqire{position: relative; top: 50%; transform: translate(0, -50%);}

.srchBox:focus,
.srchBox._on {
	border: 1px solid #58585a;
	background-color: #fff;
	border-radius: 25px 25px 0 0;
	border-bottom: 1px solid transparent;
	z-index: 3;
}
.srchBox .srcName {
	position: relative;
	width: 100%; height: 39px; line-height: 39px; text-align: left;
	padding: 0 0 0 20px; box-sizing: border-box;
}
.srchBox .srcName:after,
.srchBox-sel:after {
	content: '';
	width: 11px; height: 7px;
	position: absolute; right: 15px; top: 18px;
	background: url('../images/board_icon.png') -62px 0px no-repeat;
	transition: all 0.2s ease;
	z-index: 2;
}
.srchBox._on .srcName:after,
.srchBox-sel._on:after {
	transform: rotate(180deg);
}
.srchBox .src_list {
	display: none;
	width: calc(100% + 2px);
	position: absolute; top: 100%; left: -1px;
	padding: 0 0 15px 20px; box-sizing: border-box;
	border: 1px solid #ebebeb;
	border-top: 0;
	background-color: #ebebeb;
	border-radius: 0 0 25px 25px;
}
.srchBox .src_list > li {
	margin: 5px 0;
}

.srchBox_01{margin-right:50px}
.srchBox_02{width:40px !important}


/* 추가작업 */
.notice-txt-bx {padding: 5px; background: url("../images/alert_bg.png"); margin-top: 20px;}
.notice-txt-bx .notice-bx-inner {background: #FAFAFA; padding: 20px 25px;}
.notice-txt-bx .notice-bx-inner ul li {font-size: 13px; line-height: 30px; color: #a90057; font-weight: 300; padding-left: 25px; background: url("../images/ic_alert.png") no-repeat left 5px;}

/* 추가작업 */
.notice-txt-bx {padding: 5px; background: url("../images/alert_bg.png"); margin-top: 20px;}
.notice-txt-bx .notice-bx-inner {background: #FAFAFA; padding: 20px 25px;}
.notice-txt-bx .notice-bx-inner ul li {font-size: 13px; line-height: 30px; color: #a90057; font-weight: 300; padding-left: 25px; background: url("../images/ic_alert.png") no-repeat left 5px;}

.noticepd-bx::after {content: ""; display: block; clear: both;}
.noticepd-bx .date-bx {float: left; margin-top: 2px;}
.noticepd-bx .date-bx input {margin-left: 10px;}
.noticepd-bx .setting-bx {float: left; margin-top: 0px; margin-left: 10px;}
.noticepd-bx .setting-bx li {margin-bottom: 0;}

.addfile-bx {border-top: 1px solid #7C7C7C;}
.addfile-bx .artclForm:last-child {border-top: 1px solid #dadada;}
.addfile-bx .fileInputWrap {float: left; width: calc(100% - 335px);}
.addfile-bx .fileInputWrap input {width: 100%;}
._articleAlbum .artclItem .addfile-bx .fileBtnsWrap {padding-top: 0; float: left; width: 335px; padding-left: 15px;}

.attachfile-bx .attachfile-bx-inner {float: left; width: calc(100% - 335px);}


.board-top-bx {border-bottom: 1px solid #DADADA;}

.phone-popup-wrap{background: #fff url(../images/search_background_2.png) no-repeat right bottom;}
.phone-popup-header::after{content:""; display: table; clear: both;}
.phone-popup-header{background: url(../images/search_background.png); padding: 14px 20px 14px 30px;}
.phone-popup-header h1{font-weight: 500; font-size: 26px; color: white; float: left;}
.phone-popup-header p{float: right; color: white; font-size: 13px; padding-left: 30px; background: url(../images/search_info.png) no-repeat left center; margin-top: 15px;}
.phone-popup-content{padding: 30px 55px 40px 30px;}
.phone-popup-info ul::after{content:""; display: table; clear: both;}
.phone-popup-info li{width: 25%; float: left;}
.phone-popup-info li div{position: relative; padding-left: 20px;}
.phone-popup-info li div::before{content:""; display: block; position: absolute; left: 0; top: 50%; margin-top: -3.5px; width: 8px; height: 7px; background: url(../images/sub_history_arrow.png) no-repeat left center;}
.phone-popup-work{margin-top: 40px;}
.btn input[type="button"]{cursor: pointer;}

/* custom */
._paging {margin-top: 20px;}
._paging ._inner a, ._paging ._inner strong {width: 35px; height: 35px; background-color: white;}
._paging ._inner ul {margin: 0 15px;}
._paging ._inner ul li strong {font-size: 16px; color: #fff; background: #777777; line-height: 33px; border-color: #777;}
._paging ._inner ul li a {font-size: 16px; border: 0; color: #666; line-height: 35px;}
._paging ._inner a._first {background: url("../images/btn_first.jpg") no-repeat center;}
._paging ._inner a._last {background: url("../images/btn_last.jpg") no-repeat center;}
._paging ._inner a._listPrev{background: url("../images/btn_prev.jpg") no-repeat center; background-position: 0 0; border: 0; text-indent: -9999px;}
._paging ._inner a._listNext{background: url("../images/btn_next.jpg") no-repeat center; background-position: 0 0; border: 0; text-indent: -9999px;}
._paging ._inner a._prev {
  background-image: url("/Web-home/_UI/images/common/arrow-page.png");
  background-position: 0 -70px;
  border: 0;
}

._paging ._inner a._next {
  background-image: url("/Web-home/_UI/images/common/arrow-page.png");
  background-position: 0 -105px;
  border: 0;
}


@media all and (max-width: 460px){
	.srchBox {float: none;}
}


@media all and (max-width: 768px) {
	._paging{margin-top: 0px; margin-bottom: 50px;}
	._paging ._inner{height: auto;}
	._paging ._inner::after{content:""; display: table; clear: both;}
	._paging ._inner ul{height: auto; margin: 0; width: 100%; padding: 0 75px; text-align: center;}
	._paging ._inner li{float: none; display: inline-block; width: 19%; max-width: 35px;}
	._paging ._inner ul li strong, ._paging ._inner ul li a{width: 100%;}
	._articleTable .artclTable colgroup col._artclCategory, ._articleTable .artclTable colgroup col._artclColWriter {width: 25%;}
	._paging ._inner ul{display: none;}
	._paging ._inner ._pageState{display: block; float: left; margin: 0 15px;}
	._paging ._inner ._pageState span{display: inline-block; line-height: 35px;}
	._paging ._inner ._pageState ._curPage{position: relative; padding-right: 5px; color: #a90056;}
	._paging ._inner ._pageState ._curPage::after{content:"/"; margin-left: 5px; color: #333333;}
	._paging ._inner a._first{display: block;}
	._paging ._inner a._prev{display: block;}
	._paging ._inner a._listPrev{}
	._paging ._inner a._listNext{}
	._paging ._inner a._next{display: block; }
	._paging ._inner a._last{display: block;}
	._paging ._inner ._pageState{}
}

@media all and (max-width: 768px) {
	.search-box{width: 100%; padding: 30px 20px;}
	.search-box > p{float: none; display: inline-block;}
	.search-main-box{width: 100%; float: none; margin-top: 20px;}
	.phone-popup-info li{width: 50%; margin-bottom: 10px;}

}

@media all and (max-width: 600px) {
	.search-main-box #srchColumn{width: 100%; float: none;}
	.search-main-textarea{float: none; width: 100%; margin-top: 10px;}
	.phone-popup-content{padding: 30px 20px;}
}

@media all and (max-width: 460px) {
	.phone-popup-info li{width: 100%; float: none;}
	.phone-popup-header h1{float: none;}
	.phone-popup-header p{float: none; margin-top: 5px;}
}