@charset "UTF-8";
/**********************************************
note : webfonts
**********************************************/
@import url('//fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800|Noto+Sans+KR:100,300,400,500,700,900&subset=korean'); /* 본고딕,나눔명조 */

body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:-apple-system,BlinkMacSystemFont,'Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}

body {top:0 !important} /* 번역 스크립트로 삽입으로 인해 body에 인라인으로 top값이 적용됨. */

/**********************************************
note : design custom style page
**********************************************/
#user-container .index-wrap.width-1280 {padding:15px;background-color:#fff}

.index-wrap .index-columns.grid-1 {padding-right:10px}
.index-wrap .index-columns.grid-4 {padding-right:10px}

/* main title */
.main-tit {color:#ed1c24 !important}

/* main more button */
a.main-more-btn {display:block;width:100%;height:50px;font-weight:700;font-size:1.125rem;color:#fff !important;line-height:50px;background-color:#333;text-align:center;-moz-transition:all .3s;transition:all .3s}
a.main-more-btn:hover {text-decoration:none;background-color:#999}

/* admin option */
.admin-options {text-align:left}

/* offcanvas */
.off-canvas-wrapper {overflow:inherit}
.position-left.is-open ~ .off-canvas-content {-ms-transform:translateX(0);transform:translateX(0)}

/**********************************************
note : design custom style footer
**********************************************/
#user-footer {padding:0}

/* user footer link */
#user-footer .user-footer-link {padding:1.563rem 0;background-color:#132936}
#user-footer .user-footer-link .footer-menu {margin-bottom:0}
#user-footer .user-footer-link .footer-menu a {font-size:.938rem;color:#fff}

/* user footer info */
#user-footer .user-footer-info {padding:1.563rem 0;background-color:#0E202B}
#user-footer .user-footer-info .user-address .user-logo {float:left;margin-right:.9375rem}
#user-footer .user-footer-info .user-address ul {float:left;margin-bottom:0}
#user-footer .user-footer-info .user-address ul li,#user-footer .user-footer-info .user-address ul li a {color:rgba(255,255,255,.5)}
#user-footer .user-footer-info .user-address ul li.bars::before {content:'|';color:rgba(255,255,255,.5)}

/**********************************************
note : design custom style autobox
**********************************************/
.auto-article .more-btn {display:block;margin-top:1rem;padding:.5rem .75rem;font-size:.9rem;font-weight:400;line-height:1em;letter-spacing:-0.075em;color:#fefefe;background-color:#333333;text-align:center;transition:all .3s;-webkit-transition:all .3s}
.auto-article .more-btn:hover {background-color:#999}

/* hr07(headline) */
.auto-hr07 {position:relative}
.auto-hr07 .slick-dotted.slick-slider {margin-bottom:0}
.auto-hr07 .auto-section {display:inline-block;padding:.35rem .625rem;margin-bottom:.2rem;font-size:.75rem;line-height:1;text-shadow:none}
.auto-hr07 .photo-titbg {padding:1.563rem 1.875rem;background:none rgba(0,0,0,.5)}
.auto-hr07 .photo-btn {top:0;bottom:0}
.auto-hr07 .photo-btn .btn-inner {width:64px;height:64px;padding-top:.5rem;font-size:2.2rem;color:#ed1c24;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,.08);transform: scale3d(.7, .7, 1);opacity:0;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.auto-hr07:hover .photo-btn .btn-inner {transform: scale3d(1, 1, 1);opacity:1}
.auto-hr07 .photo-btn.auto-prev {left:-32px}
.auto-hr07 .photo-btn.auto-next {right:-32px}
.auto-hr07 .slick-slide {cursor:pointer}
.auto-hr07 .slick-slide .auto-images::before {z-index:15;background:rgba(0,0,0,.7);transition:all .25s;-moz-transition:all .25s;-webkit-transition:all .25s;-o-transition:all .25s}
.auto-hr07 .slick-slide.slick-current .auto-images::before {background:transparent}
.auto-hr07 .slick-list {padding:0 !important}
.auto-hr07 .slick-dots {bottom:20px;right:20px;width:inherit !important}
.auto-hr07 .slick-dots li {width:15px;height:15px;margin:0 0 0 6px}
.auto-hr07 .slick-dots li:first-child {margin-left:0}
.auto-hr07 .slick-dots li button {width:15px;height:15px;padding:0}
.auto-hr07 .slick-dots li button::before {content:'';width:15px;height:15px;background-color:#ed1c24;opacity:1}
.auto-hr07 .slick-dots li.slick-active button::before {content:'';background-color:#fff}

/* ma01-3 */
.auto-ma01-3 .label-group {position:inherit;left:inherit}
.auto-ma01-3 .label-group::after {clear:inherit}

/**********************************************
note : design custom style com
**********************************************/
/* common */
.user-com-about {letter-spacing:-0.063rem}
.user-com-about h1 {font-weight:500;font-size:2rem;color:#ef7d27}
.user-com-about h2 {font-size:1.5rem;color:#6d788e}
.user-com-about p {margin-top:20px;font-size:1rem;color:#676767}
.user-com-about dl {float:left;width:100%;margin-bottom:0}
.user-com-about dl dt {float:left;width:20%;font-size:1.25rem;color:#484848}
.user-com-about dl dd {float:right;width:75%}
.user-com-about dl dd ul {width:100%;margin-bottom:0}
.user-com-about dl dd ul li {margin-top:5px;font-size:.938rem;color:#676767}
.user-com-about dl dd ul li:first-child {margin-top:0}

/* company info */
.user-company dl {margin-top:50px}
.user-company dl dt {padding-top:10px;border-top:1px solid #ddd}

@media screen and (max-width: 39.9375em) {
	.user-company dl {margin-top:30px;padding-top:30px;border-top:1px solid #ddd}
	.user-company dl dt,.user-company dl dd {width:100%}
	.user-company dl dt {padding-top:0;color:#ef7d27;border-top:0}
}

/* history */
.user-history dl {margin-top:30px;padding-top:30px;border-top:1px solid #ddd}
.user-history dl dt {font-family:'Nanum Myeongjo';font-size:2rem;color:#006BB3}
.user-history dl dd ul li b {float:left;width:90px}

@media screen and (max-width: 39.9375em) {
	.user-history dl dt,.user-history dl dd {width:100%}
	.user-history dl dd ul li {margin-top:12px}
	.user-history dl dd ul li b {display:block;width:100%}
}

/**********************************************
note : main pay box
**********************************************/
.pay-info-box,.pay-info-box dl {width:100%;margin-bottom:0 !important}
.pay-info-box dl dt,.pay-info-box dl dd {width:450px}
.pay-info-box dl dt {float:left}
.pay-info-box dl dd {float:right}
.pay-info-box table {margin-bottom:0 !important;font-size:.938rem;background-color:#dfdfdf;text-align:center;border-collapse:inherit !important}
.pay-info-box td {padding:7px 0;background-color:#fff}
.pay-info-box td.tit {background-color:#f4f4f4}

/* 가격동향 */
.pay-to-info {display:table;width:100%;table-layout:fixed}
.pay-to-info .pay-cell {display:table-cell;width:100%;vertical-align:top}
.pay-to-info .pay-cell:first-child {padding-right:0rem}
.pay-to-info .pay-cell:last-child {padding-left:0rem}
.pay-to-info table {width:100%;border-collapse:collapse;table-layout:fixed}
.pay-to-info table caption {padding-left:0;padding-right:0;letter-spacing:-0.05em;text-align:left}
.pay-to-info table caption small {font-size:.8rem;font-weight:400;letter-spacing:-.025em;color:rgba(0,0,0,.5)}
.pay-to-info table th, .pay-to-info table td {font-size:.8rem;text-align:center}
.pay-to-info table tbody th,.pay-to-info table tbody td {letter-spacing:-0.025em;color:rgba(0,0,0,.65)}


/* 회원목록 */
@media screen and (max-width: 39.9375em) {
.button.small-expanded {float:right;width: 50%;margin-right: 0;}
}


/* 기사박스 */
.box-skin.header-bg-mint{border:0px solid rgba(0,0,0,.12)}
.box-skin.header-bg-mint header > a{color:#000 !important}
.box-skin.header-bg-mint .content{padding-top:.325rem}
.box-skin.header-bg-mint .header{padding:.625rem .9375rem;background-color:#ccccc2}
.box-skin.header-bg-mint .header > strong, .box-skin.header-bg-mint .header > a{margin-bottom:0;color:#000}
.box-skin.header-bg .header{padding:.3rem .9375rem}
.box-skin.color-line {padding:.938rem;border:3px solid #ccccc2}

.box-skin.header-bg .header {margin-top:.625rem;}



/**********************************************
note : 추천반대
**********************************************/
@-webkit-keyframes bobble{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}90%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}
@keyframes bobble{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}90%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}

#emoji-for {padding:1.25rem 0;margin:1.25rem 0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);text-align:center}
#emoji-for::after {content:'';display:table;clear:both}
#emoji-for .emoji-btns {display:inline-block;width:100px}
#emoji-for button.emoji-btns,#emoji-for a.emoji-btns {cursor:pointer}
#emoji-for .emoji-btns::before {content:'';display:block;overflow:hidden;width:50px;height:40px;margin-left:auto;margin-right:auto;background:url('/image/emojis-for.png') no-repeat;background-size:250px auto}
#emoji-for .emoji-btns[class*="recom_"]::before {background-image:url('/image/goodnbad-for.png');background-size:100px auto}
#emoji-for button.emoji-btns::before,#emoji-for a.emoji-btns::before {margin-bottom:.5rem}
#emoji-for button.emoji-btns:hover::before,#emoji-for a.emoji-btns:hover::before {-webkit-animation:bobble .5s 2;animation:bobble .5s 2}
#emoji-for .emoji-btns.good::before {background-position:0 0}
#emoji-for .emoji-btns.warm::before {background-position:-50px 0}
#emoji-for .emoji-btns.sad::before {background-position:-100px 0}
#emoji-for .emoji-btns.angry::before {background-position:-150px 0}
#emoji-for .emoji-btns.want::before {background-position:-200px 0}
#emoji-for .emoji-btns.joy::before {background-position:0 -40px}
#emoji-for .emoji-btns.cool::before {background-position:-50px -40px}
#emoji-for .emoji-btns.sleep::before {background-position:-100px -40px}
#emoji-for .emoji-btns.dissa::before {background-position:-150px -40px}
#emoji-for .emoji-btns.lovely::before {background-position:-200px -40px}
#emoji-for .emoji-btns.shadow_good::before {background-position:0 -80px}
#emoji-for .emoji-btns.shadow_warm::before {background-position:-50px -80px}
#emoji-for .emoji-btns.shadow_sad::before {background-position:-100px -80px}
#emoji-for .emoji-btns.shadow_angry::before {background-position:-150px -80px}
#emoji-for .emoji-btns.shadow_want::before {background-position:-200px -80px}
#emoji-for .emoji-btns.line_good::before {background-position:0 -120px}
#emoji-for .emoji-btns.line_warm::before {background-position:-50px -120px}
#emoji-for .emoji-btns.line_sad::before {background-position:-100px -120px}
#emoji-for .emoji-btns.line_angry::before {background-position:-150px -120px}
#emoji-for .emoji-btns.line_want::before {background-position:-200px -120px}
#emoji-for .emoji-btns.recom_good::before {background-position:0 0}
#emoji-for .emoji-btns.recom_bad::before {background-position:-50px 0}
#emoji-for .emoji-btns.recom_line_good::before {background-position:0 -40px}
#emoji-for .emoji-btns.recom_line_bad::before {background-position:-50px -40px}
#emoji-for .emoji-btns .text {display:block;overflow:hidden;font-size:.8rem;line-height:1.25em;letter-spacing:-0.05em;color:rgba(0,0,0,.45);text-overflow:ellipsis;white-space:nowrap}
#emoji-for .emoji-btns .number {font-size:.75rem;font-style:normal;line-height:1em;letter-spacing:-0.025em;color:rgba(0,0,0,.85)}

@media screen and (max-width: 63.9375em) {
    .row #emoji-for .emoji-btns:hover::before,.row #emoji-for .gb-btns:hover::before {-webkit-animation:initial;animation:initial}
}

@media screen and (max-width: 39.9375em) {
    #emoji-for .emoji-btns {width:60px}
    #emoji-for .emoji-btns .text {font-size:.7rem}
}


/* tabs */
.emoji-tabs .tabs {border:none}
.emoji-tabs .tabs-title {text-align:center}
.emoji-tabs .tabs-title:first-child:last-child {width:100%}
.emoji-tabs .tabs-title:first-child:nth-last-child(2), .emoji-tabs .tabs-title:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .tabs-title {display:inline-block;width:50%}
.emoji-tabs .tabs-title:first-child:nth-last-child(3), .emoji-tabs .tabs-title:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .tabs-title {display:inline-block;width:33.33333%}
.emoji-tabs .tabs-title:first-child:nth-last-child(4), .emoji-tabs .tabs-title:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .tabs-title {display:inline-block;width:25%}
.emoji-tabs .tabs-title:first-child:nth-last-child(5), .emoji-tabs .tabs-title:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .tabs-title {display:inline-block;width:20%}
.emoji-tabs .tabs-title:first-child:nth-last-child(6), .emoji-tabs .tabs-title:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .tabs-title {display:inline-block;width:16.66667%}
.emoji-tabs .tabs-title:first-child:nth-last-child(7), .emoji-tabs .tabs-title:first-child:nth-last-child(7):first-child:nth-last-child(7) ~ .tabs-title {display:inline-block;width:14.28571%}
.emoji-tabs .tabs-title:first-child:nth-last-child(8), .emoji-tabs .tabs-title:first-child:nth-last-child(8):first-child:nth-last-child(8) ~ .tabs-title {display:inline-block;width:12.5%}
.emoji-tabs .tabs-title:first-child:nth-last-child(9), .emoji-tabs .tabs-title:first-child:nth-last-child(9):first-child:nth-last-child(9) ~ .tabs-title {display:inline-block;width:11.11111%}
.emoji-tabs .tabs-title:first-child:nth-last-child(10), .emoji-tabs .tabs-title:first-child:nth-last-child(10):first-child:nth-last-child(10) ~ .tabs-title {display:inline-block;width:10%}
.emoji-tabs .tabs-title > a {display:block;overflow:hidden;font-size:1rem;line-height:1em;letter-spacing:-0.05em;color:rgba(0,0,0,.45);background-color:rgba(0,0,0,.025);border-top:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.emoji-tabs .tabs-title:first-child > a {border-left:1px solid rgba(0,0,0,.08)}
.emoji-tabs .tabs-title > a:focus,.emoji-tabs .tabs-title > a[aria-selected="true"] {font-weight:700;color:rgba(0,0,0,.9);background-color:#fefefe}
.emoji-tabs .tabs-content {border:none}
.emoji-tabs .tabs-content .tabs-panel {padding:0}
.emoji-tabs table {margin-bottom:0}
.emoji-tabs table td,.emoji-tabs table th {font-size:80%}
.emoji-tabs table td .label,.emoji-tabs table th .label {font-size:.688rem}


#admin-wrap .edit-level1 {min-height:10px}

/* 배진희 / 1130446 / 20220126 */
.auto-d01-2 .auto-titles{float:left;}
.auto-d01-2 .auto-date{float:right;font-size:12px;line-height:1.8;letter-spacing:-.07rem;}