@charset "utf-8";

/*공통*/
#page_area *{line-height:150%;word-break:keep-all}
#page_area .tit_box{margin-bottom:5rem;text-align:center}
#page_area .tit_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
#page_area .tit_box .tit{font-size:4.5rem;font-weight:700;line-height:130%;color:#222}
#page_area .tit_box .tit.eng_tit{font-family:'Poppins'}
#page_area .tit_box .tit span{color:var(--pt-color)}
#page_area .tit_box .txt{margin-top:1rem;font-size:1.7rem;line-height:150%;color:#666}
#page_area .tit_box .txt span{font-weight:500;color:#222}
#page_area .down_btn{width:25rem;height:5.5rem;margin:5rem auto 0;border-radius:5.5rem;background:var(--pt-color);font-size:1.7rem;font-weight:600;color:#fff;display:flex;align-items: center;justify-content: center;gap:1rem;transition:all .3s;font-family:'Poppins'}
#page_area .down_btn img{width:2rem}
#page_area .down_btn:hover{background:#0a1628;gap:2rem}

/*회사소개*/
.p0101 .circle_cont{max-width:90rem;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center}
.p0101 .circle_cont li{width:35%;padding-bottom:35%;position:relative}
.p0101 .circle_cont li + li{margin-left:-2.5%}
.p0101 .circle_cont li .inner{width:100%;height:100%;padding:0 2rem;border-radius:50%;position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.p0101 .circle_cont li .inner:before{content:'';width:90%;height:90%;border:2px dashed rgba(255,255,255,.2);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation: rotate 80s linear infinite;}
.p0101 .circle_cont li .inner01{background:radial-gradient(circle at 32% 26%, color-mix(in srgb, var(--pt-color) 88%, white), var(--pt-color) 62%);}
.p0101 .circle_cont li .inner02{background:radial-gradient(circle at 32% 26%, #16407f, #0e2c5c);}
.p0101 .circle_cont li .inner03{background:radial-gradient(circle at 32% 26%, #0e1d38, #070f20);}
@keyframes rotate {from {transform: translate(-50%,-50%) rotate(0deg);}to {transform: translate(-50%,-50%) rotate(360deg);}}


.p0101 .circle_cont li .num{margin-bottom:.5rem;font-size:1.5rem;font-weight:700;color:#fff;font-family:'Poppins'}
.p0101 .circle_cont li .txt{font-size:2.2rem;font-weight:700;color:#fff}
.p0101 .circle_cont li .eng_txt{font-size:1.6rem;font-weight:700;color:rgba(255,255,255,.7);font-family:'Poppins'}

.p0101 .cont_box{margin-top:10rem;padding:8rem 5rem;border-radius:3rem;background:#f4f6fb}
.p0101 .cont_box .c_tit_box{text-align:center}
.p0101 .cont_box .c_tit_box .s_tit {display: inline-block;margin-bottom: 1.5rem;padding: .5rem 1.5rem;border-radius: 5rem;background: #dee5f1;font-size: 1.5rem;font-weight: 700;color: var(--pt-color);font-family: 'Poppins';}
.p0101 .cont_box .c_tit_box .tit{font-size:4.5rem;font-weight:700;color:#222;font-family:'Poppins'}
.p0101 .cont_box .c_tit_box .txt{font-size:1.7rem;line-height:150%;color:#666}

.p0101 .cont_list{margin-top:3rem;display:flex;flex-wrap:wrap;gap:1rem}
.p0101 .cont_list li{width:calc((100% - 2rem) / 3);border-radius:2rem;padding:3rem 2rem;box-shadow: 0 1rem 1rem rgba(0, 0, 0, .05);background:#fff;text-align:center}
.p0101 .cont_list li .num{margin:0 auto 1rem;border-radius:50%;font-size:1.4rem;font-weight:700;line-height:1;color:var(--pt-color);font-family:'Poppins'}

.p0101 .cont_list li .tit{font-size:2.5rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
.p0101 .cont_list li .s_txt{font-size:1.5rem;font-weight:700;color:#666}
.p0101 .cont_list li .txt{display:block;width:100%;margin-top:1rem;padding:3rem;background:#f4f6fb;border-radius:1rem;font-size:1.7rem;line-height:150%;color:#666}




/*ceo 인사말*/

.p0102 .img_box{width:100%;height:47rem;border-radius:3rem;background:#000;overflow:hidden}
.p0102 .img_box img{width:100%;height:100%;object-fit:cover}
.p0102 .cont_box{width:calc(100% - 10rem);margin:-10rem auto 0;padding:8rem 5rem 0;border-radius:3rem;text-align:center;background:#fff;position:relative;z-index:2}
.p0102 .cont_box .box_tit{margin-bottom:3rem;font-size:2.2rem;font-weight:700;line-height:130%;color:#222}
.p0102 .cont_box .box_tit span{color:var(--pt-color)}
.p0102 .cont_box .cont_list{width:100%;margin-bottom:5rem}
.p0102 .cont_box .cont_list li{padding:5rem;border-radius:30rem;background:#f4f6fb;text-align:center}
.p0102 .cont_box .cont_list li + li{margin-top:1rem}
.p0102 .cont_box .cont_list .s_tit{display:inline-block;margin-bottom:1.5rem;padding:.5rem 1.3rem;border-radius:5rem;background:#dee5f1;font-size:1.7rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
.p0102 .cont_box .cont_list .list_tit{width:100%;margin-bottom:.5rem;font-size:2rem;font-weight:600;color:#222}
.p0102 .cont_box .cont_list .list_txt{font-size:1.7rem;color:#666}
.p0102 .cont_box .txt_box p{max-width:113rem;width:100%;font-size:1.7rem;color:#666}
.p0102 .cont_box .txt_box p + p{margin-top:2rem}
.p0102 .cont_box .txt_box p.bold{font-weight:700;color:#222}



/*---조직도---*/
:root{
    --margin:1.5%;
    --part:3;
    --total_margin:calc(var(--margin) * var(--part) - var(--margin));
    --width_dir:calc(100% / var(--part) - var(--margin) / 2);
    --width_part:calc((100% - var(--total_margin)) / var(--part));
    --height:6rem;
    --padding:1.2rem;
}
.p0104 .chart_wrap{width:100%;padding:7rem 1.5rem;border:1px solid #ddd;border-radius:2rem;background:#fff;overflow:hidden;position:relative}
.p0104 .chart_wrap .chart{max-width:130rem;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}
/*공통*/
.p0104 .chart_wrap ul li{min-width:10rem;padding:var(--padding) 1rem;background:#fff;font-size:1.7rem;line-height:normal;text-align:center;position:relative;z-index:2}
.p0104 .chart_wrap ul li p{width:100%;line-height:110%}

/*부서 상단(이사회,자문위원,감사,대표이사)*/
.p0104 .chart_wrap ul li.director{width:var(--width_dir);max-width:24rem;min-width:14rem;height:var(--height);margin-bottom:4rem;border-radius:3rem;background:#0672DE;font-weight:700;line-height:120%;color:#fff;display:flex;justify-content:center;align-items:center}
.p0104 .chart_wrap ul li.director::before{content:'';width:1px;height:4rem;background:#aaa;position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:0}
/*이사회*/
.p0104 .chart_wrap ul li.director.directorate{background:#1a0959}
/*대표이사*/
.p0104 .chart_wrap ul li.director.ceo{width:16rem;height:16rem;margin-bottom:5rem;border-radius:50%;background:var(--pt-color);font-size:2.2rem;box-shadow:1rem 1rem 1rem rgb(30,77,155,0.2);aspect-ratio:1/1}
.p0104 .chart_wrap ul li.director.ceo::before{height:17rem}
.p0104 .chart_wrap ul li.director.ceo::after{content:'';width:115%;height:115%;border:1px dashed #ccc;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}


.p0104 .chart_wrap ul li.inspection{width:100%;margin-bottom:0;padding:0;background:transparent}
.p0104 .chart_wrap ul li.inspection ul.ins_wrap{width:70%;max-width:75rem;margin:0 auto;text-align:center;display:flex;justify-content:space-between;align-items:center;position:relative}
.p0104 .chart_wrap ul li.inspection ul.ins_wrap::before{content:'';width:50%;height:1px;background:#aaa;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:0;visibility:hidden}
.p0104 .chart_wrap ul li.inspection ul.ins_wrap::after{content:'';width:50%;height:1px;background:#aaa;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:0}
.p0104 .chart_wrap ul li.inspection ul li.director.left{margin:3rem 0;background:#5952e2;visibility:hidden}
.p0104 .chart_wrap ul li.inspection ul li.director.right{margin:3rem 0;background:#11326a}
.p0104 .chart_wrap ul li.inspection .director::before{display:none}

.p0104 .chart_wrap ul li.director.dir{background:#333;font-size:1.8rem;}

/*부서*/
.p0104 .chart_wrap ul li.departments{max-width:100rem;width:100%;padding:0;background:none;display:flex;justify-content:space-around;align-items:flex-start}
/*부서 가로라인*/
.p0104 .chart_wrap ul li.departments::after{content:'';width:calc(100% - var(--width_part));height:1px;background:#aaa;position:absolute;top:0;left:50%;transform:translateX(-50%)} 
.p0104 .chart_wrap ul li.departments.no_line::after{display:none}
.p0104 .chart_wrap ul li.departments ul{width:100%;max-width:80rem;margin-top:4rem;margin-right:var(--margin);/*background:#f7f7f7;*/display:flex;flex-direction:column;align-items:flex-start;position:relative}
.p0104 .chart_wrap ul li.departments ul:last-child{margin-right:0}
/*부서 세로라인*/
.p0104 .chart_wrap ul li.departments ul::after{content:'';width:1px;height:calc(100% + 4rem);background:#aaa;position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:-1}
.p0104 .chart_wrap ul li.departments ul li{width:100%;margin-bottom:1rem;border:1px solid #ddd}
.p0104 .chart_wrap ul li.departments ul li:last-child{margin-bottom:0}
.p0104 .chart_wrap ul li.departments ul li.part{height:var(--height);border:0;border-radius:1rem;background:#777;font-weight:500;color:#fff;display:flex;justify-content:center;align-items:center} 
.p0104 .chart_wrap ul li.departments ul li.part::before{content:'';width:1rem;height:1rem;border-radius:50%;border:2px solid #777;background:#fff;position:absolute;top:-0.5rem;left:50%;transform:translateX(-50%)}
.p0104 .chart_wrap ul li.departments ul li.part.part_w{border:1px solid #ddd;background:#f7f7f7;color:#333}



/*찾아오시는 길*/
.p0106 .map_cont{width:100%;height:50rem;border:1px solid #ddd;border-radius:3rem;overflow:hidden;position:relative}
.p0106 .map_cont iframe{width:100% !important;height:100% !important;position:relative;z-index:1}
.p0106 .map_cont .root_daum_roughmap, .wrap_map{width:calc(100% + 2px) !important;height:calc(100% + 2px) !important}
.p0106 .map_cont .root_daum_roughmap{position:relative;top:-1px;left:-1px}

.p0106 .map_cont .cont, .hide{display:none}

.p0106 .map_cont .map_link{position:absolute;bottom:2rem;right:2rem;z-index:10;display: flex;align-items: center;justify-content: center;gap:1rem}
.p0106 .map_cont .map_link li{width:20rem;height:5.5rem;}
.p0106 .map_cont .map_link li a{width:100%;height:100%;border-radius:1rem;padding:0 2rem;color:#fff;overflow:hidden;box-shadow:0 0 1rem rgba(0,0,0,0) transition:all .3s;display:flex;align-items: center;justify-content: space-between;}
.p0106 .map_cont .map_link li a.link01{background:#00c13b}
.p0106 .map_cont .map_link li a.link02{background:#f1d900;color:#371c1d}
.p0106 .map_cont .map_link li a.link03{background:#4081ec}
.p0106 .map_cont .map_link li .link_tit{font-size:1.6rem;font-weight:600;position:relative;z-index:2}
.p0106 .map_cont .map_link li .icon{width:4rem;height:4rem;border-radius:50%;background:#fff;position:relative}
.p0106 .map_cont .map_link li .icon:before{content:'';width:100%;height:100%;border-radius:50%;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s}
.p0106 .map_cont .map_link li .icon img{width:100%;position:relative;z-index:2}

.p0106 .map_cont .map_link li:hover a{color:#333;box-shadow:0 1rem 1rem rgba(0,0,0,.1)}
.p0106 .map_cont .map_link li:hover .icon:before{width:40rem;height:40rem}

.p0106 .info_box{margin-top:3rem;display:flex;flex-wrap:wrap;align-items: center;justify-content: center;gap: 2rem 4rem;}
.p0106 .info_box li{font-size:1.8rem;font-weight:500;color:#333;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}
.p0106 .info_box li.full{width:100%}
.p0106 .info_box li p{font-weight:700;color:var(--pt-color);display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.p0106 .info_box li p span{width:3.6rem;height:3.6rem;border-radius:3.5rem;background:var(--pt-color);display:flex;flex-wrap:wrap;align-items:center;justify-content:center}	
.p0106 .info_box li p span img{width:1.8rem;}


/*비전*/
.p0104 .page_cont + .page_cont{margin-top:10rem;padding-top:10rem;border-top:1px dashed #ddd}
.p0104 .cont_box{width:100%;padding:5rem 3rem;border-radius:3rem;background:#f4f6fb;text-align:center}
.p0104 .cont_box .tit{margin-bottom:2rem;font-size:4.5rem;font-weight:700;line-height:120%;color:#222;font-family:'Poppins'}
.p0104 .cont_box .tit span{color:var(--pt-color)}
.p0104 .cont_box .txt{font-size:1.7rem;line-height:150%;color:#666}
.p0104 .cont_box .txt + .txt{margin-top:2rem}

  /* ---- demo text block, for preview only ---- */
  .demo-text{max-width:620px;margin-bottom:48px;}
  .demo-text .eyebrow{
    font-family:var(--serif-num);font-size:12.5px;letter-spacing:0.28em;
    text-transform:uppercase;font-weight:600;color:var(--cyan-dim);
    display:inline-flex;align-items:center;margin-bottom:22px;
  }
  .demo-text .eyebrow::before{content:'';display:inline-block;width:22px;height:1px;background:currentColor;margin-right:10px;opacity:0.7;}
  .demo-text h1{
    font-family:var(--serif-num);font-weight:700;
    font-size:clamp(32px,5vw,54px);line-height:1.1;letter-spacing:-0.01em;margin-bottom:20px;
  }
  .demo-text p{font-size:15.5px;line-height:1.8;color:#5B6B74;max-width:480px;}

  .beam{max-width:120rem;width:100%;margin:0 auto;border:1px solid #ddd;border-radius:3rem}
  .beam svg{display:block;width:100%;height:auto;max-width:80rem;margin:0 auto;}
  .beam .beam_tit{display:block;width:100%;margin:0 auto 3rem;font-size:2.2rem;font-weight:700;text-align:center;color:#222}

  /* beam styles — tuned for light backgrounds */
  .ray{stroke:#A9B7BC;stroke-width:1.4;}
  .ray-cyan{stroke:var(--pt-color);stroke-width:1.7;}
  .dash-flow{stroke-dasharray:5 7;animation:beamFlow 2.6s linear infinite;}
  @keyframes beamFlow{to{stroke-dashoffset:-24;}}
  .filter-line{stroke:#8C9BA1;stroke-width:1.2;stroke-dasharray:2 4;}
  .pulse-dot{animation:beamPulse 2.4s ease-in-out infinite;}
  @keyframes beamPulse{0%,100%{opacity:0.45;}50%{opacity:1;}}


  @media (max-width:480px){
    .ray, .ray-cyan{stroke-width:1.1;}
  }
  
  	.p0104 .cont_list{display:flex;flex-wrap:wrap;gap:2rem}
	.p0104 .cont_list .cont{width:calc((100% - 4rem) / 3);text-align:center;position:relative}
	.p0104 .cont_list .cont:before {content: '';width: 50%;height: 2rem;border-radius: 100%;background: #000;position: absolute;bottom: 0rem;left: 50%;transform: translateX(-50%);filter: blur(15px);opacity: .2}
	.p0104 .cont_list .cont .box_inner{width:100%;height:100%;border-radius:2rem;padding:5rem 2rem;background:#f4f6fb;position:relative;z-index:2}
	.p0104 .cont_list .cont .num{width:4rem;height:4rem;margin:0 auto 1rem;border-radius:1rem;background:var(--pt-color);font-size:1.4rem;font-weight:700;color:#fff;display: flex;align-items: center;justify-content: center;font-family:'Poppins'}
    .p0104 .cont_list .cont .tit{font-size:2.2rem;font-weight:700;color:#222;font-family:'Poppins'}
	.p0104 .cont_list .cont .txt{font-size:1.7rem;line-height:150%;color:#666}
    .p0104 .solo_txt{margin-top:5rem;font-size:1.7rem;text-align:center;line-height:150%;color:#666} 
	
	.p0104 .bg{width:100%;position:relative}
	.p0104 .bg img{width:100%}
	.p0104 .bg .map_pin{position:absolute;top:43%;left:37.6%;transform:translate(-50%,-50%)}
	.p0104 .bg .map_pin .dot{width:1rem;height:1rem;border-radius:50%;background:#fff}
	.p0104 .bg .map_pin01 .dot{background:var(--pt-color)}
	
	.p0104 .bg .map_pin .dot_wave{width:1rem;height:1rem;border:1px solid var(--pt-color);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:wave 5s infinite;pointer-events:none;}
	.p0104 .bg .map_pin .dot_wave02{animation-delay:.5s}
	.p0104 .bg .map_pin .dot_wave03{animation-delay:1s}
	.p0104 .bg .map_pin .dot_wave04{animation-delay:1.5s}
	.p0104 .bg .map_pin .dot_wave05{animation-delay:2s}
	@keyframes wave{0%{width:1rem;height:1rem;opacity:1;transform:translate(-50%, -50%);}100%{width:30vw;height:30vw;opacity:0;transform:translate(-50%, -50%);}}
	
	.p0104 .bg .map_pin .map_pin_tit{font-size:1.5rem;font-weight:600;color:#fff;white-space: nowrap;position:absolute;top:50%;transform:translateY(-50%);right:2rem}
	.p0104 .bg .map_pin .map_pin_tit.right{right:auto;left:2rem}
	.p0104 .bg .map_pin01 .map_pin_tit{color:var(--pt-color)}



@media(max-width:1280px){
	#page_area .tit_box .tit{font-size:4.2rem}
	
	/*회사소개*/
	.p0101 .cont_box .c_tit_box .tit{font-size:4.2rem}
	.p0101 .cont_box{padding:8rem 3rem}
	
	
	 /*ceo 인사말*/
	.p0102 .img_box{height:40rem}
	.p0102 .cont_box .cont_list li{padding:3rem;border-radius:3rem}
	.p0102 .cont_box .cont_list .list_txt br{display:none}
	

}


@media(max-width:1024px){
	#page_area .tit_box .tit{font-size:3.9rem}
	
	/*회사소개*/
	.p0101 .cont_box .c_tit_box .tit{font-size:3.9rem}
	.p0101 .cont_list{justify-content:center;gap:2rem}
	.p0101 .cont_list li{width:calc(50% - 1rem)}
	
	/*ceo 인사말*/
	.p0102 .img_box{height:35rem}
	.p0102 .cont_box {width: calc(100% - 5rem);margin:-5rem auto 0;padding:8rem 3rem 0}
	
	
	.p0106 .map_cont{height:45rem}
	
	.p0106 .info_box li{text-align:center}
	
	/*비전*/
	.p0104 .page_cont + .page_cont {margin-top:5rem;padding-top:5rem;}
	.p0104 .solo_txt br{display:none}
	
}

@media(max-width:767px){
	#page_area .tit_box {margin-bottom:3rem}
	#page_area .tit_box .tit{font-size:3.6rem}
	
	/*회사소개*/
	.p0101 .cont_box{margin-top:5rem;padding:6rem 2rem}
	.p0101 .cont_box .c_tit_box .tit{font-size:3.6rem}
	.p0101 .cont_list li{width:100%}
	.p0101 .circle_cont{max-width:50rem;flex-wrap:wrap;}
	.p0101 .circle_cont li{width:52%;padding-bottom:52%}
	.p0101 .circle_cont li + li{margin-left:-4%}
	.p0101 .circle_cont li:nth-child(3){margin:-5rem auto 0}
	
	/*ceo 인사말*/
	.p0102 .cont_box {width: 100%;margin:-5rem auto 0;padding:8rem 0rem 0}
	
	
	
	/*---조직도---*/
	.p0104 .chart_wrap ul li.inspection ul.ins_wrap{width:100%}
	.p0104 .chart_wrap ul li.director{height:auto;margin-bottom:2rem;}
	
	.p0104 .chart_wrap ul li.director.ceo{margin-bottom:2rem}
	.p0104 .chart_wrap ul li.inspection ul li.director.right,
	.p0104 .chart_wrap ul li.inspection ul li.director.left{margin:2rem 0}
	
	.p0104 .chart_wrap ul li.director.dir{width:30rem}
	.p0104 .chart_wrap ul li.director.dir2{margin-bottom:0}
	.p0104 .chart_wrap ul li.departments{max-width:30rem;flex-wrap:wrap}
	.p0104 .chart_wrap ul li.departments::after{display:none}
	.p0104 .chart_wrap ul li.departments ul{margin-right:0}
	
	
	/*찾아오시는 길*/
	.p0106 .map_cont .map_link{right:auto;left:50%;transform:translateX(-50%)}
	.p0106 .map_cont .map_link li{width:5rem;height:5rem}
	.p0106 .map_cont .map_link li a{padding:0;justify-content: center;}
	.p0106 .map_cont .map_link li a:before{display:none}
	.p0106 .map_cont .map_link li .link_tit{display:none}
	
	/*비전*/
	.p0104 .cont_list{max-width:60rem;width:100%;margin:0 auto}
	.p0104 .cont_list .cont{width:100%}
	
}

@media(max-width:480px){
	#page_area .tit_box .s_tit{font-size:1.5rem}
	#page_area .tit_box .tit{font-size:3.3rem}
	
	/*회사소개*/
	.p0101 .cont_box .c_tit_box .tit{font-size:3.3rem}
	.p0101 .circle_cont li .txt{font-size:2rem}
	.p0101 .circle_cont li .eng_txt{font-size:1.4rem}
	
	
	/*ceo 인사말*/
	.p0102 .img_box{height:30rem}
	.p0102 .cont_box {margin:0;padding:5rem 0 0}
	.p0102 .cont_box .box_tit{font-size:2rem}
	
	.p0106 .map_cont{height:40rem}
	.p0106 .info_box{gap:0}
	.p0106 .info_box li{width:100%;flex-direction: column;}
	.p0106 .info_box li + li{margin-top:2rem;padding-top:2rem;border-top:1px dashed #ddd}
	
	
	/*---조직도---*/
	.p0104 .chart_wrap{border:0;padding:2rem 0 0}
	
	/*비전*/
	.beam .beam_tit{font-size:1.5rem}
	
}

@media(max-width:320px){
}