@charset "UTF-8";

.tabfocus:focus{border:1px dashed #d1d1d1;}
header .headerBot_cont nav .menuClosePc{display: none;}

.headFix{position: fixed;}

.mapBox{position: relative;}
.mapBox .jumpTap{position: absolute; top:0; left:0; background-color:#fff; font-size:1em; color:#111; padding:5px 10px; box-sizing: border-box;}
.mapBox .jumpTap:focus{z-index: 100;}

i{font-style:normal}
.break{display:block;} /*  데스크탑 : block -> 모바일화면 : inline*/
.plump{}    /*  데스크탑 : 속성없음 -> 모바일화면 : block */
.block{display:block}   /*  데스크탑 : block -> 모바일화면 : block */
.creak{display:block;}
.treak{display:block;}
.pointColor{color:#009b63;}

.sub .subWrap .subCntArea{margin:70px 0; width:100%;}

/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute; top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0; left:0; padding:10px 20px;background:#1e64ba;color:#fff;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {outline:0 !important;}

.ov{overflow:hidden}

/*인풋텍스트,셀렉트,라디오 공통*/
input[type="text"], input[type="email"]{font-family:'NotokrR'; width:300px; color:#555; height:41px; border:1px solid #d6d6d6; box-sizing:border-box; padding:0px 10px; display:inline-block; vertical-align:middle; -webkit-appearance: none; font-size:1em;}
input[type="text"]::placeholder, input[type="email"]::placeholder{color:#a5a5a5; opacity:1;}
input[type="password"]{font-family:'NotokrR'; width:300px; height:38px; color:#111; border:1px solid #d1d1d1; box-sizing:border-box; font-size:1.067em; padding:0px 10px; display:inline-block; vertical-align:middle; -webkit-appearance:none;}
input[type="password"]::placeholder{color:#a5a5a5; 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/layout/arrowIcon.png") center no-repeat; */}
.chk-select select{font-family:'NotokrR'; font-size:1em; color:#555;  width:100%; height:41px;  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:1.067em; -webkit-appearance: none; -webkit-border-radius:0;}
textarea:focus{border:1px solid #0942a1;}
input[type="text"].inputCalendar{box-sizing: border-box; padding-right:40px; /* background: url("images/board/boardCal.png") right 15px top 50% no-repeat #fff; */}

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

.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:1.067em; color:#4d4d4d; line-height:120%; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.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:after {}
.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:before {border-color:#009b63;}
.radios input[type="radio"]:checked + label:after { content:''; position:absolute; top:7px; left:4px; width:8px; height:8px; background:#009b63; border-radius:100%; }

.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:1.067em; line-height:120%; color:#47495a; font-weight:500; letter-spacing:-0.03em; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.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;}

div.check-ps{position: absolute; top:10px; right:15px;}
div.check-ps input[type="checkbox"]{vertical-align: middle; cursor: pointer;}
div.check-ps label.txt{font-size:0.750em; font-family: 'NotoKrR'; color: #000;}



.filebox{position:relative; padding-right:100px; box-sizing:border-box;}
.filebox .filename{display:block; width:100%;}
.filebox .filename:focus{border:1px solid #dcdcdc;}
.filebox .btn_file{display:block; line-height:39px; border:1px solid #dedede; border-left:0; box-sizing: border-box; background:#dedede; color:#555; font-family:'NotokrR'; width:100px; text-align:center; font-size:0.933em;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.filebox.active .btn_file{background:#0942a1;}


/* list */
.cont-list.step01 > li, .basic_ul > li{position:relative; color:#333; padding-left:15px; font-size: 1.067em; margin-bottom:10px; line-height:140%; font-family:'NotokrR'; box-sizing: border-box;}
.cont-list.step01 > li:before, .basic_ul > li::before{position:absolute; top:10px; left:0px; width:6px; height:2px; background:#404040; content:""; border-radius:0px;}
.cont-list.step01 > li:last-child, .basic_ul > li:last-child {margin-bottom:0px;}
.cont-list.step01 .cont-list.step02{padding:5px 0px;}
.cont-list.step01.bfnone > li::before {display: none;}

.cont-list.step02 > li{position:relative; font-size:0.933em; color:#666; padding-left:12px; line-height:140%; margin-bottom:4px; font-family:'NotokrR'; box-sizing: border-box;}
.cont-list.step02 > li:before{position:absolute; top:9px; left:0px; width:3px; height:3px; background:#878787; content:""; border-radius: 50%;}
.cont-list.step02 > li:last-child{margin-bottom:0px;}

.cont-list.lines {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.cont-list.lines li{margin-right:5px;}
.cont-list.list2 > li{width:49%;}
.cont-list.list3 > li{width:32.333%;}
.cont-list.list5 > li{width:19%;}
.cont-list.list4 > li{width:24%; }

.cont-list.num{font-family:'NotoKrR';}
.cont-list.num > li{position:relative; font-size:1em; color:#666; padding-left:22px; line-height:140%; margin-bottom:4px; box-sizing: border-box;}
.cont-list.num > li:before{ display: inline-block; position: absolute; top:4px; left:0; width:15px; height: 15px; /* background: url("images/board/searchNumBg.png") center no-repeat; */ text-align: center; line-height: 14px; color:#fff; font-size:0.867em; font-family:'NotokrR';}
.cont-list.num > li:last-child{margin-bottom:0px;}
ol.num > li{counter-increment: number;}
ol.num > li:before{content: counter(number);}

/* taps */
/* taps-dt4 */
.taps-dt4{margin:0px 0 20px; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.taps-dt4 li{width:25%; margin-right:-1px; height:54px; background-color: #fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.taps-dt4 li:last-child{margin-right:0;}
.taps-dt4 li a{display:block; width:100%; height:100%; border:1px solid #d6d6d6; box-sizing:border-box; padding:15px 20px; font-size:1.067em; color:#555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-collapse:collapse; position: relative; text-align: center; font-family:'NotokrR';}
.taps-dt4 li:nth-child(n+5) a{border-top: 0;}
.taps-dt4 li a.nwTap span {padding-right:25px; /* background-image: url("images/layout/subNavNw.png"); */ background-position: right 55%; background-repeat: no-repeat; }
/* .taps-dt4 li.active a.nwTap span, .taps-dt4 li a.nwTap:hover span {background-image: url("images/layout/subNavNw_on.png");} */
.taps-dt4 li a span{line-height:80%; vertical-align: baseline;}
.taps-dt4 li:hover, .taps-dt4 li.active{ background-color:#009b63;}
.taps-dt4 li:hover a, .taps-dt4 li.active a{color:#fff; border:none; font-family:'NotokrM';/*  background-image:url("images/layout/tapOn.png"); */ background-position: center bottom; background-repeat: no-repeat;}

.taps-dt4.tap2 li{width:50%;}
.taps-dt4.tap3 li{width:33.3333%;}
.taps-dt4.tap5 li{width:20%;}
.taps-dt4.tap6 li{width:16.666%;}
.taps-dt4.tap2 li:nth-child(n+3) a{border-top: 0;}
.taps-dt4.tap3 li:nth-child(n+4) a{border-top: 0;}
.taps-dt4.tap5 li:nth-child(-n+5) a, .taps-dt4.tap6 li:nth-child(-n+6) a, .taps-dt4.tap7 li:nth-child(-n+7) a{border-top: 1px solid #d6d6d6;}
.taps-dt4.tap5 li:nth-child(n+6) a{border-top: 0;}
.taps-dt4.tap6 li:nth-child(n+7) a{border-top: 0;}

/* taps-dt5 */
.taps-dt5{display:flex; flex-wrap: wrap; justify-content: flex-start; border:1px solid #d6d6d6; padding:10px 30px; background:#f7f7f7;}
.taps-dt5 li{width:25%; padding:5px 0px; float:left; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.taps-dt5 li a{position:relative; display:block; width:100%; height:100%; box-sizing:border-box; padding:0px 12px 0px 15px; color:#555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'NotokrM';}
.taps-dt5 li a:before{position:absolute; top:50%; left:0px; width:8px; height:2px; margin-top:-1px; background:#666; content:"";}
.taps-dt5 li a span{line-height:120%; display: inline-block;}

.taps-dt5 li.active a, .taps-dt5 li:hover a{color:#009b63;}
.taps-dt5 li.active a:before, .taps-dt5 li:hover a:before{background:#009b63;}
.taps-dt5 li a > span > i{line-height: 17px;}

/*읍면탭메뉴추가*/
.taps-dt4.tap6 li a.bd-line{border-bottom:solid 1px #d6d6d6;}


.toggleShowBox > div{display: none;}
.toggleShowBox > div.toggleBox1{display: block;}

/* 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 .scroll-table{overflow-x:auto;}
.table-wrap table.scroll.full{width:1400px;}
.table-wrap .scroll-guide.full{display: block;}

.table-wrap table.type01{position:relative; width:100%; border-collapse:collapse; table-layout:fixed; clear:both; color:#555; background:#fff; border-top:2px solid #009b63; font-family:'NotokrR';}
.table-wrap table.type01 thead th{background:#f7f7f7; 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 #9d9d9d; font-weight:500; box-sizing: border-box;}
.table-wrap table.type01 thead th:last-child{border-right:none;}

.table-wrap table.type01 tbody th{letter-spacing:-0.02em; padding:10px; color:#000; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background:#f7f7f7; font-weight:500; font-family:'NotokrM'; box-sizing: border-box;}
.table-wrap table.type01 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:'NotokrR'; box-sizing: border-box;}
.table-wrap table.type01 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("images/layout/termiIcon.png") center no-repeat; */ font-size:0;}
.table-wrap table tbody td.border_td{border-right:1px solid #dcdcdc !important;}
.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;}

/* btn */
.btn-wrap:not(td){display: inline-block;}
.btn-wrap a{text-align:left; font-family:'NotokrR'; position:relative; display:inline-block; vertical-align:top; margin-bottom:5px;box-sizing:border-box; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; color:#555;}
.btn-wrap a > i, .btn-wrap a > span{ font-family:'NotokrR'; }
.btn-wrap .bbtn{padding:13px 50px 13px 25px; font-size:1em; /* background-image:url("images/layout/btnArrow.png"); */ background-position: 92% center; background-repeat: no-repeat; color:#fff;}
.btn-wrap .bbtn:hover{opacity:0.7;}
.btn-wrap .bbtn span{padding-right:20px;}

.btn-wrap .bbtn.type01{background-color:#5a5a5a;}
.btn-wrap .bbtn.type02{background-color:#e56534;}
.btn-wrap .bbtn.type03{background-color:#ce9600;}
.btn-wrap .bbtn.type04{background-color:#3e6dc5;}
.btn-wrap .bbtn.type05{background-color:#3e6dc5;}

.btn-wrap .sbtn{width:auto; min-width:126px; padding:0px 15px 0px 45px; text-align: center; font-size:0.933em; height:auto; line-height: 39px; background-position: 15px center; background-repeat: no-repeat;}
.btn-wrap .sbtn.type-nomal{text-align: center; padding:0 15px;}
.btn-wrap .sbtn:hover{opacity:0.7;}
.btn-wrap .sbtn span{display: inline-block;}
.btn-wrap .sbtn.type-nomal span{padding-right: 0;}

.btn-wrap .sbtn.type01{background-color:#fff; border:1px solid #c7c7c7;}
.btn-wrap .sbtn.type02{background-color:#eee; color:#5e5e5e;}
.btn-wrap .sbtn.type03{background-color:#009b63; color:#fff;}
.btn-wrap .sbtn.type04{background-color:#3e6dc5; color:#fff;}

/* .btn-wrap .sbtn.type01.type-dw, .btn-wrap .sbtn.type02.type-dw {background-image:url("images/layout/iconDw_type1.png");}
.btn-wrap .sbtn.type03.type-dw, .btn-wrap .sbtn.type04.type-dw {background-image:url("images/layout/iconDw_type2.png");}
.btn-wrap .sbtn.type01.type-vi, .btn-wrap .sbtn.type02.type-vi {background-image:url("images/layout/iconView_type1.png");}
.btn-wrap .sbtn.type03.type-vi, .btn-wrap .sbtn.type04.type-vi {background-image:url("images/layout/iconView_type2.png");}
.btn-wrap .sbtn.type01.type-lc, .btn-wrap .sbtn.type02.type-lc {background-image:url("images/layout/iconMark_type1.png");}
.btn-wrap .sbtn.type03.type-lc, .btn-wrap .sbtn.type04.type-lc {background-image:url("images/layout/iconMark_type2.png");}
.btn-wrap .sbtn.type01.type-hp, .btn-wrap .sbtn.type02.type-hp {background-image:url("images/layout/iconHome_type1.png");}
.btn-wrap .sbtn.type03.type-hp, .btn-wrap .sbtn.type04.type-hp {background-image:url("images/layout/iconHome_type2.png");}
.btn-wrap .sbtn.type01.type-dt, .btn-wrap .sbtn.type02.type-dt {background-image:url("images/layout/iconMore_type1.png");}
.btn-wrap .sbtn.type03.type-dt, .btn-wrap .sbtn.type04.type-dt {background-image:url("images/layout/iconMore_type2.png");}
.btn-wrap .sbtn.type01.type-nw, .btn-wrap .sbtn.type02.type-nw {background-image:url("images/layout/subNavNw.png");}
.btn-wrap .sbtn.type03.type-nw, .btn-wrap .sbtn.type04.type-nw {background-image:url("images/layout/subNavNw_on.png");}
.btn-wrap .sbtn.type-print {background-image:url("images/board/boardPrint.png");} */

.btn-wrap .twoBtns {padding:15px 5px; text-align: center; border:1px dashed #cccccc;}

.btn-wrap .fbtn{border:1px solid #c7c7c7; padding: 9px 17px; font-size:0.933em; font-family:'NotokrR';}
.btn-wrap .fbtn:hover{background:#c7c7c7;}
.btn-wrap .fbtn span{display:block; height:22px; padding-left:30px;}
.btn-wrap .fbtn.sbtn {padding:0 10px;}
.btn-wrap .fbtn.sbtn span{background-size:20px !important; padding-right:0; height:auto; }
.btn-wrap .fbtn.hwp span{background:url("images/layout/bt-icon-hwp.png") no-repeat left;}
/* .btn-wrap .fbtn.ppt span{background:url("images/layout/bt-icon-ppt.png") no-repeat left;}
.btn-wrap .fbtn.xls span{background:url("images/layout/bt-icon-xls.png") no-repeat left;}
.btn-wrap .fbtn.jpg span{background:url("images/layout/bt-icon-jpg.png") no-repeat left;}
.btn-wrap .fbtn.gif span{background:url("images/layout/bt-icon-gif.png") no-repeat left;}
.btn-wrap .fbtn.png span{background:url("images/layout/bt-icon-png.png") no-repeat left;}
.btn-wrap .fbtn.zip span{background:url("images/layout/bt-icon-zip.png") no-repeat left;}
.btn-wrap .fbtn.pdf span{background:url("images/layout/bt-icon-pdf.png") no-repeat left;} */
.textBtn{position: relative; padding-right: 30px; box-sizing: border-box; transition: all .3s ease-in-out; background-size: 20px!important;}
.textBtn:hover{opacity:0.8 ;}
/* .textBtn.hwp {background:url("images/layout/bt-icon-hwp.png") no-repeat right;}
.textBtn.ppt {background:url("images/layout/bt-icon-ppt.png") no-repeat right;}
.textBtn.xls {background:url("images/layout/bt-icon-xls.png") no-repeat right;}
.textBtn.jpg {background:url("images/layout/bt-icon-jpg.png") no-repeat right;}
.textBtn.gif {background:url("images/layout/bt-icon-gif.png") no-repeat right;}
.textBtn.png {background:url("images/layout/bt-icon-png.png") no-repeat right;}
.textBtn.zip {background:url("images/layout/bt-icon-zip.png") no-repeat right;}
.textBtn.pdf {background:url("images/layout/bt-icon-pdf.png") no-repeat right;} */

.align-left > *{display:inline-block;}
.align-left .btn-wrap{margin-left:4px; top:-11px; position:relative;}
/* contin-box */
.contin-box{position:relative; background:#f7f7f7; padding:25px 30px; overflow:hidden; font-family:'NotokrR'; font-size:1em;}
.contin-box.borderType{box-sizing: border-box; border:1px solid #c7c7c7;}
.contin-box .contin-tit{font-size:1.467em; color:#111; margin-bottom:10px; font-family:'NotokrM';}
.contin-box .contin-cnt {font-family:'NotokrR'; font-size:1em; line-height: 1.733em;}
.contin-box.type01{position:relative; padding:35px 40px; background:none; border:1px solid #d6d6dd; border-top:2px solid #373777;}
.contin-box.type01:before{display:none;}
.contin-box.type01:after{display:none;}
.contin-box.type02{position:relative; padding:25px 30px; background:none; border:3px solid #dbdbdb;}
.contin-box.type02:before{display:none;}
.contin-box.type02:after{display:none;}

.contin-box .icon-text{position:relative; padding-left:130px; min-height:100px;}
.contin-box .icon-text:before{position:absolute; top:0px; left:0px; width:100px; height:100px; display:block; background:#000; content:""; border-radius:50%;}
.contin-box .icon-text .btxt{font-size:1.600em; color:#111; font-weight:500;}
.contin-box .icon-text .stxt{font-size:1.067em; color:#333; font-weight:300; line-height:150%; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}

.contin-box .gtxt{font-size:1.067em; color:#333; font-weight:500; line-height:120%; letter-spacing:-0.02em; padding-top:7px; overflow:hidden;}
.contin-box .select-btn{overflow:hidden;}
.contin-box .select-btn .chk-select{float:left;}
.contin-box .select-btn .btn{float:left; display:block; padding:0px 15px; text-align:center; line-height:38px; background:#888; font-size:1.067em; color:#fff; border:none; cursor:pointer;}

/* 이미지 + 텍스트*/
.imgTextBox{width:100%; }
.imgTextBox.type01{border:1px solid #d6d6d6; box-sizing: border-box; position: relative; padding-left:217px; background:#fff; overflow: hidden;}
.imgTextBox.type01 .itbImg{width:217px;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%; min-height: 174px; text-align: left;  background-color:#f7f7f7; padding:21px 30px; box-sizing: border-box;}
.imgTextBox.type01 .itbText p {color:#555; font-size:1em; font-family:'NotokrR'; letter-spacing: -0.3px;}

.imgTextBox.type02 {display: flex; flex-wrap: wrap; justify-content: space-between;}
.imgTextBox.type02 .itbBox{width:32%; max-width:382px; border:1px solid #c7c7c7; box-sizing: border-box; background-color:#f7f7f7; text-align: center;}
.imgTextBox.type02 .itbBox .itbText{font-size:1em; color:#555; font-family:'NotokrR'; padding:12px 10px;}

/* page-info */
.page-info{margin-top:70px;border:1px solid #d1d1d1; border-top-color: #333; box-sizing: border-box;}
.page-info .infos{padding:15px 30px; background:#fff; overflow:hidden; min-height:18px;}
.page-info .infos .piTxt{position: relative; float:left; padding-left:30px; font-size:1em; color:#666; margin-right:40px; background-position: left center; background-repeat: no-repeat; letter-spacing:-0.02em;}
/* .page-info .infos .piTxt1 {background-image: url("images/layout/ftMember.png");}
.page-info .infos .piTxt2 {background-image: url("images/layout/ftDepart.png");}
.page-info .infos .piTxt3 {background-image: url("images/layout/ftTel.png"); margin-right:0;}
.page-info .infos .piTxt4 {background-image: url("images/layout/ftDate.png"); float:right; margin-right:0;} */
.page-info .infos .piTxt span{position: relative; font-size:1em; color:#333; padding-right:10px; margin-right:10px; letter-spacing:-0.02em;}
.page-info .infos .piTxt span:before{content:''; display: block; position: absolute; right:0; width:1px; height:12px; background:#d1d1d1; top:50%; margin-top:-6px;}

.page-info .satisf{padding:25px 30px; overflow:hidden; background-color:#f4f4f4;}
.page-info .satisf .apprai{width:61%; float:left; overflow: hidden; padding-top: 10px;}
.page-info .satisf .apprai .btxt{font-size:1em; color:#000; margin-bottom:5px; font-family:'NotokrM'; padding-left:30px; /* background: url("images/layout/ftSati.png") left center no-repeat; */ float:left;}

.page-info .satisf .apprai .mark{float:left; margin-left:20px;}
.page-info .satisf .apprai .mark p{display: inline-block;margin-right:10px; }
.page-info .satisf .apprai .mark input[type=radio]{background:#fff;}
.page-info .satisf .apprai .mark label{color:#666; font-size:0.933em; }

.page-info .satisf .opinion{float:right; position:relative; width:39%;}
.page-info .satisf .opinion .input-btn{padding-right:80px;}
.page-info .satisf .opinion .input-btn input[type="text"]{width:100%; height:46px; font-size:0.933em; border-color:#7e7e7e;}
.page-info .satisf .opinion .input-btn .btn{position:absolute; top:0px; right:0px; line-height:46px; font-size:0.933em; width:80px; text-align:center; background:#3a5ca4; color:#fff; z-index:1;}


/* borderbox*/
.border-box{width:100%; box-sizing: border-box; padding:30px; border:1px solid #c7c7c7;}
.border-box p {color:#666; font-family:'NotokrR';}

.border-box.type02{border:12px solid #f7f7f7;}

.border-box.p10, .dashed-box.p10{padding:10px;}
.border-box.p15, .dashed-box.p15{padding:15px;}

/* S.DashedBox*/

.dashed-box{width:100%; box-sizing: border-box; padding:30px; border:1px dashed #ccc;}
.dashed-box.p20{padding: 20px;}
.dashed-box p {color:#666; font-family:'NotokrR';}

/* E.DashedBox*/
.popBlack{display:none; width:100%; height: 100%; position: fixed; top:0; left:0; z-index: 1001; background:rgba(0,0,0,0.7);}


/* S.원본이미지보기 */
.imgCnt{position: relative;}
.imgCnt img{max-width:100%;}
.imgCnt .imgCntBtn{display:none;position: absolute; bottom:0; right:0; background:#548fe1; color:#fff; font-size:14px;padding:5px 10px;}
@media screen and (max-width:1000px) {
    .imgCnt{padding-bottom: 50px}
    .imgCnt .imgCntBtn{display: block;}
}
/* E.원본이미지보기 */

/* 박스타이틀 */
.box-title {width:100%; box-sizing: border-box; border:1px solid #c7c7c7; position: relative;}
.box-title:before {content:''; position: absolute; top:-2px; left:-1px; width:100.2%; height: 50px; /* background-image: url("images/layout/boxTitleBg.jpg"); */ background-repeat: repeat-y; background-position: center; background-size: 100%;}
.box-title .boxTitle-cnt {width: 99.8%; position: relative; top:0; left:1px; z-index: 1; background-color: #fff; padding:35px 35px 35px 135px; box-sizing: border-box;}
.box-title .boxTitle-cnt:before {content:''; display: inline-block; width:70px; height: 70px; position: absolute; top:35px; left:35px; border-radius: 50%;/*  background:url("images/layout/boxTItle_bg.png") center no-repeat #f1f1f1; */}
/* .box-title.type2 .boxTitle-cnt:before {background-image:url("images/layout/boxTItle2_bg.png"); }
.box-title.type3 .boxTitle-cnt:before {background-image:url("images/layout/boxTItle3_bg.png"); }
.box-title.type4 .boxTitle-cnt:before {background-image:url("images/layout/boxTItle4_bg.png"); }
.box-title.type5 .boxTitle-cnt:before {background-image:url("images/layout/boxTItle5_bg.png"); }
.box-title.type6 .boxTitle-cnt:before {background-image:url("images/layout/boxTItle6_bg.png"); }
.box-title.type7 .boxTitle-cnt:before {background-image:url("images/layout/boxTItle7_bg.png"); }
.box-title.type8 .boxTitle-cnt:before {background-image:url("images/layout/boxTItle8_bg.png"); }
.box-title.type9 .boxTitle-cnt:before {background-image:url("images/layout/boxTItle9_bg.png"); }
.box-title.type10 .boxTitle-cnt:before {background-image:url("images/layout/boxTItle10_bg.png"); }
.box-title.type11 .boxTitle-cnt:before {background-image:url("images/layout/boxTItle11_bg.png"); }
.box-title.type12 .boxTitle-cnt:before {background-image:url("images/layout/boxTItle12_bg.png"); }
.box-title.type13 .boxTitle-cnt:before {background-image:url("images/layout/boxTItle13_bg.png"); } */
.box-title .boxTitle-cnt .bt-title {font-size: 1.2em; font-family:'NexonB'; color:#000; line-height: 140%;}
.box-title .boxTitle-cnt .bt-cnt {font-size:1em; color:#555; font-family:'NotokrR'; letter-spacing: -0.3px;  margin-top:10px;}
.box-title .boxTitle-cnt.noCnt_type {padding:60px 35px 50px 135px;}
.box-title.aloneType .boxTitle-cnt{padding:0 20px 0 135px; height:120px; display: flex; align-items: center; }
.box-title.aloneType .boxTitle-cnt:before{top:50%; margin-top:-35px;}
/* 박스타이틀 */

@media all and (max-width:1400px){
    .page-info .satisf .apprai{width:70%;}
    .page-info .satisf .opinion{width:30%;}
}

@media all and (max-width:1200px){
    .page-info{border-left:none; border-right:none;}
    .page-info .satisf .apprai{width:50%; padding-top: 0;}
    .page-info .satisf .opinion{width:50%;}

    .dashed-box, .border-box{padding:20px;}
}

@media all and (max-width:1000px){
    .m-none{display:none}
    .break{display:inline}
    .creak{display:block;}

    .sub .subWrap .subCntArea{width:95%; margin: 50px auto;}

    input[type="text"]{padding-left:10px; width:240px;}
    input[type="password"]{padding-left:10px;}
    .chk-select select{padding:0px 40px 0px 15px;}
    textarea{padding:5px; font-size:0.933em;}

    .cont-list.step01 > li, .basic_ul > li{ padding-left:10px;}
    .cont-list.step01 > li:before, .basic_ul > li:before {top:7px;}

    .cont-list.step02 > li{ padding-left:12px;}
    .cont-list.step02 > li:before{top:7px; width:5px;}

    .cont-list.list3 > li, .cont-list.list4 > li{width:49%;}
    .cont-list.list5 > li{width:32.333%;}

    .cont-list.step01 > li, .basic_ul > li{padding-left:13px; font-size:14px;}

    .cont-list.step02 > li{padding-left:8px; font-size:0.933em;}


    .cont-list.num li{padding-left:20px; font-size:0.933em;}

    .taps-dt4 li a{padding:10px 20px;}
    .taps-dt4 li{height:46px;}
    .taps-dt4 li a{font-size:16px;}
    .taps-dt5{padding:10px 20px;}
    .taps-dt5 li{padding:3px 0px; width:33.333%;}
    .taps-dt5 li a{padding:0px 20px 0px 12px; font-size:0.933em;}

    .table-wrap table.type01 thead th{font-size:14px; padding:8px;}

    .table-wrap table.type01 tbody th{font-size:14px; padding:8px;}
    .table-wrap table.type01 tbody td{font-size:14px; padding:8px;}

    .btn-wrap > p > a{font-size:14px;}
    .btn-wrap .bbtn{padding:10px 20px 10px 15px;}
    .btn-wrap .fbtn{font-size:13px;}

    .page-info{margin-top:50px;}

    .page-info .infos {padding:15px 20px;}
    .page-info .infos .piTxt {margin-right:10px;}
    .page-info .infos .piTxt span{padding-right: 5px; margin-right:5px;}

    .page-info .satisf{padding:15px 20px;}
    .page-info .satisf .apprai{width:55%; float:left;}
    .page-info .satisf .apprai .btxt{font-size:0.933em;}


    .page-info .satisf .opinion{width:45%;}
    .page-info .satisf .opinion .input-btn{padding-right:70px;}
    .page-info .satisf .opinion .input-btn .btn{width:70px;}

    .imgCnt{padding-bottom: 50px}
    .imgCnt .imgCntBtn{display: block;}

    .box-title .boxTitle-cnt{padding:20px;}
    .box-title .boxTitle-cnt:before{position: relative; display: inline-block; left:0; width:40px; height: 40px; background-size: 45%; top:3px;}
    .box-title .boxTitle-cnt .bt-title {display: inline-block; vertical-align: middle; margin-left:15px;}
    .box-title .boxTitle-cnt .bt-cnt{font-size:14px;}
    .box-title .boxTitle-cnt.noCnt_type {padding:20px; vertical-align: middle;}
    .box-title .boxTitle-cnt.noCnt_type:before {vertical-align: middle; top:0;}
    .box-title .boxTitle-cnt .bt-title{vertical-align: middle;}

    .box-title.aloneType .boxTitle-cnt{padding:20px;}
    .box-title.aloneType .boxTitle-cnt:before{top:0; margin-top:0;}

    .btn-wrap .sbtn{font-size:14px;}

    .contin-box{padding:20px 30px;}
}

@media screen and (max-width:768px) {
    .page-info .infos .piTxt{width:42%; margin-right:1%; margin-bottom:2%;}
    .page-info .infos .piTxt4{float:left;}
    .taps-dt4 li{width:50%; margin-top:3px;}
    .taps-dt4.tap5 li{width:33.333%;}
}

.writeAddress .filebox.address{display: flex; align-items: center; justify-content: flex-start; margin-bottom: 10px;}
.writeAddress .filebox.address input{width: 300px;}
.writeAddress .addressMore{display: flex; align-items: center; justify-content: space-between;}
.writeAddress .addressMore input{width:49%;}

.filebox .btn_address{display:block; line-height:39px; border:1px solid #dedede; border-left:0; box-sizing: border-box; background:#dedede; color:#555; font-family:'NotokrR'; width:100px; text-align:center; font-size:0.933em;}

@media screen and (max-width:680px) {
    .filebox .btn_address {line-height: 33px;}
}

@media screen and (max-width: 480px) {
    .writeAddress .filebox.address input {width: 70%;}

}

@media only screen and (max-width:680px){
    .treak{display:inline;}

    .board-search .search{display: flex;}
    input[type="text"]{height:34px; font-size:0.867em; padding:0px 7px;}
    input[type="password"]{height:34px; font-size:0.867em; padding:0px 7px;}
    .chk-select select{height:34px; font-size:0.867em;}
    textarea{padding:5px; font-size:0.867em;}

    .radios input[type="radio"] + label{font-size:0.867em;}
    .radios input[type="radio"] + label:before{top:1px;}
    .radios input[type="radio"]:checked + label:after {top:5px;}

    .checks input[type="checkbox"] + label{font-size:0.867em; padding-left:20px;}
    .checks input[type="checkbox"] + label:before{width:13px; height:13px;}
    .checks input[type="checkbox"]:checked + label:after{width:15px; height:15px;}

    .filebox{padding-right:85px;}
    .filebox .btn_file{width:85px; line-height:34px; font-size:0.867em;}
    .writeAddress .filebox.address {padding-right: 0;}

    h4.cont-title{font-size:23px; padding-top:8px;}
    h5.cont-title{font-size:21px; padding-left:17px;}

    .cont-list.step01 > li, .basic_ul > li{font-size:14px;}
    .cont-list.step02 > li{font-size:14px;}
    .cont-list.step02 > li:before{top:6px;}
    .cont-list > li, .basic_ul > li {width:100% !important;}

    .cont-list.num > li{font-size:14px;}

    .taps-dt4 li a {padding:7px 15px;}
    .taps-dt4 li{height:39px;}
    .taps-dt4 li a{ font-size:14px;}
    .taps-dt4.tap5 li{width:50%;}
    .taps-dt5{padding:5px 15px;}
    .taps-dt5 li{padding:2px 0px; width:50%;}
    .taps-dt5 li a{padding:0px 15px 0px 10px; font-size:0.867em;}
    .taps-dt4 li a.nwTap span{background-size: 13px; background-position: right 65%; padding-right:18px;}

    /*읍면탭*/
    .taps-dt4.tap6 li{width: 33%;}
    .taps-dt4.tap6 li a{border:1px solid #d6d6d6;}
    .table-wrap .scroll-guide{display:block;}

    .table-wrap table.type01 thead th{font-size:14px; padding:6px;}

    .table-wrap table.type01 tbody th{font-size:14px; padding:6px;}
    .table-wrap table.type01 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;}

    .btn-wrap > p > a{font-size:14px;}
    .btn-wrap .sbtn{min-width:105px; padding-left:30px; background-size: 15px; background-position: 10px center;}
    .btn-wrap .twoBtns .sbtn{background-size: 7%; padding-left:35px;}
    .btn-wrap .sbtn.type-hp , .btn-wrap .sbtn.type-nw {background-size:15px;}
    .btn-wrap .sbtn.type-lc {background-size:10%;}
    .btn-wrap .bbtn{padding:10px 45px 10px 10px;}

    .btn-wrap .twoBtns > a{margin-right:0;}

    .btn-wrap .fbtn{font-size:13px;}

    .page-info .infos .piTxt {font-size:15px;}
    .page-info .infos .piTxt span{font-size:15px;}

    .page-info .satisf{padding:10px 15px;}
    .page-info .satisf .apprai{width:100%; float:none; margin-bottom:10px;}
    .page-info .satisf .apprai .btxt{font-size:14px; margin-bottom:0px;}

    .page-info .satisf .apprai .mark{margin-top:5px; margin-left:0;}

    .page-info .satisf .opinion{width:100%; float:none;}
    .page-info .satisf .opinion .input-btn{padding-right:60px;}
    .page-info .satisf .opinion .input-btn input[type="text"]{height:36px; font-size:14px;}
    .page-info .satisf .opinion .input-btn .btn{line-height:36px; font-size:14px; width:60px;}

    .contin-box{padding:15px 20px;}
    .contin-box .contin-cnt {font-size:14px;}


    .box-title:before{width:100%; left:0;}
    .box-title .boxTitle-cnt{width:99%;}
}

@media screen and (max-width:640px){
    .sub .subWrap .subCntArea{margin:30px auto;}

    .imgTextBox.type01{padding-left:0;}
    .imgTextBox.type01 .itbImg{width:100%; position: relative; top:0; transform: translate(0, 0); padding:20px 0; max-height: 350px; overflow: hidden;}
    .imgTextBox.type02 {align-items: center; justify-content: center;}
    .imgTextBox.type02 .itbBox, .txtBoxWrap .tbwList{width:100%; float:none; margin-right:0; margin-bottom:2%; max-width:none;}
    .imgTextBox.type02 .itbBox .itbImg{background-color:#fff; max-height: 350px; overflow: hidden;}

    .dashed-box, .border-box{padding:15px;}
    .dashed-box p, .border-box p{font-size:0.933em;}
    .border-box.type02{border-width: 6px;}
    .box-title .boxTitle-cnt:before{display: none;}
    .box-title .boxTitle-cnt .bt-title{margin-left:0; margin-bottom:10px; font-size:16px;}
    .box-title .boxTitle-cnt.noCnt_type .bt-title{margin-bottom: 0;}
    .box-title.aloneType .boxTitle-cnt{height:auto; padding:20px;}
    .box-title.aloneType .boxTitle-cnt .bt-title{margin-bottom:0;}

    .imgTextBox.type02 .itbBox .itbText{font-size:15px;}

    h4.cont-title{font-size:20px;}
    h5.cont-title{font-size:18px; padding-left:17px;}
}

@media all and (max-width:480px) {
    .plump{display:block}
    .block{display:block}
    .creak{display:inline;}

    .chk-select:before{right:15px;}
    .chk-select select{padding:0 30px 0 15px;}

    .taps-dt4.item06{margin:0px -1%;}
    .taps-dt4.item06 li{width:48%; margin:0px 1% 5px 1%;}

    .taps-dt4.item05{margin:0px -1%;}
    .taps-dt4.item05 li{width:48%; margin:0px 1% 5px 1%;}

    .taps-dt4.item04{margin:0px -1%;}
    .taps-dt4.item04 li{width:48%; margin:0px 1% 5px 1%;}

    .taps-dt4.item03{margin:0px -1%;}
    .taps-dt4.item03 li{width:48%; margin:0px 1% 5px 1%;}

    .taps-dt4.item02{margin:0px -1%;}
    .taps-dt4.item02 li{width:48%; margin:0px 1% 5px 1%;}

    /*읍면탭*/
    .taps-dt4.tap6 li{width: 50%;}

    .page-info .infos .piTxt {width:100%;}
    .page-info .satisf .apprai .mark .radios{margin-right:5px;}
}

/* S.에러페이지 */
#errorArea{text-align: center;}
#errorArea .errorWrap{ padding-top:6%;}
#errorArea .errorWrap .errorImg {margin-bottom:30px;}
#errorArea .errorWrap .errorTit1{font-family:'NotokrB'; color:#333; font-size:80px; letter-spacing: -0.1px; line-height: 120%;}
#errorArea .errorWrap .errorTit2{font-size:40px; font-family:'NotokrR';color:#333; line-height:55px; margin:40px 0px;}
#errorArea .errorWrap .errorCnt{font-size:18px; font-family:'NotokrR';color:#888; line-height: 30px;}
#errorArea .errorWrap .errorBtn {margin-top:70px;}
#errorArea .errorWrap .errorBtn > a{ margin:0 15px; font-size:19px; color:#fff; font-family:'NotokrB'; width:230px; height:62px; line-height: 62px; display: inline-block; transition: all .3s ease-in-out;}
#errorArea .errorWrap .errorBtn > a:hover{opacity: 0.7;}
#errorArea .errorWrap .errorBtn > a:first-child{background-color:#18a571;}
#errorArea .errorWrap .errorBtn > a:last-child{background-color:#333333;}

@media screen and (max-width:1000px){
    #errorArea{ background-size: 600px;}
    #errorArea .errorWrap{ padding-top:10%;}
    #errorArea .errorWrap .errorTit1{font-size:70px;}
    #errorArea .errorWrap .errorTit2{font-size:30px; margin:20px 0;}
    #errorArea .errorWrap .errorCnt{font-size:16px; line-height: 25px;}
    #errorArea .errorWrap .errorBtn > a{font-size:15px; height:50px; line-height: 50px;}
}

@media screen and (max-width:640px){
    #errorArea{ background-size:80%;}
    #errorArea .errorWrap{ padding-top:20%;}
    #errorArea .errorWrap .errorTit1{font-size:50px;}
    #errorArea .errorWrap .errorTit2{font-size:25px;}
    #errorArea .errorWrap .errorCnt{font-size:15px;}
    #errorArea .errorWrap .errorBtn > a{font-size:14px; height:40px; line-height: 40px; display: block; margin:5px auto;}
}
/* E.에러페이지 */

/* S.컨텐츠 준비중*/
.roadingBox {width: 100%; position: relative; display: flex; justify-content: center; align-items: center; background: url('/images/common/roadingBg2.png') left bottom no-repeat; background-size: 100%; padding-bottom: 40px;}
.roadingBox .img {margin-right: 45px;}
.roadingBox .text {width: 40%; position: relative;}
.roadingBox .text::before {content: ''; position: absolute; top: -60px; right: 30px; background: url('/images/common/roadingTxt.png') no-repeat; width: 122px; height: 88px; background-size: 100%; opacity: 57%;} 
.roadingBox .text .tit {font-family: 'GmarketSans'; font-size: 36px; color: #000000; letter-spacing: -0.02em; margin-bottom: 35px; line-height: 1;}
.roadingBox .text .tit span {color: #ff8d4d; font-weight: 700;}
.roadingBox .text .txt {font-family: 'NotoKrM'; font-size: 15px; color: #555555;}

@media screen and (max-width: 1600px) {
    .roadingBox .text::before {right: 5px;}
}

@media screen and (max-width: 1400px) {
    .roadingBox .img img {width: 300px;}
    .roadingBox .text .tit {font-size: 34px; margin-bottom: 30px;}
    .roadingBox .text::before {right: -40px;}
}

@media screen and (max-width: 1200px) {
    .roadingBox .text {width: auto;}
    .roadingBox .text::before {width: 95px; top: -50px; right: -50px;}
    .roadingBox .img {margin-right: 20px;}
}

@media screen and (max-width: 780px) {
    .roadingBox {flex-wrap: wrap; padding-bottom: 20px;}
    .roadingBox .img {width: 100%; text-align: center; margin-right: 0; margin-bottom: 30px;}
    .roadingBox .img img {width: 250px;}
    .roadingBox .text {text-align: center;}
    .roadingBox .text::before {width: 85px; top: -43px;}
    .roadingBox .text .tit {font-size: 30px; margin-bottom: 20px;}
}

@media screen and (max-width: 480px) {
    .roadingBox .img {margin-bottom: 20px;}
    .roadingBox .img img {width: 190px;}
    .roadingBox .text::before {display: none;}
    .roadingBox .text .tit {font-size: 24px; margin-bottom: 10px;}
    .roadingBox .text .txt {font-size: 14px;}
}
/* E.컨텐츠 준비중*/

/* 순서도 박스 */
.levelBox{width:100%; padding:50px; box-sizing: border-box; background:#f7f7f7; position: relative;}
.levelBox > ol{ display: flex; align-items: stretch; justify-content: space-between}
.levelBox li.lbBox{position:relative;}
.levelBox li.lbBox > div{box-sizing: border-box; background:#fff; padding:20px 30px;  letter-spacing: -0.5px; color:#555; border:1px solid #c7c7c7; height:100%; display:flex; flex-wrap: wrap; width: 100%; align-items: center; text-align: center;}
.levelBox li.lbBox:last-child > div{border-color:#009b63;}
.levelBox li.lbArr{padding-right:50px;}
.levelBox li.lbArr:after{content:''; display: block; position: absolute; right:20px; top:50%; margin-top:-11px; width:11px; height:18px; /* background:url("images/layout/levelArrow.png") center no-repeat; */ z-index: 2;}
.levelBox.lb2 li.lbBox {width: 50%;}
.levelBox.lb3 li.lbBox{width:33.333%;}
.levelBox.lb4 li.lbBox{width:25%;}
.levelBox.lb4.twoLineLevel li.lbBox{height:155px;}
.levelBox.lb5 li.lbBox{width:20%;}
.levelBox li.lbBox .lbTit{font-size:1.067em; color:#1659c7; padding-bottom:15px; font-family:'NotokrM'; width: 100%;}
.levelBox li.lbBox .lbCnt{color:#555; font-size:1em; letter-spacing: -1px; font-family:'NotokrR'; width: 100%;}
.levelBox li.lbBox .lbCnt:last-child{padding-bottom: 0;}
.levelBox.lb9 ol{flex-wrap: wrap; justify-content: flex-start;}
.levelBox.lb9 li {width:28%; padding-right:5%; margin-bottom:10px;}
.levelBox.lb9 li.lbArr:after{right:5%;}

.levelBox.lb4 li.lbBox.nth6 {width: 12%; padding-left: 0;}
.levelBox.lb4 li.lbBox.nth6>div {padding: 20px 0;}


@media screen and (max-width:1000px){

    /* 순서도 박스 */
    /*.levelBox li.lbBox{padding:40px 5px 10px;}*/
    .levelBox.lb3 li.lbBox{width:33.33%;}

}

@media screen and (max-width:768px) {
    .levelBox{padding:30px;}
    .levelBox li.lbBox > div{padding:15px 20px;}
}

@media screen and (max-width:640px) {
    /* 순서도 박스 */
    .levelBox > ol{flex-wrap: wrap;}
    .levelBox li.lbBox{width:100% !important; height:auto !important; padding:20px 0 ;}
    .levelBox li.lbArr:before{width:100%; height:1px; top:auto; bottom:0; left:0;}
    .levelBox li.lbArr:after{transform: rotate(90deg);left:50%; margin-left:-11px; top:auto; bottom:-11px;}
    .levelBox.type02 li.lbArr:after{top:auto; margin-top:0; bottom:-11px;}
}

.blackWhite_box{width:100%; display: flex; box-sizing: border-box; border:1px solid #c7c7c7;}
.blackWhite_box > li{width: 50%; box-sizing: border-box; padding:20px; font-size:1em;}
.blackWhite_box > li.bw_black{color:#fff; background-color:#597281;}
.blackWhite_box > li.bw_white{background-color:#fff; color:#111;}

@media screen and (max-width:640px){
    .blackWhite_box{flex-wrap: wrap;}
    .blackWhite_box > li{padding:12px; font-size:14px; width: 100%;}
}

.basicText {font-family: 'NotokrR'; font-size:1em; color:#555;}
@media screen and (max-width:640px){
    .basicText {font-size:14px;}
}


/* 사이트맵 */
.sitemap span {position: relative; font-family: 'GmarketSans'; font-size: 26px; color: #000; font-weight: bold; letter-spacing: -0.02em; line-height: 1; display: block; overflow: hidden; padding: 5px 0;}
.sitemap>span::before {content: ''; display: block; position: absolute; bottom: 10px; left: 116px; width: 46px; height: 3px; background-color: #5289c0; z-index: 1;}
.sitemap:last-child>span::before {left:142px;}
.sitemap>span::after {content: ''; display: block; position: absolute; bottom: 10px; left: 142px; background: url('/images/board/dashed.png') no-repeat right center; width: 1118px; height: 1px;}


/* 사이트맵-외국어 */
.sitemap .tit {display: flex;}
.sitemap .tit .txt {white-space: nowrap; width: fit-content; display: inline-block;  padding-right: 23px; flex-shrink: 0;}
.sitemap .tit .line {position: relative; display: inline-block; width: 100%;}
.sitemap .tit .line::after {content: ''; position: absolute; bottom: 0; left: 0; border-bottom: 1px dashed #ccc; width: 100%; height: 1px;}
.sitemap .tit .line::before {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 46px; height: 3px; background-color: #5289c0; z-index: 1;}


.sitemap {margin-bottom: 45px;}
.siteMapList {display: flex; flex-wrap: wrap; margin-top: 30px;}
.siteMapList li.sml_1depth {width: calc(20% - 14px); vertical-align: top; letter-spacing: -0.02em; margin-right: 17px;}
.siteMapList li.sml_1depth:nth-child(5n) {margin-right: 0;}
.siteMapList li.sml_1depth > a {position: relative; display: block; background-color: #f3f5f9; border-radius: 5px; border: 1px solid #e1e1e1; padding: 15px 20px; box-sizing: border-box; transition: 0.3s ease;}
.siteMapList li.sml_1depth > a::before {content: ''; display: block; position: absolute; top: 22px; right: 18px; background: url('/images/board/bottom-arrow.png') no-repeat right center; width: 14px; height: 8px; transition: 0.3s ease;}
.siteMapList li.sml_1depth a span {color: #000; font-size: 16px; font-family: 'GmarketSans'; line-height: 1; letter-spacing: -0.05em; transition: 0.3s ease;}

.siteMapList li.sml_1depth > a.active, .siteMapList li.sml_1depth > a:hover {background-color: #5289c0; border-color: #5289c0; box-shadow: 0.5px 1.5px 3px 2px rgba(0,0,0,0.1);}
.siteMapList li.sml_1depth > a.active::before, .siteMapList li.sml_1depth > a:hover::before {background: url('/images/board/bottom-arrow-white.png') no-repeat right center;}
.siteMapList li.sml_1depth > a.active span, .siteMapList li.sml_1depth > a:hover span {color: #fff;}

.siteMapList ul.sml_2depthList {padding: 15px 30px 25px; box-sizing: border-box;}
.siteMapList li.sml_2depth {position: relative; margin-bottom: 13px;}
.siteMapList li.sml_2depth::before {content: ''; display: block; position: absolute; top: 10px;
left: -12px; width: 4px; height: 4px; background-color: #a4a4a4; border-radius: 50%;}
.siteMapList li.sml_2depth a {}
.siteMapList li.sml_2depth a span {color: #555; font-size: 15px; font-family: 'NotoKrL'; line-height: 1; transition: 0.2s;}

.siteMapList li.sml_2depth a.active span, .siteMapList li.sml_2depth a:hover span {color: #5289c0; font-family: 'NotoKrB';}

@media screen and (max-width: 1280px) {
    .siteMapList li.sml_1depth {width: calc(33% - 13px); margin-right: 23px;}
    .siteMapList li:nth-child(3n).sml_1depth {margin-right: 0px;}
    .siteMapList li:nth-child(5n).sml_1depth {margin-right: 23px;}
}
@media screen and (max-width: 780px) {
    .siteMapList li.sml_1depth {width: calc(50% - 8px); margin-right: 15px;}
    .siteMapList li:nth-child(2n).sml_1depth {margin-right: 0px;}
    .siteMapList li:nth-child(10).sml_1depth {margin-right: 0px !important;}
    .siteMapList li:nth-child(3).sml_1depth {margin-right: 15px;}
    .siteMapList li:nth-child(9).sml_1depth {margin-right: 15px;}
    .siteMapList li:nth-child(5n).sml_1depth {margin-right: 15px;}
}
@media screen and (max-width: 480px) {
.siteMapList li:nth-child(3).sml_1depth {margin-right: 0;}
.siteMapList li:nth-child(5n).sml_1depth {margin-right: 0;}
.siteMapList li.sml_1depth {width: 100%; margin-right: 0; margin-bottom: 20px;}
.sitemap .tit .line::before, .sitemap .tit .line::after {display:none !important;}
}


/* 탭 메뉴 */
.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%; margin-top:-1px; margin-left: -1px;}
.tap-box .taps.depth4.list2 li{width: 50%;}
.tap-box .taps.depth4.listf li{width: 33.33333%;}
.tap-box .taps.depth4 li a{border:1px solid #c7c7c7; border-right:none; display:flex; align-items:center; justify-content:flex-start; height:100%; width: 100%;  font-family:'GmarketSans'; font-size:16px; color:#333; background: #fff; padding: 20px 47px 15px 20px; box-sizing: border-box; position: relative; transition:0.1s ease-in-out;} /*padding 20 50 15 20*/
.tap-box .taps.depth4 li:last-child a{border-right:1px solid #c7c7c7;}
.tap-box .taps.depth4 li:nth-child(4n) a{border-right:1px solid #c7c7c7;}
.tap-box .taps.depth4 li:nth-child(1) a{border-radius:10px 0px 0px 0px;}
.tap-box .taps.depth4 li:nth-child(4) a{border-radius:0px 10px 0px 0px;}
.tap-box .taps.depth4 li:last-child a{border-radius:0px 0px 10px 0px;}

.tap-box .taps.depth4 li a:after{content: ""; width:22px; height:22px; background:url("/images/common/sub-depth4-icoN.png") no-repeat; position: absolute; top:20px; right:20px;}
.tap-box .taps.depth4 li a:hover{background:#5289c0; color:#fff;}
.tap-box .taps.depth4 li a:hover:after{background:url("/images/common/sub-depth4-icoO.png") no-repeat;}
.tap-box .taps.depth4 li a.active{ font-family:'GmarketSans'; background:#5289c0; color:#fff;}
.tap-box .taps.depth4 li a.active:after{background:url("/images/common/sub-depth4-icoO.png") no-repeat;}

.tap-box .taps.depth5{width: 100%; border:solid 1px #c7c7c7; border-top:solid 2px #4eacbd; display: flex; flex-wrap: wrap; justify-content: flex-start; border-radius:0px 0px 10px 10px; overflow:hidden;}
.tap-box .taps.depth5 li{width: 25%;}
.tap-box .taps.depth5 li a{display:block; width:100%; font-family:'GmarketSansM'; font-size:16px; color:#555555;
background: #fff; padding: 20px 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:'GmarketSansB'; color: #4eacbd;}
.tap-box .taps.depth5 li a span:hover:before{content: "";}
.tap-box .taps.depth5 li a.active span{font-family:'GmarketSansB'; color: #4eacbd;}
.tap-box .taps.depth5 li a.active span:before{content: "";}

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; border-radius:8px; width:100%; font-family:'GmarketSans'; font-size:15px; color: #666666; padding:10px 20px 7px 20px; line-height:100%; box-sizing:border-box; border:dashed 1px #c7c7c7; text-align:center; transition:0.1s ease-in-out;}
.tap-box ul.taps.depth6 li:last-child a{border-right: dashed 1px #c7c7c7;}
.tap-box ul.taps.depth6 li a:hover{font-family:'GmarketSans'; font-weight: 700; color:#4eacbd; border:solid 1px #4eacbd;}
.tap-box ul.taps.depth6 li a.active{font-family:'GmarketSans'; font-weight: 700; color:#fff; border:solid 1px #4eacbd; background:#4eacbd;}

@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:after{top: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:after{background-size:15px; width:15px; height:15px; top:18px; right:10px;}
	.tap-box .taps.depth4 li a:hover:after{background-size:15px; width:15px; height:15px; top:18px; right:10px;}
	.tap-box .taps.depth4 li a.active:after{background-size:15px; width:15px; height:15px; top:18px; 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:50%;}
    .tap-box .taps.depth4 li a{padding: 10px 30px 10px 10px;}
    .tap-box .taps.depth4 li:nth-child(2n) a{border-right:none;}
    .tap-box .taps.depth4 li:nth-child(2n) a:hover{border-right:none;}
    .tap-box .taps.depth4 li a.active:after{top: 15px;}
    .tap-box .taps.depth4 li a:hover:after{top: 15px;}

	.tap-box .taps.depth4 li:nth-child(1) a{border-radius:0px 0px 0px 0px;}
	.tap-box .taps.depth4 li:nth-child(4) a{border-radius:0px 0px 0px 0px;}
	.tap-box .taps.depth4 li:nth-child(5n) a{border-radius:0px 0px 0px 0px;}
	.tap-box .taps.depth4 li:last-child a{border-radius:0px 0px 0px 0px;}

    .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 #c7c7c7; padding: 5px 10px;}
}

@media all and (max-width:480px){
    .tap-box .taps.depth4 li{width: 100%;}
    .tap-box .taps.depth4 li a{font-size:14px;border-right:none;}

    .tap-box .taps.depth5 li{width: 100%;}
    .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 #c7c7c7; border-top:3px solid #51708e; border-radius:0px 0px 20px 20px; padding:45px 40px; box-sizing: border-box; position: relative;}
.contentbox-tit:before{content: ""; width:140px; height:3px; background:#4eacbd; position:absolute; top:-3px; left:-1px;}
.contentbox-tit .box-con{padding: 0 0 0 120px; box-sizing: border-box; position: relative;}
.contentbox-tit .box-con:before{content: ""; width:84px; height:84px; background:url("/images/common/box-con-icon01.png") no-repeat center #f7f7f7; position:absolute; top:-12px; left:0; border-radius:50%;}
.contentbox-tit.noTxt .box-con:before {top: -25px;}
.contentbox-tit .box-con.type02:before {background: url('/images/common/box-con-icon02.png') no-repeat center #f7f7f7;}
.contentbox-tit .box-con.type03:before {background: url('/images/common/box-con-icon03.png') no-repeat center #f7f7f7;}
.contentbox-tit .box-con.type04:before {background: url('/images/common/box-con-icon04.png') no-repeat center #f7f7f7;}
.contentbox-tit .box-con.type05:before {background: url('/images/common/box-con-icon05.png') no-repeat center #f7f7f7;}
.contentbox-tit .box-con.type06:before {background: url('/images/common/box-con-icon06.png') no-repeat center #f7f7f7;}
.contentbox-tit .box-con.type07:before {background: url('/images/common/box-con-icon07.png') no-repeat center #f7f7f7; top: -12px;}
.contentbox-tit .box-con.type08:before {background: url('/images/common/box-con-icon08.png') no-repeat center #f7f7f7;}
.contentbox-tit .box-con.type09:before {background: url('/images/common/box-con-icon09.png') no-repeat center #f7f7f7;}
.contentbox-tit .box-con.type10:before {background: url('/images/common/box-con-icon10.png') no-repeat center #f7f7f7;}
.contentbox-tit .box-con.type11:before {background: url('/images/common/box-con-icon11.png') no-repeat center #f7f7f7; top:0;}
.contentbox-tit .box-con.type12:before {background: url('/images/common/box-con-icon12.png') no-repeat center #f7f7f7;}
.contentbox-tit .box-con.type13:before {background: url('/images/common/box-con-icon13.png') no-repeat center #f7f7f7;}
/* .contentbox-tit .box-con.type15:before {background: url('/images/common/box-con-icon15.png') no-repeat center #f7f7f7;} */
.contentbox-tit .box-con.type16:before {background: url('/images/Potal/images/content/03/box-con-icon16.png') no-repeat center #f7f7f7; top: -12px;}
.contentbox-tit .box-con.type17:before {background: url('/images/Potal/images/content/03/box-con-icon17.png') no-repeat center #f7f7f7;  top: -12px;}
.contentbox-tit .box-con.type18:before {background: url('/images/Potal/images/content/03/box-con-icon18.png') no-repeat center #f7f7f7; top: -12px;}
.contentbox-tit .box-con.type19:before {background: url('/images/Potal/images/content/03/box-con-icon19.png') no-repeat center #f7f7f7; top: -12px;}
.contentbox-tit .box-con.type20:before {background: url('/images/Potal/images/content/03/box-con-icon20.png') no-repeat center #f7f7f7; top: -12px;}
.contentbox-tit .box-con.type21:before {background: url('/images/Potal/images/content/03/box-con-icon21.png') no-repeat center #f7f7f7; top: -12px;}
.contentbox-tit .box-con.type22:before {background: url('/images/Potal/images/content/03/box-con-icon22.png') no-repeat center #f7f7f7; top: -12px;}
.contentbox-tit .box-con.type23:before {background: url('/images/Potal/images/content/03/box-con-icon23.png') no-repeat center #f7f7f7; top: -12px;}
.contentbox-tit .box-con.type24:before {background: url('/images/Potal/images/content/03/box-con-icon24.png') no-repeat center #f7f7f7; top: -12px;}
.contentbox-tit .box-con.type25:before {background: url('/images/Potal/images/content/03/box-con-icon25.png') no-repeat center #f7f7f7; top: -12px;}
.contentbox-tit .box-con.type26:before {background: url('/images/Potal/images/content/03/box-con-icon26.png') no-repeat center #f7f7f7; top: -12px;}
.contentbox-tit .box-con.type27:before {background: url('/images/Potal/images/content/03/box-con-icon27.png') no-repeat center #f7f7f7; top: -12px;}
.contentbox-tit .box-con.type28:before {background: url('/images/Potal/images/content/03/box-con-icon28.png') no-repeat center #f7f7f7; top: -12px;}
.contentbox-tit .box-con.type29:before {background: url('/images/common/box-con-icon29.png') no-repeat center #f7f7f7; top: 0;}
/* .contentbox-tit .box-con.type30:before {background: url('/images/common/box-con-icon30.png') no-repeat center #f7f7f7; top: -12px;} */

.contentbox-tit .box-con .tit{font-family:'GmarketSansTTFMedium'; font-size:22px; color: #111111; line-height:120%; padding-left: 0;}
.contentbox-tit .box-con .txt{font-family:'NotoKrR'; font-size:15px; line-height:160%; color: #555555; padding: 10px 0 0 0; display: block;}

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

@media all and (max-width:480px){
    .contentbox-tit{padding:15px 10px;}
    .contentbox-tit:before{content: none;}
    .contentbox-tit .box-con{padding: 0 0 0 70px;}
    .contentbox-tit .box-con:before{width:55px; height:55px; background-size:30px;}
    .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:'GmarketSansTTFMedium'; font-size:22px; color:#000;}
.tour_view h4 {font-size: 25px; font-family: 'Gmarket Sans'; color: #5289c1; margin-bottom: 30px;}
.tour_view h5 {margin-bottom: 20px;}
h4.cont-title span{color: #555555;}
h5.cont-title, .person_view .info h5, .person_view .info h4, .tour_view h5{font-family: 'GmarketSans'; font-size:18px;color: #0955a8; padding: 0 0 0 20px; box-sizing: border-box; position: relative;font-weight:400;}
h5.cont-title:before, .person_view .info h5::before, 
.person_view .info h4::before, .tour_view h5::before{content: ""; width: 18px; height: 17px; background: url("/images/common/h5-bullet-ico.png") no-repeat; position: absolute; top:2px; left:0;}
h6.cont-title{font-family: 'GmarketSans'; font-weight: 500; font-size:16px; color: #21957b; padding: 0 0 0 25px; box-sizing: border-box; position: relative;}
h6.cont-title:before{content: ""; width: 18px; height: 18px; background: url("/images/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 0 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, .cont-list.step03, .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: 'NotoKrR'; font-size:15px; color: #666666; padding: 0 0 0 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.step03 li {font-family: 'NotoKrL'; font-size: 15px; color: #666666; padding: 0 0 5px 20px; position: relative;}
.cont-list.step03 li::before {content: ''; position: absolute; top: 6px; left: 0; background: url('/images/common/ul_type03.png') no-repeat; width: 12px; height: 9px; background-size: 100%;}

.cont-list.step01 li span.c-blue, .cont-list.step02 li span.c-blue{color:#2865a7;}
.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: #576178; 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('/Jangsu/images/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, .basic_table, .basic_table_s{position:relative; width:100%; border-collapse:collapse; table-layout:fixed; clear:both; color:#555; background:#fff; border-top:2px solid #51708e; font-family:'NotokrR';}
.table-wrap table.type01 thead th, .person_view .info .budget_table thead th, .basic_table thead th, .basic_table_s thead th{background:#f3f5f9; 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 #d6dbe5; 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;}

.tv_content {font-family: 'NotoKrM'; color: #333333; font-size: 15px;}
.tour_view .tv_content .over_table {margin: 30px 0;}
.table-wrap table.type01 tbody th, .person_view .info .budget_table tbody th.basic_table th, .over_table .basic_table tbody th, .over_table .basic_table_s tbody th{letter-spacing:-0.02em; padding:10px; color:#000; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background:#fcfdfd; font-weight:500; font-family:'NotokrM'; box-sizing: border-box;}
.table-wrap table.type01 tbody td, .person_view .info .budget_table tbody td, .over_table .basic_table tbody td, .over_table .basic_table_s 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:'NotokrR'; box-sizing: border-box;}
.table-wrap table.type01 tbody td:last-child, .person_view .info .budget_table tbody td:last-child, .over_table .basic_table tbody td:last-child, .over_table .basic_table_s 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("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, .basic_table thead th, .basic_table_s tbody 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, .basic_table tbody td, .basic_table_s 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, .basic_table tbody td, .basic_table_s 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%;}
}

/* 버튼 */
.reserve_btn {display: flex; align-items: center;}
.btn-wrap.img a{display:inline-block;}

.btn-wrap.type01 a, .btn-wrap.type01.input{display: inline-block; border:solid 1px #d6dbe5; border-radius:30px; padding: 8px 15px; box-sizing: border-box; background-color: #fff;}
.btn-wrap.type01.input {position: relative;}
.btn-wrap.type01.sky a{background:#f3f5f9;}
.btn-wrap.type01 a span, .btn-wrap.type01.input input{font-family:'NotoKrR'; font-size:15px; color: #000000; display: inline-block; position: relative; padding-right:30px;}
.btn-wrap.type01 a:hover span,.btn-wrap.type01.input input:hover{text-decoration: underline;}
.btn-wrap.type01 input {border: none; background-color: #fff;}
.btn-wrap.type01 a span:after, .btn-wrap.type01.input:after{width: 18px; height:18px;}
.btn-wrap.type01 a.write span:after{content: ""; background: url("/images/common/btn-icon-write.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.list span:after{content: ""; background: url("/images/common/btn-icon-list.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.modi span:after{content: ""; background: url("/images/common/btn-icon-modi.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.del span:after{content: ""; background: url("/images/common/btn-icon-del.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.cancel span:after{content: ""; background: url("/images/common/btn-icon-cancel.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.down span:after{content: ""; background: url("/images/common/btn-icon-down.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.check span:after, .btn-wrap.type01.input:after{content: ""; background: url("/images/common/btn-icon-check.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01.input:after {top: 10px; right: 15px;}
.btn-wrap.type01 a.detail span:after{content: ""; background: url("/images/common/btn-icon-detail.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.scut span:after{content: ""; background: url("/images/common/btn-icon-scuts.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.loca span:after{content: ""; background: url("/images/common/btn-icon-loca.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.home span:after{content: ""; background: url("/images/common/btn-icon-home.png") no-repeat; position: absolute; top:2px; right:0;}

.btn-wrap.type02 a, .basic_btn a{font-family: 'NotoKrM'; font-size:15px; color: #fff; background:#5289c1; border-radius: 5px; padding: 12px 25px 12px 15px; box-sizing: border-box; display: inline-block;}
.btn-wrap.type02 a span{display: inline-block; padding-right: 30px; position: relative;}
.btn-wrap.type02 a span:after{content: ""; width: 14px; height: 12px; background: url("/images/common/nuri_arrow.png") no-repeat; position: absolute; top:5px; right:0;}
.btn-wrap.type02 a.go-link02{background: #4facbd; color: #fff;}
.btn-wrap.type02 a.go-link03{background: #576278; color: #fff;}

.btn-wrap.small-type a{width:34px; height:34px; border:1px solid #d6dbe5; border-radius:50%; display:inline-block; text-indent:-9999px;}
.btn-wrap.small-type a.write{background:url("/images/common/btn-icon-write.png") no-repeat center;}
.btn-wrap.small-type a.list{background:url("/images/common/btn-icon-list.png") no-repeat center;}
.btn-wrap.small-type a.modi{ background:url("/images/common/btn-icon-modi.png") no-repeat center;}
.btn-wrap.small-type a.del{background:url("/images/common/btn-icon-del.png") no-repeat center;}
.btn-wrap.small-type a.cancel{background:url("/images/common/btn-icon-cancel.png") no-repeat center;}
.btn-wrap.small-type a.down{background:url("/images/common/btn-icon-down.png") no-repeat center;}
.btn-wrap.small-type a.check{background:url("/images/common/btn-icon-check.png") no-repeat center;}
.btn-wrap.small-type a.detail{background:url("/images/common/btn-icon-detail.png") no-repeat center;}
.btn-wrap.small-type a.scut{background:url("/images/common/btn-icon-scuts.png") no-repeat center;}
.btn-wrap.small-type a.loca{background:url("/images/common/btn-icon-loca.png") no-repeat center;}
.btn-wrap.small-type a.home{background:url("/images/common/btn-icon-home.png") no-repeat center;}

.btn-wrap.text-type a {display: inline-block; background-position: left 10px center; background-repeat: no-repeat; background-color: #f3f5f9; border: 1px solid #b6cade; box-sizing: border-box; border-radius: 5px; font-family: 'NotoKrM'; font-size: 14px; color: #000000; padding: 5px 10px 5px 30px;}
.btn-wrap.text-type a.down {background-image: url('/images/images/common/dwn_type02.png'); margin-right: 5px;}
.btn-wrap.text-type a.detail {background-image: url('/images/images/common/view_type02.png');}
.btn-wrap.text-type a:hover {color: #fff; background-color: #2865a7;}
.btn-wrap.text-type a:hover.down {background-image: url('/images/common/dwn_type02_on.png');}
.btn-wrap.text-type a:hover.detail {background-image: url('/images/common/view_type02_on.png');}


@media all and (max-width:680px){
    .btn-wrap.img a{transform: scale(0.9);}

    .btn-wrap.type01 a{padding:5px 15px;}
    .btn-wrap.type01 a span{font-size:14px; padding-right: 22px;}
	.btn-wrap.type01 a.write span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.list span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.modi span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.del span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.cancel span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.down span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.check span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.detail span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.scuts span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.loca span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.home span:after{background-size: 14px; width: 14px; top:5px;}

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

	.btn-wrap.small-type a{width:24px; height:24px;}
	.btn-wrap.small-type a.write{background-size:14px;}
	.btn-wrap.small-type a.list{background-size:14px;}
	.btn-wrap.small-type a.modi{background-size:14px;}
	.btn-wrap.small-type a.del{background-size:14px;}
	.btn-wrap.small-type a.cancel{background-size:14px;}
	.btn-wrap.small-type a.down{background-size:14px;}
	.btn-wrap.small-type a.check{background-size:14px;}
	.btn-wrap.small-type a.detail{background-size:14px;}
	.btn-wrap.small-type a.scut{background-size:14px;}
	.btn-wrap.small-type a.loca{background-size:14px;}
	.btn-wrap.small-type a.home{background-size:14px;}

        .btn-wrap.text-type a {padding: 3px 8px 3px 20px; background-size: 12px; background-position: left 5px center;}
}

@media all and (max-width:480px){
    .btn-wrap.img a{transform: scale(0.8);}

    .btn-wrap.type01 a{padding: 2px 10px;}
    .btn-wrap.type01 a span{font-size:13px; padding-right: 20px;}

    .btn-wrap.type02 a{padding:5px 15px 5px 10px ; font-size:14px;}
    .btn-wrap.type02 a 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;}
.txt-box.icon {position: relative; padding-left: 80px;}
.txt-box.icon::before {content: ''; position: absolute; top: 50%; left: 30px; margin-top: -13px; background: url('/images/Potal/images/content/05/text_icon.png') no-repeat; width: 28px; height: 26px;}

.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("/Jangsu/images/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:22px; height:20px; /* background: url("/Jangsu/images/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: 22px; /* background:url("/Jangsu/images/common/phone-ico.png") no-repeat; */ top:1px;}
.info-box li:nth-child(3) .tit i:before{content: ""; width: 22px; height: 22px; /* background:url("/Jangsu/images/common/modify-ico.png") no-repeat; */ top:2px;}
.info-box li .txt{width:70%; background: #f3f5f9;}


@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:#a5a5a5; 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:#a5a5a5; 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:""; }
.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 #4eacbd;}
.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 .tit a span{font-size:16px; color:#555}
.taps-fuldown .item.active .tit a span{font-family:'NotokrM'; font-size:17px; color:#4eacbd;}
.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:#4eacbd;}

.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-box {border: 1px dashed #c7c7c7; box-sizing: border-box; }
.img-preview{ position:relative} 
.img-preview .preview-btn{display:none}
.mo-none {display: none;}

	@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;}

        .mo-none {display: block;}
	}


    .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 */ 



.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("/Jangsu/images/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("/Jangsu/images/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("/Jangsu/images/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("/Jangsu/images/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 #c7c7c7; 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("/Jangsu/images/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("/Jangsu/images/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("/Jangsu/images/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;
    }  
}    



/* 새창 버튼 */
.cont-list.step01 li a span {
    display: inline-block;
    position: relative;
    padding-right: 25px;
}
.cont-list.step01 li a span::after {
    content: '';
    background: url(/images/common/btn-icon-scuts.png) no-repeat;
    position: absolute;
    top: 3px;
    height: 100%;
    width: 15px
}                              


/* 이미지 나열 */
.imgWrap {width: 100%; display: flex; flex-wrap: wrap;}
.imgWrap li {border-radius: 15px; overflow: hidden; width: 32%; margin-right: 2%;}
.imgWrap.nth2 li {width: 49%;}
.imgWrap li:last-child, .imgWrap.nth2 li:last-child {margin-right: 0;}
.imgWrap li img {width: 100%;}

@media screen and (max-width: 480px) {
    .imgWrap li, .imgWrap.nth2 li {width: 100%; margin-bottom: 15px;}
}                                       

/* 층별안내 */
.floorBox {width: 100%; position: relative;}
.floorBox .img-preview-box {display: none;}
.floorBox .img-preview-box.floor {display: block;}       

/* 민원서식 */
.sub-tit {color: #2865a7; font-family: 'GmarketSans'; font-weight: normal; font-size: 24px; margin-right: 20px;}
.sub-line {display: block; width: 100%; height: 6px; background-color: #f3f5f9;}
.dot-line{background: url(/images/Potal/Content/01/img/dot-line.png) no-repeat center; width: 655px; height: 4px; display: block; position: absolute; bottom: 25px; right: 0;}
.compl_info .img_Wrap {max-height: 580px;}

.cont-list.step02 li.li_none:before {background: 0;}
.sub_form {position: relative; display: flex;}
.civil {width: 292px;}
.civil2 {width: 858px; padding: 10px 0; overflow: hidden;}
.civil2 .top {display: flex; align-items: center;}
.civil2 .top .sub-tit {white-space: nowrap;}
.civil2 .top .sub-line {width: 100%; margin-bottom: 10px;}

.civil_titWrap {display: flex;}
.sub_form p {font-family: 'NotoKrR'; font-size: 15px; letter-spacing: -0.02em; color: #555; margin-top: 25px;}
.sub_form .btn-wrap {margin-top: 80px;}

@media screen and (max-width:780px) {
    .sub_form {flex-direction: column; padding: 0 10px; text-align: center;}
    .civil {margin: 0 auto;}
    .civil2 {width: auto; margin-top: 25px;}
    .civil2 .top .sub-tit {width: 100%;}
    .sub-line {display: none;}
    .dot-line {bottom: 24px; right: 18px; width: 95%;}
    .sub_form .btn-wrap {margin-top: 50px;}
}   

/* halfBox */
.halfBox {width: 100%; display: flex; justify-content: space-between;}
.halfBox>div {width: 48%;}

@media screen and (max-width: 1025px) {
    .halfBox {flex-wrap: wrap;}
    .halfBox>div {width: 100%;}
}                                   

/* info_titBox */
.info_titBox {width: 100%; border: 1px dashed #c7c7c7; padding: 20px; box-sizing: border-box; text-align: center; background-color: #f3f5f9;}
.info_titBox.type02 {display: flex; justify-content: center;}

.info_titBox p {display: inline-block; font-family: 'GmarketSans'; font-weight: bold; font-size: 18px; color: #182575; padding-left: 40px; box-sizing: border-box; position: relative; word-break: keep-all;}
.info_titBox.type02 p {padding-left: 25px; font-size: 16px;}
.info_titBox.type02 p.orange {color: #ee643a; margin-right: 50px;}
.info_titBox.type02 p.blue {color: #182575;}

.info_titBox p::before {content: ''; position: absolute; top: 0; left: 0; background: url('/images/common/info_icon.png') no-repeat; width: 23px; height: 18px;}  
.info_titBox.type02 p::before {width: 19px; height: 19px;}
.info_titBox.type02 p.blue::before {background: url('/images/Potal/images/content/06/hanNuri_icon.png') no-repeat; background-size: 100%;} 
.info_titBox.type02 p.orange::before {background: url('/images/Potal/images/content/06/hanNuri_icon2.png') no-repeat; background-size: 100%;} 
.info_titBox.type03 p::before {background: url('/images/common/info_icon3.png') no-repeat; width: 26px; height: 21px;}
.info_titBox.type04 p::before {background: url('/images/common/info_icon4.png') no-repeat; width: 29px; height: 24px;}

@media screen and (max-width: 680px) {
    .info_titBox {text-align: left;}
    .info_titBox.type02 {flex-wrap: wrap; justify-content: flex-start;}
    .info_titBox.type02 p {font-size: 15px; padding-left: 20px;}
    .info_titBox.type02 p.orange {margin-right: 0;}
    .info_titBox.type02 p::before {width: 15px; top: 2px;}
}                              

/* 순서도 */
.levelWrap {width: 100%; display: flex; border-top: 2px solid #576178; border-bottom: 1px solid #e6e6e6;}
.levelWrap.nth6 {flex-wrap: wrap;}

.levelWrap li {position: relative; display: flex; align-items: center; width: 50%; padding: 30px 20px; box-sizing: border-box; background-color: #f3f5f9; font-family: 'NotoKrM'; font-size: 15px; color: #111111; word-break: keep-all; letter-spacing: -0.02em;}
.levelWrap.nth3 li, .levelWrap.nth6 li, .levelWrap.nth6 li {width: 33.333%;}
.levelWrap.nth4 li {width: 25%;}
.levelWrap.nth5 li {width: 20%;}

.levelWrap.type02 li {align-items: flex-start;}
.levelWrap.type02 li .text .tit {font-family: 'GmarketSans'; font-weight: 700; font-size: 16px; color: #2865a7;}

.levelWrap li.arrow {border-right: 1px solid #e6e6e6;}
.levelWrap li.bt {border-bottom: 1px solid #e6e6e6;}
.levelWrap li.arrow::before {content: ''; position: absolute; top: 50%; right: -16px; margin-top: -15px; z-index: 1; background: url('/images/common/level_arrow.png') no-repeat; width: 30px; height: 30px; background-size: 100%;}
.levelWrap li:first-child, .levelWrap.nth6 li:nth-child(4) {padding: 30px 10px;}
.levelWrap li:nth-child(2n) {background-color: #fff;}


.levelWrap li a {display: inline-block; position: relative; color: #111111; padding-right: 25px; box-sizing: border-box; word-break: break-all;}
.levelWrap li a::before {content: ''; position: absolute; top: 4px; right: 0; background: url('/images/images/common/btn-icon-scuts.png') no-repeat; width: 18px; height: 18px;}


.levelWrap li span.num {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 50%; margin-right: 8px; font-family: 'NotoKrB'; font-size: 13px; color: #fff; background-color: #2865a7;}

@media screen and (max-width: 1025px) {
    .levelWrap.nth4 {flex-wrap: wrap;}
    .levelWrap.nth4 li {width: 50%; }
    .levelWrap.nth4 li:nth-child(2)::before {display: none;}
}

@media screen and (max-width: 680px) {
    .levelWrap {flex-wrap: wrap;}

    .levelWrap.type02 li .text .tit {font-size: 15px;}

    .levelWrap li {width: 100% !important; padding: 20px 10px !important; border-bottom: 1px solid #e6e6e6;}
    .levelWrap li:last-child {border-bottom: none;}
    .levelWrap li.arrow::before {width: 25px; top: 76%; right: 50%; margin-top: 0; transform: rotate(90deg);}
    .levelWrap.type02 li.arrow::before {top: 87%;}

    .levelWrap.nth4 li.arrow:nth-child(2)::before {display: block;}
}

@media screen and (max-width: 480px) {
    .levelWrap li {font-size: 14px; padding: 15px 10px !important;}
    .levelWrap li.arrow::before {width: 20px;}
}                         

/*공공누리*/
.license{display: flex; align-items: center; margin-top:50px;border:solid 1px #e5e5e5;padding:20px; overflow:hidden;}
.license .mark_box{text-align:center; padding:0 20px 0 0; }
.license .mark_box img{height:50px;}
.license .license_txt{text-align:center;padding:15px 0 0 0;line-height:20px; padding:10px 0 0 0; text-align:left; letter-spacing:-1px;}
.license .license_txt a{color:#333;}
.license .license_txt a span{color:#0052ca;} 

@media screen and (max-width: 480px) {
    .license {flex-wrap: wrap;}
}

/****담당부서, 만족도****/
.scon_bottom{margin:20px 0 0 0; border:1px solid #ddd; box-sizing:border-box; position:relative;}
.scon_bottom>div{padding:15px;}

.research{position:relative;}
.research li *{font-size:12px; vertical-align:middle;}
.research p{background:url("/images/Potal/images/layout/bs_ico05.png") no-repeat left top; padding-left:35px; font-weight:600; line-height:20px;}
.research li label{margin:0 10px 0 0; }
.research li .sch_txt{border:1px solid #e1e1e1;width:100%;height:30px;box-sizing:border-box;}
.research li .rsch_btn{background:#757575;color:#fff;width:100%;height:30px; text-align:center; margin-top:5px; border:none;}
.research li .rsch_btn01{background: #0031A4;color:#fff;width:100%;height:30px; text-align:center; border:none;}


.research .research_result{display:none;position:absolute; width:260px; background:#f9f9f9;border:1px solid #000; padding:15px; right:10px; top:-140px; box-shadow:1px 2px 4px #C3C3C3;}
.research .research_result h4{ padding:0; margin:0; background:none; font-size:15px; text-align:center; border-bottom:1px solid #E3E3E3; padding-bottom:5px; margin-bottom:15px;}
.research .research_result h4 button{ border:1px solid #000; background:#000; color:#fff; line-height:20px; letter-spacing:-0.04em;}
.research .research_result .rs_close01{background:url("/images/Health/images/main/board-more.png") no-repeat center; border:none; color:#fff; position:absolute; top:5px; right:5px; font-size:0; width:29px; height:27px; transform: rotate(45deg);}


.research .research_result strong{display:inline;color:blue;}
.research .research_result .research_summary{display:none;position:absolute;width:90%;background:#fff; z-index:2; top:70px; left:0px; color:#000; padding:15px 5%;box-shadow:1px 2px 4px #C3C3C3; font-size:13px; line-height:25px;border:1px solid #000;}
.research .research_result .research_summary .rs_close02{background:url("/images/Health/images/main/board-more.png") no-repeat center; border:none; border:none; color:#fff; position:absolute; top:5px; right:5px; font-size:0; width:29px; height:27px; transform: rotate(45deg);}
.research .research_result .research_graph{}
.research .research_result .research_graph dl{display:block; font-size:0px;}
.research .research_result .research_graph dt{display:inline-block;position:relative;width:30%; font-size:14px; padding-bottom:0px; box-sizing:border-box;}
.research .research_result .research_graph dd{display:inline-block;position:relative;width:70%;}
.research .research_result .research_graph dd i{display:inline-block;width:0%;height:18px;border-bottom:1px solid #287ed6;position:absolute;background:#5ea9f6;}
.research .research_result .research_graph dd span{display:inline-block; font-size:14px; margin-top:2px; margin-left:3px;}



.manager{background:#f6f6f6;}
.manager li{margin:5px 0 0 0;color:#555;padding:5px 0 5px 30px; }
.manager li:first-child{margin:0}
.manager li strong{color:#000;margin:0 5px 0 0}
.manager .manager_btn01{background:url("/images/Potal/images/layout/bs_ico01.png") no-repeat left center}
.manager .manager_btn02{/* background:url("/images/Potal/images/layout/bs_ico02.png") no-repeat left center; */ display:none !important;}
.manager .manager_btn03{background:url("/images/Potal/images/layout/bs_ico03.png") no-repeat left center}
/* .manager .manager_btn04{background:url("/images/Potal/images/layout/bs_ico04_01.png") no-repeat left center} */
.manager .txt_right{ width:100px; text-align:center;background:#757575; color:#fff; line-height:25px;}

.qrmark{ position:absolute; bottom:10px; right:10px; }
.qrmark img{ width:100px;}

.qrmark01{ display:block; text-align:center;}
.qrmark01 img{ width:100px;}



@media all and (min-width:768px) {
.scon_bottom>div{padding:20px 20px 10px 20px;}


.research{ width:70%; margin-bottom:10px;}
.research li *{ font-size:14px;}
.research li .sch_txt{width:68%}
.research li .rsch_btn{width:15%;margin-top:0;}
.research li .rsch_btn01{width:15%;}

.research .research_result .research_graph dt{width:30%; }
.research .research_result .research_graph dd{width:70%;}
.research .research_result .research_graph dt{font-size:13px;}

.manager ul{overflow:hidden}
.manager li{float:left;margin:0 10px 0 0 !important;}

.qrmark{ top:20px;}
.qrmark img{ width:120px;}

.qrmark01{ float:right; position:absolute; top:5px; right:0;}
.qrmark01 img{ width:120px;}


.research .research_result{right:10px; top:-195px;}


}
@media all and (min-width:1023px){
.research ul{overflow:hidden}
.research li:first-child{margin: 5px 0 5px 0;}
.research li label{margin:0 15px 0 0}
.manager li{margin:0 20px 0 0 !important;}
.qrmark{ top:40px; right:30px}

.research .research_result{top:-180px;}

}