@charset "utf-8";

.svg-icon { display: inline-flex; width: 24px; height:24px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.svg-icon.ico-angle { background-image: url(../images/ico_angle.svg);}
.svg-icon.ico-angle.up { transform: rotate(180deg)}
.svg-icon.ico-angle.left { transform: rotate(90deg)}
.svg-icon.ico-angle.right { transform: rotate(-90deg)}
.svg-icon.ico-reset { background-image: url(../images/ico_reset.svg);}
.svg-icon.ico-sch { background-image: url(../images/ico_sch.svg);}
.svg-icon.ico-delete-fill { background-image: url(../images/ico_delete_fill.svg);}
.svg-icon.ico-modal-close { background-image: url(../images/ico_close.svg);}


/* 공통 */
.blind,.sr-only,caption,hr,legend { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important}
button { overflow: visible; margin:0; border:none; background-color: transparent; cursor: pointer; font:inherit; color:inherit}
#wrap { display: flex; align-items: normal; justify-content: flex-start; flex-direction: column;  min-height: 100%;}
.inner { max-width: none; padding:0 24px;}

@media (min-width: 1440px) {
    .inner { padding:0 40px;}
}
@media (min-width: 1025px) {
    #container { border-top:0}
}
@media (max-width: 1024px) {
    .inner {  padding:0 16px;}
}

/* 공식배너 */
.gov_top { padding-top:7px; font-size: 14px; z-index: 70;}
.gov_top .inner1 { width:calc(100% - 48px); max-width: none;}
.gov_top .gov_desc { margin:0}

@media (min-width: 1440px) {
    .gov_top .inner1 { width:calc(100% - 80px);}
}
@media (max-width: 1024px) {
    .gov_top .inner1 { width:calc(100% - 32px);}
}


/* 헤더 */
#header { position: sticky; top: 0; left: 0; background-color: #fff; z-index: 70;}
#header:after { display: none;}
#header .header-container { position: relative; transform: translateX(0);}
#header .header-container .header-in { position: relative; display: flex; box-sizing: content-box; flex-direction: column; margin:0 auto; padding:0 24px}
#header .header-utility { display: flex; align-items: flex-start; justify-content: flex-end; flex-direction: row}
#header .header-utility>li { display: flex; align-items: center; justify-content: flex-start;  flex-direction: row}
#header .header-utility>li:not(:first-child) { gap: 12px; margin-left: 12px}
#header .header-utility>li:not(:first-child)::before { content: ""; display: inline-flex; width: 1px; height: 16px; background-color: #cdd1d5}
#header .header-utility .drop-wrap { display: inline-flex; position: relative;}
#header .header-utility .btn { display: inline-flex; align-items: center; gap:4px; padding:0 2px; transition: 0.4s ease-in-out; border-radius: 6px; border:1px solid transparent; font-size: 14px; color:#1e2124 !important; font-weight: 400; line-height: 1.5 !important; background-color: transparent;}
#header .header-utility .btn:hover { background-color: #eef2f7;}
#header .drop-wrap .drop-btn .svg-icon { width:16px; height: 16px;}
#header .drop-wrap .drop-menu { display: none; position: absolute; top:100%; left:50%; min-width:130px; margin-top:16px; padding:8px; border:1px solid #cdd1d5; border-radius: 8px; box-shadow: 0 0 0.2rem 0 #0000000d, 0 0.4rem 0.8rem 0 #00000014; transform: translateX(-50%); background-color: #fff; z-index: 7;}
#header .drop-wrap .drop-menu:before { content:''; display: block; position: absolute; bottom:100%; left:50%; width:12px; height: 12px; margin-bottom: -5px; margin-left:-6px; transform: rotate(-135deg); border:1px solid #cdd1d5; border-top-color:transparent; border-left-color:transparent; background-color: #fff;}
#header .drop-wrap .drop-menu .drop-in { display: flex; flex-direction: column; gap:8px; position: relative; z-index: 1;}
#header .drop-wrap .drop-menu .drop-list { display: flex; flex-direction: column; gap:4px}
#header .drop-wrap .drop-menu .drop-list .item-link { display: flex; align-items: center; width: 100%; gap:8px; padding:0 16px; font-size: 16px; line-height: 1.5; border-radius: 6px; height: 40px; white-space: nowrap; background-color: #fff;}
#header .drop-wrap .drop-menu .drop-list .item-link:before { content: ''; width: 24px; height: 24px; flex-shrink: 0; border-radius: 4px; border:1px solid #b1b8be; background: url(../images/head_ico_font_sample.svg) no-repeat center / contain;}
#header .drop-wrap .drop-menu .drop-list .item-link.sm:before { width: 22px; height: 22px;}
#header .drop-wrap .drop-menu .drop-list .item-link.lg:before { width: 26px; height: 26px;}
#header .drop-wrap .drop-menu .drop-list .item-link.xlg:before { width: 28px; height: 28px;}
#header .drop-wrap .drop-menu .drop-list .item-link.xxlg:before { width: 30px; height: 30px;}
#header .drop-wrap .drop-menu .drop-list .item-link.active { font-weight: bold; color:#052b57; background-color: #eef2f7;}
#header .drop-wrap .drop-menu .drop-list .item-link.active:before { border-color:#063a74; background-color: #063a74; background-image: url(../images/head_ico_font_sample_white.svg);}
#header .drop-wrap .drop-menu .drop-list .item-link:hover { background-color: #eef2f7;}
#header .drop-wrap .drop-menu .drop-bottom { display: flex; justify-content: center; width: 100%; padding:8px 0; border-top:1px solid #cdd1d5}
#header .drop-wrap .drop-bottom .btn { padding:2px; font-size: 16px;}
#header .drop-wrap .drop-bottom .btn .svg-icon { width:20px; height: 20px;}
#header .header-container .logo { position: absolute; top:24px; left:24px; display: inline-flex; align-items: center; gap:8px}
#header .header-container .logo img { width: 170px;}
#header .header-container .logo .headerLogoCss { margin-top:7px}
#header .header-actions { display: flex; justify-content: center; align-items: center; gap:8px; flex-wrap: wrap;}
#header .header-actions .btn-navi { display: inline-flex; align-items: center; gap:4px 8px; min-height: 40px; padding: 4px 12px 0; border-radius: 6px; line-height: 1.5; font-size: 16px; font-weight: 700; color: #1e2124; transition: 0.4s ease-in-out}
#header .header-actions .btn-navi::before { content: ""; display: inline-flex; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center;}
#header .header-actions .btn-navi:hover { background-color: #eef2f7}
#header .header-actions .btn-navi:active,
#header .header-actions .btn-navi:focus { background-color: #d6e0eb}
#header .header-actions .btn-navi.sch::before { background-image: url(../images/ico_sch.svg); }
#header .header-actions .btn-navi.btnAllmenu::before { background-image: url(../images/ico_all.svg);}
#header .main-chatBotArea { right:16%; top:35%; z-index: 6;}
#header .topSch { position: absolute; margin-left:20px; border-radius: 10px; border: 1px solid #dc3a00; padding: 7px 10px 7px 60px; display: inline-flex; gap:4px; width: 100%; max-width: 330px; top:27%;}
#header .topSch label { position: absolute; top:50%; left:-20px; transform: translateY(-50%); padding-top:3px; color:#dc3a00; font-size: 18px; font-family: 'GmarketSansBold'; line-height: 1; background: #fff;}
#header .topSch .topSchTxt { width:100%; height:30px; line-height: 30px; border:0}
#header .topSch .btnTopSch { flex-shrink: 0; display: inline-flex; width:30px; height:30px; justify-content: center; align-items: center; font-size: 0;}
#header .topSch .btnTopSch:after { content:''; display: block; width:21px; height:21px; background:url(../images/icon.png) no-repeat 0 0 }
#header .topSch.delBox .btnClear { position: static; width: 30px; height: 30px; transform: none; flex-shrink: 0;}
#header .header-container .header-in{height:75px;}

/* 스크롤 동작 */
#wrap[class*=scroll] #header { position: relative; border-bottom: 1px solid #cdd1d5;}
#wrap[class*=scroll] #header .header-container { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; border-bottom: 1px solid #cdd1d5; background-color: #fff; transition: transform ease 0.4s 0.01s;}
#wrap.scroll-down #header .header-container { transform: translateY(-100%);}
#wrap.scroll-up #header .header-container { transform: translateY(0);}

@media (min-width: 1440px) {
    #header .header-container .header-in { padding:0 40px}
    #header .header-container .logo { left:40px}
}
@media (min-width: 1025px) {
    .is-gnb-web { overflow: hidden;}
    .is-gnb-web #wrap.scroll-down #header .header-container { transform: translateY(0);}
    #header .header-container .header-in { gap: 4px; padding-top:12px; padding-bottom: 12px;}
    #header .header-actions .btn-navi.btnAllmenu { display: none; }
}
@media (max-width: 1200px) {
    #header .topSch {  margin-left:80px; }
    #header .main-chatBotArea { right:19%; }
}
@media (max-width: 1100px) {
    #header .header-actions { justify-content: flex-end;}
    #header .topSch{left:30%;}
}
@media (max-width: 1024px) {
    #header .header-container .header-in { padding:12px 16px }
    #header .header-container .logo { top:16px; left:16px;}
    #header .header-utility { display: none;}
    #header .header-actions .btn-navi { flex-direction: column;}
    #header .header-container .header-in{height:52px;}
}
@media (max-width: 896px) {
	#header .header-container .header-in{height:100px;}
	#header .topSch{left:4%; top:55%; margin:0; width: calc(100% - 120px); max-width: none;}
	
}
@media (max-width: 768px) {
    #header .header-container .logo img { width: 142px;}
    #header .header-container .logo .headerLogoCss { font-size: 20px;}
    #header .header-actions .btn-navi { font-size: 14px;}
    #header .topSch { max-width: none; order:2; margin-top:10px;}
    #header .topSch:before { content:''; display: block; width: calc(100% + 52px); height: 1px; position: absolute; top:-11px; left:-36px; background-color: #cdd1d5;}
    #header .header-container .header-in{height:124px;}
}
@media (max-width: 598px) {
	#header .topSch{margin-left:0;}
	#header .topSch:before{width: calc(100% + 108px); left: -60px;}
	#header .topSch{width: calc(90% - 120px); left:10%;}
}
@media (max-width: 499px) {
    #header .header-container .logo { flex-direction: column; gap:2px; top:6px}
    #header .header-container .logo img { width: 115px;}
    #header .header-container .logo .headerLogoCss { margin-top:0; margin-left:10px; font-size: 16px;}
    #header .header-actions .btn-navi { padding:4px 6px 0}
}


/* 메인메뉴 */
.main-menu * { box-sizing: border-box;}
.main-menu { position: relative; border-top: 1px solid #cdd1d5; border-bottom: 1px solid #cdd1d5; background-color: #fff; }
.main-menu .gnb-menu { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; gap: 16px}
.main-menu .gnb-menu .gnb-main-trigger { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: 8px; position: relative; height: 56px; color: #464c53; padding: 0 16px; letter-spacing: -.2px; transition: 0.4s ease-in-out}
.main-menu .gnb-menu .gnb-main-trigger,
.main-menu .gnb-menu .gnb-main-trigger h2 { font-size: 19px; font-weight: 700}
.main-menu .gnb-menu .gnb-main-trigger::after,
.main-menu .gnb-menu .gnb-main-trigger::before { content: ""; display: inline-flex; }
.main-menu .gnb-menu .gnb-main-trigger::before { position: absolute; bottom: 0; left: 50%; width: 0; height: 4px; background-color: #063a74; transition: 0.4s ease-in-out}
.main-menu .gnb-menu .gnb-main-trigger::after { display: inline-flex; width: 20px; height: 20px; background: url(../images/ico_angle.svg) no-repeat center; background-size: contain; transition: 0.4s ease-in-out; transform: rotate(0)}
.main-menu .gnb-menu .gnb-main-trigger:hover { background-color: #eef2f7}
.main-menu .gnb-menu .gnb-main-trigger:active { color: #1e2124; background-color: #d6e0eb}
.main-menu .gnb-menu .gnb-main-trigger:focus { outline:#e19c1d dashed 3px; outline-offset: -3px}
.main-menu .gnb-menu .gnb-main-trigger.active::before { left: 0; width: 100%}
.main-menu .gnb-menu .gnb-main-trigger.active::after { transform: rotate(-180deg)}

.main-menu .gnb-toggle-wrap { position: absolute; top: 100%; left: 0; margin-top: 1px; display: none; width: 100%; background-color: #fff}
.main-menu .gnb-toggle-wrap.is-open {  display: block}
.main-menu .gnb-toggle-wrap .gnb-main-list { position: relative; width:calc(100% - 48px); margin: 0 auto}
.main-menu .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 290px; height: 100%; background-color: #eef2f7}
.main-menu .gnb-toggle-wrap .gnb-main-list>ul { position: relative; padding: 16px 0}
.main-menu .gnb-toggle-wrap .gnb-main-list>ul>li { width: 290px}
.main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger { display: flex; align-items: center; justify-content: space-between; flex-direction: row; width: 100%; gap: 24px; padding: 16px 24px; background-color: transparent; font-size: 16px; color: #1e2124; text-align: left; transition: 0.4s ease-in-out}
.main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger::after { content: ""; display: inline-flex; width: 20px; height: 20px; flex-shrink: 0; transition: 0.4s ease-in-out; transform: rotate(-90deg); background: url(../images/ico_angle.svg) no-repeat center; background-size: contain;}
.main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active,
.main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:hover { font-size: 16px; font-weight: 700; background-color: #fff; color: #052b57}
.main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:active { font-size: 16px; font-weight: 700; background: #d6e0eb; color: #1e2124}
.main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:focus { outline:#e19c1d dashed 3px; outline-offset: -3px}
.main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.is-link::after { display: none;}
.main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.is-link.external-link::after { background: url(../images/ico_go.svg) no-repeat center; background-size: contain;}
.main-menu .gnb-toggle-wrap .gnb-sub-list { flex-direction: column; align-items: normal; gap: 16px; position: absolute; top: 0; left: 290px; right: 0; display: none; min-height: 100%; padding: 16px 36px 16px 40px}
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content { display: flex; align-items: normal; justify-content: flex-start; flex-direction: column; flex: 1; gap: 16px}
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content .sub-title { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: 16px; height: 56px; padding: 0 4px; font-size: 24px; font-weight: 700; }
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul { display: grid; grid-template-columns: repeat(3,1fr); grid-column-gap: 24px}
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a,
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; width: 100%; gap: 8px; padding: 10px 8px; background-color: transparent; letter-spacing: -.5px; border-radius: 6px; font-size: 16px; line-height: 1.5;}
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a::before,
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button::before { content: ""; width: 4px; height: 4px;  margin-top: 10px; background-color: #1e2124; border-radius: 4px}
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a:hover,
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button:hover { background-color: #eef2f7}
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a:active,
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a:focus,
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button:active,
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button:focus { background-color: #d6e0eb}
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a:focus,
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button:focus { outline:#e19c1d dashed 3px; outline-offset: -3px}
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a.active,
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button.active { background-color: #eef2f7; color: #052b57; font-weight: 700}
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a.active::before,
.main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button.active::before { background-color: #052b57}
.main-menu .gnb-toggle-wrap .gnb-sub-list.active { display: flex}

.gnb-backdrop { display: none; position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 10; background-color: #000000bf}
.gnb-backdrop.active { display: block}

@media (min-width: 1440px) {
    .main-menu .gnb-toggle-wrap .gnb-main-list { width:calc(100% - 80px)}
}
@media (max-width: 1024px) {
    .main-menu { display: none; }
}


/* 푸터 */
#footer { position: relative; padding:0; z-index: 50; border-top:1px solid #cdd1d5; background-color: #f4f5f6 !important}
#footer>.inner { flex-direction: column; }
#footer .f-logo { width: 187px; height: 50px; background: url(../../images/18/h1_logo.png) no-repeat center; background-size: contain;}
#footer .f-cnt { display: flex; gap: 24px; }
#footer .f-cnt .f-info { display: flex; flex-direction: column; flex: 1; gap: 16px; }
#footer .f-cnt .f-info .info-addr { font-size: 16px; }
#footer .f-cnt .f-info .info-cs { display: flex; flex-direction: column; width: 100%; gap: 8px}
#footer .f-cnt .f-info .info-cs li { font-size: 16px; }
#footer .f-btm { display: flex; flex-direction: column; padding-top: 16px; gap: 20px; border-top: 1px solid #cdd1d5}
#footer .f-btm .f-btm-text { position: relative; display: flex; justify-content: space-between; flex-direction: column; gap:8px; width: 100%}
#footer .f-btm .f-btm-text .f-menu { display: inline-flex; flex-wrap: wrap; gap: 8px}
#footer .f-btm .f-btm-text .f-menu a { display: inline-block; padding:0 2px; border-radius: 6px; font-size: 14px; }
#footer .f-btm .f-btm-text .f-menu a.point { font-weight: 700; color:#052b57;}
#footer .f-btm .f-btm-text .f-menu a:hover { background-color: #eef2f7;}
#footer .f-btm .f-btm-text .f-menu a:active,
#footer .f-btm .f-btm-text .f-menu a:focus { background-color: #d6e0eb;}
#footer .f-btm .f-btm-text .f-copy { font-size: 14px; color: #464c53; }

@media (min-width: 769px) and (max-width: 1024px) {
    #footer .f-cnt { gap: 16px; }
    #footer .f-cnt .f-info { flex: 3; }
    #footer .f-cnt .f-info .info-cs li { flex-direction: column; }
}
@media (min-width: 1025px) {
    #footer > .inner { gap: 40px; padding: 40px 24px 24px; }
    #footer .f-cnt { justify-content: space-between; flex: 1; }
}
@media (min-width: 1440px) {
    #footer > .inner { padding: 40px 40px 24px; }
}
@media (max-width: 1024px) {
    #footer > .inner { gap: 24px; padding: 24px 16px; }
}
@media (max-width: 768px) {
    #footer .f-logo { width: 140px; height: 38px; }
    #footer .f-cnt { flex-direction: column; }
    #footer .f-cnt .f-info .info-addr,
    #footer .f-cnt .f-info .info-cs li { font-size: 14px; word-break: break-all;}
    #footer .f-btm .f-btm-text { gap:20px}
    #footer .f-btm .f-btm-text .f-copy { order:2}
}
@media (max-width: 360px) {
    #footer .f-cnt .f-info .info-cs li .key-info { flex-wrap: wrap; row-gap: 0; }
}


/* 모달 */
.scroll-no { overflow: hidden;}
.modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; visibility: hidden; width: 100%; height: 100%; padding:0; opacity: 0; transition: visibility 0.15s 0.3s, z-index 0s 0.3s, opacity 0.2s; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; white-space: normal; word-spacing: normal; line-break: auto;}
.modal > * { width: 100%;}
.modal.in { z-index: 1010; transition-delay: 0s; opacity: 1; visibility: visible;}
.modal.shown { display: block;}
.modal .modal-back { position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; z-index: -1; background-color: #000000bf;}
.modal .modal-back.in { display: block; z-index: 1000; visibility: visible;}
.modal .modal-dialog { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; position: relative; z-index: 1020; width: 760px; height: 100%; min-height: 264px; margin: 0 auto;}
.modal .modal-dialog.modal-sm { max-width: 400px;}
.modal .modal-dialog.modal-md { max-width: 560px;}
.modal .modal-dialog.modal-lg { max-width: 760px;}
.modal .modal-dialog .modal-content { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; position: relative; width: 100%; max-height: 80%; background-color: #fff; border-radius: 12px; border: 1px solid #b1b8be; color: #1e2124; outline-color: transparent; transition: outline-color 0.1s; box-shadow: 0 0 2px 0 #00000014, 0 16px 24px 0 #0000001f;}
.modal .modal-dialog .modal-content > *:not(.btn-close) { width: 100%;}
.modal .modal-dialog .modal-content:focus { box-shadow: inset 0 0 0 0.2rem #256ef4; outline-offset: 4px;}
.modal .modal-dialog .modal-header { width: 100%; background-color: inherit; border-top-left-radius: inherit; border-top-right-radius: inherit; padding-top: 56px; padding-inline: 40px;}
.modal .modal-dialog .modal-header .modal-title { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 24px; font-weight: 700;}
.modal .modal-dialog .modal-conts { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; position: relative; overflow-y: auto; width: 100%; padding: 16px 40px 8px;}
.modal .modal-dialog .modal-conts::-webkit-scrollbar { width: 8px;}
.modal .modal-dialog .modal-conts::-webkit-scrollbar-thumb { background-color: #d6e0eb; border-radius: 8px;}
.modal .modal-dialog .modal-conts::-webkit-scrollbar-track { background-color: #eef2f7;}
.modal .modal-dialog .modal-conts > * { width: 100%; }
.modal .modal-dialog .modal-conts .conts-area { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 16px;}
.modal .modal-dialog .modal-conts .conts-area > * { width: 100%;}
.modal .modal-dialog .modal-btn { display: flex; align-items: center; justify-content: flex-end; flex-direction: row; gap: 8px; padding: 16px 40px 40px;}
.modal .modal-dialog .modal-btn .krds-btn { min-width: 78px;}
.modal .modal-dialog .modal-btn.multi-conts { justify-content: space-between;}
.modal[data-type=full] .modal-dialog .btn-close { position: absolute; top: 24px; right: 24px; width:40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; z-index: 901;}
.modal[data-type=full] .modal-dialog .btn-close .svg-icon { width: 100%; height: 100%;}
.modal[data-type=full] { background-color: #eef2f7;}
.modal[data-type=full] .modal-dialog { width: 100%; height: 100%; margin: 0 auto; padding: 0;}
.modal[data-type=full] .modal-header,
.modal[data-type=full] .modal-conts { padding: 0;} 
.modal[data-type=full] .modal-content { height: 100%; max-height: 100%; background: none; margin: 0 auto; border: none; border-radius: 0;}
.modal[data-type=full] .modal-back.in { display: none;}

@media (max-width: 768px) {
    .modal { font-size: 16px; }
    .modal .modal-dialog { width: calc(100% - 24px); height: calc(100% - 24px); min-height: calc(100% - 48px);  margin: 24px auto; }
    .modal .modal-dialog .modal-header { padding: 52px 24px 0; }
    .modal .modal-dialog .modal-header .modal-title { font-size: 22px; }
    .modal .modal-dialog .modal-content { max-height: 100%; }
    .modal .modal-dialog .modal-conts { padding-inline: 24px; padding-bottom: 0; }
    .modal .modal-dialog .modal-conts .conts-area > * { width: 100%; }
    .modal .modal-dialog .modal-btn { padding: 16px 24px 24px; }
    .modal[data-type=full] .modal-dialog .btn-close { top: 20px; right: 20px; }
    .modal[data-type=full] .modal-dialog { width: 100%; height: 100%; margin: 0 auto; }
    .modal[data-type=full] .modal-dialog .btn-close { width: 24px; height: 24px; }
}


/* 통합검색 */
#popTotalSch .modal-dialog .modal-conts { max-width: 792px; margin: 160px 0 40px; padding-bottom: 40px;}
#popTotalSch .modal-dialog .btn-close { top: 80px; right: 80px; }
#popTotalSch .modal-conts { padding-inline: 0;}
#popTotalSch .pop-total-serch-wrap .search-tit { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; font-size: 24px; font-weight: 700; letter-spacing: 1px; line-height: 1; margin-bottom: 12px;}
#popTotalSch .pop-total-serch-wrap .search-total-top { position: sticky; top: 0; background-color: #eef2f7; padding: 0 24px 40px; border-bottom: 1px solid #d6e0eb;}
#popTotalSch .pop-total-serch-wrap .sch-form-wrap { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column;}
#popTotalSch .pop-total-serch-wrap .sch-form-wrap .sch-input { display: flex; position: relative; width: 100%;}
#popTotalSch .pop-total-serch-wrap .sch-input input { position: relative; width: 100%; height: 80px; padding:0 120px 0 24px; border-radius: 10px; border:1px solid #58616a; color:#464c53; font-size: 24px; font-weight: 700; transition: 0.4s ease-in-out; background-color: #fff;}
#popTotalSch .pop-total-serch-wrap .sch-input input:placeholder-shown { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
#popTotalSch .pop-total-serch-wrap .sch-input input:focus { border-color:#256ef4; border-width: 2px; outline: none; box-shadow: none;}
#popTotalSch .pop-total-serch-wrap .sch-input .btn-group { position: absolute; top:50%; right:16px; transform: translateY(-50%); display: flex; align-items: center; gap:8px}
#popTotalSch .pop-total-serch-wrap .sch-input .btn-delete-input { display: none; width: 40px; height: 40px; border-radius: 8px; align-items: center; justify-content: center; transition: 0.4s ease-in-out;}
#popTotalSch .pop-total-serch-wrap .sch-input[data-delete=true] input:not(:placeholder-shown) ~ .btn-group .btn-delete-input { display: inline-flex;}
#popTotalSch .pop-total-serch-wrap .sch-input .ico-search { width: 40px; height: 40px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; transition: 0.4s ease-in-out;}
#popTotalSch .pop-total-serch-wrap .sch-input .btn-group .svg-icon { width: 100%; height: 100%;}

@media (max-width: 768px) {
    #popTotalSch .modal-dialog .btn-close { top:20px; right: 16px; }
    #popTotalSch .pop-total-serch-wrap .search-tit { font-size: 22px; }
    #popTotalSch .pop-total-serch-wrap .sch-input input { height: 64px; padding:0 56px 0 16px; font-size: 22px; }
    #popTotalSch .pop-total-serch-wrap .sch-input input::placeholder { font-size: 22px;}
    #popTotalSch .pop-total-serch-wrap .sch-input .ico-search { width:32px; height: 32px; }
}


/* 메인 */
#main .inner,
#main .gov_top .inner1,
#main #header .header-container .header-in,
#main .main-menu .gnb-toggle-wrap .gnb-main-list { max-width: 1300px;}
.ebookWrap { padding-left:24px; padding-right:24px}
.sub-chatBotArea>button>.sub-character { z-index: 10;}

@media (max-width: 1024px) {
    .ebookWrap { padding-left:16px; padding-right:16px}
}


/* 서브 레이아웃 */
#container .content { width:calc(100% - 48px)}

.location { display: flex; align-items: center; justify-content: space-between; width:100%; height: auto; margin-bottom: 8px; }
.location > ol { display: inline-flex; align-items: center; gap:4px}
.location > ol > li { display: inline-flex; align-items: center; background: none; padding:0}
.location > ol > li > a { display: inline-flex; align-items: center; gap:4px; padding:4px; border-radius: 6px; font-size: 14px; color:#1e2124}
.location > ol > li > a:hover { background-color: #eef2f7;}
.location > ol > li:not(:last-child):after { content:''; display: inline-flex; align-items: center; width:16px; height: 16px; margin-left:4px; background: url(../images/ico_angle.svg) no-repeat center / contain; transform: rotate(-90deg);}
.location > ol > li.first { padding-right:0}
.location > ol > li.first a:before { content:''; display: inline-flex; align-items: center; width: 16px; height: 16px; background: url(../images/ico_bread_home.svg) no-repeat center / contain;}
.location > ol > li.last a { color:#039; font-weight: bold; text-decoration: underline; text-underline-offset: 3px;}
.location .snsShareBtn { margin-top:0; }
.left .left_menu_title { background-color: #063a74;}
.mg-flat>li>a { background-color: #eef2f7;}
.mg-flat .submenu li a:hover, .mg-flat .submenu li a:focus { color:#052b57}
.con_box h4 { font-size: 31px; }

.stats thead th { background-color: #b1cefb;}
.stats thead th.bgTh { background-color: #ecf2fe;}

@media (min-width: 1440px) {
    #container .content { width:calc(100% - 80px)}
}
@media (max-width: 1024px) {
    #container .content { width:calc(100% - 32px)}
    #container .content .right { margin-top:24px}
    .con_box h4 { font-size: 23px; background-position-y: 1px;}
}
@media (max-width: 768px) {
    #container .content .right { margin-top:16px}
}
@media (max-width: 675px) {
    .gradeMark .chargeMan { overflow: hidden; height: auto; border:1px solid #ddd; border-top:0}
    .gradeMark .chargeMan li { border:0; border-top:1px solid #ddd}
}