@charset "utf-8";

/*-------------------------------------------------
Author : SY,CHo
Create date : 2020. 08. 03.
-------------------------------------------------*/

/* reset.css */
html {font-size: 20px;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {margin: 0; padding: 0; line-height: 1; font-family: '맑은 고딕', 'Malgun Gothic', 'NotoSans', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif; font-size: 0.75rem; font-weight: 400; color: #333; letter-spacing: -0.04em;}
ul, ol, li, dl, dt, dd {margin: 0; padding: 0; list-style: none;}
p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;}
a {color: inherit; text-decoration: none;}
a:hover {text-decoration: underline;}
img {font-size: 0; vertical-align: middle; border: 0;}
table {width: 100%; border-collapse: separate; border-spacing: 0;}
caption {width: 1px; height: 1px; text-indent: -99999%; overflow: hidden;}/* 2020.12.26.SY,CHo 사파리 브라우저 COLGROUP WIDTH 오류로 인한 수정 */
legend {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0);}
select, input, textarea {font-family: '맑은 고딕', 'Malgun Gothic', 'NotoSans', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif; font-size: 0.8rem; color: #454545;}
select, input {vertical-align: middle;}
input[type="radio"] {vertical-align: initial;}
select {padding: 0 0.5rem; background: #fff url("/common/images/con_com/bg_selectBox.png") no-repeat right center; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select.kidSrchBox {padding: 0 2rem 0 0.5rem; margin-bottom: 0.5rem;}
select::-ms-expand {display: none;}
address, em, i {font-style: normal;}
button {border: 0; line-height: inherit; background: none; cursor: pointer;}
hr {margin: 0; border: none; padding: 0; display: block;}
figure, figcaption {margin: 0; padding: 0;}
form, fieldset {border: none; margin: 0; padding: 0; line-height: 1;}
fieldset {min-width: inherit;}
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="text"],
input[type="search"],
input[type="password"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0;} /* 2020.12.23 sehyun oh, 아이폰 사파리 대응 */
header, footer, article, section, aside, nav, main {display: block;}
/* 2022-08-24 웹접근성 수정 */
a:focus{outline-color: #c00000;border:2px solid #c00000;}
input:focus{outline-color: #c00000;border:2px solid #c00000;}
select:focus{outline-color: #c00000;border:2px solid #c00000;}
button:focus{outline-color: #c00000;border:2px solid #c00000;}


/*Skip To Content*/
#skipNav {position: absolute; top: -1000px; left: 0; width: 100%; height: 0; line-height: 0; z-index: 999;}
#skipNav a {display: block; width: 100%; line-height: 0; text-align: center;}
#skipNav a:focus, #skipNav a:hover, #skipNav a:active {position: absolute; top: 1000px; left: 0; display: block; height: 1.5rem; line-height: 1.5rem; font-size: 0.6rem; font-weight: bold; color: #fff; background: #16529d;}

#skipArea, #skipArea ul {height:0; width:100%;}
#skipArea a {position:absolute; top:-9999px; left:0; z-index:9999; width:100%; height:30px; background-color:#16529d; color:#fff; line-height:30px; font-family:'NotoSans'; opacity:0.9; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {top:0}

/* hid */
.hidden {display: none;}
.blind, legend, .hid, hr {position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.sr-only {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0);}

/* text-align */
.al {text-align:left !important;}
.ac {text-align:center !important}
.ar {text-align:right !important}
.vt {vertical-align: top;}
.vb {vertical-align: bottom;}
.vm {vertical-align: middle;}
.mauto {margin: 0 auto;}

/* float */
.fl {float: left !important;}
.fr {float: right !important;}

.clearfix:after {clear: both; display: block; width: 100%; content: "";}

/* 만족도조사 20201027 */
.satisfaction{ margin: 50px 0 10px; border:1px solid #e1e1e1;  background-color:#fff; }
.satisfaction .question{position:relative;color:#fff;font-size:14px;padding:13px 110px 13px 50px;background:#858a92 url('/common/images/board/survey_icon1.png') no-repeat 20px 13px;}
.satisfaction .question_link{position:absolute; right:20px; top:8px; font-size:15px; line-height:16px; color:#fff; padding:5px 10px 5px 32px; border:1px solid #b2bac0; background:url('/common/images/board/survey_icon2.png') no-repeat 10px center}
.satisfaction .satisfaction_list{padding:16px 20px; overflow:hidden; font-size:14px}
.satisfaction .satisfaction_list label {vertical-align:middle}
.satisfaction_list input {font-size:inherit; font-family:inherit; color:inherit; line-height:24px; padding:1px 5px; border:solid 1px #dedede; vertical-align:middle}
.satisfaction .satisfaction_list .input_radio{display:block; width:100%; line-height:24px; float:left}
.satisfaction .satisfaction_list .input_radio span{display:inline-block; margin-right:5%}
.satisfaction .satisfaction_list label{display:inline-block; margin-right:15px; color:#535252}

.csnstSubmit input[type="button"]{width:20%; border:1px solid #454f5f; background-color:#454f5f; color:#fff;}
.satisfaction .admin_info{position:relative; border-top:1px solid #e1e1e1; font-size:13px}
.satisfaction .admin_info h3 {position:absolute; top:10px; left:20px; height:25px; color:#333; line-height:20px; background:url('/common/images/board/survey_arrow.png') no-repeat 85px 8px; padding-right:10px;}
.satisfaction .admin_info ul{margin-left:120px; line-height:25px; padding:7px 0; border-left:1px solid #e1e1e1}
.satisfaction .admin_info ul li{float:left; margin-left:25px; padding-left:10px; background:url('/common/images/board/survey_dot.png') no-repeat left 50%}
.satisfaction .admin_info ul li a{color:#333}
.satisfaction .admin_info ul li span{ float:left; color:#1c55cc; margin:0 10px 0 0; padding-right:8px; background:url('/common/images/board/survey_line.gif') no-repeat right 50% }

@media screen and (max-width: 1440px){
	html {font-size: 19px;}
}

@media screen and (max-width: 1024px){
	html {font-size: 18px; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
}

@media screen and (max-width:768px){ 
	/* 만족도조사 */
	.satisfaction {margin:18% 0;}
	.satisfaction .question { padding-right:20px}
	.satisfaction .question_link { position:relative; width:55px; top:0; right:0; display:block; margin-top:10px}
	.satisfaction .satisfaction_list .input_radio,.satisfaction .satisfaction_list .opinion{float:none; width:100%; margin:0 0 5px 0; text-align:left}
	.satisfaction .satisfaction_list .opinion input[type="text"]{width:90%; box-sizing:border-box}
	.satisfaction .satisfaction_list .opinion input[type="button"]{width:100%; box-sizing:border-box; margin-top:5px}
	.satisfaction .admin_info { padding:20px}
	.satisfaction .admin_info h3 { position:relative; top:0; left:0; padding-right:0; border-bottom:1px solid #e1e1e1}
	.satisfaction .admin_info ul{margin-left:0; padding-bottom:0; border-left:0}
	.satisfaction .admin_info ul li{float:none; margin-left:0}
}
@media screen and (max-width:768px){ 
	/* 만족도조사 */
	.satisfaction .satisfaction_list .input_radio span{width: 25%;}
}