@charset "utf-8";

/**************reset.css**************/
body, html{ margin:0; padding:0; width:100%; height:100%; position:relative; right:0; transition:right 0.4s; }
body, html{
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */

	-ms-user-select: none; 
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
body::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
body, input, textarea, select, button, table {
	font-family: 'noto', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif !important;
	-webkit-font-smoothing: antialiased
}

body.slided{ right:300px; transition:right 0.4s; }

img, fieldset, button {
	border: 0
}
ul, ol, li {
	margin:0;
	padding:0;
	list-style: none
}
em, address {
	font-style: normal
}

form, fieldset, h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0; }

img{ max-width:100%; }

a, a:hover, a:active, a:focus{ text-decoration:none; }

section, aside, article, legend, header, footer, button, sub, div, h1, h2, h3, h4, h5, h6, p, span, a{ box-sizing:border-box; }
input:focus, button:focus, a:focus{ outline:0 !important; }



/**************bootstrap.css**************/
.col-01{ width:8.333333333333333% }
.col-02{ width:16.66666666666667%; }
.col-2{ width:20%; }
.col-03{ width:25%; }
.col-04{ width:33.33333333333333%; }
.col-05{ width:41.66666666666667%; }
.col-06{ width:50%; }
.col-07{ width:58.33333333333333%; }
.col-08{ width:66.66666666666667%; }
.col-09{ width:75%; }
.col-8{ width:80%; }
.col-10{ width:83.33333333333333%; }
.col-11{ width:91.66666666666667%; }
.col-12{ width:100%; }

.pdh-05{ padding-left:5px; padding-right:5px; }
.pdh-10{ padding-left:10px; padding-right:10px; }
.pdh-15{ padding-left:15px; padding-right:15px; }
.pdh-20{ padding-left:20px; padding-right:20px; }
.pdh-25{ padding-left:25px; padding-right:25px; }
.pdh-30{ padding-left:30px; padding-right:30px; }
.pdh-35{ padding-left:35px; padding-right:35px; }


.flex{ display:flex; }
.flex_wrap{ display:flex; flex-flow:row wrap; }
.flex_center{ display:flex; justify-content:center; align-items:center; }




/***********scrollbar***********/
body::-webkit-scrollbar { width: 5px; background-color:transparent; position:fixed; z-index:999999; }
body::-moz-scrollbar { width: 5px; background-color:transparent; position:fixed; z-index:999999; }
body::-webkit-scrollbar-track{ background-color:#666; }
body::-moz-scrollbar-track{ background-color:#666; }
body::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.4);  border-radius:20px; }
body::-moz-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.4);  border-radius:20px; }

#docent_wrap{ box-shadow:0 0 10px 0 rgba(0,0,0,.25); }




/***********qm***********/
.qm{ position:fixed; z-index:999999; top:50%; left:0; transform:translate(0, -50%); }
.qm > li{ box-shadow:2px 2px 4px 0 rgba(0,0,0,.15); }
.qm > li:not(:last-child){ margin-bottom:2px; }
.qm > li > a{ display:block !important; padding:13px; background-color:#ca3b3f; font-size:24px; color:#fff; line-height:1em; }

@media(max-width:1280px){
	.qm > li > a{ padding:10px; font-size:20px; }
}
@media(max-width:850px){
	.qm{ display:none; }
}




/**************header.css**************/
#header{ position:fixed; z-index:99997; top:0; right:0; width:100%; background-color:transparent; transition-duration:0.4s; padding:35px 60px 0; }
#header.slided{ right:300px; }
#header.fixed{ padding-top:0; }
.header_cont{ width:100%; margin:0 auto; position:relative; z-index:999999; display:flex; align-items:center; justify-content:space-between; }

.header_logo_wrap{ max-width:190px; width:100%; }
.header_logo_wrap a{ display:block; align-items:center; padding:10px 0; transition-duration:0.4s; }
.header_logo_wrap a img{ max-height:40px; width:100%; display:block; transition-duration:0.4s; }
.header_logo_wrap a svg{ display:block; }
.header_logo_wrap a svg path{ fill:#fff; }

#header.fixed .header_logo_wrap a svg path{ fill:#ca3b3f; }

#header.fixed .header_logo_wrap a img{ max-height:35px; }

.home_btn{ font-size:21px; float:left; height:60px; line-height:60px; position:relative; transition-duration:0.4s; cursor:pointer; text-align:center; margin-right:20px; }

.header_btn_wrap{ float:right; }

.search_btn{ font-size:17px; float:left; height:60px; line-height:60px; position:relative; transition-duration:0.4s; cursor:pointer; text-align:center; }
.lang_btn{ font-size:20px; float:left; height:60px; line-height:60px; position:relative; transition-duration:0.4s; cursor:pointer; text-align:center; margin-left:20px; }

.add_btn_wrap{ float:left; width:21px; height:60px; position:relative; transition-duration:0.4s; cursor:pointer; margin-left:20px; }
.add_btn{ position:absolute; width:21px; height:3px; border-radius:0; top:50%; left:0; margin-top:-1.5px; transition-duration:0.4s }
.add_btn:before{ content:''; position:absolute; width:14px; height:3px; border-radius:0; top:-7px; left:0; transition-duration:0.4s; }
.add_btn:after{ content:''; position:absolute; width:7px; height:3px; border-radius:0; top:7px; left:0; transition-duration:0.4s; }
.add_btn.open{ width:21px; height:21px; border-radius:100%; margin-top:-10.5px; }
.add_btn.open:before{ width:0; opacity:0; top:50%; }
.add_btn.open:after{ width:0; opacity:0; bottom:50%; }




/**************gnb.css**************/
.pc_gnb{ display:none; }
@media(min-width:1025px){
	#header .header_cont{ flex-wrap:nowrap; gap:12px; }
	#header .header_logo_wrap{ flex:0 1 auto; width:190px; max-width:190px; min-width:0; }
	#header .header_btn_wrap{ flex-shrink:0; display:flex; align-items:center; }
	#header .pc_gnb{ display:block; margin-left:auto; transform:translateY(-3px); }
	.pc_gnb_list{ display:flex; flex-wrap:nowrap; align-items:center; gap:clamp(4px, 1.2vw, 24px); }
	.pc_gnb_item{ position:relative; }
	.pc_gnb .pc_gnb_link{ display:block; padding:18px 6px; border:0; background:transparent; color:#fff; font-size:clamp(16px, 1.25vw, 19px); font-weight:500; line-height:1.4; white-space:nowrap; text-align:left; cursor:pointer; text-shadow:0 1px 4px rgba(0,0,0,.8); }
	.pc_gnb_toggle:after{ content:''; display:inline-block; width:5px; height:5px; margin:0 0 3px 8px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg); }
	.pc_gnb .pc_gnb_link:focus-visible{ outline:2px solid currentColor !important; outline-offset:-3px; }
	.pc_gnb_sub{ display:none; min-width:180px; padding:8px 0; background:#fff; border-radius:4px; box-shadow:0 6px 20px rgba(0,0,0,.18); }
	.pc_gnb_list > .pc_gnb_item > .pc_gnb_sub{ position:absolute; top:100%; right:0; z-index:1000; }
	.pc_gnb_item:hover > .pc_gnb_sub, .pc_gnb_item:focus-within > .pc_gnb_sub{ display:block; }
	.pc_gnb .pc_gnb_sub .pc_gnb_link{ width:100%; padding:10px 16px; color:#333; font-size:14px; text-shadow:none; }
	.pc_gnb .pc_gnb_sub .pc_gnb_link:hover, .pc_gnb .pc_gnb_sub .pc_gnb_link:focus-visible{ color:#ca3b3f; background:#f7f7f7; }
	.pc_gnb_sub .pc_gnb_sub{ padding-left:12px; background:#f7f7f7; border-radius:0; box-shadow:none; }
	#header.fixed .pc_gnb_list > .pc_gnb_item > .pc_gnb_link{ color:#333; text-shadow:none; }
	#header.fixed .pc_gnb_dark{ background:rgba(26,26,26,.9); border-radius:4px; }
	#header.fixed .pc_gnb_dark > .pc_gnb_list > .pc_gnb_item > .pc_gnb_link{ color:#fff; }
}

@media (min-width:1025px) and (max-width:1599px),
(min-width:1025px) and (max-height:900px){
	#header .header_logo_wrap{ width:170px; max-width:170px; }
	#header .pc_gnb_list{ gap:clamp(8px, .8vw, 14px); }
	#header .pc_gnb_list > .pc_gnb_item > .pc_gnb_link{ font-size:clamp(15px, 1.1vw, 17px); }
}

#gnb{ position:fixed; top:0; bottom:0; right:-300px; width:300px; z-index:-999999999; transition:right 0.4s; }
#gnb.slided{ right:0; transition:right 0.4s; }

.gnb_box{ position:relative; overflow:hidden; width:100% !important; height:100% !important; }
.gnb_con_wrap{ position:absolute; overflow:hidden; padding:0; margin:0; top:0; bottom:0; left:0; right:0; width:auto !important; height:auto !important; z-index:1; overflow-y:scroll; }
#gnb .gnb_con_wrap::-webkit-scrollbar, #gnb .gnb_con_wrap::-webkit-scrollbar, #gnb .gnb_con_wrap::-webkit-scrollbar-corner, #gnb .gnb_con_wrap::-webkit-scrollbar-corner{  display:none!important; width:0px!important; height:0px!important; visibility:hidden!important; background:transparent!important }
.gnb_con{ position:relative; width:100%; min-height:100%; visibility:visible; flex-direction:column; justify-content:space-between; }

.gnb_scb_wrap{ position:absolute; top:0; bottom:0; right:0; }
.gnb_scb{ width:2px; border-radius:5px; position:absolute; right:2px; top:0; transform:translate(0, 0); opacity:0; transition:opacity 0.3s; }
.gnb_scb.scroll{ opacity:1; transition:opacity 0.3s; }








/**************member_menu.css**************/
.gnb_member_profile{ max-width:100px; width:100%; height:auto; display:block; margin:0 auto; overflow:hidden; }
.gnb_member_profile img{ max-height:40px; width:100%; }
.gnb_member_profile svg path{ fill:#ca3b3f; }
.gnb_member{ padding:30px; }
.member_input_wrap{ margin-bottom:10px; }
.member_input_wrap input{ border:none; width:100%; box-sizing:border-box; font-size:13px; padding:5px 10px; border-radius:5px; margin-bottom:5px; }
.log_add_wrap{ justify-content:space-between; margin-bottom:15px; }
.log_add_wrap label:hover{ cursor:pointer; }
.keep_login{ display:flex; align-items:center; }
.keep_login input{ display:none; }
.chk_label{ background-color:transparent; width:14px; height:14px; margin-right:5px; }
.keep_login input[id="keepid_opt"]:checked + label{ position:relative; }
.keep_login input[id="keepid_opt"]:checked + label:before{ content:''; width:10px; height:5px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg); }
.gnb_log_submit, .gnb_log_signup{ width:100%; margin:0 2.5px; text-align:center; padding:4px 10px; font-size:11px; font-weight:300; color:#fff; border-radius:4px; }

.gnb_logged{ text-align:center; }
.gnb_logged_title{ font-size:18px; font-weight:600; cursor:pointer; }
.gnb_logged ul.gnb_logged_list{ display:none; padding-top:10px; }
.gnb_logged ul li{ padding:2px 0; }
.gnb_logged ul li a{ font-size:12px; display:block; }
.gnb_logged ul li a i{ margin-right:5px; }








/**************category_menu.css**************/
.gnb_menu{ padding:15px 0 100px; }
.depth1_link{ display:block; padding:15px 20px; font-family:'cg','ns'; font-size:20px; font-weight:400; cursor:pointer; }
.depth1_link.more{ position:relative; padding-right:45px; }
.depth1_link.more:after{ content:''; width:8px; height:8px; transform:translate(-50%, -50%) rotate(-45deg); position:absolute; top:50%; right:21px; transition-duration:0.3s; }
.depth1_link.more.spreaded:after{ transform:translate(-50%, -50%) rotate(45deg); top:46%; }
.gnb_nav2{ display:none; }
.depth2_link{ display:block; padding:7px 20px 7px 30px; font-size:16px; font-weight:300; cursor:pointer; }
.depth2_link.more{ position:relative; padding-right:45px; }
.depth2_link.more:after{ content:''; width:8px; height:8px; transform:translate(-50%, -50%) rotate(-45deg); position:absolute; top:50%; right:21px; transition-duration:0.3s; }
.depth2_link.more.spreaded:after{ transform:translate(-50%, -50%) rotate(45deg); top:46%; }
.gnb_nav3{ display:none; }
.depth3_link{ display:block; padding:7px 20px 7px 40px; font-size:13px; font-weight:300; cursor:pointer; }








/**************lang.css**************/
.lang_wrap{ position:fixed; z-index:999999; top:0; left:0; width:100%; height:100%; padding:30px; visibility:hidden; opacity:0; transition:visibility 0s 0.3s, opacity 0.3s; }
.lang_wrap.displayed{ opacity:1; visibility:visible; transition:visibility 0s, opacity 0.3s; }
.lang_close{ position:absolute; top:10px; right:10px; cursor:pointer; font-size:25px; line-height:1; }
.lang_list{ text-align:center; }
.lang_list li{ padding:4px 0; }
.lang_list li a{ font-size:18px; font-weight:600; display:block; transition-duration:0.4s; }
.lang_list li.neared a{ transform:scale(1.05); }
.lang_list li.overed a{ transform:scale(1.3); }








/**************search.css**************/
.search_wrap{ position:fixed; z-index:999999; top:0; left:0; width:100%; height:100%; padding:30px; visibility:hidden; opacity:0; transition:visibility 0s 0.3s, opacity 0.3s; }
.search_wrap.displayed{ opacity:1; visibility:visible; transition:visibility 0s, opacity 0.3s; }
.search_close{ position:absolute; top:10px; right:10px; cursor:pointer; font-size:25px; line-height:1; }
.gnb_search{ max-width:400px; width:100%; position:relative; }
.gnb_search input[type='text']{ width:100%; padding:10px 40px 10px 7px; background-color:transparent; border:none; font-size:14px; }
.search_submit{ position:absolute; right:0; top:0; width:40px; height:100%; line-height:40px; text-align:center; font-size:20px; }











/**************sns.css**************/
.gnb_sns{ padding:15px 40px; display:flex; justify-content:space-between; align-items:center; }
.gnb_sns li{ text-align:center; }
.gnb_sns a{ text-align: center; font-size:24px; padding:0 4px; color:#ca3b3f; }

















/**************footer.css**************/
#footer{ background-color:#333; padding:100px 60px; overflow:hidden; }
.ft_cont{ max-width:1800px; width:100%; margin:0 auto; }
.ft_pw{ margin:0 -30px; display:flex; flex-flow:row wrap; justify-content:space-between; }
.ft_pt{ padding:0 30px; }
.ft_pt.lf{ display:flex; flex-flow:row wrap; }
.ft_pt.rt{ display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; }

.ft_lg{ margin:0 40px 20px 0; }
.ft_lg > img{ max-height:40px; width:100%; }
.ft_lg > svg{ display:block; max-width:96px; width:100%; }
.ft_lg > svg path{ fill:#fff; }

.ft_if{ word-break:keep-all; }
.ft_if > p{ font-family:'ns'; font-size:15px; font-weight:400; color:#ccc; line-height:1.5em; margin-bottom:20px; }
.ft_if > h5{ font-family:'ns'; font-size:16px; font-weight:400; color:#888; }

#fnb{ font-size:0; }
#fnb > li{ display:inline-block; }
#fnb > li:not(:first-child){ margin-left:15px; }
#fnb > li > a{ display:block; font-family:'ns'; font-size:16px; font-weight:400; color:#fff; line-height:1em; text-align:right; }










/*************over_2K*************/
@media(min-width:1930px){
	.ft_cont{ max-width:80%; }
}

/*************mobile_01*************/
@media( max-width:1280px ){
	#header{ padding:0 15px; }
	#footer{ padding:80px 15px 80px; }
}


@media(min-width:1025px){
	#footer{ padding-top:75px; padding-bottom:75px; }
}
@media(min-width:1025px) and (max-width:1280px){
	#footer{ padding-top:60px; padding-bottom:60px; }
}

@media(max-width:991px){
	.ft_pt.lf{ width:100%; flex-direction:column; justify-content:center; }
	.ft_pt.rt{ width:100%; align-items:center; margin-top:20px; }
	.ft_lg{ margin:0 auto 20px; }
	.ft_if{ text-align:center; }
	#fnb{ display:none; }
	#fnb > li{ display:inline-block; padding:0 10px; }
}

/*************mobile_01*************/
@media( max-width:850px ){
	.header_logo_wrap a, #header.fixed .header_logo_wrap a{ padding:10px 0; }
	.home_btn{ height:50px; line-height:50px; }
	.lang_btn{ height:50px; line-height:50px; }
	.add_btn_wrap{ height:50px; }
	.search_btn{ height:50px; line-height:50px; }
	
}

/* Mobile header and left menu panel */
.mobile_shop_link{ display:none; }
@media (max-width:1024px){
	#header .header_cont{ height:60px; }
	#header .home_btn, #header .lang_btn, #header .search_btn{ display:none; }
	#header .header_logo_wrap{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:170px; max-width:calc(100% - 144px); }
	#header .header_btn_wrap{ position:absolute; top:0; left:0; float:none; }
	#header .add_btn_wrap{ display:block; float:none; width:44px; height:60px; margin-left:0; }
	#header .add_btn{ left:11px; }
	#header .add_btn:not(.open){ width:22px; height:2px; margin-top:-1px; }
	#header .add_btn:not(.open):before{ width:22px; height:2px; top:-7px; }
	#header .add_btn:not(.open):after{ width:22px; height:2px; top:7px; }
	#header .mobile_shop_link{ position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:flex-end; width:68px; height:60px; color:#fff; font-size:14px; white-space:nowrap; }
	#header.fixed .mobile_shop_link{ color:#ca3b3f; }
	body.slided, #header.slided{ right:0; }
	#gnb{ top:60px; left:-300px; right:auto; width:300px; z-index:1000000; transition:left 0.4s; }
	#gnb.slided{ left:0; right:auto; transition:left 0.4s; }
}

@media (max-width:1024px) {
	#footer {
		padding:35px 15px 35px;
	}

	#footer .widgetCounter {
		display:grid;
		grid-template-columns:1fr 1fr;
		width:100%;
		margin:0;
		padding:0;
	}
	#footer .widgetCounter > li {
		display:flex;
		align-items:baseline;
		justify-content:center;
		gap:6px;
		margin:0;
		padding:4px 6px;
		border:0 !important;
	}
	#footer .widgetCounter > li:nth-child(3) {
		grid-column:1 / -1;
	}
	#footer .widgetCounter h5,
	#footer .widgetCounter p {
		margin:0;
		padding:0;
		line-height:1.4;
		white-space:nowrap;
	}
	#footer .widgetCounter > li:before,
	#footer .widgetCounter > li:after {
		display:none !important;
	}
}

@media (max-width:1024px) {
	#gnb { width:280px; left:-280px; }
	#gnb.slided { left:0; }
	#gnb .gnb_member_login { display:none; }
	#gnb .gnb_member { padding:16px 18px; }
	#gnb .gnb_member_profile { max-width:80px; }
	#gnb .gnb_menu { padding:8px 0 20px; }
	#gnb .depth1_link { font-size:18px; padding:9px 18px; }
	#gnb .depth2_link { font-size:15px; padding:6px 18px 6px 26px; }
	#gnb .depth3_link { font-size:13px; padding:5px 18px 5px 34px; }
	#gnb .depth1_link.more,
	#gnb .depth2_link.more { padding-right:45px; }
	#gnb .depth1_link.more:after,
	#gnb .depth2_link.more:after { width:7px; height:7px; right:34px; }
	#gnb .gnb_sns { padding:10px 22px; }
	#gnb .gnb_sns a { font-size:20px; }
}

@media (max-width:1024px) {
	#gnb {
		bottom:auto;
		height:auto;
	}
	#gnb .gnb_box {
		height:auto !important;
	}
	#gnb .gnb_con_wrap {
		position:relative;
		display:block;
		top:auto;
		bottom:auto;
		max-height:calc(100vh - 60px);
		max-height:calc(100dvh - 60px);
		overflow-y:auto;
	}
	#gnb .gnb_con {
		min-height:0;
		height:auto !important;
		justify-content:flex-start;
	}
	#gnb .gnb_con_lower {
		margin-top:16px;
	}
}

@media (max-width:1024px) {
	#gnb { width:205px; left:-205px; }
	#gnb.slided { left:0; }
	#gnb .gnb_member { padding:12px 18px; }
	#gnb .gnb_member_profile { max-width:66px; margin:0; }
}

@media (max-width:1024px) {
	#gnb .depth1_link.more,
	#gnb .depth2_link.more {
		display:flex;
		align-items:center;
		justify-content:flex-start;
		gap:14px;
		width:100%;
	}
	#gnb .depth1_link.more:after,
	#gnb .depth2_link.more:after {
		position:static;
		flex-shrink:0;
		top:auto;
		right:auto;
		transform:rotate(-45deg);
	}
	#gnb .depth1_link.more.spreaded:after,
	#gnb .depth2_link.more.spreaded:after {
		top:auto;
		transform:rotate(45deg);
	}
	body #gnb {
		--mobile-menu-surface:#f7f7f7;
		background-color:transparent;
	}
	body:has(#header .pc_gnb_dark) #gnb {
		--mobile-menu-surface:#1a1a1a;
	}
	#gnb .gnb_con_upper {
		background-color:var(--mobile-menu-surface);
	}
	#gnb .gnb_con_lower {
		display:none;
		margin-top:0;
	}
	#gnb.slided .gnb_con_lower {
		display:block;
	}
	#gnb .gnb_sns {
		background-color:var(--mobile-menu-surface);
		border-radius:0 0 4px 4px;
		flex-wrap:nowrap;
		padding:8px 10px;
	}
	#gnb .gnb_sns a {
		display:flex;
		align-items:center;
		justify-content:center;
		width:44px;
		min-height:44px;
	}
	#gnb .gnb_con_wrap {
		max-height:calc(100vh - 60px - env(safe-area-inset-bottom, 0px));
		max-height:calc(100dvh - 60px - env(safe-area-inset-bottom, 0px));
	}
}

@media (max-width:1024px) {
	#gnb .gnb_sns .xi-youtube { color:#FF0000; }
	#gnb .gnb_sns .la-instagram { color:#E4405F; }
	#gnb .gnb_sns .xi-naver { color:#03C75A; }
	#gnb .gnb_sns .la-shopping-bag { color:#00C73C; }
	#gnb .gnb_sns .xi-kakaotalk { color:#FEE500; }
}

@media (max-width:1024px) {
	#gnb .depth1_link,
	#gnb .depth1_link.more {
		width:fit-content;
		min-width:140px;
		max-width:100%;
		padding-right:11px;
	}
	#gnb .depth1_link.more {
		padding-right:27px;
		gap:12px;
	}
}

@media (max-width:1024px) {
	#gnb .gnb_box {
		width:270px !important;
		max-width:calc(100vw - 10px);
		overflow:visible;
	}
	#gnb .gnb_con_wrap {
		width:270px !important;
		max-width:calc(100vw - 10px);
		overflow-x:visible;
		overflow-y:auto;
	}
	#gnb .gnb_con {
		width:270px;
		max-width:100%;
		align-items:flex-start;
	}
	#gnb .gnb_con_upper {
		width:205px;
		flex:0 0 auto;
	}
	#gnb .gnb_con_lower {
		width:270px;
		max-width:calc(100vw - 10px);
		margin-top:0;
	}
	#gnb .gnb_sns {
		width:270px;
		max-width:calc(100vw - 10px);
		box-sizing:border-box;
	}
}

#footer .ft_phone_mobile { display:none; }
@media (max-width:1024px) {
	#footer .ft_phone_pc,
	#footer .ft_contact_gap { display:none; }
	#footer .ft_phone_mobile { display:inline; }
	#footer .ft_phone_mobile,
	#footer .ft_phone_mobile:hover,
	#footer .ft_phone_mobile:active,
	#footer .ft_phone_mobile:focus,
	#footer .ft_phone_mobile:visited {
		color:#fff !important;
		text-decoration:none !important;
	}
	#footer .ft_email { display:block; color:inherit; }
	#footer .ft_email a,
	#footer .ft_email a:hover,
	#footer .ft_email a:active,
	#footer .ft_email a:focus,
	#footer .ft_email a:visited {
		color:inherit !important;
		text-decoration:none !important;
	}
}

@media (min-width:1025px) {
	#header .add_btn_wrap {
		display:none;
	}
	#gnb {
		display:none;
	}
	body.slided,
	#header.slided {
		right:0 !important;
	}
}