/**************************************************
*   2.4 - section4(공지사항, 자주하는질문, 고객의소리, 이용후기)
**************************************************/
@media (min-width:0) {
    #section4 { background:#ccc url("../images/contents/img_niro_ev_interior01_w.jpg") repeat 0 0; }
    #section4 .tab_wrapper > .tabbox { width:auto; margin:0 auto 20px; overflow:hidden; }
    #section4 .tab_wrapper > .tabbox li { width:49.5%; text-align:center; margin-right:1%; margin-bottom:1%; float:left; }
    #section4 .tab_wrapper > .tabbox li:nth-child(2n) { margin-right:0; }
    #section4 .tab_wrapper > .tabbox li a { background-color:#eee; color:#333; font-size:14px; display:inline-block; width:100%; height:34px; line-height:34px; transition:all 0.5s; }
    #section4 .tab_wrapper > .tabbox li:hover a, #section4 .tab_wrapper > .tabbox li:active a, #section4 .tab_wrapper > .tabbox li:focus a, #section4 .tab_wrapper > .tabbox li.on a { color:#fff; background-color:#cc0000; }
    
    #section4 .tab_wrapper > .hiddencontents { overflow:hidden; }
    
    /* notice */
    #section4 #notice .notice_wrap { overflow:hidden; }
    #section4 #notice .notice_wrap .flbox { width:calc(50% - 5px); float:left; margin-right:5px; padding:20px; padding-right:30px; height:550px; background-color:#fff; }
    #section4 #notice .notice_wrap .frbox { width:calc(50% - 5px); float:left; margin-left:5px; padding:30px; height:550px; background-color:#fff; }
    
    #section4 #notice .tabbox li { height:40px; line-height:40px; border-bottom:1px solid #ccc; text-align:left; color:#666; }
    #section4 #notice .tabbox li:hover {color:#222; font-weight:bold; }
    
    #section4 #notice .mobile-only { background-color:#fff; padding:20px 10px; }
    
    #section4 #notice .view { padding:0 20px; }
    #section4 #notice .view .row_wrap { box-sizing:border-box; color:#787878; line-height:1.4; width:100%; }
    #section4 #notice .view .row_wrap .tx8 { color:#232323; font-size:22px; line-height:1.4; text-align:left; }
    #section4 #notice .view .row .date { border-bottom:1px solid #ccc; margin-bottom:10px; overflow:hidden; text-align:left; vertical-align:middle; width:100%; }
    #section4 #notice .view .row .date span { display:inline-block; font-size:14px; margin:6px 3px; }
    #section4 #notice .view .row .content { display:block; margin-top:20px; overflow-y:auto; width:100%; max-height:400px; }
    #section4 #notice .view .row .content .tx8 { font-size:14px; line-height:1.6; color:#666; }
    
    /* faq */
    #section4 #faq { background-color:#fff; padding:20px; }
    #section4 #faq .flbox { margin-bottom:20px; }
    #section4 #faq .panel_open { border-bottom:1px solid #cccccc; padding:12px 10px; }
    #section4 #faq .panel_open:nth-last-of-type(1) { border-bottom:none; }
    #section4 #faq .panel_open .panel_title { cursor:pointer; position:relative; }
    #section4 #faq .panel_open .panel_title span { background-color:#555; color:#fff; display:inline-block; margin-right:5px; padding:7px 10px; }
    #section4 #faq .panel_open .panel_title b { font-weight:400; font-size:15px; display:inline-block; max-width:80%; vertical-align:text-bottom; color:#333; }
    
    #section4 #faq .panel_open .panel_title span.iconbox { background-color:transparent; display:inline-block; height:16px; margin-right:0; padding:0; position:absolute; right:0px; top:10px; width:16px; }
    #section4 #faq .panel_open .panel_content { display:none; padding:10px; }
    #section4 #faq .panel_open .panel_content table { width:100%; }
    #section4 #faq .panel_open .panel_content th { width:30px; vertical-align:top; }
    #section4 #faq .panel_open .panel_content th span { display:inline-block; margin-right:10px; padding:0 5px; }
    #section4 #faq .panel_open .panel_content td { line-height:1.4; color:#787878; vertical-align:top; }
    
    #section4 #faq .frbox .panel_open { border:none; padding:8px 5px; }
    #section4 #faq .frbox .title { background-color:#333; color:#fff; height:46px; line-height:46px; font-size:17px; text-align:center; }
    #section4 #faq .frbox .panel_open .panel_title { cursor:inherit; }
    #section4 #faq .frbox .panel_open .panel_content { display:block; background-color:#f1f1f1; padding:10px; }
    #section4 #faq .frbox .panel_open .panel_title b { height:25px; line-height:1.4; max-width:100%; }
    
    /* qna */
    #section4 #qna .title { font-size:18px; margin-bottom:10px; }
    #section4 #qna .flbox { background-color:#fff; padding:10px; }
    #section4 #qna .frbox { background-color:#fff; padding:10px; }
    #section4 #qna .form_row { overflow:hidden; }
    #section4 #qna .form_row label { cursor:inherit; width:100%; font-size:15px; box-sizing:border-box; }
    #section4 #qna .form_row label b { font-weight:400; color:#666; }
    #section4 #qna .form_row small { color:#ec2027; vertical-align:middle; }
    
    #section4 #qna .form_row .input_wrap { width:100%; }
    #section4 #qna .form_row .input_wrap select { border:1px solid #cccccc; height:30px; line-height:29px; margin:7px 0; padding-left:10px; color:#787878; font-size:14px; width:200px; background:url("../images/contents/icon_down_01.png") no-repeat 95% 50%; }
    
    #section4 #qna .form_row .input_wrap #file { position:relative; }
    #section4 #qna .form_row .input_wrap .file_input_textbox { width:100%; }
    #section4 #qna .form_row .input_wrap .file_input_div { position:absolute; right:0; top:7px; }
    
	#section4 #qna .form_row .input_wrap ul { width:100%; }
	#section4 #qna .form_row .input_wrap ul li { float:left; width:30%; }
	#section4 #qna .form_row .input_wrap ul li.w10 { text-align:center; width:auto; font-size:11px; padding:12px 3px; }
	#section4 #qna .form_row .input_wrap ul li.w15 { padding:12px 3px; text-align:center; width:auto; }
    #section4 #qna .form_row .input_wrap ul li select { width:100%; }
    #section4 #qna .form_row .input_wrap ul li.last { margin-left:1.5%; }
    
    #section4 #qna .form_row .text_wrap { display:block; }
    #section4 #qna .form_row > span { font-size:13px; line-height:1.4; color:#545454; }
    
    #section4 #qna .form_row .input_wrap.radio_wrap { margin:7px 0 10px; overflow:hidden; display:inline-block; }
    #section4 #qna .form_row .input_wrap.radio_wrap input { margin:0 2px 0 0; }
    #section4 #qna .form_row .input_wrap.radio_wrap .radiospan { display:inline-block; margin:0 7px 0 0; }
    #section4 #qna .form_row .input_wrap.radio_wrap .radiospan label { font-size:13px; }
    
    #section4 #qna .form_row .input_wrap.captchabox { display:inline-block; vertical-align:middle; }
    #section4 #qna .form_row .input_wrap.captchabox .imgbox { border:1px solid #ccc; overflow:hidden; margin-top:8px; }
    #section4 #qna .form_row .input_wrap.captchabox input { float:left; width:calc(100% - 84px); }
    #section4 #qna .form_row .input_wrap.captchabox a { display:inline-block; width:30px; height:30px; font-size:14px; padding:7px; border:1px solid #ccc; margin:7px 0; margin-left:3px; float:left; }
    
    #section4 #qna .caption { line-height:1.4; font-size:13px; color:#aaa; margin-bottom:10px; }
    #section4 #qna .caption i { color:#999; margin-right:3px; }
    
    #section4 #qna .box { border:1px solid #ccc; box-sizing:border-box; font-size:14px; line-height:1.4; padding:15px; height:110px; overflow-y:auto; color:#666; }
    #section4 #qna .cbox { clear:both; margin-bottom:15px; }
    #section4 #qna .cbox input { margin-right:5px; }
	#section4 #qna .cbox label { color:#666; font-size:13px; }
    
    #section4 #qna .btn_group { margin-left:-15px; }
    #section4 #qna .btn_group .btn_cancel { color:#6e6e6e; border-color:#6e6e6e; }
    
    /* review */
    #section4 #review { box-sizing:border-box; }
    #section4 #review .clearfix > .flbox { background-color:#fff; box-sizing:border-box; padding:20px; text-align:left; }
    #section4 #review .clearfix > .frbox { background-color:#fff; box-sizing:border-box; padding:20px; }
    #section4 #review .form_row label { color:#666; font-size:14px; }
    #section4 #review .form_row label b { font-size:16px; font-weight:400; }
    #section4 .frbox { background-color:#fff; }
    #section4 #review .form_row .input_wrap, #section4 #review .form_row .text_wrap { text-align:left; vertical-align:middle; }
    #section4 #review .form_row .input_wrap .dropdown { display:block; margin:8px 0; }
    #section4 #review .form_row .input_wrap .dropdown .dropbtn_default { background-color:#ffffff; border:1px solid #ccc; box-sizing:border-box; color:#a0a0a0; padding:7px 20px; width:100%; }
    #section4 #review .form_row .input_wrap .dropdown .dropdown-content { max-width:inherit; width:100%; }
    #section4 #review .form_row .input_wrap .myrating { margin:8px 0; }
    #section4 #review .form_row .input_wrap .myrating .grade { color:#787878; font-size:14px; }
    #section4 #review .form_row .file { position:relative; }
    #section4 #review .form_row .file .file_input_div { position:absolute; right:0; top:-5px; }
    
    #section4 #review .form_row .input_wrap.captchabox { display:inline-block; vertical-align:middle; }
    #section4 #review .form_row .input_wrap.captchabox .imgbox { border:1px solid #ccc; overflow:hidden; margin-top:8px; }
    #section4 #review .form_row .input_wrap.captchabox input[type='text'] { float:left; width:calc(100% - 84px); }
    #section4 #review .form_row .input_wrap.captchabox a { display:inline-block; width:30px; height:30px; font-size:14px; padding:7px; border:1px solid #ccc; margin:7px 0; margin-left:3px; float:left; }
    
    #section4 #review .form_row .file .caution { bottom:15px; left:0; position:absolute; width:80px; }
    #section4 #review .form_row .caption { color:#aaa; font-size:13px; margin-bottom:10px; }
    #section4 #review .form_row .caption i { margin-right:3px; color:#999; }
    #section4 #review .textbox { border:1px solid #cccccc; height:110px; line-height:18px; margin:8px 0; overflow-y:scroll; padding:10px; }
    #section4 #review .btn_group { clear:both; }
    #section4 #review .reply ul.list { border-top:1px solid #adadad; }
    #section4 #review .reply ul.list li { border-bottom:1px solid #cccccc; padding:15px 0; }
    #section4 #review .reply ul.list li a { display:block; text-align:left; color:#666; }
    #section4 #review .reply ul.list li a p { display:block; font-size:14px; }
    #section4 #review .reply ul.list li a p:nth-last-of-type(1) { margin-top:15px; }
    #section4 #review .reply ul.list li a p span { border-right:1px solid #cccccc; display:inline-block; font-size:13px; line-height:1; padding:0 5px; }
    #section4 #review .reply ul.list li a p span:nth-of-type(1) { padding-left:0; }
    #section4 #review .reply ul.list li a p i { color:#c00; }
    #section4 #review .reply ul.list li a p i.fa_o { color:#ffffff; }
    #section4 #review .reply .write { border-top:2px solid #adadad; }
    #section4 #review .edit { margin:10px 0; text-align:right; }
    #section4 #review .edit .btn { font-size:12px; text-align:center; width:80px; }
    
}
@media (min-width:768px) {
    #section4 .tab_wrapper > .tabbox { width:100%; border-bottom:2px solid #cc0000; padding:0 100px; box-sizing:border-box; }
    #section4 .tab_wrapper > .tabbox li { width:24.25%; text-align:center; margin-right:1% !important; margin-bottom:0; }
    #section4 .tab_wrapper > .tabbox li:nth-child(4n) { margin-right:0 !important; }
    #section4 .tab_wrapper > .tabbox li a { height:44px; line-height:44px; font-size:16px; }
    #section4 .tab_wrapper > .tabbox li a .pc-only { display:inline-block; }
    
    /* faq */
    #section4 #faq .flbox { width:calc(55%); float:left; padding-right:5px; margin-bottom:0; border-right:1px dashed #ccc; }
    #section4 #faq .frbox { width:45%; float:left; padding-left:5px; box-sizing:border-box; }
    #section4 #faq .panel_open .panel_title span { padding:7px 10px; }
    
    /* qna */
    #section4 #qna .form_row { overflow:hidden; }
    #section4 #qna .form_row label { float:left; line-height:50px; width:100px; }
	
    #section4 #qna .form_row .input_wrap, #section4 #qna .form_row .text_wrap { float:left; vertical-align:middle; width:calc(100% - 100px); padding:0 10px; }
    #section4 #qna .form_row .input_wrap.radio_wrap { margin:0; }
    #section4 #qna .form_row .input_wrap select { margin:8px 0; }
    #section4 #qna .form_row .input_wrap input { margin:8px 0; width:60%; }
    
    #section4 #qna .form_row .input_wrap .file_input_textbox { width:100%; }
    #section4 #qna .form_row .input_wrap .file_input_div { right:0; top:8px; }
    
    #section4 #qna .form_row .input_wrap.radio_wrap { }
    #section4 #qna .form_row .input_wrap.radio_wrap input { width:13px; line-height:50px; }
    #section4 #qna .form_row .input_wrap.radio_wrap .radiospan label { width:auto; float:none; line-height:50px; }
    
	#section4 #qna .form_row .text_wrap textarea { margin:8px 0; }
    #section4 #qna .form_row .input_wrap ul li.w15 { padding:12px 5px; }
    #section4 #qna .form_row .input_wrap ul li input { width:100%; }
    
    #section4 #qna .box { padding:20px; }
    
    /* review */
    #section4 #review .clearfix > .flbox { float:left; /*height:760px;*/ margin-right:5px; width:calc(50% - 5px); }
    #section4 #review .clearfix > .frbox { float:left; height:791px; margin-left:5px; width:calc(50% - 5px); }
    #section4 #review .form_row label { display:inline-block; width:20%; }
    #section4 #review .form_row .input_wrap, #section4 #review .form_row .text_wrap { display:inline-block; }
    #section4 #review .form_row .text_wrap { width:79%; }
    #section4 #review .form_row .file .file_input_div { top:7px; }
    #section4 #review .form_row #fileName2 { width:100%; }
    #section4 #review .form_row .file, #section4 #review .form_row .input_wrap { max-width:inherit; width:79%; }
    #section4 #review .form_row .input_wrap input[type='text'], #section4 #review .form_row .input_wrap input[type='password'] { width:100%; }
    #section4 #review .form_row .file .caution { bottom:-10px; left:0; position:absolute; }
    #section4 #review .form_row .input_wrap .dropdown .dropbtn_default { width:210px; }
    #section4 #review ul.list li a p span { padding:0 10px; }
    
    #section4 #review .box { border:1px solid #ccc; font-size:14px; line-height:1.4; padding:15px; height:110px; overflow-y:auto; color:#666; }
    #section4 #review .cbox { clear:both; margin-bottom:15px; }
    #section4 #review .cbox input { margin-right:5px; }
	#section4 #review .cbox label { color:#666; font-size:13px; }
    
}
@media (min-width:992px) {
    /* notice */
    #section4 #notice .notice_wrap .flbox { padding:20px 30px; padding-right:50px; }
    #section4 #notice .tabbox li { font-size:16px; height:44px; line-height:44px; }
    
    /* faq */
    #section4 #faq .flbox { width:calc(100% - 400px); padding-right:15px; }
    #section4 #faq .frbox { width:400px; padding-left:15px; }

    /* qna */
    #section4 #qna .clearfix .flbox { width:calc(50% - 5px); float:left; margin-right:5px; height:520px; }
    #section4 #qna .clearfix .frbox { width:calc(50% - 5px); float:left; margin-left:5px; height:520px; }
    
}
@media (min-width: 1024px) {
    /* faq */
	#section4 #faq .panel_open .panel_content { padding:15px; }
    
    /* review */
    #section4 #review .reply .tx3 { padding:20px 0; }
    #section4 #review .reply .row .icon { width:80px; }
    #section4 #review .reply .row .icon img { width:80px; }
    #section4 #review .reply .reply1 { padding:10px 30px; }
    #section4 #review .edit { margin:10px 0; }
    #section4 #review .edit .btn { font-size:13px; width:80px; }
}
@media (min-width:1200px) {
    #section4 #review ul.list li a p { padding:0 20px; }
}

/* 이용후기 모달창 */
@media (min-width:0) {
    #section4 #modal_review { padding-top:80px; }
    #section4 #modal_review .modal-content { width:95%; }
    #section4 #modal_review .close { color:#333; font-size:24px; margin-top:-5px; position:absolute; right:10px; top:-30px; }
    #section4 #modal_review .row_wrap { padding:10px; box-sizing:border-box; width:100%; color:#787878; }
    #section4 #modal_review .row_wrap .content { overflow-y:auto; }
    #section4 #modal_review .row_wrap .tx8 { line-height:1.4; font-size:16px; color:#545454; text-align:left; }
    #section4 #modal_review .row .icon, #section4 #modal_review .row .con, #section4 #modal_review .row .date{ vertical-align: middle; }
    #section4 #modal_review .row .con{ }
    #section4 #modal_review .row .con .tx8 { font-size:20px; font-weight:300; }
    #section4 #modal_review .row .date { width:100%; overflow:hidden; border-bottom:1px solid #ccc; margin-bottom:10px; display:block; padding:5px 0 10px; }
    #section4 #modal_review .row .date span { display:inline-block; margin:6px 3px; font-size:14px; }
    #section4 #modal_review .row .date span i{color: #c00; }
    #section4 #modal_review .row .date span em { font-style:normal; color:#c00; }
    #section4 #modal_review .row .date .frbox a { display:inline-block; border:1px solid #ccc; border-radius:5px; font-size:13px; height:22px; line-height:20px; padding:0 5px; }
    #section4 #modal_review .row .content { width:100%; display:block; text-align:center; padding:0 10px; box-sizing:border-box; max-height:240px; }
    #section4 #modal_review .row .content img { margin:5px auto 15px; }
    #section4 #modal_review .reply1{display: block;padding: 10px}
}
@media (min-width:768px) {
    #section4 #modal_review { padding-top:100px; }
    #section4 #modal_review .row_wrap { padding:20px; }
    #section4 #modal_review .row .date { }
    #section4 #modal_review .row .date .flbox { float:left; text-align:left; }
    #section4 #modal_review .row .date .frbox { float:right; text-align:left; }
    
    #section4 #modal_review .row .content { padding:0 20px; max-height:340px; }
    #section4 #modal_review .row .content img { width:90%; margin:5px auto 15px; }
    
}
@media (min-width:992px) {
    #section4 #modal_review { padding-top:150px; }
}

/* 이용후기수정 모달창 */
@media (min-width:0) {
    #section4 #modal_write { padding-top:80px; }
    #section4 #modal_write .modal-content { width:95%; padding:10px; }
    #section4 #modal_write .flbox { text-align:left; }
    #section4 #modal_write label { cursor:inherit; }
    #section4 #modal_write label b { color:#666; }
    
    #section4 #modal_write .form_row .file .file_input_div { top:-5px; }
    #section4 #modal_write .form_row .input_wrap .myrating .grade { color:#666; }
    #section4 #modal_write .box { border:1px solid #ccc; font-size:14px; line-height:1.4; padding:15px; height:110px; overflow-y:auto; }
    #section4 #modal_write .cbox { clear:both; margin-bottom:15px; }
    #section4 #modal_write .cbox input { margin-right:5px; }
	#section4 #modal_write .cbox label { color:#333; font-size:13px; }
    #section4 #modal_write .btn_group .btn.btn_cancel { color:#787878; border-color:#ccc; }
}
@media (min-width:768px) {
    #section4 #modal_write .modal-content { padding:20px; }
    #section4 #modal_write .form_row .file .file_input_div { top:7px; }
}