@charset "utf-8";


/* root */
:root{
	--c-01:#1c2d63;
}

/* common */
.container_title {position:relative; text-align:center;font-size:40rem;line-height:1;letter-spacing:-1.5px;font-weight:600;padding-bottom:30rem;margin:5rem 0 60rem 0;color:#262626;}

.tit01 { position: relative; padding-top:20rem; margin: 0 0 40rem;font-size:30rem;font-weight: 600;color: #222;line-height: 1; text-align:center; } 
.tit01:before {content: ""; display:block; margin:10rem auto; width:44rem; height:44rem; background:url("../img/sub/symbol.png") center top no-repeat; background-size:100%;}
.tit02 { display:inline-block; position: relative;margin: 0rem 0 20rem; padding:10rem 40rem; font-size:18rem; background:#29803a; border-radius:50rem;  font-weight: 600;color:#fff;line-height: 1;} 

.subtable { width:100%; margin:20rem 0;border-top:1px solid #333; }
.subtable thead th{word-break: keep-all;background:#244f86; padding:15rem 5rem; border-left:1rem solid #ddd;  border-right:1rem solid #ddd; border-bottom:1rem solid #ddd; color:#fff; font-weight:600;}
.subtable tbody th {word-break: keep-all;text-align:center; background:#f5f5f5; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable tbody td {word-break: keep-all;font-size:16rem; border-bottom:1px solid #f7f7f7; padding:13rem 5rem; background:#fff; line-height:1.5; color:#35363a; text-align:center; font-weight:400; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td:nth-child(1) {font-weight:600; width:150rem; }
.subtable tbody td.t_left{text-align:left;}

.subtable2 thead th{word-break: keep-all;background:#244f86; padding:15rem 5rem; border-left:1rem solid #ddd;  border-right:1rem solid #ddd; border-bottom:1rem solid #ddd; color:#fff; font-weight:600;}
.subtable2 tbody th {word-break: keep-all;text-align:center; background:#f5f5f5; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable2 tbody td {word-break: keep-all;font-size:16rem; border-bottom:1px solid #f7f7f7; padding:13rem 5rem; background:#fff; line-height:1.5; color:#35363a; text-align:center; font-weight:400; letter-spacing:-0.03em; border:1px solid #ddd;}

.subtable3 thead th{word-break: keep-all;background:#244f86; padding:10rem 5rem; border-left:1rem solid #ddd;  border-right:1rem solid #ddd; border-bottom:1rem solid #ddd; color:#fff; font-weight:600;}
.subtable3 tbody th {width:25%; word-break: keep-all;text-align:center; background:#f5f5f5; color:#333;  font-weight:500; padding:10rem 0; width:20%; border:1px solid #ddd;}
.subtable3 tbody td {word-break: keep-all;font-size:16rem; border-bottom:1px solid #f7f7f7; padding:13rem 5rem; background:#fff; line-height:1.5; color:#35363a; text-align:center; font-weight:400; letter-spacing:-0.03em; border:1px solid #ddd;}

.subtable4 {margin-top:10rem;}
.subtable4 th{word-break: keep-all;background:#244f86; padding:10rem 5rem; border-left:1rem solid #ddd;  border-right:1rem solid #ddd; border-bottom:1rem solid #ddd; color:#fff; font-weight:600;}
.subtable4 th {word-break: keep-all;text-align:center; background:#f0f5f7; color:#333;  font-weight:500; padding:10rem 0;  border:1px solid #ddd;}
.subtable4 td {word-break: keep-all;font-size:16rem; border-bottom:1px solid #f7f7f7; padding:13rem 5rem; background:#fff; line-height:1.5; color:#35363a; text-align:center; font-weight:400; letter-spacing:-0.03em; border:1px solid #ddd;}

.subtable4_2 {width:29%; margin-top:10rem;}
.subtable4_2 th{word-break: keep-all;background:#244f86; padding:10rem 5rem; border-left:1rem solid #ddd;  border-right:1rem solid #ddd; border-bottom:1rem solid #ddd; color:#fff; font-weight:600;}
.subtable4_2 th {word-break: keep-all;text-align:center; background:#f0f5f7; color:#333;  font-weight:500; padding:10rem 0;  border:1px solid #ddd;}
.subtable4_2 td {word-break: keep-all;font-size:16rem; border-bottom:1px solid #f7f7f7; padding:13rem 5rem; background:#fff; line-height:1.5; color:#35363a; text-align:center; font-weight:400; letter-spacing:-0.03em; border:1px solid #ddd;}

.subtable4_3 {width:14%; margin-top:10rem;}
.subtable4_3 th{word-break: keep-all;background:#244f86; padding:10rem 5rem; border-left:1rem solid #ddd;  border-right:1rem solid #ddd; border-bottom:1rem solid #ddd; color:#fff; font-weight:600;}
.subtable4_3 td {word-break: keep-all;font-size:16rem; border-bottom:1px solid #f7f7f7; padding:13rem 5rem; background:#fff; line-height:1.5; color:#35363a; text-align:center; font-weight:400; letter-spacing:-0.03em; border:1px solid #ddd;}


.subtable4_4 {width:14%; margin-top:10rem;}
.subtable4_4 th{word-break: keep-all;background:#f0f5f7; padding:10rem 5rem; border:1rem solid #ddd; color:#333; font-weight:600;}
.subtable4_4 td {word-break: keep-all;font-size:16rem; border-bottom:1px solid #f7f7f7; padding:13rem 5rem; background:#fff; line-height:1.5; color:#35363a; text-align:center; font-weight:400; letter-spacing:-0.03em; border:1px solid #ddd;}

.subtable5 {margin-top:10rem;}
.subtable5 thead th{word-break: keep-all;background:#244f86; padding:15rem 5rem; border-left:1rem solid #ddd;  border-right:1rem solid #ddd; border-bottom:1rem solid #ddd; color:#fff; font-weight:600;}
.subtable5 tbody th {word-break: keep-all;text-align:center; background:#f5f5f5; color:#333;  font-weight:500; padding:15rem 0; border:1px solid #ddd; }
.subtable5 tbody td {width:25%; word-break: keep-all;font-size:16rem; border-bottom:1px solid #f7f7f7; padding:10rem 45rem; background:#fff; line-height:1.5; color:#35363a; text-align:left; font-weight:400; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable5 tbody td.right {text-align:right;}

#contents {overflow: hidden;position:relative;padding: 30rem 0 50rem;}
#contents p {line-height:1.5;word-break:keep-all;}

/* 서브비주얼 */
#sub_visual{margin-top:100rem; position:relative;height:300rem;background-color:#000;background-size:cover;background-position:60%;text-align:center;display: flex;align-items: center;}
#sub_visual h2{font-weight:600; font-size:45rem; color:#fff; animation:up .5s .2s forwards;}
#sub_visual p{color:#fff; font-weight:100; position:relative;line-height:1;font-size:15rem;letter-spacing:1px; padding-top: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;}
#snb {position:relative;width:100%;  z-index:10; height:100rem; }

.left_snb{ padding:18rem 50rem 20rem; width:1400rem; margin:0 auto;height:80rem; text-align:center; border-radius: 0 0 60rem 60rem;}
.left_snb h3 {float:left; font-size:20rem; font-weight:800; color:#333; padding-top:17rem; margin-right:30rem;}
.left_snb h3:after {content: ""; position:absolute; width:1rem; height:15rem; background:#e5e5e5; text-align:left; margin-left:25rem; margin-top:7rem;}
.left_snb ul {}
.left_snb li {display:inline-block; }
.left_snb li:first-child a:after{display:none;}
.left_snb li a{padding:16rem 25rem;font-size:18rem;color:#575757;font-weight:normal;text-align:center;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;}
.left_snb li a:after{width:5rem;height:5rem;background:#e0e0e0;position:absolute;top:49%;left:0; border-radius:10rem; display:block;content:"";-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.left_snb li.on a { color:#000000; }


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


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

	.container_title {font-size:25rem; padding-bottom:0rem;}

}

@media (max-width:540px) {
	body {font-size:14rem}

	#sub_visual{height:180rem}
	#sub_visual h2{font-size:20rem}

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit01:before {width:42rem; height:40rem;}
	.tit01::after {left: 51%;} 
	.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:3rem; font-size:11rem;}
	.subtable tbody td:nth-child(1) { width:60rem; }
	.subtable tbody td:nth-child(4) { width:70rem; }

	.subtable2 thead th,
	.subtable2 tbody td,
	.subtable2 tbody th{line-height:1.5; padding:5rem 0.5rem; font-size:11rem;}

	.subtable3 thead th,
	.subtable3 tbody td,
	.subtable3 tbody th{line-height:1.5; padding:5rem 0.5rem; font-size:11rem;}

	.subtable4 th,
	.subtable4 td {line-height:1.5; padding:5rem 0.5rem; font-size:11rem;}

	.subtable4_2 {width:50%;}
	.subtable4_2 th,
	.subtable4_2 td {line-height:1.5; padding:5rem 0.5rem; font-size:11rem;}

	.subtable4_3 {width:33%;}
	.subtable4_3 th,
	.subtable4_3 td {line-height:1.5; padding:5rem 0.5rem; font-size:11rem;}

	.subtable4_4 {width:25%;}
	.subtable4_4 th,
	.subtable4_4 td {line-height:1.5; padding:5rem 0.5rem; font-size:11rem;}

	.subtable5 thead th,
	.subtable5 tbody td,
	.subtable5 tbody th{line-height:1.5; padding:5rem 10rem; font-size:11rem;}

	#contents{padding:0rem 0 0}

}

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

.inner { position:relative; z-index:2; max-width:1500px; margin:0 auto; }

.introduction-cont3 {position:relative; }
.introduction-cont3 .inner { display:flex; flex-wrap:wrap;}
.introduction-cont3 .imgbox { position:relative;width:713rem; margin-left:20rem; }
.introduction-cont3 .imgbox i {position:absolute; right:-8%; transform:translateX(0%); bottom:310rem; color:#f8f5ee; z-index:5; font-style:normal; font-family: 'BookkMyungjo-Bd'; font-size:120rem;}
.introduction-cont3 .txtbox { position:relative; z-index:5; width:calc(100% - 733rem); }
.introduction-cont3 .txtbox dt { font-size:50px; font-weight:600; color:#222; line-height:1.3 }
.introduction-cont3 .txtbox dd { padding-top:20px; }
.introduction-cont3 .txtbox dd .txt { margin-top:20px; font-size:17rem; font-weight:400; color:#212121; line-height:1.8; letter-spacing:-.5px;}

@media screen and (max-width:1400px){
	.introduction-cont3 .imgbox { width:43%;}
	.introduction-cont3 .imgbox img { width:100%;}
	.introduction-cont3 .imgbox i {right:-8%; bottom:430rem; }
	.introduction-cont3 .txtbox { width:50%;}
	.introduction-cont3 .txtbox dt { font-size:36px; }
	.introduction-cont3 .txtbox dd { padding-top:15px; }
}


@media screen and (max-width:1023px){
	.introduction-cont3 .imgbox { width:100%; max-width:520px; margin:0 auto; }
	.introduction-cont3 .imgbox img { margin:0 auto}
	.introduction-cont3 .imgbox i {position:absolute; right:0%; transform:translateX(0%); bottom:-40rem; font-size:60rem;}
	.introduction-cont3 { margin-top:80px; }
	.introduction-cont3 .inner { flex-direction:column-reverse; }
	.introduction-cont3 .txtbox { width:100%; padding:20rem; }
	.introduction-cont3 .txtbox dt { font-size:26px; }
	.introduction-cont3 .txtbox dd .txt {font-size:16rem; }
}


#subContents {position:relative;}
.history {margin-bottom:100rem;}
.history .box .flexBox {  -webkit-box-pack: justify;      -ms-flex-pack: justify;          justify-content: space-between;  font-family: 'Pretendard', sans-serif;}
.history .box .flexBox *, .history .box .flexBox {  letter-spacing: -0.025em;  font-family: 'Pretendard', sans-serif;}

.history .box .flexBox .titleBox {  position: relative;   -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);  overflow: hidden; }
.history .box .flexBox .titleBox ul {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;  gap: 50rem 0;  margin: 230rem 0 0;  position: relative;}
.history .box .flexBox .titleBox ul::before {  content: "";  display: block;  width: 1px;  height: 230rem;  background: #dddddd;  position: absolute;  top: 42%;  -webkit-transform: translateY(-50%);          transform: translateY(-50%);  left: 3px;}
.history .box .flexBox .titleBox ul li button {  color: #aaaaaa;  font-size: 17rem;  font-weight: 500;  position: relative;  padding: 0 0 0 15rem;  -webkit-transition: all 0.4s;  transition: all 0.4s;}
.history .box .flexBox .titleBox ul li button::before {  content: "";  display: block;  width: 7px;  height: 7px;  background: #dddddd;  position: absolute;  top: 50%;  -webkit-transform: translateY(-50%);          transform: translateY(-50%);  left: 0;  -webkit-transition: all 0.4s;  transition: all 0.4s;}
.history .box .flexBox .titleBox ul li.on button, .history .box .flexBox .titleBox ul li:hover button {  color: #000000;  font-weight: 700;}
.history .box .flexBox .titleBox ul li.on button::before, .history .box .flexBox .titleBox ul li:hover button::before {  background-image: -webkit-linear-gradient(315deg, #3179ce, #3179ce);}

.history .box .flexBox .contents {  width: 56.65%;  padding: 50rem 0 0;  margin: 0 0 0 auto;}
.history .box .flexBox .contents .listBox {padding-top:50rem;}
.history .box .flexBox .contents .listBox h3 {  color: #000000;  font-size: 44rem;  font-weight: 800;}
.history .box .flexBox .contents .listBox .list {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;  gap: 40rem 0;  margin: 40rem 0 0;}
.history .box .flexBox .contents .listBox .list dl dt {  color: #333333;  font-weight: 800; font-size:25rem;  margin: 0 0 20rem;}
.history .box .flexBox .contents .listBox .list dl dt.line {  gap: 0 20px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;      -ms-flex-direction: row;          flex-direction: row;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center;}
.history .box .flexBox .contents .listBox .list dl dt.line::after {  content: "";  display: block;  width: 100%;  height: 1px;  background: #aaaaaa;}
.history .box .flexBox .contents .listBox .list dl dd {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;  gap: 22px 0;}
.history .box .flexBox .contents .listBox .list dl dd > div {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 0 40rem;}
.history .box .flexBox .contents .listBox .list dl dd > div span {  display: block;  width: 20px;  color: #3179ce;  font-size: 17rem;  font-weight: 700;}
.history .box .flexBox .contents .listBox .list dl dd > div div {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;  gap: 12px 0;}
.history .box .flexBox .contents .listBox .list dl dd > div div p {  font-size: 17rem;}
.history .box .flexBox .contents .listBox:not(:first-child) {  margin: 50rem 0 0;}

/*
@media (max-width: 1720px) {
  .history .box .flexBox .titleBox ul {    margin: 120px 0 0;  }
  .history .box .flexBox .contents {    width: 66%;  }
}
*/

@media (max-width: 1200px) {

  .history .box .flexBox {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;        -ms-flex-direction: column;            flex-direction: column;  }
  .history .box .flexBox .titleBox {    top: auto;  }
  .history .box .flexBox .titleBox ul {    -webkit-box-orient: horizontal;    -webkit-box-direction: normal;        -ms-flex-direction: row;            flex-direction: row;    gap: 0 20rem;    margin: 40px 0 20px;  }
  .history .box .flexBox .titleBox ul::before {    display: none;  }
  .history .box .flexBox .titleBox ul li button::before {    left: 0;  }
  .history .box .flexBox .contents {    width: 100%;    margin: 0;  }
  .history .box .flexBox .contents .listBox .list {    gap: 40px 0;    margin: 30px 0 0;  }
  .history .box .flexBox .contents .listBox:not(:first-child) {    margin: 60px 0 0;  }
}

@media (max-width: 768px) {

  .history .box .flexBox .titleBox ul {    margin: 40px 0 0;  }
  .history .box .flexBox .titleBox ul li button {  font-size: 15rem; padding: 0 0 0 0rem; }
  .history .box .flexBox .titleBox ul li button::before { width: 5rem;  height: 5rem; }
  .history .box .flexBox .contents .listBox h3 {    font-size: 30rem;  }
  .history .box .flexBox .contents .listBox .list dl dd {    gap: 16px 0;  }
}


.company-about .listbox { margin-bottom:70rem; }
.company-about .listbox li { position:relative; display:flex; align-items:center; }
.company-about .listbox li:nth-child(2n) { flex-direction:row-reverse; }
.company-about .listbox li > div { width:50%; }
.company-about .listbox li .imgbox { position:relative;  }
.company-about .listbox li .imgbox:after { content: ""; display:block; padding-bottom:66.6%; }
.company-about .listbox li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.company-about .listbox li .txtbox { padding:0 50px 0 114px; }
.company-about .listbox li:nth-child(2n) .txtbox { padding:0 50px 0 85px; }
.company-about .listbox li .txtbox dt { position:relative; font-size:25rem; font-weight:800; color:#333; padding-top:18px; }
.company-about .listbox li .txtbox dt > span { position:absolute; left:-32px; top:-18px; font-family: 'Cormorant Garamond', serif; font-size:30px; font-weight:600; color:#182e69; }
.company-about .listbox li .txtbox dd { padding-top:40px; font-size:18px; font-weight:300; color:#666; line-height:1.5; letter-spacing:-0.02em; }
.company-about .listbox li .txtbox dd > p { font-size:25px; font-weight:500; color:#333; padding-bottom:20px; }


@media screen and (max-width:1440px){
	.company-about .listbox li .txtbox { padding:0 50px 0 85px; }
	.company-about .listbox li:nth-child(2n) .txtbox { padding:0 50px 0 45px; }
	.company-about .listbox li .txtbox dd br { display:none; }
	.company-about .listbox li .txtbox dd .m_br { display:block; margin-top:18px; }
}
@media screen and (max-width:1280px){
	.company-about .listbox li .txtbox { padding:0 30px 0 60px; }
	.company-about .listbox li:nth-child(2n) .txtbox { padding:0 30px 0 30px; }
	.company-about .listbox li .txtbox dt { font-size:17px; padding-top:14px; }
	.company-about .listbox li .txtbox dt strong { font-size:35px; }
	.company-about .listbox li .txtbox dt > span { left:-32px; top:-14px; font-size:26px; }
	.company-about .listbox li .txtbox dd { padding-top:28px; font-size:17px; }
	.company-about .listbox li .txtbox dd > p { font-size:22px; padding-bottom:12px; }
	.company-about .listbox li .txtbox dd .m_br {  margin-top:15px; }
}
@media screen and (max-width:1024px){
	.company-about .listbox li { margin-top:50px; }
	.company-about .listbox li,
	.company-about .listbox li:nth-child(2n) { flex-direction: column; }
	.company-about .listbox li > div { width:100%; }
	.company-about .listbox li .imgbox { max-width:500px; margin:0 auto; }
	.company-about .listbox li .txtbox,
	.company-about .listbox li:nth-child(2n) .txtbox { padding:30px 30px 0 60px; }
	.company-about .listbox li .txtbox dt { font-size:16px; padding-top:10px; }
	.company-about .listbox li .txtbox dt strong { font-size:28px; }
	.company-about .listbox li .txtbox dt > span { left:-25px; top:-10px; font-size:20px; }
	.company-about .listbox li .txtbox dd { padding-top:28px; font-size:16px; }
	.company-about .listbox li .txtbox dd > p { font-size:18px; padding-bottom:12px; }
}
@media screen and (max-width:640px){
	.company-about .listbox li .txtbox,
	.company-about .listbox li:nth-child(2n) .txtbox { padding:30px 10px 0 25px;}
}


.school_song {padding-top:50rem; text-align:center;}
.school_song .txtbox {margin-bottom:50rem;}
.school_song dd {display:inline-block;}

.button {  width: 200rem;  height: 45rem;  font-size: 16rem;  text-transform: uppercase;  font-weight: 500;  color: #fff;  background-color: #244f86;  border: none;  border-radius: 45px;  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);  transition: all 0.3s ease 0s;  cursor: pointer;  outline: none;  }

.button:hover {  background-color: #fff;  box-shadow: 0px 15px 20px rgba(49, 121, 206, 0.4);  color: #000;  transform: translateY(-7px);}

@media screen and (max-width:640px){
	.button {  width: 100rem; height: 40rem; font-size: 14rem; }
}

.natural__list{display:grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(1, 1fr);gap:20px;margin-top:50rem;}
.natural__item{display:flex;align-items:center;flex-direction:column;min-height:260rem;padding:40rem 20rem;border:1px solid #eee;}
.natural__list h5 {color:#003d8b; font-weight:800;text-align: center; font-size:25rem; line-height: 1.4; margin-bottom:20rem;}
.natural__list p {font-weight:400;text-align: center; font-size:16rem; line-height: 1.4;}

@media(max-width:640px){
	.natural__list{grid-template-columns:repeat(1, 1fr);gap:10px;}
}



.sub-flex {	display: flex;	justify-content: space-between;	gap: 20px;	margin-top: 100px;}
.sub-flex__left {	flex-shrink: 0;	width: 50%;}
.sub-flex__right {	width: 50%;}
.sub-flex:first-child {	margin-top: 0;}

@media (max-width: 1280px) {
	.sub-flex {		flex-direction: column;	}
	.sub-flex__left {		width: auto;	}
	.sub-flex__right {	width: auto;}
}



.sub_title {word-break: keep-all; position:relative; font-size:22rem; color:#1b1b1b; font-weight:600; margin-top:10rem; margin-left:15rem; }
.sub_title:before {content: ''; position: absolute; top: 0rem; left: -10rem; width: 8rem; height: 8rem; border-radius: 100%; background: #093f68; z-index: -1;}

@media (max-width: 1280px) {
	.sub_title {font-size:18rem; }
	.sub_title:before {width: 6rem; height: 6rem; }
}


.principal_text-wrap {	margin-top: 30px;	color: #555;}
.principal_text {	display: inline;}
.principal_list {	display: flex;	gap: 15px 40px;	padding: 20rem 30rem;	margin-top: 10rem;	background-color: #f8f8f8;}
.principal_title {	display: flex;	align-items: center;	align-self: flex-start;	gap: 0 10px;	flex-shrink: 0; font-weight:800;}
.principal_icon {	display: block; text-align:center;	width: 80rem;	height: 30rem; line-height:30rem; font-style:normal;	background: #fff; border-radius:50rem; font-size:15rem; font-weight:800;}
.principal_text {	margin-top: 3rem;	color: #555;}
.principal_sub-list {	width: 100%;}
.principal_sub-item {	display: flex;	gap: 8px 10px;	padding: 20px 0;	border-bottom: 1px solid #eee;}
.principal_sub-item:first-child {	margin-top: -12px;}
.principal_sub-item:last-child {	padding-bottom: 0;	border-bottom: none;}
.principal_sub-title {	flex-shrink: 0;	width: 100px;	color: #2e3b96;}
.principal_sub-text {	color: #555;}


.address_list {margin-bottom:50rem;}


.system-sec__list {margin-top: 50rem;}
.system-sec__item {	display: flex;	align-items: flex-end;	position: relative;	}
.system-sec__item:nth-child(1) {	margin-top: 0;}
.system-sec__item:nth-child(2n) {	flex-direction: row-reverse;}
.system-sec__img-wrap {	display: flex;	align-items: center;	justify-content: center;	flex-shrink: 0;	width: 50%;	max-width: 700rem;	height: 500rem;	overflow: hidden;}
.system-sec__text-wrap {word-break: keep-all;	display: flex;	justify-content: flex-end;	flex-direction: column;	flex-shrink: 0;	position: relative;	bottom: 0;	left: -80rem;	width: 65%;	max-width: 800rem;	height: 420rem;	padding: 0 50rem;	background-color: #fff;}
.system-sec__text-wrap2 {	display: flex;	justify-content: flex-end;	flex-direction: column;	flex-shrink: 0;	position: relative;	bottom: 0rem;	left: -80rem;	width: 65%;	max-width: 800rem;	height: 350rem;	padding: 0 50rem 50rem;	background-color: #fff; word-break: keep-all;}
.system-sec__item:nth-child(2n) .system-sec__text-wrap {	left: auto;	right: -60px;}


.system-sec__top {	display: flex;	justify-content: space-between;	align-items: flex-end;	flex-direction: row-reverse;	padding: 0 20px 20px;	border-bottom: 1px solid #eee;}
.system-sec__top-title {	position: relative;	font-size: 26px;}
.system-sec__top-number {	position: absolute;	top: 0;	left: -20px;	font-size: 78px;	color: #eee;	font-weight: 700;	line-height: 1;	transform: translate(0, -50%);	z-index: 1;}
.system-sec__top-text {	position: relative;	z-index: 2;}
.system-sec .list-dots {	margin-top: 20px;}
.list-dots {margin-top:20rem;}
.list-dots__list {	color: #555;}
.list-dots__item {font-size:17rem; font-weight:500;	position: relative; letter-spacing:-.5px; padding-left: 15px;	line-height: 1.7;	word-break: keep-all;}


@media (max-width: 1023px) {

	.system-sec__item {		flex-direction: column;		}
	.system-sec__img-wrap {		width: 100%;		max-width: none;		height: 300rem;	}
	.system-sec__text-wrap {		width: 100%;		max-width: 700px;		left: auto;		padding: 0;		margin: 0 auto;	}
	.system-sec__text-wrap2 {		width: 100%;		max-width: 700px;		left: auto;		margin: 0 auto;	}
	.system-sec__top-text {		font-size: 22px;	}
	.system-sec__item:nth-child(2n) {		flex-direction: column;	}
	.system-sec__item:nth-child(2n) .system-sec__text-wrap {		right: auto;	}
}

@media (max-width: 640px) {
	.system-sec__title {		font-size: 23px;		line-height: 1.35;	}
	.system-sec__img-wrap {		width: auto;		height: auto;		margin: 0 -20px;	}
	.system-sec__text-wrap {	margin-top:150rem;	}
	.system-sec__text-wrap2 {	margin-top:50rem; padding:0;}
	.system-sec__top {		align-items: flex-start;		flex-direction: row;	}
	.system-sec__icon {		display: none;	}
	.system-sec__top-title {		display: block;		width: 100%;		text-align: center;	}
	.system-sec__top-number {		left: 50%;		transform: translate(-50%, -60%);	}
	.system-sec__item.manager .system-sec__img {		transform: translateX(130px);	}
}


.banner-card p {text-align:center; margin-top:30rem; margin-bottom:50rem; }
.banner-card__wrap {	display: flex;	align-items: center;	gap: 0 50px;	min-height: 160px;	padding: 40px 40px 40px 60px;	margin-top: 50rem;background-color: #f8f9fc;}
.banner-card__title-wrap {	display: flex;	align-items: center;	flex-shrink: 0;	gap: 10px 25px;	position: relative;	width: 280px;}
.banner-card__title-wrap::after {	content: "";	position: absolute;	top: 50%;	right: 0;	width: 1px;	height: 60px;	background-color: #eee;	transform: translateY(-50%);}
.banner-card__title {	font-size: 20rem; font-weight:800;}
.banner-card__title-icon {	display: flex;	align-items: center;	justify-content: center;	flex-shrink: 0;	width: 70px;	height: 70px;	border-radius: 50%; color:#fff; font-size:20rem;	background-color: #2d3a96;}
.banner-card__address-wrap {	display: flex;	justify-content: space-between;	align-items: center;	gap: 25px 50px;	position: relative;	width: 100%;}
.banner-card__sub-list {	display: flex;	flex-shrink: 0;	flex-wrap: wrap;	justify-content: center;	align-items: center;	gap: 10px 45px;}
.banner-card__sub-item {	display: flex;	align-items: center;	gap: 0 15px;}
.banner-card__sub-text {	color: #000;}
.banner-card__sub-text a {	color: #000;}
.banner-card__link-wrap {	display: flex;	flex-shrink: 0;	flex-wrap: wrap;	justify-content: center;	gap: 10px;	width: 100%;	max-width: 370px;}
.banner-card .btn-default.sub-btn {	max-width: 180px;	margin: 0;}
.banner-card__sub-icon {	display: flex;	align-items: center;	justify-content: center;	flex-shrink: 0;	width: 40px;	height: 40px;	border-radius: 50%;	background-color: #fff;}

@media (max-width: 1280px) {
	.banner-card__sub-list {		flex-direction: column;		align-items: flex-start;	}
	.banner-card__sub-icon {		width: auto;		height: auto;		}
}

@media (max-width: 1023px) {
	.banner-card__wrap {		flex-direction: column;		gap: 15px 0;		padding: 30px 20px;		margin-top: 70px;	}
	.banner-card__address-wrap {		flex-direction: column;		margin-left: auto;	}
	.banner-card__title-wrap::after {		display: none;	}
	.banner-card__title-wrap {		flex-direction: column;		width: auto;	}
	.banner-card__title {		font-size: 20px;	}
	.banner-card__sub-list {		flex-direction: row;		gap: 5px 30px;	}
	.banner-card__sub-item {		gap: 0 8px;	}
	.banner-card__link-wrap {		margin: 0 auto;	}
}

@media (max-width: 480px) {
	.banner-card__sub-list {		flex-direction: column;	}
	.banner-card__link-wrap {		flex-wrap: nowrap;	}
	.banner-card .btn-default {		padding: 0 15px;	}
}


.mar50 {margin-bottom:50rem;}
.mart50 {margin-top:50rem;}

.sub_flex {	display: flex;	justify-content: space-between;	gap: 50px;}
.sub_flex_left {	flex-shrink: 0;	width: 220px;}
.sub_flex_right {	width: 100%;}
.sub_flex:first-child {	margin-top: 0;}

@media (max-width: 1280px) {
	.sub_flex {		flex-direction: column;	}
	.sub_flex_left {		width: auto;	}
}

.has-dots {}
.has-dots::after {content:"";display:inline-block;position:relative;top:4px;width:12px;height:12px;margin-left:15px;border-radius:50%;background-color:#244f86;}
.has-dots--small::after{top:2px;width:8px;height:8px;margin-left:10px;}


.help_con {margin-bottom:30rem;}
.help_con h4 {font-size:22rem; font-weight:600; letter-spacing:-.5px;}
.asia-abroad-business .sub-flex:first-child {	margin-top: 0;}
.asia-abroad-business h4 {font-size:22rem; font-weight:600;}

.numbering__item {	display: flex;	padding: 20rem 0;	border-bottom: 1px dotted #e5e5e5;}
.numbering__item:first-child {	padding-top: 0;}
.numbering__title-wrap {	display: flex;	flex-shrink: 0;	width: 270rem;}
.numbering__title {color:#244f86;	display: block;	font-weight: 600;	line-height: 1.35; font-size:18rem; letter-spacing:-.5px; padding-top:18rem;}
.numbering__text {	font-size:15rem; color: #555;	}

@media (max-width: 1280px) {
	.numbering__number {		width: 40px;		text-align: left;	}
}
@media (max-width: 640px) {
	.numbering__item {		flex-direction: column;		gap: 10px;		padding: 10rem 0 20rem;	}
	.numbering__title-wrap {		width: auto;	}
}



.default-list__item {	color: #555555;}
.default-list.list-dots .default-list__item {	position: relative;	margin-bottom:10rem; padding-left: 15px;	line-height: 1.5;	word-break: keep-all;}
.default-list.list-dots .default-list__item::before {	content: "";	display: block;	position: absolute;	top: 9px;	left: 0;	width: 3px;	height: 3px;	background-color: #0c5e9e;}
.default-list.list-dots .default-list__item.text-large::before {	top: 11px;}

@media (max-width: 1024px) {
	.default-list__item + .default-list__item {		margin-top: 8px;	}
}
@media (max-width: 640px) {
	.default-list__item + .default-list__item {		margin-top: 5px;	}
}


/* Banner Card */
.tel-card {	display: flex;	align-items: center;	padding: 50rem 0;	margin-top: 10rem;	margin-bottom:0rem; background-color: #f8f8f8;}
.tel-card__title-wrap {	display: flex;	justify-content: center;	align-items: center;	flex-shrink: 0;	gap: 15px;	position: relative;	width: 25%;	max-width: 340px;	padding-left: 20px;}
.tel-card__title {	font-weight: 600; font-size:22rem; }
.tel-card__desc-wrap {	position: relative;	padding: 0 20px 0 55px;}
.tel-card__desc-wrap::before {	content: "";	position: absolute;	top: 50%;	left: 0;	width: 1px;	height: 100%;	transform: translate(0, -50%);	background-color: #eee;}
.tel-card__sub-item {	display: flex;	margin-top: 2px;}
.tel-card__sub-item:first-child {	margin-top: 0;}
.tel-card__sub-title {	position: relative;	width: 90px;	font-weight: 500;	color: #244f86;}
.tel-card__sub-title::before {	content: "";	display: inline-block;	width: 3px;	height: 3px;	margin: 0 8px 4px 0;	background-color: #244f86;}
.tel-card__link-wrap {	display: flex;	gap: 10px;	width: 420px;	margin: 0 40px 0 auto;}
.tel-card .btn-default.sub-btn {	justify-content: center;	font-weight: 400;	border: 1px solid #0c5e9e;}
.tel-card .btn-default.sub-btn.light-blue {	border: 1px solid #00a2e2;}
.sub-flex__right .tel-card {	margin-top: 80px;}
.tel-card__icon {	font-size: 14px;}

@media (min-width: 1025px) {
	.tel-card .btn-default.sub-btn:hover {		color: #0c5e9e;		border-color: #0c5e9e;		background-color: transparent;	}
	.tel-card .btn-default.sub-btn.light-blue:hover {		color: #00a2e2;		border-color: #00a2e2;	}
}
@media (max-width: 1280px) {
	.tel-card {		justify-content: center;		gap: 30px;	}
	.tel-card__desc-wrap {		padding: 0 20px;	}
	.tel-card__link-wrap {		justify-content: center;		width: 100%;		margin: 0 auto;	}
}
@media (max-width: 1024px) {
	.tel-card {		flex-direction: column;		padding: 30px 20px;	}
	.tel-card__title-wrap {		width: auto;		padding:;		border: none; margin-top:30rem;	}
	.tel-card__desc-wrap {		padding: 0;		transform: translateY(-15px);	}
	.tel-card__desc-wrap::before {		display: none;	}
}
@media (max-width: 640px) {
	.tel-card {		margin-top:30rem;	}
	.tel-card__link-wrap {		align-items: center;	}
	.tel-card__title-wrap {		gap: 5px;	}
	.tel-card__title-wrap .tel-card__icon {		transform: scale(0.7);	}
}
@media (max-width: 480px) {
	.tel-card__link-wrap {		flex-direction: column;		align-items: center;	}
	.tel-card__desc-wrap {		padding: 0;	}
}


.gray_bg {background:#f9f9f9; padding:40rem 0;}

.btn-default{display:flex;gap:10px;justify-content:space-between;align-items:center;position:relative;width:100%;max-width:250rem;height:60rem;padding:0 35px;font-weight:600;color:#fff;border-radius:30px;background-color:#333;transition:color .3s, border-color .3s, background-color .3s}
.btn-default__icon {transition:transform .3s;}
.btn-default__icon.xi-plus-min {font-size:20px}
.btn-default.sub-btn {max-width:250rem;height:50rem;padding:0 10rem;border-radius:0;background-color:#0c5e9e;color:#fff;}


.sub2-flex {	display: flex;	justify-content: space-between;	gap: 20px;	margin-top: 100px;}
.sub2-flex__left {	flex-shrink: 0;	width: 220px;}
.sub2-flex__title {	font-weight: 800;	line-height: 1.4;}
.sub2-flex__right {	width: 100%;}
.sub2-flex:first-child {	margin-top: 0;}

@media (max-width: 1280px) {
	/* Sub Flex */
	.sub2-flex {		flex-direction: column;	}
	.sub2-flex__left {		width: auto;	}
	.sub2-flex__right.only-text {		margin-top: 20px;	}
}
@media (max-width: 640px) {
	/* Sub Flex */
	.sub2-flex {		margin-top: 70px;	}
}

.sitemap-sec {margin-top:20rem; margin-bottom:50rem;}
.sitemap-sec .sub2-flex {	position: relative;	padding-top: 30px;	border-top: 1px solid #e5e5e5;}
.sitemap-sec .sub2-flex::before {	content: "";	position: absolute;	top: -1px;	left: 0;	width: 60px;	height: 2px;	background-color: #244f86;}
.sitemap-sec__title {	font-size: 25rem; font-weight:600;}
.sitemap-sec__list {	display: flex;	flex-wrap: wrap;	margin: -20px -10px 0;}
.sitemap-sec__item {	width: 20%;	padding: 20px 10px 0;}
.sitemap-sec__link {	display: flex;	justify-content: center;	align-items: center;	height: 60px;	border: 1px solid #e5e5e5;	transition:		color 0.3s,		border-color 0.3s,		background-color 0.3s;}

@media (min-width: 1025px) {
	.sitemap-sec__link:hover {		color: #fff;		border-color: #244f86;		background-color: #244f86;	}
}
@media (max-width: 1024px) {
	.sitemap-sec .sub-flex::before {		width: 40px;	}
	.sitemap-sec__title {		font-size: 22rem;	}
	.sitemap-sec__item {		width: 25%;	}
	.sitemap-sec__link {		height: 50px;	}
}
@media (max-width: 640px) {
	.sitemap-sec .sub-flex {		padding-top: 20px;	}
	.sitemap-sec__list {		margin: -10px -5px 0;	}
	.sitemap-sec__item {		width: 50%;		padding: 10px 5px 0;	}
}

.dues_con {text-align:center; margin-bottom:50rem; background: url("../img/sub/dues_bg.jpg"); padding:70rem 0; color:#fff; font-size:20rem; font-weight:500; word-break: keep-all;}
.dues_con ul li span {color:#76e4ff; font-weight:800;}
.sub_text {text-align:center; margin-bottom:50rem; font-size:18rem; word-break: keep-all;}

@media (max-width: 640px) {
	.dues_con {font-size:16rem; }
	.sub_text { font-size:16rem; }
}

.matching_form{text-align:center; padding:100rem 0; border:1px solid #244f86; background:#f8f9fc; border-radius:100rem; width:100%;}
.matching_form .ag-text .ag-title{font-weight: 600; font-size:20rem; line-height:1.5; color: #000; word-break: keep-all; margin-bottom:20rem; }
.matching_form .ag-text .ag-tit{ font-weight: 500; font-size:18rem; line-height:1.5; color: #444; word-break: keep-all; margin-bottom:20rem; }
.matching_form .ag-text .ag-tit span {font-weight:800;}
.matching_form .ag-text .ag-tit span.green { color: #015e4f; }
.matching_form .ag-text .ag-tit span.blue { color: #244f86; }
.matching_form dl {padding:10rem 0; width:300rem; margin:0 auto; text-align:left;}
.matching_form dl dt {display:inline-block; color:#333; width:120rem; font-weight:600;}
.matching_form dl dd {display:inline-block; color:#333; margin:0 10rem; }
.matching_form dl dd input {border:1px solid #f1f1f1; border-radius:10rem; height:60rem; padding-left:20rem; }
.matching_form .btn_submit {width:200rem;  border-radius: 0;cursor:pointer; border:0; color:#fff; background:#244f86; border-radius:10rem; padding:15rem 0; font-size:18rem; font-weight:600; margin:30rem auto 0;}
.matching_form .btn2_submit {width:200rem;  border-radius: 0;cursor:pointer; border:0; color:#fff; background:#333; border-radius:10rem; padding:15rem 0; font-size:18rem; font-weight:600; margin:30rem auto 0;}


@media only screen and (max-width : 1023px){

   .matching_form{padding:30rem; border-radius:70rem; margin:30rem 0; }
   .matching_form .ag-text .ag-title{ font-size:17rem;}

}


@media only screen and (max-width : 630px){
   .matching_form .ag-text .ag-title{font-size:16rem;}
   .matching_form .ag-text .ag-tit{ font-size:15rem;}
   .matching_form dl {padding:10rem 0 5rem;}
   .matching_form dl dd input {height:40rem;}
   .matching_form .btn_submit {width:100rem; margin:10rem auto 0; padding:10rem 0; font-size:15rem; }
   .matching_form .btn2_submit {width:100rem; margin:10rem auto 0; padding:10rem 0; font-size:15rem; }
}


.sub_table {margin-bottom:30rem;}