*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#f6f8fb;color:#344054;font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif}
#jointbox{width:100%;min-width:620px;background:#f6f8fb}
#jointbox .header{display:flex;align-items:center;height:72px;padding:0 22px;border:0;background:linear-gradient(135deg,#243a55 0%,#2d4c70 100%)}
#jointbox .header h1{float:none;flex:0 0 auto;margin:0;padding:0 24px 0 0;color:#fff;font-family:inherit;font-size:25px;line-height:1.2;letter-spacing:-1px}
#jointbox .header .guide{float:none;margin:0;padding:0 0 0 22px;border:0;border-left:1px solid rgba(255,255,255,.22);color:#bdc9d8;font-family:inherit;font-size:11px;line-height:1.65}
#jointbox .line1,#jointbox .line2,#jointbox .line3{display:none}
#jointbox .category{float:left;width:200px;height:458px;margin:0;border:0;border-right:1px solid #dfe6ee;background:#fff;overflow-x:hidden;overflow-y:auto}
#jointbox .category ul{margin:0;padding:20px 12px}
#jointbox .category li{min-height:27px;margin:0;padding:4px 7px 4px 28px;border-radius:6px;background:url('../../../../_core/image/_public/ico_folder_01.gif') 9px 7px no-repeat;list-style:none;line-height:19px}
#jointbox .category li:hover{background-color:#f1f7fc}
#jointbox .category .selected{background-color:#e8f4fc;background-image:url('../../../../_core/image/_public/ico_folder_02.gif')}
#jointbox .category li a{display:block;color:#344054;text-decoration:none;white-space:nowrap}
#jointbox .category .selected a{color:#087dcc;font-weight:700}
#jointbox .category li a span{padding-left:4px;color:#98a2b3;font-family:Arial,sans-serif;font-size:10px;font-weight:400}
#jointbox .content{height:408px;margin-left:200px;padding:22px 17px;background:#fff;overflow-x:hidden;overflow-y:auto}
#jointbox .content .none{padding:75px 0 0;color:#98a2b3;font-family:inherit;font-size:14px;text-align:center}
#jointbox .content .none img{position:relative;top:1px;margin-right:5px;border:0}
#jointbox .footer{clear:both;height:50px;padding:10px 0 0;border:0;border-top:1px solid #dfe6ee;background:#f6f8fb;text-align:center}
#jointbox .footer input{height:31px;margin:0;padding:0 14px;border:0;border-radius:5px;background:#7f8997;color:#fff;font-family:inherit;font-size:12px;font-weight:700;line-height:31px;cursor:pointer;box-shadow:none;outline:0}
#jointbox .footer input:hover{background:#667180}

/* 모듈별 연결 화면 공통 정돈 */
#jointbox .content #mjointbox{width:100%!important;max-width:none!important;margin:0!important;color:#344054!important;font-family:inherit!important}
#jointbox .content #mjointbox .title{margin:0 0 16px!important;padding:0 0 13px!important;border:0!important;border-bottom:1px solid #e4e9ef!important;color:#202938!important}
#jointbox .content #mjointbox .title form{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important}
#jointbox .content #mjointbox table{width:100%!important;border-collapse:separate!important;border-spacing:0 5px!important}
#jointbox .content #mjointbox td{height:30px!important;padding:0 3px!important;border:0!important;background:transparent!important;color:#475467!important;font-family:inherit!important;font-size:11px!important;line-height:30px!important;vertical-align:middle!important}
#jointbox .content #mjointbox tr:hover td{background:#f7fafc!important}
#jointbox .content #mjointbox .madetr td{background:#edf6fc!important}
#jointbox .content #mjointbox a{color:#344054!important;text-decoration:none!important}
#jointbox .content #mjointbox a:hover{color:#087dcc!important;text-decoration:none!important}
#jointbox .content #mjointbox td span{padding-left:3px;color:#98a2b3!important;font-size:10px!important}
#jointbox .content #mjointbox input[type=text],#jointbox .content #mjointbox input[type=password],#jointbox .content #mjointbox select,#jointbox .content #mjointbox textarea{height:30px!important;max-width:100%!important;padding:4px 7px!important;border:1px solid #cfd8e3!important;border-radius:5px!important;background:#fff!important;color:#344054!important;font-family:inherit!important;font-size:11px!important;line-height:20px!important;box-shadow:none!important;outline:0!important}
#jointbox .content #mjointbox textarea{height:auto!important;min-height:90px!important;line-height:1.5!important}
#jointbox .content #mjointbox input[type=text]:focus,#jointbox .content #mjointbox select:focus,#jointbox .content #mjointbox textarea:focus{border-color:#5ba9dc!important;box-shadow:0 0 0 2px rgba(11,139,211,.10)!important}
#jointbox .content #mjointbox input[type=button],#jointbox .content #mjointbox input[type=submit],#jointbox .content #mjointbox button{height:30px!important;margin:0 1px!important;padding:0 10px!important;border:0!important;border-radius:5px!important;color:#fff!important;font-family:inherit!important;font-size:11px!important;font-weight:700!important;line-height:30px!important;cursor:pointer!important;box-shadow:none!important;outline:0!important}
#jointbox .content #mjointbox .btngray{background:#7f8997!important}
#jointbox .content #mjointbox .btngray:hover{background:#667180!important}
#jointbox .content #mjointbox .btnblue{background:#0b8bd3!important}
#jointbox .content #mjointbox .btnblue:hover{background:#0878b8!important}
#jointbox .content #mjointbox table .aply{width:105px!important;text-align:right!important;white-space:nowrap!important}
#jointbox .content #mjointbox table .aply .btngray{width:28px!important;padding:0!important}
#jointbox .content #mjointbox table .aply .btnblue{width:48px!important;padding:0!important}
#jointbox .content #mjointbox table .cat{text-align:right!important}
#jointbox .content #mjointbox table .cat select{width:115px!important}
#jointbox .content #mjointbox .category1{width:160px!important}
#jointbox .content #mjointbox .pagebox01{margin:16px 0 0!important;padding:15px 0!important;border:0!important;border-top:1px solid #e4e9ef!important;text-align:center!important}
#jointbox .content #mjointbox .nonebbs{padding:28px 10px!important;color:#8a96a8!important;font-size:12px!important;text-align:center!important}
#jointbox .content #mjointbox .td1{width:105px!important;padding:7px 8px 7px 0!important;color:#475467!important;line-height:30px!important;vertical-align:top!important;white-space:nowrap!important}
#jointbox .content #mjointbox .td2{padding:7px 0!important;color:#667085!important;line-height:30px!important}
#jointbox .content #mjointbox .td2 .guide{padding:7px 0 0!important;color:#7f8b9d!important;font-family:inherit!important;font-size:11px!important;line-height:1.55!important}
#jointbox .content #mjointbox .notice{margin:0 0 18px!important;padding:12px 14px!important;border:1px solid #d8eaf6!important;border-radius:7px!important;background:#f2f9fe!important;color:#087dcc!important;font-family:inherit!important;font-size:11px!important;line-height:1.6!important}
#jointbox .content #mjointbox .submitbox{margin:18px 0 8px!important;padding:16px 0 0 108px!important;border:0!important;border-top:1px solid #e4e9ef!important}
#jointbox .content #mjointbox .submitbox a{padding-left:9px!important;color:#8a96a8!important;font-family:inherit!important;font-size:11px!important;text-decoration:none!important}

/* 모바일 모듈연결 */
#jointMbox{width:100%;min-height:100vh;background:#f6f8fb;color:#344054;font-family:inherit}
#jointMbox .header{padding:15px 16px;border:0;background:linear-gradient(135deg,#243a55 0%,#2d4c70 100%)}
#jointMbox .header h1{margin:0;padding:0;color:#fff;font-size:22px;letter-spacing:-1px}
#jointMbox .line1,#jointMbox .line2,#jointMbox .line3{display:none}
#jointMbox>.guide{padding:12px 16px;border-bottom:1px solid #dfe6ee;background:#fff;color:#7f8b9d;font-size:11px;line-height:1.6}
#jointMbox .category{padding:8px 0 12px;border-bottom:1px solid #dfe6ee;background:#fff}
#jointMbox .category ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:8px 12px 0}
#jointMbox .category li{padding:7px 10px;border:1px solid #dce6ef;border-radius:6px;background:#f8fafc;list-style:none}
#jointMbox .category li a{color:#475467;text-decoration:none}
#jointMbox .category .selected{border-color:#8dc7ea;background:#eaf6fd}
#jointMbox .category .selected a{color:#087dcc;font-weight:700}
#jointMbox .category li a span{padding-left:3px;color:#98a2b3;font-size:10px}
#jointMbox .content{padding:18px 14px;background:#fff;overflow:auto}
#jointMbox .content .none{padding:24px 0;color:#98a2b3;font-size:12px;text-align:center}
#jointMbox .footer{padding:14px 0;border-top:1px solid #dfe6ee;background:#f6f8fb;text-align:center}
#jointMbox .footer input{height:32px;padding:0 15px;border:0;border-radius:5px;background:#7f8997;color:#fff;font-weight:700}

@media(max-width:680px){#jointbox{min-width:0}#jointbox .header{padding:0 15px}#jointbox .header h1{font-size:21px;padding-right:14px}#jointbox .header .guide{padding-left:14px}#jointbox .category{width:180px}#jointbox .content{margin-left:180px;padding:18px 12px}}
