@charset "UTF-8";

#wrap{width: 100%;}

#header{position: relative; width: 100%; min-width: 360px; border-bottom: solid 1px #ccc; font-family: 'nanum gothic'}
.header{position: relative; height: 58px; width: 100%; background: #fff;}
.header h1{position: absolute; top: 50%; left: 50%; width: 202px; height: 20px; font-size: 0; background: url('../images/sta.png') no-repeat center; margin: -10px 0 0 -101px; background-size: 202px 20px;}

.header .wrap__header__search{position: absolute; display: none; top: 0; right: 0; z-index: 20; width: 100%; height: 58px; background: #fff; border: solid 1px #e0e0e0; box-sizing: border-box;}
.header .wrap__header__search:after{display:block;clear:both;content:''}
.header .wrap__header__search input{float: left; width: calc(100% - 112px); height: 56px; border: none;}
.header .wrap__header__search button{float: right; width: 56px; height: 56px;}
.header .wrap__header__search button.search{text-indent: -9999px; background: url('../images/ico-top-search.png') no-repeat center; background-size: 20px 20px;}
.header .wrap__header__search button.close{color: #717377;}

.header .header__btn__left{position: absolute; left: 0; top: 0; width: 58px; height: 58px; z-index:10; font-size: 0;}
.header .header__btn__left2{position: absolute; left: 58px; top: 0; width: 30px; height: 58px; z-index:10; font-size: 0;}
.header .header__btn__right{position: absolute; top: 0; right: 0; width: 58px; height: 58px; z-index:10; font-size: 0;}

.header .header__btn__gnb{background: url("../images/btn-top-menu.png") no-repeat center; background-size: 58px 58px; font-size: 0;}
.header .header__btn__search{background: url("../images/btn-top-search.png") no-repeat center; background-size: 58px 58px; font-size: 0;}
.header .header__btn__home{background: url("../images/btn-top-home.png") no-repeat center; background-size: 58px 58px; font-size: 0; display: none;}
.header .header__btn__close{background: url("../images/btn-top-close.png") no-repeat center; background-size: 58px 58px; font-size: 0;}
.header .header__btn__prev{background: url("../images/btn-top-prev.png") no-repeat left center; background-size: 14px 23px; font-size: 0;}

.header__gnb{position: fixed; width: 225px; min-width:auto; top: 0;  left: -225px; z-index: 20; transition: all .2s ease;  -webkit-transition: all .2s ease;}
.header__gnb nav{width: 225px; margin: 0; padding: 0; overflow-y: scroll; background: #3b3735; font-size: 12px; padding: 0 15px; box-sizing: border-box;}
.header__gnb nav ul li{padding: 25px 0 5px; border-bottom: dotted 1px #908f8d;}
.header__gnb nav ul li p{color: #e9870b; margin: 0 0 10px; font-weight: 700;}
.header__gnb nav ul li a{color: #c1c0bf; display: inline-block; padding: 5px 0; margin: 0 8px 0 0;}
.header__gnb nav ul li a:last-child{margin: 0;}

.header__gnb .gnb--close{font-size: 15px; color: #c1c0bf; font-weight: 700; padding: 0 15px; background: #2c2927 url('../images/bg-left-close.png') no-repeat right 5px center; background-size: 40px 40px; line-height: 39px; height: 40px;}
.gnb__cover{width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  background: rgba(0, 0, 0, 0.4);  z-index: 11;  display: none;}

html.open-left{overflow: hidden;}
.header__gnb.open-left{left: 0;}
.header__gnb.open-left .gnb--close{display: block;}
.gnb__cover.open-left{display: block;}

#container{position: relative; width: 100%; box-sizing: border-box;}
#container:after{display: block;clear: both; content:''}

.totop{position: fixed; bottom: 10px; right:15px; z-index: 100;}
.totop img{width: 43px; height: 41px;}

#footer{padding: 20px 25px; background: #fff; text-align: center;}
#footer ul:after{clear:both; content:''; display:block}
#footer ul li{float: left; width: 33.333%; text-align: center; font-size: 12px; font-weight: 400; text-align: center;}
#footer ul li:nth-child(1){width: 40%;}
#footer ul li:nth-child(2){width: 40%;}
#footer ul li:nth-child(3){width: 20%;}
#footer ul li:nth-child(3) a{display: inline-block; padding: 2px 4px 3px; background: #f0f0f0; color: #66686a; border-radius: 4px;}
#footer .copy{margin: 15px 0 0; font-size: 10px; line-height: 1.3; color: #999;}


/*--- 메인 ---*/
.main__wrap{background: #f2f2f2 url('../images/bg-main.png') repeat; background-size: 25px 25px;}
.main__container{padding: 30px 0 40px; background: url('../images/bg-main2.png') no-repeat right bottom; background-size: 191px 236px;}

.main__wrap .header .header__btn__search{display: none;}
.main__wrap .header .header__btn__home{display: block;}

.main__search{padding: 0 25px;}
.main__search h2{height: 48px; font-size: 0; background: url('../images/img-main-container1.png') no-repeat center; background-size: 259px 48px;}
.main__search .main__search__input{margin: 33px 0 0; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);}
.main__search .main__search__input:after{display:block;clear: both; content:''}
.main__search .main__search__input input{float: left; width: calc(100% - 42px); height: 42px; border: none;}
.main__search .main__search__input button{float: left; color: #fff; font-size: 13px; font-size: 0; background: #c84520 url('../images/ico-main-search.png') no-repeat center; background-size: 25px 25px; width: 42px; height: 42px;}

.sub__search{padding: 25px; background: #f2f2f2 url('../images/bg-main.png') repeat; background-size: 25px 25px;}
.sub__search .main__search__input{margin: 0;}

.main__quick1{margin: 30px 0 40px;}
.main__quick1 ul{padding: 0 8px;}
.main__quick1 ul:after{display:block;clear:both;content:''}
.main__quick1 ul li{position: relative; float: left; width: 25%; height: 100px; padding: 0 5px; box-sizing: border-box;}
.main__quick1 ul li a{display: block; height: 100px; padding: 70px 0 0; font-size: 12px; font-weight: 700; text-align: center; box-sizing:  background: #fff; border: solid 1px #eceae9; border-radius: 8px; box-sizing: border-box;
-webkit-box-shadow: 3px 3px 0 0px rgba(0,0,0,0.1);
-moz-box-shadow: 3px 3px 0 0px rgba(0,0,0,0.1);
box-shadow: 3px 3px 0 0px rgba(0,0,0,0.1);}

.main__quick1 ul li:nth-child(1) a{background: #fff url('../images/ico-main-q1.png') no-repeat center 20px; background-size: 80px 80px;}
.main__quick1 ul li:nth-child(2) a{background: #fff url('../images/ico-main-q2.png') no-repeat center 20px; background-size: 80px 80px;}
.main__quick1 ul li:nth-child(3) a{background: #fff url('../images/ico-main-q3.png') no-repeat center 20px; background-size: 80px 80px;}
.main__quick1 ul li:nth-child(4) a{background: #fff url('../images/ico-main-q8.png') no-repeat center 20px; background-size: 80px 80px;}

.main__quick2{margin: 55px 30px;}
.main__quick2 ul{display:flex; justify-content: space-around;}
.main__quick2 ul li{position: relative; width: 120px; height: 120px; margin: 0 15px 50px 15px; background: #fff; border: solid 1px #eceae9; border-radius: 120px; box-sizing: border-box;
-webkit-box-shadow: 2px 2px 0 0px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 0 0px rgba(0,0,0,0.1);
box-shadow: 2px 2px 0 0px rgba(0,0,0,0.1);}
.main__quick2 ul li{background-size: 80px 50px;}
.main__quick2 ul:nth-child(1) li:nth-child(1){background: #fff url('../images/ico-main-q5.png') no-repeat center; background-size: 80px 50px;}
.main__quick2 ul:nth-child(1) li:nth-child(2){background: #fff url('../images/ico-main-q6.png') no-repeat center; background-size: 80px 50px;}
.main__quick2 ul:nth-child(1) li:nth-child(3){background: #fff url('../images/ico-main-q7.png') no-repeat center; background-size: 80px 50px;}
.main__quick2 ul:nth-child(2) li:nth-child(1){background: #fff url('../images/ico-main-q10.png') no-repeat center; background-size: 80px 50px;}
.main__quick2 ul:nth-child(2) li:nth-child(2){background: #fff url('../images/ico-main-q11.png') no-repeat center; background-size: 80px 50px;}
.main__quick2 ul:nth-child(2) li:nth-child(3){background: #fff url('../images/ico-main-q12.png') no-repeat center; background-size: 80px 50px;}
.main__quick2 ul li a{display: block; height: 165px; padding: 130px 0 0; font-size: 14px; font-weight: 700; text-align: center; box-sizing: border-box; transition: all 0.4s ease; -webkit-transition: all .4s ease;}
.main__quick2 ul li:nth-child(6) a{position:relative; left:-5px; white-space: nowrap;}
.main__quick2 ul li a:hover{padding: 125px 0 0; color: #c84520;}

@media all and ( max-width:800px ) {
.main__quick2{margin: 45px 20px 25px;}
.main__quick2 ul li{width: 90px; height: 90px; margin: 0 5px 40px 5px; background: #fff; border: solid 1px #eceae9; border-radius: 90px;}
.main__quick2 ul:nth-child(1) li:nth-child(1){background-size: 72px 45px;}
.main__quick2 ul:nth-child(1) li:nth-child(2){background-size: 72px 45px;}
.main__quick2 ul:nth-child(1) li:nth-child(3){background-size: 72px 45px;}
.main__quick2 ul:nth-child(2) li:nth-child(1){background-size: 72px 45px;}
.main__quick2 ul:nth-child(2) li:nth-child(2){background-size: 72px 45px;}
.main__quick2 ul:nth-child(2) li:nth-child(3){background-size: 72px 45px;}
.main__quick2 ul li a{height: 135px; padding: 100px 0 0; font-size: 12px;}
}


.tit__section{text-align: center; padding: 0 60px;  height: 44px;
background: #e8860b; /* Old browsers */
background: -moz-linear-gradient(left, #e8860b 0%, #c84620 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e8860b 0%,#c84620 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e8860b 0%,#c84620 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8860b', endColorstr='#c84620',GradientType=1 ); /* IE6-9 */
}
.tit__section h2{font-size:16px; font-weight:700; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.wrap__sub__tab{background: #948a85; height: 44px;}
.wrap__sub__tab{clear:both; content:''; display:block;}
.wrap__sub__tab li{position: relative; float: left; width: 25%; height: 44px; overflow:hidden;}
.wrap__sub__tab.tab2 li {width:50%}
.wrap__sub__tab.tab3 li {width:33.3333%}
.wrap__sub__tab.tab5 li {width:20%}
.wrap__sub__tab.tab6 li {width:16.66%}
.wrap__sub__tab.tab7 li {width:14.28%}
.wrap__sub__tab.tab9 li {width:11.11%}
.wrap__sub__tab li a{display:block; font-size:16px; color:#fff; text-align:center; line-height:42px;}
.wrap__sub__tab li.selected{font-weight: 700;}
.wrap__sub__tab li.selected a:after{position: absolute; bottom: 0; left: 0; display: inline-block; content: ''; width: 100%; height: 5px; background: #564b45;}

.wrap__sub__tab__search{height: 34px; border-bottom: solid 1px #e4e4e4;}
.wrap__sub__tab__search{clear:both; content:''; display:block}
.wrap__sub__tab__search li{position: relative; float: left; width:33.333%; border-right: solid 1px #e4e4e4; box-sizing: border-box;}
.wrap__sub__tab__search li:last-child{border: none;}
.wrap__sub__tab__search li a{display: block; font-weight: 700; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 34px; line-height: 32px;}
.wrap__sub__tab__search li.selected a{background: #948a85; color: #fff;}

.wrap__table .subList-kj {padding-left:50px;}
.subList-kj .wtable {border-top: solid 1px #d6c1b0;}
.subList-kj .wtable th {padding: 6px 5px; height:auto; font-size:13px; font-weight:normal; background:#f1dec8;}
.subList-kj .wtable td {padding: 4px 5px; height:auto; background:#f9f9f9;}
.subList-kj .btn__list--small {font-weight:normal; font-size: 12px; padding: 2px 4px 2px; vertical-align: middle}


.depth__title--view{}

.depth__title__title{padding: 8px 15px 0; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #efeded; height: 40px; border-bottom: solid 1px #e4e4e4; box-sizing: border-box;}
.depth__title__title strong{color: #c84520;}
.depth__title__title--search{background: #fff;}
.depth__title__title--search .keyword{color: #c84520;}
.depth__title__list{padding: 9px 15px 0 35px; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 40px; background:url('../images/ico-list-doc.png') no-repeat 15px 12px; background-size:16px 16px; border-bottom: solid 1px #e4e4e4; box-sizing: border-box;}

.page__util{position: relative; background: #f1f1f1; height: 34px; border-bottom: solid 1px #e4e4e4; box-sizing: border-box;}
.page__util:after{clear:both; content:''; display:block}
.page__util .page__util__tab{width: calc(100% - 110px);}
.page__util .page__util__tab ul{width:100%;}
.page__util .page__util__tab ul:after{clear:both; content:''; display:block}
.page__util .page__util__tab ul li{float:left; width:25%; height: 33px; border-right:solid 1px #e4e4e4; box-sizing: border-box;}
.page__util .page__util__tab ul[data-item-id='ABC_KJ'] li{width:16.666%; }
.page__util .page__util__tab ul li a{display:block; text-align:center; font-weight:500; background:#fff; height: 33px; line-height:32px;}
.page__util .page__util__tab ul li a.selected{color:#fff; background:#948a85;}
.page__util .page__util--btn{display: block; width: 32px; height: 26px; font-size: 0;}

.page__util .page__util--btn.page__util__btn-zoom_in{position:absolute; right:54px; top:3px; background:url('../images/btn-zoom-in.png') no-repeat; background-size:32px 26px;}
.page__util .page__util--btn.page__util__btn-zoom_out{position:absolute; right:15px; top:3px; background:url('../images/btn-zoom-out.png') no-repeat; background-size:32px 26px;}

.page__util--option{background: #f6f6f6; padding: 10px 15px;}
.page__util--option:after{display:block;clear:both;content:''}
.page__util--option label + label{padding: 0 0 0 20px;}
.page__util--option label + label:before{position: absolute; top: 3px; bottom: 2px; left: 7px; display: block; content: ''; width:1px; height:auto; background: #dfdede;}

.page__util--option .page__util--option--select{float: right;}
.page__util--option .page__util--option--select ul{border-radius: 4px; box-sizing: border-box;}
.page__util--option .page__util--option--select ul:after{display:block;clear:both;content:''}
.page__util--option .page__util--option--select ul li{float: left; background: #fff; transition: all .4s ease; -webkit-transition: all .4s ease;}
.page__util--option .page__util--option--select ul li:nth-child(1){border-radius: 4px 0 0 4px; border: solid 1px #dfdede; border-right: none;}
.page__util--option .page__util--option--select ul li:nth-child(2){border-radius: 0 4px 4px 0; border: solid 1px #dfdede; border-left: none;}
.page__util--option .page__util--option--select ul li a{display: block; font-size: 12px; padding: 1px 2px 2px;}
.page__util--option .page__util--option--select ul li.selected{background: #d86616; border-color: #d86616;}
.page__util--option .page__util--option--select ul li.selected a{color: #fff;}
.page__util--option .page__util--option--select ul li:active{color: #fff; background: #d86616; border-color: #d86616;}

.page__util--img{position: relative; height: 40px; background: #fff; box-sizing: border-box;}
.page__util--img .select{position: absolute; top: 8px; right: 15px;}

.page__view__slide{overflow: hidden; position:relative; background: #f1f1f1; text-align: center;}
/*.page__view__slide img{position: relative; top: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}*/
.page__view__slide img{position: relative; max-width: 100%; max-height: 100%;}
.page__view__slide__btn{position: absolute; display: inline-block; top: 50%; margin: -20px 0 0; width: 33px; height: 39px; z-index: 10;}

.page__view__btn--prev{left:15px; background:url("../images/btn-view-prev.png"); background-size: 33px 39px;}
.page__view__btn--next{right:15px; background:url("../images/btn-view-next.png"); background-size: 33px 39px; }


.content{padding: 0 15px 20px;}

.list__pr{padding: 0;}
.list__pr.hide{display:none;}
.list__pr dl{padding: 10px 0; border-bottom: dashed 1px #c7c1bc;}
.list__pr dl:last-child{border: none;}
.list__pr dl dt{position: relative; padding: 10px 8px; font-size: 1.07em;}
.list__pr dl span.btns {display:block; position: relative; height:15px;}

.list__pr dl span.btns button{position: absolute; top:-5px; right:0; display: inline-block; padding: 0 6px 4px 25px; font-size: 13px; background: #948a85 url('../images/ico-viewer.png') no-repeat 5px 3px; background-size: 16px 14px; color: #fff; border-radius: 4px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,.1);}
.list__pr dl span.btns button:hover{background: #333 url('../images/ico-viewer.png') no-repeat 5px 3px; background-size: 16px 14px;}

.list__pr dl dt .color__info{color: #c84520; text-align:justify}
.list__pr dl dt.ch, .list__pr dl dd{padding: 10px 8px; font-size: 1.14em; background: #f6f6f6; border-radius: 4px; text-align:justify}
.list__pr dl dt.hide{display:none;}

.jusok__list{background: #f6f6f6; border-top: solid 2px #58769b; padding: 5px 15px;}
.jusok__list ol{padding:10px 0; border-bottom: dashed 1px #c7c1bc; }
.jusok__list ol:last-child{border-bottom:none;}
.jusok__list ol.hide{display:none;}
.jusok__list ol li{display:flex; position: relative; margin: 6px 0; cursor:pointer; }
.jusok__list ol li .num{margin-right:5px; color: #c84520;}
.jusok__list ol li .desc:hover {background:#e0e0e0;}

.list__pr span[data-jusok-junum] {cursor:pointer}
.list__pr span[data-jusok-junum]:hover {background:#eee;}
.list__pr span[data-jusok-type="참조"] {cursor:pointer}
.list__pr span[data-jusok-type="참조"]:hover {background:#eee;}


.wrap__view__info__list{padding: 7px 5px 0; background: #f6f6f6; border-top: solid 2px #58769b; box-sizing: border-box;}
.wrap__view__info__list ol{}
.wrap__view__info__list ol li{position: relative; padding: 7px 0 7px 15px;}
.wrap__view__info__list ol li .num{position: absolute; top: 5px; left: 0; color: #c84520;}

.wrap__view{padding: 25px 0 5px;}
.wrap__view--sj{padding: 20px 0 0;}
.wrap__view--sj dl{border-bottom: dashed 1px #c7c1bc; padding: 0 0 10px;}
.wrap__view--sj dl + dl{margin: 15px 0 0;}
.wrap__view--sj dl:last-child{border-bottom: none;}
.wrap__view--sj dl:after{display:block;clear:both;content:''}
.wrap__view--sj dt{display: inline-block; background: #eae8e7; padding: 5px 7px 7px; font-weight:bold;}
.wrap__view--sj dd{margin: 15px 0 0;}
.wrap__view--sj table th{text-align: left; padding: 3px 0; color: #d08e46;}
.wrap__view--sj table td{text-align: left; padding: 3px 0; }

.wrap__list__thumb{margin-top:15px;}
.wrap__list__thumb ul:after{display:block;clear:both;content:''}
.wrap__list__thumb ul li{float: left; width: 160px; margin: 0 10px 0 0;}
.wrap__list__thumb ul li .thumb{width: 160px; height: 200px; margin: 0 auto; padding: 5px; text-align: center; border: solid 1px #dfdede; box-sizing: border-box;}
.wrap__list__thumb ul li .thumb img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.wrap__list__thumb ul li .thumb__caption{height: 60px; padding: 10px 10px 0; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  box-sizing: border-box;}

.thumb_tbl .thumb { box-sizing:border-box; margin:0 auto; height:140px; line-height:130px; padding:3px; text-align:center; background:#fff no-repeat 50% 50%; }
.thumb_tbl .thumb img { max-width:100%; max-height:100%; vertical-align:middle; border:1px #ddd solid; }

.wrap__search__list{padding: 15px 10px;}
.wrap__search__list > section + section{margin: 15px 0 0;}
.wrap__search__list > section > .tit__section--search--section{position: relative; padding: 0 0 10px 25px; font-weight: 700; background: url('../images/ico-logo.png') no-repeat left 3px; background-size: 16px 15px;}
.wrap__search__list > section > .tit__section--search--section:after{position: absolute; bottom: 0; left: 0; display: block; content: ''; width:100%; height:2px;
background: #e8860b; /* Old browsers */
background: -moz-linear-gradient(left, #e8860b 0%, #c84620 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e8860b 0%,#c84620 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e8860b 0%,#c84620 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8860b', endColorstr='#c84620',GradientType=1 ); /* IE6-9 */
}
.wrap__search__list > section > .tit__section--search--section .tit__section__option{position:absolute; top:-3px; right:0;white-space:nowrap;}
.wrap__search__list > section select { padding: 2px 5px ; border: solid 1px #d6d6d6; }

.wrap__search__list .btn__more{position: absolute; top: 2px; right: 10px;}
.wrap__search__list .mark{color:#fb664c;}

.wrap__search__list > section > .list__search dl{margin: 10px 0;}
.wrap__search__list > section > .list__search dl dd{padding: 10px 0; border-bottom: dotted 1px #c7c1bc; line-height: 1.6;}
.wrap__search__list > section > .list__search dl dt{font-weight: 700;}
/*.wrap__search__list > section > .list__search dl dd{ display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; max-height:63px; overflow:hidden; text-overflow:ellipsis;}*/
.wrap__search__list > section > .list__search dl dd{max-height:80px; overflow:hidden;}
.wrap__search__list > section > .wrap__table{margin: 10px 0 0; line-height: 1.3;}

.wrap__search__list table{width:100%; text-align:center; border-top: solid 1px #e4e4e4;}
.wrap__search__list table th{padding:8px 0; border-bottom: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4;}
.wrap__search__list table td{padding:10px 10px; border-bottom: solid 1px #e4e4e4;}
.wrap__search__list table th:last-child{border-right: none; }

.btn__list--small{display: inline-block; padding: 2px 4px 3px; background: #fff; font-size: 14px; font-weight: 700; border-radius:4px; transition: all .6s ease; white-space: nowrap; overflow: hidden;}
.btn__list--small.c01{color: #7a665b; border: solid 1px #b9b4b1;} 
.btn__list--small.c02{color: #e9870b; border: solid 1px #e9870b;}


/*--- 페이징 ---*/
.wrap__page--count{position:relative; margin: 15px 0 30px 0;}
.wrap__page--count .page--move__input{text-align:center; margin-top:5px; font-size: 13px; font-weight: 700;}
.wrap__page--count .page--move__input input{width: 38px; height:24px; border: solid 1px #dadada; text-align:right; padding:0 5px; font-weight: bold; box-sizing: border-box;}
.wrap__page--count .page--move__input .btn--go{display:inline-block; width:28px; height:24px; background: #948a85; color: #fff; line-height: 17px; text-align:center; vertical-align: 4px; font-weight: 400; transition: all .4s ease; -webkit-transition: all .4s ease;}
.wrap__page--count .page--move__input .btn--go:hover{background: #d56850;}

.page__num{clear:both; text-align:center; font-size: 0; font-weight: 700;}
.page__num a.on, .page__num span{display:inline-block; margin: 0 10px; font-size: 14px; color: #dc4a38; height: 30px; height: 30px; line-height: 29px; text-decoration: underline;}
.page__num a{display:inline-block; margin: 0 10px; font-size: 14px; height: 30px; line-height: 29px; transition: all .4s ease; -webkit-transition: all .4s ease; box-sizing: border-box;}
.page__num a:hover{color: #dc4a38; text-decoration: underline;}
.page__num a.page__btn{margin: 0 2px;  background: #f5f6f8; width: 30px; height: 30px; border-radius: 100%; text-indent: -9999px;}
.page__num a.page__btn:hover{background: #a29890;}
.page__num a.page__btn--first{background: #f5f6f8 url('../images/ico-first.png') no-repeat center;}
.page__num a.page__btn--prev{background: #f5f6f8 url('../images/ico-prev.png') no-repeat center;}
.page__num a.page__btn--next{background: #f5f6f8 url('../images/ico-next.png') no-repeat center;}
.page__num a.page__btn--last{background: #f5f6f8 url('../images/ico-last.png') no-repeat center;}
.page__num a.page__btn--first:hover{background: #a29890 url('../images/ico-first-over.png') no-repeat center;}
.page__num a.page__btn--prev:hover{background: #a29890 url('../images/ico-prev-over.png') no-repeat center;}
.page__num a.page__btn--next:hover{background: #a29890 url('../images/ico-next-over.png') no-repeat center;}
.page__num a.page__btn--last:hover{background: #a29890 url('../images/ico-last-over.png') no-repeat center;}