@charset "utf-8";

.contents  {padding-bottom:15rem;}
mark {font-weight: 600;}

@media all and (max-width:1024px){
	
}
@media all and (max-width:768px){
	.txt {font-size:1.5rem !important;}
}
@media all and (max-width:568px){
	
}


/****************************** sub common ******************************/
/* body {position: relative; overflow: hidden;} */
.top_bg {width: 100%;}
.top_bg .bg {position: relative; width: 100%; height: 50rem; overflow: hidden; background-size: cover !important; background-repeat: no-repeat; background-position: 50% 50%; z-index: -1;}
.top_bg .bg .circle {width: 100%; height: 100%; position: relative;}
.top_bg .bg .circle::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.top_bg .bg .circle span {display: block;  width: 100%;  height: 100%;  background-size: cover !important;  background-repeat: no-repeat;  background-position: 50% 50%;
  animation: reveal-center-to-sides 1.5s ease forwards;  clip-path: inset(0 50% 0 50%);  position: relative;  z-index: 1;}
.top_bg .bg.bg0 .circle span {background-image: url("../image/sub/img_greeting01.jpg");}
.top_bg .bg.bg1 .circle span {background-image: url("../image/sub/img_vision01.jpg");}
.top_bg .bg.bg2 .circle span {background-image: url("../image/sub/img_history01.jpg");}
.top_bg .bg.bg3 .circle span {background-image: url("../image/sub/img_executive01.jpg");}

@keyframes reveal-center-to-sides {
  0% {
    clip-path: inset(0 50% 0 50%);
  }
  100% {
    clip-path: inset(0 0% 0 0%);
  }
}

@media all and (max-width:1024px){
	.top_bg .bg {height:30rem;}
}
@media all and (max-width:768px){
	.top_bg .bg {height:20rem;}
}
@media all and (max-width:568px){
	.top_bg .bg {height:15rem;}
}

/****************************** greeting ******************************/
.greeting {position: relative;}
.greeting .inner .title_box {margin:12rem 0 10rem; font-weight:600;}
.greeting .inner .title_box p {font-weight: 600; line-height: 130%;}
.greeting .inner .title_box p span {color:var(--main-color1);}
.greeting .inner .cont_box {margin-left:44rem;}
.greeting .inner .cont_box p.tit {margin-bottom:2rem; font-weight: 500; line-height:150%;}
.greeting .inner .cont_box p.txt {color:#666; line-height:150%; margin-bottom:7rem;}
.greeting .inner .cont_box p.mb0 {margin-bottom: 0 !important;}
.greeting .greeting_background {width: 100%; height: 50rem; background:url(../image/sub/img_greeting01.jpg) no-repeat top; background-attachment: fixed; background-size: cover;}

@media all and (max-width:1200px){
	.greeting .inner .title_box {margin: 0 0 4rem;}
	.greeting .inner .cont_box {margin-left: 0;}
	.greeting .inner .cont_box p.txt {margin-bottom: 4rem;}
}
@media all and (max-width:768px){
	.greeting .inner .cont_box p.tit {margin-bottom:.5rem;}
	.greeting .inner .title_box p br {display: none;}
	.greeting .inner .title_box {margin: 0 0 3rem;}
	.greeting .inner .cont_box p.txt {margin-bottom:3rem;}
}


/****************************** vision ******************************/
.vision .vision_wp {margin-top:10rem; padding-bottom:10rem; border-bottom:1px solid #DFDFDF;}
.vision .vision_wp .tit {margin-bottom:4rem; font-weight:600;}
.vision .vision_wp .txt {line-height:150%;}
.vision .catchphrase_wp {margin-top:10rem;}
.vision .catchphrase_wp .tit {font-weight: 600; margin-bottom:4rem;}
.vision .catchphrase_wp ul {display: flex; align-items: center; justify-content: space-between; gap: 2rem;}
.vision .catchphrase_wp ul li {position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; width: 52rem; height: 38rem; border-radius: 15px; font-weight: 600; box-shadow: 3px 2px 10px 1px rgb(147 147 147 / 40%); background-size:cover; background-position: center; background-repeat: no-repeat;}
.vision .catchphrase_wp ul li:nth-child(1) {background: url(../image/sub/img_vision02.jpg);}
.vision .catchphrase_wp ul li:nth-child(2) {background: url(../image/sub/img_vision03.jpg);}
.vision .catchphrase_wp ul li:nth-child(3) {background: url(../image/sub/img_vision04.jpg);}
.vision .catchphrase_wp ul li p {color: var(--white-color);}

@media all and (max-width:1200px){
	.vision .vision_wp {margin-top: 0; padding-bottom: 5rem;}
	.vision .catchphrase_wp {margin-top: 5rem;}
}
@media all and (max-width:768px){
	.vision .vision_wp {margin-bottom:2rem;}
	.vision .vision_wp .tit {margin-bottom:2rem;}
	.vision .catchphrase_wp {margin-top: 2rem;}
	.vision .catchphrase_wp .tit {margin-bottom:2rem;}
	.vision .catchphrase_wp ul li {height:15rem;}
}
@media all and (max-width:568px){
	.vision .catchphrase_wp ul {flex-direction: column;}
	.vision .catchphrase_wp ul li {width:100%;}
}


/****************************** history ******************************/
.history .tit_wp {margin-top:10rem; padding-bottom:10rem;}
.history .tit_wp .tit {margin-bottom:4rem; font-weight:600;}
.history .tit_wp .txt {line-height:150%;}


.history .history_wp {position:relative; display:flex; gap:0 5rem;}
.history .history_wp .his_tit {width:40%; position:sticky; height:40rem; top:20rem; }
.history .history_wp .his_tit .gradient-circle {width: 50rem; height: 50rem; border-radius: 50%; background: radial-gradient(circle, #6db8ff 25%, rgba(128, 192, 0, 0) 70%); 
display: flex; align-items: center; justify-content: center; margin: 20px auto; }
.history .history_wp .his_tit .gradient-circle img { width: 20rem; height: auto; user-select: none; filter:grayscale(1) invert(1) brightness(5);}

.history .history_wp .his_cont {position:relative; width:60%; padding-left:4rem;}
.history .history_wp .his_cont:before {position:absolute; left:0; top:0; width:.1rem; height:100%; background:#ddd; content:''; z-index:-1}
 
.history .history_wp .his_cont dl.active {opacity:1;}
.history .history_wp .his_cont dl {display:flex; flex-wrap:wrap; justify-content: flex-end; margin-bottom:6rem; opacity:.2; transition:.5s ease;}
.history .history_wp .his_cont dl dt {position:relative; width:20rem; font-size: 3em; font-weight: 700;}
.history .history_wp .his_cont dl dt:before {position:absolute; top:2rem; left:-4.5rem; width:1.2rem; height:1.2rem; content:''; border-radius:2rem; background:#222;}
 
.history .history_wp .his_cont dl dd {width:calc(100% - 20rem); display:flex; align-items: center; font-size: 1.2em; margin:0 0 2.5rem 0; line-height:1.4;}
.history .history_wp .his_cont dl dd strong {width:10rem;} 
.history .history_wp .his_cont dl dd p, 
.history .history_wp .his_cont dl dd ul {width:calc(100% - 10rem);} 
.history .history_wp .his_cont dl dd ul li ul {width:100%; background:#f1f3f6; padding:2rem;  margin-top:1rem;}
.history .history_wp .his_cont dl dd ul li ul li {font-size: .8em; margin-bottom:1rem;} 
.history .history_wp .his_cont dl dd ul li ul li span {width:8rem; height:3rem; display:flex;  justify-content: center; align-items: center; margin:0 0 1rem 0;
background:var(--main-color1); border-radius:2rem; line-height:1; color:#fff; font-size: .9em;}


@media all and (max-width:1600px){
	.history .history_wp .his_tit .gradient-circle {width: 35rem; height: 35rem;}
	.history .history_wp .his_tit .gradient-circle img { width: 16rem;  }
	  
	.history .history_wp .his_cont dl dt { font-size: 2.5em;}
	.history .history_wp .his_cont dl dd { font-size: 1.1em; margin:0 0 2rem 0;}
	.history .history_wp .his_cont dl dd strong {width:10rem;} 
	.history .history_wp .his_cont dl dd p, 
	.history .history_wp .his_cont dl dd ul {width:calc(100% - 8rem);}  
	
	.history .history_wp .his_cont dl dd ul li ul li {word-break:break-all;}
	 

}
@media all and (max-width:1200px){
	.history .history_wp .his_tit {width:30%;}
	.history .history_wp .his_tit .gradient-circle {width: 25rem; height: 25rem;} 
	
	.history .history_wp .his_cont {width:70%; padding-left:0;} 
	
	.history .history_wp .his_cont dl dt {width:15rem; font-size: 2em; padding-left:3rem;}
	.history .history_wp .his_cont dl dt:before{top:1.4rem; left:-.5rem;}
	.history .history_wp .his_cont dl dd { width:calc(100% - 15rem); margin:0 0 1.5rem 0;}
	.history .history_wp .his_cont dl dd strong {width:8rem;} 
	.history .history_wp .his_cont dl dd p, 
	.history .history_wp .his_cont dl dd ul {width:calc(100% - 8rem);}  
	 
}
@media all and (max-width:768px){
	.history .tit_wp {margin-top:2rem; padding-bottom:5rem;} 
	.history .tit_wp .tit {margin-bottom:0; padding-bottom:2rem;}
	
	.history .history_wp .his_tit {display:none; width:auto;}
	
	.history .history_wp .his_cont {width:100%;}
	.history .history_wp .his_cont dl {width:100%; flex-direction: column;}
	.history .history_wp .his_cont dl dt {width:auto; font-size: 1.5em; margin-bottom:2rem; padding-left:2rem;}
	.history .history_wp .his_cont dl dt:before {top: 0.8rem; left: -.3rem; width: .8rem; height: .8rem;} 
	
	.history .history_wp .his_cont dl dd {width:100%; padding-left:2rem; box-sizing:border-box; font-size: 1em; margin-bottom:1rem;}
	.history .history_wp .his_cont dl dd strong {width:6rem;}
	.history .history_wp .his_cont dl dd p {width:calc(100% - 6rem);}
	.history .history_wp .his_cont dl dd p, 
	.history .history_wp .his_cont dl dd ul { word-break: break-all;}
	
	.history .history_wp .his_cont dl dd ul li ul li {font-size: 1em;}
}


/****************************** organization ******************************/
.organization .img_box {text-align:center; margin-top:5rem;}
.organization .img_box img {max-width: 100%; display: block; margin: 0 auto;}

@media all and (max-width:1200px){
	.organization .img_box {margin-top: 0;}
}


/****************************** executive ******************************/
.executive .inner {display:flex; margin-top:10rem;}
.executive .tab_wrap {width: 25%; position: sticky; top: 24%; height: 50rem; overflow: hidden;}
.executive .tab_wrap a {display: block; margin-bottom:4rem; text-align:left; opacity:.2;} 
.executive .tab_wrap a .position {display: flex; align-items: center; justify-content: center; width:8rem; height:3.2rem; border-radius:5rem; background: #000; color:#fff; font-size:1.5rem; margin-bottom:1rem;}
.executive .tab_wrap a .name {margin-bottom:5rem; font-weight: 700;}
.executive .tab_wrap a.active {opacity:1;}

.executive .cont_wrap {width: 75%;}
.executive .cont_wrap .type_area {display:flex; gap:8rem; justify-content: space-between; margin-top:15rem; scroll-margin-top: 15rem;}
.executive .cont_wrap .type_area:first-child {margin-top: 0;}
.executive .cont_wrap .type_area .img {max-width:20%; flex-shrink:0;}
.executive .cont_wrap .type_area .img img{max-width:100%;}
.executive .cont_wrap .type_area .cont {width:80%;}
.executive .cont_wrap .type_area .txt_box {display:flex; align-items: flex-end; margin-bottom: 3rem;}
.executive .cont_wrap .type_area .txt_box .name {font-weight: bold; display: inline-block; margin-right: 3rem;}
.executive .cont_wrap .type_area .txt_box .position {font-weight:600; color: #7D7D7D;}
.executive .cont_wrap .type_area ul li {display: flex; gap:4rem; border-bottom:1px solid #D8D8D8; padding:2.5rem 0;}
.executive .cont_wrap .type_area ul li:nth-child(1) {border-top:1px solid #000;}
.executive .cont_wrap .type_area ul li .date {width:20%; font-weight:500; line-height:1.4;}
.executive .cont_wrap .type_area ul li .cont {width:80%; color:#666; word-break:keep-all; line-height:1.4;}

@media all and (max-width:1440px){
	.executive .inner {margin-top:4rem;}
	.executive .cont_wrap .type_area ul li .date {width:25%;}
	.executive .cont_wrap .type_area ul li .cont {width:75%;}
}
@media all and (max-width:1024px){
	.executive .inner {margin-top: 3rem;}
	.executive .tab_wrap {display: none;}
	.executive .cont_wrap {width:100%;}
	.executive .cont_wrap .type_area {flex-direction: column; margin-top:6rem; scroll-margin-top: 6rem; gap:3rem;}
	.executive .cont_wrap .type_area .img {text-align: center; max-width:28rem; margin:0 auto;}
	.executive .cont_wrap .type_area .img,
	.executive .cont_wrap .type_area .cont{width:100%; } 
	
	.executive .cont_wrap .type_area ul li {padding:1.5rem 0;}
	.executive .cont_wrap .type_area .txt_box {margin-bottom:1rem;}
}




/****************************** directions ******************************/
.directions .wrap_controllers {display: none;}
.directions .root_daum_roughmap .cont .section.lst {display: none;}
.directions .txt_box {display: flex; margin-top:7rem;}
.directions .txt_box .left {width:50%;}
.directions .txt_box .left p {font-weight:600;}
.directions .txt_box ul.right li {display: flex; align-items: center; margin-bottom:2rem;}
.directions .txt_box ul.right li .icon {width:4.5rem; height:4.5rem; border-radius:50%; margin-right:2.5rem;}
.directions .txt_box ul.right li .icon1 {background: #F3F3F3 url(../image/sub/ico_directions01.svg) no-repeat center;}
.directions .txt_box ul.right li .icon2 {background: #F3F3F3 url(../image/sub/ico_directions02.svg) no-repeat center;}
.directions .txt_box ul.right li p.tit {font-weight:600; margin-right:6rem;}
.directions .txt_box ul.right li p.txt {font-weight: 300;}

@media all and (max-width:1700px){
	.directions .inner {padding-top:0 !important; padding-bottom: 0 !important;}
}
@media all and (max-width:1024px){
	.directions .txt_box {margin-top:3rem;}
}
@media all and (max-width:768px){
	.root_daum_roughmap .wrap_map {height:30rem !important;}
	.root_daum_roughmap .map {height:30rem;}	
	.directions .txt_box .left p {margin-bottom:2rem;}
	.directions .txt_box {flex-direction: column;}
	.directions .txt_box ul.right li {margin-bottom:1rem;}
	.directions .txt_box ul.right li .icon {width: 3.5rem; height: 3.5rem; margin-right: 1.5rem;}
	.directions .txt_box ul.right li p.tit {margin-right: 2rem;}
	.directions .txt_box .left {width:30%;}
}


/****************************** precise ******************************/
.precise {position: relative; overflow: hidden;}
.precise .precise_wp {background:#17283B; padding:5rem 0;}
.precise .precise_wp .inner {display: flex; align-items: center;}
.precise .precise_wp .img_box {width:45%;}
.precise .precise_wp .img_box img {max-width:100%; display: block;}
.precise .precise_wp .txt_box {width: 55%; color:#fff; margin-left:10rem;}
.precise .precise_wp .txt_box .sm_tit {color:#FF544D;}
.precise .precise_wp .txt_box .tit {font-weight: bold; margin:4rem 0 6rem;}
.precise .precise_wp .txt_box .txt {opacity:.8; line-height: 1.5;}

.precise .charac_wp {margin-top:10rem; border-bottom:2px solid #000; padding-bottom:10rem; margin-bottom:10rem;}
.precise .charac_wp .title {font-weight:600; margin-bottom:4rem;}
.precise .charac_wp ul {display:flex;}
.precise .charac_wp ul li {display:flex; align-items: center; padding: 0 10rem 0 0;}
.precise .charac_wp ul li .ico {width:13rem; height:13rem; border-radius:15px; margin-right:4rem;}
.precise .charac_wp ul li .ico1 {background: #F2F8FE url(../image/sub/ico_precise_charac01.svg) no-repeat center;}
.precise .charac_wp ul li .ico2 {background: #F2F8FE url(../image/sub/ico_precise_charac02.svg) no-repeat center;}
.precise .charac_wp ul li .ico3 {background: #F2F8FE url(../image/sub/ico_precise_charac03.svg) no-repeat center;}
.precise .charac_wp ul li .txt_box {}
.precise .charac_wp ul li .txt_box .tit {font-weight: 600; margin-bottom:2rem;}
.precise .charac_wp ul li .txt_box .txt {color:#666; line-height:1.5;}

.precise .collateral_wp {border-bottom:1px solid #DFDFDF; margin-bottom:10rem;}
.precise .collateral_wp .imaging_wp {display: flex; align-items: center; margin-bottom:10rem;}
.precise .collateral_wp .imaging_wp .img_box {width: 49%;}
.precise .collateral_wp .imaging_wp .img_box .vimeo-background {}

.vimeo-background {position: relative; padding-bottom: 56.25%; /* 16:9 비율 유지 */ height: 0; overflow: hidden; max-width: 100%;}
.vimeo-background iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.precise .collateral_wp .imaging_wp .img_box a img {max-width: 100%; display: block;}
.precise .collateral_wp .imaging_wp .txt_box {/*width: 51%; margin-right:17rem;*/}
.precise .collateral_wp .imaging_wp .txt_box .tit {font-weight:600;}
.precise .collateral_wp .imaging_wp .txt_box .sm_tit {margin:2rem 0 5rem;}
.precise .collateral_wp .imaging_wp .txt_box .txt {color:#666; line-height:1.5;}
.precise .collateral_wp .imaging_wp .txt_box ul {display: flex; margin:3rem 0;}
.precise .collateral_wp .imaging_wp .txt_box ul li {display: flex; align-items: center; justify-content: center; border: 2px dashed #99ADCF; border-radius: 5px; margin-right: 1.2rem; width: 20rem; height: 6rem;}
.precise .collateral_wp .imaging_wp .txt_box ul li i.num {display: flex; align-items: center; justify-content: center; font-style: normal; background: #3D70C8; border-radius:50%; width:2.2rem; height:2.2rem; color:#fff; font-size:1.4rem; margin-right:1rem;}
.precise .collateral_wp .imaging_wp .txt_box ul li p {color: #172744; font-weight: 600; }
.precise .collateral_wp .map_wp {margin-bottom:10rem;}
.precise .collateral_wp .map_wp .tit {font-weight: 600; margin-bottom:2rem;}
.precise .collateral_wp .map_wp .tit:before {content:""; width:1.2rem; height:1.2rem; border-radius:50%; display: inline-block; vertical-align: middle; background: #fff; border:3px solid #D64741; margin-right:1rem;}
.precise .collateral_wp .map_wp ul {display: flex; align-items: center; justify-content: space-between;}
.precise .collateral_wp .map_wp ul li {width:20%; margin-left: 2rem;}
.precise .collateral_wp .map_wp ul li:nth-child(1) {margin-left: 0;}
.precise .collateral_wp .map_wp ul li .img_box img {max-width: 100%; display: block;}
.precise .collateral_wp .map_wp ul li p {display: flex; align-items: center; justify-content: center; width:auto; height:5rem; background: #F3F7FE; border-radius:5px; margin-top:1rem;}
.precise .collateral_wp .map_wp .img_list {margin-top:2rem;}
.map_wp .img_list.mt30 {margin-top:3rem;}
.map_wp .img_list li .img_box{background:#000; display:flex; align-items: center; justify-content: center;}
.precise .collateral_wp .map_wp .black_box {background:#000; padding:8rem 6rem;}
.precise .collateral_wp .map_wp .black_box .txt {color:#fff; padding-left:1.2rem; border-left:4px solid #3d70c8;}
.precise .collateral_wp .map_wp .black_box .txt.mt50 {margin-top:5rem;}
.precise .collateral_wp .map_wp .black_box .img_list li .img_box {margin:2rem 0 0 0; }
.precise .collateral_wp .map_wp .black_box ul li p{background:#3d70c8; color:#fff;}

.precise .dynamic_wp {border-bottom:1px solid #DFDFDF; margin-bottom:10rem;}
.precise .dynamic_wp .imaging_wp { }
.precise .dynamic_wp .imaging_wp .img_box {width: 46%;}
.precise .dynamic_wp .imaging_wp .img_box a img {max-width:100%; display: block;}
.precise .dynamic_wp .imaging_wp .txt_box {margin-bottom:10rem;}
.precise .dynamic_wp .imaging_wp .txt_box .tit {font-weight:600; line-height:1.2; margin-bottom: 5rem;}
.precise .dynamic_wp .imaging_wp .txt_box .txt {color:#666; line-height:1.5;}
.precise .dynamic_wp .imaging_wp .txt_box ul {display: flex; margin:3rem 0;}
.precise .dynamic_wp .imaging_wp .txt_box ul li {display: flex; align-items: center; justify-content: center; border: 2px dashed #99ADCF; border-radius: 5px; margin-right: 1.2rem; width: 20rem; height: 6rem;}
.precise .dynamic_wp .imaging_wp .txt_box ul li i.num {display: flex; align-items: center; justify-content: center; font-style: normal; background: #3D70C8; border-radius:50%; width:2.2rem; height:2.2rem; color:#fff; font-size:1.4rem; margin-right:1rem;}
.precise .dynamic_wp .imaging_wp .txt_box ul li p {color: #172744; font-weight: 600;}
.precise .dynamic_wp .simul_wp .tit {font-weight: 600; margin-bottom:2rem;}
.precise .dynamic_wp .simul_wp .tit:before {content:""; width:1.2rem; height:1.2rem; border-radius:50%; display: inline-block; vertical-align: middle; background: #fff; border:3px solid #D64741; margin-right:1rem;}
.precise .dynamic_wp .simul_wp .img_box {display: flex; align-items: center; justify-content: space-between; margin-bottom:10rem;}
.precise .dynamic_wp .simul_wp .img_box .left {display: flex; align-items: center; justify-content: center; width:48%; height:55rem; margin-right:4rem; background: #F9F9F9; border-radius:20px; padding: 0 3rem;}
.precise .dynamic_wp .simul_wp .img_box .left img {max-width:100%; display: block;}
.precise .dynamic_wp .simul_wp .img_box .right {position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; width:50%; height:55rem; background: #F9F9F9; border-radius:20px; width:80rem; height:55rem;} 
.precise .dynamic_wp .simul_wp .img_box .right img {max-width:100%; display: block;}
.precise .dynamic_wp .simul_wp .img_box .right .simul_mv .swiper-slide {display: flex; justify-content: center; width:100% !important; margin-bottom: 3rem; padding: 0 3rem;}
.precise .dynamic_wp .simul_wp .img_box .right .simul_mv .swiper-slide .box {}
.precise .dynamic_wp .simul_wp .img_box .right .simul_mv .swiper-slide .box:nth-child(1) {margin-right:3rem;}
.precise .dynamic_wp .simul_wp .img_box .right .simul_mv .swiper-slide .box img {width:100%; height:100%; display: block;}
.precise .dynamic_wp .simul_wp .img_box .right .simul_mv .swiper-slide p {text-align:center; font-weight: 600; margin-top:2rem;}
.precise .dynamic_wp .simul_wp .img_box .right .simul_mv .swiper-pagination {bottom:5rem !important;}
.precise .dynamic_wp .simul_wp .img_box .right .simul_mv .swiper-pagination .swiper-pagination-bullet-active {background: #000;}
.precise .dynamic_wp .simul_wp .img_box .right .simul_mv .swiper-pagination .swiper-pagination-bullet {width:1rem !important; height:1rem !important;}
.precise .dynamic_wp .map_wp {margin-bottom:10rem;}
.precise .dynamic_wp .map_wp .tit {font-weight: 600; margin-bottom:2rem;}
.precise .dynamic_wp .map_wp .tit:before {content:""; width:1.2rem; height:1.2rem; border-radius:50%; display: inline-block; vertical-align: middle; background: #fff; border:3px solid #D64741; margin-right:1rem;}
.precise .dynamic_wp .map_wp ul {display: flex; align-items: center;}
.precise .dynamic_wp .map_wp ul li {width: 20%; margin-left: 2rem;}
.precise .dynamic_wp .map_wp ul li:nth-child(1) {margin-left: 0;}
.precise .dynamic_wp .map_wp ul li .img_box img {display: block; max-width:100%;}
.precise .dynamic_wp .map_wp ul li p {display: flex; align-items: center; justify-content: center; width:auto; height:5rem; background: #F3F7FE; border-radius:5px; margin-top:1rem;}

.precise .score_wp {border-bottom:1px solid #DFDFDF; margin-bottom:10rem; padding-bottom: 10rem;}
.precise .score_wp .tit {margin-bottom:4rem; font-weight: 600;}
.precise .score_wp .img_box {display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 20px; padding: 5rem;}
.precise .score_wp .img_box img {display: block;max-width: 100%;}

.precise .progress_wp {border-bottom:1px solid #DFDFDF; margin-bottom:10rem; padding-bottom: 10rem;}
.precise .progress_wp .txt_box .tit {font-weight: 600; margin-bottom: 3rem;}
.precise .progress_wp .txt_box .txt {color: #666; line-height: 1.5;}
.precise .progress_wp ul {display: flex; align-items: center; margin:3rem 0;}
.precise .progress_wp ul li {display: flex; align-items: center; justify-content: center; padding: 1.8rem 4rem; border-radius:5px; margin-right: 2rem; font-weight: 600;}
.precise .progress_wp ul li:nth-child(1) {border:2px dashed #6C9746; background: #F8FEF3; color: #0C5709;}
.precise .progress_wp ul li:nth-child(2) {border:2px dashed #C87976; background: #FEF6F3; color: #D64741;}
.precise .progress_wp ul li .ico {margin-right: 1rem;}

.precise .penumbra_wp .txt_box .tit {font-weight: 600; margin-bottom: 3rem;}
.precise .penumbra_wp .txt_box .txt {color: #666; line-height: 1.5;}
.precise .penumbra_wp ul {display: flex; align-items: center; margin:3rem 0 6rem;}
.precise .penumbra_wp ul li {display: flex; align-items: center; justify-content: center; padding: 1.8rem 4rem; border-radius:5px; margin-right: 2rem; font-weight: 600; background: #F3F7FE; color: #172744; border:2px dashed #99ADCF;}
.precise .penumbra_wp .img_box {display: flex; align-items: center; justify-content: center; background: #000; border-radius:20px; padding:5rem;}
.precise .penumbra_wp .img_box img {max-width:100%; display: block;}

/*product background-color ver*/

	/*
	body.product {background:#17283B;}
	body.product #logo,
	body.product #gnb ul li a,
	body.product #max_header .bt_sitemap span,
	body.product #max_header .utill .language .btn_lang i{filter:invert(1) brightness(4);}
	
	body.product .fixed #logo,
	body.product .fixed #gnb ul li a,
	body.product #max_header.fixed .bt_sitemap span,
	body.product #max_header.fixed .utill .language .btn_lang,
	body.product #max_header.fixed .utill .language .btn_lang i{filter:invert(0);color:#000 !important }
	
	body.product #max_header:hover #logo,
	body.product #max_header:hover #gnb ul li a,
	body.product #max_header:hover .bt_sitemap span,
	body.product #max_header:hover .utill .language .btn_lang,
	body.product #max_header:hover .utill .language .btn_lang i{filter:invert(0);color:#000 !important }
	
	body.product .precise .charac_wp {border-color:#fff;}
	body.product .precise .dynamic_wp .map_wp .tit:before {background:none;}
	
	body.product .tab-menu.pc li:last-child {border-radius:50px;}
	
	body.product p,
	body.product h2,
	body.product div,
	body.product .txt{color:#fff !important;} 
	body.product .precise .collateral_wp .map_wp .tit:before {background:none;}
	body.product .precise .progress_wp ul li:nth-child(1) p{color:#0C5709 !important;}
	body.product .precise .progress_wp ul li:nth-child(2) p{color:#D64741 !important;}
	body.product .precise .penumbra_wp ul li p{color:#172744 !important;}
	body.product .precise .collateral_wp .map_wp ul li p,
	body.product .precise .dynamic_wp .map_wp ul li p{ background:#3d70c8;}
	body.product  .precise .score_wp .img_box {background:#fff;}
	
	body.product .precise .charac_wp ul li .ico1,
	body.product .precise .charac_wp ul li .ico2,
	body.product .precise .charac_wp ul li .ico3{background-color:#121c27;}
	*/


@media all and (max-width:1700px){
	.precise .collateral_wp .imaging_wp .txt_box {margin-right: 6rem;}
	.precise .dynamic_wp .imaging_wp .txt_box {margin-left:6rem;}
}
@media all and (max-width:1440px){
	.precise .precise_wp .txt_box {margin-left: 5rem;}
}
@media all and (max-width:1200px){
	.precise .charac_wp {margin-top: 0;}
	.precise .charac_wp ul {flex-direction: column;}
	.precise .charac_wp ul li {margin-top: 2rem; padding-right: 0;}
	.precise .charac_wp ul li:nth-child(1) {margin-top: 0;}
	.precise .charac_wp ul li .txt_box {width:80%;}
	.precise .charac_wp ul li .txt_box .txt br {display: none;}
	.precise .charac_wp ul li .ico {width:10rem; height:10rem;}
	.precise .collateral_wp .imaging_wp, 
	.precise .collateral_wp .map_wp, 
	.precise .collateral_wp, 
	.precise .dynamic_wp .imaging_wp, 
	.precise .dynamic_wp .simul_wp .img_box, 
	.precise .dynamic_wp .map_wp, .precise .dynamic_wp {margin-bottom: 5rem;}
	.precise .collateral_wp .map_wp .black_box {padding:4rem;}
	.precise .charac_wp, .precise .score_wp, .precise .progress_wp {margin-bottom: 5rem; padding-bottom:5rem;}
	.precise .dynamic_wp .imaging_wp .txt_box .tit br {display: none;}
	.precise .dynamic_wp .simul_wp .img_box .left, .precise .dynamic_wp .simul_wp .img_box .right {height:47rem;}
}
@media all and (max-width:1024px){
	.precise .precise_wp {padding: 3rem 0;}
	.precise .precise_wp .inner {flex-direction: column; padding: 0 5% !important;}
	.precise .precise_wp .img_box {display: flex; justify-content: center; width:100%;}
	.precise .precise_wp .txt_box {margin-top: 5rem; width:100%; margin-left: 0;}
	.precise .precise_wp .txt_box .tit {margin: 1rem 0 3rem;}
	.precise .collateral_wp .imaging_wp, .precise .dynamic_wp .imaging_wp {flex-direction: column;}
	.precise .collateral_wp .imaging_wp .txt_box {width:100%; margin-right: 0;}
	.precise .collateral_wp .imaging_wp .txt_box .sm_tit {margin: 1rem 0 2rem;}
	.precise .collateral_wp .imaging_wp .img_box {width:100%; margin-top: 3rem;}
	.precise .collateral_wp .imaging_wp .img_box a img, .precise .dynamic_wp .imaging_wp .img_box a img {margin: 0 auto;}
	.precise .collateral_wp .map_wp ul li p,
	.precise .dynamic_wp .map_wp ul li p{height:4rem;}
	.precise .dynamic_wp .imaging_wp .txt_box {width:100%; margin-left: 0; margin-top:5rem; margin-bottom:3rem;}
	.precise .dynamic_wp .imaging_wp .txt_box .tit {margin-bottom: 2rem;}
	.precise .dynamic_wp .imaging_wp .img_box {width:100%;}
	.precise .dynamic_wp .simul_wp .img_box {flex-direction: column;}
	.precise .dynamic_wp .simul_wp .img_box .left, .precise .dynamic_wp .simul_wp .img_box .right {height:38rem;}
	.precise .dynamic_wp .simul_wp .img_box .left {width: 100%; height: auto; padding: 3rem; margin-right: 0; margin-bottom:2rem;}
	.precise .dynamic_wp .simul_wp .img_box .right {width:100%; height:auto; padding:3rem 0 6rem;}
	.precise .dynamic_wp .simul_wp .img_box .right .simul_mv .swiper-pagination {bottom: 2rem !important;}
	 
}
@media all and (max-width:768px){
	.precise .precise_wp .txt_box {margin-top:3rem;}
	.precise .precise_wp .txt_box .tit {margin: 1rem 0 2rem;}
	.precise .charac_wp {margin-bottom: 3rem; padding-bottom: 3rem;}
	.precise .charac_wp .title {margin-bottom: 2rem;}
	.precise .charac_wp ul li .ico {width: 8rem; height: 8rem; background-size: 60%; margin-right: 2rem;}
	.precise .charac_wp ul li .txt_box .tit {margin-bottom: .5rem;}
	.precise .collateral_wp .imaging_wp .txt_box ul {margin: 2rem 0;}
	.precise .collateral_wp .imaging_wp .img_box {margin-top:2rem;}
	.precise .collateral_wp .map_wp ul {flex-wrap: wrap; justify-content: flex-start;}
	.precise .collateral_wp .map_wp ul li {width:30%; margin-bottom:2rem;}
	.precise .collateral_wp .map_wp ul li:nth-child(4) {margin-left: 0; margin-bottom:0;} 
	.precise .collateral_wp .map_wp ul li:nth-child(5) {margin-bottom: 0;} 
	.precise .collateral_wp .map_wp ul li p,
	.precise .dynamic_wp .map_wp ul li p{height:3.5rem;}
	
	.precise .collateral_wp .map_wp .black_box {padding:4rem 2rem;}
	.precise .collateral_wp .imaging_wp, .precise .collateral_wp .map_wp, .precise .collateral_wp, .precise .dynamic_wp .imaging_wp, .precise .dynamic_wp .simul_wp .img_box, 
	.precise .dynamic_wp .map_wp, .precise .dynamic_wp {margin-bottom: 4rem;}
	.precise .charac_wp, .precise .score_wp, .precise .progress_wp {margin-bottom: 4rem; padding-bottom:4rem;}
	.precise .dynamic_wp .imaging_wp .txt_box {margin-top: 3rem;}
	.precise .dynamic_wp .imaging_wp .txt_box .tit {margin-bottom: 1rem;}
	.precise .dynamic_wp .simul_wp .img_box .right {padding:3rem 0 4rem;}
	.precise .dynamic_wp .simul_wp .img_box .right .simul_mv .swiper-pagination .swiper-pagination-bullet {width: .7rem !important; height: .7rem !important;}
	.precise .dynamic_wp .map_wp ul {flex-wrap: wrap; justify-content: flex-start;}
	.precise .dynamic_wp .map_wp ul li {width: 30%; margin-bottom: 2rem;}
	.precise .dynamic_wp .map_wp ul li:nth-child(4) {margin-left: 0; margin-bottom:0;} 
	.precise .dynamic_wp .map_wp ul li:nth-child(5) {margin-bottom: 0;} 
	.precise .score_wp .tit {margin-bottom:2rem;}
	.precise .score_wp .img_box {padding: 2rem;}
	.precise .progress_wp ul {align-items: flex-start; flex-direction: column; margin: 2rem 0;}
	.precise .progress_wp ul li {justify-content: flex-start; width: 100%; padding: 1.5rem 2rem; margin-right: 0;}
	.precise .progress_wp ul li:nth-child(1) {margin-bottom:1rem;}
	.precise .progress_wp .txt_box .tit {margin-bottom:2rem;}
	.precise .penumbra_wp ul {flex-wrap: wrap; flex-direction: column; align-content: flex-start; margin: 2rem 0 3rem;}
	.precise .penumbra_wp ul li {justify-content: flex-start; width:100%; padding: 1.8rem 2rem;}
	.precise .penumbra_wp ul li:nth-child(1) {margin-bottom: 1rem;}


}
@media all and (max-width:568px){
	.precise .collateral_wp .imaging_wp .txt_box ul {flex-direction: column;}
	.precise .collateral_wp .imaging_wp .txt_box ul li {width: 100%; height: 4.5rem; margin-top: 1rem; justify-content: flex-start; padding-left:1rem;}
	.precise .collateral_wp .imaging_wp .txt_box ul li:nth-child(1) {margin-top: 0;}
	.precise .collateral_wp .map_wp ul li:nth-child(3), .precise .collateral_wp .map_wp ul li:nth-child(5) {margin-left: 0;}
	.precise .collateral_wp .map_wp ul li:nth-child(4) {margin-left:2rem; margin-bottom:2rem;} 
	.precise .collateral_wp .map_wp ul li {width:46%;}
	.precise .dynamic_wp .map_wp ul li {width:46%;}
	.precise .dynamic_wp .map_wp ul li:nth-child(3), .precise .dynamic_wp .map_wp ul li:nth-child(5) {margin-left: 0;}
	.precise .dynamic_wp .map_wp ul li:nth-child(4) {margin-left:2rem; margin-bottom:2rem;}
}



/* table set */ 
.tb_basic_wrap {margin-top:2rem; font-size:2rem;}
.tb_basic {width:100%; height:auto; background:#fff; border-top:2px solid #000; }
.tb_basic caption {display: none;}
.tb_basic thead th {background:#EEF5FC; color:#000; font-weight:600; border-bottom:1px solid #BBBBBB; padding:2.2rem; vertical-align:middle;}
.tb_basic tbody th, .tb_basic tbody td {padding:1.8rem; line-height:160%; vertical-align:middle; position:relative; color:#000; text-align:center;}
.tb_basic thead th:nth-child(2) {border-left:1px solid #DEDEDE; border-right:1px solid #DEDEDE;}
.tb_basic tbody td {border-left:1px solid #DEDEDE;}
.tb_basic tbody td:nth-child(1) {border: none;}
.tb_basic tbody td span.on {background:#038ECF; color:#fff; display: inline-block; padding:.2rem; width:4rem; text-align:center;}
.tb_basic tbody td span.off {background:#666; color:#fff; display: inline-block; padding: .2rem; width:4rem; text-align:center;}
.tb_basic tbody td a:hover {text-decoration:underline;}
.tb_basic tbody tr {border-bottom:1px solid #BBBBBB;}
.tb_basic tbody th {background:#f1f3fb; color:#000;}
.tb_basic tbody th.line {position:relative; border-top:20px solid #fff;}
.tb_basic tbody th.line:after {position:absolute; top:0; left:0; content:''; display:block; width:100%; height:2px; background: #222;}
.tb_basic tbody td.txt_left {text-align:left !important;}
.tb_basic_wrap .help_box {display:none; width:100%; padding:.5rem; margin-bottom:1rem; border:1px dashed #BBBBBB;}
.tb_basic_wrap .help_box p i{display:inline-block; vertical-align:middle; width:30px; height:30px; background:url(../image/common/ico_scroll.png) no-repeat 50% 50% /cover; text-indent:-99999px; margin-right:10px;}
.tb_basic_wrap .red {color: #D40D05;}
.tb_basic_wrap .gray {color: #666;}

@media all and (max-width:1600px){
	.tb_basic_wrap {font-size:1.8rem;}
}
@media all and (max-width:1200px){
	.tb_basic_wrap {font-size:1.6rem;}
}
@media all and (max-width:768px){
	.tb_basic thead th {padding:.8rem 1rem;}
	.tb_basic tbody th, .tb_basic tbody td {padding:.5rem; line-height:130%;}
	.tb_basic_wrap {font-size:1.5rem;}
}


/* privacy */
.privacy p {font-size:1.8rem;}
.privacy .inner {padding: 23rem 0 5rem;}
.privacy h3 {color: #222; font-weight: 600; display: block; margin-bottom: 5rem;}
.privacy_wp {font-size:1em; line-height:1.6;}
.privacy_wp .policymenu{ background:#f4f6f9; padding:2.5rem 5rem; margin:2rem 0; color:#222; width:auto; height:auto; display:block; overflow:hidden;}
.privacy_wp .policymenu .tappolicy{float:left; width:50%; font-size: 1.8rem;}
.privacy_wp .policymenu .tappolicy li{line-height:190%;}
.privacy_wp dl dt{ position:relative; font-weight:700; color:#181818; margin-top:8rem; margin-bottom:1rem; font-size: 1.25em; padding-left:1.8rem;}
.privacy_wp dl dt:before {position:absolute; left:0; top:.5rem; width:.6rem; height:2rem; content:''; background:var(--main-color1); display:inline-block; z}
.privacy_wp dl dd{font-size:1.8rem;}
.privacy_wp dl dd table {width:100%; margin-top:16px; text-align:center;}
.privacy_wp dl dd table thead th{border-top:1px solid #000; border-bottom:1px solid #000; padding:16px 0; color:#181818;}
.privacy_wp dl dd table thead th:first-child {border-left:1px solid #000;}
.privacy_wp dl dd table thead th:last-child {border-right:1px solid #000;}
.privacy_wp dl dd table tbody th{text-align:center; border-bottom:1px solid #e5e5e5;}
.privacy_wp dl dd table tbody td{border-bottom:1px solid #e5e5e5; padding:16px;}
.privacy_wp dl dd > ol, 
.privacy_wp dl dd > ul {margin:1rem 2rem;} 
.privacy_wp dl dd ol li{position:relative; list-style-type:none; }
.privacy_wp dl dd ol li ul {margin:.5rem 0;}
.privacy_wp dl dd ul li{position:relative; list-style:none; line-height:1.6;}
.privacy_wp p {margin:0 0 1rem 0; line-height:1.6;}
.privacy_wp strong {display:inline-block; margin: 0 0 0 0;}

.mb_research_item {position:relative;}
.register ul li div.mb_research_item button[type="button"]{top:12px;}
.mgtb-1em {position:relative; overflow:hidden; margin:1em 0;}

/* list_style3 */
.list3 > li {position:relative; line-height:1.4; padding:0 0 .5rem 1.5rem; }
.list3 > li:before {position:absolute; left:0; top:1rem; width:.5rem; height:.5rem; content:''; border:1px solid #222; display:inline-block; }
.list3 > li strong {color:#222; font-weight: 600;}

@media screen and (max-width: 1700px) { 
	.privacy .inner {width: 100%; padding: 14rem 3% 0 !important;}
 }
@media screen and (max-width: 1400px) { 
	.privacy_wp .policymenu{padding:2rem 4rem;}  
	.privacy_wp dl dt{margin-top:6rem;}
	.privacy_wp dl dt:before {width:.5rem; height:1.5rem;} 
 }
@media screen and (max-width: 1024px) {
	.privacy p {font-size:1.6rem;}
	.privacy_wp .policymenu .tappolicy, .privacy_wp dl dd {font-size:1.5rem;}
	.privacy_wp .policymenu{padding:2rem 3rem;}  
	.privacy_wp dl dt{margin-top:3rem; font-size:2rem;}
	.list3 > li:before {top:.6rem;} 
}
@media screen and (max-width: 768px) {
	.privacy .inner {padding: 11rem 3% 0 !important;}
	.privacy h3 {margin-bottom: 3rem;}
	.privacy_wp .policymenu{padding:2rem;}  
	.privacy_wp .policymenu .tappolicy {width:100%; float:none;}
	.privacy_wp .policymenu .tappolicy li {width:100%; line-height:1.4; border-bottom:1px dashed #ddd;}
	.privacy_wp .policymenu .tappolicy li a {width:100%; display:inline-block; padding:.5rem;}
	.privacy_wp dl dd > ol,
	.privacy_wp dl dd > ul {margin:1rem;}
	.privacy_wp dl dt{margin-top:3rem;  padding-left:1.4rem; font-size:1.6rem;}
	.privacy_wp dl dt:before {height:1.5rem;}
	.list3 > li {line-height:1.3; padding:0 0 .3rem 1.5rem;}
	.list3 > li:before {top:.6rem;}
}



/***** 이용약관 *****/
.agreement .inner {padding: 23rem 0 5rem;}
.agreement h3 {color: #222; font-weight: 600;}
.agreement .div_wrap {font-size:1.8rem; line-height:150%; letter-spacing:-0.05em;}
.agreement .div_wrap.last {margin-bottom:0;}
.agreement .div_wrap.last ul {margin-bottom:0;}
.agreement .div_wrap p.box {background:#f4f6f9; padding:2rem; margin-bottom:2rem; font-weight: 400; font-size: 1.8rem;} 
.agreement .div_wrap h4 {position: relative; font-weight: 700; color: #181818; margin-top: 8rem; margin-bottom: 1rem; font-size: 2rem; padding-left: 1.8rem;}
.agreement .div_wrap h4:before {width: .6rem; height: 2rem; content: ''; background: var(--main-color1); display: inline-block; margin-right: 1rem; vertical-align: middle;}	
.agreement .div_wrap > ul {padding-left:2.5rem;}
.agreement .div_wrap > ul > li {margin-bottom:1.5rem;}
.agreement .div_wrap > ul > li strong {font-weight:500; color:#222;}
.agreement .div_wrap > ul > li::before {position: absolute; content:''; width:.6rem; height:.6rem; left:0; top:1rem; border-radius:100%; background: var(--main-color2);}
.agreement .div_wrap > ul > li > ul {margin-top:.2rem;}
.agreement .div_wrap > ul > li > ul > li {position: relative; padding-left:2rem; line-height: 1.8;}
.agreement .div_wrap > ul > li > ul > li::before {position: absolute; left: 0; top: 1rem; width: .5rem; height: .5rem; content: ''; border: 1px solid #222; display: inline-block;}
.agreement .div_wrap > ul > li > p {line-height:1.4; margin-top: 0.2rem;}
.agreement .div_wrap table {width:100%; margin:2rem 0; border-top:2px solid #ccc;}
.agreement .div_wrap table th {background: #eee; text-align: center; padding:1rem 0; border-right:1px solid #ddd; font-weight: 500;}
.agreement .div_wrap table td {border-bottom:1px solid #ddd; text-align: center; padding:1rem 0; border-right:1px solid #ddd;}
.agreement .div_wrap table th:last-child,
.agreement .div_wrap table td:last-child {border-right:0;}
.agreement .div_wrap a {font-weight:500; color:#0f66c1; letter-spacing:-0.02em;}
.agreement .non_bullet > ul > li::before{display:none;}
.agreement .non_bullet > ul > li > ul > li {margin-left:2rem;}

@media screen and (max-width: 1700px) {  
	.agreement .inner {width: 100%;	padding: 14rem 3% 0 !important;}
}
@media screen and (max-width: 1024px) { 
	.agreement .div_wrap {font-size:1em;}
	.agreement .div_wrap:nth-of-type(1) {margin-bottom:2rem;}
	.agreement .div_wrap p.box {font-size:1em; padding:2rem;}
	.agreement .div_wrap h4 {margin-top: 3rem;}
	.agreement .non_bullet > ul > li > ul > li {margin-left:1rem; padding-left:1rem;}
}

@media screen and (max-width: 768px) { 
	.agreement .inner {padding: 11rem 3% 0 !important;}
	.agreement .div_wrap {margin:0;}
	.agreement .div_wrap h4 {font-size:1.6rem;} 
	.agreement .div_wrap h4:before {width: .4rem; height: 1.5rem;}
	.agreement .div_wrap > ul {padding-left:1rem; margin-bottom:3rem;}
	.agreement .div_wrap > ul > li > p {font-size:1em;}
	.agreement .div_wrap > ul > li > ul > li {font-size:1em;}
	.agreement .div_wrap > ul > li::before,
	.agreement .div_wrap > ul > li > ul > li::before {top:.8rem;}
}
@media screen and (max-width: 568px) {  
	.agreement .div_wrap > ul > li > ul {font-size:1.4rem;}
}