﻿@charset "utf-8";

.layout_asset{display:block;background:url('../images/layout/layout_asset.png') 0 0 no-repeat;background-size:640px;text-indent:110%;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;color:transparent}
.layout_asset.nav_icon{width:24px;height:24px;background-position-x:0;background-position-y:0;}
.layout_asset.nav_icon.ico01{background-position-x:0;}
.layout_asset.nav_icon.ico02{background-position-x:-25px;}
.layout_asset.nav_icon.ico03{background-position-x:-50px;}
.layout_asset.nav_icon.ico04{background-position-x:-75px;}
.layout_asset.nav_icon.ico05{background-position-x:-100px;}
.layout_asset.nav_icon.ico06{background-position-x:-125px;}
.layout_asset.nav_icon.ico07{background-position-x:-150px;}
.layout_asset.nav_icon.ico08{background-position-x:-175px;}
.layout_asset.nav_icon.ico09{background-position-x:-200px;}
.layout_asset.nav_icon.ico10{background-position-x:-225px;}
.layout_asset.nav_icon.ico11{background-position-x:-250px;}
.layout_asset.nav_icon.ico12{background-position-x:-275px;}
.layout_asset.nav_icon.ico13{background-position-x:-300px;}
.layout_asset.nav_icon.ico14{background-position-x:-325px;}
.layout_asset.nav_icon.ico15{background-position-x:-350px;}
.layout_asset.nav_icon.ico16{background-position-x:-375px;}
.layout_asset.nav_icon.ico17{background-position-x:-400px;}
.layout_asset.nav_icon.ico18{background-position-x:-425px;}
.layout_asset.nav_icon.ico19{background-position-x:-450px;}
.layout_asset.nav_icon.ico20{background-position-x:-475px;}
.layout_asset.nav_icon.ico21{background-position-x:-500px;}
.layout_asset.nav_icon.ico22{background-position-x:-525px;}
.layout_asset.nav_icon.ico23{background-position-x:-550px;}
.layout_asset.nav_icon.ico24{background-position-x:-575px;}
.layout_asset.nav_icon.ico25{background-position-x:-600px;}
.layout_asset.nav_icon.black{background-position-y:-50px;}
.layout_asset.foot_nav_icon{background-position-x:0;background-position-y:-130px;}
.layout_asset.foot_nav_icon.ico_menu{width:18.5px;height:14px;background-position-x:0;}
.layout_asset.main_menu_type{width:18px;height:14px;background-position:0 -200px;}
.layout_asset.layer_x{width:18px;height:18px;background-position:-50px -200px;}
.layout_asset.head_home{width:20px;height:20px;background-position:-100px -200px;}
.layout_asset.head_back{width:10px;height:17px;background-position:-125px -200px;}
.layout_asset.bell{width:17.5px;height:19.5px;background-position:-250px -225px;}
.layout_asset.gear{width:22px;height:22px;background-position:0 -225px;}
.layout_asset.setting.privacy{width:19.5px;height:22px;background-position:-25px -225px;}
.layout_asset.setting.account{width:20px;height:19px;background-position:-50px -225px;}
.layout_asset.setting.bell{width:18.5px;height:22px;background-position:-75px -225px;}
.layout_asset.setting.menu.myinfo{width:16px;height:20px;background-position:-100px -225px;}
.layout_asset.setting.menu.useconfig{width:20px;height:22px;background-position:-125px -225px;}
.layout_asset.setting.menu.under14{width:22px;height:20px;background-position:-150px -225px;}
.layout_asset.setting.menu.chatbot{width:20px;height:19px;background-position:-175px -225px;}
.layout_asset.setting.menu.qna{width:20px;height:20px;background-position:-200px -225px;}
.layout_asset.setting.menu.notice{width:20px;height:15px;background-position:-225px -225px;}

.layout_wrap{width:100%;height:100%;background-color:var(--color-gray-50);overflow:hidden;}

header{height:66px;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-75);box-sizing:border-box;}
header .header_wrap{height:100%;padding:12px 24px;box-sizing:border-box;}
header .header_wrap .inner_wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;height:100%;}
header .header_wrap .header_home_box{flex-shrink:0;display:flex;align-items:center;gap:16px;}
header .header_wrap .header_logo{flex-shrink:0;}
header .header_wrap .header_logo .logo{display:block;width:174px;height:42px;background:url('../images/layout/header_logo.png') 0 0 / 100% no-repeat;}
header .header_wrap .header_nav{flex-shrink:0;}
header .header_wrap .myinfo_box{flex-shrink:0;}
header .header_wrap .myinfo_box ul{display:flex;align-items:center;}
header .header_wrap .myinfo_box ul li{position:relative;}
header .header_wrap .myinfo_box .myinfo_logout{margin-left:8px;}
header .header_wrap .myinfo_box .myinfo_alim{margin-left:24px;}
header .header_wrap .myinfo_box .myinfo_setting{margin-left:24px;}
header .header_wrap .account_box{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
header .header_wrap .header_nav,
header .header_wrap .account_box{display:none;}

.setting_layer{display:none;position:absolute;top:42px;right:0;width:320px;background-color:var(--color-white);border:1px solid var(--color-gray-75);border-radius:16px;box-sizing:border-box;z-index:40;}
.setting_layer.active{display:block;box-shadow:0 6px 20px 0 rgba(37, 68, 91, 0.12);}
.setting_layer .layer_header{position:relative;padding:13px 16px;height:52px;border-bottom:1px solid var(--color-gray-100);box-sizing:border-box;}
.setting_layer .layer_header .layer_title{padding-right:34px;font-size:1.25rem;font-weight:bold;line-height:1.3;}
.setting_layer .layer_header .layer_close{position:absolute;top:0;bottom:0;right:16px;margin:auto;display:block;width:fit-content;height:fit-content;}
.setting_layer .layer_body{display:flex;flex-direction:column;margin-bottom:16px;max-height:calc(100vh - 180px);max-height:calc(100dvh - 180px);overflow:hidden;overflow-y:auto;}
.setting_layer .layer_body .layer_body_head{margin:0 16px;padding:16px 0;border-bottom:1px solid var(--color-gray-75);}
.setting_layer .layer_body .layer_body_head .my_info{display:flex;align-items:center;justify-content:space-between;}
.setting_layer .layer_body .layer_body_head .my_name strong{font-size:1.125rem;}
.setting_layer .layer_body .layer_body_head > div{margin-bottom:8px;}
.setting_layer .layer_body .layer_body_head > div:last-child{margin-bottom:0;}
.setting_layer .layer_body .layer_body_head .my_btns ul{display:flex;flex-wrap:wrap;gap:4px;}
.setting_layer .layer_body .layer_body_head .my_btns ul li{flex:1 1 auto;}
.setting_layer .layer_body .layer_body_head .my_btns .my_btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px 12px 8px;background-color:var(--color-gray-75);border-radius:8px;}
.setting_layer .layer_body .layer_body_head .my_btns .my_btn .text{font-size:0.875rem;font-weight:500;color:var(--color-gray-700);}
.setting_layer .layer_body .layer_body_items{flex-grow:1;margin-top:16px;/* margin:16px 0;overflow:hidden;overflow-y:auto; */}
.setting_layer .layer_body .layer_body_items .item{margin:0 16px 16px 16px;padding-bottom:16px;border-bottom:1px solid var(--color-gray-75);}
.setting_layer .layer_body .layer_body_items .item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0 none;}
.setting_layer .layer_body .layer_body_items .item .item_title{font-size:0.875rem;color:var(--color-gray-600);}
.setting_layer .layer_body .layer_body_items .item .item_lists{margin-top:8px;}
.setting_layer .layer_body .layer_body_items .item .item_lists ul li a{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 15px 8px 0;}
.setting_layer .layer_body .layer_body_items .item .item_lists ul li a:after{position:absolute;display:block;content:'';top:0;bottom:0;right:0;margin:auto 0;width:7px;height:12px;background:url('../images/layout/layout_asset.png') -75px -200px / 640px no-repeat;}

.contents_wrap{position:relative;padding:8px;height:calc(100vh - 66px);height:calc(100dvh - 66px);box-sizing:border-box;overflow:auto;}
.contents_wrap .inner_wrap{display:flex;align-items:stretch;gap:32px;min-width:max-content;}
.contents_wrap .inner_wrap .main_menu_wrap{flex-shrink:0;}
.contents_wrap .inner_wrap section{flex-grow:1;}
.contents_wrap .inner_wrap section .contents_header{max-width:880px;}
.contents_wrap .inner_wrap section .contents_body{display:flex;gap:20px;}
.contents_wrap .inner_wrap section .contents_body .contents_inner{flex-grow:1;width:min-content;min-width:620px;max-width:880px;height:100%;}

.breadcrumbs_box{padding:24px 0;font-size:0.875rem;font-weight:bold;color:var(--color-gray-600);}
.breadcrumbs_box.padding-0{padding:0;}
.breadcrumbs_box a{color:inherit;}
.breadcrumbs_box > ul{display:flex;flex-wrap:wrap;align-items:center;gap:21px;}
.breadcrumbs_box > ul > li{position:relative;}
.breadcrumbs_box > ul > li:after{display:block;content:'';position:absolute;top:0;bottom:0;right:-15px;margin:auto;width:7px;height:12px;background:url('../images/common/global_asset.png') -30px -200px / 640px no-repeat;}
.breadcrumbs_box > ul > li:not(:last-child) a{display:block;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.breadcrumbs_box > ul > li:last-child:after{display:none;}
.breadcrumbs_box > ul > li:last-child{font-size:1.125rem;color:var(--color-gray-900);}

.page_header_box{padding:24px 0;}
.page_sub_title_card_header{padding:16px 0 4px 0;}

.main_menu_wrap{position:sticky;top:0;left:0;width:260px;height:calc(100vh - 82px);height:calc(100dvh - 82px);background-color:var(--color-white);border:1px solid var(--color-gray-75);border-radius:16px;box-sizing:border-box;overflow:hidden;z-index:30;transition:all 0.3s;}

.main_menu_wrap .main_menu_layer_header{display:none;}
.main_menu_wrap .main_menu_btn{padding:0 16px 0 20px;}
.main_menu_wrap .main_menu_btn .main_menu_btn_type{display:block;width:fit-content;height:fit-content;}
.main_menu_wrap .main_menu_body{display:flex;flex-direction:column;padding:12px 0 16px 0;height:100%;box-sizing:border-box;}

.main_menu_wrap .main_menu_body_head{margin:8px 12px 0 12px;padding-bottom:12px;border-bottom:1px solid var(--color-gray-75);}
.main_menu_wrap .account_box{display:flex;gap:8px;padding:8px;background-color:var(--color-gray-50);border-radius:8px;}
.main_menu_wrap .account_box .account_logo{align-self:flex-start;flex-shrink:0;position:relative;width:36px;height:36px;border:1px solid var(--color-gray-100);border-radius:50%;box-sizing:border-box;overflow:hidden;}
.main_menu_wrap .account_box .account_logo img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.main_menu_wrap .account_box .account_info{flex-grow:1;position:relative;padding-right:14px;overflow:hidden;}
.main_menu_wrap .account_box .account_info:after{position:absolute;top:0;bottom:0;right:0;margin:auto;width:8px;height:14px;display:block;content:'';background:url('../images/layout/layout_asset.png') -35px -200px / 640px no-repeat;}
.main_menu_wrap .account_box .account_info .account_org{display:flex;align-items:center;gap:8px;}
.main_menu_wrap .account_box .account_info .account_org .text{font-weight:bold;}
.main_menu_wrap .account_box .account_info .account_org .role{flex-shrink:0;display:flex;align-items:center;height:22px;padding:0 6px;font-size:0.8125rem;font-weight:500;background-color:var(--color-blue-500);color:var(--color-white);border-radius:4px;box-sizing:border-box;}
.main_menu_wrap .account_box .account_info .account_text{font-size:0.8125rem;color:var(--color-gray-600);}
.main_menu_wrap .account_box .account_info .account_text .account_text_items{display:flex;align-items:center;gap:12px;}
.main_menu_wrap .account_box .account_info .account_text .account_text_items .item{flex-shrink:0;position:relative;display:block;}
.main_menu_wrap .account_box .account_info .account_text .account_text_items .item:before{position:absolute;display:block;content:'';width:2px;height:2px;top:0;bottom:0;left:-7px;margin:auto 0;background-color:var(--color-gray-400);}
.main_menu_wrap .account_box .account_info .account_text .account_text_items .item.grow{flex-shrink:1;}
.main_menu_wrap .account_box .account_info .account_text .account_text_items .item:first-child:before{display:none;}
.main_menu_wrap .account_opt_check{display:flex;align-items:center;margin-top:8px;padding:4px 0;}
.main_menu_wrap .account_opt_check .account_opt_check_text{flex-grow:1;display:flex;align-items:center;gap:4px;white-space:nowrap;}
.main_menu_wrap .account_opt_check .toggle{flex-shrink:0;}
.main_menu_wrap .account_opt_check .priv_text{font-size:0.875rem;font-weight:500;color:var(--color-gray-600);}
.main_menu_wrap .account_opt_check .priv_time{font-size:0.875rem;color:var(--color-blue-500);}

.main_menu_wrap .main_menu_list{flex-grow:1;overflow:hidden;overflow-y:auto;}
.main_menu_wrap .main_menu_list nav a{display:block;}
.main_menu_wrap .main_menu_list nav > ul{padding:12px 12px 0 12px;}
.main_menu_wrap .main_menu_list nav > ul > li > a{position:relative;padding:0 25px 0 48px;display:flex;align-items:center;flex-wrap:wrap;min-height:40px;font-weight:500;color:var(--color-gray-700);border-radius:12px;box-sizing:border-box;}
.main_menu_wrap .main_menu_list nav > ul > li:hover > a,
.main_menu_wrap .main_menu_list nav > ul > li.active > a{color:var(--color-blue-500);background-color:var(--color-blue-50);}
.main_menu_wrap .main_menu_list nav > ul > li:hover > a:after,
.main_menu_wrap .main_menu_list nav > ul > li.active > a:after{display:block;content:'';position:absolute;top:0;bottom:0;right:10px;margin:auto 0;width:7px;height:12px;background:url('../images/layout/layout_asset.png') -25px -200px / 640px no-repeat;}
.main_menu_wrap .main_menu_list nav > ul > li .nav_icon{position:absolute;top:0;bottom:0;left:12px;margin:auto 0;}
.main_menu_wrap .main_menu_list nav > ul > li:hover .nav_icon,
.main_menu_wrap .main_menu_list nav > ul > li.active .nav_icon{background-position-y:-25px;}
.main_menu_wrap .main_menu_list nav > ul > li .main_menu_sub_list{display:none;}

.main_menu_wrap .mysvc_info{margin:12px 12px 0 12px;padding-top:12px;border-top:1px solid var(--color-gray-75);}
.main_menu_wrap .mysvc_info > ul > li .svc_info{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:0.875em;color:var(--color-gray-600);}
.main_menu_wrap .mysvc_info > ul > li .svc_info .svc_title{padding-left:8px;}
.main_menu_wrap .mysvc_info > ul > li .svc_info strong{flex-grow:1;text-align:right;color:var(--color-gray-900);font-weight:500;}
.main_menu_wrap .mysvc_info > ul > li + li{margin-top:8px;}

.main_menu_wrap .main_menu_tooltip{display:none;position:absolute;left:calc(100% - 8px);}

.menu_type_small .main_menu_wrap{width:68px;white-space:nowrap;font-size:0;line-height:0;color:transparent;overflow:initial;}
.menu_type_small .main_menu_wrap .main_menu_list{scrollbar-width:none;-ms-overflow-style:none;}
.menu_type_small .main_menu_wrap .main_menu_list::-webkit-scrollbar{display:none;}
.menu_type_small .main_menu_wrap .main_menu_btn{padding:0 8px 0 8px;}
.menu_type_small .main_menu_wrap .main_menu_body{padding:8px 0;}
.menu_type_small .main_menu_wrap .main_menu_body_head{margin:8px 8px 0 8px;}
.menu_type_small .main_menu_wrap .main_menu_btn .main_menu_btn_type,
.menu_type_small .main_menu_wrap .main_menu_btn .main_menu_btn_type .ico_aligner{width:100%;}
.menu_type_small .main_menu_wrap .main_menu_list nav > ul{padding:12px 8px 0 8px;}
.menu_type_small .main_menu_wrap .main_menu_list nav > ul > li{position:relative;}
.menu_type_small .main_menu_wrap .main_menu_list nav > ul > li > a{padding:0;font-size:0;}
.menu_type_small .main_menu_wrap .main_menu_list nav > ul > li > a:after{display:none;}
.menu_type_small .main_menu_wrap .main_menu_list nav > ul > li .nav_icon{left:14px;}
.menu_type_small .main_menu_wrap .mysvc_info{display:none;}
.menu_type_small .main_menu_wrap .account_info{display:none;}
.menu_type_small .main_menu_wrap .account_opt_check :not(.account_opt_check_text):not(.priv_time){display:none;}
.menu_type_small .main_menu_wrap .account_opt_check{padding:4px 0;}
.menu_type_small .main_menu_wrap .account_opt_check .priv_time{flex-grow:1;font-size:0.875rem;line-height:1.5;text-align:center;}

.menu_type_small .main_menu_wrap .main_menu_tooltip{padding:initial;font-size:initial;line-height:initial;}

.contents_wrap.has_sticky_comment .sub_menu_wrap .sub_menu .new_write_btn_mo{bottom:177px;}
.scroll-down .contents_wrap.has_sticky_comment .sub_menu_wrap .sub_menu .new_write_btn_mo{bottom:112px;}
.comment_input_active .sub_menu_wrap .sub_menu .new_write_btn_mo{display:none;}

.copyright{margin:36px 0 16px 0;}
.copyright ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:18px;row-gap:8px;}
.copyright ul li{position:relative;}
.copyright ul li:before{display:block;content:'';position:absolute;top:0;bottom:0;left:-10px;margin:auto 0;width:2px;height:2px;background-color:var(--color-gray-400);}
.copyright ul li:first-child:before{display:none;}
.copyright ul li a{font-size:0.8125rem;color:var(--color-gray-600);}
.copyright ul li a.privacy_policy{font-weight:bold;}

/* .page_container .page_wrap{padding-top:20px;}
.page_container .page_wrap.pt_type0{padding-top:0;}
.page_container .page_wrap.pt_type1{padding-top:20px;}
.page_container .page_wrap.pt_type2{padding-top:50px;} */

/* .has_sub_menu .layout_wrap{min-width:calc(1400px + 245px);} */
.has_sub_menu .sub_menu_wrap{display:block;}
/* .has_sub_menu .contents_body{display:flex;gap:20px;} */

/* .menu_type_small .layout_wrap{min-width:1215px;}
.menu_type_small.has_sub_menu .layout_wrap{min-width:1460px;} */

.main_menu_wrap .myaccount_info{padding:15px 15px 0 15px;}
.main_menu_wrap .myaccount_info .account_box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--color_32);}
.main_menu_wrap .myaccount_info .account_box .account_info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;}
.main_menu_wrap .myaccount_info .account_box .account_logo{position:relative;width:55px;height:55px;border:1px solid var(--color_29);border-radius:50%;box-sizing:border-box;overflow:hidden;}
.main_menu_wrap .myaccount_info .account_box .account_logo img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.main_menu_wrap .myaccount_info .account_box .account_title{max-width:150px;font-size:1.0625rem;font-weight:bold;}
.main_menu_wrap .myaccount_info .account_box .account_stats{display:flex;align-items:center;justify-content:space-between;width:100%;}
.main_menu_wrap .myaccount_info .account_box .account_stats > div{flex:1 1 auto;position:relative;padding:20px 0;text-align:center;}
.main_menu_wrap .myaccount_info .account_box .account_stats > div:after{position:absolute;top:0;bottom:0;right:0;margin:auto;display:block;content:'';width:1px;height:45px;background-color:var(--color_32);}
.main_menu_wrap .myaccount_info .account_box .account_stats > div:last-child:after{display:none;}
.main_menu_wrap .myaccount_info .account_box .account_stats .stat_title{font-size:0.9375rem;}
.main_menu_wrap .myaccount_info .account_box .account_stats .stat_cnt{margin-top:5px;font-size:1.0625rem;font-weight:bold;}

.menu_type_small .main_menu_wrap .myaccount_info .account_box{padding-bottom:0;border-bottom:0 none;}
.menu_type_small .main_menu_wrap .myaccount_info .account_box :not(.account_info):not(.account_logo):not(.account_logo img){display:none;}
.menu_type_small .main_menu_wrap .myaccount_info .account_box .account_logo{width:45px;height:45px;}

.layout_wrap.type_normal header .header_wrap .inner_wrap{max-width:100%;}
.layout_wrap.type_normal .contents_wrap .inner_wrap section{min-width:620px;max-width:880px;margin:auto;}

.layout_wrap.type_inforzone header .header_wrap .header_logo .logo{background-image:url('../images/layout/header_logo_inforzone.png');}
.layout_wrap.type_inforzone .main_menu_wrap .mysvc_info{margin:12px 0 0 0;}
.layout_wrap.type_inforzone .main_menu_wrap .account_box{flex-direction:column;gap:12px;align-items:center;padding:16px 0;background-color:transparent;border-radius:0;}
.layout_wrap.type_inforzone .main_menu_wrap .account_box .account_logo{align-self:center;width:48px;height:48px;}
.layout_wrap.type_inforzone .main_menu_wrap .account_box .account_info{padding-right:0;}
.layout_wrap.type_inforzone .main_menu_wrap .account_box .account_info:after{display:none;}
.layout_wrap.type_inforzone .main_menu_wrap .account_box .account_info .account_nm{font-weight:bold;}
.layout_wrap.type_inforzone .main_menu_wrap .inforzone_board_add_btn{margin-top:12px;}

.layout_wrap.type_full .contents_wrap .inner_wrap section .contents_body .contents_inner{width:0;min-width:calc(100% - 24px);max-width:calc(100% - 24px);}
.layout_wrap.type_normal.type_full .contents_wrap .inner_wrap section,
.layout_wrap.type_normal.type_full .contents_wrap .inner_wrap section .contents_body .contents_inner{width:0;min-width:100%;max-width:100%;}

.layout_wrap.type_gradient{background-image:radial-gradient(circle at 50% 0%, rgba(2, 112, 225, 0.16), rgba(2, 112, 225, 0) 42%), linear-gradient(to bottom, var(--color-blue-75), var(--color-white) 96%);}
.layout_wrap.type_gradient header{background-color:initial;border-bottom:initial;/*backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);*/}

.layout_wrap.type_transparent_header header{background-color:initial;border-bottom:initial;}

.menu_type_small .layout_wrap.type_inforzone .main_menu_wrap .inforzone_board_add_btn .btn_text{display:none;}
