@charset "utf-8";


@font-face {font-family: 'GmarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: 300;}
@font-face {font-family: 'GmarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: 500;}
@font-face {font-family: 'GmarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: 700;}


.gmarket { font-family: 'GmarketSans'; font-size: 3em; }

#visual {width:100%; overflow:hidden; position:relative; margin:0 auto;	height:950px;}
#visual .visual_wrap {	position:relative;	width:1200px;	margin:0 auto;	height:100%;	text-align:center;}
#visual .visual_box { position:absolute; width:12vw; left:50%; margin-left:-960px}
#visual .visual_box div { position:absolute; top:0;	left:0; }
#visual .v_ul {	position:absolute;	bottom:230px;left:50%; width:500px; margin-left:-250px; border:0px solid #f00; text-align:center;	z-index:50;}
#visual .v_ul li { display:inline-block;	cursor:pointer;	margin:0 3px;}
#visual .v_btn01 {	position:absolute;	z-index:1;	top:290px;	left:30px; cursor:pointer; z-index:900}
#visual .v_btn02 {	position:absolute;	z-index:1;	top:290px;	right:30px; cursor:pointer; z-index:900}
#visual .visual_p {	/*position:absolute;*/	left:0;}
#visual .visual-cont {position:absolute; left:50%;margin-left:-470px;top:200px; width:940px; color:#fff; text-align:center; z-index:10; }
#visual .visual-cont img {padding:35px 0 30px; width: 300px; border-bottom: 1px solid #ffffff63;}
#visual .visual-cont dt {font-size:35px; line-height:48px; padding-bottom:10px; font-family: 'Arita-buriM';}
#visual .visual-cont dd {font-size:15px;line-height:20px; font-weight:bold; text-transform:uppercase;}
#visual .visual-cont h3 {font-size: 3rem; margin-top: 30px;}
#visual .visual-cont h3.n2 {font-size: 4rem; line-height: 1.2; letter-spacing: -0.07em;}
#visual .visual-cont h3 + h3{margin-top: 15px;}
#visual .visual-cont h3 span{ background: linear-gradient(to right, #032f85, #6e87bf); display: inline-block; padding: 30px 30px 20px;}
#visual .visual-cont h3 span.dot{position: relative;background: transparent; padding: 25px 0;}
#visual .visual-cont h3 span.dot::after{position: absolute; content: '·'; top: -13px;left:60%; transform: translateX(-50%); letter-spacing: 9px; width: 100%; font-size: 40px;}
br.mo{display: none;}


@media all and (max-width:1280px) {
    #visual {height:100vh; min-height: 650px;}
	#visual .visual-cont {top:180px}
	#visual .v_ul {	bottom:250px; }
    #visual .visual-cont h3 {font-size: 2.5rem;}
    #visual .visual-cont h3 + h3{margin-top: 10px;}
    #visual .visual-cont h3 span{padding: 25px 20px 18px;}
    #visual .visual-cont h3 span.dot{padding: 15px 0;}
    #visual .visual-cont h3 span.dot::after{font-size: 30px;}
}
@media all and (max-width:1100px) {
    #visual .visual_wrap {	width:100%}
}
@media all and (max-width:950px) {
    #visual .visual-cont h3.n2 {font-size: 6.5vw;}
    
}
@media all and (max-width:750px) {
    #visual {height:calc(100vh - 200px);}
	#visual .visual-cont { top: 50%; transform: translateY(-50%);  width: 100%;  margin-left: -50%; left: 50%;}
	#visual .visual-cont img{width:250px;}
	#visual .v_ul { bottom:45%;  left: 50%;}
	.visual-cont > p:first-child { font-size: 2em !important; }
	.gmarket { font-family: 'GmarketSans'; font-size: 2em; line-height: 1.2; }
    #visual .visual-cont h3 {font-size: 1.8rem;}
    #visual .visual-cont h3 + h3{margin-top: 10px;}
    #visual .visual-cont h3.n2 {font-size: 8vw;}
    #visual .visual-cont h3 span{padding: 15px 10px 10px;}
    #visual .visual-cont h3 span.dot{padding: 10px 0 0;}
    #visual .visual-cont h3 span.dot::after{font-size: 20px;}
    br.mo{display: block;}
}
@media all and (max-width:550px) {
    #visual .visual-cont h3.n2 {font-size: 10vw;}
    
}
@media all and (max-width:400px) {
    #visual {height:100vh ;}
    .visual-cont > p:first-child { font-size: 1.7em !important; }

    #visual .visual-cont img{width:200px;}
    #visual .v_ul { bottom:38%;}
    #visual .visual-cont h3 {font-size: 1.8rem;}
    #visual .visual-cont h3 + h3{margin-top: 5px;}
    #visual .visual-cont h3 span.dot::after{font-size: 10px;}
}

    /* #visual { position: relative; width: 100%; overflow: hidden; height: 100vh; }
    #visual #videoPlayer { width: 100%; height: 55.8vw; background:url("/images/main/m_visual1_blur.png") no-repeat; background-size: cover;  position: absolute; width: 100%; z-index: -1; top: 0; left: 50%; transform: translatex(-50%);}
    iframe{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;height: 100%;}
    #visual:before { content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background:rgba(0,0,0,0.3);}

    @media all and (max-width:1500px) {
        #visual #videoPlayer { width: 130vw;   bottom: 0; height: 100%;}
    }
    @media all and (max-width:1280px) {
        #visual {height: 90vh; }
        #visual #videoPlayer { width: 160vh;   bottom: 0;}
    } */
    #visual {position:relative; width:100%; height:100vh; overflow:hidden;}
    #visual #videoPlayer {position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:url("/images/main/m_visual1_blur.png") center center / cover no-repeat;}
    #visual #videoPlayer video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center center;}
    #visual:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}

    @media all and (max-width:1500px) {
    #visual #videoPlayer {width:100%; height:100%;}
    }

    @media all and (max-width:1280px) {
    #visual {height:90vh;}
    #visual #videoPlayer {width:100%; height:100%;}
    }

/* mInfo */
#mInfo {width:1400px; margin:70px auto 0; display:table; padding-top: 70px;}
#mInfo > div {width:50%; display:table-cell; vertical-align:middle; box-sizing:border-box; }
#mInfo .cont1{padding-bottom:80px; display: flex; width: 100%; align-items: center;}
#mInfo .cont1 .box1 {width:50%; height:100%; text-align:center; background:url(/images/main/mInfo_img_01.webp) center center / cover no-repeat; padding: 60px 20px;}
#mInfo .cont1 .box2 {width:50%;}
#mInfo .cont1 .box1 p {font-size:16px; letter-spacing:0.28em; color:#fff; font-family:'Poppins-Thin';}
#mInfo .cont1 .box1 h2 {font-size:34px; color:#fff; letter-spacing:-0.07em; font-weight:bold; margin:25px 0 30px; line-height: 40px;}
#mInfo .cont1 .box1 a {display:block; width:150px; height:40px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.5); border-radius:20px; font-size:16px; letter-spacing:-0.07em; color:#fff; line-height:38px; margin:0 auto;}
#mInfo .cont1 .box2 h2 {text-align:center; font-size:40px; letter-spacing:-0.09em; color:#000; font-weight:200; line-height:1.3em;}
#mInfo .cont1 .box2 h2 span {font-weight:bold}
#mInfo .cont1 .box2 h2:before {content:""; display:block; width:66px; height:66px; background:url(/images/main/mInfo_img_02.webp) no-repeat center center; margin:0px auto 5px}
#mInfo .cont1 .box2 p {font-size:18px; line-height:1.3em; color:#000; letter-spacing:-0.07em; font-weight:300; text-align:center; margin-top:10px}
#mInfo .cont2 {padding-left:75px; }
#mInfo .cont2 .dr{ box-sizing:border-box; padding-bottom:115px}
#mInfo .cont2 .drn{background:url('/images/main/mInfo_img_03.webp') no-repeat right top; }
#mInfo .cont2 .dr1{background:url('/images/main/mInfo_img_03_1.webp') no-repeat right top; }
#mInfo .cont2 .dr2{background:url('/images/main/mInfo_img_03_2.webp') no-repeat right top; }
#mInfo .cont2 .eng {font-size:16px; letter-spacing:0.28em; color:#000; font-family:'Poppins-Thin'}
#mInfo .cont2 h2 {font-size:34px; line-height:1.3em; letter-spacing:-0.09em; color:#000; font-weight:bold;}
#mInfo .cont2 h2 span {font-size:18px; font-weight:300; margin-left:15px;}
#mInfo .cont2 .t1 {font-size:16px; line-height:1.4em; letter-spacing:-0.09em; color:#000; margin-top:15px; padding-bottom:15px;}
#mInfo .cont2 .t1:after {content:""; display:block; width:260px; height:1px; border-bottom:1px dotted #000; margin:15px 0 20px;}
#mInfo .cont2 .info_list li {font-size:15px; line-height:32px; letter-spacing:-0.09em; color:#686868}

@media all and (max-width:1400px) {
#mInfo {width:90%;}
#mInfo .cont1{gap: 30px;}
}
@media all and (max-width:1280px) {
#mInfo .cont2  .dr{    background-size: 80% auto; padding-left: 35px;}
#mInfo .cont1{flex-wrap: wrap;}
#mInfo .cont1 .box1{width: 100%;}
#mInfo .cont1 .box2{width: 100%;}
}
@media all and (max-width:1100px) {
#mInfo > div {  width: 100%;    display: block;}
#mInfo .cont1 .box1 {background-size:cover;}
#mInfo .cont2 .dr{ background-size: auto 100%;}
}
@media all and (max-width:950px) {
    
}
@media all and (max-width:750px) {
    #mInfo {width:100%; margin-top:0px; padding-top: 0;}
    #mInfo .cont2{width: 97%;  margin: 0 auto;  margin-bottom: 20px; padding-left: 10px;}
    #mInfo .cont2  .dr{    background-size: 80% auto; background-position:right 10px; padding-left: 0; padding-bottom: 30px;}
    #mInfo .cont2 .info_list li {font-size:14px; line-height:25px;}
    #mInfo .cont2 .t1 { padding-bottom: 0;}
    #mInfo .cont2 h2 span {margin-left: 5px;}
    #mInfo .cont1 .box1 {height: 300px;}


}
@media all and (max-width:550px) {
#mInfo .cont2  .dr{    background-size: 80% auto; background-position:center top; padding-left: 0; padding-bottom: 0; padding-top: 120px;}
/* #mInfo .cont1 .box2{display:none;} */
#mInfo .cont1 .box2 h2{font-size: 32px;}
#mInfo .cont1 {    padding-bottom: 50px;}
#mInfo > div {    padding-bottom: 33px;}

#mInfo .cont1 .box1 h2 {  font-size: 29px;  margin: 17px 0 26px;}


#mInfo .cont2 .eng { font-size: 12px;}
#mInfo .cont2 h2 {font-size: 25px;}
#mInfo .cont2 h2 span {font-size: 14px;}
#mInfo .cont2 .t1 {font-size: 12px;}
}
@media all and (max-width:400px) {
#mInfo .cont1 .box1 p { font-size: 12px;}
#mInfo .cont1 .box1 h2 { font-size: 24px;}
#mInfo .cont1 .box1 a {width: 150px; height: 35px;  font-size: 13px; line-height: 35px;}
}


/* mClinic */
#mClinic {width:100%; background:url(/images/main/mClinicBG.webp) no-repeat center center; padding:100px 0 115px; background-size:cover;}
#mClinic > div {width:1400px; margin:0 auto; overflow:hidden;}
#mClinic .tit_box {text-align: center; margin-bottom: 50px;}
#mClinic .tit_box h2 {font-size:40px;color:#fff; line-height:1.3em; font-weight:500; margin-top:55px;}
#mClinic .tit_box h2 span {font-weight:200;}
#mClinic .tit_box p {font-size:18px; line-height:1.4em; color:#fff;margin-top:15px;}
#mClinic ul {width:100%;  display: flex; flex-wrap: wrap; gap: 10px;}
#mClinic ul li {width: calc(100%/5 - 40px/5); height:200px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.4); text-align:center; padding-top:40px; border-radius: 10px; transition: 0.3s;}
#mClinic ul li a {display:block; width:100%; height:100%;}
#mClinic ul li:hover{ background:rgba(255,255,255,.1); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
#mClinic ul li p {font-size:18px; line-height:1.3em; color:#fff; letter-spacing:-0.09em; margin-top:15px;}

@media all and (max-width:1400px) {
#mClinic > div {width:1051px;}
#mClinic .tit_box {  margin-bottom: 32px;}
#mClinic .tit_box h2 {margin-top:0px;}
}
@media all and (max-width:1280px) {

}
@media all and (max-width:1100px) {
#mClinic > div {   width: 90%;}
#mClinic ul { width: 100%;}


}
@media all and (max-width:950px) {
#mClinic ul li {width: calc(100%/2 - 5px);}
}
@media all and (max-width:750px) {
#mClinic { padding: 67px 0 67px;}

}
@media all and (max-width:550px) {
#mClinic ul li {height: 158px; padding-top: 19px;}
#mClinic .tit_box h2 { font-size: 30px;}
#mClinic .tit_box p { font-size: 15px; margin-top: 11px;}
#mClinic ul li p { font-size: 14px;}
}
@media all and (max-width:400px) {

}
.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers{display: none;}
#daumRoughmapContainer1744259252920 img[src*="marker_bus"] {display: none !important;}
/* mComm */
#mComm {width:1400px; margin:70px auto; overflow:hidden;}
#mComm .map {width:700px; height:463px; float:left; box-sizing:border-box; border-bottom:1px solid #ddd; position:relative;}
#mComm .map p {position:absolute; bottom:0; left:0; width:100%; font-size:16px; line-height:50px; background:rgba(0,0,0,0.4); color:#fff; z-index:300; text-indent:15px}
#mComm .cont1 {width:650px; float:right;}
#mComm .notice {width:100%; height:235px; box-sizing:border-box; border:1px solid #ddd; padding:20px 40px 0; overflow:hidden;}
#mComm .notice h2 {float:left; font-size:26px; letter-spacing:-0.09em; line-height:1.3em; color:#000; font-weight:500; margin-left:10px; margin-bottom:20px;}
#mComm .notice .more {float:right; font-size:16px; letter-spacing:-0.09em; color:#000; font-weight:500; margin:15px 10px 0 0}
#mComm .notice ul {width:100%; clear:both; border-top:2px solid #dcdbdb}
#mComm .notice ul li {width:100%; box-sizing:border-box; padding:8px 10px; border-bottom:1px solid #dcdbdb}
#mComm .notice ul li a {font-size:14px; line-height:20px; color:#404040; letter-spacing:-0.09em; overflow:hidden}
#mComm .notice ul li a span {float:right; color:#939393; font-family:'Roboto'}
#mComm .notice ul li:last-child {border-bottom:0;}
#mComm .cs {width:100%; height:205px; box-sizing:border-box; border:1px solid #ddd; margin-top:23px; padding:30px; overflow:hidden;}
#mComm .cs > div {box-sizing:border-box; padding-top:10px;}
#mComm .cs .box1 {float:left; width:243px; height:100%; border-right:2px solid #dcdbdb}
#mComm .cs .box2 {float:left; width:340px; padding-left:30px;}
#mComm .cs .eng {font-size:11.5px; color:#c8c8c8; letter-spacing:0.3em; font-family:'Roboto'}
#mComm .cs h2 {font-size:29px; letter-spacing:-0.09em; color:#000; padding:20px 0 20px 40px; background:url(/images/main/mComm_img_01.webp) no-repeat left center;}
#mComm .cs .num {font-size:38px; color:#032f85; line-height:1.3em; font-family:'Roboto'}
#mComm .cs .num span {color:#a5a5a5}
#mComm .cs .time {margin-bottom:10px;}
#mComm .cs .time li {font-size:16px; line-height:22px; letter-spacing:-0.03em; }
#mComm .cs .time li:nth-child(1) {font-weight: bold;}
#mComm .cs .time li .ud {font-weight: bold; position: relative; font-size: 0.8em;background: #2196f3; color: #fff;padding: 4px 3px 1px; border-radius: 5px; font-family: 'GmarketSans'; font-weight: normal; display: inline-block; margin-left: 3px; line-height: 1.3;}
#mComm .cs .time li .day {width:90px; font-size:17px; display:inline-block; font-family:'Noto Sans KR'}
#mComm .cs .t1 {font-size:14.5px; line-height:20px; letter-spacing:-0.05em; color:#000}


@media all and (max-width:1400px) {
    #mComm {width:90%}
    #mComm > .map {width: 49%;}
    #mComm .cont1 {width: 49%;}
    #mComm .cs {padding: 30px 15px;}
    #mComm .cs .box1 { width: 37%;}
    #mComm .cs .box2 {width: 63%; padding-left: 20px;}
    #mComm .cs .time li.ud:after{ right: 0;}
    #mComm .cs h2{font-size: 25px;padding: 20px 0 13px 40px;}
    #mComm .cs .num{font-size: 33px;}
    #mComm .cs .eng{font-size: 10px; letter-spacing: 0.2em;}
}
@media all and (max-width:1280px) {
#mComm > .map {width: 42%;}
#mComm .cont1 {width: 56%;}
}
@media all and (max-width:1100px) {
#mComm > .map {  width: 100%; overflow: hidden;  margin-bottom: 28px;}
#mComm .cont1 { width: 100%;}

#mComm .cs {padding: 30px 100px;}
#mComm .cs .box2 {padding-left: 60px;}

}
@media all and (max-width:950px) {
#mComm .cs {  padding: 30px 52px;}
}
@media all and (max-width:750px) {
    #mComm {width:95%; margin:20px auto;}
    #mComm .cs {padding:23px 9px; height:100%;}
    #mComm .cs .box1 {width:100%; border-right:0; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #dcdbdb; text-align:center;}
    #mComm .cs .box2 {width:100%; padding-left:0; text-align:center;}
    #mComm .cs h2 {display:inline-block; margin:10px 0; padding:6px 0 0px 33px; font-size:30px; background-size:auto 60%;}
    #mComm .cs .num {font-size:35px;}
    #mComm .cs .time li {font-size:16px; line-height:22px; letter-spacing:-0.1em; width: fit-content; margin: 0 auto; position: relative;}
    #mComm .cs .time li .day {width:90px; font-size:16px;}
    #mComm .cs .time li .ud {position: absolute; right: -55px;}
    #mComm .cs .t1 {font-size:14px; letter-spacing:-0.08em;}
    #mComm .cs .eng {margin-top:0; font-size:10px; letter-spacing:0.1em;}
    #mComm .notice {height:219px; padding:20px 25px 0;}
    #mComm .notice h2 {margin-left:12px; margin-bottom:12px; font-size:20px;}
    #mComm .notice .more {margin:7px 10px 0 0; font-size:16px;}
    #mComm .map {height:263px;}
    #mComm > .map {margin-bottom:20px;}
}
@media all and (max-width:400px) {
    #mComm .cs .time li {font-size: 4.3vw;}
    #mComm .cs .time  li .day {font-size: 4.3vw;}
    #mComm .cs .time li .ud {position: absolute; right: -15vw;}
    #mComm .cs .t1 {font-size:3.5vw;}
}



/* mSiwon */
#mSiwon {width:100%; height:540px; /* min-width:1400px; */ overflow:hidden;}
#mSiwon > div {width:50%; height:100%; float:left; overflow:hidden; color:#fff;}
#mSiwon > div > div {width:50%; height:100%; float:right; box-sizing:border-box; padding:90px 0 0 75px; position:relative;}
#mSiwon .box1 {background:url(/images/main/mSiwonBG1.webp) no-repeat center center;}
#mSiwon .box2 {background:url(/images/main/mSiwonBG2.webp) no-repeat center center;}
#mSiwon h2 {font-size:55px; line-height:66px; letter-spacing:-0.09em; font-weight:300;}
#mSiwon h2 span {font-weight:500}
#mSiwon .t1 {font-size:22px; line-height:1.3em; letter-spacing:-0.09em; font-weight:500; margin-top:30px;}
#mSiwon .t2 {font-size:16px; line-height:22px; letter-spacing:-0.09em; margin-top:15px;}
#mSiwon .more {position:absolute; left:75px; bottom:60px; display:block; width:150px; line-height:40px; border-radius:20px; text-align:center; font-size:16px; letter-spacing:-0.07em; color:#032f85; background:#fff;}
#mSiwon .box2 .more {color:#0f418e}

@media all and (max-width:1400px) {

}
@media all and (max-width:1280px) {
#mSiwon {height: 885px;}
#mSiwon > div {  width:100%;  height: 50%;}
#mSiwon > div > div {padding: 51px 0 0 54px;}
#mSiwon .box1 {    background-size: cover;}
#mSiwon .box2 {    background-size: cover;}
#mSiwon .more {    left: 53px;}
}
@media all and (max-width:1100px) {

}
@media all and (max-width:950px) {

#mSiwon > div > div {  padding: 51px 0 0 30px;}
#mSiwon .more { left: 31px;}
}
@media all and (max-width:750px) {
#mSiwon h2 { font-size: 3.5em; line-height: 1.2em;}
#mSiwon .t1 { font-size: 1.4em;}

}
@media all and (max-width:550px) {
#mSiwon { height: 560px;}
#mSiwon > div > div {padding: 26px 0 0 19px;}
#mSiwon .more { left: 17px; width: 100px; font-size: 12px; bottom: 19px; line-height: 30px;}

#mSiwon h2 {  font-size: 2em;   line-height: 1.2em;}
#mSiwon .t1 { font-size: 1.1em; margin-top: 10px;}
#mSiwon .t2 {  font-size: 12px;  line-height: 16px;  margin-top: 7px;}
}
@media all and (max-width:400px) {

}


.visu_toptxt { font-size: 3em; line-height: 1.4; position: relative; top: -150px; }

@media all and (max-width:1280px) {
	.visu_toptxt { top: -110px; }
}
@media all and (max-width:750px) {
	.visu_toptxt { top: -50px; }
}


.main2{width: 100%; height: 730px;}
.main2 .s-inner{display: flex; flex-wrap: wrap; position: relative; padding: 130px 0; max-width: 1400px; margin: 0 auto;}
.main2 .s-inner::before{content: ''; width: 93%; height: 70%; background-color: #dfe7f3; position: absolute; top: 23%; right: 0;z-index: -1;}
.main2 .s-inner::after{content: 'ORTHOPEDIC SURGERY'; font-family: 'GmarketSans'; position: absolute; bottom: 10%; left: 150px; font-size: 40px; color: #dfe7f3; font-weight: 700; letter-spacing: 6px;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
.main2 .img{width: 40%;}
.main2 .img img{width: 100%;}
.main2 .career{width: 60%; display: flex; justify-content: flex-end; position: relative;}
.main2 .career::after{content: 'SEOUL ILDEUNG 365'; font-family: 'GmarketSans'; position: absolute; top: 0px;right: 0; font-size: 45px; color: #dfe7f3; font-weight: 700; line-height: 80px;}
.main2 .career .txt{padding: 110px 60px 0; width: 100%; font-family: 'GmarketSans'; color: #212121;}
.main2 .career .txt h4{font-size: 20px; margin: 20px 0; display: inline-block; color: #295daa; }
.main2 .career .txt h3{font-size: 45px; margin-bottom: 30px; line-height: 55px; letter-spacing: -0.05em;}
.main2 .career .txt h3 span{font-size: 30px; margin-left: 20px;}
.main2 .career .txt h5{font-size: 20px; margin-bottom: 10px; color: #025;}
.main2 .career .txt .c_list{width: 100%; font-family: 'SUIT'; font-size: 16px;}
.main2 .career .txt .c_list .c_item{display: flex; flex-wrap: wrap; }
.main2 .career .txt .c_list ul{width: 50%;}
.main2 .career .txt .c_list ul li{margin-bottom: 10px;}
.main2 .career .txt .go{display: flex; justify-content: end; width: 100%;}
.main2 .career .txt a{display: inline-block; padding:18px 25px 15px; background: #025; color: #fff; font-size: 18px; line-height:18px; border: 1px solid #025; transition: 0.3s; margin-top: 10px;}
.main2 .career .txt a:hover{ background: transparent; color: #025; transition: 0.3s;}

.main2-1{height: 840px;}
.main2-1 .s-inner::before{left: 0;}
.main2-1 .s-inner::after{bottom: 10%; right: 150px; left: auto;}
.main2-1 .career::after{left: 0; top: -19px;}

.main2-2{height: 770px;}
.main2-3{height: 870px;}
.main2-3 .s-inner::before{left: 0;}
.main2-3 .s-inner::after{bottom: 10%; right: 150px; left: auto;}
.main2-3 .career::after{left: 0; top: -19px;}





@media all and (max-width:1420px){
    .main2 .s-inner{width: 94%;}
}

@media all and (max-width:1024px){
    .main2{height: 100%;}
    .main2 .s-inner{margin: 13% auto 5%; padding: 50px 0;}
    .main2 .s-inner::before{width: 100%; height: 100%; top: 0;}
    .main2 .s-inner::after{bottom: 0.5%; left: 20px;}
    .main2 .img{width: 90%; margin: 0 auto 10px; order: 2;}
    .main2 .career{width: 100%; order: 1;}
    .main2 .career::after{right: 0;  top: -100px;}
    .main2 .career .txt{padding: 0 50px 50px;}
}

@media all and (max-width:640px){
    .main2 .s-inner{padding: 30px 0;}
    .main2 .career::after{font-size: 2.5em;line-height: 3.5em;}
    .main2 .s-inner::after{font-size: 4vw;}
    .main2 .career .txt{padding: 0 20px 30px;}
    .main2 .career .txt h4{font-size: 1.5em; margin: 10px 0; line-height: 1.2em;}
    .main2 .career .txt h3{font-size: 2.7em; margin-bottom: 10px;}
    .main2 .career .txt h5{font-size: 1.3em; margin-bottom: 5px;}
    .main2 .career .txt h3 span{font-size: 0.6em; margin-left: 20px;}
    .main2 .career .txt .c_list ul{width: 100%;}
    .main2 .career .txt .go{justify-content: start;margin-top: 10px;}
    .main2 .career .txt a{padding: 2.5vw 3vw 2vw; font-size: 16px;}
}

@media all and (max-width:480px){
    .main2 .career::after{font-size: 7vw; line-height: 27vw;}
    .main2 .career .txt h4{font-size: 4vw;}
    .main2 .career .txt h3{font-size: 7vw; margin-bottom: 2vw;}
    .main2 .career .txt .c_list{font-size: 3.5vw;}
    .main2 .career .txt a{font-size: 3.5vw;}
}


.side_quick{position:fixed; top:50%; right:20px; transform:translateY(-50%); z-index:90; width:80px; background:#fff; border-radius:100px; overflow:hidden; box-shadow:0 5px 20px rgba(0,0,0,0.08);padding: 10px;}
.side_quick a{height:95px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#333; transition:0.3s;}
.side_quick a + a{border-top:1px solid #e5e5e5;}
.side_quick a i{font-size:30px; color:#032f85; margin-bottom:10px; transition:0.3s;}
.side_quick a span{font-size:15px; font-weight:400;}

@media all and (max-width:1280px){
    .side_quick{right:10px; width:70px;}
    .side_quick a{height:80px;}
    .side_quick a i{font-size:25px; margin-bottom:7px;}
    .side_quick a span{font-size:14px;}
}

@media all and (max-width:750px){
    .side_quick{top: auto; bottom: 15px; right: auto; left: 50%; transform: translate(-50%, 0); display: flex;width: 90%;}
    .side_quick a{ height: 35px; width: 50%; flex-direction: inherit; align-items: center; gap: 10px;}
    .side_quick a + a{border-left:1px solid #e5e5e5; border-top: 0;}
    .side_quick a i{margin-bottom: 0;}
    .side_quick a span{font-size:16px;}
}