@keyframes shake {
    10% { transform: translateX(-4px); }
    30% { transform: translateX(4px); }
    50% { transform: translateX(-4px); }
    70% { transform: translateX(4px); }
    90% { transform: translateX(-4px); }
}

.shake{animation: shake 0.3s;}

.mms_img{float:left;width:58px;height:80px;border:1px solid #D5D9F1;border-radius:5px;margin:7px 0px 7px 4px;overflow:hidden;object-fit:cover;background-image:url('/_img/call_photo_img.gif');background-position:center;background-repeat:no-repeat;user-select:none;background-color:#F6F7FD}
a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}	
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

.alpha { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90)}
.lcd1 { overflow: hidden; font-family:µ¸¿òü; font-size: 9pt; border:0 solid; color: black; background-color: transparent; width:98; height: 70}
.lcd2 { overflow: hidden; font-family:µ¸¿òü; font-size: 9pt; border:0 solid; color: black; background-color: transparent; width:98; height: 85}
.lcd4 { font-family:µ¸¿òü; font-size: 9pt; border:0 solid; color: black; background-color: transparent; width:150px; height: 117px;overflow-x:hidden;overflow-y:hidden}
.lcd4::-webkit-scrollbar { width: 15px; }
.lcd4::-webkit-scrollbar-thumb { background-color: silver; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; }
.lcd4::-webkit-scrollbar-track { background-color: white; border-radius: 10px; box-shadow: inset 0px 0px 5px white; }
.loc4::selection {background-color: black;color: yellow;}

.lcd5 { font-family:µ¸¿òü; font-size: 9pt; border:0 solid; color: black; background-color: #CABBFE; width:115; height: 130}
.lcd6 { font-family:µ¸¿òü; font-size: 9pt; border:0 solid; color: black; background-color: transparent; width:120; height: 150}
.lcd7 { overflow: hidden;font-family:µ¸¿òü; font-size: 9pt; border:0 solid; color: black; background-color: transparent; width:98; height: 90}
.lcd8 { font-family:µ¸¿òü; font-size: 9pt; border:0 solid; color: black; background-color: transparent; width:120; height: 98}
.lcd_mms { font-family:µ¸¿òü; font-size: 9pt; border:0 solid; color: #3D3D3D; background-color: transparent; width:188px;height:120px}
.tip1 { overflow: hidden; font-family:µ¸¿òü; font-size: 9pt; border:0 solid; color: black; background-color: #D0D0ED; width:60; height: 85}

.head_main_menu{float:left;padding:14px 0 12px 0;cursor:pointer}
.head_main_menu_bar{float:left;padding:13px 0 0 0;color:#CCCCCC;font-size:9pt;}

.lcd_mms_v3 { font-family:µ¸¿òü; font-size: 9pt; border:0 solid; color: #3D3D3D; background-color: transparent; width:195px;height:100%; scrollbar-face-color:#B3D9EA;scrollbar-highlight-color:#56c9d6;scrollbar-3dight-color:#ffffff;scrollbar-shadow-color:#56c9d6;scrollbar-darkshadow-color:#ffffff;scrollbar-track-color:#D7EFFE;scrollbar-arrow-color:#0a4588;overflow-y:scroll;overflow-x:hidden;position:relative}
.lcd_msgbox { font-family:µ¸¿òü; font-size: 9pt; border:0 solid; color: #3D3D3D; background-color: transparent; width:100%;height:100%;word-break:break-all;resize:none;overflow-y:visible;overflow:visible;ime-mode:active;padding-top:6px}

#msgbox::selection {background-color: orange;color: black;}

.send_btn {background-image:url('/_img/send_bt_v2_1.gif');width:114px;height:34px;cursor:pointer;border:0px}
.send_btn3 {background-image:url('/_img/send_bt03.gif');width:140px;height:57px;cursor:pointer;border:0px}
.but1 {height:16px;font-size:9pt;border:1px solid silver;background:#E2E2E2;cursor:pointer;color:gray}
.but2 {height:19px;font-size:9pt;border:1px solid silver;background:#E2E2E2;cursor:pointer;color:black}
.but3 {height:21px;font-size:9pt;}
.but4 {padding-top:3px;font:9pt µ¸¿ò}
.but5 {background:url(/_img/tax_bt01.gif) no-repeat; height:22px; width:58px; text-align:left;}
.but_small {background-color:gray;border:none;color:white;font-size:8pt;height:18px}
.file1 {height:19px;font-size:9pt;border:1px solid silver;color:gray; padding-top:3px}
.input1 {height:16px;font-size:9pt;border:1px solid silver;color:gray;}
.input2 {height:19px;font-size:11px;border:1px solid silver;color:black; }
.input3 {height:19px;font-size:9pt;border:0px dotted silver;color:gray; padding-top:3px}
.input4 {width:100%;height:19px;font-family:µ¸¿òü;font-size:9pt;border:1px solid silver;color:black; padding-top:3px}
.input5 {width:100%;height:23px;font-family:µ¸¿òü;font-size:10pt;border:3px solid silver;color:black; padding-top:2px}
.input6 {width:100%;height:16px;font-size:9pt;color:green;border:0px solid silver;background:#E3E3E3;padding-top:6px}
.input_none {font-size: 12px; border: none; background-color: transparent;}
.input_none1 {font-size: 9pt; border: none; background-color: transparent;}
.input_none2 {font-size: 12px; border: none; background-color: transparent;}
.input_none3 {font-size: 12px; border: none; background-color: transparent;color:block; padding-top:3px;}
.in_user1 {width:100%; font-size: 9pt; border: none; text-align:center; height:18;background-color: transparent;}
.lsbx1 {font-size:11px;background-color:#F7F7F7;border:2px solid #F7F7F7;color:black;}
.lsbx2 {width:150;height:22px;font-size:9pt;border:1px solid silver;}
.lsbx3 {width:40px;height:20px;font-family: µ¸¿òü;font-size:12px;}
.lsbx4 {height:20px;font-size:11px;color:gray;border-color:silver;}
.display_user {height:15px;font-size:9pt;border:0px solid silver;color:red;text-align:right;line-height:0.8em}
.menu_fixed{position: fixed;top: 0px;}

.label1 {width:100%;height:30px;background-color:#333333;color:#FFFFFF;font-weight:bold;font-size:13px;text-align:center;padding-top:3px;padding-top:15px;letter-spacing:2px;}

.simple_link {font:11px µ¸¿ò;color:gray;cursor:pointer}
.simple_button {padding:1px;background-color:#F7F7F7;margin-right:2px;border:1px solid gray;border-radius:3px;}

.title1 {font-weight:bold;font-size:14px;letter-spacing:1px;color:#666666}
.title2 {font:14px sans-serif;font-weight:bold;color:#343434;}
.title2-sub {font:14px sans-serif;font-weight:500;color:#111111}
.title2-bar {font-size:14px;color:#111111;margin:0 13px 0 13px}

.title3{font:12px/18px µ¸¿ò,'¸¼Àº °íµñ';color:#555555;margin:5px 0 5px 0;letter-spacing:-1px;}
.title4{font:bold 12px/18px sans-serif, µ¸¿ò,'¸¼Àº °íµñ';margin:5px 0 10px 0;letter-spacing:-1px}

.common_input1 {width:75px; height:33px;border:2px solid silver;padding-left:5px}
.common_size1 {width:350px; height:47px;border:1px;padding-left:5px;}

.text_button{text-align:center;padding:6px 6px 6px 6px; letter-spacing:0px; background: #F7F7F7; font-family:MS Sans Serif µ¸¿ò; font-size: 11px; height: 20px; border-bottom:1px double #E3E3E3;cursor:pointer; border-right:1px double #E3E3E3;margin:0px 1px 0px 1px}
.text_button:hover{color: red;border-color:#BBBBBB}

.text_button1{display:inline-block;background-color:#CFB9E5;margin:0 3px 3px 0;padding:5px 5px 3px 5px;cursor:pointer;border-radius: 3px}
.text_button2{display:inline-block;background-color:#b9b9be;color:white;margin:0 3px 3px 0;padding:5px 5px 3px 5px;cursor:pointer;border-radius: 3px}

.text_button3{padding:3px;border:1px solid #AAAAAA;background-color:#EEEEEE;border-radius:5px 5px 0 0;border-bottom:none;font:11px arial;cursor:pointer}

.text_button4{width: 92px;height: 37px;border-radius: 30px; background-color: #FFFFFF; position: relative; overflow: hidden; cursor: pointer; text-align:center; color: #595959; border: none; font-weight: 600; font-size: 15px; margin: 0 5px;}

.text_button4:hover{background-color: #5176C6;color:#F7F7F7}

.sample-button-container {
    display: flex;
    background-color: #f0f0f0;
    border: none;
    border-radius: 20px;
    overflow: hidden;
    width: 400px;
}

.sample-button {
    flex: 1;
    padding: 10px;
    border: none;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.sample-button:hover {
    background-color: #6384cc;
    color: #fff;
}

.active {
    background-color: #6384cc;
    color: #fff;
}


.text_tab{letter-spacing:0px; background: #FF9696; font-family:MS Sans Serif µ¸¿ò;cursor:pointer;border-radius: 6px 6px 0px 0px;border-bottom: 1px solid #F7F7F7;text-align:center;padding:1px 0px 4px 0px;color:#FFFFFF}
.text_tab1{display:inline-block;color:#000000;width:120px;height:15px;cursor:pointer;text-align:center;padding:5px 0 4px 0;font:13px MS Sans Serif µ¸¿ò;border-radius: 6px 6px 0px 0px;}

.reserv_tab{width:52px;padding:5px;float:left;border-radius:0 12px 0 0;border:none;cursor:pointer}

.border_effect{border:1px solid #FFFFFF;}
.separator_bar{font-size:10px;color:gray;margin:3px}

.set1_label{font-size:12px;height:16px;background-color:#F7F7F7;padding:4px 4px 0px 4px;border:1px solid;border-color:gray #F7F7F7 gray gray}
.set1_input{font-size:11px;height:22px;text-align:center;border:1px solid gray;}
.set1_lsbx{font-size:11px;height:22px;}
.set1_button{font-size:11px;height:22px;padding:0px 10px 0px 10px}

.set2_button{display:inline-block;padding:7px 15px 7px 15px;color:#F7F7F7;font:15px arial;text-align:center;margin-right:2px;background-color:#F1625C;cursor:pointer}
.set2_button_c1{display:inline-block;padding:7px 15px 7px 15px;color:#F7F7F7;font:15px arial;text-align:center;margin-right:2px;background-color:#F5908B;cursor:pointer}
.set2_button_mini{display:inline-block;padding:7px 15px 7px 15px;color:#F7F7F7;font:12px arial;text-align:center;margin-right:2px;background-color:#F1625C;cursor:pointer}

.set3_input{font:12px µ¸¿ò;height:24px;text-align:center;border:1px solid gray;}
.set3_button{display:inline-block;padding:7px 6px 4px 6px;color:#FFFFFF;font:11px µ¸¿ò;text-align:center;margin-right:2px;background-color:#F1625C;border:none;cursor:pointer}
.set3_button_c1{display:inline-block;padding:7px 6px 4px 6px;color:#FFFFFF;font:11px µ¸¿ò;text-align:center;margin-right:2px;background-color:#F5908B;border:none;cursor:pointer}
.set3_button_c2{display:inline-block;padding:7px 6px 4px 6px;color:#FFFFFF;font:11px µ¸¿ò;text-align:center;margin-right:2px;background-color:#777777;border:none;cursor:pointer}

.set4_button{padding:7px 15px 7px 15px;color:#F7F7F7;font:15px arial;text-align:center;margin:2px;background-color:#4051a3;cursor:pointer}
.set4_button_c1{padding:7px 15px 7px 15px;color:#F7F7F7;font:15px arial;text-align:center;margin:2px;background-color:#7485d7;cursor:pointer}
.set4_button_c2{padding:7px 15px 7px 15px;color:#F7F7F7;font:15px arial;text-align:center;margin:2px;background-color:#777777;cursor:pointer}

.mini_button1{margin-top:5px;width:50px;padding:2px 5px 2px 5px;background-color:gray;color:#FFFFFF;cursor:pointer}
.mini_button2{color:#F7F7F7;border:4px solid #FFFFFF;border-radius:10px 10px 0 0;border-bottom:none;background-color:orange;padding:2px 10px 2px 10px;cursor:pointer;margin-right:2px}

.unit_price{background-color:#F3F3F3;border-radius:5px;font:11px µ¸¿òü;padding:2px;margin:0 2px 0 2px}

.head_sub_menu{font:11px µ¸¿òü;padding:3px}

form{display:inline;}

a.tip {position: relative;}
a.tip span {
    display: none;
    position: absolute;
    top: 15px;
    left: 10px;
    width: 200px;
    padding: 0px;
    z-index: 100;
    background: #F7F7F7;
    color: black;
    border-width:1px;
    border-style:solid;
    border-color:gray;
    font:12px µ¸¿òü;
    line-height:16px;
    text-align:left;
    
}

a.tip span div.title{width:100%;height:25px;text-align:center;background-color:white;color:green;font-size:12px;padding-top:5px}
a.tip span div.sub_title{width:100%;text-align:left;background-color:#F7F7F7;color:red;font-size:12px;padding:5px 5px 5px 10px}
a:hover.tip span {display: block;}
.ib{vertical-align : bottom};

a.addrUser:link{color: black; font: 9pt µ¸¿ò; text-decoration: none}
a.addrUser:hover{color: red; font:   µ¸¿ò; text-decoration: none}

a:link{color: #0b4279; font: 9pt µ¸¿ò; text-decoration: none}
a:hover{color: gray; font:   µ¸¿ò; text-decoration: none}
a:visited{color: #0b4279; font: 9pt µ¸¿ò; text-decoration: none}

a.link1:link{color: #27648D; font: 9pt µ¸¿ò; text-decoration: none}
a.link1:hover{color:gray; font: µ¸¿ò; text-decoration: none}

a.link2:link{color: #3C5A6E; font: 9pt µ¸¿ò; text-decoration: none}
a.link2:hover{color:#3C5A6E; font: µ¸¿ò; text-decoration: none}
a.link2:visited{color: #3C5A6E; font: 9pt µ¸¿ò; text-decoration: none}

a.link3:link{color: gray; font: 9pt µ¸¿ò; text-decoration: none}
a.link3:hover{color:#CF2A2A; font: µ¸¿ò; text-decoration: none}

td{font: 9pt µ¸¿ò; text-decoration: none;}

textarea{resize:none};

.img_view_scale {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;   /* ºÎµå·¯¿î ¸ð¼ÇÀ» À§ÇØ Ãß°¡*/
}
.img_view_scale:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.img_btn_scale{transform: scale(1);transition: all 0.2s ease-in-out;}
.img_btn_scale:hover{transform: scale(1.5);}

ul{list-style:none;padding-left:0px;}
li{display:inline;}
/*div{font: 9pt µ¸¿ò;}*/

textarea:focus { outline: none; }
button:focus { outline: none; }
input:focus { outline: none; }
img  {vertical-align:bottom;}

.text_ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.line{background-color:#E0E0E0;height:1px}
.line_bold{height:2px;background-color:#DCD4C4;}
.disabled_cover {pointer-events:none;opacity:0.4;}

.join-label{width:120px; height:45px; font-size:12; color:#696969; font-weight:bold; background-color:#FAFAFA;border-bottom:1px solid #DCDCDC;padding-left:40px}
.join-input-area{border-bottom:1px solid #DCDCDC}
.join-input{width:130px; height:31px; margin-left:10px;}
.join-button{margin:0 15px 0px 2px;cursor:pointer}
.join-agree-box-main{padding:5px 20px 20px 20px;background-color:#FBFBFB}
.join-agree-box-sub{width:100%;height:100px;background-color:#FFFFFF; border:1px solid #E8E8E8;padding:5px 2px 5px 10px;overflow-y:scroll;overflow-x:hidden}
.join-agree-title-main{color:white;background-color:gray;font-size:12px;}
.join-agree-title-sub{color:gray;border:1px solid silver;font-size:11px;padding:3px;background-color:white;cursor:pointer}

.user-modify-label{width:20%;padding:5px 0 5px 10px;font:14px µ¸¿ò;background-color:#FAFAFA;border-bottom:1px solid #DCDCDC;}
.user-modify-area{width:80%;padding:5px 0 5px 10px;font:14px µ¸¿ò;border-bottom:1px solid #DCDCDC;}
.user-modify-input{height:25px}

.cal-line{background-color:#FFFFFF;height:1px;}
.cal-day{font:13px µ¸¿òü;width:32px;height:15px;float:left;text-align:right;margin:1px;background-color:#FFFFFF;padding:2px 6px 2px 0px;}
.cal-btn-com{display:inline-block;padding:1px 5px 1px 5px;margin:0 0px 0 10px;cursor:pointer;background-color:#A6A6A6;border:1px solid #EEEEEE;color:#FFFFFF;}
.cal-btn-s{display:inline-block;padding:1px 2px 1px 2px;margin:0 5px 0 5px;cursor:pointer;background-color:gray;border:1px solid #EEEEEE;color:#FFFFFF;}
.cal-btn-m{display:inline-block;padding:1px 3px 1px 3px;letter-spacing:-5px;margin:0 3px 0 3px;cursor:pointer;background-color:gray;border:1px solid #EEEEEE;color:#FFFFFF;}