@charset "utf-8";

body	{font-size: 14px; -webkit-font-smoothing: subpixel-antialiased;}

a,
button,
input[type=button]	{transition-property: color, background-color, border-color; transition-duration: 0.3s;}
input, button, textarea, table	{font-size: 14px;}
input[type = 'password']	{font-family: 'Helvetica';}

/* basic */
.num_box	{height: 20px; line-height: 20px; border-radius: 10px; padding: 0 8px; font-size: 11px;}
.num_box2	{height: 16px; line-height: 16px; border-radius: 10px; padding: 0 7px; font-size: 10px;}
.ib	{height: 42px; line-height: 42px; padding: 0 20px; border-radius: 10px; position: relative; overflow: hidden; font-size: 14px; z-index: 1;}
.font_n .ib	{line-height: 44px;}
.ib::before	{content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; border-radius: 50%; transition-property: top, border-radius; transition-duration: 0.5s; z-index: -1;}
.ib:hover::before	{top: 50%;}
.ib2	{height: 32px; line-height: 32px; padding: 0 11px; border-radius: 5px; font-size: 13px;}
.font_n .ib2	{line-height: 33px;}
.bt_group	{border-radius: 10px;}
.bt_group .ib	{border-radius: 0;}
.bt_group .ib:first-of-type	{border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.bt_group .ib:last-of-type	{border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.bt_group .ib2:first-of-type	{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.bt_group .ib2:last-of-type	{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.ii	{height: 32px; line-height: 32px; font-size: 13px;}
.ink_link:hover	{text-decoration: none;}
.ink_link2:hover	{border-bottom-color: transparent;}
a.c_module2:hover,
button.c_module2:hover	{color: #FFF;}
.c_pointer	{cursor: pointer;}
.ink_wrap .xe_content,
.ink_wrap table	{font-family: 'NanumGothic', 'apple sd gothic neo', sans-serif;}

.ink_bubble_wrap	{position: relative; display: inline-block;}
.ink_bubble:not(.bubble_left)	{left: 50%; top: -35px; transform: translateX(-50%); transition-property: top, opacity;}
.ink_bubble	{position: absolute; width: 0; height: 0; overflow: hidden; background-color: #222; border-radius: 5px; white-space: nowrap; font-size: 11px !important; line-height: 100% !important; font-weight: normal !important; color: #FFF; opacity: 0; transition-duration: 0.3s; z-index: 1;}
.has_bubble:hover + .ink_bubble	{padding: 4px 6px;}
.font_n .has_bubble:hover + .ink_bubble	{padding: 6px 6px 4px;}
.has_bubble:hover + .ink_bubble:not(.bubble_left)	{top: -25px; opacity: 1; width: auto; height: auto; overflow: visible;}
.ink_bubble.bubble_left	{right: calc(100% + 3px); top: 50%; margin-top: -9px; transition-property: opacity;}
.font_n .ink_bubble.bubble_left	{margin-top: -11px;}
.has_bubble:hover + .ink_bubble.bubble_left	{opacity: 1; width: auto; height: auto;}
.ink_bubble::after	{content: ''; position: absolute; left: 50%; top: 100%; margin-left: -4px; border: 5px solid transparent; border-top: 5px solid #222;}
.ink_bubble.bubble_left::after	{content: none;}

/* ink message */
.ink_message	{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.ink_message>div	{-webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none;}
.ink_message>div	{width: 480px; border-radius: 20px;}
.ink_message.ink_warn>div,
.ink_message.ink_message2>div	{width: 300px;}
.ink_message>div>h3	{padding: 15px 0; border-radius: 20px 20px 0 0;}
.ink_message .bt_xclose	{position: absolute; left: 50%; top: -45px; width: 35px; height: 35px; margin-left: -17.5px;}
.ink_message .bt_xclose svg	{width: 35px; height: 35px; fill: #FFF;}
.ink_message .inner	{max-height: 400px;}
.ink_message .bt_area	{padding: 15px 0; border-radius: 0 0 20px 20px;}
.ink_warn .inner	{padding: 30px 10px 15px; font-size: 15px;}
.ink_warn .message_target	{margin-bottom: 10px;}
.ink_warn .bt_area	{margin-top: 10px;}
.ink_message2 .inner	{padding: 25px 25px 0;}
.ink_message2 .bt_area	{padding: 0 0 25px; margin-top: 25px;}

/* ink box */
.ink_box	{width: 300px; padding: 25px; box-sizing: border-box; border-radius: 20px;}
.ink_box .desc	{line-height: 160%; margin-bottom: 15px;}
.ink_box .desc2	{line-height: 160%; margin-top: 10px;}
.ink_box .bt_area	{margin-top: 25px;}

/* ink dropdown */
.ink_dropdown	{font-size: 13px;}
.ink_dropdown .bt	{padding: 0 28px 0 10px; height: 32px; line-height: 32px; font-size: 13px;}

/* mouseover date */
.msover_date	{display: inline-block; position: relative; text-align: center;}
.msover_date .ink_time	{position: absolute; left: 0; top: 0; opacity: 0; width: 100%; white-space: nowrap;}
.msover_date .ink_time,
.msover_date .ink_date	{transition-property: opacity; transition-duration: 0.3s;}
.msover_date:hover .ink_date	{opacity: 0;}
.msover_date:hover .ink_time	{opacity: 1;}

/* custom code */
.custom_code.header_bottom	{position: relative; margin-bottom: 25px; z-index: 1;}
.custom_code.content_top	{margin-bottom: 25px;}

/* color preview */
.color_preview	{background-color: rgba(255,255,255,0.7);}
.color_preview,
.color_preview a	{color: #222;}
.color_preview .bt_openclose	{top: 15px; background-color: rgba(255,255,255,0.7); color: #222;}

/* layout */
.ink_container	{width: 1200px; padding-bottom: 200px; margin: 0 auto; border-top: 1px solid transparent;}
.ink_header	{margin-bottom: 25px;}
.ink_wrapper	{position: relative; padding-bottom: 25px;} .no_header .ink_wrapper	{padding-top: 25px;}
.ink_content	{float: left; width: 900px;}
.sidebar_typeN .ink_content	{float: none;}
.ink_sidebar	{width: 250px}
.ink_footer_wrap	{position: absolute; left: 0; bottom: 0; width: 100%; min-width: 1200px;}
.ink_footer	{width: 1200px; margin: 0 auto;}
.ink_bt_top	{display: none; position: fixed; right: 25px; bottom: 25px; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; z-index: 99;}

/* xe message */
.xe_message	{left: 50%; bottom: 25px; width: 600px; margin-left: -300px !important; border-radius: 15px; line-height: 180%;}

/* top banner */
.ink_banner_top	{position: relative; margin: 15px auto 0; padding: 15px 25px; box-sizing: border-box; border-radius: 30px; line-height: 160%; font-size: 16px;}
.ink_banner_top a	{transition-property: border-bottom-color;}
.ink_banner_top a:hover	{border-bottom-color: transparent;}
.ink_banner_top .bt_close	{position: absolute; right: 20px; top: 50%; margin-top: -18px;}
.ink_banner_top button	{padding: 0 5px; height: 36px; line-height: 36px; font-size: 18px;}

/* global notice */
.global_notice.has_notice	{margin-bottom: 25px;}
.global_notice>ul	{border-radius: 15px;}
.global_notice>ul>li	{padding: 15px 40px 15px 40px;}
.global_notice .gn_icon	{left: 20px;}
.global_notice .bt_close	{right: 15px; top: 50%; margin-top: -10px;}
.global_notice .bt_close button	{height: 20px; padding: 0 5px;}

.ink_top .bt_open_gn	{display: inline-block; margin-right: 10px; font-size: 13px; vertical-align: middle; margin-bottom: 1px;}
.ink_top .bt_open_gn .num_box2	{color: #FFF; margin-bottom: 2px;}

.ink_header .ink_top .bt_open_gn	{position: static; margin: 0 0 0 5px;}

/* top menu */
.ink_top	{height: 40px; padding: 0 15px; font-size: 13px; line-height: 40px; letter-spacing: 0;}
.ink_top:empty	{display: none;}
.ink_top ul	{display: inline-block; vertical-align: middle;}
.ink_top li	{display: inline-block; margin-right: 15px;}
.ink_top a	{display: inline !important; border-bottom: 1px solid transparent;}

.top_login	{position: relative;}
.top_login .inkpf	{margin-left: 3px; margin-bottom: 1px; vertical-align: middle;}
.top_login .notify_total	{position: absolute; left: -5px; top: 5px; font-size: 10px; }
.top_login .icon_angle	{margin-left: 2px; vertical-align: middle;}

.ink_top .is_logged	{display: none; position: absolute; right: 0; top: 40px; width: 250px; padding: 25px; background-color: #FFF; border-radius: 15px; box-shadow: 0 10px 15px rgba(0,0,0,0.1); box-sizing: border-box; text-align: left; line-height: 120%; z-index: 89;}
.darkmode .ink_top .is_logged	{box-shadow: 0 10px 15px rgba(0,0,0,0.4);}
.ink_top .is_logged .inkpf	{right: 25px; top: 25px;}

.ink_lang	{position: relative;}
.ink_lang>ul	{display: none; position: absolute; white-space: nowrap; font-family: "Hevetica";}
.ink_lang:hover>ul	{display: block;}
.ink_lang>ul>li	{display: block !important; margin: 0 !important;}

.ink_top .ink_lang>ul	{left: 0; top: 30px; padding: 5px 0; background-color: #FFF; border-radius: 10px; box-shadow: 0 10px 15px rgba(0,0,0,0.1); z-index: 89;}
.ink_top .ink_lang>ul>li	{padding: 7px 15px; line-height: 100%;}

.ink_footer .ink_lang	{padding-top: 10px; margin-top: -10px;}
.ink_footer .ink_lang .footer_box	{left: 0; right: auto;}

.ink_top .top_menu	{float: right; text-align: right;}
.ink_top .top_menu li	{margin-right: 0; margin-left: 15px;}
.ink_header .ink_top .top_menu	{float: none; margin-right: 5px;}

.no_header .ink_top	{padding: 0;}
.no_header .ink_top::before	{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 42px; z-index: -1;}
.no_header .ink_top:empty::before	{content: none;}

.ink_header .ink_top	{position: absolute; right: 0; top: 50%; width: 70%; transform: translateY(-50%); text-align: right; z-index: 99;}
.ink_header .ink_top ul	{display: inline-block;}
.ink_header .ink_top li	{margin-left: 15px; margin-right: 0;}

/* global search */
.globalsearch	{display: inline-block; position: relative; margin-right: 10px; vertical-align: middle;}
.globalsearch .ii	{width: 0; padding: 0; overflow: hidden; line-height: 25px; height: 25px; border-radius: 12.5px; vertical-align: middle; margin-top: -2.5px; transition-property: padding, margin, width; transition-duration: 0.3s;}
.globalsearch .ii.active	{width: 120px; padding: 0 15px; margin-left: 5px;}

.ink_header .globalsearch	{margin: 0 0 0 10px;}

/* header */
 .default_logo	{display: inline-block; width: 47.5px; height: 38px; background: url(../images/logoN.png) no-repeat center center; background-size: 47.5px 38px; text-indent: -9999px;}
 .darkmode .default_logo	{background-image: url(../images/logoY.png);}
 .logo	{font-size: 24px;}

.ink_header	{position: relative;}
.ink_top:empty + .ink_header	{margin-top: 25px;}
.no_navbox	{border-radius: 20px;}
.ink_header .logo	{display: table; margin: 0 250px; width: calc(100% - 500px); height: 150px; text-align: center;}
.has_navbox .logo	{height: 125px;}
.ink_header .logo>div	{display: table-cell; vertical-align: middle;}
.ink_header .logo a	{display: inline-block;}
.ink_header .header_side	{position: absolute; top: 0; width: 250px; height: 150px; z-index: 81;}
.has_navbox .header_side	{height: 125px; border-radius: 15px;}
.ink_header .top_code	{left: 0; padding: 5px 5px 0; box-sizing: border-box; overflow: hidden;}
.ink_header.left_sidebar .top_code	{left: auto; right: 0;}
.ink_header .top_code .d_table_cell	{vertical-align: middle;}
.ink_header .top_code .ink_widget	{width: 240px; background-color: transparent;}
.ink_header .ink_login	{right: 0;}
.ink_header.left_sidebar .ink_login	{right: auto; left: 0;}
.sidebar_typeL .top_code	{left: auto; right: 0;}
.sidebar_typeL .ink_login	{left: 0; right: auto;}

.header_typeB3 .ink_header	{margin-top: 25px;}
.header_typeB3 .ink_header .logo	{display: block; position: relative; width: 100%; height: auto; text-align: left; margin: 0 0 10px;}    /* moida 수정 */   
.header_typeB3 .ink_top	{position: absolute; right: 0; height: 30px; margin-top: -15px; transform: none;}
.header_typeB3 .ink_top ul	{line-height: 30px;}
.header_typeB3 .top_login .notify_total	{top: 0;}

.ink_header .is_unlogged>a	{display: inline-block; width: 50%; box-sizing: border-box; line-height: 150px; text-align: center;}
.has_navbox .ink_login.is_unlogged>a	{line-height: 95px; margin: 15px 0;}

.ink_login2>div	{width: 320px !important;}
.ink_login2 .inner 	{padding-bottom: 15px;}
.ink_login2 .ii	{width: 100%; margin-bottom: 10px;}
.ink_login2 .ex	{font-size: 12px;}
.ink_login2 .ex a	{margin-top: 4px;}
.ink_login2 .keep_desc	{display: none; position: absolute; left: 0; top: calc(100% + 5px); width: 100%; padding: 10px 15px; box-sizing: border-box; line-height: 160%; z-index: 5;}
.ink_login2 .ex label:hover + .keep_desc	{display: block;}
.ink_login2 .bt_area	{margin: 0 30px;}

/* sns login */
.sns_login	{margin: 25px;}
.sns_login .sns_warn	{font-size: 13px;}
.sns_login .bt_sns	{font-size: 10px;}

.ink_login .d_table_cell	{padding: 0 25px; vertical-align: middle;}
.ink_login .d_table_cell>div	{position: relative;}
.is_logged .inkpf	{position: absolute; right: 0; top: 0;}
.is_logged .notify_total	{position: absolute; right: -5px; top: -3px; padding: 0 6px; font-size: 10px; height: 18px; line-height: 18px;}
.is_logged .logged_name	{font-size: 16px;}
.is_logged .bt_area	{margin-top: 8px; font-size: 13px;}
.is_logged .bt_area a	{margin-right: 15px;}
.is_logged .bt_area a:hover	{text-decoration: underline;}

.admin_menu_wrap	{display: inline-block; position: relative; width: 50px; }
.admin_menu	{display: none; position: absolute; top: -20px; left: 60px; padding: 15px; background-color: #222; box-shadow: 0 10px 15px rgba(0,0,0,0.2); opacity: 0; transition-property: left, opacity; transition-duration: 0.3s; white-space: nowrap; font-size: 13px; line-height: 180%; z-index: 10;}
.darkmode .admin_menu	{box-shadow: 0 10px 15px rgba(0,0,0,0.4);}
.admin_menu::before	{content: ''; position: absolute; right: 100%; top: 20px; border: 7px solid transparent; border-right: 7px solid #222;}
.admin_menu.active	{left: 30px; opacity: 1;}
.admin_menu a	{color: #CCC !important;}
.admin_menu a:hover	{color: #FFF !important;}
.admin_menu .icon	{display: inline-block; width: 20px; color: #AAA;}

.ink_pointbar .level,
.ink_pointbar .point	{font-size: 10px;}

.is_logged .ink_pointbar	{margin-top: 15px;}

.mb_menu .inner	{padding: 25px 25px 15px;}
.mb_menu .inner li	{display: inline-block; width: calc(33.33% - 5px); margin-right: 7.5px; margin-bottom: 5px;}
.mb_menu .inner li:nth-child(3n)	{margin-right: 0;}
.mb_menu .inner .ib	{width: 100%; box-sizing: border-box; height: 36px; line-height: 36px; font-size: 14px; text-align: center;}

.nav_wrap	{position: relative; z-index: 80}
.has_navbox .nav_wrap	{margin-top: 10px; border-radius: 15px;}    /* moida 수정 */
.bt_nav	{position: absolute; right: 10px; top: 13px; z-index: 5;}
.bt_nav.opened	{z-index: 98;}
.bt_nav button	{padding: 5px 15px;}
.ink_gnb a	{transition-property: color;}
.ink_gnb .active>a	{font-weight: bold;}
.ink_gnb>ul>li:first-child .menu_1depth {border-radius: 15px 0 0 15px;}
.ink_gnb>ul	{display: inline-block;}
.ink_gnb>ul>li	{display: inline-block; position: relative; vertical-align: top;}
.normal_mode .ink_gnb .menu_1depth	{display: inline-block; position: relative; padding: 0 20px; line-height: 50px; z-index: 11; border-color: transparent;}
.normal_mode .ink_gnb>ul>li>ul	{display: none; position: absolute; width: 130px; top: 60%; left: 50%; margin-left: -65px; padding: 15px 12px 5px; box-sizing: border-box; background-color: #FFF; border-radius: 0 0 15px 15px; box-shadow: 0 10px 10px rgba(0,0,0,0.1); opacity: 0; transition-property: top, opacity; transition-duration: 0.5s; text-align: center; font-size: 13px; z-index: 10;}
.darkmode .normal_mode .ink_gnb>ul>li>ul	{box-shadow: 0 10px 10px rgba(0,0,0,0.4);}
.ink_gnb>ul>li>ul.active	{top: calc(100% - 10px); opacity: 1;}
.normal_mode .ink_gnb>ul>li>ul>li	{position: relative; padding: 12px 0;}
.ink_gnb>ul>li>ul>li:last-child	{border-bottom: none !important;}
.normal_mode .ink_gnb>ul>li>ul>li>ul	{display: none; position: absolute; left: 100%; top: 0; padding: 5px; white-space: nowrap; border-radius: 10px; box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.normal_mode .ink_gnb>ul>li>ul>li:hover>ul	{display: block;}
.normal_mode .ink_gnb>ul>li>ul>li>ul>li	{padding: 5px 10px;}
.ink_gnb .fa-external-link-alt	{margin-left: 3px; font-size: 12px;}
.ink_gnb .gnb_space	{height: 50px;}
.ink_gnb .gnb_space .menu_1depth	{display: inline-block; padding: 0 !important; width: 15px; height: 50px;}

.nav_wrap.view_mode	{height: 50px;}
.view_mode .ink_gnb	{position: absolute; left: 0; top: 0; width: 100%; background-color: #FFF; border-radius: 0 0 15px 15px; box-shadow: 0 10px 10px rgba(0,0,0,0.1); z-index: 97;}
.has_navbox .view_mode .ink_gnb	{border-radius: 15px;}
.view_mode .ink_gnb>ul	{display: table; white-space: nowrap;}
.view_mode .ink_gnb>ul>li	{display: table-cell;}
.view_mode .ink_gnb .menu_1depth	{display: inline-block; width: 100%; padding: 0 20px; line-height: 50px; box-sizing: border-box; border-bottom: 1px dotted #e5e5e5;}
.view_mode .ink_gnb>ul>li>ul	{display: block !important; padding: 10px 20px; font-size: 13px;}
.view_mode .ink_gnb>ul>li>ul>li>a	{display: inline-block; padding: 7px 0;}
.view_mode .ink_gnb>ul>li>ul>li>ul	{padding: 10px 0 5px 10px;}
.view_mode .ink_gnb>ul>li>ul>li>ul>li	{padding-bottom: 5px;}
.view_mode .fa-angle-right	{display: none;}
.view_mode .ink_gnb .gnb_space,
.open_mode	.ink_gnb .gnb_space	{display: none;}

.open_mode .ink_gnb	{padding: 20px; font-size: 16px;}
.open_mode .ink_gnb>ul	{display: table; width: 100%;}
.open_mode .ink_gnb>ul>li	{display: table-cell; width: 140px; padding-right: 10px; vertical-align: top; white-space: nowrap;}
.ink_gnb .cell_dummy	{width: auto !important; border-right-color: #FFF !important;}
.open_mode .ink_gnb>ul>li>a	{font-weight: bold;}
.open_mode .ink_gnb>ul>li>ul	{display: block !important; margin-top: 20px; font-size: 14px;}
.open_mode .ink_gnb>ul>li>ul>li	{margin-top: 12px;}
.open_mode .bt_nav	{display: none;}

.nav_wrap.fixed	{margin-top: 0 !important; border-radius: 15px; background-color: rgba(255,255,255,0.9); box-shadow: 0 5px 10px rgba(0,0,0,0.1); border-top: none; position: fixed; top: 10px; left: 50%; animation-name: move_top; animation-duration: 0.5s;}
.darkmode .nav_wrap.fixed	{box-shadow: 0 5px 10px rgba(0,0,0,0.3);}
.fixed.view_mode .ink_gnb	{border-radius: 15px;}
@-webkit-keyframes move_top	{
	from	{top: -50px;}
	to	{top: 10;}
}
@keyframes move_top	{
	from	{top: -50px;}
	to	{top: 10;}
}

/* sidebar */
.ink_sidebar .logo	{margin-bottom: 25px;}

.ink_sidebar.left_sidebar	{float: left; margin-right: 50px;}
.ink_sidebar.left_sidebar::after	{content: ''; position: absolute; top: 0; left: 275px; width: 1px; height: calc(100% - 25px);}
.no_header .ink_sidebar.left_sidebar::after	{top: 25px; height: calc(100% - 50px);}
.ink_sidebar.right_sidebar	{float: right;}
.ink_sidebar.right_sidebar::after	{content: ''; position: absolute; top: 0; right: 275px; width: 1px; height: calc(100% - 25px);}
.no_header .ink_sidebar.right_sidebar::after	{top: 25px; height: calc(100% - 50px);}

.ink_sidebar .ink_login	{margin-bottom: 25px;}
.ink_sidebar .is_logged	{position: relative; padding: 20px;}
.ink_sidebar .is_logged .inkpf	{right: 15px; top: 15px;}
.ink_sidebar .is_logged .notify_total	{right: 10px; top: 12px;}
.ink_sidebar .click_disable	{display: none; position: absolute; right: 5px; top: 5px; width: 55px; height: 55px; z-index: 5;}

.bt_open_notify	{display: inline-block; position: relative; width: 100%; padding: 15px; margin-bottom: 25px; border-radius: 15px; box-sizing: border-box; text-align: left;}
.bt_open_notify .text_en	{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); padding: 0 10px; font-size: 12px;}
.darkmode .bt_open_notify 	{font-weight: bold;}

.notify_wrap .inner	{height: 400px;}
.notify_wrap .bt_notify_position	{display: inline-block; position: absolute; right: 10px; top: 10px; z-index: 1;}
.notify_wrap .bt_notify_position button	{width: 30px; height: 30px; box-sizing: border-box; padding-top: 3px; border-radius: 50%; font-size: 14px; color: #BBB;}
.notify_wrap .bt_unfix	{display: none;}
.notify_wrap .bt_unfix button	{width: 27px; height: 27px;}
.notify_list>ol>li	{padding: 18px 20px 20px 75px;}
.notify_list .inkpf	{left: 20px; top: 20px;}
.notify_type	{left: 15px; top: 15px;}
.notify_list .msg	{line-height: 160%;}
.notify_list li strong:nth-of-type(2) {border-bottom: 1px solid #FFF; transition-property: border-bottom-color; transition-duration: 0.3s;}
.notify_list .ago	{font-size: 12px;}

.notify_wrap.fixed	{position: relative; margin-bottom: 25px; background-color: #FFF; font-size: 13px;}
.notify_wrap.fixed h3	{padding: 15px; border-radius: 15px 15px 0 0; font-size: 14px; line-height: 100%; font-weight: bold;}
.notify_wrap.fixed .inner	{height: 300px; max-height: 300px;}
.notify_wrap.fixed .bt_unfix	{display: inline-block;}
.notify_wrap.fixed .bt_fix,
.notify_wrap.fixed .bt_xclose	{display: none;}
.notify_wrap.fixed .bt_area	{position: relative; padding: 15px 0; border-radius: 0 0 15px 15px; text-align: center; z-index: 1;}
.notify_wrap.fixed .bt_area .ib	{height: 32px; line-height: 32px; padding: 0 11px; border-radius: 5px; font-size: 13px;}

.ink_sidebar .ink_module	{margin-bottom: 25px; border-radius: 18px 18px 15px 15px; background-color: #FFF;}
.ink_sidebar .ink_module h3	{padding: 15px; border-radius: 15px 15px 0 0; font-size: 14px; line-height: 100%; font-weight: bold;}
.ink_sidebar .ink_module ul,
.ink_sidebar .ink_module ol	{padding: 8px 15px 8px;}
.ink_sidebar .ink_module li	{padding: 5px 0; line-height: 160%;}

.ink_sidebar .sidebar_menu .fa-folder,
.ink_sidebar .sidebar_menu .fa-folder-open	{margin-right: 3px; font-size: 16px;}
.ink_sidebar .sidebar_menu .menu_1depth	{font-size: 15px;}
.ink_sidebar .sidebar_menu li	{padding: 0; white-space: nowrap;}
.ink_sidebar .sidebar_menu li.active>a	{font-weight: bold;}
.ink_sidebar .sidebar_menu a	{display: inline-block; padding: 4px 0;}
.ink_sidebar .sidebar_menu>ul>li	{position: relative;}
.ink_sidebar .sidebar_menu>ul>li>ul	{display: none; padding: 0 0 0 26px;}
.sidebar_menu a>span	{display: inline-block; width: 20px; height: 20px; margin-right: 7px; border-radius: 5px; text-align: center; font: 11px/20px "Arial"; text-transform: uppercase; vertical-align: middle; transition-property: background-color, color; transition-duration: 0.3s;}
.sidebar_menu .bt_openclose	{display: inline-block; position: absolute; right: -5px; top: 0; width: 30px; height: 30px; line-height: 33px; z-index: 1;}
.sidebar_menu .bt_openclose::after	{content: ''; position: absolute; left: 50%; top: 50%;  width: 100%; height: 100%; transform: translate(-50%,-50%); border-radius: 50%; opacity: 0; transition-property: opacity; transition-duration: 0.8s; z-index: -1;}
.sidebar_menu .bt_openclose:active::after	{opacity: 1; transition: 0s;}
.sidebar_menu .bt_openclose i	{padding-left: 1px;}
.sidebar_menu .addon_menu_new	{margin-left: 5px !important;}
.sidebar_menu .fa-external-link-alt	{margin-left: 3px; font-size: 12px;}

/* box container */
.containerB .ink_wrapper	{padding: 25px; border-radius: 20px;}
.containerB .ink_sidebar.right_sidebar::after,
.containerB .ink_sidebar.left_sidebar::after	{top: -25px; height: calc(100% + 50px);}
.containerB .ink_sidebar .ink_module h3	{border-radius: 15px;}
.containerB .ink_sidebar .ink_module>ul,
.containerB .ink_sidebar .ink_module>ol	{padding-left: 0; padding-right: 0; padding-bottom: 0;}

/* footer */
.ink_footer	{display: table; padding: 50px 0;}
.ink_footer a:hover	{color: #FFF;}
.ink_footer .logo_bottom	{display: table-cell; width: 1%; padding-right: 50px; vertical-align: top; white-space: nowrap; font-size: 20px;}
.ink_footer .logo_bottom a	{display: inline-block; color: #FFF;}
.ink_footer .footer_content	{display: table-cell; vertical-align: top;}

.ink_footer .footer_table	{display: table; width: 100%;}
.ink_footer .footer_cell	{display: table-cell; vertical-align: top;}
.ink_footer .footer_2nd	{padding-top: 25px; margin-top: 25px;}

.ink_footer .ink_copyright a	{color: #FFF; border-bottom: 1px solid transparent;}
.ink_footer .ink_copyright a:hover	{border-color: #FFF;}

.ink_footer .footer_menu	{text-align: right;}
.ink_footer .footer_menu li	{display: inline-block; margin-left: 15px;}

.ink_footer .footer_text	{line-height: 160%;}

.footer_link_icon	{text-align: right; white-space: nowrap;}
.footer_link_icon li	{margin-left: 5px;}
.footer_link_icon a	{display: inline-block; width: 40px; height: 40px; line-height: 42px; border-radius: 10px; background-color: rgba(255,255,255,0.1); text-align: center; font-size: 18px;}

.footer_link_select	{position: relative; text-align: right; width: 1%; white-space: nowrap;}
.bt_footer_link	{display: inline-block; position: relative; width: 180px; padding: 8px 15px; box-sizing: border-box; border-radius: 10px; text-align: left; z-index: 2;} 
.bt_footer_link i	{position: absolute; right: 12px; top : 9px; z-index: 1;}
.footer_link_select:hover .bt_footer_link	{background-color: rgba(255,255,255,0.1); color: #FFF;}
.footer_link_select ul	{display: none; width: 180px;}
.footer_link_select:hover ul	{display: block;}
.footer_link_select li:last-child	{border-bottom: none !important;}
.footer_link_select .icon	{margin-right: 3px;}

.footer_box	{position: absolute; right: 0; bottom: 100%; border-radius: 10px; text-align: left;}
.footer_box li:last-child	{border-bottom: none;}
.footer_box li a	{display: inline-block; padding: 8px 15px; width: 100%; box-sizing: border-box;}

/* widget style */
.board_name .inner, .board_name2 .inner	{font-size: 12px; height: 24px; line-height: 24px; z-index: 1;}
.font_n .board_name .inner, .font_n .board_name2 .inner	{line-height: 25px;}
.darkmode .board_name .inner, .darkmode .board_name2 .inner	{line-height: 24px;}
.board_name .inner:hover,
.board_name .inner:hover a	{color: #FFF;}
.ink_module .board_name .inner	{width: 100%; }
.ink_module .d_table_cell	{padding: 3px 0;}
.ink_module .d_table .board_name	{padding: 4px 10px 4px 0;}

/* ink check */
.ink_check	{font-size: 13px; cursor: pointer;}
.ink_check>span	{line-height: 12px;}
.ink_radio>span	{line-height: 18px;}
.font_n .ink_check>span	{line-height: 14px;}
.font_n .ink_radio>span	{line-height: 20px;}

/* layout slider */
.ink_slide	{margin-bottom: 25px;}
.ink_slide .single_image,
.ink_slide .swiper-con	{border-radius: 20px;}
.ink_slide .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;}
.ink_slide .w_page_nav img	{margin-top: 12px;}
.ink_slide .swiper-button-prev	{left: 10px;}
.ink_slide .swiper-button-next	{right: 10px;}
.ink_slide:hover .swiper-button-prev	{left: 0; opacity: 1;}
.ink_slide:hover .swiper-button-next	{right: 0; opacity: 1;}
.ink_slide .swiper-pagination	{bottom: 10px;}
.ink_slide .swiper-pagination-bullet	{width: 10px; height: 10px; border-radius: 5px;}
.ink_slide .swiper-pagination-bullet-active	{width: 20px;}

.ink_slide .dark_shade	{border-radius: 20px;}
.ink_slide .slide_content	{right: -25px; bottom: 25px;}
.ink_slide .swiper-slide-active .slide_content	{right: 25px;}
.ink_slide .single_image .slide_content	{right: 25px;}

.ink_slide .slide_ctg	{margin-bottom: 5px; font-size: 12px;}
.ink_slide .slide_title	{font-size: 28px; font-family: 'IropkeBatangM', 'IropkeBatangOTFM'; letter-spacing: 0.15em;}
.ink_slide .slide_desc	{margin-top: 10px; line-height: 160%; font-size: 15px;}
.ink_slide .slide_button	{margin-top: 10px; padding: 0 25px; line-height: 40px; border-radius: 20px; font-size: 13px;}

/*************** 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; }

/* custom_select */
.sbHolder	{position: relative; display: inline-block; text-align: left; font-size: 13px;}
.sbSelector	{display: inline-block; position: relative; height: 32px; line-height: 32px; width: 100%; padding: 0 30px 0 10px; box-sizing: border-box; border-radius: 5px; background: url(../images/arrow_selectB.png) no-repeat right 10px top 14px; background-size: 7.5px auto; font-size: 13px; vertical-align: middle;}
.darkmode .sbSelector	{background-image: url(../images/arrow_selectW.png);}
.sbToggleOpen + .sbSelector	{background-position: right 10px top -13px; border-radius: 5px 5px 0 0;}
.sbOptions	{position: absolute; left: 0; top: 100% !important; min-width: 100%; padding: 15px 15px 8px; margin: 0; box-sizing: border-box; border-radius: 0 0 10px 10px; overflow: auto; z-index: 104; background-color: #FFF; box-shadow: 0 10px 15px rgba(0,0,0,0.1); font-size: 13px;}
.darkmode .sbOptions	{box-shadow: 0 10px 15px rgba(0,0,0,0.4);}
.sbOptions li	{margin-bottom: 7px; padding: 0; white-space: nowrap;}