.inner {
     padding: 0 15px;
}
 header#header {
     background-color: #000;
     position: fixed;
     top: -1px;
     width: 100%;
     z-index: 9;
}
 header#header .inner {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 15px;
}
 header#header .menu img, header#header .home img {
     height: 30px;
}
 .total_menu_bg {
     background-color: #000;
     position: fixed;
     width: 100%;
     height: 100%;
     z-index: 991;
     opacity: .4;
     display: none;
}
 #total_menu .inner {
     padding: 0;
}
 #total_menu {
     position: fixed;
     top: 0;
     z-index: 999;
     width: 100%;
     background-color: #ff9136;
     padding: 0 15px;
     overflow: unset !important;
     display: none;
}
 #total_menu:after {
     content: "";
     position: absolute;
     top: 100%;
     right: 25px;
     border-bottom: 20px solid transparent;
     border-top: 20px solid #ff9136;
     border-left: 20px solid #ff9136;
     border-right: 20px solid transparent;
}
 #total_menu .inner {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 #total_menu .home img {
     height: 30px;
}
 #total_menu a.menu img {
     height: 20px;
}
 #total_menu .menu_header {
     padding: 15px 0;
}
 #total_menu nav {
     width: 100%;
}
 #total_menu nav ul li {
     border-top: 1px solid;
     padding: 15px 0;
}
 #total_menu nav ul li a p {
     display: flex;
     align-items: center;
     font-size: 26px;
     justify-content: space-between;
}
 #total_menu nav ul li a p img {
     height: 15px;
}
 #total_menu nav ul li.link p {
     font-size: 18px;
}
 #total_menu nav ul li.link {
     border: unset;
     padding: 40px 0 30px;
}
.video_wrap video {
     width: 100%;
     height: 400px;
}
 .section1 {
     background-color: #000;
     padding-top: 70px;
     color: #fff;
     padding-bottom: 20px;
}
 .t_wrap {
     padding: 10px 0px;
}
 .section1 .t1 {
     font-size: 30px;
     margin: 10px 0 70px;
}
 .section1 .t2 {
     font-size: 16px;
}
 .section2 {
     background-color: #efefef;
     padding: 15px 0 20px;
}
 h3.title {
     font-size: 30px;
     margin-bottom: 10px;
}
 .section2 .t1 {
     font-size: 22px;
     margin-bottom: 10px;
}
 .t_wrap .description.close {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     height: 58.5px;
}
 .t_wrap .description {
     font-size: 15px;
     line-height: 1.3em;
     width: 100%;
}
.t_wrap .hashtag{
     font-size: 15px;
     line-height: 1.3em;
     width: 100%;
}
.t_wrap .hashtag li{
	background: #7e7e7e;
	color: #fff;
	display: inline-block;
	padding: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
}
 .plus_btn_wrap {
     display: flex;
     justify-content: flex-end;
     border-bottom: 1px solid #000;
     padding: 10px 5px;
     font-size: 23px;
     line-height: 0;
}
 .plus_btn_wrap a {
     margin-bottom: 5px;
}
 .section3 {
     background-color: #0a14c8;
     padding: 15px 0 20px;
     color: #fff;
}
 .section3 .t1 {
     font-size: 22px;
     margin-bottom: 10px;
}
 .section3 .plus_btn_wrap {
     border-bottom: 1px solid #ffffff80;
     color: #fff;
}
 .section3 .video_wrap video {
     height: 200px;
}
 .section3 .inner:nth-child(2) {
     margin-top: 20px;
}
 .section3 .more_btn {
     background-color: #000;
}
 .section3 .more_btn_dl {
     background-color: #e3e6e9;
}
 .section3 .more_btn_ft {
     background-color: #000;
}
 .section4 .t1 {
     font-size: 22px;
     margin-bottom: 10px;
}
 .section4 {
     background-color: #cccccc;
     padding: 15px 0 20px;
     color: #000;
}
 .section5 {
     background-color: #000000;
     padding: 15px 0 20px;
     color: #fff;
}
 .section5 .t1 {
     font-size: 22px;
     margin-bottom: 10px;
}
 .section5 .plus_btn_wrap {
     border-bottom: 1px solid #ffffff80;
     color: #fff;
}
 .section5 .video_wrap video {
     height: 200px;
}
 .section5 .inner:nth-child(2) {
     margin-top: 20px;
}
 .section5 .more_btn {
     background-color: #fff;
}
 .section5 .more_btn_dl {
     background-color: #000;
}
 .section5 .more_btn_ft {
     background-color: #fff;
}
 .company_list ul {
     display: grid;
     grid-template-columns: repeat(2, calc(50% - 10px));
     column-gap: 20px;
     row-gap: 20px;
}
 .company_list ul li {
     background-color: #fff;
}
 .company_list ul li p{
     color: #646464;
}
 #cl_color_white{
     color: #fff;
}
 .company_list ul li.click label > div {
     opacity: 0.4;
}
 .company_list ul li .img_wrap {
    /* height: 120px;
    */
     height: 105px;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0 20px;
}
 .company_list ul li .img_wrap img {
     width: 100%;
    /* max-height: 35px;
    */
     max-height: 60px;
     object-fit: contain;
}
 .company_list ul li .info_wrap {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 8px 10px;
}
 .company_list ul li .info_wrap .survey {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 5px 10px;
}
 #survey {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 5px 10px;
}
 .company_list ul li .info_wrap img {
     height: 15px;
}
 .more_btn {
     position: relative;
     background-color: #0a14c8;
     color: #fff;
     padding: 15px;
     display: block;
     margin: 20px 0 0;
     line-height: 1.4em;
}
 .more_btn_dl {
     position: relative;
     background-color: #0a14c8;
     color: #fff;
     padding: 15px;
     display: block;
     margin: 20px 0 0;
     line-height: 1.4em;
}
 .more_btn_ft {
     position: relative;
     background-color: #000;
     color: #fff;
     padding: 15px;
     display: block;
     margin: 20px 0 0;
     line-height: 1.4em;
}
 .more_btn img {
     position: absolute;
     height: 13px;
     right: 15px;
     bottom: 20px;
}
 .more_btn_dl img {
     position: absolute;
     height: 13px;
     right: 15px;
     bottom: 20px;
}
 .more_btn_ft img {
     position: absolute;
     height: 13px;
     right: 15px;
     bottom: 20px;
}
 footer#footer {
     background-color: #efefef;
}
 footer#footer .inner {
     height: 70px;
     display: flex;
     justify-content: flex-end;
     align-items: flex-end;
     padding-bottom: 20px;
     font-size: 11px;
}
/* survey */
 header#header.survey-header {
     background-color: #eeeeee;
}
 header#header.survey-header .home img {
     height: 20px;
}
 .section_survey {
     padding-top: 70px;
     background-color: #eee;
}
 .section_survey .t_wrap {
    /* padding: 10px 0px 40px;
    */
     padding: 10px 0px 10px;
}
 .section_survey .t_wrap .t1 {
     font-size: 30px;
     margin: 10px 0;
}
 .section_survey .t_wrap .step_num {
     font-size: 20px;
}
 .section_survey {
     padding-top: 70px;
     background-color: #eee;
     height: 100vh;
     overflow-y: auto;
     overflow-x: hidden;
     padding-bottom: 70px;
}
 .survey_container .input_row input::placeholder {
     color: #bbb;
}
/* Mark input boxes that gets an error on validation: */
 .survey_container .input_row input.invalid {
     background-color: #ffe6e6;
}
/* Hide all steps by default: */
 .survey_container .tab {
     display: none;
}
/* Make circles that indicate the steps of the form: */
 .survey_container .step {
     height: 15px;
     width: 15px;
     margin: 0 2px;
     background-color: #bbbbbb;
     border: none;
     border-radius: 50%;
     display: inline-block;
     opacity: 0.5;
}
/* Mark the active step: */
 .survey_container .step.active {
     opacity: 1;
}
/* Mark the steps that are finished and valid: */
 .survey_container .step.finish {
     background-color: #04AA6D;
}
 .survey_container .tab .input_row {
     font-size: 18px;
     margin-bottom: 25px;
}
 .survey_container .input_row input {
     width: 100%;
     background-color: #fff;
     height: 50px;
     padding: 0 20px;
     margin-top: 5px;
}
 .step_alert {
     display: none;
}
 .next_btn button {
     color: #fff;
     font-size: 22px;
     height: 100%;
     width: 100%;
     pointer-events: none;
}
 .next_btn {
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     background-color: #646464;
     color: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 60px;
}
 .survey_container .company_list ul li label {
     width: 100%;
}
 .survey_container .company_list label {
     border: 4px solid transparent;
     display: block;
     position: relative;
     cursor: pointer;
}
 .survey_container .company_list label:before {
     background-color: #ff9136;
     color: white;
     content: " ";
     display: block;
     border-radius: 0;
     border: 1px solid #ff9136;
     position: absolute;
     left: 0;
     top: 0;
     width: 30px;
     height: 30px;
     text-align: center;
     transition-duration: 0.4s;
     transform: scale(0);
}
 .survey_container .company_list input:checked+label {
     border-color: #ff9136;
}
 .survey_container .company_list input:checked+label:before {
     background-image: url(../images/ico_company_check.png);
     background-size: 17px;
     background-repeat: no-repeat;
     background-position: 50% 40%;
     transform: scale(1);
}
 .survey_container .tab3 .radio-input {
     visibility: hidden;
     width: 0;
     height: 0;
     margin: 0;
     padding: 0;
     position: absolute;
     left: 0;
}
 .survey_container .tab3 .radio-label {
     position: relative;
     padding-left: 25px;
    /* font-size: 20px;
    */
     font-size: 16px;
}
 .survey_container .tab3 .radio-border {
     width: 16px;
     height: 16px;
     display: inline-block;
     outline: solid 1px #646464;
     border-radius: 0%;
     position: absolute;
     left: 0px;
     top: 13px;
     transform: translateY(-50%);
     background-color: #fff;
}
 .survey_container .tab3 .radio-input:checked + label:after {
     content: "";
     display: block;
     width: 10px;
     height: 10px;
     position: absolute;
     left: 3px;
     top: 8px;
     border-radius: 0%;
}
 .survey_container .tab3 .radio-input:checked+.radio-border {
     outline: solid 1px #ff9136;
}
 .survey_container .tab3 .radio-input:checked+label:after {
     transition: all 0.5s;
     background-color: #ff9136;
}
 .survey_container .tab3 .input_box {
     margin: 10px 10px 15px;
}
 .survey_container .tab3 .input_box.email {
     margin-top: 30px;
}
 .survey_container .q_list .q {
     display: flex;
     font-size: 18px;
     column-gap: 7px;
     line-height: 1.3em;
     padding-bottom: 10px;
}
 .survey_container .q_list input[type=text] {
     width: 100%;
     background-color: #fff;
     height: 50px;
     padding: 0 20px;
     margin-top: 5px;
}
 .survey_container .q_list input[type=text]::placeholder {
     color: #bbb;
}
 .survey_container .q_list .q_row {
     margin-bottom: 30px;
}
 .survey_container .tab .q_list:not(:first-child) {
     border-top: 1px solid;
}
 .survey_container .tab .q_list{
     display: none;
}
 input[type="checkbox"][id^="c_Checkbox"] {
     display: none;
}
 .next_btn.active {
     background-color: #ff9136;
}
 .next_btn.active button {
     color: #000;
     pointer-events: all;
}
 .success_container .img_wrap img {
     width: 100%;
}
 .success_container .alert_wrap {
     background-color: #ff9136;
     color: #000;
     font-size: 20px;
     text-align: center;
     height: 50px;
     line-height: 50px;
}
 .success_container .section1 {
     padding-bottom: 0;
     height: 100vh;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}
 .success_container .section1 .t1 {
     font-size: 45px;
     line-height: 1.3;
     margin: 20px 0;
}
 .success_container .section1 .t2 {
     font-size: 20px;
}
/* modal */
 .modal {
     z-index: 10;
}
 .modal-backdrop {
     z-index: 9;
}
 .modal-content {
     background-color: #fff;
}
 .modal-header {
     padding: 15px;
     border: 0;
}
 .modal-header img {
     height: 35px;
}
 .modal-header .modal-close img {
     height: 20px;
}
 .modal-body .video_wrap video {
     height: 200px;
}
 .modal-body .t1 {
     font-size: 22px;
     margin-bottom: 15px;
}
 .modal-body .t21 {
     font-size: 21px;
     margin-bottom: 15px;
}
 .modal-body .inner {
     padding: 0;
}
 .modal-body .info_wrap ul li {
     display: flex;
     margin-bottom: 5px;
}
 .modal-body .info_wrap ul li span.divider {
     margin-right: 7px;
}
 .modal-body .info_wrap ul li span.t {
     width: 65px;
}
 .modal-body .info_wrap ul li a {
     text-decoration: underline;
}
 .modal .plus_btn_wrap a {
     display: none;
}
 .modal-body {
     padding: 0px 20px 60px;
}
 .modal-body .detail_back_btn {
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     background-color: #ff9136;
     text-align: center;
     font-size: 22px;
     height: 60px;
     line-height: 60px;
}
/*이미지 클릭 시 모달*/
 #modal{
     z-index: 10000;
     display:none;
     position:fixed;
     width:100%;
     height:100%;
     top:0;
     left:0;
     background:rgba(0,0,0,0.3);
}
 .modal-con {
     display: none;
     position: fixed;
     top: 50%;
    /* max-width: 90%;
    */
}
 .modal-con .modal1{
     display: flex;
     width: 90%;
}
 .modal-con .title{
     font-size:20px;
     padding: 20px;
     background : gold;
}
 .modal-con .con{
     font-size:15px;
     line-height:1.3;
    /* padding: 60px;
    */
}
 .modal-con .close{
     display:block;
     position:absolute;
     width:35px;
     height:35px;
     border-radius:50%;
     border: 3px solid #f7f3f3;
     text-align:center;
     line-height: 30px;
     text-decoration:none;
     color:#fffdfd;
     font-size:20px;
     font-weight: bold;
     right:10px;
     top:10px;
}
 #img_src{
     max-width: 100%;
     max-height: 100%;
}
/*설문 스타일 추가*/
 .survery-email-chk{
     color: #000;
     padding: 10px;
     margin-left: 0 !important;
     background-color: #fff;
}
 .survey-complete-x img{
     width: 23px;
     position: fixed;
     right: 5%;
     top: 3%;
}
/*텍스트 데코*/
 .text-deco span {
     text-decoration: underline;
}
/*pc*/
 .pc-body{
     background-color: #000000;
}
 .pc-img-area{
    /*max-width: 1024px;
     margin: 0 auto;
     position: fixed;
     bottom: 0;
    */
     position: relative;
     width: 100%;
     max-width: 100%;
     position: fixed;
     bottom: 0;
}
 .pc-img-area img{
    /*width: 100%;
     margin-right: 40%;
    */
     width: 60%;
     margin-left: 20%;
     margin-bottom: -4px;
}
.video_length {
    width: 100%;
    height: 0;
    padding-top: 178%; /* 가장 중요 */
    position: relative;
}

.video_length iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}