@font-face {
    font-family: 'Sejong hospital';
    font-style: normal;
    font-weight: 400;
    src: url('./font/Sejong hospital Light.ttf') format('ttf'), url('./font/font/Sejong hospital Light.otf') format('OpenType');
}
@font-face {
    font-family: 'Sejong hospital';
    font-style: normal;
    font-weight: 600;
    src: url('./font/Sejong hospital Bold.ttf') format('ttf'), url('./font/Sejong hospital Bold.otf') format('OpenType');
}

@font-face {
    font-family: 'JalnanGothic';
    font-style: normal;
    font-weight: 400;
    src: url('./font/JalnanGothicTTF.ttf') format('ttf'), url('./font/JalnanGothic.otf') format('OpenType');
}

@keyframes popDown {
    0% {
        opacity: 0;
        height: 0dvh;
    }
    99% {
        height: 19vh;
    }
    100% {
        opacity: 1;
        height: fit-content;
        background-color: rgba(243, 243, 243, 0.6);
        padding: 0px 16px;
        backdrop-filter: blur(128px);

    }
}
/* Reset CSS
 * --------------------------------------- */
/* RESET -------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0;padding:0;border:0;vertical-align:baseline;font-size:inherit;color:inherit;box-sizing:border-box;letter-spacing:1px;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
dl, ul, ol, menu, li { list-style:none}
fieldset, img { border:0 none;box-sizing:border-box}
input, select, textarea, button { vertical-align:middle;margin:0;padding:0;font-family:inherit;box-sizing:border-box}
button { border:0 none;background-color:transparent;cursor:pointer;box-sizing:border-box;background:none;}
address, caption, cite, code, dfn, em, var { font-style:normal;font-weight:normal;box-sizing:border-box}
input, textarea, img { max-width:100%}
input:focus-visible:not([type="file"]), select:focus-visible {outline:1px dashed #000;}
a, a:hover, a:visited, a:active { text-decoration:none}
a:focus-visible, button:focus-visible {outline:2px solid #000;outline-offset:-3px;}
sup { font-size:small;vertical-align:text-top}
sub { font-size:small;vertical-align:text-bottom}
button, select { -webkit-appearance:none;appearance:none}
/* Hide Native Arrow IE 10, 11 -------------------------------------------------------------- */
table { width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}
table caption { overflow:hidden;font-size:0;line-height:0;font-size:0;height:0;width:1px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block}
/* HTML5 for older browsers -------------------------------------------------------------- */
section, main { display:block}
img { vertical-align:top}
h1, h2, h3, h4, h5, h6, em, strong { font-weight:600;}
/* old -------------------------------------------------------------- */
.blind, .hidden { visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.soundOnly { display:block !important;position:absolute !important;top:-9999px !important;left:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;border:0 !important;overflow:hidden !important;}
.sr,.sr-only { clip:rect(1px, 1px, 1px, 1px);position:absolute;margin:-1px;height:1px;width:1px;border:0;padding:0;overflow:hidden;word-wrap:normal;}
.hide {overflow:hidden;display:block;position:absolute;border:0;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px)}
.al { text-align:left !important;}
.ar { text-align:right !important;}
.ac { text-align:center !important;}
.vat { vertical-align:top !important;}
.vam { vertical-align:middle !important;}
.db { display:block !important;}
.dib { display:inline-block !important;}
.ws_nowrap { white-space:nowrap !important}
.ws_wrap { white-space:normal!important}
.fsn { font-style:normal}
.clearfix:before, .clearfix:after { display:block;content:'';line-height:0;}
.clearfix:after { clear:both;}
.overlay {display:none;opacity:0;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:0;-webkit-transform:translateZ(0)}
/* flex -------------------------------------------------------------- */
.flex { display:flex} .f_ais { align-items:flex-start !important} .f_aie { align-items:flex-end!important} .f_aic { align-items:center !important} .f_dc { flex-direction:column !important} .f_dr { flex-direction:row !important}
/* float -------------------------------------------------------------- */
.fl { float:left !important} .fr { float:right !important}
/* height -------------------------------------------------------------- */
.h50 { height:50px !important} .h70 { height:70px !important} .h100 { height:100px !important} .h150 { height:150px !important} .h200 { height:200px} .h300 { height:300px}
/* width -------------------------------------------------------------- */
.max { width:100%;} .half { width:50%;}
.half + .half { width:calc(50% - 20px);margin-left:10px}
.w50 { width:50px;} .w70 { width:70px;} .w100 { width:100px;} .w120 { width:120px;} .w135 { width:135px;} .w138 { width:138px;} .w140 { width:140px !important;} .w150 { width:150px;} .w200 { width:200px !important;} .w240 { width:240px;} .w270 { width:270px;} .w300 { width:300px;} .w350 { width:350px;} .w400 { width:400px;} .w520 { width:520px;}
/* padding -------------------------------------------------------------- */
.pdt0 { padding-top:0px !important;} .pdt5 { padding-top:5px !important;} .pdt10 { padding-top:10px !important;} .pdt15 { padding-top:15px !important;} .pdt20 { padding-top:20px !important;} .pdb0 { padding-bottom:0px !important;} .pdb5 { padding-bottom:5px !important;} .pdb10 { padding-bottom:10px !important;} .pdb15 { padding-bottom:15px !important;} .pdb20 { padding-bottom:20px !important;} .pdr40 { padding-right:40px !important;} .pdl10 { padding-left:10px !important;}.pdr10 { padding-right:10px !important;}
/* margin -------------------------------------------------------------- */
.mgt0 { margin-top:0px !important;} .mgt5 { margin-top:5px !important;} .mgt10 { margin-top:10px !important;} .mgt15 { margin-top:15px !important;} .mgt20 { margin-top:20px !important;} .mgt30 { margin-top:30px !important;} .mgt40 { margin-top:40px !important;} .mgt45 { margin-top:45px !important;} .mgt50 { margin-top:50px !important;} .mgb0 { margin-bottom:0px !important;} .mgb5 { margin-bottom:5px !important;} .mgb10 { margin-bottom:10px !important;} .mgb15 { margin-bottom:15px !important;} .mgb20 { margin-bottom:20px !important;} .mgl0 { margin-left:0px !important;} .mgl5 { margin-left:5px !important;} .mgl10 { margin-left:10px !important;} .mgl15 { margin-left:15px !important;} .mgl20 { margin-left:20px !important;} .mgl40 { margin-left:40px !important;} .mgl70 { margin-left:70px !important;} .mgr0 { margin-right:0px !important;} .mgr5 { margin-right:5px !important;} .mgr10 { margin-right:10px !important;} .mgr15 { margin-right:15px !important;} .mgr20 { margin-right:20px !important;} .mgb10 { margin-bottom:10px;}

/**********Common element**********/
:lang(ko) { word-break:keep-all}
:lang(en) { word-break:break-all}
html { height:100%;font-weight:400;scroll-padding-top:80px;scroll-behavior:smooth;-ms-scroll-padding-top:80px;font-size:62.5%;letter-spacing:1px;}
html * { font-family:'Sejong hospital','NotoSansKR','Malgun Gothic', '맑은 고딕', Arial, Sans-serif;}
body { position:relative;font-size:1.6rem;line-height:1.6;color:#fff;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;height:100%;}
/* IPHONE -------------------------------------------------------------- */
input:disabled, textarea:disabled { opacity:1;-webkit-text-fill-color:inherit}
textarea, input { border-radius:0}
input[type="number"] { -webkit-appearance:none;appearance:none;box-shadow:none}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance:none;margin:0}
/*Normalize v8.0.0 | MIT License | github.com/necolas/-------------------------------------------------------------- */
html { -webkit-text-size-adjust:100%}
small { font-size:80%}
sub, sup { position:relative;line-height:0;font-size:60%;vertical-align:baseline}
sub { bottom:-0.25em}
sup { top:-0.5em}
button, input, optgroup, select, textarea { font-family:inherit;margin:0}
button, input { overflow:visible}
button, select { text-transform:none}
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance:button}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style:none;padding:0}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline:1px dotted ButtonText}
button {color:inherit;font-size:inherit;letter-spacing:1px;}
textarea { overflow:auto}
[type="checkbox"], [type="radio"] { box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height:auto}
[type="search"] { -webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration { -webkit-appearance:none}
input::-ms-clear, input::-ms-reveal { display:none;width:0;height:0}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display:none}
::-webkit-file-upload-button { -webkit-appearance:button;font:inherit}
abbr[title] { border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
progress { vertical-align:baseline}
details { display:block}
summary { display:list-item}
[hidden], template, hr { display:none}
#fullpage{width: 100%;}
/* layout
* --------------------------------------- */
/*body:not(.fp-viewing-Page0) .header{background-color: #ffffff56;}*/
/*.fp-responsive .fp-is-overflow.fp-section,
.fp-section, .fp-tableCell{height: auto !important;min-height: auto !important;}*/
.menuOpen{display: none;}
.header{position: relative;position:fixed;top:0;right: 0;height: 130px;z-index: 70;width: 100%;}
#menu{padding: 0;margin:0;display: flex;justify-content: space-evenly;align-items: center;}
#menu li {display:inline-block;margin: 10px;}
#menu li a{display:block;padding: 9px 18px;font-size: 2.8rem;color: #dadada;}
#menu li:not(#li_Page0).active a{border-bottom: 3px solid #fff;font-weight: 600;color: #fff;}
#li_Page0 a{width: 377px;height: 110px;background: url(../images/logo.png)no-repeat center; background-size: contain;}
section[id^="section"],
#slide1, #slide2{background-size: cover;background-attachment: fixed;background-repeat: no-repeat;}
section[id^="section"]{position: relative;width: 100%;}
.section_innner{position: relative;width: 1400px;margin: 0 auto;overflow: hidden;padding-top: 100px;}
#section0{background-image: url(../images/bg1.jpg);}
#section1{background-image: url(../images/bg2.jpg);}
#section2,#section3,#section4{background: #001b2d;}
/*section:not(.section0) .section_innner{padding-top: 50px;}*/
#mainSlider,
#mainSlider02{padding-bottom: 33px;}
.section .swiper-pagination span{width: 20px;height: 20px;margin: 0 10px;display: inline-block;opacity: 1;}
.section .swiper-pagination{bottom: 0;left: 0;right: 0;}
.section .swiper-pagination-bullet{width: 20px;height: 20px;margin: 0;background-color: #fff;top: 0;left: 0;}
.section .swiper-pagination span.swiper-pagination-bullet-active{width: 20px;height: 20px;background: #F15C24;margin: 0;padding: 0;display: inline-block;}
.section .swiper-pagination span.swiper-pagination-bullet-active{margin: 0 10px;}
.mo_box{display: none;}
.section0 video{width: 1300px;border-radius: 50px;margin: 0 auto;display: block;}
.section1{text-align: center;}
.section1 h3{margin-bottom: 30px;font-size: 4rem;font-family: 'JalnanGothic';}
.section1 p{margin-top: 5px;font-size: 3rem;}
.section1 .fp-slides{height: auto;}
.section2{}
.scn_con2{display: flex;text-align: left;gap: 80px;}
.scn_con2 .img_box{flex-basis: 500px;width: 500px;height: 100%;border-radius: 35px;overflow: hidden;}
.scn_con2 img{object-fit: cover;width: 100%;height: 100%;}
.scn_con2 .txt_box{flex-basis: calc(100% - 500px);width: calc(100% - 500px);}
.scn_con2 h3{ font-size: 3rem; font-family: 'JalnanGothic';}
.scn_con2 h3 span{display: inline-block;margin-left: 10px;font-size: 4rem;font-family: 'JalnanGothic';}
.scn_con2 p{font-size: 2rem;line-height: 2;}
.scn_con2 p{margin-top: 30px;}
.scn_con2 .sign{font-size: 1.8rem;text-align: right;line-height: 1.0;}
.scn_con2 .sign span{display: inline-block;width: 150px;height: 45px;background: url(../images/sign.png) center no-repeat;background-size: contain;}
.section3{}
.scn_con3{background: url(../images/img_50thm01.png) center left no-repeat;background-size: 700px;margin: 50px 0;display: flex;justify-content: flex-end;}
.scn_con3 .con3_box > div{position: relative;background-repeat: no-repeat;width: 606px;background-size: 150px;}
.scn_con3 .con3_box > div p{padding: 10px 20px;}
.scn_con3 .con3_box > div img{width: 178px;}
.scn_con3 .con3_box .top img{float: right;margin-top: -80px;}
.scn_con3 .con3_box .bot img{float: left;}
.scn_con3 .con3_box .top{margin-bottom: 120px;padding-top: 31px;text-align: left}
.scn_con3 .con3_box .bot{padding-top: 0;text-align: right;float: right;width: 410px;}
.scn_con3 .con3_box .top p{border-left: 4px solid #fff;word-break: keep-all;}
.scn_con3 .con3_box .bot p{border-right: 4px solid #fff;}
.scn_con3 .con3_box .down_ai{margin-top: 50px;text-align: center;}
.scn_con3 .con3_box .down_ai p{letter-spacing: 1.5px;font-size: 2.6rem;font-family: 'JalnanGothic';}
.scn_con3 .con3_box .down_ai p span{font-family:'JalnanGothic'}
.scn_con3 .con3_box .down_ai a{position: relative;display: inline-block;padding: 5px 15px;border-radius: 10px;border:2px solid #fff;text-align: center;vertical-align: middle;font-weight: 600;font-size: 1.4rem;}
.scn_con3 .con3_box .down_ai a::before{content: "";background-image: url(../images/img_50thm02.png); background-repeat: no-repeat; background-position: center;width: 45px;height: 50px;display: inline-block;margin-right: 20px;vertical-align: middle;background-size: contain;}
.scn_con3 .con3_box .down_ai a:nth-of-type(2)::before{background-image: url(../images/img_50thm03.png) }
.scn_con3 .con3_box .down_ai a ~ a{margin-left: 30px;}
.section4 .section_innner{width: 1600px;}
.section4 h3{font-size: 5rem;border-bottom: 2px solid #fff;padding-bottom: 10px;margin-bottom: 30px;text-align: center;}
.section4 .slide4_inner{display: flex;gap: 50px;}
.section4 .slide4_0 .slide4_inner .img_box{display: inline-block;width: 80%; margin: 0 auto;}
.section4 .slide4_box{width: 50%;flex-basis: 50%;}
.section4 .slide4_box .img_box{float: right;}
.section4 .slide4_box h4{background: linear-gradient(to right,  #193866 0%,#7db9e8 100%);height: 50px;margin-bottom: 10px;}
.section4 .slide4_box h4::before{content: "";display: inline-block;width: 150px;height: 23px;background-repeat: no-repeat;padding: 13px 0;background-position: 14px center;}
.section4 .slide4_box.box_1980 h4::before{background-image: url(../images/tit_hs1980.png);}
.section4 .slide4_box.box_2000 h4::before{background-image: url(../images/tit_hs2000.png);}
.section4 .slide4_box.box_2010 h4::before{background-image: url(../images/tit_hs2010.png);}
.section4 .slide4_box.box_2024 h4::before{background-image: url(../images/tit_hs2024.png);}
.section4 .slide4_box dt{font-size: 2rem;font-weight: 600;}
.section4 .slide4_box dd ul li{display: flex;font-size: 1.3rem;gap: 5px;}
.section4 .slide4_box dd ul{padding: 5px 10px;border-left:2px solid #fff;}
.section4 .slide4_box dd ul ~ ul{margin-top: 20px;}
.section4 .fp-slidesNav.fp-bottom{bottom: 17px;text-align: center;}
.section4 #slide4_0 .img_box{width: 75%;margin: 0 auto;}
.section4 .img_box img{object-fit: contain;width: 100%;height: 100%;}
.section4 .swiper-wrapper .swiper-slide.slide4_1 br{display: none;}

@media (max-width:1400px){
    .section_innner{padding-top: 0;}
    .section_innner,.section4 .section_innner{width: 95%;}
    .header{height: 75px;}
    #menu li {margin: 5px;}
    #menu li a{padding: 5px;font-size: 2.2rem;}
    #li_Page0 a{width: 250px; height: 70px;}
    section[id^="section"],
    #slide1, #slide2{padding-top: 75px;}
    /*#section0{background:#001b2d}*/
    #section1{background:#004977}
    #section2{background:#001b2d}
    #section3{background:#004977}
    #section4{background: #001b2d;}
    .section0 video{width: 100%;}
    .section1 h3{font-size: 3rem;margin-bottom: 15px;}
    .scn_con2{gap: 30px;}
    .scn_con2 p{font-size: 1.8rem;}
    .scn_con2 .img_box{flex-basis: 250px;width: 250px;}
    .scn_con2 .txt_box{flex-basis: calc(100% - 280px);width: calc(100% - 280px);}
    .scn_con3{background-size: 40%;}
    .section4 h3{font-size: 3rem;}
    .scn_con2 h3
    .section1 p{font-size: 1.8rem;}
    .section4 .swiper-wrapper{display: block;}
    .section4 .swiper-pagination{display: none;}
    .section4 .slide4_inner{flex-direction: column;}
    .section4 .swiper-wrapper .swiper-slide.slide4_1 {margin-top:70px}
    .section4 .slide4_box{width: 100%;flex-basis: 100%;display: flex;align-items: flex-start;gap: 10px;}
    .section4 .slide4_box.box_2000{margin-bottom: 50px;}
    .section4 .slide4_box .img_box{float: none;min-width: 50%;flex-basis: 50%;margin-right: 15px;}
}

@media (max-width:1300px){
    .scn_con3 .con3_box .down_ai p{font-size: 2.2rem;}
}

@media (max-width:1200px){
    .section0 video{display: none;}
    #section0{background: url(../images/main_visual_01.png) no-repeat center center ; }
    #section0::after{width: 100%;height: 100%;content: "";background-color: #00000078;display: block;position: absolute;}
    .mo_box{display: block;padding: 0 20px;z-index: 1;position: relative;}
    .mo_box img{width: 79%;}
    .mo_box p{font-size: 6rem;font-weight: 600;margin-top: 20px;}
    .section.fp-is-overflow > .fp-overflow{max-height: 100% !important;overflow-y: visible;}
    .fp-overflow{}
    .header{background-color: #000000cc;}
    .header .menuOpen{position: fixed;top: 10px;right: 15px;background: url(../images/icon_hamburg.png) center center no-repeat;z-index: 120;text-indent: -9999px;overflow: hidden;width: 50px;height: 50px;border-radius: 50%;display: block;transition: .5s;}
    .header .menuOpen.open{background: url(../images/icon_close_r.png) center center no-repeat}
    html {font-size:9px;}
    #li_Page0 a{width: 200px; height: 50px;}
    #menu{justify-content: space-between;height: 100%;}
    #menu li{margin: 0;width: 100%;}
    #menu li a{color: #333;font-size: 1.8rem;}
    #menu li:not(#li_Page0) a{padding:10px}
    #menu li:not(#li_Page0).active a{color: #333;font-weight: 400;}
    #menu > li .sub_menu{display: none;}
    #menu.top0> li .sub_menu{display: block;opacity: 0;position: absolute;left: 0;right: 0;z-index: 4;animation: popDown 0.5s forwards;top: 75px;width: 100%;}
    .section .swiper-pagination{bottom: 35px;}
    .section{height: auto;min-height: auto !important;max-height: auto !important;}
    .section_innner,
    section[id^="section"], #slide1, #slide2{padding-top: 0;}
    .section_innner{padding: 70px 0;}
    #section0 .section_innner {position: relative;height: calc(100svh - 105px);overflow-y: hidden;margin: 75px auto 30px;}
    /*.section0 video {width: 100%;height: 97%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
    .section_innner{width: 95%;padding: 70px 0;}
    #section0 .section_innner {width: 100%;padding:75px  0 0;}
    .section0 video {width: 100%;border-radius: 0;}*/
    .section1 .fp-slidesNav.fp-bottom, .section4 .fp-slidesNav.fp-bottom{bottom: 80px;}
    .section1 p{margin-top: 10px;font-size: 2rem;}
    .section1 .video_box{ position: relative;width: 100%;padding-bottom: 56.25%; }
    .section1 .video_box iframe{ position: absolute;left: 0;width: 100%;height: 100%;}
    .scn_con2{flex-direction: column;align-items: center;gap: 15px;}
    .scn_con2 p br{display: none;}
    .scn_con2 .txt_box{flex-basis: 100%;width: 100%;}
    .scn_con2 .img_box{flex-basis: 50%;width: 50%;}
    .scn_con2 p{font-size: 1.6rem;margin-top: 15px;}
    .scn_con3 .con3_box > div p{padding: 20px;}
    .scn_con3 .con3_box .bot p br{display:none}
    .scn_con3 .con3_box > div img{width: 120px;}
    .section4 .slide4_0 .slide4_inner .img_box{width: 100%;}
}

@media (max-width:1024px){
    .mo_box p{font-size: 3.5rem;font-weight: 600;}
    .scn_con3{margin: 0;justify-content: center;align-items: flex-end;background-position: top center;background-size: 30%;}
    .scn_con3 .con3_box{width:100%;}
    .scn_con3 .con3_box > div,
    .scn_con3 .con3_box .bot{width: 100%;}
    .scn_con3 .con3_box .top{margin-bottom: 10px;margin-top: 220px;padding: 0;}
    .scn_con3 .con3_box .top img{margin-top: 0;}
    .scn_con3 .con3_box .bot{}
    .scn_con3 .con3_box .down_ai{margin-top:10px}
    .scn_con3 .con3_box .down_ai p{font-size: 1.8rem;}
}

@media(min-width:1201px)and(max-height:750px){
    #fullpage.section{ min-height:750px; }
}

@media (max-width:750px){
    .section_innner{padding: 30px 0;}
    .section1 h3,
    .scn_con2 h3{font-size: 2.4rem;}
    .section1 p{font-size:1.6rem}
    .section1 .swiper-slide{padding-bottom: 10px;}
    .scn_con2 .txt_box,
    .scn_con2 .img_box{flex-basis: 80%;width: 80%;}
    .scn_con2 .sign span{width: 120px;height: 35px;}
    .scn_con3{background-size: 40%;}
    .scn_con3 .con3_box .top{margin-top: 200px;}
    .scn_con3 .con3_box .top p br{display: none;}
    .scn_con3 .con3_box .down_ai p span{display: block;}
    .section4 .slide4_box{position: relative;;flex-direction: column;align-items: center;}
    .section4 .slide4_box .img_box{margin-top: 50px;margin-right: 0;}
    .section4 .slide4_box .txt_box{width: 100%;}
    .section4 .slide4_box h4{position: absolute; top: 0; left: 0;width: 100%;}
    .section4 .swiper-wrapper .swiper-slide.slide4_1 br{display: block;}

}

@media (max-width:550px){
    .scn_con2 .txt_box,
    .scn_con2 .img_box{flex-basis: 90%;width: 90%;}
    .scn_con3 .con3_box .top{margin-top: 33%;}
}

@media (max-width:430px){
    .scn_con3{background-size: 50%;}
    .scn_con3 .con3_box .top{margin-top: 150px;}
    .scn_con3 .con3_box .down_ai p{font-size: 1.8rem;}
    .scn_con3 .con3_box .down_ai a{padding: 5px;}
    .scn_con3 .con3_box .down_ai a ~ a{margin-left: 10px;}
    .section4 h3{font-size: 2.2rem;}
}