@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');


.clear:after { 
    content:""; 
    display:block; 
    clear:both;
}
/* reset */

* { margin:0; padding:0; outline:none; box-sizing:border-box; }
html { font-size: 10px; }
body {
line-height:1; font-size:14px; font-weight:400; color:#000; font-family: 'Noto Sans KR', sans-serif; word-wrap: break-word; word-break: keep-all;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 { margin:0; font-family: 'Noto Sans KR', sans-serif; line-height:1; font-size: 1em; }
ul, ol { list-style:none; margin:0; padding: 0; }
a { outline:0; text-decoration:none; color: #000; }
a:focus { outline: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; }

/* 탭 초기화 */
.tabBox1 .nav { border: none; }
.tabBox1 .nav > li { margin: 0; }
.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;  }

/* html 폰트 사이즈 */
@media (max-width:1200px) {
html { font-size: 8.5px; }
}
@media (max-width:991px) {
html { font-size: 8px; }
}
@media (max-width:768px) {
html { font-size: 7.5px; }
}
@media (max-width:480px) {
html { font-size: 6.5px; }
}
@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 {



/*mainColor*/

--main-color : #f8b62c; /*노란색*/


/*font*/

/*최소 사이즈 400부터*/

--font-size16 : min(4vw, 16px); 
--font-size20 : min(5vw, 20px); 
--font-size25 : min(6.25vw, 25px); 
--font-size30 : min(7.50vw, 30px); 



/*콘텐츠 너비*/
--containerV1-width: 1600px;

}
/* container */
.containerV1 { width: 100%; margin: 0 auto; max-width: var(--containerV1-width); }
@media (max-width:1630px) {
.containerV1 { padding: 0 15px; }
}

/* 서브페이지 패딩 */
.tmt_sub_frame { padding:40px 0 50px; min-height: 80vh; }



/*--------------------------------------------------- 해드세팅 ----------------------------------------------------------------------------*/
/*
해드에서 기준값 : #header의 폰트 사이즈 or 단위가 맞지 않을 경우 해당요소 부모 폰트사이즈 * em으로 기입된 단위

em 계산법
px -> em : 지정할 값 / 기준 값
ex) 지정할 값 20px, 기준값 18px -> 1.1111em

em -> px : 기준 값 * em값
ex)기준값 18px, em값 1.1111em -> 19.9998인데 소수점 올려서 20px
*/

#header {width: 100%; position: sticky; left: 0; top: 0; background: var(--main-color);  z-index: 1000; font-size: 0.52vw;}
#header .containerV1 {height: 100%;}
#header .head_wrap {display: flex; justify-content: space-between; align-items: center;}
#header .head_wrap #logo {display: flex; align-items: center; height: 10rem;}
#header .head_wrap #logo a {display: block; width: 7.5rem; height: 7.5rem;}
#header .head_wrap #logo a img {width: 100%;}
#header .head_wrap .menu_Box {}
#header .main_menu {display: flex; height: 100%;}
#header .main_menu li {font-size: 0.52vw; margin: 0 max(15px, 5em) 0 0;}
#header .main_menu li:last-child {margin: 0;}
#header .main_menu li > a {color: #211714; display: block; padding: 10px 18px; font-size: max(16px, 1.04vw); transition: all 0.3s; background: transparent; border-radius: 10px;}

/*모바일 열기 닫기 버튼*/
#header .head_wrap .open_btn {display: none;}
#header .head_wrap .close_btn {display: none;}




/*hover*/
#header .main_menu li > a:hover {color: var(--main-color); background: #fff;}

/*메뉴 이동시 스크롤 on*/
#header .main_menu li > a.on {color: var(--main-color); background: #fff;}




/* .item-list .post-image {pointer-events: all;} */

/*모바일*/
@media all and (max-width: 991px) {
	#header .head_wrap #logo {width: max(225px, 30rem); } 
	#header .head_wrap .menu_Box {position: fixed; width: 280px; height: 100%; top: 0; right: -280px; z-index: 1100; transition: all 0.3s; background: var(--main-color);}
	#header .main_menu {flex-direction: column; width: 100%; height: 100%; overflow-x: hidden; overflow-y:auto; position: absolute; top: 100px; left: 0; padding: 0 5px;} 
	#header .main_menu li  {border-bottom: 1px solid rgba(255,255,255,0.7); padding-top: 0;}
	#header .main_menu li > a {font-size: var(--font-size20);}


	/*모바일 열기 닫기 버튼*/
	#header .head_wrap .open_btn {display: block; width: 30px; height: 30px; position: relative;}
	#header .head_wrap .open_btn i {font-size: 30px; color: #fff;}
	#header .head_wrap .close_btn {display: block;}
	#header .head_wrap .close_btn {width: 100%; height: 50px; border-bottom: 1px solid rgba(255,255,255,0.3); padding: 0 10px;}
	#header .head_wrap .close_btn i {font-size: 30px; float: left; color: #fff;}

/*	hover*/
/*	hover랑 스크롤 on이 겹칠 수 있기 때문에 그냥 두면 알아서 on으로 켜짐*/


/*	모바일메뉴 클릭시*/
	#header .head_wrap .menu_Box.inactive {right: 0;}
}
/*--------------------------------------------------- 해드세팅 끝 ----------------------------------------------------------------------------*/



/*--------------------------------------------------- 인덱스세팅 ----------------------------------------------------------------------------*/

.index {width: 100%; line-height: 1.2; color: #333; font-size: 0.52vw;}
.index .title-V1 {font-size: max(35px, 8em); line-height: 1.2; font-weight: 900;}
.index .title-V2 {font-size: max(40px, 10em); line-height: 1.2; font-weight: bold;}
.index .title-V3 {font-size: max(45px, 12em); line-height: 1.2; font-weight: bold;}
.index .title-V4 {font-size: max(45px, 15em); line-height: 1.2; font-weight: bold;}
.index .title-icon {display: flex; flex-direction: column; margin-bottom: 2.5em; align-items: center; font-size: 0.52vw; }
.index .title-icon h4 {font-size: max(25px, 4.5em); color: #fff; line-height: 1.2; text-align: center; font-weight: bold;}

/*글자 stroke(테두리) 지정한 식 줄 번호 (216, 217, 239, 254, 256, 276, 348, 420, 431, 470, 471, 474 )*/

@media (max-width: 991px) {
	.index .itemBox .title-icon {font-size: 1.01vw;}
}

@media (max-width: 650px) {
	.index .itemBox .title-icon {font-size: 1.54vw;}
}


/*section1*/
.index01 { padding: max(30px, 4.5em) 0 max(50px, 5.8em) 0; background: url(img/sec01_bg.jpg) no-repeat; background-size: cover;}
.index01 .itemBox {display: flex; gap: max(10px, 2.2em); }
.index01 .itemBox .index_img {display: flex; justify-content: center; align-items: end;}
.index01 .itemBox .index_img img {width: max(178.45px, 60em); height: max(263.23px, 88.5em);}
.index01 .itemBox .textBox {position: relative; flex-basis: 0; flex-grow: 1; margin-top: 12em;}
.index01 .itemBox .textBox::before {content:"";  position: absolute; background: url(img/sec01_arrow.png) no-repeat; background-size: cover; background-position: center;
width: 11.9em; height: 6em; top: -1%; left: -3%; transform: translate(-50%, -50%);}
.index01 .itemBox .textBox .title-V1 {color: #777; margin-bottom: 0.375em;}
.index01 .itemBox .textBox .title-V1 span.color-tag {color: #f8b62c;}
.index01 .itemBox .textBox .title-V1 span.big-tag {position: relative; top: 2px; font-size: 1.2em; line-height: 0;}

.index01 .textBox .text_item {color: #333; line-height: 1.4;}
.index01 .textBox .text_item b.text-b {font-size: max(18px, 2.5em);}
.index01 .textBox .text_item p.text1 {font-size: max(16px, 2em); margin-bottom: 1.5em;}
.index01 .textBox .text_item p.text1:last-child {margin-bottom: 0;}

@media (max-width: 991px) {
	.index01 .itemBox {flex-direction: column;}
	.index01 .itemBox .index_img {align-items: center;}
	.index01 .itemBox .textBox {text-align: center;}
	.index01 .itemBox .textBox::before {left: 33%;transform: translate(-50%, -50%) rotateY(180deg); width: 22.9em; height: 11em; top: -7em; }

/*	font*/
	.index01 .textBox .text_item b.text-b {font-size: var(--font-size25); margin-bottom: 1em; display: block;}
	.index01 .textBox .text_item p.text1 {font-size: var(--font-size20); margin-bottom: 2em;}
	.index01 .textBox .text_item p.text1 br {display: none;}
}



/*section2*/
.index02 { padding: 11.8em 0 13em 0; background: url(img/sec02_bg.jpg) no-repeat; background-size: cover;}
.index02 .itemBox {display: grid; justify-content: center;}

.index02 .itemBox  .title_icon {-webkit-text-stroke: 1px #f8b62c;}
.index02 .itemBox .title-V2 {color: #fff; text-align: center; -webkit-text-stroke: 4px #ecad28; margin-bottom: max(50px, 0.8em); font-weight: 900;}
.index02 .itemBox .title-V2 span.big-tag {font-size: max(45px, 6.25vw);}

.index02 .itemBox .grid-item {display: flex; justify-content: center; gap: 4.5em 4.8em; flex-wrap: wrap;}
.index02 .itemBox .grid-item > .item {width: 22.5em; height: auto; display: flex; flex-direction: column; gap: 1.5em 0;  align-items: center; position: relative;}
.index02 .itemBox .grid-item > .item .item_btn {display: flex; width: 22.5em; height: 22.5em; border-radius: 50%; transition: all 0.3s; visibility: hidden; opacity: 0; justify-content: center;
align-items: center; position: absolute; top: 0; left: 0;}
.index02 .itemBox .grid-item > .item .item_btn::before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #000; 
opacity: 0; visibility: hidden; transition: all 0.3s; z-index: 1;} 
.index02 .itemBox .grid-item > .item .item_btn > a {width: 7.5em; height: 2.52em; border: 1px solid #fff; box-sizing: border-box; display: flex; align-items: center; 
justify-content: center; text-align: center; color: #fff; font-size: 1.6em; z-index: 2;}

.index02 .itemBox .grid-item > .item img {width: 22.5em; height: 22.5em; position: relative;}
.index02 .itemBox .grid-item > .item p.text1 {color: #fff; font-size: 2.5em; font-weight: bold; line-height: 1.2;} 


/*hover*/
.index02 .itemBox .grid-item > .item:hover > .item_btn {visibility: visible; opacity: 1;}
.index02 .itemBox .grid-item > .item:hover .item_btn::before {opacity: 0.5; visibility: visible; }

@media (max-width: 991px) {
	.index02 .grid-item {font-size: 1.01vw;}
	.index02 .itemBox .title-V2 {-webkit-text-stroke: 1px #ecad28;}
}

@media (max-width: 650px) {
	.index02 .grid-item {font-size: 1.54vw;}
}




/*section3*/

/*.sec_itemBox01*/
.index03 {padding: max(60px, 14.8rem) 0 max(60px, 14.2em) 0; background: url(img/sec03_bg.jpg) no-repeat; background-size: cover; }

.index03 .title-icon h4 {color: #f8b62c; font-weight: 900; -webkit-text-stroke: 2px #fff;}
.index03 .sec_itemBox {width: 100%;}
.index03 .sec_itemBox > h1 {display: flex; justify-content: center; align-items: baseline;  gap: 0 10px; flex-wrap: wrap; -webkit-text-stroke: 3px #fff; font-weight: 900;
color: var(--main-color);}
.index03 .sec_itemBox > h1 img {position: relative; top: 6px; width: 5.8333em;}
.index03 .sec_itemBox01 > .itmeBox_list {display: grid; grid-template-columns: repeat(4, 36.2em); justify-content: center; font-size: 10px;
grid-template-rows: repeat(2, 35.3em); gap: 4.8em; width: 100%; margin-top: max(50px, 6.6em); margin-bottom: max(70px, 14.2em);}
.index03 .sec_itemBox01 > .itmeBox_list li {background: #fff; box-shadow: 3px 4px 9px rgba(0,0,0,0.3); display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
padding: 2em 1.5em 3em 1.5em;}
.index03 .sec_itemBox01 > .itmeBox_list li > span {font-size: max(30px, 4.5em); font-weight: bold; color: var(--main-color); text-align: left; position: relative; display: block; width: 100%;}
.index03 .sec_itemBox01 > .itmeBox_list li > span::before {content:""; position: absolute; bottom: -15%; left: 50%; transform: translate(-50%, -50%);
width: 100%; height: 3px; background:  var(--main-color);}
.index03 .sec_itemBox01 > .itmeBox_list li > img {margin: 3.5em 0 1em 0; width: 10em; height: 10em;}
.index03 .sec_itemBox01 > .itmeBox_list li  > .text2 {font-size: 3em; font-weight: bold; color: #333; text-align: center; display: flex; align-items: center; margin-bottom: 0.7em;}
.index03 .sec_itemBox01 > .itmeBox_list li  > .text1 {font-size: 2em; font-weight: bold; color: #777; text-align: center; display: flex; align-items: center; height: 2.2em;}


@media (max-width: 1630px) {
	.index03 .sec_itemBox01 > .itmeBox_list {font-size: 0.61vw; gap: 3.8em;}
}

@media (max-width: 950px) {
	.index03 .sec_itemBox > h1 {-webkit-text-stroke: 1px #fff;}
	.index03 .sec_itemBox01 > .itmeBox_list {font-size: 1.05vw;}
	.index03 .sec_itemBox01 > .itmeBox_list li > span {font-size: 3em; line-height: 1.5;}
	.index03 .sec_itemBox01 > .itmeBox_list {grid-template-columns: repeat(2, 1fr); grid-auto-rows: minmax(35.3em, auto); grid-template-rows: unset;}
/*	.index03 .sec_itemBox01 > .itmeBox_list li {padding: 20px 10px 30px 10px;}*/
/*	.index03 .sec_itemBox01 > .itmeBox_list li > img {margin: 35px 0 10px 0; width: auto; height: auto;}*/
	.index03 .sec_itemBox01 > .itmeBox_list li  > .text2 {font-size: 3em; height: 2.2em;}
	.index03 .sec_itemBox01 > .itmeBox_list li  > .text1 {font-size: 2em; align-items: start; height: auto;}
	.index03 .sec_itemBox01 > .itmeBox_list li  > .text1 br {display: none;}
}

@media (max-width: 650px) {
	.index03 .sec_itemBox01 > .itmeBox_list {font-size: 1.54vw;}
}

@media (max-width: 500px) {
	.index03 .sec_itemBox01 > .itmeBox_list {font-size: 1.7vw;}
}



/*.sec_itemBox02*/
.index03 .sec_itemBox02 > h1 {margin-bottom: 20px; }
.index03 .sec_itemBox02 > p.text1 {font-size: 2.5rem; font-weight: bold; color: #fff; line-height: 1.4; text-align: center;}
.index03 .sec_itemBox02 > p.text1 > span {font-size: 30px; } 


/*table 1*/
.index03 .sec_itemBox02 > .item_table {width: 100%; margin-top: 40px;}
.index03 .sec_itemBox02 > .item_table > .table_box {width: 100%;}
.index03 .sec_itemBox02 > .item_table > .table_box > .table_textBox {display: flex; justify-content: space-between; align-items: center;}
.index03 .sec_itemBox02 > .item_table > .table_box > .table_textBox > * {font-size: 2.5rem; font-weight: bold; color: #333; line-height: 1.4;}
.index03 .sec_itemBox02 > .item_table > .table_box > .table_textBox > b {font-size: 3rem; color: #666; display: flex; align-items: center; gap: 0 5px;}
.index03 .sec_itemBox02 > .item_table > .table_box > .table_textBox > b span {font-size: 12px; color: var(--main-color);}
.index03 .sec_itemBox02 > .item_table table {text-align: center; width: 100%; margin: 5px 0 10px 0;}
.index03 .sec_itemBox02 > .item_table table tr td {padding: 15px 10px 20px 10px; font-size: 3rem; color: #333; border-right: 2px solid #cacaca; border-bottom: 2px solid #cacaca;}
/*min(5vw, 30px); */
.index03 .sec_itemBox02 > .item_table table tr td:last-child {border-right-style: none;}
.index03 .sec_itemBox02 > .item_table table .tr_head td {background: #9b9b9b; font-size: 3.5rem; font-weight: bold; color: #fff; }
/* min(5.83vw, 3.5rem);*/
.index03 .sec_itemBox02 > .item_table table .tr_head .td01 {width: 25%;}
.index03 .sec_itemBox02 > .item_table table .tr_head .td02 {width: 75%;}
.index03 .sec_itemBox02 > .item_table table .tr04 td {border-bottom-style: none;}
.index03 .sec_itemBox02 > .item_table table .tr_footer td {font-size: 3.5rem; border-bottom-style: none; border-right: 2px solid #fff; background: var(--main-color); color: #fff; font-weight: bold;}

/*min(5.83vw, 3.5rem); */
.index03 .sec_itemBox02 > .item_table > .table_box > p {font-size: max(15px,2rem); color: #555; line-height: 1.4; padding-left: 18px; position: relative; margin-left: 10px;}
.index03 .sec_itemBox02 > .item_table > .table_box > p span {content: ""; position: absolute; top: 0; left: 0; }



@media all and (max-width: 850px) {
	.index03 .sec_itemBox02 > .itmeBox_list {grid-template-columns: repeat(3, 1fr);}
}

@media all and (max-width: 600px) {
	.index03 .sec_itemBox > h1 > img {margin-bottom: 3%;}
	.index03 .sec_itemBox02 > .item_table > .table_box > .table_textBox > * {font-size: max(8px, 3vw);}
	.index03 .sec_itemBox02 > .item_table > .table_box > .table_textBox > b {font-size: max(10px, 3.67vw);}
	.index03 .sec_itemBox02 > .item_table > .table_box > .table_textBox > b span {font-size: max(5px, 2vw);}
}

@media all and (max-width: 550px) {
	.index03 .sec_itemBox02 > .item_table table tr td {font-size: 4vw; padding: 2% 0.66667% 2.3333% 0.66667%; }
	.index03 .sec_itemBox02 > .item_table table .tr_head td,
	.index03 .sec_itemBox02 > .item_table table .tr_footer td {font-size: 4.73vw;}
	
}


/*.sec_itemBox03*/
.index03 .sec_itemBox03 {margin-top: max(50px, 7.5em);}
.index03 .sec_itemBox03 > h1 {margin-bottom: 20px; -webkit-text-stroke: 3px #fff;}
.index03 .sec_itemBox03 > p.text1 {font-size: 2.5rem; font-weight: bold; color: #fff; line-height: 1.4; text-align: center;}
.index03 .sec_itemBox03 > p.text1 > span {font-size: 30px; } 


/*table 2*/
.index03 .sec_itemBox03 > .item_table {width: 100%; margin-top: 40px;}
.index03 .sec_itemBox03 > .item_table > .table_box {width: 100%;}
.index03 .sec_itemBox03 > .item_table > .table_textBox {display: flex; justify-content: space-between; align-items: center; font-size: 1rem;}
.index03 .sec_itemBox03 > .item_table > .table_textBox > * {font-size: 2.5rem; font-weight: bold; color: #333; line-height: 1.4;}
.index03 .sec_itemBox03 > .item_table > .table_textBox > b {font-size: 3rem; color: #666; display: flex; align-items: center; gap: 0 5px;}
.index03 .sec_itemBox03 > .item_table > .table_textBox > b span {font-size: 12px; color: var(--main-color);}
.index03 .sec_itemBox03 > .item_table table {text-align: center; width: 100%; margin: 5px 0 10px 0;}
.index03 .sec_itemBox03 > .item_table table tr td {font-size: max(16px, 3em); color: #333; padding: 1.5rem 5px; text-align: center; border-right: 2px solid #cacaca; border-bottom: 2px solid #cacaca;}
.index03 .sec_itemBox03 > .item_table table tr td:last-child {border-right-style: none;}
.index03 .sec_itemBox03 > .item_table table .tr_head td {background: #9b9b9b; font-weight: bold; color: #fff; font-size: max(18px, 3.5em); padding: 1.5rem 5px;}
.index03 .sec_itemBox03 > .item_table table .tr_head .td01 {width: 20.63%;}
.index03 .sec_itemBox03 > .item_table table .tr_head .td02 {width: 17%;}
.index03 .sec_itemBox03 > .item_table table .tr_head .td03 {width: 17.81%;}
.index03 .sec_itemBox03 > .item_table table .tr_head .td03 {width: 22.50%;}
.index03 .sec_itemBox03 > .item_table table .tr01 .td02,
.index03 .sec_itemBox03 > .item_table table .tr06 .td03 {font-size: max(14px, 2.5em); padding: 0.3rem 5px;}
.index03 .sec_itemBox03 > .item_table table .tr06 td {border-bottom-style: none;}
.index03 .sec_itemBox03 > .item_table table .tr_footer td {font-size: max(18px, 3.5em); border-bottom-style: none; 
border-right: 2px solid #fff; background: var(--main-color); color: #fff; font-weight: bold; padding: 1.5rem 5px;}
.index03 .sec_itemBox03 > .item_table > .table_box > p {font-size: max(15px,2rem); color: #555; line-height: 1.4; padding-left: 18px; position: relative; margin-left: 10px;}
.index03 .sec_itemBox03 > .item_table > .table_box > p span {content: ""; position: absolute; top: 0; left: 0; }
.index03 .sec_itemBox03 > .item_table .scroll_text {font-size: 14px; text-align: center; line-height: 1.4; color: #000; margin: 10px 0; display: none; font-weight: bold;}
.index03 .sec_itemBox03 > .item_table p.text {font-size: var(--font-size16); color: #555; line-height: 1.4; position: relative; margin-top: 15px;}

/*최하단 텍스트*/
.index03 .sec_itemBox03 > .item_table .table_list {margin-top: 20px;}
.index03 .sec_itemBox03 > .item_table .table_list > li {padding-left: 15px; font-size: var(--font-size16); color: #555; margin-bottom: 15px; line-height: 1.4;}
.index03 .sec_itemBox03 > .item_table .table_list > li:last-child {margin-bottom: 0;}
.index03 .sec_itemBox03 > .item_table .table_list > li span {position: relative;}
.index03 .sec_itemBox03 > .item_table .table_list > li span::before {position: absolute; content:""; width: 7px; height: 7px; border-radius: 50%; background: #555;
top: 50%; left: -15px; transform: translateY(-50%);}


@media (max-width: 991px) {
	.index03 .sec_itemBox03 > .item_table > .table_textBox {font-size: 1.01vw;}
	.index03 .sec_itemBox03 > .item_table .table_list > li br {display: none;}
}

@media (max-width: 850px) {
	.index03 .sec_itemBox03 > .item_table > .table_box {overflow-x: auto; overflow-y: auto; }
	.index03 .sec_itemBox03 > .item_table > .table_box table {min-width: 860px;}
	.index03 .sec_itemBox03 > .item_table .scroll_text {display: block;}
}

@media all and (max-width: 680px) {
		.index03 .sec_itemBox03 > .item_table > .table_textBox {flex-direction: column; align-items: end;}
}
@media all and (max-width: 600px) {
	.index03 .sec_itemBox > h1 > img {margin-bottom: 3%;}
	.index03 .sec_itemBox03 > .item_table > .table_textBox > * {font-size: max(8px, 3vw);}
	.index03 .sec_itemBox03 > .item_table > .table_textBox > b {font-size: max(10px, 3.67vw);}
	.index03 .sec_itemBox03 > .item_table > .table_textBox > b span {font-size: max(5px, 2vw);}
}

@media all and (max-width: 550px) {
	.index03 .sec_itemBox03 > .item_table table tr td {padding: 2% 0.66667% 2.3333% 0.66667%; }
}






/*section4*/
.index04 {background: url(img/sec05_bg.jpg) no-repeat; background-size: cover; padding: max(70px, 12em) 0 max(70px, 15em) 0;}
/*.index04 .title-icon {margin-bottom: 45px; }*/
.index04 .title-icon h4 {-webkit-text-stroke: 1px #f8b62c; font-weight: 900;}
.index04 .title-V4 {color: #fff; text-align: center; margin-bottom: 45px;}






/*section5*/
.index05 {background: #ffc345; padding: max(60px, 12.4em) 0 max(60px, 14.6em) 0;}
/*.index05 .title-icon {margin-bottom: 45px;}*/
.index05 .title-icon h4 {-webkit-text-stroke: 1px #f8b62c; font-weight: 900;}
.index05 .title-V4 {margin-bottom: max(50px, 7rem);}
.index05 .title-V4 img {width: max(200px, 7.13em); display: block; margin: 0 auto;}

.index05 .itemBox .item { display:flex;}
.index05 .itemBox .item .icon { 
width: 4rem; height: 4rem; background: var(--main-color); border-radius:50%; text-align: center; margin: 0 1.5rem;
color: #fff; font-size: var(--page-font-size3, max( 18px, 1.3vw )); font-weight: 500; text-transform: uppercase;
}
.index05 .itemBox .item .text { flex:1; padding: 0 1.5rem; }
.index05 .itemBox dt { align-items:center; border-bottom: 1px solid #d3d3d3; padding: 1.8rem 0; cursor:pointer; background: #fff;}
.index05 .itemBox dt > .icon { line-height: 3.2rem; }
.index05 .itemBox dt > .text {
color: #634100; font-weight: 500; font-size: var(--page-font-size5, max( 15px, 1.04vw )); line-height: 1.3;
}
.index05 .itemBox dt > .img { width: 2.1rem; margin: 0 3rem; transition:0.4s; }
.index05 .itemBox dd { border-bottom: 1px solid #d3d3d3; padding: 1.5rem 0 2.2rem; background: #ffecc8;}
.index05 .itemBox dd > .icon { line-height: 3.6rem; }
.index05 .itemBox dd > .text { line-height: 1.5; font-size: var(--page-font-size2, max( 14px, 0.94vw )); color: #444444; }

/* on */
.index05 .itemBox dt.on { border-bottom: none; }
.index05 .itemBox dt.on > .img { transform:rotate(180deg); }

/*font*/
@media all and (max-width: 768px) {
	.index05 .title-V4 {margin-top: 10px;}
}

@media all and (max-width: 500px) {
	.index05 .containerV1 .title_box > h4 {font-size: var(--font-size50); }
	.index05 .containerV1 .title_box > h1 {font-size: var(--font-size90);}
}



/*section06*/
.index06 {background: url(img/sec06_bg.jpg) no-repeat; background-size: cover; padding: max(60px, 9.8em) 0 max(70px, 13.3em) 0;}
/*.index06 .title-icon {margin-bottom: 45px;}*/
.index06 .title-icon h4 {-webkit-text-stroke: 1px #fff; font-weight: 900; color: var(--main-color);}
.index06 .title-V3 {color: var(--main-color); text-align: center; margin-bottom: 40px; -webkit-text-stroke: 2px #fff;}

@media all and (max-width: 991px) {
	.index06 .title-V3 {-webkit-text-stroke: 1px #fff;}
}

/*--------------------------------------------------- 인덱스세팅 끝 ----------------------------------------------------------------------------*/











/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
.footer {background: var(--main-color);}
.footer .copy_list {color: #fff;  padding: 0 0 40px 0; display: flex; justify-content: center; flex-direction: column; align-items: center; font-size: min(3.75vw, 15px); line-height: 25px;}
.footer .copy_list .list_box1 {display: flex; gap: 0 15px; margin-bottom: 30px; border-bottom: 1px solid rgba(225,225,225,0.5); width: 100%; justify-content: center; padding: 15px 0;}
.footer .copy_list .list_box1 span {position: relative; font-size: min(4vw, 16px);}
.footer .copy_list .list_box1 span a {color: #fff;}
.footer .copy_list .list_box1 span::before {content: ""; position: absolute; width: 1px; height: 13px; background: #fff; right: -10px; top: 50%; transform: translateY(-50%);}
.footer .copy_list .list_box1 span:last-child:before {display: none;} 
.footer .copy_list .list_box2 {display: flex; gap: 0 15px; flex-wrap: wrap; justify-content: center;}
.footer .copy_list .list_box2 li {position: relative;}
.footer .copy_list .list_box2 li > a {color: #fff !important;}
.footer .copy_list .list_box2 li.box_li05::before {display: none;}
.footer .copy_list .list_box2 li::before {content: ""; position: absolute; width: 1px; height: 13px; background: #fff; right: -8px; top: 50%; transform: translateY(-50%);}
.footer .copy_list .list_box2 li:last-child:before {display: none;}
.footer .copy_list .copy_text a {color: #fff;}
.footer .copy_list .copy_text .login_text {display: flex; justify-content: center; gap: 0 5px; }


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

@media (max-width:991px) {
	.footer .copy_box {display: flex; justify-content: center;}
	.footer .copy_list .list_box1 {display: none;}
	.footer .copy_list {width: 80%; padding: 15px 5px 15px 5px; display: flex; flex-direction: column; align-items: center;}
	.footer .copy_list .list_box2 li {margin-bottom: 5px;}
	.footer .copy_list .copy_text {text-align: center; }
	.footer .copy_list .list_box2 {text-align: center; justify-content: center;}
}


@media (max-width:840px) {
	.footer .copy_list {width: 100%;}
}


@media (max-width: 500px) {
	.footer .copy_list .list_box1 span:nth-child(1) {order: 1;}
	.footer .copy_list .list_box1 span:nth-child(2) {order: 3;}
	.footer .copy_list .list_box1 span:nth-child(3) {order: 4;}
	.footer .copy_list .list_box1 span:nth-child(3):before {display: none;}
	.footer .copy_list .list_box1 span:nth-child(4) {order: 2;}

}
/*--------------------------------------------------- 푸터세팅 끝 ----------------------------------------------------------------------------*/







/* 게시판 및 게시판헤드 등 기타 버튼들 기본컬러 변경 */
.btn.btn-color {border: 1px solid var(--main-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(--main-color);}