@charset "euc-kr";
.headerWrap.ver_02 .header__searchform .header__search .searchSec__input{margin-top: -2px;}


/*=========================================
* reset Ãß°¡
=========================================*/

:root {--color-main: #f7455d; }

.btn-whiteLine { border: 1px solid #fff; border-radius: 50px; color: #fff; font-weight: var(--weight-bold); display: inline-block; padding: 0 25px; height: 40px; line-height: 38px; } 

.d-block { display: block; } 
.text-right { text-align: right; } 

/* .row { display: flex; flex-wrap: wrap; } */

.content{margin: 0 auto; max-width: 1600px;} /* ¿¹½ºÆû ³»¿¡¼­¸¸ */
.content.w1280 { width: 100%; max-width: 1280px !important; } 
.content.w1600 { width: 100%; max-width: 1600px !important; } 

.content.w1280 .container,
.content.w1280 .content { max-width: 100%; padding: 0; } 
/* .container { margin-bottom: 80px; }  */


.docSec{margin-bottom: 50px;}
.docSec .title,
.giftSec .title{margin: 0px 0 20px;}

.docSec .title p{font-size: inherit; font-weight: inherit;}
.docSec .title .subTitle img{height: 17px; vertical-align: sub;}




.main-sub{margin-top: 50px;}

/* ¸®½ºÆ® */
.list__title:has(label){display: flex; gap: 5px; justify-content: flex-start; align-items: flex-start; text-align: left;}
.list__title label input[type="checkbox"] { position: absolute; visibility: hidden; }
.list__title label {min-width: 22px; user-select: none; padding: 1px 0px; border-radius: 4px; overflow: hidden; transition: all 0.3s ease; display: flex; justify-content: flex-start; align-items: center; gap: 6px; font-size: 15px; color: var(--color-Cont);}
.list__title label i {box-sizing: border-box; position: relative; flex: 0 0 20px; width: 20px; height: 20px; border-radius: 4px; transform: scale(1); border: 1px solid #c2c2c2; transition: all 0.3s ease; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 17L4.5 12' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.5 7L9.5 17' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-position: 1px 2px;}
.list__title label:hover i{border-color: var(--color-main);}
.list__title label input[type="checkbox"]:checked + i { background: var(--color-main);; border-color: var(--color-main);; animation: zoom-in-out 0.3s ease; box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.55); }
.list__title label input[type="checkbox"]:checked + i { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 17L4.5 12' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.5 7L9.5 17' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-position: center;}
.list__title label + a{text-align: left; padding-top: 1px;}


.listTop{position: absolute; right: 0; top: -15px;}
.listTop .btn{display: flex !important; align-items: center; gap: 10px; }
.listTop .listTop__btn{color: var(--color-Cont); border: solid 1px #c2c2c2; background: #fff; cursor: pointer; border-radius: 5px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0 20px; font-size: 15px;}
.listTop .listTop__btn:has(.gicon){padding-left: 15px !important;}
.listTop .listTop__btn:hover { text-decoration: none; background: #ededed; }
.listTop .listTop__btn--print { border: 1px solid #fbd3d9; background: #fdf6f7; color: #F7455D; gap: 5px; width: 120px; }
.listTop .listTop__btn--print:hover { background: #faeaec; }
.listTop .listTop__btn .gicon{width: 20px; height: 20px; color: #F7455D;}

@media (max-width: 1600px){
    .content{padding-left: 20px; padding-right: 20px; }
 .content.w1280 { /* width: 100%; */
 padding-left: 0; padding-right: 0; } 
 }
@media (max-width: 1280px){
 .content.w1280{padding-left: 20px; padding-right: 20px; } 
 }
@media (max-width: 768px){
 .main-sub{margin-top: 20px;}

 .list__title label,
.listTop{display: none;}

 }


 .clearfix::after {
    display: block;
    clear: both;
    content: "";
}




.content .container{padding-left: 0;}

/* ¸ð¹ÙÀÏ ¸Þ´º */
nav.gnbM .m_member_info.detailsWrap{padding-top: 20px;}
nav.gnbM .m_member_info.detailsWrap .credits{border: 1px solid #fa8f9e; color: var(--color-main); font-size: 13px; border-radius: 50px; padding: 2px 14px; }
nav.gnbM .m_member_info.detailsWrap .credits *{color: inherit; font-size: inherit; }
nav.gnbM .m_member_info.detailsWrap h4{display: flex; justify-content: space-between; align-items: center; }
nav.gnbM .m_member_info.detailsWrap .details{display: flex; justify-content: space-between; align-items: center;}
nav.gnbM .m_member_info.detailsWrap .details *{color: #666;}
nav.gnbM .m_member_info.detailsWrap .point{color: var(--color-main) !important;}
nav.gnbM .m_member_info.detailsWrap .graph{ width: 100%; background-color: #eee; margin-bottom: 10px; border-radius: 4.5px; overflow: hidden; margin-top: 10px;}
nav.gnbM .m_member_info.detailsWrap .graph-bar { height: 10px; background-color: var(--color-main); border-radius: 4.5px; }
nav.gnbM .m_member_info.detailsWrap p{font-size: 13px; margin-top: 10px; color: #929292;}

/* »ö»ó ¶§¹®¿¡ Ãß°¡ */
.header__search .searchSec__submit{background-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke-width='1.4'%3E%3Cpath stroke='%23f7455d' stroke-linecap='round' stroke-linejoin='round' d='M15.5 15.5 19 19M5.5 11a6 6 0 1 0 12 0 6 6 0 0 0-12 0Z'/%3E%3C/svg%3E");}
.nav-link.ai{color: #000;}
.nav-link.ai:hover{color: var(--color-main);}
.nav-link.ai.active{color: var(--color-main);}
.nav-link span{color: var(--color-main); opacity: 0.8;}


/*  */



/* 

.searchKeyword{color: var(--color-main);}
.header__search{border: 2px solid var(--color-main);}
.header__search .searchSec__submit{background-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke-width='1.4'%3E%3Cpath stroke='%23f7455d' stroke-linecap='round' stroke-linejoin='round' d='M15.5 15.5 19 19M5.5 11a6 6 0 1 0 12 0 6 6 0 0 0-12 0Z'/%3E%3C/svg%3E");}
.nav-link:hover, .nav-link.active{color: var(--color-main);}
.nav-link::after{background: var(--color-main);}
.nav-link span{color: var(--color-main); opacity: 0.8;} */
/* .filter__title{width: 100%; text-align: left; } */
/* .input-wrap--dg2 label:hover i{border-color: var(--color-main);}
.filter__view .filter__viewBtn input:checked + label{border-color: var(--color-main); background-color: var(--color-main); }
.input-wrap--dg.radio input[type="radio"]:checked{border: 6px solid var(--color-main);}
.filter .d-flex input[type="radio"]:hover{border-color: var(--color-main);}
.filter .d-flex label input[type=checkbox]:checked + i{border-color: var(--color-main); background-color: var(--color-main); }
.filter__list .filter__number input[type=radio]:checked + label{background-color: var(--color-main);}
.filter__list .filter__number label:hover{border: 1px solid var(--color-main);}
.filter__btn .btn-apply{background-color: var(--color-main);}
.filter__format .filter__folding{background-color: var(--color-main);} */


.leftWrap{width: 1234px;}
.leftWrap .container{max-width: 1234px;}
.leftWrap > .container,
.leftWrap > form > .container {padding-top: 50px;}

.rightWrap.filterRight{top: 196px; height: calc(100vh - 196px); }

.noData {clear:both;padding-top:59px;padding-bottom:76px;text-align:center;font-weight:bold;color:#000;border-top:solid 1px #e4e4e4;}
.list__item:nth-child(5n) {margin-right:0;}
.list__thumb a.molink{display: none !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.list__thumb .free {width:44px;height:42px;background:url("https://www.chamjal.com/images/free2.png") no-repeat 0 50%;position:absolute;top:-1px;right:-1px;z-index:0;}
.list__thumb .valign {display:table-cell;width:158px;height:218px;vertical-align:middle;text-align:center; }
.list__thumb img {max-width:158px;max-height:218px;}
.list__thumb .mouse-over {width:178px;height:238px; background:rgba(0, 0, 0, 0.6);}
.list__title {height:40px;margin:7px 0 0 0px;font-size:13px;color:#666; overflow:hidden; text-align: center;}
.list__title input{width: 17px; height: 17px; vertical-align: text-top;}
.list__title--date{display: block; font-size: 13px; color: #b9b9b9; }
.list__title a{vertical-align: top; line-height: var(--gap-narrow);}
.list__title img {margin:-2px 0 0 5px; vertical-align:middle;}
.section__list.con_tab{display:none;}

.section__list{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 30px;}
.filterArea .section__list.item5{gap: 30px 20px;}
.filterArea .section__list.item6{gap: 30px 44px;}
.list__thumb{/*width: 229px; height: 325px; */ border-radius:10px; background-color: rgb(255, 255, 255); /* box-shadow: 3.536px 3.536px 10px 2px rgba(0, 0, 0, 0.13); border: 0; */ overflow: hidden; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.list__thumb .valign{display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; display: flex; align-items: center; justify-content: center; }
.list__thumb img{width: 100%; max-width: 100%; max-height: 100%; object-fit: contain;}
.list__title{height: 43px; font-size: var(--size-medium);margin: 15px 0 0 3px;}

.list__thumb .mouse-over{width: 100%; height: 100%;}
.list__thumb .mouse-over .valign { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: fit-content; height: auto; position: absolute; top: 20px; right: 20px;}
.list__thumb .mouse-over .valign > a img{width: 30px; height: 30px; z-index: 1;}
.list__thumb .mouse-over .valign > button.btn-favorite::after{width: 30px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' viewBox='0 -960 960 960' width='100%25' fill='%23000' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='m480-173.85-30.31-27.38q-97.92-89.46-162-153.15-64.07-63.7-101.15-112.35-37.08-48.65-51.81-88.04Q120-594.15 120-634q0-76.31 51.85-128.15Q223.69-814 300-814q52.77 0 99 27t81 78.54Q514.77-760 561-787q46.23-27 99-27 76.31 0 128.15 51.85Q840-710.31 840-634q0 39.85-14.73 79.23-14.73 39.39-51.81 88.04-37.08 48.65-100.77 112.35Q609-290.69 510.31-201.23L480-173.85Zm0-54.15q96-86.77 158-148.65 62-61.89 98-107.39t50-80.61q14-35.12 14-69.35 0-60-40-100t-100-40q-47.77 0-88.15 27.27-40.39 27.27-72.31 82.11h-39.08q-32.69-55.61-72.69-82.5Q347.77-774 300-774q-59.23 0-99.62 40Q160-694 160-634q0 34.23 14 69.35 14 35.11 50 80.61t98 107q62 61.5 158 149.04Zm0-273Z'%3E%3C/path%3E%3C/svg%3E");}
.list__thumb .mouse-over .valign > button.btn-favorite:hover::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' viewBox='0 -960 960 960' width='100%25' fill='%23FF5757' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='m480-173.85-30.31-27.38q-97.92-89.46-162-153.15-64.07-63.7-101.15-112.35-37.08-48.65-51.81-88.04Q120-594.15 120-634q0-76.31 51.85-128.15Q223.69-814 300-814q52.77 0 99 27t81 78.54Q514.77-760 561-787q46.23-27 99-27 76.31 0 128.15 51.85Q840-710.31 840-634q0 39.85-14.73 79.23-14.73 39.39-51.81 88.04-37.08 48.65-100.77 112.35Q609-290.69 510.31-201.23L480-173.85Zm0-54.15q96-86.77 158-148.65 62-61.89 98-107.39t50-80.61q14-35.12 14-69.35 0-60-40-100t-100-40q-47.77 0-88.15 27.27-40.39 27.27-72.31 82.11h-39.08q-32.69-55.61-72.69-82.5Q347.77-774 300-774q-59.23 0-99.62 40Q160-694 160-634q0 34.23 14 69.35 14 35.11 50 80.61t98 107q62 61.5 158 149.04Zm0-273Z'%3E%3C/path%3E%3C/svg%3E");}
.list__thumb .mouse-over .valign > button.btn-favorite.on::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' viewBox='0 -960 960 960' width='100%25' fill='%23FF5757' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='m480-173.85-30.31-27.38q-97.92-89.46-162-153.15-64.07-63.7-101.15-112.35-37.08-48.65-51.81-88.04Q120-594.15 120-634q0-76.31 51.85-128.15Q223.69-814 300-814q52.77 0 99 27t81 78.54Q514.77-760 561-787q46.23-27 99-27 76.31 0 128.15 51.85Q840-710.31 840-634q0 39.85-14.73 79.23-14.73 39.39-51.81 88.04-37.08 48.65-100.77 112.35Q609-290.69 510.31-201.23L480-173.85Z'%3E%3C/path%3E%3C/svg%3E");}
.list__thumb .mouse-over .valign > a,
.list__thumb .mouse-over .valign > button{width: 40px; height: 40px; position: relative;display: flex !important; align-items: center; justify-content: center; top: 0; right: 0;}
.list__thumb .mouse-over .valign > a::before,
.list__thumb .mouse-over .valign > button::before{content:""; display:block; width: 40px; height: 40px; border-radius: 5px;opacity: 0.6; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.list__thumb .mouse-over .valign > a:hover::before,
.list__thumb .mouse-over .valign > button:hover::before{opacity: 1;}
    
.list__thumb .mouse-over .valign > a .bubble,
.list__thumb .mouse-over .valign > button .bubble{top: 50%; left: 50%; transform: translate(-150%, -50%); border-radius: 5px; background-color: #fff; min-width: 80px; height: 40px; color: #666; line-height: 40px; font-size: 13px; }
    
.list__thumb .mouse-over .valign > a .bubble::before,
.list__thumb .mouse-over .valign > button .bubble::before{right: 1px; left: unset; bottom: 9px; background-color: #fff; width: 14px; height: 14px;}

/* 
½æ³×ÀÏ ÅøÆÁ ¾Èº¸ÀÌ°Ô ¿äû¿È
.list__thumb .mouse-over .valign > a:hover .bubble,
.list__thumb .mouse-over .valign > button:hover .bubble{display: block;} */

.list__thumb .mouse-over .valign ~ a{position: absolute; width: 100%; height: 100%;}
    

/* ±âº» - 1280px ±âÁØ */
 .section__list.item5 .list__item{max-width: calc(20% - 24px); width: 100%;}
.filterArea .section__list.item5 .list__item{max-width: calc(20% - 16px); width: 100%;}
.filterArea .section__list.item6 .list__item{max-width: calc(16.666% - 36.7px); width: 100%;}

.title span.num{color: #f5909d;}


@media (min-width: 1600px) {
	.list__thumb{width: 230px; height: 325px;}
}


@media (max-width: 1600px) {
    .leftWrap{width: 80%;}

}

@media (max-width: 1280px) {
    .filterArea .section__list.item5 .list__item{max-width: calc(25% - 15px);}
    .filterArea .section__list.item6 .list__item{max-width: calc(25% - 15px);}

}

/* @media (max-width: 1234px){
    .filterArea .section__list.item6 .list__item{max-width: calc(25% - 33px);}
} */

@media (max-width: 1024px){
    .section__list.item5 .list__item{max-width: calc(33.333% - 20px);}
    .filterArea .section__list.item5 .list__item{max-width: calc(33.333% - 13.4px);}
}

@media (max-width: 768px){
    .headerWrap.ver_02 .header__logo img{width: 52px !important;}
    .leftWrap{width: 100%;}
    .section__list{gap: 30px 10px !important;}
    .section__list.item5 .list__item { width: calc(50% - 5px) !important; max-width: 100% !important; } 
    .section__list.item6 .list__item { width: calc(50% - 5px) !important; max-width: 100% !important; } 

    .list__thumb a.molink{display: block !important;}
    .list__thumb .mouse-over{background: transparent;}
    .list__thumb .mouse-over .valign{display: none;}

    
    .leftWrap > .container {padding-top: 20px;}


}
/* Ä«µå */
.combine-thum{border:solid 1px #eaeaea; position:relative; overflow:hidden;}
.combine-thum a{ vertical-align:middle;}
.combine-thum .mouse-over{display:none; width:100%; text-align:center; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; z-index:1;}
.combine-thum .mouse-over img{border:none !important;}
.combine-thum:hover .mouse-over{display:block;}

/* ½ºÀ§Ä¡ */
.sec-main .toggles-box .radio-wrap input[type="radio"]:checked + label { background: linear-gradient( to right, var(--color-main), #bf6ce2, var(--color-main), #bf6ce2 ); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.sec-main .toggles-box .radio-wrap input[type="checkbox"]:checked + label { background: linear-gradient( to right, var(--color-main), #bf6ce2, var(--color-main), #bf6ce2 ); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }

/* .toggles-box{margin-bottom: 40px;} */
.toggles-box .radio-wrap { align-items: center; display: flex; justify-content: center; margin: 0px auto; max-width: 270px; height: 40px; max-height: 40px; position: relative; background-color: #f5f5f6; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.1); border-radius: 25px;}
.toggles-box .radio-wrap label {max-height: 40px; line-height: 1; cursor: pointer; padding: 10px 20px; text-align: center; width: 50%; z-index: 2;  color: #929292; font-size: 15px; line-height: normal;}
.toggles-box .radio-wrap .slide-item  {border-radius: 25px; box-shadow: 0.707px 0.707px 5px 0px rgba(0, 0, 0, 0.1); height: 40px; max-height: 40px; left: 50%; position: absolute; width: 50%; transition: left .4s; z-index: 0;}
.toggles-box .radio-wrap input[type="radio"] { left: -9999px; position: absolute; z-index: -1; }
.toggles-box .radio-wrap input[type="radio"]:nth-of-type(2):checked ~ .slide-item { background-color: #37951a;}

.toggles-box .radio-wrap input[type="checkbox"] { left: -9999px; position: absolute; z-index: -1; }

.toggles-box .radio-wrap input[type="checkbox"] ~ label{width: 100%; height: inherit; }
.toggles-box .radio-wrap input[type="checkbox"] ~ .slide-item {left: 0px; background-color: #fff;}
.toggles-box .radio-wrap input[type="checkbox"]:checked ~ .slide-item{left: 50%;}


.toggleswitch{margin: 0; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-top: 10px;}
.toggleswitch label,
.toggleswitch label span{color: #666;}
.toggleswitch .radio-wrap{width: 44px; height: 24px; margin: 0; background-color: #e0e0e0; box-shadow: unset; }
.toggleswitch .radio-wrap input[type="checkbox"] ~ .slide-item{width: 20px; height: 20px; left: 2px; pointer-events: none; z-index: 2;}
.toggleswitch .radio-wrap input[type="checkbox"]:checked ~ label{background-color: var(--color-main); border-radius: 25px;}
.toggleswitch .radio-wrap input[type="checkbox"]:checked ~ .slide-item  { left: 49%; }



/* ÇÊÅÍ Ãß°¡ */
.filter__view .filter__viewBtn--ty input[type=radio]  { display: none; }
.filter__view .filter__viewBtn--ty input + label  {width: 90px; height: 40px; border-radius: 5px; border: 1px solid #d0d0d0; display: flex; justify-content: center; color: #666;}
.filter__view .filter__viewBtn--ty input:hover + label  {border: 2px solid var(--color-main) !important;}
.filter__view .filter__viewBtn--ty input:checked + label  {width: 90px; height: 40px; border-radius: 5px; border: 2px solid var(--color-main); display: flex; justify-content: center;}
.filter__view .filter__viewBtn--ty input + label i {border: 1px solid #999; border-radius: 2px;}
/* .filter__view .filter__viewBtn--ty input:checked + label i {border: 1px solid #fff; border-radius: 2px;background-color: #fff; } */
.filter__view .filter__viewBtn--ty input + label i.ty1  {width: 13px; height: 17px;}
.filter__view .filter__viewBtn--ty input + label i.ty2  {width: 17px; height: 13px;}
.filter__view .filter__viewBtn--ty input + label i.ty3  {width: 13px; height: 13px;}
.filter .d-flex label p .num{color: #999;}
.filter__btn .btn-apply:hover{background-color:  color-mix(in srgb, var(--color-main) 90%, black 10%);}

/* Ä÷¯Ç® ¹öÆ° */
.btn-member--grd.ai{width: 100%; height: 50px;}
.btn-member--grd.ai .ico-loading{display: none;}
.btn-member--grd.ai.loading{height: 50px;}
.btn-member--grd.ai.loading .btn-grd{background-image: -webkit-linear-gradient(-56deg, rgb(254, 236, 238) 0%, rgb(249, 240, 252) 100%);}
.btn-member--grd.ai.loading:hover .btn-grd{background-image: -webkit-linear-gradient(-56deg, rgb(254, 236, 238) 0%, rgb(249, 240, 252) 100%);}
.btn-member--grd.ai.loading .ft-color{display: none;}
.btn-member--grd.ai.loading .ico-loading{display: block; z-index: 1;}
.btn-member--grd.ai .btn-grd{background-image: linear-gradient(to right, var(--color-main), #bf6ce2, var(--color-main), #bf6ce2);}

/* °Ë»ö°á°ú ¾øÀ»¶§ */
.searchNotfound .search_infoBox .link_btn { background: var(--color-main); } 
.searchNotfound .search_infoBox .link_btn:hover { background:  color-mix(in srgb, var(--color-main) 90%, black 10%); }
.searchNotfound .search_infoBox ul.ccenter_info li{text-align: left;}


/* ÇØ´õ */
.headerWrap.aiColoringForm .header .rightWrap{position: relative; height: 100%;}
.headerWrap.aiColoringForm .header .rightWrap:hover .credits-box{display: flex;}
.headerWrap.aiColoringForm .header .rightWrap .credits-box *{color: #666;}
.headerWrap.aiColoringForm .header .rightWrap .credits-box{position: absolute; top: 65px; right: 0; width: 200px; display: flex; flex-direction: column; background-color: #fff; border-radius: 10px; box-shadow: 0.707px 0.707px 10px 0px rgba(0, 0, 0, 0.1); display: none;}
.headerWrap.aiColoringForm .header .rightWrap .credits-box .point{color: var(--color-main) !important;}
.headerWrap.aiColoringForm .header .rightWrap .credits-box .detailsWrap{padding: 20px;}
.headerWrap.aiColoringForm .header .rightWrap .credits-box .detailsWrap .details{display: flex; justify-content: space-between; align-items: center; }
.headerWrap.aiColoringForm .header .rightWrap .credits-box .detailsWrap .graph{ width: 100%; background-color: #eee; margin-bottom: 10px; border-radius: 4.5px; overflow: hidden; margin-top: 10px;}
.headerWrap.aiColoringForm .header .rightWrap .credits-box .detailsWrap .graph-bar { height: 10px; background-color: var(--color-main); border-radius: 4.5px; }
.headerWrap.aiColoringForm .header .rightWrap .credits-box .detailsWrap .info{font-size: 13px; margin-top: 10px; color: #929292;}
.headerWrap.aiColoringForm .header .rightWrap .credits-box .gnb{display: flex; flex-wrap: wrap; flex-direction: column; margin: 0; align-items: flex-start; gap: 0; padding: 10px; border-top: 1px solid #eee;}
.headerWrap.aiColoringForm .header .rightWrap .credits-box .gnb li{width: 100%;}
.headerWrap.aiColoringForm .header .rightWrap .credits-box .gnb li a{width: 100%; height: 40px; display: flex; align-items: center; font-size: 15px; padding: 0 10px; border-radius: 5px; color: #666;}
.headerWrap.aiColoringForm .header .rightWrap .credits-box .gnb li a:hover{background-color: #f7f7f7;}

@media (max-width: 768px){
    .headerWrap.aiColoringForm .header .rightWrap{min-width: fit-content; height: auto;}
    .headerWrap.aiColoringForm .header .rightWrap:hover .credits-box{display: none;}
}

/* ¸ð¾ÆÀμâ Æ˾÷ */
#emSortLayer{overflow: unset; height: auto; width: auto !important; padding: 0 !important; }
.printLayer .popCon{margin-top: 0; transform: unset; position: unset !important; }
.printLayer .popCon dl{display: flex ; flex-direction: column; align-items: flex-start; }
.printLayer .popCon .btn_area{display: flex;}
.printLayer .popCon .btn_area a{box-sizing: border-box; display: flex !important; align-items: center; justify-content: center; font-size: 15px; line-height: normal; }
.printLayer .popCon { position: fixed; top: 50%; left: 50%; width: 425px; height: auto; padding: 60px 52px; margin-top: 60px; border-radius: 0; border: 1px solid #cc3333; background: #fff; box-sizing: border-box; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); }
.printLayer .popCon .title  { margin-bottom: 30px; font-size: 24px; line-height: 36px; text-align: center; }
.printLayer .popCon dl { text-align: left; font-size: 14px; }
.printLayer .popCon dl dt { display: inline-block; vertical-align: top; font-weight: 600; }
.printLayer .popCon dl dd { display: inline-block; padding-left: 5px; margin-left: 8px; margin-bottom: 5px; text-indent: -7px; }
.printLayer .popCon .btn_area  { margin-top: 35px; }
.printLayer .popCon .ch_btn_s  { width: 150px; height: 50px; margin: 0; font-size: 16px; line-height: 50px; }
.printLayer .popCon .ch_btn_s:first-child { margin-right: 11px; }
.printLayer .popCon .close { position: absolute; top: -50px; right: 0; }
#emSortLayer{overflow: unset; height: auto; width: auto !important; padding: 0 !important; }
.printLayer .popCon{margin-top: 0; transform: unset; position: unset !important; }