/*basic-set*/
input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;
-moz-box-sizing :border-box;
    box-sizing :border-box;
    line-height:auto;
    vertical-align:top;
}
* {word-break:keep-all;}
/* * { position:relative; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); word-break:keep-all; }*/
.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:98; }


/* layout */
body { background:#edf0f5; height:100%; }
#wrap { min-width:1800px; height:100%; min-height:1320px; position:relative;}

#header { background:#2d3539; height:56px; z-index:10; position:relative; }
#header h1 { position:absolute; top:12px; left:11px; }
#header h1 a {  display:block; padding-left:44px; background:url(../img/common/logo.png) no-repeat 0 0; font-size:20px; line-height:30px; color:#fff; font-weight:700;background-size:32px; }
#header h1 a:hover { text-decoration:none; }

#tm { position:absolute; top:18px; right:10px; }
#tm li { float:left; padding:0 10px; position:relative;}
#tm li:before { content:''; position:absolute; top:5px; left:0; width:1px; height:10px; background:#202528; }
#tm li:first-child:before { display:none; }
#tm li>a { display:block; line-height:20px; color:#fff; font-weight:700; }
#tm li>a:hover { text-decoration:none; }
#tm li>a.bt_arrow { padding-right:22px; }
#tm li>a.bt_arrow:after{ content:''; position:absolute; top:7px; right:0; width:11px; height:6px; background:url(../img/common/h_select_arrow.png); }
#tm li>a.on.bt_arrow:after{ transform:rotate(180deg); -webkit-transform:rotate(180deg); }
#tm li>a.bt_download { line-height:18px; border:1px solid #969a9c; border-radius:10px; padding:0 14px; }

#footer { position:relative; }
#footer .wrap { position:relative; width:980px; height:70px; margin:0 auto; }
#footer .wrap .logo { position:absolute; top:13px; left:28px; }
#footer .wrap .info { position:absolute; top:14px; left:248px; width:650px; font-size:11px; color:#6a6a6a; line-height:14px; }

#container { height:calc(100% - 56px); position:relative; }
#container:after { content:''; clear:both; display:block; height:0; visibility:hidden; }

#gnb { position:absolute; top:0; left:0; width:300px; bottom:0; color:#fff; background:#000;  }
#gnb:before { content:''; position:absolute; top:0; left:0; bottom:0; width:300px; background:#2a383f; }

#m_contents { float:left; width:calc(100% - 340px); padding:0 20px; margin-left:300px; position:relative;}

ul.tab_gnb { position:absolute; top:0; left:0; bottom:0; z-index:1; margin-top:126px;}
ul.tab_gnb li { width:74px; padding-bottom:1px; }
ul.tab_gnb li:before { content:''; position:absolute; bottom:0; left:0; right:1px; height:1px; background:#202528; }
ul.tab_gnb li a { display:block; height:28px; padding-top:45px; opacity:0.4; -webkit-opacity:0.4; color:#ededed; text-align:center; background-repeat:no-repeat; background-position:center 15px; }
ul.tab_gnb li:nth-child(1) {position:absolute; top:0; left:0}
ul.tab_gnb li:nth-child(2) {position:absolute; top:0; left:76px}
ul.tab_gnb li:nth-child(3) {position:absolute; top:0; left:151px}
ul.tab_gnb li:nth-child(4) {position:absolute; top:0; left:226px}
ul.tab_gnb li:nth-child(1) a { background-image:url(../img/common/ic_lm01.png); }
ul.tab_gnb li:nth-child(2) a { background-image:url(../img/common/ic_lm02.png); }
ul.tab_gnb li:nth-child(3) a { background-image:url(../img/common/ic_lm03.png); }
ul.tab_gnb li:nth-child(4) a { background-image:url(../img/common/ic_lm04.png); }
ul.tab_gnb li a:hover { text-decoration:none; }
ul.tab_gnb li.active a { opacity:1; -webkit-opacity:1; }
ul.tab_gnb li:nth-child(1).active {
    background: -webkit-linear-gradient(-45deg, #3a81de 0%,#3c7adf 100%);
    background: linear-gradient(135deg, #3a81de 0%,#3c7adf 100%); }
ul.tab_gnb li:nth-child(2).active {
    background: -webkit-linear-gradient(-45deg, #485ed6 0%,#4c5cd6 100%);
    background: linear-gradient(135deg, #485ed6 0%,#4c5cd6 100%); }
ul.tab_gnb li:nth-child(3).active {
    background: -webkit-linear-gradient(-45deg, #4254d2 0%,#414dd7 100%);
    background: linear-gradient(135deg, #4254d2 0%,#414dd7 100%); }
ul.tab_gnb li:nth-child(4).active {
    background: -webkit-linear-gradient(-45deg, #5245b7 0%,#523db4 100%);
    background: linear-gradient(135deg, #5245b7 0%,#523db4 100%); }
.tab_gnb_content {  display:none; position:relative;}
.tab_gnb_content:before { content:''; position:absolute; top:0; left:-52px; bottom:0; width:51px; background:#263239; }

#tab_gnb_c01:before { border-right:1px solid #2e4d77; }
#tab_gnb_c02:before { border-right:1px solid #304477; }
#tab_gnb_c03:before { border-right:1px solid #323e78; }
#tab_gnb_c04:before { border-right:1px solid #3f3c83; }
.tab_gnb_content.on { display:block; }
.tab_gnb_content .t_area { padding:14px 30px 10px; margin-bottom:74px;}
#tab_gnb_c01 .t_area {
    background: -webkit-linear-gradient(-45deg, #3b9ce9 0%,#497cf0 100%);
    background: linear-gradient(135deg, #3b9ce9 0%,#497cf0 100%); }
#tab_gnb_c02 .t_area {
    background: -webkit-linear-gradient(-45deg, #3f7eef 0%,#566cf6 100%);
    background: linear-gradient(135deg, #3f7eef 0%,#566cf6 100%); }
#tab_gnb_c03 .t_area {
    background: -webkit-linear-gradient(-45deg, #4373e1 0%,#524fe4 100%);
    background: linear-gradient(135deg, #4373e1 0%,#524fe4 100%); }
#tab_gnb_c04 .t_area {
    background: -webkit-linear-gradient(-45deg, #5b66d0 0%,#6b4cd5 100%);
    background: linear-gradient(135deg, #5b66d0 0%,#6b4cd5 100%); }
.tab_gnb_content .t_area .profile { text-align:center; margin-bottom:14px; }
.tab_gnb_content .t_area .profile .ph { width:60px; height:60px; margin:0 auto 8px; }
.tab_gnb_content .t_area .profile .name { font-size:16px; line-height:18px; color:#fff; }
.tab_gnb_content .l_search {margin:15px 30px 10px 30px; height:35px; border-bottom:2px solid #4a565c; }
.tab_gnb_content .l_search input { width:100%; height:35px; background:none; border:0; font-size:13px; color:#fff; outline:0; }
.tab_gnb_content .l_search ::-webkit-input-placeholder { color:rgba(255,255,255,0.5); }
.tab_gnb_content .l_search :-ms-input-placeholder { color:rgba(255,255,255,0.5); }
.tab_gnb_content .l_search .bt_search {position:absolute; top:0; bottom:0; right:0; width:17px; background:url(../img/common/ic_left_search.png) no-repeat center 9px; text-indent:-9999px; }
.tab_gnb_content .l_search.on .bt_search { display:none; }

.tab_gnb_content .menu a:hover { text-decoration:none; }
.tab_gnb_content .menu>li { padding-bottom:1px; position:relative;}
.tab_gnb_content .menu>li:before { content:''; position:absolute; bottom:0; left:30px; right:30px; height:1px; background:rgba(255,255,255,0.08); }
.tab_gnb_content .menu>li>a { display:block; line-height:54px; padding:0 30px; font-size:14px; color:#fff; transition:none; -webkit-transition:none; }
.tab_gnb_content .menu>li>a:not(.jca-not-submenu):after { content:''; position:absolute; top:24px; right:31px; width:10px; height:10px; background:url(../img/common/ic_lm_r_arrow.png) no-repeat; opacity:0.2; -webkit-opacity:0.2; }
.tab_gnb_content .menu>li.on>a { font-size:15px; font-weight:700; box-shadow:0 10px 10px rgba(0,0,0,0.4); }

#tab_gnb_c01 .menu>li.on:hover > ul { visibility: visible}
#tab_gnb_c02 .menu>li.on:hover > ul { visibility: visible}
#tab_gnb_c03 .menu>li.on:hover > ul { visibility: visible}
#tab_gnb_c04 .menu>li.on:hover > ul { visibility: visible}
#tab_gnb_c01 .menu>li.on>a {background:#386fc6}
#tab_gnb_c02 .menu>li.on>a {background:#386fc6 }
#tab_gnb_c03 .menu>li.on>a {background:#3d51c1 }
#tab_gnb_c04 .menu>li.on>a {background:#534ab7 }

.tab_gnb_content .menu>li.on>a:not(.jca-not-submenu):after { opacity:1; -webkit-opacity:1; }
.tab_gnb_content .menu>li>ul { visibility: hidden; width:200px;  padding:13px 30px; position:absolute; left:300px; top:0; z-index:100 }
#cssmenu ul li:hover > ul {
    visibility: visible;
}
#tab_gnb_c01 .menu>li>ul { background: -webkit-linear-gradient(-45deg, #386fc6 0%,#555ec5 100%);
    background: linear-gradient(135deg, #386fc6 0%,#555ec5 100%); }
#tab_gnb_c02 .menu>li>ul { background: -webkit-linear-gradient(-45deg, #386fc6 0%,#555ec5 100%);
    background: linear-gradient(135deg, #386fc6 0%,#555ec5 100%); }
#tab_gnb_c03 .menu>li>ul { background: -webkit-linear-gradient(-45deg, #3d51c1 0%,#4949c3 100%);
    background: linear-gradient(135deg, #3d51c1 0%,#4949c3 100%); }
#tab_gnb_c04 .menu>li>ul { background: -webkit-linear-gradient(-45deg, #534ab7 0%,#6142b9 100%);
    background: linear-gradient(135deg, #534ab7 0%,#6142b9 100%); }
.tab_gnb_content .menu>li.on>ul { display:block; }
.tab_gnb_content .menu>li>ul li { position:relative; }
.tab_gnb_content .menu>li>ul li a { display:block; padding-left:11px; font-size:13px; line-height:31px; color:rgba(255,255,255,0.5); }
.tab_gnb_content .menu>li>ul li a:before { content:''; position:absolute; top:16px; left:0; width:2px; height:2px; background:rgba(255,255,255,0.5); }
.tab_gnb_content .menu>li>ul li a i { position:absolute; top:9px; right:0; min-width:12px; padding:0 2px 0 0; font-size:11px; line-height:12px; color:#fff; text-align:center; background:#ff545c; }
.tab_gnb_content .menu>li>ul li.on a,
.tab_gnb_content .menu>li>ul li a:hover  { font-size:14px; font-weight:700; color:#00ff00; }

.copyright { font-size:11px; line-height:13px; color:#bbb; letter-spacing:0; }


/* main */
.m_top_notice { margin:0 -20px 11px; height:59px; line-height:59px; background:#fff; border-bottom:1px solid #dbdde2; padding:0 320px 0 75px; }
.m_top_notice:before { content:''; position:absolute; top:10px; left:20px; width:38px; height:38px; background:url(../img/common/ic_m_t_noti.png); }
.m_top_notice .tit { display:inline-block; max-width:640px; font-size:15px; color:#555; margin-right:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:top; }
.m_top_notice .date { display:inline-block; font-size:14px; color:#aaa; margin-right:48px; vertical-align:top; }
.m_top_notice .bt_view_more { display:inline-block; line-height:24px; padding:0 15px; border:1px solid #ddd; border-radius:13px; font-size:12px; color:#555; }
.m_top_notice .bt_view_more:hover { text-decoration:none; }
.m_top_notice .bt_view_more:after { content:''; display:inline-block; width:10px; height:10px; background:url(../img/common/ic_m_t_noti_view_more.png); vertical-align:middle; margin:-3px 0 0 5px; }
.m_top_notice .r_btns { position:absolute; top:14px; right:20px; line-height:30px; }
.m_top_notice .r_btns a { display:inline-block; border:1px solid #dbdde2; background:#fff; padding:0 14px; line-height:28px; color:#555; margin-left:13px; }
.m_top_notice .r_btns a:hover { text-decoration:none; }
.m_top_notice .r_btns a.c_blue { background:#4587ec; border-color:#4587ec; color:#fff; }

.m_capacity { margin:0 -5px 20px; position:relative;}
.m_capacity:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.m_capacity .unit { float:left; width:calc(50% - 72px); height:60px; line-height:60px; padding-left:60px; border:1px solid #dbdde2; background:#fff; margin:0 5px; box-shadow:0 3px 7px rgba(0,0,0,0.08); position:relative;}
.m_capacity .unit:before { content:''; position:absolute; top:0; left:0; width:60px; height:60px; }
.m_capacity .unit.u01:before { background-image:url(../img/common/ic_m_t_capacity01.gif); }
.m_capacity .unit.u02:before { background-image:url(../img/common/ic_m_t_capacity02.gif); }
.m_capacity .unit:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.m_capacity .unit dl { float:left; width:calc(50% - 60px); padding:0 30px;  position:relative;}
.m_capacity .unit dl:first-child:after { content:''; position:absolute; top:20px; right:0; height:20px; width:1px; background:#dbdde2; }
.m_capacity .unit dl dt { position:absolute; top:0; left:30px; font-size:14px; color:#555; }
.m_capacity .unit dl dd { text-align:right; font-size:18px; font-weight:700; }
.m_capacity .unit.u01 dl dd { color:#4da282; }
.m_capacity .unit.u02 dl dd { color:#449fb1; }

.m_a_state_board { background:#fff; border:1px solid #dbdde2; margin-bottom:10px; position:relative;}
ul.tab_m_state {background: #f6f6f6;}
ul.tab_m_state:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
ul.tab_m_state li { float:left; width:16.66666666666666666666666666666%; position:relative;}
ul.tab_m_state li a { display:block; font-size:16px; line-height:60px; color:#888; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #e2e6ee; }
ul.tab_m_state li:last-child a { border-right:0; }
ul.tab_m_state li a:hover { text-decoration:none; }
ul.tab_m_state li.active a { color:#222; font-weight:700; background:#fff; border-bottom-color:transparent; }
ul.tab_m_state li a span { transition:none; -webkit-transition:none; position:relative;}
ul.tab_m_state li a span i { position:absolute; top:-5px; left:calc(100% + 5px); width:15px; padding-right:1px; height:16px; line-height:15px; border-radius:100%; text-align:center; background:#abaeb8; font-size:12px; color:#fff; font-weight:700; }
ul.tab_m_state li.active a span i { background:#03d32b; }
.tab_m_state_content { padding:19px 30px 30px; display:none; }
.tab_m_state_content.on { display:block; }

.tb_state { width:100%; border-top:2px solid #aaa; }
.tb_state th,
.tb_state td { line-height:24px; padding:7px 10px; border:1px solid #d3d8e1; border-width:0 1px 1px 0; }
.tb_state th:last-child,
.tb_state td:last-child { border-right:0; }

.tb_state th { font-size:14px; color:#888; font-weight:normal; }
.tb_state th:before { content:''; position:relative; top:0; left:0; right:0; bottom:0; }
.tb_state td { border-color:#e9ebf0; font-size:13px; color:#666; text-align:center; }
.tb_state td.tit { text-align:left; padding:0 20px; }
.tb_state td.tit a { color:#666; }
.tb_state td .ic_state { display:inline-block; border-color:#e9ebf0; font-size:13px; color:#666; width:59px; line-height:22px; background:#fff; border:1px solid #aaa; font-size:12px; color:#aaa; text-align:center; }
.tb_state td .ic_state.s01 { border-color:#03d32b; color:#03d32b; }
.tb_state td .ic_state.s02 { border-color:#4587ec; color:#4587ec; }
.tb_state td .ic_state.s03 { border-color:#4587ec; color:#fff; background:#4587ec; }
.tb_state td .ic_state.s04 { border-color:#fd6464; color:#fd6464; }
.tb_state td .ic_state.s05 { border-color:#44b8c8; color:#44b8c8; }
.tb_state td .ic_state.s06 { border-color:#d3d8e1; color:#555; }

.m_mid_sec { margin:0 -5px 20px; position:relative;}
.m_mid_sec:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.m_mid_sec .unit { float:left; width:calc(50% - 72px); height:211px; padding:22px 30px 0; border:1px solid #dbdde2; background:#fff; margin:0 5px;  position:relative;}
.m_mid_sec .unit h2 { height:38px; border-bottom:1px solid #e2e6ee; margin-bottom:10px; font-size:16px; line-height:18px; color:#222; font-weight:700; }
.m_mid_sec .unit .bt_view_more { position:absolute; top:26px; right:30px; line-height:100%; color:#888; padding-right:14px; background:url(../img/common/ic_m_board_view_more.png) no-repeat right 1px; }

.m_board { padding-top:5px; }
.m_board li { padding:5px 85px 4px 0; font-size:13px; color:#888; position:relative;}
.m_board li .tit { line-height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.m_board li .tit span { display:inline-block; line-height:15px; padding:1px 5px 0; border:1px solid #fd6464; font-size:11px; color:#fd6464; margin-right:10px; }
.m_board li .tit a { color:#666; }
.m_board li .date { position:absolute; top:5px; right:0; }

.m_schedule dl { margin-bottom:10px; position:relative;}
.m_schedule dl:before { content:''; position:absolute; top:0; left:38px; bottom:0; width:1px; background:#aaa; }
.m_schedule dl dt { display:inline-block; padding:0 7px; line-height:30px; background:#aaa; border-radius:5px; font-size:13px; color:#fff; font-weight:700; margin-bottom:20px; }
.m_schedule dl dd { padding-left:30px; }
.m_schedule dl dd li { margin-left:19px; border:1px solid #ddd; padding:12px 19px; font-size:13px; color:#006bd3; line-height:20px; position:relative;}
.m_schedule dl dd li:before { content:''; position:absolute; top:16px; left:-19px; width:15px; height:15px; background:#aaa; border-radius:100%; }
.m_schedule dl dd li .time { position:absolute; top:12px; right:19px; padding-left:14px; background:url(../img/common/ic_m_schedule.png) no-repeat 0 5px; color:#888; }

.m_precautions { border:1px solid #dbdde2; background:#f8f9fd; margin-bottom:15px; }
.m_precautions h2 { line-height:60px; background:#fff; border-bottom:1px solid #dbdde2; padding:0 29px; font-size:16px; color:#222; font-weight:normal; }
.m_precautions h2:after { content:''; display:inline-block; width:18px; height:18px; background:url(../img/common/ic_warning.png); vertical-align:middle; margin:-3px 0 0 7px; }
.m_precautions ul { padding:16px 29px; }
.m_precautions ul li { line-height:22px; padding-left:8px; color:#555; position:relative;}
.m_precautions ul li:before { content:''; position:absolute; top:11px; left:0; width:2px; height:2px; background:#767a83; }

/*.pu_mem { position:absolute; top:calc(100% + 10px); right:0; width:340px; background:#fff; z-index:10; box-shadow:0 5px 10px rgba(0,0,0,0.25); display:none; }
.pu_mem.on { display:block; }
.pu_mem .bt_close { position:absolute; top:16px; right:16px; width:19px; height:19px; background:url(../img/common/bt_pu_close.gif); text-indent:-9999px; z-index:1; }
.pu_mem .g_tx { padding:30px 30px 20px; font-size:13px; line-height:20px; color:#888; }
.pu_mem .g_tx em { color:#000; }
.pu_mem .menu { border-top:1px solid #e2e6ef; padding:10px 0 11px; text-align:center; }
.pu_mem .menu a { display:inline-block; padding-top:54px; width:88px; height:27px; border:1px solid #dddce2; margin:0 2px; font-size:13px; color:#555; background-repeat:no-repeat; }
.pu_mem .menu a.m01 { background-image:url(../img/common/pu_mem_ic01.gif); background-position:center 14px; }
.pu_mem .menu a.m02 { background-image:url(../img/common/pu_mem_ic02.gif); background-position:center 12px; }
.pu_mem .menu a.m03 { background-image:url(../img/common/pu_mem_ic03.gif); background-position:center 11px; }
.pu_mem .menu a:hover { border-color:#00c73c; text-decoration:none; }
.pu_mem .menu a.m01:hover { background-image:url(../img/common/pu_mem_ic01ov.gif); }
.pu_mem .menu a.m02:hover { background-image:url(../img/common/pu_mem_ic02ov.gif); }
.pu_mem .menu a.m03:hover { background-image:url(../img/common/pu_mem_ic03ov.gif); }*/

.pu_mem { position:absolute; top:calc(100% + 10px); right:0; width:340px; background:#fff; z-index:10; box-shadow:0 5px 10px rgba(0,0,0,0.25); display:none; }
.pu_mem.on { display:block; }
.pu_mem .bt_close { position:absolute; top:16px; right:16px; width:19px; height:19px; background:url(../img/common/bt_pu_close.gif); text-indent:-9999px; z-index:1; }
.pu_mem .g_tx { padding:30px 30px 20px; font-size:13px; line-height:20px; color:#888; }
.pu_mem .g_tx em { color:#000; }
.pu_mem .menu { border-top:1px solid #e2e6ef; padding:10px 0 11px; text-align:center; }
.pu_mem .menu a { display:inline-block; padding-top:54px; width:136px; height:27px; border:1px solid #dddce2; margin:0 2px; font-size:13px; color:#555; background-repeat:no-repeat; }
.pu_mem .menu a.m01 { background-image:url(../img/common/pu_mem_ic01.gif); background-position:center 14px; }
.pu_mem .menu a.m02 { background-image:url(../img/common/pu_mem_ic02.gif); background-position:center 12px; }
.pu_mem .menu a:hover { border-color:#00c73c; text-decoration:none; }
.pu_mem .menu a.m01:hover { background-image:url(../img/common/pu_mem_ic01ov.gif); }
.pu_mem .menu a.m02:hover { background-image:url(../img/common/pu_mem_ic02ov.gif); }

.pu_mem .b_btns { background:#f6f6f6; padding:10px 0; text-align:center; }
.pu_mem .b_btns a { display:inline-block; width:136px; line-height:33px; font-size:13px; color:#fff; background:#6d7588; border:1px solid #62697a; margin:0 2px; }
.pu_mem .b_btns a:hover { text-decoration:none; }
.pu_mem .b_btns a.c_green { background:#00c73c; border-color:#00ae34; }

.comming {margin:15px 30px 10px 30px; text-align: center;}

.pdf_view{width:auto; height:auto; padding:50px 30px;background:#fff;}
.pdf_logo{margin:0 auto; text-align:center;}

.pdf_subject{margin-bottom:2px;}
.pdf_subject:after{content:"";display:block;clear:both;}
.pdf_subject dl dt{width:50px;font-size:15px;color:#000;font-weight:bold;float:left;}
.pdf_subject dd{font-size:15px;}
.pdf_subject > p{font-size:15px;color:#000;font-weight:bold}

.cont_box_wrap{border-top:2px solid #666; padding:30px;}
.cont_box_wrap ul li{margin-top:15px; font-size:14px;}
.cont_box_wrap ul li:first-child{margin-top:0;}
.cont_box_wrap ul li > ul > li{margin-top:5px;text-indent:10px;}
.cont_box_wrap ul li > ul > li > ul > li{margin-top:5px;text-indent:20px;}
.cont_box{margin-left:30px;}
.add_noti{margin-top:50px;}
.sign_box{margin-top:10px;}
.sign_box .sign_area{margin:0 auto 3px;text-align:center;}
.selet_op{text-decoration:underline;}

.add_member{margin:0;}
.add_member > img{display:inline-block;margin-left:5px;}
.sign{display:none; width:30%;}
.sign > p{display: inline-block;}
.sign > span{display: inline-block;width:50px;height: 30px;vertical-align:middle;}
.sign > span > img{display: inline-block;width: 100%;height: 100%;}

.a4{width: 21cm;min-height: 29.7px;background: #fff;border: 1px solid #a19b9b;}
.pdf_view{padding:1cm;height: 25.6cm;}
@page{
    size: A4;
    margin:0;
}

@media print{
    html, body{
        margin: 0;
        padding: 0;
    }
    .a4{margin: 0;}
}

.pdf_view_table tbody tr{page-break-inside: avoid;page-break-after: auto;}
.pdf_view_table table{border-collapse: separate;border-spacing: 0 1px;}

.note-editable {
    font-size: 20px !important;
}