@charset "utf-8";


@font-face {
    font-family: 'Paperlogy-1Thin';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-2ExtraLight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-3Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-6SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-9Black';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}



body {}

.cf::after{content:""; display:block; clear:both;}
.inner{max-width:1400px; margin:0 auto;}

p, body{word-break:keep-all;}

/*header*/
header{/* background-color: #500729; */ color: #333;}
header a{color: #333;}

/*topBn*/
.topBn{position:relative; border-bottom:1px solid #ddd;}
.topBn > ul{display:flex;}
.topBn > ul > li{background:#ddd; width:50%; min-height:100px; }
.topBn > .close{position:absolute; top:50%; right:8%; transform:translate(0, -50%);}
.topBn > .close > a{display:block; color:#999;}

/*util*/
.util {/* background-color: #500729; */}
.util > div > ul{display:flex; justify-content:flex-end;}
.util > div > ul > li > a{display:block; padding:8px 12px; font-size:15px; color:#1c1c1c;}

/*wrapper*/

.wrapper{ position: relative; display:flex; justify-content:space-between; align-items:center; padding:25px 9px 35px 0;}
.wrapper > .logo > a{}
.wrapper > .logo > a > img{height:40px;}
.wrapper > .tel{text-align:right;}
.wrapper > .tel > p{font-size:18px; font-weight:700; color:#c90104;}
.wrapper > .tel > p > img{height:16px; filter:invert(11%) sepia(95%) saturate(6337%) hue-rotate(355deg) brightness(77%) contrast(107%);}
.wrapper > .tel > h3{font-size:30px;}

.wrapper > .search {/* margin-left: 50px; */}
.wrapper > .search #hd_sch #sch_str{background:#fefefe; border:1px solid #1c1c1c; border-right:0; color:#333;}
.wrapper > .search #hd_sch #sch_submit{background:#fefefe; border:1px solid #1c1c1c; border-left:0;}
.wrapper > .search #hd_sch #sch_submit i{color:#1c1c1c;}


/* GNB */
.gnb {
	position:relative;
	width:100%;
	height:55px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	background:#fff;
	overflow:visible;
}

.gnb .menu_wrap {
	position:relative;
	z-index:1200;

	display:flex;
	align-items:center;

	width:90%;
	max-width:1400px;
	height:100%;

	margin:0 auto;
	padding:0;

	list-style:none;
}

/* 메인 메뉴 */
.gnb .menu_wrap > li {
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
}

.gnb .menu_wrap > li > a {
	position:relative;

	display:flex;
	align-items:center;
	justify-content:center;

	width:100%;
	height:100%;
	padding:0 15px;

	color:#111;
	font-size:18px;
	font-weight:500;
	letter-spacing:-0.04em;
	white-space:nowrap;

	transition:
		color .2s ease,
		font-weight .2s ease;
}

/* 메인 메뉴 hover */
.gnb .menu_wrap > li > a:hover,
.gnb .menu_wrap > li:focus-within > a {
	color:#FA638B;
	font-weight:700;
}


/* 전체 하위메뉴 */
.gnb .gnb_all_submenu {
	position:absolute;
	top:100%;
	left:0;
	z-index:1100;

	width:100%;
	padding:22px 0 30px;

	background:rgba(255,255,255,.92);
	border-top:2px solid #FA638B;
	box-shadow:0 10px 22px rgba(0,0,0,.08);

	visibility:hidden;
	opacity:0;
	pointer-events:none;

	transform:translateY(8px);

	transition:
		visibility .2s ease,
		opacity .2s ease,
		transform .2s ease;
}

/* 어느 메인메뉴에 hover해도 전체 하위메뉴 표시 */
.gnb:hover .gnb_all_submenu,
.gnb:focus-within .gnb_all_submenu {
	visibility:visible;
	opacity:1;
	pointer-events:auto;
	transform:translateY(0);
}

/* 상단 1차 분류와 같은 폭/열 */
.gnb .gnb_all_submenu_inner {
	display:flex;
	align-items:flex-start;

	width:90%;
	max-width:1400px;

	margin:0 auto;
	padding:0;
}

/* 각 1차 분류의 하위메뉴 열 */
.gnb .gnb_sub_col {
	flex:1;
	min-width:0;
	text-align:center;
}

.gnb .gnb_sub_col ul {
	display:block;
	margin:0;
	padding:0;
}

.gnb .gnb_sub_col li {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}

/* 하위메뉴 */
.gnb .gnb_sub_col a {
	display:block;
	width:100%;
	box-sizing:border-box;

	padding:10px 6px;

	color:#333;
	font-size:15px;
	font-weight:500;
	line-height:1.45;

	text-align:center;
	white-space:nowrap;

	transition:
		color .2s ease,
		font-weight .2s ease,
		background .2s ease;
}

.gnb .gnb_sub_col a:hover {
	color:#FA638B;
	font-weight:600;
	background:transparent;
}
/*footer*/
.footer > div.infoBox{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.footer > div.infoBox > ul{display:flex;}
.footer > div.infoBox > ul > li{width:calc(100% / 2); border-left:1px solid #ddd; padding:40px 40px 30px;}
.footer > div.infoBox > ul > li:last-child{border-right:1px solid #ddd;}
.footer > div.infoBox > ul > li > div{margin-bottom:16px;}
.footer > div.infoBox > ul > li > div > h4{font-size:22px; margin: 8px 0 10px;}
.footer > div.infoBox > ul > li > div > h4 > img{height:23px; /* margin-top: 5px */}
.footer > div.infoBox > ul > li:nth-child(2) > div > h4 > img{height:28px !important; /* margin-top: 5px */}
.footer > div.infoBox > ul > li:last-child > div > h4 > img{height:28px !important; /* margin-top: 5px */}
.footer > div.infoBox > ul > li > div > div > p{font-size:16px; line-height:26px; font-weight:300; color:#777;}
.footer > div.infoBox > ul > li h3{font-size:35px; font-weight:700;}
.footer > div.infoBox > ul > li > div:last-child{display: block;}
.footer > div.infoBox > ul > li > div > p{font-size:16px; line-height:26px; font-weight:300; color:#777;}
.footer > div.infoBox > ul > li > ul{display:flex; justify-content:space-between; margin-bottom:10px; text-align:center;}
.footer > div.infoBox > ul > li > ul > li{width:calc(50% - 5px); border-radius:50px; border:1px solid #cdcdcd;}
.footer > div.infoBox > ul > li > ul > li > a{display:block;font-size:16px; padding:8px 0;}
.footer > div.infoBox > ul > li > p{font-size:16px; line-height:26px; font-weight:300; color:#777;}
.footer > div.infoBox > ul > li > p > img{height:20px; vertical-align:text-bottom;}
.footer > div.infoBox > ul > .center h3{/* font-size: 30px; */ margin: 10px 0 15px;}
.footer ul.btnWrap {display:flex; flex-wrap:wrap; width: 1200px; margin: 0 auto 25px; padding-top: 15px;}
.footer ul.btnWrap li{position:relative; margin-right:16px; padding-right:16px;}
.footer ul.btnWrap li:last-child{margin-right:0; padding-right:0;}
.footer ul.btnWrap li:last-child::after{display:none;}
.footer ul.btnWrap li > a{display:block; padding:10px 0; font-size:18px; font-weight:700; color:#fff;}
.footer ul.btnWrap li {display:block; padding:10px 0; font-size:16px; font-weight:400; color:#fff;}


.footer > div.info{background:#2e2e2e; padding:0 0 50px;}
.footer > div.info > div.inner {max-width:1200px !important; display:flex; justify-content:space-between; align-items:center; gap:15px; position:relative;}
.footer > div.info > div > img {height:40px;}
.footer > div.info > div > .snsWrap {position:absolute; top:0; right:0; display:flex; gap:10px;}

.footer > div.info > div > .f_logo{/* margin-right: 50px; */ position: absolute; right: 0; bottom: 0;}
.footer > div.info > div > .f_logo > img{filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(10%) hue-rotate(91deg) brightness(106%) contrast(100%);}

.footer > div.info > div > div > ul{display:flex; flex-wrap:wrap;}
.footer > div.info > div > div > ul:nth-child(1){margin-bottom: 15px;}
.footer > div.info > div > div > ul > li{position:relative; margin-right:10px; /* margin-bottom: 3px;  */padding-right:10px; font-size:17px; line-height:1.9; color:#fff; font-weight:300; opacity:.8;}
.footer > div.info > div > div > ul > li::after{content:""; display:block; width:1px; height:15px; background:#fff; position:absolute; right:0; top:50%; transform:translate(0, -50%);}
.footer > div.info > div > div > ul > li:last-child::after{display:none;}
.footer > div.info > div > div > p{font-size:17px; line-height:1.9; color:#fff; font-weight:300; opacity:.8; margin-top: 20px;}
/* .footer > div.info > div > img.qrCode {position:absolute; bottom:0; right:0; height:100px;} */

/*카테고리*/
/*
#category{width:200px; border:0;}
#category h2{background:#c90104; height:52px; padding:0; line-height:46px; border:0; color:#fff; font-size:18px; font-weight:700; text-align:center;}
#category .close_btn{background:#c90104; color:#fff;}
#category .cate{background:#ec2b2e; height:100%; text-align:center;}
#category .cate_li_1{width:100%; min-height:0; padding:0; border:0; border-bottom:1px solid #fff;}
#category .cate_li_1:last-child{border-bottom:0;}
#category .cate_li_1 > a{display:block; padding:16px 0; margin:0; font-size:18px; color:#fff; font-weight:500;}
*/
#category .cate_li_1{min-height:80px;}
#category .cate_li_1_a{color:#333; font-size:1.1em;}

/* 푸터 기본 */
#footer.swf-footer {display:block; width:100%; margin:0; padding:50px 0 24px; background:#272924; color:#aaa99a; font-family:inherit; text-align:left;}
#footer.swf-footer, #footer.swf-footer * {box-sizing:border-box;}
#footer.swf-footer .swf-inner {width:1200px; max-width:calc(100% - 60px); margin:0 auto;}
#footer.swf-footer ul {list-style:none; margin:0; padding:0;}
#footer.swf-footer p, #footer.swf-footer h4 {margin:0; padding:0;}
#footer.swf-footer a {color:inherit; text-decoration:none;}

/* 상단 메뉴 */
#footer.swf-footer .swf-menu {display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; margin:0 0 36px;}
#footer.swf-footer .swf-menu li {margin:0; padding:0;}
#footer.swf-footer .swf-menu a {display:block; font-size:16px; font-weight:600; line-height:1.6; letter-spacing:-0.4px; color:#c1c0b3; transition:color .2s;}
#footer.swf-footer .swf-menu a:hover {color:#fff;}

/* 회사정보 / 고객센터 배치 */
#footer.swf-footer .swf-content {display:grid; grid-template-columns:minmax(0, 1fr) 245px; gap:60px; align-items:start;}
#footer.swf-footer .swf-company {min-width:0;}
#footer.swf-footer .swf-brand {display:block; margin:0 0 43px; font-size:25px; font-weight:700; line-height:1.4; letter-spacing:-1px; color:#c4c2ad;}

/* 회사정보 */
#footer.swf-footer .swf-company-info {font-size:16px; font-weight:400; line-height:1.9; letter-spacing:-0.3px; overflow-wrap:break-word;}
#footer.swf-footer .swf-info-row {display:flex; flex-wrap:wrap; gap:0 16px;}
#footer.swf-footer .swf-info-row li {margin:0; padding:0;}
#footer.swf-footer .swf-info-row li > span {margin-right:8px; font-weight:600; color:#bcbbae;}

/* 고객센터 / 결제정보 */
#footer.swf-footer .swf-contact {padding-top:20px;}
#footer.swf-footer .swf-contact-item + .swf-contact-item {margin-top:26px;}
#footer.swf-footer .swf-contact-item h4 {margin-bottom:5px; font-size:16px; font-weight:600; line-height:1.5; letter-spacing:-0.4px; color:#c4c2ad;}
#footer.swf-footer .swf-contact-item p {font-size:14px; font-weight:400; line-height:1.7; letter-spacing:-0.2px;}

/* 하단 저작권 */
#footer.swf-footer .swf-bottom {margin-top:30px; padding-top:20px; border-top:1px solid rgba(196,194,173,.15);}
#footer.swf-footer .swf-bottom p {font-size:14px; font-weight:400; line-height:1.7; color:#969687;}
#footer.swf-footer .swf-credit {display:inline-block;}
#footer.swf-footer .swf-credit a {display:inline-block; margin-left:4px; vertical-align:middle;}
#footer.swf-footer .swf-credit img {display:block; width:auto; height:14px; border:0;}

@media (max-width:1200px) {
	#hd #logo a {
		height:auto;
	}

	#hd #logo img {
		height:32px;
	}

	.gnbM {
		display:none !important;
	}

	/* GNB */
	.gnb {
		height:50px;
	}

	.gnb .menu_wrap {
		display:flex;
		align-items:center;
		flex-wrap:nowrap;
		height:100%;
	}

	.gnb .menu_wrap > li {
		height:100%;
	}

	.gnb .menu_wrap > li > a {
		display:flex;
		align-items:center;
		justify-content:center;
		height:100%;
		padding:0 12px;
		font-size:15px;
		font-weight:500;
	}

	.gnb .menu_wrap > li > a:hover,
	.gnb .menu_wrap > li:focus-within > a {
		color:#FA638B;
		font-weight:700;
	}

	/* 전체 하위메뉴는 세로 목록 유지 */
	.gnb .gnb_all_submenu_inner {
		display:flex;
		align-items:flex-start;
	}

	.gnb .gnb_sub_col {
		flex:1;
	}

	.gnb .gnb_sub_col ul {
		display:block;
		margin:0;
		padding:0;
	}

	.gnb .gnb_sub_col li {
		display:block;
	}

	.gnb .gnb_sub_col a {
		display:block;
		padding:9px 5px;
		font-size:14px;
	}

	.gnb .gnb_sub_col a:hover {
		color:#FA638B;
		font-weight:600;
	}

	/* wrapper */
	.wrapper {
		display:flex;
		padding:30px 0;
	}

	.wrapper > .logo > a > img {
		height:38px;
	}

	.wrapper > .tel > p {
		font-size:16px;
	}

	.wrapper > .tel > p > img {
		height:14px;
	}

	.wrapper > .search {
		width:300px;
	}

	.wrapper > .search #hd_sch #sch_str {
		background:#f3f3f3;
		border:1px solid #500729;
		border-right:0;
		color:#333;
	}

	.wrapper > .search #hd_sch #sch_submit {
		background:#f3f3f3;
		border:1px solid #500729;
		border-left:0;
	}

	.wrapper > .search #hd_sch #sch_submit i {
		color:#500729;
	}

	#hd_sch #sch_str {
		width:250px;
		height:40px;
		padding-left:15px;
		font-size:1em;
	}

	#hd_sch #sch_submit {
		width:50px;
		height:40px;
		font-size:14px;
	}


	/*footer*/
	.footer > div.info > div > img {width:fit-content;}
	.footer > div.infoBox > ul{flex-wrap:wrap; padding-bottom:20px;}
	.footer > div.infoBox > ul > li{width:100%; padding:20px 3% 0; border-left:0; border-bottom:0;text-align:center;}
	.footer > div.infoBox > ul > li:last-child{display:none; border-right:0; border-bottom:0;}
	.footer > div.infoBox > ul > li > div{margin-bottom:10px;}
	.footer > div.infoBox > ul > li > div > h4 > img{height:16px;}
	.footer > div.infoBox > ul > li.center > div > h4 > img{height:24px;}
	.footer > div.infoBox > ul > li > p{font-size:.9rem; line-height:1.4rem;}
	.footer > div.btnWrap{padding:0 3%;}
	.footer > div.btnWrap > ul > li > a{font-size:.9rem;}
	.footer > div.info{padding:20px 3%;}
	.footer > div.info > div > ul > li{font-size:.9rem; line-height:1.6rem;}
	.footer > div.info > div > ul > li::after{display:none;}
	.footer > div.info > div > p{font-size:.9rem; line-height:2rem;}



	.footer > div.info > div.inner {flex-direction:column; align-items:normal; color:#fff; gap:0;}
	/* 푸터 브랜드명 */
	#footer .info > .sowon-footer-brand {display:block; position:static; float:none; transform:none; clear:both; width:1200px; max-width:100%; box-sizing:border-box; margin:0 auto 25px; text-align:left;}

	

	div#stv{height:auto;}
	ul#stv_ul li{padding:0;}
	span#stv_pg{width:100%;}
}

@media (max-width:767px) {
	#hd #logo img{height:28px;}

	
/*  .footer > div.info > div > img.qrCode {top:0; right:0; height:60px;} */
	.footer > div.btnWrap{background-color: #2e2e2e; padding:15px 0 5px;}
	.footer > div.btnWrap > ul {display:flex; justify-content: space-between; flex-wrap: wrap;}
	.footer > div.btnWrap li{text-align:center; width: 49%; gap: 2%; padding: 5px 0;}
	.footer > div.btnWrap li:nth-child(2n){}
	.footer > div.btnWrap > ul > li > a{font-size:.9rem; color: #fff; font-weight: 700;}
}

#header.sowon-header .sowon-main-label{display:inline;}