#qna_main_page,
#guidebook_main_page {
   width: 1200px;
   text-align: center;
   background: #f8f8f8;
   padding: 60px 0;
}
#qna_main_page h2,
#guidebook_main_page h2 {
   font-size: 32px;
   font-weight: 500;
   color: #231f20;
   margin-bottom: 10px;
}
#qna_main_page h2 + p,
#guidebook_main_page h2 + p {
   font-size: 16px;
   color: #717171;
   margin-bottom: 50px;
}
#qna_counter {
   padding-left: 7px;
}
#qna_counter > div {
   display: inline-block;
   width: 130px;
   height: 148px;
   font-weight: 600;
   text-align: center;
   padding: 0 2px 4px 0;
   margin: 0 30px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#qna_counter > div {
        height: 140px;
        padding: 8px 2px 0 0;
	}

	/* IE10+ CSS styles go here */
}
#qna_counter_today {
   background: url('/images/pc/qna/hexagon_1.png');
}
#qna_counter_total {
   background: url('/images/pc/qna/hexagon_2.png');
}
#qna_top_banner {
   width:1193px;
   height: 291px;
   padding: 75px 0 0 7px;
   background: url('/images/pc/qna/top_banner.png') no-repeat;
   margin-bottom: 60px;
}
#guidebook_counter_today {
   background: url('/images/pc/guidebook/hexagon_1.png');
}
#guidebook_counter_total {
   background: url('/images/pc/guidebook/hexagon_2.png');
}
#guidebook_top_banner {
   width: 1000px;
   height: 2384px;
   padding: 75px 0 0 7px;
   background: url('/images/pc/guidebook/top_banner.jpg?v=4') center no-repeat;
   margin: 0 auto;
}
#guidebook_bottom_banner {
   width: 984px;
   height: 1018px;
   background: url(/images/pc/guidebook/bottom_banner.png) no-repeat;
   margin: 40px auto 100px auto;
}
#guidebook_counter > div {
   display: inline-block;
   width: 134px;
   height: 151px;
   font-weight: 600;
   text-align: center;
   /* padding: 0 2px 4px 0; */
   margin: 0 30px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#guidebook_counter > div {
        height: 140px;
        padding: 8px 2px 0 0;
	}

	/* IE10+ CSS styles go here */
}
.qna_counter_title {
   font-size: 16px;
   color: #231f20;
   margin-top: 38px;
}
#qna_counter_total .qna_counter_title {
   color: white;
}
.qna_counter_value {
   font-size: 32px;
   color: #f5af19;
   line-height: 1.5;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .qna_counter_value {
        line-height: 1.8;
     }
}
#qna_counter + p {
   text-align: center;
   font-size: 18px;
   font-weight: 500;
   line-height: 42px;
   color: #393939;
   margin: 50px;
}
#guidebook_counter + p {
   font-size: 16px;
   color: #313131;
   margin: 65px 0 30px 0;
}
#qna_main_page > a {
   display: block;
   width: 230px;
   line-height: 60px;
   text-align: center;
   font-size: 18px;
   color: white;
   margin: 6px auto;
}
.btn_qna_user_yes {
   background: #f5af19;
}
.btn_qna_user_no {
   background: #959595;
}
.btn_guidebook_top {
   display: block;
   width: 230px; height: 60px;
   line-height: 60px;
   font-size: 18px;
   color: white;
   background: #018459;
   margin: 186px auto 0 auto;
   box-shadow: 1px 1px 5px 0px rgba(0,0,0, 0.7);
}
.btn_guidebook_bottom {
   display: block;
   width: 230px; height: 60px;
   line-height: 60px;
   font-size: 18px;
   color: white;
   background: #f5af19;
   margin: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .btn_guidebook_top,
    .btn_guidebook_bottom {
        line-height: 68px;
    }
    /* IE10+ CSS styles go here */
}

#bottom {
   margin-top: 0;
}

.buttons {
    padding: 0;
}

#query_form_pc input,
#query_form_pc select,
#query_form_pc textarea {
   outline: none;
}


#query_form_pc .inputs {
   width: 750px;
   border-top: 1px solid #c2c2c2;
   padding: 30px 0;
   margin: auto;
} 

#query_form_pc .inputs table {
   margin: auto;
}
#query_form_pc .inputs table th {
   width: 100px;
   text-align: right;
   font-size: 14px;
   color: #343434;
   padding-right: 45px;
}
#query_form_pc .inputs table .required {
   width: 135px;
   padding-right: 10px;   
}
#query_form_pc .required::before {
    content: '';
}
#query_form_pc .inputs table .required::after {
    content: ' (필수)';
    font-size: 12px;
    font-weight: 400;
    color: #018459;
}
#query_form_pc .inputs table td input:not([type=checkbox]):not(#a_address) {
   width: 460px;
   color: #a7a7a7;
   font-size: 16px;
   margin: 6px;
   margin-bottom: 12px;
   border: 2px solid #e7e7e7;
}
#query_form_pc .inputs table td textarea {
   width: 460px;
   font-size: 16px;
   margin: 6px;
   border: 2px solid #e7e7e7;
   padding: 7px;
}
#query_form_pc .inputs table td select {
   width: 210px;
   color: #a7a7a7;
   margin: 6px;
   border: 2px solid #e7e7e7;    
}
#query_form_pc .inputs table td {
   font-size: 14px;
   text-align: left;
}

#query_form_pc .inputs table td input[type=checkbox] {
   font-size: 14px;
   color: #a7a7a7;
   margin: 10px 6px;
}

#query_form_pc .inputs table td label + span {
   color: #f5af19;
}

#a_address {
   width: 160px; height: 45px;
   font-size: 14px;
   color: white;
   background: #959595;
   margin-left: 7px;
   border: 0;
}

#cell_qna_agree_all {
   padding-top: 20px;
}


#sumbit_complete_wrapper {
   width: 446px;
   background: white;
   border: 2px solid #e7e7e7;
   padding: 30px 25px;
   margin: auto;
}
#sumbit_complete_top {
   background: #ebebeb;
   padding: 30px 25px 20px 25px; 
}
#sumbit_complete_top > h3 {
   font-size: 17px;
   color: #444;
}
#sumbit_complete_btns {
   margin: 10px 0;
}
#sumbit_complete_btns > a {
   width: 218px; line-height: 50px;
   color: white;
   font-size: 15px;
   font-weight: 300;
}
#sumbit_complete_btns > a:first-child {
   float: left;
   background: #f5af19;
}
#sumbit_complete_btns > a:last-child {
   float: right;
   background: #555;
}
#sumbit_complete_wrapper > table th {
   width: 100px;
   font-size: 14px;
   color: #9b9b9b;
   text-align:left;
   padding: 6px 0 6px 30px;
}
#sumbit_complete_wrapper > table tr:first-child *,
#sumbit_complete_wrapper > table tr:nth-child(4) * {
   padding-top: 31px;
}
#sumbit_complete_wrapper > table td {
   font-size: 14px;
   color: #3d3d3d;
   text-align:left;
}


div.row.multiple_wrap {
   margin: 6px;
}
.add_attach {
   position: relative;
   width: 80px;
   height: 35px;
   display: inline-block;
   overflow: hidden;
   background: #959595;
   margin: 6px;
   /* border: 2px solid #ddd; */
}
.add_attach .title {
   position: absolute;
   top: 0;
   text-align: center;
   line-height: 35px;
   font-size: 14px;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 0;
   color: white;
   text-align: center;
}
.add_attach iframe {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}