.shoulder section {padding: 100px 50px;}
.shoulder .nopadding {padding: 0 50px;}
.shoulder.mobile section {padding: 50px 40px;}
.shoulder .doctor,
.shoulder.mobile .doctor {padding: 0;}
.shoulder .doctor img {display: block; margin: auto; width: 1920px;}

.shoulder .doctor .inbox {
    background-color:#000;
    /* background-image:url('/images/shoulder/shoulder_center_00.jpg');  */
    background-repeat:no-repeat; 
    background-position: right top; 
    min-width:1400px; 
    max-width:1920px; 
    margin:0 auto;
    position:relative;
}

/* .shoulder.knee .doctor .inbox { background-image:url('/images/knee/knee_center_00.jpg');  } */
/* .shoulder.knee.mobile .doctor .inbox { background-image:url('/images/knee/knee_center_m_00.jpg'); background-size: cover; } */

.shoulder .doctor .inbox p {
    font-size:40px;
    color:#fff;
    font-weight:700; 
    line-height:1.2; 
    /* padding-bottom:50px; 
    padding-top:190px;  */
    padding:50px 0;
    margin-left:14%;
}

.shoulder.mobile .doctor .inbox {
    background-color:#000;
}

.shoulder.mobile .doctor .inbox {
    width:100%;
    height:100px;
    background-size:120%;
    min-width:unset;
    max-width:unset;
}
/* .shoulder.knee.mobile .doctor .inbox { height:275px; } */

.shoulder .doctor .inbox .gradient {
    width:100%;
    position:absolute;
    left:0;
    bottom:-50px;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 80%);
    height:50px;
}

/* .shoulder.mobile .doctor .inbox .gradient {
    bottom:0;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 80%);
} */

.shoulder.mobile .doctor .inbox p {
    font-size:18px;
    /* padding-top:20%; */
    padding:10px 0px;
    padding-bottom:0px;
    margin-left:10%;
    position:absolute;
    top:0px;
    left:0px;
}

.centerbox {width: 1300px; margin: 0 auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.centerbox img {width: 100%; display: block;}
.shoulder.mobile .centerbox {width:100%; flex-direction: column;}
.centerbox.row {flex-direction: row;}
.centerbox h2 {font-size: 40px; font-weight: 700; line-height: 1.5; margin-bottom: 100px; position: relative; text-align: center;}
.centerbox h2::after {content: ''; position: absolute; width: 48px; height: 7px; background-color: #459cd0; left: 50%; bottom: -30px; transform: skewX(-50deg) translateX(-50%);}
.centerbox h2.oltext::after {display: none;}
.centerbox ul.ulbox1 {display: flex; flex-wrap: wrap; gap: 30px; width: 100%; margin: 0; padding: 0; list-style: none; font-size: 0; justify-content: space-between;}
.shoulder.mobile ul.ulbox1  {gap: 15px;}
.centerbox ul.ulbox1 li {box-sizing: border-box; border: 2px solid #459cd0; width: calc(33% - 18px); background-color: white; font-size: 25px; line-height: 1.2; padding: 30px 0; text-align: center; display: inline-block; } 
.shoulder.mobile .centerbox ul.ulbox1 li {width: 100%; font-size: 18px; padding: 10px 0;}
.shoulder.mobile .centerbox h2 {font-size: 20px; margin-bottom: 40px; word-break: keep-all; text-align: center;}
.shoulder.mobile .centerbox h2::after {width: 20px; height: 3px; bottom: -10px;}
.centerbox h3 {font-size: 33px; line-height: 1.5; margin-bottom: 35px; font-weight: 700; word-break: keep-all;}
.shoulder.mobile .centerbox h3 {font-size: 18px; text-align: center;}
.centerbox p {line-height: 1.8; font-size: 24px; word-break: keep-all;}
.shoulder.mobile .centerbox p {font-size: 16px; margin-bottom: 20px;}
.centerbox .inbox {width: 100%;}
.centerbox .inbox  p {font-size: 22px; margin-bottom: 34px;}
.centerbox.row img {width: 550px;}

.bgblue {background-color: #F0F4F7;}
.bgblue.bgimg {background-image: url("/images/shoulder/shoulder_bottom_title.png"); background-repeat: no-repeat; background-position: center 15px;}
.shoulder.mobile .bgblue.bgimg {background-size: contain;}

.flexbox {display: flex; gap: 30PX; justify-content: space-between; margin-bottom: 75px;}
.shoulder.mobile .flexbox{flex-direction: column; gap: 10px;}
.flexbox.col3 div{width: calc(33.33% - 20px);}
.shoulder.mobile .centerbox .inbox .flexbox.col3 div{width: 100%;}

.flexbox.text {margin-top: 100px; justify-content: flex-start;}

/* .flexbox.col3 img{margin-bottom: 18px;} */
.inbox .flexbox img{margin-bottom: 18px;}
.shoulder.mobile .flexbox.col3 img{margin-bottom: 9px;}

.flexbox.col3 span, .flexbox.col2 span {font-size: 20px; display: block; text-align: center; font-weight: 500;}
.shoulder.mobile .centerbox .inbox .flexbox.col3 span {font-size: 16px;}

.flexbox.col2 div {width: calc(50% - 15px);}
.shoulder.mobile .flexbox.col2 div {width: 100%;}
.flexbox.col2 .flexbox.col3.w100 { width: 100%; flex-direction: row; margin: 0;}
.shoulder.mobile .flexbox.col3.w100 { width: 100%; flex-direction: row; margin: 0;}

.flexbox.col2 .flexbox.w100 {width:100%;}
.flexbox span {display: block; text-align: center; font-size: 18px; font-weight: 300;}
.shoulder.mobile .flexbox span {font-size: 14px;}

.flexbox .col40 img,.flexbox .col60 img {margin-bottom: 26px;}

.shoulder.mobile .flexbox.col3.spanbr {gap: 25px;}
.flexbox.col3.spanbr span {font-size: 20px; font-weight: 500; padding: 20px 0; background-color: #F0F4F7;}
.flexbox.col3.spanbr img {margin: 0;}
.shoulder.mobile .flexbox.col3.spanbr img {margin: 0;}

.spantit {position: absolute; top: 0; font-size: 164px; font-weight: 400; color: white; display: block; text-align: center;}
.inbox.lastbox img{width: 50%; margin: 0 auto; margin-top: -30px}
.shoulder.mobile .inbox.lastbox img{width: 100%; margin: 0 auto; margin-top: -20px; margin-bottom: 30px;}

.ulbox2 {width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 0; font-size: 0; border-top: 3px solid #0C7FC4;}
.ulbox2 li {width: 100%; display: flex; border-top: 1px solid #CBCBCB;}
.shoulder.mobile .ulbox2 li {border: 0;}
.shoulder.mobile .ulbox2 li {flex-direction: column; gap: 10px;}
.ulbox2 li span {padding: 23px 35px; line-height: 1.5; word-break: keep-all;}
.shoulder.mobile .ulbox2 li span {padding: 6px 0;}
.ulbox2 li>span:first-child {width: 180px; background-color: #E3ECF3; color: #0C7FC4; font-weight: 500;}
.shoulder.mobile .ulbox2 li>span:first-child {width: 100%;}
.ulbox2 {border-top: 2.5px solid #0C7FC4;}
.ulbox2 span {display: block; text-align: center; font-size: 30px; font-weight: 300;}
.shoulder.mobile .ulbox2 span {font-size: 18px;}

.ulbox3 {width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 0; font-size: 0; margin-bottom: 75px;}
.ulbox3 li {width: 100%; display: flex; border: 1px solid #CBCBCB; margin-bottom: 15px;}
.knee.mobile .ulbox3 li {flex-direction: column; gap: 10px;}
.ulbox3 li span {padding: 23px 35px; line-height: 1.5; word-break: keep-all;}
.ulbox3 span {display: block; text-align: center; font-size: 30px; font-weight: 400;}
.knee.mobile .ulbox3 span { font-size: 18px; }
.knee.mobile .ulbox3 li>span:first-child {background-color: #0C7FC4; color: #ffffff; font-weight: 500; padding: 10px 0;}


.flexbox .bgbox {width: 100%; height: 496px; }
.flexbox .bgbox span {padding: 23px 0; background-color: #E3ECF3; color: #0C7FC4; font-size: 30px; font-weight: 400;}
.flexbox.col {justify-content: center; margin-bottom: 0;}
.flexbox.col span { font-size: 14px; text-align: start;}

.knee.mobile .flexbox .bgbox {height: 315px; background-size: cover; background-position: center; background-repeat: no-repeat;} 
.knee.mobile .flexbox .bgbox span { font-size: 18px; padding: 23px 0; background-color: #E3ECF3; color: #0C7FC4; font-weight: 400;}

.bggray { background-color: #F6F6F6; }

br.pconly {display: block;}
.shoulder.mobile  br.pconly {display: none;}

@media (max-width: 1920px){
	.shoulder .doctor img {display: block; margin: auto; width: 100%;}
}

@media (max-width: 725px){
    /* .shoulder.mobile .doctor .inbox p { padding-top:30%; } */

    .shoulder section {padding: 50px 40px;}
	.centerbox {width: 100%; max-width: 640px;}
    .centerbox h2 {font-size: 20px; margin-bottom: 40px; word-break: keep-all; text-align: center;}
    .centerbox h2::after {width: 20px; height: 3px; bottom: -10px;}
    .centerbox.row {flex-direction: column; align-items: flex-start;}
    .centerbox ul.ulbox1 {gap: 16px;}
    .centerbox ul.ulbox1 li {width: 100%; font-size: 18px;}
    .centerbox h3 {font-size: 18px; margin-bottom: 20px; }
    .centerbox p {line-height: 1.5; font-size: 16px; word-break: keep-all;}
    .centerbox .inbox  p {font-size: 18px; margin-bottom: 8px;}
    .intro {margin-bottom: 30px;}
    .flexbox {flex-direction: column; gap: 10px; margin-bottom: 37px;}
    .flexbox.col3 div{width: 100%;}
    .flexbox.col3 img{margin-bottom: 9px;}
    .flexbox.col3 span{font-size: 16px;}
    .flexbox.col2 div {width: 100%;}

}