@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 }
 
 @font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 }


@font-face {
    font-family: 'OneStoreMobileGothicTitleFont';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OneStoreMobileGothicBody';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

 
body {font-family:'Noto Sans KR'; font-weight:400; background:#f7f8fb; margin:0;}
a {color:#222; text-decoration:none;}

.survey_wrap {max-width:760px; padding:0 10px; margin:auto;}
.survey_img {display:flex; flex-wrap:wrap; align-content:center; height:130px; margin:15px 0; padding:0 0 0 38px; background:url(/m_img/top_img.png) no-repeat top right 33px #5ca2f1; border-radius:12px;}
.survey_img p {width:100%; margin:5px 0; font-family:'OneStoreMobileGothicTitleFont'; color:#fff; font-size:22px; line-height:normal;}
.survey_img h2 {width:100%; margin:5px 0; font-family:'OneStoreMobileGothicTitleFont'; color:#fff; font-size:34px; line-height:normal; font-weight:normal;}
.survey_img img {width:100%;}

.survey_tit {display:flex; flex-wrap:wrap; align-content:center; min-height:130px; margin:15px 0; padding:10px 15px; background:#126bcd; border-radius:12px;}
.survey_tit p {width:100%; margin:5px 0; padding:10px 20px; font-family:'OneStoreMobileGothicTitleFont'; color:#fff;  background:#3a90e9; font-size:16px; line-height:normal; line-height:24px;border-radius:12px;}
.survey_tit h2 {width:100%; margin:5px 0; font-family:'OneStoreMobileGothicTitleFont'; color:#fff; font-size:28px; line-height:normal; font-weight:normal;}
.survey_tit span {font-size:50%; background:#3a90e9; border-radius:12px;padding:5px 10px;}
.survey_tit img {width:100%;}

.survey_info {background:#fff; padding:20px; border-radius:12px; box-shadow:0 2px 10px #262a380d; margin-bottom:15px;}
.survey_info_tit {font-size:1.25rem; font-weight:700; color:#222; margin-bottom:12px;}
.survey_info_con {font-size:0.95rem; color:#666; margin-bottom:12px;}
.survey_info_date {display:inline-block; font-size:0.85rem; color:#666; padding:8px 18px; background:#f2f3f7; line-height:20px; border-radius:20px;}

.survey_info dl {display:flex; margin:0 0 10px 0;}
.survey_info dl:last-child {margin:0;}
.survey_info dt {width:100px; padding:5px 0; margin:0 10px 0 0; text-align:center; background:#0088cc; color:#fff; font-size:0.95rem; font-weight:500; border-radius:5px;}
.survey_info dd {width:calc(100% - 110px); padding:5px 12px; margin:0; font-size:0.95rem; background:#f2f3f7; color:#333; border-radius:5px;}

.survey_result {background:#fff; padding:20px; border-radius:12px; box-shadow:0 2px 10px #262a380d; margin-bottom:15px;}
.survey_result_tit {position:relative; padding:5px 90px 5px 12px; line-height:28px; font-size:1.1rem; font-weight:700; color:#222; margin-bottom:15px; background:#f2f3f7; border:1px solid #c9ccd6; color:#222; border-radius:5px;}
.survey_result_con {font-size:0.9rem; color:#333;}
.survey_result_con th {font-size:0.9rem; color:#222; padding:3px; border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb; background:#fafafa;}
.survey_result_con td {font-size:0.9rem; color:#333; padding:3px; border-bottom:1px solid #dbdbdb;}
a.btn_chart {position:absolute; top:6px; right:6px; display:block; padding:0 10px; line-height:26px; font-size:0.8rem; background:#006cd9; color:#fff; border-radius:3px; text-decoration:none;}

.survey_write {background:#fff; padding:20px; border-radius:12px; box-shadow:0 2px 10px #262a380d;}
.survey_write dl {display:flex; margin:0 0 10px 0;}
.survey_write dl:last-child {margin:0;}
.survey_write dt {width:100px; padding:5px 0; margin:0 10px 0 0; text-align:center; background:#f2f3f7; color:#222; font-size:0.9rem; font-weight:500; border-radius:5px;}
.survey_write dd {width:calc(100% - 110px); margin:0;}
.survey_write dd input[type=text], .survey_write dd textarea {padding:5px 8px; border:1px solid #c9ccd6; color:#222; font-family:'Noto Sans KR'; font-size:0.9rem; border-radius:5px;}
.survey_write dd input[type=date]{padding:5px 8px; border:1px solid #c9ccd6; color:#222; font-family:'Noto Sans KR'; font-size:0.9rem; border-radius:5px;}

.survey_box {background:#fff; color:#222; padding:20px; border-radius:12px; box-shadow:0 2px 10px #262a380d; margin-bottom:15px;}
.survey_box_tit {margin-bottom:15px; font-weight:500;}
.survey_box_tit small {color:#666; font-weight:400;}
.survey_box_con input[type=radio], .survey_box_con input[type=checkbox] {width:16px; height:16px; margin:2px 5px 0; vertical-align:middle;}
.survey_box_con input[type=text], .survey_box_con textarea {padding:4px 8px; border:1px solid #c9ccd6; color:#222; font-family:'Noto Sans KR'; font-size:0.8rem; border-radius:5px; margin:2px 0;}
.survey_box_con select {padding:3px 4px; border:1px solid #c9ccd6; color:#222; font-family:'Noto Sans KR'; font-size:0.8rem; border-radius:5px;}
.survey_box_con label {vertical-align:middle;}

.btn_wrap {padding:15px 0; text-align:center;}
.btn_submit {display:inline-block; background:#006cd9; color:#fff; font-family:'Noto Sans KR'; font-size:1.15rem; font-weight:500; height:46px; padding:0 30px; box-sizing:border-box; border:0; border-radius:8px; vertical-align:middle;}
a.btn_list {display:inline-block; background:#808080; color:#fff; font-family:'Noto Sans KR'; font-size:1.15rem; font-weight:500; height:46px; line-height:46px; padding:0 30px; box-sizing:border-box; border:0; border-radius:8px; vertical-align:middle; text-decoration:none;}

.survey_list {display:flex; color:#222; background:#fff; padding:15px 20px; border-radius:12px; box-shadow:0 2px 10px #262a380d; margin-bottom:15px;}
.survey_list_con {display:flex; flex-wrap:wrap; width:calc(100% - 150px);}
.survey_list_tit {width:100%; margin-bottom:5px;}
.survey_list_tit .link_tit {font-size:1.1rem; font-weight:700; color:#222;}
.survey_list_tit .link_copy {display:inline-block; font-size:0.95rem; background:#edeef2; color:#333; padding:5px; text-align:center; border-radius:50%;}
.survey_list_tit .link_copy span {position:absolute; margin:-1px; padding:0; width:1px; height:1px; border:0; clip:rect(0, 0, 0, 0); overflow:hidden;}
.survey_list_date {font-size:0.85rem; color:#666;}
.survey_count {display:inline-block; margin-left:13px; color:#333;}
.survey_count b {color:#f22469; font-weight:400;}
.survey_list_btn {display:flex; flex-wrap:wrap; width:150px;}
.survey_list_btn a {display:block; margin:2px; text-align:center;}
.list_btn_result {display:flex; width:100%; padding-bottom:2px;}
.list_btn_result a {width:calc(100% - 4px); font-size:0.9rem; font-weight:600; line-height:28px; background:#007ed9; color:#fff; border-radius:4px;}
.list_btn_admin {display:flex; width:100%;}
.list_btn_admin a {font-size:0.8rem; line-height:24px; background:#e8e9ed; color:#333; border-radius:4px;}
.list_btn_admin a.x1 {width:calc(28% - 4px);}
.list_btn_admin a.x2 {width:calc(44% - 4px);}

.survey_pages p {margin:0;}
.survey_pages span {background:#fff; border-radius:3px;}

.btn_list_wrap {padding:0 0 25px 0; text-align:right;}
.btn_write_wrap {padding:25px 0; text-align:right;}

a.btn_write {display:inline-block; background:#007ed9; color:#fff; font-family:'Noto Sans KR'; font-size:1rem; font-weight:500; height:36px; line-height:36px; padding:0 20px; box-sizing:border-box; border:0; border-radius:5px; vertical-align:middle; text-decoration:none;}
a.btn_list2 {display:inline-block; background:#808080; color:#fff; font-family:'Noto Sans KR'; font-size:1rem; font-weight:500; height:36px; line-height:36px; padding:0 20px; box-sizing:border-box; border:0; border-radius:5px; vertical-align:middle; text-decoration:none;}

.survey_excel {padding:5px 0 20px; text-align:right;}
a.btn_excel {display:inline-block; background:#def0dd; color:#00592d; font-family:'Noto Sans KR'; font-size:0.9rem; font-weight:500; height:32px; line-height:32px; padding:0 14px; border:1px solid #59b377; box-sizing:border-box;  border-radius:5px; vertical-align:middle; text-decoration:none;}
a.btn_excel img {vertical-align:middle; margin-top:-3px;}

.survey_modify div {background:#fff;}
.survey_modify div input[type=text], .survey_modify div textarea {padding:4px 8px; border:1px solid #c9ccd6; color:#222; font-family:'Noto Sans KR'; font-size:0.8rem; border-radius:5px; margin:2px;}
.survey_modify div select {padding:3px 4px; border:1px solid #c9ccd6; color:#222; font-family:'Noto Sans KR'; font-size:0.8rem; border-radius:5px;}
.survey_modify div a {display:inline-block; font-size:0.8rem; line-height:24px; background:#e8e9ed; color:#333; border-radius:4px; padding:0 6px; margin:2px; text-decoration:none;}
.survey_modify div input[type=checkbox] {width:16px; height:16px; vertical-align:middle;}



@media screen and (max-width:768px){
  .survey_img {height:100px; margin:10px 0; padding:0 0 0 18px; background-size:auto 100%; background-position:top right 13px; border-radius:8px;}
  .survey_img p {margin:3px 0; font-size:18px;}
  .survey_img h2 {margin:3px 0; font-size:26px;}

  .survey_info {padding:10px; border-radius:8px; margin-bottom:12px;}
  .survey_info_tit {font-size:1.1rem; margin-bottom:8px;}
  .survey_info_con {font-size:0.9rem; margin-bottom:8px;}
  .survey_info_date {font-size:0.8rem; padding:5px 16px;}
  
  .survey_box {padding:10px; border-radius:8px; margin-bottom:12px;}
  .survey_box_tit {font-size:0.95rem; margin-bottom:5px;}
  .survey_box_con input[type=radio], .survey_box_con input[type=checkbox] {width:14px; height:14px; margin:2px 4px 0;}
  .survey_box_con table {font-size:0.9rem;}
  .survey_box_con table p {margin-block-start:0.5em; margin-block-end:0.5em;}

  .btn_wrap {padding:12px 0;}
  .btn_submit {font-size:1.05rem; height:42px; padding:0 26px;}
  .btn_list {font-size:1.05rem; height:42px; line-height:42px; padding:0 26px;}

}


@media screen and (max-width:480px){
  .survey_img {height:80px; padding:0 0 0 13px; background-size:auto 70px; background-position:top 5px right 8px;}
  .survey_img p {font-size:14px;}
  .survey_img h2 {font-size:20px;}
}