@charset "utf-8";

:root {
	--fc: #222;  /* CSS 전역 변수 선언 */
}

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; overflow:hidden; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}


/* mc04 */

.mc04 img {width: 100%;}

.mc04 .tb_p1 {font-size: 18px; margin-bottom: 17px; color: var(--fc);}
.mc04 .tb_p2 {font-size: 18px; font-weight: 300; color: #666666;}

.mc04 .eng_t {margin-bottom: 17px; font-size: 18px; color: var(--fc);}
.mc04 .kor_t {font-weight: 500; font-size: 25px; color: var(--fc);}


.mc04 .mc04_top {margin-bottom: 120px;}
.mc04 .contact_top {margin-bottom: 80px;}
.mc04 .top_top {margin-bottom: 40px;}
.mc04 .top_top .tit_g {margin-bottom: 30px; font-size: 18px; color: #34a75b;}
.mc04 .top_top h5 {font-size: 38px; font-weight: 500; color: var(--fc);}

.mc04 .mc04_flex {display: flex; gap: 0 100px;}
.mc04 .mc04_flex .flex-left {flex-grow: 1; max-width: calc(1400px - 795px - 100px); width: 100%;}
.mc04 .mc04_flex .flex-right {width: 795px;flex-shrink: 0;}

.mc04 .arc_name {margin-bottom: 62px;}
.mc04 .arc_name .full_n {font-weight: 500; font-size: 25px; margin-right: 12px; color: var(--fc);}
.mc04 .arc_name .rank {font-size: 18px; font-weight: 300; color: var(--fc);}

.arc_sec_wrap {display: flex; flex-direction: column; gap: 40px 0;}
.arc_section .arc_2{width: 48px; font-weight: 300; font-size: 18px; color: var(--fc);}
.arc_section .arc_6{font-weight: 300; font-size: 18px; color:#666666}

.arc_ul {display: flex; flex-direction: column; gap: 20px 0;}
.arc_sc1 .arc_li{display: flex; gap: 0 30px;}

.arc_sc2  {display: flex; gap: 0 30px;}


.mc04_mid {padding: 120px 0 ;background:#f9f9f9;}
.mc04_mid .tb_p2:first-child {margin-bottom: 15px;}
.mc04_mid .map_text {margin-bottom: 70px;}

.mc04_map {width: 100%;}
.mc04_map iframe {width: 100%;}

.mapc_right  {display: flex; flex-direction: column; gap: 60px 0;}
.loca_div .loca_tit {font-size: 20px; margin-bottom: 30px; color: var(--fc);}
.loca_div .loca_ul {display: flex; flex-direction: column; gap: 20px 0;}
.loca_div .loca_li {display: flex; gap: 0 48px;}
.loca_div .loca_li .arc_2 {width: 67px; font-weight: 300; font-size: 18px; color: var(--fc);}
.loca_div .loca_li .arc_6 {font-weight: 300; font-size: 18px; color: #666;}





/* write */

.mc04_write {padding-top: 120px;}
 
.mc04_write .inquiry_form_l .form1_subtit {margin-bottom: 17px; font-size: 18px; color: var(--fc);}
.mc04_write .inquiry_form_l .form1_maintit {font-size: 25px; font-weight: 500; color: var(--fc);}


.mc04_write .inquiry_form_r { width: 790px;}
.mc04_write .inquiry_form_r .form_r_t {margin-bottom: 80px;}
.mc04_write .inquiry_form_r .form_r_t p {font-weight: 300; font-size: 18px; line-height: 30px; color: #666;}



.mc04_write .write_flex {display: flex; gap: 0 30px;}
.mc04_write .write_flex .in_box {width: calc((100% - 30px)/2);}
.mc04_write .write_box .in_box input {width: 100%;}

.mc04_write .write_box {margin-bottom: 40px;}

.mc04_write .write_box label {margin-top: 0; margin-bottom: 20px;  font-size: 20px; font-weight: 400; color: #0c0c0c;}
.mc04_write .write_box .nec {color: #34a75b;}

.mc04_write span.file_sub {color: #5d5d5d; font-size: 16px;}

.mc04_write .write_input input, .mc04_write .write_textarea textarea {border: none; padding: 17px 20px; background: #f9f9f9; font-size: 16px; font-weight: 300; color: #0c0c0c;}
.mc04_write .write_input input::placeholder ,.mc04_write .write_textarea textarea::placeholder {font-weight: 300; color: #999999; }

.mc04_write .write_textarea textarea {box-shadow: none; height: 120px;}
.mc04_write .write_textarea textarea.write-content:focus {border: none; box-shadow: none;}

/* 첨부파일 */


.write-wrap.estimate_write2 .inquiry_box .answer .file_input {width: 100%; max-width: 100%;}

.write-wrap.estimate_write2 .inquiry_box .answer .file_input .row .file_content {display: flex; gap: 0 10px; margin-bottom: 18px;}
.write-wrap.estimate_write2 .inquiry_box .answer .file_input .row .file_content > div.right_file {float: none; width: calc(100% - 140px); }

.estimate_write2 .inquiry_box .answer .file_input .row .file_content > div.right_file input {width: 100%; padding-left: 20px; height: 55px; background: #f9f9f9;}

.estimate_write2 .inquiry_box .answer .file_input .row .file_content > label {width: 130px; height: 55px; line-height: 55px; font-weight: 300; font-size: 16px; border-radius: 0; background: #999999; color: #fff;}

.file_flex {display: flex; align-items: center; justify-content: space-between;}
.estimate_write2 .file_flex .files_p {font-weight: 300;}
.file_flex img {width: auto;}
.file_flex .file_control p {padding-top: 0; padding-bottom: 0; display: flex; gap: 0 5px;}

.estimate_write2.write-wrap .write-btn.btn_write {margin: 60px 0 0 0; text-align: left;}
.estimate_write2.write-wrap .write-btn.btn_write .btn {border-radius: 0 !important; width: 167px; height: 50px;}
.estimate_write2.write-wrap .write-btn.btn_write .btn span {line-height: 50px; font-size: 16px; font-weight: 400; color: #fff;}

@media (max-width:1280px) {

    .arc_ul {gap: 15px 0;}
    .mc04 .mc04_flex .flex-left {flex-grow: unset; max-width: none; width: 50%;}
    .mc04 .mc04_flex .flex-right {flex-shrink: unset; width: 50%;}

    .arc_section .arc_2 {font-size: 16px;}
    .arc_section .arc_6 {font-size: 15px; line-height: 1.2;}
    .loca_div .loca_li .arc_2 {font-size: 16px;}
    .loca_div .loca_li .arc_6 {font-size: 15px; line-height: 1.2;}

    .mc04 .tb_p1 {font-size: 16px;}
    .mc04 .tb_p2 {font-size: 16px;line-height: 1.2;}

    .mc04_write .inquiry_form_r .form_r_t p {font-size: 16px; line-height: 1.2;}
    
    .mc04_write .inquiry_form_r .form_r_t p:first-child {margin-bottom: 15px;}
}








@media (max-width:991px) {


    .mc04 .contact_top {margin-bottom: 50px;}
    .mc04 .mc04_top {margin-bottom: 60px;}
    .mc04 .top_top .tit_g {font-size: 13px; margin-bottom: 20px;}
    .mc04 .top_top h5 {font-size: 24px;}

    .mc04 .tb_p1 {font-size: 12.5px; margin-bottom: 13px;}
    .mc04 .tb_p2 {margin-bottom: 10px; font-size: 13px;}


    .mc04 .mc04_flex {flex-direction: column; gap: 40px 0;}

    .mc04 .mc04_flex .flex-left {width: 100%;}
    .mc04 .mc04_flex .flex-right {width: 100%;}

    .mc04 .eng_t {font-size: 13px; margin-bottom: 10px;}
    .mc04 .kor_t {font-size: 19px;}

    .mc04 .arc_name .full_n {font-size: 19px; margin-right: 8px;}
    .mc04 .arc_name .rank {font-size: 13px;}

    .arc_sec_wrap {gap: 30px 0;}
    .mc04 .arc_name {margin-bottom: 35px;}
    .arc_section .arc_2 {width: 40px; font-size: 13px;}
    .arc_section .arc_6 {font-size: 13px;}


    .mc04_mid {padding: 60px 0;}
    .mc04_mid .tb_p2:first-child {margin-bottom: 10px;}
    .mc04_mid .map_text {margin-bottom: 10px;}
    .mapc_right {gap: 35px 0;}
    .loca_div .loca_tit {font-size: 14px; margin-bottom: 20px;}
    .loca_div .loca_li .arc_2 {font-size: 13px; width: 54px;}
    .loca_div .loca_li .arc_6 {font-size: 13px; }


    .mc04_map iframe {aspect-ratio: 4/3;}

    .mc04_write .inquiry_form_r .form_r_t p:first-child {margin-bottom: 0;}


    .mc04_write {padding-top: 65px;}
    .mc04_write > .container_fix {flex-direction: column; gap: 25px 0;}

    .mc04_write .inquiry_form_l .form1_subtit {margin-bottom: 12px; font-size: 13px;}
    .mc04_write .inquiry_form_l .form1_maintit {font-size: 18px;}

    .mc04_write .inquiry_form_r {width: 100%;}
    .mc04_write .inquiry_form_r .form_r_t {margin-bottom: 40px;}
    .mc04_write .inquiry_form_r .form_r_t p {font-size: 13px; font-weight: 300; line-height: 19px;}


    .mc04_write .write_flex {flex-direction: column; gap: 30px 0;}
    .mc04_write .write_flex .in_box {width: 100%;}
    .mc04_write .write_box label {font-size: 15px;}
    .mc04_write span.file_sub {font-size: 13px;}

    .mc04_write .write_box {margin-bottom: 30px;}
    .mc04_write .write_input input, .mc04_write .write_textarea textarea {font-size: 13px; padding: 13.5px 14px;}

    .mc04_write .write_textarea textarea {height: 150px;}


    .write-wrap.estimate_write2 .inquiry_box .answer .file_input .row .file_content {gap: 0  8px; margin-bottom: 20px;}
    .write-wrap.estimate_write2 .inquiry_box .answer .file_input .row .file_content > div.right_file {width: calc(100% - 98px);}
    .estimate_write2 .inquiry_box .answer .file_input .row .file_content > div.right_file input {padding-left: 14px; height: 42.5px;}
    .estimate_write2 .inquiry_box .answer .file_input .row .file_content > label {width: 90px; height: 42.5px; line-height: 42.5px; font-size: 13px;}

    .file_flex img {width: 21px;} 

    .estimate_write2.write-wrap .write-btn.btn_write {margin-top: 50px; text-align: center;}
    .estimate_write2.write-wrap .write-btn.btn_write .btn {width: 155px; height: 42.5px;}
    .estimate_write2.write-wrap .write-btn.btn_write .btn span {line-height: 42.5px; font-size: 13px;}
}