@charset "utf-8";

/**
 * 행사일정 CSS
 * 김희정 17.12.14 최초작성
 * 김희정 17.12.18 달력형태 수정 (ie에서 백그라운드 색이 달력라인을 없애버리는 현상 수정)
 */
div.event_sche {margin-bottom:25px;}

/* 아이콘 */
div.event_sche .E {background:url(../images/sub/showroom_icon.png) left center no-repeat;}
/*div.event_sche .event {background:url(../images/sub/event_icon.png) left center no-repeat;} */
div.event_sche .V {background:url(../images/sub/various_icon.png) left center no-repeat;}
div.event_sche .C {background:url(../images/sub/meetingroom.png) left center no-repeat;}
div.event_sche .calendar_icon {padding-left:35px; background:url(../images/sub/calendar_icon.png) left center no-repeat;}

/* 검색박스 */
div.event_sche .search_box {position:relative; overflow:visible; margin-top:20px; padding:20px 20px 20px 440px; text-align:center; background-color:#f1f1f1;}
div.event_sche .search_box .search_bar {position:relative; display:inline-block;}
div.event_sche .search_box .search_bar:after {content:""; display:block; clear:both;}
div.event_sche .search_box .search_bar select.event_sche_select {float:left; height:38px; line-height:36px; margin-right:5px; width:115px;}
div.event_sche .search_box .search_bar .nice_select {width:115px;}
div.event_sche .search_box .search_bar .nice_select ul.list {width:113px;}
div.event_sche .search_box .search_bar input.date {width:90px; color:#131313; line-height:36px; height:36px; text-align:center; border:1px solid #b9babc; margin-left:5px; appearance:none; -webkit-appearance:none; -moz-appearance:none; /* width:auto; */ -webkit-border-radius:0}
div.event_sche .search_box .search_bar button.ui-datepicker-trigger {background-color:#f1f1f1; margin:4px 5px 0; border:2px solid #f1f1f1;}
div.event_sche .search_box .search_bar.date_box {position:absolute; left:15px;}
div.event_sche .search_box .search_bar.select_box {position:absolute; left:320px;}
div.event_sche .search_box .search_bar.key_box {display:block;}
div.event_sche .search_box .search_bar.key_box .board_search_input {width:100%; height:38px; box-sizing:border-box; border:1px solid #b9babc; text-indent:7px; color:#131313;appearance:none; -webkit-appearance:none; -moz-appearance:none; /* width:auto; */ -webkit-border-radius:0}
div.event_sche .search_box .search_bar.key_box input.board_search_btn {position:absolute; top:0; right:0; width:65px; height:38px; padding:0 12px 0 27px; font-family:'Noto medium'; color:#fff; border:none; background:#626262 url(../images/sub/find_icon.png) 9px center no-repeat; background-size:16px auto; appearance:none;  -webkit-appearance:none; -moz-appearance:none; /* width:auto; */ -webkit-border-radius:0}

/* 리스트 형태 */
div.event_sche div.head {position:relative; margin-top:20px; overflow:hidden;}
div.event_sche div.head .icon_box {float:left; margin-top:25px;}
div.event_sche div.head .icon_box li {float:left; padding:3px 0 3px 30px; margin-right:15px; font-size:15px; color:#383838;}
div.event_sche div.head .btn_box {float:right;}
div.event_sche div.head .btn_box a:last-child {margin-right:0;}
div.event_sche div.list {border-top:2px solid #464646; border-bottom:1px solid #464646; margin-top:15px;}
div.event_sche div.list ul {position:relative; overflow:hidden;}
div.event_sche div.list ul li{position:relative; overflow:hidden; min-height:250px; padding-left:160px; width:50%; float:left; border-top:1px dashed #c5c5c5; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;}
div.event_sche div.list ul li:nth-child(1),
div.event_sche div.list ul li:nth-child(2) {border-top:none;}
div.event_sche div.list ul li.no_list {width:100%; text-align:center; padding-left:0; padding:40px 0; min-height:100px;}
div.event_sche div.list ul li .li_img {position:absolute; left:0; top:50%; width:138px; height:202px; margin-top:-101px; overflow:hidden; vertical-align:top;}
div.event_sche div.list ul li > a {display:inline-block;}
div.event_sche div.list ul li dl {margin-top:30px;}
div.event_sche div.list ul li dl dd.type {padding:3px 0 3px 30px; margin-bottom:10px;}
div.event_sche div.list ul li dl dt.tit {font-family:'Noto bold'; font-size:22px; color:#131313;}
div.event_sche div.list ul li dl dd.date {font-size:16px; color:#363636;}
div.event_sche div.list ul li dl dd.tel {margin-top:15px; padding-left:30px; font-family:'Noto regular'; color:#101010; background:url(../images/sub/ico_tel.png) 3px top no-repeat;}
div.event_sche div.list ul li dl dd.loc {margin-top:2px; padding-left:30px; font-family:'Noto regular'; color:#101010; background:url(../images/sub/ico_loc.png) 3px top no-repeat;}

/* 리스트 형태_2 (포스터 이미지 없는 리스트)*/
div.event_sche div.list_type_2 {border-top:2px solid #464646; border-bottom:1px solid #464646; margin-top:15px;}
div.event_sche div.list_type_2 ul {position:relative; overflow:hidden;}
div.event_sche div.list_type_2 ul li{position:relative; overflow:hidden; min-height:78px; border-top:1px dashed #c5c5c5; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;}
div.event_sche div.list_type_2 ul li:nth-child(1) {border-top:none;}
div.event_sche div.list_type_2 ul li.no_list {width:100%; text-align:center; padding-left:0; padding:40px 0; min-height:100px;}
div.event_sche div.list_type_2 ul li dl {margin:25px 0; overflow:hidden;}
div.event_sche div.list_type_2 ul li dl dd.type {float:left; padding:3px 0 3px 30px; margin:3px 10px 0 0;}
div.event_sche div.list_type_2 ul li dl dt.tit {}
div.event_sche div.list_type_2 ul li dl dt.tit > a {display:block; font-family:'Noto bold'; font-size:22px; color:#131313;}
div.event_sche div.list_type_2 ul li dl dd.date {float:left; margin:8px 20px 0 0; font-size:16px; color:#363636;}
div.event_sche div.list_type_2 ul li dl dd.loc {float:left; margin:9px 20px 0 0; padding-left:22px; font-family:'Noto regular'; color:#101010; background:url(../images/sub/ico_loc.png) left top no-repeat;}
div.event_sche div.list_type_2 ul li dl dd.tel {float:left; margin-top:9px; padding-left:25px; font-family:'Noto regular'; color:#101010; background:url(../images/sub/ico_tel.png) left top no-repeat;}

/* 달력형태 */
div.event_sche div.head .year_box {position:absolute; width:250px; left:50%; margin-left:-125px; margin-top:10px;}
div.event_sche div.head .year_box h4 {font-size:25px; color:#676767; font-weight:normal; text-align:center;}
div.event_sche div.head .year_box h4 span {margin-left:10px; font-family:'Noto bold'; font-size:30px; color:#2b2b2b;}
div.event_sche div.head .year_box a {position:absolute; top:2px; display:inline-block; width:40px; height:40px; text-indent:-10000px;}
div.event_sche div.head .year_box a.year_btn_prev {left:0; background:url(../images/sub/btn_calendar_prev.jpg) center no-repeat;}
div.event_sche div.head .year_box a.year_btn_next {right:0; background:url(../images/sub/btn_calendar_next.jpg) center no-repeat;}
div.event_sche div.calendar {margin-top:20px;}
div.event_sche div.calendar table {border-spacing:0; empty-cells:show; border-collapse:collapse; width:100%; border-bottom:1px solid #d4d4d4;}
div.event_sche div.calendar table caption {width:0px; height:0px; font-size:0; line-height:0; overflow:hidden;}
div.event_sche div.calendar table thead tr th {border-top:2px solid #333;}
div.event_sche div.calendar table thead th {padding:10px 13px; font-size:16px; border-right:1px solid #d4d4d4; border-left:1px solid #d4d4d4; background-color:#f5f5f5;}
div.event_sche div.calendar table thead th:first-child,
div.event_sche div.calendar table tbody td:first-child > span {color:#fd3600;}
div.event_sche div.calendar table thead th:last-child,
div.event_sche div.calendar table tbody td:last-child > span {color:#095dcf;}
div.event_sche div.calendar table tbody td {position:static;  text-align:left; height:126px; padding:0 12px;  border-right:1px solid #d4d4d4; border-left:1px solid #d4d4d4; border-top:1px solid #d4d4d4;}
div.event_sche div.calendar table tbody td.today {background-color:#f5f5f5;}
div.event_sche div.calendar table tbody td span {position:relative; display:inline-block; top:7px; left:0; padding-bottom:12px;}
div.event_sche div.calendar table tbody td a {display:block; padding:5px 0 5px 30px;}

/* 보기 */
div.event_sche div.view_box {position:relative; border:1px solid #cacaca; padding:20px 20px 60px 275px; min-height:325px; font-family:inherit; margin-top:20px; box-sizing:unset;}
div.event_sche div.view_box > div.img_thumb {position:absolute; left:20px; top:20px; width:223px; border:1px solid #cacaca;}
div.event_sche div.view_box > div.img_thumb > img {width:100%}
div.event_sche div.view_box > dl.head_line {overflow:hidden; padding-bottom:20px; border-bottom:1px dashed #cacaca;}
div.event_sche div.view_box > dl.head_line > dt,
div.event_sche div.view_box > dl.head_line > dd {float:left; font-size:16px; padding:3px 0;}
div.event_sche div.view_box > dl.head_line > dt.hide {display:none;}
div.event_sche div.view_box > dl.head_line > dt {clear:both; margin-right:3px;}
div.event_sche div.view_box > dl.head_line > dd {}
div.event_sche div.view_box > dl.head_line > dd.subject {font-size:20px; line-height:30px; min-height:30px; margin-right:10px; margin-bottom:5px;}
div.event_sche div.view_box > dl.head_line > dd.stype {line-height:30px; height:30px; text-indent:30px;}
div.event_sche div.view_box > dl.head_line > dd.stype.E {background:url(../images/sub/showroom_icon.png) left center no-repeat;}
div.event_sche div.view_box > dl.head_line > dd.stype.V {background:url(../images/sub/various_icon.png) left center no-repeat;}
div.event_sche div.view_box > p {padding:20px 10px 10px; line-height:25px;}

/* 하단 버튼 */
div.event_sche > form > div.btn_box {position:relative; overflow:hidden;}
div.event_sche > form > div.btn_box a {display:inline-block; padding:10px 20px; text-align:center; margin-top:10px; font-family:inherit; font-size:16px; color:#2b2b2b; background-color:#fff; border:1px solid #c2c2c2;}
div.event_sche > form > div.btn_box a.black {color:#fff; background-color:#333; border:1px solid #333;}
div.event_sche > form > div.btn_box a.blue {color:#2b2b2b; background-color:#fff; border:1px solid #105cb4;}
div.event_sche > form > div.btn_box a.skyblue {color:#fff; background-color:#287ad9; border:1px solid #105cb4;}
div.event_sche > form > div.btn_box > div.left_box {float:left;}
div.event_sche > form > div.btn_box > div.left_box > a {margin-right:10px;}
div.event_sche > form > div.btn_box > div.center_box {text-align:center;}
div.event_sche > form > div.btn_box > div.right_box {float:right;}
div.event_sche > form > div.btn_box > div.right_box > a {margin-left:10px;}

/* 넓이가 960px 이하일 때*/
@media all and (max-width:960px){

	/* 검색박스 */
	div.event_sche .search_box {padding:10px;}
	div.event_sche .search_box .search_bar {display:block;}
	div.event_sche .search_box .search_bar.date_box {position:relative; margin-bottom:5px; left:0;}
	div.event_sche .search_box .search_bar.select_box {position:relative; height:38px; margin-bottom:5px; left:0;}
	div.event_sche .search_box .search_bar.select_box .nice-select {width:100%;}
	div.event_sche .search_box .search_bar.select_box .nice-select .list {width:100%;}
	
	/* 하단 버튼 */
	div.event_sche > form > div.btn_box a {width:25%; padding:10px 0; margin:10px 5px 0 !important;}
	div.event_sche > form > div.btn_box > div.left_box {float:none; text-align:center;}
	div.event_sche > form > div.btn_box > div.right_box {float:none; text-align:center;}
	
}

/* 넓이가 767px 이하일 때*/
@media all and (max-width:767px){	
	
	/* 리스트 형태 */
	div.event_sche div.head {margin-top:0;}
	div.event_sche div.head .icon_box {clear:both; width:100%; text-align:center; margin-top:20px;}
	div.event_sche div.head .icon_box li {float:none; clear:both; display:inline-block;}
	div.event_sche div.head .icon_box li:last-child {margin-right:0;}
	div.event_sche div.head .btn_box {clear:both; width:100%; text-align:center; margin-top:10px;}
	div.event_sche div.head .btn_box a:first-child {margin-left:0;}
	div.event_sche div.list {padding:0 5px;}
	div.event_sche div.list ul li{width:100%;}
	div.event_sche div.list ul li:nth-child(2) {border-top:1px dashed #c5c5c5;}
    div.event_sche div.list ul li.empty {display:none;}
  
    /* 리스트 형태_2 (포스터 이미지 없는 리스트)*/
	div.event_sche div.list_type_2 ul li dl dd.date {float:none; margin:10px 0 0 0;}
	div.event_sche div.list_type_2 ul li dl dd.loc {float:none; margin:5px 0 0 0;}
	div.event_sche div.list_type_2 ul li dl dd.tel {float:none; margin-top:5px;}
	
	/* 달력형태 */
	div.event_sche div.head .year_box {position:relative; margin-top:20px;}
	div.event_sche div.calendar table tbody td a {padding:0; width:24px; height:24px; margin:0 auto 5px;}
	div.event_sche div.calendar table tbody td em {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}
	
	/* 보기 */
	div.event_sche div.view_box {padding:20px;}
	div.event_sche div.view_box > div.img_thumb {position:relative; left:0; top:0; width:unset; margin-bottom:10px;}
}

/* 넓이가 475px 이하일 때*/
@media all and (max-width:475px){
	
	/* 검색박스 */
	div.event_sche .search_box .search_bar input.date {margin-left:0}

	/* 달력형태 */
	div.event_sche div.calendar table tbody td {padding:0;}
	div.event_sche div.calendar table tbody td span {left:10px;}
}