@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Karla&display=swap');

body, button, input, select, table	{font-family: 'Karla', sans-serif;}
body	{font-size: 0.95em;}
button, input, select, table, textarea	{font-size: 1.0em;}
input[type=text], input[type=url], input[type=tel], input[type=email], input[type=password], input[type=number], textarea	{-webkit-appearance: none; border-radius: 0;}

.ib	{padding: 10px 18px; border-radius: 5px;}
.ib2	{padding: 7px 10px; font-size: 0.9em;}
.bt_group	{border-radius: 5px;}
.bt_group .ib	{border-radius: 0;}
.bt_group .ib:first-of-type	{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.bt_group .ib:last-of-type	{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.ii	{padding: 8px 12px; border-radius: 5px !important; font-size: 0.9em;}
.num_box	{padding: 3px 6px; border-radius: 10px; font-size: 0.75em; line-height: 1.0em;}
.num_box2	{padding: 2px 6px; border-radius: 10px; font-size: 0.7em; line-height: 1.0em;}
.msover_date .ink_time	{display: none;}
.ink_link2	{text-decoration: underline;}
.scroll_wrap	{overflow: hidden;}
.scroll_x	{padding-bottom: 50px; margin-bottom: -50px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}

/* ink message */
.ink_message>div	{position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px); height: calc(100% - 120px); border-radius: 15px;}
.ink_message>div>h3	{padding: 10px 0; border-radius: 15px 15px 0 0; font-size: 0.85em;}
.ink_message>div>.bt_close	{display: none;}
.ink_message .bt_area	{padding: 15px;}
.ink_message.ink_warn>div,
.ink_message.ink_message2>div	{width: 280px; height: auto; top: 50%; left: 50%; bottom: auto; transform: translate(-50%,-50%); padding-bottom: 0;}
.ink_message2 .inner,
.ink_warn .inner	{padding: 20px 20px 0;}
.ink_warn .message_target	{margin-bottom: 5px;}
.ink_message2 .bt_area,
.ink_warn .bt_area	{padding: 20px;}

.ink_message.has_ib2 .inner	{height: calc(100% - 100px); overflow: auto;}
.ink_message.has_ib2 .bt_area	{border-radius: 0 0 15px 15px;}

.ink_message.has_close>div>.bt_close	{display: block !important; position: absolute; left: 0; bottom: 0; width: 100%; padding: 8px 0; border-radius: 0 0 15px 15px;}
.ink_message.has_close>div>.bt_close svg	{width: 12px; height: 12px;}

/* ink box */
.ink_box	{width: 280px; padding: 25px 15px; box-sizing: border-box; border-radius: 15px;}
.ink_box .desc	{line-height: 1.4em; margin-bottom: 10px;}
.ink_box .desc2	{line-height: 1.4em; margin-top: 5px;}
.ink_box .bt_area	{margin-top: 15px;}

/* ink bubble */
.ink_bubble	{display: none;}

/* custom code */
.custom_code.header_bottom	{margin: 0 15px 15px;}
.custom_code.content_top	{margin-bottom: 15px;}
.custom_code.footer_text	{margin: 10px 0 -5px; line-height: 1.6em;}

/* color preview */
.color_preview	{background-color: rgba(0,0,0,0.7);}
.color_preview,
.color_preview a	{color: #FFF;}
.color_preview>div	{overflow: auto;}
.color_preview .bt_openclose	{bottom: 15px; background-color: rgba(0,0,0,0.7); color: #FFF;}

/* layout */
.ink_container	{padding-bottom: 160px;}
.ink_content	{padding: 0 15px 30px;}
.layout_buttons	{position: fixed; right: 15px; bottom: 15px; width: 40px; opacity: 0.6; z-index: 99;}
.layout_buttons a	{display: inline-block; width: 40px; height: 40px; line-height: 40px; margin-top: 5px; border-radius: 5px; text-align: center; font-size: 1.2em; color: #FFF;}
.layout_buttons .ink_bt_top	{display: none;}

/* xe message */
.xe_message	{left: 15px; top: 15px; width: calc(100% - 30px); border-radius: 10px; font-size: 1.0em; line-height: 1.4em;}
.xe_message p	{margin: 10px 0 !important;}

/* top banner */
.ink_banner_top	{position: relative; padding: 15px; line-height: 1.4em;}
.ink_banner_top .bt_close	{position: absolute; right: 10px; top: 12px;}
.ink_banner_top button	{padding: 5px;}

/* global notice */
.global_notice.has_notice	{margin-bottom: 15px;}
.global_notice>ul	{border-radius: 10px;}
.global_notice>ul>li	{padding: 10px 30px 10px 30px; line-height: 1.4em;}
.global_notice .gn_icon	{left: 10px;}
.global_notice .bt_close	{right: 0; top: 50%; margin-top: -10px;}
.global_notice .bt_close button	{height: 20px; padding: 0 10px; font-size: 0.8em;}

.ink_header .bt_open_gn	{display: inline-block; position: absolute; left: 60px; width: 45px;}
.ink_header .bt_open_gn i	{font-size: 12px;}
.ink_header.use_box .bt_open_gn	{left: 40px;}

/* header */
.ink_header	{position: relative;}
.ink_header .logo	{display: table; position: relative; height: 40px; width: 100%; text-align: center; font-size: 1.3em; line-height: 1.0em; font-weight: 500; z-index: 1;}
.ink_header .logo>div	{display: table-cell; vertical-align: middle;}
.ink_header .logo img	{zoom: 0.5;}
.ink_header .default_logo	{display: inline-block; width: 31.5px; height: 25px; background: url(../images/logo_mN.png) no-repeat center center; background-size: 31.5px 25px; text-indent: -9999px;}
.darkmode .ink_header .default_logo	{background-image: url(../images/logo_mY.png);}
.ink_header button	{position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; line-height: 40px; font-size: 16px; z-index: 2;}
.ink_header .bt_menu	{left: 15px;}
.ink_header .bt_right	{right: 15px;}
.ink_header .bt_login	{padding-top: 1px; font-size: 13px; line-height: 14px !important;}
.ink_header .bt_login span	{font-size: 9px; line-height: 10px !important;}
.ink_header .num_box	{position: absolute; right: 30px; top: 0;}

.ink_header.no_box	{height: 70px;}
.ink_header.no_box .logo	{padding: 15px 0;}
.ink_header.no_box button	{border-radius: 10px;}

.ink_header.use_box	{margin: 15px; height: 50px; border-radius: 10px;}
.ink_header.use_box .logo	{height: 50px;}
.ink_header.use_box button	{margin-top: -25px; height: 50px; line-height: 50px;}
.ink_header.use_box .bt_menu	{left: 0;}
.ink_header.use_box .bt_right	{right: 0;}
.ink_header.use_box .bt_notify	{border-radius: 0 10px 10px 0;}

/* login */
.ink_login2 .ii	{width: 100%; margin-bottom: 5px;}
.ink_login2 .ex	{margin-top: 10px;}
.ink_login2 .keep_desc	{display: none; padding: 15px; margin-top: 10px; border-radius: 10px; font-size: 0.9em; line-height: 1.6em;}

/* sns login */
.sns_login	{margin: 15px;}
.sns_login .sns_warn	{font-size: 0.85em;}
.sns_login .bt_sns	{font-size: 0.7em;}

/* notify */
.notify_list>ol>li	{padding: 15px 15px 15px 65px;}
.notify_list .inkpf	{left: 15px; top: 15px;}
.notify_type	{left: 10px; top: 10px;}
.no_notify2	{display: none;}
.no_notify,
.no_notify2	{padding-top: 50px; text-align: center; line-height: 1.6em;}

/* sidebar */
.ink_sidebar	{position: fixed; left: 0; top: 0; width: 0; height: 100%; z-index: 150;}
.ink_sidebar .dummy_button	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 1;}
.ink_sidebar .inner	{position: absolute; left: -310px; top: 0; width: 300px; height: 100%; background-color: #FFF; overflow: auto; z-index: 2; transition-property: left; transition-duration: 0.3s;}
.ink_sidebar.active	{width: 100%;}
.ink_sidebar.active .inner	{left: 0;}

.sidebar_top	{padding: 15px 15px 35px;}
.sidebar_top, .sidebar_top a	{color: #FFF;}
.ink_unlogged a	{display: inline-block; background-color: rgba(255,255,255,0.15); width: calc(50% - 5px); padding: 10px 0; border-radius: 10px; text-align: center; color: #FFF; }
.ink_unlogged a:first-of-type	{margin-right: 10px;}
.ink_logged	{position: relative;}
.ink_logged .logged_name	{display: inline-block; padding: 10px; vertical-align: middle;}
.ink_logged .bt_logout	{display: inline-block; position: absolute; right: -10px; top: -3px; padding: 10px; text-align: center; font-size: 15px; line-height: 14px;}
.ink_logged .bt_logout>span	{font-size: 9px; line-height: 10px;}
.ink_pointbarM	{position: relative; margin-top: 10px; padding-top: 7px; font-size: 0.8em; line-height: 1.0em;}
.ink_pointbarM .point_bg	{position: absolute; left: 0; top: 0; width: 100%; height: 3px; background-color: #FFF; opacity: 0.3;}
.ink_pointbarM .current	{position: absolute; left: 0; top: 0; height: 3px; background-color: #FFF; opacity: 0.7;}
.ink_pointbarM .percent	{position: absolute; right: 0; bottom: 0;}

.global_search	{margin-top: 10px; background-color: rgba(255,255,255,0.15); height: 32px; line-height: 34px; padding-left: 10px; border-radius: 16px;}
.global_search input	{width: 220px; padding-top: 6px; margin-left: 3px; border: none; background-color: transparent; color: #FFF;}

.ink_gnb	{margin-top: -20px; padding: 20px 15px; background-color: #FFF; border-radius: 20px 20px 0 0;}
.ink_gnb a	{display: inline-block;}
.ink_gnb a>span	{display: none;}
.ink_gnb>ul>li	{position: relative; margin-bottom: 10px;}
.ink_gnb .menu_1depth	{width: calc(100% - 40px); line-height: 30px; font-size: 1.05em;}
.ink_gnb .active>a	{font-weight: bold;}
.ink_gnb .gnb_folder	{display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-right: 5px; border-radius: 5px; text-align: center;}
.ink_gnb .bt_openclose	{position: absolute; right: -5px; top: 0; width: 30px; height: 30px; line-height: 30px; border-radius: 5px; text-align: center; color: #666; z-index: 1;}
.ink_gnb>ul>li>ul	{display: none; margin-left: 30px; margin-top: 10px; border-radius: 10px;}
.ink_gnb>ul>li>ul>li:last-child	{border-bottom: none;}
.ink_gnb>ul>li>ul>li>a	{width: 100%; padding: 10px 12px 8px; box-sizing: border-box;}
.ink_gnb>ul>li>ul>li>ul	{padding-left: 25px;}
.ink_gnb>ul>li>ul>li>ul>li:last-child	{border-bottom: none;}
.ink_gnb>ul>li>ul>li>ul>li>a	{width: 100%; padding: 10px 12px 8px; box-sizing: border-box;}
.ink_gnb .fa-external-link-alt	{margin-left: 5px; font-size: 0.85em;}

/* footer */
.ink_footer	{position: absolute; left: 0; bottom: 0; width: 100%; padding: 30px 0; text-align: center;}
.footer_buttons a	{display: inline-block; margin: 0 5px; padding: 6px 10px 5px; background-color: rgba(255,255,255,0.05); border-radius: 5px; color: #FFF;}
.footer_menu	{margin-top: 18px;}
.footer_menu li	{display: inline-block; margin: 0 5px;}
.ink_copyright	{margin-top: 15px; text-transform: uppercase;}
.ink_copyright a	{color: #FFF !important; text-transform: none;}

.footer_link	{margin-top: 25px;}
.footer_link_icon li	{margin: 0 5px;}

.footer_link_select	{padding: 0 15px; text-align: center;}

.ink_lang .inner	{padding-bottom: 25px;}
.ink_lang .inner li	{margin-bottom: 10px;}
.ink_lang .inner li:last-child	{margin-bottom: 0;}

/* widget style */
.board_name .inner, .board_name2 .inner	{font-size: 0.85em; line-height: 26px;}
.darkmode .board_name .inner, .darkmode .board_name2 .inner	{line-height: 24px;}

/* ink check */
.ink_check>span	{line-height: 12px;}
.ink_radio>span	{line-height: 18px;}

/* layout slider */
.ink_slide	{margin-bottom: 15px;}
.ink_slide .swiper-con	{border-radius: 10px;}
.ink_slide .swiper-pagination	{bottom: 5px;}
.ink_slide .swiper-pagination-bullet	{width: 6px; height: 6px; border-radius: 3px;}
.ink_slide .swiper-pagination-bullet-active	{width: 12px;}

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

.ink_slide .slide_ctg	{margin-bottom: 2px; font-size: 0.8em;}
.ink_slide .slide_title	{font-size: 1.3em;}
.ink_slide .slide_desc	{margin-top: 5px; line-height: 1.4em; font-size: 0.9em;}
.ink_slide .slide_button	{margin-top: 10px; padding: 0 15px; line-height: 24px; border-radius: 12px; font-size: 0.8em;}

/* custom select2 */
.ink_custom_select	{display: inline-block; position: relative; width: 100%; line-height: 31px; padding: 0 12px; border-radius: 5px; box-sizing: border-box; text-align: left; vertical-align: middle;}
.ink_custom_select select	{width: 100%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0 box-shadow: none; border: 0 !important; background: none; background-image: none; padding: 0; margin: 0; text-transform: uppercase; letter-spacing: 0.15em; font-size: 0.9em;}
.ink_custom_select select:focus	{outline: none;}
.ink_custom_select i	{position: absolute; right: 10px; top: 9px;}