html, body, ul, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none; filter: expression(document.execCommand('BackgroundImageCache', false, true));}

p { margin-top: 0px; margin-bottom: 0px }
td,table {font-size:1rem; color: #666; line-height: 150%; font-family:'Noto Sans KR', 'urbane', Malgun Gothic,'Malgun Gothic',  sans-serif;}

select {font-size:1rem; color:#666; border:1px solid #d4d4d4; background-color:#ffffff; padding:7px 5px; font-family:'Noto Sans KR', 'urbane', Malgun Gothic,'Malgun Gothic',  sans-serif;}
.input {font-size:1rem; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:8px 5px; font-family:'Noto Sans KR', 'urbane', Malgun Gothic,'Malgun Gothic',  sans-serif;}
.search_input {font-size:1rem; color: #666; border: #d4d4d4 1px solid; background-color: #ffffff; padding:8px 5px; font-family:'Noto Sans KR', 'urbane', Malgun Gothic,'Malgun Gothic',  sans-serif;}

/* 버튼디자인 */
.btn_b_s {display:inline-block; text-align:center; cursor:pointer; height:36px; color:#fff; width:70px; border:1px solid #555; background:#555; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s;}
.btn_b_s:hover  {background:#222; border:1px solid #222; transition:all 0.3s;}

/* page_num */
.page_num{padding:20px 0;}

/* 검색바 */
.bbs_search {text-align:center; padding-top:20px}
.bbs_search dt {display:inline-block;}
.bbs_search dt select{width:100px;}
.bbs_search dd {display:inline-block; vertical-align:top;}

.cate_con {font-size:0; text-align:center; margin:20px 0 75px;}
.cate_con dd {margin:0 20px; display:inline-block;}
.cate_con dd a {position:relative; font-size:1.176rem; color:rgba(34,34,34,0.7); letter-spacing:-0.5pt; line-height:1; transition:all 0.3s;}
.cate_con dd a:hover {color:#ea0000; transition:all 0.3s;}
.cate_con dd a.hover {color:#ea0000; font-weighT:500;}
.cate_con dd a::after {content:''; width:calc(100% + 9px); height:50%; background:rgba(234,0,0,0.1); position:absolute; bottom:0; left:-3px; z-index:-1; opacity:0;}
.cate_con dd a.hover::after {opacity:1;}


/* 리스트 */
.pro_list {display:flex; flex-wrap:wrap;}
.pro_list .proList_in {width:calc((100% - 60px) / 4); margin-right:20px; margin-bottom:20px;}
.pro_list .proList_in:nth-child(4n) {margin-right:0;}

.pro_list .proList_in dl.list_cont {}
.pro_list .proList_in dl.list_cont dt {background:#000; overflow:hidden;}
.pro_list .proList_in dl.list_cont dt img {width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; transition:all 0.5s;}
.pro_list .proList_in dl.list_cont dd {border:1px solid #ddd; border-top:0; text-align:center; padding:25px 10px; box-sizing:border-box; transition:all 0.5s;}
.pro_list .proList_in dl.list_cont dd h4 {font-size:1.176rem; color:#222; letter-spacing:-0.5pt; line-height:1.4; font-weighT:500; transition:all 0.5s;}
.pro_list .proList_in dl.list_cont dd p {font-family:'urbane', 'Noto Sans KR', sans-serif; line-height:1.4; font-size:0.882rem; color:rgba(34,34,34,0.5); letter-spacing:0.5pt; margin:1px 0 0; transition:all 0.5s;}

.pro_list .proList_in dl.list_cont:hover dt img {transform:scale(1.12); opacity:0.8; transition:all 0.5s;}
.pro_list .proList_in dl.list_cont:hover dd {border:1px solid #ea0000; border-top:0; transition:all 0.5s;}
.pro_list .proList_in dl.list_cont:hover dd h4 {color:#ea0000; transition:all 0.5s;}
.pro_list .proList_in dl.list_cont:hover dd p {color:#ea0000; transition:all 0.5s;}

.prd_moreBtn {display:block; margin:30px auto 0; position:relative; overflow:hidden; width:185px; border:2px solid #222; z-index:31; border-radius:5px; transition: all 0.3s; text-align:left !important;}
.prd_moreBtn span{font-family:'urbane', sans-serif; display:block; position:relative; z-index:10; letter-spacing:0.8pt; line-height:46px; color:#222; transition: all 0.3s; padding:0 23px; box-sizing:border-box;  background:url('/img/downArrow.png')no-repeat top 50% right 25px; font-size:12px; font-weight:500;}
.prd_moreBtn:hover {border:2px solid #222; transition: all 0.3s;}
.prd_moreBtn:hover span{color:#fff; transition: all 0.3s; background:url('/img/downArrow_w.png')no-repeat top 50% right 25px;}
.prd_moreBtn::before {content: '';width: 0%;height: 100%;display: block;background: #222;position: absolute;-ms-transform: skewX(-20deg);-webkit-transform: skewX(-20deg); transform: skewX(-20deg);   left: -10%;opacity: 1;top: 0; z-index:2;
-moz-transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);
box-shadow:2px 0px 14px rgba(0,0,0,.6);
}

.prd_moreBtn::after {content: '';width: 0%;height: 100%;display: block; background: #ea0000; position: absolute;-ms-transform: skewX(-20deg);-webkit-transform: skewX(-20deg); transform: skewX(-20deg);   left: -10%;opacity: 0;top: 0; z-index:1;
-webkit-transition: all .3s cubic-bezier(.2,.95,.57,.99);
-moz-transition: all .3s cubic-bezier(.2,.95,.57,.99);
-o-transition: all .3s cubic-bezier(.2,.95,.57,.99);
transition: all .3s cubic-bezier(.2,.95,.57,.99);
box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.prd_moreBtn:hover::before{opacity:1; width: 116%;}
.prd_moreBtn:hover::after{ opacity:1; width: 120%;}

.prd_moreBtn.white {border:2px solid #fff;}
.prd_moreBtn.white span {color:#fff; background:url('/img/downArrow_w.png')no-repeat top 50% right 25px;}
.prd_moreBtn.white:hover {border:2px solid #222; transition: all 0.3s;}
.prd_moreBtn.white:hover span{color:#fff; transition: all 0.3s;}
.prd_moreBtn.white::before {background: #222;}
.prd_moreBtn.white::after {background: #fff;}


.w1340 {width:1340px;margin:0 auto;}

/*********************************************** 
모달팝업구간
***********************************************/
.needpopup-opened,.needpopup-opened body {overflow: hidden;}
.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body {height: auto;}
.needpopup-opened.needpopup-scrolled body {position: fixed; width:100%;}

.needpopup_wrapper {position: fixed; z-index: 9999999999999999; top:0; right: 0; visibility: hidden;  overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box;  width: 100%;  height: 100%; transition: opacity ease-in-out 1s;}
.needpopup_wrapper::after {content:''; width:0; height:100%; position:absolute; top:0; right:0; background:#000; transition-delay:0.8s; transition:all 0.8s ease-in-out; opacity:0; visibility:hidden;}
.needpopup-opened .needpopup_wrapper {visibility: visible; transition: opacity ease-in-out 0.8s; transition-delay:0.5s;}
.needpopup-opened .needpopup_wrapper:after {width:100%; transition:all 0.8s ease-in-out; transition-delay:0s; opacity:1; visibility:visible;}
.needpopup-overflow .needpopup_wrapper {transition: opacity ease-in-out 0.8s;}


.needpopup {height:100%; width:0; overflow:hidden; visibility:hidden; -webkit-box-sizing: border-box; box-sizing: border-box;    opacity: 0;  box-sizing:border-box;  z-index: -900; transition:all 0.8s ease-in-out;}
.needpopup.view {z-index: 99999; visibility:visible; width:100%; opacity: 1; transition:all 1s;}

.needpopup.stacked {top: 0 !important; margin-top: 0 !important;}
.needpopup-overflow .needpopup {left:0; width: auto; margin-left: 0;}


/* Popup remover
***********************************************/
.popupStyle > .needpopup_remover {width:76px; height:16px; position:absolute; top:50px; right:50%; background:url('/img/m_close.png')no-repeat center right; margin-right:-670px;}
.popupStyle > .needpopup_remover::before {content:'CLOSE'; font-family:'urbane', sans-serif; font-size:12px; color:#fff; font-weight:500; vertical-align:middle; letter-spacing:1pt; position:relative; left:0; top:-6px;}

.popupStyle {position:fixed; right:0; top:0; width:0; height:100%; box-sizing:border-box; visibility: hidden;}
.popupStyle.view{width:100%; overflow-y:scroll; transition-delay:0.3s;}
		.popupStyle .popView_top{text-align:center;}
				.popupStyle .popView_top h6{font-size:20px; font-weight:300; color:#222; letter-spacing:0pt; }
				.popupStyle .popView_top h5{font-size:40px; font-weight:700; color:#222; letter-spacing:0; line-height:120%; padding:5px 0 20px}
				.popupStyle .popView_top div{letter-spacing:0pt; line-height:167%;}


	.needpopup_in {visibility:hidden; opacity:0; transition: opacity ease-in-out 0.8s;}
	.needpopup.view .needpopup_in {visibility:visible; opacity:1; transition: opacity ease-in-out 0.8s; transition-delay:0.5s;}


	.needpopup_in {padding-bottom:150px;}
	.pop_head h2 {display:inline-block; padding:40px 0 70px;}
	.pop_head .btnMenu_popClose {}
	.pop_head .btnMenu_popClose img {margin-left:20px; vertical-align:middle;}



.pro_view {display:flex; flex-wrap:wrap; align-items: center;}
.pro_view .imgBox {position:relative; width:50%; overflow:hidden; }

.slick-dots {font-size:0; position:absolute; top:20px; right:20px;}
.slick-dots li {display:inline-block; width:10px; height:10px; border:1px solid rgba(255,255,255,0.4); box-sizing:border-box; margin-right:7px; cursor:pointer;}
.slick-dots li:last-child {margin-right:0;}
.slick-dots li.slick-active {border:1px solid #fff; background:#fff;}
.slick-dots li button {border:0; background:transparent; width:0; height:0; font-size:0; display:none;}

.pro_view .imgBox li {}
.pro_view .imgBox li img {width:100%; height:auto; background-repeat:no-repeat; background-size:cover; background-position:center;}
.pro_view .pro_info {width:50%; padding-left:90px; box-sizing:border-box;}
.pro_view .pro_info .p_stit {font-family:'urbane', 'Noto Sans KR', sans-serif; font-weight:bold; color:rgba(255,255,255,0.3); letter-spacing:0.5pt;}
.pro_view .pro_info .p_title {font-weight:500; color:#fff; letter-spacing:-0.5pt; line-height:1.2; font-size:2.824rem;}
.pro_view .pro_info .p_title p {font-family:'urbane', 'Noto Sans KR', sans-serif; display:inline-block; font-size:2.059rem; font-weight:300; margin-left:10px; color:#fff; line-height:1;}


.pro_sns {margin:60px 0 0;}
.pro_sns li {display:flex; flex-wrap:wrap; align-items: center; margin:0 0 30px;}
.pro_sns li:last-child {margin:0;}
.pro_sns li .cont {width:50%; border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box; display:flex; flex-wrap:wrap;}
.pro_sns li .cont dl {display:table; width:100%;}
.pro_sns li .cont dl dt {display:table-cell; vertical-align:middle; width:100px; height:100px; border-radius:15px; overflow:hidden;}
.pro_sns li .cont dl dt span {display:block; height:100%;}
		.pro_sns li .cont dl.tiktok dt {background:#020101;}
		.pro_sns li .cont dl.tiktok dt span {background:url('/admin/product2/skin/prdBasic/image/sns_icon01.png')no-repeat center;}

		.pro_sns li dl.insta dt {
			    background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
				background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
				background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
				background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
				background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
		}
		.pro_sns li dl.insta dt span {background:url('/admin/product2/skin/prdBasic/image/sns_icon02.png')no-repeat center;}

		.pro_sns li dl.youtube dt {background:#ff0000;}
		.pro_sns li dl.youtube dt span {background:url('/admin/product2/skin/prdBasic/image/sns_icon03.png')no-repeat center;}

.pro_sns li .cont dl dd {display:table-cell; vertical-align:middle; width:calc(100% - 100px); padding:0 15px 0 30px; box-sizing:border-box;}
.pro_sns li .cont dl dd h4 {font-family:'urbane', 'Noto Sans KR', sans-serif; color:#fff; font-weight:bold; letter-spacing:0.3pt; line-height:1; margin:0 0 5px;}
.pro_sns li .cont dl dd p {font-family:'urbane', 'Noto Sans KR', sans-serif; color:rgba(255,255,255,0.8); letter-spacing:0.3pt;}


.pro_sns li .like {font-size:0; border-right:0; text-align:right;}
.pro_sns li .like h5 {font-family:'urbane', 'Noto Sans KR', sans-serif; display:inline-block; width:50%; font-size:1.471rem; color:#fff; letter-spacing:0.3pt; vertical-align:top;  padding:0 10px; box-sizing:border-box; text-align:center !important;}
.pro_sns li .like h5:first-child {order:2;}
.pro_sns li .like h5:last-child {order:1;}
.pro_sns li .like h5 span {font-family:'urbane', 'Noto Sans KR', sans-serif; font-size:0.882rem; font-weight:300; line-height:1; display:block; margin:0 0 5px;}


.pro_sns li:first-child .like h5:first-child {order:1;}
.pro_sns li:first-child .like h5:last-child {order:2;}

.pop_title {font-family:'urbane', 'Noto Sans KR', sans-serif;  text-align:center; color:#fff; font-size:1.765rem; line-height:1.5; margin:100px 0 45px;}
.who_list {display:flex; flex-wrap:wrap;}
.who_list dl {width:calc((100% - 60px) / 4); margin-right:20px; border:1px solid rgba(255,255,255,0.2); box-sizing:border-box; text-align:center; padding:45px 30px;}
.who_list dl:nth-child(2n) {background:rgba(255,255,255,0.2); border:0;}
.who_list dl:last-child {margin-right:0;}
.who_list dl dt {}
.who_list dl dd {font-size:1.176rem; font-weight:500; line-height:1.5; letter-spacing:-0.5pt; color:#fff; margin:20px 0 0;}

.video_list {display:flex; flex-wrap:wrap;}
.video_list .video_cont {width:calc((100% - 60px) / 4); margin-right:20px; margin-bottom:20px;}
.video_list .video_cont:nth-child(4n) {margin-right:0;}

.video_list .video_cont dl dt {position:relative; background:#000;}
.video_list .video_cont dl dt::after {content:''; width:33px; height:42px; background:url('/admin/product2/skin/prdBasic/image/playBtn.png')no-repeat center; position:absolute; top:50%; left:50%; transform:translate(-15px,-21px);}
.video_list .video_cont dl dt img {width:100%; background-repeat:no-repeat; background-size:cover; background-position:center; opacity:0.6;}
.video_list .video_cont dl dd {border:1px solid rgba(255,255,255,0.2); border-top:0; color:#fff; font-size:1.176rem; letter-spacing:-0.5pt; line-height:1.5; padding:25px 30px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.video_list .video_cont dl dd img {max-height:32px; max-width:32px; margin-right:15px;}


#video_pop {position:fixed; top:30%; right:50%; z-index:99999999999999999; width:400px; transition:all 1s; transform:translate(50%,-50%); display:flex; flex-wrap:wrap; align-items: center; opacity:0; visibility:hidden;}
#video_pop.visible {top:50%; opacity:1; visibility:visible; transition-delay:0.5s;}
#video_pop .video_pop_in {}
.tiktok-embed {width: 400px !important; min-width: auto !important; border-radius:10px; overflow:hidden;}

.bbs_mask {position:fixed;  z-index:99999;  background-color:rgba(0,0,0,0.9);  right:0; top:0; height:100%; width:0; transition:all 0.8s ease-in-out; cursor:pointer; overflow:hidden;}
.bbs_mask .closeBtn {position:absolute; top:50px; right:5%; z-index:9999999999999; }
.bbs_mask.visible {width:100%; transition:all 0.8s ease-in-out;}
.bbs_mask.visible .closeBtn { visibility:visible; opacity:1; transition-delay:0.5s;}

/*******************************************************************************
	@media ~1400px
*******************************************************************************/
@media all and (max-width:1400px) { 

.popupStyle > .needpopup_remover {right:5%; margin-right:0;}


.pro_sns li .cont dl dt {width:80px; height:80px;}
.pro_view .imgBox {width:45%;}
.pro_view .pro_info {padding-left:40px; width:55%;}


}
/*******************************************************************************
	@media ~1200px
*******************************************************************************/
@media all and (max-width:1200px) { 


}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 


.pro_list .proList_in {width:calc((100% - 30px) / 3); margin-right:15px;}
.pro_list .proList_in:nth-child(4n) {margin-right:15px;}
.pro_list .proList_in:nth-child(3n) {margin-right:0;}
.pro_list .proList_in dl.list_cont dd {padding:20px 10px;}


.needpopup.opened .needpopup_in {padding-bottom:120px;}
.pro_view {display:block;}
.pro_view .imgBox {width:100%; width: 1px; min-width: 100%; *width: 100%;}
/* .pro_view .imgBox li img {width:980px; max-width:100%;} */
.pro_view .pro_info {width:100%; padding-left:0; padding:50px 0 0;}

.pro_view .pro_info .p_title {font-size:2.4rem;}
.pro_view .pro_info .p_title p {font-size:1.6rem;}

.pro_sns {margin:30px 0 0;}
.pro_sns li .cont dl dt {width:80px; height:80px;}
.pro_sns li .cont dl dd {padding:0 20px;}
.pro_sns li .like h5 {font-size:1.3rem;}

.who_list dl {padding:30px 20px;}
.who_list dl dt img {max-height:52px;}


.pop_title {margin:80px 0 30px;}

.who_list dl {width:calc((100% - 30px) / 4); margin-right:10px;}
.who_list dl dd {font-size:1.1rem;}



.video_list .video_cont {width:calc((100% - 30px) / 4); margin-right:10px;}
.video_list .video_cont dl dd {padding:15px 20px;}
.video_list .video_cont dl dd img {max-width:25px; max-height:25px; margin-right:10px;}


.prd_moreBtn {width:110px;}
.prd_moreBtn span{line-height:44px;  padding:0 15px; box-sizing:border-box;  background:url('/img/moreArrow.png')no-repeat top 48% right 15px; background-size:14px;}
.prd_moreBtn.red span {background:url('/img/moreArrow_R.png')no-repeat top 48% right 15px;}

}
/*******************************************************************************
	@media 681 ~ 768px
*******************************************************************************/
@media all and (max-width:768px) { 

}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 

.cate_con { margin:10px 0 45px;}
.cate_con dd {margin:0 10px;}
.cate_con dd a {font-size:1.12rem;}
.cate_con dd a::after {content:''; width:calc(100% + 6px);  left:-2px;}




.pro_list .proList_in {width:calc((100% - 10px) / 2); margin-right:10px; margin-bottom:15px;}
.pro_list .proList_in:nth-child(4n) {margin-right:10px;}
.pro_list .proList_in:nth-child(3n) {margin-right:10px;}
.pro_list .proList_in:nth-child(2n) {margin-right:0;}
.pro_list .proList_in dl.list_cont dd {padding:15px 10px;}
.pro_list .proList_in dl.list_cont dd h4 {font-size:1.12rem;}




.pop_head h2 {padding:20px 0 40px;}
.pop_head h2 img {width:85px;}

.popupStyle > .needpopup_remover {top:25px; width:65px;}
.popupStyle > .needpopup_remover::before {font-size:10px; top:1px;}

.needpopup.opened .needpopup_in {padding-bottom:80px;}
.pro_view .pro_info {padding:30px 0 0;}
.pro_view .pro_info .p_stit {font-size:0.88rem; display:block; margin:0 0 3px;}
.pro_view .pro_info .p_title {font-size:1.8rem;}
.pro_view .pro_info .p_title p {font-size:1.2rem;}

.pro_sns {margin:20px 0 0;}
.pro_sns li {margin:0 0 15px;}
.pro_sns li .cont dl dt {width:55px; height:55px; border-radius:10px;}
.pro_sns li .cont dl.tiktok dt span {background-size:25px;}
.pro_sns li .cont dl.insta dt span {background-size:30px;}
.pro_sns li .cont dl.youtube dt span {background-size:18px;}
.pro_sns li .cont dl dd {padding:0 10px;}
.pro_sns li .like h5 {font-size:1.15rem;}


.pop_title {margin:60px 0 20px; font-size:1.3rem;}

.who_list dl {width:calc((100% - 10px) / 2); margin-right:10px; margin-bottom:10px;}
.who_list dl:nth-child(2n) {margin-right:0;}
.who_list dl:nth-child(3) {background:rgba(255,255,255,0.2);}
.who_list dl:nth-child(4) {border:1px solid rgba(255,255,255,0.2); background:transparent;}
.who_list dl dt img {max-height:40px;}

.video_list .video_cont {width:calc((100% - 10px) / 2); margin-right:10px; margin-bottom:15px;}
.video_list .video_cont:nth-child(2n) {margin-right:0;}
.video_list .video_cont dl dt::after {width:25px; background-size:100% !important;}
.video_list .video_cont dl dd {padding:5px 10px; font-size:1rem;}
.video_list .video_cont dl dd img {max-width:15px; max-height:15px; margin-right:5px;}



.slick-dots {top:10px; right:10px;}
.slick-dots li {width:8px; height:8px; margin-right:5px;}

.prd_moreBtn {width:120px;}
.prd_moreBtn span{line-height:36px; transition: all 0.3s; padding:0 13px; box-sizing:border-box;  background:url('/img/downArrow.png')no-repeat top 50% right 13px; font-size:11px; background-size:8px !important;}
.prd_moreBtn:hover span{background:url('/img/downArrow_w.png')no-repeat top 50% right 13px;}
.prd_moreBtn.white span {color:#fff; background:url('/img/downArrow_w.png')no-repeat top 50% right 13px;}


}
/*******************************************************************************
	@media 361~480px
*******************************************************************************/
@media all and (max-width:480px) { 

.pro_sns li {margin:0 0 20px;}
.pro_sns li .cont {width:100%; border-right:0; border-bottom:1px solid rgba(255,255,255,0.2);}

.pro_sns li .like h5 {padding:15px 10px;}

.pro_sns li .like {text-align:center;}
.pro_sns li .cont dl {display:block; text-align:center; padding-bottom:15px;}
.pro_sns li .cont dl dt {display:block; margin:0 auto;}
.pro_sns li .cont dl dd {display:block; width:100%;}
.pro_sns li .cont dl dd h4 {margin:10px 0 4px;}

}
/*******************************************************************************
	@media ~400px
*******************************************************************************/
@media all and (max-width:400px) { 

#video_pop {width:320px;}
.tiktok-embed {width: 320px !important;}
.css-vptvdy {min-width:auto; width:100%;}

}