/* 서브공통  */
#page {padding-top:50px;}
#page>h2 {font-size:30px; font-weight:500; margin-bottom:30px;}
#page>h2:after {content:""; display:block; width:100%; height:1px; background:#ccc; margin-top:10px;}

/* 회사소개/BI */
.greetings {}
.greet_cont {margin-bottom:100px;}
.greet_cont:after {content:""; display:block; clear:both;}
.greet_cont img {float:left;}
.greet_cont dl {width:50%; float:right;}
.greet_cont dl dt {font-size:30px; line-height:1em; font-weight:500;}
.greet_cont dl dt:after {content:""; display:block; width:80px; height:1px; background:#aaa; margin:40px 0;}
.greet_cont dl dd {font-size:15px; margin-bottom:30px; word-break:keep-all; font-weight:300;}
.greet_cont dl dd:last-child {margin-bottom:0 !important;}
.greet_cont:nth-child(even) img {float:right;}
.greet_cont:nth-child(even) dl {float:left;}
.greet_cont:nth-child(2) dl dd {margin-bottom:70px;}
.greet_cont dl dd ul {}
.greet_cont dl dd ul li {margin-bottom:20px;}
.greet_cont dl dd ul li span {font-weight:500; color:#405652; font-size:17px;}
.greet_cont dl dd ul li p {}

.greet_cont h3 {font-size:35px; line-height:35px; font-weight:500; text-align:center;}
.greet_icon {text-align:center; margin:50px 0;}
.greet_icon li {display:inline-block; vertical-align:top; box-sizing:border-box; margin-right:1%; margin-bottom:20px; width:260px; height:260px; border-radius:50%; box-sizing:border-box; color:#fff; vertical-align:middle; overflow:hidden; padding:90px 20px 0;}
.greet_icon li:last-child {margin-right:0;}
.greet_icon1 {background:url(images/sub/greet_icon1.png) #509299 center 30px no-repeat;}
.greet_icon2 {background:url(images/sub/greet_icon2.png) #67b4bc center 30px no-repeat;}
.greet_icon3 {background:url(images/sub/greet_icon3.png) #509299 center 30px no-repeat;}
.greet_icon li span {font-size:20px; font-weight:400; display:block; margin-bottom:10px;}
.greet_icon li p {font-size:15px; font-weight:400; word-break:keep-all;}

.point_cont {text-align:center; margin-bottom:80px; clear:both;}
.point_cont h3 {font-size:35px; color:#000; line-height:35px; margin-bottom:40px;}
.point_cont h3 b {font-size:35px; line-height:35px; vertical-align:top;}
.point_cont div {display:inline-block; margin:0 3%; vertical-align:top; background:#405652; color:#fff; width:200px; height:200px; border-radius:50%; padding:25px; margin-bottom:10px;}
.point_cont #po01 {background:url(images/sub/point_icon1.png) #405652 center 30px no-repeat;}
.point_cont #po02 {background:url(images/sub/point_icon2.png) #d9e1e4 center 30px no-repeat;}
.point_cont #po03 {background:url(images/sub/point_icon3.png) #405652 center 30px no-repeat;}
.point_cont h4 {font-size:20px; margin:70px 0 5px;}
.point_cont #po02 h4 {color:#405652;}
.point_cont p {font-size:15px;}
.point_cont #po02 p {color:#666;}
.ci_cont {text-align:center;}
.ci_cont h3 {font-size:35px; color:#000; line-height:35px; vertical-align:top; margin-bottom:15px;}
.ci_cont h3 b {font-size:35px; line-height:35px; vertical-align:top;}
.ci_cont p {font-size:20px; color:#696969; margin-bottom:70px;}
.ci_cont .ci_img {height:340px; background:url(images/sub/greet_line.jpg) no-repeat; padding-top:100px; box-sizing:border-box;}

/* 서비스 */
.service {}
.service .tab_btn {text-align:center; border-bottom:1px solid #ccc;}
.service .tab_btn>li {display:inline-block; width:150px; font-size:18px; cursor:pointer; color:#999; padding:10px 0; margin-bottom:-1px;}
.service .tab_btn>li.on {border-bottom:2px solid #4d7483; color:#121212;}
.service .tab_cont > li {display:none; padding-top:50px;}
.service .tab_cont > li:first-child {display:block;}
.service .tab_cont > li dl {margin-bottom:100px;}
.service .tab_cont > li dl dt {font-size:30px; margin-bottom:20px;}
.service .tab_cont > li dl dt:after {content:""; display:block; width:100px; height:1px; background:#ccc; margin-top:20px;}
.service .tab_cont > li dl dd {font-size:16px; font-weight:300;}
.service .tab_cont > li dl dd ul.service_icon {text-align:center; margin:50px 0;}
.service .tab_cont > li dl dd ul.service_icon li {display:inline-block; width:13%; vertical-align:top; box-sizing:border-box; margin-right:1%; margin-bottom:20px;}
.service .tab_cont > li dl dd ul.service_icon.logis li {width:17%;}
.service .tab_cont > li dl dd ul.service_icon li:last-child {margin-right:0;}
.service .tab_cont > li dl dd ul.service_icon li span {display:block; width:180px; height:180px; border-radius:50%; box-sizing:border-box; background-repeat:no-repeat; background-position:center; margin:0 auto 15px auto;}
.service .tab_cont > li dl dd ul.service_icon li:nth-child(odd) span {background-color: #509299}
.service .tab_cont > li dl dd ul.service_icon li:nth-child(even) span {background-color: #67b4bc}
.service .tab_cont > li dl dd ul.service_icon li p {font-size:16px; color:#555; font-weight:400; color:#555; word-break:keep-all;}
/* .service .tab_cont > li dl dd ul.service_icon li p:before{content:""; display:block; width:100%; 
	height:1px; margin:0 auto 10px auto; background:#999;} */
/* .service .tab_cont > li dl dd ul.service_icon li:nth-child(odd) p{color:#509299} 
.service .tab_cont > li dl dd ul.service_icon li:nth-child(odd) p:before{background:#509299}
.service .tab_cont > li dl dd ul.service_icon li:nth-child(even) p{color:#67b4bc} 
.service .tab_cont > li dl dd ul.service_icon li:nth-child(even) p:before{background:#67b4bc}*/

.service .tab_cont > li dl dd ul.roasting li:nth-child(1) span {background-image:url(images/sub/roasting_icon1.png);}
.service .tab_cont > li dl dd ul.roasting li:nth-child(2) span {background-image:url(images/sub/roasting_icon2.png);}
.service .tab_cont > li dl dd ul.roasting li:nth-child(3) span {background-image:url(images/sub/roasting_icon3.png);}
.service .tab_cont > li dl dd ul.roasting li:nth-child(4) span {background-image:url(images/sub/roasting_icon4.png);}
.service .tab_cont > li dl dd ul.roasting li:nth-child(5) span {background-image:url(images/sub/roasting_icon5.png);}
.service .tab_cont > li dl dd ul.roasting li:nth-child(6) span {background-image:url(images/sub/roasting_icon6.png);}
.service .tab_cont > li dl dd ul.logis li:nth-child(1) span {background-image:url(images/sub/logis_icon1.png);}
.service .tab_cont > li dl dd ul.logis li:nth-child(2) span {background-image:url(images/sub/logis_icon2.png);}
.service .tab_cont > li dl dd ul.logis li:nth-child(3) span {background-image:url(images/sub/logis_icon3.png);}
.service .tab_cont > li dl dd ul.logis li:nth-child(4) span {background-image:url(images/sub/logis_icon4.png);}
.service .tab_cont > li dl dd ul.logis li:nth-child(5) span {background-image:url(images/sub/logis_icon5.png);}
.service .tab_cont > li dl dd ul.program li {width:24%;}
.service .tab_cont > li dl dd ul.program li:nth-child(1) span {background-image:url(images/sub/program_icon1.png);}
.service .tab_cont > li dl dd ul.program li:nth-child(2) span {background-image:url(images/sub/program_icon2.png);}
.service .tab_cont > li dl dd ul.program li:nth-child(3) span {background-image:url(images/sub/program_icon3.png);}
.service .tab_cont > li dl dd ul.program li:nth-child(4) span {background-image:url(images/sub/program_icon4.png);}
.service .tab_cont > li dl dd ul.program li:nth-child(5) span {background-image:url(images/sub/program_icon5.png);}
.service .tab_cont > li dl dd ul.program li:nth-child(6) span {background-image:url(images/sub/program_icon6.png);}
.service .tab_cont > li dl dd ul.program li:nth-child(7) span {background-image:url(images/sub/program_icon7.png);}
.service .tab_cont > li dl dd ul.program li:nth-child(8) span {background-image:url(images/sub/program_icon8.png);}
.service .tab_cont > li dl dd ul.program li:nth-child(4n) {margin-right:0;}
.service .tab_cont > li dl dd ul.program li p:before {width:180px;}

/* 메뉴소개 */
.menu_oppa {}
.menu_oppa ul {}
.menu_oppa ul:after {content:""; display:block; clear:both;}
.menu_oppa ul li {width:23.5%; margin-right:2%; margin-bottom:20px; float:left; border:1px solid #ccc; box-sizing:border-box; padding:20px 15px; cursor:pointer; position:relative;}
.menu_oppa ul li:nth-child(4n) {margin-right:0;}
.menu_oppa ul li div.menu_box {text-align:center; position:relative;}
.menu_oppa ul li div.menu_box span.btn_info {display:block; position:absolute; top:0; right:0; z-index:110;}
.menu_oppa ul li div.menu_box span.btn_info>span {display:block; background:#fff; width:20px; height:1px; transition: all 0.25s ease-in-out; z-index:110;}
.menu_oppa ul li div.menu_box span.btn_info>span:nth-child(1) {margin-bottom:15px;}
.menu_oppa ul li div.menu_box span.btn_info>span:nth-child(2) {}
.menu_oppa ul li.open div.menu_box span.btn_info>span:nth-child(1) {background:#000; transform: translateY(8.5px) translateY(-50%) rotate(-45deg);}
.menu_oppa ul li.open div.menu_box span.btn_info>span:nth-child(2) {background:#000; transform: translateY(-8.5px) translateY(50%) rotate(45deg);}
.menu_oppa ul li div.menu_box img {display:block; margin:0 auto;}
.menu_oppa ul li div.menu_box p {; font-size:18px; border-top:1px solid #ccc; padding-top:20px;}
.menu_oppa ul li div.menu_box p strong {display:block; color:#555;}
.menu_oppa ul li div.menu_info {background-color: rgba(255,255,255,0.9); position: absolute; top:0; left:0; width:100%; height:100%; transition: opacity 0.2s ease-in-out; z-index: 100; opacity: 0; visibility: hidden; flex-direction: column; justify-content: center; align-items: center; padding:50px 7% 0 7%; box-sizing:border-box;}
.menu_oppa ul li.open div.menu_info {opacity: 1; visibility: visible;}
.menu_oppa ul li div.menu_info dl {}
.menu_oppa ul li div.menu_info dl dt {font-size:20px; margin-bottom:20px;}
.menu_oppa ul li div.menu_info dl dt:after {content:""; display:block; width:50px; height:1px; background:#121212; margin-top:20px;}
.menu_oppa ul li div.menu_info dl dt b {display:block; font-size:16px; color:#999; font-weight:400;}
.menu_oppa ul li div.menu_info dl dd {font-size:16px; font-weight:300; word-break:keep-all;}

/* 사업전략시스템 */
.success {}
div.franchise {margin-bottom:100px;}
div.franchise:after {content:""; display:block; clear:both;}
div.franchise .f_text {float:left; width:70%; padding-right:5%; box-sizing:border-box;}
div.franchise .f_text p {font-size:16px; word-break:keep-all; margin-bottom:40px;}
div.franchise .f_text p b {font-weight:bold; color:#000;}
div.franchise .f_text span {display:block; width:50%; float:left; vertical-align:middle; font-size:16px; background-repeat:no-repeat; background-position:left center; padding:15px 0 15px 60px; box-sizing:border-box;}
div.franchise .f_text span:nth-child(2) {background-image:url(images/sub/franchise_icon1.png);}
div.franchise .f_text span:nth-child(3) {background-image:url(images/sub/franchise_icon2.png);}
div.franchise>img {float:right; width:30%;}
.success ul {}
.success ul:after {content:""; display:block; clear:both;}
.success ul li {width:50%; min-height:150px; float:left; margin-bottom:50px; background-repeat:no-repeat; background-size:150px auto; padding-left: 170px; box-sizing: border-box;}
.success ul li:nth-child(1) {background-image:url(images/sub/success_icon1.png);}
.success ul li:nth-child(2) {background-image:url(images/sub/success_icon2.png);}
.success ul li:nth-child(3) {background-image:url(images/sub/success_icon3.png);}
.success ul li:nth-child(4) {background-image:url(images/sub/success_icon4.png);}
.success ul li:nth-child(5) {background-image:url(images/sub/success_icon5.png);}
.success ul li:nth-child(6) {background-image:url(images/sub/success_icon6.png);}
.success ul li dl {padding-right:2%; box-sizing:border-box;}
.success ul li dl dt {font-size:20px;}
.success ul li dl dd {font-size:16px; color:#666; word-break:keep-all;}

/* 개설과정 */
.process {}
.process ul {text-align:center;}
.process ul:after {content:""; display:block; clear:both;}
.process ul li {width:19%; display:inline-block; vertical-align:top; text-align:center; padding:0 2%; box-sizing:border-box; margin-bottom:40px;}
.process ul li img {margin-bottom:10px;}
.process ul li span {display:block; width:30px; height:30px; background:#405652; border-radius:50%; color:#fff; font-size:18px; text-align:center; font-weight:bold;}
.process ul li strong {display:block; font-size:20px; width:100%; border-top:1px solid #ccc; padding-top:10px; margin-bottom:5px;}
.process ul li p {font-weight:300; word-break:keep-all; color:#777;}

/* 투자비용 */
.invest {}
.invest >p {font-size:17px; font-weight:300;}
.invest table {width:100%;  margin:30px 0; }
.invest table thead th {background:#274f13; font-weight:600;  padding:15px 0; text-align:center; border-right:1px solid #fff; color:#fff;}

.invest table thead th:last-child {border-right:0;}
.invest table th {font-weight:500; text-align:left; padding:15px 2%; border-bottom:1px solid #ccc; border-right:1px solid #ccc; word-break:keep-all; vertical-align:middle; font-size:16px;}
.invest table tbody th span {color:#de0913; font-size:16px;}
.invest table td {padding:15px 2%; word-break:keep-all; vertical-align:middle; font-weight:300; font-size:16px;}
.invest table tbody td {text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  }
.invest table td:last-child {border-right:0;}
.invest table th.gr, .invest table td.gr {background:#f3f3f3; font-weight:600;}
table td strong {font-weight:500; font-size:17px;}
table td strong.red {color:#de0913;}
td.center {text-align:center !important;}
td.right {text-align:right !important;  float: none;}
.d_price {display:inline-block; text-decoration:line-through; font-weight:200; font-size:16px;}
.invest table tfoot td {background:#ffff01; border-bottom:2px solid #333; font-weight:500; font-size:18px; text-align:right; }
.invest table tfoot td span {font-weight:500;  font-size:18px;}
.invest table tfoot td strong {font-size:25px;}

/* 가맹상담신청 */
.counsel {}
.counsel .kakao {margin-bottom:30px;}
.counsel .kakao:after {content:""; display:block; clear:both;}
.counsel .kakao > img {float:right;}
.counsel .kakao ul {width:55%; float:left; margin:20px 0;}
.counsel .kakao ul li { font-size:15px; line-height:220%;}
.counsel .kakao >  ul > li > span{ font-size:18px; line-height:160%; display:block; text-align:center; height:40px; padding:20px 0;}
.counsel .kakao >  ul > li > span > span {font-size:16px;}
.counsel .kakao a {font-size:18px; color:#fff;background:#374d48;padding:10px 20px;}
.counsel .kakao a img {vertical-align:middle;}
.counsel .privacy {margin-bottom:50px;}
.counsel .privacy h3 {font-size:18px; font-weight:500;}
.counsel .privacy .text_area {width:100%; height:250px; background:#f3f3f3; border:1px solid #ccc; box-sizing:border-box; overflow-y:scroll; padding:20px 20px; margin:10px 0;}
.counsel .privacy .text_area p {word-break:keep-all; margin-bottom:10px; font-size:13px; color:#555;}
.counsel .privacy input {width:18px; height:18px; vertical-align:middle; background:#fff;}
.counsel .privacy .agree_text {display:inline-block;}
.counsel table {width:100%; border-top:1px solid #405652}
.counsel table th {padding:15px 10px; border-bottom:1px solid #ddd; background:#f3f3f3; vertical-align:middle;}
.counsel table td {padding:15px 10px; border-bottom:1px solid #ddd;}
.counsel table td select {padding:11px 10px 10px 10px;}
.counsel table td input {padding:10px 10px; font-size:16px; border:1px solid #ccc;}
.counsel table td input.name {width:150px;}
.counsel table td input.hp_num {width:100px;}
.counsel table td input.email_id {width:150px;}
.counsel table td input.email_add {width:200px;}
.counsel table td input.area {width:150px;}
.counsel table td input.cost {width:150px;}
.counsel table td input:focus {border:1px solid #405652}
.counsel table td textarea {width:100%; height:200px;}
.counsel .btn_counsel {display:block; margin:0 auto; cursor:pointer; background:#405652; border:0; color:#fff; padding:10px 20px; font-size:16px; font-weight:600;}


/* 매장찾기 */
div.new_shop {margin-bottom:100px;}
div.new_shop ul {}
div.new_shop ul:after {content:""; display:block; clear:both;}
div.new_shop ul li {float:left; width:23.5%; margin-right:2%; border:1px solid #ccc; box-sizing:border-box; text-align:center;}
div.new_shop ul li:last-child {margin-right:0;}
div.new_shop ul li img {width:100%; margin-bottom:10px;}
div.new_shop ul li span {font-size:20px; font-weight:500;}
div.new_shop ul li p {margin:10px 0 20px 0; font-weight:300;}
div.search_box_wrap {width: 45%; height: 350px; float: left; background-color: #f3f3f3;}
div.search_box {background:#fff;/*  padding:30px 3%; */margin-bottom:30px; width: 100%; height: 350px; border: 1px solid #ccc;}
/* div.search_box span{display:inline-block; font-size:18px;width:10%; } */
div.search_box select {padding:10px 5px; width:20%; box-sizing:border-box; font-size:14px; line-height:14px;}
div.search_box input {width:60%; padding:11px 5px; box-sizing:border-box; border:1px solid #aaa; font-size:14px; line-height:14px; color:#555; margin-top: 13px;}
div.search_box button {width:9%; box-sizing:border-box; padding:12px 0; font-size:14px; line-height:14px; font-weight:600; border:0; background:#405652; color:#fff; cursor:pointer;}
div.search_box input[type=submit] {width:11%; box-sizing:border-box; padding:12px 0; font-size:14px; line-height:14px; font-weight:600; border:0; background:#405652; color:#fff; cursor:pointer;}
div.shop_list {}
div.shop_list>ul {border-top:1px solid #121212;}
div.shop_list > ul > li {border-bottom:1px solid #ccc;}
div.shop_list > ul > li .shop_title {padding:25px 2% 25px 4%; transition:all 0.2s;}
div.shop_list > ul > li .shop_title:after {content:""; display:block; clear:both;}
div.shop_list > ul > li .shop_title span {display:block; width:35%; float:left; font-size:18px; line-height:20px; vertical-align:middle;}
div.shop_list > ul > li .shop_title p {width:60%; float:left; line-height:20px; vertical-align:middle;}
div.shop_list > ul > li .shop_title img {display:block; float:right; cursor:pointer; margin-top:3px; transition:all 0.3s;}
div.shop_list > ul > li .shop_title.active {background:#eee;}
div.shop_list > ul > li .shop_title.active img {transform:rotate(180deg);}
div.shop_list > ul > li .shop_info {display:none; padding:30px 2% 30px 4%;}
div.shop_list > ul > li .shop_info:after {content:""; display:block; clear:both;}
div.shop_list > ul > li .shop_info img {width:35%; float:left; padding-right:10%; box-sizing:border-box;}
div.shop_list > ul > li .shop_info table {width:65%; float:left;}
div.shop_list > ul > li .shop_info table th {padding-bottom:10px; color:#405652; font-size:16px;}
div.shop_list > ul > li .shop_info table td {padding-bottom:10px; font-size:16px; font-weight:300;}
div.shop_list > ul > li .shop_info table td ol {}
div.shop_list > ul > li .shop_info table td ol li {display:inline-block; margin-right:1%; margin-bottom:10px;}
div.shop_list > ul > li .shop_info table td ol li span {display:inline-block; width:40px; height:40px; border-radius:50%; background:#aaa; vertical-align:middle; background-repeat:no-repeat; background-position:center;}
div.shop_list > ul > li .shop_info table td ol li span.on {background-color:#405652;}
div.shop_list > ul > li .shop_info table td ol li:nth-child(1) span {background-image:url(images/sub/shop_list_icon1.png);}
div.shop_list > ul > li .shop_info table td ol li:nth-child(2) span {background-image:url(images/sub/shop_list_icon2.png);}
div.shop_list > ul > li .shop_info table td ol li:nth-child(3) span {background-image:url(images/sub/shop_list_icon3.png);}
div.shop_list > ul > li .shop_info table td ol li:nth-child(4) span {background-image:url(images/sub/shop_list_icon4.png);}
div.shop_list > ul > li .shop_info table td ol li:nth-child(5) span {background-image:url(images/sub/shop_list_icon5.png);}
div.shop_list > ul > li .shop_info table td ol li:nth-child(6) span {background-image:url(images/sub/shop_list_icon6.png);}
div.shop_list > ul > li .shop_info table td ol li p {display:inline-block; padding-left:5px; vertical-align:middle; font-weight:500;}
.map_search {width: 50%; float: left; margin-left: 5%;}
.map_search h2 {font-size: 40px; margin: 60px 0 30px; letter-spacing: -0.05em;}
.map_search span {font-size: 16px; /* margin: 5px 0 13px 15px; */
	color:#717171; text-align: left;}
#bo_cate {width: 97%; margin-top: 20px; display: inline-block;}
#bo_cate ul {zoom: 1;}
#bo_cate ul:after {display: block; visibility: hidden; clear: both; content: "";}
#bo_cate li {float: left; margin-bottom: -1px; width: 18.5%;}
#bo_cate a {display: block; position: relative; margin-left: -1px; padding: 10px 0; border: 1px solid #ddd; color: #888; text-align: center; letter-spacing: -0.08em; font-size: 13px; line-height: 1.2em; cursor: pointer;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration: none;}
.active {background: #405652; color: #fff;}
.bo_cate_ul {margin: 0 15px;}