@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

html, body{margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;}
ul, li, p, input, form, dl, dt, dd{margin:0;padding:0;list-style:none;}
body{background-color:#f7f7f7;}
.fl{float:left;}
.fr{float:right}
.clear{clear:both;}
.bol2{background:url('../image/ect/bolit02.png') no-repeat 0px 14px;padding-left:15px;}
.bigor{font-size:46px;color:#f3704b;}
.harf{float:left;width:50%;}

.wrap{width:calc(100% - 120px);max-width:1200px;padding:60px;margin:0 auto;background-color:#fff;}
h1 img{width:500px;}
.title{width:calc(100% - 20px);padding:0 0 0 20px;background-color:#f3704b;}
.title p{float:left;font-size:50px;font-weight:bold;color:#fff;line-height:100px;}
.title img{float:right;height:100%;}
.title:after{display:block;content:'';clear:both;}

/* main */
.m_img {max-width: 1320px; margin: 0 auto; background-color: #fff;}
.m_img > img {width: 100%;}
.wrap > .m_t {width: 100%; height: 130px; margin-top: -30px;}
.wrap > .m_t > p {color: #284186; font-weight: bold; font-size: 30px;}
.pa1 {width: 100%;}
.paragraph > .mc_1 {max-width: 1200px; height: auto; display: inline-block; width: 100%;}
.paragraph > .mc_1 > img {  width: calc(100% - 10%);}
.paragraph > .mc_1 > ul {clear:both; margin: 0px auto; height: auto; padding-top: 30px;    display: inline-block;}
.paragraph > .mc_1 > ul > li {width: calc(100% - 70%); float: left; padding: 0 10px;}
.paragraph > .mc_1 > ul > li > img {width:100%;}

.paragraph > .mc_1 > .imglist > li {width: calc(100% - 10%);}

.paragraph > .mc_1 > ul > li > p {color: #428c4a; border-bottom: 1px solid #428c4a; line-height: 46px;}
.paragraph > .mc_1 > ul > li > p > span {font-size: 46px;}
.paragraph > .mc_1 > ul > li > span {color: #428c4a; font-size: 16px; margin-top: 5px; display: block;}
.paragraph > .mc_2 {max-width:1200px; display: inline-block; height: 100%;}
.paragraph > .mc_2 > ul {margin: 0px auto; height: auto;}
.paragraph > .mc_2 > ul > li {width: calc(100% / 3); float: left; max-width: 375px; padding: 0 10px;}
.paragraph > .mc_2 > ul > li > img {width:100%;}
.mt1{width:calc(100% - 20px);padding:0 0 0 20px;background-color:#b17d34;}
.mt2{width:calc(100% - 20px);padding:0 0 0 20px;background-color:#4595d2;}
.mt3{width:calc(100% - 20px);padding:0 0 0 20px;background-color:#74a941;}
.mt4{width:calc(100% - 20px);padding:0 0 0 20px;background-color:#f2704a;}
#ph {margin:0px 0 30px 0; height: 120px;} 
#ph > .mc1 > span {display: inline-block; float: left; margin-left: 25px;} 
.paragraph > h1 {font-size: 36px; font-weight: bold; color: #b17d34; padding: 0 0 0 15px;}
.paragraph > .ms1 > p { color: #b17d34; font-size: 30px;}
.paragraph > .mc1 { margin: 10px 0 0 15px; }
.paragraph > .mc1 > p { font-size: 20px; margin-left: 40px; letter-spacing: -0.5px;}
.paragraph > .cont > .ph2 {max-width : 1200px;}
.paragraph > .cont > .ph2 > li { width: calc(100% / 2); float: left; max-width: 550px; padding: 10px; margin: 0px auto;}
.paragraph > .cont > .ph2 > li > img {width: 100%;}
.paragraph > .cont > .ph3 {display:block; margin:30px 0 0 0;}
.paragraph > .cont > .ph3 > li{float: left; padding: 0 3px; border-left: 1px solid #b57428; border-bottom: 1px solid #b57428; width: calc(100% / 3); max-width: 380px;}
.paragraph > .cont > .ph3 > li:nth-child(3n + 1){border-left:none;}
.paragraph > .cont > .ph3 > li:nth-child(4){border-bottom:none;}
.paragraph > .cont > .ph3 > li:nth-child(5){border-bottom:none;}
.paragraph > .cont > .ph3 > li:nth-child(6){border-bottom:none;}
.paragraph > .cont > .ph3 > li > img { width:100%; }
.paragraph > .cont > .ph3 > li > p { text-align: center; background-color: #ecdcc9; padding: 10px 0; color: #b07d33; font-weight: 500; font-size: 25px;}
.paragraph > .cont > .php3 > li > p { background-color: #d7e1f4; color: #0263b9;}
.paragraph > .cont > .php3 > li{border-bottom: 1px solid #3f97de; border-left: 1px solid #3f97de;}
.paragraph > .cont > .php4 > li > p { background-color: #dce6cf; color: #1d8340;}
.paragraph > .cont > .php4 > li{border-bottom: 1px solid #7ba845; border-left: 1px solid #7ba845;}
.paragraph > .cont > .php5 > li > p { background-color: #fedfd1; color: #f3704a;}
.paragraph > .cont > .php5 > li{border-bottom: 1px solid #f16d40; border-left: 1px solid #f16d40;}
.mar{margin-bottom:120px;}
.paragraph > .mc_3 > p {font-weight: bold;}
.paragraph > .mc_3 > p > span {font-weight: 400;}
.paragraph > .mc_3 > div {width: 100%; max-width: 1200px; height: 115px;}
.paragraph > .mc_3 > div > ul {clear: both; margin: 0px auto; height: auto; padding-top: 10px;}
.paragraph > .mc_3 > div > ul > li {width: calc(100% / 6); float: left; max-width: 100px; padding: 0 10px;}
.paragraph > .mc_3 > div > ul > li > a > img {width: 100%;}
.paragraph > .mc_3 > div > ul > li > p {color: #000; border-top: 1px solid #284186; line-height: 30px; text-align: center; font-size: 16px;}
.paragraph > .mc_4 > div {width: calc(100% / 2); float: left;}
.paragraph > .mc_4 > div > img {width: 100%;}
.paragraph > .mc_4 > div > ul > li {width: 100%; margin-left: 20px; margin-bottom:20px;}
.paragraph > .mc_4 > div > ul > li > img {width: calc(100% - 85%);}
.paragraph > .mc_4 > div > ul > li > p {color: #284186; font-weight: 600; margin-top: 10px;}
.paragraph > .mc_4 {height: 600px;}
.paragraph > .mc_4 > div > ul > li:nth-child(2) > img {width: calc(100% - 90%);}
.paragraph > .mc_4 > div > ul > li:nth-child(3) > img {width: calc(100% - 90%);}
/* main - end */

/* sub1 */
.sc1 > ul > li { display: inline-block; width: 100%; max-width: 1100px; padding: 20px; margin-bottom: -5px;}
.sc1 > ul > .sc1_1 { background-color: #f5f9f2;}
.sc1 > ul > .sc1_2 { background-color: #e3eed9;}
.sc1 > ul > .sc1_3 { background-color: #c8ddb3;}
.sc1 > ul > .sc1_4 { background-color: #accc8d;}
.sc1 > ul > .sc1_5 { background-color: #90bb67;}
.sc1 > ul > .sc1_6 { background-color: #75aa41;}
.sc1 > ul > li > .num { float: left; width: calc(100% - 90%);}
.sc1 > ul > li > .num > p { text-align: center; font-size: 90px; line-height: 90px; padding: 20px 20px; border-right: 3px solid #75aa41;}
.sc1 > ul > .sc1_1 > .num > p , .sc1 > ul > .sc1_2 > .num > p , .sc1 > ul > .sc1_3 > .num > p {color: #75aa41;}
.sc1 > ul > .sc1_4 > .num > p , .sc1 > ul > .sc1_5 > .num > p , .sc1 > ul > .sc1_6 > .num > p {color: #fff; border-right: 3px solid #fff;}
.sc1 > ul > .sc1_4 > .sn0 > h1 , .sc1 > ul > .sc1_5 > .sn0 > h1 , .sc1 > ul > .sc1_6 > .sn0 > h1 {color: #fff;}
.sc1 > ul > .sc1_4 > .sn0, .sc1 > ul > .sc1_5 > .sn0, .sc1 > ul > .sc1_6 > .sn0 {color: #fff;}
.sc1 > ul > li > .sn0 { width: calc(100% - 12%); float: right;}
.sc1 > ul > li > .sn0 > h1 { margin: 0px auto; color: #75aa41; padding-bottom: 5px;}
.paragraph > .m3 > div > ul > li > p {border-top:1px solid #75aa41;}
/* sub1 - end  */

/* sub2 */
.sc2 > ul > li { display: inline-block; width: 100%; max-width: 1100px; padding: 20px; margin-bottom: -5px;}
.sc2 > ul > .sc2_1 { background-color: #f2f8fc;}
.sc2 > ul > .sc2_2 { background-color: #daeaf6;}
.sc2 > ul > .sc2_3 { background-color: #b4d5ed;}
.sc2 > ul > .sc2_4 { background-color: #8fc0e3;}
.sc2 > ul > .sc2_5 { background-color: #69aada;}
.sc2 > ul > .sc2_6 { background-color: #4495d1;}
.sc2 > ul > li > .num { float: left; width: calc(100% - 90%);}
.sc2 > ul > li > .num > p { text-align: center; font-size: 90px; line-height: 90px; padding: 20px 20px; border-right: 3px solid #4495d1;}
.sc2 > ul > .sc2_1 > .num > p , .sc2 > ul > .sc2_2 > .num > p , .sc2 > ul > .sc2_3 > .num > p {color: #4495d1;}
.sc2 > ul > .sc2_4 > .num > p , .sc2 > ul > .sc2_5 > .num > p , .sc2 > ul > .sc2_6 > .num > p {color: #fff; border-right: 3px solid #fff;}
.sc2 > ul > .sc2_4 > .sn0 > h1 , .sc2 > ul > .sc2_5 > .sn0 > h1 , .sc2 > ul > .sc2_6 > .sn0 > h1 {color: #fff;}
.sc2 > ul > .sc2_4 > .sn0, .sc2 > ul > .sc2_5 > .sn0, .sc2 > ul > .sc2_6 > .sn0 {color: #fff;}
.sc2 > ul > li > .sn0 { width: calc(100% - 12%); float: right;}
.sc2 > ul > li > .sn0 > h1 { margin: 0px auto; color: #4495d1; padding-bottom: 5px;}
.paragraph > .m4 > div > ul > li > p {border-top:1px solid #4495d1;}
/* sub2 - end  */

/* sub3 */
.sc3 > ul > li { display: inline-block; width: 100%; max-width: 1100px; padding: 20px; margin-bottom: -5px;}
.sc3 > ul > .sc3_1 { background-color: #fff2eb;}
.sc3 > ul > .sc3_2 { background-color: #fddfcf;}
.sc3 > ul > .sc3_3 { background-color: #fbc2a9;}
.sc3 > ul > .sc3_4 { background-color: #f8a586;}
.sc3 > ul > .sc3_5 { background-color: #f68b67;}
.sc3 > ul > .sc3_6 { background-color: #f3704a;}
.sc3 > ul > li > .num { float: left; width: calc(100% - 90%);}
.sc3 > ul > li > .num > p { text-align: center; font-size: 90px; line-height: 90px; padding: 20px 20px; border-right: 3px solid #f3704a;}
.sc3 > ul > .sc3_1 > .num > p , .sc3 > ul > .sc3_2 > .num > p , .sc3 > ul > .sc3_3 > .num > p {color: #f3704a;}
.sc3 > ul > .sc3_4 > .num > p , .sc3 > ul > .sc3_5 > .num > p , .sc3 > ul > .sc3_6 > .num > p {color: #fff; border-right: 3px solid #fff;}
.sc3 > ul > .sc3_4 > .sn0 > h1 , .sc3 > ul > .sc3_5 > .sn0 > h1 , .sc3 > ul > .sc3_6 > .sn0 > h1 {color: #fff;}
.sc3 > ul > .sc3_4 > .sn0, .sc3 > ul > .sc3_5 > .sn0, .sc3 > ul > .sc3_6 > .sn0 {color: #fff;}
.sc3 > ul > li > .sn0 { width: calc(100% - 12%); float: right;}
.sc3 > ul > li > .sn0 > h1 { margin: 0px auto; color: #f3704a; padding-bottom: 5px;}
.paragraph > .m5 > div > ul > li > p {border-top:1px solid #f3704a;}
/* sub3 - end  */

/* sub4 */
.sc4 > ul > li { display: inline-block; width: 100%; max-width: 1100px; padding: 20px; margin-bottom: -5px;}
.sc4 > ul > .sc4_1 { background-color: #faf6ee;}
.sc4 > ul > .sc4_2 { background-color: #f1e5cf;}
.sc4 > ul > .sc4_3 { background-color: #e3cb9f;}
.sc4 > ul > .sc4_4 { background-color: #d5b16f;}
.sc4 > ul > .sc4_5 { background-color: #c7973f;}
.sc4 > ul > .sc4_6 { background-color: #b97d0f;}
.sc4 > ul > li > .num { float: left; width: calc(100% - 90%);}
.sc4 > ul > li > .num > p { text-align: center; font-size: 90px; line-height: 90px; padding: 20px 20px; border-right: 3px solid #b17d34;}
.sc4 > ul > .sc4_1 > .num > p , .sc4 > ul > .sc4_2 > .num > p , .sc4 > ul > .sc4_3 > .num > p {color: #b17d34;}
.sc4 > ul > .sc4_4 > .num > p , .sc4 > ul > .sc4_5 > .num > p , .sc4 > ul > .sc4_6 > .num > p {color: #fff; border-right: 3px solid #fff;}
.sc4 > ul > .sc4_4 > .sn0 > h1 , .sc4 > ul > .sc4_5 > .sn0 > h1 , .sc4 > ul > .sc4_6 > .sn0 > h1 {color: #fff;}
.sc4 > ul > .sc4_4 > .sn0, .sc4 > ul > .sc4_5 > .sn0, .sc4 > ul > .sc4_6 > .sn0 {color: #fff;}
.sc4 > ul > .sc4_5 > .num > p {height: 120px;}
.sc4 > ul > li > .sn0 { width: calc(100% - 12%); float: right;}
.sc4 > ul > li > .sn0 > h1 { margin: 0px auto; color: #b17d34; padding-bottom: 5px;}
.paragraph > .m6 > div > ul > li > p {border-top:1px solid #b17d34;}
/* sub4 - end  */

/* sub */
.paragraph{margin:60px 0 0 0;}
/*.subtitle{background:url('../image/bolit01.png') no-repeat;}*/
.subtitle p{font-size:36px;font-weight:bold;color:#f3704b;padding:0 0 0 15px;}
.cont{margin:15px 0 0 15px;}
.cont p{font-size:24px;}
.sphp {display: inline-block;}
#bx2 > li { border: 1px solid #75aa41; }
#bx2 > .box > p:first-child {background-color: #75aa41;}
#bx2 > .box > p:last-child {height: 200px;}

#bx3 > li { border: 1px solid #4495d1; }
#bx3 > .box > p:first-child {background-color: #4495d1;}
#bx3 > .box > p:last-child {height: 200px;}

#bx5 > li { width: 500px; border: 1px solid #b17d34; }
#bx5 > .box > p:first-child {background-color: #b17d34;}
#bx5 > .box > p:last-child {height: 200px;}

/*.imglist{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:30px 0 0 0;}
.imglist > li{padding:0 3px;border-right:1px  solid #f3704b;}*/
.imglist{display:block;width:100%;margin:30px 0 0 0;}
.imglist:after{display:block;content:'';clear:both;}
.imglist > li{float:left;padding:0 3px;border-left:1px  solid #f3704b;}
.imglist > li:nth-child(5n + 1){border:none;}

.imglist > #sub_1{border-left:1px solid #75aa41;}
.imglist > #sub_1:nth-child(5n + 1){border:none;}

.imglist > #sub_2{border-left:1px solid #4495d1;}
.imglist > #sub_2:nth-child(5n + 1){border:none;}

.imglist > #sub_3{border-left:1px solid #f2704a;}
.imglist > #sub_3:nth-child(5n + 1){border:none;}

.imglist > #sub_4{border-left:1px solid #b17d34;}
.imglist > #sub_4:nth-child(5n + 1){border:none;}


.swiper{visibility:hidden;height:1px;}
.swiper-slide{text-align:center;}
.swiper-button-next, .swiper-button-prev{color:#000}

.boxlist{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:30px 0 0 0;}
.boxlist > li{width:340px;border:1px solid #f3704b;border-radius:20px;}
.box > p{font-size:24px;}
.box > p:first-child{font-weight:bold;text-align:center;line-height:60px;color:#fff;background-color:#f3704b;border-top-left-radius:20px;border-top-right-radius:20px;}
.box > p:last-child{display:table;text-align:center;width:calc(100% - 50px);height:130px;padding:0 30px;}
.box > p:last-child > span{display:table-cell;vertical-align:middle;letter-spacing:-1px;}


@media (max-width:1294px){
.paragraph > .cont > .ph3 {width: 870px; margin: 0px auto;}
.paragraph > .cont > .ph3 > li {width: calc(100% - 70%);}
}

@media (max-width:1219px){
.imglist{width:870px;margin:0 auto;}
.imglist > li:nth-child(5n + 1){border-left:1px solid #f3704b;}
.imglist > li:nth-child(4n + 1){border:none;}
.imglist > li:nth-child(1){border:none;}
.boxlist > li{width:100%;margin-bottom:30px;}

.imglist > #sub_1:nth-child(5n + 1){border-left:1px solid #75aa41;}
.imglist > #sub_1:nth-child(4n + 1){border:none;}
.imglist > #sub_1:nth-child(1){border:none;}

.imglist > #sub_2:nth-child(5n + 1){border-left:1px solid #4495d1;}
.imglist > #sub_2:nth-child(4n + 1){border:none;}
.imglist > #sub_2:nth-child(1){border:none;}

.imglist > #sub_3:nth-child(5n + 1){border-left:1px solid #f2704a;}
.imglist > #sub_3:nth-child(4n + 1){border:none;}
.imglist > #sub_3:nth-child(1){border:none;}

.imglist > #sub_4:nth-child(5n + 1){border-left:1px solid #b17d34;}
.imglist > #sub_4:nth-child(4n + 1){border:none;}
.imglist > #sub_4:nth-child(1){border:none;}


/* main */
.paragraph
.wrap > .m_t {height: auto;}
.wrap > .m_t > p {font-size: 23px;}
.paragraph > .mc_1 > ul {text-align: center; /*width: calc(100% - 10%);*/}
.paragraph > .mc_1 > .imglist {text-align: center; width: 100%;}
.paragraph > .mc_1 > ul > li { float: none; display: inline-block; width: calc(100% - 20%); max-width: 1200px; padding-bottom: 50px} 
.paragraph > .cont > .ph2 > li {max-width: 330px;}
.paragraph > .mc_2 > ul {height: auto; text-align: center;}
.paragraph > .mc_2 > ul > li {display: inline-block; width: calc(100% - 70%); padding-left: 20px; float: none; max-width: 1200px;}
/*.paragraph > .cont > .ph3 > li {width: 300px;}*/

/* sub */
.sc1 > ul {width: 100%; max-width: 1200px; text-align: center;}
.sc1 > ul > li {width: calc(100% - 10%); max-width: 1200px;}
.sc1 > ul > li > .num {float: none; text-align: center; width: calc(100% - 10%); margin: 0px auto;}
.sc1 > ul > li > .num > p {border-right: 0px; border-bottom: 1px solid #75aa41;}
.sc1 > ul > li > .sn0 {margin: 0px auto; width: calc(100% - 10%); float: none;     padding: 20px 0;}
.sc1 > ul > .sc1_4 > .num > p , .sc1 > ul > .sc1_5 > .num > p , .sc1 > ul > .sc1_6 > .num > p {border-right: 0px; border-bottom: 1px solid #fff;}

.sc2 > ul {width: 100%; max-width: 1200px; text-align: center;}
.sc2 > ul > li {width: calc(100% - 10%); max-width: 1200px;}
.sc2 > ul > li > .num {float: none; text-align: center; width: calc(100% - 10%); margin: 0px auto;}
.sc2 > ul > li > .num > p {border-right: 0px; border-bottom: 1px solid #4495d1;}
.sc2 > ul > li > .sn0 {margin: 0px auto; width: calc(100% - 10%); float: none;     padding: 20px 0;}
.sc2 > ul > .sc2_4 > .num > p , .sc2 > ul > .sc2_5 > .num > p , .sc2 > ul > .sc2_6 > .num > p {border-right: 0px; border-bottom: 1px solid #fff;}

.sc3 > ul {width: 100%; max-width: 1200px; text-align: center;}
.sc3 > ul > li {width: calc(100% - 10%); max-width: 1200px;}
.sc3 > ul > li > .num {float: none; text-align: center; width: calc(100% - 10%); margin: 0px auto;}
.sc3 > ul > li > .num > p {border-right: 0px; border-bottom: 1px solid #f3704a;}
.sc3 > ul > li > .sn0 {margin: 0px auto; width: calc(100% - 10%); float: none;     padding: 20px 0;}
.sc3 > ul > .sc3_4 > .num > p , .sc3 > ul > .sc3_5 > .num > p , .sc3 > ul > .sc3_6 > .num > p {border-right: 0px; border-bottom: 1px solid #fff;}

.sc4 > ul {width: 100%; max-width: 1200px; text-align: center;}
.sc4 > ul > li {width: calc(100% - 10%); max-width: 1200px;}
.sc4 > ul > li > .num {float: none; text-align: center; width: calc(100% - 10%); margin: 0px auto;}
.sc4 > ul > li > .num > p {border-right: 0px; border-bottom: 1px solid #b17d34;}
.sc4 > ul > li > .sn0 {margin: 0px auto; width: calc(100% - 10%); float: none;     padding: 20px 0;}
.sc4 > ul > .sc4_4 > .num > p , .sc4 > ul > .sc4_5 > .num > p , .sc4 > ul > .sc4_6 > .num > p {border-right: 0px; border-bottom: 1px solid #fff;}


.paragraph > .cont > .ph2 {max-width: 1200px; margin: 0px auto; text-align: center;}
.paragraph > .cont > .ph2 > li {width: calc(100% - 10%); padding: 10px; margin:0px auto; max-width: 1200px;}
}
@media (max-width:1005px){
.imglist{width:660px;margin:0 auto;}
.imglist > li:nth-child(5n + 1){border-left:1px solid #f3704b;}
.imglist > li:nth-child(4n + 1){border-left:1px solid #f3704b;}
.imglist > li:nth-child(3n + 1){border:none;}
.imglist > li:nth-child(1){border:none;}

.imglist > #sub_1:nth-child(5n + 1){border-left:1px solid #75aa41;}
.imglist > #sub_1:nth-child(4n + 1){border-left:1px solid #75aa41;}
.imglist > #sub_1:nth-child(3n + 1){border:none;}
.imglist > #sub_1:nth-child(1){border:none;}

.imglist > #sub_2:nth-child(5n + 1){border-left:1px solid #4495d1;}
.imglist > #sub_2:nth-child(4n + 1){border-left:1px solid #4495d1;}
.imglist > #sub_2:nth-child(3n + 1){border:none;}
.imglist > #sub_2:nth-child(1){border:none;}

.imglist > #sub_3:nth-child(5n + 1){border-left:1px solid #f2704a;}
.imglist > #sub_3:nth-child(4n + 1){border-left:1px solid #f2704a;}
.imglist > #sub_3:nth-child(3n + 1){border:none;}
.imglist > #sub_3:nth-child(1){border:none;}

/*.paragraph > .mc_1 > ul > li {padding: 0 10px 0 0;}*/
.paragraph > .cont > .ph3 > li {width: 100%; max-width:250px;}
.paragraph > .ms1 > p {font-size: 25px;}
.paragraph > .mc1 > p {font-size: 18px;}

.paragraph > .mc_2 > ul > li {width: calc(100% - 60%);}
}

@media (max-width:792px){
.wrap{width:calc(100% - 60px);max-width:1200px;padding:30px;margin:0 auto;}
.harf{float:none;width:100%;}
h1 img{width:250px;}
.title p{font-size:30px;line-height:60px;}
.title img{height:60px;}
.subtitle p{font-size:28px;}
.cont p{font-size:20px;}
.bigor{font-size:30px;}
.swiper{visibility:visible;height:auto;margin-top:60px;}
.imglist{display:none;}
.box > p{font-size:20px;}

/* main */
.wrap > .m_t {width: 100%; height: auto; display: inline-block; margin:0px;}
.wrap > .m_t > p {font-size: 18px; text-align: center; letter-spacing: -1px;}
.paragraph  {margin: 30px 0 0 0;}
.paragraph > .mc_2 > ul > li { width: calc(100% - 60%); padding-left: 10px; padding-right: 0px;}
#ph {height: auto; display: inline-block;}
.title p, .paragraph > h1, .subtitle p {font-size: 20px;}
.paragraph > .ms1 > p { font-size: 16px; margin-left: 20px; line-height: 25px;}
.paragraph > .cont > .ph3 {display:none;}
.paragraph > .cont > .swiper > .swiper-wrapper > .swiper-slide > img {width: calc(100% - 10%);} 
.paragraph > .cont > .swiper > .swiper-wrapper > .swiper-slide > p {width: calc(100% - 20%); text-align: center; margin: 0px auto; border-bottom: 1px solid #000;}
.paragraph > .cont > .swiper > .swiper-wrapper > .swiper-slide > .sp1 {background-color: #ecdcc9; color: #aa7f3c;}
.paragraph > .cont > .swiper > .swiper-wrapper > .swiper-slide > .sp2 {background-color: #d7e1f4; color: #0263b9;}
.paragraph > .cont > .swiper > .swiper-wrapper > .swiper-slide > .sp3 {background-color: #dce6cf; color: #1d8340;}
.paragraph > .cont > .swiper > .swiper-wrapper > .swiper-slide > .sp4 {background-color: #fedfd1; color: #f3704a;}
.paragraph > .mc_3 > div {width: 100%; max-width: 1200px; height: auto; display: inline-block;}
.paragraph > .mc_3 > div > ul { margin: 0px auto; height: auto; padding: 10px 0 10px 0; display: inline-block;}
.paragraph > .mc_3 > div > ul > li { width: calc(100% / 3); float: left; max-width: 100px; padding: 0 30px; margin-bottom: 20px; }
.paragraph > .mc_3 > div > ul > li > p {font-size: 12px;}
.pa1 {display: inline-block;}
.paragraph > .mc_4 > div {width: calc(100% - 30%); float: none; text-align: center; margin: 0px auto;}
.paragraph > .mc_4 > div > ul > li {margin:20px 0;}
.mar {margin-bottom: 60px;}
/*.paragraph > .cont > .ph2 {max-width: 1200px; margin: 0px auto; text-align: center;}
.paragraph > .cont > .ph2 > li {width: calc(100% - 10%); padding: 10px; margin:0px auto; max-width: 1200px;}*/
.paragraph > .mc_1 > ul > li {padding-bottom: 30px;}
.paragraph > .mc_1 > ul > li > p {line-height: 25px; font-size: 14px;}
.paragraph > .mc_1 > ul > li > p > span {font-size:25px;}

.paragraph > .mc_1 { width: 100%; margin: 0px auto;}
.paragraph > .mc_1 > ul:first-child { display:none;}
.paragraph > .mc_1 > img {display:none;}
.paragraph > .mc_1 > .swiper > .swiper-wrapper > .swiper-slide > img { width: calc(100% - 20%);  max-width: 314px;}

.paragraph > .mc_1 > .swiper > .swiper-button-next {right: 5px;}
.paragraph > .mc_1 > .swiper > .swiper-button-prev {right: 5px;}

/* sub */
.sc1 > ul > li > .num > p {font-size: 70px; line-height: 70px;}
.sc1 > ul > li > .sn0 > h1 {font-size: 25px;}
.sc1 > ul > li > .sn0 > p {font-size: 20px;}

.sc2 > ul > li > .num > p {font-size: 70px; line-height: 70px;}
.sc2 > ul > li > .sn0 > h1 {font-size: 25px;}
.sc2 > ul > li > .sn0 > p {font-size: 20px;}

.sc3 > ul > li > .num > p {font-size: 70px; line-height: 70px;}
.sc3 > ul > li > .sn0 > h1 {font-size: 25px;}
.sc3 > ul > li > .sn0 > p {font-size: 20px;}

.sc4 > ul > li > .num > p {font-size: 70px; line-height: 70px;}
.sc4 > ul > li > .sn0 > h1 {font-size: 25px;}
.sc4 > ul > li > .sn0 > p {font-size: 20px;}
}