@charset "utf-8";


/* root */
:root{
	--c-01:#c5a56e;
}

/* common */
.container_title {position:relative; text-align:center;margin:0rem 0 30rem 0;color:#222;}
.container_title h3 {line-height:1.5;letter-spacing:-0.5px; font-size:40rem; font-weight:800; color:#2c2c2c; }

@media (max-width:1480px) {
	.container_title h3 { font-size:25rem;}
}


.tit01 {z-index:50; position: relative; padding-top:14rem; margin: 0 0 30rem;font-size:25rem;font-weight: 600;color: #222;line-height: 1;} 
.tit01::before {content: "";position: absolute;left: 0;top: 0;width:12rem;height: 3rem;background:#c5a56e;} 
.tit01::after {content: "";position: absolute;left: 12rem;top: 0;width:12rem;height: 3rem;background:#6f4a12;} 
.tit02 {z-index:50; display:flex; align-items: center; position: relative;margin: 40rem 0 20rem;font-size:21rem; padding-left:13rem; font-weight: 600;color:#222;line-height: 1;} 
.tit02::before {content: ""; position:absolute; left:0; top:8rem; width:5rem;height:5rem;background:#c5a56e; border-radius:50%;} 

.bg_gray{background:#f6f6f6;}
.add{margin: -11rem 0 15rem;}
.cont-box{margin-bottom:45rem;}
.cont-box:last-child{margin-bottom:0}
.list_bar > li {position:relative; padding-left:18rem; font-weight: 300; margin-top:7rem}
.list_bar > li:first-child {margin-top: 0}
.list_bar > li::before {content:''; position:absolute;top: 12rem;left:5rem; display:block; width: 7rem;height: 1rem; background: #7f7f7f}
.list_dot li{position:relative; letter-spacing:-0.055em; font-weight:300; padding-bottom:10rem; line-height:1.5; padding-left:10rem;word-break: keep-all;}
.list_dot li:before{content: ""; position:absolute; left:0; top:10rem; display:block; width:4rem; height:4rem; background:#bdbdbd; border-radius:50%}
.list_dot li:last-child{padding-bottom:0}

.list_num li{display:flex;align-items: flex-start;/* background:#f6f6f6; */padding: 35rem 0;/* margin-bottom:20rem; */border-top: 1rem dashed #ddd;}
.list_num li span{display:flex;align-items: center;justify-content: center;width: 22rem;height: 22rem;margin-right: 10rem;border-radius:50%;color:#fff;}
.list_num li h4{display:flex;align-items: center;margin-bottom:10rem;font-size: 20rem;color: #6f4a12;font-weight:600}
.list_num li div{}
.list_num li:last-child{margin-bottom:0}

.subtable { width:100%; margin:20rem 0;border-top:2px solid #39270c; }
.subtable thead th{background:#473721; padding:15rem 5rem; border-left:1rem solid #695841; border-bottom:1rem solid #695841; color:#fff; }
.subtable tbody th {text-align:center; background:#f9f9f9; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable tbody td {border-bottom:1px solid #dbdbdb; padding:15rem 5rem; background:#fff; line-height:26px; color:#35363a; text-align:center; font-weight:300; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td.t_left{text-align:left;}

#contents {overflow: hidden;position:relative;padding: 50rem 0 0;}
#contents p {line-height:1.6;word-break: auto-phrase;}

/* 서브비주얼 */
#sub_visual{margin-top:175rem; position:relative;height:425rem;background-color:#000;background-size:cover;background-position:60%;text-align:center;display: flex;align-items: center;}
#sub_visual h2{ font-weight:800; font-size:50rem; color:#fff; animation:up .5s .2s forwards;}
#sub_visual p{ font-weight:300; position:relative;line-height:1;font-size:20rem;text-align:center;color:#fff;  letter-spacing:4px; margin-bottom:10rem; }

/* 서브 상단 이미지 */
#sub_visual.sub10{background-image:url(../img/sub/sub01_top.jpg) }
#sub_visual.sub20{background-image:url(../img/sub/sub02_top.jpg) }
#sub_visual.sub30{background-image:url(../img/sub/sub03_top.jpg) }
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg) }
#sub_visual.sub50{background-image:url(../img/sub/sub05_top.jpg) }
#sub_visual.sub60{background-image:url(../img/sub/sub06_top.jpg) }
#sub_visual.sub70{background-image:url(../img/sub/sub07_top.jpg) }
#sub_visual.sub80{background-image:url(../img/sub/sub08_top.jpg) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}
/* snb */
#left_area{float:none; width:100%; margin-top:0px;}
.left_snb{position:absolute; text-align:center; left:50%; transform:translateX(-50%); bottom:-30px; z-index:10;}
.left_snb h2{position:relative; line-height:1; padding:60px 0;  font-weight:600; font-size:1.7em; color:#fff; text-align:center; text-transform:uppercase;}
.left_snb li{display:inline-block; position:relative; margin:0 15rem; text-align:center;}
.left_snb li:last-child{margin-right:0}
.left_snb li a{font-weight:300; font-size:20rem; color:#fff;  }
.left_snb li:hover a:after{width:10px;}
.left_snb li:hover a{color:#fff; opacity:0.5;}
.left_snb li.on a{}
.left_snb ul{width:1400rem; padding:30rem 0; margin:0 auto; text-align:center;}
/*.left_snb li::after{content:""; position:absolute; opacity:0; bottom:-5rem; left:0; left:0; width:100%; height:2rem; background:#c5a56e;}*/
.left_snb li.on:after {content: ""; display:block; margin:20px auto 0; width:1px; height:25px; background:#fff; }

/* 
* discription: 사이트 복사시 지우고 사용하는 custom 영역
*/

@media (max-width:860px) {
	#sub_visual{margin-top:80rem; height:250rem}
	#sub_visual h2{font-size:22rem;}
	#sub_visual p{ font-size:16rem}
}

@media (max-width:540px) {

	#sub_visual{height:180rem}
	#sub_visual h2{font-size:25rem}
	#sub_visual p{font-size:11rem}

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit02{margin:20rem 0 10rem; font-size:17rem}
	.add{margin:-5rem 0 10rem;}
	.cont-box{margin-bottom:30rem}
	
	.subtable thead th,
	.subtable tbody td,
	.subtable tbody th{line-height:1.5; padding:5rem; font-size:12rem;}


}

/*end 사이트 복사시 지우고 사용하는 custom 영역 */

.sub_con{}
.sub_con *{font-family:'pretendard',sans-serif;font-size:20px;font-weight:300;letter-spacing:-0.0255em;color:#222;}
.sub_con .wrap{max-width:100%;margin:0 auto;}
.sub_con h3 {font-size:35rem; font-weight:600;}
.sub_con .txt em{display:flex;justify-content:center;align-items:center;width:250rem;height:50px;font-style:normal; font-size:20rem; margin:0 auto 10rem; border-radius:50px;border:1px solid #d5b45d;color:#d5b45d !important;}

.sub_con .taC{text-align:center;}
.sub_con .wht *{color:#fff !important;}
.sub_con .monly{display:none;}

@media all and (max-width: 1024px) {
    .sub_con h3 {font-size:20rem;}
	.sub_con .txt em{font-size:16rem; }
}

.sec01{padding:50rem 0; }
.sec01 .wrap{position:relative;}
.sec01 .txt {padding-top:100rem;}
.sec01 .txt h4{position:relative;padding-bottom:150px;font-size:30rem; font-weight:800; color:#061d54; }
.sec01 .txt h4:after{content:'';position:absolute;bottom:40px;left:50%;display:block;width:1px;height:70px;background:#061d54;}
.sec01 p{font-size:18rem; color:#484848; font-weight:400; }
.sec01 p b{font-size:18rem; font-weight:600; }

.sec01 .anipic{position:absolute;top:0;left:0;width:100%;height:100%;}
.sec01 .pic img{display:block;width:340px;position:absolute; border-radius:10rem; }
.sec01 .pic img:first-child{top:0;left:0;}
.sec01 .pic img:last-child{bottom:0rem;right:0;}

@media all and (max-width: 1024px) {
    .sec01 .txt {padding-top:0rem;}
    .sec01 .txt h4{font-size:20rem;padding-bottom:100px;}
    .sec01 .txt h4:after{bottom:25px;height:50px;}
	.sec01 p{font-size:13rem; }
	.sec01 p b{font-size:13rem; }
    
    .sec01 .anipic{position:relative;top:unset;left:unset;width:auto;}
    .sec01 .pic{display:flex;justify-content:center;gap:8px;padding-top:50px;}
    .sec01 .pic img{position:unset;width:42%;}   
}



.sec_diagnosis {padding:50rem 0; }
.sec_diagnosis .wrap {text-align: center;}
.sec_diagnosis .wrap .txt {margin-bottom:20rem;}
.sec_diagnosis .wrap .txt h3 {font-size:30rem; font-weight:800; margin-bottom:10rem; }
.sec_diagnosis .wrap .txt p {font-size:18rem; font-weight:300; }
.sec_diagnosis .wrap .inner_box { margin-top:50rem; }

.sec_diagnosis .wrap .inner_box h4 {color: #fff; font-size: 20rem; line-height: 125%; font-weight: 600;  margin-bottom:20rem; text-align:center; }
.sec_diagnosis .wrap .inner_box ul {display:grid;grid-template-columns: repeat(2, 1fr); gap:20rem; }
.sec_diagnosis .wrap .inner_box ul li { margin-bottom:10rem; border-radius: 20px; padding: 50rem 20rem;}
.sec_diagnosis .wrap .inner_box ul li:nth-child(1) {background:#061d54;}
.sec_diagnosis .wrap .inner_box ul li:nth-child(2) {background:#333;}
.sec_diagnosis .wrap .inner_box ul li span {display: flex; align-items: center; justify-content: center; width: 40rem; height: 40rem; background: #d5b45d; border-radius: 100%; margin-right: 30px; flex: none;}
.sec_diagnosis .wrap .inner_box ul li span i {color: #fff; background:url(../img/sub/check.png) no-repeat; width:40rem; height:40rem;}
.sec_diagnosis .wrap .inner_box ul li dl dd {color: #fff;  text-align:left;  font-size: 17rem; line-height: 150%; font-weight: 400; margin-bottom:10rem; margin-left:10rem; }
.sec_diagnosis .wrap .inner_box ul li dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#d5b45d; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

@media all and (max-width: 1360px) {
      .sec_diagnosis .wrap .inner_box ul li span {margin-right: 20px;}
      .sec_diagnosis .wrap .inner_box ul li p {font-size: 18rem;}
	  .sec_diagnosis .wrap .inner_box ul li span {margin-right: 8px; width: 35rem; height: 35rem;}
	  .sec_diagnosis .wrap .inner_box ul li span i {background-size:100%; width:30rem; height:30rem;  }
}
@media all and (max-width: 1023px) {
      .sec_diagnosis {padding:30rem 0; }
	  .sec_diagnosis .wrap .txt h3 {font-size:22rem;}
	  .sec_diagnosis .wrap .txt p {font-size:15rem;  }
      .sec_diagnosis .wrap .inner_box {flex-direction: column; gap: 20px; padding: 32px 0px; }
	  .sec_diagnosis .wrap .inner_box ul {display:grid;grid-template-columns: repeat(1, 1fr); gap:20rem; }
	  .sec_diagnosis .wrap .inner_box ul li { padding: 50rem 10rem;}
      .sec_diagnosis .wrap .inner_box h4 {text-align: center;  font-size: 18rem; margin-bottom:30rem; }
      .sec_diagnosis .wrap .inner_box h4 b {padding: 0; margin: 0;}
      .sec_diagnosis .wrap .inner_box ul li:first-child {margin-bottom: 8px;}
      .sec_diagnosis .wrap .inner_box ul li span {margin-right: 8px; width: 25rem; height: 25rem;}
      .sec_diagnosis .wrap .inner_box ul li span i {background-size:100%; width:20rem; height:20rem;  }
	  .sec_diagnosis .wrap .inner_box ul li span i img {}
      .sec_diagnosis .wrap .inner_box ul li p {font-size: 0.9em; text-align: left;}
      .sec_diagnosis .wrap .inner_box ul li b {margin-left: 7px; padding: 5px 10px;}
	  .sec_diagnosis .wrap .inner_box ul li dl dd { font-size: 14rem; }
}

@media all and (max-width: 600px) {
	  .sec_diagnosis .wrap .inner_box ul li dl dd { font-size: 13rem; }
}

.sec_cause {padding:50rem 0; background: #061d54;}
.sec_cause .wrap {text-align: center;}
.sec_cause .wrap .txt {margin-bottom:20rem;}
.sec_cause .wrap .txt h3,
.sec_cause .wrap .txt p,
.sec_cause .wrap .txt b {color: #fff !important;}
.sec_cause .wrap .txt h3 {font-size:30rem; font-weight:800; margin-bottom:10rem; }
.sec_cause .wrap .txt p {font-size:18rem; font-weight:300; }
.sec_cause .wrap .inner_box {display: flex; align-items: center; justify-content: center;gap:150rem; background: #fff; box-shadow:3px 3px 10px rgba(0,0,0,0.05); border-radius: 20px; padding: 50rem 100rem; }
.sec_cause .wrap .inner_box h4 {font-size: 2em; line-height: 125%; text-align: left; font-weight: 300; padding: 0 20px;}
.sec_cause .wrap .inner_box h4 b {background: linear-gradient(to top, #effaf9 50%, transparent 50%); font-size: inherit; font-weight: 700; padding: 0 20px; margin: 0 -20px;}
.sec_cause .wrap .inner_box ul li {display: flex; align-items: center; margin-bottom:10rem; }
.sec_cause .wrap .inner_box ul li span {display: flex; align-items: center; justify-content: center; width: 30rem; height: 30rem; background: #d5b45d; border-radius: 100%; margin-right: 30px; flex: none;}
.sec_cause .wrap .inner_box ul li span i {color: #fff; background:url(../img/sub/check.png) no-repeat; width:30rem; height:30rem; background-size:100%; }
.sec_cause .wrap .inner_box ul li p {font-size: 20rem; line-height: 125%; font-weight: 500; letter-spacing:-.5px; }

@media all and (max-width: 1360px) {
      .sec_cause .wrap .inner_box ul li span {margin-right: 20px;}
      .sec_cause .wrap .inner_box ul li p {font-size: 18rem;}
	  .sec_cause .wrap .inner_box ul li span {margin-right: 8px; width: 35rem; height: 35rem;}
	  .sec_cause .wrap .inner_box ul li span i {background-size:100%; width:30rem; height:30rem;  }
}
@media all and (max-width: 1023px) {
      .sec_cause {padding:30rem 0; }
      .sec_cause .wrap .inner_box {flex-direction: column; gap: 20px; padding: 32px 0px; }
      .sec_cause .wrap .inner_box h4 {text-align: center;  font-size: 22rem; margin-bottom:30rem; }
      .sec_cause .wrap .inner_box h4 b {padding: 0; margin: 0;}
      .sec_cause .wrap .inner_box ul li:first-child {margin-bottom: 8px;}
      .sec_cause .wrap .inner_box ul li span {margin-right: 8px; width: 25rem; height: 25rem;}
      .sec_cause .wrap .inner_box ul li span i {background-size:100%; width:20rem; height:20rem;  }
	  .sec_cause .wrap .inner_box ul li span i img {}
      .sec_cause .wrap .inner_box ul li p {font-size: 15rem; text-align: left;}
      .sec_cause .wrap .inner_box ul li b {margin-left: 7px; padding: 5px 10px;}
}

@media all and (max-width: 1023px) {
      .sec_cause .wrap .inner_box ul li p {font-size: 13rem;}
}

.sub0301 section{position: relative;	padding:100rem 20rem; background:#f5f5f7 url(../img/sub/bg_line.jpg) center top no-repeat; }
.sub0301 section .row-wrap{	width:100%;	margin:50px auto 0;	max-width:1000px;   display: flex;    flex-direction: column;     }
.sub0301 section .row-wrap > .row{	   display: flex;    align-items: center;  background: #fff;	border-radius:20px;	padding:30rem 50rem;	margin-bottom: 10px;	position: relative; }

.sub0301 section .row-wrap > .row:last-child::before{	content:none;}
.sub0301 section .row-wrap > .row > .img{	position: relative; width:200rem; }
.sub0301 section .row-wrap > .row > .img::after{	content:'';	width:1px;	height: 100%;	border-right: 1px dashed #efe4d5;	position: absolute;	top:0;	right:-50rem;}
.sub0301 section .row-wrap > .row > .text {width:80%; }
.sub0301 section .row-wrap > .row > .text:last-child{	padding-left: 100rem;	padding-top: 20px;	}
.sub0301 section .row-wrap > .row h4 { font-size:25rem; font-weight:600; margin-bottom:10rem; }
.sub0301 section .row-wrap > .row p {word-break: keep-all; font-size:17rem; font-weight:400;}
.sub0301 section .row-wrap > .row p b { font-weight:600; display:inline-block; margin-bottom:10rem; }
.sub0301 section .row-wrap > .row dl dd {font-size:17rem; margin-bottom:10rem; }

@media(max-width:1023px){
	.sub0301 section .row-wrap > .row{	 flex-direction:column; padding:30rem 20rem;}
	.sub0301 section .row-wrap > .row > .img::after{	content:'';	width:1px;	height: 100%;	border-right: 0px dashed #efe4d5;	position: absolute;	top:0;	right:-50rem;}
	.sub0301 section .row-wrap > .row > .text:last-child{	padding-left: 0rem;}
	.sub0301 section .row-wrap > .row h4 { font-size:18rem; }
	.sub0301 section .row-wrap > .row p { font-size:14rem; }
	.sub0301 section .row-wrap > .row p b { font-size:14rem; }
	.sub0301 section .row-wrap > .row dl dd {font-size:14rem; }
}

@media(max-width:600px){
	.sub0301 section .row-wrap > .row p { font-size:13rem; }
	.sub0301 section .row-wrap > .row p b { font-size:13rem; }
}


.sec_def {margin:50rem 0;}
  .sec_def .txt {    width: 100%;    max-width: 1200px;    display: flex;    flex-direction: column;    align-items: center;    text-align: center;    border-radius: 20px;    background: #f8fbff;    padding: 80px 40px;    margin: 0 auto;  }
  .sec_def .txt h5 {    position: relative;    font-size: 30rem;    font-weight: 600;    line-height: 130%;    color: #000;    padding-bottom: 20px;  }
  .sec_def .txt h6 {    position: relative;    font-size: 25rem;    font-weight: 600;    line-height: 130%;    color: #061d54;    padding-bottom: 40px;  }
  .sec_def .txt h6::before {    content: '';    background: url(../img/sub/dd.png) no-repeat center center/cover;    width: 21px;    height: 18px;    position: absolute;    top: 0;    left: -40px;  }
  .sec_def .txt h6::after {    content: '';    background: url(../img/sub/dd.png) no-repeat center center/cover;    width: 21px;    height: 18px;    transform: rotate(-180deg);    position: absolute;    top: 0;    right: -40px;  }
  .sec_def .txt p {    color: #333;  }
  .sec_def ul {    display: flex;    gap: 80px;    justify-content: center;    margin: 60px auto 0;  }
  .sec_def ul li {    display: flex;    flex-direction: column;    align-items: center;    gap: 30px;  }
  .sec_def ul li b {    text-align: center;    line-height: 150%;    font-weight: 500;  }

  @media all and (max-width: 1023px) {
    .sec_def {margin:0rem 0 50rem;}
	.sec_def .txt {      border-radius: 10px;      padding: 40px 20px;    }
    .sec_def .txt h5 {      font-size: 20rem;      }
    .sec_def .txt h6 {      font-size: 0.9em;      padding-bottom: 20px;    }
    .sec_def .txt p {      font-size: 0.85em;    }
    .sec_def .txt h6::before {      width: 11px;      height: 9px;      left: -20px;    }
    .sec_def .txt h6::after {      width: 11px;      height: 9px;      right: -20px;    }
    .sec_def ul {      flex-wrap: wrap;      gap: 20px 40px;      margin: 30px auto 0;    }
    .sec_def ul li {      gap: 14px;    }
    .sec_def ul li.monly {      width: 100%;    }
    .sec_def ul li img {      width: 90px;    }
	.sec_def .txt p {    font-size:13rem; }
  }

.orthodontic02_case {background: url("../img/sub/orthodontic02_case.jpg") no-repeat center right/cover;}

  .sec_sx {    padding: 120px 0;}
  .sec_sx .wrap {    display: flex;  }
  .sec_sx .wrap .tt {    width: 50%;  }
  .sec_sx .wrap .tt h4 { font-size:40rem; }
  .sec_sx .wrap .tt h4 b { font-size:40rem; font-weight:600;  }
  .sec_sx .wrap .tt ul {    display: flex;    flex-direction: column;    gap: 20px;    width: 100%;    margin-top: 50px;  }
  .sec_sx .wrap .tt ul li {    display: flex;    gap: 25px;    background: #fff;    border-radius: 10px;    padding: 0 40px;    align-items: center;  }
.sec_sx .wrap .tt ul li i {width:30rem; height:30rem; background:#d5b45d; border-radius:100rem;}
  .sec_sx .wrap .tt ul li p {    padding: 30px 0;  }

  @media all and (max-width: 1800px) {
    .sec_sx {      background-position: center;    }
    .sec_sx .wrap .tt {      width: 60%;    }
  }

  @media all and (max-width: 1360px) {    .sec_sx {      background: url("/_files/6yaPlYcmB.jpg") no-repeat center bottom/cover;    }
    .sec_sx .wrap {      margin-bottom: 70%;    }
  }

  @media all and (max-width: 1023px) {
    .sec_sx {      padding: 70px 20px;    }
    .sec_sx .wrap .tt {      width: 100%;    }
    .sec_sx .wrap .tt ul {      gap: 10px;      margin-top: 35px;    }
    .sec_sx .wrap .tt ul li {      gap: 15px;      border-radius: 5px;      padding: 0 20px;    }
    .sec_sx .wrap .tt ul li img {      width: 22px;    }
    .sec_sx .wrap .tt ul li p {      padding: 20px 0;      font-size: 0.9em;    }
  }

  
.sec02{padding:100rem 0; }
.sec02 .con{display:flex;justify-content:space-between;padding:60px;border-radius:20px;background:#fff;box-shadow:0 0 20px 0 rgba(198,135,138,0.23);}
.sec02 .con .txt em{display:flex;justify-content:center;align-items:center;width:200px;height:42px;font-size:18em;letter-spacing:0.12em;border:1px solid #444;border-radius:60px;}
.sec02 .con .txt h5{padding-top:20px;font-size:1.5em;font-weight:700;line-height:140%;}
.sec02 .con .txt .chks{padding-top:34px;}
.sec02 .con .pic{display:flex;gap:20px;}
.sec02 .con .pic .item{position:relative;border-radius:20px;overflow:hidden;}
.sec02 .con .pic .item img{display:block;width:100%;height:100%;object-fit:cover;}
.sec02 .con .pic .item p{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:52px;font-weight:700;background:#e16268;color:#fff;}

.sec02 .con03{display:grid;grid-template-columns:repeat(3, minmax(auto, 500px));justify-content:center;gap:26px;}
.sec02 .con04{display:grid;grid-template-columns:repeat(4, minmax(auto, 500px));justify-content:center;gap:26px;}
.sec02 .con06{display:grid;grid-template-columns:repeat(6, minmax(auto, 500px));justify-content:center;gap:26px;}
.sec02 .boxes{padding-top:40px;}
.sec02 .boxes .box{padding-bottom:30rem;border-radius:20px;text-align:center;background:#fff;overflow:hidden;box-shadow:0 0 20px 0 rgba(0,0,0,0.05);}
.sec02 .boxes .box em{font-style:normal; display:flex;justify-content:center;align-items:center;height:52px;letter-spacing:0.12em;background:#061d54;color:#fff; font-size:17rem;}
.sec02 .boxes .box em b{font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:#d5b45d;}
.sec02 .boxes .box i {display:block; width:30rem; height:30rem; background:#d5b45d; border-radius:100rem; margin:0 auto 10rem; }
.sec02 .boxes .box span {display:block;}
.sec02 .boxes .box span img {width:150rem;}
.sec02 .boxes .box img{display:block;width:35px;margin:40px auto;}
.sec02 .boxes .box h5{font-size:20rem;font-weight:700;}
.sec02 .boxes .box h6{font-size:25rem;font-weight:700;}
.sec02 .boxes .box p{padding:20rem; font-size:18rem; }

@media all and (max-width: 1400px) {
    
    .sec02 .con{display:block;}
    .sec02 .con .pic{justify-content:center;padding-top:40px;}
	.sec02 .con06{display:grid;grid-template-columns:repeat(3, minmax(auto, 500px));}
	.sec02 .boxes .box em{font-size:18rem;}
}

@media all and (max-width: 1023px) {
    
    .sec02{background:#fff; padding:20rem 0;}
    .sec02 .txt{text-align:center;}
    .sec02 .txt .vr{margin:20px auto;}
    .sec02 .con{padding:30px 20px;border-radius:10px;}
    .sec02 .con .txt em{width:140px;height:34px;}
    .sec02 .con .txt h5{font-size:1.3em;}
    .sec02 .con .txt .chks{padding-top:24px;}
    .sec02 .con .pic{gap:6px;}
    .sec02 .con .pic .item{border-radius:10px;}
    .sec02 .con .pic .item p{height:40px;font-size:0.75em;text-align:center;}
    
    .sec02 .con03{display:grid;grid-template-columns:repeat(1, minmax(auto, 500px));}
    .sec02 .con04{display:grid;grid-template-columns:repeat(2, minmax(auto, 500px));}
    .sec02 .con06{display:grid;grid-template-columns:repeat(2, minmax(auto, 500px));}
	.sec02 .boxes{gap:10px;padding-top:30px;}
    .sec02 .boxes .box{border-radius:10px;}
    .sec02 .boxes .box em{height:36px;font-size:11rem;}
    .sec02 .boxes .box i{width:25rem; height:25rem; line-height:35rem; }
    .sec02 .boxes .box i img {padding-top:2rem; }
    .sec02 .boxes .box img{width:20px;margin:20px auto;}
    .sec02 .boxes .box h5{font-size:15rem;}
    .sec02 .boxes .box h6{font-size:20rem;}
    .sec02 .boxes .box p{padding:10px 10px 0;font-size:15rem;}
}

@media all and (max-width: 600px) {
    .sec02 .boxes .box h6{font-size:18rem;}
    .sec02 .boxes .box p{font-size:13rem;}
}



.sec_spcl {    position: relative;  }
.sec_spcl::after {    content: "";    position: absolute;    right: 0;    top: 0;    width: 40vw;    height: 100%;   background: #061d54;    z-index: -1; border-radius: 20rem 0 0 20rem;   }
.sec_spcl .wrap {    display: flex;  align-items: center;  justify-content: space-between;    gap: 40px;  }
.sec_spcl .txt {    flex-shrink: 0;  }
.sec_spcl .txt h3 {font-size:30rem; font-weight:800; color:#061d54; line-height:1.2; margin-bottom:20rem;}
.sec_spcl .txt ul {    display: flex;    flex-wrap: wrap;    gap: 10px;    margin-top: 40px;  }
.sec_spcl .txt ul li {    display: flex;    justify-content: center;    align-items: center;    min-width: 160px;    height: 46px;    padding: 0 20px;    border-radius: 23px;    border: 1px solid var(--mint);    color: var(--mint);    font-size: 0.9em;  }
.sec_spcl .pic {padding:80rem 0;}
.sec_spcl .pic img { border-radius: 0 30rem 0 30rem;   display: block;    width: 100%;    height: 100%;    object-fit: cover;  }

@media all and (max-width: 1280px) {
    .sec_spcl {      padding-bottom: 0;    }
    .sec_spcl::after {      width: 80vw;      height: calc(40vw + 240px);    }
    .sec_spcl .wrap {      flex-direction: column;    }
    .sec_spcl .wrap {      gap: 180px;    }
    .sec_spcl .pic {      width: 80%;      order: -1;    }
}

@media all and (max-width: 1023px) {
    .sec_spcl {      padding-top: 50px;    }
    .sec_spcl::after {      height: calc(45vw + 80px);    }
    .sec_spcl .wrap {      gap: 120px;    }
    .sec_spcl .tt ul {      gap: 5px;      margin-top: 20px;    }
    .sec_spcl .tt ul li {      min-width: 100px;      height: 30px;      padding: 0 10px;      border-radius: 15px;      font-size: 0.85em;    }
	.sec_spcl .txt h3 {font-size:20rem; }
	.sec_spcl .pic {padding:0rem 0;}
}

@media all and (max-width: 560px) {
    .sec_spcl {      padding-top: 35px;    }
    .sec_spcl::after {      height: calc(45vw + 50px);    }
    .sec_spcl .wrap {      gap: 80px;    }
	.sec_spcl .txt h3 {font-size:18rem; }
	.sec_spcl .txt p {font-size:13rem; }
}

  
.sec_case {    position: relative;    background:#061d54 url(../img/sub/case_bg.jpg) center top no-repeat;    overflow: hidden;    padding: 70rem 0 30rem;  }
.sec_case::after {    content: "";    position: absolute;    right: 5%;    bottom: -120px;    display: block;    width: 471px;    height: 299px;    background: url("/_files/6xNdc0YJj.png") no-repeat center top/cover;  }
.sec_case .wrap {      position: relative;    display: flex;    align-items: center;    justify-content: space-between;  }
.sec_case .wrap .txt {    flex: none;  }
.sec_case .wrap h3 {    padding: 0;    font-weight: 400 !important; color: #fff; }
.sec_case .wrap h3 b {  font-size:35rem; font-weight:800; color: #fff;  display:block;}
.sec_case .wrap .list {    display: flex;    width: 70%;    justify-content: space-around;    gap: 20px;  }
.sec_case .wrap .list ul {    display: flex;    flex-direction: column;    gap: 36px;   }
.sec_case .wrap .list ul li {  color: #fff;   width: 100%;    display: flex;    align-items: center;    gap: 30px;    font-weight: 600;  }
.sec_case .wrap .list ul li span {    display: flex;    align-items: center;    justify-content: center;    width: 2.1em;    height: 2.1em;    background: var(--grn-sub);    border-radius: 100%;    flex: none;  }
.sec_case .wrap .list ul li span i { }

  @media all and (max-width: 1023px) {
    .sec_case {      padding: 52px 0;    }
    .sec_case::after {      right: -1%;      bottom: -14px;      width: 164px;      height: 106px;    }
    .sec_case .wrap {      flex-direction: column;      gap: 28px;      text-align: left;    }
    .sec_case .wrap .txt {      width: 100%;    }
    .sec_case .wrap h3 {      padding: 0;font-size:25rem;}
	.sec_case .wrap h3 b {  font-size:25rem;}
    .sec_case .wrap .list {      flex-direction: column;      width: 100%;      gap: 12px;    }
    .sec_case .wrap .list ul {      gap: 11px;    }
    .sec_case .wrap .list ul li {      font-size: 0.9em;      gap: 13px;    }
    .sec_case .wrap .list ul li span {      width: 1.65em;      height: 1.65em;    }
    .sec_case .wrap .list ul li span i {      line-height: 1.65em;    }
  }


.sec03{position:relative; padding:50rem 0; }
.sec03 .con{max-width:1400rem; margin:0 auto;text-align:center;}
.sec03 .txt {margin-bottom:30rem;}
.sec03 .tbl{}
.sec03 .tbl table{width:100%;}
.sec03 .tbl table *{vertical-align:middle;}
.sec03 .tbl table img{width:100%;}
.sec03 .tbl table th,
.sec03 .tbl table td{padding:32px 20px;border:1px solid #dddedf;text-align:center;}
.sec03 .tbl thead th{font-size:20rem;font-weight:700;color:#181d62;background:#d8e4f3;}
.sec03 .tbl tbody th{font-size:17rem;font-weight:600;color:#222;background:#e6e9ed;}
.sec03 .tbl td{background:#f3f5f8;}
.sec03 .tbl .imgs td{padding:0;}
.sec03 .tbl td img{width:420px;}
.sec03 table th.vs{background:#e6e9ed;font-weight:600;color:#222;}
.sec03 table th.nor{font-weight:600;background:#e4e7eb;color:#222;}
.sec03 table td.nor{background:#f7f7f7;}

@media all and (max-width: 1023px) {
    
    .sec03 i{top:45px;left:5.5%;}
    .sec03 i img{width:170px;}
    .sec03 .con{max-width:100%;}
    
    .sec03 .tbl table th,
    .sec03 .tbl table td{padding:12px 6px;line-height:140%;word-break:keep-all;}
    .sec03 .tbl tbody th{font-size:0.8em;}
    .sec03 .tbl table td b{font-size:1em;}
    .sec03 .tbl td{font-size:0.8em;}
}

@media all and (max-width: 600px) {
    .sec03 .tbl table th,
    .sec03 .tbl table td{padding:12px 6px;line-height:140%;word-break:keep-all;}
    .sec03 .tbl tbody th{font-size:12rem;}
	.sec03 .tbl thead th{font-size:13rem;}
    .sec03 .tbl td{font-size:13rem;}
}

.sec_caution{padding:100rem 0; }
.sec_caution .txt {margin-bottom:30rem;}
.sec_caution .con{display:flex;justify-content:center;gap:20rem; }
.sec_caution .con li{position:relative;padding-left:50px;padding-bottom:20px;line-height:170%;font-size:18rem; font-weight:400; letter-spacing:-.5px; }
.sec_caution .con li:last-child{padding-bottom:0;}
.sec_caution .con li i{position:absolute;top:0px;left:0;font-weight:600;color:#dfcfbe; }

@media all and (max-width: 1023px) {
    
    .sec_caution .con{display:block;}
    .sec_caution .con li{padding-bottom:20px;font-size:15rem;}
}

@media all and (max-width: 600px) {
    .sec_caution .con li{padding-left:40px; font-size:13rem;}
}

  .sec_process {    padding: 0;    overflow: hidden;  }
  .sec_process .con {  display: flex;    align-items: center;    justify-content: center;    flex-direction: column;    margin-bottom: 52px;  }
  .sec_process .con ul {  margin-top:30rem;    position: relative;    display: flex;    justify-content: space-between;    width: 100%;    max-width: 1200px;  }
  .sec_process .con > ul::after {    content: "";    width: 150vw;    height: 1px;    position: absolute;    left: -50vw;    top: 100px;    z-index: -1;    background: #061d54;    opacity: 0.3;  }
  .sec_process .con > ul > li {    display: flex;    align-items: center;    flex-direction: column;    gap: 15px;    width: 250px;  }
  .sec_process .con > ul > li img { box-shadow:3px 3px 10px rgba(0,0,0,0.05); border-radius:200rem; width:200rem; height:200rem; }
  .sec_process .con > ul > li h6 {text-align:center;     font-size: 22rem;    font-weight: 600;    color:#061d54;  }
  .sec_process .con > ul > li p {    font-size: 17rem;    font-weight: 400;  text-align:center;  }
  .sec_process .con > ul > li p b {    font-size: inherit;    font-weight: 700;    color: inherit;  }
  .sec_process .con > ul > li span {    color: #d5b45d;    font-size: 15rem;    font-weight: 600;  }
  .sec_process .con > ul > li:nth-of-type(3) ul {    justify-content: center;    gap: 10px;  }
  .sec_process .con > ul > li:nth-of-type(3) ul img {    width: 40px;  }
  .sec_process .mapw {    height: 450px;  }
  .sec_process .mapw .wrap_map,
  .sec_process .mapw .root_daum_roughmap {    width: 100% !important;    height: 100% !important;  }

@media all and (max-width: 1023px) {
    .sec_process .con {      padding: 0 20px;      margin-bottom: 35px;    }
    .sec_process .con > ul {      flex-direction: column;      align-items: center;      gap: 28px;    }
    .sec_process .con > ul::after {      display: none;    }
    .sec_process .con > ul > li {      gap: 17px;      width: 100%;    }
    .sec_process .con > ul > li h6 {      font-size: 20rem;    }
	.sec_process .con > ul > li p {    font-size: 15rem; }
}


.mart80 {margin-top:80rem;}

@media all and (max-width: 1200px) {
    .mart80 {margin-top:20rem;}
}



  .sec_proc {  }
  .sec_proc .con ul {  margin-top:30rem;  display: flex;    align-items: center;    gap: 10px;  }
  .sec_proc .con ul li {    width: calc((100% - 200px) / 4);   height:200rem; border-radius: 10px;    overflow: hidden;    border: 1px solid #061d54;  }
  .sec_proc .con ul li.arrow {    display: flex;    align-items: center;    justify-content: center;    width: 30rem;    height: 30rem;     border:0;   background: none;  }
  .sec_proc .con ul li.arrow i {    color: #fff;  }
  .sec_proc .con ul li span {    display: block;   font-size:17rem; width: 100%;    height: 60px;    line-height: 60px;    font-weight: 700;    padding: 0 20px;    color: #fff;    background: #061d54;  }
  .sec_proc .con ul li > div {    padding: 25px;    display: flex;    align-items: center;    gap: 20px;    background: #fff;  }
  .sec_proc .con ul li p {    font-size: 16rem;  }

@media all and (max-width: 1660px) {
    .sec_proc .con ul {   display:grid;grid-template-columns: repeat(4, 1fr);   gap: 10px 20px;    }
    .sec_proc .con ul li {      width:100%;  height:170rem;   }
	.sec_proc .con ul li.arrow { display:none;  }
}

@media all and (max-width: 1023px) {
    .sec_proc .con ul {   display:grid;grid-template-columns: repeat(2, 1fr);   gap: 10px 20px;    }
	.sec_proc .con ul li {    height:140rem;   }
	.sec_proc .con ul li span {      height: 35px;      line-height: 35px;      padding: 0 15px;      font-size: 0.9em;    }
    .sec_proc .con ul li > div {      padding: 20px 15px;      gap: 15px;    }
    .sec_proc .con ul li img {      width: 50px;    }
    .sec_proc .con ul li p {      font-size: 15rem;    }
}

@media all and (max-width: 600px) {
    .sec_proc .con ul li {    height:120rem;   }
	.sec_proc .con ul li p {      font-size: 13rem;    }
}

.sec_info{margin-top:50rem; }
.sec_info .tt{padding-bottom:50px;}
.sec_info .con{display:flex;justify-content:center;gap:40px;}
.sec_info .con .item{width:200px;padding:30px;border-radius:10px;text-align:center;background:#f0f3f9;}
.sec_info .con .item dt{padding-bottom:20px;border-bottom:1px solid #d8d8d8;}
.sec_info .con .item dt img{display:block;width:60px;margin:0 auto 14px;}
.sec_info .con .item dt span{font-size:20rem; font-weight:400; }
.sec_info .con .item dd{padding-top:20px;font-size:18rem;font-weight:600;}
.sec_info .guide{padding-top:50px;font-size:18px;text-align:center;opacity:0.5;}

@media all and (max-width: 1023px) {
    .sec_info{margin-top:0rem; margin-bottom:50rem; }
    .sec_info .tt{padding-bottom:30px;}
    .sec_info .con{flex-wrap:wrap;gap:10px;max-width:400px;margin:0 auto;}
    .sec_info .con .item{width:100px;padding:16px 12px;border-radius:5px;}
    .sec_info .con .item dt{padding-bottom:12px;}
    .sec_info .con .item dt img{width:34px;margin:0 auto 10px;}
    .sec_info .con .item dt span{font-size:13rem;}
    .sec_info .con .item dd{padding-top:12px;font-size:13rem;}
    .sec_info .guide{padding-top:30px;font-size:14px;}
}



  .sec_map .wrap .map_box {    margin: 32px 0 80px;    width: 100%;    height: 440px;    border-radius: 20px;    overflow: hidden;  }
  .sec_map .wrap .map_box .root_daum_roughmap,
  .sec_map .root_daum_roughmap .wrap_map {    width: 100% !important;    height: 100% !important;  }
  .sec_map .wrap .map_box .wrap_controllers {    display: none;  }
  .sec_map .wrap .adr {    display: flex;    justify-content: space-between;    align-items: center;    gap: 20px;  }
  .sec_map .wrap .adr dl dt {  word-break: keep-all;  font-size: 1.7em;    font-weight: 600;  }
  .sec_map .wrap .adr dl dd {    font-size: 1.7em;    font-weight: 600;    color: #061d54;    margin-top: 18px;  }
  .sec_map .wrap .adr a {    display: flex;    align-items: center;    justify-content: space-between;    flex-shrink: 0;    width: 360px;   padding: 20rem 30rem;    border: 1px solid #222;    border-radius: 100rem;    text-decoration: none;    font-weight: 600;    font-size: 1.1em;  }
  .sec_map .wrap .tell {    display: flex;    gap: 100px;    border: 1px solid #dee0e2;    border-width: 1px 0px;    padding: 45px 0;    margin: 60px 0;  }
  .sec_map .wrap .tell > div {    display: flex;    align-items: flex-start;    gap: 30px;    width: 50%;  }
  .sec_map .wrap .tell b {    display: flex;    align-items: center;    justify-content: center;    width: 150px;    height: 50px;    background: #061d54;    color: #fff;    font-weight: 600;    border-radius: 25px;  }
  .sec_map .wrap .tell strong {    font-size: 2.2em;    font-weight: 600;  }
  .sec_map .wrap .tell ul li {    display: flex;    align-items: center;    gap: 30px; margin-bottom:10rem; }
  .sec_map .wrap .tell ul li span {    display: block;    min-width: 145px;    font-weight: 600;  }
  .sec_map .wrap .tell ul li span i {background:#f6800e; color:#fff; border-radius:50rem; padding:0rem 10rem; display:inline-block; margin-left:5rem; font-style:normal; font-size:15rem; }
  .sec_map .wrap .tell ul li p {    font-size: 20rem;    font-weight: 600;    line-height: 150%;  }
    .sec_map .wrap .tell ul li p.small {font-size:15rem; color:#696969;}
  .sec_map .wrap .pt {    display: flex;    gap: 100px;  }
  .sec_map .wrap .pt li {    display: flex;    align-items: center;    gap: 30px;    width: 50%;  }
  .sec_map .wrap .pt li .icon_box {    display: flex;    align-items: center;    justify-content: center;    flex-direction: column;    gap: 20px;    width: 140px;    height: 140px;    background: #ebf4ff;    border-radius: 20px;  }
  .sec_map .wrap .pt li .icon_box img {    width: 45px;  }
  .sec_map .wrap .pt li .icon_box em {    font-size: 0.85em;    font-weight: 600;    color: #061d54;  }
  .sec_map .wrap .pt li div > b {    display: flex;    gap: 18px;    margin-bottom: 20px;    align-items: center;    padding: 0 8px;    background: #f3f3f3;    width: 142px;    height: 50px;    border-radius: 25px;    font-weight: 600;  }
  .sec_map .wrap .pt li.bus div > b span {    display: flex;    align-items: center;    justify-content: center;    width: 35px;    height: 35px;    border-radius: 100%;    font-weight: 600;    color: #fff;    background: #0958a6;  }
  .sec_map .wrap .pt li.car div > b {    display: flex;    align-items: center;    justify-content: center;    width: 150px;    height: 50px;    background: #061d54;    color: #fff;    font-weight: 600;    border-radius: 25px;  }
  
  @media all and (max-width: 1382px) {
    .sec_map .wrap .tell {      flex-direction: column;      gap: 20px;    }
    .sec_map .wrap .tell > div {      width: 100%;    }
    .sec_map .wrap .pt {      flex-direction: column;      gap: 28px;    }
    .sec_map .wrap .pt li {      width: 100%;    }
  }
  @media all and (max-width: 1023px) {
    .sec_map .wrap .map_box {      margin: 8px 0 28px;      height: 210px;      border-radius: 10px;    }
    .sec_map .wrap .adr {      flex-direction: column;      align-items: flex-start;      gap: 18px;    }
    .sec_map .wrap .adr dl dt {      font-size: 18rem;    }
    .sec_map .wrap .adr dl dd {      font-size: 1.2em;      margin-top: 8px;    }
    .sec_map .wrap .adr a {      width: 200rem;   padding:5rem 20rem;    font-size: 0.85em;    }
	.sec_map .wrap .adr a i img {width:20rem;}
    .sec_map .wrap .tell {      padding: 28px 0;      margin: 28px 0;    }
    .sec_map .wrap .tell > div {      gap: 14px;    }
    .sec_map .wrap .tell b {      width: 80px;      height: 30px;    font-size: 14rem;    }
    .sec_map .wrap .tell strong {      font-size: 22rem;    }
    .sec_map .wrap .tell ul {      margin-top: 0px;    }
    .sec_map .wrap .tell ul li {      gap: 12px;    }
    .sec_map .wrap .tell ul li span {      min-width: 130px;      font-size: 15rem;    }
	.sec_map .wrap .tell ul li span i { font-size:12rem;   }
    .sec_map .wrap .tell ul li p {      font-size: 14rem;    }
	.sec_map .wrap .tell ul li p.small {font-size:13rem;}
    .sec_map .wrap .pt li {      gap: 20px;    }
    .sec_map .wrap .pt li .icon_box {      gap: 10px;      width: 95px;      height: 95px;      border-radius: 10px;      flex: none;    }
    .sec_map .wrap .pt li .icon_box img {      width: 30px;    }
	  .sec_map .wrap .pt li div > b {      margin-bottom: 10px;      padding: 0 4px;      width: 80px;      height: 30px;      border-radius: 15px;      gap: 9px;    }
    .sec_map .wrap .pt li.bus div > b span {      width: 18px;      height: 18px;      font-size: 0.8em;    }
    .sec_map .wrap .pt li div p,
    .sec_map .wrap .pt li div p b {      font-size: 0.85em;    }
    .sec_map .wrap .pt li.car div > b {      width: 80px;      height: 30px;      border-radius: 15px;      font-size: 0.85em;    }
  }

@media all and (max-width: 600px) {
    .sec_map .wrap .map_box {      margin: 8px 0 28px;      height: 210px;      border-radius: 10px;    }
    .sec_map .wrap .adr {      flex-direction: column;      align-items: flex-start;      gap: 18px;    }
    .sec_map .wrap .adr dl dt {      font-size: 18rem;    }
    .sec_map .wrap .adr dl dd {      font-size: 1.2em;      margin-top: 8px;    }
    .sec_map .wrap .adr a {      width: 200rem;   padding:5rem 20rem;    font-size: 0.85em;    }
	.sec_map .wrap .adr a i img {width:20rem;}
    .sec_map .wrap .tell {      padding: 28px 0;      margin: 28px 0;    }
    .sec_map .wrap .tell > div {      gap: 14px;    }
    .sec_map .wrap .tell b {      width: 75px;      height: 30px;    font-size: 13rem;    }
    .sec_map .wrap .tell strong {      font-size: 22rem;    }
    .sec_map .wrap .tell ul {      margin-top: 0px;    }
    .sec_map .wrap .tell ul li {      gap: 12px;   }
    .sec_map .wrap .tell ul li span {      min-width: 90px;      font-size: 12rem;  letter-spacing:-1px;   }
	.sec_map .wrap .tell ul li span i { padding:0rem 5rem;  font-size:11rem;   }
    .sec_map .wrap .tell ul li p {      font-size: 12rem;    }
	.sec_map .wrap .tell ul li p.small {font-size:11rem;}

  }

.sec_dr{margin:50rem 0; }
.sec_dr .item{position:relative;}
.sec_dr .item:before{content:'';position:absolute;top:430px;left:0;display:block;width:42%;max-width:900px;height:210px;border-radius:0 0 20px 0;background:#d5b45d;}
.sec_dr .item + .item{margin-top:150px;}
.sec_dr .item .wrap{position:relative;z-index:1;display:flex;gap:5vw;}
.sec_dr .item .txt dl{display:flex;align-items:flex-end;gap:20px;padding-top:30px;}
.sec_dr .item .txt dt{font-size:35rem;font-weight:800;letter-spacing:-1px;}
.sec_dr .item .txt dt span {font-size:17rem; font-weight:800;}
.sec_dr .item .txt dt i {font-size:20rem; font-weight:700; font-style:normal;}
.sec_dr .item .txt dd{font-weight:700;letter-spacing:-1px;}
.sec_dr .item .txt dd span {background:#061d54; color:#fff; border-radius:50rem; font-size:17rem; font-weight:600; padding:5rem 10rem; display:inline-block; margin-left:10rem; }
.sec_dr .item .txt ul{padding-top:30px;}
.sec_dr .item .txt li{position:relative;padding-left:12px;padding-bottom:12px;line-height:140%;font-weight:300;}
.sec_dr .item .txt li:before{content:'';position:absolute;top:12px;left:0;display:block;width:2px;height:2px;border-radius:50%;background:#444;}
.sec_dr .item .txt li.last {margin-bottom:20rem;}

@media all and (max-width: 1200px) {
    
    .sec_dr .item:before{display:none;}
    .sec_dr .item + .item{margin-top:100px;}
    .sec_dr .item .wrap{display:block;}
    .sec_dr .item .pic{position:relative;}
    .sec_dr .item .pic:before{content:'';position:absolute;bottom:-40px;left:0;display:block;width:100%;height:120px;background:#d5b45d;}
    .sec_dr .item .pic img{position:relative;z-index:1;display:block;width:80%;max-width:450px;margin:0 auto;}
    .sec_dr .item .txt{padding-top:70px;}
}
@media all and (max-width: 1023px) {
    .sec_dr .item .txt{padding:70px 20px 0;}
    .sec_dr .item .txt h6{font-size:1.8em;}
    .sec_dr .item .txt dl{gap:10px;}
    .sec_dr .item .txt dt{font-size:25rem;  }
	.sec_dr .item .txt dt span {font-size:15rem;}
	.sec_dr .item .txt dd {font-size:17rem; }
	.sec_dr .item .txt dd span {font-size:15rem;  }
    .sec_dr .item .txt ul{padding-top:20px;}
    .sec_dr .item .txt li{padding-left:8px;font-size:16rem;}
    .sec_dr .item .txt li:before{top:8px;}
}

@media all and (max-width: 600px) {
    .sec_dr .item .txt dl{align-items: flex-start; flex-direction:column;}
	.sec_dr .item .txt dt{font-size:18rem;  }
	.sec_dr .item .txt dt span {font-size:13rem; margin-left:0rem;}
	.sec_dr .item .txt dt i {font-size:15rem;}
	.sec_dr .item .txt dd {font-size:15rem; }
	.sec_dr .item .txt dd span {font-size:10rem;  }
    .sec_dr .item .txt ul{padding-top:20px;}
    .sec_dr .item .txt li{padding-left:8px;font-size:13rem;}
    .sec_dr .item .txt li:before{top:8px;}
}

.sub_txt{padding:50rem 10rem; text-align:center;background:url(../img/sub/txt_bg.jpg) no-repeat center top/cover;  }
.sub_txt .con > img{display:block;width:110px;margin:0 auto;}
.sub_txt i img {width:70rem;}
.sub_txt h4{font-size:26rem;font-weight:600; letter-spacing:-.5px; margin-top:20rem; margin-bottom:5rem;}
.sub_txt p{word-break: auto-phrase; font-size:20rem; letter-spacing:-.5px; }
.sub_txt .pic{padding-top:50px;}
.sub_txt .pic img{display:block;width:60%;max-width:501px;margin:0 auto;}

@media all and (max-width: 1024px) {
    
    .sub_txt .con > img{width:70px;}
	.sub_txt i img {width:50rem;}
    .sub_txt h4{font-size:15rem; margin-bottom:15rem; }
    .sub_txt p{font-size:13rem;}
}




.accordion {margin-bottom:50rem;  padding: 12rem 0;  border-radius: 1rem;  background: white;/*   box-shadow: 0 0 5rem lightgrey; */}

.accordion__heading {  margin-bottom: 10rem;  padding: 0 14rem;}

.accordion__item:not(:last-child) {  border-bottom: 1px solid lightgrey;}

.accordion__btn {  display: flex;  justify-content: space-between;  align-items: center;  width: 100%;  padding: 12rem 14rem;  background: white;  border: none;  outline: none;  color: var(--color-text);  font-size: 12rem;  text-align: left;  cursor: pointer;  transition: 0.1s;}
.accordion__btn:hover {  color: #061d54;  background: #f6f8fb;}
.accordion__btn .q {width:20rem; font-size:20rem; font-style:normal; float:left; margin-right:20rem; }
.accordion__item--active .accordion__btn {  color: #061d54;  border-bottom: 2px solid #061d54;  background: #f6f8fb;}
.accordion__caption {font-size:17rem; font-weight:600; }

.fa-lightbulb {  padding-right: 10rem;}
.accordion__icon {  border-radius: 50%;  transform: rotate(0deg);  transition: 0.3s ease-in-out;  opacity: 0.9;}
.accordion__item--active .accordion__icon {  transform: rotate(135deg);}

.accordion__content {  font-weight: 300;  max-height: 0;  opacity: 0;  overflow: hidden;   transform: translateX(16px);  transition: max-height 0.5s ease, opacity 0.5s, transform 0.5s;}
.accordion__content p {  font-size:16rem; font-weight:500; padding:30rem 20rem; }

.accordion__item--active .accordion__content {  opacity: 1;  transform: translateX(0px);  max-height: 100vh;}


@media all and (max-width: 1023px) {
    .accordion__caption {font-size:16rem;}
	.accordion__content p { font-size:14rem; padding:30rem 20rem; }
}

@media all and (max-width: 600px) {
    .accordion__caption {font-size:13rem;}
	.accordion__content p { font-size:12rem; padding:30rem 20rem; }
}