@charset "utf-8";

.srl	{display: inline-block; padding: 0 8px; height: 24px; line-height: 24px !important; border: 1px solid #efefbf; background-color: #ffffd1;}

.xe_content ul	{list-style: circle; margin-left: 20px;}
.xe_content ol	{list-style: decimal; margin-left: 20px;}

.bBubbleL, .bBubbleR	{position: relative; background-color: #FFF;}
.bBubbleL::before	{content:''; position: absolute; right: 100%; top: 10px; border-left: 7px solid transparent; border-bottom: 7px solid transparent;}
.bBubbleL::after	{content:''; position: absolute; right: 100%; top: 11px; border-top: 6px solid #FFF; border-right: 6px solid #FFF; border-left: 6px solid transparent; border-bottom: 6px solid transparent;}
.bBubbleR::before	{content:''; position: absolute; left: 100%; top: 10px; border-right: 7px solid transparent; border-bottom: 7px solid transparent;}
.bBubbleR::after	{content:''; position: absolute; left: 100%; top: 11px; border-top: 6px solid #FFF; border-left: 6px solid #FFF; border-right: 6px solid transparent; border-bottom: 6px solid transparent;}

.iLabel	{padding-left: 8px; line-height: 24px; font-size: 12px;}
.bIp	{padding: 0 8px; height: 24px; line-height: 24px; font-size: 12px;}
.bIp:focus	{border: 1px solid #efefbf; background-color: #ffffd1 !important;}
.bTarea	{padding: 8px; font-size: 12px;}
.bTarea:focus	{border: 1px solid #efefbf; background-color: #ffffd1;}


/* list header */
.bBd-hd	{margin-bottom: 25px; padding: 20px 20px 3px; background-repeat: no-repeat; background-position: right bottom;}
.bBd-hd>h2	{margin-bottom: 15px; font-weight: normal; font-size: 16px;}
.bBd-hd p	{display: block; margin-bottom: 15px; line-height: 160%;}
.noDoc	{padding: 50px 0; text-align: center; line-height: 180%;}
.sSet	{padding-left: 5px; padding-top: 2px; vertical-align: middle; font-size: 12px;}

.bBd-code	{margin-bottom: 25px;}
.bBd-code .col2	{display: inline-block; width: 50%; padding-right: 10px; box-sizing: border-box;}
.bBd-code .col2:last-child	{padding-right: 0; padding-left: 10px;}
.bBd-code .col3	{display: inline-block; width: 30%; padding-left: 20px; box-sizing: border-box;}
.bBd-code .col3:first-child	{padding-left: 0;}


/* list category */
.bBd-ctg	{font-size: 11px; line-height: 15px; margin-bottom: 12px;}
.bBd-ctg>ul>li	{display: inline-block; margin-right: 10px; margin-bottom: 10px; overflow: hidden;}
.bBd-ctg>ul>li>a	{display: inline-block; padding: 5px 10px;}
.bBd-ctg>ul>li>ul	{display: inline-block; border-radius: 0;}
.bBd-ctg>ul>li>ul>li	{display: inline-block;}
.bBd-ctg>ul>li>ul>li>a	{display: inline-block; padding: 5px 10px;}


/* list footer */
.bBd-list-ft	{padding: 25px 0 0;}
.bBd-list-ft .clearfix	{padding-bottom: 15px; height: 28px;}
.bBd-list-ft .lBtCtn	{float: left;}
.bBd-list-ft .rBtCtn	{float: right;}
.list-search	{clear: both; display: none;}
.list-search.on	{display: inline-block;}
.list-search .sbSelector	{height: 26px; line-height: 26px; width: 90px; border-right: none !important; font-size: 11px;}
.list-search .sbOptions	{left: 0;}
.list-search .bIp	{vertical-align: middle;}


/* paging */
.pagingWrap	{text-align: center;}
.paging	{display: inline-block; padding: 0; height: 25px; line-height: normal; background-color: #FFF;}
.paging.bBt	{padding: 0 !important;}
.paging .pageNum,
.paging .pagePrev,
.paging .pageNext	{display: inline-block; padding: 0 10px; height: 25px; line-height: 25px; text-align: center;}
.paging .pageNext	{border-right: none;}
.paging .pageNum	{transition-property: background-color, color; transition-duration: 0.5s;}

.bCmt .paging-wrap	{margin: 0 0 25px 80px; text-align: left;}
.bCmt.cmtLine .paging-wrap	{margin: 0; padding: 25px; text-align: center;}

/* notice list */
.list-ntc	{position: relative; margin-bottom: -1px; z-index: 2;}
.list-ntc li	{position: relative; padding: 10px 25px 10px 38px; border-bottom: 1px solid #efefbf; background-color: #ffffd1; font-size: 12px;}
.list-ntc a	{color: #666654;}
.list-ntc .date	{position: absolute; right: 25px; top: 11px; font-size: 11px; color: #cccca7;}
.ntc-text	{margin-right: 26px;}

.list-ntc .custom_check2	{display: inline-block; margin-left: -13px; margin-right: 13px;}

.ldt.list-ntc li	{padding-left: 25px;}
.ldt .ntc-text	{margin-right: 10px;}
.ldt.list-ntc .custom_check2	{margin-left: 0;}

.list-g-ntc	{margin-bottom: 25px; background-color: #ffffd1; position: relative; z-index: 1; border: 1px solid #efefbf;}
.list-g-ntc li	{position: relative; padding: 10px 0 10px 25px; border-bottom: 1px solid #efefbf; font-size: 12px;}
.list-g-ntc li:last-child	{border-bottom: none;}
.list-g-ntc a	{color: #666654;}
.list-g-ntc .date	{position: absolute; right: 25px; top: 11px; font-size: 11px; color: #cccca7;}
.list-g-ntc .ntc-text	{margin-right: 25px;}

/* default list */
.ldd	{}
.ldd>li	{position: relative; padding: 15px 25px 15px 90px; min-height: 40px; transition-property: background-color; transition-duration: 0.5s;}
.ldd>li:first-child	{border-top: none !important;}
.lad>li.thisAtc	{padding-left: 110px;}
.ldd>li:hover	{background-color: #FFF;}
.ldd>li.hasCmt	{padding-right: 200px;}
.ldd-atc .bPf-wrap	{position: absolute; left: 25px; top: 50%; margin-top: -25px;}
.ldd-atc .bPf.active	{background-image: none; color: #FFF; font-size: 24px; text-align: center;}
.ldd-atc .bPf.active i	{display: inline-block; margin-top: 7px;}
.ldd-title	{line-height: 160%;}
.ldd-title .num	{margin-left: 3px;}
.ldd-ctg	{margin-right: 3px;}
.ldd-ctg:hover	{text-decoration: underline;}
.ldd-title-under	{margin-top: 5px; font-size: 11px;}
.ldd-title-under li	{display: inline-block; position: relative; margin-right: 18px; vertical-align: top;}
.ldd-title-under li::after	{content:''; position: absolute; right: -10px; top: 2px; width: 1px; height: 8px; background-color: #e1dada;}
.ldd-title-under li:last-child::after	{display: none;}
.ldd-title-under .blame i	{color: #ccc;}

.ldd-atc.manager	{padding-left: 25px;}
.ldd-atc.manager .bPf-wrap	{left: 50px;}
.ldd-atc.manager .custom_check2	{position: absolute; top: 50%; left: 25px; margin-top: -8px;}

.ldd-cmt	{position: absolute; right: 25px; top: 50%; margin-top: -15px; opacity: 0.4;}
.ldd-cmt.cmt-new	{opacity: 1.0;}
.ldd-cmt .bPf-wrap	{vertical-align: middle;}
.ldd-cmt .bPf	{background: url('../images/profile_min.png') no-repeat;}
.ldd-cmt .bPf-wrap,
.ldd-cmt .bPf,
.ldd-cmt .bPf-img	{width: 28px; height: 28px;}
.ldd-cmt-last	{display: inline-block; position: relative; margin-right: 10px; padding: 0 10px; height: 28px; line-height: 28px; vertical-align: middle; font-size: 12px;}
.ldd-cmt-last::before	{content: ''; position: absolute; left: 100%; top: 9px; border-right: 5px solid transparent; border-bottom: 5px solid transparent;}
.ldd-cmt-last::after	{content: ''; position: absolute; left: 100%; top: 10px; border-right: 4px solid transparent; border-bottom: 4px solid transparent;}
.ldd-cmt-last .num	{display: inline-block; position: relative; margin-left: 16px;}
.ldd-cmt-last .num::before	{content:''; position: absolute; left: -10px; top: -7px; width: 1px; height: 28px;}

.ldn .ldd-cmt	{display: inline-block; position: static; margin-top: 0; vertical-align: middle;}
.ldn .ldd-cmt-last	{height: 24px; line-height: 24px;}
.ldn .ldd-cmt-last .num::before	{top: -5px; height: 24px;}
.ldn td.last-update	{padding-left: 0; padding-right: 5px; text-align: right;}

/* thumbnail list */
.ldt>li	{padding-left: 25px; min-height: auto;}
.ldt-thumb	{display: block; position: absolute; left: 23px; top: 19px;}
.ldt-thumb::after	{content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #000; opacity: 0.1;}
.ldt-thumb-big	{display: none; box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.2); position: fixed; z-index: 10;}
.ldt-thumb:hover .ldt-thumb-big	{display: block;}
.ldt .ldd-atc.manager	{padding-left: 40px;}
.ldt .ldd-atc.manager.hasThumb	{padding-left: 130px;}
.ldt .ldd-atc.manager .ldt-thumb	{left: 65px;}
.ldt .ldd-title-under:empty	{display: none;}
.ldt .ldd-summary	{margin-top: 10px; line-height: 180%; font-size: 12px;}

/* title list */
.ldl>li	{position: relative; padding: 13px 80px 13px 25px; transition-property: background-color; transition-duration: 0.5s; line-height: 160%;}
.ldl>li:hover	{background-color: #FFF;}
.ldl>li:first-child	{margin-top: -1px;}
.ldl .no	{margin-right: 5px;}
.ldl .ldd-ctg	{margin-right: 3px;}
.ldl .date	{position: absolute; top: 50%; right: 25px; margin-top: -6px;}
.ldl .custom_check2	{margin-right: 13px;}
.ldl .ptCl	{margin-left: 3px;}

/* faq list */
.atc-faq .ntc-text	{margin-right: 22px;}
.atc-faq header	{position: relative; padding: 15px 25px 15px 72px; transition-property: background-color; transition-duration: 0.5s; line-height: 160%;}
.atc-faq header:hover	{background-color: #FFF;}
.atc-faq:first-child header	{border-top: none !important;}
.atc-faq h1	{display: inline; font-weight: normal; font-size: 13px; cursor: pointer; word-break: break-all;}
.atc-faq-ctg	{margin-right: 3px;}
.atc-faq-ctg:hover	{text-decoration: underline;}
.atc-faq .txtQ,
.atc-faq .txtA	{margin-right: 15px; width: 28px; height: 28px; line-height: 28px; font-size: 14px; color: #FFF;}
.atc-faq .txtQ	{position: absolute; left: 25px; top: 50%; margin-top: -14px;}
.atc-faq .txtA	{position: absolute; left: 25px; top: 25px;}
.atc-faq-body	{display: none; position: relative; padding: 25px 25px 25px 72px; background-color: #FFF;}
.atc-faq-body .xe_content,
.atc-faq-body .xe_content p,
.atc-faq-body .xe_content div,
.atc-faq-body .xe_content span	{line-height: 180%; font-family: 'Nanum Gothic', sans-serif;}
.atc-faq-ctrl	{margin-top: 25px; font-size: 11px;}
.atc-faq-ctrl a	{margin-right: 3px;}

.ldf-notice	{position: relative; margin-bottom: -1px; border-bottom: 1px solid #efefbf; z-index: 2;}
.ldf-notice li:last-child .atc-faq-body	{margin-bottom: -1px; z-index: 3;}
.atc-faq.notice header	{padding: 9px 25px; border-top: 1px solid #efefbf; background-color: #ffffd1; font-size: 12px;}
.atc-faq.notice h1	{font-size: 12px;}


/* normal list */
.ldn	{font: 12px/160% "Nanum Gothic", sans-serif;}
.ldn th	{font-size: 11px; font-weight: normal;}
.ldn th.blameNum a	{color: #ccc;}
.ldn th,
.ldn td	{padding: 9px 10px; white-space: nowrap; transition-property: background-color; transition-duration: 0.5s;}
.ldn .check	{width: 1%;}
.ldn td.title	{white-space: normal; word-break: break-all;}
.ldn td.title .num	{margin-left: 3px;}
.ldn .category	{text-align: center;}
.ldn td.category a	{color: #6e8a98;}
.ldn .notice td	{border-top: 1px solid #efefbf; background-color: #ffffd1;}

.ldn th:first-child,
.ldn td:first-child	{padding-left: 15px;}
.ldn th:last-child,
.ldn td:last-child	{padding-right: 15px;}
.ldn tr.notice:hover td	{background-color: #ffffd1;}

.ldn .num	{text-align: center;}
.ldn th.sm	{width: 1%; white-space: nowrap;}
.ldn td.last-update	{padding-left: 10px;}
.ldn .ctg-wrap	{display: inline-block; width: 100%; padding: 2px 3px; text-align: center; font-size: 11px;}

/* gallery list */
.lgd	{width: calc(100% + 55px);}
.lgd-el	{display: inline-block; margin-bottom: 25px; vertical-align: top;}
.lgd-el img[title=file]	{display: none;}

.lgd-wrap	{padding: 12px; transition-property: background-color; transition-duration: 0.5s;}
.noLine .lgd-wrap	{padding: 0; border: none;}
.noLine.default .lgd-wrap	{padding: 12px;}
.lgd-el:hover .lgd-wrap	{background-color: #FFF;}
.lgd-title	{padding: 2px 0 14px; line-height: 160%;}
.lgd-title a.lgd-ctg	{display: inline-block; position: relative; padding-bottom: 5px; font-size: 11px; color: #6e8a98;}
.lgd-title a.lgd-ctg::after	{content: ''; position: absolute; left: 0; bottom: 4px; width: 20px; height: 1px; background-color: #b1b8bd; transition-property: width; transition-duration: 0.3s;}
.lgd-title a.lgd-ctg:hover::after	{width: 0;}

.lgd-thumb	{position: relative; padding-bottom: 100%; background-position: center center; background-repeat: no-repeat; background-color: #FFF; overflow: hidden;}
.lgd-thumb .custom_check2	{position: absolute; left: 12px; top: 12px; z-index: 4;}
.noLine.default .lgd-thumb	{margin: 0 -12px;}
.lgd-link	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3;}

.lgd-thumb.ratio	{padding-bottom: 0; background: none;}

.noImg	{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box;  background-repeat: no-repeat; background-position: center center; transition-property: color; transition-duration: 0.5s; text-align: center; text-transform: uppercase; letter-spacing: 1px;}
.noImg i	{margin-bottom: 5px; font-size: 24px;}
.noImg span	{display: inline-block; position: absolute; left: 0; top: 50%; margin-top: -21px; height: 42px; width: 100%;}

.lgd-info	{padding-top: 12px; text-align: right;}
.lgd-info:empty	{display: none;}
.lgd-info li	{display: inline-block; margin-left: 10px; line-height: 15px !important;}
.lgd-info li.author	{float: left; margin-left: 0;}
.lgd-info.has-both li.author	{position: relative; padding-right: 16px;}
.lgd-info.has-both li.author::after	{content: ''; position: absolute; right: 8px; top: 4px; width: 1px; height: 8px; background-color: #ddd;}
.lgd-info li.date	{float: left; margin-left: 0;}
.lgd-info i	{font-size: 13px; color: #d5d5d5;}
.lgd-info i.xi-eye	{font-size: 15px;}

.lgd-body	{position: absolute; bottom: -120px; left: 0; width: 100%; padding: 15px; box-sizing: border-box; z-index: 1;}
.lgd-body::after	{content: '';position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; z-index: -1;}
.lgd-ctg2	{display: inline-block; position: relative; padding-bottom: 8px; font-size: 11px;}
.lgd-body .title a	{line-height: 160%; color: #FFF; font-size: 12px;}
.lgd-body .lgd-info	{padding-top: 8px;}
.lgd-body .lgd-info.has-both li.author::after	{background-color: #888;}

.lgd-author	{position: relative; margin-top: 12px; padding-left: 45px; height: 38px; line-height: 38px;}
.lgd-author .bPf-wrap	{position: absolute; left: 0; top: 0; transition-property: background-color; transition-duration: 0.5s;}
.lgd-author .bPf	{background: url('../images/profile_min.png') no-repeat;}
.lgd-author .bPf-wrap,
.lgd-author .bPf,
.lgd-author .bPf-img	{width: 28px; height: 28px;}
.lgd-author a	{color: #807876;}

.lgd-ntc-wrap	{position: relative; background-repeat: no-repeat; background-position: right bottom; background-color: #FFF;}
.lgd-ntc	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 30px; box-sizing: border-box; color: #FFF; z-index: 1;}
.lgd-ntc::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; z-index: -1;}

.lgd-ntc a	{color: #FFF;}
.lgd-ntc .title	{margin-bottom: 15px; font-size: 18px;}
.lgd-ntc .ntc-cmt	{margin-bottom: 15px; font-size: 14px;}
.lgd-ntc .xe_content	{font-size: 14px; line-height: 160%; color: #FFF;}
.lgd-ntc .xe_content a	{border-bottom: 1px solid #FFF;}
.lgd-ntc .xe_content a i	{font-size: 14px;}

.first-el	{padding: 12px; box-sizing: border-box;}
.first-el.noLine	{padding: 0;}
.first-wrap	{position: relative; width: 100%; padding-bottom: 62%; background-repeat: no-repeat; background-position: center center;}
.first-wrap .title-wrap	{position: absolute; top: 50%; margin-top: -25px; width: 100%; text-align: center}
.first-wrap .title	{display: inline-block; position: relative; padding: 12px 25px; font-size: 16px; background-color: #FFF; letter-spacing: 1px;}
.first-el .lgd-ctg	{display: inline-block; position: relative; padding-bottom: 14px; font-size: 12px; letter-spacing: 0; color: #6e8a98; z-index: 4;}
.first-el .lgd-ctg::after	{content: ''; position: absolute; left: 50%; bottom: 7px; margin-left: -15px; width: 30px; height: 1px; background-color: #b1b8bd; transition-property: width, margin-left; transition-duration: 0.3s;}
.first-el .lgd-ctg:hover::after	{margin-left: 0; width: 0;}

/* read */
.bAtc	{overflow: hidden;}
.bAtc.hasList	{margin-bottom: 25px;}
.atc-hd	{position: relative; padding: 25px 25px 25px 80px; background-color: #FFF;}
.atc-hd.noPf	{padding-left: 25px;}
.atc-hd .bPf	{position: absolute; left: 25px; top: 25px;}
.atc-title	{font-weight: normal; line-height: 160%; font-size: 14px;}
.atc-ctrl	{position: absolute; right: 25px; bottom: 25px; font-size: 11px;}
.atc-ctrl li	{display: inline-block; margin-left: 10px;}
.atc-ctrl a:hover	{text-decoration: underline;}

.atc-wrap	{position: relative; margin: 0 25px; padding-bottom: 25px;}

.atc-ex	{margin: 25px 25px -10px;}
.atc-ex table	{width: 100%; border-collapse: collapse;}
.atc-ex th,
.atc-ex td	{padding: 8px 10px; font-size: 11px;}
.atc-ex th	{width: 120px; font-weight: normal; text-align: left;}
.atc-ex a	{text-decoration: underline;}
.atc-ex a:hover	{text-decoration: none;}

.atc-file-list ol	{list-style: decimal inside;}
.atc-file-list li	{margin-bottom: 3px;}
.atc-file-list li:last-child	{margin-bottom: 0;}

.bAtc .xe_content	{margin: 35px 0;}
.bAtc .xe_content,
.bAtc .xe_content p,
.bAtc .xe_content div,
.bAtc .xe_content span	{line-height: 180%; font-family: 'Nanum Gothic', sans-serif;}
.bAtc .xe_content a	{text-decoration: underline;}
.bAtc .xe_content a:hover	{text-decoration: none !important;}
.bAtc .xe_content img	{max-width: 100%;}

.atc-scrCtn	{padding: 50px 0 25px}
.atc-scrCtn p	{margin-bottom: 10px;}

.atc-tags	{margin: 0 0 25px; font-size: 11px;}
.atc-tags li	{display: inline-block; margin: 0 5px 5px 0; }
.atc-tags li:hover	{text-decoration: underline;}
.atc-tags li:last-child span	{display: none;}
.atc-tags i	{font-size: 13px;}

.bPrevnext	{margin: 35px 0 25px; font-size: 12px;}
.prev	{float: left;}
.next	{float: right;}
.bPrevnext .num	{text-transform: uppercase;}
.bPrevnext a:hover	{text-decoration: underline;}
.bPrevnext a	{text-decoration: underline;}
.bPrevnext a:hover	{text-decoration: none;}

.atc-vote-bts	{margin-bottom: 25px; text-align: center;}
.atc-vote-bt	{display: inline-block; margin: 0 2px; padding: 13px 0 10px; width: 40px; background-color: #FFF; border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; text-align: center; transition-property: color; transition-duration: 0.5s;}
.atc-vote-bt i	{margin-bottom: 5px; font-size: 24px;}
.atc-vote-bt .num	{font-size: 14px;}
.atc-vote-bt.down	{color: #ccc;}
.atc-vote-bt.down:hover	{color: #aaa;}

.atc-vote-who	{position: relative; margin-bottom: 15px; text-align: center;}
.atc-vote-who i	{display: block; position: absolute; top: -8px; left: 50%; margin-left: -8px; font-size: 16px;}
.atc-vote-who ul	{display: inline-block; padding: 10px 10px 5px; background-color: #FFF;}
.atc-vote-who li	{display: inline-block; margin: 0 5px 10px; width: 50px; word-break: break-all; vertical-align: top;}
.atc-vote-who a	{font-size: 11px;}
.atc-vote-who li.ex	{text-align: right; padding-left: 15px; padding-top: 10px; width: auto; font-size: 11px; line-height: 160%;}

.atc-sign	{position: relative; margin-bottom: 25px; padding-right: 60px; text-align: right;}
.atc-sign .bPf	{position: absolute; right: 0; top: 0;}
.atc-sign-body	{display: inline-block; padding: 12px 15px; line-height: 160%;}
.atc-sign-body .author	{margin-top: 5px;}

.atc-bts	{text-align: right; font-size: 12px;}
.atc-bts li	{display: inline-block; position: relative; margin-left: 16px;}
.atc-bts li a	{position: relative; z-index: 2;}
.atc-bts li::after	{content:''; position: absolute; left: -9px; top: 3px; width: 1px; height: 8px; background-color: #e1dada;}
.atc-bts li:first-child::after	{display: none;}
.atc-bts li.on::before	{content:'';position: absolute; left: -10px; top: -8px; width: calc(100% + 20px) ;height: 32px; background-color: #FFF; border-bottom: none !important; border-radius: 10px 10px 0 0; z-index: 1}
.atc-bts li.atc-report-bt.on::before	{border: 1px solid #efefbf; border-bottom: none; background-color: #ffffd1;}


.atc-sns-list, .atc-file-list2, .atc-report	{display: none; margin-top: 10px; text-align: right;}
.atc-bts-wrap	{display: inline-block; padding: 12px 15px; margin-top: -1px; background-color: #FFF;}
.atc-sns-list a	{margin-right: 3px;}
.atc-sns-list a:last-child	{margin-right: 0;}
.atc-file-list2 ol	{list-style: decimal inside;}
.atc-file-list2 li	{margin-bottom: 5px;}
.atc-file-list2 li:last-child	{margin-bottom: 0;}
.atc-file-list2 a:hover	{text-decoration: underline;}
.atc-report .atc-bts-wrap	{border: 1px solid #efefbf; background-color: #ffffd1;}
.atc-report p	{margin-bottom: 5px;}
.atc-report a	{margin-left: 3px; font-size: 11px;}
.atc-report a:hover	{text-decoration: underline;}

/* comment */
.bCmt	{position: relative;}
.bCmt .xe_content a:hover	{text-decoration: underline;}
.enableCmt	{padding: 25px; text-align: center;}
.cmt-write	{position: relative; padding: 25px 25px 25px 80px; margin-top: -1px;}
.cmt-write .bPf	{position: absolute; top: 25px; left: 25px;}
.cmt-write-bt	{padding: 0 15px; height: 38px; line-height: 38px; background-color: #FFF; font-size: 12px; cursor: text;}
.cmt-form	{display: none;}
.cmt-form textarea	{padding: 12px 15px !important; width: calc(100% + 12px) !important; background-color: #FFF; box-sizing: border-box;}
.cmt-form-info	{padding-top: 10px;}
.cmt-form-info .bBt	{float: right;}

.cmt-write.noPf	{padding-left: 25px;}
.cmt-write.noPf .bPf	{display: none;}

.re_cmt	{display: none; padding: 25px; border-radius: 0;}
.re_cmt .on textarea	{width: 100% !important; }
.go_editor	{display: none; margin: -5px 0 10px; font-size: 11px; text-align: right;}
.cmtBubble .re_cmt	{margin-top: 15px;}

.msMode	{overflow: hidden;}
.msMode .cmt-form	{display: block;}
.msMode .cmt-el.line	{border-top: none; margin-top: 0;}
.noNotice	{border-top: none !important;}
.cmt-list	{padding-bottom: 25px;}
.cmt-el	{position: relative; padding: 15px 25px 0 80px;}
.cmt-el:first-child	{margin-top: 10px;}
.cmt-el .bPf	{position: absolute; top: 15px; left: 25px; z-index: 1;}
.cmt-el .writer	{display: inline-block; position: absolute; top: 45px; left: 25px; width: 40px; padding: 3px 0; text-align: center; background-color: #4d5f87; border-radius: 3px; font-size: 10px; color: #FFF; z-index: 2;}
.cmt-el .author .writer	{position: static;}
.cmt-el .author	{font-size: 11px; margin-bottom: 5px;}
.cmt-el .author span.num	{display: inline-block; position: relative; margin-left: 10px;}
.cmt-el .author span.num::before	{content:''; position: absolute; left: -7px; top: 3px; width: 1px; height: 8px; background-color: #ddd;}

.cmt_rank	{display: inline-block; padding: 2px 3px; border-radius: 3px; text-align: center; font-size: 11px; color: #FFF;}
.cmt_rank1	{background-color: #D4AF37;}
.cmt_rank2	{background-color: #A9A9A9;}
.cmt_rank3	{background-color: #B08D55;}
.cmt_crown	{font-size: 18px; vertical-align: middle;}
.cmt_crown1	{color: #D4AF37;}
.cmt_crown2	{color: #A9A9A9;}
.cmt_crown3	{color: #B08D55;}

.cmtLine .cmt-list	{padding: 0; margin-top: -1px;}
.cmtLine .cmt-el:first-child	{margin-top: 0;}
.cmt-el.line .author	{margin-bottom: 0; font-size: 14px;}
.cmt-el.noPf	{padding-left: 25px;}

.best_cmt	{display: inline-block; padding: 2px 3px; margin-right: 2px; margin-bottom: 5px; background-color: #E20F00; text-transform: uppercase; font: 11px "Lato", "Nanum Gothic", sans-serif; color: #FFF;}
.line .best_cmt	{margin-bottom: 0; border-radius: 3px;}

.msMode .cmt-el	{padding: 25px 25px 25px 80px;}
.msMode .cmt-el.noPf	{padding-left: 25px;}
.msMode .bPf	{top: 25px;}
.dlt .cmt-el.line	{border-top: none;}

.cmt-el-body	{display: inline-block; padding: 12px 15px 0; min-width: 200px; max-width: calc(100% - 85px); background-color: #FFF; box-sizing: border-box; word-break: break-all;}
.cmt-el-body .parent	{padding: 5px 0; font-size: 11px;}
.cmt-el-body .xe_content	{margin: 0; word-break: break-all;}
.cmt-el-body .xe_content, 
.cmt-el-body .xe_content p,
.cmt-el-body .xe_content div,
.cmt-el-body .xe_content span	{line-height: 180%; font-family: 'Nanum Gothic', sans-serif;}
.cmt-el .date	{display: inline-block; vertical-align: bottom; padding: 0 0 5px 5px;}
.cmt-el .time	{display: none;}

.cmt-el.line .cmt-el-body	{display: block; padding: 8px 0 15px; min-width: none; max-width: none; background-color: transparent; border: none;}
.cmt-el.line .date	{display: block; vertical-align: none; padding: 8px 0 0;}
.cmt-el.line .parent	{font-size: 11px;} 

.msMode .cmt-el-body	{padding-bottom: 12px;}
.msMode .line .cmt-el-body	{padding-bottom: 0;}

.cmt-secret	{margin-right: 3px; width: 20px !important; height: 20px !important; z-index: 1;}
.cmt-secret i	{font-size: 15px !important; margin-top: 2px !important;}

.cmt-scrCtn	{padding-bottom: 5px;}
.cmt-scrCtn p	{margin-bottom: 10px;}
.cmt-el.line .cmt-scrCtn	{padding-bottom: 0;}

.cmt-ctrl	{position: relative; margin: 5px 0 12px; font-size: 11px; white-space: nowrap;}
.cmt-ctrl-bts	{position: absolute; top: 0; left: 26px; opacity: 0;}
.cmt-ctrl a	{margin-right: 3px;}
.cmt-ctrl a:hover	{text-decoration: underline;}
.cmt-ctrl a:last-child	{margin-right: 0;}
.cmt-ctrl-basic	{display: inline-block;}
.cmt-ctrl .cmt-ctrl-report-bt	{margin-left: 9px; display: inline-block; position: relative;}
.cmt-ctrl-report-bt::before	{content: '';position: absolute; left: -8px; top: 3px; width: 1px; height: 8px; background-color: #ddd;}
.cmt-report	{display: none; margin: 0 -15px; padding: 8px 15px; border-top: 1px solid #efefbf; background-color: #ffffd1; font-size: 11px; border-radius: 0 0 10px 10px;}
.cmt-report.active	{display: block;}
.cmt-report a	{margin-left: 3px;}
.cmt-report a:hover	{text-decoration: underline;}
.cmt-report .btCancel	{margin-left: 10px;}

.cmt-el.line .cmt-ctrl	{position: absolute; top: 15px; right: 25px;}
.cmt-el.line .cmt-ctrl .cmt-ctrl-report-bt	{margin-right: 13px; margin-left: 0; color: #dad3d2;}
.cmt-el.line .cmt-ctrl-report-bt::before	{right: -8px; left: auto;}
.cmt-el.line .cmt-report	{position: absolute; top:40px; right: 25px; margin: 0; border: 1px solid #efefbf;}
.cmt-el.line .cmt-report.active	{display: inline-block;}


.cmt-el.reply	{padding-left: 135px;}
.cmt-el.reply .bPf	{left: 80px;}
.cmt-el.reply .writer	{left: 80px;}
.cmt-el.reply>i	{position: absolute; left: 0; top: 15px; font-size: 18px;}
.cmt-el.reply .cmt-el-body	{max-width: calc(100% - 140px);}

.cmt-el.reply.noPf	{padding-left: 100px;}
.cmt-el.reply>i	{position: absolute; top: 15px; left: 78px; font-size: 16px;}
.cmt-el.reply.line .cmt-el-body	{max-width: none; background-color: transparent;}

.cmt-notice	{margin: 0 25px; padding: 15px 0 10px 55px;}
.cmt-notice.noList	{padding-bottom: 25px;}
.cmt-notice	.bPf	{top: 25px; left: 0;}
.cmt-notice .cmt-el-body	{border: 1px solid #efefbf; background-color: #ffffd1; padding-bottom: 12px;}
.cmt-notice .bBubbleL::before	{top: 15px; border-top: 7px solid #efefbf; border-right: 7px solid #efefbf;}
.cmt-notice .bBubbleL::after	{top: 16px; border-top: 6px solid #ffffd1; border-right: 6px solid #ffffd1;}

.cmtLine .cmt-notice	{padding-bottom: 25px; padding-top: 25px;}

.cmt-vote	{position: absolute; top: -10px; left: 100%; margin-left: -18px; padding: 0 5px; height: 20px; line-height: 20px; font-size: 12px; white-space: nowrap;}
.cmt-vote.voteOnly	{margin-left: -12px;}
.cmt-vote a	{display: inline-block;}
.cmt-vote-down	{margin-left: 8px; position: relative; color: #ccc;}
.cmt-vote-down::after	{content:'';position: absolute; left: -6px; top: 0; width: 1px; height: 20px;}

.cmt-el.line .cmt-vote	{display: inline-block; position: static; top: auto; left: auto; margin-top: 8px; margin-left: 0;}
.cmt-el.line .cmt-vote.voteOnly	{margin-left: 0;}

/* delete form */
.dltForm	{position: relative; margin: 0 25px; padding: 25px 60px 25px 0; text-align: right;}
.dltForm .bSc	{position: absolute; right: 0; top: 25px; background-image: none; text-align: center;}
.dltForm .bSc i	{display: inline-block; margin-top: 7px; font-size: 26px; color: #FFF;}
.dltForm-wrap	{display: inline-block; padding: 15px; border: 1px solid #efefbf; background-color: #ffffd1;}
.dltForm-wrap.bBubbleR::before	{top: 15px; border-top: 7px solid #efefbf; border-left: 7px solid #efefbf;}
.dltForm-wrap.bBubbleR::after	{top: 16px; border-top: 6px solid #ffffd1; border-left: 6px solid #ffffd1;}
.dltForm-wrap p	{margin-bottom: 5px;}
.dltForm-wrap button	{margin-left: 5px;}
.dltForm-wrap button:hover	{text-decoration: underline;}

.msMode .bubble	{margin-bottom: -25px;}

.pwForm	{padding: 50px 0; text-align: center;}
.pwForm p	{margin-bottom: 20px;}
.pwForm .cBtCtn	{margin-top: 20px;}


/* setting */
.skCtt	{height: 0; padding: 0; margin: 0; overflow: hidden; position: relative;}
.skCtt.on	{height: auto; padding: 0 50px 50px; margin-bottom: 50px; overflow: auto;}
.skCtt .message	{display: none;}
.skCtt section	{margin-bottom: 50px;}
.skCtt section:first-of-type,
.skCtt h1	{display: none; margin-bottom: 0;}
.skCtt h2	{padding-bottom: 10px; margin-bottom: 15px;}
.skCtt .x_control-group	{position: relative; padding: 8px 0 8px 170px;}
.skCtt .x_control-label	{position: absolute; left: 0; top: 8px; width: 160px;}
.skCtt .x_icon-question-sign	{display: none;}
.skCtt .x_help-block	{display: block; margin-top: 5px; font-size: 11px;}

.skCtt .btClose	{position: absolute; top: 25px; right: 25px; font-size: 24px;}
.skCtt .btCancel	{cursor: pointer;}

/* write form */
.wf	{padding: 25px;}
.fCtn	{display: table; margin-bottom: 25px; width: 100%; background-color: #FFF; overflow: hidden;}
.fCtn input, 
.fCtn label	{font-size: 12px; box-sizing: border-box;}
.fLb	{display: table-cell; width: 140px;}
.fIp	{border: none; width: 100%;}
.fIp:focus	{background-color: #ffffd1;}

.fLb,
.fIp,
.wf-title .sbSelector	{padding: 0 8px; height: 26px; line-height: 26px;}
.fLb .star	{font: 12px Verdana;}

.wf-title	{position: relative;}
.wf-title .sltArea	{display: table-cell; width: 139px;}
.wf-title .sbHolder	{position: absolute; left: 141px; top: 1px; z-index: 1;}
.wf-title .sbSelector	{width: 140px;}

.wf-title.admin .fCtn	{display: inline-table; margin-right: 3px; width: calc(100% - 60px); vertical-align: top;}
.wf-title.admin .notice	{display: inline-block; margin-top: 4px; vertical-align: middle;}

.fCtn>li	{display: table; width: 100%;}
.fCtn>li:last-child	{border-bottom: none;}
.fCtn>li p	{padding: 5px 8px; font-size: 11px;}
.fCtn>li>div,
.fCtn>li>ul	{padding: 5px 8px;}
.fCtn>li>ul li	{display:  inline-block; margin-right: 5px;}
.fCtn input.tel	{margin: 8px 0 8px 8px;}

.krZip>div	{margin-bottom: 5px;}
.krZip>div.krzip-detailAddress-wrap	{margin-bottom: 0;}
.krZip label	{display: inline-block; width: 80px;}
.krZip .bIp	{padding: 0 8px !important;}
.krZip .bIp:focus	{border: 1px solid #efefbf !important;}
.krZip input[disabled]	{background-color: #f7f7f7;}

.wf-option	{margin-bottom: 10px;}
.wf-option label	{margin-right: 10px;}
.wf-info	{float: left;}
.wf-bottom .rBtCtn	{float: right;}
.wf-option-color label	{display: none;}
.wf-option-color .bIp	{width: 80px; height: 22px; line-height: 22px; vertical-align: middle;}
.jPicker .Icon	{margin-right: 5px; vertical-align: middle;}

/* tag cloud */
.tagCloud	{padding: 25px 25px 15px;}
.tagCloud li	{display: inline-block; margin: 0 10px 10px 0;}
.tagCloud a:hover	{text-decoration: underline;}
.tagCloud a.rank1	{font-size: 24px;}
.tagCloud a.rank2	{font-size: 16px;}
.tag-btArea	{padding-top: 25px; text-align: right;}

/* rating */
.rating	{display: inline-block; position: relative; font-size: 15px; letter-spacing: 2px;}
.rating>span	{display: inline-block; position: absolute; left: 0; top: 0; z-index: 1; white-space: nowrap; overflow: hidden;}
.rating::after	{content: '★★★★★';}
.rating>span::after	{content: '★★★★★';}

/* comment refresh */
.bCmt-hd	{position: absolute; left: 0; bottom: 20px; height: 22px; line-height: 22px;}
.bCmt-hd .num	{font-size: 14px;}

.cmt-cnt-ori	{display: none;}
.comment-reload {position: relative; display: inline-block; margin-right: 2px; height: 20px; width: 20px; line-height: 20px; vertical-align: middle;}
.comment-reload i	{position: absolute; left: 2px; top: 2px;}
 
.loading-spinner {
z-index:2; position:absolute; display:none; border:2px solid #000; border-right-color:transparent; border-radius:50%; box-sizing:border-box; -webkit-animation-duration:0.45s; -moz-animation-duration:0.45s; animation-duration:0.45s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-name:rotate-forever; -moz-animation-name:rotate-forever; animation-name:rotate-forever; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; animation-timing-function:linear;
height:12px; width:12px; top: 3px; left: 3px; background-color:transparent;
}
 
@-webkit-keyframes rotate-forever {
0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}
  100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
}
 
@-moz-keyframes rotate-forever {
  0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg)}
  100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
}
 
@keyframes rotate-forever {
0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg)}
  100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
}