/*
Description: dwb_style_PhubCloud(mobile 홈페이지)
Author: mail@dwb.kr
Version: 1.0
P-Day:2020.02.06
Last_Edit:
Update:
*/



body {margin: 0px;padding: 0px; overflow-x: hidden;}
img{margin:0px; padding:0px;}
#dwb_Center_header .inner,
#dwb_Center_body .inner,
#dwb_Center_footer .inner{width:100%; overflow-x: hidden;}
#main .inner{width:100% ; overflow-x: hidden;}
#main .inner2{width:100%; }
#dwb_Center_body .inner{width:100%; overflow-x: hidden;}
#dwb_Center_body .inner2{width:100%;}
.span1{width:128px;}.span2{width:256px;}.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10{width:100%;}
#TopScroll{opacity:0; display:scroll;position:fixed; bottom:10px;  z-index:999; right:10px	}
.full_img{width:100%;}
.full_img img{width:100%;}
.NoneDisplay, .hidden-mobile_h,.MobileNoneDisplay,.DWBNoneDisplay{ display:none!important;}

.scroll-container {
	width: 100%;
	overflow:hidden;
	position: static;
	margin: 0;
	padding: 0;
}
.scroll-container section{
	width: 100%; overflow:hidden;
	
}

li{list-style: none; }
a{text-decoration: none!important;}
h1,h2,h3,h4,h5,h6,p{margin: 0; padding: 0;}
.center_pull{text-align: center;}
.right_pull{float: right;}
.left_pull{float: left;}
.rignt_margin_remove{margin-right: 0;}
ul,ol{margin: 0; padding: 0;}

::-moz-selection {
   background: #d2ebe9;
   color: orangered;
}
::selection {
   background: #d2ebe9;
   color: orangered;
}


select{
/*ios대응*/
-webkit-appearance: none;
-moz-appearance: none; 
appearance: none;

}

/*==========헤더시작======================*/
.mobile_header{width: 100%; position: fixed; background-color: #fff; z-index: 9;}
.mobile_header_logo{margin-left: 10px; padding: 10px 0;}
.left_gnbWrap .mobile_header_logo{ position: absolute; top: 0; left: 0;}

.gnbWrap{
    padding-top: 10px; padding-bottom: 8px;
    width: 890px; margin: 0 auto;
}
.gnbWrap>img{
    width: 250px; height: 42px;
}
/* 모바일 메뉴 버튼 */
.menu {    
	position: absolute;
    top: 32px;
    right: 5%;
    transform: translateY(-50%);
    font-size: 25px;
    color: #153a7e;
    font-weight: 100;
}
.menu>a{width: 100%;height: 100%; display: block;}

.close_m{
    width: 50px; height: 50px; opacity: 1; text-shadow: none;
    position: absolute; right: 0; top: 5px; color: #ffcc00;
    line-height: 50px; text-align: center; font-size: 25px;
}
.left_gnbWrap{
    height: 100%;
    width: 55%;
    position: fixed; right: -100%; top: 0;
/*	background-color: 255,255,255,0.7;*/
    background-color: #153a7e;
    padding-top: 50px;
    z-index: 999;
    transition: all 0.3s;
}
.left_gnbWrap.on{
    right:0;
}
.left_gnb{ margin-top: 30px;}
.left_gnb>li{
    width: 100%;
	text-indent: 20px;
}
.left_gnb>li>a{
    display: block; line-height: 50px;
    width: 100%; height: 50px;
    color: black;
	color: #ffcc00; 
	border-bottom: #113366;
	font-size: 4vw;
}
.left_gnb>li>a.on{
    background-color: #153a7e;
}
.left_gnb>li>ul{
    display: none;
}
.left_gnb>li>ul>li>a{
    display: block; line-height: 40px;
    width: 100%; height: 40px; 
	font-size: 3.5vw;
    color: black;
	color: #eee;
}
/*=================헤더 끝===================*/





/*=======메인 바디 시작========================*/ 
.con {max-width:100%; margin:0 auto;}
.section1 {margin-top: 64px;}
.slick-track{height: 70vh;}
.slider-wrap { position:relative;}
.main-slider {position:relative; margin-bottom:0 !important;}
.main-slider .slide-item .slide-con { position:relative;}
/* 사이드 버튼 */
.main-slider .slick-arrow{position:absolute; top:58.5vh; left:3vh; transform:translatey(-50%); display:block; z-index:50;}
.main-slider .slick-arrow::before {display:block; width:auto; height:55px; line-height: 55px; opacity:1; color:#fff;}
.main-slider .slick-next {left:auto; left:14vw;}
/* 사이드 버튼 */

/* 페이지 버튼 */
.main-slider .slick-dots {font-size:0; position:absolute; left:0; bottom: 15px; width:100%; z-index:50;}
.main-slider .slick-dots::after { content:""; display:block; clear:both;}
.main-slider .slick-dots > li { width:19%; height:auto; padding-left:16px; margin:0; box-sizing:border-box; float:left;}
.main-slider .slick-dots > li > button {width:100%; height:2px; background-color:#fff; outline:none; position:relative; padding:0; color:inherit; line-height:normal;}
.main-slider .slick-dots > li > button::before {
    display:none;
}
.main-slider .slick-dots > li > button > .s-line-fill { content:""; width:0; height:2px; background-color:#113366; position:absolute; top:0; left:0; opacity:1;}
.slider-wrap .slick-dots .slick-active > button > .s-line-fill { animation:slick-progressbar 4s 1; animation-fill-mode: forwards;}
.slider-wrap[data-slick-autoplay-status="N"] .slick-dots .slick-active > button > .s-line-fill {
    animation-play-state:paused;}
@keyframes slick-progressbar {
    0% {
        width:0%;
    }
    100% {
        width:100%;
    }
}
/* 페이지 버튼 인디케이터 */
.main-slider .slick-dots > li > button > .s-indicator { display: none;
    position:absolute; left:50%; bottom:0; transform:translatex(-50%);  width:110%; overflow:hidden;}
.main-slider .slick-dots > li > button > .s-indicator > .inner-txt { 			display: none; 
	
font-size:15px; font-weight:bold; white-space:nowrap; display:block; width:100%; transform:translatey(100%); opacity:0; transition:all .8s; color:#fff;}

.main-slider .slick-dots > li > button:hover > .s-indicator > .inner-txt { transform:translatey(0); opacity:1; padding-bottom:5px;}
/* 오토플레이 버튼 */
.slider-wrap .s-autoplay-btn {position:absolute; left:11vh; bottom: 2.7vh; z-index:50; font-size:20px; color:#fff; background-color: transparent; border: none;}
.slider-wrap[data-slick-autoplay-status="Y"] .s-autoplay-btn:after { content:"■"; display:block; font-size:30px;}
.slider-wrap[data-slick-autoplay-status="N"] .s-autoplay-btn:after{ content:"▶"; display:block; font-size:20px;}
.slider-wrap .slide-dummy { display: none;}
.img-box1{background: url("../img/main/bn1.jpg") no-repeat center/cover; width: 100%; height: 70vh; position: relative;}
.img-box2{background: url("../img/main/bn2.jpg") no-repeat center/cover; width: 100%; height: 70vh; position: relative;}
.img-box3{background: url("../img/main/bn3.jpg") no-repeat center/cover; width: 100%; height: 70vh;}
.img-box4{background: url("../img/main/bn4.jpg") no-repeat center/cover; width: 100%; height: 70vh;}
.img-box5{background: url("../img/main/bn5.jpg") no-repeat center/cover; width: 100%; height: 70vh;}
.section1 .en_text{ color: #fff; font-size: 8vw; letter-spacing: 5px; text-align: center;}
.section_text_img1{padding: 20px 0 0 20px; width: 82%;}
.img-box1 .en_text{padding:  40px 0 0 20px; text-align: left;}
.img-box2 .en_text{padding: 40px 0 0 20px; text-align: left;}
.cup1{width: 20vh; position: absolute; right: 10px; bottom: 10px;}
.cup2,.cup4{width:33vh; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 63%;}
.common_bn_text_area p{color: #fff;}
.common_bn_text_area p:first-child{padding:30px 0 0 0; font-size: 6.5vw; font-weight: 500; text-align: center;}
.common_bn_text_area p:nth-child(2){font-size: 10vh; padding: 35px 0 0 0; letter-spacing: 15px; text-align: center; line-height: 11vh;}
.common_bn_text_area p:last-child{padding: 12px 0 0 0; font-size: 2.5vh; font-weight: 200; text-align: center; line-height: 7vw;}


.section2 .inner,.section3 .inner{padding-top: 50px;}
.section2 .inner .franchise_text,.section3 .inner .franchise_text{font-size: 4vw; color: #223c86; padding-top: 25px; text-align: center;}

.section2{background: url("../img/main/2.jpg") no-repeat center/cover; padding-bottom: 10px;}
#main .section2.section.main_section .inner{width: 90%;}
.section2 .franchise_img_text{width: 80%; margin: 0 10%;}

.franchise_btn_box{margin-top: -90px;}
.franchise_btn_box .franchise_btn{width: 200px; height: 45px; line-height: 45px; margin-left: 10px; border: 2px solid #223c86; color: #223c86; font-size: 16px; font-weight: 500;  text-align: center; float: left;}
.section2 .span10{margin-top: 30px;}


.section2 .span10 .span4.MobileNoneDisplay.pc_slide_main_wrap{display: none;}
.section2 .span10 .span4{width: 100%; height: 305px; position: relative; overflow: hidden; background-color: #fff;}
#slide .cnt > li{position: absolute; top: 0; left: 100%; width: 100%; height: 305px; text-align: center; font-size: 30px; line-height: 305px; color: #fff;}
#slide .cnt > li:nth-child(1) {background: url("../img/main/store1.jpg") repeat center/cover;}
#slide .cnt > li:nth-child(2) {background: url("../img/main/store2.jpg") repeat center/cover;}
#slide .cnt > li:nth-child(3) {background: url("../img/main/store3.jpg") repeat center/cover;}
#slide .cnt > li:nth-child(4) {background: url("../img/main/store4.jpg") repeat center/cover;}
.store_name_box{width: 100%; height: 47px; position: absolute; bottom: 0; text-align: center; line-height: 47px; font-size: 18px; color: #153a7e; background-color: rgba(246,205,63,0.9);}
#slide .btn_slide > .btn_icon { position: absolute; bottom: 0; transform: translateY(-50%); border: 0; padding: 2px 20px; color: #FFF; cursor: pointer;}
#slide .btn_slide .prev {left: 5px;}
#slide .btn_slide .next {right: 5px;}
#slide .indi{ display: none;}
.brand_story_top_text{font-size: 25px; font-weight: 500; color: #223c86;}
.brand_story_sub_text{font-size: 18px; line-height: 30px; color: #223c86; padding-top: 30px;}
.story_btn{width: 200px; height: 45px; line-height: 45px; margin-left: 10px; border: 2px solid #223c86; color: #223c86; font-size: 16px; font-weight: 500;  text-align: center; float: right;}

.section3{background-color: #fff; position: relative;}
.section3 .span10{margin-top: 30px; position: relative; }
.section3 .franchise_img_text{width: 90%; margin: 0 5%;}
.section3 .franchise_text{}
.slide_wrapper{position: relative; height: 575px; overflow: hidden;}	
.slides{position: absolute; left: 0; top: 0; transition: 0.5s ease-out; }
.slides li{float: left; margin-right: 22px; list-style: none;}
.slides li img{width: 100%;}
.slides li:last-child{margin-right: 0;}
.controls{width: 100%; position: absolute; top: 58%;}
.controls span{position: absolute; color: #223c86; padding: 10px 20px; font-size: 40px; cursor: pointer;}
.controls span.prev2{left: 0;}
.controls span.next2{right: 0;}

.section4{background: url("../img/main/4.jpg") no-repeat center/cover;}
.section4 .inner{width: 90%!important; padding-top: 30px; }
.section4 .inner .span10{width: 100%;}
.contact_info_box{width: 100%; color: #fff;}
.contact_info_box>img{width: 80%; margin: 0 10%;}
.contact_info_box .top_img{font-size: 4.2vw; line-height: 7vw; padding-top: 30px; text-align: center; font-weight: 200;}

.contact_write_box{width: 100%; margin-top: 50px; display: inline-block; }
.input_box{width: 99%; display: inline-block; border: 1px solid #959595; color: #fff; margin-bottom: 20px;}
.input_box .lable_text{width: 45%; height: 40px; margin: 10px 0; line-height: 40px; font-size: 16px; float: left; text-indent: 20px; border-right: 1px solid #959595;}
.input_box .int_text{width: 49%; height: 50px; margin: 0; float: right; background-color: transparent; border: none; color: #fff;}
.select_wrap{width: 52%; height: 50px; margin: 0; float: right; }
.select_wrap label{float: left; margin-right: 18px; line-height: 50px;}
.select_wrap label input{margin-right: 10px; margin-top: -1px;}
.select_wrap label span{}
.textarea_box{width: 99%; display: inline-block; border: 1px solid #959595; color: #fff; margin-bottom: 20px;}
.textarea_box .lable_text{width: 90%; height: 40px; margin: auto; padding: 10px 0; line-height: 40px; font-size: 16px; border-bottom: 1px solid #959595;}
.textarea_box textarea{width: 90%; height: 150px; margin: auto;  display: block; background-color: transparent; border: none; color: #fff;}
.contact_info_text_big{color: #fff; font-size: 5vw; line-height: 8vw;}
.contact_info_text_small{color: #fff; font-size: 3.3vw; line-height: 6vw; font-weight: 100;}
.agree_box{margin-top: 20px; font-size: 12px;}
.agree_box input{width: 13px; height: 13px; margin: -1px 5px 0 0;}
.contact_btn{width: 60%; height: 50px; margin: 30px auto 10px; display: block; line-height: 50px; text-align: center; border: 2px solid #fff; color: #fff; font-size: 18px; font-weight: 500; background-color: transparent; }


.section3 .span3{width: 100%; background: url("../img/main/search_bg.png") no-repeat center/cover; text-align: center;} 
.section3 .span3 p{color: #fff;}
.section3 .span3 .top_text{font-size: 5.5vw; font-weight: 500; line-height: 25vw;}
.section3 .span3 .sub_text{font-size: 4vw; font-weight: 200; line-height: 23px; text-align: center;}
.section3 .span3 input{width: 70%; height: 30px; margin-top: 50px; background-color: transparent; color: #fff;}

/*==========메인 바디 끝=========================*/


/*=======서브 바디 시작========================*/ 
.sub_title{width: 100%; height: 200px;}
.sub_title p{color: #fff; text-align: center; padding-top: 110px;}
.sub_title p span{font-size: 5vw; line-height: 10vw;}
.sub_title p img{width: 85%;}
.sub_title01{background: url("../img/sub/sub_title01.jpg") no-repeat center/cover;}
.sub_title02{background: url("../img/sub/sub_title02.jpg") no-repeat center/cover;}
.sub_title03{background: url("../img/sub/sub_title03.jpg") no-repeat center/cover;}
.sub_title04{background: url("../img/sub/sub_title04.jpg") no-repeat center/cover;}
.sub_title05{background: url("../img/sub/sub_title05.jpg") no-repeat center/cover;}

.sub_page_common_menu{}
.sub_page_common_menu ul{}
.sub_page_common_menu ul li{ line-height: 13vw; margin: 0; float: left; text-align: center; background-color: #f6cd3f;} 
.sub_page_common_menu ul li a{color: #153a7e; font-size: 3.5vw;  }
.sub_page_common_menu ul li a.on{width: 100%; display: block; color: #f6cd3f; font-weight: bold; background-color: #153a7e; }
.sub_page_common_menu1 li{width: 33.3333%;}
.sub_page_common_menu2 li:first-child,
.sub_page_common_menu2 li:nth-child(2),
.sub_page_common_menu2 li:nth-child(3){width: 33.3333%;}
.sub_page_common_menu2 li:nth-child(4),
.sub_page_common_menu2 li:last-child{width: 50%;}
.sub_page_common_menu3 li{width: 33.3333%; height: 50px; line-height: 45px;}
.sub_page_common_menu4 li,
.sub_page_common_menu5 li{width: 33.3333333%;}

.sub_page_inner{margin-bottom: 100px;}
.sub_top_title{color: #153a7e; font-size: 5.5vw; padding: 35px 0; text-align: center; font-weight: 500;}
.sub_text{font-size: 3.5vw; line-height: 7vw; text-align: center; color: #153a7e; width: 90%; margin-left: 5%;}
.brand_top_img{margin-bottom: 50px;}
.company_down_btn{width: 70%; height:40px; line-height: 40px; display: block; margin: 100px auto 120px;  color: #153a7e; border: 2px solid #153a7e; font-size: 5vw; font-weight: 500; text-align: center;}
.brand_inner01{width: 90%!important; margin-left: 5%;}
.brand_inner01 .span8{width: 100%;}
.brand_inner01 .span8 .top_sub_text{font-size: 5vw; font-weight: 500; color: #153a7e;}
.brand_inner01 .span8 .sub_text{text-align: left; margin-top: 30px; line-height: 8vw; font-size: 3.5vw;}
.sub_page_inner.brand_inner.brand_inner01 .span2{width: 100%; margin-top: 50px;}
.brand_inner01 img{width: 100%;}

.brand_inner02{width: 90%!important; margin-left: 5%;}
.brand_inner02 img{width: 100%;}
.brand_inner02 .span10{position: relative; margin-bottom: 50px;}
.brand_inner02 .span10 h3{font-size: 5vw; color: #153a7e; margin-bottom: 30px; }
.brand_inner02 .machine_table{width: 100%; margin-top: 30px;}
.brand_inner02 .machine_table td{line-height: 10vw; font-size: 3.5vw; color: #153a7e; border-top: 1px solid #ddd;}
.brand_inner02 .machine_table tr:last-child{border-bottom: 1px solid #ddd;}
.brand_inner02 .machine_table .td_title{width: 30%; font-weight: 500; text-indent: 20px;}
.brand_inner02 .machine_table .td_sub_title{width: 70%;}
.brand_inner02 .coffee_machine_icon_box{width: 33.33333%; height: 120px; float: left; margin-bottom: 20px;}
.brand_inner02 .coffee_machine_icon_box .machine_icon{width: 100%; text-align: center; }
.brand_inner02 .coffee_machine_icon_box .machine_icon img{width: 70%;}
.brand_inner02 .coffee_machine_icon_box .machine_icon h4{font-size: 3vw; line-height: 4vw;}
.brand_inner02 .coffee_machine_icon_box .machine_icon_text{display: none; width: 520px; color: #153a7e;}
.brand_inner02 .coffee_machine_icon_box .machine_icon_text p{ margin-top: 10px; line-height: 25px; font-size: 15px; font-weight: 400;}

.brand_inner03 .span6{width: 100%; float: left;}
.brand_inner03 .span6 img{width: 100%; margin-bottom: 30px;}
.brand_inner03 .span6.map_text_box{margin-top: 30px;}
.brand_inner03 .span6.map_text_box .map_icon_text_box{width: 96%; margin-left: 2%; margin-bottom: 15px; display: inline-block;}
.brand_inner03 .span6.map_text_box .map_icon_text_box i{padding-top: 5px; margin-right: 15px; float: left; font-size: 3vw; color: #153a7e;}
.brand_inner03 .span6.map_text_box .map_icon_text_box p{display: inline-block; color: #153a7e; font-size: 3.5vw; font-weight: 500;}
.brand_inner03 .span6.map_text_box .map_icon_text_box p span{padding-top: 10px; font-size: 3.5vw; color: #898989; font-weight: 200;}
.brand_inner03 .span6.map_img_box{height: 250px;}
.brand_inner03 .span6.map_img_box #map{height: 250px!important;}

.Franchise_inner01 .span10#step_wrap{margin-top: 50px;}
.Franchise_inner01 .span10#step_wrap .span3{width: 50%; float: left; margin-right: 0; margin-bottom: 50px;}
.Franchise_inner01 .span10#step_wrap .span3 img{width: 80%; display: block; margin: auto;}
.Franchise_inner01 .span10#step_wrap .span3 h3{padding: 20px 0 10px 0; font-size: 4vw; color: #153a7e; line-height: 7vw; text-align: center;}
.Franchise_inner01 .span10#step_wrap .span3 p{width: 80%; margin-left: 10%; font-size: 3vw; line-height: 5vw;}
/*
.step_box1{transform: scale(0); opacity: 0; transition: all 0.5s; }
.step_box2{transform: scale(0); opacity: 0; transition: all 1s; }
.step_box3{transform: scale(0); opacity: 0; transition: all 1.5s; }
.step_box4{transform: scale(0); opacity: 0; transition: all 2s; }
.step_box5{transform: scale(0); opacity: 0; transition: all 2.5s; }
.step_box6{transform: scale(0); opacity: 0; transition: all 3s; }
.ani{ transform: scale(1); opacity: 1; }
*/

.Franchise_inner01 .span10#cafe_system{}
.Franchise_inner01 .span10#cafe_system .span3{width: 49%; padding-bottom: 20px; margin-bottom: 1%; background: url("../img/sub/cafe_system_bg.jpg") no-repeat center/cover; text-align: center;}
.Franchise_inner01 .span10#cafe_system .span3:nth-child(2),
.Franchise_inner01 .span10#cafe_system .span3:nth-child(4){float: right;}
.Franchise_inner01 .span10#cafe_system .span3 img{padding: 25px 0;}
.Franchise_inner01 .span10#cafe_system .span3 p{color: #fff; }
.Franchise_inner01 .span10#cafe_system .span3 p:nth-child(2){padding-bottom: 10px; font-size: 4vw; color: #f6cd3f;}
.Franchise_inner01 .span10#cafe_system .span3 p:nth-child(3){line-height: 5vw; font-size: 3vw;}

.Franchise_inner02 .interior_img{margin-top: 30px; width: 100%;}

.Franchise_inner03 table{width: 96%; margin-left: 2%;}
.Franchise_inner03 table td{text-align: center; padding: 6vw 0; line-height: 5vw; font-size: 3vw; border-bottom: 1px solid #e0e0e0; color: #7d7d7d;}
.Franchise_inner03 table .title_tr{border-top: 1px solid #113366; border-bottom: 1px solid #113366;}
.Franchise_inner03 table .title_tr td{font-weight: 500; color: #153a7e; border-bottom: 1px solid #113366;}
.Franchise_inner03 table .title_tr .td1{width: 215px;}
.Franchise_inner03 table .title_tr .td2{width: 850px;}
.Franchise_inner03 table .title_tr .td3{width: 215px;}
.Franchise_inner03 table td.blue_bg{background-color: #f1f9f8; color: #153a7e; font-weight: 500;}
.Franchise_inner03 .table_bot_t{padding-top: 20px; font-size: 3vw; color: #7d7d7d; }
.Franchise_inner03 .MerchantConsultationBtn,
.Franchise_inner04 .MerchantConsultationBtn{width: 200px; height: 50px; line-height: 50px; text-align: center; border: 2px solid #153a7e; color: #153a7e; display: block; margin: 80px auto 0;}

.Franchise_inner04 .MerchantConsultationBtn{margin: auto;}
.Franchise_inner06 .contact_explanation{width: 100%; padding: 10px 0; background: url("../img/sub/contact_explanation.jpg") no-repeat center/cover;}
.Franchise_inner06 .contact_explanation p{width: 90%; margin-left: 5%; text-align: center; color: #153a7e;}
.Franchise_inner06 .contact_explanation p:first-child{padding: 10px 0; font-size: 4vw; line-height: 7vw;}
.Franchise_inner06 .contact_explanation p:last-child{ font-size: 3.3vw; line-height: 6vw;}
.contact_editor_wrap{margin-top: 100px; }

.contact_info_area_half{width: 100%; height: 75px; float: left; border-bottom: 1px solid #ddd;}
.contact_info_area_half .info_lable{width: 40%; float: left; line-height: 73px; border-bottom: 1px solid #113366; color: #153a7e; font-weight: 500; font-size: 16px; text-indent: 20px;}
.contact_info_area_half .info_lable span,
.contact_textarea_half .info_lable span{font-size: 10px; color: #9B0002;}
.contact_info_area_half .info_int{width: 56%; height: 65px; margin-bottom: 0; border: none; border-radius: 0; box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%); text-indent: 20px; font-size: 16px;}
.contact_info_area_half .info_lable.different_info{line-height: 75px;}
.contact_info_area_half .info_select{width: 50%; height: 71px; margin-bottom: 0; border: none; border-left: none; border-right: none; border-radius: 0; }

.contact_textarea_half{width: 100%; height: 200px; float: left; border-bottom: 1px solid #ddd;}
.contact_textarea_half .info_lable{width: 40%; line-height: 197px; float: left; border-bottom: 1px solid #113366; color: #153a7e; font-weight: 500; font-size: 16px; text-indent: 20px;}
.contact_textarea_half textarea{width: 56%; height: 170px; margin: 20px 0 0 0; resize: none; border: none; box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%); }

.contact_file_half{width: 100%; float: left; border-bottom: 1px solid #ddd;}
.contact_file_half .info_lable{width: 40%; float: left; line-height: 73px; border-bottom: 1px solid #113366; color: #153a7e; font-weight: 500; font-size: 16px; text-indent: 20px;}
.contact_file_half .file-box{position: relative; float: right; border:none; }
.contact_file_half .file-box input{width: 77px; position: absolute; top: 23px; right: 0; background-color: transparent; border: none;}

.contact_pw_half{width: 100%; float: left; height: 75px; border-bottom: 1px solid #ddd;}
.contact_pw_half .info_lable{width: 40%; float: left; line-height: 75px; border-bottom: 1px solid #113366; color: #153a7e; font-weight: 500; font-size: 16px; text-indent: 20px;}
.contact_pw_half .pw_int{width: 56%; height: 65px; margin-bottom: 0; border: none; border-radius: 0; box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%); text-indent: 20px; font-size: 16px;}
.contact_editor_wrap .agree_box{display: inline-block; }
.contact_editor_wrap .agree_box a{color: #153a7e;}
.contact-btn{width: 170px; height: 50px; display: block; margin: 50px auto; line-height: 50px; text-align: center;  border: 2px solid #153a7e; color: #153a7e; background-color: #fff;}

.Franchise_inner05 #Accordion_wrap{}
.fqa_wrap{width: 90%; margin-left: 5%; border-top: 1px solid black;}
.que{position: relative; padding:20px 0; cursor: pointer; font-size: 3.5vw; border-bottom: 1px solid #dddddd; color: #153a7e; font-weight: 500;}
.que::before{display: inline-block; content: 'Q'; font-size: 3.5vw; color: #153a7e; margin-right: 10px; float: left;}
.que p,.anw p{ width: 75%; height: 25px; display: inline-block; overflow: hidden;}
.que>span{ float: right; margin-right: 30px; } 
.anw { display: none; overflow: hidden; font-size: 3.5vw; background-color: #f1f9f8; padding: 27px 0; line-height: 6vw; color: #7d7d7d;} 
.anw::before{display: inline-block; content: 'A'; font-size: 20px; color: #153a7e; margin-right: 10px; padding-bottom: 150px; float: left; }	

/*FAQ 케이보드*/
.kboard_faq .span10{margin-bottom: 20PX;}
.kboard_faq .span10 h4{width: 10%; float: left; line-height: 50px;}
.kboard_faq .span10 input{width: 88%; height: 50px; line-height: 50px; float: right; }
.kboard_faq .span10 textarea{width: 87%; height: 300px; resize: none; float: right;}
.faq_document_wrap{width: 100%;}
























/*FAQ 케이보드*/








.txt01{FONT-SIZE:17px; line-height:40px; COLOR:#04135d;  font-weight:bold; text-align:left; }
.txt03{FONT-SIZE:18px; line-height:40px;COLOR:#111;  font-weight:bold; text-align:left; padding-top:10px; }
.txt04{FONT-SIZE:16px; line-height:40px;font-weight:bold; color:#212121; }
.Link_Space{height:40px;}
.Link_Space.span7{width:1000px;}
.AgreementContainer{font-size:15px; color:#666; line-height:35px; padding-top:15px; margin-bottom:20px; padding-top:20px; font-weight: 600; font-size: 16px;}
.AgreementContainer .title{color:#04135d; font-size: 18px;}
.AgreementContainer a,.AgreementContainer :hover{text-decoration: none; color:#04135d; }


.map_inner01 .span10 .span3{width: 410px; margin-right: 16px; float: left; }
.map_inner01 .span10 .span3 .nwe_map_bg{width: 100%; height: 304px; position: relative;}
.map_inner01 .span10 .span3 .nwe_map_bg p{width: 100%; position: absolute; left: 0; bottom: 0; padding: 10px 0; color: #fff; background-color: rgba(44,66,133,0.9); text-align: center;}
.map_inner01 .span10 .span3 .nwe_map_bg01{background: url("../img/sub/nwe_map_bg01.jpg") no-repeat center/cover;}
.map_inner01 .span10 .span3 > p{text-align: center; line-height: 50px; COLOR:#04135d;}


.map_inner02 .span10{margin-top: 100px;}
.map_inner02 .span10 .span4{width: 430px; text-align: center;}
.map_inner02 .span10 .span4 area{cursor: pointer;}
.map_inner02 .span10 .span6{width: 850px;}
.map_inner02 .span10 .span6 h3{color: #153a7e;}
.map_inner02 .span10 .span6 h3 span{font-size: 14px; padding-left: 20px;}
.map_inner02 .span10 .span6 table{width: 100%; margin-top: 50px;}
.map_inner02 .span10 .span6 table td{line-height: 60px; font-size: 16px;}
.map_inner02 .span10 .span6 table .first_tr{border-bottom: 1px solid #153a7e; border-top: 1px solid #153a7e;}
.map_inner02 .span10 .span6 table .first_tr td{text-align: center; font-weight: bold; color: #153a7e;}
.map_inner02 .span10 .span6 table .titles1.td1{width: 200px;}
.map_inner02 .span10 .span6 table .titles2.td2{width: 650px;}
.map_inner02 .span10 .span6 table .td1{text-align: center;}
.map_inner02 .span10 .span6 table .td2{text-indent: 50px;}
.map_inner02 .span10 .span6 table .bt_td{border-bottom: 1px solid #ddd;}
.test_Hidden{display: none;}
.block{display: block;}



/*케이보드 신규오픈매장 css*/
.kboard_NewMapwrap{width: 90%; margin: auto; display: block; margin-top: 50px;}
.show_editor,.modal_show{width: 100%; margin-bottom: 50px; padding: 20px 0; display: inline-block; border-style: dashed solid; border-color: #d2ebe9;}
.show_editor h3,.modal_show h3{padding-bottom: 50px; text-align: center; color: #113366;}


.newmap_latest_box{width: 100%; text-align: center; margin-bottom: 20px; float: left;}
.newmap_latest_box .span3{width: 96.6%; margin-left: 2.3%;}
.newmap_latest_box .span3 > p{text-align: center; padding: 20px 0; COLOR: #04135d;}
.newmap_latest_box .span3 .nwe_map_bg{position: relative;}
.newmap_latest_box .span3 .nwe_map_bg img{ width: 100%; }
.newmap_latest_box .span3 .nwe_map_bg p{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 10px 0; color: #fff; background-color: rgba(44,66,133,0.9); text-align: center;}

.ModalBox { display: none; position: fixed; z-index: 1;  left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.001);}
.modal-content { background-color: #fff; width: 100%; border: 1px solid #153a7e; margin-top: 100px;}
.modal_inside_box{width: 96%; margin: 1% 2%; }
.modal_inside_box > div{width: 100%; display: inline-block; position: relative; overflow: hidden;}
.modal_header_area h4{padding-top: 20px; padding-bottom: 15px; text-align: center; font-size: 6vw; color: #153a7e; width: 80%; margin: auto;}
.modal_header_area .CloseBtn{position: absolute; top: 5px; right: 0; font-size: 10vw;}
.modal_body_area{ width: 100%; margin-top: 20px;}
.modal_body_area .map_show_wrap{width: 100%; height: 200px!important;}
.modal_body_area .map_show_wrap #map{width: 100%; height: 200px!important; height: inherit; position: relative; overflow: hidden;}

.modal_footer_area table{width: 100%; margin: 30px 0;}
.modal_footer_area table tr:first-child{border-top: 1px solid #ddd;}
.modal_footer_area table td{ font-size: 3.5vw; padding: 15px 0; border-bottom: 1px solid #ddd;}
.modal_footer_area table td.td1{width: 20%; text-align: center; font-weight: bold; color: #153a7e;}
.modal_footer_area table td.td2{width: 80%; padding-left: 5px; line-height: 4vw; color: #7d7d7d;}
.modal_f_img{display: flex;}
.modal_f_img img{display: flex; margin-right: 18px;}
.CloseBtn { color: #000; float: right; font-size: 28px; font-weight: bold; cursor: pointer;}

.document_newstore_wrap{width: 100%; }
.newstore_document_img{float: left; width: 500px;}
.newstore_document_text_wrap{width: 780px; float: right;}
.newstore_document_text_wrap table{width: 100%; margin-bottom: 30px;}
.newstore_document_text_wrap table td{line-height: 40px; border-bottom: 1px solid #ddd;}
.newstore_document_text_wrap table td.td1{width: 30%; text-align: center;}
.newstore_document_text_wrap table td.td2{width: 70%;}
.newstore_document_text_wrap table .title_td td{padding-bottom: 20px; font-size: 20px; font-weight: bold; color: #113366;}

/*#kboard-ocean-franchise-list .kboard-header.MapSearch_List_box{margin-top: 100px; }*/
#kboard-ocean-franchise-list .kboard-map-v2 .map-area.bon_map_text a{color: #223c86}
#kboard-ocean-franchise-list .kboard-branch .kboard-branch-button.active, #kboard-ocean-franchise-list .kboard-branch .kboard-branch-button:hover{background-color: #223c86!important; border: 1px solid #223c86!important;}
#kboard-ocean-franchise-list .kboard-branch .kboard-branch-button.active, #kboard-ocean-franchise-list .kboard-branch .kboard-branch-button{border-radius: 5px;}
.kboard-search .sub_text{text-align: left; padding-bottom: 30px;}
#kboard-ocean-franchise-list .kboard-search.dwb_map_right{margin-top: 50px;}
#kboard-ocean-franchise-list .kboard-search.dwb_map_right,
#kboard-ocean-franchise-list .kboard-branch.dwb_map_right{width: 100%; }
#kboard-ocean-franchise-list .kboard-search.dwb_map_right input.dwb_mapsearch_input{width: 58%; max-width: 77%; height: 60px; margin: 0; line-height: 60px; border: 1px solid #113366;}
#kboard-ocean-franchise-list .kboard-search.dwb_map_right button.dwb_mapsearch_button{width: 23%; max-width: 23%; height: 60px; line-height: 60px ; background-color: #153a7e!important; color: #fff; font-weight: bold; font-size: 16px;}

#kboard-ocean-franchise-list .kboard-list.dwb_map_list_wrap{width: 100%;}
#kboard-ocean-franchise-list .kboard-list.dwb_map_list_wrap h4{padding-bottom: 20px; font-size: 22px; color: #153a7e;}
#kboard-ocean-franchise-list .kboard-list.dwb_map_list_wrap h4 span{font-size: 14px; padding-left: 15px;}
#kboard-ocean-franchise-list .kboard-list.dwb_map_list_wrap .map_result_list_table{}
#kboard-ocean-franchise-list .kboard-list.dwb_map_list_wrap .map_result_list_table td{height: 60px; vertical-align: middle;}
#kboard-ocean-franchise-list .kboard-list table td{line-height: 5vw!important;}
#kboard-ocean-franchise-list .kboard-list.dwb_map_list_wrap .map_result_list_table tr.title_tr{}
#kboard-ocean-franchise-list .kboard-list.dwb_map_list_wrap .map_result_list_table tr.title_tr td{border-bottom: 1px solid #153a7e; border-top: 1px solid #153a7e; font-size: 18px; color: #153a7e;}
#kboard-ocean-franchise-list .kboard-list.dwb_map_list_wrap .map_result_list_table tr .kboard-list-branch{width: 30%; }
#kboard-ocean-franchise-list .kboard-list.dwb_map_list_wrap .map_result_list_table tr .kboard-list-title{width: 70%; text-align: center;}  
#kboard-ocean-franchise-list .kboard-list.dwb_map_list_wrap .map_result_list_table tr td{font-size: 3.3vw; color: #7d7d7d;}

#kboard-ocean-franchise-document .document_result_table_area table.document_result{width: 70%; margin: auto; border-left: 3px solid #7d7d7d; } 
#kboard-ocean-franchise-document .document_result_table_area table.document_result tr td{line-height: 55px; font-size: 16px;}
#kboard-ocean-franchise-document .document_result_table_area table.document_result tr td:first-child{width: 20%; text-align: right; padding-right: 50px; font-weight: 600; color: #153a7e;}
#kboard-ocean-franchise-document .document_result_table_area table.document_result tr td:last-child{width: 80%;}

#kboard-ocean-franchise-list .kboard-search select.map_store_address_select{margin: 0; height: 60px; border: 1px solid #153a7e; border-right: none; text-align: center; font-size: 16px; color: #153a7e; font-weight: 600;}





















/*케이보드 신규오픈매장 css*/







/*==========서브 바디 끝=========================*/

/*==========푸터 시작
=========================*/
#dwb_Center_footer{background-color: #d2ebe9; text-align: center; padding-bottom: 30px;}
#dwb_Center_footer img{padding: 15px 0;}
#dwb_Center_footer p{font-size: 4vw; line-height: 8vw;}
/*==========푸터 끝
=========================*/
.kboard-default-poweredby{display: none;}


.kyj_customer_editor .span1{ width: 14%; height: 40px; line-height: 40px; text-align: right; padding-right: 3%; color: #153a7e; font-weight: bold; margin-bottom: 10px;}

.kyj_customer_editor .span2 { width: 33%; height: 40px; margin-bottom: 10px;}
.kyj_customer_editor .span2 input,
.kyj_customer_editor .span2 select{height: 40px; line-height: 40px;}


.kyj_customer_editor{ width: 90%; margin: auto;}
.mobil_latest_menu_wrap{width: 50%; float: left; margin-bottom: 20px; float: left;}

.mobil_latest_menu_wrap img{width: 95%; height: 100%; margin: auto;}
.pop_up_wrap{display: none; width: 100%; height: 350px; background-color: rgba(255,255,255,0.01);  transition: all 0.5s;}
.pop_up_wrap .inside_latet_box{width: 90%; margin-top: 20px; margin-left: 5%; outline: 1px solid #113366; text-align: center; position: relative; background-color: #fff; padding:40px 0; overflow: hidden;}
.inside_latet_box .CloseBtn{position: absolute; top: 5px; right: 0; color: #113366; font-size: 10vw; padding: 0;}
.inside_latet_box h4{font-size: 5vw;  color: #223c86; width: 90%; margin-left: 5%; overflow: hidden;}
.inside_latet_box span{padding-top: 15px; display:  block; font-size: 4vw; }
.inside_latet_box hr{margin: 50px 0}
.inside_latet_box .bot_s{ width: 90%; margin-left: 5%;font-size: 4vw; margin-top: 20px; color: #223c86; font-weight: 600; overflow: hidden;}
.inside_latet_box .bot_s span{display: block; padding-top: 10px; font-size: 4vw; line-height: 25px;}

.list_all_wrap{width: 100%; margin: 100px 0; display: inline-block; }

















/*document 제품 css*/
.document_img_wrap{width: 400px; float: left;}
.document_img_text_wrap{width: 880px; display: inline-block;}
.document_img_text_wrap .menu_table{width: 100%; padding-bottom: 40px; display: inline-block;}
.document_img_text_wrap .td_title{width: 20%; font-weight: 600; font-size: 16px; float: left;}
.document_img_text_wrap .td_sub_title{width: 80%; font-size: 14px; font-weight: 500; display: inline-block; overflow: hidden;}

.document_img_text_wrap .admin_wrap{float: right; margin-top: 150px;}
.document_img_text_wrap .admin_wrap .document_btn{padding: 10px; background-color: #113366; border-radius: 5px; margin-right: 20px; color: #fff;}
/*document 제품 css*/

/*editoe 게시판 css*/
.editor_notice_wrap_list{margin-top: 30px;}

/*editoe 게시판 css*/

.document_span5{width: 100%;}
.document_span5 table{width: 60%; margin: auto;}
.document_span5 table td:first-child{width: 40%;}
.document_span5 table td{line-height: 45px; font-weight: bold;}
.top_title_td td{ text-align: center; height: 55px; line-height: 55px!important; background-color: #123467; color: #fff; font-size: 20px; text-shadow: 2px 2px 2px #000;}
/*#kboard-customer-list .kboard-list table td.customer_td .cut_strings{text-align: left!important;}*/












/*
@media screen and (max-width: 1800px) and (min-width: 1591px){
	.controls span.prev2{left: 8%;}
	.controls span.next2{right: 8%;}
}

@media screen and (max-width: 1590px) and (min-width: 1420px){
	#dwb_Center_header .header_inner .header_menu{padding: 35px 0;}
	#fp-nav ul li .fp-tooltip.right{display: none;}
	.controls span.prev2{left: 1%;}
	.controls span.next2{right: 1%;}
}

@media screen and (max-width: 1419px) and (min-width: 1280px){
	#dwb_Center_header .header_inner .header_menu{padding: 35px 0;}
	#fp-nav ul li .fp-tooltip.right{display: none;}
	.controls{top: 93%;}
	#fp-nav ul li a.active span{margin: -15.5px 0 0 120px; }
	#fp-nav ul li a span{border: 2px solid #fff;height: 7px;
    width: 7px;margin: -15.5px 0 0 120px;}
	#fp-0siod, #fp-1siod, #fp-2siod, #fp-3siod, #fp-4siod, #fp-5siod, #fp-6siod{display: none;}
}

@media screen and (max-width: 1279px) and (min-width: 960px){
	
}



*/





/*----------매장 설치 css 2022-06-23----------*/
.thumbnail_img_box{width: 100%; padding: 20px; border: 2px solid #ddd; border-radius: 20px; }
.editor_text_wrap{width: 50%; float: left;}
.editor_btn_wrap{width: 20%; margin-top: 50px; float: right;}
.editor_text_wrap .store_title,.thumbnail_editor{width: 15%; line-height: 35px; float: left; }
.editor_text_wrap .store_text_input{width: 75%; float: right; margin-right: 10%;}
.editor_text_wrap .store_text_input input{height: 35px;}
.bour_bon_store_wrap{width: 50%; position: relative; margin-top: 5px; margin-bottom: 5px; overflow: hidden; float: left;}
.bour_bon_store_wrap img,
.bour_bon_document_wrap .bour_bon_document_img img{max-width: 100%!important; max-height: 100%;}
.bour_bon_store_wrap .dwb_Effect_mask{width: 100%; position: absolute; text-align: center; }
.bour_bon_store_wrap .dwb_Effect_mask h2{color: #fff; font-size: 23px;}
.bour_bon_store_wrap .dwb_Effect_mask h3{color: #fff; font-size: 16px;}
.bour_bon_document_wrap{width: 100%; display: inline-block; text-align: center; }
.bour_bon_document_wrap p{width: 100%; margin: 30px auto; text-align: left; font-size: 4vw; font-weight: 500; padding-bottom: 10px; border-bottom: 1px solid #999; }
.bour_bon_document_wrap .bour_bon_document_img{max-height: 100%; max-width: 100%; margin-bottom: 20px; text-align: center;}

.bour_bon_document_wrap h2{font-size: 3vw; line-height: 8vw; color: #000; font-weight: 500;}
.bour_bon_document_wrap h3{font-size: 2.7vw; font-weight: 400; color: #000;}
.Explanation_wrap{padding: 0 20px; margin-top: 50px; border: 2px solid #ddd; border-radius: 20px; }
.Explanation_wrap p{padding: 35px 0; font-size: 20px; color: #2E0304; font-weight: bold;}
.thumbnail_box{width: 25%; margin-bottom: 30px; float: left; }
#kboard-customer-list .kboard-pagination{margin-top: 0!important;}





.img-box1 .p_box1{width: 100%; padding-top: 100px; text-align: center;}
.img-box1 .p1{font-size: 5vw; line-height: 10vw; font-weight: bold; color: #f6cd3f;}
.img-box1 .p2{ color: #fff; font-size: 3vw; font-weight: 100; line-height: 6vw; margin-top: 30px;}

.img-box2 .p_box2{width: 100%; padding-top: 0;text-align: center;}
.img-box2 .p1{font-size: 5vw; line-height: 9vw; font-weight: bold; color: #fff;}
.img-box2 .p2{ color: #fff; font-size: 3vw; font-weight: 100; line-height: 6vw; margin-top: 20px;}
.img-box2 .cup2,.img-box4 .cup4{text-align: center; width: 50%!important;}


.img-box4 .p_box4{width: 100%; padding-top: 100px; text-align: center;}
.img-box4 .p1{font-size: 5vw; line-height: 9vw; font-weight: bold; color: #fff;}
.img-box4 .p1 span{font-size: 7vw; padding: 10px 0; font-weight: bold; }
.img-box4 .p2{ color: #fff; font-size: 3vw; font-weight: 100; line-height: 40px; margin-top: 0px;}
.img-box4 .cup4{padding-top: 0;}