@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap');

.content h4{ font-size:20px; font-weight:700; color:#2a2a2a; margin-bottom:20px;}
.content h4:after{ display: block; content:""; width: 40px; height: 3px; background:#083f88; margin-top:13px;}
.content h5{ font-size:18px; font-weight:700; color:#083f88; margin-bottom:20px; }
.content h6{ font-size:16px; font-weight:700; color:#484848; margin-bottom:20px;  }

.content h4 .unit{font-size:16px; float:right; font-weight:300;}

.content p.text{ color:#3b3b3b; font-size:14px; font-weight:300; word-break: keep-all; line-height: 1.3 }
.content p.color01{ color: #000 } 
.content p.color02{ color: #d22500 }
.content p.color03{ color: #475397 }
@media all and (min-width:768px){
	
	.content h4{ font-size:22px; }
	.content h5{ font-size:20px; }
	.content h6{ font-size:18px; }
	.content p.text{ font-size:18px;}	
}
@media all and (min-width:1024px){
	.content h4{ font-size:24px; }
	.content h5{ font-size:22px; }
	.content h6{ font-size:20px; }
}

.content img{ max-width:100% !important }

/*리스트타입*/
.list_basic > li{ position:relative; color:#686868; line-height:150%; font-size:16px;  padding-left:16px;  }
.list_basic > li.no_bullet{ padding-left:0px; background:none !important; margin-top:5px; }
.list_basic > li.no_bullet:after{ display:none;}
.list_basic > li:after{ position:absolute; display:block; content:""; left:0; top:12px;}
.lt01 > li:after{  width:10px; height:2px; background:#000;}
.lt02 > li:after{  width:10px; height:2px; background:#b6b6b6;}
.lt03 > li:after{  width:6px; height:6px; background:#409700; left:3px; top:10px; border-radius:10px;}
.lt04 > li:after{  width:6px; height:6px; background:#000; left:3px; top:10px; border-radius:10px;}

.ol_basic > li{ position:relative; padding-left:40px; color:#686868; padding-top:5px; min-height:30px; margin-bottom:5px;}
.ol_basic > li:after{ display:block; content:"1"; width:30px; height:30px; color:#fff; background:#000; position:absolute; left:0; top:0; border-radius:30px;}
.ol_basic > li:after{ text-align:center; line-height:30px; font-size:17px;}
.ol_basic > li:nth-child(1):after{  content:"1";}
.ol_basic > li:nth-child(2):after{  content:"2";}
.ol_basic > li:nth-child(3):after{  content:"3";}
.ol_basic > li:nth-child(4):after{  content:"4";}
.ol_basic > li:nth-child(5):after{  content:"5";}
.ol_basic > li:nth-child(6):after{  content:"6";}
.ol_basic > li:nth-child(7):after{  content:"7";}
.ol_basic > li:nth-child(8):after{  content:"8";}
.ol_basic > li:nth-child(9):after{  content:"9";}
.ol_basic > li:nth-child(10):after{  content:"10";}
.ol_basic > li:nth-child(11):after{  content:"11";}
.ol_basic > li:nth-child(12):after{  content:"12";}
.ol_basic > li:nth-child(13):after{  content:"13";}
.ol_basic > li:nth-child(14):after{  content:"14";}
.ol_basic > li:nth-child(15):after{  content:"15";}

.ot01 > li:after{ background:#83ad12}
.ot02 > li:after{ background:#d62020}
.ot03 > li:after{ background:#5183de}
.ot04 > li:after{ background:#858585}

.tab_s:after {content:"  "; display:block; clear:both;}
.tab_s ul {width:100%; font-size:0; margin-bottom:25px }
.tab_s ul:after {content:"  "; display:block; clear:both;}
.tab_s ul li {display:inline-block; float:left;}
.tab_s ul li a {display:block; position: relative; padding:17px 25px; margin-bottom:-1px; margin-right: -1px; z-index: 1;  text-align:center; color:#3a3a3a; font-size:14px; letter-spacing: -0.64px; border-left:1px solid #898989; border-top:1px solid #898989; border-right:1px solid #898989; border-bottom: 1px solid #898989; white-space: nowrap; background-color:#fff; }
.tab_s ul li.active a:before,
.tab_s ul li:hover a:before {content: ""; position: absolute; top:-1px; left:0; width:100%; height: 1px; background: #008936;}
.tab_s ul li.active a, .tab_s ul li:hover a { color:#3a3a3a; background-color:#f5fff9; border-left:1px solid #008936; border-top:1px solid #008936; border-right:1px solid #008936; border-bottom: 1px solid #008936 !important; z-index: 5;}
@media screen and (max-width: 639px) and (min-width: 1px){
.tab_s ul{ position:relative; min-height:36px; transition:0.5s}
.tab_s ul li {display:block; float:none; position:absolute; width:100%;}
.tab_s ul li.active a { background:#f5fff9 url(../img/sub/open.png) 95% center no-repeat; }
.tab_s ul li a{ padding:10px 0; }
.tab_s ul.open{ }
.tab_s ul.open li{ position:relative; transition:0.5s}
.tab_s ul.open li.active a { background:#f5fff9}
}
@media screen and (max-width: 768px) and (min-width: 640px){
.tab_s ul li {display:inline-block; float:left; width:33.333%}
.tab_s ul li a{ padding:17px 0; }
}

.tc01{ color:#000 !important}
.tc02{ color:#25724c !important}
.tc03{ color:#fe3c3c !important}
.tc04{ color:#2b86ec !important}

/*상태표시*/
.state{ font-size:11px; padding:4px 14px 6px;}
.state_fin{ border:#393939 solid 1px; background:#444; color:#fff } 
.state_ing{ border:#1552b8 solid 1px; background:#3788f6; color:#fff } 
.state_be{ border:#dcb666 solid 1px; background:#ffd800; color:#575757 } 


/*컨텐츠용버튼*/
.btn_con{ display:inline-block; background-color:#fff;  background-position:90% center; background-repeat:no-repeat; padding:15px 50px 15px 15px ;  font-size:14px; color:#000; border:#393939 solid 1px}
.btn_con:hover{ background-color:#fff;  background-position:90% center; background-repeat:no-repeat; border:#429c00 solid 1px}
.btn_open{ background-image:url(../img/sub/open.png); }
.btn_open:hover{ background-image:url(../img/sub/open_on.png);  }
.btn_close{ background-image:url(../img/sub/close.png); }
.btn_close:hover{ background-image:url(../img/sub/close_on.png); }
.btn_more{ background-image:url(../img/sub/more.png); }
.btn_more:hover{ background-image:url(../img/sub/more_on.png); }
.btn_down{ background-image:url(../img/sub/down.png); }
.btn_down:hover{ background-image:url(../img/sub/down_on.png); }
.btn_link { background-image:url(../img/sub/blank.png); }
.btn_link:hover{ background-image:url(../img/sub/blank_on.png); }

.btn_small{ margin: 3px 0 3px 15px; padding:2px 25px 0px 8px; background-repeat:no-repeat; background-position:90% center; background-size:20%; font-size:11px }
.btn_small:hover{ background-repeat:no-repeat; background-position:90% center; background-size:20%; }




/*기본테이블*/
.basic_table { width:100%; border-collapse:collapse; border-top:2px solid #083f88;}
.basic_table:after { display:block; visibility:hidden; clear:both; content:"" }
.basic_table thead tr th{ border-bottom:#083f88 solid 1px !important  }
.basic_table thead tr th,.basic_table thead tr td {padding:15px 10px; border-bottom:#ccc solid 1px;  border-right: #ccc solid 1px;}
.basic_table tbody tr th,.basic_table tbody tr td {padding:15px 10px; border-bottom:#ccc solid 1px; border-right: #ccc solid 1px; border-left: #ccc solid 1px;}
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0 !important}
.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0 !important}
.basic_table th { font-size:18px; color:#686868; background-color:#f9f9f9; vertical-align:middle;   }
.basic_table td { font-size:16px; color:#676767;  line-height:150%; text-align:left;  vertical-align:middle}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table td.red{ color:#F00}
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.border_none{ border-right:none;}
@media all and (max-width:640px){
.basic_table th { font-size:16px;  background-color:#f9f9f9; vertical-align:middle }
.basic_table td { font-size:14px;  line-height:150%; text-align:center;  vertical-align:middle}
}

.tbl_st01 th{ background:#397bdf; color:#fff}
.basic_table.tbl_st01 thead tr th,.basic_table.tbl_st01 thead tr td {padding:10px; border-bottom:#4f4f4f solid 1px;  border-right: #4f4f4f solid 1px;}
.basic_table.tbl_st01 tbody tr th,.basic_table.tbl_st01 tbody tr td {padding:10px; border-bottom:#4f4f4f solid 1px; border-right: #4f4f4f solid 1px; border-left: #4f4f4f solid 1px;}


.img_box_wrap{ }
.img_box_wrap:after{ display:block; content:""; clear:both }
.img_wrap{ text-align:center}
.img_wrap img{ max-width:100%; }
.img_wrap .exp_img{ display:block; padding:10px 0; }
.img_box_wrap .con_title{ display:block; font-size:20px; color:#686868; line-height:140%;}
@media screen and (min-width:640px){
.img_wrap{ float:left; margin-right:25px; text-align:left  }
}

/*반응형테이블*/
.responsive{ min-width:600px; }
.scroltable-wrapper {  position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-nav {  display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left {  left: 0;   background: url(../img/sub/arrow-left.png) no-repeat left 20%, linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0;  background: url(../img/sub/arrow-right.png) no-repeat right  20%, linear-gradient(to right, rgba(255,255,255,0), #fff);}

/*아코디언메뉴*/
.accordian > ul{ border:#d8d8d8 solid 1px;}
.accordian > ul > li{ position:relative;}
.accordian > ul > li:before{ position:absolute; right:18px; top:23px; margin-top:-11px; display:block; content:""; width:4px; height:18px; background:#444444;  transition:0.3s  }
.accordian > ul > li:after{ position:absolute; right:11px; top:23px; margin-top:-4px; display:block; content:""; width:18px; height:4px; background:#444444;  transition:0.5s }
.accordian > ul > li.active:before{ top:23px; opacity:1; transform:rotate(270deg)}
.accordian > ul > li.active:after{ position:absolute; right:11px; top:23px; margin-top:-4px; display:block; content:""; width:18px; height:4px; background:#444444;transform:rotate(180deg);  transition:0.5s }
.accordian > ul > li > span{ position:relative; display:block; padding:13px 5px 13px 40px;  border-bottom:#d8d8d8 solid 1px;}
.accordian > ul > li:last-child > span{ border-bottom:none;}
.accordian > ul > li.active:last-child > span{ border-bottom:#d8d8d8 solid 1px;}
.accordian > ul > li.active:last-child > ul{  border-bottom:none;}
.accordian > ul > li > span:before{ display:block; content:""; border:#5f9b15 solid 6px; border-radius:20px;  width:5px; height:5px; position:absolute; left:15px; top:13px;  } 
.accordian > ul > li > ul{  padding:15px 20px;  background:#f8f8f8;  border-bottom:#d8d8d8 solid 1px; overflow:hidden; }
.accordian > ul > li.active > ul{ display:block; }
.accordian > ul > li > ul > li{ float:left; width:48.5%; margin-right:3%; font-size:12px; margin-bottom:3%; }
.accordian > ul > li > ul > li:nth-child(2n){ margin-right:0; }
.accordian > ul > li > ul > li:last-child{ margin-bottom:0;}
.accordian > ul > li > ul > li > a{ display:block; padding:10px;  border:#393939 solid 1px; background:#fff;}
@media screen and (min-width:768px){
.accordian > ul > li:before,.accordian > ul > li:after{ display:none !important}
.accordian > ul > li > span{ border-bottom:0;}
.accordian > ul > li > ul > li{ width:auto; font-size:14px;  margin-right:15px;  margin-bottom:0;}	
.accordian > ul > li > ul > li:nth-child(2n){ margin-right:15px; }
.accordian > ul > li > ul{  padding:15px 20px;  background:#fff; overflow:hidden; }
}


/*컨텐츠내용시작*/

.greeting{overflow:hidden}
.greeting img{ max-width:100%; }
.greeting p.title{ color:#323232; font-family:'NanumMyeongjoBold'; font-size:20px; line-height:30px; font-weight:400; letter-spacing:-0.05em; word-break: keep-all; margin:20px 0;  }
.greeting em{ font-style:normal; font-size:28px; display:inline-block;margin-right:10px; letter-spacing:0.5;}
.greeting .sign{ font-size:16px; font-weight:bold; margin-top:50px; margin-bottom:40px; text-align: right }
@media all and (min-width:768px){
	.greeting { padding-bottom:40px; overflow:hidden }
	.greeting img{ float:left; margin-right:50px;  }
	.greeting p.title{ font-size:30px; line-height: 50px }
	.greeting .sign{ font-size:18px;}
}

/*조직도*/
.organization{ text-align: center; }
.organization span{ position:relative; display:inline-block; padding:15px 60px; font-size:16px; border-radius: 10px; }
.organization span:after{ position:absolute; bottom:-50px; left:50%; display:block; width:1px; height:50px; background:#d1d1d1; content:""; }
.organ_box01{ padding:0 20px; margin-bottom:20px; }
.organ_box01 span{ background:#234aa8; color:#fff; font-weight:bold; }
.organ_box02{ padding:0 20px; margin-bottom:20px; }
.organ_box02 span{ background:#1f7bff; color:#fff; font-weight:bold; }
.organ_box03{ padding:0 20px; margin-bottom:20px; }
.organ_box03 span{ background:#00ceee; color:#fff; font-weight:bold; }
.organ_box04 > ul > li{ margin-bottom:25px;}
.organ_box04 > ul > li > span{ display:block;  text-align:center; background:#666; color:#fff;  padding:15px 0; }
.organ_box04 > ul > li > ul > li{ text-align:center; background:#f5f5f5; padding:15px 0; margin:10px 0; font-size:16px; }
.organ_box04 ul li span:after{ bottom:-12px; height:12px; }
@media all and (min-width:1024px){
	.organization > div{  max-width:1000px; margin:0 auto 50px auto;  }
	.organization span{ position:relative; padding:20px 80px;  }	
	.organization span:after{ position:absolute;   bottom:-50px;  display:block; width:1px; height:50px; background:#d1d1d1; content:""; }
	.organ_box04{ position:relative; padding-top:30px; } 
	.organ_box04:before{ display:block; background:#d1d1d1; height:1px; position:absolute; left:95px; right:95px; top:0; content:""}
	.organ_box04 > ul{ display:flex; justify-content: space-between;  }
	.organ_box04 > ul > li{ width:19%; }
	.organ_box04 > ul > li > ul{ margin-top:30px; }
	.organ_box04 ul li span:before{ position:absolute; top:-30px; left:50%; display:block; width:1px; height:30px; background:#d1d1d1; content:""; }
	.organ_box04 ul li span:after{ bottom:-30px; height:30px; }
	
}
/*연혁*/

.history{background:url(/img/sub/bg_history.png) right top no-repeat; padding-right:400px;}
.history > li{ clear:both; margin-bottom:25px; padding-bottom:25px;border-bottom:#d0d0cf solid 1px;  overflow:hidden}
.history > li > h5{  font-size:34px;  font-weight:400; padding:0; float:left; width:15%; margin-bottom:0; margin-left:2%; color: #000; }
.history > li > ul { float:left; width:70%;} 
.history > li > ul > li{ clear:none; margin-right:2%;margin-bottom:15px;}
.history > li > ul > li:last-child{ margin-bottom:0; }
.history > li > ul > li > span{ display:block; float:left; min-width:100px; height:22px; line-height:145%}
.history > li > ul > li > p{ display:block; overflow:hidden;line-height:145%; }


/*오시는길*/
.location{   overflow:hidden}
.location > div{ margin-bottom:30px; }
.location .map{ margin-top:40px;}
@media all and (min-width:1200px){
	.location{ max-width:1200px; margin:0 auto; }
	.location > div{ width:48%; }
	.location > .loc01{float:left}
	.location > .loc02{float:right}
}


/*경영이념*/


.spirit{ padding:30px 0; }
.spirit ul li{ line-height:0; margin-bottom:20px; border:#ddd solid 1px; }
.spirit ul li img{ max-width:100%; }
.spirit ul li p{ font-family:'NanumMyeongjoBold';  font-size:20px; text-align: center; padding:10px 0; background:#f1f1f1; line-height: 25px }
@media all and (min-width:768px){
	.spirit ul{ display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap }
	.spirit ul li{ width:42%; margin:4%; }
}
@media all and (min-width:1024px){
	.spirit{ padding:30px 0 60px 0; }
	.spirit ul li{ width:22%; margin:1.5%; }
	.spirit ul li p{ font-size:16px;  }
	.spirit ul li:nth-child(even){ margin-top:180px; }
}


/*중해마루힐 브랜드*/
.signature img{ max-width:100%; }
.signature ul li{ line-height:0; border:#ddd solid 1px; margin-bottom:15px;  }
.signature ul li.full{ display:block; text-align: center; width:100%; border:0; } 
.signature ul li.full img{ border:#ddd solid 1px; }
@media all and (min-width:768px){
	.signature ul{ display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap }
	.signature ul li{ width:48%; margin:1%; }
}
@media all and (min-width:1024px){
	.signature{ max-width:900px; margin:0 auto; padding:50px 0; }
	.signature ul li{ width:auto; }
}

.cal_title{ padding:20px 0; color:#bdbdbd; text-align: center; font-size:18px; font-weight:bold; }
.table_calendar  td img{ width:30px; height:30px; margin:0 20px}
.table_calendar  td .year{ font-family:"Montserrat"; font-weight:bold; font-size:25px; }

.cal_table{ width:100%; border:#d1d1d1 solid 1px; border-collapse:collapse }
.cal_table td{display:block;vertical-align: top;height: auto;min-height: 80px;border-bottom:1px solid #ddd;padding: 17px;width: 100%;}
.cal_table td span{color:#444;font-size: 21px;font-weight:500;display:block;font-family: 'Montserrat', sans-serif;}
.cal_table td span em{ display:inline-block; vertical-align: 2px; font-style:normal; color:#999; font-size:14px; margin-left:15px; text-transform: uppercase }
.cal_table td p{line-height: 35px;margin:2px 0;font-size: 13px;}
.cal_table td p i{float: none;display:inline-block;padding:4px 25px 6px;font-style:normal;border-radius: 30px;color:#fff;font-size:14px;line-height: normal;margin-left: 10px;}
.cal_table td p .status1 {background:#545a66;}
.cal_table td p .status2 {background:#ff854b;}
.cal_table td p .status3 {background:#a1c933;}
.cal_table td p .status4 {background:#0099da;}	


@media all and (min-width:1024px){
	
	.table_calendar{ margin:30px 0; }
	.table_calendar td img{ width:auto; height:auto; }
	.table_calendar td .year{ font-size:40px; }
	
	.cal_table td{ display:table-cell; width:33.3333%; vertical-align: top; height: 250px; border:1px solid #ddd; padding:30px 10px;}
	.cal_table td span{ color:#444; font-size:32px; font-weight:500; display:block; font-family: 'Montserrat', sans-serif;}
	.cal_table td span em{ display:inline-block; vertical-align: 2px; font-style:normal; color:#999; font-size:16px; margin-left:15px; text-transform: uppercase }
	.cal_table td p{ line-height: 35px; margin:10px 0; }
	.cal_table td p i{ float: right; display:inline-block; padding:4px 25px 6px; font-style:normal;	border-radius: 30px;color:#fff; font-size:14px; line-height: normal}
	.cal_table td p .status1 {background:#545a66;}
	.cal_table td p .status2 {background:#ff854b;}
	.cal_table td p .status3 {background:#a1c933;}
	.cal_table td p .status4 {background:#0099da;}	
}


/*사이트맵*/
.sitemap:after{display:block; content:""; clear:both}
.sitemap h4{ color:#002986; margin-bottom:10px}
.sitemap h4:after{ display:none }
.sitemap > ul{ position:relative; padding-bottom:25px; border-bottom:#c6c6c6 solid 1px; margin-bottom:25px }
.sitemap > ul:last-child{ border:0}
.sitemap ul li a{ position:relative; display:inline-block; }
.sitemap > ul:after{  display:block; content:""; clear:both; }
.sitemap > ul > li{ margin-bottom:5px; }
.sitemap > ul > li > ul{ padding:10px; }
.sitemap > ul > li > ul > li{ position:relative; font-size:14px; padding:5px 0 5px 10px;}
.sitemap > ul > li > ul > li:before{ display:block; content:'-'; position:absolute; left:0; top:3px }
.sitemap > ul > li > h5{ font-size:16px;  border:#d0d0d0 solid 1px; padding:10px; text-align:center}
.sitemap > ul > li > h5:hover{ border:#363636 solid 1px;} 
.sitemap > ul > li > h5:hover a{ color:#000}
.sitemap > ul > li > ul > li > a[target='_blank']:after{ position:absolute; right:-20px; top:3px; display:block; width:10px; height:10px; content:"";background:url(/home/www/images/common/win_new.png) no-repeat;}
.sitemap > ul > li > h5 > a[target='_blank']:after{ position:absolute; right:-20px; top:3px; display:block; width:12px; height:12px; content:"";background:url(/home/www/images/common/win_sub_new.png) no-repeat;}
@media all and (min-width:768px) and (max-width:1023px) {
.sitemap > ul > li{ float:left; width:32%; margin-right:2% }
.sitemap > ul > li:nth-child(3n){ margin-right:0; clear:right } 
.sitemap > ul > li:nth-child(4n){ clear:left } 
}
@media all and (min-width:1024px) {
.sitemap h4{ font-size:32px; }
.sitemap > ul > li{ float:left; width:24%; margin-right:1.3333%; letter-spacing:-0.05em}
.sitemap > ul > li > ul > li{ position:relative; font-size:16px; padding:5px 0 5px 10px; line-height:20px;}
.sitemap > ul > li > h5{font-size:22px;  padding:16px; }
.sitemap > ul > li:nth-child(4n){ margin-right:0; clear:right }
.sitemap > ul > li:nth-child(5n){ clear:left }  
}


.business_list_wrap{ position:relative; max-width:1300px; margin:0 auto; overflow:hidden }
.business_list > li{ display:none; margin-bottom:20px; }
.business_list > li > div{ border:#d1d1d1 solid 1px; height:100%;  }
.business_list .thumb{ position:relative; min-height:200px; background-size:cover; background-position:center; }
.business_list .thumb .status{ position:absolute; right:20px; bottom:-15px; display:inline-block;  padding:10px 15px; text-align: center;font-size:12px;font-weight:bold;background:#000;color:#fff; border-top-left-radius: 8px; border-bottom-right-radius: 8px; }

.business_list .thumb .status.ing{ background:#e13226; }
.business_list .thumb .status.pre{ background:#a49387; }
.business_list .text{ border-top:#d1d1d1 solid 1px; padding:20px; }
.business_list .text .category{ display:inline-block; font-size:12px; margin-bottom:10px; }
.business_list .text .process{ padding:5px 0; margin:15px 0;  }
.business_list .text .process > span{ display:block; font-size:14px; margin-bottom:10px; color:#55301d; }
.business_list .text .process .progress{ background:#f1f1f1; height:3px; }
.business_list .text .process .progress > span{ display:block; height:3px; background:#55301d; }
.business_list .text p{ font-size:19px; font-weight:bold; color:#000; }
.business_list .text ul{ margin:15px 0 0 0;}
.business_list .text ul li{ position:relative; font-size:12px; min-height:25px; color:#666; font-weight:400; padding-left:80px; line-height: 1.8}
.business_list .text ul li span{ position:absolute; left:0; top:0;  display:inline-block; color:#000; font-weight:500; min-width:70px; }

.page_more{ text-align:center; padding:20px 0 40px;  }
.page_more a{ display:inline-block; position:relative; padding-top:40px; text-align: center; color:#a6968b; font-size:16px; }
.page_more a:before,.page_more a:after{ position:absolute; display:inline-block; background:#a6968b; content:""}
.page_more a:before{ width:21px; height:1px; left:50%; top:10px; transform:translateX(-50%)}
.page_more a:after{ width:1px; height:21px; left:50%; top:0px; }
@media all and (min-width:768px){
	.business_list{ display:flex; justify-content: space-around; flex-wrap:wrap; }
	.business_list > li{ width:47%; max-width:320px; }
}
@media all and (min-width:1200px){
	.business_list{ justify-content: flex-start; max-width:1200px; margin:0 auto; }
	.business_list > li{ display:none; width:29%; max-width:100%; margin-right:6.5%; margin-bottom:2%; }
	.business_list > li:nth-child(3n){ margin-right:0; }
	.business_list .thumb{ min-height:250px; }
	.business_list .text .category{ font-size:14px; }
	.business_list .text p{ font-size:20px; line-height: 1.2 }
	.business_list .text ul li{ font-size:14px; }
}
@media all and (min-width:1600px){
	.business_list{ max-width:1400px; margin:0 auto; }
	.business_list .text p{ font-size:20px; letter-spacing: -0.05em }
	.business_list .text ul li{ padding-left:95px; line-height: 1.8}
	.business_list .text{ padding:30px; }
}

.apart_list{position:relative;margin-bottom:35px;overflow:hidden}
.apart_list em{ display:none; position:absolute; left:0; top:0; background:#000; font-style:normal; padding:20px 25px; z-index:100; color:#fff; }
.apart_list em.icon01{ background:rgba(255,208,64,0.8)}
.apart_list em.icon02{ background:rgba(108,192,255,0.8)}
.apart_list em.icon03{ background:rgba(0,0,0,0.8)}
.apart_slide{float:left; width:600px;}
.apart_slide .slide{width:600px; height:340px; background-size:cover; background-repeat:no-repeat; background-position:center}
.apart_info{ float:right; width:550px; }
.apart_info .title{ display:block; font-size:25px; color:#424242; font-weight:bold; padding-bottom:15px; border-bottom:#333 solid 1px; margin-top:15px; }
.apart_info dl dt{ float:left; width:30%; font-weight:500; padding:15px 0; border-bottom:#eee solid 1px; padding-left:10px; background:#f5f5f5; line-height:1.3 }
.apart_info dl dd{float:left; width:70%; color:#666; padding:15px; border-bottom:#eee solid 1px; font-weight:300;line-height:1.3; min-height: 51px;}

.apart_slide .owl-nav{}
.apart_slide .owl-nav a{ position:absolute; top:50%; display:block; width:50px; height:50px; margin-top:-18px; text-indent:-9999px}
.apart_slide .owl-nav a.owl-play,.apart_slide .owl-nav a.owl-stop{ display:none}
.apart_slide .owl-nav a.owl-prev{ left:5px; background:url(../img/sub/arrow_left.png) no-repeat; background-size:contain}
.apart_slide .owl-nav a.owl-next{ right:5px; background:url(../img/sub/arrow_right.png) no-repeat; background-size:contain}

.work_info{ float:right; width:550px; }
.work_info .title{ display:block; font-size:25px; color:#424242; font-weight:bold; padding-bottom:15px; border-bottom:#333 solid 1px; margin-top:15px; }
.work_info dl {display:table; width:100%}
.work_info dl dt{ display:table-cell; width:30%; font-weight:500; padding:18px 0; border-bottom:#eee solid 1px; padding-left:10px; background:#f5f5f5; line-height:1.3; vertical-align:top; }
.work_info dl dd{ position:relative; display:table-cell; width:70%; color:#666; border-bottom:#eee solid 1px; padding:18px 0 15px 15px; font-weight:300;line-height:1.3}

.percent{position:relative; font-size:18px; width:75px; text-align:center; padding:3px 0; font-weight:500; display:inline-block; color:#fff; background-color:#db8ed7;}
.percent{ margin-top:10px;border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; box-shadow:#777 2px 2px 2px;}
.percent:after{ position:absolute; top:-10px; left:0; display:block; content:""; width:0; height:0; border:transparent solid 10px; border-left-color:#db8ed7;}
.rate{position:relative; height:20px; background:#f1f1f1; border-radius:10px;}
.rate p{ position:absolute;left:0; background:#947ddb; height:20px; border-top-left-radius:10px; border-bottom-left-radius:10px}

@media print{

}