#contents { width:100%;max-width:100%; }

.main_slide_img { width:100%; text-align:center; margin:0px auto 0px; }
.swiperpc { height:500px; }
.swiperpc .swiper-slide { height:500px; }
.swiperpc .swiper-slide img { height:500px; object-fit:cover; }

@media(max-width:900px){
.main_slide_img { height:auto; }
.swipermobile { width:100%; }
.swipermobile img { width:100%; }

}





.titleArea { padding:20px 0px;  color:#222; margin:80px auto 0;  max-width:1400px; }
.titleArea h2 { font-size:25px; margin-bottom:10px; }
.titleArea h2 span { color:#888; font-size:18px; font-weight:300; margin-left:10px; } 

@media(max-width:900px){
.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; } 
}

.disp_type_1 { display:flex; flex-wrap:wrap; width:95%; max-width:1410px; margin:0 auto; }
.disp_type_1 li { width:19%; margin:0 0.5%; padding:10px 0 20px; }
.disp_type_1 li img { max-width:100%; border-radius:10px; 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:24%; margin:0 0.5%; }

.disp_type_1 .item_btn_area { margin-top:20px; 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:13px; line-height:15px; padding:10px 10px 11px;
white-space:nowrap;text-align:center; border-left:0; flex-grow:1 }
.disp_type_1 .item_btn_area > a:first-child {border-left:1px solid #ddd;}
.disp_type_1 .item_btn_area > a.btn_point { background:#ef2a23; border:0; color:#fff; }


.disp_type_1 .disp3_div { height:93px; }
.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:120%;}
.disp_type_1 .sellprice { font-size:14px; color:#ef2a23; padding:0; margin-top:3px; }




@media(max-width:900px){
.colm3 li { width:100%; }
}



.disp_type_3 { display:flex; flex-wrap:wrap; width:95%; max-width:1410px; margin:0 auto; }

.disp_type_3 li { width:24%; margin:0 0.5% 15px; border:1px solid #ddd; }
/*
.disp_type_3 li { width:19%; margin:0 0.5% 15px; border:1px solid #ddd; }
*/
.disp_type_3 .item_btn_area { padding:0px ; display:flex; justify-content:space-between; }
.disp_type_3 .item_btn_area > a { width:33.3333%; display:inline-block; border:1px solid #ddd;
border-bottom:0; border-left:0; font-size:13px; line-height:15px; padding:10px 10px 11px;
white-space:nowrap;text-align:center; flex-grow:1; }
.disp_type_3 .item_btn_area > a.btn_point { background:#ef2a23; border:0; color:#fff; }
.disp_type_3 img { margin-bottom:15px; max-width:100%; }
.disp_type_3 .disp3_div { height:120px; }
.disp_type_3 strong { display:block; font-size:16px; padding:0 15px; font-weight:normal; line-height:120%; margin-bottom:10px; }
.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:900px){

.disp_type_3 { max-width:auto;}
.disp_type_3 li { width:48%; margin:0 1% 15px; border:1px solid #ddd; }
.disp_type_3 .item_btn_area { padding:0px; display:flex; flex-wrap:wrap; justify-content:space-between; }
.disp_type_3 .item_btn_area > a { width:50%; display:inline-block; border:1px solid #ddd;
border-bottom:0; border-left:0; font-size:13px; line-height:15px; padding:10px 10px 11px;
white-space:nowrap;text-align:center; }
.disp_type_3 .item_btn_area > a:nth-child(2) { border-right:0; }
.disp_type_3 .item_btn_area > a.btn_point { background:#ef2a23; border:0; color:#fff; width:100%; }
.disp_type_3 img { margin-bottom:0px; max-width:100%; }
.disp_type_3 .disp3_div { height:120px; padding:7px; }
.disp_type_3 strong { display:block; font-size:14px; padding:0px; font-weight:normal; line-height:120%; margin-bottom:5px; }
.disp_type_3 .site_ment { font-size:12px; color:#888; padding:0px;  line-height:120%; max-height:44px; overflow:hidden; }
.disp_type_3 .site_ment br { display:none; }
.disp_type_3 .sellprice { font-size:12px; color:#ef2a23; padding:0px; 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; }


.tabcont {display: none;padding:20px 0px;color:black; min-height:600px; }
ul.tab li.on{}
.tabcont.on {display: block;}



.tabcont .help_txt { border:1px solid #ddd; width:100%; padding:20px 40px; font-size:16px; margin-bottom:20px; }
.tabcont .help_txt a { display:inline-block; border:1px solid #aaa; padding:3px 10px; margin-left:20px; }
.tabcont .help_txt a:hover { border:1px solid #555; }

.tabcont h3 { font-size:25px; }
.main_bbs_list { border:1px solid #ddd; padding:20px 40px; margin-top:20px; }
.main_bbs_list li { border-bottom:1px solid #ddd; padding:10px 0; font-size:20px; }
.main_bbs_list li:last-child { border-bottom:0; }
.main_bbs_list li a { font-size:20px; }
.main_bbs_list li { display:flex; justify-content:space-between; }
.main_bbs_list li span:nth-child(1) { flex-grow:1 }
.main_bbs_list li span:nth-child(2) { padding:0 30px; font-size:16px }
.main_bbs_list li span:nth-child(3) { text-align:right; font-size:16px }


.main_gallery_list { border:1px solid #ddd; padding:20px 40px; margin-top:20px; display:flex; flex-wrap:wrap; }
.main_gallery_list li { flex-basis:33.333%; padding:10px 0; font-size:20px; text-align:center; }
.main_gallery_list li span { display:block; padding:5px 0 0 0; }
.main_gallery_list li span:nth-of-type(2) { font-size:16px; display:none; }
.main_gallery_list li span:nth-of-type(3) { font-size:16px;display:none; }

/* 고객지원 */
.tabcont .contact_form .inner { color:#222; }
.tabcont .contact_form h3 { font-size:35px;  color:#222; letter-spacing:-1px; margin-bottom:30px }
.tabcont .contact_form .input_box { width:100%; text-align:left; display:flex; align-items:center;  padding:15px 0; 
border-bottom:1px solid #e5e5e5; }
.tabcont .contact_form .input_box .label { display:block; margin-bottom:5px;  font-size:16px; width:180px; flex-shrink:0; color:#222; 
padding-left:20px; }
.tabcont .contact_form .input_box input[type="text"],
.tabcont .contact_form .input_box input[type="file"],
.contact_form .input_box select
{ border:1px solid #ddd; border-radius:1px; line-height:38px; height:40px; font-size:16px; 
color:#222; padding:0 5px; box-sizing:border-box; background:#fff !important; width:600px; }
.tabcont .contact_form .input_box .required_i { display:inline-block; color:#dd0000; margin-left:5px; }
.tabcont .contact_form .input_box .flex3 { display:flex; align-items:center;  flex-grow:1; }
.tabcont .contact_form .input_box .flex3 input[type="text"],
.tabcont .contact_form .input_box .flex3 select
{ width:196px; }
.tabcont .contact_form .input_box .add2 { width:100%; }
.tabcont .contact_form .input_box .add2 input { margin-bottom:7px; width:350px; }
.tabcont .contact_form .input_box .add2 input:last-child { margin:0; }
.tabcont .contact_form .input_box .add2 .add2_flex2 { display:flex; }
.tabcont .contact_form .input_box .add2 > input { margin-bottom:7px; width:405px; }
.tabcont .contact_form .input_box .guide_txt { padding-left:20px; color:#666; font-size:14px; }

.tabcont .search_add { background:#eee;  border-radius:5px; white-space:nowrap; height:40px; line-height:40px; margin-left:5px; padding:0 10px; font-size:16px; }
.tabcont .contact_form .phone input,
.tabcont .contact_form .phone select { margin:0 0 0 5px; }
.tabcont .contact_form .phone select:first-child { margin-left:0; }
.tabcont .contact_form .sangdam_title1 input { width:100%; }
.tabcont .contact_form .memo textarea { border:1px solid #ddd;  line-height:30px; height:200px; font-size:18px; color:#222; padding:5px; box-sizing:border-box; background:#fff; width:100%; }
.tabcont .contact_form .btn_area { text-align:center; }
.tabcont .contact_form .btn_area .button { background:#0091a2; border:none; width:300px; height:50px; font-size:20px; border-radius:10px; cursor:pointer; margin:0 auto; }
.tabcont .contact_form .agree_check { display:flex; justify-content:center; align-items:center; color:#555; width:90%; margin:20px auto;}
.tabcont .contact_form .agree_check [type="checkbox"] { width:22px; height:22px; }
.tabcont .contact_form .agree_check label { font-size:16px; margin-left:5px; }
.tabcont .contact_form .agree_check .btn_detail { background:#222; border-radius:10px; color:#fff; padding:2px 10px 4px; margin-left:10px; font-size:14px; }
.tabcont .btn_submit { display:inline-block;  margin:20px auto 0; background:#327ac3; color:#fff; font-size:18px; 
 padding:6px 20px 7px; width:200px; border-radius:5px; border:0; font-weight:500; cursor:pointer; }


/*
@media(max-width:900px){


.tabcont .page_cs { padding:30px 0; display:block; justify-content:space-between; }
.tabcont .page_cs > div:first-child { font-size:20px; margin-right:0px; line-height:130%;padding-bottom:30px; width:95%; margin:0 auto; }
.tabcont .contact_form .inner { color:#222;  width:100%; background:#f5f5f5; border-radius:20px; padding:30px  }
.tabcont .contact_form h3 { font-size:35px;  color:#222; letter-spacing:-1px; margin-bottom:30px }
.tabcont .contact_form .input_box { width:100%; text-align:left; display:flex; align-items:center;  padding:7px 0; }
.tabcont .contact_form .input_box .label { display:block; margin-bottom:5px;  font-size:14px; width:90px; flex-shrink:0; color:#222; }
.tabcont .contact_form .input_box input[type="text"], .contact_form .input_box select
{ border:1px solid #ddd;  line-height:35px; height:35px; font-size:18px; color:#222; padding:0 5px; box-sizing:border-box; background:#fff !important; width:100%; }
.tabcont .contact_form .input_box .required_i { display:inline-block; color:#dd0000; margin-left:5px; }
.tabcont .contact_form .input_box .flex3 { display:flex; align-items:center;  flex-grow:1; }
.tabcont .contact_form .input_box .add2 { width:100%; }
.tabcont .contact_form .input_box .add2 input { margin-bottom:7px; width:350px; }
.tabcont .contact_form .input_box .add2 input:last-child { margin:0; }
.tabcont .contact_form .input_box .add2 .add2_flex2 { display:flex; }
.tabcont .contact_form .input_box .add2 > input { margin-bottom:7px; width:405px; }
.tabcont .search_add { background:#eee;  border-radius:5px; white-space:nowrap; height:40px; line-height:40px; margin-left:5px; padding:0 10px; font-size:16px; }
.tabcont .contact_form .phone input,
.tabcont .contact_form .phone select { margin:0 0 0 5px; }
.tabcont .contact_form .phone select:first-child { margin-left:0; }
.tabcont .contact_form .sangdam_title1 input { width:100%; }
.tabcont .contact_form .memo textarea { border:1px solid #ddd;  line-height:30px; height:150px; font-size:18px; color:#222; padding:5px; box-sizing:border-box; background:#fff; width:100%; }
.tabcont .contact_form .btn_area { text-align:center; }
.tabcont .contact_form .btn_area .button { background:#0091a2; border:none; width:300px; height:50px; font-size:20px; border-radius:10px; cursor:pointer; margin:0 auto; }
.tabcont .contact_form .agree_check { display:flex; justify-content:center; align-items:center; color:#555; width:90%; margin:20px auto;}
.tabcont .contact_form .agree_check [type="checkbox"] { width:22px; height:22px; }
.tabcont .contact_form .agree_check label { font-size:16px; margin-left:5px; }
.tabcont .contact_form .agree_check .btn_detail { background:#222; border-radius:10px; color:#fff; padding:2px 10px 4px; margin-left:10px; font-size:14px; }
.tabcont .btn_submit { display:inline-block;  margin:0px auto 0; background:#e40000; color:#fff; font-size:18px; 
 padding:8px 30px 9px; width:200px; border-radius:10px; border:0; font-weight:500; cursor:pointer; }

 }



*/





















































.main_item_list_type1 { width:100%; max-width:1300px; margin:0px auto 50px;  }
.main_item_list_type1 > ul { }
.main_item_list_type1 > ul > li { display:flex; margin:10px 0 30px 0; }
.main_item_list_type1 .item_image { width:600px; flex-shrink:0; }
.main_item_list_type1 .item_image img { width:100%; }
.main_item_list_type1 .item_detail { background:#f5f5f5; flex-grow:1; padding:40px 50px; position:relative; }
.main_item_list_type1 .item_detail_area li { margin-bottom:10px; font-size:18px; color:#777; }
.main_item_list_type1 .item_detail_area li strong { font-size:30px; font-weight:500; color:#222; }
.main_item_list_type1 .item_detail_area .sellprice { color:#e90000; font-size:16px; }
.main_item_list_type1 .item_btn_area { display:flex; position:absolute; bottom:40px; left:50px; }
.main_item_list_type1 .item_btn_area li { margin-left:10px; }
.main_item_list_type1 .item_btn_area li:first-child { margin:0; }
.main_item_list_type1 .item_btn_area li a { display:block; font-size:16px; background:#999; color:#fff; padding:9px 0 10px 0px; width:140px; text-align:center; }
.main_item_list_type1 .item_btn_area li a.btn_point { background:#004ca1;  }

.main_item_list_type2 { width:100%; max-width:1300px; margin:50px auto; }
.main_item_list_type2 > ul { display:flex; flex-wrap:wrap; justify-content:space-between;  }
.main_item_list_type2 > ul > li { width:630px; /*width:415px;*/ border:1px solid #ddd; margin:0 0 30px 0; }
.main_item_list_type2 .item_image { width:100%; ; }
.main_item_list_type2 .item_image img { width:100%; }
.main_item_list_type2 .item_detail { padding:30px; position:relative; }
.main_item_list_type2 .item_detail_area li {  font-size:18px; color:#777; }
.main_item_list_type2 .item_detail_area li strong { font-size:25px; font-weight:500; color:#222; }
.main_item_list_type2 .item_detail_area .sellprice { color:#e90000; font-size:16px; margin-top:10px; }
.main_item_list_type2 .item_btn_area { margin-top:20px; display:flex; }
.main_item_list_type2 .item_btn_area li { margin-left:10px; }
.main_item_list_type2 .item_btn_area li:first-child { margin:0; }
.main_item_list_type2 .item_btn_area li a { display:block; font-size:16px; background:#999; color:#fff; padding:9px 0 10px 0px; width:140px; text-align:center; }
.main_item_list_type2 .item_btn_area li a.btn_point { background:#004ca1;  }

.main_banner1 { padding:20px 0; text-align:center; }
.main_banner1 img { max-width:100%; }


.portfolio_list { width:100%; max-width:1300px; margin:50px auto; }
.portfolio_list > ul { display:flex; flex-wrap:wrap; /* justify-content:space-between; */  }
.portfolio_list > ul > li { width:302px; border:1px solid #ddd; padding-bottom:20px; text-align:left; 
margin-left:30px;  margin-bottom:30px; }
.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:0; }
.portfolio_list img { max-width:300px; margin-bottom:15px; }
.portfolio_list strong { display:block; font-size:20px; padding:0 15px; }
.portfolio_list > ul > li p { font-size:16px; color:#666; padding:0 15px 0 35px;  background:url('../image/icon_link.png') no-repeat; 
background-size:14px; background-position:15px 5px; }


.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; }




/* 메인 확장용 */
.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%; }


@media(max-width:800px){

.swiperpc { display:none; }
.swipermobile { display:block; }


.main_item_list_type1 { width:100%; max-width:100%; margin:0px auto 20px;  }
.main_item_list_type1 > ul { }
.main_item_list_type1 > ul > li { display:flex; flex-wrap:wrap; margin:10px 0 30px 0; }
.main_item_list_type1 .item_image { width:100%; flex-shrink:0; }
.main_item_list_type1 .item_image img { width:100%; }
.main_item_list_type1 .item_detail { background:#f5f5f5; flex-grow:1; padding:20px 25px; position:relative; }
.main_item_list_type1 .item_detail_area { width:100%; }
.main_item_list_type1 .item_detail_area li { margin-bottom:4px; font-size:16px; color:#777; }
.main_item_list_type1 .item_detail_area li strong { font-size:20px; font-weight:500; color:#222; }
.main_item_list_type1 .item_detail_area .sellprice { color:#e90000; font-size:16px; }
.main_item_list_type1 .item_btn_area { width:100%; display:flex; position:relative; bottom:0px; left:0px; margin-top:10px; }
.main_item_list_type1 .item_btn_area li { margin-left:5px; flex-grow:1; }
.main_item_list_type1 .item_btn_area li:first-child { margin:0; }
.main_item_list_type1 .item_btn_area li a { display:block; font-size:16px; background:#999; color:#fff; padding:4px 0px 5px; width:auto; text-align:center;white-space:nowrap; }
.main_item_list_type1 .item_btn_area li a.btn_point { background:#004ca1;  }

.main_item_list_type2 { width:95%; max-width:100%; margin:20px auto; }
.main_item_list_type2 > ul { display:flex; flex-wrap:wrap; justify-content:space-between;  }
.main_item_list_type2 > ul > li { width:100%; /*width:415px;*/ border:1px solid #ddd; margin:0 0 30px 0; }
.main_item_list_type2 .item_image { width:100%; ; }
.main_item_list_type2 .item_image img { width:100%; }
.main_item_list_type2 .item_detail { padding:15px 20px; position:relative; }
.main_item_list_type2 .item_detail_area li { font-size:14px; color:#777; }
.main_item_list_type2 .item_detail_area li strong { font-size:20px; font-weight:500; color:#222; }
.main_item_list_type2 .item_detail_area .sellprice { color:#e90000; font-size:16px; margin-top:10px; }
.main_item_list_type2 .item_btn_area { margin-top:20px; display:flex; }
.main_item_list_type2 .item_btn_area li { margin-left:5px; flex-grow:1;  }
.main_item_list_type2 .item_btn_area li:first-child { margin:0; }
.main_item_list_type2 .item_btn_area li a { display:block; font-size:16px; background:#999; color:#fff; padding:4px 0px 5px; width:auto; text-align:center; white-space:nowrap; }
.main_item_list_type2 .item_btn_area li a.btn_point { background:#004ca1;  }

.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; }



}


.cu_de { cursor:default; }