@charset "utf-8";
ul {margin:0; padding:0;}
li{list-style:none;box-sizing:border-box}
img {border:0;}
a {text-decoration:none;}
label{box-sizing:border-box}

@font-face {font-family: ngb; src:url(http://www.hdweb.co.kr/NanumGothicBold.eot); } 
#comingsoon {width:100%;padding-top:100px;text-align:center}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 스마일소개 [s] */
.fl{font-family:var(--fl)}
.pl{white-space:pre-line}
.num{display:inline-block;width:41px;height:41px;line-height:41px;border-radius:100%;text-align:center;color:#bbb;background:#f2f2f2}
.col{color:#7304fd}
#smile{font-size:18px;letter-spacing:-.3px;line-height:1.6;text-align:center;font-family:'pretendard'}
#smile .cont_tit{color:#222;font-size:34px;font-weight:700;font-family:var(--fl)}
.cont01{padding-top:30px;background:#161320}
.cont01 img{display:block;margin:0 auto}
.cont01 .round_tit{display:inline-block;width:207px;height:54px;line-height:54px;margin:24px 0 40px;border-radius:50px;font-size:33px;font-family:var(--fl);font-weight:700;color:#222;background:#fff}
.cont01 .round_tit span{opacity:1;background-image:linear-gradient(90deg, #00b8ff 0%, #7e34dd 50%);background-size:150% 150%;background-position:center;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}
.cont01 p{color:rgba(255,255,255,0.8)}
.cont01 .b_tit{padding:24px 0 62px;color:#fff;font-size:22px;font-weight:300}
.cont02{margin:64px 0 60px}
.cont02 .top{color:#888}
.cont02 .top b{display:block;color:#222;font-size:20px}
.cont02 img{margin:40px 0 30px}
.cont02 .tit{line-height:1.4;color:#222;font-size:28px;font-weight:700}
.cont02 .tit strong{display:block;margin-top:40px;font-size:33px;color:#222}
.cont02 .tit strong span{padding:5px 10px;color:#fff;background:linear-gradient(90deg, #00b8ff 0%, #7e34dd 50%)}
.cont03{margin-bottom:126px}
.cont03 .cont_tit{margin-bottom:50px}
.cont03 .cont_tit span{opacity:1;background-image:linear-gradient(90deg, #2575fc 10%, #6a11cb 60%);background-size:150% 150%;background-position:center;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}
.cont03 ul{display:flex;flex-wrap:wrap;gap:0 20px}
.cont03 ul li{display:flex;flex-direction: column;align-items:center;width:calc(50% - 20px);height:253px;border:2px solid #e1e1e1;border-radius:20px;line-height:1.4;font-size:16px;color:#777;box-shadow:0 0 10px rgba(0,0,0,0.1);transition:all .2s}
.cont03 ul li:hover{border:2px solid #6528ff}
.cont03 ul li:nth-child(2n){margin-top:40px}
.cont03 ul li .num{width:41px;height:41px;line-height:41px;margin:35px 0 25px;color:#bbb;background:#f2f2f2}
.cont03 ul li .box_tit{margin-bottom:15px;font-size:24px;font-weight:700;color:#222}
.cont04 .cont_tit{margin-bottom:45px}
.cont04 .cont_tit br{display:none}
.cont04 .inner{padding:70px 50px;color:#fff;background:linear-gradient(100deg, #2a054a -1%, #161320 24%, #20033a 70%, #161320 100%);}
.cont04 .inner .list{margin-bottom:76px;font-size:20px}
.cont04 .inner .list dl{display:flex;flex-wrap:wrap;align-items:center;gap:50px;height:92px;margin:0;padding-left:86px;border:2px solid #fff;border-radius:50px;}
.cont04 .inner .list dl dt{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100%;font-weight:600;color:#222;background-color:#fff}
.cont04 .inner .list dl dd{margin-left:0;text-align:left}
.cont04 .inner .list dl dd span{padding:3px;background:linear-gradient(90deg, #00b8ff 0%, #7e34dd 50%);font-weight:300}
.cont04 .inner .list dl+dl{margin-top:20px}
.cont04 .inner .step .cont_tit{color:#fff !important}
.cont04 .inner .step ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:40px 60px}
.cont04 .inner .step ul li{position:relative;width:100%;height:135px;border-radius:20px;background:#fff}
.cont04 .inner .step ul li:before{position:absolute;right:-33px;top:50%;transform:translateY(-50%);content:'';background:url('/sh_page/img/p63_arr.png') no-repeat center;width:20px;height:20px;opacity:80%}
.cont04 .inner .step ul li:nth-child(3):before, .cont04 .inner .step ul li:nth-child(5):before,.cont04 .inner .step ul li:last-child:before {display:none}
.cont04 .inner .step ul li p{margin-top:18px;font-size:20px;color:#222;font-weight:700}
.cont04 .inner .step ul li .num{display:block;width:38px;height:38px;line-height:38px;margin-top:-19px;margin-left: calc(50% - 19px);font-size:15px;color:#fff;background:#6a11cb}
.cont04 .inner .step ul li:nth-child(5){background:var(--primary)}
.cont04 .inner .step ul li:nth-child(5) p{color:#fff}
.cont04 .inner .step ul li:nth-child(5) .num{color:#222;background:#fff}
.cont04 .inner .step ul li:last-child{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;background:none}
.cont05{margin:55px 0 80px}
.cont05 .cont_tit{margin-bottom:64px}
.cont05 .faq{text-align:left;}
.cont05 .faq + .faq{margin-top:44px}
.cont05 .faq b{display:block;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e1e1e1;color:#222;font-weight:300;font-family:var(--fl)}
.cont06{padding:25px 0 80px;color:rgba(255,255,255,0.5);background:#161320}
.cont06 br{display:none}
.cont06 img{display:block;margin:0 auto 26px}
.cont06 strong{display:block;margin:10px 0 50px;line-height:1.3;font-size:35px;font-weight:700;font-family:var(--fl);color:#fff}
.cont06 strong span{display:inline-block;opacity:1;background-image:linear-gradient(90deg, #6a11cb 20%, #00b8ff 80%);background-size:150% 150%;background-position:center;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}
.cont06 p{margin-bottom:30px;color:#fff}
.cont06 .call a{padding:24px;border-radius:15px;text-align:center;font-size:20px;color:#222;font-weight:900;background:#fff}
.cont06 .call span{margin:0 10px 0 14px;font-size:15px;color:#888;font-weight:600}
/* 스마일소개 [e] */

/* 상담예약하기 [s] */
#form{max-width:900px;width:100%;padding:30px 0 50px;border-bottom:1px solid #e1e1e1;/*background:#161320;*/font-family:var(--pre)}
#form .inner{margin:0 auto;padding:0 40px;text-align:center}
#form .inner .round_tit{display:inline-block;width:207px;height:54px;line-height:54px;margin:24px 0 40px;border:1px solid #e1e1e1;border-radius:50px;font-size:33px;font-family:var(--fl);font-weight:700;color:#222;background:#fff}
#form .inner .round_tit span{opacity:1;background-image:linear-gradient(90deg, #00b8ff 0%, #7e34dd 50%);background-size:150% 150%;background-position:center;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}
#form .all_text_wrap06{position:relative;margin-bottom:58px}
#form .all_text_wrap06 .all_title06{line-height:1.2;text-align:center;color: #222;font-weight:800;font-size:40px;font-family:var(--fl)}
#form .all_text_wrap06 > img{position:absolute;top:-10px;left:75px;flex-shrink:0;margin-right:45px}
#form .f_quick_customer .tbox{margin-bottom:25px;text-align:left}
#form .f_quick_customer .box3{margin-bottom:0 !important}
#form .f_quick_customer .form_tit{position:relative;margin-bottom:15px;padding-left:20px;color:rgba(0,0,0,0.7);font-weight:500;font-size:20px}
#form .f_quick_customer .form_tit::after{position:absolute;top:50%;left:0;transform:translateY(-50%);content:"";display:block;width:4px;height:4px;background:#666;border-radius:50%}
#form .f_quick_customer .quickmenu_input,#form .f_quick_customer .tel input{padding-left:20px;width:100%;height:56px;border-radius:5px;border:1px solid #e1e1e1;outline:0;font-family:var(--pre);font-size:17px}
#form .f_quick_customer .click_box input[type="radio"]{position:absolute;opacity:0}
#form .f_quick_customer .click_box{display:flex;align-items:center;gap:0 15px}
#form .f_quick_customer .click_box > div{overflow:hidden;width:calc((100% - 15px) / 2);height:60px;border-radius:5px}
#form .f_quick_customer .click_box label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer;border:1px solid #e1e1e1;border-radius:inherit}
#form .f_quick_customer .click_box label i{margin-right:16px;filter:brightness(0);}
#form .f_quick_customer .click_box label > span{display:inline-block;height:100%;line-height:60px;color:#222;font-weight:600;font-size:20px}
#form .f_quick_customer .click_box > div input:checked + label{border:2px solid #222}
#form .f_quick_customer .click_box > div input:checked + label span{line-height:56px;font-weight:700}
#form .f_quick_customer .click_box > div:nth-child(2) > label > span{padding-left:45px;background:url("/sh_img/make24/inc06/img/inc06_icon02.png") no-repeat left center}
#form .f_quick_customer .gcb{display:flex;align-items:center;justify-content:flex-end;margin:15px 0}
#form .f_quick_customer .gcb span{margin-right:10px;color:#666;font-weight:400;font-size:15px;cursor:pointer} 
#form .f_quick_customer .cont_btn{display:block;width:100%;height:74px}
#form .f_quick_customer .cont_btn input[type="submit"]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50pt;border:none;outline:0;background:linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);color:#fff;font-weight:700;font-size:20px;font-family:var(--pre);cursor:pointer;transition:all .3s}
#form .f_quick_customer .cont_btn input[type="submit"]:hover{filter:brightness(0.8)}
#map_area .bot{font-family:var(--pre)}
#map_area .bot .inner{padding:50px 40px/*;background:#161320*/} 
#map_area .all_text_wrap11{margin-bottom:30px}
#map_area .all_text_wrap11 .all_title11{font-size:40px;line-height:1.4;color:#222;font-family:var(--fl);}
#map_area .all_text_wrap11 .all_title11 .gr_txt{background:linear-gradient(90deg,#6400d5 0%,#00b8ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}
#map_area .left_txt{text-align:center}
#map_area .left_txt .name{display:inline-block;margin-bottom:10px;color:#444;font-weight:600;font-size:22px}
#map_area .left_txt .adress{margin-bottom:20px;color:#666;font-size:16px;font-weight:400}
#map_area .left_txt .number{margin-bottom:20px;color:#222;font-weight:800;font-size:25px;font-family:var(--fl)}
#map_area .left_txt .number > img{margin-right:15px}
#map_area .right_map .map_wrap{overflow:hidden;margin-bottom:18px;border-radius:18px}
#map_area .right_map .map_wrap img{width:100%}
#map_area .right_map .txt{display:flex;align-items:center;justify-content:flex-end;color:#222;font-weight:700;font-size:17px}
#map_area .right_map .txt > img{width:18px;margin-right:13px}
#map_area .right_map .top_icon_img{position:absolute;top:-48px;right:40px}
/* 상담예약하기 [e] */

/*개인파산 장점, 개인파산 면책*/
#page49 {line-height:180%;padding:15px;}
#page49 h4{font-size:25px;letter-spacing:1px;color:#222;background:url(/sh_page/img/page49_t.png) no-repeat left top;padding-top:30px;margin-bottom:40px;font-family: 'Hanna', serif;}
#page49 h5{font-size:18px; font-weight:bold; color:#fff; background:#333; padding:5px 10px; margin:20px 0; display:inline-block}
#page49 .tit{font-size:25px;letter-spacing:1px;color:#222;background:url(/sh_page/img/page49_t.png) no-repeat left top;padding-top:30px;margin-bottom:40px;font-family: 'Hanna', serif;}

#page49 .page49_cont{color:#676767; font-size:14px; margin-bottom:30px;}
#page49 .page49_cont ul li{border:1px solid #ebebeb; padding:10px 0 10px 10px; margin-top:15px;}
#page49 .page49_cont ul li strong{background:#2eb300; padding:5px 10px; color:#fff; font-size:16px; margin-right:15px;}
#page49 .page49_cont ul li span{padding-left:50px;}
#page49 .page49_cont p{padding-top:40px; font-family: 'Nanum Pen Script', serif; font-size:22px; text-align:right; letter-spacing:0.5px}
#page49 .page49_cont p strong{font-family: 'Nanum Brush Script', serif; font-size:25px; font-weight:bold; color:#2eb300}
#page49 .page49_cont p.page50_info{font-family: 'Nanum Gothic', serif; background:#ebebeb; border:1px solid #999; padding:15px; font-size:13px; text-align:left;}
#page49 .page49_cont dl.page50_info{font-family: 'Nanum Gothic', serif; background:#ebebeb; border:1px solid #999; padding:15px; font-size:13px; text-align:left;}
#page49 .page49_cont dl dt{font-weight:bold; margin:10px 0;}
#page49 .page49_cont dl dd{margin:0;}

#page49 table {margin-bottom:40px; border-bottom:2px solid #CCC; border-top:1px solid #e4e4e4;}
#page49 table .last { border-right: none!important }
#page49 table tr th { background-color:#FAFAFA; padding:8px; border-right:2px solid #b21919; border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4; font-size:14px}
#page49 table tr td { background-color:#fff; padding:8px; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4}
#page49 table tr td.table_st{background-color:#FAFAFA; padding:8px; border-right:1px solid #e4e4e4; font-size:14px;}

#tender_pop{}

#tender_pop .cont{width:700px;height:655px;padding:0;box-sizing:border-box;letter-spacing:-1px}
#tender_pop .cont h3{position:relative;height:50px;padding:0 20px;background-color:var(--primary);line-height:50px;font-size:15px;font-weight:normal;color:#fff;font-family:'notokr-medium'}
#tender_pop .cont h3 button{position:absolute;right:20px;border:0;background:none;color:#fff;line-height:50px;font-size:18px;font-family:'notokr-bold'}
#tender_pop .cont .step_num{overflow:hidden;position:relative;z-index:1;width: 83px;margin:35px auto;padding:0}
#tender_pop .cont .step_num:before{position:absolute;top:50%;left:50%;z-index:-1;content:'';-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;height:1px;background-color:#d7d7d7}
#tender_pop .cont .step_num li{float:left;width:30px;height:30px;border-radius:50%;border:2px solid #846d57;background-color:#fff;text-align:center;line-height:26px;font-weight:700;color:var(--primary);font-size:13px;font-family:'Poppins',sans-serif}
#tender_pop .cont .step_num li + li{margin-left:27%}
#tender_pop .cont .step_num .num1{}
#tender_pop .cont .step_num .num2{}
#tender_pop .cont .step_num .num3{}
#tender_pop .cont .step_num .on{background-color:#846d57;color:#fff}
#tender_form{overflow:auto;position:relative;height:441px;margin:50px;box-sizing:border-box}
#tender_form::-webkit-scrollbar{width:8px;background-color:#e5e5e5;border-radius:10px}
#tender_form::-webkit-scrollbar-thumb{background-color:#c8a481;border-radius:10px}
#tender_form .step{}
#tender_form .step .right{padding:20px 30px;text-align:right;color:#555;font-size:13px;font-family:'notokr-medium'}
#tender_form .step .area_g{padding-right:25px}
#tender_form .step .area_g+.area_g{margin-top:45px}
#tender_form .step .area_g p{margin-bottom:10px;font-size:16px;color:#555;font-family:'notokr-bold'}
#tender_form .step .area_g .area{overflow:hidden}
#tender_form .step .area_g .area dl{float:left;width:calc(100% / 2 - 5px);height:35px;margin:0 0 10px;border-bottom:1px solid #d7d7d7}
#tender_form .step .area_g .area dl:nth-child(even){margin-left:10px}
#tender_form .step .area_g .area dt{float:left;width:50px;line-height:35px;font-size:13px}
#tender_form .step .area_g .area dt label{}
#tender_form .step .area_g .area dd{float:left;width:calc(100% - 50px);margin:1px 0 0;padding-left:15px;box-sizing:border-box;border-bottom:1px solid #c8a481}
#tender_form .step .area_g input{width:100%;height:auto;line-height:1em;padding:10px 0;border:0;background:none}
#tender_form .step .area_g .area div{float:left;width:calc(100% / 2 - 5px);margin:19px 0 0 10px;text-align:right}
#tender_form .step .area_g .area div input{width:auto}
#tender_form .step .area_g .area div label{cursor:pointer}
#tender_form .step .area_g .area div .agreebtn{font-size:13px;color:#222}
#tender_form .step .area_g .area div .agreebtn .curpoint{margin-left:10px}
#tender_form .step .area_g select{width:100%;height:34px;margin:0 0 0 -2px;background:none;border:0;color:#777;line-height:30px;}
#tender_form .step .area_g select option{}
#tender_form .step .area_g ul{overflow:hidden;border-top:1px solid #d7d7d7;border-left:1px solid #d7d7d7}
#tender_form .step .area_g ul li{float:left;width:calc(100% / 4 - 1px);border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;text-align:center}
#tender_form .step .area_g02 ul li{width:calc(100% / 2 - 1px)}
#tender_form .step .area_g ul li label{display:block;vertical-align:middle;text-align:center;cursor:pointer;height:45px;-webkit-transition:all .3s;transition:all .3s;color:#777;font-size:13px;line-height:45px;font-family:'notokr-medium'}
#tender_form .step .area_g ul li label:hover{background-color:#c8a481;color:#fff;}
#tender_form .step .area_g ul li input{display:none}
#tender_form .step .area_g ul li input[type="radio"]:checked + label{background-color:rgba(150,125,100,.87);color:#fff}


#tender_form .step .btn{text-align:center;margin:40px 0 30px;}
#tender_form .step button{display:inline-block;width:150px;height:50px;background-color:rgba(200,164,129,.71);border-radius:30px;border:none;color:#fff;font-size:15px;line-height:50px;-webkit-transition:all .3s;transition:all .3s;font-family:'notokr-regular'}
#tender_form .step button span{display:inline-block;width:30px;height:30px}
#tender_form .step button:hover{background-color:rgba(200,164,129,.89)}
#tender_form .step button+button{margin-left:20px}

#tender_pop .noUi-target{clear:both;margin:10px 0 0 17px}
#tender_pop .noUi-target .noUi-handle{background-color:var(--primary);box-shadow:none;border:0}
#tender_pop .noUi-target .noUi-handle .noUi-marker-large{height:11px}
#tender_pop .noUi-target .noUi-handle .noUi-marker-normal{height:3px}
#tender_pop .noUi-target .noUi-pips{padding:20px 0;}
#tender_pop .noUi-target .noUi-value-horizontal{line-height:25px}

#tender_form .step2 .tit_area{position:absolute;width:100%;text-align:center}
#tender_form .step2 p{font-size:22px;margin-bottom:30px;color:#777}
#tender_form .step2 p span{color:#655343;font-family:'notokr-bold'}
#tender_form .step2 .txt_area{position:absolute;bottom:0;left:0;width:100%;}
#tender_form .step2 .txt_area:before{position:absolute;content:'';z-index:-1;width:100%;height:100%;background-color:#d8bea5}
#tender_form .step2 .txt_area .num_area{overflow:hidden;background-color:var(--primary)}
#tender_form .step2 .txt_area .num_area p{float:left;margin:27px 30px;box-sizing:border-box;line-height:20px;color:#fff}
#tender_form .step2 .txt_area .num_area .tit{width:26%;margin-right:0;border-right:1px solid rgba(255, 255,255,.5);font-family:'notokr-bold'}
#tender_form .step2 .txt_area .link_area{overflow:hidden;padding:30px}
#tender_form .step2 .txt_area .link{float:left;width:calc(100% / 2 - 13px);padding:11px;margin:0;border-radius:50px;background-color:rgba(150,125,100,.5);box-sizing:border-box;font-size:18px;text-align:center}
#tender_form .step2 .txt_area .link:hover{background-color:rgba(150,125,100,1)}
#tender_form .step2 .txt_area .link+.link{margin-left:26px}
#tender_form .step2 .txt_area .link a{display:block;height:100%;color:#fff}

#f_fix .btn_bg{position:relative;width:1200px;margin:0 auto;text-align:right}

.p1_area .p1_box01 .banner{float:left;width:100%;height:auto}
.p1_area{width:100%;height:100%;margin:0 auto;padding-top:100px}
.p1_area .p1_box01{overflow:hidden;}
.p1_area .p1_box01 .advice{float:left;width:30%;height:500px;background:url(/sh_img/index/a_bg.gif) no-repeat;background-size:cover}

.p1_area .p1_box03{overflow:hidden;width:1200px;height:265px;margin:0 auto;background:#f1b404}
.p1_area .p1_box03 li{float:left;width:300px;height:217px}
.p1_area .p1_box03 .m01{width:25%;height:100%;position:relative;background:url(/sh_img/index/m01_bg.jpg) no-repeat;background-size:cover}
.p1_area .p1_box03 .m02{width:25%;height:100%;position:relative;background:url(/sh_img/index/m02_bg.jpg) no-repeat;background-size:cover}
.p1_area .p1_box03 .m03{width:25%;height:100%;position:relative;background:url(/sh_img/index/m03_bg.jpg) no-repeat;background-size:cover}
.p1_area .p1_box03 .m04{width:25%;height:100%;position:relative;background:url(/sh_img/index/m04_bg.jpg) no-repeat;background-size:cover}

.advice_tit{font-size:23px;line-height:36px;text-align:center; color:#333;letter-spacing:-1px;}
.advice_tit .big{font-weight:bold;font-size:26px;}



.ban4{overflow:hidden;width:1100px;padding:50px 0;margin:0 auto}
.ban4 .b4_tit{float:left;font-size:54px;font-family:'Hanna', serif;}
.ban4 .blue{font-size:65px;color:#28334c}
.ban4 .b4_img{float:right;}
.ban4 .bt_btn{padding:15px 16px 20px;font-weight:bold;font-size:18px;text-align:center;color:#FFF;background:#27324B;width:162px;margin-top:30px;font-family:'맑은 고딕';}
.main_ft_img{width:1200px;margin:0 auto;padding:50px 0}
.main_ft_img .link_btn{overflow:hidden}
.main_ft_img .link_btn a{display:block;float:left;width:calc(100% / 2);height:69px;-webkit-transition:all .3s;transition:all .3s;line-height:67px;color:rgba(255,255,255,.7);text-align:center;font-size:20px;font-family:'notokr-bold'}
.main_ft_img .link_btn a:hover{color:rgba(255,255,255,1)}
.main_ft_img .link_btn a span{margin-right:10px}
.main_ft_img .link_btn a:nth-child(1){background-color:#32b44a}
.main_ft_img .link_btn a:nth-child(2){background-color:#6086c5}
.main_ft_img .link_btn a:nth-child(3){background-color:#4b648c}
.main_ft_img p{margin-top:20px;line-height:26px;color:#777;text-align:center;font-size:16px;}

/* .new_lt_area{width:1200px;margin:0 auto;box-sizing:border-box;background-color:#f5f5f5}
.new_lt_area .link{display:block;margin-bottom:40px;line-height:35px;font-size:25px;text-align:center;color:#555;font-family:'notokr-light'}
.new_lt_area .link b{color:#222;font-family:'notokr-bold'}
.new_lt_area .tit{padding-left:25px;background-color:var(--primary);color:rgba(255,255,255.8);line-height:50px;font-size:16px;}
.new_main_bnr{overflow:hidden;width:1200px;margin:0 auto}
.new_main_bnr{position:relative;z-index:1;padding:40px;box-sizing:border-box;background-color:#222}
.new_main_bnr:before{content:'';position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:url(/sh_img/make24/inc01/img/inc_img-02.jpg) no-repeat center;background-size:cover;opacity:.1;filter:grayscale(100%);}
.new_main_bnr li{float:left;width:calc(100% / 3 - 22px);padding:25px;margin:10px;border:1px solid rgba(255,255,255,.5);box-sizing:border-box;border-radius:3px}
.new_main_bnr li a{display:block;overflow:hidden;color:#fff;font-size:15px}
.new_main_bnr li a .num{display:inline-block;float:left;width: 19px;height:18px;padding:10px;border-radius:15px 0;background-color:#ad8e71;font-weight:700;text-align:center;line-height:18px;font-family:'Play', sans-serif;}
.new_main_bnr li a dl{float:left;width: calc(100% - 53px);margin: 7px 0 0 14px;letter-spacing:-1px;text-align:center;}
.new_main_bnr li a dt{font-size:17px;font-family:'notokr-medium'}
.new_main_bnr li a dt span{font-weight:normal;font-size:14px;font-family:'notokr-regular'}
.new_main_bnr li a dd{margin:10px 0 0;color:#ccc}
.new_main_bnr li a .more{clear:both;position:relative;height:30px;margin:0}
.new_main_bnr li a .more:after{right:0}
.new_main_bnr li a .more:before, .new_main_bnr li a .more:after {display:block;content:"\f178";position:absolute;bottom:0;-webkit-transition:all .3s;transition:all .3s;font-family:'fontawesome';}
.new_main_bnr li a .more:before {right:10px;opacity:0;}
.new_main_bnr li a:hover .more:before{right:0;opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}
.new_main_bnr li a:hover .more:after{right:-10px;opacity:0}

.new_lt_area .txt{position:relative;z-index:1;padding:60px 0 65px;margin:45px 0 0;box-sizing:border-box;background-color:#222;text-align:center}
.new_lt_area .txt:before{content:'';position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:url(/sh_img/make24/inc01/img/inc_img-01.jpg) no-repeat center;background-size:cover;opacity:.15;filter:grayscale(100%);}
.new_lt_area .txt dt{font-size:40px;color:#f1bb1d;font-family:'notokr-bold'}
.new_lt_area .txt dd{margin:4px 0 0;font-size:22px;color:rgba(255,255,255,.6)}
.new_lt_area .txt b{display:block;margin-top:28px;font-size:25px;font-style:italic;color:rgba(255,255,255,.9);font-family:'notokr-bold'} */


#list_all{overflow:hidden;width:1200px;margin:0 auto;padding:50px 50px;box-sizing:border-box;background-color:#f5f5f5}
#list_all #m_latest{float:left;width:calc(100% / 2 - 5px)}
#list_all #m_latest+#m_latest{margin-left:10px}
#list_all #m_latest .m_tit{position:relative;padding:10px 17px;background:var(--primary);color:#fff;font-size:16px;}
#list_all #m_latest .m_tit span{position:absolute;right:17px;font-size:15px}
#list_all #m_latest .m_tit span a{color:#fff}
#list_all .sh_lt{margin:0;font-family:'notokr-regular'}
#list_all ul{margin:0;padding:10px 0 10px 19px;background-color:#fff}
#list_all .sh_lt li{width:95.3%;padding:15px 0;border-bottom:1px solid #e1e1e1}
#cont_area{width:1200px;margin:0 auto;}
#cont_area .cont{letter-spacing:-1px}
#cont_area .cont01{height:397px;padding:110px 0 0 710px;background:url(/sh_img/make24/inc01/img/inc_img-03.jpg) no-repeat center;box-sizing:border-box;color:#fff}
#cont_area .cont .tit{margin-bottom:25px;font-size:30px;line-height:40px;font-family:'notokr-bold'}
#cont_area .cont .txt{font-size:18px}
#cont_area .cont01 .txt{opacity:.7}
#cont_area .cont02{position:relative}
#cont_area .cont02 .txt_area{position:absolute;left:50px;top:-80px;z-index:1;width:500px;padding:177px 50px 50px;background-image:-moz-linear-gradient( 90deg, rgb(200,164,129) 0%, rgba(200,164,129,0) 100%);background-image:-webkit-linear-gradient( 90deg, rgb(200,164,129) 0%, rgba(200,164,129,0) 100%);background-image:-ms-linear-gradient( 90deg, rgb(200,164,129) 0%, rgba(200,164,129,0) 100%);background-color:var(--primary);border-radius:80px;border-bottom-left-radius:0;box-sizing:border-box}
#cont_area .cont02 .txt_area:before{position:absolute;z-index:-1;left:50px;top:50px;content:url(/sh_img/hd/top_menu/logo_new_w.png);opacity:.5}
#cont_area .cont02 .txt_area .tit{color:#fff}
#cont_area .cont02 .txt_area .txt{color:#fff;opacity:.6}
#cont_area .cont02 .img{text-align:right}

#cont_area .cont03{margin-top:50px}
#cont_area .cont03 .tit{color:#222;font-size:30px;font-family:'notokr-light';text-align:center}
#cont_area .cont03 .tit p{margin-bottom:15px;color:var(--primary);font-weight:700;font-size:15px;line-height:15px;font-family:'Poppins', sans-serif}
#cont_area .cont03 .tit span{font-family:'notokr-bold'}
#cont_area .cont03 .it_box{margin-top:54px}
#cont_area .cont03 .it_box li{overflow:hidden}
#cont_area .cont03 .it_box li div,#cont_area .cont03 .it_box li dl{float:left}
#cont_area .cont03 .it_box li div{position:relative}
#cont_area .cont03 .it_box li div:after{display:block;content:'\f04b';position:absolute;top:139px;color:#fff;font-size:60px;font-family:'FontAwesome'}
#cont_area .cont03 .it_box li div:nth-child(odd):after{right:0;transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}
#cont_area .cont03 .it_box li div:nth-child(even):after{left:0}
#cont_area .cont03 .it_box li dl{width:600px;padding:77px 0 77px 80px;margin:0;box-sizing:border-box}
#cont_area .cont03 .it_box li dl dd{margin-left:0}
#cont_area .cont03 .it_box li .box_txt .con_top{color:#222;font-size:25px;line-height:25px;font-family:'notokr-regular'}
#cont_area .cont03 .it_box li .box_txt .con_top:after{display:block;content:'';width:30px;height:2px;margin:34px 0;background-color:rgba(150,125,100,0.2)}
#cont_area .cont03 .it_box li .box_txt .con_top span{display:block;margin-bottom:16px;color:#c8a481;font-size:15px;line-height:15px;font-weight:700;font-family:'Poppins', sans-serif}
#cont_area .cont03 .it_box li .box_txt .con_bot{color:#777;font-size:15px}
#cont_area .cont03 .it_box li .box_txt .con_bot span{position:relative;margin-bottom:6px;color:#222;font-size:20px;font-family:'notokr-regular'}
#cont_area .cont03 .it_box li .box_txt .con_bot span:before,#cont_area .cont03 .it_box li .box_txt .con_bot span:after{display:block;position:absolute;top:-16px;color:#e9e9e9;font-size:50px;font-family:'맑은고딕', sans-serif}
#cont_area .cont03 .it_box li .box_txt .con_bot span:before{content:'"';left:-20px}
#cont_area .cont03 .it_box li .box_txt .con_bot span:after{content:'"';right:-20px}

#cont_area .cont04{height:516px;margin-top:58px;background:url(/sh_img/make24/include_01/img/con4_bg.jpg) no-repeat center;}
#cont_area .cont04 .tit{position:relative;padding-top:100px;color:#fff;font-size:35px;line-height:45px;text-align:center;font-family:'notokr-bold'}
#cont_area .cont04 .tit:before,#cont_area .cont04 .tit:after{display:block;content:'';position:absolute;top:58px;left:50%;width:91px;height:151px}
#cont_area .cont04 .tit:before{margin-left:-255px;background:url(/sh_img/make24/include_01/img/con4_tit_ele1.png) no-repeat center}
#cont_area .cont04 .tit:after{margin-left:161px;background:url(/sh_img/make24/include_01/img/con4_tit_ele2.png) no-repeat center}
#cont_area .cont04 .tit span{background:linear-gradient(to top, #a27d58, #fccea4, #a27d58);-webkit-background-clip: text;-webkit-text-fill-color:transparent}
#cont_area .cont04 .link_box{overflow:hidden;padding:0 50px;margin-top:100px}
#cont_area .cont04 .link_box a{display:block;float:left;width:calc(100% / 4 - 20px);border-style:solid;border-image:linear-gradient(to top, #97724c, #fbcea4, #97724c);border-image-slice:1;border-image-width:3px;color:rgba(255,255,255,0.7);font-size:25px;line-height:170px;text-align:center;vertical-align:middle;font-family:'notokr-medium';transition:ease .3s}
#cont_area .cont04 .link_box a+a{margin-left:18px}
#cont_area .cont04 .link_box a:hover{color:rgba(255,255,255,1)}

#cont_area .cont05{position:relative;background-color:#ffcf0d;text-align:center}
#cont_area .cont05:before{content:'';position:absolute;top:15px;left:0;width:100%;height:2px;background-color:#2b0c0a}
#cont_area .cont05:after{content:'';position:absolute;bottom:15px;left:0;width:100%;height:2px;background-color:#2b0c0a}
#cont_area .cont05 .cont{width:330px;margin:0 auto;padding:55px 0}
#cont_area .cont05 .tit{margin-bottom:10px;color:rgb(43, 12, 10);font-size:35px;font-weight:lighter;font-family:"Gong Gothic";}
#cont_area .cont05 .tit b{font-weight:bold;}
#cont_area .cont05 .tit:before{display:inline-block;content:"\f0e6";margin-right:9px;font-family:'fontawesome'}
#cont_area .cont05 .txt{overflow:hidden;position:relative;border-radius:10px;background-color:#fff}
#cont_area .cont05 .txt a{line-height:48px;font-family:"Gong Gothic";}
#cont_area .cont05 .txt a span{position:absolute;left:0;top:0;padding:0 19px;background-color:#2b0c0a;color:#fff;font-family:'Poppins',sans-serif}

#sh_ft_wrapper .message{width:330px;height:35px;margin:25px auto 24px;line-height:32px}
#sh_ft_wrapper .message .m_icon{width:38px}
#sh_ft_wrapper .message .txt{width:calc(100% - 40px);border:1px solid #aaa;border-radius:3px}
#sh_ft_wrapper .message .txt btn{display:block;width:41px;height:100%;border:0;background:none;background-color:#fefefe;letter-spacing:-1px;color:rgba(0,0,0,.6)}
#sh_ft_wrapper .message .txt input{display:block;float:left;width:calc(100% - 60px);height:100%;padding:0 11px;border:0;background:none;font-family:'notokr-regular'}
#sh_ft_wrapper .message .txt input::placeholder{color:rgba(255,255,255,.5)}
#sh_ft_wrapper .message .txt button{display:block;float:left;width:38px;height:100%;border:0;background-color:#cecece;letter-spacing:-1px;color:#555;font-family:'notokr-regular'}
#sh_ft_wrapper .message div{float:left;height:100%}

.down{overflow:hidden}
.down .box{overflow:hidden;float:left;width:calc(100% / 3 - 20px);margin:0 27px 30px 0;border:1px solid #d7d7d7;border-radius:5px;text-align:center}
.down .box:nth-child(3n){margin-right:0}
.down .box dl{padding:50px 30px 30px;margin-top:-10px;background-color:#e5e5e5}
.down .box dt{margin-bottom:25px;font-size:20px;color:#222;font-family:'notokr-bold'}
.down .box dd{margin:0;}
.down .box dd a{display:inline-block;padding:8px 20px;background-color:#fff;color:#777;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.down .box dd a:hover{color:#222}
.down .box p{height:160px;padding:20px 30px 40px;font-size:15px;line-height:25px}
.down .box p span{font-size:13px;text-decoration:underline}
.down .box p span a{color:#ad8e71;font-family:'notokr-bold'}

#p76 .box{height:200px;background-color:#e5e5e5}
#p76 .box dl{padding:50px 20px 18px}
#p76 .box dt{line-height:30px}

/* 하단 */
/* #sh_ft{z-index:10;position:relative;min-width:1500px;text-align:center;background:#666;}  */
#sh_ft_wrapper{overflow:hidden;position:relative;margin:0 auto;padding:0 0 30px 0;width:1200px;zoom:1;line-height:1.6em;font-size:1.05em;letter-spacing:-0.04em;}
#sh_ft_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 
#sh_ft_icon{position:absolute;width:142px;right:0px;bottom:50px}
#sh_ft_wrapper #ft_logo{}
#sh_ft_wrapper #ft_logo img{margin-top:20px;}
#sh_ft_wrapper #address{padding-top:13px;color:#fff;}
#sh_ft_wrapper #address p{padding-top:4px;}
#f_fix{position:fixed;left:0;bottom:0;z-index:10;width:100%;height:117px;background-color:#9e8368;box-shadow:0 0 70px rgba(0,0,0,.2);text-align:center;}
#f_fix button{display:inline-block;height:100%;width:220px;padding:11px 57px;margin:20px;border:none;background-color:rgba(241,217,187);border-radius:5px;-webkit-transition:all .3s;transition:all .3s;color:#886f57e0;line-height:29px;font-size:19px;font-family:'notokr-bold'}
#f_fix button:hover{color:#886f57}
.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;background:rgba(0,0,0,0.7)}
.popup .cont{overflow-y:scroll;position:absolute;top:50%;left:50%;padding:50px;width:950px;height:500px;background:#fff;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.popup .cont::-webkit-scrollbar{display:none}
#tender_pop .step2{display:none}
#tender_form .step2 .txt_area .link_area{padding:10px}
#tender_form .step2 .txt_area .link{font-size:15px}

#p75 .cont{padding:0 20px 30px;}
#p75 dt{box-sizing:border-box;padding-left:15px;margin-bottom:25px;border-left:10px solid #7e34dd;line-height:15px;font-size:22px;color:#222;font-weight:600;font-family:var(--fl)}
#p75 dt span{background:linear-gradient(90deg, #1EA4FF 0%, #4A78F6 25%, #6A45E2 50%, #7F3CE0 75%, #6F1FD1 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip:text;color:transparent}

#p75 dd{margin-left:20px;color:#777;font-size:15px;line-height:25px}
#p75 dd.br{margin-top:10px}
#p75 dd span{display:block;position:relative;margin:5px 0;font-size:17px;color:#555;font-family:'notokr-medium'}
#p75 dd span:before{position:absolute;left:-10px;top:10px;content:'';width:5px;height:5px;background-color:#555}