/*에스코어드림*/
@font-face {
     font-family: 'S-CoreDream-1Thin';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

html, body {
     min-height: 100vh;
}

body { overflow-x:hidden; background: rgb(255,253,233);
background: linear-gradient(90deg, rgba(255,253,233,1) 9%, rgba(220,242,255,1) 100%); position:relative; font-family: 'S-CoreDream-4Regular';}
body::before { content:""; display:block; width:342px; height:100%; position:absolute; left:0; top:0; background:#d2ecff; } 

.m_menu { display:none; }

#header, .xresearch_wrap, .xresearch_close_popup  { position:relative; z-index:1; width:100%; }
#header .xresearch_wrap { padding:38px 109px 11px 43px; box-sizing:border-box; }
#header .xresearch_wrap::after { content:""; display:block; clear:both; }
#header h1 { float:left; margin:8px 0 0; }
#header h1 a { display:block; height:52px; line-height:52px; padding:0 0 0 70px; font-size:23px; color:#1d1d1d; background:url(./images/common/logo.png) left top no-repeat; font-family: 'S-CoreDream-6Bold';}

#header .info { float:right; }
#header .info li { float:left; margin:0 5px 0 0; }
#header .info li a { display:block; min-width:113px; height:41px; text-align:center; line-height:41px; box-sizing:border-box; padding:0 19px; font-size:15px; font-family: 'S-CoreDream-5Medium'; color:#fff; background:#0082cf;}
#header .info li.log a { background:#4dabe2; }


/*설문없을때*/
.xresearch_wrap { padding-bottom:70px; }
.xresearch_wrap::after { content:""; display:block; clear:both; }

.new_choice { float:left; margin:44px 0 0 55px; width:198px; }
.new_choice li { padding:6px 0; }
.new_choice li:first-child { border-bottom:1px dashed #4f8db2; }
.new_choice li a { display:block; width:100%; height:64px; line-height:64px; padding:0 0 0 72px; box-sizing:border-box; position:relative; font-size:18px; color:#194864; font-family: 'S-CoreDream-4Regular'; letter-spacing:-0.5px;}

.new_choice li.ing_rebox a span { display:block; width:29px; height:30px; background:url(./images/common/ch_ic1.png) center top no-repeat; position:absolute; left:15px; top:18px; }
.new_choice li.end_rebox a span { display:block; width:28px; height:27px; background:url(./images/common/ch_ic2.png) center top no-repeat; position:absolute; left:15px; top:18px; }


.new_choice li.on a { background:#fff; }
.new_choice li.on a::before { content:""; display:block; width:11px; height:11px; background:url(./images/common/ch_chk.png) center top no-repeat; position:absolute; right:25px; top:27px; }

.new_choice li.end_rebox.on a::before { right:18px; }


#xresearch_list { float:right; margin:0 98px 0 0; width:calc(100% - 388px); background:#fff; overflow:hidden; border-radius:50px; }
#xresearch_list .none_box + .l_page { display:none; }
#xresearch_list .none_box { min-height:694px; position:relative; background:#f1f1f1; overflow:hidden; }
#xresearch_list .none_box::before, #xresearch_list .none_box::after { content:""; display:block; width:100%; height:32px; position:absolute; left:0; background:#1e79c7; z-index:1; }
#xresearch_list .none_box::before { top:0; }
#xresearch_list .none_box::after { bottom:0; }

#xresearch_list .none_box .none_bg { width:100%; max-width:510px; height:694px; box-sizing:border-box; padding:109px 0 32px 0; margin:0px 0 0 114px; float:left;  }
#xresearch_list .none_box .none_bg::before { content:""; display:block; width:347px; height:100%; background:#fff; position:absolute; left:0; top:0; }
#xresearch_list .none_box .none_bg img { position:relative; z-index:1; width:100%; max-width:510px; }

#xresearch_list .none_box .none_txt { z-index:1; margin:114px 30px 0 0px; float:right; width:calc(100% - 793px);  position:relative; display:flex; justify-content:center; }
#xresearch_list .none_box .none_txt img {  max-width:616px; width:100%; }

/*설문리스트*/
.l_off {   }


.list_votegate { width:100%; box-sizing:border-box; padding:62px 97px 0; min-height:470px; }
.list_votegate h4 { margin-bottom:32px; padding:0 0 0 28px; position:relative; font-size:16px; color:#333; font-family: 'S-CoreDream-5Medium'; font-weight:normal;}
.list_votegate h4::before { content:""; display:block; width:17px; height:17px; border-radius:50%; box-sizing:border-box; background:#fff; border:4px solid #4294e7; position:absolute; left:0; top:5px; }

.boardbox_table { display:table; width:100%; border-top:1px solid #dddddd; text-align:center;  }
.boardbox_table .boardbox_header { display: table-header-group; }
.boardbox_table .boardbox_header .b_tr { display:table-row; }
.boardbox_table .boardbox_header .b_tr p { display:table-cell; height:65px; line-height:65px; background:#f6fcff; text-align:center; font-size:20px; color:#00395a; font-family: 'S-CoreDream-6Bold';}
.boardbox_table .boardbox_header .b_tr p span { display:inline-block; vertical-align:top; position:relative; margin-right:3px; }

.boardbox_table .boardbox_header .b_tr p.th_subject { }
.boardbox_table .boardbox_header .b_tr p.th_subject span { top:18px; width:36px; height:27px; background:url(./images/common/td_subject.png) left top no-repeat; }

.boardbox_table .boardbox_header .b_tr p.th_date { width:20%;}
.boardbox_table .boardbox_header .b_tr p.th_date span { top:17px; width:32px; height:29px; background:url(./images/common/td_date.png) left top no-repeat; }

.boardbox_table .boardbox_header .b_tr p.th_grade {  width:10%;}
.boardbox_table .boardbox_header .b_tr p.th_grade span { top:21px; width:27px; height:23px; background:url(./images/common/td_grade.png) left top no-repeat; }

.boardbox_table .boardbox_header .b_tr p.th_all { width:10%; }
.boardbox_table .boardbox_header .b_tr p.th_all span { top:23px; width:26px; height:22px; background:url(./images/common/td_all.png) left top no-repeat; }

.boardbox_table .boardbox_header .b_tr p.th_btn { }
.boardbox_table .boardbox_header .b_tr p.th_btn span { top:19px; width:29px; height:29px; background:url(./images/common/td_btn.png) left top no-repeat; }


.boardbox_table .boardbox_content { display: table-row-group; }
.boardbox_table .boardbox_content .l_box { display:table-row; }
.boardbox_table .boardbox_content .l_off { display:none; }
.boardbox_table .boardbox_content .l_box div { display:table-cell; border-bottom:1px solid #ddd; font-size:16px; color:#333; vertical-align:middle; padding:14px 6px; }
.boardbox_table .boardbox_content .l_box div.td_subject { }
.boardbox_table .boardbox_content .l_box div.td_date {   }
.boardbox_table .boardbox_content .l_box div.td_grade {  }
.boardbox_table .boardbox_content .l_box div.td_all {  }
.boardbox_table .boardbox_content .l_box div.td_btn { }
.boardbox_table .boardbox_content .l_box div span { display:none; }
.boardbox_table .boardbox_content .l_box div a { color:#333; }

.td_btn .l_btn li { display:inline-block; vertical-align:top; width:167px; margin:6px 0; }
.td_btn .l_btn li a { display:block; width:100%; height:50px; line-height:48px; box-sizing:border-box; border:1px solid #dddddd; font-family: 'S-CoreDream-5Medium'; transition:all 0.4s;}
.td_btn .l_btn li.btn01 a { color:#0059c6; }

.td_btn .l_btn li a:hover { border-color:#999;  }

/*마감중인설문*/
.off_table .boardbox_table .boardbox_content .l_box { display:none; }
.off_table .boardbox_table .boardbox_content .l_off { display:table-row; }
.list_votegate.off_table h4::before { border-color:#c3c3c3; }

.off_table .boardbox_table .boardbox_header .b_tr p {   background:#f5f5f5; color:#333333; }

.off_table .boardbox_table .boardbox_header .b_tr p.th_subject { width:80%; }
.off_table .boardbox_table .boardbox_header .b_tr p.th_date {display:none; }
.off_table .boardbox_table .boardbox_header .b_tr p.th_grade {display:none; }
.off_table .boardbox_table .boardbox_header .b_tr p.th_all {display:none; }
.off_table .boardbox_table .boardbox_content .l_box div.td_date { display:none;  }
.off_table .boardbox_table .boardbox_content .l_box div.td_grade { display:none; }
.off_table .boardbox_table .boardbox_content .l_box div.td_all { display:none; }

.off_table .boardbox_table .boardbox_header .b_tr p.th_subject span {  background:url(./images/common/td_subject_off.png) left top no-repeat; }
.off_table .boardbox_table .boardbox_header .b_tr p.th_btn span { background:url(./images/common/td_btn_off.png) left top no-repeat; }

/*페이지카운트*/
.page_list_cont { margin:82px 0; }


/*설문참여*/
#xresearch_join { float:right; margin:0 98px 0 0; width:calc(100% - 388px); background:#fff; overflow:hidden; border-radius:50px; box-sizing:border-box; font-family: 'S-CoreDream-4Regular'; padding:35px 96px 0; position:relative;}
#xresearch_join .join_box {  box-sizing:border-box; width:100%; position:relative;}
#xresearch_join .join_box .xloca { text-align:center; padding:26px 0 0 0; font-size:18px; color:#333; font-family: 'S-CoreDream-5Medium'; background:url(./images/main/loca.png) center top no-repeat; margin-bottom:25px;}

#xresearch_join .join_box h3 { text-align:center; font-size:33px; color:#222; font-family: 'S-CoreDream-6Bold'; line-height:40px;}
#xresearch_join .join_box .l_info { text-align:center; line-height:30px; font-size:22px; color:#4b7fc7; margin:17px 0 36px; }

#xresearch_join .join_box .l_guide { background:#fafafa; padding:0 0 0 0; }
#xresearch_join .join_box .side_txt_view { line-height:30px; font-size:16px; color:#444; padding:16px 40px; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; margin-bottom:34px; }
.m_top { display:none; }

#xresearch_join .join_box .linkcopy {position:absolute; right:0px; top:0px; }
#xresearch_join .join_box .linkcopy p.lbtn {   width: 48px;}

#xresearch_join .join_box .linkcopy p.lbtn a { display:block; width:100%; height: 48px;
	color: white; text-align:center; line-height:48px;
	border-radius: 24px;
	border: 0px;
	font-weight: 800;
	font-size: 15px;
	cursor: pointer;
	background-color: #7362ff;}

#xresearch_join .join_box .linkcopy p.lbtn a:hover { background-color: #a99fee; }

#xresearch_join .join_box .linkcopy .url_box { position:absolute; right:0; top:0; transition:all 0.4s; opacity:0; display:none;  }
#xresearch_join .join_box .copyview .url_box { display:block; opacity:1; top:calc(100% + 10px); }
#xresearch_join .join_box .linkcopy .url_box::before { content:""; display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:6px solid #7362ff; position:absolute; right:15px; top:-6px; }
#xresearch_join .join_box .linkcopy .url_box a { display:block; background:#fff; border:2px solid #7362ff; padding:8px 65px 8px 15px; width:500px; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#xresearch_join .join_box .linkcopy .url_box a span { display:block; width:30px; height:30px; position:absolute; right:15px; top:calc(50% - 15px); background:#7362ff url(./images/main/share.png) 7px center no-repeat; border-radius:50%; transition:all 0.4s; }

#xresearch_join .join_box .linkcopy .url_box a:hover { text-decoration:underline; }
#xresearch_join .join_box .linkcopy .url_box a:hover span { background:#493fa1 url(./images/main/share.png) 7px center no-repeat; }


#xresearch_join .none_box { padding:0 67px 0; }
#xresearch_join .none_box p { color:#2158a3; font-family: 'S-CoreDream-5Medium'; font-size:18px; background:#f0f9ff; padding:15px 14px; border-top:1px dashed #dee7f4; border-bottom:1px dashed #dee7f4; text-align:center; }

#xresearch_join .bottom_btn { text-align:center; margin:40px 0; }
#xresearch_join .bottom_btn li { display:inline-block; vertical-align:top; width:208px; margin:0 5px 15px; }
#xresearch_join .bottom_btn li a { display:block; width:100%; height:65px; line-height:65px; text-align:center; color:#fff; font-family: 'S-CoreDream-5Medium'; font-size:19px; }
#xresearch_join .bottom_btn li.btn01 a { background:#247fdb; }
#xresearch_join .bottom_btn li.btn02 input { display:block; width:100%; height:65px; line-height:65px; text-align:center; color:#fff; font-family: 'S-CoreDream-5Medium'; font-size:19px; border:0 none; background:#26a0e8; cursor:pointer; }

.updown { position:absolute; right:15px; }
.updown li { width:45px; }
.updown li:first-child { margin-bottom:8px; }
.updown li a { display:block; width:100%; height:45px; border:1px solid #ddd; box-sizing:border-box; position:relative; text-indent:-99999px; }

.updown li a::before { content:""; display:block; width:0; height:0; position:absolute; left:calc(50% - 12px); border-left:12px solid transparent; border-right:12px solid transparent; }
.updown li:nth-child(1) a::before { border-bottom:12px solid #333;  top:16px;}
.updown li:nth-child(2) a::before { border-top:12px solid #333;  top:17px;}

.question_box { margin-bottom:60px; }
.question_box .que_title { padding:0 67px 0; }
.question_box .que_title dt.title { color:#2158a3; font-family: 'S-CoreDream-5Medium'; font-size:18px; background:#f0f9ff; padding:15px 14px; border-top:1px dashed #dee7f4; border-bottom:1px dashed #dee7f4; margin-bottom:20px; position:relative; }
.question_box .que_title dt.title::after { content:""; display:block; clear:both; }
.question_box .que_title dt.title span.q_con { display:block; float:left; width:calc(100% - 140px); line-height:30px; word-break:break-all; }
.question_box .res_title dt.title span.q_con { width:calc(100% - 310px); }

.question_box .que_title dt.help_tip {  line-height:30px; font-size:15px; color:#444; padding:6px 20px; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; margin-bottom:34px; background:#fafafa; margin:0px 20px 20px; }


.question_box .que_title dt.title .title_side { float:right; width:50px; height:30px; line-height:30px;  font-size:14px; background:#fff; text-align:center; margin-left:10px; box-shadow:0 0 3px rgba(0,0,0,0.17); }
.question_box .que_title dt.title span.q_con + span { left:14px; }
.question_box .que_title dt.title span.q_con + span + span {  left:100px; }
.question_box .que_title dt.title .q_nesessary { color:#fa4248; }
.question_box .que_title dt.title .q_over {  width:70px; }
.question_box .que_title dt.title .q_all { float:right; height:34px; line-height:32px; font-size:15px; color:#235eb7; font-family:"Noto Sans KR", sans-serif; font-weight:500; margin:-2px 0 0 0; border:1px solid #235eb7; box-sizing:border-box; background:#fff url(./images/main/all_vote.jpg) 16px 8px no-repeat; border-radius:150px; padding:0 16px 0 37px; }

.question_box .que_title dd.num { padding:0 2px 0; }
.question_box .que_title dd.num li { font-size:15px; color:#333; background:#fff; border:0 none; margin-bottom:7px; }
.question_box .que_title dd.num li label { display:block; width:100%;   overflow:hidden; cursor:pointer; position:relative; }

.question_box .que_title dd.num li label input { opacity:0; position:absolute; left:0; top:0; }

.question_box .que_title dd.num li .inp_use { display:block; width:100%; border:1px solid #f0f9ff; box-sizing:border-box; line-height:30px; padding:17px 73px 17px 38px; position:relative; overflow:hidden; }
.question_box .que_title dd.num li .inp_use:hover { background:#f9f9f9; border-color:#ddd; }

.question_box .que_title dd.num li .inp_use span { }

.question_box .que_title dd.num li.ra_style .inp_use span { display:block; position:absolute; right:31px; top:calc(50% - 12px); width:24px; height:24px; box-sizing:border-box; border-radius:50%;  border:1px solid #dee7f4; background:#fff; overflow:hidden;  }
.question_box .que_title dd.num li.ch_style .inp_use span { display:block; position:absolute; right:31px; top:calc(50% - 12px); width:24px; height:24px; box-sizing:border-box; border-radius:3px;  border:1px solid #dee7f4; background:#fff; }

.question_box .que_title dd.num li input:checked + span.inp_use { border-color:#dee7f4; background:#f3f7fd; }
.question_box .que_title dd.num li input:checked + span.inp_use span { border-color:#2158a3; background:#2158a3;  }
.question_box .que_title dd.num li input + span.inp_use span::before { content:""; display:block; width:100%; height:10px; position:absolute; left:0; top:calc(50% - 5px); background:url(./images/main/radio_chk.png) center top no-repeat; transition:all 0.4s;  }


.question_box .que_title dd.subjective { background:#f7f7f7; padding:24px 46px 29px; color:#333; }
.question_box .que_title dd.subjective label { display:block; padding:0 0 0 10px; font-size:15px; position:relative; margin-bottom:11px; }
.question_box .que_title dd.subjective label::before { content:""; display:block; width:17px; height:23px; background:url(./images/main/txt_dot.png) left top no-repeat; position:absolute; left:-12px; top:1px;  }
.question_box .que_title dd.subjective textarea { width:100%; border:0 none; box-sizing:border-box; padding:17px 30px; color:#333; font-family: 'S-CoreDream-3Light'; }
.question_box .que_title dd.subjective textarea::placeholder { color:#333; }


/*결과화면*/
.question_box .res_title dt.title { border-radius:5px; border:1px solid #dee7f4; background:#f3f7fd; }
.question_box .res_title dd.num { padding:0 0 0 0; }
.graph_box .gr_list { border:1px solid #dee7f4; width:100%; box-sizing:border-box; background:#fff; padding:15px 38px 25px 40px; border-radius:5px; margin-bottom:8px; }
.graph_box .gr_list .subject { display:block; font-size:15px; line-height:34px; color:#333; margin-bottom:6px; }

.gr_list .g_count { width:100%; background:#ebf2fb; overflow:hidden; border-radius:3px; }
.gr_list .g_count::after { content:""; display:block; clear:both; }
.gr_list .g_color { display:block; float:left; height:27px; text-indent:-99999px; }

.gr_list .new_graph { position:relative; padding:43px 0 0; }
.gr_list .g_total { position:absolute; top:0; text-align:center; border-radius:150px; display:block; min-width:106px; height:33px; line-height:31px; box-sizing:border-box;  border:1px solid transparent; padding:0 12px; background:#fff; transition:all 1.6s; left: calc(0% - 52px); font-family:"Noto Sans KR", sans-serif; font-weight:500; color:#777777;}

.gr_list .g_total::before { content:""; display:block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:7px solid transparent; position:absolute; left:calc(50% - 6px); bottom:-7px; }
.gr_list .g_total::after { content:""; display:block; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:6px solid #fff; left:calc(50% - 5px); bottom:-6px; position:absolute;}

/*득표수 색*/
.gr_list:nth-child(1) .g_total span,
.gr_list:nth-child(6) .g_total span,
.gr_list:nth-child(11) .g_total span,
.gr_list:nth-child(16) .g_total span { color:#6488e8; }

.gr_list:nth-child(2) .g_total span,
.gr_list:nth-child(7) .g_total span,
.gr_list:nth-child(12) .g_total span,
.gr_list:nth-child(17) .g_total span { color:#9382e8; }

.gr_list:nth-child(3) .g_total span,
.gr_list:nth-child(8) .g_total span,
.gr_list:nth-child(13) .g_total span,
.gr_list:nth-child(18) .g_total span { color:#01c5d1; }

.gr_list:nth-child(4) .g_total span,
.gr_list:nth-child(9) .g_total span,
.gr_list:nth-child(14) .g_total span,
.gr_list:nth-child(19) .g_total span { color:#46c4ee; }

.gr_list:nth-child(5) .g_total span,
.gr_list:nth-child(10) .g_total span,
.gr_list:nth-child(15) .g_total span,
.gr_list:nth-child(20) .g_total span { color:#e882e0; }

/*득표 화살표색*/
.gr_list:nth-child(1) .g_total::before,
.gr_list:nth-child(6) .g_total::before,
.gr_list:nth-child(11) .g_total::before,
.gr_list:nth-child(16) .g_total::before { border-top-color:#6488e8; }

.gr_list:nth-child(2) .g_total::before,
.gr_list:nth-child(7) .g_total::before,
.gr_list:nth-child(12) .g_total::before,
.gr_list:nth-child(17) .g_total::before { border-top-color:#9382e8; }

.gr_list:nth-child(3) .g_total::before,
.gr_list:nth-child(8) .g_total::before,
.gr_list:nth-child(13) .g_total::before,
.gr_list:nth-child(18) .g_total::before { border-top-color:#01c5d1; }

.gr_list:nth-child(4) .g_total::before,
.gr_list:nth-child(9) .g_total::before,
.gr_list:nth-child(14) .g_total::before,
.gr_list:nth-child(19) .g_total::before { border-top-color:#46c4ee; }

.gr_list:nth-child(5) .g_total::before,
.gr_list:nth-child(10) .g_total::before,
.gr_list:nth-child(15) .g_total::before,
.gr_list:nth-child(20) .g_total::before { border-top-color:#e882e0; }


/*그래프 정보 득표 수*/
.gr_list:nth-child(1) .g_total,
.gr_list:nth-child(6) .g_total,
.gr_list:nth-child(11) .g_total,
.gr_list:nth-child(16) .g_total { border-color:#6488e8; }

.gr_list:nth-child(2) .g_total,
.gr_list:nth-child(7) .g_total,
.gr_list:nth-child(12) .g_total,
.gr_list:nth-child(17) .g_total { border-color:#9382e8; }

.gr_list:nth-child(3) .g_total,
.gr_list:nth-child(8) .g_total,
.gr_list:nth-child(13) .g_total,
.gr_list:nth-child(18) .g_total { border-color:#01c5d1; }

.gr_list:nth-child(4) .g_total,
.gr_list:nth-child(9) .g_total,
.gr_list:nth-child(14) .g_total,
.gr_list:nth-child(19) .g_total { border-color:#46c4ee; }

.gr_list:nth-child(5) .g_total,
.gr_list:nth-child(10) .g_total,
.gr_list:nth-child(15) .g_total,
.gr_list:nth-child(20) .g_total { border-color:#e882e0; }

/*그래프색*/
.gr_list:nth-child(1) .g_color,
.gr_list:nth-child(6) .g_color,
.gr_list:nth-child(11) .g_color,
.gr_list:nth-child(16) .g_color { background:#6488e8; }

.gr_list:nth-child(2) .g_color,
.gr_list:nth-child(7) .g_color,
.gr_list:nth-child(12) .g_color,
.gr_list:nth-child(17) .g_color { background:#9382e8; }

.gr_list:nth-child(3) .g_color,
.gr_list:nth-child(8) .g_color,
.gr_list:nth-child(13) .g_color,
.gr_list:nth-child(18) .g_color { background:#01c5d1; }

.gr_list:nth-child(4) .g_color,
.gr_list:nth-child(9) .g_color,
.gr_list:nth-child(14) .g_color,
.gr_list:nth-child(19) .g_color { background:#46c4ee; }

.gr_list:nth-child(5) .g_color,
.gr_list:nth-child(10) .g_color,
.gr_list:nth-child(15) .g_color,
.gr_list:nth-child(20) .g_color { background:#e882e0; }

.question_box .que_title dd.re_subjective { background:#f7f7f7; padding:24px 46px 29px; color:#333; }
.question_box .que_title dd.re_subjective p { display:block; padding:0 0 0 10px; font-size:15px; position:relative; margin-bottom:11px; }
.question_box .que_title dd.re_subjective p::before { content:""; display:block; width:17px; height:23px; background:url(./images/main/txt_dot.png) left top no-repeat; position:absolute; left:-12px; top:1px;  }
.question_box .que_title dd.re_subjective .rebox { background:#fff; width:100%; border:0 none; box-sizing:border-box; padding:17px 30px; color:#333; font-family: 'S-CoreDream-3Light'; color:#333;}
.question_box .que_title dd.re_subjective .rebox ul { max-height:120px; overflow-y:auto; }

/*로그인*/
#xresearch_login { float:right; margin:0 98px 0 0; width:calc(100% - 388px); background:#fff; overflow:hidden; border-radius:50px; box-sizing:border-box;   padding:50px 96px 40px; position:relative; }
#xresearch_login .join_box {  box-sizing:border-box; width:100%; position:relative;}
#xresearch_login .join_box .xloca { text-align:center; padding:26px 0 0 0; font-size:18px; color:#333; font-family: 'S-CoreDream-5Medium'; background:url(./images/main/loca.png) center top no-repeat; margin-bottom:25px;}

#xresearch_login .join_box h3 { text-align:center; font-size:33px; color:#222; font-family: 'S-CoreDream-6Bold'; line-height:40px;}
#xresearch_login .join_box .l_info { text-align:center; line-height:30px; font-size:22px; color:#4b7fc7; margin:17px 0 36px; }
#xresearch_login .join_box .l_guide { background:#fafafa; line-height:30px; font-size:16px; color:#444; padding:16px 40px; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; margin:30px 0 34px;}

.new_log_def { font-family: "Noto Sans KR", sans-serif;}
.new_log_def li:first-child { margin-bottom:30px; }
.new_log_def label { display:block; font-size:22px; color:#444; font-weight:bold; }
.new_log_def input { width:100%; height:58px; box-sizing:border-box; border:0 none; border-bottom:1px solid #dddddd; line-height:57px; box-sizing:border-box; padding:0 27px; font-size:16px; color:#333; }
.new_log_def input::placeholder { color:#999; }

#xresearch_login .log_conf { margin:56px 0 30px; }
#xresearch_login .log_conf input { display:block; width:100%; height:69px; line-height:69px; text-align:center; color:#fff; font-size:19px; background:#1a3795; border:0 none; cursor:pointer; }


/*오늘하루열지않음*/
.xresearch_close_popup { position:absolute; left:30px; bottom:36px; }
.xresearch_close_popup .c_btn::after { content:""; display:block; clear:both; }
.xresearch_close_popup .c_btn li { float:left; }
.xresearch_close_popup .c_btn li.c_bt1 .p_check { display:inline-block; vertical-align:top; width:23px; height:23px; background:url(./images/common/close.png) left top no-repeat; position:relative; margin:0 10px 0 0; }
.xresearch_close_popup .c_btn li.c_bt1 { font-size:15px; color:#444; }
.xresearch_close_popup .c_btn li.c_bt1 input { border:1px solid #499bc9; margin-left:5px; }
.xresearch_close_popup .c_btn li.c_bt2 { margin-left:14px; }



@media all and (max-width:1665px) {
	
#xresearch_list .none_box .none_bg { width:100%; max-width:300px; height:694px; box-sizing:border-box; padding:109px 0 32px 0; margin:0px 0 0 40px; float:left;  }
#xresearch_list .none_box .none_bg::before { content:""; display:block; width:347px; height:100%; background:#fff; position:absolute; left:0; top:0; }
#xresearch_list .none_box .none_bg img { position:absolute; z-index:1; width:100%; max-width:300px; bottom:0; }

#xresearch_list .none_box .none_txt { z-index:1; margin:114px 30px 0 0px; float:right; width:auto;  position:relative; display:flex; justify-content:center; }
#xresearch_list .none_box .none_txt img {  max-width:616px; width:100%; }
	
}

@media all and (max-width:1546px) {

.list_votegate { width:100%; box-sizing:border-box; padding:62px 30px 0; min-height:470px; }
.boardbox_table .boardbox_header .b_tr p.th_date { width:20%;}
.boardbox_table .boardbox_header .b_tr p.th_grade {  width:15%;}
.boardbox_table .boardbox_header .b_tr p.th_all { width:15%; }


}

@media all and (max-width:1392px) {
#xresearch_list .none_box .none_txt { z-index:1; margin:114px 30px 0 0px; float:right;  position:relative; display:flex; justify-content:center; }
#xresearch_list .none_box .none_txt img {  max-width:520px; width:100%; }


}


@media all and (max-width:1313px) {
#xresearch_list .none_box .none_txt { z-index:1; margin:114px 30px 0 0px; float:right;  position:relative; display:flex; justify-content:center; }
#xresearch_list .none_box .none_txt img {  max-width:420px; width:100%; }


}

@media all and (max-width:1196px) {
#xresearch_list .none_box .none_txt { z-index:1; margin:114px 30px 0 0px; float:right;  position:relative; display:flex; justify-content:center; }
#xresearch_list .none_box .none_txt img {  max-width:320px; width:100%; }


}

@media all and (max-width:1104px) {
#xresearch_list .none_box { background:#fff; min-height:inherit; }
#xresearch_list .none_box .none_txt { z-index:1; margin:74px 0 0px; padding:0 20px; box-sizing:border-box; width:100%; float:none;  position:relative; display:flex; justify-content:left; text-align:left; }
#xresearch_list .none_box .none_txt img {  max-width:510px; width:100%; }
#xresearch_list .none_box .none_bg { width:100%; max-width:100%; height:auto; box-sizing:border-box; padding:30px 20px 32px; margin:0px auto 0px; float:none; position:static; left:0; bottom:0; text-align:center;  }
#xresearch_list .none_box .none_bg::before { display:none;}
#xresearch_list .none_box .none_bg img { position:static; z-index:1; width:100%; max-width:200px; bottom:0; }


}


@media all and (max-width:1024px) {

body::before { display:none; } 

#header .xresearch_wrap { padding:20px 15px 5px 15px; box-sizing:border-box; background:#d2ecff;  }
#header .xresearch_wrap::after { content:""; display:block; clear:both; }
#header h1 { float:left; margin:0px 0 25px; }
#header h1 a { font-size:20px;  padding:0 0 0 60px;}

#header .info { float:right; transition:all 0.4s; margin-top:5px; margin-bottom:5px; clear:both; display:none;}
#header .m_info { display:block; }
#header .info li { float:left; margin:0 0px 0 5px; }
#header .info li a { display:block; min-width:113px; height:41px; text-align:center; line-height:41px; box-sizing:border-box; padding:0 19px; font-size:15px; font-family: 'S-CoreDream-5Medium'; color:#fff; background:#0082cf;}
#header .info li.log a { background:#4dabe2; }

.m_menu { position:absolute; right:15px; top:35px; z-index:2; display:block; width:26px; }
.m_menu_call { }
.m_menu a { display:block; width:100%; height:21px; }
.m_menu a span { display:block; width:100%; height:3px; background:#3da0f5; transition:all 0.4; }

.m_menu a span:nth-child(2) { margin:6px 0; }

.new_choice { float:left;  transition:all 0.4s; margin:0px 0 30px 0px; width:100%; background:#d2ecff; padding:0 0 10px 0; display:none; }
.m_choice { display:block; }
.new_choice li { padding:6px 0; margin:0 3%; }
 
#xresearch_list { float:right; margin:-19px 3% 0; width:94%; background:#fff; overflow:hidden; border-radius:50px; clear:both; }

.list_votegate { padding:55px 18px 0;  }

.boardbox_table { display:block; width:100%; border:1px solid #dddddd; text-align:left; padding-bottom:11px;  }
.boardbox_table .boardbox_header { display: none !important; }

.boardbox_table .boardbox_content { display:block; }
.boardbox_table .boardbox_content .l_box { display:block; }
.boardbox_table .boardbox_content .l_off { display:none; }
.boardbox_table .boardbox_content .l_box div { display:block; border-bottom:0 none; font-size:14px; color:#333; vertical-align:middle; padding:0px 14px; font-family: 'S-CoreDream-3Light';}
.boardbox_table .boardbox_content .l_box div.td_subject { padding:0 0 0 0; }
.boardbox_table .boardbox_content .l_box div.td_subject .retitle { line-height:24px; color:#222; font-family: 'S-CoreDream-5Medium'; font-size:15px; background:#ecf4fa; padding:14px 15px 14px 26px; text-align:left;}
.boardbox_table .boardbox_content .l_box div.td_date { color:#194aa2;  margin:12px 0 7px; }
.boardbox_table .boardbox_content .l_box div.td_grade { display:inline-block; vertical-align:top;  }
.boardbox_table .boardbox_content .l_box div.td_all { display:inline-block; vertical-align:top; }
.boardbox_table .boardbox_content .l_box div.td_btn { text-align:center; margin-top:20px; }
.boardbox_table .boardbox_content .l_box div span { display:inline-block; vertical-align:top; margin-right:5px; padding:0 0 0 33px;}
.boardbox_table .boardbox_content .l_box div a { color:#333; }

.boardbox_table .boardbox_content .l_box div.td_date span { background:url(./images/common/td_date_m.png) left 2px no-repeat; }
.boardbox_table .boardbox_content .l_box div.td_grade span { background:url(./images/common/td_grade_m.png) left 2px no-repeat; }
.boardbox_table .boardbox_content .l_box div.td_all span { background:url(./images/common/td_all_m.png) left 2px no-repeat; }

.boardbox_table .boardbox_content .l_box div.td_subject span { width:calc(100% - 28px); margin:13px 14px 0; padding:0px 15px; line-height:25px; font-size:14px; color:#333; box-sizing:border-box; background:#f7f7f7; font-family: 'S-CoreDream-4Regular';}

.boardbox_table .boardbox_content .l_box div.td_subject span.side_txt_view {  padding:10px 15px; }

.td_btn .l_btn li { display:inline-block; vertical-align:top; width:167px; margin:6px 0; }
.td_btn .l_btn li a { display:block; width:100%; height:40px; line-height:38px; box-sizing:border-box; border:1px solid #dddddd; font-family: 'S-CoreDream-5Medium'; transition:all 0.4s;}
.td_btn .l_btn li.btn01 a { color:#fff; background:#1791eb; border-color:#1791eb; }

.td_btn .l_btn li a:hover { border-color:#999;  }

/*마감중인설문*/
.off_table .boardbox_table .boardbox_content .l_box { display:none; }
.off_table .boardbox_table .boardbox_content .l_off { display:block; }
.list_votegate.off_table h4::before { border-color:#c3c3c3; }

.boardbox_table .boardbox_content .l_box div.td_subject .retitle { background:#e8e8e8; }

.off_table .boardbox_table .boardbox_header .b_tr p {   background:#f5f5f5; color:#333333; }
.off_table .boardbox_table .boardbox_content .l_box div.td_btn { text-align:center; margin-top:0px; }


/*설문참여*/
#xresearch_join { float:right; margin:-19px 3% 0; width:94%; background:#fff; overflow:hidden; border-radius:50px; clear:both; padding:35px 15px 0;}
#xresearch_join .join_box .xloca { margin-bottom:15px; }
#xresearch_join .join_box h3 { font-size:22px; line-height:30px; }
#xresearch_join .join_box .l_info { font-size:15px; line-height:27px; margin-bottom:20px; }
#xresearch_join .join_box .side_txt_view { padding: 16px 15px; font-size:14px; }
.question_box .que_title { padding:0 0 0; }
.question_box .que_title dd.num li .inp_use {
    padding: 17px 73px 17px 15px; }
.question_box .que_title dd.subjective {
  padding: 24px 20px 29px;
  }
 .question_box .que_title dd.subjective textarea { padding:17px 15px; }
.question_box .que_title dt.title span.q_con { display:block; float:left; width:100% !important; line-height:30px; word-break:break-all; }
 .question_box .que_title dt.title .title_side { margin-top:10px; }

/*결과화면*/
.question_box .que_title dd.re_subjective {
  padding: 24px 20px 29px;
  }
.question_box .que_title dd.re_subjective textarea { padding:17px 15px; }

  
 /*오늘하루열지않음*/
.xresearch_close_popup { position:absolute; left:0px; bottom:22px; width:100%; text-align:center;   }
.xresearch_close_popup .c_btn { display:inline-block; }
.xresearch_close_popup .c_btn::after { content:""; display:block; clear:both; }
.xresearch_close_popup .c_btn li { float:left; }
.xresearch_close_popup .c_btn li.c_bt1 .p_check { display:inline-block; vertical-align:top; width:23px; height:23px; background:url(./images/common/close.png) left top no-repeat; position:relative; margin:0 10px 0 0; }
.xresearch_close_popup .c_btn li.c_bt1 { font-size:15px; color:#444; }
.xresearch_close_popup .c_btn li.c_bt1 input { border:1px solid #499bc9; margin-left:5px; }
.xresearch_close_popup .c_btn li.c_bt2 { margin-left:14px; }

/*설문복사*/
#xresearch_join .join_box .linkcopy .url_box a { width:400px;  }

/*설문결과*/
.question_box .que_title dt.title .q_all { float:left; margin:8px 0 0; }


/*로그인*/
#xresearch_login { float:right; margin:-19px 3% 0; width:94%; background:#fff; overflow:hidden; border-radius:50px; clear:both; padding:35px 15px 20px;}
#xresearch_login .join_box h3 { font-size:22px; line-height:30px;}
#xresearch_login .join_box .l_guide { padding: 16px 15px; font-size:14px; }


}

@media all and (max-width:475px) {
/*설문복사*/
#xresearch_join .join_box .linkcopy .url_box a { width:300px;  }
 
 
}

@media all and (max-width:350px) {
/*설문복사*/
#xresearch_join .join_box .linkcopy .url_box a { width:270px;  }
 
 
}