/* 모바일 기준: 16px 여백, 44px 조작 영역, 16px 입력 글자, 화면 안에서 스크롤하는 대화상자. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
.pro_mobile_label{display:none;}
.notion.light-mode{--fg-color:#1f2937;--fg-color-icon:#6b7280;--bg-color:#fff;--notion-font:"Noto Sans KR","Noto Sans CJK KR",system-ui,sans-serif;background:#fff;color:#1f2937;}
@media(max-width:768px),(max-height:500px) and (pointer:coarse){
  :root{--mobile-gutter:16px;--mobile-touch:44px;}
  .login_popup_overlay{height:100dvh;overflow-y:auto;overscroll-behavior:contain;}
  .login_popup_overlay .login_popup_area{box-sizing:border-box;display:block;width:min(429px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px 20px;overscroll-behavior:contain;}
  .login_popup_area #login_close_btn{width:44px;height:44px;top:4px;right:4px;}
  .login_popup_area .log_main{max-width:100%;min-width:0;}
  .login_popup_area .login-container{width:100%;min-width:0;}
  .mpopup_overlay{height:100dvh;overflow-y:auto;overscroll-behavior:contain;}
  .mpopup_overlay .mpopup_container{width:min(525px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:20px;overflow-y:auto;overscroll-behavior:contain;}
  .mpopup_container .mpopup_header{position:sticky;top:0;background:#fff;z-index:2;padding-bottom:12px;}
  .mpopup_container .hd_top{align-items:center;}
  .mpopup_container .mpopup_close{flex:none;width:44px;height:44px;margin:0 -8px 0 0;}
  .mpopup_container .mpopup_tabs{height:auto;min-height:44px;gap:4px;}
  .mpopup_container .mpopup_tab{min-width:0;min-height:40px;padding:6px 8px;white-space:nowrap;}
  .mpopup_container .mpopup_row{height:auto;min-height:64px;padding:14px 0;gap:12px;flex-wrap:wrap;}
  .mpopup_row>div{min-width:0;overflow-wrap:anywhere;}
  .mpopup_row>div:last-child:not(:first-child){max-width:65%;text-align:right;}
  .mpopup_container .mpopup_api_row{align-items:stretch;flex-direction:column;gap:12px;}
  .mpopup_api_row .mpopup_api_label{width:100%;max-width:none;text-align:left;}
  .mpopup_api_row>.dis_flex_end2{width:100%;max-width:100%!important;justify-content:flex-start;flex-wrap:wrap;gap:8px;}
  .mpopup_container .mpopup_row:has(input[type=password]){flex-direction:column;align-items:stretch;}
  .mpopup_container .mpopup_row:has(input[type=password])>.dis_flex_end2{width:100%;max-width:100%;display:flex;gap:8px;text-align:left;}
  .mpopup_container .mpopup_row input[type=password]{flex:1;min-width:0;width:0!important;}
  .mpopup_container .mpopup_btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;line-height:1.5;}
  .pj_modal .pj_box{max-height:calc(100dvh - 32px);overscroll-behavior:contain;}
  .pj_modal .pj_editor .pj_btns button{min-height:44px;}
  .pj_modal .pj_editor input[type=text],.pj_modal .pj_editor textarea{font-size:16px;}
  .pj_editor .pj_editor_close{width:44px;height:44px;}
  .subscription_modal .subscription_modal_content{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:12px;}
  .subscription_modal .subscription_modal_body{padding:0 16px;max-height:calc(100dvh - 24px);overscroll-behavior:contain;}
  .subscription_modal .subscription_modal_close{width:44px;height:44px;top:4px;right:4px;background:#fff;}
  .subscription_modal_content.plan_modal_frame{height:calc(100dvh - 24px);}
  .login-form input,.join-form input,.mpopup_container input,.mpopup_container textarea,.pj_editor input,.pj_editor textarea,.input-group input{font-size:16px;}
}
@media(max-width:768px),(max-height:500px) and (pointer:coarse){
  html,body{max-width:100%;}
  .wrap.m_wrap{height:100dvh!important;min-height:0;}
  .wrap.m_wrap .gpt_search_area{height:100%!important;min-height:0;margin-top:0;padding:72px 16px calc(40px + env(safe-area-inset-bottom,0px))!important;}
  .gpt_search_area #chat.send_show{flex:1 1 0;min-height:0;max-height:none;height:auto!important;margin:0;padding:0 0 16px;overscroll-behavior:contain;}
  .gpt_search_area .search_box{height:auto!important;min-height:124px;padding:12px;flex:none;}
  .search_box .form1{min-width:0;gap:12px;}
  .search_box .search_input{font-size:16px;min-height:40px;}
  .search_box .disflex_justispace_center{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:8px;}
  .search_box .pro_btn_area{min-width:0;justify-content:flex-start;flex-wrap:wrap;gap:4px;}
  .search_box .pro_btn_area .pro_btn,.search_box .pro_btn_area .pro_btn2{flex:none;height:44px;min-width:44px;margin:0;padding:0 4px;gap:3px;white-space:nowrap;line-height:1.2;font-size:12px;}
  .search_box .pro_btn_area .pro_full_label{display:none;}
  .search_box .pro_btn_area .pro_mobile_label{display:inline;}
  .search_box .pro_btn_area .pro_btn img{width:14px;height:14px;flex:none;}
  .search_box .pro_btn_area .pro_btn2 svg{width:14px!important;height:14px!important;margin-right:0!important;}
  .search_box #ai_attach_btn,.search_box #senddiv{flex:none;width:44px;min-width:44px;height:44px;}
  .search_box #ai_attach_btn{margin:0;}
  .send_hide .dip_hide>.gap14{gap:10px;}
  .send_hide .animation_container{flex:none;width:44px;height:44px;scale:1;}
  .send_hide .main_logo{width:36px;height:36px;object-fit:contain;inset:4px;}
  .send_hide h1#target1.service_tit{min-width:0;width:auto;font-size:clamp(17px,4.8vw,24px);white-space:normal;text-wrap:balance;line-height:1.4;}
  .wide_side{max-width:calc(100vw - 32px);height:100dvh!important;min-height:0!important;max-height:100dvh!important;}
  .wide_side .dipseekfx-btn{width:100%;max-width:100%;}
  .ham_btn,.mouser,.hide_wide,.ham_sub{min-width:44px;min-height:44px;}
  #submenu2 button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;margin:-10px 0 -10px -10px;}
  .notion.light-mode .notion-page{width:100%;max-width:100%;padding:24px 16px 48px;}
  .notion.light-mode .notion-page .notion-page{padding:0;}
  .notion.light-mode .notion-title{font-size:26px;line-height:1.4;overflow-wrap:anywhere;}
  .notion.light-mode .notion-hash-link{display:none;}
  .notion.light-mode .notion-text,.notion.light-mode .notion-list{font-size:16px;line-height:1.75;overflow-wrap:anywhere;}
  .wrap .tag_area{max-width:100%;width:100%;overscroll-behavior-x:contain;}
  .dd .dd-top,.dd .tabs .tab,.dd .cp{min-height:44px;min-width:44px;}
  .agreement-header .log_toggle-btn,.agreement-header .log_toggle-btn-down{min-width:44px;min-height:44px;justify-content:center;}
  .agreement-header{height:auto;min-height:65px;padding-right:56px;}
  .agreement-header>label{min-width:0;min-height:44px;display:flex;align-items:center;line-height:1.5;}
  .find_close button,.find_close a{min-width:44px;min-height:44px;}
  .account_container .account_row{min-height:56px;gap:12px;}
  .account_container .account_row .acc_list{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;flex:1;min-width:0;width:auto;}
  .account_container .acc_list .acc_tit,.account_container .acc_list .acc_cont,.account_container .acc_list .value{min-width:0;width:auto;overflow-wrap:anywhere;line-height:1.6;}
  .account_container .acc_cont{color:#6b7280;}
  .account_container .account_row .edit_btn{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;padding:8px;}
  .id_main input:not([type=radio]):not([type=checkbox]),.id_main textarea{font-size:16px;min-height:44px;}
  #planAllwrap .section_cont{margin-top:0!important;padding:0;}
  #planAllwrap .planWrap{padding:16px 0 0!important;margin:0;min-width:0;width:100%;}
  #planAllwrap .onlyMobileArea.plan_area{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;height:auto;}
  #planAllwrap .onlyMobileArea>.dip_hide{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;}
  #planAllwrap .dip_hide>.disflex_center{display:flex;align-items:center;justify-content:center;gap:12px;}
  #planAllwrap .onlyMobileArea .plan_box{width:100%;min-width:0;margin:0;padding:20px 10px;}
  #planAllwrap .onlyMobileArea .plan_box .p_tit{font-size:14px;line-height:1.5;}
  #planAllwrap .onlyMobileArea .plan_box .p_button{min-height:44px;}
  #planAllwrap .onlyMobileArea .animation_container{width:44px;height:44px;flex:none;}
  #planAllwrap .onlyMobileArea .main_logo{width:44px;height:44px;}
  #planAllwrap .onlyMobileArea .price_area h1{font-size:clamp(22px,6vw,28px);}
  #planAllwrap .plan_refund_notice{line-height:1.7;overflow-wrap:anywhere;}
}
@media(min-width:769px) and (max-height:500px) and (pointer:coarse){
  .wrap{margin-left:0!important;width:100%!important;}
  .side_nav,.wide_side{display:none;}
  .ham_btn_area{display:flex;position:fixed;top:0;left:0;width:100%;height:56px;background:#fff;z-index:555;justify-content:space-between;}
  .ham_btn_area .mouser{position:absolute;right:16px;top:6px;display:flex;align-items:center;justify-content:center;}
  .ham_btn_area .mouser i{display:block;width:24px;height:24px;background:url('../images/ico/login_re_ico.svg') center/contain no-repeat;}
  .gpt_search_area{justify-content:flex-end!important;}
  .gpt_search_area .send_hide{display:none!important;}
  .onlyPcArea{display:none;}
}