/* 서브 모바일 헤더 영역*/
#headerArea .logoSet img {position: absolute; bottom:0px;}
.menu_button .button {background: url(../images/common/menu_button.png) bottom center no-repeat; background-size:cover;}

/* 서브 비주얼 영역 */
#sub_visualArea {width: 100%; height: 400px; margin: 80px auto 80px;}
.subVisual {width: 1200px; height: 400px; margin: 0 auto; position: relative;}

.pageprev {width: 35px; height: 60px; position: absolute; left: -51px; top: 170px; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url("../images/common/ico_prev.png"); background-repeat: no-repeat;}
.pagenext {width: 35px; height: 60px; position: absolute; right: -51px; top: 170px; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url("../images/common/ico_next.png"); background-repeat: no-repeat;}

.sub_Tbox {width: auto; height: auto; display: inline-block; margin: 0 auto; padding: 35px 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-60%); background: #fff; box-shadow: 5px 5px 0px #f1d83e; text-align: center;}
.sub_text {min-width: 350px; height: 100%; text-align: center;}
.sub_text .subVisualtitle1 {font-size: 22px; padding-bottom: 15px;}
.sub_text .sub_line {width: 22px;height: 3px; background-color: #96c539; margin: 0 auto;}
.sub_text .subVisualtitle2 {font-size: 28px; padding-top: 15px; font-weight: bold;}
.sub_text .subVisualtitle3 {font-size: 26px; padding-top: 15px; font-weight: bold;}


/* 서브 퀵바 영역 */
.quick_bar {width:100%; margin: 0 auto; position: absolute; bottom: 20px; right: 20px;}
.quick_bar:after {display:block;content:"";clear:both}
.quick_bar a {float: right; margin-left:15px; width: auto; padding: 10px 20px; border-radius: 100px; background: #96c539; font-size:16px; font-weight:bold; color: #fff;}

/* 서브 영역 */
#subArea {width: 1200px; margin: 0 auto;}

.sub_title_box {width: 100%; margin-bottom: 80px;}
.sub_title {width: 100%; font-size: 30px; font-weight: bold; text-align: center; color:#276800;}
.sub_title p {font-size: 24px; margin-bottom: 10px; color: #333;}
.sub_title1 {width: 100%; font-size: 28px; font-weight: bold; color:#276800;}
.sub_intro {width: 80%; padding: 20px; margin: 20px auto 0; border-radius: 20px; background: #eee; color: #333; font-size: 17px; line-height: 25px; text-align: center;}
.sub_intro2 {width: 80%; padding: 20px; margin: 0 auto; background: #ffe9e8; color: #333; font-size: 15px; line-height: 20px; text-align: center;}
.sub_intro3 {width: 80%; padding: 20px; border-radius: 20px; margin: 0 auto; background: #eee; color: #333; font-size: 15px; line-height: 20px; text-align: center;}
.sub_intro4 {font-size:17px; color:#333; font-weight:bold;}
.sub_intro5 {width: 80%; padding: 20px; margin: 20px auto 0; border-radius: 20px; background: #eee; color: #333; font-size: 17px; line-height: 25px; text-align: center;}

.sub_writer {line-height:20px; font-size:17px; margin-top:30px;text-align:center;color:#696969;}

.sub_title0 {font-size: 20px; line-height: 22px; font-weight: bold; margin-bottom:10px;}
.sub_title0_center {font-size: 20px; line-height: 26px; font-weight: bold; margin-bottom:10px; text-align:center;}
.sub_title1 {font-size: 22px; line-height: 32px; font-weight: bolder; padding-left: 20px; border-left: 5px solid #96c539; margin-bottom:20px;}
.sub_title2 {font-size: 22px; line-height: 32px; font-weight: bolder; padding-left: 20px; margin-bottom:20px;}
.sub_title3 {font-size: 22px; line-height: 32px; font-weight: bolder; padding-left: 10px; margin-bottom:20px;}
.sub_title4 {font-size: 18px; line-height: 32px; font-weight: bolder; padding-left: 10px; margin-bottom:20px;}
.sub_title5 {width: 100%; font-size: 25px; font-weight: bold; text-align: center; color:#276800;}
.sub_title6 {line-height: 32px; font-weight: bolder; margin-bottom:20px; width: 100%; font-size: 22px; font-weight: bold; color:#276800;}
.sub_title7 {font-size: 17px; font-weight: bold;  color:#96c539;}

.sub_title1 .s_txt_size16 {display:inline-block;font-size:18px; line-height: 25px; margin-bottom: 5px;}

.sub_section {margin-bottom:50px;}
.sub_section_M {margin-bottom:50px;}
.sub_section:last-child {margin-bottom:100px;}

.textArea_center {font-size:17px; line-height:30px; text-align:center; letter-spacing:-0.5px;}
.textArea {font-size:17px; line-height:30px; text-align:justify; letter-spacing:-0.5px;}
.textArea0 {font-size:17px; line-height:30px; text-align:justify; letter-spacing:-0.5px; margin-bottom:20px;}
.textArea1 {font-size:17px; line-height:30px; text-align:justify; letter-spacing:-0.5px; margin-bottom:40px;}
.textArea2 {font-size:17px; line-height:30px; text-align:justify; letter-spacing:-0.5px; text-align: center;}
.textArea3 {font-size:17px; line-height:30px; text-align:justify; letter-spacing:-0.5px; margin:40px 0;}

.imgArea {overflow: hidden; text-align: center; margin:10px 0;}
.imgArea > img {max-width: 100%; overflow: hidden;}
.imgArea0 {overflow: hidden; text-align: center; margin-bottom: 30px;}
.imgArea0 > img {max-width: 100%; overflow: hidden;}
.imgArea1{margin: 0 auto; text-align: center; margin-bottom: 20px; }
.imgArea1 > img {max-width: 100%; overflow:hidden;}

/* .imgArea2{margin: 0 auto; text-align: center;}
.imgArea2 > img {max-width: 100%; margin-bottom:-4px;} */
.imgArea3{margin: 31px 0;text-align: center;}
.imgArea3 > img {max-width: 100%; overflow:hidden;}

.list_deco {}
.list_deco:after {display:block; clear:both; content:'';}
.list_deco > .list {width:10px; float:left;}
.list_deco > .text {width:calc(100% - 10px); float:left;word-break: break-all;}

.QRimg {height: 100%; margin: 0 auto; padding-top:30px; text-align: center;}
.QRimg a img {max-width: 200px; margin-bottom:-4px;}
.QRimg > p {font-size:16px; font-weight: bold; color:#62c338; margin-top: 10px;}

.caption {line-height: 25px; font-size: 16px; color: #333; text-align:center;}
.caption0 {line-height: 20px; font-size: 16px;}
.caption1 {line-height: 25px; font-size: 15px; margin-top:10px; font-style:italic;}

.box_deco0 {padding: 30px; margin: 20px auto; background: #f5f5f5;}
.box_deco1 {border-radius: 20px; padding: 30px; margin: 20px auto; background: #f5f5f5;}
.box_deco2 {border-radius: 20px; padding: 30px; margin: 20px auto; border: 1px solid #ccc;}
.box_deco3 {padding: 50px 20px; margin: 20px auto; background: #f5fff0;}
.box_deco4 {padding: 50px 20px; margin: 20px auto; background: #f5f5f5;}
.box_deco5 {border-radius: 30px; padding: 20px 30px; margin: 20px auto; border: 7px solid #fcb03f; background-color: #231f20; color: #fff;}
.box_deco5 span {font-weight:bold; color: #fcb03f;}
.box_deco6 {border-radius: 20px; padding: 44px; background: #f5f5f5;}
.box_deco7 {border-radius: 20px; padding: 33px; margin-top:20px; background: #f5f5f5;}
.box_deco8 {border-radius: 20px; padding: 30px; border: 1px solid #ccc;}
.box_deco9 {padding: 30px; margin: 20px auto; background: #ffd9bd;}
.box_deco10 {border-radius: 30px; padding: 5px 20px; color:#fff;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b45860+0,b45860+50,b45860+50,c76669+51,c76669+100 */
background: #b45860; /* Old browsers */
background: -moz-linear-gradient(top,  #b45860 0%, #b45860 50%, #b45860 50%, #c76669 51%, #c76669 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b45860 0%,#b45860 50%,#b45860 50%,#c76669 51%,#c76669 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b45860 0%,#b45860 50%,#b45860 50%,#c76669 51%,#c76669 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b45860', endColorstr='#c76669',GradientType=0 ); /* IE6-9 */
}
.box_deco11 {border-radius: 20px; padding: 30px; background-color: #d7eee9;}
.box_deco12 {border-radius: 10px; padding: 10px;  }
.box_deco13 {border-radius: 20px; padding: 30px; margin: 20px auto; border: 1px solid #ccc; min-height:521px;}
.box_deco14 {padding: 2%; background: #f5f5f5; height:300px;}



.text_deco {position: relative;}
.text_deco strong {position: absolute; left: 0;}
.text_deco2 {border-radius: 20px; padding: 2px 12px; color: #fff; display:inline-block;}
.text_deco3 {padding: 2px 12px; color: #fff; display:inline-block;}

.table_deco1 .table_tit {margin-bottom:10px;font-weight: bold;position:relative;}
.table_deco1 .table_tit label {margin-left:20px; font-size: 18px; color: #276800;}
.table_deco1 .table_tit::before {position:absolute;top:12px;left:7px;display:inline-block; content:''; width:5px; height:5px;background-color:#276800; border-radius: 20px;}
.table_deco1 .table_tit1 {margin-bottom:10px;font-weight: bold;position:relative;}
.table_deco1 .table_tit1 label {font-size: 18px; color: #276800;}
.table_deco1 table {width:100%;background:#fdfdfd;line-height:32px;text-align: center;border-top:2px solid #276800;}
.table_deco1 table th {border-bottom: 1px solid #276800;background:#e6f0e1;border-left: 1px solid #fff;}
.table_deco1 table td {border-bottom: 1px solid #aaa;}
.table_deco1 table td span {font-weight:bold; color: #276800; font-size:17px;}
.table_deco1 table td:first-child[rowspan] {background:#eff4ec;font-weight:bold;color:#333;}
.table_deco1 table tr:last-child td {border-bottom:1px solid #276800;}

.table_deco2 .table_tit {margin-bottom:10px;font-weight: bold;position:relative;}
.table_deco2 .table_tit label {margin-left:20px; font-size: 18px; color: #276800;}
.table_deco2 .table_tit::before {position:absolute;top:12px;left:7px;display:inline-block; content:''; width:5px; height:5px;background-color:#276800; border-radius: 20px;}
.table_deco2 .table_tit1 {margin-bottom:10px;font-weight: bold;position:relative;}
.table_deco2 .table_tit1 label {font-size: 18px; color: #276800;}
.table_deco2 table {width:100%;background:#fdfdfd;line-height:32px;text-align: center;border-top:2px solid #276800;}
.table_deco2 table th {border-bottom: 1px solid #276800;background:#e6f0e1;border-left: 1px solid #fff;}
.table_deco2 table tbody th {color:#276800; border-bottom: 1px solid #aaa; background:none;}
.table_deco2 table td {border-bottom: 1px solid #aaa;}
.table_deco2 table td span {font-weight:bold; color: #276800; font-size:17px;}
.table_deco2 table td:first-child[rowspan] {background:#eff4ec;font-weight:bold;color:#333;}
.table_deco2 table tr:last-child td {border-bottom:1px solid #276800;}

.table_deco3 {}
.table_deco3 table {width:100%;background:#fdfdfd;line-height:32px;text-align: center;border-top:2px solid #276800;}
.table_deco3 table th {border-bottom: 1px solid #276800;background:#e6f0e1;border-left: 1px solid #fff;}
.table_deco3 table td {border-bottom: 1px solid #aaa;}

.i_love {border:1px solid #333; padding:3%; margin:100px 0; background: #fff url(../images/sub_i_love_bg.jpg) bottom right 5% no-repeat; background-size: contain;}
.i_love .i_love_wrap {width:50%;}
.i_love .i_love_wrap .text_title {font-size:20px; font-weight:bold;margin-bottom:20px;}

/* 이벤트 */
.E_title {margin-bottom:80px; font-size: 26px; line-height: 32px; font-weight: bolder; padding-left: 30px; color: #709758;} 
.sub_men {width:80%; font-size: 18px; line-height: 32px; margin-left:80px; text-align:right; font-weight: bolder; margin-bottom:80px;}
.E_text {overflow: hidden; text-align:left; font-size:18px; width:42%; float:left; line-height: 32px; padding-left: 30px; margin-bottom:20px;}
.number25 {width:25%; float:left; padding:3px 0 ; }

/* 공통 */
.inlineSet {font-size:0px;}
.inlineSet>div {display:inline-block;vertical-align:middle;box-sizing:border-box;}

.inlineSet2 {}
.inlineSet2 > div {display:inline-block;vertical-align:top;box-sizing:border-box;}

.inlineSet3 {}
.inlineSet3>div {display:inline-block;vertical-align:middle;box-sizing:border-box;}

.roundArea {position:relative;border:2px solid #40648f;background:rgba(255,255,255,0.8);width:200px;height:200px;border-radius:30px;margin:10px;}
.ra_content {text-align:center;margin-top:30px;}
.ra_content > p {}
.ra_content > p > span {display:inline-block;line-height:30px;border-radius:15px;color:#40648f;margin-bottom:10px;font-weight:bold;}

.circleArea {position:relative;border:2px solid #40648f;background:rgba(255,255,255,0.8);width:200px;height:200px;border-radius:100px;margin:10px;}
.ca_content {position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.ca_content > p {color:#40648f;font-weight:bold;}
.ca_content > p > span {display:inline-block;background-color:#40648f;width:30px;height:30px;line-height:30px;border-radius:15px;color:#fff;margin-bottom:10px;}

.cont3 {}
.cont3:after {display:block; clear:both; content:'';}
.cont3>div {float:left;width:calc((100% / 3) - (4% / 3));margin-right:2%;}
.cont3>div:last-child {margin-right:0;}
.cont3>div span{color:#00abbc; font-weight:bold;}

.cont4 {}
.cont4:after {display:block; clear:both; content:'';}
.cont4>div {float:left;width:calc((100% / 4) - (6% / 4));margin-right:2%; text-align:center;}
.cont4>div:last-child {margin-right:0;}
.cont4>div span{color:#e7a10d; font-weight:bold;}

.cont5 {}
.cont5:after {display:block; clear:both; content:'';}
.cont5>div {float:left;width:calc((100% / 5) - (8% / 5));margin-right:2%;}
.cont5>div:last-child {margin-right:0;}
.cont5>div span{color:#e7a10d; font-weight:bold; font-size:25px;}

.cont6 {}
.cont6:after {display:block; clear:both; content:'';}
.cont6>div {float:left;width:calc((100% / 6) - (6% / 6));margin-right:1%;box-sizing:border-box;}
.cont6>div:last-child {margin-right:0;}
.cont6>div .cont6_title { font-weight:bold; color:#fff; background-color:#474747; border-radius:25px;padding:10px 0;}

.bloom_deco1 {position:relative;}
.bloom_deco1:before {position:absolute; width:25px;height:17px;left:-15px;top:20px;z-index:5;content:'';background:url(../images/sub4-7_deco01.png) right center no-repeat; background-size: cover;}
.bloom_deco2 {position:relative;}
.bloom_deco2:before {position:absolute; width:25px;height:17px;left:-15px;top:20px;z-index:5;content:'';background:url(../images/sub4-7_deco02.png) right center no-repeat; background-size: cover;}

.sub4-8_box01 {border-radius: 20px; padding: 30px; border: 2px solid #73ab7d; position:relative;}
.sub4-8_box01:after {position:absolute;content:''; background:url(../images/sub4-8_deco1.png) no-repeat;width:50px; height:50px;top:-25px;/*left:-10px;*/left:50%; transform:translate(-50%,0);}
.sub4-8_box02 {border-radius: 20px; padding: 30px; border: 2px solid #c76669; position:relative;}
.sub4-8_box02:after {position:absolute;content:''; background:url(../images/sub4-8_deco2.png) no-repeat;width:50px; height:50px;top:-25px;/*left:-10px;*/left:50%; transform:translate(-50%,0);}

.sub4-10_R_line {border-right:1px solid #000;}
.sub4-10_box {border:1px solid #000; margin:0 50px;}

.Q_area {font-weight:700;font-size:18px;}
.A_area {padding:0px 10px;}
.caption {padding:10px;}

.inlineSet_box {padding-right: 20px;}

.border1 {width: 100%; height: 1px; border-bottom: 1px solid #ddd;}
.border2 {width: 100%; height: 1px; border-bottom: 1px solid #ddd; margin: 20px 0;}
.border3 {width: 100%; height: 1px; border-bottom: 1px solid #ddd; margin: 40px 0;}
.border4 {width: 100%; height: 1px; border-bottom: 1px solid #ddd; margin: 60px 0;}
.border5 {width: 100%; height: 1px; border-bottom: 2px solid #6b6b6b; margin: 60px 0;}
.border6 {height: 1px; border-bottom: 1px dotted #c76669; margin: 20px auto;}

.bgcolor1 {background-color: #fff;}

.title_color1 {color: #276800;}
.title_color2 {color: #003768;}
.title_color3 {color: #709758;}
.title_color4 {color: #397cb7;}
.title_color5 {color: #000;}

.fontcolor0 {color:#777;}
.fontcolor1 {color:#96c539;}
.fontcolor2 {color:#9ac2b9;}
.fontcolor3 {color:#a9845f;}
.fontcolor4 {color:#40648f;}
.fontcolor5 {color:#6bc4c7;}
.fontcolor6 {color:#006979;}
.fontcolor7 {color:#9a6118;}
.fontcolor8 {color:#006979;}
.fontcolor9 {color:#910000;}
.fontcolor10 {color:#377caa;}

.fontsize12 {font-size:12px;}
.fontsize13 {font-size:13px;}
.fontsize14 {font-size:14px;}
.fontsize15 {font-size:15px;}
.fontsize16 {font-size:16px; line-height:24px;}
.fontsize17 {font-size:17px;}
.fontsize18 {font-size:18px;}
.fontsize19 {font-size:19px;}
.fontsize20 {font-size:20px;}
.fontsize22 {font-size:22px;}
.fontsize23 {font-size:23px; line-height:33px;}
.fontsize28 {font-size:28px;}
.fontsize34 {font-size:34px;}
.fontsize35 {font-size:35px;}
.fontsize40 {font-size:40px;}

.font_bold {font-weight:bold;}
.text_center{text-align:center !important;}
.text_right {text-align:right;}
.text_left {text-align:left;}

.float_L{float:left;}
.float_R{float:right;}
.float_L_fixed{float:left;}
.float_R_fixed{float:right;}
.clear{clear:both;}

.width_100{width:100%;}
.width_90{width:90%;}
.width_85{width:85%;}
.width_80{width:80%;}
.width_78{width:78%;}
.width_72{width:72%;}
.width_70{width:70%;}
.width_68{width:68%;}
.width_65{width:65%;}
.width_60{width:60%;}
.width_58{width:58%;}
.width_55{width:55%;}
.width_54{width:54%;}
.width_52{width:52.25%;}
.width_50{width:50%;}
.width_49{width:49%;}
.width_48{width:48%;}
.width_47{width:47.75%;}
.width_45{width:45%;}
.width_44{width:44%;}
.width_40{width:40%;}
.width_38{width:38%;}
.width_35{width:35%;}
.width_33{width:33.33%;}
.width_32{width:32%;}
.width_30{width:30%;}
.width_29{width:29%;}
.width_28{width:28%;}
.width_26{width:26%;}
.width_25{width:25%;}
.width_20{width:20%;}
.width_15{width:15%;}
.width_13{width:13%;}

.margin_0{margin: 0;}
.margin_T_-10{margin-top:-10px;}
.margin_T_10{margin-top:10px;}
.margin_T_20{margin-top:20px;}
.margin_T_30{margin-top:30px;}
.margin_T_40{margin-top:40px;}
.margin_T_50{margin-top:50px;}
.margin_T_60{margin-top:60px;}
.margin_T_70{margin-top:70px;}
.margin_T_80{margin-top:80px;}
.margin_T_100{margin-top:100px;}

.margin_B_-5{margin-bottom:-5px;}
.margin_B_-10{margin-bottom:-10px;}
.margin_B_10{margin-bottom:10px;}
.margin_B_20{margin-bottom:20px;}
.margin_B_30{margin-bottom:30px;}
.margin_B_37{margin-bottom:37px;}
.margin_B_40{margin-bottom:40px;}
.margin_B_60{margin-bottom:60px;}
.margin_B_70{margin-bottom:70px;}
.margin_B_80{margin-bottom:80px;}
.margin_B_100{margin-bottom:100px;}
.M_margin_B_60 {margin-bottom:60px;}

.margin_L_10{margin-left:10px;}
.margin_L_20{margin-left:20px;}
.margin_L_40{margin-left:40px;}
.margin_L_70{margin-left:70px;}
.margin_L_80{margin-left:80px;}

.margin_R_60{margin-right:60px;}

.margin_auto {margin:0 auto;}

.padding_0 {padding: 0;}
.padding_10 {padding: 10px;}
.padding_T_-10{padding-top: -10px;}
.padding_T_10{padding-top: 10px;}
.padding_T_20{padding-top: 20px;}
.padding_T_30{padding-top: 30px;}
.padding_T_40{padding-top: 40px;}
.padding_T_60{padding-top: 60px;}
.padding_T_70{padding-top: 70px;}
.padding_T_80{padding-top: 80px;}
.padding_T_100 {padding-top: 100px;}
.padding_T_120 {padding-top: 120px;}
.padding_T_240 {padding-top: 240px;}

.padding_L18 {padding-left:18px;}

.font_Ink {font-family: 'InkLipquid';}
.font_bing {font-family: 'Binggrae-Bold';}

.btn{text-align:center;margin-top:40px;}
.btn a{padding:10px 30px;background-color:#fcb03f;display:inline-block;font-weight:bold;font-size:20px;}
.btn2{text-align:center;margin-top:40px;}
.btn2 a{padding:10px 30px;background-color:#910000;display:inline-block;font-weight:bold;font-size:20px; color:#fff;}
.btn3{text-align:center; margin-bottom:20px;}
.btn3 a{padding:10px 30px;background-color:#f5ab19;display:inline-block; border-radius:20px; font-weight:bold;font-size:17px; color:#fff;}

.M_br {display:none;}
.M_none {display:block;}
.M_display {display:none;}


.scrollArea {}
.scrollArea .scrollBox {width: 100%;}

/*2021 가을호 추가*/
.margin_R_2p {margin-right: 2%}
.sub_title0_left {font-size: 20px; line-height: 26px; font-weight: bold; margin-bottom:10px; text-align: left;}


.sub2-2_box {width: 18.4%; padding: 20px 0; margin-right: 2%; background-color: rgba(0,160, 233, 1); text-align: center; color: #fff; float: left;}
.sub2-2_box:last-child {margin-right: 0;}
.sub2-2_box>strong {font-weight: 800; font-size: 2rem;}

.deco_under {text-decoration: underline;}
.sub2-3_deco>strong {font-size: 1.4rem;}
.border_line1 {border: solid 1px #ccc;}

.sub2-4_deco {}
.sub2-4_deco>strong {font-size: 1.2rem;}
.font_2r {font-size: 2rem; font-weight: bold;}
.font_1-5r {font-size: 1.5rem;}
.M_text_center {}
.text_left_sub2-4 {text-align:left;}

.imgArea3-1 {overflow: hidden; text-align: center;}

.margin_T_4p{margin-top:4%;}
.margin_T_2p{margin-top:2%;}
.margin_T_1p{margin-top:1%;}

.padding_B_10{padding-bottom: 10px;}




@media only screen and (max-width: 1300px) {
	.pageprev {width: 35px; height: 60px; position: absolute; left: 51px;}
	.pagenext {width: 35px; height: 60px; position: absolute; right: 51px;}

}

@media only screen and (max-width: 1200px) {
	.subVisual {width: 100%;}
	#subArea {width: 100%; padding: 0 10px;}
	
	.sub_title_box {width: 100%; padding:0 5%; margin-bottom:80px;}
	.sub_title {width: 100%; font-size: 30px;}
	.sub_intro {width: 100%; padding: 20px; margin: 20px auto 0; border-radius: 20px; background: #eee; color: #333; font-size: 15px; line-height: 20px; text-align: center;}
}

@media only screen and (max-width: 1000px) {
	.sub_text .subVisualtitle1 {font-size: 18px; padding-bottom: 15px;}
	.sub_text .sub_line {width: 22px;height: 3px; background-color: #96c539; margin: 0 auto;}
	.sub_text .subVisualtitle2 {font-size: 24px; padding-top: 15px; font-weight: bold;}

	.i_love {background: #fff url(../images/sub_i_love_bg.jpg) bottom right 5% no-repeat; background-size: 40%;}

	.circleArea {width:180px;height:180px;border-radius:100px;}

	.inter .width_33, .inter .width_65 {width:100%;}

	.sub4-10_box {margin:0 20px;}

	.sub_intro2 {width:100%;}
	.sub_intro5 {width:100%;}
}

@media only screen and (max-width: 800px) {
	.pageprev {display:none;}
	.pagenext {display:none;}

	.sub_section_M {margin-bottom:0px;}
	
	.box_deco1 {padding: 20px;}
	.box_deco2 {padding: 20px;}
	.box_deco6 {padding: 20px; margin:10px 0;}
	.box_deco7 {padding: 20px; margin:10px 0;}
	.box_deco8 {padding: 20px; margin:10px 0;}
	.box_deco14 { height:auto;}

	
/* 	.imgArea2 {border:1px solid #ccc; border-radius:20px; padding: 20px 0; margin: 40px 0;}
	.imgArea2 > img {width: 33.3%; margin-bottom: 0px; display:inline-block;float:left;overflow: hidden;} */
	.imgArea3{margin-bottom: 0px; }


	
	.text_right {text-align:inherit;}

	.float_L{float:none;}
	.float_R{float:none;}

	.width_100{width:100%;}
	.width_90{width:100%;}
	.width_85{width:100%;}
	.width_80{width:100%;}
	.width_78{width:100%;}
	.width_72{width:100%;}
	.width_70{width:100%;}
	.width_68{width:100%;}
	.width_65{width:100%;}
	.width_60{width:100%;}
	.width_58{width:100%;}
	.width_55{width:100%;}
	.width_54{width:100%;}
	.width_52{width:100%;}
	.width_50{width:100%;}
	.width_49{width:100%;}
	.width_48{width:100%;}
	.width_47{width:100%;}
	.width_45{width:100%;}
	.width_44{width:100%;}
	.width_40{width:100%;}
	.width_38{width:100%;}
	.width_35{width:100%;}
	.width_33{width:100%;}
	.width_32{width:100%;}
	.width_30{width:100%;}
	.width_29{width:100%;}
	.width_28{width:100%;}
	.width_26{width:100%;}
	.width_25{width:100%;}
	.width_20{width:100%;}
	.width_15{width:100%;}
	.width_13{width:100%;}

	.inlineSet_box {padding:0;}

	.i_love {background: #fff;padding:20px;}
	.i_love .i_love_wrap {width:100%;}
	.i_love .text_contents {}

	.M_padding_2 {padding: 0px 2.25%;}
	.margin_L_40{margin-left: 0;}
	.M_margin_B_60 {margin-bottom:20px;}
	.M_margin_B_40 {margin-bottom:20px;}
	.M_margin_T_40 {margin-top:40px;}
	.margin_L_70{margin-left:0;}
	.margin_L_80{margin-left:0;}
	.margin_R_60{margin-right:0; text-align:center;}
	.M_none {display:none;}
	.M_display {display:block;}

	.E_title {margin-bottom:20px; font-size: 24px; padding-left: 20px; color: #709758; text-align:center; padding-left: 0; float:none;} 
	.sub_men {width:100%; font-size: 20px; line-height: 32px; margin-left:0; text-align:center; margin-bottom:20px;}
	.E_text {overflow: hidden; text-align:center; font-size:17px; width:100%; float:none; line-height: 32px; padding-left: 0; margin-bottom:30px;}
	.number25 {width:100%; float:none; padding:3px 0 ; }

	.btn{margin-top:20px;}
	.btn a{padding:10px 20px;background-color:#fcb03f;font-size:20px;}
	.btn3{margin-bottom:10px;}
	.btn3 a{padding:8px 15px; border-radius:20px;font-size:15px;}

	.cont3>div {float:none;width:100%;margin-bottom:20px;margin-right:0;}
	.cont6>div {float:none;width:100%;margin-right:0;margin-bottom:20px;}

	.sub4-10_R_line {border-right:none;}

	.box_deco13 {min-height:auto;}

	.sub_title0_left {text-align: center;}

	.M_text_center {text-align: center;}
	.text_left_sub2-4 {text-align: none;}
	.font_2r {padding-top: 15px;}

	.margin_T_4p{margin-top: 0;}
	.margin_T_2p{margin-top: 0;}
	.margin_T_1p{margin-top: 0;}
}

@media only screen and (max-width: 700px) {
	.cont3>div {float:none;width:100%; margin-right:0px; margin-bottom:30px;}
	.cont3>div:last-child {margin-bottom:0px;}

	.cont4>div {width:100%; margin-right:1%; margin-bottom:20px;}
	.cont4>div:nth-child(2n) {margin-right:0;}

	.cont5>div {width:calc((100% / 3) - (4% / 3));margin-bottom:20px;}
	.cont5>div:nth-child(3n) {margin-right:0;}

	.scrollArea {overflow: auto;padding-bottom:10px;}
    .scrollArea .scrollBox {min-width: 600px;}
}
@media only screen and (max-width: 600px) {
	#sub_visualArea {height:250px; margin: 65px auto;}
	.subVisual {height:250px;}

	.quick_bar {bottom: 10px; right:10px;}
	.quick_bar a {padding: 7px 15px;font-size:15px; margin-left: 10px;}
	
	.table_deco1 table td span {font-size:14px; padding:0;}



	.sub_Tbox {width: 90%; height: 100px; padding: 20px 10px;}
	.sub_text {width:100%; min-width: 100%; height: auto; text-align: center;}
	.sub_text {width:100%; min-width: 100%; height: auto; text-align: center;}
	.sub_text .subVisualtitle1 {font-size: 14px; padding-bottom: 10px;}
	.sub_text .sub_line {width: 14px;height: 2px;letter-spacing: -1px;}
	.sub_text .subVisualtitle2 {font-size: 17px; padding-top: 10px;}
	.sub_text .subVisualtitle3 {font-size: 17px; padding-top: 10px;}

	.sub_title_box {margin-bottom: 50px;}
	.sub_title {width: 100%; font-size: 22px; font-weight: 800; text-align: center;}
	.sub_title p {font-size:20px;}
	.sub_title span, .sub_title0_center span, .sub_title0 span, .sub_title2 span {width:100%; text-align: center; display:block;margin-bottom:5px;}
	.sub_intro {line-height: 25px;}
	.sub_intro br {display:none;}
	.sub_intro br.block {display:block;}

	.sub_title0 {font-size: 19px; line-height: 25px; text-align:center; letter-spacing:-1px;}
	.sub_title0_center {font-size: 19px; line-height: 25px; letter-spacing:-1px;}
	.sub_title1 {font-size: 19px; line-height: 25px; padding-left: 10px; letter-spacing:-1px;}
	.sub_title2 {font-size: 19px; line-height: 25px; padding-left: 0px; letter-spacing:-1px;}

	.sub_title1 .s_txt_size16 {display:inline-block;font-size:16px; line-height: 22px;}
	.textArea0 table {font-size:11px; line-height:20px; text-align:left;}
	.textArea0 table th {text-align:center;}
	.textArea0 table td:first-child{text-align:center;}
	.table_deco1 table td span {font-size:11px; line-height:20px;}
	.M_text_C {text-align:center;}
	.M_br {display:block;}
	.textArea {font-size:16px; line-height:25px;}
	.textArea0 {font-size:16px; line-height:25px;}
	.textArea1 {font-size:16px; line-height:25px;}
	.textArea2 {font-size:16px; line-height:25px;}

}

@media only screen and (max-width: 425px) {
	.sub2-2_box {width: 100%;}
	.sub2-2_box>strong {font-size: 1.8rem;}
	.sub2-2_box>p {font-size: 1rem;}

	.sub2-4_deco>strong {font-size: 1rem;}
	.font_2r {font-size: 1.5rem; margin-top: 10px;}
	.M_open {display:block;}

}

@media only screen and (max-width: 320px) {
	.cont5>div {float:none;width:100%;margin-bottom:20px; margin-right:0;}
	.cont4>div {float:none;width:100%;margin-bottom:20px; margin-right:0;}
}