@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,1,0');
/* 메인컬러 */
:root {
  --main-color: #141518; /* 메인 컬러를 여기에 설정 */
}
/* 메인컬러 */

/* reset */
@media all {
    .clear:after { 
        content:""; 
        display:block; 
        clear:both;
    }
    * { margin:0; padding:0; outline:none; box-sizing:border-box;}
    body {
        line-height:1; font-size:14px; font-weight:400; color:#000; font-family: var(--main-font); word-wrap: break-word; word-break: keep-all;
        margin-bottom: calc(var(--form-height) * 1px);

        background: #f5f5f5;
    }
    h1, h2, h3, h4, h5, h6 { margin:0; font-family: var(--main-font); 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: var(--main-font); }
    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; }
    textarea {font-family: var(--main-font) !important;}
    ::placeholder { font-family: var(--main-font) !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;}

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

/*	--main-color : #fe2d06; /* mainColor */
    --basic-border-color: #333;	/* 게시판 및 게시판헤드 등 기타 버튼들 border 컬러 */
	
	/*main-font*/
	--main-font: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;

    /* 30폰트 */
    --font-30: max(13px, 3em);
    /* 35폰트 */
    --font-35: max(14px, 3.5em);
    /* 40폰트 */
    --font-40: max(15px, 4em);
    /* 45폰트 */
    --font-45: max(16px, 4.5em);
    /* 50폰트 */
    --font-50: max(17px, 5em);
    /* 55폰트 */
    --font-55: max(18px, 5.5em);
    /* 60폰트 */
    --font-60: max(20px, 6em);
	/* 95폰트 */
    --font-95: max(40px, 9.5em);
}


/* container */
.containerV1 { width: 100%; margin: 0 auto; max-width: calc(var(--containerV1-width) * 1px); }
@media (max-width:1110px) {
	.containerV1 {padding: 0 max(20px, 6em);}
}


.ikwrap { overflow-x: hidden; }

/* 게시판 글 없을 때 */
.post-none { font-size: 16px; }

/* font */
.Pop {font-family: 'Poppins', sans-serif !important;}
.Ptd {font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;}

.font-em1080 {font-size: min(calc(10 / 1080 * 100vw), 10px);}

/*----------------------------- header ----------------------------------------------------------------------------------------------------*/
#header {position: relative; padding: 10em max(15px, 6em); margin-bottom: 5em;}
#header #logo {width: max(140px, 34em); margin: 0 auto; display: block;}

@media (max-width: 1110px) {
    #header .containerV1 {padding: 0;}
}

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



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

/* footer*/
footer {background: #fff; padding: 3.5em 0; margin-top: 10em;}

footer .contents > .item {width: 100%; display: flex; flex-direction: column; align-items: center;}

footer .item1 {width: auto;}
footer .item h1 {font-size: max(16px, 4em); color: #000; font-weight: bold; margin-bottom: 0.5em;}

footer .item {display: flex; flex-direction: column;}
footer .item > div.text {line-height: 1.6; font-size: max(12px, 3.2em); color: #aaa; display: flex; flex-wrap: wrap; justify-content: center;}
footer .item > div a { color: inherit;}
footer .item > .text > span { position: relative; font-weight: 400; margin-right: 1em;}
footer .item > .text > span::after {
	content:'·'; position: absolute; top: 50%; transform: translateY(-50%);
	right: -0.6em; color: inherit;
}
footer .item > .text > span:last-child:after { display: none;}

@media (max-width: 1080px) {
	 footer {font-size: min(calc(9 / 1080 * 100vw), 9px) !important;} 
}

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


.index_btn_box {font-size: 10px;
    width: 100%;
    max-width: max(260px, 72em);
}

.ik_index_btn_container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em; /* 버튼 사이의 간격 */
}

.ik_index_btn_wrapper {
    display: inline-block;
}

.ik_index_btn_share, .ik_index_btn_sms {
    display: inline-block;
    padding: 0.5em 3.2em;
    border-radius: 2.0em;
    background-color: #4CAF50;
    color: white;
    text-decoration: none;
    font-size: 1.4em;
    transition: background-color 0.3s ease;
}

.ik_index_btn_share:hover, .ik_index_btn_sms:hover {
    background-color: #45a049;
}

/* 추가적인 스타일링이 필요할 수 있습니다. */