@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');

ㄴ@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-7ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-Black';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 웹폰트 css 끝 */

/*re*/
.re-mt10{}
.mt20{margin-top:20px}

/*font*/
.f1{font-family: 'Nanum Myeongjo'!important}

/* 서브 css 시작 */
.sub_container { max-width: 1180px; width: 100%; margin: 0 auto; }
.sub_full_container { width: 100%; margin: 0 auto; }
.sub_container_half{max-width:590px; padding:0 10px;}
.sub_container_60{max-width:708px; margin: 0 }
.sub_title_wrap { text-align: center; margin-bottom: 50px;}
.sub_container_flex{max-width: 1180px; width: 100%; margin: 0 auto;}
.sub_title { margin-bottom: 30px; }
.sub_title .sub_category { font-family: 'S-CoreDream-Bold'; color: #FFFFFF; line-height: 40px; height: 40px; margin-bottom: 15px; }
.sub_title .sub_category span { display: inline-block; background-color: #87caac; padding: 0 20px; border-radius: 30px; }
.sub_title .sub_subject { position: relative; font-family: 'S-CoreDream-Bold'; font-size: 36px; line-height: 48px; padding-bottom: 50px; }
.sub_title .sub_subject:after { display: block; content: ''; clear: both; background-image: url('../image/sub/subject_icon.png'); width: 14px; height: 26px; margin: 0px auto; position: absolute; bottom: 10px; left: 0px; right: 0px; z-index: 2; }
.sub_info_box { background-color: #FFF; padding: 30px; border-top: 2px solid #87caac; }
.sub_info_box .info_text { position: relative; font-size: 16px; line-height: 26px; padding-bottom: 70px; margin-bottom: 20px; }
.sub_info_box .info_text:after { display: block; content: ''; clear: both; background-color: #000; width: 1px; height: 50px; margin: 0px auto; position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 2; }
.sub_info_box .info_writer { position: relative; font-size: 16px; line-height: 26px; }
.sub_content_wrap {}
.sub_content_wrap .sub_section { margin-bottom: 140px; }
.sub_content_wrap .sub_part { margin-bottom: 60px; }
.sub_content_wrap .sub_part:last-child { margin-bottom: 0px; }
.image_box { text-align: center; }
.image_box img { width: auto; }
.image_box img.noF { width: initial; max-width: 100%; }
.image_box .caption { font-size: 14px; text-align: center; margin-top: 10px;color: #666; }
.row {}
.row:after { display: block; content: ''; clear: both; }
.row .col_1{float: left; width:70%; padding: 10px; box-sizing: border-box; padding-left: 0}
.row .col_2 { float: left; width:50%; padding: 10px; box-sizing: border-box; }
.row .col_2:first-child { padding-left: 0px; }
.row .col_2:last-child { padding-right: 0px; }
.row .col_3 { float: left; width:33.3333%; padding: 10px; box-sizing: border-box; }
.row .col_3.two { width: 66.6666%; }
.row .col_3:first-child { padding-left: 0px; }
.row .col_3:last-child { padding-right: 0px; }

.row .col_4 { float: left; width:25%; padding: 10px; box-sizing: border-box; }
.row .col_4.three{width:75%}
.row .col_4:first-child { padding-left: 0px; }
.row .col_4:last-child { padding-right: 0px; }

.row .col_60{ width:60%; float: left;  padding: 10px; box-sizing: border-box;}
.row .col_60:first-child { padding-left: 0px; }
.row .col_60:last-child { padding-right: 0px; }
.row .col_40{width:40%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_40:first-child { padding-left: 0px; }
.row .col_40:last-child { padding-right: 0px; }

.row .m_col_60{ width:60%; float: left;  padding: 10px; box-sizing: border-box;}
.row .m_col_60:first-child { padding-left: 0px; }
.row .m_col_60:last-child { padding-right: 0px; }
.row .m_col_40{width:40%; float: left;  padding: 10px;box-sizing: border-box;}
.row .m_col_40:first-child { padding-left: 0px; }
.row .m_col_40:last-child { padding-right: 0px; }

.row .col_63{ width:63%; float: left;  padding: 10px; box-sizing: border-box;}
.row .col_63:first-child { padding-left: 0px; }
.row .col_63:last-child { padding-right: 0px; }
.row .col_37{width:37%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_37:first-child { padding-left: 0px; }
.row .col_37:last-child { padding-right: 0px; }

.row .col_64{ width:64%; float: left;  padding: 10px; box-sizing: border-box;}
.row .col_64:first-child { padding-left: 0px; }
.row .col_64:last-child { padding-right: 0px; }
.row .col_36{width:36%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_36:first-child { padding-left: 0px; }
.row .col_36:last-child { padding-right: 0px; }

.row .col_65{ width:65%; float: left;  padding: 10px; box-sizing: border-box;}
.row .col_65:first-child { padding-left: 0px; }
.row .col_65:last-child { padding-right: 0px; }
.row .col_35{width:35%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_35:first-child { padding-left: 0px; }
.row .col_35:last-child { padding-right: 0px; }

.row .col_67{ width:67%; float: left;  padding: 10px; box-sizing: border-box;}
.row .col_67:first-child { padding-left: 0px; }
.row .col_67:last-child { padding-right: 0px; }
.row .col_33{width:33%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_33:first-child { padding-left: 0px; }
.row .col_33:last-child { padding-right: 0px; }




.row .col_30{ width:30%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_30:first-child { padding-left: 0px; }
.row .col_30:last-child { padding-right: 0px; }
.row .col_70{ width:70%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_70:first-child { padding-left: 0px; }
.row .col_70:last-child { padding-right: 0px; }

.row .col_25{ width:25%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_25:first-child { padding-left: 0px; }
.row .col_25:last-child { padding-right: 0px; }
.row .col_75{ width:75%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_75:first-child { padding-left: 0px; }
.row .col_75:last-child { padding-right: 0px; }

.row .col_28{ width:28%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_28:first-child { padding-left: 0px; }
.row .col_28:last-child { padding-right: 0px; }
.row .col_72{ width:72%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_72:first-child { padding-left: 0px; }
.row .col_72:last-child { padding-right: 0px; }


.row .col_20{ width:20%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_20:first-child { padding-left: 0px; }
.row .col_20:last-child { padding-right: 0px; }
.row .col_80{ width:80%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_80:first-child { padding-left: 0px; }
.row .col_80:last-child { padding-right: 0px; }

.row .col_18{ width:18%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_18:first-child { padding-left: 0px; }
.row .col_18:last-child { padding-right: 0px; }
.row .col_82{ width:82%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_82:first-child { padding-left: 0px; }
.row .col_82:last-child { padding-right: 0px; }

.row .col_32{ width:33%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_32:first-child { padding-left: 0px; }
.row .col_32:last-child { padding-right: 0px; }
.row .col_68{ width:67%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_68:first-child { padding-left: 0px; }
.row .col_68:last-child { padding-right: 0px; }

.row .col_35{ width:35%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_35:first-child { padding-left: 0px; }
.row .col_35:last-child { padding-right: 0px; }
.row .col_65{ width:65%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_65:first-child { padding-left: 0px; }
.row .col_65:last-child { padding-right: 0px; }

.row .col_25{ width:25%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_25:first-child { padding-left: 0px; }
.row .col_35:last-child { padding-right: 0px; }
.row .col_75{ width:75%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_75:first-child { padding-left: 0px; }
.row .col_75:last-child { padding-right: 0px; }



.row .col_45{ width:45%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_45:first-child { padding-left: 0px; }
.row .col_45:last-child { padding-right: 0px; }
.row .col_55{ width:55%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_55:first-child { padding-left: 0px; }
.row .col_55:last-child { padding-right: 0px; }

.row .col_42{ width:41.2%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_42:first-child { padding-left: 0px; }
.row .col_42:last-child { padding-right: 0px; }
.row .col_58{ width:58%; float: left;  padding: 10px;box-sizing: border-box;}
.row .col_58:first-child { padding-left: 0px; }
.row .col_58:last-child { padding-right: 0px; }


.row .m_col_70{ width:70%; float: left;  padding: 10px; box-sizing: border-box;}
.row .m_col_70 img{}
.row .m_col_70:first-child { padding-left: 0px; }
.row .m_col_70:last-child { padding-right: 0px; }
.row .m_col_30{width:30%; float: left;  padding: 10px;box-sizing: border-box; }
.row .m_col_30 img{}
.row .m_col_30:first-child { padding-left: 0px; }
.row .m_col_30:last-child { padding-right: 0px; }



/* column */
.row {
  overflow: hidden;
}
.row:after {
  content: '';
  display: block;
  clear: both;
  overflow: hidden;
}
.row.mt30 {
  margin-top: 1.875rem;
}
.row.mb30 {
  margin-bottom: 1.875rem;
}
.row.mb60 {
  margin-bottom: 3.75rem;
}
.row .column {
  display: inline-block;
  float:left;
  padding-left: 2.5%;
}


.row .column:first-child {padding-left: 0;}
.row .column figure.mid {margin-bottom: 0.9375rem;}
.row .column figure.mb0 {margin-bottom: 0; }
.row .column.mid {vertical-align: middle;}
.row .column.right {float: right; }
.row .column.right {padding-left: 2.5%; }
.row .column.right + .column {padding-left: 0; }

.row.half > .column:first-child {width: 48.75%;}
.row.half > .column {width: 51.25%;}
.row.half > .column.right:first-child {width: 51.25%;}
.row.half > .column.right + .column {width: 48.75%;}

.row.width1 > .column:first-child {width: 1%;}
.row.width1 > .column {width: 99%;}
.row.width3 > .column:first-child {width: 3%;}
.row.width3 > .column {width: 97%;}
.row.width5 > .column:first-child {width: 5%;}
.row.width5 > .column {width: 95%;}
.row.width8 > .column:first-child {width: 8%;}
.row.width8 > .column {width: 92%;}
.row.width10 > .column:first-child {width: 10%;}
.row.width10 > .column {width: 90%;}
.row.width14 > .column:first-child {width: 14%;}
.row.width14 > .column {width: 86%;}
.row.width15 > .column:first-child {width: 15%;}
.row.width15 > .column {width: 85%;}
.row.width16 > .column:first-child {width: 16%;}
.row.width16 > .column {width: 84%;}
.row.width17 > .column:first-child {width: 17%;}
.row.width17 > .column {width: 83%;}
.row.width20 > .column:first-child {width: 20%;}
.row.width20 > .column {width: 80%;}
.row.width21 > .column:first-child {width: 21%;}
.row.width21 > .column {width: 79%;}
.row.width23 > .column:first-child {width: 23%;}
.row.width23 > .column {width: 77%;}
.row.width25 > .column:first-child {width: 25%;}
.row.width25 > .column {width: 75%;}
.row.width26 > .column:first-child {width: 26%;}
.row.width26 > .column {width: 74%;}
.row.width28 > .column:first-child {width: 28%;}
.row.width28 > .column {width: 71%;}
.row.width32 > .column:first-child {width: 32%;}
.row.width32 > .column {width: 68%;}
.row.width34 > .column:first-child {width: 34%;}
.row.width34 > .column {width: 66%;}
.row.width36 > .column:first-child {width: 36%;}
.row.width36 > .column {width: 64%;}
.row.width37 > .column:first-child {width: 37%;}
.row.width37 > .column {width: 63%;}
.row.width38 > .column:first-child {width: 38%;}
.row.width38 > .column {width: 62%;}
.row.width39 > .column:first-child {width: 39%;}
.row.width39 > .column {width: 61%;}
.row.width40 > .column:first-child {width: 40%;}
.row.width40 > .column {width: 60%;}
.row.width41 > .column:first-child {width: 41%;}
.row.width41 > .column {width: 59%;}
.row.width42 > .column:first-child {width: 42%;}
.row.width42 > .column {width: 58%;}

.row.width51 > .column:first-child {width: 51%;}
.row.width51 > .column {width: 49%;}

.row.width52 > .column:first-child {width: 52.0834%;}
.row.width52 > .column {width: 47.9166%;} /* 545px 45.4166 */
.row.width54 > .column:first-child {width: 54.6667%;}
.row.width54 > .column {width: 45.3333%;} /* 514px */
.row.width56 > .column:first-child {width: 57.1117%;}
.row.width56 > .column {width: 42.8883%;}
.row.width57 > .column:first-child {width: 57.6667%;}
.row.width57 > .column {width: 42.3333%;} /* 478px  40.3333 */

.row.width57_2 > .column:first-child {width: 57%;}
.row.width57_2 > .column {width: 43%;} /* 478px  40.3333 */

.row.width59_2 > .column:first-child {width: 59%;}
.row.width59_2 > .column {width: 41%;} /* 462px  41 */

.row.width59 > .column:first-child {width: 59.6667%;}
.row.width59 > .column {width: 40.3333%;} /* 454px  40.3333 */
.row.width59 > .column.right {width: 62.1667%;}
.row.width59 > .column.right + .column {width: 37.8333%;} /* 454px  40.3333 */

.row.width60 > .column {width: 60%;}
.row.width60 > .column + .column {width: 40%;}
.row.width61 > .column {width: 61%;}
.row.width61 > .column + .column {width: 39%;}
.row.width62 > .column {width: 62%;}
.row.width62 > .column + .column {width: 38%;}
.row.width63 > .column {width: 63%;}
.row.width63 > .column + .column {width: 37%;}

.row.width64 > .column {width: 64.6667%;}
.row.width64 > .column + .column {width: 35.3333%;}

.row.width65 > .column {width: 64.6667%;}
.row.width65 > .column + .column {width: 35.3333%;}

.row.width66 > .column {width: 66%;}
.row.width66 > .column + .column {width: 34%;}
.row.width67 > .column {width: 67%;}
.row.width67 > .column + .column {width: 33%;}
.row.width68 > .column {width: 68%;}
.row.width68 > .column + .column {width: 32%;}
.row.width70 > .column {width: 70%;}
.row.width70 > .column + .column {width: 30%;}
.row.width71 > .column {width: 71%;}
.row.width71 > .column + .column {width: 29%;} /* 311  */
.row.width72 > .column {width: 72%;}
.row.width72 > .column + .column {width: 28%;} /* 311  */
.row.width74 > .column {width: 74%;}
.row.width74 > .column + .column {width: 26%;} /* 311  */
.row.width77 > .column {width: 77%;}
.row.width77 > .column + .column {width: 23%;} /* 311  */
.row.width85 > .column {width: 85%;}
.row.width85 > .column + .column {width: 15%;} /* 311  */




.fl{float:left; margin:0 5px;}

.image_box.noP .col_2 { padding: 0px; }
.image_box.noP .col_3 { padding: 0px; }
.image_box.noP .col_4 { padding: 0px; }
.text_box { margin-bottom: 30px; }
.text_box h4 { font-family: 'S-CoreDream-Bold'; font-size: 18px; margin-top: 0px; margin-bottom: 15px; }
.text_box p { font-size: 16px; line-height: 30px; }
.text_box .alert { font-size: 14px; color:#999999; margin-top: 15px; }
.area_info { font-size: 16px; color:#87caac; }
.area_subejct { position: relative; font-family: 'S-CoreDream-Bold'; font-size: 18px; }
.area_subejct:after { display: block; content: ''; clear: both; width: 100%; height: 1px; position: absolute; left: 0px; right: 0px; top: 50%; background-color: #87caac; z-index: -1; }
.area_subejct span { display: inline-block; padding: 10px 20px; background-color: #87caac; color:#FFFFFF; }
.area_detail ul { padding:10px; margin: 0px;  }
.area_detail li { list-style: none; line-height: 36px; }
.area_detail li { background-repeat: no-repeat; background-position: left top 5px; background-size: 25px; padding-left: 30px; }
.area_detail li.map { background-image: url('../image/sub/sub1_3_icon_1.png'); background-size: 19px; color:#333}
.area_detail li.tel { background-image: url('../image/sub/sub1_3_icon_4.png'); background-size: 19px;color:#333}
.area_detail li.price { background-image: url('../image/sub/sub1_3_icon_3.png'); background-size: 19px;color:#333}
.area_detail li.time { background-image: url('../image/sub/sub1_3_icon_2.png'); background-size: 19px;color:#333}
.area_detail li.mail { background-image: url('../image/sub/sub1_3_icon_5.png'); background-size: 22px;color:#333}
.mb0{margin-bottom:0!important }
/* 페이지별 CSS 시작 */
.sub1_1 .text_box .point { font-size: 26px; line-height: 44px; color:#87caac; padding-left: 10px; margin-top: 30px; border-left: 2px solid #87caac; margin-bottom: 50px; margin-left: 20px; }
.sub1_2 .greeting { text-align: center; margin: 15px 0px; }
.sub1_2 .greeting.pB .ment { padding-top: 0px; }
.sub1_2 .greeting .ment { font-family: 'Nanum Myeongjo', serif; font-size: 24px; line-height: 38px; padding-top: 15%; margin: 20px 0px; }
.sub1_2 .greeting .name { font-size: 16px;  }
.sub1_3 {  }

.sub2_1 .box{
  background: #eae8ed;
  padding:20px 30px
}
.sub2_1 .box .box_tit{
  color:#fff;
  font-size: 30px;
  font-weight: bold;
}
.sub2_1 .point { font-family: 'Nanum Myeongjo', serif; font-size: 20px; color: #87caac; text-align: center; line-height: 32px; }
.sub2_2 .table_wrap .table_title{color:#f9a51b; padding:10px 30px; border-radius: 50px; border: 3px solid #f9a51b;width:350px;text-align: center; margin: 0 auto;}
.sub2_2 .table_wrap table{margin-top:20px}
.sub2_2 .table_wrap table tr{ border-top: 3px solid #f9a51b;border-bottom: 3px solid #f9a51b}
.sub2_2 .table_wrap table tr td{padding:30px 0;}
.sub2_2 .table_wrap table tr td:first-of-type{padding-left: 20px}
.sub2_4 {}
.sub2_4 .note_title { position: relative; text-align: center; }
.sub2_4 .note_title:after { display: block; content: ''; clear: both; background-color: #7f1085; width: 100%; height: 1px; position: absolute; left: 0px; right: 0px; top: 50%; z-index: -1;}
.sub2_4 .note_title span { display: inline-block; background-color: #F4F4F4; color:#7f1085; padding: 10px; border: 1px solid #87caac; border-radius: 30px; }
.sub2_4 .note_list { max-width: 980px; margin: 0px auto; }
.sub2_4 .list_part { margin-bottom: 30px; }
.sub2_4 .list_part:after { display: block; content: ''; clear: both; }
.sub2_4 .list_part .num { float: left; width: 80px; padding: 10px; box-sizing: border-box; }
.sub2_4 .list_part .num span { display: block; width: 100%;font-family: 'S-CoreDream-Bold'; font-size: 30px; color:#FFFFFF; text-align: center; line-height: 60px; height: 60px; background-color: #7f1085; }
.sub2_4 .list_part .caption { float: left; width: calc(100% - 80px); padding: 10px; box-sizing: border-box; }
.sub2_4 .list_part .caption .caption_tit {font-family: 'S-CoreDream-Bold'; font-size: 20px; color:#7f1085; margin-bottom: 10px; }
.sub2_4 .list_part .caption .caption_info { font-size: 16px; line-height: 30px; }
.sub2_5 .note_title { position: relative; text-align: center; }
.sub2_5 .note_title:after { display: block; content: ''; clear: both; background-color: #F2C906; width: 100%; height: 1px; position: absolute; left: 0px; right: 0px; top: 50%; z-index: -1;}
.sub2_5 .note_title span { display: inline-block; background-color: #F4F4F4; color:#F2C906; padding: 10px; border: 1px solid #F2C906; border-radius: 30px; }
.sub2_5 .note_list { max-width: 980px; margin: 0px auto; }
.sub2_5 .list_part { margin-bottom: 30px; }
.sub2_5 .list_part:after { display: block; content: ''; clear: both; }
.sub2_5 .list_part .num { float: left; width: 80px; padding: 10px; box-sizing: border-box; }
.sub2_5 .list_part .num span { display: block; width: 100%;font-family: 'S-CoreDream-Bold'; font-size: 30px; color:#FFFFFF; text-align: center; line-height: 60px; height: 60px; background-color: #F2C906; }
.sub2_5 .list_part .caption { float: left; width: calc(100% - 80px); padding: 10px; box-sizing: border-box; }
.sub2_5 .list_part .caption .caption_tit {font-family: 'S-CoreDream-Bold'; font-size: 20px; color:#F2C906; margin-bottom: 10px; }
.sub2_5 .list_part .caption .caption_info { font-size: 16px; line-height: 30px; }
 .portfolio .caption { margin-top: 30px; }
 .portfolio_name { font-family: 'Nanum Myeongjo', serif; font-size: 30px; margin-bottom: 15px; }
 .portfolio_cate { font-family: 'S-CoreDream-Bold'; font-size: 16px; color:#87caac; margin-bottom: 10px; }
.portfolio_info { font-size: 16px; line-height: 30px; }
 .coloring .caption { margin-bottom: 30px; }
 .coloring_title { font-family: 'Nanum Myeongjo', serif; font-size: 32px; margin-bottom: 10px; }
 .coloring_info { font-family: 'Nanum Myeongjo', serif; font-size: 16px; }
.sub2_7 {}
.sub2_7 .app_visual img { width: 100%; }
.sub2_7 .app_cate { position: relative; text-align: center; }
.sub2_7 .app_cate:after { display: block; content: ''; clear: both; width: 100%; height: 1px; background-color: #000000; position: absolute; left: 0px; right: 0px; bottom: 50%; z-index: -1; }
.sub2_7 .app_cate span { display: inline-block; background-color: #f4f4f4; padding: 10px; }
.sub2_7 .app_list { }
.sub2_7 .app_part { padding: 40px 0px; border-bottom: 1px solid #DDDDDD; }
.sub2_7 .app_icon { float: left; width: 20%; padding: 10px; box-sizing: border-box; }
.sub2_7 .app_icon img { max-width: 100%; border-radius: 35px; border: 1px solid #DDDDDD; }
.sub2_7 .app_icon .app_name { font-family: 'S-CoreDream-Bold'; font-size: 14px; margin-top: 10px; }
.sub2_7 .app_text { float: left; width: 80%; padding: 10px; box-sizing: border-box; }
.sub2_7 .app_text .app_title { font-family: 'Nanum Myeongjo', serif; font-size: 24px; line-height: 32px; margin-bottom: 15px; margin-top: 10px; }
.sub2_7 .app_text .app_writer { font-size: 18px; margin-bottom: 30px; }
.sub2_7 .app_text .app_writer span { font-family: 'S-CoreDream-Bold'; margin-right: 15px; }
.sub2_7 .app_text .app_info { font-size: 16px; line-height:  30px; }
.sub3_3 .data_image { float: left; width: 40%; }
.sub3_3 .data_text { float: left; width: 60%; }
.sub3_3 .refesh_step { background-color: #FFFFFF; background-image: url('../image/sub/sub3_3_4.jpg'); background-repeat: no-repeat; background-position: bottom right 10px; padding: 40px; }
.sub3_3 .refesh_step .step_title { font-family: 'S-CoreDream-Bold'; font-size: 20px; margin-bottom: 10px;}
.sub3_3 .refesh_step .step_list { font-size: 16px; line-height: 30px; }
.sub3_3 .refesh_step .step_list ul { margin: 0px; padding: 0px; }
.sub3_3 .refesh_step .step_list li { margin: 0px; padding: 0px; list-style: none; }
.sub3_3 .check_point { background-color: #fef3df;  padding: 80px; }
.sub3_3 .check_point .check_title { font-family: 'S-CoreDream-Bold'; font-size: 30px; color:#005c3b; text-align: center; margin-bottom: 20px; }
.sub3_3 .check_point .check_list {}
.sub3_3 .check_point .check_list .bg { background-color: #FFFFFF; min-height: 650px}
.sub3_3 .check_point .check_list .text_box { padding: 30px;}

.check_point_1 { background-color: #fef3df;  padding: 80px; }
.check_point_1 .check_title { font-family: 'S-CoreDream-Bold'; font-size: 30px; color:#005c3b; text-align: center; margin-bottom: 20px; }
.check_point_1 .check_list {}
.check_point_1 .check_list .bg { background-color: #FFFFFF; min-height: 350px}
.check_point_1 .check_list .text_box { padding: 30px;}

.hor{
  float:left;
  margin-right: 10px
}
.pl0{padding-left: 0 !important}


.sub4_1 .book_tit { font-family: 'Nanum Myeongjo', serif; font-size: 26px; font-weight: bold;text-align: left}
.sub4_1 .point { font-family: 'Nanum Myeongjo', serif; font-size: 20px; }
.sub4_2 .point { font-family: 'Nanum Myeongjo', serif; font-size: 20px; color: #87caac; text-align: center; line-height: 32px; }
.sub4_3 .book_list {}
.sub4_3 .book_list .part { padding: 80px 0px; }
.sub4_3 .book_list .part:after { display: block; content: ''; clear: both; }
.sub4_3 .book_list .part.white { background-color: #FFFFFF; }
.sub4_3 .book_list .part.white .book_img { float: right; }
.sub4_3 .book_list .part.white .book_info { float: right; }
.sub4_3 .book_list .book_img { float: left; width: 33.3333%; }
.sub4_3 .book_list .book_img .caption { text-align: center; }
.sub4_3 .book_list .book_img .caption .name { font-family: 'S-CoreDream-Bold'; font-size: 18px;  margin-bottom: 10px;}
.sub4_3 .book_list .book_img .caption .date { text-align: center; }
.sub4_3 .book_list .book_info { float: left; width: 66.6666%; }
.sub4_3 .book_list .book_point {font-family: 'Nanum Myeongjo', serif; font-size: 22px; color:#6a5090; text-align: center; line-height: 36px; margin-bottom: 25px; }

.sub4_4 .title{ font-weight: bold;font-size: 24px}
.sub4_4 .title span{font-size: 18px}
.sub4_4 .line{border-bottom: 1px solid #666; padding-bottom: 20px; margin-bottom: 20px}
.sub4_4 .flex{display: flex; justify-content: left}
.sub4_4 .color{color:#f29a8c}

.sub4_4 .sub_part.two .col_3 { float: right; }
.sub4_4 .text-{font-family: 'Nanum Myeongjo', serif; font-size: 22px; text-align: center; line-height: 36px; margin-bottom: 25px; }
.sub4_4 .sub_part .col_3 .image_box { margin-bottom: 25px; }
.sub4_4 .sub_part .col_3 { width: 43.3333%; padding: 0px 15px; }
.sub4_4 .sub_part .col_3.two { width: 56.6666% }
.sub4_5 .news_box { background-color: #FFFFFF; padding: 30px; border: 1px solid #CCCCCC; border-top: 2px solid #87caac }
.sub4_5 .news_box .image_box { margin-bottom: 20px; }
.sub4_5 .news_box .news_subject {margin-bottom: 15px; font-family: 'S-CoreDream-Bold'; font-size: 24px; line-height: 32px; }
.sub4_5 .news_box .news_mini { font-family: 'S-CoreDream-Bold'; font-size: 18px; margin-top: 15px; margin-bottom: 10px; }
.sub4_5 .news .half {display: -webkit-flex;
display: -ms-flex;
display: flex;justify-content: space-between;height: 100%;}
.sub4_5 .news .half .col2 {width: 48.5%; background: #fff; background-color: #FFFFFF; padding: 30px; border: 1px solid #CCCCCC; border-top: 2px solid #87caac}
.sub4_5 .news .half .col2 .news_box {background-color: transparent; padding: 0; border: 0; border-top: 0}
.sub4_6 .event { background-color: #FFFFFF; text-align: center; border-top: 2px solid #87caac; padding: 50px 30px; }
.sub4_6 .event_caption { margin-bottom: 30px; }
.sub4_6 .event_title { font-family: 'S-CoreDream-Bold'; font-size: 22px; color:#87caac; margin-bottom: 10px; }
.sub4_6 .event_mini { font-size: 18px; color:#87caac; }
.sub4_6 .event_box { margin-bottom: 30px; }
.sub4_6 .event_box .bg{ background-color: #f3f3ee; padding: 15px 10px; }
.sub4_6 .event_contact { font-size: 14px; line-height: 28px; }
.sub4_6 .event_contact .qr { margin-bottom: 10px; }
.img_wrap{text-align: center;}

.team{background: #109cda;height: 50px;text-align: center;margin-top:10px;color:#fff;font-size: 20px;font-weight: bold;padding-left:10px !important}

.comment_wrap{padding:10px 25px;color:#b63496;margin-top: 40px}
.comment_wrap span{font-size: 24px;line-height: 55px; font-weight: bold; padding-left: 15px}
.comment{
  padding: 25px;
  border-radius: 20px;
  border: #b63496 3px solid;
  margin-top:20px;
  font-size: 18px
}
.comment_tit{font-weight: bold}
.comment p{color:#333;margin-top: 10px; line-height: 24px}

.tip_wrap{padding: 25PX}
.tip_top{border-radius: 30px;border: #b63496 3px solid;background: #fff;color:#b63496; font-weight: bold;padding: 10px;width:500px;text-align: center;margin: 0 auto}

.tip1{background: #807dba; border-radius: 30px;margin-top:20px }
.tip1 img{padding:40px}
.tip_tit{color:#fff5c7; font-size: 22px;padding:10px;font-weight: bold;margin-top:10px}
.tip{color:#fff; font-size: 26px; line-height: 35px; font-weight: bold;}
.tip_text{font-size: 18px;color:#fff; margin-top:20px;font-weight: 500;;}
.tip_tag{color:#fff; font-weight: bold;margin-top:10px}

.tip2{background: #9a64a4; border-radius: 30px;margin-top:20px }
.tip3  {background: #704193; border-radius: 30px;margin-top:20px }

.tip2 img{padding:40px}
.tip3 img{padding:40px}

.bb1{border-bottom:2px solid #ed6d0a}


.pb40{padding-bottom: 40px}


@media all and (max-width:1180px) {
     .sub_container { padding: 0px 10px; box-sizing: border-box; }
     .row .col_30 img{ width:auto;}
     .sub3_3 .check_point .check_list .bg {height: 580px}
     .hor{float:none}
}

@media all and (max-width:1024px) {
     .sub_title .sub_subject { font-size: 30px; line-height: 42px; }
     .sub1_1 .text_box .point { font-size: 20px; line-height: 32px; }
     .sub3_3 .check_point .check_list .bg {height:620px}
}

@media all and (max-width:768px) {
    .sub_container_half{max-width: 768px}
    .row .col_2 { width: 100%; padding: 0px; }
    .row .col_3 { width: 100%; padding: 0px; }
    .row .col_3.two { width: 100%; padding: 0px; }
    .row .col_4 { width: 50%; padding: 0px; }
    .row .col_70{width:100%; padding:0px; float: none}
    .row .col_30{width:100%; padding:0px; float: none}
    .row .col_30 img{height: auto;}
    .row .col_18{ width:100%; }
    .row .col_82{ width:100%; }
    .sub1_1 .text_box .point { font-size: 18px; line-height: 28px; }
    .sub3_6 .data_image { float: left; width: 100%; margin-bottom: 20px;}
    .sub3_6 .data_text { float: left; width: 100%; }
    .sub3_6 .refesh_step { padding-bottom: 200px; background-position: center bottom 0px; }
    .sub4_3 .book_list .book_img { width: 100%; text-align: center; margin-bottom: 20px; }
    .sub4_3 .book_list .book_info { width: 100%; }
    .sub4_5 .row .col_2 { margin-bottom: 80px; }
    .sub4_5 .row .col_2:last-child { margin-bottom: 0px; }
  	.sub4_5 .news .half {flex-direction: column;}
  	.sub4_5 .news .half .col2 {width: 100%;}
  	.sub4_5 .news .half .col2:first-child{margin-bottom: 60px;}
    .row .m_col_40{width:100%; float: left;  padding: 10px;box-sizing: border-box; text-align: center;}
    .row .col_40{width:100%}
    .row .col_60{width:100%}
    .row .m_col_60{width:100%}
    .row .m_col_30{}
    .row .m_col_70{text-align: center;}
    .row .m_col_30{text-align: center;}
    .sub3_3 .check_point .check_list .bg {height: 600px; margin-bottom: 20px}
    .re-mt10{margin-top:10px}
    .row .column{display: block; float: none; width:100% !important;padding-left: 0}
    .row .column:last-of-type{margin-top:20px}

    .comment_wrap img{ width:25px}
    .comment_wrap span{font-size: 18px;
    padding-left: 5px}

    .re-tac{text-align: center !important;}
    .re-tar{text-align: right!important;}
    .re-tal{text-align: left !important;}


    .tip_top{
      width:90%
    }
    .tip_wrap .col_82{
      padding:20px;
      padding-right: 20px !important;
    }

}
@media all and (max-width:600px){
  .sub3_3 .check_point{padding:40px;}
  .check_point_1{padding:40px;}
  .text_box p{font-size: 15px;}
}
@media all and (max-width:460px) {
    .row .col_4 { width: 100%; }
    .sub3_3 .check_point .check_list .bg {height: 600px; margin-bottom: 20px}

}
@media all and (max-width:380px) {
    .sub3_3 .check_point .check_list .bg {height: 690px; margin-bottom: 20px}

}