/*
 * 관리자 및 사이트 공통 CSS
 */
@charset "utf-8";

/* 달력 */
#ui-datepicker-div {z-index:10 !important;}

/* 페이징 UI 타입1 */
div.page_t1 {overflow:visible; text-align:center; margin-top:30px; font-family:inherit; font-size:14px;}
div.page_t1 ul {overflow:hidden; display:inline-block; margin-bottom:0px;}
div.page_t1 ul li {float:left; margin:0 2px;}
div.page_t1 ul li strong,
div.page_t1 ul li a {display:inline-block; width:30px; line-height:34px; background:#fcfcfc; border:1px solid #d9d9d9; font-size:1.2em; text-align:center; vertical-align:top; color:#454545; letter-spacing:-1px; padding:0 3px 0 1px; box-sizing:unset !important;}
div.page_t1 ul li a:hover,
div.page_t1 ul li a:active, 
div.page_t1 ul li a:focus {border:1px solid #105cb4; color:#105cb4;} 
div.page_t1 ul li strong {color:#fff; background:#287ad9; border:1px solid #105cb4;}
div.page_t1 ul li a.btn {text-indent:-10000px; width:34px; height:34px; background:url(../images/board/t1/bt_page_large.jpg) no-repeat; background-size:120px 56px; border:1px solid #d9d9d9;}
div.page_t1 ul li a.first {background-position:2px 3px;}
div.page_t1 ul li a.prev {background-position:-26px 3px;}
div.page_t1 ul li a.next {background-position:-26px -24px;}
div.page_t1 ul li a.last {background-position:5px -24px;}
div.page_t1 ul li a.first.on {background-position:-58px 3px; border:1px solid #333333;}
div.page_t1 ul li a.prev.on {background-position:-86px 3px; border:1px solid #333333;}
div.page_t1 ul li a.next.on {background-position:-86px -24px; border:1px solid #333333;}
div.page_t1 ul li a.last.on {background-position:-55px -24px; border:1px solid #333333;}

/* 컨텐츠 상단 설명글 */
div.topbox {padding:8px; background:url(../images/common/box_pattern_01.png) repeat;}
div.topbox .innerbox {position:relative; background-color:#fff; padding:25px;}
div.topbox .innerbox div.innerbox_select {float:right; vertical-align:top;}
div.topbox .innerbox .text_big {display:inline-block; font-size:23px; color:#2b2b2b;}
div.topbox .innerbox .text_big span {font-family:'Noto bold'; font-size:23px; color:#000;}
div.topbox .innerbox .text_small {font-family:'Noto bold'; font-size:15px; color:#5c5b5b;}
div.topbox .innerbox .line {padding-bottom:10px; border-bottom:1px dashed #ccc;}
div.topbox .innerbox .text_bottom,
div.topbox .innerbox .text_bottom02 {padding-top:10px; font-family:'Noto bold'; font-size:15px; color:#5c5b5b;}
div.topbox .innerbox .text_bottom .inter {margin-right:10px; font-size:15px;}
div.topbox .innerbox .text_bottom02 .inter {margin-right:10px; font-size:15px;}
div.topbox .innerbox .text_bottom02 {padding-left:105px;}
div.topbox .innerbox .text_bottom02 .inner_list {margin-top:5px;}
div.topbox span.blue,
div.topbox p.blue{font-family:'Noto bold'; color:#1568c8; font-size:inherit;}

/* 담당자 정보 및 만족도 조사 */
#bottom_cont_box { border:1px solid #dadada; margin-top:30px;}
#bottom_cont_box div.manage_box { background:#ddd; overflow:hidden; padding:16px 20px 16px 25px; }
#bottom_cont_box div.manage_box h3 { float:left; width:21px; height:22px; margin-right:10px; font-size:0; background:url(../images/common/bg_iconLayout.png) left -139px no-repeat;  }
#bottom_cont_box div.manage_box dl { float:left; }
#bottom_cont_box div.manage_box dl dt,
#bottom_cont_box div.manage_box dl dd { float:left; color:#333; font-size:16px; letter-spacing:0; line-height:22px; height:22px;}
#bottom_cont_box div.manage_box dl dd { margin-right:17px; }
#bottom_cont_box div.manage_box dl dt.name { padding-left:10px; background:url(../images/common/bg_iconLayout.png) -40px -130px no-repeat;  }
#bottom_cont_box div.manage_box dl dt.tel { vertical-align:top; display:inline-block; font-size:0; width:15px; height:11px; margin:6px 4px 0 0; background:url(../images/common/bg_iconLayout.png) -21px -139px no-repeat;  }
#bottom_cont_box div.cs_box { display:block; background:#f2f2f2; padding:20px 29px 20px; overflow:hidden; }
#bottom_cont_box div.cs_box p { display:inline-block; }
#bottom_cont_box div.cs_box .point { float:left; margin:7px 0; }
#bottom_cont_box div.cs_box .point .input { display:inline-block; margin-right:13px; vertical-align:top; }
#bottom_cont_box div.cs_box .point .input input { margin:-3px 6px 0 0; vertical-align:middle; }
#bottom_cont_box div.cs_box .point .input label { font-family:'Noto regular'; color:#333; font-size:16px; }
#bottom_cont_box div.cs_box .text { float:right; width:402px; }
#bottom_cont_box div.cs_box .text input { width:281px; height:31px; line-height:31px; padding:0; text-indent:10px; border:1px solid #a5a5a5; border-right:0 none;  }
#bottom_cont_box div.cs_box .text button { border:0 none; width:100px; height:33px; text-align:center; color:#fff; background:#292f3b; }
#bottom_cont_box div.cs_box .text button span {color:#fff;}

/* 탭 */
div.tab_t1 {font-family:inherit; margin-top:25px;}
div.tab_t1:after {content:" "; clear:both;}
div.tab_t1 ul {display:inline-block; width:100%; font-size:0; border-bottom:#a5a5a5 solid 1px; margin-bottom:10px}
div.tab_t1 ul:after {content:" "; display:block; clear:both;}
div.tab_t1 ul li {display:inline-block; float:left;}
div.tab_t1 ul li a {display:block; position: relative; padding:15px 30px; margin-bottom:-1px; margin-right: -1px; z-index: 1;  text-align:center; color:#3a3a3a; font-size:16px; letter-spacing: -0.64px; border-left:1px solid #a5a5a5; border-top:1px solid #a5a5a5; border-right:1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; white-space: nowrap; background-color:#f4f4f4;}
div.tab_t1 ul li.on a:before,
div.tab_t1 ul li:hover a:before {content: ""; position: absolute; top:-1px; left:0; width:100%; height: 1px; background: #a5a5a5;}
div.tab_t1 ul li.on a, div.tab_t1 ul li:hover a { color:#3a3a3a; background-color:#fff; border-left:1px solid #a5a5a5; border-top:1px solid #a5a5a5; border-right:1px solid #a5a5a5; border-bottom: 1px solid #fff !important; z-index: 5;}

/* 넓이가 960px 이하일 때*/
@media all and (max-width:960px){
	
	/* 담당자 정보 및 만족도 조사 */
	#bottom_cont_box div.cs_box .point {float:unset; margin:7px 0 15px; display:block;}
	#bottom_cont_box div.cs_box .text {float:unset; width:unset; display:block; padding-right:100px; margin-top:0; position:relative;}
	#bottom_cont_box div.cs_box .text input {width:100%; height:33px; line-height:33px; box-sizing:border-box;}
	#bottom_cont_box div.cs_box .text button {position:absolute; top:0; right:0}
}

/* 넓이가 600px 이하일 때*/
@media all and (max-width:600px){
	
	/* 달력 */
	#ui-datepicker-div {width:90%; left:5% !important;}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {padding:10px 5px !important;}
	.ui-datepicker .ui-datepicker-buttonpane button {width:100px !important;}
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {width:3.6em !important;}
	.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:40% !important;}
	
	/* 탭 */
	div.tab_t1 ul{ position:relative; min-height:36px; transition:0.5s}
	div.tab_t1 ul li.on a { background:#fff; }
	div.tab_t1 ul li a{ padding:10px 15px; font-size:14px;}
	div.tab_t1 ul.open{ }
	div.tab_t1 ul.open li{ position:relative; transition:0.5s}
	div.tab_t1 ul.open li.active a { background:#f5fff9}
}

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

	/* 페이징 UI 타입1 */
	div.page_t1 ul li a.first,
	div.page_t1 ul li a.last {display:none;}
}