@charset "UTF-8";

.overlay {position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
#container_title {position:absolute; visibility:hidden}
.sub_head_visual {height: 31.25rem; background-image:url(../img/sub/sub_head_visual_bg.jpg);  background-size: cover; background-position: center; position:relative}
.sub_head_visual .overlay { background:rgba(0,0,0,0.3)}
.sub_head_visual .inner_container {display: flex;     flex-direction: column;    align-items: center;    justify-content: flex-end;    height: 100%;    text-align: center;    padding-bottom: 3.125rem; position: relative;  z-index: 1;}
.sub_head_tit {font-size: 3.75rem;   color: #fff;  margin-bottom: 0.33em;}
.sub_head_desc {font-size: 1.625rem; color: #fff;}
.sub_head_visual .title_box {margin-bottom:7.5rem}
.sub_menu ul {display: flex;   align-items: center;   justify-content: center;   gap: 10px;}
.sub_menu ul li a {display: flex;   justify-content: center;    align-items: center;    font-size: 17px;    width: 8.8em;    height: 2.8em;    color: #fff;    font-weight: 300;    border: 1px solid rgba(255, 255, 255, 0.1);    border-radius: 30px;    backdrop-filter: blur(5px);    transition: all 0.15s;}
.sub_menu ul li a.current {color:#222; background: var(--main-color);font-weight:500}


.about_us.sec_01 {padding:9.375rem 0; overflow: hidden;}
.sub_page_wrap .hd_key {font-size: 1.375rem;    font-weight: 700;    line-height: 1.25em;    margin-bottom: 1.36em; color:var(--main-color);}
.sub_page_wrap .sub_title {font-size: 4.063rem;   line-height: 1.2em;  font-weight: 700;}
.about_us.sec_01 .title_wrap {  margin-bottom: 5rem}
.about_us .cont_box {display: flex;     align-items: flex-start;    height: 22.5rem;    flex-direction: column;    justify-content: center;    border-bottom: 1px solid #E3E9ED; padding: 2.5rem; position: relative;}
h3.square_title {font-size: 2.125rem;   font-weight: 700;position: relative;}
h3.square_title::before {content:"";  position: absolute;    left: -35px;   top: 0.35em;   width: 14px;    height: 14px; background: var(--main-color); transform:rotate(45deg)}
.about_us .cont_box h3.square_title {  margin-bottom: 1.17em;}
.about_us .cont_box h3.square_title::before {animation: 9s circle_text infinite linear;}
.sub_page_wrap .sub_txt {font-size: 1.125rem;  line-height: 1.8em; word-break: keep-all;}
.sub_page_wrap .sub_txt.divide {font-weight: bold;}

.about_us .cont_box.relyon {  border-bottom:none}
@keyframes circle_text {
	0% {
		transform: rotate(-360deg);
	}
	100% {
		transform: rotate(0);
	}
}

.about_us.sec_02 {padding:5.25rem 0;  background-image:url(../img/sub/aboutus_sec02_bg.jpg);  background-size: cover; background-position: center; position:relative}
.about_us .cont_box .icon {position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%);}
.about_us .cont_box .ico {display:block; width:300px; height:300px; background-size: cover;}
.about_us .cont_box.truth .ico { background-image:url(../img/sub/aboutus_01_truth.svg); animation: 9s about_ani_01 ease-in-out infinite;}
.about_us .cont_box.fastest .ico { background-image:url(../img/sub/about_us_fastest.svg); animation: 8s about_ani_02 ease-in-out infinite;}
.about_us .cont_box.relyon .ico { background-image:url(../img/sub/about_us_relyon.svg); animation: 16s about_ani_03 ease-in-out infinite;}

@keyframes about_ani_01 {
	0% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
    transform: translateY(-20px) rotate(-20deg);
  }
  50% {
    transform: translateY(0) rotate(20deg);
  }
  75% {
    transform: translateY(20px) rotate(-20deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}


@keyframes about_ani_02 {
	0% {
    transform: translateX(0) rotate(0deg);
  }
  25% {
    transform: translateX(-20px) rotate(-10deg);
  }
  50% {
    transform: translateX(0) rotate(10deg);
  }
  75% {
    transform: translateX(20px) rotate(-10deg);
  }
  100% {
    transform: translateX(0) rotate(0deg);
  }
}

@keyframes about_ani_03 {
	0% {
    transform: translateX(0) rotate(0deg);
  }
  25% {
    transform: translateX(-20px) rotate(-90deg);
  }
  50% {
    transform: translateX(0) rotate(40deg);
  }
  75% {
    transform: translateX(20px) rotate(-90deg);
  }
  100% {
    transform: translateX(0) rotate(0deg);
  }
}

.sub_page_wrap .sub_mid_title {font-size: 2.5rem;    color: #fff;   line-height: 1.3em;   font-weight: 700;}
.about_us.sec_02 .title_wrap {  margin-bottom:9.375rem}
.about_us.sec_02 .list_wap {display: flex;  gap: 100px;}
.about_us.sec_02 .list_wap ul li {font-size: 1.063rem;     color: #fff;    line-height: 1.5em;    font-weight: 300;    position: relative;    padding-left: 1em; word-break: keep-all;}
.about_us.sec_02 .list_wap ul li::before {content: "";     position: absolute;    left: 0.15em;    top: 0.5em;    width: 3px;    height: 3px;    background: #fff;    border-radius: 100%;}
.about_us.sec_03 {padding-top: 6.25rem; background:#F0F1F5}
.about_us.sec_03 .inner_container {display: flex;  flex-wrap: wrap; position: relative;}
.about_us.sec_03 .left_tit, .about_us.sec_03 .right_history {width:50%}
.about_us.sec_03 .left_tit {display: flex;  align-items: center; padding-right:50px; position: relative;}
.about_us.sec_03 .year_tit {font-size:3.75rem;    line-height: 1.25em;  display: inline-block;    padding-right: 0.35em;    background: #f0f1f5; position: relative;  z-index: 2;}
.about_us.sec_03 .right_history {height: 48.125rem;position: relative;}
.about_us.sec_03 .right_history .title_wrap {  position: relative;    margin-bottom:3.125rem;  }
.about_us.sec_03 .right_history .title_wrap::before {content: "";    position: absolute;    left: 0;    top: 50%;    width: 100%;    height: 1px;    background: #222;}
.about_us.sec_03 .h_lists li {font-size: 1.125rem;   line-height: 1.25em;    margin-bottom: 1.11em;    position: relative;    padding-left: 1em; word-break: keep-all;}
.about_us.sec_03 .h_lists li:last-child {  margin-bottom: 0; }
.about_us.sec_03 .h_lists li::before {content: "";   position: absolute;   left: 0;    top: 0.45em;    width: 6px;    height: 6px;    background: var(--main-color);    transform: rotate(45deg);}
.about_us.sec_03 .h_fam {padding-top: 2.188rem;   margin-top: 2.5rem;  border-top: 1px solid #E3E9ED;}
.about_us.sec_03 .fam_tit {font-size: 1.125rem;   margin-bottom: 1.1em;}
.about_us.sec_03 .h_fam li {font-size: 0.875rem;     color: #666;    line-height: 1.25em;    word-break: keep-all;    margin-bottom: 10px;    position: relative;    padding-left: 1em;}
.about_us.sec_03 .h_fam li::before {content: "";   position: absolute;   left: 0;    top: 0.45em;    width: 2px;    height: 2px;   border-radius:100%;  background:#aaa}
.about_us.sec_03 .year-counter{   display:flex;  font-size:200px;   font-weight:700;   line-height:1;	letter-spacing: -0.02em;	position: absolute;    left: 0;   bottom: -28px; color: rgba(0, 0, 0, 0.05);}
.about_us.sec_03  .digit{    position:relative;    width:.65em;    height:1em;    overflow:hidden;}
.about_us.sec_03  .reel{    transition:transform .22s cubic-bezier(.22,.8,.2,1);    will-change:transform;}
.about_us.sec_03  .reel span{    display:flex;    justify-content:center;    align-items:center;    height:1em;}
.about_us.sec_03  .year-slider{    width:100%;  border-top: 1px solid #E3E9ED;  overflow:hidden;    position:relative;    cursor:grab;    user-select:none;    touch-action:pan-y;}
.about_us.sec_03  .year-slider.dragging{    cursor:grabbing;}
.about_us.sec_03  .year-track{    display:flex;    gap:20px;    width:max-content;    padding:20px 0;    transform:translateX(0);    transition:transform .45s cubic-bezier(.22,.61,.36,1);}
.about_us.sec_03  .year-track li{    list-style:none;    flex:none;}
.about_us.sec_03  .year-track button{padding: 15px 20px;     border: 0;    background: #fff;    border-radius: 10px;    font-size: 22px;    transition: .3s;    color: #979797;    font-weight: 700;    letter-spacing: -0.02em;}
.about_us.sec_03  .year-track button.active{ background:var(--main-color);    color:#222; }
.about_us.sec_03 .history_contents {display:none; position:absolute; top:0; left:0; width:100%;}
.about_us.sec_03 #year_2026 {display:block}
.about_us.sec_04 {padding:7.5rem 0}
.about_us.sec_04 .tab_btns ul {display: flex;   justify-content: flex-end;  align-items: center;  gap: 40px; margin-top: -35px; margin-bottom: 60px;}
.about_us.sec_04 .tab_btns li a {font-size: 1.375rem;    font-weight: 700;    opacity: 0.3;    display: inline-block;    position: relative;    transition: all 0.15s;}
.about_us.sec_04 .tab_btns li a.current {padding-left:1em; opacity:1}
.about_us.sec_04 .tab_btns li a.current::before {    content: "";    position: absolute;    left: 0;    top: 0.4em;    width: 10px;    height: 10px;    background: var(--main-color);transform: rotate(45deg);}
.addr_map_contents .inner {display: flex;  flex-wrap: wrap;}
.addr_map_contents .inner > div  {width: 50%; display: flex;   flex-direction: column;  justify-content: center;}
.about_us.sec_04 .address h3 {  margin-bottom: 1.17em;}

.about_us.sec_04 .address dl {display: flex;    gap: 10px; align-items: flex-start; margin-bottom: 10px; }
.about_us.sec_04 .address dt {font-size: 1.125rem;   font-weight: 700;    line-height: 1.8em;    flex-shrink: 0;}
.about_us.sec_04 .address dd {font-size: 1.125rem;  line-height: 1.8em; word-break: keep-all;}
.about_us.sec_04 .address {padding-left:40px}
.about_us.sec_04 .address .link_wrap {margin-top: 50px;}
.about_us.sec_04 .address .link_wrap a.kakao {display: inline-flex;    justify-content: center;    align-items: center;    font-size: 1.125rem;    height: 2.83em;    padding: 0 1.66em;    border-radius: 30px;    background: #F7DA00;    font-weight: 600;    gap: 10px;}
.about_us.sec_04 .address .link_wrap a.kakao .ico { width: 1.16em;   height: 1.11em;   mask-image: url(../img/main/katalk_icon.svg);  background: #222; display: block;  mask-size: 100% 100%; }
.about_us.sec_04 .addr_map_contents {display:none}
.about_us.sec_04 #seoul_info {display:block} 
.about_us.sec_04 .google_map_wrap {width:100%; height:460px;   position: relative;border-radius: 20px;  overflow: hidden;}
.about_us.sec_04 .google_map_wrap iframe { position: absolute;    left: 0;    top:0;width:100%; height:100% }

.roughmap_lebel_text {display:none !important}
.root_daum_roughmap_landing {width: 100% ! IMPORTANT;}
.root_daum_roughmap_landing .wrap_map {height:460px !important; border-radius: 20px;  overflow: hidden;}
.root_daum_roughmap .wrap_controllers {display:none !important}
.root_daum_roughmap_landing .cont {display:none !important}



.service.sec_01 {padding: 9.375rem 0 11.25rem}
.service.sec_01 .title_wrap {margin-bottom:4.375rem}
.service.sec_01 .border_box {padding-left: 1.875rem;  border-left: 6px solid #161620;margin-bottom:9.375rem }
.service.sec_01 .flex_wrap {display: flex;  gap: 125px;}
.service h3.square_title {margin-bottom: 1.875rem; padding-left: 1em; word-break: keep-all;}
.service h3.square_title::before {left:0}
.service.sec_01 .cont_box {  position: relative;}
.service.sec_01 .cont_box.num_01 ul {column-count: 2;}
.service.sec_01 .cont_box li {padding-left: 1em;   position: relative;  margin-bottom: 5px; word-break: keep-all;}
.service.sec_01 .cont_box li::before {content: "";    position: absolute;    left: 0.25em;    top: 0.7em;    width: 3px;    height: 3px;    background: #222;    border-radius: 100%;}
.service.sec_01 .cont_box .img_box {margin-top:3.125rem }
.service.sec_01 .cont_box + .cont_box::before {content: "";   position: absolute;    left: -63px;    top: 0;    height: 100%;    width: 1px;    background: #E3E9ED;}
.service.sec_02 {padding:5.25rem 0 7.5rem;  background-image:url(../img/sub/servcie_sec02_bg.jpg);  background-size: cover; background-position: center; position:relative}
.service.sec_02 .overlay { background:rgba(0,0,0,0.4)}
.service.sec_02 .inner_container {position: relative;}
.service.sec_02 .cont {margin-top: 3.75rem}
.sub_page_wrap .check_icon_list li {font-size: 1.188rem;    color: #fff;    position: relative;    padding-left: 2em;    margin-bottom: 0.63em; word-break: keep-all;}
.sub_page_wrap .check_icon_list li:last-child {margin-bottom:0}
.sub_page_wrap .check_icon_list li::before {content: "";    position: absolute;    left: 0;    top: 0;    width: 1.16em;    height: 1.16em;    background-image: url(../img/sub/li_check.svg);    background-size: cover;}
.service.sec_03 .flex_wrap {display: flex;}
.service.sec_03 .left_cont {padding: 5.625rem 0 6.25rem; width:68.75%; background:var(--main-color); padding-right: 5rem;}
.service.sec_03 .right_cont {width:31.25%;   background-image:url(../img/sub/servcie_sec03_bg.jpg);  background-size: cover; background-position: center;}
.service.sec_03 .sub_mid_title {color:#222; margin-bottom: 0.5em}
.service.sec_03 .cont_wrap {margin-top:3.125rem;display: flex;   flex-wrap: wrap;  gap: 20px; align-items: stretch;}
.service.sec_03 .cont_box {background: #fff;   border-radius: 20px;  padding: 2.188rem 1.875rem; width: 335px; display: flex; flex-direction: column;}
.service.sec_03 .cont_box h3 {font-size: 1.313rem;  margin-bottom: 0.85em;}
.service.sec_03 .cont_box p {font-size: 0.938rem;  line-height: 1.4em; flex: 1;}
.service.sec_03 .cont_box .btn_wrap {margin-top: 18px;  padding-top: 18px;    border-top: 1px solid #E3E9ED;}
.service.sec_03 .kakao_btn {display: flex;     justify-content: flex-start;    align-items: center;    font-size: 1rem;    background: var(--main-color);    width: 100%;    padding-left: 1.25em;    height: 2.3em;    gap: 10px;    border-radius: 10px;    transition: all 0.3s;}
.service.sec_03 .kakao_btn .ico {   width: 1.06em;    height: 1em;    mask-image: url(../img/main/katalk_icon.svg);    background: #222; display: block;  mask-size: 100% 100%;}
.service.sec_04 {padding: 6.25rem 0 7.5rem}
.service.sec_04 .inner_container {display: flex;  flex-wrap: wrap}
.service.sec_04 .left_cont {width:22.34%; padding-right:3.75rem}
.service.sec_04 .right_cont {width:77.66%; padding-left:3.75rem}
.service.sec_04  h3.square_title {  margin-bottom:1.17em}
.service.sec_04 .left_cont ul {padding-left:2.188rem}
.service.sec_04 ul li {font-size: 0.938rem;     line-height: 1.8em;    padding-left: 1em;    position: relative;}
.service.sec_04 ul li::before {content: "";     position: absolute;    top: 0.7em;    left: 0;    width: 3px;    height: 3px;    border-radius: 100%;    background: #222;}
.service.sec_04 .flex_wrap {display: flex;  flex-wrap: wrap;}
.service.sec_04 .outter {padding-left:2.188rem; gap: 7.5rem;}
.service.sec_04 h4 {font-size: 1.25rem;     line-height: 1.6em;    flex-shrink: 0;    margin-right: 1em;}


.partnership.sec_01 {padding: 9.375rem 0 9.375rem}
.partnership.sec_01 .sub_title {margin-bottom:0.62em}
.partnership.sec_01 .title_wrap {  margin-bottom:6.25rem}
.partnership.sec_01 .round_box {  background-image:url(../img/sub/partnership_bg_01.jpg);  background-size: cover; background-position: center; position:relative; border-radius: 20px;  overflow: hidden; padding: 4.375rem 5.625rem; -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);}
.partnership.sec_01 .overlay { background:rgba(0,0,0,0.4)}
.partnership.sec_01 .cont {position: relative; z-index:2}
.partnership.sec_01 .cont h3 {font-size: 1.75rem;     color: #fff;    line-height: 1.4em;}
.partnership.sec_01 .link_wrap {display: flex;   align-items: center;  justify-content: space-between;  margin-top: 12.313rem;}
.partnership.sec_01 .link_wrap .mail_btn {font-size: 3.75rem;   font-weight: 700;  line-height: 1.4em;  color: #fff;transition: all 0.15s;}
.partnership.sec_01 .link_btn {border-radius: 30px;     background: var(--main-color);    color: #222;    font-size: 1rem;    font-weight: 600;}


.privacy_policy {padding: 9.375rem 0 9.375rem}
.privacy_policy h3 {font-size: 30px;  margin-bottom: 1em;}
.privacy_policy .detail_con p {font-size: 16px;  line-height: 1.8em; word-break: keep-all;}
.privacy_policy .para01 {margin-bottom:40px}
.privacy_policy ul li {font-size: 16px;  line-height: 1.8em; word-break: keep-all;  margin-bottom: 0.5em;}
.privacy_policy .grey_box {margin-bottom: 40px;}
.privacy_policy .detail_con p.blet01 {font-size: 18px;  font-weight: 700;  margin-bottom: 1em;  line-height: 1.4em;}


.study .sub_menu ul {flex-wrap: wrap;}
.study .flex_wrap {display: flex;  flex-wrap: wrap;}
.study.sec_01 {padding: 7.5rem 0 8.125rem;}
.study.sec_01 h2.tit {font-size: 3.75rem;   line-height: 1.25em;  margin-bottom: 10px;}
.study.sec_01 .tit_under {font-size: 1.375rem;}
.study.sec_01 .left_cont , .study.sec_01 .right_cont {width:50%}
.study.sec_01 .study_r_tit {font-size: 1.625rem;    line-height: 1.5em;  margin-bottom: 1.875rem; word-break: keep-all;}
.study.sec_01 .study_r_desc {font-size: 1.188rem;   line-height: 1.5em; font-weight: 500; margin-bottom: 1.875rem; word-break: keep-all;}
.study.sec_01 .right_cont .sub_txt { margin-bottom: 1.875rem;}
.study.sec_01 .right_cont p:last-of-type { margin-bottom: 0}
.study.sec_02.h_500 {height:31.25rem}
.study.sec_02 .flex_wrap {height:100%; position: relative;  z-index: 2;}
.study.sec_02 .left_cont {height:100%; display: flex;   flex-direction: column;   justify-content: center;}
.study.sec_02.usa { background-image:url(../img/sub/study_usa_bg_01.jpg);  background-size: cover; background-position: center; }
.study.sec_02 .sub_mid_title {margin-bottom:1.5em}
.study.sec_02.half_black {position:relative}
.study.sec_02.half_black::after {content: "";    position: absolute;    top: 0;    left: 0;    width: 50%;    height: 100%;    background: rgba(0, 0, 0, 0.7);    z-index: 1;}
.study.sec_03 {padding: 6.875rem 0 8.125rem; background:#F0F1F5}
.study.sec_03 .sub_mid_title {color:#222;margin-bottom:1em }
.study.sec_03 .cont_wrap {display: grid;    grid-template-columns: repeat(2, 1fr);   grid-template-rows: auto;    gap: 20px;}
.study.sec_03 .cont_box {background: #fff;    padding: 40px;   border-radius: 20px;}
.study .cont_box h3.has_box {font-size: 1.5rem;    display: flex;    align-items: center;    gap: min(1vw, 15px);   position: relative;    padding-left: 1.4em;    line-height: 1.4em;    margin-bottom: 1.25em;}
.study .cont_box h3.has_box::before {    content: "";    position: absolute;    left: 0;    top: 0.35em;    width: 14px;    height: 14px;    background: var(--main-color);    transform: rotate(45deg);}
.study.sec_03 .cont_box li {font-size: 1rem;    position: relative;    padding-left: 1.4em;    margin-bottom: 10px;    line-height: 1.6em; word-break: keep-all;}
.study.sec_03 .cont_box li::before {content: "";   position: absolute;    left: 0.5em;    top: 0.7em;    width: 3px;    height: 3px;    background: #222;    border-radius: 100%;}
.study.sec_03 .cont_box li:last-child {margin-bottom:0}
.study.sec_03 .cont_box h3 .bar {display: block;     width: 1rem;    height: 2px;    background: #222;}
.study.sec_03 .cont_box h3 .txt {display: inline-block; font-weight:500; font-size:0.7em}
.study.sec_04 {padding: 6.875rem 0 5.62rem;}
.study.sec_04 .img_wrap  {display: flex;    justify-content: center;   align-items: center;}
.study.sec_04 .img_wrap img {max-width: fit-content;}
.study.sec_04 .img_wrap {margin-bottom:6.875rem}
.study.sec_04 .sub_mid_title {color:#222;margin-bottom:1.25em }
.study.sec_04 .list_wrap {display: grid;   grid-template-columns: repeat(4, 1fr);    grid-template-rows: repeat(2, 1fr);    gap: 20px;}
.study.sec_04 .item_01 {grid-row: 1 / 3;}
.study.sec_04 .item_05 {grid-column: 2 / 5;}
.study.sec_04 .cont_box {border:1px solid #E3E9ED; padding: 1.875rem;  border-radius: 20px;}
.study.sec_04 .cont_box h3 {font-size: 1.375rem;     line-height: 1.4em;    margin-bottom: 20px;    position: relative;    padding-left: 1.4em;}
.study.sec_04 .cont_box h3::before {content: "";     position: absolute;    left: 0;    top: 50%;    transform: translateY(-50%);    width: 0.7em;    height: 0.7em;    border-radius: 100%;}
.study.sec_04 .cont_box h3.red::before {background:#DD090C}
.study.sec_04 .cont_box h3.green::before {background:#449E3D}
.study.sec_04 .cont_box h3.blue::before {background:#135BC9}
.study.sec_04 .cont_box h3.purple::before {background:#5A288E}
.study.sec_04 .cont_box h3.orange::before {background:#FD8E0D}
.study.sec_04 .cont_box li {font-size: 0.938rem;    margin-bottom: 10px;    position: relative;    padding-left: 0.8em;}
.study.sec_04 .cont_box li::before {content:"·";position:absolute;left:0;top:0}
.study.sec_04 .item_05 ul {column-count: 3;} 

.study.sec_05 { padding:6.875rem 0; background-image:url(../img/sub/study_usa_bg_02.jpg);  background-size: cover; background-position: center; overflow:hidden;}
.study.sec_05 .gsap_left, .study.sec_05 .gsap_right {width:50%}
.study.sec_05 .gsap_right {height:100vh;  position:relative;}
.study.sec_05 .cont_box {padding: 40px;     border: 1px solid rgba(255, 255, 255, 0.2);    border-radius: 20px;    margin-bottom: 20px;    backdrop-filter: blur(10px); opacity:.3;  will-change:opacity; transition:opacity .55s linear;}
.study.sec_05 .cont_box h3.has_box {color:#fff; margin-bottom: 0.85em;}
.study.sec_05 .cont_box p {color:#fff; font-size: 1rem;     line-height: 1.6em;    padding-left: 2.2em;    word-break: keep-all;    font-weight: 300;}
.study.sec_05 .cont_box.is-visible {opacity:1}
.study.sec_05 .flex_wrap{align-items:flex-start;}

.study.sec_02.canada { background-image:url(../img/sub/study_canada_bg_01.jpg);  background-size: cover; background-position: center; }



.study.sec_04.canada .gsap_left{ width:50%;  position:sticky;   top:100px;   align-self:flex-start;}
.study.sec_04.canada .gsap_right{ width:50%; padding-top:7.5rem;}
.study.sec_04.canada .img_list{   position:relative;  height:37.5rem; overflow:hidden;}
.study.sec_04.canada .img_item{ position:absolute;    inset:0;  overflow: hidden;  border-radius: 20px;}
.study.sec_04.canada .gsap_left .img_item {     opacity:0;    transition:.5s ease; }
.study.sec_04.canada .img_item img{    width:100%;    height:100%;    object-fit:cover;}
.study.sec_04.canada .img_item.is-active{    opacity:1;}
.study.sec_04.canada .gsap_box{  height:37.5rem;    display: flex;    align-items: flex-start;  justify-content: center;   flex-direction: column;   padding-left: min(5vw, 7.5rem);    margin-bottom: 300px;}
.study.sec_04.canada .gsap_box:last-child {margin-bottom:0}
.canada .gsap_box h3 {font-size: 1.875rem;     line-height: 1.3em;    margin-bottom: 10px;}
.canada .gsap_box .t_desc {font-size: 1.125rem;   line-height: 1.3em;  margin-bottom: 2.5rem;}
.canada .gsap_box li { font-size: 1rem;    position: relative;    padding-left: 1.4em;    margin-bottom: 10px;    line-height: 1.6em;    word-break: keep-all}
.canada .gsap_box li::before {content: "";     position: absolute;    left: 0.5em;    top: 0.7em;    width: 3px;    height: 3px;    background: #222;    border-radius: 100%;}
.canada .gsap_box li:last-child {  margin-bottom: 0;}
.canada .gsap_box ul {  margin-bottom: 3.125rem}
.canada .gsap_box h4 {font-size: 20px;   line-height: 1.3em;  margin-bottom: 1em;}
.canada .gsap_box .box_wrap {gap: 36px; width: 100%;}
.canada .gsap_box .c_box {flex:1; display: flex;     justify-content: center;    align-items: center;    text-align: center;    position: relative; background: #F9F9FA;    border-radius: 10px;    border: 1px solid #D5DADE;    min-height: 9.375rem;}
.canada .gsap_box .comment {font-size: 1rem;     margin-top:3.125rem;    line-height: 1.6em;    word-break: keep-all;}
.canada .gsap_box .c_box p {font-size: clamp(0.6rem, 1vw, 0.938rem); line-height: 1.6em;}
.canada .gsap_box .c_box p .sm {font-size: 0.9em;     color: #666;    display: inline-block;    margin-top: 5px;}
.canada .gsap_box .c_box.key { background: var(--main-color); border-color:var(--main-color)}
.canada .gsap_box .c_box.key .sm {  color: #222;}
.canada .gsap_box .c_box::after {content: "";     position: absolute;    right: -37px;    width: 39px;    height: 6px;    background: url(../img/sub/c_box_arrow.png) no-repeat center;}
.canada .gsap_box .c_box.key::after {content:none}
.study.sec_04.canada .gsap_right .img_item {display:none}

.partners.sec_01 {padding: 7.5rem 0 9.375rem;}
.partners .univ_list {display: grid;  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));    grid-column-gap: 20px;    grid-row-gap: 50px;}
.partners .univ_list img {max-width:fit-content; width: auto;}
.partners .univ_box {background: #F9F9FA;  border-radius: 10px; transition: all 0.15s;}
.partners .univ_box a {display: block;}
.partners .univ_box h3 {font-size: 1.063rem;   line-height: 1.2em;   height: 2.94em;   display: flex;  justify-content: center;  align-items: center; text-align: CENTER;}
.partners .univ_box .logo {display: flex;     justify-content: center;    align-items: center;    height: 160px;    border: 1px solid #E3E9ED;    background: #fff;    border-radius: 10px;}




/* 게시판 공통 */
#bo_v #bo_v_con img { max-width: fit-content; }










/***** media queries *****/

@media (hover:hover) and (min-width:768px) {
.sub_menu ul li a:hover {color:#222; background: var(--main-color);font-weight:500}
.about_us.sec_03  .year-track button:hover { background:var(--main-color);    color:#222; }
.about_us.sec_04 .tab_btns li a:hover {opacity:1}
.service.sec_03 .kakao_btn:hover {transform:scale(1.1)}
.partnership.sec_01 .link_wrap .mail_btn:hover {color: var(--main-color);   }
/* .partners .univ_box:hover {box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);} */

}



@media (max-width: 1800px) {
.service.sec_01 .flex_wrap {gap: 90px;}
.service.sec_01 .cont_box + .cont_box::before {left: -45px;}

.service.sec_04 .left_cont {   width: 30%;}
.service.sec_04 .right_cont {  width: 70%;}

}


@media (max-width: 1600px) {
.sub_page_wrap .sub_txt {   font-size: 1rem;}
}

@media (max-width: 1440px) {
	.sub_page_wrap .sub_txt br {display: none;}
}


@media (max-width: 1366px) {
.sub_page_wrap .sub_title {   font-size: 3.8rem;}
.about_us.sec_04 .tab_btns ul {gap: 25px;margin-top: 0; padding-top: 20px;}

.service.sec_03 .cont_box {width: 48%;}
.service.sec_04 .left_cont {   width: 40%;}
.service.sec_04 .right_cont {  width: 60%;}

.partnership.sec_01 .link_wrap {gap: 2rem;   flex-direction: column; align-content: center;}

.study .cont_box h3.has_box {flex-wrap: wrap;}
.study.sec_03 .cont_box h3 .bar {display: none;}
.study.sec_03 .cont_box h3 .txt {display: block;  width: 100%;}

}



@media (max-width: 1024px) {
	.sub_head_visual {  height: 25.25rem;}
	.sub_head_tit {  font-size: 3rem;}
	.sub_head_desc {  font-size: 1.2rem;}
	.sub_head_visual .title_box {   margin-bottom: 5.5rem;}
	.sub_menu ul li a {font-size: 14px;}
	
	.about_us .cont_box .icon {opacity: 0.1;}
	.about_us.sec_02 .list_wap {gap: 50px;}
	
	.sub_page_wrap .sub_title {  font-size: 3.2rem;}
	.about_us.sec_03 .left_tit {padding-right: 0;}
	.about_us.sec_03 .year-counter {font-size: 150px; bottom: -22px;}
	.about_us.sec_03 .year_tit {  font-size: 3rem;}
	.about_us.sec_03 .right_history .title_wrap {margin-bottom: 2rem;}
	.about_us.sec_04 .address dt, .about_us.sec_04 .address dd {font-size: 1rem;line-height: 1.4em;}
	
	.service.sec_01 .flex_wrap {flex-wrap: wrap;}
	.service.sec_01 .cont_box {width:100%}
	.service.sec_03 .flex_wrap {   flex-wrap: wrap;}
	.service.sec_03 .cont_box {width: 48%;}
	.service.sec_03 .left_cont {width:100%}
	.service.sec_04 .left_cont {   width: 100%;}
	.service.sec_04 .right_cont {  width: 100%; padding-left: 0rem;   padding-top: 3rem;}
	.service.sec_04 .outter {gap: 3rem;}
	
	.study.sec_01 .left_cont, .study.sec_01 .right_cont {  width: 100%;}
	.study.sec_01 .left_cont {margin-bottom:4rem}
	.study.sec_02 .flex_wrap > div {width:100%}
	.study.sec_02.half_black::after {width: 100%;}
	
	
	.study.sec_04 .list_wrap {grid-template-columns: repeat(3, 1fr);  grid-template-rows: auto;}
	.study.sec_04 .item_01 {   grid-row: unset;   grid-column: 1 / 5;}
	.study.sec_04 .item_05 {   grid-column: 1 / 5;}
	.study.sec_04 .item_01 ul {column-count: 2;}
	.study.sec_05 .gsap_left, .study.sec_05 .gsap_right {   width: 100%;}
	.study.sec_05 .gsap_left {margin-bottom: 4rem;}
	.study.sec_05 .gsap_right {  height: auto;}
	
	.study.sec_04.canada .gsap_left, .study.sec_04.canada .gsap_right {width:100%}
	.study.sec_04.canada .gsap_left {position: relative;  top: 0;}
	.study.sec_04.canada .gsap_left .img_list {display:none}
	.study.sec_04.canada .gsap_right {padding-top: 0;}
	.study.sec_04.canada .gsap_right .img_item {display:block; position:relative; margin-bottom:3rem}
	.study.sec_04.canada .gsap_box {   height: auto; padding-left:0}
	.canada .gsap_box .c_box p {  font-size: 0.95rem;}
	.study.sec_04.canada .gsap_box {margin-bottom: 80px;}

}



@media (max-width: 767px) {
.sub_page_wrap .sub_title {  font-size: 3rem;}
h3.square_title { font-size: 1.8rem;}
.sub_page_wrap .sub_mid_title {   font-size: 2.2rem;}
.about_us.sec_02 .title_wrap {   margin-bottom: 5rem;}
.about_us.sec_02 .list_wap {  gap: 0; flex-direction: column; }
.about_us.sec_03 .left_tit, .about_us.sec_03 .right_history {   width: 100%;}
.sub_page_wrap .hd_key {   font-size: 1.2rem;}
.about_us.sec_03 .inner_container {gap: 30px;}
.about_us.sec_03 .year-track button {font-size: 16px;}
.about_us.sec_04 .tab_btns ul {display: block;   white-space: nowrap;    overflow: auto;      padding-bottom: 5px; margin-bottom: 30px;}
.about_us.sec_04 .tab_btns ul li {display: inline-block; margin-right: 20px;}
.addr_map_contents .inner > div {  width: 100%;}
.addr_map_contents .inner {gap: 30px;}

.service.sec_03 .left_cont {padding-right: 1.6rem;}
 .service.sec_03 .cont_box {   width: 100%; }
 .service.sec_04 h4 {width: 100%;  margin-bottom: 0.5em;}
 .partnership.sec_01 .link_wrap .mail_btn {  font-size: 2.6rem;}
 
 .study.sec_03 .cont_wrap {grid-template-columns: 1fr;}
 .study.sec_04 .list_wrap {  display: block; overflow: auto;  white-space: nowrap; }
 .study.sec_04 .cont_box {display: inline-flex;   flex-direction: column;   height: 65vw;  margin-right: 30px;}

 .canada .gsap_box .c_box p {  font-size: 0.75rem;}
 
 
}




@media (max-width: 480px) {
	.sub_head_visual {   height: 15.25rem;    }
	.sub_head_tit {  font-size: 2rem;}
	.sub_head_desc {  font-size: 0.95rem;}
	.sub_head_visual .title_box {  margin-bottom: 2rem; }
	.sub_menu ul li a {font-size: 11px;   width: 6.5em; height: 2.3em; }
	
	
	.about_us.sec_01 {  padding: 3rem 0;}
	.sub_page_wrap .hd_key {   font-size: 1.2rem;}
	.sub_page_wrap .sub_title {   font-size: 2.4rem; }
	.about_us.sec_01 .title_wrap {   margin-bottom: 0;}
	 h3.square_title {  font-size: 1.6rem; }
	 h3.square_title::before {left: -20px;width: 10px;  height: 10px; top: 0.45em;}
	 .about_us .cont_box {height: auto; padding: 2rem;}
	 .about_us .cont_box .ico {width: 200px;  height: 200px;}
	 .about_us .cont_box h3.square_title {  margin-bottom: 0.8em;}
	.sub_page_wrap .sub_txt {  font-size: 1.1rem;}
	.sub_page_wrap .sub_mid_title {  font-size: 1.6rem; }
	.about_us.sec_02 .title_wrap {   margin-bottom: 2rem;}
	.about_us.sec_02 {   padding: 4rem 0;}
	.about_us.sec_03 {  padding-top: 3rem;}
	.about_us.sec_03 .year_tit {   font-size: 2.2rem; }
	.about_us.sec_03 .right_history .title_wrap {  margin-bottom: 1rem; }
	.about_us.sec_03 .h_lists li {font-size: 1rem; margin-bottom: 0.6em;}
	 .about_us.sec_03 .h_fam {  padding-top: 1.2rem;  margin-top: 1.5rem; }
	.about_us.sec_03 .right_history {   height: 38.6rem;}
	.about_us.sec_03 .year-counter {   font-size: 120px;  bottom: -18px; }
	.about_us.sec_03 .year-track {gap: 10px;}
	.about_us.sec_03 .year-track button {   font-size: 14px;  padding: 10px 15px; }
	.about_us.sec_04 {  padding: 3rem 0;}
	.about_us.sec_04 .tab_btns li a {  font-size: 1.2rem;}
	.about_us.sec_04 .tab_btns li a.current { padding-left: 1.2em;}
	.about_us.sec_04 .tab_btns li a.current::before {left: 0.15em;   top: 0.3em;  width: 8px;  height: 8px;}
	.about_us.sec_04 .address {  padding-left: 20px;}
	.about_us.sec_04 .address .link_wrap {   margin-top: 20px;}
	.root_daum_roughmap_landing .wrap_map {   height: 360px !important;}
	.about_us.sec_04 .google_map_wrap {height: 360px;}
	
	
	.service.sec_01 {  padding: 3rem 0 3rem;}
	.service.sec_01 .title_wrap {   margin-bottom: 3rem;}
	.service.sec_01 .border_box {border-left: 4px solid #161620;}
	.service.sec_01 .title_wrap {   margin-bottom: 2rem;}
	.service.sec_01 .border_box {margin-bottom: 5rem;}
	.service.sec_01 .cont_box .img_box {   margin-top: 1.5rem;}
	.service.sec_01 .flex_wrap {   gap: 40px; }
	.service.sec_01  .sub_txt br {display: none}
	.service.sec_02 {  padding: 3rem 0 3rem;}
	.service.sec_02 .cont {   margin-top: 2rem;}
	.sub_page_wrap .check_icon_list li {font-size: 1.1rem; line-height: 1.4em;}
	.sub_page_wrap .check_icon_list li::before {top: 0.2em;}
	.service.sec_03 .left_cont {   padding: 3rem 0 3rem; padding-right: 1.6rem;}
	.service.sec_04 {   padding: 3rem 0 3rem; }
	.service.sec_04 .left_cont ul {   padding-left: 0;}
	.service.sec_04 .outter {  padding-left: 0;}
	
	.partnership.sec_01 {   padding: 3rem 0 3rem;}
	.partnership.sec_01 .sub_txt br {display:none}
	.partnership.sec_01 .title_wrap {   margin-bottom: 3rem;}
	.partnership.sec_01 .round_box {padding: 2rem 2.2rem;}
	.partnership.sec_01 .link_wrap .mail_btn {   font-size: 2rem;}
	.partnership.sec_01 .link_wrap {margin-top: 4.313rem;}
	
	
	.privacy_policy {   padding: 3rem 0 3rem;}
	.privacy_policy h3 {  font-size: 20px;}
	.privacy_policy .detail_con p {   font-size: 14px;}
	.privacy_policy .detail_con p.blet01 {  font-size: 15px;}
	.privacy_policy ul li {  font-size: 14px;}
	
	
	.sub_head_visual.study .inner_container {padding-bottom: 2rem;}
	.study .sub_menu ul {display: grid;  grid-template-columns: repeat(3, 1fr);}
	
	.study.sec_01 {   padding: 3rem 0 3rem;}
	.study.sec_01 h2.tit {  font-size: 2.46rem;}
	.study.sec_01 .tit_under {   font-size: 1.2rem;}
	.study.sec_01 .study_r_tit {font-size: 1.42rem;}
	.study.sec_01 .study_r_tit br {display:none}
	.study.sec_01 .study_r_desc {   font-size: 1.15rem;}
	.study.sec_01 .study_r_desc br {display:none}
	.study.sec_02.h_500 { height: auto;   min-height: 16.875rem;}
	.study.sec_02 {padding:4rem 0 4rem}
	.study.sec_03 {   padding: 3rem 0 3rem;}
	.study.sec_03 .cont_box {padding: 20px;}
	.study .cont_box h3.has_box {   font-size: 1.35rem;}	
	.study .cont_box h3.has_box::before {width: 10px;  height: 10px;}
	.study.sec_04 {   padding: 3rem 0 3rem;}
	.study.sec_04 .img_wrap {   margin-bottom: 3rem;}
	.study.sec_04 .cont_box li {margin-bottom: 5px;}
	.study.sec_04 .cont_box h3 {margin-bottom: 10px;}
	.study.sec_05 {  padding: 3rem 0 !important;}
	.study.sec_05 .gsap_left {  margin-bottom: 3rem; }
	.study.sec_05 .cont_box {  padding: 20px;}

	.canada .gsap_box .box_wrap {  gap: 10px;}
	 .canada .gsap_box .c_box p {   font-size: 3vw; }
	.canada .gsap_box .c_box::after {right: -10px;   width: 12px;  height: 14px;   background: url(../img/sub/c_box_arrow_sm.png) no-repeat center;  background-size: cover;}
	.canada .gsap_box .c_box {min-height: 8.375rem;}
	.canada .gsap_box .t_desc {  font-size: 1.1rem;}
	
	.partners.sec_01 {   padding: 3rem 0 3rem;}
	.partners .univ_list {grid-template-columns: repeat(2, 1fr);   grid-column-gap: 10px;   grid-row-gap: 10px;}
	.partners .univ_list img {max-width: 30vw; max-height: 18vw;}
	.partners .univ_box .logo {height: 100px;}
	.partners .univ_box h3 { font-size: 1rem;}
	
}