
.mvisual li{line-height:0}
.mvisual li img{width:100%;}
.text_box{border-top:1px dashed #ddd;margin-top:10px;font-size:11px;padding-top:8px;}

#container .box0{overflow:hidden;margin-top:10px;padding:20px;background:#fff}
#container .box0_board{overflow:hidden;margin-top:10px;padding:10px 20px;background:#fff}
#container .box0_board .board_txt{ width: 100%; height: 21px; display: block;}
#container .box0_board .board_txt p{ float: left;}
#container .box0_board .board_txt a{ float: right;}
#container .box0_board .board_txt a img{ width: 21px; }

#container .box1{overflow:hidden;margin-top:10px;padding:10px 0;background:#fff;}
#container .box1 .quick_list_01{margin:0 auto;width:75%;}
#container .box1 .quick_list_01,#container .box .quick_list_02{overflow:hidden;}
#container .box1 .quick_list_01 li{float:left;width:33.3%;text-align:center;}
#container .box1 .quick_list_02 li{float:left;width:25%;text-align:center;}
#container .box1 ul li a{display:block;padding:10px 0}
#container .box1 ul li a .title{font-size:12px;}
#container .box1 ul li a .thumbnail{overflow:hidden;}
#container .box1 ul li a .thumbnail img{width:80px;height:80px;border-radius:40px;}

#container .box2{overflow:hidden;margin-top:10px;padding:0;background:#fff;}
#container .left{position:relative;float:left;width:50%;overflow:hidden;text-align:center;}
#container .right{position:relative;float:right;width:50%;text-align:center;}
#container .left img{width:100%;vertical-align:middle;}
#container .right img{width:100%;vertical-align:middle;}

#container .box3{overflow:hidden;margin-top:10px;background:#fff;}
#container .box3 a{display: block; width: 100%; line-height: 0px; font-size: 0px; float: left;}
#container .box3 .box3_small a{display: block; width: 50%; line-height: 0px; font-size: 0px; float: left;}

#container .square_title{padding:10px;position: relative;}
#container .square_title .spot{width:60px;height:60px;background:#2d508a;border-radius:30px;text-align:center;line-height:60px;font-size:10px;font-weight:900;color:#fff;position:absolute;top:-30px;right:20px;}

#container .square_thumb_main{height:0px;padding-bottom:50%;overflow:hidden;position:relative;}
#container .square_thumb_main img{width:100%;vertical-align:middle;}
#container .square_thumb_main .thumb_img{position:absolute;top:50%;left:50%;}

#container .square_thumb{height:0px;padding-bottom:20%;overflow:hidden;}
#container .square_thumb img{width:100%;vertical-align:middle;}
#container .square_thumb .thumb_img{position:absolute;top:50%;left:50%;}

#container .square_link{overflow:hidden;}
#container .square_link li{float:left;width:50%;}
#container .square_link li a{display:block;height:46px;border-right:1px solid #ddd;line-height:43px;text-indent:20px;background:url(/m/images/ico_arrow.gif) no-repeat 90% center;}
#container .square_link li a.even{border-right:0;}
#container .square_link li a.top{border-bottom:1px solid #ddd;}


#container .square_link2{overflow:hidden;}
#container .square_link2 li{float:left;width:50%;}
#container .square_link2 li a{display:block;height:96px;border-right:1px solid #ddd;line-height:30px;padding:20px;text-align:center;}
#container .square_link2 li a .common_ico{width:60px;height:60px;border-radius:30px;}
#container .square_link2 li a.even{border-right:0;}
#container .square_link2 li a.top{border-bottom:1px solid #ddd;}


.margin{margin:30px;}
.abbox{position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-60px;width:120px;height:54px;text-align:center;line-height:18px;padding-left:15px;}

.latest_board li{overflow:hidden;padding-top:10px;}
.latest_board li a{ font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}
.latest_board li span{font-size:12px;float:right;}

.swiper-container{width:320px;height:140px;}
.swiper-container .swiper-wrapper .swiper-slide{width:120px!important;}
.swiper-container .swiper-wrapper .swiper-slide a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120px;text-align:center;position:relative;height:120px;}
.swiper-container .swiper-wrapper .swiper-slide a img{width:100%;vertical-align:middle;}
.contents{font-size:13px;letter-spacing:-0.5px; line-height: 20px;}
.contents .click{ width: 100%; height: 28px; font-size: 14px; color: #fff; background-color: #164789; display: block; text-align: center; line-height: 28px; margin: 10px 0 20px 0;}

.table1{width:100%;border-collapse:collapse;border:1px solid #ddd;margin-top:10px;border-top:2px solid #666;border-right:0;border-left:0;font-size:14px;}
.table1 th,.table1 td{border-bottom:1px solid #ddd;padding:10px;}
.table1 td{font-size:12px!important;}
.table1 th:last-child,.table1 td:last-child{border-right:0!important;}
.table1 th:first-child,.table1 td:first-child{border-left:0!important;}

.sub13_table{width:100%;border-collapse:collapse;}
.sub13_table td{padding:10px;}

.sub4_table{border-collapse:collapse;}
.sub4_table th{padding:10px; color: #00aa86;}
.sub4_table td{padding:10px;}

.contents h3{ font-size: 16px; font-weight:normal; }
.contents h4{ font-size: 14px; font-weight:normal; }
.contents h3 strong{ font-weight: bold; }
.icon01{ color: #dfdfdf; padding-right: 5px;}
.contents .gray_line{ width: 50px; height: 3px; margin:10px 0px; background-color:#e5e5e5; display: block;   }


/*피톤치드시공 서브*/
.sub4_c1{color: #00aa85;}
.sub4_c2{color: #1892d3;}
.sub4_c3{color: #65bd2b;}


.fee_table{font-size: 12px;border-collapse: separate; border-spacing: 0px;  border-left:1px solid #eee; color:#333; margin-top: 10px;}
.fee_table th{padding:5px;border-bottom: 1px solid #ddd; border-right:1px solid #eee; color:#333; background: #fafafa;border-top: 2px solid #666;}
.fee_table td{padding:5px;border-bottom: 1px solid #ddd; color:#666;border-right:1px solid #eee;}
.align_center td{text-align: center;}




.width_big{width:auto!important;position:absolute;left:50%;height:100%!important;}
.height_big{position:absolute;left:0;}



@media screen and (max-width:359px){
	#container .box1 ul li a .thumbnail img{width:70px;height:70px;border-radius:35px;}
	.margin{margin:20px;}
	.abbox{padding-left:10px;}
}

  @media screen and (max-width:414px){
    .swiper-container{width:374px;}
  }
  @media screen and (max-width:375px){
    .swiper-container{width:335px;}
  }
  @media screen and (max-width:360px){
    .swiper-container{width:320px;}
  }
   @media screen and (max-width:320px){
    .swiper-container{width:280px;}
  }