@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=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

@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;
}

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

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.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; }
    body {
    line-height:1; font-size:14px; 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; }
    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; }

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

	--main-color : #022b4b; /* mainColor */	
    --sub-color: #c4161c;
    --sub-color2: #fedf04;
    --basic-border-color: #02233c;	/* 게시판 및 게시판헤드 등 기타 버튼들 border 컬러 */

    --header-height: 120px;
}

@media (max-width:1200px) {
    :root { --header-height:120px; }
}

@media (max-width:991px) {
    :root { --header-height:80px; }
}

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

/* 확대 축소 애니메이션 */
@keyframes ani_scale1 {
	50% { transform:scale(1.005); }
}
@keyframes ani_scale2 {
	50% { transform:scale(1.04); }
}
@keyframes ani_scale3 {
	50% { transform:scale(1.00); }
}

.ikwrap { overflow-x: hidden; }

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

.fadeUp {transition: 1s;}
.fadeUp[data-scroll="out"] {opacity: 0; transform: translateY(10%);}

.Gmarket_bold {font-family: 'GmarketSansBold' !important;}
.Gmarket_medium {font-family: 'GmarketSansMedium' !important;}
.Gmarket_light {font-family: 'GmarketSansLight' !important;}


/* 헤드 pc & mob */
@media all {
    #header {
        /* 높이값 :
            각 그룹 중 가장 갯수가 많은 소메뉴 * 3.3em
        */
        --inner-height: calc(var(--i) * 3.3em);
        --menu-font-size-pc:20;
        --menu-font-size-mob:17;
        --bg-color:#250505;
        --item-color:#fff;
        font-size: min( calc( var(--menu-font-size-mob) / 350 * 100vw ), calc(var(--menu-font-size-pc) * 1px) );
        position: fixed; left: 0; top: 0; width: 100%; z-index: 8000; 
        transition:0.2s; background: var(--bg-color); height: var(--header-height);
        transition:0.4s;
    } 
    #header .logo {
        --logo-width:283;
        --logo-height:69;
        width: calc(var(--logo-width) * 1px);
    }
    #header .logo a { 
        display: block; background-repeat: no-repeat;
        background-position: center; background-size: cover;
        background-image: url(./img/logo.png);
        padding-bottom: 
        calc(var(--logo-height) / var(--logo-width) * 100%);
    }


	/* 헤드 스크롤 했을 때 */
    #header.scroll {
        --item-color:#fff;
        box-shadow:0 5px 5px rgba(0,0,0,0.1);
    }

    /* #header  .itemBox > div {position: relative;} */

}



@media (min-width:992px) {/* pc */

    #header {
        display: flex; align-items: end;
    }

    #header .logo {align-self: end; padding-bottom: 23px;}

    #header > .containerV1 { 
        display: flex; justify-content: space-between;
        align-items: center;
    }
    
    
    /* menu */
    #header .menu .outer { 
        display:flex; height: 100%;
    }
    #header .menu .outer > li {
        height: 100%; text-align: center;
        overflow: hidden;
    }

    #header .menu .outer > li > span.text {display: block; padding:0 1.5em; position: relative;}
    #header .menu .outer > li:first-child > span.text {padding-left: 0;}
    #header .menu .outer > li:last-child > span.text {padding-right: 0;}
    #header .menu .outer > li:not(:last-child) > span.text::before {
        content:''; position: absolute; top: 50%; right: 0;
        transform: translateY(-50%);
        width: 2px; height: 19px; background: #fff;
    }

    #header .menu .outer > li:first-child .inner_box > .inner {grid-template-columns: repeat(5,1fr);}

    #header .menu .outer > li > span > a { 
        display: block; color: var(--item-color);
        /* height: calc(var(--header-height)); */
        height: 73px;
        /* line-height: calc(var(--header-height)); */
        line-height: 73px;
        transition:0.4s;
    }


	/* Inner */
    /* #header .menu .outer > li:first-child .inner_wrap {display: block;} */
	#header .menu .inner_wrap {
        position:absolute; left:0; top:100%; width:100%; background: rgba(37,7,7,83%); display:none; transition:0.4s;
        min-height: 157px;
    }
	#header .menu .inner_box {
		display:flex;
        /* align-items:center; */
	}

	#header .menu .inner_box > .text_box {
		width: 34.016%; text-align: right; padding: 0.6em 0;
        padding-right: 0.85em;
	}
    #header .menu .inner_box > .text_box .sub_text {font-size: 0.7em; color: #fedf04;}
	#header .menu .inner_box > .text_box .title {
		font-size: 2em; line-height: 1.4; color: #fff;
        font-weight: 400;
	}

	#header .menu .inner_box > .inner {
		padding: 1.05em 0 1.2em;
		width: calc( 100% - 33.3333% ); 
		display:grid; grid-template-columns:repeat(4,1fr)
	}
	#header .menu .inner_box > .inner > li { 
		border-left: 2px solid rgba(255,255,255,43%);
	}
    #header .menu .inner_box > .inner > li:last-child {border-right: 2px solid rgba(255,255,255,43%);}

	#header .menu .inner_box > .inner > li > a { 
		display: flex; flex-direction: column; align-items:center; justify-content:center;
		font-size:1.25em; height: 100%; gap: 15px; min-height: 111px;
		transition:0.4s; color:#fff; transition:0.4s;
	}
	
	#header .menu .inner_box > .inner > li > a .img {font-size: 64px; color: #fff;}

	/* outer > li mouseover, .menu mouseleave */
    #header.showMenu {
        --item-color:#fff;
    }

	/* hover	*/
    #header .menu .outer > li:hover > .text > a {
        color: var(--sub-color2);
    }
	#header .menu .outer > li:hover .inner_wrap { display:block; }
	#header .menu .inner_box > .inner > li > a:hover { color: #fedf04; }
	#header .menu .inner_box > .inner > li > a:hover .icon { background: #fff; }

	
	/* 해당 페이지 일 때 */
    #header .menu .outer > li.on > .text > a {
        color: var(--sub-color2);
    }

}

@media (min-width: 1331px) {/* pc */
    #header { --menu-font-size-pc:22; }
    #header .menu .inner_box > .inner > li > a {font-size: 1em;}
    #header .menu .outer > li > span.text {padding:0 2.05em;}
    #header .menu .inner_box > .text_box .title {font-size: 1.85em;}
    #header .menu .inner_box > .text_box .sub_text {font-size: 0.65em;}
    #header .menu .inner_box > .inner {width: calc( 100% - 17% );}
}

/* @media (992px <= width <= 1330px) {

} */

@media (992px <= width <= 1200px) {

    #header { --menu-font-size-pc:18; }
    #header .logo { 
        max-width: 200px; 
    }
}


@media (max-width:991px) { /* mob */
	
	:root {
		--header-height: 60px;
	}

    #header {
        height: var(--header-height);
    }
    #header .logo { 
		--logo-width: 150;
		--logo-height: 36;

		max-width: 172px; 
    }
    
    #header > .containerV1 { 
        display: flex; justify-content: space-between; 
        height: 100%; align-items: center;
    }

    /* openBtn & closeBtn */
    #header .btn_menu { 
        --btn-icon-height:3px;
        --btn-icon-gap:5px;
        width: 1em; height: 2em;
        color: var(--item-color); font-size: 2em;
        
    }
    #header .closeBtn { 
        position: absolute; right: 0; top: 0;
        width: var(--close-size); height: var(--close-size); background: #fff;
        color: #000; font-size: 1.4em;
        background: #fff; z-index: 3;
    }

    /* itemBox */
    #header .itemBox { 
        --close-size:35px;
        position: fixed; right: 0; top: 0; 
        width: 80%; max-width: 580px; height: 100%;
        transform: translateX(101%);
        transition: 0.4s; background: #02233c;
    }
    #header .itemBox.showMenu { transform:translateX(0); z-index: 8600;}
    .mob_menu_bg { 
        position: fixed; left: 0; top: 0; width: 100%; height: 100vh; 
        background: rgba(0,0,0,0.8); z-index: 8500;
    }
    #header .itemBox > div {
        width: 100%; height: 100%; overflow-x: hidden; overflow-y:auto; position: absolute;  top:0;
        display: grid; align-content: start; padding-top: var(--close-size);
    }


    #header .menu { 
        --padding-side:30px;
        order:2; 
    }
    #header .menu .outer > li { border-bottom: 1px solid var(--line-color); position: relative; }
    #header .menu .outer > li > .arrow { position: absolute; right: var(--padding-side); top: 0.5em; height: 2em; }
    #header .menu .outer > li > .arrow:after { 
        content: ''; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);
        transition: 0.3s; width: 0.4em; height: 0.4em; background: var(--sub-color); opacity: 0;
        border-radius: 50%;
    }
    #header .menu .outer > li > .text { display: inline-block; }
    #header .menu .outer > li > .text > a {
        display: inline-block; padding: 1em var(--padding-side); pointer-events: none; 
        color: #fff; font-weight: 500;
    }
    #header .menu .inner { 
       font-size: 0.9em; padding:0 var(--padding-side); height: 0; overflow: hidden; transition: 0.5s;
    }
    #header .menu .inner > li:first-child { border-top: none; }
    #header .menu .inner > li:last-child { border-bottom: none; }
    #header .menu .inner > li > a { 
        display: block; padding: 0.7em 0; height: 2.4em; color: #fff; position: relative;
    }
    #header .menu .inner_box > .inner > li > a img {display: none;}
    #header .menu .inner > li > a:before {
        content: '-'; margin-right: 0.2em;
    }
	#header .menu .inner > li > a .text { display: inline-block; }

    
    
    /* hover */
    #header .menu .outer > li:hover {
        background: rgba(255,255,255,0.07);
    }
    #header .menu .outer > li:hover > .text > a {
        color: var(--sub-color2);
    }
    #header .menu .outer > li:hover .inner {
        /* 높이값:
            소메뉴 갯수 * (.inner {padding-top-botfooter .contentstom} + .inner > li {border-top-bottom}) + .inner > li > a {height})      
        */
            height: calc(var(--i) * 2.4em + 2.5em ); padding: 0.5em var(--padding-side); 
    }
    #header .menu .outer > li:hover > .arrow:after { opacity: 1; }

    /* 해당 페이지 일 때 */
    #header .menu .outer > li.on > .text > a {
        color: var(--sub-color2);
    }


}



/* index - all */
@media all {
    #index {
        --index-font-size-pc: 10;
        --index-font-size-mob: 10;
        font-size: min( calc( var(--index-font-size-mob) / 480 * 100vw ), calc(var(--index-font-size-pc) * 1px) );
        overflow: hidden;
    }
    #index .title-v1 {
        font-size: 4em; line-height: 1.4; font-weight: bold !important;
    }
    #index .sub-v1 {
        font-size: 2.5em; line-height: 1.6;
    }
    #index .text-v1 {
        font-size: 2em; line-height: 1.6;
    }
}

/* section1 */
#index .section1 {
    padding: 8.5em 0 14.3em; position: relative;
    overflow: hidden;
}
#index .section1:before {
    content: ''; position: absolute; left: 0; top: 0;
    width: 100%; height: 100%; 
    background: url(./img/sec1_bg.jpg) no-repeat center / cover;
    transition: 1.5s;
}
#index .section1[data-scroll="out"]:before {
    transform: scale(1.03);
}
#index .section1 .containerV1 {
    position: relative; z-index: 1;
}
#index .section1 .titleBox {
    margin-bottom: 5em; transition: 1.5s;
    text-align: center;
}
#index .section1 .titleBox .sub-v1 {
    line-height: 1; text-transform: uppercase;
    color: var(--sub-color); font-weight: bold;
    margin-bottom: 0.5em;

    transition-delay: 0.2s;
}
#index .section1 .titleBox .title-v1 {
    color: #313131; text-transform: uppercase;
    padding-bottom: 0.9em; line-height: 1; position: relative;
    margin-bottom: 0.6em;

    transition-delay: 0.4s;
}

#index .section1 .titleBox .title-v1::before {
    content:''; position: absolute; bottom: 0; left: 50%;
    transform: translateX(-50%); width: 41px;/* 1.03em */  height: 4px;
    background: var(--sub-color);
}

#index .section1 .titleBox .text-v1 {
	font-size: 3em;
    color: #313131; line-height: 1.3; font-weight: 500;

    transition-delay: 0.6s;
}

@media (min-width: 680px) {
    #index .section1 .titleBox .text-v1 br {display: none;}
}

@media (max-width: 680px) {
    #index .section1 .titleBox .text-v1 {margin-bottom: 0.6em;}
}


/* 태강기업 제품 */
#index .section1 .sign-wrap {
    --item-width:600;
    --item-height:520;
    --item-count:4;
    display: flex; gap:2.3em;
    transition: 1.5s;
    width: 100%; max-width: 1120px;
    margin: 0 auto;
} 
#index .section1[data-scroll="out"] .sign-wrap {
    transform: translateY(5%);
}

#index .section1 .sign-wrap > .sign_item {
    width: calc( 100% / var(--item-count) ); 
    overflow: hidden; transition: all 0.5s;
    position: relative;
}

#index .section1 .sign-wrap > .sign_item::before {
    content:""; position: absolute; bottom: 0; left: 50%; width: 100%; height: 0; z-index: 3;
    background: var(--sub-color); transition: 0.5s; transform: translateX(-50%);
}

/* opacity */
#index .section1 .sign-wrap > .sign_item::after {
    content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;
    background: #000; opacity: 30%; transition: opacity 0.5s;
}

#index .section1 .sign-wrap > .sign_item .visual_unit {
    width: 100%; height: 0;
    padding-bottom: calc(var(--item-height) * 1px); 
    z-index: 1;
    background-size: cover; background-position: center center;
    background-repeat: no-repeat;
	transform-origin: center;
}

/* 이미지 */
#index .section1 .sign-wrap > .sign_item01 .visual_unit {
    background-image: url(./img/index_section1_img1.jpg); 
}
#index .section1 .sign-wrap > .sign_item02 .visual_unit {
    background-image: url(./img/index_section1_img2.jpg);
}
#index .section1 .sign-wrap > .sign_item03 .visual_unit {
    background-image: url(./img/index_section1_img3.jpg);
}
#index .section1 .sign-wrap > .sign_item04 .visual_unit {
    background-image: url(./img/index_section1_img4.jpg);
} 

#index .section1 .sign-wrap .textBox {
    position: absolute; left: 0; top: 0; width: 100%;
    padding: 3.5em 2em; color: #fff; z-index: 2;
}
#index .section1 .sign-wrap .textBox .title1 {
    font-size: 2.5em; font-weight: bold; line-height: 1.4;
    margin-bottom: 0.1em;
}
#index .section1 .sign-wrap .textBox .text1 {
    font-size: 2em; line-height: 1.2;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}
#index .section1 .sign-wrap > .sign_item01 .textBox .text1 small {display: none;}


/* data-scroll */
@media (min-width: 581px) {
    #index .section1 .sign-wrap > .sign_item01 {transition-delay: 0.2s !important;}
    #index .section1 .sign-wrap > .sign_item02 {transition-delay: 0.4s !important;}
    #index .section1 .sign-wrap > .sign_item03 {transition-delay: 0.6s !important;}
    #index .section1 .sign-wrap > .sign_item04 {transition-delay: 0.8s !important;}
}




/* hover */
@media (min-width: 992px) {
    /* #index .section1 .sign-wrap > .sign_item:hover { width: calc(var(--item-width) * 1px); } */
    #index .section1 .sign-wrap > .sign_item:hover:after { opacity: 5%;}
    #index .section1 .sign-wrap > .sign_item04:hover .textBox {color: #313131;}
    #index .section1 .sign-wrap > .sign_item .visual_unit {transition: 0.4s;}
    #index .section1 .sign-wrap > .sign_item:hover .visual_unit {transform: scale(1.1); }

    #index .section1 .sign-wrap > .sign_item:hover:before {height: 11px;}
	

	#index .section1 .sign-wrap > .sign_item03 .visual_unit {
		background-position: -134px center;
	}

	#index .section1 .sign-wrap > .sign_item04 .visual_unit {
		background-position: -147px center;
	}
}

@media (max-width: 1430px) {
    #index .section1 .sign-wrap > .sign_item01 .textBox .text1 {
        display: flex; flex-wrap: wrap;
    }
    #index .section1 .sign-wrap > .sign_item01 .textBox .text1 small {display: inline;}
}

@media (max-width:1200px) {
    #index .section1 .sign-wrap { gap:1.5em; }
}

@media (max-width:991px) {
    #index .section1 .sign-wrap {
        --item-count:2;
        display: grid; 
        grid-template-columns: repeat(var(--item-count),1fr);
    }
    #index .section1 .sign-wrap > .sign_item {
        width: 100%;
    }

    #index .section1 .sign-wrap > .sign_item::before {height: 11px;}
}
@media (max-width:580px) {
    #index .section1 .sign-wrap {
        --item-count:1;
    }
    #index .section1 .sign-wrap > .sign_item .visual_unit {
        padding-bottom: calc(var(--item-height) / var(--item-width) * 100%); 
    }

	#index .section1 .sign-wrap > .sign_item03 .visual_unit {
		background-position: center 31%;
	}

    /* data-scroll */
    #index .section1 .sign-wrap > .sign_item {transition-delay: 0.2s !important;}
}


/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
/* footer*/
footer {
--footer-font : 20px;
--bg-color:#250505;
background: var(--bg-color); position: relative;}
footer > .contents_box {padding: 55px 0 50px;}
footer .contents { 
    display:flex; align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    max-width: 1270px;
    margin: 0 auto;
}
footer .contents > li { font-weight: 400;}

footer .item1 {padding-top: 10px; padding-left: 5px;}
footer .item2 {display: flex; flex-direction: column; flex-basis: 0; flex-grow: 1;}
footer .item2 > .text,
footer .item2 > .copy {padding-left: 87px;}
footer .item2 > div { 
    line-height: 1.6; font-size: var(--footer-font); color: #fff; 
}
footer .item2 > div a { color: inherit;}
footer .item2 > .text > span { 
    position: relative; font-weight: inherit; margin-right: 15px;
}
footer .item2 > .text > span:after { 
    content:'|'; position:absolute; right: -13px; top:55%;
    transform:translateY(-55%); 
}
footer .item2 > .text > span:last-child:after { display: none; }
footer .copy {
    font-size: min(3.50vw, 14px); color: #fff;
    font-weight: inherit; line-height: 1.3;
}
footer .copy a {color: #fff;}

footer .list_box1 {
    display: flex; gap: 0 45px; padding: 30px 0 0 0;
    padding-left: 30px;
}
footer .list_box1 span {position: relative; font-size: var(--footer-font);}
footer .list_box1 span a {color: #fff;}
footer .list_box1 span::before {
    content: ""; position: absolute; width: 1px; height: 17px; 
    background: #fff; right: -24px; top: 55%; transform: translateY(-50%);
}
footer .list_box1 span:last-child:before {display: none;} 

@media (max-width: 1330px) {
    /* footer .contents {gap: 0 120px;} */
    footer .item2 > div {display: flex; flex-wrap: wrap;}
    footer .item2 > .text > span {margin-right: 20px;}
    footer .item2 > .text:first-child > span:nth-child(2)::after {display: none;}
}

@media (992px <= width <= 1164px) {
    /* footer .item2 > .text > span:nth-child(2)::after {display: none;} */
}

@media (max-width: 1067px) {
    footer .item2 > .text:nth-child(2) > span:nth-child(2)::after {display: none;}
}

@media (max-width: 1028px) {
    footer .item2 > .text:first-child > span:first-child::after {display: none;}
}

@media (max-width:991px) {
    footer .item1 {display: none;}
    footer .item2 .list_box1 {display: none;}
    footer > .contents_box {padding: 20px 0 20px;}
    footer .item2 > .text, footer .item2 > .copy {padding-left: 0;}
    footer .contents > li { font-weight: 300;}
    footer .item2 > .text > span { display:block;}
    footer .item2 > .text {flex-direction: column;}
    footer .item2 > .text > span {margin-right: 0;}
    footer .item2 > .text > span:after { display:none;}
}

@media (max-width: 500px) {
    footer {
        --footer-font : 14px;
    }
}
/*--------------------------------------------------- 푸터세팅 끝 ----------------------------------------------------------------------------*/





/* 서브페이지 패딩 */
.tmt_sub_frame { 
	--page-top-padding:80px;
	padding:40px 0 70px; min-height: 75vh;
}
@media (max-width:768px) {
	.tmt_sub_frame {
		--page-top-padding:40px;
	}
}


/* 게시판 및 게시판헤드 등 기타 버튼들 기본컬러 변경 */
.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; }



/* 페이지 상단 타이틀 스타일 */


.ik_title_box_v1 {
	font-size: min(calc(10 / 600 * 100vw), 10px);
	text-align: center; padding-bottom: 5.5em;
}
.ik_title_box_v1 .sub {
	font-size: 2.8em; font-weight: bold !important; line-height: 1.4;
	text-transform: uppercase; color: #c7000a; letter-spacing: -0.06em;
	padding-bottom: 0.4em;
}
.ik_title_box_v1 .title {
	color: #313131; font-size: 3.5em; line-height: 1.4; text-transform: uppercase;
}
.ik_title_box_v1 .bar {
	width: 4.2em; height: 4px; background: #c7000a; margin: 16px auto 0;
}
.ik_title_box_v1 .text1 {
	font-size: 3em; line-height: 1.3333; color: #313131;
	padding-top: 0.6em;
}
@media (max-width:1200px) {
	.ik_title_box_v1 .text1 br { display: none; }
}
/* @media (max-width:991px) {
	.ik_title_box_v1 .sub {
		font-size: 20px;
	}
	.ik_title_box_v1 .title {
		font-size: 28px;
	}
	.ik_title_box_v1 .bar {
		width: 30px; height: 3px; margin-top: 6px;
	}
	.ik_title_box_v1 .text1 { font-size: 22px; }
}
@media (max-width:768px) {
	.ik_title_box_v1 .sub {
		font-size: 14px; padding-bottom: 0.6em;
	}
	.ik_title_box_v1 .title {
		font-size: 20px;
	}
	.ik_title_box_v1 .bar {
		width: 22px; height: 2px; margin-top: 12px;
	}
	.ik_title_box_v1 .text1 { font-size: 16px; }
} */



.ik_title_box_v2 {
	background: url('./img/p/page_title_bg.jpg') no-repeat center / cover;
	padding: 65px 0;
}
.ik_title_box_v2 .containerV1 {
	display:flex; align-items:center; justify-content:space-between;
	gap:30px;
}
.ik_title_box_v2 .title {
   color: #313131; font-size: 35px; line-height: 1.4; text-transform: uppercase;
   padding-bottom: 0.5em;
}
.ik_title_box_v2 .bar {
   width: 42px; height: 4px; background: #c7000a;
}
.ik_title_box_v2 .text1 {
	font-size: 24px; line-height: 1.1667; color: #434343;
	padding-top: 0.8em;
}
.ik_title_box_v2 .list_v1 {
	display:flex; align-items:center; gap:80px;
}
.ik_title_box_v2 .list_v1 > li { text-align: center; }
.ik_title_box_v2 .list_v1 > li .text {
	font-size: 24px; font-weight: bold; padding-bottom: 0.7em;
	color: #313131;
}

@media (max-width:1330px) {
	.ik_title_box_v2 .containerV1 {
		display:grid; text-align: center; justify-content:center;
		justify-items:center; gap:50px;
	}
	.ik_title_box_v2 .bar { margin: 0 auto; }
}
@media (max-width:768px) {
	.ik_title_box_v2 .title { font-size: 28px; }
	.ik_title_box_v2 .bar {
      width: 30px; height: 3px;
   }
   .ik_title_box_v2 .text1 { font-size: 16px; }
   .ik_title_box_v2 .list_v1 { gap:60px; }
   .ik_title_box_v2 .list_v1 > li .text { font-size: 16px; }
}
@media (max-width:550px) {
	.ik_title_box_v2 .title { font-size: 20px; }
	.ik_title_box_v2 .bar {
      width: 22px; height: 2px;
   }
   .ik_title_box_v2 .text1 { font-size: 15px; }
   .ik_title_box_v2 .text1 br { display: none; }
   .ik_title_box_v2 .list_v1 { gap:15px; justify-content:space-between; }
   .ik_title_box_v2 .list_v1 > li {
		width: max(90px,calc(130 / 768 * 100vw)); margin: 0 auto;
   }
   .ik_title_box_v2 .list_v1 > li .text { font-size: 15px; }
   .ik_title_box_v2 .list_v1 > li .icon img { display: block; margin: 0 auto; }
}


/* 페이지 제품 모델 소개 */
.ik_model_sogae_box {
	--inner-border-color:#d2d2d2;
	font-size: min(calc(10 / 450 * 100vw), 10px);
	padding: 5.5em 0 0;
}
.ik_model_sogae_box .guide_text {
	font-size: 2.4em; font-weight: bold; line-height: 1.4;
	padding-bottom: 1em; color: #d9534f;
}
.ik_model_sogae_box .model_list {
	display:flex; gap:4em; flex-wrap:wrap;
}
.ik_model_sogae_box .model_list > li {
	width: calc(50% - 2em);
}
.ik_model_sogae_box .model_list > li .img {
	border: 1px solid var(--inner-border-color); border-bottom: none;
	overflow: hidden; text-align: center;
}
.ik_model_sogae_box .model_list > li .img a {
	display: block;
}
.ik_model_sogae_box .model_list > li .img a img {
	transition:0.5s ease-in-out;
}
.ik_model_sogae_box .model_list > li .img a:hover img {
	transform:scale(1.05);
}
.ik_model_sogae_box .tableBox table { 
	width: 100%; border: 1px solid var(--inner-border-color); 
	border-bottom: none;
}
.ik_model_sogae_box .tableBox table td {
	border-bottom:1px solid var(--inner-border-color); 
	font-weight: bold; text-align: center; font-size: 2.4em;
	padding: 0.583em 5px; line-height: 1.2;
}
.ik_model_sogae_box .tableBox table .td1 {
	width: 278px; background: #a0a0a0; color: #fff;
}
.ik_model_sogae_box .tableBox table .td2 {
	color: #434343;
}
.ik_model_sogae_box .tableBox table .color-v1 {
	color: #d9534f;
}
@media (max-width:1330px) {
	.ik_model_sogae_box .model_list {
		gap:2em;
	}
	.ik_model_sogae_box .model_list > li {
		width: calc(50% - 1em);
	}
	.ik_model_sogae_box .tableBox table td { font-size: 1.8em; }
}
@media (max-width:991px) {
	.ik_model_sogae_box .model_list {
		gap:4em;
	}
	.ik_model_sogae_box .model_list > li {
		width: 100%;
	}
}
@media (max-width:580px) {
	.ik_model_sogae_box .tableBox table td { font-size: 1.65em; }
	.ik_model_sogae_box .tableBox table .td1 { width: 50%; }
}


/* 페이지 상세 제품 */

.page_frame {
	font-size: min(calc(10 / 500 * 100vw), 10px);
	--color1: #d13b42;
    --color2: #022b4b;
}