/* 사이드영역 기본 레이아아웃 */
.side_box {position:fixed; top:0; left:0; transform:translateX(-100%); max-width:300px; width:calc(100% - 75px); height:100%; visibility: hidden; opacity:0;  transition: all .3s; background:#fff; z-index:1002;}
.side_box.show {transform:translateX(-100%); visibility: hidden; opacity: 1; }
.side_box > i {position:absolute; top:25px; right:25px; color:red; font-size:22px; transition:all .3s; z-index: 1; display: none;}

@media screen and (max-width: 1160px){
	.side_box.show {transform:translateX(0); visibility: visible; opacity: 1; }
}

.side_box ul.log_mem {display:inline-block; vertical-align:middle; position: absolute; bottom:0; left:0; width:100%; line-height: 100%; font-size:0; padding:0 20px; white-space: normal; background:#fff; z-index:1;}
.side_box ul.log_mem li {display:inline-block; vertical-align:middle; width:33.3333%; line-height: 100%; text-align: center; padding: 30px 0 ; position:relative; }
.side_box ul.log_mem li:last-child {border:0;}
.side_box ul.log_mem li a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
.side_box ul.log_mem li i,
.side_box ul.log_mem li span {display:inline-block; width:100%; line-height: 100%;}
.side_box ul.log_mem li i {font-size: 25px; color:#000; padding-bottom:7px; }
.side_box ul.log_mem li span {font-size: 11px; font-weight: 700; color:#777; letter-spacing:-0.05em; transition:all .3s;}
.side_box ul.log_mem li:hover span {color:#000;}
.side_box .sd_head {position:relative; text-align: center; height:110px; transition: all .3s; background:#fff; border-bottom:1px dashed #f4f4f4;}
.side_box .sd_head:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/bg_slide.png); opacity:0.3; z-index:-1;}
.side_box .sd_head .logo {position: absolute; left: 0; top:0;  font-size:0; z-index: 1;transition: all .3s; width:100%;  padding:35px;}
.side_box .sd_head .logo a {display:block; font-size:13px; color:#555; font-weight:800;  line-height:110%; text-align:left;}
.side_box .sd_head .logo a span {display:inline-block; width:100%; border:0px solid red; font-weight:900; color:#000; line-height:110%; font-size:22px; padding-bottom:5px;}
.side_box .sd_head > img {position:absolute; top:15px; right:15px; width:35px;}
.side_box .sd_content {position:relative; height:calc(100% - 110px);overflow-y:overlay; padding:0 0 120px 0;}
.side_box .sd_content:: {-ms-overflow-style: none;}
.side_box .sd_content::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;}
.side_box .sd_content::-webkit-scrollbar-thumb {background:rgba(0,0,0,0); border-radius:15px;  transition:all .3s;}
.side_box .sd_content:hover::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); transition:all .3s;}
.side_box .sd_content ul.c1_cate {position: relative; line-height: 100%; padding:25px 0; }
.side_box .sd_content ul.c1_cate > li {display:inline-block; line-height: 100%;  width:100%;}
.side_box .sd_content ul.c1_cate > li > a {display:block; font-size: 15px;line-height: 100%; font-weight: 800; padding: 10px 50px; color:#333; border:0px solid red;}
.side_box .sd_content ul.c1_cate > li > a:before {content:"ㆍ";}
.side_box .sd_content ul.c1_cate > li.on > a {color:#4a7091;}
.side_box .sd_content ul.c2_cate  {position: relative; line-height: 100%; padding: 0 0 0 15px;}
.side_box .sd_content ul.c2_cate  li {display:inline-block; line-height: 100%;  width:100%;}
.side_box .sd_content ul.c2_cate  li a {display:block; font-size: 11px; line-height: 100%; font-weight: 700; padding: 3px 50px; color:#999;}
.side_box .sd_content ul.c2_cate  li a:before {content:"-"; display:inline-block; color:#ddd; padding-right:3px;}
.side_box .sd_content ul.c2_cate  li.on2 a {color:#333;}
.side_box h2 {position:relative;font-size:43px; font-weight:200; color:#000; line-height:110%;padding:20px 0 0 0; }
.side_box h2 > em {font-size:30px; font-weight:900; color:#efefef; display:inline-block; line-height:110%; width:100%; font-style:normal;padding:0 0 5px 5px; position:relative;}
.side_box h2 > span {font-size:70px; font-weight:800; color:#000; display:inline-block; line-height:110%; position:relative;}
.side_box h2 > span.sym {width:100%; margin-bottom:13px; font-size:0;}
.side_box h2 .sta_ment {display:inline-block; position:relative;}
.side_box h2 .sta_ment em {font-weight:500; font-style:normal;}
.side_box h2 .sta_ment .schedule_box {position:absolute; top:50%; right:0;  transform:translate(0, -50%); }
.side_box h2 .sta_ment .schedule_box .go_bid {position:absolute; top:50%; left:20px; transform:translate(0, -50%); font-size:14px; line-height:100%; white-space:nowrap; background:#e24078; border-radius:3px; transition:all .2s;}
.side_box h2 .sta_ment .schedule_box .go_bid a {display:block; font-size:14px; line-height:100%; padding:10px; white-space:nowrap; color:#fff; font-weight:800;}
.side_box h2 .sta_ment .schedule_box .go_bid:before {content:""; position:absolute; top:50%; left:-5px; transform:translateY(-50%); border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #e24078;}
.side_box h2 .sta_ment .schedule_box .go_bid:hover {background:#ff1f6c;}
.side_box h2 .sta_ment .schedule_box .go_bid:hover:before {border-right:5px solid #ff1f6c;}
.side_box h2 .sta_ment .schedule_box .go_bid.ready {background:#e24078;}
.side_box h2 .sta_ment .schedule_box .go_bid.ready:before {border-right:5px solid #e24078;}
.side_box h2 .sta_ment .schedule_box .go_bid.ready:hover {background:#ff1f6c;}
.side_box h2 .sta_ment .schedule_box .go_bid.ready:hover:before {border-right:5px solid #ff1f6c;}
.side_box h2 .sta_ment .schedule_box .go_bid.ing {background:var(--btn_bg_off);;}
.side_box h2 .sta_ment .schedule_box .go_bid.ing:before {border-right:5px solid var(--btn_bg_off);;}
.side_box h2 .sta_ment .schedule_box .go_bid.ing:hover {background:var(--btn_bg_on);;}
.side_box h2 .sta_ment .schedule_box .go_bid.ing:hover:before {border-right:5px solid var(--btn_bg_on);}
.side_box .notice_area {position:relative; padding:10px 35px 0 35px;}
.side_box .notice_area:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.4;}
.side_box .notice_area h3 {position:relative;font-size:11px; font-weight:700; color:#777; line-height:110%;padding:0px; background:none; border-radius:35px; display:inline-block; margin:0 0 10px 0; z-index:1;}
.side_box ul.notice_mbx {position:relative; z-index:1;}
.side_box ul.notice_mbx li {position:relative; text-align:left;}
.side_box ul.notice_mbx li h4,
.side_box ul.notice_mbx li p,
.side_box ul.notice_mbx li span {position:relative; display:inline-block; width:100%;}
.side_box ul.notice_mbx li h4 a {display:block; font-family:var(--neo); font-size:14px; color:#333; line-height:130%; font-weight:700; transition:all .3s;}
.side_box ul.notice_mbx li p { margin:10px 0 0 0;}
.side_box ul.notice_mbx li p a {display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; font-family:var(--neo); font-size:10px; color:#000; opacity:0.25; transition:all .3s; line-height:150%; font-weight:600; }
.side_box ul.notice_mbx li span {font-size:11px; color:#000; padding:7px 0 0 0; opacity:0.45; text-align:left; display:none;}
.side_box ul.notice_mbx li:hover h4 a {color:#000;}
.side_box ul.notice_mbx li:hover p a {opacity:1;}

@media screen and (max-width: 650px){

}

@media screen and (max-width: 300px){
	.side_mask > i {display: none;}
	.side_box {width:100%;}
	.side_box > i {display: block;}
}

.side_box .sd_head .logo_box {position:absolute; top:20px; right:20px;}
.side_box .sd_head .logo_box img {width:20px;}
.login_user	{ position:absolute; top:50%; left:0; transform:translateY(-50%); padding:0; width:100%; z-index:1;}
.login_user .info_box		{position:relative; padding:0 45px 35px 45px;}
.login_user .info_box i		{position:absolute; top:0; left:0; font-size:40px; color:#000;}
.login_user .info_box .set	{position:relative; }
.login_user .info_box .set > div	{display:inline-block; width:100%; line-height:110%; text-align:left; position:relative;}
.login_user .info_box .set .who	{font-family:var(--neo); font-size:20px; font-weight:800; color:#000; letter-spacing:-0.05em;padding:0px 0 10px 0;}
.login_user .info_box .set .who span	{display:inline-block; font-size:13px; letter-spacing:0em; padding-left:5px;}
.login_user .info_box .set .msg	{font-size:11px; color:#000; line-height:140%; opacity:0.4;}
.login_user nav.user_mov	{position:relative; font-size:0; padding:0 25px; display:flex; }
.login_user nav.user_mov li	{flex:1; font-size:0; position:relative;}
.login_user nav.user_mov li a	{position:absolute; top:0; left:0; font-size:0; width:100%; height:100%;}
.login_user nav.user_mov li i,
.login_user nav.user_mov li span	{display:inline-block; width:100%; line-height:100%;}
.login_user nav.user_mov li i	{font-size:28px; color:#000;}
.login_user nav.user_mov li span	{font-size:12px; color:#333; padding-top:3px;font-family:var(--neo); font-weight:600; letter-spacing:-0.05em;}

@media screen and (max-width: 650px){
	.side_box .sd_head .logo_box img {width:15px;}
	.login_user .info_box		{position:relative; padding:0 35px 30px 35px;}
	.login_user .info_box .set .who	{font-size:18px; padding:0px 0 10px 0;}
	.login_user .info_box .set .who span	{font-size:11px;}
	.login_user .info_box .set .msg	{font-size:10px; line-height:130%; opacity:0.3;}
	.login_user nav.user_mov	{padding:0 20px;}
	.login_user nav.user_mov li i	{font-size:25px;}
	.login_user nav.user_mov li span	{font-size:11px; padding-top:3px;}
}

/* 사이드영역 사이트메뉴 출력 / navi_default_toggle */
ul.navi_mb		{display:inline-block; width:100%;margin:0; padding:35px 40px;}
ul.navi_mb > li				{position:relative; }
ul.navi_mb > li > a			{display:block; font-family: var(--neo); font-size: 18px; font-weight: 700; letter-spacing: -0.05em;padding:10px 0px; color:rgba(0,0,0,0.5);  position:relative;}
ul.navi_mb > li > a:hover {color:#000; }
ul.navi_mb > li > a .plus			{position:absolute; top:50%; right:0; transform: translateY(-50%); color:rgba(0,0,0,0.2); font-size:12px; display: none;}
ul.navi_mb > li > a.on			{color:#000; font-weight:800;}
ul.navi_mb > li > a.on .plus	{color:#000; }
ul.navi_mb > li ul.sub2			{display: inline-block; padding:10px 0 25px 5px; font-size:0; width:100%; }
ul.navi_mb > li ul.sub2 li		{display:inline-block; vertical-align:middle; width:100%; }
ul.navi_mb > li ul.sub2 li a	{padding:7px 0; font-family: var(--neo); font-size: 15px; font-weight: 700; letter-spacing: -0.05em; width:100%; color:rgba(0,0,0,0.4); line-height:100%; display:block;}
ul.navi_mb > li ul.sub2 li a:before	{content:"ㆍ ";}
ul.navi_mb > li ul.sub2 li a.on2		{color:#000; font-weight:800;}
ul.navi_mb > li ul.sub3			{float:left; padding:10px 0 15px 0; font-size:0; width:100%; border-bottom:1px dashed #eeeeee;}
ul.navi_mb > li ul.sub3 li		{display:inline-block; vertical-align:middle; width:100%; }
ul.navi_mb > li ul.sub3 li a	{padding:5px 15px 5px 40px; font-size:11px; width:100%; color:rgba(0,0,0,0.7); display:block;background:white; border-bottom:0; }
ul.navi_mb > li ul.sub3 li:last-child a	{border-bottom:0; }
ul.navi_mb > li ul.sub3 li a:before	{content:"- ";}
ul.navi_mb > li ul.sub3 li a:hover	{background:#ffffff; color:black; }
ul.navi_mb > li ul.sub3 li a.on3		{color:orange;}
ul.navi_mb > li ul.sub4			{float:left; padding:5px 0 10px 0; font-size:0; width:100%; }
ul.navi_mb > li:last-child ul.sub4			{padding-bottom:0;}
ul.navi_mb > li ul.sub4 li		{display:inline-block; vertical-align:middle; width:100%; }
ul.navi_mb > li ul.sub4 li a	{padding:5px 15px 5px 45px; font-size:11px; width:100%; color:rgba(0,0,0,0.7); display:block;background:white; border-bottom:0; }
ul.navi_mb > li ul.sub4 li:last-child a	{border-bottom:0; }
ul.navi_mb > li ul.sub4 li a:before	{content:"";}
ul.navi_mb > li ul.sub4 li a:hover	{background:#ffffff; color:black; }
ul.navi_mb > li ul.sub4 li a.on4		{color:yellow;}

@media screen and (max-width: 650px){
	ul.navi_mb > li > a			{font-size: 16px; padding:7px 0px;}
	ul.navi_mb > li ul.sub2			{padding:5px 0 20px 5px;}
	ul.navi_mb > li ul.sub2 li a	{padding:5px 0; font-size: 13px;}
}

/* mask */
.side_mask {width: 100%; height: 100%; position: fixed; top: 0;  left: 0; background: rgba(0,0,0,0.7); visibility: hidden; opacity: 0; transition: all .3s; z-index:1001;}
.side_mask.show {opacity: 0; visibility: hidden; }
.side_mask > i {position:absolute; top:25px; right:25px; transform:translateX(-100%); color:#fff; font-size:22px; transition:all .3s; display:none;}
.side_mask.show > i { transform:translateX(0);}

@media screen and (max-width: 1160px){
	.side_mask.show {opacity: 1; visibility: visible; }
	.side_mask > i {display:block;}
	.side_mask.show > i { transform:translateX(0);}
}

/**/
.side_box ul.sns_share {position:absolute; bottom:0; left:0; width:100%; font-size:0; text-align:left; padding:0 30px 25px 30px; z-index:2;}
.side_box ul.sns_share li {display:inline-block; vertical-align:middle; width:22px; border-radius:3px; overflow:hidden; font-size:0; position:relative; cursor:pointer;background:#fff; border:1px solid #f4f4f4; transition:all .3s; margin-left:6px;}
.side_box ul.sns_share li:first-child {}
.side_box ul.sns_share li:after {content:""; display:block; padding-top:100%;}
.side_box ul.sns_share li i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:15px; }
.side_box ul.sns_share li span {position:absolute; top:0; left:0; width:100%; height:100%; }
.side_box ul.sns_share li img {width:100%;}
.side_box ul.sns_share li a {display:block;}
.side_box ul.sns_share li.btn_share {border-color:#777; background:#777; color:#fff;}
.side_box ul.sns_share li.btn_kakao {border-color:#fae100; background:#fae100; color:#3c1e1e;}
.side_box ul.sns_share li.btn_facebook {border-color:#3963a5; background:#3963a5; color:#fff;}
.side_box ul.sns_share li.btn_share:hover {border-color:#333; background:#333;}
.side_box ul.sns_share li.btn_kakao:hover {border-color:#ffef62; background:#ffef62;}
.side_box ul.sns_share li.btn_facebook:hover {border-color:#1b4483; background:#1b4483;}
.side_box ul.sns_share li.btn_share i {font-size:12px;}
.side_box ul.sns_share li.btn_kakao i {font-size:19px;}
.side_box ul.sns_share li.btn_facebook i {font-size:16px;}