@charset "utf-8";
 *{
    box-sizing:border-box
}
html,body{
    margin:0;
    padding:0;
    background:#eef0f4;
    color:#15171a;
    font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Malgun Gothic",Arial,sans-serif;
    -webkit-text-size-adjust:100%
}
body{
    padding-bottom:70px
}
a{
    color:inherit;
    text-decoration:none
}
img{
    display:block;
    width:100%
}
.oc_sr_only{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0)
}
.oc_app{
    width:100%;
    max-width:920px;
    min-height:100vh;
    margin:0 auto;
    background:#fff;
    box-shadow:0 0 40px rgba(30,35,45,.06)
}
 .oc_header{
    position:sticky;
    z-index:50;
    top:0;
    padding:14px 16px 13px;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid #eceef1;
    backdrop-filter:blur(12px)
}
.oc_header_top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:12px
}
.oc_logo{
    display:flex;
    align-items:flex-end;
    font-size:25px;
    font-weight:900;
    letter-spacing:-2px
}
.oc_logo img{
	width:50px;
	height:50px;
	border:0;
}
.oc_logo span{
	margin-left:5px;
    color:#28a86b
}
.oc_logo small{
    margin:0 0 3px 7px;
    color:#9ba1aa;
    font-size:8px;
    font-weight:700;
    letter-spacing:1px
}
.oc_header_actions{
    display:flex;
    gap:8px;
    align-items:center;
    font-size:12px;
    font-weight:700
}
.oc_join{
	margin-left:10px;
    padding:8px 12px;
    border-radius:10px;
    background:#17191d;
    color:#fff
}
.oc_search{
    position:relative
}
.oc_search input{
    width:100%;
    height:47px;
    padding:0 49px 0 16px;
    border:1px solid #e4e7eb;
    border-radius:14px;
    outline:0;
    background:#f5f6f8;
    color:#222;
    font-size:14px
}
.oc_search input:focus{
    border-color:#28a86b;
    background:#fff;
    box-shadow:0 0 0 3px rgba(40,168,107,.1)
}
.oc_search button{
    position:absolute;
    right:5px;
    top:4px;
    width:40px;
    height:39px;
    border:0;
    border-radius:11px;
    background:#28a86b;
    color:#fff;
    font-size:24px;
    line-height:1;
    cursor:pointer
}
 .oc_categories{
    display:flex;
    gap:14px;
    padding:18px 16px 12px;
    overflow-x:auto;
    scrollbar-width:none
}
.oc_categories::-webkit-scrollbar{
    display:none
}
.oc_categories a{
    display:flex;
    flex:0 0 58px;
    flex-direction:column;
    gap:7px;
    align-items:center;
    color:#6b7078;
    font-size:11px;
    font-weight:700;
    white-space:nowrap
}
.oc_categories span{
    display:grid;
    width:50px;
    height:50px;
    place-items:center;
    border:1px solid #eceef1;
    border-radius:18px;
    background:#f7f8fa;
    color:#59616c;
    font-size:17px
}
.oc_categories a.is_active{
    color:#1f8d5a
}
.oc_categories a.is_active span{
    border-color:#b8e5cf;
    background:#eaf8f1;
    color:#1e9b61;
    box-shadow:0 5px 15px rgba(40,168,107,.13)
}
 .oc_section{
    padding:23px 16px
}
.oc_section+.oc_section{
    border-top:9px solid #f3f4f6
}
.oc_section_head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin-bottom:16px
}
.oc_section_head p{
    margin:0 0 4px;
    color:#24a568;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.4px
}
.oc_section_head h2{
    margin:0;
    font-size:21px;
    line-height:1.2;
    letter-spacing:-1px
}
.oc_section_head>a{
    padding-bottom:2px;
    color:#969ca5;
    font-size:11px
}
.oc_section_head>a b{
    font-size:16px
}
.oc_card_grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px
}
.oc_card{
    min-width:0;
    overflow:hidden;
    border:1px solid #e8eaed;
    border-radius:18px;
    background:#fff;
    box-shadow:0 7px 22px rgba(26,33,40,.06)
}
.oc_card_photo{
    position:relative;
    aspect-ratio:1.1/1;
    overflow:hidden;
    background:#eef0f2
}
.oc_card_photo img{
    height:100%;
    object-fit:cover;
    transition:transform .35s
}
.oc_card:hover .oc_card_photo img{
    transform:scale(1.035)
}
.oc_card_photo em{
    position:absolute;
    left:9px;
    bottom:9px;
    padding:5px 8px;
    border-radius:20px;
    background:rgba(15,18,21,.72);
    color:#fff;
    font-size:9px;
    font-style:normal;
    backdrop-filter:blur(4px)
}
.oc_bookmark{
    position:absolute;
    top:8px;
    right:8px;
    width:33px;
    height:33px;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.9);
    color:#2c3238;
    font-size:20px;
    cursor:pointer
}
.oc_bookmark.is_saved{
    color:#ef4a60
}
.oc_card_body{
    padding:12px
}
.oc_card_body h3{
    overflow:hidden;
    margin:0 0 3px;
    font-size:15px;
    letter-spacing:-.5px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.oc_person{
    margin:0;
    color:#9298a1;
    font-size:10px
}
.oc_meta{
    display:flex;
    flex-direction:column;
    gap:4px;
    margin:10px 0 0;
    color:#626972;
    font-size:10px
}
.oc_meta span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.oc_shorts_track{
	display:flex;
	gap:20px;
	overflow-x:auto;
	padding-bottom:10px;
	scrollbar-width:none;
}

.oc_shorts_track::-webkit-scrollbar{
	display:none;
}

.oc_short{
	flex:0 0 240px;
	display:block;
	padding:0;
	border:0;
	background:none;
	color:inherit;
	text-align:left;
	font-family:inherit;
	cursor:pointer;
	appearance:none;
	-webkit-appearance:none;
}

.oc_short_thumbnail{
	position:relative;
	width:100%;
	aspect-ratio:9 / 16;
	overflow:hidden;
	border-radius:18px;
	background:#111;
}

.oc_short_thumbnail img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.35s ease;
}

.oc_short:hover .oc_short_thumbnail img{
	transform:scale(1.04);
}

.oc_short_play{
	position:absolute;
	top:50%;
	left:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	width:58px;
	height:58px;
	padding-left:4px;
	border-radius:50%;
	background:rgba(0,0,0,0.62);
	color:#fff;
	font-size:20px;
	transform:translate(-50%, -50%);
	backdrop-filter:blur(4px);
	-webkit-backdrop-filter:blur(4px);
}

.oc_short_thumbnail i{
	position:absolute;
	right:12px;
	bottom:12px;
	display:inline-flex;
	align-items:center;
	height:25px;
	padding:0 10px;
	border-radius:20px;
	background:#ff0033;
	color:#fff;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	letter-spacing:0.4px;
}

.oc_short h3{
	margin:13px 0 5px;
	color:#222;
	font-size:17px;
	font-weight:bold;
	line-height:1.4;
}

.oc_short p{
	margin:0;
	color:#777;
	font-size:14px;
	line-height:1.4;
}


/*
|--------------------------------------------------------------------------
| 유튜브 쇼츠 레이어
|--------------------------------------------------------------------------
*/
.oc_shorts_layer{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:99999;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:30px 20px;
	box-sizing:border-box;
	background:rgba(0,0,0,0.86);
	opacity:0;
	visibility:hidden;
	transition:opacity 0.25s ease, visibility 0.25s ease;
}

.oc_shorts_layer.is_open{
	opacity:1;
	visibility:visible;
}

.oc_shorts_player{
	position:relative;
	width:100%;
	max-width:430px;
}

.oc_shorts_iframe_wrap{
	position:relative;
	width:100%;
	aspect-ratio:9 / 16;
	overflow:hidden;
	border-radius:16px;
	background:#000;
	box-shadow:0 20px 60px rgba(0,0,0,0.45);
}

.oc_shorts_iframe_wrap iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
	background:#000;
}

.oc_shorts_close{
	position:absolute;
	top:-48px;
	right:0;
	z-index:5;
	width:40px;
	height:40px;
	padding:0;
	border:0;
	border-radius:50%;
	background:rgba(255,255,255,0.15);
	cursor:pointer;
	transition:background 0.2s ease;
}

.oc_shorts_close:hover{
	background:rgba(255,255,255,0.28);
}

.oc_shorts_close span{
	position:absolute;
	top:19px;
	left:10px;
	display:block;
	width:20px;
	height:2px;
	background:#fff;
}

.oc_shorts_close span:first-child{
	transform:rotate(45deg);
}

.oc_shorts_close span:last-child{
	transform:rotate(-45deg);
}

body.oc_shorts_lock{
	overflow:hidden;
}


@media(max-width:768px){

	.oc_short{
		flex-basis:190px;
	}

	.oc_shorts_layer{
		padding:60px 15px 20px;
	}

	.oc_shorts_player{
		max-width:calc((100vh - 100px) * 0.5625);
	}

	.oc_shorts_close{
		top:-48px;
		right:0;
	}

}


@media(max-width:480px){

	.oc_short{
		flex-basis:165px;
	}

	.oc_short_play{
		width:50px;
		height:50px;
		font-size:17px;
	}

	.oc_short h3{
		font-size:15px;
	}

	.oc_short p{
		font-size:13px;
	}

}
.oc_member_list{
    overflow:hidden;
    border:1px solid #e7e9ec;
    border-radius:14px
}
.oc_member_header,.oc_member_row{
    display:grid;
    grid-template-columns:1.35fr 1.25fr .9fr .75fr;
    align-items:center
}
.oc_member_header{
    padding:10px 11px;
    background:#f6f7f8;
    color:#8e949d;
    font-size:9px;
    font-weight:700
}
.oc_member_row{
    min-height:46px;
    padding:8px 11px;
    border-top:1px solid #f0f1f3;
    font-size:10px
}
.oc_member_row strong{
    overflow:hidden;
    padding-right:6px;
    font-size:11px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.oc_member_row span{
    color:#656c75
}
.oc_member_row em{
    display:inline-block;
    justify-self:start;
    padding:4px 6px;
    border-radius:6px;
    background:#edf8f2;
    color:#228b59;
    font-size:8px;
    font-style:normal;
    white-space:nowrap
}
.oc_join_banner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 16px 26px;
    padding:20px;
    border-radius:17px;
    background:linear-gradient(135deg,#1d9d64,#176d4b);
    color:#fff
}
.oc_join_banner div{
    display:flex;
    flex-direction:column;
    gap:5px
}
.oc_join_banner small{
    opacity:.75;
    font-size:9px
}
.oc_join_banner strong{
    font-size:13px;
    letter-spacing:-.4px
}
.oc_join_banner a{
    flex:0 0 auto;
    margin-left:10px;
    padding:10px 11px;
    border-radius:10px;
    background:#fff;
    color:#17714d;
    font-size:9px;
    font-weight:800
}
.oc_bottom_nav{
    position:fixed;
    z-index:60;
    right:0;
    bottom:0;
    left:0;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    width:100%;
    max-width:920px;
    height:70px;
    margin:auto;
    padding:7px 6px max(7px,env(safe-area-inset-bottom));
    border-top:1px solid #e6e8eb;
    background:rgba(255,255,255,.97);
    box-shadow:0 -5px 20px rgba(25,29,35,.06);
    backdrop-filter:blur(12px)
}
.oc_bottom_nav a{
    display:flex;
    flex-direction:column;
    gap:4px;
    align-items:center;
    justify-content:center;
    color:#969ca4;
    font-size:9px;
    font-weight:700
}
.oc_bottom_nav a>span{
    font-size:20px;
    line-height:1
}
.oc_bottom_nav a.is_active{
    color:#23945e
}
.oc_bottom_nav .oc_nav_add{
    color:#363b42
}
.oc_bottom_nav .oc_nav_add span{
    display:grid;
    width:37px;
    height:37px;
    margin-top:-20px;
    place-items:center;
    border:4px solid #fff;
    border-radius:50%;
    background:#28a86b;
    color:#fff;
    font-size:23px;
    box-shadow:0 4px 12px rgba(40,168,107,.25)
}
.oc_empty{
    padding:100px 20px;
    text-align:center
}
.oc_empty b{
    font-size:22px
}
.oc_empty p{
    color:#777
}
.oc_empty a{
    display:inline-block;
    padding:12px 20px;
    border-radius:10px;
    background:#28a86b;
    color:#fff
}
/* 접은 폴드 및 작은 스마트폰: 320~389px */
 @media(max-width:389px){
    .oc_header{
        padding-right:12px;
        padding-left:12px
    }
    .oc_section{
        padding-right:12px;
        padding-left:12px
    }
    .oc_categories{
        padding-right:12px;
        padding-left:12px
    }
    .oc_card_grid{
        gap:9px
    }
    .oc_card_body{
        padding:10px
    }
    .oc_card_body h3{
        font-size:13px
    }
    .oc_meta{
        font-size:9px
    }
    .oc_member_header,.oc_member_row{
        grid-template-columns:1.35fr 1.1fr .85fr
    }
    .oc_member_header span:nth-child(3),.oc_member_row span:nth-child(3){
        display:none
    }
    .oc_join_banner{
        margin-right:12px;
        margin-left:12px;
        padding:17px 14px
    }
}
/* 일반 스마트폰: 390~599px — 기본 2열 */
 @media(min-width:390px) and (max-width:599px){
    .oc_card_grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .oc_short{
        flex-basis:145px
    }
}
/* 폴드 펼침 및 소형 태블릿: 600~839px */
 @media(min-width:600px){
    body{
        padding-bottom:70px
    }
    .oc_header{
        padding:17px 24px
    }
    .oc_categories,.oc_section{
        padding-right:24px;
        padding-left:24px
    }
    .oc_card_grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:16px
    }
    .oc_card_photo{
        aspect-ratio:1.18/1
    }
    .oc_card_body h3{
        font-size:16px
    }
    .oc_meta{
        font-size:11px
    }
    .oc_short{
        flex-basis:160px
    }
    .oc_join_banner{
        margin-right:24px;
        margin-left:24px;
        padding:23px 25px
    }
    .oc_join_banner strong{
        font-size:15px
    }
    .oc_member_row{
        min-height:50px;
        font-size:11px
    }
}
/* 넓게 펼친 폴드: 840px 이상 */
 @media(min-width:840px){
    .oc_card_grid{
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .oc_header{
        padding-right:30px;
        padding-left:30px
    }
    .oc_categories,.oc_section{
        padding-right:30px;
        padding-left:30px
    }
    .oc_short{
        flex-basis:172px
    }
    .oc_join_banner{
        margin-right:30px;
        margin-left:30px
    }
}
 








.bwaing_footer,
.bwaing_footer * {
	box-sizing: border-box;
}

.bwaing_footer {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #17191d;
	color: #fff;
	font-family:
		-apple-system,
		BlinkMacSystemFont,
		"Apple SD Gothic Neo",
		"Noto Sans KR",
		"Malgun Gothic",
		sans-serif;
}

.bwaing_footer_inner {
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
	padding: 42px 24px 110px;
}

.bwaing_footer_brand {
	margin-bottom: 28px;
}

.bwaing_footer_logo {
	display: inline-flex;
	align-items: flex-end;
	gap: 8px;
	color: #fff;
	text-decoration: none;
}

.bwaing_footer_logo strong {
	color: #68d59f;
	font-size: 30px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: -2px;
}

.bwaing_footer_logo span {
	padding-bottom: 2px;
	color: #8c939c;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1.5px;
}

.bwaing_footer_brand p {
	margin: 14px 0 0;
	color: #9298a1;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: -0.3px;
}

.bwaing_footer_links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 0;
	margin-bottom: 32px;
	padding-bottom: 26px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.bwaing_footer_links a {
	position: relative;
	padding: 0 11px;
	color: #a9afb7;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
}

.bwaing_footer_links a:first-child {
	padding-left: 0;
}

.bwaing_footer_links a + a::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 10px;
	background: rgba(255, 255, 255, 0.18);
	content: "";
	transform: translateY(-50%);
}

.bwaing_footer_links .bwaing_footer_privacy {
	color: #fff;
	font-weight: 800;
}

.bwaing_footer_company h2 {
	margin: 0 0 18px;
	color: #68d59f;
	font-size: 10px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: 1.6px;
}

.bwaing_footer_info dl {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 13px 24px;
	margin: 0;
}

.bwaing_footer_info dl > div {
	display: flex;
	min-width: 0;
	align-items: flex-start;
}

.bwaing_footer_info dt {
	flex: 0 0 94px;
	color: #777e87;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.6;
}

.bwaing_footer_info dd {
	min-width: 0;
	margin: 0;
	color: #c5c9cf;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.6;
	word-break: break-all;
}

.bwaing_footer_info dd a {
	color: inherit;
	text-decoration: none;
}

.bwaing_footer_address {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 24px;
	margin-top: 24px;
	padding-top: 22px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.bwaing_footer_address > div {
	display: flex;
	align-items: flex-start;
}

.bwaing_footer_address strong {
	flex: 0 0 50px;
	color: #777e87;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.7;
}

.bwaing_footer_address address {
	margin: 0;
	color: #aeb3ba;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.7;
	word-break: keep-all;
}

.bwaing_footer_contact {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
	padding: 17px 18px;
	border: 1px solid rgba(104, 213, 159, 0.22);
	border-radius: 14px;
	background: rgba(104, 213, 159, 0.07);
}

.bwaing_footer_contact a {
	display: flex;
	flex-direction: column;
	gap: 3px;
	color: #fff;
	text-decoration: none;
}

.bwaing_footer_contact a span {
	color: #68d59f;
	font-size: 10px;
	font-weight: 700;
}

.bwaing_footer_contact a strong {
	font-size: 18px;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: -0.4px;
}

.bwaing_footer_contact p {
	margin: 0;
	color: #858c95;
	font-size: 10px;
	line-height: 1.5;
}

.bwaing_footer_bottom {
	margin-top: 28px;
	padding-top: 24px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.bwaing_footer_bottom p {
	margin: 0;
	color: #656b73;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0.2px;
}

.bwaing_footer_mobile_br {
	display: none;
}

/* 접은 폴드 및 작은 스마트폰 */
@media (max-width: 389px) {
	.bwaing_footer_inner {
		padding: 36px 17px 105px;
	}

	.bwaing_footer_links {
		gap: 12px 0;
	}

	.bwaing_footer_links a {
		padding: 0 8px;
		font-size: 11px;
	}

	.bwaing_footer_info dl {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.bwaing_footer_address {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.bwaing_footer_contact {
		align-items: flex-start;
		flex-direction: column;
		gap: 9px;
	}

	.bwaing_footer_mobile_br {
		display: block;
	}
}

/* 일반 스마트폰 */
@media (min-width: 390px) and (max-width: 599px) {
	.bwaing_footer_inner {
		padding: 40px 20px 110px;
	}

	.bwaing_footer_info dl {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.bwaing_footer_address {
		grid-template-columns: 1fr;
		gap: 10px;
	}
}

/* 펼친 폴드 */
@media (min-width: 600px) and (max-width: 839px) {
	.bwaing_footer_inner {
		padding-right: 28px;
		padding-left: 28px;
	}
}

/* 넓게 펼친 폴드 */
@media (min-width: 840px) {
	.bwaing_footer_inner {
		padding-right: 34px;
		padding-left: 34px;
	}
}