@CHARSET "UTF-8";

body,h1,h2,h3,h4,h5,input,select{color:#333; font-family:Malgun Gothic, "맑은 고딕",'돋움', Dotum, verdana; font-size:12px; font-weight:normal; letter-spacing:-1px; }/*@@@ 나눔고딕 추가 & line-height 제거 @@@*/
img,input,select,textarea{vertical-align:middle;}

.sticky-wrap {
    position: sticky;
    top: 100px;
    margin-left: 20px;
    width: 210px;
    background: white;
    padding:10px;
}

.mapWrap{
	width: 810px;
	height: auto;
}
.mapWrap .mapTitle{
	width: 100%;
	height: 62px;
	background-color: #e7e7e7;
	line-height: 62px;
}
.mapWrap .mapTitle select{
	width: 99px;
	height: 25px;
	border: 1px solid #dfdfdf;
	padding-left: 10px;
}
.center{
	display: block;
	text-align: center;
}
.mapWrap .mapContents{
	width: 100%;
	height: auto;
	background-color: #f4f4f4;
}
.mapContents .mapImage img/*.map_1*/{
	display: block;
	/*width: 436px;*/
	margin: 0 auto;
}
.mapContents .mapImage img.map_1{
	padding: 27px 0 25px 0;
}
.mapContents .mapImage p{
	color: #6d6e71;
	letter-spacing: -0.35px;
	padding: 14px 0 13px 16px;
}
.mapContents .mapImage p>span{
	color: #58595b;
	font-weight: bold;
}

.mapImage .areaExpre{
	position: relative;
}
/*占쏙옙占쏙옙*/
.mapContents .mapImage{
	position: relative;
}
.mapImage .sampleIMG{
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}


.cont-wrap>.inner {
	overflow:unset !important;
}


.sampleIMG img {
	max-width: 100%;
	width:100%;
}

/*전국지역*/
.contryMap .L6{position: absolute;top: 47px;left: 342px;}			/*서울*/
.contryMap .L7{position: absolute;top: 56px;left: 275px;}			/*인천*/
.contryMap .L8{position: absolute;top: 140px;left: 365px;}			/*경기*/
.contryMap .L9{position: absolute;top: 89px;right: 329px;}			/*강원*/
.contryMap .L3{position: absolute;top: 195px;left: 392px;}			/*충북*/
.contryMap .L16{position: absolute;top: 214px;left: 319px;}			/*충남*/
.contryMap .L2{position: absolute;top: 226px;left: 219px;}			/*대전*/
.contryMap .L19{position: absolute;top: 166px;left: 274px;}			/*세종*/
.contryMap .L11{position: absolute;bottom: 205px;right: 297px;}		/*경북*/
.contryMap .L10{position: absolute;bottom: 206px;right: 223px;}		/*대구*/
.contryMap .L13{position: absolute;bottom: 124px;right: 175px;}		/*울산*/
.contryMap .L12{position: absolute;bottom: 97px;right: 333px;}		/*경남*/
.contryMap .L14{position: absolute;bottom: 42px;right: 189px;}		/*부산*/
.contryMap .L4{position: absolute;bottom: 137px;left: 343px;}		/*전북*/
.contryMap .L5{position: absolute;bottom: 90px;left: 226px;}		/*광주*/
.contryMap .L17{position: absolute;bottom: 53px;left: 337px;}		/*전남*/
.contryMap .L15{position: absolute;bottom: 29px;left: 187px;}		/*제주*/

/*경기지역*/
.L8Map, .D39{position: absolute;top: 41px;left: 375px;}				/*연천*/
.L8Map, .D47{position: absolute;top: 82px;right: 323px;}				/*포천*/
.L8Map, .D28{position: absolute;top: 93px;left: 377px;}				/*동두천*/
.L8Map, .D45{position: absolute;top: 126px;left: 316px;}				/*파주*/
.L8Map, .D36{position: absolute;top: 136px;left: 375px;}				/*양주*/
.L8Map, .D19{position: absolute;top: 135px;right: 283px;}			/*가평*/
.L8Map, .D43{position: absolute;top: 157px;left: 216px;}				/*의정부*/
.L8Map, .D26{position: absolute;top: 191px;left: 264px;}				/*김포*/
.L8Map, .D20{position: absolute;top: 192px;left: 331px;}				/*고양*/
.L8Map, .D24{position: absolute;top: 207px;left: 386px;}				/*구리*/
.L8Map, .D27{position: absolute;top: 184px;right:323px;}				/*남양주*/
.L8Map, .D29{position: absolute;top:232px;left: 296px;}				/*부천*/
.L8Map, .D21{position: absolute;bottom: 176px;left: 352px;}			/*과천*/
.L8Map, .D48{position: absolute;bottom: 188px;right: 329px;}			/*하남*/
.L8Map, .D37{position: absolute;bottom: 181px;right: 241px;}			/*양평*/
.L8Map, .D22 {position: absolute;bottom: 160px;left: 186px;}			/*광명*/
.L8Map, .D32{position: absolute;bottom: 128px;left: 230px;}			/*시흥*/
.L8Map, .D33 {position: absolute;bottom: 132px;left: 302px;}			/*안산*/
.L8Map, .D42 {position: absolute;bottom: 78px;left: 221px;}			/*의왕*/
.L8Map, .D35 {position: absolute;bottom: 93px;left: 281px;}			/*안양*/
.L8Map, .D25 {position: absolute;bottom: 50px;left: 279px;}			/*군포*/
.L8Map, .D49 {position: absolute;bottom: 64px;left: 337px;}			/*화성*/
.L8Map, .D30 {position: absolute;bottom: 150px;right: 364px;}		/*성남*/
.L8Map, .D23 {position: absolute;bottom: 150px;right: 311px;}		/*광주*/
.L8Map, .D31 {position: absolute;bottom: 106px;right: 384px;}		/*수원*/
.L8Map, .D41 {position: absolute;bottom: 92px;right: 331px;}			/*용인*/
.L8Map, .D44 {position: absolute;bottom: 91px;right: 273px;}			/*이천*/
.L8Map, .D38 {position: absolute;bottom: 115px;right: 223px;}		/*여주*/
.L8Map, .D46 {position: absolute;bottom: 21px;right: 390px;}			/*평택*/
.L8Map, .D34 {position: absolute;bottom: 29px;right: 318px;}			/*안성*/
.L8Map, .D40 {position: absolute;bottom: 73px;right: 188px;}			/*오산*/

/*강원지역*/
.L9Map, .D12{position: absolute;top: 83px;left: 205px;}				/*철원*/
.L9Map, .D17{position: absolute;top: 112px;left: 273px;}				/*화천*/
.L9Map, .D6{position: absolute;top: 105px;left: 337px;}				/*양구*/
.L9Map, .D2{position: absolute;top: 69px;right: 328px;}				/*고성*/
.L9Map, .D13{position: absolute;top: 179px;left: 278px;}				/*춘천*/
.L9Map, .D10{position: absolute;top: 154px;right: 367px;}			/*인제*/
.L9Map, .D5{position: absolute;top: 119px;right: 306px;}				/*속초*/
.L9Map, .D7{position: absolute;top: 167px;right: 291px;}				/*양양*/
.L9Map, .D16{position: absolute;top: 225px;left: 339px;}				/*홍천*/
.L9Map, .D18{position: absolute;bottom: 136px;left: 343px;}			/*횡성*/
.L9Map, .D15{position: absolute;bottom: 144px;right: 337px;}			/*평창*/
.L9Map, .D1{position: absolute;bottom: 172px;right: 241px;}			/*강릉*/
.L9Map, .D9{position: absolute;bottom: 78px;left: 300px;}			/*원주*/
.L9Map, .D8{position: absolute;bottom: 35px;right: 344px;}			/*영월*/
.L9Map, .D11{position: absolute;bottom: 85px;right: 280px;}			/*정선*/
.L9Map, .D3{position: absolute;bottom: 112px;right: 204px;}			/*동해*/
.L9Map, .D4{position: absolute;bottom: 57px;right: 185px;}			/*삼척*/
.L9Map, .D14{position: absolute;bottom: 21px;right: 227px;}			/*태백*/

/*충북지역*/
.L3Map, .D228{position: absolute;top: 39px;right: 324px;}			/*제천*/
.L3Map, .D223{position: absolute;top: 81px;right: 259px;}			/*단양*/
.L3Map, .D232{position: absolute;top: 76px;left: 355px;}				/*충주*/
.L3Map, .D227{position: absolute;top: 98px;left: 263px;}				/*음성*/
.L3Map, .D229{position: absolute;top: 135px;left: 223px;}			/*진천*/
.L3Map, .D234{position: absolute;top: 165px;left: 266px;}			/*증평*/
.L3Map, .D222{position: absolute;top: 161px;left: 337px;}			/*괴산*/
.L3Map, .D231{position: absolute;top: 209px;left: 224px;}			/*청주*/
.L3Map, .D224{position: absolute;bottom: 161px;left: 304px;}			/*보은*/
.L3Map, .D226{position: absolute;bottom: 96px;left: 275px;}			/*옥천*/
.L3Map, .D225{position: absolute;bottom: 38px;left: 329px;}			/*영동*/

/*충남지역*/
.L16Map, .D220{position: absolute;top: 104px;left: 174px;}			/*태안*/
.L16Map, .D213{position: absolute;top: 110px;left: 251px;}			/*서산*/
.L16Map, .D210{position: absolute;top: 55px;left: 309px;}			/*당진*/
.L16Map, .D215{position: absolute;top: 94px;right: 349px;}			/*아산*/
.L16Map, .D218{position: absolute;top: 86px;right: 275px;}			/*천안*/
.L16Map, .D217{position: absolute;top: 145px;left: 350px;}			/*예산*/
.L16Map, .D221{position: absolute;top: 191px;left: 297px;}			/*홍성*/
.L16Map, .D211{position: absolute;bottom: 119px;left: 282px;}		/*보령*/
.L16Map, .D219{position: absolute;bottom: 162px;left: 366px;}		/*청양*/
.L16Map, .D207{position: absolute;bottom: 180px;right: 312px;}		/*공주*/
.L16Map, .D214{position: absolute;bottom: 35px;left: 319px;}			/*서천*/
.L16Map, .D212{position: absolute;bottom: 89px;left: 369px;}			/*부여*/
.L16Map, .D209{position: absolute;bottom: 61px;right: 297px;}		/*논산*/
.L16Map, .D208{position: absolute;bottom: 39px;right: 190px;}		/*금산*/
.L16Map, .D233{position: absolute;bottom: 113px;right: 262px;}		/*계룡*/

/*전북지역*/
.L4Map, .D190{position: absolute;top: 85px;left: 234px;}				/*군산*/
.L4Map, .D197{position: absolute;top: 59px;left: 319px;}				/*익산*/
.L4Map, .D196{position: absolute;top: 87px;left: 395px;}				/*완주*/
.L4Map, .D202{position: absolute;top: 144px;right: 287px;}			/*진안*/
.L4Map, .D193{position: absolute;top: 95px;right: 179px;}			/*무주*/
.L4Map, .D191{position: absolute;top: 151px;left: 278px;}			/*김제*/
.L4Map, .D200{position: absolute;top: 151px;left: 357px;}			/*전주*/
.L4Map, .D194{position: absolute;bottom: 160px;left: 187px;}			/*부안*/
.L4Map, .D201{position: absolute;bottom: 135px;left: 282px;}			/*정읍*/
.L4Map, .D198{position: absolute;bottom: 126px;right: 355px;}		/*임실*/
.L4Map, .D199{position: absolute;bottom: 164px;right: 239px;}		/*장수*/
.L4Map, .D189{position: absolute;bottom: 56px;left: 172px;}			/*고창*/
.L4Map, .D195{position: absolute;bottom: 40px;left: 352px;}			/*순창*/
.L4Map, .D192{position: absolute;bottom: 43px;right: 294px;}			/*남원*/

/*전남지역*/
.L17Map, .D180{position: absolute;top: 76px;left: 266px;}			/*영광*/
.L17Map, .D183{position: absolute;top: 51px;left: 355px;}			/*장성*/
.L17Map, .D173{position: absolute;top: 68px;right: 337px;}			/*담양*/
.L17Map, .D169{position: absolute;top: 87px;right: 254px;}			/*곡성*/
.L17Map, .D171{position: absolute;top: 81px;right: 184px;}			/*구례*/
.L17Map, .D186{position: absolute;top: 133px;left: 288px;}			/*함평*/
.L17Map, .D178{position: absolute;top: 212px;left: 151px;}			/*신안*/
.L17Map, .D172{position: absolute;top: 173px;left: 345px;}			/*나주*/
.L17Map, .D175{position: absolute;top: 197px;left: 266px;}			/*무안*/
.L17Map, .D188{position: absolute;top: 169px;right: 321px;}			/*화순*/
.L17Map, .D177{position: absolute;top: 178px;right: 215px;}			/*순천*/
.L17Map, .D170{position: absolute;top: 157px;right: 138px;}			/*광양*/
.L17Map, .D174{position: absolute;bottom: 174px;left: 254px;}		/*목포*/
.L17Map, .D181{position: absolute;bottom: 179px;left: 329px;}		/*영암*/
.L17Map, .D185{position: absolute;bottom: 45px;left: 207px;}			/*진도*/
.L17Map, .D187{position: absolute;bottom: 77px;left: 297px;}			/*해남*/
.L17Map, .D167{position: absolute;bottom: 117px;left: 358px;}		/*강진*/
.L17Map, .D182{position: absolute;bottom: 20px;left: 340px;}			/*완도*/
.L17Map, .D184{position: absolute;bottom: 152px;right:358px;}		/*장흥*/
.L17Map, .D176{position: absolute;bottom: 186px;right: 286px;}		/*보성*/
.L17Map, .D168{position: absolute;bottom: 100px;right: 243px;}		/*고흥*/
.L17Map, .D179{position: absolute;bottom: 173px;right:145px;}		/*여수*/

/*경북지역*/
.L11Map, .D76{position: absolute;top: 116px;left: 226px;}			/*문경*/
.L11Map, .D83{position: absolute;top: 72px;left: 315px;}				/*영주*/
.L11Map, .D77{position: absolute;top: 57px;right: 369px;}			/*봉화*/
.L11Map, .D87{position: absolute;top: 46px;right: 288px;}			/*울진*/
.L11Map, .D85{position: absolute;top: 129px;left: 289px;}			/*예천*/
.L11Map, .D80{position: absolute;top: 147px;left: 361px;}			/*안동*/
.L11Map, .D82{position: absolute;top: 112px;right: 321px;}			/*영양*/
.L11Map, .D78{position: absolute;top: 195px;left: 213px;}			/*상주*/
.L11Map, .D88{position: absolute;top: 214px;left: 333px;}			/*의성*/
.L11Map, .D90{position: absolute;top: 206px;right: 335px;}			/*청송*/
.L11Map, .D81{position: absolute;top: 177px;right: 271px;}			/*영덕*/
.L11Map, .D75{position: absolute;bottom: 119px;left: 208px;}			/*김천*/
.L11Map, .D73{position: absolute;bottom: 151px;left: 278px;}			/*구미*/
.L11Map, .D79{position: absolute;bottom: 75px;left:245px;}			/*성주*/
.L11Map, .D91{position: absolute;bottom: 99px;left: 296px;}			/*칠곡*/
.L11Map, .D74{position: absolute;bottom: 132px;left: 342px;}			/*군위*/
.L11Map, .D72{position: absolute;bottom: 18px;left: 262px;}			/*고령*/
.L11Map, .D92{position: absolute;bottom: 149px;right: 289px;}		/*포항*/
.L11Map, .D84{position: absolute;bottom: 110px;right:355px;}			/*영천*/
.L11Map, .D70{position: absolute;bottom: 54px;right: 384px;}			/*경산*/
.L11Map, .D89{position: absolute;bottom: 5px;left: 349px;}			/*청도*/
.L11Map, .D71{position: absolute;bottom: 57px;right:292px;}			/*경주*/

/*경남지역*/
.L12Map, .D68{position: absolute;top: 114px;left: 172px;}			/*함양*/
.L12Map, .D51{position: absolute;top: 48px;left: 230px;}				/*거창*/
.L12Map, .D69{position: absolute;top: 116px;left: 303px;}			/*합천*/
.L12Map, .D63{position: absolute;top: 133px;right: 350px;}			/*창녕*/
.L12Map, .D56{position: absolute;top: 142px;right: 267px;}			/*밀양*/
.L12Map, .D59{position: absolute;top: 167px;right: 183px;}			/*양산*/
.L12Map, .D58{position: absolute;top: 186px;left: 233px;}			/*산청*/
.L12Map, .D60{position: absolute;top: 169px;left: 345px;}			/*의령*/
.L12Map, .D66{position: absolute;bottom: 142px;left: 196px;}			/*하동*/
.L12Map, .D61{position: absolute;bottom: 169px;left: 302px;}			/*진주*/
.L12Map, .D67{position: absolute;top: 216px;right: 371px;}			/*함안*/
.L12Map, .D64{position: absolute;bottom: 169px;right: 313px;}		/*창원*/
.L12Map, .D53{position: absolute;top: 217px;right: 239px;}			/*김해*/
.L12Map, .D57{position: absolute;bottom: 111px;left: 278px;}			/*사천*/
.L12Map, .D52{position: absolute;bottom: 107px;left:351px;}			/*고성*/
.L12Map, .D54{position: absolute;bottom: 30px;left: 233px;}			/*남해*/
.L12Map, .D65{position: absolute;bottom: 52px;right: 373px;}			/*통영*/
.L12Map, .D50{position: absolute;bottom: 53px;right: 304px;}			/*거제*/





.mapContents .mapText{
	height: auto;
	background-color: #e7e7e7;
}
.mapContents .mapText img{
	display: block;
	margin: 0 auto;
	padding: 23px 0 39px 0;
}
.mapContents .mapText .btApplication img{
	padding: 0 0 43px 0;
}






/*오른쪽 배너 다들고 댕겨야할꺼*/
#freeconcounsel_wrap{width: 190px; height: 208px; background-color: #f1f1f1;}
#freeconcounsel_hd{width: 190px; height: 60px;}
#freeconcounsel_hd img{width: 133px; margin: 0 auto; display: block; padding-top: 26px;}
#freeconcounsel_con span{color: #3c3c3c;}
#freeconcounsel_con p{text-align: center; padding-top: 16px;}
#freeconcounsel_con p input{vertical-align: baseline;}
#freeconcounsel_con .freeconcounsel_box{padding: 0 0 4px 10px;}
#freeconcounsel_ft .btn_freeconcounsel{width: 72px; height: 25px; background-color: #9b9c9c; margin: 0 auto; border-radius: 3px; cursor: pointer;}
#freeconcounsel_ft .btn_freeconcounsel p{text-align: center; color: #fff; line-height: 25px;}
#freeconcounsel_wrap input{border: 1px solid #dcdcdc;}



/* 낙코 리뉴얼 */


/* 메인 컨텐츠 */
.main-contents {
    height: auto;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.5px;
}
.main-section {
    background: #f3faf5;
}
.main-wrap {
    margin-bottom: 30px;
}

.top-title {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}
.top-title .txt {
    font-size: 16px;
    color:#000;
    margin-right: 20px;
    position: relative;
    z-index: 10;
}
.top-title .txt:after {
    content: "";
    position: absolute;
    top:13px;
    left:-5px;
    right: -5px;
    bottom: 0;
    background: #fffa97;
    z-index: -1;
}
.top-title .txt b {
    color: #4bb469;
}

.selectBox2 * { box-sizing: border-box; }
.selectBox2 {
    position: relative;
    width: 170px;
    padding:15px 20px 15px 20px;
    border:1px solid #4bb469;
    border-radius: 3px;
    background: url('/assets/okems_3/ncoaching/common/img/se-arrow.png') no-repeat 90% 50%/auto;
    cursor: pointer;
    max-height: 50px;
}

.selectBox2 .label {
    align-items: center;
    width: 130px;
    height: inherit;
    border: 0 none;
    outline: 0 none;
    background: transparent;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color:#4bb469;
    font-family: 'Noto Sans KR', sans-serif;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    position: relative;
    top: -4px;
}

.selectBox2 .optionList {
    position: absolute; 
    top: 49px;
    right: 0px;
    width: 200px;
    color: #000;
    list-style-type: none;
    overflow-Y: scroll;
    max-height: 200px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Noto Sans KR', sans-serif;
    z-index: 99;
    background: #fff;
    border:1px solid #e1e1e1;
    display: none;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.selectBox2.active .optionList {
    max-height: 400px;
    display: block;
}

.selectBox2 .optionItem {
    padding: 7px 15px 5px;
    transition: .1s;
}

.selectBox2 .optionItem:hover {
    background: #bcbcbc;
}

.selectBox2 .optionItem:last-child {
    border-bottom: 0 none;
}


.selectBox2 .optionList::-webkit-scrollbar-track {background: transparent; }

.selectBox2 .optionList::-webkit-scrollbar {
    width: 6px;
}

.selectBox2 .optionList::-webkit-scrollbar-track {
    background-color: #f4f4f4;
}

.selectBox2 .optionList::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #b1b1b1;
}

.selectBox2 .optionList::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}



/* 지도 부분 */
.contents-wrap {
    display: flex;
}


/* 옵션 설명 */
.option-wrap {
    border-top:1px solid #e1e1e1;
    padding-top:30px;
}
.option-wrap .txt2 {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
}
.txt2 .op01, .txt2 .op02, .txt2 .op03, .txt2 .op04 {
    margin-right: 10px;
}
.op01, .op02, .op03, .op04 {
    font-size: 12px;
    font-family: "돋움", Dotum, "돋움체", DotumChe, sans-serif;
    padding:5px 3px;
    color:#fff;
    border-radius: 2px;
} 
.op01 {
    background: #4bb469;
}
.op02 {
    background: #5e7ef0;
}
.op03 {
    background: #f6892a;
}
.op04 {
    background: #ff1212;
}

.contents-wrap {
    padding:20px;
}
.map-wrap{
    width:750px;
}
.map-wrap .img{
    background: url(/assets/okems_3/ncoaching/common/img/map-img.png) 50% 20px no-repeat;
    width:100%;
    height:725px;
}
.table-wrap2 {
    position: relative;
}
.table-wrap2 table {
    width:282px;
    border-top:1px solid #000;
    text-align: center;
}
.table-wrap2 table th {
    background: #f6f6f6;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
}
.table-wrap2 table td{
    border-top:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
    padding: 10px;
}
.table-wrap2 table td:first-child {
    border-right: 1px solid #e1e1e1;
}
.table-wrap2 table:last-child td {
    border-bottom:none;
}
.g-name {
    width:100px;
    font-size: 14px;
}
.g-name2 {
    width:176px;
}
.thead {
    display: table; /* to take the same width as tr */
    width: 100%;
  }
  
  .tbody {
    display: block; /* to enable vertical scrolling */
    max-height: 640px;
    overflow-y: scroll;
    /* keeps the scrollbar even if it doesn't need it; display purpose */
    border-top: none;
    border-bottom: 1px solid #e1e1e1;
  }
  
  .tbody::-webkit-scrollbar {
    width: 6px;
  }
  
  .tbody::-webkit-scrollbar-track {
    background-color: #f4f4f4;
  }
  
  .tbody::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #b1b1b1;
  }
  
  .tbody::-webkit-scrollbar-button {
    width: 0;
    height: 0;
  }


.table-first {
    position: absolute;
    top:0;
    left:0;
    background: #fff;
    z-index: 10;
    display: block;
    width:282px;
    height: 685px;
    opacity: 0.8;
}

.table-first p {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-top: 280px;
}

  /* 지도 이미지 */
  article .map_contants svg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
  article .map_contants {
    position: relative;
    box-sizing: border-box;
    width: 838px;
    height: 735px;
    padding: 0;
    opacity: 1;
}
  article .map_contants svg {
    position: absolute;
    left: 45%;
    transform: translateX(-50%);
    top:20px;
}
article .local-wrap {
    position: absolute;
    transform: translateX(10%);
}
/* 지도 색상 */
  article .local-wrap path.local-map {
    fill: #e3f3e8;
    stroke: #FFF;
    stroke-width: 3px;
    stroke-linejoin:round;
}


/* 지역 이름 */
article .name-wrap {
    position: absolute;
    top:0;
    left: 0;
}
.local-wrap .name-wrap text {
    font-size: 18px;
    fill: #666666;
    font-weight: 500;
}
.local-wrap circle {
    r: 4px;fill: #666;
}
.local-wrap line {
    stroke-width:1px;
    stroke: #666
}
/* article .local-wrap:hover text {
    fill:#4bb469;
}
article .local-wrap:hover circle {
    fill: #4bb469
}
article .local-wrap:hover line {
    stroke: #4bb469
} */

/* 지역 이름 위치 */
.local-wrap[local=L9] .name-wrap {
    transform: translate(292px, 147px); /* 강원도 */
}

.local-wrap[local=L7] .name-wrap {
    transform: translate(35px, 111px); /* 인천 */
}
.local-wrap[local=L7] .name-wrap circle {
    transform: translate(70px, 59px);
}
.local-wrap[local=L7] .name-wrap line {
    transform: translate(-3px, 7px);
}
.local-wrap[local=L8] .name-wrap {
    transform: translate(192px, 183px); /* 경기도 */ 
}
.local-wrap[local=L6] .name-wrap {
    transform: translate(144px, 45px); /* 서울 */
}
.local-wrap[local=L6] .name-wrap circle {
    transform: translate(3px, 122px);
}
.local-wrap[local=L6] .name-wrap line {
    transform: translate(-20px, -10px);
}
.local-wrap[local=L16] .name-wrap {
    transform: translate(115px, 320px); /* 충남 */
}
.local-wrap[local=L19] .name-wrap {
    transform: translate(45px, 230px); /* 세종 */
}
.local-wrap[local=L19] .name-wrap circle {
    transform: translate(119px, 81px);
}
.local-wrap[local=L19] .name-wrap line {
    transform: translate(-31px, 11px);
}
.local-wrap[local=L2] .name-wrap {
    transform: translate(16px,364px); /* 대전 */
}
.local-wrap[local=L2] .name-wrap circle {
    transform: translate(165px, -2px);
}
.local-wrap[local=L2] .name-wrap line {
    transform: translate(-25px, -52px);
}
.local-wrap[local=L11] .name-wrap {
    transform: translate(350px, 362px); /* 경북 */
}
.local-wrap[local=L3] .name-wrap {
    transform: translate(236px, 284px); /* 충북 */
}

.local-wrap[local=L10] .name-wrap {
    transform: translate(436px, 400px); /* 대구 */
}
.local-wrap[local=L10] .name-wrap circle {
    transform: translate(-109px, 52px);
}
.local-wrap[local=L10] .name-wrap line {
    transform: translate(2px, -1px);
}
.local-wrap[local=L4] .name-wrap {
    transform: translate(145px, 445px); /* 전북 */
}

.local-wrap[local=L17] .name-wrap {
    transform: translate(119px, 571px); /* 전남 */
}

.local-wrap[local=L5] .name-wrap {
    transform: translate(6px, 543px); /* 광주 */
}
.local-wrap[local=L5] .name-wrap circle {
    transform: translate(88px, -2px);
}
.local-wrap[local=L5] .name-wrap line {
    transform: translate(-25px, -52px);
}
.local-wrap[local=L12] .name-wrap {
    transform: translate(280px, 517px); /* 경남 */
}
.local-wrap[local=L13] .name-wrap {
    transform: translate(453px, 483px); /* 울산 */
}
.local-wrap[local=L13] .name-wrap circle {
    transform: translate(-43px, 19px);
}
.local-wrap[local=L13] .name-wrap line {
    transform: translate(-92px, -31px);
}
.local-wrap[local=L14] .name-wrap {
    transform: translate(427px, 534px); /* 부산 */
}
.local-wrap[local=L14] .name-wrap circle {
    transform: translate(-43px, 19px);
}
.local-wrap[local=L14] .name-wrap line {
    transform: translate(-92px, -31px);
}
.local-wrap[local=L15] .name-wrap {
    transform: translate(416px, 679px); /* 제주 */
}


/* 지역 상태 */

.local-wrap[local=L9] .op-path {
    transform: translate(-9px, 10px);
}
.local-wrap[local=L9] .op-text {
    transform: translate(-2px, 27px);
}
.local-wrap[local=L7] .op-path {
    transform: translate(-40px, 10px);
}
.local-wrap[local=L7] .op-text {
    transform: translate(-33px, 27px);
}
.local-wrap[local=L8] .op-path {
    transform: translate(-29px, 10px);
}
.local-wrap[local=L8] .op-text {
    transform: translate(-22px, 27px);
}
.local-wrap[local=L6] .op-path {
    transform: translate(-29px, 0px);
}
.local-wrap[local=L6] .op-text {
    transform: translate(-22px, 17px);
}
.local-wrap[local=L16] .op-path {
    transform: translate(-29px, 10px);
}
.local-wrap[local=L16] .op-text {
    transform: translate(-22px, 27px);
}
.local-wrap[local=L19] .op-path {
    transform: translate(-39px, 10px);
}
.local-wrap[local=L19] .op-text {
    transform: translate(-32px, 27px);
}
.local-wrap[local=L2] .op-path {
    transform: translate(-30px, 10px);
}
.local-wrap[local=L2] .op-text {
    transform: translate(-23px, 27px);
}
.local-wrap[local=L11] .op-path {
    transform: translate(-29px, 10px);
}
.local-wrap[local=L11] .op-text {
    transform: translate(-22px, 27px);
}
.local-wrap[local=L3] .op-path {
    transform: translate(-39px, 4px);
}
.local-wrap[local=L3] .op-text {
    transform: translate(-32px, 21px);
}
.local-wrap[local=L10] .op-path {
    transform: translate(10px, 10px);
}
.local-wrap[local=L10] .op-text {
    transform: translate(17px, 27px);
}
.local-wrap[local=L4] .op-path {
    transform: translate(-30px, 10px);
}
.local-wrap[local=L4] .op-text {
    transform: translate(-23px, 27px);
}

.local-wrap[local=L17] .op-path {
    transform: translate(-30px, 10px);
}
.local-wrap[local=L17] .op-text {
    transform: translate(-23px, 27px);
}

.local-wrap[local=L5] .op-path {
    transform: translate(-30px, 10px);
}
.local-wrap[local=L5] .op-text {
    transform: translate(-23px, 27px);
}
.local-wrap[local=L12] .op-path {
    transform: translate(-30px, 10px);
}
.local-wrap[local=L12] .op-text {
    transform: translate(-23px, 27px);
}
.local-wrap[local=L13] .op-path {
    transform: translate(10px, 30px);
}
.local-wrap[local=L13] .op-text {
    transform: translate(17px, 47px);
}
.local-wrap[local=L14] .op-path {
    transform: translate(10px, 30px);
}
.local-wrap[local=L14] .op-text {
    transform: translate(17px, 47px);
}
.local-wrap[local=L15] .op-path {
    transform: translate(-30px, 10px);
}
.local-wrap[local=L15] .op-text {
    transform: translate(-23px, 27px);
}






/* 면허 선택 지도 */

.hidden {
    display: none;
}
.show {
    display: block;
}
article .map_contants02 svg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:20px;
}
  article .map_contants02 {
    position: relative;
    box-sizing: border-box;
    width: 838px;
    height: 735px;
    padding: 0;
    opacity: 1;
}
  article .map_contants02 svg {
    position: absolute;
    left: 45%;
    transform: translateX(-50%);
}
article .map_contants02 .local-wrap:hover path.local-map {
    opacity: 0.7;
}
article .map_contants02 .local-wrap {
    cursor: pointer;
}


/* option01 독점가능 */

.local-wrap.local-op01 path.local-map {
    fill: #e2fcea;
}
.g-op01.op-path {
    fill:#4bb469;
}
.g-op01.op-text{
    font-size: 12px !important;
    font-family: "돋움", Dotum, "돋움체", DotumChe, sans-serif;
    fill:#fff !important;
}
article .local-wrap.local-op01:hover text.name-text {
    fill:#4bb469 !important;
}
article .local-wrap.local-op01:hover circle {
    fill:#4bb469 !important;
}
article .local-wrap.local-op01:hover line {
    stroke:#4bb469 !important;
}


/* option02 선점가능 */

.local-wrap.local-op02 path.local-map {
    fill: #e5ebff;
}
.g-op02.op-path {
    fill:#5e7ef0;
}
.g-op02.op-text{
    font-size: 12px !important;
    font-family: "돋움", Dotum, "돋움체", DotumChe, sans-serif;
    fill:#fff !important;
}
article .local-wrap.local-op02:hover text.name-text {
    fill:#5e7ef0 !important;
}
article .local-wrap.local-op02:hover circle {
    fill:#5e7ef0 !important;
}
article .local-wrap.local-op02:hover line {
    stroke:#5e7ef0 !important;
}

/* option03 가입가능 */

.local-wrap.local-op03 path.local-map {
    fill: #ffeedf;
}
.g-op03.op-path {
    fill:#f6892a;
}
.g-op03.op-text{
    font-size: 12px !important;
    font-family: "돋움", Dotum, "돋움체", DotumChe, sans-serif;
    fill:#fff !important;
}

article .local-wrap.local-op03:hover text.name-text {
    fill:#f6892a !important;
}
article .local-wrap.local-op03:hover circle {
    fill:#f6892a !important;
}
article .local-wrap.local-op03:hover line {
    stroke:#f6892a !important;
}

/* option04 가입불가 */

.local-wrap.local-op04 path.local-map {
    fill: #ffe3e3;
}
.g-op04.op-path {
    fill:#ff1212;
}
.g-op04.op-text{
    font-size: 12px !important;
    font-family: "돋움", Dotum, "돋움체", DotumChe, sans-serif;
    fill:#fff !important;
}

article .local-wrap.local-op04:hover text.name-text {
    fill:#ff1212 !important;
}
article .local-wrap.local-op04:hover circle {
    fill:#ff1212 !important;
}
article .local-wrap.local-op04:hover line {
    stroke:#ff1212 !important;
}




/* 관내선택 */

#map03 .local-wrap path.local-map {
    fill:#f4f4f4;
}
#map03 .local-wrap.local-op01 path.local-map {
    fill: #e2fcea !important;
}
#map03 .local-wrap.local-op02 path.local-map {
    fill: #e5ebff !important;
}
#map03 .local-wrap.local-op03 path.local-map {
    fill: #ffeedf !important;
}
#map03 .local-wrap.local-op04 path.local-map {
    fill: #ffe3e3 !important;
}

article .map_contants03 .local-wrap:hover text {
    fill:#4bb469;
}
article .map_contants03 .local-wrap:hover circle {
    fill: #4bb469
}
article .map_contants03 .local-wrap:hover line {
    stroke: #4bb469
}

article .map_contants03 svg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:20px;
}
  article .map_contants03 {
    position: relative;
    box-sizing: border-box;
    width: 838px;
    height: 735px;
    padding: 0;
    opacity: 1;
}
  article .map_contants03 svg {
    position: absolute;
    left: 45%;
    transform: translateX(-50%);
}
article .map_contants03 .local-wrap:hover path.local-map {
    opacity: 0.7;
}
article .map_contants03 .local-wrap {
    cursor: pointer;
}

/* 240318_25년 한전단가 모집 시작_조정은 */
.hj-side-banner{
    cursor: pointer;
    position: fixed;
    top:260px;
    margin-left:1139.6px;
    text-align: initial;
}
 /* 240318_25년 한전단가 모집 끝_조정은 */