@import url(common.css);

*{text-align: justify;}

.grey{color: #9b9b9b !important;}
.red{color: #ff0000 !important;}
.bold{font-weight: 700 !important;}
.pl20{display: block; padding-left: 20px !important;}
.mtm25{margin-top: -25px !important;}
.pt35{padding-top: 35px !important;}
.fs18{font-size: 18px !important;}
.active{display: block !important;}
.white{color: #ffffff !important;}

/*==== 서브메뉴 ====*/
.sub-menu-wrap{position: relative; max-width: 1140px; height: 53px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); bottom: 53px; z-index: 100; margin-top: -16px;}
.sub-menu-wrap ul li{float: left; width: 33.3%; height: 53px; background: rgba(255,255,255,0.6);}
.sub-menu-wrap ul li a{display: block; font-size: 1.5em; color: #000000; line-height: 53px; text-align: center;}
.sub-menu-wrap ul li a:hover{text-decoration: none;}

/*==== 서브페이지 소메뉴 ====*/
.lnb {margin: 38px 0px 0px 0px;}
.lnb ul{width: auto; float: right;}
.lnb ul li{float: left; font-size: 1em; color: #000000; margin-right: 5px;}
.lnb ul li:last-child{margin-right: 0px;}

.sub-cont-area{padding-bottom: 50px;}
.sub-cont-tit{margin: 120px 0px 65px 0px; text-align: center; font-size: 2rem; font-size: 32px; font-weight: bold;}

.font15{font-size:15px !important;}
.order01{margin-top:5px !important;}

/*==== sub01_01 page ====*/
.voucher-info-area ul li{float: left; width: 50%; height: 100%; min-height: 600px; border-right: 1px solid #ababab;border-bottom: 1px solid #ababab;}
.voucher-info-area ul li:nth-child(2n){border-right: none;}
.voucher-info-area ul li:nth-child(3){border-bottom: none;}
.voucher-info-area ul li:nth-child(4){border-bottom: none;}
.voucher-info-icon-box{width: 172px; height: 163px; margin: 75px auto 45px;}
.voucher-info-icon-box img{display: block; margin-left: auto; margin-right: auto;}   
.voucher-info-txt-box .voucher-info-tit{display: block; width: 280px; margin: 0 auto; font-size: 1.6875em; font-weight: bold; text-align: center;} 
.voucher-info-txt-box .divide-line{display: block; width: 80px; height: 3px; background: #000000; margin: 25px auto 35px;}
.voucher-info-txt-box p{width: 384px; margin: 0 auto; text-align: center;}

.voucher-img-info-area{position: relative; width: 100%; height: 100%; min-height: 350px; border: 1px solid #adadad; margin: 95px 0px 0px 0px;}
.voucher-img-tit{position: absolute; top: -17px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); display: block; width: 95px; height: 35px; background: #000000; color: #ffffff; text-align: center; line-height: 35px; font-weight: bold; font-size: 1.25em;}
.voucher-img-info-area ul{width: 1045px; height: 225px; margin: 65px auto 0px;}
.voucher-img-info-area ul li{float: left; margin-right: 50px;}
.voucher-img-info-area ul li:last-child{margin: 0;}
.voucher-img-info-area ul li div img{width: 100%; height: 100%;}
.voucher-img-info-area ul li p{text-align: center; font-size: 0.9375em; font-weight: 500;  margin: 5px 0px 0px 0px;}

/*==== sub01_02 page ====*/
.info-01-02-1{min-height: 170px;}
.info-01-02-2{min-height: 310px;}
.info-01-02-3{min-height: 260px;}

/*==== sub01_03 page ====*/
.voucher-view-area{position: relative;width: 100%; height: 100%; min-height: 350px; border: 1px solid #adadad; margin: 95px 0px 75px 0px;}
.voucher-view-tit{position: absolute; top: -17px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); display: block; width: 95px; height: 35px; background: #000000; color: #ffffff; text-align: center; line-height: 35px; font-weight: bold; font-size: 1.25em;}
.voucher-view-area ul{width: 1020px; height: 225px; margin: 65px auto 0px;}
.voucher-view-area ul li{width: 483px; height: 218px; float: left; margin-right: 50px;}
.voucher-view-area ul li img{width: 100%; height: 100%;}
.voucher-view-area ul li:last-child{margin: 0;}
.voucher-view-areaul li p{text-align: center; font-size: 0.9375em; font-weight: 500;  margin: 5px 0px 0px 0px;}

.voucher-detail-area{width: 100%; height: 100%; min-height: 1120px;}
.voucher-detail-area ul li{float: left; width: 28.070175%; height: 100%; min-height: 310px; margin-right: 7.894736%; margin-bottom: 80px;}
.voucher-detail-area ul li:nth-child(3n){margin-right: 0px;}
.voucher-detail-area ul li .detail-number{display: block;  width: 45px; height: 45px; margin: 0 auto 20px; background: #ff842a; border-radius: 50%; line-height: 45px; text-align: center; font-size: 1.875em; font-weight: bold; color: #ffffff;}
.voucher-detail-area ul li .detail-img{width: 110px; height: 114px; margin: 0 auto 15px;}
.voucher-detail-area ul li .detail-tit{font-size: 1.5625em; font-weight: bold; text-align: center;}
.voucher-detail-area ul li .detail-tit span{display: block; font-size: 0.8em; text-align: center;}
.voucher-detail-area ul li .divibe-line{display: block; width: 60px; height: 3px; background: #000000; margin: 20px auto 30px;}
.voucher-detail-area ul #detail-9 .divibe-line{height: 4px; background: #000000; margin: -10px auto 10px;}
.voucher-detail-area ul li p{font-size: 1.125em; text-align: center;}

/*==== sub02_01 page ====*/
.info-area{height: 100%; min-height:auto;}
.info-area:after{clear:both; display:block; content:""; padding-bottom:20px;}
.info-02-01-1{min-height: 170px;}
.info-02-01-2{min-height: 415px;}
.info-02-01-3{min-height: 265px;}
.info-02-01-4{min-height: 124px;}
.info-02-01-5{min-height: 194px;}

.info-left-box{float: left; width: 17%; border-top: 2px solid #000000; padding-top: 20px;}
.info-left-box p{font-size: 1.4em; font-weight: bold;}
.info-right-box{float: left; width: 77%; height: 100%; margin-left: 6%; border-top: 1px solid #000000;padding-top: 20px;}
.info-right-box p{margin: 5px 0px 0px 0px; font-size: 1.125em;}
.info-right-box p.p_sub_title{font-weight: bold; margin-bottom: 10px;}
.info-01-02-1 p.p_sub_title:nth-child(3){margin-top:20px;}
.info-01-02-1 p span{padding-left: 10px; display: flex; line-height: 22px; font-size: 17px;}
span.c_red{color: red; font-weight: bold; font-size: 17px; padding-left: 10px; line-height: 22px;}
.td_underline{text-decoration: underline;  text-underline-position: under;}

.table-02-1{width: 78% !important; margin: 28px 0px 0px 0px; border-collapse: collapse; border: 1px solid #ababab;}
.table-02-1 thead{border-bottom: 2px solid #000000;}
.table-02-1 thead tr th{height: 40px; font-size: 1.125em; border-right: 1px solid #ababab; background: #f0f0f0; text-align: center; padding: 5px;}
.table-02-1 thead tr th:last-child{border: none;}
.table-02-1 tbody tr{border-bottom: 1px solid #ababab;}
.table-02-1 tbody tr:last-child{border-bottom: 1px solid #ababab;}

.table-02-1 tbody tr.table-02-1-width th:first-child{width: 15% !important;}
.table-02-1 tbody tr.table-02-1-width td:nth-child(2){width: 32% !important;}
.table-02-1 tbody tr.table-02-1-width th:nth-child(3){width: 24% !important;}
.table-02-1 tbody tr.table-02-1-width td:last-child{width: 29% !important;}

.table-02-1 tbody tr th{height: 40px !important; border: none !important; font-size: 1.125em !important;
font-weight: 500 !important; padding: 5px !important; vertical-align: middle !important; line-height: 23px !important; background: #f3fffb; text-align: center;}
.table-02-1 tbody tr td{height: 40px !important; padding: 5px !important; vertical-align: middle !important; font-size: 1.125em !important; line-height: 23px !important;text-align: center;  border-right: 1px solid #ababab; border-left: 1px solid #ababab;}
.table-02-1 tbody tr td:nth-child(2n){border-right: 1px solid #ababab;}

.info-02-01-3 .info-right-box .info-img-box ul li{float: left; height: 132px;}
.info-02-01-3 .info-right-box .info-img-box ul li img{ display:block;margin-left:auto; margin-right:auto;}
.info-02-01-3 .info-right-box .info-img-box ul li p{text-align: center;font-size: 1.125em;font-weight: bold; margin-top: 20px;}
#icon-area02-01-1{width: 120px; }
#icon-area02-01-2{width: 140px;}
#icon-area02-01-3{width: 145px;}
#icon-area02-01-4{width: 70px;}
.arrow-icon{width: 15px; height: 24px; margin: 0px 30px 0px; padding-top: 60px;}

/*==== sub02-02 page ====*/
.info-02-02-1{min-height: 244px;}
.info-02-02-2{min-height: 800px;}

.info-02-02-1 .info-right-box .info-img-box ul li{float: left; height: 150px; }
.info-02-02-1 .info-right-box .info-img-box ul li img{ display:block;margin-left:auto; margin-right:auto;}
.info-02-02-1 .info-right-box .info-img-box ul li p{text-align: center;font-size: 1.125em;font-weight: bold;margin: 20px 0px 0px 0px;}

#icon-area02-02-1{width: 130px;}
#icon-area02-02-2{width: 125px;}
#icon-area02-02-3{width: 145px;}
#icon-area02-02-4{width: 115px; padding-top: 5px;}

/*==== sub02-03 page ====*/
.apply-tab-zone ul li{float: left; width: 33.3%; height: 40px;margin: 0px 0px 65px 0px; font-size: 1.25em; font-weight: 500; color: #000000; border: 1px solid #b1b1b1; box-shadow: border-box; line-height: 40px; cursor: pointer;}
.apply-tab-zone ul li:nth-child(2){border-left: none;}
.apply-tab-zone ul li:last-child{border-left: none;}
.apply-tab-zone ul li a{display: block; text-align: center; text-decoration: none; color: #000000;}
.apply-tab-zone ul li a:hover{color: #000000;}

#ac1 .term{width: 100%; height: 100%; min-height: 200px; border: 1px solid #b1b1b1; margin-bottom: 45px; padding: 15px;}
#ac1 .term p{margin: 20px 0px; font-size: 1.125em; font-weight: bold;}
#ac1 .term textarea{width: 100%; height: 180px; padding: 10px; overflow-y: scroll;}
#ac1 .term ul{float: right; margin: 20px 0px;}
#ac1 .term ul li{float: left; margin-right: 15px;}
#ac1 .term ul li:last-child{margin-right: 0px;}

.table-02-3{width: 100% !important; margin: 65px 0px 0px 0px; border-collapse: collapse; border: 1px solid #ababab;}
.table-02-3 tr{border-bottom: 1px solid #adadad;}
.table-02-3 tr th{width: 13%; height: 60px; border: none; font-size: 1.125em;
font-weight: 500; padding: 0px; vertical-align: middle; line-height: 23px; text-align: center;}
.table-02-3 tr td{height: 40px; padding: 0px 0px 0px 25px; vertical-align: middle; font-size: 1.125em; line-height: 23px !important; border-left: 1px solid #ababab;border-right: 1px solid #ababab;}
.table-02-3 tr td ul li{float: left; width: 25%}
.table-02-3 tr td ul li.bar{width: 5px; margin: 5px 10px}
.table-02-3 tr td input{width: 97%; height: 30px; background: #d9f9e9;}
.table-02-3 tr td input[type="radio"]{background: none; width: 20px; height: 15px;}

.table-02-3 tr td ul li input{width: 100%; height: 30px; background: #d9f9e9;}

.cancle-btn{float: right; width: 145px; height: 50px; margin: 45px 0px 45px 0px; background: #000000; border-radius: 8px; margin-left: 10px;}
.cancle-btn a{display: block; line-height: 50px; font-size: 1.5625em; font-weight: 500; color: #ffffff; text-align: center; cursor: pointer;}
.cancle-btn a:hover{text-decoration: none; color: #ffffff;}

.modifi-btn{float: right; width: 145px; height: 50px; margin: 45px 0px 45px 0px; background: #000000; border-radius: 8px; margin-left: 10px;}
.modifi-btn a{display: block; line-height: 50px; font-size: 1.5625em; font-weight: 500; color: #ffffff; text-align: center; cursor: pointer;}
.modifi-btn a:hover{text-decoration: none; color: #ffffff;}


/*==== sub02-04 page ====*/
.guide-box{width: 100%; height: 100%; min-height: 155px; background: #f1f1f1; margin: 0px 0px 60px 0px;}
.guide-box ul {max-width: 900px; margin: 0 auto; padding: 25px 0px;}
.guide-box ul li{float: left; height: 100%; min-height: 155px;}
.icon01-box{width: 108px;}
.guide-txt{max-width: 770px; padding-left: 20px; font-size: 1.125em; font-weight: 500;}

/*==== sub03_01 page ====*/
#sub-merchant-find-area{width: 100%; height: 100%; min-height: 650px; border: 3px solid #ff0000;}
.sub-find-top-area{width: 100%; height: 100%; min-height: 140px; background: #ff0000; padding: 40px 0px 0px 0px; margin: 0px 0px 60px 0px;}
.sub-find-top-area div{float: left; position: relative;}
.sub-find-top-area div div{position: absolute; top:0; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}
.sub-find-top-area div div img{width: 100%; height: 100%; }

.sub-find-top-area .sub-shop-name-search{width: 36.842105%; height: 48px; border: 2px solid #ff0000; border-radius: 20px; margin: 0px 3% 0px 4%;}
.sub-find-top-area .sub-shop-name-search input{width: 100%; height: 43px; border: none; font-size: 25px; font-weight: bold; border-radius: 23px; text-align: center;}
input[type=text]::-ms-clear {display: none;} 

.sub-find-top-area .sub-industry-name-search{width: 36.842105%; height: 48px; background: #ffffff; border: 2px solid #ff0000; border-radius: 20px; margin: 0px 6% 0px 0px;}
.sub-find-top-area .sub-industry-name-search select{width: 100%; height: 43px; padding-left: 85px !important; border: none; font-size: 25px; font-weight: bold; border-radius: 20px; -webkit-appearance: none;-moz-appearance: none;appearance: none; background: url(../fnc_images/sub/sub_map_icon_02.png) no-repeat 95% 50%;} 
.sub-find-top-area .sub-industry-name-search select::-ms-expand {display: none;}

.sub-find-top-area .sub-search-btn{width: 106px; height: 55px; background: #000000;}
.sub-find-top-area .sub-search-btn a{display: block; width: 95px; height: 46px; line-height: 43px; border: 1px solid #ffffff; margin: 4px auto 0px; text-align: center; font-size: 1.4375em; color: #ffffff;}
.sub-find-top-area .sub-search-btn a:hover{text-decoration: none; color: #ffffff;}

/*아래 지도*/
.sub-map-search-area{width: 420px; height: 371px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); background: url(../fnc_images/main/map_01.png) no-repeat top center; background-size: contain;position: relative;}
.sub-map-search-area ul li{position: absolute; background-size: contain;}
.sub-map-search-area ul li a{display: block; position: absolute;width: 100%; font-size: 20px; color: #4f4f4f; font-weight: 800; cursor: pointer;text-align: center;}
.sub-map-search-area ul li a:hover{text-decoration: none;}
.sub-map-search-area .sub-prev-map-btn{display: none; position: absolute; width: 44px; height: 44px; top: 0px; right: 0px; cursor: pointer;}
.sub-map-search-area .sub-prev-map-btn img{width: 100%; height: 100%;}

.sub-cont-in-tit{font-size: 2em; font-weight: bold; text-align: center; margin: 80px auto 50px;}

/*검색결과*/
.table-03-1{width: 100%; border-collapse: collapse; border-top: 3px solid #000000; border-bottom: 1px solid #000000;}
.table-03-1 thead{background: #f0f0f0;}
.table-03-1 thead th:nth-child(1){width: 20%;}
.table-03-1 thead th:nth-child(2){width: 15%;}
.table-03-1 thead th:nth-child(3){width: 20%;}
.table-03-1 thead th:nth-child(4){width: 30%;}
.table-03-1 thead th:nth-child(5){width: 15%;}
.table-03-1 thead tr th{height: 50px; line-height: 50px; font-size: 1.375em;  text-align: center;}
.table-03-1 tbody tr{border-bottom: 1px solid #adadad;}
.table-03-1 tbody tr:last-child{border-bottom: none;}
.table-03-1 tbody tr td{height: 50px; vertical-align: middle; font-size: 1.125em; line-height: 30px; text-align: center;}
.table-03-1 tbody tr td a{color: #000000;}
.table-03-1 tbody tr td a:hover{text-decoration: none;}

.page-number-area{width: 285px; height: 36px; margin: 48px auto 0px;}
.page-number-area ul li{float: left;}
.page-number-area ul li.page-prev-btn, .page-number-area ul li.page-next-btn{width: 31px; height: 36px;cursor: pointer;}
.page-number-area ul li img{display: inline-block; width: 24px; height: 24px; margin: 6px 0px;}
.page-number-area ul li.page-next-btn img{float: left;}
.page-number-area ul li.page-next-btn img{float: right;}

.page-number-area ul li ul.page-number-box{width: 222px; height: 36px; border: 1px solid #b8b8b8; margin: 0 auto; box-sizing: border-box;}
.page-number-area ul li ul.page-number-box li{float: left; width: 44px; height: 34px;}
.page-number-area ul li ul.page-number-box li span{display: block; line-height: 32px; font-size: 1.125em; text-align: center; color: #7e7e7e; cursor: pointer;} 
.page-active{border: 1px solid #b8b8b8;}
.page-active span{color: #000000 !important; border-bottom: 3px solid #000000 !important; box-sizing: border-box;}

/*==== sub03_01_01 page ====*/
.merchant-detail-area{width: 100%; height: 100%; min-height: 1270px; border: 3px solid #59a780; padding: 40px; margin: 90px 0px 0px 0px;}
.sub-cont-in-first-tit{font-size: 2em; font-weight: bold; text-align: center; margin: 10px auto 65px;}
.merchant-detail-cont{width: 100%; height: 100%; min-height: 445px;}
.merchant-detail-cont ul li{float: left;}
.merchant-detail-cont ul li.map-box{width: 75%; height: 100%; min-height: 445px;}
.merchant-detail-cont ul li.map-box img{width: 100%; height: 445px;}
.merchant-detail-cont ul li.map-cont-box{width: 25%; height: 100%; min-height: 445px; padding-left: 2%;}
.merchant-detail-cont ul li.map-cont-box ul li{width: 100%; margin: 0px 0px 10px 0px; font-size: 1.125em; font-weight: bold;}
.merchant-detail-cont ul li.map-cont-box ul li.map-cont-tit{margin: 0px 0px 25px 0px; font-size: 1.5625em;}
.merchant-detail-cont ul li.map-cont-box ul li.map-cont-tit span{display: inline-block; margin: 0px 5px 0px 0px;}

/*==== sub05-02 page ====*/
.press-release-area{width: 100%; height: 100%; min-height: 463px; padding: 25px 25px 0px; border-top: 2px solid #000000; border-bottom: 1px solid #000000; box-sizing: border-box;}
.press-release-area ul.press-releas-box{width: 100%; height: 100%; min-height: 435px; padding: 30px 0px; border-bottom: 1px solid #ababab;}
.press-release-area ul:last-child{border-bottom: none;}
.press-release-area ul li{float: left; width: 31.25%; height: 375px; margin: 0px 3.070175% 0px 0px;}
.press-release-area ul li:last-child{margin-right: 0px;}
.press-release-area ul li:hover div.press-img-box{border: 2px solid #00b070; box-sizing: border-box;}
.press-release-area ul li div.press-img-box{width: 100%; height: 195px;}
.press-release-area ul li div.press-img-box img{width: 100%; height: 100%;}
.press-release-area ul li p.press-tit{width: 100%; height: 50px; overflow: hidden; text-overflow: ellipsis; line-height: 25px; margin: 15px 0px 0px 0px; font-weight: bold; font-size: 1.375em;}
.press-release-area ul li p.press-txt{width: 100%; height: 67px; margin: 15px 0px; overflow: hidden; text-overflow: ellipsis;font-size: 1.125em; line-height: 23px; color: #5f5f5f;}
.press-release-area ul li:hover span.press-data{color: #eeeeee;}
.press-release-area ul li:hover span.press-data span{color: #eeeeee;}
.press-release-area ul li span.press-data{display: inline-block; font-size: 1.125em; color: #000000;}
.press-release-area ul li span.press-data span{display: inline-block; margin-left: 8px; font-size: 1.125em; color: #000000;}

/*==== sub05-04 page ====*/
.table-05-4{width: 100% !important; margin: 65px 0px 0px 0px; border-collapse: collapse; border: 1px solid #ababab;}
.table-05-4 tbody tr{border-bottom: 1px solid #adadad;}
.table-05-4 tbody tr th{width: 13%; height: 60px; border: none; font-size: 1.125em;
font-weight: 500; padding: 0px; vertical-align: middle; line-height: 23px; text-align: center;}
.table-05-4 tbody tr td{height: 40px; padding: 0px 0px 0px 25px; vertical-align: middle; font-size: 1.125em; line-height: 23px !important; border-left: 1px solid #ababab;}
.table-05-4 tbody tr td input{width: 97%; height: 30px; background: #d9f9e9;}
.table-05-4 tbody tr td input.img-text-box{float: left; width: 86.5%;}
.table-05-4 tbody tr td input[type=button]{float: left; width: 90px; height: 30px; margin-left: 12px; background: #000000; color: #ffffff; font-size: 15px; font-size: 0.9375rem; text-align: center; cursor: pointer;}
.table-05-4 tbody tr td textarea{width: 97%; height: 130px; background: #d9f9e9;  }

.regis-btn{float: right; width: 145px; height: 50px; margin: 45px 0px 45px 0px; background: #30aa7e; border-radius: 8px;}
.regis-btn a{display: block; line-height: 50px; font-size: 1.5625em; font-weight: 500; color: #ffffff; text-align: center; cursor: pointer;}
.regis-btn a:hover{text-decoration: none; color: #ffffff;}

/*==== sub05-05 page ====*/
.question-area{width: 100%; height: 100%; min-height: 940px;}
.question-area > ul > li:first-child{border-top: 2px solid #000000 !important;}
.question-area > ul > li > div.q-tit{width: 100%; padding: 25px 0px; border-bottom: 1px solid #ababab;}

.question-area > ul > li > div > ul > li {float: left;}
.question-area > ul > li > div > ul > li > span.q-number{display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #ffe073; text-align: center; font-size: 1.375em; font-weight: bold; margin: 0px 20px 0px;}
.question-area > ul > li > div > ul > li.q-txt{font-size: 1.125em; font-weight: bold;margin: 10px 0px 0px 0px;}

.question-area > ul > li > p.q-answer{display: none;width: 100%; height: 100%; min-height: 80px; padding: 20px 0px 20px 70px; border-bottom: 1px solid #ababab; margin: 0px 0px 0px 0px;color: #ff0000; font-size: 1em;}


/*==== 게시판 수정 ====*/
.bbs-search-icon{width: 43px !important; height: 40px !important; background: url(../fnc_images/sub/bbs_search_icon.png) no-repeat center center;}
#sbfd{appearance: none;-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;-o-appearance: none; background: url(../fnc_images/sub/bbs_select_icon.png) no-repeat 100% 50%;}
#sbfd::-ms-expand {display: none;}

/*==== 준비중 ====*/
.ready{width: 700px; height: 600px; margin: 0 auto;}
.ready img{width: 100%; height: 100%;}

/*=========================================== responsive =================================================*/
/* Extra Small */
@media (max-width: 767px){
    .sub-menu-wrap{display: none;}

    /*==== 서브페이지 소메뉴 ====*/
    .sub-cont-area{padding-bottom: 40px;}
    .sub-cont-tit{margin: 40px 0px 55px 0px; font-size: 24px;}
    
    .lnb ul li{font-size: 0.75em;}
    
    /*==== sub01_01 page ====*/
    .voucher-info-area ul li{float: none; width: 100%; min-height: 520px; border-right: none; border-bottom: 1px solid #ababab;}
    .voucher-info-area ul li:nth-child(3){min-height: 450px;border-bottom: 1px solid #ababab;}
    .voucher-info-area ul li:nth-child(4){min-height: 450px; border-bottom: 1px solid #ababab;border-bottom: none;}
    .voucher-info-icon-box{margin: 55px auto 45px;}
    .voucher-info-txt-box .voucher-info-tit{width: 90%; font-size: 1.5em;} 
    .voucher-info-txt-box .divide-line{width: 60px; height: 2px;}
    .voucher-info-txt-box p{width: 90%;}

    .voucher-img-info-area{width: 100%; min-height: 450px; margin: 25px 0px 0px 0px;}
    .voucher-img-tit{left: 35%; transform: translateX(-35%); -webkit-transform: translateX(-35%); -ms-transform: translateX(-35%); -moz-transform: translateX(-35%); -o-transform: translateX(-35%); width: 100px;}
    .voucher-img-info-area ul{width: 330px; margin: 80px auto 0px;}
    .voucher-img-info-area ul li{float: none; width: 248px; height: 113px; margin: 0px auto 80px;}
    .voucher-img-info-area ul li:last-child{margin: 0px auto;}
    
    /*==== sub01_02 page ====*/
    .info-01-02-1{min-height: 320px !important;}
    .info-01-02-2{min-height: 650px !important;}
    .info-01-02-3{min-height: 384px !important;}
    
    /*==== sub01_03 page ====*/
    .voucher-view-area{min-height: 450px; margin: 95px 0px 75px 0px;}
    .voucher-view-tit{left: 47%; transform: translateX(-47%); -webkit-transform: translateX(-47%); -ms-transform: translateX(-47%); -moz-transform: translateX(-47%); -o-transform: translateX(-47%);}
    .voucher-view-area ul{width: 330px;  margin: 80px auto 0px;}
    .voucher-view-area ul li{float: none; width: 269px; height: 121px; margin: 0px auto 65px;}
    .voucher-view-area ul li:last-child{margin: 0px auto;}
    
    .voucher-detail-area ul li{float: none; width: 100%; min-height: 360px;margin: 0px auto 50px;}
   
    .voucher-detail-area ul li .detail-tit{font-size: 1.5em;}
    .voucher-detail-area ul #detail-9 .divibe-line{height: 3px; background: #000000; margin: 20px auto 30px;}
    .voucher-detail-area ul li p{font-size: 0.975em;}

    /*==== sub02_01 page ====*/
    .info-area{min-height: 220px;}
    .info-02-01-2{min-height: 650px !important; padding-bottom: 80px;}
    .info-02-01-3{min-height: 650px !important;}
    .info-02-01-4{min-height: 240px !important;}
    .info-02-01-5{min-height: 310px !important; padding-bottom: 70px;}
    .info-02-01-6{min-height: 100px !important;}
    
    .info-left-box{float: none; width: 60%; border-top: 2px solid #000000; padding-top: 10px;}
    .info-left-box p{font-size: 23px; font-weight: bold;}
    .info-right-box{float: none; width: 100%; height: 100%; margin: 0px; border-top: none;padding: 0px 15px 0px;}
    .info-right-box p{margin: 5px 0px 0px 0px;}
    
    .table-02-1{width: 100% !important; margin: 35px 0px 0px 0px;}

    .table-02-1 tbody tr th{height: 40px !important; border: none !important; }
    .table-02-1 tbody tr td{height: 40px !important; }
    
    .info-02-01-3 .info-right-box .info-img-box ul{width: 280px; height: 360px; margin: 0 auto; padding-top: 30px;}
    #icon-area02-01-1{width: 110px;}
    #icon-area02-01-2{width: 110px;}
    #icon-area02-01-3{clear: both; width: 110px; margin: 60px 0px 0px 0px;}
    #icon-area02-01-4{width: 110px; margin: 60px 0px 0px 0px;}
    .arrow-icon{width: 15px; height: 24px; margin: 0px 20px 0px; padding-top: 50px;}
    .ai02{display: none;}
    .ai03{padding-top: 90px;}
    
    /*==== sub02-02 page ====*/
    .info-02-02-1{min-height: 550px;}
    .info-02-02-2{min-height: 620px;}
    .info-02-02-1 .info-right-box .info-img-box ul{width: 280px; height: 360px; margin: 0 auto; padding-top: 30px;}

    #icon-area02-02-1{width: 110px;}
    #icon-area02-02-2{width: 115px;}
    #icon-area02-02-3{width: 110px; margin: 60px 0px 0px 0px;}
    #icon-area02-02-4{width: 110px; margin: 60px 0px 0px 0px;}
    
    /*==== sub02-03 page ====*/
    .apply-tab-zone ul li{float: none; width: 100%; margin: 0px 0px 20px 0px; font-size: 1em;}
    .apply-tab-zone ul li:nth-child(2){border-left: 1px solid #b1b1b1}
    .apply-tab-zone ul li:last-child{border-left: 1px solid #b1b1b1}

    .table-02-3{width: 100% !important; margin: 65px 0px 0px 0px; border-collapse: collapse; border: 1px solid #ababab;}
    
   
    .table-02-3 tr th{font-size: 0.9375em;}
    .table-02-3 tr td{padding: 10px 0px 10px 10px; font-size: 0.9375em;}
    
    .table-02-3 tr td ul li{float: left; width: 85%}
    .table-02-3 tr td ul li.bar{float: left; width: 5px; margin: 5px;}
    .table-02-3 tr td input{width: 97%; height: 30px; background: #d9f9e9;}
    .table-02-3 tr td input[type="radio"]{width: 20px; height: 15px;}

    .table-02-3 tr td ul li input{width: 100%; height: 30px; background: #d9f9e9;}
    
    .cancle-btn{float: none; width: 100%; height: 45px; margin: 45px auto -25px; border-radius: 5px;}
    .cancle-btn span{line-height: 45px; font-size: 18px; }
    .cancle-btn a{font-size: 1.25em; line-height: 45px;}
    
    .modifi-btn{float: none; width: 100%; height: 45px; margin: 45px auto -25px; border-radius: 5px;}
    .modifi-btn span{line-height: 45px; font-size: 18px; }
    .modifi-btn a{font-size: 1.25em; line-height: 45px;}
    
    /*==== sub02-04 page ====*/
    .guide-box{width: 100%; height: 100%; min-height: 155px; background: #f1f1f1;}
    .guide-box ul {margin: 0 auto; padding: 20px 0px;}
    .guide-box ul li{float: none; min-height: 85px;}
    .icon01-box{width: 108px; margin: 0 auto 30px;}
    .guide-txt{min-height: 100px; padding:0px 20px;}
    .guide-txt p{text-align: center;}
    
   /*==== sub03_01 page ====*/
    #sub-merchant-find-area{min-height: 620px;}
    
    .sub-find-top-area{width: 100%; height: 100%; min-height: 250px; margin-bottom: 65px;}
    .sub-find-top-area div{float: none;}
    .sub-find-top-area div div{right: 10px; top: 40%; transform: translateY(-40%); -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); -moz-transform: translateY(-40%); -o-transform: translateY(-40%);}
    .sub-find-top-area div div img{width: 80%; height: 80%; }

    .sub-find-top-area .sub-shop-name-search{width: 90%; height: 40px; border-radius: 20px; margin: 0px auto;}
    .sub-find-top-area .sub-shop-name-search input{width: 100%; height: 35px; border: none; font-size: 20px; border-radius: 18px; }
    .sub-find-top-area .sub-industry-name-search{width: 90%; height: 40px; margin: 15px auto 0px;}
    .sub-find-top-area .sub-industry-name-search select{width: 100%; height: 35px; font-size: 20px; background: url(../fnc_images/sub/sub_m_select_icon.png) no-repeat 95% 50%;} 

    .sub-find-top-area .sub-search-btn{width: 95px; height: 45px; margin: 30px auto 0px; padding-top: 4px;}
    .sub-find-top-area .sub-search-btn a{width: 85px; height: 35px; line-height: 33px; margin: 0px auto 0px;}

    /*아래 지도*/
    .sub-map-search-area{width: 269px; height: 241px;}
    .sub-map-search-area ul li a{font-size: 12px;}
    .sub-map-search-area .sub-prev-map-btn{width: 30px; height: 30px; top: 0px; right: 0px;}

    /*검색결과*/
    .sub-cont-in-tit{font-size: 1.5em; margin: 65px auto 30px;}

    .table-03-1 thead tr th{width: 33.3%; height: 50px; line-height: 50px; font-size: 1em;}
    .table-03-1 thead tr th:nth-child(4){display: none;}
    .table-03-1 thead tr th:nth-child(5){display: none;}
    .table-03-1 tbody tr td{font-size: 0.95em;}
    .table-03-1 tbody tr td:nth-child(4){display: none;}
    .table-03-1 tbody tr td:nth-child(5){display: none;}
    
    /*==== sub03_01_01 page ====*/
    .merchant-detail-area{min-height: 1270px; padding: 15px;}
    
    .sub-cont-in-first-tit{font-size: 1.5em; margin: 10px auto 40px;}
    .merchant-detail-cont{width: 100%; height: 100%; min-height: 520px;}
    .merchant-detail-cont ul li{float: none;}
    .merchant-detail-cont ul li.map-box{width: 100%; height: 100%; min-height: 250px;}
    .merchant-detail-cont ul li.map-box img{width: 100%; height: 250px;}
    
    .merchant-detail-cont ul li.map-cont-box{width: 100%; height: 100%; min-height: 150px; padding-left: 0;}
    
    .merchant-detail-cont ul li.map-cont-box ul li{width: 100%; margin: 0px 0px 10px 0px; font-size: 0.9375em;}
    .merchant-detail-cont ul li.map-cont-box ul li.map-cont-tit{margin: 25px 0px 20px 0px; font-size: 1.125em;}
    .merchant-detail-cont ul li.map-cont-box ul li.map-cont-tit span{font-size: 15px !important;}
    
    /*==== sub05-02 page ====*/
    .press-release-area{padding: 25px 25px 0px; border-bottom: none;}
    
    .press-release-area ul.press-releas-box{width: 100%; padding: 0px 0px; border-bottom: none;}
    .press-release-area ul li{float: none; width: 95%;margin: 0px 0px 35px 0px; border: 1px solid #ababab;}
    .press-release-area ul li div.press-img-box{height: 175px;}
    .press-release-area ul li p.press-tit{width: 100%; height: 50px; overflow: hidden; text-overflow: ellipsis; line-height: 25px; margin: 15px 0px 0px 0px; font-weight: bold; font-size: 1.125em; padding: 5px;}
    .press-release-area ul li p.press-txt{height: 75px; font-size: 1em; padding: 5px;}
    .press-release-area ul li span.press-data{font-size: 1em; padding: 5px;}
    .press-release-area ul li span.press-data span{font-size: 1em;}

    /*==== sub05-04 page ====*/
    .table-05-4{margin: 65px 0px 0px 0px; border: 1px solid #ababab;}
    .table-05-4 tbody tr th{width: 15%;}
    .table-05-4 tbody tr td{padding: 0px 0px 0px 10px !important;}
    .table-05-4 tbody tr td input.img-text-box{float: none; width: 97%; margin: 15px 0px 0px 0px;}
    .table-05-4 tbody tr td input[type=button]{float: none; width: 90px; height: 30px; margin: 8px 0px 15px 0px; }
    .table-05-4 tbody tr td textarea{width: 97%; height: 130px; background: #d9f9e9;  }
    .regis-btn{float: none; width: 100%; height: 45px; margin: 45px auto; border-radius: 5px;}
    .regis-btn span{line-height: 45px; font-size: 18px; }
    .regis-btn a{font-size: 1.25em; line-height: 45px;}
    
    /*==== sub05-05 page ====*/
    .question-area > ul > li > div > ul > li > span.q-number{width: 30px; height: 30px; line-height: 30px; font-size: 1em; margin: 0px 20px 0px;}
    .question-area > ul > li > div > ul > li.q-txt{width: 70%; font-size: 1em;margin: -5px 0px 0px 0px;}

    .question-area > ul > li > p.q-answer{font-size: 0.95em; min-height: 80px; padding: 20px 0px 20px 0px; margin: 0px 0px 0px 0px;}

    /*==== 게시판수정 ====*/
    #user_board_list table tbody tr th:nth-child(1){display: none;}
    #user_board_list table tbody tr th:nth-child(3){width: 20%;}
    #user_board_list table tbody tr th:nth-child(4){display: none;}
    #user_board_list table tbody tr th:nth-child(5){width: 20%;}
    #user_board_list table tbody tr td:nth-child(1){display: none;}
    #user_board_list table tbody tr td:nth-child(4){display: none;}
    
    .responsive-sbfd{width: 100% !important; margin: 0px 0px 20px 0px;}
    .responsive-sbt{width: 85% !important; margin: 0px 0px 35px 0px;}
    
    #user_board_button{clear:both; float: none !important; margin: 20px 0px 0px 0px !important;}
    #user_board_button a{width: 100% !important;text-align: center !important; border-radius: 8px; margin: 0px 0px 10px 0px;}
    #user_board_button .user_write_board_btn{width: 100% !important;text-align: center !important; border-radius: 8px; margin: 5px 0px 15px 0px;}
    #user_board_read_prevnext{margin: 0px 0px 30px 0px;}
    
    .bbs-search-icon{float: right;}
    
    /*==== 준비중 ====*/
    .ready{width: 300px; height: 250px; margin: 0 auto;}
}

/* Small */
@media(min-width: 768px) and (max-width: 991px){
    .sub-menu-wrap{display: none} 
    
    /*==== 서브페이지 소메뉴 ====*/
    .sub-cont-tit{margin:65px 0px 65px 0px;}
    
    /*==== sub01_01 page ====*/
    .voucher-info-area ul li{min-height: 630px;}
    .voucher-info-txt-box .voucher-info-tit{font-size: 1.5em;} 
    .voucher-info-txt-box p{width: 75%;}

    .voucher-img-info-area{min-height: 250px;}
    .voucher-img-info-area ul{width: 690px;}
    .voucher-img-info-area ul li{width: 297px; height: 136px; margin-left: 25px; margin-right: 45px;}
    
    /*==== sub01_02 page ====*/
    .info-01-02-1{min-height: 250px !important;}
    .info-01-02-2{min-height: 490px !important;}
    .info-01-02-3{min-height: 330px !important;}
    
    /*==== sub01_03 page ====*/
    .voucher-view-area{min-height: 300px;}
    .voucher-view-area ul{width: 690px; margin: 80px auto 0px;}
    .voucher-view-area ul li{width: 296px; height: 133px; margin: 0px 40px 0px 25px;}
    
    .voucher-detail-area{min-height: 2400px;}
    .voucher-detail-area ul li{width: 47%; min-height: 400px; margin-right: 6%;}
    .voucher-detail-area ul li:nth-child(3n){margin-right: 6%;}
    .voucher-detail-area ul li:nth-child(2n){margin-right: 0px;}

    /*==== sub02_01 page ====*/
    .info-02-01-1{min-height: 200px !important;}
    .info-02-01-2{min-height: 630px !important;}
    .info-02-01-3{min-height: 580px !important;}
    .info-02-01-4{min-height: 200px !important;}
    .info-02-01-5{min-height: 295px !important;}

    .info-left-box{width: 30%;}
    .info-right-box{width: 60%;margin-left: 4%;}

    .table-02-1{width: 85% !important;}

    .table-02-1 tbody tr th{padding: 5px !important;}
    .table-02-1 tbody tr td{padding: 5px !important;}

    .info-02-01-3 .info-right-box .info-img-box ul{width: 370px; height: 360px; margin: 0 auto; padding-top: 30px;}
    #icon-area02-01-1{width: 120px;}
    #icon-area02-01-2{width: 120px;}
    #icon-area02-01-3{clear: both; width: 120px; margin: 60px 0px 0px 0px;}
    #icon-area02-01-4{width: 120px; margin: 60px 0px 0px 0px;}
    .arrow-icon{width: 15px; height: 24px; margin: 0px 55px 0px; padding-top: 50px;}
    .ai02{display: none;}
    .ai03{padding-top: 90px;}
    
    /*==== sub02-02 page ====*/
    .info-02-02-1{min-height: 520px !important;}
    .info-02-02-2{min-height: 1500px !important;}

    .info-02-02-1 .info-right-box .info-img-box ul{width: 370px; height: 420px; margin: 0 auto; padding-top: 30px;}

    #icon-area02-02-1{width: 120px;}
    #icon-area02-02-2{width: 120px;}
    #icon-area02-02-3{width: 120px; margin: 60px 0px 0px 0px;}
    #icon-area02-02-4{width: 120px; margin: 60px 0px 0px 0px;}
    
    /*==== sub02-03 page ====*/
    .table-02-3 tr th{padding: 10px;}
    .table-02-3 tr td{padding: 10px;}
    
    .cancle-btn{width: 120px; height: 45px; border-radius: 6px;}
    .cancle-btn span{line-height: 45px;} 
    
    .modifi-btn{width: 120px; height: 45px; border-radius: 6px;}
    .modifi-btn span{line-height: 45px;} 
    
    /*==== sub02-04 page ====*/
    .guide-box{min-height: 230px; }
    .guide-box ul {max-width: 560px;}
    .icon01-box{margin-top: 35px;}
    .guide-txt{max-width: 450px; padding-left: 30px;}
    
    /*==== sub03_01 page ====*/
    #sub-merchant-find-area{min-height: 740px;}
    .sub-find-top-area{min-height: 200px; margin-bottom: 80px;}
    .sub-find-top-area div div{right: 20px; top: 45%; transform: translateY(-45%); -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%); -moz-transform: translateY(-45%); -o-transform: translateY(-45%);}
    .sub-find-top-area div div img{width: 85%; height: 85%; }

    .sub-find-top-area .sub-shop-name-search{width: 45%; height: 48px; margin: 0px 5% 0px 2%;}
    .sub-find-top-area .sub-shop-name-search input{font-size: 22px;}
    
    .sub-find-top-area .sub-industry-name-search{width: 45%; border-radius: 23px; margin: 0px;}
    .sub-find-top-area .sub-industry-name-search select{background: url(../fnc_images/sub/sub_m_select_icon.png) no-repeat 95% 50%; font-size: 22px;} 

    .sub-find-top-area .sub-search-btn{float: none; clear: both; width: 106px; height: 55px; margin: 80px auto 0px; padding-top: 3px;}
    .sub-find-top-area .sub-search-btn a{margin: 0px auto;}

    /*아래 지도*/
    .sub-map-search-area ul li a{font-size: 18px;}

    /*==== sub03_01_01 page ====*/
    .merchant-detail-area{padding: 25px;}
    .merchant-detail-cont ul li{float: none;}
    .merchant-detail-cont ul li.map-box{width: 100%;}
    .merchant-detail-cont ul li.map-cont-box{width: 100%; min-height: 150px; padding-left: 0; margin: 30px 0px 0px 0px;}
    
    /*==== sub05-02 page ====*/

    .press-release-area ul li div.press-img-box{height: 145px;}

    .press-release-area ul li p.press-tit{height: 70px; font-size: 1.125em;}
    .press-release-area ul li p.press-txt{font-size: 1em;}
 
    .press-release-area ul li span.press-data{display: inline-block; font-size: 1em; color: #000000;}
    .press-release-area ul li span.press-data span{display: inline-block; margin-left: 8px; font-size: 1.125em; color: #000000;}

    /*==== sub05-04 page ====*/
    .table-05-4 tbody tr td input.img-text-box{width: 79.5%;}
    .regis-btn{width: 120px; height: 45px; border-radius: 6px;}
    .regis-btn span{line-height: 45px;}  
    
    /*==== 게시판 ====*/
    #user_board_paging div.paging_wrap{padding-left: 43% !important;}
    
    /*==== 준비중 ====*/
    .ready{width: 600px; height: 500px; margin: 0 auto;}
    
}

/* Medium */
@media(min-width: 992px) and (max-width: 1199px){

    /*==== 서브메뉴 ====*/
    .sub-menu-wrap{display: block;max-width: 960px;}
    .sub-menu-wrap ul li a{font-size: 1.125em;}

    /*==== 서브페이지 소메뉴 ====*/
    .lnb {margin: 0px;}
    
    .sub-cont-area{padding-bottom: 150px;}
    .sub-cont-tit{margin: 85px 0px 65px 0px;}
    
    /*==== sub01_01 page ====*/
    .voucher-img-info-area ul{width: 930px; margin: 90px auto 0px;}
    .voucher-img-info-area ul li{width: 396px; height: 180px; margin-left: 40px; margin-right: 50px;}
    
    .voucher-detail-area ul li{width: 32%; margin-right: 2%;}

    /*==== sub01_02 page ====*/
    .info-01-02-1{min-height: 185px !important;}
    .info-01-02-2{min-height: 375px !important;}
    .info-01-02-3{min-height: 250px !important;}
    
    /*==== sub01_03 page ====*/
    .voucher-view-area{min-height: 330px;}
    .voucher-view-area ul{width: 930px; margin: 80px auto 0px;}
    .voucher-view-area ul li{width: 403px; height: 182px; margin: 0px 50px 0px 35px;}

    /*==== sub02_01 page ====*/
    .info-02-01-1{min-height: 170px;}
    .info-02-01-2{min-height: 470px;}
    .info-02-01-3{min-height: 365px;}
    .info-02-01-4{min-height: 124px;}
    .info-02-01-5{min-height: 194px;}

    .info-left-box{float: left; width: 23%; border-top: 2px solid #000000; padding-top: 20px;}
    .info-left-box p{font-size: 1.4em; font-weight: bold;}
    .info-right-box{float: left; width: 71%; height: 100%; margin-left: 6%; border-top: 1px solid #000000;padding-top: 20px;}
    .info-right-box p{margin: 5px 0px 0px 0px; font-size: 1.125em;}

    .table-02-1{width: 70% !important;}

    .info-02-01-3 .info-right-box .info-img-box ul li{height: 160px;}
    
    .arrow-icon{margin: 0px 20px 0px;}
    
    #icon-area02-01-1{width: 100px; }
    #icon-area02-01-2{width: 100px;}
    #icon-area02-01-3{width: 100px;}
    #icon-area02-01-4{width: 100px;}

    /*==== sub02-02 page ====*/
    .info-02-02-1{min-height: 260px;}
    .info-02-02-2{min-height: 1080px;}

    #icon-area02-02-1{width: 120px;}
    #icon-area02-02-2{width: 120px;}
    #icon-area02-02-3{width: 120px;}
    #icon-area02-02-4{width: 120px;}

    /*==== sub02-04 page ====*/
    .guide-box{min-height: 190px;}
    .guide-box ul {max-width: 710px;}
    .guide-box ul li{min-height: 170px;}
    .icon01-box{margin-top: 15px;}
    .guide-txt{max-width: 600px; }
    
    /*==== sub03_01 page ====*/
    .sub-find-top-area .sub-industry-name-search{margin: 0px 4% 0px 0px;}
    .sub-map-search-area ul li a{font-size: 18px}

    /*==== sub03_01_01 page ====*/
    .merchant-detail-cont ul li.map-box{width: 70%;}
    .merchant-detail-cont ul li.map-cont-box{width: 30%;}

    /*==== sub05-04 page ====*/
    .table-05-4 tbody tr td input.img-text-box{float: left; width: 84.2%;}
    
    /*==== 게시판 ====*/
    #user_board_paging div.paging_wrap{padding-left: 45% !important;}
    
}

/* Large */
@media(min-width: 1200px){
    .sub-menu-wrap{display: block;}
    
}