@charset "utf-8";

/* =========================== SUB */
#shSub{display:flex;align-items:center;justify-content:center;height:350px;margin:0 auto;background-image:linear-gradient(rgb(0, 0, 0, 0.1), rgb(0, 0, 0, 0.1)), url(../../images/fs/layout/sub_bg01.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;font-family:var(--e-font),var(--k-font)}
#shSub .txt_area{color:#fff;text-align:center}
#shSub .txt_area p{margin-bottom:15px;font-size:60px;font-weight: 700;}
#shSub .txt_area div{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:500}
#shSub .txt_area div a{color:#fff}
#shSub .txt_area div i{margin:0 18px;font-size:14px}

/* 반응형 [s] */
@media (max-width:1024px){
    #shSub{height:300px}
    #shSub .txt_area p{font-size:34px}
}
@media (max-width:768px){
    #shSub{height:260px}
    #shSub .txt_area p{margin-bottom:10px;font-size:30px}
}
@media (max-width:580px){
    #shSub{height:230px}
    #shSub .txt_area p{margin-bottom:8px;font-size:26px}
    #shSub .txt_area div{font-size:15px}
}
@media (max-width:480px){
    #shSub{height:55px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:none !important;}
    #shSub .txt_area p{margin-bottom:0px;font-size:16px;color:#000}
    #shSub .txt_area div{display:none}
}
/* 반응형 [e] */

/* =========================== SNB */
#shSnb ul{display:flex;justify-content:center;align-items:center;transform:skew(-0.1deg);height:60px}
#shSnb ul li+li:before{display:inline-block;content:"";width:1px;height:13px;margin:0 20px;background:#d4d4d4}
#shSnb ul li a{font-size:16px;font-weight:500;color:#767676;line-height: 1.5;}
#shSnb ul li.on a{position:relative;color:#1d1d1d;}

/* =========================== 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:38px;font-weight:100;line-height:1.35;letter-spacing:-.5px;color:#222}
#greeting .tit_area p{font-weight:600}
#greeting .img{height:420px;background:url(../../images/fs/layout/greeting_img.jpg) center no-repeat;background-size:cover}
#greeting .cont{padding:40px 0 0 25%}
#greeting .cont .pl{white-space:pre-line}
#greeting .cont .sign{margin-top:30px;font-weight:500;color:#222}
#greeting .cont .sign span{margin-left:20px;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:#222;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}
}



/*************/
/* 컨텐츠 작업 */
/*************/
/* 서브 타이틀 */
.con_header {padding-top:6rem;position:relative;text-align: center;margin-top:5rem;}
.con_header:after {content:'';position:absolute;left:0;right:0;top:0;margin:auto;width:1px;height:4rem;background:var(--primary);}
.con_header .bullet {display:block;color:var(--primary);font-size:15px;font-weight:900;text-transform: uppercase;}
.con_header h3 {margin-top:5px;color:#1d1d1d;font-size:4rem;font-weight:800;}
@media only screen and (max-width:767px){
    .con_body {padding:80px 0 100px;}
    .con_header {}
    .con_header h3 {font-size:2em;}
}
/* 준비중 */
.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;}
}
/* 탭 */
.tapb_box {position:relative;}
.mob_tap {display:none;}
.tap_btn {margin-bottom:6rem;display:flex;flex-wrap:wrap;}
.tap_btn:after {content:"";clear:both;display:block;}
.tap_btn li {flex:1 1 0;}
.tap_btn li a {height:7rem;text-align:center;font-size:2rem;color:#000;display:flex;align-items:center;justify-content:center;border:1px solid #cbccd3;border-left:0;border-radius: 10px;}
.tap_btn li:first-child a {border-left:1px solid #cbccd3;}
.tap_btn li.on a,.tap_btn li:hover a,.tap_btn li:focus a,.tap_btn li:active a {position:relative;background:var(--primary);color:#fff;text-decoration:none;}
.tap_btn li.on a:after,.tap_btn li:hover a::after,.tap_btn li:focus a::after,.tap_btn li:active a:after {content:"";position:absolute;left:0;right:0;bottom:-20px;margin:0 auto;width:35px;height:35px;background:url("./../../images/fs/content/sub03/system_arrow.png") no-repeat center center #fff;transform:rotate(90deg);border-radius:100%;}

.tap_box > .tab_content {}
.tap_box > .tab_content > .resul_con > .tap_box {text-align:center;}
.tap_box > .tab_content > .resul_con > .tap_box > .tab_content {text-align:left;}
@media only screen and (max-width:1199px){
    .tap_btn li a {font-size:1.8rem;}
    .tap_btn_st2 li a {font-size:1.6rem;}
}
@media only screen and (max-width:767px){
    .tap_btn {margin-bottom:4rem;}
    .tap_btn li a {font-size:1.6rem;line-height:1.2;}
    .tap_btn_st2 {margin-bottom:3rem;}
    .tap_btn_st2 li {flex:1 1 30%;}
    .tap_btn_st2 li a {font-size:1.5rem;}
}


/* 0101_기업정보 */
.greetings {overflow: hidden;border-radius: 10px;}
.greetings .tableA {border-top:2px solid var(--primary);}
.greetings .bgbox {position:relative;}
.greetings .sbg {display:block;position:absolute;left:0;top:0;width:clamp(0px,120%,1660px);height:54rem;background:url("../../images/fs/content/sub01/sub0101_bg01.png") no-repeat center;z-index:-1;}
.greetings .intro-box {padding:10rem 0 0 6rem;font-size:2.3rem;color:#d3dbe0;}
.greetings .intro-box span {display:block;line-height:1.5em;animation-delay:1s;}
.greetings .intro-box span.intro_a {color:#fff;margin-bottom:1rem;font-size:5rem;line-height: 1;}
.greetings .intro-box span strong {color:#e1f3ff;}
.greetings .intro-box span em {font-weight:bold;color:#fff;}
.greetings .txt-area {background:url("../../images/fs/content/sub01/sub0101_bg02.png") no-repeat right bottom;}
.greetings .txt-area .inner-txt {width:65%;margin-top:6rem;background:#fff;padding:6rem;border-top-right-radius: 10px;}
.greetings .txt-area .inner-txt p {color:#222;font-size:1.6rem;line-height:1.88;}
.greetings .txt-area .inner-txt p + p {margin-top:2.5rem;}
@media only screen and (max-width:1199px){
    .greetings .sbg {height:45rem;}
    .greetings .intro-box {padding:10rem 0 0 6rem;}
    .greetings .txt-area {background:transparent;}
    .greetings .txt-area .inner-txt {width:80%;}
}
@media only screen and (max-width:1023px){
    .greetings .sbg {height:35rem;}
    .greetings .intro-box {padding:8rem 0 0 5rem;}
    .greetings .txt-area .inner-txt {width:90%;padding:5rem;}
}
@media only screen and (max-width:767px){
    .greetings .intro-box {padding:8rem 0 0 4rem;}
    .greetings .txt-area .inner-txt {width:100%;margin-top:5rem;padding:4rem;}
}
@media only screen and (max-width:560px){
    .greetings .intro-box {padding:8rem 0 0 3rem;}
    .greetings .txt-area .inner-txt {padding:3rem;}
    .greetings .txt-area .inner-txt p + p {margin-top:2rem;}
}
.greetings .box3 {}
.greetings .box3 .point_imgbox {position:relative;text-align:center;}
/*.greetings .box3 .point_imgbox:after {content:'';position:absolute;left:0;right:0;top:4rem;background:url(./../../images/fs/content/sub01/sub0101_bg3.png) no-repeat center;height:57.8rem;width:100%;opacity:.3;z-index:-1;}*/
.greetings .box3 .point_imgbox .mtit {border-radius: 1rem 1rem 0 0;width:50%;margin:0 auto;font-size:2.8rem;color:#fff;border:1px solid var(--primary);padding:2rem 5rem;text-align: center;background:var(--primary);font-weight:700;word-break:keep-all;}
.greetings .box3 .point_imgbox .stit {margin:5rem 0;font-size:1.8rem;font-weight:600;color:#222;text-align: center;}
.greetings .box3 .point_imgbox .mtit2 {border-radius: 0 0 1rem 1rem;font-size:2rem;font-weight:500;background:#fff;border:1px solid var(--primary);color:var(--primary);}
.greetings .box3 .point_imgbox .esg_list {display:flex;justify-content:center;margin-top:6rem;}
.greetings .box3 .point_imgbox .esg_list > li {display:table;position:relative;}
.greetings .box3 .point_imgbox .esg_list > li:first-child {left:3rem;}
.greetings .box3 .point_imgbox .esg_list > li:last-child {right:3rem;}
.greetings .box3 .point_imgbox .esg_list > li .ebox {position:relative;display:table-cell;vertical-align:middle;border:1px solid #ddd;border-radius:50%;width:30rem;height:30rem;}
.greetings .box3 .point_imgbox .esg_list > li .ebox p span {display:block;font-size:2.2rem;font-weight:500;font-family: 'Montserrat', sans-serif;color:#000;}
.greetings .box3 .point_imgbox .esg_list > li .ebox p span strong {display:block;color:var(--primary);}
.greetings .box3 .point_imgbox .esg_list > li:nth-child(2) .ebox p span strong {color:#09a63b;}
.greetings .box3 .point_imgbox .esg_list > li:nth-child(3) .ebox p span strong {color:#0e6bc7;}
.greetings .box3 .point_imgbox .esg_list > li .ebox p em {display:inline-block;margin-top:20px;color:#999;font-weight:500;}
@media only screen and (max-width:1023px){
    .greetings .box3 .point_imgbox .esg_list > li .ebox {width:250px;height:250px;}
    .greetings .box3 .point_imgbox .esg_list > li .ebox p em {margin-top:10px;}
}
@media only screen and (max-width:767px){
    .greetings .box3 .point_imgbox .mtit {width:70%;}
    .greetings .box3 .point_imgbox .esg_list {display:block;}
    .greetings .box3 .point_imgbox .esg_list > li {width:100%;margin-bottom:5px;}
    .greetings .box3 .point_imgbox .esg_list > li:first-child {left:0;}
    .greetings .box3 .point_imgbox .esg_list > li:last-child {right:0;}
    .greetings .box3 .point_imgbox .esg_list > li .ebox {padding:2rem;border-radius:unset;width:100%;height:auto;}
}

.content_center{margin-top:80px}
.content_center .depth {padding:2rem;width:100%;background: var(--primary);color:#fff;font-size:2.2rem;text-align: center;font-weight: 500;border-radius: 10px;}
.content_center ul {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.content_center ul li > div{width:100%;padding:40px;border:1px solid #ddd; height:345px;display: table;background-color: #fff;border-radius: 10px;}
.content_center ul li > div> div{display:table-cell;vertical-align:middle;}
.content_center ul .depth_img img{height:60px;margin:0 auto;display:block;}
.content_center ul .depth_text{text-align: center;}
.content_center ul .depth_text .depth_title{font-weight:600;margin:15px 0 10px;font-size:2rem;color:var(--primary);}
.content_center ul li:nth-child(2) .depth_text .depth_title{color: #09a63b;}
.content_center ul li:nth-child(3) .depth_text .depth_title{color: #0e6bc7;}
.content_center ul .depth_text .depth_txt{line-height:1.6;word-break:keep-all;}

.content_bottom{margin-top:100px;}
.content_bottom ul {position:relative;display:flex;flex-wrap:wrap;justify-content:center;}
.content_bottom ul:after {content:"";position:absolute;left:0;top:50%;z-index: -1;width: 100%;height: 1px;background: #ddd;}
.content_bottom ul li {margin-right:60px;}
.content_bottom ul li:last-child {margin-right:0;}
.content_bottom ul li > div{margin: 0 auto;width:180px;height:180px;border:1px solid var(--primary);padding:10px;display:table;text-align: center; border-radius: 150px;background-color: #fff;}
.content_bottom ul li > div > div{display: table-cell;vertical-align: middle;}
.content_bottom ul li > div > div p:first-child{font-size:1.7rem;color:var(--primary);font-weight:700;}
.content_bottom ul li:nth-child(2) > div{border:1px solid #09a63b;}
.content_bottom ul li:nth-child(2) > div > div p:first-child{color:#09a63b;}
.content_bottom ul li:nth-child(3) > div{border:1px solid #0e6bc7;}
.content_bottom ul li:nth-child(3) > div > div p:first-child{color:#0e6bc7;}
@media only screen and (max-width:1023px){
    .content_center ul {grid-template-columns:repeat(1,1fr);gap:12px;}
    .content_center ul li > div {height:auto;}
    .content_center ul .depth_img img {height:40px;}
    .content_bottom ul {justify-content:space-around;}
    .content_bottom ul li {margin-right:0;}
    .content_bottom ul li > div {width:150px;height:150px;}
}
@media only screen and (max-width:767px){
    .content_center {margin-top:40px;}
    .content_bottom {margin-top:40px;}
    .content_bottom ul:after {display: none;}
    .content_bottom ul li {width: 50%;}
    .content_bottom ul li > div {width:130px;height:130px;margin:10px auto;}
}


/* 0102_회사연혁 */
.h_list_box {}
.h_list_box img {width: 100%;border-radius: 10px;}
.h_info_box {margin-top:8rem;}
.h_info_box .history {display:block;text-align: center;font-size:6rem;font-weight:bold;color:#e6e6e6;margin-bottom:4rem;}
.h_info {position:relative;}
.h_info .year_box {display:flex;flex-wrap:wrap;padding-bottom:100px;width:100%;position:relative;}
.h_info .year_box:after {content:'';position:absolute;top:45px;left:0;right:0;margin:auto;background:#ddd;width:1px;height:100%;z-index:-1; }
.h_info .year_box:before {content:'';position:absolute;top:20px;left:0;right:0;margin:auto;width:15px;height:15px;border-radius:50%;background:#fff;border:5px solid var(--primary);z-index:1;}
.h_info .year_box:first-child {padding-top:0;}
.h_info .year_box:nth-child(even) {flex-direction:row;text-align:right;}
.h_info .year_box .box {display:flex;flex-wrap:wrap;width:100%;}
.h_info .year_box .box .year {position:relative;padding-right:10rem;text-align:right;width:50%;}
.h_info .year_box .box .year strong {color:#1d1d1d;font-weight:bold;font-size:5rem;}
.h_info .year_box .box .year p {font-size:1.6rem;color:#767676;line-height:2;}
.h_info .year_box .box .txt_list {width:50%;padding-left:10rem;margin-top:1rem;}
.h_info .year_box .box .txt_list .line {font-size:1.7rem;margin-bottom:5px;line-height:4;}
.h_info .year_box .box .txt_list .line p {display:flex;width:100%;text-align:left;color:#3d3d3d;margin-top:1rem;line-height:1.5;}
.h_info .year_box .box .txt_list .line .num {flex-shrink:0;width:30px;display:inline-block;margin-right:1.5rem;text-align:left;font-weight:800;color:#b69a93;}
/* 반응형 */
@media only screen and (max-width:1023px){

}
@media only screen and (max-width:767px){
    .h_list_box .h_list {max-width:90%;}

    .h_info_box {margin-top:4rem;}
    .h_info_box .history {text-align: left;margin-bottom:2rem;}
    .h_info .year_box {padding-bottom:0;}
    .h_info .year_box:before {right:auto;left:0;top:12px;}
    .h_info .year_box:after {right:auto;left:7px;top:32px;}
    .h_info .year_box .box {padding-left:3rem;}
    .h_info .year_box .box .year {width:100%;text-align:left;padding:0;}
    .h_info .year_box .box .txt_list {width:100%;padding:0;}
    .h_info .year_box .box .txt_list .line {line-height:normal;}
}


/* 0104_조직도 */
.org_box .ceo {position:relative;width:20.0rem;height:20.0rem;margin:0 auto 6.5rem;background:#fff;
    display:grid;place-items:center;line-height:1.1;padding:20px 10px 10px 10px;background:linear-gradient(-45deg, #910e0e, #ff3737);color:#fff;font-size:2.6rem;font-weight:600;border:10px solid #fff3f3;border-radius: 100%;}
.org_box .ceo span {font-weight:800;font-size:3rem;}
.group span {display:inline-block;width:100%;padding:2.0rem 1.5rem;text-align:center;border-radius:4px;}
ul.group {position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;}
ul.group::before {content:'';position:absolute;left:0;right:0;top:50%;margin:auto;width:81%;height:1px;background:#ddd;}
ul.group > li {position:relative;width:19%;}
ul.group > li > span {font-weight:bold;color:#373b44;}
ul.group2 {justify-content:end;}
ul.group2::before {left:unset;width:50%;}
ul.group2 > li > span {background:#fff;color:#1d1d1d;font-size:1.8rem;border:1px solid #1d1d1d;}
ul.group3 {position:relative;padding-top:4rem;margin-top:4rem;}
ul.group3::before {top:0;}
ul.group3::after {content:'';position:absolute;left:0;right:0;top:-20.0rem;margin:auto;width:1px;height:20.0rem;background:#ddd;z-index:-1;}
ul.group3 > li:before {content:'';position:absolute;left:0;right:0;top:-4.0rem;margin:auto;width:1px;height:4.0rem;background:#ddd;}
ul.group3 > li > span {border:1px solid #ddd;color:#616161;background:#fafafa;font-weight: 500;}
ul.group3 > li ul.other li span {border:1px solid #ddd;background:#f8f8f8;margin-top:1.0rem;}
ul.group3 > li:last-child ul.other li span {background:#afd9ff;border:1px solid #afd9ff;}

.org_table {margin-top:6.0rem;}
.org_table td {text-align:center;color:#000;}
@media only screen and (max-width:1023px){
    .title_box.gray_box {padding:60px 0;}
    .title_box.gray_box .tit {font-size:1.8em;}
    .title_box.gray_box .stit br {display: none;}
}
@media only screen and (max-width:767px){
    .title_box.gray_box .tit {font-size:1.65em;}

    .org_box {position:relative;}
    .org_box::before {content:'';position:absolute;left:0;right:0;top:0;margin:auto;width:1px;height:94%;background:#ddd;z-index:-1;}
    /*ul.group::before,
    ul.group3 > li::before,
    ul.group3::after {display:none;}*/
    ul.group3::before {display: none;}
    ul.group3 > li:nth-child(odd):before {left:auto;right:-50%;top:3.2rem;width: 50%;height: 1px;z-index: -1;}
    ul.group3 > li:nth-child(even):before {left:-50%;right:auto;top:3.2rem;width: 50%;height: 1px;z-index: -1;}
    ul.group > li {width:40%;}
    ul.group > li {margin-top:2.0rem;}
    ul.group2 > li {margin-top:0;}
    ul.group3 {padding-top:0;}
}


/* 0105_사업분야 */
.color_point{color:var(--primary);font-weight:700;}

.vision .vision_top .vision_content h4{font-weight: 500;font-size:2.6rem;text-align: center;word-break:keep-all;color:#1d1d1d;}
.vision .vision_top .vision_content > div{position:relative;width:100%;}

.vision .vision_top .vision_content .vision_bg{display:flex;justify-content:center;margin-top:100px;}
.vision .vision_top .vision_content .vision_bg::before{width:580px;height:54px;background: url(../../images/fs/content/sub01/sub0103_arrow.png) center no-repeat;position:absolute; content:'';display: block;top:70px;z-index: -1;left: calc(50% - 290px);z-index: 9;}

.vision .vision_top .vision_content .vision_bg div{width:180px;height:180px;border:3px solid var(--primary);display:table;text-align:center;margin:0 10px;border-radius:50%;position:relative;background: #fff;}
.vision .vision_top .vision_content .vision_bg .content_left{margin-right:100px}
.vision .vision_top .vision_content .vision_bg .content_right{margin-left:100px}
.vision .vision_top .vision_content .vision_bg div:after{content:'';display: block;z-index:9;width:200px;height:200px;position:absolute;background: var(--primary); opacity: 0.2;top:calc(50% - 100px);left:calc(50% - 100px); border-radius:50%;}
.vision .vision_top .vision_content .vision_bg div:before{content:'';display: block;z-index:5;width:220px;height:220px;position:absolute;background: var(--primary); opacity: 0.2;top:calc(50% - 110px);left:calc(50% - 110px); border-radius:50%;}
.vision .vision_top .vision_content .vision_bg div p{display: table-cell;vertical-align: middle;font-size:2rem;background-color: #fff;position:relative;z-index: 20;border-radius: 50%;color:#1d1d1d;font-weight: 500;}

.vision_content02 ul {display:flex;justify-content:space-around;padding:0 15rem;}
.vision_content02 ul li p{text-align: center;}
.vision_content02 ul li .con_title{position:relative;width:180px; height:180px;margin:0 auto;background: #fff;display: table; border-radius: 150px;border:3px solid var(--primary);}
.vision_content02 ul li .con_title p{display: table-cell;vertical-align: middle;font-size:2rem;background-color: #fff;position:relative;z-index: 20;border-radius: 50%;color:#1d1d1d;font-weight: 500;}
.vision_content02 ul li .con_title:before{content:'';display: block;z-index:-2;width:220px;height:220px;position:absolute;background: var(--primary); opacity: 0.2;top:calc(50% - 110px);left:calc(50% - 110px); border-radius:50%;}
.vision_content02 ul li .con_title:after{content:'';display: block;z-index:-1;width:200px;height:200px;position:absolute;background: var(--primary); opacity: 0.2;top:calc(50% - 100px);left:calc(50% - 100px); border-radius:50%;}
.vision_content02 ul li .con_content{position:relative;padding-top:50px}
.vision_content02 ul li .con_content::before{width:2px; height:50px; background: var(--primary);content:''; display: block;position:absolute;top:-10px; left:calc(50% - 1px);z-index: 9;}
.vision_content02 ul li .con_content .con_year{font-size:1.125rem;font-weight: 500;}
.vision_content02 ul li .con_content p{line-height: 1.8em;font-size: 1rem;}
.vision_content02 ul li .con_content .con_text{color:#888}
@media only screen and (max-width:1023px){
    .vision_content02 ul {padding:0;}
}
@media only screen and (max-width:767px){
    .vision .vision_top .vision_content .vision_bg {gap:1.2rem;margin-top:105px;align-items:center;height:auto;}
    .vision .vision_top .vision_content .vision_bg::before {width:100%;top:70px;left:0;}
    .vision .vision_top .vision_content .vision_bg div {margin:0;width:100%;height:100px;border-radius: 0;}
    .vision .vision_top .vision_content .vision_bg div p{border-radius: 0;}
    .vision .vision_top .vision_content .vision_bg div::before {display: none;}
    .vision .vision_top .vision_content .vision_bg div::after {display: none;}
    .vision .vision_top .vision_content .vision_bg .content_left {margin-right:0;}
    .vision .vision_top .vision_content .vision_bg .content_right {margin-left:0;margin-top:0;}
    .vision .vision_top .vision_content h4 span {display: block;}

    .vision_content02 {margin-top:10px;}
    .vision_content02 ul {gap:1.2rem;}
    .vision_content02 ul li {width:33.3%;margin-bottom:10px;}
    .vision_content02 ul li .con_title {width:100%;height:100px;border-radius: 0;}
    .vision_content02 ul li .con_title p {border-radius: 0;}
    .vision_content02 ul li .con_title:before {display: none;}
    .vision_content02 ul li .con_title:after {display: none;}
}
.rnd {position:relative;padding-bottom:14rem;margin-top:10rem;}
.rnd_top_txt {background:#fafafa;width:60%;padding:140px 200px 100px 80px;border-radius: 10px;}
.rnd_top_txt span {font-size:1.6rem;color:#666;}
.rnd_top_txt h4 {font-size:35px;color:#333;line-height:45px;margin-top:20px;font-weight:500;}
.rnd_top_txt div {position:relative;padding-top:50px;}
.rnd_top_txt div:before {content:"";position:absolute;left:0;top:25px;width:50px;height:2px;background:var(--primary);}
.rnd_top_txt div ul {}
.rnd_top_txt div ul li {}
.rnd_top_img {position:absolute;top:70px;right:0;text-align:right;}
.rnd_top_img img {border-radius: 10px;}
.rnd2 .rnd_top_img {position:absolute;top:70px;left:0;right:0;text-align:left;}
.rnd2 .rnd_top_txt {margin-left:40%;width:60%;padding:140px 80px 100px 240px;}
.rnd3 {padding-bottom:24rem;}
@media only screen and (max-width:1439px){
    .rnd_top_txt {padding:80px 140px 80px 60px;width:65%;}
    .rnd_top_txt h4 {font-size:30px;line-height:40px;margin-top:10px;}
    .rnd_top_img {width:45%;overflow:hidden;top:10%;}
    .rnd_top_img img {height:500px;}
    .rnd_top_txt div p {font-size:14px;line-height:25px;}
    .rnd_top_txt div p br {display:none;}
    .rnd2 .rnd_top_txt {margin-left:35%;width:65%;padding:140px 80px 100px 160px;}
}
@media only screen and (max-width:1023px){
    .rnd {padding-bottom:40px;}
    .rnd_top_txt {padding:60px 100px 60px 40px;}
    .rnd_top_txt h4 {font-size:25px;line-height:35px;}
    .rnd_top_txt h4 br {display:none;}
    .rnd_top_img {top:15%;}
    .rnd_top_img img {height:400px;}
    .rnd3 {padding-bottom:18rem;}
}
@media only screen and (max-width:767px){
    .rnd {padding-bottom:0;margin-top:7rem;}
    .rnd_top_txt {width:100%;padding:30px 8%;}
    .rnd_top_txt h4 {font-size:20px;line-height:25px;}
    .rnd_top_txt div {padding-top:30px;}
    .rnd_top_txt div:before {top:15px;}
    .rnd_top_txt div p {font-size:13px;line-height:23px;}
    .rnd_top_img {position:static;width:100%;}
    .rnd_top_img img {height:auto;width:100%;}
    .rnd2 {display: flex;flex-direction: column-reverse;}
    .rnd2 .rnd_top_txt {margin-left:0;width:100%;padding:30px 8%;}
    .rnd2 .rnd_top_img {position:static;width:100%;}
}


/* 0106_오시는길 */
.map_box {}
.map_box .box {}
.map_box iframe {width: 100%;aspect-ratio: 2/1;border-radius: 10px;}
.map_box .text_box {}
.map_box .text_box h4 {margin:30px 0 15px 0;}
.map_box .text_box ul {display: flex;gap:20px;flex-wrap: wrap;}
.map_box .text_box ul li {flex-grow:1;padding:30px;border-top:2px solid #111;border-bottom: 1px solid #e5e5e5;font-size:1.8rem;color:#555;}
.map_box .text_box ul li strong {display:block;padding-bottom:10px;font-size:1.6rem;font-weight: 800;color:#111;}


/* 0201기술연구소 */
.con0201 .bg_box {position:relative;}
.con0201 .bg_box img {display:block;width:100%;float:right;border-radius: 10px;}
.con0201 .bg_box .tit {font-size:2.2rem;color:#333;position:absolute;left:0;bottom:-1rem;background:#fff;padding:1rem 2rem;border-top-right-radius: 10px;}
.con0201 .about_con {padding-top:30px;}
.con0201 .about_con > li {border-top:1px dashed #ddd;}
.con0201 .about_con li .wrap {padding:5rem 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.con0201 .about_con li:nth-child(even) .wrap {flex-direction:row-reverse;}
.con0201 .about_con li .wrap > div {width:50%;}
.con0201 .about_con li .wrap > div.txt_box {padding:0 2rem 0 3rem;}
.con0201 .about_con li:nth-child(even) .wrap > div.txt_box {padding:0 2rem 0 8rem;}
.con0201 .about_con li .wrap > div.txt_box em {font-size:3.5rem;color:#333;font-weight:700;}
.con0201 .about_con li .wrap > div.txt_box em strong {color:var(--primary);}
.con0201 .about_con li .wrap > div.txt_box p {line-height:1.6;font-size:1.8rem;color:#1d1d1d;font-weight:700;}
.con0201 .about_con li .wrap > div.txt_box ul {font-size:1.7rem;}
.con0201 .about_con li .wrap > div.img_box img {max-width:100%;border-radius: 10px;}
@media only screen and (max-width:1023px){
    .con0201 .about_con li .wrap > div.txt_box p br {display:none;}
}
@media only screen and (max-width:767px){
    .con0201 .bg_box {padding-bottom:7rem;}
    .con0201 .bg_box img {display:block;}
    .con0201 .about_con li .wrap {padding:5rem 0;}
    .con0201 .about_con li .wrap > div {width:100%;}
    .con0201 .about_con li .wrap > div.txt_box {padding-left:2rem !important;}
    .con0201 .about_con li .wrap > div.img_box {margin-top:2rem;}
}

.con0201 .effect .effect_list2 {}
.con0201 .effect .effect_list2 li {padding:2rem 3rem 2rem 6rem;border:1px solid #ddd;border-radius: 10px;background:url("../../images/fs/content/sub02/service_check.png") no-repeat left 3rem center;}
.con0201 .effect .effect_list2 li:not(:first-child) {margin-top:1.7rem;}

.con0201 .effect .effect_list {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.con0201 .effect .effect_list li {width:calc(25% - 1.5rem);padding:4rem 3rem;border:1px solid #ddd;height:230px;background:no-repeat bottom 1.5rem right 1.5rem;border-radius:10px;margin-bottom:15px;}
.con0201 .effect .effect_list li:nth-child(1) {background-image:url("../../images/fs/content/sub02/con0201_ico01.png");}
.con0201 .effect .effect_list li:nth-child(2) {background-image:url("../../images/fs/content/sub02/con0201_ico02.png");}
.con0201 .effect .effect_list li:nth-child(3) {background-image:url("../../images/fs/content/sub02/con0201_ico03.png");}
.con0201 .effect .effect_list li:nth-child(4) {background-image:url("../../images/fs/content/sub02/con0201_ico04.png");}
.con0201 .effect .effect_list li .num {display:block;color:#999;font-size:1.250em;font-weight:200;margin-bottom:20px;}
.con0201 .effect .effect_list li em {display:block;color:#333;font-weight:600;}
@media only screen and (max-width:1023px){
}
@media only screen and (max-width:767px){
    .con0201 .effect .effect_list li {width:calc(50% - 1.5rem);}
}


/* 0202기술역량 */
.rnd_wrp .p_list {display:flex;flex-wrap:wrap;gap:50px 40px;justify-content:space-between;}
.rnd_wrp .p_list .p-item {position:relative;width:calc(50% - 25px);padding:30px;border-radius: 10px;border:1px solid #ddd;display: flex;flex-direction: column;justify-content: space-between;}
.rnd_wrp .p_list .p-item:not(:last-child):before {content:'';position:absolute;right:-3.5rem;top:0;bottom:0;margin:auto;background:url("../../images/fs/content/sub02/rnd_arrow.png") no-repeat right center;width:20px;height:21px;background-size:contain;}
.rnd_wrp .p_list .p-item:nth-child(2n):before {display: none;}
.rnd_wrp .p_list .p-item > .num {display:inline-block;width:40px;height:auto;aspect-ratio:1/1;background:var(--primary);position:absolute;left:30px;top:-20px;border-radius:50px;color:#fff;text-align: center;line-height: 40px;font-size:.9em;font-weight:800;}
.rnd_wrp .p_list .p-item > .tit {position: relative;color:#222;font-size:1.3em;font-weight:bold;margin-bottom:20px;z-index: 1;}
.rnd_wrp .p_list .p-item > .tit span {font-size:1.7rem;font-weight: 500;}
.rnd_wrp .p_list .p-item > .icon {display:block;margin-top:2rem;}
.rnd_wrp .p_list .p-item > .icon img {width: 100%;}
.rnd_wrp .p_list .p-item ul {display:flex;flex-wrap:wrap;}
.rnd_wrp .p_list .p-item ul li {line-height:1.5em;width:50%;}
.rnd_wrp .p_list .p-item ul li .num {display:inline-block;margin-right:5px;background: #bbb;color:#fff;font-size:.85em;font-weight:600;width:17px;height:17px;text-align: center;line-height:18px;border-radius: 10px;}
@media only screen and (max-width:1023px) {
    .rnd_wrp .p_list .p-item {width:calc(50% - 25px);}
    .rnd_wrp .p_list .p-item:nth-child(3n):before {display:block;}
    .rnd_wrp .p_list .p-item:nth-child(even):before {display:none;}
}
@media only screen and (max-width:767px) {
    .rnd_wrp .p_list .p-item ul {flex-direction: column;}
    .rnd_wrp .p_list .p-item ul li {width:100%;}
}
@media only screen and (max-width:560px) {
    .rnd_wrp .p_list {gap:30px 0;}
    .rnd_wrp .p_list .p-item {width:100%;}
    .rnd_wrp .p_list .p-item:before {display:none !important;}
}


/* 0203동작시스템 */



/* 0204활용분야 */
.esg {}
.esg .esg_box {background:#e5e5e5;padding-top:70px;text-align:center;}
.esg .esg_box strong {font-size:40px;font-weight:900;text-align:left;}
.esg .esg_box strong span {font-weight:400;}
.esg .esg_box > .wrap > p {font-size:16px;color:#666;margin-top:10px;}
.esg .esg_box ul {display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px;}
.esg .esg_box ul li {height:50px;line-height:48px;border:1px solid #ddd;background:#fff;border-radius:30px;font-size:18px;display:inline-block;padding:0 30px;margin:0 10px;}
.esg .esg_box .esg_box_bottom {background:#0c367b;padding:15px 0;margin-top:40px;}
.esg .esg_box .esg_box_bottom p {font-size:16px;color:#fff;}
.esg_list {display:inline-flex;flex-wrap:wrap;width:100%;margin-bottom:80px;}
.esg_list .alphabet {width:40%;}
.esg_list .alphabet em {font-size:500px;color:#eef0f4;font-weight:900;line-height:0.75;}
.esg_list .alphabet em img {width: 90%;border-radius: 20px;}
.esg_list .esg_txt {width:60%;}
.esg_list .esg_txt span {font-size:20px;color:#aaa;}
.esg_list .esg_txt h4 {font-size:40px;font-weight:400;color:#222;}
.esg_list .esg_txt h4 strong {font-weight:800;color:var(--primary);}
.esg_list .esg_txt .esg_line {border:1px solid #ddd;padding:40px;margin-top:20px;border-radius: 20px;}
.esg_list .esg_txt .esg_line ul {}
.esg_list .esg_txt .esg_line > ul > li {display:flex;flex-wrap:wrap;width:100%;color:#666;margin-bottom:40px;}
.esg_list .esg_txt .esg_line > ul > li:last-child {margin-bottom:0;}
.esg_list .esg_txt .esg_line > ul > li:first-child div {width:100%;}
.esg_list .esg_txt .esg_line > ul > li div {width:50%;}
.esg_list .esg_txt .esg_line > ul > li:nth-child(2n) {justify-content: flex-end;}
.esg_list:nth-child(2) {flex-direction:row-reverse;margin-bottom:40px;}
.sarr {margin-bottom:40px;text-align: center;}
.esg_list:nth-child(2) .alphabet {text-align:right;}
.esg_list:nth-child(2) .alphabet em {color:#eee;}
.esg_list:nth-child(2) .esg_txt span {text-align:right;display:block;}
.esg_list:nth-child(2) .esg_txt h4 {text-align:right;display:block;}
.confirm {background:url("../../images/fs/content/sub02/esg_bg.png") no-repeat center center / cover;padding:10rem 7rem;border-radius: 20px;}
.confirm .wrap {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.confirm h4 {color:#fff;font-size:40px;}
.confirm .list1 {margin-top:30px;}
.confirm .list1 li {color:#fff;}
.confirm a {height:60px;line-height:58px;border:1px solid #fff;color:#fff;padding:0 30px;display:flex;align-items:center;transition:all .4s;-webkit-transition:all .4s;font-size:18px;}
.confirm a img {margin-left:20px;}
.confirm a:hover {background:#fff;color:#000;border:1px solid #000;}
@media only screen and (max-width:1199px){
    .esg_list .alphabet em {font-size:380px;}
    .esg_list .esg_txt h4 {font-size:35px;}

}
@media only screen and (max-width:1023px){
    .esg .esg_box strong {font-size:35px;}
    .esg .esg_box > .wrap > p {font-size:15px;}
    .esg .esg_box ul li {height:40px;line-height:38px;padding:0 20px;font-size:16px;margin:0 5px;}
    .esg_list .alphabet em {font-size:250px;}
    .esg_list .esg_txt h4 {font-size:30px;}
    .esg_list .esg_txt .esg_line {padding:30px;}
    .esg_list .esg_txt .esg_line > ul > li {margin-bottom:20px;}
    .esg_list .esg_txt .esg_line > ul > li div h5 {font-size:20px;}
    .confirm h4 {font-size:30px;}
    .confirm a {height:50px;padding:0 20px;font-size:16px;}
}
@media only screen and (max-width:767px){
    .esg_list {margin-bottom:40px;}
    .esg_list .alphabet {width: 100%;}
    .esg_list .alphabet em {font-size:200px;}
    .esg_list .alphabet em img {width: 100%;}
    .esg_list .esg_txt {width:100%;margin-top:2rem;}
    .esg_list .esg_txt span {font-size:14px;}
    .esg_list .esg_txt h4 {font-size:23px;}
    .esg_list .esg_txt .esg_line {padding:15px;margin-top:10px;}
    .esg_list .esg_txt .esg_line > ul > li div {width:100%;}
    .esg_list .esg_txt .esg_line > ul > li div h5 {font-size:16px;}
    .esg_list:nth-child(2) .esg_txt span {text-align: left;}
    .esg_list:nth-child(2) .esg_txt h4 {text-align: left;}
    .confirm {padding:6rem 3rem;}
    .confirm .wrap div {width:100%;}
    .confirm h4 {font-size:23px;}
    .confirm .list1 {margin-top:20px;}
    .confirm a {height:40px;font-size:14px;margin-top:30px;display:inline-flex}
}


/* 0301광무선 송수신기 */
.mt80 {margin-top:80px;}
.wireless .contents_subtitle {margin-top:8rem;}
.wireless .m4_imgbox {padding:50px 20px 30px 20px;border:1px solid #ddd;border-radius: 10px;}
.wireless .m4_imgbox img {width: 100%;}
.wireless .btn_plus {border-radius: 4px;display: flex;justify-content: center;align-items: center;gap:7px;background: var(--primary);width: 155px;height: 50px;color:#fff;margin:30px auto 0 auto;}
.wireless .btn_plus span {position:relative;display: flex;justify-content: center;align-items: center;background: #f0747e;/*background: #74aef0;*/width: 20px;height: 20px;border-radius: 100%;}
.wireless .btn_plus span:before {content:"";position:absolute;width:2px;height:8px;background: #fff;display: block;}
.wireless .btn_plus span:after {content:"";position:absolute;width:8px;height:2px;background: #fff;display: block;}
.wireless .wireless_char2 {}
.wireless .wireless_char2 .list1 {display: flex;flex-wrap: wrap;}
.wireless .wireless_char2 .list1 li {width:25%;}
.wireless .wireless_char3 {display: flex;}
.wireless .wireless_char3 > div {width: 50%;}
.wireless .contents_space2 {margin-bottom:10rem;padding:50px 20px 30px 20px;border:1px solid #ddd;border-radius: 10px;}

.wireless .contents_space2 img {width: 100%;}
.wireless .contents_space3 {display: flex;gap:40px;}
.wireless .contents_space3 .btn_plus {margin-top:-30px;position: relative;z-index: 1;}
.wireless .contents_space3 .left {flex-grow:1;width: 50%;}
.wireless .contents_space3 .left img {width: 100%;border-radius: 10px;}
.wireless .contents_space3 .right {flex-grow:1;padding-bottom: 2rem;}
.wireless .contents_space3 .right .contents_subtitle_h5 {color:var(--primary);text-transform:uppercase;font-weight: 800;font-size: 2.4rem;}
.wireless .contents_space3 .right .quantum_table2 {width:100%;margin-top:15px;height: calc(100% - 41px);font-size:1.7rem;}
.wireless .contents_space3 .right .quantum_table2 thead {}
.wireless .contents_space3 .right .quantum_table2 thead tr {border-bottom:2px solid var(--primary);}
.wireless .contents_space3 .right .quantum_table2 thead tr th {padding:2rem 4rem;text-align: left;font-weight: 700;color:#222;}
.wireless .contents_space3 .right .quantum_table2 tbody {}
.wireless .contents_space3 .right .quantum_table2 tbody tr {}
.wireless .contents_space3 .right .quantum_table2 tbody tr:nth-child(even) {background: #f4f4f4;}
.wireless .contents_space3 .right .quantum_table2 tbody tr td {padding:2rem 4rem;color:#666;font-weight: 400;}
.wireless .contents_space4 {margin-top:80px;}
@media only screen and (max-width:1023px){
    .wireless .contents_space3 {flex-direction: column;}
    .wireless .contents_space3 .left {width: 100%;}
    .wireless .contents_space3 .left img {width: 100%;}
    .wireless .contents_space3 .right {width: 100%;padding-bottom: 0;}

    .wireless .wireless_char2 .list1 li {width:33.3%;}
}
@media only screen and (max-width:767px){
    .wireless .wireless_char2 .list1 li {width:50%;}
}


/* 0501_인재상 */
.sub0504 {overflow-x: hidden;}
.sub0504 .sub0504_top {border-radius: 10px;position:relative;z-index:1;height:400px;background: #000;text-align: center;color: #fff;}
.sub0504 .sub0504_top:after {content:"";position:absolute;left:0;top:0;z-index:-1;display:block;width:100%;height:400px;background:url("./../../images/fs/content/sub05/img_job.jpg") center center no-repeat;opacity: 0.3;}
.sub0504 .sub0504_top .wrap {display: flex;justify-content:center;align-items: center;height: 100%;}
.sub0504 .sub0504_top .people {font-weight: 300;}
.sub0504 .sub0504_top .people strong {font-size: 4rem;}
.sub0504 .sub0504_top .people strong .br_none {display: none;}
.sub0504 .sub0504_top .people p {margin-top:20px;line-height: 1.5;}
.sub0504 .sub0504_top .people p .br_none {display: none;}
.sub0504 .sub0504_top .people .con_btn {display:flex;align-items:center;width:200px;margin:0 auto;border:1px solid var(--primary);height:60px;padding:0 50px;background:var(--primary);color:#fff;font-weight:500;}
.sub0504 .sub0504_top .people .con_btn span {display:inline-block;height: 9px;margin:-2px 0 0 10px;}

.sub0504 .talent {}
.sub0504 .talent > div {margin-top:20px;}
.sub0504 .talent > div ul {display: flex;gap:20px;}
.sub0504 .talent > div ul li {width: 25%;}
.sub0504 .talent > div ul li div {border-radius: 10px;height:100%;padding:30px;border:1px solid #ddd;background: #f3f8ff;}
.sub0504 .talent > div ul li:nth-child(even) div {background: #f3fffe;}
.sub0504 .talent > div ul li div strong {font-size: 2rem;color:#111;}
.sub0504 .talent > div ul li div p {margin-top:10px;line-height:1.5;padding-top:10px;border-top: 1px dashed #ddd;}
.sub0504 .talent > div ul li div p img {width: 100%;}

.sub0504 .system ul {position:relative;display:inline-block;width:100%;margin:20px 0;}
.sub0504 .system ul:before {content:"";position:absolute;left:-50%;top:50%;width:200%;height:1px;background:#ddd;z-index:-1;}
.sub0504 .system ul li {position:relative;width:25%;float:left;text-align:center;}
.sub0504 .system ul li div {border:1px solid var(--primary);border-radius:100%;width:200px;height:200px;padding-top:90px;font-size:1.8rem;font-weight:600;line-height:23px;margin:0 auto;background:#fff;}
.sub0504 .system ul li div:after {content:"";position:absolute;right:0;top:50%;margin-top:-6px; width:12px;height:14px;background:url("./../../images/fs/content/sub05/sub0502_arrow.png") center left no-repeat;}
.sub0504 .system ul li div:before {content:"";position:absolute;left:50%;top:50%;width:100%;height:1px;background:var(--primary);z-index:-1;}
.sub0504 .system ul li:last-child div:after {display:none;}
.sub0504 .system ul li:last-child div:before {display:none;}
.sub0504 .system ul li div span {color:#999;display:block;font-weight:400;}
.sub0504 .system ul li em {position:absolute;right:-27px;top:65%;background:#bbb;color:#fff;border-radius:100%;width:50px;height:50px;font-size:1.063em;padding-top:14px;font-weight:400;}

.sub0504 .system ul li {width:25%;}
.sub0504 .system ul li div {padding-top:50px;}
.sub0504 .system ul li div:after {margin-right:-6px;}
.sub0504 .system ul li div p {font-size:1.125em;color:#222;margin-top:12px;}
.content_box {display:flex;width:100%;}
.content_box .h4 {flex-shrink: 0;width: 200px;}
.content_box .con_right {flex-grow:1;padding-left:20px;}
.content_box .con_right p {line-height:30px;}
.content_box .con_right .list3 li {margin-bottom:0;margin-top:10px;}
.content_box .con_right .list3 > li:after {top:7px;}
.content_box .list1 > li {position:relative;font-size:1.8rem;color:#3d3d3d;padding:0 0 7px 20px;}
.content_box .list1 > li:after {content:"";position:absolute;left:0;top:5px;width:2px;height:14px;background:#999;transform: skewX(-30deg);}
@media only screen and (max-width:1439px){
    .sub0504 .system ul li div {width:150px;height:150px;padding-top:20px;}
    .sub0504 .system ul li div:after {margin-right:-9px;}
}
@media only screen and (max-width:1023px){
    .sub0504 .sub0504_top {height:440px;}
    .sub0504 .sub0504_top:after {height:440px;}
    .sub0504 .sub0504_top .people {padding-top:0;}
    .sub0504 .sub0504_top .people .con_btn {width:150px;height:50px;padding:0 30px;}
    .sub0504 .talent > div ul {flex-wrap: wrap;}
    .sub0504 .talent > div ul li {width: calc((100% - 20px) / 2);}
    .sub0504 .talent > div ul li div {padding:20px;}
    .sub0504 .people {padding-top:210px;}
    .sub0504 .system ul li div {padding-top:35px;}
    .sub0504 .system ul li div img {width:40px;}
    .sub0504 .system ul li div p {font-size:14px;}
    .sub0504 .tableA tbody tr:after {display:none;}
    .sub0504 .tableA tbody td {display:block;width:100%;}
}
@media only screen and (max-width:767px){
    .sub0504 .sub0504_top {height:340px;}
    .sub0504 .sub0504_top:after {height:340px;}
    .sub0504 .sub0504_top .people {padding-top:0;}
    .sub0504 .sub0504_top .people .con_btn {width:120px;height:40px;padding:0 20px;}
    .sub0504 .system > div > p {font-size:15px;margin-top:10px;}
    /*.sub0504 .system ul {margin-left:-30px;}*/
    .sub0504 .system ul {margin:20px 0 0 0;}
    .sub0504 .system ul:before {display:none;}
    .sub0504 .system ul li {/*width:50%;*/margin-bottom:10px;}
    .sub0504 .system ul li div {width:80px;height:80px;padding-top:8px;font-size:14px;line-height:16px;}
    .sub0504 .system ul li div span {font-size:13px;}
    .sub0504 .system ul li em {width:40px;height:40px;font-size:13px;padding-top:5px;}
    .sub0504 .system ul li div p {margin-top:0;}

    .content_box {flex-direction: column;}
    .content_box .con_right {padding-left:10px;margin-top:10px;}
    .content_box .list1 > li:after {content:"";position:absolute;left:0;top:5px;width:2px;height:10px;background:#999;transform: skewX(-30deg);}
}
@media only screen and (max-width:470px){
    .sub0504 .sub0504_top .people strong .br_none {display: block;}
    .sub0504 .sub0504_top .people p .br_none {display: block;}
}
@media only screen and (max-width:439px){
    .sub0504 .system ul li {width:100%;margin-bottom:20px;}
    .sub0504 .system ul li:last-child {margin-bottom:0;}
    .sub0504 .system ul li div {width: 100%;height:auto;padding-bottom:8px;border-radius:8px;}
    .sub0504 .system ul li div:before {display: none;}
    .sub0504 .system ul li div:after {left:0;right: 0;top: 105%;margin:0 auto;transform: rotate(90deg);}
}



/******************************/
/* 게시판 */
/******************************/
/* 총게시글 */
.total_box {font-weight:500;font-size:1.6rem;color:#767676;line-height:1.6;position:relative;padding-left:26px;letter-spacing:-0.2px;}
.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:#fff;width:100%;text-align:left;padding:3px 10px 3px 4px;display:flex;align-items:center;border:1px solid #ddd;border-radius: 4px;}
.search_box .inputbox select {background-color: #f6f6f6;border-radius:0;border:0;line-height:normal;border-radius: 4px;}
.search_box .inputbox .sc_input {background:none;border:0;line-height:normal;}
.search_box .inputbox .input_style {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;}
    .search_box .inputbox .input_style {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:38px;height:38px;line-height:38px;text-align:center;transition:0.4s;border-radius: 4px;}
.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 {font-size:1.6rem;}
.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;}
}

/* 일반게시판(목록) */
.board_list {width:100%;/*border-top:2px solid #1d1d1d;*/word-break:normal;}
.board_list thead th {font-weight:500;font-size:1.6rem;color:#fff;background:#1d1d1d;padding:1rem 0;/*border-bottom:1px solid #003282;*/}
.board_list tbody tr:hover {background: #fffbfb;}
.board_list tbody tr td {padding:1.5rem 2rem;border-bottom:1px solid #ddd;font-size:1.7rem;}
.board_list tbody tr td a {display:block;text-align:left;color:#1d1d1d;}
.board_list tbody tr.notice_box td:first-child {font-weight:600;color:var(--primary);}
.board_list tbody tr.notice_box td a {font-weight:600;color:#1d1d1d;}
@media only screen and (max-width:1023px){
    .board_list {word-break:keep-all;}
}
@media only screen and (max-width:767px){
    .board_list 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 #ddd;padding:15px 0;}
    table.responsive tbody tr:after {content:".";display:block;clear:both;visibility:hidden;height:0;}
    table.responsive tbody td {display:block;padding:3px 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:#222;padding-right:5px;}
}

/* 일반게시판(상세) */
.board_view {border-top:2px solid #000;}
.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:#000;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 16px 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 #ddd;border-bottom:1px solid #ddd;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;}
.gallery_list_box .g_list > li a .imgbox {border-radius: 10px;display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #eee;text-align:center;position:relative;word-break: break-all !important;}
.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;/*width:100%;*/}

.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 {margin-top:20px;}
.gallery_list_box .g_list > li a .titbox .sp1 {display:block;margin-bottom:1rem;color: #5ac0a7;font-size: 1.8rem;font-weight: 700;}
.gallery_list_box .g_list > li a .titbox .title {width:100%;font-weight:700;color:#222;font-size:2.2rem;line-height:1.2;word-break: break-all !important;}
.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;-webkit-transition:all .4s;}
.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:0.875em;}
.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:#222;}
.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:19% 0;}
.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.5;*/transition:all .4s;-webkit-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);}
}

/* 고객문의-비밀번호입력 */
.end_box {border-top:2px solid #222;border-bottom:1px solid #ddd;padding:10rem 4rem;text-align: center;}
.end_box img {width: 80px;}
.end_box strong {display:block;font-size:2.4rem;color:#222;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 #000;word-break:normal;}
.online_table thead th {padding:12px 20px;background:#f3f6fd;border-left:1px solid #eee;border-top:1px solid #eee;color:#000;}
.online_table thead th:first-child {border-left:0;}
.online_table tfoot th {padding:12px 20px;background:#f9f9f9;border-top:1px solid #ddd;}
.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:#222;}
.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 #ddd}
.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;}
}
/* 반응형테이블 */
@media screen and (max-width:1023px){
    table.responsive {border-top:1px solid #1d1d1d;}
    table.responsive thead {display:none;}
    table.responsive colgroup {display:none;}
    table.responsive tbody tr {display:block; position:relative; border-bottom:1px solid #d9d9d9;padding:10px 0;}
    table.responsive tbody tr:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
    /*table.responsive tbody tr:nth-child(odd) {background: #fffafa;}*/
    table.responsive tbody td {display:block; padding:5px 3%; 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 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:#3d3d3d;padding-right:10px;}/* thead의 내용을 tbody의 th, td에 각각 삽입 */
    table.responsive tfoot {display:block;}
    table.responsive tfoot tr {display:block; position:relative; border-bottom:1px solid #d9d9d9;}
    table.responsive tfoot tr:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
    table.responsive tfoot tr:nth-child(odd) {background:#e8fff3;}
    table.responsive tfoot td {display:block; padding:4px 3%; border:none; background-color:transparent; text-align:left; box-sizing:border-box;}
    table.responsive tfoot th {display:block; padding:4px 3%; border:none; background-color:transparent; text-align:left; vertical-align:middle;}
    table.responsive tfoot tr:first-child td, table.responsive tfoot tr:first-child th {border-top:none;}
    table.responsive tfoot th:before, table.responsive tfoot td:before {content:attr(data-content)' : '; display:inline;}/* thead의 내용을 tbody의 th, td에 각각 삽입 */
}
/* 0403_온라인문의 */
.online_inquiry .flexbox {display: flex;gap:1rem;flex-wrap: wrap;align-items: center;}
.online_inquiry .flexbox * {flex-grow: 1;}
.online_inquiry .flexbox span {flex-shrink: 0;flex-grow: inherit;}
.top_box {background: linear-gradient(to right, rgba(8, 32, 66, 0.85), rgba(45, 0, 0, 0.5)), url("./../../images/fs/content/sub04/online_inquiry.png") no-repeat center center;padding:5rem;color:#fff;font-size:2rem;margin-bottom:4rem;border-radius: 10px;}
.top_box em {font-weight:700;font-size:3rem;border-bottom: 1px solid rgba(255,255,255,0.3);display: block;padding-bottom:2rem;}
.online_inquiry .privacy_area {padding:30px;overflow-y:auto;background:#f9f9f9;max-height:200px;font-size:1.4rem;line-height:1.3;}
.online_inquiry .privacy_area .tit strong {font-size:1.6rem;color:#111;font-weight:600;}
.online_inquiry .privacy_area .stit {position:relative;font-weight:500;color:#333;display:block;margin-top:10px;}
@media only screen and (max-width:1023px){
    .online_inquiry .tableA tbody tr:after {display:none;}
    .online_inquiry .tableA tbody th {width:100%;}
    .online_inquiry .tableA tbody td {width:100%;border-left:none;}
    .online_inquiry .privacy_area .stit {margin-bottom:5px;}
    .online_inquiry .privacy_area p {margin-bottom:5px;}
}

.board_box 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%);}
.manageButton {margin-top:10px;}