@charset "utf-8";

/* 공통 */
.clear {clear:both}
.tac {text-align:center !important}
.tal {text-align:left !important}
.tar {text-align:right !important}
.fl {float:left}
.fr {float:right}
.pointer {cursor:pointer}
.bold {font-weight:bold}
.ovfh {overflow:hidden}
.list_init {margin:0;padding:0;list-style:none}
.dpib {display:inline-block}
.readonly {border:1px solid #a2a2a2 !important;background-color:#e4e4e4 !important}
.disabled {border:1px solid #999 !important;background-color:#ddd !important}
.hidden {display:none}
.nowrap {white-space:nowrap}

.mgt0 {margin-top:0px !important}
.mgt5 {margin-top:5px !important}
.mgt20 {margin-top:20px !important}
.mgt30 {margin-top:30px !important}
.mgr0 {margin-right:0px !important}
.mgb0 {margin-bottom:0px !important}
.mgb5 {margin-bottom:5px !important}
.mgb10 {margin-bottom:10px !important}
.mgb20 {margin-bottom:20px !important}
.mgb30 {margin-bottom:30px !important}
.mgb40 {margin-bottom:40px !important}
.mgb50 {margin-bottom:50px !important}
.mgl0 {margin-left:0px !important}
.mgl15 {margin-left:15px !important}
.pdt0 {padding-top:0px !important}
.pdr0 {padding-right:0px !important}
.pdb0 {padding-bottom:0px !important}
.pdl0 {padding-left:0px !important}

.cl_gray {color:#666}
.cl_red {color:#f00}
.cl_blue {color:#00f}
.cl_green {color:#0f0}

/* 본 사이트 전용 */
body {width:100%;min-width:320px;height:100%;font-family:'SUIT', 'Malgun Gothic', sans-serif; font-weight:500}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family:'SUIT', 'Malgun Gothic', sans-serif}
.frm_input, input[type=text], input[type=password], input[type=submit], textarea, select, button {font-family:'SUIT', 'Malgun Gothic', sans-serif}
input[type="text"], input[type="password"], input[type="submit"], input[type="image"], button, textarea {-webkit-appearance:none}
select {padding:5px;background:none}

#hd_pop {width:100% !important;max-width:1200px}
#hd_pop .hd_pops_con img {width:100%;height:auto}
#copymove .tbl_head01 thead th, #copymove .tbl_head01 td {font-size:1.167em}
a.btn, .btn {display:inline-block;font-weight:normal;font-size:1.083em; border-radius:5px;}
#modal_bg {display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.65)}
.frm_input.input_error, .frm_input.input_error:focus {border:2px solid #f44336 !important;background-color:#f7ecea !important;color:#ff0000 !important}
.frm_input.input_valid, .frm_input.input_valid:focus {border:2px solid #009688 !important;color:#004d40 !important}

#container_vis .bg_vis {overflow:hidden;position:relative}
#container_vis .bg_vis li {display:none;position:absolute;left:0;top:0;width:100%;height:100%}
#container_vis .txt_vis {position:relative;width:100%;height:100%;margin:0}
#container_vis .txt_vis > div {/*display:none;*/position:absolute;z-index:60}
.nbg {background:none !important}
.w100 {width:100%}
.in_1200 {width:100%;max-width:1200px;margin:0 auto;padding:0}

/* 헤더 */
#header {position:relative}
#header:after {display:block;clear:both;content:""}
.h_top{overflow:hidden; width:100%; background:#f3f3f3}
.h_top li{float:left; text-align:center;}
.h_top li:not(:last-child){border-right:1px solid #d4d4d4}
.h_top li a{display:block; padding:0 19px; font-size:1.333em; line-height:41px;color:#444}
.h_top li a > span{color:#fff; display:inline-block}
.h_top li.ht_text{display:none; font-size:1.333em; color:#444; line-height:41px; padding:0 15px; background:#eaeaea; border:0}
.h_top li.ht_home{background:#3b3b3b; border:0}
.h_top li.ht_home span{padding-right:29px; background:url(../images/icon_link.svg) right center no-repeat; background-size:15px auto}
.h_top li.ht_login{background:#a67638; border:0}
.h_top li.ht_login span{padding-left:23px;background:url(../images/icon_login.svg) left center no-repeat; background-size:16px auto}
.h_menu {position:relative;height:70px}
.h_menu:after {display:block;clear:both;content:""}
.logo {float:left;width:50%;max-width:294px}
.logo a {display:block;padding:0 10px;line-height:70px}
.toggle_menu {position:absolute;right:0;top:0;height:100%;padding:12px;border:0;background:#fff}
.toggle_menu img {padding:7px;border:1px solid #ddd;border-radius:5px}
.container_menu {position:relative;clear:both}

/* 메뉴 */
#header .hd_menu_bg {display:none;overflow:hidden;position:absolute;left:0;top:139px;z-index:500;width:100%;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;background:rgba(255,255,255,0.98)}
#header .hd_menu_bg > div {max-width:1200px;margin:0 auto}
#hd_menu {display:none;position:absolute;top:0;left:0;z-index:1000;width:100%;border-top:2px solid #A57535;background:#fff}
#hd_menu .main_menu > li {border-bottom:1px solid #ddd}
#hd_menu .main_menu > li > a {display:block;padding:2% 0 2% 8%;font-size:1.25em;line-height:1.5;color:#555}
#hd_menu .main_menu > li.on {background:#A57535}
#hd_menu .main_menu > li.on > a {font-weight:bold;color:#fff}
#hd_menu .sub_menu {display:none;padding:1% 0;background:#f5f5f5}
#hd_menu .sub_menu > ul > li > a {display:block;padding-left:10%;font-size:1.167em;line-height:2.2;color:#555}
#hd_menu .sub_menu > ul > li.on > a {color:#A57535}


/* 메인 비주얼 */
.main_visual {}
.main_visual .bg_vis {height:200px}
.main_visual .bg_vis .txt_vis{display:flex; justify-content:center; align-items:center; text-align:center}
.main_visual .bg_vis .txt_vis p{font-size:4.17em; color:#fff; font-weight:400; text-shadow:0 0 7px rgba(0, 0, 0, 0.5);}
.main_visual .bg_vis .txt_vis p span{font-size:1.3em; font-weight:700}


/* 메인 콘텐츠 - 공통 */
h3.mc_tit{font-size:2.5em; font-weight:700; color:#333; line-height:1}

/* 메인 콘텐츠 - mcon_white */
.mcon_white{padding:45px 15px}
.mc_notice{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.mc_notice h3.mc_tit{padding-bottom:4px; padding-left:13px}
.mc_notice > a{display:inline-block; padding:0 46px 0 15px; position:relative; line-height:33px; font-size:1.417em; color:#333}
.mc_notice > a:after{position:absolute; right:0; top:0; width:33px; height:33px; border-radius:50%; border:1px solid #d9d9d9; background:url(../images/icon_plus_bl.svg) center no-repeat; background-size:15px auto !important; transition:all .6s ease-in-out; content:''}
.mc_notice > a:hover{color:#4f67b1}
.mc_notice > a:hover:after{border:1px solid #4f67b1; background:#4f67b1 url(../images/icon_plus_w.svg) center no-repeat}
.mc_notice ul{width:100%}
.mc_notice li:not(.empty_list){position:relative; width:100%; border-radius:20px; background:#f2f4f8; margin-top:15px; padding-right:44px; display:flex; justify-content:space-between;}
.mc_notice li:not(.empty_list):after{position:absolute; left:37px; top:50%; transform:translateY(-50%); width:4px; height:4px; border-radius:50%; background:#959aa4; content:''}
.mc_notice li.empty_list {width:100%;font-size:1.25em;line-height:20}
.mc_notice li .txt {display:block;overflow:hidden;width:70%;padding-left:50px;font-size:1.417em;line-height:83px;white-space:nowrap;text-overflow:ellipsis}
.mc_notice li .txt .new_icon {display:inline-block;font-weight:700;color:#a67638}
.mc_notice li .txt a {color:#333}
.mc_notice li .date {font-size:1.333em;line-height:83px;color:#898989}
.mc_banner{width:100%; margin-top:35px}
.mc_banner > div{background-size:auto 100% !important; background-color:#e6d9c8 !important}
.mc_banner > div a{display:block; padding:34px 50px 0; height:100%}
.mc_banner > div a p{font-size:1.417em; font-weight:400; line-height:1.5; color:#555; padding:10px 0 13px}
.mc_banner > div a span{display:inline-block; line-height:33px; padding-right:42px; position:relative; font-size:1.417em; font-weight:400; color:#555}
.mc_banner > div a span:after{position:absolute; right:0; top:0; width:33px; height:33px; border-radius:50%; background:#fff url(../images/icon_arr_bl.svg) center no-repeat; background-size:15px auto !important; content:''; transition:all .6s ease-in-out}
.mc_banner > div a:hover span:after{background:#aa957b url(../images/icon_arr_w.svg) center no-repeat}
.mc_banner .ban_upmu{position:relative; border-radius:20px 20px 0 0; height:189px; background:url(../images/bg_upmu.jpg) right bottom no-repeat}
.mc_banner .ban_upmu:after{position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:calc(100% - 74px); height:1px; background:#c6baac; content:''}
.mc_banner .ban_sanjung{border-radius:0 0 20px 20px; height:188px; background:url(../images/bg_sanjung.jpg) right bottom no-repeat}

/* 메인 콘텐츠 - mcon_btn */
.mcon_btn{width:100%; background:url(../images/bg_btn.jpg) center no-repeat; background-size:cover; padding:42px 15px 50px}
.mcon_btn ul{display:flex; justify-content:space-between; flex-wrap:wrap}
.mcon_btn li{width:100%; margin-top:8px; border-radius:20px; transition:all .6s ease-in-out}
.mcon_btn li:hover{box-shadow:5px 5px 11px rgba(0, 0, 0, 0.26)}
.mcon_btn li a{position:relative; display:flex; align-items:center; padding-left:105px; width:100%; height:144px; color:#fff}
.mcon_btn li a:after{position:absolute; right:13px; top:13px; width:42px; height:42px; border-radius:50%; background:url(../images/icon_arr_w.svg) center no-repeat; background-size:20px auto; transform: rotate(-45deg); content:''; transition:all .6s ease-in-out}
.mcon_btn li a:hover:after{background-color:rgba(255,255,255,0.3) !important}
.mcon_btn li a p{font-size:1.75em; color:#fff; line-height:1.5}
.mcon_btn li.mcbtn01{background:#4f67b1 url(../images/icon_btn01.svg) 28px center no-repeat; background-size:55px auto}
.mcon_btn li.mcbtn02{background:#252c3f url(../images/icon_btn02.svg) 28px center no-repeat; background-size:56px auto}
.mcon_btn li.mcbtn03{background:#a57535 url(../images/icon_btn03.svg) 28px center no-repeat; background-size:59px auto}
.mcon_btn li.mcbtn04{background:#b34b28 url(../images/icon_btn04.svg) 24px center no-repeat; background-size:63px auto}

/* 서브비주얼 */
.sub_visual {}
.sub_visual .bg_vis {height:130px}
.sub_visual .bg_vis .txt_vis{display:flex; justify-content:center; align-items:center; text-align:center}
.sub_visual .bg_vis .txt_vis p{font-size:2.97em; color:#fff; font-weight:400; text-shadow:0 0 7px rgba(0, 0, 0, 0.5);}
.sub_visual .bg_vis .txt_vis p span{font-size:1.3em; font-weight:700}

/* 서브 콘텐츠 */
.sub_content h1.page_title {padding:30px 0 0;font-weight:normal;font-size:2.167em;line-height:1.5;color:#444;text-align:center}
.page {max-width:1230px;min-height:300px;margin:0 auto;padding:25px 15px 45px}

.box_notice {margin:10px 0 20px;padding:20px 25px;border:1px solid #c8cdda;font-size:1.25em;line-height:1.5;background:#f5f8ff;color:#000}

.tab_supvr {overflow:hidden;margin:0 0 30px;text-align:center}
.tab_supvr ul {display:flex;justify-content:center}
.tab_supvr li {width:48%;max-width:250px;margin:0 1%;border:1px solid #ccc;border-radius:3px;background:#f5f5f5;text-align:center;word-break:keep-all}
.tab_supvr li a {display:block;padding:15px 5px;font-size:1.333em;line-height:1.5;color:#555}
.tab_supvr li:hover {border:1px solid #a67638}
.tab_supvr li:hover a {color:#a67638}
.tab_supvr li.selected {border:1px solid #a67638;background:#a67638}
.tab_supvr li.selected a {color:#fff}

/* 게시판 */
.tbl_head01 thead th, .tbl_head01 td, .tbl_head01 tfoot th, .tbl_head01 tfoot td {font-size:1.25em;letter-spacing:0}
#bo_list tbody tr {border-left:2px solid transparent}
#bo_sch {font-size:1.167em}

#bo_v_title .bo_v_tit {font-weight:bold}
#bo_v_file, #bo_v_link {font-size:1.083em}
#bo_v_file h2, #bo_v_link h2 {padding:12px}
#bo_v_file li, #bo_v_link li {padding:5px 12px}
.bo_v_nb {font-size:1.083em}

.write_div .frm_input, .write_div textarea {font-size:1.083em}
#bo_w .btn_confirm {margin-top:50px !important;text-align:center}
#bo_w .btn_submit, #bo_w .btn_cancel {height:auto;margin:0 5px;padding:7px 35px;border:1px solid transparent;border-radius:5px;font-weight:normal;font-size:1.333em}
#bo_w .btn_submit {background:#b34b28;color:#fff}
#bo_w .btn_submit:hover {border:1px solid #b34b28;background:#fff;color:#b34b28}

.write_inner {margin-top:70px;color:#000}
.write_inner h3 {position:relative;z-index:1;margin-bottom:10px;padding-bottom:15px;font-weight:normal;font-size:1.75em;line-height:1.3}
.write_inner h3:after {position:absolute;left:0;top:20px;z-index:-1;width:100%;height:1px;background:#a67638;content:""}
.write_inner h3 span {display:inline-block;position:relative;padding:7px 30px 7px 50px;border-radius:25px;background:#a67638;color:#fff}
.write_inner h3 span:before {position:absolute;left:20px;top:16px;width:8px;height:8px;border-radius:50%;background:#fff;content:""}
.write_inner h3 span:after {position:absolute;left:34px;top:16px;width:8px;height:8px;border-radius:50%;background:#6f4614;content:""}
.write_inner .write_div {margin:0 !important;padding:0 20px}
.write_inner .write_div > div {width:100%;padding:10px 0; position:relative;}
.write_inner .write_div > div sup {font-size:0.667em;line-height:1}
.write_inner .write_div .wd_tit {display:block;margin-bottom:5px;font-size:1.5em;line-height:1.5}
.write_inner .write_div.wr_content .wd_tit {margin-bottom:-20px}
.write_inner .write_div .wd_check {position:absolute; right:0; top:11px;}
.write_inner .write_div .wd_check label {cursor:pointer;}
.write_inner .write_div .wd_input {font-size:1.333em}
.write_inner .write_div .frm_input {height:46px;padding:5px 10px;border:1px solid #000;border-radius:5px}
.write_inner .write_div .wd_input .frm_input {font-size:1em}
.write_inner .write_div select {height:46px;border:1px solid #000;border-radius:5px}
.write_inner .write_div textarea {height:200px;padding:5px 10px;border:1px solid #000;border-radius:5px}
.write_inner .write_div .frm_info {display:block;margin:5px 0 0;font-size:1.083em;line-height:1.5;color:#999}
.write_inner .write_div .frm_info.txt_strong {color:#e8180c}
.write_inner .write_div .wd_no_input {padding:10px 0;font-size:1.333em;line-height:1.5}
.write_inner .write_div .wd_txt {font-size:1.333em;line-height:1.5;padding:10px;border-bottom:1px solid #000}
.write_inner .write_div .wd_txt .frm_input {font-size:0.938em}
.write_inner .write_div .wd_txt .frm_info {margin-top:7px;font-size:0.813em}
.write_inner .write_div .wd_txt.wd_txt_right > div {text-align:right}
.write_inner .write_div .wd_unit .box_unit {position:relative}
.write_inner .write_div .wd_unit span.box_unit {display:inline-block}
.write_inner .write_div .wd_unit .box_unit .frm_input {padding-right:40px}
/* .write_inner .write_div .wd_unit .box_unit .frm_input:not(.full_input):not(.half_input) {width:110px} */
.write_inner .write_div .wd_unit .box_unit span {position:absolute;right:5px;top:0;padding:0 5px;line-height:46px}
.write_inner .write_div .wd_unit .box_unit span.left {left:5px;right:auto}
.write_inner .write_div .wd_unit .box_unit span.left + .frm_input {padding-left:40px}
.write_inner .write_div .wd_file {position:relative}
.write_inner .write_div .wd_file .frm_file {height:46px;margin:0;padding:10px;border:1px solid #000;border-radius:5px}
.write_inner .write_div .wd_file .frm_file + .frm_input {margin:3px 0 0}
.write_inner .write_div .wd_file .file_del {display:block;position:static;margin:5px 0 0}
.write_inner .write_div .wd_file span.frm_input {display:inline-block;padding:10px 12px}

.write_inner .wd_chk .box_chk {display:inline-block;padding:10px 20px 10px 0}
.write_inner .wd_chk .box_chk:last-child {padding-right:0}
.write_inner label {font-size:1.333em;line-height:1.5}
.write_inner #add, .write_inner .btn_delete {width:35px;background:#333;color:#fff}
.write_inner .const_info {position:relative;margin:0 0 10px;padding:15px 25px;border:2px solid #143072}
.write_inner .const_info .btn_delete {position:absolute;right:10px;top:10px;z-index:10;background:#143072}
.write_inner .const_info .write_div {padding:0}
.write_inner .const_info .write_div > div {padding:10px 0}
.write_inner .wd_btn_icon {position:relative}
.write_inner .wd_btn_icon .frm_input {padding-right:70px !important}
.write_inner .wd_btn_icon .frm_input.required {background-position:right 65px top !important}
.write_inner .wd_btn_icon .btn_icon {position:absolute;right:0;bottom:0;width:60px;height:46px;border:0;border-radius:5px;background:#275cd6;color:#fff;text-align:center}

.btn_ques {margin-left:3px;border:0;font-size:1.75em;line-height:1;background:transparent}
.area_type {display:none;position:absolute;top:50%;left:50%;z-index:1001;width:90%;max-width:400px;border:1px solid #aaa;background:#fff}
.area_type .btn_close {position:absolute;right:10px;top:11px;width:35px;height:35px;padding:0;background:transparent}
.area_type .btn_close:before {position:absolute;left:4px;top:17px;width:28px;height:2px;background:#fff;transform:rotate(-45deg);content:""}
.area_type .btn_close:after {position:absolute;left:4px;bottom:16px;width:28px;height:2px;background:#fff;transform:rotate(45deg);content:""}
.area_type .subject {padding:15px 25px;font-size:1.5em;line-height:1.5;background:#275cd6;color:#fff}
.area_type ul {padding:20px 25px}
.area_type li {position:relative;margin-bottom:5px;padding-left:13px;font-size:1.333em;line-height:1.5}
.area_type li:before {position:absolute;left:0;top:10px;width:4px;height:4px;background:#333;content:""}
.area_type li:last-child {margin-bottom:0}

#tbl_unit_cost {display:none;position:absolute;top:50%;left:50%;z-index:1001;width:90%;max-width:500px}
#tbl_unit_cost .btn_close {position:absolute;right:2px;top:-35px;width:35px;height:35px;padding:0;background:transparent}
#tbl_unit_cost .btn_close:before {position:absolute;left:4px;top:17px;width:28px;height:2px;background:#fff;transform:rotate(-45deg);content:""}
#tbl_unit_cost .btn_close:after {position:absolute;left:4px;bottom:16px;width:28px;height:2px;background:#fff;transform:rotate(45deg);content:""}
#tbl_unit_cost table {border:2px solid #555}
#tbl_unit_cost th {height:30px;padding:3px;border:1px solid #e9e9e9;font-weight:normal;font-size:1.083em;line-height:1.2;background:#f5f8f9}
#tbl_unit_cost td {height:30px;padding:3px;border:1px solid #e9e9e9;font-size:1.083em;line-height:1.2;background:#fff;text-align:center}

/* 감리비 산정 */
#wrap_cs {font-size:1.25em}
#wrap_cs table {width:100%;border-collapse:collapse;border-spacing:0;border:0}
#wrap_cs .tbl_frm01 {margin:0 0 5px;}
#wrap_cs .tbl_frm01 th, #wrap_cs .tbl_frm01 td {font-size:1em; line-height:1.3;}
#wrap_cs .tbl_frm01s th, #wrap_cs .tbl_frm01s td {width:auto;padding:2px;border:1px solid #333;}
#wrap_cs .tbl_frm01s th {text-align:center;font-weight:normal;word-break:keep-all}
#wrap_cs .tbl_frm01s2 {margin:0 0 10px;}
#wrap_cs .tbl_frm01s2 th, #wrap_cs .tbl_frm01s2 td {padding:3px 5px;border:1px solid #333;}
#wrap_cs .tbl_frm01s2 th {text-align:center;width:150px;font-weight:normal;word-break:keep-all}
#wrap_cs .frm_input {height:24px;}
#wrap_cs .gamri_tr th, #wrap_cs .gamri_tr td {background:#FFF1DE}
#wrap_cs .btn_confirm {margin-top:30px;text-align:center}
#wrap_cs .btn_confirm .btn {height:auto;margin:3px;padding:5px 20px;border:1px solid transparent;font-weight:normal;font-size:1.25em}
#wrap_cs .btn_confirm .btn_print {background:#b34b28;color:#fff}
#wrap_cs .btn_confirm .btn_print:hover {border:1px solid #b34b28;background:#fff;color:#b34b28}
#wrap_cs .tbl_frm01 td.cs_help {font-size:0.8em}
.cs_print_bottom {font-size:1.3em;line-height:1.3;text-align:right}
#wrap_cs .msg_wrap {font-size:0.8em}
#wrap_cs .raw_wrap {font-size:0.8em; border:1px solid #ccc; padding:0 10px;}

/* 적립금 현황 */
#wrap_res {}
#wrap_res #fsearch {}
#wrap_res #fsearch select {border:1px solid #ccc;height:40px;font-size:1.167em}
#wrap_res .tbl_head01 {overflow-y:auto}
#wrap_res .tbl_head01 table {min-width:800px}
#wrap_res .tbl_head01 caption {padding:10px 0;font-size:2em;line-height:1.5;text-align:center}
#wrap_res .tbl_head01 td {text-align:center}

a.btn_excel, .btn_excel {height:40px;border:1px solid #275cd6;line-height:38px;background:#fff;color:#275cd6;text-decoration:none;vertical-align:middle}
a.btn_excel:hover, .btn_excel:hover {background:#f9f9f9}


/* 푸터 */
#footer{width:100%; background:#343841; border-top:1px solid #d4d4d4}
#footer .f_top{border-bottom:1px solid rgba(255,255,255,0.4); display:flex; flex-wrap:wrap; justify-content:center; padding:10px 0 5px}
#footer .f_top p{font-size:1.333em; color:#fff; }
#footer .f_top p span{display:inline-block; padding-left:30px; background:url(../images/icon_tel.svg) left center no-repeat; background-size:20px auto; font-weight:800; font-size:1.75em; color:#dac4a8; margin-left:28px; line-height:40px}
#footer .f_top ul{display:flex}
#footer .f_top li{position:relative;}
#footer .f_top li:not(:first-child):after{position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#fff; opacity:0.4; content:''}
#footer .f_top li a{display:block; font-size:1.333em; color:#fff; padding:15px}
/* #footer .f_top li:first-child a{color:#dac4a8} */
#footer .copyright{padding:25px 15px 30px}
#footer .copyright p{font-size:1.333em; color:#fff; word-break:keep-all; line-height:1.5}
#footer .copyright p.f_copy{margin-top:3px; color:#94979f}

#fee_wrap {position:fixed; z-index:1001; left:50%; top:50%; width:400px; height:300px; margin-left:-202px; margin-top:-152px; background:#fff; border:2px solid #000; border-radius:10px; padding:20px; font-size:1.25em;}


/* 미디어 쿼리 */
@media screen and (max-width:1023px) {
    .dpn_t {display:none !important}
    #hd_pop .hd_pops {left:0 !important}
    #hd_pop .hd_pops_con {width:100% !important;max-width:100%;height:auto !important}
}

/*media query - mobile*/
@media screen and (max-width:767px) {
    .wid100 {width:100% !important;margin-bottom:3% !important}
    .dpb {display:block !important}
    .dpn {display:none !important}
    .dpn_m {display:none !important}

    /* 헤더 */
    .h_top li a{padding:0 10px; font-size:1.25em}
    .h_top li.ht_login a, .h_top li.ht_home a{padding:0 13px}    

    /* 메인 비주얼 */
    .main_visual .bg_vis .txt_vis p{font-size:2em}

    /* 메인 콘텐츠 - 공통 */
    .main_content{font-size:0.9em}

    /* 메인 콘텐츠 - mcon_white */
    .mc_notice li:not(.empty_list){padding-right:24px}
    .mc_notice li:not(.empty_list):after{left:17px}
    .mc_notice li .txt {width:64%;padding-left:30px;line-height:65px}
    .mc_notice li .date {line-height:65px}
    .mc_banner > div{background-color:#e5d8c7 !important; background-position:right 35% center !important}
    .mc_banner > div a{padding:34px 30px 0}
    .mc_banner .ban_upmu:after{width:calc(100% - 60px)}

    /* 메인 콘텐츠 - mcon_btn */
    .mcon_btn li a{height:96px}
    /* .mcon_btn li a p br{display:none} */

    /* 서브 비주얼 */
    .sub_visual .bg_vis .txt_vis p{font-size:1.667em}

    /* 푸터 */
    #footer{font-size:0.9em}
}

/*media query - tablet pc*/
@media screen and (min-width:768px) {
    /* 헤더 */
    .h_top li.ht_text {display:block; *padding:10px;}
    
    /* 메인 비주얼 */
    .main_visual .bg_vis {height:300px}

    /* 메인 콘텐츠 - mcon_white */
    .mcon_white{padding:55px 15px;}

    /* 메인 콘텐츠 - mcon_btn */
    .mcon_btn{padding:52px 15px 60px}
    .mcon_btn li{width:calc((100% - 78px) / 3); margin-top:0}

    /* 서브비주얼 */
    .sub_visual .bg_vis {height:190px}
    .sub_visual .bg_vis .txt_vis .svis_txt01 {width:415px;margin:28px 0 0 -207.5px}
    .sub_visual .bg_vis .txt_vis .svis_txt02 {width:415px;margin:37px 0 0 -207.5px}

    /* 서브 콘텐츠 */
    .sub_content h1.page_title {padding:50px 0 30px;font-size:2.917em}

    /* 게시판 */
    #bo_w .btn_submit, #bo_w .btn_cancel {padding:15px 55px;font-size:1.667em}

    .write_inner {margin-top:100px}
    .write_inner h3 {font-size:2em}
    .write_inner h3:after {top:22px}
    .write_inner h3 span:before, .write_inner h3 span:after {top:18px}
    .write_inner .write_div {overflow:hidden;padding:0 30px}
    .write_inner .write_div > div {float:left;margin-right:4%;padding:17px 0}
    .write_inner .write_div > div:last-child {margin-right:0}
    .write_inner .write_div.wd_2 > div {width:48%}
    .write_inner .write_div.wd_3 > div {width:30.66%}
    .write_inner .write_div.wd_3 > div.col_2 {width:65.32%}
    .write_inner .write_div.wd_4 > div {width:48%}
    .write_inner .write_div .wd_tit {margin-bottom:7px;font-size:1.667em}
    .write_inner .write_div .wd_check {top:18px}
    .write_inner .write_div .wd_input {font-size:1.5em}
    .write_inner .write_div .frm_input {height:52px;padding:10px 15px}
    .write_inner .write_div select {height:52px}
    .write_inner .write_div textarea {padding:10px 15px}
    .write_inner .write_div .frm_info {margin-top:7px;font-size:1.25em}
    .write_inner .write_div .wd_no_input {padding-top:12px;padding-bottom:12px;font-size:1.5em}
    .write_inner .write_div .wd_txt {font-size:1.5em}
    .write_inner .write_div .wd_txt > div {padding-top:12px;padding-bottom:12px}
    .write_inner .write_div .wd_txt .frm_input {font-size:0.889em}
    .write_inner .write_div .wd_txt .frm_info {font-size:0.722em}
    .write_inner .write_div .wd_unit .box_unit span {line-height:52px}
    .write_inner .write_div .wd_file .frm_file {height:52px;padding:14px 15px}
    .write_inner .write_div .wd_file .frm_file + .file_del {display:inline-block;width:calc(100% - 350px);margin:0 0 0 15px;vertical-align:middle}
    .write_inner .wd_chk .box_chk {padding-top:12px;padding-bottom:12px}
    .write_inner label {font-size:1.5em}
    .write_inner .const_info {padding:25px 35px}
    .write_inner .wd_btn_icon .btn_icon {height:52px}

    #wrap_cs .btn_confirm .btn {padding:10px 30px;font-size:1.417em}
    #wrap_cs .write_inner h3 {font-size:1.5em;}
    #wrap_cs .write_inner .write_div .wd_tit {font-size:1.583em}

    #tbl_unit_cost {max-width:600px}
    #tbl_unit_cost th, #tbl_unit_cost td {height:34px;font-size:1.25em}
    #tbl_unit_cost tbody th:first-child {word-break:keep-all}

    /* 푸터 */
    #footer .f_top{padding:0 0 0 15px; justify-content:space-between;}
    #footer .f_top p{margin-top:-3px}
    #footer .f_top p, #footer .f_top p span{line-height:89px; letter-spacing:-0.7px}
    #footer .f_top li a{padding:0 15px; line-height:89px}
    #footer .copyright p:not(.f_copy){padding-top:50px; background:url(../images/footer_logo.png) left top no-repeat}
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .write_inner .write_div.wd_4 > div:nth-of-type(2n) {margin-right:0}
  
    /* 메인 비주얼 */
    .main_visual .bg_vis .txt_vis p{font-size:3em}

    /* 메인 콘텐츠 - 공통 */
    .main_content{font-size:0.96em}

    /* 메인 콘텐츠 - mcon_white */
    .mc_notice ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
    .mc_notice li:not(.empty_list){width:calc(50% - 8px)}
    .mc_banner{width:100%; margin-top:45px; display:flex}
    .mc_banner > div{width:50%; background-position:right 50% center !important; height:auto !important}
    .mc_banner > div a{padding:35px 40px 30px}
    .mc_banner .ban_upmu{border-radius:20px 0 0 20px; height:188px}
    .mc_banner .ban_upmu:after{display:none}
    .mc_banner .ban_sanjung{border-radius:0 20px 20px 0}

    /* 메인 콘텐츠 - mcon_btn */
    .mcon_btn li{background-position:center 25px !important}
    .mcon_btn li a{padding:96px 15px 25px; height:auto; text-align:center}
    .mcon_btn li a p{width:100%}

    /* 푸터 */
    #footer .f_top p span{margin-left:15px}
}

/*media query - PC*/
@media screen and (min-width:1024px) {
    /* 헤더 */
    .h_menu {height:auto}
    .logo {width:auto;max-width:none}
    .logo a {padding:0;line-height:116px}
    .toggle_menu {display:none !important}
    .container_menu {float:right;clear:none}

    /* 메뉴 */
    #hd_menu {display:block;position:static;width:auto;border-top:0;background:transparent}
    #hd_menu .main_menu:after {display:block;clear:both;content:""}
    #hd_menu .main_menu > li {float:left;border:0}
    #hd_menu .main_menu > li > a {padding:0 49px;font-size:1.75em;line-height:116px;color:#333}
    #hd_menu .main_menu > li.on {background:transparent}
    #hd_menu .main_menu > li.on > a {font-weight:normal;color:#a67638 }
    #hd_menu .main_menu > li:last-child > a {padding-right:0}
    #hd_menu .sub_menu {overflow:hidden;position:absolute;left:0;top:89px;z-index:501;width:100%;padding:0;background:transparent}
    #hd_menu .sub_menu > ul {padding:30px 0 35px 35px}
    #hd_menu .sub_menu > ul > li {position:relative;padding-left:12px}
    #hd_menu .sub_menu > ul > li:before {position:absolute;left:0;top:10px;content:"-"}
    #hd_menu .sub_menu > ul > li > a {padding:5px 0;font-size:1.292em;line-height:1.6}
    #hd_menu .sub_menu > ul > li.on > a, #hd_menu .sub_menu > ul > li.on:before {color:#a67638}


    /* 메인 비주얼 */
    .main_visual .bg_vis {height:484px}

    /* 메인 콘텐츠 - mcon_white */
    .mcon_white{padding:92px 15px 111px; display:flex; justify-content:space-between;align-items:flex-start;}
    .mc_notice{width:calc(100% - 559px)}
    .mc_notice h3.mc_tit{padding-bottom:10px}
    .mc_banner{width:498px; margin-top:55px}
    .mcon_btn li a p {font-size:1.917em}

    /* 메인 콘텐츠 - mcon_btn */
    .mcon_btn{padding:113px 15px}

    /* 서브 비주얼 */
    .sub_visual .bg_vis {height:255px}
    .sub_visual .bg_vis .txt_vis .svis_txt01 {width:auto;margin:55px 0 0 -272.5px}
    .sub_visual .bg_vis .txt_vis .svis_txt02 {width:auto;margin:75px 0 0 -272.5px}

    /* 서브 콘텐츠 */
    .sub_content h1.page_title {padding:85px 0 65px;font-size:3.5em}
    .page {padding-top:0;padding-bottom:100px}
    .tab_supvr {margin-bottom:50px}
    .tab_supvr li a {font-size:1.5em}

    .write_inner .write_div.wd_4 > div {width:22%}

    /* .cc {display:block;position:absolute;right:15px;top:31px} */

    /* 푸터 */
    #footer .f_top{height:90px}    
    #footer .copyright{padding:29px 15px 35px}
}

@media screen and (min-width:1200px) {
    /* 헤더 */
    #hd_menu .main_menu > li > a {padding:0 79px}

    /* 메인 콘텐츠 */
    .mcon_white, .mcon_btn{padding-left:0; padding-right:0}
    .mc_notice li .txt {width:80%}
    
    /* 푸터 */
    #footer .f_top{padding:0}
    #footer .f_top li:last-child a{padding-right:0}
    #footer .copyright{padding:29px 0 35px}
}