@charset "utf-8";

/* ================================
헤더
================================ */
.animate {width:150px; height:100%; position:absolute; left:-180px; top:0;  z-index:5;
background:#1b1b1b; opacity:0.7;}


/* ================================
태블릿 && 모바일 공용
================================ */
@media only all and (max-width:1024px) {
	.mhide {
		display:none
	}
}

/* ================================
검색
================================ */
.search {overflow: hidden; position: relative;}
.search .keyword, .search .total_num {color: #f5194f; letter-spacing: -0.04em;}
.search .ic_black {display: inline-block; padding: 3px 10px 4px; background: #fff; border: 1px solid #000; color: #121212; font-size: 12px; margin-right: 7px; vertical-align: middle;}
.search .ic_ing {display: inline-block; padding: 3px 10px 4px; background: #ff1851; border: 1px solid #ff1850; color: #fff; font-size: 12px; margin-right: 7px; vertical-align: middle;}
.search .ic_plan {display: inline-block; padding: 3px 10px 4px; background: #0085b7; border: 1px solid #0085b6; color: #fff; font-size: 12px; margin-right: 7px; vertical-align: middle;}
.search .ic_fin {display: inline-block; padding: 3px 10px 4px; background: #2f2f2f; border: 1px solid #2f2f2e; color: #fff; font-size: 12px; margin-right: 7px; vertical-align: middle;}
.search .ic_q {display: inline-block; padding: 3px 10px 4px; background: url('../images/comm/icon/ic_Q.png') no-repeat left center; margin-right: 7px; text-indent: -9999px; vertical-align: middle; float: left;}
.search_area {background: #f7f7f9; padding: 29px 0; text-align: center;}
.search_area .title {display: inline-block; color: #1b1b1b; font-size: 20px; font-weight: 600; margin-right: 15px; vertical-align: middle; letter-spacing: -0.1em;}
.search_area .re_search {display: inline-block; font-size: 13px;}
.autocomplete {border: 1px solid #a7a7a7; position: absolute; top: 45px; width: 100%; box-sizing: border-box; z-index: 10; text-align: left;}
.autoFrame ul {background: #fff; padding: 16px 0; margin-top: -1px;}
.autoFrame ul li {padding: 0 16px; line-height: 29px;}
.autoFrame ul li a {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; width: 100%;}
.autoFrame ul li:hover {background: #f4f4f4;}
.autoBtn {position: relative; overflow: hidden; border-top: 1px solid #ddd; padding: 10px 16px; background: #F7F7F9; color: #000; font-size: 12px;}
.re_search #rt1 {width: 17px; height: 17px; margin: 0 5px 0 10px;}



.serch_result {float: left; width: 75%; padding-right: 4%; margin-top: 30px; word-break: keep-all; border-right: 1px solid #e1e1e1; box-sizing: border-box;}
.serch_result a:hover {text-decoration: underline;}
.serch_result h3 {font-weight: 600; color: #121212; letter-spacing: -0.04em; font-size: 17px; margin-bottom: 20px;}
.serch_result .title  {color: #121212; position: relative; overflow: hidden; font-size: 15px; margin-bottom: 11px;}
.serch_result .title a {display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; max-width: 65%;}
.serch_result .date  {color: #888; font-size: 14px; padding-left: 10px; letter-spacing: -1px; vertical-align: middle;}
.serch_result .tel  {color: #888; font-size: 14px; letter-spacing: -1px;}
.serch_result > div {position: relative; overflow: hidden; padding: 30px 0 55px; border-top: 1px solid #d4d4d4;}
.serch_result > div:first-child {border-top: 0; padding-top: 0;}

.serch_res_con {border-top: 2px solid #000;}
.serch_res_con > ul > li {margin-top: 30px;padding: 25px 0 5px 0;border-top: 1px solid #e1e1e1;}
.serch_res_con > ul > li:first-child {margin-top: 0;border-top: 0;}
.serch_res_con > ul > li.nolist {text-align: center; padding: 20px 0;} 



/* 콘텐츠 타입01 - 썸네일형 */
.serch_res_con .list_type01 .thumb01 {display: table-cell; vertical-align: top; width: 210px; height: 150px;}
.serch_res_con .list_type01 .thumb01 .thumb {position: relative; background-position: center center; background-repeat: no-repeat; width: 210px; height: 150px; background-size: cover;}
.serch_res_con .list_type01 .conts {display: table-cell; padding-left: 25px; box-sizing: border-box;}

.serch_res_con .pageNavi {margin: 18px 0 0; float: none; color: #999; position: relative; overflow: hidden; display: block !important;}
.serch_res_con .pageNavi ul li {margin-left: 6px; padding-left: 10px; letter-spacing: -0.04em; line-height: 23px; height: auto; font-size: 13px;}
.serch_res_con .pageNavi ul li:first-child {margin-left: 0; padding-left: 0;}
.serch_res_data {line-height: 21px;}
.serch_result .more {color: #121212; font-weight: 500; display: inline-block; margin-top: 25px;}
.serch_result .more span {background: url('../images/comm/icon/ic_more.png') no-repeat right center; padding-right: 12px;}

.serch_res_con.type02 > ul {overflow: hidden; position: relative;}
.serch_res_con.type02 > ul > li {float: left; width: 48.5%; margin-top: 0; margin-right: 3%}
.serch_res_con.type02 > ul > li:nth-child(2n) {margin-bottom: 30px; margin-right: 0;}
.serch_res_con.type02 > ul > li:last-child {margin-bottom: 0;}
.serch_res_con.list_img > ul > li > div {float:left; box-sizing: border-box;}
.serch_res_con.list_img > ul > li .thumbs {width: 150px; border: 1px solid #e1e1e1;}
.serch_res_con.list_img > ul > li .thumbs img {max-width: 100%; max-height: 100%; vertical-align: middle; padding: 10px; box-sizing: border-box;}
.serch_res_con.list_img > ul > li .thumbs img[src*='no_Image'] {padding: 0; max-width: none; max-height: none; width: 100%; height: 100%;}
.serch_res_con.list_img > ul > li .listtxt {padding: 4px 22px; width: calc(100% - 150px);}
.serch_res_con.list_img > ul > li .listtxt .info {height: 56px; overflow: hidden; word-break: keep-all; word-wrap: break-word; margin-top: 5px;}

.serch_result .pageNavi02.title {line-height: 22px; word-break: break-word;}
.serch_result .pageNavi02 ul > li {display: inline; position: relative;}
.serch_result .pageNavi02 ul > li:after {content: ''; display: inline-block;; background: url('../images/comm/icon/steparr02.png') no-repeat right center; width: 6px; height: 10px; position: relative; right: 0; top: -1px; margin-left: 5px;}
.serch_result .pageNavi02 ul > li:last-child:after {content: none;}
.serch_result .pageNavi02 ul > li > a {max-width: 100%;}

.addfileArea {border: 1px solid #e1e1e1; margin-top: 20px;}
.addfileArea ul li {position: relative;}

.side_area {float: left; width: 25%; margin-top: 30px; padding-left: 3%; box-sizing: border-box; border-left: 1px solid #e1e1e1; margin-left: -1px;}
.side_area .title {display: inline-block; color: #121212; font-size: 15px; margin-bottom: 8px; font-weight: bold;}
.side_area .tit {display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 77%;}
.hotkeyword_area {padding-bottom: 25px;}
.hotkeyword li {margin: 5px 0;}
.hotkeyword li .num {display: block; float: left; margin-right: 9px;color: #888; font-size: 13px; text-align: center; font-family: tahoma,sans-serif; letter-spacing: 0;}
.hotkeyword .rank_up {float: right; margin-right: 2px; font-size: 11px; letter-spacing: -1px; background: url('../images/comm/icon/ic_up.png') no-repeat left center; padding-left: 10px; color: #f5194f; min-width: 26px; text-align: right; box-sizing: border-box;}
.hotkeyword .rank_down {float: right; margin-right: 2px; font-size: 11px; letter-spacing: -1px; background: url('../images/comm/icon/ic_down.png') no-repeat left center; padding-left: 10px; color: #888; min-width: 26px; text-align: right; box-sizing: border-box;}
.hotkeyword .rank_new {float: right; margin-right: 2px; font-size: 10px; letter-spacing: 0px; padding-left: 10px; color: #f5194f; font-weight: bold;}
.hotkeyword .rank_eq {float: right; margin-right: 2px; font-size: 15px; letter-spacing: 0px; padding-left: 10px; color: #888; font-weight: bold;}
.hotkeyword li a:hover {text-decoration: underline; color: #121212;}

.mykeyword_area {padding-top: 30px; border-top: 1px solid #d4d4d4;}
.mykeyword li {margin: 5px 0;}
.mykeyword_area .btn_del {float: right; margin-right: 2px; font-size: 11px; text-indent: -9999px; letter-spacing: -1px; background: url('../images/comm/icon/btn_del02.png') no-repeat left center; color: #888; width: 8px;}

/* .serch_result > div:last-child .no_serch {border-bottom: 1px solid #d4d4d4;} */
.no_serch {padding: 30px 80px 50px;}
.no_serch .serch_msg {font-size: 18px;}
.no_serch ul {line-height: 23px; margin-top: 15px; color: #888;}

@media only all and (max-width:1024px) {
	.search_area .title {display: none;}

	.tab_m_title {margin-top: 15px;}

	.serch_result {width: 100%; border-right: 0; padding-right: 0;}
	.side_area {width: 100%; border-left: 0; padding-top: 30px; border-top: 1px solid #e1e1e1;}

	.serch_result .pageNavi02 ul > li {font-size: 13px;}
}

@media only all and (max-width:599px) {
	.search_area {padding: 29px 20px; text-align: right;}
	.re_search #rt1 {margin: 0 5px 0 0;}

	.serch_result .tit {width: 100%; display: block;}
	.search .ic_black, .search .ic_ing {margin-bottom: 7px;}

	.serch_res_con.type02 > ul > li {width: 100%; margin-top: 20px; margin-right: 0;}
	.serch_res_con.type02 > ul > li:nth-child(2n) {margin-bottom: 0;}
	.serch_res_con.type02 > ul > li:first-child {margin-top: 0;}
	.serch_res_con.list_img > ul > li .thumbs {margin: 0 auto; float: none;}
	.serch_res_con.list_img > ul > li .listtxt {width: 100%; margin-top: 15px; padding: 4px 0;}
	.autocomplete {width: calc(100% + 4px); }

	.no_serch {padding: 5px 30px 40px;}
}



		.ci_arteLibrary {
			display: inline-block;
			text-indent: -9999px; 
			background: url('../images/sub/ci_arteLibrary.png') no-repeat ;
			background-position: center ; 
			width:140px;
			background-size: 100px;
		}
 
			.s_sec_cont {border-top: 2px solid #000; border-bottom: 1px solid #ccc; box-sizing: border-box;}
			.s_sec_cont > ul > li {padding: 25px 0; border-top: 1px solid #e1e1e1; word-break: keep-all;}
			.s_sec_cont > ul > li:first-child {border-top: 0;}
			.s_sec_cont > ul > li.nolist {text-align: center; padding: 20px 0;}

			.s_sec_cont .tit_box {margin-bottom: 8px; position: relative;}
			.s_sec_cont .tit_box .tit {color: #121212; position: relative; overflow: hidden; font-size: 15px; display: inline-block;  white-space: nowrap;;}
			.s_sec_cont .tit_box .tit a:hover, .s_sec_cont .tit_box .tit a:focus {text-decoration: underline; text-underline-position: under; -ms-text-underline-position: under;}
			.s_sec_cont .tit_box .tit b, .s_sec_cont .tit_box .tit font {color: #0078d7;  font-weight: inherit;}
			.s_sec_cont .dsc_box .txt b, .s_sec_cont .dsc_box .txt font {color: #0078d7;  font-weight: inherit;}

			.s_sec_cont .txt_box {line-height: 160%; font-size: 13px; font-weight: 300; letter-spacing: 0; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; max-height: 50px;}

			.s_sec_cont .file_area {border-bottom: 1px solid #dedede; margin: 15px 0;}

			.s_sec_cont .location_box ul {position: relative; overflow: hidden;}
			.s_sec_cont .location_box ul li {float: left; font-weight: 300; font-size: 13px;}
			.s_sec_cont .location_box ul li.home {text-indent: -9999px; background: url('../images/sub/icon_home2.png') no-repeat center; width: 15px; opacity: 0.5;}
			.s_sec_cont .location_box ul li:before {content: ''; background: url('../images/sub/ic_location_arrow.gif') no-repeat; display: inline-block; width: 5px; height: 8px; margin: 0 4px 0 6px; opacity: 0.7;}
			.s_sec_cont .location_box ul li:first-child:before {content: none;}

			.s_sec_cont .dsc_box li {font-size: 14px; letter-spacing: -0.02em; position: relative; margin-right: 6px; display: inline-block; color:#121212; padding-right: 10px;}
			.s_sec_cont .dsc_box li > span {color:#666; margin-right: 5px; display: inline-block;}
			.s_sec_cont .dsc_box li > span.txtblue {font-weight: 500;}
			.s_sec_cont .dsc_box li:after {content: ''; background: url('../images/common/bar.gif') no-repeat right 4px; width: 1px; height: 100%; position: absolute; right: 0; top: 0;}
			.s_sec_cont .dsc_box li:last-child:after {content: none;}
			.s_sec_cont .dsc_box li:last-child {}

			.s_sec_cont .dsc_box .tit {font-size: 14px; letter-spacing: -0.02em; color:#666; margin-right: 5px;}
			.s_sec_cont .dsc_box .txt {font-size: 14px; letter-spacing: -0.02em; color:#121212;}
			.s_sec_cont .dsc_box .bar {display: inline-block; overflow: hidden; width: 0; height: 12px; margin: -1px 7px 1px 9px; border-left: 1px solid #ccc; vertical-align: middle;}

			/* 콘텐츠 타입01 - 썸네일형 */
			.s_sec_cont .list_type01 .thumb01 {display: table-cell; vertical-align: top; width: 210px; height: 150px;}
			.s_sec_cont .list_type01 .thumb01 .thumb {position: relative; background-position: center center; background-repeat: no-repeat; width: 210px; height: 150px; background-size: cover;}
			.s_sec_cont .list_type01 .conts {display: table-cell; padding-left: 25px; box-sizing: border-box;}

			/* 아르떼 라이브러리 */
/* 			.search_sec.type01 .s_sec_cont .tit_box .date  {color: #888; font-size: 13px; font-weight: 300; letter-spacing: 0; position: relative; vertical-align: 2px;} */
/* 			.search_sec.type01 .s_sec_cont .tit_box .date:before {content: ''; background: url('../images/common/bar.gif') repeat; width: 1px; height: 16px; display: inline-block;  margin: 2px 7px -3px 7px;} */

			/* 아르떼 365 */
/* 			.search_sec.type02 .s_sec_cont .dsc_box {margin-bottom: 5px;} */
/* 			.search_sec.type02 .s_sec_cont .dsc_box .cate {font-weight: 500; font-size: 16px;} */
/* 			.search_sec.type02 .s_sec_cont .dsc_box .date  {color: #888; font-size: 13px; font-weight: 300; letter-spacing: 0; position: relative; vertical-align: 1px;} */
/* 			.search_sec.type02 .s_sec_cont .dsc_box .date:before {content: ''; background: url('../images/common/bar.gif') repeat; width: 1px; height: 16px; display: inline-block;  margin: 2px 7px -3px 8px;} */

			.s_sec_cont .location_box {padding:15px 0 0 0;}
			.s_sec_cont .location_box ul li.home {background-size: 12px;}
			.s_sec_cont .location_box ul li {font-size: 12px;}
			.s_sec_cont .location_area .location li:before {background: url('../images/sub/ic_location_arrow.gif') no-repeat;}
			.s_sec_cont .location_area .location li.home {background: url('../images/sub/icon_home2.png') no-repeat center;}