@charset "utf-8";

:root {
  --theme-color:#3752B4;
	--theme-color-2:#0072BC;
	--theme-color-3:#3A46B4;
}

/* common */
#hd_wrap, #gnb_wrap, #vis #titler .menutab, #pop_wrap, #container, #ask_wrap, #kit_wrap, #stv_wrap, #hub_wrap, #ft_wrap, .section, .inner { max-width:1330px; }
::-webkit-scrollbar-thumb { background-color:var(--theme-color); border-radius:0; }
i { font-style:normal; }
strong { font-weight:700; }

/* 헤더영역 */
.hd_admin_view #hd { position:absolute; width:100%; background:transparent; border-bottom:1px solid #fff; }
.hd_admin_view #hd .hd_main {  }
.hd_admin_view #hd_wrap #hd_logo { width:191px; }
.hd_admin_view #hd #hd_wrap #hd_logo .hd_logo_wt { display:none; }
.hd_admin_view #hd #hd_wrap #hd_logo .hd_logo_bk { display:block; }
.hd_admin_view #hd:hover #hd_wrap #hd_logo .hd_logo_wt { display:block; }
.hd_admin_view #hd:hover #hd_wrap #hd_logo .hd_logo_bk { display:none; }
.hd_admin_view #hd_wrap #gnb #gnb_1dul .gnb_1dli { min-width:235px; }
.hd_admin_view #hd_wrap #gnb #gnb_1dul .gnb_1dli .gnb_1da { min-width:auto; padding:0 20px; color:#fff !important; font-size:1.25rem; }
.hd_admin_view #hd_wrap #gnb #gnb_1dul .gnb_1dli:nth-child(7) .gnb_1da,
.hd_admin_view #hd_wrap #gnb #gnb_1dul .gnb_1dli:nth-child(8) .gnb_1da { padding:0 15px; }
.hd_admin_view #hd:hover #hd_wrap #gnb #gnb_1dul .gnb_1dli .gnb_1da { color:#111 !important; }
.hd_admin_view #hd:hover #hd_wrap #gnb #gnb_1dul .gnb_1dli .gnb_1da:hover { color:var(--theme-color) !important; }
.hd_admin_view #hd_wrap #gnb #gnb_1dul .gnb_2dul { max-width:none; }
.hd_admin_view #hd_wrap #gnb #gnb_1dul .gnb_2dul { height:calc(500px - 110px); padding:0.5rem 0; }
.hd_admin_view #hd_wrap #gnb #gnb_1dul .gnb_2dul .gnb_2da { padding:0.5rem 0.8rem; }
/* #gnb_1dul .gnb_2da { font-size:0.938rem; } */
.hd_admin_view #hd_button button:hover,
.hd_admin_view #hd_button button:focus { background-color:transparent !important; }
.hd_admin_view #hd_button .hd_button_search { background:0 none !important; }
.hd_admin_view #hd_button .hd_button_navbar { background:0 none !important; }
.hd_admin_view #hd_button .offcanvas-toggle { display:none; background:0 none !important; }
.hd_admin_view #hd_button { position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:99; }
.hd_admin_view #hd_button > ul { }
.hd_admin_view #hd_button > ul > li > button { }
.hd_admin_view #hd_button > ul > li > button > * { display:block; color:#fff; font-size:1.25rem; }
.hd_admin_view #hd:hover #hd_button > ul > li > button > * { color:var(--theme-color); }
.hd_admin_view #hd_search { z-index:99; }
.hd_admin_view #hd_search.is-open { background:transparent; }
.hd_admin_view #hd_search #sch_stx { width:100%; }
.hd_admin_view .hd_back { height:500px; }

/* 푸터영역 */
#ft { background:#333; color:#ADADAD; font-size:0.938rem; letter-spacing:-0.03em; }
#ft_wrap { padding:4.813rem 0; gap:2.063rem; }
#ft_sign a { width:191px; }
#ft_info { opacity:1; }
#ft_wrap .ft_right { padding:0; }
#ft_wrap .ft_top { display:none; }
#ft_wrap .ft_bottom { padding:0; gap:0; }
#ft_info .ft_comp > ul > li { margin-right:1.875rem; }
#ft_info .ft_comp > ul > li.cp_tel { margin-right:0; }
#ft_info .ft_comp > ul > li > dl > dd { margin:0; }
#ft_copy { margin-top:0.813rem; }
#ft_goto #totop { width:60px; height:60px; background:var(--theme-color); box-shadow:3px 3px 10px rgba(0, 0, 0, 0.16); }
#ft_goto #totop:hover { background:#0072BC; }
html:not([data-scroll="0"]) #ft_goto { bottom:10px; }

/* floating_btn */
.floating_btn { position:fixed; bottom:calc(3.75rem + 20px); right:2rem; z-index:99; }
.floating_btn ul { }
.floating_btn ul li { width:60px; height:60px; }
.floating_btn ul li + li { margin-top:10px; }
.floating_btn ul li a { display:inline-block; width:60px; height:60px; border-radius:100%; box-shadow:3px 3px 10px rgba(0, 0, 0, 0.16); background-position:left top; background-repeat:no-repeat; }
.floating_btn ul li .kakao { background-image:url('../images/common/ico_kakao.png'); }
.floating_btn ul li .youtube { background-image:url('../images/common/ico_youtube.png'); }

.floating_btn.fixed.active { bottom:calc(2rem + 5rem); right:2rem; }
.floating_btn.fixed { bottom:2rem; }

/* Media Query (PC First) */
@media (max-width:1600px) {
	.hd_admin_view #hd_wrap { justify-content:flex-start; gap:20px; max-width:none; padding:0 0.938rem; margin:0; }
	.hd_admin_view #hd_wrap #gnb #gnb_wrap { max-width:none; }
	.hd_admin_view #hd_wrap #gnb #gnb_1dul .gnb_1dli .gnb_1da { padding:0 1rem; }
	.hd_admin_view #hd_button { right:0.938rem; }
	.hd_admin_view #hd_button > ul > li > button { width:calc(40px - 0.938rem); }

	#off #off_1dul .off_2dli.off_2dli_active > a { background:#00AEBF; color:#fff; font-weight:700; }
	#off #off_1dul .off_3dli_active a { color:#00AEBF; font-weight:700; }
}

@media (max-width:1400px) {
	.hd_admin_view #hd_wrap #gnb #gnb_1dul .gnb_1dli { min-width:110px; }
}

@media (max-width:1330px) {
	/* common */
	#hd_wrap, #gnb_wrap, #vis #titler .menutab, #pop_wrap, #container, #ask_wrap, #kit_wrap, #stv_wrap, #hub_wrap, #ft_wrap, .section { max-width:none; }
	
	/* 푸터영역 */
	#ft_wrap { padding:3rem 0.938rem; }
	#ft_goto { right:1rem; }

	/* floating_btn */
	.floating_btn { right:1rem; }
}

@media (max-width:1260px) {
	.hd_admin_view #hd_wrap { height:70px; }
	.hd_admin_view .hd_back,
	.hd_admin_view #hd_wrap #gnb { display:none; }
	.hd_admin_view #hd_button .hd_button_search { display:none; }
  .hd_admin_view #hd_button .hd_button_navbar { display:none; }
  .hd_admin_view #hd_button .offcanvas-toggle { display:block; }
	.offcanvas-toggle .icon-bar { background:#fff; }
	.hd_admin_view #hd_wrap #hd_logo { width:130px; }
	.hd_admin_view #hd:hover #hd_wrap #hd_logo .hd_logo_wt { display:none; }
	.hd_admin_view #hd:hover #hd_wrap #hd_logo .hd_logo_bk { display:block; }
	.hd_admin_view #hd:hover #hd_wrap #gnb #gnb_1dul .gnb_1dli .gnb_1da { color:#fff; }
	.hd_admin_view #hd:hover #hd_button > ul > li > button > * { color:#fff; }
	#off h2 > a { display:none; padding:15px 20px; }
	#off h2 .hd_logo_wt { display:block; }
}

@media (max-width:768px) {
	#ft_wrap { flex-wrap:wrap; flex-direction:column; align-items:center; }
	#ft_sign a { width:150px; }
	#ft_wrap .ft_right { text-align:center; }
	#ft_wrap .ft_bottom { justify-content:center; }
	#ft_info { gap:0; }
	#ft_goto #totop { width:40px; height:40px; }
	/* floating_btn */
	.floating_btn { bottom:calc(2.5rem + 20px); }
	.floating_btn ul li { width:40px; height:40px; }
	.floating_btn ul li a { width:40px; height:40px; background-size:40px auto; }
}

@media (max-width:486px) {
	#ft_wrap { align-items:flex-start; }
	#ft_wrap .ft_right { text-align:left; }
	#ft_wrap .ft_bottom { justify-content:flex-start; }
	#ft_info .ft_comp > ul > li { width:100%; }
}

@media (max-width:380px) {
	.floating_btn { display:none; }
}

.syntaxhighlighter.php { display:block !important; font-size:0 !important; overflow:hidden !important; }