/* @charset "utf-8";

html,input,textarea,select,button{font-family:'Noto Sans KR', sans-serif;}
body{background:#fff;margin:0;padding:0;font-size:0;} */

@media only screen and (min-width: 901px){



/*─────────────────────────────────────────────────────*/
/*													header												 */
/*─────────────────────────────────────────────────────*/
#header{position:relative;
	--header-height:100px;
	--header-scroll-height:70px;
	--menu-hover-color:#3782ff;
}

#header #topSection{position:absolute;top:0;left:0;z-index:19;width:100%;background:#fff;border-bottom:1px solid rgba(0,0,0,0.15);}
#header #topSpace{height:var(--header-height);}
#header .headerContainer{position:relative;width:100%;max-width:1200px;min-width:900px;height:var(--header-height);display:flex;align-items:center;margin-left:auto;margin-right:auto;transition:all .15s ease-in-out;}
#header .headerContainer .logo{display:inline-flex;width:149px;height:49px;background:url('../img/logo.svg') no-repeat center / 100%;}
#header .headerContainer #nav{margin-left:auto;display:inline-flex;align-items:center;gap:50px;font-size:20px;color:#666666;}
#header .headerContainer #nav ul{display:inline-flex;align-items:center;gap:50px}
#header .headerContainer #nav ul li{display:inline-flex;align-items:center;}
#header .headerContainer #nav ul li a{padding:5px;transition:all .2s ease-in-out;}
#header .headerContainer #nav ul li a:hover{color:#000;}
#header .headerContainer #nav ul.membership{gap:0;}
#header .headerContainer #nav ul.membership li:not(:first-child):before{content:'';display:block;width:1px;height:15px;background:#707070;margin:0 10px;margin-top:3px;}
#header #topSection.scroll{position:fixed;top:-100px;}
#header #topSection.scroll .headerContainer{height:var(--header-scroll-height)}

/*─────────────────────────────────────────────────────*/
/*													footer												 */
/*─────────────────────────────────────────────────────*/
#footer{background:#111111;color:#C2C2C2;font-size:14px;line-height:1.6em;padding:50px 0;}
#footer .footerContainer{position:relative;width:100%;max-width:1200px;min-width:900px;margin-left:auto;margin-right:auto;}
#footer .footerContainer .top{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1);}
#footer .footerContainer .top .logo{font-size:0;display:inline-flex;width:149px;height:49px;background:url('../img/logo-w.svg') no-repeat center / 100%;}
#footer .footerContainer .footer-menu{font-size:16px;font-weight:500;display:flex;align-items:center;margin-bottom:20px;}
#footer .footerContainer .footer-menu li{display:inline-flex;align-items:center;justify-content:center;}
#footer .footerContainer .footer-menu li a{transition:all .2s ease-in-out;}
#footer .footerContainer .footer-menu li a:hover{color:#fff;}
#footer .footerContainer .footer-menu li:not(:first-child):before{content:'';display:block;width:1px;height:13px;background:rgba(255,255,255,0.4);margin:0 15px;}
#footer .footerContainer .sns-link{position:absolute;top:94px;right:0;display:inline-flex;align-items:center;justify-content:center;gap:15px;}
#footer .footerContainer .sns-link li{}
#footer .footerContainer .sns-link a{display:inline-flex;width:34px;height:34px;background-size:100%;background-position:center;background-repeat:no-repeat;transition:all .15s ease-in-out;}
#footer .footerContainer .sns-link a:hover{opacity:0.85;}
#footer .footerContainer .sns-link .insta{background-image:url('../img/sns_insta.svg');}
#footer .footerContainer .sns-link .youtube{background-image:url('../img/sns_youtube.svg');}
#footer .footerContainer .sns-link .facebook{background-image:url('../img/sns_facebook.svg');}
#footer .footerContainer .sns-link .naver{background-image:url('../img/sns_naver.svg');}




/*____________________________ Layout ____________________________*/
#wrapper{position:relative;width:100%;margin:0;padding:0;padding-bottom:80px;font-size:16px;font-weight:400;color:#1C1C1C;background:#fff;overflow:hidden;min-height:600px;}
#wrapper:after{display:block;visibility:hidden;clear:both;content:""}
.pageContainer{position:relative;width:100%;max-width:1200px;min-width:900px;margin-left:auto;margin-right:auto;transition:all .15s ease-in-out;}
.pageContainer:after{display:block;visibility:hidden;clear:both;content:"";}
@media screen and (max-width:1200px){
	.pageContainer{padding-left:30px;padding-right:30px;}
}
section{position:relative;width:100%;}


/*____________________________ boxContainer ____________________________*/
.boxContainer{position:relative;background:#fff;padding:30px;border-radius:8px;border:1px solid #CCCCCC;}
.boxContainer .box-header{display:flex;align-items:center;margin-bottom:18px;}
.boxContainer .box-title{font-size:24px;font-weight:600;margin-bottom:10px;}
.boxContainer.gray-bg{background:#FCFCFC;}
.bg .boxContainer{border:0;}

/*____________________________ fx-wrap ____________________________*/
.fx-wrap{}
.fx-wrap .fx-head{font-size:1.15em;font-weight:600;margin-bottom:15px;display:flex;align-items:center;}
.fx-list + .fx-head{margin-top:50px;}
.fx-list-label{width:auto;}
.label50 .fx-list-label{width:50px !important;}.label60 .fx-list-label{width:60px !important;}.label70 .fx-list-label{width:70px !important;}.label80 .fx-list-label{width:80px !important;}.label90 .fx-list-label{width:90px !important;}
.label100 .fx-list-label{width:100px !important;}.label110 .fx-list-label{width:110px !important;}.label120 .fx-list-label{width:120px !important;}.label130 .fx-list-label{width:130px !important;}.label140 .fx-list-label{width:140px !important;}
.label150 .fx-list-label{width:150px !important;}.label160 .fx-list-label{width:160px !important;}.label170 .fx-list-label{width:170px !important;}.label180 .fx-list-label{width:180px !important;}.label190 .fx-list-label{width:190px !important;}
.label200 .fx-list-label{width:200px !important;}.label210 .fx-list-label{width:210px !important;}.label220 .fx-list-label{width:220px !important;}.label230 .fx-list-label{width:230px !important;}.label240 .fx-list-label{width:240px !important;}
.label250 .fx-list-label{width:250px !important;}.label260 .fx-list-label{width:260px !important;}.label270 .fx-list-label{width:270px !important;}.label280 .fx-list-label{width:280px !important;}.label290 .fx-list-label{width:290px !important;}
[class*="label"] .fx-list-label.auto{width:auto !important;}
.fx-wrap .fx-list{position:relative;padding:7px 0;zoom:1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;line-height:1.6em;}
	.fx-list .fx-list-label{position:relative;text-align:right}
	.fx-list .fx-list-label label{position:relative;display:inline-block;padding:0 5px;font-weight:600;cursor:default;transition:all .15s ease-in-out;}
	.fx-list .fx-list-con{position:relative;flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:7px;line-height:1.4em;}
	.fx-list .fx-list-con.tright{justify-content:flex-end;}
	.fx-list .fx-list-con .flex1{flex:1;width:150px;/*사이즈가 없으면 모바일폰 화면에서 줄바꿈 현상이 나옴*/}
	.fx-list .fx-list-con .help-block{font-size:12px;/*color:rgba(255,255,255,0.8);*/opacity:0.8;line-height:1.5em;}
	.fx-list .fx-list-con small{font-size:0.8em;line-height:1.35em;margin-top:-0.2em}
	.fx-list .fx-list-con .flex{width:100%;}
	.fx-list.large{font-size:25px;font-weight:600;}
	




/*____________________________ btnSet ____________________________*/
.btnSet{margin-top:50px;display:flex;align-items:center;justify-content:center;}
.list-more{width:380px;height:80px;font-size:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;border:1px solid #CCCCCC;transition:all .2s ease-in-out;}
.list-more:hover{background:rgba(0,0,0,0.015);}


/*____________________________ page-header ____________________________*/
.page-header{}
.page-header .back{display:none;}

/*____________________________ title ____________________________*/
.page-title{font-size:26px;font-weight:600;margin-top:40px;margin-bottom:55px;}
.middle-title{font-size:20px;font-weight:600;margin-bottom:25px;}


/*____________________________ tab ____________________________*/
.tab-menu{position:relative;margin-bottom:30px;display:flex;align-items:center;}
.tab-menu a{font-size:16px;display:inline-flex;align-items:center;justify-content:center;flex:1;height:50px;border:1px solid #CCCCCC;color:#666666;background:#fff;transition:all .2s ease-in-out;}
.tab-menu a:not(:last-child){border-right:0;}
.tab-menu a:hover{color:#000;background:rgba(0,0,0,0.01);}
.tab-menu a.active{background:#fff;border:1px solid #E81547;color:#E81547}
.tab-menu a.active + a{border-left:0;}


/*____________________________ totalSummary ____________________________*/
.totalSummary{position:relative;background:#fff;padding:25px;border-radius:8px;border:1px solid #CCCCCC;}
.totalSummary .item{display:flex;align-items:flex-start;text-align:center;font-size:16px;}
.totalSummary .item label{color:#666666}
.totalSummary .item label + *{margin-left:auto;}
.totalSummary .item.head{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.1);}
.totalSummary .item.head label{font-size:20px;font-weight:600;color:#111111;}
.totalSummary .item .more{padding:0 15px;height:26px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:20px;background:#111111;color:#fff;}
.totalSummary .item .value{color:#1C1C1C}
.bg .totalSummary{border:0;}


/*____________________________ gall ____________________________*/
.gall-list{margin-top:40px;}
.gall-list ul{display:flex;flex-wrap:wrap;gap:30px;}
.gall-list ul li{width:calc(33.33% - 20px);}
.gall-list ul li .gallContents{border:1px solid #CCCCCC;border-radius:7px;overflow:hidden;}
.gall-list ul li .gallContents .thumb{position:relative;height:360px;background:#F5F4F3;display:flex;align-items:center;justify-content:center;}
.gall-list ul li .gallContents .thumb:before{content:'';display:block;position:absolute;z-index:1;width:250px;height:250px;background:#fff;}
.gall-list ul li .gallContents .thumb img{position:relative;z-index:3;max-width:250px;max-height:250px;}
.gall-list ul li .gallContents .con{background:#fff;padding:20px;}
.gall-list ul li .gallContents .con .subject{font-size:22px;font-weight:500;display:block;overflow :hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}
.gall-list ul li .gallContents .con .info{font-size:18px;color:#666666;margin-top:10px;}
	.gallSummary{margin-top:40px;display:flex;align-items:center;flex-wrap:wrap;background:#EFEFEF;height:43px;border-radius:4px;}
	.gallSummary.red-bg{background:rgba(232,21,71,0.05);}
	.gallSummary .item{flex:1;display:inline-flex;align-items:center;font-size:13px;padding:0 10px;}
	.gallSummary .item:not(:first-child){margin-left:5px;border-left:1px solid rgba(0,0,0,0.1);}
	.gallSummary .item label{color:#666666;white-space:nowrap;}
	.gallSummary .item .value{margin-left:auto;font-weight:600;white-space:nowrap;}
.gall-list ul li .gallSummary .item:last-child{flex:1.1}
.gall-list ul li.empty{width:100%;height:175px;background:#FCFCFC;border-radius:4px;font-size:16px;font-weight:500;color:#666666;display:flex;align-items:center;justify-content:center;white-space:nowrap;}




/*____________________________ wz-list ____________________________*/
.wz-list{margin-top:40px;}
.wz-list .wz-calendar{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:40px;}
.wz-list .wz-calendar .current{font-size:26px;font-weight:600;}
.wz-list .wz-calendar .prev:before, .wz-list .wz-calendar .next:before{content:'';font-family:'intaefont';font-size:16px;display:inline-flex;padding:4px;margin-top:3px;cursor:pointer;}
.wz-list .wz-calendar .prev:before{content:'\e930';}
.wz-list .wz-calendar .next:before{content:'\e931';}
.wz-list ul{}
.wz-list ul li:first-child{border-top:1px solid #111111}
.wz-list ul li{position:relative;padding:25px 20px;border-bottom:1px solid #D4D4D4;}
.wz-list ul li .cate{font-size:16px;color:#666666;margin-bottom:15px;}
.wz-list ul li .wzContents{display:flex;align-items:flex-start;align-items:stretch;gap:25px;}
.wz-list ul li .wzContents .thumb{position:relative;width:91px;height:91px;display:inline-flex;align-items:center;justify-content:center;background:#F5F4F3;border-radius:4px;}
.wz-list ul li .wzContents .thumb:before{content:'';display:block;position:absolute;z-index:1;width:52px;height:52px;background:#fff;}
.wz-list ul li .wzContents .thumb img{position:relative;z-index:3;max-width:52px;max-height:52px;}
.wz-list ul li .wzContents .con{flex:1;overflow:hidden;}
.wz-list ul li .wzContents .con .subject{font-size:18px;font-weight:500;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}
.wz-list ul li .wzContents .con .info{font-size:14px;color:#666666;margin-top:5px;}
.wz-list ul li .wzContents .con .info + .info{margin-top:10px;}
.wz-list ul li .wzContents .con .btn{margin-top:10px;height:30px;padding:0 7px;font-size:14px;background:#999999;color:#fff;}
.wz-list ul li .wzContents .con .btn:hover{background:#7B7B7B;}
.wz-list ul li .wzContents .con .btn.cancel{background:#F5F4F3;border:1px solid #CCCCCC;color:#666666}
.wz-list ul li .wzContents .wzSummary{font-size:20px;margin-left:auto;display:inline-flex;align-items:center;white-space:nowrap;}
.wz-list ul li .cate + .wzContents .wzSummary{padding-bottom:30px;}
.wz-list ul li .wzContents .btn.vote{font-size:14px;padding:0 7px;height:30px;background:#F5F4F3;border:1px solid #CCCCCC;color:#666666margin-left:auto;display:inline-flex;align-items:center;white-space:nowrap;}
.wz-list ul li .cate + .wzContents .btn.vote{margin-top:10px;}


.redbox{margin-bottom:20px;}
.redbox a{display:flex;align-items:center;height:88px;padding:0 25px;background:#E81547;color:#fff;border-radius:6px;font-size:20px;font-weight:500;}
.redbox a:after{content:'\e919';font-family:'intaefont';margin-left:auto;font-size:17px;}

/*
.tab-basic{}
.tab-basic table{width:100%;}
.tab-basic table thead th{text-align:center;height:41px;border:1px solid #C7C7C7;background:#FCFCFC;font-size:14px;font-weight:400;}
.tab-basic table thead th.top{background:#F7F7F7;font-size:16px;font-weight:600;}
.tab-basic table td{text-align:center;padding:10px 15px;border:1px solid #C7C7C7;font-size:16px;}
.tab-basic table td .date{display:inline-block;font-size:14px;line-height:1.3em;}
*/


.flexStretch{width:100%;display:flex;align-items:flex-start;align-items:stretch;gap:20px;}
.flexStretch .flexColumn{flex:1;display:flex;flex-direction:column;gap:20px;}




/* ─────────────────────────────────────────────────────────────────────────────────────
																		 main (메인페이지)
───────────────────────────────────────────────────────────────────────────────────── */

#artipio-main{position:relative;margin-bottom:-80px}
#artipio-main:after{display:block;visibility:hidden;clear:both;content:""}
#artipio-main #main-top{background:#F5F4F3;padding-top:50px;padding-bottom:50px;}
#artipio-main #main-top .swiper-container{padding:0px;position:relative;}
#artipio-main #main-top .swiper-wrapper{}
#artipio-main #main-top .swiper-slide{width:100%;}
#artipio-main #main-top .slide-inner{position:relative;display:flex;align-items:center;gap:40px;margin:0 auto;transition:all .2s ease-in-out;}
#artipio-main #main-top .thumb{width:500px;height:550px;/*background:#fff url('/wp-content/themes/porto-child/img/main-img-frame.png') no-repeat center / 100%;box-shadow:0 7px 8px rgba(0,0,0,0.1);transition:all .3s ease-in-out;*/display:flex;align-items:center;justify-content:center;flex-shrink:1;}
#artipio-main #main-top .thumb img{max-width:500px;max-height:534px;/*border:1px solid rgba(0,0,0,0.1);*/}
#artipio-main #main-top .bodyContainer{flex:1;position:relative;padding:15px 20px;transition:all .2s ease-in-out;}
#artipio-main #main-top .bodyContainer .tag-day{padding:8px 5px;height:36px;font-size:14px;border:1px solid #E81547;color:#E81547;border-radius:4px;position:absolute;top:20px;right:20px;
	display:flex;align-items:center;justify-content:center;}
#artipio-main #main-top .bodyContainer .subject{font-size:36px;font-weight:600;line-height:1.4em;}
#artipio-main #main-top .bodyContainer .info{display:block;font-size:26px;font-weight:normal;margin-top:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
#artipio-main #main-top .bodyContainer .salesRate{margin-top:30px;}
#artipio-main #main-top .bodyContainer .salesRate .label-set{display:flex;align-items:center;font-size:24px;margin-bottom:10px;}
#artipio-main #main-top .bodyContainer .salesRate .label-set .title{font-weight:500;}
#artipio-main #main-top .bodyContainer .salesRate .label-set .title .per{color:#E81547;}
#artipio-main #main-top .bodyContainer .salesRate .label-set .val{margin-left:auto;color:#727272;}
#artipio-main #main-top .bodyContainer .salesRate .label-set .val .current{color:#232323;font-weight:500;}
#artipio-main #main-top .bodyContainer .salesRate .bar{height:30px;padding:6px;background:#EFEFEF;border-radius:20px;display:flex;align-items:center;}
#artipio-main #main-top .bodyContainer .salesRate .bar .fill{height:100%;background:#E81547;border-radius:20px;}
#artipio-main #main-top .bodyContainer .date{margin-top:10px;font-size:24px;line-height:1em;display:inline-flex;align-items:center;gap:0px;}
#artipio-main #main-top .bodyContainer .date:before{content:'';width:48px;height:48px;background:url('./img/main-date-icon.png') no-repeat center / 100%;display:flex;align-items:center;justify-content:center;}
#artipio-main #main-top .bodyContainer .btnSet{margin-top:25px;display:flex;justify-content:flex-start;}
#artipio-main #main-top .bodyContainer .btnSet [class*='btn-alarm-']{font-size:26px;font-weight:500;width:380px;height:79px;border-radius:40px;display:inline-flex;align-items:center;justify-content:center;}
#artipio-main #main-top .bodyContainer .btnSet .btn-alarm-push{background:#fff;border:1px solid #E81547;color:#E81547;}
#artipio-main #main-top .bodyContainer .btnSet .btn-alarm-complete{background:#EFEFEF;color:#999999;}
#artipio-main #main-top .swiper-slide-active .slide-inner{max-width:1200px;}
#artipio-main #main-top .swiper-slide-prev .thumb{margin-left:calc(100% - 500px);}
#artipio-main #main-top .swiper-slide-prev .bodyContainer{display:none;order:3;opacity:0;width:0;overflow:hidden}
#artipio-main #main-top .swiper-container .pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:40px;position:absolute;bottom:30px; z-index: 100;margin-left:40px;}
#artipio-main #main-top .swiper-container .pagination .swiper-pagination-bullet{width:16px;height:16px;background:#CCCCCC!important;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;opacity:1;}
#artipio-main #main-top .swiper-container .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#111111!important;}

#artipio-main .block{width:100%;padding-top:100px;padding-bottom:100px;position:relative;}
#artipio-main .block:after{display:block;visibility:hidden;clear:both;content:""}
#artipio-main .block .bl-title:not(.small){text-align:center;font-size:50px;font-weight:600;line-height: 72px; margin-bottom:52px;}
/* color: #fff; */
#artipio-main .block .devided-ownership{margin-top:0 !important; line-height: 72px;margin-bottom:100px !important;}
#artipio-main .block .bl-title.small{font-size:26px;font-weight:600;margin-bottom:22px;}
#artipio-main .block .btnSet{display:flex;align-items:center;justify-content:center;margin-top:50px;}
#artipio-main .block .btnSet.market-trans-Set{margin-top:100px;}
#artipio-main .block .btnSet .btn-link{min-width:380px;height:80px;font-size:26px;border-radius:40px;background:#fff;display:inline-flex;align-items:center;justify-content:center;}
#artipio-main .block .btnSet .btn-link.market-trans-btn{margin-top:0;}
#artipio-main .block .btnSet.art-column-btn{margin-top:14px !important;}
#artipio-main .block .middle-banner{display:flex;gap:25px;}
#artipio-main .block .middle-banner img{border-radius:5px;}
#artipio-main .block .middle-banner .content{margin-top:15px;}
#artipio-main .block .middle-banner .content .subject{font-size:24px;font-weight:500;word-break:keep-all;margin-bottom:10px;}
#artipio-main .block .middle-banner .content .con{font-size:17px;color:#666666;word-break:keep-all;}


#artipio-main #block-product{--radius:7px;}
#artipio-main #block-product .pageContainer{overflow:hidden;}
#artipio-main #block-product .mainSlides.swiper-container{width:440px;margin:0 auto;}
#artipio-main #block-product .mainSlides .swiper-slide{transition:all .2s ease-in-out;}
#artipio-main #block-product .mainSlides .swiper-slide:not(.swiper-slide-active){transform:scale(0.77);}
#artipio-main #block-product .mainSlides .swiper-slide-active .gall-li{box-shadow:0 8px 9px rgba(0,0,0,0.07);}
#artipio-main #block-product .gall-li{border-radius:var(--radius);overflow:hidden;}
#artipio-main #block-product .gall-li .thumb{overflow:hidden;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);display: flex;justify-content: center;align-items: center;}
#artipio-main #block-product .gall-li .thumb img{max-height: 440px;}
#artipio-main #block-product .gall-li .bodyContainer{padding:20px 25px;border:1px solid #EFEFEF;border-top:0;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);}
#artipio-main #block-product .gall-li .bodyContainer .subject{font-size:22px;font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
#artipio-main #block-product .gall-li .bodyContainer .subject sub{display:block;font-size:20px;color:#666666;margin-top:10px;}
#artipio-main #block-product .gall-li .bodyContainer .product-ct{margin-top:20px;display:flex;align-items:center;gap:25px;font-size:18px;font-weight:normal;}
#artipio-main #block-product .gall-li .bodyContainer .product-ct > *{display:flex;align-items:center;gap:10px;}
#artipio-main #block-product .gall-li .bodyContainer .product-ct .like:before{content:'';width:24px;height:24px;background:url('./img/like_off.png') no-repeat center / 100% auto;display:inline-flex;align-items:center;justify-content:center;}
#artipio-main #block-product .gall-li .bodyContainer .product-ct .reply:before{content:'';width:24px;height:24px;background:url('./img/reply.png') no-repeat center / 100% auto;display:inline-flex;align-items:center;justify-content:center;}
#artipio-main #block-product .subSlides{margin-top:40px;position:relative;}
#artipio-main #block-product .subSlides:before{content:'';position:absolute;top:0;left:0;z-index:3;width:80px;height:100%;background:linear-gradient(to left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);display:block;}
#artipio-main #block-product .subSlides:after{content:'';position:absolute;top:0;right:0;z-index:3;width:80px;height:100%;background:linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);display:block;}
#artipio-main #block-product .subSlides .swiper-slide{width:100%;}
#artipio-main #block-product .subSlides .product-con{padding:0 80px;background:#fff;}
#artipio-main #block-product .subSlides .product-con .subject{font-size:26px;margin-bottom:16px;}
#artipio-main #block-product .subSlides .product-con p{font-size:16px;line-height:1.4em;color:#666666;    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
#artipio-main #block-event .artipio-community-tit .kboard-venus-webzine-cut-strings{
	width:auto !important;
	white-space:initial;
	padding-right:5%;
}
#artipio-main #block-product .subSlides .swiper-pagination-fraction{letter-spacing:0.2em;color:#666666;font-size:18px !important;line-height:1em !important;position:absolute;top:10px;right:80px;bottom:auto;left:auto;width:auto !important;display:inline-flex !important;z-index: 100;}
#artipio-main #block-product .subSlides .swiper-pagination-fraction .swiper-pagination-current{color:#111111}
#artipio-main #block-product .subSlides .prev, #artipio-main #block-product .subSlides .next{position:absolute;bottom:0;z-index:9;width:36px;height:60px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
#artipio-main #block-product .subSlides .prev{left:0;}
#artipio-main #block-product .subSlides .next{right:0;}
#artipio-main #block-product .subSlides .prev:before, #artipio-main #block-product .subSlides .next:before{content:'';font-family:'newfont';font-size:50px;color:#000;opacity:0.3;font-weight:normal;transition:all .2s ease-in-out;}
#artipio-main #block-product .subSlides .prev:hover:before, #artipio-main #block-product .subSlides .next:hover:before{opacity:0.7}
#artipio-main #block-product .subSlides .prev:before{content:'\e00f';}
#artipio-main #block-product .subSlides .next:before{content:'\e010';}
#artipio-main #block-product .btn-link{border:1px solid #CCCCCC;margin-top:0;}
#artipio-main #block-product .btn-link.artipio-collect-slide{display:block;border:none}


#artipio-main #block-market{color:#fff;}
#artipio-main #block-market #swiper-productSummary{overflow:hidden;}
#artipio-main #block-market #swiper-productSummary .pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;}
#artipio-main #block-market #swiper-productSummary .pagination .swiper-pagination-bullet{width:16px;height:16px;background:#333333!important;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;opacity:1;}
#artipio-main #block-market #swiper-productSummary .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFFFFF!important;}

	#swiper-productSummary .prs-box{padding:35px;border-radius:16px;background:linear-gradient(45deg, #3D38A8 0%, #8862E1 100%);}
	#swiper-productSummary .prs-box .header{display:flex;align-items:center;gap:15px;font-size:30px;font-weight:500;margin-bottom:20px;}
	#swiper-productSummary .prs-box .header .rank{font-size:24px;font-weight:normal;height:45px;padding:0 15px;border-radius:4px;border:1px solid #fff;display:inline-flex;align-items:center;justify-content:center;}
	#swiper-productSummary .prs-box .header .date{margin-left:auto;font-size:18px;font-weight:normal;}
	#swiper-productSummary .prs-box .product-chart-panel{padding:10px;border-radius:8px;background:rgba(0,0,0,0.5);display:flex;align-items:center;gap:20px;}
	#swiper-productSummary .prs-box .product-chart-panel .panel-product{display:flex;align-items:center;gap:30px;}
	#swiper-productSummary .prs-box .product-chart-panel .panel-product img{border-radius:4px;}
	#swiper-productSummary .prs-box .product-chart-panel .panel-product .con{font-size:20px;font-weight:200;color:#999999;}
	#swiper-productSummary .prs-box .product-chart-panel .panel-product .con .subject{font-size:24px;font-weight:600;color:#fff;}
	#swiper-productSummary .prs-box .product-chart-panel .panel-graph{}
	#swiper-productSummary .prs-box .product-chart-panel .panel-graph .label{font-size:16px;font-weight:500;}
	#swiper-productSummary .prs-box .product-chart-panel .panel-result{margin-left:auto;margin-right:20px;font-size:24px;display:inline-flex;align-items:flex-end;flex-direction:column;}
	#swiper-productSummary .prs-box .product-chart-panel .panel-result .up{color:#E81547;display:inline-flex;align-items:center;gap:7px;letter-spacing:-0.05em;}
	#swiper-productSummary .prs-box .product-chart-panel .panel-result .down{color:#4385ff;display:inline-flex;align-items:center;gap:7px;letter-spacing:-0.05em;}
	#swiper-productSummary .prs-box .product-chart-panel .panel-result .up:before{content:'▲';font-size:0.7em;}
	#swiper-productSummary .prs-box .product-chart-panel .panel-result .down:before{content:'▼';font-size:0.7em;}
	#swiper-productSummary .prs-box .product-chart-panel .panel-result .krw{font-size:26px;}
	

	#swiper-productSummary .prs-box .preiod-chart-panel{margin-top:25px;}
	#swiper-productSummary .prs-box .preiod-chart-panel .label{font-size:20px;font-weight:normal;margin-bottom:40px;}
	#swiper-productSummary .prs-box .preiod-chart-panel .chart{position:relative;margin:40px 0;}
	#swiper-productSummary .prs-box .preiod-chart-panel .chart .items{position:relative;height:110px;border-bottom:1px solid rgba(255,255,255,0.5);display:flex;align-items:flex-end;justify-content:center;justify-content:space-between;}
	#swiper-productSummary .prs-box .preiod-chart-panel .chart .item{position:relative;width:62px;height:0;background:linear-gradient(to bottom, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.73) 7%, rgba(255,255,255,0.6) 15%, rgba(255,255,255,0.02) 100%);border-top-left-radius:8px;border-top-right-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;}
	#swiper-productSummary .prs-box .preiod-chart-panel .chart .item:before{position:absolute;top:-30px;content:attr(data-val);}
	#swiper-productSummary .prs-box .preiod-chart-panel .chart .item:after{position:absolute;bottom:-30px;content:attr(data-month);}


	#swiper-productSummary .prs-box .result-panel{font-size:20px;line-height:1.8em;margin-top:40px;}
	#swiper-productSummary .prs-box .result-panel .row{display:flex;align-items:center;}
	#swiper-productSummary .prs-box .result-panel .row .val{margin-left:auto;}


#artipio-main #block-market .product-gallery{margin-top:100px;}
#artipio-main #block-market .product-gallery ul{display:flex;gap:100px 30px;flex-wrap:wrap;}
#artipio-main #block-market .product-gallery ul li{width:calc(33.33% - 20px);background:#fff;border-radius:6px;overflow:hidden;}
#artipio-main #block-market .product-gallery ul li .thumb{background-repeat:no-repeat;background-position:center;background-size:cover;background-size: 250px;
    width: 380px;
    height: 360px;
    background-color: #F5F4F3;}
#artipio-main #block-market .product-gallery ul li .thumb:before{content:'';font-size:0;height:0;margin:0;width:100%;display:block;padding-top:100%;}
#artipio-main #block-market .product-gallery ul li .bodyCon{min-height:130px;padding:15px;letter-spacing:-0.03em;}
#artipio-main #block-market .product-gallery ul li .bodyCon .subject{font-size:22px;color:#111111;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
#artipio-main #block-market .product-gallery ul li .bodyCon sub{display:block;font-size:18px;color:#666666;}
#artipio-main #block-market .btn-link{background:#3A3A3A;color:#fff;}


#artipio-main #block-notice{}
#artipio-main #block-notice .latestContainer{}
#artipio-main #block-notice .latestContainer ul{}
#artipio-main #block-notice .latestContainer ul li{padding:20px 25px;border-bottom:1px solid #CCCCCC}
#artipio-main #block-notice .latestContainer ul li:first-child{border-top:2px solid #111111}
#artipio-main #block-notice .latestContainer ul li:not(.open) .content{}
#artipio-main #block-notice .latestContainer ul li .subject{font-size:20px;display:flex;align-items:center;}
#artipio-main #block-notice .latestContainer ul li .subject:after{content:'\e91a';font-family:'intaefont';font-size:17px;margin-left:auto;transition:all 0.3s cubic-bezier(0.5,0,0,1.25);cursor:pointer;}
#artipio-main #block-notice .latestContainer ul li.open .subject:after{transform:rotate(180deg);}
#artipio-main #block-notice .latestContainer ul li .content{margin-top:10px;font-size:16px;color:#666666;line-height:1.4em;}
#artipio-main #block-notice .latestContainer ul li .content .date{margin-top:1em;font-size:14px;color:#727272;}
#artipio-main #block-notice .btn-link{border:1px solid #CCCCCC}


#artipio-main #block-column{}
#artipio-main #block-column .product-gallery{}
#artipio-main #block-column .product-gallery ul{display:flex;gap:30px;flex-wrap:wrap;}
#artipio-main #block-column .product-gallery ul li{width:calc(33.33% - 20px)}
#artipio-main #block-column .product-gallery ul li .thumb{border-radius:6px;overflow:hidden;}
#artipio-main #block-column .product-gallery ul li .bodyCon{padding:15px 0;letter-spacing:-0.03em;}
#artipio-main #block-column .product-gallery ul li .bodyCon .subject{font-size:20px;color:#111111;word-break:keep-all;}
#artipio-main #block-column .product-gallery ul li .bodyCon sub{margin-top:10px;display:block;font-size:16px;color:#666666;word-break:keep-all;}
#artipio-main #block-column .btnSet{margin-top:50px;}
#artipio-main #block-column .btn-link{border:1px solid #CCCCCC}


#artipio-main #block-notice, #artipio-main #block-column{padding-top:0px;}

/* //───────────────────────────────────────────────────────────────────────────────────── */



#marketSummary{max-width:692px;position:relative;background:#fff;padding:25px;border-radius:8px;}
#marketSummary .head{padding-bottom:15px;margin-bottom:18px;border-bottom:1px solid rgba(0,0,0,0.1);}
#marketSummary .head .subject{font-size:26px;font-weight:600;}
#marketSummary .head .info{font-size:20px;color:#666666}
#marketSummary .swiper-container{position:relative;overflow:hidden;width:100%;}
#marketSummary .swiper-container .swiper-wrapper{}
#marketSummary .swiper-container .prev,
#marketSummary .swiper-container .next{position:absolute;bottom:45px;z-index:3;cursor:pointer;opacity:0.5;transition:all .2s ease-in-out;}
#marketSummary .swiper-container .prev:hover,
#marketSummary .swiper-container .next:hover{opacity:1;}
#marketSummary .swiper-container .prev{left:0;}
#marketSummary .swiper-container .next{right:0;}
#marketSummary .swiper-container .prev:before,
#marketSummary .swiper-container .next:before{content:'';font-family:'intaefont';font-size:28px;padding:5px;}
#marketSummary .swiper-container .prev:before{content:'\e918';}
#marketSummary .swiper-container .next:before{content:'\e919';}
#marketSummary .swiper-slide{width:100%;}
#marketSummary .body{padding:0 40px;display:flex;align-items:center;gap:25px;}
#marketSummary .thumb{position:relative;width:120px;height:120px;display:inline-flex;align-items:center;justify-content:center;background:#F5F4F3;border:1px solid #CCCCCC;border-radius:4px;}
#marketSummary .thumb:before{content:'';display:block;position:absolute;z-index:1;width:69px;height:69px;background:#fff;}
#marketSummary .thumb img{position:relative;z-index:3;max-width:69px;max-height:69px;}
#marketSummary .con{flex:1;overflow:hidden;}
#marketSummary .con *{white-space:nowrap;}
#marketSummary .con .current-price{font-size:26px;font-weight:600;}
#marketSummary .con .contrast{font-size:20px;color:#666666;margin-top:10px;display:inline-flex;align-items:center;gap:15px}
#marketSummary .con .contrast .up{color:#E81547;}
#marketSummary .con .contrast .up:before{content:'▲';font-size:0.8em;margin-right:5px}
#marketSummary .con .contrast .down{color:#3469ff;}
#marketSummary .con .contrast .down:before{content:'▼';font-size:0.8em;margin-right:5px}
#marketSummary .con .total-info{font-size:14px;color:#666666;margin-top:15px;display:inline-flex;align-items:center;gap:15px}





#market-pannel{padding:0;border:1px solid #E4E4E4;background:#fff;overflow:hidden;}
#market-pannel .market-pannel-inner{position:relative;height:1053px;}
#market-pannel .pannel-head{position:absolute;top:0;left:0;z-index:2;width:100%;height:46px;display:flex;align-items:center;border-bottom:1px solid #E4E4E4;background:#fff;}
#market-pannel .pannel-head > *{flex:1;font-size:16px;font-weight:600;height:100%;display:inline-flex;align-items:center;justify-content:center;}
#market-pannel .pannel-body{padding-top:46px;height:100%;overflow-y:auto;}
#market-pannel .pannel-body::-webkit-scrollbar{display:none;}
#market-pannel .pannel-body .top,
#market-pannel .pannel-body .bottom{display:flex;}
#market-pannel .pannel-body .top > *,
#market-pannel .pannel-body .bottom > *{flex:1;}

#market-pannel .cell{font-size:14px;font-weight:500;width:230px;height:70px;display:inline-flex;align-items:center;justify-content:center;}
#market-pannel .cell{border-top:1px solid #E1E1E1;}
#market-pannel .top .cell:first-child{border-top:0;}
#market-pannel .top .cell:last-child{border-bottom:1px solid #E1E1E1;}
#market-pannel .cell.up{background:rgba(43,98,189,0.1);color:#2B62BD}
#market-pannel .cell.down{background:rgba(232,21,71,0.1);color:#E81547}

#market-pannel .pannel-salesState,
#market-pannel .pannel-order-price,
#market-pannel .pannel-buyState{display:flex;flex-direction:column;}
#market-pannel .pannel-order-price .cell{border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;cursor:pointer;}
#market-pannel .pannel-order-price .cell.active{border:1px solid rgba(0,0,0,0.4);}
#market-pannel .bottom .pannel-order-price .cell:first-child{border-top:0;}

#market-pannel .pannel-buyState .item-head:first-child{margin-top:80px;}
#market-pannel .pannel-buyState .item-head{margin-top:50px;font-size:12px;background:#EFEFEF;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;height:36px;display:flex;align-items:center;justify-content:center;}
#market-pannel .pannel-buyState .item-body{font-size:12px;}
#market-pannel .pannel-buyState .item-body .p{display:flex;align-items:center;padding:5px 10px;}
#market-pannel .pannel-buyState .item-body .p span:last-child{margin-left:auto;text-align:right;}

#market-pannel .conclusionStatus{font-size:11px;margin-top:15px;}
#market-pannel .conclusionStatus .title{padding-left:1em;margin-bottom:5px;}
#market-pannel .conclusionStatus table{width:100%;}
#market-pannel .conclusionStatus table th{padding:8px 3px;background:#EFEFEF;border:1px solid #E1E1E1}
#market-pannel .conclusionStatus table th:first-child{border-left:0;}
#market-pannel .conclusionStatus table th:last-child{border-right:0;}
#market-pannel .conclusionStatus table td{padding:8px 3px;text-align:center;}

.pop-order{}
.pop-order .orderContainer{position:fixed;z-index:23;}
.pop-order .orderContainer .cell{font-size:14px;font-weight:500;height:70px;width:230px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #E1E1E1;background:#fff;}
.pop-order .orderContainer .cell.up{background:#F3F6FB;color:#2B62BD}
.pop-order .orderContainer .cell.down{background:#FBF3F3;color:#E81547}
.pop-order .orderContainer [class*='btn']{position:absolute;font-size:18px;font-weight:500;color:#fff;height:70px;width:230px;display:inline-flex;align-items:center;justify-content:center;border-radius:40px;}
.pop-order .orderContainer .btnSales{left:-230px;background:#2B62BD}
.pop-order .orderContainer .btnBuy{right:-230px;background:#E81547}

.bgCover{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,0.3);display:none;}




#product-list{height:520px;padding:0;overflow:hidden}
#product-list .frmSearchContainer{width:100%;display:flex;align-items:center;height:138px;border-bottom:1px solid #CCCCCC;padding:0 30px;}
#product-list .frmSearchContainer form{width:100%;}
#product-list .frmSearchContainer .searchInput-wrap{position:relative;}
#product-list .frmSearchContainer .searchInput-wrap input{padding-left:20px;padding-right:70px;width:100%;height:50px;font-size:14px;border:1px solid #CCCCCC;background:#fff;border-radius:30px;}
#product-list .frmSearchContainer .searchInput-wrap .icon_search{background:transparent;font-size:0;position:absolute;top:0;right:0;width:56px;height:100%;display:inline-flex;align-items:center;justify-content:center;}
#product-list .frmSearchContainer .searchInput-wrap .icon_search:before{content:'\e94b';font-family:'intaefont';font-size:17px;font-weight:600;}
#product-list .frmSearchContainer .sortingSet{display:flex;align-items:center;gap:10px;margin-top:20px;}
#product-list .frmSearchContainer .sortingSet .btnSorting{height:32px;padding:0 10px;font-size:14px;color:#666666;border-radius:40px;border:1px solid #CCCCCC;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;}
#product-list .frmSearchContainer .sortingSet .btnSorting.active{color:#E81547;border-color:#E81547;}
#product-list .frmSearchContainer .sortingSet .btnSorting:before{content:'↑';}
#product-list .frmSearchContainer .sortingSet .btn-mypiece{margin-left:auto;height:32px;padding:0 15px;font-size:14px;border-radius:40px;background:#E81547;color:#fff;display:inline-flex !important;align-items:center;justify-content:center;}

#product-list .listContainer{position:relative;height:calc(100% - 138px);overflow-y:auto;}
#product-list .listContainer::-webkit-scrollbar{display:none;}
#product-list .listContainer li{cursor:pointer;}
#product-list .listContainer li{padding:20px;display:flex;align-items:center;gap:15px;}
#product-list .listContainer li .thumb{position:relative;width:68px;height:68px;display:inline-flex;align-items:center;justify-content:center;background:#F5F4F3;border:1px solid #CCCCCC;border-radius:4px;}
#product-list .listContainer li .thumb:before{content:'';display:block;position:absolute;z-index:1;width:42px;height:42px;background:#fff;}
#product-list .listContainer li .thumb img{position:relative;z-index:3;max-width:42px;max-height:42px;}
#product-list .listContainer li .con{display:flex;flex-direction:column;gap:5px;}
#product-list .listContainer li .subject{font-size:18px;font-weight:600;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}
#product-list .listContainer li .info{font-size:14px;color:#666666}
#product-list .listContainer li .current-price{font-size:14px;font-weight:600;}
#product-list .listContainer li:not(:last-child){border-bottom:1px solid #CCCCCC;}
#product-list .listContainer li.active{background:rgba(232,21,71,0.04);}



#order-panel{flex:1;display:flex;flex-direction:column;padding:0;overflow:hidden;}
#order-panel .tabs-menu{display:flex;}
#order-panel .tabs-menu .tab{flex:1;font-size:16px;height:47px;background:#EFEFEF;color:#999999;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
#order-panel .tabs-menu .tab.active{background:#fff;color:#111111}
#order-panel .tabs-menu .tab:not(.active) + .tab:not(.active){border-left:1px solid rgba(0,0,0,0.07);} 
#order-panel .tabContainer{flex:1;display:flex;flex-direction:column;padding:20px;}
#order-panel .tabCon{flex:1;display:flex;flex-direction:column;}
#order-panel .tabCon:not(.active){display:none}
#order-panel .tabCon > *{flex:1;display:flex;flex-direction:column;}
#order-panel .tabCon.orderState .subTabContainer .inner{overflow-y:auto;max-height:660px;}
#order-panel .tabCon.orderState .subTabContainer .inner::-webkit-scrollbar{display:none;}
#order-panel .tabCon.orderState .subTabContainer .notConclusion .inner{max-height:580px;}

#order-panel .fx-wrap{font-size:16px;}
#order-panel .fx-list.flex-top{align-items:flex-start;}
#order-panel .fx-list.flex-top .fx-list-label{padding-top:10px;}
#order-panel .fx-list-con{justify-content:flex-end;}
#order-panel input{font-size:16px;font-weight:500;height:38px;padding:0 18px;border:1px solid #CCCCCC;}
#order-panel .minus, #order-panel .plus{width:38px;height:38px;background:#F7F7F7;border:1px solid #CCCCCC;border-left:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
#order-panel .minus:before, #order-panel .plus:before{content:'';font-family:'intaefont';font-size:13px;}
#order-panel .minus:before{content:'\e928';margin-top:2px;}
#order-panel .plus:before{content:'';display:inline-block;width:12px;height:2px;background:rgba(0,0,0,0.5);}
#order-panel .fx-wrap .btn.gray{font-size:16px;font-weight:500;height:38px;width:54px;}

#order-panel .fx-wrap .result{border-top:1px solid rgba(0,0,0,0.5);border-bottom:1px solid rgba(0,0,0,0.5);margin-top:10px;padding-top:10px;padding-bottom:10px;}
#order-panel .fx-wrap .result .title{font-size:16px;font-weight:500;}
#order-panel .fx-wrap .result .fx-list.total{border-top:1px solid rgba(0,0,0,0.2);}
#order-panel .fx-wrap .result .fx-list-label{text-align:left;width:auto !important;flex:1;}
#order-panel .fx-wrap .result .fx-list-label small{font-size:12px;color:#666666;line-height:1em;}
#order-panel .fx-wrap .result .fx-list-con{max-width:90px;}
#order-panel .fx-wrap .fx-list.total{font-size:16px;font-weight:500;padding-top:15px;}

#order-panel .subTabs{display:flex;gap:10px;}
#order-panel .subTabs .tab{flex:1;font-size:16px;height:47px;background:#fff;color:#666666;border:1px solid #CCCCCC;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
#order-panel .subTabs .tab.active{border:1px solid #E81547;color:#E81547}
#order-panel .subTabContainer{position:relative;flex:1;display:flex;flex-direction:column;margin-top:10px;}
#order-panel .subTabCon{flex:1;display:flex;flex-direction:column;}
#order-panel .subTabCon:not(.active){display:none}
#order-panel .subTabCon .order-list{width:100%;display:flex;flex-direction:column;gap:10px;}
#order-panel .subTabCon .order-list li{width:100%;font-size:14px;;border:1px solid #CCCCCC;border-radius:4px;padding:20px;}
#order-panel .subTabCon .order-list li.empty{border:0;height:100px;font-size:18px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;}
#order-panel .subTabCon .order-list li > *{display:flex;align-items:center;line-height:1.8em;}
#order-panel .subTabCon .order-list li span:last-child{margin-left:auto;}
#order-panel .subTabCon .order-list li.active{border-color:#E81547}
#order-panel .subTabCon .order-list li .btnOrderCancel{display:none;}
#order-panel .subTabCon.notConclusion .order-list li input[type="checkbox"]{display:none}



#order-panel .btnSet{flex:1;margin-top:auto;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:10px;}
#order-panel .btnSet [class*='btn']{flex:1;height:68px;font-size:18px;font-weight:500;display:flex;align-items:center;justify-content:center;border-radius:50px;color:#fff;}
#order-panel .btnSet [class*='btn'].disabled{background:#F5F4F3 !important;color:#999999 !important;}
#order-panel .btnSet .btnBuyOrder{background:#E81547;}
#order-panel .btnSet .btnSalesOrder{background:#2B62BD}
#order-panel .btnSet .btnOrderCancel{background:#E81547}
#order-panel .btnSet.fixed{position:absolute;bottom:0;}




#comment{}
#comment .formCo{position:relative;}
#comment .formCo textarea{height:100px;border:1px solid #CCCCCC;font-size:15px;padding:15px;border-radius:4px;padding-right:230px;}
#comment .formCo .btn-talk{position:absolute;top:25px;right:25px;height:50px;width:190px;font-size:16px;font-weight:500;border-radius:30px;background:#111111;color:#fff;display:inline-flex;align-items:center;justify-content:center;}
#comment .comment-list{}
#comment .comment-list li{font-size:14px;display:flex;align-items:center;gap:10px;padding:20px 15px;border-bottom:1px solid rgba(0,0,0,0.1);}
#comment .comment-list li .con{font-size:16px;flex:1;color:#666666;word-break:keep-all;}
#comment .comment-list li .name{margin-left:30px;}
#comment .comment-list li .date{color:#666666;}
#comment .comment-list li .date:before{content:'';display:inline-block;width:1px;height:13px;margin-right:5px;background:rgba(0,0,0,0.3);}
#comment .comment-list li .declaration{margin-left:20px;text-decoration:underline;cursor:pointer;}
#comment .pagenation{margin-top:50px;display:flex;align-items:center;justify-content:center;gap:15px;}
#comment .pagenation .page-btn{font-size:20px;color:#666666;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;}
#comment .pagenation .page-btn.active{font-weight:600;color:#111111;}
#comment .pagenation .page-btn.prev,#comment .pagenation .page-btn.next{font-size:0;}
#comment .pagenation .page-btn.prev:before, #comment .pagenation .page-btn.next:before{content:'';font-family:'intaefont';font-size:19px;}
#comment .pagenation .page-btn.prev:before{content:'\e924';}
#comment .pagenation .page-btn.next:before{content:'\e919';}













/* 스크립트 없이 레이어 팝업 */
/*─────────────── LAYER POPUP ───────────────*/
.layer-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;padding:150px 60px;overflow-y:auto;}
.layer-popup .pop-closer{position:fixed;top:15px;right:15px;z-index:5;opacity:0.9;font-size:0;cursor:pointer;background:transparent}
.layer-popup .pop-closer:before{content:'\e905';font-family:'intaefont';font-size:25px;color:#fff;font-weight:normal;width:54px;height:54px;display:flex;align-items:center;justify-content:center;}
.layer-popup .pop-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background:rgba(0,0,0,0.6);opacity:0;visibility:hidden;}
.layer-popup .popContainer{position:relative;z-index:5;width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;}
.layer-popup .popContainer .pop-inner{position:relative;z-index:6;background:#fff;width:590px;border-radius:4px;padding:35px 40px 40px 40px;font-size:16px;min-width:500px;min-height:175px;
	display:flex;justify-content:center;flex-direction:column;}
.layer-popup .popContainer .pop-inner .pop-closer{position:absolute;top:0;right:0;}
.layer-popup .popContainer .pop-inner .pop-closer:before{content:'\e929';font-family:'intaefont';font-size:17px;color:#000;opacity:0.7;transition:all .2s ease-in-out;}
.layer-popup .popContainer .pop-inner .pop-closer:hover:before{opacity:1;}
.layer-popup .popContainer .pop-title{font-size:23px;font-weight:600;margin-bottom:15px;}
.layer-popup .popContainer .pop-header{font-size:26px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,0.1);font-weight:500!important;}
.layer-popup .popContainer .pop-header .pop-title{font-size:26px;font-weight:500;margin-bottom:0;}
.layer-popup .popContainer .btnSet{position:absolute;bottom:-70px;left:0;width:100%;display:flex;align-items:center;justify-content:center;}
.layer-popup .popContainer .btnSet > *{flex:1;height:74px;font-size:22px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;}
.layer-popup .popContainer .btnSet > *:first-child{border-bottom-left-radius:4px;}
.layer-popup .popContainer .btnSet > *:last-child{border-bottom-right-radius:4px;}
.layer-popup .popContainer .btnSet .btnSubmit{background:#E81547;color:#fff;}
.layer-popup .popContainer .btnSet .btnSubmit:hover{background:#F23662;}
.layer-popup .popContainer .btnSet .btnCancel{background:#CCCCCC;color:#111111;}
.layer-popup .popContainer .btnSet .btnCancel:hover{background:#E6E6E6;}
.layer-popup:not(.open){display:none;}
.layer-popup.open .pop-inner{animation:popOpen 0.4s cubic-bezier(0.5,0,0,1.25) forwards;}
.layer-popup.open .pop-bg{visibility:visible;animation:pop-bg-fade 0.5s forwards;}
.layer-popup.open ~ *{transition:filter;filter:blur(3px);}
@keyframes popOpen{
  0%{opacity:0;transform:scale(0.9) translateY(0);}
  100%{opacity:1;transform:scale(1) translateY(0);}
}
@keyframes pop-bg-fade{
  0%{opacity:0;}
  100%{opacity:1;}
}


.layer-popup .popContainer .msg-box{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;font-size:24px;font-weight:600;line-height:1.6em;padding:35px 20px;white-space:nowrap;}
.layer-popup .popContainer .msg-box .help-block{width:100%;font-size:16px;font-weight:normal;text-align:center;}




.layer-popup .wz-list{margin-top:0;}
.layer-popup .wz-list ul li{padding:0;}
.layer-popup .wz-list ul li:first-child{border:0}
.layer-popup .wz-list ul li .wzContents{align-items:center;gap:15px}

.layer-popup .gallSummary{margin-top:0;height:80px;}
.layer-popup .gallSummary .item{flex:1;font-size:16px;padding:10px 18px;}
.layer-popup .gallSummary .item:not(:first-child){margin-left:5px;border-left:1px solid rgba(0,0,0,0.1);}
.layer-popup .gallSummary .item label{color:#666666}
.layer-popup .gallSummary .item .value{margin-left:auto;font-weight:600;}
.layer-popup .gallSummary + .gallSummary{margin-top:10px;}

}