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

.clear:after {
content: "";
display: block;
clear: both;
}
* { margin: 0; padding: 0; outline: none; }
body {
line-height: 1; font-size: 13px; 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; }
ul, ol { list-style: none; margin: 0; }
a { outline: 0; text-decoration: none; }
a:focus { outline: none; }
img { border: none; outline: none; }
p { margin: 0; padding: 0; word-wrap: break-word; word-break: keep-all; }


/*
키컬러
ff9c00
*/

/* html font size */
@media (max-width:1600px) {
	html { font-size: 8.5px; }
}
@media (max-width:1200px) {
	html { font-size: 7.5px; }
}
@media (max-width:991px) {
	html { font-size: 7px; }
}
@media (max-width:768px) {
	html { font-size: 6.5px; }
}

/* 1600사이즈 */
.at-container { max-width: 1600px; }

@media (max-width:1650px) {
	.at-row {margin-left: 0px; margin-right: 0px; }
}







/*--------------------------------------------------- 해드세팅 ----------------------------------------------------------------------------*/





.header_wrap { 
padding: 25px 0; background: rgba(0,0,0,0.5); position: fixed; z-index: 1000; width: 100%; top: 0; height: 96px;
}
@media (max-width:768px) {
	.header_wrap { height: 91px; }
	.logo { max-width: 160px; }
	.logo > a { display: block; }
	.logo > a img { max-width: 100%; }
}



/*--------------------------------------------------- 해드세팅 끝 ----------------------------------------------------------------------------*/



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

.test_index { font-size:22px; line-height:1.6; }

.index { 
height: 100vh; overflow: hidden; position: relative;
-ms-display:flex; -ms-flex-direction:column; -ms-justify-content:center; -ms-align-items:center;
display:flex; flex-direction:column; justify-content:center; align-items:center;
}
.index > .titleBox { text-align: center; color: #fff; }
.index > .titleBox a { color: inherit; }
.index > .titleBox > .text1 { font-size: 4.5rem; font-weight: 700; margin-bottom: 2rem; }

.index > .titleBox .more { width: 20rem; margin: 0 auto; display: inline-block; }
.index > .titleBox .more:nth-child(1) { text-transform: uppercase; margin-right: 10px; } 
.index > .titleBox .more > a { display: block; height: 5rem; line-height: 5rem; background: #ff9c00; font-size: 2rem; }
.index > .titleBox .more > a:hover { box-shadow:0px 0px 10px rgba(0,0,0,0.2); }


.index > .movieBox { /* 동영상없음 */
position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 100%; height: 100%; background: #000; z-index: -1;
}
.index > .movieBox:after { content: ''; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.7); width: 100%; height: 100%; }

/* head.php의 인덱스rem 검색 / http://leeik.com/bbs/board.php?bo_table=ikb199&wr_id=98 */





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



/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/

/* footer_box*/
footer { background: #161618; }

footer > .contents_box { padding: 30px 0; }
footer .wrap {
-ms-display: flex; -ms-flex-wrap: wrap; -ms-align-items:center;
display: flex; flex-wrap: wrap; align-items:center;
}
footer .wrap > * { padding: 0 15px; }
footer .wrap > .f_logo { width: 25%; }
footer .wrap > .contents { width: 50%; font-family: 'Malgun Gothic'; }
footer .contents .item1 > div { line-height: 1.8; font-size: 12px; color: #fff; }
footer .contents .item1 > div a { color: inherit; }
footer .contents .item1 > .text > span { position: relative; margin-right: 5px; }
footer .contents .item1 > .text > span > i { font-style: normal; transform:translate(2px,-1px); display: inline-block; }


footer .copy { text-align: center; }


.footerSelectBox { margin-left: auto; margin-right: 0; display:inline-block; width:250px !important; height:50px; position:relative; color: #a0a0a0; }
.footerSelect { width:100%; height:100%; background:none; 
border:1px solid #a0a0a0; color:inherit; font-size:15px; font-weight:500; padding: 15px 30px 15px 15px; position:relative; cursor:pointer;
-webkit-appearance: none; -moz-appearance: none; appearance : none; font-family: 'Malgun Gothic'; text-transform: uppercase;
}
select::-ms-expand {
   display: none;
}
.footerSelect option { background:#000; color: inherit; }
.footerSelectBox > i { font-size:14px; position:absolute; right:30px; top:50%; transform:translateY(-50%); color:inherit; z-index:1000; }


footer > .info_box { padding: 10px 0; background: #000; }

footer > .info_box .info {
-ms-display: flex; -ms-justify-content: center; -ms-flex-wrap: wrap;
display: flex; justify-content: center; flex-wrap: wrap;
text-align: center;
}
footer .info > .item { position: relative; }
footer .info > .item:before {
content: ""; position: absolute; right: 7px; top: 50%; transform: translateY(-50%); width: 1px; height: 13px; background: #fff; }
footer .info > .item:last-child:before { display: none; }
footer .info > .item > a {
display: block; color: #fff; font-size: 15px; line-height: 1.8; margin-right: 15px; }



@media (max-width: 1200px) {
	footer .contents { max-width: 440px; }
}
@media (max-width: 991px) {
	footer .wrap > * { width: 100%; padding: 0; }
	footer .wrap > .f_logo { width: 100%; text-align: center; }
	footer .wrap > .contents { margin: 20px 0; max-width: initial; width: 100%; }
	footer .contents .item1 > .text > span { display: block; }
	footer .contents .item1 > .text > span > i  { display: none; }
	.footerSelectBox { margin: 0 auto; }
}
@media (max-width: 580px) {
	footer > .info_box .info { justify-content:flex-start; }
	footer .info > .item { width: 50%; }
	footer .info > .item:nth-child(1) { order:1; }
	footer .info > .item:nth-child(2) { order:3; }
	footer .info > .item:nth-child(3) { order:4; }
	footer .info > .item:nth-child(4) { order:2; }
	footer .info > .item:before { display: none; }
	footer .info > .item > a { font-size: 12px; }
}

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

/*--------------------------------------------------- 서브페이지세팅 ----------------------------------------------------------------------------*/

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

@media (max-width:768px) {
.tmt_sub_frame { padding: 87.16px 0 50px; }
}

/*--------------------------------------------------- 서브페이지세팅 끝 ----------------------------------------------------------------------------*/

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






.qr_index {position:fixed; right:20px; bottom: 20px;}
@media (max-width:768px) {
	.qr_index {display: none;}
}