@charset "utf-8";
/*********** 공통 ***********/
/* 준비중 */
.img_ready {display:flex;justify-content:center;align-items:center;margin:10rem 0;}
.img_ready .left img {width:41.7rem;}
.img_ready .right {padding-left:2rem;}
.img_ready .right strong {line-height:1.2;font-size:4rem;color:#111;}
.img_ready .right strong em {color:var(--main_color);}
.img_ready .right strong em br {}
.img_ready .right p {margin-top:2.5rem;line-height:1.5;}
	@media only screen and (max-width:767px){
		.img_ready {flex-direction:column;gap:4rem;text-align:center;}
		.img_ready .right strong em br {display:none;}
	}

/*********** 게시판 공통 ***********/
.notiwrap {padding-bottom:6rem;}

/* 게시판 상단 */
.sch_top {display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:1;margin-bottom:20px;}

/* 총게시물 수 */
.sch_top .total {}
.sch_top .total strong {font-size:1.7rem;font-weight:500;color:#111;}
.sch_top .total strong > em {color:var(--main_color);}
.sch_top .total strong > span {font-size:1.6rem;color:#767676;}
.sch_top .total strong > span em {color:var(--main_color);}

/* 검색 */
.sch_top .search_box .inputbox {display:flex;justify-content:center;gap:4px;}
.sch_top .search_box .inputbox select {width:190px;font-size:1.8rem;border:1px solid #111;color:#111;}
.sch_top .search_box .inputbox input {width:427px;font-size:1.8rem;border:1px solid #111;color:#111;}
.sch_top .search_box .inputbox input::-ms-input-placeholder {color:#111;}
.sch_top .search_box .inputbox input::-webkit-input-placeholder {color:#111;}
.sch_top .search_box .inputbox input::-moz-placeholder {color:#111;}
.sch_top .search_box .inputbox button {flex-shrink:0;width:5rem;height:5rem;background:#111;border-radius:10px;color:#fff;font-size:2rem;}

/* 게시판 영역 */
.board_box {border-top:2px solid #111;border-bottom:1px solid #ddd;}

/* 게시판 페이지넘버 */
.page_number {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:40px;}
.page_number li {margin:0 2px;}
.page_number li a {display:grid;place-items:center;width:34px;height:34px;line-height:1.2;text-align:center;font-size:1.5rem;color:#111;}
.page_number li a.on,.page_number li a:is(:hover, :focus, :active) {}
.page_number .prev_first a {background:url("/images/fs/common/first_prev.png") no-repeat center center;font-size:0;}
.page_number .prev a {background:url("/images/fs/common/prev.png") no-repeat center center;font-size:0;}
.page_number .num a.on,.page_number .num a:is(:hover, :focus, :active) {background:var(--main_color);border-radius:5px;color:#fff;}
.page_number .next a {background:url("/images/fs/common/next.png") no-repeat center center;font-size:0;}
.page_number .next_last a {background:url("/images/fs/common/last_next.png") no-repeat center center;font-size:0;}
	@media only screen and (max-width:1023px){
		.sch_top {margin-bottom:15px;}
		.sch_top .search_box .inputbox select {width:100px;}
		.sch_top .search_box .inputbox input {width:327px;}
		.sch_top .search_box .inputbox button {width:50px;height:50px;}

		.page_number {margin-top:20px;}
	}
	@media only screen and (max-width:767px){
		.sch_top {flex-direction:column-reverse;align-items:flex-start;margin-bottom:10px;gap:10px;}
		.sch_top .search_box {width:100%;}
		.sch_top .search_box .inputbox {flex-wrap:wrap;}
		.sch_top .search_box .inputbox select {flex-grow:1;}
		.sch_top .search_box .inputbox input {flex-grow:1;}
		.sch_top .search_box .inputbox button {flex-grow:1;width:40px;height:40px;}

		.page_number li {margin:0 1px;}
		.page_number li a {width:30px;height:30px;line-height:30px;}
		.page_number .prev_first a {width:30px;}
		.page_number .prev a {width:30px;}
		.page_number .next a {width:30px;}
		.page_number .next_last a {width:30px;}
	}


/*********** 일반 게시판 ***********/
/* 목록 */
.board_table {width:100%;line-height:1;margin-top:1px;border-collapse:collapse;font-size:1.8rem;color:#111;}
.board_table thead th {position:relative;padding:28px 20px;font-weight:700;font-size:1.8rem;border-bottom:1px solid #111;}
.board_table tbody tr {border-top:1px solid #ddd;}
.board_table tbody tr.noti {position:relative;background:#f3f6f9;}
.board_table tbody tr.noti:after {content:"";display:block;position:absolute;left:0;top:-1px;width:100%;height:1px;background:#fff;}
.board_table tbody td {padding:25px 12px;height:56px;font-weight:400;}
.board_table tbody td .ellipsis1 {max-width:90%;}
.board_table tbody td.num {font-size:1.6rem;color:#767676;}
.board_table tbody td.img img {width:128px;}
.board_table tbody td.tit {font-weight:600;}
.board_table tbody td.tit .reply {display:inline-block;margin-left:14px;}
.board_table tbody td.view .btn_bace:first-child {margin-top:0;}
.board_table tbody td.view .btn_bace {margin-top:5px;}
.board_table tbody td.file {font-size:2rem;color:#767676;}
.board_table tbody td.data {font-size:1.7rem;color:#767676;}
.board_table tbody td .btn_bace {height:35px;line-height:35px;font-size:1.4rem;}
.board_table tbody tr.noti td {font-weight:500;}
.board_table tbody tr.noti .num span {display:grid;place-items:center;width:52px;height:30px;margin:0 auto;background:var(--main_color);text-align:center;border-radius:50px;font-size:1.7rem;color:#fff;}
.board_table tbody tr:is(:hover,:focus,:active) {background:#f9f9f9;}
	@media only screen and (max-width:1199px){
		.board_table thead th {border-bottom:2px solid #111;}
	}
	@media only screen and (max-width:1023px){
		.board_table thead th {padding:10px 10px;}
		.board_table tbody td {padding:10px 10px;}
		.board_table tbody td .new img {width:17px;}
		.board_table tbody td .btn_bace {height:35px;line-height:35px;}
		.board_table tbody td.tit a {margin-top:0;}
	}
	@media only screen and (max-width:767px){
		.board_table {text-align:left;}
		.board_table colgroup,
		.board_table thead th {display:none;}
		.board_table tbody tr:first-child {border-top:0;}
		.board_table tbody tr.noti:after {display:none;}
		.board_table tbody tr {display:flex;flex-wrap:wrap;padding:12px 0;}
		.board_table tbody td {display:block;height:auto;}
		.board_table tbody td.num {order:1;display:none;}
		.board_table tbody td.tit {order:2;width:100%;padding:0 6px 8px 6px;font-weight:600;}
		.board_table tbody td .ellipsis1 {font-size:2.2rem;}
		.board_table tbody td .new img {width:20px;}
		.board_table tbody td.file {order:4;display:flex;align-items:center;padding:0 6px;border-right:0;font-weight:400 !important;}
		.board_table tbody td.data {order:3;display:inline-block;padding:0 6px;margin:5px 0;border-right:1px solid #ddd;}
		.board_table tbody tr.noti td {font-weight:600;}
		.board_table tbody tr.noti td.num {display:block;}
		.board_table tbody tr.noti .num {padding:0 6px 10px 6px;text-align:left;}
		.board_table tbody tr.noti .num span {display:inline-block;width:45px;line-height:25px;height:25px;}
		.board_table tbody tr.noti .num span img {height:50%;vertical-align:middle;}
		.board_table tbody tr td.ta-c {width:100%;}
	}
	@media only screen and (max-width:529px){
		.board_table tbody td .ellipsis1 {max-width:98%;}
		.board_table tbody td.tit .reply {display:block;margin:10px 0 0 0;}
	}

/* 상세 */
.view_box {border-bottom:1px solid #ddd;border-top:2px solid #111;}
.view_box .top {border-bottom:1px solid#ddd;text-align:center;padding-top:4.5rem;}
.view_box .top .sttit {display:flex;flex-direction:column;margin-bottom:4.5rem;line-height:1;font-size:3.3rem;color:#111;}
.view_box .top .sttit em {font-size:2rem;}
.view_box .top .etc {padding:2rem 1.5rem;border-top:1px dashed #ddd;}
.view_box .top .etc span {display:inline-block;margin-right:1.5rem;padding-right:2.5rem;border-right:1px solid #ddd;color:#767676;}
.view_box .top .etc span:last-child {margin-right:0;padding-right:0;border-right:0;}
.view_box .top .etc span em {display:inline-block;margin-right:1rem;color:#111;}
.view_box .content_box {padding:50px 30px;line-height:1.7;font-size:1.7rem;color:#767676;}
.view_box .file_box {display:flex;gap:55px;padding:20px 30px 18px 30px;border-top:1px solid #ddd;}
.view_box .file_box strong {padding-top:2px;color:#111;}
.view_box .file_box .file_d {display:flex;align-items:center;gap:70px;}
.view_box .file_box .file_d a {display:flex;gap:8px;line-height:1.2;}
.view_box .file_box .file_d a img {opacity:0.5;transform:translateY(-2px);}
.view_box .file_box .file_d a span {margin-top:2px;font-weight:500;font-size:1.6rem;color:var(--main_color);}
.view_box .file_box .file_d a:is(:hover,:focus,:active) {}
.view_box .public_box {margin:0;border-radius:0;}
.view_np_box {display:flex;justify-content:center;align-items:center;}
	@media only screen and (max-width:1023px){
		.view_box .content_box {padding:30px 20px;font-size:1.8rem;}
		.view_box .file_box {gap:25px;padding:25px 20px;}
	}
	@media only screen and (max-width:767px){
		.view_box .top .sttit {margin-bottom:28px;}
		.view_box .top .etc {padding:1.5rem 1rem;}
		.view_box .top .etc span {margin-right:1rem;padding-right:1.5rem;}
		.view_box .file_box {flex-direction:column;gap:15px;padding:15px 15px;}
		.view_box .file_box .file_d {flex-direction:column;align-items:flex-start;gap:10px;}
		.view_box .file_box .btn_down {height:30px;line-height:30px;}
		.view_box .file_box .btn_down img {margin-top:1px;}
	}

/* 쓰기 */
.required {background:#ffedec;padding:2rem 3rem;margin-bottom:4rem;border-radius:1.2rem;}
.form {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5rem 0;}
.form li {position:relative;width:100%;}
.form li .flex {justify-content:space-between;}
.form li label {display:block;}
.form li em {display:block;margin-bottom:1.6rem;color:#111;font-weight:600;font-size:2rem;line-height:1;}
.form li input {display:flex;width:100%;border-radius:1.2rem;background:#fff;border:1px solid #ddd;font-size:1.8rem;font-weight:400;line-height:100%;box-sizing:border-box;color:#111;}
.form .check_flex {display:flex;align-items:center;gap:2.4rem;flex-wrap:wrap;width:100%;padding:2rem;border-radius:1.2rem;border:1px solid #ddd;}
.form .checks {display:flex;align-items:center;}
.file_box {display:flex;flex-wrap:wrap;}
.file_box:not(:first-child) {margin-top:.5rem;}
.file_box .btn_upload {width:15rem;}
.file_box .btn_upload label {display:block;width:100%;padding:0 2rem;border-radius:3rem 0 0 3rem;line-height:4.5rem;height:4.5rem;font-size:.9em;transition:all .4s;-webkit-transition:all .4s;}
.file_box input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;cursor:pointer;transition:all .4s;-webkit-transition:all .4s;}
.file_box .upload_list {display:block;width:calc(100% - 15rem);}
.file_box .upload_list .upload_name {display:flex;align-items:center;padding-left:15px;border-radius:0 3rem 3rem 0;background:#ffedec;border-bottom:none;line-height:4.5rem;height:4.5rem;font-size:.9em;color:#767676;}
.file_box .upload_list .upload_name:not(:has(.upload_file)) .arrow {display:none;}
.file_box .upload_list .upload_file {display:flex;align-items:center;}
.file_box .upload_list .upload_name .btn_del {display:flex;margin-left:20px;font-family:inherit;background:none;color:var(--main_color);font-weight:500;}
	@media only screen and (max-width:767px){
		.form {gap:3rem 0;}
		.form li {width:100%;}
	}


/*********** 갤러리 게시판 ***********/
.gallery_box {padding:4rem 2rem;margin-top:4rem;}
.gallery_box .g_list {display:grid;grid-template-columns:repeat(4,1fr);gap:5rem 4rem;}
.gallery_box .g_list:has(.no_list) {grid-template-columns:1fr;}
.gallery_box .g_list > li a {display:block;}
.gallery_box .g_list > li a .imgbox {display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #ddd;text-align:center;aspect-ratio:1/1.5;}
.gallery_box .g_list > li a .imgbox:has(.no-img) {padding:5rem;}
.gallery_box .g_list > li a .imgbox img {height:100%;object-fit:cover;transition:all .4s;-webkit-transition:all .4s;}
.gallery_box .g_list > li a .imgbox img.no-img {object-position:center;object-fit:contain;}
.gallery_box .g_list > li a .titbox {margin-top:1.5rem;color:#111;font-weight:700;text-align:center;}
.gallery_box .g_list > li:is(:hover,:focus,:active) a .imgbox img {transform:scale(1.1);}
    @media only screen and (max-width:1023px){
        .gallery_box .g_list {grid-template-columns:repeat(3,1fr);}
    }
    @media only screen and (max-width:767px){
        .gallery_box .g_list {grid-template-columns:repeat(2,1fr);}
    }
    @media only screen and (max-width:475px){
        .gallery_box .g_list {grid-template-columns:repeat(1,1fr);}
    }


/*********************** 컨텐츠 시작 ***********************/

/*********** sub0101_회사소개 ***********/
.greeting_box .greeting {width:clamp(0px,80%,1200px);margin:0 auto;font-weight:800;font-size:3rem;line-height:1.4;color:#111;text-align:center;text-wrap:balance;}
.greeting_box .greeting p {margin:2rem 0;}
.greeting_box .pic_box {margin:9rem 0;}
.philosophy_box .tit span {display:block;}
.philosophy_box .tit span.sub_tit {font-weight:700;font-size:2.4rem;line-height:1;margin-bottom:.5rem;}
.philosophy_box .tit span.main_tit {font-size:6rem;font-weight:600;line-height:1.3;color:#111;}
.philosophy_box .tit span.main_tit strong {font-weight:800;}
.philosophy_box .philosophy_list li {display:flex;justify-content:space-between;align-items:center;min-height:20rem;padding:0 10rem;background:url("/images/fs/content/sub01/philosophy_img01.jpg") no-repeat center/cover;color:#fff;}
.philosophy_box .philosophy_list li:nth-child(2) {background-image:url("/images/fs/content/sub01/philosophy_img02.jpg");}
.philosophy_box .philosophy_list li:nth-child(3) {background-image:url("/images/fs/content/sub01/philosophy_img03.jpg");}
.philosophy_box .philosophy_list li span {font-weight:600;}
.philosophy_box .philosophy_list li em {font-weight:700;font-size:2.4rem;}
    @media only screen and (max-width:1199px){
        .philosophy_box .philosophy_list li {padding:0 8rem;}
    }
    @media only screen and (max-width:1023px){
        .philosophy_box .tit span.main_tit {text-wrap:balance;margin-top:1rem;}
        .philosophy_box .philosophy_list li {padding:0 7rem;}
    }
    @media only screen and (max-width:767px){
        .philosophy_box .philosophy_list li {padding:0 6rem;}
    }

/*********** sub0102_인사말 ***********/
.greetings_wrp .img_box {border-radius:3rem;overflow:hidden;}
.greetings_wrp .img_box img {width:100%;height:50rem;object-fit:cover;object-position:left center;}
.greetings_wrp .txt_box {margin-top:9rem;display:flex;justify-content:space-between;gap:2rem;}
.greetings_wrp .txt_box .tit {font-weight:800;font-size:7rem;line-height:1.25;color:#000;text-wrap:balance;}
.greetings_wrp .txt_box .con {font-weight:300;font-size:2rem;line-height:2;color:#000;}
.greetings_wrp .txt_box .con .sign img {display:inline-block;margin:0 .5rem 0 1.5rem;}
    @media only screen and (max-width:1199px) {
        .greetings_wrp .txt_box {margin-top:4.5rem;flex-direction:column;gap:3rem;}
        .greetings_wrp .txt_box .con .sign img {height:4rem;}
    }
    @media only screen and (max-width:1023px) {
        .greetings_wrp .txt_box .tit {font-size:5rem;}
        .greetings_wrp .txt_box .con {line-height:1.7;}
        .greetings_wrp .txt_box .con .sign img {height:3rem;margin:0 0 0 1rem;}
    }

/*********** sub0103_기업비전 ***********/
.intro_wrap {text-align:center;color:#111;padding:5rem 0;}
.intro_wrap .intro_main {font-size:4.5rem;letter-spacing:-0.025em;line-height:1.25;}
.intro_wrap .intro_main em {display:block;font-weight:600;}
.intro_wrap .intro_sub {font-size:3rem;color:#5d5d5d;margin-top:2rem;}
.common_tit {display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:6rem;}
.common_tit strong {font-size:6rem;line-height:1;letter-spacing:0.1em;color:#ff0b00;}
.common_tit span {font-weight:500;font-size:2.4rem;color:#111;}
.core_wrap {padding:10rem 0;}
.core_wrap .core_con > li:nth-child(odd) {background:#e3e3e3;}
.core_wrap .core_con > li .wrap {display:flex;align-items:center;padding:5rem 5.5rem;}
.core_wrap .core_con > li:nth-child(even) .wrap {flex-direction:row-reverse;}
.core_wrap .core_con > li:last-child .wrap {padding-bottom:0;}
.core_wrap .core_con > li .wrap > div {flex-basis:50%;}
.core_wrap .core_con > li .wrap .core_img {border-radius:2rem;overflow:hidden;}
.core_wrap .core_con > li .wrap .core_txt {display:flex;flex-direction:column;align-items:center;}
.core_wrap .core_con > li .wrap .core_txt .core_tit {display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;}
.core_wrap .core_con > li .wrap .core_txt .core_tit em {font-weight:700;font-size:3.4rem;margin-top:2rem;color:#111;}
.core_wrap .core_con > li .wrap .core_txt .core_tit span {font-weight:500;font-size:2.2rem;}
.strategy_wrap {background:url("../../images/fs/content/sub01/strategy_bg.png") no-repeat left center/cover;padding:10rem 0;}
.strategy_wrap .common_tit span {color:#fff;}
.strategy_wrap .strategy_con {display:grid;grid-template-columns:repeat(4,1fr);gap:4.8rem;padding:0 3.5rem;}
.strategy_wrap .strategy_con > li {background:rgba(255,255,255,.85);border-radius:2rem;padding:4rem 2.5rem;}
.strategy_wrap .strategy_con > li .strategy_tit {text-align:center;margin-bottom:3rem;}
.strategy_wrap .strategy_con > li .strategy_tit img {height:9.5rem;}
.strategy_wrap .strategy_con > li .strategy_tit em {display:block;font-weight:700;font-size:3rem;color:#111;margin-top:2.5rem;line-height:1.4;}
.strategy_wrap .strategy_con > li .strategy_tit span {display:block;font-weight:600;}
.vision_wrap {background:url("../../images/fs/content/sub01/vision_bg.png") no-repeat left center/cover;padding:10rem 0;text-align:center;}
.vision_wrap img {height:5rem;}
.vision_wrap strong {display:block;font-weight:500;font-size:3.6rem;margin-top:4rem;color:#fff;}
    @media only screen and (max-width:1199px){
        .strategy_wrap .strategy_con {gap:2.4rem;padding:0;}
        .strategy_wrap .strategy_con > li .strategy_tit img {height:8.5rem;}
        .strategy_wrap .strategy_con > li .strategy_tit em {margin-top:2rem;}
    }
    @media only screen and (max-width:1023px){
        .intro_wrap {padding:2.5rem 0;}
        .core_wrap, .strategy_wrap, .vision_wrap {padding:8rem 0;}
        .core_wrap .core_con > li .wrap {flex-direction:column !important;gap:4rem;padding:5rem 0rem;}
        .core_wrap .core_con > li .wrap .core_txt .core_tit {margin-bottom:1rem;}
        .core_wrap .core_con > li .wrap .core_txt .core_tit img {max-height:4.8rem;}
        .core_wrap .core_con > li .wrap .core_txt .core_tit em {line-height:1.2;margin-top:1rem;}
        .strategy_wrap .strategy_con {grid-template-columns:repeat(2,1fr);}
    }
    @media only screen and (max-width:767px){
        .strategy_wrap .strategy_con {grid-template-columns:repeat(1,1fr);}
        .vision_wrap strong {font-size:3.2rem;}
    }

/*********** sub0104_연혁 ***********/
.history_wrap .imgbox_wrap {position:relative;padding-bottom:8rem;}
.history_wrap .imgbox_wrap .imgbox {display:flex;align-items:center;justify-content:center;width:100%;height:40rem;overflow:hidden;}
.history_wrap .imgbox_wrap .imgbox img {min-height:100%;max-width:unset;}
.history_wrap .imgbox_wrap .titbox_wrap {background:var(--main_color);border-bottom-right-radius:5rem;padding:5rem;color:#fff;z-index:1;position:absolute;left:8rem;top:50%;width:100%;max-width:50rem;}
.history_wrap .imgbox_wrap .titbox_wrap .titbox .tit {font-family:var(--eng_font);font-weight:700;font-size:6rem;margin-bottom:1rem;line-height:1;}
.history_wrap .imgbox_wrap .titbox_wrap .cont_tab {display:flex;gap:2rem;margin-top:4rem;}
.history_wrap .imgbox_wrap .titbox_wrap .cont_tab > li {opacity:.5;}
.history_wrap .imgbox_wrap .titbox_wrap .cont_tab > li.active {opacity:1;}
.history_wrap .imgbox_wrap .titbox_wrap .cont_tab > li a {font-weight:900;font-size:2rem;}
.history_wrap .h_list {margin-top:10rem;padding-left:40rem;}
.history_wrap .h_list .h_item {display:flex;flex-wrap:wrap;justify-content:flex-end;}
.history_wrap .h_list .h_item:nth-of-type(n+2) {margin-top:8rem;}
.history_wrap .h_list .h_item .year {width:100%;margin-bottom:2rem;font-size:4.8rem;color:#111;font-weight:900;}
.history_wrap .h_list .h_item .month_list {position:relative;display:block;width:100%;}
.history_wrap .h_list .h_item .month_list > li {display:flex;flex-wrap:wrap;margin-bottom:1rem;padding:1.5rem 2rem;background:rgba(255,237,236,.6);border-radius:1rem;}
.history_wrap .h_list .h_item .month_list > li .month {position:relative;width:3.5rem;font-weight:700;color:var(--main_color);padding-left:1rem;text-align:right;}
.history_wrap .h_list .h_item .month_list > li .month:before {content:'';position:absolute;left:0;top:1.1rem;margin:auto;width:.5rem;height:.5rem;background:var(--main_color);border-radius:1px;transform:rotate(45deg);}
.history_wrap .h_list .h_item .month_list > li > ol {padding-left:2.5rem;width:calc(100% - 4rem);}
.history_wrap .h_list .h_item .month_list > li > ol > li:nth-of-type(n+2) {margin-top:.5rem;}
    @media only screen and (max-width:1499px){
        .history_wrap .h_list {padding:0 8rem;margin-top:6rem;}
    }
    @media only screen and (max-width:1023px){
        .history_wrap .imgbox_wrap .titbox_wrap {padding:4rem 3rem;left:6rem;}
        .history_wrap .h_list {padding:0 6rem;}
        .history_wrap .h_list .h_item:nth-of-type(n+2) {margin-top:6rem;}
    }
    @media only screen and (max-width:767px){
        .history_wrap .imgbox_wrap .imgbox {height:30rem;}
        .history_wrap .imgbox_wrap .titbox_wrap {left:4rem;top:40%;width:calc(100% - 8rem);padding:4rem 2rem;}
        .history_wrap .imgbox_wrap .titbox_wrap .titbox .tit {font-size:3.6rem;}
        .history_wrap .h_list {padding:0 4rem;}
        .history_wrap .h_list .h_item .month_list > li > ol {width:100%;padding-left:2rem;}
    }

/*********** sub0105_ci소개 ***********/
.ci_wrap .top_txt p {font-size:3rem;color:#000;line-height:1.7;}
.ci_wrap .top_txt p.s_txt {font-size:1.8rem;color:#767676;line-height:1.6;margin-top:2rem;padding-bottom:9rem;}
.ci_wrap .line_v {width:6rem;height:2px;border:0;margin:0 auto;background:var(--main_color);transform:rotate(90deg) translateX(0);}
.ci_wrap .tit_box {margin-bottom:4rem;}
.ci_wrap .tit_box .tith4 {font-weight:700;font-size:2.2rem;color:#000;margin-bottom:2rem;}
.ci_wrap .tit_box .sub_tit {line-height:1.6;text-wrap:balance;}
.ci_wrap .logo_wrap {padding-top:9rem;}
.ci_wrap .logo_wrap .logo_img {display:flex;justify-content:space-between;gap:1.2rem;}
.ci_wrap .logo_wrap .logo_img img {flex:1 1 0;max-width:100%;}
.ci_wrap .logo_wrap .btn_bace {gap:.5rem;}
.ci_wrap .cr_wrap {display:flex;align-items:flex-start;gap:9.6rem;}
.ci_wrap .cr_wrap .cr_system {display:flex;flex-wrap:wrap;}
.ci_wrap .cr_wrap .cr_system:nth-child(2) {gap:0 4.8rem;}
.ci_wrap .cr_wrap .cr_system em {display:block;font-weight:500;font-size:1.9rem;color:#000;width:100%;margin-bottom:.5rem;}
.ci_wrap .cr_wrap .cr_system dt {margin-bottom:.5rem;font-weight:600;}
.ci_wrap .cr_wrap .cr_system:nth-child(2) dt {color:#000;}
.ci_wrap .cr_wrap .cr_system dd {font-size:1.4rem;line-height:1.7;}
.ci_wrap .cr_wrap .cr_system .cr_box {display:flex;flex-direction:column;color:#fff;padding:2rem;width:20rem;height:20rem;}
.ci_wrap .cr_wrap .cr_system .cr_box.red {background:#e60012;}
.ci_wrap .cr_wrap .cr_system .cr_box.black {background:#231916;}
.ci_wrap .cr_wrap .cr_system .cr_item {display:flex;align-items:flex-end;}
.ci_wrap .cr_wrap .cr_system .cr_item .cr_s_box {display:block;width:10rem;height:10rem;margin-right:2rem;}
.ci_wrap .cr_wrap .cr_system .cr_item .cr_s_box.gray {background:#c9c9ca;}
.ci_wrap .cr_wrap .cr_system .cr_item .cr_s_box.gold {background:#b0883d;}
    @media only screen and (max-width:1199px){
        .ci_wrap .cr_wrap {gap:4.8rem;}
        .ci_wrap .cr_wrap .cr_system .cr_item .cr_s_box {margin-right:1rem;}
    }
    @media only screen and (max-width:1023px){
        .ci_wrap .cr_wrap {flex-direction:column;align-items:flex-start;}
    }
    @media only screen and (max-width:475px){
        .ci_wrap .logo_wrap .logo_img {flex-direction:column;}
        .ci_wrap .cr_wrap .cr_system:nth-child(2) {flex-direction:column;gap:1.2rem;}
        .ci_wrap .cr_wrap .cr_system .cr_item .cr_s_box {margin-right:2rem;}
    }

/*********** sub0106_ESG 경영 ***********/
.esg_box {padding:10rem 0;background:url("/images/fs/content/sub01/esg_bg.jpg") no-repeat center/cover;color:#fff;text-align:center;text-wrap:balance;}
.esg_box .logo img {filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(61deg) brightness(102%) contrast(103%);}
.esg_box .tit {font-weight:700;font-size:7rem;line-height:1.3;margin:6rem 0;}
.esg_box p {font-weight:500;font-size:2rem;line-height:1.8;color:rgba(255,255,255,.6);}
.esg_box p em {color:rgba(255,255,255,1);}

.esg_policy {background:#f5f5f5;}
.esg_policy .wrap {display:grid;grid-template-columns:280px 1fr;gap:4.8rem;padding:8rem 0;}
.esg_policy .side {position:sticky;top:10rem;height:fit-content;border-radius:2rem;padding:1rem;box-shadow:0 1rem 3rem rgba(2,8,23,.15);}
.esg_policy .toc {margin-top:1rem;}
.esg_policy .toc a {display:block;padding:1rem 1.5rem;margin:1rem;color:#000;border:1px solid #ddd;border-radius:1rem;font-weight:500;font-size:1.6rem;}
.esg_policy .toc a:is(:hover,:focus,:active) {transform:translateY(-1px);border-color:#e4332b;box-shadow:0 8px 20px rgba(228,51,43,.25);}
.esg_policy .main {display:flex;flex-direction:column;gap:2.4rem;}
.esg_policy .main section {scroll-margin-top:10rem;/* 헤더 높이만큼 여백 확보 */border:1px solid #ddd;background:#fff;border-radius:2rem;padding:2.4rem 3rem;box-shadow:0 1rem 3rem rgba(2,8,23,.08);}
.esg_policy .main section em {display:block;font-weight:600;color:#000;margin:2rem 0 1rem;}
.esg_policy .main .hero {color:#000;}
.esg_policy .main .chapter {display:flex;align-items:center;gap:1rem;margin-bottom:1rem;}
.esg_policy .main .chapter .num {display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:1rem;font-weight:700;background:#e4332b;color:#fff;}
.esg_policy .main .chapter h4 {font-size:2.2rem;color:#000;width:calc(100% - 3.2rem);}
.esg_policy .list1 {margin:.5rem 0 1.5rem 2rem;}
.esg_policy .list1 li {padding:1rem 2rem 1rem 3rem;border:1px dashed #ddd;border-radius:1rem;background:#fff;}
.esg_policy .list1 li::after {left:2rem;top:2.1rem;}
.esg_policy .list1 li + li {margin-top:8px}
.esg_policy .commit {position:relative;overflow:hidden;background:linear-gradient(135deg, rgba(0,184,148,.15), rgba(55,162,255,.15));border:1px solid #ddd;border-radius:2rem;padding:24px;box-shadow:0 1rem 3rem rgba(2,8,23,.08)}
.esg_policy .main section.commit p {color:#000;margin-top:2rem;}
    @media only screen and (max-width:1199px){
        .esg_box {padding:8rem 0;}
        .esg_box .tit {margin:5rem 0;}
    }
    @media only screen and (max-width:1023px){
        .esg_box {padding:7rem 0;}
        .esg_box .tit {margin:4rem 0;}
        .esg_policy .wrap {grid-template-columns:1fr;}
        .esg_policy .side {z-index:1;background:#fff;border:2px solid var(--main_color);box-shadow:0 1rem 3rem rgba(2,8,23,.3);}
        .esg_policy .toc a br {display:none;}
        .esg_policy .main section {scroll-margin-top:50rem;/* 헤더 높이만큼 여백 확보 */}
    }
    @media only screen and (max-width:767px){
        .esg_box {padding:6rem 0;}
        .esg_policy .main .chapter {align-items:flex-start;}
    }


/*********** sub0107_IG LADDER 기술 ***********/
#lightboxOverlay {max-width:100%;}


/*********** sub0108_오시는길 ***********/
.map_box .icon_box {display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;}
.map_box .icon_box .item {background:#f5f5f5;padding:7rem;text-align:center;border-radius:3rem;}
.map_box .icon_box .item em {display:block;font-family:var(--eng_font);font-weight:600;font-size:2rem;color:var(--main_color);margin:4rem 0 2rem;}
.map_box .icon_box .item p {color:#111;}
.map_box .map iframe {width:100%;height:55rem;border-radius:3rem;}
    @media only screen and (max-width:1199px){
        .map_box .icon_box .item {padding:5rem;}
    }
    @media only screen and (max-width:1023px){
        .map_box .icon_box {grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);}
        .map_box .icon_box .item {padding:5rem 4rem;}
        .map_box .icon_box .item:nth-child(1) {grid-area:1 / 1 / 2 / 3;}
        .map_box .icon_box .item:nth-child(2) {grid-area:2 / 1 / 3 / 2;}
        .map_box .icon_box .item:nth-child(3) {grid-area:2 / 2 / 3 / 3;}
        .map_box .icon_box .item em {margin:3rem 0 1rem;}
        .map_box .map iframe {height:50rem;}
    }
    @media only screen and (max-width:767px){
        .map_box .icon_box .item {padding:4rem 3rem;}
        .map_box .map iframe {height:40rem;}
    }


/*********** sub0201_제품 ***********/
/* 제품 카테고리 */
.prodwrap [class^="tabs"] {display:flex;margin-left:-16px;}
.prodwrap [class^="tabs"] li {flex:1 1 0;padding-left:16px;}
.prodwrap [class^="tabs"] li a {display:flex;align-items:center;position:relative;height:55px;padding:2px 30px 0 20px;text-decoration:none;border:1px solid #ddd;border-radius:5px;transition:.1s;}
.prodwrap [class^="tabs"] li a:after {content:"";position:absolute;right:10px;top:50%;display:block;width:20px;height:5px;background:#ddd;transform:translateY(-50%);transition:.1s;}
.prodwrap [class^="tabs"] li:is(.active,:hover,:focus,:active) a {font-size:1.9rem;padding:4px 30px 0 20px;border:2px solid var(--main_color);color:var(--main_color);}
.prodwrap [class^="tabs"] li:is(.active,:hover,:focus,:active) a:after {right:12px;width:10px;height:10px;border-radius:100%;background:var(--main_color);}
.prodwrap [class^="tab_content"] {display:none;}
.prodwrap [class^="tab_content"].on {display:block;}
	@media only screen and (max-width:1023px){
		.prodwrap [class^="tabs"] {row-gap:16px;margin-left:-16px;}
		.prodwrap [class^="tabs"] li a {padding:2px 35px 0 15px;}
		.prodwrap [class^="tabs"] li a:after {width:15px;}
		.prodwrap [class^="tabs"] li:is(.on,:hover,:focus,:active) a {padding:4px 35px 0 15px;}
	}
	@media only screen and (max-width:767px){
		.prodwrap [class^="tabs"] {flex-wrap:wrap;row-gap:8px;margin-left:-8px;}
		.prodwrap [class^="tabs"] li {flex:1 1 auto;width:50%;padding-left:8px;}
		.prodwrap [class^="tabs"] li a {height:50px;}
	}
	@media only screen and (max-width:599px){
		.prodwrap [class^="tabs"] li {width:50%;}
	}

/* 제품 목록 */
.prodwrap .gallery_box .g_list > li a .imgbox {aspect-ratio:1/1;}

/* 제품소개 상세 */
.product_view .product_tit {border-bottom:1px solid #ddd;border-top:2px solid #111;}
.product_view .product_tit em {border-bottom:1px solid #ddd;text-align:center;display:flex;flex-direction:column;padding:4.5rem 3rem;line-height:normal;font-weight:700;font-size:3.3rem;color:#111;}
.product_view .product_tit em span {display:block;margin-bottom:1rem;font-size:1.8rem;text-align:center;color:var(--main_color);}
.product_view .product_tit em span:empty {display:none;}
.product_view .flexbox {display:flex;margin-top:6.0rem;gap:5rem;}
.product_view .flexbox .img_box {flex-shrink:0;width:35%;}
.product_view .flexbox .img_box img {height:100%;}
.product_view .flexbox .img_box .mainSwiper .swiper-wrapper {align-items:center;}
.product_view .flexbox .img_box .mainSwiper .swiper-slide {display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;border:1px solid #ddd;overflow:hidden;}
.product_view .flexbox .img_box .thumbSwiper {margin-top:2rem;}
.product_view .flexbox .img_box .thumbSwiper .swiper-wrapper {align-items:center;max-width:100%;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide {position:relative;background:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;aspect-ratio:1/1;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide:after {content:"";position:absolute;left:0;top:0;z-index:1;border:1px solid #ddd;width:100%;height:100%;display:block;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide img {transition:0.4s;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide.swiper-slide-thumb-active img {opacity:1;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide.swiper-slide-thumb-active:after {content:"";position:absolute;left:0;top:0;z-index:1;border:3px solid var(--main_color);height:100%;display:block;}
.product_view .flexbox .txtbox {flex-grow:1;line-height:1.5;}
.product_view .flexbox .txtbox .product_ul {width:100%;}
.product_view .flexbox .txtbox .product_ul > li {display:flex;flex-wrap:wrap;width:100%;padding:1.5rem 0;border-bottom:1px dotted #ddd;}
.product_view .flexbox .txtbox .product_ul > li:last-child {border-bottom:0;}
.product_view .flexbox .txtbox .product_ul > li .stit {position:relative;width:18rem;color:#222;font-size:18px;font-weight:800;line-height:1.7;}
.product_view .flexbox .txtbox .product_ul > li .stit:before {content:"";position:absolute;right:0;top:8px;width:1px;height:14px;background:#999;}
.product_view .flexbox .txtbox .product_ul > li .stit:after {content:"";clear:both;display:block;}
.product_view .flexbox .txtbox .product_ul > li .pro_list {width:calc(100% - 18rem - 150px);overflow:hidden;padding-left:3.5rem;}
.product_view .flexbox .txtbox .product_ul > li .pro_list li {display:block;padding-left:1.5rem;position:relative;line-height:1.7;}
.product_view .flexbox .txtbox .product_ul > li .pro_list li:before {content:'';position:absolute;left:0;top:1.1rem;margin:auto;width:.5rem;height:.5rem;background:var(--main_color);border-radius:1px;transform:rotate(45deg);}
.product_view .flexbox .txtbox .product_ul > li .size_img {display:flex;flex-direction:column;gap:1rem;}
.product_view .flexbox .txtbox .product_ul > li .size_img img {width:150px;height:150px;border:1px dotted #ddd;}
.product_view .flexbox .txtbox .product_ul > li .size_img a {display:none;}
.product_view .option_box {border-bottom:1px solid #ddd;}
.product_view .option_box .stit {position:relative;color:#222;font-size:2.0rem;font-weight:600;background:#ffedec;line-height:45px;text-align:center;border-radius:1.5rem;}
.product_view .option_box .option_cont {display:grid;grid-template-columns:repeat(3,1fr);gap:5rem;padding:4rem 20rem;}
.product_view .option_box .option_cont .option_img {border:1px dotted #ddd;aspect-ratio:1/1;}
.product_view .option_box .option_cont .option_img img {height:100%;}
.product_view .option_box .option_cont .option_tit {display:block;margin-top:1rem;text-align:center;}
/* 노이미지 */
.product_view img.no-img {object-position:center;object-fit:contain;}
.product_view .flexbox .img_box .mainSwiper .swiper-slide:has(img.no-img) {padding:10rem;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide:has(img.no-img) {padding:1rem;}
.product_view .option_box .option_cont .option_img:has(img.no-img) {padding:10rem;}
    @media only screen and (max-width:1199px){
        .product_view .product_tit em {padding:4rem 3rem;}
        .product_view .flexbox {margin-top:4.0rem;}
        .product_view .option_box .option_cont {gap:4rem;padding:3rem 15rem;}
    }
    @media only screen and (max-width:1023px){
        .product_view .flexbox .txtbox .product_ul > li .pro_list {width:calc(100% - 10rem);}
        .product_view .flexbox .txtbox .product_ul > li .size_img {flex-direction:row;margin-top:2rem;margin-left:13.5rem;}
    }
    @media only screen and (max-width:767px){
        .product_view .product_tit em {padding:3rem 1.5rem;}
        .product_view .flexbox {flex-direction:column;flex-wrap:wrap;}
        .product_view .flexbox .img_box {width:100%;aspect-ratio:2/1;}
        .product_view .flexbox .img_box .mainSwiper .swiper-slide {max-width:100%;height:auto;background:none;}
        .product_view .flexbox .img_box .thumbSwiper .swiper-slide {height:auto;}
        .product_view .flexbox .img_box .thumbSwiper .swiper-slide:after {display:none;}
        .product_view .flexbox .txtbox {width:100%;}
        .product_view .flexbox .txtbox .product_ul > li .size_img {position:relative;}
        .product_view .flexbox .txtbox .product_ul > li .size_img a {display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;right:0;background:var(--main_color);width:5rem;height:5rem;background:var(--main_color);color:#fff;font-size:2.8rem;}
        .product_view .option_box .option_cont {grid-template-columns:repeat(2,1fr);gap:3rem;padding:2rem 10rem;}
    }
    @media only screen and (max-width:425px){
        .product_view .flexbox .txtbox .product_ul > li .size_img img {width:125px;height:125px;}
        .product_view .option_box .option_cont {grid-template-columns:repeat(1,1fr);}
    }

/* 제품 쓰기 */
.prodWrite .form li.prod_img .flex {justify-content:flex-start;}
.prodWrite .prod_img .file_box:not(:first-child) {margin-top:1.5rem;}
.prodWrite .prod_img .file_box .upload_list {width:calc(100% - 40rem);}
.prodWrite .prod_img .checks {margin-left:auto;}
.prodWrite .option_box {display:flex;gap:1rem;}
.prodWrite .option_box:not(:last-child) {margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed #ddd;}
.prodWrite .option_box > div {flex:1 1 0;}
.prodWrite .option_tit input {height:4.5rem;}
	@media only screen and (max-width:767px){
		.prodWrite .prod_img .file_box .upload_list {width:calc(100% - 15rem);}
		.prodWrite .prod_img .checks {margin-top:.5rem;}
		.prodWrite .option_box {flex-direction:column;gap:.5rem;}
	}


/*********** sub0301_견적문의 ***********/
/* 파일첨부 */
.inquiry_box .file_box .file_btn {border-radius:0;}

/* 자세히 보기 */
#modal_btn {justify-content:center;width:30rem;height:6rem;background:#fff;border:1px solid #ddd;border-radius:3rem;color:#222;position:relative;z-index:1;overflow:hidden;}
#modal_btn:is(:hover,:focus,:active) {color:#fff;}
#modal_btn::after {content:"";position:absolute;left:0;top:0;z-index:-1;width:0;height:100%;background:var(--main_color);transition:all .4s;}
#modal_btn:is(:hover,:focus,:active)::after {width:100%;}
#modal_btn span {font-weight:700;font-size:2.2rem;}
#modal_btn i {font-size:3.2rem;}
	@media only screen and (max-width:1299px){
		#modal_btn {justify-content:center;width:25rem;}
	}


/*********** sub0402_납품처(고객) ***********/
.customer_wrap dl:not(:last-child) {margin-bottom:2px;}
.customer_wrap dl dt button {width:100%;height:8rem;display:flex;justify-content:space-between;align-items:center;background:var(--main_color);padding:2.5rem 3rem;border-radius:2rem 2rem 0 0;}
.customer_wrap dl dt em {font-weight:700;font-size:2rem;color:#fff;}
.customer_wrap dl dt .arrow {font-size:3rem;color:#fff;transition:all .4s;}
.customer_wrap dl dd {max-height:0;overflow:hidden;transition:max-height 0.3s ease;}
.customer_wrap .partner_list {display:grid;grid-template-columns:repeat(7,1fr);gap:1.5rem;padding:3rem;background:#f5f0f0;}
.customer_wrap .partner_list li {border:1px solid #ddd;aspect-ratio:2/1;position:relative;}
.customer_wrap .partner_list li:has(.partner_logo img[src$=".png"]) {background:#fff;} /* png일때 */
.customer_wrap .partner_list li:has(.partner_logo img[src$=".svg"]) {background:#fcd4d2;} /* png일때 */
.customer_wrap .partner_list li .partner_logo {height:100%;padding:2rem;}
.customer_wrap .partner_list li .partner_logo img {width:100%;height:100%;object-fit:contain;object-position:center;}
.customer_wrap .partner_list li .partner_name {opacity:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-weight:500;font-size:2rem;text-align:center;color:#111;background:#fff;position:absolute;top:0;left:0;transition:all .4s;}
	@media only screen and (max-width:1399px){
		.customer_wrap .partner_list {grid-template-columns:repeat(6,1fr);}
	}
	@media only screen and (max-width:1199px){
		.customer_wrap .partner_list {grid-template-columns:repeat(5,1fr);}
	}
	@media only screen and (max-width:1023px){
		.customer_wrap .partner_list {grid-template-columns:repeat(4,1fr);}
	}
	@media only screen and (max-width:575px){
		.customer_wrap .partner_list {grid-template-columns:repeat(3,1fr);}
	}
	@media only screen and (max-width:475px){
		.customer_wrap .partner_list {grid-template-columns:repeat(2,1fr);}
	}

/* on */
.customer_wrap dt.on button {background:#f5f0f0;}
.customer_wrap dt.on em {color:var(--main_color);}
.customer_wrap dt.on .arrow {transform:rotate(180deg);color:var(--main_color);}
.customer_wrap dt.on + dd {max-height:500px;}
.customer_wrap dt.on + dd .partner_list li:is(:hover,:focus,:active) .partner_name {opacity:1;}
	@media only screen and (max-width:1199px){

	}
	@media only screen and (max-width:1023px){

	}
	@media only screen and (max-width:767px){

	}