@charset "utf-8";

@keyframes ani{
    from {
        opacity:.3
    }
    to {
        opacity:0
    }
}

/* common */
#layer {display:none; position:absolute; margin:auto; right:0%; top:120px; left:0%; width:900px; height:500px; z-index:21;}	
#layer #player{display:block; border-radius:10px;}	
#layer .inner {position:relative;}	
#layer .inner .close {position:absolute; top:-30px; right:0; display:block; width:20px; height:20px; background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTt18SOam3wUX0wExC6ji5-lY732vA2fEPBscikPQaLbT_tJd7Y7g') no-repeat 0 0; text-indent:-999em; background-size:20px 20px;}	
.dim {display:none; position:fixed; _position:absolute; top:0;left:0; background:#000; width:100%; height:100%; filter:Alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; z-index:20;}	

.ytp-title-enable-channel-logo .ytp-title-text {display:none;}	
.ytp-chrome-top-buttons {display:none;}
/* input */
select::-ms-expand{display:none}
input.ip-txt{height:48px;padding:0 30px;border:1px solid #e5e5e5;border-radius:6px;font-size:18px;color:#969696;font-family:"Noto"}

/*margin, padding*/
.mb_t50 {margin-top:50px;}

/* ADD 2020-11-07 */
.section01 .swiper-wrapper .swiper-slide.main1{background:#ffde00 url('../images/main/img_visual01_01.jpg') center top no-repeat }
.section01 .swiper-wrapper .swiper-slide.main2{background:#ffde00 url('../images/main/img_visual02_01.jpg') center top no-repeat }
.section01 .swiper-wrapper .swiper-slide.main3{background:#ffde00 url('../images/main/img_visual03_01.jpg') center top no-repeat }
.section01 .swiper-wrapper .swiper-slide.main4{background:#ffde00 url('../images/main/img_visual04_01.jpg') center top no-repeat }

.layout .swiper-container{overflow: hidden !important}
/*탭*/
ul.tabs {position:relative; list-style: none; height: 100px; width: 850px; margin: 0 auto; padding-top: 50px;}
ul.tabs::before {z-index:0; display:block;position:absolute;top:83px;left:100px;width:640px;height:1px;content:"";background-color:#d6d6d6;transition:all .2s ease-in-out}
ul.tabs li {background:url("../images/common/bul_history.png") center 0px no-repeat; padding-top:30px; margin-top:20px; float:left; text-align:center; cursor: pointer; width:200px; margin-right:105px; height: 50px; font-size:24px;line-height: 20px;font-weight: bold;overflow: hidden;display:inline-flex; align-items: center;justify-content:center;}
ul.tabs li:last-child {margin-right:0;}
ul.tabs li:hover {transition: all .4s ease-out;margin-top:0; color: #fff; background: #ffde00; border-radius: 43px; font-size: 22px; line-height: 25px; font-weight: 500; padding: 10px;z-index: 1; position: relative;}
ul.tabs li.active {margin-top:0; color: #fff; background: #ffde00; border-radius: 43px; font-size: 22px; line-height: 25px; font-weight: 500; padding: 10px;z-index: 1; position: relative;}

.tab_container { width:100%;}
.tab_content {display: none;}
.tab_container .tab_content ul {width:100%;margin:0px;padding:0px;}
.tab_container .tab_content ul li {padding:5px;list-style:none;}

/*sub*/
.sub-visual{position:relative;z-index:5;min-height:469px}
.sub-visual.ag-bg01{background:url("../images/visual/bg_subVisual01.png") center top no-repeat}
.sub-visual.ag-bg02{background:url("../images/visual/bg_subVisual02.png") center top no-repeat}
.sub-visual.ag-bg03{background:url("../images/visual/bg_subVisual03.png") center top no-repeat}
.sub-visual.ag-bg04{background:url("../images/visual/bg_subVisual04.png") center top no-repeat}
.sub-visual.ag-bg05{background:url("../images/visual/bg_subVisual05.png") center top no-repeat}
.sub-visual .module{max-width:1200px;margin:0 auto;text-align:center}
.sub-visual .title01{padding-top:130px;font-size:50px;font-weight:600;color:#fff}
.sub-visual .desc{margin-top:30px;font-size:40px;color:#fff}

/* text */
.bar-title02{position:relative;padding-top:88px;margin-bottom: 30px;font-size:40px;font-weight:600;color:#000000;text-align:center}
.bar-title02::before{display:inline-block;position:absolute;top:64px;left:50%;width:0;height:9px;margin-left:-22px;content:"";background-color:#ffde00;border-radius:4px;transition:width .2s .8s linear}
.is-inview .bar-title02::before{width:45px}

/* tab */
.tab-page{position:relative;z-index:10;max-width:1200px;margin:-42px auto 0;-webkit-box-shadow: 3px 6px 18px 0px rgba(0,0,0,0.2);-moz-box-shadow: 3px 6px 18px 0px rgba(0,0,0,0.2);box-shadow: 3px 6px 18px 0px rgba(0,0,0,0.2);background-color:#fff}
.tab-page li{float:left}
.tab-page li a{display:block;min-height:85px;padding:33px 0 0;font-size:18px;font-weight:600;color:#000000;text-align:center;box-sizing:border-box}
.tab-page li:hover a,.tab-page li:focus a,
.tab-page li.on a{background-color:#ffde00}

.tab-page.lgt3 li{width:33.33%}
.tab-page.lgt4 li{width:25%}
.tab-page.lgt5 li{width:20%}

/* list */
.type201214 .item{overflow:hidden !important;}
.list-column3 .item{float:left;width:370px; overflow:hidden;}
.list-column3 .item.reset{margin-left:0 !important;clear:both}
.list-column3 .item:first-child{margin-left:0 !important}

/* pagination */
.pagination{position:relative;width:526px;margin:0 auto}
.pagination .module{width:auto; text-align:center;} /* 페이지 숫자 가운데 정렬 text-align:center; 삽입*/
.pagination .btn{display:inline-block;width:50px;height:50px}
.pagination .btn.first{background:url("../images/common/icon_pagi_first.png") no-repeat}
.pagination .btn.prev{margin-left:2px;background:url("../images/common/icon_pagi_prev.png") no-repeat}
.pagination .btn.next{background:url("../images/common/icon_pagi_next.png") no-repeat}
.pagination .btn.last{margin-left:2px;background:url("../images/common/icon_pagi_last.png") no-repeat}
.pagination .pagi-num{display:inline-block;vertical-align:top}
.pagination .pagi-num .num{display:inline-block;width:50px;height:50px;margin-left:12px;line-height:50px;font-size:18px;font-weight:700;color:#bebebe;text-align:center;border-radius:50%}
.pagination .pagi-num .num:first-child{margin-left:0}
.pagination .pagi-num .num.on{color:#fff;background-color:#e82c00}

/* table */
.left{text-align:left !important}
.type01 table thead th{padding:23px 30px;font-size:20px;color:#fff;border-left:1px solid #fff;background-color:#4c4b42;text-align:center;letter-spacing:-1px}
.type01 table tbody th{padding:18px 30px;font-size:18px;color:#4c4b42;border-bottom:1px solid #dddddd;text-align:center;line-height:32px;letter-spacing:-1px}
.type01 table tbody td{padding:18px 30px;font-size:18px;color:#4c4b42;border-left:1px solid #dddddd !important;border-bottom:1px solid #dddddd;text-align:center;line-height:32px;letter-spacing:-1px}
.type01 table tbody td.bd000{border-left:0px !important;}
.type01 table th:first-child,
.type01 table td:first-child{border-left:0}
.type01 table tbody th{font-weight:600;border-left:0}
.type01 table tbody td .emp{padding-left:23px;font-weight:500;color:#4c4b42}
.type01 table tbody td .rqd{color:#ff0c00}
.type01 table tbody td .txt{padding-left:33px}

.tb-wrap.type01{margin-bottom: 100px;}

.tb-wrap.type02::before{display:block;width:100%;height:5px;content:"";background-color:#4c4b42;border-radius:3px}
.tb-wrap.type02 table{width:100%}
.tb-wrap.type02 table thead th{padding:25px 30px;font-size:20px;color:#232323;font-weight:500;border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background-color:#f8f8f8;text-align:center;letter-spacing:-1px}
.tb-wrap.type02 table tbody th,
.tb-wrap.type02 table tbody td{padding:10px 30px;font-size:18px;color:#4c4b42;border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;text-align:center;line-height:32px;letter-spacing:-1px}
.tb-wrap.type02 table th:first-child,
.tb-wrap.type02 table td:first-child{border-left:0}
.tb-wrap.type02 table tbody th{font-weight:600;border-left:0}
.tb-wrap.type02 .store-address{width: 40.3%;}

.tb-wrap.type03::before{display:block;width:100%;height:5px;content:"";background-color:#4c4b42;border-radius:3px}
.tb-wrap.type03 table{width:100%}
.tb-wrap.type03 table thead th{padding:25px 30px;font-size:20px;color:#232323;font-weight:500;border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;text-align:center;letter-spacing:-1px}
.tb-wrap.type03 table tbody th,
.tb-wrap.type03 table tbody td{padding:10px 30px;font-size:18px;color:#4c4b42;border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;text-align:center;font-weight:500;line-height:32px;letter-spacing:-1px}
.tb-wrap.type03 table th:first-child,
.tb-wrap.type03 table td:first-child{border-left:0}
.tb-wrap.type03 table tbody th{font-weight:600;border-left:0}
.tb-wrap.type03 table tbody td .badge{display:inline-block;height:40px;padding:0 30px;line-height:40px;font-weight:500;color:#4c4b42;background-color:#ffde00;border-radius:4px}
.tb-wrap.type03 table tbody td .badge.type02{color:#ffffff;background-color:#e82c00}

/* intro */
.intro .module{max-width:2000px;margin:0 auto;padding:50px}
.intro .scene{float:left;width:46.75%;}
.intro .scene:first-child{margin-right:1.5%}
.intro .scene a{display:block;position:relative;border:10px solid transparent}
.intro .scene .txt-module{display:none;position:absolute;top:335px;left:0;width:100%;text-align:center}
.intro .scene .txt-module::before{display:block;width:70px;height:62px;margin:0 auto;content:"";background:url("../images/common/icon_intro.png") no-repeat}
.intro .scene .txt{margin-top:29px;font-size:53px;line-height:72px;color:#ffde00}
.intro .scene .emp{display:block;font-weight:500}
.intro .scene .round-txt{display:inline-block;position:absolute;bottom:175px;left:50%;height:70px;margin-left:-134px;padding:0 38px;line-height:68px;font-size:37px;color:#ffffff;text-align:center;border:2px solid #d1d1d1;border-radius:34px;background-color:rgba(255,212,0,.5);box-sizing:border-box}
.intro .scene a:hover::before,
.intro .scene a:focus::before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:rgba(0,0,0,.5)}
.intro .scene a:hover .txt-module,
.intro .scene a:focus .txt-module{display:block}
.intro .scene a:hover .round-txt,
.intro .scene a:hover .round-txt{background-color:rgba(0,0,0,.3)}
.intro .line-group .line{position:absolute;background-color:#ffde00;transition:all .5s ease-in-out}
.intro .line-group .top{top:0;left:0;width:0;height:10px}
.intro .line-group .right{top:0;right:0;width:10px;height:0}
.intro .line-group .bottom{bottom:0;right:0;width:0px;height:10px}
.intro .line-group .left{bottom:0;left:0;width:10px;height:0px}
.intro .scene a:hover .top,
.intro .scene a:focus .top,
.intro .scene a:hover .bottom,
.intro .scene a:focus .bottom{width:100%}
.intro .scene a:hover .right,
.intro .scene a:focus .right,
.intro .scene a:hover .left,
.intro .scene a:focus .left{height:100%}

/* 현장이야기 */
.layout{max-width:1200px;width:100%;margin:0 auto}
.layout.qna-cont{background:url("../images/agency/bg_counsel.gif") left 97px no-repeat}
.agency .title02{font-size:40px;font-weight:600;color:#000000;text-align:center}
.agency .important{padding-top:109px}
.agency .important .layout{position:relative}
.agency .important .list-column3{margin-top:82px;padding-bottom:109px}
.agency .important .obj{display:inline-block;position:absolute;}
.agency .important .obj01{bottom:118px;left:-278px;width:348px;height:537px;background:url("../images/agency/bg_agency_obj01.png") no-repeat}
.agency .important .obj02{bottom:-29px;right:-273px;width:591px;height:671px;background:url("../images/agency/bg_agency_obj02.png") no-repeat}
.agency .important .swiper-container-horizontal>.swiper-pagination-bullets{bottom:52px}
.agency .important .swiper-pagination-bullet{opacity:1;background-color:#c2c2c2;border-radius:3px;transition:width .3s cubic-bezier(.17,.67,.83,.67)}
.agency .important .swiper-pagination-bullet-active{width:32px;background-color:#888888}
.agency .list-column3 a{display:block;position:relative;padding:0;margin-left: 1px;background-color:#fff;overflow:hidden;border-radius:9px;transition:all .3s cubic-bezier(.17,.67,.83,.67);border:1px solid #dedede;border-radius:16px}
.event.agency .list-column3 a{overflow:visible !important;}
.agency .list-column3 a:hover,
.agency .list-column3 a:focus{background-color:#ffde00}
.agency .badge{display:inline-block;position:absolute;top:0px;left:0px;/*top left값 수정 이세연 201207*/width:71px;height:71px;padding-top:15px;font-family:"Noto";font-weight:700;color:#fff;line-height:20px;font-size:16px;text-align:center;background:url("../images/agency/bg_badge01.png") no-repeat;box-sizing:border-box}
.agency .list-column3 .badge.tp02{background:url("../images/agency/bg_badge02.png") no-repeat}
.agency .list-column3 .badge.tp03{background:url("../images/agency/bg_badge03.png") no-repeat}

.agency .list-column3 .title{overflow: hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;font-size:24px;font-family:"Noto";color:#000000;line-height:30px;text-align:center;font-weight:700;line-height:30px;padding-top:30px 0;/*padding값 이세연수정 201202*/
/* .agency .list-column3 .title{overflow: hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;padding-left: 68px;font-size:24px;font-family:"Noto";color:#000000;line-height:30px;text-align:center;font-weight:700;line-height:30px; 
	padding-top:20px; /* /* padding-top:20px; 현장이야기 메뉴의 우수가맹점 스티커와 제목 겹침수정*/  
	/* padding-left: 68px 쓰면 이벤트 title에 영향이 감. padding-left:68px 삭제 및 padding-top:20px 에서 80px로 조정*/
}
.agency .list-column3 .desc{font-size:20px;color:#555555;text-align:center;line-height:26px}
.agency .list-column3 .img{/*이세연삭제 201202margin-top:32px*/}
.agency .list-column3.type2 .img {margin-top:0;}
.agency .list-column3.type2 .title {padding:0 !important;}
.agency .list-column3.type2 .text-wrap { padding:30px 0;}
.agency .list-column3 img{transition:all .3s cubic-bezier(.17,.67,.83,.67);border-radius:0 0 16px 16px;}
.agency .list-column3 .img > img{width:100%;}
.agency .list-column3 a:hover img,
.agency .list-column3 a:focus img{transform:scale(1.05)}
.agency .agency-list{padding:86px 0 175px;background-color:#fff}
.agency .agency-list .list-column3 .item{margin:0 0 52px 44px}

.agency .agency-list .list-column3 a{overflow: visible;border:1px solid #dedede;border-radius:16px}
.agency .agency-list .list-column3.type2 a { overflow: hidden; padding-bottom:30px !important ; }
.agency .agency-list .list-column3.type2 .title { padding-top:30px !important;}
.agency .agency-list .pagination{margin-top:48px}

.agency .agency-view .important{padding-bottom:203px}
.agency .agency-view .detail{font-family:"Noto";text-align:center;background-color:#fff}
.agency .agency-view .module{position:relative;top:-115px;max-width:1200px;width:100%;margin:0 auto;padding:47px 0 0;background-color:#fff}
.agency .agency-view .date{font-size:18px;color:#cacaca;text-align:center;font-weight:700}
.agency .agency-view .date::before{display:inline-block;width:21px;height:21px;margin-right:3px;content:"";vertical-align:-4px;background:url("../images/agency/icon_agency_view_date.png") no-repeat}
.agency .agency-view .tit{margin-top:35px;font-size:36px;color:#1a1a1a;text-align:center;font-weight:500}
.agency .agency-view .tit::after{display:block;width:100%;height:5px;margin-top:64px;content:"";background-color:#ffde00;border-radius:3px}
.agency .agency-view .youtube{position:relative;margin-top:67px;padding-top:58.3%}
.agency .agency-view .youtube .layer{position:absolute;top:0;left:0;width:100%;height:100%}
.agency .agency-view .img{margin-top:67px}
.agency .agency-view .desc{margin-top:42px;font-size:24px;color:#777777;line-height:42px}
.agency .agency-view .desc.emp{margin-top:52px;font-size:30px;color:#1a1a1a;line-height:52px}
.agency .agency-view .btn-area{margin-top:76px}
.agency .btn-area::before{display:block;width:100%;height:5px;content:"";background-color:#4c4b42;border-radius:3px}
.agency .btn-list{display:inline-block;height:70px;margin-top:64px;padding:0 106px 0 79px;line-height:70px;font-size:18px;font-weight:700;color:#fff;text-align:center;background-color:#4c4b42;border-radius:35px}
.agency .btn-list::before{display:inline-block;width:22px;height:13px;margin-right:24px;content:"";background:url("../images/agency/icon_agency_button.png") no-repeat}
.agency .btn-list.ico-plus::before{height:22px;content:"";background:url("../images/community/icon_agency_plus.png") no-repeat}

/* login */
.login .module{max-width:1200px;margin:0 auto;padding:279px 0 265px 365px;background:url("../images/community/bg_login.gif") left 119px no-repeat;box-sizing:border-box}
.login .txt{font-size:65px;line-height:80px;color:#222222;font-weight:200;letter-spacing:-3px}
.login .txt .emp{display:block;font-size:75px;font-weight:600}
.login .form{max-width:449px;margin-top:48px}
.login .block{margin-top:10px}
.login .block:first-child{margin-top:0}
.login input[type="text"],
.login input[type="password"]{width:448px;height:53px;padding:4px 32px 0;border:1px solid #e5e5e5;box-sizing:border-box;font-size:18px;color:#969696;border-radius:6px}
.login input:-ms-input-placeholder,
.login input::-webkit-input-placeholder{font-family:"Noto";font-size:18px;line-height:53px;color:#969696}
.login .ctr{margin-top:20px}
.login .checkbox{display:inline-block;position:relative}
.login .checkbox input{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0}
.login .checkbox label{display:inline-block;padding-left:28px;font-size:18px;color:#5c5c5c;font-weight:300;cursor:pointer}
.login .checkbox label::before{display:inline-block;position:absolute;top:0;left:0;width:16px;height:16px;content:"";border:1px solid #e5e5e5;border-radius:2px}
.login .checkbox input:checked + label::before{width:19px;border:0;background:url("../images/community/bg_checkbox.png") no-repeat}
.login .link-txt{float:right;font-size:18px;color:#5c5c5c;font-weight:300}
.login .btn-area{margin-top:28px}
.login .btn-login{display:block;height:70px;line-height:70px;font-size:18px;font-weight:600;color:#ffffff;text-align:center;background-color:#000000;border-radius:35px}

/* 이벤트 */
.event .important{padding-bottom:53px}
.event .title02{position:relative}
.event .title02::before{display:inline-block;position:absolute;top:-43px;left:50%;width:0;height:9px;margin-left:-22px;content:"";background-color:#ffde00;border-radius:4px;transition:width .2s .8s linear}
.event .is-inview .title02::before{width:45px}
.event .list-column3 .item{overflow:visible}
.event.agency .list-column3 a{padding-top:0;padding-bottom:37px; border-radius:25px;}/*border-radius값 수정 이세연 201204*/
.event.agency .list-column3 .img{height:auto;margin:0;overflow:hidden;border-radius:25px;}/*border-radius값 수정 이세연 201204*/
.event.agency .badge{top:-35px;left:inherit;right:34px;padding:0;line-height:71px;border-radius:50%;z-index:5;background:#e82c00}
.event.agency .badge.close{background:rgba(102,101,93,.9)}
.event.agency .list-column3 .date{overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;height: 52px;margin-top:28px;font-size:16px;line-height:26px;color:#555555;text-align:center}
.event.agency .list-column3 .title{overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;height: 58px;margin-top:7px;padding-top: 0 !important;}
.event.agency .agency-view .badge{top:60px;right:inherit;left:71px}

/* 미디어 */
.media .important{padding:73px 0 53px}
.media .list-column3 .item{overflow:inherit}
.media.agency .list-column3 a{padding-top:0;padding-bottom:37px}
.media.agency .list-column3 .img{height:auto;margin:0;overflow:hidden;border-radius:25px}
.media .tab-sub-page{text-align:center}
.media .tab-sub-page ul{display:inline-block}
.media .tab-sub-page li{float:left;display:inline-block;position:relative}
.media .tab-sub-page li a{display:block;padding:0 36px 0;font-weight:600;font-size:40px;color:#000000}
.media .tab-sub-page li a::before{display:inline-block;position:absolute;top:6px;left:0;width:2px;height:27px;content:"";background-color:#d6d6d6}
.media .tab-sub-page li.on a{color:#ec1e31}
.media .tab-sub-page li:first-child a::before{display:none}
.media .agency-list .list-column3{margin-bottom:57px}
.media .agency-list .list-column3 .item{width:350px;margin:0 0 32px 74px}
.media .agency-list .list-column3 .item a{border-radius:25px;border:0}
.media .agency-list .list-column3 .item a:hover,
.media .agency-list .list-column3 .item a:focus{background:none}
.media .agency-list .sns{margin-top:23px;text-align:center}
.media .agency-list .sns img{margin-left:11px}
.media .btn-area{text-align:center}

/* 보도자료 */
.press{padding-bottom:141px}
.press .press-cont{margin-top:54px}
.press .press-ctr::after{display:block;width:100%;height:5px;content:"";background-color:#ffde00;border-radius:3px}
.press .press-ctr .txt{float:left;padding:31px 0 29px;font-size:24px;color:#474747}
.press .press-ctr .emp{font-weight:600;color:#e82c00}
.press .press-ctr .ip-area{float:right}
.press .press-ctr .ip-select{display:inline-block;margin-right:4px}
.press .press-ctr select{width:95px;height:50px;padding-left:25px;font-size:16px;color:#474747;border:1px solid #e5e5e5;border-radius:24px;background:url("../images/common/bg_select_arrow01.png") 71px center no-repeat}
.press .press-ctr input{width:275px;height:50px;padding-left:25px;font-size:16px;color:#474747;border:1px solid #e5e5e5;border-radius:24px;background:url("../images/common/bg_input_search01.png") right center no-repeat}

.press .list .item{border-bottom:1px solid #e8e8e8}
.press .list .item a{display:block;padding:50px 0}
.press .list .img{overflow:hidden;float:left;width: 250px;max-height:250px;line-height: 250px;margin-right:4.33%;background:#F0F0F0;}
.press .list .img img{height:auto;-webkit-transition:all .5s ease;transition:all .5s ease;}
.press .list .img img:hover{transform:scale(1.1);-webkit-transition:all .5s ease;transition:all .5s ease;}
.press .list .cont{float:left;width: 74%;padding:29px 0 0;font-family:"Noto"}
.press .list .press-tit{font-size:22px;color:#e82c00;font-weight:500}
.press .list .tit-txt{margin:20px 0;font-size:28px;line-height: 34px;color:#343434;font-weight:500;transform:skew(0.04deg);word-wrap:normal;word-break:break-all;letter-spacing:-2px}
.press .list .date{margin-top:90px;font-size:18px;color:#cacaca;font-weight:700}
.press .list .date::before{display:inline-block;width:21px;height:21px;margin-right:3px;content:"";vertical-align:-4px;background:url("../images/agency/icon_agency_view_date.png") no-repeat}
.press .pagination{margin-top:78px}

/* 고객의 소리 */
.board_list01 .m{display: revert;}
.search-left{float: left;margin-bottom: 10px;}
.search-right{float: right;margin-bottom: 10px;}

.qna{padding-bottom:131px}
.qna .qna-cont{/*yj background:url("../images/community/bg_qna.png") left 40px no-repeat; background-size: 900px; */}
.qna .visual-txt{padding:150px 0 60px 330px;}
.qna .visual-txt .txt{font-size:45px;line-height:57px;color:#222222;letter-spacing:-3px; word-break: keep-all;}
.qna .visual-txt .emp{display:block;font-weight:600}
.qna .visual-txt .desc{margin-top:40px;line-height:30px; font-size:20px;word-break: keep-all;}
.qna .agree-box{margin-top:44px;border-top:1px solid #dddddd}
.qna .agree-box .tit{padding:32px 0;font-size:24px;color:#232323;line-height:30px}
.qna .agree-box .over{overflow-y:auto;height:350px;padding:31px 48px;box-sizing:border-box;background-color:#f5f5f5}
.qna .agree-box .txt-list > li{margin-top:33px}
.qna .agree-box .txt-list li:first-child,
.qna .agree-box .txt-list.type02 li{margin-top:0px}
.qna .agree-box .txt,
.qna .agree-box li{font-size:18px;line-height:30px;color:#787878}
.qna .agree-box .txt-warning{margin-top:0;font-size:18px;line-height: 24px;color:#eb4b26;/* letter-spacing:-2px; yj 빨간색 글씨작안부분 수정*/text-align:left}

.qna .radio-group{margin-top:23px;text-align:right}
.qna .radio-group .radio{display:inline-block;position:relative;margin-left:27px}
.qna .radio-group input{opacity:0;position:absolute;top:0;left:0;width:0;height:0}
.qna .radio-group label{color:#111111;font-size:14px;cursor:pointer}
.qna .radio-group label::before{display:inline-block;width:22px;height:22px;margin-right:7px;content:"";vertical-align:-5px;background:url("../images/common/bg_radio01_off.gif") no-repeat}
.qna .radio-group input:checked + label::before{background:url("../images/common/bg_radio01_on.gif") no-repeat}

.qna .form-group{margin-top:39px}
.qna .form-group::before{display:block;width:100%;height:5px;content:"";background-color:#4c4b42;border-radius:3px}
.qna .form-group::after{display:block;width:100%;height:5px;content:"";background-color:#4c4b42;border-radius:3px}
.qna .form-group .block{border-top:1px solid #e8e8e8;padding:26px 0}
.qna .form-group .block:first-child{border-top:0}
.qna .form-group .th{float:left;width:20.8%;padding:15px 0 0 39px;font-size:18px;font-weight:500;color:#4c4b42;box-sizing:border-box}
.qna .form-group .rqd{color:#ff0c00}
.qna .form-group .td{float:left;width:79.2%}
.qna .form-group .td .input-area{margin-left:7px}
.qna .form-group .td .input-area:first-child{margin-left:0}
.qna .form-group .td .txt{display:inline-block;margin-left:7px;font-size:18px;font-size:18px;color:#969696}
.qna .form-group .td .ip-txt{width:200px}
.qna .form-group .td .sz-md{width:349px}
.qna .form-group .td .sz-f{width:100%}
.qna .form-group .td .text-area{width:100%;height:236px;padding:20px;font-size:18px;color:#969696;border:1px solid #e5e5e5;border-radius:6px;font-family:"Noto";box-sizing:border-box}
.qna .form-group .td select{width:199px;height:48px;padding:0 0 0 30px;border:1px solid #e5e5e5;border-radius:6px;font-size:18px;color:#969696;background:url("../images/common/bg_select_arrow02.png") right top no-repeat}
.qna .form-group .ip-file{display:inline-block;position:relative;vertical-align:top}
.qna .form-group .ip-file input[type="file"]{position:absolute;top:0;left:0;width:0;height:0;opacity:0}
.qna .form-group .btn-file{display:inline-block;width:137px;height:48px;margin-left:7px;line-height:48px;font-size:18px;font-weight:300;color:#fff;text-align:center;border-radius:6px;background-color:#4c4b42}

.qna .captcha .captcha-module{display:inline-block;position:relative;padding-right:23px;text-align:center;border:1px solid #e5e5e5;border-radius:7px}
.qna .captcha .btn{position:absolute;top:0;right:0;width:23px;border-left:1px solid #e5e5e5}
.qna .captcha .sound{display:inline-block;width:21px;height:23px;border:0;background:url("../images/community/icon_qna_sound.gif") center center no-repeat}
.qna .captcha .refresh{display:inline-block;width:21px;height:23px;border:0;border-top:1px solid #e5e5e5;background:url("../images/community/icon_qna_refresh.gif") center center no-repeat}
.qna .captcha .ip-txt{width:173px}
.qna .captcha .desc{display:inline-block;margin:0 0 0 21px;font-size:18px;color:#969696;vertical-align:middle}

.qna .qna-cont .btn-area{margin-top:72px;text-align:center}
.qna .qna-cont .btn-area .btns{display:inline-block;width:200px;height:70px;margin-left:14px;line-height:70px;font-size:18px;font-weight:700;color:#fff;text-align:center;border-radius:35px}
.qna .qna-cont .btn-area .btns.red{background-color:#e82c00}
.qna .qna-cont .btn-area .btns.gray{background-color:#4c4b42}

.btnGrays{display: inline-block;height: 48px;line-height:48px;margin-left: 10px;padding:0 20px !important;background:#a79a8b;color: #FFF !important;border:none;font-size: 14px !important;font-family:"SCDream", "Noto", sans-serif;vertical-align: middle;cursor: pointer;}
select{width: 80px;height:30px;margin-top:-4px;border:1px solid #d9d4cf;background:#fff;font-size: 14px !important;font-family:"SCDream", "Noto", sans-serif;color:#000;vertical-align:middle;}
.sound_only{display: none;}

.mb10{margin-bottom:10px !important;}

.store_pop{margin:10px;position:relative;font-size: 15px;}
.store_pop .shop_title{background:#231f20;width:100%;padding:10px 0;margin:0 0 15px 0;}
.store_pop .shop_title p{font-size:20px;color:#fff !important;padding:0 20px;}
.store_pop .shop_title a.close{position:absolute;top:10px;right:10px;background:#766c6f;padding:5px 20px;font-size:13px;color:#fff !important;}
.store_pop input[type=text]{height:30px;margin-top: -4px;padding: 0 10px;line-height:30px;background:#fff;border:1px solid #d9d4cf;vertical-align:middle;}
.store_pop .btnGrays{display: inline-block;height: 100%;line-height:100%;margin-top: -4px;margin-left: 10px;padding:6px 10px !important;background:#a79a8b;color: #FFF !important;border:none;font-size: 14px !important;font-family:"SCDream", "Noto", sans-serif;vertical-align: middle;cursor: pointer;}
.store_pop .pagination{margin-top: 20px;}
.store_pop .pagination .btn{width: 40px;height: 40px}
.store_pop .pagination .pagi-num .num{width: 40px;height: 40px;line-height: 40px;font-size: 16px;}
.pagination .btn.first, .pagination .btn.prev, .pagination .btn.next, .pagination .btn.last{background-position: 50% 50%;}

.store_pop .tit{padding:32px 0;font-size:24px;color:#232323;line-height:30px}
.store_pop .over{overflow-y:auto;height:360px;padding:20px 30px;box-sizing:border-box;background-color:#f5f5f5}
.store_pop .txt-list > li{margin-top:33px}
.store_pop .txt-list li:first-child,
.store_pop .txt-list.type02 li{margin-top:0px}
.store_pop .txt,
.store_pop li{font-size:16px;line-height:30px;color:#787878}
.store_pop .txt-warning{margin-top:43px;font-size:18px;color:#eb4b26;/* letter-spacing:-2px; yj 빨간색 글씨작안부분 수정*/text-align:center}

/* 기본테이블-세로라인버젼 */
.board_list01 table{width:100%;border-top:2px solid #000;}
.board_list01 thead th{padding:11px 0;border-left:1px solid #e5e1dd;border-bottom:1px solid #000;text-align:center;color:#000;line-height:15px;font-weight:normal;}
.board_list01 thead th:first-child{border-left:0;}
.board_list01 tbody th{padding:10px 0;border-right:1px solid #e5e1dd;border-bottom:1px solid #e5e1dd;text-align:center;color:#000;font-weight:normal;}
.board_list01 tbody td{padding:10px 6px;line-height: 20px;border-left:1px solid #e5e1dd;border-bottom:1px solid #e5e1dd;text-align:center;word-break:break-all;}
.board_list01 tbody td p{overflow: hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align: left;}
.board_list01 tbody td:first-child{border-left:0;}
.board_list01 tbody .subject{text-align:left;padding-left:15px;}
.board_list01 tbody .subject a:hover{text-decoration:underline;}
.board_list01 tfoot th{padding:10px 0;border-bottom:1px solid #000;background:#fff;text-align:center;color:#d41520;font-weight:normal;font-family:'NanumBarunGothicBold';}
.board_list01 tfoot td{padding:10px 0;border-left:1px solid #e5e1dd;border-bottom:1px solid #000;background:#fff;text-align:center;color:#d41520;font-weight:normal;font-family:'NanumBarunGothicBold';}

/* 검색박스 */
.search_box{width:100%;}
.search_box label{font-size:16px;color:#000;margin-right:5px;}
.search_box select{height:30px;line-height:30px;border:1px solid #d9d4cf;verticle-align:middle;}
.search_box input.inputTxt{width:250px;height:28px;border:1px solid #d9d4cf;background:#fff;color:#000;}
.search_box input.inputTxt2{height:28px;border:1px solid #d9d4cf;background:#fff;color:#000;}
.btnSearch{display:inline-block;width:80px;height:30px;line-height:30px;border:0;background:#a79a8b;color:#fff !important;text-align:center;cursor:pointer;}

/* 페이징 */
.paging{text-align:center;margin-top:20px;}
.paging .num{display:inline-block;vertical-align:middle;} 
.paging .num a, .paging strong{display:inline-block;width:32px;height:32px;line-height:32px;margin:0;border:1px solid #dcd9d1;text-align:center;margin:0 2px;} 
.paging .num a:hover,.paging strong.on{background:#7d7468;border:1px solid #7d7468;color:#fff;font-weight:bold;}
.paging .btn {display:inline-block;vertical-align:top;}
.paging .btn a {display:block;width:32px;height:32px;margin:0 -1px;text-indent:-9999px;} 
.paging .first {background:url('/images/btn/btn_first.gif') no-repeat 0 10px;}
.paging .prev {margin-right:-3px !important;background:url('/images/btn/btn_prev.gif') no-repeat 0 10px;}
.paging .next {margin-left:-3px !important;background:url('/images/btn/btn_next.gif') no-repeat 20px 10px;}
.paging .last {background:url('/images/btn/btn_last.gif') no-repeat 15px 10px;}

/* 감탄떡볶이 소개 */
.about .overview-visual{max-width:2000px;height:600px;margin:66px auto 0;background:url("../images/about/bg_overview01.png") center top no-repeat;background-size:cover;}
.about .overview-visual .txt-module{padding-top:215px;text-align:center;color:#ffde00;/*이세연 color 수정*/}
.about .overview-visual .emp{display:block;font-weight:600;font-size:40px}
.about .overview-visual span{font-family:"Noto";font-weight:300}
.about .overview-visual .desc{margin-top:41px;font-family:"Noto";font-size:28px;font-weight:100;line-height:44px;color:#fff}

.about .over-cont{padding-bottom:200px}
.about .over-cont .block{max-width:2000px;margin:0 auto}
.about .over-cont .item02,
.about .over-cont .item04{background-color:#f9f9f9}
.about .over-cont .module{max-width:1200px;margin:0 auto;padding:96px 0 116px}
.about .over-cont .left{float:left;width:480px;padding-left:210px;box-sizing:border-box}
.about .over-cont .right{float:left;width:720px;padding:80px 0 0 100px;font-size:18px;line-height:32px;color:#787878;box-sizing:border-box}
.about .over-cont .num{font-size:55px;color:#ffde00;font-family:"Noto";font-weight:100}
.about .over-cont .txt{margin-top:29px;font-size:36px;font-weight:500;color:#000000;line-height:48px;letter-spacing:-2px}
.about .over-cont .txt span{font-weight:100}
.about .over-cont .item01 .module{background:url("../images/about/ico_over_01.gif") left center no-repeat}
.about .over-cont .item02 .module{background:url("../images/about/ico_over_02.gif") left center no-repeat}
.about .over-cont .item03 .module{background:url("../images/about/ico_over_03.gif") left center no-repeat}
.about .over-cont .item04 .module{background:url("../images/about/ico_over_04.gif") left center no-repeat}
.about .over-cont .item05 .module{background:url("../images/about/ico_over_05.gif") left center no-repeat}

/* ci bi */
.about .ci-cont{padding-bottom:123px}
.about .ci-cont .block{padding-bottom:50px; padding-top:50px; border-top:1px solid #e9e9e9}
.about .ci-cont .block:first-child{border-top:0}
.about .ci-cont .visual{margin-top:1px;text-align:center}
.about .ci-cont .ci-tit{display:inline-block;position:relative;text-align:center}
.about .ci-cont .ci-tit strong{display:inline-block;position:relative;z-index:5;font-size:40px;color:#000000;font-weight:600}
.about .ci-cont .ci-tit::before{display:inline-block;position:absolute;bottom:1px;left:0;width:870px;height:1px;content:"";background:#e3e3e3}
.about .ci-cont .ci-tit span{font-weight:400}
.about .ci-cont .txt{margin-top:48px;font-weight:500;font-size:24px;color:#707070;line-height:44px}
.about .ci-cont .desc{font-size:20px;color:#787878;line-height:34px}
.about .ci-cont .visual .desc{margin-top:50px}
.about .ci-cont .visual img {width:450px;}
.about .ci-cont .sub-tit{padding-top:38px;font-size:30px;font-family:"Noto";font-weight:500;color:#000000}
.about .ci-cont .desc{margin-top:10px}
.about .ci-cont .center{margin-top:46px;text-align:center}
.about .ci-cont .img{margin-top:35px}

/* 사회공헌 */
.about .over-cont.sc{padding-bottom:200px;background:url("../images/about/bg_overview_obj01.gif") 256px 566px no-repeat}
.about .over-cont.sc .block{height:450px;margin-top:52px}
.about .over-cont.sc .block:first-child{margin-top:102px}
.about .over-cont.sc .txt-module{padding-top:46px}
.about .over-cont.sc .num{display:inline-block;position:relative;padding-right:171px;font-size:70px;font-weight:100;color:#ebce14}
.about .over-cont.sc .num::after{display:inline-block;position:absolute;top:50%;right:0;width:143px;height:2px;margin-top:-1px;content:"";background:#ebce14}
.about .over-cont.sc .tit{margin-top:48px;font-size:48px;font-weight:100;color:#000000;font-family:"Noto"}
.about .over-cont.sc .tit .emp{font-weight:500}
.about .over-cont.sc .txt{margin-top:36px;font-size:20px;color:#787878;font-family:"Noto";line-height:34px;letter-spacing: -0.04em;}
.about .over-cont.sc .type01{position:relative;padding-left:50%}
.about .over-cont.sc .type01 .img{position:absolute;top:0;left:0;width:50%;max-height:450px}
.about .over-cont.sc .type01 .txt-module{padding-left:6.3%}
.about .over-cont.sc .type02 .img{float:right;width:50%}
.about .over-cont.sc .type02 .txt-module{float:left;width:50%}
.about .over-cont.sc{margin-top:140px;background:none}
.about .over-cont.sc .block{position:relative}
.about .over-cont.sc .txt-module{padding-top:91px}
.about .over-cont.sc strong{display:block;font-family:"Noto";font-weight:700;color:#e82c00;font-size:36px}
.about .over-cont.sc .tit{font-size:36px;color:#000000;font-weight:300;letter-spacing:-0.08em;line-height:48px}
.about .over-cont.sc .tit .emp{display:inline;color:#000}
.about .over-cont.sc .block::before{display:inline-block;position:absolute;content:"";}
.about .over-cont.sc .bg01::before{top:-58px;right:37px;width:170px;height:183px;background:url("../images/about/bg_sc01.png") no-repeat}
.about .over-cont.sc .bg02::before{top:-38px;left:425px;width:145px;height:171px;background:url("../images/about/bg_sc02.png") no-repeat}
.about .over-cont.sc .bg03::before{top:9px;right:-18px;width:225px;height:190px;background:url("../images/about/bg_sc03.png") no-repeat}
.about .over-cont.sc .bg04::before{top:-9px;left:425px;width:156px;height:171px;background:url("../images/about/bg_sc04.png") no-repeat}

/* 찾아오시는 길 */
.location{padding-bottom:160px}
.location .title02{position:relative;padding-top:109px;font-size:40px;font-weight:600;color:#000000;text-align:center}
.location .title02::before{display:inline-block;position:absolute;top:64px;left:50%;width:0;height:9px;margin-left:-22px;content:"";background-color:#ffde00;border-radius:4px;transition:width .2s .8s linear}
.location .is-inview .title02::before{width:45px}
.location #map{margin-top:77px}
.location .guidance .block{margin-top:37px}
.location .guidance .tit{position:relative; float:left;width:303px;/*min-height:166px;이세연 삭제 201201*/ padding:51px 0 9px;/*이세연 padding값 수정 201201*/font-family:"Noto";font-size:30px;color:#000000;box-sizing:border-box;/*border-bottom:1px solid #000000;이세연 삭제 201201*/}
/*.location .guidance .tit{float:left;width:303px;padding:51px 0 51px;font-family:"Noto";font-size:30px;color:#000000;box-sizing:border-box} 201125 border-bottom, min-height add _sun */
.location .guidance .tit:after{content:''; position:absolute; bottom:0; left:0; width:70%; height:1px; background-color: #000;}/*이세연 추가 201201*/
.location .guidance .right{float:left;width:851px;margin-left:45px}
.location .guidance .cont{padding:51px 0 51px;box-sizing:border-box}
/* .location .guidance .cont{padding:51px 0 51px;border-bottom:1px solid #000000;box-sizing:border-box} 201125 underline del _sun*/

.location .guidance .emp{font-size:20px;font-weight:500;color:#1e1717}
.location .guidance .desc{margin-top:15px;font-size:20px;color:#787878;line-height:36px;letter-spacing:-0.04em}
.location .guidance .desc .fax{display:inline-block;margin-left:8px}
.location .guidance .block:first-child .tit{/*min-height:166px;border-bottom:1px solid #000000; 이세연 삭제 201201*/}
.location .guidance .block:first-child .cont{max-height:166px}

/*
.location{padding-bottom:160px}
.location .title02{position:relative;padding-top:109px;font-size:40px;font-weight:600;color:#000000;text-align:center}
.location .title02::before{display:inline-block;position:absolute;top:64px;left:50%;width:0;height:9px;margin-left:-22px;content:"";background-color:#ffde00;border-radius:4px;transition:width .2s .8s linear}
.location .is-inview .title02::before{width:45px}
.location #map{margin-top:77px}
.location .guidance .block{margin-top:37px}
.location .guidance .tit{float:left;width:303px;padding:51px 0 51px;font-family:"Noto";font-size:30px;color:#000000;box-sizing:border-box}
.location .guidance .right{float:left;width:851px;margin-left:45px}
.location .guidance .cont{padding:51px 0 51px;border-bottom:1px solid #000000;box-sizing:border-box}
.location .guidance .emp{font-size:20px;font-weight:500;color:#1e1717}
.location .guidance .desc{margin-top:15px;font-size:20px;color:#787878;line-height:36px;letter-spacing:-0.04em}
.location .guidance .desc .fax{display:inline-block;margin-left:8px}
.location .guidance .block:first-child .tit{min-height:166px;border-bottom:1px solid #000000}
.location .guidance .block:first-child .cont{max-height:166px}
*/


/* 메뉴 세트 */
.menu{padding-bottom:160px}
.menu .title02{position:relative;padding-top:109px;font-size:40px;font-weight:600;color:#000000;text-align:center}
.menu .title02::before{display:inline-block;position:absolute;top:64px;left:50%;width:0;height:9px;margin-left:-22.5px;content:"";background-color:#ffde00;border-radius:4px;transition:width .2s .8s linear}
.menu .desc{text-align:center}
.menu .is-inview .title02::before{width:45px}
.menu .set-cont .set-block{margin-top:45px}
.menu .set-cont .list li{float:left;width:48.5%;margin-top:48px; border-radius:14px; border:1px solid #e3e3e3; overflow: hidden; box-sizing:border-box;}
.menu .set-cont .list li:nth-child(odd){margin-right:3%}
.menu .set-cont .list.lgt3 li{width:31.75%;margin:28px 0 0 2.25%}
.menu .set-cont .list.lgt3 li:nth-child(3n-2){margin-left:0}
.menu .set-cont .set-img{margin-top:48px}

/*메뉴세트 추가 css 210304 처음*/
.menu .set-cont .list li .set-Img{padding:30px;}
.menu .set-cont .list li .set-Txt{border-top:1px solid #e3e3e3; background:#fbfbfb; padding:28px 30px; text-align:center;}
.menu .set-cont .list li .set-Txt strong{display:block; margin:0 0 10px; font-size:25px; font-weight:700; color:#000; line-height:35px; margin-bottom:6px;}
.menu .set-cont .list li .set-Txt strong > span{font-size:18px; color:#000; font-weight:400;}
.menu .set-cont .list li .set-Txt span{font-size:23px; color:#3e3e3e;}
.etc-Box{margin-top:48px; border-radius:14px; border:1px solid #e3e3e3; overflow: hidden; box-sizing:border-box;}
.etc-Box .etc-Tit{float:left; width:23%; padding:92px 0;/*210412*/ border-right:1px solid #e3e3e3; background:#fbfbfb; text-align:center; font-size:24px;  font-weight:500; line-height:34px; box-sizing:border-box;}
.etc-Box .etc-Tit2{float:left; width:23%; padding:90px 0; border-right:1px solid #e3e3e3; background:#fbfbfb; text-align:center; font-size:24px;  font-weight:500; line-height:34px; box-sizing:border-box;}
.etc-Box .etc-Txt{float:left; width:74%; padding:66px 0 66px 34px;}
.etc-Box .etc-Txt li {position:relative; display:inline-block; font-size:20px; margin-right:20px; color:#000; padding: 0 0 0 12px; line-height:40px;}
.etc-Box .etc-Txt li:before{content:''; width:4px; height:4px; border-radius:2px; background:#000; position: absolute; top:50%; left:0; transform: translateY(-50%);}

@media screen and (max-width:1152px){
    .etc-Box .etc-Tit, .etc-Box .etc-Tit2{width:100%; border-right:0px; border-bottom:1px solid #e3e3e3 !important; padding:20px 0;}
    .etc-Box .etc-Txt{width:100%; padding:20px 0;}
    .etc-Box .etc-Txt li{width:100%; margin-right:0px;margin-left:20px;} 
    .menu .set-cont .list li .set-Txt strong > span{display:block; line-height:1; font-size:16px;}
    .menu .set-cont .list li .set-Txt span{display:block;}
    .menu .set-cont .list li .set-Txt strong{font-size:22px; line-height:32px;}
}
@media screen and (max-width:800px){
    .etc-Box .etc-Tit, .etc-Box .etc-Tit2{line-height:34px;}
    .menu .set-cont .list li .set-Txt{padding:15px;}
    .menu .set-cont .list li .set-Txt span{font-size:16px; line-height:24px;}
}
@media screen and (max-width:500px){
    .menu .set-cont .list li .set-Txt strong{font-size:18px; line-height:28px;}
    .etc-Box .etc-Tit, .etc-Box .etc-Tit2{font-size:18px; line-height:28px;}
    .etc-Box .etc-Txt li{font-size:17px; line-height:30px;}
    .menu .set-cont .list li .set-Txt strong > span{font-size:13px; line-height:23px;}
}
/*메뉴세트 추가 css 210304 끝*/

.ui-layer-popup.menu{display:none;padding:0}
.ui-layer-popup.menu .popup{max-width:1000px;height:auto;max-height:1000px;opacity:0;transition:all .3s ease-in-out}
.ui-layer-popup.menu .popup.open{opacity:1}
.ui-layer-popup.menu .pop-head .title{display:none}
.ui-layer-popup.menu .pop-cont{max-height:920px;padding:0 50px;overflow:auto;box-sizing:border-box}
.ui-layer-popup.menu .txt-module{padding-bottom:50px;border-top:1px solid #ebebea}
.ui-layer-popup.menu .txt-module .block{display:none}
.ui-layer-popup.menu .txt-module .txt{margin-top:23px;font-family:"Noto";font-size:30px;color:#333333;line-height:36px;font-weight:500}
.ui-layer-popup.menu .txt-module .noti { font-size:24px;color:red;line-height:30px;font-weight:500}
.ui-layer-popup.menu .txt-module .hash{margin-top:10px;font-family:"Noto";font-size:24px;line-height:28px;color:#a4a4a4}
.ui-layer-popup.menu .txt-module .price{margin-top:20px;font-weight:700;font-size:30px;color:#000000}
.ui-layer-popup.menu .btn-close{top:24px}

/* 연혁 */
.history{padding-bottom:100px}
.history .title02{position:relative;padding-top:89px;font-size:40px;font-weight:600;color:#000000;text-align:center;line-height:60px}
.history .title02 .fw-nm{font-weight:300}

.history #history{position:relative;margin-top:102px}
.history .line{position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#e9e9e9}

.history .visual{position:relative;z-index:5;min-height:263px;margin-top:50px;box-sizing:border-box}
.history .visual .emp-txt{padding-top:72px;font-size:70px;color:#ffffff;text-align:center;font-weight:500}
.history .visual .s-txt{margin-top:23px;font-size:30px;color:#ffffff;text-align:center;font-weight:500}
.history .y2015 .visual{background:url("../images/about/bg_history01.png") no-repeat center top}
.history .y2010 .visual{background:url("../images/about/bg_history02.png") no-repeat center top}
.history .history-head{margin-top:71px;text-align:center}
.history .history-item{margin-top:76px}
.history .history-item:first-child{margin-top:0}
.history .history-item .fl-l{float:left;width:50%}
.history .history-item .fl-r{float:right;width:50%}
.history .history-item .year{display:block;position:relative;font-size:70px;font-weight:700;color:#67665e}
.history .history-item .year::before{display:inline-block;position:absolute;top:50%;z-index:5;width:18px;height:18px;margin:-9px 0 0 -9px;content:"";background-color:#67665e;border-radius:50%}
.history .history-item.first .year::before{top:5px}
.history .history-item.active .year::after{display:inline-block;position:absolute;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;content:"";background-color:#ffde00;border-radius:50%;opacity:.3;animation:ani  .8s infinite alternate}
.history .history-item.active .year::before{background-color:#ffde00}
.history .history-item .fl-l .year::before{right:0;margin:-9px -9px 0 0}
.history .history-item .fl-r .year::before{left:0}
.history .history-item .fl-l .year::after{right:0;margin:-22px -22px 0 0}
.history .history-item .fl-r .year::after{left:0}
.history .history-item.first .year::after{margin-top:-52px}
.history .history-item.active .year{color:#1f1f1f}
.history .history-item .fl-l .year{padding-right:52px;text-align:right}
.history .history-item .fl-r .year{padding-left:52px;text-align:left}
.history .history-item .month{margin-top:36px}
.history .history-item .month li{position:relative;font-size:20px;line-height:48px;color:#787878;letter-spacing:-2px;text-indent:-30px;padding-left:30px !important;}
.history .history-item .month li span.pc{display: inline; padding-left:0; text-indent:-32px; word-break: keep-all;}/*20201224 추가*/
.history .history-item .month li.icon::after{display:inline-block;width:30px;height:31px;content:"";background:url("../images/about/icon_history01.png") no-repeat}
.history .history-item .month .nextline{margin-left:30px;}

.history .history-item .month li strong{font-weight:bold; margin-right:3px;}/* yj 201021 연혁 달 편집*//*20201224 수정*/ㄴ
/*.history .history-item .month li .left_pad {padding-left:40px;} yj 201021 연혁 들여쓰기 편집*/

.history .history-item .month .cr-red{color:#e82c00}
.history .history-item .fl-r .month{padding-left:40px}
.history .history-item .fl-r .month li{padding-left:64px !important;}
.history .history-item .fl-l .month li{padding:0 44px 0 8px;clear:both}
.history .history-item .fl-r .month li.icon::after{position:absolute;top:11px;left:0}
.history .history-item .fl-l .month li.icon::after{margin-left:28px;vertical-align:-9px}/* yj margin-left:31px ->28px로 조정*/
.history .history-item .fl-r .img{text-align:right}

/* 창업절차 */
.pcd .pcd-cont{margin:59px 0 68px}
/*.pcd .cart{padding:50px 0 175px;background-color:#f8f8f8}*/
.pcd .tb-wrap{margin-top:72px}

/* 감탄스토어 */
.store{background-color:#f8f8f8}
.store .store-swipe{position:relative;width:1200px;margin:0 auto}
.store .ui-swiper-comn{margin:70px 0 88px}
.store .ui-swiper-comn .badge{display:inline-block;position:absolute;top:0;left:-1px;width:71px;height:71px;padding-top:24px;font-family:"Noto";font-weight:700;color:#fff;line-height:20px;font-size:16px;text-align:center;background:url("../images/agency/bg_badge01.png") no-repeat;box-sizing:border-box}
.store .ui-swiper-comn .badge.tp02{color:#4c4b42;background:url("../images/agency/bg_badge04.png") no-repeat}
.store .ui-swiper-comn .swiper-slide{position:relative;background-color:#fff;border-radius:12px;overflow:hidden;}/*201102 yj 신규매장소개 스크롤 좌측상단 빨간 메뉴 라운드 검은부분 수정 원래값: border-radius:7px;*/
.swiper-slide .img img{width:100%;}
.store .ui-swiper-comn .title{height:70px;line-height:70px;font-size:20px;text-align:center;font-family:"Noto";font-weight:700;color:#000000}
.store .ui-swiper-comn .title{height:70px;line-height:70px;font-size:20px;text-align:center;font-family:"Noto";font-weight:700;color:#000000}
.store .swiper-button-next, .swiper-button-prev{top:114px;width:72px;height:72px}
.store .swiper-button-prev{left:-142px;background:url("../images/store/bg_swiper_prev.png") no-repeat}
.store .swiper-button-next{right:-142px;background:url("../images/store/bg_swiper_next.png") no-repeat}
.store .swiper-button-prev::after,
.store .swiper-button-next::after{display:inline-block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;clip:rect(1px 1px 1px 1px)}

.store .search-wrap{padding:67px 0 125px;background-color:#fff}
.store .search-ctr{border:1px solid #dfdfdf}
.store .search-ctr .img{float:left;position:relative;width:598px}
.store .search-ctr .link{display:inline-block;position:absolute;width:40px;height:17px}
.store .search-form{float:left;width:600px;padding:100px 80px 0;box-sizing:border-box}
.store .search-form .txt{font-family:"Noto";font-size:20px;font-weight:500;color:#000000}
.store .search-form input[type="text"]{width:100%;height:54px;padding-left:28px;font-family:"Noto";border:2px solid #b2b2b2;border-radius:3px;color:#000;font-size:18px;font-weight:700}
.store .search-form input::placeholder {color:#b2b2b2 !important; }/*검색어 "매장이나 지역명" 색깔조정*/
.store .search-form select{width:100%;height:54px;padding-left:28px;border:2px solid #b2b2b2;font-family:"Noto";border-radius:3px;color:#b2b2b2;color:#b2b2b2;font-size:18px !important;font-weight:700;
/*yj 201021 모바일 매장찾기 메뉴의 '지역으로 검색' 인풋창 배경색 */ background:#fff ;}
.store .search-form .flex{float:left;width:214px}
.store .search-form .flex:first-child{margin-right:10px}
.store .search-form .block{margin-top:29px}
.store .search-form .block:first-child{margin-top:0}
.store .search-form .ip-wrap{margin-top:18px}
.store .search-form .checkbox-wrap{margin-top:18px;padding:18px 18px; background-color:#f8f8f8}
.store .search-form .checkbox{display:inline-block;position:relative;margin-left:45px}
.store .search-form .checkbox:first-child{margin-left:0}
.store .search-form .checkbox label{display:inline-block;padding-left:28px;font-size:18px;color:#494949;font-weight:500;cursor:pointer}
.store .search-form .checkbox label::before{display:inline-block;position:absolute;top:-1px;left:0;width:20px;height:20px;content:"";background:url("../images/common/bg_checkbox01_off.png") no-repeat}
.store .search-form .checkbox input:checked + label::before{background:url("../images/common/bg_checkbox01_on.png") no-repeat}
.store .search-form .btn-area{margin-top:16px}
.store .search-form .btn-search{display:block;height:54px;line-height:54px;text-align:center;font-family:"Noto";font-size:20px;font-weight:500;color:#fff;background-color:#222222;border-radius:4px}
.store .list-txt{margin:60px 0 30px;font-size:24px;color:#222222;font-family:"Noto";font-weight:500}
.store .pagination{margin-top:89px}

.store .search-form input:-ms-input-placeholder{font-family:"Noto";line-height:52px;color:#dddde2}
.store .search-form input::-webkit-input-placeholder{font-family:"Noto";line-height:52px;color:#dddde2}

/* 브랜드 경쟁력 */
.founded .founded-cont .block{margin-top:80px}
.founded .founded-cont .block:first-child{margin-top:0}
.founded .founded-cont{margin-top: 110px;}
.founded .founded-cont .num{display:inline-block;width:73px;height:73px;font-size:26px;font-weight:500;color:#000000;border-radius:50%;text-align:center;line-height:73px;background-color:#ffde00}
.founded .founded-cont .emp{word-break:keep-all; margin-top:60px;line-height:75px;font-size:70px;font-weight:400;color:#4d4c44;letter-spacing:-10px}
.founded .founded-cont .emp .point{display:block;font-weight:400;color:#ffde00;letter-spacing:-10px}
.founded .founded-cont .txt-module{padding: 0 0 60px 40px;background:url("../images/agency/bg_dotted.gif") bottom left repeat-x;}
.founded .founded-cont .txt-cont{margin-top:80px;text-align:center}
.founded .founded-cont .txt-cont .txt-bic{font-size:150px;font-weight:700;color:#8e3e03;letter-spacing: -0.04em;}
.founded .founded-cont .txt-cont .menu-number .txt-bic .nth-child-1{display: inline-block;margin-top:-3px;font-size:164px;vertical-align: top;}
.founded .founded-cont .txt-cont .txt-bic span {display: inline-block;}
.founded .founded-cont .txt-cont .txt-bic span.middle{font-size:140px;}/*이세연 추가 201204*/
.founded .founded-cont .txt-cont .small{margin-left:-30px;font-weight: 500;font-size:70px}
.founded .founded-cont .txt-cont .bd-style{display:inline-block;position:relative;font-size:48px;color:#4d4c44}
.founded .founded-cont .txt-cont .txt{display:block;position:relative;z-index:5}
.founded .founded-cont .txt-cont .bd-style::before{display:block;position:absolute;bottom:-5px;left:0;width:100%;height:20px;content:"";background-color:#ffde00;border-radius:10px}
.founded .founded-cont .txt-cont .desc{font-size:49px;color:#4d4c44; margin-top: 10px;}
.founded .founded-cont .img{margin-top:147px}
.founded .founded-cont .img .left{float:left;width:50%;text-align:left}
.founded .founded-cont .img .right{float:left;width:50%;text-align:right}
.founded .founded-cont .item01 .emp .point{display:inline}
.founded .founded-cont .item01 .txt-module .desc{margin-top:10px;font-size:24px;color:#4d4c44;letter-spacing: -0.06em;}
.founded .founded-cont .item02 .box{margin-top:100px;padding:77px 0 70px;text-align:center;background-color:#ffe11d}
.founded .founded-cont .item02 .img-group{max-width:700px;margin:0 auto}
.founded .founded-cont .item02 .img-group img{float:left;margin-left:20px}
.founded .founded-cont .item02 .img-group img:first-child{margin-left:0}
.founded .founded-cont .item02 .box .emp{font-size:140px;font-weight:700;color:#8e3e03;font-style:italic}
.founded .founded-cont .item02 .box .emp span { display: inline-block;}
.founded .founded-cont .item02 .box .small{font-weight:400;font-size:80px; letter-spacing:-0.1em;}
.founded .founded-cont .item02 .box .txt{font-size:40px;font-weight:300;color:#4d4c44;letter-spacing:-3px;line-height:100px}
.founded .founded-cont .item01 .emp,
.founded .founded-cont .item03 .emp{font-size:70px;letter-spacing: -0.08em;}
.founded .founded-cont .item02 .emp{font-size:70px;letter-spacing: -0.2em;}
.founded .founded-cont .item02 .emp.lsp_control{letter-spacing: -0.08em !important;}
.founded .founded-cont .item01 .point,
.founded .founded-cont .item02 .point,
.founded .founded-cont .item03 .point{font-size:70px ; margin-top: 6px;}
.founded .founded-cont .bottom-cont{height:555px;margin-top:235px;padding-top:78px;text-align:center;background:url("../images/agency/bg_intro01.png") center top no-repeat;box-sizing:border-box}

/* ADD 2020-11-07 */
.txt-cont.store{float: left;width:100%;margin-bottom: 110px;background: none;}
.txt-cont.store.last { margin-bottom: 0;}
.txt-cont.store .txt-bic{font-style:italic;letter-spacing: -0.06em !important;}
.txt-cont.store .txt-bic .small{font-weight: 500 !important;}
.store-number{float: left;width: 560px;height: 500px;padding-top: 60px;background:#f1f1ec url('../images/about/bg_store-number.png') 0 100% no-repeat;}
.dish-number{float: right;width: 560px;height: 500px;padding-top: 60px;background:#fffcdf url('../images/about/bg_dish-number.png') 50% 88% no-repeat;}
.txt-cont.store .store-text{display: block;margin: 16px 0 20px;font-size: 38px;line-height: 48px;color: #4d4c44;letter-spacing: -0.08em;}
.txt-cont.store .store-text strong{display: block;font-weight: 600;}
.txt-cont.store .text-info{margin-top: 30px;font-size: 16px;color: #8e8e8e;}

.menu-number{float: right;width: 560px;height: 520px;padding-top: 60px;background:#f1f1ec url('../images/agency/icon_intro04.png') 50% 93% no-repeat;/* background-size: 140px; */}
.time-number{float: left;width: 560px;height: 520px;padding-top: 60px;background:#fffcdf url('../images/agency/icon_intro03.png') 50% 93% no-repeat;}
.store-merit{position: relative;width: 1200px;height: 518px;background:#fbf9e2 url('../images/about/bg_store-merit.png') 100% 0 no-repeat;}
.store-merit .title{padding: 115px 0 0 70px;font-size:140px;font-weight:600;color:#8e3e03;font-style:italic;letter-spacing:-0.08em;}
.store-merit .title .small{font-weight:400;font-size:80px}

.store-merit .txt{position: absolute;top:310px;left:120px;font-size:40px;line-height: 50px;font-weight:300;color:#4d4c44;letter-spacing:-5px;text-align: center;}
.store-merit .txt strong{display: block;font-weight: 600;}
.store-merit .circle{position: absolute;top:128px;right:240px;display:flex;align-items:center;justify-content: center;width: 318px;height: 318px;background:#ffe330;border:10px solid #FFF;border-radius:100%;opacity:0.90}
.store-merit .circle p{font-size:26px;line-height: 42px;font-weight:300;color:#4d4c44;letter-spacing:-5px;text-align: center;letter-spacing: -0.1em;}
.store-merit .circle p strong{font-weight:600;}

.store-3step{position: relative;width: 1200px;height: 518px;background:#FFF url('../images/about/bg_store-3step.png') 6% 50% no-repeat;}
.store-3step .title{float: right;padding: 115px 50px 0 0;font-size:140px;font-weight:600;color:#8e3e03;font-style:italic;letter-spacing:-0.08em;}
.store-3step .title .small{font-weight:400;font-size:80px}
.store-3step .txt{position: absolute;top:310px;right:120px;font-size:40px;line-height: 50px;font-weight:300;color:#4d4c44;letter-spacing:-0.08em;text-align: center;}
.store-3step .txt strong{display: block;font-weight: 600;}

.store-brand-ad{position: relative;width: 1200px;height: 518px;background:#fbf9e2 url('../images/about/bg_store-brand-ad.png') 92% 50% no-repeat;}
.store-brand-ad .title{padding: 115px 0 0 70px;font-size:140px;font-weight:600;color:#8e3e03;font-style:italic;letter-spacing:-0.08em;}
.store-brand-ad .title .small{font-weight:400;font-size:80px}
.store-brand-ad .txt{position: absolute;top:310px;left:120px;font-size:40px;line-height: 50px;font-weight:300;color:#4d4c44;letter-spacing:-0.08em;text-align: center;}
.store-brand-ad .txt strong{display: block;font-weight: 600;}

/* 추천상권 */
.pcd .recommendation{padding-bottom:140px}
.pcd .tab-page2{margin-top:81px;border-bottom:1px solid #dddddd}
.pcd .tab-page2 li{float:left;width:180px}
.pcd .tab-page2 li a{display:block;height:59px;line-height:59px;font-family:"Noto";text-align:center;font-size:18px;font-weight:500;color:#898989;border:1px solid #dddddd;border-bottom:0;border-top-left-radius:8px;border-top-right-radius:8px}
.pcd .tab-page2 li.on a{color:#fff;background-color:#000000;border-color:#000000}
.pcd .tb-wrap.type03{margin-top:49px}
.pcd .pagination{margin-top:56px}

/* 창업문의 */
.counsel .qna-cont{background:url("../images/agency/bg_counsel.gif") left 97px no-repeat}
.counsel .visual-txt{padding:120px 0 0 310px}
.counsel .visual-txt .emp{font-size:45px}
.counsel .visual-txt .txt{font-size:45px;font-weight:300;/* yj 모바일 글씨붙는부분 수정 letter-spacing:-5px; */line-height:57px}
.counsel .visual-txt .desc{margin-top:36px;font-size:20px}
.counsel .agree-box{margin-top:80px}
.counsel .counsel-tit.first,
.counsel .form-group{margin-top:32px}
.counsel .counsel-tit{margin-top:55px;font-size:24px;color:#232323;font-weight:500}
.counsel .counsel-tit .rqd{display:inline-block;margin-left:17px;font-size:18px;color:#ff0c00}
.counsel .counsel-tit .txt{font-size:18px;font-weight:normal;color:#969696}
.counsel .form-group .th{width:27%}
.counsel .form-group .td{width:73%}
.counsel .form-group.type02 .radio-group{display:inline-block;margin:0;text-align:left}
.counsel .form-group.type02 .radio:first-child{margin-left:0}
.counsel .radio-group label::before{width:27px;height:27px;margin-right:17px;background:url("../images/common/bg_radio02_off.png") no-repeat}
.counsel .radio-group input:checked + label::before{width:27px;height:27px;background:url("../images/common/bg_radio02_on.png") no-repeat}
.counsel .form-group .td .input-area{margin-left:30px}

/* store popup */
.ui-layer-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:900;}	
.ui-layer-popup .dimm{display:block;z-index:1}	
.ui-layer-popup .popup{position:relative;z-index:10;width:900px;height:100%;max-height:1310px;margin:0 auto;overflow:auto;background-color:#fff;border-radius:14px}	
.ui-layer-popup .pop-head{height:80px;line-height:80px;padding:0 48px;font-size:34px;color:#fff;background-color:#4c4b42}	
.ui-layer-popup .pop-cont{padding:50px}	
.ui-layer-popup .store-info .img{float:left;width:100%;}	
.ui-layer-popup .store-info .img p.thum-img {float:left; width: 48%; margin-left: 1%; margin-right: 1%; margin-bottom:20px;}	
.ui-layer-popup .store-info .txt-group{float:left;width:100%;}	
.ui-layer-popup .store-info .name{float: left;margin:30px 20px 0 0;font-size:30px;font-family:"Noto";font-weight:500;color:#000000}	
.ui-layer-popup .store-info .group{margin-top:32px;border-top:1px solid #e8e8e8}	
.ui-layer-popup .store-info .block{border-bottom:1px solid #e8e8e8}	
.ui-layer-popup .store-info .th{float:left;width:124px;height:50px;line-height:50px;padding:0 0 0 5px;font-size:18px;font-family:"Noto";font-weight:500;color:#000000;box-sizing:border-box}	
.ui-layer-popup .store-info .txt{float:left;width:376px;padding:15px 0 15px;line-height:20px;font-size:18px;font-family:"Noto";font-weight:500;color:#616161}	
.ui-layer-popup .thum{margin-top:53px}	
.ui-layer-popup .thum .item{float:left;width:150px;margin-left:25px}	
.ui-layer-popup .thum .item:first-child{margin-left:0}	
.ui-layer-popup .thum .item:first-child{margin-left:0}	
.ui-layer-popup .map{padding-top:56px;}	
.ui-layer-popup .btn-close{position:absolute;top:17px;right:25px;width:34px;height:34px;background:url("../images/store/bg_pop_close.png") no-repeat}	


/* pc */
@media screen and (min-width:769px){
	.m{display:none !important}
}
/* mobile */

@media screen and (max-width:870px){
	ul.tabs {width:90%;}/*20201224 값 수정*/
	ul.tabs::before {top:150px; left:0; width:100%;}
	ul.tabs li {width:33.3%; margin-right:0;}
	ul.tabs li.active {width:33.3%; padding:0;}
	ul.tabs li:hover {width:33.3%; padding:0; transition: all .3s ease-in-out;}
}

@media screen and (max-width:768px){
    .pc{display:none !important}
        .tb-wrap.type02 .store-address{display: none;}
	
	#layer{width: 100%;height:100%;}
	#layer .inner .cont iframe{width: 90% !important;height: 210px !important;margin-left: 5% !important;}
	#layer .inner .close{right:5%}

    .bar-title02{padding:50px 0 0;font-size:20px;line-height:24px}
    .bar-title02::before{height:4px;top:32px}

    input.ip-txt{height:30px;padding:10px;font-size:12px}

    .pagination{width:auto;text-align:center}
    .pagination .btn{width:22px;height:24px;background-size:100% !important;background-position:center center !important}
    .pagination .pagi-num .num{width:22px;height:24px;font-size:10px;line-height:24px}
    .pagination .btn.prev,
    .pagination .btn.last{margin:0}

    
    #container .sub-visual{display:flex;justify-items:center;align-items:center;min-height:160px;background-position:center center;background-size:cover;}/*background-size:auto 100%/min-height:242px 수정 이세연 201207*/
    .sub-visual .title01{padding:0;font-size:32px}
    .sub-visual .desc{margin-top:12px;font-size:15px;line-height:24px}
    #container.store .tab-page{display:none;}
    .tab-page{margin:26px 0 26px;padding:0 20px;box-shadow:inherit}
    .tab-page ul li{width:50% !important;margin-top:1.5px;box-sizing:border-box}
    .tab-page ul li:nth-child(2n-1){padding-right:1.5px}
    .tab-page ul li a{position:relative;min-height:auto;padding:10px 0 10px 17px;font-size:15px;color:#000000;border:1px solid #dbdbdb;line-height:24px;text-align:left}
    .tab-page ul li a::after{display:inline-block;position:absolute;top:50%;right:8px;width:7px;height:12px;margin-top:-6px;content:"";background:url("../images/common/ico_pageTab_off.png") no-repeat;background-size:100%}
    .tab-page ul li.on a::after{background:url("../images/common/ico_pageTab_on.png") no-repeat;background-size:100%}
    .tab-page li:hover a, .tab-page li:focus a, .tab-page li.on a{border-color:#ffde00}
    
    /* intro */
    .intro .module{max-width:inherit;padding:25px}
    .intro .scene{float:none;width:auto}
    .intro .scene .round-txt{top:50%;margin-top:-35px}

    /* ci */
    .about .ci-cont{padding-bottom:60px}
    .about .ci-cont .block{padding:20px}
    .about .ci-cont .visual{margin-top:50px}
    .about .ci-cont .visual img{width:250px}
    .about .ci-cont .ci-tit::before{display:none}
    .about .ci-cont .ci-tit strong{margin-top:5px;font-size:20px;border:0;text-decoration:underline;line-height:28px}
    .about .ci-cont .txt{margin-top:18px;font-size:12px;line-height:22px}
    .about .ci-cont .visual .desc{margin-top:25px;font-size:10px;line-height:20px}
    .about .ci-cont .sub-tit{padding-top:19px;font-size:15px;}
    .about .ci-cont .desc{font-size:10px;line-height:17px}
    .about .ci-cont .center{margin-top:23px}

    /* history */
        .history .line{position:absolute;top:0;left:30px;width:1px;height:100%;background-color:#e9e9e9}/*left값 수정 20201224*/
        .history .history-item .fl-r{float: left;width:100%;}

    .history .title02{padding-top:30px;font-size:18px;line-height:30px}
    .history .title02 .fw-nm{font-size:20px;line-height:30px}
    .history .history-head{margin-top:30px;padding:0 20px}
    .history #history{margin-top:30px}
    .history .visual{margin-top:50px;min-height:131px;background-size:auto 100% !important}
    .history .visual .emp-txt{padding-top:36px;font-size:35px}
    .history .visual .s-txt{margin-top:11px;font-size:15px}
    .history .history-item{margin-top:38px;padding:0 20px}
    .history .history-item .year{font-size:35px}
    .history .history-item.first .year::after{margin-top:-35px}
    .history .history-item .month{margin-left:0px;margin-top:18px}
    .history .history-item .month li{font-size:14px;line-height:24px;padding-left: 18px !important;letter-spacing: -0.06em;}/*20201224 padding-left값 수정*/
    .history .history-item .month li span.m{display:inline-block; text-indent:-22px; padding-left:22px; word-break:keep-all;}/*20201224추가*/
    .history .history-item .month li.icon::after{width:15px;height:15px;background-size:100%}
    .history .history-item .month .nextline{margin-left:26px;}
    .history .history-item .fl-r .month li.icon::after{top:6px}
    .history .history-item .fl-l .month li.icon::after{position:absolute;top:6px;left:0;margin-left: 23px;}/*20201224 값 수정*/
    .history .history-item .fl-l .year{padding-left:44px;padding-right: 0;text-align: left;}
    .history .history-item .fl-l .month li{padding-left:80px !important;padding-right: 0;}/*20201224 값 수정*/
    .history .history-item .fl-r .year{padding-left:44px}
    .history .history-item .fl-r .month{padding-left:24px;}/*20201224 값수정*/
    .history .history-item .fl-r .img{display: none;padding-left:44px}
    .history .history-item .fl-l .img{display: none;padding-right:15px}

        .history .history-item .fl-l{width:100%;}

        .history .history-item .fl-l .year::before{top:16px;left:2px}
        .history .history-item .fl-l .year::after{left:0}

        .history .history-item .year::before{top:4px;margin: 4px 0 0 1px;}
        .history .history-item.active .year::after{margin: -22px 0 0 -12px;}

    /* 사회공원 */
	.about .over-cont.sc .type01{padding-left: 0;}
    .about .over-cont.sc .type01 .img, .about .over-cont.sc .type02 .img{position:inherit !important;width:100%;}
    .about .over-cont.sc .type01 .txt-module{/*padding-left:0;이세연 삭제 201202*/}
    .about .over-cont.sc .type02 .txt-module{width:100%;/*padding-left:0;이세연 삭제 201202*/}
    .about .over-cont.sc .type01 .txt-module{padding-left:10px;}/*이세연 padding값추가 201202*/

    .about .over-cont.sc{padding:0 20px;box-sizing:border-box}
    .about .over-cont.sc .block{height:auto;margin-top:23px}
    .about .over-cont.sc{margin-top:70px;padding-bottom:60px}
    .about .over-cont.sc .txt-module{padding:20px 10px; box-sizing:border-box;/*이세연 padding값 수정 box-sizing추가 201202*/}
    .about .over-cont.sc .type01 .txt-module{padding-left:10px;}/*이세연 padding값추가 201202*/
    .about .over-cont.sc strong{font-size:18px}
    .about .over-cont.sc .tit{margin-top:24px;font-size:18px;line-height:24px}
    .about .over-cont.sc .tit br{display:none}
    .about .over-cont.sc .txt{margin-top:18px;font-size:12px;line-height:17px}
    .about .over-cont.sc .bg01::before{top:-26px;right:10px;width:85px;height:91px;background-size:100%}
    .about .over-cont.sc .bg02::before{top:-19px;left:70px;width:72px;height:85px;background-size:100%}
    .about .over-cont.sc .bg03::before{top:0px;width:73px;height:65px;background-size:100%}
    .about .over-cont.sc .bg04::before{top:-4px;left:100px;width:78px;height:85px;background-size:100%}
    .about .over-cont.sc .bg04::before{top:-4px;left:100px;width:78px;height:85px;background-size:100%}
    .about .over-cont.sc .block::before{display:none}
	.about .over-cont .block.item03 .left{margin-top: -16px;}

    .about .overview-visual{height:auto; padding:80px 0;  margin-top:33px; background:url("../images/about/m_about_03.jpg") center top no-repeat;background-size:cover;}/*백그라운드패딩값수정 이세연 201207*/
    .about .overview-visual .txt-module{padding-top:0;color:#ffde00;}/*이세연 color수정 201201*/
    .about .overview-visual .emp{width: 208px;margin: 0 auto;line-height: 24px;font-size:20px; color:#ffde00;}/*이세연 color추가 201201*/
    .about .overview-visual .desc{font-size:14px;line-height:22px;color:#fff}
    .about .over-cont { padding-bottom:0px}
    .about .over-cont .left{float:none;width:auto;padding-left:120px}
    .about .over-cont .right{float:none;width:auto;margin-top:30px;padding:0 20px 0 20px;font-size:14px;line-height:24px}
    .about .over-cont .right br{display:none}
    .about .over-cont .module{padding:40px 0 50px}
    .about .over-cont .num{font-size:27px}
    .about .over-cont .block .module{background-size:84px 84px;background-position:20px 30px}
    .about .over-cont .left .txt{width: 200px;margin-top:5px;font-size:24px;line-height:30px;word-break:keep-all}
    .about .over-cont .left .txt span{font-weight:200}
    .about .over-cont .left .txt br{display:none}



    /* 찾아오시는 길 */
    .location .guidance .tit:after{display:none;}/*이세연 추가 201202*/
    .location{padding:0 0 60px}
    .location .layout{padding:0 20px;box-sizing:border-box}
    .location .title02{padding-top:50px}
    .location .title02{font-size:20px}
    .location .title02::before{top:32px;height:4px}
    .location #map{margin-top:35px}
	.location #map img{height: auto;}
    .location .guidance .block{margin-top:18px}
    .location .guidance .tit{float:none;width:auto;min-height:auto;padding:25px 0 25px;font-size:15px;font-weight:700;border-bottom:1px solid #000000}

    .location .guidance .block:first-child .tit{min-height:auto}
    .location .guidance .right{float:none;width:auto;margin:0}
    .location .guidance .emp{font-size:12px}
    .location .guidance .cont{padding:25px 0 25px} 
    .location .guidance .desc{margin:0;font-size:12px;line-height:18px}

    

    /* 현장이야기 */
    .agency .title02{font-size:20px;line-height:24px}
    .agency .important .obj{display:none}
    .agency .important .layout{padding:0 20px;box-sizing:border-box}
    
    .agency .agency-list{padding:0 20px 60px}
    .type201214 .item{margin:10px 4% 40px 0 !important;}/*추가 20201214*/
    .type201214 .item.item:nth-child(2n){margin-right:0px !important;}/*추가 20201214*/
    .list-column3 .item{width:48%;height: 100%;/*padding:0 5px;패딩값 삭제 이세연 201207*/box-sizing:border-box}
    .list-column3 .item:nth-child(2n-1){clear:both}
    .list-column3 .item.reset{clear:inherit}
    .swiper-wrapper .swiper-slide.item{/*margin:10px 0px 40px 0 !important;201214*/}
    .swiper-wrapper .swiper-slide.item .img img{ /*border-radius:14px;*/}
    .swiper-wrapper .swiper-slide.item:nth-child(2n){/*margin:10px 0px 40px 0 !important;삭제 20201214*/}
    .agency .important{padding-top:30px}
    .agency .important .list-column3{margin-top:50px;padding:0 0 60px}
    .agency .important .swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px}
    .agency .list-column3 .badge{width:35px;height:35px;padding-top:7px;font-size:10px;line-height:1;background-size:100% 100% !important;}
    .dis_none{display:none !important;}/*yj 우수가맹점, 이벤트스토리 네모칸부분 모바일에서 2번째줄 안보이게 함*/

    .agency .list-column3 a{padding-bottom:0 !important; overflow: hidden; border-radius:9px;}/*border-radius 이세연 추가 201207*/ 
    .agency .list-column3 .title{overflow: hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;height: 36px !important;margin-bottom: 16px;padding-top: 50px !important;padding-left: 0;margin-top: 0 !important;font-size:13px;line-height:18px}
	.agency .list-column3 .desc{margin-top:5px;font-size:12px;line-height:18px; padding:10px 0;}
    .event.agency .list-column3 .img{height:auto}
    .event.agency .list-column3 .date{height: 100%;min-height: 28px;margin:14px 0 10px;font-size:10px;line-height: 14px;}
    .event .title02::before{top:-21px;height:4px}
    .event .important{padding-bottom:30px}
    .agency .agency-view .module{top:-168px; width:90% !important} /* sk 201221 with: 90% add agency */
    .agency .agency-view .module img{width:90% !important; height:100% !important;} /* sk 201218 width:90% add event */
    .event.agency .agency-view .badge{top:5px;left:50%;width:35px;height:35px;margin:0 0 0 -17px;line-height:35px;font-size:10px}
    .agency .list-column3 .badge{top:0px;left:0px;right:inherit;line-height:35px;padding-top:0}/*top left값 수정 이세연 201207*/
    .event.agency .list-column3 .item{margin:0 8px 52px 0;}
    .event.agency .list-column3 .item:nth-child(2n){margin:0 0 52px 0px;}
    .media.agency .list-column3 .item{margin:0 8px 52px 0;}
    .media.agency .list-column3 .item:nth-child(2n){margin:0 0 52px 0px;}
    .store .swiper-wrapper .swiper-slide.item{/*margin:10px 0px 40px 0 !important; 삭제 201214*/overflow:hidden;}
    .media .important{padding-bottom:30px}
    .media .tab-sub-page li a{font-size:20px}
    .media .tab-sub-page li a::before{top:3px;height:13px}
    .media.agency .list-column3 a{padding-bottom:18px}
    .media .agency-list .list-column3{margin-bottom:23px}
    .media .agency-list .list-column3 .item{width:48%}
    .media.agency .list-column3 .img{height:auto}
    .media .agency-list .sns img{margin:0 5px;width:30px}
    .agency .btn-area::before{height:2px}
    .agency .btn-list{height:35px;margin-top:32px;padding:0 53px 0 38px;line-height:35px;font-size:14px}
    .agency .btn-list.ico-plus::before{width:11px;height:11px;background-size:100%}
    .agency .agency-view .tit{margin-top:17px;font-size:18px}
    .agency .agency-view .date{font-size:12px}
    .agency .agency-view .date::before{width:10px;height:10px;vertical-align:-2px;background-size:100%}
    .agency .agency-view .youtube{margin-top:32px}
    .agency .agency-view .img{margin-top:32px}
    .agency .agency-view .desc.emp{margin-top:26px;font-size:15px;line-height:26px}
    .agency .agency-view .desc{margin-top:21px;font-size:12px;line-height:21px}
    .agency .agency-view .tit::after{margin-top:32px}

    /* 보도자료 */
    .press{padding-bottom:60px}
    .press .press-cont{margin:27px 0 0;padding:0 20px;box-sizing:border-box}
    .press .press-ctr::after{height:2px}
    .press .press-ctr .txt{float:none;padding:14px 0;font-size:16px}
    .press .press-ctr .ip-area{float:none;position:relative;padding:0 0 10px 105px}
    .press .press-ctr .ip-select{position:absolute;top:0;left:0}
    .press .press-ctr select{height:30px}
    .press .press-ctr input{width:auto;height:30px;font-size:12px;background-size:25px 25px}
	.press .list .img{overflow: hidden;float: left;width: 33.3%;max-height: 250px;margin-right: 4.33%;line-height: 84px;}
    .press .list .item a{padding:25px 0}
    .press .list .cont{float: left;padding:0;width: 62.34%;font-family:"Noto";}
    .press .list .press-tit{font-size:11px}
    .press .list .tit-txt{margin:10px 0 8px;font-size:14px;line-height: 20px;}
    .press .list .date{display:block;margin-top:7px;font-size:10px}
    .press .list .date::before{width:10px;height:10px;vertical-align:-2px;background-size:100%}
    .press .pagination{margin-top:34px}

    /* 고객의소리 */
    .qna .visual-txt{padding:30px 20px 0}
    .qna .visual-txt br{display:none}
    .qna .visual-txt .emp{display:inline;font-size:37px;line-height:46px}
    .qna .visual-txt .emp.dp_block{display:block !important;}
    .qna .visual-txt .desc{margin-top:20px;line-height:20px}
    .qna .visual-txt .txt{font-size:37px;line-height:40px}
    .qna .visual-txt .txt br{display:none}
    .qna .form-group .td .input-area{display:block;margin:5px 0}
    .qna .form-group .td .ip-txt{width:100%}
    .qna .agree-box{margin-top:22px;padding:0 20px}
    .qna .radio-group label::before{width:18px;height:18px;background-size:100% 100% !important}
    .qna .form-group{padding:0 20px}
    .qna .form-group .td{padding-left:10px;box-sizing:border-box}
    .qna .form-group .ip-file{display:block}
    .qna .form-group .btn-file{width:100px;height:30px;margin:5px 0 0;line-height:30px;font-size:12px}
    .qna .captcha .desc{margin:0;font-size:12px}
    
    /* 창업절차 */
    .pcd .pcd-cont{padding:0 20px}
    .pcd .cart{padding:0 0 60px}
    .pcd .tb-wrap{margin-top:36px;padding:0 20px}
    .pcd .tb-wrap .scroll{overflow:auto}
    .pcd .tb-wrap table{width:100%}
    .type01 table thead th{padding:11px 10px;font-size:12px}
    .type01 table thead th span.dv02{display: block;}
    .type01 table tbody th, .type01 table tbody td{padding:9px 10px;font-size:12px;line-height:16px}

    /* 특수상권 */
    .pcd .tab-page2{margin:40px 20px 0}
    .pcd .tab-page2 li{width:50%}
    .pcd .tab-page2 li a{height:30px;line-height:30px;font-size:16px}
    .pcd .tb-wrap.type03{margin-top:24px}
    .tb-wrap.type03::before{height:2px}
	.tb-wrap.type03 table .m{display: none;}
    .tb-wrap.type03 table thead th{padding:11px 10px;font-size:12px}
    .tb-wrap.type03 table tbody th, .tb-wrap.type03 table tbody td{padding:9px 10px;font-size:12px;line-height:16px}
    .tb-wrap.type03 table tbody td .badge{font-size:10px;height:20px;padding:0 10px;line-height:20px}
    .pcd .recommendation{padding-bottom:60px}
    .pcd .pagination{margin-top:28px}

	/*이벤트*/
	.agency .list-column3 img {width:368px; height:auto;}

	/*고객의 소리*/
	.qna .qna-cont{
		/* yj 모바일에서 보여진 오류이미지 삭제
		background: url("../images/community/bg_qna.png") center top no-repeat; background-size: 500px; padding-top: 180px; */
	}
        .qna .btnGrays{display: inline-block;height: 38px;line-height:38px;margin-left: 10px;margin-right:13px;padding:0 10px !important;background:#a79a8b;color: #FFF !important;border:none;font-size: 14px !important;font-family:"SCDream", "Noto", sans-serif;vertical-align: middle;cursor: pointer;padding-right:100px}
        select{width: 80px;height:30px;margin-top:-4px;border:1px solid #d9d4cf;background:#fff;font-size: 14px !important;font-family:"SCDream", "Noto", sans-serif;color:#000;vertical-align:middle;}
        .sound_only{display: none;} /* gray 버튼 크기 */


    /* 창업문의 */
    .counsel .qna-cont{/* background-size:40%; yj 태블릿에서 겹쳐서 사이즈 150px로 변경*/background-size:150px;background-position:center 0}
    .counsel .visual-txt{margin-top:50px;padding:174px 20px 0}
    .counsel .visual-txt .emp{font-size:22px}
    .counsel .visual-txt .txt{font-size:22px;line-height:30px}
    .counsel .visual-txt .desc{margin-top:18px;font-size:12px;line-height:20px}
    .counsel .agree-box{margin-top:40px;padding:0 20px}
    .qna .agree-box .tit{padding:16px 0;font-size:12px;line-height:16px}
    .qna .agree-box .over{padding:15px 24px}
    .qna .agree-box .txt, .qna .agree-box li{font-size:10px;line-height:15px}
    .qna .agree-box .txt-warning{margin:21px 0;font-size:10px;line-height:16px}
    .qna .radio-group{margin-top:11px}
    .qna .form-group .th{padding:5px 0 0 0;font-size:12px;line-height:16px}
    .counsel .form-group .td{padding:0 0 0 10px;box-sizing:border-box}
    .counsel .form-group .td .input-area{display:block;margin:5px 0 5px}
    .counsel .form-group .td .input-area input[type="text"]{width:100%}
    .qna .form-group .td select{width:100%;height:30px;padding-left:10px;font-size:12px;background-size:22px 22px;background-position:right 3px}
    .qna .radio-group label{font-size:12px}
    .qna .form-group::before{height:2px}
    .counsel .radio-group label::before{width:18px;height:18px;margin-right:8px;background-size:100%}
    .counsel .radio-group input:checked + label::before{width:18px;height:18px;background-size:100%}

    .counsel .counsel-tit.first, .counsel .form-group{margin-top:16px;padding:0 20px;font-size:12px}
    .counsel .counsel-tit .txt{font-size:10px}
    .counsel .counsel-tit .rqd{font-size:10px}
    .counsel .counsel-tit{margin-top:40px;padding:0 20px;font-size:12px}
    .qna{padding-bottom:60px}
    .qna .form-group::after{height:2px}
    .qna .form-group .block{padding:13px 0}
    .qna .radio-group .radio{margin:5px 15px 5px 0}
    .qna .form-group .td .text-area{height:118px;padding:10px;font-size:12px}
    .qna .form-group .td .txt{display:none}
    .qna .qna-cont .btn-area{margin-top:36px}
    .qna .qna-cont .btn-area .btns{width:120px;height:35px;margin:0 5px;line-height:35px;font-size:14px}

    /* 브랜드 경쟁력 */
    .founded .founded-cont{margin-top:50px}
    .founded .founded-cont .block{padding:0 20px}
    .founded .founded-cont .txt-module{padding:0 0 30px;background-size:13.5px 1.5px}
    .founded .founded-cont .num{width:36px;height:36px;line-height:36px;font-size:13px}
    .founded .founded-cont .emp{margin-top:22px;font-size:50px;letter-spacing:0;line-height:55px}
    .founded .founded-cont .emp .point{letter-spacing:-2px}
    .founded .founded-cont .item01 .txt-module .desc{margin-top:16px;font-size:20px;line-height:24px}
    .founded .founded-cont .txt-cont{margin-top:30px}
    .founded .founded-cont .txt-cont .txt-bic{font-size:70px}
	.founded .founded-cont .txt-cont .menu-number .txt-bic .nth-child-1{display: inline-block;margin-top: 3px;font-size:71px;vertical-align: top;}
    .founded .founded-cont .txt-cont .small{margin-left:-10px;font-size:40px}
    .founded .founded-cont .txt-cont .bd-style{margin-top:15px; padding-bottom: 10px; font-size:27px;line-height:32px}
    .founded .founded-cont .txt-cont .bd-style::before{bottom:-2.5px;height:10px}
    .founded .founded-cont .txt-cont .desc{margin-top:15px;font-size:30px;line-height:34px}
    .founded .founded-cont .img{margin-top:50px}
    .founded .founded-cont .img .left{float:none;width:auto}
    .founded .founded-cont .img .right{float:none;width:auto;margin-top:10px}
    .founded .founded-cont .block{margin-top:50px}
    .founded .founded-cont .item02 .emp, .founded .founded-cont .item03 .emp{font-size:50px}
    .founded .founded-cont .emp .point{display:inline;font-size:50px}
    .founded .founded-cont .item02 .box{margin-top:30px;padding:40px}
    .founded .founded-cont .txt-cont div + div  { margin-top:30px;}
    .founded .founded-cont .item02 .box img{float:none;margin:10px 0 0}
    .founded .founded-cont .item02 .box .emp{font-size:40px}
    .founded .founded-cont .item02 .box .small{font-size:30px}
    .founded .founded-cont .item02 .box .txt{font-size:20px;letter-spacing:-1px;line-height: 22px;}
    .founded .founded-cont .item02 .img{margin-top:0}
    .founded .founded-cont .bottom-cont{height:auto;margin-top:40px;padding:50px 0}
    .founded .founded-cont .txt-cont .txt-bic span.middle{font-size:60px;}/*이세연 추가 201204*/

    /* store */
    .store .store-swipe{width:auto}
    .store .ui-swiper-comn{margin:35px 20px 44px}
    .store .swiper-button-next,
    .store .swiper-button-prev{display:none}
    .store .ui-swiper-comn .badge{left:-1px; top:-1px; width:35px;height:35px;padding-top:7px;font-size:10px;background-size:100% !important}/*top left값 수정 이세연 201207*/
    .store .search-ctr .img{float:none;display:none;width:auto}
    .store .search-form{float:none;width:auto;padding:20px 20px}
    .store .search-form .flex-box{display:flex}
    .store .search-form .flex{float:none;flex:1;width:auto}
    .store .search-form input[type="text"]{padding-left:10px;height:30px;font-size:12px}
    .store .search-form select{height:30px;padding-left:10px;font-size:12px !important} 
    .store .search-form .checkbox label{padding:0 0 0 25px;font-size:12px}
    .store .search-form .checkbox{margin-left:25px;}
    .store .search-form .checkbox label::before{top:-4px}
    .store .search-form .btn-search{height:40px;line-height:40px;font-size:14px}
    .store .search-form .txt{font-size:16px}
    .store .search-form .block{margin-top:14px}
    .store .search-form .ip-wrap{margin-top:9px}
    .store .list-txt{margin:30px 20px 15px;font-size:12px}
    .tb-wrap.type02::before{height:2px}
    .tb-wrap.type02 .scroll{overflow:auto}
    .tb-wrap.type02 table{width:100%}
    .tb-wrap.type02 table thead th{padding:11px 10px;font-size:12px}
    .tb-wrap.type02 table tbody th, .tb-wrap.type02 table tbody td{padding:9px 10px;font-size:12px;line-height:16px}
    .tb-wrap.type02 table tbody td .badge{font-size:10px;height:20px;padding:0 10px;line-height:20px}
    .tb-wrap.type02 table tbody td img{width:24px}
    .store .pagination{margin-top:40px}
    .store .search-wrap{padding-bottom:60px}

    /* 로그인 */
    .login .module{padding:50px 20px 60px;background-position:10px 50px;background-size:100%}
    .login .txt .emp{font-size:32px}
    .login .txt{font-size:32px;line-height:40px;letter-spacing:-1px}
    .login .txt br{display:none}
    .login .form{margin-top:24px}
    .login input[type="text"], .login input[type="password"]{width:100%}
    .login .btn-login{height:50px;line-height:50px}

    .ui-layer-popup .popup{width:100%;border-radius:0}
    .ui-layer-popup .pop-head{height:auto;padding:20px 20px 20px;line-height:1.2;font-size:24px}
    .ui-layer-popup .pop-cont{padding:20px}
    .ui-layer-popup .store-info .img{/* float:none; yj 매장정보 상세보기 팝업이미지 텍스트 레이아웃 수정*/width:auto}
    .ui-layer-popup .store-info .txt-group{float:none;width:auto;margin:0}
    .ui-layer-popup .thum .item{width:50%;margin:0;padding:5px 5px;box-sizing:border-box}
    .ui-layer-popup .store-info .th{width:30%;font-size:14px}
    .ui-layer-popup .store-info .txt{width:70%;padding:15px 0 15px;font-size:14px;line-height:22px}
    .ui-layer-popup .btn-close{top:25px;right:20px;width:17px;height:17px;background-size:100%}
    .ui-layer-popup .store-info .name{margin-top:30px;font-size:20px}
	.ui-layer-popup .store-info .icon-delivery {float: left;margin-top: 28px;}
	.ui-layer-popup .store-info .icon-delivery ul li img{width: 25px;}
    .ui-layer-popup .store-info .group{float: left;width:100%;margin-top:16px}
    .ui-layer-popup .thum{margin-top:25px}
    .ui-layer-popup .map{margin-top:28px;padding-top:28px}
	
    .menu .title02{margin-top:30px;padding-top:50px;font-size:20px}
    .menu .title02:first-child{margin-top:0}
    .menu .desc{margin-top:10px}
    .menu .title02::before{top:22px;height:4px}
    .menu .set-cont .list li{margin-top:20px}

    .menu .set-cont .list.lgt3 li{width:48.5%}
    .menu .set-cont .list.lgt3 li:nth-child(odd){margin-lefT:0}
    .menu .set-cont .list.lgt3 li:nth-child(even){margin-left:3%}

    /* 메뉴 팝업 */
    .ui-layer-popup.menu{padding:20px}
    .ui-layer-popup.menu .popup{border-radius:10px}
    .ui-layer-popup.menu .pop-head{font-size:18px;padding:15px 20px 15px}
    .ui-layer-popup.menu .pop-cont{padding:0 25px}
    .ui-layer-popup.menu .img{padding-top:20px}
    .ui-layer-popup.menu .txt-module{margin-top:20px;padding-bottom:25px}
    .ui-layer-popup.menu .txt-module .txt{margin-top:15px;font-size:15px;line-height:24px}
    .ui-layer-popup.menu .txt-module .noti {font-size:12px; line-height: 16px; }
    .ui-layer-popup.menu .txt-module .hash{margin-top:5px;font-size:12px;line-height:18px}
    .ui-layer-popup.menu .txt-module .price{margin-top:12px;font-size:15px}
    .ui-layer-popup.menu .btn-close{top:18px}

	/* 1108 */
	.store-number{float: left;width:100%;height: 420px;padding-top: 40px;margin-left: 0}
    .dish-number{float: left;width:100%;height: 380px;padding-top: 40px;margin-left: 0}
    .menu-number{float: left;width:100%;height: 320px;padding-top: 40px;margin-left: 0;background-size: 140px;}
	.time-number{float: left;width:100%;height: 320px;padding-top: 40px;margin-left: 0;background-size: 100px;}
	.txt-cont.store{margin-bottom: 40px;}
	.txt-cont.store .store-text{font-size: 30px;line-height: 38px;}

	.store-merit{width: 100%;height: 700px;background-size: auto 200px; background:#fbf9e2 url('../images/about/bg_store-merit_2.png') bottom right no-repeat;}/*백그라운드 추가 이세연 201204*/
	.store-merit .title{padding: 70px 0 0;font-size: 70px;text-align: center;}/*padding-top값 수정 이세연 201204*/
	.store-merit .title .small{font-size: 40px;}
	.store-merit .txt{position: relative;top:0;left:0;margin-top: 20px;font-size: 28px;line-height: 36px;letter-spacing: -0.08em}
	.store-merit .circle{top: 260px;left:50%;width: 260px;height: 260px;transform:translateX(-50%);}
	.store-merit .circle p{font-size: 20px;line-height: 28px;}

	.store-3step{width:100%;height: 460px;background-position: 50% 80%;background-size:contain}
	.store-3step .title{float:inherit;padding: 60px 0 0;font-size: 70px;text-align: center;}
	.store-3step .title .small{font-size: 40px;}
	.store-3step .txt{position: relative;top:0;left:0;margin-top: 20px;font-size: 28px;line-height: 36px;letter-spacing: -0.08em}

	.store-brand-ad {width:100%;height: 520px;background-position: 50% 90%;background-size:90%}
	.store-brand-ad .title{float:inherit;padding: 60px 0 0;font-size: 70px;text-align: center;}
	.store-brand-ad .title .small{font-size: 40px;}
	.store-brand-ad .txt{position: relative;top:0;left:0;margin-top: 20px;font-size: 28px;line-height: 36px;letter-spacing: -0.08em}

	#footer .foot-float .number strong span.m{display: none;}
	.store .ui-swiper-comn .title{padding: 16px 10px 10px;line-height:20px;font-size: 16px;}/*패딩값 수정 이세연 201207*/

	.founded .founded-cont .item01 .emp,
	.founded .founded-cont .item03 .emp{line-height: 40px;font-size:34px;letter-spacing: -0.08em;}
    .founded .founded-cont .item02 .emp{line-height: 40px;font-size:34px;letter-spacing: -0.16em;}
	.founded .founded-cont .item01 .emp .point,
	.founded .founded-cont .item02 .emp .point,
	.founded .founded-cont .item03 .emp .point{display: block;margin-top: 10px;line-height: 54px;}

        .search-left, .search-right{float: left;margin-bottom: 10px;}

        /*sub*/
        .sub-visual{position:relative;z-index:5;min-height:469px}
        .sub-visual.ag-bg01{background:url("../images/visual/m_bg_subVisual01.png") center top no-repeat}
        .sub-visual.ag-bg02{background:url("../images/visual/m_bg_subVisual02.png") center top no-repeat}
        .sub-visual.ag-bg03{background:url("../images/visual/m_bg_subVisual03.png") center top no-repeat}
        .sub-visual.ag-bg04{background:url("../images/visual/m_bg_subVisual04.png") center top no-repeat}
        .sub-visual.ag-bg05{background:url("../images/visual/m_bg_subVisual05.png") center top no-repeat}

        .caution{font-size: 12px !important;color: #e82c00 !important;}

}

@media screen and (max-width:567px){	
	ul.tabs li {font-size:16px; margin-top:0; display:flex; flex-direction:column;}/*20201224 추가*/
	ul.tabs li.active {font-size:16px; line-height:20px;}/*20201224 line-height 추가*/
    ul.tabs li:hover {font-size:16px;}
    ul.tabs li span{display: block;}/*20201224 추가*/

/* intro */	
	.intro .scene .round-txt{display:inline-block;position:absolute;top: 78%;left:0;width: 80%;height:60px;margin-left:10%;padding:0;line-height:58px;font-size:20px;color:#ffffff;text-align:center;border:2px solid #d1d1d1;border-radius:34px;background-color:rgba(255,212,0,.5);box-sizing:border-box;}
	.intro .scene .txt-module{display:none;position:absolute;top:30px;left:0;width:100%;text-align:center}
	.intro .scene .txt-module::before{display:block;margin:0 auto;content:"";background:url("../images/common/icon_intro.png") no-repeat}
	.intro .scene .txt{margin-top:10px;font-size:28px;line-height:32px;color:#ffde00}

/*고객의소리 매장팝업*/
        .store_pop input[type=text]{height:30px;margin-top: 6px;padding: 0 10px;line-height:30px;background:#fff;border:1px solid #d9d4cf;vertical-align:middle;}
        .store_pop .pagination .btn{width: 20px;height: 20px}
        .store_pop .pagination .pagi-num .num{width: 20px;height: 20px;line-height: 20px;font-size: 12px;}

}
@media screen and (max-width:320px){
    .agency .list-column3 .title{font-size:11px;}
    }
@media screen and (max-width:480px){

	        .board_list01 .m{display: none !important;}

}

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

	.section04 .search{padding: 0 33px 6px;}
	.section04 .search .desc{margin-top: 8px;}
	.section04 .search .form{margin-top: 6px;}
	.section04 .tooltip .tip-desc{width: 80%;line-height: 14px;word-break:keep-all;}

	.about .over-cont .left{padding-left: 100px;margin-top: -10px;}
	.about .over-cont .left .txt{font-size: 20px;}
	.about .over-cont .block .module{background-size:64px 64px}
	.about .over-cont .block.item03 .left{margin-top: -22px;}
	.about .over-cont .block.item03 .left .txt{line-height: 26px};

	.store .ui-swiper-comn .title{font-size: 13px !important;}

	.ui-layer-popup .store-info .icon-delivery {float: left;margin-top: 10px;}
	.store .search-form .checkbox{margin-left:0}
	.store .search-form .checkbox label{margin:0 30px 20px 0;}
	.store .search-form .checkbox:last-child label{ margin: 0;}

	.store-merit {height:520px;}
	.store-3step{height: 260px;background-position:50% 100%}
	.store-3step .title{padding-top: 0;}
	.store-brand-ad{height: 420px;}
	.store-merit .title, .store-3step .title, .store-brand-ad .title{font-size: 50px;}
	.store-merit .txt, .store-3step .txt, .store-brand-ad .txt{font-size: 20px;line-height: 30px;}
	.store-merit .circle{top:220px;left:50%;width: 240px;height: 240px;transform:translateX(-50%);}
	.store-merit .circle p{font-size: 20px;line-height: 28px;}

	.agency .list-column3 .title{padding-top:40px !important;}
	.section04 .btn-more{top:57%;margin-left: -10px;}

}

/*** talbet ***/

@media screen and (min-width:540px) and (max-width:1024px){ */

	
        ul.tabs li {font-size:16px; margin-top:0;}
        ul.tabs li.active {font-size:16px;}
        ul.tabs li:hover {font-size:16px;}

/* intro */
        .intro .scene .round-txt{display:inline-block;position:absolute;bottom:175px;left:50%;height:70px;margin-left:-85px;padding:0 38px;line-height:68px;font-size:24px;color:#ffffff;text-align:center;border:2px solid #d1d1d1;border-radius:34px;background-color:rgba(255,212,0,.5);box-sizing:border-box;top: 80%}
        .intro .scene .txt-module{display:none;position:absolute;top:65px;left:0;width:100%;text-align:center}
        .intro .scene .txt-module::before{display:block;margin-top:150px;content:"";background:url("../images/common/icon_intro.png") no-repeat}

        .intro .scene .txt{margin-top:20px;font-size:53px;line-height:62px;color:#ffde00}
}