#contents { width:100%; max-width:100%; }

.top_area2 { border-bottom:0; }
.top_area2 nav div.nav { border-top:1px solid #ddd; margin-top:-1px; }

.main_slide_img { width:100%; text-align:center; margin:0px auto 0px; }

.swiperpc { height:500px; }
.swiperpc .swiper-slide { height:100%; }
.swiperpc .swiper-slide img { height:100%; width:auto; object-fit:cover; }

@media(max-width:1100px){
.main_slide_img { height:auto; }
.swipermobile { width:100%; }
.swipermobile img { width:100%; }
}






.new_main_title { text-align:center; margin:40px auto 30px; font-size:30px; }
.new_main_1 { width:100%; margin:0 auto;  }
.new_main_1 .swiper-slide {  width:1350px;padding:30px 40px 50px; }
.new_main_1 .inner { display:flex; justify-content:space-between; width:98%; padding:0 30px; margin:0 auto; }
.new_main_1 .swiper-slide h3 { text-align:center; padding:0 0 10px 0; font-size:20px; }
.item_box { border:2px solid #fe399b; border-radius:10px; width:calc(100% / 3 - 20px); padding:10px 25px; background:#fff; position:relative; }
.item_box span.point { background:#ffd8ee; height:60px; width:60px; text-align:center; line-height:62px; border-radius:30px; display:block; position:absolute; top:20px; right:20px; color:#222; white-space:nowrap; font-size:14px; }
.item_box ul { padding:15px 0; }
.item_box ul:last-child { border-top:1px solid #aaa; }
.item_box li { font-size:15px; }
.item_box .ps1 { font-size:23px; font-weight:600; }
.item_box .ps2 { font-size:17px; color:#666; }
.item_box .ps2 strong {  color:#fe399b; font-weight:normal; }
.item_box .ps4 { font-size:25px; font-weight:600; }
.item_box .ps5 {  font-size:17px; color:#666; letter-spacing:-1px;  }
.item_box .ps6 { font-size:25px; color:#fe399b;  font-weight:600; }
.item_box .ps7 { font-size:17px; color:#666; letter-spacing:-1px;  }

.sk .item_box { border:2px solid #ff8701 }
.sk .item_box .ps2 strong {  color:#ff8701; }
.sk .item_box .ps6 { color:#ff8701; }
.sk .item_box span.point { background:#ffe5c2; }

.kt .item_box { border:2px solid #159fa1 }
.kt .item_box .ps2 strong {  color:#159fa1; }
.kt .item_box .ps6 { color:#159fa1; }
.kt .item_box span.point { background:#baf8f7; }



@media(max-width:1100px){
.new_main_title { text-align:center; margin:40px auto 30px; font-size:20px; }
.new_main_1 { width:100%; margin:0 auto;  }
.new_main_1 .swiper-slide {  width:100%;padding:30px 10px 50px; }
.new_main_1 .inner { display:block; justify-content:space-between; width:98%; padding:0 10px; margin:0 auto; }
.new_main_1 .swiper-slide h3 { text-align:center; padding:0 0 10px 0; font-size:20px; }
.item_box { border:2px solid #fe399b; border-radius:10px; width:100%; padding:5px 15px; background:#fff; position:relative; margin:10px auto; }
.item_box span.point { background:#ffd8ee; height:50px; width:50px; text-align:center; line-height:52px; border-radius:25px; display:block; position:absolute; top:15px; right:15px; color:#222; white-space:nowrap; font-size:12px; }
.item_box ul { padding:10px 0; display:flex; flex-wrap:wrap; align-items:center; }
.item_box ul:last-child { border-top:1px solid #aaa; }
.item_box li { font-size:12px; }
.item_box .ps1 { font-size:20px; font-weight:600; width:100%; }
.item_box .ps2 { font-size:13px; color:#666; }
.item_box .ps2 strong {  color:#fe399b; font-weight:normal; }
.item_box .ps4 { font-size:20px; font-weight:600; margin-right:10px; }
.item_box .ps5 {  font-size:13px; color:#666; letter-spacing:-1px;  }
.item_box .ps6 { font-size:20px; color:#fe399b;  font-weight:600; width:100%; }
.item_box .ps7 { font-size:13px; color:#666; letter-spacing:-1px;  display:flex; }
.item_box .ps7 br { display:none; }

.sk .item_box { border:2px solid #ff8701 }
.sk .item_box .ps2 strong {  color:#ff8701; }
.sk .item_box .ps6 { color:#ff8701; }
.sk .item_box span.point { background:#ffe5c2; }

.kt .item_box { border:2px solid #159fa1 }
.kt .item_box .ps2 strong {  color:#159fa1; }
.kt .item_box .ps6 { color:#159fa1; }
.kt .item_box span.point { background:#baf8f7; }
}





.main_event { width:1350px; margin:50px auto; }
.main_event ul { display:flex; justify-content:space-between; }
.main_event ul li { width:calc(100% / 3 - 15px); border:1px solid #ccc; border-radius:10px; overflow:hidden; }
.main_event ul li p { padding:15px 5px 16px; text-align:center; }
.main_event ul li strong { font-size:20px; font-weight:bold; display:block; }
.main_event ul li span { font-size:18px; display:block; }


@media(max-width:1100px){
.main_event { width:95%; margin:30px auto; }
.main_event ul { display:block; justify-content:space-between; }
.main_event ul li { width:95%; border:1px solid #ccc; border-radius:10px; overflow:hidden; margin:10px auto; }
.main_event ul li p { padding:10px 5px 11px; text-align:center; }
.main_event ul li strong { font-size:15px; font-weight:bold; display:block; }
.main_event ul li span { font-size:12px; display:block; }
}



/* 메인 확장용 
.contents01 { padding-top:0; max-width:100%;  width:100% !important; }
#container { padding:0; }
.swiper-slide-a { text-align:center; position:relative; }
.swiper-slide-a .slide-position {  position:absolute; top:0; left:0; width:100%; margin:0 auto; height:100%;  transform:translate(50, 50); }
.swiper-slide-a img { object-fit:cover;  max-width:100%;  margin:0 auto; height:100%; }
*/


.titleArea { padding:20px 0px;  color:#222; margin:80px auto 0;  max-width:1400px; }
.titleArea h2 { font-size:35px; margin-bottom:10px; text-align:center; }
.titleArea h2 span { color:#888; font-size:18px; font-weight:300; margin-left:10px; } 

@media(max-width:1100px){
.titleArea { padding:20px 0px;  color:#222; margin:80px auto 0;  max-width:auto; }
.titleArea h2 { font-size:20px; margin-bottom:10px; display:block; }
.titleArea h2 span { color:#888; font-size:12px; font-weight:300; margin-left:10px;  display:block; letter-spacing:0; } 
}



.main_item_list { }
.main_item_list_program {background:#f5f5f5; padding:20px 0 80px; margin:100px auto 0 }

.disp_type_1 { display:flex; flex-wrap:wrap; width:95%; max-width:1410px; margin:0 auto; }
.disp_type_1 li { width:19%; margin:0 auto 30px; background:#fff; border-radius:15px; overflow:hidden; border:1px solid #ddd; }
.disp_type_1 li img { max-width:100%;  margin:0 0 10px 0; }
.disp_type_1 li .item_subject { font-size:16px; font-weight:normal; margin:5px 0 5px 0; display:block; }
.disp_type_1 li .sns_icon span { display:inline-block; margin-right:5px; padding:2px 5px 3px 5px; font-size:12px; line-height:15px; font-weight:300; }
.disp_type_1 li .sns_icon span.i_blog { border:1px solid #208700; color:#208700; }
.disp_type_1 li .sns_icon span.i_instagram { border:1px solid #ff0055; color:#ff0055; }
.disp_type_1 li .d_txt_1 { font-size:12px; color:#888; line-height:18px; height:54px; }
.disp_type_1 li .d_txt_2 { font-size:12px; color:#222; }
.disp_type_1 li .d_txt_2 strong { color:#ef2a23; font-weight:normal; }
.disp_type_1 li .d_txt_3 { padding-top:10px; }
.disp_type_1 li .d_txt_3 span { display:inline-block; margin-right:5px; border:1px solid #aaa; 
font-size:12px; border-radius:15px; line-height:15px; padding:2px 10px 4px; }
.disp_type_1 li .d_txt_3 span.f_red { color:#ef2a23; }
.disp_type_1 li .item_subject_2  { font-size:16px; font-weight:normal; text-align:center; margin:0 0 3px 0; }
.disp_type_1 li .d_txt_2_2 { font-size:14px; color:#222; text-align:center; }
.colm3 li { width:31.33%; }
.colm4 li { width:23%; margin:20px 1%; }
.disp_type_1 .item_btn_area { width:90%; margin:20px auto; padding:0px ; display:flex; /* justify-content:space-between; */ }
.disp_type_1 .item_btn_area > a { width:33.3333%; display:inline-block; border:1px solid #ddd; font-size:14px; line-height:15px; padding:10px 10px 11px;
white-space:nowrap;text-align:center; border-left:0; }
.disp_type_1 .item_btn_area > a:first-child {border-left:1px solid #ccc;}
.disp_type_1 .item_btn_area > a.btn_point { background:#ef2a23; border:0; color:#fff; }
.disp_type_1 .disp3_div { width:90%; margin:10px auto; position:relative; border-top:1px solid #eee; padding-top:15px; }
.disp_type_1 .disp3_div a.btn_detail_view { position:absolute; top:14px; right:0px; display:block; font-size:13px;
border:1px solid #ddd; border-radius:3px; padding:1px 10px 2px; letter-spacing:-1px; }
.disp_type_1 strong { display:block; font-size:16px; padding:0; font-weight:normal; line-height:120%; margin-bottom:10px; }
.disp_type_1 .site_ment { font-size:14px; color:#888; padding:0; line-height:20px; height:40px;font-weight:300; }
.disp_type_1 .sellprice { font-size:14px; color:#ef2a23; padding:0; margin-top:5px; }




@media(max-width:1100px){
.colm3 li { width:100%; }
.main_item_list_program {background:#f5f5f5; padding:20px 0 80px; margin:50px auto 0 }

/*
.disp_type_1 { display:flex; flex-wrap:wrap; width:95%; max-width:95%; margin:0 auto; }
.disp_type_1 li { width:48%; margin:0 auto 30px; background:#fff; border-radius:15px; overflow:hidden; border:1px solid #ddd; }
.disp_type_1 li img { max-width:100%; margin:0 0 0px 0; }
.disp_type_1 li .item_subject { font-size:13px; font-weight:normal; margin:5px 0 5px 0; display:block; }
.disp_type_1 li .sns_icon span { display:inline-block; margin-right:5px; padding:2px 5px 3px 5px; font-size:11px; line-height:15px; font-weight:300; }
.disp_type_1 li .sns_icon span.i_blog { border:1px solid #208700; color:#208700; }
.disp_type_1 li .sns_icon span.i_instagram { border:1px solid #ff0055; color:#ff0055; }
.disp_type_1 li .d_txt_1 { font-size:12px; color:#888; line-height:18px; height:54px; }
.disp_type_1 li .d_txt_2 { font-size:12px; color:#222; }
.disp_type_1 li .d_txt_2 strong { color:#ef2a23; font-weight:normal; }
.disp_type_1 li .d_txt_3 { padding-top:10px; }
.disp_type_1 li .d_txt_3 span { display:inline-block; margin-right:5px; border:1px solid #aaa; 
font-size:12px; border-radius:15px; line-height:15px; padding:2px 10px 4px; }
.disp_type_1 li .d_txt_3 span.f_red { color:#ef2a23; }
.disp_type_1 li .item_subject_2  { font-size:16px; font-weight:normal; text-align:center; margin:0 0 3px 0; }
.disp_type_1 li .d_txt_2_2 { font-size:14px; color:#222; text-align:center; }
.colm3 li { width:31.33%; }
.colm4 li { width:48%; margin:20px 1%; }


.disp_type_1 .item_btn_area { width:100%; padding:0 10px 10px; margin:0px auto 0; display:flex; flex-wrap:wrap;
justify-content:space-between;}
.disp_type_1 .item_btn_area > a { display:inline-block; border:1px solid #ccc; 
 font-size:10px; line-height:15px; padding:4px 5px 5px 17px; margin-right:0px; 
white-space:nowrap;text-align:center; border-radius:0px; background:url('../image/icon_link.png') no-repeat; 
background-size:12px; background-position:5px center; flex-grow:1; }
.disp_type_1 .item_btn_area > a:first-child {border-left:1px solid #ccc;}
.disp_type_1 .item_btn_area > a:nth-child(2) { border-left:0; border-radius:0; }
.disp_type_1 .item_btn_area > a.btn_point { padding:10px 0px 10px; background:#ff0042; border:0; color:#fff; width:100%; 
border-radius:5px; margin-top:5px; margin-right:0; font-size:14px;}


.disp_type_1 .disp3_div { width:100%; margin:0px auto 10px; position:relative; border-top:1px solid #eee; padding:10px; height:110px; }
.disp_type_1 .disp3_div a.btn_detail_view { position:absolute; top:-35px; right:10px; display:block; font-size:13px;
border:1px solid #ddd; border-radius:3px; border-radius:50%; padding:1px 10px 2px; letter-spacing:-1px; width:30px; height:30px; 
background:#fff url('../image/btn_view.png') no-repeat; font-size:0; background-size:100% auto; background-size:60%; 
background-position:center center; }
.disp_type_1 strong { display:block; font-size:14px; padding:0; font-weight:normal; line-height:120%; margin-bottom:10px; }
.disp_type_1 .site_ment { font-size:11px; color:#888; padding:0;  line-height:13px; font-weight:300; height:auto; }
.disp_type_1 .sellprice { font-size:12px; color:#ef2a23; padding:0; margin-top:5px; }

*/
}



.disp_type_3 { display:flex; flex-wrap:wrap; width:100%; max-width:1400px; margin:0 auto; justify-content: start; }
.disp_type_3 li { width:23%; margin:0 1% 35px; border:1px solid #ddd; border-radius:15px; overflow:hidden; }
.disp_type_3 li:hover { border:1px solid #ff0042; }
.disp_type_3 .item_btn_area { padding:0 10px 10px; display:flex; flex-wrap:wrap; height:100px; align-items:flex-end }
.disp_type_3 .item_btn_area > a { display:inline-block; border:1px solid #aaa;
 font-size:14px; line-height:15px; padding:8px 10px 8px 30px; margin-right:5px; 
white-space:nowrap;text-align:center; border-radius:5px; background:url('../image/icon_link.png') no-repeat; 
background-size:15px; background-position:10px center; width:calc(50% - 5px); }
.disp_type_3 .item_btn_area > a.btn_point { padding:15px 10px 15px; background:#ff0042; border:0; color:#fff; width:100%; 
border-radius:10px; margin-top:10px; margin-right:0; }

.disp_type_3 img { margin-bottom:15px; max-width:100%; width:100%; }
.disp_type_3 .disp3_div { height:120px;position:relative;  }
.disp_type_3 .disp3_div a.btn_detail_view { position:absolute; top:-3px; right:13px; display:block; font-size:13px;
border:1px solid #ddd; border-radius:3px; padding:1px 10px 2px; letter-spacing:-1px; }
.disp_type_3 strong { display:block; font-size:16px; padding:0 15px; font-weight:normal; line-height:120%;
margin-bottom:10px; white-space:nowrap; overflow:hidden; width:calc(100% - 80px); text-overflow:ellipsis; }
.disp_type_3 .site_ment { font-size:14px; color:#888; padding:0 15px;  line-height:120%; }
.disp_type_3 .sellprice { font-size:14px; color:#ef2a23; padding:0 15px; margin-top:5px; }





@media(max-width:1100px){

/*
.disp_type_3 { display:flex; flex-wrap:wrap; width:100%; max-width:100%; margin:0 auto; }
.disp_type_3 li {width:48%; margin:0 1% 35px; border:1px solid #ddd; border-radius:15px; overflow:hidden; }
.disp_type_3 li:hover { border:1px solid #ff0042; }
.disp_type_3 .item_btn_area { padding:0 10px 10px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.disp_type_3 .item_btn_area > a { display:inline-block; border:1px solid #ccc;
 font-size:10px; line-height:15px; padding:4px 5px 5px 17px; margin-right:0px; 
white-space:nowrap;text-align:center; border-radius:0px; background:url('../image/icon_link.png') no-repeat; 
background-size:12px; background-position:5px center; flex-grow:1; }
.disp_type_3 .item_btn_area > a:nth-child(2) { border-left:0; border-radius:0;}
.disp_type_3 .item_btn_area > a.btn_point { padding:10px 0px 10px; background:#ff0042; border:0; color:#fff; width:100%; 
border-radius:5px; margin-top:5px; margin-right:0; font-size:14px;}

.disp_type_3 img { margin-bottom:10px; max-width:100%; width:100%; }
.disp_type_3 .disp3_div { width:100%; margin:0px auto 10px; position:relative; height:110px; }
.disp_type_3 .disp3_div a.btn_detail_view { position:absolute; top:-50px; right:10px; display:block; font-size:13px;
border:1px solid #ddd; border-radius:3px; border-radius:50%; padding:1px 10px 2px; letter-spacing:-1px; width:30px; height:30px; 
background:#fff url('../image/btn_view.png') no-repeat; font-size:0; background-size:100% auto; background-size:60%; 
background-position:center center; }

.disp_type_3 strong { display:block; font-size:13px; padding:0 10px; font-weight:normal; line-height:120%; margin-bottom:10px; width:100%; }

.disp_type_3 .site_ment br { display:none; }

.disp_type_3 .site_ment { font-size:11px; color:#888;  padding:0 10px;line-height:13px; font-weight:300; height:auto; }
.disp_type_3 .sellprice { font-size:12px; color:#ef2a23; padding:0 10px;margin-top:5px; }
*/
}






.main_cs_area { position:relative; max-width:1400px; margin:0 auto; }
.main_cs_area .titleArea { padding-top:70px; }
.main_cs_area .cs_banner { position:absolute; right:0; top:0; background:#eee; padding:20px 10px; }
.main_cs_area .cs_banner ul { display:flex; }
.main_cs_area .cs_banner ul li { width:130px; border-left:1px solid #aaa; text-align:center; }
.main_cs_area .cs_banner ul li:first-child { border-left:0; }
.main_cs_area .cs_banner ul li img { width:50px; margin:0 auto; }
.main_cs_area .cs_banner ul li strong { display:block; font-size:16px; color:#222; font-weight:normal; }
.main_cs_area .cs_banner ul li span { display:block; font-size:13px; color:#888; }


.cs_menu_list { width:100%; max-width:1400px; margin:40px auto 0; }
.cs_menu_list ul.tab { display:flex; }
.cs_menu_list ul.tab li { flex-grow:1; border:1px solid #ddd; border-bottom:1px solid #444; border-left:0;
display:block; padding:15px 0; text-align:center; font-size:20px; cursor:default; }
.cs_menu_list ul.tab li:first-child { border-left:1px solid #ddd; margin-left:0; }
.cs_menu_list ul.tab li.on { border-bottom:0; border-left:1px solid #444; border-top:1px solid #444; border-right:1px solid #444; margin-left:-1px; }

.cs_menu_list ul.tab li.on:first-child { border-left:1px solid #444; margin-left:0; }
.cs_menu_list ul.tab li a { display:block; padding:15px 0; text-align:center; font-size:20px; }













.main_bottom_section { background:#e4e8ef; width:100%; padding:80px 0; }
.main_bottom_section h2 { text-align:center; font-size:25px; padding:0px 0 30px 0; color:#345483; }
.main_bottom_section ul { display:flex; justify-content:center; }
.main_bottom_section li { background:#fff; border:1px solid #a9b0bd; width:150px; height:250px; margin:0 20px; }



/*
#main_section_03 { margin:100px 0; }
.noticeArea { border:1px solid #ddd; border-radius:10px; padding:30px 50px; width:1000px; margin:0 auto; }
.noticeArea ul { display:flex; justify-content:space-between; align-items:center; padding:15px 0; border-top:1px solid #eee; }
.noticeArea ul:first-child { border-top:0; }
.noticeArea .subject a { font-size:20px; }
.noticeArea .subject a:hover { color:#d10000; }
.noticeArea .notice_date { font-size:16px; color:#999; }
*/
#main_section_04 { display:flex; justify-content:space-between; width:100%; max-width:1300px; margin:0 auto 100px; }

.ms04_1 { width:50%; max-width:620px; }
.ms04_2 { width:50%;  max-width:620px; }
.b_article { max-width:620px; margin:0 auto; padding:20px 30px; border:1px solid #ddd; }
.b_article ul { display:flex; justify-content:space-between; }
.b_article li { border-bottom:1px solid #ddd; padding:10px 0;font-size:18px;  }
.b_article ul:last-child li { border:0; }
.b_article li:first-child { flex-grow:1; }
.b_article li a { }
.b_article li.ba_date { font-size:16px; color:#aaa; }



.swiperpc { display:block; }
.swipermobile { display:none; }




@media(max-width:1100px){

.swiperpc { display:none; }
.swipermobile { display:block; }


.main_banner1 { padding:20px 0; text-align:center; }
.main_banner1 img { max-width:100%; }

.titleArea { padding:20px 0px;  color:#222; text-align:center; width:90%; margin:0 auto; letter-spacing:-1px; }
.titleArea h2 { font-size:20px; margin-bottom:0px; }
.titleArea p { color:#888; font-size:14px; font-weight:300; }
.titleArea p br { display:block; }



.portfolio_list { width:95%; max-width:95%; margin:20px auto; }
.portfolio_list > ul { display:flex; flex-wrap:wrap; /* justify-content:space-between; */  }
.portfolio_list > ul > li { width:48%; border:1px solid #ddd; padding-bottom:20px; text-align:left; 
margin-left:30px;  margin:1% }
.portfolio_list > ul > li:nth-child(1),
.portfolio_list > ul > li:nth-child(5),
.portfolio_list > ul > li:nth-child(9),
.portfolio_list > ul > li:nth-child(13),
.portfolio_list > ul > li:nth-child(17),
.portfolio_list > ul > li:nth-child(21),
.portfolio_list > ul > li:nth-child(25) { margin-left:1%; }
.portfolio_list img { max-width:100%; margin-bottom:10px; }
.portfolio_list strong { display:block; font-size:16px; padding:0 10px; }
.portfolio_list > ul > li p { font-size:14px; color:#666; padding:0 15px 0 25px;  background:url('../image/icon_link.png') no-repeat; 
background-size:12px; background-position:10px 3px; }


#main_section_04 { display:block; width:100%; max-width:100%; margin:0 auto 100px; }

.ms04_1 { width:95%; max-width:100%; margin:0 auto; }
.ms04_2 { width:95%; max-width:100%;margin:30px auto 0;  }
.b_article { max-width:100%; margin:0 auto; padding:10px 0px; border:1px solid #ddd; border-left:0; border-right:0; }
.b_article ul { display:flex; justify-content:space-between; }
.b_article li { border-bottom:1px solid #ddd; padding:5px 0;font-size:14px;  }
.b_article ul:last-child li { border:0; }
.b_article li:first-child { flex-grow:1; }
.b_article li a { }
.b_article li.ba_date {flex-shrink:0;  font-size:12px; color:#aaa; }



}


.main_solution { width:90%; margin:30px auto; max-width:1400px; border:1px solid #ddd; border-radius:15px; overflow:hidden; }
.main_solution h2 { background:#777; color:#fff; text-align:center; padding:10px 0 11px; font-size:18px; }
.main_solution ul { display:flex; flex-wrap:wrap; }
.main_solution ul li { width:20%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.main_solution ul li:nth-child(5n) { border-right:0; }
.main_solution ul li:nth-child(6) { border-bottom:0; }
.main_solution ul li:nth-child(7) { border-bottom:0; }
.main_solution ul li:nth-child(8) { border-bottom:0; }
.main_solution ul li:nth-child(9) { border-bottom:0; }
.main_solution ul li:nth-child(10) { border-bottom:0; }
.main_solution ul li a { display:block; width:100%; padding:12px 0; text-align:center; }
.main_solution ul li a:hover { background:#eee; }



@media(max-width:1100px){
.main_solution { width:95%; margin:30px auto; max-width:95%; border:1px solid #ddd; border-radius:15px; overflow:hidden; }
.main_solution h2 { background:#777; color:#fff; text-align:center; padding:5px 0 6px; font-size:14px; }
.main_solution ul { display:flex; flex-wrap:wrap; }
.main_solution ul li { width:50%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.main_solution ul li:nth-child(5n) { border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.main_solution ul li:nth-child(6) { border-right:1px solid #ddd; border-bottom:1px solid #ddd;  }
.main_solution ul li:nth-child(7) {border-right:1px solid #ddd; border-bottom:1px solid #ddd;  }
.main_solution ul li:nth-child(8) { border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.main_solution ul li:nth-child(9) { border-right:1px solid #ddd; border-bottom:0;  }
.main_solution ul li:nth-child(10) { border-right:1px solid #ddd; border-bottom:0;  }
.main_solution ul li:nth-child(2n) { border-right:0; }
.main_solution ul li a { display:block; width:100%; padding:7px 0; text-align:center; font-size:13px; overflow:hidden; }
.main_solution ul li a:hover { background:#eee; }
}



@media(max-width:1100px){
.m_only_disp .item_btn_area { height:75px; align-items:flex-end; }
.m_only_disp .item_btn_area { height:80px; align-items:flex-end; }


.m_only_disp { display:flex; flex-wrap:wrap; width:95%; max-width:95%; margin:0 auto; justify-content:space-between; }
.m_only_disp li { width:48%;  width:48%; margin:20px 1% 0;  background:#fff; border-radius:15px; overflow:hidden; border:1px solid #ddd; }
.m_only_disp li img { max-width:100%; margin:0 0 0px 0; }
.m_only_disp li .item_subject { font-size:13px; font-weight:normal; margin:5px 0 5px 0; display:block; }
.m_only_disp li .sns_icon span { display:inline-block; margin-right:5px; padding:2px 5px 3px 5px; font-size:11px; line-height:15px; font-weight:300; }
.m_only_disp li .sns_icon span.i_blog { border:1px solid #208700; color:#208700; }
.m_only_disp li .sns_icon span.i_instagram { border:1px solid #ff0055; color:#ff0055; }
.m_only_disp li .d_txt_1 { font-size:12px; color:#888; line-height:18px; height:54px; }
.m_only_disp li .d_txt_2 { font-size:12px; color:#222; }
.m_only_disp li .d_txt_2 strong { color:#ef2a23; font-weight:normal; }
.m_only_disp li .d_txt_3 { padding-top:10px; }
.m_only_disp li .d_txt_3 span { display:inline-block; margin-right:5px; border:1px solid #aaa; 
font-size:12px; border-radius:15px; line-height:15px; padding:2px 10px 4px; }
.m_only_disp li .d_txt_3 span.f_red { color:#ef2a23; }
.m_only_disp li .item_subject_2  { font-size:16px; font-weight:normal; text-align:center; margin:0 0 3px 0; }
.m_only_disp li .d_txt_2_2 { font-size:14px; color:#222; text-align:center; }
.colm3 li { width:31.33%; }
.colm4 li { width:48%; margin:20px 1% 0; }


.m_only_disp .item_btn_area { width:100%; padding:0 10px 10px; margin:0px auto 0; display:flex; flex-wrap:wrap;
justify-content:space-between;}
.m_only_disp .item_btn_area > a { display:inline-block; border:1px solid #ccc; 
 font-size:10px; line-height:15px; padding:4px 5px 5px 17px; margin-right:0px; 
white-space:nowrap;text-align:center; border-radius:0px; background:url('../image/icon_link.png') no-repeat; 
background-size:12px; background-position:5px center; flex-grow:1; }
.m_only_disp .item_btn_area > a:first-child {border-left:1px solid #ccc;}
.m_only_disp .item_btn_area > a:nth-child(2) { border-left:0; border-radius:0; }
.m_only_disp .item_btn_area > a.btn_point { padding:10px 0px 10px; background:#ff0042; border:0; color:#fff; width:100%; 
border-radius:5px; margin-top:5px; margin-right:0; font-size:14px;}


.m_only_disp .disp3_div { width:100%; margin:0px auto 10px; position:relative; border-top:1px solid #eee; padding:10px; height:130px; }
.m_only_disp .disp3_div a.btn_detail_view { position:absolute; top:5px; right:5px; display:block; font-size:11px;
border:1px solid #ddd; border-radius:3px; border-radius:0; padding:1px 0px 2px; letter-spacing:-1px; width:70px; height:22px; 
background:#fff; font-size:12px; color:#777; overflow:hidden; white-space:nowrap; text-align:center; }
.m_only_disp strong { display:block; font-size:14px; padding:0; font-weight:normal; line-height:120%; margin-bottom:10px; 
overflow:hidden; width:calc(100% - 0px); text-overflow:ellipsis; margin-top:25px; }
.m_only_disp .site_ment { font-size:11px; color:#888; padding:0;  line-height:13px; font-weight:300; height:auto; }
.m_only_disp .site_ment br { display:none; }
.m_only_disp .sellprice { font-size:12px; color:#ef2a23; padding:0; margin-top:5px; }


/*
.disp3_div a.btn_detail_view { width:100px; background:rgba(0,0,0,0.5); }
*/
}

.m_event_bn_one { width:1350px; margin:60px auto; }
.m_event_bn_one img { max-width:100%; }
@media(max-width:1100px){
.m_event_bn_one { width:100%; margin:30px auto; }
.m_event_bn_one .pc_ver { display:none; }
}

.m_event_bn { width:1350px; margin:60px auto; }
.m_event_bn ul { display:flex; justify-content:space-between; margin:20px 0; }
.m_event_bn ul li { margin-left:20px; }
.m_event_bn ul li:first-child { margin-left:0; }

@media(max-width:1100px){
.m_event_bn { width:90%; margin:40px auto 40px; }
.m_event_bn ul { display:block; justify-content:space-between; margin:0px 0; }
.m_event_bn ul li { margin-left:0px; margin:10px 0 }
.m_event_bn ul li:first-child { margin-left:0; }
}

.m_board { width:1350px; margin:50px auto; display:flex; justify-content:space-between; }
.m_board > div:nth-child(2) { margin:0 30px; }
.m_board .m_board_1 { width:400px; flex-shrink:0; }
.m_board .m_board_2 { border:1px solid #ddd; border-radius:10px; padding:30px; width:49%; }
.m_board .m_board_2 h2 { font-size:25px; margin-bottom:10px; display:flex; justify-content:space-between; align-items:center;  }
.m_board .m_board_2 h2 a.board_more { font-size:14px; text-decoration:underline; color:#999; }
.m_board .m_board_2 li { font-size:16px; display:flex; justify-content:space-between; align-items:center; padding:3px 0; height:32px; }
.m_board .m_board_2 li img { display:none; }
.m_board .m_board_2 li a { font-size:16px; }
.m_board .m_board_2 li a:hover { color:#aaa; }
.m_board .m_board_2 li span { color:#999; font-size:14px; }
@media(max-width:1100px){
.m_board { width:95%; margin:40px auto 20px;  display:block; }
.m_board > div:nth-child(2) { margin:10px auto; }
.m_board .m_board_1 { width:100%; flex-shrink:0; border-radius:5px; overflow:hidden; }
.m_board .m_board_1 img { width:100%; }
.m_board .m_board_2 { border:1px solid #ddd; border-radius:5px;  margin:10px auto; padding:20px; width:100%; }
.m_board .m_board_2 ul { overflow:hidden; height:189px; }
.m_board .m_board_2 h2 { font-size:18px; margin-bottom:10px; display:flex; justify-content:space-between; align-items:center;  }
.m_board .m_board_2 h2 a.board_more { font-size:12px; text-decoration:underline; color:#999; }
.m_board .m_board_2 li { display:flex; justify-content:space-between; align-items:center; padding:1px 0;  height:32px; } 
.m_board .m_board_2 li a { font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; }
.m_board .m_board_2 li a:hover { color:#aaa; }
.m_board .m_board_2 li span { color:#999; font-size:12px; }
}


.best_con { width:100%; background:#eee; padding:100px 0; }
.best_con h2 { text-align:center; font-size:30px; }
.best_con_in { width:1370px; margin:50px auto;  display:flex; justify-content:space-between; }
.best_con section { width:31.5%; padding:2px;border-radius:10px; border:0px solid #fff; background:#fff;
box-shadow:5px 5px 10px rgba(0,0,0,0.1); }

.best_con section:hover { 
        border:0px solid transparent;
        border-radius:10px;
        background-image:linear-gradient(#fff, #fff),linear-gradient(148deg, rgba(138,42,182,1) 0%, rgba(0,84,179,1) 100%);
        background-origin: border-box;
        background-clip: content-box, border-box;
		padding:2px;
		}

.best_con section .title { text-align:center; /* border-bottom:1px solid #ddd; */ padding:30px; }
.best_con section .title img { margin-bottom:10px; }
.best_con section .title p { display:block; font-size:30px; }
.best_con section .detail { font-size:16px; padding:20px; background:#f1f1f1; margin:0 30px 0px; border-radius:5px; }
.best_con section .total { text-align:center; margin:15px 0 30px; font-size:25px; border-radius:5px; font-weight:bold; }
.best_con section .total strong { color:#ff0000; font-size:35px;}



@media(max-width:1100px){

.best_con { width:100%; background:#eee; padding:50px 0; }
.best_con h2 { text-align:center; font-size:20px; }
.best_con_in { width:calc(100% - 15px); margin:20px auto;  display:block; }
.best_con section { width:95%; padding:2px;border-radius:10px; border:0px solid #fff; background:#fff; margin:20px auto;
box-shadow:5px 5px 10px rgba(0,0,0,0.1); }

.best_con section .title { text-align:center; /* border-bottom:1px solid #ddd; */ padding:20px 0 10px; }
.best_con section .title img { margin-bottom:10px; max-height:40px; }
.best_con section .title p { display:block; font-size:22px; }
.best_con section .detail { font-size:13px; padding:15px; background:#f1f1f1; margin:0 10px 0px; border-radius:5px; }
.best_con section .total { text-align:center; margin:5px 0 20px; font-size:20px; border-radius:5px; font-weight:bold; }
.best_con section .total strong { color:#ff0000; font-size:30px;}

}



.m_bn { background: rgb(0,84,179); background: linear-gradient(148deg, rgba(0,84,179,1) 0%, rgba(138,42,182,1) 100%); text-align:center; padding:0px 0;display:flex; align-items:center; justify-content:center;  height:100px; }
.m_bn a { display:flex; width:1380px; margin:0 auto; height:100%; align-items:center; justify-content:center;  }
.m_bn a p { color:#fff; line-height:20px; font-size:20px; display:block; }
.m_bn a span { letter-spacing:1px; margin-left:10px; display:block; color:#fff; border:1px solid #fff; padding:0px 10px; border-radius:15px;
height:30px; line-height:28px; white-space:nowrap; box-sizing:border-box; }

@media(max-width:1100px){
.m_bn {  text-align:center; padding:20px 0;display:flex; align-items:center; justify-content:center;  height:auto; }
.m_bn a { display:block; width:100%; margin:0px auto; height:auto; }
.m_bn a p { color:#fff; line-height:22px; font-size:16px; display:block; }
.m_bn a span { letter-spacing:1px; margin:10px auto 0; display:inline-block; color:#fff; border:1px solid #fff; padding:0px 30px; border-radius:15px;
height:32px; line-height:29px; white-space:nowrap; box-sizing:border-box; font-size:16px; font-weight:bold; }

}



.m_movie { width:100%; margin:100px auto; }
.m_movie h2 { font-size:30px; text-align:center; margin-bottom:30px; }
.m_movie_in { width:1380px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; }
.m_movie_con { width:31.5%; }
.m_movie_con img { width:100%; border-radius:10px; margin-bottom:15px; }
.m_movie_con p { font-size:19px; color:#555; }
@media(max-width:1100px){
.m_movie { width:100%; margin:40px auto; }
.m_movie h2 { font-size:25px; text-align:center; margin-bottom:0px; }
.m_movie_in { width:calc(100% - 15px); margin:10px auto 20px;  display:block; }
.m_movie_con { width:100%; margin:20px auto 40px; }
.m_movie_con img { width:100%; border-radius:10px; margin-bottom:10px; }
.m_movie_con p { font-size:16px; color:#222; }
}