@import url('./reset.css');
@import url('./common.css');

main{position:relative;}

section{width:100%; display:flex; justify-content:center;}
section article{width:100%; max-width:1500px}
section article h2{font-size:4.8rem; font-weight:700; white-space:nowrap;}

.sc1{width:100%; position:relative; display:flex; justify-content: center; padding-top:50px; background: linear-gradient(to right, #CAF8F6, #E3F3E1);}
.sc1 article{display:flex; justify-content: center; gap:78px; position:relative; align-items: center;}
.sc1 article::Before{content:""; display:block; width:700px; height:353px; background:url("../images/sc1_bg.png")center center no-repeat; background-size:100%; aspect-ratio: 700/353;}
.sc1::after{content:""; display:block; width:160px; aspect-ratio: 1/1; position:absolute; left:0px; bottom:0px;}
.sc1 .schWrap{display:flex; flex-direction: column; align-items: center; gap:12px 0px; right:0px; max-width:700px; padding-bottom:20px;}
.sc1 .schWrap h2{font-size:2rem; color:#0192A6; font-weight:600;}
.sc1 .schWrap h3{display:flex; align-items: center; font-size:4.8rem; color:#0A4486; gap:0px 8px; font-weight:800; letter-spacing: -0.3rem;}
.sc1 .schWrap h3::before{content:""; display:block; width:50px; aspect-ratio: 1/1; background:url("../images/ai.svg")center center no-repeat; background-size:100%;}
.sc1 .schWrap .inputForm{display:flex; position:relative; width:100%; padding:3px; background:linear-gradient(90deg, rgba(0, 149, 144, 1) 0%, rgba(0, 122, 167, 1) 100%); border-radius:100px;}
.sc1 .schWrap .inputForm input[type=text]{width:100%; height:80px; font-weight:500; padding-left: 40px; font-size:2.4rem; color:inherit; border-radius:80px;}
.sc1 .schWrap .inputForm button{position:absolute; width:80px; aspect-ratio: 1/1; border-radius:50%; background:rgba(0, 122, 167, 1) url("../images/search_icon.png")center center no-repeat; background-size:41px 40px; font-size:0px; right:0px;}
.sc1 .schWrap .inputForm input[type=text]::placeholder{color:#C1D9E3;}
.sc1 .schWrap ul{display:flex; gap:8px; flex-wrap:wrap; justify-content: center;}
.sc1 .schWrap ul li a{display:block; border:2px solid rgba(1, 146, 166, 0.5); border-radius:20px; padding:5px 16px; font-size:1.8rem;font-weight:600; color:rgba(0, 122, 167, 1); background:rgba(233, 253, 255, 1);}

.sc2{position:relative; display:flex; align-items: center; justify-content: center; background: linear-gradient(to right, #ffffff, #E3F3E1);}
.sc2 article{display:flex; justify-content:center; padding: 25px 50px 0px 50px; background: linear-gradient(to right,  #007AA7 10%, #00B1A3 90%); border-radius: 0px 240px 0 240px;}
.sc2::Before{content:""; position:absolute; left:0px; display:block; width:224px; aspect-ratio: 1/1; background:url("../images/topicon_left_pc.svg")center center no-repeat; background-size:100%; top:1px; transform:translateY(-100%); max-width:11vw;}
.sc2::after{content:""; position:absolute; right:0px; display:block; width:202px; aspect-ratio: 1/1; background:url("../images/topicon_right_pc.svg")center center no-repeat; background-size:100%; bottom:1px; transform:translateY(100%); max-width:11vw;}
.sc2 ul{display:flex; width: 100%; justify-content: space-between;}
.sc2 ul li a{color:#fff; width:100px; font-size:1.8rem;font-weight:500; display:flex; flex-direction: column; gap:12px 0px; position:relative; align-items: center; transition-duration: 0.2s; white-space:nowrap;}
.sc2 ul li a span{position:relative; display:block; width:fit-content;}
.sc2 ul li a span::after{content:""; position:absolute; bottom:-2px; display:block; width:100%; height:2px; background:#fff; opacity:0; transform:scaleX(0); transition-duration:0.2s;}
.sc2 ul li a:is(:hover,:focus){font-weight:700;}
.sc2 ul li a:is(:hover,:focus) span::After{transform:scaleX(1); opacity:1;}
.sc2 ul li a::Before{content:""; display:block; width: 88px; border-radius:30px; aspect-ratio: 1/1;  transition-duration:0.2s;}
.sc2 ul li:nth-of-type(1) a::Before{background:url("../images/quick1.svg") #fff center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(2) a::Before{background:url("../images/quick2.svg") #fff center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(3) a::Before{background:url("../images/quick3.svg") #fff center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(4) a::Before{background:url("../images/quick4.svg") #fff center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(5) a::Before{background:url("../images/quick5.svg") #fff center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(6) a::Before{background:url("../images/quick6.svg") #fff center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(7) a::Before{background:url("../images/quick7.svg") #fff center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(8) a::Before{background:url("../images/quick8.svg") #fff center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(9) a::Before{background:url("../images/quick9.svg") #fff center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(10) a::Before{background:url("../images/quick10.svg") #fff center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(11) a::Before{background:url("../images/quick11.svg") #fff center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(12) a::Before{background:url("../images/quick12.svg") #fff center center no-repeat; background-size:100%;}

.sc2 ul li:nth-of-type(1) a:is(:hover,:focus)::Before{background:url("../images/quick1_on.svg") center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(2) a:is(:hover,:focus)::Before{background:url("../images/quick2_on.svg") center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(3) a:is(:hover,:focus)::Before{background:url("../images/quick3_on.svg") center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(4) a:is(:hover,:focus)::Before{background:url("../images/quick4_on.svg") center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(5) a:is(:hover,:focus)::Before{background:url("../images/quick5_on.svg") center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(6) a:is(:hover,:focus)::Before{background:url("../images/quick6_on.svg") center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(7) a:is(:hover,:focus)::Before{background:url("../images/quick7_on.svg") center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(8) a:is(:hover,:focus)::Before{background:url("../images/quick8_on.svg") center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(9) a:is(:hover,:focus)::Before{background:url("../images/quick9_on.svg") center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(10) a:is(:hover,:focus)::Before{background:url("../images/quick10_on.svg") center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(11) a:is(:hover,:focus)::Before{background:url("../images/quick11_on.svg") center center no-repeat; background-size:100%;}
.sc2 ul li:nth-of-type(12) a:is(:hover,:focus)::Before{background:url("../images/quick12_on.svg") center center no-repeat; background-size:100%;}

.sc3 p.exp{display:flex; align-items: center; gap:0px 4px; font-size:1.8rem;font-weight:500; color:#617179; margin:12px auto 46px; justify-content: center;}
.sc3 p.exp::Before{content:""; display:block; width:20px; height:20px; background:url("../images/info.svg")center center no-repeat; background-size:100%;}
.sc3 h2{display:flex; justify-content: space-between;}
.sc3 h2 a{font-size:0px; display:block; width:48px; height:48px; border:1px solid #C1D9E3; border-radius:12px; background:url("../images/icon_plus.svg")center center no-repeat; background-size:14px;}
.sc3Board{display:grid; margin-top:36px; align-items: stretch; grid-template-columns:repeat(4,1fr); gap:0px 24px;}
.sc3Board li {min-width: 0}
.sc3Board li a{position:relative; display:flex; height:100%; flex-direction: column; border-radius:24px; border:1px solid #AECAD5; overflow:hidden;}
.sc3Board li a div{padding:36px;}
.sc3Board li a > img{width:100%; height:240px; margin-top:auto; position:relative; object-fit: cover; object-position: top;}
.sc3Board li a::After{content:""; position:absolute; bottom:0px; height:240px; display:block; width:100%; background:rgba(0,0,0,0.5); opacity:0; transition-duration:0.3s;}
.sc3Board li a:is(:hover,:focus)::After{opacity:1;}
ul.typeList{display:flex; align-items: center; gap:0px 4px; margin-bottom:24px;}
ul.typeList li{border-radius:8px; padding:8px; display:flex; align-items: center; padding:0px 8px; height:34px; font-size:1.8rem;font-weight:600; color:#fff; white-space:nowrap;}
ul.typeList li.type1 {background: #FF7B73;}
ul.typeList li.type2 {background: #A776EA;}
ul.typeList li.type3 {background: #1AACEB;}
ul.typeList li.type4 {background: #4BC27D;}
ul.typeList li.type5 {background: #FFC94A;}
ul.typeList li.type6 {background: #FF9EC4;}
ul.typeList li.type7 {background: #6EC9E0;}
ul.typeList li.type8 {background: #9DCA64;}
ul.typeList li.type9 {background: #F5A623;}
ul.typeList li.type10 {background: #C86DD7;}
ul.typeList li.type11 {background: #00BFA5;}
ul.typeList li.type12 {background: #FF8F00;}
ul.typeList li.type13 {background: #607D8B;}
ul.typeList li.type14 {background: #8BC34A;}
ul.typeList li.type15 {background: #3F51B5;}
ul.typeList li.EB{font-size:0px; aspect-ratio:1/1; height:34px; background:#89A4AF url("../images/icon_eb.svg")center center no-repeat; background-size:15px 22px;}
ul.typeList li.EB.on{background:#FFDB7E url("../images/icon_eb.svg")center center no-repeat;}
.sc3Board li a p{
	font-size:2.4rem; 
	font-weight:500; 
	color:#0192A6;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: auto;
    }
.sc3Board li a strong{font-size:2.8rem; font-weight:600; line-height:120%; line-clamp:2; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical;}

section.sc4{margin-top:60px;}
section.sc4 article{display:flex; align-items: start; justify-content: space-between;}
section.sc4 article .titleArea{margin-right:36px;}
section.sc4 article .titleArea ul{display:flex; align-items: center; gap:0px 8px; margin-top:24px;}
section.sc4 article .titleArea ul li a{display:flex; justify-content: center; align-items: center; width:48px; aspect-ratio: 1/1; font-size:0px; border-radius:12px; border:1px solid #C1D9E3;}
section.sc4 article .titleArea ul li.prev a::Before{content:""; display:block; width:7px; height:15px; background:url("../images/arrow_left.svg")center center no-repeat; background-size:100%;}
section.sc4 article .titleArea ul li.next a::Before{content:""; display:block; width:7px; height:15px; background:url("../images/arrow_right.svg")center center no-repeat; background-size:100%;}
section.sc4 article .titleArea ul li.add a::Before{content:""; display:block; width:14px; height:14px; background:url("../images/icon_plus.svg")center center no-repeat; background-size:100%;}
.sc4Board{display:flex; align-items: stretch; flex:1; gap:0px 24px; max-width:calc(100% - 296px);}
.sc4Board .sc4BoardItem{position:relative; display:flex; flex-direction: column; border-radius:24px; border:1px solid #D9D9D9; padding:48px; height:280px; margin-left:23px;}
.sc4Board .sc4BoardItem .typeList{margin-bottom:12px;}
.sc4Board .sc4BoardItem strong{font-size:2.8rem; font-weight:600; line-height:120%; line-clamp:2; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical;}
.sc4Board .sc4BoardItem ul.infoList{display:flex; flex-direction: column; gap:5px 0px; margin-top:auto;}
.sc4Board .sc4BoardItem ul.infoList li{display:flex; align-items: center; gap:0px 5px;}
.sc4Board .sc4BoardItem ul.infoList li span{color:#617179; font-weight:600;}
.sc4Board .sc4BoardItem ul.infoList li{font-size:1.8rem;font-weight:500;}
.sc4Board .sc4BoardItem::after{ display: none; content:""; width:95px; height:95px; background:#fff url("../images/imground_bg.svg")center center no-repeat; background-size:100%; position:absolute; right:-2px; bottom:-2px;}
/*.linkBtn{display:flex; font-size:0px; border-radius:50%; background:#617179; width:50px; aspect-ratio: 1/1; justify-content: center; align-items: center;}*/
/*.linkBtn::Before{content:""; display:block; width:12px; height:12px; background:url("../images/link_icon.svg")center center no-repeat; background-size:100%;}*/
.sc4Board .sc4BoardItem a.linkBtn{position:absolute; bottom:0px; right:0px; z-index:2; display: none;}

.sc5{position:relative; margin-top:60px; display:flex; align-items: center; justify-content: center; background: #ccf7f4; padding:25px 0px; border-radius:240px 0px 240px 0px; border-top: 1px solid #ccf7f4; border-bottom: 1px solid #ccf7f4;}
.sc5::Before{content:""; position:absolute; right:0px; display:block; width:224px; aspect-ratio: 1/1; background:url("../images/btmicon_right_pc.svg")center center no-repeat; background-size:100%; top:0px; transform:translateY(-100%); max-width:11vw;}
.sc5::after{content:""; position:absolute; left:0px; display:block; width:202px; aspect-ratio: 1/1; background:url("../images/btmicon_left_pc.svg")center center no-repeat; background-size:100%; bottom:0px; transform:translateY(100%); max-width:11vw;}
.sc5 ul{display:flex; width: 100%; justify-content: space-between;}
.sc5 ul li a{ width:100px; font-size:1.8rem;font-weight:500; display:flex; flex-direction: column; gap:12px 0px; position:relative; align-items: center; transition-duration: 0.2s; white-space:nowrap;}
.sc5 ul li a span{display:block; width:fit-content; position:relative;}
.sc5 ul li a span::after{content:""; opacity:0; position:absolute; bottom:-2px; display:block; width:100%; height:2px; background:#272D30; transform:scaleX(0); transition-duration:0.2s;}
.sc5 ul li a:is(:hover,:focus){font-weight:700;}
.sc5 ul li a:is(:hover,:focus) span::After{/*transform:scaleX(1); opacity:1;*/}
.sc5 ul li a::Before{content:""; display:block; width: 88px; border-radius:30px ; aspect-ratio: 1/1;  transition-duration:0.2s; box-shadow:0px 0px 0px rgba(0,0,0,0);}
.sc5 ul li:nth-of-type(1) a::Before{background:url("../images/quick_bottom_1.svg") #fff center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(2) a::Before{background:url("../images/quick_bottom_2.svg") #fff center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(3) a::Before{background:url("../images/quick_bottom_3.svg") #fff center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(4) a::Before{background:url("../images/quick_bottom_4.svg") #fff center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(5) a::Before{background:url("../images/quick_bottom_5.svg") #fff center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(6) a::Before{background:url("../images/quick_bottom_6.svg") #fff center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(7) a::Before{background:url("../images/quick_bottom_7.svg") #fff center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(8) a::Before{background:url("../images/quick_bottom_8.svg") #fff center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(9) a::Before{background:url("../images/quick_bottom_9.svg") #fff center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(10) a::Before{background:url("../images/quick_bottom_10.svg") #fff center center no-repeat; background-size:100%;}
.sc5 ul li a:is(:hover,:focus)::Before{box-shadow: 0px 4px 4px 0px #00000040;}
.sc5 ul li:nth-of-type(1) a:is(:hover,:focus)::Before{background:url("../images/quick_bottom_1_on.svg") center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(2) a:is(:hover,:focus)::Before{background:url("../images/quick_bottom_2_on.svg") center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(3) a:is(:hover,:focus)::Before{background:url("../images/quick_bottom_3_on.svg") center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(4) a:is(:hover,:focus)::Before{background:url("../images/quick_bottom_4_on.svg") center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(5) a:is(:hover,:focus)::Before{background:url("../images/quick_bottom_5_on.svg") center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(6) a:is(:hover,:focus)::Before{background:url("../images/quick_bottom_6_on.svg") center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(7) a:is(:hover,:focus)::Before{background:url("../images/quick_bottom_7_on.svg") center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(8) a:is(:hover,:focus)::Before{background:url("../images/quick_bottom_8_on.svg") center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(9) a:is(:hover,:focus)::Before{background:url("../images/quick_bottom_9_on.svg") center center no-repeat; background-size:100%;}
.sc5 ul li:nth-of-type(10) a:is(:hover,:focus)::Before{background:url("../images/quick_bottom_10_on.svg") center center no-repeat; background-size:100%;}


.sc6 p.exp{display:flex; align-items: center; gap:0px 4px; font-size:1.8rem;font-weight:500; color:#617179; margin:12px auto 46px; justify-content: center;}
.sc6 p.exp::Before{content:""; display:block; width:20px; height:20px; background:url("../images/info.svg")center center no-repeat; background-size:100%;}
.sc6 .sc6Board{margin-top:80px; display:Flex; gap:0px 40px;}
.sc6 .sc6Board .sc6Slide{max-width:576px; position:relative; }
.sc6 .sc6Board .sc6Slide .slick-dots{bottom: 20px;}
.sc6 .sc6Board .sc6SlideItem{position:relative; width:fit-content; overflow:hidden; height:100%; display:flex; flex-direction: column; align-items: center; max-height:364px; border-radius: 36px;}
.sc6 .sc6Board .sc6SlideItem img{max-width:100%; height:364px; width: 100%; object-fit: cover; object-position: top;}
.sc6 .sc6Board .sc6SlideItem svg {display: none;}
.sc6 .sc6Board .sc6SlideItem a.linkBtn{position:absolute; bottom:0px; right:0px; z-index:2;}
/*.sc6 .sc6Board .sc6SlideItem::after{content:""; position:absolute; bottom:0px; right:-20px; display:block; width:121px; aspect-ratio: 121/100; /*background:url("../images/banner_pc.svg")center no-repeat;*/ background-size:100%;}*/
.sc6 .sc6Board .sc6Slide .slick-dots{position:absolute; bottom:20px;}
.sc6 .sc6Board .sc6Slide .slick-dots li{width:fit-content; height:fit-content; margin:0px 2px;}
.sc6 .sc6Board .sc6Slide .slick-dots li button{width:8px; height:8px; border-radius:50%; background:#fff; transition-duration:0.2s; }
.sc6 .sc6Board .sc6Slide .slick-dots li.slick-active button{background:#272D30;}
.sc6 .sc6Board h2{display:flex; align-items: center;}
.sc6 .sc6Board h2 div{position:relative; flex-shrink: 0; display:flex; align-items: center; margin-left:24px; background:#EFF6F9; border-radius:100px;}
.sc6 .sc6Board h2 div a{padding:11px 16px; border-radius:100px; font-size:1.8rem;color:#89A4AF;}
.sc6 .sc6Board h2 div a.on{background:#272D30; color:#fff;}
.sc6 .sc6Board h2 .more{margin-left:auto; font-size:0px; display:block; width:48px; height:48px; border:1px solid #C1D9E3; border-radius:12px; background:url("../images/icon_plus.svg")center center no-repeat; background-size:14px;}
.sc6 .sc6Notice{flex:1; width:100%;}
.sc6 .sc6Notice .sc6BoardItems{display:flex; align-items: stretch; gap:0px 24px; margin-top:27px; height:100%}
.sc6 .sc6Notice .sc6BoardItems li a {border-radius:36px; overflow:hidden; max-height: 280px; height: 100%}
.sc6 .sc6Notice .sc6BoardItems li a::before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; left:0px;top:0px;}
.sc6 .sc6Notice .sc6BoardItems li a svg {display:none; position:absolute; right:-1px;bottom:-1px; width:100px; height:100px}
.sc6 .sc6Notice .sc6BoardItems li strong{font-size:2.8rem; color:#fff; font-weight:600; line-height:120%; position:absolute; top:36px; width:calc(100% - 72px); left:32px;}
/*.sc6 .sc6Notice .sc6BoardItems li::after{content:""; display:block; width:120px; aspect-ratio: 121/100; background:url("../images/banner_pc.svg")center center no-repeat; background-size:100%; position:absolute; right:0px; bottom:0px;}*/
.sc6 .sc6Notice .sc6BoardItems li img{width: 100%; height: 100%; object-fit: cover; object-position: top;}
/*.sc6 .sc6Notice .sc6BoardItems li a.linkBtn{display:none; position:absolute; right:0px; bottom:0px; z-index:3;}*/

.sc7{margin-top:3rem;}
.sc7 h2{display:flex; align-items: center; justify-content: space-between;}
.sc7 h2 .more{ font-size:0px; display:block; width:48px; height:48px; border:1px solid #C1D9E3; border-radius:12px; background:url("../images/icon_plus.svg")center center no-repeat; background-size:14px;}
.sc7 .sc7List{display:flex; margin-top:36px; background:#EFF6F9; border-radius:12px;}
.sc7 .sc7List li{flex:1;}
.sc7 .sc7List li a{display:flex; justify-content: center; align-items: center; border-radius:12px; padding:20px 0px; font-size:2rem; font-weight:600; color:#89A4AF; width: 100%; transition-duration:0.2s;}
.sc7 .sc7List li.on a{color:#fff; background:#0192A6; box-shadow: 0 0 12px 0 var(--617179, #617179);}
.sc7 .sc7subList{display:grid; margin-top:24px; grid-template-columns: repeat(4,1fr); gap:12px;}
.sc7 .sc7subList li a{font-size:1.8rem;color:#617179; font-weight:500; padding:0px 24px; display:flex; align-items: center; width:100%; border-radius:18px; border:1px solid #C1D9E3; outline:2px solid transparent; box-shadow:0px 0px 0px rgba(0,0,0,0); transition-duration: 0.2s; height:90px;}
.sc7 .sc7subList li a:is(:hover,:focus){border:1px solid #0192A6; outline:2px solid #0192A6; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); color:#272D30;}

.sc8{margin-top:57px; padding:0 80px;}
.sc8 article h2,
.sc8 article strong,
.sc8 article p{font-size:0px;}
.sc8 article{position:relative; background:url("../images/qaBanner.png")center center no-repeat; background-size:100%; aspect-ratio: 1400/243; width:100%;}
.sc8 article a{
	position:absolute; 
	right:1rem; 
	bottom:1rem; 
	display:flex; 
	align-items: center; 
	background:#FFFFFF; 
	color:#0192A6; 
	font-weight: 600; 
	font-size:1.8rem;
	gap:0px 8px; 
	border-radius:100px; 
	padding:20px; 
	justify-content: center; 
	width:19rem; 
	height:6rem; 
	transition-duration:0.2s;}
/*.sc8 article a:is(:hover,:focus){background:#0192A6;}*/
.sc8 article a::after{content:""; display:block; width:15px; height:15px; background:url("../images/shortcutarrow.svg")center center no-repeat; background-size:100%;}

.sc9{position:relative; margin-top:80px; padding-top:80px; background:#005068 url("../images/bgmap.png")center bottom no-repeat; background-size:100%; padding-bottom:40px;}
.sc9 h2{color:#fff; display:flex; justify-content: space-between; align-items: center;}
.sc9 h2 .more{ font-size:0px; display:block; width:48px; height:48px; border:1px solid #C1D9E3; border-radius:12px; background:rgba(255,255,255,0.2) url("../images/icon_plus_2.svg")center center no-repeat; background-size:14px;}
.sc9::before{content:""; display:block; width:224px; aspect-ratio: 1/1; background:url("../images/bottom_end.svg")center center no-repeat; background-size:100%; position:absolute; top:2px; left:-1px; transform:translateY(-100%); max-width:11vw;}
.sc9 .sc9Board{margin-top:36px; display:flex; align-items: stretch; gap:0px 48px;}

.sc9 .sc9Board .sc9Search{display:flex;flex-direction: column; width:575px; border-radius:24px; overflow:hidden; margin-bottom: 4rem;}
.sc9 .sc9Board .sc9Search form{display:flex; position:relative; align-items: center; gap:0px 12px; padding:12px 24px; background:#EFF6F9; border-radius:24px 24px 0px 0px; }

.sc9 .sc9Board .sc9Search form select, .sc9 .sc9Board .sc9Search form input{border:0px; background:none; appearance: none; height:48px; font-size:1.8rem;font-weight:500; min-width:168px;}
.sc9 .sc9Board .sc9Search form select{width:40%; background:url("../images/select_arrow.svg")right center no-repeat; background-size:18px 18px;}
.sc9 .sc9Board .sc9Search form button{position:absolute; right:0px; font-size:0px; width:24px; height:24px; background:url("../images/search2.svg")center center no-repeat; right:20px; top:50%; transform:translateY(-50%);}
.sc9 .sc9Board ul.schList{display:flex; flex-direction: column; flex:1; overflow-y:auto; max-height:630px;}
.sc9 .sc9Board ul.schList > li{display:flex; align-items: center; padding:24px; gap:0px 24px; background:#fff; border-bottom:1px solid #AECAD5;}
.sc9 .sc9Board ul.schList > li::Before{content:""; display:block; width:80px; height:80px; border-radius:24px; background:#EFF6F9 url("../images/union.svg")center center no-repeat; background-size:28px;}
.sc9 .sc9Board ul.schList > li > div{display:flex; flex-direction: column; }
.sc9 .sc9Board ul.schList > li > div .typeList{margin-bottom:8px;}
.sc9 .sc9Board ul.schList > li > div strong{font-size:2.1rem; font-weight:600;}
.sc9 .sc9Board ul.schList > li > div .infoList{display:flex; align-items: flex-start; flex-direction: column; gap:8px; margin-top:12px;}
.sc9 .sc9Board ul.schList > li > div .infoList li{display:flex; align-items:center; gap:0px 4px; font-size:1.8rem;color:#617179; font-weight:500;}
.sc9 .sc9Board ul.schList > li > div .infoList li.tel::Before{content:""; display:block; width:16px; height:16px; background:url("../images/icon_tel.svg")center center no-repeat; background-size:100%;}
.sc9 .sc9Board ul.schList > li > div .infoList li.loc::Before{content:""; display:block; width:14px; height:16px; background:url("../images/icon_loc.svg")center center no-repeat; background-size:100%;}


.sc1 article::Before{transition-duration:1s; animation:ease-in-out; opacity:0;}
.sc1.eventOn article::Before{opacity:1;}
.sc2 ul,
.sc2.eventOn ul {
    position:relative;
    left:0;
    opacity:1;
    transform:none;
    transition:none;
}
/*.sc2 ul{position:relative; left:-50vw; transition-duration:1s; animation:ease-in-out; transform-origin:left top; opacity:0; transform:scaleX(0)scaleY(0.5);}
.sc2.eventOn ul{left:0vw; transform:scaleX(1)scaleY(1); opacity:1;}  이벤트 제거 */
.sc5 ul{position:relative; right:-50vw; transition-duration:1s; animation:ease-in-out; transform-origin:right top; opacity:0; transform:scaleX(0)scaleY(0.5);}
.sc5.eventOn ul{right:0vw; transform:scaleX(1)scaleY(1); opacity:1;}
section{transition-duration: 0.3s; animation: ease-in-out; transform:translateY(50px); opacity:0;}
section.eventOn{transform:translateY(0px); opacity:1;}

@media screen and (min-width: 1400px) {
    section article{padding:0 50px;}
    .sc2 ul,
	.sc2.eventOn ul {
	    padding-bottom: 25px;
	    /*padding-left: 80px;
	    padding-right: 80px;*/
	    max-width:1400px
	}
}
@media screen and (max-width: 1400px) {
	section article{padding:0 50px;}
	.sc2 ul,
	.sc2.eventOn ul {
	    padding-bottom: 25px;
	}
}

@media screen and (max-width: 1366px) {
    .sc2 ul::-webkit-scrollbar-thumb {background: #23d0c3; border-radius: 5px;}
    .sc5 ul::-webkit-scrollbar{height:5px; background:transparent;}
    .sc2 ul::-webkit-scrollbar{height:5px; background:transparent;}
    .sc5 ul::-webkit-scrollbar-thumb{background:#23d0c3; border-radius:5px;}

    .sc5 ul::-webkit-scrollbar-thumb
    .sc3Board li a img{height:210px;}
    .sc4Board .sc4BoardItem{padding:36px;}
    .sc2 article,.sc5 article{overflow:hidden;}
    .sc9Map{max-width:40vw;}
    .sc9Map img{max-width:100%;}
    .sc5{border-radius:15vw 0px 15vw 0px;   padding:0px 0px 0px 0px;}
    .sc2 article{overflow:hidden; padding:25px 0px 0px 0px; border-radius:0px 15vw 0px 15vw; }
    .sc5 article{border-radius:5vw 0px 5vw 0px; padding:25px 0px 0px 0px; }
    .sc5 ul{overflow-y:hidden; overflow-x:auto; padding-bottom:25px; padding-left:25px; padding-right:25px;}
	.sc2 ul,
	.sc2.eventOn ul {
		overflow-y:hidden; 
		overflow-x:auto;
	    padding-bottom: 25px;
	    padding-left: 40px;
	    padding-right: 40px;
	}
    .sc1 article{flex-direction: column-reverse;}
    .sc6 .sc6Board{margin-top:40px; flex-direction: column; }
    .sc6 .sc6Board .sc6Slide{max-width:100%;}
    .sc6 .sc6Board .sc6SlideItem{max-width:100%;}
    .sc6 .sc6Notice .sc6BoardItems{margin-top:20px;}
    .sc6 .sc6Notice .sc6BoardItems li strong{top:20px; left:20px; width:calc(100% - 40px);}
    .sc6 .sc6Notice .sc6BoardItems li{/*aspect-ratio: 318/280;*/ width:100%}
    .sc6 .sc6Notice .sc6BoardItems li img{height: 100%;}
    .sc7 .sc7List{margin-top:20px; width:fit-content;}
    .sc7 .sc7ListBox{width:100%; overflow-x:auto; overflow-y:hidden; padding:0 0 10px;}
    .sc7 .sc7List li{width:33vw;}
    .sc7 .sc7List li a{white-space:nowrap;}
    .sc7 .sc7subList{margin-top:10px; grid-template-columns: repeat(2,1fr);}
    .sc7 .sc7subList li a{padding:0px 12px; height:50px;}
    .sc9{margin-top:40px; padding-top:40px;}
    .sc9 .sc9Board{margin-top:20px;}
    .sc9 .sc9Board{flex-direction: column;}
    .sc9 .sc9Board .sc9Search{width:100%;}
    .sc9 .sc9Board .sc9Search form select{min-width:25vw;}
    .sc9 .sc9Board ul.schList > li{padding:12px; gap:0px 12px;}
    .sc9 .sc9Board ul.schList > li::Before{width:40px; height:40px; background-size:14px; border-radius:8px;}
    .sc9Map,.sc9Map img{width:100%; max-width:100%;}
    .sc9Map map{display:none; position:absolute;}
    .sc9 .sc9Board ul.schList{max-height:400px;}
}

@media screen and (max-width: 800px) {
	/*.sc1::after{display:none;}*/
	.sc1 {height:616px; margin-bottom:-42px;}
	.sc3 > article {margin: 0px; max-width:100%;}
    section article{padding:0px 20px;}
    .sc1{padding-top:40px;}
    .sc1 .schWrap{position:unset;}
    .sc1 .schWrap{gap:6px 0px;}

    .sc1 article{flex-direction: column-reverse;}
    .sc1 .schWrap .inputForm{width:calc(100% - 10vw);}
    .sc1 .schWrap .inputForm input[type=text]{height:50px;}
    .sc1 .schWrap .inputForm button{width:50px; background-size:25px;}
    .sc1 .schWrap h3::before{display:none;}
    .sc1 .schWrap h3{font-size:3.6rem;}
    .sc1 article::Before{width:100%; margin:auto;height:100%}
    .sc1 .schWrap ul li a{font-size:1.6rem;}
    .sc1::after{width:50px;}
    .sc2 ul li a::Before,.sc5 ul li a::before{width:50px; border-radius:15px;}
    .sc3 p.exp{margin:12px auto 20px; }
    .sc3Board{gap:0px 12px; margin-top:20px; grid-template-columns: repeat(1,1fr); gap: 10px;}
    .sc3Board li a div{padding:20px;}
    .sc3Board li a img{height:170px;}
    .sc3Board li a::After{height:170px;}
    section.sc4{margin-top:20px;}
    section.sc4 article{
    	gap:20px;
    	display: flex;
		flex-direction: column;
    	}
    section.sc4 article .titleArea{
	    margin-right:0px;
	    display: flex;
		justify-content: space-between;
		width:100%;
	}
    .sc4Board{max-width:100%; flex:1;}
    .sc4Board .slick-list{width:calc(100% + 5px);}
    section article h2{font-size:3.6rem;}
    
    .sc4Board .sc4BoardItem{padding:20px; margin: 0 9px;}
    .sc4Board .sc4BoardItem ul.infoList li{font-size:1.5rem;}
    .slick-list{width:100%;max-height:260px;}
    .sc5{margin-top:40px;}
	ul.typeList li{font-size:1.5rem}
    .sc6 .sc6Board{margin-top:40px; flex-direction: column; }
    .sc6 .sc6Board .sc6Slide{max-width:100%;}
    .sc6 .sc6Board .sc6SlideItem{max-width:100%; max-height:260px;}
    /*.sc6 .sc6Board .sc6SlideItem a.linkBtn{position:absolute; bottom:0px; right:1px; z-index:2;}*/
    .sc6 .sc6Notice .sc6BoardItems{
    	margin-top:20px;
    	display: flex;
        gap: 3rem;
    	}
    .sc6 .sc6Notice .sc6BoardItems li a strong{top:20px; left:20px; width:calc(100% - 40px);}
    .sc6 .sc6Notice .sc6BoardItems li a img{height: 100%;}
    .sc7 .sc7List{margin-top:20px; width:fit-content;}
    .sc7 .sc7List li{width:33vw;}
    .sc7 .sc7List li a{white-space:nowrap;}
    .sc7 .sc7subList{margin-top:10px; grid-template-columns: repeat(2,1fr);}
    .sc7 .sc7subList li a{padding:0px 12px; height:50px;}
    .sc9{margin-top:40px; padding-top:40px;}
    .sc9 .sc9Board{margin-top:20px;}
    .sc9 .sc9Board{flex-direction: column;}
    .sc9 .sc9Board .sc9Search{width:100%;}
    .sc9 .sc9Board .sc9Search form select{min-width:28vw;}
    .sc9 .sc9Board .sc9Search form select:nth-of-type(1){min-width:20vw;}
    .sc9 .sc9Board ul.schList > li{padding:12px; gap:0px 12px;}
    .sc9 .sc9Board ul.schList > li::Before{width:40px; height:40px; background-size:14px; border-radius:8px;}
    .sc9Map,.sc9Map img{width:100%; max-width:100%;}
    .sc9Map map{display:none; position:absolute;}
    .sc9 .sc9Board ul.schList{max-height:400px;}

    .sc8 article{background:url("../images/qaBanner-m.png")center center no-repeat; height:auto; width:100%; background-size:100%; aspect-ratio: 660/243;}
    .sc8 article a{
    	font-size:18px;
    	width:200px; 
    	height:58px; 
    	gap:8px; 
    	padding:20px 40px;
    	right: 5rem;
    	bottom: 3rem;
    	}

    .slick-track{white-space:nowrap; word-break:keep-all;}
	
}

@media screen and (max-width: 768px) {
	/*.sc3Board {
        display: flex;
        gap: 20px;
    }
    
    .sc3Board > li {
        flex: 1;
        min-width: 0;
    } */
    section article { padding: 0 20px;}
    .sc8 {
    	padding: 0 20px;
    }
    .sc2 article{border-radius: 0 }
    .sc2 ul,
	.sc2.eventOn ul {
		border-radius: 0;
		overflow-y:hidden; 
		overflow-x:auto;
	    padding-bottom: 25px;
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.foot-slide-area .foot-slide-btns {
        display: none;
    }
	.sc1 {height:532px; margin-bottom:0;}
	.sc1::after{display:none;}
	.sc2 {
		border-radius: 0px;
	}
	.sc2:Before {
		display: none;
	}
	.sc2:after {
		display: none;
	}
	
	.sc5{
		border-radius: 0px;
	}
	.sc5 article {border-radius: 0px;}
	.sc5:Before {
		display: none;
	}
	.sc5:after {
		display: none;
	}
	
	.sc6 .sc6Board .sc6SlideItem svg {display: none;}
	.sc6 .sc6Notice .sc6BoardItems li strong {font-size:1.8rem;}
	.sc6 .sc6Notice .sc6BoardItems li a svg {display:none; position:absolute; right:-1px;bottom:-1px; width:70px; height:70px}
	/*.sc6 .sc6Board .sc6SlideItem a.linkBtn {display:none;}
	.sc6 .sc6Notice .sc6BoardItems li a.linkBtn {display:none;}*/
	.sc7 .sc7List li a {padding:12px 0;}
    
    .sc3Board .slick-dots {
        bottom: 0;
    }
    
    .sc3Board .slick-slide {
        margin: 0 10px;  /* 슬라이드 간격 */
    }
	.sc3Board .slick-dots{position:absolute; bottom:20px;}
	.sc3Board .slick-dots li{width:fit-content; height:fit-content; margin:0px 2px;}
	.sc3Board .slick-dots li button{width:8px; height:8px; border-radius:50%; background:#fff; transition-duration:0.2s; }
	.sc3Board .slick-dots li.slick-active button{background:#272D30;}
	
    .foot-info-area .foot-info-bottom h6 {
        width: 125px;
        height: 51px;
    }
    
    .sc4Board .sc4BoardItem {
    	height:197px;
    	min-width: 467px;
    }
}

@media (max-width: 700px) {
    .sc8 article a {
        font-size: 2.25rem;
        width: 152px;
        height: 38px;
        gap: 8px;
        padding: 0px;
        right: 3rem;
        bottom: 2rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
    .sc3Board {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    
    .sc3Board li:nth-child(4) {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .sc3Board {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .sc3Board li:nth-child(n+3) {
        display: none;
    }
}
@media screen and (max-width: 600px) {
    .sc6 .sc6Board .sc6SlideItem img {
    	object-fit: contain;
    }
}
@media screen and (max-width: 527px) {
    .sc1 {
        height: 532px;
        margin-bottom: -15px;
    }
    .sc4Board .sc4BoardItem {
    	min-width:0;
    }
}