@charset "UTF-8";

/*Á¿찣°Ýüũ*/
.letter-view { border-top:0px solid var(--main-color1); padding:50px 100px 100px; color:#000; }

.letter-view .swiper-slide .img { padding-bottom:50%; background:none no-repeat center/cover; }

.letter-view .swiper-slide .sec .head { position:relative; padding:20px 0px; margin-top:10px; border-bottom:1px solid #ddd; font-size:1.7rem; font-weight:700 }
.letter-view .swiper-slide .sec .head5 { position:relative; padding:20px 0px; margin-top:10px; border-bottom:1px solid #949494; font-size:1.7rem; font-weight:700 }
/*.letter-view .swiper-slide .sec .head:before { content:""; position:absolute; left:0; top:calc(50% - 10px); width:5px; height:20px; background:var(--main-color1); }*/
.letter-view .swiper-slide .sec .desc { margin-top:20px; line-height:1.5; font-size:1.125rem; }
.letter-view .swiper-slide .sec .speech { background:#f8f8f8; padding:30px; line-height:1.6; margin-top:20px;  font-size:1.125rem;}

.letter-view .swiper-slide .sec .speech .sp_left {width:15px; float:left; font-size:1.125rem; }
.letter-view .swiper-slide .sec .speech .sp_right {padding-left:5px; float:left;}	

.letter-view .swiper-slide .sec .speech .text-gap { padding-left: 148px; text-indent: -108px;   text-align: left;}

.letter-view .swiper-slide .sec small { display:block; color:#888; margin-top:10px; }
.letter-view .swiper-slide .sec small:before { content:"  "; }
.letter-view .swiper-slide .subhead2{font-size: 1.1rem; margin-bottom: 0px;}
.letter-view   .desc {   line-height:1.5; font-size:1.125rem; }

.letter-view .swiper-slide .tail { border-top:0px solid var(--main-color1); margin-top:0px; padding-top:0px; justify-content:space-between; align-items:center; }
.letter-view .swiper-slide .tail > div { display:inherit; margin:0 -1px; }
.letter-view .swiper-slide .tail > div a { width:80px; height:80px; border-radius:3px; display:inherit; justify-content:center; align-items:center; margin:0 1px; }
.letter-view .swiper-slide .tail > div a i[class^="fa-"] { font-size:2.7rem; }

.letter-view .swiper-slide .tail .share a i { font-size:3rem; color:#fff; }
.letter-view .swiper-slide .tail .share a.instagram {  background:#aaa; }
.letter-view .swiper-slide .tail .share a.youtube {  background:#aaa; }
.letter-view .swiper-slide .tail .share a.kakao i { font-size:3.3rem; color:#fff; }
.letter-view .swiper-slide .tail .share a.blog {  background:#aaa; }
.letter-view .swiper-slide .tail .share a.facebook {  background:#aaa; }
.letter-view .swiper-slide .tail .share a.twitter { background:#aaa; }


.letter-view .swiper-slide .tail .share a:hover.instagram { background:#d83ab1; }
.letter-view .swiper-slide .tail .share a:hover.youtube { background:#d70101; }
.letter-view .swiper-slide .tail .share a:hover.kakao i {   color:#3a1d1d; }
.letter-view .swiper-slide .tail .share a:hover.blog { background:#2db400; }
.letter-view .swiper-slide .tail .share a:hover.facebook { background:#3b5998; }
.letter-view .swiper-slide .tail .share a:hover.twitter { background:#77b40b; }

.letter-view .swiper-slide .tail .btn-box a.print-btn { background:#666; color:#fff; }
.letter-view .swiper-slide .tail .btn-box a.list-btn { width:auto !important; padding:5px 40px; background:var(--main-color2); color:#fff; font-weight:500; }
.letter-view .swiper-slide .tail .btn-box a.list-btn2 { width:auto !important; padding:5px 40px; background:var(--main-color2); color:#000000; font-weight:500; font-size: 1.0rem; background:#f9e637; }

.letter-view0 { padding:20px 0 0; }

.letter-view0 .tail3 { border-top:0px solid var(--main-color1); margin-top:100px; padding-top:30px; justify-content:space-between; align-items:center; }
.letter-view0 .tail3 > div { display:inherit; margin:0 -1px; }
.letter-view0 .tail3 > div a { width:80px; height:80px; border-radius:3px; display:inherit; justify-content:center; align-items:center; margin:0 1px; }
.letter-view0 .tail3 > div a i[class^="fa-"] { font-size:2.7rem; }


.letter-view0 .swiper-slide .img { padding-bottom:50%; background:none no-repeat center/cover; }

.letter-view0 .swiper-slide .sec .head { position:relative; padding:20px 0px; margin-top:10px; border-bottom:1px solid #ddd; font-size:1.7rem; font-weight:700 }
.letter-view0 .swiper-slide .sec .head5 { position:relative; padding:20px 0px; margin-top:10px; border-bottom:1px solid #949494; font-size:1.7rem; font-weight:700 }
/*.letter-view0 .swiper-slide .sec .head:before { content:""; position:absolute; left:0; top:calc(50% - 10px); width:5px; height:20px; background:var(--main-color1); }*/
.letter-view0 .swiper-slide .sec .desc { margin-top:20px; line-height:1.5; font-size:1.125rem; }
.letter-view0 .swiper-slide .sec .speech { background:#f8f8f8; padding:30px; line-height:1.6; margin-top:20px;  font-size:1.125rem;}
.letter-view0 .swiper-slide .sec small { display:block; color:#888; margin-top:10px; }
.letter-view0 .swiper-slide .sec small:before { content:"  "; }
.letter-view0 .swiper-slide .subhead2{font-size: 1.1rem; margin-bottom: 0px;}
.letter-view0   .desc {   line-height:1.5; font-size:1.125rem; }







.letter-view0 .swiper-slide .tail { border-top:0px solid var(--main-color1); margin-top:0px; padding-top:0px; justify-content:space-between; align-items:center; }
.letter-view0 .swiper-slide .tail > div { display:inherit; margin:0 -1px; }
.letter-view0 .swiper-slide .tail > div a { width:80px; height:80px; border-radius:3px; display:inherit; justify-content:center; align-items:center; margin:0 1px; }
.letter-view0 .swiper-slide .tail > div a i[class^="fa-"] { font-size:2.7rem; }

.letter-view0 .swiper-slide .tail .share a i { font-size:3rem; color:#fff; }
.letter-view0 .swiper-slide .tail .share a.instagram {  background:#aaa; }
.letter-view0 .swiper-slide .tail .share a.youtube {  background:#aaa; }
.letter-view0 .swiper-slide .tail .share a.kakao i { font-size:3.3rem; color:#fff; }
.letter-view0 .swiper-slide .tail .share a.blog {  background:#aaa; }
.letter-view0 .swiper-slide .tail .share a.facebook {  background:#aaa; }
.letter-view0 .swiper-slide .tail .share a.twitter { background:#aaa; }


.letter-view0 .swiper-slide .tail .share a:hover.instagram { background:#d83ab1; }
.letter-view0 .swiper-slide .tail .share a:hover.youtube { background:#d70101; }
.letter-view0 .swiper-slide .tail .share a:hover.kakao i {   color:#3a1d1d; }
.letter-view0 .swiper-slide .tail .share a:hover.blog { background:#2db400; }
.letter-view0 .swiper-slide .tail .share a:hover.facebook { background:#3b5998; }
.letter-view0 .swiper-slide .tail .share a:hover.twitter { background:#77b40b; }

.letter-view0 .swiper-slide .tail .btn-box a.print-btn { background:#666; color:#fff; }
.letter-view0 .swiper-slide .tail .btn-box a.list-btn { width:auto !important; padding:5px 40px; background:var(--main-color2); color:#fff; font-weight:500; }
.tail3 .btn-box3 a.list-btn3 { width:auto !important; padding:0px 40px; background:var(--main-color2); color:#000000; font-weight:800; font-size: 1.0rem; background:#ffcc00; }



.letter-view .swiper-slide  .desc_box{border:1px solid #4e4e4e; width:100%; padding:30px 0; border-left-style: hidden; border-right-style: hidden; border-bottom-style: hidden; padding-left:150px;}
.letter-view .swiper-slide  .desc_box ul {width:80%;}
.letter-view .swiper-slide  .desc_box ul li{width:100%; float:left; border-right:1px solid #88ab71;}
.letter-view .swiper-slide  .desc_box ul li:last-child{border-right:0; }
.letter-view .swiper-slide  .desc_box .desc_box_wrap{width:100%; display:inline-block; padding: 0 20px}
.letter-view .swiper-slide  .desc_box .desc_box_img{width:30%; float:left;padding-top:10px; position: relative;}
.letter-view .swiper-slide  .desc_box .desc_box_text{ width:70%; float:right; position: relative; padding-top:10%;  padding-left:30px; font-size: 1.1rem; line-height : 1.6;letter-spacing : 0px;}


.letter-view .swiper-slide  .desc_box1{border:1px solid #a1a1a1; width:100%; padding:30px 0; border-left-style: hidden; border-right-style: hidden; border-bottom-style: hidden;}
.letter-view .swiper-slide  .desc_box1 ul {width:100%; }
.letter-view .swiper-slide  .desc_box1 ul li{width:100%; float:left; border-right:1px solid #88ab71;}
.letter-view .swiper-slide  .desc_box1 ul li:last-child{border-right:0; }
.letter-view .swiper-slide  .desc_box1 .desc_box_wrap{width:100%; display:inline-block; padding: 0 20px}
.letter-view .swiper-slide  .desc_box1 .desc_box_img{width:30%; float:left;padding-top:10px; display:flex; justify-content:center; align-items:center;}
.letter-view .swiper-slide  .desc_box1 .desc_box_text{ width:70%; float:right; position: relative; padding-top:10px;  padding-left:10px; font-size: 1.1rem; line-height : 1.3;letter-spacing : 0px;}
.letter-view .swiper-slide  .desc_box1 .desc_box_text2{ padding-top:120px;  padding-left:10px; font-size: 1.1rem; line-height : 1.3;letter-spacing : 0px;}


.letter-view .swiper-slide  .desc_box2{border:1px solid #88ab71; width:100%; padding:30px 0;border-radius: 20px;}
.letter-view .swiper-slide  .desc_box2 ul {width:100%; }
.letter-view .swiper-slide  .desc_box2 ul li{width:100%; float:left; border-right:0px solid #88ab71; }
.letter-view .swiper-slide  .desc_box2 ul li:last-child{border-right:0; }
.letter-view .swiper-slide  .desc_box2 .desc_box_wrap{width:100%; display:inline-block; padding: 0 30px}
.letter-view .swiper-slide  .desc_box2 .desc_box_img{width:20%; float:left; padding-top:15px;}
.letter-view .swiper-slide  .desc_box2 .desc_box_text{ width:80%; float:right; position: relative; padding-top:55px;  }


.my-underline {  text-decoration: underline;  text-underline-position : under;}

.txt_title{font-size: 2rem; font-weight: 700; margin-bottom: 30px; color:#353535; }
.txt_title2{font-size: 2rem; font-weight: 700; margin-bottom: 30px; color:#353535; }

.s_title_box{width:100%; display:inline-block;   }
.s_title{font-size: 1.45rem; font-weight: 600;  color:#353535; float:left;}
.s_title3{font-size: 1.45rem; font-weight: 600;  color:#353535; padding-bottom:10px; }
.s_title4{font-size: 1.25rem; font-weight: 600;  color:#353535; padding-bottom:10px; }
.s_title2{ font-size:1.25rem; font-weight:600; color:#111;  border-bottom:1px solid #aaa; padding-bottom:20px; margin-bottom:20px; }
.s_title_box_line{width:100%; height:1px; background:#aaa; margin-bottom:20px;display:inline-block;   }

.s_title_box_line2{width:100%;  margin: auto; height:1px; background:#88ab71; margin-top:20px; margin-bottom:20px;display:inline-block; }

.txt_point{color:#44841a;}
.txt_green{color:#44841a;}
.txt_green2{color:#b7c646;}
.txt_blue{color:#2294ca}
.txt_blue2{color:#12547b}
.txt_purple{color:#62253f;}
.txt_purple2{color:#59337d}
.txt_org{color:#f2672e}
.txt_pink{color:#d44487}
.smile1{color:#502777;}
.smile2{color:#009e9f;}
.smile3{color:#6c4c40;}
.letter-view .hope { margin-top:100px; }
.letter-view .hope1 { margin-top:100px; }

.article {display:inline-block; margin-bottom:0px; width:100%; margin-top: 30px;}
	 .article .desc_t1 { margin-bottom:10px; }
	 .article .desc_t1 .num { float:left; position:relative;margin-left:10px; margin-top:0px; font-size: 1.45rem; }
	 .article .desc_t1 .num > div:first-child { position:absolute; left:1px; top:2px; width:40px; height:40px;background: #d44487;  border-radius:50px;  }
	 .article .desc_t1 .num > div:last-child { position:absolute; width:40px; height:40px; line-height:45px;  color:white; text-align:center; }
	 .article .desc_t1 .con { float:left; font-weight:400; margin-left:70px;  line-height:130%; font-size: 1.125rem}

 
.letter-view .hope .tiles .tile .a { padding:20px 30px; border-radius:10px; border:1px solid #ddd; min-height: 245px  }
.letter-view .hope .tiles .tile .a:hover {  }

.letter-view .hope .a .image { width:39px; margin-bottom:5px; }
.letter-view .hope .a .img { padding-bottom:100%; background:none no-repeat center/contain; }
.letter-view .hope .a .head { font-size:1.25rem; font-weight:600; }
.letter-view .hope .a .desc {  }
.letter-view .hope .a li { position:relative; padding-left:0px; margin: 0; list-style: none}

.letter-view .hope1 .tiles1 .tile .a { padding:20px 30px 0px; border-radius:10px; border:1px solid #ddd; min-height: 245px  }
.letter-view .hope1 .tiles1 .tile .a:hover {  }

.letter-view .hope1 .a .image { width:39px; margin-bottom:5px; }
.letter-view .hope1 .a .img { padding-bottom:100%; background:none no-repeat center/contain; }
.letter-view .hope1 .a .head { font-size:1.25rem; font-weight:600; }
.letter-view .hope1 .a .desc {  }
.letter-view .hope1 .a li { position:relative; padding-left:0px; margin: 0; list-style: none}

 

.letter4{background-position: left; padding-left:170px; background-repeat: no-repeat;background-size:contain;}

@media (min-width: 768px) {

    .letter-view .swiper-wrapper { display:block; }
    .letter-view .swiper-slide:not(:first-child) { margin-top:130px; }

    .letter-view .swiper-slide .sec2 { display:flex; }
    .letter-view .swiper-slide .sec2 .image { width:40%; }
    .letter-view .swiper-slide .sec2 .img { padding-bottom:0; height:100%; }
    .letter-view .swiper-slide .sec2 .content { width:60%; padding-left:50px; }
	
	.letter-view .swiper-slide .sec4 { display:flex; }
    .letter-view .swiper-slide .sec4 .image { width:50%; }
    .letter-view .swiper-slide .sec4 .img { padding-bottom:0; height:100%; }
    .letter-view .swiper-slide .sec4 .content { width:100%; padding-right:0px; }

	.letter-view .swiper-slide .sec4 .bu_left2{width:50%; float:left;  }	
	.letter-view .swiper-slide .sec4 .bu_right2{width:50%; padding-left:0px; float:right;}	

}

@media (max-width: 768px) {
	.letter-view .hope{margin-top:40px;}
	.letter-view .hope1{margin-top:20px;}
	
    .letter-view { padding:20px 0 0; }
	.letter-view   img{max-width:100%;}

    .letter-view .swiper-container:not(.bottom) { height:calc(100vh - 64px); }
    .letter-view .swiper-container:not(.bottom) .swiper-wrapper { height:100% !important; margin-bottom:80px; }
    .letter-view .swiper-container:not(.bottom) .swiper-slide { height:100%; overflow-y:auto; padding-bottom:100px; }

    .letter-view .swiper-container.bottom .swiper-slide { padding-bottom:50px; }
    .letter-view .swiper-slide { -ms-overflow-style: none; scrollbar-width: none; }
    .letter-view .swiper-slide::-webkit-scrollbar { display: none; }
    .letter-view .swiper-slide .img { padding-bottom:66%; }
    .letter-view .swiper-slide .sec .head { padding:15px 0px; margin-top:5px; font-size:1.5rem; }
    .letter-view .swiper-slide .sec .head:before { width:3px; height:15px; top:calc(50% - 7.5px); }
    .letter-view .swiper-slide .sec .head5 { padding:15px 0px; margin-top:5px; font-size:1.5rem; }
    .letter-view .swiper-slide .sec .head5:before { width:3px; height:15px; top:calc(50% - 7.5px); }
    .letter-view .swiper-slide .sec .speech { padding:20px; }
    .letter-view .swiper-slide .sec small { margin-top:5px; }


    .letter-view .swiper-slide .tail { margin-top:0px; padding-top:0px; }
    .letter-view .swiper-slide .tail > div a { width:45px; height:45px; }
    .letter-view .swiper-slide .tail > div a i[class^="fa-"] { font-size:1.5rem; }

    .letter-view .swiper-slide .tail .share a i { font-size:1.8rem; }
    .letter-view .swiper-slide .tail .share a.kakao i { font-size:2.2rem; }

    .letter-view .swiper-slide .tail .btn-box a.list-btn { padding:5px 15px; }
	.letter-view .swiper-slide .tail .btn-box a.list-btn2 { width:auto !important; padding:5px 15px; background:var(--main-color2); color:#000000; font-weight:500; font-size: 0.9rem; background:#f9e637; }


.letter-view .swiper-slide  .desc_box{border:1px solid #4e4e4e; width:100%; padding:30px 0; border-left-style: hidden; border-right-style: hidden; border-bottom-style: hidden;}
.letter-view .swiper-slide  .desc_box ul {width:100%; }
.letter-view .swiper-slide  .desc_box ul li{width:100%; float:left; border-right:1px solid #88ab71;}
.letter-view .swiper-slide  .desc_box ul li:last-child{border-right:0; }
.letter-view .swiper-slide  .desc_box .desc_box_wrap{width:100%; display:inline-block; padding: 0 20px}
.letter-view .swiper-slide  .desc_box .desc_box_img{width:30%; float:left;padding-top:10px;}
.letter-view .swiper-slide  .desc_box .desc_box_text{ width:70%; float:right; position: relative; padding-top:10px;  padding-left:10px; font-size: 1.1rem; line-height : 1.3;letter-spacing : 0px;}


.letter-view .swiper-slide  .desc_box1{border:1px solid #a1a1a1; width:100%; padding:30px 0; border-left-style: hidden; border-right-style: hidden; border-bottom-style: hidden;}
.letter-view .swiper-slide  .desc_box1 ul {width:100%; }
.letter-view .swiper-slide  .desc_box1 ul li{width:100%; float:left; border-right:1px solid #88ab71;}
.letter-view .swiper-slide  .desc_box1 ul li:last-child{border-right:0; }
.letter-view .swiper-slide  .desc_box1 .desc_box_wrap{width:100%; display:inline-block; padding: 0 20px}
.letter-view .swiper-slide  .desc_box1 .desc_box_img{width:45%; float:left;padding-top:30px; display:flex; justify-content:center; align-items:center;display:table-cell;  vertical-align:middle;}
.letter-view .swiper-slide  .desc_box1 .desc_box_text{ width:55%; float:right; position: relative; padding-top:10px;  padding-left:10px; font-size: 1.1rem; line-height : 1.3;letter-spacing : 0px;}
.letter-view .swiper-slide  .desc_box1 .desc_box_text2{ width:100%; float:right; position: relative; padding-top:20px;  padding-left:0px; font-size: 1.1rem; line-height : 1.3;letter-spacing : 0px;}
.letter-view .swiper-slide  .desc_box1 .desc_pd1{ padding-top:25px;}
.letter-view .swiper-slide  .desc_box1 .desc_pd2{ padding-top:25px;}
.letter-view .swiper-slide  .desc_box1 .desc_pd3{ padding-top:25px;}
.letter-view .swiper-slide  .desc_box1 .desc_pd4{ padding-top:25px;}
.letter-view .swiper-slide  .desc_box1 .desc_pd5{ padding-top:25px;}

.letter-view .swiper-slide  .desc_box2{border:1px solid #88ab71; width:100%; padding:30px 0;}
.letter-view .swiper-slide  .desc_box2 ul {width:100%; }
.letter-view .swiper-slide  .desc_box2 ul li{width:100%; float:left; border-right:0px; solid #88ab71; }
.letter-view .swiper-slide  .desc_box2 ul li:last-child{border-right:0; }
.letter-view .swiper-slide  .desc_box2 .desc_box_wrap{width:100%; display:inline-block; padding: 0 20px}
.letter-view .swiper-slide  .desc_box2 .desc_box_img{width:20%; float:left; padding-top:12px;}
.letter-view .swiper-slide  .desc_box2 .desc_box_text{ width:75%; float:right; position: relative; padding-top:10px;  }

.letter-view0 { border-top:0px solid var(--main-color1); padding:50px 100px 100px; color:#000;  }
.letter-view0 .hope{margin-top:40px;}
	
    .letter-view0 { padding:10px 0 0; }
	.letter-view0   img{max-width:100%;}

    .letter-view0 .swiper-container:not(.bottom) { height:calc(100vh - 64px); }
    .letter-view0 .swiper-container:not(.bottom) .swiper-wrapper { height:100% !important; margin-bottom:80px; }
    .letter-view0 .swiper-container:not(.bottom) .swiper-slide { height:100%; overflow-y:auto; padding-bottom:100px; }

    .letter-view0 .swiper-container.bottom .swiper-slide { padding-bottom:50px; }
    .letter-view0 .swiper-slide { -ms-overflow-style: none; scrollbar-width: none; }
    .letter-view0 .swiper-slide::-webkit-scrollbar { display: none; }
    .letter-view0 .swiper-slide .img { padding-bottom:66%; }
    .letter-view0 .swiper-slide .sec .head { padding:15px 0px; margin-top:5px; font-size:1.5rem; }
    .letter-view0 .swiper-slide .sec .head:before { width:3px; height:15px; top:calc(50% - 7.5px); }
    .letter-view0 .swiper-slide .sec .head5 { padding:15px 0px; margin-top:5px; font-size:1.5rem; }
    .letter-view0 .swiper-slide .sec .head5:before { width:3px; height:15px; top:calc(50% - 7.5px); }
    .letter-view0 .swiper-slide .sec .speech { padding:20px; }
    .letter-view0 .swiper-slide .sec small { margin-top:5px; }


    .letter-view0 .swiper-slide .tail { margin-top:0px; padding-top:0px; }
    .letter-view0 .swiper-slide .tail > div a { width:45px; height:45px; }
    .letter-view0 .swiper-slide .tail > div a i[class^="fa-"] { font-size:1.5rem; }

    .letter-view0 .swiper-slide .tail .share a i { font-size:1.8rem; }
    .letter-view0 .swiper-slide .tail .share a.kakao i { font-size:2.2rem; }

    .letter-view0 .swiper-slide .tail .btn-box a.list-btn { padding:5px 15px; }


	.letter-view0 .tail3 { margin-top:0px; padding-top:0px; }
	.letter-view0 .tail3 > div a { width:45px; height:45px; }
	.letter-view0 .tail3 > div a i[class^="fa-"] { font-size:1.5rem; }
	.letter-view0 .tail3 .btn-box3 a.list-btn3 { width:auto !important; padding:5px 15px; background:var(--main-color2); color:#000000; font-weight:800; font-size: 1.0rem; background:#ffcc00; }


    .letter-view .ctrl { position:fixed; left:0; right:0; bottom:0; background:#555; color:#fff; padding:15px; display:flex; align-items:center; z-index:9; }
    .letter-view .ctrl .head { font-size:1.25rem; flex:1; }
    .letter-view .ctrl .pg { width:auto; margin-right:10px; }
    .letter-view .ctrl .pg .swiper-pagination-current { color:var(--main-color2); }
    .letter-view .ctrl .nav { width:30px; height:30px; border:1px solid rgba(255,255,255,.5); margin-left:-1px; display:flex; justify-content:center; align-items:center; }
	
	.letter-view .swiper-slide  .desc_box{ padding:0 0px;} /*¹Ú½ºÅ׵θ®*/
	.letter-view .swiper-slide  .desc_box ul li{width:100%; float:left; border-right:0px solid #44841a;border-bottom:1px solid #88ab71;  }
	.letter-view .swiper-slide  .desc_box ul li:last-child{border-right:0; border-bottom:0;}
    .letter-view .swiper-slide  .desc_box .desc_box_wrap{width:100%; display:inline-block; padding:  20px}
	.letter-view .swiper-slide  .desc_box ul li img{width:145px;}
	
	.my-underline {  text-decoration: underline; text-underline-position : under;}

	.txt_title{font-size: 1.7rem; font-weight: 700; margin-bottom: 30px;}
	.txt_title2{font-size: 1.5rem; font-weight: 700; margin-bottom: 0px;}

	.letter-view .hope .tiles .tile .a {  min-height: 100px  }
	.tiles .tile .a { visibility:visible !important; transition:none !important; transform:translateY(0) scale(1) !important;; opacity:1 !important; }

	.letter-view .hope1 .tiles1 .tile .a {  min-height: 100px  }
	.tiles1 .tile .a { visibility:visible !important; transition:none !important; transform:translateY(0) scale(1) !important;; opacity:1 !important; }
	 
.s_title{font-size: 1.25rem; font-weight: 600;  color:#353535; float:left;}
	.letter-view .swiper-slide  .desc_box img{max-width: 100%}


.bu_wrap{width:100%; display:inline-block; margin-bottom:15px;  margin-top:15px;}	
.bu_left{width:40%; float:left;  }	
.bu_right{width:60%; padding-left:35px; float:right;}	
.bu_subtitle{font-size:18px; margin-bottom:20px;}
.bu_wrap img{width:100%;}
.bu_title{ font-size:35px; font-family: 'Godo'; margin-bottom:50px; font-weight:600; line-height:130%;}
.bu_title_0{ font-size:35px; font-family: 'Godo'; color: #fff; margin-bottom:50px; font-weight:600; line-height:130%;}
.bu_title_s{ font-size:25px; margin-bottom:30px; font-weight:600; line-height:130%; margin-top:30px;}
.bu_title_s4{ font-size:25px; margin-bottom:30px; font-weight:600; line-height:130%; margin-top:30px;}
.bu_title_s0{ font-size:25px; margin-bottom:30px; font-weight:600; line-height:130%; margin-top:30px;}
.bu_title_s1{ font-size: 17px; display:inline;}
.bu_title_s11{ font-size: 25px; margin-bottom:30px; font-weight:600; line-height:130%; margin-top:30px; text-align:center; }
.bu_title_s12{ font-size:25px; margin-bottom:30px; font-weight:600; line-height:130%; margin-top:30px;}
.bu_title_s2{ font-size:25px; margin-bottom:30px; font-weight:600; line-height:130%; margin-top:0px;}
.bu_title_s2 img{vertical-align:middle; width:41px;}

}

@media (max-width: 420px) {
.letter-view .swiper-slide  .desc_box1 .desc_pd1{ padding-top:22px;}
.letter-view .swiper-slide  .desc_box1 .desc_pd2{ padding-top:22px;}
.letter-view .swiper-slide  .desc_box1 .desc_pd3{ padding-top:22px;}
.letter-view .swiper-slide  .desc_box1 .desc_pd4{ padding-top:22px;}
.letter-view .swiper-slide  .desc_box1 .desc_pd5{ padding-top:22px;}
}