@charset "utf-8";
/* Original XE default layout geometry and xedition board, with local responsive adjustments. */
:root{--cpk-ink:#333;--cpk-green:#444;--cpk-muted:#777;--cpk-line:#ddd;--cpk-surface:#f8f8f8;--cpk-accent:#eee}
body{background:#fff;color:#333;font-family:Arial,"Malgun Gothic",sans-serif}.cpk-site *{box-sizing:border-box}.cpk-container,.cpk-site-footer>p{width:calc(100% - 80px);max-width:1600px;margin-left:auto;margin-right:auto}
.cpk-site a{color:inherit}.cpk-site-header{margin-bottom:28px;z-index:20}.cpk-site-header>h1{margin:30px 0 28px;line-height:1.2}.cpk-site-header>h1>a{font-size:clamp(26px,3.25vw,54px);font-weight:700;letter-spacing:-1.6px;color:#333;white-space:nowrap}
.cpk-site-header>.side{bottom:78px;display:flex;align-items:center;gap:24px}.cpk-account{display:flex;gap:12px;align-items:center}.cpk-account a,.cpk-account button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;white-space:nowrap;font:600 15px Arial,"Malgun Gothic",sans-serif;text-decoration:none;padding:5px 9px}.cpk-account button,.account-button{background:#f7f7f7;border:1px solid #d3d7dc;border-radius:2px;color:#666;box-shadow:0 1px 2px #ddd;cursor:pointer}.cpk-logout{display:flex;margin:0}.cpk-global-search{display:flex!important;align-items:center}.cpk-global-search input[type=search]{background:#e5e6e8;border:1px solid #dedede;border-radius:2px 0 0 2px;width:clamp(100px,12vw,220px);height:38px;padding:4px 8px;font:inherit;font-size:16px}.cpk-global-search button{height:38px;padding:0 22px;border:1px solid #272b30;background:#484d51;color:white;font-size:16px;border-radius:2px;cursor:pointer}
.cpk-site-header .gnb{height:50px;font-size:18px;background:linear-gradient(to bottom,#2e2d32,#0c0c0e);filter:none}.gnb>ul{top:49px;background:rgba(70,77,93,.97);opacity:1;filter:none}.gnb>ul>li{top:-50px;margin:0 -1px -8px 0}.gnb>ul>li>a{line-height:49px;padding:0 28px;font-weight:600}.gnb>ul>li.active>a,.gnb>ul>li.hover>a{line-height:47px;background:linear-gradient(to bottom,#383c45,#0c0d0f)}.gnb ul ul{padding:0 28px}.gnb.open ul ul{padding:22px 28px;margin-top:0}.gnb ul ul a{line-height:30px;font-size:16px;font-weight:600}.gnb a:focus-visible,.cpk-site button:focus-visible,.cpk-site input:focus-visible{outline:2px solid #e6a22c;outline-offset:2px}.cpk-menu-toggle{display:none}
.cpk-main{padding:0 0 30px;min-height:280px}.cpk-home-count{font-size:18px;margin:22px 0 35px}.cpk-home-lists{position:relative;padding:0 7px 24px;isolation:isolate}.cpk-home-lists:before{content:"";position:absolute;background:#f8f8f8;top:0;bottom:-150px;left:calc((min(1600px,100vw - 80px) - 100vw)/2);right:calc((min(1600px,100vw - 80px) - 100vw)/2);z-index:-1}.cpk-home-list{list-style:none;margin:0 0 34px;padding:0}.cpk-home-list li{display:flex;align-items:baseline;gap:8px;min-height:30px;line-height:1.65;font-size:18px}.cpk-home-list a{text-decoration:none;overflow-wrap:anywhere}.cpk-home-list a:hover{text-decoration:underline}.cpk-home-list strong{white-space:nowrap}.cpk-home-title{min-width:0}.cpk-home-list time{margin-left:auto;white-space:nowrap;font-size:16px;padding-left:12px}.cpk-home-list time span{color:#8a9097}.cpk-home-comments{font-size:14px;color:red}.cpk-home-empty{font-size:15px;color:#777}.cpk-site-footer{padding:18px 0 70px;border:0;background:#f8f8f8;position:relative}.cpk-site-footer>p{font-size:16px;margin-top:0;margin-bottom:15px}.cpk-site-footer .cpk-utility{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#777}
.cpk-main .board{width:auto;color:#555}.cpk-main .board table{width:100%;border-collapse:collapse}.cpk-main .board_list table th{font-size:17px;padding:20px 12px;background:white;border-bottom:3px double #ddd;font-weight:400}.cpk-main .board_list table td{font-size:17px;padding:13px 12px;border-bottom:1px solid #e6e6e6;line-height:1.5}.cpk-main .board_list table td.title a{font-size:18px;text-decoration:none}.cpk-main .board_list .title{width:auto}.cpk-main .board_list td.mid{white-space:nowrap;text-align:center}.cpk-main .board_list .time,.cpk-main .board_list .no,.cpk-main .board_list .readNum{white-space:nowrap;font-size:16px}.cpk-main .board .board_header{margin:0}.cpk-main .board .list_footer{margin-top:22px}.cpk-main .board .pagination{margin-top:18px}.cpk-main .board .pagination a,.cpk-main .board .pagination strong{font-size:16px;line-height:36px;min-width:34px}.cpk-main .board .read_header h1{width:auto!important;max-width:100%;font-size:25px;overflow-wrap:anywhere}.cpk-main .xe_content{font-size:16px;line-height:1.8;overflow-wrap:anywhere;max-width:100%;overflow-x:auto}.cpk-main .xe_content img{max-width:100%!important;height:auto!important}.cpk-main .xe_content table{max-width:100%;display:block;overflow:auto}.cpk-main .board_write input[name=title]{width:100%!important}.cpk-main .cke{max-width:100%}.cpk-main .cpk-identity-result{white-space:pre-wrap;background:#fff7e6;padding:12px}.cpk-main .cpk-identity-button{font:inherit;padding:8px 12px;margin:12px 0;border:1px solid #bbb;max-width:100%;white-space:normal}.cpk-main .rx_member{max-width:850px;margin:auto}.cpk-main input,.cpk-main select,.cpk-main textarea{max-width:100%}.cpk-main .fileList a{overflow-wrap:anywhere}.cpk-main .feedback .xe_content{margin:0!important}.cpk-main .rx_member .agreement .text{max-height:240px;overflow:auto}
@media(max-width:760px){.cpk-container,.cpk-site-footer>p{width:calc(100% - 32px)}.cpk-site-header>h1{margin:22px 0 16px}.cpk-site-header>h1>a{font-size:clamp(23px,5.5vw,36px);white-space:normal;letter-spacing:-.6px;overflow-wrap:anywhere}.cpk-site-header>.side{flex-wrap:wrap;gap:12px;margin:0 0 18px}.cpk-account{width:100%;justify-content:flex-end;gap:6px;flex-wrap:wrap}.cpk-account a,.cpk-account button{font-size:13px;min-height:44px}.cpk-global-search{width:100%}.cpk-global-search input[type=search]{width:100%;flex:1;min-width:0;height:44px}.cpk-global-search button{height:44px}.cpk-site-header .gnb{height:auto;min-height:46px}.cpk-menu-toggle{display:block;width:100%;padding:12px;color:#fff;background:transparent;border:0;font:600 16px inherit;text-align:left;min-height:44px}.gnb>ul{display:none;position:static;height:auto!important}.gnb.open>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0}.gnb>ul>li{float:none;top:0;margin:0;min-width:0}.gnb>ul>li>a,.gnb>ul>li.active>a{line-height:1.5;padding:12px 10px;font-size:14px;white-space:normal;border:0;min-height:44px}.gnb>ul>li>a:after{display:none}.gnb ul ul,.gnb.open ul ul{height:auto;padding:0 10px 12px;margin:0;border:0}.gnb ul ul a{font-size:13px;line-height:1.5;white-space:normal;min-height:44px;padding:10px 0}.gnb ul ul:before{display:none}.cpk-main{padding-bottom:20px}.cpk-home-count{font-size:14px;margin:18px 0 26px}.cpk-home-lists{padding:0}.cpk-home-lists:before{left:-16px;right:-16px;bottom:-100px}.cpk-home-list li{font-size:14px;gap:5px;align-items:baseline;flex-wrap:wrap;margin-bottom:7px}.cpk-home-title{flex:1}.cpk-home-list time{font-size:12px;width:100%;text-align:right}.cpk-home-list{margin-bottom:24px}.cpk-main .board_list{overflow:auto}.cpk-main .board_list table{min-width:670px}.cpk-main .board_list table th,.cpk-main .board_list table td{font-size:13px;padding:12px 8px}.cpk-main .board_list table td.title a{font-size:14px}.cpk-main .board .list_footer{display:flex;flex-wrap:wrap;gap:10px}.cpk-main .board .pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.cpk-main .board .read_header h1{font-size:22px}.cpk-main .board .read_header .meta{display:flex;flex-wrap:wrap;gap:6px}.cpk-main .feedback .fbMeta{float:none;width:auto}.cpk-main .feedback .fbItem{padding:15px 0;overflow-wrap:anywhere}.cpk-main .feedback .fbItem.indent{margin-left:12px}.cpk-main .feedback .xe_content{padding:8px 0}.cpk-main .board .read_body,.cpk-main .write_comment{padding:12px 0!important}.cpk-main .rx_member{width:100%;min-width:0}.cpk-main .form-horizontal .control-label{float:none;text-align:left;width:auto}.cpk-main .form-horizontal .controls{margin-left:0}.cpk-site-footer>p{font-size:14px}.cpk-site-footer .cpk-utility{font-size:11px;gap:12px}}

/* Screenshot-scale adjustments and the original always-visible search row. */
.cpk-main .board .board_search{display:flex!important;align-items:center;gap:0;position:static;float:left;max-width:100%;margin:0;padding:0}.cpk-main .board .board_search select{font-size:16px;height:38px;min-width:100px;margin-right:6px}.cpk-main .board .board_search .search_input{height:38px;display:flex;align-items:center;border:1px solid #ddd;border-radius:2px;background:#fff}.cpk-main .board .board_search .search_input i{padding-left:10px}.cpk-main .board .board_search input.iText{width:150px;height:36px;border:0;background:transparent;padding:4px 8px;font-size:16px}.cpk-main .board .list_footer .btn{font-size:16px;line-height:38px;height:38px;padding:0 16px;vertical-align:middle}.cpk-main .board .btnArea{float:right}.cpk-main .board .pagination{clear:both;padding-top:20px}.cpk-main .board .list_footer:after{content:"";display:block;clear:both}
@media(max-width:760px){.cpk-main .board .board_search{float:none;flex-wrap:wrap;gap:5px;width:100%}.cpk-main .board .board_search select{font-size:13px;min-width:90px;margin-right:0}.cpk-main .board .board_search input.iText{width:100px;font-size:13px}.cpk-main .board .list_footer .btn{font-size:13px;padding:0 10px;min-height:44px;height:44px;line-height:44px}.cpk-main .board .btnArea{float:none;margin:0;display:flex;gap:5px;flex-wrap:wrap}.cpk-main .board .pagination{width:100%}.cpk-main .board .board_search select,.cpk-main .board .board_search .search_input{height:44px}.cpk-main .board .board_search input.iText{height:42px}}

/* The original footer can sit outside .board after a custom header: scope to the layout. */
.cpk-main .list_footer .btn{position:static!important;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:38px;height:38px;padding:0 16px;vertical-align:middle;white-space:nowrap;background:#eee;border:0;color:#333;text-decoration:none}.cpk-main .list_footer .board_search{gap:0;align-items:center}.cpk-main .list_footer .board_search .btn{flex-shrink:0}.cpk-main .list_footer .board_search .xi-magnifier{position:static;padding:0 7px}.cpk-main .list_footer .board_search .search_input{display:flex;align-items:center}.cpk-main .list_footer .board_search input.iText{padding-left:0}
@media(max-width:760px){.cpk-main .list_footer .btn{font-size:13px;min-height:44px;height:44px;line-height:44px;padding:0 10px}.cpk-main .list_footer .board_search{gap:5px}.cpk-main .list_footer .board_search input.iText{width:80px}}

/* XE desktop dimensions are CSS pixels, not screenshot pixels. */
@media(min-width:761px){
 .cpk-container,.cpk-site-footer>p{width:calc(100% - 48px);max-width:960px}
 .cpk-site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center;margin-bottom:17px}
 .cpk-site-header>h1{display:block;min-width:0;margin:19px 0;line-height:1.2}
 .cpk-site-header>h1>a{font-size:clamp(24px,2.7vw,32px);letter-spacing:-.7px;white-space:nowrap}
 .cpk-site-header>.side{position:static;display:flex;flex-wrap:nowrap;align-items:center;gap:15px;margin:0}
 .cpk-account{gap:8px;flex-shrink:0;flex-wrap:nowrap}
 .cpk-account a,.cpk-account button{font-size:12px;min-height:24px;min-width:24px;padding:2px 7px}
 .cpk-global-search input[type=search]{font-size:12px;width:130px;min-width:60px;height:24px;padding:2px 5px}
 .cpk-global-search button{font-size:12px;height:24px;padding:0 15px}
 .cpk-site-header .gnb{grid-column:1/-1;height:33px;font-size:13px}
 .gnb>ul{top:32px}.gnb>ul>li{top:-33px}
 .gnb>ul>li>a{line-height:32px;padding:0 20px}
 .gnb>ul>li.active>a,.gnb>ul>li.hover>a{line-height:30px}
 .gnb ul ul{padding:0 20px}.gnb.open ul ul{padding:13px 20px;margin-top:6px}
 .gnb ul ul a{font-size:12px;line-height:20px}
 .cpk-home-count{font-size:12px;margin:20px 0 24px}
 .cpk-home-list{margin-bottom:25px}.cpk-home-list li{font-size:12px;line-height:20px;min-height:20px;gap:5px}
 .cpk-home-list time{font-size:11px}.cpk-home-comments{font-size:10px}
 .cpk-home-lists:before{left:calc((min(960px,100vw - 48px) - 100vw)/2);right:calc((min(960px,100vw - 48px) - 100vw)/2)}
 .cpk-main .board_list table th{font-size:12px;line-height:14px;padding:14px 10px 15px;height:auto}
 .cpk-main .board_list table td{font-size:12px;line-height:1.4;padding:8px 10px}
 .cpk-main .board_list table td.title a{font-size:12px}
 .cpk-main .board_list td.no{width:48px!important;font-size:11px}
 .cpk-main .board_list td.mid{width:100px!important}
 .cpk-main .board_list td.time{width:84px!important;font-size:11px}
 .cpk-main .board_list td.readNum{width:55px!important;font-size:11px}
 .cpk-main .board .read_header h1{font-size:21px;line-height:1.6}
 .cpk-main .xe_content{font-size:13px;line-height:1.6}
 .cpk-main .list_footer{margin-top:15px}
 .cpk-main .list_footer .board_search select{font-size:12px;height:26px}
 .cpk-main .list_footer .board_search .search_input{height:26px}
 .cpk-main .list_footer .board_search input.iText{font-size:12px;height:24px;width:100px}
 .cpk-main .list_footer .btn{font-size:12px;min-height:26px;height:26px;line-height:26px;padding:0 12px}
 .cpk-main .board .pagination{padding-top:12px;margin-top:12px}
 .cpk-main .board .pagination a,.cpk-main .board .pagination strong{font-size:12px;line-height:26px;min-width:25px}
 .cpk-site-footer>p{font-size:12px}.cpk-site-footer .cpk-utility{font-size:11px;gap:12px}
}
@media(min-width:761px) and (max-width:1000px){
 .cpk-site-header{column-gap:10px}.cpk-site-header>.side{gap:8px}
 .cpk-account{gap:3px}.cpk-account a,.cpk-account button{padding:2px 4px}
 .cpk-global-search input[type=search]{width:80px}.cpk-global-search button{padding:0 9px}
 .gnb>ul>li>a{padding:0 15px}.gnb ul ul{padding-left:15px;padding-right:15px}.gnb.open ul ul{padding-left:15px;padding-right:15px}
}

/* Mobile positioning must not depend on the removed desktop wrap breakpoint. */
@media(max-width:760px){.cpk-site-header>.side{position:static;}}
