@charset "utf-8";

.MAL8{margin-left:8px !important}
ul.step01{display:flex;flex-wrap:wrap}
ul.step01 li.step01-list{padding:0 !important;margin-top:20px;word-break: keep-all;display: flex;flex-direction: column;text-align: center;width: calc(25% - 300px / 4);position: relative;margin-right:100px;min-width:195px}
ul.step01 li.step01-list:not(:last-child):after{content: '';position: absolute;top: calc(50% - 18px);right: -78px;background: url(/biz/common/img/2024112717325180420.png) center center no-repeat;width: 46px;height: 36px}
ul.step01 li.step01-list:last-child{margin-right:0}

ul.step02{display:flex}
ul.step02 li.step02-list{word-break: keep-all;display: flex;flex-direction: column;text-align: center;padding-left:0;width:100%}
.step02-list ul li{}

.step01-cont01{padding:7px 7px;background-color:#3b6191;color:#fff;border-radius:5px 5px 0 0;margin-bottom:3px}
.step01-cont02{padding:10px 10px;background-color:#f5f5f5;border-radius:0 0 5px 5px;color:#1a1a1a}
.step01-cont03{padding-bottom:10px;background-color:#f5f5f5;border-radius:0 0 5px 5px;color:#2a4971}
.cont-title{font-size:22px;font-weight:500;background:#eff3fb;color:#000}

.step02-cont01{padding:7px 7px;background-color:#3b6191;color:#fff;border-radius:5px 5px 0 0;margin-bottom:3px}
.step02-cont02{padding:10px 10px;background-color:#f5f5f5;color:#1a1a1a;font-weight:500}
.step02-cont03{padding:10px 39px;border:2px solid #f5f5f5;color:#1a1a1a;border-radius:0 0 5px 5px;margin-top:3px;text-align:left;min-height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column}

.img-box-tit{background: #ecf4ff;color:#000;text-align:center;padding:10px;border-radius:10px 10px 0 0}
.img-cont01{display:grid;grid-template-columns:repeat(2, 1fr)}
.img-box-01{display:flex;padding:30px 35px;background-color:#fafafa;border:1px solid #f5f5f5;flex-direction:column}
.img-box-02{display:flex}
.img-box-04{display:flex;padding:30px 35px}
.img-box-01 ul{width:70%}
.img-box-01 img {height:33vh}
.img-box-02,
.img-box-04{gap:35px}
.img-box-02 img {width:calc(50% - 17.5px);border-radius:10px;height:335px}
.img-box-03 img {width:100%;height:70vh}
.img-box-04 {height:437px}
.img-box-0401 {width:50%}
.img-box-0401 p {color:#000;text-align:center;padding:10px 0;background:#ecf4ff;border-radius:10px;margin-top:10px;border:1px solid #f2f2f2;}
.img-box-0401 img {width:100%;height:85%;border-radius:10px}
.img-box-05{width:100%;height:50vh}

.w100i {width:100%}
.wWEB{width:-webkit-fill-available}
.bgnone{background:none !important}
.GAP7{gap:7px}
.h2-sub{font-size:17px;font-weight:500}
.table-sub{font-size:15px;margin-top:5px;display: flex;justify-content: end}

/*서브 다운로드 버튼*/
.sub-dl-btn{font-weight:bold;border:1px solid #1f1a7c;height: 27px;line-height: 25px;color: #1f1a7c;padding: 2px 10px;margin: 0 0 0 5px;font-size: 14px;vertical-align: unset}
.sub-dl-btn:hover{background-color: #1f1a7c;color:#ffffff;text-decoration:none !important}
.contentStyle a:hover {text-decoration: underline}
.contentStyle a {font-weight: bold;color: #005aab}

/*투자유치 - 투자환경 - 풍부한 관광자원*/
.sc_tour_box{}
.sc_tour_box p.sct_title{word-break:keep-all;letter-spacing: .5rem;font-size: 1.5rem;color: #fff;font-weight: 500;padding: .6rem 10rem;text-align: center;width: fit-content;justify-self: center;background-color: #013c6d;border-radius: 30px 30px 0 0;}
.sc_tour_box div.sct_img_box{display: grid;grid-template-columns: repeat(6, 1fr);padding:2rem 2rem 0 2rem;border:1px solid #013c6d;background-color:#f9f9f9;gap:10px;border-radius:10px}
div.sct_img_box .sct_ib01{display: flex;flex-direction: column;min-width: -webkit-fill-available}
div.sct_img_box .sct_ib01 img{border-radius:10px}
div.sct_img_box .sct_ib01 span{text-align: center;padding: 1rem;}

@media screen and (max-width:904px){
	ul.step01{display:flex;flex-wrap:wrap}
	ul.step01 li.step01-list{width:100%;position: relative;margin-right:0px;margin-bottom:40px;min-width:195px}
	ul.step01 li.step01-list:not(:last-child):after{rotate: 90deg;background-size: 50px;right: auto;left: calc(50% - 25px);top: 107%;bottom: calc(50% - 92px)}
       .sc_tour_box div.sct_img_box{grid-template-columns: repeat(3, 2fr)}
       .sc_tour_box p.sct_title{font-size:1.2rem;padding:.6rem 5rem}
	
}
@media screen and (max-width:800px){
	.img-box-01{padding:20px 15px}
	.img-box-01 img {margin-right:20px}
        .step02-cont03{padding:10px 20px}
}
@media screen and (max-width:700px){
        ul.step02{flex-direction:column}
	.img-box-01,
	.img-box-02,
	.img-box-04{flex-direction:column}
	.img-box-01 img{width:100%;height:24vh}
	.img-box-02{width:100%}
	.img-box-02 img{width:100%}
	.img-box-04{padding:20px 15px;height:auto}
	.img-box-0401{width:100%}
}
@media screen and (max-width:600px){
        .sc_tour_box div.sct_img_box{grid-template-columns: repeat(2, 3fr)}
        .sc_tour_box p.sct_title{font-size:1rem;padding:.6rem 2rem}
}