@charset "utf-8";

@import url("https://font.elice.io/css?family=Elice+Digital+Baeum");

:root {
	/* color - common */
	--theme-color:#009DE6;
	--theme-color-2:#E1352B;
	--theme-color-3:#57B76F;
	
	/* font family */
	--font-primary:'Noto Sans KR', '돋움', 'dotum', Arial, sans-serif;
	--font-elice:'Elice Digital Baeum', 'Noto Sans KR', sans-serif;
	--font-suit:'SUIT', 'Noto Sans KR', sans-serif;
}

/*reset*/
html,body {font-size:18px; }
@media (max-width: 992px) {
	html,body {font-size:16px; }
}

/* 레이아웃 */
#hd_wrap, #gnb_wrap, #pop_wrap, #container, #ask_wrap, #kit_wrap, #stv_wrap, #hub_wrap, #ft_wrap, .section { display: block; margin: auto; width: 100%; max-width: 1400px; }

/* common */
em { font-style:normal; }
.fc-theme { color:var(--theme-color) !important; }
.fc-theme2 { color:var(--theme-color-2) !important; }
.fc-theme3 { color:var(--theme-color-3) !important; }

/*scrollbar color*/
::-webkit-scrollbar { width:5px; height:5px; }
::-webkit-scrollbar-track { background-color:transparent; }
::-webkit-scrollbar-thumb { border-radius:3px; background-color:var(--theme-color); }
::-webkit-scrollbar-button { width:0; height:0; }

/* 에디터 */
.note-editor .dropdown-toggle::after { content:none; }
.note-editor .note-btn { line-height:1.6; }
.note-editor .note-toolbar .note-dropdown-menu,
.note-popover .popover-content .note-dropdown-menu { min-width:200px !important; }

/* 헤더영역 */
#hd { border-bottom:0 none; }
#hd:before { background:transparent; }
#hd_wrap { position:fixed; left:0; top:0; max-width:none; width:100%; margin:0; padding:0; z-index:12; }
#hd_wrap .header_con { width:100%; height:100%; padding:0; transition:0.3s; height:104px; }
#hd_wrap .header_con .container_hd { display:flex; align-items:center; justify-content:space-between; position:relative; height:104px; margin:0 40px; }
#hd_right_util { order:3; display:flex; align-items:center; gap:14px; position:absolute; right:0; padding-top:5px; font-family:'SUIT'; font-size:0.875rem; font-weight:800; }
#hd_logo,
#hd_logo a { height:auto; }
#hd_logo img { max-height:30px; }
#hd_logo .hd_logo_bk,
#hd_logo .hd_logo_bk { display:block; }
#hd_logo .hd_logo_hover,
#hd_logo .hd_logo_hover { display:none; }
#hd_sns { margin-right:2px; }
#hd_sns a { display:flex; align-items:center; justify-content:center; position:relative; width:30px; height:30px; border-radius:100%; transition:.3s; }
#hd_sns a::before { content:""; display:block; background-position:center; background-repeat:no-repeat; background-size:cover; transition:.3s; }
#hd_sns a.youtube::before { width:20px; height:14px; background-image:url("../images/ico_sns_youtube.png"); }
#hd_lang { display:inline-block; position:relative; margin-right:4px; padding:3px 8px 0; }
/* #hd_lang::after { content:''; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:14px; background-color:#fff; } */
#hd_lang a { display:block; padding:0.5rem; color:#fff; text-decoration:none; text-transform:uppercase; }
#hd_lang .lang_option { display:inline-flex; align-items:center; gap:4px; margin:0; padding:0; font-size:0.889rem; }
#hd_lang .lang_list { display:none; position:absolute; top:0; left:0; width:100%; }
#hd_lang .lang_list li a { display:block; position:relative; width:100%; text-align:center; transition:.3s; }
#hd_lang .lang_list li a::before { content:''; display:block; position:absolute; left:0; right:0; bottom:0; width:0; height:1px; transition:all .3s; }
#hd_lang .lang_list li a:hover::before { width:100%; background-color:#fff; }
#hd_lang .lang_chevron { display:inline-block; transition:all 0.2s; }
#hd_lang i { /* margin-top:-2px; */ vertical-align:middle; }
#hd_lang.is-open { background:#fff; border-radius:8px 8px 0 0; }
#hd_lang.is-open .lang_option { color:#000; }
#hd_lang.is-open .lang_list { display:block; top:29px; padding:0 8px 3px; background:#fff; border-top:1px solid #dcdcdc; border-radius:0 0 8px 8px; }
#hd_lang.is-open .lang_list li { margin-top:3px; }
#hd_lang.is-open .lang_list li a { color:#000; }
#hd_lang.is-open .lang_list li + li { margin-top:0px; }
#hd_lang.is-open .lang_chevron { transform:rotate(180deg); }
#hd_user,
#hd_button,
#hd_toggle { position:static; transform:none; }
#hd_user { font-size:0.875rem; }
#hd_user > ul { height:auto; }
#hd_button { /* margin-left:64px; */ }
#hd_button > ul { height:auto; }
#hd_button i { color:#fff; }
#hd_toggle { width:18px; height:18px; }
#hd_button > ul > li > button.hd_button_search { width:18px; margin-right:20px; font-size:1rem; }
#hd_button > ul > li > button.hd_button_navbar { display:flex; flex-direction:column; align-items:flex-end; gap:3px; width:18px; background:0 none; }
#hd_button > ul > li > button.hd_button_navbar strong { display:block; width:18px; height:2px; background-color:#fff; border-radius:999px; }
#hd_button > ul > li > button.hd_button_navbar strong:nth-child(2) { width:12px; }
#hd_search { left:auto; right:65px; top:calc(50% + 25px); transform:translate(0%,-100%); }
#hd_search #sch_stx { width:400px; }
#hd_wrap .header_con.on #hd_logo .hd_logo_hover,
#hd.hd_fixed #hd_wrap .header_con #hd_logo .hd_logo_hover { display:block; }
#hd_wrap .header_con.on #hd_logo .hd_logo_bk,
#hd.hd_fixed #hd_wrap .header_con #hd_logo .hd_logo_bk { display:none; }
#hd_wrap .header_con.on #hd_sns .youtube::before,
#hd.hd_fixed #hd_wrap .header_con #hd_sns .youtube::before { filter:invert(36%) sepia(94%) saturate(5333%) hue-rotate(349deg) brightness(94%) contrast(87%); }
#hd_wrap .header_con.on #hd_lang::after,
#hd.hd_fixed #hd_wrap .header_con #hd_lang::after { background-color:#000; }
#hd_wrap .header_con.on #hd_lang a,
#hd.hd_fixed #hd_wrap .header_con #hd_lang a { color:#000; }
#hd_wrap .header_con.on #hd_user a,
#hd_wrap .header_con.on #hd_user a:hover,
#hd.hd_fixed #hd_wrap .header_con #hd_user a { color:#000; }
#hd_wrap .header_con.on #hd_button i,
#hd.hd_fixed #hd_wrap .header_con #hd_button i { color:#000; }
#hd_wrap .header_con.on #hd_button > ul > li > button.hd_button_navbar strong,
#hd.hd_fixed #hd_wrap .header_con #hd_button > ul > li > button.hd_button_navbar strong { background-color:#000; }
#hd.hd_fixed #hd_wrap { background-color:#fff; border-bottom:1px solid #000; }
@media (max-width: 1500px) {
	/* #hd_button, #hd_toggle { right:0; } */
}
@media (max-width: 1400px) {
	#hd_wrap .header_con { height:70px; }
	#hd_wrap .header_con .container_hd { height:70px; margin:0 20px; }
}
@media (max-width: 1200px) {
	/* #hd_button { display:block; }
	#hd_button > ul > li:last-child { display:none; }
	#hd_button > ul > li > button.hd_button_search { margin:0; } */
	#hd_lang { margin:0; }
	#hd_sns { margin:0; }
}
@media (max-width: 992px) {
	#hd_lang.is-open .lang_list { top:27px; }
}
@media (max-width: 486px) {
	#hd_lang,
	#hd_sns { display:none; }
	#hd_right_util { padding-top:0; }
}
@media (max-width: 380px) {
	#hd_wrap .header_con .container_hd { margin:0 15px; }
	#hd_logo img { max-height:22px; }
}
@media (max-width: 320px) {
}
@media (hover: hover), (-ms-high-contrast:none) {
	#hd_sns a:hover { background:#fff; }
	#hd_sns a:hover.youtube::before { filter:invert(36%) sepia(94%) saturate(5333%) hue-rotate(349deg) brightness(94%) contrast(87%); }
	#hd_user a:hover { color:#fff; }
	#hd_lang.is-open .lang_list li a:hover { font-weight:700; }
}

/* 상단메뉴 */
#hd_wrap .header_con.on { height:420px; background:rgba(255, 255, 255, .93); border-bottom:1px solid #ddd; overflow:hidden; }
#hd_wrap .header_con .gnb_1dul .sub_wrap { display:none; position:relative; height:100%; min-height:420px; margin:0; }
#hd_wrap .header_con .gnb_1dul:hover .sub_wrap { display:block; }
#hd_wrap .header_con .gnb_1dul .sub { display:none; position:absolute; left:0; top:0; padding:0; width:100%; height:420px; }
#hd_wrap .header_con .gnb_1dul:hover .sub { display:block; }
#hd_wrap .header_con #gnb { position:static; margin:0 auto; }
#gnb_1dul { margin-left:120px; }
#gnb_1dul .gnb_1dli { min-width:190px; margin:0; padding:0; }
#gnb_1dul .gnb_1dli .gnb_1da { justify-content:flex-start; padding:0; color:#fff; font-family:var(--font-elice); font-size:1.111rem; font-weight:700; }
#gnb_1dul .gnb_2da { width:100%; font-size:1rem; color:#000; }
#gnb_1dul .gnb_2da:hover { color:#293991; }
#gnb .gnb_3dul { /* display:none; */ margin-top:3px; }
#gnb .gnb_3dul li { line-height:1; }
#gnb .gnb_3dul li + li { margin-top:3px; }
#gnb .gnb_3dul .gnb_3da { font-size:0.778rem; color:#666; line-height:1.4; }
#hd_wrap .header_con.on .gnb_1dli .gnb_1da,
#hd.hd_fixed #hd_wrap .header_con .gnb_1dli .gnb_1da { color:#000; }
#hd_wrap .header_con.on .gnb_2dli + .gnb_2dli,
#hd.hd_fixed #hd_wrap .header_con .gnb_2dli + .gnb_2dli { margin-top:12px; }
#hd_wrap .header_con.on .gnb_1dli .gnb_1da:hover,
#hd.hd_fixed #hd_wrap .header_con .gnb_1dli .gnb_1da:hover { color:#293991; font-weight:700; }
@media (max-width: 1600px) {
	#gnb_1dul .gnb_1dli { min-width:140px; }
	#gnb_1dul .gnb_2da { font-size:0.889rem; }
}

/* off */
#off { min-width:500px; right:-500px; z-index:999; }
#off h2 { display:flex; align-items:center; height:70px; padding:15px 18px; }
#off h2 > a { display:block; height:auto; }
#off h2 > a.hd_logo_bk { display:none; }
#off h2 img { max-height:30px; }
#off #off_search { border-top:0 none; }
#off #off_search .unified-search-cancel::after,
#off #off_search .unified-search-submit::after { font-size:28px; }
#off #off_1dul .off_1dli_family > a::before,
#off #off_1dul .off_1dli_family > a::after { background:var(--theme-color); }
#off #off_1dul .off_1dli.is-open > a { background:var(--theme-color); }
.offcanvas-toggle { width:18px; height:18px; }
.offcanvas-toggle > .toggle_wrap { display:flex; flex-direction:column; align-items:flex-end; gap:3px; width:18px; }
.offcanvas-toggle .icon-bar { width:18px; height:2px; background:#fff; }
.offcanvas-toggle .icon-bar + .icon-bar { margin-top:0; }
.offcanvas-toggle .icon-bar:nth-child(2) { width:12px; }
.offcanvas-toggle.is-open .icon-bar:nth-child(1) { transform:rotate(45deg) translate(4px, 4px); }
.offcanvas-toggle.is-open .icon-bar:nth-child(3) { transform:rotate(-45deg) translate(3px, -3px); }
#off.in .offcanvas-toggle .icon-bar { background:#000; }
#off.in h2 .offcanvas-toggle { right:18px; }
#hd.hd_fixed #hd_wrap .offcanvas-toggle .icon-bar { background:#000; }
#off_lang { display:inline-block; position:relative; margin-left:20px; }
#off_lang a { display:block; padding:0.5rem; color:#000; text-decoration:none; text-transform:uppercase; }
#off_lang .lang_option { display:flex; align-items:center; justify-content:center; gap:4px; margin:0; padding:0; font-size:0.889rem; }
#off_lang .lang_list2 { display:none; position:absolute; top:0; left:0; width:100%; padding:5px 0; border:1px solid #ddd; border-radius:0 0 8px 8px; background:#fff; }
#off_lang .lang_list2 li a { font-size:0.8rem; }
#off_lang .lang_list2 li a::before { content:''; display:block; position:absolute; left:0; right:0; bottom:0; width:0; height:1px; transition:all .3s; }
#off_lang .lang_list2 li a:hover::before { width:100%; background-color:#fff; }
#off_lang .lang_chevron { display:inline-block; transition:all 0.2s; }
#off_lang i { /* margin-top:-2px; */ vertical-align:middle; }
#off_lang.is-open2 .lang_list2 { display:block; top:25px; }
#off_lang.is-open2 .lang_list2 li a { position:relative; }
#off_lang.is-open2 .lang_list2 li + li { margin-top:5px; }
#off_lang.is-open2 .lang_chevron { transform:rotate(180deg); }
#off_sns { margin:30px 15px; }
#off_sns a { display:block; position:relative; transition:.3s; }
#off_sns a::before { content:""; display:block; background-position:center; background-repeat:no-repeat; background-size:cover; transition:.3s; }
#off_sns a.youtube::before { width:20px; height:14px; background-image:url("../images/ico_sns_youtube.png"); filter:invert(36%) sepia(94%) saturate(5333%) hue-rotate(349deg) brightness(94%) contrast(87%); }


@media (max-width: 768px) {
	#off { min-width:400px; right:-400px; }
	#off h2 { padding:15px; }
	#off h2 img { max-height:25px; }
	#off.in h2 .offcanvas-toggle { right:15px; }
	.unified-search-keyword { padding:0 15px; }
	.unified-search-cancel,
	.unified-search-submit { width:44px; }
	#off #off_1dul .off_1dli > a { padding:10px 15px; }
	#off #off_1dul .off_1dli_family > a::before,
	#off #off_1dul .off_1dli_family > a::after { right:15px; }
}
@media (max-width: 576px) {
	#off { min-width:90%; right:-90%; }
}
@media (max-width: 380px) {
	#off h2 { display:block; position:relative; height:105px; padding:23px 15px 20px; }
	#off h2 img { max-height:22px; }
	#off h2 .offcanvas-toggle { top:calc(70px / 2); }
	#off_lang { margin:0; z-index:999; }
	#off #off_container { margin-top:0; }
}

/* 사이트맵 */
.dm-sitemap { z-index:999; }
.dm-sitemap-header { padding:40px; }
.dm-sitemap-close { right:30px; }
.dm-sitemap .hd_logo_bk { display:none; }
.dm-sitemap .hd_logo_hover { display:block; }
.dm-sitemap .dm-sitemap-header img { max-height:50px; }
.dm-sitemap-body { padding:200px 40px 40px 40px; }
.dm-sitemap-body > ul { margin:0; }
.dm-sitemap-body > ul > li > a { font-size:2.667rem; }
.dm-sitemap-body > ul > li + li { margin-top:30px; }

/* 푸터영역 */
#ft { background-color:#11162E; color:rgba(255, 255, 255, .6); font-family:'SUIT'; font-size:16px; }
#ft_wrap { display:flex; /* flex-wrap:wrap; */ padding:40px 0; }
#ft_sign { max-width:187px; margin:0; }
#ft_sign img { max-height:none; }
#ft_info { max-width:none; width:calc(100% - 187px); margin:0; padding-left:160px; }
#ft_info .ft_comp > ul > li > dl > dt { margin-right:4px; color:rgba(255, 255, 255, .6); }
/* #ft_info .ft_comp > ul > li > dl > dd { margin-right:18px; } */
#ft_info .ft_comp > ul > li > dl > dd strong { font-weight:normal; }
#ft_info .ft_comp > ul > li > dl > dd .ico { margin:0 5px; }
#ft_info .ft_comp > ul > li.cp_tel > dl { display:flex; gap:4px; }
#ft_info .ft_comp > ul > li.cp_tel > dl > dt { margin-right:0; }
#ft_info .ft_comp > ul > li.cp_tel > dl > dd { display:inline-flex; flex-wrap:wrap; margin-right:0; }
#ft_link { position:static; margin-bottom:24px; }
#ft_link > ul { flex-wrap:wrap; justify-content:flex-start; gap:80px; height:auto; }
#ft_link a { font-family:'SUIT'; font-weight:700; color:rgba(255, 255, 255, .6); }
#ft_copy { justify-content:flex-start; height:auto; padding:0; }
#ft_goto #totop { background-color:var(--theme-color); }
@media (max-width: 1400px) {
	#ft_wrap { padding:40px; }
	#ft_info { padding-left:60px; }
}
@media (max-width: 1200px) {
	#ft_info, #ft_link, #ft_copy { text-align:left; }
	#ft_info .ft_comp > ul { flex-wrap:wrap; justify-content:flex-start; -webkit-box-pack:start; }
	#ft_info .ft_comp > ul > li > dl { margin:0; }
	#ft_link { margin-left:0; }
	#ft_link > ul { gap:40px; }
}
@media (max-width: 992px) {
	#ft { font-size:14px; }
	#ft_wrap { display:block; padding:20px; }
	#ft_sign { max-width:none; margin-bottom:30px; text-align:left; }
	#ft_info { width:100%; padding:0; }
	#ft_info .ft_comp > ul { display:block; }
	/* #ft_info .ft_comp > ul > li > dl > dd { margin-right:10px; } */
	#ft_link { margin-bottom:20px; }
	#ft_link > ul { gap:20px; }
}
@media (max-width: 768px) {
	#ft_info .ft_comp > ul > li.cp_tel > dl > dd strong { width:100%; }
	#ft_info .ft_comp > ul > li > dl > dd .ico { display:none; }
	#ft_link { margin-bottom:10px; }
	#ft_link > ul { gap:5px; }
}
@media (max-width: 486px) {
	#ft_link > ul > li { width:100%; }
	#ft_goto #totop { width:35px; height:35px; }
	#ft_goto #totop i::before { font-size:0.7rem; }
	html #ft #ft_goto.fixed { top:-20px; right:15px; }
}

/* 라디오 버튼 */
.custom-radio .custom-control-label { padding-left: 0.15rem; }
.custom-radio .custom-control-input, .custom-radio .custom-control-label::before { top: -0.15rem; width: 1.667rem; height: 1.667rem; }
.custom-radio .custom-control-input { left:-0.5rem; }
.custom-radio .custom-control-label::before, .custom-radio .custom-control-label::after { left: -100%; }
.custom-radio .custom-control-label::before { border: 1px solid #ddd; }
.custom-radio .custom-control-label::after { top: 0.26rem; width: 0.889rem; height: 0.889rem; left: calc(-100% + 0.4em); }
.custom-radio { margin-left: 0.5rem; }
.custom-radio:not(:last-child) { margin-right: 1.5rem; }
.custom-input[type=radio]~.custom-control-label::before { border-radius: 50%; }
.custom-input[type=radio]:checked~.custom-control-label::before { border-color: #ddd; background-color: #fff; border-radius: 50%; box-shadow: none; }
.custom-input[type=radio]:checked~.custom-control-label::after { top: 0.375rem; left: 0.375rem;
    width: 0.875rem; height: 0.875rem; background: #111; border-radius: 50%; }
.custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: #fff; border-color: #ddd; }
.custom-radio .custom-control-input:checked~.custom-control-label::after { background: #214397; border-radius: 50%; }

/* 체크 박스 */
.custom-control { display:block; }
.custom-checkbox { min-height:1.75rem; padding-left:1.75rem; }
.custom-checkbox .custom-control-input { left:0; }
.custom-checkbox .custom-control-label::before , 
.custom-checkbox .custom-control-label::after,
.custom-checkbox .custom-control-input:checked~.custom-control-label::after { left:-1.75rem; width:1.25rem; height:1.25rem; }

.custom-checkbox .custom-control-label::before { border:1px solid #dcdcdc; }
.custom-checkbox .custom-control-label::after { left:-1.75rem; }
.custom-control-input:checked~.custom-control-label::before { background-color:var(--theme-color); border-color:var(--theme-color); }
.custom-checkbox .custom-control-input:checked~.custom-control-label::after { background:url("../images/icon_checkbox.png") center no-repeat; }

/* .modal */
.modal { top:50%; transform:translateY(-50%); max-height:480px; }
.modal-title { color:var(--theme-color); line-height:1; }
.modal-footer { justify-content:center; }
.modal-footer .btn-white { margin:0; padding:5px 20px; line-height:1.4; font-size:0.87rem; color:#fff; border:1px solid #000; border-radius:10px; background:#000; transition:.3s; }
.modal-footer .btn-white:hover { color:#000; border-color:#ccc; background:#fff; }
.modal .table_style th,
.modal .table_style td { padding:10px 15px; }