@charset "utf-8";

/*** 레이아웃 ***/
.sub_title{height:158px; background:#133cba url(/img/sub/sub_bg.jpg) center bottom repeat-x; border-radius:7px; overflow:hidden}
.sub_title h3{float:left; display:flex; align-items:center; padding-left:5.25%; width:25%; height:100%; color:#fff; font:normal 2.47em 'lottemart'; text-shadow:0px 0px 2px rgba(0,0,0,.4)}
#tab{float:right; width:70.2%}
/* #tab ul{margin-top:68px}
#tab ul li{display:inline-block; margin:0px 2.2%} */
#tab ul{display:flex; align-items:center; text-align:center; height:158px}
#tab ul>li{position:relative; margin:0px 2%; flex-shrink:1}
#tab ul li a{display:block; color:#fff; font-size:1.3529em}
#tab ul li.on:after{display:block; content:''; position:absolute; left:50%; bottom:-64px; margin-left:-1px; width:2px; height:30px; background:#fff}
#tab.reduce ul>li{margin:0px 1.6%}
#tab.reduce ul>li a{font-size:1.3em; word-break:keep-all; letter-spacing:-1px}
#shareSns{text-align:right; font-size:0px}
#shareSns>li{display:inline-block; vertical-align:top; text-align:left; margin:5px 0px 0px 2px}
#shareSns>li>a{display:block; width:30px; height:25px; background: #bbb url(/img/sub/ic_shareSns.png) no-repeat center -13px/50px; border-radius:3px; text-indent:-50000px; transition:all ease .2s}
#shareSns>li:nth-child(2)>a{background-position-y:-63px}
#shareSns>li:nth-child(3)>a{background-position-y:-113px}
#shareSns>li:nth-child(4)>a{background-position-y:-163px}
#shareSns>li:nth-child(5)>a{background-position-y:-213px}
#shareSns>li:nth-child(6)>a{background-position-y:-263px}
#shareSns>li:nth-child(7)>a{background-position-y:-313px}
#shareSns>li:nth-child(1)>a:hover{background-color:#15c654}
#shareSns>li:nth-child(2)>a:hover{background-color:#1877f2}
#shareSns>li:nth-child(3)>a:hover{background-color:#fee500}
#shareSns>li:nth-child(4)>a:hover{background-color:#fbca01}
#shareSns>li:nth-child(5)>a:hover{background-color:#029df8}
#shareSns>li:nth-child(6)>a:hover{background-color:#133CB9}
#shareSns>li:nth-child(7)>a:hover{background-color:#666}

/*** 컨텐츠 ***/
#detail_con{padding:0px 25px 80px; word-break:keep-all; word-wrap:break-word}
.stabBox:After{display:block; content:''; clear:both}
.h4Box:After{display:block; content:''; clear:both}
h4{float:left; width:19%; margin:2% 0% 0% 3%; padding:33px 0px 0px 30px; background:url(/img/sub/h4_bl.gif) no-repeat  left top; font:bold 1.85em/1.2 'lottemart'; color:#222}
h4 span.dot{display:inline-block; position:relative;}
h4 span.dot:after{display:block; content:''; position:absolute; right:-37px; top:10px; width:6px; height:6px; background:#ccc; box-shadow:10px 0px 0px #ccc, 20px 0px 0px #ccc; border-radius:10px; }
.stabBox{float:left; width:19%; margin:2% 0% 0% 3%}
.stabBox h4{float:none; width:auto; margin:0px}
.stabBox ul.stab{margin:30px 0px 0px 17px}
.stabBox ul.stab li{position:relative; margin-top:10px; padding-right:50px; overflow:hidden}
.stabBox ul.stab li a{display:block; padding:20px 20px 15px; border:1px solid #ddd; font-size:1.2em; border-radius:3px}
.stabBox ul.stab li.on a{border-color:#009fdc;  background:#009fdc; color:#fff}
.stabBox ul.stab li.on a:After{display:block; content:''; position:absolute; right:19px; top:0px; width:32px; height:100%; background:url(/img/sub/stab_bg.gif) no-repeat center left/100% 100%}
.h4_con{float:right; width:73%; margin-top:30px}
.h4Box+.h4Box{margin-top:60px}
.h4Box+.h4Box .h4_con:first-of-type{padding-top:60px; border-top:1px dashed #ddd}
h5{position:relative; margin-top:50px; margin-left:16px; padding-left:45px; font-size:1.82em; font-weight:normal; color:#0e49b6}
h5:first-child{margin-top:20px}
h5:before,
h5:after{display:block; content:''; position:absolute; left:0px; top:6px; border:5px solid #0e49b6; border-radius:100px}
h5:before{width:22px; height:22px}
h5:after{margin:8px 0px 0px 8px;width:6px; height:6px;  border-color:#009fdc}
.tbox{margin-top:10px; padding:4% 5% 3.5%; background:#f5f5f5; border-radius:7px; transform:rotate(0.03deg)}
#h4_con .tbox:first-child{margin-top:0px}
.tbox .summary>dt{font-size:1.14em; margin-bottom:5px; color:#000}
.para01{margin:25px 0px 0px 48px}
.para01+h5{margin-top:65px}
.bl01{position:relative; margin-top:40px; padding-left:14px; color:#333; font-size:1.25em}
.bl01:before{display:block; content:''; position:absolute;  left:-8px; top:6px; border:4px solid #009fdc; border-width:5px 5px 0px 0px; width:8px; height:8px; border-radius:2px; transform:rotate(45deg); -webkit-transform:rotate(45deg)}
ul.bl02>li, ol.bl02>li, .bl02{position:relative; padding-left:16px; margin:9px 0px; transform:rotate(0.03deg)}
ul.bl02>li:before, ol.bl02>li:before, .bl02:before{display:block; content:''; position:absolute; left:0px; top:7px; width:6px; height:6px; background:#666; border-radius:1px; transform:rotate(-0.03deg)}
.bl01+.bl02{margin-top:20px}
ul.bl03>li, .bl03, ul.bl03s>li, .bl03s{position:relative; padding-left:10px; transform:rotate(0.03deg)}
ul.bl03s>li, .bl03s{margin:5px 0px; font-size:15px; color:#484848; line-height:1.3}
ul.bl03>li:before, .bl03:before, ul.bl03s>li:before, .bl03s:before {display:block; content:''; position:absolute; left:0px; top:10px; width:5px; height:1px; background:#888}
ul.bl02:before, ol.bl02:before, ul.bl03:before, ul.bl03s:before{display:none}
ul.bl02, ol.bl02, ul.bl03, ul.bl03s{padding-left:0px}
.bl02 .bl03{margin-top:10px}
ul.ps>li, ul>li.ps, .ps{position:relative; padding-left:12px; margin:8px 0px; transform:rotate(0.03deg)}
ul.ps>li:before, ul>li.ps:before, .ps:before{display:block; content:'*'; position:absolute; left:0px; top:4px; background:none !important}
ul.ps:before{display:none}
.nobl{background:none}
.nobl:before,
.nobl>li:before{display:none}
.point{color:#de0b0b}
.bl02.point:before, .bl02>li.point:before,
.bl03.point:before, .bl03>li.point:before {background:#de0b0b}

.step{display:flex; flex-wrap:wrap; counter-reset:li}
.step>li{flex-grow:1; flex-shrink:1; flex-basis:13%;  position:relative; margin:5px 3px; padding:60px 2.5% 3.5%;background:#eee; border-radius:7px}
.step.middle>li{display:flex; align-items:center; justify-content:center; }
.step>li:before{display: block;  content:"0" counter(li);   counter-increment: li; position: absolute;  left:20px; top:20px; font-weight:bold; color:#888}
.step>li>div{}
.step>li>div>.tit{text-align:center; color:#333; line-height:1.3}
.step>li>div>.con{text-align:center; transform:rotate(0.03deg); font-size:.92em}
.step>li>div>.con:before{display: block; content:''; position:relative; margin:15px auto; width:20px; height:1px; background:#aaa}
.step>li:first-child{background:#009fdc}
.step>li:first-child:before,
.step>li:first-child>div *{color:#fff; text-shadow:0px 0px 2px rgba(0,0,0,.2)}
.step>li:first-child>div>.con:before{background:rgba(255,255,255,.5)}
.step02>li+li:before{display: block;content:''; position:relative; margin:5px auto 10px; width:10px; height:10px; border-right:2px solid #aaa; border-bottom:2px solid #aaa; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
.step02>li>div{display:flex;  justify-content:center;  align-items:center; padding:4% 0px; background:#eee; border-radius:7px; color:#333; line-height:1.3}
.step02>li>div>.tit{text-align:center; padding:0px 2.5%; width:35%; font-size:1.2em}
.step02>li>div>.con{position:relative; width:65%; padding:0px 4%; font-size:.92em}
.step02>li>div>.con:before{display: block; content:''; position:absolute; left:0px;  width:1px; height:100%; background:rgba(0,0,0,.15)}
.step02>li:first-child>div{background:#009fdc}
.step02>li:first-child>div *{color:#fff; text-shadow:0px 0px 2px rgba(0,0,0,.2)}
.step02>li:first-child>div>.con:before{background:rgba(255,255,255,.5)}
table.data{width:100%; padding-bottom:1px; transform:rotate(0.03deg)}
table.data thead tr:first-child th:first-child{border-top-left-radius:5px}
table.data thead tr:first-child th:last-child{border-top-right-radius:5px}
table.data thead th{padding:17px 5px 15px; background:#333; color:#fff; text-shadow:0px 0px 2px rgba(0,0,0,.15); font-size:1.05em; font-weight:normal;}
table.data tbody td, 
table.data tbody th{padding:1.7% 3% 1.5%; border:1px solid #ddd; letter-spacing:.5px; font-weight:normal}
table.data tbody th{background:#333; color:#fff; border-color:#333}
table.data tbody td{ font-size:.95em}
table.data thead+tbody,
table.data thead+tbody td, 
table.data thead+tbody th{border-top:0px}
table.data thead+tbody td:first-child,
table.data thead+tbody th:first-child{border-top:0px}
table.data thead+tbody th{background:#f5f5f5; color:#333; border-color:#ddd}
.tableBox .dataScroll{display:none}
table.data tfoot td,
table.data tfoot th{padding:17px 5px 15px; font-weight:normal; border:1px solid #ddd; background:#f5f5f5;}
table.data.manyData tbody td,
table.data.manyData tbody th{padding:1.7% 1.5% 1.5%;}

.scolor01{color:#009fdc}
.scolor02{color:#31aa0f}
.scolor03{color:#ea7300}
.scolor04{color:#e63c58}
.scolor05{color:#9916cf}
.scolor01.bder{border-color:#009fdc; border-style:solid}
.scolor02.bder{border-color:#31aa0f; border-style:solid}
.scolor03.bder{border-color:#ffac0b; border-style:solid}
.scolor04.bder{border-color:#e63c58; border-style:solid}
.scolor05.bder{border-color:#9916cf; border-style:solid}
.scolorBg01{background:#009fdc; color:#fff; text-shadow:0px 0px 0px rgba(0,0,0,.5)}
.scolorBg02{background:#31aa0f; color:#fff; text-shadow:0px 0px 0px rgba(0,0,0,.5)}
.scolorBg03{background:#ffac0b; color:#fff; text-shadow:0px 0px 0px rgba(0,0,0,.5)}
.scolorBg04{background:#e63c58; color:#fff; text-shadow:0px 0px 0px rgba(0,0,0,.5)}
.scolorBg05{background:#9916cf; color:#fff; text-shadow:0px 0px 0px rgba(0,0,0,.5)}


/* 센터소개 */
.center_system{position:relative; margin:80px 0px 22%}
.center_system:before,
.center_system:after{display:block; content:''; }
.center_system:before{position:absolute; left:0px; right:0px; margin:auto; width:55%; height:145%; border-radius:1000px; border:8px solid #eee;  z-index:-1}
.center_system:after{position:absolute; left:0px; right:0px; top:70%; margin:auto; width:100%; height:80%; background:#fff; z-index:-1}
.center_system>dl{position:relative; top:100px; margin:auto; width:37.5%; background:#f0f0f0; border-radius:300px; z-index:1}
.center_system>dl dt{padding:60px 0px 36px; background:#0e49b6; border-radius:300px 300px 0px 0px}
.center_system>dl dt p{text-align:center; padding-top:80px; background:url(/img/sub/introduce_ic01.gif) no-repeat center top; font-size:1.94em; color:#fff}
.center_system>dl dd{text-align:center; padding:20px 0px 54px }
.center_system>dl dd>ul{display:inline-block}
.center_system>dl dd>ul li{margin-top:3px; text-align:left}
.center_system>ul>li{position:absolute; }
.center_system>ul>li:nth-child(3){left:15%; top:230px}
.center_system>ul>li:nth-child(1){left:27%; top:-30px}
.center_system>ul>li:nth-child(2){right:27%; top:-30px}
.center_system>ul>li:nth-child(4){right:2%; top:230px}
.center_system>ul>li p{display:flex; align-items:center; justify-content:center; text-align:center; width:172px; height:172px; background:#fff; border:8px solid #eee; border-radius:300px; font-size:1.1em}
.center_system>ul>li ul{margin-top:25px; padding:30px; min-height:214px; background:#f0f0f0; overflow:hidden; border-radius:7px}
.center_system>ul>li:nth-child(3) ul{width:325px; margin-left:-40%}
.center_system>ul>li:nth-child(3) ul li{float:left; width:50%}
.center_system>ul>li:nth-child(4) ul{left:-7%}
.center_business>ul{overflow:hidden}
.center_business>ul>li{position:relative; float:left; width:50%}
.center_business>ul>li:before{display:block; content:''; width:180px; height:180px; background-position:center center; background-repeat:no-repeat; border-radius:200px}
.center_business>ul>li p{margin-top:10%; transform:rotate(0.03deg); font-size:1.2em}
.center_business>ul>li:nth-child(1) p,
.center_business>ul>li:nth-child(3) p{text-align:right}
.center_business>ul>li:nth-child(1):before{background-color:#33b2e3; background-image:url(/img/sub/introduce_ic02.png)}
.center_business>ul>li:nth-child(2):before{background-color:#ad45d9; background-image:url(/img/sub/introduce_ic03.png)}
.center_business>ul>li:nth-child(3):before{background-color:#ffbd3c; background-image:url(/img/sub/introduce_ic04.png)}
.center_business>ul>li:nth-child(4):before{background-color:#eb6379; background-image:url(/img/sub/introduce_ic05.png)}
.center_business>ul>li:nth-child(1):before,
.center_business>ul>li:nth-child(3):before{float:right; margin-left:40px}
.center_business>ul>li:nth-child(2):before,
.center_business>ul>li:nth-child(4):before{float:left; margin-right:40px}
.vision{position:relative}
.vision>dt{display:flex; align-items:center; justify-content:center; position:absolute; text-align:center; width:140px; height:100%; background:#f9f9f9; border-radius:7px; font-size:1.29em}
.vision>dd{margin:20px 0px; margin-left:140px; padding:1% 0px}
.vision>dd>ul{margin:auto; max-width:940px; overflow:hidden}
.vision>dd.slogan{padding:3.5% 0px}
.vision>dd.slogan>div{position:relative; text-align:center; max-width:720px; margin:auto; padding:0px 20px; color:#009fdc; border-left:10px solid #009fdc; border-right:10px solid #009fdc; border-radius:3px}
.vision>dd.slogan>div:before,
.vision>dd.slogan>div:after{display:block; content:''; position:absolute; top:0px; width:35px; height:10px; background:#009fdc; border-radius:3px; box-shadow:0px 115px 0px #009fdc}
.vision>dd.slogan>div:before{left:-10px; }
.vision>dd.slogan>div:after{right:-10px; }
.vision>dd.slogan p.tit{display:inline-block; margin:-10px auto 0px; padding:5px 35px 0px; background:#009fdc; color:#fff; text-shadow:0px 0px 2px rgba(0,0,0,.2); font-size:1.29em; border-radius:100px}
.vision>dd.slogan p.txt{max-width:400px; margin:20px auto 0px; color:#009fdc; font-size:1.7em; line-height:1.3}
.vision>dd.goal>ul>li{float:left; margin:0px 1%; padding-top:132px; width:31.3%; background-position:center 30px; background-repeat:no-repeat}
.vision>dd.goal>ul>li:nth-child(1){background-image:url(/img/sub/vision_ic01.gif)}
.vision>dd.goal>ul>li:nth-child(2){background-image:url(/img/sub/vision_ic02.gif)}
.vision>dd.goal>ul>li:nth-child(3){background-image:url(/img/sub/vision_ic03.gif)}
.vision>dd.goal>ul>li>p{text-align:center; padding:17px 10px 11px; border-width:3px; border-radius:100px; font-size:1.15em; font-weight:bold}
.vision>dd.goal>ul>li>ul{margin:30px 0px 0px 5px}
.vision>dd.goal>ul>li>ul>li{margin-top:5px; color:#222}
.vision>dd.roadmap>ul>li{float:left; margin:0px 1%; width:31.3%}
.vision>dd.roadmap>ul>li>p.year{text-align:center; padding:10px 0px 7px; font-size:1.12em; border-radius:5px}
.vision>dd.roadmap>ul>li>p.stage{padding:15px 10px 10px; border-bottom:1px solid #ddd}
.vision>dd.roadmap>ul>li>ul{padding:20px 5px 0px}
.vision>dd.carry{padding:5px 0px}
.vision>dd.carry>ul>li{overflow:hidden}
.vision>dd.carry>ul>li+li{margin-top:35px}
.vision>dd.carry>ul>li>p{float:left; padding:30px 10px 0px 5px; width:31%; border-top:3px solid #222; font-size:1.25em; line-height:1.3}
.vision>dd.carry>ul>li>ul{float:right; width:60%}
.vision>dd.carry>ul>li>ul>li{margin-top:5px}
.location .map{position:relative; float:left; width:50%; border:6px solid #ddd; border-radius:7px; height:390px; overflow:hidden}
.location .con{float:right; margin-top:10px; width:47%; transform:rotate(0.03deg)}
.location .con dt{margin-bottom:10px; font-weight:bold; font-size:1.12em}
.location .con ul{overflow:hidden; margin-top:20px; padding:9% 0px; background:#edf3fa; border-radius:5px}
.location .con ul>li{float:left; text-align:center; width:50%; padding:0px 5%}
.location .con ul>li+li{border-left:1px solid rgba(0,0,0,.07)}
.location .con ul>li .q{padding-top:80px; background-repeat:no-repeat; background-position:center top} 
.location .con ul>li:first-child .q{background-image:url(/img/sub/location_ic01.gif)}
.location .con ul>li:last-child .q{background-image:url(/img/sub/location_ic02.gif)}
.location .con ul>li .a{display:inline-block; margin-top:20px; font-size:.9em} 
.location .con ul>li:last-child .a{text-align:left;}
.location .con ul>li .a span:first-child{color:#0e49b6}
.location .con ul>li .a span:last-child{color:#0c782f}

/* 사업안내 */
.business01>p{text-align:center; margin-top:10px; line-height:0px}
.business01>ul{margin:-1px auto; padding:4% 3.5% 3.5%; max-width:700px; border:10px solid #c9bdb7; border-radius:14px}
.business_effect{margin-left:1%; overflow:hidden}
.business_effect>li{float:left; width:24%; margin:20px .5% 0px}
.business_effect>li dl dt{text-align:center; margin-bottom:5px; padding:90px 5px 15px 5px; color:#fff; background-repeat:no-repeat; background-position:center 24px; border-radius:4px}
.business_effect>li:nth-child(1) dl dt{background-image:url(/img/sub/business_ic01.png)}
.business_effect>li:nth-child(2) dl dt{background-image:url(/img/sub/business_ic02.png)}
.business_effect>li:nth-child(3) dl dt{background-image:url(/img/sub/business_ic03.png)}
.business_effect>li:nth-child(4) dl dt{background-image:url(/img/sub/business_ic04.png)}
.business_effect>li dl dd{padding:22px 9% 20px; background:#f5f5f5; border-radius:4px; font-size:.92em; min-height:115px; transform:rotate(0.03deg)}

/* 공공임대주택 */
.go_recruit{padding:0px 50px 0px 17px}
.go_recruit a{display:block; text-align:center; margin-top:30px; padding:18px 15px 15px 5px; background:#e63c58; color:#fff; border-radius:5px; line-height:1.3; transition:all ease .3s}
.go_recruit a:hover{background:#133cba}
.go_recruit a span{display:inline-block; padding-left:50px;  background:url(/img/sub/quick_recruit.png) no-repeat left center; text-shadow:0px 0px 2px rgba(0,0,0,.2)}
.go_recruit a span font{display:block}
.myabode{margin-top:30px; ; margin-bottom:15px; background:#f0f0f0; ; border-radius:10px; overflow:hidden}
.myabode>ul{overflow:hidden; margin-top:-1px;  margin-left:-1px}
.myabode>ul>li{float:left; padding:27px 3% 10px; width:25%; border-top:1px solid #ddd; border-left:1px solid #ddd; height:125px}
.myabode>ul>li .q{margin-bottom:5px; font-size:1.1em; transform:rotate(0.03deg)}
.myabode>ul>li .a{font-size:.95em; }
.myabode>ul>li select{padding:7px 5px 5px; width:100%; font-size:.95em; border-radius:5px}
.myabode>ul>li input[type=text]{border:0px; margin-right:5px; padding:0px 5px; width:70%; height:35px; line-height:40px; border-radius:5px; border:1px solid #009fdc}
.myabode>ul>li:first-child{background:#009fdc; text-shadow:0px 0px 2px rgba(0,0,0,0.1)}
.myabode>ul>li:first-child+li{border-color:#009fdc}
.myabode>ul>li:first-child p{color:#fff}
.myabode>ul>li:last-child{padding:0px; background:#0e49b6}
.myabode>ul>li:last-child button{width:100%; height:125px; background:transparent; border:0px; font-size:1.2em; color:#fff}
.myabode>ul>li:last-child button span{display:inline-block; padding-right:25px; background:url(/img/sub/ic_search.png) no-repeat right 2px; ; background-size:19px}
.myabode>ul>li:last-child input[type=submit]{display:inline-block; padding-right:40px; width:130px; height:55px; font-size:1.2em; color:#fff; background:url(/img/sub/ic_search.png) no-repeat right 25px top 5px; ; background-size:19px}
.myabode_result{margin-top:6%}
.myabode_list{margin-bottom:60px}
.myabode_list>li{position:relative; margin-top:10px; border:6px solid #eee; border-radius:5px}
.myabode_list>li a{display:block; padding:3% 4%; transition:all ease .2s }
.myabode_list>li a:hover{background:#eee; text-decoration:none}
.myabode_list>li .tit{font-size:1.2em; color:#222}
.myabode_list>li .txt{margin-top:10px; font-size:.92em; transform:rotate(0.03deg)}
.myabode_list>li span.viewall{position:absolute; top:0px; bottom:0px; right:50px;  margin:auto; width:30px; height:30px; border:4px solid rgba(0,0,0,.2); border-width:2px 2px 0px 0px; border-radius:2px; transform:rotate(45deg); -webkit-transform:rotate(45deg); text-indent:-5000px}
.recruit_search .recruit_tab{text-align:center; margin-top:30px}
.recruit_search .recruit_tab>li{display:inline-block; position:relative;}
.recruit_search .recruit_tab>li+li:before{display:block; content:''; position:absolute; left:0px; top:8px; width:1px; height:15px; background:#aaa}
.recruit_search .recruit_tab>li.on+li:before{display:none}
.recruit_search .recruit_tab>li a{display:block; padding:5px 18px 2px; border-radius:3px}
.recruit_search .recruit_tab>li.on a{background:#009fdc; color:#fff}
.recruit_list{margin-top:25px; overflow:hidden}
.recruit_list>li{float:left; width:32.3%; position:relative; margin:.6% .5%; background:#f5f5f5; border-radius:8px}
.recruit_list>li.ih{background:#ebf0f9}
.recruit_list>li a{padding:9% 10% 30px; height:100%; display:block; transform:rotate(0.03deg)} 
.recruit_list>li a .tag{font-size:.9em}
.recruit_list>li a .tag>span{position:relative; margin-right:20px}
.recruit_list>li a .tag>span+span:before{display:block; content:''; position:absolute; left:-12px; top:1px;  width:1px; height:14px; background:#aaa}
.recruit_list>li a .tag .tag_lh{color:#e24905}
.recruit_list>li a .tag .tag_ih{color:#0e49b6}
.recruit_list>li a .tag .tag_result{color:#b50404}
.recruit_list>li a dt{margin-top:25px; color:#222; font-size:1.11em; line-height:1.3; height:70px; overflow:hidden}
.recruit_list>li a dd{margin-top:15px; max-height:63px; color:#666; font-size:.92em; overflow:hidden}
.recruit_list>li a .date{position:absolute; left:40px; bottom:30px; color:#666; font-size:.85em}
.recruit_list>li.nodata{width:99%; background:none; margin:0px;  border-radius:0px}

/*공급현황*/
#business_result img {max-width:100%;}
#business_result .gallery {display:flex; flex-direction:row; flex-wrap:wrap; width:100%;}
#business_result .gallery>li {width:48%; margin-bottom:50px;}
#business_result .gallery>li:nth-child(odd) {margin-right:4%;}
#business_result .gallery>li .photo {width:100%; height:270px; border-radius:7px; line-height:0; overflow:hidden;}
#business_result .gallery>li .photo img {width:100%; min-height:100%;}
#business_result .gallery>li .noimg{background:#f0f0f0; text-align:center;}
#business_result .gallery>li .noimg img{position:relative !important; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:auto !important; height:auto !important; min-height:auto !important; z-index:1 !important; }
#business_result .gallery>li .con .tit {position:relative; text-align:center; margin-bottom:20px; padding:20px 10px; color:#000; font-size:1.65rem; font-weight:500; border-bottom:2px solid #000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#business_result .gallery>li dl {overflow:hidden; margin-top:10px; padding-top:10px; border-top:1px solid #eee;}
#business_result .gallery>li dl:nth-of-type(1) {padding-top:0; border-top:none;}
#business_result .gallery>li dl dt {float:left; width:22%; margin-right:1%; color:#0068e9; font-size:1.05rem; font-weight:500;}
#business_result .gallery>li dl dt span {position:relative; display:inline-block; max-width:95px; width:100%; padding-right:25px; text-align:justify; text-align-last:justify;}
#business_result .gallery>li dl dt span:before {content:""; position:absolute; right:0; top:8px; width:6px; height:6px; border-right:2px solid #0068e9; border-bottom:2px solid #0068e9; transform:rotate(-45deg);}
#business_result .gallery>li dl dd {float:left; width:76%; font-size:1.05rem;}
#business_result .gallery>li dl:nth-of-type(1) dd {min-height:92px;}
#business_result .gallery>li>.con>a {display:block; text-align:center; padding-top:10px; padding-bottom:10px; margin-top:20px; color:#fff; font-size:1.25rem; border-radius:5px; background-color:#0068e9;}

#business_result .gallery>li .con .tit .tag {position:absolute; right:0; bottom:29px; text-align:center; width:85px; padding:4px 0 2px; font-weight:normal; font-size:1rem; border-radius:3px;}
#business_result .gallery>li .con .tit .tag2 {bottom:40px;}
#business_result .gallery>li .con .tit .tag+.tag {bottom:10px;}
#business_result .gallery>li .con .tit .tag.bg_rd {background:#a82a2a; border-color:#a82a2a; color:#fff;}
#business_result .gallery>li .con .tit .tag.bg_yg{background:#5a9020; border-color:#5a9020; color:#fff}
#business_result .gallery>li dl.row dd {min-height:69px;}
#business_result .gallery>li dl.list dd ul {padding-right:15px; height:90px; overflow-y:auto;}
#business_result .gallery>li.etc dl.list dd ul {height:150px;}
#business_result .gallery>li dl.list dd ul::-webkit-scrollbar{width:5px;}
#business_result .gallery>li dl.list dd ul::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}
#business_result .gallery>li dl.list dd ul>li {margin-top:15px;}
#business_result .gallery>li dl.list dd ul>li:first-child {margin-top:0;}
#business_result .gallery>li dl.list dd ul>li>a{color:#000; padding-left:20px; background:url(/img/sub/ic_window.gif) left 2px no-repeat; transition:.2s;}
#business_result .gallery>li dl.list dd ul>li>a:hover{opacity:.8;}
#business_result .gallery>li.buy {display:flex; width:100%;}
#business_result .gallery>li.buy .photo {text-align:right; width:30%; margin-right:10%; height:auto;}
#business_result .gallery>li.buy .con {width:60%;}
#business_result .gallery>li.solo {width:100%;}
#business_result .gallery>li.solo dl:nth-of-type(1) {margin-top:0;}
#business_result .gallery>li.solo dl dd {min-height:auto;}

.buyHouse {margin-top:5px; padding:30px; background:#f8f8f8;}
.buyHouse>ul {position:relative;}
.buyHouse>ul>li>a {position:absolute; text-align:center; width:12%; top:0; padding:5px 0 3px; color:#333; border-radius:5px; border:1px solid #bbb; background:#eee;}
.buyHouse>ul>li.on>a {color:#fff; border-color:#222; background:#222;}
.buyHouse>ul>li>div {display:none;}
.buyHouse>ul>li.on>div {padding-top:55px; display:block;}
.buyHouse>ul>li.on>div table.data {margin-bottom:0;}
.buyHouse>ul>li.on>div table.data td {background:#fdfdfd;}
.buyHouse>ul>li:nth-child(1)>a {left:0;}
.buyHouse>ul>li:nth-child(2)>a {left:12.5%;}
.buyHouse>ul>li:nth-child(3)>a {left:25%;}
.buyHouse>ul>li:nth-child(4)>a {left:37.5%;}
.buyHouse>ul>li:nth-child(5)>a {left:50%;}
.buyHouse>ul>li:nth-child(6)>a {left:62.5%;}
.buyHouse>ul>li:nth-child(7)>a {left:75%;}
.buyHouse>ul>li:nth-child(8)>a {left:87.5%;}

.buyGraph {margin-top:20px;}
.buyGraph>div {position:relative; padding-bottom:100px;}
.buyGraph .unit p {text-align:right; width:30px; font-size:14px; font-weight:500; color:#004faf}
.buyGraph .unit li {position:relative; margin-top:33px;}
.buyGraph .unit li:first-child {margin-top:10px;}
.buyGraph .unit li span {display:block; text-align:right; font-size:14px; line-height:17px; width:30px;}
.buyGraph .unit li:before {position:absolute; top:9px; left:40px; right:0; height:1px; border-top:1px solid #d5d5d5; content:""; transform:translateY(-50%);}
.buyGraph .unit li:last-child:before {border-top:2px solid #000;}
.buyGraph .category {position:absolute; text-align:center; bottom:20px; width:100%;}
.buyGraph .category li {position:relative; display:inline-block; padding-left:20px; margin-left:30px;}
.buyGraph .category li:before {position:absolute; left:0; top:4px; height:16px; width:16px; content:""; background:#eaeaea;}
.buyGraph .category li.sum:after {position:absolute; left:0; top:-10px; content:""; width:0px; height:0px; border:8px solid transparent; border-bottom:6px solid #eaeaea;}
.buyGraph .category li.th1:before {background:#318dff url('/img/sub//buygraph_th1.gif');}
.buyGraph .category li.th2:before {background:#8bc431 url('/img/sub//buygraph_th2.gif');}
.buyGraph .category li.th3:before {background:#fd8b45 url('/img/sub//buygraph_th3.gif');}
.buyGraph .category li.th4:before {background:#e6274f url('/img/sub//buygraph_th4.gif');}
.buyGraph .category li.th5:before {background:#a857ed url('/img/sub//buygraph_th5.gif');}
.buyGraph .graph {position:absolute; left:40px; right:0; top:0; bottom:110px;}
.buyGraph .graph>ul {position:absolute; bottom:0; width:100%; display:flex; justify-content:space-around; align-items:flex-end; text-align:center; margin:0 auto;}
.buyGraph .graph>ul>li {position:relative; display:inline-block;}
.buyGraph .graph>ul>li dl:after {display:block; content:""; clear:both;}
.buyGraph .graph>ul>li dt {position:absolute; bottom:-33px; left:50%; transform:translateX(-50%);}
.buyGraph .graph>ul>li dd.sum {position:absolute; bottom:0; left:0; width:100%;}
.buyGraph .graph>ul>li dd.sum span {display:block; font-size:14px; line-height:14px; font-weight:bold;}
.buyGraph .graph>ul>li dd.sum span:before {position:absolute; bottom:0; top:40px; left:0; right:0;  background:linear-gradient(to bottom,#ececec 20%,#fff);  content:""; z-index:-1;}
.buyGraph .graph>ul>li dd.sum span:after {position:absolute; top:20px; left:0; content:""; z-index:-1; width:100%; height:0px; border:50px solid transparent; border-bottom:20px solid #eaeaea; border-top:0; box-sizing:border-box;}
.buyGraph .graph>ul>li dd:not(.sum) {position:relative; display:inline-block; vertical-align:bottom; width:24px;}
.buyGraph .graph>ul>li dd:not(.sum) span {display:block; font-size:11px; line-height:13px; }
.buyGraph .graph>ul>li dd:not(.sum) span:before {position:absolute; bottom:0; top:15px; left:4px; right:4px; border-radius:3px 3px 0 0; content:"";}
.buyGraph .graph>ul>li dd:nth-of-type(n+3) {margin-left:4px;}
.buyGraph .graph>ul>li dd.th1 span:before {background:#318dff url('/img/sub//buygraph_th1.gif');}
.buyGraph .graph>ul>li dd.th2 span:before {background:#8bc431 url('/img/sub//buygraph_th2.gif');}
.buyGraph .graph>ul>li dd.th3 span:before {background:#fd8b45 url('/img/sub//buygraph_th3.gif');}
.buyGraph .graph>ul>li dd.th4 span:before {background:#e6274f url('/img/sub//buygraph_th4.gif');}
.buyGraph .graph>ul>li dd.th5 span:before {background:#a857ed url('/img/sub//buygraph_th5.gif');}
.buyGraph.buyGArea .graph>ul>li dd:not(.sum) {width:21px;}
.buyGraph.buyGArea .graph>ul>li dd:nth-of-type(n+3) {margin-left:0;}
.buyGraph.buyGArea .graph>ul>li dd:not(.sum) span:before {left:2px; right:2px; content:"";}

/* 정책찾기 */
.policy{position:relative; margin-top:70px;  padding-left:415px}
.policy .tit{position:absolute; left:30px; margin-top:-40px; padding-top:210px; width:270px; background:url(/img/sub/policy_bg.png) no-repeat 10% top; }
.policy .tit:After{display:block; content:''; position:absolute; left:0px; top:45%; width:100%; height:50px; background:#fff}
.policy .tit .txt01{position:relative; font:bold 3em 'lottemart'; letter-spacing:-.05em; color:#222; line-height:1.3; text-shadow:0px -5px 0px #fff, 1px -5px 0px #fff, 2px -5px 0px #fff, 3px -5px 0px #fff, 4px -5px 0px #fff, 5px -5px 0px #fff, -1px -5px 0px #fff, -2px -5px 0px #fff, -3px -5px 0px #fff, -4px -5px 0px #fff, -5px -5px 0px #fff; z-index:1}
.policy .tit .txt02{font-size:1.12em}
.policy .tit .txt02:before{display:block; content:''; margin:40px 0px; width:40px; height:3px; background:#333;}
.policy .con{position:relative; margin-top:0px; padding-top:350px; min-height:300px; } 
.policy a.btn_tab{display:block; position:absolute; top:0px; width:30%; transition:all ease .5s}
.policy a.btn_tab:nth-of-type(2){left:35%} 
.policy a.btn_tab:nth-of-type(3){left:70%}
.policy a.btn_tab:after,
.policy a.btn_tab:before{display:block; content:''; height:225px; /* background-color:rgba(0,0,0,.7); */ background-position:center bottom; background-repeat:no-repeat; border-radius:8px; transition:all ease .5s}
.policy a.btn_tab:after{opacity:0; position:absolute; left:0px; top:0px; width:100%; background-image:url(/img/sub/policy_hover.png); background-position:center bottom; }
.policy .tab_con.con01,
.policy a.btn_tab.tab01:before{background-color:#fff1c0; background-image:url(/img/sub//policy_ic01.png)}
.policy .tab_con.con02,
.policy a.btn_tab.tab02:before{background-color:#d5e3e6; background-image:url(/img/sub//policy_ic02.png)}
.policy .tab_con.con03,
.policy a.btn_tab.tab03:before{background-color:#f5f7f6; background-image:url(/img/sub//policy_ic03.png)}
.policy .tab_con.con04,
.policy a.btn_tab.tab04:before{background-color:#e3dadb; background-image:url(/img/sub//policy_ic04.png)}
.policy .tab_con.con05,
.policy a.btn_tab.tab05:before{background-color:#d9dce1; background-image:url(/img/sub//policy_ic05.png)}
.policy .tab_con.con06,
.policy a.btn_tab.tab06:before{background-color:#e0d9d3; background-image:url(/img/sub//policy_ic06.png)}
.policy a.btn_tab.tab01.select:before,
.policy a.btn_tab.tab01:hover:before{background-color:#ffd161}
.policy a.btn_tab.tab02.select:before,
.policy a.btn_tab.tab02:hover:before{background-color:#a3d2db}
.policy a.btn_tab.tab03.select:before,
.policy a.btn_tab.tab03:hover:before{background-color:#98e8c0}
.policy a.btn_tab.tab04.select:before,
.policy a.btn_tab.tab04:hover:before{background-color:#e1a9b0}
.policy a.btn_tab.tab05.select:before,
.policy a.btn_tab.tab05:hover:before{background-color:#a6b9da}
.policy a.btn_tab.tab06.select:before,
.policy a.btn_tab.tab06:hover:before{background-color:#e3c0a2}
.policy a.btn_tab:hover:after{opacity:1; z-index:1; background-position:center}
.policy a.btn_tab:hover:before,
.policy a.btn_tab.select:before{box-shadow:0px 2px 8px rgba(0,0,0,.45)}
.policy a.btn_tab .target{margin-top:20px; font-weight:bold; font-size:1.2em; color:#222; letter-spacing:-1px; transform:rotate(0.03deg)}
.policy a.btn_tab .target span{font-size:.8em}
.policy a.btn_tab .sort{margin-top:5px; font-size:.95em}
.policy a.btn_tab .sort span.txt01{color:#ec5900}
.policy a.btn_tab .sort span.txt02{color:#097811}
.policy a.btn_tab .sort span.txt03{color:#666666}
.policy a.btn_tab .sort span:before{display:inline; content:'#'}
.policy .tab_con{display:none; position:relative; padding:5% 7%; margin-bottom:50px;  background-image:none !important; border:1px solid rgba(0,0,0,.1); border-radius:8px; box-shadow:0px 2px 6px rgba(0,0,0,.2)}
.policy .tab_con svg{position:absolute; left:50%; margin-left:-60px; top:-21px; width:122px; height:22px; box-sizing:border-box; overflow:hidden ;}
.policy .tab_con.con01 svg{left:15%; fill:#fff1c0; border-bottom:1px solid #fff1c0}
.policy .tab_con.con02 svg{fill:#d5e3e6; border-bottom:1px solid #d5e3e6}
.policy .tab_con.con03 svg{left:85%; fill:#f5f7f6; border-bottom:1px solid #f5f7f6}
.policy .tab_con.con04 svg{left:15%; fill:#e3dadb; border-bottom:1px solid #e3dadb}
.policy .tab_con.con05 svg{fill:#d9dce1; border-bottom:1px solid #d9dce1}
.policy .tab_con.con06 svg{left:85%; fill:#e0d9d3; border-bottom:1px solid #e0d9d3}
.policy .tab_con ul.list{overflow:hidden}
.policy .tab_con ul.list>li{float:left; width:28%}
.policy .tab_con ul.list>li+li{margin-left:8%}
.policy .tab_con ul.list>li p.q{padding:10px 0px 10px; font-size:1.4em; border-bottom:2px solid #333; background-repeat:no-repeat; background-position:top right}
.policy .tab_con ul.list>li.support01 p.q{background-image:url(/img/sub//policy_support01.gif)}
.policy .tab_con ul.list>li.support02 p.q{background-image:url(/img/sub//policy_support02.gif)}
.policy .tab_con ul.list>li.support03 p.q{background-image:url(/img/sub//policy_support03.gif)}
.policy .tab_con ul.list>li ul.a{margin-top:10px}
.policy .tab_con ul.list>li ul.a  li+li{border-top:1px dotted rgba(0,0,0,.4)}
.policy .tab_con ul.list>li ul.a  li a{position:relative; display:inline-block; padding:7px 17px 6px; transform:rotate(0.03deg)}
.policy .tab_con ul.list>li ul.a  li a:before,
.policy .tab_con ul.list>li ul.a  li a:after{display:block; content:''; position:absolute}
.policy .tab_con ul.list>li ul.a  li a:before{left:2px; top:16px; width:6px; height:1px; background:#888;}
.policy .tab_con ul.list>li ul.a  li a:after{right:0px; top:50%; margin-top:-5px; width:7px; height:7px; border:2px solid #666; border-width:1px 1px 0px 0px; transform:rotate(45deg)}
.policy .tab_con ul.list>li ul.a  li a:hover{font-weight:bold; text-decoration:none}
.policy .tab_con ul.list>li.support01 .q,
.policy .tab_con ul.list>li.support01 a:hover{color:#ec5900} 
.policy .tab_con ul.list>li.support02 .q,
.policy .tab_con ul.list>li.support02 a:hover{color:#097811}
.policy .tab_con ul.list>li.support03 .q,
.policy .tab_con ul.list>li.support03 a:hover{color:#222}
.policy .tab_con ul.list>li.support01 a:hover:before{background:#ec5900} 
.policy .tab_con ul.list>li.support02 a:hover:before{background:#097811}
.policy .tab_con ul.list>li.support03 a:hover:before{background:#222}
.policy .tab_con ul.list>li.support01 .q,
.policy .tab_con ul.list>li.support01 a:hover:After{border-color:#ec5900} 
.policy .tab_con ul.list>li.support02 .q,
.policy .tab_con ul.list>li.support02 a:hover:After{border-color:#097811}
.policy .tab_con ul.list>li.support03 .q,
.policy .tab_con ul.list>li.support03 a:hover:After{border-color:#222}
.policy .tab_con ul.list>li:first-child:last-child{width:100%; overflow:hidden}
.policy .tab_con ul.list>li:first-child:last-child .q{float:left; width:32%}
.policy .tab_con ul.list>li:first-child:last-child .a{float:right; width:60%}

.history {position:relative; padding-bottom:50px;}
.history:before {position:absolute; bottom:0; left:145px; height:50px; border-left:1px dashed #aaa; content:"";}
.history>dl {position:relative; padding:50px 0 10px 190px;}
.history>dl:before {position:absolute; top:0; bottom:0; left:145px; width:1px; background:#aaa; content:"";}
.history>dl:after {position:absolute; top:55px; left:138px; width:9px; height:9px; border:3px solid #0e49b6; border-radius:50%; background:#fff; content:"";}
.history>dl>dt {position:absolute; text-align:center; left:0; top:42px; width:130px; font-size:1.82em; color:#000;}
.history>dl:first-of-type {padding-top:10px;}
.history>dl:first-of-type:before {top:20px;}
.history>dl:first-of-type:after {top:17px;}
.history>dl:first-of-type>dt {top:2px;}
.history>dl>dd:first-of-type {margin-top:0;}
.history>dl>dd {position:relative; margin-top:10px; padding:5px 0 5px 115px; color:#555;}
.history>dl>dd .date {position:absolute; left:0; top:0; text-align:center; width:85px; padding:5px 10px; color:#000; border-radius:5px; background:#f5f5f5;}
.history>dl>dd:before {position:absolute; top:13px; left:95px; width:5px; height:5px; border:solid #009fdc; border-width:3px 3px 0 0; transform:rotate(45deg); content:"";}

.greeting {background:url('/img/sub/greeting_bg.jpg') no-repeat right bottom;}
.greeting>p {margin-top:30px; font-size:1.1em; color:#555;}
.greeting>p.tit {margin-top:0; font:bold 2.2em/1.2 'lottemart';}
.greeting>p.tit span {color:#0e49b6;}
.greeting>p.tit+p {margin-top:60px;}
.greeting>p.name {margin-top:50px; color:#000; font-size:1.3em; vertical-align:middle;}
.greeting>p.name img {vertical-align:middle; margin-left:15px;}
/*******************************************************************************************************************/


@media screen and (max-width:1279px){	
	.sub_title{height:auto}
	.sub_title h3{float:none; display:block; text-align:center; padding:4% 10px 0px; width:auto; height:auto}
	#tab, 	#tab.reduce{float:none; width:auto}
	#tab ul{height:120px; justify-content:center; }
	#tab ul li.on:after{top:50px}
	.h4Box:After{display:block; content:''; clear:both}
	h4{float:none; margin-left:0px; margin-bottom:30px;  width:auto}
	.h4_con{float:none; width:auto}
	.h4Box+.h4Box .h4_con:first-of-type{padding-top:0px; border-top:0px}
	.stabBox{float:none; margin-left:0px; margin-bottom:30px;  width:auto}
	.stabBox h4{float:none; width:auto; margin:0px}
	.stabBox ul.stab{margin:30px 0px 0px 0px; }
	.stabBox ul.stab li{display:inline-block; text-align:center; margin:0px; padding:0px; width:48%}
	.stabBox ul.stab li a{display:block; padding:10px 10px 8px}
	.stabBox ul.stab li.on a:After{display:none}

}

@media screen and (max-width:800px){	
	.allmenu .menu ul li.on>a{color:#009fdc; text-decoration:underline}
	#contents{position:relative;}
	.sub_title{background-size:contain}
	.sub_title h3{opacity:.7; padding-top:30px; font-size:1.2em; }
	.sub_title h3:After{display:block; content:''; margin:20px auto 0px; color:rgba(255,255,255,.8); width:7%; height:1px; background:#fff;}
	#tab ul li.on:after,
	#tab ul li:not(.on){display:none}
	#tab ul{height:auto; padding:25px 10px 30px}
	#tab ul li{font:normal 6vw 'lottemart';  text-shadow: 0px 0px 2px rgb(0 0 0 / 40%); line-height:1.3; word-break:keep-all}
	#shareSns{position:absolute; bottom:0px; margin-bottom:10px; width:100%}
	#detail_con{padding:45px 10px 80px}
	h5{margin-left:0px; padding-left:40px}
	h5:before,
	h5:after{top:3px; -webkit-transform:scale(.9); transform:scale(.9)}
	.tbox{margin-top:10px; padding:25px 30px}
	.para01{margin:25px 0px 0px 23px}
	.para01+h5{margin-top:65px}	
	.step{flex-direction: column;}
	.step>li{margin:3px 0px; padding:25px 15%}
	.step>li:before{top:23px}
	.step>li>div>.tit{font-size:1.1em}
	.step02>li>div{display:flex; flex-direction: column; padding:10px 0px}
	.step02>li>div>.tit{padding:20px; width:100%}
	.step02>li>div>.con{padding:20px 5px; margin:0px auto; width:80%; border-top:1px solid rgba(0,0,0,.1)}
	.step02>li>div>.con:before{display: none}
	.step02>li:first-child>div{background:#009fdc}
	.step02>li:first-child>div *{color:#fff; text-shadow:0px 0px 2px rgba(0,0,0,.2)}
	.step02>li:first-child>div>.con:before{background:rgba(255,255,255,.5)}
	table.data th, table.data td{word-break:break-all}
	table.data tbody td{padding:15px 3%}
	.tableBox{position:relative; overflow-x:auto}
	.tableBox table{min-width:680px}
	.tableBox .dataScroll{display:block; position:absolute; top:20%; left:50%; margin-left:-50px; width:100px; height:100px; text-indent:-50000px; border-radius:100px; background:#fdb813 url(/img/sub/ic_scroll.png) no-repeat center center/50px; z-index:1}	
	.center_system:before,
	.center_system:after{display:none}
	.center_system{margin-top:10px}
	.center_system>dl{top:10px; width:90%; border-radius:10px}
	.center_system>dl dt{padding:10px 0px; border-radius:10px}
	.center_system>dl dt p{-webkit-transform:scale(.7); transform:scale(.7)}
	.center_system>dl dd{text-align:center; padding:20px 0px}	
	.center_system>ul{margin:20px auto 0px ; width:90%; overflow:hidden}
	.center_system>ul>li{position:static; float:left; margin:.5% .5%; width:49%}
	.center_system>ul>li p{text-align:center; width:auto; height:90px; border:3px solid #eee; border-radius:10px}
	.center_system>ul>li ul{margin-top:-10px; padding:20px}
	.center_system>ul>li ul li{font-size:.9em}
	.center_system>ul>li:nth-child(3) ul{width:auto; margin-left:0%}
	.center_system>ul>li:nth-child(3) ul li{float:left; width:100%}
	.center_system>ul>li:nth-child(4) ul{left:0%}
	.center_business>ul{overflow:hidden}
	.center_business>ul>li{position:relative; float:none; width:100%; margin-top:10px; padding:20px 20px 17px 90px; border-radius:5px}
	.center_business>ul>li:before{position:absolute !important; left:0px; top:0px; margin:0px !important; width:100px; height:100%;; background-position:20px center; background-size:60px}
	.center_business>ul>li:nth-child(1){background-color:#33b2e3}
	.center_business>ul>li:nth-child(2){background-color:#ad45d9}
	.center_business>ul>li:nth-child(3){background-color:#ffbd3c}
	.center_business>ul>li:nth-child(4){background-color:#eb6379}
	.center_business>ul>li p{margin-top:0%;  color:#fff}
	.center_business>ul>li:nth-child(1) p,
	.center_business>ul>li:nth-child(3) p{text-align:left}
	.vision{position:relative; margin-top:30px}
	.vision:first-child{margin-top:0px}	
	.vision:first-child>dt{display:none;}
	.vision>dt{display:block; position:static; padding:30px 10px; width:100%; height:auto}
	.vision>dd{margin-left:0px}
	.vision>dd.slogan>div{padding-bottom:20px; border-width:5px}
	.vision>dd.slogan>div:before,
	.vision>dd.slogan>div:after{width:20px; height:5px; box-shadow: 0px 128px 0px #009fdc;}
	.vision>dd.slogan>div:before{left:-5px; }
	.vision>dd.slogan>div:after{right:-5px; }
	.vision>dd.goal>ul>li{float:none; margin:0px auto 20px; padding-top:80px; width:90%; background-position:center 0px; background-size:70px}
	.vision>dd.goal>ul>li>p{margin:auto; padding:9px 10px 8px; width:230px}
	.vision>dd.goal>ul>li>ul{margin-top:10px}
	.vision>dd.goal>ul>li>ul>li{margin-top:5px; color:#222}
	.vision>dd.roadmap>ul>li{float:none; width:100%}
	.vision>dd.roadmap>ul>li>ul{margin-bottom:30px}	
	.vision>dd.carry>ul>li>p,
	.vision>dd.carry>ul>li>ul{float:none; width:100%}
	.vision>dd.carry>ul>li>p{padding:20px 10px 10px}
	.vision>dd.carry>ul>li>ul{margin-left:10px}
	.location .map{float:none; width:100%; border-width:3px; height:200px}
	.location .con{float:none; width:100%}
	.location .con dt{margin-top:20px}
	.business01>p img{width:50%}
	.business01>ul{padding:25px 20px;  border-width:6px}
	.business_effect>li{float:none; width:100%; margin:5px 0px}
	.business_effect>li dl{display:flex}
	.business_effect>li dl dt{width:40%; text-align:center; margin-bottom:0px; padding-top:70px; background-size:50px}
	.business_effect>li dl dd{width:60%; padding:15px 30px}
	.go_recruit{display:none;}
	.myabode>ul>li{position:relative; padding:17px 6% 10px; width:50%; height:95px}
	.myabode>ul>li:first-child,
	.myabode>ul>li:last-child{width:100%; height:70px}
	.myabode>ul>li:first-child{overflow:hidden}
	.myabode>ul>li:first-child .q{float:left; text-align:center; padding-top:5px; width:40%}
	.myabode>ul>li:first-child .a{float:left; text-align:right; width:60%; }
	.myabode>ul>li:first-child+li{border-color:#ddd}
	.myabode>ul>li:last-child button{height:70px}
	.myabode_list>li a{padding:20px 30px}
	.myabode_list>li span.viewall{display:none}	
	.recruit_list>li{width:99%}
	.recruit_list>li a{padding:20px 25px 20px}
	.recruit_list>li a dt{margin-top:10px; height:auto}
	.recruit_list>li a .date{left:25px; bottom:20px}

	#business_result .gallery {display:block;}
	#business_result .gallery>li {width:100%; margin-right:0 !important;}
	#business_result .gallery>li dl dt span:before {display:block;}
	
	#business_result .gallery.supply>li .con .tit{text-align:left;}
	#business_result .gallery>li .con .tit .tag {width:70px; font-size:.8rem;}
	#business_result .gallery>li.buy {display:block;}
	#business_result .gallery>li.buy .photo {width:100%;}
	#business_result .gallery>li.buy .con {width:100%;}

	.buyHouse>ul>li>a {width:24%;}
	.buyHouse>ul>li.on>div {padding-top:95px;}
	.buyHouse>ul>li:nth-child(n+5)>a {top:37px;}
	.buyHouse>ul>li:nth-child(2)>a {left:25%;}
	.buyHouse>ul>li:nth-child(3)>a {left:50%;}
	.buyHouse>ul>li:nth-child(4)>a {left:75%;}
	.buyHouse>ul>li:nth-child(5)>a {left:0;}
	.buyHouse>ul>li:nth-child(6)>a {left:25%;}
	.buyHouse>ul>li:nth-child(7)>a {left:50%;}
	.buyHouse>ul>li:nth-child(8)>a {left:75%;}
	.buyGraph {overflow-x:scroll;}
	.buyGraph>div {width:1024px;}

	.policy{margin-top:0px; padding-left:0px}
	.policy .tit{display:none;}
	.policy .con{padding-top:0px} 
	.policy a.btn_tab{position:relative; left:0px !important; margin-top:20px; padding-bottom:15px; width:100%; padding-left:165px; min-height:110px; border-bottom:1px solid #ddd}
	.policy a.btn_tab.select{border:0px}
	.policy a.btn_tab:after{display:none;}
	.policy a.btn_tab:before{position:absolute; left:0px; width:150px; height:90px; background-size:100% auto}
	.policy .tab_con{padding:0px 30px}
	.policy .tab_con svg{display:none;}
	.policy .tab_con ul.list>li{float:none; width:100%; margin:20px 0px !Important}
	.policy .tab_con ul.list>li:first-child:last-child .q,
	.policy .tab_con ul.list>li:first-child:last-child .a{float:none; width:100%}
}