@charset "utf-8"; /****************************** margin setting ******************************/ .m0 {margin:0px !important}.m1 {margin:1px !important}.m2 {margin:2px !important}.m3 {margin:3px !important}.m4 {margin:4px !important}.m5 {margin:5px !important}.m6 {margin:6px !important}.m7 {margin:7px !important}.m8 {margin:8px !important}.m9 {margin:9px !important}.m10 {margin:10px !important}.m11 {margin:11px !important}.m12 {margin:12px !important}.m13 {margin:13px !important}.m14 {margin:14px !important}.m15 {margin:15px !important}.m16 {margin:16px !important}.m17 {margin:17px !important}.m18 {margin:18px !important}.m19 {margin:19px !important}.m20 {margin:20px !important}.m21 {margin:21px !important}.m22 {margin:22px !important}.m23 {margin:23px !important}.m24 {margin:24px !important}.m25 {margin:25px !important}.m26 {margin:26px !important}.m27 {margin:27px !important}.m28 {margin:28px !important}.m29 {margin:29px !important}.m30 {margin:30px !important}.m31 {margin:31px !important}.m32 {margin:32px !important}.m33 {margin:33px !important}.m34 {margin:34px !important}.m35 {margin:35px !important}.m36 {margin:36px !important}.m37 {margin:37px !important}.m38 {margin:38px !important}.m39 {margin:39px !important}.m40 {margin:40px !important}.m41 {margin:41px !important}.m42 {margin:42px !important}.m43 {margin:43px !important}.m44 {margin:44px !important}.m45 {margin:45px !important}.m46 {margin:46px !important}.m47 {margin:47px !important}.m48 {margin:48px !important}.m49 {margin:49px !important}.m50 {margin:50px !important} .mt0 {margin-top:0px !important}.mt1 {margin-top:1px !important}.mt2 {margin-top:2px !important}.mt3 {margin-top:3px !important}.mt4 {margin-top:4px !important}.mt5 {margin-top:5px !important}.mt6 {margin-top:6px !important}.mt7 {margin-top:7px !important}.mt8 {margin-top:8px !important}.mt9 {margin-top:9px !important}.mt10 {margin-top:10px !important}.mt11 {margin-top:11px !important}.mt12 {margin-top:12px !important}.mt13 {margin-top:13px !important}.mt14 {margin-top:14px !important}.mt15 {margin-top:15px !important}.mt16 {margin-top:16px !important}.mt17 {margin-top:17px !important}.mt18 {margin-top:18px !important}.mt19 {margin-top:19px !important}.mt20 {margin-top:20px !important}.mt21 {margin-top:21px !important}.mt22 {margin-top:22px !important}.mt23 {margin-top:23px !important}.mt24 {margin-top:24px !important}.mt25 {margin-top:25px !important}.mt26 {margin-top:26px !important}.mt27 {margin-top:27px !important}.mt28 {margin-top:28px !important}.mt29 {margin-top:29px !important}.mt30 {margin-top:30px !important}.mt31 {margin-top:31px !important}.mt32 {margin-top:32px !important}.mt33 {margin-top:33px !important}.mt34 {margin-top:34px !important}.mt35 {margin-top:35px !important}.mt36 {margin-top:36px !important}.mt37 {margin-top:37px !important}.mt38 {margin-top:38px !important}.mt39 {margin-top:39px !important}.mt40 {margin-top:40px !important}.mt41 {margin-top:41px !important}.mt42 {margin-top:42px !important}.mt43 {margin-top:43px !important}.mt44 {margin-top:44px !important}.mt45 {margin-top:45px !important}.mt46 {margin-top:46px !important}.mt47 {margin-top:47px !important}.mt48 {margin-top:48px !important}.mt49 {margin-top:49px !important}.mt50 {margin-top:50px !important}.mt51 {margin-top:51px !important}.mt52 {margin-top:52px !important}.mt53 {margin-top:53px !important}.mt54 {margin-top:54px !important}.mt55 {margin-top:55px !important}.mt56 {margin-top:56px !important}.mt57 {margin-top:57px !important}.mt58 {margin-top:58px !important}.mt59 {margin-top:59px !important}.mt60 {margin-top:60px !important}.mt65 {margin-top:65px !important} .mr0 {margin-right:0px !important}.mr1 {margin-right:1px !important}.mr2 {margin-right:2px !important}.mr3 {margin-right:3px !important}.mr4 {margin-right:4px !important}.mr5 {margin-right:5px !important}.mr6 {margin-right:6px !important}.mr7 {margin-right:7px !important}.mr8 {margin-right:8px !important}.mr9 {margin-right:9px !important}.mr10 {margin-right:10px !important}.mr11 {margin-right:11px !important}.mr12 {margin-right:12px !important}.mr13 {margin-right:13px !important}.mr14 {margin-right:14px !important}.mr15 {margin-right:15px !important}.mr16 {margin-right:16px !important}.mr17 {margin-right:17px !important}.mr18 {margin-right:18px !important}.mr19 {margin-right:19px !important}.mr20 {margin-right:20px !important}.mr21 {margin-right:21px !important}.mr22 {margin-right:22px !important}.mr23 {margin-right:23px !important}.mr24 {margin-right:24px !important}.mr25 {margin-right:25px !important}.mr26 {margin-right:26px !important}.mr27 {margin-right:27px !important}.mr28 {margin-right:28px !important}.mr29 {margin-right:29px !important}.mr30 {margin-right:30px !important}.mr31 {margin-right:31px !important}.mr32 {margin-right:32px !important}.mr33 {margin-right:33px !important}.mr34 {margin-right:34px !important}.mr35 {margin-right:35px !important}.mr36 {margin-right:36px !important}.mr37 {margin-right:37px !important}.mr38 {margin-right:38px !important}.mr39 {margin-right:39px !important}.mr40 {margin-right:40px !important}.mr41 {margin-right:41px !important}.mr42 {margin-right:42px !important}.mr43 {margin-right:43px !important}.mr44 {margin-right:44px !important}.mr45 {margin-right:45px !important}.mr46 {margin-right:46px !important}.mr47 {margin-right:47px !important}.mr48 {margin-right:48px !important}.mr49 {margin-right:49px !important}.mr50 {margin-right:50px !important}.mr51 {margin-right:51px !important}.mr52 {margin-right:52px !important}.mr53 {margin-right:53px !important}.mr54 {margin-right:54px !important}.mr55 {margin-right:55px !important}.mr56 {margin-right:56px !important}.mr57 {margin-right:57px !important}.mr58 {margin-right:58px !important}.mr59 {margin-right:59px !important}.mr60 {margin-right:60px !important} .mb0 {margin-bottom:0px !important}.mb1 {margin-bottom:1px !important}.mb2 {margin-bottom:2px !important}.mb3 {margin-bottom:3px !important}.mb4 {margin-bottom:4px !important}.mb5 {margin-bottom:5px !important}.mb6 {margin-bottom:6px !important}.mb7 {margin-bottom:7px !important}.mb8 {margin-bottom:8px !important}.mb9 {margin-bottom:9px !important}.mb10 {margin-bottom:10px !important}.mb11 {margin-bottom:11px !important}.mb12 {margin-bottom:12px !important}.mb13 {margin-bottom:13px !important}.mb14 {margin-bottom:14px !important}.mb15 {margin-bottom:15px !important}.mb16 {margin-bottom:16px !important}.mb17 {margin-bottom:17px !important}.mb18 {margin-bottom:18px !important}.mb19 {margin-bottom:19px !important}.mb20 {margin-bottom:20px !important}.mb21 {margin-bottom:21px !important}.mb22 {margin-bottom:22px !important}.mb23 {margin-bottom:23px !important}.mb24 {margin-bottom:24px !important}.mb25 {margin-bottom:25px !important}.mb26 {margin-bottom:26px !important}.mb27 {margin-bottom:27px !important}.mb28 {margin-bottom:28px !important}.mb29 {margin-bottom:29px !important}.mb30 {margin-bottom:30px !important}.mb31 {margin-bottom:31px !important}.mb32 {margin-bottom:32px !important}.mb33 {margin-bottom:33px !important}.mb34 {margin-bottom:34px !important}.mb35 {margin-bottom:35px !important}.mb36 {margin-bottom:36px !important}.mb37 {margin-bottom:37px !important}.mb38 {margin-bottom:38px !important}.mb39 {margin-bottom:39px !important}.mb40 {margin-bottom:40px !important}.mb41 {margin-bottom:41px !important}.mb42 {margin-bottom:42px !important}.mb43 {margin-bottom:43px !important}.mb44 {margin-bottom:44px !important}.mb45 {margin-bottom:45px !important}.mb46 {margin-bottom:46px !important}.mb47 {margin-bottom:47px !important}.mb48 {margin-bottom:48px !important}.mb49 {margin-bottom:49px !important}.mb50 {margin-bottom:50px !important}.mb60 {margin-bottom:60px !important}.mb65 {margin-bottom:65px !important}.mb70 {margin-bottom:70px !important}.mb80 {margin-bottom:80px !important}.mb85 {margin-bottom:85px !important}.mb90 {margin-bottom:90px !important} .ml0 {margin-left:0px !important}.ml1 {margin-left:1px !important}.ml2 {margin-left:2px !important}.ml3 {margin-left:3px !important}.ml4 {margin-left:4px !important}.ml5 {margin-left:5px !important}.ml6 {margin-left:6px !important}.ml7 {margin-left:7px !important}.ml8 {margin-left:8px !important}.ml9 {margin-left:9px !important}.ml10 {margin-left:10px !important}.ml11 {margin-left:11px !important}.ml12 {margin-left:12px !important}.ml13 {margin-left:13px !important}.ml14 {margin-left:14px !important}.ml15 {margin-left:15px !important}.ml16 {margin-left:16px !important}.ml17 {margin-left:17px !important}.ml18 {margin-left:18px !important}.ml19 {margin-left:19px !important}.ml20 {margin-left:20px !important}.ml21 {margin-left:21px !important}.ml22 {margin-left:22px !important}.ml23 {margin-left:23px !important}.ml24 {margin-left:24px !important}.ml25 {margin-left:25px !important}.ml26 {margin-left:26px !important}.ml27 {margin-left:27px !important}.ml28 {margin-left:28px !important}.ml29 {margin-left:29px !important}.ml30 {margin-left:30px !important}.ml31 {margin-left:31px !important}.ml32 {margin-left:32px !important}.ml33 {margin-left:33px !important}.ml34 {margin-left:34px !important}.ml35 {margin-left:35px !important}.ml36 {margin-left:36px !important}.ml37 {margin-left:37px !important}.ml38 {margin-left:38px !important}.ml39 {margin-left:39px !important}.ml40 {margin-left:40px !important}.ml41 {margin-left:41px !important}.ml42 {margin-left:42px !important}.ml43 {margin-left:43px !important}.ml44 {margin-left:44px !important}.ml45 {margin-left:45px !important}.ml46 {margin-left:46px !important}.ml47 {margin-left:47px !important}.ml48 {margin-left:48px !important}.ml49 {margin-left:49px !important}.ml50 {margin-left:50px !important} /****************************** padding setting ******************************/ .p0 {padding:0px !important}.p1 {padding:1px !important}.p2 {padding:2px !important}.p3 {padding:3px !important}.p4 {padding:4px !important}.p5 {padding:5px !important}.p6 {padding:6px !important}.p7 {padding:7px !important}.p8 {padding:8px !important}.p9 {padding:9px !important}.p10 {padding:10px !important}.p11 {padding:11px !important}.p12 {padding:12px !important}.p13 {padding:13px !important}.p14 {padding:14px !important}.p15 {padding:15px !important}.p16 {padding:16px !important}.p17 {padding:17px !important}.p18 {padding:18px !important}.p19 {padding:19px !important}.p20 {padding:20px !important}.p21 {padding:21px !important}.p22 {padding:22px !important}.p23 {padding:23px !important}.p24 {padding:24px !important}.p25 {padding:25px !important}.p26 {padding:26px !important}.p27 {padding:27px !important}.p28 {padding:28px !important}.p29 {padding:29px !important}.p30 {padding:30px !important}.p31 {padding:31px !important}.p32 {padding:32px !important}.p33 {padding:33px !important}.p34 {padding:34px !important}.p35 {padding:35px !important}.p36 {padding:36px !important}.p37 {padding:37px !important}.p38 {padding:38px !important}.p39 {padding:39px !important}.p40 {padding:40px !important}.p41 {padding:41px !important}.p42 {padding:42px !important}.p43 {padding:43px !important}.p44 {padding:44px !important}.p45 {padding:45px !important}.p46 {padding:46px !important}.p47 {padding:47px !important}.p48 {padding:48px !important}.p49 {padding:49px !important}.p50 {padding:50px !important} .pt0 {padding-top:0px !important}.pt1 {padding-top:1px !important}.pt2 {padding-top:2px !important}.pt3 {padding-top:3px !important}.pt4 {padding-top:4px !important}.pt5 {padding-top:5px !important}.pt6 {padding-top:6px !important}.pt7 {padding-top:7px !important}.pt8 {padding-top:8px !important}.pt9 {padding-top:9px !important}.pt10 {padding-top:10px !important}.pt11 {padding-top:11px !important}.pt12 {padding-top:12px !important}.pt13 {padding-top:13px !important}.pt14 {padding-top:14px !important}.pt15 {padding-top:15px !important}.pt16 {padding-top:16px !important}.pt17 {padding-top:17px !important}.pt18 {padding-top:18px !important}.pt19 {padding-top:19px !important}.pt20 {padding-top:20px !important}.pt21 {padding-top:21px !important}.pt22 {padding-top:22px !important}.pt23 {padding-top:23px !important}.pt24 {padding-top:24px !important}.pt25 {padding-top:25px !important}.pt26 {padding-top:26px !important}.pt27 {padding-top:27px !important}.pt28 {padding-top:28px !important}.pt29 {padding-top:29px !important}.pt30 {padding-top:30px !important}.pt31 {padding-top:31px !important}.pt32 {padding-top:32px !important}.pt33 {padding-top:33px !important}.pt34 {padding-top:34px !important}.pt35 {padding-top:35px !important}.pt36 {padding-top:36px !important}.pt37 {padding-top:37px !important}.pt38 {padding-top:38px !important}.pt39 {padding-top:39px !important}.pt40 {padding-top:40px !important}.pt41 {padding-top:41px !important}.pt42 {padding-top:42px !important}.pt43 {padding-top:43px !important}.pt44 {padding-top:44px !important}.pt45 {padding-top:45px !important}.pt46 {padding-top:46px !important}.pt47 {padding-top:47px !important}.pt48 {padding-top:48px !important}.pt49 {padding-top:49px !important}.pt50 {padding-top:50px !important}.pt65 {padding-top:65px !important} .pr0 {padding-right:0px !important}.pr1 {padding-right:1px !important}.pr2 {padding-right:2px !important}.pr3 {padding-right:3px !important}.pr4 {padding-right:4px !important}.pr5 {padding-right:5px !important}.pr6 {padding-right:6px !important}.pr7 {padding-right:7px !important}.pr8 {padding-right:8px !important}.pr9 {padding-right:9px !important}.pr10 {padding-right:10px !important}.pr11 {padding-right:11px !important}.pr12 {padding-right:12px !important}.pr13 {padding-right:13px !important}.pr14 {padding-right:14px !important}.pr15 {padding-right:15px !important}.pr16 {padding-right:16px !important}.pr17 {padding-right:17px !important}.pr18 {padding-right:18px !important}.pr19 {padding-right:19px !important}.pr20 {padding-right:20px !important}.pr21 {padding-right:21px !important}.pr22 {padding-right:22px !important}.pr23 {padding-right:23px !important}.pr24 {padding-right:24px !important}.pr25 {padding-right:25px !important}.pr26 {padding-right:26px !important}.pr27 {padding-right:27px !important}.pr28 {padding-right:28px !important}.pr29 {padding-right:29px !important}.pr30 {padding-right:30px !important}.pr31 {padding-right:31px !important}.pr32 {padding-right:32px !important}.pr33 {padding-right:33px !important}.pr34 {padding-right:34px !important}.pr35 {padding-right:35px !important}.pr36 {padding-right:36px !important}.pr37 {padding-right:37px !important}.pr38 {padding-right:38px !important}.pr39 {padding-right:39px !important}.pr40 {padding-right:40px !important}.pr41 {padding-right:41px !important}.pr42 {padding-right:42px !important}.pr43 {padding-right:43px !important}.pr44 {padding-right:44px !important}.pr45 {padding-right:45px !important}.pr46 {padding-right:46px !important}.pr47 {padding-right:47px !important}.pr48 {padding-right:48px !important}.pr49 {padding-right:49px !important}.pr50 {padding-right:50px !important} .pb0 {padding-bottom:0px !important}.pb1 {padding-bottom:1px !important}.pb2 {padding-bottom:2px !important}.pb3 {padding-bottom:3px !important}.pb4 {padding-bottom:4px !important}.pb5 {padding-bottom:5px !important}.pb6 {padding-bottom:6px !important}.pb7 {padding-bottom:7px !important}.pb8 {padding-bottom:8px !important}.pb9 {padding-bottom:9px !important}.pb10 {padding-bottom:10px !important}.pb11 {padding-bottom:11px !important}.pb12 {padding-bottom:12px !important}.pb13 {padding-bottom:13px !important}.pb14 {padding-bottom:14px !important}.pb15 {padding-bottom:15px !important}.pb16 {padding-bottom:16px !important}.pb17 {padding-bottom:17px !important}.pb18 {padding-bottom:18px !important}.pb19 {padding-bottom:19px !important}.pb20 {padding-bottom:20px !important}.pb21 {padding-bottom:21px !important}.pb22 {padding-bottom:22px !important}.pb23 {padding-bottom:23px !important}.pb24 {padding-bottom:24px !important}.pb25 {padding-bottom:25px !important}.pb26 {padding-bottom:26px !important}.pb27 {padding-bottom:27px !important}.pb28 {padding-bottom:28px !important}.pb29 {padding-bottom:29px !important}.pb30 {padding-bottom:30px !important}.pb31 {padding-bottom:31px !important}.pb32 {padding-bottom:32px !important}.pb33 {padding-bottom:33px !important}.pb34 {padding-bottom:34px !important}.pb35 {padding-bottom:35px !important}.pb36 {padding-bottom:36px !important}.pb37 {padding-bottom:37px !important}.pb38 {padding-bottom:38px !important}.pb39 {padding-bottom:39px !important}.pb40 {padding-bottom:40px !important}.pb41 {padding-bottom:41px !important}.pb42 {padding-bottom:42px !important}.pb43 {padding-bottom:43px !important}.pb44 {padding-bottom:44px !important}.pb45 {padding-bottom:45px !important}.pb46 {padding-bottom:46px !important}.pb47 {padding-bottom:47px !important}.pb48 {padding-bottom:48px !important}.pb49 {padding-bottom:49px !important}.pb50 {padding-bottom:50px !important} .pl0 {padding-left:0px !important}.pl1 {padding-left:1px !important}.pl2 {padding-left:2px !important}.pl3 {padding-left:3px !important}.pl4 {padding-left:4px !important}.pl5 {padding-left:5px !important}.pl6 {padding-left:6px !important}.pl7 {padding-left:7px !important}.pl8 {padding-left:8px !important}.pl9 {padding-left:9px !important}.pl10 {padding-left:10px !important}.pl11 {padding-left:11px !important}.pl12 {padding-left:12px !important}.pl13 {padding-left:13px !important}.pl14 {padding-left:14px !important}.pl15 {padding-left:15px !important}.pl16 {padding-left:16px !important}.pl17 {padding-left:17px !important}.pl18 {padding-left:18px !important}.pl19 {padding-left:19px !important}.pl20 {padding-left:20px !important}.pl21 {padding-left:21px !important}.pl22 {padding-left:22px !important}.pl23 {padding-left:23px !important}.pl24 {padding-left:24px !important}.pl25 {padding-left:25px !important}.pl26 {padding-left:26px !important}.pl27 {padding-left:27px !important}.pl28 {padding-left:28px !important}.pl29 {padding-left:29px !important}.pl30 {padding-left:30px !important}.pl31 {padding-left:31px !important}.pl32 {padding-left:32px !important}.pl33 {padding-left:33px !important}.pl34 {padding-left:34px !important}.pl35 {padding-left:35px !important}.pl36 {padding-left:36px !important}.pl37 {padding-left:37px !important}.pl38 {padding-left:38px !important}.pl39 {padding-left:39px !important}.pl40 {padding-left:40px !important}.pl41 {padding-left:41px !important}.pl42 {padding-left:42px !important}.pl43 {padding-left:43px !important}.pl44 {padding-left:44px !important}.pl45 {padding-left:45px !important}.pl46 {padding-left:46px !important}.pl47 {padding-left:47px !important}.pl48 {padding-left:48px !important}.pl49 {padding-left:49px !important}.pl50 {padding-left:50px !important}.pl51 {padding-left:51px !important}.pl52 {padding-left:52px !important} .prset{padding:0 !important} .sec_table{position:relative;margin-bottom:15px;} .scrBox_X{overflow-x:auto;overflow-y:scroll;} h2.tit{margin-bottom:10px;font-weight:bold;font-size:14px;} h2.tit.bdt{margin-top:15px;padding-top:15px;border-top:1px solid #333;} h2.tit .s_txt{display:block;margin-top:5px;padding-left:10px;font-weight:normal;font-size:12px;} /* 20180618 김진우 수정(사용하지 않는 같은 클래스명 이용해서 수정함) */ h3.s_tit{margin-top:6px;margin-bottom:5px;font-size:12px;font-weight:bold;padding-left:2px;float: left !important;} h3.tit{margin-top:6px;margin-bottom:5px;font-size:12px;font-weight:bold;} /* scroll_section */ .scroll_section{overflow:auto;height:250px;border:1px solid #dedede;} .scroll_section.h_500{height:500px;} .scroll_section.h_300{height:300px;} .scroll_section.h_200{height:200px;} .scroll_section.h_auto{height:auto;} /* jqGrid_section */ .jqGrid_section{overflow:hidden;padding-right:0;} /* cellBox */ .cellBox{display:table;width:100%;} .cellBox .cell{display:table-cell;} /* 버튼색 */ .btn-b{background: #1b54a3 !important;} /* 주소찾기 cellBox */ .cellBox.v_addr .cell{padding-left:4px;} .cellBox.v_addr .cell:first-child{padding-left:0;} /* 좌우 영역 중간에 버튼있는 cellBox */ .cellBox.ver_mid_Btn>.cell{vertical-align:middle;} .cellBox.ver_mid_Btn .cell.mid_Btn{padding:5px;text-align:center;} .cellBox.ver_mid_Btn .cell.mid_Btn .tb_btn{margin:10px 0;} .cellBox.ver_mid_Btn .cell.mid_Btn .arrow_r:after{margin-left:5px;content:'▶';} .cellBox.ver_mid_Btn .cell.mid_Btn .arrow_l:before{margin-right:5px;content:'◀';} /* 싸인 cellBox */ .cellBox.cell_Sign .sign_area{position:relative;display:inline-block;width:100px;height:50px;cursor: pointer;} .cellBox.cell_Sign .sign_area img{width:100%;} .cellBox.cell_Sign .sign_area .txt_in{position:absolute;right:0;bottom:0;} .cellBox.cell_Sign .sign_area .txt_base{width:80%;text-align:center;position:absolute;left:0px;top:10px;} .cellBox.cell_Sign .sign_area .none{display:none;} .cellBox.cell_Sign .inp_sign{border:0;border-bottom:1px solid #000;text-align:right;} .cellBox.cell_Sign .inp_sign:read-only{background-color: #ffffff;} /* button */ .btn{display: inline-block;padding:0 10px;min-width:80px;line-height:24px;height:24px;color:#fff;font-size:12px;font-weight:bold;background:#197ad2;text-align:center;vertical-align:middle; -webkit-transition: all .1s; -moz-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s; border-radius:3px } .btn_preview{display: inline-block;padding:0 10px;min-width:80px;line-height:24px;height:24px;color:#fff;font-size:12px;font-weight:bold;background:#197ad2;text-align:center;vertical-align:middle; -webkit-transition: all .1s; -moz-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s; border-radius:3px } .btn.popup{background:#63b3c2;color: #fff} .btn.popup:hover{background:#41747d;} .btn.dark{background:#333;color: #fff} .btn.dark:hover{background:#555;} .btn.white{background:#fff;color: #000;border:1px solid #000;} .btn.white:hover{background:#ddd;} .btn:hover{background:#609fde;} .btn:disabled{background:#dedede !important;cursor:no-drop !important;color:#acacac !important} .btn.blue{background:#197ad2} .btn.blue:hover{background:#609fde;} .btn.gray{background:#999} .btn.gray:hover{background:#666;} .btn.green{background:#5cb85c} .btn.green:hover{background:#439a43;} .btn.big{min-width:90px;font-size:14px;height:34px;line-height:34px;letter-spacing:-0.08em} /* table_btn */ .tb_btn{display: inline-block;padding:0 10px;height:22px;line-height:22px;min-width:70px;color:#fff;font-size:12px;font-weight:bold;background:#6d6d6d;text-align:center;vertical-align:middle; -webkit-transition: all .1s; -moz-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s; border-radius:3px } .tb_btn:hover{background:#3d3d3d;color:#fff} .tb_btn.blue{color:#fff;background:#197ad2} .tb_btn.blue:hover{background:#609fde} .tb_btn.white{background:#fff;color: #000;border:1px solid #000;} .tb_btn.white:hover{background:#ddd;} .tb_btn.gray{background:#999} .tb_btn.gray:hover{background:#666;} .tb_btn.dark{background:#333;color: #fff} .tb_btn.dark:hover{background:#555;} .tb_btn.red{background:#ff0000;color: #fff} .tb_btn.red:hover{background:#ff8080;} .tb_btn.green{background:#4b9b73} .tb_btn.green:hover{background:#6f9e86;} .tb_btn.popup{background:#63b3c2;color: #fff} .tb_btn.popup:hover{background:#41747d;} .tb_btn.plus{padding:0;min-width:0;width:22px;font-size:17px;line-height:22px;font-weight:bold;color:#569e2e;} .tb_btn.minus{padding:0;min-width:0;width:22px;font-size:17px;line-height:22px;font-weight:bold;color:#bf3643;} .tb_btn.srch{padding:0;min-width:0;width:22px;font-size:18px;line-height:22px;border:0;font-weight:bold;background-color:initial;color:#197ad2;} .tb_btn.srch:hover{background-color:initial;} .tb_btn.remove{padding:0;min-width:0;width:22px;font-size:13px;line-height:22px;border-color:#ccc;font-weight:bold;color:#000;border-radius:50%;} .tb_btn.remove:hover{background-color:#ededed;} .tb_btn:disabled{background:#dedede !important;cursor:no-drop !important;color:#acacac !important} .sm_btn{display: inline-block;height:20px;line-height:22px;min-width:40px;color:#6d6d6d;font-size:11px;font-weight:bold;background:#f6f6f6;text-align:center;vertical-align:middle;padding:0 5px; -webkit-transition: all .1s; -moz-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s; border-radius:3px;border:1px solid #b5b5b5;box-sizing:border-box;} .sm_btn:hover{background:#3d3d3d;color:#fff} .sm_btn.dark{background:#6d6d6d;color: #fff} .sm_btn.dark:hover{background:#303030;color: #fff} .btn_area{padding:5px 0;} /* table */ .hTable th{padding:5px;background-color:#f6f6f6;font-weight:normal;border:1px solid #c5c5c5;} .hTable td{padding:5px;border:1px solid #c5c5c5;text-align:center;} .hTable td.ta_l{text-align:left;} .hTable td.ta_r{text-align:right;} .vTable th{padding:5px;background-color:#f6f6f6;font-weight:normal;border:1px solid #c5c5c5;text-align:left;} .vTable td{padding:5px;border:1px solid #c5c5c5;} .vTable td.ta_c{text-align:center;} .vTable td.ta_r{text-align:right;} /* blueTable */ .blueTable{background:#faf9f9;border-top:1px solid #ccb4b2;border-bottom:1px solid #ccb4b2;padding:12px 0} .blueTable table{width:100%;} .blueTable th{padding:4px 0 4px 10px;text-align:left;font-weight:bold;color:#464646} .blueTable td{padding:4px 10px;} .tb_dot{padding-left:9px;background:url(../images/common/tb_dot.gif) no-repeat left center;} .txt_im{color:#e55f44} .txt_red{color: #a22915} .blue_txt{color: #609dd5} .blue_txt2{color: #197ad2} .req_dot{color:#197ad2;font-weight:bold;} /* grayTable */ .grayTable{} .grayTable table{width:100%;border:1px solid #d9d9d9;border-bottom:1px solid #d2d2d2;} .grayTable th{padding:6px 0 5px 5px;text-align:left;font-weight:bold;color:#464646;background:#eaeaea;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} .grayTable td{padding:3px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} /*.grayTable td:last-child{border-right:none !important;}*/ .grayTable tr:first-child td,.grayTable tr:first-child th{border-bottom:1px solid #d9d9d9 !important} .grayTable tr:last-child td,.grayTable tr:last-child th{border-bottom:none;} .grayTable th.rowHead{background:#dcdcdc;} /* listTable */ .listTable {width:100%;text-align:center;} /*.listTable tbody tr:hover td{background-color:#fdf8e9 !important;}*/ .listTable thead th{padding:6px 5px 5px;color:#fff;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;background:#9ba7b4;font-weight: bold;} .listTable tbody th{padding:6px 5px 5px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;color:#fff;background-color:#9ba7b4;} .listTable tbody td{padding:6px 5px 5px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;height:27px} .listTable tbody th:last-child,.listTable tbody td:last-child{border-right:none;} .listTable table.no-thead{border-top:1px solid #d9d9d9;} table.st_stripe tbody tr:nth-child(odd) td{background-color:#f6fafd;} table .bg_blue{background:#eff7fb !important} table .bg_gray{background:#DAD9D9 !important} table .bg_red{background:#fff6f7 !important} /* .listTable.gray_s th,.listTable.gray_s th{background:#f4f4f4;color:#6d6d6d;border-bottom:1px solid #d9d9d9} */ /* listTable */ .resultTable {width:100%;text-align:center;} .resultTable thead th{padding:6px 10px 5px;color:#fff;border-right:1px solid #d9d9d9;background:#9ba7b4;font-weight: bold;} .resultTable tbody th{padding:6px 10px 5px;border-bottom:1px solid #d9d9d9;text-align: left;font-weight: bold;} .resultTable tbody td{padding:6px 10px 5px;border-bottom:1px solid #d9d9d9;height:27px;text-align: left;} /* paging */ .paging{position:relative;padding-top:20px;text-align:center;font-size:0} .paging a,.paging strong{display:inline-block;padding:4px;min-width:24px;height:24px;line-height:16px;border:1px solid #fff;font-size:13px;vertical-align:top} .paging a:hover,.paging strong{border:1px solid #367fa9;color:#367fa9;} .paging.pre,.paging.next{font-size:16px;} /* paging */ .w_paging{display:inline;} .cntPaging {padding-top:10px;text-align:center;font-size:0;line-height:0;} .cntPaging strong {display:inline-block;min-width:30px;height:27px;line-height:27px;font-weight:normal;color:#fff;box-sizing:border-box;padding:0 5px;font-weight: bold;background:#4973ad;border:1px solid #4973ad;font-size:11px;} .cntPaging a {display:inline-block;min-width:30px;height:27px;line-height:27px;font-size:11px;color:#7a7b7c;vertical-align:top;box-sizing:border-box;padding:0 5px;border:1px solid #dedede;background:#f3f2f2;margin:0 -0.5px;font-weight: bold;} .cntPaging a.prev, .cntPaging a.next, .cntPaging a.first_page, .cntPaging a.last_page {width:40px;height:27px;border:1px solid #e6e6e6;} .cntPaging a:hover {color:#fff;font-weight: bold;background:#4e82ca;border:1px solid #4e82ca} .cntPaging a.prev {background:url(../images/common/prev.gif) no-repeat center center;background-size:11px 11px;border:1px solid #fff;text-indent:-99999px;border-right:none;} .cntPaging a.next {background:url(../images/common/next.gif) no-repeat center center;background-size:11px 11px;border:1px solid #fff;text-indent:-99999px;border-left:none;margin-left:0;} .cntPaging a.prev:hover{background:url(../images/common/prev_on.gif) no-repeat center center} .cntPaging a.next:hover{background:url(../images/common/next_on.gif) no-repeat center center} /* tab_box */ .tab_box{margin-bottom:10px;min-height:25px;overflow-x:auto;} .tab_box.line{border-bottom:1px solid #e34132} .tab_box .tab_list{font-size:0;white-space:nowrap;} .tab_box .tab_list li{display:inline-block;} .tab_box .tab_list li a{display:block;padding:9px 10px 7px;min-width:120px;font-size:12px;line-height:13px;color:#7a7a7a;font-weight:bold;text-align:center;background-color:#f3f2f2;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:none; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .tab_box .tab_list li:first-child a{border-left:1px solid #d9d9d9;} .tab_box .tab_list li a.on,.tab_box .tab_list li a:hover{color:#fff;border-color:#e34132;background-color:#e34132;} .tab_cont .tabResult{display:none;} .tab_cont .tabResult.on{display:block;} .tab_box.v2.line{border-bottom:1px solid #333} .tab_box.v2 .tab_list li a{line-height:13px;color:#333;background-color:#fff;border-top:1px solid #333;border-right:1px solid #333;} .tab_box.v2 .tab_list li:first-child a{border-left:1px solid #333;} .tab_box.v2 .tab_list li a.on,.tab_box.v2 .tab_list li a:hover{color:#fff;border-color:#333;background-color:#000;} p.dot_allow{padding-left:13px;font-size:12px;font-weight: bold;color:#a8104d;background:url(../images/common/dot_allow.gif) no-repeat left 2px;} /* resultNumArea */ .resultNumArea{padding-top:10px;line-height:22px;} .resultNumArea select{width:auto;} /* jqTree */ ul.jqtree-tree .jqtree-element .edit{margin-left:5px;vertical-align:middle;} /* layer popup */ .layer-wrap {overflow: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;display:none;position: fixed;top:0;left:0;width:100%;height:100%;z-index:11010;box-sizing:border-box;} .layer-wrap .layer-content {margin:0 auto;position:relative;width:100%;max-width:1000px;background:#fff;border-radius:0;overflow:hidden} .layer-wrap.w800 .layer-content{max-width:800px;} .layer-title{padding:15px;font-size:16px;font-weight:bold;color:#fff;background-color:#1b54a5;} .layer-cont{padding:15px;} .layer-btn{border-top:1px solid #ccc;padding:10px 15px;} .layer_popup_close{position:absolute;right:0;top:0;padding:17px 19px;font-size:16px;line-height:1;color:#fff;background-color:transparent;} .overlay {display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity: 0.7; z-index:11000;} .overlay_massage {display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity: 0.7; z-index:11000;} .layer-wrap.pop_massage .layer-content{max-width:320px;} .layer-wrap.pop_massage .layer-title{padding:10px;font-size:14px;} .layer-wrap.pop_massage .layer-cont{padding:20px 10px 10px;text-align:center;} .layer-wrap.pop_massage .layer_popup_close{padding:11px;} #pop_ModHist .layer-content{max-width:700px;} /* 채팅팝업 */ .layer-wrap.pop_chat .layer-content{max-width:700px;} .layer-wrap.pop_chat .layer-cont{padding:0;} .layer-wrap.pop_chat .chat_Area .chat_body{max-height:500px;height: calc(100vh - 50px);} .layer-wrap.pop_chat .chat_Area .chat_lstArea{max-height:390px;height: calc(100vh - 50px - 110px);} .layer-wrap.pop_chat .chat_Area .chat_detail .chat_detail_cont{max-height:450px;height: calc(100vh - 50px);} /* buttons */ .iBtn{display:inline-block;padding:5px 10px;font-size:14px;line-height:1;text-align:center;vertical-align:middle;border:1px solid transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .iBtn-lg{padding:10px 15px;font-size:18px;} .iBtn-sm{font-size:12px;} .iBtn-xs{padding:3px 5px;font-size:11px;} .iBtn[disabled],.disabled{cursor:not-allowed;opacity:.4;} .iBtn-default{background-color:#fff;border-color:#ccc;} .iBtn-gray{background-color:#e6e6e6;border-color:#adadad;} .iBtn-blue{background-color:#3c8dbc;border-color:#367fa9;color:#fff;} .iBtn-black{background-color:#222;border-color:#111;color:#fff;} .iBtn-orange{background-color:#ec971f;border-color:#d58512;color:#fff;} .iBtn-default:hover{background-color:#fcfcfc;} .iBtn-gray:hover{background-color:#d4d4d4;} .iBtn-blue:hover{background-color:#367fa9;} .iBtn-black:hover{background-color:#444;} .iBtn-orange:hover{background-color:#e08e0b;} .label_chkAll{display:none;} .tit_right{ position: absolute; top: 0; right: 0; } .tit_right ul.tr_ul{} .tit_right ul.tr_ul li{ display: inline-block; } /* login */ .login_wrap{position:relative;display:table;width:100%;height:100%;z-index:11001;} .login_wrap .login_box{display:table-cell;vertical-align:middle;text-align:center;} .login_wrap .login_box .inner{padding:30px 15px;margin:0 auto;width:350px;background:url(../images/common/bg_opacity.png) repeat 0 0;} .login_wrap .login_box h1{padding-top:70px;font-size:40px;margin-bottom:10px;color:#fff;background:url(../images/common/img_logo.svg) no-repeat 50% 0 ;} .login_wrap .login_box input[type="text"],.login_wrap .login_box input[type="password"]{margin-bottom:10px;padding:16px 20px;font-size:14px;width:100%;border-color:#e1e1e1;} .login_wrap .login_box .btn_login{height:50px;line-height:50px;width:100%;font-size:14px;background-color:#197ad2;border-radius:2px;} .login_wrap .login_box .btn_login:hover{background-color:#5f9fdd;} .login_wrap .login_box .inp_saveID{margin-bottom:10px;text-align:left;color:#fff;} .login_wrap .login_box .err_txt{margin-bottom:10px;text-align:left;color:#f65454;} .login_bg_sl{position:absolute;left:0;top:0;bottom:0;left:0;width:100%;height:100%;} .login_bg_sl .bg_slide{height:100vh;} .login_bg_sl .bg_slide.bg_01{background:url(../images/sub/img_login_SL01.jpg) no-repeat center;-webkit-background-size:cover;background-size:cover;} .login_bg_sl .bg_slide.bg_02{background:url(../images/sub/img_login_SL02.jpg) no-repeat center;-webkit-background-size:cover;background-size:cover;} .login_bg_sl .bg_slide.bg_03{background:url(../images/sub/img_login_SL03.jpg) no-repeat center;-webkit-background-size:cover;background-size:cover;} .login_bg_sl .bg_slide.bg_04{background:url(../images/sub/img_login_SL04.jpg) no-repeat center;-webkit-background-size:cover;background-size:cover;} /* new login 180912 */ .login_wrapper{position:relative;height:100vh;width:100%;} .login_wrapper .bg_box{width:100%;height:100%;background:url('../images/sub/ums_bg_login.jpg') no-repeat left 50%;-webkit-background-size:cover;background-size:cover;} .login_wrapper .bg_box img{display:none;} .login_wrapper .login_box{position:absolute;right:0;top:0;bottom:0;padding-top:14%;width:400px;background-color:rgba(255, 255, 255, 0.7);} .login_wrapper .login_box h1{margin-bottom:30px;text-align:center;} .login_wrapper .login_box h1 img{width:auto;} .login_wrapper .login_box .inner{padding:0 6.5em;} .login_wrapper .login_box input[type="text"],.login_wrapper .login_box input[type="password"]{border-color:#dcdcdc;} .login_wrapper .login_box dl.cellBox{margin-bottom:14px;position: relative;} .login_wrapper .login_box dt.cell-ico{position: absolute; top: 25%; left: 12px;} .login_wrapper .login_box dt.cell-ico img{width: 20px;height:20px} .login_wrapper .login_box dd.cell input{background: #fff !important; box-shadow: none; border: none; padding: 11px 14px 11px 40px; height: auto; display: block; width: 100%; } .login_wrapper .login_box .btn_login{margin:16px 0 10px;height:48px;line-height:normal;width:100%;font-size:20px;font-weight:normal;border-radius:0; background: #73ccea; /* Old browsers */ background: -moz-linear-gradient(left, #73ccea 0%, #08119e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #73ccea 0%,#08119e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #73ccea 0%,#08119e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ccea', endColorstr='#08119e',GradientType=1 ); /* IE6-9 */ } /*로그인 체크박스 변경*/ .inp_saveID input[type="checkbox"] {-webkit-appearance: none; position: relative; width: 16px; height: 16px; cursor: pointer; outline: none !important; border: 1px solid #858585; border-radius: 2px; background: none; } .inp_saveID input[type="checkbox"]::before { content: "\2714"; position: absolute; top: 50%; left: 50%; overflow: hidden; transform: scale(0) translate(-50%, -50%); line-height: 1; } .inp_saveID input[type="checkbox"]:checked { color: #197ad2; } .inp_saveID input[type="checkbox"]:checked::before { border-radius: 2px; transform: scale(1) translate(-50%, -50%) } .login_wrapper .login_box .inp_saveID{text-align:right;} /* 커뮤니티 */ .tab_sch{float:right;} .tab_sch .all_num{font-size:11px;color:#6d6d6d} .file_down{vertical-align:sub} .file_down img{width:auto;} .noticeTable{border-top:1px solid #6d6d6d;border-bottom:1px solid #d9d9d9;} .noticeTable table{width:100%;} .noticeTable thead th{background:#f8f8f8;text-align: center;font-size:12px;font-weight: bold;color:#6d6d6d;vertical-align:middle;height:32px;border-bottom:1px solid #d9d9d9;} .noticeTable tbody th{background:#f8f8f8;text-align:left;font-size:12px;font-weight: bold;color:#6d6d6d;vertical-align:middle;height:32px;border-top:1px solid #eeeeee;padding-left:15px;} .noticeTable tbody td{background:#fff;color:#6d6d6d;font-size:12px;height:33px;vertical-align:middle;text-align:center;padding:5px 7px;border-top:1px solid #eeeeee;} .noticeTable tbody tr:first-child td,.noticeTable tbody tr:first-child th{border-top:none;} .noticeTable tbody td.noti{color:#e34132 !important;font-weight: bold !important} .noticeTable tbody td p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .noticeTable tbody td.list_view{text-align: left;vertical-align: top;padding:0} table .list_file{text-align: left;vertical-align: top;padding:5px 0px 5px 7px} table .list_file input[type="file"]{border:1px solid #eee;width:100%} table .list_file ul li{margin-top:5px;} table .list_file ul li:first-child{margin-top:0} table .list_file .file_del img{border:1px solid #dedede;margin-left:5px;margin-top:3px;width:auto;} .grayTable table .list_file{padding:5px 0px 5px 3px} .noticeTable tbody td.reply{text-align: left;} .noticeTable tbody td.reply .reply_area ul{margin-top:0;max-height:130px;overflow-y:auto} .noticeTable tbody td.reply .reply_area ul li{margin-top:5px;border-top:1px solid #eeeeee} .noticeTable tbody td.reply .reply_area ul li dl{position:relative;padding-left:95px;padding-top:7px} .noticeTable tbody td.reply .reply_area ul li dt{position:absolute;left:0;font-weight: bold;width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;} .noticeTable tbody td.reply .reply_area ul li:first-child{margin-top:0;border-top:0;} .noticeTable tbody td.reply .reply_area ul li dl dd .reply{display:inline;margin-right:5px;} .noticeTable tbody td.reply .reply_area ul li dl dd span.reply_day{display:inline-block;font-size:11px;color:#9d9d9d} /* 트리영역 */ .tree_left{position:relative} .tree_box{position:absolute;left:0;top:0;} .tree_area{padding:10px;border:1px solid #d9d9d9;overflow:auto;width:100%;} /* popup */ .pop_warp.wrapper{background-color:#fff;} .pop_head{padding:11px 20px 12px ;background:#1b54a3;overflow:hidden} .pop_head img{margin-right:17px;} .pop_head p{vertical-align:middle;font-size:18px;color:#fff;font-weight: bold;display:inline-block;line-height:24px} .pop_body{padding:20px 20px} /* progress */ .progress{overflow:hidden;height: 7px;background-color:#f5f5f5;border-radius:1px;} .progress-bar {float:left;width:0%;height: 100%;transition:width .6s ease;} .progress-bar-red{background-color:rgba(221, 75, 57, .8);} .progress-bar-yellow{background-color:rgba(243, 156, 18, .8);} .progress-bar-light-blue{background-color:rgba(60, 141, 188, .8);} .progress-bar-green{background-color:rgba(0, 166, 90, .8);} .badge {display: inline-block;min-width:40px;padding:3px 7px;font-size:12px;line-height:1;color:#fff;text-align:center;vertical-align:middle;border-radius:10px;} /* main */ .main .content{max-width:1300px;margin: 0 auto;} .main .sec_graph{margin-left:-20px;} .main .sec_graph p.b_tit{margin-bottom:15px;padding-left:20px;font-size:19px;font-weight:bold;color:#1b54a3;} .main .sec_graph p.tit{position:relative;margin-bottom:20px;padding-left:9px;font-size:18px;font-weight:bold;} .main .sec_graph p.tit:before{position:absolute;left:0;top:50%;margin-top:-6px;width:3px;height:14px;background-color:#1b54a3;content:'';} .main .sec_graph .graphBox{float:left;margin-bottom:30px;padding-left:20px;} .main .sec_graph.v2 .graphBox{width:50%;} .main .sec_graph.v3 .graphBox{width:33.33%;} .main .sec_graph .graphBox.ver_lognInven .graph_inven01{float:left;width:30%;} .main .sec_graph .graphBox.ver_lognInven .graph_inven02{float:left;width:70%;} .main .topBox table{margin-bottom:30px;width:100%;border: 1px solid #d9d9d9;} .main .topBox th{padding:10px 8px;} .main .topBox td{padding:10px 8px;border-top:1px solid #d9d9d9;} .main .cont_top {margin-bottom: 30px;padding-top:20px;border: 1px solid #d9d9d9;} .main .main_graph{position:relative;text-align:center;} .main .main_graph p.tit{font-size:15px;font-weight:bold;} .main .main_graph .m_graph{margin:0 auto;width:290px;height:290px;} .slick-arrow{position:absolute;overflow:hidden;top:50%;padding-top:36px;width:36px;height:36px;z-index:10010;} .slick-arrow.slick-prev{left:0;background:url(../images/common/slick_prev1_on.png) no-repeat 0 0;} .slick-arrow.slick-next{right:0;background:url(../images/common/slick_next1_on.png) no-repeat 0 0;} .slick-arrow.slick-prev.slick-disabled{background-image:url(../images/common/slick_prev1_off.png);} .slick-arrow.slick-next.slick-disabled{background-image:url(../images/common/slick_next1_off.png);} .main .main_graph2{position:relative;padding-bottom:50px;text-align:center;} .main .main_graph2 .slick-arrow{position:absolute;overflow:hidden;top:38%;padding-top:36px;width:36px;height:36px;z-index:10010;} .main .main_graph2 .slick-arrow.slick-prev{left:0;background:url(../images/common/slick_prev1_on.png) no-repeat 0 0;} .main .main_graph2 .slick-arrow.slick-next{right:0;background:url(../images/common/slick_next1_on.png) no-repeat 0 0;} .main .main_graph2 .slick-arrow.slick-prev.slick-disabled{background-image:url(../images/common/slick_prev1_off.png);} .main .main_graph2 .slick-arrow.slick-next.slick-disabled{background-image:url(../images/common/slick_next1_off.png);} .main .main_graph2 .slide_item {position:relative;padding:50px 0;} .main_graph2 .percent {display: inline-block;position:absolute;bottom:2%;z-index: 10002;left:0;right:0;text-align: center;font-size:30px;text-indent:14px} .main_graph2 .percent:after {content: '%';margin-left: 0.1em;font-size: .8em;color:#888888} .main_graph2 .cy1 .percent {color:#35c7a3} .main_graph2 .cy2 .percent {color:#23a7e4} .main_graph2 .cy3 .percent {color:#8265e3} .main_graph2 .cy4 .percent {color:#ff6927} .main_graph2 .cy5 .percent {color:#b56e16} .main_graph2 .c_tit {display: inline-block;position:absolute;bottom:45%;z-index: 10002;left:0;right:0;text-align: center;font-size:14px;} .alert_msg{display:none;position:absolute;right:0;top:60px;padding:10px;width:250px;background:url(../images/common/bg_opacity.png) repeat 0 0;border-radius:8px;color:#fff;} .alert_msg:before{position:absolute;right:45px;top:-10px;width:10px;height:10px;background:url(../images/common/bg_opacity_arrTop.png) no-repeat 0 0;content:'';} .main .m_top_right .bx-wrapper{position: relative;margin:0 auto} .main .m_top_right .bx-controls .bx-prev{background: url('../images/common/main_arrow_prev.gif') no-repeat center center; text-indent: -9999px;overflow: hidden;position: absolute;left: 0;top: -21px;width: 11px;height: 18px;} .main .m_top_right .bx-controls .bx-next{background: url('../images/common/main_arrow_next.gif') no-repeat center center; text-indent: -9999px;overflow: hidden;position: absolute;right: 0;top: -21px;width: 11px;height: 18px;} .main .cont_bottom{margin-left:-1%;} .main .cont_bottom .main_notice{padding: 17px 29px;margin-left: 1%;background:#fff;width: 32.3333%;border: 1px solid #d9d9d9;box-sizing: border-box;position: relative;float: left;} .main .cont_bottom .main_notice .more_bg{position: absolute;top: 0;right: 0;background:url('../images/common/more_bg.gif') no-repeat center center;display: inline-block;width: 51px;height: 51px;} .main .cont_bottom .main_notice .more_bg a.notice_more{position: absolute;top: 0;right: 0;padding: 10px;} .main .cont_bottom .main_notice dt{border-bottom: 1px solid #f0f0f0;text-align: center;padding-bottom: 13px;font-size:15px;font-weight:bold;} .main .cont_bottom .main_notice .notice_list{padding: 20px 0 12px;position: relative;} .main .cont_bottom .main_notice .notice_list li{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;width:100%} .main .cont_bottom .main_notice .notice_list li+li{margin-top: 10px;} .main .cont_bottom .main_notice .notice_list li a{color: #6d6d6d;} .main .cont_bottom .main_notice .notice_list li a span{display: inline-block;font-weight: bold;padding-right: 9px;} .main .cont_bottom .main_notice .notice_list li a span.red_txt{color: #f65454} /* mix_btn_area */ .w_auto{width:auto;} input.w_auto{width:auto;} .mix_btn_area{margin-bottom:20px;} /* pop_fav_edit */ .layer-wrap.pop_fav_edit .layer-content{max-width:400px;} .pop_fav_edit .sidebar-menu>li:hover>a, .pop_fav_edit .sidebar-menu>li.active>a, .pop_fav_edit .sidebar-menu>li.menu-open>a{color:inherit;background-color:#ddd;} .pop_fav_edit .sidebar-menu>li>.treeview-menu{margin:0;background-color:#eee;} .pop_fav_edit .sidebar-menu .treeview-menu>li>a{color:#000;} .pop_fav_edit .treeview-menu.depth3>li{position:relative;padding-right:32px;} .pop_fav_edit .btn_edit_fav{position:absolute;right:0;top:0;width:30px;height:25px;line-height:25px;font-size:16px;text-align:left;outline:0;} .pop_fav_edit .btn_edit_fav .fa:before{content: "\f006";} .pop_fav_edit .btn_edit_fav.on .fa:before{content: "\f005";color:#1b54a3;} /*etc*/ .chrome .chrome_mt1{margin-top:1px;} .chk_Lst li{float:left;margin-right:10px;line-height:22px;} .chk_Lst.sw li{margin:0;padding-right:10px;min-width:140px;text-align:left;} /* noRSP_table */ .noRSP_table th{padding:5px 0;border:1px solid #666;background-color:#f0fbff;} .noRSP_table td{padding:5px 0;text-align:center;border:1px solid #666;} .noRSP_table.v2 thead th{padding:7px 5px;border:1px solid #ccc;background-color:#097cb5;color:#fff;font-weight:bold;text-align:center;} .noRSP_table.v2 tbody th{padding:5px;text-align:center;border:1px solid #ccc;background-color:#f7f7f7;} .noRSP_table.v2 tbody td{padding:5px;text-align:center;border:1px solid #ccc;} .noRSP_table.v3 thead th{padding:7px 5px;border:1px solid #333;background-color:#333;color:#fff;font-weight:bold;text-align:center;} .noRSP_table.v3 tbody th{padding:7px;text-align:center;border:1px solid #ccc;background-color:#eee;} .noRSP_table.v3 tbody td{padding:5px;text-align:center;border:1px solid #ccc;} /* lst_v01 */ .lst_v01 li{position:relative;padding-left:10px;margin-bottom:5px;} .lst_v01 li:before{content:'*';position:absolute;left:0;top:1px;} .block_mo{display:none;} /* 파일업로드 */ .fileUploadArea .ui-button .ui-icon {background-image: url("../css/jquery/images/ui-icons_ffffff_256x240.png");} .fileUploadArea .fileinput-button{color:#fff;background-color:#5cb85c;border-color:#4cae4c;padding:5px 5px} .fileUploadArea button.start{color:#fff;background-color:#337ab7;border-color:#2e6da4;} .fileUploadArea button.cancel{color:#fff;background-color:#f0ad4e;border-color:#eea236;} .fileUploadArea button.delete{color:#fff;background-color:#d9534f;border-color:#d43f3a;} .fileUploadArea .cellBox .cell{vertical-align:middle;} .cellBox.template-upload > .cell{padding:5px;} .cellBox.template-download > .cell{padding:5px;} /* 파일업로드 갤러리형 */ .v_gallery{float:left;margin:0 10px 10px 0;width:130px;height:170px;} .v_gallery .preview img, .v_gallery .preview canvas{width:100px;} .v_gallery p.name{display:-webkit-box;overflow:hidden;width:auto;height:32px;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;} /* 로딩중 */ .lodingBox{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:url(../images/common/bg_opacity.png) repeat 0 0;z-index:12000;} .lodingBox:before{position:absolute;left:50%;top:50%;margin-top:-62px;margin-left:-62px;width:124px;height:124px;background:url(../images/common/loading.gif) no-repeat 0 0;content:'';} .lodingBox2{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:12000;} .lodingBox2:before{position:absolute;left:50%;top:50%;margin-top:-88px;margin-left:-88px;width:176px;height:176px;background:url(../images/common/loadingCPHpark.gif) no-repeat 0 0;content:'';z-index:12001;} .lodingBox2:after{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:#fff;opacity: 0.4; content:'';} /* quickMoveBox */ .quickMoveBox{position:fixed;right:10px;bottom:60px;display:inline-block;background:url(../images/common/bg_opacity.png) repeat 0 0;border-radius:20px;z-index:10010;} .quickMoveBox a{color:#fff;} .quickMoveBox .quick_lst{display:none;padding:15px 15px 5px;} .quickMoveBox .quick_lst li{margin-top:10px;} .quickMoveBox .quick_lst li:first-child{margin-top:0;} .quickMoveBox .btn_open{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;} .quickMoveBox .btn_open .fa:before{content:'\f067';} .quickMoveBox.open{border-radius:10px;} .quickMoveBox.open .quick_lst{display:block;} .quickMoveBox.open .btn_open .fa:before{content:'\f068';} /* errorpage */ .errorArea{position:relative;display:table;width:100%;height:100%;font-size:14px;line-height:1.5em;} .errorArea .errorCont{display:table-cell;vertical-align:middle;text-align:center;} .errorArea .errorCont .inner{padding:220px 15px 0;margin:0 auto;background:url(../images/common/bg_error02.gif) no-repeat 50% 0;} .errorArea .errorCont .ttlbox{margin-bottom:20px;} /* layer_quickChk */ .layer-wrap.layer_quickChk .layer-content{max-width:320px;} .layer-wrap.layer_quickChk .quickChkLst{} .layer-wrap.layer_quickChk .quickChkLst li{position:relative;padding-left:7px;margin-bottom:10px;} .layer-wrap.layer_quickChk .quickChkLst li:before{position:absolute;left:0;top:8px;width:2px;height:2px;background-color:#000;content:'';} /* carChkResult */ .carChkResult{padding:10px 5px;border:1px solid #ccc;} .carChkResult .frameBox{position:relative;margin:10px auto;max-width:550px;} .carChkResult .chk_i{position:absolute;margin-top:-7px;margin-left:-40px;width:80px;text-align:center;font-size:0;cursor:pointer;} .carChkResult .chk_i i{display:inline-block;width:14px;height:14px;line-height:14px;font-size:10px;text-align:center;border-radius:7px;color:#fff;} .carChkResult .chk_i .c{background-color:#ff0000;} .carChkResult .chk_i .c:before{content:'C';} .carChkResult .chk_i .d{background-color:#f39c12;} .carChkResult .chk_i .d:before{content:'D';} .carChkResult .chk_i .p{background-color:#00a65a;} .carChkResult .chk_i .p:before{content:'P';} .carChkResult .chk_i .t{background-color:#004c8d;} .carChkResult .chk_i .t:before{content:'T';} .carChkResult .chk_i .a{background-color:#111;} .carChkResult .chk_i .a:before{content:'A';} .carChkResult .chk_i .hi{background-color:#000000;} .carChkResult .chk_i .hi:before{content:'↑';} .carChkResult .chk_i .mid{background-color:#000000;} .carChkResult .chk_i .mid:before{content:'→';} .carChkResult .chk_i .low{background-color:#000000;} .carChkResult .chk_i .low:before{content:'↓';} .carChkResult.ver_capp .chk_i{margin-top:-10px;} .carChkResult.ver_capp .chk_i i{width:20px;height:20px;line-height:20px;font-size:13px;border-radius:10px;} .carChkResult.ver_capp .chk_i .red{border:1px solid #ff0000;color:#ff0000;} .carChkResult.ver_capp .chk_i .blue{border:1px solid #0000ff;color:#0000ff;} .carChkResult.ver_capp .chk_i .base{border:1px solid #848484;color:#848484;font-size: 8px;} .carChkResult.ver_capp .chk_i .none{display: none;} /* 외판 */ /*.carChkResult .frameBox.v_A .chk_i.chkA_01{left:50%;top:16%;} .carChkResult .frameBox.v_A .chk_i.chkA_02{left:7.5%;top:22%;} .carChkResult .frameBox.v_A .chk_i.chkA_03{left:12%;top:42%;} .carChkResult .frameBox.v_A .chk_i.chkA_04{left:50%;top:89.5%;} .carChkResult .frameBox.v_A .chk_i.chkA_05{left:87%;top:62%;}*/ /* 주요골격 */ /*.carChkResult .frameBox.v_B .chk_i.chkB_01{left:50%;top:11%;} .carChkResult .frameBox.v_B .chk_i.chkB_02{left:36.6%;top:21%;} .carChkResult .frameBox.v_B .chk_i.chkB_03{left:50%;top:38.3%;} .carChkResult .frameBox.v_B .chk_i.chkB_04{left:50%;top:61%;} .carChkResult .frameBox.v_B .chk_i.chkB_05{left:50%;top:82%;}*/ /* car_Gallery 180608 재훈 추가 & 수정 */ .car_Gallery ul{margin-left:-10px;} .car_Gallery li{float:left;width:25%;padding-left:10px;margin-bottom:10px;position:relative;overflow:hidden;} .car_Gallery li .thum_add{position:absolute;left:10px;top:0;right:0;bottom:0} .car_Gallery li .thum_add img{height:100%} .car_Gallery li button{position:absolute;right:0;top:0;background:#fff;width:30px;height:30px;font-size:14px;border:1px solid #ccc;} /* signBox */ .signBox{width:300px;height:150px;} /* chk_iCon */ .chk_iCon i{display:inline-block;width:20px;height:20px;line-height:20px;font-size:12px;text-align:center;border-radius:10px;color:#fff;} .chk_iCon .red{border:1px solid #ff0000;color:#ff0000;} .chk_iCon .blue{border:1px solid #0000ff;color:#0000ff;} /* pop_ImgSL */ .layer-wrap.pop_ImgSL .layer-content{max-width:500px;max-height:450px;} .layer-wrap.pop_ImgSL .layer-cont{padding-bottom:55px;} .layer-wrap.pop_ImgSL .slick-slider{position:relative;} .layer-wrap.pop_ImgSL .slick-arrow{top:inherit;bottom:-45px;z-index:10010;} .zoomContainer{z-index:11030;} /* chatBox ver_w */ .layer_chatBox{display:none;position:fixed;right:50px;bottom:50px;width:600px;height:600px;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.2);} .chatBox .chat_header{height:50px;background-color:#1b54a3;color:#fff;} .chatBox .chat_header button{color:#fff;line-height:1;} .chatBox .chat_header .cellBox{height:100%;table-layout:fixed;} .chatBox .chat_header .cell{position:relative;vertical-align:middle;} .chatBox .chat_header .header_left{padding-left:20px;line-height:50px;} .chatBox .chat_header .header_right{padding:0 20px;line-height:50px;} .chatBox .chat_header .header_right p.tit{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;width:100%} .chatBox .chat_header .header_right .opt_lstBox{display:none;position:absolute;right:0;top:40px;padding:5px 0;text-align:left;background:#fff;line-height:1.5em;border:1px solid #ccc;box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:10001;} .chatBox .chat_header .header_right .opt_lstBox a{display:block;padding:5px 10px;} .chatBox .chat_header .header_right .opt_lstBox a:hover{background-color:#dfdfdf;} .chatBox .chat_header .btn_chatMenu{margin-right:15px;line-height:1;} .chatBox .chat_header .btn_chatMenu .fa:before{content:'\f0c9';} .chatBox .chat_body .chat_lstBox{height:550px;border-right:1px solid #ddd;} .chatBox .chat_body .chat_cont{height:550px;} .chatBox .chat_lstArea{overflow-y:auto;height:490px;} .chatBox .chat_lstArea.v2{height:430px;} .chatBox .chat_simple{height:60px;} .chatBox .chat_simple .cellBox{height:100%;table-layout:fixed;} .chatBox .chat_simple .cell{vertical-align:middle;} .chatBox .chat_simple a{display:block;padding:10px;} .chatBox .chat_simple a.open{background-color:#f5f5f5;} .chatBox .chat_simple .chat_user{width:40px;text-align:center;font-size:0;} .chatBox .chat_simple .chat_user .fa{display:inline-block;width:40px;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;background-color:#1b54a3;border-radius:20px;} .chatBox .chat_simple .chat_user img{border-radius:50%;} .chatBox .chat_simple .chat_user.u2 img{width:20px;height:40px;} .chatBox .chat_simple .chat_user.u3 img{width:20px;} .chatBox .chat_simple .chat_user.u4 img{width:20px;} .chatBox .chat_simple .chat_txt{padding-left:10px;line-height:1.5em;} .chatBox .chat_simple .chat_txt p{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;width:100%} .chatBox .chat_simple .chat_date{width:65px;text-align:right;} .chatBox .chat_simple a.no_confirm{font-weight:bold;color:#000;} .chatBox .chat_detail{height:550px;} .chatBox .chat_detail .chat_detail_cont{overflow-y:auto;padding:15px;height:500px;background-color:#f1f1f1;} .chatBox .chat_detail .chat_msg{position:relative;padding-right:10px;padding-bottom:5px;} .chatBox .chat_detail .chat_msg img.user_img{position:absolute;top:0;width:30px;height:30px;border-radius:50%;} .chatBox .chat_detail .chat_msg .msg_txt{padding:10px;background-color:#fff;border-radius:2px;} .chatBox .chat_detail .chat_msg.v_left{padding-left:35px;} .chatBox .chat_detail .chat_msg.v_left img.user_img{left:0;} .chatBox .chat_detail .chat_msg.v_right{text-align:right;} .chatBox .chat_detail .chat_msg.v_right .msg_txt{background-color:#cfd8dc;} .chatBox .chat_detail .chat_msg .e_txt{padding:5px 3px;font-size:11px;color:#888;} .chatBox .chat_detail .chat_msg .arrow{overflow:hidden;position:absolute;top:0;height:8px;width:7px;background:none;} .chatBox .chat_detail .chat_msg .arrow:before{position:absolute;top:-8px;width:16px;height:16px;border-radius:50%;content:'';} .chatBox .chat_detail .chat_msg.v_left .arrow{left:28px;} .chatBox .chat_detail .chat_msg.v_left .arrow:before{right:-8px;border:8px solid #fff;} .chatBox .chat_detail .chat_msg.v_right .arrow{right:4px;} .chatBox .chat_detail .chat_msg.v_right .arrow:before{left:-6px;border:8px solid #cfd8dc;} .chatBox .chat_detail .chat_msg.v_noti{margin-bottom:10px;padding:10px 10px 5px;background-color:#cfcfcf;} .chatBox .chat_detail .chat_msg.v_noti .msg_txt{padding:0;background-color:#cfcfcf;} .chatBox .chat_detail .chat_send_area{position:relative;padding-right:40px;height:50px;border-top:1px solid #ddd;} .chatBox .chat_detail .chat_send_area textarea{padding:15px 10px;height:50px;border:none;} .chatBox .chat_detail .chat_send_area .btn_chatSend{position:absolute;right:10px;top:10px;padding:5px;} .chatBox .chat_srchBox{height:550px;} .chatBox .chat_srchBox .srch_Area{height:60px;border-bottom:1px solid #eee;} .chatBox .chat_srchBox .srch_Area input{padding:0 10px;line-height:60px;border:0;} .chatBox .chat_srchBox .srch_Area input:focus{background-color:#fff;} /* 180723 추가 */ .btn_pageLike{margin-left:5px;margin-top:-2px;font-size:18px;line-height:1;} .btn_pageLike.on .fa-star-o:before{color:#f0ad4e;content: "\f005"} /* chatBox ver_M */ .m_chatBox .chat_header{height:50px;background-color:#1b54a3;color:#fff;} .m_chatBox .chat_header button{color:#fff;line-height:1;} .m_chatBox .chat_header .cellBox{height:100%;table-layout:fixed;} .m_chatBox .chat_header .cell{position:relative;vertical-align:middle;} .m_chatBox .chat_header .header_c{padding:0 20px;line-height:50px;} .m_chatBox .chat_header .header_c p.tit{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;width:100%} .m_chatBox .chat_header .header_c .opt_lstBox{display:none;position:absolute;right:0;top:40px;padding:5px 0;text-align:left;background:#fff;line-height:1.5em;border:1px solid #ccc;box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:10001;} .m_chatBox .chat_header .header_c .opt_lstBox a{display:block;padding:5px 10px;} .m_chatBox .chat_header .header_c .opt_lstBox a:hover{background-color:#dfdfdf;} .m_chatBox .chat_header .btn_chatMenu{margin-right:15px;line-height:1;} .m_chatBox .chat_header .btn_chatMenu .fa:before{content:'\f0c9';} .m_chatBox .chat_body{height:calc(100vh - 50px);} .m_chatBox .chat_body .chat_cont{} .m_chatBox .chat_lstArea{overflow-y:auto;height:calc(100vh - 110px);} .m_chatBox .chat_lstArea.v2{height:calc(100vh - 161px);} .m_chatBox .chat_simple{height:60px;} .m_chatBox .chat_simple .cellBox{height:100%;table-layout:fixed;} .m_chatBox .chat_simple .cell{vertical-align:middle;} .m_chatBox .chat_simple a{display:block;padding:10px;} .m_chatBox .chat_simple .chat_user{position:relative;width:40px;text-align:center;font-size:0;} .m_chatBox .chat_simple .chat_user:before{position:absolute;right:0;top:0;width:10px;height:10px;border-radius:5px;background-color:#d9534f;content:'';} .m_chatBox .chat_simple .chat_user.on:before{background-color:#5cb85c;} .m_chatBox .chat_simple .chat_user .fa{display:inline-block;width:40px;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;background-color:#1b54a3;border-radius:20px;} .m_chatBox .chat_simple .chat_user img{border-radius:50%;} .m_chatBox .chat_simple .chat_user.u2 img{width:20px;height:40px;} .m_chatBox .chat_simple .chat_user.u3 img{width:20px;} .m_chatBox .chat_simple .chat_user.u4 img{width:20px;} .m_chatBox .chat_simple .chat_txt{padding-left:10px;line-height:1.5em;} .m_chatBox .chat_simple .chat_txt p{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;width:100%} .m_chatBox .chat_simple .chat_txt .depart{color:#666;} .m_chatBox .chat_simple .chat_date{width:65px;text-align:right;} .m_chatBox .chat_simple .user_phone{width:90px;text-align:right;} .m_chatBox .chat_simple a.no_confirm{font-weight:bold;color:#000;} .m_chatBox .chat_detail .chat_detail_cont{overflow-y:auto;padding:15px;height:calc(100vh - 100px);background-color:#f1f1f1;} .m_chatBox .chat_detail .chat_msg{position:relative;padding-right:10px;padding-bottom:5px;} .m_chatBox .chat_detail .chat_msg img.user_img{position:absolute;top:0;width:30px;height:30px;border-radius:50%;} .m_chatBox .chat_detail .chat_msg .msg_txt{padding:10px;background-color:#fff;border-radius:2px;} .m_chatBox .chat_detail .chat_msg.v_left{padding-left:35px;} .m_chatBox .chat_detail .chat_msg.v_left img.user_img{left:0;} .m_chatBox .chat_detail .chat_msg.v_right{text-align:right;} .m_chatBox .chat_detail .chat_msg.v_right .msg_txt{background-color:#cfd8dc;} .m_chatBox .chat_detail .chat_msg .e_txt{padding:5px 3px;font-size:11px;color:#888;} .m_chatBox .chat_detail .chat_msg .arrow{overflow:hidden;position:absolute;top:0;height:8px;width:7px;background:none;} .m_chatBox .chat_detail .chat_msg .arrow:before{position:absolute;top:-8px;width:16px;height:16px;border-radius:50%;content:'';} .m_chatBox .chat_detail .chat_msg.v_left .arrow{left:28px;} .m_chatBox .chat_detail .chat_msg.v_left .arrow:before{right:-8px;border:8px solid #fff;} .m_chatBox .chat_detail .chat_msg.v_right .arrow{right:4px;} .m_chatBox .chat_detail .chat_msg.v_right .arrow:before{left:-6px;border:8px solid #cfd8dc;} .m_chatBox .chat_detail .chat_msg.v_noti{margin-bottom:10px;padding:10px 10px 5px;background-color:#cfcfcf;} .m_chatBox .chat_send_area{position:relative;padding-right:40px;height:50px;border-top:1px solid #ddd;} .m_chatBox .chat_send_area textarea{padding:15px 10px;height:50px;border:none;} .m_chatBox .chat_send_area .btn_chatSend{position:absolute;right:10px;top:10px;padding:5px;} .m_chatBox .chat_detail .chat_msg.v_noti .msg_txt{padding:0;background-color:#cfcfcf;} .m_chatBox .chat_srchBox .srch_Area{position:relative;height:60px;box-shadow: 0px 1px #ccc;z-index:10;} .m_chatBox .chat_srchBox .srch_Area input{padding:0 10px;line-height:60px;border:0;} .m_chatBox .chat_srchBox .srch_Area input:focus{background-color:#fff;} .m_chatBox .chat_srchBox .layer_srch_user{overflow-y:auto;position:absolute;left:0;top:61px;width:100%;max-height:200px;background-color:#fff;border-bottom:1px solid #ccc;z-index:10;} .m_chatBox .chat_srchBox .layer_srch_user .chat_simple .chat_user:before{display:none;} /* 전개도 */ .car_bone_ty1 img, .car_bone_ty2 img, .car_bone_ty3 img, .car_bone_ty4 img{border:none;} .chk_Box{text-align: center;} /* car_bone */ .car_bone_ty1, .car_bone_ty2, .car_bone_ty3, .car_bone_ty4{position:relative;margin:0 auto;} .car_bone_ty1 img, .car_bone_ty2 img, .car_bone_ty3 img, .car_bone_ty4 img{width:100%} .base{position:relative;left:0;top:0;right:0;z-index:1111;} .all_car_layer #clear_All{margin-left:10px;} .car1_ax li{position:absolute;left:0;top:0;right:0;display:none} .car1_ax li.on{display:block} .car1_ax li.act{display:block} .car1_ax .txt_red{color:#dc3200;font-weight:bold;} .car1_ax li p{font-weight:bold;color:#000;} .car2_bx li{position:absolute;left:0;top:0;right:0;display:none} .car2_bx li.on{display:block} .car2_bx li.act{display:block} .car2_bx .txt_red{color:#dc3200;font-weight:bold;} .car2_bx li p{font-weight:bold;color:#000;} .car3_cx li{position:absolute;left:0;top:0;right:0;display:none} .car3_cx li.on{display:block} .car3_cx li.act{display:block} .car3_cx .txt_red{color:#dc3200;font-weight:bold;} .car3_cx li p{font-weight:bold;color:#000;} .car4_dx li{position:absolute;left:0;top:0;right:0;display:none} .car4_dx li.on{display:block} .car4_dx li.act{display:block} .car4_dx .txt_red{color:#dc3200;font-weight:bold;} .car4_dx li p{font-weight:bold;color:#000;font-size:13px} /* 하단 입력 박스 */ .car_bone_txt{background:#84D2FF;width:100%;padding:5px 0;font-size:18px;text-align: center;} .info_inputbox{background:#fbfbfb} .after_info,.before_info{float:left;width:28%;margin:10px 1%} .total_area{float:left;width:38%;margin:10px 1%} .info_input input{width:46px;height:46px;line-height:46px;text-align: center;font-size:30px;font-weight: bold;} .info_txt{text-align: center;background:#000;color:#fff;margin-bottom:5px;padding:5px 0;font-weight: bold;position:relative;} .info_txt button{position:absolute;right:2px;top:2px;} .after_info li.info_input{float:left} .after_info dl{padding-left:70px;position:relative;} .after_info dt{position:absolute;left:0;top:0;} .after_info dl dd{float:right} .after_info dd button,.before_info dd button{width:50px;height:50px;font-size:14px;margin-left:3px;margin-bottom:3px;float:right} .before_info dl{padding-left:60px;position:relative;} .before_info dt{position:absolute;left:0;top:0;} .before_info dl dd{float:right} .total_area button{width:100%;height:40px;text-align: center;} .total_area dl dt,.total_area dl dd{float:left;width:50%;text-indent:15px} .total_area dl dt{background:#84D2FF;height:40px;line-height:40px;} .total_area ul li{margin-bottom:10px;} .total_area dl{border:1px solid #000;display:inline-block;width:100%} .total_area dl dd{background:#fff;height:40px;line-height:40px;} .car_bone_infos{font-size:16px;text-align: center;margin-bottom:15px;} .car_bone_infos dl{display:inline-block;position:relative;padding-left:140px;padding-right:10px;;border:1px solid #000;} .car_bone_infos dt{position:absolute;left:0;top:0;background:#000;color:#fff;padding:0 5px} .car_bone_infos dd span{color:#ff3200;font-weight: bold;} .car_bone_infos li{float:left;margin:0 3px;} .chat_Area .chat_body{height:calc(100vh - 85px);} .chat_Area .chat_body .chat_cont{position:relative;padding-top:40px;background-color:#f1f1f1;} .chat_Area .chat_body .chat_cont .btn_back_chat{position:absolute;left:5px;top:5px;width:30px;height:30px;border:1px solid #999;border-radius:50%;} .chat_Area .chat_lstArea{overflow-y:auto;height:calc(100vh - 85px - 110px);} .chat_Area .chat_simple{height:60px;} .chat_Area .chat_simple .cellBox{height:100%;table-layout:fixed;} .chat_Area .chat_simple .cell{vertical-align:middle;} .chat_Area .chat_simple a{display:block;padding:10px;} .chat_Area .chat_simple .chat_user{position:relative;width:40px;text-align:center;font-size:0;} .chat_Area .chat_simple .chat_user:before{position:absolute;right:0;top:0;width:10px;height:10px;border-radius:5px;background-color:#d9534f;content:'';} .chat_Area .chat_simple .chat_user.on:before{background-color:#5cb85c;} .chat_Area .chat_simple .chat_user .fa{display:inline-block;width:40px;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;background-color:#1b54a3;border-radius:20px;} .chat_Area .chat_simple .chat_user img{border-radius:50%;} .chat_Area .chat_simple .chat_txt{padding-left:10px;line-height:1.5em;} .chat_Area .chat_simple .chat_txt p{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;width:100%} .chat_Area .chat_simple .chat_txt .depart{color:#666;} .chat_Area .chat_simple .chat_date{width:65px;text-align:right;} .chat_Area .chat_simple .user_phone{width:90px;text-align:right;} .chat_Area .chat_simple a.no_confirm{font-weight:bold;color:#000;} .chat_Area .chat_detail .chat_detail_cont{overflow-y:auto;padding:15px;height:calc(100vh - 85px - 50px - 40px);background-color:#f1f1f1;} .chat_Area .chat_detail .chat_msg{position:relative;padding-right:10px;padding-bottom:5px;} .chat_Area .chat_detail .chat_msg img.user_img{position:absolute;top:0;width:30px;height:30px;border-radius:50%;} .chat_Area .chat_detail .chat_msg .msg_txt{padding:10px;background-color:#fff;border-radius:2px;} .chat_Area .chat_detail .chat_msg.v_left{padding-left:35px;} .chat_Area .chat_detail .chat_msg.v_left img.user_img{left:0;} .chat_Area .chat_detail .chat_msg.v_right{text-align:right;} .chat_Area .chat_detail .chat_msg.v_right .msg_txt{background-color:#cfd8dc;} .chat_Area .chat_detail .chat_msg .e_txt{padding:5px 3px;font-size:11px;color:#888;} .chat_Area .chat_detail .chat_msg .arrow{overflow:hidden;position:absolute;top:0;height:8px;width:7px;background:none;} .chat_Area .chat_detail .chat_msg .arrow:before{position:absolute;top:-8px;width:16px;height:16px;border-radius:50%;content:'';} .chat_Area .chat_detail .chat_msg.v_left .arrow{left:28px;} .chat_Area .chat_detail .chat_msg.v_left .arrow:before{right:-8px;border:8px solid #fff;} .chat_Area .chat_detail .chat_msg.v_right .arrow{right:4px;} .chat_Area .chat_detail .chat_msg.v_right .arrow:before{left:-6px;border:8px solid #cfd8dc;} .chat_Area .chat_detail .chat_msg.v_noti{margin-bottom:10px;padding:10px 10px 5px;background-color:#cfcfcf;} .chat_Area .chat_send_area{position:relative;padding-right:40px;height:50px;border-top:1px solid #ddd;background-color:#fff;} .chat_Area .chat_send_area textarea{padding:15px 10px;height:49px;border:none;} .chat_Area .chat_send_area .btn_chatSend{position:absolute;right:10px;top:10px;padding:5px;} .chat_Area .chat_detail .chat_msg.v_noti .msg_txt{padding:0;background-color:#cfcfcf;} .chat_Area .chat_srchBox .srch_Area{position:relative;height:60px;box-shadow: 0px 1px #ccc;z-index:10;} .chat_Area .chat_srchBox .srch_Area input{padding:0 10px;height:60px;line-height:60px;border:0;} .chat_Area .chat_srchBox .srch_Area input:focus{background-color:#fff;} .chat_Area .chat_srchBox .layer_srch_user{overflow-y:auto;position:absolute;left:0;top:61px;width:100%;max-height:200px;background-color:#fff;border-bottom:1px solid #ccc;z-index:10;} .chat_Area .chat_srchBox .layer_srch_user .chat_simple .chat_user:before{display:none;} /* dashB-Area */ .dashB-Area{padding:10px;margin-left:-30px;} .dashB-Area:after{display:block;clear:both;content:'';} .dashB-Area .dashBox{float:left;margin-bottom:30px;padding-left:30px;width:50%;min-height:390px;} .dashB-Area .dashBox.clear{clear:both;} .dashB-Area .dashBox.w100p{width:100%;} .dashB-Area .dashBox .innerB{position:relative;border:1px solid #d9d9d9;border-radius:5px;box-shadow: 0 1px 1px rgba(0,0,0,0.1);} .dashB-Area .dashBox h3{padding:10px 190px 10px 10px;font-size:15px;background:#6e92c3;color:#fff;} .dashB-Area .dashBox h3.no_search{padding-right:10px;} .dashB-Area .dashBox .tableB{} .dashB-Area .dashBox .tableB table{width:100%;} .dashB-Area .dashBox .tableB table.maxW600{min-width:600px;} .dashB-Area .dashBox .tableB th{padding:10px 8px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .dashB-Area .dashBox .tableB td{padding:10px 8px;border-bottom:1px solid #d9d9d9;} .dashB-Area .dashBox .cntPaging{padding-bottom:10px;} .dashB-Area .dashBox .search-Box{position:absolute;right:0;top:0;} .dashB-Area .dashBox .search-Box .cntPaging{padding:7px 1px;} .dashB-Area .dashBox .search-Box .cellBox{padding:5px;} .dashB-Area .dashBox .search-Box input[type="text"]{height:30px;} .dashB-Area .dashBox .search-Box select{height:30px;} .dashB-Area .dashBox .search-Box button.srch{width:30px;height:30px;border:1px solid #d9d9d9;border-left:0;font-size:12px;border-radius:0;background-color:#fff;} .dashB-Area .dashBox .search-Box button.srch .fa{font-weight:normal;} /* 190718 추가 css : s */ .dashB-Area .dashBox .tableB .bd_right{border-right: 1px solid #d9d9d9;} .dashB-Area .dashBox .tableB .bd_left{border-left:1px solid #d9d9d9;} .dashB-Area .dashBox .tableB th.bd_right{border-color:#ccc;} .dashB-Area .dashBox .tableB th.bd_left{border-color:#ccc;} .dashB-Area .dashBox .tableB .bg_gray{background-color:#eee;border-color:#ccc;} /* 190718 추가 css : e */ /* 480 */ @media screen and (max-width: 480px) { .after_info,.before_info{float:left;width:98%;margin:10px 1%} .total_area{float:left;width:98%;margin:10px 1%} .before_info{min-height:130px} .all_car_layer p{font-size:10px} .tot {display:none;} } /* 480 : e */ .carCanvasBox{position:relative;margin:0 auto;width:687px;border:1px solid #ccc;text-align:center;} .carCanvasBox #carCanvas{position:absolute;left:0;top:0;right:0;bottom:0;width:687px;height:1370px;z-index:1;opacity:.6;} @media screen and (max-width: 1024px) { /* jqGrid_section */ .jqGrid_section{padding-right:3px;} .fl_L.m_full, .fl_R.m_full{float:none;margin-bottom:20px;width:100% !important;} /* 트리영역 */ .tree_left{padding-left:0 !important;} .tree_box{position:static;margin-bottom:20px;width:100% !important;} .tree_area{border:1px solid #d9d9d9;overflow:auto;width:100%;height:auto !important;} /* main */ .main .topBox table{margin-bottom:10px;} .main .cont_top{margin-bottom:10px;} .main .cont_bottom{margin-left:0;} .main .cont_bottom .main_notice{float:none;margin-bottom:10px;margin-left:0;width:100%;} .main .sec_graph{margin-left:0;} .main .sec_graph p.b_tit{padding-left:0;} .main .sec_graph .graphBox{float:none;margin-bottom:20px;padding-left:0;} .main .sec_graph.v2 .graphBox{width:100%;} .main .sec_graph.v3 .graphBox{width:100%;} .alert_msg{top:55px;} .alert_msg:before{right:25px;top:-5px;width:5px;height:5px;-webkit-background-size:5px auto;background-size:5px auto;} /* car_Gallery */ .car_Gallery li{width:33.33%;} } @media screen and (max-width: 768px) { /* dashB-Area */ .dashB-Area{margin-left:0;padding:0;} .dashB-Area .dashBox{float:none;margin-bottom:20px;padding-left:0;width:100%;min-height:auto;} } @media screen and (max-width: 767px) { .tit_right{ position: relative; } .tit_right ul.tr_ul{} .tit_right ul.tr_ul li{ display: block; margin-bottom: 7px; } .btn{min-width:65px;} .tb_btn{padding:0 6px;} .m_din{display:none;} /* 주소찾기 cellBox */ .cellBox.v_addr .cell{display:block;margin-top:5px;padding-left:0;width:100% !important;} .cellBox.v_addr .cell:first-child{margin-top:0;} .scroll_section.m_bdn{border:0;} .scroll_section.m_full{height:auto;} /* tab_box */ .tab_box .tab_list li a{padding:9px 10px 7px;min-width:100px;} .grayTable colgroup{display:none;} .grayTable.rsp_v tr:first-child th{border:0 !important;} .grayTable.rsp_v tr:first-child td{border:0 !important;} .grayTable.rsp_v th{display:block;padding:5px;border:0;width: 100%\9;float: left\9;} .grayTable.rsp_v td{display:block;padding:5px;border:0;width: 100%\9;float: left\9;} .grayTable.rsp_v th.th_nodata{display:none;} .grayTable.rsp_v td.td_nodata{display:none;} .grayTable.rsp_h table{border:0;} .grayTable.rsp_h thead th{display:none;} .grayTable.rsp_h td{display:block;padding:0px 5px 5px !important;border:0 !important;} .grayTable.rsp_h tbody tr{display:block;margin-top:20px;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;} .grayTable.rsp_h tbody tr:first-child{margin-top:0;} .grayTable.rsp_h tbody tr:first-child td{border:0 !important;} .grayTable.rsp_h tbody td:before{display:block;margin:0 -5px 6px;padding:5px;content:attr(data-th);background-color:#ddd;} .grayTable td.ta_c{text-align:left !important;} .blueTable colgroup{display:none;} .blueTable colgroup col{display:none;} .blueTable.rsp_v th{display:block;margin-top:5px;padding:4px 10px;} .blueTable.rsp_v td{display:block;padding:4px 10px;} .blueTable.rsp_v th.th_nodata{display:none;} .blueTable.rsp_v td.td_nodata{display:none;} .blueTable.rsp_h thead th{display:none;} .blueTable.rsp_h td{display:block;padding:4px 10px;} .listTable table{width:100%;text-align:left;min-width:100% !important;} .listTable colgroup{display:none;} .listTable thead th{display:none;} .listTable thead th.th_chkAll{display:block;margin-bottom:10px;} .listTable tbody th{display:block;width:100%;border-right:0;text-align:left;float: left\9;} .listTable tbody tr{display:block;margin-top:20px;} .listTable tbody tr:first-child{margin-top:0;} .listTable tbody td:before{display:block;margin:0 -5px 7px;padding:5px;content:attr(data-th);background-color:#ddd;} .listTable tbody td.no_data-th{padding-top:10px;} .listTable tbody td.no_data-th:before{display:none;} .listTable tbody td{display:block;padding:0 5px 10px;width:100%;border-right:0;height:auto;width: 100%\9;float: left\9;} .listTable tbody tr td:first-child{border-top:1px solid #ddd;} .listTable tbody td.m_ta_l{text-align:left !important;} .listTable tbody td.ta_r:before{text-align:left;} .listTable tbody th.has-data-th{padding:0 5px 10px;} .listTable tbody th.has-data-th:before{display:block;margin:0 -5px 7px;padding:5px;content:attr(data-th);color:#000;background-color:#ddd;} .noticeTable.rsp_h table{width:100%;text-align:left;} .noticeTable.rsp_h colgroup{display:none;} .noticeTable.rsp_h thead th{display:none;} .noticeTable.rsp_h tbody tr{display:block;margin-top:20px;border-top:1px solid #000;} .noticeTable.rsp_h tbody tr:first-child{margin-top:0;border-top:0;} .noticeTable.rsp_h tbody td:before{display:block;margin:0 -5px 7px;padding:5px;content:attr(data-th);background-color:#ddd;} .noticeTable.rsp_h tbody td{display:block;padding:0 5px 5px;width:100%;border-right:0;height:auto;text-align:left;} .noticeTable.rsp_v colgroup{display:none;} .noticeTable.rsp_v tbody tr{display:block;} .noticeTable.rsp_v tbody th{display:block;margin-bottom:7px;padding:10px 0 10px 5px;width:100%;} .noticeTable.rsp_v tbody tr:first-child{margin-top:0;} .noticeTable.rsp_v tbody td{display:block;padding:0 5px 7px;width:100%;border-top:0;height:auto;text-align:left;} .label_chkAll{display:inline;} /* popup */ .pop_head{padding:11px 10px 12px ;overflow:hidden} .pop_head p{font-size:14px;line-height:18px} .pop_body{padding:20px 10px} /* mix_btn_area */ .mix_btn_area .m_block{display:block;margin-bottom:10px;text-align:left;} .main .main_graph2{padding-bottom:10px;} .main .main_graph2 .slide_item {padding:0 0 40px;} .main_graph2 .c_tit{bottom:51%;} .block_mo{display:block;} .block_web{display:none;} /* 좌우 영역 중간에 버튼있는 cellBox */ .cellBox.ver_mid_Btn{display:block;} .cellBox.ver_mid_Btn>.cell{display:block;width:100% !important;} .cellBox.ver_mid_Btn .cell.mid_Btn .arrow_r:after{content:'▼';} .cellBox.ver_mid_Btn .cell.mid_Btn .arrow_l:before{content:'▲';} /* 파일선택 우측 버튼영역있는 cellBox */ .cellBox.v_file .cell{display:block;width:100% !important;} .cellBox.v_file .cell.btnCell{margin-top:10px;text-align:right;} /* 파일업로드 */ .fileUploadArea .files img, .fileUploadArea .files canvas{width:100px;} .cellBox.template-upload {display:block;} .cellBox.template-upload > .cell{display:block;width:100% !important;} .cellBox.template-download {display:block;} .cellBox.template-download > .cell{display:block;width:100% !important;} /* 로딩중 */ .lodingBox:before{margin-top:-31px;margin-left:-31px;width:62px;height:62px;-webkit-background-size:62px auto;background-size:62px auto;} .lodingBox2:before{margin-top:-44px;margin-left:-44px;width:88px;height:88px;-webkit-background-size:88px auto;background-size:88px auto;} /* errorpage */ .errorArea{font-size:12px;} .errorArea .errorCont .inner{padding:110px 10px 0;-webkit-background-size:92px auto;background-size:92px auto;} /* car_Gallery */ .car_Gallery li{width:50%;} } @media screen and (max-width: 640px) { .main .sec_graph p.b_tit{margin-bottom:10px;font-size:15px;} .main .sec_graph p.tit{padding-left:7px;font-size:14px;} .main .sec_graph p.tit:before{margin-top:-4px;width:2px;height:10px;} .main .sec_graph .graphBox.ver_lognInven .graph_inven01{float:none;width:100%;} .main .sec_graph .graphBox.ver_lognInven .graph_inven02{float:none;width:100%;} /* tab_box */ .tab_box .tab_list li a{padding:9px 5px 7px;min-width:60px;} /* layer popup */ .layer-title{padding:10px;font-size:14px;} .layer-cont{padding:10px;} .layer_popup_close{padding:11px;font-size:14px;} /* car_Gallery */ .car_Gallery li{width:100%;} /* carChkResult */ .carChkResult .chk_i{margin-top:-6px;} .carChkResult .chk_i i{width:12px;height:12px;line-height:12px;font-size:9px;border-radius:6px;} .dashB-Area .dashBox h3{padding:10px 10px 45px 10px;font-size:14px;} .dashB-Area .dashBox h3.no_search{padding-bottom:10px;} .dashB-Area .dashBox .search-Box{top:32px;} /* 채팅팝업 */ .layer-wrap.pop_chat .chat_Area .chat_body{max-height:100%;height: calc(100vh - 38px);} .layer-wrap.pop_chat .chat_Area .chat_lstArea{max-height:100%;height: calc(100vh - 38px - 110px);} .layer-wrap.pop_chat .chat_Area .chat_detail .chat_detail_cont{max-height:100%;height: calc(100vh - 38px - 50px - 40px);} } /*login page responsive start*/ @media screen and (max-width: 520px) { .login_wrapper{height:auto;padding-left:0;padding-bottom:10px;} .login_wrapper .bg_box{height:auto;background:none;} .login_wrapper .bg_box img{display:block;} .login_wrapper .login_box{position:static;padding-top:4em;width:100%;} .login_wrapper .login_box h1{margin-bottom:3em} .login_wrapper .login_box h1 img{width:auto;max-width: 230px;} .login_wrapper .login_box .inner{padding:0 4em;position: relative;} .login_wrapper .login_box dl.cellBox{margin-bottom:10px;} .login_wrapper .login_box .inp_saveID{text-align:right;} .login_wrapper .login_box dt.cell-ico{position: relative; margin-right: 7px; } .login_wrapper .login_box dd.cell{padding-left: 20px;font-size:11px;} .login_wrapper .login_box dd.cell input{padding: 8px 13px;border: 1px solid #ddd;} .login_form {float:left;width: 64%;} .login_wrapper .login_box .btn_login{float:right;width: 28%; float: right; height: 78px; margin: 0; border-radius: 0;} .login_wrapper .login_box .tempPw{float: initial !important; background: none; color: #505050;padding-right: 15px; } } @media screen and (max-width: 400px) { .login_wrapper .login_box .inner{padding: 0 2em;} .login_form{ width: auto;} .login_wrapper .login_box .btn_login{width:calc(100% - 240px); font-size: 14px;} } @media screen and (max-width: 330px) { .login_wrapper .login_box .btn_login{width: 100%;margin-top: 1em; height: 38px;} .login_form{width: 100%;} .login_wrapper .login_box h1 img{max-width: 180px;} } /*login page responsive end*/ @media screen and (max-width: 360px) { .login_wrap .login_box .inner{width:300px;} } /*GP 테이블 실제 칼럼 색상 조정*/ .gp_info_table tr > td:nth-child(5), .gp_info_table tr > td:nth-child(6) { background-color: #ebf2fc !important; } /*GP 테이블 실제 로우 색상 조정 */ .gp_info_table tr.tr_gpnew { background-color: #f6fafd !important; } /*수정결재화면 GP 테이블 실제 로우 색상 조정 */ .mod_gp_info_table tr.tr_gpnew { background-color: #f6fafd !important; } /*GP 테이블 아코디언 + - 버튼*/ .btn_gp_dtl{width:15px;height:15px;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;} .btn_gp_dtl:after{content: '\f067';color:#000} .acodianTr.on .btn_gp_dtl:after{content: '\f068';color:#000} /* 입금확인증 */ .btn-blue{background-color:#1b54a3;} .inp-div{ width:700px; margin:0 auto;} .inp-div h1{ text-align:center; font-size:35px; font-weight:500; padding:15px 0 30px 0;} .p-1{padding-bottom:5px; font-size:14px;} .p-2{text-align:center; padding:35px 0 15px 0px; font-weight:600; font-size:15px;} .mg_t20{margin-top:20px;} .bdt-none{border-top:none !important;} .table-box{ position: relative;} .table-box .sap{ width: 60px; height: 60px; position: absolute; right: 16px; top: -7px;} table.tstyle1{width:100%; color:#000; border-top:#000 1px solid; border-left:#000 1px solid; table-layout:auto;} table.tstyle1 caption{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;} table.tstyle1 tr th{font-size:1em; border-bottom:#000 solid 1px; border-right:1px solid #000; padding:7px 0 5px 0; text-align:center; background-color:#FAF9EC; color:#000;} table.tstyle1 tr td{text-align:left; border-bottom:#000 1px solid; border-right:#000 1px solid; padding:5px 0 5px 5px; word-break:break-all; font-size:13px;} table.tstyle1 tr td.td_right{text-align:right; padding-left:0; padding-right:5px; background:#f3f3f3; font-weight:600;} table.tstyle1 tr td.td_left{text-align:left; padding-left:5px; padding-right:5px; background:#f3f3f3; font-weight:600;} table.tstyle1 tr td.td_center{ text-align:center; padding-left:5px; padding-right:5px; background:#f3f3f3; font-weight:600;} table.tstyle1 tr td.left{text-align:left; padding-left:5px;} table.tstyle1 tr td.right{text-align:right; padding-right:5px;} table.tstyle1 tr td.t_c{text-align:center;} table.tstyle1 tr td.b_r_n{border-right:none !important;} table.tstyle1 tr td.b_b_n{border-bottom:none !important;} table.tstyle2{border-top: #e0e0e0 solid 1px;border-left:#e0e0e0 1px solid;} table.tstyle2 caption{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;} table.tstyle2 tr th{font-size:1em; border-bottom:#e0e0e0 solid 1px; border-right:1px solid #e0e0e0; padding:9px 0 10px 0; text-align:center; background:#ebebeb; color:#090404; } table.tstyle2 tr th.th_st1{font-size:1em; border-bottom:#e0e0e0 solid 1px; border-right:1px solid #e0e0e0; padding:5px 0 5px 0; text-align:center; background-color:#f7f7f7; color:#666666;} table.tstyle2 tr td{text-align:left; height:32px; border-bottom:#e0e0e0 1px solid; border-right:#e0e0e0 solid 1px; padding:2px 4px 3px 4px; /* word-break:break-all; */ white-space:normal;} table.tstyle2 tr.td_left{text-align:left; padding-left:5px; background:#f4f4f4;} table.tstyle2 tr.td_right{text-align:right; padding-right:5px; background:#f4f4f4;} table.tstyle2 tr.td_center{text-align:center; padding-left:5px; padding-right:5px; background:#f4f4f4;} table.tstyle2 tr.td_left td{text-align:inherit; padding-left:inherit; background:inherit;} table.tstyle2 tr.td_right td{text-align:inherit; padding-right:inherit; background:inherit;} table.tstyle2 tr.td_center td{text-align:inherit; padding-left:inherit; padding-right:inherit; background:inherit;} table.tstyle2 tr td.td_left{text-align:left; padding-left:5px; background:#f4f4f4;} table.tstyle2 tr td.td_right{text-align:right; padding-right:5px; background:#f4f4f4;} table.tstyle2 tr td.td_center{text-align:center; padding-left:5px; padding-right:5px; background:#f4f4f4;} table.tstyle2 tr td.td_center2{text-align:center; padding-left:5px; padding-right:5px; background:#f4f4f4;} table.tstyle2 tr td.t_l{text-align:left; padding-left:5px;} table.tstyle2 tr td.t_l_i{text-align:left; padding-left:5px; padding-right:10px;} table.tstyle2 tr td.t_r{text-align:right; padding-right:5px;} table.tstyle2 tr td.t_c{text-align:center; padding-left:5px; padding-right:5px;} table.tstyle2 tr td.b_none{border:none !important;} table.tstyle2 tr td.bg_w{background:#ffffff;} table.tstyle2 tr td ul li{padding-left:6px; margin-bottom:4px;} table.tstyle2 tr td p{margin-bottom:5px;} /* */ .mw-600{max-width:600px;} .mw-800{max-width:800px;} .dig-ce{top: 50% !important;left: 50% !important; transform:translate(-50%, -50%);} .mg_t50{margin-top:50px;} .mg_t100{margin-top:100px;} .mg_t200{margin-top:200px;} .pd_t50{padding-top:50px;} .pd_t100{padding-top:100px;} /* */ img.stamp { position:relative; width:60px; height:60px; z-index:10000; } img.stamp_01_03 { margin:-40px -80px -30px 0px; left:2px; } .compInfo{font-size:14px;} .vir-div{text-align:center; width:100%; display:block; clear:both; padding:40px 0 0 0;} .vir-p1{padding:15px 0 30px 0; font-size:13px; line-height:1.53;} .vir-p2{font-size:19px; font-weight:800; padding-bottom:20px;} .vir-title{font-size:25px;font-weight: 800;text-decoration:underline;font-family:"굴림", "돋움", "arial";margin: 0 auto 3mm;} .vir-footer{ text-align: center; position: relative; padding-top:100px;} .vir-footer span{} .des { text-align:center; margin:0 0 3mm; line-height:6mm; } .signatureGroup { overflow:hidden; } .signatureGroup-01 { float:left; } .signatureGroup-02 { float:right; text-align:right; } .signatureGroup-01 .signature-01, .signatureGroup-02 .signature-01, .signatureGroup-01 .signature-02, .signatureGroup-02 .signature-02, .signatureGroup-01 .date-01, .signatureGroup-02 .date-01, .signatureGroup-01 .date-02, .signatureGroup-02 .date-02 { float:none; } .date-01, .signature-01, .date-02, .signature-02 { font-weight:bold; } .date-01, .date-02 { padding:4mm 0 3mm; } .signature-01, .signature-02 { padding:2mm 0 3mm 0; line-height:7mm; } .date-01 span, .date-02 span { padding:0 5mm; } .date-01 { margin-left:40mm; } .date-01, .signature-01 { float:left; } .signature-01 span.signatureBlock, .signature-02 span.signatureBlock { display:inline-block; width:30mm; border-bottom:1px solid #000000; } .date-02, .signature-02 { float:right; text-align:right; margin-right:5mm; } .des-sign { display:block; margin-top:1mm; } p.pageBreak { height:0; line-height:0; margin:0; padding:0; page-break-before:always; } h4.con1{ font-size: 4mm; padding-top: 15px; padding-bottom: 4px; }h4.con{ float:left; width:100%; color:#000000; font-size:4mm; padding:2px 0 0 14px; marign-left:4px; text-align:left; background:url(/sfa/images/arrow_red.gif) no-repeat left; } #subpage{ float:center; width:740px; margin:0 auto; padding:0; } .logoCI { /* background:url(/sfa/images/logo2.gif) no-repeat center 0; */ margin:0; text-align:center; } .logoCI img { /* height:15mm; */ } .compInfo { float:right; text-align:left; margin:3mm 3mm 0 0; line-height:4.5mm; } .pageTitle { clear:both; font-size:5mm; margin-bottom:3mm; } .box{ width:736px; height:35px; text-align:left; padding-left:5px; } .box_text{ width:736px; text-align:left; padding: 0; border: none; line-height: 1; } .box_text p{ line-height:6mm; } .pd_t5{padding-top:5px;}