@charset "utf-8";

/* sub css */
#demo-modal {display:none;}

/* open api */
.ui_form_box_wrap.openapi .lineWrap > .lineWrapInner,
.ui_form_box_wrap.openapi .lineWrap > input[type='submit'],
.ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_01,
.ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_01 select,
.ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02,
.ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 .datapicker_wrap,
.ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 .dash {float:left;}
.ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_01 select ~ select {margin-left:5px;}
.ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 .datapicker_wrap.start {margin-left:20px;}
.ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 .dash {margin:0 5px;line-height:36px;}
.ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_02 {margin-top:5px;}
.ui_form_box_wrap.openapi .lineWrap > input[type='submit'] {width:77px;height:77px;margin-left:5px;background:#444444;font-weight:700;color:#ffffff;}
.ui_form_box_wrap.openapi .lineWrap > .lineWrapInner {width:708px;}
.ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 .datapicker_wrap {width:233px;}
.ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 .datapicker_wrap > input[type='text'] {width:100%;height:36px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_02 > input[type='text'] {width:100%;height:36px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tbl.api_input input[type='text'] {width:100%;height:36px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* 뷰어다운로드 */
.viewerDownWrap {border-top:1px solid #e1e2e2;}
.viewerDownWrap > ul > li {border-bottom:1px solid #e1e2e2;}
.viewerDownWrap > ul > li > .bg,
.viewerDownWrap > ul > li > .rightArea {float:left;}
.viewerDownWrap > ul > li > .bg {width:108px;height:108px;margin:17px 0;}
.viewerDownWrap > ul > li > .bg.hwp {background:url(/ccp_site/ccp/images/sub/bg/bg_viewer_hwp.png) no-repeat 0 0;}
.viewerDownWrap > ul > li > .bg.pdf {background:url(/ccp_site/ccp/images/sub/bg/bg_viewer_pdf.png) no-repeat 0 0;}
.viewerDownWrap > ul > li > .bg.ppt {background:url(/ccp_site/ccp/images/sub/bg/bg_viewer_ppt.png) no-repeat 0 0;}
.viewerDownWrap > ul > li > .bg.excel {background:url(/ccp_site/ccp/images/sub/bg/bg_viewer_excel.png) no-repeat 0 0;}
.viewerDownWrap > ul > li > .bg.word {background:url(/ccp_site/ccp/images/sub/bg/bg_viewer_word.png) no-repeat 0 0;}
.viewerDownWrap > ul > li > .rightArea {width:686px;margin-left:36px;}
.viewerDownWrap > ul > li > .rightArea > dl {float:left;}
.viewerDownWrap > ul > li > .rightArea > a {float:right;width:163px;height:47px;margin-top:46px;padding-left:32px;border:1px solid #cccccc;background:url(/ccp_site/ccp/images/sub/bg/bg_viewer_btn_down.png) no-repeat 100% 0;font-weight:700;line-height:47px;}
.viewerDownWrap > ul > li > .rightArea > dl {width:428px;margin-top:35px;}
.viewerDownWrap > ul > li > .rightArea > dl > dt {font-size:17px;font-weight:700;color:#545454;line-height:39px;}

/* 설문조사 */
.survey_ing {display:inline-block;font-size:11px;border:1px solid #3aa7fb;border-radius:2px;color:#3aa7fb;padding:3px 5px;vertical-align:middle;}
.btn_survey_in,
.btn_survey_result {display:inline-block;color:#fff;font-weight:700;padding:5px 12px;border-radius:18px;white-space:nowrap;}
.btn_survey_in {background:#21539a;}
.btn_survey_result {background:#06819d;}
.survey_box {margin-top:50px;}
.survey_box > dt {padding-left:54px;line-height:37px;font-size:15px;color:#545454;position:relative;font-weight:700;}
.survey_box > dt:before {position:absolute;top:0;left:0;width:37px;height:37px;background:#686868;color:#fff;content:'Q';line-height:37px;text-align:center;}
.survey_box > dd > ul {margin-top:27px;}
.survey_box > dd > ul > li {float:left;margin-left:20px;line-height:36px;}
.survey_box > dd > ul > li:first-child {margin-left:0;}
.survey_box > dd > ul > li > label {margin-left:5px;}
.survey_box.ques_03 > dd > ul > li:last-child {margin-top:10px;margin-left:0;}
.survey_box.ques_03 > dd > ul > li:last-child input[type='text'] {width:749px;margin-left:5px;}
.survey_box.result .tbl_graph {overflow-x:auto;margin-top:27px;border-top:2px solid #505050;border-bottom:1px solid #b7b7b7;}
.survey_box.result .tbl_graph table {width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
.survey_box.result .tbl_graph table th,
.survey_box.result .tbl_graph table td {padding:10px;}
.survey_box.result .tbl_graph table tbody th,
.survey_box.result .tbl_graph table tbody td {border-top:1px solid #e0e0e0;}
.survey_box.result .tbl_graph table tbody tr:first-child th,
.survey_box.result .tbl_graph table tbody tr:first-child td {border-top:0;}
.survey_box.result .tbl_graph tfoot th,
.survey_box.result .tbl_graph tfoot td {border-top:1px solid #b7b7b7;}
.survey_box.result .tbl_graph > ul {padding:20px;}
.survey_box.result .tbl_graph > ul > li {line-height:30px;border-top:1px dashed #e0e0e0;}
.survey_box.result .tbl_graph > ul > li:First-child {border-top:0;}
.survey_box.result .has_border_right {border-right:1px solid #b7b7b7;}
.survey_box textarea {width:100%;margin-top:27px;min-height:100px;}
.survey_box .seosul_list {margin-top:27px;border-top:2px solid #505050;border-bottom:1px solid #b7b7b7;padding:10px;}
.survey_box .seosul_list > ul > li {line-height:30px;border-top:1px dashed #e0e0e0;}
.survey_box .seosul_list > ul > li:first-child {border-top:0;}
.surveyGraphWrap {display:block;width:100%;height:22px;border-radius:3px;background:#f5f5f5;vertical-align:top;}
.surveyGraphWrap .bar {display:inline-block;width:0;height:22px;background:#2596e4;opacity:0;animation:1s chart_ani ease forwards;text-indent:-9999em;}
.survey_box tr:nth-child(1) td .bar {-webkit-animation-delay:0.5s;-o-animation-delay:0.5s;animation-delay:0.5s;}
.survey_box tr:nth-child(2) td .bar {-webkit-animation-delay:1.0s;-o-animation-delay:1.0s;animation-delay:1.0s;}
.survey_box tr:nth-child(3) td .bar {-webkit-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s;}
.survey_box tr:nth-child(4) td .bar {-webkit-animation-delay:2.0s;-o-animation-delay:2.0s;animation-delay:2.0s;}
.survey_box tr:nth-child(5) td .bar {-webkit-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s;}
.survey_box tr:nth-child(6) td .bar {-webkit-animation-delay:3.0s;-o-animation-delay:3.0s;animation-delay:3.0s;}
.survey_box tr:nth-child(7) td .bar {-webkit-animation-delay:3.5s;-o-animation-delay:3.5s;animation-delay:3.5s;}
.survey_box tr:nth-child(8) td .bar {-webkit-animation-delay:4.0s;-o-animation-delay:4.0s;animation-delay:4.0s;}
.survey_box tr:nth-child(9) td .bar {-webkit-animation-delay:4.5s;-o-animation-delay:4.5s;animation-delay:4.5s;}
.survey_box tr:nth-child(10) td .bar {-webkit-animation-delay:5.0s;-o-animation-delay:5.0s;animation-delay:5.0s;}
@-moz-keyframes chart_ani {0% {width:0;} 100% {opacity:1;}}
@-webkit-keyframes chart_ani {0% {width:0;} 100% {opacity:1;}}
@-ms-keyframes chart_ani {0% {width:0;} 100% {opacity:1;}}
@-o-keyframes chart_ani {0% {width:0;} 100% {opacity:1;}}
@keyframes chart_ani {0% {width:0;} 100% {opacity:1;}}
.btn_area.default {margin-top:30px;}
.jqPaging_seosul_wrap {margin-top:30px;text-align:center;}
.jqPaging_seosul_wrap .jqPaging_seosul {display:inline-block;}

/* RSS */
.tbl .link > .bg_rss {display:inline-block;width:19px;height:19px;margin-left:10px;background:url(/ccp_site/ccp/images/sub/bg/bg_rss.png) no-repeat 0 0;vertical-align:middle;text-indent:-9999em;}
.tbl .btn_rss {display:inline-block;width:18px;height:21px;background:url(/ccp_site/ccp/images/sub/bg/bg_rss_copy.png) no-repeat 0 0;vertical-align:middle;text-indent:-9999em;}

/* 자가진단 */
#frmSearch.selfDgness fieldset {float:none;}
.ui_form_box_wrap.selfDgness .select_wrap {float:none;width:100%;}
.ui_form_box_wrap.selfDgness .select_wrap select {width:260px;}
.ui_form_box_wrap.selfDgness .btn_input_wrap {float:none;width:100%;margin-top:5px;margin-left:0;}
.ui_form_box_wrap.selfDgness .btn_input_wrap input[type='text'] {width:706px;margin-left:0;}
.self_counsel_area.depth_01 > li {margin-top:35px;padding-left:18px;font-size:15px;font-weight:700;}
.self_counsel_area.depth_01 > li:first-child {margin-top:0;}
.self_counsel_area.depth_01 > li input[type='radio'] {width:0;height:0;font-size:0;line-height:0;}
.self_counsel_area.depth_01 li input[type='radio']:checked + label {color:#ff0000;}
.self_counsel_area.depth_01 > li label {text-decoration:underline;}
.self_counsel_area.depth_01 > li > .depth_num_01 {display:inline-block;text-indent:-18px;}
.self_counsel_area.depth_01 > li > .depth_02 {border-left:5px solid #f6f6f6;padding:10px 0 10px 20px;margin-top:20px;}
.self_counsel_area.depth_01 > li > .depth_02 > li,
.self_counsel_area.depth_01 > li > .depth_02 > li > .depth_03 > li,
.self_counsel_area.depth_01 > li > .depth_02 > li > .depth_03 > li > .depth_04 > li {margin-top:10px;padding-left:10px;font-size:13px;font-weight:normal;}
.self_counsel_area.depth_01 > li > .depth_02 > li:first-child {margin-top:0;}
.self_counsel_area.depth_01 > li > .depth_02 > li > .depth_num_02,
.self_counsel_area.depth_01 > li > .depth_02 > li > .depth_03 > li > .depth_num_03 {display:inline-block;text-indent:-10px;}
.data_content_wrap .data_line label,
.data_content_wrap .data_line .unit {display:inline-block;line-height:36px;}
.data_content_wrap .data_line .unit {width:13px;margin-left:5px;}
.data_content_wrap .data_line label {font-weight:700;}
.data_content_wrap .data_line input[type='text'] {width:597px;}
.data_content_wrap .result_area,
.data_content_wrap .result_total_area {margin-top:30px;}
.data_content_wrap .user_input_area .data_line ~ .data_line,
.data_content_wrap .result_area .data_line ~ .data_line,
.data_content_wrap .result_total_area .data_line ~ .data_line {margin-top:5px;}
.data_content_wrap .data_btn_area {margin-top:30px;}

/* 서비스 안내 | 참여기관안내 */
.insttContent .voice_info {text-align:right;}
.insttContent .voice_info strong {margin-right:10px;padding-left:30px;background:url(/ccp_site/ccp/images/sub/content/service_speaker.png) no-repeat left center;line-height:21px;vertical-align:top;}
.insttContent .voice_info button[type='button'] img {width:30px;min-width:30px;height:20px;}
.insttContent .insttContentTxt {margin-top:10px;}

.txt_reall_cat {display:inline-block;margin-left:10px;padding-left:10px;border-left:3px solid #e0e0e0;font-size:22px;font-weight:700;color:#03a9f4;line-height:38px;vertical-align:top;}
.compare_attach_area {border-bottom:1px solid #e1e2e2;}
.compare_attach_area > dt {float:left;width:147px;text-align:center;padding-top:11px;font-weight:700;}
.compare_attach_area > dd {float:left;width:683px;}
.compare_attach_area_info {margin-top:20px;}
.compare_attach_area_info > p {float:left;color:#e41414;line-height:30px;}
.compare_attach_area_info > a {float:right;margin-right:20px;}

.info_change_wrap {display:none;margin-top:20px;padding:20px;background:#f6f6f6;}
.info_change_wrap > ul > li {float:left;width:33.33%;}
.info_change_wrap > ul > li:nth-child(n+4) {margin-top:5px;}


@media screen and (max-width:1139px) {
    .datapicker_wrap .date-picker-control {top:11px;}

    /* open api */
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner {width:-webkit-calc(100% - 82px);width:-moz-calc(100% - 82px);width:calc(100% - 82px);}
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 {width:-webkit-calc(100% - 227px);width:-moz-calc(100% - 227px);width:calc(100% - 227px);}
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 .datapicker_wrap {width:-webkit-calc((100% - 40px) / 2);width:-moz-calc((100% - 40px) / 2);width:calc((100% - 40px) / 2);}
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 .datapicker_wrap > input[type='text'] {height:41px;}
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 .dash {line-height:41px;}
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_02 > input[type='text'] {width:-webkit-calc(100% - 1px);width:-moz-calc(100% - 1px);width:calc(100% - 1px);height:41px;}
    .ui_form_box_wrap.openapi .lineWrap > input[type='submit'] {height:87px;}
    .tbl.api_input input[type='text'] {height:41px;}

    /* 뷰어다운로드 */
    .viewerDownWrap > ul > li > .rightArea {width:-webkit-calc(100% - 144px);width:-moz-calc(100% - 144px);width:calc(100% - 144px);}
    .viewerDownWrap > ul > li > .rightArea > a {width:173px;padding-left:22px;}

    /* 설문조사 */
    .survey_box > dd > ul > li {line-height:41px;}

    /* 자가진단 */
    .ui_form_box_wrap.selfDgness .select_wrap select {width:-webkit-calc((100% - 10px) / 3);width:-moz-calc((100% - 10px) / 3);width:calc((100% - 10px) / 3);}
    .ui_form_box_wrap.selfDgness .btn_input_wrap input[type='text'] {width:-webkit-calc(100% - 90px);width:-moz-calc(100% - 90px);width:calc(100% - 90px);}
    .data_content_wrap .data_line input[type='text'] {width:-webkit-calc(100% - 47px);width:-moz-calc(100% - 47px);width:calc(100% - 47px);}

    .ie-hate .ui_form_box_wrap.selfDgness .select_wrap select {width:-webkit-calc((100% - 11px) / 3);width:-moz-calc((100% - 11px) / 3);width:calc((100% - 11px) / 3);}

    .compare_attach_area > dt {width:20%;}
    .compare_attach_area > dd {width:80%;}
    .compare_attach_area_info > p {float:none;}
    .compare_attach_area_info > a {float:none;margin-right:0;margin-top:10px;}


}

@media screen and (max-width:1004px) {
    .survey_box.ques_03 > dd > ul > li:nth-child(4) {width:100%;margin-left:0;}
    .info_change_wrap > ul > li {width:50%;}
    .info_change_wrap > ul > li:nth-child(n+4) {margin-top:0px;}
    .info_change_wrap > ul > li:nth-child(n+2) {margin-top:5px;}
}

@media screen and (max-width:915px) {
    .survey_box.ques_03 > dd > ul > li:last-child {width:100%;}
    .survey_box.ques_03 > dd > ul > li:last-child input[type='text'] {width:-webkit-calc(100% - 88px);width:-moz-calc(100% - 88px);width:calc(100% - 88px);}
}

@media screen and (max-width:852px) {
    .viewerDownWrap > ul > li > .rightArea > dl {float:none;width:100%;}
    .viewerDownWrap > ul > li > .rightArea > a {display:inline-block;float:none;margin-top:20px;margin-bottom:50px;}
}

@media screen and (max-width:782px) {
    .survey_box.ques_03 > dd > ul > li:nth-child(3) {margin-left:0;}
    .survey_box.ques_03 > dd > ul > li:nth-child(4) {width:auto;margin-left:20px;}
}

@media screen and (max-width:768px) {
    /* open api */
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_01 {float:none;width:100%;}
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_01 select {width:-webkit-calc((100% - 7px) / 2);width:-moz-calc((100% - 7px) / 2);width:calc((100% - 7px) / 2);}
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 {float:none;width:100%;margin-top:5px;}
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 .datapicker_wrap.start {margin-left:0;}
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 .datapicker_wrap {width:-webkit-calc((100% - 21px) / 2);width:-moz-calc((100% - 21px) / 2);width:calc((100% - 21px) / 2);}
    .ui_form_box_wrap.openapi .lineWrap > input[type='submit'] {height:133px;}

    /* 자가진단 */
    .ie-hate .ui_form_box_wrap.selfDgness .select_wrap select,
    .ui_form_box_wrap.selfDgness .select_wrap select {width:100%;}

    .ui_form_box_wrap.selfDgness .select_wrap select + select {margin-left:0;margin-top:5px;}

    .info_change_wrap > ul > li {width:100%;}
    .info_change_wrap > ul > li:nth-child(n+4) {margin-top:0px;}
    .info_change_wrap > ul > li:nth-child(n+2) {margin-top:0px;}
    .info_change_wrap > ul > li + li {margin-top:5px;}
}

@media screen and (max-width:714px) {
    .survey_box.ques_04 > dd > ul > li:last-child {margin-left:0;}
    .survey_box.ques_03 > dd > ul > li:nth-child(4) {margin-left:0;}
}


@media screen and (max-width:639px) {
    /* 설문조사 */
    .survey_box > dt {font-size:18px;}
    .survey_box > dd > ul > li {float:none;margin-left:0;}
    .survey_box.ques_03 > dd > ul > li:last-child {margin-top:0;}
}

@media screen and (max-width:480px) {
    /* open api */
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner {float:none;width:100%;}
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_01 select {float:none;width:-webkit-calc(100% - 1px);width:-moz-calc(100% - 1px);width:calc(100% - 1px);}
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_01 select ~ select {margin-top:5px;margin-left:0;}
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 .datapicker_wrap {display:block;float:none;width:100%;}
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 .datapicker_wrap ~ .datapicker_wrap {margin-top:5px;}
    .ui_form_box_wrap.openapi .lineWrap > .lineWrapInner .line_01 .line_01_02 .dash {display:none;}
    .ui_form_box_wrap.openapi .lineWrap > input[type='submit'] {float:none;width:100%;height:41px;margin-top:5px;margin-left:0;}

    /* 뷰어다운로드 */
    .viewerDownWrap > ul > li {text-align:center;}
    .viewerDownWrap > ul > li > .bg,
    .viewerDownWrap > ul > li > .rightArea {float:none;}
    .viewerDownWrap > ul > li > .bg {display:inline-block;}
    .viewerDownWrap > ul > li > .rightArea {float:none;width:100%;margin-left:0;}
    .viewerDownWrap > ul > li > .rightArea > dl,
    .viewerDownWrap > ul > li > .rightArea > a {text-align:left;}
    .viewerDownWrap > ul > li > .rightArea > dl {margin-top:0;}

    /* 설문 */
    .btn_area.default > .ui_btn {width:100%;height:41px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;}

    /* 자가진단 */
    .ui_form_box_wrap.selfDgness .btn_input_wrap input[type='text'] {width:100%;}

    /* 서비스 안내 | 참여기관안내 */
    .insttContent .voice_info {text-align:left;}
    .insttContent .voice_info strong {display:block;margin-right:0;margin-bottom:10px;}
    .btn_up_obj.btn_three a {width:100%;height:41px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;margin-left:0;}
    .btn_up_obj.btn_three a + a {margin-top:5px;}
}