@import url('https://webfontworld.github.io/miryang/MYHaemalgeunSangsang.css');

.sub-navi{display: flex;margin-top:15px;align-items: center;justify-content: center;position: relative;z-index: 2;}
.sub-navi a{color:#fff;font-size:16px;transition:all .4s;opacity: 0.6;}
.sub-navi a:hover{opacity: 1;}
.sub-navi a i{margin-right:5px;}
.sub-navi p{font-size:16px;color:#fff;padding:0 10px;}
.sub-navi span{font-size:16px;color:#fff;}
.cinner {width:92%; max-width:1400px; margin:0 auto ; position:relative}
.line-br {display:block}
/* 재단소개 */
.company01{margin:auto;}
.company01>h3{font-size:26px;font-weight:400;margin-bottom: 15px;text-align: center;color:#181818;}
.company01>h3>span{font-weight:500;}
.company01 .company01-img{padding-bottom: 400px;position: relative;}
.company01 .company01-img img{width: 100%;}
.company01 .company01-txt{text-align: center;position: absolute;width: 80%;left: 50%;transform: translate(-50%,-50%);background: #fff;bottom:0;padding: 40px 0;}
.company01 .company01-txt h3{font-weight:600;font-size:26px;font-family:'ScoreDream';letter-spacing:-1px;}
.company01 .company01-txt p{font-size:16px;margin-top: 30px;line-height: 25px;color:#808080;}
.company01 .company01-txt p:last-child{color:#181818;font-size:18px;}
.company01 .company01-txt p span{font-family:'MYHaemalgeunSangsang';}


/* 연혁 */
.company02{margin:auto;}
.company02-wrap{display: flex;}
.company02>h3{font-size:26px;font-weight:400;margin-bottom: 15px;text-align: center;color:#181818;}
.company02>h3>span{font-weight:500;}
.company02-wrap>div{width: 50%;height: 660px;margin-bottom: 50px;}
.company02-wrap>div.left{padding-right: 30px;position: relative;border-right:1px dotted #b6b6b6;display: flex;flex-direction:column;}
.company02-wrap>div.left>div{display: flex;flex-direction:column;align-items:flex-end;position: absolute;}
.company02-wrap>div.left>.l_01{top: 4%;right: 30px;}
.company02-wrap>div.left>.l_02{top: 49%;right: 30px;}
.company02-wrap>div.left>div>h3{font-size:30px;font-weight:700;color:#102a5f;}
.company02-wrap>div.left>div>img{width: 70%;margin-top: 20px;}
.company02-wrap>div.left .round{width: 20px;height: 20px;background: #102a5f;border-radius:50%;position: absolute;top: 5%;right: -10px;}
.company02-wrap>div.left .round2{width: 20px;height: 20px;background: #102a5f;border-radius:50%;position: absolute;top: 50%;right: -10px;}

.company02-wrap>div.right{padding-left: 30px;position: relative;display: flex;flex-direction:column;}
.company02-wrap>div.right>div{height: 50%;}
.company02-wrap>div.right>div>div{position:relative;display: flex;flex-direction:column;}
.company02-wrap>div.right>div .r_01{display: flex;flex-direction:column;align-items: flex-start;}
.company02-wrap>div.right>div .r_01:after{content:'';position: absolute;display: block;border-radius:50%;border:1px solid #102a5f;
top: 50%;transform:translateY(-50%);left: -35px;width: 10px;height: 10px;}
.company02-wrap>div.right>div .r_01 h3{font-size:23px;font-weight:700;color:#181818;}
.company02-wrap>div.right>div .r_01 p{font-size:14px; color:#919191;margin-top: 5px;}


/* 조직도 */
.company03{margin:auto;}
.organi_box{margin:30px 0 100px 0;}
.organi_box .top_box {position:relative; width:220px; height:220px; margin:0 auto 200px;border-radius:50%; box-sizing:Border-box; }
.organi_box .top_box img{width: 20%;margin:auto;}
.organi_box .top_box:before {z-index: -2;content: '';position: absolute;left: 50%;top: 0;width: 1px;height: 421px;border-left: 1px solid #d7d7d7;box-sizing: border-box;}
.organi_box .top_box div.top_box_t {    margin: auto;display: flex;width: 130px;height: 130px;background-color: #9396af;border-radius: 50%;text-align: center;justify-content: center;align-items: center;}
.organi_box .top_box div.top_box_t>p{font-size:20px;font-weight:600;font-family:'ScoreDream';display: flex;border-radius:50%;background: #7d7d7d;width: 80%;height: 80%;justify-content: center;align-items: center;}
.organi_box .top_box div.top_box_b {align-items:center;height:275px;display:flex;justify-content: center;flex-direction:column;width:60%;border-radius:5%; text-align:center;position: absolute;left: 50%;transform:translateX(-50%);}
.organi_box .top_box div.top_box_b>p{display: flex;justify-content:center;align-items:center;font-weight:500;}
.organi_box .top_box div.top_box_b>p:first-child{background-color:#28397d;margin-bottom: 50px;width: 150px;height: 60px;}
.organi_box .top_box div.top_box_b>p:first-child>span{font-family:'ScoreDream';}
.organi_box .top_box div.top_box_b>p:last-child{background-color:#287d68;padding:15px 30px;text-align: center;}
.organi_box .top_box div.top_box_b span{color:#fff;font-size:18px;}
.organi_box .top_box p {display:table-cell; vertical-align:middle;font-size:1.2em; font-weight:500; color:#fff; letter-spacing:-0.025em; }
.organi_box .top_box p i.mont {display:block; padding-bottom:3px; font-size:0.8em; color:#fff; font-weight:400; letter-spacing:0; font-style:normal;}


.organi_box .bottom_box {padding-top:40px; font-size:0; letter-spacing:-4px;display: flex;justify-content: space-around;}
.organi_box .bottom_box img{width: 30%;margin:30px auto;}
.organi_box .bottom_box dl {position:relative; display:inline-block; vertical-align:top; width:22%;}
.organi_box .bottom_box dl:last-of-type {margin-right:0; }
.organi_box .bottom_box dl:before {content: '';position: absolute;left: 50%;top: -39px;width: 1px;height: 50%;border-left: 1px solid #d7d7d7;box-sizing: border-box;}
.organi_box .bottom_box dl:nth-child(2):before{height: 140%;}
.organi_box .bottom_box dl:after {content:''; position:absolute; left:50%; top:-40px; width:calc(100% + 141px); height:1px; border-top:1px solid #d7d7d7; box-sizing:border-box; }
.organi_box .bottom_box dl dt {position:relative; height:100px;width: 80%;margin:auto;display: flex;flex-direction:column;}
.organi_box .bottom_box dl dt>div{margin-bottom: 20px;border-radius:30px;}
.organi_box .bottom_box dl dt>div:first-child{background: #888888;}
.organi_box .bottom_box dl dt>div:first-child span{text-align: center;line-height: 45px;color:#fff;display: block;}
.organi_box .bottom_box dl dt>div:nth-child(n+2){background: #fff;border:3px solid #41a724;}
.organi_box .bottom_box dl dt>div:nth-child(n+2) span{text-align: center;line-height: 45px;color:#414141;font-weight:400;display: block;}
.organi_box .bottom_box dl dt:after {content:''; display:inline-block; vertical-align:middle; width:0; height:100%; }
.organi_box .bottom_box dl dt:before {content:''; position:absolute; left:50%; top:calc(100% + 10px); width:1px; height:40px; border-left:1px solid #d7d7d7; box-sizing:border-box; }
.organi_box .bottom_box dl dt span {display:inline-block; vertical-align:middle; font-size:1.2rem;color:#222222; letter-spacing:-0.025em;}
.organi_box .bottom_box dl:last-child:after {display:none; }
.organi_box .bottom_box dl dd {width:100%; height:78px; margin-bottom:10px; font-size:0; letter-spacing:-4px; background-color:#e6e6f3; text-align:center; border-radius:50px; }
.organi_box .bottom_box dl dd:after {content:''; display:inline-block; vertical-align:middle; width:0; height:100%; }
.organi_box .bottom_box dl dd span {display:inline-block; vertical-align:middle; font-size:18px; font-weight:bold; color:#444444; letter-spacing:-0.025em; }
.organi_box .bottom_box dl dt:last-child:before{display:none;}
.organi_box .bottom_box dl dt p{display:block;font-size:0.9rem; color:#5c5c5c; font-weight:400; letter-spacing:0; font-style:normal;margin-top: 5px;}

.organi_box .bottom_box02 {padding-top:40px; font-size:0; letter-spacing:-4px; }
.organi_box .bottom_box02 img{width: 30%;margin:30px auto;}
.organi_box .bottom_box02 dl {position:relative; display:inline-block; vertical-align:top; width:22%; margin-right:40px; }
.organi_box .bottom_box02 dl:last-of-type {margin-right:0; }
.organi_box .bottom_box02 dl:before {content: '';position: absolute;left: 50%;top: -39px;width: 1px;height: 50%;border-left: 1px solid #d7d7d7;box-sizing: border-box;}
.organi_box .bottom_box02 dl:after {content:''; position:absolute; left:50%; top:-40px; width:calc(100% + 40px); height:1px; border-top:1px solid #d7d7d7; box-sizing:border-box; }
.organi_box .bottom_box02 dl dt {position:relative; height:100px;width: 80%;margin:auto;display: flex;flex-direction:column;}
.organi_box .bottom_box02 dl dt>div{margin-bottom: 20px;}
.organi_box .bottom_box02 dl dt>div:first-child{background: #ccc;}
.organi_box .bottom_box02 dl dt>div:first-child span{text-align: center;line-height: 45px;color:#181818;display: block;}
.organi_box .bottom_box02 dl dt>div:nth-child(n+2){background: #fff;border:3px solid #41a724;}
.organi_box .bottom_box02 dl dt>div:nth-child(n+2) span{text-align: center;line-height: 45px;color:#414141;font-weight:400;display: block;}
.organi_box .bottom_box02 dl dt:after {content:''; display:inline-block; vertical-align:middle; width:0; height:100%; }
.organi_box .bottom_box02 dl dt:before {content:''; position:absolute; left:50%; top:calc(100% + 10px); width:1px; height:40px; border-left:1px solid #d7d7d7; box-sizing:border-box; }
.organi_box .bottom_box02 dl dt span {display:inline-block; vertical-align:middle; font-size:1.2rem;color:#222222; letter-spacing:-0.025em;}
.organi_box .bottom_box02 dl:last-child:after {display:none; }
.organi_box .bottom_box02 dl dd {width:100%; height:78px; margin-bottom:10px; font-size:0; letter-spacing:-4px; background-color:#e6e6f3; text-align:center; border-radius:50px; }
.organi_box .bottom_box02 dl dd:after {content:''; display:inline-block; vertical-align:middle; width:0; height:100%; }
.organi_box .bottom_box02 dl dd span {display:inline-block; vertical-align:middle; font-size:18px; font-weight:bold; color:#444444; letter-spacing:-0.025em; }
.organi_box .bottom_box02 dl dt:last-child:before{display:none;}
.organi_box .bottom_box02 dl dt p{display:block;font-size:0.9rem; color:#5c5c5c; font-weight:400; letter-spacing:0; font-style:normal;margin-top: 5px;}




/* 오시는길 */
.company04{margin:0 auto 150px;}
.map{width: 100%;}
.map>div{width: 100%;}

.company04-txt{display: flex;justify-content:space-between;padding: 25px 0;border-bottom:1px solid #ccc;}
.company04-txt>div{display: flex;align-items:center;}
.company04-txt>div>div{display: flex;align-items:center;margin-left: 15px;}
.company04-txt>div i{margin-right: 15px;font-size:16px;}
.company04-txt>div p{font-size:16px;}

/* 홈페이지제작 */
.business01{margin:auto;}
.business01>h2{text-align: center;font-weight:600;font-size:26px;}
.business01>h2>span{font-weight:700;}
.business01>.busi01{display: flex;flex-wrap:wrap;margin: 30px auto 70px;}
.business01>.busi01>div{padding:5px;position: relative;width: 20%;}
.business01>.busi01>div>img{width: 100%;}
.business01>.busi01>div>.busi01-txt{width: 100%;text-align: center;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);}
.business01>.busi01>div>.busi01-txt p{font-size:14px;font-weight:400;}
.business01>.busi01>div>.busi01-txt p span{font-weight:600;font-size:18px;line-height: 30px;}

.business01>.busi02{margin:auto;display: flex;flex-direction:column;padding-bottom: 150px;}
.business01>.busi02>div{display: flex;flex-direction:column;margin-bottom: 40px;}
.business01>.busi02>div>div:first-child{display: flex;align-items:center;padding-bottom: 30px;border-bottom:1px dotted #888;}
.business01>.busi02>div>div:first-child span{display: flex;width: 50px;height: 50px;margin-right: 15px;border-radius:50%;
background: #102a5f;justify-content:center;align-items:center;color:#fff;font-size:24px;font-weight:700;}
.business01>.busi02>div>div:first-child h3{font-size:24px;color:#181818;font-weight:600;}
.business01>.busi02>div>div:nth-child(2){text-align: left;padding-top: 30px;}
.business01>.busi02>div>div:nth-child(2) p{color:#888;font-weight:400;font-size:18px;line-height: 35px;}
.business01>.busi02>div>div:nth-child(2) p span{color:#181818;border-bottom:1px solid #181818;}



.business02{margin:auto;}
.business02>h2{text-align: center;font-weight:600;font-size:26px;color:#181818;line-height: 40px;}
.business02>h2>span{color:#888;}

.business02 .busi01{position: relative;margin-top: 40px;border-radius:30px 0;overflow:hidden;margin-bottom: 100px;}
.business02 .busi01 img{width: 100%;}
.business02 .busi01 .busi01-txt{text-align: center;padding: 60px 0;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);background:#00000085;width: 80%;border-radius:30px 0;}
.business02 .busi01 .busi01-txt p{color:#fff;font-size:16px;margin-bottom: 30px;}
.business02 .busi01 .busi01-txt h4{color:#fff;font-size:22px;font-weight:500;line-height: 25px;}

.business02>.busi02{display: flex;flex-wrap:wrap;justify-content:space-between;}
.business02>.busi02 .busi02-tit{width: 100%;}
.business02>.busi02 .busi02-tit h3{text-align: center;font-size:30px;color:#181818;font-weight:500;}
.business02>.busi02 .busi02-tit p{text-align: center;line-height: 25px;font-size:18px;color:#181818;padding: 30px 0;}
.business02>.busi02>div:nth-child(n+2){text-align: center;width:32%;padding:70px 10px;border:1px solid #888;display: flex;flex-direction:column;align-items:center;}
.business02>.busi02>div:nth-child(n+2)>img{width: 90px;}
.business02>.busi02>div:nth-child(n+2)>p:nth-child(2){line-height: 25px;font-size:16px;font-weight:700;padding: 15px 0;}
.business02>.busi02>div:nth-child(n+2)>p:nth-child(2) span{font-size:18px;}
.business02>.busi02>div:nth-child(n+2)>p:nth-child(3){line-height: 25px;color:#888;font-weight:400;font-size:16px;}

.business02>.busi03{margin:100px auto;}
.business02>.busi03 .busi03-tit{width: 100%;}
.business02>.busi03 .busi03-tit h3{text-align: center;font-size:30px;color:#181818;font-weight:500;}
.business02>.busi03 .busi03-tit p{text-align: center;line-height: 25px;font-size:18px;color:#181818;padding: 30px 0;}
.business02>.busi03 .busi03-con{height:400px;position: relative;}
.business02>.busi03 .busi03-con>div{position: absolute;width:50%;padding:50px 20px;display: flex;border:1px solid #888;flex-direction:column;align-items:center;border-radius:30px 0;}
.business02>.busi03 .busi03-con>div:nth-child(1){left: 20px;}
.business02>.busi03 .busi03-con>div:nth-child(2){right: 20px;top: 30%;background: #eee;}
.business02>.busi03 .busi03-con>div>div{width: 80%;text-align-last: left;}
.business02>.busi03 .busi03-con>div>div:first-child{display: flex;align-items:center;margin-bottom: 20px;}
.business02>.busi03 .busi03-con>div>div:first-child span{display: flex;width: 50px;height: 50px;margin-right: 15px;border-radius: 50%;background: #102a5f;justify-content: center;align-items: center;color: #fff;font-size: 24px;font-weight: 700;}
.business02>.busi03 .busi03-con>div>div:first-child h3{font-size: 24px;color: #181818;font-weight: 600;}
.business02>.busi03 .busi03-con>div>div:nth-child(2) p{font-size:16px;color:#888;line-height: 25px;}
.business02>.busi03 .busi03-con>div>div:nth-child(2) p span{border-bottom:1px solid #181818;color:#181818;}

.business02>.busi04{margin-bottom: 200px;padding:50px;background: #f2f2f2;}
.business02>.busi04 h3{margin-bottom: 25px;font-size:26px;font-weight:600;color:#181818;}
.business02>.busi04 p{color:#777;font-size:16px;line-height: 25px;}
.business02>.busi04 p span{color:#181818;}

.business03{margin:auto;}
.business03>h2{text-align: center;font-weight: 600;font-size: 26px;color: #181818;line-height: 40px;}
.business03>h2>span{color:#888;}

.business03 .busi01{margin:70px auto;display: flex;border-radius:30px 0;border:1px solid #888;overflow:hidden;box-shadow:2px 2px 5px #c2c2c2;}
.business03 .busi01>div{width: 50%;}
.business03 .busi01>div:first-child{position: relative;border-right:1px solid #888;}
.business03 .busi01>div:first-child>div{color:#fff;text-align: left;position: absolute;right: 0;top: 20%;width: 80%;background:#000000b5;padding:25px 15px;}
.business03 .busi01>div:first-child>div h4{font-weight:600;font-size:20px;}
.business03 .busi01>div:first-child>div p{font-weight:500;font-size:16px;margin-top: 15px;line-height: 25px;}
.business03 .busi01>div:first-child img{width: 100%;}
.business03 .busi01>div:nth-child(2){padding:0 40px;display: flex;flex-direction:column;justify-content: center;}
.business03 .busi01>div:nth-child(2)>div:first-child{margin-bottom: 30px;}
.business03 .busi01>div:nth-child(2)>div>h4{font-size:22px;color:#181818;font-weight:600;}
.business03 .busi01>div:nth-child(2)>div>p{font-size:16px;color:#777;margin-top: 15px;line-height: 30px;}

.business03>.busi02{}
.business03>.busi02 .busi02-tit{width: 100%;}
.business03>.busi02 .busi02-tit h3{text-align: center;font-size:30px;color:#181818;font-weight:500;}
.business03>.busi02 .busi02-tit p{text-align: center;line-height: 25px;font-size:18px;color:#181818;padding: 30px 0;}

.business03>.busi02 .busi02-con01{margin-top: 30px;display: flex;justify-content:space-between;}
.business03>.busi02 .busi02-con01>div{width: 24%;padding: 25px 0;text-align: center;border:1px solid #a0a0a0;box-shadow:2px 2px 5px #c2c2c2;}
.business03>.busi02 .busi02-con01>div>p{font-size:16px;text-align: center;}
.business03>.busi02 .busi02-con01>div>p{font-weight:600;}
.business03>.busi02 .busi02-con02{display: flex;flex-direction:column;align-items:center;margin:70px auto 150px;}
.business03>.busi02 .busi02-con02>div{display: flex;flex-direction:column;align-items:center;margin-bottom: 20px;font-weight:400;}
.business03>.busi02 .busi02-con02>div>h4{font-size:22px;font-weight:600;}
.business03>.busi02 .busi02-con02>div>img{width: 30px;display: block;padding: 15px 0;}
.business03>.busi02 .busi02-con02>div>div{border:1px solid #a0a0a0;width:280px;text-align: center;padding: 20px 15px;box-shadow:2px 2px 5px #c2c2c2;}
.business03>.busi02 .busi02-con02>div>div>p{font-size:16px;color:#181818;font-weight:500;line-height: 25px;}
.business03>.busi02 .busi02-con02>div>div>p span{border-bottom:1px solid #181818;}



@media screen and (max-width: 1199px){

  .organi_box .bottom_box dl dt{height: 210px;}
  .organi_box .bottom_box img{width: 40%;margin:10px auto;}
  .organi_box .bottom_box dl:after{width:calc(100% + 30px);}
  .organi_box .bottom_box dl dt p{line-height: 1.3;}

  .organi_box .bottom_box02 dl{margin-right: 30px;}
  .organi_box .bottom_box02 dl dt{height: 210px;}
  .organi_box .bottom_box02 img{width: 40%;margin:10px auto;}
  .organi_box .bottom_box02 dl:after{width:calc(100% + 30px);}
  .organi_box .bottom_box02 dl dt p{line-height: 1.3;}
}
@media screen and (max-width: 767px){

  .organi_box .top_box{width: 200px;height: 400px;margin:0 auto;}
  .organi_box .top_box div.top_box_b{bottom:0;width: 50%;}
  .organi_box .top_box:before{height:100%;}
  .organi_box .top_box:after{bottom: -15%;}
  .organi_box .bottom_box dl{width: 22.5%;margin-right: 10px;}
  .organi_box .bottom_box dl:after{width:calc(100% + 10px);}
  .organi_box .bottom_box dl dt{height: 130px;border-radius:15px;}
  .organi_box .bottom_box dl dt span{font-size:0.8rem;margin-top: 0;line-height: 1.2;}
  .organi_box .bottom_box dl dt p{display: none;}
  .organi_box .bottom_box img{width: 80%;margin:10px auto;}
  .organi_box .bottom_box02 dl{width: 22.5%;margin-right: 10px;}
  .organi_box .bottom_box02 dl:after{width:calc(100% + 10px);}
  .organi_box .bottom_box02 dl dt{height: 130px;border-radius:15px;}
  .organi_box .bottom_box02 dl dt span{font-size:0.8rem;margin-top: 0;line-height: 1.2;}
  .organi_box .bottom_box02 dl dt p{display: none;}
  .organi_box .bottom_box02 img{width: 80%;margin:10px auto;}

  .company01>h3{font-size:16px;}
  .company01 .company01-txt h3{font-size:23px;}
  .company01 .company01-img{padding-bottom: 100px;display: flex;flex-direction:column-reverse;}
	.company01 .company01-txt{position:unset;transform:unset;width: 100%;}

  .company02>h3{font-size:16px;}
  .company02-wrap>div.left>div>img{width: 100%;}

  .organi_box{margin:30px 0 50px 0;}

  .company04-txt{flex-direction:column;}
  .company04-txt>div{margin-bottom: 10px;}
  .company04-txt>div>div{margin-left:0;margin-right: 15px;}
  .company04-txt>div i{margin-right: 5px;}

  .business03>h2{font-size:16px;line-height: 30px;}
  .business03 .busi01{border:none;flex-direction:column;border-radius: 0px 0;box-shadow: none;margin: 40px auto;}
  .business03 .busi01>div{border-right:none;width: 100%;}
  .business03 .busi01>div:first-child>div{right: 50%;transform: translateX(50%);}
  .business03 .busi01>div:nth-child(2){padding: 40px 0;}
  .business03 .busi01>div:nth-child(2)>div>p{font-size:14px;}


  .business03>.busi02 .busi02-tit h3{font-size:26px;}
  .business03>.busi02 .busi02-tit p{font-size:16px;word-break:keep-all;}
  .business03>.busi02 .busi02-con01{flex-wrap:wrap;}
  .business03>.busi02 .busi02-con01>div{width: 49%;margin-bottom:10px;}

}
@media screen and (max-width:600px){

}
@media screen and (max-width:480px){
  .company01 .company01-txt p{font-size:13px;}
}

@media screen and (max-width:300px){
}


.intro_page .banner_section{background:url(../img/sub/intro_bg.png)no-repeat center center/cover;min-height:700px; width:100%;position: relative;}
.banner_section .banner_txt {position:absolute; left:50%;; top:50%; transform: translate(-50%, -50%);display:flex;flex-direction: column ;color:#fff;text-align: center;width:90%;align-items: center;}
.banner_section .banner_txt h2 {font-size: 50px; font-weight: 600;margin-bottom:25px}
.banner_section .banner_txt p {font-size:20px;width:max-content}

.intro_page .content {padding:100px 0 150px;; text-align: center;} 
.intro_page .content h3 {font-size: 40px; font-weight: 600;margin-bottom:50px; color:#805128}
.intro_page .content p {font-size: 22px;margin-bottom:20px;line-height: 1.3;color:#555}
.intro_page .content .repres p {font-size: 26px;color:#161616;font-weight:500; margin-top:80px;}
.intro_page .content .repres span {font-size: 20px;}


@media screen and (max-width:1024px){
  .intro_page .content p {word-break: keep-all;}
  .intro_page .content p .line-br {display:inline}
}


@media screen and (max-width:768px){
  .intro_page .banner_section{height:330px; min-height:auto}
  .intro_page .content p,
  .intro_page .content h3 {word-break: keep-all;}
}

@media screen and (max-width:500px){
  .intro_page .content p {font-size:18px}
  .intro_page .content h3 {font-size:28px}
  .banner_section .banner_txt p{width:100%;word-break: keep-all;}
}
@media (max-width: 1399px) {
    .intro_page .banner_section {
        height: 400px;
    }
}


@media (max-width: 1199px) {
    .intro_page .banner_section {
        height: 360px;
    }
    .banner_section .banner_txt h2 {font-size: 39px;}
}

@media (max-width: 1024px) {
    .intro_page .banner_section {
        height: 330px;
        margin-top: 80px;
    }
    .banner_section .banner_txt p {font-size: 15px;}
}

@media (max-width: 768px) {
    .intro_page .banner_section {
        height: 280px;
    }
    .banner_section .banner_txt p {font-size: 14px;}
}
@media (max-width: 640px) {
    .intro_page .banner_section {
        height: 250px;
    }
    .banner_section .banner_txt p { font-size: 13px;}
}

@media (max-width: 500px) {
    .intro_page .banner_section {
        height: 220px;min-height:auto
    }
    .banner_section .banner_txt p { font-size: 12px;}
}