@import url('sub.css'); 



/**** S:: 그룹소개 > 그룹 개요 ****/
.overview_top {display: grid;  grid-template-columns: repeat(2, 1fr);}
.overview_top .imgBox {background:url("/resources/about/img/overview_bg.jpg")no-repeat center / cover;}
.overview_top .tBox {padding:150px 85px; background: var(--blue_black); position:relative; }
.overview_top .tBox::after {content:''; width:162px; height:107px; background:url("/resources/img/logo.svg")no-repeat center / 100%; position:absolute; bottom:60px; right:60px; opacity:0.3;}
.overview_top .tBox .fs45 {color:var(--white); margin-bottom:35px;}
.overview_top .tBox .fs22 {color:var(--white); margin:25px 0 5px;}
.overview_top .tBox .stxt {color:var(--white); opacity:0.8;}

.overview_cont {margin-top:50px;}
.overview_cont dl {display:flex; flex-wrap:wrap; align-items:center; padding:20px 0;}
.overview_cont dl+dl {border-top:1px solid var(--border);}
.overview_cont dl dt {width:120px; color: var(--black); font-size: 1.11rem; font-weight: 600; line-height: 160%; letter-spacing: -0.8px;}
.overview_cont dl dd {width:calc(100% - 120px); font-size: 1.11rem; line-height: 160%; letter-spacing: -0.8px;}
.overview_cont dl dd .img-list {display: grid;  grid-template-columns: repeat(2, 1fr);  gap:20px;}
.overview_cont dl dd .img-list li {position:relative;}
.overview_cont dl dd .img-list li::after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid var(--border); box-sizing:border-box;}
.overview_cont dl dd .img-list li img {width:100%;}
.overview_cont dl.w50 dd {width:calc((100% - 240px) / 2);}



.ceo_intro {position:relative; padding:130px 135px 90px; background:url("/resources/about/img/ceo_bg.jpg")no-repeat center / cover;}
.ceo_intro .tBox {width:560px; max-width:50%;}
.ceo_intro .fs45 {color:var(--white); margin-bottom:35px;}
.ceo_intro .stxt {color:var(--white); opacity:0.8;}
.ceo_intro .stxt+.stxt {margin:30px 0 0;}
.ceo_intro .sign {text-align:right; bottom:90px; left:50%; position:absolute; margin-left:80px;}
.ceo_intro .sign span {display:block; color: var(--white); font-size: 1.11rem; font-weight: 400; line-height:160%; letter-spacing: -0.8px;}
.ceo_intro .sign b {display:block; color: var(--white); font-size: 1.666rem; font-weight: 700; line-height:113.333%; letter-spacing: 3px;}
.ceo_message {display: grid;  grid-template-columns: repeat(2, 1fr);  gap:50px; max-width:1320px; margin:60px auto 0;}
.ceo_message .message .stxt+.stxt {margin:18px 0 0;}






.vision_cont {background:url("/resources/about/img/vision_background.jpg")no-repeat center / cover; padding:150px 135px; display:flex; flex-wrap:wrap; align-items:center;}
.vision_cont .vision-tit {width:405px;}
.vision_cont .vision-tit > div {width:300px; aspect-ratio: 3 / 3; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; text-align:center; color: var(--white); font-size: 1.22rem; font-weight: 600; line-height: 154.545%; letter-spacing: -0.88px; border-radius:100%; margin:-40px 0;}
.vision_cont .vision-tit > div.bg01 {background:url("/resources/about/img/vision_bg01.png")no-repeat center / cover;  mix-blend-mode: multiply;}
.vision_cont .vision-tit > div.bg02 {position:relative; z-index:10; background:url("/resources/about/img/vision_bg02.png")no-repeat center / cover;}
.vision_cont .vision-list {width:calc(100% - 405px);}
.vision_cont .vision-list dl {display:flex; flex-wrap:wrap; padding:20px 0; border-radius: 100px; background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(4px); position:relative;}
.vision_cont .vision-list dl::after {content:''; font-family: var(--eng); color:var(--black); font-size: 0.77rem; font-weight: 700; line-height: 171.429%; letter-spacing: 0.7px; text-transform: uppercase; opacity: 0.3; position:absolute; top:50%; right:57px; transform:translateY(-50%);}
.vision_cont .vision-list dl:nth-of-type(1)::after {content:'Mission';}
.vision_cont .vision-list dl:nth-of-type(2)::after {content:'vision';}
.vision_cont .vision-list dl:nth-of-type(3)::after {content:'Value';}
.vision_cont .vision-list dl dt {display:flex; flex-wrap:wrap; align-content:center; justify-content:center; width:200px; text-align:center; color: var(--main); font-size: 1.22rem; font-weight: 600; line-height: 154.545%; letter-spacing: -0.88px; border-right:1px solid var(--border); box-sizing:border-box; padding:14px 0;}
.vision_cont .vision-list dl dt i {width:100%; display:block; margin:0 0 6px; padding-left:4px; box-sizing:border-box;}
.vision_cont .vision-list dl dd {display:flex; flex-wrap:wrap; align-items:center; width:calc(100% - 200px); padding:25px 50px; box-sizing:border-box; padding-right:130px;}
.vision_cont .vision-list dl dd h4 {width:100%; color: var(--black); font-size: 1.388rem; font-weight: 400; line-height:136%; letter-spacing: -1px;}
.vision_cont .vision-list dl dd p {width:100%; padding-left:50px; box-sizing:border-box; position:relative;  line-height:160%; letter-spacing: -0.8px; font-size:1.11rem;}
.vision_cont .vision-list dl dd p+p {margin:6px 0 0;}
.vision_cont .vision-list dl dd p b {position:absolute; top:0; left:0; font-weight: 600; line-height:inherit; letter-spacing:inherit; font-size:inherit; color:var(--black);}
.vision_cont .vision-list dl+dl {margin:30px 0 0;}




.philosophy_cont {background:url("/resources/about/img/philosophy_bg.jpg")no-repeat center / cover; padding:170px 167px; display:flex; flex-wrap:wrap; align-items:center;}
.philosophy_cont .diagram {position:relative; width:581px; height:524px; background:url("/resources/about/img/diagram_bg.png")no-repeat center / contain;}
.philosophy_cont .diagram dl {position:absolute; width:286px; aspect-ratio: 3 / 3; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; text-align:center;}
.philosophy_cont .diagram dl.one {left:146px; top:20px;}
.philosophy_cont .diagram dl.two {bottom:20px; left:20px;}
.philosophy_cont .diagram dl.three {bottom:20px; right:20px;}
.philosophy_cont .diagram dl dt {width:100%;}
.philosophy_cont .diagram dl dd {font-size: 1.22rem; font-weight: 600; line-height: 154.545%; letter-spacing: -0.88px; margin:20px 0 0;}
.philosophy_cont .diagram dl.one dd {color: var(--main);}
.philosophy_cont .diagram dl.two dd {color: var(--blue2);}
.philosophy_cont .diagram dl.three dd {color: var(--blue3);}

.philosophy_cont .tBox {padding-left:132px; box-sizing:Border-box; width:calc(100% - 581px);}
.philosophy_cont .tBox .fs45 {margin:0 0 25px;}
.philosophy_cont .tBox h4 {color: var(--main); font-size: 1.22rem; font-weight: 600; line-height: 154.545%; letter-spacing: -0.88px; margin:32px 0 0;}
.philosophy_cont .tBox .eng {letter-spacing:0;}




.report-list {display: grid;  grid-template-columns: repeat(3, 1fr); box-sizing:border-box; border-top:1px solid var(--border); border-left:1px solid var(--border);}
.report-list li {padding:45px 20px 35px; box-sizing:border-box; border-bottom:1px solid var(--border); border-right:1px solid var(--border); text-align:center;}
.report-list li i {min-height:90px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.report-list li h4 {color: var(--black); text-align: center; font-size: 1.11rem; font-weight: 600; line-height: 160%; letter-spacing: -0.8px; margin:18px 0 0;}




.report-process {display: grid;  grid-template-columns: repeat(4, 1fr);  gap:10px;}
.report-process li {position:relative; border:1px solid var(--border); box-sizing:border-box; padding:25px 20px 35px; text-align:center;}
.report-process li::after {content:'\e5e1'; width:35px; height:35px; line-height:35px; text-align:center; font-family:var(--icon); font-size:15px; background:#A2A9B0; position:absolute; top:0; right:0; color:var(--white); border-radius:100%; padding-left:2px; box-sizing:border-box; position:absolute; top:50%; right:-24px; margin-top:-20px; z-index:10;}
.report-process li:last-of-type::after {display:none;}
.report-process li .num {width: 40px; height: 40px; display:block; line-height:40px; text-align:center; color: var(--white); text-align: center; font-family: var(--eng); font-size: 0.88rem; font-style: normal; font-weight: 600; background:var(--main); border-radius:100%; margin:0 auto 40px;}
.report-process li .img {display:block ;width:100%; margin:0 0 25px;}
.report-process li h4 {color: var(--black); font-size: 1.11rem; font-weight: 600; line-height: 160%; letter-spacing: -0.8px; margin:0 0 5px;}
.report-process li .stxt {line-height:155.556%;}


.declaration-info {background:#f6f7f9; display:flex; flex-wrap:wrap; align-items:center; margin:40px 0 0;}
.declaration-info .ico {width:185px; text-align:center;}
.declaration-info .tBox {width:calc(100% - 185px); padding:35px 50px 40px 0; box-sizing:border-box;}
.declaration-info .tBox h4 {color: var(--black); font-size: 1.11rem; font-weight: 600; line-height: 160%; letter-spacing: -0.8px; margin:0 0 8px;}


.report_fixed {position:fixed; bottom:0; left:0; width:100%; background:rgba(23,40,66,0.4); z-index:999; padding:30px 0;}
.report_fixed .linkBtn {display:block; margin:0 auto; width: 240px; height: 70px; background: var(--main);}
.report_fixed .linkBtn span {position:relative; z-index:10; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:100%; width:100%; padding:0 30px; box-sizing:border-box; font-weight: 600; letter-spacing: -0.72px; color: var(--white); }
.report_fixed .linkBtn span::before {content:''; width:30%; height:100%; background:var(--black); position:Absolute; top:0; left:0; z-index:-1; opacity:0; transition:all 0.3s linear;}
.report_fixed .linkBtn:hover span::before {width:100%; opacity:1; transition:all 0.3s linear;}
.report_fixed .linkBtn span::after {content:'\e89e'; font-family:var(--icon); font-size:22px; color:Var(--white); font-weight:400;}




/**** S:: 사이버감사실 > 윤리경영 헌장 ****/
.constitution-list {border-top:1px solid var(--border); border-left:1px solid var(--border);}
.constitution-list li {padding:40px; box-sizing:border-box; border-bottom:1px solid var(--border); border-right:1px solid var(--border);}
.constitution-list li:nth-of-type(2n) {background: var(--gray_bg_opa6);}
.constitution-list li h4 {color: var(--black); font-size: 1.222rem; font-weight: 600; line-height: 145.455%; letter-spacing: -0.88px; padding-left:40px; box-sizing:border-box; position:relative; margin:0 0 15px;}
.constitution-list li h4 i {width: 32px; height: 32px; line-height:32px; color: var(--white); text-align: center; font-family: var(--eng); font-size: 0.77rem; font-style: normal; font-weight: 700; letter-spacing: 0.7px; text-transform: uppercase; displaY:block; background:var(--main); border-radius:100%; position:absolute; top:0; left:0;}
/**** E:: 사이버감사실 > 윤리경영 헌장 ****/




/**** S:: 회사소개 > 찾아오시는 길 ****/
.location_cont{position:relative;}
.location_cont .subTxt{padding:0 0 50px;}
.location_cont .location_map{border:1px solid var(--border);}
.location_cont .location_map .root_daum_roughmap {width:100%;}
.location_cont .location_map .wrap_map{width:100%; height:600px;}
.location_cont .location_map .map_border{display:none !important;}
.location_cont .location_map .wrap_controllers{display:none !important;}
.location_cont .location_info{padding:40px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between}
.location_cont .location_info .loca_txt h5 {font-size:1rem; letter-spacing:-0.72px; line-height:177%; font-weight:600; color:var(--black);}
.location_cont .location_info .loca_txt p {font-size:1rem; color:var(--basic); letter-spacing:-0.72px; line-height:177%; font-weight:400; padding-left:50px; position:relative;}
.location_cont .location_info .loca_txt p span {position:absolute; left:0; font-size:1rem; letter-spacing:-0.72px; line-height:177%; font-weight:600; color:var(--black); }

.location_cont .loca_btn{display:flex; box-sizing:border-box; }
.location_cont .loca_btn li{margin-left: 5px; overflow: hidden;}
.location_cont .loca_btn li:first-child{margin-left: 0;}
.location_cont .loca_btn li a{display:block; text-align:left; font-size:0.889rem; color:var(--white); font-weight:400; letter-spacing:-0.54px; width:180px; height:60px; line-height:58px; padding:0 30px; box-sizing:border-box; position: relative; border:1px solid; overflow: hidden; transition:all .3s linear;}
.location_cont .loca_btn li a em{position:relative; z-index:2; color:inherit; line-height:inherit; letter-spacing:inherit; font-style:normal; transition:all .3s linear; display:inline-block; font-weight:600;}
.location_cont .loca_btn li a svg{width:13px; height:24px; position: absolute; right:30px; top:50%; margin-top:-13px; z-index: 5;}
.location_cont .loca_btn li.naver_btn a svg {width:16px; height:16px; right: 30px; margin-top: -8px;}
.location_cont .loca_btn li a path{transition: all .3s linear;}

.location_cont .loca_btn li a::before{content: '';display: block;width: 0;height: 100%; position: absolute; right: 0; top: 0; transition: all .3s linear; background: var(--white);}
.location_cont .loca_btn li a:hover::before{width: 100%;}

.location_cont .loca_btn li.naver_btn a{background:#10D265; border-color:#10D265; overflow: hidden;}
.location_cont .loca_btn li.naver_btn a:hover{color:#10D265; overflow: hidden;}
.location_cont .loca_btn li.naver_btn a:hover svg path {fill:#10D265; }
.location_cont .loca_btn li.kakao_btn a{background:#FAE100; color:#371C1D; border-color:#FAE100; overflow: hidden;}
.location_cont .loca_btn li.google_btn a{background:#4285F4; border-color:#4285F4; overflow: hidden;}
.location_cont .loca_btn li.google_btn a:hover{color:#4285F4; overflow: hidden;}
.location_cont .loca_btn li.print_btn a{font-size:0; width: 60px; background:var(--blue_black); border-color:var(--blue_black); overflow: hidden; }

.location_cont .loca_btn li.print_btn a em {display: flex; align-items: center; justify-content: center;}
.location_cont .loca_btn li.print_btn a em:before {content:'\e8ad'; color:var(--white); font-size:26px; font-family:var(--icon); font-weight:300;transition:all .3s linear; }
.location_cont .loca_btn li.print_btn a:hover em:before{ color:var(--main); z-index:3; position:relative}

.location_cont .loca_btn li.print_btn a::after{transform: scale(0); overflow: hidden;}
.location_cont .loca_btn li.print_btn a:hover path{fill:var(--blue_black);}
.location_cont .loca_btn li.print_btn a:hover path.bb{fill:var(--white);}

.location_cont .loca_box {border:1px solid var(--border); padding:40px 50px; box-sizing:border-box; margin-top:50px; display:flex;}
.location_cont .loca_box dt {width: 60px; margin-right:60px;}
.location_cont .loca_box dt img {max-width:100%; height:auto;}
.location_cont .loca_box > dd {width:calc(100% - 60px);}
.location_cont .loca_box > dd dd {margin-bottom:20px; }
.location_cont .loca_box > dd dd:last-of-type {margin-bottom:0;}
.location_cont .loca_box > dd dd h5 {font-size:1rem; letter-spacing:-0.72px; line-height:177%; font-weight:400; color:var(--black); position:relative; padding-left:70px; margin-bottom:2px; }
.location_cont .loca_box > dd dd h5 .line {position:absolute; padding-left:30px; left:0; letter-spacing:-0.72px; font-weight:600;}
.location_cont .loca_box > dd dd h5 .line:before {display:block; content:'5'; width:25px; height:25px; border-radius:100%; position:absolute; left:0; top: 3px; background:#8445ce; color:var(--white); display:flex; align-items: center; justify-content: center; font-size:14px; line-height: 25px;}
.location_cont .loca_box > dd dd h5 .line.nine:before {content:'9'; background:#bd9a31;}
.location_cont .loca_box > dd dd p {font-size:0.889rem; letter-spacing:-0.64px; line-height:175%; font-weight:400; position:relative; padding-left:60px;}
.location_cont .loca_box > dd dd p strong {font-size:0.889rem; letter-spacing:-0.64px; line-height:175%; font-weight:400; color:var(--black); position:absolute; left:0; }

#contents .print-wrap { display:none; }
.print-wrap { max-width: 920px; visibility: hidden; height: 0; position: relative; }
.print-wrap .location_cont .loca_box { display: block; }

/* 미디어쿼리 : 프린트 */
@page {margin: 15mm 15mm 15mm 15mm;}
@media print {
	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
    }
 }

/**** E:: 회사소개 > 찾아오시는 길 ****/




/* 규정 공통 */
.regulation_cont .top_cont{padding:100px 50px; margin-bottom:100px; background:url("/resources/about/img/provisiion_bg.jpg")no-repeat center / cover; display: flex;    align-items: center; justify-content: center; box-sizing: border-box; min-height: 600px;}
.regulation_cont .top_cont .tit_area {text-align:center;  color:var(--white); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.regulation_cont .top_cont .tit_area h3 { color:var(--white); text-align:center; margin-bottom:15px; font-weight:700;}
.regulation_cont .top_cont .tit_area p {font-size:1.111rem; letter-spacing:-0.8px; line-height:160%; font-weight:400; color:rgba(255,255,255,.8)}




/*******************************************************************************
    @media 1350px
*******************************************************************************/
@media all and (max-width:1500px){



.ceo_intro {padding:60px 60px 80px;}


.philosophy_cont {padding:150px 60px;}
.philosophy_cont .tBox {padding-left:60px;}

/* 규정 공통 */
.regulation_cont .top_cont{padding:100px 50px; margin-bottom:80px; min-height: 550px;}
.regulation_cont .top_cont .tit_area h3 { margin-bottom:15px; font-weight:700;}
.regulation_cont .top_cont .tit_area p {font-size:1.111rem; letter-spacing:-0.8px; line-height:160%; }




}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1300px){


.vision_cont {padding:120px 60px;}
.vision_cont .vision-tit {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; margin:0 0 50px;}
.vision_cont .vision-tit > div {margin:0 -20px; width:260px;}
.vision_cont .vision-list {width:100%;}

.vision_cont .vision-list dl dt {width:160px; }
.vision_cont .vision-list dl dd {width:calc(100% - 160px); padding:20px 30px; padding-right:100px;}
.vision_cont .vision-list dl::after {right:25px;}


.philosophy_cont .diagram {margin:0 auto;}
.philosophy_cont .tBox {width:100%; padding-left:0; margin-top:50px; text-align:center;}


/**** S:: 회사소개 > 찾아오시는 길 ****/
.location_cont .location_map .wrap_map{ height:500px;}
.location_cont .location_info{padding:30px 0 0; }
.location_cont .location_info .loca_txt h5 {font-size:1rem; letter-spacing:-0.72px; line-height:177%;  }
.location_cont .location_info .loca_txt p {font-size:1rem; letter-spacing:-0.72px; line-height:177%; padding-left:50px; }
.location_cont .location_info .loca_txt p span {font-size:1rem; letter-spacing:-0.72px; line-height:177%; }

.location_cont .loca_btn li{margin-left: 5px; }
.location_cont .loca_btn li a{font-size:0.889rem; letter-spacing:-0.54px; width:170px; height:60px; line-height:58px; padding:0 30px; }
.location_cont .loca_btn li a svg{width:13px; height:24px; right:30px;  margin-top:-13px; }
.location_cont .loca_btn li.naver_btn a svg {width:16px; height:16px; right: 30px; margin-top: -8px;}

.location_cont .loca_btn li.print_btn a{width: 60px; }

.location_cont .loca_btn li.print_btn a em:before {font-size:24px; }


.location_cont .loca_box {padding:40px 50px;  margin-top:40px; }
.location_cont .loca_box dt {width: 50px; margin-right:50px;}
.location_cont .loca_box div {width:calc(100% - 50px);}
.location_cont .loca_box div dd {margin-bottom:20px; }
.location_cont .loca_box div dd h5 {font-size:1rem; letter-spacing:-0.72px; line-height:177%; padding-left:70px; margin-bottom:2px; }
.location_cont .loca_box div dd h5 .line { padding-left:30px;}
.location_cont .loca_box div dd h5 .line:before {width:25px; height:25px; top: 3px; }
.location_cont .loca_box div dd p {font-size:0.889rem; letter-spacing:-0.64px; line-height:175%; padding-left:60px;}
.location_cont .loca_box div dd p strong {font-size:0.889rem; letter-spacing:-0.64px; line-height:175%; }
/**** E:: 회사소개 > 찾아오시는 길 ****/


/* 규정 공통 */
.regulation_cont .top_cont{padding:100px 50px; margin-bottom:60px; min-height: 400px;}
.regulation_cont .top_cont .tit_area h3 { margin-bottom:15px; font-weight:700;}
.regulation_cont .top_cont .tit_area p {font-size:1.1rem; letter-spacing:-0.8px; line-height:160%; }
.regulation_cont .top_cont .tit_area p br {display:none;}



}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){


.overview_top {display:block;}
.overview_top .imgBox {height:400px;}
.overview_top .tBox {padding:40px 40px 100px;}
.overview_top .tBox::after {width:100px; height:70px; bottom:20px; right:20px;}
.overview_top .tBox .fs45 {margin-bottom:25px;}
.overview_top .tBox .fs22 {margin:15px 0 5px;}



.ceo_intro {background-position:center right 35%;}
.ceo_intro .tBox {max-width:60%;}
.ceo_message {grid-template-columns: repeat(1, 1fr);  gap:15px;}


.constitution-list li {padding:30px;}
.constitution-list li h4 i {width:28px; height:28px; line-height:28px;}


.report-list li i {min-height:auto;}
.report-list li i img {max-height:60px;}

.report-process li .num {margin:0 auto 20px; width:34px; height:34px; line-height:34px;}
.report-process li .img {margin:0 0 15px;}
.report-process li .img img {max-height:50px;}


.declaration-info {position:relative; }
.declaration-info .ico {position:absolute; top:22px; left:30px; width:auto;}
.declaration-info .ico img {max-height:24px;}
.declaration-info .tBox {width:100%; padding:25px 30px;}
.declaration-info .tBox h4 {padding-left:40px; box-sizing:border-box; position:relative; margin:0 0 15px;}



/**** S:: 회사소개 > 찾아오시는 길 ****/
.location_cont .location_map .wrap_map{ height:400px;}
.location_cont .location_info{padding:20px 0 0; }
.location_cont .location_info .loca_txt h5 {font-size:1rem; letter-spacing:-0.72px; line-height:177%;  }
.location_cont .location_info .loca_txt p {font-size:1rem; letter-spacing:-0.72px; line-height:177%; padding-left:50px; }
.location_cont .location_info .loca_txt p span {font-size:1rem; letter-spacing:-0.72px; line-height:177%; }

.location_cont .loca_btn {position:absolute; top:330px; z-index:3; right:20px;}
.location_cont .loca_btn li{margin-left: 5px; }
.location_cont .loca_btn li a{font-size:0.889rem; letter-spacing:-0.54px; width:150px; height:50px; line-height:48px; padding:0 20px; }
.location_cont .loca_btn li a svg{width:13px; height:21px; right:20px;  margin-top:-11px; }
.location_cont .loca_btn li.naver_btn a svg {width:16px; height:16px; right: 20px; margin-top: -8px;}

.location_cont .loca_btn li.print_btn a{width: 50px; }

.location_cont .loca_btn li.print_btn a em:before {font-size:22px; }


.location_cont .loca_box {padding:30px;  margin-top:30px; }
.location_cont .loca_box dt {width: 40px; margin-right:40px;}
.location_cont .loca_box div {width:calc(100% - 40px);}
.location_cont .loca_box div dd {margin-bottom:15px; }
.location_cont .loca_box div dd h5 {font-size:1rem; letter-spacing:-0.72px; line-height:177%; padding-left:65px; margin-bottom:2px; }
.location_cont .loca_box div dd h5 .line { padding-left:30px;}
.location_cont .loca_box div dd h5 .line:before {width:25px; height:25px; top: 3px; }
.location_cont .loca_box div dd p {font-size:0.88rem; letter-spacing:-0.64px; line-height:175%; padding-left:50px;}
.location_cont .loca_box div dd p strong {font-size:0.88rem; letter-spacing:-0.64px; line-height:175%; }
/**** E:: 회사소개 > 찾아오시는 길 ****/


/* 규정 공통 */
.regulation_cont .top_cont{padding:80px 50px; margin-bottom:40px; min-height: 300px;}
.regulation_cont .top_cont .tit_area h3 { margin-bottom:15px; font-weight:700;}
.regulation_cont .top_cont .tit_area p {font-size:1.05rem; letter-spacing:-0.8px; line-height:150%; }
.regulation_cont .top_cont .tit_area p br {display:none;}




}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

.overview_top .tBox {padding:20px 20px 60px;}
.overview_top .tBox::after {width:70px; height:50px; bottom:20px; right:20px;}
.overview_top .tBox .fs45 {margin-bottom:18px;}
.overview_top .tBox .fs22 {margin:12px 0 5px;}

.overview_cont {margin-top:25px;}
.overview_cont dl {padding:13px 0;}
.overview_cont dl dt {width:80px;}
.overview_cont dl dd {width:calc(100% - 80px);}
.overview_cont dl.w50 dd {width:calc(100% - 80px);}
.overview_cont dl.w50 dt:last-of-type {padding-top:13px; margin-top:13px; border-top:1px solid var(--border);}
.overview_cont dl.w50 dd:last-of-type {padding-top:13px; margin-top:13px; border-top:1px solid var(--border);}

.overview_cont dl dd .img-list {grid-template-columns: repeat(1, 1fr); gap: 10px;}



.ceo_intro {padding:30px 25px 300px; background:url("/resources/about/img/ceo_bg_m.jpg")no-repeat center / cover;}
.ceo_intro .tBox {max-width:100%;}
.ceo_intro .fs45 {margin-bottom:20px;}
.ceo_intro .stxt+.stxt {margin:15px 0 0;}
.ceo_intro .sign  {position:relative; left:0; bottom:0; transform:translateY(50%);}
.ceo_intro .sign b {font-size:1.3rem;}

.ceo_message {margin:30px auto 0;}
.ceo_message .message .stxt+.stxt {margin:10px 0 0;}




.vision_cont {padding:80px 30px;}
.vision_cont .vision-tit {margin:0 0 20px;}
.vision_cont .vision-tit > div {margin:0 -10px; width:50%;}
.vision_cont .vision-list {width:100%;}

.vision_cont .vision-list dl {border-radius:20px;}
.vision_cont .vision-list dl+dl {margin:10px 0 0;}
.vision_cont .vision-list dl dt {width:80px; font-size:1.11rem; padding:0;}
.vision_cont .vision-list dl dt i img {max-width:26px;}
.vision_cont .vision-list dl dd {width:calc(100% - 80px); padding:15px; padding-right:15px;}
.vision_cont .vision-list dl dd h4 {font-size:1.22rem;}
.vision_cont .vision-list dl::after {right:25px; display:none;}
.vision_cont .vision-list dl dd p {padding-left:40px;}
.vision_cont .vision-list dl dd p+p {margin:2px 0 0;}



.philosophy_cont {padding:60px 15px;}
.philosophy_cont .diagram {width:100%; height:auto; aspect-ratio: 3 / 2;}
.philosophy_cont .diagram dl {width:34%;}
.philosophy_cont .diagram dl dt img {width:11vw;}
.philosophy_cont .diagram dl dd {font-size:3vw; margin:2.5vw 0 0;}
.philosophy_cont .tBox {margin-top:25px;}
.philosophy_cont .tBox .fs45 {margin:0 0 15px;}
.philosophy_cont .tBox h4 {margin:10px 0 0; font-size:1.1rem;}


.philosophy_cont .diagram dl.one {left:50%; top:2vw; transform:translateX(-50%);}
.philosophy_cont .diagram dl.two {bottom:2vw; left:50%; transform:translateX(-100%);}
.philosophy_cont .diagram dl.three {bottom:2vw; right:50%; transform:translateX(100%);}





.constitution-list li {padding:20px;}
.constitution-list li h4 {padding-left:30px; margin:0 0 10px;}
.constitution-list li h4 i {width:24px; height:24px; line-height:24px;}


.report-list {display: grid;  grid-template-columns: repeat(2, 1fr);}
.report-list li {padding:25px 20px 20px;}
.report-list li i img {max-height:50px;}
.report-list li h4 {margin:12px 0 0;}

.report-process {grid-template-columns: repeat(2, 1fr);}
.report-process li .num {margin:0 auto 15px; width:30px; height:30px; line-height:30px;}
.report-process li .img {margin:0 0 15px;}
.report-process li .img img {max-height:40px;}
.report-process li::after {width:28px; height:28px; line-height:28px; font-size:12px; right:-20px;}
.report-process li:nth-of-type(1) {order:1;}
.report-process li:nth-of-type(2) {order:2;}
.report-process li:nth-of-type(2)::after {right:50%; margin-right:-14px; top:auto; bottom:-20px; margin-top:0; transform:rotate(90deg);}
.report-process li:nth-of-type(3) {order:4;}
.report-process li:nth-of-type(3)::after {right:auto; left:-20px; transform: scaleX(-1);}
.report-process li:nth-of-type(4) {order:3;}


.declaration-info .tBox {padding:15px 20px;}
.declaration-info .tBox h4 {padding-left:35px; margin:0 0 12px;}
.declaration-info .ico {top:13px; left:20px;}



.report_fixed {padding:10px 0;}
.report_fixed .linkBtn {width:135px; height:50px;}
.report_fixed .linkBtn span {padding:0 15px;}
.report_fixed .linkBtn span::after {font-size:18px;}




/**** S:: 회사소개 > 찾아오시는 길 ****/
.location_cont .location_map .wrap_map{ height:250px;}
.location_cont .location_info{padding:15px 0 0; }
.location_cont .location_info .loca_txt h5 {letter-spacing:-0.54px; line-height:177%;  }
.location_cont .location_info .loca_txt p {letter-spacing:-0.54px; line-height:177%; padding-left:50px; }
.location_cont .location_info .loca_txt p span {font-size:1rem; letter-spacing:-0.54px; line-height:177%; }

.location_cont .loca_btn {position:absolute; top:200px; z-index:3; right:10px;}
.location_cont .loca_btn li{margin-left: 5px; }
.location_cont .loca_btn li a{font-size:0.889rem; letter-spacing:-0.54px; height:40px; line-height:38px; padding:0 19px; }
.location_cont .loca_btn li a svg{width:11px; height:17px; right:13px;  margin-top:-10px; }

.location_cont .loca_btn li.naver_btn a, .location_cont .loca_btn li.kakao_btn a {width:38px; height:40px; }
.location_cont .loca_btn li.naver_btn a em, .location_cont .loca_btn li.kakao_btn a em {font-size:0;	}
.location_cont .loca_btn li.naver_btn a svg {width: 14px; height: 14px;right: 12px; margin-top: -8px;}
.location_cont .loca_btn li.print_btn a{display:none;}



.location_cont .loca_box {padding:20px;  margin-top:15px; flex-wrap:wrap; }
.location_cont .loca_box dt {width: 30px; margin-right:0; margin-bottom:15px;}
.location_cont .loca_box div {width:100%;}
.location_cont .loca_box div dd {margin-bottom:13px; }
.location_cont .loca_box div dd h5 {letter-spacing:-0.54px; line-height:177%; padding-left:57px; margin-bottom:2px; }
.location_cont .loca_box div dd h5 .line { padding-left:26px; top: 2px;}
.location_cont .loca_box div dd h5 .line:before {width:23px; height:23px; top: -1px; line-height: 23px;}
.location_cont .loca_box div dd p {font-size:0.88rem; letter-spacing:-0.64px; line-height:175%; padding-left:45px;}
.location_cont .loca_box div dd p strong {font-size:0.88rem; letter-spacing:-0.64px; line-height:175%; }







/**** E:: 회사소개 > 찾아오시는 길 ****/


/* 규정 공통 */
.regulation_cont .top_cont{padding:80px 50px; margin-bottom:30px; min-height: 220px;}
.regulation_cont .top_cont .tit_area h3 { margin-bottom:12px; font-weight:700;}
.regulation_cont .top_cont .tit_area p {font-size:1.02rem; letter-spacing:-0.6px; line-height:145%; }
.regulation_cont .top_cont .tit_area p br {display:none;}



}
/*******************************************************************************
	@media 420px
*******************************************************************************/
@media all and (max-width:420px) { 

.vision_cont .vision-tit > div {font-size:1rem;}
.vision_cont .vision-list dl {padding:15px 20px;}
.vision_cont .vision-list dl dt {width:100%; border-right:0; border-bottom:1px solid var(--border); padding-bottom:12px;}
.vision_cont .vision-list dl dd {width:100%; padding:12px 0 0;}
.vision_cont .vision-list dl dd h4 {text-align:center;}


}