/*
@import url(//fonts.googleapis.com/earlyaccess/Pretendard.css);
@import url('///fonts.googleapis.com/css?family=Pretendard');
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('/Content/css/font.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* 공통 */
* { font-size:12px; padding:0;margin:0;font-family:'Roboto','NanumHuman', "Helvetica Neue", Helvetica, Arial, sans-serif;} /*font-family:'Helvetica Neue';*/

html, body { height:100%;min-width:100%;overflow:visible; font-family:'Roboto','NanumHuman',Meiryo,"Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased;  text-rendering: optimizeLegibility;
}
img {vertical-align:middle;border:0;}
ul {list-style:none;}
input[type="button"]{cursor:pointer;}
button {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #16425a;
    border: 1px solid #16425a;
    background-color: #fff;
    border-radius: 1.5rem;
    cursor: pointer;
}
h2 {font-family:'Roboto','NanumHuman', "Helvetica Neue", Helvetica, Arial, sans-serif;} /* 서브 타이틀일 경우 */
.clearfix {clear: both}

/* 전체 Layout */
body {
    background-color: #fafafa;
}
#wbody {position:relative;width:100%;overflow:visible;}
#wbody #divHeader {position:relative;height:110px;overflow:visible;min-width:1903px;}
    #wbody #divHeader .tnb  {background-color:#2d3234;overflow:visible;height:40px;}
        #wbody #divHeader .tnb .logo {height:40px;display:block;margin-left:10px;color:#9aa1a9;float: left}
        #wbody #divHeader .tnb .hotlink {font-family:'Roboto','NanumHuman'; height:40px; margin-left:200px;}
        #wbody #divHeader .tnb .hotlink a {display:block; float:left;line-height:40px;font-family:'Roboto','NanumHuman', "Helvetica Neue", Helvetica, Arial, sans-serif; height:40px; text-decoration:none;color:#fff; padding:0 10px; font-weight:bold;}
        #wbody #divHeader .tnb ul {height:40px;display:block;position:absolute;left:700px;}
            #wbody #divHeader .tnb li {border-left:1px solid #4c4e50;line-height:15px;float:left;margin:12px 0;padding:0 15px;}
            #wbody #divHeader .tnb ul li a {font-family:'Roboto','NanumHuman', "Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration:none;color:#9aa1a9; font-weight:bold;}
                #wbody #divHeader .tnb ul li.none {border: 0;}
                #wbody #divHeader .tnb ul li.login,
                #wbody #divHeader .tnb ul li.logout {border:0;}
    
                #wbody #divHeader .gnb {background-color:#4c5054;position:relative;overflow:visible;height:72px;}
                    #wbody #divHeader .gnb ul {height:72px;display:block;}
                        #wbody #divHeader .gnb ul li {float:left;display:block;top:0;width:65px;text-align:center;}
                        #wbody #divHeader .gnb ul li.ext {float:left;display:block;top:0;width:50px;text-align:center;margin-left:10px;}
                        #wbody #divHeader .gnb ul li.fst {width:200px;height:72px;background-color:#4c5054;color:#fff;font-size:15px;font-weight:bold;text-align:center;}
                        #wbody #divHeader .gnb ul li.fst .officenm {font-family:'Roboto','NanumHuman', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px;font-weight:bold}
                            #wbody #divHeader .gnb ul li.fst span {top:20px;position:relative;overflow:visible;}
                        #wbody #divHeader .gnb ul li a {text-decoration:none;position:relative;display:block;width:100%;overflow:visible;color:#bfc3c8;}
                            #wbody #divHeader .gnb ul li a.on {color:#3f4448;}
                            #wbody #divHeader .gnb ul li a img {width:auto; height:72px;}
                            #wbody #divHeader .gnb ul li a span {position:absolute;left:0;top:47px;z-index:10;color:#bfc3c8;width:100%;text-align:center;white-space:nowrap;font-size:11px;color:inherit;line-height:90%;height:26px;display:table-cell;vertical-align:middle;}
                           
#wbody #divMiddle {position:relative;}
    #wbody #divMiddle:after{display:block;clear:both;content:"";zoom:1;}
    #wbody #divMiddle #divLeftArea {width:180px;}
        #wbody #divMiddle #divLeftArea span {font-size: 13px;line-height: 15px;display:inline-block;}
        #wbody #divMiddle #divLeftArea span>a{font-size: 13px;line-height: 13px;display:inline-block;}
        #wbody #divMiddle #divLeftArea span>b{font-weight:400;font-size: 13px;margin-bottom:2px;display:inline-block;width:140px;background:#f2f2f2;padding:2px 0 2px 1px;border-radius:2px;}
        #wbody #divMiddle #divLeftArea span > img {display:none;}
        #wbody #divMiddle #divLeftArea .filetree {}
            #wbody #divMiddle #divLeftArea .filetree li .root {}
    #wbody #divMiddle #divContents {position:absolute;left:200px;top:0;z-index:1;}
        /* title */
        #wbody #divMiddle #divContents h2 {text-indent:0px; margin-top:10px;padding:8px 0;background:none;color:#f8303f;font-size:20px;text-indent:15px;}
        #wbody #divMiddle #divContents #wcm_110 h2{font-size:16px;font-weight:400;text-indent:0px;}
        #wbody #divMiddle #divContents div.pageid {position:absolute;top:20px;right:10px;color:#000;}
          
        /* search */
        #wbody #divMiddle #divContents .search {border-top:1px solid #c7c7c7;border-right:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;border-left:1px solid #c7c7c7;background-color:#fff;margin-bottom:5px;border-radius:5px;padding:3px 0; padding-left:15px}
            #wbody #divMiddle #divContents .search table {border-collapse:collapse;}        
                #wbody #divMiddle #divContents .search table th {padding:2px;white-space:nowrap;font-weight:normal;}
                #wbody #divMiddle #divContents .search table td {padding:1px;white-space:nowrap;}
                    #wbody #divMiddle #divContents .search table td a {text-decoration:none !important}

        /* 목록 등 영역 */
        #wbody #divMiddle #divContents div.info {padding:6px 14px;background-color:#fff;border:1px solid #c7c7c7;border-radius:5px;} /*color:#ff8a00;*/
        
        /* 20150830 추가 */
		#wbody #divMiddle #divContents div.info_grey {padding:5px 5px;background-color:#bcbcbc;border:1px solid #c7c7c7;} /*color:#ff8a00;*/

#wbody #divFooter {margin:4px 0 40px 10px;}

/* left area */
#aside {position:relative;top:8px;left:10px;width:auto;}
#aside .aside_top {}
#aside .aside_btm {padding-bottom:17px; }
#aside .aside_box {padding:0 8px 20px;border:1px solid #c7c7c7; border-radius:5px; background-color:#fff;height:auto;}
	#aside .aside_box .btn {width:78px; height:23px; background:#000; color:#fff;border-radius:12px;}
	#aside .aside_box .btn_member >li:nth-child(2) .btn {background:#8a8a8a; color:#fff;}
	#aside .aside_box .btn span {display:inline-block; width:100%; height:23px; line-height:23px !important; margin:0px;}

.user_box {overflow:hidden;height:auto;}
.user_box .thumnail {width:100%;display:block;overflow:hidden; margin:10px 0; }
.user_box .thumnail img {width:50px;height:50px;display:block; margin:0 auto;}
.user_box .user {margin:0 0 10px 0;width: 100%; text-align:center;}
.user_box .user .user_name {font-size:16px;font-weight:bold;color:#000;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.user_box .user .date {margin-top:3px;color:#000;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

.btn_member {overflow:hidden;}
.btn_member li {float:left;margin-left:5px;}
.btn_member li:first-child {margin:0;}

.slt_site select {width:132px;font-weight:bold;color:#f00;}

.find_box {margin-top:0px;}
.find_box li {padding:5px 0;} /*border-bottom:1px solid #d3d3d3;*/
.find_box .slt_site {}
.find_box .slt_site select {width:100%;font-weight:bold;color:#f00;background:#fff; border-radius:15px; margin-top:5px; height:25px;text-indent:10px;}
.find_box .find {position:relative; border:1px solid #ccc; padding:0px; border-radius:20px; padding:5px;}
.find_box .find input {width:113px;padding:0px;border:none !important;background-color:#fff;border-radius:0px;color:#4b4b4b;margin-left:10px;}
.find_box .find .btn_find {position:absolute;right:10px;top:7px}
.find_box .find .btn_list {}
.find_box .find .btn_list a {}

.sms_section {position:absolute;top:10px;right:-3px;width:186px;height:520px;padding-left:6px;background-color:#fff;border:1px solid #c7c7c7;border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
.sms_link {margin-top:15px;width:180px;}
.sms_link .tab_menu {zoom:1;margin-bottom:8px;}
.sms_link .tab_menu:after{display:block;clear:both;content:"";}
.sms_link .tab_menu li {float:left;margin-left:2px;}
.sms_link .tab_menu li:first-child {margin:0;}
.sms_link .tab_menu li.on {margin-bottom:-2px;}

.sms_link .tab_con {}
.sms_link .tab_con iframe {border:0;overflow:hidden;width:183px;height:465px;}
.sms_link .hide {display:none;}

.sms_box {width:164px;height:92px;padding:7px;font-size:11px;color:#4b4b4b;background:#f7f8f8;border:1px solid #c7c7c7; border-radius:3px;}
    .sms_box textarea {background-color:transparent;width:159px;height:59px;border:none;resize:none;}
.sms_box .info {margin-top:5px;color:#6391c7;text-align:right;}
    .sms_box .info input {background-color:transparent;border:none !important;width:60px;}
    .sms_box .info input:first-child {text-align:right;width:20px;}
.point {padding:9px 0;color:#000;font-size:12px;text-align:center;}
.sms_box_con {margin-top:3px;}
.sms_box_con li {margin-top:6px;}
.sms_box_con li input {padding:4px 2px;color:#4b4b4b;vertical-align:middle;border:1px solid #c0c0c0;background-color:#f9f9f9;border-radius:3px;font-size:13px;}
.sms_box_con li a img {vertical-align:middle;}
.sms_box_con li label {font-size:11px; font-weight:bold; line-height:23px; color:#4b4b4b;}
.sms_box_con li .i_hp {float:right; width:110px; height:15px;margin-bottom:5px; background:#efefef;border-radius:5px;}
.sms_box_con li .i_name {clear:both; width:50px; font-size:12px;background:#efefef;height:15px;border-radius:5px;}
.sms_box_con li .i_hp_2 {width:74px; font-size:12px;background:#efefef;height:15px;border-radius:5px;}
.sms_box_con li.tarea {padding-right:4px;background:#efefef;}
.sms_box_con li.tarea textarea {width:100%;height:47px;color:#4b4b4b;vertical-align:middle;border:1px solid #c0c0c0;background-color:#f9f9f9;border-radius:3px;overflow-y:auto;}
.sms_box_con li select {width:100%;height:58px;color:#4b4b4b;vertical-align:middle;border:1px solid #c0c0c0;background-color:#f9f9f9;border-radius:3px;overflow-y:auto;height:180px;}

.cal {width:325px;margin:0 auto;}
.cal thead th,.cal tbody td {text-align:center;}
.cal thead th {padding:8px 0 4px;}
.cal tbody td {padding:1px 0;}
.cal tbody td a {color:#4b4b4b;display:inline-block;padding:5px 5px 1px;}
.cal .sun {color:#ff0000;}
.cal .sun a {color:#ff0000;}
.cal .sat a {color:#00a2ff;}
.cal .sat {color:#00a2ff;}
.cal .on {color:#fff;background-color:#ff8a00;}

/* 영업 일자 */
.salesdate {font-weight:bold;color:#f0177e;vertical-align:middle;text-align:center;padding-bottom:3px;font-size:16px; width:100%;height:35px;line-height:38px;}
	.salesdate .weeknm {font-size:11px;}

/* autocomplete */
#lMenuSearch {border:0px solid #f00;height:30px;text-align:center;}
    #lMenuSearch input {width:180px;background:url('/Content/images/btn/btn_find.png') no-repeat right;padding-left:5px;}

.lmenu {display:none;}
.lmActive {display:block;}

/* 왼쪽메뉴  ######*/
/*.filetree {margin-left:10px;}
	.filetree li {padding:0; border-bottom:1px solid #ddd;}
	.filetree li ul {}
	.filetree .folder {background:url('') !important;background-color:#3d4145 !important; padding:7px !important;color:#bfc3c8;display:block;font-size:13px}
	.filetree .square {padding:5px 10px 0 !important;display:block;}
	.filetree .root  {display:none !important;}
	.menuTitle {padding:7px !important;display:block;background-color:#3d4145 !important;color:#bfc3c8 !important;font-weight:normal !important;font-size:13px !important;margin-left:10px !important;}  */

/*.filetree {}
    .filetree li {padding-left:0 !important;width:170px;}
        .filetree ul li ul {padding-left:0 !important;}
    .filetree span.root, .yellow, .filetree span.red, .filetree span.green, .filetree span.blue, .filetree span.square, .filetree span.folder {background:url('') !important;padding-left:16px !important;display:inline-block;font-family:'Roboto','NanumHuman', "Helvetica Neue", Helvetica, Arial, sans-serif !important; height:20px;}
    .filetree span.root, .yellow, .filetree span.red, .filetree span.green, .filetree span.blue, .filetree span.square:hover {background-color:#57adef !important;color:#fff;font-family:'Roboto','NanumHuman', "Helvetica Neue", Helvetica, Arial, sans-serif !important; height:20px;}
    .filetree span.square a { text-decoration:none; display:inline-block ; width:100%;}*/


/* table list templite*/
.f4tbl {border-collapse: collapse;width: 100%;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
    .f4tbl th {background-color:#9f9da0;fon t-weight:normal;color:#fff;white-space:nowrap;}
    .f4tbl th a {color:#fff;white-space:nowrap;display:inline-block; text-decoration:none !important}
    .f4tbl td {color:#4b4b4b;border-bottom:1px solid #d6d6d6;}
        .f4tbl td.wrap {white-space:normal;}
/*        .f4tbl td a {border-bottom: 1px solid; padding-bottom: 0.5px; text-decoration:none !important}*/
        .f4tbl td a img {border-bottom: 0px;}
    .f4tbl tfoot th {background-color:#f9f9f9;color:#ff8a00;}
    .f4tbl tfoot td {background-color:#fdfdfd;color:#ff8a00;}
    .f4tbl th {padding:5px 1px;white-space:nowrap;}
    .f4tbl thead tr:first-child{background:#9f9da0;}
    .f4tbl tr:first-child th {position:sticky;top: 0px;z-index: 1;line-height:17px;}
    .f4tbl tr:nth-of-type(2) th {position:sticky;top:27.5px;z-index:100;}
    .f4tbl td {padding:2px 3px 2px 3px;white-space:nowrap;}  /*상우하좌*/

/* table list templite*/
.f4tbl2 {border-collapse:collapse;width:100%;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
    .f4tbl2 th {background-color:#676a6d;font-weight:normal;color:#fff;white-space:nowrap;width:100px;}
    .f4tbl2 th a {color:#fff;white-space:nowrap;display:inline-block; text-decoration:none !important}
    .f4tbl2 td {color:#4b4b4b;border-bottom:1px solid #d6d6d6;width:100px;}
        .f4tbl2 td.wrap {white-space:normal;}
/*        .f4tbl td a {border-bottom: 1px solid; padding-bottom: 0.5px; text-decoration:none !important}*/
        .f4tbl td a img {border-bottom: 0px;}
    .f4tbl2 tfoot th {background-color:#f9f9f9;color:#ff8a00;}
    .f4tbl2 tfoot td {background-color:#fdfdfd;color:#ff8a00;}
    .f4tbl2 th,
    .f4tbl2 td {padding:5px;white-space:nowrap;}  

/* table list templite*/
.f4tbl3 {border-collapse:collapse;width:100%;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;padding:5px 0px;}
    .f4tbl3 th {background-color:#676a6d;font-weight:normal;color:#fff;white-space:nowrap;padding:5px 0px;}
    .f4tbl3 th a {color:#fff;white-space:nowrap;display:inline-block; text-decoration:none !important}
    .f4tbl3 td {color:#4b4b4b;border-bottom:1px solid #d6d6d6;}
        .f4tbl3 td.wrap {white-space:normal;}
/*        .f4tbl td a {border-bottom: 1px solid; padding-bottom: 0.5px; text-decoration:none !important}*/
        .f4tbl3 td a img {border-bottom: 0px;}
    .f4tbl3 tfoot th {background-color:#f9f9f9;color:#ff8a00; padding:5px 0px;}
    .f4tbl3 tfoot td {background-color:#fdfdfd;color:#ff8a00;}
    .f4tbl3 th,
    .f4tbl3 td {padding:3px 0px;white-space:nowrap;}

/* table list templite*/
.f4tbl4 {border-collapse:collapse;width:100%;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;border:2px solid #abb4bb;border-bottom:0;}
    .f4tbl4 th {background-color:#4b4b4b;font-weight:normal;color:#fff;white-space:nowrap;padding-left: 8px 0 0 !important;padding-right: 0 !important;height:20px;}
    .f4tbl4 th a {color:#fff;white-space:nowrap;display:inline-block; text-decoration:none !important}
    .f4tbl4 td {background-color:#EFEFEF;color: #4b4b4b;border: 1px solid #d6d6d6;padding-left: 0 !important;padding-right: 0 !important;height:20px;}
        .f4tbl4 td.wrap {white-space:normal;}
        .f4tbl4 td.round_lt { border-radius:5px 0 0 0 !important; border-left:2px solid #abb4bb; }
        .f4tbl4 td.round_rt { border-radius:0 5px 0 0 !important; border-right:2px solid #abb4bb; }
        .f4tbl4 td.round_rb { border-radius:0 0 5px 0 !important; border-right:2px solid #abb4bb;}
        .f4tbl4 td.round_lb { border-radius:0 0 0 5px !important; border-left:2px solid #abb4bb;}

        .f4tbl4 td.bold_r {border-right:1px solid #abb4bb; }
        .f4tbl4 td.bg_CI {background-color:#EFEFEF;}
        .f4tbl4 td.bg_RR {background-color:#EFEFEF;}
        .f4tbl4 td.bg_RV {background-color:#EFEFEF;}

        .f4tbl4 td a img {border-bottom: 0px;}
    .f4tbl4 tfoot th {background-color:#f9f9f9;color:#ff8a00;}
    .f4tbl4 tfoot td {background-color:#fdfdfd;color:#ff8a00;}
    .f4tbl4 th,
    .f4tbl4 td {padding:3px;white-space:nowrap;}

/* 공지사항 */
.f4tbl5 {border-collapse: collapse;width: 100%;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
    .f4tbl5 th {background-color:#676a6d;font-weight:normal;color:#fff;white-space:nowrap;}
    .f4tbl5 th a {color:#fff;white-space:nowrap;display:inline-block; text-decoration:none !important}
    .f4tbl5 td {color:#4b4b4b;border-bottom:1px solid #d6d6d6;}
        .f4tbl5 td.wrap {white-space:normal;}
        .f4tbl5 td a img {border-bottom: 0px;}
    .f4tbl5 tfoot th {background-color:#f9f9f9;color:#ff8a00;}
    .f4tbl5 tfoot td {background-color:#fdfdfd;color:#ff8a00;}
    .f4tbl5 th {padding:5px 1px;white-space:nowrap;}
    .f4tbl5 td {padding:4px 3px 1px 3px;}

.f4tblview {border-top:1px solid #d6d6d6;}
    .f4tblview th {padding:4px 4px 4px 0;background-color:#fff;text-align:right;color:#676a6d;border-bottom:1px solid #d6d6d6;}
        .f4tblview th a {color:inherit;}
    .f4tblview td {padding:4px 0 4px 4px;}

.f4tblview1 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
    .f4tblview1 th {padding:4px 4px 4px 0;background-color:#998675;text-align:right;color:#fff;border-bottom:1px solid #d6d6d6;}
    .f4tblview1 th a {border-bottom: 1px solid; padding-bottom: 0.5px; text-decoration:none !important}
    .f4tblview1 td {padding:3px 0 3px 4px;border-bottom:1px solid #d6d6d6 !important;}

.f4tblview2 {}
    .f4tblview2 th {padding:4px 4px 4px 0;background-color:#7c9fca;text-align:right;color:#fff;border-bottom:1px solid #d6d6d6;}
    .f4tblview2 th a {border-bottom: 1px solid; padding-bottom: 0.5px; text-decoration:none !important}
    .f4tblview2 td {padding:3px 0 3px 1px;border-bottom:1px solid #d6d6d6;}
    .f4tblview2 tr td {padding-left:4px;}

.f4tblview3 {border:2px solid #998675;}
    .f4tblview3 th {padding:4px 4px 4px 0;background-color:#998675;text-align:right;color:#fff;border-bottom:1px solid #d6d6d6;}
    .f4tblview3 td {padding:3px 0 3px 4px;border-bottom:1px solid #d6d6d6;}

.f4tblview4 {}
    .f4tblview4 th {padding:4px 4px 4px 0;background-color:#9f9da0;text-align:right;color:#fff;border-bottom:1px solid #d6d6d6;}
    .f4tblview4 th a {border-bottom: 1px solid; padding-bottom: 0.5px; text-decoration:none !important}

.f4tblcalender {}
    .f4tblcalender td {border-bottom:0;}
.setScroll {overflow-x:hidden;overflow-y:auto;}
    .setScroll div {white-space:initial;}

.f4tblbtn {}
    .f4tblbtn th, .f4tblbtn td {padding:1px 0;background-color:none;border:none;}
    .f4tblbtn td img {margin:1px 0;}

.f4tblnoline {}
    .f4tblnoline td, .f4tblnoline th {border:none !important;}

.f4tblline {}
    .f4tblline th {border:1px solid #ccc;}
    .f4tblline td {padding-right:5px; border:1px solid #ccc;}

.f4tblnopd {}
    .f4tblnopd td {padding:0;}


.f4tblbdth {border-top:1px solid #d6d6d6}
    .f4tblbdth th {border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
    .f4tblbdth th:first-child {border-left:1px solid #d6d6d6;}

.f4tblsum {}
    .f4tblsum tr.sum {color:#ff8a00;}
        .f4tblsum tr.sum td {color:inherit;}

.leftline {border-right:1px solid #ccc !important;}


.box {border:1px solid #d6d6d6;}
    .box td {border:0px;}

div.box {padding:2px;border:2px solid #ee9a1a;}
div.box2 {padding:2px;border:2px solid #7c9fca;}
div.box3 {padding:2px;border:1px solid #ccc;border-radius:5px;}
/* 20150830 추가 */
div.box4 {padding:2px;border:2px solid #ee9a1a;background-color:#fff;}
div.box5 {padding:2px;border:2px solid #7c9fca;background-color:#fff;}


div.pagging {margin:0 auto;text-align:center;border:0;margin-top:7px;}
    div.pagging a, div.pagging font {display:inline-block;text-align:center;border:1px solid #d9d9d9;text-decoration:none;width:37px;line-height:22px;margin:0 2px;color:#7e858e;font-weight:bold;overflow:hidden;}
    div.pagging img{transform:translateY(0px);}
    div.pagging>img{margin-bottom:20px;transform:translateY(2px);}
        div.pagging a:hover {border:1px solid #b7bbbe;}
    div.pagging font {background-color:#676a6d;color:#fff;}
    div.pagging a font {background-color:#fff;padding:0;border:0;}


/* 로그인 폼 */
.loginarea {width:320px;height:auto;background-repeat:no-repeat;}
    .loginarea .logo {display:block;}
        .loginarea .logo img {width:auto;display:block; margin:0 auto;}
    .loginarea .premier_logo {display:block; margin:80px 0 20px;}
        .loginarea .premier_logo img {width:315px;height:97px;display:block; margin:0 auto;}
    .loginarea .loginform {width:100%;}
        .loginarea .loginform table {height:auto;width:100%;}
        .loginarea .loginform table td{position:relative;}
            .loginarea .loginform table input {background:#211d34 !important;width:100%;font-size:18px;font-weight:normal;text-indent:50px;color:#fff;border:none !important;border-bottom:1px solid #404050 !important;line-height:50px;border-radius:0px; height:50px;margin-bottom:20px;}
            .loginarea .loginform table input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #211d34 inset;-webkit-text-fill-color:#fff;}
                .loginarea .loginform table input[type=password] {margin-top:-6px;}
            .loginarea .loginform table input:focus {outline: none;}
            .loginarea .loginform table img {margin-left:-30px;margin-top:0px;}
        .loginarea a.link {position:absolute;right:65px;bottom:90px;width:100px;height:25px;display:block;border:1px;}
        .loginarea a.mail_link {position:absolute;right:50px;bottom:60px;width:140px;height:25px;display:block;border:1px;}
        .login_btn>a{width:100%;display:block;height:50px;margin:20px 0 20px;text-align:center;line-height:50px;text-decoration:none;background:#d34244;border-radius:25px;color:#fff;font-size:18px;}
/* 홈화면 */
#wcm_110 {margin-top:0px;width:1180px}
.con_left {width:655px;float:left; margin-top: 10px}
.con_right {width:320px;float:left;margin-left:3px;margin-top: 7px}
.section {position:relative;height:200px;margin-top:3px;background-color:#fff;border:1px solid #c7c7c7;border-top:0;float:left;box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
    .section h2 {height:28px !important;line-height:28px;background-color:#4c70b9 !important;padding:0 0 0 10px !important; color:#fff !important; margin-top:0 !important;} /*font-family: 'Helvetica Neue';*/
    .section p.btn_more {position:absolute;top:7px;right:10px;}
    .section p.tit_nights {position:absolute;top:7px;right:190px; color:#fff;}
    .section p.tit_adult {position:absolute;top:7px;right:140px; color:#fff;}
    .section p.tit_child {position:absolute;top:7px;right:90px; color:#fff;}
    .section p.tit_baby {position:absolute;top:7px;right:40px; color:#fff;}
    .section p.tit_arr_date_R {position:absolute;top:7px;right:304px; color:#fff;}
    .section p.tit_nights_R {position:absolute;top:7px;right:235px; color:#fff;}
    .section p.tit_adult_R {position:absolute;top:7px;right:185px; color:#fff;}
    .section p.tit_child_R {position:absolute;top:7px;right:135px; color:#fff;}
    .section p.tit_baby_R {position:absolute;top:7px;right:87px; color:#fff;}
    .section div.scroll {height:240px;overflow-y:scroll;}
ul.tab_menu_2 {position:absolute;top:0;right:43px;}
    ul.tab_menu_2 li {float:left;background-image:url('/Content/images/Skin/Main/tab_gm_off.gif');width:79px;text-align:center;background-position-y:6px;background-repeat:no-repeat;margin-left:4px;display:none;}
    ul.tab_menu_2 li.on {background-image:url('/Content/images/Skin/Main/tab_guest_on.gif');display:block;}
        ul.tab_menu_2 li a {display:inline-block;line-height:32px;text-decoration:none;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;color:#a39182;margin-top:2px;}
ul.list {margin:5px 10px 0;}
    ul.list li {overflow:hidden;padding:4px 0 4px;border-top:1px solid #d6d6d6;}
    ul.list li:first-child {border:0;}
        ul.list li a.tit {float:left;color:#4d4d4d;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-decoration:none;}
        ul.list li a.tit_type_1 {width:340px;}
        ul.list li a.tit_type_2 {width:217px;}
        ul.list li a.tit_type_3 {width:200px;}
        ul.list li a.tit_type_4 {width:200px;}
        ul.list li span.no {float:left;color:#ff8b01;margin-right:20px;}
        ul.list li span.user {float:left;margin-left:5px;color:#4d4d4d;}
        ul.list li span.date {float:left;margin-left:30px;color:#8e8e8e;}
        ul.list li span.date_2 {float:right;margin-left:27px;color:#8e8e8e;}

.section1 {width:100%; border-radius:5px; overflow:hidden;box-sizing:border-box;}
.section5 {width:320px; border-radius:5px; overflow:hidden;box-sizing:border-box;}
.section6 {width:327px; border-radius:5px; overflow:hidden;box-sizing:border-box;}
.section2, .section4 {width:326px; border-radius:5px; overflow:hidden; box-sizing:border-box;}
.section2 ul.list li span.date {float:right;margin-left:0;}
.section2 ul.list li span.folio_type {float:left;}
.section2 ul.list li span.room_type {float:right;margin-left:3px;}

.section3 {height:145px;width:325px; border-radius:5px; overflow:hidden;}

.mainimg {border:1px solid #c7c7c7;border-radius:5px; overflow:hidden;}
.btn_room {overflow:hidden;margin-top:11px;clear:both;zoom:1;}
    .btn_room a {float:left;}

.ml10 {margin-left:2px;}
.mt10 {margin-top:10px;}
.h_254 {height:254px;}
.h_170 {height:170px;}
/* 인디게이터 */
#SubMenuLy {}
    #SubMenuLy table {background-color:#3d4145;border-collapse:collapse;}
    #SubMenuLy table td {color:#fff;padding:4px 7px;font-weight:200;font-size:13px;}
    #SubMenuLy table td:hover {background-color:#eaeaea;color:#000;cursor:pointer;}
        #SubMenuLy table td.disabled {color:#999;cursor:default;background-color:#3d4145;}
        #SubMenuLy table td font {color:inherit;cursor:inherit;font-size:inherit;}


.nobg {background:none;}

input {
    background: #f4f7fa;
    font-size: 14px;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
    input[type=checkbox], input[type=radio] {
        border-color: inherit !important;
    border-width: 0 !important;
    height:13px;
        border-style:none !important;
        position:relative;
        vertical-align:-2px;
    top: 0px;
    left: 0px;
}
select {
    background: #f4f7fa;
    height:20px;
    font-size: 14px;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #f9f9f9;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
img[src*="search.gif"], img[src*="btn_enter.gif"] {
    vertical-align:middle !important;
}
textarea {
    border: 1px solid #c0c0c0;
    padding:2px;
    white-space:pre-wrap;
}

label {
    display:inline-block;
    position:relative;
    top:0;
}

.searchText {
    background-color: rgb(233, 225, 218);
    border: 1px solid #C0C0C0 !important;
    color: #686961;
    /*font-family: "돋움", Dotum;*/
    font-size: 10pt;
}

.maskdate {width:75px;text-align:center;}
.maskdate1 {width:75px;text-align:center;}
.maskdate2 {width:45px;text-align:left;}

/* 버튼 */
.btn {overflow:hidden;display:inline-block;height:22px;width:88px;color:#fff;background:url("/Content/images/btn/btn_01.png") no-repeat 0 0;}
.btn span {float:left;text-align:center;color:#fff;cursor:inherit;margin:8px 5px 0 0;text-align:center;width:inherit;}

.btn_2 {overflow:hidden;display:inline-block;height:22px;width:87px;color:#fff;background:#656173;border-radius:20px; text-decoration:none;}
.btn_2_on {overflow:hidden;display:inline-block;height:22px;width:87px;color:#fff;background:#4c70b9 ;border-radius:20px; text-decoration:none;}
.btn_2 span,.btn_2_on span {float:none;text-align:center;color:#fff;cursor:inherit;margin:0px 0px 0 0;text-align:center;width:100%; height:22px; line-height:22px; display:block; }

.btn_base {display:inline-block;color:#fff !important;background:url();background-color:#949ca5;border-radius:3px;text-decoration:none;padding:4px 3px 3px 3px;border:1px solid #8b939d;}


u {border-bottom: 1px solid; padding-bottom: 1px; text-decoration:none !important}  /* 전체페이지 U 제거 안하고, 밑줄 표시 없게 만들기. */
.title_2l {display: none;}
.menuTitle {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; margin-left:5px; padding-top:10px; padding-bottom:10px; font-size:23px; font-weight:bold; color:#3f4448;}
.readonly {background-color: #e2d5c9;}

/* 스위치 토글 버튼 */
.switch-wrapper {
      display: inline;
      font-size:12px;
      font-weight:bold;
      width:45px;
    }
    .switch-wrapper input[type=checkbox] {display:none;}


.TinyTools.ToggleSwitch .NubWrapper .Nub {
    background:#ffc125;
    /*background: -moz-linear-gradient(top,#ffc125 0%,#ffc125 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#ffc125));
    background: -webkit-linear-gradient(top,#fff 0%,#ffc125 100%);
    background: -o-linear-gradient(top,#fff 0%,#ffc125 100%);
    background: -ms-linear-gradient(top,#ffc125 0%,#ffc125 100%);
    background: linear-gradient(to bottom,#ffc125 0%,#ffc125 100%);*/
}

.TinyTools.ToggleSwitch .NubWrapper .OnSide {
    background:#2d3234 ;
}
.TinyTools.ToggleSwitch .NubWrapper .OnSide span {width:25px;padding-top:3px;}
.TinyTools.ToggleSwitch .NubWrapper .OffSide {
    background:#2d3234;
}
.TinyTools.ToggleSwitch .NubWrapper .OffSide span {width:25px;padding-top:3px;}

.bgnoprint1 {width:100%; border:2px solid #cccccc;}

.r2px {border-right:2px solid #ccc !important;}
.rl2px {border-left:2px solid #ccc !important; border-right:2px solid #ccc !important;}
.l2px {border-left:2px solid #ccc !important;}
.t2px {border-top:2px solid #ccc !important;}
.b2px {border-bottom:2px solid #ccc !important;}
.bt2px {border-bottom:2px solid #ccc !important;border-top:2px solid #ccc !important;}
.bt2px_2 {border-bottom:2px solid #abb4bb !important;border-top:2px solid #ccc !important;}
.all2px {width:100%; border:2px solid #ccc !important;}


/*#man_wrap { position:absolute; left:0; top:0; z-index:9999; width:100%; height:100%; }*/
/*.man_close {background:#fff; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; position:absolute; left:0; top:0; height:100%; width:100%; z-index:10; cursor:pointer; }*/
/*.man_posa { position:absolute;}*/
.man_layout {padding:0 0 30px 0;}
.man_ins { border-radius:3px; box-shadow: 3px 1px 10px 0 #666a6d; background:#fff; width:245px; padding:15px 0;} 
.mic_top { padding:0 15px; }
.mic_cont { padding:0 15px; }
.on_over { position:absolute; left:5px; top:-15px; }
.btn_pm { position:absolute; right:5px; bottom:10px; z-index:101; }
.mic_top li { border-bottom:1px solid #eaeaea; text-align: left}
.mit1 { padding:5px 3px; font-weight:500; font-size:18px; line-height: 18px}
.mit1 strong span { color:#000; float:left; font-weight:500; font-size:24px !important; }
.mit1 span { color:#4e668a; float:right; font-weight:500; font-size:15px !important;}
.mit1 span.IRoomRate, .mit1 span.IBalance {font-size:13px !important;color:#2d3235 !important;}
.mit1 span.rate {color:#ff5e00;}
.mit2 { padding:5px 3px 2px; font-weight:500; font-size:14px; color:#2d3235; }
.mit2 strong span{ font-weight:700; font-size:18px !important; white-space: break-spaces;}
.mit3 { padding:5px 3px 5px; font-weight:500; font-size:20px; color:#2d3235; position:relative; }
.mit3 span{ font-weight:500; font-size:14px !important;}
.mit3 strong.sdate span{display:inline-block;  font-weight:400; font-size:16px !important;}
.mit3 > span { text-align:center; }
.mic_cont { }
.mic_cont li { padding:11px 0 0px 15px; text-align: left;}
.mic_cont li.fchild { margin-top:6px; }
.mdt { background:url(/Content/images/arr_yellow.jpg) 0px 15px no-repeat; color:#808183; font-size:12px;}
.mdb { background:url(/Content/images/arr_grey.jpg) 15px 12px no-repeat; color:#eaeaea; font-size:12px; }

.mdt a {color: #000;display:block; }

.cfx:after{display:block;clear:both;content:"";}
.cfx{zoom:1;overflow:hidden;}


#folioInfo {background-color:#3d4145;width:176px;padding:5px;border-bottom:2px solid #fff;}
#folioInfo > ul {font-size:12px;color:#fff;}
#folioInfo > ul .info1 {padding:3px 0;}
#folioInfo > ul .info1 .IFolioNo {color:#fff;float:left;}
#folioInfo > ul .info1 .IRstatus {color:#fff;float:right;}
#folioInfo > ul .info1 .I_date {color:#fff;}
#folioInfo > ul .info1 .I_nights {color:#fff;float:right;}
#folioInfo > ul .info1 .IGuest {color:#fff;}
#folioInfo > ul .info1 .IRoomRate {color:#fff;}
#folioInfo > ul .info1 .IBalance {color:#fff;}
#folioInfo > ul .info1 .rate {float:right;}



 #div_x {height: 600px;width:1920px; overflow-y: auto;}

 /* 다국어 선택 버튼*/
    .section_Lang {display: block; float: left; margin-top: 9px}
	.section_Lang > label {display:block;width:14px;margin-left:3px; opacity:0.5; float:left;text-align:center;vertical-align:middle;padding:3px 0;color:#f8303f;font-size:12px;font-weight:bold;background:#fff; cursor:pointer;border-radius:3px;}
	.section_Lang > label.on {opacity:1;}
	.section_Lang > input[type=radio] {}
	.section_Lang > label.first {}
	.section_Lang > label.last {}
/*.section_Lang > input[type=radio]:checked + label:before {background-color:#ffc125;}*/

.MenuLeft ul li.li_Submenu .Folder_SubMenu {display:none;}
.MenuLeft ul li.selected .Folder_SubMenu {display:block;}
li.li_Submenu2_off .Folder_SubMenu {display:none;}
li.li_Submenu2_on .Folder_SubMenu {display:block;}
.li_Submenu a {text-decoration: none;color: black;}
.selected a {text-decoration: none;color: black;}
.li_Submenu2_on a {text-decoration: none;color: black;}
.li_Submenu2_off a {text-decoration: none;color: black;}

/*.Folder_SubMenu span.SubMenuLeft { background: url(/Content/images/Icons/icosubmenu2.png) 0 0 no-repeat;}*/
.Folder_SubMenu ul li a {text-decoration: none;display:inline-block;}
.Folder_SubMenu ul li a span {color:black;} 

.fdesk_button620 {display:inline-block;width:62px;height:22px; line-height:22px; text-align:center; text-decoration:none; color:#fff; border:1px solid #898989; border-radius:5px;background:#656173;}
.fdesk_button820 {display:inline-block;width:82px; height:22px; line-height:22px; text-align:center; text-decoration:none; color:#fff; border:1px solid #898989; border-radius:5px;background:#656173;}
.fdesk_button1020  {display:inline-block;width:101px;  height:22px; line-height:22px; text-align:center; text-decoration:none; color:#fff; border:1px solid #898989; border-radius:5px;background:#656173;}
.fdesk_button102_B {display: inline-block;width: 101px;height: 50px;line-height: 25px;text-align: center;text-decoration:none;color: #fff; border: 1px solid #898989;border-radius: 5px;background: #656173;}
.fdesk_button82_o {display: inline-block; width: 82px; height: 25px; line-height: 25px; text-align: center; text-decoration: none; color: #f8303f; border: 1px solid #f8303f; border-radius: 5px; cursor: pointer; background-color: #fff} 
.fdesk_button102_o {border:none;cursor:pointer;width:102px;width:102px; height:23px;color:white;border-radius: 4px;background-color: #d6d6d6;}
.fdesk_button112 {border:none;cursor:pointer;width:auto;width:102px; height:23px;color:white;border-radius: 4px;background-color: #949ca5;}
.fdesk_button112MC {border:none;cursor:pointer;width:60%;min-width:183px; height:30px;color:#444c67;border:1px solid #444c67 !important;border-radius: 4px;background-color: #fff; text-align:left;padding-left:10px;text-indent:35px;}
.fdesk_button112MCP {border:none;cursor:pointer;width:112px;min-width:183px;height:35px;color:white;border-radius: 4px;background-color: #949ca5;padding-left:1px; font-size:5px}
.fdesk_tapbutton82{display:block;width:82px; height:22px; line-height:22px; text-align:center; text-decoration:none; color:#fff; border:1px solid #898989;border-radius:0px 5px 0 0 ;background:#656173;float:left;}
.fdesk_tapbutton82off{display:block;width:82px; height:22px; line-height:22px; text-align:center; text-decoration:none; color:#fff; border:1px solid #656173;border-radius:0px 5px 0 0 ;color:#656173;background:#fff;float:left;}
.small_button{height:20px !important;line-height:20px !important; font-size:11px !important;}
.btnmaid {border:none;cursor:pointer;width:48%;height:31px;color:white;border-radius: 4px;background-color: #949ca5;font-size:14px;font-weight:bold;}
.btnmaid_hidden {border:none;cursor:pointer;width:48%;height:31px;color:#7e7d7d;border-radius: 4px;background-color: #c6c6c6;font-size:14px;font-weight:bold;}

.tbtBorder {border: 2px solid #abb4bb;}
/*.tbtBorder tr td {border:solid 0.1px}*/
.tbtBorder_tr {background-color:#efefef;}

/* fdesk remake */
.fdesk_button62 {display: inline-block;width: 62px;height:22px; line-height:22px;text-align: center;text-decoration: none;color: #16425a;border: 1px solid #16425a;background-color:#fff;border-radius:0.5rem; cursor: pointer;}
.fdesk_button82 {display: inline-block;width: 82px;height:22px; line-height:22px;text-align: center;text-decoration: none;color: #16425a;border: 1px solid #16425a;background-color:#fff;border-radius:0.5rem; cursor: pointer;}
.fdesk_button102 {display: inline-block;width: 101px;height:22px; line-height:22px;text-align: center;text-decoration: none;color: #16425a;border: 1px solid #16425a;background-color:#fff;border-radius:0.5rem; cursor: pointer;}
.fdesk_button122 {display: inline-block;width: 122px;height: 40px;line-height: 25px;text-align: center;text-decoration: none;color: #16425a;border: 1px solid #16425a;background-color:#fff;border-radius:0.5rem; cursor: pointer}
.fdesk_button125 {display: inline-block;width: 125px;height:22px; line-height:22px;text-align: center;text-decoration: none;color: #16425a;border: 1px solid #16425a;background-color:#fff;border-radius:0.5rem; cursor: pointer;}
.fdesk_button142 {display: inline-block;width: 142px;height:22px; line-height:22px;text-align: center;text-decoration: none;color: #16425a;border: 1px solid #16425a;background-color:#fff;border-radius:0.5rem; cursor: pointer;}

.fdesk_buttonsave62 {display: inline-block;width: 62px;height:22px; line-height:22px;text-align: center;text-decoration: none;color: #fff;background:#444c67;border-radius:0.5rem;border: 1px solid #444c67; cursor: pointer;}
.fdesk_buttonsave82 {display: inline-block;width: 82px;height:22px; line-height:22px;text-align: center;text-decoration: none;color: #fff;background:#444c67;border-radius:0.5rem;border: 1px solid #444c67; cursor: pointer;}
.fdesk_buttonsave102 {display: inline-block;width: 101px;height:22px; line-height:22px;text-align: center;text-decoration: none;color: #fff;background:#444c67;border-radius:0.5rem;border: 1px solid #444c67; cursor: pointer;}
.fdesk_buttonbig102 {display: inline-block;width: 101px;height: 40px;line-height: 40px;text-align: center;text-decoration: none;color: #fff;background:#444c67;border-radius:0.5rem;border: 1px solid #444c67; cursor: pointer;}


.fdesk_buttonicon1 {display: inline-block;width: 25px;height:22px; line-height:22px;text-align: center;text-decoration: none;color: #fff;border: 1px solid #80befc;border-radius: 5px; cursor: pointer;background:url(/Content/images/btn/add_btn.png) no-repeat center center #c4d9ef;background-size:auto;text-indent:-999em;}
.fdesk_buttonicon2 {display: inline-block;width: 25px;height:22px; line-height:22px;text-align: center;text-decoration: none;color: #fff;border: 1px solid #80befc;border-radius: 5px; cursor: pointer;background:url(/Content/images/btn/delete_btn.png) no-repeat center center;background-size:100%;text-indent:-999em;}
.fdesk_buttonicon3 {display: inline-block;width: 25px;height: 25px;border: 1px solid #17297c;border-radius: 5px; cursor: pointer;background:url(/Content/images/btn/search_Btn2.png) no-repeat center center;background-size:85%;}

.Fdesk_btn_type1 {display: inline-block;width: 60px;height:22px; line-height:22px;text-align: center;text-decoration: none;color: #303548;border: 1px solid #303548;background-color:#fff;border-radius: 5px;}
.Fdesk_btn_type2 {display: inline-block;width: 60px;height:22px; line-height:22px;text-align: center;text-decoration: none;color: #898989;border: 1px solid #898989;border-radius: 5px;}

.covid_box{
    margin-bottom:10px;
}
.covid_box>p{
    margin-bottom:10px;
}
.covid_box>label{
    margin-left:15px;
}
.covid_box>label:first-of-type{
    margin-right:10px;
}
.covid_box>label>input{
    margin-right:10px;
}

/* Alert / Confrim CSS*/

.alert_popup,.confirm_popup{
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:95%;
    max-width:400px;
    background:#fff;
    box-shadow:3px 3px 3px rgba(0,0,0,0.4);
    overflow:hidden;
    z-index:100001;
    border-radius:10px;
    border:0px;
}

.alert_popup_bg{
    display:none;
     position:fixed;
     left:0;
     top:0px;
     width:100%;
     height:100%;
     background:rgba(0,0,0,0.1);
     z-index:100000;
}

.alert_btn_box, .confirm_btn_box,.info_btn_box{
    width:100%;
    height: 50px;
}
.alert_btn_box>button{
    display:block;
    width:100%;
    height:50px;
    background:#8cb9ee;
    border:0px;
    color:#111;
    font-weight:bold;
    font-size:16px;
    cursor:pointer;
}

.confirm_btn_box>button{
    display:block;
    width:50%;
    border:0px;
    height:50px;
    float:left;
    background:#dcdcdc;
    font-weight:bold;
    font-size:16px;
    cursor:pointer;
}
.confirm_btn_box > button:nth-child(2) {
    background:#8cb9ee;
    color:#111;
}
.mobile_alert{
    top: 400px;
    left: 400px;
    transform:none;
}

/* Alert / Confrim CSS 끝*/


/* WRV400_U201 */
.checkin_popup tr{height:24px;}
.checkin_popup th{background:none !important; border-bottom:0px !important; padding:1px 0px;}
.checkin_popup td{background:none !important; border-bottom:0px !important; padding:1px 0px 1px 4px;}
.checkin_popup th>span{border-radius:3px;height:20px;line-height:20px; display:block;text-align:center; padding:3px 0; background:#dae4f7; color:#4e6a91;}
.checkin_popup td>input{height:22px; border-radius:3px;text-indent:3px; border:1px solid #e1e1e1;text-align:left; display:inline-block;font-size:12px;}
.checkin_popup td>select{height:24px;border-radius:3px;text-indent:3px; border:1px solid #e1e1e1;display:inline-block;font-size:12px;}
.checkin_popup2 th{background-color:#75869c !important;text-align:center;font-size:12px !important;}
.checkin_popup2 td{text-align:center;}
.checkin_popup2 td>input{display:block;margin:0 auto; border-radius:3px;border:1px solid #e1e1e1;padding-right:2px;}

/*리스트의 리마크 항목 마우스오버시 레이어팝업형태로 내용표시하기 */
.dataColPPfunc {
    max-width: 400px;
    text-overflow: ellipsis;
    /*width: 400px;*/
    overflow: hidden;
    display: block;
}

.dataColPPmouseon {
    position: relative;
    white-space: initial !important;
}

.dataColPPshow {
    position: absolute;
    border: 2px solid #006262;
    padding: 2px;
    background-color: #fff;
    top: 30px;
    left: 10px;
    min-height: 20px;
    min-width: 400px;
    max-width: 600px;
    z-index: 9999;
}
.dataColPKG {
    min-width: 120px!important;
}
.dataColRemark {
    width: 400px!important;
}
.dataColGuestNm {
    min-width: 180px!important;
}
/*이미지 미리보기 css */

.image_preview_title {
    clear: both;
    margin: 0;
    padding:1em 0;
    color:#000;
}
#image_preview{
    z-index: 99;
    position: absolute;
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px;
    display: none;
    color: #fff;
}

#image_preview>img{
    width:auto;
    max-height: 300px;
}