@charset 'utf-8';
/* position */
.relative{position: relative;}

/* blind */
.blind { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0,0 0,0 0) }
.file-input {display: none;}


/* input */
input[type="text"]{height: 1.7rem; border: 1px solid #757575; border-radius: 0.25rem;}
input:read-only{background: #ddd; border: 1px solid #bbb;}
input[type="checkbox"]:focus,input[type="radio"]:focus{outline:3px dotted #aaa;outline-offset:0}
select{height: 1.7rem; margin: 0 0 0 1rem; border-radius: 0.25rem;}

.searchInputW5{max-width: calc(100% - 5rem);}
.searchInputW10{max-width: calc(100% - 10rem);}
.searchInputW15{max-width: calc(100% - 15rem);}

/* width */
.w100{width: 100%;}

.wMax10per{max-width: 10%;}
.wMax20per{max-width: 20%;}
.wMax30per{max-width: 30%;}
.wMax40per{max-width: 40%;}
.wMax50per{max-width: 50%;}

/* font */
.font_wB{font-weight: 700;}

.fs20{font-size: 20px !important;}
.fs22{font-size: 22px !important;}
.fs25{font-size: 25px !important;}
.fs30{font-size: 30px !important;}

.colorB{color: #000;}
.colorBlue{color: #1d52ff;}
.colorRed{color: #ff1111;}
.colorOrg{color: #ff6a20;}
.colorGreen{color: #1ca414;}
.colorNavy{color: #3934c2;}

/* align */
.aCenter{text-align: center;}
.aLeft{text-align: left;}
.aRight{text-align: right;}

/* tit */
.tit1{position: relative; font-size: 1.25rem; padding-left: 2.15rem; margin-top: 2.5rem; margin-bottom: 1.3rem;}
.tit1::before{content: ''; position: absolute; display: block; left: 0.4rem; top: 0.5rem; width: 1.2rem; height: 0.65rem; border-radius: 0 1rem 1rem 0; background: var(--menuColor1); 
z-index: 0;}
.tit1::after{content: ''; position: absolute; display: block; left: 0; top: 0.85rem; width: 1.2rem; height: 0.65rem; border-radius: 0 1rem 1rem 0; background: var(--menuColor2); z-index: -1;}

/* list */
.list_st1{margin-top: 0.5rem;}
.list_st1 li{ position: relative; padding-left: 1.2rem; line-height: 1.6rem;}
.list_st1 li::before{content: ''; position: absolute; width: 0.2rem; height: 0.2rem; background: #333333; border-radius: 50%; left: 0.5rem; top: 0.7rem;} 


.list_st2{margin: 0.5rem 0;}
.list_st2 li{ position: relative; padding-left: 1.2rem; line-height: 1.6rem;}
.list_st2 li::before{content: ''; position: absolute; width: 0.4rem; height: 0.1rem; background: #777; left: 0.5rem; top: 0.7rem;} 

ol.bo1{margin-top: 0.5rem; padding-left:2.1em; }
ol.bo1>li{line-height: 1.6rem;}
ol.bo1>li:before{position:relative;top:auto;left:auto;display:inline-block;
	box-sizing:border-box;  
	width:1rem; 
	height:1rem;
	min-width:20px;
	min-height:20px;
	margin:-.333em .721em 0 -2.4em;  
	padding:3px 0; 
	border-radius:0.2rem;
	background:#789;
	color:#fff;
	font-weight:400;
	font-size:.875em;  
	line-height:14px; 
	text-align:center;
	vertical-align:middle;
}
ol.bo1 ol.bo1>li:before{
	width:0.8rem; 
	height:0.8rem;
	min-width:18px;
	min-height:18px;
	padding:2px 0;  
	background:#bbb;
}

ul.bu ol.bo1>li:before {margin-top:-.25em}

ol.bo1>li:nth-child(1):before{content:'1'}
ol.bo1>li:nth-child(2):before{content:'2'}
ol.bo1>li:nth-child(3):before{content:'3'}
ol.bo1>li:nth-child(4):before{content:'4'}
ol.bo1>li:nth-child(5):before{content:'5'}
ol.bo1>li:nth-child(6):before{content:'6'}
ol.bo1>li:nth-child(7):before{content:'7'}
ol.bo1>li:nth-child(8):before{content:'8'}
ol.bo1>li:nth-child(9):before{content:'9'}
ol.bo1>li:nth-child(10):before{content:'10'}
ol.bo1>li:nth-child(11):before{content:'11'}
ol.bo1>li:nth-child(12):before{content:'12'}
ol.bo1>li:nth-child(13):before{content:'13'}
ol.bo1>li:nth-child(14):before{content:'14'}
ol.bo1>li:nth-child(15):before{content:'15'}
ol.bo1>li:nth-child(16):before{content:'16'}
ol.bo1>li:nth-child(17):before{content:'17'}
ol.bo1>li:nth-child(18):before{content:'18'}
ol.bo1>li:nth-child(19):before{content:'19'}
ol.bo1>li:nth-child(20):before{content:'20'}
ol.bo1>li:nth-child(21):before{content:'21'}
ol.bo1>li:nth-child(22):before{content:'22'}
ol.bo1>li:nth-child(23):before{content:'23'}
ol.bo1>li:nth-child(24):before{content:'24'}
ol.bo1>li:nth-child(25):before{content:'25'}
ol.bo1>li:nth-child(26):before{content:'26'}
ol.bo1>li:nth-child(27):before{content:'27'}
ol.bo1>li:nth-child(28):before{content:'28'}
ol.bo1>li:nth-child(29):before{content:'29'}
ol.bo1>li:nth-child(30):before{content:'30'}
ol.bo1>li:nth-child(31):before{content:'31'}
ol.bo1>li:nth-child(32):before{content:'32'}
ol.bo1>li:nth-child(33):before{content:'33'}
ol.bo1>li:nth-child(34):before{content:'34'}
ol.bo1>li:nth-child(35):before{content:'35'}
ol.bo1>li:nth-child(36):before{content:'36'}
ol.bo1>li:nth-child(37):before{content:'37'}
ol.bo1>li:nth-child(38):before{content:'38'}
ol.bo1>li:nth-child(39):before{content:'39'}
ol.bo1>li:nth-child(40):before{content:'40'}



/* btn */
.btn_red,
.btn_redL,
.btn_blue,
.btn_blueL,
.btn_gray,
.btn_grayL,
.btn_navy,
.btn_navyL,
.btn_green,
.btn_greenL,
.btn_inherit,
.btn_inheritL{display: inline-block; padding: 0.5rem 1rem; border-radius: 0.25rem; text-align: center; margin: 0.25rem; vertical-align: middle; font-weight: 700rem; font-size: 0.9rem;} 

.btn_red{background: #ff5252; color: #fff !important;}
.btn_redL{background:#fff; border:1px solid #ff5252; color: #ff5252 !important;}
.btn_blue{background: var(--menuColor1); color: #fff !important;}
.btn_blueL{background:#fff; border:1px solid #1d62ff; color: #1d62ff !important;}
.btn_gray{background: #8a8a8a; color: #fff !important;}
.btn_grayL{background:#fff; border:1px solid #8a8a8a; color: #333 !important;}
.btn_navy{background: #282a70; color: #fff !important;}
.btn_navyL{background:#fff; border:1px solid #282a70; color: #282a70 !important;}
.btn_green{background: #1d6d3d; color: #fff !important;}
.btn_greenL{background:#fff; border:1px solid #1d6d3d; color: #1d6d3d !important;}
.btn_inherit{background: #045cc7 !important; color: #fff !important;}
.btn_inheritL{background:#fff; border:1px solid var(--menuColor1); color: var(--menuColor1) !important;}

.btn_wide{padding: 0.5rem 3rem;}
.btn_mini1{padding: 0.1rem 1rem;}
.btn_mini2{padding: 0.1rem 0.5rem; font-size: 0.8rem;}

.btn_absol{position: absolute; right: 1rem; top: 1rem;}

/* box_st */
.box_st1{border: 1px solid #cacaca; border-top: 2px solid var(--menuColor1); padding: 2rem;}
.box_st2{border: 1px solid #cacaca; padding: 2rem;}

.box_stIco{ position: relative; padding-left: 9rem;} 
.box_stIco .ico{ position: absolute; left: 2rem; top: 2rem; display: inline-flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; background: var(--menuColor1); border-radius: 50%; border: 0.4rem solid var(--mainColor); color: #fff; font-size: 2.5rem;}
.box_stIco .txt{margin-top: 0.8rem;}

.box_scroll{max-height: 17.2rem; overflow-y: auto;}
.box_scroll .inner{height: 100%;}

.box_search{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem; background: #fafafa; border: 1px solid #bdbdbd; border-radius: 0.5rem; padding: 1.5rem;} 
.box_search .tit{font-weight: 700;}
.box_search select{height: 1.7rem; margin: 0 0 0 1rem; border-radius: 0.25rem;}
.box_search input[type="text"]{flex: 1; margin: 0 0.5rem;}
.box_search [class*="btn_"]{height: 1.7rem; line-height: 1.7rem; padding: 0 2rem;}

.box_search_ver2{flex-wrap: wrap;}
.box_search_ver2 select,
.box_search_ver2 input{margin: 0 0.5rem;}
.box_search_ver2 .btn_wrap{width: 100%; text-align: center; margin: 1rem 0 0 0;} 

.box_img{border: 1px solid #ddd; padding: 1rem; text-align: center;} 
.box_img img{display: block; margin: 0 auto; width: auto; max-width: 100%;}

/* margin */
.mgT05{margin-top: 0.5rem !important;}
.mgT1{margin-top: 1rem !important;}
.mgT2{margin-top: 2rem !important;}
.mgT3{margin-top: 3rem !important;}
.mgT4{margin-top: 4rem !important;}

.mgT-1{margin-top: -1rem !important;}
.mgT-2{margin-top: -2rem !important;}
.mgT-3{margin-top: -3rem !important;}


.mgB1{margin-bottom: 1rem !important;}
.mgB2{margin-bottom: 2rem !important;}
.mgB3{margin-bottom: 3rem !important;}
.mgB4{margin-bottom: 4rem !important;}

.mgLA{margin-left: auto !important;}
.mgL05{margin-left: 0.5rem !important;}
.mgL1{margin-left: 1rem !important;}
.mgL2{margin-left: 2rem !important;}
.mgL3{margin-left: 3rem !important;}
.mgL4{margin-left: 4rem !important;}

/* table */
[class*="tbl_st"]{overflow:auto;position:relative; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
[class*="tbl_st"] table{border-collapse:collapse;table-layout:fixed;width:100%;text-align:center; border-top: 2px solid #000;}
[class*="tbl_st"] table th{font-weight:600;}
[class*="tbl_st"] table th, 
[class*="tbl_st"] table td{padding:20px;font-size:16px;line-height:1.6;}
[class*="tbl_st"] table thead th{background-color:#f1f1f1;}
[class*="tbl_st"] table thead th:last-of-type{border-right:0;}
[class*="tbl_st"] table thead + tbody th{background-color:#f9f9f9;}
[class*="tbl_st"] table tbody th,
[class*="tbl_st"] table tbody td{border-top:1px solid #e0e0e0;}
/* [class*="tbl_st"] table tbody tr:first-child th{border-top:0;} */
[class*="tbl_st"] table tfoot th,
[class*="tbl_st"] table tbody th{background-color:#fafafa;}
[class*="tbl_st"] table tbody th+td{border-left:0;}
[class*="tbl_st"] table tfoot th,
[class*="tbl_st"] table tfoot td{border-top:1px solid #7e889b;}
.tbl_btns a{ padding: 0.5rem 2rem;}
.tbl_info{display: flex; align-items: center; justify-content: flex-start; margin-bottom: 0.5rem;}


/* paging */
.box_pagination {text-align:center;font-size:0}
.box_pagination .text_paging { font-size: 16px; padding: 0 8px; color: #333 !important;}
.box_pagination .text_paging.active { color: #1d62ff !important; font-weight: 600; }
.box_pagination button {display:inline-block;position:relative;width:36px;height:36px;line-height:36px; border-radius:4px; text-align:center;vertical-align:top;font-size:14px !important;background-color:#fff;color:#333 !important;}
.box_pagination button ~ button {margin-left:4px}
.box_pagination .btn_page.prev + button {margin-left:0}
.box_pagination button.btn_page {border:1px solid #757575}
.box_pagination button:hover, .box_pagination button:focus{background:#d4d4d4;font-weight:600}
.box_pagination button.active {background:#1d62ff !important; color:#fff !important; border-radius:4px;font-weight:600}

.box_pagination.small_type {display:flex;align-items:center;justify-content:center}
.paging_division {display:inline-block;width:24px;line-height:36px;color:#333;font-size:16px}
.box_pagination.small_type button ~ button {margin-left:0}
.box_pagination.small_type button:hover,
.box_pagination.small_type button:focus,
.box_pagination.small_type button.active {color:#1d62ff;font-weight:600}

.box_pagination.small_type span.num {display:inline-block;position:relative;width:36px;height:36px;line-height:36px;text-align:center;vertical-align:top;font-size:14px;background-color:#fff;color:#333 !important;}
.box_pagination.small_type span.num.active {color:#1d62ff;font-weight:600}

.box_pagination button.btn_page:hover, .box_pagination button.btn_page:focus {background:#fff;border:1px solid #aaa}
.box_pagination .btn_page.prev {margin-right:16px}
.box_pagination .btn_page.next {margin-left:16px}
.box_pagination .btn_page:disabled, .box_pagination .btn_page:disabled:hover {border:1px solid #757575;cursor:default}


/* Q&A */
.qnaView{ position: relative; background: #fafafa; padding: 1.1rem 1.5rem;}
.qnaView .tag{ display: flex; align-items: center; justify-content: center; width: 6.9rem; height: 2.65rem; position: absolute; right: 2.5rem; top: -0.5rem; background: #ffda80; border-radius: 0 0 0.25rem 0.25rem; color: #44444b; font-weight: 700; box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.1); }

.qnaView .view{display: flex; }
.qnaView .view .ico{flex-shrink: 0; width: 4.35rem; height: 4.35rem; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 2.65rem; font-weight: 600; background: #ff772d; border-radius: 50%;} 
.qnaView .view .txtWrap{padding: 1.2rem 0 0 2rem;}
.qnaView .view .txtWrap .user .date{color: #777; margin-left: 0.5rem;}
.qnaView .view .txtWrap .user .time{color: #777; margin-left: 0.5rem;}
.qnaView .view .txtWrap .user .look{color: #777; margin-left: 0.5rem;}
.qnaView .view .txtWrap .tit{font-weight: 600; font-size: 1rem; margin: 0.3rem 0;}
.qnaView .viewA{margin-left: 6.5rem; margin-top: 2rem; background: #fff; padding: 1.1rem 1.5rem; }
.qnaView .viewA .ico{background: #0eb464;}

/* Q&A : 댓글 */
.comment_lst .commentOpen{ border-bottom: 1px solid #ddd; font-size: 0.8rem;}
.comment_lst .commentOpen a::after{content: "\ea4d"; font-family: 'remixicon';}
.comment_lst .commentOpen a i{font-size: 1rem; margin-right: 0.2rem;}
.comment_lst ul{display: none;}
.comment_lst ul li{padding: 1rem; border-bottom: 1px solid #ddd;}
.comment_lst ul li .item{position: relative;}
.comment_lst ul li .item .user{font-size: 0.9rem; margin-bottom: 0.5rem;}
.comment_lst ul li .item .user .time{font-size: 0.75rem; color: #999; margin-left: 0.5rem;}
.comment_lst ul li .item .btnWrap{position: absolute; right: 0rem; top: 0rem;}
.comment_lst ul li .item .btnWrap button{border: 1px solid #8a8a8a; color: #666; border-radius: 0.25rem; padding: 0 0.7rem; font-size: 0.7rem;}
.comment_lst ul li .item .item_con{ position: relative; padding: 1rem; background: #f7f7f7; border-top: 1px solid #ddd;}
.comment_lst ul li .item .item_con:nth-of-type(1){margin-top: 1rem;}
.comment_lst ul li .item .item_con .btnWrap{top: 1rem; right: 1rem;} 
.comment_reply {display: flex; align-items: flex-start; background: #f7f7f7; padding: 1rem; margin-top: 1rem; border: 1px solid #ddd; gap: 0.3rem;}
.comment_reply form{display: flex; align-items: flex-start; width: 100%; gap: 0.3rem; }
.comment_reply input{width: 100%; padding: 0 0.5rem; font-size: 0.7rem; border: 1px solid #ddd;}
.comment_reply button{flex-shrink: 0; height: 1.6rem; border: 1px solid var(--menuColor1); border-radius: 0.25rem; padding: 0 0.5rem; color: #fff; background: var(--menuColor1);  }
.comment_reply button:nth-child(odd){background: #fff; color: var(--menuColor1);}

/* Q&A : 댓글 : active */
.comment_lst .commentOpen a.open::after{content: "\ea77"; }
.comment_lst ul.active{display: block;}
.comment_lst ul li .item .btnWrap button:hover,
.comment_lst ul li .item .btnWrap button:focus{font-weight: 700;}


/* alert */
#pop_container {	
	font-size: 13px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: 0;
	color: #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #676767;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
 
}

#pop_container:focus{outline:none;}

#pop_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: none;
	border: solid 1px #FFF;
	border-bottom: 0;
	cursor: default;
	padding: 0em;
	margin: 0em;
	display:none;
}

#pop_content {
	background: none;
	padding: 1em 1.75em;
	margin: 0em;
    text-align: center; 
}



#pop_message {
	text-align:center;
	padding-left: 0;
	padding:30px 0;
	font-size:15px;
}

#pop_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#pop_panel button.btn-default { padding:  7px 35px;
    margin: 0 3px;
    font-size: 12px; background: #fff;
    color: #555;
    border: 1px solid #b8b8b8; }

#pop_panel button.btn-primary { padding: 7px  35px ;
    margin: 0 3px;
    font-size: 12px; 
	background: var(--menuColor1);
    color: #fff;
    border: 1px solid var(--menuColor1);}

#pop_panel button#button_yes { padding: 7px 35px;
    margin: 0 3px;
    font-size: 12px; background: #fff;
    color: #555;
    border: 1px solid #b8b8b8; }

#pop_panel button#button_no { padding: 7px  35px;
    margin: 0 3px;
    font-size: 12px; background: #273e82;
    color: #fff;
    border: 1px solid #273e82; }

#pop_panel button#pop_cancel { padding: 7px  35px;
    margin: 0 3px;
    font-size: 12px; background: #fff;
    color: #555;
    border: 1px solid #b8b8b8; }

#pop_panel button#pop_ok { padding: 7px  35px;
    margin: 0 3px;
    font-size: 13px; background: var(--menuColor1);
    color: #fff;
 
    border: 1px solid var(--menuColor1); }


#pop_prompt {
	margin: .5em 0em;
}


/* layer */
.layer{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9000}
.layer .lay_wrap{position:relative;width:calc(100% - 40px);min-width:350px;max-width:400px;border:1px solid var(--menuColor1);background-color:#fff;border-radius:0 0 20px 20px;box-shadow:0 0 30px rgba(0,0,0,.6)}
.layer .lay_header{position:relative;padding:16px 56px 16px 20px;background:var(--menuColor1);background-size:100%;box-shadow:0 4px rgba(0,0,0,.13);overflow:hidden}
.layer .lay_header h2{position:relative;line-height:1.1em;font-weight:600;color:#fff;letter-spacing:-0.5px}
.layer .lay_header .btn_close{position:absolute;top:0;right:0;width:56px;height:56px;line-height:1px;font-size:2rem;color:#fff; opacity:0.6;transition:opacity 0.35s}
.layer .lay_header .btn_close:hover{opacity:1}
.layer .lay_cont{padding:20px 15px 20px 20px}
.layer .lay_cont .scroll_box{max-height:450px;padding-right:5px;overflow-y:auto}
.layer .lay_cont .txt{font-size:14px;margin-top:10px;word-wrap:break-word;word-break:keep-all}
.layer .lay_cont .txt:nth-of-type(1){margin-top:0}
.layer .lay_cont img{max-width:100%}
.layer .lay_header .btn_close
.layer.lay_2dep{background-color:rgba(0,0,0,.6)}
.layer.lay_2dep .lay_wrap{width:calc(100% - 20px);min-width:360px;max-width:440px;border:0;border-radius:0 0 15px 15px}
.layer.lay_2dep .lay_wrap:before{content:none}
.layer.lay_2dep .lay_header{padding:13px 56px 13px 20px;background-color:#1f1d33}
.layer.lay_2dep .lay_header .btn_close{background-size:16px 16px}
.layer.lay_2dep .lay_cont .scroll_box{max-height:340px}

/* FAQ */
.faq-container { margin: 1rem auto; padding: 1rem; border: 1px solid #ddd; }
.faq-item ~ .faq-item {border-top: 1px solid #ddd;}
.faq-question { width: 100%; padding: 1rem; text-align: left; font-size: 0.9rem; cursor: pointer; font-weight: 600; position: relative; }
.faq-question::after { content: "+"; position: absolute; right: 1rem; font-size: 1rem; transition: transform 0.3s; }
.faq-question.active::after { content: "−"; }
.faq-answer { display: none; padding: 1rem; font-size: 0.8rem; color: #333; background: #f1f1f1; border-radius: 0.5rem; margin:0 0.5rem 0.5rem;}

/* 담당자 영역 */
.contact-card {border: 1px solid #ddd; border-top: 2px solid var(--menuColor1); padding: 1rem; margin: 1rem 0;}
.contact-info {display: flex; align-items: center; gap: 2rem;}
.contact-info i{display: inline-flex; align-items: center; justify-content: center; width: 1.7rem; height: 1.7rem; border-radius: 50%; background: var(--menuColor1); margin-right: 0.5rem; color: #fff; }
.contact-info a { font-weight: 600; }
.contact-info a:hover {text-decoration: underline;}

/* 개인정보처리방침 */
.floorpos1{ display: flex; flex-wrap: wrap; padding:20px 0 30px; border-bottom: 1px solid #ddd;}
.floorpos1 li{width: 25%; padding: 0.25rem;}
.floorpos1 a{text-decoration:none;color:#333;}
.floorpos1 .num{display:inline-block;vertical-align:middle;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;color:#fff;background:var(--menuColor1);margin-right:6px;font-size:14px;}
.floorpos1 .t1{display:inline-block;vertical-align:middle;color:#000;}

/* 포토게시판 */
.list_photo{display: flex; flex-wrap: wrap; margin: -1rem;} 
.list_photo .item{display: block; width: 20%; padding: 1rem;}
.list_photo .item a{display: block; border: 1px solid #ddd; }
.list_photo .item a .img{display: block; height: 10rem;}
.list_photo .item a .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.list_photo .item a .tit{padding: 1rem 0.5rem 0.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700;}
.list_photo .item a .date{padding: 0 0.5rem 1rem; display: block; color: #777; font-size: 0.75rem;}
 
@media all and (max-width:428px){
	.floorpos1{display:none;}
}

@media (min-width:600px){
	.layer .lay_wrap{width:auto;min-width:calc(100% - 260px);max-width:calc(100% - 180px)}
	.layer .lay_cont .scroll_box{max-height:560px}

	.layer.lay_2dep .lay_wrap{width:auto;min-width:calc(100% - 340px);max-width:calc(100% - 140px)}
	.layer.lay_2dep .lay_cont .scroll_box{max-height:440px}
}

@media (orientation:landscape){
	.layer .lay_wrap{width:auto;max-width:calc(100% - 80px)}
	.layer .lay_cont .scroll_box{max-height:calc(100vh - 180px)}

	.layer.lay_2dep .lay_wrap{max-width:calc(100% - 100px)}
	.layer.lay_2dep .lay_cont .scroll_box{max-height:calc(100vh - 240px)}
}

@media (min-width:962px){
	.layer .lay_wrap{width:auto;min-width:calc(100% - 260px);max-width:calc(100% - 240px)}
	.layer .lay_cont .scroll_box{max-height:560px}

	.layer.lay_2dep .lay_wrap{width:auto;min-width:calc(100% - 340px);max-width:calc(100% - 180px)}
	.layer.lay_2dep .lay_cont .scroll_box{max-height:440px}
}

@media (min-width:1180px){
	.layer .lay_wrap{width:100%;min-width:800px;max-width:1000px}
	.layer .lay_cont .scroll_box{max-height:calc(100vh - 300px)}

	.layer.lay_2dep .lay_wrap{min-width:400px;max-width:800px}
	.layer.lay_2dep .lay_cont .scroll_box{max-height:calc(100vh - 460px)}
}

.hide {display:none;}



@media (max-width:768px){
	/* 박스 */
	.box_st2{padding: 1rem;}
	.box_stIco{padding: 1rem;}
	.box_stIco .ico{display: none;}
	.box_search{ flex-wrap: wrap;}
	.box_search [class*="btn_"]{display: block; width: 100%; height: auto;}
	.box_search [class*="btn_"]:nth-of-type(1){margin-top: 1rem;}
	.box_search_ver2 .btn_wrap{margin-top: 0; padding: 0;}

	/* 버튼 */
	.btn_red, .btn_redL, .btn_blue, .btn_blueL, .btn_gray, .btn_grayL, .btn_navy, .btn_navyL, .btn_green, .btn_greenL{font-size: 0.8rem;}
	.btn_absol{position: unset; display: block; width: 100%; margin: 0.5rem 0;}

	/* 테이블 */
	.tbl_st table, 
	.tbl_st thead, 
	.tbl_st tbody, 
	.tbl_st th, 
	.tbl_st td, 
	.tbl_st tr { display: block; }
	[class*="tbl_st"] table thead {display: none;}
	.tbl_none thead {display: block !important;}
	.tbl_none thead tr {padding: 0;}
	.tbl_none tbody tr th {display: none;}
	.tbl_none tbody tr{margin-bottom: 0px !important; border: none !important; padding: 0 !important;}
    .tbl_st thead { display: none; }
    .tbl_st tr { margin-bottom: 10px; border: 1px solid #ddd; padding: 10px; background: #fff; }
    .tbl_st td { padding: 0.5rem !important; text-align: left; padding: 8px; position: relative; }
    .tbl_st td:last-child { border-bottom: none; }
    .tbl_st td::before { content: attr(data-label); font-weight: bold; color: #333; display: inline-block; width: 5rem; text-align: center; margin-right: 1rem;  background-color: #eee;}
	.tbl_st .no_data{text-align: center; display: block;}
	.tbl_st .no_data::before{display: none;}
	figure.table table{display: table-cell;}
	figure.table table tbody{display: table-row-group}
	figure.table table tbody tr{display: table-row}
	figure.table table tbody tr td{display: table-cell}

	/* 인풋 */
	.inputFile1 {max-width: 100%; width: calc(100% - 10rem);}


	/* Q&A */
	.qnaView .tag{width: 5rem; right: 1rem;}
	.qnaView .view .ico{width: 2.5rem; height: 2.5rem; font-size: 1.5rem;}
	.qnaView .view .txtWrap{padding: 0.5rem 0 0 1rem;}
	.qnaView .viewA{margin-left: 3rem; margin-top: 1rem;}

	/* 개인정보처리방침 */
	.floorpos1 li{width: 33.33%;}

	/* 포토게시판 */
	.list_photo .item{width: 50%;}
}


@media (max-width:620px){
	/* 박스 */
	.box_search{display: block;}
	.box_search *{display: block; width: 100%;}
	.box_search select{margin: 0.5rem 0;}
	.box_search input[type="text"]{margin: 0.5rem 0;}

	/* 페이징 */
	.box_pagination button:not(.active, .btn_page ){display: none;}

	/* Q&A */
	.qnaView{padding: 1.1rem 0.5rem; padding-top: 2rem;}
	.qnaView .viewA{margin-left: 0; padding: 0.5rem;}
	.comment_lst ul li .item{padding-top: 1rem;}
	.comment_lst ul li .item .item_con{padding-top: 2rem;}
	.comment_reply form{flex-wrap: wrap; justify-content: flex-end;}

	/* 담당자 영역 */
	.contact-info{flex-wrap: wrap;}
	.contact-info p{width: 100%;}

	/* 개인정보처리방침 */
	.floorpos1 li{width: 50%;}

	/* 포토게시판 */
	.list_photo .item{width: 100%;}
}
@media (max-width:360px){

	/* 인풋 */
	.inputFile1 {max-width: 100%; width: 100%;} 
	
}




:root {
    --main-green:#1ca466;
    --main-navy:#00315a;

    --color-ver1:#e3ffe3;
    --color-ver2:#9ed5a1;
    --color-ver3:#62aa62;
    --color-ver4:#348034;
    --color-ver5:#175515;
}


/* header */
#headerWrap {width:100%; height: 100px; margin: 0 auto; display: flex; position: fixed; background: none;  z-index: 99; transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;}
#headerWrap:hover {background-color: #fff;}
#headerWrap:hover .navContainer:hover { background-color: #fff;}
#headerWrap .headerArea {max-width: 1760px; margin: 0 auto; width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
#headerWrap .headerArea .logo {display: block !important; font-size: 1.6rem; font-weight: 800; color: #fff;}
#headerWrap:hover .headerArea .logo {}
#headerWrap .headerArea .logo .logo_white {display: inline-block;}
#headerWrap .headerArea .logo .logo_color {display: none;} 
#headerWrap:hover .headerArea .logo .logo_white {display: none;}
#headerWrap:hover .headerArea .logo .logo_color {display: inline-block;} 
#headerWrap .headerArea {display: flex;  flex-flow: row wrap; justify-content: space-between; align-items: center; height: 100%;}
#headerWrap .headerArea .nav {height: 100%;}
#headerWrap .headerArea .nav .navArea {display: flex; height: 100%; display: flex; align-items: center; justify-content: center;}
#headerWrap .headerArea .nav .navArea .navBox { position: relative; height: 100%; display: flex; align-items: center; justify-content: center;}
#headerWrap .headerArea .nav .navArea .navBox .navTitle {font-weight: bold; padding: 0 3.5rem; color: #fff; height: 100%; display: flex; align-items: center; justify-content: center;font-size: 1.2rem;}
#headerWrap .headerArea .nav .navArea .navBox .navTitle br {display: none;}
#headerWrap:hover .headerArea .nav .navArea .navBox .navTitle{color:#505050;}
#headerWrap .headerArea .nav .navArea .navBox .navContainer {display: none; position: fixed; top: 100px; left: 0;z-index: 10; width: 100vw; justify-content: flex-start; align-items: stretch; background-color: #fff; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
#headerWrap .headerArea .nav .navArea .navBox .navContainer .name {font-size: 1.4rem; font-weight: 700;  width: 22%; padding: 2rem; text-align: right; background-color: #e3f0ff; border-radius: 0 0 4rem 0; color: #333;}
#headerWrap .headerArea .nav .navArea .navBox .navContainer .name .icon {display: none;}
#headerWrap .headerArea .nav .navArea .navBox .navContainer .contList {background-color: #fff; flex:1; padding: 2rem 5rem 2rem 2rem; display: flex; flex-flow: row wrap; align-items: stretch;  justify-content: flex-start; gap: 1rem;} 
#headerWrap .headerArea .nav .navArea .navBox .navContainer .contList .list {font-size: 0.95rem;   width: calc( ( 100% - 3rem ) / 4 );   font-weight: 600; position: relative;display: flex; flex-flow: column wrap; align-items: flex-start;overflow: hidden;}
#headerWrap .headerArea .nav .navArea .navBox .navContainer .contList .list .listLink { display: flex; flex-flow: row nowrap; width: 100%; justify-content: space-between; line-height: 0.9; padding: 0.9rem 1.8rem 0.65rem 0.9rem;border: 1px solid #eaeaea; border-radius: 0.4rem; background-color: #f7f7f7;}
#headerWrap .headerArea .nav .navArea .navBox .navContainer .contList .list .listLink:hover {background: linear-gradient(90deg, #12BC7F, #043BE1); color: #fff; font-weight: 600; border: none; }
#headerWrap .headerArea .nav .navArea .navBox .navContainer .contList .list .listLink .plus {display: none;}
#headerWrap .headerArea .nav .navArea .navBox .navContainer .contList .list .depthArea {padding: 1rem; width: 100%;}
#headerWrap .headerArea .nav .navArea .navBox .navContainer .contList .list .depthArea .depList {font-size: 0.85em; color: #969696; margin-bottom: 5px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start;}
#headerWrap .headerArea .nav .navArea .navBox .navContainer .contList .list .depthArea .depList::before {content: '\f111'; font-family: 'Font Awesome 5 Free'; margin-right: 5px; font-size: 4px; width: fit-content;}
#headerWrap .headerArea .nav .navArea .navBox .navContainer .contList .list .depthArea .depList:hover {font-weight: 800;}
#headerWrap .headerArea .nav .navArea .navBox .navContainer .contList .list .depthArea .depList a {    width: -webkit-fill-available;}
#headerWrap .headerArea .nav .navArea .navBox .navContainer .contList .list .depthArea .depList a .dot {font-size: 4px; margin-right: 5px; line-height: 0.9;}

#headerWrap .headerArea .utilWrap {}
#headerWrap .headerArea .utilWrap .utilCont {display: flex;}
#headerWrap .headerArea .utilWrap .utilCont .item {width: 50px; height: 50px; border-radius: 25px; text-align: center; vertical-align: middle;  margin-right: 0.5rem; color: #fff; cursor: pointer; border: 1px solid #fff;}
#headerWrap .headerArea .utilWrap .utilCont .item.scroll {color: var(--main-green); border-color: var(--main-green);}
#headerWrap .headerArea .utilWrap .utilCont .item.scroll:hover {background-color: var(--main-green);}
#headerWrap .headerArea .utilWrap .utilCont .item.logout {transform: rotate(180deg);}
#headerWrap .headerArea .utilWrap .utilCont .item.menu {transition: transform 0.3s ease-in-out;}
#headerWrap .headerArea .utilWrap .utilCont .item.menu.rotated { transform: rotate(90deg);}
#headerWrap .headerArea .utilWrap .utilCont .item:last-child {margin-right: 0;}
#headerWrap .headerArea .utilWrap .utilCont .item:hover {background-color: var(--color-ver3); color: #fff;}
#headerWrap .headerArea .utilWrap .utilCont .item i {}


/*sub Header*/
#headerWrap.subHeader {background-color: rgba(0,0,0,0.4); }
#headerWrap.subHeader .headerArea {}
#headerWrap.subHeader .headerArea .logo {display: inline-block; transition: 0.2s ease-in-out;}
#headerWrap.subHeader .headerArea .logo .white {display: inline-block;}
#headerWrap.subHeader .headerArea .logo .color {display: none;}
#headerWrap.subHeader .headerArea:hover .logo .white {display: none;}
#headerWrap.subHeader .headerArea:hover .logo .color {display: inline-block;}
#headerWrap.subHeader .headerArea .nav .navArea .navBox .navTitle { color: #fff;}
#headerWrap.subHeader .headerArea:hover .nav .navArea .navBox .navTitle { color: #505050;}
#headerWrap.subHeader .headerArea:hover .utilWrap .utilCont .item {color: var(--main-green); border-color: var(--main-green);}
#headerWrap.subHeader .headerArea .utilWrap .utilCont .item {color: #fff; border-color:#fff;}
#headerWrap.subHeader .headerArea .utilWrap .utilCont .item:hover {color: #fff; border: none; background-color: var(--main-green);}


/* 메뉴버튼 클릭시 nav 조정 */
#headerWrap .headerArea .nav .navArea.clickFull {display: flex;  flex-direction: row;  align-items: stretch; justify-content: stretch;  width: 100vw;  left: 0;   position: absolute;  top: 100px;  background: #fff; gap: 0;  height: 100vh; overflow: hidden; z-index: 1; padding: 2rem 4rem 0; transition: height 0.2s ease-in-out;}
#headerWrap .headerArea .nav .navArea.clickFull .navBox {flex: 1; width: calc( 100% / 6 ); display: flex; flex-flow: column wrap; align-items: stretch; justify-content: flex-start; border-right: 1px solid #eee; }
#headerWrap .headerArea .nav .navArea.clickFull .navBox:first-child {border-left: 1px solid #eeeeee;}
#headerWrap .headerArea .nav .navArea.clickFull .navBox .navTitle {display: none;}
#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer { position: static; width: 100%; min-width: 0; max-width: none;  height: auto;  border-top: none; border-bottom: none;  box-shadow: none;  display: flex !important; opacity: 1; flex-flow: column wrap; align-items: center; justify-content: flex-start;}
#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .name {width: 100%; background-color: unset; text-align: left; border-left: 3px solid #575757; padding: 0 1rem; color: #575757; margin-bottom: 2rem; }
#headerWrap .headerArea .nav .navArea.clickFull .navBox:hover .navContainer .name {color: var(--main-navy); border-color: var(--main-navy);}
#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList {width: 100%; flex-flow: column wrap; padding: 0 1.1rem;}
#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list {width: 100%; }
#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list:hover {background: unset; color: #707070; }
#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink {padding: 0; margin-bottom: 0.5rem; margin-right: 0; font-size: 1rem;background-color: unset; border-radius: 0; border: none;}
#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink:hover {background: unset; box-shadow: none; color: #707070;}
#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink svg {display: none;}
#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .depthArea {padding: 0; padding-left: 10px;}
#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .depthArea .depList {font-size: 0.9em;}

/* footer */
#footerWrap {width: 100%; margin: 0 auto; padding: 2rem 0; background-color: #00315A; display: flex; align-items: center; justify-content: center; color: #fff; flex-flow: column wrap;}
#footerWrap .footer {max-width: 1440px; background: none; border-top: none; width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch; gap: 4rem;}
#footerWrap .footer .firstWrap {width: auto; display: flex; flex-flow: column wrap; align-items: flex-start; justify-content: flex-start; gap: 1rem;}
#footerWrap .footer .firstWrap .logo {width: fit-content;}
#footerWrap .footer .firstWrap .logo span {color: #646464;}
#footerWrap .footer .secondWrap { flex: 1; margin-right: 1rem;}
#footerWrap .footer .secondWrap .top {font-weight: 600;  margin-bottom: 1rem; font-size: 0.8rem;}
#footerWrap .footer .secondWrap .top a {display: inline-block; margin-right: 2rem;}
#footerWrap .footer .secondWrap .top a:last-child {margin-right: 0;}
#footerWrap .footer .secondWrap .top .personal {color:#1CA466;}
#footerWrap .footer .secondWrap .bottom {font-size: 0.9rem;}
#footerWrap .footer .secondWrap .bottom .copyRight {font-size: 0.8rem;}
#footerWrap .footer .secondWrap .bottom p {display: inline-block;}
#footerWrap .footer .secondWrap .bottom p.address {display: block; margin-bottom: 1rem;}
#footerWrap .footer .secondWrap .bottom p span {font-weight: 600; margin-right: 1rem;}

.footToggleWrap {width: 100%; border: 1px solid #ddd; background-color: #F8F8F8; margin: 0 auto; text-align: center;} 
.footToggleWrap .toggleArea {width: 100%; max-width: 1440px;display: flex; flex-flow: row wrap; align-items: center; justify-content: center; margin: 0 auto;}
.footToggleWrap .toggleBox {position: relative;  flex: 1;border-right: 1px solid #ddd;}
.footToggleWrap .toggleBox:first-child {border-left: 1px solid #ddd;}
.footToggleWrap .toggleBox .siteBox span.icon {display: inline-block; transition: 0.2s ease-in-out;}
.footToggleWrap .toggleBox.active .siteBox span.icon {transform: rotate(180deg);}
.footToggleWrap .toggleBox.active {    background: linear-gradient(90deg, #00315a, #00b369);}
.footToggleWrap .toggleBox.active .siteBox { color: #fff; font-weight: 600;}
.footToggleWrap .siteBox {font-size: 1rem; color: #1d1d1d;  display: flex; flex-flow: row nowrap; justify-content: space-between; width: 100%; padding: 0.7rem; }
.footToggleWrap .siteList {width: 100%; display: none; flex-flow: column wrap; position: absolute; bottom: 45px;opacity: 0; transform: translateY(-10px);   z-index: 10; background-color: #fff; box-shadow:rgba(0, 0, 0, 0.1) 2px 3px 10px 2px;}
.footToggleWrap .siteList.active {display: flex; opacity: 1; transform: translateY(0);}
.footToggleWrap .siteList:hover a:hover {background-color: rgba(0, 0, 0, 0.1);}
.footToggleWrap .siteList a {font-size: 0.9rem; padding: 0.7rem; width: 100%; text-align: left;}
.footToggleWrap .siteList a:hover {font-weight: 600;}


.bannerWrap {width: 100%; margin: 0 auto; display: flex; justify-content: center; border-top: 1px solid #eaeaea;}
.bannerWrap .bannerWidth {width: 100%; max-width: 1440px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between;}
.bannerWrap .bannerWidth .bannerTitle {width: fit-content; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; font-size: 1rem; margin-right: 3rem;}
.bannerWrap .bannerWidth .bannerTitle p {}
.bannerWrap .bannerWidth .bannerTitle .title {font-weight: 700; margin-right: 1rem;}
.bannerWrap .bannerWidth .bannerTitle .btn {margin-right: 0.5rem; font-size: 1.3em; color: #aeaeae; cursor: pointer;}
.bannerWrap .bannerWidth .bannerTitle .bannerPlay {display: none;}
.bannerWrap .bannerWidth .bannerTitle .btn:last-child {margin-right: 0;}
.bannerWrap .bannerWidth .bannerSwiper {flex: 1; position: relative; margin: 0.7rem 0; overflow: hidden;}
.bannerWrap .bannerWidth .bannerSwiper .swiper-wrapper {transition-timing-function: linear !important; position: relative;}
.bannerWrap .bannerWidth .bannerSwiper .swiper-slide {width: auto; border: 1px solid #eaeaea; text-align: center; height: 43px; display: flex; flex-flow: column wrap; align-items: center; justify-content: center;}
.bannerWrap .bannerWidth .bannerSwiper .swiper-slide:hover {background-color: rgba(0,0,0,0.1);}
.bannerWrap .bannerWidth .bannerSwiper .swiper-slide img {max-width: 90%; }


/* media query */
@media only screen and (max-width: 1760px){
	/* #headerWrap.subHeader {position: sticky;} */
	#headerWrap .headerArea {max-width: 95vw;}
	#headerWrap .headerArea .nav .navArea .navBox .navTitle {font-size: 1.1rem; padding: 0 2rem;}
	#headerWrap .headerArea .nav .navArea.clickFull {padding: 2.5vh 2.5vw 0;}

	#headerWrap .headerArea .nav .navArea .navBox .navContainer .contList .list .depthArea {padding: 1rem 0 1rem 1rem;}


}

@media only screen and (max-width: 1600px){
#headerWrap .headerArea .nav .navArea .navBox .navContainer .contList .list { width: calc((100% - 2rem) / 3);}
}
@media only screen and (max-width: 1440px){
	
    .bannerWrap .bannerWidth {max-width: 95vw;}
	#footerWrap .footer {max-width: 95%;}
}

@media only screen and (max-width: 1280px){
	#headerWrap .headerArea .nav .navArea .navBox .navTitle {opacity: 0; font-size: 0; padding: 0;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .name {font-size: 1.2rem; margin-bottom: 1.5rem;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink {font-size: 0.9rem;}
}


@media only screen and (max-width: 1024px){
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .name {font-size: 1.1rem; margin-bottom: 1.2rem; padding: 0 0.5rem;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList {padding: 0 0.7rem;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink {font-size: 0.85rem; line-height: 1.2;}
	
	

}

@media only screen and (max-width: 768px){
	#headerWrap {height: 80px;}
	#headerWrap .headerArea .nav {width: 0;}
	#headerWrap .headerArea .nav .navArea.clickFull {top: 80px;}
	#headerWrap .headerArea .logo {vertical-align: middle;}
	#headerWrap .headerArea .logo img {max-height: 30px;}
	#headerWrap .headerArea .utilWrap .utilCont .item {width: 40px; height: 40px; font-size: 0.8rem;}
    
	#headerWrap .headerArea .nav .navArea.clickFull {flex-flow: column wrap;align-items: flex-start;justify-content: flex-start;background-color: var(--main-navy);padding: 0;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox {width: 100%; border-right: none; flex: 0;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox:first-child {border-left: none;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer {align-items: flex-start;justify-content: flex-start; background: transparent;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .name {width: 100%; margin-bottom: 0;border-left: none;padding: 1rem; color: #fff;font-size: 1rem; border-radius: 0; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; border-bottom: 1px solid #ccc;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .name.on {background: linear-gradient(270deg, #12BC7F, #00315a); color: #fff;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox:hover .navContainer .name {color: #fff; border-color: #ccc;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox:hover .navContainer .name.on {color: #fff;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .name .icon {display: inline-block; transition: 0.2s ease-in-out;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .name.on .icon {transform: rotate(180deg);}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink {padding: 0.6rem 1rem; margin-bottom: 0; border-bottom: none; justify-content: flex-start; font-size: 0.9rem;color: var(--main-navy);}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink:hover {color: var(--main-navy); font-weight: 700;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink span {display: inline-block;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink.toggle2 {}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .depthArea {display: none; opacity: 0; max-height: 0;  overflow: hidden;  transition: all 0.3s ease; padding:0 0.9rem; }
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .depthArea.toggle2 { display: block; opacity: 1; max-height: 1000px;  width: 100%; text-align: left;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .depthArea .depList {margin-bottom: 0; padding: 5px;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .depthArea .depList:first-child {padding-top: 0;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .depthArea.toggle2 .depList:hover {font-weight: 600;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .depthArea.toggle2 .depList a {flex: 1;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList {max-height: 0;opacity: 0;overflow: hidden;transition: max-height 0.3s ease, opacity 0.3s ease; gap: 0; padding: 0;}
  	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList.toggle {max-height: 100vh;opacity: 1;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink .plus { transition: transform 0.3s ease; display: inline-block; font-size: 0.6rem; color: var(--main-navy); text-align: center; vertical-align: middle; line-height: 1.9; margin-left: 5px;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink .plus i {font-size: inherit;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink svg {display: inline-block;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink svg.fa-angle-right {display: none;}

	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink.toggle2 .plus {display: inline-block;transform: rotate(45deg);}

	.footToggleWrap .siteBox {font-size: 0.85rem;}
	.footToggleWrap .siteList {bottom: 43px;}
	.footToggleWrap .siteList a {font-size: 0.8rem;}
	#footerWrap .footer {flex-flow: column wrap; align-items: center; text-align: center; gap: 2rem;}
	#footerWrap .footer .secondWrap {margin-right: 0;}
}

@media only screen and (max-width: 550px){
	#headerWrap .headerArea .nav .navArea.clickFull {top: 70px;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .name {font-size: 0.9rem; padding: 0.7rem;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink {font-size: 0.8rem;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .depthArea .depList {font-size: 0.8rem;}
	#headerWrap .headerArea .nav .navArea.clickFull .navBox .navContainer .contList .list .listLink .plus {  line-height: 1.7;}
	
	#headerWrap {height: 70px;}
	#headerWrap .headerArea .utilWrap .utilCont .item {width: 34px; height: 34px; font-size: 0.7rem;}

    .bannerWrap .bannerWidth {flex-flow: row wrap;}
    .bannerWrap .bannerWidth .bannerTitle {width: 100%; margin-right: 0; justify-content: center; margin-top: 1rem;}
    .bannerWrap .bannerWidth .bannerSwiper {flex: unset; width: 100%;}

}

@media only screen and (max-width: 425px){
    .footToggleWrap .toggleArea {flex-flow: column wrap;}
	.footToggleWrap .toggleBox {width: 100%; border: none;}
	.footToggleWrap .toggleBox:first-child {border-left: none; border-bottom: 1px solid #ddd;}
	
  
}


@media only screen and (max-width: 375px){
    #headerWrap .headerArea .utilWrap .utilCont .item {width: 30px; height: 30px; font-size: 0.7rem;}
  
}