@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
@import url('//fonts.googleapis.com/css?family=Lato:300,400');
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; }