@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,300&display=swap');

@font-face {
    font-family: 'BMHANNAPro';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.0/BMHANNAPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* reset */
@media all {
    .clear:after { 
        content:"";
        display:block; 
        clear:both;
    }
    * {margin:0; padding:0; outline:none; box-sizing:border-box;}
    html {font-size: 10px;}
    body {
        line-height:1; font-weight:400; color:#000; font-family: 'Noto Sans KR', sans-serif !important; word-wrap: break-word; word-break: keep-all;
    }
    h1, h2, h3, h4, h5, h6 { margin:0; font-family: 'Noto Sans KR', sans-serif !important; line-height:1; font-size: 1em;}
    ul, ol { list-style:none; margin:0; padding: 0; }
    a { outline:0; text-decoration:none; color: #000; font-family: 'Noto Sans KR', sans-serif !important; }
    a:focus { outline:none; }
    a:focus, a:hover {text-decoration: none;}
    figure,dl,dd,input[type=radio], input[type=checkbox]  { margin: 0; padding: 0;}
    img { border:none; outline:none; max-width: 100%; }
    p { margin:0; padding:0; word-wrap: break-word; word-break: keep-all;  }
    button, input, submit { border: none; background: none; }
    dt { font-weight: normal; }
    ::placeholder { font-family: 'Noto Sans KR', sans-serif !important; }
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        transition: background-color 5000s ease-in-out 0s;
        -webkit-transition: background-color 9999s ease-out;
        box-shadow: none !important;
        -webkit-text-fill-color: none !important;
    }
}   

/* 탭 초기화 */
.tabBox1 .nav { border: none; }
.tabBox1 .nav > li { margin: 0; float: none; }
.tabBox1 .nav > li > a { padding: 0; margin: 0; border-radius:0; border: 0; }
.tabBox1 .nav > li:hover > a { background: none; }
.tabBox1 .nav > li.active > a { border: none; background: none; }


/* html 폰트 사이즈 */
/* @media (max-width:1200px) {
	html { font-size: 9px; }
} */
@media (max-width:991px) {
	html { font-size: 9px; }
}
@media (max-width:768px) {
	html { font-size: 8.5px; }
}
@media (max-width:580px) {
	html { font-size: 7.5px; }
}

@media (max-width:480px) {
	html { font-size: 6px; }
}

@media (min-width:1200px) and (max-height:800px) {/* 너비 1200이상 높이 800이하 */
    html { font-size: 8px; }
}
@media (min-width:1200px) and (max-height:650px) {/* 너비 1200이상 높이 650이하 */
    html { font-size: 7.5px; }
}
@media (min-width:1200px) and (max-height:500px) {/* 너비 1200이상 높이 500이하 */
    html { font-size: 6.5px; }
}

:root {
	/* 컨텐츠 너비 */
	--containerV1-width : 1400;

	--main-color : #072f5f; /* mainColor */
	--basic-border-color: #072f5f;	/* 게시판 및 게시판헤드 등 기타 버튼들 border 컬러 */
    
    --h-height : max(70px, 10rem); /* header height */
}

/* container */
.containerV1 {width: 100%; margin: 0 auto; max-width: calc(var(--containerV1-width) * 1px); }

@media (max-width:1430px) {
	.containerV1 {padding: 0 15px;}
}


/* page_animation */
.fade_up {transition: 1s 0.3s;}
.fade_up[data-scroll="out"] {transform: translateY(10%); opacity: 0;}
.item-tr-row:first-child {transition-delay: 0.2s !important;}
.item-tr-row:not(:first-child) {
    transition-delay: calc((var(--index) + 1) * 0.2s);
}

.hidden {display: none !important;}

/* ------------------------ header -------------------------------------------------- */
#header { 
    --menu-font-color : #434343;
    position: sticky; left: 0; top: 0; width: 100%; height: auto; z-index: 1000; transition:0.4s;
    background: #fff; box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
}
#header > .containerV1 {height: var(--h-height);}

#header > .top_layer {padding: 5px 0; border-bottom: 1px solid #e5e5e5;}
#header > .top_layer > .containerV1 {
    display: flex; justify-content: space-between; align-items: center;
    gap: 20px; height: auto;
}
#header > .top_layer .banner_logo {display: flex; align-items: center; gap: 20px;}


/*모바일 검은 배경*/
#header .menuBox_bg {position: fixed; right: 0; top: 0; z-index: 8000; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); display: none;}
#header .itemBox {
    width: 100%; height: 100%; display:flex; justify-content:space-between; align-items:center;
    position: relative; z-index: 2; margin: 0 auto;
}

#logo a {display: flex; align-items: center; font-size: 3rem;}


/* 사이트맵 버튼 */
#header .siteMap_btn {
    width: 23px; height: 23px; display: grid; 
    grid-template-columns: repeat(2, 1fr); gap: 3px;
    grid-auto-rows: minmax(10px, auto); cursor: pointer;
}
#header .siteMap_btn > div {width: 100%; background: #c9c9c9;}
#header .siteMap_btn > div:first-child {background: #f58220;}


/*main_menu---------------------------------------------------------------------------*/
#header nav:before, #header nav:after {display: none;}
#header #nav {display:flex; align-items:center; border-top: unset; height: auto;}
#nav .outer {display: flex; position: relative; gap: 9.6rem; margin-right: 9rem;}
#nav .outer > li {position: relative; height: var(--h-height);}
#nav .outer > li:first-child {margin-left: 0;}
#nav .outer > li > a {
    display: flex; color: var(--menu-font-color);  font-size: 20px; height: 100%; line-height: 1.3; align-items: center;
    position: relative; transition: all 0.3s; font-weight: bold;
}
#nav .outer > li > a > span {position: relative; font-size: inherit;}
#nav .outer > li > a > i {color: var(--main-color); display: none;}
#nav .outer > li > a > span:after {
    content: ''; position: absolute;  bottom: -10px; width: 0; height: 3px; background: var(--main-color); transition:0.4s; right: 0;
}



/*sub_menu---------------------------------------------------------------------------*/
#nav .inner {
    display: block; position: absolute; right: 0; top: 80%; width: 190px; height: 0; overflow: hidden;
    opacity: 0; transition: all 0.2s; visibility: hidden; z-index: 1;  background: #fff; text-align: right; box-shadow: 3px 2px 10px rgba(0,0,0,0.2);
}
#nav .inner::before {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 5px; background: var(--main-color);} 
#nav .inner > li {position: relative; color: #000; line-height: 1.3; transition: all 0.3s;}
#nav .inner > li:first-child {margin-top: 10px;}
#nav .inner > li:last-child {margin-bottom: 10px;}

#nav .inner > li > a { display: block; font-size: 16px; color: inherit; transition: all 0.3s; position: relative; left: 0; padding: 10px 15px;}
#nav .outer > li:nth-child(1) .inner { z-index: 10;}


/* hover */
@media (min-width: 991px) {
    #nav .outer > li:hover > .inner {opacity: 1; visibility: visible; z-index: 2; top: 90%; height: auto;}
    #nav .outer > li:hover > a > span:after {width: 100%; right: auto; left: 0;}
    #nav .outer > li > .inner > li:hover > a {background: var(--main-color); color: #fff;}
    #nav .outer > li > .inner > li:hover > a span {color: inherit;}

    /* 해당페이지 일때 */
    #nav .outer > li > a.on > span::after {width: 100%;}
}

/* 해드 스크롤 했을때 */
#header.scroll {background: #fff;}
#header.scroll #nav .outer > li > a {color: #000;}



/*모바일에서 피씨 로고 클래스 지움.*/
#logo.logo_hide {opacity: 1; visibility: visible;}


/* SiteMap */
#SiteMap {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff;
    padding: max(50px, 7rem) 15px 0; overflow-y: auto; opacity: 0; visibility: hidden; z-index: 1001;

    transition: 0.4s;
}
#SiteMap .close_btn {
    position: absolute; top: 20px; right: 45px;
    font-size: 30px; color: #333; cursor: pointer;
}
#SiteMap #siteMap_logo {margin: 0 auto 50px; width: fit-content;}
#SiteMap .itemBox {
    display: grid; width: 100%; max-width: 1200px;
    margin: 0 auto;
}

#SiteMap .itemBox > li {margin-bottom: 40px;}
#SiteMap .itemBox > li > h4 {
    font-size: 25px; font-weight: bold; color: #0a3086; line-height: 1.2;
    padding-bottom: 0.6em; margin-bottom: 1em; border-bottom: 1px solid #aaa;
}

#SiteMap .itemBox > li > .inner {display: flex; flex-wrap: wrap; gap: 30px;}
#SiteMap .itemBox > li > .inner > li a {font-size: 18px; font-weight: 500; color: rgba(0,0,0,0.5);}
#SiteMap .itemBox > li > .inner > li a:hover {color: #000;}


#SiteMap.inactive {opacity: 1; visibility: visible;}


/* 날씨상자 */
.weather_box {display: flex; align-items: center;}
.weather_box .weather_icon {display: flex; gap: 10px; padding-right: 15px;}
.weather_box .weather_icon > h4 {
    font-size: 18px; color: #434343; font-weight: 400;
    padding-top: 0px;
}
.weather_box .wheader_txt {border-left: 1px dashed #ccc; padding: 5px 0; padding-left: 15px; }
.weather_box .wheader_txt > div:first-child {margin-bottom: 10px;}
.weather_box .wheader_txt span {font-size: 16px; font-weight: 400; color: #917d85;}
.weather_box .wheader_txt span.color-tag {color: #487dea;}

/*반응형-------------------------------------------------------------*/

@media (min-width: 992px) {
    #header .itemBox .siteMap_btn {display: none;}
}

@media (min-width: 1430px) {
    .weather_box_mob {display: none;}
}

@media (max-width: 1430px) {
    #header .weather_box {display: none;}
    #nav .outer {margin-right: 0;}
    .weather_box {margin: 50px auto 0; justify-content: center; padding: 0 15px; flex-wrap: wrap;}
}

@media (max-width: 1230px) {
    #nav .outer {gap: 4rem;}

    #SiteMap .close_btn {right: 20px;}
}


/*모바일*/
@media all and (max-width: 991px) {

#header {--menu-font-color: #222; background: #fff;}
#header > .containerV1 {height: 70px;}

/* 모바일 열기 버튼 */
#header > .top_layer .siteMap_btn {display: none;} /* pc 버튼 가림 */
#header .siteMap_btn {width: 30px; height: 30px;}


#header #logo {width: max(150px, 19.5rem);}

#header #nav {display: none;}


#SiteMap {padding: 130px 15px 0;}
#SiteMap #siteMap_logo {position: absolute; margin: 0; left: 15px; top: 15px; width: max(150px, 19.5rem);}

}

@media (max-width: 680px) {
    .weather_box {gap: 10px;}
}



/* ------------------------ header -------------------------------------------------- */

/* ------------------------ index -------------------------------------------------- */
#index .sec_frame {font-size: min(calc(10 / 500 * 100vw), 10px);}

/* sec1 */
#index .sec1 {padding: 5.5em 0 7em; width: 100%; padding-left: min(260px, 13.54vw);}

#index .sec1 .sec_unit1 {display: flex; align-items: center; padding-bottom: 4em;}
#index .sec1 .sec_unit1 .itemBox {width: 100%; flex: 1;}
#index .sec1 .sec_unit1 .itemBox > h3 {
    font-size: max(20px, 4em); font-weight: 500; line-height: 1.2;
    color: #3d538d; padding: 0 0 1em 1em;
}
#index .sec1 .sec_unit1 .itemBox h3 span {color: #2bb6a1;}
#index .sec1 .sec_unit1 .itemBox .latest_box {
    width: 100%; background: #f4f9f9;
    padding: 2em 15px 3.2em 4.3em;
}
#index .sec1 .sec_unit1 .itemBox .latest_box > * {width: 100%; max-width: 650px;}
#index .sec1 .sec_unit1 .itemBox .latest_box .box_title {
    display: flex; align-items: center; justify-content: space-between;
    border-bottom: 1px solid #e5e5e5; position: relative;
    padding-bottom: 7px; margin-bottom: 4em;
}
#index .sec1 .sec_unit1 .itemBox .latest_box .box_title::before {
    content:''; position: absolute; bottom: -3px; left: -1px;
    border-radius: 40px; width: 10.3em; height: 5px; background: #1197d5;
}
#index .sec1 .sec_unit1 .itemBox .latest_box .box_title h4 {
    font-size: 3.5em; color: #000; font-weight: bold;
    line-height: 1.2;
}
#index .sec1 .sec_unit1 .itemBox .latest_box .box_title .plus_btn {
    width: 1.5em; height: 1.5em; border-radius: 50%; border: 1px solid #d3d3d3;
    background: #fff; color: #535353; font-size: 2em;
    display: flex; align-items: center; justify-content: center;
    transition: 0.3s;
}
#index .sec1 .sec_unit1 .itemBox .latest_box .box_title .plus_btn:hover {
    transform: rotate(360deg); background: #1197d5; color: #fff;
    border-color: #1197d5;
}

#index .sec1 .sec_unit2 {display: flex; align-items: center; gap: 2em;}
#index .sec1 .sec_unit2 > ul {display: flex; gap: 4.5em; align-items: center;}
#index .sec1 .sec_unit2 > ul > li > a {display: flex; gap: 13px; align-items: center;}
#index .sec1 .sec_unit2 > ul > li > a img {width: 8.5em; transition: 0.3s;}
#index .sec1 .sec_unit2 > ul > li > a span {
    color: #000; font-size: max(14px, 1.8em); font-weight: 500;
    line-height: 1.2; transition: 0.3s;
}

#index .sec1 .sec_unit2 .select_box {
    position: relative; cursor: pointer;
    width: 100%; max-width: 33em; height: 8.8em; 
}

#index .sec1 .sec_unit2 .select_btn {
    display: flex; align-items: center; gap: 1.8em; justify-content: center;
    border-radius: 4em; padding: 1em; width: 100%; height: 100%;
    border: 1px solid #e5e5e5; background: #f9f9f9; color: #000;
    
    transition: 0.3s;
}
#index .sec1 .sec_unit2 .select_btn > img {width: 3.4em;}
#index .sec1 .sec_unit2 .select_btn > span {font-size: max(14px, 1.8em); color: inherit;}
#index .sec1 .sec_unit2 .select_btn > i {font-size: max(10px, 1.5em);}

#index .sec1 .sec_unit2 .select_box .site_select {
    position: absolute; left: 50%;
    transform: translateX(-50%); z-index: 10;
    width: 90%; padding: 10px; border-radius: 20px;
    background: #fff; box-shadow: 0 0 23px -18px #333;

    transition: 0.4s; top: 100%; opacity: 0; visibility: hidden;
}

#index .sec1 .sec_unit2 .select_box .site_select > li {margin-bottom: 15px;}
#index .sec1 .sec_unit2 .select_box .site_select > li a {
    color: #333; font-size: max(14px, 1.8em); font-weight: 500;
    text-align: center; display: block; width: 100%;
    transition: 0.2s;
}

#index .sec1 .sec_unit2 .select_box:hover > .site_select {
    top: 115%; opacity: 1; visibility: visible;
}

@media (min-width: 992px) {
    #index .sec1 .sec_unit2 .select_box .site_select > li:hover > a {color: #f39800;}
}


@media (min-width: 992px) {
    #index .sec1 .sec_unit2 > ul > li:hover img {transform: translateY(-5%);}
    #index .sec1 .sec_unit2 > ul > li:hover > a span {color: #f39800;}

    /* #index .sec1 .sec_unit2 .select_btn:hover {background: #f39800; color: #fff;}
    #index .sec1 .sec_unit2 .select_btn:hover > img {} */
}

@media (max-width: 1600px) {
    #index .sec1 .sec_unit2 {flex-direction: column; align-items: start; padding: 0 15px 0 0;}
    #index .sec1 .sec_unit2 .select_box {align-self: end;}
}

@media (max-width: 1430px) {
    #index .sec1 {padding-left: 15px;}
}

@media (max-width: 1230px) {
    #index .sec1 .sec_unit1 {flex-direction: column; gap: 3em;}
    #index .sec1 .sec_unit1 .itemBox > h3 {padding: 0 0 1em 0;}
    #index .sec1 .sec_unit1 .itemBox .latest_box > * {max-width: 100%;}
}

@media (max-width: 1050px) {
    #index .sec1 .sec_unit2 {align-items: center;}
    #index .sec1 .sec_unit2 > ul {display: grid; grid-template-columns: repeat(2, 1fr);}
    #index .sec1 .sec_unit2 .select_box {align-self: unset;}
}

@media (max-width: 600px) {
    #index .sec1 .sec_unit2 > ul > li > a {flex-direction: column;}
}


/* sec2 */
#index .sec2 {padding: 7em 0 6em; position: relative;}
#index .sec2 > *:not(.bg_item) {position: relative; z-index: 2;}
#index .sec2 .bg_item {
    position: absolute; top: 0; left: 0; overflow: hidden;
    width: 99%; padding-bottom: 65em; background: #1197d5;
    border-radius: 0 40em 40em 0; z-index: 1;
}

#index .sec2 .bg_item > img {position: absolute; opacity: 0.2;}
#index .sec2 .bg_item > .circle1 {top: -20em; left: -11em;}
#index .sec2 .bg_item > .circle2 {top: -20em; right: 45em;}
#index .sec2 .bg_item > .circle3 {bottom: -21em; left: 12em; transform: scale(0.8);}
#index .sec2 .bg_item > .circle4 {bottom: 4em; right: -6em;}

#index .sec2 .titleBox {color: #fff; margin-bottom: 4.3em;}
#index .sec2 .titleBox > h3 {
    font-size: 3em; color: inherit; line-height: 1.2; font-weight: bold;
    margin-bottom: 0.25em;
}
#index .sec2 .titleBox > h5 {
    font-size: 1.8em; color: inherit; line-height: 1.4; font-weight: 400;
}

#index .sec2 #MapBox {
    overflow: hidden; border-radius: 2em; width: 100%; margin-top: 7.2em;
    box-shadow: 0 19px 8px -8px #ccc;
}

@media (max-width: 1230px) {
    #index .sec2 .bg_item > .circle2 {right: 5em;}
}

@media (max-width: 850px) {
    #index .sec2 .bg_item {border-radius: 0 20em 20em 0;}
    #index .sec2 .bg_item > .circle1 {display: none;}
    #index .sec2 .bg_item > .circle2 {top: 5em; right: 15em;}
}

@media (max-width: 650px) {
	#index .sec2 .bg_item {padding-bottom: 106em;}
}


/* sec3 */
#index .sec3 {padding-bottom: 3.5em;}
#index .sec3 .containerV1 {
    display: flex; align-items: center; flex-wrap: wrap;
    padding: 0 2.5em; gap: 4em; justify-content: space-between;
}
#index .sec3 .containerV1 .mark_title {display: flex; align-items: center; gap: 1.5em;}
#index .sec3 .containerV1 .mark_title > i {font-size: 1.5em;}
#index .sec3 .containerV1 .mark_title > h3 {font-size: max(15px, 1.8em); color: #434343; font-weight: 500;}
#index .sec3 .containerV1 > ul {display: flex; align-items: center; gap: 5.5em; flex-wrap: wrap;}
#index .sec3 .containerV1 > ul > li {position: relative;}
#index .sec3 .containerV1 > ul > li:not(:last-child):after {
    content: '·'; position: absolute; top: 50%; right: -2.2em;
    transform: translateY(-50%); font-size: 1.6em; color: #7d7d7d;
}
#index .sec3 .containerV1 > ul a {
    color: #7d7d7d; font-size: max(13px, 1.6em); font-weight: 400;
    transition: 0.3s; text-align: center;
}
#index .sec3 .containerV1 > ul a:hover {color: #000;}

@media (max-width: 850px) {
    #index .sec3 .containerV1 > ul {gap: 2.5em;}
	#index .sec3 .containerV1 > ul > li:not(:last-child):after {display: none;}
}

/* ------------------------ index -------------------------------------------------- */

/* ------------------------ footer -------------------------------------------------- */
footer {
    --footer-font-color: #fff;
    font-size: min(calc(10 / 500 * 100vw ), 10px);
    background: #2b2b37; padding: 4em 0;
}


footer .contents {
    width: 100%; display: flex; justify-content: space-between;
    align-items: center; flex-wrap: wrap-reverse; gap: 3em;
}
footer .item1 > div {line-height: 1.4; font-size: 1.6em; color: var(--footer-font-color); margin-bottom: 10px; display: flex;}
footer .item1 > div a {color: inherit;}
footer .item1 > .text > span {position: relative; font-weight: inherit; margin-right: 18px; color: inherit;}

footer .item1 > .copy {
    text-transform: uppercase; color: var(--footer-font-color); font-size: 1.6em; margin-bottom: 0;
    display: block;
}
footer .item1 > .copy .admin {color: #fff;}
footer .item1 > .copy a {color: #fff;}

footer .item2 a {width: max(160px, 19.5rem); display: block;}

@media (max-width: 850px) {
    footer .item1 {width: 100%;}
    footer .item1 > .text {flex-direction: column; gap: 5px;}
}


/* ------------------------ footer -------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------- */

.sub_wrap {
	padding: 40px 0 70px; position: relative;
}
.sub_wrap > .containerV1 {display: flex; gap: 50px; min-height: 70vh;}
.sub_wrap .sub_frame {width: 100%; max-width: 1120px;}

/* 서브페이지 네비게이션 */
/* sub_navi */
#sub_navi {
	--font-size-pc: 10;
    --font-size-mob: 10;
    font-size: min( calc( var(--font-size-mob) / 500 * 100vw ), calc(var(--font-size-pc) * 1px) );
	position: sticky; top: calc(var(--h-height) + 75px); min-width: 232px; height: fit-content;
}
#sub_navi .navi_title {
	width: 100%; height: 13.6em; border-radius: 1.3em 5em 1.3em 1.3em; background: #22b24c; position: relative;
	display: flex; align-items: center; justify-content: center; margin-bottom: 1.8em;
}
#sub_navi .navi_title::before {
	content:''; position: absolute; left: -14%; top: -41%; transform: translate(-50%, -50%); border-radius: 50%;
	width: 29em; height: 33em; background: rgba(255,255,255,0.1); z-index: 1;
}
#sub_navi .navi_title > h2 {color: #fff; font-size: max(20px, 3em); line-height: 1.2; position: relative; z-index: 2;}

#sub_navi .list {border: 1px solid #e5e5e5; overflow: hidden; border-radius: 2em;}
#sub_navi .list > li:not(:last-child) {border-bottom: 1px solid #e5e5e5;}
#sub_navi .list > li a {display: block; width: 100%; padding: 1.7em 1.5em 1.5em; background: #f9f9f9; display: flex; align-items: center; justify-content: space-between;}
#sub_navi .list > li a span {color: #434343; font-size: max(13px, 1.6em); line-height: 1.2;}
#sub_navi .list > li a .arrow {
	width: 2.2em; height: 2.2em; border-radius: 50%; border: 1px solid #e5e5e5; 
	display: flex; align-items: center; justify-content: center; background: #fff;
}
#sub_navi .list > li a .arrow i {font-size: 10px; color: #434343;}

#sub_navi .list > li.on a {background: #f58220;}
#sub_navi .list > li.on a span {color: #fff;}

@media (max-width: 991px) {
	#sub_navi {display: none;}
}

/* 서브페이지 네비게이션 끝*/



/* 게시판 및 게시판헤드 등 기타 버튼들 기본컬러 변경 */
.btn.btn-color {border: 1px solid var(--basic-border-color); background-color: var(--main-color);}
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active {background-color: var(--main-color);}
.border-color, i.border-color, img.border-color {border-color: var(--basic-border-color);}

/* 모달 z-index높이기 (해드에 가려지는 경우 발견해서) */
.modal {z-index: 9999; }
.modal-backdrop {z-index: 9998;}

#style-switcher .widget-setup { top: 155px !important; }

/* 게시판 스타일 조정 */
.board-list {font-size: 16px;}
.btn-sm, .btn-group-sm>.btn {font-size: 14px;}
/* .write-wrap .form-group  {font-size: 16px;} */
.div-head {padding:  20px 0; border-top: 3px solid #333 !important; border-bottom: 1px solid #333 !important;}
.div-head span {font-weight: 500;}
.list-board .list-body li > div {padding: 20px 0; color: #000;}
.list-board .list-body .wr-subject .item-subject {font-weight: 300;}
.list-board .list-body .wr-name {font-weight: 500;}

.faq_subject {font-size: 16px;}
.div-panel.panel-group .panel-heading a {padding: 20px 15px; padding-left: 0;}

.copy_text1 {font-size: 20px; color: #fdee73 !important;}