@charset "utf-8";

:root {
  --col01:#12107A;
  --col02:#61607e;
  --lbg:#F9F9FB;
  --border:#d9d9e0;
  --ic:'Material Symbols Outlined';
}


/* main */
section.main .main_wrap {overflow:hidden;}
section.main .visual {width:100%; height:100%; z-index:0; background:#28282E;}
section.main .visual .slick-slider,
section.main .visual .slick-list,
section.main .visual .slick-track {height:100%;}
section.main .visual dl {width:100%;}
section.main .visual dd {height:100%; min-height:480px; transition:0.3s;}
section.main .visual dd .bg {position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-size:cover;}
section.main .visual .txt {z-index:99; position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; display:flex; align-items:center; padding:60px 0 100px;}
section.main .visual .txt .eng {font-weight:600; color:var(--col01); font-size:1.1em; margin:0 0 10px;}
section.main .visual .txt .t01 {font-weight:700; font-size:1.5em; line-height:1.2; margin:0 0 20px 20px;}
section.main .visual .txt .t02 {font-size:1.1em; margin:0 0 0 20px;}
section.main .visual dd.slick-active .txt .t01 {animation:anim01 1s ease-in-out infinite alternate; animation-iteration-count:1;}
section.main .visual dd.slick-active .txt .t02 {animation:anim01 1s ease-in-out infinite alternate; animation-iteration-count:1; animation-delay:0.5s;}
section.main .visual .control {position:absolute; bottom:50px; width:100%;}
section.main .visual .control .pdinner {display:flex; align-items:center; justify-content:space-between; gap:10px;}
section.main .visual .control .dots {margin:0 auto 0 20px;}
section.main .visual .control .dots li {display:inline-block; width:10px; height:10px; border-radius:5px; background:#fff; opacity:0.6; transition:0.3s; margin-right:10px;}
section.main .visual .control .dots li.slick-active {width:50px; opacity:1;}
section.main .visual .control .arr {display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:8px; background:#ffffff40; backdrop-filter:blur(10px) brightness(120%); transition:0.3s;}
section.main .visual .control .arr:hover {background:var(--col01); backdrop-filter:unset;}
section.main .visual .control .arr:after {font-family:var(--ic); color:#fff; font-size:1.5em;}
section.main .visual .control .arr.prev:after {content:'chevron_left';}
section.main .visual .control .arr.next:after {content:'chevron_right';}

@media all and (min-width:768px) {
  section.main .visual dd {min-height:720px;}
  section.main .visual .txt .t01 {font-size:2.5em;}
  section.main .visual .control .dots li.slick-active {width:100px;}
}

@media all and (min-width:1200px) {
  section.main .visual .txt .eng {font-size:1.25em; margin:0 0 20px;}
  section.main .visual .txt .t01 {font-size:3em; margin:0 0 40px 20px;}
  section.main .visual .txt .t02 {font-size:1.25em;}
}

@media all and (min-width:1600px) {
  section.main .visual .txt {padding:100px 0 180px;}
  section.main .visual .txt .t01 {font-size:4em;}
  section.main .visual .control {bottom:120px;}
  section.main .visual .control .arr {width:60px; height:60px;}
}


section .swrap {padding:100px 0;}
section.sec02 .swrap {padding-bottom:0;}
section .sectit {padding:0 3%; width:100%; max-width:1440px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 auto 50px; position:relative; z-index:10;}
section .sectit > * {width:100%;}
section .sectit .t01 {color:var(--col01); margin:auto 0 10px; text-transform:uppercase; font-weight:600;}
section .sectit .t02 {font-size:1.75em;  margin:0 0 auto 20px; position:relative; font-weight:700;}
section .sectit .twrap {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px;}
section .sectit .twrap em {font-size:1.1em; color:#888; font-weight:600; margin:0 0 0 20px;}
section .sectit .twrap .control {display:flex; align-items:center; gap:10px; margin:0 0 0 auto;}
section .sectit .twrap .control .arr {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:8px; background:#c0c0c0; transition:0.3s;}
section .sectit .twrap .control .arr:hover {background:#90909e;}
section .sectit .twrap .control .arr:after {font-family:var(--ic); color:#fff; font-size:1.5em;}
section .sectit .twrap .control .arr.prev:after {content:'chevron_left';}
section .sectit .twrap .control .arr.next:after {content:'chevron_right';}
section .sectit .twrap a.more {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:8px; background:var(--col01); color:#fff;}
section .sectit .twrap a.more:after {content:'arrow_outward'; font-family:var(--ic); font-size:1.25em; transition:0.3s;}
section .sectit .twrap a.more:hover:after {transform:rotate(45deg);}

@media all and (min-width:768px) {
  section .sectit .t02 {font-size:2.25em;}
}

@media all and (min-width:1200px) {
  section .swrap {padding:200px 0 140px;}
  body.fp-responsive section .swrap {padding-top:100px;}
  section .sectit {padding:0 20px; margin-bottom:60px;}
  section .sectit .t01 {font-size:1.25em;}
  section .sectit .t02 {font-size:3em; line-height:60px;}
  section .sectit .twrap em {font-size:1.25em;}
  section .sectit .twrap .control .arr,
  section .sectit .twrap a.more {width:50px; height:50px;}
}


.secdot {display:none;}

@media all and (min-width:1600px) {
  body:not(.fp-responsive):not(.fp-viewing-info) .secdot {display:flex; align-items:center; justify-content:center; gap:10px; position:fixed; left:max(-105px, calc(50% - 1105px)); top:calc(50% - 5px); width:300px; height:10px; transform:rotate(90deg); z-index:99;}
  .secdot a {display:flex; align-items:center; gap:10px;}
  .secdot a:before {content:''; display:inline-block; width:10px; height:10px; border-radius:10px; background:rgba(0,0,0,0.1); transition:0.3s;}
  body.fp-viewing-main .secdot a:before {background:rgba(255,255,255,0.2);}
  body.fp-viewing-main .secdot a:nth-child(1):before,
  body.fp-viewing-1st .secdot a:nth-child(2):before,
  body.fp-viewing-2nd .secdot a:nth-child(3):before,
  body.fp-viewing-3rd .secdot a:nth-child(4):before {background:var(--col01);}
  .secdot a em {display:none; font-size:14px; font-weight:600; color:var(--col01); text-transform:uppercase;}
  body.fp-viewing-main .secdot a em {color:#fff;}
  body.fp-viewing-main .secdot a:nth-child(1) em,
  body.fp-viewing-1st .secdot a:nth-child(2) em,
  body.fp-viewing-2nd .secdot a:nth-child(3) em,
  body.fp-viewing-3rd .secdot a:nth-child(4) em {display:block;}
}


section.sec01 {background:#FCFCFD url('../img/main/sec01_txt.svg') no-repeat center calc(100% - 40px) / 90%;}
section.sec01 .btns {display:grid; grid-template-areas:1fr; gap:20px;}
section.sec01 .btns a {border-radius:16px; -webkit-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 40px 0px rgba(0,0,0,0.2); background-size:100%; background-position:center center; background-repeat:no-repeat; overflow:hidden; color:#fff; position:relative; width:100%; height:0; padding-bottom:100%; margin:0 auto; transition:0.3s;}
section.sec01 .btns a > div {position:absolute; left:0; top:0; width:100%; height:100%; background:#202020cc; background:linear-gradient(135deg, #202020cc 0%, #20202000 100%); padding:30px 20px; display:flex; flex-direction:column; justify-content:space-between;}
section.sec01 .btns a:nth-child(1) {background-image:url('../img/main/sec01_bg01.jpg');}
section.sec01 .btns a:nth-child(2) {background-image:url('../img/main/sec01_bg02.jpg');}
section.sec01 .btns a:nth-child(3) {background-image:url('../img/main/sec01_bg03.jpg');}
section.sec01 .btns a .t01 {font-weight:700; line-height:1.2; font-size:1.5em; margin:0 0 20px;}
section.sec01 .btns a .t02 {font-size:0.9em;}
section.sec01 .btns a span.arr {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:8px; background:#ffffff40; backdrop-filter:blur(10px) brightness(120%); margin:auto 0 0 auto; transition:0.3s;}
section.sec01 .btns a:hover span.arr {background:var(--col01); backdrop-filter:unset;}
section.sec01 .btns a span.arr:after {content:'arrow_outward'; font-family:var(--ic); font-size:1.25em; transition:0.3s;}
section.sec01 .btns a:hover span.arr:after {transform:rotate(45deg);}

@media all and (min-width:480px) {
  section.sec01 .btns {grid-template-columns:repeat(2, 1fr);}
  section.sec01 .btns a:nth-child(3) {grid-column:1/-1; padding-bottom:50%;}
  section.sec01 .btns a .t01 {font-size:1.25em;}
}

@media all and (min-width:768px) {
  section.sec01 .btns {grid-template-columns:repeat(3, 1fr);}
  section.sec01 .btns a:nth-child(3) {grid-column:unset; padding-bottom:100%;}
  section.sec01 .btns a .t01 {font-size:1.5em;}
  section.sec01 .btns a .t02 {font-size:1em;}
}

@media all and (min-width:1080px) {
  section.sec01 .btns a:hover {transform:translateY(-10px);}
  section.sec01 .btns a > div {padding:60px 40px;}
}

@media all and (min-width:1200px) {
  section.sec01 .btns {gap:70px;}
  section.sec01 .btns a .t01 {font-size:2em;}
  section.sec01 .btns a span.arr {width:50px; height:50px;}
}


section.sec02 {background:url('../img/main/sec02_bg.jpg') no-repeat right center / cover;}
section.sec02 .swrap {display:flex; flex-direction:column; justify-content:space-between; height:100%;}
section.sec02 .perform_wrap {margin:auto;}
section.sec02 .perform_li {margin:0 -10px;}
section.sec02 .perform_li .box {border-radius:16px; background:#fff; -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1); padding:20px; margin:20px 10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 0;}
section.sec02 .perform_li .box p {width:100%; color:#12107A; font-weight:600; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
section.sec02 .perform_li .box h5 {width:100%; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:break-all; font-weight:600; font-size:1.1em; margin:0 0 auto;}
section.sec02 .perform_li .box span {color:#888; font-size:0.9em;;}
section.sec02 .perform_li .box span.loc {display:block; align-items:center; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:calc(100% - 5em); min-width:0;}
section.sec02 .perform_li .box span.loc:before {content:'location_on'; font-family:var(--ic); color:var(--col01); vertical-align:top; margin-right:0.25em;}
section.sec02 .perform_li .box span.date {width:5em; text-align:right;}
section.sec02 .btns {background:#2A2A6E; background: linear-gradient(45deg, #2A2A6E 0%, #242474 100%); padding:40px 0 80px; margin:60px 0 0;}
section.sec02 .btns .pdinner {display:grid; grid-template-columns:1fr; gap:40px; color:#fff;}
section.sec02 .btns .tit .t01 {color:#BBBAF6; font-weight:600; font-size:0.9em;}
section.sec02 .btns .tit .t02 {font-size:1.5em; font-weight:600; margin:15px 0 0 20px;}
section.sec02 .btns ul {display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;}
section.sec02 .btns ul li {background:#ffffff40; backdrop-filter:blur(10px) brightness(120%); border-radius:16px;}
section.sec02 .btns ul li a {display:flex; width:100%; height:100%; flex-direction:column; align-items:center; justify-content:center; padding:20px; gap:10px; text-align:center; font-size:1.1em;}
section.sec02 .btns ul li a img {width:30px; transition:0.3s;}
section.sec02 .btns ul li a:hover img {transform:scale(1.1);}

@media all and (min-width:768px) {
  section.sec02 .perform_li {margin:0 -20px;}
  section.sec02 .perform_li .box {margin:20px;}
  section.sec02 .btns ul li {height:80px;}
  section.sec02 .btns ul li a {flex-direction:row-reverse; justify-content:space-between; text-align:left;}
}

@media all and (min-width:1200px) {
  section.sec02 .perform_li .box {padding:30px; height:200px;}
  section.sec02 .btns {padding:60px 0 140px;}
  section.sec02 .btns .pdinner {grid-template-columns:auto min(55%, 760px);}
  section.sec02 .btns .tit .t02 {font-size:1.75em;}
  section.sec02 .btns ul {gap:20px;}
}


section.sec03 .con {display:grid; grid-template-columns:1fr;}
section.sec03 .con .sectit {padding:0;}
section.sec03 .notice {background:url('../img/main/sec03_bg01.jpg') no-repeat right center / cover; padding:60px 3%;}
section.sec03 .notice ul {display:grid; grid-template-columns:1fr; gap:20px;}
section.sec03 .notice ul li {background:#fff; border-radius:16px; -webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1); box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1); min-width:0;}
section.sec03 .notice ul li a {display:flex; flex-direction:column; justify-content:space-around; height:100%; padding:20px;}
section.sec03 .notice ul li a .t01 {display:flex; align-items:center; justify-content:space-between;}
section.sec03 .notice ul li a .t02 {font-size:0.9em; color:#888; margin:10px 0 0; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
section.sec03 .notice ul li a .tag {width:80px; height:30px; border-radius:8px; background:var(--col01); font-size:0.9em; color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; margin:0 10px 0 0; flex-shrink:0;}
section.sec03 .notice ul li a em {font-size:1.1em; font-weight:600; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; padding:0 10px 0 0;}
section.sec03 .notice ul li:hover a em {text-decoration:underline;}
section.sec03 .notice ul li a .date {font-size:0.9em; color:#363662; margin:0 0 0 auto; flex-shrink:0;}
section.sec03 .inquiry,
section.sec03 .loc {padding:60px 3%; display:flex; align-items:center; justify-content:center;}
section.sec03 .inquiry {background:url('../img/main/sec03_bg02.jpg') no-repeat right center / cover;}
section.sec03 .loc {background:#2A2A6E; background:linear-gradient(135deg, #2A2A6E 0%, #363662 100%); position:relative;}
section.sec03 .loc .map {display:none;}
section.sec03 .subtit {display:flex; flex-direction:column; align-items:center; justify-content:space-around; gap:10px; color:#fff;}
section.sec03 .subtit .eng {color:#BBBAF6; text-transform:uppercase; font-size:0.9em;}
section.sec03 .subtit .t01 {margin:0; font-size:1.5em; font-weight:700;}
section.sec03 .subtit .t02 {margin:0; font-size:0.9em; opacity:0.6;}
section.sec03 .subtit a {border-radius:8px; background:#ffffff40; backdrop-filter:blur(10px) brightness(120%); display:flex; align-items:center; justify-content:space-between; width:150px; height:50px; padding:0 20px; margin:20px 0 0;}
section.sec03 .subtit a:after {content:'arrow_outward'; font-family:var(--ic); font-size:1.1em; transition:0.3s;}
section.sec03 .subtit a:hover:after {transform:rotate(45deg);}

@media all and (min-width:768px) {
  section.sec03 .con {grid-template-columns:4fr 3fr; grid-template-rows:1fr 1fr; height:100%;}
  body:not(.fp-responsive) section.sec03 .con {padding:60px 0 0;}
  section.sec03 .notice {grid-area:1/1/3/2; display:flex; flex-direction:column; justify-content:center;}
  section.sec03 .notice ul li {height:120px;}
  section.sec03 .inquiry {grid-area:1/2/2/3;}
  section.sec03 .loc {grid-area:2/2/3/3;}
  section.sec03 .subtit .t01 {font-size:1.75em;}
}

@media all and (min-width:1200px) {
  section.sec03 .con {grid-template-columns:1fr 1fr;}
  body:not(.fp-responsive) section.sec03 .con {padding:100px 0 0;}
  section.sec03 .notice {padding:100px 40px 140px max(calc(87.5% - 700px), 20px);}
  section.sec03 .notice ul li a {padding:30px;}
  section.sec03 .inquiry,
  section.sec03 .loc {padding:100px 40px; overflow:hidden;}
  section.sec03 .loc {padding-right:50%;}
  section.sec03 .loc .map {display:block; width:50%; height:calc(100% + 300px); position:absolute; right:0; top:-150px;}
  section.sec03 .loc .map iframe {width:100%; height:100%;}
  section.sec03 .subtit {width:100%; height:100%; align-items:flex-start;}
  section.sec03 .subtit .t01,
  section.sec03 .subtit .t02 {margin-left:20px;}
  section.sec03 .subtit a {margin:auto 0 0;}
}

@media all and (min-width:1600px) {
  section.sec03 .con {grid-template-columns:4fr 3fr;}
  section.sec03 .notice {padding-right:80px;}
  section.sec03 .inquiry,
  section.sec03 .loc {padding:100px 80px;}
}


/*footer*/
#footer {background:#28282E; color:#fff; font-size:0.9em; padding:40px 0 60px;}
#footer ul.bottom_li {display:flex; justify-content:flex-start; align-items:center; gap:0 1em; margin:0 0 20px;}
#footer ul.bottom_li li a {color:#fff; font-weight:600;}
#footer .info {margin-bottom:20px; display:grid; grid-template-columns:auto 1fr; gap:1em;}
#footer .info ul {display:flex; flex-wrap:wrap; gap:10px;}
#footer .info ul li.full {width:100%;}
#footer .info ul li b {font-weight:600; margin:0 0.2em 0 0;}
#footer .copy {font-size:0.9em; margin-top:10px;}
#pageup {position:fixed; z-index:999; right:10px; bottom:10px; width:50px; height:50px; border-radius:8px; background:var(--col01); display:none; cursor:pointer;}
#pageup:after {font-family:var(--ic); content:'arrow_upward'; color:#fff; display:flex; width:100%; height:100%; align-items:center; justify-content:center;}

@media all and (min-width:768px) {
  #footer {padding:60px 0 80px;}
  #footer ul.bottom_li {margin:0 0 40px;}
  #footer .info {margin-bottom:40px; gap:2em;}
  #pageup {width:60px; height:60px; right:20px; bottom:20px;}
}


/* Common Layout CSS _ 15.05.18 */
.wrap {max-width:2000px; min-width:320px; width:100%; margin: 0 auto; position:relative;}
.inner {max-width:1440px; width:100%; position:relative; margin: 0 auto;}
.pdinner {max-width:1440px; width:100%; padding:0 3%; position:relative; margin: 0 auto;}
.mEnter {display:block;}
.pEnter {display:inline-block;}
.mb {margin-bottom:30px !important}
.bmb {margin-bottom:40px !important}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.pb {padding-bottom:30px !important}
.bpb {padding-bottom:40px !important}
.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}
.fwb {font-weight:600}
.fss {font-size:0.8em}
.fsl {font-size:1.1em}

@media all and (min-width:768px) {
	.mb {margin-bottom:40px !important;}
	.bmb {margin-bottom:60px !important;}
	.pb {padding-bottom:40px !important}
	.bpb {padding-bottom:60px !important}
	.mo_only {display:none;}
	.move_scroll {max-width:100%;}
	.pdinner {padding:0 3%;}
}

@media all and (min-width:1200px) {
  .mEnter {display:inline-block;}
  .pEnter {display:block;}
  .mb {margin-bottom:50px !important;}
  .bmb {margin-bottom:80px !important;}
  .pb {padding-bottom:50px !important;}
  .bpb {padding-bottom:80px !important;}
  .pdinner {padding:0 20px;}
}

@media all and (min-width:1600px) {
  body, html {font-size:18px;}
}


.dot_li li {text-align:left; line-height:1.6em; padding-left:0.7em; position:relative;}
.dot_li li:before {content:''; display:inline-block; width:0.2em; height:0.2em; border-radius:50%; background:#aaa; position:absolute; left:0; top:0.7em;}
.img_li {display:flex; flex-wrap:wrap; align-items:flex-start; gap:10px 2%;}
.img_li li {width:49%; text-align:center;}
.tit_dot {font-size:1.4em; padding-left:30px; background:url('../img/tit_dot.png') no-repeat left center; font-weight:700;}

@media all and (min-width:768px) {
	.img_li li {width:32%;}
}

@media all and (min-width:1200px) {
	.img_li li {width:23.5%;}
}


/* animation */
@-webkit-keyframes dot {
		0% {-webkit-transform:scaleX(0); -webkit-transform-origin:0 0;}
    100% {-webkit-transform:scaleX(1); -webkit-transform-origin:0 0;}
}
@keyframes dot {
		0% {transform:scaleX(0); transform-origin:0 0;}
    100% {transform:scaleX(1); transform-origin:0 0;}
}
@-webkit-keyframes visbg {
  from {-webkit-transform:scale(105%);}
  to {-webkit-transform:scale(100%);}
}
@keyframes visbg {
  from {transform:scale(105%);}
  to {transform:scale(100%);}
}
@-webkit-keyframes anim01 {
	0% {opacity:0; -webkit-transform:translateX(40px);}
	10% {opacity:0;}
	100% {-webkit-transform:translateX(0); opacity:1;}
}
@keyframes anim01 {
	0% {opacity:0; -webkit-transform:translateX(40px);}
	10% {opacity:0;}
	100% {-webkit-transform:translateX(0); opacity:1;}
}
@-webkit-keyframes scroll {
	0% {-webkit-transform:translateY(0);}
	30% {-webkit-transform:translateY(20px);}
	100% {-webkit-transform:translateY(0);}
}
@keyframes scroll {
	0% {transform:translateY(0);}
	30% {transform:translateY(20px);}
	100% {transform:translateY(0);}
}


/* 서브레이아웃 */
#sub_vis {position:relative; padding:60px 0 0; background:#404040 no-repeat center center / cover; color:#fff; height:240px;}
#sub_vis .pdinner {display:flex; height:100%; align-items:center; justify-content:center; flex-direction:column;}
#sub_vis h2 {font-size:2em; color:#fff; font-weight:700; text-align:left; margin:auto 0; width:100%; padding:0 0 0 1em;}
#sub_vis .loc {display:flex; align-items:center; justify-content:flex-end; padding:0 0 1em; width:100%; font-size:14px;}
#sub_vis .loc li {display:flex; align-items:center;}
#sub_vis .loc li:not(:last-child):after {content:'keyboard_arrow_right'; font-family:var(--ic); margin:0 0.25em;}
#sub_vis .loc a.home:after {content:'home'; font-family:var(--ic);}

@media all and (min-width:768px) {
	#sub_vis {padding:100px 0 0; height:400px;}
	#sub_vis h2 {font-size:2.5em;}
  #sub_vis .loc {padding:0 0 2em;}
}

@media all and (min-width:1200px) {
	#sub_vis h2 {font-size:3em; padding:0;}
  #sub_vis .loc {font-size:16px;}
}


#sub {width:100%; margin:0 auto; position:relative; min-height:400px; padding:40px 0 80px; overflow:hidden;}
.subwrap {margin:0 auto;}
.sub_tit {font-size:1.75em; font-weight:700; margin:0 0 40px; text-align:center;}
.sub_sub_tit {text-align:center; color:var(--col02); font-weight:600; font-size:1.1em;}

@media all and (min-width:768px) {
	.sub_tit {font-size:2em; margin:0 0 60px;}
  .sub_sub_tit {font-size:1.25em;}
}

@media all and (min-width:1200px) {
  #sub {min-height:650px; padding:60px 0 100px;}
  .sub_tit {font-size:2.5em;}
  .sub_sub_tit {font-size:1.75em;}
}


/*서브메뉴 - 공통 */
.menu_wrap {height:50px; border-bottom:1px solid var(--border); background:var(--lbg);}

@media all and (min-width:960px) {
  .menu_wrap {height:60px;}
}


/*서브메뉴*/
#submenu {display:flex;}
#submenu .inner {display:flex;}
#submenu a.arr {display:flex; align-items:center; justify-content:space-between; width:100%; height:50px; padding:0 1em; font-weight:600;}
#submenu a.arr:after {font-family:var(--ic); content:'keyboard_arrow_down'; -webkit-font-feature-settings:'liga'; transition:0.2s;}
#submenu .list {display:none; position:absolute; left:0; top:50px; width:100%; z-index:99; background:#fff; border-bottom:1px solid var(--border); padding:20px;}
#submenu .list a {text-align:left; display:flex; align-items:center; justify-content:flex-start; cursor:pointer; transition:0.3s;}
#submenu .list a:hover {color:var(--col01); font-weight:700;}
#submenu .list a.on {display:none;}
#submenu.on .list {display:flex; flex-direction:column; gap:10px;}
#submenu.on a.arr:after {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}

@media screen and (min-width:960px) {
  #submenu a.arr {display:none;}
  #submenu .list {display:flex; position:absolute; left:0; top:0; border:0; padding:0; background:0;}
  #submenu .list a {height:60px; justify-content:center; font-weight:600; flex:1; text-align:center; color:#888; position:relative;}
  #submenu .list a:hover {color:unset; font-weight:unset;}
  #submenu .list a.on {display:flex; color:var(--col01); font-weight:700;}
  #submenu .list a.on:after {content:''; display:inline-block; width:2em; height:2px; background:var(--col01); position:absolute; left:calc(50% - 1em); bottom:0;}
}

@media screen and (min-width:1200px) {
  #submenu .list a {background:0;}
}