/*
Description: 커피프렌차이즈
Author: kyj@dwb.kr
Version: 1.0
P-Day:2022.04.12
Last_Edit:
Update:
*/

html{ overflow-y:scroll;}
body {margin: 0px;padding: 0px;}
img{margin:0px; padding:0px;}

#main .inner{width:1280px;}
#main .inner2{width:100%;}
#dwb_Center_body .inner,
#dwb_Center_footer .inner{width:1280px;}
.span1{width:128px;}.span2{width:256px;}.span3{width:384px;}.span4{width:512px;}.span5{width:640px;}
.span6{width:768px;}.span7{width:896px;}.span8{width:1000px;}.span9{width:1100px;}.span10{width:1280px;}

#TopScroll{opacity:0; cursor: pointer;}
.PCNoneDisplay,.hidden-desktop,.visible-mobile,.NoneDisplay,.DWBNoneDisplay{display:none!important;}
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;
}

/*==========헤더시작=========================*/
/*
#dwb_Center_header{width: 100%; height:100px; position: absolute; padding: 10px 0; z-index: 3; overflow:hidden; }
#dwb_Center_header .header_inner{width: 1720px; position: relative; }
.clearfix:after{content:'';display:block; clear:both;}
#dwb_Center_header .header_inner ul{width: 750px; margin: auto; display: flex;}
#dwb_Center_header .header_inner ul > li{width: 20%; text-align: center; float:left; line-height:100px;position: relative;}
#dwb_Center_header .header_inner ul > li > a{color: #fff; font-size: 18px;}
#dwb_Center_header .header_inner ul > li ol{ width:100%; padding-top: 30px; height:300px; position: absolute; }
#dwb_Center_header .header_inner ul > li ol li{white-space:nowrap; width: 100%; }
#dwb_Center_header .header_inner ul > li ol li a{color: #fff; font-weight: 100; font-size: 16px; line-height: 40px;}
#dwb_Center_header .header_inner .header_logo{position: absolute;}


*/

/*
#adBox{
position: relative;
width:100%;
outline: 1px solid red; 
}

#adBox>ul{
position: relative; margin:0 auto;
width: 100%; height:450px ; overflow: hidden;
}

#adBox>ul>li{width: 1000px; height:450px;}

#adBox>.btn{
	position:  absolute;
	top: 50%; transform: translateY(-50%);
	width: 50px; height: 149px;
	z-index: 999; cursor: pointer;
}

#adBox>.left_btn{
left: 3%; 
background:url(../images/left_btn.png);
}

#adBox>.right_btn{
right: 3%;
background:url(../images/right_btn.png);
}
*/




#dwb_Center_header{width: 100%; height: 85px; position: absolute; padding: 10px 0 10px 0; z-index: 7;}
#dwb_Center_header:hover{background-color: rgba(44,66,133,0.9); transition: 0.3s;}
#dwb_Center_header:hover .header_menu a{color: #f6cd3f!important;}
#dwb_Center_header:hover .logo_hover{opacity: 1;}
.logo_hover{position: absolute; top: 0; left: 0; opacity: 0;}
.logo_hover.logo_hover_sub{position: absolute; top: 10px; left: 92px; opacity: 0;}
#dwb_Center_header:hover .header_menu{border-bottom: 1px solid #f6cd3f;}

#dwb_Center_header .header_inner{width: 1720px; position: relative;}
#dwb_Center_header .header_inner .header_logo{position: absolute; top: 0; left: 0;}
#dwb_Center_header .header_menu{position: absolute; width: auto; left: 50%; transform: translate(-50%,-50%); padding: 35px 0;}
#dwb_Center_header .header_menu li{float: left; font-size: 18px; margin-right: 70px; padding-top: 90px;}
#dwb_Center_header .header_menu li a{color: #fff; font-weight: 400;}

.ham_btn{ width: 56px; height: 35px; position: absolute; top: 40px; right: 40px; cursor: pointer;}
.ham_line { width:40px; height:3px; margin-bottom:10px; background:#fff;}
.close_btn {width: 50px; height: 50px; position: absolute; top: 40px; right: 40px;}
.close_btn2:after {content: "\00d7"; font-size:40pt;line-height:30px; color: #fff; cursor: pointer;}
.menu_bg{ width: 100%; height: 100vh; position: fixed; top:0px; right:0px; overflow: hidden; display: none; z-index: 9;}
.menu_box { position:absolute; top:0px; right:0px; width:100%; height: 100vh; background: url("../img/main/slide_menu_bg.jpg") no-repeat center/cover; }
.header_slide_inner{width:1280px;}
.header_slide_inner .slide_logo2{display: block; margin: 100px auto 150px;}
.header_slide_inner 
.slide_menu_box{width: 80%; margin: auto; }
.slide_menu_box .menu_box_link{width: 16.6666666%; float: left; text-align: center;}
.slide_menu_box .menu_box_link .menu_title{font-size: 20px; color: #f5cd3e;}
.slide_menu_box .menu_box_link hr{width: 50px; height: 1px; margin: 40px auto 40px; color: #fff; border-top: 1px solid #fff; border-bottom: none;}
.slide_menu_box .menu_box_link a{width: 100%; display: block; font-size: 16px; padding-bottom: 20px; color: #fff;}
.down_img{width: 100%; display: inline-block; text-align: center; margin-top: 190px;}
.slide_kakao_icon{position: absolute; right: 40px; bottom: 50px;}

.subnav{display: none; position: absolute; left: 50%; top: 97px; width: 100%; margin: 8px 0 0 -50%; z-index: 7!important; background-color: rgba(44,66,133,0.9); font-size: 12px; line-height: 15px; color: #fff;}
.subnav.nav{height: 270px;}
.subnav .span10{ margin-top: 10px; overflow: hidden; width: 880px; margin-left: 55px; z-index: 79!important; text-align: center;}
.subnav .span1{ width:364px; height:334px; border-right: 1px solid #ddd; overflow: hidden; text-align: center;}
.subnav .span1 p{ margin-top: 20px;}
.subnav .span1 i{ color: #b20000;}
.subnav .span2{width: 16.6666666666%;  text-align: center; font-size:14px; line-height: 33px; }
.subnav .span2 a{width: 100%; display: block; color: #fff; text-decoration: none; font-weight: 200;}
.subnav .span2 h3 a{text-decoration: none; color: #fff; font-size: 16px; font-weight: bold;}
.subnav .span2 h3 a:hover{ color: #f5d127; text-decoration: none;}

/*==========헤더 끝=========================*/



/*=======메인 바디 시작========================*/ 
.con {max-width:100%; margin:0 auto;}

.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:85%; left:95px; 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:125px;}
/* 사이드 버튼 */

/* 페이지 버튼 */
.main-slider .slick-dots {font-size:0; position:absolute; left:80px; bottom:80px; width:auto; z-index:50;}
.main-slider .slick-dots::after { content:""; display:block; clear:both;}
.main-slider .slick-dots > li { width:100px; 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:#694e39; 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:600px; bottom:72px; 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;}
.slider-wrap[data-slick-autoplay-status="N"] .s-autoplay-btn:after{ content:"▶"; display:block; font-size:15px;}
.slider-wrap .slide-dummy { display: none;}
.img-box1{background: url("../img/main/bn1.jpg") no-repeat center/cover; width: 100%; height: 100vh;}
.img-box2{background: url("../img/main/bn2.jpg") no-repeat center/cover; width: 100%; height: 100vh;}
.img-box3{background: url("../img/main/bn3.jpg") no-repeat center/cover; width: 100%; height: 100vh;}
.img-box4{background: url("../img/main/bn4.jpg") no-repeat center/cover; width: 100%; height: 100vh;}
.img-box5{background: url("../img/main/bn5.jpg") no-repeat center/cover; width: 100%; height: 100vh;}
.section1 .en_text{ color: #fff; font-size: 25px; letter-spacing: 5px;}
.section_text_img1{padding: 50px 0 0 250px;}
.img-box1 .en_text{padding: 300px 0 0 250px; }
.img-box2 .en_text{padding: 350px 0 0 250px; }
.cup1{float: right; margin: -350px 273px 0 0;}
.cup2{position: absolute; right: 0; bottom: 0;}
.common_bn_text_area p{color: #fff;}
.common_bn_text_area p:first-child{padding: 400px 0 0 250px; font-size: 30px; font-weight: 500;}
.common_bn_text_area p:nth-child(2){font-size: 65px; padding: 50px 0 0 250px; letter-spacing: 15px;}
.common_bn_text_area p:last-child{padding: 50px 0 0 250px; font-size: 16px; font-weight: 200;}
.common_bn_text_area p br{display: none;}

.img-box1 .p_box1{width: 780px; padding-top: 300px; margin-left: 450px; text-align: center;}
.img-box1 .p1{font-size: 50px; line-height: 70px; font-weight: bold; color: #f6cd3f;}
.img-box1 .p2{ color: #fff; font-size: 25px; font-weight: 100; line-height: 40px; margin-top: 30px;}

.img-box2 .p_box2{width: 540px; padding-top: 300px; margin-left: 450px;}
.img-box2 .p1{font-size: 50px; line-height: 70px; font-weight: bold; color: #fff;}
.img-box2 .p2{ color: #fff; font-size: 25px; font-weight: 100; line-height: 40px; margin-top: 70px;}
.img-box2 .cup2{padding-top: 300px}


.img-box4 .p_box4{width: 600px; padding-top: 450px; margin-left: 350px; float: left;}
.img-box4 .p1{font-size: 25px; line-height: 70px; font-weight: bold; color: #fff;}
.img-box4 .p1 span{font-size: 63px; padding: 10px 0; font-weight: bold; }
.img-box4 .p2{ color: #fff; font-size: 20px; font-weight: 100; line-height: 40px; margin-top: 0px;}
.img-box4 .cup4{padding-top: 400px;}

.section2 .inner,.section3 .inner{padding-top: 150px;}
.section2 .inner .franchise_text,.section3 .inner .franchise_text{font-size: 18px; color: #223c86; padding-top: 25px;}

.section2{background: url("../img/main/2.jpg") no-repeat center/cover;}
.section2 .main_map_btn{width: 80%; height: 50px; line-height: 50px; font-size: 16px; display: block; margin: 100px auto 0; border: 2px solid #fff; color: #fff; text-align: center;}
.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: 70px;}
.section2 .span10 .span3{width: 305px; height: 305px; background: url("../img/main/search_bg.png") no-repeat center/cover;} 
.section2 .span10 .span3 p{color: #fff;}
.section2 .span10 .span3 .top_text{font-size: 23px; font-weight: 500; margin: 30px 0 15px 20px;}
.section2 .span10 .span3 .sub_text{font-size: 15px; font-weight: 200; margin: 0 0 0 20px; line-height: 23px; text-align: left;}
.section2 .span10 .span3 input{width: 250px; height: 40px; margin: 110px 0 0 20px; background-color: transparent; border-radius: 0; color: #fff; }
.section2 .span10 .span4{width: 415px; height: 305px; margin-left: 20px; position: relative; overflow: hidden; background-color: #fff;}
.section2 .span10 .span5{width: 520px; height: 305px; background-color: #fff;}
.section2 .span10 .span5 .top_text{font-size: 23px; font-weight: 500; margin: 30px 0 30px 20px; color: #223c86;}
.section2 .span10 .span5 .top_text span a{float: right; font-size: 16px; margin-right: 20px; color: #223c86;}
.main_notice_latest_box{width: 90%; margin: 0 5%; cursor: default;}
.main_notice_latest_box div{height: 35px; line-height: 35px; font-size: 16px; color: #223c86;}
.main_notice_latest_box .main_latest_title{width: 70%; overflow: hidden; float: left;}
.main_notice_latest_box .main_latest_date{width: 30%; float: right; text-align: right;}

#slide .cnt > li{position: absolute; top: 0; left: 415px; width: 415px; 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: 415px; height: 47px; position: absolute; bottom: 0; text-align: center; line-height: 47px; font-size: 18px; color: #fff; background-color: rgba(44,66,133,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: 70px; position: relative; }
.section3 .franchise_text br{display: none;}
.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: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: 12%;}
.controls span.next2{right: 12%;}

.section4{background: url("../img/main/4.jpg") no-repeat center/cover;}
.section4 .inner{padding-top: 150px;}
.contact_info_box{width: 630px; color: #fff;}
.contact_info_box .top_img{font-size: 18px; line-height: 30px; padding-top: 30px; font-weight: 200;}
.contact_info_box .tell_box{margin: 150px 0 30px 0;}
.contact_info_box .tell_box i{line-height: 57px; font-size: 20px;}
.contact_info_box .tell_box h1{font-size: 50px; font-weight: 900; padding-left: 30px;}
.fax_email_box i{padding-right: 15px}
.fax_email_box p{font-size: 14px; line-height: 12px; font-weight: 200;}             
.fax_email_box .fax_t{padding-right: 20px;}

.contact_write_box{width: 630px; float: right; }
.input_box{width: 100%; display: inline-block; border: 1px solid #959595; color: #fff; margin-bottom: 20px;}
.input_box .lable_text{width: 160px; 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: 451px; height: 50px; margin: 0; float: right; background-color: transparent; border: none; color: #fff;}
.select_wrap{width: 451px; height: 50px; margin: 0; float: right; }
.select_wrap label{float: left;  margin-right: 30px; line-height: 50px;}
.select_wrap label input{margin-right: 10px; margin-top: -1px;}
.select_wrap label span{}
.textarea_box{width: 100%; 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: 130px; margin: auto;  display: block; background-color: transparent; border: none; color: #fff;}
.contact_info_text_big{color: #fff; font-size: 18px; line-height: 35px;}
.contact_info_text_small{color: #fff; font-size: 11px; line-height: 20px; 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: 195px; height: 50px; line-height: 50px; text-align: center; border: 2px solid #fff; color: #fff; font-size: 18px; font-weight: 500; float: right; background-color: transparent; }

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


/*=======서브 바디 시작========================*/ 
.sub_title{width: 100%; height: 450px;}
.sub_title p{color: #fff; text-align: center; padding-top: 230px;}
.sub_title p span{font-size: 20px; line-height: 50px;}
.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{display: flex;}
.sub_page_common_menu ul{width: auto; display: flex; margin: -50px auto 0; }
.sub_page_common_menu ul li{float: left; margin: 0 50px;} 
.sub_page_common_menu ul li a{color: #fff; font-size: 18px; padding-bottom: 10px; }
.sub_page_common_menu ul li a.on{border-bottom: 2px solid #f6cd3f; color: #f6cd3f; }
.sub_page_inner{margin-bottom: 100px;}
.sub_top_title{color: #153a7e; font-size: 35px; padding: 120px 0; text-align: center; font-weight: 500;}
.sub_text{font-size: 16px; line-height: 30px; text-align: center; color: #153a7e;}
.brand_top_img{margin-bottom: 120px;}
.company_down_btn{width: 380px; height: 60px; line-height: 60px; display: block; margin: 100px auto 120px;  color: #153a7e; border: 2px solid #153a7e; font-size: 16px; font-weight: 500; text-align: center;}

.brand_inner01 .span8{width: 800px;}
.brand_inner01 .span8 .top_sub_text{font-size: 23px; font-weight: 500; color: #153a7e;}
.brand_inner01 .span8 .sub_text{text-align: left; margin-top: 50px; line-height: 35px;}
.brand_inner01 .span2{width: 480px;}

.brand_inner02 .span10{margin-bottom: 120px;}
.brand_inner02 .span10 h3{color: #153a7e; margin-bottom: 50px; }
.brand_inner02 .coffee_machine_img{float: left;}
.brand_inner02 .machine_table{width: 845px; margin-top: 55px; float: right;}
.brand_inner02 .machine_table td{line-height: 40px; font-size: 16px; 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: 24%; font-weight: 500; text-indent: 20px;}
.brand_inner02 .machine_table .td_sub_title{width: 76%;}
.brand_inner02 .coffee_machine_icon_box{width: 630px; height: 130px; margin-bottom: 70px;}
.brand_inner02 .coffee_machine_icon_box .machine_icon{width: 90px; text-align: center; }
.brand_inner02 .coffee_machine_icon_box .machine_icon_text{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: 630px; float: left;}
.brand_inner03 .span6.map_text_box .map_icon_text_box{width: 100%; margin-bottom: 30px;}
.brand_inner03 .span6.map_text_box .map_icon_text_box i{padding-top: 5px; padding-bottom: 30px; margin-right: 25px; float: left; font-size: 20px; color: #153a7e;}
.brand_inner03 .span6.map_text_box .map_icon_text_box p{display: inline-block; color: #153a7e; font-size: 18px; font-weight: 500;}
.brand_inner03 .span6.map_text_box .map_icon_text_box p span{display: block; padding-top: 10px; font-size: 17px; color: #898989; font-weight: 200;}
.brand_inner03 .span6.map_img_box{float: right;}
.Franchise_inner01 .span10#step_wrap{margin-top: 100px;}
.Franchise_inner01 .span10#step_wrap .span3{width: 325px; float: left; margin-right: 152px; margin-bottom: 120px;}
.Franchise_inner01 .span10#step_wrap .span3 h3{padding: 20px 0 10px 0; font-size: 20px; color: #153a7e; line-height: 30px;}
.Franchise_inner01 .span10#step_wrap .span3 p{font-size: 15px; line-height: 25px;}
/*
.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: 305px; height: 305px; margin-right: 20px; background: url("../img/sub/cafe_system_bg.jpg") no-repeat center/cover; text-align: center;}
.Franchise_inner01 .span10#cafe_system .span3 img{padding: 45px 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: 23px; color: #f6cd3f;}
.Franchise_inner01 .span10#cafe_system .span3 p:nth-child(3){line-height: 25px;}

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

.Franchise_inner03 table{width: 100%;}
.Franchise_inner03 table td{text-align: center; line-height: 60px; font-size: 16px; 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: 16px; 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%; height: 240px; background: url("../img/sub/contact_explanation.jpg") no-repeat center/cover;}
.Franchise_inner06 .contact_explanation p{text-align: center; color: #153a7e;}
.Franchise_inner06 .contact_explanation p:first-child{padding: 30px 0 35px 0; font-size: 20px; line-height: 35px;}
.Franchise_inner06 .contact_explanation p:last-child{ font-size: 16px; line-height: 25px;}
.contact_editor_wrap{margin-top: 100px; }

.contact_info_area_half{width: 50%; height: 75px; float: left; border-bottom: 1px solid #ddd;}
.contact_info_area_half .info_lable{width: 200px; 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: 426px; 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: 250px; 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: 200px; 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: 1068px; 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: 200px; 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: 200px; 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: 1068px; 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: 100%; border-top: 1px solid black;}
.que{position: relative; padding:20px 0; cursor: pointer; font-size: 16px; text-indent: 30px; border-bottom: 1px solid #dddddd; color: #153a7e; font-weight: 500;}
.que::before{display: inline-block; content: 'Q'; font-size: 20px; color: #153a7e; margin-right: 10px; float: left;}
.que p,.anw p{ width: 85%; display: inline-block; text-indent: 0;}
.que>span{ float: right; margin-right: 30px; } 
.anw { display: none; overflow: hidden; font-size: 16px; background-color: #f1f9f8; padding: 27px 0; padding-left: 30px; line-height: 30px; color: #7d7d7d;} 
.anw::before{display: inline-block; content: 'A'; font-size: 20px; color: #153a7e; margin-right: 40px; padding-bottom: 40px; 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: 100%; display: inline-block;}
.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: 33.33333%; 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; line-height: 50px; COLOR: #04135d;}
.newmap_latest_box .span3 .nwe_map_bg{position: relative; height: 355px;}
.newmap_latest_box .span3 .nwe_map_bg img{width: 100%; height: 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: 850px; height: 890px; border: 1px solid #153a7e; float: right; margin-top: 30px; margin-right: 150px;}
.modal_inside_box{width: 96%; margin: 1% 2%; }
.modal_inside_box > div{width: 100%; display: inline-block;}
.modal_header_area h4{margin-top: -30px; text-align: center; font-size: 23px; color: #153a7e;}
.modal_header_area .CloseBtn{margin-top: -20px;}
.modal_body_area{ width: 100%; margin-top: 20px;}
.modal_body_area .map_show_wrap{width: 816px; height: 380px;}
.modal_body_area .map_show_wrap #map{width: 100%; 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{line-height: 45px; border-bottom: 1px solid #ddd; text-indent: 20px;}
.modal_footer_area table td.td1{font-weight: bold; color: #153a7e;}
.modal_footer_area table td.td2{color: #7d7d7d;}
.modal_f_img{display: flex;}
.modal_f_img .modal_bottom_img{width: 260px; height: 160px;display: flex; margin-right: 18px;}

.modal_f_img img{ width: 100%; height: 100%;}
.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,
#kboard-ocean-franchise-list .kboard-branch.dwb_map_right{width: 65%; }
#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: 65%; margin-top: -150px; float: right;}
#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.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: 16px; 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;}
#dwb_Center_footer .inner{padding:60px 0;}
#dwb_Center_footer .inner .footer_company_info_box{width: 890px; float: left;}
#dwb_Center_footer .inner .footer_company_info_box p{font-size: 14px; line-height: 25px; color: #223c86; font-weight: 500;}
.info_btn_box{width: 110px; float: right;}
.info_btn_box a{color: #223c86;}
.info_btn_box img{margin-top: 70px; float: right;}

/*==========푸터 끝
=========================*/
.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;}

.list_img_wrap{width: 305px;height: 420px; position: relative; margin-right: 15px; margin-bottom: 20px; float: left;}
.latest_top_img{height: 420px;}
.latest_customer_box:hover .hovre_text_box{opacity: 1;}
.list_img_wrap img{width: 100%; height: 100%;}
.hovre_text_box{width: 100%; height: 420px; position: absolute; top: 0; left: 0; background-color: rgba(246,205,63,0.8); opacity: 0; transition: all 0.5s;}
.hovre_text_box .inside_latet_box{width: 90%; margin: 8% 5%; }
.inside_latet_box h4{font-size: 22px; color: #223c86;}
.inside_latet_box span{padding-top: 15px; display:  block; font-size: 16px; }
.inside_latet_box hr{margin: 120px 0 20px 0}
.inside_latet_box .bot_s{font-size: 16px; margin-bottom: 20px; color: #223c86; font-weight: 600;}
.inside_latet_box .bot_s span{display: block; padding-top: 10px; font-size: 15px; line-height: 25px;}

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


.latest_customer_box:nth-child(4),.latest_customer_box:nth-child(8),
.latest_customer_box:nth-child(12),.latest_customer_box:nth-child(16),
.latest_customer_box:nth-child(20),.latest_customer_box:nth-child(24),
.latest_customer_box:nth-child(28),.latest_customer_box:nth-child(32),
.latest_customer_box:nth-child(36),.latest_customer_box:nth-child(40),
.latest_customer_box:nth-child(44),.latest_customer_box:nth-child(48),
.latest_customer_box:nth-child(52),.latest_customer_box:nth-child(56),
.latest_customer_box:nth-child(60),.latest_customer_box:nth-child(64),
.latest_customer_box:nth-child(68),.latest_customer_box:nth-child(72),
.latest_customer_box:nth-child(76),.latest_customer_box:nth-child(80),
.latest_customer_box:nth-child(84),.latest_customer_box:nth-child(88),
.latest_customer_box:nth-child(92),.latest_customer_box:nth-child(96),
.latest_customer_box:nth-child(100){margin-right: 0;}


/*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: 100px;}
#kboard-default-list .kboard-list table.editor_notice_wrap_list .first_tr{ border-top: 1px solid #123467;}
#kboard-default-list .kboard-list table.editor_notice_wrap_list .first_tr td{font-size: 16px; color: #123467; border-bottom: 1px solid #123467;}
#kboard-default-list .kboard-list table.editor_notice_wrap_list td{color: #7d7d7d;}
#kboard-default-list .kboard-list table.editor_notice_wrap_list .cut_strings a{color: #7d7d7d;}
.editor_notice_wrap_list .kboard-list-uid{width: 200px!important;}
.editor_notice_wrap_list .kboard-list-title{width: 680px!important;}
.editor_notice_wrap_list .kboard-list-date{width: 200px!important;}
.editor_notice_wrap_list .kboard-list-view{width: 200px!important;}
#kboard-default-list .kboard-pagination{margin-top: 50px;}
/*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;}*/
#kboard-default-document .kboard-document-wrap{margin-top: 100px;}











/*
@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){
	
}



*/




#kboard-ocean-franchise-list .kboard-pagination{ width: 65%!important; float: right!important; margin-top: 30px;}




/*----------매장 설치 css 2022-06-23----------*/
.point_store_inner{width: 1300px!important;}
.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: 420px; height: 420px; position: relative; margin-top: 5px; margin-bottom: 13px; margin-right: 13px; overflow: hidden; float: left;}
.bour_bon_store_wrap:hover{}
.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: 1000px; margin: 30px auto; text-align: left; font-size: 23px; font-weight: 500; padding-bottom: 20px; border-bottom: 1px solid #999; }
.bour_bon_document_wrap .bour_bon_document_img{max-height: 100%; max-width: 100%; margin-bottom: 50px; text-align: center;}
.bour_bon_document_wrap h2{font-size: 20px; line-height: 50px; color: #000; font-weight: 500;}
.bour_bon_document_wrap h3{font-size: 18px; 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; }