html,body {height:100%;}
body, th, td, tr{
padding:0px;
font-family:gulim,dotum,seoul,arial,verdana;
font-size:12px;
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#A3A2A2;
scrollbar-3dlight-color:#E0E0E0;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-track-color:#eeeeee;
scrollbar-arrow-color:#CCCCCC;
}
input{
margin:2px;
font-family:굴림체,gulim,dotum,seoul,arial,verdana;
font-size:12px;
border-color:#a7a7a7;
}
select{
margin:2px;
padding:1px;
font-family:굴림체,gulim,dotum,seoul,arial,verdana;
font-size:12px;
height:20px;
}
textarea{
margin:2px;
font-family:gulim,dotum,seoul,arial,verdana;
font-size:12px;
border-style:solid;
border-width:1px;
width:100%;
height:100%;
overflow:auto;
border-color:#a7a7a7;
}
form{
margin:0px;
}
img, input, select {
vertical-align:middle;
}
.tb { border-collapse:collapse; border-spacing:0px; padding:0px; border:0px; }
.tb100 { width:100%; border-collapse:collapse; border-spacing:0px; padding:0px; border:0px; }
.tbBorderColor { width:100%; border-spacing:0px; padding:2px 14px; border:1px solid #bbbbbb; background-color:#e8e8e8; }
.tbBox { width:100%; border-spacing:0px; padding:5px; border:1px solid #bbbbbb; background-color:#f5f5f5; }
.tbInnerLine { width:100%; border-collapse:collapse; }
.tbInnerLine th { border-spacing:0px; padding:1px 2px; border:1px solid #bbbbbb; background-color:#f7f7f7; font-weight:normal; text-align:right; }
.tbInnerLine td { border-spacing:0px; padding:1px 2px; border:1px solid #bbbbbb; background-color:#eeeeee; }
.tbTextLine { width:100%; border-collapse:collapse; }
.tbTextLine th { border-spacing:0px; padding:4px 4px 3px 4px; border:1px solid #bbbbbb; background-color:#f7f7f7; font-weight:normal; text-align:right; }
.tbTextLine td { border-spacing:0px; padding:4px 4px 3px 4px; border:1px solid #bbbbbb; background-color:#eeeeee; }
.tbPrint { width:100%; border-collapse:collapse; border:1px solid #000000; }
.tbPrint tr { height:22px;}
.tbPrint th { border-spacing:0px; padding:0px 4px 0px 4px; border:1px solid #000000; background-color:#eeeeee; font-weight:normal; text-align:center;}
.tbPrint td { border-spacing:0px; padding:0px 4px 0px 4px; border:1px solid #000000; }
.top3px { margin-top:3px; margin-bottom:0px; }
.top5px { margin-top:5px; margin-bottom:0px; }
.top10px { margin-top:10px; margin-bottom:0px; }
.width6px { white-space:nowrap; width:6px; }
.width20px { white-space:nowrap; width:20px; }
.input1 { border-style:solid; border-width:1px; }
.input1h { border-style:solid; border-width:1px; height:12px; padding:3px 1px;}
.input1c { border-style:solid; border-width:1px; text-align:center; }
.input1hc { border-style:solid; border-width:1px; text-align:center; height:12px; padding:3px 1px; }
.input1ch { border-style:solid; border-width:1px; text-align:center; height:12px; padding:3px 1px; }
.input1r { border-style:solid; border-width:1px; text-align:right; }
.input1hr { border-style:solid; border-width:1px; text-align:right; height:12px; padding:3px 1px; }
.input1rh { border-style:solid; border-width:1px; text-align:right; height:12px; padding:3px 1px; }
.input2 { border-width:0px; }
.input2h { border-width:0px; height:12px; padding:3px 1px;}
.input2c { border-width:0px; text-align:center; }
.input2hc { border-width:0px; text-align:center; height:12px; padding:3px 1px; }
.input2ch { border-width:0px; text-align:center; height:12px; padding:3px 1px; }
.input2r { border-width:0px; text-align:right; }
.input2hr { border-width:0px; text-align:right; height:12px; padding:3px 1px; }
.input2rh { border-width:0px; text-align:right; height:12px; padding:3px 1px; }
.input3 { border-width:0px; background-color:transparent; }
.input3c { border-width:0px; background-color:transparent; border-width:0px; text-align:center; }
.input3hc { border-width:0px; background-color:transparent; border-width:0px; text-align:center; height:12px; padding:5px 0px; }
.input4 { border-width:0px; background-color:transparent; color:#ffffff; font-weight:bold; width:100%; }
.read1 { border-style:solid; border-width:1px; background-color:#f0f0e9; }
.read1h { border-style:solid; border-width:1px; background-color:#f0f0e9; height:12px; padding:3px 1px;}
.read1c { border-style:solid; border-width:1px; background-color:#f0f0e9; text-align:center; }
.read1hc { border-style:solid; border-width:1px; background-color:#f0f0e9; text-align:center; height:12px; padding:3px 1px; }
.read1ch { border-style:solid; border-width:1px; background-color:#f0f0e9; text-align:center; height:12px; padding:3px 1px; }
.read1r { border-style:solid; border-width:1px; background-color:#f0f0e9; text-align:right; }
.read1hr { border-style:solid; border-width:1px; background-color:#f0f0e9; text-align:right; height:12px; padding:3px 1px; }
.read1rh { border-style:solid; border-width:1px; background-color:#f0f0e9; text-align:right; height:12px; padding:3px 1px; }
.hand { cursor:pointer;}
.imeHan { ime-mode :active } /*(기본입력:한글모드) 한/영 전환가능*/
.imeEng { ime-mode :inactive } /*(기본입력:영문모드) 한/영 전환가능*/
.imeEngOnly { ime-mode :disabled } /*(기본입력:영문모드) 한/영 전환불가능 (영문/숫자만 입력가능)*/
.imeEngOnlyUp { ime-mode :disabled;text-transform:uppercase; } /*(기본입력:영문모드) 한/영 전환불가능 (영문/숫자만 입력가능, 영문 대문자로 표시)*/
.imeEngOnlyLow { ime-mode :disabled;text-transform:lowercase; } /*(기본입력:영문모드) 한/영 전환불가능 (영문/숫자만 입력가능, 영문 소문자로 표시)*/
.msgArea { height:103px; width:118px;overflow-y:scroll;overflow-x:hidden;font-family:"gulim,dotum,seoul,arial,verdana"; font-size:12px;
margin:19px,0,0,0 ; border:0px; background-color:transparent; background:''; }
.btnCalendar02 { background-image:url('/image/calendar/btn_calen_02.gif'); margin:0px; height:20px; width:40px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#6f9dd9; background-color:transparent; cursor:pointer; }
.btnButton01 { background-image:url('/image/button/btn_button_01.gif'); margin:0px; height:20px; width:27px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnButton02 { background-image:url('/image/button/btn_button_02.gif'); margin:0px; height:20px; width:40px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnButton03 { background-image:url('/image/button/btn_button_03.gif'); margin:0px; height:20px; width:53px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnButton04 { background-image:url('/image/button/btn_button_04.gif'); margin:0px; height:20px; width:66px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnButton05 { background-image:url('/image/button/btn_button_05.gif'); margin:0px; height:20px; width:79px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnButton06 { background-image:url('/image/button/btn_button_06.gif'); margin:0px; height:20px; width:92px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnButton07 { background-image:url('/image/button/btn_button_07.gif'); margin:0px; height:20px; width:105px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnButton08 { background-image:url('/image/button/btn_button_08.gif'); margin:0px; height:20px; width:118px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnButton09 { background-image:url('/image/button/btn_button_09.gif'); margin:0px; height:20px; width:131px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnButton10 { background-image:url('/image/button/btn_button_10.gif'); margin:0px; height:20px; width:144px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnButton11 { background-image:url('/image/button/btn_button_11.gif'); margin:0px; height:20px; width:157px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnButton12 { background-image:url('/image/button/btn_button_12.gif'); margin:0px; height:20px; width:170px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnButton13 { background-image:url('/image/button/btn_button_13.gif'); margin:0px; height:20px; width:183px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnButton14 { background-image:url('/image/button/btn_button_14.gif'); margin:0px; height:20px; width:196px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnMainNone01 { background-image:url('/image/main_btn/btn_none_01.gif'); margin:0px; height:20px; width:27px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainNone02 { background-image:url('/image/main_btn/btn_none_02.gif'); margin:0px; height:20px; width:40px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainNone03 { background-image:url('/image/main_btn/btn_none_03.gif'); margin:0px; height:20px; width:53px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainNone04 { background-image:url('/image/main_btn/btn_none_04.gif'); margin:0px; height:20px; width:66px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainNone05 { background-image:url('/image/main_btn/btn_none_05.gif'); margin:0px; height:20px; width:79px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainNone06 { background-image:url('/image/main_btn/btn_none_06.gif'); margin:0px; height:20px; width:92px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainNone07 { background-image:url('/image/main_btn/btn_none_07.gif'); margin:0px; height:20px; width:105px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainNone08 { background-image:url('/image/main_btn/btn_none_08.gif'); margin:0px; height:20px; width:118px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainNone09 { background-image:url('/image/main_btn/btn_none_09.gif'); margin:0px; height:20px; width:131px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainNone10 { background-image:url('/image/main_btn/btn_none_10.gif'); margin:0px; height:20px; width:144px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainNone11 { background-image:url('/image/main_btn/btn_none_11.gif'); margin:0px; height:20px; width:157px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainNone12 { background-image:url('/image/main_btn/btn_none_12.gif'); margin:0px; height:20px; width:170px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainNone13 { background-image:url('/image/main_btn/btn_none_13.gif'); margin:0px; height:20px; width:183px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainNone14 { background-image:url('/image/main_btn/btn_none_14.gif'); margin:0px; height:20px; width:196px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainCommon01{ background-image:url('/image/main_btn/btn_common_01.gif'); margin:0px; height:20px; width:47px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainCommon02{ background-image:url('/image/main_btn/btn_common_02.gif'); margin:0px; height:20px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainCommon03{ background-image:url('/image/main_btn/btn_common_03.gif'); margin:0px; height:20px; width:73px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainCommon04{ background-image:url('/image/main_btn/btn_common_04.gif'); margin:0px; height:20px; width:86px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainCommon05{ background-image:url('/image/main_btn/btn_common_05.gif'); margin:0px; height:20px; width:99px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainCommon06{ background-image:url('/image/main_btn/btn_common_06.gif'); margin:0px; height:20px; width:112px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainCommon07{ background-image:url('/image/main_btn/btn_common_07.gif'); margin:0px; height:20px; width:125px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainCommon08{ background-image:url('/image/main_btn/btn_common_08.gif'); margin:0px; height:20px; width:138px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainCommon09{ background-image:url('/image/main_btn/btn_common_09.gif'); margin:0px; height:20px; width:151px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainCommon10{ background-image:url('/image/main_btn/btn_common_10.gif'); margin:0px; height:20px; width:164px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainCommon11{ background-image:url('/image/main_btn/btn_common_11.gif'); margin:0px; height:20px; width:177px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainCommon12{ background-image:url('/image/main_btn/btn_common_12.gif'); margin:0px; height:20px; width:190px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainCommon13{ background-image:url('/image/main_btn/btn_common_13.gif'); margin:0px; height:20px; width:203px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainCommon14{ background-image:url('/image/main_btn/btn_common_14.gif'); margin:0px; height:20px; width:216px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainClose02 { background-image:url('/image/main_btn/btn_close.gif'); margin:0px; height:20px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainDelete02{ background-image:url('/image/main_btn/btn_delete.gif'); margin:0px; height:20px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainExcel02 { background-image:url('/image/main_btn/btn_excel.gif'); margin:0px; height:20px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainGraph03 { background-image:url('/image/main_btn/btn_graph.gif'); margin:0px; height:20px; width:73px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainInsert02{ background-image:url('/image/main_btn/btn_insert.gif'); margin:0px; height:20px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainNew02 { background-image:url('/image/main_btn/btn_new.gif'); margin:0px; height:20px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainPrint02 { background-image:url('/image/main_btn/btn_print.gif'); margin:0px; height:20px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainReset03 { background-image:url('/image/main_btn/btn_reset.gif'); margin:0px; height:20px; width:73px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainSave02 { background-image:url('/image/main_btn/btn_save.gif'); margin:0px; height:20px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainSearch02{ background-image:url('/image/main_btn/btn_search_02.gif'); margin:0px; height:20px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainSearch03{ background-image:url('/image/main_btn/btn_search_03.gif'); margin:0px; height:20px; width:73px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainSearch04{ background-image:url('/image/main_btn/btn_search_04.gif'); margin:0px; height:20px; width:86px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainSelect02{ background-image:url('/image/main_btn/btn_select.gif'); margin:0px; height:20px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnMainUpdate02{ background-image:url('/image/main_btn/btn_update.gif'); margin:0px; height:20px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#7E4F03; background-color:transparent; cursor:pointer; }
.btnSubNone01 { background-image:url('/image/sub_btn/btn_none_01.gif'); margin:0px; height:22px; width:27px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubNone02 { background-image:url('/image/sub_btn/btn_none_02.gif'); margin:0px; height:22px; width:40px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubNone03 { background-image:url('/image/sub_btn/btn_none_03.gif'); margin:0px; height:22px; width:53px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubNone04 { background-image:url('/image/sub_btn/btn_none_04.gif'); margin:0px; height:22px; width:66px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubNone05 { background-image:url('/image/sub_btn/btn_none_05.gif'); margin:0px; height:22px; width:79px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubNone06 { background-image:url('/image/sub_btn/btn_none_06.gif'); margin:0px; height:22px; width:92px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubNone07 { background-image:url('/image/sub_btn/btn_none_07.gif'); margin:0px; height:22px; width:105px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubNone08 { background-image:url('/image/sub_btn/btn_none_08.gif'); margin:0px; height:22px; width:118px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubNone09 { background-image:url('/image/sub_btn/btn_none_09.gif'); margin:0px; height:22px; width:131px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubNone10 { background-image:url('/image/sub_btn/btn_none_10.gif'); margin:0px; height:22px; width:144px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubNone11 { background-image:url('/image/sub_btn/btn_none_11.gif'); margin:0px; height:22px; width:157px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubNone12 { background-image:url('/image/sub_btn/btn_none_12.gif'); margin:0px; height:22px; width:170px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubNone13 { background-image:url('/image/sub_btn/btn_none_13.gif'); margin:0px; height:22px; width:183px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubNone14 { background-image:url('/image/sub_btn/btn_none_14.gif'); margin:0px; height:22px; width:196px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubCommon01 { background-image:url('/image/sub_btn/btn_common_01.gif'); margin:0px; height:22px; width:47px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubCommon02 { background-image:url('/image/sub_btn/btn_common_02.gif'); margin:0px; height:22px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubCommon03 { background-image:url('/image/sub_btn/btn_common_03.gif'); margin:0px; height:22px; width:73px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubCommon04 { background-image:url('/image/sub_btn/btn_common_04.gif'); margin:0px; height:22px; width:86px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubCommon05 { background-image:url('/image/sub_btn/btn_common_05.gif'); margin:0px; height:22px; width:99px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubCommon06 { background-image:url('/image/sub_btn/btn_common_06.gif'); margin:0px; height:22px; width:112px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubCommon07 { background-image:url('/image/sub_btn/btn_common_07.gif'); margin:0px; height:22px; width:125px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubCommon08 { background-image:url('/image/sub_btn/btn_common_08.gif'); margin:0px; height:22px; width:138px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubCommon09 { background-image:url('/image/sub_btn/btn_common_09.gif'); margin:0px; height:22px; width:151px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubCommon10 { background-image:url('/image/sub_btn/btn_common_10.gif'); margin:0px; height:22px; width:164px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubCommon11 { background-image:url('/image/sub_btn/btn_common_11.gif'); margin:0px; height:22px; width:177px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubCommon12 { background-image:url('/image/sub_btn/btn_common_12.gif'); margin:0px; height:22px; width:190px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubCommon13 { background-image:url('/image/sub_btn/btn_common_13.gif'); margin:0px; height:22px; width:203px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubCommon14 { background-image:url('/image/sub_btn/btn_common_14.gif'); margin:0px; height:22px; width:216px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubClose02 { background-image:url('/image/sub_btn/btn_close.gif'); margin:0px; height:22px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubDelete02 { background-image:url('/image/sub_btn/btn_delete.gif'); margin:0px; height:22px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubDelete04 { background-image:url('/image/sub_btn/btn_delete_04.gif'); margin:0px; height:22px; width:86px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubExcel02 { background-image:url('/image/sub_btn/btn_excel.gif'); margin:0px; height:22px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubGraph03 { background-image:url('/image/sub_btn/btn_graph.gif'); margin:0px; height:22px; width:73px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubInsert02 { background-image:url('/image/sub_btn/btn_insert.gif'); margin:0px; height:22px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubNew02 { background-image:url('/image/sub_btn/btn_new.gif'); margin:0px; height:22px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubPrint02 { background-image:url('/image/sub_btn/btn_print.gif'); margin:0px; height:22px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubReset03 { background-image:url('/image/sub_btn/btn_reset.gif'); margin:0px; height:22px; width:73px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubSave02 { background-image:url('/image/sub_btn/btn_save.gif'); margin:0px; height:22px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubSearch02 { background-image:url('/image/sub_btn/btn_search.gif'); margin:0px; height:22px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubSelect02 { background-image:url('/image/sub_btn/btn_select.gif'); margin:0px; height:22px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
.btnSubUpdate02 { background-image:url('/image/sub_btn/btn_update.gif'); margin:0px; height:22px; width:60px; padding:3px 0px 1px 18px; border:0px; font-weight:bold; color:#FFFFFF; background-color:transparent; cursor:pointer; }
/* tooltip */
.tooltip { position: relative; display: inline-block; margin-left: 28px; }
.tooltip .desc { position: absolute; background-color: #fff; right: -5px; top: 20px; width: 190px; z-index: 10; border: 1px solid #fc8903; border-radius: 4px; color: #333; padding: 3px 5px; font-size: 12px; margin: 0; display: none; line-height: 140% }
.tooltip .icon { width: 13px; height: 13px; background-color: #fff; border: 1px solid #fc8903; border-radius: 50%; color: #fc8903; display: flex; align-items: center; justify-content: center; font-size: 11px; font-style: inherit; text-align: center; font-weight: 700; cursor: pointer; }
.tooltip .icon:hover + .desc { display: block; }
.tooltip .icon:hover + .desc { display: block; }
/* 아래는 모바일용 */
.mbBody { margin:0px; background-color:#f4f4f4; font-size:14px; }
.tdHead { background-color:#0000ff; color:red; font-weight:bold;}
.tdTitl { color:gray; font-weight:bold;}
.tdData { color:gray; }
.btnSubMenu { background-image:url('/image/mobile/btn/btn_sub_menu.png'); margin:0px; height:55px; width:145px; padding:3px 0px 1px 0px; border:0px; font-weight:bold; background-color:transparent; cursor:pointer; color: #000000;}
.mbTextLine { font-size:14px; width:100%; border-collapse:collapse; }
.mbTextLine td { font-size:14px;border-spacing:0px; padding:4px 4px 3px 4px; border:1px solid #bbbbbb;}
.mbTextLine .th_a { font-size:14px;border-spacing:0px; padding:4px 4px 3px 4px; border:1px solid #bbbbbb; background-color:#dbe8ff; font-weight:normal; text-align:center; font-weight:bold; }
.mbTextLine .th_b { font-size:14px;border-spacing:0px; padding:4px 4px 3px 4px; border:1px solid #bbbbbb; background-color:#e4efd1; font-weight:normal; text-align:center; font-weight:bold; }
.mbTextLine .th_c { font-size:14px;border-spacing:0px; padding:4px 4px 3px 4px; border:1px solid #bbbbbb; background-color:#f5ebe4; font-weight:normal; text-align:center; font-weight:bold; }
.mbTextLine .th_d { font-size:14px;border-spacing:0px; padding:4px 4px 3px 4px; border:1px solid #daebef; background-color:#e7f6fa; font-weight:normal; text-align:center; font-weight:bold; }
.mbTextLine .th_e { font-size:14px;border-spacing:0px; padding:4px 4px 3px 4px; border:none; border-radius:5px 5px 0 0; background-color:#93dff3; font-weight:normal; text-align:center; font-weight:bold; }
.mbTextLine .th_f { font-size:14px;border-spacing:0px; padding:4px 4px 3px 4px; border:1px solid #bbbbbb; background-color:#e7f6fa; font-weight:normal; text-align:center; font-weight:bold; }
.mbTextLine .tr0 { font-size:14px;border-spacing:0px; padding:4px 4px 3px 4px; border:1px solid #bbbbbb; background-color:#ffffff; }
.mbTextLine .tr1 { font-size:14px;border-spacing:0px; padding:4px 4px 3px 4px; border:1px solid #bbbbbb; background-color:#f4f4f4; }
.mbBorderRed { border-color:red; }
/* 매출내역 */
.bg_sub_title_a_01 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_a_01.png'); height:35px; width:33px; }
.bg_sub_title_a_02 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_a_02.png'); height:35px; width:191px; text-align:left; font-weight:bold; color:#FFFFFF; }
.bg_sub_title_a_03 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_a_03.png'); height:35px; text-align:right; }
.bg_sub_title_a_04 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_a_04.png'); height:35px; width:10px; }
.bg_list_a_01 { font-size:14px; background-image:url('/image/mobile/bg/bg_list_a_01.png'); height:90px; width:4px; }
.bg_list_a_02_L { font-size:14px; height:30px; font-weight:bold; color:#FFFFFF; text-align:center; }
.bg_list_a_02_R { font-size:14px; height:30px; font-weight:bold; color:#FFFFFF; text-align:right; padding-right:10px; }
.bg_list_a_03 { font-size:14px; background-image:url('/image/mobile/bg/bg_list_a_03.png'); height:90px; width:4px; }
/* 입금내역 */
.bg_sub_title_b_01 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_b_01.png'); height:35px; width:33px; }
.bg_sub_title_b_02 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_b_02.png'); height:35px; width:191px; text-align:left; font-weight:bold; color:#FFFFFF; }
.bg_sub_title_b_03 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_b_03.png'); height:35px; text-align:right; }
.bg_sub_title_b_04 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_b_04.png'); height:35px; width:10px; }
.bg_list_b_01 { font-size:14px; background-image:url('/image/mobile/bg/bg_list_b_01.png'); height:90px; width:4px; }
.bg_list_b_02_L { font-size:14px; height:30px; font-weight:bold; color:#FFFFFF; text-align:center; }
.bg_list_b_02_R { font-size:14px; height:30px; font-weight:bold; color:#FFFFFF; text-align:right; padding-right:10px; }
.bg_list_b_03 { font-size:14px; background-image:url('/image/mobile/bg/bg_list_b_03.png'); height:90px; width:4px; }
/* 부가기능 */
.bg_sub_title_c_01 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_c_01.png'); height:35px; width:33px; }
.bg_sub_title_c_02 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_c_02.png'); height:35px; width:191px; text-align:left; font-weight:bold; color:#FFFFFF; }
.bg_sub_title_c_03 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_c_03.png'); height:35px; text-align:right; }
.bg_sub_title_c_04 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_c_04.png'); height:35px; width:10px; }
.bg_list_c_01 { font-size:14px; background-image:url('/image/mobile/bg/bg_list_c_01.png'); height:90px; width:4px; }
.bg_list_c_02_L { font-size:14px; height:30px; font-weight:bold; color:#FFFFFF; text-align:center; }
.bg_list_c_02_R { font-size:14px; height:30px; font-weight:bold; color:#FFFFFF; text-align:right; padding-right:10px; }
.bg_list_c_03 { font-size:14px; background-image:url('/image/mobile/bg/bg_list_c_03.png'); height:90px; width:4px; }
/* 회원관리 */
.bg_sub_title_d_01 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_d_01.png'); height:35px; width:33px; }
.bg_sub_title_d_02 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_d_02.png'); height:35px; width:191px; text-align:left; font-weight:bold; color:#FFFFFF; }
.bg_sub_title_d_03 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_d_03.png'); height:35px; text-align:right; }
.bg_sub_title_d_04 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_d_04.png'); height:35px; width:10px; }
.bg_list_d_01 { font-size:14px; background-image:url('/image/mobile/bg/bg_list_d_01.png'); height:90px; width:4px; }
.bg_list_d_02_L { font-size:14px; height:30px; font-weight:bold; color:#FFFFFF; text-align:center; }
.bg_list_d_02_R { font-size:14px; height:30px; font-weight:bold; color:#FFFFFF; text-align:right; padding-right:10px; }
.bg_list_d_03 { font-size:14px; background-image:url('/image/mobile/bg/bg_list_d_03.png'); height:90px; width:4px; }
/* 수발주관리 */
.bg_sub_title_e_01 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_a_01.png'); height:35px; width:33px; }
.bg_sub_title_e_02 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_a_02.png'); height:35px; width:191px; text-align:left; font-weight:bold; color:#FFFFFF; }
.bg_sub_title_e_03 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_a_03.png'); height:35px; text-align:right; }
.bg_sub_title_e_04 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_a_04.png'); height:35px; width:10px; }
/* 상품관리 */
.bg_sub_title_f_01 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_b_01.png'); height:35px; width:33px; }
.bg_sub_title_f_02 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_b_02.png'); height:35px; width:191px; text-align:left; font-weight:bold; color:#FFFFFF; }
.bg_sub_title_f_03 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_b_03.png'); height:35px; text-align:right; }
.bg_sub_title_f_04 { font-size:14px; background-image:url('/image/mobile/bg/bg_sub_title_b_04.png'); height:35px; width:10px; }
.ie_update {position:fixed; top:0; left:0; right:0; bottom:0; background-color:#454545; padding-top:100px; color:#fff; font-size:16px; text-align:center; z-index:2000;}
.ie_update .msg_update {position:absolute; top:50%; left:50%; margin:-67px 0 0 -195px;}
.ie_update .btn_area {margin-top:30px;}
.ie_update .btn_area .btn {display:inline-block; box-sizing:border-box; text-align:center; vertical-align:middle; white-space:nowrap; text-decoration:none !important;}
.ie_update .btn_area .btn {width:200px; height:40px; padding:0 10px; border:0; color:#fff; margin:5px; font-size:15px; line-height:38px; background:#ff6c00;}
/* 로딩중 */
#loading {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); z-index:5000;}
#loading .box_loading {position:absolute; top:50%; left:50%; box-sizing:border-box; width:270px; margin:-115px 0 0 -135px; padding:10px; border:1px solid #69a9da; border-radius:6px; text-align:center; background:#fff;}
#loading .box_loading .img {margin:15px 0px;}
#loading .box_loading .msg {margin-bottom:10px; color:#4066a4; font-size:16px; line-height:18px;}
#loading .box_loading .msg2 {margin-bottom:5px; color:#4066a4; font-size:13px; line-height:18px;}
#loading .btn_close_loading {position:absolute; right:5px; top:5px; border-radius:3px; width:17px; height:17px; color:#fff; font-weight:600; font-size:12px; background:#999; overflow:hidden;}
/* 레이어팝업 */
.popLayer {display:none; position: absolute; top: 50%; left: 50%; height:auto; background-color:rgb(245, 245, 245); border: 3px solid rgb(187, 187, 187); z-index: 100;}
.popLayer .popContainer {padding: 3px;}
.popLayer .layerBtn {width: 100%; margin:10px 0 20px; padding-bottom: 10px; text-align:right;}
.popLayer .layerMobileBtn {width: 100%; margin:10px 0 20px; padding-bottom: 10px; text-align:left; font-family: gulim,dotum,seoul,arial,verdana; font-size: 13px;}
#popLayerMask {position:absolute; left:0; top:0; width:100%; height:100%; z-index:99; background-color:#000; display:none;}
/* Mobile ASP Login 화면 */
.login-wrap {position: relative;box-sizing: border-box; background-color: #f0f0f0;margin: auto;padding: 17px 35px;height: auto;min-height: 100%;padding-bottom: 100px;}
.login-wrap .tit {margin-left: -12px;}
.login-wrap .tit img {height: 27px;max-width: 100%;}
.login-inner fieldset {border: 0;padding: 0;margin: 0;}
.login-wrap .tts {position: absolute;left: -9999px;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden;}
.login-visual {text-align: center; margin-top: 55px;}
.login-visual img {width: 232px;height: 83px;max-width: 100%;}
.login-inner {max-width: 300px; margin: 30px auto 16.5px;position: relative;}
.login-input input {margin: 0;height: 55px;border: 1px solid #c6c6c6;font-size: 17.5px;background: #fff url(/image/mobile/bg/ico_id.png) no-repeat 16px center;background-size: 25px 25px;width: calc(100% - 108px);padding: 0 53px;}
.login-input input::placeholder{color: #999999;}
.login-input input[type=password] {background: #fff url(/image/mobile/bg/ico_password.png) no-repeat 16px center;background-size: 25px 25px;}
.login-input input + input {border-top: 0;}
.login-save {font-size: 14px;color: #454545;margin-top: 99px;overflow: hidden;}
.login-save span{float: left;width: 50%;}
.login-save input {margin: 0; display: none;}
.login-save input[type="checkbox"] + label:before{content: '';display: inline-block;background: url(/image/mobile/btn/btn_check_02.png) no-repeat center center;height: 26px;width: 25px;margin-right: 10px;vertical-align: middle;background-size: 25px 25px;}
.login-save input[type="checkbox"]:checked + label:before{background-image: url(/image/mobile/btn/btn_check_01.png);}
.btn-login {position: absolute;left: 0;bottom: 56px;width: 100%;height: 45px;background-color: #16509b;color: #fff;border: none;font-family: 'Klavika';font-weight: 600;font-size: 17px;}
.login-footer{
position: absolute;
left: 0;
bottom: 15px;
right: 0;
}
.pc-view{text-align: center;}
.pc-view .btn-pc-open {width: 128px;height: 26px;background: #393939;color: #fff;border: none;display: inline-block;line-height: 26px;text-decoration: none;}
.copy-wrap {text-align: center;margin-top: 17px;}
.copy-wrap img {width: 144px;height: 32px;}
/* 아래는 POS 공지사항 */
.border-none.mbTextLine td { border: none; }
.btn {
display: inline-flex;
justify-content: center;
align-items: center;
margin-left: 5px;
margin: 0;
padding: 4px;
min-width: 52px;
height: 25.5px;
font-size: 14px;
border: none;
border-radius: 2px;
color: #fff;
vertical-align: middle;
}
.btn i {
display: block;
margin-right: 5px;
width: 9px;
height: 6px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url('/image/bbs/i-check.png');
}
.btn-blue {
background-color: #0c43bf;
}
.btn-orange {
background-color: #f07100;
}
.btn-black {
background-color: #444b4d;
}
.btn-purple {
background-color: #7511ae;
}
.btn-red {
background-color: #ff2a00;
}
.btn.btn-sign {
padding: 0 10px;
}
.btn.btn-sign i {
width: 11px;
height: 12px;
background-image: url('/image/bbs/i-sign.png');
}
.notice-txt {
padding: 5px;
width: 100%;
height: auto;
background-color: #f3f3f3;
border: 1px solid #eaeaea;
border-radius: 5px;
box-sizing: border-box;
}
.notice-txt .notice-box {
margin: 0;
padding: 22px 20px;
height: 100%;
background-color: #fff;
border-radius: 5px;
border: none;
box-sizing: border-box;
}
.notice-txt .notice-box p {
margin: 0;
line-height: 1.75;
}
.tbFile {
table-layout: fixed;
border: 1px solid #daebef;
border-top: none;
border-radius: 0 0 5px 5px;
}
.tbFile td {
padding: 6px 12px;
}
.tbFile td a {
display: inline-block;
margin-left: 6px;
font-family: 'Pretendard-Regular', sans-serif;
font-size: 16px;
line-height: 1.4;
color: #1454e4;
vertical-align: middle;
}
.input-checkbox {
display: block;
margin-bottom: 10px;
width: fit-content;
margin-left: auto;
text-align: right;
}
.input-checkbox input[type="checkbox"] {
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
visibility: hidden;
}
.input-checkbox input[type="checkbox"] + span {
position: relative;
padding-left: 28px;
font-family: 'Pretendard-Regular', sans-serif;
font-size: 14px;
line-height: 20px;
}
.input-checkbox input[type="checkbox"] + span::before,
.input-checkbox input[type="checkbox"] + span::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
transition: linear 0.2s;
}
.input-checkbox input[type="checkbox"] + span::before {
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
background-color: #f3f3f3;
border: 1px solid #eaeaea;
border-radius: 2px;
}
.input-checkbox input[type="checkbox"] + span::after {
top: 6px;
left: 7px;
width: 9px;
height: 6px;
background-repeat: no-repeat;
background-size: cover;
background-image: url('/image/bbs/i-checkbox.png');
}
.input-checkbox input[type="checkbox"]:checked + span::before {
background-color: #444b4d;
border-color: #444b4d;
}
.input-checkbox input[type="checkbox"]:checked + span::after {
background-image: url('/image/bbs/i-checkbox_act.png');
opacity: 1;
}
.list-box td { height: 40px; }
.list-box td h4 { margin: 0; }
@media (max-width: 480px) {
#popLayerMobile {
width: calc(100vw - 30px) !important;
max-height: calc(100vh - 30px);
margin-top: 0 !important;
margin-left: 0 !important;
transform: translate(-50%, -50%);
box-sizing: border-box;
}
#POP_LAYER_MOBILE_FRAME {
width: 100% !important;
height: calc(201.2077vw - 83px) !important;
max-height: calc(100vh - 80px);
}
}
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
.update-box {
display: flex;
flex-direction: column;
width: 100vw;
height: 100vh;
padding: 25px;
background-color: #fff;
text-align: center;
font-family: 'Nanum Gothic',sans-serif;
font-size: 18px;
line-height: 30px;
letter-spacing: -0.025em;
color: #000;
box-sizing: border-box;
}
.update-box .update-head {
margin-bottom: 100px;
width: 97.5px;
height: 31px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url('/image/mobile/update_img/app_update_logo_firstpos.png');
}
.update-box .update-img {
margin: 0 auto;
width: 101.5px;
height: 84.5px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url('/image/mobile/update_img/app_update.png');
}
.update-box .update-tit {
margin-top: 51px;
margin-bottom: 29px;
font-size: 30px;
font-weight: 700;
letter-spacing: 0;
line-height: 1;
}
.update-box .btn {
margin-top: auto;
width: 100%;
min-height: 60px;
background-color: #003f69;
border-radius: 10px;
font-size: 18px;
font-weight: 700;
color: #ffffff;
}