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

.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; margin-right: 9px;}
.chk-select:before{position:absolute; top:50%; right:20px; width:9px; height:5px; margin-top:-2px; line-height:120%; content:""; background: url("/images/board/arrowIcon.png") center no-repeat;}
.chk-select select{font-family:'NotokrL'; font-size:14px; color:#444; width:100%; height:41px;  padding:0px 65px 0px 10px; margin-right: 9px; 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("/Goseong_/Potal/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{position:absolute; top:0px; right:0px; display:block; line-height:39px; border:1px solid #d6d6d6; border-left:0; box-sizing: border-box; background:#efefef; color:#444; font-family:'NotokrR'; width:100px; text-align:center; font-size:14px;}
.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;}

/* title */
h4.cont-title{position:relative; font-family: 'NotoKrB'; color:#476757; font-size:1.600em; letter-spacing: -0.03em; padding: 0 0 4px 45px; background: url("/images/layout/h4titBg.png") no-repeat top left;}

h5.cont-title {position:relative; font-size:1.200em; color:#498636; padding-left:16px; font-family:'NotokrB'; line-height: 137%; box-sizing: border-box;}
h5.cont-title:before {position:absolute; top:7px; left:0px; width:7px; height:13px; background:url("/images/layout/h5titBg.png") no-repeat center; content:"";}
h6.cont-title{position:relative; font-size:1.067em; color:#e56534; padding-left:10px; font-family:'NotokrB'; line-height: 130%; box-sizing: border-box;}
h6.cont-title:before{position:absolute; top:3px; left:0px; width:4px; height:16px; background:url("/Goseong_/Potal/images/layout/h6titBg.jpg") no-repeat center; content:"";}

/* list */
.cont-list.step01 > li{position:relative; color:#666; padding-left:28px; font-size: 1.067em; margin-bottom:10px; line-height:140%; letter-spacing: -0.03em; font-family:'NotokrR'; box-sizing: border-box;}
.cont-list.step01 > li:before{position:absolute; top:9px; left:11px; width:5px; height:5px; background:#50504f; content:""; border-radius:50%;}
.cont-list.step01 > li:last-child{margin-bottom:0px;}
.cont-list.step01 .cont-list.step02{padding:10px 0px;}
.cont-list.step01.bfnone > li::before {display: none;}

.cont-list.step02 > li {position:relative; font-size:0.933em; color:#666; padding-left:15px; line-height:140%; margin-bottom:9px; font-family:'NotokrR'; box-sizing: border-box;}
.cont-list.step02 > li:before{position:absolute; top:9px; left:0px; width:7px; height:2px; background:#50504f; content:""; border-radius: 0;}
.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("/Goseong_/Potal/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);}




/* 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 #476757; font-family:'NotokrR';}
.table-wrap table.type01 thead th{background:#f7f7f7; color:#476757; font-family:'NotokrM'; text-align:center; letter-spacing:-0.03em; padding:23px 10px; font-size:1em; border-right:1px solid #dcdcdc; border-bottom:1px solid #496959; 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:23px 10px; color:#476757; 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:#666; 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("/Goseong_/Potal/images/layout/termiIcon.png") center no-repeat; font-size:0;}
.table-wrap table.type01 tbody td.surveyInfo.surveyFinish span.home {background: url('/Goseong_/Education/Guide/01/images/homeLink.png');}

.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:'NotokrL'; 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:'NotokrL'; } */


.btn-wrap .sbtn {width:auto; min-width:172px; padding:0px 60px 0px 28px; text-align: center; font-size:0.933em; height:auto; line-height: 43px; background-position: 150px center; background-repeat: no-repeat;}
.btn-wrap .sbtn02 {line-height: 32px; min-width:102px; padding:0px 38px 0px 15px;}
.btn-wrap .sbtn.type-nomal{position: relative; text-align: center;}
.btn-wrap .sbtn:hover{opacity:0.7;}
.btn-wrap .sbtn span {display: inline-block; font-size: 15px; font-family:'NotokrL'; letter-spacing: -0.02em;}
.btn-wrap .sbtn02 span, .btn-wrap .sbtn03 span {font-size: 14px;}
.btn-wrap .sbtn.type-nomal span{padding-right: 0;}
.btn-wrap .sbtn03 {line-height: 42px; min-width:123px; padding:0px 20px 0px 63px;}

.btn-wrap .sbtn.type01{background-color:#224a58; color: #fff;}
.btn-wrap .sbtn.type01.type-nomal02 {background-color:#498636;}
.btn-wrap .sbtn.type02{background-color:#666; color:#fff;}
.btn-wrap .sbtn.type02.type-view {background-color:#5590a2;}
.btn-wrap .sbtn.type02.type-go {background-color:#224a58;}
.btn-wrap .sbtn.type03 {background-color: #517b5f; color: #fff;}

.btn-wrap .sbtn.type01.type-nomal::before {content: ''; position: absolute; top: 0px; right: 0px; width: 10px; padding: 14px; height: 15px; background: url(/images/layout/btnArrow.png) no-repeat center #103643;}
.btn-wrap .sbtn.type01.type-nomal02::before {background-color: #286615;}
.btn-wrap .sbtn.type01.type-nw::before {background: url(/images/layout/btnNew.png) no-repeat center #103643;}
.btn-wrap .sbtn.type01.type-nw02::before {background-color: #286615;}

.btn-wrap .sbtn.type02.type-dw::before {content: ''; position: absolute; top: 0px; right: 0px; width: 10px; padding: 8px 14px; height: 15px; background: url(/images/layout/btnDown.png) no-repeat center;}
.btn-wrap .sbtn.type02.type-view::before {content: ''; position: absolute; top: 0px; right: 0px; width: 10px; padding: 8px 14px; height: 15px; background: url(/images/layout/btnView.png) no-repeat center;}
.btn-wrap .sbtn.type02.type-go::before {content: ''; position: absolute; top: 0px; right: 0px; width: 10px; padding: 8px 14px; height: 15px; background: url(/images/layout/btnGarrow.png) no-repeat center;}

.btn-wrap .sbtn.type03.type-write::before {content: ''; position: absolute; top: 0px; left: 0px; width: 19px; padding: 11px 14px; height: 19px; background: url(/images/layout/btnWrite.png) no-repeat center #5e8f6e;}





.align-left > *{display:inline-block;}
.align-left .btn-wrap{margin-left:4px; top:-11px; position:relative;}


/* 이미지 + 텍스트*/
.iTextBox{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 #e1e1e1; 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;}





/* 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.원본이미지보기 */



@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 {margin-right: 0;}
    .chk-select select{padding:0px 40px 0px 15px;}
    textarea{padding:5px; font-size:0.933em;}

    .cont-list.step01 > li {padding-left:25px; font-size: 15px;}
    .cont-list.step01 > li:before{top:7px;}

    .cont-list.step02 > li:before{top:9px; width:5px;}

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

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

    .cont-list.num li{padding-left:20px; 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 .fbtn{font-size:13px;}


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

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


@media only screen and (max-width:780px){
    .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:32px; font-size:0.867em;}
    .writeAddress .filebox.address {padding-right: 0;}

    h4.cont-title{font-size:23px; background-size: 27px; padding: 0 0 3px 35px;}
    h5.cont-title{font-size:17px; padding-left:13px;}

    .cont-list.step01 > li{font-size:14px; padding-left: 25px;}
    .cont-list.step02 > li{font-size:14px; padding-left: 14px;}
    .cont-list.step02 > li:before{top:9px;}
    .cont-list > li {width:100% !important;}

    .cont-list.step01 > li span{top:7px;}
    .cont-list.num > li{font-size:14px;}


    .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; line-height: 38px; padding-left: 20px;background-size: 15px; background-position: 10px center;}
    .btn-wrap .sbtn span {font-size: 13px;}
    .btn-wrap .sbtn.type01.type-nomal::before {padding: 12px; background-size: 6px;}
    .btn-wrap .sbtn.type01.type-nw::before {background-size: 10px;}
    .btn-wrap .sbtn.type02 {line-height: 30px; padding-left: 10px;}
    .btn-wrap .sbtn.type02.type-dw::before {background-size: 13px;}
    .btn-wrap .sbtn.type02.type-view::before {background-size: 12px;}
    .btn-wrap .sbtn.type02.type-go::before {background-size: 12px;}

    .btn-wrap .sbtn03 {padding-left: 58px;}
    .btn-wrap .sbtn.type03.type-write::before {width: 12px; height: 17px; background-size: 15px;}
}

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

    .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) {
    .chk-select:before{right:15px;}
    .chk-select select{padding:0 30px 0 15px;}

    .btn-wrap .sbtn03 {padding-left: 42px; padding-right: 10px; line-height: 35px;}
    .btn-wrap .sbtn.type03.type-write::before {width: 10px; height: 13px; background-size: 13px;}
}





/* S.컨텐츠 준비중*/
.commingBox{width:100%; padding:60px 0; background-color:#f5f5f5; box-sizing: border-box;}
.commingBox .commingInner{width:600px; margin:0 auto; position: relative; text-align: center;}
.commingBox .commingInner:before{content:''; width:127px; height:115px; margin:0 auto 20px;  display: block; background:url("/Goseong_/Potal/images/layout/errorImg.png") center no-repeat; background-size: 100%;}
.commingBox .commingInner .ciTit{font-size:24px; font-family: 'NexonB'; color:#111; letter-spacing: -0.3px;}
.commingBox .commingInner .ciCnt {color:#555; letter-spacing: -0.2px; margin-top:20px; font-family:'NotokrR'; font-size:15px;}

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

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


/*img-preview*/
.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;}
	}

/* 준비중 */
.preparing{text-align:center;}
.preparing .cont{padding:80px 20px; background:#f9f9f9; box-sizing:border-box;}
.preparing .cont:before{width:120px; height:172px; display:inline-block; margin-bottom:10px; content:""; background:url('/images/main/character03.png') center no-repeat;}
.preparing .cont .btxt{display:block; font-size:30px; color:#000; line-height:120%; letter-spacing:-0.02em; font-weight:900;}
.preparing .cont .stxt{display:block; font-size:15px; color:#000; line-height:120%; letter-spacing:-0.02em;}

@media all and (max-width:680px){
	.preparing .cont .btxt{font-size:26px;}
	.preparing .cont .stxt{font-size:14px;}
}

@media all and (max-width:480px){
	.preparing .cont{padding:20px;}
	.preparing .cont .btxt{font-size:22px;}
}  

/* 탭메뉴 */
ul.taps-dt {display: flex;}
ul.taps-dt li {position: relative; border: 1px solid #d9d9d9; margin-left: -1px; width: 155px; text-align: center; transition: 0.3s ease;}
ul.taps-dt li:hover, ul.taps-dt li.active {background-color: #1d2847;}
ul.taps-dt li:hover::before, ul.taps-dt li.active::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #8e94a3;}
ul.taps-dt li a {display: inline-block; padding: 17px 10px; box-sizing: border-box; line-height: 1;}
ul.taps-dt li a span {font-family: 'NotoKrM'; font-size: 15px; color: #424242; line-height: 1;}
ul.taps-dt li:hover a span, ul.taps-dt li.active a span {font-weight: bold; color: #fff;}

ul.Btaps-dt {display: flex;}
ul.Btaps-dt li {position: relative; border: 1px solid #476757; margin-left: -1px; width:50%; text-align: center; transition: 0.3s ease;}
ul.Btaps-dt li:hover, ul.Btaps-dt li.active {background-color: #476757;}
ul.Btaps-dt li a {display: inline-block; width:100%; padding:17px 10px; box-sizing: border-box; line-height:100%;}
ul.Btaps-dt li a span {font-family: 'NotoKrM'; font-size:18px; color: #476757; line-height: 100%;}
ul.Btaps-dt li:hover a span, ul.Btaps-dt li.active a span {font-weight: bold; color: #fff;}
ul.Btaps-dt.item03 li {width:33.3333333333%;}

	@media all and (max-width:1000px){
		ul.Btaps-dt li a {padding:15px 10px;}
		ul.Btaps-dt li a span {font-size:17px;}
	}

	@media all and (max-width:680px){
		ul.Btaps-dt li a span {font-size:15px;}
	}

	@media all and (max-width:480px){
		ul.Btaps-dt li a span {font-size:14px;}
	}

/* S.사이트맵 */
.siteMap{width:100%; display:flex; flex-wrap:wrap; justify-content: flex-start; margin:0px -1%;}
.siteMap .smDiv{position:relative; border-top:6px solid #e5e5e5; margin:0px 1%; margin-bottom:30px; width:calc(18%);}
.siteMap .smDiv:before{position:absolute; top:-6px; left:0px; width:120px; height:6px; background-color:#498636; content:''; display: block;}
.siteMap .smDiv:after{position:absolute; top:-6px; left:0px; width:50px; height:6px; background-color:#476757; content:''; display: block;}
.siteMap .smDiv .smdTit{font-size:20px; color:#111;position:relative;  padding:15px; width:100%; box-sizing:border-box;}
.siteMap .smDiv .smdUl{padding:15px; background:#f6f8f9; overflow:hidden;}
.siteMap .smDiv .smdUl .smdLi{margin-bottom:10px;}
.siteMap .smDiv .smdUl .smdLi:last-child{margin-bottom:0px;}
.siteMap .smDiv .smdUl .smdLi .sdlTit{box-sizing:border-box;}
.siteMap .smDiv .smdUl .smdLi .sdlTit > a{position:relative; display:block; width:100%; padding:5px 0px 5px 12px;  box-sizing:border-box; font-size:15px; color:#000; transition:all .3s ease-in-out;}
.siteMap .smDiv .smdUl .smdLi .sdlTit > a:before{position:absolute; top:12px; left:0px; width:5px; height:2px; background-color:#000; content:''; display: block;}
.siteMap .smDiv .smdUl .smdLi .smdUl2{padding:10px 15px; background:#fff;}
.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2{position:relative; padding-left:10px; margin:5px 0;}
.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2:before{position:absolute; content:''; display: block; width:3px; height:3px; background:#000; top:8px; left:0;}
.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2 > a{color:#555; display: inline-block; box-sizing: border-box; transition: all .3s ease-in-out; position: relative;}
.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2 > a:before{content:''; display:block; position:absolute; width:100%; height:2px; font-size:14px; background-color:#b5ceea; bottom:0; left:0; opacity: 0; transition: all .3s ease-in-out;}

.siteMap .smDiv .smdUl .smdLi .sdlTit.activeOn > a{ background-color:#45495b; color:#fff;}
.siteMap .smDiv .smdUl .smdLi .sdlTit:hover > a{ background-color:#45495b; color:#fff; text-decoration:underline;}
.siteMap .smDiv .smdUl .smdLi .sdlTit:hover > a:before{display:none;}
.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2 > a:hover{text-decoration:underline;}

.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2.activeOn > a{font-family:'NotokrM'; color:#2281ce;}
.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2.activeOn > a:before{opacity: 1;}

@media screen and (max-width:1000px){
	.siteMap .smDiv{width:calc(31.3333%);}
}

@media screen and (max-width:680px){
	.siteMap .smDiv{width:calc(48%);}

	.siteMap .smDiv .smdTit{font-size:16px; padding:10px;}
	.siteMap .smDiv .smdUl{padding:10px;}
	.siteMap .smDiv .smdUl .smdLi .sdlTit > a{font-size:14px;}
	.siteMap .smDiv .smdUl .smdLi .smdUl2{padding:5px 10px;}
	.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2 > a{font-size:13px;}
}

@media screen and (max-width:480px){
	.siteMap .smDiv{width:calc(100%);}
}