@charset "utf-8";
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: 100; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: 200; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: 300; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: 500; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: 600; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: 700; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: 800; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: 900; }

body {
	margin:0; padding:0;
	font-size:17px;
	font-family:'SCDream','Malgun Gothic','맑은고딕',sans-serif;
	font-weight:400;
	color:#000;
	letter-spacing:-.8px;
}
* {box-sizing:border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0;}
ul, li, dl, dd {list-style-type:none;}
img, input.image, fieldset,iframe {border:0 none;}
img, fieldset {border:none;}
li img, dd img {vertical-align:top;}
input,textarea {vertical-align:middle; font-family:'SCDreamL','Malgun Gothic','맑은고딕',sans-serif; }
hr {display:none;}
select, textarea {vertical-align:top; padding:1px; font-family:'SCDreamL','Malgun Gothic','맑은고딕',sans-serif; font-size:14px; color:#000; line-height:150%}
legend {position:absolute; top:0; left:0; overflow:hidden; height:0; font-size:0; line-height:0;}
img {max-width:100%;}
address {font-style:normal;}
textarea, select {border: 1px solid #c9c9c9; background: #fff;}
span.button, img.button, a.button {cursor: pointer; vertical-align: middle;}
table {border-collapse:collapse;}
th, td {text-align:center;}
.dipy_n {display:none; }
.dipy_inline {display:inline;}
.background_n {background:none;}
.w100 {width:100%;}
.ir {overflow:hidden; display:block; /* margin:auto; */ text-indent:-5000px; font-size:0; line-height:0; width:0; height:0;}
.ir_ib {overflow:hidden; display:inline-block; margin:auto; text-indent:-5000px; font-size:0; line-height:0; width:0; height:0;}
caption, .hidden {position:absolute; display:block; overflow:hidden; text-indent:-5000px; font-size:0; line-height:0; width:1px; height:1px;}
.before:before, .after:after {display:block; content:""; position:absolute;}
/* link */
a{color:#333; color:inherit; text-decoration: none;}
a:active, a:hover {text-decoration: underline;}
/* ol_type */
li.type_decimal {list-style-type:decimal; margin-left:20px;}
li.type_lower_roman {list-style-type:lower-roman;}
/* line */
ul.float_box {overflow:hidden;}
ul.float_box li {float:left;}
.float_l {float:left;}
.float_r {float:right;}
.clear_b {clear:both;}
.middle {vertical-align:middle !important;}
.top {vertical-align:top !important;}
.bottom {vertical-align:bottom;}
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.justify {text-align:justify;}
td.left {text-align:left !important;}
/* font */
.wfont {font-weight:600;}
.sfont {font-size:0.95em;}
.bfont {font-size:1.2em;}
.normal {font-weight:normal;}
.ls_1 {letter-spacing:-1px;}
/* skip_nav */
#skipnav {position:absolute; top:0; left:0; width:200px;z-index:9999;}
#skipnav a {position:absolute; display:block; height:1px; overflow:hidden; color:#333; z-index:9999;}
#skipnav a:hover, #skipnav a:focus, #skipnav a:active {width:auto; height:auto; color:#333; font-weight:bold;}
#skipnav_intro {position:absolute; top:0; left:0; width:200px;z-index:9999;}
#skipnav_intro a {position:absolute; display:block; height:1px; overflow:hidden; color:#333; z-index:9999;}
#skipnav_intro a:hover, #skipnav_intro a:focus, #skipnav_intro a:active {width:auto; height:auto; color:#333; font-weight:bold;}
/*margin_padding*/
.mt_n {margin-top:0 !important;}
.margin_20 {margin:20px;}
.margin_t5 {margin-top:5px !important;;}
.margin_t10 {margin-top:10px !important;}
.margin_t15 {margin-top:15px;}
.margin_t20 {margin-top:20px !important;}
.margin_t25 {margin-top:25px;}
.margin_t30 {margin-top:30px !important;}
.margin_t35 {margin-top:35px;}
.margin_t40 {margin-top:40px;}
.margin_t50 {margin-top:50px !important;}
.margin_t100 {margin-top:100px;}

.margin_l5 {margin-left:5px;}
.margin_l10 {margin-left:10px;}
.margin_l15 {margin-left:15px !important;}
.margin_l25 {margin-left:25px !important;}
.margin_l30 {margin-left:30px;}
.margin_l40 {margin-left:40px;}

.margin_r5 {margin-right:5px;}
.margin_r10 {margin-right:10px;}
.margin_r25 {margin-right:25px;}
.margin_r30 {margin-right:30px;}
.margin_r40 {margin-right:40px;}

.margin_b5 {margin-bottom:5px;}
.margin_b10 {margin-bottom:10px;}
.margin_b15 {margin-bottom:15px;}
.margin_b20{margin-bottom:20px;}
.margin_b30{margin-bottom:30px;}
.margin_b40 {margin-bottom:40px;}
.margin_b50 {margin-bottom:50px !important;}

.pt_n {padding-top:0 !important;}
.padding_t5 {padding-top:5px;}
.padding_t10 {padding-top:10px;}
.padding_t15 {padding-top:15px;}
.padding_t20 {padding-top:20px;}
.padding_t25 {padding-top:25px;}
.padding_t50 {padding-top:50px;}

.padding_b5 {padding-bottom:5px;}
.padding_b10 {padding-bottom:10px;}
.padding_b20 {padding-bottom:20px;}

.ratio_graph{border-left:1px solid #ddd; margin-left:1%; margin-top:20px; font-size:0px; width:90%; white-space:nowrap}
.ratio_graph:after{display:block; content:''; overflow:hidden}
.ratio_graph>li{position:relative; margin:2px 0px; height:15px;  border-left:2px solid #fff; box-sizing:border-box}
.ratio_graph .survey_ratio.ratio01,
.ratio_graph .survey_ratio.ratio11, 
.ratio_graph .survey_ratio.ratio21, 
.ratio_graph .survey_ratio.ratio31{background:#ffb1b1; height:30px;}
.ratio_graph .survey_ratio.ratio02,
.ratio_graph .survey_ratio.ratio12, 
.ratio_graph .survey_ratio.ratio22{background:#e97b19; height:30px;}
.ratio_graph .survey_ratio.ratio03,
.ratio_graph .survey_ratio.ratio13, 
.ratio_graph .survey_ratio.ratio23{background:#ffdc50; height:30px;}
.ratio_graph .survey_ratio.ratio04,
.ratio_graph .survey_ratio.ratio14, 
.ratio_graph .survey_ratio.ratio24{background:#8cda57; height:30px;}
.ratio_graph .survey_ratio.ratio05,
.ratio_graph .survey_ratio.ratio15, 
.ratio_graph .survey_ratio.ratio25{background:#50c373; height:30px;}
.ratio_graph .survey_ratio.ratio06,
.ratio_graph .survey_ratio.ratio16, 
.ratio_graph .survey_ratio.ratio26{background:#3d9eaa; height:30px;}
.ratio_graph .survey_ratio.ratio07,
.ratio_graph .survey_ratio.ratio17, 
.ratio_graph .survey_ratio.ratio27{background:#4095d0; height:30px;}
.ratio_graph .survey_ratio.ratio08,
.ratio_graph .survey_ratio.ratio18, 
.ratio_graph .survey_ratio.ratio28{background:#618be0; height:30px;}
.ratio_graph .survey_ratio.ratio09,
.ratio_graph .survey_ratio.ratio19, 
.ratio_graph .survey_ratio.ratio29{background:#7961e0; height:30px;}
.ratio_graph .survey_ratio.ratio10,
.ratio_graph .survey_ratio.ratio20, 
.ratio_graph .survey_ratio.ratio30{background:#b561e0; height:30px;}
.ratio_graph .survey_ratio span{display:block; position:absolute; right:-55px; top:-1px; width:50px; text-align:left; font-size:16px}



/*설문참여팝업*/
.tbox {padding:5%; border-bottom:1px solid #000;}
.agreebox {padding:5%; background:#f4f4f4;}
.agreebox_ttl {font-weight:bold;}
.agreebox_txt {margin:10px 0; font-size:0.9rem;}
.agreebox_con {padding:4%; background:#fff;}
.agreebox_con-add li {margin-top:20px;}
.agreebox_con-add li:first-child {margin-top:0;}
.agreebox_con-add .tel input[type=text] {max-width:30%;}
.agreebox_con-add .email input[type=text] {max-width:40%;}
.survey_list {padding:5%;}
.survey_list>dl {margin-top:5%; padding-top:5%; border-top:1px dotted #ddd;}
.survey_list>dl:first-child {padding-top:0; margin-top:0; border-top:0;}
.btn_addr {display:inline-block; vertical-align:middle; height:24px; padding:0 10px; color:#fff; font-size:15px; border-radius:4px; background:#333;}


/*설문이벤트결과_리스트테이블*/
table.data {width:100%; border-top:2px solid #000; border-bottom:1px solid #000;}
table.data th, table.data td {padding:20px; border-top:1px solid #ddd;}
table.data th {background:#f9f9f9;}

/*mobile*/
@media all and (max-width:800px){
	body {overflow-x:hidden;}
}