@charset "UTF-8";

button { 
	background:transparent;
	border:none;
}

/* PC버전 헤더 시작
------------------------------------------------------ */
.head_inner{
    max-width: 68.314%;
	margin: 0 auto;
}
.hd_wrapper{
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    padding: 2rem 0;
}
#tnb { 
	margin:0;
}
#tnb p {
    display: inline-block;
    padding: 0 10px;
    color: #646464;
    line-height: 35px;
}
#hd_menu .hd_menu_category { 
	display:none; 
}
.sbn_side_menu {
	position: unset;
}
.sbn_side_menu_second{
    display: flex;
    flex-flow: row;
    justify-content: end;
    gap: 1.5rem;
}
.sbn_side_menu a .ico { 
	position: relative;
	display:block; 
	margin:0 auto 5px;
    width: 100%;
    height: auto;
    top: auto;
    right: auto;
    background: transparent;
    border-radius: 0;
	font-size:0;
	text-align: center;	
    line-height: 0;
}
#sbn_side_menu a .ico img { 
	max-width: 100%; 
}
.sct_10 .sct_img {
    position: relative;
    text-align: center;
    background-color: #efefef;
}
[class~=sct_10] [class~=sct_li] {
	margin: 0;
}
.sct_10 {
    margin: 25px 0;
    display: flex;
    flex-flow: row;
    gap: 1rem;
}
[class~=sct_img] img {
    border-radius: 0 !important;
}
[class~=sct_10] [class~=sct_rank] {
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
[class~=sct_wrap] header h2 {
    font-size: 1.25rem !important;
	text-align: left !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 0 !important;
}
[class~=sct_wrap] header{
	padding: 0 !important;
    margin-bottom: 0 !important;
}
[class~=sct_wrap] header h2:after{
	border-bottom: none !important;
}
#category .ct_wr { 
	display:flex;
	gap:20px;
	width: 100%;
	padding:0 20px 20px;
}
#category .ct_wr .conBox { 
	width: calc((100% - 20px)/2);
	overflow:hidden;
}
#category .ct_wr .conBox > * { 
	float:left; 
}
#category .ct_wr .depth1 { 
	width: 100%;
	margin:0 0 3px;
	font-family: Pretendard, sans-serif;
	font-weight:700;
	font-size:16px;
	color: #373737;
}
#category .ct_wr .cateExtra { 
	width: 120px;
	padding:0 10px 0 0;
}
#category .ct_wr .cateExtra:after { 
	display:none; 
}
#category .ct_wr .cateExtra li { 
	margin:0 0 10px;
}
#category .ct_wr .cateExtra li a { 
	display:block; 
	font-weight:600;
	font-family: Pretendard, sans-serif;
	font-size:14px;
	color: #D3000C;
}
#category .ct_wr .cateExtra li:last-child { 
	margin:0;
}
#category .ct_wr .cate { 
	display:flex; 
	gap:15px;
	width: calc(100% - 120px);
}
#category .ct_wr .cate:after { 
	display:none; 
}
#category .ct_wr .cate_li_1 { 
	width: calc((100% - 30px)/3);
	margin-left:0;
	padding:0;
}
#category .ct_wr .cate_li_2 { 
	margin:0 0 5px;
}
#category .ct_wr .cate_li_2:last-child { 
	margin:0;
}
#category .ct_wr .deviceLst { 
	display:flex; 
	flex-wrap:wrap; 
	gap:10px;
	margin:0 0 33px;
}
#category .ct_wr .deviceLst > li { 
	width: calc((100% - 10px)/2);
}
#category .ct_wr .deviceLst .dvcLnk { 
	position:relative; 
	display:flex; 
	justify-content:center; 
	flex-direction:column;
	width: 100%;
	min-height: 64px;
	padding:0 0 0 77px;
}
#category .ct_wr .deviceLst .dvcLnk .imgBox { 
	position:absolute; 
	width: 64px;
	height: 64px;
	top:0;
	left:0;
	background: #F7F7F9;
	border-radius: 50%;
	overflow:hidden;
}
#category .ct_wr .deviceLst .dvcLnk .imgBox img { 
	position:absolute; 
	max-width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
#category .ct_wr .deviceLst .dvcLnk .dvcTit { 
	width: 100%;
	font-weight:600;
	font-family: Pretendard, sans-serif;
	font-size:14px;
	color: #373737;	
}
#category .ct_wr .deviceLst .dvcLnk .dvcTxt { 
	width: 100%;
	font-family: Pretendard, sans-serif;
	font-size:13px;
	color: #999;	
}
#category .ct_wr .deviceLst .dvcLnk:focus .dvcTit,
#category .ct_wr .deviceLst .dvcLnk:hover .dvcTit { 
	color: #c92033; 
}
#category .ct_wr .deviceLnk { 
	display:block; 
	width: 200px;
	padding:13px 10px 12px;
	background: #373737;
	border-radius: 3px;
	font-weight:600;
	font-family: Pretendard, sans-serif;
	font-size:16px;
	letter-spacing:-.5px;
	color: #FFF;
	text-align: center;
	transition:all .3s ease;
}
#category .ct_wr .deviceLnk:focus,
#category .ct_wr .deviceLnk:hover { 
	color: #c92033;
}
/* PC버전 헤더 끝
------------------------------------------------------ */
/* footer 시작
------------------------------------------------------ */
.comSideKakao { 
	position:fixed; 
	width: 70px;
	height: 70px;
	bottom:30px;
	right:30px;
	padding:14px 0 0;
	background: #FEE500;
	border-radius: 50%;
	box-shadow:0 0 6px 0 rgba(0,0,0,.25);
	text-align: center;
	z-index:1;
}
.comSideKakao span { 
	display:block; 
}
.comSideKakao .ico { 
	margin:0 auto 3px;
	font-size:0;
}
.comSideKakao .ico img { 
	max-width: 100%; 
}
.comSideKakao .txt { 
	font-family: Pretendard, sans-serif;
	font-weight:700;
	font-size:9px;
	color: #392020;
	line-height:1.2;
}
footer { 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:space-between; 
	padding:99px 96px;
	border-top:1px solid #E0E0E0; 
}
footer .fLbox .fLogo { 
	max-width: 100%;
	margin:0 0 39px;
	font-size:0; 
}
footer .fLbox .fLogo img { 
	max-width: 100%; 
}
footer .fLbox .fCompany {
	margin:0 0 2px;
	font-family: Pretendard, sans-serif;
	font-weight:700;
	font-size:12px;
	color:#606060;
}
footer .fLbox .fInfoLst li { 
	margin:0 0 3px;
	font-family: Pretendard, sans-serif;
	font-size:12px;
	color:#999;
}
footer .fLbox .fInfoLst li:last-child { 
	margin:0;
}
footer .fRbox { 
	display:flex; 
	flex-wrap:wrap; 
	gap:37px;
}
footer .fRbox .fLnkLst li { 
	margin:0 0 3px;
}
footer .fRbox .fLnkLst li .lnk { 
	display:block; 
	font-family: Pretendard, sans-serif;
	font-size:12px;
	color:#999;
}
footer .fRbox .fLnkLst li:last-child { 
	margin:0;
}
footer .fRbox .fInfoBox .call { 
	display:block; 
	margin:0 0 18px;
	font-family: Pretendard, sans-serif;
	font-weight:700;
	font-size:20px;
	color:#373737;
}
footer .fRbox .fInfoBox .timeInfo { 
	margin:0 0 18px;
}
footer .fRbox .fInfoBox .timeInfo li {
	font-family: Pretendard, sans-serif;
	font-size:12px;
	color:#999;	 
}
footer .fRbox .fInfoBox .fSnsLst { 
	display:flex;
	flex-wrap:wrap; 
	gap:16px;
}
footer .fRbox .fInfoBox .fSnsLst li .fSnsLnk { 
	display:block; 
	max-width: 100%;
	font-size:0;
}
footer .fRbox .fInfoBox .fSnsLst li .fSnsLnk img { 
	max-width: 100%; 
}
footer .fCopyright { 
	width: 100%;
	margin:30px 0 0;
	font-family: Pretendard, sans-serif;
	font-size:12px;
	color:#999;	 
}
@media all and (max-width:1399px){
	.comSideKakao {
		bottom:20px;
		right:20px;
	}
	footer { 
		padding:60px;
	}
}
@media all and (max-width:1199px){
	footer { 
		padding:40px;
	}
}
@media all and (max-width:999px){
	footer { 
		padding:30px;
		text-align: center;
	}
	footer .fLbox,
	footer .fRbox { 
		width: 100%;
	}
	footer .fLbox .fLogo { 
		margin:0 auto 20px;
	}
	footer .fRbox { 
		justify-content:center; 
		gap:0; 
		margin:15px 0 0;
	}
	footer .fRbox .fLnkLst { 
		display:flex; 
		flex-wrap:wrap; 
		justify-content:center; 
		gap:10px;
	}
	footer .fRbox .fLnkLst li { 
		margin:0;
	}
	footer .fRbox .fInfoBox { 
		width: 100%; 
		margin:20px 0 0;
	}
	footer .fRbox .fInfoBox .call { 
		font-size:16px;
	}
	footer .fRbox .fInfoBox .fSnsLst { 
		justify-content:center; 
		gap:10px;
	}
	footer .fCopyright { 
		margin:20px 0 0;
	}
}
@media all and (max-width:599px){ 
	footer { 
		padding:20px;
	}
	footer .fLbox .fLogo { 
		width: 139px; 
		margin:0 auto 15px;
	}
	footer .fRbox .fLnkLst { 
		gap:5px; 
	}
	footer .fRbox .fInfoBox { 
		margin:10px 0 0;
	}
	footer .fRbox .fInfoBox .call { 
		margin:0 0 10px;
		font-size:15px;
	}
	footer .fCopyright { 
		margin:15px 0 0;
	}
}
/* footer 끝
------------------------------------------------------ */
/* 메인 시작
------------------------------------------------------ */
#main_bn .swiper-slide img { 
	display:block; 
}
#main_bn .swiper-pagination-bullet { 
	width: 50px;
	background: #999; 
}
#main_bn .swiper-pagination-bullet-active { 
	background: #D3000C; 
}
/* 메인 끝
------------------------------------------------------ */