@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.ttf') format('truetype');
}
@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/montserrat/v21/JTURjIg1_i6t8kCHKm45_dJE3gnD_w.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm45xWZy3gnD_w.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/montserrat/v21/JTURjIg1_i6t8kCHKm45_c5H3gnD_w.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/montserrat/v21/JTURjIg1_i6t8kCHKm45_bZF3gnD_w.ttf') format('truetype');
}

/* 초기화 */
html{overflow:hidden;}
body{margin:0;padding:0; font-family:  /*"wingdings",*/ "Gmarket Sans", sans-serif; color:#333333;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd, ul, li{margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}

li{list-style:none;font-size:14px;}

p{margin:0;padding:0;word-break:break-all}
hr{display:none}
a {color:#333333;text-decoration: none;}
a:hover { /*color: #717ff5;*/ text-decoration: none;}

/* 그누보드 */
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.sr-only-focusable:active,.sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.btn_admin { display: none; }
.ck.ck-editor__editable { min-height: 200px !important; }
.tox-edit-area{padding:30px;}
.tox .tox-statusbar__wordcount {border:0;}
.dropdown:hover .dropdown-menu {display: block; margin-top: 0;}
.dropdown-menu .nav-link{font-size:13px!important;font-weight:400;}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative;max-width:none;background:none;text-align:left;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #ccc;vertical-align:top;padding:0;margin:0;border-radius:3px}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:80%;color:#ff0000;letter-spacing:-0.1em}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;background:transparent; border-top-left-radius:10px; border-top-right-radius:10px;}
.hd_pops img {max-width:100%; border-top-left-radius:10px; border-top-right-radius:10px;}
.hd_pops_con {overflow:hidden; border-top-left-radius:10px; border-top-right-radius:10px;}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative; border-bottom-left-radius:10px !important;  border-bottom-right-radius:10px !important;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:center; width:calc(100% - 100px); border-bottom-left-radius:10px !important; letter-spacing:-0.5px; font-size:13px;height:40px;}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0; border-bottom-right-radius:10px !important; width:30%; max-width:100px; font-size:13px;}
.hd_pops_footer .hd_pops_reject:hover, .hd_pops_footer .hd_pops_close:hover {background:#f00; }

/* 모달창 */
.modal-gray{color:#000!important;background-color:#9e9e9e!important}
.modal-dark{color:#fff!important;background-color:#616161!important}
.modal-crimson{color:#000!important;background-color:#cc2300!important}
.modal-indigo{color:#fff!important;background-color:#607d8b!important}
.modal-teal{color:#fff!important;background-color:#009688!important}
.modal-purple{color:#fff!important;background-color:#9c27b0!important}

/* 칼라모드 */
.bd-placeholder-img {font-size: 1.125rem;text-anchor: middle;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
@media (min-width: 768px) {
.bd-placeholder-img-lg {font-size: 3.5rem;}
}
.b-example-divider {width: 100%;height: 3rem;background-color: rgba(0, 0, 0, .1);border: solid rgba(0, 0, 0, .15);border-width: 1px 0;box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);}
.b-example-vr {flex-shrink: 0;width: 1.5rem;height: 100vh;}
.bi {vertical-align: -.125em;fill: currentColor;}
.nav-scroller {position: relative;z-index: 2;height: 2.75rem;overflow-y: hidden;}
.nav-scroller .nav {display: flex;flex-wrap: nowrap;padding-bottom: 1rem;margin-top: -1px;overflow-x: auto;text-align: center;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.btn-bd-primary {
--bd-violet-bg: #712cf9;
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
--bs-btn-font-weight: 600;
--bs-btn-color: var(--bs-white);
--bs-btn-bg: var(--bd-violet-bg);
--bs-btn-border-color: var(--bd-violet-bg);
--bs-btn-hover-color: var(--bs-white);
--bs-btn-hover-bg: #6528e0;
--bs-btn-hover-border-color: #6528e0;
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
--bs-btn-active-color: var(--bs-btn-hover-color);
--bs-btn-active-bg: #5a23c8;
--bs-btn-active-border-color: #5a23c8;
}
.bd-mode-toggle {z-index: 1500;}
.bd-mode-toggle .dropdown-menu .active .bi {display: block !important;}

/* 상단버튼 */
#hd_qnb{ display: flex; align-items: center; gap: 2vw; margin-right: 25px; }
#hd_qnb li a {display: flex; align-items: center;font-size: 16px; font-weight: 500;}
#hd_qnb li a > img:first-of-type {margin-right: 8px; margin-top: 2px}
#hd_qnb li a > img:last-of-type {margin-left: 5px; margin-top: 3px;}


/* carousel 이미지 */
.ca_img{width:1000px;height:300px}

/* pic-list 이미지 */
.pic_img{width:100%;height:120px}

/* bs-slick 이미지 */
.slick_img{width:98%;height:180px}

@media only screen and (max-width: 1180px) {
	.logo_img{text-align:center;}
	.ca_img{width:800px;height:250px;}
	.pic_img{width:100%;height:200px}
	.slick_img{width:100%;height:200px}
}

/* 아코디언 +표시 */
.accordion-button::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");}
.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");}
.accordion-button::after {transition: all 0.5s;}

/* 네비게이션 */
.navbar .dropdown-fullwidth{position:static}
.navbar .dropdown-fullwidth .dropdown-menu{left:0;margin:1.25rem auto;max-width:1320px;padding:1rem 0;right:0;top:50px;}
.navbar-nav .dropdown:hover .dropdown-menu {display: block; margin-top: 0;}
.navbar-nav .dropdown-menu{display:block;opacity:0;transform:translateY(20px);transition:all .3s ease-in;visibility:hidden}
.navbar-nav .dropdown:hover>.dropdown-menu{opacity:1;transform:scaleY(1);visibility:visible}

.navbar .dropdown-submenu.dropend .dropdown-menu{border-radius:.5rem;box-shadow:var(--bs-box-shadow);left:100%;min-width:10rem;right:auto;top:-18px}
.navbar .navbar-nav .dropend>.dropdown-menu{transform:translateY(10px)}
.navbar .dropdown-submenu:hover>.dropdown-menu{opacity:1;transform:translateY(10px);visibility:visible}}
.navbar .dropdown-toggle:after{float: right}
.navbar .dropend .dropdown-toggle:after{border: 0;content: "\F231"; display: inline-block;font-family:bootstrap-icons!important;font-size:10px;margin-top:5px;float: right}

.card-img{overflow:hidden;}
.card-img img{width:100%;height:120px;object-fit:cover;object-fit:cover;-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;}
.card-img a:hover img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05);  -o-transform:scale(1.05);  transform:scale(1.05);}

@media only screen and (max-width: 800px) {
	.card-img img{width:100%;height:240px;object-fit:cover;object-fit:cover;-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;}
}

/* 버튼 추가 */
.btn-gray{color:#000!important;background-color:#9e9e9e!important}
.btn-dark{color:#fff!important;background-color:#616161!important}
.btn-crimson{color:#000!important;background-color:#cc2300!important}
.btn-indigo{color:#fff!important;background-color:#607d8b!important}
.btn-teal{color:#fff!important;background-color:#009688!important}
.btn-purple{color:#fff!important;background-color:#9c27b0!important}
.btn-pink{color:#fff!important;background-color:#e91e63!important}

/* 추가 색상 및 테두리 */
.bg-aqua,.bg-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.bg-blue,.bg-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.bg-light-blue,.bg-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.bg-brown,.bg-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.bg-cyan,.bg-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.bg-blue-grey,.bg-hover-blue-grey:hover,.bg-blue-gray,.bg-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.bg-green,.bg-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.bg-light-green,.bg-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.bg-indigo,.bg-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.bg-khaki,.bg-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.bg-lime,.bg-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.bg-orange,.bg-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.bg-deep-orange,.bg-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.bg-pink,.bg-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.bg-purple,.bg-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.bg-deep-purple,.bg-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.bg-red,.bg-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.bg-sand,.bg-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.bg-teal,.bg-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.bg-yellow,.bg-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.bg-grey,.bg-hover-grey:hover,.bg-gray,.bg-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.bg-light-grey,.bg-hover-light-grey:hover,.bg-light-gray,.bg-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.bg-dark-grey,.bg-hover-dark-grey:hover,.bg-dark-gray,.bg-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.bg-pale-red,.bg-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.bg-pale-green,.bg-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.bg-pale-yellow,.bg-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}

.border-aqua,.border-hover-aqua:hover{border-color:#00ffff!important}
.border-blue,.border-hover-blue:hover{border-color:#2196F3!important}
.border-light-blue,.border-hover-light-blue:hover{border-color:#87CEEB!important}
.border-brown,.border-hover-brown:hover{border-color:#795548!important}
.border-cyan,.border-hover-cyan:hover{border-color:#00bcd4!important}
.border-blue-grey,.border-hover-blue-grey:hover,.border-blue-gray,.border-hover-blue-gray:hover{border-color:#607d8b!important}
.border-green,.border-hover-green:hover{border-color:#4CAF50!important}
.border-light-green,.border-hover-light-green:hover{border-color:#8bc34a!important}
.border-indigo,.border-hover-indigo:hover{border-color:#3f51b5!important}
.border-khaki,.border-hover-khaki:hover{border-color:#f0e68c!important}
.border-lime,.border-hover-lime:hover{border-color:#cddc39!important}
.border-orange,.border-hover-orange:hover{border-color:#ff9800!important}
.border-deep-orange,.border-hover-deep-orange:hover{border-color:#ff5722!important}
.border-pink,.border-hover-pink:hover{border-color:#e91e63!important}
.border-purple,.border-hover-purple:hover{border-color:#9c27b0!important}
.border-deep-purple,.border-hover-deep-purple:hover{border-color:#673ab7!important}
.border-red,.border-hover-red:hover{border-color:#f44336!important}
.border-sand,.border-hover-sand:hover{border-color:#fdf5e6!important}
.border-teal,.border-hover-teal:hover{border-color:#009688!important}
.border-yellow,.border-hover-yellow:hover{border-color:#ffeb3b!important}
.border-grey,.border-hover-grey:hover,.border-gray,.border-hover-gray:hover{border-color:#9e9e9e!important}
.border-light-grey,.border-hover-light-grey:hover,.border-light-gray,.border-hover-light-gray:hover{border-color:#f1f1f1!important}
.border-dark-grey,.border-hover-dark-grey:hover,.border-dark-gray,.border-hover-dark-gray:hover{border-color:#616161!important}
.border-pale-red,.border-hover-pale-red:hover{border-color:#ffe7e7!important}
.border-pale-green,.border-hover-pale-green:hover{border-color:#e7ffe7!important}
.border-pale-yellow,.border-hover-pale-yellow:hover{border-color:#ffffcc!important}
.border-pale-blue,.border-hover-pale-blue:hover{border-color:#e7ffff!important}

.fs-7{font-size:15px}
.fs-8{font-size:13px}
.fs-9{font-size:10px}
.text-purple{color:#9c27b0!important;vertical-align:bottom;}
.text-deep-orange{color:#ff5722!important;vertical-align:bottom;}

/* 스마트에디터 단축키 제거 */
.btn_cke_sc {display:none;}

.navbar .dropdown-fullwidth{position:static}
.navbar .dropdown-fullwidth .dropdown-menu{left:0;margin:1.25rem auto;max-width:1320px;padding:1rem 0;right:0;top:50px;}

#hd { position: fixed; width: 100%; background: #fff; }
#hd header { height: 100px; padding: 0 50px; }
#hd .flex_box { display: flex; align-items: center; width: 100%; height: 100%; }
#hd .right_wrap { justify-content: space-between; padding-left: 1.5%;}
#hd .logo_box { display: block; width: 100%; max-width: 310px; position: relative;}
#hd .logo_box {text-align: center; height: 70px; display: flex; align-items: center; justify-content: left; border-radius: 10px;}
.cover {position: absolute; top: 0; width: 100%; height: 100%; }
#nav_wrap .flex_box { gap: 2vw; padding: 0 50px; }
#nav_wrap .flex_box li a {font-weight: 500; letter-spacing: -0.01vw; font-size: 16px;}

#hd_qnb li .tab_hidden {display: none; width:100%; text-align: center;}
#hd_qnb li .tab_visible {
      display: inline-block;
  }

 .lang ul li {position: relative; display: flex;}
 /* .lang ul li:first-child:after {content: "\25B2"; position: absolute; right: -20px; width: 10px; height: 10px; transition: all 0.3s; margin-top: 3px;}
 .lang ul li:last-child {display: none; position: absolute; right: 73px;}
 .lang:hover ul li:last-child {display: block;}
 .lang:hover ul li:first-child:after {transform: rotate(180deg); transform-origin: 50% 100%;} */
 .lang ul li a {font-size: 16px;}

	/*모바일메뉴*/


#main_wrap { position: relative; top: 100px; width: 100%; height: calc(100vh - 100px); display: flex; }
#main_wrap.menu-hidden { z-index: -9; }

#side_nav { position: relative; width: 100%; max-width: 410px; background: #fff; }
#side_nav .fix_wrap { position: fixed; width: 100%; max-width: 410px; height: calc(100vh - 68px);  overflow-y: scroll; scrollbar-width: none;}
#side_nav .fix_wrap .content_wrap	{padding: 30px 50px;}
#side_nav .side_bot { position: absolute; bottom: 0px; width: calc(100% - 100px); display: flex; position: fixed; max-width: 310px; padding-bottom: 30px; background: #fff;}

#side_nav .small > * { display: inline-block; }

#con_wrap { overflow-y: scroll; width: 100%;  border-left: 1px solid #D9D9D9; padding-bottom: 70px;}
#con_wrap .main_tit_wrap { position: relative; width: 100%; margin-bottom: 16px;}
/* #con_wrap .main_tit_wrap:before {content:""; width: 100%; height:203px; background: #9f9f9f; position: absolute; top: 0; z-index: -1;} */
#con_wrap .main_tit_wrap h2 { margin-bottom: 15px; }
#con_wrap .main_tit_wrap p { font-size: 16px; line-height: 1.5; word-break: keep-all; }
#con_wrap .main_tit_wrap .edit_btn { position: absolute; right: 0; top: 0; }
#con_wrap .main_tit_wrap .tit {padding: 42px 24px 28px 24px; }

#con_wrap .main_con_wrap { position: relative; width: 100%; padding: 0 48px 0 24px;}
#con_wrap .main_con_wrap h2 { margin-bottom: 15px; }
#con_wrap .main_con_wrap p { font-size: 16px; line-height: 1.5; color: #333; }
#con_wrap .main_con_wrap .title { margin: 22px 0 3px; font-weight: 500;}
#con_wrap .main_con_wrap .title:first-of-type { margin-top: 0; }
#con_wrap .main_con_wrap .desc { font-size: 14px; color: #808080; width:90%; word-break: keep-all;}
#con_wrap .main_con_wrap .sub a { font-size: 14px; color: #0065B3; }
#con_wrap .edit_btn { display: block; text-align: right; }
#con_wrap .main_con_wrap .e_btn { position: absolute; right: 20px; top: 20px; }
#con_wrap .main_con_wrap ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2vw; margin-bottom: 2vw; }
#con_wrap .main_con_wrap ul li { position: relative; display: flex; flex-direction: column; /*justify-content: space-between; height: 320px;*/ padding: 20px; background: #fcfcfc; border-radius: 10px; gap: 80px;}
/* #con_wrap .main_con_wrap ul li:hover h3 {color:#FFA58C;} */
#con_wrap .main_con_wrap .title:hover a {color:#FFA58C;}
#con_wrap .main_con_wrap .desc:first-of-type:hover ~ .title a {color:#FFA58C;}

#con_wrap .main_con_wrap ul li h3 { display: block; padding-bottom: 10px; font-size: 22px; font-weight: 500; border-bottom: 0.5px solid #d9d9d9; }
#con_wrap .main_con_wrap ul li .grid_box { display: grid; }
#con_wrap .main_con_wrap ul li.wide { grid-column: span 3; }
#con_wrap .main_con_wrap ul li.wide .title:first-of-type { margin-top: 20px; }

#con_wrap .main_con_wrap ul li.wide .grid_box { display: grid; grid-template-columns: repeat(4, 1fr); /*grid-template-rows: repeat(4, 1fr);*/ grid-column-gap: 0px; grid-row-gap: 0px; }


#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(1) { grid-area: 1 / 1 / 2 / 2; margin-top:0;}
#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(2) { grid-area: 2 / 1 / 3 / 2; }
#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(3) { grid-area: 1 / 2 / 2 / 3; margin-top:0;}
#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(4) { grid-area: 2 / 2 / 3 / 3; }
#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(5) { grid-area: 1 / 3 / 2 / 4; margin-top:0;}
#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(6) { grid-area: 2 / 3 / 3 / 4; }
#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(7) { grid-area: 1 / 4 / 2 / 5; margin-top:0;}
#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(8) { grid-area: 2 / 4 / 3 / 5; }
#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(9) { grid-area: 3 / 1 / 4 / 2; }
#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(10) { grid-area: 4 / 1 / 5 / 2; }
#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(11) { grid-area: 3 / 2 / 4 / 3; }
#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(12) { grid-area: 4 / 2 / 5 / 3; }
#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(13) { grid-area: 3 / 3 / 4 / 4; }
#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(14) { grid-area: 4 / 3 / 5 / 4; }
#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(15) { grid-area: 3 / 4 / 4 / 5; }
#con_wrap .main_con_wrap ul li.wide .grid_box p:nth-of-type(16) { grid-area: 4 / 4 / 5 / 5; }
#con_wrap .main_con_wrap ul li:nth-of-type(5) h3,#con_wrap .main_con_wrap ul li:nth-of-type(6) h3 {border-bottom: 0.5px solid #d9d9d9;}
#con_wrap .main_con_wrap ul li:nth-of-type(5) .grid_box .desc, #con_wrap .main_con_wrap ul li:nth-of-type(6) .grid_box .desc {color: #BFC0C0;}


.search_wrap { margin-bottom: 25px;  padding: 5px 8px; border-bottom: 2px solid #ffa58c;}
.search_wrap input { font-size: 18px; border: none; }
.search_wrap input::placeholder { color: #9b9b9c; }
.search_wrap input:focus { outline:none; }
.search_wrap .flex_box { display: flex; justify-content: space-between; }
.search_wrap .flex_box .btn { color: #9b9b9c; }


.side_mu {padding-bottom: 60px;}
.side_mu .nav-item > a { font-size: 16px; display: block; padding: 8px 20px; text-decoration: none; color: #333333; font-weight: 500; letter-spacing: -0.2px;}
.side_mu .submenu { display: none;  }
.side_mu .submenu > li {}

.side_mu .submenu > li > a {padding: 6px 20px; color: #808080; font-weight : 300; font-size: 14px; display: block;}
.side_mu .submenu > li > ul > li > a {padding: 6px 29px;}
.side_mu .toggle-menu::after { content: ''; float: right; display: block; width: 24px; height: 24px; background: url("../img/arrow_up.png") no-repeat center center; transform: rotate(180deg);
}
.side_mu > div > .flex_box > .nav-item.open > .toggle-menu::after {background:url('../img/arrow_up_w.png') no-repeat center center; transform: rotate(0); }
.side_mu > div > .flex_box > .nav-item.open > .toggle-menu {background: #FFA58C; color: #fff;}
.side_mu > div > .flex_box > .nav-item.open > .submenu > li:hover {}
.side_mu > div > .flex_box > .nav-item.open > .submenu > li:hover > a {font-weight: 700; background: #f8f8f8;}
.side_mu > div > .flex_box > .nav-item.open > .submenu > li.open > a {font-weight: 700; background: #f8f8f8;}
.side_mu > div > .flex_box > .nav-item.open > .submenu > li.open > a::after {transform: rotate(0);}

.side_mu > div > .flex_box > .nav-item.open > a {background: #FFA58C; color: #fff;}
.side_mu .submenu > li > ul > li > a {
    padding: 6px 29px;
    color: #808080;
    font-weight: 300; /* 기본 상태 */
    font-size: 14px;
    display: block;
}
.side_mu .submenu > li > ul > li.open > a {
    font-weight: 500; /* 활성화 상태 */
}
.pic_list {
display: grid;
grid-template-columns: repeat(4, 1fr);
/* grid-template-rows: repeat(2, 1fr); */
grid-gap: 2vw;
padding: 0 48px 0 24px;
}

.pic_list .info { position: relative; background: #FCFCFC; padding: 10px 10px 40px 10px; transition: all 0.3s; overflow: hidden;}
.pic_list .info:hover { }
.pic_list .info:hover h5, .pic_list .info:hover h5 a {color: #FFA58C;}
.pic_list .info:hover h5, .pic_list .info:hover .desc {}
.pic_list .img_box { display: block; margin-bottom: 30px; }
.pic_list h5 { margin-bottom: 10px;font-size: 18px; font-weight: 500; color: #333; line-height: 1.5; word-break: keep-all; height: 54px; overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.pic_list p { font-size: 14px; line-height: 1.5; color: #808080; word-break: keep-all; overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;}
.pic_list .img_box {width: 100%; max-height: 225px;}
.pic_list .img_box img { width: 300px; height: 225px;}
.pic_list .cre_btn { display: block; }
.pic_list .e_btn { position: absolute; right: 10px; top: 10px; }

/*FAQ*/
.tbl_head01 table {width: 100%;}

/* 모달 스타일 */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    width: 500px;
    text-align: center;
}
.modal-content p { line-height: 175%; margin-bottom: 20px; word-break: keep-all; font-size: 16px; font-weight: 500; }
.modal-content button {
    margin: 5px;
    padding: 10px 20px;
    cursor: pointer;
}
.modal-content button:first-of-type { border: 1px solid #ffa58c; background: #ffa58c; color: #fff; }
.modal-content button:last-of-type { border: 1px solid #f5f5f5; }

.m_adm_wrap { padding: 50px; }
.m_adm_wrap h2 { margin-bottom: 50px; }
#content_sets .content_set { padding: 20px; background: #f5f5f5; margin-bottom: 50px; }
#content_sets .content_set:last-of-type { margin-bottom: 0; }





@media (max-width:1790px){
 #side_nav {max-width: 330px;}
 #side_nav .fix_wrap {max-width: 330px;}
 #side_nav .fix_wrap .content_wrap {padding: 30px 20px;}
 .search_wrap {margin-bottom: 16px;}
 #side_nav .side_bot {max-width: 290px;}

 #hd .right_wrap {padding-left: 0;}
 #nav_wrap .flex_box {padding: 0 50px 0 0;}

 #con_wrap .main_con_wrap ul {gap: 1.5vw; grid-template-columns: repeat(auto-fill, minmax(257px, 1fr));}
 #con_wrap .main_con_wrap ul li {height: 300px;}
 #con_wrap .main_con_wrap ul li h3 {font-size: 20px;}
 #con_wrap .main_con_wrap .desc {font-size: 14px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
 #con_wrap .main_con_wrap p {font-size: 15px;}
 #con_wrap .main_con_wrap .sub a {font-size: 14px;}

	.pic_list h5 {font-size: 16px;}
	.pic_list p {font-size: 13px;}


}

@media (max-width:1500px){
	#con_wrap .main_con_wrap ul {display: flex; flex-wrap: wrap;}
	#con_wrap .main_con_wrap ul li {width: 48%;}
	#con_wrap .main_con_wrap ul li.wide {width: 100%;}

	.pic_list {display: flex; flex-wrap: wrap;}
	.pic_list .info {width: 31%;}



}

@media (max-width:1200px){
	.bg-info {background-color: #fff!important;}
	#hd .logo_box {display: none;}
	#nav_wrap > div {display: none;}
	.row {justify-content: space-between;flex-direction: row-reverse;}
	.col-10 {width: fit-content;}
	.py-2 {padding-top: 1rem !important;}
	.container-fluid {padding-right: calc(var(--bs-gutter-x) * 1);}
	.text-start {display: flex; align-items: center; justify-content: right;}
	.my-3 {margin-top:0!important; margin-bottom: 0!important; padding-top:1rem !important; padding-bottom: 1rem !important;}
	.mx-auto {margin-right:0!important; margin-left: 0!important;}
	.mx-auto {background: #fff;}
	#hd_qnb {justify-content: center;}
	.lang ul li:last-child {right: 131px;}
	.text-bg-dark {color:inherit!important;}
	.p-0 {background: #fff;}

}

@media (max-width:1024px){
	#side_nav, #side_nav .fix_wrap {max-width: 280px;}
	#side_nav .fix_wrap .content_wrap {padding: 10px;}
	.search_wrap {margin-bottom: 12px;}
	.search_wrap input {font-size: 16px;}
	.side_mu .nav-item > a {padding: 8px 10px; font-size: 15px;}
	.side_mu .submenu > li > a {font-size: 13px;}
	.side_mu .submenu > li > a {padding: 6px 10px;}
	#con_wrap .main_tit_wrap h2 {font-size: 26px;}
	#con_wrap .main_tit_wrap p {font-size: 14px;}
	#con_wrap .main_con_wrap ul li {width: 100%;}
	.pic_list .info {width: 48%;}
	#side_nav .side_bot {width: fit-content; display: inline-block;}
	.side_bot .dropdown-item {margin-bottom: 10px;}
	.ms-3:first-child{margin-left: 0!important;}
	#con_wrap .main_con_wrap ul li {height: 250px;}
	#con_wrap .main_con_wrap ul li h3 {font-size: 18px;}
	#con_wrap .main_con_wrap p {font-size: 14px;}
	#con_wrap .main_con_wrap .desc {font-size: 13px;}
	#con_wrap .main_con_wrap ul li {height: auto;}
	#con_wrap .main_con_wrap ul li.wide .grid_box {grid-template-columns: 1fr; grid-template-rows: auto;}
	#con_wrap .main_con_wrap ul li.wide .grid_box p { grid-area: auto!important;}
	#con_wrap .main_con_wrap ul li .grid_box {padding-top: 20px;}





}

@media (max-width:800px){
	#side_nav {max-width: 200px;}
	#side_nav .fix_wrap {max-width: 200px;}
	.search_wrap input {font-size: 14px; width: 100px;}
	.side_mu .nav-item > a {font-size: 13px;}
	.side_mu .submenu > li > a {font-size: 11px;}




}

@media (max-width:600px){
	#main_wrap {flex-wrap: wrap; overflow: scroll;}
	#con_wrap {overflow-y: auto;}
	#side_nav {max-width: 100%;}
	#side_nav .fix_wrap {max-width: 100%; position:static; height: fit-content;}
	#side_nav .side_bot {max-width: 100%; display: flex; position: static; margin-top: 30px; gap: 10%;}
	#con_wrap {border-left: 0;}
	#con_wrap .main_con_wrap {padding: 0 24 0 24px;}

}

@media (max-width:400px){
	.pic_list .info {width: 100%;}
}