@charset "UTF-8";

/* 탭 메뉴 */
.tap-box{width: 100%;}
.tap-box ul.taps.depth4{width: 100%; display: flex; align-items: stretch; justify-content: flex-start; flex-flow: wrap;}
.tap-box .taps.depth4 li{width: 25%;}
.tap-box .taps.depth4.list2 li{width: 50%;}
.tap-box .taps.depth4.listf li{width: 33.33333%;}
.tap-box .taps.depth4 li a{display: flex; align-items: center; justify-content: flex-start; height:100%; width: 100%; font-family: 'NotoKrR'; font-size:17px; color: #555555;
background: #f9f9f9; padding: 20px 50px 20px 20px; box-sizing: border-box; border:solid 2px #e1e1e1; position: relative; transition:0.1s ease-in-out;}
.tap-box .taps.depth4 li:last-child a{border-right: solid 1px #e1e1e1;}
.tap-box .taps.depth4 li a:focus {border: 2px dotted red !important;}
.tap-box .taps.depth4 li a:hover{border:solid 2px #00908d; font-family: 'NotoKrB'; color: #00908d;}
.tap-box .taps.depth4 li a:hover:after{content: ""; width: 19px; height: 13px; 
background: url("/images/new/Potal/layout/sub-depth4-ico.png") no-repeat; position: absolute; top:23px; right:20px;}
.tap-box .taps.depth4 li a.active{border:solid 2px #00908d !important; font-family: 'NotoKrB'; color: #00908d;}
.tap-box .taps.depth4 li a.active:focus {outline: 2px dotted red !important; z-index: 1;}
.tap-box .taps.depth4 li a.active:after{content: ""; width: 19px; height: 13px; 
background: url("/images/new/Potal/layout/sub-depth4-ico.png") no-repeat; position: absolute; top:23px; right:20px;}

.tap-box .taps.depth5{width: 100%; border:solid 1px #e1e1e1; border-top:solid 2px #00908d; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.tap-box .taps.depth5 li{width: 25%;}
.tap-box .taps.depth5 li a{display: block; width: 100%; font-family: 'NotoKrR'; font-size:17px; color: #555555; background: #fff; padding:18px 20px; box-sizing: border-box; position: relative; transition:0.1s ease-in-out;}
.tap-box .taps.depth5 li a span{display: inline-block; position: relative; padding: 0 0 0 40px; box-sizing: border-box;}
.tap-box .taps.depth5 li a span:before{content: ""; width: 18px; height: 18px; background: url("/images/new/Potal/layout/sub-depth5-ico.png") no-repeat; position: absolute; top:3px; left:14px;}
.tap-box .taps.depth5 li a span:hover{font-family: 'NotoKrB'; color: #00908d;}
.tap-box .taps.depth5 li a span:hover:before{content: ""; background: url("/images/new/Potal/layout/sub-depth5-ico-on.png") no-repeat;}
.tap-box .taps.depth5 li a.active{border:2px solid #00908d;}
.tap-box .taps.depth5 li a.active span{font-family: 'NotoKrB'; color: #00908d; text-decoration:underline;}
.tap-box .taps.depth5 li a.active span:before{content: ""; background: url("/images/new/Potal/layout/sub-depth5-ico-on.png") no-repeat;}

tap-box .tabs.depth5.list3 li {width: 33.333%;}

.tap-box ul.taps.depth6{width: 100%; display: flex; justify-content: flex-start; flex-flow: wrap;}
.tap-box ul.taps.depth6 li{width: auto; margin:2px;}
.tap-box ul.taps.depth6 li a{ display: block; width: 100%; font-family: 'NotoKrR'; font-size:15px; color: #666666; padding: 10px 20px; box-sizing: border-box; border: dashed 1px #e1e1e1; text-align: center; transition:0.1s ease-in-out;}
.tap-box ul.taps.depth6 li:last-child a{border-right: dashed 1px #e1e1e1;}
.tap-box ul.taps.depth6 li a:hover{font-family: 'NotoKrM'; color: #225d6b; border:solid 1px #225d6b; background: #f5fafa;}
.tap-box ul.taps.depth6 li a.active{font-family: 'NotoKrM'; color: #225d6b; border:solid 1px #225d6b; background: #f5fafa;}

@media all and (max-width:1200px){
    .tap-box .taps.depth4 li a{font-size:15px; padding: 15px 50px 15px 15px;}
    .tap-box .taps.depth4 li a.active:after{ top:19px; right:15px;}
    .tap-box .taps.depth4 li a:hover:after{top:19px; right:15px;}

    .tap-box .taps.depth5 li a{font-size:15px;}
}

@media all and (max-width:1000px){
    .tap-box .taps.depth4 li a{padding: 15px 30px 15px 10px;}
    .tap-box .taps.depth4 li a.active:after{background-size: 15px; width: 15px; top:21px; right:10px;}
    .tap-box .taps.depth4 li a:hover:after{background-size: 15px; width: 15px; top:21px; right:10px;}

}

@media all and (max-width:680px){
    .tap-box ul.taps.depth4{flex-flow: wrap; justify-content: space-between; }
    .tap-box .taps.depth4 li{width: 49%; padding: 0 0 10px 0px;}
    .tap-box .taps.depth4 li:first-child{padding: 0 0 10px 0px;}
    .tap-box .taps.depth4 li:nth-child(3){padding: 0 0 0px 0px;}
    .tap-box .taps.depth4 li a{padding: 10px 30px 10px 10px;}
    .tap-box .taps.depth4 li:nth-child(2) a{border-right: solid 1px #e1e1e1;}
    .tap-box .taps.depth4 li:nth-child(3) a{border-right: solid 1px #e1e1e1;}
    .tap-box .taps.depth4 li:nth-child(2) a:hover{border-right: solid 2px #00908d;}
    .tap-box .taps.depth4 li:nth-child(3) a:hover{border-right: solid 2px #00908d;}
    .tap-box .taps.depth4 li a.active:after{top: 15px;}
    .tap-box .taps.depth4 li a:hover:after{top: 15px;}

    .tap-box .taps.depth5{flex-flow: wrap; justify-content: space-between;}
    .tap-box .taps.depth5 li{width: 48%;}
    .tap-box .taps.depth5 li a{padding: 10px 20px 10px 10px;}

    .tap-box .taps.depth5 li:nth-child(3) a, .tap-box .taps.depth5 li:nth-child(4) a{padding-top: 0px;}

    .tap-box .taps.depth5 li a span{padding: 0 0 0 24px;}
    .tap-box .taps.depth5 li a span:before{background-size: 15px; width: 15px; top:4px; left: 3px;}
    .tap-box .taps.depth5 li a.active span:before{background-size: 15px; width: 15px; top:4px; left: 3px;}
    .tap-box .taps.depth5 li a span:hover:before{background-size: 15px; width: 15px; top:4px; left: 3px;}

    .tap-box .taps.depth6{justify-content: space-between;}
    .tap-box .taps.depth6 li{width: 48%; padding-bottom: 10px;}
    .tap-box .taps.depth6 li a{border:dashed 1px #e1e1e1; padding: 5px 10px;}
}

@media all and (max-width:480px){
    .tap-box .taps.depth4 li{width: 100%;}
    .tap-box .taps.depth4 li:nth-child(3){padding: 0 0 10px 0px;}
    .tap-box .taps.depth4 li a{font-size:14px;}

    .tap-box .taps.depth5 li{width: 100%;}
    .tap-box .taps.depth5 li:nth-child(2) a {padding-top: 0px;}
    .tap-box .taps.depth5 li a{font-size:14px;}

    .tap-box .taps.depth6 li{width: 100%;}
    .tap-box .taps.depth6 li a{font-size:14px;}
}





/* 박스타이틀 */
.contentbox-tit{width: 100%; border:dashed 1px #e1e1e1; border-radius: 10px; padding: 45px 40px; box-sizing: border-box; position: relative;}
.contentbox-tit:before{content: ""; width: 301px; height: 50px; background: url("/images/new/Potal/common/box-title-line.png") no-repeat; position: absolute; top:-1px; left:-1px;}
.contentbox-tit .box-con{padding: 0 0 0 120px; box-sizing: border-box; position: relative;}
.contentbox-tit .box-con:before{content: ""; width: 85px; height: 83px; background: url("/images/new/Potal/common/box-title-img.png") no-repeat; position: absolute; top:0; left:0;}
.contentbox-tit .box-con.type02:before{background-image: url("/images/new/Potal/common/box-title-img02.png");}
.contentbox-tit .box-con.type03:before{background-image: url("/images/new/Potal/common/box-title-img3.png");}
.contentbox-tit .box-con.type04:before{background-image: url("/images/new/Potal/common/box-title-img4.png");}
.contentbox-tit .box-con.type05:before{background-image: url("/images/new/Potal/common/box-title-img5.png");}
.contentbox-tit .box-con.type06:before{background-image: url("/images/new/Potal/common/box-title-img6.png");}
.contentbox-tit .box-con.type07:before{background-image: url("/images/new/Potal/common/box-title-img7.png");}
.contentbox-tit .box-con.type08:before{background-image: url("/images/new/Potal/common/box-title-img8.png");}
.contentbox-tit .box-con.type09:before{background-image: url("/images/new/Potal/content/01/1_5.jpg");}
.contentbox-tit .box-con.type10:before{background-image: url("/images/new/Potal/content/01/1-3-2.jpg");}
.contentbox-tit .box-con.type11:before{background-image: url("/images/new/Potal/content/01/1-3-2_3.jpg");}
.contentbox-tit .box-con.type12:before{background-image: url("/images/new/Potal/content/01/1-3-2-5.jpg");}
.contentbox-tit .box-con.type13:before{background-image: url("/images/new/Potal/content/01/1-3-7.jpg");}
.contentbox-tit .box-con.type14:before{background-image: url("/images/new/Potal/content/01/1-3-9.jpg");}
.contentbox-tit .box-con.type15:before{background-image: url("/images/new/Potal/content/01/1-5-1.jpg");}
.contentbox-tit .box-con.type16:before{background-image: url("/images/new/Potal/content/01/1-6-4.jpg");}
.contentbox-tit .box-con.type17:before{background-image: url("/images/new/Potal/common/box-title-img15.png");}
.contentbox-tit .box-con.type18:before{background-image: url("/images/new/Potal/content/01/Su_icon.jpg");}
.contentbox-tit .box-con.type19:before{background-image: url("/images/new/Potal/content/01/About_1_3.jpg");}
.contentbox-tit .box-con.type20:before{background-image: url("/images/new/Potal/common/box-title-img16.png");}
.contentbox-tit .box-con.type21:before{background-image: url("/images/new/Potal/content/01/doro_icon.jpg");}
.contentbox-tit .box-con.type22:before{background-image: url("/images/new/Potal/content/01/jibang_icon.jpg");}
.contentbox-tit .box-con.type23:before{background-image: url("/images/new/Potal/content/01/Fac_icon.jpg");}
.contentbox-tit .box-con.type24:before{background-image: url("/images/new/Potal/content/01/onestop_icon.jpg");}
.contentbox-tit .box-con.type27:before{background-image: url("/images/new/Gunsu/contents/gunsu_icon_1.png");}



.contentbox-tit .box-con.secretType:before{background-image: url('/images/new/Potal/common/box-title-secret.png');}
.contentbox-tit .box-con.reportType:before{background-image: url('/images/new/Potal/common/box-title-img2.png');}
.contentbox-tit .box-con .tit{font-family: 'GmarketSansB'; font-size:22px; color: #111111;}
.contentbox-tit .box-con .txt{font-family: 'NotoKrR'; font-size:15px; line-height: 160%; color: #555555; padding: 10px 0 0 0; display: block;}
.box-con .txt .c-green{color: #00908d;}

@media all and (max-width:680px){
    .contentbox-tit{padding: 30px 30px;}
    .contentbox-tit .box-con .tit{font-size:20px;}
    .contentbox-tit .box-con:before{background-size: 75px; width: 75px;}
	.contentbox-tit .box-con.type02:before{background-size: 75px; width: 75px;}

}

@media all and (max-width:480px){
    .contentbox-tit{padding: 20px 20px;}
    .contentbox-tit:before{content: none;}
    .contentbox-tit .box-con{padding: 0 0 0 70px;}
    .contentbox-tit .box-con:before{background-size:55px; width:55px;}
	.contentbox-tit .box-con.type02:before{background-size:55px; width:55px;}
    .contentbox-tit .box-con .tit{font-size:18px;}
    .contentbox-tit .box-con .txt{font-size:14px;}

}

/* 블릿 */
h4.cont-title, .person_view .name h4{font-family: 'GmarketSansB'; font-size:22px; color: #5644a1;}
h4.cont-title span{color: #555555;}
h5.cont-title, .person_view .info h5, .person_view .info h4{font-family: 'GmarketSansM'; font-size:18px; color: #00908d; padding: 0 0 0 25px; box-sizing: border-box; position: relative;}
h5.cont-title-2{font-family: 'GmarketSansB'; font-size:22px; color: #000000; padding-bottom: 15px;}
h5.cont-title:before, .person_view .info h5::before, .person_view .info h4::before{content: ""; width: 18px; height: 17px; background: url("/images/new/Potal/common/h5-bullet-ico.png") no-repeat; position: absolute; top:0; left:0;}
h6.cont-title{font-family: 'GmarketSansM'; font-size:16px; color: #000000; padding: 0 0 0 25px; box-sizing: border-box; position: relative;}
h6.cont-title:before{content: ""; width: 18px; height: 18px; background: url("/images/new/Potal/common/h6-bullet-ico.png") no-repeat; position: absolute; top:0; left:0;}

.cont-list.step01 li, .person_view .basic_box > ul > li{font-family: 'NotoKrR'; font-size:15px; color: #333333; padding: 0 0 5px 15px; box-sizing: border-box; position: relative;}
.cont-list.step01 li:before, .person_view .basic_box > ul > li:before{content: ""; width: 8px; height: 2px; background: #404040; position: absolute; top:11px; left:0;}
.cont-list.step02, .person_view .basic_box > ul > li > ul{padding: 5px 0 5px 0;}
.cont-list.step02 li, .person_view .basic_box > ul > li > ul > li{font-family: 'NotoKrL'; font-size:15px; color: #666666; padding: 0 0 5px 12px; position: relative;}
.cont-list.step02 li:before, .person_view .basic_box > ul > li > ul > li:before{content: ""; width: 4px; height: 4px; background: #a6a6a6; border-radius: 100%; position: absolute; top:9px; left:0;}
.cont-list.step01 li span.c-green, .cont-list.step02 li span.c-green{color: #00908d;}
.num-list.step01 li{font-family: 'NotoKrR'; font-size:15px; color: #333333; width: 100%; display: flex; justify-content: flex-start; padding-bottom: 10px; align-items: baseline;}
.num-list.step01 li span{display: inline-block;}
.num-list.step01 li span.num{font-family: 'NotoKrR'; font-size:13px; color: #fff; background: #5644a1; padding: 0px 4px; box-sizing: border-box; border-radius: 3px; line-height: 15px;}
.num-list.step01 li .txt{padding: 0px 0 0 10px;}
.cont-list.flexType {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.cont-list.flexType.list2 li {width:49%;}
.cont-list li.flexCnt {display: flex; align-items: center; justify-content: flex-start; gap:5px 10px; flex-wrap: wrap;}
.cont-list li.flexCnt::before {position:static; margin-right:10px;}

@media all and (max-width:680px){
    h4.cont-title, .person_view .name h4{font-size:20px;} 
    h5.cont-title, .person_view .info h5, .person_view .info h4{font-size:16px; padding: 0 0 0 22px;}
    h5.cont-title:before, .person_view .info h5::before, .person_view .info h4::before{width: 16px; background-size: 16px; top:2px;}
    ul.cont-list.step01 li{font-size:14px;}
    ul.cont-list.step01 li ul.cont-list.step02 li{font-size:14px;}
    h6.cont-title{font-size:15px; padding: 0 0 0 22px;}
    h6.cont-title:before{background-size: 16px; width: 16px; top:2px;}
    .num-list.step01 li span.num{font-size:12px;}
    .num-list.step01 li .txt{font-size:14px; padding: 0px 0 0 5px;}

    .cont-list.flexType li {width:100% !important;}
}

@media all and (max-width:480px){
    h4.cont-title, .person_view .name h4{font-size:18px;}
}


/* 테이블 */
/* table-wrap */
.table-wrap .scroll-guide{display:none; position:relative; padding:10px 20px; background:#f6f6f6; margin-bottom:5px; text-align:center;}
.table-wrap .scroll-guide:before{position:absolute; top:50%; left:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〈";}
.table-wrap .scroll-guide:after{position:absolute; top:50%; right:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〉";}
.table-wrap .scroll-guide p{ text-align:center;font-weight:600;color:#666;font-size:0.800em;}
.table-wrap .scroll-guide p:before{content:"좌우스크롤 하시면 자세한 내용을 확인하실수 있습니다.";}
.table-wrap .scroll-guide.typeEng p:before{content:"You can check the details by scrolling left and right.";}

.table-wrap.mob table.type01 tbody td.number a {padding-left:24px; background:url('/images/new/Potal/common/telIcon.png') left center no-repeat; color:#666}

.table-wrap .scroll-table{overflow-x:auto;}
.table-wrap table.scroll.full{width:1400px;}
.table-wrap .scroll-guide.full{display: block;}

.table-wrap table.type01, .person_view .info .budget_table{position:relative; width:100%; border-collapse:collapse; table-layout:fixed; clear:both; color:#555; background:#fff; border-top:2px solid #225d6b; font-family:'NotokrR';}
.table-wrap table.type01 thead th, .person_view .info .budget_table thead th{background:#f5fafa; color:#000; font-family:'NotokrM'; text-align:center; letter-spacing:-0.03em; padding:10px; font-size:1em; border-right:1px solid #dcdcdc; border-bottom:1px solid #839da3; font-weight:500; box-sizing: border-box;}
.table-wrap table.type01 thead th:last-child, .person_view .info  .budget_table thead th:last-child{border-right:none;}

.table-wrap table.type01 tbody th, .person_view .info .budget_table tbody th{letter-spacing:-0.02em; padding:10px; color:#000; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background:#f5fafa; font-weight:500; font-family:'NotokrM'; box-sizing: border-box;}
.table-wrap table.type01 tbody td, .person_view .info .budget_table tbody td{letter-spacing:-0.02em; padding:10px; color:#555555; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:center; font-family:'NotokrL'; box-sizing: border-box;}
.table-wrap table.type01 tbody td:last-child, .person_view .info .budget_table tbody td:last-child{border-right:none;}
.table-wrap table.type01 tbody td.surveyInfo span{display:inline-block; background-color:#009b63; color:#fff; font-size:0.933em; text-align: center; line-height: 24px; width:42px; border-radius: 2px;}
.table-wrap table.type01 tbody td.surveyInfo.surveyFinish span{width:24px; height:24px; background: url("/Goseong_/Potal/images/layout/termiIcon.png") center no-repeat; font-size:0;}

.contents_table tbody {position:relative; width:100%; border-collapse:collapse; table-layout:fixed; clear:both; color:#555; background:#fff; border-top:2px solid #45495b; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.contents_table tbody tbody tr td {letter-spacing:-0.02em; padding:10px; color:#000; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background:#f7f7f7; font-weight:500;}
.contents_table tbody tbody tr td:last-child {letter-spacing:-0.02em; padding:10px; color:#555555; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:center;}

@media all and (max-width:1000px){
    .table-wrap table.type01 thead th, .person_view .info .budget_table thead th{font-size:14px; padding:8px;}
    .table-wrap table.type01 tbody th, .person_view .info .budget_table tbody th{font-size:14px; padding:8px;}
    .table-wrap table.type01 tbody td, .person_view .info .budget_table tbody td{font-size:14px; padding:8px;}
}


@media all and (max-width:680px){
    .table-wrap .scroll-guide{display: block;}
    .table-wrap table.type01 thead th{font-size:14px; padding:6px;}

    .table-wrap table.type01 tbody th, .person_view .info .budget_table tbody th{font-size:14px; padding:6px;}
    .table-wrap table.type01 tbody td, .person_view .info .budget_table tbody td{font-size:14px; padding:6px;}

    .table-wrap table.scroll{width:680px;}
    .table-wrap table.scroll.w1000{width:1000px;}
    .table-wrap table.scroll.w1200{width:1200px;}

    .table-wrap table.respon colgroup{display:none;}
    .table-wrap table.respon thead {display:none;}
    .table-wrap table.respon tbody {overflow:hidden;}
    .table-wrap table.respon tbody th{display:none;}
    .table-wrap table.respon [data-cell-header]:before {content:attr(data-cell-header); float:left; font-weight:600 ; font-size:0.933em; position:absolute; left:0; top:0;box-sizing:border-box; padding:10px 0px; box-sizing:border-box; z-index:2;}

    .table-wrap table.respon tbody tr{border-top:1px solid #E6E6E6; border-bottom:1px solid #d5d8df; padding:5px 0px; display:block; overflow:hidden; width:100%;}
    .table-wrap table.respon tbody tr:first-child {border-top:0;}
    .table-wrap table.respon tbody td{position:relative; width:100%; box-sizing:border-box;float:left; text-align:left; padding:8px 8px 8px 90px; font-size:14px;}
    .table-wrap table.respon tbody td[data-cell-header]:before{width:75px; padding-left:15px; text-align:left; box-sizing:border-box; font-size:14px; top:-3px;}
    .table-wrap table.respon tbody td[data-cell-header]:after{position:absolute; left:0; top:0; width:80px; height:99%; display:block; content:""; z-index:1; background:#f7f7f7;}

    .table-wrap table.respon tbody tr:hover{background:none;}
    .table-wrap table.respon tbody tr td{border-bottom:1px solid #d1d1d1; border-right:none;}
    .table-wrap table.respon tbody tr td:last-child{border-bottom:none;}
}

@media all and (max-width: 480px) {
    .table-wrap.mob table,.table-wrap.mob caption, .table-wrap.mob tbody, .table-wrap.mob tfoot, .table-wrap.mob thead, .table-wrap.mob tr, .table-wrap.mob th, .table-wrap.mob td {display: block;}
    .table-wrap.mob .scroll-guide, .table-wrap.mob thead {display: none;}
    .table-wrap.mob table.type01 tbody td {width: 100%; border-right: 0; border-bottom: 0; text-align: left;}
    .table-wrap.mob table.type01 tbody td.number {text-align: right; position: absolute; right: 0; }
    .table-wrap.mob tr {width: 100%; display: flex; justify-content: flex-start; flex-direction: column; border-bottom: 1px solid #ccc;}
    .table-wrap.mob table.type01 tbody td.name {padding: 0 6px;}
    .table-wrap.mob table.scroll {width: 100%;}
}

/* 버튼 */
.btn-wrap.type01 a {display: inline-block;}
.btn-wrap.small-type a{display: inline-block; text-indent: -9999px;}
.btn-wrap.small-type a.dwn{width: 34px; height: 34px; background: url("/images/new/Potal/common/btn-S-dwnico.png") no-repeat;}
.btn-wrap.small-type a.detail{width: 34px; height: 34px; background: url("/images/new/Potal/common/btn-S-detailico.png") no-repeat;}
.btn-wrap.small-type a.go{width: 34px; height: 34px; background: url("/images/new/Potal/common/btn-S-goico.png") no-repeat;}
.btn-wrap.small-type a.location{width: 34px; height: 34px; background: url("/images/new/Potal/common/btn-S-locationico.png") no-repeat;}
.btn-wrap.small-type a.home{width: 34px; height: 34px; background: url("/images/new/Potal/common/btn-S-homeico.png") no-repeat;}
.btn-wrap.type02 a, .person_view .info a.link_btn{display: inline-block; border:solid 1px #cccccc; border-radius: 30px; padding: 8px 15px; box-sizing: border-box;}
.btn-wrap.type02 a span, .person_view .info a.link_btn span{font-family: 'NotoKrR'; font-size:15px; color: #000000; display: inline-block; position: relative; padding-right: 30px;}
.btn-wrap.type02 a.dwn span:after{content: ""; width: 18px; height: 17px; background: url("/images/new/Potal/common/btn-M-dwnico.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type02 a.detail span:after{content: ""; width: 18px; height: 17px; background: url("/images/new/Potal/common/btn-M-detailico.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type02 a.go span:after, .person_view .info a.link_btn span::after{content: ""; width: 20px; height: 18px; background: url("/images/new/Potal/common/btn-M-goico.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type02 a.location span:after{content: ""; width: 16px; height: 19px; background: url("/images/new/Potal/common/btn-M-locationico.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type02 a.home span:after{content: ""; width: 18px; height: 18px; background: url("/images/new/Potal/common/btn-M-homeico.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type02.c-green a{border:solid 2px #00908d; box-shadow: 3px 3px 7px #d3d3d3;}
.btn-wrap.type02.c-orange a{border-color:#e86948;}
.btn-wrap.type03 a{font-family: 'NotoKrM'; font-size:15px; color: #fff;
background: linear-gradient(90deg, rgba(81,117,193,1) 30%, rgba(0,144,141,1) 75%); border-radius: 5px; padding: 12px 25px 12px 15px; box-sizing: border-box; display: inline-block;}
.btn-wrap.type03 a span{display: inline-block; padding-right: 30px; position: relative;}
.btn-wrap.type03 a span:after{content: ""; width: 19px; height: 9px; background: url("/images/new/Potal/common/btn-B-golico.png") no-repeat; position: absolute; top:7px; right:0;}
.btn-wrap.type03 a.go-link02{background: #fff; border:solid 2px #5644a1; color: #5644a1; position: relative;}
.btn-wrap.type03 a.go-link02 span:after{content: ""; width: 19px; height: 9px; background: url("/images/new/Potal/common/btn-B02-golico.png") no-repeat;}
.btn-wrap.type03 a.go-link03{background: #5644a1; color: #fff;}

@media all and (max-width:680px){
    .btn-wrap.type01 a img{width: 80px;}
    .btn-wrap.small-type a.dwn{background-size: 28px; width: 28px;}
    .btn-wrap.small-type a.detail{background-size: 28px; width: 28px;}
    .btn-wrap.small-type a.go{background-size: 28px; width: 28px;}
    .btn-wrap.small-type a.location{background-size: 28px; width: 28px;}
    .btn-wrap.small-type a.home{background-size: 28px; width: 28px;}

    .btn-wrap.type02 a, .person_view .info .txt_center a.link_btn{padding: 5px 15px;}
    .btn-wrap.type02 a span, .person_view .info a.link_btn span{font-size:14px; padding-right: 22px;}
    .btn-wrap.type02 a.dwn span:after{background-size: 14px; width: 14px; top:5px;}
    .btn-wrap.type02 a.detail span:after{background-size: 15px; width: 15px; top:4px;}
    .btn-wrap.type02 a.go span:after, .person_view .info a.link_btn span::after{background-size: 15px; width: 15px; top:5px;}
    .btn-wrap.type02 a.location span:after{background-size: 13px; width: 13px; top:4px;}
    .btn-wrap.type02 a.home span:after{background-size: 13px; width: 13px; top:5px;}
    .btn-wrap.type02.c-green a{border:solid 1px #00908d;}

    .btn-wrap.type03 a{padding:10px 15px 10px 10px; font-size:14px;}
}

@media all and (max-width:480px){
    .btn-wrap.type01 a img{width: 70px;}
    .btn-wrap.small-type a.dwn{background-size: 25px; width: 25px;}
    .btn-wrap.small-type a.detail{background-size: 25px; width: 25px;}
    .btn-wrap.small-type a.go{background-size: 25px; width: 25px;}
    .btn-wrap.small-type a.location{background-size: 25px; width: 25px;}
    .btn-wrap.small-type a.home{background-size: 25px; width: 25px;}

    .btn-wrap.type02 a, .person_view .info a.link_btn{padding: 2px 10px;}
    .btn-wrap.type02 a span, .person_view .info a.link_btn span{font-size:13px; padding-right: 20px;}
    .btn-wrap.type02 a.dwn span:after{background-size: 12px; width: 12px; top:5px;}
    .btn-wrap.type02 a.detail span:after{background-size: 13px; width: 13px; top:4px;}
    .btn-wrap.type02 a.go span:after, .person_view .info a.link_btn span::after{background-size: 13px; width: 13px; top:5px;}
    .btn-wrap.type02 a.location span:after{background-size: 11px; width: 11px; top:4px;}
    .btn-wrap.type02 a.home span:after{background-size: 11px; width: 11px; top:5px;}

    .btn-wrap.type03 a{padding:5px 15px 5px 10px ; font-size:14px;}
    .btn-wrap.type03 a span:after{background-size: 16px; width: 16px;}
    .btn-wrap.type03 a.go-link02{border:solid 1px #5644a1;}
    .btn-wrap.type03 a.go-link02 span:after{background-size: 16px; width: 16px;}
}


/* 텍스트박스형 */


.txt-box, .person_view .info .budget_linkbox{font-family: 'NotoKrR'; font-size:15px; color: #555555; width: 100%; padding: 20px 20px; box-sizing: border-box; border:dashed 1px #cccccc; border-radius: 5px;}
.txt-box.bg-g{background-color: #f9f9f9; color: #333333;}
.img-txt-box{width: 100%; border:dashed 1px #cccccc; border-radius: 5px; display: flex; justify-content: flex-start;}
.img-txt-box div.img{width: 20%;}
.img-txt-box div.img img{ width: 100%; height: 100%;}
.img-txt-box .txt{ width: 80%; display: inline-block; font-family: 'NotoKrR'; font-size:15px; color: #555555; padding: 20px 20px; box-sizing: border-box;}
.img-txt-box .txt .tit{font-family: 'GmarketSansB'; font-size:22px; color: #000000; padding-bottom: 15px;}
.tit-box-con{width: 100%; border:dashed 1px #cccccc; border-radius: 5px; padding: 30px 30px; box-sizing: border-box;}
.tit-box-con h5.tit{font-family: 'GmarketSansB'; font-size:22px; color: #000000; padding-bottom: 15px;}
.tit-box-con .txt{font-family: 'NotoKrL'; font-size:15px; color: #555555; display: block; padding-bottom: 15px;}

@media all and (max-width:680px){
    .txt-box{padding: 10px 10px; font-size:14px;}
    .img-txt-box div.img{width: 45%;}
    .img-txt-box .txt{width: 55%;}

    .tit-box-con{padding: 20px 20px;}
    .tit-box-con h5.tit{font-size:20px; padding-bottom: 10px;}
    .tit-box-con .txt{font-size:14px; padding-bottom: 10px;}
}

@media all and (max-width:480px){
   
    .img-txt-box{flex-flow: wrap;}
    .img-txt-box div.img{width: 100%;}
    .img-txt-box .txt{width: 100%;}

    .tit-box-con h5.tit{font-size:18px; padding-bottom: 5px;}
    .tit-box-con .txt{padding-bottom: 5px;}
}


/* 프로세스 */
.process-list{width: 100%; display: flex; justify-content: space-between;}
.process-list.wrap{flex-wrap: wrap;}
.process-list > li{border-radius: 10px; box-sizing: border-box; position: relative;}
.process-list > li:after{content: ""; width: 16px; height: 29px; background: url("/images/new/Potal/common/process-arrorw-ico.png") no-repeat; position: absolute; top:50%; right:0; transform: translate(30px, -50%);}
.process-list > li:last-child:after{content: none !important;}
.process-list > li span{display: block; text-align: center;}
.process-list > li .num{ width: 25px; margin: 0 auto; font-family: 'NotoKrR'; font-size:15px; background: #5175c1; color: #fff; border-radius: 5px;}
.process-list > li .tit{font-family: 'GmarketSansM'; font-size:17px; color: #000000; padding: 10px 0 10px 0;}
.process-list > li .txt{font-family: 'NotoKrR';  color: #333333;}
.process-list.start{width: 50%;}
.process-list.type01 > li{border:dashed 1px #cccccc; border-radius: 10px; padding: 30px 10px; box-sizing: border-box; position: relative;}
.process-list.type01 > li .txt{ padding: 10px 0 0 0; border-top:dashed 1px #cccccc;}
.process-list.nth2 > li{width: 45%; }
.process-list.nth2 > li:after{transform: translate(37px, -50%);}
.process-list.nth3 > li{width: 31%;}
.process-list.nth4 > li{width:22%;}
.process-list.nth5 > li{width:17%;}
.process-list.nth6 > li{width: 15%;}
.process-list.nth6 > li:after{right: 7px;}


.process-list.type02 > li { background-color:#f4f6fb;}
.process-list.type02 > li .tit{ color: #fff; text-align: center; background: #5175c1; border-radius: 10px 10px 0 0; padding: 15px 20px;}
.process-list.type02 > li .txt{color: #000000; text-align: center; padding: 20px 0px; box-sizing: border-box; border-radius: 0 0 10px 10px;}
.process-list.type02 > li .cbg {padding: 10px 0px; background-color: #e1e3e8;}

.process-list.type02 .nth3{display: flex; flex-direction: column; justify-content: space-between;}

.process-list.nth4 > li:after{content: ""; transform: translate(35px, -50%);}
.process-list.nth5 > li{width: 17%;}





@media all and (max-width:1600px){
    .process-list > li:after{background-size: 13px; width: 13px; transform: translate(24px, -50%);}
    .process-list.type02 > li:after{transform: translate(30px, -50%);}
    .process-list.nth4 > li:after,
    .process-list.nth5 > li:after{transform: translate(29px, -50%);}
}

@media all and (max-width:1000px){
    .process-list > li:after{background-size: 10px; width: 10px; transform: translate(21px, -50%);}
    .process-list.type02 > li:after{transform: translate(30px, -50%);}
    .process-list.nth4 > li:after{ transform: translate(23px, -50%);}

    .process-list.wrap.nth5,
    .process-list.wrap.nth6{display:flex; flex-wrap:wrap; justify-content: flex-start; margin-right:-6%;}
    .process-list.nth5 > li{ width: 27.3333%; margin:10px 6% 10px 0;}
    .process-list.nth5 > li:nth-child(3n),
    .process-list.nth6 > li:nth-child(3n){margin-right:0;}
    .process-list.nth5 > li:after{transform: translate(23px, -50%);}

    .process-list.nth6 > li{width: 28%; margin: 10px 6% 10px 0;} 
    .process-list.nth6 > li:after{right: 0; transform: translate(23px, -50%);}

}

@media all and (max-width:680px){
    .process-list{flex-wrap: wrap;}
    .process-list.start{width:100%;}
    .process-list > li:after{background-size: 8px; width: 8px; transform: translate(27px, -50%);}
    .process-list.type02 > li:after{transform: translate(20px, -50%);}
    .process-list.nth3 > li{width: 28%;}
    .process-list.nth4 > li{width: 47%; margin:10px 0;}
    .process-list.nth4 > li:after{transform: translate(185%, -50%);}
    .process-list.nth4 > li:nth-child(2n)::after{opacity:0;}
    .process-list.type01 > li .tit{font-size:15px; letter-spacing: -1px;}

    .process-list.type01 > li{padding: 20px 10px;}
    .process-list.type01 > li span.num{font-size:14px; width: 20px;}
    .process-list.type01 > li .tit{padding: 10px 0 10px 0;}

    .process-list.type02.nth4 > li .tit{padding: 10px 10px;}
    .process-list.type02.nth4 > li .txt{font-size:14px; padding: 10px 10px;}

}

@media all and (max-width:480px){
    .process-list > li{width: 100% !important; margin: 0 0 20px 0!important;}
    .process-list > li:after{display: none !important;}
}



/* 인포리스트 */
.info-box{width: 100%; display: flex; justify-content: flex-start; border:solid 1px #cccccc;}
.info-box li{width: 33.33%; display: flex; justify-content: flex-start;  border-right: solid 1px #cccccc;}
.info-box li:last-child{border-right: none;}
.info-box li span{display: block; padding: 10px 10px; font-family: 'NotoKrM'; font-size:15px; color: #333333;}
.info-box li .tit{width: 30%; text-align: center; border-right: solid 1px #cccccc;}
.info-box li .tit i{font-style: normal; display: inline-block; padding: 0 0 0 28px; position: relative;}
.info-box li .tit i:before{content: ""; width: 18px; height: 19px; background: url("/images/new/Potal/common/manger-ico.png") no-repeat; position: absolute; top:0; left:0;}
.info-box li:nth-child(2) .tit i:before{content: ""; width: 22px; height: 20px; background:url("/images/new/Potal/common/phone-ico.png") no-repeat; top:1px;}
.info-box li:nth-child(3) .tit i:before{content: ""; width: 21px; height: 18px; background:url("/images/new/Potal/common/modify-ico.png") no-repeat; top:2px;}
.info-box li .txt{width: 70%; background: #f9f9f9;}


@media all and (max-width:1000px){
    .info-box li{flex-flow: wrap;}
    .info-box li .tit{width: 100%; border-right: none;}
    .info-box li .txt{width: 100%; text-align: center;}
}

@media all and (max-width:680px){
    .info-box li span{font-size:14px;}
    .info-box li .tit i:before{background-size: 15px; width: 15px; top:3px;}
    .info-box li:nth-child(2) .tit i:before{background-size: 18px; width: 18px; top:4px;}
    .info-box li:nth-child(3) .tit i:before{background-size: 18px; width: 18px; top:4px;}
    .info-box li .txt{height: 45px;}
}

@media all and (max-width:480px){
    .info-box{flex-flow: wrap;}
    .info-box li{width: 100%; border-right: none;}
    .info-box li span{padding : 5px 10px;}
    .info-box li .txt{height: auto;}
}


/*인풋텍스트,셀렉트,라디오 공통*/
input[type="text"], input[type="number"]{font-family:'NotokrL'; width:300px; color:#555; height:38px; border:1px solid #d6d6d6; box-sizing:border-box; padding:0px 10px; display:inline-block; vertical-align:middle;}
input[type="text"]::placeholder, input[type="number"]::placeholder{color:#707070; opacity:1;}
input[type="password"]{font-family:'NotokrL'; width:300px; height:38px; color:#111; border:1px solid #d1d1d1; box-sizing:border-box; font-size:16px; padding:0px 10px; display:inline-block; vertical-align:middle;}
input[type="password"]::placeholder{color:#707070; opacity:1;}
.chk-select{position:relative; display:inline-block; vertical-align:top;}
.chk-select:before{position:absolute; top:50%; right:20px; width:9px; height:5px; margin-top:-2px; line-height:120%; content:""; background: url("/images/new/Potal/board/selectIcon.png") center no-repeat;}
.chk-select select{font-family:'NotokrL'; color:#555; font-size:15px; width:100%; height:38px;  padding:0px 50px 0px 15px; border:1px solid #d6d6d6; text-align:left; text-align-last:left; display:inline-block; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.chk-select select::-ms-expand{display:none;}
textarea{width:100%; border:1px solid #d1d1d1; box-sizing:border-box; padding:10px; font-size:16px;}
textarea:focus{border:1px solid #0942a1;}

.contin-flex-ct{display: flex; justify-content: center;}


@media only screen and (max-width:1000px){
    input[type="text"], input[type="number"]{padding-left:10px; width:240px;}
    input[type="password"]{padding-left:10px;}
    .chk-select select{padding:0px 40px 0px 15px;}
    textarea{padding:5px; font-size:14px;}
}

@media only screen and (max-width:680px){
    .board-search .search{display: flex;}
    input[type="text"], input[type="number"]{height:34px; font-size:13px; padding:0px 7px;}
    input[type="password"]{height:34px; font-size:13px; padding:0px 7px;}
    .chk-select select{height:34px; font-size:13px;}
    textarea{padding:5px; font-size:13px;}
}

@media only screen and (max-width:480px){
    .chk-select:before{right:15px;}
    .chk-select select{padding:0 30px 0 15px;}
}

.radios {display:inline-block; font-size:0px; vertical-align:middle; line-height:120%; color:#000;}
.radios input[type="radio"]{position: absolute; width:1px; height:1px; padding: 0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0; }
.radios input[type="radio"] + label{display:inline-block; position:relative; padding-left:20px; font-size:16px; color:#4d4d4d; line-height:120%; cursor:pointer;}
.radios input[type="radio"] + label:before {content:''; position: absolute; left:0; top:3px; width:14px; height:14px; text-align:center; background:#fff; border:1px solid #a3a3a3; border-radius:50%; }
.radios input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.radios input[type="radio"]:checked + label{color:#333353;}
.radios input[type="radio"]:checked + label:after { content:''; position:absolute; top:7px; left:4px; width:8px; height:8px; background:#333353; border-radius:100%; }

@media only screen and (max-width:680px){
    .radios input[type="radio"] + label{font-size:13px;}
    .radios input[type="radio"] + label:before{top:1px;}
    .radios input[type="radio"]:checked + label:after {top:5px;}
}

.noneRadio input[type="radio"]{width:0; height:0; position: absolute;top:0; left:0;}
.noneRadio input[type="radio"] + label{display:block; font-size:15px; color:#4b4b4b; font-family:'NotokrL';}
.noneRadio input[type="radio"]:checked + label{background-color:#4b4b4b; color:#fff;}
.noneRadio input[type="radio"]:focus + label{outline:1px solid red;}


.checks{display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; color:#000;}
.checks input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="checkbox"] + label{display:inline-block; position:relative; padding-left:24px; font-size:16px; line-height:120%; color:#47495a; font-weight:500; letter-spacing:-0.03em; cursor:pointer;}
.checks input[type="checkbox"] + label:before {content:''; position: absolute; left:0px; top:0px; width:16px; height:16px; text-align:center; background:#fff; border:1px solid #cecece; border-radius:4px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.checks input[type="checkbox"] + label:active:before, .checks input[type="radio"]:checked + label:active:before {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks input[type="checkbox"]:checked + label{color:#373737;}
.checks input[type="checkbox"]:checked + label:before {background:#fff; border-color:#0942a1;}

@media only screen and (max-width:680px){
    .checks input[type="checkbox"] + label{font-size:13px; padding-left:20px;}
    .checks input[type="checkbox"] + label:before{width:13px; height:13px;}
    .checks input[type="checkbox"]:checked + label:after{width:15px; height:15px;}
}


/* taps-fuldown */
.taps-fuldown .item {border:1px dashed #cecece; border-bottom-width:0;}
.taps-fuldown .item:last-child {border-bottom-width:1px;}
.taps-fuldown .item.active{border-top:2px solid #5644a1;}
.taps-fuldown .item .tit a{position:relative; display:block; width:100%; height:100%;; padding:15px 20px; box-sizing:border-box; background: url('/images/new/Potal/board/tapsOff.png') right 20px top 50% no-repeat}
.taps-fuldown .item.active .tit a{background-image: url('/images/new/Potal/board/tapsOn.png');}
.taps-fuldown .item .tit a span{font-size:16px; color:#555}
.taps-fuldown .item.active .tit a span{font-family:'NotokrM'; font-size:17px; color:#5644a1;}
.taps-fuldown.numberType {counter-reset: items;}
.taps-fuldown.numberType .item .tit a::before {counter-increment: items; content:counter(items, decimal-leading-zero); display: inline-block; margin-right:15px; padding:5px 10px; background-color:#8b8b8b; border-radius: 5px; color:#fff; font-family:'NotokrM'; font-size:17px;}
.taps-fuldown.numberType .item.active .tit a::before {background-color:#5644a1;}

.taps-fuldown .item .cont{padding:25px 40px; display:none; background-color:#f8f8f8; }

@media all and (max-width:1000px){
    .taps-fuldown .item .tit a{ padding:12px;}

    .taps-fuldown .item .cont{padding:15px 20px;}
}

@media all and (max-width:680px){
    .taps-fuldown .item .tit a{font-size:14px; padding:10px;}

    .taps-fuldown .item .cont{padding:15px 10px;}

    .taps-fuldown.numberType .item .tit a::before{padding:2px 10px; font-size:13px;}
}

.bgCntBox{border-radius: 10px; background-color:#f9f9f9; box-sizing: border-box; padding:30px;}

@media screen and (max-width:1000px) {
    .bgCntBox{padding:20px;}
}


/* 일반현황 */
.townIntroTab .tit_li {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.townIntroTab .tit_li .tit_title {
    border: 1px dashed #c1c1c1;
    background-color: #fff;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    background: url('/images/new/Potal/board/townTabArrow.png') right 30px center no-repeat;
    width:300px;
    font-size:16px;
    color:#555;
    font-family:'NotokrM';
    box-sizing: border-box;
}
.townIntroTab .tit_li.on .tit_title{
    box-shadow: 5px 0 5px rgba(0,0,0,0.12);
    border-color:#5644a1;
    border-width:2px;
    border-style: solid;
    color:#5644a1;
    background-image:url('/images/new/Potal/board/townTabArrowOn.png');
    
}

.townIntroTab .tit_li .tit_depthBox .taps{
    border:1px dashed #c1c1c1;
    border-left-width:0;
    width: 100%;
}
.townIntroTab .tit_li .tit_depthBox .taps{
    flex-wrap: wrap;
    padding:20px;
    box-sizing: border-box;
}
.townIntroTab .tit_li .tit_depthBox .taps li a{
    padding:5px 0;
    background:none;
}
.townIntroTab .tit_li .tit_depthBox .taps li a:hover span, 
.townIntroTab .tit_li .tit_depthBox .taps li a.active span{
    color:#5644a1;
}
.townIntroTab .tit_li .tit_depthBox .taps li a:hover span:before,
.townIntroTab .tit_li .tit_depthBox .taps li a.active span:before{
    background-image: url('/images/new/Potal/board/tapsIcon.png');
}
.townIntroTab .tit_li.on .tit_depthBox{
    background-color:#f8f8f8;
}

@media screen and (max-width:1200px) {
    .townIntroTab .tit_li {
        flex-direction: column;
    }
    .townIntroTab .tit_li .tit_title{width:100%; padding:20px;}
    .townIntroTab .tit_li .tit_depthBox .taps{
        border-left-width: 1px;
        border-top-width:0;
    }
}
/* 일반현황 */

.hoverUl > li{padding:40px; box-sizing: border-box; border:1px dashed #dcdcdc; transition: all .3s ease-in-out; border-radius: 10px;}
.hoverUl > li:hover{box-shadow:3px 0 13px rgba(0,0,0,0.2); border-style: solid; border-color:#5644a1}

@media screen and (max-width:680px) {
    .hoverUl > li{padding:20px;}
}


/* 모바일 이미지 원본 보기 */

/*img-preview*/
.img-preview{ position:relative} 
.img-preview .preview-btn.type02 {display: block;}
.img-preview .preview-btn{display:none; position:absolute; bottom:0; right:0; height:40px; width:90px; background:rgba(0,0,0,0.7); color:#fff; text-align:center; line-height:40px; z-index:55;}
	@media all and (max-width:680px){
		.img-preview img{width:100%;}
		.img-preview .preview-btn{ display:block; position:absolute; bottom:0; right:0; height:40px; width:90px; background:rgba(0,0,0,0.7); color:#fff; text-align:center; line-height:40px; z-index:55;}
	}


    .imgTextBox{width:100%; }
.imgTextBox.type01{border:1px solid #d6d6d6; box-sizing: border-box; position: relative; padding-left:229px; background:#fff; overflow: hidden;}
.imgTextBox.type01 .itbImg{width:229px;background:#fff; position: absolute; left:0; top:50%; transform: translate(0,-50%); text-align: center;}
.imgTextBox .itbImg > img{ max-width:100%;}
.imgTextBox.type01 .itbText{width:100%; text-align: left;  background-color:#f7f7f7; padding:21px 30px; box-sizing: border-box;}

.felx.ju_fs {justify-content: flex-start;}
.felx.ai_fs {align-items: flex-start;}



/* 찾아오시는길 */
.dirBox{width: 100%; border: dashed 1px #cccccc; border-radius: 5px; padding: 30px; box-sizing: border-box;}
.dirBox .dircon{display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; padding-bottom: 30px; border-bottom:  dashed 1px #cccccc;}
.dirBox .dircon .dirtxt{padding-left: 30px;}
.dirBox .dircon .dirtxt>h5{margin-bottom: 10px; font-family: 'GmarketSansB'; font-size: 16px; color: #000000;}
.dirBox .dircon .dirtxt>p{word-break: keep-all;}
.dirBox .dircon .dirtxt>p span{background-color:#515151; color: #fff; border-radius: 18px; padding: 0px 10px;}
.dirBox .dircon .dirtxt .bustxt{margin-bottom: 10px;}
.dirBox .dircon.trcon{justify-content:flex-start; padding-bottom: 0; margin-bottom: 0; border: none;}

@media screen and (max-width:425px){
	.dirBox .dircon .dirimg{display: none;}
    .dirBox .dircon .dirtxt {padding-left: 0;}
}
/* 찾아오시는길 end */

/* culImgBox */
.culimgBox {width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.culimgBox .culimg{width: calc(100% / 4); padding: 5px;  box-sizing: border-box;}
.culimgBox .culimg img{width: 100%; height: 100%; border-radius: 5px;}

@media screen and (max-width:1200px){
    .culimgBox .culimg{width: calc(100% / 3);}
}

@media screen and (max-width:1000px){
    .culimgBox .culimg{width: calc(100% / 4);}
}

@media screen and (max-width:768px){
    .culimgBox .culimg{width: calc(100% / 2);}
}

/* culImgBox end */

/* culItrBox */
.cuItrBox {width: 100%; overflow: hidden; border-radius: 100px 20px 20px;box-sizing: border-box; position: relative; padding-bottom: 120px;}
.cuItrBox .cuItrImg {width: 100%; box-sizing: border-box;}
.cuItrBox .cuItrImg img{width: 100%;}

.cuItrBox .culInfo {width: 55%; background-color: rgba(75, 78, 153, 0.9); position: absolute; bottom: 0; right: 0; border-radius: 10px; padding: 50px 60px; box-sizing: border-box; color: #fff;}

.cuItrBox .culInfo .cultit01 {font-family: 'GmarketSansM'; font-size: 20px; margin-bottom: 20px;}
.cuItrBox .culInfo .cultit02 {font-family: 'GmarketSansB'; font-size: 32px; margin-bottom: 30px;}

.cuItrBox .culInfo .culList{display: flex; justify-content: flex-start; align-items: center;}
.cuItrBox .culInfo .culList .list1{padding-right: 30px; margin-right: 20px; position: relative;}
.cuItrBox .culInfo .culList .list1::after{content: ""; position: absolute; width: 2px; height: 10px; background-color: #a0a3e5; right: 0; top: 30%;}

@media screen and (max-width:1300px){
    .cuItrBox .culInfo {width: 80%; padding: 40px 50px;}
    .cuItrBox .Gon .culList .list1 {padding-right: 20px; margin-right: 20px;}
}


@media screen and (max-width:768px){
    .cuItrBox .culInfo .cultit01 {font-size: 18px;}
    .cuItrBox .culInfo .cultit02 {font-size: 30px;}
    .cuItrBox .culInfo {padding: 40px 50px;}
    .cuItrBox .culInfo .culList .list1{padding-right: 20px; margin-right: 20px;}
    
    .cuItrBox .culInfo .culList {flex-wrap: wrap;}
}

@media screen and (max-width:600px) {
    .cuItrBox .culInfo, .cuItrBox .Gon {width: 90%; padding: 30px;}

    .cuItrBox .culInfo .culList {font-size: 14px;}
    
    .cuItrBox .culInfo .cultit01 {font-size: 16px; margin-bottom: 10px;}
    .cuItrBox .culInfo .cultit02 {font-size: 26px; margin-bottom: 20px;}
}

@media screen and (max-width:425px){
    .cuItrBox{padding-bottom: 150px; border-radius: 70px 20px 20px;}
    .cuItrBox .culInfo .cultit01 {font-size: 15px; margin-bottom: 10px;}
    .cuItrBox .culInfo .cultit02 {font-size: 25px; margin-bottom: 10px; line-height: 28px;}
}
/* culItrBox end */ 

.txtBoxWrap{width:100%; display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap;}
    .txtBoxWrap .tbwList{width:32%; text-align:center; box-sizing: border-box; background-color: #f9f9f9; border:1px dashed #e1e1e1;}
    .txtBoxWrap .tbwList.list4{width:24%;}
    .txtBoxWrap .tbwList.list5{width:19%;}
    .txtBoxWrap .tbwList.list2{width:49%;}
    .txtBoxWrap .tbwList.list1{width:100%;}
    .txtBoxWrap .tbwList dt{width:100% ;color:#111;  padding:20px 30px; box-sizing: border-box; color:#111; text-align: left; font-family:'NotokrB'; color:#000; display: flex; align-items: center; justify-content: space-between;}
    .txtBoxWrap .tbwList dd{text-align: left; padding:20px 30px; box-sizing: border-box; background-color:#fff; border-top:1px dashed #e1e1e1;}
    .txtBoxWrap .tbwList dd p{font-family:'NotorkL'; color:#666; letter-spacing: -1px;}
    .txtBoxWrap .tbwList .tel{padding-left:24px; background:url('/images/new/Potal/common/telIcon.png') left center no-repeat; color:#666;}
    .txtBoxWrap .tbwList .fax{padding-left:24px; background:url('/images/new/Potal/common/faxIcon.png') left center no-repeat; color:#666; margin-left: 25px; position: relative; display: inline-block;}
    .txtBoxWrap .tbwList .fax::before{content:''; display: block; position:absolute; left:-25px; top:50%; width:2px; height:12px; background-color:#b9b9b9; margin-top:-6px;}

    .txtBoxWrap.headType dl{display: flex; align-items: center; justify-content: space-between;}
    .txtBoxWrap.headType dl dt{ border:none; width:auto; flex-shrink: 0;}
    .txtBoxWrap.headType dl dd{background-color:transparent; border:none; width:auto;}
    .txtBoxWrap.headType dl dd ul{justify-content: flex-end;}
    .txtBoxWrap.headType dl dd ul.flexType li{width: auto;}
    .txtBoxWrap.headType dl dd ul li::before{display:none;}


    @media screen and (max-width:680px){
        .txtBoxWrap .tbwList{width: 100% !important;}
        .txtBoxWrap .tbwList dt,
        .txtBoxWrap .tbwList dd{padding:20px 15px;}
        .txtBoxWrap .tbwList dd p{font-size:14px;}
        .txtBoxWrap.headType dl dd ul li{text-align: right; margin:5px 0; padding-left:0;}
        .txtBoxWrap .tbwList .fax::before{display: none;}
    }
         

.likeBtnWrap a{color: #fff; background-color: #555555; width: 130px; height: 40px; border-radius: 20px; text-align: center; line-height: 40px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; box-sizing: border-box; font-family: 'NotoKrL'; margin-bottom: 10px;}
.likeBtnWrap a span.heart{color: #fff;}
.likeBtnWrap a span{display: inline-block;}
.likeBtnWrap a span.num{color: #555; background-color: #fff; border-radius: 50%; width: 25px; height: 23px; line-height: 23px;}
.likeBtnWrap a.on{background-color: #cb1d57;}                          

.ai-sugge .intro{position:relative; padding:80px 140px 0px 140px; background:#e4f2ff; border-radius:16px; text-align:center;}
.ai-sugge .intro:before{position:absolute; bottom:0px; left:35px; width:361px; height:307px; background:url("/images/new/Potal/common/ai-sugge-img01.png") no-repeat left bottom; content:"";}
.ai-sugge .intro:after{position:absolute; bottom:0px; right:45px; width:314px; height:294px; background:url("/images/new/Potal/common/ai-sugge-img02.png") no-repeat right bottom; content:"";}
.ai-sugge .intro .title{font-size:30px; margin-bottom:50px; color:#494c9b; line-height:120%; font-family:'GmarketSansB';}
.ai-sugge .intro .in-cont{position:relative; background:#fff; padding:40px 60px; border-radius:16px 16px 0px 0px; z-index:1;}
.ai-sugge .intro .in-cont .btxt{letter-spacing:-0.03em; font-size:15px; color:#424242; line-height:140%;}

	@media all and (max-width:1600px){
		.ai-sugge .intro{padding:60px 100px 0px 100px;}
		.ai-sugge .intro:before{left:10px; width:320px; background-size:320px;}
		.ai-sugge .intro:after{right:10px; width:280px; background-size:280px;}
		.ai-sugge .intro .in-cont{padding:40px 40px;}
	}

	@media all and (max-width:1200px){
		.ai-sugge .intro{padding:60px 80px 0px 80px;}
		.ai-sugge .intro:before{left:0px; width:240px; background-size:240px;}
		.ai-sugge .intro:after{right:0px; width:200px; background-size:200px;}
		.ai-sugge .intro .title{margin-bottom:30px;}
		.ai-sugge .intro .in-cont{padding:40px 20px;}
	}

	@media all and (max-width:1000px){
		.ai-sugge .intro{padding:40px 60px 0px 60px;}
		.ai-sugge .intro:before{left:0px; width:180px; background-size:180px;}
		.ai-sugge .intro:after{right:0px; width:140px; background-size:140px;}
		.ai-sugge .intro .title{font-size:26px; margin-bottom:15px;}
		.ai-sugge .intro .in-cont{padding:20px;}
		.ai-sugge .intro .in-cont .btxt{font-size:14px;}
	}

	@media all and (max-width:680px){
		.ai-sugge .intro{padding:30px 30px 0px 30px;}
		.ai-sugge .intro .title{font-size:24px; margin-bottom:10px;}
		.ai-sugge .intro .in-cont{padding:15px;}
	}

	@media all and (max-width:480px){
		.ai-sugge .intro{padding:20px 20px 0px 20px;}
		.ai-sugge .intro .title{font-size:22px;}
		.ai-sugge .intro .in-cont{padding:15px;}

		.ai-sugge .intro .in-cont .btn-wrap .go-link02{margin-bottom:5px}
	}

.ai-sugge .setting{position:relative; padding:50px 100px 0px 100px; background:#e4f2ff; border-radius:16px; text-align:center; margin-bottom:100px;}
.ai-sugge .setting:before{position:absolute; bottom:0px; left:35px; width:240px; height:307px; background:url("/images/new/Potal/common/ai-sugge-img01.png") no-repeat left bottom; background-size:240px; content:"";}
.ai-sugge .setting:after{position:absolute; bottom:0px; right:45px; width:230px; height:294px; background:url("/images/new/Potal/common/ai-sugge-img02.png") no-repeat right bottom; background-size:230px; content:"";}
.ai-sugge .setting .title{font-size:26px; margin-bottom:20px; color:#494c9b; line-height:120%; font-family:'GmarketSansB'; letter-spacing:-0.03em;}
.ai-sugge .setting .in-cont{position:relative; background:#fff; padding:40px 60px; border-radius:16px 16px 0px 0px; z-index:1;}
.ai-sugge .setting .in-cont .sels-btn{justify-content:center; display:flex;} 
.ai-sugge .setting .in-cont .sels-btn .sel{margin-right:30px;}
.ai-sugge .setting .in-cont .sels-btn .sel .btxt{font-size:16px; color:#000; display:inline-block; padding-right:10px;}
.ai-sugge .setting .in-cont .sels-btn .sel select{padding:10px 40px 10px 15px; background:url("/images/new/Potal/board/selectIcon.png") no-repeat right 10px center; font-size:15px; font-family:'NotokrM'; color:#555; border-radius:10px; border:1px solid #e1e1e1; box-sizing:border-box; background-color:#f8f8f8; letter-spacing:-0.5px;}
.ai-sugge .setting .in-cont .sels-btn .btn{display:block; padding:10px 20px; background:#5644a1; border-radius:6px; box-sizing:border-box;}
.ai-sugge .setting .in-cont .sels-btn .btn span{padding-left:20px; color:#fff; font-size:15px; background:url("/images/new/Potal/common/setting-icon.png") no-repeat left;}

	@media all and (max-width:1400px){
		.ai-sugge .setting{padding:40px 60px 0px 60px;}
		.ai-sugge .setting:before{left:10px; width:200px; background-size:200px;}
		.ai-sugge .setting:after{right:10px; width:180px; background-size:180px;}
		.ai-sugge .setting .in-cont{padding:40px 20px;}
		.ai-sugge .setting .in-cont .sels-btn .sel{margin-right:20px;}
		.ai-sugge .setting .in-cont .sels-btn .sel .btxt{padding-right:5px;}
	}

	@media all and (max-width:1200px){
		.ai-sugge .setting{padding:40px 30px 0px 30px; margin-bottom:80px;}
		.ai-sugge .setting:before{left:0px; width:160px; background-size:160px;}
		.ai-sugge .setting:after{right:0px; width:140px; background-size:140px;}
		.ai-sugge .setting .in-cont{padding:30px 10px;}
		.ai-sugge .setting .in-cont .sels-btn .sel{margin-right:10px;}
	}

	@media all and (max-width:1000px){
		.ai-sugge .setting{padding:30px 20px 0px 20px; margin-bottom:60px;}
		.ai-sugge .setting .title{font-size:24px; margin-bottom:10px;}
		.ai-sugge .setting:before{left:0px; width:150px; background-size:120px;}
		.ai-sugge .setting:after{right:0px; width:130px; background-size:100px;}
		.ai-sugge .setting .in-cont{padding:20px 10px;}

		.ai-sugge .setting .in-cont .sels-btn .sel .btxt{font-size:14px;}
		.ai-sugge .setting .in-cont .sels-btn .sel select{padding:6px 30px 6px 10px; font-size:14px;}
		.ai-sugge .setting .in-cont .sels-btn .btn{padding:5px 10px;}
		.ai-sugge .setting .in-cont .sels-btn .btn span{padding-left:20px; color:#fff; font-size:14px; background-size:14px;}
	}

	@media all and (max-width:680px){
		.ai-sugge .setting{padding:20px 10px 0px 10px; margin-bottom:40px;}
		.ai-sugge .setting .title{font-size:22px; margin-bottom:10px;}
		.ai-sugge .setting:before{display:none;}
		.ai-sugge .setting:after{display:none;}
		.ai-sugge .setting .in-cont{padding:15px 10px;}
		
		.ai-sugge .setting .in-cont .sels-btn .sel{margin-right:5px;}
		.ai-sugge .setting .in-cont .sels-btn .sel .btxt{font-size:13px;}
		.ai-sugge .setting .in-cont .sels-btn .sel select{padding:6px 20px 6px 5px; font-size:13px;}
		.ai-sugge .setting .in-cont .sels-btn .btn{padding:5px 5px;}
		.ai-sugge .setting .in-cont .sels-btn .btn span{padding-left:14px; color:#fff; font-size:13px; background-size:12px;}
	}

	@media all and (max-width:480px){
		.ai-sugge .setting{padding:0px; border-radius:0px; background:none; margin-bottom:30px;}
		.ai-sugge .setting .title{font-size:18px; text-align:left; letter-spacing:-0.06em;}
		.ai-sugge .setting:before{display:none;}
		.ai-sugge .setting:after{display:none;}
		.ai-sugge .setting .in-cont{padding:0px; border-radius:0px; text-align:left;}
		
		.ai-sugge .setting .in-cont .sels-btn .sel{margin-right:0px;}
		.ai-sugge .setting .in-cont .sels-btn .sel .btxt{font-size:13px;}
		.ai-sugge .setting .in-cont .sels-btn .sel select{padding:6px 20px 6px 5px; font-size:12px;}
		.ai-sugge .setting .in-cont .sels-btn .btn{width:70px}
		.ai-sugge .setting .in-cont .sels-btn .btn span{padding-left:0px; color:#fff; font-size:12px; background:none;}
	}

/* AI 컨텐츠 추천서비스 */
.ai-sugge .result{}
.ai-sugge .result:after{clear:both; content:""; display:block;}
.ai-sugge .result .tit-list{position:relative;}
.ai-sugge .result .tit-list .tit{}
.ai-sugge .result .tit-list .tit .btxt{font-size:26px; color:#000; margin-bottom:20px; font-family:'GmarketSansM'; letter-spacing:-0.02em; line-height:120%;}
.ai-sugge .result .tit-list .tit .btxt strong{color:#5175c1; font-family:'GmarketSansM';}
.ai-sugge .result .tit-list .tit .stxt{font-size:15px; color:#424242; line-height:140%; letter-spacing:-0.02em; height:42px; margin-bottom:20px;}

.ai-sugge .result .tit-list .taps{overflow:hidden; border-radius:12px 12px 0px 0px;}
.ai-sugge .result .tit-list .taps a{width:33.333333333%; display:block; float:left; padding:10px 5px; background:#93969e; border-right:1px solid #fff; overflow:hidden; box-sizing:border-box; text-align:center;}
.ai-sugge .result .tit-list .taps a:last-child{border-right:none;}
.ai-sugge .result .tit-list .taps a span{color:#fff; font-size:15px; line-height:120%; letter-spacing:-0.03em;}
.ai-sugge .result .tit-list .taps a.active{background:#5175c1;}

.ai-sugge .result .tit-list .list{padding:20px; background:#f9f9f9; border-radius:0px 0px 12px 12px;}
.ai-sugge .result .tit-list .list ul{overflow:hidden;}
.ai-sugge .result .tit-list .list ul li{margin-bottom:10px;}
.ai-sugge .result .tit-list .list ul li:last-child{margin-bottom:0px;}
.ai-sugge .result .tit-list .list ul li a{position:relative; font-size:15px; color:#1f1f1f; display:block; line-height:120%; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.ai-sugge .result .tit-list .list ul li a:before{width:24px; line-height:24px; font-size:12px; display:inline-block; vertical-align:middle; color:#fff; background:#1f1f1f; content:"0"; text-align:center; border-radius:50%; margin-right:10px;}
.ai-sugge .result .tit-list .list ul li:nth-child(1) a:before{content:"1"; background:#df7915;}
.ai-sugge .result .tit-list .list ul li:nth-child(2) a:before{content:"2"; background:#df7915;}
.ai-sugge .result .tit-list .list ul li:nth-child(3) a:before{content:"3"; background:#df7915;}
.ai-sugge .result .tit-list .list ul li:nth-child(4) a:before{content:"4";}
.ai-sugge .result .tit-list .list ul li:nth-child(5) a:before{content:"5";}
.ai-sugge .result .tit-list .list ul li:nth-child(6) a:before{content:"6";}
.ai-sugge .result .tit-list .list ul li:nth-child(7) a:before{content:"7";}
.ai-sugge .result .tit-list .list ul li:nth-child(8) a:before{content:"8";}
.ai-sugge .result .tit-list .list ul li:nth-child(9) a:before{content:"9";}
.ai-sugge .result .tit-list .list ul li:nth-child(10) a:before{content:"10";}


.ai-sugge .result .tit-list.my{}
.ai-sugge .result .tit-list.my:before{position:absolute; top:14px; right:35px; width:131px; height:99px; background:url("/images/new/Potal/common/aisugge-my.png") no-repeat right bottom; content:"";}
.ai-sugge .result .tit-list.hit:before{position:absolute; top:14px; right:35px; width:127px; height:99px; background:url("/images/new/Potal/common/aisugge-hit.png") no-repeat right bottom; content:"";}

.ai-sugge .result.half .tit-list{width:48%;}
.ai-sugge .result.half .tit-list li{width:33.333333%; float:left;}
.ai-sugge .result.half .tit-list .list ul li a{padding-right:20px;}

.ai-sugge .result.third{margin:0px -1%;}
.ai-sugge .result.third .tit-list{width:31.33333%; margin:0px 1%; float:left;}

	@media all and (max-width:1600px){
		.ai-sugge .result .tit-list.my:before{display:none;}
		.ai-sugge .result .tit-list.hit:before{display:none;}
	}

	@media all and (max-width:1200px){

		.ai-sugge .result .tit-list .taps a span{font-size:14px;}

		.ai-sugge .result .tit-list .tit .stxt{font-size:14px; height:auto;}
		.ai-sugge .result .tit-list .tit .stxt br{display:none;}

		.ai-sugge .result.half .tit-list li{width:50%;}
	}

	@media all and (max-width:1000px){
		.ai-sugge .result .tit-list .tit .btxt{font-size:20px; margin-bottom:10px; letter-spacing:-0.05em;}
		.ai-sugge .result .tit-list .tit .stxt{ margin-bottom:10px;}

		.ai-sugge .result .tit-list .taps a span{font-size:13px;}

		.ai-sugge .result .tit-list .list{padding:10px 15px;}
		.ai-sugge .result .tit-list .list ul li a{font-size:14px;}
		.ai-sugge .result .tit-list .list ul li a:before{width:20px; line-height:20px; font-size:11px; margin-right:5px;}

		.ai-sugge .result.half .tit-list li{width:50%;}

	}

	@media all and (max-width:680px){
		.ai-sugge .result .tit-list .tit .btxt{font-size:18px; margin-bottom:5px;}
		.ai-sugge .result .tit-list .tit .stxt{font-size:13px;}

		.ai-sugge .result .tit-list .taps a{padding:7px 0px;}

		.ai-sugge .result.half .tit-list li{width:100%;}

		.ai-sugge .result.half .tit-list{width:100%; margin-bottom:20px;}
		.ai-sugge .result.half .tit-list .fl{float:none;}
		.ai-sugge .result.half .tit-list .fr{float:none;}

		.ai-sugge .result.third{margin:0px 0px 20px 0px;}
		.ai-sugge .result.third .tit-list{width:100%; margin:0px 0px 20px 0px; float:none;}
	}

	@media all and (max-width:480px){

		.ai-sugge .result.half .tit-list{margin-bottom:15px;}

		.ai-sugge .result.third{margin:0px 0px 15px 0px;}
		.ai-sugge .result.third .tit-list{margin:0px 0px 15px 0px;}

		.ai-sugge .result .tit-list .list ul li a{font-size:13px;}
	}

.flex{display:flex;justify-content: space-between; align-items: center;}
.flex.ju_fs {justify-content: flex-start;}
.flex.ai_fs {align-items: flex-start;}

@media all and (max-width: 680px){
    .flex{
        flex-direction: column;
    }                   
}                               
                 
/* S.컨텐츠 준비중*/
.commingBox{width:100%; padding:60px 0; background-color:#f5f5f5; box-sizing: border-box;}
.commingBox .commingInner{width:600px; margin:0 auto; position: relative; text-align: center;}
.commingBox .commingInner:before{content:''; width:127px; height:115px; margin:0 auto 20px;  display: block; background:url("/upload_data/board_data/BBS_0000282/172950047395688.png") center no-repeat; background-size: 100%;}
.commingBox .commingInner .ciTit{font-size:24px; font-family: 'NexonB'; color:#111; letter-spacing: -0.3px;}
.commingBox .commingInner .ciCnt {color:#555; letter-spacing: -0.2px; margin-top:20px; font-family:'NotokrR'; font-size:15px;}

@media screen and (max-width:768px){
    .commingBox{padding:40px;}
    .commingBox .commingInner{width:90%; margin:0 auto 10px; position: relative;}
    .commingBox .commingInner .ciTit{font-size:22px;}
}

@media screen and (max-width:480px){
    .commingBox{padding:30px;}
    .commingBox .commingInner{width:100%; margin:0 auto 10px; position: relative;}
    .commingBox .commingInner:before{width:97px;}
    .commingBox .commingInner .ciTit{font-size:20px;}
    .commingBox .commingInner .ciCnt {font-size:14px;}
}
/* E.컨텐츠 준비중*/