/* 사이드영역 기본 레이아아웃 */
.side_box {position:fixed; top:0; left:0; transform:translateX(0); max-width:var(--side_wd); width:calc(100% - 75px); height:calc(100% + env(safe-area-inset-bottom)); /*visibility: hidden; opacity:0;*/  transition: all .3s; background:var(--side_bg); z-index:10000002; border-right:1px solid var(--side_bg_line);overflow-y:overlay; padding-top: env(safe-area-inset-top);  padding-bottom: env(safe-area-inset-bottom); padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right);}
.side_box:: {-ms-overflow-style: none;}
.side_box::-webkit-scrollbar {background: transparent; width:0px; height:5px; border-radius:15px;}
.side_box::-webkit-scrollbar-thumb {background:rgba(0,0,0,0); border-radius:15px;  transition:all .3s;}
.side_box:hover::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); transition:all .3s;}
.side_box.show {transform:translateX(0); visibility: visible; opacity: 1; transition:all .3s;}
.side_box .sd_head > i {position:absolute; top:0; right:0; padding:15px; color:var(--back_icon); font-size:30px; transition:all .3s; z-index: 10; display: none; cursor: pointer;}
.side_box .sd_head > i:hover {color: var(--back_icon_hover);}

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


.side_box .sd_head {position:sticky; top: 0; left: 0; width: 100%; text-align: center; transition: all .3s;  z-index: 10;padding: 30px 10px 30px 10px; line-height: 100%; text-align: left; background: var(--side_bg);}
.side_box .sd_head:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:  var(--side_bg); transform: translateY(-100%);}
.side_box .sd_head > img {position: absolute; top: 25px; left: 35px; width: 17px; border-radius: 1px;}
.side_box .sd_head .logo {position: relative; font-size:0; line-height: 100%; padding: 20px 25px 15px 25px;}

.side_box .sd_head .logo .pos {position:relative; padding:15px 0 0px 0; cursor: pointer; display: inline-block;}





.side_box .sd_head ul.logo_symbol_default {width:calc(calc(var(--logo_symbol_side) * 2) + 17px ); height:var(--logo_symbol_side);}
.side_box .sd_head ul.logo_symbol_default li {width: var(--logo_symbol_side); opacity:0.15;}
.side_box .sd_head ul.logo_symbol_default li em {top:-4px; right:0; font-size:10px; }





.side_box .sd_head ul.dt_text {font-size: 0; display: inline-block;}
.side_box .sd_head ul.dt_text li {display: inline-block; vertical-align: middle;  height: 45px; position: relative; font-size: 0; border:1px solid var(--logo_default); opacity: 0.15;}
.side_box .sd_head ul.dt_text li.t1 {border-width: 15px 15px 0 0;width: 45px; border-color: var(--sym_color); opacity: 1;}
.side_box .sd_head ul.dt_text li.t2 {border-width: 15px 15px 0 0;width:30px;}
.side_box .sd_head ul.dt_text li.t3 {border-width: 0px 15px 0 0;width:30px; }
.side_box .sd_head ul.dt_text li em {position:absolute; top:-30px; left:60px; white-space: nowrap; font-family:var(--neo); font-weight:500; font-size:10px; color:var(--default_color3); font-style:normal; line-height:100%; letter-spacing:0.0em; display:none;}
.side_box .sd_head ul.dt_text li em no {font-weight:600; color:var(--default_color1);}

.side_box .sd_head ul.dt_text li:after {content: ""; position: absolute; bottom: 0; right: 0; border-top: 15px solid #0090fb; border-left: 15px solid var(--side_bg); transform: translateX(100%); transition:all .3s; display:none;}
.side_box .sd_head ul.dt_text li.t1:after {border-top-color:var(--sym_color); }
.side_box .sd_head ul.dt_text li.t2:after {border-top-color:var(--logo_default);}
.side_box .sd_head ul.dt_text li.t3:after {border-top-color:var(--logo_default);}

.side_box ver {position: absolute; top:0px; left:2px; color: var(--default_color2); font-size:8px; line-height: 100%; font-weight: 400; letter-spacing:0.1em;}
.side_box ver no {color: var(--default_color2); display: inline-block; padding:0 0 0 3px; font-weight:600;}
.side_box ver dvc {color: var(--default_color5); display: inline-block; padding:0 3px 0 0;}
.side_box .sd_content {position:relative; padding:0 0 0 0;}
	/*
	.side_box .sd_content ul.c1_cate {position: relative; line-height: 100%; padding:25px 20px 25px 20px; font-size:0;}
	.side_box .sd_content ul.c1_cate > li {display:inline-block; vertical-align:middle; line-height: 100%;  width:33.3333%;}
	.side_box .sd_content ul.c1_cate > li.log_area {display:none;}
	.side_box .sd_content ul.c1_cate > li > a {display:block;  position:relative; padding: 15px 0; border: 0px solid red;}
	.side_box .sd_content ul.c1_cate > li > a span {position:relative; display:inline-block; width:100%;font-size: 12px;line-height: 100%; font-weight: 600; padding: 12px 0px 0 0; color:var(--cate_link); border:0px solid red; text-align: center;}
	.side_box .sd_content ul.c1_cate > li > a span.main {}
	.side_box .sd_content ul.c1_cate > li > a span.main smtx {display:inline-block; padding-right:3px;}
	.side_box .sd_content ul.c1_cate > li > a span.main ul.logo_symbol_default {width:calc(calc(var(--logo_symbol_side_cate) * 2) + 5px ); height:var(--logo_symbol_side_cate);}
	.side_box .sd_content ul.c1_cate > li > a span.main ul.logo_symbol_default li {width: var(--logo_symbol_side_cate); opacity:0.15;}
	.side_box .sd_content ul.c1_cate > li > a span.main ul.logo_symbol_default li em {top:-4px; right:0; font-size:10px; }
	.side_box .sd_content ul.c1_cate > li > a span.main ul.logo_symbol_default li {opacity:0.15;}
	.side_box .sd_content ul.c1_cate > li > a span.main ul.logo_symbol_default li.t1 .line {background:var(--default_color1); }
	.side_box .sd_content ul.c1_cate > li.on > a span.main ul.logo_symbol_default li.t1 .line {background:var(--sym_color); }


	.side_box .sd_content ul.c1_cate > li > a i {position:relative; width: 100%; font-size: 30px;line-height: 100%; font-weight:normal;color:var(--cate_link); text-align: center;font-variation-settings: 'FILL' 0;font-family: 'Material Symbols Outlined' !important;}
	.side_box .sd_content ul.c1_cate > li > a em {position:absolute; top:50%; right:0; font-size: 9px;line-height: 100%; color:var(--cate_link_em_off); transform:translateY(-50%); background:var(--cate_link_em_bg_off); border:1px solid var(--cate_link_em_line_off); font-style:normal; padding:3px 5px; min-width:15px; border-radius:30px; display: none;}
	.side_box .sd_content ul.c1_cate > li.on > a span {color:var(--cate_link_on);font-weight: 900; }
	.side_box .sd_content ul.c1_cate > li.on > a i {color:var(--cate_link_on_icon); font-variation-settings: 'FILL' 1;font-weight: 900; }

	.side_box .sd_content ul.c1_cate > li.on > a span.main ul.dt_text li {border-color:var(--logo_default); opacity: 0.15;}
	.side_box .sd_content ul.c1_cate > li.on > a span.main ul.dt_text li.t1 {border-color: var(--sym_color); opacity: 1;}
	.side_box .sd_content ul.c1_cate > li.on > a em {color:var(--cate_link_em); background:var(--cate_link_em_bg); border-color:var(--cate_link_em_line);}
	*/

.side_box .sd_content ul.c1_cate {position: relative; line-height: 100%; padding:25px 25px 25px 25px; font-size:0;}
.side_box .sd_content ul.c1_cate > li {display:inline-block; vertical-align:middle; line-height: 100%;  width:100%; border-bottom:1px dashed var(--header_line);}
.side_box .sd_content ul.c1_cate > li.faq {border:0;}
.side_box .sd_content ul.c1_cate > li.log_area {display:none;}
.side_box .sd_content ul.c1_cate > li > a {display:block;  position:relative; padding: 15px 0; border: 0px solid red;}
.side_box .sd_content ul.c1_cate > li > a span {position:relative; display:inline-block; width:calc(100% - 40px);font-size: 13px;line-height: 100%; font-weight: 600; padding: 0px 0px 0 55px; color:var(--cate_link_name); border:0px solid red; text-align: left;}
.side_box .sd_content ul.c1_cate > li > a span.main {}
.side_box .sd_content ul.c1_cate > li > a span.main smtx {display:inline-block; padding-right:3px;}
.side_box .sd_content ul.c1_cate > li > a span.main ul.logo_symbol_default {width:calc(calc(var(--logo_symbol_side_cate) * 2) + 5px ); height:var(--logo_symbol_side_cate);}
.side_box .sd_content ul.c1_cate > li > a span.main ul.logo_symbol_default li {width: var(--logo_symbol_side_cate); opacity:0.15;}
.side_box .sd_content ul.c1_cate > li > a span.main ul.logo_symbol_default li em {top:-4px; right:0; font-size:10px; }
.side_box .sd_content ul.c1_cate > li > a span.main ul.logo_symbol_default li {opacity:0.15;}
.side_box .sd_content ul.c1_cate > li > a span.main ul.logo_symbol_default li.t1 .line {background:var(--default_color1); }
.side_box .sd_content ul.c1_cate > li.on > a span.main ul.logo_symbol_default li.t1 .line {background:var(--sym_color); font-weight: 500;}


.side_box .sd_content ul.c1_cate > li > a i {position:absolute; top:50%; left:15px; transform:translateY(-50%); width: 30px; font-size: 17px;line-height: 100%; font-weight:normal;color:var(--cate_link); text-align: center;border:0px solid red;}
.side_box .sd_content ul.c1_cate > li > a em {position:absolute; top:50%; right:0; font-size: 9px;line-height: 100%; color:var(--cate_link_em_off); transform:translateY(-50%); background:var(--cate_link_em_bg_off); border:1px solid var(--cate_link_em_line_off); font-style:normal; padding:3px 5px; min-width:15px; border-radius:30px; display: none;}
.side_box .sd_content ul.c1_cate > li.on > a span {color:var(--cate_link_on);font-weight: 600; }
.side_box .sd_content ul.c1_cate > li.on > a i {color:var(--cate_link_on_icon); font-variation-settings: 'FILL' 1;font-weight: 900; }

.side_box .sd_content ul.c1_cate > li.on > a span.main ul.dt_text li {border-color:var(--logo_default); opacity: 0.15;}
.side_box .sd_content ul.c1_cate > li.on > a span.main ul.dt_text li.t1 {border-color: var(--sym_color); opacity: 1;}
.side_box .sd_content ul.c1_cate > li.on > a em {color:var(--cate_link_em); background:var(--cate_link_em_bg); border-color:var(--cate_link_em_line);}

.side_box .sd_content ul.sub_cate1 {position: relative; top: 0; left: 0; border:0px solid red; line-height: 100%; padding:0px 0px 25px 5px;}
.side_box .sd_content ul.sub_cate1 > li {display:inline-block; width:100%; line-height: 100%; }
.side_box .sd_content ul.sub_cate1 > li a {display:block; line-height: 100%; padding:3px 3px;}
.side_box .sd_content ul.sub_cate1 > li a span {font-size: 11px;line-height: 100%; font-weight: 700; color:#999; letter-spacing:0em; transition:all .3s; white-space:nowrap;}
.side_box .sd_content ul.sub_cate1 > li a:hover span {color:#000;}
.side_box .sd_content ul.sub_cate1 > li:last-child a {border:0;}
.side_box .sd_content ul.sub_cate1 > li.on > a span,
.side_box .sd_content ul.sub_cate1 > li.on:hover > a span {color:#000;}
.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;}
.side_box .my_class_btn {position: relative; left: 0; right: 0; font-size: 0; text-align: center; padding: 15px 20px;border-radius: 30px; margin:0 auto; background: #03b; transition: all .2s; cursor: pointer; width:calc(100% - 50px); }
.side_box .my_class_btn i,
.side_box .my_class_btn span {display: inline-block; vertical-align: middle; transition: all .2s;}
.side_box .my_class_btn i {font-size: 15px; color: #fff; padding: 0 7px 0 0;}
.side_box .my_class_btn span {font-size: 12px; color: #fff; font-weight: 700}
.side_box .my_class_btn:hover {background:var(--sym_color) ;}
.side_box .my_class_btn:hover  {color: rgba(255,255,255,1)}

.side_box .hot_wrap {position:relative; font-size:0; padding:35px 0 28px 0;border:1px solid #eee; border-width:1px 0; display: none;}
.side_box .hot_wrap:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#f5f3f3; opacity:0.35;}
.side_box .hw_hdbx {position:relative; line-height:110%; padding:0 20px 20px 33px; z-index:1;}
.side_box .hw_hdbx h4 {position:relative; font-weight:600; color:#000; font-size:15px; line-height:110%; letter-spacing:-0.05em;}
.side_box .hw_hdbx h4 span {font-weight:800;color:var(--sym_color);}
.side_box .hw_hdbx p {position:relative; font-weight:500; color:#333; font-size:10px; line-height:110%; padding:7px 0 0 0;}
.side_box .hw_hdbx p span {color:var(--sym_color);}
.side_box ul.hot_place {position:relative; font-size:0; padding:0 30px;counter-reset:li; z-index:1;}
.side_box ul.hot_place li {position: relative; display:inline-block; vertical-align:top; width:50%;padding:7px 10px 7px 18px;}
.side_box ul.hot_place li:before	{content:counter(li)"."; counter-increment:li; position:absolute; top:8px; left:0; line-height:100%; color:#999; font-family:var(--GM); font-weight:normal; font-size:11px; }
.side_box ul.hot_place li a {position: absolute;top: 0; left: 0;width: 100%;height:100%; font-size: 0; z-index:1;}
.side_box ul.hot_place li .pos {position: relative; font-size: 0; padding: 0 0 0 0; }
.side_box ul.hot_place li .pos h4,
.side_box ul.hot_place li .pos .heart,
.side_box ul.hot_place li .pos who,
.side_box ul.hot_place li .pos date {display: inline-block; vertical-align: middle; width:100%; position: relative; line-height:100%;}
.side_box ul.hot_place li .pos h4 {width:100%; font-size: 0;}
.side_box ul.hot_place li .pos h4 span {display: inline-block; vertical-align: middle; width:100%;  text-overflow: ellipsis; white-space: nowrap; overflow:hidden;line-height:120%;}
.side_box ul.hot_place li .pos h4 span.name {font-size:11px; font-weight: 600; color: #000;}
.side_box ul.hot_place li .pos h4 span.addr {font-size:11px; font-weight: 500; color: #777; padding-left:5px; display:none;}
.side_box ul.hot_place li .pos .heart {font-size:0; padding:4px 0 0 0;}
.side_box ul.hot_place li .pos .heart i,
.side_box ul.hot_place li .pos .heart em {display:inline-block; vertical-align:middle; line-height:100%; font-style:normal;}
.side_box ul.hot_place li .pos .heart i {font-size:11px; color:red;}
.side_box ul.hot_place li .pos .heart em {font-size:9px; color:r#333; padding-left:2px; font-weight:500;}
.side_box ul.hot_place li .pos who {width:90px; font-size: 11px; display: none;}
.side_box ul.hot_place li .pos date {display: none;}


@media screen and (max-width: 1160px){
	.side_box .sd_content ul.c1_cate {padding:25px 20px 15px 20px;}
	.side_box .sd_content ul.c1_cate > li {width:33.3333%; border:0;}
	.side_box .sd_content ul.c1_cate > li > a {padding: 20px 0;}
	.side_box .sd_content ul.c1_cate > li > a span {width:100%;font-size: 11px;padding: 2px 0px 0 0; text-align: center;}

	.side_box .sd_content ul.c1_cate > li > a i {position:relative; left:0; width: 100%; font-size: 22px;line-height: 100%; text-align: center; display:inline-block;}
}

@media screen and (max-width: 650px){
	.side_box {width:100%;}
	.side_box .sd_head > i {display: block; font-size:25px;}
	.side_box .sd_content ul.c1_cate > li {/*width:50%;*/}
	.side_box .sd_content ul.c1_cate > li > a span {font-size: 11px;font-weight: 500; }

	.side_box ver {font-size:8px;}
	.side_mask {display: none;}
	.side_mask > i {display: none;}
}

@media screen and (max-width: 350px){
	.side_box .sd_content ul.c1_cate > li > a em {display:none;}
}

/**/
.side_box button.mode_btn {position:absolute; top:7px; right:7px; display:inline-block; font-size:0; border:0; background:transparent; white-space:nowrap;line-height:100%; cursor:pointer; padding:10px 10px;}
.side_box button.mode_btn i,
.side_box button.mode_btn span {display:inline-block; vertical-align:middle; position:relative;line-height:110%;}
.side_box button.mode_btn i {font-size:17px;  color:var(--mode_icon); }
.side_box button.mode_btn span {font-size:9px; color:var(--mode_span); font-weight:500; letter-spacing:0.05em;padding:0 0 0 2px;}

@media screen and (max-width: 1160px){
	.side_box button.mode_btn {top:80px;}
	.side_box button.mode_btn span {letter-spacing:0;}
}

.login_user_box {position:relative; padding: 25px; background: var(--logoin_bg); margin: 20px 0 -30px 0 ; border-radius: 7px;}
.login_user_box .user_wrap {position:relative; padding:0 0 30px 0;font-size:0; }
.login_user_box .user_wrap .user_pic,
.login_user_box .user_wrap .user_info {display:inline-block; vertical-align:middle; line-height:100%;position:relative; }
.login_user_box .user_wrap .user_pic {width:35px; overflow: hidden;border-radius: 100%; }
.login_user_box .user_wrap .user_pic:before {content:"\e9f2";font-family: xeicon !important;display: inline-block;speak: none;font-style: normal;font-weight: 400;font-variant: normal;
text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased; position: absolute; top: 50%;left: 50%;font-size: 40px;line-height: 100%;transform: translate(-50%, -50%); color: var(--default_color1); opacity: 0.2;}
.login_user_box .user_wrap .user_pic:after {content:""; display:block; padding-top:100%;}
.login_user_box .user_wrap .user_pic .photo {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size:cover !important; background-position:center !important; overflow: hidden;}

.login_user_box .user_wrap .user_pic i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);font-size:40px; width:40px; color:var(--login_user);}

.login_user_box .user_wrap .user_info {width:calc(100% - 35px); padding: 0 50px 0 13px;}
.login_user_box .user_wrap .user_info > span {display:inline-block; width:100%; line-height:100%; position:relative;}
.login_user_box .user_wrap .user_info > .user_name {font-size:13px; color: var(--login_name); font-weight: 700;}
.login_user_box .user_wrap .user_info > .user_name who {display: inline-block; position: relative; }
.login_user_box .user_wrap .user_info > .user_id {font-size:9px; padding: 4px 0 0 1px; color: #999; font-weight: 400;}
.login_user_box .user_wrap i {position: absolute; top: calc(50% - 11px); right: -20px; transform: translateY(-50%); font-size:15px; color: var(--logoin_cog);}
.login_user_box .user_wrap a {position: absolute; top: -10px; right: -10px; font-size:10px; border-bottom:1px dashed var(--login_out_line); padding: 3px 2px; color: var(--login_out); font-weight: 700;}
.login_user_box ul.my_count {position:relative; display:flex; font-size:0; margin-top: 0;}
.login_user_box ul.my_count li {flex:1; position:relative; line-height:100%; cursor:pointer;border-right:1px solid var(--login_cnt_line); }
.login_user_box ul.my_count li:last-child {border: 0;}
.login_user_box ul.my_count li span {display:inline-block; width:100%; line-height:100%; text-align:center;}
.login_user_box ul.my_count li .no {font-size:15px; font-weight: 800; color: var(--login_cnt_no);padding:0 0 10px 0;}
.login_user_box ul.my_count li .tit {font-size:10px; font-weight: 500; color: var(--login_cnt_tit); letter-spacing: -0.05em;}
.login_user_box.guest .user_wrap .user_info > .user_id {font-size:9px; padding: 5px 0 0 0px; color: #999; font-weight: 400;}
.login_user_box.guest ul.my_count {max-width:200px;}
.login_user_box.guest ul.my_count li .tit {font-size:11px; }
.login_user_box .out {position:relative; padding:15px 0 0 0; text-align: right;}
.login_user_box .out a {display: inline-block; font-size: 11px; font-weight: 600;}

/**/
.side_box .info_day {position:absolute; top:15px; right:15px; display:inline-block; font-size:0; white-space:nowrap;line-height:100%;}
.side_box .info_day > div {display:inline-block; vertical-align:middle; position:relative; font-weight:300; font-size:9px; line-height:110%; padding:0 2px 0 0; color:var(--day_info);}

@media screen and (max-width: 1160px){
	.side_box .info_day {top:115px;}
	.side_box .info_day > div {font-size:7px;}
}


/**/
.side_box .latest_box_sub  {position:relative; padding:15px 40px 30px 40px; }
.side_box .latest_box_sub h3 {display:inline-block; vertical-align:middle; font-size: 10px; line-height: 100%; padding: 0px 0; text-align:center; color: var(--sym_color); font-weight: 500; }
.side_box .latest_box_sub ul.latest_call {display:inline-block; vertical-align:middle; line-height: 100%;width:100%;}
.side_box .latest_box_sub ul.latest_call li {display: inline-block; width: 100%; position:relative; }
.side_box .latest_box_sub ul.latest_call li h4,
.side_box .latest_box_sub ul.latest_call li p,
.side_box .latest_box_sub ul.latest_call li span {display: inline-block; width: 100%; position:relative; transition: all .3s;}
.side_box .latest_box_sub ul.latest_call li h4 {font-size: 14px; color: var(--default_color1); line-height: 140%; font-weight: 500; /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */padding-top:2px;opacity: 1;}
.side_box .latest_box_sub ul.latest_call li p {font-size: 11px; line-height:150%; color:var(--default_color1); opacity: 0.5; padding: 7px 0 10px 0; font-weight:300;}
.side_box .latest_box_sub ul.latest_call li span {font-size: 9px; line-height: 100%; color:var(--default_color3); opacity: 0.4; letter-spacing: 0.05em;}
.side_box .latest_box_sub ul.latest_call li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; font-size: 0;}
.side_box .latest_box_sub ul.latest_call li:hover h4 {opacity: 1;}
.side_box .latest_box_sub ul.latest_call li:hover p {opacity: 0.7;}

/**/
.side_box ul.etc_menu {position:relative; font-size:0; padding:0 40px 40px 40px; line-height:110%; }
.side_box ul.etc_menu li {display:inline-block; vertical-align:middle; position:relative; width:50%; font-size:11px;  color:var(--default_color1); margin:6px 0; line-height:110%; opacity:0.4; cursor:pointer; letter-spacing:-0.05em; padding-left:10px;}
.side_box ul.etc_menu li:before {content:""; position:absolute; top:50%; left:0; height:100%; transform:translateY(-50%); border-left:1px solid var(--default_color1); opacity:0.15;}
.side_box ul.etc_menu li:hover {opacity:1;}

.side_box .copy_box {position:relative; font-size:0; padding:0 40px calc(40px + env(safe-area-inset-bottom)) 40px; line-height:130%;font-size:9px;  color:var(--default_color3); letter-spacing:0.05em;}
.side_box .copy_box span {display:inline-block; padding:0 3px;}
.side_box .copy_box ul.logo_symbol_default  {width:12px; height:12px;}
.side_box .copy_box ul.logo_symbol_default li {width:10px;}
.side_box .copy_box ul.logo_symbol_default li.t2,
.side_box .copy_box ul.logo_symbol_default li.t3  {display:none;}

/* 사이드영역 사이트메뉴 출력 / 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: calc(100% + env(safe-area-inset-bottom)); position: fixed; top: 0;  left: 0; background: rgba(0,0,0,0.7); visibility: hidden; opacity: 0; transition: all .3s; z-index:10000001;padding-top: env(safe-area-inset-top);  padding-bottom: env(safe-area-inset-bottom); padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right);}
.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;}

/* ================= */
ul.login_user_need {position:relative; padding: 40px 22px 0 22px; border:1px solid red; max-width:200px; display:flex;  font-size: 0; }
ul.login_user_need li {flex:1; position:relative; line-height:100%; margin:0 7px; }
ul.login_user_need li a {display: block; color: #333; font-size: 11px; font-weight: 500; line-height: 100%;}