/* CAMON · Korea & Vietnam, red and blue, shared by desktop and mobile. */
:root{--g-bg:#FAFBF8;--g-surface:#FFFFFF;--g-surface-alt:#F3F5EF;--g-border:#E6E9E1;--g-text:#30302E;--g-text-sub:#70716B;--g-text-faint:#797268;--g-ink:#36312c;--g-ink-2:#494139;--g-radius-sm:10px;--g-radius-md:16px;--g-radius-lg:24px;--g-shadow-sm:0 3px 16px rgba(63,46,26,.035);--g-shadow-md:0 12px 32px rgba(63,46,26,.07);--camon-cream:#FFF7DE;--camon-red-soft:#FFF0ED;--camon-art:#FFF6DF}
html[data-theme=dark]{--g-bg:#201e1b;--g-surface:#292622;--g-surface-alt:#34302a;--g-border:#494239;--g-text:#f4eee4;--g-text-sub:#c3b8a8;--g-text-faint:#b4a999;--g-ink:#201e1b;--camon-cream:#3c3327;--camon-red-soft:#45302b;--camon-art:#e9d8b5}
body{font-size:15px;line-height:1.65;letter-spacing:-.025em;background:var(--g-bg);color:var(--g-text)}
:focus-visible{outline:3px solid var(--g-primary);outline-offset:4px}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a,input,select,textarea{scroll-margin-top:100px}
#gn_topbar{background:var(--g-surface-alt);color:var(--g-text-sub);border-bottom:1px solid var(--g-border)}
#gn_topbar a{color:var(--g-text-sub)}
#gn_header{background:var(--g-surface);border-top:3px solid var(--g-primary)}
#gn_header .gn_inner{min-height:100px;gap:28px}
#gn_logo{font-weight:900;letter-spacing:-.075em;color:var(--g-primary);font-size:43px}
#gn_logo .gn_logo_dot,.gn_logo_dot{color:var(--g-accent)}
#gn_gnb{background:var(--g-surface);border-top:1px solid var(--g-border);border-bottom:1px solid var(--g-border);box-shadow:0 4px 12px rgba(62,45,29,.025)}
.gn_gnb_item>a{font-weight:650}
.gn_gnb_item>a:hover,.gn_gnb_item>a:focus-visible{color:var(--g-primary)}
#gn_search{border-radius:14px;background:var(--g-bg);border:1px solid var(--g-border)}
#gn_container{padding-top:32px;padding-bottom:56px}
#gn_container_title{font-size:28px;letter-spacing:-.045em;margin-bottom:24px}
.gn_board_layout{gap:28px}.gn_board_main{min-width:0}.gn_board_side{min-width:0}
.gn_widget_box,.bsk_wrap,.bsk_view,.bsk_write,.pms_wrap{box-shadow:var(--g-shadow-sm);border-color:var(--g-border)}
/* Screen families: list / detail / compose / comments / member / Q&A. */
.bsk_head,.bsk_top,.bsk_topbar,.bsk_bottom,.bsk_btns,.bsk_view_btns,.bsk_write_btns,.bsk_comment_btns,.bsk_actions{gap:10px;flex-wrap:wrap}
.bsk_btn,.gn_btn,.btn_submit,.btn_cancel,.pg_page,.pg_current{min-height:44px;line-height:1.35;border-radius:10px}
.bsk_btn,.gn_btn{padding:11px 17px;gap:8px}
.bsk_btn_icon{min-width:44px;padding:10px}
.bsk_cate{gap:8px;margin-bottom:22px}.bsk_cate a{min-height:40px;padding:9px 15px}
.bsk_input,.bsk_select,.bsk_textarea,.frm_input{border-radius:10px;min-height:46px;padding:11px 13px;border-color:var(--g-border)}
.bsk_textarea,textarea.frm_input{min-height:140px;line-height:1.75}
.bsk_input:focus,.bsk_select:focus,.bsk_textarea:focus,.frm_input:focus{border-color:var(--g-primary);box-shadow:0 0 0 3px rgba(var(--g-primary-rgb),.10)}
.bsk_write_row{margin-bottom:24px}.bsk_write_label{margin-bottom:9px;line-height:1.6}.bsk_write_help,.mk_help{line-height:1.75}
.bsk_view_content{line-height:1.9;overflow-wrap:anywhere}.bsk_view_content p{margin-bottom:1em}
.bsk_view_title{line-height:1.45;letter-spacing:-.04em}.bsk_comment{margin-top:28px}
.bsk_table td,.bsk_table th{padding-top:17px;padding-bottom:17px}
.bsk_table_scroll{max-width:100%;overflow:auto}
.pg_wrap{margin-top:28px;margin-bottom:24px}.pg{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.pg_page,.pg_current{display:inline-flex;align-items:center;justify-content:center;min-width:42px;margin:0}
input[type=checkbox],input[type=radio]{accent-color:var(--g-primary)}
#gn_footer{background:var(--g-surface-alt);border-top:1px solid var(--g-border);color:var(--g-text-sub)}
#gn_footer a,#gn_footer .gn_footer_brand{color:var(--g-text)}
.gn_footer_flag{display:inline-flex;flex-direction:column;overflow:hidden;width:22px;height:16px;vertical-align:middle;margin-right:8px}
.gn_footer_flag span{width:100%;height:25%;background:#D9344E!important}.gn_footer_flag span:nth-child(2){height:50%;background:#087F7A!important}
/* Home: a quiet editorial welcome and quick access to everyday tasks. */
.camon_home{max-width:1240px;margin:0 auto}.camon_home h1,.camon_home h2,.camon_home h3{color:var(--g-text)}
.camon_hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:410px;border:1px solid var(--g-border);border-radius:26px;background:var(--g-surface);overflow:hidden}
.camon_hero_copy{padding:44px 16px 36px 44px;position:relative;z-index:1}
.camon_eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--g-primary);margin:0 0 14px;line-height:1.5}
.camon_eyebrow>span{display:inline-block;width:7px;height:7px;background:var(--g-accent);border-radius:50%;margin-right:7px;vertical-align:middle}
.camon_hero h1{font-size:clamp(30px,3.15vw,46px);font-weight:800;letter-spacing:-.055em;line-height:1.3;margin:0 0 21px;word-break:keep-all}
.camon_hero h1 em{color:var(--g-primary);font-style:normal;position:relative}.camon_hero h1 em:after{content:'';height:6px;border-radius:8px;background:rgba(var(--g-accent-rgb),.5);position:absolute;bottom:1px;left:0;right:0;z-index:-1}
.camon_hero_desc{color:var(--g-text-sub);font-size:14px;line-height:1.85;word-break:keep-all}
.camon_hero_actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.camon_button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:12px 18px;border-radius:11px;font-size:13px;font-weight:700;line-height:1.4;text-decoration:none;transition:background .18s,transform .18s}
.camon_button_primary{background:var(--g-primary);color:#fff}.camon_button_primary:hover{background:var(--g-primary-hover);color:#fff;transform:translateY(-2px)}
.camon_button_soft{background:var(--g-surface);color:var(--g-text);border:1px solid var(--g-border)}.camon_button_soft:hover{background:var(--g-surface-alt);color:var(--g-primary)}
.camon_hero_note{font-size:9px;letter-spacing:.07em;color:var(--g-text-sub);margin-top:24px}
.camon_hero_art{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:26px 15px 15px;background:var(--camon-art);margin:16px;border-radius:18px;position:relative;color:#715b42}
.camon_art_label{font-size:9px;letter-spacing:.22em;font-weight:700}.camon_hero_art img{width:100%;height:auto;max-height:310px;object-fit:contain}.camon_art_caption{font-size:10px;letter-spacing:.03em;position:relative;bottom:8px}
.camon_shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid var(--g-border);border-radius:18px;background:var(--g-surface);margin:22px 0;overflow:hidden}
.camon_shortcuts>a{display:flex;align-items:center;gap:10px;min-height:100px;padding:18px 15px;position:relative;color:var(--g-text)}
.camon_shortcuts>a+a:before{content:'';height:35px;width:1px;background:var(--g-border);position:absolute;left:0}
.camon_shortcuts>a:hover{background:var(--camon-cream)}.camon_shortcut_icon{flex-shrink:0;display:grid;place-items:center;width:36px;height:40px;color:var(--g-primary);font-size:22px}
.camon_shortcuts strong{display:block;font-size:13px;font-weight:750;white-space:nowrap}.camon_shortcuts small{display:block;font-size:10px;margin-top:3px;color:var(--g-text-sub);white-space:nowrap}.camon_shortcuts>a>.fa{display:none}
.camon_notice{display:flex;align-items:center;gap:18px;padding:12px 20px;background:var(--camon-cream);border-radius:12px;margin-bottom:34px;font-size:12px}.camon_notice>span{font-weight:750;white-space:nowrap;color:var(--g-primary)}.camon_notice>span i{margin-right:7px}.camon_notice>div{flex:1;min-width:0}.camon_notice .pl_item{border:0;padding:0;min-height:24px}.camon_notice .pl_list{margin:0}.camon_notice .pl_empty{padding:0}.camon_notice .pl_date{display:none}.camon_notice>a{min-width:40px;min-height:40px;display:grid;place-items:center}
.camon_home_grid{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:28px;margin-top:34px;scroll-margin-top:100px}.camon_feed,.camon_aside{min-width:0}
.camon_section_heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:22px}.camon_section_heading .camon_eyebrow{margin-bottom:6px}.camon_section_heading h2{font-size:25px;letter-spacing:-.045em;font-weight:800}.camon_section_heading>a{font-size:12px;white-space:nowrap;color:var(--g-text-sub);padding:10px 0}
.camon_board_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.camon_board_card{border:1px solid var(--g-border);border-radius:18px;background:var(--g-surface);overflow:hidden;min-width:0;box-shadow:var(--g-shadow-sm)}
.camon_card_heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:23px 22px 16px}.camon_card_heading h3{font-size:16px;font-weight:750;line-height:1.5;letter-spacing:-.035em}.camon_card_heading p:not(.camon_eyebrow){font-size:11px;color:var(--g-text-sub);margin-top:4px}.camon_more{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;color:var(--g-text-sub);border:1px solid var(--g-border);font-size:11px}.camon_more:hover{background:var(--camon-red-soft);color:var(--g-primary)}
.camon_card_content{padding:0 22px 14px}.camon_card_content .pl_item{padding:12px 0;min-height:47px;gap:10px}.camon_card_content .pl_tit{font-size:13px}.camon_card_content .pl_date{font-size:10px}.camon_card_content .pl_empty{font-size:12px;padding:35px 8px;color:var(--g-text-sub)}
.camon_card_gallery,.camon_card_wide{grid-column:1/-1}.camon_card_content .pl_gallery{gap:14px}
.camon_aside{display:flex;flex-direction:column;gap:20px;padding-top:3px}.camon_account{border:1px solid var(--g-border);border-radius:18px;background:var(--g-surface);overflow:hidden}.camon_account .ol{border:0;margin:0;border-radius:0;box-shadow:none}.camon_account input{min-width:0}.camon_account .gn_widget_box{margin:0;border:0;box-shadow:none}
.camon_start_card{padding:26px 24px;border-radius:18px;background:var(--camon-cream);border:1px solid var(--g-border)}.camon_small_tag{font-size:9px;letter-spacing:.12em;color:var(--g-primary);font-weight:800}.camon_start_card h2{font-size:23px;letter-spacing:-.045em;line-height:1.45;margin:11px 0}.camon_start_card p{font-size:12px;color:var(--g-text-sub);line-height:1.9;margin-bottom:18px}.camon_start_card>a{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid rgba(128,106,63,.15);font-weight:650;font-size:12px}.camon_start_card>a>span{font-size:10px;color:var(--g-primary)}.camon_start_card>a i{margin-left:auto}
.camon_together{padding:24px;border:1px solid var(--g-border);border-radius:18px;background:var(--g-surface)}.camon_together>span{display:block;font-size:49px;line-height:1.2;letter-spacing:-.08em;font-weight:850;color:var(--g-primary);margin-bottom:15px}.camon_sun_dot{color:var(--g-accent)}.camon_together h2{font-size:15px;letter-spacing:-.035em}.camon_together p{font-size:12px;color:var(--g-text-sub);margin-top:8px}.camon_together a{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:11px;font-weight:700;color:var(--g-primary);margin-top:14px;gap:8px}
.camon_bottom_banner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:36px 40px;margin-top:40px;border:1px solid var(--g-border);border-radius:20px;background:var(--camon-red-soft)}.camon_bottom_banner h2{font-size:24px;letter-spacing:-.045em;margin:0 0 8px}.camon_bottom_banner p:not(.camon_eyebrow){font-size:13px;color:var(--g-text-sub)}.camon_bottom_banner .camon_eyebrow{font-size:9px;margin-bottom:9px}
.camon_empty{grid-column:1/-1;padding:48px 24px;text-align:center;border:1px dashed var(--g-border);border-radius:18px}.camon_empty>i{font-size:28px;color:var(--g-primary);margin-bottom:16px}.camon_empty p{margin:12px 0 22px;color:var(--g-text-sub)}
@media(min-width:1024px){#gn_gnb .gn_inner{min-height:54px}.camon_home .pl_gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){.camon_shortcuts>a{padding:16px 9px;gap:5px}.camon_shortcut_icon{width:29px;font-size:20px}.camon_home_grid{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.camon_hero_copy{padding:32px 12px 30px 30px}}
@media(max-width:1023px){#gn_header .gn_inner{min-height:78px;gap:16px}#gn_logo{font-size:36px}#gn_container{padding-top:22px}.camon_shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.camon_shortcuts>a{padding:16px 20px;min-height:84px;gap:12px}.camon_shortcuts>a:nth-child(4):before{display:none}.camon_shortcuts>a:nth-child(n+4){border-top:1px solid var(--g-border)}.camon_shortcuts strong{font-size:14px}.camon_shortcuts small{font-size:11px}.camon_home_grid{grid-template-columns:minmax(0,1fr)}.camon_aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.camon_hero{min-height:360px}.camon_hero_art{margin:12px}.camon_hero_note{font-size:8px}.camon_hero_actions .camon_button{font-size:12px;padding:11px 13px}.camon_board_grid{gap:18px}}
@media(max-width:639px){#gn_container{padding-top:16px;padding-bottom:32px}#gn_header .gn_inner{min-height:70px}#gn_container_title{font-size:23px;margin-bottom:18px}.gn_board_layout{gap:20px}.camon_hero{grid-template-columns:1fr;border-radius:20px;min-height:0}.camon_hero_copy{padding:30px 24px 20px}.camon_hero h1{font-size:34px;margin-bottom:16px}.camon_hero_desc{font-size:12px;line-height:1.9}.camon_hero_actions{gap:8px;margin-top:22px}.camon_hero_actions .camon_button{font-size:11px;padding:11px 12px;gap:9px;min-height:44px}.camon_hero_note{margin-top:17px;font-size:8px}.camon_hero_art{margin:0 12px 12px;max-height:206px;padding-top:15px;overflow:hidden}.camon_hero_art img{max-height:178px;width:280px}.camon_art_label{font-size:8px}.camon_art_caption{display:none}.camon_shortcuts{margin:16px 0;border-radius:16px}.camon_shortcuts>a{padding:15px 7px;min-height:94px;flex-direction:column;gap:6px;text-align:center}.camon_shortcut_icon{height:25px;width:30px;font-size:22px}.camon_shortcuts strong{font-size:12px}.camon_shortcuts small{font-size:9px;margin-top:1px}.camon_notice{gap:10px;padding:10px 12px;font-size:11px;margin-bottom:24px}.camon_notice>span{font-size:10px}.camon_notice>span i{display:none}.camon_notice .pl_tit{font-size:11px}.camon_home_grid{margin-top:26px;gap:24px}.camon_section_heading{margin-bottom:16px;align-items:center}.camon_section_heading h2{font-size:22px}.camon_section_heading .camon_eyebrow{font-size:8px}.camon_section_heading>a{font-size:11px}.camon_board_grid{grid-template-columns:1fr;gap:16px}.camon_card_heading{padding:20px 19px 12px}.camon_card_content{padding:0 19px 12px}.camon_card_heading h3{font-size:16px}.camon_card_content .pl_item{min-height:46px}.camon_card_gallery{grid-column:auto}.camon_aside{grid-template-columns:1fr;gap:16px}.camon_start_card,.camon_together{padding:24px}.camon_start_card h2 br{display:none}.camon_bottom_banner{flex-direction:column;align-items:flex-start;padding:27px 23px;margin-top:26px;gap:20px}.camon_bottom_banner h2{font-size:21px}.camon_bottom_banner p:not(.camon_eyebrow){font-size:12px}.camon_bottom_banner .camon_button{font-size:12px}.bsk_btn,.gn_btn{padding:10px 13px;font-size:13px}.bsk_write_row{margin-bottom:20px}.bsk_view_title{font-size:23px}.bsk_table td,.bsk_table th{padding-top:14px;padding-bottom:14px}.gn_footer_bottom{gap:12px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Home lists deliberately stay still and readable. */
.camon_home{padding:0 20px;max-width:1200px}.gn_logo_text{font-size:42px;color:var(--g-primary);letter-spacing:-.075em;font-weight:850}.gn_search_wrap form{border-radius:12px;background:var(--g-bg);border:1px solid var(--g-border)}
.camon_latest{margin:0;padding:0}.camon_latest>li+li{border-top:1px solid var(--g-border)}.camon_latest>li>a{display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 0}.camon_latest_title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.camon_latest_meta{color:var(--g-text-sub);font-size:10px;white-space:nowrap}.camon_latest_empty{padding:34px 12px;text-align:center;color:var(--g-text-sub);font-size:12px;line-height:1.85}
.camon_latest_pictures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.camon_latest_pictures>li+li{border:0}.camon_latest_pictures>li>a{display:flex;flex-direction:column;align-items:stretch;gap:6px}.camon_latest_pictures .camon_latest_title{flex:none;width:100%;font-size:12px}.camon_latest_thumb{display:grid;place-items:center;aspect-ratio:1.5;border-radius:10px;background:var(--g-surface-alt);overflow:hidden;color:var(--g-text-sub)}.camon_latest_thumb img{width:100%;height:100%;object-fit:cover}.camon_latest_pictures .camon_latest_empty{grid-column:1/-1}
.camon_account .ol_wrap{padding:22px}.camon_account .ol_input{min-height:44px;border-radius:9px}.camon_account .ol_btn_login{min-height:44px;border-radius:10px}.camon_account .ol_foot{flex-wrap:wrap;gap:10px}.camon_account .ol_links{font-size:10px}.camon_aside .gn_widget_box{margin-bottom:0}
@media(max-width:639px){.camon_home{padding:0 16px}.gn_logo_text{font-size:35px}.camon_latest_pictures{gap:10px}.camon_board_card:not(.camon_card_gallery) .camon_latest_pictures{grid-template-columns:repeat(2,minmax(0,1fr))}.camon_board_card:not(.camon_card_gallery) .camon_latest_pictures>li:nth-child(3){display:none}.camon_home .camon_latest_empty{padding:25px 8px}}
.camon_admin_tools{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin:0 0 16px}.camon_admin_tools .camon_button{font-size:12px}
.bsk_cmt_toggle,.biz_range_add,.rf_btn_submit{min-height:44px;min-width:44px;padding:10px 12px}
.ui_table_scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ui_table_scroll:focus-visible{outline:2px solid var(--g-primary);outline-offset:2px}
.camon_managed_banner{margin:20px 0;border-radius:16px;overflow:hidden;border:1px solid var(--g-border);background:var(--g-surface)}.camon_managed_banner .swiper-slide img{width:100%;height:auto;max-height:240px;object-fit:contain;display:block}.camon_managed_banner .swiper-slide a{display:block}.camon_managed_banner .swiper-button-next,.camon_managed_banner .swiper-button-prev{width:44px;height:44px;background-size:14px;top:50%;border-radius:50%;background-color:rgba(255,255,255,.85);border:1px solid var(--g-border)}.camon_aside .camon_managed_banner{margin:0}.camon_banner_pause{display:block;margin:6px auto;min-height:44px;padding:8px 14px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface);color:var(--g-text-sub);font-size:11px}.camon_feed>.gn_news{margin-bottom:26px;border-radius:18px}
/* Keep primary navigation legible on the light shell and the mobile drawer. */
#gn_gnb .gn_gnb_item>a{color:var(--g-text)}#gn_gnb .gn_gnb_item>a:hover,#gn_gnb .gn_gnb_item>a:focus-visible,#gn_gnb .gn_gnb_item:hover>a{color:var(--g-primary);background:var(--camon-red-soft)}
@media(max-width:1023px){#gn_gnb{background:var(--g-surface)}#gn_gnb .gn_gnb_item>a{border-bottom-color:var(--g-border)}#gn_gnb .gn_gnb_sub{background:var(--g-surface-alt)}}
html[data-theme=dark] :is(.camon_eyebrow,.camon_hero h1 em,.camon_shortcut_icon,.camon_small_tag,.camon_together>span,.gn_logo_text){color:#F18C88}html[data-theme=dark] .camon_start_card>a>span,html[data-theme=dark] .camon_together a,html[data-theme=dark] .camon_notice>span{color:#F18C88}
#gn_footer .gn_footer_desc,#gn_footer .gn_footer_bottom,#gn_footer .gn_footer_bottom span{color:var(--g-text-sub)}
/* Sunny plaza: brighter accents and lively shapes on clear reading surfaces. */
:root{--camon-cream:#FFF7DE;--camon-red-soft:#FFF0ED;--camon-art:#FFF9E5}
html[data-theme=dark]{--camon-cream:#3c3327;--camon-red-soft:#45302b;--camon-art:#FFF3D4}
.camon_hero{background:var(--g-surface);border-color:var(--g-border);position:relative}
.camon_hero_copy>.camon_eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:30px;background:var(--camon-cream);font-size:10px;letter-spacing:.035em}
.camon_hero_copy>.camon_eyebrow i{font-size:15px;color:var(--g-primary)}
.camon_hero h1{font-weight:850;letter-spacing:-.055em}.camon_hero h1 em:after{height:8px;bottom:0;transform:rotate(-2deg);background:rgba(var(--g-accent-rgb),.6)}
.camon_hero_art{background:var(--camon-art);border-radius:42% 42% 20px 20px;padding-top:28px;position:relative}
.camon_art_label{position:absolute;top:27px;left:17px;z-index:1;transform:rotate(-9deg);padding:8px 13px;background:var(--g-accent);color:#6c420b;border-radius:8px;font-weight:850;letter-spacing:.07em;font-size:10px;box-shadow:3px 3px 0 rgba(199,130,22,.12)}
.camon_hero_art img{max-height:310px}.camon_art_caption{font-size:10px;color:#80623d}
.camon_shortcut_icon{width:43px;height:43px;border-radius:14px;background:var(--camon-red-soft);color:var(--g-primary);font-size:20px;transition:transform .18s}
.camon_shortcuts>a:nth-child(2n) .camon_shortcut_icon{background:var(--camon-cream);color:#b97608}.camon_shortcuts>a:hover .camon_shortcut_icon{transform:translateY(-3px) rotate(-5deg)}
.camon_notice{border:1px solid rgba(var(--g-accent-rgb),.22)}.camon_board_card{transition:border-color .18s,box-shadow .18s}.camon_board_card:hover{border-color:rgba(var(--g-accent-rgb),.65);box-shadow:0 6px 22px rgba(80,64,20,.045)}
.camon_bottom_banner{background:var(--camon-cream)}.camon_together>span{transform:rotate(-4deg);transform-origin:left center}
@media(max-width:1150px){.camon_shortcut_icon{width:34px;height:38px;font-size:18px}}
@media(max-width:639px){.camon_hero h1{font-size:34px}.camon_hero_art{max-height:228px;border-radius:45% 45% 16px 16px;padding-top:19px}.camon_hero_art img{max-height:209px;width:300px}.camon_art_label{top:22px;left:18px;font-size:8px;padding:6px 9px}.camon_shortcut_icon{width:38px;height:36px;font-size:19px;border-radius:11px}.camon_hero_copy>.camon_eyebrow{font-size:9px;padding:6px 10px}}
@media(max-width:639px){.camon_hero_art{overflow:visible}}
/* Main image banner replaces the introductory hero and duplicate shortcuts. */
.camon_managed_banner.camon_main_banner{margin:0 0 24px;border-radius:20px;overflow:hidden;background:var(--g-surface)}.camon_main_banner .swiper-slide img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.camon_main_banner .swiper-slide>a{display:block}.camon_banner_empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:240px;margin-bottom:24px;border:1px dashed var(--g-border);border-radius:20px;background:var(--g-surface);color:var(--g-text-sub)}.camon_banner_empty>i{font-size:30px;color:var(--g-primary)}
@media(max-width:639px){.camon_managed_banner.camon_main_banner{margin-bottom:18px;border-radius:14px}.camon_banner_empty{min-height:170px}}
/* Selected CAMON lettering and yellow swoosh: shared responsive wordmark. */
.camon_brand_lockup{display:inline-flex;align-items:center;vertical-align:middle;width:184px;height:auto;line-height:0;flex-shrink:0;--camon-logo-ink:#D9344E}.camon_brand_lockup>svg{display:block;width:100%;height:auto;max-width:none}.gn_logo_link{align-items:center}.gn_footer_brand .camon_brand_lockup{width:156px}.pms_logo .camon_brand_lockup{width:180px;margin:0 auto 10px}html[data-theme=dark] .camon_brand_lockup{--camon-logo-ink:#FFF7E8}
@media(max-width:1023px){#gn_header .camon_brand_lockup{width:156px}}
@media(max-width:639px){#gn_header .gn_inner{gap:10px}#gn_header .camon_brand_lockup{width:128px}.gn_footer_brand .camon_brand_lockup{width:148px}}
@media(max-width:359px){#gn_header .gn_inner{gap:8px}#gn_header .camon_brand_lockup{width:112px}}
/* 메인 상단(2026-10-25): 배너·알려드려요를 왼쪽 칸 맨 위로 — 아호이처럼 로그인 상자가 배너 옆에 오고, 알려드려요는 얇은 한 줄 */
.camon_home_grid{margin-top:0}.camon_feed>.camon_main_banner,.camon_feed>.camon_banner_empty{margin:0 0 16px}
.camon_notice{gap:14px;padding:6px 8px 6px 16px;margin-bottom:16px}.camon_notice>a{min-width:32px;min-height:32px}
/* 통계 바(운영진 전용) — 폰에서는 2칸, 마지막 칸은 한 줄 전체 */
.camon_stat_bar{margin-top:24px;margin-bottom:0}
@media(max-width:768px){.camon_stat_bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.camon_stat_bar .gn_stat_item{min-width:0;border-left:0;border-top:0}.camon_stat_bar .gn_stat_item:nth-child(even){border-left:1px solid var(--g-border)}.camon_stat_bar .gn_stat_item:nth-child(n+3){border-top:1px solid var(--g-border)}.camon_stat_bar .gn_stat_item:last-child{grid-column:1/-1}}
/* 테마 설정 버튼 — 사이드바 맨 아래, 폭 가득(2026-10-25) */
.camon_aside .camon_admin_tools{margin:0}.camon_aside .camon_admin_tools .camon_button{width:100%;justify-content:center}
/* 메인 게시판 카드 탭(2026-10-25) — 같은 성격 게시판을 한 카드에. 카드 수가 홀수면 마지막 카드는 한 줄 전체 */
.camon_tablist{display:flex;flex-wrap:wrap;gap:6px;padding:0 22px 6px}
.camon_tablist [role=tab]{min-height:34px;padding:6px 14px;border:1px solid var(--g-border);border-radius:999px;background:var(--g-surface);color:var(--g-text-sub);font-size:12px;font-weight:700;line-height:1.4;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.camon_tablist [role=tab]:hover{color:var(--g-primary);border-color:rgba(var(--g-accent-rgb),.65)}
.camon_tablist [role=tab][aria-selected=true]{background:var(--g-primary);border-color:var(--g-primary);color:#fff}
.camon_tablist [role=tab]:focus-visible{outline:2px solid var(--g-primary);outline-offset:2px}
.camon_card_content[hidden]{display:none}
.camon_board_grid>.camon_board_card:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:639px){.camon_tablist{padding:0 19px 4px}}
@media(min-width:640px){.camon_board_grid>.camon_board_card:last-child:nth-child(odd):not(.camon_card_gallery) .camon_latest_pictures{grid-template-columns:repeat(3,minmax(0,1fr))}.camon_board_grid>.camon_board_card:last-child:nth-child(odd):not(.camon_card_gallery) .camon_latest_pictures>li:nth-child(3){display:block}}
/* 정착 가이드(2026-10-25) — 1024px 미만은 배너 아래 접힌 한 줄(.gn_settle_m)이 대신하니 맨 아래 카드는 숨김 */
.camon_feed>.gn_settle_m{border-radius:18px}
@media(max-width:1023.98px){.camon_start_card.camon_has_settle{display:none}}
/* 10월 베트남 소식 줄 — 베트남·한국 색상(빨강 #D9344E·파랑 #087F7A, 2026-10-25). 왼쪽 띠는 style.css 의 레드·블루 1:1 */
.gn_news_month{padding-left:20px;border-color:rgba(36,99,235,.55);background:linear-gradient(90deg,rgba(36,99,235,.2),rgba(36,99,235,.08));border-radius:12px}
.gn_news_month:hover{background:linear-gradient(90deg,rgba(36,99,235,.32),rgba(36,99,235,.14))}
.gn_news_month_tag{background:#D9344E;color:#FFFFFF;border-radius:6px}
.gn_news_month>.fa-angle-right{color:#D9344E}
html[data-theme=dark] .gn_news_month>.fa-angle-right{color:#087F7A}
/* 사이드바 정착 가이드 목록은 9편이라 줄 간격을 좁게(2026-10-25) */
.camon_start_card.camon_has_settle>a{padding:8px 0;line-height:1.4}
.camon_start_card.camon_has_settle p{margin-bottom:10px}

/* CAMON: red and blue on white, shared by every screen and device. */
:root{--g-bg:#F5F7FC;--g-surface:#FFFFFF;--g-surface-alt:#EFF3FC;--g-border:#E1E6F1;--g-text:#171C2C;--g-text-sub:#60697D;--g-text-faint:#687187;--g-ink:#171C2C;--g-ink-2:#252E43;--g-shadow-sm:0 4px 20px #182A5005;--g-shadow-md:0 12px 32px #182A500B;--camon-cream:#EDF3FF;--camon-red-soft:#FFF0F3;--camon-art:#EDF3FF;--camon-logo-ink:#171C2C}
html[data-theme=dark]{--g-bg:#101624;--g-surface:#192235;--g-surface-alt:#232F47;--g-border:#35425B;--g-text:#F5F7FF;--g-text-sub:#BAC6E0;--g-text-faint:#ACBAD7;--g-ink:#101624;--camon-cream:#243759;--camon-red-soft:#462735;--camon-art:#243759;--camon-logo-ink:#F5F7FF}
.camon_brand_lockup{color:var(--g-text)}.camon_brand_lockup svg{width:220px!important;max-width:100%;height:auto!important}
#gn_header{border-top:4px solid transparent;border-image:linear-gradient(90deg,#D9344E 0 50%,#087F7A 50%) 1}
#gn_header .gn_inner{min-height:95px}#gn_gnb{box-shadow:none}.gn_gnb_item>a{border-radius:0}.gn_gnb_item>a:hover{background:var(--g-surface-alt)}
.camon_welcome{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px;position:relative;overflow:hidden;padding:34px 42px;margin-bottom:28px;border:1px solid var(--g-border);border-radius:24px;background:var(--g-surface)}
.camon_welcome_copy{position:relative;z-index:1}.camon_kicker{display:flex;align-items:center;gap:8px;font:750 10px/1.5 Arial,sans-serif;letter-spacing:2px;color:var(--g-text-sub);margin:0 0 18px}.camon_kicker span{width:8px;height:8px;background:#D9344E;border-radius:50%;box-shadow:12px 0 #087F7A;margin-right:12px}
.camon_welcome h2{font-size:clamp(28px,3vw,44px);font-weight:850;line-height:1.3;letter-spacing:-2px;margin:0 0 17px;color:var(--g-text);word-break:keep-all}.camon_welcome h2>span{color:#D9344E}.camon_welcome_desc{font-size:14px;line-height:1.85;color:var(--g-text-sub);margin:0 0 24px;word-break:keep-all}.camon_welcome_actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.camon_welcome_secondary{font-size:12px;font-weight:650;color:var(--g-text)}.camon_welcome_tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.camon_welcome_tags span{font-size:11px;border:1px solid var(--g-border);border-radius:30px;padding:4px 10px;color:var(--g-text-sub)}.camon_welcome_art{width:100%;height:auto;max-height:300px}
.camon_button_primary{background:#D9344E;color:#fff}.camon_button_primary:hover{background:#BF2840;color:#fff}.camon_eyebrow{color:#087F7A}.camon_start_card{background:var(--g-surface-alt)}.camon_together{background:var(--camon-red-soft)}.camon_together>span{color:#D9344E}.camon_sun_dot{color:#087F7A}.camon_bottom_banner{background:var(--g-surface-alt);border:1px solid var(--g-border)}
@media(max-width:900px){.camon_welcome{padding:28px;grid-template-columns:1.2fr 1fr}.camon_welcome_actions{gap:12px}.camon_welcome_desc br{display:none}}
@media(max-width:640px){.camon_brand_lockup svg{width:178px!important}#gn_header .gn_inner{min-height:78px}.camon_welcome{padding:25px 22px 13px;grid-template-columns:1fr;gap:0;border-radius:20px;margin-bottom:20px}.camon_welcome h2{font-size:32px;letter-spacing:-1.4px}.camon_welcome_desc{font-size:13px;margin-bottom:18px}.camon_kicker{font-size:9px;letter-spacing:1.5px}.camon_welcome_art{max-height:200px;max-width:350px;justify-self:center}.camon_welcome_tags{margin-top:16px}.camon_welcome_actions{gap:14px}.camon_welcome_secondary{min-height:44px;display:inline-flex;align-items:center}}
.camon_flags{display:inline-flex;align-items:center;font-size:16px;margin-right:6px;letter-spacing:2px}.gn_news_month_tag{background:#D9344E;color:#fff}.gn_news_month::before{background:linear-gradient(#D9344E 0 50%,#087F7A 50%)}
/* Imported management controls share desktop/mobile touch targets. */
.bo_price_btn,.gpr_links a{min-height:44px}.bo_modal_x{min-width:44px;min-height:44px}.gpr_links a{display:inline-flex;align-items:center}