/******************************************************************
	HEADER
******************************************************************/
.header{
	width:100%;
	position:relative;
	border-bottom:1px SOLID var(--dng-face-light);
}

.gnb_mobile{
	display:none;
}

.gnb_web.full{
	height: 191px;
}

.gnb_web.full .ui_wrapper{
	height:140px;
	padding-top:34px;
}

.gnb_web.full .ui_wrapper .dom_wrapper{
	display:grid;
	grid-template-columns: 224px auto 180px 300px;
	height:72px;
}

.gnb_web.full .ui_wrapper .identity_section a {
    display: inline-block;
    cursor: pointer;
		width:100%;
    height: 72px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
		background-image:url(/system/private/images/bi.svg);
}

.gnb_web.full .ui_wrapper .search_section{
	text-align:center;
	padding-left:36px;
	padding-right:36px;
}

.gnb_web.full .ui_wrapper .search_container #form_gnb_search{
	display:inline-block;
	width:100%;
}

.gnb_web.full .ui_wrapper .search_container{
	display:flex;
	justify-content: space-between;	
	border-bottom:2px SOLID var(--dng-color-bold);
	padding-top:16px;
}

.gnb_web.full .ui_wrapper .search_container .form{
	flex-grow: 1;
	flex-shrink: 1;
}

.gnb_web.full .ui_wrapper .search_container input{
	width:100%;
	height:42px;
	line-height:42px;
	border:none;
	padding-left:12px;
	padding-right:12px;
}

.gnb_web.full .ui_wrapper .search_container .button{
	flex-grow: 0;
	flex-shrink: 0;
	width:48px;
	line-height: 0;
	cursor: pointer;
}

.gnb_web.full .ui_wrapper .search_container .material-icons-round,
.gnb_web.full .ui_wrapper .search_container .material-icons{
	font-size:2rem;
	line-height:42px;
}

.gnb_web.full .ui_wrapper .ux_section{
	display:flex;
	flex-direction: column;
}

.gnb_web.full .ui_wrapper .association_menu_container{
	display:flex;
	justify-content: end;
}

.gnb_web.full .ui_wrapper .association_menu_container li:not(:first-child):before{
	content: '|';
	font-size:0.8125rem;
	color:var(--dng-color-bright);
	padding-left:12px;
	padding-right:12px;
}

.gnb_web.full .ui_wrapper .association_menu_container a{
	cursor:pointer;
	font-size:0.8125rem;
}

.gnb_web.full .ui_wrapper .association_menu_container a:hover{
	color:var(--dng-color-bold);
}

.gnb_web.full .ui_wrapper .hot_menu_container{
	display:flex;
	justify-content: end;
	padding-top:12px;
}

.gnb_web.full .ui_wrapper .hot_menu_container li:not(:first-child){
	padding-left:32px;
}

.gnb_web.full .ui_wrapper .hot_menu_container a{
	display:inline-block;
	position:relative;
	width:42px;
	height:42px;
	text-align:center;
	line-height:0;
}

.gnb_web.full .ui_wrapper .hot_menu_container a .counter{
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
	width:24px;
	height:24px;
	font-size: 0.75rem;
	font-weight:600;
	line-height:24px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	color:var(--dng-white);
	border-radius:12px;
	background-color:var(--dng-blue);
}

.gnb_web.full .ui_wrapper .hot_menu_container .material-icons-outlined,
.gnb_web.full .ui_wrapper .hot_menu_container .material-icons-round,
.gnb_web.full .ui_wrapper .hot_menu_container .material-icons{
	font-size: 2.25rem;
	font-weight:100;
	line-height:42px;
}


.gnb_web.full .menu_wrapper{
	position:relative;
	border-top:1px SOLID var(--dng-face-light);
}

.gnb_web.full .menu_wrapper .menu{
	height:51px;
	border-top:1xp SOLID var(--dng-face-light);
}

.gnb_web.brief .menu_wrapper .menu{
	display:none;
	height:0px;
}

.gnb_web.full .menu_wrapper .menu .dom_wrapper{
	display:grid;
	grid-template-columns: 224px 1fr;
}

.gnb_web.full .menu_wrapper .menu .category_section button{
	width:100%;
	height:51px;
	color:var(--dng-white);
	background-color:var(--dng-blue);
	border:none;
}

.gnb_web.full .menu_wrapper .menu .hot_menu_section{
	white-space:nowrap;
	overflow:overlay;
}

.gnb_web.full .menu_wrapper .menu .hot_menu_section::-webkit-scrollbar { width: 4px;height:4px}
.gnb_web.full .menu_wrapper .menu .hot_menu_section::-webkit-scrollbar-track { background-color: var(--dng-scroll-bg); }
.gnb_web.full .menu_wrapper .menu .hot_menu_section::-webkit-scrollbar-thumb { background: var(--dng-scroll-thumb); border-radius:2px;}
.gnb_web.full .menu_wrapper .menu .hot_menu_section::-webkit-scrollbar-thumb:hover { background:  var(--dng-scroll-hover); }
.gnb_web.full .menu_wrapper .menu .hot_menu_section::-webkit-scrollbar-thumb:active { background: var(--dng-scroll-hover); }

.gnb_web.full .menu_wrapper .menu .hot_menu_section .menu_list{
	display:flex;
	flex-wrap:nowrap;
}

.gnb_web.full .menu_wrapper .menu .hot_menu_section .menu_list li{
	padding-left:32px;
}

.gnb_web.full .menu_wrapper .menu .hot_menu_section .menu_list li a{
	font-size:1rem;
	font-weight:500;
	color:var(--dng-color-bold);
	line-height:51px;
	white-space:nowrap;
}

.nav-head .nav-gnb-mobile{
	display:none;
}

.nav-head .nav-gnb-web{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;	
	background-color:#FFF;
	border-bottom:1px SOLID #E6E6E6;
	padding-left:60px;
	padding-right:60px;
	z-index: 1005;
}

.nav-head .nav-gnb-web .ux_container{
	display:flex;
	justify-content: space-between;
	height:60px;
	padding-top:8px;
}

.nav-head .nav-gnb-web .identity_wrapper a {
    display: inline-block;
    cursor: pointer;
		min-width:180px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.nav-head .nav-gnb-web .ux_container .identity_wrapper,
.nav-head .nav-gnb-web .ux_container .hot_wrapper{
	flex-grow: 0;
	flex-shrink: 0;
}

.nav-head .nav-gnb-web .ux_container .search_wrapper{
	flex-grow: 1;
	flex-shrink: 1;
	padding-left:48px;
}

.nav-head .nav-gnb-web .ux_container .search_wrapper .search_container{
	display:flex;
}

.nav-head .nav-gnb-web .ux_container .search_wrapper .search_container [name=gnb_keyword]{
	width:240px;
	height:48px;
	border:none;
	border-bottom:2px SOLID #595959;
}

.nav-head .nav-gnb-web .ux_container .hot_wrapper{
	padding-top:4px;
}

.nav-head .nav-gnb-web .ux_container .hot_wrapper ul{
	display:flex;
}

.nav-head .nav-gnb-web .ux_container .hot_wrapper ul li:not(:first-child){
	padding-left:24px;
}

.nav-head .nav-gnb-web .material-icons,
.nav-head .nav-gnb-web .material-icons-round,
.nav-head .nav-gnb-web .material-icons-outlined{
	font-size:2rem;
	font-weight:200;
	line-height:48px;
}

.nav-head .nav-gnb-web .menu_wrapper{
	display:flex;
	flex-wrap: nowrap;
	height:64px;
}

.nav-head .nav-gnb-web .menu_wrapper .category_icon{
	padding-right:36px;
}

.nav-head .nav-gnb-web .menu_wrapper #btn_category{
	width:48px;
	height:48px;
	line-height:0;
	border:none;
	background-color: transparent;
}

.nav-head .nav-gnb-web .menu_wrapper #btn_category .material-icons-outlined{
	font-size:2rem;
	line-height:48px;
}

.nav-head .nav-gnb-web .menu_wrapper .menu_list{
	display:flex;
	flex-wrap: nowrap;
}

.nav-head .nav-gnb-web .menu_wrapper .menu_list > li:not(:first-child){
	padding-left:24px;
}

.nav-head .nav-gnb-web .menu_wrapper .menu_list a{
	display:inline-block;
	font-size:1.125rem;
	font-weight:500;
	color:var(--dng-color-bold);
	line-height:52px;
}

.gnb_web.brief .menu_wrapper .category{
	height:448px;
}

.gnb_web.full .menu_wrapper .category .dom_wrapper{
	position:absolute;
	display:grid;
	grid-template-columns: 224px 208px 208px 208px auto;
	height:448px;
  left: 50%;
  transform: translateX(-50%);
	z-index:5;
}

.gnb_web.full .menu_wrapper .category .dom_wrapper > div {
	height:448px;
	overflow:auto;
}

.gnb_web.full .menu_wrapper .category .dom_wrapper > div::-webkit-scrollbar { width: 6px;}
.gnb_web.full .menu_wrapper .category .dom_wrapper > div::-webkit-scrollbar-track { background-color: var(--ytt-bg-croll); }
.gnb_web.full .menu_wrapper .category .dom_wrapper > div::-webkit-scrollbar-thumb { background:var(--dng-scroll-thumb); border-radius:3px;}
.gnb_web.full .menu_wrapper .category .dom_wrapper > div::-webkit-scrollbar-thumb:hover { background: var(--dng-scroll-hover); }
.gnb_web.full .menu_wrapper .category .dom_wrapper > div::-webkit-scrollbar-thumb:active { background: var(--dng-scroll-hover); }
.gnb_web.full .menu_wrapper .category .dom_wrapper > div::-webkit-scrollbar-button { display: none; }

.gnb_web.full .menu_wrapper .category .dom_wrapper .depth1{
	background-color:var(--dng-color-main);
	padding-bottom:1px;
}

.gnb_web.full .menu_wrapper .category .dom_wrapper .depth2,
.gnb_web.full .menu_wrapper .category .dom_wrapper .depth3,
.gnb_web.full .menu_wrapper .category .dom_wrapper .depth4{
	padding:18px;
}

.gnb_web.full .menu_wrapper .category .dom_wrapper .depth2.active,
.gnb_web.full .menu_wrapper .category .dom_wrapper .depth3.active,
.gnb_web.full .menu_wrapper .category .dom_wrapper .depth4.active{
	background-color: var(--dng-white);
	border-right:1px SOLID var(--dng-color-dim);
	border-bottom:1px SOLID var(--dng-color-dim);
}

.gnb_web.full .menu_wrapper .category .dom_wrapper .depth1 a{
	display:inline-block;
	color:var(--dng-white);
	width:100%;
	font-size:0.875rem;
	font-weight:500;
	line-height:48px;
	padding:0 24px;
}

.gnb_web.full .menu_wrapper .category .dom_wrapper .depth1:not(.selected) a:hover{
	color:var(--dng-color-bold);
	background-color:var(--dng-white);
	border-left:1px SOLID var(--dng-color-dim);
}

.gnb_web.full .menu_wrapper .category .dom_wrapper .depth1 .selected a{
	color:var(--dng-color-bold);
	background-color:var(--dng-white);
	border-left:1px SOLID var(--dng-color-dim);
}

.gnb_web.full .menu_wrapper .category .dom_wrapper .depth4 a,
.gnb_web.full .menu_wrapper .category .dom_wrapper .depth3 a,
.gnb_web.full .menu_wrapper .category .dom_wrapper .depth2 a{
	display:inline-block;
	width:100%;
	font-size:0.875rem;
	font-weight:500;
	line-height:32px;
	padding:0 12px;

}

.gnb_web.full .menu_wrapper .category .dom_wrapper .depth4:not(.selected) a:hover,
.gnb_web.full .menu_wrapper .category .dom_wrapper .depth3:not(.selected) a:hover,
.gnb_web.full .menu_wrapper .category .dom_wrapper .depth2:not(.selected) a:hover{
	color:var(--dng-white);
	background-color:var(--dng-blue);
}

.gnb_web.full .menu_wrapper .category .dom_wrapper .depth4 .selected a,
.gnb_web.full .menu_wrapper .category .dom_wrapper .depth3 .selected a,
.gnb_web.full .menu_wrapper .category .dom_wrapper .depth2 .selected a{
	color:var(--dng-white);
	background-color:var(--dng-blue);
}

/******************************************************************
	FOOTER
******************************************************************/
.page_footer .policy{
	height:64px;
	border-top:1px SOLID var(--dng-face-light);
	border-bottom:1px SOLID var(--dng-face-light);
}

.page_footer .policy .content_list{
	display:flex;
	padding-top:18px;
}

.page_footer .policy .content_list li:not(:first-child):before{
	content: '|';
	padding-left:12px;
	padding-right:12px;
}

.page_footer .policy .content_list a{
	font-size:1rem;
	line-height:24px;
}

.page_footer .announce{
	padding-top:24px;
	padding-bottom:32px;
	background-color:var(--dng-face-hazy);
}

.page_footer .announce .organizer,
.page_footer .announce .copyright,
.page_footer .announce .liability{
	width:1280px;
	margin-left:auto;
	margin-right:auto;
}


.page_footer .announce .organizer{
	display:grid;
	grid-template-columns: 1fr 360px;
}


.page_footer .announce .company .content_list > li{
	display:flex;
	padding-top:6px;
}

.page_footer .announce .company .content_list .label{
	font-weight:500;
	color:var(--dng-color-light);
	padding-right:8px;
}

.page_footer .announce .company .content_list .cont{
	color:var(--dng-color-bold);
}

.page_footer .announce .company .content_list .label.company{
	color:var(--dng-color-bold);
}

.page_footer .announce .customer_service .content_list > li{
	display:flex;
	align-items: center;
}

.page_footer .announce .customer_service .title span{
	font-size:1rem;
	font-weight:600;
	letter-spacing:0em;

	color:var(--dng-color-bold);
}

.page_footer .announce .customer_service .phone{
	padding-top:12px;
}

.page_footer .announce .customer_service .phone .icon{
	display:inline-block;
	height:40px;
	line-height:0;
	padding-right:8px;
}

.page_footer .announce .customer_service .phone .material-icons-round{
	font-size:2rem;
	line-height:46px;
}

.page_footer .announce .customer_service .phone .label{
	display:inline-block;
	height:40px;
	font-size:2.5rem;
	font-weight:700;
	line-height:40px;
}

.page_footer .announce .customer_service .working{
	padding-top:8px;
}

.page_footer .announce .customer_service .working .label{
	font-weight:600;
	color:var(--dng-color-glowing);
	padding-right:8px;
}

.page_footer .announce .customer_service .working .cont{
	font-size:1rem;
	color:var(--dng-color-bold);
}

.page_footer .announce .customer_service .working .cont .remark{
	font-size:0.8125rem;
	color:var(--dng-color-light);
}

.page_footer .announce .customer_service .working .cont .remark:before{
	content:'(';
	color:var(--dng-color-light);
	padding-left:4px;
	padding-right:3px;
}

.page_footer .announce .customer_service .working .cont .remark:after{
	content:')';
	color:var(--dng-color-light);
	padding-left:3px;
}

.page_footer .announce .copyright{
	padding-top:24px;
	color: var(--dng-color-dim);
}


/******************************************************************
	LNB
******************************************************************/
.lnb{display:none;}

@media only screen and (max-width: 719px) {
	.lnb{display:block;position:fixed;width:100%;background-color:#FFF;left:0;bottom:0;z-index:5000;}

	.main_lnb{display:flex;border-top:1px SOLID #E6E6E6;}
	.main_lnb li{width:20%;height:42px;line-height:42px;text-align:center;}

	.main_lnb li a{cursor:pointer;display:inline-block;width:36px;}
}


/******************************************************************
	FLOATING PANEL
******************************************************************/


/******************************************************************
	SLIDING
******************************************************************/
.gls{
	position:fixed;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	right:0;
	top:50%;
	transform: translate(0, -50%); 
	width:144px;
	height:576px;
	background-color:#FFF;
	box-shadow: 0px 0px 6px -3px rgba(0, 0, 0, 0.06), 3px 0px 12px 0px rgba(0, 0, 0, 0.12);
	z-index:600;
}

.gls .viewed_today{
	display:flex;
	justify-content: space-between;
	flex-direction: column;
}

.gls .viewed_today .gls_title{height:36px;font-weight:600;color:#1A1A1A;line-height:36px;text-align:center;background-color:#F8F8F8;border-bottom:1px SOLID #D9D9D9;}
.gls .viewed_today .gls_cont{height:480px;overflow:auto;}
.gls .viewed_today .gls_button{height:24px;border-top:1px SOLID #D9D9D9;}
.gls .viewed_today .gls_button button{cursor:pointer;width:100%;height:100%;font-size:12px;text-align:center;}
.gls .gls_viewed_list{width:108px;margin-left:auto;margin-right:auto;padding-top:12px;padding-bottom:12px;}
.gls .gls_viewed_list a{display:inline-block;cursor:pointer;width:108px;height:108px;background-repeat:no-repeat;background-size: contain;background-position: center center;border:1px SOLID #D9D9D9;}
.gls .gls_viewed_list a:hover{border:1px SOLID #1A1A1A;}

.gls .top_down{display:flex;justify-content:space-between;height:36px;border-top:1px SOLID #D9D9D9;}
.gls .top_down li{width:50%;border-left:1px SOLID #D9D9D9;}
.gls .top_down li:first-child{border-left:none;}
.gls .top_down button{width:100%;height:100%;text-align:center;line-height:0;}
.gls .top_down .material-icons{font-size:2rem;line-height:100%;}

.gls .toggle_gls{position:absolute;left:0px;}
.gls .toggle_gls button{
	cursor:pointer;
	width:36px;
	text-align:center;
/*	writing-mode:tb-rl;*/
	margin-left:-36px;
	padding-top:24px;
	padding-bottom:24px;
	box-shadow: 0px 0px 6px -3px rgba(0, 0, 0, 0.06), 3px 0px 12px 0px rgba(0, 0, 0, 0.12);
}

.gls_cont::-webkit-scrollbar { width: 6px;}
.gls_cont::-webkit-scrollbar-track { background-color:transparent; }
.gls_cont::-webkit-scrollbar-thumb { background:rgba(94, 117, 133, 0.4); border-radius:3px;}
.gls_cont::-webkit-scrollbar-thumb:hover { background: #1A1A1A; }
.gls_cont::-webkit-scrollbar-thumb:active { background: #FFCC00; }
.gls_cont::-webkit-scrollbar-button { display: none; }



/******************************************************************
	dashboard_full
******************************************************************/
#dashboard_full{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height: 100vh;
	background-color:rgba(0,0,0,0.4);
	z-index:200;
}

#dashboard_full .dashboard_content_container{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	position:absolute;
	width:894px;
	height:calc(100vh - 96px);
	background-color:#FFF;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}

#dashboard_full .dashboard_content_container .dashboard_full_body::-webkit-scrollbar{width:6px;background-color:transparent;}
#dashboard_full .dashboard_content_container .dashboard_full_body::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(152, 194, 230, 0.6);}
#dashboard_full .dashboard_content_container .dashboard_full_body::-webkit-scrollbar-track{background-color:transparent;}
#dashboard_full .dashboard_content_container .dashboard_full_body .head_title{font-size:2.25rem;color:#1A1A1A;;text-align:center;border-bottom:3px SOLID #D9D9D9;padding-top:24px;padding-bottom:24px;}

#dashboard_full .dashboard_content_container.v_flex{display:flex;justify-content:space-between;flex-direction:column;}
#dashboard_full .dashboard_full_body{
	flex-grow: 1;
	flex-shrink: 1;
	overflow:auto;
}

#dashboard_full .dashboard_content_container .dashboard_full_foot{
	display:flex;
	justify-content:space-between;
	flex-grow: 0;
	flex-shrink: 0;
	height:48px;
	text-align:right;
	background-color:#1A1A1A;
	padding-top:6px;
	padding-right:6px;
	padding-left:6px;
}
#dashboard_full .dashboard_full_foot button{height:36px;color:#FFF;border:none;line-height:100%;border-radius:0;background-color:#1A1A1A;padding-left:6px;padding-right:12px;}
#dashboard_full .dashboard_full_foot button .material-icons{height:24px;vertical-align:top;}
#dashboard_full .dashboard_full_foot button .label{display:inline-block;height:24px;line-height:22px;padding-left:4px;}
#dashboard_full .dashboard_full_foot button:hover{color:#1A1700;background-color:#FFCC00;}

/******************************************************************
	BODY
******************************************************************/
.wrapper_width_max{
	width:1280px;
	margin-left:auto;
	margin-right:auto;
	
}

main{
	position:relative;
	min-height:600px;
}

.main_article_head{position:relative;}
.main_article_head .hc_h240{height:240px;}
.main_article_head .hc_h240 .curtain{height:240px;}
.main_article_head .hc_h360{height:360px;}
.main_article_head .hc_h360 .curtain{height:360px;}
.main_article_head .head_container{position:relative;}

.main_article_head .location_container{
	display:flex;
	justify-content: flex-start;
	align-items: center;
	padding-top:16px;
}

.main_article_head .location_container a{
	display:inline-block;
	height:16px;
	font-size:0.75rem;
	font-weight:500;
	color:var(--dng-color-dim);
	line-height:16px;
}

.main_article_head .location_container .label{
	display:inline-block;
	height:16px;
	font-size:0.75rem;
	font-weight:500;
	color:var(--dng-color-bold);
	line-height:16px;
}

.main_article_head .location_container .text{
	padding-left:4px;
}

.main_article_head .location_container .spacer{
	padding:0px 6px;
	line-height:0;
}

.main_article_head .location_container .material-icon-outlined,
.main_article_head .location_container .material-icon-round,
.main_article_head .location_container .material-icons{
	width:16px;
	height:16px;
	font-size:1rem;
	color:var(--dng-color-dim);
	line-height:16px;
	vertical-align: middle;
}

.main_article_head .location_container a:hover{
	color:var(--dng-color-bold);
}

.main_article_head .title_container{
	width:100%;
	padding-top:60px;
	padding-bottom:60px;
}
.main_article_head .title_container .comment{
	font-size:2.5rem;
	font-weight:500;
	color:var(--dng-color-bold);
	text-align:center;
	line-height:140%;
}

.main_article_head .title_container .recommend{padding-top:24px;text-align:center;}
.main_article_head .title_container .recommend a{display:inline-block;font-size:1.5rem;color:rgba(255,255,255,0.7);line-height:160%;border:1px SOLID rgba(255,255,255,0.7);padding:0 24px;}
.main_article_head .title_container .recommend a:hover{color:#FFF;border:1px SOLID #FFF;}

.main_article_body {padding-bottom:3.75rem;}


/*
	Main
*/
#mall_main #main_banner{
	width:100%;
	height:400px;
	overflow:hidden;
}

#mall_main #main_banner .banner_wrapper{
	width:1280px;
	margin-left:auto;
	margin-right:auto;
}

#mall_main #main_banner .rolling_banner_article,
#mall_main #main_banner .event_article{
	width:100%;
	height:400px;
}

#mall_main #main_banner .rolling_banner_article{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow:hidden;
}

#mall_main #main_banner .slick-slide{
	position:relative;
	z-index:1;
}

#mall_main #main_banner .slick-track{
	position:relative;
	z-index:2;
}

#mall_main #main_banner .slick-active{
	cursor:pointer;
	position:relative;
	z-index:3 !important;
}

#mall_main #main_banner .event_article:not(.slick-active){
	opacity:0.15;
}

#mall_main #main_banner .banner_wrapper,
#mall_main #main_banner .main_rolling_banner,
#mall_main #main_banner .slick-list{
	overflow:visible;
}

#mall_main h3{
	font-family: 'Jalnan';
	font-size:1.5rem;
	font-weight:900;
	padding-top:32px;
	padding-bottom:32px;
}

#mall_main .recommend_section{
	position:relative;
	padding-bottom:60px;
}

#mall_main .recommend_section .title_bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:240px;
	z-index:1;
}

#mall_main .recommend_section .title_bg2{
	background-color:#d5ddf6;
	
}

#mall_main .recommend_section .title_bg3{
	background-color:#d5f6d9;
}

#mall_main .recommend_section .title_bg4{
	background-color:#d2f2f9;
}

#mall_main .recommend_section .title_bg5{
	background-color:#f6d5de;
}

#mall_main .recommend_section .wrapper_width_max{
	position:relative;
	z-index:2;
}

#mall_main .recommend_head_wrapper{
	position:relative;
}

#mall_main .recommend_head_copy{
	position:absolute;
	top:84px;
	left:24px;
	right:24px;
	font-size:1.5rem;
	font-weight:600;
	color:#FFF;
}

#mall_main .recommend_head_object{
	position:absolute;
	top:12px;
	bottom:48px;
	left:32px;
	right:32px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
}


#mall_main #recommend_goods1{
	background-color:var(--dng-face-hazy);
}

#mall_main .goods_article{
	background-color:var(--dng-white);
	border:1px SOLID var(--dng-face-fale);
	padding:16px;
}

#mall_main .goods_article a{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	width:100%;
	height:100%;
}

#mall_main .card_thumb{
	position:relative;
	width:100%;
	aspect-ratio: 1/1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#mall_main  .card_thumb .picture_label_icon{
	display: flex;
	align-items: center;
	position:absolute;
	top: 0;
	left:0;
	width:60px;
	height:60px;
	background-image:url(/common/source/picture/picture_icon3.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

#mall_main .card_thumb .picture_label_icon span{
	display:inline-block;
	width:100%;
	text-align:center;
	color:#000;
	font-weight:600;
	font-size:0.875rem;
	line-height:110%;
}

.card_content {
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;	
}

.card_content .goods_subject{
	flex-grow: 1;
	flex-shrink: 1;
	color:#171A1C;
	font-weight:600;
	padding-top:6px;
}

.card_content .goods_price .guest_price{
	font-size:1rem;
}

#mall_main .recommend_section .recommend_wrapper{
	display:grid;
	grid-template-columns: 400px 1fr;
}

#mall_main .recommend_section .recommend_head_wrapper2{
	background-color:#5776db;
}

#mall_main .recommend_section .recommend_head_wrapper3{
	background-color:#57db68;
}

#mall_main .recommend_section .recommend_head_wrapper4{
	background-color:#4bcae7;
}

#mall_main .recommend_section .recommend_head_wrapper5{
	background-color:#db577c;
}

#mall_main .recommend_section .recommend_body_wrapper{
	padding-left:24px;
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap:12px;
}

#mall_main .recommend_section .goods_article{
	background-color:var(--dng-white);
	border:1px SOLID var(--dng-face-fale);
}

#mall_main .main_recommend #recommend_category{
	padding:48px 0;
}

#mall_main .main_recommend #recommend_category .category_grid{
	width:1280px;
	display:grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(5, 108px);
	gap:12px;
	margin-left:auto;
	margin-right:auto;
}

#mall_main .main_recommend #recommend_category .category_grid .category_short_grid{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(4, 147px);
	gap:1px;
	border:1px SOLID var(--dng-face-fale);
	background-color:var(--dng-face-fale);
}

#mall_main .main_recommend #recommend_category .category_grid .category_short_grid > li{
	position:relative;
}

#mall_main .main_recommend #recommend_category .category_grid .category_short_grid > li{
	background-color:#FFF;
	position:relative;
}

#mall_main .main_recommend #recommend_category .btn_category{
	cursor:pointer;
	background-repeat: no-repeat;
}

#mall_main .main_recommend #recommend_category .category1{
	background-position: center top 5%;
	background-size: 80%;
}

#mall_main .main_recommend #recommend_category .category1 span{
	position:absolute;
	bottom:12px;
	width:100%;
	text-align:center;
	color:var(--dng-color-bold);
	font-weight: 500;
	padding-bottom:0px;
}

#mall_main .main_recommend #recommend_category .category2{
	position:relative;
	background-position: center center;
	background-size: cover;
}

#mall_main .main_recommend #recommend_category .category2 span{
	position:absolute;
	display:inline-block;
	width:60%;
	height:96px;
	font-size:2rem;
	font-weight:600;
	left:50%;
	top:50%;
	color:#FFF;
	transform: translate(-50%, -50%);
	text-align:center;
	line-height:96px;
	border-radius:var(--dng-radius-button);
	background-color:rgba(0,0,0,0.4);
	text-shadow: 0 0 2px #000;
}

#mall_main .main_recommend #recommend_category .category3{
	background-position: center right;
	background-size: contain;
	background-color:#82ab87;
	padding-top:12px;
	padding-left:12px;
}

#mall_main .main_recommend #recommend_category .category3 span{
	color:var(--dng-color-bold);
	font-size:1rem;
	font-weight:600;
}

#mall_main .slick-prev{
	left:24px;
}

#mall_main .slick-next{
	right:24px;
}

#mall_main .slick-dots{
	bottom:12px;
}

.slick-slide {
    margin: 0; /* 원하는 간격의 절반 */
}
.slick-prev { left: 20px; z-index: 10; }
.slick-next { right: 20px; z-index: 10; }

.slick-dots li button:before {
	font-size:1rem !important;
}

.slick-prev:before, .slick-next:before{
	font-size:2rem !important;
}

#store_head .head_container .title_container{padding:32px 0 !important;}
#question_head .head_container .title_container{margin-top:-76px;}
#login_body .button_wrapper,
#signin_body .button_wrapper,
#find_body .button_wrapper{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 24px;
	padding-top:24px;
}
#login_body .button_wrapper a,
#signin_body .button_wrapper a,
#find_body .button_wrapper a{
	display:inline-block;
	line-height:46px;
	text-align:center;
}

.main_article_head .head_container{position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#subscribe_head{margin-top:32px;}
#subscribe_head .head_container{background-image: url(/common/platform/images/title_subscribe.jpg);}
#subscribe_wrapper .roll_selector{display:flex;justify-content:center;padding-top:60px;}
#subscribe_wrapper .roll_selector.roll_3 li{width:320px;border-left:1px SOLID #DEE8ED;padding-left:36px;padding-right:36px;}
#subscribe_wrapper .roll_selector.roll_3 li:first-child{border-left:none;padding-left:0;}
#subscribe_wrapper .roll_selector li:last-child{padding-right:0;}
#subscribe_wrapper .roll_selector .label_article{font-size:1.5rem;}
#subscribe_wrapper .roll_selector .label_article strong{font-weight:normal;color:#02AAFF;padding-left:6px;}
#subscribe_wrapper .roll_selector .comment_article{font-size:1rem;font-weight:lighter;color:#171A1C;padding-top:4px;}
#subscribe_wrapper .roll_selector .button_article{line-height:100%;padding-top:36px;}
#subscribe_wrapper .roll_selector .button_article button{height:48px;font-size:1rem;padding-left:16px;padding-right:16px;}

#subscribe_wrapper .roll_1 li,
#subscribe_wrapper .roll_2 li{width:100%;text-align:center;border:1px SOLID #DEE8ED !important;padding:24px 48px;}


#mall_mbr_subscribe h1{text-align:center;padding-top:60px;padding-bottom:24px;}
#mall_mbr_subscribe h1 strong{color:#02AAFF;padding-left:6px;}

#mall_mbr_subscribe .remark_container{padding-top:12px;}
#mall_mbr_subscribe .submit_container{display:flex;justify-content: center;padding-top:36px;}
#mall_mbr_subscribe .submit_container button{margin-left:12px;margin-right:12px;}

#mall_mbr_subscribe .subscribe_wrapper{
	width:840px; 
	max-width:100%; 
	margin-left:auto; 
	margin-right:auto;
}

#mall_mbr_subscribe #subscribe_head .head_container,
#mall_mbr_subscribe #subscribe_head .head_container .curtain,
#mall_mbr_subscribe #subscribe_head .head_container .title_container{
	height:360px;
}

#mall_mbr_subscribe #subscribe_head .head_container .title_container{
	position:relative !important;
	display:flex;
	flex-direction: column;
	justify-content: center;
	top:0;
}

#mall_mbr_subscribe #subscribe_head .head_container .curtain{
	z-index:0;
}

#mall_mbr_subscribe #subscribe_head .head_container .title_container{
	z-index:1;
}

#mall_mbr_subscribe #subscribe_head .head_container .title_container p{
	font-size:2.5rem;
	font-weight: 600;
	color:#fff;
	text-align:center;
	line-height:100%;
}

#mall_mbr_subscribe #subscribe_body section{
	display:grid;
	grid-template-columns: 240px 1fr;
	column-gap: 36px;
	padding-top:36px;
}

#mall_mbr_subscribe #subscribe_body .icon{
	height:240px;
	text-align:center;
	border-radius:24px;
	background-color:#F2F2F2;
}

#mall_mbr_subscribe #subscribe_body .icon span{
	font-size:6rem;
	color:#CCC;
	line-height:240px;
}

#mall_mbr_subscribe #subscribe_body .label_article{
	font-size:2rem;
	font-weight:600;
	color:#1A1A1A;
}

#mall_mbr_subscribe #subscribe_body .label_article strong{
	color:#FFCC00;
	font-weight:600;
}

#mall_mbr_subscribe #subscribe_body .comment_article{
	font-size:1rem;
	line-height:160%;
	padding-top:24px;
}

#mall_mbr_subscribe #subscribe_body .announce_box{
	text-align:center;
	font-size:1rem;
	color:#999;
}

#mall_mbr_subscribe #subscribe_body .button_article{
	padding-top:16px;
}

#mall_mbr_subscribe #subscribe_body .button_article button{
	width:120px;
	height:48px;
	font-size:1rem;
	border-radius:8px;
	
}

#mall_mbr_subscribe .roll_selector{display:flex;justify-content:center;padding-top:60px;}
#mall_mbr_subscribe .roll_selector li{width:320px;border-left:1px SOLID #DEE8ED;padding-left:36px;padding-right:36px;}
#mall_mbr_subscribe .roll_selector li:first-child{border-left:none;padding-left:0;}
#mall_mbr_subscribe .roll_selector li:last-child{padding-right:0;}
#mall_mbr_subscribe .roll_selector .label_article{font-size:1.5rem;}
#mall_mbr_subscribe .roll_selector .label_article strong{font-weight:normal;color:#02AAFF;padding-left:6px;}
#mall_mbr_subscribe .roll_selector .comment_article{font-size:1rem;font-weight:lighter;color:#BAC2C6;padding-top:4px;}
#mall_mbr_subscribe .roll_selector .button_article{line-height:100%;padding-top:36px;}
#mall_mbr_subscribe .roll_selector .button_article button{height:48px;font-size:1rem;padding-left:16px;padding-right:16px;}

#mall_mbr_subscribe h1{text-align:center;padding-top:60px;padding-bottom:24px;}
#mall_mbr_subscribe h1 strong{color:#02AAFF;padding-left:6px;}

#mall_mbr_subscribe .remark_container{padding-top:12px;}
#mall_mbr_subscribe .submit_container{display:flex;justify-content: center;padding-top:36px;}
#mall_mbr_subscribe .submit_container button{margin-left:12px;margin-right:12px;}


#pamplet_body{
	display:grid;
	grid-template-columns: auto 324px;
}

#pamplet_body .body_section{
	border-right:1px SOLID var(--dng-face-light);
	padding-right:32px;
}

#pamplet_body .slide_section{
	padding-left:32px;
}

#mall_str_pamplet .body_section img{max-width:100%;height:auto;}
#mall_str_pamplet .summary_section{display:flex;justify-content:space-between;}
#mall_str_pamplet .summary_section .picture_container{flex-grow:0; flex-shrink:0; width:360px;}
#mall_str_pamplet .summary_section .picture_container .picture_main_wrapper{height:360px;background-repeat:no-repeat;background-size:contain;background-position:center center;}
#mall_str_pamplet .summary_section .content_container{flex-grow:1; flex-shrink:1; padding-left:36px;padding-top:36px;}
#mall_str_pamplet .summary_section .content_container .subject{font-size:2rem;font-weight:500;color:#1A1700;line-height:130%;}
#mall_str_pamplet .summary_section .content_container .price{display:flex;justify-content: space-between;padding-top:32px;padding-bottom:12px;} 
#mall_str_pamplet .summary_section .content_container .price .amount{flex-grow: 1; flex-shrink: 1;}
#mall_str_pamplet .summary_section .content_container .price .amount .guest_price{font-size:1rem;color:#FC0341;}
#mall_str_pamplet .summary_section .content_container .price .amount .guest_price:after{content:'로그인 후 표시'; font-size:1rem;color:#FC0341;padding-left:4px;}
#mall_str_pamplet .summary_section .content_container .price .amount p{font-size: 1.25rem; color:#FC0341; text-decoration: line-through;}
#mall_str_pamplet .summary_section .content_container .price .amount p:after{content:'원'; font-size:1rem;color:#FC0341;padding-left:4px;}
#mall_str_pamplet .summary_section .content_container .price .amount span{font-size:1.5rem;color:#FC0341;font-weight:bold;line-height:100%;}
#mall_str_pamplet .summary_section .content_container .price .amount span:after{content:'원';font-size:1rem;padding-left:4px;}
#mall_str_pamplet .summary_section .content_container .price .wish{position:relative;flex-grow: 0; flex-shrink: 0; width:60px;}
#mall_str_pamplet .summary_section .content_container .price .wish .wish_icon{cursor:pointer;position:absolute;right:0;bottom:0;display:inline-block;width:42px;height:42px;border:1px SOLID #fd688d;text-align:center;line-height:0;}
#mall_str_pamplet .summary_section .content_container .price .wish .wish_icon .material-icons{font-size:2rem;color:#fd688d;line-height:40px;}
#mall_str_pamplet .summary_section .content_container .price .wish .wish_icon:hover{color: #000;}
#mall_str_pamplet .summary_section .content_container .price .wish .wish_icon:hover .icons{color: #000;}

#mall_str_pamplet .summary_section .content_container .shipping .free{color:#0CC9A2;}
#mall_str_pamplet .summary_section .content_container .shipping .amount::after{content:'원';padding-left:4px;}
#mall_str_pamplet .summary_section .content_container .shipping_minimum{font-size:0.75rem;color:#00CC69;}
#mall_str_pamplet .summary_section .content_container .shipping .shipping_message {font-size:0.75rem;color:#00CC69;}

#mall_str_pamplet .summary_section .content_container .label{width:90px;padding-left:6px;}
#mall_str_pamplet .summary_section .content_container .cell{color:#a9a9a9;}

#mall_str_pamplet .summary_section .goods_summary .first_row{border-top:1px SOLID #999 !important;}

#mall_str_pamplet .summary_section .popup_list li{cursor:pointer;font-weight:600;color:#1A1700;line-height:130%; text-align:center;border:1px SOLID #FFCC00;background-color:#FFCC00;margin-top:6px;padding:12px;}
#mall_str_pamplet .summary_section .popup_list li:hover{border:1px SOLID #1A1700;}

#mall_str_pamplet .tab_head{
	display:grid;
	width:100%;
	height:48px;
	background-color:var(--dng-face-dusky);
}

#mall_str_pamplet .tab_head span{
	display:inline-block;
	width:100%;
	height:48px;
	line-height:48px;
	font-size:1rem;
	font-weight:500;
	text-align:center;
}

#mall_str_pamplet .tab_head a{
	display:inline-block;
	width:100%;
	height:100%;
}

#mall_str_pamplet .tab_head span:not(.selected) a{
	cursor:pointer;
	color:var(--dng-color-bright);
}

#mall_str_pamplet .tab_head span:not(.selected):hover{
	background-color:var(--dng-color-main);
}

#mall_str_pamplet .tab_head span:not(.selected):hover a{
	color:var(--dng-white);
}

#mall_str_pamplet .tab_head span.selected{
	background-color:var(--dng-color-bold);
}

#mall_str_pamplet .tab_head span.selected a{
	color:var(--dng-white);
}

#mall_str_pamplet .detail_section,
#mall_str_pamplet .review_section,
#mall_str_pamplet .question_section,
#mall_str_pamplet .exchange_section,
#mall_str_pamplet .notification_section,
#mall_str_pamplet .related_section{padding-top:60px;padding-bottom:36px;}


#mall_str_pamplet .tab_body{padding-top:24px;}

#mall_str_pamplet .list_row{display:flex;justify-content:space-between;border-top:1px SOLID #DEE8ED;padding-top:12px;padding-bottom:12px;}
#mall_str_pamplet .list_row .label{flex-grow: 0;flex-shrink: 0;}
#mall_str_pamplet .list_row .cell{flex-grow: 1;flex-shrink: 1;}

#mall_str_pamplet .goods_summary .list_row:last-child{border-bottom:1px SOLID #DEE8ED}

#mall_str_pamplet .section_head{display:flex;justify-content:space-between;padding-bottom:12px;}
#mall_str_pamplet .section_head .button{flex-grow: 0;flex-shrink: 0;}
#mall_str_pamplet .section_head .button button{cursor:pointer;height:38px;color:#FFF;background-color:#282828;padding-left:12px; padding-right:12px;}
#mall_str_pamplet .section_head .button button:hover{background-color:#C94402;}
#mall_str_pamplet .section_head .expatiate{flex-grow: 1;flex-shrink: 1;line-height:140%;padding-left:12px;padding-top:6px;}

#mall_str_pamplet .exchange_section .list_row:last-child{border-bottom:1px SOLID #DEE8ED}
#mall_str_pamplet .exchange_section .list_row .label{width:140px;color:#282828;padding-left:6px;padding-right:12px;}
#mall_str_pamplet .exchange_section .list_row .cell{color:#a9a9a9;}

#mall_str_pamplet .notification_section .list_row:last-child{border-bottom:1px SOLID #DEE8ED}
#mall_str_pamplet .notification_section .list_row .label{width:180px;color:#282828;padding-left:6px;padding-right:12px;}
#mall_str_pamplet .notification_section .list_row .cell{color:#a9a9a9;}

#mall_str_pamplet .related_section .related_head .label{font-size:1.5rem;font-weight:bold;color:#0287CA;}
#mall_str_pamplet .related_section .related_head .label strong{color:#0CC9A2;}
#mall_str_pamplet .phamplet_goods_list{padding:0;margin-left:-12px;}

#form_question .remark_box .attention{padding-top:6px;padding-bottom:6px;}

#mall_str_pamplet .slide_section{position:relative;width:324px;flex-grow:0; flex-shrink:0;padding-left:1.5rem;}
#mall_str_pamplet .slide_wrapper{position:absolute;width:300px;}
#mall_str_pamplet .option_article{overflow:auto;flex-grow:1;flex-shrink:1;border-bottom:1px SOLID #E6E3E8;padding-bottom:1rem;}
#mall_str_pamplet .option_article .option_row{padding-top:12px;}
#mall_str_pamplet .option_article .option_row:first-child{padding-top:0;}

#mall_str_pamplet .option_article .option_label{display:flex;justify-content:space-between;padding:12px;}
#mall_str_pamplet .option_article .option_label:not(.disabled){cursor:pointer;border:1px SOLID #1A1A1A;}
#mall_str_pamplet .option_article .option_label.disabled{border:1px SOLID #E6E3E8;}
#mall_str_pamplet .option_article .option_label.selected{border:1px SOLID #FC1B50;}

#mall_str_pamplet .option_article .option_label .label{height:36px;line-height:36px;font-size:1rem;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#mall_str_pamplet .option_article .option_label.selected .label{font-weight:600;color:#FC1B50;}
#mall_str_pamplet .option_article .option_label .icon{height:36px;line-height:36px;}
#mall_str_pamplet .option_article .option_label .icon i{font-size:2rem;}

#mall_str_pamplet .option_article .option_article_section{border:1px SOLID #FC1B50;border-top:none;}
#mall_str_pamplet .option_article .option_article_section button{width:100%;height:48px;background-color:#F2F2F2;border:1px SOLID #feb4c5;}
#mall_str_pamplet .option_article .option_article_section button:hover{color:#FFF;background-color:#FC1B50;border:none;}
#mall_str_pamplet .option_article .option_article_section .announce{font-size:0.8125rem;color:#FD819E;padding-top:9px;}
#mall_str_pamplet .option_article .option_article_section .announce p{line-height:160%;}
#mall_str_pamplet .option_article .option_article_section .announce ul{list-style: disc outside !important;padding-left: 24px;}
#mall_str_pamplet .option_article .option_article_section .announce ul > li{list-style-type:disc !important;line-height: 160%;}
#mall_str_pamplet .option_article .option_article_section .announce ol{list-style: decimal outside !important;padding-left: 24px;}
#mall_str_pamplet .option_article .option_article_section .announce ol > li{list-style-type:decimal !important;line-height: 160%;}

#mall_str_pamplet .option_article .option_article_list{border-bottom:1px SOLID #E6E3E8;}
#mall_str_pamplet .option_article .option_article_list > .option_article_row{cursor:pointer;border-top:1px SOLID #E6E3E8;padding:12px;}
#mall_str_pamplet .option_article .option_article_list > .option_article_row:first-child{border-top:none;}
#mall_str_pamplet .option_article .option_article_row .option_article_label{font-size:1rem;color:#1A1A1A;}
#mall_str_pamplet .option_article .option_article_row .option_article_fare{font-size:1rem;font-weight:600 ;color:#1A1A1A;padding-top:3px;}
#mall_str_pamplet .option_article .option_article_row:hover{background-color:#F2F6F8;}

#mall_str_pamplet .option_article .option_article_input,
#mall_str_pamplet .option_article .option_article_file{padding:12px;}
#mall_str_pamplet .option_article .option_selected{overflow:hidden;border:1px SOLID #E6E3E8;padding:12px;}
#mall_str_pamplet .option_article .option_selected .option_selected_article{
	border-top: 1px SOLID #E6E3E8;
	margin-top: 12px;
	padding-top: 12px;
}

#mall_str_pamplet .option_article .option_selected .option_selected_article:first-child{
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

#mall_str_pamplet .option_article .option_count{display:flex;justify-content: space-between;padding:12px 0;}
#mall_str_pamplet .option_article .unit_container{flex-grow: 0;flex-shrink: 0;display:flex;width:132px;height:38px;border:1px SOLID #E6E3E8;}

#mall_str_pamplet .option_article .counter{flex-grow: 0;flex-shrink: 0;width:36px;height:36px;}
#mall_str_pamplet .option_article .counter button{width:100%;height:36px;border:none;}
#mall_str_pamplet .option_article .qty{flex-grow: 1;flex-shrink: 1;height:36px;border-left:1px SOLID #E6E3E8;border-right:1px SOLID #E6E3E8;}
#mall_str_pamplet .option_article .qty input{width:100%;height:36px; font-size:1rem;line-height:36px;text-align:center;border:none;}

#mall_str_pamplet .option_article .option_sum{flex-grow: 1;flex-shrink: 1;text-align:right;}
#mall_str_pamplet .option_article .option_sum span{flex-grow: 1;flex-shrink: 1;font-size:1rem; line-height:38px;font-weight:600;color:#000;}
#mall_str_pamplet .option_article .option_delete{content:'원'; padding-left:4px;}

#mall_str_pamplet .option_article .option_delete{flex-grow: 0;flex-shrink: 0; width:24px;}

#mall_str_pamplet .slide_section .mileage_row .cell span:after{content:'점';font-size:0.875rem;font-weight:normal;padding-left:0.1875rem;}

#mall_str_pamplet .amount_article{flex-grow:0;flex-shrink:0;border-bottom:1px SOLID #e6e3e8;padding-top:1rem;padding-bottom:1rem;}

#mall_str_pamplet .amount_article .discount_row{display:flex;justify-content:space-between;}
#mall_str_pamplet .amount_article .discount_row .label{width:60px;color:#000;}

#mall_str_pamplet .amount_article .discount_row .cell{font-size:1rem;font-weight:bold;color:#000;text-align:right;vertical-align:bottom;}
#mall_str_pamplet .amount_article .discount_row .cell span:after{content:'원';font-size:0.875rem;font-weight:normal;color:#000;padding-left:0.1875rem;}

#mall_str_pamplet .amount_article .total_row{display:flex;justify-content:space-between;}
#mall_str_pamplet .amount_article .total_row .label{width:60px;color:#FC0341;}

#mall_str_pamplet .amount_article .total_row .cell{font-size:2rem;font-weight:bold;color:#FC0341;text-align:right;vertical-align:bottom;}
#mall_str_pamplet .amount_article .total_row .cell span:after{content:'원';font-size:0.875rem;font-weight:normal;color:#FC0341;padding-left:0.1875rem;}

#mall_str_pamplet .slide_section .button_article{height:72px;flex-grow:0;flex-shrink:0;}
#mall_str_pamplet .slide_section .button_article button{width:100%;text-align:center;padding:0;}




/*
	CART, PURCHASING
*/
.cart_panel .function_container{display:flex;justify-content:space-between;padding-bottom:6px;}
.cart_panel .function_container .counter_sec{flex-grow:1; flex-shrink:1;}
.cart_panel .function_container .button_sec,
.cart_panel .function_container .select_sec{flex-grow:0; flex-shrink:0;}

.cart_panel .function_container .button_sec{line-height:48px;padding-right:12px;}

@media only screen and (max-width: 719px) {
	#cart_panel .panel_body,
	#purchasing_panel .panel_body{padding:12px;}

	.cart_panel .function_container .button_sec{line-height:48px;padding-right:12px;}
	.cart_panel .function_container .button_sec button{height:24px;}

	
	#cart_panel .panel_body .sum_container,
	#purchasing_panel .panel_body .sum_container{padding-top:24px;}

	#cart_panel .panel_foot .button_section .content,
	#purchasing_panel .panel_foot .button_section .content{flex-grow:1; flex-shrink:1;padding-left:12px;}
	#cart_panel .panel_foot .total_sum,
	#purchasing_panel .panel_foot .total_sum{font-size:1rem;font-weight:600; color:#FC1B50;line-height:42px;}
	#cart_panel .panel_foot .total_sum:before,
	#purchasing_panel .panel_foot .total_sum:before{content:'주문금액';font-size:0.875rem;font-weight:normal;color:#FC1B50;padding-right:6px;}
	#cart_panel .panel_foot .total_sum:after,
	#purchasing_panel .panel_foot .total_sum:after{content:'원';font-size:0.875rem;font-weight:normal;color:#FC1B50;padding-left:4px;}
	#cart_panel .panel_foot .button_section .button,
	#purchasing_panel .panel_foot .button_section .button{flex-grow:0; flex-shrink:0;padding-top:3px;padding-right:3px;}
}

.order_wrapper .section_container{display:flex;justify-content:space-between;}
.order_wrapper .body_section{flex-grow:1; flex-shrink:1;border-right:1px SOLID #D9D9D9;padding-right:36px;}
.order_wrapper .body_section .selection{padding-bottom:12px;}
.order_wrapper .body_section .check_delete:before {content:'|'; font-size:1rem; color:#E6E6E6;padding-left:12px; padding-right:12px;}
.order_wrapper .body_section .check_delete a{ display:inline-block; cursor:pointer;font-size:1rem; }

.order_wrapper .body_section .distributor{font-size:1.25rem;font-weight:bold;padding-top:12px;padding-bottom:12px;}
.order_wrapper .body_section .table_row > span{padding-top:12px;padding-bottom:12px;}

.order_wrapper .body_section .check_cell{width:40px;text-align:center;}

#mall_odr_purchasing #address_list .shpping_cont .shpping_article{display:flex;justify-content:space-between;padding-top:6px;}
#mall_odr_purchasing #address_list .shpping_cont > .shpping_article:first-child{display:flex;justify-content:space-between;padding-top:6px;}
#mall_odr_purchasing #address_list .label{flex-grow:0;flex-shrink:0;width:60px;height:24px;text-align:center;line-height:22px;background-color:#E9E9E9;border:1px SOLID #D9D9D9;}
#mall_odr_purchasing #address_list .cont{flex-grow:1;flex-shrink:1;padding-left:6px;}

.order_wrapper .cart_partner_block{border:1px SOLID var(--dng-color-form);border-radius:var(--dng-radius-form);margin-top:24px;overflow:hidden;}
.order_wrapper .cart_partner_block:first-child{margin-top:0px;}
.order_wrapper .cart_partner_sum_block{display:flex;justify-content:space-between;border-top:1px SOLID #D9D9D9;padding:16px;}
.order_wrapper .cart_partner_sum_block span{flex-grow:1; flex-shrink:1;text-align:center;}
.order_wrapper .cart_partner_sum_block .sign_section{flex-grow:0; flex-shrink:0; width:60px;text-align:center;}
.order_wrapper .cart_partner_sum_block .label{color:#A9A9A9;}
.order_wrapper .cart_partner_sum_block .amount{font-size:1.25rem; font-weight:bold;color:#1A1A1A;}
.order_wrapper .cart_partner_sum_block .amount:after{content:'원';padding-left:4px;}

.order_wrapper .cart_goods{display:flex;justify-content:space-between;}
.order_wrapper .cart_goods .cart_goods_photo{flex-grow:0; flex-shrink:0; width:120px;}
.order_wrapper .cart_goods .cart_goods_photo span{display:inline-block;width:120px;height:120px;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url('/system/images/goods.jpg');}
.order_wrapper .cart_goods .cart_goods_content{flex-grow:1; flex-shrink:1;padding-left:12px;}

.order_wrapper .cart_goods .cart_goods_article{display:flex;justify-content:space-between;}
.order_wrapper .cart_goods .cart_goods_article .cart_goods_content_subject{flex-grow:1; flex-shrink:1;}
.order_wrapper .cart_goods .cart_goods_article .cart_goods_content_subject .goods_subject{color:#282828;font-size:1rem;font-weight:600;padding-top:6px;}
.order_wrapper .cart_goods .cart_goods_article .cart_goods_content_subject .goods_option{color:#A9A9A9;font-size:0.8125rem;line-height:140%;padding-top:6px;}

.order_wrapper .cart_goods .cart_goods_article .cart_goods_content_fare{flex-grow:0; flex-shrink:0;width:140px; text-align:right;}
.order_wrapper .cart_goods .cart_goods_article .cart_goods_content_fare span{font-size:1.25rem;font-weight:bold;color:#000;padding-right:12px;}
.order_wrapper .cart_goods .cart_goods_article .cart_goods_content_fare span:after{content:'원';font-size:0.875rem;font-weight:normal;padding-left:4px;}

.order_wrapper .cart_goods .cart_goods_article .cart_goods_content_button{flex-grow:0; flex-shrink:0;width:36px;}
.order_wrapper .cart_goods .cart_goods_article .cart_goods_content_button [name=btn_delete]{width:24px;height:24px;background-color:transparent;}
.order_wrapper .cart_goods .cart_goods_article .cart_goods_content_select{flex-grow:0; flex-shrink:0;width:24px; text-align:center;}

.order_wrapper .cart_goods .goods_qty{padding-top:12px;display:flex;justify-content:flex-start;}
.order_wrapper .cart_goods .goods_qty_block{display:inline-flex;height:36px;border:1px SOLID #D9D9D9;background-color:#F2F2F2;}
.order_wrapper .cart_goods .goods_qty_block button{width:36px;height:34px;background-color:transparent;border:none;}
.order_wrapper .cart_goods .goods_qty_block button:not([disabled]){cursor:pointer;}
.order_wrapper .cart_goods .goods_qty_block button:not([disabled]):hover{color:#1A1700;background-color:#FFCC00;}
.order_wrapper .cart_goods .goods_qty_block button:disabled{border:none;}
.order_wrapper .cart_goods .goods_qty_block .cont{width:60px;height:34px;text-align:center;line-height:34px;background-color:#FFF;border-left:1px SOLID #D9D9D9;border-right:1px SOLID #D9D9D9;}

.order_wrapper .cart_goods .goods_qty [name=btn_delete]{height:36px;line-height:34px;background-color:transparent;border:1px SOLID #D9D9D9;margin-left:6px;}
.order_wrapper .cart_goods .goods_qty [name=btn_delete]:hover{color:#1A1700;background-color:#FFCC00;}

.order_wrapper .cart_goods .goods_qty > .label{font-weight:600;color:#1A1700;}
.order_wrapper .cart_goods .goods_qty > .cont{font-weight:600;color:#1A1700;}
.order_wrapper .cart_goods .goods_qty > .cont:before{content:':';padding-left:6px;padding-right:6px;}
.order_wrapper .cart_goods .goods_qty > .cont:after{content:'EA';font-weight:normal;padding-left:3px;}

.order_wrapper .cart_shipping_goods{padding:16px;background-color:#FFF;}
.order_wrapper .cart_shipping_goods .cart_goods{border-top:1px SOLID #D9D9D9;margin-top:12px;padding-top:12px;}
.order_wrapper .cart_shipping_goods .cart_goods .btn_goods{cursor:pointer;}
.order_wrapper .cart_shipping_goods > .cart_goods:first-child{border-top:none;margin-top:0;padding-top:0;}
.order_wrapper .cart_shipping_sum{display:flex;justify-content:space-between;padding:12px 0;}
.order_wrapper .cart_shipping_sum .shipping_message{padding-left:16px;}
.order_wrapper .cart_shipping_sum .shipping_charge{padding-right:76px;}
.order_wrapper .cart_shipping_sum .shipping_charge .label:after{content:'|';color:#D9D9D9;padding-left:12px;padding-right:12px;}
.order_wrapper .cart_shipping_sum .shipping_charge .amount:after{content:'원';padding-left:4px;}

.order_goods_table .goods_cell{padding:0.75rem;}

.order_goods_table .picture_cell{width:120px;}
.order_goods_table .picture_cell span{display:inline-block;width:120px;height:120px;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url('/system/images/goods.jpg');border:1px SOLID #D9D9D9;}

.order_goods_table .goods_identity{display:flex;justify-content:space-between;}
.order_goods_table .goods_identity .goods_code{height:24px; line-height:22px; background-color:#F8F8F8;border:1px SOLID #D9D9D9;padding-left:6px;padding-right:6px;}
.order_goods_table .goods_identity .goods_code:before{content:'상품코드';color:#D9D9D9;padding-right:6px;}
.order_goods_table .goods_identity .button{text-align:right;}
.order_goods_table .goods_identity .button button{cursor:pointer;height:24px;font-size:0.75rem; color:#FC1B50;background-color:#FFF;border:1px SOLID #FC1B50;}
.order_goods_table .goods_identity .button button:hover{color:#FFF;background-color:#FC1B50;}

.order_goods_table .goods_subject{color:#282828;font-size:1rem;font-weight:600;padding-top:6px;}

.order_goods_table .price_cell{width:144px;text-align:center;border-left:1px SOLID #e6e3e8;}
.order_goods_table .price_cell .fare_row span{font-size:1.25rem;font-weight:bold;}
.order_goods_table .price_cell .fare_row span:after{content:'원';font-size:0.875rem;font-weight:normal;}

.order_goods_table .price_cell .shipping_row{padding-top:12px;}
.order_goods_table .price_cell .shipping_row .free{display:inline-block;color:#0287CA;border:1px SOLID #0287CA;padding:6px 12px;}
.order_goods_table .price_cell .shipping_row .amount:before{content:'배송비: ';font-size:0.875rem;font-weight:normal;}
.order_goods_table .price_cell .shipping_row .amount{font-size:0.875rem;font-weight:bold;}
.order_goods_table .price_cell .shipping_row .amount:after{content:'원';font-size:0.875rem;font-weight:normal;}

.order_goods_table .function_cell{width:30px;}
.order_goods_table .goods_option{padding-top:6px;}
.order_goods_table .goods_option span:before{content:'옵션 :';padding-right:6px;}

.order_goods_table .sum_row{background-color:#ffe6ec;}
.order_goods_table .sum_row td{text-align:center;padding:12px 0;}
.order_goods_table .sum_row span{display:inline-block;vertical-align:middle;}
.order_goods_table .sum_row .theme_label{font-size:1.25rem;font-weight:bold;color:#000;}
.order_goods_table .sum_row .theme_label:after{content:'';padding-right:0.75rem;}
.order_goods_table .sum_row .item_label{font-size:0.9375rem;color:#A9A9A9;padding-right:0.25rem;}

.order_goods_table .sum_row .plus_sign:before{content:'+';padding-left:0.75rem;padding-right:0.75rem;}
.order_goods_table .sum_row .minus_sign:before{content:'-';padding-left:0.75rem;padding-right:0.75rem;}
.order_goods_table .sum_row .item_amount{font-size:1.25rem;color:#000;font-weight:bold;}
.order_goods_table .sum_row .item_amount:before{content:'';padding-left:0.375rem;}
.order_goods_table .sum_row .item_amount:after{content:'원';font-size:1rem;font-weight:normal;padding-left:0.1875rem;}
.order_goods_table .sum_row .discount_amount{color:#FC1B50}

.order_goods_table .sum_row .total_amount{font-size:1.5rem;font-weight:bold;color:#FC1B50;}
.order_goods_table .sum_row .total_amount:before{content:'=';font-size:1.25rem;padding-left:0.375rem;padding-right:0.375rem;}
.order_goods_table .sum_row .total_amount:after{content:'원';font-size:1rem;color:#FC1B50;padding-left:0.1875rem;}

.order_wrapper .body_section .address_row{padding-top:0;}
.order_wrapper .body_section .address_row .input-field{margin-top:0}

.order_wrapper .slide_section{position:relative;width:324px;min-height:320px;flex-grow:0; flex-shrink:0;padding-left:1.5rem;}
.order_wrapper .slide_wrapper{position:absolute;width:300px;}

/*
.order_wrapper .amount_article{border-top:1px SOLID #e6e3e8;margin-top:1rem;padding-top:1.5rem;}
*/
.order_wrapper .slide_section .label{width:100px;}
.order_wrapper .slide_section .cell{font-weight:bold;color:#000;text-align:right;}
.order_wrapper .slide_section .cell span:after{content:'원';font-size:0.875rem;font-weight:normal;padding-left:0.1875rem;}

.order_wrapper .slide_section .mileage_row .cell span:after{content:'점';font-size:0.875rem;font-weight:normal;padding-left:0.1875rem;}

.order_wrapper .slide_section .total_row .label,
.order_wrapper .slide_section .total_row .cell{color:#FC1B50;vertical-align:bottom;line-height:100%;}
.order_wrapper .slide_section .total_row .cell{font-size:2rem;}
.order_wrapper .slide_section .total_row .cell span:after{color:#FC1B50;}

.order_wrapper .slide_section .agree_article {padding-top:12px;border-top:1px SOLID #E6E3E8;}
.order_wrapper .slide_section .agree_article .agree{font-size:0.8125rem;color:#000;text-align:center;padding-top:12px;}

.order_wrapper .slide_section .button_article button{width:100%;color:#FFF;background-color:#C94402;}

.purchasing_panel .personal_section {display:flex;align-items:center;padding-top:12px;}
.purchasing_panel .personal_section i{color:#00BF63;padding-lefT:12px;}
.purchasing_panel .personal_section .remark{color:#00BF63;}

#purchasing_result_wrapper .message{padding-top:24px;}
#purchasing_result_wrapper .announce_box p{text-align:center;}
#purchasing_result_wrapper .announce_box .result{font-size:1rem;font-weight:bold;color:#1A1700;}
#purchasing_result_wrapper .announce_box .description{padding-top:12px;}
#purchasing_result_wrapper .button{text-align:center;padding-top:24px;}

@media only screen and (max-width: 719px) {
	.order_wrapper .cart_goods .cart_qty{display:inline-flex;}
	.order_wrapper .cart_goods .goods_qty_block{height:26px;}
	.order_wrapper .cart_goods .goods_qty_block button{width:24px;height:24px;line-height:0;padding:0}
	.order_wrapper .cart_goods .goods_qty_block i{font-size:1rem;}
	.order_wrapper .cart_goods .goods_qty_block .cont{width:36px;height:24px;text-align:center;line-height:24px;}
	.order_wrapper .cart_goods .cart_goods_article .cart_goods_content_fare{width:auto; text-align:left;padding-left:12px;}
	.order_wrapper .cart_goods .cart_goods_article .cart_goods_content_fare span{font-size:0.875rem;line-height:24px;}
	.order_wrapper .cart_goods .cart_goods_article .cart_goods_content_fare span:after{font-size:0.8125rem;}
	
	.order_wrapper .cart_goods .cart_goods_article .cart_goods_content_select button{width:24px;height:24px;padding:0;}

	.order_wrapper .cart_partner_sum_block .sign_section{width:24px;}
	.order_wrapper .cart_partner_sum_block .sign_section .material-icons{font-size:1rem;}
	.order_wrapper .cart_partner_sum_block .label{font-size:0.75rem;}
	.order_wrapper .cart_partner_sum_block .amount{font-size:0.875rem;}
	.order_wrapper .cart_partner_sum_block .amount:after{font-size:0.75rem;}
	
	.order_wrapper .sum_container .total_row .cell{font-size:1rem;}
}


/*
	CONTACT
*/


/*
	MY PAGE
*/
.board_update_form .textarea_form{min-height:360px;}

#stateroom_wrapper{
	padding:32px 0;
}

.mall_stateroom .menu_section .category_head{border-bottom:1px SOLID #D9D9D9;}
.mall_stateroom .menu_section .category_head .picture_container{height:156px;background-color:#F8F8F8;}
.mall_stateroom .menu_section .category_head .identity_container{padding:18px 16px;}
.mall_stateroom .menu_section .category_head .identity_container .organization{font-size:1rem;font-weight:600;color:var(--dng-color-main);line-height:140%;padding-bottom:8px;}
.mall_stateroom .menu_section .category_head .identity_container .division{font-size:0.75rem;color:var(--dng-color-light);line-height:140%;}
.mall_stateroom .menu_section .category_head .identity_container .staff_name{font-size:1.25rem;font-weight:500;color:var(--dng-color-bold);line-height:120%;}
.mall_stateroom .menu_section .category_head .identity_container .staff_name:after{content:'님';font-size:0.8125rem;padding-left:0.25rem;color:var(--dng-color-main);}
.mall_stateroom .menu_section .category_head .nav_container{display:flex;justify-content:center;padding-top:4px;padding-bottom:16px;}
.mall_stateroom .menu_section .category_head .nav_container li{padding-left:8px;padding-right:8px;}
.mall_stateroom .menu_section .category_head .nav_container li a{display:inline-block;cursor:pointer;width:60px;height:60px;color:#BBC0C3;text-align:center;line-height:0;border:1px SOLID #D9D9D9;border-radius:4px;}
.mall_stateroom .menu_section .category_head .nav_container li a .material-icons{font-size:2.4rem;line-height:58px;}
.mall_stateroom .menu_section .category_head .nav_container li a:hover{background-color:#F2CB49;border:1px SOLID #F2CB49;color:#3E3E40;}

.mall_stateroom .menu_section .category_body{padding:24px;}
.mall_stateroom .menu_section .category_menu_row{border-top:1px SOLID #D9D9D9;margin-top:18px;padding-top:18px;padding-left:4px;}
.mall_stateroom .menu_section .category_menu_row:first-child{border-top:none;margin-top:0;padding-top:0;}
.mall_stateroom .menu_section .category_menu{cursor:pointer;font-size:1.125rem;}
.mall_stateroom .menu_section .category_sub_menu{padding-left:8px;}
.mall_stateroom .menu_section .category_sub_menu li{padding-top:8px;}
.mall_stateroom .menu_section .category_sub_menu a{color:#858E93;}
.mall_stateroom .menu_section .category_menu:not(.selected):hover,
.mall_stateroom .menu_section .category_sub_menu a:not(.selected):hover{color:#F2CB49;}

.mall_stateroom .menu_section .category_body .selected{cursor:default;font-weight:700;color:#181A1B;}
.mall_stateroom .body_section{padding-left:48px;}

@media only screen and (max-width: 719px) {
	.mall_stateroom .menu_section{display:none;}
	.mall_stateroom .body_section{width:100%;padding-left:12px;padding-right:12px;}
}

.mall_stateroom .search_list_block{display:flex;justify-content:space-between;align-items:flex-end;background-color:#F8F8F8;border:1px SOLID #D9D9D9;padding:12px;}
.mall_stateroom .search_list_block .article_section{flex-grow:1;flex-shrink:1;}
.mall_stateroom .search_list_block input[type=text]{background-color:#FFF;}
.mall_stateroom .search_list_block button[name="btn_prev_month"],
.mall_stateroom .search_list_block button[name="btn_duration"]{height:48px;}
.mall_stateroom .search_list_block button[name="btn_duration"]:not(.selected){cursor:pointer;background-color:transparent;border:1px SOLID #D9D9D9;}

.mall_stateroom .search_list_block button[name="btn_prev_month"]:hover,
.mall_stateroom .search_list_block button[name="btn_duration"]:not(.selected):hover{background-color:#FFCC00;}
.mall_stateroom .search_list_block button[name="btn_duration"].selected{cursor:default;background-color:#FFF;border:1px SOLID #A9A9A9;}

.mall_stateroom .search_list_block button[name="btn_prev_month"]{
	cursor:pointer;
	background-color:transparent;
	border:1px SOLID #D9D9D9;
}

.mall_stateroom .search_list_block .button_section{flex-grow:0;flex-shrink:0;padding-top:12px;}
.mall_stateroom .search_list_block .button_section button{width:100%;height:48px;margin-top:12px;}

@media only screen and (min-width: 719px) {
	.mall_stateroom .search_list_block button[name="btn_duration"]{height:48px;}
	.mall_stateroom .search_list_block button[name="btn_duration"]:not(.selected){cursor:pointer;background-color:transparent;border:1px SOLID #D9D9D9;}
	.mall_stateroom .search_list_block button[name="btn_duration"]:not(.selected):hover{background-color:#FFCC00;}
	.mall_stateroom .search_list_block button[name="btn_duration"].selected{cursor:default;background-color:#FFF;border:1px SOLID #A9A9A9;}
}

.mall_stateroom .search_block{display:flex;justify-content:space-around;background-color:#F8F8F8;border:1px SOLID #D9D9D9;padding:12px 24px;}
.mall_stateroom .search_block .month_list{display:flex;justify-content:space-between;width:100%;height:48px;border:1px SOLID #D9D9D9;}
.mall_stateroom .search_block .month_list li{width:20%;border-left:1px SOLID #D9D9D9;}
.mall_stateroom .search_block .month_list li:first-child{border-left:none;}
.mall_stateroom .search_block .month_section1 li{width:12.5%}
.mall_stateroom .search_block .month_list .selected {background-color:#282828;}
.mall_stateroom .search_block .month_list button{width:100%;height:46px;text-align:center;border:none;background-color:transparent;}
.mall_stateroom .search_block .month_list li:not(.selected) button{cursor:pointer;}
.mall_stateroom .search_block .month_list .selected button{color:#FFF;}
.mall_stateroom .search_block .month_list li:not(.selected) button:hover{color:#1A1700;background-color:#FFCC00;}
.mall_stateroom .search_block .duration_section{flex-grow:1;flex-shrink:1;padding-left:24px;}
.mall_stateroom .search_block .date_range{display:flex;justify-content:space-between;}
.mall_stateroom .search_block .date_range input{background-color:#FFF;}
.mall_stateroom .search_block .date_range li:not(.center){flex-grow: 0;flex-shrink: 0;width:110px;}
.mall_stateroom .search_block .date_range .center{flex-grow: 1;flex-shrink: 1;line-height:48px;}

.mall_stateroom .search_block button{width:100%;height:48px;}

.mall_stateroom .count_section .filter_sec .filter_container{
	position:absolute;
	right:0px;
	top:49px;
	width:240px;
	border:1px solid #D9D9D9;
  box-shadow: 0 3px 6px rgba(0,0,0,0.05), 0 3px 6px rgba(0,0,0,0.1);
	background-color:var(--dng-white);
	border-radius:var(--dng-radius-inline);
	padding:16px;
	z-index:5;
}

.mall_stateroom .count_section .filter_sec .filter_container input[type=text]{
	background-color:var(--dng-white);
}

.mall_stateroom .filter_form_list{
	display:flex;
	flex-direction: column;
	border-left:4px SOLID rgba(217, 118, 24, 0.75);
	padding-left:12px;
}

.mall_stateroom .filter_form_list > li:not(:first-child){
	padding-top:24px;
}

.mall_stateroom .filter_form_list .section_label{
	font-size:0.75rem;
	color:var(--dng-color-dim);
	padding-left:6px;
	padding-bottom:3px;
}

.mall_stateroom .filter_form_list .selector_list{
	display:flex;
	flex-wrap: wrap;
	gap:4px;
}

.mall_stateroom .filter_form_list  .selector_list button{
	font-size:0.75rem;
	height:24px;
	line-height:22px;
	border-radius:var(--dng-radius-inline);
}

.mall_stateroom .filter_form_list  .selector_list button.selected{
	color:var(--dng-white) !important;
	border:1px SOLID var(--dng-color-main) !important;
	background-color:var(--dng-color-main) !important;
	cursor:pointer;
}

.mall_stateroom .filter_form_list  .selector_list button:not(.selected){
	border:1px SOLID var(--dng-face-fale) !important;
	background-color:var(--dng-white) !important;
}

.mall_stateroom .filter_form_list  .selector_list button:not(.selected):hover{
	color:var(--dng-color-bold) !important;
	border:1px SOLID var(--dng-yellow) !important;
	background-color:var(--dng-yellow) !important;
}

.mall_stateroom .filter_button_list{
	padding-top:32px;
}

.mall_stateroom .filter_button_list button{
	width:100%;
	color:var(--dng-white);
	background-color:var(--dng-button);
}
.mall_stateroom .filter_button_list button:hover{
	color:var(--dng-color-bold);
	background-color:var(--dng-yellow);
}

.mall_stateroom .order_panel,
.mall_stateroom .board_panel,
.mall_stateroom .approval_panel,
.mall_stateroom .invoice_panel,
.mall_stateroom .process_panel,
.mall_stateroom .organization_panel,
.mall_stateroom .account_block,
.mall_stateroom .business_registration_panel{padding-top:12px;}
.mall_stateroom .count_section{display:flex;justify-content:space-between;padding-bottom:6px;}
.mall_stateroom .count_section .filter_sec,
.mall_stateroom .count_section .check_sec,
.mall_stateroom .count_section .button_sec,
.mall_stateroom .count_section .capa_sec,
.mall_stateroom .count_section .sort_sec{vertical-align:top;flex-grow: 0;flex-shrink: 0;}
.mall_stateroom .count_section .counter_sec{flex-grow: 1;flex-shrink: 1;line-height:48px;}
.mall_stateroom .count_section .total_articles span{color:#1A1A1A;font-weight:600;}
.mall_stateroom .count_section .total_articles span:before{content:'총';color:#7F7F7F;font-weight:normal;padding-right:3px;}
.mall_stateroom .count_section .total_articles span:after{content:'건이 검색되었습니다.';color:#7F7F7F;font-weight:normal;padding-left:3px;}

.mall_stateroom .count_section .check_sec{height:48px;line-height:48px;}
.mall_stateroom .count_section .check_sec .button_all{height:48px;line-height:48px;padding-left:16px;padding-right:16px;}

/*CheckBox R2L*/
.select_all_right {padding-right:12px;}
.select_all_right [type="checkbox"]+span:not(.lever){padding-left: 0px; padding-right:32px}
.select_all_right [type="checkbox"].filled-in+span:not(.lever):before{left:auto !important;right:13px !important}
.select_all_right [type="checkbox"].filled-in+span:not(.lever):after{left:auto !important;right:0 !important}

.mall_stateroom .count_section .filter_sec{
	position:relative;
	padding-left:6px;
}

.mall_stateroom .count_section .filter_sec .filter{
	cursor:pointer;
	position:relative;
	display: flex;
	justify-content: center;
	height:48px;
	border:1px solid var(--dng-color-form);
	background-color:#FFF;
	border-radius:var(--dng-radius-inline);
	padding-left:24px;
	padding-right:24px;
}

.mall_stateroom .count_section .filter_sec .filter .material-icons-round,
.mall_stateroom .count_section .filter_sec .filter .material-icons-outlined,
.mall_stateroom .count_section .filter_sec .filter .material-icons{
	height:46px;
	line-height:46px;
}

.mall_stateroom .count_section .filter_sec .filter .label{
	font-size:1rem;
	line-height:46px;
	padding-left:6px;
}

.mall_stateroom .count_section .filter_sec .filter.selected{
	color:#FFF;
	border:1px solid #333;
	background-color:#333;
}

.mall_stateroom .order_panel .page_section{padding-top:12px;}

.mall_stateroom .order_list td{padding-top:9px;padding-bottom:9px;}
.mall_stateroom .order_list thead tr:not(.first_row) th{border-top:1px SOLID #D9D9D9;}

.relative{position:relative;}
.staff_list .relative{position:relative;}
.staff_list .summary{display:flex;}
.staff_list .staff_id,
.staff_list .staff_division{line-height:20px;}
.staff_list .staff_division:after{content:'|';padding-left:6px;padding-right:6px;}
.staff_list .staff_id{padding-right:6px;}
.grid_list .button_block{position:absolute;top:0px;right:12px;}
.grid_list .button_block button{
	width:24px;
	height:24px;
	background-color:transparent;
	line-height:0;
	color:var(--dng-color-dim);
	border:1px SOLID var(--dng-color-form);
	border-radius:var(--dng-radius-inline);
	margin-left:2px;
	padding:0;
}

.grid_list .button_block button:hover{
	color:var(--dng-white);
	background-color:var(--dng-color-bold);
	border:1px SOLID var(--dng-color-bold);
}
.grid_list .button_block .material-icons-round,
.grid_list .button_block .material-icons-outlined,
.grid_list .button_block .material-icons{
	font-size:1.125rem;
	line-height:22px;
}

.grid_list .button_article{text-align:right;border-top:1px SOLID #D9D9D9; margin-top:6px;padding-top:6px;}
.grid_list .button_article{padding-left:12px;}
.grid_list .button_article button{width:24px;height:24px;background-color:transparent;line-height:0;color:#A9A9A9;border:1px SOLID #A9A9A9;margin-left:2px;padding:0;}
.grid_list .button_article button:hover{color:#FFF;background-color:#A9A9A9;border:1px SOLID #A9A9A9;}
.grid_list .button_article .material-icons-round,
.grid_list .button_article .material-icons-outlined,
.grid_list .button_article .material-icons{font-size:1.25rem;line-height:22px;}


#mall_srm_main .body_head{display:flex;justify-content: space-around;background-color:#F8F8F8;border:1px SOLID #D9D9D9;}
#mall_srm_main .body_head li{padding:24px;}
#mall_srm_main .body_head p{text-align:center;}
#mall_srm_main .body_head .material-icons{font-size:3rem;color:#939a9f;}
#mall_srm_main .body_head .label{font-size:1rem;color:#9C9C9C;line-height:200%;}
#mall_srm_main .body_head .count{font-size:1.5rem;color:#282828;}
#mall_srm_main .invitation_container{background-color:#fde7eb;border:1px SOLID #fab8c2;padding:24px;}
#mall_srm_main .invitation_container .icon{text-align:center;padding-top:12px}
#mall_srm_main .invitation_container .icon .material-icons{font-size:3rem;color:#282828;}
#mall_srm_main .invitation_container .message{font-size:1rem;text-align:center;padding-top:12px;}
#mall_srm_main .invitation_container .button{text-align:center;padding-top:24px}
#mall_srm_main .invitation_container .button button{height:48px;font-size:1rem;padding:0 24px;margin:0 6px;}



#mall_srm_profile #profile_table .label{width:120px;text-align:center;}
#mall_srm_profile #destination_table .title{width:120px;}
#mall_srm_profile #destination_table .mobile{width:160px;}
#mall_srm_profile #destination_table .button{width:120px;}

#stateroom_wrapper .wish_panel .button_list{
	display:flex;
	flex-wrap: wrap;
}

#stateroom_wrapper .wish_panel .button_list > li:not(:first-child){
	padding-left:6px;
}

#stateroom_wrapper .wish_panel .button_list .btn_folder{
	display:inline-block;
	height:36px;
	line-height:32px;
	border-radius:18px;
	padding-left:12px;
	padding-right:12px;
}

#stateroom_wrapper .wish_panel .button_list .btn_folder:not(.selected){
	cursor:pointer;
	border:1px SOLID #D9D9D9;
}
#stateroom_wrapper .wish_panel .button_list .btn_folder.selected{cursor:default;color:#FFF;border:1px SOLID #A9A9A9;background-color:#A9A9A9;}
#stateroom_wrapper .wish_panel .button_list .btn_folder:not(.selected):hover{color:#1A1700;background-color:#FFCC00 !important;border:1px SOLID #FFCC00 !important}

#stateroom_wrapper .wish_panel .button_list .btn_folder .material-icons{padding-left:12px;}
#stateroom_wrapper .wish_panel .button_list .btn_folder .material-icons:hover{color:#FFF;}


#order_announce{
	color:red;
	padding-top:12px;
	padding-left:6px;
}
.order_panel .cell_category{text-align:center;padding-top:12px;color:#1A1700;font-weight:800;}

.order_panel .cell_date{text-align:center;padding-top:12px;}
.order_panel .cell_date p{text-align:6px;}
.order_panel .cell_date .order_date{color:#1A1700;font-weight:800;}

.order_panel .cell_goods{display:flex;justify-content:space-between;}
.order_panel .cell_goods .btn_detail{cursor:pointer;}
.order_panel .cell_goods .photo{width:120px;height:120px;background-repeat:no-repeat;background-size:cover;background-position: center center;}
.order_panel .cell_goods .subject{font-size:1rem;font-weight:700;color:#181A1B;padding-top:12px;}

.order_panel .cell_goods .goods_order_code{color:#A9A9A9;padding-right:12px;}
.order_panel .cell_goods .goods_order_code:before{content:'상품주문번호 :'; padding-right:3px;}

.order_panel .cell_goods .state{display:inline-block;color:#FFF;height:20px;line-height:20px;font-size:0.75rem;padding:0 6px;border-radius:4px;padding-left:6px;padding-right:6px;}

.order_panel .cell_goods .state10{background-color:#d4d3f8;color:#a4a1f0;}
.order_panel .cell_goods .state9{background-color:#d4d3f8;color:#a4a1f0;}

.order_panel .cell_goods .state11{background-color:#FF6722;}

.order_panel .cell_goods .state14{background-color:#FF4F00;}
.order_panel .cell_goods .state16{background-color:#1BC887;}
.order_panel .cell_goods .state13{background-color:#A6B3BF;}
.order_panel .cell_goods .state15{background-color:#6AA8E0;}
.order_panel .cell_goods .state17{background-color:#2679C3;}
.order_panel .cell_goods .state18{background-color:#FFD348;color:#000 !important;}
.order_panel .cell_goods .state29{background-color:#000;}
.order_panel .cell_goods .state28{background-color:#CCC;}

.order_panel .cell_goods .cancel{height:20px;line-height:0}
.order_panel .cell_goods .cancel button{font-size:0.75rem;height:20px;line-height:18px;}

.order_panel .cell_goods .shopper_name{color:#A9A9A9;padding-right:12px;}
.order_panel .cell_goods .shopper_name:before{content:'주문자 :'; padding-right:3px;}

.order_panel .cell_goods .description_section .fare{font-weight:800;color:#FF1B19;padding-top:12px;}
.order_panel .cell_goods .description_section .fare:before{content:'상품가격:';padding-right:4px;}
.order_panel .cell_goods .description_section .fare:after{content:'원';padding-left:3px;}

.order_panel .cell_goods .description_section .shipping_free{color:#FF1B19;}
.order_panel .cell_goods .description_section .shipping_fee:before{content:'배송비:';padding-right:4px;}
.order_panel .cell_goods .description_section .shipping_fee:after{content:'원:';padding-left:3px;}

.order_panel .cell_goods .description_section .shipping_minimum{font-size:0.75rem;color:#A9A9A9;}

.order_panel .button{text-align:center;padding-top:6px;}
.order_panel .button_row{text-align:center;padding-top:6px;}

.order_panel .cell_fare {padding-top:12px;}
.order_panel .cell_fare p{text-align:center;line-height:100%;padding-top:6px;}
.order_panel .cell_fare .total_fare{color:#1A1700;font-size:1rem;font-weight:800;}
.order_panel .cell_fare .total_fare:after{content:'원';padding-left:4px;}

.order_panel .cell_fare .qty{color:#FF1B19;font-size:0.75rem;}
.order_panel .cell_fare .qty:before{content:'수량:';color:#FF1B19;padding-right:3px;}
.order_panel .cell_fare .qty:after{content:'개';color:#FF1B19;padding-left:3px;}

.order_panel .cell_fare .unit_fare{color:#FF1B19;font-size:0.75rem;}
.order_panel .cell_fare .unit_fare:before{content:'단가:';color:#FF1B19;padding-right:3px;}
.order_panel .cell_fare .unit_fare:after{content:'원';color:#FF1B19;padding-left:3px;}

.order_panel .cell_state{text-align:center;padding-top:12px;}

#order_sheet #head_article{display:flex;justify-content:space-between;background-color:#F8F8F8;border:1px SOLID #D9D9D9;padding:12px;margin-top:24px;}
#order_sheet #head_article section span{display:inline-block;}
#order_sheet #head_article section .label{color:#1A1A1A;font-weight:700;}
#order_sheet #head_article section .label:after{content:'|';color:#CCC;padding-left:12px; padding-right:12px;}

#order_sheet #approval_article .approval_list{display:flex;justify-content: flex-start;flex-direction: row-reverse;}
#order_sheet #approval_article .approval_list li{width:120px;border:1px SOLID #1A1700;border-left:none;}
#order_sheet #approval_article .approval_list li:last-child{border-left:1px SOLID #1A1700;}
#order_sheet #approval_article .approval_head{height:24px;font-size:0.75rem;color:#1A1700;text-align:center;line-height:23px;border-bottom:1px SOLID #1A1700;}
#order_sheet #approval_article .approval_body{height:66px;padding-top:8px;}
#order_sheet #approval_article .approval_body .manager{text-align:center;color:#1A1700;line-height:160%;}
#order_sheet #approval_article .approval_body .division{text-align:center;font-size:0.75rem;color:#A9A9A9;line-height:120%;}
#order_sheet #approval_article .approval_body .date{text-align:center;font-size:0.75rem;color:#A9A9A9;line-height:120%;}

#order_sheet #goods_article{display:flex;justify-content:space-between;border:1px SOLID #EFF2F6;padding:12px;margin-top:24px;}
#order_sheet #goods_article .goods_photo{flex-grow:0;flex-shrink: 0;width:120px;}
#order_sheet #goods_article .goods_photo .photo{display:inline-block;cursor:pointer;width:120px; height:90px;background-repeat:no-repeat;background-size:contain;background-position:center center;}

#order_sheet #goods_article .goods_info{flex-grow:1;flex-shrink: 1;padding-left:24px;padding-right:16px;}
#order_sheet #goods_article .fare{flex-grow:0;flex-shrink: 0;width:120px;text-align:center; border-left:1px SOLID #EFF9FF;border-right:1px SOLID #EFF9FF;}
#order_sheet #goods_article .function{flex-grow:0;flex-shrink: 0;width:96px;padding-left:12px;padding-right:12px;}

#order_sheet #goods_article .goods_subject{font-size:16px;color:#3B3B3B;font-weight:600;}

#order_sheet #order_list .cell_goods{display:flex;justify-content: space-between;}
#order_sheet #order_list .cell_goods .goods_photo{flex-grow: 0;flex-shrink: 0;width:120px;}
#order_sheet #order_list .cell_goods .photo{width:120px;height:90px;background-repeat:no-repeat;background-size:contain;background-position: center center;}
#order_sheet #order_list .cell_goods .description_section{padding-top:12px;padding-bottom:12px;}
#order_sheet #order_list .cell_goods .description_section .head{display:flex;}
#order_sheet #order_list .cell_goods .description_section .head .label{height:20px;line-height:18px;background-color:#EAF3FA;border:1px SOLID #E1E6EA;padding:0 6px;}
#order_sheet #order_list .cell_goods .description_section .head .cont{line-height:20px;padding-left:3px;padding-right:12px;}
#order_sheet #order_list .cell_goods .description_section .head .state{color:#FFF;line-height:20px;padding:0 6px;}

#order_sheet #order_list .cell_goods .description_section .head .state10{background-color:#d4d3f8;color:#a4a1f0;}
#order_sheet #order_list .cell_goods .description_section .head .state9{background-color:#d4d3f8;color:#a4a1f0;}

#order_sheet #order_list .cell_goods .description_section .head .state11{background-color:#FF6722;}

#order_sheet #order_list .cell_goods .description_section .head .state14{background-color:#FF4F00;}
#order_sheet #order_list .cell_goods .description_section .head .state16{background-color:#1BC887;}
#order_sheet #order_list .cell_goods .description_section .head .state13{background-color:#A6B3BF;}
#order_sheet #order_list .cell_goods .description_section .head .state15{background-color:#6AA8E0;}
#order_sheet #order_list .cell_goods .description_section .head .state17{background-color:#2679C3;}
#order_sheet #order_list .cell_goods .description_section .head .state18{background-color:#FFD348;color:#000;}
#order_sheet #order_list .cell_goods .description_section .head .state29{background-color:#000;}
#order_sheet #order_list .cell_goods .description_section .head .state28{background-color:#CCC;}

#order_sheet #order_list .cell_goods .description_section .subject{font-size:0.875rem;color:#000;padding-top:6px;padding-bottom:6px;}
#order_sheet #order_list .cell_goods .description_section .option{display:flex;flex-wrap: wrap;padding-bottom:6px;}
#order_sheet #order_list .cell_goods .description_section .option .option_label{font-size:0.8125rem;color:#A9A9A9;line-height:20px;padding-right:8px;}
#order_sheet #order_list .cell_goods .description_section .option .option_download{height:20px;line-height:0;}
#order_sheet #order_list .cell_goods .description_section .option .option_download a{height:20px; font-size:0.75rem;line-height:18px;border:1px SOLID #A6A6A6;padding-left:6px;padding-right:6px;}
#order_sheet #order_list .cell_goods .description_section .option .option_download a:hover{color:#1A1700;background-color:#FFCC00 !important;border:1px SOLID #FFCC00 !important;}

#order_sheet #order_list .cell_goods .description_section .partner {padding-top:6px;}
#order_sheet #order_list .cell_goods .description_section .partner .label:after{content:':';padding-left:3px;padding-right:3px;}

#order_sheet #order_list .cell_goods .description_section .cancel_remark{color:#FF6722;}
#order_sheet #order_list .cell_goods .description_section .cancel_remark:before{content:'취소사유: ';padding-right:4px;}

#order_sheet #order_list .button button{width:100%;font-size:0.75rem;margin-top:3px;}
#order_sheet #order_list .button button:first-child{margin-top:0;}

@media only screen and (max-width: 719px) {
	.order_list .article_head .order_goods_code{flex-grow: 0;flex-shrink: 0; height:24px; color:#C9C9C9;line-height:24px;padding-right:12px;}
	.order_list .article_head .order_goods_code:before{content:'상품주문번호 :';padding-right:6px;}
	.order_list .article_head .state{flex-grow: 0;flex-shrink: 0; height:24px;line-height:24px;}
	.order_list .article_head .head_button{flex-grow: 1;flex-shrink: 1; text-align:right;}
	.order_list .article_head .head_button button{height:24px;}
	.order_list .article_body{padding-top:6px;}

	.order_panel .cell_goods .photo{width:80px;height:80px;}
	.order_panel .cell_goods .subject{font-size:1rem;padding-top:0px;}
	.order_panel .cell_goods .order_cont{display:flex;padding-top:12px;}
	.order_panel .cell_goods .order_cont .order_fare{flex-grow: 0;flex-shrink: 0; font-size:0.875rem;color:#FF1B19;}
	.order_panel .cell_goods .order_cont .order_fare:after{content: '원';font-weight:normal;padding-left:3px;}
	.order_panel .cell_goods .order_cont .order_date{flex-grow: 1;flex-shrink: 1;font-size:0.8125rem; text-align:right;color:#C9C9C9;}
	.order_panel .cell_goods .order_cont .order_date:after{content: '주문';padding-left:4px;}

	.order_list .order_fare{display:flex;justify-content: space-between;}
	.order_list .order_fare .unit_fare{flex-grow: 0;flex-shrink: 0;font-size:0.875rem;color:#FF1B19;}
	.order_list .order_fare .unit_fare:after{content:'원';font-weight:normal;padding-left:3px;}
	.order_list .order_fare .qty{flex-grow: 0;flex-shrink: 0;padding-left:4px;font-size:0.875rem;color:#FF1B19;}
	.order_list .order_fare .qty:before{content:'x';font-weight:normal;padding-left:3px;padding-right:3px;}
	.order_list .order_fare .qty:after{content:'ea';font-weight:normal;padding-left:3px;}
	.order_list .order_fare .total_fare{flex-grow: 1;flex-shrink: 1;text-align:right;font-size:0.875rem;color:#FF1B19;}
	.order_list .order_fare .total_fare:after{content:'원';font-weight:normal;padding-left:3px;}
}

#order_sheet .dom_article{padding-top:24px;}
#order_sheet .dom_article .article_title{display:flex;justify-content:space-between;padding-bottom:6px;}
#order_sheet .dom_article .article_title .label{display:inline-block;height:24px;font-size:16px;line-height:24px;color:#000;}
#order_sheet .dom_article .article_title .button{display:inline-block;height:24px;}
#order_sheet .dom_article .article_title .button button{margin-left:6px;}
#order_sheet .dom_article .article_title .button button:first-child{margin-left:0px;}

#order_sheet  #receipts_article .list_chart .category{width:80px;}
#order_sheet  #receipts_article .list_chart .method{width:80px;}
#order_sheet  #receipts_article .list_chart .amount{width:100px;}
#order_sheet  #receipts_article .list_chart .date{width:120px;}
#order_sheet  #receipts_article .list_chart .customer{width:100px}
#order_sheet  #receipts_article .list_chart .remark{flex-grow:1;}
#order_sheet  #receipts_article .list_chart .function{width:40px;}

#order_sheet  #shopper_article .cell_label,
#order_sheet  #shipping_article .cell_label{width:100px;}

@media only screen and (max-width: 719px) {
	#order_sheet  #shipping_article .cell_label{width:80px;}
}

#order_sheet  #contact_article .subject{cursor:pointer;font-weight:bold; color:#000;padding:6px;padding-top:0px;}
#order_sheet  #contact_article .subject:hover{color:#6fa9dc;}
#order_sheet  #contact_article .subject i{padding-left:6px;}
#order_sheet  #contact_article .message{border-top:1px SOLID #e4e5e7;padding:6px;}
#order_sheet  #contact_article .cell_label{width:80px;}
#order_sheet  #contact_article .button_cell{text-align:right;padding-top:6px;}
#order_sheet  #contact_article .button_cell button{margin-left:6px;}

#order_sheet  #attach_article .list_chart .subject{flex-grow:1;}
#order_sheet  #attach_article .list_chart .attach{flex-grow:1;}
#order_sheet  #attach_article .list_chart .reg_date{width:140px;text-align:center;}
#order_sheet  #attach_article .list_chart .staff{width:100px;text-align:center;}

#order_sheet  #attach_article .subject{cursor:pointer;font-weight:bold; color:#000;padding:6px;padding-top:0px;}
#order_sheet  #attach_article .subject:hover{color:#6fa9dc;}
#order_sheet  #attach_article .subject i{padding-left:6px;}
#order_sheet  #attach_article .message{border-top:1px SOLID #e4e5e7;padding:6px;}
#order_sheet  #attach_article .cell_label{width:80px;}
#order_sheet  #attach_article .button_cell{text-align:right;padding-top:6px;}
#order_sheet  #attach_article .button_cell button{margin-left:6px;}

#delivery_traking_sheet .delivery_location{color:#1A1700;}
#delivery_traking_sheet .delivery_time{font-size:0.75rem; color:#C9C9C9;}
#delivery_traking_sheet .delivery_state{color:#00CC69;padding-left:6px;}
#delivery_traking_sheet .delivery_state:before{content:'|';font-size:0.75rem;color:#E9E9E9;padding-left:9px;padding-right:9px;}
#delivery_traking_sheet .delivery_state:after{content:'|';font-size:0.75rem;color:#E9E9E9;padding-left:9px;padding-right:9px;}
#delivery_traking_sheet .delivery_description{font-size:0.75rem; color:#C9C9C9;}


#stateroom_wrapper .approval_panel #approval_list .approval_cell .request_approval{color:#FF1B19;font-weight:600;text-align:center;line-height:100% !important;padding-top:12px;}
#stateroom_wrapper .approval_panel #approval_list .approval_cell .request_approval_label{color:#C9C9C9;text-align:center;line-height:100% !important;padding-top:4px;}

#stateroom_wrapper .approval_panel #approval_list .goods_cell > .goods_row{border-top:1px SOLID #E9E9E9;margin-top:6px;padding-top:6px}
#stateroom_wrapper .approval_panel #approval_list .goods_cell > .goods_row:first-child{border-top:none;margin-top:0;padding-top:0}

#stateroom_wrapper .approval_panel #approval_list .goods_cell .order_goods_code{font-size:0.75rem;color:#A9A9A9;padding-right:24px;}
#stateroom_wrapper .approval_panel #approval_list .goods_cell .order_goods_code:before{content:'상품주문번호:';padding-right:3px}

#stateroom_wrapper .approval_panel #approval_list .goods_cell .qty{font-size:0.75rem;color:#A9A9A9;padding-right:24px;}
#stateroom_wrapper .approval_panel #approval_list .goods_cell .qty:before{content:'수량:';padding-right:3px}
#stateroom_wrapper .approval_panel #approval_list .goods_cell .qty:after{content:'개';padding-left:3px}

#stateroom_wrapper .approval_panel #approval_list .goods_cell .unit{font-size:0.75rem;color:#A9A9A9;padding-right:24px;}
#stateroom_wrapper .approval_panel #approval_list .goods_cell .unit:before{content:'단가:';padding-right:3px}
#stateroom_wrapper .approval_panel #approval_list .goods_cell .unit:after{content:'원';padding-left:3px}

#stateroom_wrapper .approval_panel #approval_list .fare_cell .currency{font-size:1rem;color:#1A1700}
#stateroom_wrapper .approval_panel #approval_list .fare_cell .currency:after{font-size:0.75rem;}
#stateroom_wrapper .approval_panel #approval_list .fare_cell .shipping_free{font-size:0.75rem;color:#FF1B19;}
#stateroom_wrapper .approval_panel #approval_list .fare_cell .shipping_cost{font-size:0.75rem;}
#stateroom_wrapper .approval_panel #approval_list .fare_cell .shipping_cost:before{content:'배송비';font-size:0.75rem;color:#FF1B19;padding-right:6px;}
#stateroom_wrapper .approval_panel #approval_list .fare_cell .shipping_cost:after{content:'원';font-size:0.75rem;color:#FF1B19;padding-left:3px;}

#stateroom_wrapper .approval_panel #approval_list .orderer_cell .division{font-size:0.75rem;text-align:center;color:#A9A9A9;line-height:100%;}
#stateroom_wrapper .approval_panel #approval_list .orderer_cell .staff{color:#1A1700;text-align:center;}
#stateroom_wrapper .approval_panel #approval_list .orderer_cell .date{font-size:0.75rem;text-align:center;color:#A9A9A9;line-height:100%;}

#stateroom_wrapper .report_grid_section{width:1028px;overflow-x:auto;}
#stateroom_wrapper .report_list{width:1340px;margin-bottom:12px}

.report_grid_section{color:#797979 !important;}
.report_grid_section::-webkit-scrollbar{cursor:pointer ;height:12px;background-color:transparent;}
.report_grid_section::-webkit-scrollbar-thumb{cursor:pointer ;border-radius:6px;background-color:rgba(15, 135, 166, 0.4);}
.report_grid_section::-webkit-scrollbar-track{background-color:rgba(15, 135, 166, 0.1);}

#organization .left_section{flex-grow:0;flex-shrink:0;width:300px;background-color:#F2F2F2;border:1px SOLID #D9D9D9; margin-right:12px;}
#organization .right_section{flex-grow:1;flex-shrink:1;border:1px SOLID #D9D9D9;}

#organization .section_head{display:flex;justify-content:space-between;border-bottom:1px SOLID #D9D9D9;padding:12px;}
#organization .section_head .label{flex-grow: 1;flex-shrink: 1; height:48px; padding-right:12px;}
#organization .section_head .button{flex-grow: 0;flex-shrink: 0; height:48px; }
#organization .section_head .button button{height:48px;}

#organization .section_body{padding:12px;}

#organization .branch_row{padding:6px}

#organization .branch_row .branch_head{background-color:#FFF;border:1px SOLID #E9E9E9;padding:12px;}
#organization .branch_row .article{display:flex;justify-content:space-between;vertical-align:top;}
#organization .branch_row .article > span{flex-grow:0;flex-shrink:0;}
#organization .branch_row .label{flex-grow:1 !important;flex-shrink:1!important;line-height:24px;font-size:1rem;padding-left:6px;}
#organization .branch_row .button_section{text-align:right;}
#organization .branch_row .button_section button{margin-left:3px;width:24px;height:24px;color:#A9A9A9; line-height:0;text-align:center;background-color:transparent;border:1px SOLID #A9A9A9;padding:0;}
#organization .branch_row .button_section button i{width:24px;text-align:center;font-size:1rem;line-height:24px;padding:0;}
#organization .branch_row .button_section button:hover{color:#FFF;background-color:#A9A9A9; }

#organization .division_list{padding-top:6px;}
#organization .division_row{padding-left:12px;padding-top:6px;padding-bottom:6px;}
#organization .division_row .button_article{text-align:right;padding-right:6px;}
#organization .division_row .button_article button{margin-left:3px;width:24px;height:24px;color:#A9A9A9; line-height:0;text-align:center;background-color:transparent;border:1px SOLID #A9A9A9;padding:0;}
#organization .division_row .button_article button i{width:24px;text-align:center;font-size:1rem;line-height:24px;padding:0;}
#organization .division_row .button_article button:hover{color:#FFF;background-color:#A9A9A9; }

#organization .organization_list{padding-top:6px;}
#organization .organization_row{padding-top:6px;padding-bottom:6px;border:1px SOLID #E9E9E9;margin-top:2px;padding:6px;}
#organization .organization_row .d_title{display:flex;}
#organization .organization_row .d_title .d_icon{flex-grow: 0;flex-shrink: 0;width:24px;}
#organization .organization_row .d_title .d_label{flex-grow: 1;flex-shrink: 1;font-size:1rem;}
#organization .organization_row .d_title .d_button{display:inline-flex;flex-grow: 0;flex-shrink: 0;padding-left:12px;}
#organization .organization_row .d_title .d_button button{width:24px;height:24px;background-color:transparent;line-height:0;color:#A9A9A9;border:1px SOLID #A9A9A9;margin-left:2px;padding:0;}
#organization .organization_row .d_title .d_button button:hover{color:#FFF;background-color:#A9A9A9;border:1px SOLID #A9A9A9;}
#organization .organization_row .d_title .d_button .material-icons{font-size:1.25rem;line-height:22px;}
#organization .organization_row .btn_more{cursor:pointer;}

#organization .left_section .selected{border:1px SOLID #A9A9A9;}
#organization .right_section .button_row{text-align:center;}
#organization .right_section .button_row button{margin-left:3px;margin-right:3px;}

#organization .right_section .name{display:inline-block; color:#1A1A1A; line-height:18px; padding-right:9px;}
#organization .right_section .email{display:inline-block; color:#A9A9A9; line-height:18px; padding-right:9px;}
#organization .right_section .master{display:inline-block;height:18px;line-height:18px; font-size:0.75rem;color:#FFF; background-color:#00CC69;padding-left:6px;padding-right:6px;}
#organization .right_section .invite{display:inline-block;height:18px;line-height:18px; font-size:0.75rem;color:#FFF; background-color:#FF1B19;padding-left:6px;padding-right:6px;}

#organization .right_section .active_row .button{display:inline-flex;justify-content:flex-end;}

#organization .right_section .active_row .button button{width:28px;height:28px;line-height:0;}
#organization .right_section .active_row .button button:not(:first-child){margin-left:0.125rem;}
#organization .right_section .active_row .button i{font-size:1rem;}

.organization_panel .staff_list .name{display:inline-block; color:#1A1A1A; line-height:18px; padding-right:9px;}
.organization_panel .staff_list .email{display:inline-block; color:#A9A9A9; line-height:18px; padding-right:9px;}
.organization_panel .staff_list .master{display:inline-block;height:18px;line-height:18px; font-size:0.75rem;color:#FFF; background-color:#00CC69;padding-left:6px;padding-right:6px;}
.organization_panel .staff_list .invite{display:inline-block;height:18px;line-height:18px; font-size:0.75rem;color:#FFF; background-color:#FF1B19;padding-left:6px;padding-right:6px;}

#stateroom_wrapper .process_panel .grid_list .staff_cell > .approval_staff{display:flex;justify-content:space-between;border-top:1px SOLID #D9D9D9; padding-top:9px;margin-top:9px; }
#stateroom_wrapper .process_panel .grid_list .staff_cell > .approval_staff:first-child{border-top:none;padding-top:0px;margin-top:0px;}

#stateroom_wrapper .invoice_panel #invoice_list .approval_cell .request_approval{color:#FF1B19;font-weight:600;text-align:center;line-height:100% !important;padding-top:12px;}
#stateroom_wrapper .invoice_panel #invoice_list .approval_cell .request_approval_label{color:#C9C9C9;text-align:center;line-height:100% !important;padding-top:4px;}

#stateroom_wrapper .invoice_panel #invoice_list .goods_cell > .goods_row{border-top:1px SOLID #E9E9E9;margin-top:6px;padding-top:6px}
#stateroom_wrapper .invoice_panel #invoice_list .goods_cell > .goods_row:first-child{border-top:none;margin-top:0;padding-top:0}

#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .order_goods_code{font-size:0.75rem;color:#A9A9A9;padding-right:24px;}
#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .order_goods_code:before{content:'상품주문번호:';padding-right:3px}

#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .qty{font-size:0.75rem;color:#A9A9A9;padding-right:24px;}
#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .qty:before{content:'수량:';padding-right:3px}
#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .qty:after{content:'개';padding-left:3px}

#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .unit{font-size:0.75rem;color:#A9A9A9;padding-right:24px;}
#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .unit:before{content:'단가:';padding-right:3px}
#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .unit:after{content:'원';padding-left:3px}

#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .state span{display:inline-block;color:#FFF;line-height:20px;padding:0 6px;border-radius:4px;}
#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .state14{background-color:#FF4F00;}
#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .state16{background-color:#1BC887;}
#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .state13{background-color:#A6B3BF;}
#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .state15{background-color:#6AA8E0;}
#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .state17{background-color:#2679C3;}
#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .state18{background-color:#FFD348;color:#000 !important;}
#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .state29{background-color:#000;}
#stateroom_wrapper .invoice_panel #invoice_list .goods_cell .state28{background-color:#CCC;}

#stateroom_wrapper .invoice_panel #invoice_list .fare_cell .currency{font-size:1rem;color:#1A1700}
#stateroom_wrapper .invoice_panel #invoice_list .fare_cell .currency:after{font-size:0.75rem;}
#stateroom_wrapper .invoice_panel #invoice_list .fare_cell .shipping_free{font-size:0.75rem;color:#FF1B19;}
#stateroom_wrapper .invoice_panel #invoice_list .fare_cell .shipping_cost{font-size:0.75rem;}
#stateroom_wrapper .invoice_panel #invoice_list .fare_cell .shipping_cost:before{content:'배송비';font-size:0.75rem;color:#FF1B19;padding-right:6px;}
#stateroom_wrapper .invoice_panel #invoice_list .fare_cell .shipping_cost:after{content:'원';font-size:0.75rem;color:#FF1B19;padding-left:3px;}

#stateroom_wrapper .invoice_panel #invoice_list .orderer_cell .division{font-size:0.75rem;text-align:center;color:#A9A9A9;line-height:100%;}
#stateroom_wrapper .invoice_panel #invoice_list .orderer_cell .staff{color:#1A1700;text-align:center;}
#stateroom_wrapper .invoice_panel #invoice_list .orderer_cell .date{font-size:0.75rem;text-align:center;color:#A9A9A9;line-height:100%;}

#tax_invoice_sheet #order_list .order_goods{padding-top:0 !important;padding-bottom:0 !important;}
#tax_invoice_sheet #order_list .goods_row{display:flex;justify-content:space-between;border-top:1px SOLID #E9E9E9;}
#tax_invoice_sheet #order_list .order_goods > .goods_row:first-child{border-top:none;}

#mall_srm_budget .budget_panel .grid_list .row_article {padding-top:0;padding-bottom:0px;}
#mall_srm_budget .budget_panel .grid_list .text_cell{padding-top:9px;padding-bottom:9px;}
#mall_srm_budget .budget_panel .grid_list .form_cell{padding:0px;}

#mall_srm_budget .budget_panel .budget_amount{width:100%;height:42px;text-align:center;}
#mall_srm_budget .budget_panel .btn_sysn_row,
#mall_srm_budget .budget_panel .btn_sync_cell{cursor:pointer;}
#mall_srm_budget .budget_panel .btn_sysn_row:hover{font-weight:bold;color:#1A1700;}
#mall_srm_budget .budget_panel .btn_sync_cell:hover{color:#FC0341;}


/*
	BOARD
*/
#board_wrapper #board_list .subject{cursor: pointer;}
#board_wrapper #board_list .subject:hover{color: #141B1F;font-weight: 600;}

#board_wrapper .count_section{display:flex;justify-content:space-between;padding-top:36px;}
#board_wrapper .count_section .counter_sec{padding-bottom:6px;}
#board_wrapper .count_section .total_articles:before{content:'전체';color:#a89eae;padding-right:6px;}
#board_wrapper .count_section .total_articles:after{content:'건';color:#a89eae;padding-left:6px;}
#board_wrapper .count_section .this_page:before{content:'[';color:#a89eae;padding-left:12px;padding-right:6px;}
#board_wrapper .count_section .total_pages:before{content:'페이지 /';color:#a89eae;padding-left:6px;padding-right:6px;}
#board_wrapper .count_section .total_pages:after{content:'페이지]';color:#a89eae;padding-left:6px;}

#board_wrapper .board_detail .title_row{background-color:#F8F8F8;}
#board_wrapper .board_detail .title{text-align: center;font-size:1.25rem;font-weight: 600; color:#141b1f; }

#board_wrapper .board_detail .content_row{padding-left:24px; padding-right:24px;}
#board_wrapper .board_detail .file_list{
	display:flex;
	flex-wrap: wrap;
}

#board_wrapper .file_list .btn_download{
	cursor:pointer;
	border: 1px SOLID #c4ccd4;
	background-color:#F8F8F8;
	border-radius: 4px;
	padding:6px;
}
#board_wrapper .file_list .btn_download:not(:first-child){margin-left:6px;}
#board_wrapper .file_list .btn_download:hover{background-color: #FBFAE9;border: 1px SOLID #141B1F;}
#board_wrapper .file_list .label{color:#141b1f;font-weight:600;}
#board_wrapper .file_list .file{font-size: 0.8125rem; color:#c4ccd4}
#board_wrapper .file_list .file:before{content:'\A (파일명 :'; white-space:pre;}
#board_wrapper .file_list .size{font-size: 0.8125rem; color:#c4ccd4}
#board_wrapper .file_list .size:before{content:', 파일 크기 :';padding-left:2px;padding-right:4px;}
#board_wrapper .file_list .size:after{content:'Bytes)';padding-left:4px;}

#board_wrapper .board_button{display: flex;justify-content: flex-end; padding-top: 12px;}
#board_wrapper .board_button li{padding-left:6px;}

#board_wrapper .board_button button{
	height:48px; 
	border-radius:6px;
	padding-left:12px;
	padding-right:12px;
}

#mall_mbr_login .annotation{
	margin-top:32px;
	color:var(--dng-orange);
	border:1px SOLID #E6E6E6;
	border-radius:6px;
	padding:12px 24px;
	background-color:var(--dng-face-hazy);
}

#mall_mbr_login .annotation .title{
	display:flex;
	align-items: center;
}

#mall_mbr_login .annotation .title .label{
	font-size:0.9375rem;
	font-weight:800;
	padding-left:4px;
}

#mall_mbr_login .annotation p{
/*	color:var(--dng-color-bold);*/
	line-height:160% !important;
	padding-top:6px;
}

#mall_srm_static .duration_container{
	display:flex;
	justify-content: space-between;
}

#mall_srm_static .duration_container > li:first-child{
	flex-grow: 0;
	flex-shrink: 0;
}

#mall_srm_static .duration_container .date_duration{
	display:grid;
	grid-template-columns: 120px 12px 120px 100px;
}

#mall_srm_static .duration_container .date_duration .button{
	padding-left: 12px;
}


#mall_srm_static .duration_container > li:last-child{
	flex-grow: 1;
	flex-shrink: 1;
	padding-left:24px;
}


#mall_srm_static #summary_list .article_row{
	grid-template-columns: repeat(3, 1fr);

}

#mall_srm_static #detail_block .article_row{
	grid-template-columns: auto repeat(3, 120px);

}

#mall_srm_static #detail_block .title_article button{
	cursor:pointer;
	height:48px;
	line-height: 46px;
	border-radius: var(--dng-radius-inline);
	padding: 0 12px;
	background-color:transparent;
	border: 1px SOLID var(--dng-color-form);	
}

#mall_srm_static #detail_block .title_article button:hover{
	color: var(--dng-white);
	background-color: var(--dng-button);	
	border: 1px SOLID var(--dng-burtton);	
}