/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');

*
{
	max-height: 99999px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'verdana','malgun gothic';
	font-size: 14px;
	letter-spacing: -0.025em;
	color: #fff;
	word-break: break-all;
	-webkit-text-size-adjust: none;
	outline: none;
	vertical-align: 0;
}

*::after,
*::before
{
	box-sizing: border-box;
}

ul
{
	list-style: none;
}

img
{
	border: none;
	max-width: 100%;
}

fieldset
{
	border: none;
}

legend
{
	display: none;
}

a
{
	text-decoration: none;
}

button,
input[type='submit'],
input[type='button']
{
	cursor: pointer;
	border: none;
	background: none;
}

a,
input,
select,
button
{
	vertical-align: middle;
}

input[type='text'],
input[type='password']
{
	-moz-appearance: none;
	appearance: none;
	border: none;
}

input:not([type='radio'])
{
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

select
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0; /* iPhone */
	cursor: pointer;
	background-color: #fff;
}

select::-ms-expand
{
	display: none;
}

textarea
{
	border: none;
	width: 100%;
	background-color: #e7e9ee;
	border-radius: 3px;
	padding: 10px;
}

table
{
	width: 100%;
	table-layout: fixed;
	word-break: break-all;
	border-collapse: collapse;
	border-spacing: 0;
}

table caption
{
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
}

.clearFix:after
{
	content: '';
	clear: both;
	display: block;
}

.textAL
{
	text-align: left !important;
}

.textAC
{
	text-align: center !important;
}

.textAR
{
	text-align: right !important;
}

.textCut
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.borderRN
{
	border-right: none;
}

.borderLN
{
	border-left: none;
}

/* IE object-fit */
.objectFit,
.objectFit img
{
	width: 100%;
	height: 100%;
}

.objectFit img
{
	object-fit: cover;
}

.objectFitIE
{
	background-size: cover;
	background-position: center center;
}

.objectFitIE img
{
	opacity: 0;
}

/* body */
body
{
	/* border: 3px solid red; */

	background-color: #000;
}

div.frameTopWrap 
{
	/* border: 3px solid darkorange; */
	height: 100%;

	display: flex;
}



/* sideWrap */
div.sideWrap
{
	/* border: 3px solid green; */

	background-color: #319dff;
	overflow-x: hidden;

	flex-basis: 200px;
	flex-shrink: 0;
}

.ib-tab-tabs.ib-flat_blue .ib-tab-tabs-item .ib-tab-tabs-shadow.is-active{
	top: 0 !important;
}

div.sideWrap div.logo_wrap
{
	/* border: 3px solid turquoise; */

	position: relative;
	height: 70px;
	display: flex;
}

div.sideWrap div.logo_wrap a.logo
{
	position: absolute;
	top: 9px;
	left: 13px;
	/* font-family: 'verdana','malgun gothic'; */
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0;
	color: #fff;
}

div.sideWrap div.logo_wrap a.toggleBtn
{
	position: absolute;
	right: 15px;
	top: 11px;
}

div.sideWrap div.logo_wrap a.toggleBtn img
{
	color: #fff;
	width: 18px;
}

div.sideWrap ul.depth1
{
	/* border: 3px solid tan; */

	overflow-y: auto;
	width: 230px;

	/* override */
	height: calc(100% - 138px) !important;
	/* haccp 링크 있을 때 */
	/* height: calc(100% - 170px) !important; */ 
}

div.sideWrap ul.depth1 > li > a
{
	/* border: 3px solid firebrick; */

	display: block;
	padding: 15px 0 15px 48px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 14px 50%;
}

div.sideWrap ul a,
div.sideWrap ul a span
{
	color: #fff;
}

div.sideWrap ul a:hover,
div.sideWrap ul a:hover > span
{
	color: #fff;
	background-color: #0c569d;
}

div.sideWrap ul a.active,
div.sideWrap ul a.active > span
{
	color: #f6ee0b;
	font-weight: bold;
}

div.sideWrap ul li ul.depth2 li a:hover,
div.sideWrap ul li ul.depth2 li a:hover > span
{
	color: #f6ee0b;
}

div.sideWrap ul li ul.depth2 li a.active,
div.sideWrap ul li ul.depth2 li a.active > span
{
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_1000000, #gs_26200000) > a
{
	background-image: url('../../../images/nwork/common/m_systeminfo.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_1000000, #gs_26200000) > a:hover
{
	background-image: url('../../../images/nwork/common/m_systeminfo_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_1000000, #gs_26200000) > a.active
{
	background-image: url('../../../images/nwork/common/m_systeminfo_active.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_2000000 > a
{
	background-image: url('../../../images/nwork/common/m_create.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_2000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_create_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_2000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_create_active.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_3000000, #gs_3120000, .m_n_output) > a
{
	background-image: url('../../../images/nwork/common/m_business.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_3000000, #gs_3120000, .m_n_output) > a:hover
{
	background-image: url('../../../images/nwork/common/m_business_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_3000000, #gs_3120000, .m_n_output) > a.active
{
	background-image: url('../../../images/nwork/common/m_business_active.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_4000000, #gs_3100000, .m_n_input) > a
{
	background-image: url('../../../images/nwork/common/m_buy.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_4000000, #gs_3100000, .m_n_input) > a:hover
{
	background-image: url('../../../images/nwork/common/m_buy_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_4000000, #gs_3100000, .m_n_input) > a.active
{
	background-image: url('../../../images/nwork/common/m_buy_active.png');
	color: #ffff;
}


div.sideWrap ul.depth1 > li:is(#gm_5000000, #gs_3170000, .m_n_inout) > a
{
	background-image: url('../../../images/nwork/common/m_metrial.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_5000000, #gs_3170000, .m_n_inout) > a:hover
{
	background-image: url('../../../images/nwork/common/m_metrial_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_5000000, #gs_3170000, .m_n_inout) > a.active
{
	background-image: url('../../../images/nwork/common/m_metrial_active.png');
	color: #ffff;
}


div.sideWrap ul.depth1 > li#gm_6000000 > a
{
	background-image: url('../../../images/nwork/common/m_money.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_6000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_money_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_6000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_money_active.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_7000000, #gs_3210000, .m_n_year) > a
{
	background-image: url('../../../images/nwork/common/m_mginfo.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_7000000, #gs_3210000, .m_n_year) > a:hover
{
	background-image: url('../../../images/nwork/common/m_mginfo.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_7000000, #gs_3210000, .m_n_year) > a.active
{
	background-image: url('../../../images/nwork/common/m_mginfo_active.png');
	color: #ffff;
}


div.sideWrap ul.depth1 > li#gm_8000000 > a
{
	background-image: url('../../../images/nwork/common/m_ccpmg.svg');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_8000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_ccpmg.svg');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_8000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_ccpmg_active.svg');
	color: #ffff;
}


div.sideWrap ul.depth1 > li#gm_9000000 > a
{
	background-image: url('../../../images/nwork/common/m_icon_1.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_9000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_icon_1_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_9000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_icon_1_active.png');
	color: #ffff;
}


div.sideWrap ul.depth1 > li:is(#gm_10000000, #gs_3200000, .m_n_month) > a
{
	background-image: url('../../../images/nwork/common/m_work.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_10000000, #gs_3200000, .m_n_month) > a:hover
{
	background-image: url('../../../images/nwork/common/m_work_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_10000000, #gs_3200000, .m_n_month) > a.active
{
	background-image: url('../../../images/nwork/common/m_work_active.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_11000000 > a
{
	background-image: url('../../../images/nwork/common/m_payment.svg');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_11000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_payment.svg');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_11000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_payment_active.svg');
	color: #ffff;
}
div.sideWrap ul.depth1 > li#gm_12000000 > a
{
	background-image: url('../../../images/nwork/common/m_mobile.svg');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_12000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_mobile.svg');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_12000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_mobile_active.svg');
	color: #ffff;
}
div.sideWrap ul.depth1 > li:is(#gm_13000000, #gs_3220000, .m_n_drive) > a
{
	background-image: url('../../../images/nwork/common/m_check.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_13000000, #gs_3220000, .m_n_drive) > a:hover
{
	background-image: url('../../../images/nwork/common/m_check_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_13000000, #gs_3220000, .m_n_drive) > a.active
{
	background-image: url('../../../images/nwork/common/m_check_active.png');
	color: #ffff;
}
div.sideWrap ul.depth1 > li:is(#gm_14000000) > a
{
	background-image: url('../../../images/nwork/common/m_order.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_14000000) > a:hover
{
	background-image: url('../../../images/nwork/common/m_order_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_14000000) > a.active
{
	background-image: url('../../../images/nwork/common/m_order_active.png');
	color: #ffff;
}
div.sideWrap ul.depth1 > li#gm_15000000 > a
{
	background-image: url('../../../images/nwork/common/m_icon_1.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_15000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_icon_1_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_15000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_icon_1_active.png');
	color: #ffff;
}
div.sideWrap ul.depth1 > li#gm_16000000 > a
{
	background-image: url('../../../images/nwork/common/m_icon_1.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_16000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_icon_1_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_16000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_icon_1_active.png');
	color: #ffff;
}
div.sideWrap ul.depth1 > li#gm_17000000 > a
{
	background-image: url('../../../images/nwork/common/m_icon_1.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_17000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_icon_1_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_17000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_icon_1_active.png');
	color: #ffff;
}
div.sideWrap ul.depth1 > li#gm_18000000 > a
{
	background-image: url('../../../images/nwork/common/m_icon_1.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_18000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_icon_1_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_18000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_icon_1_active.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_19000000 > a
{
	background-image: url('../../../images/nwork/common/m_icon_1.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_19000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_icon_1_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_19000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_icon_1_active.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_20000000 > a
{
	background-image: url('../../../images/nwork/common/m_icon_1.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_20000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_icon_1_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_20000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_icon_1_active.png');
	color: #ffff;
}


div.sideWrap ul.depth1 > li#gm_21000000 > a
{
	background-image: url('../../../images/nwork/common/m_icon_1.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_21000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_icon_1_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_21000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_icon_1_active.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_22000000 > a
{
	background-image: url('../../../images/nwork/common/m_icon_1.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_22000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_icon_1_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_22000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_icon_1_active.png');
	color: #ffff;
}


div.sideWrap ul.depth1 > li#gm_23000000 > a
{
	background-image: url('../../../images/nwork/common/m_icon_1.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_23000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_icon_1_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_23000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_icon_1_active.png');
	color: #ffff;
}


div.sideWrap ul.depth1 > li#gm_24000000 > a
{
	background-image: url('../../../images/nwork/common/m_3pl.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_24000000 > a:hover
{
	background-image: url('../../../images/nwork/common/m_3pl_hover.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li#gm_24000000 > a.active
{
	background-image: url('../../../images/nwork/common/m_3pl_active.png');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_25000000, #gs_26040000, .m_n_user) > a
{
	background-image: url('../../../images/nwork/common/m_client.svg');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_25000000, #gs_26040000, .m_n_user) > a:hover
{
	background-image: url('../../../images/nwork/common/m_client.svg');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_25000000, #gs_26040000, .m_n_user) > a.active
{
	background-image: url('../../../images/nwork/common/m_client_active.svg');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_26000000, #gs_26200000, .m_n_branch) > a
{
	background-image: url('../../../images/nwork/common/m_infoManage.svg');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_26000000, #gs_26200000, .m_n_branch) > a:hover
{
	background-image: url('../../../images/nwork/common/m_infoManage.svg');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_26000000, #gs_26200000, .m_n_branch) > a.active
{
	background-image: url('../../../images/nwork/common/m_infoManage_active.svg');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_27000000, #gs_27010000, .m_n_brand) > a
{
	background-image: url('../../../images/nwork/common/m_monitoring.svg');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_27000000, #gs_27010000, .m_n_brand) > a:hover
{
	background-image: url('../../../images/nwork/common/m_monitoring.svg');
	color: #ffff;
}

div.sideWrap ul.depth1 > li:is(#gm_27000000, #gs_27010000, .m_n_brand) > a.active
{
	background-image: url('../../../images/nwork/common/m_monitoring_active.svg');
	color: #ffff;
}

div.sideWrap ul.depth1 > li > a > span
{
	display: block;
	background-repeat: no-repeat;
	background-size: 60px 6px;
	background-position: right 50%;
}

/* depth1 하위메뉴 있을 때 */
/* div.sideWrap ul.depth1 > li > a:hover > span
{
	background-image: url('../../../images/nwork/common/bg_arrow_down.png');
}

div.sideWrap ul.depth1 > li > a.active > span
{
	background-image: url('../../../images/nwork/common/bg_arrow_up.png');
} */

div.sideWrap ul.depth2
{
	background-color: #2183e0;
}

div.sideWrap ul.depth2
{
	padding: 8px 0;

	/* Js */
	display: none;
}

div.sideWrap ul.depth2 > li > a
{
	display: block;
	padding: 7px 0 7px 48px;
	font-size: 12px;
}

.btn_haccp{
    display: flex;
    align-items: center;
    margin: 10px auto;
    padding: 6px 6px 6px 14px;
    width: max-content;
    background-color: #fff;
    border-radius: 5px;
}

.btn_haccp span{
    padding-left: 8px;
    font-family: 'Nanum Gothic', sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    color: #319DFF;
    transform: rotate(-0.028deg);
}

.sideWrap.closeMenu .btn_haccp{
	justify-content: center;
	padding: 6px 0;
	width: 100%;
	height: 38px;
	border-radius: 0;
}

.sideWrap.closeMenu .btn_haccp span{
	display: none;
}

.btn_haccp .img_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 13px;
}

.btn_haccp .img_wrap img{
	width: 100%;
}

div.userInfoWrap
{
	/* border: 3px solid magenta; */
	height: 68px;
	text-align: center;
	padding-top: 18px;
}

div.userInfoWrap,
div.userInfoWrap strong
{
	font-size: 13px;
	color: #fff;
	font-weight: normal;
}

div.userInfoWrap a
{
	margin-left: 6px;
	vertical-align: 1px;
}

div.userInfoWrap a img
{
	width: 26px;
}

/* dashboard */
div.userInfoWrap{
    height: auto;
    padding-top: 0;
    text-align: right;
}


div.userInfoWrap a{
	display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 6px 12px 6px 18px;
    background-color: #2081D9;
}

.closeMenu div.userInfoWrap a{
	justify-content: center;
	padding: 6px;
}

div.userInfoWrap a strong{
    vertical-align: middle;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 0;
    line-height: 26px;
}

.closeMenu div.userInfoWrap a strong{
	display: none;
}

div.userInfoWrap a img{
    vertical-align: middle;
}

div.sideWrap.closeMenu
{
	overflow-x: visible;

	flex-basis: 48px;
}

div.sideWrap.closeMenu div.logo_wrap a.logo
{
	display: none;
}

div.sideWrap.closeMenu ul.depth1
{
	overflow: visible;
	width: auto;
}

div.sideWrap.closeMenu ul.depth1 > li
{
	height: 47px;
	position: relative;
	z-index: 1;
}

div.sideWrap.closeMenu ul.depth1 > li > a
{
	padding: 0;
	height: 47px;
}

div.sideWrap.closeMenu ul.depth1 > li > a > span
{
	display: none;
}

div.sideWrap.closeMenu ul.depth1 > li:hover > a
{
	position: absolute;
	left: 0;
	top: 0;

	width: 200px;
	padding: 15px 0 15px 64px;
}

div.sideWrap.closeMenu ul.depth1 > li:hover > a > span
{
	display: inline-block;
}

div.sideWrap.closeMenu ul.depth2
{
	display: none !important;
}

div.sideWrap.closeMenu ul.depth1 > li:hover > a + ul.depth2
{
	display: block !important;
	position: absolute;
	left: 48px;
	top: 47px;

	width: 152px;
	background-color: #333547;
}

div.sideWrap.closeMenu ul.depth2 > li > a
{
	padding: 6px 0 6px 16px;
}

div.sideWrap.closeMenu div.userInfoWrap strong
{
	display: none;
}

div.sideWrap.closeMenu div.userInfoWrap a
{
	margin-left: 0;
}

div.sideWrap.closeMenu ul.depth1 > li > a > span
{
	background: none;
}

/* box-both-right */
div.box-both-right
{
	/* border: 3px solid greenyellow; */

	flex-grow: 1;

	/* override */
	margin: 0;
	min-width: 0;
	height: auto;
}

.page-content2
{
	/* override */
	padding: 0;
	min-width: 0;
}

.ib-tab-tabs.ib-flat_blue
{
	background-color: #dadada;
	height: 38px;

	/* override */
	padding: 0;
}

.ib-tab-tabs.ib-flat_blue .ib-tab-tabs-item *
{
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal !important;
	font-weight: normal !important;
}

.ib-tab-tabs.ib-flat_blue .ib-tab-tabs-item .ib-tab-tabs-item__link
{
	/* override */
	margin: 0 0 3px 3px !important;
	padding: 6px 15px !important;
	border-radius: 0;
	color: #798287;
	background-color: #f4f8f7;
}

.ib-tab-tabs.ib-flat_blue .ib-tab-tabs-item .ib-tab-tabs-item__link:hover,
.ib-tab-tabs.ib-flat_blue .ib-tab-tabs-item .ib-tab-tabs-item__link.is-active
{
	color: #798287;
}

.ib-tab-tabs.ib-flat_blue .ib-tab-tabs-item .ib-tab-tabs-item__link span.ib-tab-tabs-item__title
{
	font-size: 12px;
	letter-spacing: -0.02em;
	color: #798287;
	padding: 0 0 0 8px !important;
}

.ib-tab-tabs.ib-flat_blue .ib-tab-tabs-item .ib-tab-tabs-item__link:hover span.ib-tab-tabs-item__title,
.ib-tab-tabs.ib-flat_blue .ib-tab-tabs-item .ib-tab-tabs-item__link.is-active span.ib-tab-tabs-item__title
{
	color: #fff;
}

.ib-tab-tabs.ib-flat_blue .ib-tab-tabs-item .ib-tab-tabs-item__link i.fa-close
{
	color: #7f8cac;
	font-size: 15px;
	margin-left: 23px !important;
}

.ib-tab-tabs.ib-flat_blue .ib-tab-tabs-item .ib-tab-tabs-item__link:hover i.fa-close,
.ib-tab-tabs.ib-flat_blue .ib-tab-tabs-item .ib-tab-tabs-item__link.is-active i.fa-close
{
	color: #fff;
}


.ib-tab-tabs .ib-tab-tabs-item .ib-tab-tabs-item__link i.fa-lock{
	color: #b3b3b3;
}

.ib-tab-tabs.ib-flat_blue .ib-tab-tabs-item .ib-tab-tabs-item__link:hover i.fa-lock,
.ib-tab-tabs.ib-flat_blue .ib-tab-tabs-item .ib-tab-tabs-item__link.is-active i.fa-lock{
	color: #fff;
}


.ib-tab-contents.ib-simple_under_blue
{
	/* border: 3px solid violet; */
	height: calc(100vh - 38px) !important;

	/* override */
	top: 0;
	background-color: #f8f8fa;
	border: none;
}

/* iframe */
.ib-tab-contents.ib-simple_under_blue .ib-tab-contents__item iframe
{
	margin: 0;
	padding: 0;
}

/* 퀵메뉴 */
.quick_wrap
{
	position:fixed;
	bottom:60px;
	right:30px;
	z-index:1002;
}
.btn_quick
{
	position:relative;
	display:block;
	width:54px;
	height:54px;
	background:#00B896;
	border-radius:100%;
	margin:0 auto;
	box-shadow: 0px 10px 20px #0000001A;
}
.btn_quick:before,
.btn_quick:after
{
	content:'';
	position:absolute;
	top:25px;
	left:17px;
	width:21px;
	height:2px;
	background-color:#fff;
	-webkit-transition:all .25s cubic-bezier(.17,.67, .83, .67);
	transition:all .25s cubic-bezier(.17,.67, .83, .67);
	text-align:center;
}
.btn_quick:after
{
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
.btn_quick.active::before
{
	-webkit-transform:rotate(-495deg);
	transform:rotate(-495deg);
}
.btn_quick.active::after
{
	-webkit-transform:rotate(-405deg);
	transform:rotate(-405deg);
}
.quick_menu
{
	visibility:hidden;
}
.quick_menu ul li
{
	position:relative;
	visibility:hidden;
	opacity:0;
	height:0;
	transition:all .3s;
}
.quick_menu.show ul li
{
	visibility:visible;
	height:70px;
	opacity:1;
}
.quick_menu ul li a
{
	display:block
}
.quick_menu ul li span
{
	position:absolute;
	top:30px;
	left:-92px;
	display: block;
	width: 100px;
	text-align: right;
	font:16px NotoKrR;
	letter-spacing:-0.8px;
	color:#fff;
}
.quick_menu ul li img
{
	width: 98px;
	height: 98px;
}
.quick_menu.show
{
	visibility:visible;
	margin-bottom:18px
}
.quick_bg
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:1001;
	display:none;
}