@charset "utf-8";

/* =========================== SUB */
#subBnr{position:relative;z-index:20;width:100%;height:430px;color:#fff;background-position: center top;background-repeat: no-repeat;background-size: cover;}
#subBnr:after{content:"";position: absolute;left:0;bottom:0;width: 100%;height: 4px;background: var(--primary2);}
#subBnr.subBnr01 {background-image:url(../../images/fs/layout/sub_bg01.jpg)}
#subBnr.subBnr02 {background-image:url(../../images/fs/layout/sub_bg02.jpg)}
#subBnr.subBnr03 {background-image:url(../../images/fs/layout/sub_bg03.jpg)}
#subBnr.subBnr04 {background-image:url(../../images/fs/layout/sub_bg04.jpg)}
#subBnr.subBnr05 {background-image:url(../../images/fs/layout/sub_bg05.jpg)}
#subBnr.subBnr06 {background-image:url(../../images/fs/layout/sub_bg06.jpg)}
#subBnr .ca_name{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;opacity:0}
#subBnr .ca_name span{font-size:15px;color:rgba(255,255,255,.7);font-family:'Pretendard'}
#subBnr .ca_name p{padding-top:20px;font-size:47px;font-family:'yg-jalnan'}
/* 반응형 [s] */
@media (max-width:1024px){
#subBnr{height:240px}
#subBnr .ca_name p{font-size:30px}
}
@media (max-width:480px){
#subBnr{height:55px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;color:#111;background:none}
#subBnr:after{display:none;}
#subBnr.subBnr01 {background-image:none}
#subBnr.subBnr02 {background-image:none}
#subBnr.subBnr03 {background-image:none}
#subBnr.subBnr04 {background-image:none}
#subBnr.subBnr05 {background-image:none}
#subBnr.subBnr06 {background-image:none}
#subBnr .ca_name span{display:none}
#subBnr .ca_name p{padding-top:0;font-size:15px}
}
@media (max-width:380px){}
/* 반응형 [e] */

/* =========================== SNB */
#sh_snb{display:flex;justify-content:center;font-family:'Pretendard'}
#sh_snb li{float:left;margin-left:3px}
#sh_snb li a{display:block;position:relative;height:60px;padding:0 15px;font-size:17px;line-height:59px;color:#111;letter-spacing:-.2px;-webkit-transition:all .3s;transition:all .3s}
#sh_snb li a:after{display:block;content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0;height:1px;background-color:var(--primary)}
#sh_snb li.snb_on a{font-weight:600;color:var(--primary)}
#sh_snb li.snb_on a:after{width:100%}

/* =========================== PAGE */
#greeting{font-size:15px;font-weight:400;line-height:1.8;letter-spacing:-.2px;color:#777;font-family:'Noto Sans KR'}
#greeting .tit_area{padding:0 0 40px 5%;font-size:34px;font-weight:100;line-height:1.35;letter-spacing:-.5px;color:#111}
#greeting .tit_area p{font-weight:600}
#greeting .img{height:320px;background:url(../../images/fs/content/sub01/greeting_img.jpg) center no-repeat;background-size:cover}
#greeting .cont{padding:40px 0 0 15%}
#greeting .cont .pl{white-space:pre-line}
#greeting .cont .sign{margin-top:30px;font-weight:500;color:#111}
#greeting .cont .sign span{margin-left:10px;font-size:17px}
@media(max-width:1024px){
#greeting{padding:20px;font-size:14px;line-height:1.6}
#greeting .tit_area{padding:0;font-size:28px;line-height:1.4;color:#111;word-break:keep-all}
#greeting .img{height:200px;margin:15px 0}
#greeting .cont{padding:0}
#greeting .cont .sign{margin-top:20px}
#greeting .cont .sign span{margin-left:0;font-size:15px}
}
@media(max-width:768px){
#greeting .cont .pl{white-space:normal}
}
@media(max-width:480px){
#greeting{padding:15px 12px}
#greeting .tit_area{font-size:22px}
}



@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/******************************/
/* 공통 */
/******************************/
.con_header {}
.con_header h3.tit {padding-bottom:3rem;margin-bottom:5rem;color:#111;text-align:left;font-size:3.5rem;font-weight:600;border-bottom:1px dashed #ddd;font-family: 'yg-jalnan';}
@media only screen and (max-width:1023px){
    .con_header h3.tit {font-size:2.5em;}
    /*.con_header h3.tit {margin-top:10rem;}*/
}
@media only screen and (max-width:767px){
    .con_header h3.tit {font-size:1.8em;padding-bottom:10px;/*margin-top:6rem;*/}
}

/* 준비중 */
.img_ready {display:flex;justify-content:center;align-items: center;margin:10rem 0;}
.img_ready .left {}
.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:#1d1d1d;font-weight: 300;}
.img_ready .right strong em {font-weight: 700;}
.img_ready .right strong em br {}
.img_ready .right p {margin-top:2.5rem;line-height:1.5;font-size:1.8rem;color:#767676;}
@media only screen and (max-width:1023px){
    .img_ready .left img {}
}
@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;}
}

.wrap {width: 1400px;margin: 0 auto;}
@media only screen and (max-width:1399px){
    .wrap {width: auto;padding:0 4rem;}
}
@media only screen and (max-width:480px){
    .wrap {width: auto;padding:0 1.5rem;}
}

body {overflow-x: hidden;}

/******************************/
/* 컨텐츠 */
/******************************/
/* 0101_회사소개 */
.about_us {}
.about_us .top_cont {}
.about_us .top_cont > strong {margin-top:10rem;display:block;font-size:3rem;font-weight:600;color:#222;font-family: 'yg-jalnan';}
.about_us .top_cont > strong em {color:var(--primary2);}
.about_us .top_cont > p {margin-top:4rem;line-height: 1.5;font-size:1.8rem;color:#767676;text-align: right;}
.about_us .top_cont > .img {margin-top:5rem;}
.about_us .top_cont > .img img {width: 100%;border-radius: 20px;}
.about_us .top_cont .bot {display: flex;justify-content: center;align-items: center;gap:2rem;margin:4rem 0 8rem 0;}
.about_us .top_cont .bot li {flex-grow:1;padding:3rem 3.5rem;border:1px solid #ddd;border-radius: 15px;background: rgba(255,255,255,0.1);color:#222;cursor: pointer;}
.about_us .top_cont .bot li:hover {box-shadow: 3px 5px 20px -2px rgb(0 0 0 / 5%);border:1px solid var(--primary2);}
.about_us .top_cont .bot li i {color:var(--primary2);}
.about_us .top_cont .bot li strong {display:block;font-size:2.4rem;font-weight:700;margin:1.5rem 0;color:var(--primary2);}
.about_us .top_cont .bot li span {font-size:1.6rem;font-weight: 400;}
@media all and (max-width: 1023px) {
    .about_us .top_cont > p {text-align: left;}
}
@media all and (max-width: 767px) {
    .about_us .top_cont .bot {flex-direction: column;margin:2rem 0 8rem 0;}
    .about_us .top_cont .bot li {width: 100%;}
}

.about_us .cen_cont {padding:8rem 0;background:var(--primary20);}
.about_us .cen_cont h4 {font-size:3rem;text-align: center;color:#222;font-weight: 700;font-family: 'yg-jalnan';}
.about_us .cen_cont p {text-align: center;margin-top:1rem;color:#767676;font-size:1.5rem;}
.about_us .cen_cont .cent {display: flex;justify-content: center;gap:2rem;margin:4rem auto 0 auto;}
.about_us .cen_cont .cent .left {width: 50%;border: 1px solid #e1e1e1;padding:3rem;border-radius: 20px;background: #fff;}
.about_us .cen_cont .cent .left h5 {margin-bottom:4rem;color:#222;font-size:2rem;font-weight: 700;}
.about_us .cen_cont .cent .left ul {}
.about_us .cen_cont .cent .left ul li {display: flex;justify-content: space-between;padding:3rem 2rem;border-top:1px solid #e1e1e1;}
.about_us .cen_cont .cent .left ul li span {font-weight: 700;color:#222;font-size:1.6rem;}
.about_us .cen_cont .cent .left ul li em {font-size:1.8rem;line-height: 1.2;}
.about_us .cen_cont .cent .left ul li:first-child {border-top:0;}
.about_us .cen_cont .cent .left ul li.end {background: var(--primary20);border-top:0;border-radius: 10px;}
.about_us .cen_cont .cent .right {width: 50%;border-radius:20px;background: url("./../../images/fs/content/sub01/about_us2.jpg") no-repeat center center / cover;}
@media all and (max-width: 1023px) {
    .about_us .cen_cont .cent {flex-direction: column;}
    .about_us .cen_cont .cent .left {width: 100%;}
    .about_us .cen_cont .cent .left ul li {padding:2rem 1rem;}
    .about_us .cen_cont .cent .right {width: 100%;height:30rem;}
}
@media all and (max-width: 767px) {
    .about_us .cen_cont .cent .left ul li {justify-content: flex-start;flex-direction: column;}
    .about_us .cen_cont .cent .left ul li span {display: block;margin-bottom: 1rem;}
}

.about_us .cen_cont2 {background:#fff;}
.about_us .cen_cont2 .cent {flex-direction: column;}
.about_us .cen_cont2 .cent > h5 {padding-bottom:2rem;border-bottom:1px dashed #ddd;font-size:2.4rem;font-family: 'yg-jalnan';color:#222;}
.about_us .cen_cont2 .cent > ul {display: flex;justify-content:center;text-align: center;gap:2rem;flex-wrap: wrap;}
.about_us .cen_cont2 .cent > ul > li {flex-grow:1;width:calc(33.3% - 2rem);font-size:1.6rem;color:#222;border:6px double #ddd;border-radius:20px;font-weight: 500;padding:4rem 3rem;line-height: 1.3;}
.about_us .cen_cont2 .cent > ul > li > i {display: flex;justify-content: center;align-items: center;width: 6rem;height: 6rem;margin:0 auto 2rem auto;padding: 1rem;border-radius: 100%;background: #f1f1f1;font-size: 3rem;transition: all .4s;}
.about_us .cen_cont2 .cent > ul > li:hover {background:#f1f1f1;}
.about_us .cen_cont2 .cent > ul > li:hover i {background:#000;color:#fff;}
.about_us .cen_cont2 .cent > ul > li > svg {width: 6rem;height: 6rem;}
@media all and (max-width: 767px) {
    .about_us .cen_cont2 .cent > ul {gap:1rem;}
    .about_us .cen_cont2 .cent > ul > li {width:calc(50% - 1rem);padding:3rem 2rem;}
}

.about_us .bot_cont {background:url("./../../images/fs/main/inc02/bg.jpg") no-repeat center center / cover;}
.about_us .bot_cont > h4 {color:#fff;}
.about_us .bot_cont > p {color:#abb2bf;}
.about_us .bot_cont .cent {gap:2rem;}
.about_us .bot_cont .cent .box {display:flex;flex-direction:column;width: calc(33.3% - 2rem);min-height:70rem;background: #232b68;border:1px solid #464e9b;border-radius: 20px;padding:2rem;}
.about_us .bot_cont .cent .box h5 {display: flex;align-items:center;gap:1rem;color:#fff;}
.about_us .bot_cont .cent .box h5 i {display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background: #5461c3;border-radius: 10px;}
.about_us .bot_cont .cent .box h5 strong {font-weight: 700;}
.about_us .bot_cont .cent .box h5 strong span {display: block;margin-top:0.4rem;font-size:1.5rem;color:rgba(255,255,255,0.6);font-weight: 300;}
.about_us .bot_cont .cent .box ul {margin-top:3rem;}
.about_us .bot_cont .cent .box ul li:not(:first-child) {margin-top:2rem;}
.about_us .bot_cont .cent .box ul li span {font-size:1.4rem;font-weight: 300;color:rgba(255,255,255,0.7);}
.about_us .bot_cont .cent .box ul li span i {width: 2rem;text-align: center;color:rgba(255,255,255,0.7);}
.about_us .bot_cont .cent .box ul li p {padding-left:2.4rem;text-align: left;color:#fff;line-height: 1.3;font-size:1.7rem;margin-top:0.4rem;}
.about_us .bot_cont .cent .box .map_box {margin-top:auto;}
.about_us .bot_cont .cent .box .map_box iframe {width: 100%;height: 35rem;border-radius: 10px;}
.about_us .bot_cont .cent .box:nth-child(3) .map_box {height: 35rem;background:url("./../../images/fs/content/sub01/vet.png") no-repeat center center / cover;border-radius: 10px;}
@media all and (max-width: 1023px) {
    .about_us .bot_cont .cent .box {width: 100%;min-height: auto;}
    .about_us .bot_cont .cent .box .map_box {margin-top:4rem;}
}


/* 0102_인사말 */
.about_box {line-height:1.5;}
.about_box .img_box {position: sticky;top: 2rem;left:0;}
.about_box .img_box .img {/*width: 100%;*/height: 100vh;border-radius: 20px;background: url("./../../images/fs/content/sub01/img_about2.jpg") no-repeat center center;}
.about_box .img_box .img img {/*width: 100%;*/height: 100%;border-radius: 20px;object-fit:contain;object-position:center;}
.about_box .top_text {text-align: center;margin-bottom:10rem;}
.about_box .top_text .visual {display: inline-block;margin-bottom:4rem;background: var(--primary2);border-radius: 15px;padding: 2rem;}
.about_box .top_text .visual img {width: 12rem;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(360deg) brightness(102%) contrast(102%);}
.about_box .top_text p {}
.about_box .top_text p em {display:block;font-size:6rem;font-weight:700;color:#fff;line-height: 1.2;font-family: 'yg-jalnan';}
.about_box .top_text p em + em {display:inline-block;background: linear-gradient(90deg, #e8440a, #e8440a);line-height: 1.4;padding:0 1rem;margin-top:1rem;}
.about_box .top_text p span {display:block;margin-top:3rem;color:#fff;font-size:2rem;font-weight: 300;}
.about_box .top_text .sp_box {margin-top:6rem;}
.about_box .top_text .sp_box span {background: rgba(0,0,0,0.6);border-radius: 50px;padding:1rem 2.5rem;color:#fff;font-size:1.6rem;font-weight: 400;}
.about_box .top_text .sp_box span i {margin-right:0.5rem;}
.about_box .bot_text {position:relative;z-index:1;display: block;line-height:1.5;padding:10rem 8rem;font-size:2rem;color: #fff;background: rgba(0,0,0,0.5);backdrop-filter:blur(12px);border-radius: 20px;}
.about_box .bot_text span {display: block;padding-right:50%;margin-bottom:6rem;font-size:1.8rem;}
.about_box .bot_text span + span {padding-left:50%;padding-right:0;}
@media all and (max-width: 1023px) {
    .about_box .bot_text span {padding-right:0;}
    .about_box .bot_text span + span {padding-left:0;padding-right:0;}
    .about_box .bot_text span + span .br_none {display: none;}
}
@media all and (max-width: 767px) {
    .about_box .bot_text {padding:5rem 4rem;}
    .about_box .top_text p em {display:block;font-size:4rem;}
    .about_box .top_text .sp_box {display:inline-flex;flex-direction:column;gap:1rem;}
}

/* 0103_핵심가치 */
.core_values_box {}
.core_values_box .section {display:flex;justify-content: center;flex-direction:column;padding:10rem;height:80vh;background: url("./../../images/fs/content/sub01/core_values2.jpg") no-repeat center center / cover;border-radius: 20px;}
.core_values_box .section h4 {width:50%;margin-bottom:3rem;color:#fff;font-size:7rem;font-weight: 700;font-family: 'yg-jalnan';}
.core_values_box .section h4 span {display: block;margin-bottom:3rem;font-size:1.8rem;font-weight: 500;color:#767676;}
.core_values_box .section p {width:50%;color:#fff;line-height: 1.5;}
.core_values_box .section p:nth-of-type(1) {margin-bottom:3rem;font-size:2.2rem;font-weight: 600;}
.core_values_box .section2 {margin-top:3rem;background: url("./../../images/fs/content/sub01/core_values1.jpg") no-repeat center center / cover;}
.core_values_box .core_bot {display: flex;margin-top:4rem;gap:1rem;}
.core_values_box .core_bot .box {position:relative;width:calc(20% - 1rem);padding:3rem 2.5rem;border-radius: 20px;border:1px solid #ddd;}
.core_values_box .core_bot .box h5 {font-weight: 700;color:#222;font-size:2.4rem;}
.core_values_box .core_bot .box p {margin-top:2rem;font-size:1.6rem;line-height: 1.5;}
.core_values_box .core_bot .box:nth-child(1) {border-top-right-radius: 0;}
.core_values_box .core_bot .box:nth-child(1):after {content:"";position: absolute;right:-1px;top:-1px;width: 2rem;height:2rem;background: var(--primary2);}
.core_values_box .core_bot .box:nth-child(2) {border-bottom-right-radius: 0;}
.core_values_box .core_bot .box:nth-child(2):after {content:"";position: absolute;right:-1px;bottom:-1px;width: 2rem;height:2rem;background: var(--primary);}
.core_values_box .core_bot .box:nth-child(3) {border-top-right-radius: 0;}
.core_values_box .core_bot .box:nth-child(3):after {content:"";position: absolute;right:-1px;top:-1px;width: 2rem;height:2rem;background: var(--primary2);}
.core_values_box .core_bot .box:nth-child(4) {border-bottom-right-radius: 0;}
.core_values_box .core_bot .box:nth-child(4):after {content:"";position: absolute;right:-1px;bottom:-1px;width: 2rem;height:2rem;background: var(--primary);}
.core_values_box .core_bot .box:nth-child(5) {border-top-right-radius: 0;}
.core_values_box .core_bot .box:nth-child(5):after {content:"";position: absolute;right:-1px;top:-1px;width: 2rem;height:2rem;background: var(--primary2);}
@media all and (max-width: 1023px) {
    .core_values_box .section {height:70vh;}
    .core_values_box .section h4 {width:70%;}
    .core_values_box .section p {width:70%;}
    .core_values_box .core_bot {flex-wrap: wrap;}
    .core_values_box .core_bot .box {width:calc(33.3% - 1rem);}
}
@media all and (max-width: 767px) {
    .core_values_box .section {padding:5rem;height:auto;}
    .core_values_box .section h4 {width:100%;}
    .core_values_box .section p {width:100%;}
    .core_values_box .core_bot .box {width:calc(50% - 1rem);}
}
@media all and (max-width: 379px) {
    .core_values_box .core_bot .box {width:100%;}
}

/* 0104_연혁 */
.title h4 {line-height:1.2;font-size:3rem;font-family: 'yg-jalnan';padding-left:0;}
.title h4:after {display: none;}
.title h4 span {font-size:2rem;color:var(--primary2);}
.title p {line-height:1.6;margin-top:2.5rem;color:#1d1d1d;}
.history .img_area {position:relative;height:32.5rem;overflow: hidden;border-radius: 2rem;background: url("./../../images/fs/content/sub01/history_bg.png") no-repeat right center / cover;}
.history_box {position:relative;display:flex;justify-content:space-between;padding-left:8rem;color:#1d1d1d;}
.history_box .h_wrp {position:relative;width:100%;}
.history_box .h_wrp:before {content:'';position:absolute;left:0;top:0;bottom:0;width:1px;height:100%;background:#1d1d1d;}
.history_box .h_wrp .list {display:flex;flex-wrap:wrap;width:100%;padding:1rem 0;}
.history_box .h_wrp .list + .list {margin-top:2rem;}
.history_box .h_wrp .list .year {font-size:2.4rem;color:#1d1d1d;font-weight:800;width:20rem;line-height:1;font-family: 'yg-jalnan';}
.history_box .h_wrp .list .year span {position:relative;display:inline-block;padding-left:3rem;}
.history_box .h_wrp .list .year span:before {content:'';position:absolute;left:-0.9rem;top:0;bottom:0;margin:auto;background:#fff;border-radius:50%;width:18px;height:18px;border:5px solid #1d1d1d;}
.history_box .h_wrp .list .y_list {width:calc(100% - 20rem);}
.history_box .h_wrp .list .y_list li {display:flex;flex-wrap:wrap;}
.history_box .h_wrp .list .y_list li + li {margin-top:2rem;}
.history_box .h_wrp .list .y_list .date {font-size:2rem;font-weight:700;width:17rem;}
.history_box .h_wrp .list .y_list .tit {font-size:1.8rem;width:calc(100% - 17rem);}
@media only screen and (max-width:1199px){

}
@media only screen and (max-width:767px){
    .title h4 {font-size:3rem;}
    .title h4:after {top:7px;}
    .history_box {padding-left:2rem;}
    .history_box .h_wrp:before {left:4px;}
    .history_box .h_wrp .list .year {font-size:2.5rem;}
    .history_box .h_wrp .list .year span:before {left:-0.4rem;width:15px;height:15px;border:4px solid #1d1d1d;}
    .history_box .h_wrp .list .y_list {width:100%;padding-left:3rem;margin-top:2rem;}
    .history_box .h_wrp .list .y_list .date {width:10rem;}
    .history_box .h_wrp .list .y_list .tit {width:calc(100% - 10rem);}
}

/* 0105_CI소개 */
.ci_box_wrap {}
.ci_box_wrap .h4tit {text-align: center;font-size:3rem;font-weight: 700;color:#222;font-family: 'yg-jalnan';}
.ci_box_wrap .p {font-size: 1.8rem;color:#333;margin-top:2rem;line-height: 1.5;}
.ci_box_wrap .gray_box {background:#f5f5f5;padding:4.5rem 4rem;font-size:1.8rem;color:#222;line-height:1.5;}

.ci_box_wrap .grid_box {display: flex;gap:1rem;}
.ci_box_wrap .grid_box .box {display:flex;flex-direction:column;width: 50%;flex-grow: 1;}
.ci_box_wrap .grid_box .box .h5 {text-align: left;}
.ci_box_wrap .grid_box .box .imgbox {flex-grow:1;display:flex;align-items:center;justify-content:center;gap:10rem;border:1px solid #ddd;padding:6rem 3rem;background:url('./../../images/fs/content/sub01/grid_bg.png');}
.ci_box_wrap .grid_box .box .imgbox img {max-width:20rem;width:100%;}
.ci_box_wrap .grid_box .box .imgbox img + img {max-width:15rem;width:100%;}

.ci_box_wrap .btn_box {}
.ci_box_wrap .btn_box a {display:inline-grid;place-items:center;width:25rem;font-size:2rem;line-height: normal;height: 6rem;}

.ci_box_wrap .palette ol {display:flex;flex-wrap:wrap;gap:40px;}
.ci_box_wrap .palette ol > li {display:flex;flex-wrap:wrap;width:100%;max-width:calc(30% - 20px);border:1px solid #ddd;}
.ci_box_wrap .palette ol > li .color {display:flex;align-items:flex-end;width:120px;height:auto;aspect-ratio: 1/1;padding:15px;background:#0075C2;}
.ci_box_wrap .palette ol > li .color span {font-weight:bold;color:#fff;}
.ci_box_wrap .palette ol > li .c_txt {padding:20px;display:flex;align-items: center;font-size:.95em;}
.ci_box_wrap .palette ol > li .c_txt ul {display: flex;flex-direction:column;gap:5px;}
.ci_box_wrap .palette ol > li .c_txt ul li strong {display:inline-block;color:#222;width:50px;}
.ci_box_wrap .palette ol.main_color > li:nth-child(1) .color {background:#E9450A;}
.ci_box_wrap .palette ol.main_color > li:nth-child(2) .color {background:#3E3A39;}
.ci_box_wrap .palette ol.main_color > li:nth-child(3) .color {background:#232222;}
.ci_box_wrap .palette ol.acc_color > li:nth-child(1) .color {background:#231916;}
.ci_box_wrap .palette ol.acc_color > li:nth-child(2) .color {background:#C9C9CA;}
.ci_box_wrap .palette ol.acc_color > li:nth-child(3) .color {background:#B0883D;}

.ci_box_wrap + .ci_box_wrap {border-top:1px solid #ddd;padding-top:10rem;margin-top:10rem;}
.ci_box_wrap + .ci_box_wrap .grid_box .box .imgbox img {width: 50%;max-width: 30rem;}
.ci_box_wrap + .ci_box_wrap .palette ol.main_color > li:nth-child(1) .color {background:#F08300;}
.ci_box_wrap + .ci_box_wrap .palette ol.main_color > li:nth-child(2) .color {background:#231815;}
.ci_box_wrap + .ci_box_wrap .palette ol.sub_color > li:nth-child(1) .color {background:#00A0E9;}
.ci_box_wrap + .ci_box_wrap .palette ol.sub_color > li:nth-child(2) .color {background:#E4007F;}
.ci_box_wrap + .ci_box_wrap .palette ol.sub_color > li:nth-child(3) .color {background:#FFF100;}
.ci_box_wrap + .ci_box_wrap .palette ol.acc_color > li:nth-child(1) .color {background:#231916;}
.ci_box_wrap + .ci_box_wrap .palette ol.acc_color > li:nth-child(2) .color {background:#C9C9CA;}
.ci_box_wrap + .ci_box_wrap .palette ol.acc_color > li:nth-child(3) .color {background:#B0883D;}
@media only screen and (max-width:1199px){
    .ci_box_wrap .palette ol > li {max-width:calc(50% - 20px);}
}
@media only screen and (max-width:1023px){
    .ci_box_wrap .grid_box {flex-wrap: wrap;}
    .ci_box_wrap .grid_box .box {width: 100%;}
    .ci_box_wrap .grid_box .box + .box .h5 {margin-top:2rem;}
}
@media only screen and (max-width:767px){
    .ci_box_wrap .grid_box .box .imgbox img {width: 80%;}
    .ci_box_wrap .palette ol > li {max-width:100%;}
    .ci_box_wrap .palette ol > li .color {width:100px;padding:10px;}
    .ci_box_wrap .palette ol > li .c_txt {padding:20px 15px;}

    .ci_box_wrap .bi_wrp .box1 .grid_box {flex-direction: column;align-items: center;}
    .ci_box_wrap .grid_box .box .imgbox {flex-direction: column;}
}

/* 0107_오시는길 */
.adress {display:flex;flex-wrap:wrap;}
.adress li {display:flex;flex-wrap:wrap;align-items:center;flex:1 1 30%;gap:0 2.5rem;border-left:1px solid #1d1d1d;padding-left:8rem;}
.adress li:first-child {border-left:0;padding-left:0;}
.adress li .icon {width:30px;height:30px;display:flex;align-items:center;justify-content:center;}
.adress li .icon i {font-size:3rem;color:#1d1d1d;}
.adress li .txt {font-size:2rem;padding:1rem 0;}
.adress li .txt em {display:block;margin-bottom:1rem;font-weight:600;color:#1d1d1d;}
.adress li .txt p {margin-top:0.5rem;}
.map iframe {width:100%;height:60rem;}
@media only screen and (max-width:1399px){
    .adress {gap:2rem 0;}
    .adress li {flex:1 1 50%;}
    .adress li:first-child {flex:1 1 100%;}
    .adress li:nth-child(2) {padding-left:0;border-left:0;}
}
@media only screen and (max-width:1199px){
    .map iframe {height:50rem;}
}
@media only screen and (max-width:1023px){
    .adress li:nth-child(2) {flex:1 1 40%;}
    .adress li:nth-child(3) {flex:1 1 60%;}
}
@media only screen and (max-width:767px){
    .adress li {gap:0 1.5rem;padding-left:3rem;}
    .map iframe {height:40rem;}
}

/* 0302_나눔실천 */
.giving_back {display: flex;}
.giving_back .left {flex-shrink:0;width: 50%;}
.giving_back .left img {width: 100%;border-radius: 20px;}
.giving_back .right {flex-grow:1;padding:6rem 5rem;background:var(--primary20);border-radius: 20px;width: calc(50% + 5rem);margin-left:-5rem;margin-top:15rem;}
.giving_back .right h4 {font-family: 'yg-jalnan';font-size:3rem;color:#222;}
.giving_back .right p {margin-top:2rem;line-height: 1.5;color:#767676;}
.giving_back .right p em {font-weight: 600;}
.giving_back .right p em:nth-of-type(1) {color:#005b48;}
.giving_back .right p em:nth-of-type(2) {color:#0046fe;}
.giving_back .right .img_box {display: flex;align-items: center;gap:2rem;margin-top:6rem;}
.giving_back .right .img1 {width:50%;height:7rem;border:1px solid #ddd;border-radius: 10px;padding:1.2rem 2rem;text-align: center;background:#fff;}
.giving_back .right .img1 img {height:100%;}
.giving_back .right .img2 {width:50%;height:7rem;border:1px solid #ddd;border-radius: 10px;padding:2rem;text-align: center;background:#fff;}
.giving_back .right .img2 img {height:100%;}
@media only screen and (max-width:1023px){
    .giving_back .right {width: calc(50% + 10rem);margin-left:-10rem;}
}
@media only screen and (max-width:767px){
    .giving_back {flex-direction: column-reverse;}
    .giving_back .left {width: 100%;}
    .giving_back .right {width: 100%;margin-left:0;margin-top:0;margin-bottom:2rem;}
}
@media only screen and (max-width:479px){
    .giving_back .right {padding:5rem 4rem;}
    .giving_back .right .img_box {flex-wrap: wrap;}
    .giving_back .right .img1 {width:100%;}
    .giving_back .right .img2 {width:100%;}
}

/* 0401_esg */
@font-face {
    font-family: 'InkLiquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

.ese_e_box {}
.ese_e_box .tab_box {display: flex;position: sticky;top:12rem;z-index:2;background: #fff;transition: 0.4s;}
.ese_e_box .tab_box.on:after {content:"";position: absolute;left:0;top:-12rem;height: 12rem;width: 100%;background: #fff;}
.ese_e_box .ese_tab {flex-grow:1;display: flex;align-items: flex-end;}
.ese_e_box .ese_tab li {flex-grow:1;width: 33.3%;text-align: center;}
.ese_e_box .ese_tab li a {display:block;padding:2rem 1rem;width:100%;border:1px solid #ddd;border-radius: 10px 10px 0 0;background: #fff;}
.ese_e_box .ese_tab li.on a {padding:2.5rem 1rem;border:1px solid var(--primary2);background:var(--primary2);color:#fff;font-weight: 600;}
.ese_e_box .ese_cont {position:relative;display:flex;flex-direction:column;justify-content:center;padding:10rem 5rem;border-bottom:1px dashed #ddd;}
.ese_e_box .ese_cont .e_box {display:flex;flex-direction:column;justify-content:center;text-align: center;color:#222;}
.ese_e_box .ese_cont .e_box h4 {margin-bottom:3rem;font-size: 5rem;line-height: 1.4;font-family: 'yg-jalnan';}
.ese_e_box .ese_cont .e_box h4 span {position:relative;display:block;padding-top:4rem;margin-bottom:1rem;font-size: 2rem;color:var(--primary);font-family: 'yg-jalnan';}
.ese_e_box .ese_cont .e_box h4 span:before {content:"";position:absolute;left:0;right:0;top:0;width: 17px;height: 17px;margin:0 auto;border-radius: 100%;border:4px solid var(--primary);}
.ese_e_box .ese_cont .e_box h5 {margin-top:5rem;margin-bottom:2rem;font-size: 2.5rem;line-height: 1.4;font-family: 'yg-jalnan';text-align: left;}
.ese_e_box .ese_cont .e_box h5:nth-of-type(1) {margin-top:0;}
.ese_e_box .ese_cont .e_box .p1 {position:relative;padding-top:7rem;font-size:2rem;line-height: 1.6;}
.ese_e_box .ese_cont .e_box .p1:before {content:"";position:absolute;left:0;right:0;top:0;width: 1px;height: 35px;margin:0 auto;background:var(--primary);}
.ese_e_box .ese_cont .e_box .img {height: 40rem;margin-top:6rem;margin-bottom:5rem;overflow: hidden;background-repeat: no-repeat;background-position: right bottom;background-size:cover;border-radius: 20px;}
.ese_e_box .ese_cont .e_box .img {background-image:url("./../../images/fs/content/sub04/img01.jpg");}
.ese_e_box .ese_cont .e_box .img.img01 {background-image:url("./../../images/fs/content/sub04/img01.jpg");}
.ese_e_box .ese_cont .e_box .img.img02 {background-image:url("./../../images/fs/content/sub04/img02.jpg");}
.ese_e_box .ese_cont .e_box .img.img03 {background-image:url("./../../images/fs/content/sub04/img03.jpg");}
.ese_e_box .ese_cont .e_box .img.img04 {background-image:url("./../../images/fs/content/sub04/img04.jpg");background-position: center center;}
.ese_e_box .ese_cont .e_box .img.img05 {background-image:url("./../../images/fs/content/sub04/img05.jpg");}
.ese_e_box .ese_cont .e_box .img.img06 {background-image:url("./../../images/fs/content/sub04/img06.jpg");}
.ese_e_box .ese_cont .e_box .img.img07 {background-image:url("./../../images/fs/content/sub04/img07.jpg");background-position: center bottom;}
.ese_e_box .ese_cont .e_box .img img {width: 100%;object-fit: cover;object-position: bottom;}
.ese_e_box .ese_cont .e_box .ul {counter-reset: list-counter;font-size:2rem;text-align: left;color:#222;}
.ese_e_box .ese_cont .e_box .ul li {counter-increment: list-counter;position: relative;z-index:1;padding:4rem 5rem 4rem 9.5rem;margin-top:1rem;font-size:1.8rem;line-height: 1.5;font-weight: 500;background: #fff;border-radius: 20px;box-shadow: 2px 7px 25px rgba(13,19,68,0.06);}
.ese_e_box .ese_cont .e_box .ul li strong {display: block;margin-bottom:0.6rem;font-size:2rem;font-weight: 700;}
.ese_e_box .ese_cont .e_box .ul li:first-child {margin-top:0;}
.ese_e_box .ese_cont .e_box .ul li:before {content: counter(list-counter, decimal-leading-zero);display:grid;place-items:center;position: absolute;left:3.5rem;top:3.4rem;width:4.2rem;height:4.2rem;background: var(--primary);font-weight:700;border-radius: 100%;font-size:1.4rem;color:#fff;}
.ese_e_box .ese_cont .e_box .ul li:nth-child(even):before {background: var(--primary2);}
.ese_e_box .ese_cont .e_box .p2 {margin-top:5rem;line-height: 1.6;}
.ese_e_box .ese_cont .e_box .sp {display: block;margin:5rem 0 2rem 0;font-size:3rem;font-weight:700;}
.ese_e_box .ese_cont .e_box .sp span {font-size:2rem;font-weight:500;}
.ese_e_box .ese_cont .e_box .st {display: block;}
.ese_e_box .ese_cont .e_box .st em {margin-top:1.4rem;font-size:4.6rem;font-weight:500;color:#222;font-family: 'InkLiquid';}
.ese_e_box .ese_cont .e_box .st em span {font-size:1.8rem;font-weight:400;}
@media only screen and (max-width:767px){
    .ese_e_box .ese_cont {padding:7rem 0;}
    .ese_e_box .tab_box {top:2rem;}
    .ese_e_box .tab_box.on:after {top:-2rem;height: 2rem;}
    .ese_e_box .ese_tab li a {padding:2rem 0.2rem;font-size:1.6rem;}
}

/* 0502_전국대리점 */
.nat_dis_wrap {overflow:hidden;}
.nat_dis {display: flex;gap:2rem;flex-wrap:wrap;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:3rem 0;margin:3rem -2rem 3rem 0;}
.nat_dis li {width: calc(33.3% - 2rem);background: #fff;border:1px solid #e1e1e1;border-radius: 20px;padding:3.2rem;box-shadow: 10px 10px 10px rgba(0,0,0,0.02);}
.nat_dis li .top {}
.nat_dis li .top strong {display:block;font-size:1.6rem;font-weight: 400;text-align: right;color:var(--primary2);}
.nat_dis li .top p {margin-top:1rem;font-size:2.6rem;font-weight: 600;color:#1d1d1d;text-align: right;}
.nat_dis li .bot {}
.nat_dis li .bot p {margin-top:2rem;font-size:1.8rem;font-weight: 600;color:#1d1d1d;}
.nat_dis li .bot p strong {display:block;margin-bottom:0.8rem;font-size:1.6rem;font-weight: 400;color:#767676;}
.nat_dis li strong {}
.nat_dis li strong:not(:first-child) {margin-top:1rem;padding-top:1rem;border-top:1px solid #e1e1e1;}
@media only screen and (max-width:1023px){
    .nat_dis {margin:3rem 0 3rem 0;}
    .nat_dis li {width: calc(50% - 2rem);}
}
@media only screen and (max-width:639px){
    .nat_dis li {width: 100%;}
}


/******************************/
/* 게시판 */
/******************************/
/* 총게시글 */
.total_box {font-feature-settings:"tnum";font-weight:500;font-size:1.6rem;color:#444;line-height:24px;position:relative;padding-left:30px;letter-spacing:-0.03em;}
.total_box::before {content:"";width:20px;height:24px;background:url("../../images/fs/common/icon_total.png") no-repeat center;background-size:cover;position:absolute;left:0;}
.total_box span, .total_box em {display:inline-block;font-feature-settings:"tnum";color:var(--primary);}
@media only screen and (max-width:767px){
    .total_box {font-size:2rem;margin-bottom:2rem;}
}

/* 검색 */
.search_box {display:flex;justify-content:space-between;align-items:center;}
.search_box input:focus, .search_box select:focus {border:0;outline:0;}
.search_box .inputbox {background:#f5f5f5;border-radius:5px;width:100%;text-align:left;padding:5px 10px;display:flex;align-items:center;}
.search_box .inputbox select {border:0;line-height:normal;}
.search_box .inputbox .sc_input {background:none;border:0;line-height:normal;}
.search_box .select_style {border:0;background-color:#fff;}
.search_box .btn_sch {display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:url("./../../images/fs/common/icon_search_black.png") no-repeat center;opacity:.5;transition:all .4s;-webkit-transition:all .4s;}
.search_box .btn_sch:hover {opacity:1;}
@media only screen and (max-width:1023px){
    ul.sch_btn li a {line-height:36px;}
}
@media only screen and (max-width:767px){
    .search_box {flex-direction:column;align-items:flex-start;}
    .search_box form {width:100%;}
    .search_box .inputbox select {width:120px;margin-bottom:0;}
    .search_box .inputbox .sc_input {width:calc(100% - 150px);margin-bottom:0;}
}

/* 페이지 넘버 */
.page-number {display:flex;justify-content:center;align-items:center;gap:3px;}
.page-number li {}
.page-number li a {display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;transition:0.4s;-webkit-transition:0.4s;border-radius: 6px;}
.page-number .prev_first {background:url("./../../images/fs/common/first_prev.png") no-repeat center center;font-size:0;}
.page-number .prev {background:url("./../../images/fs/common/prev.png") no-repeat center center;font-size:0;}
.page-number .num {}
.page-number .num a:hover,.page-number .num a:focus,.page-number .num a:active {background:#f4f4f4;}
.page-number .num a.on {background:var(--primary);color:#fff;}
.page-number .next {background:url("./../../images/fs/common/next.png") no-repeat center center;font-size:0;}
.page-number .next_last {background:url("./../../images/fs/common/last_next.png") no-repeat center center;font-size:0;}
@media only screen and (max-width:767px){
    .page-number li a {width:30px;height:30px;line-height:28px;}
}

/* 일반게시판(목록) */
.table_board {width:100%;border-top:1px solid #ececec;word-break:normal;font-size:1.6rem;}
.table_board thead th {font-weight:500;font-size:1.6rem;color:#1d1d1d;padding:2rem 0;border-bottom:1px solid #cecece;background: #fbfbfb;}
.table_board tbody tr:hover {background: #fafbfb;}
.table_board tbody tr td {padding:1.5rem;border-bottom:1px solid #ececec;font-weight:400;}
.table_board tbody tr.notice_box td:first-child {font-weight:600;color:#1d1d1d;}
.table_board tbody tr td a {display:block;text-align:left;}
.table_board tbody tr.notice_box td a {font-weight:500;color:var(--primary);}
@media only screen and (max-width:1023px){
    .table_board {word-break:keep-all;}
}
@media only screen and (max-width:767px){
    .table_board tbody td {padding:10px;font-size:2rem;}
    table.responsive thead {display:none;}
    table.responsive colgroup {display:none;}
    table.responsive tbody tr {display:block;position:relative;border-bottom:1px solid #e1e1e1;padding:15px 0;}
    table.responsive tbody tr:after {content:".";display:block;clear:both;visibility:hidden;height:0;}
    table.responsive tbody td {display:block;padding:6px 20px;border:none;background-color:transparent;text-align:left;box-sizing:border-box;width:100%;}
    table.responsive tbody td p {overflow:unset;width:calc(100% - 50px);text-overflow:unset;white-space:unset;word-wrap:unset;display:inline-flex;-webkit-line-clamp:unset;line-height:23px;}
    table.responsive tbody td img {height:16px;}
    table.responsive tbody th {display:block;padding:2px 3%;border:none;background-color:transparent;text-align:left;vertical-align:middle;}
    table.responsive tbody tr:first-child td, table.responsive tbody tr:first-child th {border-top:none;}
    table.responsive tbody td.table_p {align-items:flex-start;}
    table.responsive > tbody > th:before, table.responsive > tbody td:before {content:attr(data-content)' :';display:inline;font-weight:600;color:#1d1d1d;padding-right:5px;}
}

/* 일반게시판(상세) */
.board_view {border-top:2px solid #1d1d1d;}
.board_view * {}
.board_view > li {border-bottom:1px dotted #ddd;}
.board_view .view_tit {padding:40px 0;text-align:center;font-size:1.5em;color:#1d1d1d;font-weight:600;}
.board_view .view_tit .tit {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.board_view .view_tit .notice {display:inline-block;font-size:15px;background:var(--primary);color:#fff;padding:5px 20px;border-radius:30px;line-height: 1.5;}
.board_view .view_info {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;color:#555;font-size:1.5rem;font-weight:300;margin-top:20px;}
.board_view .view_info li {padding:0 20px;position:relative;}
.board_view .view_info li:after {content:"/";position:absolute;left:0;top:0;color:#ddd;}
.board_view .view_info li:first-child:after {display:none;}
.board_view .view_cont {padding:40px 20px;min-height:360px;}
.board_view .view_cont img {max-width:100%;}
.board_view .file_area {padding:15px 20px;background:#f2f8fa;font-size:.95em;}
.board_view .file_area a.upload_file {display:flex;gap:1rem;align-items:center;}
.board_view .file_area a.upload_file:hover {text-decoration:underline;}
.board_view .file_area p.no-file {color:#555;}
@media only screen and (max-width:767px){
    .board_view .view_tit {padding:30px 0;}
    .board_view .view_cont {padding:30px 15px;}
}

/* 갤러리게시판 */
.gallery_list_box {border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:4rem 0;}
.gallery_list_box .g_list {display:grid;grid-template-columns:repeat(3,1fr);gap:60px 40px;}
.gallery_list_box .g_list > li {}
.gallery_list_box .g_list > li a {position:relative;display:block;border:1px solid #e1e1e1;border-radius:20px;height: 100%;}
.gallery_list_box .g_list > li a .imgbox {display:flex;justify-content:center;align-items:center;overflow:hidden;text-align:center;position:relative;}
.gallery_list_box .g_list > li a .imgbox::after {content:"";display:block;padding-bottom:100%;}
.gallery_list_box .g_list > li a .imgbox img {transition:all .4s;-webkit-transition:all .4s;position:absolute;top:1.8rem;width:90%;margin:0 auto;border-radius:14px;}

.gallery_list_box .g_list > li a .imgbox .box_wrap {opacity:0;visibility:hidden;position: absolute;left:0;top:0;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;color:#fff;background: rgba(17,83,67,0.8);padding:0 3.5rem;transition: 0.6s;transform: translateY(100%);}
.gallery_list_box .g_list > li a .imgbox .box_wrap .box {flex-grow:1;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.gallery_list_box .g_list > li a .imgbox .box_wrap .box .tit {font-size:2rem;padding:5px 2rem;border:2px solid #fff;border-radius: 50px;}
.gallery_list_box .g_list > li a .imgbox .box_wrap .box .tit:not(:first-child) {margin-top:2rem;}
.gallery_list_box .g_list > li a .imgbox .box_wrap .box .p {margin-top:1rem;font-size:1.8rem;}
.gallery_list_box .g_list > li a .imgbox .box_wrap .spcon {margin-top:auto;padding:3rem 0;width:100%;text-align:center;color:#3adeb6;font-size:2rem;border-top:1px solid rgba(255,255,255,0.2);font-weight: 600;}
.gallery_list_box .g_list > li a:is(:hover,:focus,:active) .imgbox .box_wrap {opacity:1;visibility: visible;transform: translateY(0);}

.gallery_list_box .g_list > li:hover a .imgbox img {transform:scale(1.1);}
.gallery_list_box .g_list > li a .titbox {padding:2rem 2rem 6rem 2rem;}
.gallery_list_box .g_list > li a .titbox .sp1 {display:block;margin-bottom:1rem;color: #5ac0a7;font-weight: 700;}
.gallery_list_box .g_list > li a .titbox .title {width:100%;font-weight:700;color:#111;}
.gallery_list_box .g_list > li a .titbox .title.ellipsis1 {line-height:1.25;word-break:break-all;}
.gallery_list_box .g_list > li a .titbox .list_info {display:flex;justify-content:flex-end;align-items:center;margin-top:10px;transition:all .4s;position: absolute;right:2rem;bottom:2rem;}
.gallery_list_box .g_list > li:hover a .titbox .list_info  {border-color:#35b193;}
.gallery_list_box .g_list > li a .titbox .list_info .date {display:inline-flex;color:#999;font-size:1.6rem;}
.gallery_list_box .g_list > li a .titbox .list_info .date i {margin-right:5px;}
.gallery_list_box .g_list > li a .titbox .list_info .more_btn {display:inline-flex;font-weight:600;color:#111;}
.gallery_list_box .g_list > li a .titbox .list_info .more_btn i {margin-left:5px;color:#35b193;}
.gallery_list_box .g_list_25p {grid-template-columns:repeat(4,1fr);}
.gallery_list_box .g_list_25p > li a .imgbox {max-height: none;padding:0 0 28%;}
.gallery_list_box .gal > li a .imgbox {max-height:400px;padding:0;}
.gallery_list_box .g_list_25p > li a .imgbox img {aspect-ratio:1/1.3;transition:all .4s;max-width:100%;}
.gallery_list_box .g_list_25p > li a .imgbox img.noimg {max-width: 100px;}
.gallery_list_box .g_list_25p > li a .titbox .title.ellipsis2 {line-height:1.25;min-height:50px;word-break:break-all;}
@media only screen and (max-width:1199px){
    .gallery_list_box .g_list {gap:50px 30px;}
}
@media only screen and (max-width:1023px){
    .gallery_list_box .g_list {grid-template-columns:repeat(2,1fr);gap:40px 20px;}
    .gallery_list_box .g_list > li a .titbox .list_info {margin-top:25px;padding-top:15px;}
}
@media only screen and (max-width:767px){
    .gallery_list_box .g_list {grid-template-columns:repeat(1,1fr);gap:30px;}
    .gallery_list_box .g_list > li a .titbox .list_info {margin-top:20px;padding-top:10px;}
    .gallery_list_box .g_list_25p {grid-template-columns:repeat(2,1fr);}
}
@media only screen and (max-width:475px){
    .gallery_list_box .g_list {grid-template-columns:repeat(1,1fr);gap:30px;}
    .gallery_list_box .g_list > li a .titbox .list_info {margin-top:20px;padding-top:10px;}
    .gallery_list_box .g_list_25p {grid-template-columns:repeat(1,1fr);}
}

/* 제품게시판(목록) */
.product_list {border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:4rem 0;}
.product_list .g_list {display:grid;grid-template-columns:repeat(4,1fr);gap:60px 40px;}
.product_list .g_list > li {}
.product_list .g_list > li a {position:relative;display:block;overflow: hidden;}
.product_list .g_list > li a .imgbox {display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow: hidden;aspect-ratio:1/0.6;border-radius: 20px;}
.product_list .g_list > li a .imgbox::after {content:"";display:block;padding-bottom:100%;}
/*.product_list .g_list > li a .imgbox img {transition:all .4s;width: 100%;}*/
.product_list .g_list > li a .imgbox img {transition:all .4s;max-width: 100%;max-height: 100%;object-fit: contain;}

.product_list .g_list > li a .titbox {position:relative;padding:3rem;}
.product_list .g_list > li a .titbox .sp1 {display:block;margin-bottom:1rem;color: #5ac0a7;font-weight: 700;}
.product_list .g_list > li a .titbox .title {margin-bottom:2rem;width:100%;font-weight:700;font-size:2.4rem;color:#111;text-align: center;}
.product_list .g_list > li a .titbox .title.ellipsis1 {line-height:1.25;word-break:break-all;}
.product_list .g_list > li a .titbox .list_info {display:flex;align-items:center;margin-top:1rem;transition:all .4s;}
.product_list .g_list > li:hover a .titbox .list_info  {border-color:#35b193;}
.product_list .g_list > li a .titbox .list_info .date {display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;padding:1rem 2rem;color:#111;font-size:1.6rem;border:1px solid #e1e1e1;border-radius: 20px;transition: 0.4s;}
.product_list .g_list > li a .titbox .list_info .date img {transform: rotate(0);transition: 0.4s;}
.product_list .g_list > li a:is(:hover,:focus,:active) .titbox .list_info .date {border:1px solid #19489b;background: #19489b;color:#fff;}
.product_list .g_list > li a:is(:hover,:focus,:active) .titbox .list_info .date img {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(10deg) brightness(104%) contrast(102%);transform: rotate(90deg);}
.product_list .g_list > li a .titbox .list_info .more_btn {display:inline-flex;font-weight:600;color:#111;}
.product_list .g_list > li a .titbox .list_info .more_btn i {margin-left:5px;color:#35b193;}
@media only screen and (max-width:1199px){
    .product_list .g_list {gap:50px 30px;}
}
@media only screen and (max-width:1023px){
    .product_list .g_list {grid-template-columns:repeat(2,1fr);gap:40px 20px;}
    .product_list .g_list > li a .titbox .list_info {margin-top:25px;padding-top:15px;}
}
@media only screen and (max-width:767px){
    .product_list .g_list {grid-template-columns:repeat(1,1fr);gap:30px;}
    .product_list .g_list > li a .titbox .list_info {margin-top:20px;padding-top:10px;}
    .product_list .g_list_25p {grid-template-columns:repeat(2,1fr);}
    .product_list .g_list > li a .imgbox {aspect-ratio:1/0.5;}
    .product_list .g_list > li a .imgbox .thumb_bg {height: 50rem;}
}
@media only screen and (max-width:475px){
    .product_list .g_list {grid-template-columns:repeat(1,1fr);gap:30px;}
    .product_list .g_list > li a .titbox .list_info {margin-top:20px;padding-top:10px;}
    .product_list .g_list_25p {grid-template-columns:repeat(1,1fr);}
}

/* 제품 > 냉장고 > 카테고리 */
.category_box {
    margin: -20px 0 10px 0;
}
.category_list {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.category_list .category a {
    display: inline-block;
    padding: 5px 12px;
    border: 1px solid #ddd;
    border-radius: 20px;
    text-decoration: none;
    color: #333;
}
.category_list .category.active a {
    background-color: #333;
    color: #fff;
    font-weight: bold;
}


/* 제품게시판(상세) */
.product_view .product_tit {border-bottom:1px solid #ddd;border-top:2px solid #000;}
.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:#000;}
.product_view .product_tit em span {display:block;margin-bottom:1rem;font-size:1.8rem;text-align:center;color:#5ac0a7;}
.product_view .flexbox {display:flex;margin-top:6.0rem;gap:5rem;}
.product_view .flexbox .img_box {flex-shrink:0;width:40%;}
/*.product_view .flexbox .img_box img {width:100%;max-width:100%;border-radius: 20px;}*/
.product_view .flexbox .img_box img {max-width:100%;max-height:100%;border-radius: 20px;object-fit: contain;align-self: stretch;}
.product_view .flexbox .img_box .mainSwiper .swiper-wrapper {align-items: center;}
.product_view .flexbox .img_box .mainSwiper .swiper-slide {display: flex;align-items: center;max-height: 40rem;}
.product_view .flexbox .img_box .thumbSwiper {margin-top:2rem;}
.product_view .flexbox .img_box .thumbSwiper .swiper-wrapper {align-items: center;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide {position:relative;background: #fff;height: 13.9rem;display: flex;align-items: center;cursor: pointer;}
.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: 5px solid #222;width: 100%;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:10rem;color:#222;font-size:18px;font-weight:800;}
.product_view .flexbox .txtbox .product_ul > li .stit:before {content:"";position:absolute;right:0;top:6px;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 > span {width:calc(100% - 10rem);overflow:hidden;padding-left:3.5rem;}
.product_view .flexbox .txtbox .product_ul > li .pro_list span {display: block;padding-left:11px;text-indent: -11px;}
.product_view .flexbox .txtbox .product_ul > li .pro_list2 span {display: block;padding-left:11px;text-indent: -11px;}
.product_view .flexbox .txtbox .product_ul > li .pro_list span:before {content:"";display: inline-block;margin-right:5px;width: 6px;height: 1px;background: #767676;vertical-align: middle;}
.product_view .detail_box {border-bottom:1px solid #ddd;}
.product_view .detail_box .stit {position:relative;color:#222;font-size:2rem;font-weight:600;background:#f3f6f9;padding:2rem 1rem;text-align:center;border-radius:10px;}
.product_view .detail_box .detail_cont {padding:4.0rem 2.0rem;/*text-align:center;*/}
.product_view .detail_box .detail_cont img {max-width:100%;margin: 0 auto;display: block;}
@media only screen and (max-width:1199px){
    .product_view .product_tit em {padding:4rem 3rem;}
    .product_view .flexbox {margin-top:4.0rem;}
}
@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 {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%;}
}

/* 고객문의-비밀번호입력 */
.end_box {border-top:2px solid #111;border-bottom:1px solid #e1e1e1;padding:10rem 4rem;text-align: center;}
.end_box img {width: 80px;}
.end_box strong {display:block;font-size:2.4rem;color:#111;font-family: 'GongGothic',sans-serif;font-weight:500;}
.end_box p {line-height:1.5;font-size:1.8rem;color:#767676;}
.end_box p:before {content:"";display:block;width: 30px;height: 4px;background: #e53935;margin:2rem auto;}
.end_box a {}

/* tableB */
.online_table {width:100%;border-bottom:1px solid #eee;border-top:2px solid #1d1d1d;word-break:normal;}
.online_table thead th {padding:12px 20px;background:#f3f6fd;border-left:1px solid #eee;border-top:1px solid #eee;color:#1d1d1d;}
.online_table thead th:first-child {border-left:0;}
.online_table tfoot th {padding:12px 20px;background:#f9f9f9;border-top:1px solid #e1e1e1;}
.online_table tfoot td {padding:12px 20px;border-left:1px solid #eee;border-top:1px solid #eee;background:#e8e8e2;}
.online_table tbody th {padding:12px 20px;border-left:1px solid #eee;border-top:1px solid #eee;background:#f9f9f9;vertical-align:middle;font-weight:700;color:#111;}
.online_table tbody td {padding:15px 10px;border-left:1px solid #eee;border-top:1px solid #eee;}
.online_table tbody tr th:first-child,
.online_table tbody tr td:first-child {border-left:0;}
.online_table tbody tr:first-child th,
.online_table tbody tr:first-child td {border-top:1px solid #e1e1e1}
.online_table tbody tr th.bd_none,.online_table tbody tr td.bd_none,
.online_table thead tr th.bd_none,.online_table thead tr td.bd_none {border-left:0;}
.online_table tbody tr th.bd_left,.online_table tbody tr td.bd_left,
.online_table thead tr th.bd_left,.online_table thead tr td.bd_left {border-left:1px solid #eee;}
/*padding 줄인버전*/
.online_table.small {border-top:0;}
.online_table tbody tr:first-child th,
.online_table tbody tr:first-child td {border-top:1px solid #eee;}
.online_table.small thead th {padding:0 20px;line-height:40px;text-align: center;background:#f3f6fd;}
.online_table.small tbody th {padding:7px 15px; text-align: center;}
.online_table.small tbody td {padding:7px 15px;}
@media only screen and (max-width:767px){
    .online_table thead th {padding:5px;}
    .online_table tfoot th {padding:5px;}
    .online_table tfoot td {padding:5px;}
    .online_table tbody th {padding:5px;}
    .online_table tbody td {padding:5px;}
}
/* 온라인문의 */
.online_table .flexbox {display: flex;gap:1rem;flex-wrap: wrap;align-items: center;}
.online_table .flexbox * {flex-grow: 1;}
.online_table .flexbox span {flex-shrink: 0;flex-grow: inherit;}
.top_box {background: url("./../../images/fs/content/sub04/online_inquiry.png") no-repeat center center / cover;backdrop-filter:blur(20px);padding:5rem;color:#453208;font-size:2rem;margin-bottom:4rem;border-radius: 20px;}
.top_box em {font-weight:600;font-size:3rem;border-bottom: 1px solid rgba(255,255,255,0.2);display: block;padding-bottom:1.2rem;margin-bottom:1.2rem;}
.online_table .privacy_area {padding:30px;overflow-y:auto;background:#f9f9f9;max-height:200px;font-size:1.4rem;line-height:1.3;}
.online_table .privacy_area .tit strong {font-size:1.6rem;color:#111;font-weight:600;}
.online_table .privacy_area .stit {position:relative;font-weight:500;color:#333;display:block;margin-top:10px;}
@media only screen and (max-width:1023px){
    .online_table .tableA tbody tr:after {display:none;}
    .online_table .tableA tbody th {width:100%;}
    .online_table .tableA tbody td {width:100%;border-left:none;}
    .online_table .privacy_area .stit {margin-bottom:5px;}
    .online_table .privacy_area p {margin-bottom:5px;}
}


/****************/
/* 사이트맵 */
/****************/
.content_sitemap_box {}
.content_sitemap_box .lnb {display: flex;flex-wrap: wrap;gap:5rem;margin-right: -5rem;}
.content_sitemap_box .lnb > li {margin-bottom:8rem;width: calc(33.3% - 5rem);}
.content_sitemap_box .lnb > li > h4 {position:relative;font-size:2.8rem;font-weight:700;color:#1d1d1d;padding-left:24px;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom: 1px solid #e1e1e1;}
.content_sitemap_box .lnb > li > h4:after {content:"";position: absolute;left:0;top:12px;display:block;width:15px;height:15px;border-radius: 100%;background: #fff;border:4px solid var(--primary);}
.content_sitemap_box .lnb > li:first-child > h4 {margin-top:0;}
.content_sitemap_box .lnb_layer01 {display: flex;flex-wrap: wrap;gap:1rem;margin-right: -1rem;}
.content_sitemap_box .lnb_layer01 > li {width: calc(50% - 1rem);}
.content_sitemap_box .lnb_layer01 > li > a {display: flex;align-items:center;justify-content:space-between;height:5rem;padding:0 2rem;border:1px solid #ddd;border-radius: 8px;transition:0.4s;font-weight: 500;color:#222;}
.content_sitemap_box .lnb_layer01 > li > a img {width: 17px;transform: rotate(0deg);transition:0.4s;}
.content_sitemap_box .lnb_layer01 > li > a img.arr {transform: rotate(0deg);transition:0.4s;}
.content_sitemap_box .lnb_layer01 > li > a:is(:hover,:focus,:active) {border:1px solid #ddd;color:var(--primary2);}
.content_sitemap_box .lnb_layer01 > li > a:is(:hover,:focus,:active) img {filter: brightness(0) saturate(100%) invert(63%) sepia(69%) saturate(5909%) hue-rotate(332deg) brightness(99%) contrast(123%);}
.content_sitemap_box .lnb_layer01 > li > a:is(:hover,:focus,:active) img.arr {transform: rotate(90deg);}
.content_sitemap_box .lnb_layer02 {background: var(--lay-bg-blue3);border:1px solid #ddd;border-radius: 8px;margin-top:1rem;}
.content_sitemap_box .lnb_layer02 > li {border-top:1px solid #ddd;}
.content_sitemap_box .lnb_layer02 > li:first-child {border-top:0;}
.content_sitemap_box .lnb_layer02 > li > a {display: flex;align-items:center;justify-content:space-between;height:5rem;padding:0 2rem;font-size:1.5rem;}
.content_sitemap_box .lnb_layer02 > li > a img {width: 17px;}
@media only screen and (max-width:1199px){
    .content_sitemap_box .lnb > li {margin-bottom:6rem;width: calc(50% - 5rem);}
}
@media only screen and (max-width:1023px){
    .content_sitemap_box .lnb {gap:3rem;margin-right: -3rem;}
    .content_sitemap_box .lnb > li {margin-bottom:4rem;width: calc(50% - 3rem);}
}
@media only screen and (max-width:767px){
    .content_sitemap_box .lnb {gap:3rem;margin-right: -3rem;}
    .content_sitemap_box .lnb > li {width: calc(100% - 3rem);}
    .content_sitemap_box .lnb_layer01 > li {width: calc(50% - 1rem);}
}


.manageButton {margin-top:2rem;}
legend {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);}


.privacy_area {border:1px solid #ddd;border-radius: 8px;padding:4rem;}
.privacy_area .tit {}
.privacy_area .tit strong {display:block;margin-bottom:1rem;font-size:2.6rem;color:#222;font-weight: 700;}
.privacy_area .stit {margin-top:8px;}
.email_box {border:1px solid #ddd;border-radius: 8px;padding:4rem;}
.email_box > div {}
.email_box > div strong {display:block;margin-bottom:1rem;font-size:2.6rem;color:#222;font-weight: 700;}
.email_box > div p {}
.email_box > p {margin-bottom:1rem;color:#444;font-weight: 600;}
.email_box > ol {margin-top:1rem;}
.email_box > ol li {margin-top:8px;}