@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Nanum+Gothic");
@import url("//fonts.googleapis.com/css?family=Lato:300,400");
/* Original file: files/cache/assets/compiled/7915c19a10c5be492f7e4c392b46e60397736148.rhymix.scss.min.css */

body,table,input,textarea,select,button{font-family:sans-serif;font-size:12px}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}body{position:relative}body.rx_modal_open{overflow:hidden;position:fixed}a img{border:0}[hidden]{display:none}.xe_content,.rhymix_content{font-family:맑은 고딕, Malgun Gothic, Meiryo, Microsoft YaHei, Segoe UI, sans-serif;font-size:18px;line-height:160%;word-break:normal;word-wrap:break-word;overflow-wrap:anywhere}.xe_content p,.rhymix_content p{margin:0 0 0px 0;line-height:160%}.xe_content p span,.rhymix_content p span{line-height:160%}.xe_content img,.xe_content video,.rhymix_content img,.rhymix_content video{max-width:100%;height:auto}.xe_content table,.rhymix_content table{font:inherit}.xe_content blockquote,.rhymix_content blockquote{padding:2px 0;border-style:solid;border-color:#ccc;border-width:0;border-left-width:5px;padding-left:20px;padding-right:8px}.xe_content blockquote:lang(ar),.xe_content blockquote:lang(arc),.xe_content blockquote:lang(dv),.xe_content blockquote:lang(ha),.xe_content blockquote:lang(he),.xe_content blockquote:lang(khw),.xe_content blockquote:lang(ks),.xe_content blockquote:lang(ku),.xe_content blockquote:lang(ps),.xe_content blockquote:lang(fa),.xe_content blockquote:lang(ur),.xe_content blockquote:lang(yi),.rhymix_content blockquote:lang(ar),.rhymix_content blockquote:lang(arc),.rhymix_content blockquote:lang(dv),.rhymix_content blockquote:lang(ha),.rhymix_content blockquote:lang(he),.rhymix_content blockquote:lang(khw),.rhymix_content blockquote:lang(ks),.rhymix_content blockquote:lang(ku),.rhymix_content blockquote:lang(ps),.rhymix_content blockquote:lang(fa),.rhymix_content blockquote:lang(ur),.rhymix_content blockquote:lang(yi){border-left-width:0px;border-right-width:5px;padding-left:8px;padding-right:20px}.xe_content ul,.rhymix_content ul{list-style-type:disc}.xe_content ol,.rhymix_content ol{list-style-type:decimal}.xe_content ul,.xe_content ol,.rhymix_content ul,.rhymix_content ol{display:block;margin-left:1em;margin-right:0;padding-left:25px;padding-right:0}.xe_content ul:lang(ar),.xe_content ul:lang(arc),.xe_content ul:lang(dv),.xe_content ul:lang(ha),.xe_content ul:lang(he),.xe_content ul:lang(khw),.xe_content ul:lang(ks),.xe_content ul:lang(ku),.xe_content ul:lang(ps),.xe_content ul:lang(fa),.xe_content ul:lang(ur),.xe_content ul:lang(yi),.xe_content ol:lang(ar),.xe_content ol:lang(arc),.xe_content ol:lang(dv),.xe_content ol:lang(ha),.xe_content ol:lang(he),.xe_content ol:lang(khw),.xe_content ol:lang(ks),.xe_content ol:lang(ku),.xe_content ol:lang(ps),.xe_content ol:lang(fa),.xe_content ol:lang(ur),.xe_content ol:lang(yi),.rhymix_content ul:lang(ar),.rhymix_content ul:lang(arc),.rhymix_content ul:lang(dv),.rhymix_content ul:lang(ha),.rhymix_content ul:lang(he),.rhymix_content ul:lang(khw),.rhymix_content ul:lang(ks),.rhymix_content ul:lang(ku),.rhymix_content ul:lang(ps),.rhymix_content ul:lang(fa),.rhymix_content ul:lang(ur),.rhymix_content ul:lang(yi),.rhymix_content ol:lang(ar),.rhymix_content ol:lang(arc),.rhymix_content ol:lang(dv),.rhymix_content ol:lang(ha),.rhymix_content ol:lang(he),.rhymix_content ol:lang(khw),.rhymix_content ol:lang(ks),.rhymix_content ol:lang(ku),.rhymix_content ol:lang(ps),.rhymix_content ol:lang(fa),.rhymix_content ol:lang(ur),.rhymix_content ol:lang(yi){padding-left:0px;padding-right:25px;margin-left:0;margin-right:1em}.xe_content li,.rhymix_content li{display:list-item}@media screen{img,video{max-width:none}}.xe-clearfix:before,.xe-clearfix:after{content:" ";display:table}.xe-clearfix:after{clear:both}.xe-widget-wrapper{overflow:hidden}#rhymix_popup_menu,#popup_menu_area{position:absolute;z-index:9999;margin:10px 0;padding:0;border:1px solid #eeeeee;border-radius:2px;font-size:12px;box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);background:#fff;min-width:80px}#rhymix_popup_menu ul,#popup_menu_area ul{margin:0;padding:0;list-style:none}#rhymix_popup_menu li,#popup_menu_area li{margin:0;padding:0;line-height:1.5}#rhymix_popup_menu a,#popup_menu_area a{display:block;padding:5px;text-decoration:none;color:#212121}#rhymix_popup_menu a:hover,#rhymix_popup_menu a:active,#rhymix_popup_menu a:focus,#popup_menu_area a:hover,#popup_menu_area a:active,#popup_menu_area a:focus{background:#eeeeee;outline:none}@media screen and (max-width:400px){#rhymix_popup_menu,#popup_menu_area{min-width:120px;max-width:95%;font-size:13px}#rhymix_popup_menu a,#popup_menu_area a{display:block;padding:10px;text-decoration:none;color:#212121}}.editable_preview{width:100%;min-height:240px;max-height:440px;box-sizing:border-box;margin:0;padding:6px;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);overflow-y:auto;cursor:text}.editable_preview p{margin-bottom:0px !important}.editable_preview_iframe{width:100%;height:440px;box-sizing:border-box;margin:0 0 -4px 0;padding:0;border:0}#rhymix_alert{display:none;position:fixed;left:50%;bottom:20%;min-width:250px;max-width:500px;background-color:#000;color:#fff;font-size:16px;text-align:center;opacity:0.6;padding:12px 20px;border:1px solid #fff;border-radius:10px;transform:translateX(-50%);z-index:999999999}#rhymix_debug_button{display:none;position:fixed;left:0;bottom:40px;background:#eeeeee;background:linear-gradient(to bottom, #f4f4f4 0%, #eaeaea 100%);border:1px solid #ccc;border-left:0;border-top-right-radius:4px;border-bottom-right-radius:4px;box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.18), 0 0 6px 0 rgba(0, 0, 0, 0.12);z-index:1073741824}#rhymix_debug_button.visible{display:block}@media print{#rhymix_debug_button.visible{display:none}}#rhymix_debug_button:hover{background:#dddddd;background:linear-gradient(to bottom, #e8e8e8 0%, #d9d9d9 100%)}#rhymix_debug_button a{display:block;font:bold 12px/14px Arial, sans-serif;color:#444;text-decoration:none;padding:4px 8px}#rhymix_debug_button a.has_errors{color:#f44336}#rhymix_debug_panel{display:none;position:fixed;left:0;top:0;max-width:100%;height:100%;overflow-y:scroll;background:#fcfcfc;box-sizing:border-box;border-right:1px solid #ccc;box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.18), 0 0 8px 0 rgba(0, 0, 0, 0.12);z-index:1073741824}#rhymix_debug_panel .debug_header{clear:both;width:100%;height:36px;background:#444444;background:linear-gradient(to right, #222222 0%, #444444 40%, #eeeeee 100%);position:relative}#rhymix_debug_panel .debug_header h2{font:bold 16px/20px Arial, sans-serif;color:#fcfcfc;position:absolute;left:10px;top:10px;margin:0;padding:0}#rhymix_debug_panel .debug_header .debug_maximize{font:normal 20px/24px Arial, sans-serif;text-decoration:none;color:#444444;position:absolute;right:32px;top:6px}#rhymix_debug_panel .debug_header .debug_close{font:normal 28px/28px Arial, sans-serif;text-decoration:none;color:#444444;position:absolute;right:10px;top:4px}#rhymix_debug_panel .debug_header .debug_close:hover{color:#f44336}#rhymix_debug_panel .debug_page{clear:both;margin:12px 10px;font:normal 12px/16px Arial, NanumBarunGothic, NanumGothic, "Malgun Gothic", sans-serif}#rhymix_debug_panel .debug_page .debug_page_header{padding-bottom:8px;border-bottom:1px solid #ddd;position:relative;cursor:pointer}#rhymix_debug_panel .debug_page .debug_page_header h3{color:#444;font:inherit;font-size:14px;font-weight:bold;margin:0;padding:0}#rhymix_debug_panel .debug_page .debug_page_header h3 .error_count{display:inline-block;margin-left:6px;border-radius:4px;padding:2px 6px;font-size:12px;line-height:12px;background:#f44336;color:#ffffff}#rhymix_debug_panel .debug_page .debug_page_collapse{display:block;position:absolute;right:0;top:0;color:#999;font-size:10px;line-height:12px;text-decoration:none;padding:2px 2px}#rhymix_debug_panel .debug_page .debug_page_body{margin:8px 4px 8px 10px}#rhymix_debug_panel .debug_page .debug_page_body h4{color:#444;font:inherit;font-size:13px;font-weight:bold;margin:0 0 8px 0;padding:0}#rhymix_debug_panel .debug_page .debug_entry{font-family:Consolas, "Courier New", monospace;color:#444;margin-left:38px;margin-bottom:8px;text-indent:-28px;word-wrap:break-word;word-break:break-all}#rhymix_debug_panel .debug_page .debug_entry.pre_wrap{white-space:pre-wrap}#rhymix_debug_panel .debug_page .debug_entry ul.debug_metadata{margin:0 0 0 -16px;padding:0}#rhymix_debug_panel .debug_page .debug_entry ul.debug_metadata li{list-style:disc;margin:0;padding:0;text-indent:0}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace{margin:4px 0 0 16px;padding:0}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace li{list-style:disc;margin:0;padding:0;text-indent:0;color:#888}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace li ul{padding-left:20px}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace li ul li{list-style:circle}.btnArea{clear:both;margin:10px 0;padding:0;text-align:right}.btnArea:after{clear:both;display:block;content:""}.btn{display:inline-block;margin:0;padding:0 12px !important;height:24px !important;overflow:visible;border:1px solid #bbbbbb;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color:#a2a2a2;border-radius:2px;text-decoration:none !important;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:top;line-height:24px !important;font-family:inherit;font-size:12px;color:#333333;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn:hover,.btn:active,.btn[disabled]{color:#333;background-color:#e6e6e6}.btn>a,.btn>button,.btn>input,.btn>span{display:inline-block;margin:0 -12px !important;padding:0 12px !important;overflow:visible;width:auto;height:24px;border:0;vertical-align:top;text-decoration:none !important;line-height:24px;font-family:inherit;font-size:12px;color:#333;cursor:pointer;background:none}input.btn,button.btn{height:26px !important}.btn-group{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;font-size:0}.btn-group+.btn-group{margin-left:5px}.btn-group>.btn{position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group>.btn+.btn{margin-left:-1px}.btn-group>.btn:first-child{margin-left:0;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}.btn-group>.btn:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:2}.rhymix_button_wrapper{clear:both;margin:10px 0;padding:0;text-align:right}.rhymix_button_wrapper:after{clear:both;display:block;content:""}.rhymix_button{display:inline-block;margin:0;padding:0 12px !important;height:24px !important;overflow:visible;border:1px solid #bbbbbb;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color:#a2a2a2;border-radius:2px;text-decoration:none !important;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:top;line-height:24px !important;font-family:inherit;font-size:12px;color:#333333;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.rhymix_button:hover,.rhymix_button:active,.rhymix_button[disabled]{color:#333;background-color:#e6e6e6}.rhymix_button>a,.rhymix_button>button,.rhymix_button>input,.rhymix_button>span{display:inline-block;margin:0 -12px !important;padding:0 12px !important;overflow:visible;width:auto;height:24px;border:0;vertical-align:top;text-decoration:none !important;line-height:24px;font-family:inherit;font-size:12px;color:#333;cursor:pointer;background:none}input.rhymix_button,button.rhymix_button{height:26px !important}.message{position:relative;margin:1em 0;padding:0 1em;border:1px solid #ddd;border-radius:4px;line-height:1.4;font-size:13px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#f8f8f8}.message p{margin:1em 0 !important}.message.info{border-color:#BCE8F1;color:#3A87AD;background-color:#D9EDF7}.message.error{border-color:#EED3D7;color:#B94A48;background-color:#F2DEDE}.message.update{border-color:#D6E9C6;color:#468847;background-color:#DFF0D8}body>.message{margin:1em}.rhymix_message{position:relative;margin:1em 0;padding:0 1em;border:1px solid #ddd;border-radius:4px;line-height:1.4;font-size:13px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#f8f8f8}.rhymix_message p{margin:1em 0 !important}.rhymix_message.info{border-color:#BCE8F1;color:#3A87AD;background-color:#D9EDF7}.rhymix_message.error{border-color:#EED3D7;color:#B94A48;background-color:#F2DEDE}.rhymix_message.update{border-color:#D6E9C6;color:#468847;background-color:#DFF0D8}body>.rhymix_message{margin:1em}/* sourceMappingURL=7915c19a10c5be492f7e4c392b46e60397736148.rhymix.scss.min.map */

/* Original file: layouts/comely_layout/css/layout.css */

html, body	{height: 100%; width: 100%;}
body	{margin: 0; padding: 0; -webkit-text-size-adjust: none;}

a	{text-decoration: none; outline: none;}
a:hover	{text-decoration:none;}
a:visited	{text-decoration:none;}
a:active	{text-decoration:none;}

input, button, textarea	{outline: none; margin: 0}
section, aside, nav, header, footer	{display: block;}
figure	{display: inline-block; margin: 0; padding: 0;}
textarea	{resize: vertical;}
button, input[type=button]	{cursor: pointer; padding: 0; margin: 0;-webkit-font-smoothing: subpixel-antialiased !important;}
button	{background: none; border: none;}
h1, h2, h3, h4, h5	{padding: 0; margin: 0; font-weight: normal;}
p	{padding: 0; margin: 0;}
ol, ul	{list-style: none; padding: 0; margin: 0;}


.hide	{display: block; visibility: hidden; padding: 0; margin: 0; height: 0; width: 0; overflow: hidden;}
.text_wide	{letter-spacing: 0.15em;}
.text_normal	{letter-spacing: 0; font-weight: 300;}
.pf	{display: inline-block; width: 80px; height: 80px; background: #FFF url("../../../../layouts/comely_layout/images/profile.png") no-repeat center center; background-size: cover; overflow: hidden;}
.pf.small	{width: 40px; height: 40px;}
.pf.smaller	{width: 30px; height: 30px;}
.pf.round	{border-radius: 50%;}
.pf.lined	{position: relative;}
.pf.lined::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.1); z-index: 1;}
.pf.round.lined::after	{border-radius: 50%;}
.pf_img	{width: 100%; height: auto;}
.b_link	{text-decoration: underline;}
.b_link:hover	{text-decoration: none;}
.b_link2:hover	{text-decoration: underline;}

.ip_bs	{display: inline-block; height: 32px; line-height: 32px; padding: 0 10px; box-sizing: border-box; border-radius: 2px; vertical-align: middle;}
.ip_bs::-webkit-input-placeholder	{color: #bbb;}
.ip_bs::-moz-placeholder	{color: #bbb;}
.ip_bs:-ms-input-placeholder	{color: #bbb;}
.ip_bs:-moz-placeholder	{color: #bbb;}
textarea::-webkit-input-placeholder	{color: #bbb;}
textarea::-moz-placeholder	{color: #bbb;}
textarea:-ms-input-placeholder	{color: #bbb;}
textarea:-moz-placeholder	{color: #bbb;}
.bt_bs	{display: inline-block; height: 38px; line-height: 36px; padding: 0 10px; box-sizing: border-box; border-radius: 2px; text-align: center;  transition-property: border, background-color; transition-duration: 0.2s; transition-timing-function: ease; vertical-align: middle; cursor: pointer;}
.bt_bs svg	{height: 11px; padding-bottom: 2px; vertical-align: middle;}
a.bs_bs svg	{line-height: 36px;}
.bt_bs2	{height: 32px; line-height: 30px;}
a.bs_bs2 svg	{line-height: 30px;}
.bt_color	{letter-spacing: 0.15em;}
.bt_mono	{letter-spacing: 0.15em;}
.bt_half .bt_bs	{width: calc(50% - 5px);}
.bt_half .bt_bs:first-of-type,
.bt_duo .bt_bs	{margin-right: 10px;}
.bt_duo .bt_bs:last-of-type	{margin-right: 0;}
.bt_full .bt_bs	{width: 100%;}
.bt_box	{height: calc(100% + 2px); padding: 0 15px; margin: -1px -1px -1px 0; letter-spacing: 0;}
.bt_left .bt_box	{margin: -1px 0 0 -1px;}
.bt_group .bt_bs	{position: relative; border-radius: 0; margin-right: -1px;}
.bt_group .bt_bs:hover	{z-index: 1;}
.bt_group .bt_bs:first-of-type	{border-radius: 2px 0 0 2px;}
.bt_group .bt_bs:last-of-type	{border-radius: 0 2px 2px 0; margin-right: 0;}

.bt_bottoms	{position: fixed; right: 15px; bottom: 15px; width: 40px; z-index: 98;}
.bt_bottoms .bt	{display: inline-block; width: 40px; height: 40px; box-sizing: border-box; background-color: #333;}
.bt_bottoms svg	{color: #FFF;}
.bt_bottoms .bt_layout_top	{display: none;}

.closed .close,
.opened .open	{display: none;}
.closed .open,
.opened .close	{display: inline-block;}

/* layout */
.dummy	{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #333; opacity: 0.3; z-index: 99;}
.hg_loading	{display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 50px; height: 50px; border-radius: 5px; overflow: hidden; z-index: 200; text-align: center;}
.hg_loading::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; opacity: 0.5; z-index: -1;}
.hg_loading svg	{margin-top: 10px; margin-left: 3px;}

/* nav */
#gnb .addon_menu_new,
#gnb .addon_menu_new_comment	{vertical-align: middle; margin-left: 3px !important; margin-bottom: 3px;}
.hg_gnb .svg_folder	{position: relative; vertical-align: middle; margin: 0 3px 3px 0; font-size: 16px;  z-index: 5;}
#gnb img.menu_new,
#gnb img.menu_new_comment	{vertical-align: middle; margin-bottom: 2px;}
.pr_mymenu_edit img.menu_new,
.pr_mymenu_edit img.menu_new_comment	{vertical-align: middle !important; margin-bottom: 2px;}


/* login */
.site_login .ip_bs	{display: block; position: relative; width: 100%; height: auto;}
.site_login .ip_bs:focus	{z-index: 1;}
.site_login .ip_bs:nth-of-type(7)	{border-radius: 2px 2px 0 0; margin-bottom: -1px;}
.site_login .ip_bs:nth-of-type(8)	{border-radius: 0 0 2px 2px;}

.site_login .ex	{position: relative; margin-top: 15px; text-align: right;}
.site_login .ex .i_check	{float: left;}
.site_login .keep_desc	{display: none; padding: 12px 15px; text-align: left;}

.logged .point_bar	{position: relative;}
.logged .point_current	{position: absolute; left: 0; top: 0; height: 100%;}
.logged .level	{position: relative; z-index: 1;}
.logged .percent	{float: right;}

/* sns login */
.sns_login	{position: relative; text-align: center;}
.sns_login.not_only	{padding-top: 50px;}
.sns_login.not_only::before	{content: ''; position: absolute; left: 0; top: 25px; width: 100%; height: 1px;}
.sns_login.not_only::after	{content: 'OR'; position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); top: 20px; padding: 0 10px; background-color: #FFF; font: 10px "Arial";}
.sns_login .bt_sns	{position: relative; width: calc(20% - 4px); padding: 54px 0 10px; margin-right: 5px; background-position: center 5px; font-size: 10px; color: #FFF;}
.sns_login .bt_sns::after	{content: ''; position: absolute; left: 0; top: 44px; height: 1px; width: 100%; background-color: #414347; opacity: 0.1;}
.sns_login .bt_sns	{display: inline-block; background-size: 34px 34px; background-repeat: no-repeat;}
.sns_login .bt_sns:last-of-type	{margin-right: 0;}
.sns_login .sns_twitter	{background-color: #65bee3; background-image: url("../../../../layouts/comely_layout/images/s_twitter.png");}
.sns_login .sns_facebook	{background-color: #7488c1; background-image: url("../../../../layouts/comely_layout/images/s_facebook.png");}
.sns_login .sns_google	{background-color: #e27474; background-image: url("../../../../layouts/comely_layout/images/s_google.png");}
.sns_login .sns_naver	{background-color: #85bb54; background-image: url("../../../../layouts/comely_layout/images/s_naver.png");}
.sns_login .sns_kakao	{background-color: #f3e545; background-image: url("../../../../layouts/comely_layout/images/s_kakao.png");}

/* notify */
.notify_total	{display: inline-block; position: absolute; color: #FFF; z-index: 5;}
.notify	{overflow: hidden;}
.notify_list>ul>li	{position: relative; min-height: 40px; border-bottom: 1px dotted #DDD;}
.notify_list>ul>li:last-child	{border-bottom: none;}
.notify_list	{line-height: 160%;}
.notify_list .notify_type	{display: inline-block; position: absolute; color: #FFF; z-index: 2;}
.notify_list .list_link	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.notify_list .pf	{position: absolute;}
.notify_delete .bt_area	{border-top: none;}

.sidebar_left .notify_total	{left: 30px;}
.sidebar_left .bt_notify	{left: 0;}

/* footer */
.hg_copyright svg	{display: none;}

/* i check */
.i_check	{position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer;}
.i_check input	{position: absolute; opacity: 0;}
.i_check>span	{display: inline-block; width: 16px; height: 16px; line-height: 18px; margin-right: 5px; border-radius: 3px; background-color: #FFF; text-align: center; -webkit-transition-duration: .4s; -webkit-transition-property: background-color; vertical-align: middle;}
.i_check input + span>span	{display: none;}
.i_check input:checked + span>span	{display: inline-block; color: #FFF;}
.i_radio span	{border-radius: 50% !important;}

/* etc */
#popup_menu_area	{outline: none !important; box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;}


/* clearfix */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
 
.clearfix:after {
    clear: both;
}

/* layout slider */
.single_image	{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; text-indent: -9999px;}
.swiper-con .swiper-slide	{background-repeat: no-repeat; background-position: center center; background-size: cover; text-indent: -9999px;}
.swiper-con .swiper-slide a	{display: block; position: absolute; width: 100%; height: 100%; text-indent: -9999px;}
.swiper-con .swiper-pagination	{position: absolute; left: 0; bottom: 10px; right: 0; width: 100%; text-align: center; z-index: 10;}
.swiper-con .swiper-pagination-bullet	{display: inline-block; background-color: #FFF; opacity: 0.5; cursor: pointer;}
.swiper-con .swiper-pagination-bullet-active	{opacity: 1;}

/* swiper */
.swiper_ctn,
.swiper_ctn2,
.swiper-con {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide	{
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

/* Original file: layouts/comely_layout/css/layout_pc.css */

body	{font-family: 'NanumGothic', 'Nanum Gothic', sans-serif; font-size: 13px;}

input, button, textarea, table	{font-family: 'NanumGothic', 'Nanum Gothic', sans-serif;}
.text_en	{font-family: 'Lato', 'NanumGothic', 'Nanum Gothic';}
.pt_star	{font: 13px "Verdana";}
.bt_color,
.bt_mono	{font-size: 11px;}
.bt_box	{font-size: 12px;}
.bt_bs	{min-width: 90px;}
.bt_bs2	{min-width: auto;}

.bt_bottoms .bt	{background-color: #000; opacity: 0.7;}
/* extra code */
.xe_message	{margin: 0 0 25px;}
.content_top_code	{margin-bottom: 25px;}

/* layout */
.hg_container	{position: relative; min-height: 100%; min-width: 1310px;}
.hg_container::before	{content: ''; position: absolute; top: 0; left: 50%; width: 860px; margin-left: -430px; height: 100%; box-sizing: border-box; z-index: -1;}
.wrapper	{position: relative; width: 1310px; margin: 0 auto; padding: 0 25px; box-sizing: border-box;}
.hg_content	{float: left; width: 760px; padding: 50px 50px 0;}

/* top header */
.hg_header2	{background-color: #FFF; background-position: center center; background-repeat: no-repeat;}
.hg_header2.has_bg	{position: relative; background-position: center top; background-repeat: no-repeat;}
/*.hg_header2.has_bg::after	{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #000; opacity: 0.1;}*/
.hg_header2>.inner	{display: table; position: relative; margin: 0 auto;}
.hg_header2 .logo	{display: table-cell; vertical-align: middle; font-size: 24px; font-weight: 300;}

/* header menu */
.header_menu	{position: absolute; right: 0; top: 50%; margin-top: -18px;}
.header_menu li	{display: inline-block; margin-left: 10px;}
.header_menu li a	{display: inline-block; box-sizing: border-box;}

/* header option */
.hg_header2 .inner_T .logo	{vertical-align: top;}
.hg_header2 .inner_T .header_menu	{top: 25px; margin-top: 0;}
.hg_header2 .inner_B .logo	{vertical-align: bottom;}
.hg_header2 .inner_B .header_menu	{top: auto; bottom: 25px; margin-top: 0;}

.hg_header2 .inner_C .logo	{text-align: center;}
.hg_header2 .inner_C .header_menu	{display: none;}

/* top nav */
.hg_gnb2_wrap	{position: relative; height: 36px; font-size: 0; text-align: center; z-index: 98;}
.hg_gnb2_wrap.fixed	{position: fixed; left: 0; top: 0; border-top: none; width: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.hg_gnb2 li.active>a	{text-decoration: underline;}
.hg_gnb2>ul	{display: inline-block; font-size: 13px;}
.hg_gnb2>ul>li	{display: inline-block; position: relative; min-width: 80px; z-index: 10}
.hg_gnb2>ul>li>a	{display: inline-block; padding: 0 30px; line-height: 36px;}
.hg_gnb2>ul>li.active>a	{text-decoration: none;}
.hg_gnb2 .sub_menu1	{display: none; position: absolute; top: 100%; left: -1px; min-width: 100%; background-color: #FFF; text-align: left; font-size: 12px;}
.hg_gnb2>ul>li:hover .sub_menu1	{display: block;}
.hg_gnb2 .sub_menu1 li	{position: relative; line-height: 36px; white-space: nowrap;}
.hg_gnb2 .sub_menu1 li:last-child	{border-bottom: none;}
.hg_gnb2 .sub_menu1 li a	{display: inline-block; width: 100%; padding: 0 10px; box-sizing: border-box;}
.hg_gnb2 .sub_menu1>ul>li svg	{float: right; padding-top: 12px; vertical-align: middle;}
.hg_gnb2 .sub_menu2	{display: none; position: absolute; left: 100%; top: -1px; min-width: 80px; background-color: #FFF;}
.hg_gnb2 .sub_menu1>ul>li:hover .sub_menu2	{display: block;}

.hg_gnb2 .no_gnb	{font-size: 13px; line-height: 36px;}

/* top nav2 */
.hg_gnb3	{display: table-cell; padding-top: 25px; padding-bottom: 25px;}
.hg_gnb3 li	{margin: 3px 15px 3px 0;}
.hg_gnb3>ul>li	{display: inline-block;}
.hg_gnb3>ul>li.has_list	{display: block;} 
.hg_gnb3>ul>li.has_list>a	{display: inline-block; padding: 5px 10px; margin-right: 10px; border-radius: 2px; font-size: 12px;}
.hg_gnb3>ul>li.has_list>a span	{margin-left: -5px;}
.hg_gnb3>ul>li:empty	{display: none;}
.hg_gnb3 .sub_menu1	{display: inline-block;}
.hg_gnb3 .sub_menu1 li	{display: inline-block;}
.hg_gnb3 .sub_menu1>ul>li.active>a	{text-decoration: underline;}

.hg_gnb3_mymenu	{position: relative; margin-bottom: -1px; padding: 10px 0 9px; min-height: 38px; box-sizing: border-box; z-index: 50;}
.hg_gnb3_mymenu .hg_fv	{position: relative; margin: 0 auto; box-sizing: border-box;}
.hg_gnb3_mymenu .pr_mymenu .bt_edit	{position: absolute; left: 0; top: 50%; margin-top: -8px;}
.hg_gnb3_mymenu .sub_menu1	{display: inline-block;}
.hg_gnb3_mymenu li	{display: inline-block; margin-right: 15px;}
.hg_gnb3_mymenu img.menu_new_comment,
.hg_gnb3_mymenu img.menu_new	{vertical-align: middle;}

.hg_header2.fixed .hg_gnb3_mymenu	{position: fixed; left: 0; top: 0; border-top: none; width: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.2);}

/* has bg */
.hg_header2.has_bg .hg_gnb3_mymenu	{border-top: none;}

/* nav*/
.hg_gnb	{white-space: nowrap; font-size: 13px;}
.hg_gnb>ul	{margin-top: 5px;}
.hg_gnb li a	{display: inline-block; margin: 8px 0;}
.hg_gnb li a span:not(.b_link),
.hg_gnb2 li a span:not(.b_link),
.hg_gnb3 li a span:not(.b_link),
.pr_mymenu li a span:not(.b_link)	{display: inline-block; position: relative; width: 15px; padding: 2px 0; margin-right: 5px; background-color: #FFF; border-radius: 2px; text-align: center; text-transform: uppercase; font: 10px "Arial"; transition-property: border, background-color; transition-duration: 0.2s; z-index: 2}
.hg_gnb li.active>a	{text-decoration: underline;}
.hg_gnb .sub_menu1,
.hg_gnb .sub_menu2	{position: relative;}
.hg_gnb .sub_menu1::before,
.hg_gnb .sub_menu2::before	{content: ''; position: absolute; left: 0; top: -15px; width: 1px; height: 18px; background-color: #FFF; z-index: 1;}
.hg_gnb .sub_menu1 li	{position: relative; padding-left: 20px;}
.hg_gnb .sub_menu1 li::before	{content: ''; position: absolute; left: 0; top: -15px; width: 12px; height: 30px; }
.hg_gnb .sub_menu1 a	{margin: 6px 0;}

.hg_gnb>ul>li	{position: relative;}
.hg_gnb .bt_expand	{cursor: pointer;}
.hg_gnb .bt_expand_link	{position: absolute; left: 0; top: -5px; width: 100%; height: 25px; z-index: 1;}
.hg_gnb .expand_menu	{display: inline-block; margin:  8px 0;}
.hg_gnb .expand_svg	{position: absolute; right: 0; top: 4px; padding: 4px 7px 3px;  border-radius: 2px; font-size: 11px;}

#gnb a .svg-inline--fa	{vertical-align: middle; font-size: 15px;}

.hg_gnb .no_gnb	{padding-top: 15px; white-space: normal; line-height: 160%;}

/* sidebar */
.hg_sidebar	{width: 200px; font-size: 12px;}
.hg_sidebar .sidebar_title	{display: none; position: relative; margin-left: 3px; color: #FFF; font-size: 10px; z-index: -1;}
.hg_sidebar>.fixed	{position: fixed !important; top: 0;}
.sidebar_left	{float: left;}
.sidebar_left .module	{padding-right: 25px;}
.sidebar_right	{float: right;}
.sidebar_right .module	{padding-left: 25px;}
.hg_sidebar .module	{margin-top: 25px;}
.hg_header.module	{margin-top: 0;}

.hg_sidebar h3.title,
.hg_sidebar .hg_widget_N.title_ .w_title,
.hg_sidebar .hg_rank h3	{display: block; padding: 5px 10px; text-transform: uppercase; letter-spacing: 0.15em; font: 300 11px 'Lato', 'NanumGothic', 'Nanum Gothic';}
.hg_sidebar .hg_widget_LB.title_ .w_title	{display: block; padding: 5px 10px; letter-spacing: 0.15em; font: 300 11px 'Lato', 'NanumGothic', 'Nanum Gothic';}
.hg_sidebar .title_L .w_title	{padding-bottom: 5px;}
.hg_sidebar .title_L .w_tab li a	{padding-bottom: 5px;}
.hg_sidebar .w_title,
.hg_sidebar .w_tab	{margin-bottom: 12px !important;}
.hg_sidebar .w_tab li a	{padding: 5px 0;}
.hg_sidebar .list_wrap	{padding-top: 12px;}
.hg_sidebar .list_wrap>li	{margin-bottom: 5px; line-height: 160%}
.hg_sidebar .list_wrap>li:last-child	{margin-bottom: 0;}
.my_articles .list_cmt	{font: 11px "Arial";}
.my_articles p	{margin-top: 12px;}

.sidebar_end	{opacity: 0; height: 1px; overflow: hidden;}
.hg_sidebar .hg_widget_N .w_page button.w_next	{border-left: none !important;}

/* search sidebar */
.hg_sidebar .global_search	{padding-top: 20px; padding-bottom: 20px;}
.hg_sidebar .global_search label	{cursor: text;}
.hg_sidebar .global_search svg	{float: left; vertical-align: middle; font-size: 18px;}
.ip_search	{font-size: 13px; padding: 0 10px; width: calc(100% - 40px); border: none;}
.sidebar_left .global_search	{padding-right: 25px;}
.sidebar_right .global_search	{padding-left: 25px;}

/* header */
.hg_header	{position: relative; padding: 30px 0;}
.hg_header.no_logo	{height: 96px; padding: 0;}
.hg_header.no_logo .logo	{position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px;}
.hg_header img	{max-width: 175px; height: auto;}

.sidebar_right .hg_header .logo	{left: 24px;}

/* message box */
.hg_message	{position: fixed; left: -9999px; top: 50%; width: 450px; margin-left: -225px; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.2); opacity: 0; z-index: -10;}
.hg_message.small	{width: 350px; margin-left: -175px;}
.hg_message h3	{padding: 20px 25px; font-size: 16px;}
.hg_message h3 .bt_bs	{position: absolute; right: 25px; top: 16px; min-width: auto; height: auto; line-height: 100%; padding: 7px 10px; max-width: 29px;}
.hg_message .inner	{padding: 25px;}
.hg_message .message_text	{padding: 25px 0; font-size: 16px; text-align: center;}
.hg_message .message_target	{padding-top: 25px; margin-bottom: -15px; font-size: 16px; text-align: center;}
.hg_message .bt_area	{padding-top: 25px; text-align: center;}

/* login */
.member_login	{position: relative; min-height: 100px; font-size: 12px;}
.member_login .unlogged	{position: absolute; left: 25px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: calc(100% - 25px);}
.unlogged a	{display: inline-block; padding: 8px 0; width: calc(50% - 5px); box-sizing: border-box; border-radius: 2px; text-align: center;}
.unlogged .bt_login	{margin-right: 10px;}
.member_login .logged	{padding: 25px 0;}
.member_login .logged a:hover	{text-decoration: underline;}
.logged .pf	{float: left; margin-right: 15px; cursor: pointer}
.logged .bt_area	{margin-top: 10px;}
.logged .bt_area a:first-of-type	{margin-right: 15px;}
.logged .point_bar	{clear: both; padding: 3px 5px; margin-top: 15px; font-size: 10px;}
.logged .point_current	{position: absolute; left: 0; top: 0; height: 100%;}
.logged .point	{display: none; position: relative; text-align: center; z-index: 1;}
.logged .point_bar:hover .point	{display: block;}
.logged .point_bar:hover .level	{display: none;}

.sidebar_left .member_login	{min-height: 70px; padding-right: 25px;}
.sidebar_left .member_login .unlogged	{left: 0; right: 25px;}
.sidebar_right .member_login	{padding-left: 25px;}

.site_login .ip_bs	{line-height: 100%; padding: 10px;}
.site_login .ex	{font-size: 12px;}
.site_login .ex .keep_desc	{position: absolute; left: 0; top: 100%; margin-top: 15px; font-size: 11px; line-height: 180%; z-index: 1;}
.site_login .ex .i_check:hover + .keep_desc	{display: block;}

/* notify */
.bt_notify	{display: inline-block; position: absolute; left: 25px; top: 25px; width: 40px; height: 40px; z-index: 6; cursor: pointer}
.notify_total	{left: 20px; top: 20px; padding: 3px 6px; border-radius: 8px; font: 10px "Arial";}
.notify .inner	{max-height: 410px;}
.notify_list>ul>li	{padding: 25px 25px 25px 90px;}
.notify_list .notify_type	{left: 15px; top: 15px; padding: 1px 6px 0; border-radius: 10px; font-size: 10px;}
.notify_list .pf	{left: 25px; top: 25px;}
.notify_list .ago	{margin-top: 5px; font-size: 11px;}
.notify .bt_area	{padding: 25px;}

/* admin menu */
.admin_menu	{position: relative; margin-top: 25px; border-radius: 5px; font-size: 11px;}
.admin_menu::after	{content: ''; position: absolute; left: 23px; top: 0; width: 1px; height: 100%;}
.admin_menu li	{position: relative; padding: 5px 5px 5px 32px;}
.admin_menu li:last-child	{border-bottom: none;}
.admin_menu .icon	{display: block; position: absolute; left: 0; top: 0; width: 23px; line-height: 23px; text-align: center;}
.admin_menu span	{transition-property: color; transition-duration: 0.2s; transition-timing-function: ease;}
.admin_menu a	{display: block;}
.admin_menu a:hover	{text-decoration: none !important;}

/* footer */
.hg_footer_wrap	{position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; font-size: 12px; z-index: 1;}
.hg_footer	{position: relative; margin: 0 auto; padding: 25px 0; z-index: 2;}
.hg_footer a:hover	{text-decoration: underline;}
.footer_text	{display: inline-block; margin-bottom: 5px; line-height: 160%; font-size: 11px;}
.footer_menu	{position: absolute; right: 0; top: 50%; height: 20px; line-height: 20px; margin-top: -10px;}
.footer_menu li	{display: inline-block; margin-left: 15px;}

/* global notice */
.global_notice	{margin: -50px -50px 0 -50px; padding-bottom: 50px;}
.global_notice.use_sidebar_r	{margin-left: 0;}
.global_notice>ul>li	{display: none; position: relative; padding: 12px 50px; border: 1px solid #ebebd7; border-top: none; background-color: #ffffe9; line-height: 160%;}
.global_notice .star	{position: absolute; left: 20px; top: 11px;}
.global_notice .bt_close	{display: inline-block; position: absolute; right: 10px; top: 10px; width: 22px; height: 22px; line-height: 22px; border: 1px solid #ebebd7; border-radius: 2px; font-size: 10px; color: #adada0;}
.global_notice .bt_close:hover	{border: 1px solid #d6d6c5;}
.global_notice .bt_close:hover svg	{fill: #707069;}
.global_notice .warn	{display: none; position: absolute; right: 41px; top: 10px; height: 20px; line-height: 20px; padding: 0 10px; border: 1px solid #d6d6c5; background-color: rgba(255,255,255,0.8); font-size: 11px; z-index: 1;}
.global_notice .bt_close:hover + .warn	{display: block;}

/* layout slider */
.content_slider	{margin: -50px -49px 50px -49px;}
.swiper-con .w_page_nav	{display: inline-block; position: absolute; top: 50%; margin-top: -25px; width: 33px; height: 50px; text-align: center; cursor: pointer; transition-property: opacity, left, right; transition-duration: 0.2s; opacity: 0; z-index: 10;}
.swiper-con .w_page_nav img	{margin-top: 12px;}
.swiper-con .swiper-button-prev	{left: 10px;}
.swiper-con .swiper-button-next	{right: 10px;}
.swiper-con:hover .swiper-button-prev	{left: 0; opacity: 1;}
.swiper-con:hover .swiper-button-next	{right: 0; opacity: 1;}
.swiper-con .swiper-pagination-bullet	{width: 10px; height: 10px; margin: 0 2px;}

/* member menu */
.mb_menu .inner>ul	{margin-bottom: -9px;}
.mb_menu .inner>ul>li	{display: inline-block; width: calc(33.33% - 6px); margin-right: 9px; margin-bottom: 9px;}
.mb_menu .inner>ul>li:nth-child(3n)	{margin-right: 0;}
.mb_menu .inner .bt_bs	{width: 100%;}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper	{overflow: hidden !important; padding: 0 !important; position: relative;}
.scroll-wrapper > .scroll-content	{border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar	{height: 0; width: 0;}
.scroll-element	{display: none;}
.scroll-element, .scroll-element div	{box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible	{display: block;} 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow	{cursor: default;} 
 
/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx	{height: 100%;}
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div	{background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10;}
.scrollbar-macosx > .scroll-element div	{display: block; height: 100%; left: 0; top: 0; width: 100%;}
.scrollbar-macosx > .scroll-element .scroll-element_track	{display: none;}
.scrollbar-macosx > .scroll-element .scroll-bar	{display: block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear;}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar	{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7;}
.scrollbar-macosx > .scroll-element.scroll-x	{bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%;}
.scrollbar-macosx > .scroll-element.scroll-y	{height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px;}
 
/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 5px; min-width: 10px; top: -5px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -5px; min-height: 10px; width: 5px; }
 
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
 
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
 
/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }

/* Original file: layouts/comely_layout/css_color/blueberry.css */

body,
a,
input,
button,
textarea,
table,
.sns_login .sns_kakao,
.atc .show_author_document h2,
.atc .show_author_document li a:hover .title,
.atc .show_author_document li a .mark {
  color: #333333;
}
svg,
.paging .bt_prev.active:hover svg,
.sticker_pack a:hover svg,
.paging .bt_prev.active:hover svg {
  fill: #333333;
}
.bt_memo_write .bt_box svg,
.atc_notice .notice_icon svg {
  fill: #616161;
}
.hg_message .message_target,
.notify_list .ago,
.ldg .list_summary,
.ldb .list_summary,
.ldb .bt_more:hover .read_more,
.ldf .text_header,
.atc_ex th,
.atc_ex td,
.mb_list > ul > li .bt_delete,
.mb_message > svg,
.letter_header .bt_reply,
.atc_buttons .blame_area svg,
.list_icon2.file {
  color: #878787;
}
.cmt_write_editor svg,
.go_editor svg,
.ldg .hided_info .list_info svg,
.ldf svg,
.bt_cmt_write svg,
.cmt_notice svg,
.cmt_notice svg,
.sticker_pack > ul > li svg,
.sk_ctn .bt_bs svg,
.cmt_secret_icon svg {
  fill: #878787;
}
.list_search_key .bt_cancel svg,
.paging,
.list_g .no_image,
.ldb .list_info,
.ldb .list_info a,
.ldg .list_info,
.ldg .list_info a,
.atc_secret .desc,
.cmt_member,
.cmt_guest,
.letter_list .letter_title,
.friend_list .friend_info,
.scrap_folder svg,
.mb_list .list_info,
.mb_list .list_info a,
.pr_mymenu_edit .pr_text svg,
.pr_mymenu a svg,
.pr_mymenu_node .pr_text svg,
.letter_header .letter_info,
.letter_header .letter_info a,
.bt_memo_write .textarea_dummy {
  color: #a6a6a6;
}
.paging .bt_prev svg,
.sticker_pack a svg,
.ldg .list_info svg,
.ldb .list_info svg,
.list_g .no_image svg,
.write_sticker .bt_del {
  fill: #a6a6a6;
}
.b_link,
.b_link2,
.link_col,
.rating > span::after,
.cmt_write .bt_sticker .star,
.atc .xe_content a {
  color: #6e8a98;
}
.i_check input:checked + span {
  background-color: #6e8a98;
  border: 1px solid #6e8a98;
}
.pt_col,
.atc_buttons .vote_area svg {
  color: #f28585;
}
.notify_total,
.list_wrap .list_new,
.cmt_new,
.letter_list .readed.readed_N,
.wls .w_slide_title {
  background-color: #f28585;
}
.cmt_header .to_me {
  border-bottom: 1px solid #f28585;
}
.wls .list_cmt {
  color: #f9c2c2;
}
.pt_col2,
.list_icon2.image svg {
  color: #a9d7c6;
}
.i_check > span,
.paging,
.ldg .list_body,
.ldb .list_body,
.atc_buttons button,
.atc_box,
.bt_cmt_write,
.cmt_notice,
.cmt_body,
.cmt_write_re,
.bd_message,
.mb_content,
.mb_list > ul > li .bt_delete,
.saved_con,
.mb_document .list_browser a,
.mb_message,
.mb_signup .agreement_box,
.mb_signup .agreement .agreement_title,
.letter_header .bt_reply,
.hg_rank .list_rank,
.memo_write,
.sticker_buy p.bt_bs {
  border: 1px solid #e5e5e5;
}
.notify .bt_area,
.cmt,
.has_top .cmt_write,
.cmt_write_ex,
.stk_display,
.memo_write .write_ex_wrap,
.memo_write_tags {
  border-top: 1px solid #e5e5e5;
}
.paging .bt_prev,
.atc_sign .writer_text,
.mb_info_table th {
  border-right: 1px solid #e5e5e5;
}
.layout_top_code,
.atc_box h3,
.atc .show_author_document h2,
.cmt_title,
.cmt_write_sp > h1,
.sticker_pack,
.mb_info_table tr,
.mb_signup .agreement,
.mb_findpass form,
.letter_list > ul > li:last-child,
.mb_signup > h3 {
  border-bottom: 1px solid #e5e5e5;
}
.paging .bt_next {
  border-left: 1px solid #e5e5e5;
}
.letter_ctrl {
  border-bottom: 3px double #e5e5e5;
}
.sns_login.not_only::before,
.cmt_write_re::after,
.cmt_write_re::before {
  background-color: #e5e5e5;
}
.ldb .list_info {
  border-top: 1px solid #f2f2f2;
}
.ldb .list_info li,
.atc_ex th,
.atc_file::after {
  border-right: 1px solid #f2f2f2;
}
.atc_ex tr,
.letter_list > ul > li,
.letter_read,
.letter_header,
.scrap_folder,
.top_bt_area,
.atc_file,
.atc_memo .atc_header,
.mb_sns tr {
  border-bottom: 1px solid #f2f2f2;
}
.mb_sns thead tr {
  border-bottom: 3px double #f2f2f2;
}
.cmt_body::before {
  border-top: 6px solid #d8d8d8;
  border-right: 6px solid #d8d8d8;
}
.ldf .list_body {
  border-top: 1px dotted #d8d8d8;
}
.has_top .cmt_title {
  border-bottom: 1px dotted #cccccc;
}
.sticker_pack > ul > li.on::before {
  border-bottom: 11px solid #cccccc;
}
.site_login .keep_desc,
.atc_ex th,
.atc_buttons button,
.atc_box h3,
.atc_sign .current_point,
.atc .show_author_document h2,
.cmt,
.sticker_pack,
.mb_list > ul > li .bt_delete,
.saved_con,
.mb_document .list_browser a,
.mb_signup .agreement .agreement_title,
.letter_header .bt_reply,
.hg_rank .list_rank,
.atc_file::after,
.atc_tags li a,
.mb_login .ex .keep_msg {
  background-color: #f7f7f7;
}
.letter_list > ul > li.active,
.atc_tags li a:hover {
  background-color: #fcfcfc;
}
.list_g .list_thumb,
.bt_cmt_reload,
.bt_cmt_prev,
.wls .swiper-slide,
.sticker_list,
.atc_tags li a:hover {
  background-color: #eaeaea;
}
.letter_list .readed {
  background-color: #d1d1d1;
}
/* 기타 포인트 컬러 */
a.bt_color,
button.bt_color {
  border: 1px solid #c6d4cb;
  background-color: #dcece2;
  color: #333333;
}
a.bt_mono,
button.bt_mono {
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
}
.atc_buttons .bt_vote {
  border: 1px solid #f1c3c3;
  background-color: #ffd9d9;
}
.atc_buttons .bt_blame {
  border: 1px solid #d3d3d3;
  background-color: #e5e5e5;
}
.atc_buttons .voted_count::before {
  background-color: #f1c3c3;
}
.atc_buttons .bt_blame .voted_count::before {
  background-color: #d3d3d3;
}
.cmt_vote .voted_count {
  border: 1px solid #f1c3c3;
  background-color: #ffd9d9;
  color: #da7373;
}
.cmt_vote .voted_count.blamed {
  border: 1px solid #d3d3d3;
  background-color: #e5e5e5;
  color: #a6a6a6;
}
.atc .show_author_document li a .mark.newest {
  border: 1px solid #d3d3d3;
  background-color: #e5e5e5;
}
.atc .show_author_document li a .mark.popular {
  border: 1px solid #f1c3c3;
  background-color: #ffd9d9;
}
.paging .page_num.on {
  background-color: #dcece2;
  border: 1px solid #c6d4cb;
}
.list_d .list_ctg,
.ldd .list_ctg,
.ldf .list_ctg,
.atc_ctg,
.atc_ctg a {
  color: #6e8a98;
}
.atc_buttons .submitted .fa-check {
  color: #6e937c;
}
/* icon */
.list_icon {
  background-color: #f28585;
}
.list_wrap .list_new.updated,
.list_icon.updated {
  background-color: #a9d7c6;
}
/* input 컬러 */
.ip_bs {
  border: 1px solid #e5e5e5;
}
.ip_bs:focus {
  border: 1px solid #cccccc;
}
/* 폴더 컬러 */
.hg_gnb .svg_folder,
.pr_mymenu_node .pr_text .fa-folder-open {
  color: #dedede;
}
/* 기본 폴더 */
.hg_gnb .active .svg_folder {
  color: #a9d7c6;
}
/* 선택 폴더 */
.mb_document .list_browser svg {
  color: #a9d7c6;
}
/* 포인트 바 */
.logged .point_bar {
  border: 1px solid #c6d4cb;
}
.logged .point_current {
  background-color: #dcece2;
}
/* 알림 색상 */
.notify_list .notify_type {
  background-color: #d1d1d1;
}
/* 노말 */
.notify_list .notify_type_C {
  background-color: #a9d7c6;
}
/* 코멘트 */
.notify_list .notify_type_V {
  background-color: #f28585;
}
/* 추천 */
.notify_list .notify_type_E {
  background-color: #45455f;
}
/* 쪽지 */
/*** 위젯 랭크 ***/
.page1 li:first-child .list_rank,
.hg_rank li:first-child .list_rank {
  background-color: #f28585;
  border: 1px solid #f28585;
  color: #FFF;
}
.page1 li:nth-child(2) .list_rank,
.hg_rank li:nth-child(2) .list_rank {
  background-color: #45455f;
  border: 1px solid #45455f;
  color: #FFF;
}
.page1 li:nth-child(3) .list_rank,
.hg_rank li:nth-child(3) .list_rank {
  background-color: #a9d7c6;
  border: 1px solid #a9d7c6;
  color: #FFF;
}
/*** 포인트 스킨 별 색상 ***/
.hg_rank h3 .star {
  color: #f9c537;
}

/* Original file: layouts/comely_layout/css_color/blueberry_pc.css */

.admin_menu a:hover .text,
.list_buttons .admin svg,
.hg_bd .xe_content,
.mb_list > ul > li .bt_delete:hover,
.letter_header .bt_reply:hover,
.w_tab li.active a {
  color: #333333;
}
.notify_list strong:nth-of-type(2) {
  border-bottom: 1px solid #333333;
}
.admin_menu a:hover .icon,
.hg_sidebar .global_search .ip_search:focus + svg,
.ldg .hided_info .list_summary,
.sbOptions a:hover,
.list_buttons svg {
  color: #616161;
}
.list_buttons svg {
  fill: #616161;
}
.admin_menu .text,
.list_menu .bt,
.ldd .list_summary,
.ldg .hided_info .list_info,
.ldg .hided_info .list_info a,
.atc_file_list .file_size,
.sbOptions a,
.bd_desc,
.atc_file,
.mb_auto .mb_delete .bt_ipcheck,
.mb_signup .help-block,
.mb_findpass .desc,
.hg_widget .list_vote,
.hg_widget .list_summary,
.wln .list_browser2 > a,
.wlg .list_summary,
.wlg .hided_info .list_info,
.wlg .hided_info .list_info a {
  color: #878787;
}
.admin_menu .icon,
.hg_sidebar .global_search svg,
.hg_gnb2 .sub_menu1 > ul > li svg,
.hg_gnb .expand_svg,
.hg_gnb a .svg-inline--fa,
.hg_gnb2 a .svg-inline--fa,
.hg_message h3 .bt_bs,
.list_menu .bt svg,
.ldd .list_info,
.ldd .list_info a,
.atc_file_list .b_link:visited,
.atc_info,
.atc_info a,
.w_tab li a,
.hg_widget .list_info,
.hg_widget .list_info a,
.wln .list_info,
.wln .list_info a,
.wlw2 .list_date,
.wlg .list_info,
.wlg .list_info a,
.hg_widget .no_thumb > span,
.pr_mymenu_edit .empty,
.hg_widget .active .page_count,
.hg_widget .w_title .page_count {
  color: #a6a6a6;
}
input::-webkit-input-placeholder {
  color: #a6a6a6;
}
input::-moz-placeholder {
  color: #a6a6a6;
}
input:-ms-input-placeholder {
  color: #a6a6a6;
}
input:-moz-placeholder {
  color: #a6a6a6;
}
.cmt_header,
.cmt_header a,
.cmt_date {
  color: #8c8c8c;
}
.hg_widget .page_count {
  color: #e5e5e5;
}
.cmt_ctrl a,
.pr_mymenu_edit .pr_item_add,
.pr_mymenu_node .select_text {
  color: #6e8a98;
}
.list_wrap .list_new.updated {
  background-color: #6e8a98;
}
.global_notice .star {
  color: #f28585;
}
.list_wrap .list_new,
.wls .w_page_nav,
.wlc .new_icon {
  background-color: #f28585;
}
.wlg2 .list_cmt {
  color: #f9c2c2;
}
.admin_menu,
.unlogged a,
.hg_gnb li a span:not(.b_link),
.hg_gnb2 li a span:not(.b_link),
.hg_gnb .expand_svg,
.best_widget,
.list_buttons ul,
.list_buttons span,
.small_box,
.list_search_key,
.list_category2 > ul > li,
.ldd,
.ldf,
.atc,
.atc_header .bt_file,
.cmt_write_sp,
.bd_write,
.write_ex > ul,
.write_ex .krZip input[type=text],
.sbSelector,
.mb_signup,
.mb_signup .krZip input[type=text],
.letter_header .reply_text,
.w_tab li,
.hg_widget .list_rank,
.hg_widget .list_browser,
.hg_widget_LB,
.wln .list_browser2 > a,
.hg_widget_N .wlg .list_body,
.wlc .list_body,
.pr_mymenu_node .pr_text span,
.hg_sidebar .hg_widget_LB,
.hg_content .hg_rank,
.list_category2 > ul > li > ul {
  border: 1px solid #e5e5e5;
}
.no_document,
.ldn table,
.cmt_write_form .user_info input,
.bd_write .bt_area,
.mb_profile_title,
.mb_tab h3,
.mb_signup .help-block,
.has_top .bt_memo_write .bt_mono {
  border-top: 1px solid #e5e5e5;
}
.hg_container::before,
.cd_noticebtt_pc_ldd,
.ldn td:last-child,
.mb_signup .th,
.friend_list > ul > li:nth-child(2n-1),
.w_tab li:last-child {
  border-right: 1px solid #e5e5e5;
}
.hg_header,
.admin_menu li,
.member_login,
.hg_sidebar .global_search,
.hg_message h3,
.hg_gnb .sub_menu1 li::before,
.list_buttons li,
.no_document,
.ldd > ul > li,
.ldn tr:last-child,
.ldf .list_unit,
.atc_info a:hover,
.cmt_write_form .user_info .ip_pass,
.cmt_write_sp > h1,
.cmt_write_sp .cmt_unit,
.write_header,
.write_ex > ul > li,
.mb_set,
.mb_signup > ul > li,
.wlw .list_unit > li,
.wlw2 .list_unit > li,
.wlw3 .list_unit > li.list_item,
.hg_sidebar .wlw3 .list_unit > li.first_item,
.wlc .list_browser3,
.title_L .w_title,
.title_L .w_tab {
  border-bottom: 1px solid #e5e5e5;
}
.hg_container::before,
.hg_gnb .sub_menu1 li::before,
.cd_noticebtt_pc_ldd,
.ldn td:first-child,
.cmt_write_form .textarea_wrap,
.cmt_write_option,
.hg_sidebar .wln .list_browser2,
.has_top .bt_memo_write .bt_mono {
  border-left: 1px solid #e5e5e5;
}
.admin_menu::after,
.ldd .list_info li::after,
.write_ex > ul > li::after,
.mb_list .list_info > ul > ::after {
  background-color: #e5e5e5;
}
.mb_findpass .desc {
  border: 1px solid #f2f2f2;
}
.friend_list .bt_area,
.atc_memo .bt_memo_write .bt_mono,
.atc_memo .cmt:not(.has_top) {
  border-top: 1px solid #f2f2f2;
}
.hg_gnb2 .sub_menu1 li,
.ldn tr,
.atc_header .title_wrap,
.atc_info,
.mb_list > ul > li,
.hg_widget_LB .wlw .list_unit > li,
.hg_widget_LB .wlw2 .list_unit > li {
  border-bottom: 1px solid #f2f2f2;
}
.atc_memo .bt_memo_write .bt_mono {
  border-left: 1px solid #f2f2f2;
}
.w_title,
.w_tab li.active,
.hg_rank h3 {
  border: 1px solid #d8d8d8;
}
.pr_mymenu_edit .pr_item_add,
.pr_mymenu_edit .pr_item_del,
.pr_mymenu_edit .pr_drag_handle {
  border: 1px dotted #d8d8d8;
}
.ldd .list_summary,
.mb_set,
.list_category2 > ul > li > ul > li {
  border-top: 1px dotted #d8d8d8;
}
.mb_set::before,
.mb_set::after {
  border-right: 1px dotted #d8d8d8;
}
.wlc .list_body::before {
  border-top: 6px solid #d8d8d8;
  border-left: 6px solid #d8d8d8;
}
.site_login .ex .keep_desc,
.mb_list > ul > li .bt_delete:hover,
.letter_header .bt_reply:hover,
.mb_login .ex .keep_msg {
  border: 1px solid #cccccc;
}
.has_top .cmt_not_permitted {
  border-top: 1px dotted #cccccc;
}
.list_category2 svg.fa-check,
.list_category2 svg.fa-angle-down {
  color: #cccccc;
}
.admin_menu,
.hg_container::before,
.cd_noticebtt_pc_ldd,
.cd_noticebtt_pc_ldn,
.now_reading,
.ldn th,
.cmt_write_sp .cmt_unit,
.write_ex::after,
.top_bt_area .bt_bs2.bt_mono,
.top_bt_area .sbSelector,
.mb_list .sbSelector,
.mb_signup .th,
.letter_list .bt_area,
.hg_widget_LB .list_rank,
.hg_sidebar .hg_widget .list_rank,
.hg_sidebar .hg_widget .no_thumb,
.wlc .list_body,
.atc_notice .notice_icon,
.sticker_notice .notice_icon,
.wll .list_unit > li,
.hg_sidebar .hg_widget_N .wll .list_unit > li,
.w_title,
.hg_rank h3,
.hg_sidebar .hg_widget_LB .wll .list_unit > li,
.hg_container::after {
  background-color: #f7f7f7;
}
.wlc .list_body::after {
  border-top: 5px solid #f7f7f7;
  border-left: 5px solid #f7f7f7;
}
.hg_gnb2 .sub_menu1 li:hover,
.mb_info_table th,
.w_tab li {
  background-color: #fcfcfc;
}
.list_d .list_cmt,
.hg_widget .no_thumb,
.hg_widget_N .wll .list_unit > li {
  background-color: #eaeaea;
}
/* 기타 포인트 컬러 */
.hg_header .logo svg {
  color: #a9d7c6;
}
.hg_header2 {
  background-color: #45455f;
  border-bottom: 1px solid #37374c;
}
.hg_header2.no_nav {
  border-bottom: 1px solid #37374c;
}
.hg_header2 .logo svg {
  color: #a9d7c6;
  stroke: black;
  stroke-width: 2;
}
.header_menu li a {
  border: 1px solid #37374c;
  background-color: #50506e;
}
.header_menu li a:hover {
  border: 1px solid #22222e;
}
.hg_gnb2_wrap {
  background-color: #45455f;
  border-top: 1px solid #37374c;
}
.hg_gnb2_wrap.fixed {
  border-bottom: 1px solid #37374c;
}
.hg_gnb2 > ul > li,
.hg_gnb2 .pr_mymenu {
  border-right: 1px solid #37374c;
}
.hg_gnb2 > ul {
  border-left: 1px solid #37374c;
}
.hg_gnb2 > ul > li.active > a {
  text-decoration: none;
  background-color: #3f3f56;
}
.hg_gnb2 .sub_menu1,
.hg_gnb2 .sub_menu2 {
  border: 1px solid #37374c;
}
.hg_gnb2 .sub_menu1 a {
  color: #333333;
}
.hg_gnb .pr_mymenu .bt_edit svg,
.hg_gnb3_mymenu .pr_mymenu .bt_edit svg,
.hg_gnb2 .pr_mymenu .bt_edit svg,
.hg_gnb .pr_mymenu_edit .bt_edit svg {
  color: #f9c537 !important;
}
.hg_gnb3 > ul > li.has_list > a,
.hg_gnb3 li a span:not(.b_link) {
  border: 1px solid #3e3e56;
  background-color: #50506e;
}
.hg_gnb3 li a:hover span:not(.b_link) {
  background-color: #f28585;
}
.hg_gnb3 a svg {
  color: #f28585;
}
.hg_gnb3_mymenu {
  background-color: #45455f;
  border-top: 1px solid #37374c;
  border-bottom: 1px solid #37374c;
}
.hg_gnb3_mymenu .pr_mymenu li a span:not(.b_link) {
  border: 1px solid #37374c;
  background-color: #50506e;
}
.hg_gnb3_mymenu .pr_mymenu li a:hover span:not(.b_link) {
  background-color: #f28585;
}
.w_title,
.w_tab li.active,
.hg_rank h3 {
  background-color: #f7f7f7;
  border: 1px solid #d8d8d8;
}
.hg_widget .active .page_count,
.hg_widget .w_title .page_count {
  color: #a6a6a6;
}
.hg_content .hg_widget_N.title_ .w_tab li {
  background-color: #f7f7f7;
}
.title_L .w_tab li::after {
  background-color: #e5e5e5;
}
.hg_sidebar h3.title,
.hg_sidebar .title_ .w_title,
.hg_sidebar .hg_rank h3 {
  border: 1px solid #e5e5e5;
  background-color: #f7f7f7;
}
.hg_sidebar .w_tab li {
  border: 1px solid #e5e5e5;
  background-color: #FFF;
}
.hg_sidebar .w_tab li.active {
  background-color: #f7f7f7;
}
.hg_sidebar .w_tab li a {
  color: #a6a6a6;
}
.hg_sidebar .w_tab li.active a {
  color: #333333;
}
.hg_footer_wrap {
  border-top: 1px solid #e5e5e5;
  background-color: #FFF;
}
.bt_color:hover {
  background-color: #cbe3d4;
}
.bt_color:not(.bt_box):hover {
  border: 1px solid #b7c9be;
}
.bt_mono:hover {
  background-color: #f7f7f7;
}
.bt_mono:not(.bt_box):hover {
  border: 1px solid #d8d8d8;
}
.ldn .best_count > span,
.wlc .list_body.new_atc {
  border: 1px solid #b0bdb5;
  background-color: #dcece2;
}
.wlc .list_body.new_atc::before {
  border-top: 6px solid #b0bdb5;
  border-left: 6px solid #b0bdb5;
}
.wlc .list_body.new_atc::after {
  border-top: 5px solid #dcece2;
  border-left: 5px solid #dcece2;
}
.wlc .list_body.new_atc {
  background-color: #dcece2;
}
.wlc .list_body.new_atc::after {
  border-top: 5px solid #dcece2;
  border-left: 5px solid #dcece2;
}
.ldn .best_blamed > span {
  border: 1px solid #e5e5e5;
  background-color: #f7f7f7;
}
.list_n .notice_text {
  color: #6e8a98;
}
.ldn .best_count > span,
.atc_info .cmt_count {
  border: 1px solid #b0bdb5;
  background-color: #dcece2;
}
.atc_info .cmt_count {
  color: #617368;
}
.wll .nickname {
  background-color: #dcece2;
}
.pr_mymenu_node .select_text svg {
  fill: #617368;
}
.list_buttons .admin {
  background-color: #dcece2;
  border: 1px solid #b0bdb5;
}
.list_buttons .admin li {
  border-bottom: 1px solid #b0bdb5;
}
/* icon */
.hg_bd .list_icon2.image {
  background-color: #a9d7c6;
}
.hg_bd .list_icon2.file {
  background-color: #cccccc;
}
/* input 컬러 */
.ip_bs {
  background-color: #f7f7f7;
}
/* gnb */
.hg_gnb li a:hover span:not(.b_link),
.hg_gnb2 li a:hover span:not(.b_link),
.hg_gnb .pr_mymenu li a span:not(.b_link),
.pr_mymenu .pr_scut,
.pr_mymenu_node .pr_item_select:hover .pr_text span {
  background-color: #dcece2;
  border: 1px solid #b0bdb5;
}
.hg_gnb a:hover .svg-inline--fa,
.hg_gnb2 a:hover .svg-inline--fa {
  color: #a9d7c6;
}
/* 스크롤바 컬러 */
.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #dcece2;
}
/* header menu */
.header_menu li a {
  padding: 0 10px;
  line-height: 30px;
  border-radius: 2px;
  font-size: 12px;
}
/* font etc */
.hg_header2 .logo a,
.hg_gnb3 a,
.header_menu li a {
  color: #FFF;
}
.hg_gnb2 > ul > li > a,
.hg_gnb2 .pr_mymenu > ul > li > a,
.hg_gnb3_mymenu,
.hg_gnb3_mymenu a {
  color: #FFF;
}
.hg_gnb2 .pr_mymenu > ul > li > a .b_link,
.hg_gnb3_mymenu .pr_mymenu .b_link {
  color: #dcece2;
}
.hg_footer_wrap,
.hg_footer_wrap a {
  color: #333333;
}

/* Original file: modules/board/skins/comely_board/css/board.css */

.black_bubble	{display: none; position: absolute; top: 100%; left: 0; width: 100%; padding: 5px 0; background-color: #333; box-shadow: 0 0 10px rgba(0,0,0,0.2); text-align: left; z-index: 10;}
.black_bubble li	{white-space: nowrap;}
.black_bubble li button,
.black_bubble li a	{display: inline-block; color: #DDD;}
.black_bubble li button:hover,
.black_bubble li a:hover	{color: #FFF;}

/* list top */
.list_search_key	{position: relative; padding: 15px; min-height: 30px;}
.list_search_key .search_key	{line-height: 30px;}
.list_search_key .search_text	{cursor: pointer;}
.list_search_key .bt_area	{position: absolute; right: 15px; top: 15px;}
.list_search_key .bt_cancel svg	{display: inline-block;}

/* list bottom */
.list_footer	{margin-top: 15px;}
.list_footer .bt_write	{float: right;}

.paging	{position: relative; margin-top: 15px; height: 50px; padding: 0 36px; box-sizing: border-box; background-color: #FFF; border-radius: 2px; text-align: center;}
.paging .page_num	{display: inline-block; margin: 0 3px;}
.paging .page_num.on	{border-radius: 2px;}
.paging .bt_last	{margin-left: 5px;}
.paging .bt_first	{margin-right: 5px;}
.paging .bt_prev	{display: inline-block; position: absolute; top: 0; left: 0; max-width: 16px; height: 50px; line-height: 50px; padding: 0 10px; text-align: center;}
.paging .bt_prev svg	{height: 15px; padding-bottom: 3px; vertical-align: middle;}
.paging .bt_next	{left: auto; right: 0; border-right: none !important;}

/* list_d common */
.list_d .list_link	{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 10;}

/* list_g common */
.list_g .list_unit	{position: relative;}
.list_g .i_check	{position: absolute; left: 10px; top: 10px; z-index: 11;}
.list_g .list_thumb	{display: block; position: relative; background-repeat: no-repeat; background-position: center center; overflow: hidden;}
.list_g .list_thumb::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.08); z-index: 3;}
.list_g .now_reading2 .list_thumb::before	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; z-index: 2;}
.list_g .now_reading2 .list_thumb .fa-arrow-up	{position: absolute; left: 50%; top: 50%; color: #FFF; z-index: 4;}
.list_g .list_thumb img	{display: block; position: absolute; left: 0; top: 0;}
.list_g .no_image	{display: inline-block; position: absolute; left: 50%; top: 50%; margin: -18px 0 0 -20px;  width: 40px; height: 36px; text-transform: uppercase; text-align: center;}
.list_g .no_image svg	{height: 35px;}

.list_g .list_ctg	{display: inline-block; margin-bottom: 5px;}
.list_g .list_title	{font-weight: 500; line-height: 140%;}
.list_g .list_summary	{margin-top: 10px; line-height: 160%;}
.list_g .list_info:empty	{display: none;}
.list_g .list_info li	{display: inline-block; margin-right: 10px;}
.list_g .list_info .info_right	{float: right; margin-left: 5px; margin-right: 0;}
.list_g .list_info svg	{height: 13px; width: 13px; margin-right: 3px; vertical-align: middle;}
.list_g .list_vote svg	{height: 9px;}
.list_g .list_profile	{margin-top: 10px;}
.list_g .list_profile .pf	{margin-right: 5px; vertical-align: middle;}

.list_wrap .list_new	{display: inline-block; position: absolute; right: 0; top: 0; width: 25px; height: 25px;font: 10px/25px "Arial"; text-align: center; color: #FFF; z-index: 5;}
.use_bnw .list_thumb img	{-webkit-filter: grayscale(100%); filter: grayscale(100%); transition-property: filter; transition-duration: 0.3s;}
.use_bnw .list_thumb:hover img	{-webkit-filter: none; filter: none;}

/* list gallery */
.ldg .list_body	{padding: 10px; background-color: #FFF; border-top: none !important;}
.ldg .list_info	{margin: 10px -10px -10px; padding: 10px; border-top: 1px solid rgba(0,0,0, 0.08);}

.ldg .hided_info .list_body	{position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; background-color: transparent; border: none; opacity: 0; transition-property: opacity; transition-duration: 0.2s; z-index: 2;}
.ldg .hided_info.now_reading2 .list_thumb::before	{background-color: #FFF;}
.ldg .hided_info.now_reading2 .list_thumb .fa-arrow-up	{color: #333;}
.ldg .has_profile.hided_info .list_body	{bottom: 40px;}
.ldg .has_profile.hided_info::after	{height: calc(100% - 40px);}

/* list gallery2 */
.ldg2 .list_unit::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../../../../modules/board/skins/comely_board/images/bg_news.png") repeat-x left bottom;}
.ldg2 .list_body	{position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px; box-sizing: border-box; color: #FFF; z-index: 2;}
.ldg2 .list_summary	{opacity: 0.7;}
.ldg2 .list_info	{margin-top: 10px; opacity: 0.5;}
.ldg2 .list_info svg	{fill: #FFF;}

.ldg2 .hided_info .list_body,
.ldg2 .hided_info::after	{opacity: 0; transition-property: opacity; transition-duration: 0.2s;}
.ldg2 .hided_info::after	{background-image: none; background-color: rgba(0,0,0,0.5);}

.list_g.ldg2 .now_reading2 .list_thumb .fa-arrow-up	{top: 20%;}

.ldg2.use_bnw .list_unit:hover .list_thumb img	{-webkit-filter: none; filter: none;}


/* list blog */
.ldb .list_unit	{position: relative;}
.ldb .pf	{position: relative; left: 50%; width: 60px; height: 60px; margin: 0 0 -30px -30px; box-shadow: 0 0 10px rgba(0,0,0, 0.1); z-index: 5;}
.ldb .i_check	{position: absolute; left: 10px; top: 10px; z-index: 11;}
.ldb .list_thumb	{display: block; position: relative; z-index: 2;}
.ldb .list_thumb::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.08);}
.ldb .list_thumb img	{display: block;}
.ldb .list_body	{position: relative; margin-top: -1px; padding-top: 25px; background-color: #FFF; text-align: center; z-index: 1;}
.ldb .list_ctg	{display: inline-block; margin-bottom: 5px;}
.ldb .list_title	{display: inline-block; padding: 0 25px; line-height: 140%; font-size: 16px;}
.ldb .list_title svg	{height: 16px; vertical-align: top; margin-top: 3px;}
.ldb .list_summary	{margin: 20px 25px; text-align: left;}
.ldb .is_secret	{text-align: center;}
.ldb .bt_more	{display: inline-block;}
.ldb .bt_more .dot	{letter-spacing: 3px; font-size: 10px;}
.ldb .bt_more .read_more,
.ldb .bt_more:hover .dot	{display: none;}
.ldb .bt_more:hover .read_more	{display: inline-block; font-size: 11px;}
.ldb .list_info	{display: table; table-layout: fixed; width: 100%; margin-top: 25px;}
.ldb .list_info li	{display: table-cell; padding: 10px 0;}
.ldb .list_info li:last-child	{border-right: none;}
.ldb .list_info svg	{height: 11px; margin-right: 3px;}

.ldb.has_profile .no_thumb	{padding-top: 50px;}
.ldb.has_profile.small_size .no_thumb	{padding-top: 40px;}
.ldb.small_size .pf	{width: 40px; height: 40px; margin: 0 0 -20px -20px;}
.ldb.small_size .list_info svg	{height: 9px;}

/* list faq */
.ldf .list_unit	{position: relative;}
.ldf header	{position: relative;}
.ldf svg	{position: absolute; top: 50%; margin-top: -7px; height: 15px; width: 15px;}
.ldf .text_header	{position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
.ldf .list_ctg	{display: inline-block; position: relative; margin-right: 5px; z-index: 6;}
.ldf .list_ctg:hover	{text-decoration: underline;}
.ldf h1	{display: inline-block; line-height: 140%;}
.ldf .on .title	{}
.ldf .list_link	{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 5;}
.ldf .i_check	{z-index: 6;}
.ldf .list_body	{display: none; position: relative;}
.ldf .list_body .text_header	{position: absolute; left: 0; top: 20px; -ms-transform: none; transform: none;}
.ldf .list_ctrl	{margin-top: 25px;}
.ldf .list_ctrl a	{margin-right: 10px;}

.ldf_notice	{position: relative; margin-bottom: -1px; z-index: 1;}

/* memo */
.atc_memo .atc_header	{min-height: 40px;}
.atc_memo.no_profile .atc_header	{padding-left: 15px;}
.atc_memo .atc_buttons	{margin-bottom: 0;}

.bt_memo_write	{position: relative; min-height: 40px;}
.memo_write form	{display: none;}
.bt_memo_write svg	{margin-right: 3px; padding-bottom: 2px; vertical-align: middle;}
.bt_memo_write .textarea_dummy	{display: block; height: 40px; line-height: 40px; box-sizing: border-box; cursor: text;}
.bt_memo_write .button_dummy	{display: inline-block; position: absolute; right: 0; top: 0; height: 40px; line-height: 40px; cursor: pointer;}
.bt_memo_write .bt_box	{display: inline-block; height: 100%;}
.bt_memo_write .bt_box svg	{height: 13px;}

.atc_memo .cmt_write1 .cmt_form	{display: none;}
.atc_memo .cmt_write_ex	{padding-left: 0;}

.memo_write_tags input	{width: 100%; box-sizing: border-box; border: none;}
.memo_write .cmt_write_ex	{padding-left: 0;}

.atc_notice	{position: relative; min-height: 40px;}
.atc_notice .notice_icon	{display: inline-block; position: absolute; width: 40px; height: 40px; border-radius: 50%; text-align: center;}
.atc_notice .notice_icon svg	{height: 18px; margin-top: 11px;}
.atc_notice .notice_ctrl	{margin-top: 10px;}
.atc_notice .notice_ctrl a	{margin-right: 10px;}

/* read */
.atc_file	{position: relative; z-index: 1;}
.atc_file::after	{content: ''; position: absolute; left: 0; top: 0; height: 100%; z-index: -1;}
.atc_file h3	{display: inline-block; height: 100%; vertical-align: top;}
.atc_file ol	{display: inline-block; list-style: inside decimal; width: calc(100% - 161px); box-sizing: border-box; padding: 8px 10px 0; line-height: 160%;}
.atc_file li	{margin-bottom: 8px;}
.atc_ex	{position: relative; border-collapse: collapse;}
.atc_ex:empty	{margin: 0;}
.atc_ex th,
.atc_ex td	{padding: 8px 10px;}
.atc_ex th	{text-align: left; font-weight: normal; white-space: nowrap;}
.atc_ex td	{word-break: break-all;}

.atc_secret	{padding: 50px 0; text-align: center;}
.atc_secret h3	{margin-top: 5px;}
.atc_secret .desc	{margin-top: 5px;}
.atc_secret .bt_login,
.atc_secret form	{margin-top: 15px;}

.hg_bd .xe_content ul,
.hg_bd .xe_content ol	{list-style-type: initial; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px;}
.hg_bd .xe_content ol	{list-style-type: decimal;}

.atc_tags	{position: relative; padding-left: 25px; margin-top: 20px; margin-right: -10px;}
.atc_tags svg	{position: absolute; left: 0; top: 10px; height: 15px;}
.atc_tags li	{display: inline-block;}
.atc_tags li a	{display: inline-block; padding: 0 10px; margin: 5px 5px 0 0; line-height: 24px; border-radius: 12px;}

.atc_buttons	{text-align: center; margin: 25px 0;}
.atc_buttons ul	{display: inline-block;}
.atc_buttons li	{display: inline-block; margin: 0 2px;}
.atc_buttons button	{display: inline-block; padding: 5px 8px; border-radius: 2px;}
.atc_buttons .voted_count	{display: inline-block; position: relative; margin-left: 15px;}
.atc_buttons .voted_count::before	{content: ''; position: absolute; left: -8px; top: -5px; width: 1px; height: calc(100% + 10px);}
.atc_buttons .pf.lined	{border-radius: 50%; width: 30px; height: 30px; vertical-align: middle; cursor: pointer;}
.atc_buttons .pf.lined::after	{border-radius: 50%;}
.atc_buttons .submitted	{display: inline-block; padding: 5px 8px; border: 1px solid #ebebd7; background-color: #ffffe9; border-radius: 2px;}
.atc_buttons .submitted .voted_count::before	{background-color: #ebebd7}

.atc_box	{margin-bottom: -1px;}
.atc_box h3	{height: 30px; line-height: 30px; padding: 0 15px;}

.bt_who	{width: 300px; margin: -10px auto 15px; text-align: center; cursor: pointer;}
.bt_who .pf	{margin: 0 5px; vertical-align: middle;}
.atc_who	{display: none;}
.atc_who.show	{display: block;}
.atc_who .inner	{height: 88px;}
.atc_who ul	{padding: 15px 15px 0; text-align: center;}
.atc_who li	{display: inline-block; width: 55px; margin-bottom: 13px; vertical-align: top;}

.atc_sign h3	{padding: 0; background-color: #FFF !important; white-space: nowrap; overflow: hidden;}
.atc_sign .writer_text	{display: inline-block; padding: 0 15px; vertical-align: top;}
.atc_sign .nickname	{margin-right: 10px;}
.atc_sign .point_bar	{display: inline-block; position: relative; padding: 0 15px; box-sizing: border-box; vertical-align: top; z-index: 1;}
.atc_sign .current_point	{position: absolute; left: 0; top: 0; height: 30px; z-index: -1;}
.atc_sign .point	{position: absolute; right: 15px; top: 0;}
.atc_sign .sign_body	{padding: 12px 15px;}

.atc .show_author_document	{display: none;}
.atc .show_author_document.atc_box	{display: block; margin: 0;}
.atc .show_author_document h2	{height: 30px; line-height: 30px; padding: 0 15px;}
.atc .show_author_document h2 i	{display: none;}
.atc .show_author_document ul	{border: none; padding: 15px 15px 8px;}
.atc .show_author_document li	{margin-bottom: 7px;}
.atc .show_author_document li a	{height: auto;}
.atc .show_author_document li a .mark	{padding: 2px 6px; margin-right: 5px; border-radius: 2px;}
.atc .show_author_document li .part	{padding-top: 3px;}

.atc_warn	{position: fixed; left: 50%; top: 50%; margin-top: -18px; height: 36px; line-height: 36px; padding: 0 15px; background-color: rgba(0,0,0,0.5); text-align: center; font-size: 14px; color: #FFF; opacity: 0; z-index: -5;}

/* rating */
.rating	{display: inline-block; position: relative; 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: '★★★★★'; color: #CCC;}
.rating>span::after	{content: '★★★★★';}

/* comment */
.cmt_title	{position: relative;}
.bt_cmt_write	{position: absolute; right: 25px; top: 10px; padding: 5px 7px; max-width: 27px; box-sizing: border-box; background-color: #FFF; border-radius: 2px;}
.bt_cmt_write svg	{height: 13px; vertical-align: middle; padding-bottom: 2px;}
.cmt_notice	{position: relative; padding: 12px 15px 12px 45px; background-color: #FFF; line-height: 180%;}
.cmt_notice svg	{position: absolute; left: 15px; top: 15px; height: 18px; width: 18px;}
.cmt_unit	{position: relative;}
.cmt_header	{padding-left: 60px;}
.cmt.no_profile .cmt_header	{padding-left: 0;}
.cmt_header .writer	{display: inline-block; padding: 2px 5px; margin-left: 3px; border-radius: 2px; border: 1px solid #dfdfc8; background-color: #ffffe9;}
.cmt_secret_icon svg	{height: 16px; vertical-align: middle;}
.cmt_ip	{margin-left: 5px;}
.cmt_rank	{display: inline-block; padding: 2px 4px; margin-right: 5px; border-radius: 2px; font-size: 10px; color: #FFF; z-index: 5;}
.cmt_rank1	{background-color: #D4AF37;}
.cmt_rank2	{background-color: #A9A9A9;}
.cmt_rank3	{background-color: #B08D55;}
.cmt_unit .pf	{margin-right: 15px; vertical-align: top;}

.cmt_member,
.cmt_guest	{margin-top: 10px;}
.cmt_body	{display: inline-block; position: relative; padding: 12px 15px; box-sizing: border-box; background-color: #FFF; vertical-align: top;}
.cmt_body::before	{content: ''; position: absolute; right: 100%; top: 15px; border: 6px solid transparent;}
.cmt_body::after	{content: ''; position: absolute; right: 100%; top: 16px; border: 5px solid transparent; border-top: 5px solid #FFF; border-right: 5px solid #FFF;}
.cmt.no_profile .cmt_body::before	{content: none;}
.cmt.no_profile .cmt_body::after	{content: none;}
.cmt_body.my_cmt	{border: 1px solid #dfdfc8; background-color: #ffffe9;}
.cmt_body.my_cmt::before	{border-top: 6px solid #d2d2b9; border-right: 6px solid #d2d2b9;}
.cmt_body.my_cmt::after	{border-top: 5px solid #ffffe9; border-right: 5px solid #ffffe9;}
.cmt_vote .voted_count	{display: inline-block; padding: 2px 6px; font: 11px "Arial";}
.cmt_vote .voted_count + .blamed	{border-left: none;}
.cmt_vote .voted_count + .blamed:hover	{border-left: none;}
.cmt_vote .voted_count svg	{height: 9px; margin-right: 1px;}
.cmt_new	{display: inline-block; width: 4px; height: 4px; margin-left: 5px; border-radius: 50%; vertical-align: top;}
.cmt_body .xe_content img	{padding-bottom: 5px;}
.atc .xe_content a	{text-decoration: underline;}
.atc .xe_content a:hover	{text-decoration: none;}

.cmt_reload	{text-align: center;}
.bt_cmt_reload,
.bt_cmt_prev	{width: 100%; padding: 10px 0;}

.cmt_delete .instant_delete	{text-align: center;}

/* best cmt */
.best_area	{margin-bottom: 15px;}
.best_cmt_text	{display: inline-block; width: 40px; border: 1px solid #f1c3c3; border-right: none; background-color: #ffd9d9; color: #da7373; text-transform: uppercase; text-align: center;}
.cmt_unit.best_cmt	{margin-top: -1px; padding-top: 0; padding: 15px; border: 1px solid #e5e5e5; background-color: #FFF;}
.cmt_unit.best_cmt .pf	{margin-right: 10px;}
.cmt_unit.best_cmt .cmt_body	{border: none !important; padding: 0;}
.cmt_unit.best_cmt .cmt_body::after,
.cmt_unit.best_cmt .cmt_body::before	{content: none !important;}
.cmt_unit.best_cmt .cmt_date	{display: none;}
.cmt_unit.best_cmt .cmt_edit	{position: static; margin: 8px 0 0 0;}

.cmt.no_profile .cmt_unit.best_cmt .cmt_body	{max-width: 100%;}

/* comment write */
.cmt_not_permitted .bt_login	{margin-top: 10px;}
.cmt_write	{background-color: #FFF}
.cmt_write_form	{position: relative;}
.cmt_write_form .textarea_wrap.editor_ver	{padding: 15px 15px 4px;}
.textarea_wrap.text_ver textarea	{min-height: 120px; box-sizing: border-box; border: none; background-color: transparent; line-height: 160%; resize: none; overflow: hidden;}
.cmt_write_ex	{position: relative; height: 40px;}
.cmt_write_editor 	{display: inline-block; height: 40px; vertical-align: top;}
.cmt_write_editor svg	{width: 10px; margin-left: 5px; vertical-align: middle;}
.cmt_write_editor>button	{width: 100%; line-height: 40px; height: 40px;}
.cmt_write_option	{display: inline-block; height: 40px; line-height: 40px;}
.cmt_write_option .i_check	{margin-right: 15px;}
.cmt_write_ex .bt_area	{float: right; height: 100%;}

.cmt_write_re	{display: none; position: relative; margin-top: 10px; background-color: #FFF; border-bottom: none !important; border-right: none !important;}
.cmt_write_re::after	{content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; z-index: 1;}
.cmt_write_re::before	{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; z-index: 1;}
.cmt_write_re .cmt_form	{position: relative; height: 0; overflow: hidden;}
.cmt_write_re .cmt_write_ex	{padding-left: 0;}
.cmt_write_re .cmt_write_option	{border-left: none;}
.go_editor svg	{height: 13px; vertical-align: middle; padding-bottom: 2px;}
.cmt_write_re .bt_area	{position: relative; z-index: 2;}
.cmt_write_re .bt_area .bt_box	{height: calc(100% + 1px);}
.cmt_write_re .bt_color	{margin-right: 0;}

.cmt_write_sp	{background-color: #FFF;}
.cmt_write_sp .cmt_write_editor	{margin-top: -1px; border-top: 1px solid #FFF; color: #FFF;}

/* sticker */
.stk_display	{position: relative; background-color: #FFF; clear: both;}
.cmt_write_re .stk_display	{border-top: none;}
.display-toggle	{display: none;}

.cmt_write .stk_display .bt_close	{display: none;}
.cmt_write_re .stk_display .bt_close	{display: inline-block;}

.sticker_pack	{position: relative; padding: 15px 50px 0;}
.sticker_pack .bt_module,
.sticker_pack>ul>li	{display: inline-block; vertical-align: middle; text-align: center;}
.sticker_pack .bt_module	{position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
.sticker_pack .bt_left	{left: 0;}
.sticker_pack .bt_right	{right: 0;}
.sticker_pack .bt_module,
.sticker_pack>ul>li	{display: inline-block; vertical-align: middle; text-align: center;}
.sticker_pack>ul>li a	{display: inline-block; width: 40px; height: 40px; background-color: #FFF; position: relative; margin: 0 15px 15px 0;}
.sticker_pack>ul>li a::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #000; opacity: 0.1;}
.sticker_pack>ul>li.on a::after	{border: 3px solid #000; opacity: 0.3;}
.sticker_pack div>img	{width:40px; height:40px; object-fit: cover;}
.sticker_pack .bt_module a	{display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center;}
.sticker_pack a svg	{width: 22px; margin-top: 8px;}

.no_sticker	{padding: 25px;}
.stk_body>ul>li	{display: inline-block;}
.stk_body>ul>li a	{display: inline-block; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.stk_body>ul>li a::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #000; opacity: 0.1;}

.stk_cmt_reply .stk_display	{margin-top: 0;}
.stk_cmt_reply .stk_display::before	{content: none;}
.stk_cmt_reply .stk_display::after	{content: none;}

.sticker_pack>ul>li.on	{position: relative;}
.sticker_pack>ul>li.on::before	{content: ''; position: absolute; bottom: -1px; left: 50%; margin-left: -18px; border: 11px solid transparent;}
.sticker_pack>ul>li.on::after	{content: ''; position: absolute; bottom: -1px; left: 50%; margin-left: -17px; border: 10px solid transparent; border-bottom: 10px solid #FFF;}

/* sticker module */
.sticker_notice	{position: relative; min-height: 40px;}
.sticker_notice .notice_icon	{display: inline-block; position: absolute; width: 40px; height: 40px; border-radius: 50%; text-align: center;}
.sticker_notice .notice_icon svg	{height: 18px; margin-top: 11px;}

.lds .list_thumb img	{width: 100%; height: auto;}
.lds .bought_sticker	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; opacity: 0.7; text-align: center; z-index: 1;}
.lds .bought_sticker>span	{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0 15px; line-height: 34px; border-radius: 17px; white-space: nowrap; background-color: #333; color: #FFF;}
.center_price	{width: 100%; text-align: center;}

.sticker_list	{margin: 25px 0;}
.sticker_list>ul>li	{display: inline-block;}
.sticker_list .sticker_img	{position: relative; width: 100%; padding-bottom: 100%; background-size: cover;}
.sticker_list .sticker_img::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.08); z-index: 3;}
.sticker_buy	{text-align: center;}

.write_sticker input[type="number"]::-webkit-outer-spin-button,
.write_sticker input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.write_sticker input.file_hidden	{position: absolute; left: 0; top: 0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.write_sticker .select_file	{display: inline-block; position: absolute; z-index: 1;}
.write_sticker .bt_del	{position: absolute;}

.my_sticker .list_thumb a	{display: inline-block; position: relative; background-size: cover;}
.my_sticker .list_thumb a::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.08); z-index: 3;}
.my_sticker .bt_bs svg	{height: auto; opacity: 0.8;}

/* message */
.bd_message	{margin: 0 auto; padding: 25px 0; background-color: #FFF; text-align: center;}
.bd_message h3	{margin-bottom: 25px;}
.bd_message .ip_bs	{margin-bottom: 25px;}

/* sk ctn */
.sk_ctn	{display: none;}
.sk_ctn	.sk_ctn_inner {position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding: 0 30px; box-sizing: border-box; background-color: rgba(0,0,0,0.9); z-index: 99; overflow: auto; -webkit-overflow-scrolling: touch; color: #FFF;}
.sk_ctn .message	{display: none;}
.sk_ctn section:first-of-type,
.sk_ctn h1	{display: none; margin: 0;}
.sk_ctn section:last-of-type	{}
.sk_ctn section h2	{margin-bottom: 30px; padding: 20px 0; border: 1px solid #555; font-weight: normal; text-align: center; font-size: 18px; letter-spacing: 0.15em; font-family: 'IropkeBatangM', 'IropkeBatangOTFM', 'NanumMyeongjo', 'Batang', serif; cursor: pointer;}
.sk_ctn .x_control-group	{display: none; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255, 255, 255, 0.1)}
.sk_ctn .x_control-label	{letter-spacing: 0.15em;}
.sk_ctn .x_controls	{margin-top: 15px; overflow: hidden;}
.sk_ctn .x_controls label	{margin-right: 10px; line-height: 180%;}
.sk_ctn .i_check>span	{background-color: rgba(255, 255, 255, 0.1); border: 1px solid #555;}
.sk_ctn .x_controls textarea,
.sk_ctn .x_controls input[type=text],
.sk_ctn .x_controls input[type=file]	{position: relative; display: block; width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.3); background-color: rgba(255,255,255,0.1); line-height: 140%; color: #FFF; z-index: 1;}
.sk_ctn .x_controls textarea:focus,
.sk_ctn .x_controls input[type=text]:focus	{border: 1px solid rgba(255,255,255,1.0);}
.sk_ctn .x_icon-question-sign	{display: none;}
.sk_ctn .x_help-block	{display: block; margin-top: 10px; font-size: 12px; opacity: 0.5;}
.sk_ctn .bt_area	{padding-bottom: 60px; text-align: center;}
.sk_ctn .bt_bs	{padding: 0 10px; margin: 0 10px; background-color: transparent !important; border: 1px solid #333 !important;}
.sk_ctn .bt_bs svg	{width: 24px; height: 24px;}

.ac_mobile .x_control-group	{display: none;}


/* send message */
.send_msg .msg_form	{display: none;}
.send_msg.on .msg_form	{display: block;}
.send_msg input.ip_bs	{width: 100%; margin-bottom: 10px;}
.send_msg textarea.ip_bs	{width: 100%; height: 150px; padding: 7px 10px;}

.send_success	{text-align: center;}
.send_msg .inner svg	{margin-bottom: 20px; font-size: 42px; color: #CCC;}

/* Original file: modules/board/skins/comely_board/css/board_pc.css */

.black_bubble li button,
.black_bubble li a	{padding: 5px 10px; font-size: 11px;}

.msover_date .hg_time,
.msover_date .hg_date	{display: inline-block; width: 50px; white-space: nowrap;}
.msover_date .hg_time,
.msover_date:hover .hg_date	{display: none;}
.msover_date:hover .hg_time	{display: inline-block;}

.now_reading_svg	{height: 11px;}

/* bd */
.bd_header	{margin-bottom: 50px;}
.bd_header.has_button	{position: relative; padding-right: 80px;}
.bd_title	{display: inline-block; font-size: 18px;}
.bd_desc	{display: inline-block; margin-left: 10px; font-size: 12px;}
.bd_header .bt_write	{position: absolute; right: 0; top: -5px;}

/* extra code */
.cd_bdtop_pc	{margin-top: -25px; margin-bottom: 50px;}
.best_article	{position: relative;}
.best_article .xe-widget-wrapper	{display: inline-block; width: 50%; vertical-align: top;}
.best_article .xe-widget-wrapper:first-of-type	{margin-right: -1px; width: calc(50% + 1px);}

.cd_bdbtt_pc	{margin-top: 15px;}
.cd_noticebtt_pc_ldn	{padding: 0 !important; text-align: left !important;}

/* list top */
.list_buttons	{position: absolute; right: 50%; margin-right: -421px; width: 30px; text-align: center; z-index: 30;}
.list_buttons.fixed	{position: fixed; top: 50px;}
.list_buttons ul	{border-radius: 2px; margin-bottom: 10px; border-bottom: none !important; background-color: #FFF;}
.list_buttons li	{position: relative;}
.list_buttons .bt	{display: inline-block; height: 28px; width: 100%;}
.list_buttons a svg	{margin-top: 8px;}
.list_buttons span,
.small_box	{display: inline-block; padding: 3px 5px; white-space: nowrap; background-color: #FFF; border-radius: 2px; font-size: 10px;}
.list_buttons span	{display: none; position: absolute; right: 100%; margin-right: 5px; top: 5px;}
.list_buttons .bt:hover + span	{display: inline-block;}
.list_buttons .admin	{border-bottom: none !important;}
.list_buttons .admin svg	{opacity: 0.8;}

.list_menu	{margin-top: -28px; text-align: right;}
.list_menu:empty	{display: none;}
.list_menu .module	{display: inline-block; position: relative; margin-left: 15px; padding-bottom: 10px; font-size: 11px;}
.list_menu .bt	{font-size: 11px;}
.list_menu .bt svg	{margin-left: 3px; vertical-align: middle;}
.list_menu .black_bubble	{width: auto; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 31;}

.list_category>ul	{padding: 5px;}
.list_category>ul>li a	{display: block; padding: 5px;}
.list_category>ul>li>ul>li a	{padding-left: 15px;}

.list_search_key	{margin-bottom: -1px; background-color: #FFF; font-size: 16px;}
.list_search_key.has_bottom	{margin-bottom: 25px;}
.hg_bd .search_highlight	{padding: 1px 3px; border: 1px solid #ffd9d9; background-color: #ffecec; border-radius: 2px;}

.list_category2	{margin: -20px 0 25px; font-size: 12px;}
.list_category2 li	{display: inline-block; position: relative;}
.list_category2 li a	{display: inline-block; height: 32px; line-height: 32px; padding: 0 15px;}
.list_category2>ul>li	{margin-right: 5px; margin-bottom: 5px; background-color: #FFF; border-radius: 2px; vertical-align: top;}
.list_category2>ul>li>ul	{display: none; position: absolute; left: -1px; top: 100%; min-width: 100%; box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.1); background-color: #FFF; z-index: 10;}
.list_category2>ul>li:hover>ul	{display: block;}
.list_category2>ul>li>ul>li	{width: 100%; white-space: nowrap;}
.list_category2>ul>li>ul>li:first-child	{border-top: none;}
.list_category2	 .ctg_num	{margin-left: 3px; opacity: 0.8;}
.list_category2 .fa-angle-down	{margin-left: 5px; margin-right: -5px;}

.no_document	{padding: 50px 0; text-align: center;}

/* list bottom */
.paging	{font-size: 11px;}
.paging .paging_wrap	{padding-top: 14px;}
.paging .page_num	{padding: 2px 6px;}

.list_search .sbSelector	{width: 100px;}
.list_search .ip_bs	{width: calc(100% - 110px); margin-left: 10px;}

/* list notice */
.list_n	{margin-bottom: -1px; border: 1px solid #ebebd7; border-bottom: none; background-color: #ffffe9; font-size: 12px; z-index: 1;}
.list_n>ul>li	{position: relative; padding: 12px 80px 12px 20px; border-bottom: 1px solid #ebebd7;}
.list_n .title	{color: #676756;}
.list_n .notice_text	{margin-right: 10px;}
.list_n .list_date	{position: absolute; right: 15px; top: 50%; margin-top: -7px; height: 14px; line-height: 14px; font-size: 11px; color: #cccca9;}

/* list_d common */
.list_d .list_cmt	{display: inline-block; padding: 5px 10px; border-radius: 10px 10px 10px 2px; font-size: 12px; opacity: 0.5}
.list_d .list_cmt.new_cmt	{opacity: 1.0;}
.list_d .list_cmt .date	{display: inline-block; margin-left: 10px; font-size: 11px; text-align: center;}
.list_d .cmt_num	{margin: 0 0 0 3px; font-size: 11px; font-weight: bold;}
.list_d .list_thumb	{position: relative;}

.hg_bd .list_icon	{color: #FFF; text-align: center; font: 300 8px/15px "Lato"}
.hg_bd .list_icon,
.hg_bd .list_icon2	{display: inline-block; width: 13px; height: 13px; margin-left: 3px; vertical-align: middle;}
.hg_bd .list_icon2.secret	{margin-left: 0; margin-right: 2px; padding-bottom: 3px;}
.hg_bd .list_icon2.secret svg	{width: 15px; height: auto;}

/* list default */
.ldd	{background-color: #FFF;}
.ldd>ul>li	{position: relative; padding: 15px 20px;}
.ldd>ul>li:last-child	{border-bottom: none;}
.ldd>ul>li.has_cmt	{padding-right: 170px;}

.ldd .i_check,
.ldd .pf,
.ldd .list_thumb,
.ldd .list_body	{display: inline-block; vertical-align: top;}

.ldd .i_check	{margin-right: 10px;}
.ldd .pf	{margin-right: 15px;}
.ldd .list_title	{line-height: 140%;}
.ldd .list_ctg	{margin-right: 5px;}
.ldd .list_ctg:hover	{text-decoration: underline;}
.ldd .cmt	{margin-left: 5px; font-size: 12px;}
.ldd .list_info	{margin-top: 5px; font-size: 11px;}
.ldd .list_info ul:empty	{margin-top: -5px;}
.ldd .list_info li	{position: relative; display: inline-block; margin-right: 20px;}
.ldd .list_info li::after	{content: ''; position: absolute; right: -10px; top: 2px; width: 1px; height: 10px;}
.ldd .list_info li:last-child::after	{content: none;}
.ldd .list_info .list_ex	{margin-right: 10px;}
.ldd .list_info .list_ex::after	{content: none;}

.ldd .list_cmt	{position: absolute; right: 20px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 8px 16px;}

.ldd .list_thumb	{margin-right: 15px;}
.ldd .list_thumb:after	{content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #000; opacity: 0.1;}
.ldd .list_thumb_big	{display: none; position: fixed; box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.2); z-index: 2;}
.ldd .list_thumb:hover .list_thumb_big	{display: inline-block;}

.ldd .list_summary	{margin-top: 15px; padding-top: 12px; font-size: 12px; line-height: 160%;}

/* list normal */
.ldn	{}
.ldn table	{border-collapse: collapse; background-color: #FFF; line-height: 150%;}
.ldn tr.notice	{border-bottom: 1px solid #ebebd7; background-color: #ffffe9;}
.ldn tr.notice .list_cmt	{background-color: #ebebd7}
.ldn th	{padding: 12px 5px; font-size: 11px; white-space: nowrap;}
.ldn td	{padding: 12px 5px; text-align: center; white-space: nowrap;}
.ldn th:first-child,
.ldn td:first-child	{padding-left: 15px;}
.ldn th:last-child,
.ldn td:last-child	{padding-right: 15px;}
.ldn td.list_left	{text-align: left;}
.ldn td.list_right	{text-align: right;}
.ldn td.list_title	{white-space: normal; word-break: break-all; width: auto;}
.ldn td.has_profile	{padding-top: 5px; padding-bottom: 5px;}
.ldn td.check	{padding-right: 0;}
.ldn td.text_en	{font-size: 11px;}
.ldn td.text_en svg	{height: 11px;}
.ldn .list_ctg a	{color: #6e8a98;}
.ldn .list_update	{padding: 5px 10px; width: 1%;}
.ldn .pf	{width: 20px; height: 20px; margin-right: 3px; vertical-align: middle;}
.ldn .best_count>span	{display: inline-block; padding: 0 5px; border-radius: 2px;}
.ldn .no svg	{width: 11px;}

/* list_g common */
.list_g	{font-size: 12px; padding-bottom: 10px;}
.list_g.has_notice	{margin-top: 25px;}
.list_g .no_image	{font-size: 11px;}

.list_g .list_ctg	{font-size: 11px;}
.list_g .list_info	{font-size: 11px;}
.list_g .list_info .info_right	{font-size: 10px;}

.list_g .list_thumb	{transition-property: box-shadow; transition-duration: 0.2s;}
.list_g .list_unit:hover .list_thumb,
.list_g .now_reading2 .list_thumb	{box-shadow: 0 0 20px rgba(0,0,0, 0.2);}
.list_g .now_reading2 .list_thumb .fa-arrow-up	{margin: -14px 0 0 -13px; font-size: 28px;}

.list_wrap .list_new	{display: inline-block; position: absolute; right: 0; top: 0; width: 25px; height: 25px; font: 10px/25px "Arial"; text-align: center; color: #FFF; z-index: 5;}
.use_bnw .list_thumb img	{-webkit-filter: grayscale(100%); filter: grayscale(100%); transition-property: filter; transition-duration: 0.3s;}
.use_bnw .list_thumb:hover img	{-webkit-filter: none; filter: none;}

/* list gallery */
.ldg .hided_info:hover .list_body	{opacity: 1;}
.ldg .hided_info::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; opacity: 0; transition-property: opacity; transition-duration: 0.2s; z-index: 1;}
.ldg .hided_info:hover::after	{opacity: 0.8;}

/* list gallery2 */
.ldg2 .has_profile::after	{height: calc(100% - 40px) !important;}
.ldg2 .has_profile .list_body	{bottom: 40px !important;}

/* list blog */
.ldb.has_notice	{margin-top: 25px;}
.ldb .list_unit	{margin-bottom: 25px;}
.ldb .list_ctg	{font-size: 12px;}
.ldb .list_title	{font-size: 16px;}
.ldb .list_summary	{line-height: 180%;}
.ldb .bt_more .dot	{font-size: 10px;}
.ldb .bt_more:hover .read_more	{font-size: 11px;}

.ldb .now_reading_blog	{margin-bottom: 10px; font-size: 16px;}

.ldb.has_profile .list_new	{top: 33px;}
.ldb.has_profile .i_check	{top: 43px;}

.ldb.small_size .list_title	{font-size: 13px;}
.ldb.small_size .list_summary	{font-size: 12px;}
.ldb.small_size .list_info	{font-size: 11px;}

.ldb.small_size.has_profile .list_new	{top: 23px;}
.ldb.small_size.has_profile .i_check	{top: 33px;}

/* list faq */
.ldf	{background-color: #FFF;}
.ldf .list_unit:last-of-type	{border-bottom: none;}
.ldf header	{padding: 15px 50px 15px 60px;}
.ldf header h1	{font-size: 13px;}
.ldf svg	{right: 20px;}
.ldf .text_header	{left: 20px; font-size: 22px;}
.ldf .list_body	{padding: 25px 0 25px 35px; margin: 0 20px;}

.ldf_notice	{border: 1px solid #ebebd7; background-color: #ffffe9; font-size: 12px;}
.ldf_notice header	{padding: 12px 20px;}
.ldf_notice .notice_text	{margin-right: 10px;}
.ldf_notice h1	{display: inline;}
.ldf_notice .title	{color: #676756;}
.ldf_notice .list_unit	{border-bottom: 1px solid #ebebd7;}
.ldf_notice .list_body	{border-top: 1px dotted #ebebd7;}

/* list gallery */
.ldg2 .hided_info:hover .list_body,
.ldg2 .hided_info:hover::after	{opacity: 1;}

/* memo */
.ldm>ul>li	{margin-bottom: 25px;}
.ldm>ul>li:last-child	{margin-bottom: 0;}
.ldm .notice	{margin-bottom: 25px;}

.atc.atc_memo	{border-radius: 35px 0 0 0;}
.atc_memo .atc_header	{padding: 15px 15px 15px 70px;}
.atc_memo .atc_nickname	{margin: 2px 0 5px; font-size: 16px;}
.atc_memo .atc_nickname svg	{height: 16px; vertical-align: top; margin-top: 3px;}
.atc_memo .atc_info	{padding: 0; border-bottom: none;}
.atc_memo .atc_comment svg	{margin-right: 3px;}
.atc.atc_memo .list_icon	{margin-bottom: 3px;}

.bt_memo_write .textarea_dummy	{padding: 0 20px; font-size: 12px;}
.bt_memo_write svg	{font-size: 16px;}

.atc_memo .cmt_write_option	{border-left: 0;}

.memo_write	{margin-bottom: 25px; background-color: #FFF;}
.memo_write .cmt_write_option	{border-left: 0;}
.memo_write .write_ex_wrap	{padding: 15px;}
.memo_write .write_ex	{margin-bottom: 0;}
.memo_write_tags input	{padding: 12px 15px;}
.memo_write .sbSelector	{height: 40px; line-height: 40px; border-top: none; border-bottom: none; border-left: none; border-radius: 0; background-position: right 10px top 16px; vertical-align: middle;}
.memo_write .sbToggleOpen + .sbSelector	{background-position: right 10px top -30px;}
.memo_write .cmt_write_option	{height: 40px; vertical-align: middle;}

.memo_write.visible_form .bt_memo_write	{display: none;}
.memo_write.visible_form form	{display: block;}

.atc_notice	{padding: 15px 15px 15px 70px; border-radius: 35px 0 0 35px; border: 1px solid #ebebd7; background-color: #ffffe9;}
.atc_notice .notice_icon	{left: 15px; top: 15px; border: 1px solid #ebebd7;}
.atc_notice .notice_ctrl	{font-size: 12px;}

/* read */
.atc	{position: relative; background-color: #FFF; border-radius: 45px 0 0 0;}
.atc.no_profile	{border-radius: 0;}
.atc .list_buttons.bottom	{top: auto; bottom: -1px;}
.atc .list_buttons ul	{margin-bottom: 0;}
.atc .list_buttons svg	{height: 13px;}
.atc.has_list	{margin-bottom: 50px;}
.atc_header .title_wrap	{position: relative; height: 90px;}
.atc_header .pf	{position: absolute !important; left: 15px; top: 15px; width: 60px; height: 60px; vertical-align: middle;}
.atc_header h1	{position: absolute; left: 90px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); padding-right: 25px; font-size: 14px; line-height: 140%; z-index: 5;}
.atc.no_profile .atc_header h1	{left: 25px;}
.atc_header.has_file h1	{padding-right: 74px;}
.atc_header h1 svg	{height: 16px; vertical-align: top; margin-top: 1px;}
.atc_header .atc_ctg	{font-size: 11px;}
.atc_header .bt_file	{position: absolute; right: 15px; top: 50%; width: 50px; height: 50px; margin-top: -25px; padding: 5px; border-radius: 2px; font-size: 11px;}
.atc_header .bt_file svg	{display: inline-block; height: 15px;}
.atc_file_list .inner	{max-height: 410px;}
.atc_file_list ol	{padding: 25px; margin-left: 20px; list-style-type: decimal;}
.atc_file_list li	{margin-bottom: 10px;}
.atc_file_list li:last-child	{margin-bottom: 0;}
.atc_file_list .file_size	{margin-top: 5px; font-size: 11px;}

.atc_info	{padding: 12px 15px 12px 25px; font-size: 11px;}
.atc_info ul	{display: inline-block;}
.atc_info li	{display: inline-block; margin-right: 20px;}
.atc_info .cmt_count	{display: inline-block; padding: 3px 5px 2px; margin: -2px 0; border-radius: 2px; font: 11px "Arial"; cursor: pointer}
.atc_info .cmt_count svg	{font-size: 8px; margin-right: 2px;}
.atc_ctrl	{float: right;}
.atc_ctrl a	{margin-left: 10px;}
.cmt_count_wrap + .bt_send_msg	{margin-left: -17px;}

.atc_secret h3	{font-size: 14px;}

.atc_body	{padding: 25px;}
.atc_tags	{font-size: 12px;}
.atc_file	{margin: -25px -25px 25px; font-size: 11px;}
.atc_file::after	{width: 160px;}
.atc_file h3	{width: 110px; padding: 8px 25px; font-size: 11px;}
.atc_file .file_size	{font-size: 10px;}
.atc_ex	{width: calc(100% + 50px); margin: -25px -25px 25px;}
.atc_ex th,
.atc_ex td	{font-size: 11px;}
.atc_ex th	{width: 110px; padding: 8px 25px;}
.hg_bd .xe_content	{font: 13px/180% 'Nanum Gothic', sans-serif;}
.xe_content pre	{position: relative; padding: 10px 15px; border: 1px solid #e5e5e5; background: #FFF url("../../../../modules/board/skins/comely_board/images/bg_pre.png"); overflow: auto; word-wrap: normal;}
.hg_bd .xe_content table:not(.poll_table)	{width: 100%; border-collapse: collapse;}
.hg_bd .xe_content table:not(.poll_table) td,
.hg_bd .xe_content table:not(.poll_table) th	{border: 1px solid #EEE; padding: 10px 15px;}

.atc_buttons .submitted	{font-size: 12px;}

.atc_share2	{margin-bottom: 25px; text-align: center;}
.atc_share2 a	{display: inline-block; margin: 0 5px;}
.atc_share2 img	{width: 40px; height: 40px;}
.atc_share .link_text	{display: inline-block; width: 60px;}
.atc_share .ip_bs	{width: calc(100% - 60px);}

.atc_box h3	{font-size: 11px;}
.atc_who ul	{font-size: 11px; line-height: 140%;}
.atc_sign .sign_body	{line-height: 180%;}

.atc .show_author_document h2,
.atc .show_author_document li a .mark,
.atc .show_author_document li .part	{font-size: 11px;}

.atc .list_buttons	{margin-top: -1px;}
.atc .list_buttons .bt_top	{display: none;}

/* rating */
.rating	{font-size: 15px;}


/* comment */
.cmt_not_permitted	{padding: 25px 0; text-align: center; background-color: #FFF;}
.has_top .cmt_not_permitted	{margin-top: 25px;}
.cmt_title	{padding: 15px 25px; font-size: 13px;}
.cmt_notice	{margin: 25px 25px 0;}
.cmt_wrap	{padding: 0 25px;}
.cmt_unit	{padding-top: 25px;}
.cmt_unit.reply	{margin-left: 58px;}
.cmt_header	{padding-bottom: 5px; font-size: 11px;}
.cmt_body	{max-width: calc(100% - 130px);}
.cmt.no_profile .cmt_body	{max-width: calc(100% - 70px);}
.cmt_vote	{margin-bottom: 5px;}
.cmt_date	{position: absolute; left: 100%; bottom: 0; margin-left: 8px; white-space: nowrap; font-size: 11px; line-height: 140%; font-family: "Lato", sans-serif;}

.cmt_ctrl	{margin-top: 5px; font-size: 11px;}
.cmt_ctrl>img	{zoom: 0.5; vertical-align: middle;}
.cmt_ctrl ul	{display: inline-block; margin-left: 5px; white-space: nowrap; opacity: 0; transition-property: opacity; transition-duration: 0.2s; vertical-align: middle;}
.cmt_body:hover .cmt_ctrl ul	{opacity: 1;}
.cmt_ctrl li	{display: inline-block; margin-right: 10px;}
.cmt_ctrl li:last-child	{margin-right: 0;}
.cmt_ctrl li svg	{height: 9px; margin-right: 1px;}
.cmt_edit	{position: absolute; left: 100%; top: -1px; margin-left: 5px; white-space: nowrap; font-size: 11px;}
.cmt_body .xe_content a[href*=sticker]	{margin-bottom: 10px;}

.cmt_prev	{margin-top: 25px;}
.cmt_reload	{margin: 25px 25px 0;}

/* best cmt */
.best_cmt_text	{padding: 2px 0; font-size: 10px;}
.cmt_unit.best_cmt .pf	{margin-top: -17px;}
.cmt_unit.best_cmt .cmt_header	{padding-left: 55px;}
.cmt.no_profile .cmt_header	{padding-left: 0;}
.cmt_unit.best_cmt .cmt_body	{max-width: calc(100% - 60px);}

/* comment write */
.has_top .cmt_write	{margin-top: 25px;}
.cmt_write_form	{padding-left: 83px;}
.cmt_write_form .user_info	{position: absolute; left: 0; top: 0; width: 83px; padding-top: 20px; text-align: center; font-size: 11px;}
.cmt_write_form .pf,
.cmt_write_form .pf.lined::after	{border-radius: 50%}
.cmt_write_form .nickname	{padding: 0 10px; line-height: 160%;}
.cmt_write_form .user_info input	{display: block; width: 100%; height: auto; line-height: 120%; padding: 5px; box-sizing: border-box; border: none; font-size: 11px;}
.cmt_write_form .user_info .ip_nickname	{margin-top: 12px;}
.textarea_wrap.text_ver textarea	{padding: 17px 20px;}
.cmt_write_ex	{padding-left: 83px;}
.cmt_write_editor 	{position: absolute; left: 0; top: 0; width: 83px; background-color: #FFF; z-index: 2;}
.cmt_write_option	{padding-left: 15px; font-size: 12px;}

.cmt_write_re	{margin-left: 58px;}
.cmt_write_re .cmt_form	{margin-left: -85px; padding-left: 85px; box-sizing: border-box;}
.cmt_write_re .user_info2	{position: absolute; top: 1px; left: 0; width: 85px;}
.cmt_write_re .user_info2 .ip_bs	{display: block; width: 100%; margin-top: -1px; line-height: 26px; height: 26px; font-size: 11px;}
.cmt_write_re .textarea_wrap textarea	{min-height: 74px;}
.cmt_write_re .go_editor svg	{width: 13px;}

.cmt_write_sp>h1	{padding: 15px 25px;}
.cmt_write_sp .cmt_unit	{padding: 25px;}
.cmt_write_sp .cmt_write_editor	{margin-top: -1px; border-top: 1px solid #FFF; color: #FFF;}

/* sticker */
.stk_body>ul	{margin: 25px 0 0 25px;}
.stk_body>ul>li	{margin: 0 25px 25px 0;}
.stk_body>ul>li a	{width: 97px; height: 97px;}

/* sticker module */
.sticker_notice	{margin: -25px 0 25px; padding: 15px 15px 15px 70px; border: 1px solid #ebebd7; background-color: #ffffe9; border-radius: 35px 0 0 35px;}
.sticker_notice .notice_icon	{left: 15px; top: 15px; border: 1px solid #ebebd7;}

.sticker_list	{padding: 25px 25px 9px 25px;}
.sticker_list>ul>li	{width: calc(25% - 12px); margin: 0 16px 16px 0;}
.sticker_list>ul>li:nth-child(4n)	{margin-right: 0;}

.write_sticker .select_file	{right: 4px; top: 4px; font-size: 12px;}
.write_sticker .write_ex .bt_bs2	{height: 24px; line-height: 24px; cursor: pointer;}
.write_sticker .bt_del	{right: 82px; top: 4px; padding: 0 7px;}

.my_sticker_header	{position: relative;}
.my_sticker_header .bt_back	{position: absolute; right: 0; top: -5px;}
.my_sticker_header .bt_back svg	{margin-right: 3px;}

.my_sticker .list_thumb a	{width: 100px; height: 100px;}
.my_sticker .bt_bs svg	{font-size: 13px;}

/* write */
.bd_write	{background-color: #FFF;}
.write_header	{position: relative; padding: 20px 25px; font-size: 16px;}
.write_header .bt_area2	{position: absolute; right: 25px; top: 15px;}
.write_body	{padding: 25px 25px 0;}
.write_ctg	{display: inline-block; width: 150px;}
.write_ctg .sbSelector	{width: 150px;}
.write_title.use_ctg	{display: inline-block; width: calc(100% - 160px); margin-left: 10px;}
.write_title .ip_bs,
.write_tags .ip_bs	{width: 100%;}
.write_tags.not_logged	{display: inline-block; width: calc(100% - 260px);}
.write_user	{display: inline-block;}
.write_user .ip_bs	{width: 120px; margin-left: 10px;}
.write_tags,
.write_user	{margin-bottom: 25px;}
.write_editor	{margin: 25px 0;}

.bd_write .write_options	{margin-bottom: 25px;}
.bd_write .write_options .i_check	{margin-right: 10px;}
.bd_write .write_option_color	{position: relative; display: inline-block; margin-right: 10px;}
.bd_write .write_option_color .jPicker	{position: absolute; right: 4px; top: 4px;}
.bd_write .write_option_color .ip_bs	{padding-right: 35px; width: 120px;}
.bd_write .write_option1	{display: inline-block; vertical-align: middle;}
.bd_write .bt_area	{height: 40px; text-align: right;}
.bd_write .bt_left	{float: left; height: 100%;}

.write_ex	{position: relative; font-size: 0; margin-bottom: 25px; z-index: 1;}
.write_ex::after	{content: ''; position: absolute; left: 1px; top: 0; width: 150px; height: 100%; z-index: -1;}
.write_ex>ul	{border-radius: 2px; overflow: hidden;}
.write_ex>ul>li	{position: relative;}
.write_ex>ul>li::after	{content: ''; position: absolute; left: 150px; top: 0; width: 1px; height: 100%;}
.write_ex>ul>li:last-child	{border-bottom: none;}
.write_ex .lb	{display: inline-block; width: 150px; box-sizing: border-box; padding: 0 10px; height: 32px; line-height: 30px; vertical-align: top; font-size: 12px;}
.write_ex>ul>li>input	{width: calc(100% - 150px); box-sizing: border-box; padding: 0 10px; height: 32px; line-height: 30px; border: none; background: none;}
.write_ex>ul>li>input:focus	{background-color: #ffffe9;}
.write_ex>ul>li>input.tel	{width: 60px; border: 1px solid #e5e5e5; height: 28px; line-height: 26px; margin: 10px 0 10px 10px;}
.write_ex .lb + textarea	{width: calc(100% - 150px); box-sizing: border-box; padding: 10px; border: none; background: none; line-height: 160%;}
.write_ex .lb + textarea:focus	{background-color: #ffffe9;}
.write_ex .lb + ul	{display: inline-block; width: calc(100% - 150px); line-height: 30px; font-size: 12px;}
.write_ex .lb + ul>li	{display: inline-block; margin-left: 10px;}
.write_ex .lb + select	{margin: 6px 0 0 10px;}
.write_ex>ul>li p	{margin-left: 151px; font-size: 11px; border-top: 1px dotted #e5e5e5; background-color: #FFF; padding: 10px; color: #AAA;}
.write_ex .krZip	{display: inline-block; padding: 10px; font-size: 12px;}
.write_ex .krZip .btn	{box-shadow: none !important;}
.write_ex .krZip label	{display: inline-block; width: 60px;}
.write_ex .krZip input[type=text]	{padding: 0 10px; border-radius: 2px;}
.write_ex .krZip input[type=text]:focus	{background-color: #ffffe9; border: 1px solid #ebebd7;}
.write_ex .krzip-postcode-wrap,
.write_ex .krzip-address-wrap	{margin-bottom: 10px;}
.write_ex .hasDatepicker	{width: calc(100% - 200px);}
.write_ex .hasDatepicker + .btn	{display: inline-block; width: 50px; height: 32px !important; line-height: 30px !important; box-shadow: none !important;}

/* message */
.bd_message	{width: 350px;}
.bd_message h3	{font-size: 16px;}

/* sk ctt */
.sk_ctn	.sk_ctn_inner>div	{width: 500px; margin: 0 auto;}
.sk_ctn section	{margin-bottom: 60px;}

/* send message */
.send_msg textarea.ip_bs	{line-height: 160%;}

/* i check */
.i_check>span	{font-size: 13px;}

/* custom_select */
.sbHolder	{position: relative; display: inline-block; text-align: left; font-size: 12px;}
.sbSelector	{display: inline-block; position: relative; height: 32px; line-height: 30px; padding: 0 30px 0 10px; box-sizing: border-box; border-radius: 2px; background: url("../../../../modules/board/skins/comely_board/images/arrow_select3.png") no-repeat right 10px top 12px; background-size: 13px 52px; font-size: 12px; vertical-align: middle;}
.sbToggleOpen + .sbSelector	{background-position: right 10px top -34px;}
.sbOptions	{position: absolute; left: 0; top: 100% !important; min-width: 100%; padding: 0 0 15px; margin: 0; box-sizing: border-box; overflow: auto; z-index: 104; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.sbOptions li	{padding: 15px 15px 0; white-space: nowrap;}

/* Original file: modules/keyword/tpl/plugin/jquery.autocomplete.css */

/**
 * @fileOverview CSS for jquery-autocomplete, the jQuery Autocompleter
 * @author <a href="mailto:dylan@dyve.net">Dylan Verheul</a>
 * @license MIT | GPL | Apache 2.0, see LICENSE.txt
 * @see https://github.com/dyve/jquery-autocomplete
 */
.acResults {
	padding: 0px;
	border: 1px solid #ccc;
	border-radius:2px;
	background-color: White;
	overflow: hidden;
	z-index:10000;
}

.acResults ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;	
}

.acResults ul li {
	margin: 0px;
	padding: 5px 8px;
	cursor: pointer;
	display: block;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.acLoading {
	background-image : url("../../../../modules/keyword/tpl/plugin/indicator.gif")!important;
	background-repeat: no-repeat!important;
	background-position:95% 50%!important;
}

.acSelect {
	transition:0.2s;
	background-color: #ededed;
}

.acResults div {
	display:none;
	position:relative;
	text-align:right;
	border-top:1px solid #ddd;
	background:#f7f7f7;
	padding:5px;
	color:#666;
}

.acResults span:hover {
	cursor:pointer;
	text-decoration:underline;
}

.acResult span {
	cursor:pointer;
}

/* Original file: widgets/keywordstat/skins/default/css/default.css */

.keywordRank{position:relative; width:auto!important; height:100%; background:#fff; border:none; border-radius:3px; overflow:hidden; font-family:'나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,sans-serif;}
.keywordRank .keyword_module{position:absolute; right:5px;}
.keywordRank .rankHeader{text-align:center; padding:0; margin:0; margin-right:8px; margin-bottom:10px; padding:5px; color: #555; font-size:13px; font-weight:bold}
.keywordRank .rankBottom{padding:5px; margin:0; margin-top:10px; font-size:11px; font-family: Tahoma; color:#999; text-align:center;}
.keywordRank .rankList{list-style:none; margin:0; padding:5px 0 5px 0; position:relative; clear:both; *zoom:1; height:100%!important;}
.keywordRank .rankList:after{content:""; display:block; clear:both;}
.keywordRank .rankList li{position:relative; margin:0; padding:0; padding:0; height:26px; overflow:hidden; background: #FFF; font-size:11px}
.keywordRank .rankList li a{display:block; padding:4px 5px; height:18px; text-decoration:none; cursor:pointer; }
.keywordRank .rankList li a:hover{background: #F1F1F1}
.keywordRank .rankList li span{display:inline-block}
.keywordRank .rankList li span.rank_num{float:left; width:16px; height:16px; line-height: 16px; padding:0; border:1px solid #ccc; color:#333; font-size:10px; text-align:center; font-family: Tahoma; letter-spacing:-.1em;}
.keywordRank .rankList li span.rank_text{float:left; width:55%!important; height:16px; line-height: 16px; padding: 0 0 0 5px; color:#333; font-size:12px; overflow:hidden;}
.keywordRank .rankList li span.rank_fluc{float:right; height:16px; line-height:16px; padding:0px; color:#777!important; font-size:9px; font-weight:bold; font-family:Tahoma; text-align:right; overflow:hidden;}
.keywordRank .rank_num_1,
.keywordRank .rank_num_2,
.keywordRank .rank_num_3{color:tomato!important;}

/* Original file: widgets/comely_widget/skins/comley_widget_skin/css/widget.css */

.hg_widget	{position: relative;}
.hg_widget .wlg .list_icon,
.hg_widget .wlg2 .list_icon	{position: absolute; right: 0; top: 0; margin: 0; width: 21px; height: 21px; text-align: center; z-index: 5;}

/* list slide */
.wls .swiper-slide	{background-size: cover;}
.wls .slide_info	{position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px; box-sizing: border-box; z-index: 1;}
.wls .slide_info::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.4; z-index: -1;}
.wls .list_browser	{margin-bottom: 8px; background-color: #FFF; opacity: 0.8; color: #000 !important;}
.wls .list_ctg	{color: #b5c0c6 !important;}
.wls .list_title	{color: #FFF;}
.wls .list_info	{margin-top: 5px; color: #FFF !important;}
.wls .list_info>span	{padding-right: 10px;}
.wls .list_info>span,
.wls .list_vote_text	{opacity: 0.5;}
.wls .list_vote	{display: inline-block;}
.hg_widget .wls .swiper-pagination	{position: absolute; right: 15px; bottom: 15px; z-index: 10;}
.hg_widget .wls .swiper-pagination-bullet	{display: inline-block; background-color: #FFF; opacity: 0.5; cursor: pointer;}
.hg_widget .wls .swiper-pagination-bullet-active	{opacity: 1; background-color: #FFF !important;}
.wls.no_info .swiper-pagination	{right: 0; width: 100%; text-align: center;}

/* list_youtube */
.wly .list_thumb .fa-play	{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #FFF;  opacity: 0.7; z-index: 1;}

/* Original file: widgets/comely_widget/skins/comley_widget_skin/css/widget_pc.css */

.hg_widget img[title=file]	{display: none;}
.side_menu .ch_wg img[title=file]	{display: none;}

.hg_widget	{font-size: 12px;}

/** title & tab **/
.hg_widget .page_count	{font: 11px/12px "Lato";}
.w_page	{position: absolute; right: 0; top: 5px; z-index: 2;}
.w_page button	{display: inline-block; width: 20px; height: 20px; background-size: 20px 20px !important; text-indent: -9999px;}
.w_page button.w_next	{background: url("../../../../widgets/comely_widget/skins/comley_widget_skin/images/arrow_right2.png") no-repeat center center;}
.w_page button.w_prev	{background: url("../../../../widgets/comely_widget/skins/comley_widget_skin/images/arrow_left2.png") no-repeat center center;}
.hg_content .title_ .w_page button.w_next	{border-left: none;}

/* title */
.w_title	{display: inline-block; padding: 7px 12px; margin-bottom: 20px; background-color: #FFF; letter-spacing: 0.15em; font-size: 11px;}
.hg_widget_N .w_title	{background-color: #FFF;}

/* tab */
.w_tab	{margin-bottom: 20px; white-space: nowrap; letter-spacing: 0.15em; font-size: 11px;}
.w_tab li	{display: inline-block; position: relative; margin-right: -1px;}
.w_tab li a	{display: inline-block; padding: 7px 12px;}
.w_tab li.active	{background-color: #FFF; z-index: 1;}

/** list **/
.hg_widget .list_unit>li	{position: relative;}
.hg_widget .list_rank	{display: inline-block; min-width: 24px; box-sizing: border-box; background-color: #FFF; vertical-align: middle; text-align: center; font: 10px/22px "Lato";}
.hg_widget .list_link	{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 3;}
.hg_widget .rank_browser	{white-space: nowrap;}
.hg_widget .list_browser	{display: inline-block; padding: 0 8px; background-color: #FFF; line-height: 22px; font-size: 11px;}
.hg_widget .list_rank_wrap + .list_browser	{border-left: none; vertical-align: middle;}
.hg_widget .list_ctg	{display: inline-block; padding-right: 5px; color: #6e8a98;}
.hg_widget .list_ctg:hover	{text-decoration: underline;}
.hg_widget .list_title	{line-height: 160%;}
.hg_widget .list_thumb	{display: block; position: relative;}
.hg_widget .list_thumb::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.1); z-index: 1;}
.hg_widget .list_thumb img	{display: block;}
.hg_widget .no_thumb	{display: block; position: relative; font: 11px "Lato";}
.hg_widget .no_thumb>span	{position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; letter-spacing: 0.15em;}
.hg_widget .list_summary	{line-height: 160%;}
.hg_widget .list_info	{font-size: 11px;}
.hg_widget .list_info:empty	{display: none !important;}
.hg_widget .list_cmt,
.hg_widget .list_vote,
.hg_widget .list_info .date	{font: 11px "Lato";}

.hg_widget .list_icon	{display: inline-block; width: 13px; height: 13px; line-height: 13px; margin-bottom: 2px; margin-left: 2px; vertical-align: middle;}
.hg_widget .wlg .list_icon img,
.hg_widget .wlg2 .list_icon img	{margin-top: 4px;}

/* page */
.page_unit	{display: none; -webkit-transform:  translateZ(0);}
.page1	{display: block;}

/* tab content */
.w_tab_con>ul>li	{display: none;}
.w_tab_con>ul>li.active	{display: block;}

/** design **/
.title_L .w_title	{display: block; padding: 0 0 10px 0; margin-bottom: 15px; border: none; background-color: transparent;}
.title_L .w_tab	{margin-bottom: 15px;}
.title_L .w_tab li	{padding: 0 10px 10px 0; margin-right: 10px; border: none !important; background-color: transparent !important;}
.title_L .w_tab li::after	{content: ''; position: absolute; bottom: 0; right: 0; width: 1px; height: 10px;}
.title_L .w_tab li:last-child::after	{content: none;}
.title_L .w_tab li a	{padding: 0;}
.title_L .w_page	{top: 0;}

.hg_widget_LB	{padding: 20px; background-color: #FFF;}
.hg_widget_LB .w_page	{right: 20px; top: 20px;}
.hg_widget_LB.title_L .w_page	{right: 15px; top: 15px;}
.hg_widget_LB .w_tab li	{background-color: #FFF;}

.hg_content .hg_widget_N.title_ .w_tab li.active	{background-color: #FFF;}

/* sidebar style */
.hg_sidebar .hg_widget	{margin-bottom: 25px;}
.hg_sidebar .hg_widget .list_rank	{min-width: 17px; line-height: 15px;}
.hg_sidebar .hg_widget .no_thumb	{font-size: 10px;}
.hg_sidebar .hg_widget .list_browser	{padding: 0 5px; line-height: 15px; vertical-align: middle; font-size: 10px;}

.hg_sidebar .hg_widget_N.has_page .w_list	{margin-top: 30px;}
.hg_sidebar .hg_widget_N .page_count	{position: absolute; top: 26px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 10px 20px;z-index: 2;}
.hg_sidebar .hg_widget_N .w_page	{left: 0; right: auto; top: 32px; width: 100%;}
.hg_sidebar .hg_widget_N .w_page button.w_next	{position: absolute; right: 0; top: 0;}

.hg_sidebar .w_tab	{padding: 0;}
.hg_sidebar .has_page .w_tab	{margin-bottom: 0;}
.hg_sidebar .w_tab ul	{display: table; width: 100%; box-sizing: border-box; border-collapse: collapse;}
.hg_sidebar .w_tab li	{display: table-cell; padding: 0; text-align: center; font: 11px 'Lato', 'Nanum Gothic';}
.hg_sidebar .w_tab a	{display: inline-block; width: 100%; box-sizing: border-box;}
.hg_sidebar .active .page_count	{z-index: 3;}

.hg_sidebar .hg_widget_LB	{padding: 10px;}
.hg_sidebar .hg_widget_LB .w_page	{right: 10px; top: 10px;}

/* list normal */
.wln .list_unit	{display: table; width: 100%; margin-bottom: -5px;}
.wln .list_unit>li	{display: table-row; line-height: 22px;}
.wln .list_unit>li>span	{display: table-cell; padding: 0 0 5px 10px; vertical-align: middle;}
.wln .list_unit>li>span:first-of-type	{padding-left: 0;}

.wln .list_rank_wrap	{width: 1%;}
.wln .list_browser2	{width: 10%;}
.wln .list_browser2>a	{display: inline-block; width: 100%; padding: 0 8px; box-sizing: border-box; background-color: #FFF; text-align: center; font-size: 11px; white-space: nowrap;}
.wln .list_rank_wrap + .list_browser2	{padding-left: 0;}
.wln .list_rank_wrap + .list_browser2>a	{border-left: none;}
.wln .list_vote	{margin-right: 3px;}
.wln .list_info	{text-align: right;}
.wln .list_nickname + .list_date	{margin-left: 5px;}

.hg_sidebar .wln .list_unit	{display: block; margin-bottom: 0;}
.hg_sidebar .wln .list_unit>li	{display: block; line-height: 160%; margin-bottom: 5px;}
.hg_sidebar .wln .list_unit>li:last-child	{margin-bottom: 0;}
.hg_sidebar .wln .list_unit>li>span	{display: inline-block; padding: 0;}
.hg_sidebar .wln .has_rank_only	{padding-left: 22px;}
.hg_sidebar .wln .has_rank_only .list_rank_wrap	{position: absolute; left: 0; top: -2px;}
.hg_sidebar .wln .list_rank_wrap	{position: relative; width: auto; margin-bottom: 5px; z-index: 1;}
.hg_sidebar .wln .has_rank_only .list_browser2	{margin-left: 0;}
.hg_sidebar .wln .list_browser2	{width: auto; margin-left: -2px; margin-bottom: 4px;}
.hg_sidebar .wln .list_unit>li .list_main	{display: block;}
.hg_sidebar .wln .list_info	{margin-top: 2px;}

/* list webzine */
.wlw .list_unit>li	{padding-bottom: 20px; margin-bottom: 20px;}
.wlw .list_unit>li:last-child	{border-bottom: none !important; padding-bottom: 0; margin-bottom: 0;}
.wlw .list_rank_wrap	{position: absolute; left: 0; top: 0; z-index: 2;}
.wlw .rank_browser	{margin-bottom: 7px;}
.wlw .rank_browser .list_rank_wrap	{position: static;}
.wlw .list_thumb	{position: absolute; left: 0; top: 0;}
.wlw .list_info	{position: relative; margin-top: 7px;}
.wlw .list_info>span	{padding-right: 10px;}
.wlw .list_vote	{position: absolute; right: 0; top: 0;}
.wlw .list_summary	{margin: 10px 0 0;}

.hg_sidebar .wlw .has_thumb	{margin-left: -10px;}

/* list webzine2 */
.wlw2 .list_unit	{margin-bottom: -10px;}
.wlw2 .list_unit>li	{padding: 10px 0;}
.wlw2 .list_unit>li:last-child	{border-bottom: none !important;}
.wlw2 .list_unit>li.first_item	{padding: 0 0 15px;}
.wlw2 .list_thumb	{margin-bottom: 15px;}
.wlw2 .list_thumb img	{width: 100%; height: auto;}
.wlw2 .no_thumb	{width: 100%;}
.wlw2 .list_title	{line-height: 160%;}
.wlw2 .list_summary	{margin-top: 10px;}
.wlw2 .list_info	{position: relative; margin-top: 10px;}
.wlw2 .list_info>span	{padding-right: 10px;}
.wlw2 .list_vote	{position: absolute; right: 0; top: 0;}
.wlw2 .has_date	{padding-right: 45px;}
.wlw2 .list_date	{position: absolute; right: 0; top: 50%; margin-top: -6px; height: 12px; line-height: 12px; font-size: 11px;=}
.wlw2 .list_rank_wrap	{margin-right: 5px;}
.wlw2 .rank_browser	{margin-bottom: 10px;}
.wlw2 .rank_browser .list_rank_wrap	{margin: 0;}

.wlw2 .first_item .list_rank_wrap	{position: absolute; left: 0; top: 0; z-index: 2;}
.wlw2 .first_item .rank_browser	{position: absolute; left: 0; top: 0; z-index: 2;}
.wlw2 .first_item .rank_browser .list_rank_wrap	{position: static;}
.wlw2 .first_item .list_ctg	{font-size: 14px;}
.wlw2 .first_item .list_title	{font-size: 14px; font-weight: bold;}

.hg_sidebar	.wlw2 .list_thumb	{margin-bottom: 10px;}
.hg_sidebar	.wlw2 .list_info	{margin-top: 5px;}
.hg_sidebar .wlw2 .first_item .list_ctg,
.hg_sidebar .wlw2 .first_item .list_title	{font-size: 13px;}
.hg_sidebar .wlw2 .has_rank	{padding-left: 25px;}
.hg_sidebar .wlw2 .list_item .has_rank .list_rank_wrap	{position: absolute; left: 0; top: 50%; margin-top: -8.5px; margin-bottom: 0}
.hg_sidebar .wlw2 .rank_browser	{display: block; margin-bottom: 5px;}
.hg_sidebar .wlw2 .has_date	{padding-right: 0;}
.hg_sidebar .wlw2 .list_date	{display: block; position: static; transform: none; margin-top: 3px;}

/* list webzine3 */
.wlw3 .list_unit:before,
.wlw3 .list_unit:after	{content: " ";  display: table;}
.wlw3 .list_unit:after	{clear: both;}
.wlw3 .list_unit>li.first_item	{float: left; width: calc(50% - 10px); padding-right: 20px;}
.wlw3 .list_unit>li.first_item.only_item	{float: none; width: 100%; padding-right: 0;}
.wlw3 .list_unit>li.list_item	{display: inline-block; width: calc(50% - 10px); padding-bottom: 20px; margin-bottom: 20px;}
.wlw3 .list_unit>li:last-child	{padding-bottom: 0; margin-bottom: 0; border-bottom: none !important;}
.wlw3 .list_thumb img	{width: 100%; height: auto;}
.wlw3 .first_item .list_thumb	{margin-bottom: 15px;}
.wlw3 .list_item .list_thumb	{float: left; width: 100px; height: auto;}
.wlw3 .list_item .list_body	{float: right; width: calc(100% - 120px);}
.wlw3 .list_rank_wrap	{position: absolute; left: 0; top: 0; z-index: 2;}
.wlw3 .rank_browser .list_rank_wrap	{position: static;}
.wlw3 .rank_browser	{margin-bottom: 10px;}
.wlw3 .first_item .rank_browser	{position: absolute; left: 0; top: 0; z-index: 2;}
.wlw3 .first_item .list_ctg	{font-size: 14px;}
.wlw3 .first_item .list_title	{font-size: 14px; line-height: 140%; font-weight: bold;}
.wlw3 .list_summary	{margin-top: 10px;}
.wlw3 .list_info	{position: relative; margin-top: 10px;}
.wlw3 .list_info>span	{padding-right: 10px;}
.wlw3 .list_vote	{position: absolute; right: 0; top: 0;}
.wlw3 .list_item .list_info	{margin-top: 7px;}

.hg_sidebar .wlw3 .list_unit>li.first_item	{float: none; width: 100%; padding-right: 0; padding-bottom: 15px; margin-bottom: 20px;}
.hg_sidebar .wlw3 .list_unit>li.list_item	{display: block; width: 100%;}
.hg_sidebar	.wlw3 .first_item .list_thumb	{margin-bottom: 10px;}
.hg_sidebar	.wlw3 .list_info	{margin-top: 5px;}
.hg_sidebar	.wlw3 .list_item .list_thumb	{width: 80px; height: auto;}
.hg_sidebar	.wlw3 .list_item .list_body	{width: calc(100% - 90px);}
.hg_sidebar	.wlw3 .list_item .rank_browser	{margin-bottom: 5px; white-space: nowrap;}

/* list gallery */
.wlg .list_unit>li	{display: inline-block; margin: 0 20px 20px 0; vertical-align: top;}
.wlg .rank_browser	{position: absolute; left: 0; top: 0; z-index: 4;}
.wlg .list_thumb	{background-position: center center; background-repeat: no-repeat;}
.wlg .no_thumb	{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.wlg .list_body	{padding-top: 10px;}
.wlg .list_ctg	{display: inline-block; margin-bottom: 5px; font-size: 11px;}
.wlg .list_summary	{margin-top: 7px; font-size: 11px;}
.wlg .list_info	{position: relative; margin-top: 10px;}
.wlg .list_info>span	{padding-right: 10px;}
.wlg .list_vote	{position: absolute; right: 0; top: 0;}

.wlg .list_unit>li.hided_info::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; opacity: 0; transition-property: opacity; transition-duration: 0.2s; z-index: 1;}
.wlg .list_unit>li.hided_info:hover::after	{opacity: 0.8;}
.wlg .hided_info .list_thumb::after	{z-index: 3;}
.wlg .hided_info .list_browser	{opacity: 0; transition-property: opacity; transition-duration: 0.2s;}
.wlg .list_unit>li.hided_info:hover .list_browser	{opacity: 1;}
.wlg .hided_info .list_body	{position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px; box-sizing: border-box; opacity: 0; transition-property: opacity; transition-duration: 0.2s; z-index: 2;}
.wlg .list_unit>li.hided_info:hover .list_body	{opacity: 1;}
.wlg .hided_info .list_info	{margin: 10px -10px -10px; padding: 10px; border-top: 1px solid rgba(0,0,0,0.08);}
.wlg .hided_info .list_vote	{right: 10px; top: 10px;}

.hg_widget_N .wlg .list_body	{padding: 10px; border-top: none !important; background-color: #FFF;}
.hg_widget_N .wlg .list_info	{margin: 10px -10px -10px; padding: 10px; border-top: 1px solid rgba(0,0,0,0.08);}
.hg_widget_N .wlg .list_vote	{right: 10px; top: 10px;}
.hg_widget_N .wlg .hided_info .list_body	{background-color: transparent;}

.hg_sidebar .hg_widget_N .wlg .list_body	{padding: 5px;}
.hg_sidebar .hg_widget_N .wlg .list_info	{margin: 5px -5px -5px; padding: 5px;}

/* list gallery2 */
.wlg2 .list_unit>li	{display: inline-block; margin: 0 20px 20px 0; vertical-align: top;}
.wlg2 .list_unit>li::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.4; z-index: 1;}
.wlg2 .list_body	{position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 15px; box-sizing: border-box; text-align: center; z-index: 2;}
.wlg2 .list_ctg	{margin-bottom: 10px; color: #b5c0c6;}
.wlg2 .list_title	{font-size: 14px;}
.wlg2 .list_info	{margin: 10px 0 0; padding: 0; border-top: none !important;}
.hg_widget .wlg2 .list_title,
.hg_widget .wlg2 .list_info,
.hg_widget .wlg2 .list_info a,
.hg_widget .wlg2 .list_vote	{color: #FFF;}
.wlg2 .list_info>span,
.wlg2 .list_vote_text	{opacity: 0.6;}
.wlg2 .list_info>span	{padding: 0 5px;}
.wlg2 .list_vote	{display: inline-block; padding: 0 5px;}

.wlg2 .list_unit>li.hided_info::after	{opacity: 0; transition-property: opacity; transition-duration: 0.2s;}
.wlg2 .list_unit>li.hided_info:hover::after	{opacity: 0.4;}
.wlg2 .hided_info .list_body	{opacity: 0; transition-property: opacity; transition-duration: 0.2s;}
.wlg2 .list_unit>li.hided_info:hover .list_body	{opacity: 1;}

.hg_widget_N .wlg2 .list_body	{background-color: transparent; border: none;}
.hg_widget_N .wlg2 .list_info	{margin: 10px 0 0; padding: 0;}

/* list_youtube */
.wly .list_thumb .fa-play	{font-size: 38px;}

/* list line */
.wll .list_unit>li	{height: 30px; margin: 0 0 6px 15px; line-height: 30px; word-wrap: normal; white-space: nowrap;}
.wll .list_unit>li:last-child	{margin-bottom: 3px;}
.wll .pf	{position: absolute; left: -15px; top: 0; width: 30px; height: 30px; z-index: 1;}
.wll .list_body	{position: relative; margin-right: 10px; height: 30px; font-size: 12px; overflow: hidden;}
.wll .list_info2	{position: absolute; left: 22px; top: 0;}
.wll .nickname	{position: absolute; top: 0; left: -200px; height: 30px; padding-left: 22px; padding-right: 10px; margin-right: 22px; border-radius: 0 15px 15px 0;}
.wll .list_icon	{margin-left: 0; margin-right: 2px;}

.wll .page_unit	{display: block; height: 0; overflow: hidden;}
.wll .page1	{height: auto;}

/* list slide */
.wls	{overflow: hidden;}
.wls .w_slide_title	{position: absolute; left: 50%; top: 0; -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10;}
.wls .w_slide_title a	{color: #FFF;}
.wls .w_slide_title	{padding: 8px 15px; font-size: 12px;}
.wls .list_browser	{padding: 5px 8px; font-size: 10px;}
.wls .list_title	{font-size: 14px;}
.wls .swiper-pagination-bullet	{width: 10px; height: 10px; margin-left: 4px;}
.wls.no_info .swiper-pagination	{right: 0; width: 100%; text-align: center;}
.wls .w_page_nav	{display: inline-block; position: absolute; top: 50%; margin-top: -25px; width: 33px; height: 50px; text-align: center; cursor: pointer; transition-property: opacity, left, right; transition-duration: 0.2s; opacity: 0; z-index: 10;}
.wls .w_page_nav img	{margin-top: 12px;}
.wls .swiper-button-prev	{left: 10px;}
.wls .swiper-button-next	{right: 10px;}
.wls:hover .swiper-button-prev	{left: 0; opacity: 1;}
.wls:hover .swiper-button-next	{right: 0; opacity: 1;}

/* list comment */
.wlc .list_unit>li	{display: inline-block; margin-right: 20px; vertical-align: top;}
.wlc .list_body	{position: relative; padding: 8px 10px; margin-bottom: 10px;}
.wlc .list_body::before	{content: ''; position: absolute; left: 13px; top: 100%; border: 6px solid transparent;}
.wlc .list_body::after	{content: ''; position: absolute; left: 14px; top: 100%; border: 5px solid transparent;}
.wlc .list_browser3	{margin: -10px -10px 8px; padding: 8px 10px; font-size: 11px;}
.wlc .new_atc .list_browser3	{border-bottom: 1px solid #ffd9d9;}
.wlc .list_title	{min-height: 38px;}
.wlc .list_date	{margin-top: 10px; font-size: 11px; opacity: 0.5;}
.wlc .list_icon.new	{position: absolute; right: -1px; bottom: -1px; width: 20px; height: 20px; margin: 0; font: 10px/20px "Arial"; text-align: center; color: #FFF; z-index: 1;}
.wlc .list_nickname	{padding-top: 5px;}
.wlc .pf	{width: 30px; height: 30px; margin-right: 5px; vertical-align: middle;}

.hg_widget_N .wlc .list_body	{background-color: #FFF;}
.hg_widget_N .wlc .list_body::after	{border-top: 5px solid #FFF; border-left: 5px solid #FFF;}

/* Original file: addons/responsive/css/photoviewer.css */

/*!
 *  *  ____  _   _  ___  _____  ___  _   _ _____ ____ _    _ ____ ____
 *   * |  _ \| | | |/ _ \|_   _|/ _ \| | | |_   _|  __| |  | |  __|  _ \
 *    * | |_| | |_| | | | | | | | | | | | | | | | | |__| |  | | |__| |_| |
 *     * |  __/|  _  | | | | | | | | | | |_| | | | |  __| |/\| |  __|    /
 *      * | |   | | | | |_| | | | | |_| |\   / _| |_| |__|  /\  | |__| |\ \
 *       * |_|   |_| |_|\___/  |_|  \___/  \_/ |_____|____|_/  \_|____|_| \_\
 *        *
 *         * photoviewer - v2.2.0
 *          * A JS plugin to view images just like in Windows
 *           * https://github.com/nzbin/photoviewer#readme
 *            *
 *             * Copyright (c) 2018 nzbin
 *              * Released under MIT License
 *               */

.photoviewer-modal {
  position: absolute;
  z-index: 1090;
  width: 320px;
  height: 320px;
  cursor: default;
  overflow: visible !important;
}

.photoviewer-inner {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  border: 1px solid #666;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  cursor: inherit;
}

.photoviewer-maximize {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.photoviewer-maximize .photoviewer-inner {
  border-radius: 0;
}

.photoviewer-maximize .photoviewer-resizable-handle {
  display: none;
}

.photoviewer-toolbar {
  font-size: 0;
}

.photoviewer-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  font-size: 16px;
  color: #3d3d3d;
  line-height: 1;
  text-align: center;
  background: none;
  border-width: 0;
  border-radius: 0;
  cursor: pointer;
  outline: none;
}

.photoviewer-button:hover {
  color: #111;
}

.photoviewer-button svg {
  display: inline-block;
  font-size: inherit;
  width: 1em;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em;
}

.photoviewer-header {
  position: relative;
  z-index: 2;
  height: 30px;
}

.photoviewer-header .photoviewer-toolbar {
  float: right;
}

.photoviewer-header .photoviewer-button {
  height: 30px;
}

.photoviewer-header .photoviewer-button:hover {
  color: #333;
  background-color: #eee;
}

.photoviewer-header .photoviewer-button-close:hover {
  color: #fff;
  background-color: #ff4545;
}

.photoviewer-title {
  padding: 8px 10px;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333;
  overflow: hidden;
}

.photoviewer-stage {
  position: absolute;
  top: 30px;
  right: 0;
  bottom: 40px;
  left: 0;
  z-index: 1;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  background-color: #fff;
  overflow: hidden;
}

.photoviewer-stage.stage-ready {
  text-align: center;
  font-size: 0;
}

.photoviewer-stage.stage-ready:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  overflow: hidden;
}

.photoviewer-image {
  position: relative;
  display: inline-block;
}

.photoviewer-image.image-ready {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.photoviewer-footer {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 40px;
  color: #fff;
  text-align: center;
}

.photoviewer-footer .photoviewer-toolbar {
  display: inline-block;
}

.photoviewer-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  text-align: center;
  color: #333;
}

.photoviewer-loader::before {
  content: '';
  display: inline-block;
  position: relative;
  width: 36px;
  height: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  -webkit-animation: photoviewerLoading 1s infinite linear;
  animation: photoviewerLoading 1s infinite linear;
}

.photoviewer-loader::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  overflow: hidden;
}

@-webkit-keyframes photoviewerLoading {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 0, 0);
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 0, 0);
    transform: rotateZ(360deg) translate3d(0, 0, 0);
  }
}

@keyframes photoviewerLoading {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 0, 0);
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 0, 0);
    transform: rotateZ(360deg) translate3d(0, 0, 0);
  }
}

.photoviewer-resizable-handle {
  position: absolute;
  z-index: 10;
}

.photoviewer-resizable-handle-e {
  top: 0;
  right: -5px;
  bottom: 0;
  left: auto;
  width: 10px;
  cursor: e-resize;
}

.photoviewer-resizable-handle-s {
  top: auto;
  right: 0;
  bottom: -5px;
  left: 0;
  height: 10px;
  cursor: s-resize;
}

.photoviewer-resizable-handle-w {
  top: 0;
  right: auto;
  bottom: 0;
  left: -5px;
  width: 10px;
  cursor: w-resize;
}

.photoviewer-resizable-handle-n {
  top: -5px;
  right: 0;
  bottom: auto;
  left: 0;
  height: 10px;
  cursor: n-resize;
}

.photoviewer-resizable-handle-se {
  top: auto;
  right: -5px;
  bottom: -5px;
  left: auto;
  width: 10px;
  height: 10px;
  cursor: se-resize;
}

.photoviewer-resizable-handle-sw {
  top: auto;
  right: auto;
  bottom: -5px;
  left: -5px;
  width: 10px;
  height: 10px;
  cursor: sw-resize;
}

.photoviewer-resizable-handle-nw {
  top: -5px;
  right: auto;
  bottom: auto;
  left: -5px;
  width: 10px;
  height: 10px;
  cursor: nw-resize;
}

.photoviewer-resizable-handle-ne {
  top: -5px;
  right: -5px;
  bottom: auto;
  left: auto;
  width: 10px;
  height: 10px;
  cursor: ne-resize;
}

:-webkit-full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-webkit-full-screen .photoviewer-header,
:-webkit-full-screen .photoviewer-footer,
:-webkit-full-screen .photoviewer-resizable-handle {
  display: none;
}

:-webkit-full-screen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-moz-full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-moz-full-screen .photoviewer-header,
:-moz-full-screen .photoviewer-footer,
:-moz-full-screen .photoviewer-resizable-handle {
  display: none;
}

:-moz-full-screen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-ms-fullscreen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-ms-fullscreen .photoviewer-header,
:-ms-fullscreen .photoviewer-footer,
:-ms-fullscreen .photoviewer-resizable-handle {
  display: none;
}

:-ms-fullscreen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:full-screen .photoviewer-header,
:full-screen .photoviewer-footer,
:full-screen .photoviewer-resizable-handle {
  display: none;
}

:full-screen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-webkit-full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-moz-full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-ms-fullscreen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:fullscreen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-webkit-full-screen .photoviewer-header,
:-webkit-full-screen .photoviewer-footer,
:-webkit-full-screen .photoviewer-resizable-handle {
  display: none;
}

:-moz-full-screen .photoviewer-header,
:-moz-full-screen .photoviewer-footer,
:-moz-full-screen .photoviewer-resizable-handle {
  display: none;
}

:-ms-fullscreen .photoviewer-header,
:-ms-fullscreen .photoviewer-footer,
:-ms-fullscreen .photoviewer-resizable-handle {
  display: none;
}

:fullscreen .photoviewer-header,
:fullscreen .photoviewer-footer,
:fullscreen .photoviewer-resizable-handle {
  display: none;
}

:-webkit-full-screen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-moz-full-screen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-ms-fullscreen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:fullscreen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

::-webkit-backdrop {
  background-color: #000;
}

::backdrop {
  background-color: #000;
}

::-ms-backdrop {
  background-color: #000;
}

.is-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.is-grabbing {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* sourceMappingURL=photoviewer.css.map */

/* Original file: files/faceOff/928/135/layout.css */

@media screen and (max-width:639px){
.xe-widget { width: 100% !important; box-sizing:border-box; }
  
}
  
@media screen and (min-width: 640px){
.xe-widget { width: 49% !important; box-sizing:border-box; }
  
}

.hg_header {
    position: relative;
    padding: 5px;
}

.hg_header h1 img {
    zoom: 1;
}

.hg_gnb2 > ul > li > a, .hg_gnb2 .pr_mymenu > ul > li > a, .hg_gnb3_mymenu, .hg_gnb3_mymenu a {
    display: block;
    font-size: 19px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: -0.025em;
}

.hg_container {
    background: #fff;
}

.hg_gnb2>ul>li>a {
    display: inline-block;
    padding: 6px 30px;
    line-height: 36px;
}

.hg_gnb2_wrap {
    position: relative;
    height: 50px;
    font-size: 0px;
    text-align: center;
    z-index: 98;
}

.hg_gnb2>ul>li, .hg_gnb2 .pr_mymenu {
    border-right: 0px solid #f7f7f7;
}

.hg_gnb2_wrap {
    background-color: #df4730;
    border-top: 1px solid #df4730;
}
.hg_gnb2>ul {
    border-left: 0px solid #37374c;
}
.hg_gnb2>ul>li.active>a {
    text-decoration: none;
    background-color: #b51d1d;
}
.hg_header2 {
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
}