@charset "utf-8";
/*@latest 2020.12.24 YHY */
/*@latest 2020.12.30 SSJ */
/*@latest 2021.02.19 SSJ */


/* sub : bottom info box
  skin01 (basic setting )   */

#sub_bottominfo {width:100%; float:left;}
#sub_bottominfo * {/* font-family:"Nanum Gothic",sans-seif; */}
#sub_bottominfo ul {padding-left:0;}
#sub_bottominfo ul li {list-style:none;}

/* manager info */
#sub_bottominfo .mnginfo {position: relative;width:100%;float:left;margin-top:30px;padding:20px 15px;box-sizing:border-box;border: 3px solid #b6c9d7;}
#sub_bottominfo .mnginfo ul {display:inline-block;}
#sub_bottominfo .mnginfo ul:after{content:''; display: block; clear:both;}
#sub_bottominfo .mnginfo ul li {list-style:none;float:left;font-size: 17px;vertical-align:middle;width: 320px;line-height: 150%;text-align: center;}
#sub_bottominfo .mnginfo ul li + li {margin-left:20px;}
#sub_bottominfo .mnginfo ul li strong {padding-right:10px; margin-right:7px;}
#sub_bottominfo .mnginfo ul li strong::after {content:""; display:inline-block; border-right:1px solid rgba(0,0,0,0.2); width:1px; height:15px; margin-left:15px; margin-bottom:3px; vertical-align:middle;}

  @media (min-width:800px){
    #sub_bottominfo:not(.skin03) .mnginfo ul li:first-child:nth-last-child(3),
    #sub_bottominfo:not(.skin03) .mnginfo ul li:nth-child(2):nth-last-child(2),
    #sub_bottominfo:not(.skin03) .mnginfo ul li:nth-child(3):nth-last-child(1) {width:33.333%;margin-left: 0;padding: 0 5px;box-sizing: border-box;}
  }
  @media (max-width:799px){
    #sub_bottominfo .mnginfo ul li:first-child:nth-last-child(3),
    #sub_bottominfo .mnginfo ul li:nth-child(2):nth-last-child(2),
    #sub_bottominfo .mnginfo ul li:nth-child(3):nth-last-child(1) {width:100%;margin-left: 0;}
  }




/* board info */
.boardinfo {padding:15px 15px 15px 15px!important;}






   @media (max-width:699px){
	#sub_bottominfo .mnginfo ul li {width:100%; text-align:center; padding:3px 0; }
    #sub_bottominfo .mnginfo ul li + li{margin-left: 0;}
	#sub_bottominfo .mnginfo ul li strong {display:inline-block;min-width:15%;margin-right: 0;padding-right: 5px;}
    #sub_bottominfo .mnginfo ul li strong::after {height:8px; transform:rotate(45deg);}
	}




/* satisfaction survey */
#sub_bottominfo .mnginfo ~ .satisfaction {margin-top:15px;}
#sub_bottominfo .satisfaction {width:100%; float:left; border:1px solid rgba(0,0,0,0.1); padding:20px 15px; box-sizing:border-box;}
#sub_bottominfo .satisfaction > p {margin-bottom:10px; font-weight:600;}
#sub_bottominfo .satisfaction ul {}
#sub_bottominfo .satisfaction ul li {float:left; /*margin-right:25px;*/ position:relative;}
#sub_bottominfo .satisfaction ul li.survey {width:45%;}
#sub_bottominfo .satisfaction ul li.survey li:last-child {margin-right:0;}
#sub_bottominfo .satisfaction ul li label {width:auto; text-indent:0; left:auto; position:relative; color:#818486; cursor:pointer; display:inline-block;}

#sub_bottominfo .satisfaction ul li input[type=radio] {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
#sub_bottominfo .satisfaction ul li input[type=radio]:focus + label:before,
#sub_bottominfo .satisfaction ul li input[type=radio]:hover + label:before {border-color:#333;}
#sub_bottominfo .satisfaction ul li input[type=radio]:active + label:before {-webkit-transition-duration:0; transition-duration:0; -webkit-filter:brightness(0.2); filter:brightness(0.2);}

#sub_bottominfo .satisfaction ul li input[type=radio] + label {position:relative;padding:10px; padding-left:25px; vertical-align:middle;
																-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;user-select:none;}
#sub_bottominfo .satisfaction ul li input[type=radio] + label:before {content:''; border:1px solid #838383; box-sizing:content-box; color:#067dbf; text-align:center;
																	position:absolute; top:50%; left:2px; width:12px; height:12px; margin-top:-7px; border-radius:50%;}
#sub_bottominfo .satisfaction ul li input[type=radio] + label:after {content:''; box-sizing:content-box; background-color:#067dbf; border-radius:50%;
																    position:absolute; top:50%; left:5px; width:8px; height:8px; margin-top:-4px;
																    -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50%; transform-origin:50%;
																    -webkit-transition: -webkit-transform 200ms ease-out;
																    transition: -webkit-transform 200ms ease-out;
																    transition:transform 200ms ease-out;
																    transition:transform 200ms ease-out, -webkit-transform 200ms ease-out;
																    }

#sub_bottominfo .satisfaction ul li input[type=radio]:checked + label {font-weight:600; color:#333;}
#sub_bottominfo .satisfaction ul li input[type=radio]:checked + label:before { -webkit-animation:borderscale 300ms ease-in; animation:borderscale 300ms ease-in; background-color:white;}
#sub_bottominfo .satisfaction ul li input[type=radio]:checked + label:after {-webkit-transform:scale(1); transform:scale(1);}

#sub_bottominfo .satisfaction ul li input[type=text] {width:calc(100% - 100px);}
#sub_bottominfo .satisfaction ul li.etc_comment {width:40%; margin-top:5px;}
#sub_bottominfo .satisfaction ul li.etc_comment label {color:#333; font-size:14px; font-weight:600; margin-right:30px;}
#sub_bottominfo .satisfaction ul li.etc_comment label:before {content:"\b7"; float:left; padding-right:2px;}
#sub_bottominfo .satisfaction button.btn-save {margin-top:8px;}

	@-webkit-keyframes borderscale {
	    50% {box-shadow:0 0 0 2px #067dbf;}
	}
	@keyframes borderscale {
	    50% {box-shadow:0 0 0 2px #067dbf;}
	}


/* 공공누리 copyright . info */
#sub_bottominfo .mnginfo ~ .copyinfo,
#sub_bottominfo .satisfaction ~ .copyinfo {margin-top:15px;}
#sub_bottominfo .copyinfo {width:100%; float:left; border:1px solid rgba(0,0,0,0.1); padding:20px 15px; box-sizing:border-box; }
#sub_bottominfo .copyinfo img {max-width:300px; margin-right:20px; vertical-align:middle; float:left;}
#sub_bottominfo .copyinfo textarea {width:calc(100% - 400px); vertical-align:middle; font-size:13px;}
.subCon #sub_bottominfo .copyinfo textarea {border:none; background:none;}
#sub_bottominfo .copyinfo .copyComment {float:left; box-sizing:border-box;}
#sub_bottominfo .copyinfo .copyComment li {position:relative; box-sizing:border-box; margin:8px 0;}
#sub_bottominfo .copyinfo .copyComment li::before {content:''; display:inline-block; width:15px; height:10px; margin-bottom:3px; margin-right:8px; transform:rotate(-45deg); background:#ccc;}
#sub_bottominfo .copyinfo .copyComment li::after {position:absolute; top:-3px; left:0; content:''; display:inline-block; width:15px; height:10px; transform:rotate(-45deg); background:#fff;}


	@media (max-width:1150px){
		#sub_bottominfo .satisfaction ul li.survey {width:100%;}
		#sub_bottominfo .satisfaction ul li.etc_comment {width:80%; padding-left:5px;}
		#sub_bottominfo .satisfaction button.btn-save {float:right;}
	}
	@media (max-width:699px){
		#sub_bottominfo .mnginfo {padding:10px 15px;}
		#sub_bottominfo .satisfaction ul li.etc_comment {width:70%;}
		#sub_bottominfo .copyinfo img {float:none; display:block; margin:0 auto; max-width:70%; }
		#sub_bottominfo .copyinfo .copyComment {float:none; width:60%; margin:20px auto 0 auto;}
	}





/* skin02 */
#sub_bottominfo.skin02 .mnginfo ~ .satisfaction {margin-top:-1px;}
#sub_bottominfo.skin02 .satisfaction {background:url(/images/wzwg/module/cntpagead/pattern01.png) #fff; vertical-align:bottom; }
#sub_bottominfo.skin02 .satisfaction > p {font-size:15px;}
#sub_bottominfo.skin02 .satisfaction ul {width:100%; display:inline-block;}
#sub_bottominfo.skin02 .satisfaction ul li.survey {width:100%;}
#sub_bottominfo.skin02 .satisfaction ul li.survey ul li {margin-right:20px;}
#sub_bottominfo.skin02 .satisfaction ul li.etc_comment label:before {content:"\b7"; float:left; padding-right:2px;}
#sub_bottominfo.skin02 .satisfaction ul li.etc_comment {clear:both; width:80%; padding-left:5px;}
#sub_bottominfo.skin02 .satisfaction ul li input[type=text] {min-width:420px;}
#sub_bottominfo.skin02 .satisfaction button.btn-save {display:inline-block;}
#sub_bottominfo.skin02  .mnginfo ul {width:100%;}

#sub_bottominfo.skin02 .satisfaction ul li input[type=radio] + label {padding-left:39px;}
#sub_bottominfo.skin02 .satisfaction li.survey ul li:before {font-family:'FontAwesome'; font-size:16px; opacity:0.7; vertical-align:middle; position:absolute; left:21px; top:50%; margin-top:-10px;}
#sub_bottominfo.skin02 .satisfaction li.survey ul li:first-child:before {content:url(/images/wzwg/module/cntpagead/imo01.png); margin-top:-8px;}
#sub_bottominfo.skin02 .satisfaction li.survey ul li:nth-child(2):before {content:"\f118 -"; letter-spacing:-10px; padding-right:15px;}
#sub_bottominfo.skin02 .satisfaction li.survey ul li:nth-child(3):before {content:"\f118";}
#sub_bottominfo.skin02 .satisfaction li.survey ul li:nth-child(4):before {content:"\f11a";}
#sub_bottominfo.skin02 .satisfaction li.survey ul li:nth-child(5):before {content:"\f119";}

	@media (max-width:750px){
		#sub_bottominfo.skin02 .mnginfo ul li:nth-child(3) {clear:both;}
		#sub_bottominfo.skin02 .mnginfo ul li:last-child {float:left;}
		#sub_bottominfo.skin02 .satisfaction ul li.survey ul li {margin-right:5px;}
		#sub_bottominfo.skin02 .satisfaction ul li.etc_comment {width:78%;}
		#sub_bottominfo.skin02 .satisfaction ul li input[type=text] {min-width:auto; width:calc(100% - 120px);}
	}



/* skin03 */
#sub_bottominfo.skin03 .mnginfo {background:#f4f4f4; border:none; text-align:center;}
#sub_bottominfo.skin03 .mnginfo ul {width:auto;}
#sub_bottominfo.skin03 .satisfaction {text-align:center;}
#sub_bottominfo.skin03 .satisfaction > p {font-size:15px; display:inline-block; vertical-align:top; margin-top:10px;}
#sub_bottominfo.skin03 .satisfaction ul li.survey {width:100%;}
#sub_bottominfo.skin03 .satisfaction ul li.survey li {margin-right:15px;}
#sub_bottominfo.skin03 .satisfaction>ul {display:inline-block; padding-left:30px;}
#sub_bottominfo.skin03 .satisfaction ul li.etc_comment {width:70%; clear:both; margin-top:15px;}
#sub_bottominfo.skin03 .satisfaction ul li.etc_comment label:before {content:"\b7"; float:left; padding-right:2px;}
#sub_bottominfo.skin03 .satisfaction ul li input[type=text] {}
#sub_bottominfo.skin03 .satisfaction button.btn-save {margin-top:12px;}

	@media (max-width:990px){
		#sub_bottominfo.skin03 .satisfaction>ul {padding-left:0; clear:both;}
		#sub_bottominfo.skin03 .satisfaction ul li.survey li {margin-right:0;}
	}



/* skin04 */
#sub_bottominfo .mnginfo {padding:15px 15px 35px 15px;}
#sub_bottominfo .mnginfo ul {width:100%; text-align:center;}
#sub_bottominfo .mnginfo ul li:last-child:nth-child(4) {/*float:right;*/ font-size:13px;}
#sub_bottominfo.skin04 .mnginfo ul li {text-align:left;}
#sub_bottominfo.skin04 .mnginfo ul li strong:before {font-family:'FontAwesome'; font-size: 11px; opacity:0.7; vertical-align:middle; font-weight:400;
													width: 20px; height: 20px; line-height: 21px; float:left; border-radius:100%; margin-right:6px; margin-top: 3px; background:#333; color:#fff; text-align:center;}
#sub_bottominfo .mnginfo ul li:nth-child(2):nth-last-child(1),
#sub_bottominfo .mnginfo ul li:first-child:nth-last-child(2) {float:none; display:inline-block;}
#sub_bottominfo.skin04 .mnginfo ul li.ico_part strong:before {content:"\f0f7";}
#sub_bottominfo.skin04 .mnginfo ul li.ico_person strong:before {content:"\f007";}
#sub_bottominfo.skin04 .mnginfo ul li.ico_phone strong:before {content:"\f095";}
#sub_bottominfo.skin04 .mnginfo ul li strong:after {content:":"; border-right:none; top:0; right:2px; font-weight:400; vertical-align: top!important;}
#sub_bottominfo .mnginfo ul li.ico_clock{display: block;position: absolute;bottom: 8px;right: 20px;height: 20px;text-align: right;}
#sub_bottominfo .mnginfo ul li.ico_clock strong:before {font-family:'FontAwesome'; content:"\f017"; background:none; font-size:13px; color:#333; margin-right:5px; float: none; vertical-align: bottom; font-weight: 300}

#sub_bottominfo.skin04 .mnginfo ul li:before {font-family:'FontAwesome'; font-size:10px; opacity:0.7; vertical-align:middle; font-weight:400;
													width:18px; height:18px; line-height:18px; float:left; border-radius:100%; margin-right:6px; margin-top:2px;
    												background:#333; color:#fff; text-align:center;}
#sub_bottominfo.skin04 .mnginfo ~ .satisfaction {margin-top:-1px; border-top:none; vertical-align:bottom;}
#sub_bottominfo.skin04 .satisfaction {background:url(/images/wzwg/module/cntpagead/ico-message.png) #f4f4f4; background-repeat:no-repeat; background-size:50px;
									  padding:20px 15px 15px 85px; background-position:15px 20px;}
#sub_bottominfo.skin04 .satisfaction > p {font-size:15px;}
#sub_bottominfo.skin04 .satisfaction>ul {width: calc(100% - 110px); display:inline-block;}
#sub_bottominfo.skin04 .satisfaction ul li {}
#sub_bottominfo.skin04 .satisfaction ul li.etc_comment label:before {content:"\b7"; float:left; padding-right:2px;}
#sub_bottominfo.skin04 .satisfaction ul li.etc_comment {width:40%; margin-right:0; clear:none;}
#sub_bottominfo.skin04 .satisfaction ul li input[type=text] {width:calc(100% - 100px); min-width:auto;}
#sub_bottominfo.skin04 .satisfaction ul li input[type=radio] + label {padding-left:20px;}
#sub_bottominfo.skin04 .satisfaction button.btn-save {display:inline-block; /*vertical-align:top;*/ margin-top:8px; float:right;}


	@media (min-width:991px) and (max-width:1299px){
		#sub_bottominfo.skin04 .satisfaction>ul {width:100%;}
		#sub_bottominfo.skin04 .satisfaction ul li.etc_comment {width:75%;}
	}
	@media (max-width:990px){
		#sub_bottominfo.skin04 .satisfaction ul li.etc_comment {width:75%; clear:both; margin-top:5px;}
		#sub_bottominfo.skin04 .satisfaction ul li input[type=text] {width:calc(100% - 120px); margin-right:20px;}
	}
	@media (min-width:800px) and (max-width:990px){
		#sub_bottominfo.skin04 .satisfaction ul li.etc_comment {width:80%;}
    #sub_bottominfo .mnginfo ul li:nth-child(3n) {margin-left:0;}
	}
	@media (max-width:799px){
		#sub_bottominfo.skin04 .satisfaction>ul {width:100%;}
    #sub_bottominfo .mnginfo ul li:nth-child(3n) {margin-left:0;}

    #sub_bottominfo.skin04 .mnginfo ul li strong::after {transform:rotate(0deg);}
    #sub_bottominfo.skin04 .mnginfo ul li:last-child:not(:nth-child(3)) {text-align: center;}
    #sub_bottominfo .mnginfo ul li.ico_clock{bottom:13px;right:0;text-align: center;}
    #sub_bottominfo.skin04 .mnginfo ul li strong {margin-right:10px;}
	}