/* A A A : A : A : A : */ html.with-fancybox body.hide-scrollbar { width: auto; margin-right: 0 !important; overflow: auto !important; overscroll-behavior-y: none; } #sub2-1 .sectionWrap.first { padding : 3.5em 0 2.5em; margin-top : 1em;} #sub2-1 .sectionWrap.first .wrap { max-width : 1050px;} #sub2-1 .sectionWrap.first .wrap .contWrap { width : 100%; height : auto; display : grid; grid-template-columns : repeat(3, calc(calc(100% - 2em) / 3)); gap : 0 1em; margin-bottom : 2em;} #sub2-1 .sectionWrap.first .wrap .contWrap .contBox { width : 100%; height : auto; display : flex; flex-direction : column; align-items : stretch; justify-content : flex-start; border-radius : 17px; overflow : hidden;} #sub2-1 .sectionWrap.first .wrap .contWrap .contBox .tit { font-size : max(17px,1.15em); color : #fff; font-weight : 500; padding : 0.5em 0; } #sub2-1.en .sectionWrap.first .wrap .contWrap .contBox .tit { font-size : max(16px,1.1em); min-height : 4em;} #sub2-1.en .sectionWrap.first .wrap .contWrap .contBox .tit p { line-height : 1.2em; word-break : keep-all; text-align : center; width : 90%;} #sub2-1 .sectionWrap.first .wrap .contWrap .contBox .tit span { font-size : 0.85em; line-height : inherit; font-weight : 300;} #sub2-1 .sectionWrap.first .wrap .contWrap .contBox:nth-child(1) .tit { background : #36afc5;} #sub2-1 .sectionWrap.first .wrap .contWrap .contBox:nth-child(2) .tit { background : #048aef;} #sub2-1 .sectionWrap.first .wrap .contWrap .contBox:nth-child(3) .tit { background : #005cd3;} #sub2-1 .sectionWrap.first .wrap .contWrap .contBox .content { flex-grow : 1; width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; box-shadow : 0px -4px 10px 0px #0000004d; text-align : center; padding : 0.8em 0.5em 1.5em; background : #fff;} #sub2-1 .sectionWrap.first .wrap .contWrap .contBox .content p { word-break : keep-all; font-weight : 300;} #sub2-1 .sectionWrap.first .wrap iframe { width : 100%; height : auto; aspect-ratio : 1050 / 590;} #sub2-1 .sectionWrap.second { padding : 4.5em 0;} #sub2-1 .sectionWrap.second .titWrap { margin-bottom : 2em; } #sub2-1 .sectionWrap.second .wrap { max-width : 1200px;} #sub2-1 .sectionWrap.second .contWrap { width : 100%; height : auto; display : grid; grid-template-columns : repeat(2, calc(calc(100% - 1.5em) / 2)); gap : 2.5em 1.5em;} #sub2-1.en .sectionWrap.second .contWrap { grid-template-columns : 100%; justify-items : center;} #sub2-1 .sectionWrap.second .contWrap .contBox { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : flex-start;} #sub2-1.en .sectionWrap.second .contWrap .contBox { text-align : left; align-items : flex-start; max-width : 1000px;} #sub2-1 .sectionWrap.second .contWrap .contBox img { height : 5.4em;} #sub2-1.en .sectionWrap.second .contWrap .contBox img { display : none;} #sub2-1 .sectionWrap.second .contWrap .contBox .contTit { font-weight : 500; line-height : 1.2em; color : #007cba; margin : 0.5em 0; text-align : center; word-break : keep-all;} #sub2-1.en .sectionWrap.second .contWrap .contTit { text-align : left;} #sub2-1 .sectionWrap.second.gray .contWrap .contBox .contTit { color : #004380;} #sub2-1 .sectionWrap.second .contWrap .contBox .contTit span { line-height : inherit; font-size : 0.7em;} #sub2-1 .sectionWrap.second .contWrap .contBox .contText { color : #666666; font-weight : 300; word-break : keep-all; word-break : keep-all; } #sub2-1 .sectionWrap.second .ps { padding : 0.4em 1.2em; color : #fff; font-weight : 500; background : #999999; margin-top : 2.5em; word-break : keep-all;} #sub2-1 .sectionWrap.third { padding : 6em 0 4.5em;} #sub2-1 .sectionWrap.third .titWrap { margin-bottom : 1.2em;} #sub2-1 .sectionWrap.third .wrap { max-width : 1200px;} #sub2-1 .sectionWrap.third .wrap img { width : 100%; height : auto;} #sub2-1 .sectionWrap.third .wrap img.tab, #sub2-1 .sectionWrap.third .wrap img.mobile { display : none;} #sub2-1 .sectionWrap.fourth { padding : 4em 0;} #sub2-1 .sectionWrap.fourth .titWrap { margin-bottom : 1.5em;} #sub2-1 .sectionWrap.fourth [data-fancybox] { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center;} #sub2-1 .sectionWrap.fourth [data-fancybox] .imgWrap { width : 100%; height : auto; aspect-ratio : 455 / 322;} #sub2-1 .sectionWrap.fourth [data-fancybox] .imgWrap img { width : 100%; height : 100%; object-fit : cover;} #sub2-1 .sectionWrap.fourth [data-fancybox] .title { color : #fff; line-height : 1em; padding : 0.5em 0; background : #999; width : 100%; text-align : center;} @media (max-width : 1024px){ /* A A A : A : A : A : */ #sub2-1.en .sectionWrap.first .wrap .contWrap { grid-template-columns : repeat(auto-fit, minmax(30%, calc(calc(100% - 1.5em) / 2))); gap : 1.5em; justify-items: center; max-width : 800px;} #sub2-1.en .sectionWrap.first .wrap .contWrap .contBox:last-child { grid-column: span 2; /* 마지막 요소를 두 칸 차지하도록 */ justify-self: center; width : calc(calc(100% - 1.5em) / 2);} #sub2-1 .sectionWrap.first .wrap .contWrap .contBox .tit { font-size : max(17px,1.1em);} #sub2-1 .sectionWrap.first .wrap .contWrap .contBox .content p { width : 85%;} #sub2-1 .sectionWrap.first .wrap .contWrap .contBox .content p br { display : none;} #sub2-1 .sectionWrap.third .wrap img.pc, #sub2-1 .sectionWrap.third .wrap img.mobile { display : none;} #sub2-1 .sectionWrap.third .wrap img.tab { display : block; max-width : 700px;} #sub2-1 .sectionWrap.third .wrap img.pc, #sub2-1 .sectionWrap.third .wrap img.mobile { display : none;} } @media(max-width : 768px){ /* A A A : A : A : A : */ #sub2-1 .sectionWrap.second .contWrap { grid-template-columns : 100%; max-width : 500px;} #sub2-1 .sectionWrap.second .contWrap .contBox .contText { text-align : center;} #sub2-1.en .sectionWrap.second .contWrap .contBox { align-items : center;} #sub2-1.en .sectionWrap.second .contWrap .contTit { text-align : center;} } @media(max-width : 640px){ /* A A A : A : A : A : */ #sub2-1 .sectionWrap.first .wrap .contWrap, #sub2-1.en .sectionWrap.first .wrap .contWrap { grid-template-columns : 100%; gap : 1.5em; justify-items : center;} #sub2-1.en .sectionWrap.first .wrap .contWrap .contBox:last-child { grid-column: unset; /* 마지막 요소를 두 칸 차지하도록 */ width : 80%; max-width : 280px;} #sub2-1 .sectionWrap.first .wrap .contWrap .contBox { width : 80%; max-width : 280px;} #sub2-1 .sectionWrap.first .wrap .contWrap .contBox .tit p { width : 90%; text-align : center;} #sub2-1 .sectionWrap.first .wrap .contWrap .contBox .content p br { display : block;} #sub2-1 .sectionWrap.third .wrap img.mobile { display : block; width : 90%; max-width : 340px;} #sub2-1.en .sectionWrap.third .wrap img.mobile { max-width : 400px; } #sub2-1 .sectionWrap.third .wrap img.pc, #sub2-1 .sectionWrap.third .wrap img.tab { display : none;} }