@charset "utf-8";
/* CSS Document */
/* *******************************************************
 * filename : sub_style.css
 * description : 서브페이지 레이아웃 CSS
 * date : 2020-07-01
******************************************************** */
/*  SUB LAYOUT :: 서브메뉴(스타일) */
#topMenu{position:relative; width:100%;height:60px; }
#topMenu .side-menu-inner{width:100%; height:60px; background-color: #ff6c18;}
#topMenu .location-to-home-btn{float:left; width:59px; height:60px;  text-align:center; border-right:1px solid #ff9c63 ; border-left:1px solid #ff9c63 ;}
#topMenu .location-to-home-btn i{color:#fff; font-size:18px; line-height:60px;}
#topMenu .menu-location{position:relative; float:left; width:260px;}
#topMenu .menu-location > .cur-location{position:relative; display:block; height:60px; padding:0 35px 0 20px; border-right:1px solid #ff9c63 ; text-align:left}
#topMenu .menu-location > .cur-location span{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:60px; color:#fff; font-weight:300; font-size:16px; letter-spacing:-0.5px;}
#topMenu .menu-location > .cur-location .arrow{position:absolute; top:50%; right:10px; width:20px; height:20px;margin-top:-8px; font-size:20px; color:#fff;}
#topMenu .menu-location > .cur-location.open .arrow{transform:rotate(-180deg); margin-top:-10px;}
#topMenu .menu-location .location-menu-con{display:none; position:absolute; top:60px; left:-1px; width:calc(100% - 1px); border:1px solid #ddd; border-top:0; background-color:#fff; z-index:1000; padding-bottom:10px }
#topMenu .menu-location .location-menu-con li a{display:block; padding:10px 20px; font-size:15px; word-break:keep-all; line-height:1.5; color:#2a323f;}
#topMenu .menu-location .location-menu-con li.on{position:relative;}
#topMenu .menu-location .location-menu-con li.on a{color:#f57f20; font-weight:500;}
#topMenu .menu-location .location-menu-con li.on a span br{ display:none}
/* SUB LAYOUT :: 서브메뉴 Fixed (공통) */
@media all and (min-width:801px){
.fixed-sub-menu.fixed .side-menu-inner{position:fixed; top:0px; left:0px; z-index:9999;}
}
/*  SUB LAYOUT :: 상단정보 (공통) */
#contentInfoCon{position:relative; padding:62px 15px; margin-bottom: 47px; }
#contentInfoCon .content-tit{ font-size:36px; font-weight:400; letter-spacing:-0.5px; color:#262e3b; }
#contentInfoCon .content-info-box {position:relative;}
/*  SUB LAYOUT :: 상단정보(스타일01) */
#contentInfoCon.content-info-style01{text-align:center; border-bottom: 1px solid #dfe0e2; z-index:999;}
/*  SUB LAYOUT :: 이전페이지,다음페이지 버튼 */
.sub-page-controls-btn{position:absolute; top:50%; height:60px; margin-top:-30px; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;} /* margin-top:수정*/
.sub-page-controls-btn.sub-prev-page-btn{left:0; }
.sub-page-controls-btn.sub-next-page-btn{right:0; }
.sub-page-controls-btn .sub-page-name{vertical-align:middle;  font-size:16px; font-weight:300; color: rgba(38,46,59,0.5); }
.sub-page-controls-btn span{vertical-align:middle; display:inline-block; width: 60px; height: 60px; border:1px solid #dfe0e2; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.sub-page-controls-btn.sub-prev-page-btn span { background: url("../../img/arrow_prev_black.png") 50% no-repeat; margin-right: 30px; }
.sub-page-controls-btn.sub-next-page-btn span { background: url("../../img/arrow_next_black.png") 50% no-repeat; margin-left: 30px;}
/* .sub-page-controls-btn.sub-prev-page-btn:hover{margin-left:-10px}
.sub-page-controls-btn.sub-next-page-btn:hover{margin-right:-10px} */

/*  SUB LAYOUT ::  SUB_SECTION*/
#sub_content{ padding:0 0 50px }
.sub-page-tab ul{/* overflow:hidden; */ height:61px; border-bottom:1px solid #e5e5e5; text-align:center; *zoom:1; margin-bottom:70px}
.sub-page-tab ul:after{clear:both; content:""; display:block;}
.sub-page-tab ul li{float:left; position:relative; width:calc(50% + 0.5px); position:relative; margin-left:-1px;}
.sub-page-tab ul.tab-num4 li{width:calc(25% + 0.25px); }
.sub-page-tab ul li:first-child{margin-left:0; }
.sub-page-tab ul li a{display:block; height:60px; line-height:60px; font-weight:400; color:#222; font-size:16px; letter-spacing:-0.5px; text-align:center; border:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;  background-color:#fff;}
.sub-page-tab ul li:first-child a{border-left:1px solid #ddd;}
.sub-page-tab ul li a span.small{font-size: 13px;font-weight: 600;position: relative;top: 2px;display: inline-block;padding: 0 5px 0 1px;}
.sub-page-tab ul li.selected{z-index:1;}
.sub-page-tab ul li.selected a{border-top-color:#0f529d; border-bottom-color:#fff; color:#0f529d}
.product-view-tit, .sub-content-tit {margin-bottom: 25px; font-size:23px; font-weight:600; letter-spacing: -0.25px; color: #222; position:relative;}
.product-view-tit:after, .sub-content-tit:after{ width:23px; height:3px; background:#0f529d; content:""; display:block; margin-top:10px}
.product-view-tit span.small, .sub-content-tit span.small{ font-size:16px; font-weight:800; display:inline-block; position:relative; top:2px} 
.sub-content-txt-box .sub-content-txt {color: #242424;font-size: 16px; letter-spacing: -0.25px; line-height: 26px; margin-bottom: 15px;opacity: 0.8; filter: Alpha(opacity=80);word-break: keep-all; word-break:break-word}
.sub-content-txt-box .sub-content-txt span{ position:relative; display:block; padding-left:10px; box-sizing:border-box; width:100%; word-break:break-word}
.sub-content-txt-box .sub-content-txt span:after{ content:""; display:block; width:5px; height:1px; background:#242424; position:absolute; left:0; top:13px;}
.sub-content-txt-box .sub-content-txt.txt_info span:after{ background:#c00}
.swiper-scrollbar-tbl, .swiper-scrollbar-tbl .swiper-scrollbar-drag {display: none;}
.content-table-wrapper{margin-bottom:5%;}
.content-table-tit{font-weight:400; margin-bottom:15px; color:#000; font-size:22px;}
.content-tbl{width:100%; border:1px solid #d1d1d1; word-break:keep-all; line-height:24px; }
.content-tbl thead th{background-color:#0f529d; padding:12px 0; color:#fff; font-size:16px; font-weight:600; border-bottom:1px solid #8e8e8e;border-left:1px solid #8e8e8e;}
.content-tbl tbody th, .content-tbl tbody td{border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1; padding:15px 15px; color:#242424; text-align:center; font-size:14.5px;  }
.content-tbl tbody th{background-color:#f1f1f1; font-weight:400}
.content-tbl tbody td{letter-spacing:-0.3px; text-align:center; }
.content-tbl tbody td img{height:/* max-width:100%; */}
.content-tbl thead th.bg-gray{background-color:#f1f1f1 !important;  text-align:center; font-size:14.5px; padding:20px 15px;  color:#242424; border-bottom-color:#d1d1d1; border-left-color:#d1d1d1; font-weight:400}
.content-tbl th.bg-dark-gray{background-color:#6c6d72 !important; text-align:center}
/*******************  SUB LAYOUT :: 개별 시작******************* */
/*시장소개*/
.info-inner{position:relative; text-align:center; width:100%; box-sizing:border-box; padding:0 15px}
.info-inner .info-top-bg{ display:block;}
.info-inner .info-top-bg img{max-width:100%}
.info-inner .area-box{background:#fff; padding-top:76px; top:0;margin-top: -6%; width:90%;}
.info-inner .area-box .info_logo{ height:40px; width:auto; margin-bottom:30px}
.info-inner .area-box .info-tit{position:relative; font-size:32px; letter-spacing:-0.5px; color:#222b38; line-height:1.4em; padding:66px 0 45px; word-break:keep-all;color:#ff6c18; z-index:1; font-weight:400}
.info-inner .area-box .info-tit:after{content: "GAJWA MARKET";display: block; font-weight: 700; font-size: 88px; color: #f7f7f7;  position: absolute;width: 100%; text-align: center; font-family: 'Montserrat', sans-serif;letter-spacing: 20px;z-index: -1;opacity: 0.8;top: 50%;margin-top: -10px;}
.info-inner .area-box .info-tit span{color:#222b38}
.info-inner .area-box .info-explain{font-weight:300; font-size:18px; letter-spacing:-0.2px; color:#222b38; line-height:2.11em; padding-top:34px; word-break:keep-all;width: 100%;
box-sizing: border-box;padding: 34px 10% 0;}
.info-inner .area-box .info-explain span{ display:block; margin-bottom:5px}
.greeting-list{background:#fff; margin-top:63px}
.greeting-list li{float:left; width:25%; text-align:center;box-sizing: border-box;border: 1px solid #ddd;margin-left: -1px;min-height: 225px;}
.greeting-list li .greeting-list-inner{padding:55px 0 50px}
.greeting-list li .greeting-list-icon span{display:inline-block}
.greeting-list li .greeting-list-txt{padding-top:27px}
.greeting-list li .greeting-list-txt span{font-weight:300; font-size:17px; letter-spacing:-0.5px; color:#222b38; line-height:1.44em; word-break:keep-all}
.rent-notice-con {margin-bottom: 35px;}
.rent-notice-con:last-child{ margin-bottom:0}
.facility-con-tit { position: relative;font-weight: 500;font-size: 22px;letter-spacing: -0.5px; color: #222b38;padding-left: 21px;}
.facility-con-tit:before {position: absolute;display: inline-block;content: "";width: 6px;height: 6px; border: 3px solid #222b38;left: 0;top: 12px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;}
.rent-notice-con .rent-notice-inner {margin-top: 16px;}
.rent-notice-inner .rent-notice-txt {font-weight: 300;font-size: 16px; letter-spacing: -0.5px;color: #222b38;line-height: 1.4em;border-bottom: 1px solid #dfe0e2;word-break: keep-all;}
.rent-notice-inner .rent-notice-txt:first-child {border-top: 2px solid #000;}
.rent-notice-inner .rent-notice-txt span {position: relative; display: block;padding: 15px 0 15px 11px;}

/*구역별점포현황*/
.img_wrap{border-top:2px solid #2a323f}
.search_wrap{ display:table; width:100%;}
.search_wrap > div{/* float:left;*/ display:table-cell; position:relative; box-sizing:border-box; padding:25px 35px 23px 40px; width:42%; background:#9a8b86;}
.search_wrap > div.search01{width:58%; background:#f4efe9;}
.search_wrap > div p{ margin-bottom:30px; position:relative; font-size:22px; font-weight:700; color:#9a8b86; }
.search_wrap > div p span{ display:inline-block; padding-right:10px; position:relative; top:-4px}
.search_wrap > div.search01 ul{width:100%; position:relative;}
.search_wrap > div.search01 ul li { display:inline-block; margin-right:20px; width:32%; box-sizing:border-box; margin:5px 0}
.search_wrap > div.search01 ul li:nth-child(4n){ margin-right:0;}
.search_wrap > div.search01 ul li dl{width:100%; }
.search_wrap > div.search01 ul li dl dt, .search_wrap > div.search01 ul li dl dd{ display:inline-block; vertical-align:middle; box-sizing:border-box; line-height:1}
.search_wrap > div.search01 ul li dl dt{width:15px; height:15px;}
.search_wrap > div.search01 ul li:first-child dt{ background:#e30613}
.search_wrap > div.search01 ul li:nth-child(2) dt{ background:#1a93d2}
.search_wrap > div.search01 ul li:nth-child(3) dt{ background:#79b02f}
.search_wrap > div.search01 ul li:nth-child(4) dt{ background:#ec6906}
.search_wrap > div.search01 ul li:nth-child(5) dt{ background:#ee75ab}
.search_wrap > div.search01 ul li:nth-child(6) dt{ background:#884688}
.search_wrap > div.search01 ul li:nth-child(7) dt{ background:#8c1002}
.search_wrap > div.search01 ul li:last-child dt{ background:#646363}
.search_wrap > div.search01 ul li dl dd{ font-size:16px;font-weight:500; color:#222; padding-left:5px; letter-spacing:-1px}
.search_wrap > div.search01 ul li dl dd span{display:inline-block; font-size:14px; color:#888}
.search_wrap > div.search02{}
.search_wrap > div.search02 p{ color:#fff}
.search_wrap > div.search02 form{ display:block; position:relative; }
.search_wrap > div.search02 form > div{ float:left; width:calc(50% - 5px); position:relative; box-sizing:border-box; height:50px; background:#f4efe9;}
.search_wrap > div.search02 form > div:before{content: "▼";display: inline-block; font-size: 10px;color: #888;font-weight: 400; position: absolute;  right: 14px; top: 50%;  margin-top: -7px; z-index: 1;}
.search_wrap > div.search02 form > div:first-child{ margin-right:10px;}
.search_wrap > div.search02 select {width:100%; height:100%; background:#f4efe9; box-sizing:border-box; padding-left:10px; font-size:15px; font-weight:500; color:#222
/*selec 초기화*/
border:0; box-shadow:none; border-radius:0; -webkit-appearance: none;-moz-appearance: none;appearance: none; outline:none}
.search_wrap > div.search02 select::focus{ outline:none;}
/* IE 에서 Select box 화살표 제거 */ 
.search_wrap > div.search02 select::-ms-expand { display: none; }
/*오시는 길*/
.location-content .map_area{ width:100%; height:450px;}
.location-info {margin-top: 30px;}
.location-info dl dt {float:left; width: 18%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.location-info dl dd {float:left;width: 82%; border-left: 3px solid #6eb92b; position:relative;  padding-left:13px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
.location-info dl dd:before {content:""; display:block; width:3px; height: 21px; background-color: #ef860d; position:absolute; left: -3px;}
.location-info .info-tit {font-size:25px; letter-spacing:-0.75px; color: #333; font-weight:300; word-break:keep-all; line-height:1.2}
.location-info .info-tit span {font-weight: 600; display:inline-block;}
.location-info dl dd p {font-size: 16px; line-height:26px; letter-spacing:-0.5px; color: #111; float:left; margin-right: 20px; font-weight:500;}
.location-info dl dd p span {font-size:15px; color:#666; display:inline-block; margin-right: 9px; }
.location-info .info-address {float:none; margin-right:0;  color: #555;font-weight:400;}
.traffic-info-wrap{margin-top:65px}
.traffic-info-wrap .traffic-info-inner{background:#f3f4f5; padding:34px 30px 12px;}
.traffic-info-wrap .traffic-info-list{margin-bottom:22px}
.traffic-info-wrap .traffic-info-list dt,
.traffic-info-wrap .traffic-info-list dd{position:relative; letter-spacing:-0.5px; color:#222b38; line-height:1.4em; word-break:keep-all}
.traffic-info-wrap .traffic-info-list dt{font-weight:500; font-size:20px; padding-left:22px; margin-bottom:15px}
.traffic-info-wrap .traffic-info-list dt:before{position:absolute; display:inline-block; content:""; width:6px; height:6px; left:0; top:8px; border:3px solid #ef860d; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}
.traffic-info-wrap .traffic-info-list dd{font-weight:300; font-size:16px; padding-left:20px; margin-bottom:15px}
.traffic-info-wrap .traffic-info-list dd strong, .traffic-info-wrap .traffic-info-list dd span{ display:block; position:relative; box-sizing:border-box; font-weight:500}
.traffic-info-wrap .traffic-info-list dd span{ padding-left:10px; line-height:1.5; margin-top:5px; font-weight:300}
.traffic-info-wrap .traffic-info-list dd span:before{ content:""; display:block; width:4px; height:1px; background:#222b38; position:absolute; left:0; top:12px;}
/*=================시설안내======================*/
#prdContainer{position:relative; width: 100%;}
#prdContainer .prd-main-img { width: 100%;}
#prdContainer .prd-main-img .slick-list{width:calc(100% - 210px);}
#prdContainer .prd-main-img> li{float: left;}
#prdContainer .prd-main-img li span{display: block; position: relative; width: 100%; overflow: hidden;}
#prdContainer .prd-main-img li> span img{ width:100%;}
/*#prdContainer .prd-main-img li> span img{position: absolute; top: 50%; margin-top: -335px; left: 50%; margin-left: -485px;}*/
/* ***** 슬라이드 dot ***** */
ul.prd-main-img .slick-dots{position: absolute; width:200px; top:0; right: 0; text-align: center; z-index: 1000; height:100%;box-sizing:border-box; overflow:hidden;}
ul.prd-main-img .slick-dots li{display: block;margin: 3.7px 0px; float: none; position: static; width: 100%;height: 19.6%;box-sizing:border-box;}
ul.prd-main-img.more .slick-dots li{ height: 20%;}
ul.prd-main-img .slick-dots li:first-child{ margin-top:0;}
ul.prd-main-img .slick-dots li a{display: block; position: relative; width: 100%;height:100%;cursor: pointer; box-sizing:border-box;}
ul.prd-main-img .slick-dots li> a> img{width: 100%; height: 100%; position: absolute; top: 0; margin-top: 0; left: 0; margin-left: 0;}
ul.prd-main-img .slick-dots li a:before{position: absolute; top: 0; left: 0; display: block; content: ''; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid transparent; z-index: 1; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -ms-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s;}
ul.prd-main-img .slick-dots li.slick-active a:before{border-color: #ff6c18;}
/* ***** 슬라이드 arrow ***** */
ul.prd-main-img .slick-arrow{position: absolute; bottom:0; z-index: 1001;width:80px; height:80px; left:0; background:#ff6c18}
ul.prd-main-img .slick-arrow i{font-size: 35px; color: #fff; position:relative; }
ul.prd-main-img .slick-next{ margin-left:81px}

.facility-con-sec{padding:74px 0 0px;}
.facility-sub-tit {display: inline-block;vertical-align: top;width: 20%;font-weight: 400; font-size: 28px;color: #2a323f; line-height:1}
.facility-sub-con {display: inline-block;vertical-align: top;width: calc(100% - 20%);margin-left: -3px;}
.facility-sub-con dl{display:table; width:100%; /*height:49px;*/ border-bottom:1px solid #dfe0e2}
.facility-sub-con dl:first-child{border-top:2px solid #000}
.facility-sub-con dl dt,
.facility-sub-con dl dd{display:table-cell; vertical-align:middle; font-weight:300; font-size:16px;color:#222b38; text-align:left; line-height:1.3em; word-break:keep-all}
.facility-sub-con dl dt{width:108px; padding:15px 0 15px 12px}
.facility-sub-con dl dt p{border-right:1px solid #b2b2b2; line-height:1em}
.facility-sub-con dl dd{opacity:0.7;padding:15px 0 15px 32px}
.facility-sub-con dl dd span{display:inline-block; margin-right:5%}
.facility-sub-con dl dd span:last-child{ margin-right:0}
.facility-sub-con dl dd span b{ font-weight:500; color:#111}

/*=================온라인 문의======================*/
.inquiry-essential-txt{text-align:right; color:#373737; font-size:13px; letter-spacing:-0.3px; position:absolute; right:0; bottom:0}
.essential-icon{color:#cf0505;}
.inquiry_sec h4{ font-size: 20px;color: #222;position: relative; margin-bottom:10px}
.inquiry_sec h4:after{display: inline-block;width: 5px;height: 5px;border-radius: 5px;background-color: #b01116;margin-left: 5px; content: "";}
.inquiry_sec.mt60 h4{ margin-top:60px}
.write-tbl{width:100%; border-top:1px solid #333;}
.write-tbl th,.write-tbl td{padding:8px 10px; border-bottom:1px solid #ddd;}
.write-tbl th{color:#202020; font-size:15px; font-weight:600; text-align:left;}
.write-tbl th.none_impor{ padding-left:20px;}
.write-tbl .write-input,
.write-tbl .write-select,
.write-tbl .write-textarea{height:38px; border:0px; width:63%; background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle;padding-left: 8px; box-sizing:border-box;}
.write-tbl .write-input:focus{border-color:#333;}
.write-tbl .write-input{text-indent:10px;}
.write-tbl .write-select{height:38px;}
.write-tbl .write-textarea{width:100%; height:200px; resize:none;}
.write-tbl td input[type="file"]{height:auto; padding:10px 0;text-indent:0; border:0;}
.write-tbl td .write-sub-txt{color:#888; margin-left:10px; font-size:11px; color:#aaa; letter-spacing:-0.5px;}
.write-tbl td .write-sub-txt2{display:block; color:#888; margin-top:5px; font-size:11px; color:#aaa;  letter-spacing:-0.5px;}
.write-tbl .hypen{margin:0 5px;}
.write-tbl .input-check{padding:10px 0;}
.write-tbl .input-check span{margin-right:30px;}
.write-tbl .input-check span label{vertical-align:middle; font-size:14px;}
.address-fieldset .write-input{margin-top:6px;}
.address-fieldset .write-input:first-child{margin-top:0;}
.write-tbl .address-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.write-tbl .address-btn:hover{background-color:#464646; color:#fff;}
.btn_address{display: inline-block; padding:0 20px; vertical-align: top; color: #fff;width: 187px;box-sizing: border-box;color: #fff;background: none; height: 38px; line-height:38px; font-size:14px; background:#777}
.radioCont li{float:left; padding-right:30px; font-size:15px; color:#666;}
.radioCont li input{ margin-right:5px}
.frm_info{ color:#e73221; font-size:14px; font-weight:bold; margin-top:5px; display:block;}
.filebox{ width: 100%;overflow: hidden;margin-bottom: 20px;}
.filebox .file_wr{width:100%; display:inline-block;}
.filebox > div.file_wr:nth-of-type(3){ float:right;}
.filebox .file_wr input{width: calc(100% - 133px); color:#aaa; font-size:13px;}
.filebox .file_wr label{display: inline-block; padding: 0 20px;vertical-align: top;color: #fff;width:130px;box-sizing: border-box;color: #fff;background: none;height: 38px;line-height: 38px; font-size: 12px; background: #777;}
.filebox input[type="file"]{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.cm-btn-controls{overflow:hidden; text-align:center; padding-top:30px;}
.cm-btn-controls.cm-btn-align-left{text-align:left;}
.cm-btn-controls.cm-btn-align-right{text-align:right;}
.cm-btn-controls .left-btn-controls{float:left; }
.cm-btn-controls .right-btn-controls{float:right;}
.cm-btn-controls button,.cm-btn-controls a{display:inline-block; width:150px; height:42px; border:0; color:#fff; background-color:#000; font-size:17px; margin:0 2px 5px 2px;  cursor:pointer; vertical-align:top; text-align:center; font-weight:400; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px; }
.cm-btn-controls a{line-height:42px;}
.cm-btn-controls.cm-btn-long-controls button,.cm-btn-controls.cm-btn-long-controls a{width:100%; height:50px; margin:0px; margin-bottom:5px;}
.cm-btn-controls.cm-btn-long-controls a{box-sizing:border-box; line-height:50px;}
.cm-btn-controls .btn-style01{background-color:#0f529d;}
.cm-btn-controls .btn-style02{background-color:#8c8c8c;}
.cm-btn-controls .btn-style03{box-sizing:border-box; background:#fff; border:1px solid #888; color:#222;}

@media (max-width: 1540px){

}
@media all and (max-width:1300px){
/*구역별점포현황*/
.search_wrap > div.search01 ul li dl dd{ font-size:14px}
}
@media all and (max-width:1220px){
/*  SUB LAYOUT :: 서브메뉴(스타일) */	
#topMenu .area-box {padding: 0; position: initial;}	
/*  SUB LAYOUT ::  SUB_SECTION*/
.sub-content-txt-box .sub-content-txt {font-size: 13px;line-height: 20px;}
.sub-content-txt-box .sub-content-txt  span:after{top: 10px;}
/*******************  SUB LAYOUT :: 개별 시작******************* */
/*시장소개*/
.info-inner .area-box .info_logo{ margin-bottom:0}
.info-inner .area-box .info-tit{ font-size:26px;padding: 45px 0 25px;}
.info-inner .area-box .info-tit:after{ font-size:65px;letter-spacing: 10px;}
.info-inner .area-box .info-explain{ font-size:16px;padding: 34px 0 0;}
}
@media all and (max-width:1120px){
.img_wrap img{ width:100%; height:auto; margin:0 auto;}
/*투니빈*/
ul.prd-main-img .slick-dots li{height: 19.4%;}

/*구역별 점포현황*/
.search_wrap > div.search01 ul li{width:49%}
.search_wrap > div.search02 form > div{ float:none; width:100%; margin-bottom:1%}
}
@media all and (max-width:1020px){

}
@media all and (max-width:990px){
/*******************  SUB LAYOUT :: 개별 시작******************* */
.info-inner .area-box .info_logo img{ height:40px}

}
@media all and (max-width:920px){
/*******************  SUB LAYOUT :: 개별 시작******************* */	
/*시장소개*/
.info-inner .area-box{ padding-top: 6%;}
.info-inner .area-box .info-tit{ font-size:20px}
.info-inner .area-box .info-tit:after { font-size: 55px;letter-spacing: 5px;margin-top: -2px;}
.info-inner .area-box .info-explain{font-size: 14px;}
.greeting-list{margin-top:31.5px}
.greeting-list li{ min-height:150px}
.greeting-list li .greeting-list-inner{padding:27.5px 0 25px}
.greeting-list li .greeting-list-icon span img{max-width:80%}
.greeting-list li .greeting-list-txt{padding-top:11.5px}
.greeting-list li .greeting-list-txt span{font-size:14px}
/*투니빈*/
ul.prd-main-img .slick-arrow{ display:none!important}
#prdContainer .prd-main-img .slick-list{ width:100%;}
ul.prd-main-img .slick-dots{ position:inherit; width:100%;}
ul.prd-main-img .slick-dots:after{display:block; content:""; clear:both; height:0; visibility:hidden;}
ul.prd-main-img .slick-dots li{width:calc(20% - 5px); float:left;margin: 10px 3px;}
ul.prd-main-img .slick-dots li:first-child{ margin-top:10px; margin-left:0}
ul.prd-main-img .slick-dots li:nth-child(5n){ margin-right:0;}
ul.prd-main-img .slick-dots li a{ padding-top:65%}
}
@media all and (max-width:800px){
/*  SUB LAYOUT :: 서브메뉴(스타일3) */
#topMenu{height:45px; }
#topMenu .side-menu-inner{height:45px; padding-left:44px; width:auto;}
#topMenu .side-menu-inner .area-box{ position:inherit;}
#topMenu .location-to-home-btn{position:absolute; width:45px; height:45px; left:0px; top:0px; border:0;}
#topMenu .location-to-home-btn i{font-size:20px; line-height:45px;}
#topMenu .menu-location{width:50%;}
#topMenu .menu-location > .cur-location{height:45px; border-right:0; border-left:1px solid #ddd; padding:0 30px 0 10px}
#topMenu .menu-location > .cur-location span{line-height:45px;font-size:15px;}
#topMenu .menu-location .location-menu-con{top:45px; left:0; padding-bottom:10px}
#topMenu .menu-location .location-menu-con li a{font-size:14px; padding:7px 10px;}
/*  SUB LAYOUT :: 이전페이지,다음페이지 버튼 */
.sub-page-controls-btn .sub-page-name{display:none}
.sub-page-controls-btn  {height:30px; margin-top:-15px;}
.sub-page-controls-btn span {width:30px; height:30px;}
.sub-page-controls-btn.sub-prev-page-btn span { background-size: 19px;}
.sub-page-controls-btn.sub-next-page-btn span { background-size: 19px;}
/*  SUB LAYOUT :: 상단정보 (공통) */
#contentInfoCon{padding:30px 15px; }
#contentInfoCon .content-tit{font-size:24px}
#contentInfoCon .content-sub-tit{font-size:13px; line-height:18px;}

/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
.sub-page-tab  ul{height:41px; margin-bottom:40px}
.sub-page-tab ul li a{font-size:13px; height:40px; line-height:40px}
.product-view-tit, .sub-content-tit{font-size: 18px;margin-bottom: 15px;}
/*******************  SUB LAYOUT :: 개별 시작******************* */
/*오시는 길*/
.location-content .map_area{height:340px;}
.location-info .info-tit {font-size:18px;}
.location-info dl dt {width:15%}
.location-info dl dd {width:85%}
.location-info dl dd p {font-size: 13px; line-height:24px; margin-right: 20px; }
.location-info dl dd p span {font-size:13px; margin-right: 9px; }
.traffic-info-wrap{margin-top:32.5px;}
.traffic-info-wrap .traffic-info-inner{padding:17px 15px 6px}
.traffic-info-wrap .traffic-info-list{margin-bottom:11px}
.traffic-info-wrap .traffic-info-list dt{font-size:15px; margin-bottom:7.5px; padding-left:16px}
.traffic-info-wrap .traffic-info-list dt:before{width:4px; height:4px; top:5px;}
.traffic-info-wrap .traffic-info-list dd{font-size:13px; padding-left:16px;}
.traffic-info-wrap .traffic-info-list dd:before{top:8px;}
.traffic-info-wrap .traffic-info-list dd span:before{top: 10px;}
/*=================시설안내======================*/
.facility-con-sec{padding-top:45px;}
.facility-sub-tit { font-size:25px; display:block; margin-bottom:15px;width:100%;}
.facility-sub-con {width:100%; display:block; margin-left:0}
.facility-sub-con dl dt,.facility-sub-con dl dd{ font-size:14px}
.facility-sub-con dl dd span{margin-right:2%}

.rent-notice-con {margin-bottom: 25px;}
.rent-notice-con:last-child{ margin-bottom:0}
.facility-con-tit { font-size:16px; padding-left:13px}
.facility-con-tit:before {width:3px; height:3px; top:8px}
.rent-notice-con .rent-notice-inner {margin-top: 16px;}
.rent-notice-inner .rent-notice-txt { font-size:13px}
.rent-notice-inner .rent-notice-txt span {padding: 9px 0 9px 6px;}




/*구역별 점포현황*/
.search_wrap > div p{ font-size:18px; margin-bottom:15px}
/*=온라인 문의=*/
.inquiry-essential-txt{ font-size:10px}
.write-tbl tr,.write-tbl th,.write-tbl td{display:block; padding:0; width:100% !important; border-bottom:0; text-indent:0;}
.write-tbl th{font-size:13px; padding-top:10px; font-weight:600; box-sizing:border-box;}
.write-tbl td{padding:10px 0; border-bottom:1px solid #ddd; }
.write-tbl td .write-input,
.write-tbl td .write-select,
.write-tbl td .write-textarea{width:100% ; height:auto; padding:10px 0; border:0; background-color:#f0f0f0; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.write-tbl td .write-textarea{height:80px;}
.write-tbl td .write-sub-txt, .write-tbl td .write-sub-txt2{display:block; margin-left:0; margin-top:5px; text-align:right; font-size:12px; }
.radioCont li{ font-size:14px; padding-right:7px}
.radioCont li input{ position:relative; }
.write-tbl th.none_impor{ padding-left:0;}
.filebox .file_wr label{ padding:0;width:100px; text-align:center;}
.write-tbl td input.file-name{ width:calc(100% - 105px);}
.frm_info{ font-size:11px}
/* 게시판 :: 쓰기, 문의폼 :: 기타 */
.write-tbl .input-check{padding:5px 0;}
.write-tbl .input-check span{margin-right:15px;}
.phone-fieldset .write-input,.phone-fieldset .write-select{width:calc(33.33% - 18px) !important;}
.email-fieldset .write-input{width:calc(50% - 14px) !important;}
.email-fieldset .write-select{width:100% !important; margin-top:5px;}
.write-tbl .address-btn{min-width:auto; font-size:12px; margin-left:5px; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.cm-btn-controls button, .cm-btn-controls a{width: 110px;height: 36px;font-size: 14px;}
}
@media all and (max-width:768px){
/*******************  SUB LAYOUT :: 개별 시작******************* */
/*시장소개*/
.info-inner .area-box .info_logo img{ height:30px}
.info-inner .area-box .info-tit:after{ font-size:45px; letter-spacing:5px;font-weight: 800;}
.search_wrap > div{padding: 25px 20px 20px;}
.search_wrap > div.search01 ul li{}
.search_wrap > div.search01 ul li dl dt{width:10px; height:10px}
}
@media all and (max-width:685px){
/*시장소개*/
.greeting-list li{ width:50%; margin-top:-1px}	
/*구역별 점포현황*/
.search_wrap{display:block;}
.search_wrap > div{ display:block; width:100%!important;}
.search_wrap > div.search02 form > div{ height:40px}
}
@media all and (max-width:625px){
/*******************  SUB LAYOUT :: 개별 시작******************* */
/*오시는 길*/
.location-info dl dt{ width:17%;}
.location-info .info-tit span{ display:block;}
.location-info dl dd{ width:83%}
/*투니빈*/
.facility-sub-con dl dt{ width:80px; vertical-align:top}
.facility-sub-con dl dd{ padding-left:20px;vertical-align:top; padding-top:10px}
.facility-sub-con dl dd span{ display:block; margin-right:0; margin-bottom:3px} 
}
@media all and (max-width:576px){
/*******************  SUB LAYOUT :: 개별 시작******************* */
.info-inner .area-box .info-tit{padding: 55px 0 25px;}
.info-inner .area-box .info-tit:after{ line-height: 1.3;margin-top: -42px;width: 100%;box-sizing: border-box; padding: 0 10px;}
.info-inner .area-box .info-explain{line-height: 1.9;font-size: 13px;}
}
@media all and ( max-width: 520px ){


}
@media all and ( max-width: 480px ){
/*******************  SUB LAYOUT :: 개별 시작******************* */

/*오시는 길*/
.location-info dl dt{ width:25%;}
.location-info dl dd{ width:75%}
/*투니빈*/
ul.prd-main-img .slick-dots li{ margin-top:5px!important}
.facility-sub-tit{ font-size:20px}

/*구역별 점포현황*/
.search_wrap > div.search01 ul li{display:block; width:100%;}
.search_wrap > div.search02 select { font-size:14px}
}
@media all and ( max-width: 380px ){
/*시장소개*/
.info-inner .area-box .info-tit { padding: 35px 0 10px;}	
}
