/* PC-first (񃧯 = PC) */
/* ==========================
COMMON
========================== */
:root {
	--key-color: #2C5BF6;
	--text-color: #555;
}
fieldset {border: none;}
.text-center {text-align: center;}
.inner {max-width: 1200px; margin: 0 auto;}

@media (min-width: 1200px) {

}
@media (max-width: 1199px) {
	.content .only-pc { display: none !important; }
    .content .only-mo { display: block !important; }
}

/* =====================================================================
¸®½ºÆ® ÆäÀÌÁö
===================================================================== */
/* ¸®½ºÆ® »ó´Ü */
select {padding-right: 26px; appearance: none; -webkit-appearance: none; color: #777;}
select option {border: 1px solid var(--key-color)}

.notice {margin-bottom: clamp(32px, calc(32px + (50 - 32) * ((100vw - 360px) / 840)), 50px);}
.notice .top-sec {display: flex; gap: 10px; justify-content: end; padding-bottom: 12px; border-bottom: 1px solid #555555; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; }
.notice .input-wrap {position: relative; overflow: hidden; display: inline-flex; width: 100%; max-width: 246px; height: 38px; border: 1px solid #DBDEE5; background: #fff; border-radius: 6px;}
.notice .input-wrap input {width: 100%; padding: 0; padding-left: 12px; padding-right: 40px; border: none; font-size: 14px;}
.notice .input-wrap input:focus {outline: none;}
.notice .search-btn { position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
	width: 28px; height: 28px; background-repeat: no-repeat; background-position: center; background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.25 12.5C19.25 8.77208 16.2279 5.75 12.5 5.75C8.77208 5.75 5.75 8.77208 5.75 12.5C5.75 16.2279 8.77208 19.25 12.5 19.25C16.2279 19.25 19.25 16.2279 19.25 12.5ZM20.75 12.5C20.75 17.0563 17.0563 20.75 12.5 20.75C7.94365 20.75 4.25 17.0563 4.25 12.5C4.25 7.94365 7.94365 4.25 12.5 4.25C17.0563 4.25 20.75 7.94365 20.75 12.5Z' fill='%23111111'/%3E%3Cpath d='M17.4697 17.4697C17.7626 17.1768 18.2373 17.1768 18.5302 17.4697L24.5302 23.4697C24.8231 23.7626 24.8231 24.2373 24.5302 24.5302C24.2373 24.8231 23.7626 24.8231 23.4697 24.5302L17.4697 18.5302C17.1768 18.2373 17.1768 17.7626 17.4697 17.4697Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}
/* ÅÂºí¸´ ÀÌÇÏ (1199px ÀÌÇÏ) */
@media (max-width: 1199px){
	.inner {padding: 0 24px;}
}
/* ¸ð¹ÙÀÏ ÀÌÇÏ (767px ÀÌÇÏ) */
@media (max-width:767px){
	.inner {padding: 0 16px;}
}
/* ==========================
µå·Ó´Ù¿î ¹öÆ°
========================== */
.dropdown-wrap{position:relative; min-width:118px;}
.dropdown-wrap.dropdown-wrap::after{content:none;}
.dropdown-wrap .select-btn{
	width:100%; height:38px ; padding:0 12px; border-radius:6px; border:1px solid #DBDEE5; gap:10px; font-size:14px;
	background:#FFF; cursor:pointer; display:flex; align-items:center; justify-content:space-between;
}
.dropdown-wrap .select-text{flex:1; min-width:0; text-align:left; color: #333;}
.dropdown-wrap .select-arrow{width:10px; height:10px; margin-top: -7px; border-right:1px solid #333; border-bottom:1px solid #333; transform:rotate(45deg); flex:0 0 auto;}
.dropdown-wrap.open .select-btn{}
.dropdown-wrap.open .select-arrow{transform:rotate(-135deg); margin-top:5px;}
/* Selected */
.dropdown-wrap.is-selected .select-btn{border-color:var(--key-color);}
.dropdown-wrap.is-selected .select-arrow{transform:rotate(-135deg); margin-top:5px;}
/* =====================================================================
Select box / drop box
===================================================================== */
.dropdown-wrap .dropdown-menu{
	position:absolute; right:0; top:calc(100%);
	width:100%; max-height: 315px; background:#fff;
	border:1px solid var(--key-color);
	border-radius:6px; margin:0; list-style:none;
	display:none; z-index:9999; overflow-y: auto;
	font-weight: 400;
}

.dropdown-wrap .dropdown-menu::-webkit-scrollbar { width: 12px;}
.dropdown-wrap .dropdown-menu::-webkit-scrollbar-track{ }
.dropdown-wrap .dropdown-menu::-webkit-scrollbar-thumb {border: 4px solid #fff; border-radius: 99px; height: 75px; background: #DBDBDB;}
.dropdown-wrap.open .dropdown-menu{display:block;}
.dropdown-wrap .option{display: flex; align-items: center; padding:0 18px; height: 45px; font-size:14px; color:#333; cursor:pointer;}
.dropdown-wrap .option:hover{background:#F1F3F8;}
/* Disabled */
.dropdown-wrap.is-disabled .select-btn{background:#F5F5F5; color:#888; cursor:default; pointer-events:none;}
.dropdown-wrap.is-disabled .select-arrow{border-color:#888;}
.dropdown-wrap.is-scroll .dropdown-menu{max-height:190px; overflow:auto;}
/* ¸ð¹ÙÀÏ ÀÌÇÏ (767px ÀÌÇÏ) */
@media (max-width:767px){
	.dropdown-wrap .select-btn{font-size: 13px;}
	.dropdown-wrap .dropdown-menu {max-height: 280px;}
	.dropdown-wrap .option {height: 36px;}
}
/* ==========================
¸®½ºÆ® ÄÁÅÙÃ÷
========================== */
.board-list {min-height: 60px; padding-bottom: clamp(16px, calc(16px + (24 - 16) * ((100vw - 360px) / 840)), 24px);}
.board-list > li {display: flex; flex-wrap: wrap; min-height: 60px; border-bottom: 1px solid #E5E5E5; font-size: 14px; line-height: 1.4; letter-spacing: -0.01em; color: #777;}
.board-list > li > div {display: flex; justify-content: center; align-items: center;}
.board-list .col1 {width: 8.66%; letter-spacing: 0;}
.board-list .col2 {width: 10.33%; }
.board-list .tit {flex: auto; justify-content: normal;}
.board-list .tit a{display: flex; align-items: center; gap: 6px; padding-left: 32px; font-size: 16px; color: #333;}
.board-list .tit a:hover {font-weight: 500;}
.board-list .tit i {display: inline-flex; align-items: center; justify-content: center; width: 17px; aspect-ratio: 1/1; border: 1px solid #EBEBEB; border-radius: 100%; vertical-align: text-bottom;}
.board-list .tit a p {display: inline;}
.board-list .tit a b {font-weight: 600;}
.board-list .col4 {width: 11.33%;}
.notice .impor {padding: 3px 9px; border-radius: 99px; background: var(--key-color); font-weight: 600; font-size: 13px; color: #fff; letter-spacing: -0.025em; line-height: 1.4;}

.btn-more-group {text-align: center;}
.notice .btn-wh {display: inline-flex; justify-content:center; align-items: center; min-width: 160px; height: 40px; margin: 0 auto; border-radius: 4px; border: 1px solid #777777; gap: 5px; font-weight: 500; font-size: 14px; line-height: 1.5;}
.btn-more-group .btn-more:after {content:''; width: 12px; height: 7px; background-repeat: no-repeat; 
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.276203 0.244272C0.634498 -0.090672 1.20424 -0.0798111 1.54875 0.268531L6 4.86257L10.4513 0.268531C10.7958 -0.079811 11.3655 -0.090672 11.7238 0.244272C12.0821 0.579216 12.0933 1.13313 11.7487 1.48147L6.64875 6.73147C6.47907 6.90304 6.24482 7 6 7C5.75518 7 5.52093 6.90304 5.35125 6.73147L0.251251 1.48147C-0.0932627 1.13313 -0.0820913 0.579216 0.276203 0.244272Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.no-data {display: flex; align-items: center; justify-content: center; min-height: 300px; line-height: 1.1; letter-spacing: -0.025em; color: #333;}
/* ¸ð¹ÙÀÏ ÀÌÇÏ (767px ÀÌÇÏ) */
@media (max-width:767px){
	.notice .top-sec {gap: 8px; padding-top: 24px;}

	.dropdown-wrap .select-btn,
	.notice .input-wrap {border-radius: 4px;}

	.board-list > li {padding: 12px 0; row-gap: 4px; font-size: 12px;}
	.board-list > li > div {justify-content: normal; align-items: start;}
	.board-list .col1 {width: 37px;}
	.board-list .col1:not(:has(.impor)){display: none;}
	.board-list .impor {padding: 3px 6px; font-size: 11px;}
	.board-list .col2 {align-items: center; order:2; width: auto;}
	.board-list .col2:after {content:''; width: 1px; height: 10px; background: #D9D9D9; margin: 0 8px;}
	.board-list .col4 {order:3; width: auto;}
	.board-list .tit {width: calc(100% - 37px);}
	.board-list .tit a {display: block; padding-left: 0; font-size: 14px;}
	.no-data {min-height: 300px;}
}
/* =====================================================================
ºäÆäÀÌÁö
===================================================================== */
.view-info {display: flex; flex-direction: column; gap: 6px; padding: clamp(12px, calc(12px + (22 - 12) * ((100vw - 360px) / 840)), 22px) clamp(12px, calc(12px + (20 - 12) * ((100vw - 360px) / 840)), 20px); border-top: 1px solid #555555; border-bottom: 1px solid #E5E5E5;}
.view-info .title {display: flex; align-items: start;}
.notice .view-info .impor {margin-right: 8px;}
.view-info .title b {font-weight: 600; letter-spacing: -0.01em;}
.view-info .title .new {display: inline-flex; align-items: center; justify-content: center; width: 17px; aspect-ratio: 1/1; border: 1px solid #EBEBEB; border-radius: 100%; vertical-align: 1px;}
.view-info .detail .sector {display: none;}
.view-info .detail {display: flex; font-size: 14px; letter-spacing: -0.01em; color: #777;} 

.view-content {padding: clamp(12px, calc(12px + (24 - 12) * ((100vw - 360px) / 840)), 24px); border-bottom: 1px solid #555555;}
.view-content b,
.view-content strong {font-weight: 700;}
.view-content .content {padding-bottom: clamp(12px, calc(12px + (24 - 12) * ((100vw - 360px) / 840)), 24px); font-size: 14px; line-height: 1.6; letter-spacing: -0.01em;}
.view-content .content img {max-width: 75% !important; margin-top: 1.7em;}
.view-content .ck.ck-content.content figure.image img {max-width: 900px !important; min-width: auto !important;}

.view-content .file-area {display: flex; gap: 8px; padding-top: clamp(12px, calc(12px + (24 - 12) * ((100vw - 360px) / 840)), 24px); padding-left: 24px; border-top: 1px solid #EDEDED; font-size: 14px; line-height: 1.6; letter-spacing: -0.01em;}
.view-content .file-area .tit {width: 112px; font-weight: 600; }
.view-content .file-area ul {display: flex; flex-direction: column; gap: 2px; color: #777;}
.view-content .file-area ul li:hover a {font-weight: 600;}

.view-content + .btn-area {margin-top: 16px; text-align: center;}

/* ¸ð¹ÙÀÏ ÀÌÇÏ (767px ÀÌÇÏ) */
@media (max-width:767px){
	.view-info {gap: 4px; margin-top: 24px;}
	.view-info .title {flex-direction: column; gap: 2px;}
	.notice .view-info .impor {padding-top: 2px; padding-bottom: 2px; font-size: 12px;}
	.view-info .title b {font-size: 14px; line-height: 1.4;}

	.view-info .detail {font-size: 12px;}
	.view-info .detail .sector {display: flex; align-items: center;}
	.view-info .detail .sector:after {content:''; display: inline-block; width: 1px; height: 10px; background: #D9D9D9; margin: 0 8px;}

	.view-content .content {line-height: 1.4;}
	.view-content .content img {max-width: 100% !important; margin-top: 0.9em;}
	.view-content .ck.ck-content.content figure.image img {max-width: 100% !important;}

	.view-content .file-area {flex-direction: column; gap: 4px; padding-left: 0; font-size: 13px;}
}