/* 모바일 공통 */
@media (max-width: 767px) {
	#header .in ul.nav { display:block!important; }
	#header .navbar-collapse.in { overflow-y: visible; }
	#header .mobile > h1 a { font-size:20px!important; position:relative; bottom:2px; }
    #header .mobile > h1 a+a { font-size:15px!important; }
    #header .navbar-toggle { padding:7px 0; }
    #header .navbar .hamburger .line { height:1px!important; }
	#header .mobile > h1 { top:-1px!important; }
	#header .navbar-toggle { margin-top:7px!important; }
	/* 18/11/28 s */
	#header .mobile > h1 a.btn-pink img { width: 98px!important; }
	#header .mobile > h1 a.btn-pink { top: -4px!important;}
	/* 18/11/28 e */
    #section0 .message { left:50%; top:50%; transform:translate(-50%,-50%); }
    #section0 .message p { line-height:35px; text-align:center; }
    #section0 .message p span, 
    #section0 .message p strong { font-size:26px; }
    #section0 .btn { left:0; }
    #section0 .btn a { font-size:17px; }
    #section0 .btn a+a span img { width:17px; height:8px; }
    #section0 .btn span.glyphicon { top:3px; }
    #section0 .carousel-control { opacity:1; }
    #section0 p.branch { font-size:17px; right:20px; bottom:10px; }
    #fp-nav { top:30%!important; }
    #fp-nav.right { right:10px!important; }
    #fp-nav ul li, .fp-slidesNav ul li { width:10px; height:10px; margin:5px; }
    #fp-nav ul li a span, .fp-slidesNav ul li a span { width:8px; height:8px; }
    #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { width:8px; height:8px; }
    #myCarousel a.right { width:20%!important; }
    #myCarousel .carousel-control .arr-l { top:35%!important; transform:translateY(-50%); background-size:26px 50px!important; }
    #myCarousel .carousel-control .arr-r { top:35%!important; transform:translateY(-50%); background-size:26px 50px!important;  }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { border:none; }
    #modal-video .modal-dialog { width:80%; }
    #modal-video .modal-title { font-size:17px; }
    #modal-video .modal-header .close { font-size:25px; }
    .section .w-area { margin-top:30px!important; }
    .section dl dt { font-size:19px!important; }
    .section dl dd { font-size:16px!important; }
    .section .summary li { font-size:12px; }
    .section .summary li p+p { line-height:inherit; }
    .section .summary li p span { display:block; }
    .section .summary li p img { width:50%; }
    .section.second p.deco img { width:40%!important; }
    .section.third p.deco img { width:50%!important; }
    .section.third .w-area > li+li > dl { margin-top:20px; }
    .section.third .summary li p img { width:29px; height:auto; }
    .section.third .summary li:nth-child(2) p img { width:22px; }
    .section.fourth .summary li p:first-child { height:40px; }
    .section.fourth .summary li p { line-height:10px; }
    .section.fourth .summary li p img { width:30%; height:auto; }
    .section.fourth span.txt-pink { letter-spacing:-0.08em; }
    .section.fourth p.deco img { width:50%!important; }
    .section.fifth p.deco img { width:50%!important; }
    .section.fifth .summary li p img { width:26px; height:auto; }
    .section.fifth ul.summary li:first-child p + p { top:11px!important; }
    .section.fifth .summary li:first-child p:first-child img { position:relative; top:4px; }
    .section.fifth .summary li p { height:30px; line-height:10px; }
    .section.fifth ul.w-area li + li dl { margin-top:20px; }
    .section.sixth p.deco { margin-top:10%; }
    .section.sixth p.deco img { width:80%!important; }
    .section.sixth .summary li p img { width:26px; height:auto; }
    .section.sixth ul.summary li:first-child p + p { top:11px!important; }
    .section.sixth .summary li:first-child p:first-child img { position:relative; }
    .section.sixth .summary li p:first-child { height:30px; }
    .section.sixth .summary li p { height:30px; line-height:10px; }
    .section.sixth ul.w-area li + li dl { margin-top:20px; }
	.section.seventh p.deco { margin-top:10%; }
    .section.seventh p.deco img { width:80%!important; }
	.section.seventh ul.summary { margin-top:18%; }
    .section.seventh ul.summary li p img { width:26px; height:auto; }
    .section.seventh ul.summary li:first-child p + p { top:11px!important; }
    .section.seventh ul.summary li:first-child p:first-child img { position:relative;  }
    .section.seventh ul.summary li p:first-child { height:30px; }
    .section.seventh ul.summary li p { height:30px; line-height:10px; }
    .section.seventh ul.w-area li + li dl { margin-top:20px; }
	.section.seventh .btn-pink { margin:5px 0 10px; padding:.3em .6em; font-size:15px; }
	.section.seventh dl dd { margin-top:5px; line-height:22px; }
	.section.seventh a.btn-pink .glyphicon { top:2px!important; }
	.section.eighth p.deco { margin-top:10%; }
    .section.eighth p.deco img { width:60%!important; }
	.section.eighth ul.summary { margin-top:5%; }
    .section.eighth ul.summary li p img { width:26px; height:auto; }
    .section.eighth ul.summary li:first-child p + p { top:11px!important; }
    .section.eighth ul.summary li:first-child p:first-child img { position:relative;  }
    .section.eighth ul.summary li p:first-child { height:30px; }
    .section.eighth ul.summary li p { height:30px; line-height:10px; }
    .section.eighth ul.w-area li + li dl { margin-top:20px; }
	.section.eighth .btn-pink { margin:5px 0 10px; padding:.3em .6em; font-size:15px; }
	.section.eighth dl dd { margin-top:5px; line-height:21px; }
	.section.eighth a.btn-pink .glyphicon { top:2px!important; }
	/* 18/11/28 s */
	.section.nineth ul.summary li p { height:80px;  }
	.section.nineth ul.summary li p+p { line-height:10px; }
	.section.footer dl dt { font-size:14px!important; }
	.footer { padding-top:0; }
	.footer .top { transform:translate(-50%,-98%); }
	.footer .top .w-area li p { width:38%!important; padding:5% 8px 5% 5%!important; font-size:15px!important; }
	.footer .top .w-area li .btn-area { top:14px; margin-left:5px; }
	.footer .top .w-area li .btn-area a.btn-white { min-width:70px; font-size:13px!important; padding:5px 0!important; }
	.footer .top .w-area li .btn-area a:first-child { margin-left:0; }
	.footer .top .w-area li .btn-area a + a { margin-left:3px; }
	.footer .bot { height:inherit!important; padding:15px 5%; }
	.footer .bot > ul li.col-lg-4.last p { margin-top:5px; }
	.footer .bot > ul li.col-lg-4.last ul li a { position:relative; bottom:-2px; border-bottom:1px solid black; }
	.footer .bot .divider { position:relative; transform: translate(-50%,-50%); left:2%; top:0%; height:15px; }
	.footer .bot dl dd { margin-top:2px; font-size:13px!important; }
	.footer .w-area { margin:5% 0 0 0!important; }
	.footer .w-area li span { font-size:13px; }
	.footer .w-area .sns { position:absolute; left:180px; top:5px; margin-top:0; }
	.footer .w-area .sns img { width:25px; height:25px; }
	.footer .w-area > li { margin-top:10px; }
	.footer .w-area > li:nth-child(2) > ul { margin-top:5px; } 
	.footer .w-area > li:nth-child(2) li { line-height:15px; }
	.footer ul li.last ul li { display:inline-block; margin-right:10px; }
	.footer .bot > ul li.last ul a { font-size:13px; }
	.footer .bot > ul li.col-lg-4.last ul a { font-size:14px!important; }
	#container-s .request-area ul li { font-size:22px; width:33.33%; }
	/* 18/11/28 e */
	#tab-menu .fixed-hd { padding-top:0!important; }
	#tab-menu { margin-top:0; }
	#tab-menu .menu { height:57px; }
	#tab-menu .menu.fixed-hd { height:57px!important; }
	#tab-menu .menu.fixed-hd .table .row2 { top:0; }
	#tab-menu .menu a { height:45px!important; font-size:12px!important; }
	#tab-menu .menu li a { position:relative; top:8px; }
	#tab-menu .menu li.on a { border-bottom:2px solid black; }
	#tab-menu li.sec-func:first-child .row { padding-top:30px; }
	#tab-menu .sec-func .slide { width:107px; height:253px; }
	#tab-menu .sec-func .slide-r { margin:20px auto 0!important; }
	.img-responsive, .thumbnail > img, 
	.thumbnail a > img, 
	.carousel-inner > .item > img, 
	.carousel-inner > .item > a > img { width:100%; height:auto; }
	#tab-menu .sec-func .row { padding-top:60px!important; }
	#tab-menu .sec-func .carousel-inner { width:97px; }
	#tab-menu .sec-func .item { width:97px; margin-top:28px; }
	#tab-menu .l-cont > div { position:relative; left:inherit!important; top:inherit; transform:inherit!important; text-align:center; }
	#tab-menu .r-cont > div { position:relative; left:inherit!important; top:inherit; transform:inherit!important; text-align:center; }
	#tab-menu .r-cont > div p.tit { line-height:22px; font-size:18px; margin-top:20px; }
	#tab-menu .l-cont > div p.tit { line-height:22px; font-size:18px; margin-top:0px; }
	#tab-menu .r-cont > div dl dt { font-size:15px; line-height:22px; }
	#tab-menu .r-cont > div dl dd { font-size:13px; line-height:20px; }
	#tab-menu .l-cont > div dl dt { font-size:15px; line-height:22px; }
	#tab-menu .l-cont > div dl dd { font-size:13px; line-height:20px; }
	#tab-menu .menu li:nth-child(4) a, 
	#tab-menu .menu li:nth-child(6) a,
	#tab-menu .menu li:nth-child(7) a { top:7px!important; }
	#container-s .franchisee-con1 p.txt { font-size:20px!important; }
	#container-s .franchisee-con1 a.btn-request { font-size:15px!important; }
	#container-s .gray-bar ul.row li dl { font-size:12px!important; }
	#container-s .gray-bar ul.tab-menu li { font-size:17px!important; }
	#container-s .gray-bar .thumb-lst ul li { height:138px!important; }
	#container-s .gray-bar ul.tab-menu li.on a { line-height:17px; border-bottom:1px solid #de2b79; }
	#container-s .gray-bar figcaption div { font-size:18px!important; }
	#container-s .gray-bar figcaption a.btn-detail { width:40px; padding:0.02em 0.8em!important; font-size:12px!important }
	#container-s .franchisee-group a.btn-more { font-size:14px; }
	#container-s .faq p.tit { font-size:28px!important; }
	#container-s .faq ol li { margin-top:20px; } 
	#container-s .faq ol li dl dt { font-size:17px!important; }
	#container-s .faq ol li p.num { font-size:38px!important; top:-5px; }
	#container-s .faq ol li dl { padding-left:9%; }

	#container-s .request-area p.tit { font-size:25px!important; }
	#container-s .request-area p.graybox { font-size:13px!important; }
	/* 18/11/28 s */
	/* #container-s .request-area ul li { padding:.2em .6em; font-size:16px!important;  }
	#container-s .request-area ul li span:first-child { font-size:16px!important }	 */
	#container-s .request-area ul li { padding:.8em .6em; font-size:10px!important;  }
	#container-s .request-area ul li span:first-child { position:relative; left:2px; top:2px; font-size:10px!important }
	#container-s .request-area ul li+li+li span img { position:relative; top:-2px; left:2px; width:16px; height:auto; }
	/* 18/11/28 s */
	#container-s .request-area label.btn span { font-size:15px!important; }
	#container-s .request-area label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o { font-size:20px!important; }
	#container-s .request-area label:hover input[type="checkbox"] ~ i.fa { font-size:20px!important; }
	#container-s .request-form .form-control { font-size:13px!important; }
	#container-s .request-area a.btn-request.btn-pink { font-size:15px!important;  }
}

/* This Css is for mobile iphone6+ */
@media (max-width: 414px) {
	.footer .top .w-area li .btn-area { top:17px; }
	.footer .top .w-area li .btn-area a.btn-white { min-width:70px; }
	#container-s .gray-bar .thumb-lst ul li { height:75px!important; }
	#container-s .gray-bar figcaption div { font-size:12px!important; }
	#container-s .gray-bar figcaption a.btn-detail { padding:0.02em 0.8em!important; font-size:7px!important }
	#container-s .faq p.tit { font-size:28px!important; }
	#header .in ul.nav { display:block!important; }
	#header .navbar-collapse.in { overflow-y: visible; }	
}

@media (max-width: 375px) {
	#container-s .gray-bar .thumb-lst ul li { height:67px!important; }
	#container-s .gray-bar figcaption div { font-size:10px!important; }
	#container-s .gray-bar figcaption a.btn-detail { padding:0.02em 0.8em!important; font-size:7px!important }
	#container-s .faq p.tit { font-size:26px!important; }
	#container-s .request-area p.tit { font-size:26px!important; }
	/* 18/11/28 s */
	#container-s .request-area ul li { margin:0 0.1%; padding:.5em .6em; font-size:.625em!important;  }
	#container-s .request-area ul li span:first-child { font-size:.625em!important }
	#container-s .request-area ul li span img { width:16px; height:auto; }
	/* 18/11/28 s */
}

/* This Css is for mobile iphone6 */
@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 374px) {
	.footer .top .w-area li .btn-area { top:13px; }
	.footer .top .w-area li p { 
	    width: 37%;
	    padding: 5% 0 5% 5% !important;
		font-size: 14px !important;
	}
	.footer .top .w-area li .btn-area a.btn-white { min-width:60px; }
	#tab-menu .sec-func .row { padding-top:10px!important }
	#container-s .gray-bar .thumb-lst ul li { height:65px!important; }
	#container-s .gray-bar figcaption div { font-size:10px!important; }
	#container-s .gray-bar figcaption a.btn-detail { padding:0.02em 0.8em!important; font-size:7px!important }
	#container-s .faq p.tit { font-size:26px!important; }
	#container-s .request-area p.tit { font-size:26px!important; }
	#header .in ul.nav { display:block!important; }
	#header .navbar-collapse.in { overflow-y: visible; }
}

/* This Css is for small mobile iphone4-5 */
@media (max-width: 320px) {
	#section0 .btn a { padding:.5em .8em; }
	.section.second dl dd { margin-top:10px; }
	.section.second .summary { margin-top:0; }
	.section.second p.deco img { width:36%!important; }
	.section.third .w-area { margin-top:50px!important; }
	.section.third p.deco img { width:36%!important; }
	.section.fourth p.deco img { width:35%!important; }
	.section.fifth dl dt, 
	.section.fifth dl dd { letter-spacing:-0.05em; }
	.section.sixth dl dt, 
	.section.sixth dl dd { letter-spacing:-0.05em; }
	.section.sixth p.deco img { width:55%!important; }
	.section.seventh p.deco img { width:55%!important; }
	.section.eighth p.deco img { width:40%!important; }
	.section.eighth dl dt { font-size:17px!important; }
	.section.eighth dl dd { margin-top:5px; line-height:22px; font-size:15px!important; }
	.footer { padding-top:10px; }
	.footer .top { transform:translate(-50%,-98%); }
	.footer .top .w-area li p { width:37%!important; padding:5% 8px 5% 5%!important; font-size:13px!important; }
	.footer .top .w-area li .btn-area { top:14px; margin-left:5px; }
	.footer .top .w-area li .btn-area a.btn-white { min-width:60px!important; font-size:10px!important; padding:5px 0!important; }
	.footer .top .w-area li .btn-area a:first-child { margin-left:0; }
	.footer .top .w-area li .btn-area a + a { margin-left:3px; }
	.footer .bot { padding:0px 5%; }
	.footer .bot > ul li.col-lg-4.last ul a { font-size:12px!important; }  
	.footer .bot > ul li.col-lg-4.last ul li a { position:relative; bottom:-2px; border-bottom:1px solid black; }
	.footer .bot .sns a { margin-right:5px; }
	#tab-menu .sec-func .row { padding-top:10px!important } 
	#tab-menu li.sec-func:first-child .row { padding-top:10px!important; }
	#container-s .franchisee-con1 p.txt { font-size:17px!important; }
	#container-s .franchisee-con1 a.btn-request { font-size:13px!important; }
	#container-s .gray-bar ul.row li dl { font-size:11px!important; }
	#container-s .gray-bar .thumb-lst ul li { height:57px!important; }
	#container-s .gray-bar figcaption a.btn-detail { font-size:7px!important; width:40px!important; }
	#container-s .faq p.tit { font-size:22px!important; }
	#container-s .faq ol li p.num { font-size:30px!important; top:-2px; }
	#container-s .request-area p.tit { font-size:22px!important; }
	/* #container-s .request-area p.graybox { font-size:15px!important; } */
	#header .in ul.nav { display:block!important; }
	#header .navbar-collapse.in { overflow-y: visible; }
	/* 18/11/28 s */
	#container-s .request-area ul li { margin:0 0.1%; padding:.2em 0; font-size:.588em!important; letter-spacing:-0.12em; }
	#container-s .request-area ul li span img { width:16px; height:auto; }
	/* 18/11/28 s */
}

/* 태블릿 공통 */
@media (max-width: 1310px) {
	.pc { display:none;  }
	.mobile { display:block; }

	#header { background:black!important; }
	#header.current { height:60px; }
	#header ul { position:inherit; padding-top:50px; }
	#header .w-area { position:relative; width:100%; margin:0 auto; }
	#header .w-area > ul { display:none; }
	#header .navbar .hamburger .line{
	  width: 30px;
	  height: 2px;
	  background-color: #ecf0f1;
	  display: block;
	  margin: 7px auto;
	  -webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
	#header .navbar .hamburger:hover{
	  cursor: pointer;
	}
	#header .navbar .hamburger.is-active .line:nth-child(2){
	  opacity: 0;
	}
	#header .navbar .hamburger.is-active .line:nth-child(1){
	  -webkit-transform: translateY(8px) rotate(45deg);
	  -ms-transform: translateY(8px) rotate(45deg);
	  -o-transform: translateY(8px) rotate(45deg);
	  transform: translateY(8px) rotate(45deg);
	}
	#header .navbar .hamburger.is-active .line:nth-child(3){
	  -webkit-transform: translateY(-8px) rotate(-45deg);
	  -ms-transform: translateY(-8px) rotate(-45deg);
	  -o-transform: translateY(-8px) rotate(-45deg);
	  transform: translateY(-8px) rotate(-45deg);
	}
	#header .in ul.nav { display:block;/*  background:black; */ background-color:rgba(0,0,0,0.85); }
	#header ul.nav { display:none; position:fixed; width:100%; height:100%; z-index:100; 
		/* -webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out; */
	}
	#header ul.nav li { text-align:center; }
	#header ul.nav li a:hover { color:#dd2b79; }
	#header ul.nav li.btn-pink a { 
		display:inline-block;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
		background:#de2b79; 
		padding:.5em 1.2em; font-size:20px; 
	}
	#header ul.nav li.btn-pink a:hover { color:white; }
	#header .icon-bar { background:white; }
	#header .navbar-default .navbar-collapse { margin-top:60px; }
	#header .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:none; }  
	#header .navbar-toggle { z-index:1000; opacity:1; display:block; border:none; margin-top:4px; margin-bottom:0; }
	#header .navbar-default { background-color:transparent; border-bottom:0; }
	#header .navbar { margin-bottom:0; }  
	#header .mobile { text-align:left; }
	#header .mobile > h1 { display:inline-block; }
	#header .mobile > h1 { z-index:2000; position:relative; left:3%; top:-3px; line-height:13px; font-weight:bold; }
	#header .mobile > h1 a { font-size:.75em; }
	/* 18/11/28 s */
	#header .mobile > h1 a.btn-pink { 
		z-index:2000;
		position:relative; top:-2px;
		display:inline-block;
		/* border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
		background:#de2b79; 
		padding:.5em 1.2em; font-size:18px;  */
	}  
	#header .mobile > h1 a.btn-pink img { width:124px; height:auto; }
	/* 18/11/28 e */
	.footer .top .w-area li p { width:30%; padding-left:20px; }
	#footer-sub #section8 ul.w-area { padding:3% 0; }
	#footer-sub #section8 .bot { height:220px; padding-bottom:0; padding-top:0; }
	.footer .top { width:100%; }
	.footer .top .w-area li .btn-area a.btn-white { font-size:17px; }
	
	#myCarousel .b-img img { height:100%; }
	#myCarousel a.right { width:10%; }
	#myCarousel .carousel-control { width:5%; }
	#myCarousel .carousel-control .arr-l { position:absolute; top:45%; width:26px; height:50px; background:url('../images/btn_prev_m.png') no-repeat left center ;  }
    #myCarousel .carousel-control .arr-r { position:absolute; top:45%; width:26px; height:50px; background:url('../images/btn_next_m.png') no-repeat right center ;  }
	#fp-nav { top:75%; }
	/* #section1 .fp-tableCell { vertical-align:top; } */
	.section dl dt { font-size:35px; }
	.section dl dd { font-size:18px; }
	.section .w-area { margin:5% 5% 0 5%; }
	#section1 .summary li { width:20%; }
	#section1 p.deco { 
		margin-top:3%;
		width:100%;
		float:inherit!important; text-align:center;
		justify-content: center; 
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		/* position:absolute; right:0; */ }
	#section1 p.deco img { width:25%; height:auto;  }	
	#section2 .w-area { margin-top:0; }
	.section p.deco { 
		margin-top:3%;
		width:100%;
		float:inherit!important; text-align:center;
		justify-content: center; 
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		/* position:absolute; right:0; */ }
	#section3 p.deco img { width:25%; height:auto;  }	
	#section4 p.deco img { width:280px; }
	#section4 ul.w-area li+li { margin-top:3%; }
	#section4 ul.summary li:first-child p+p { position:relative; top:14px; }
	#section4 .summary { margin-top:3%; }
	#section5 p.deco img { width:280px; }
	#section5 .summary li { width:20%; }
	#section6 p.deco img { width:280px; }
	#section7 p.deco img { width:280px; }
	#section8 .top .w-area li p { font-size:20px; }
	#section8 p.deco img { width:169px; }
	.sub-header { height:60px!important; }
	.sub-header.fixed-hd { height:60px!important; }
	#container-s {  width:100%; }
	#tab-menu .menu.fixed-hd { top:60px; /* height:70px; */ }
	#tab-menu .fixed-hd { padding-top:8px; }
	#tab-menu .menu a { height:60px; font-size:18px; }
	#tab-menu .cont ul.fixed-hd { padding-top:120px; }
	#tab-menu .sec-func .row { padding:4% 0 10%; }
	#tab-menu .sec-func .row > ul { overflow:hidden; margin:0 5%; }
	#tab-menu .menu li:last-child { text-align:center; }
	#tab-menu .r-cont > div { /* transform:inherit; */ left:30%; transform:translate(-35%, 45%) }
	#tab-menu .l-cont > div { left:30%; }
	#tab-menu .sec-func .slide { float:none; }
	#tab-menu .sec-func .slide-r { margin-left:20%; }
	#container-s .franchisee-con1 p.txt { font-size:30px; }
	#container-s .franchisee-con1 a.btn-request { font-size:22px; }
	#container-s .franchisee-con2 { padding:0% 5% 5% 5%; }
	#container-s .gray-bar figure img { width:100%; height:auto; }
	#container-s .gray-bar .thumb-lst ul li { height:184px; }
	#container-s .gray-bar .thumb-lst ul li p.nodata { width:100%; height:auto; }
	#container-s .gray-bar ul.row li dl { font-size:20px; }
	#container-s .gray-bar ul.tab-menu li { font-size:26px; }
	#container-s .franchisee-group > ul { margin:0 5%; }
	#container-s .gray-bar figcaption div { font-size:22px; }
	#container-s .gray-bar figcaption a.btn-detail { font-size:16px; }
	#container-s .faq p.tit { font-size:38px; }
	#container-s .faq ol li dl dt { font-size:26px; }
	#container-s .faq ol li dl dd { font-size:16px; font-weight:normal; }
	#container-s .faq ol li p.num { font-size:45px; }
	#container-s .request-area { margin:0 3%; }
	#container-s .request-area p.tit { font-size:36px; }
	/* 18/11/28 s */
	#container-s .request-area ul li { font-size:22px; width:33.33%; }
	/* 18/11/28 e */
	#container-s .request-area p.graybox { font-size:17px; }  
	#container-s .request-area label.btn span { font-size:20px; }
	#container-s .request-form .form-control { font-size:17px; }
	#container-s .request-area a.btn-request.btn-pink { font-size:22px; }

}

@media screen and (max-width: 1310px) and (min-width: 1200px) {
	#section1 p.deco img { width:65%!important; }
	#section3 p.deco img { width:80%!important; }
	#section4 p.deco img { width:75%!important; }
	#section5 p.deco img { width:70%!important; }
	#section6 p.deco img { width:90%!important; }
	#section7 p.deco img { width:85%!important; }

	#section4 p.deco { margin-top:10%!important; }
	
}

/* 태블릿 세로 */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px) {
	.section .w-area { margin:5% 5% 0; }
	.section.third dl dt, .section.third dl dd { text-align:center; }
	#section0 .carousel-inner > .item { height:100%; }
	#section0 .message p, #section0 .message p strong { line-height:32px; }
	#section0 .message p span, #section0 .message p strong { font-size:32px; }
	#section0 .btn a { padding:.5em .8em; font-size:20px; }
	#section1 .fp-tableCell { vertical-align:middle; }
	#section1 .summary { margin-top:8%; }
	#section1 .summary li p:first-child { height:60px; line-height:60px; }
	#section1 .summary li p { height:inherit; line-height:inherit; letter-spacing:-0.06em; font-size:17px; }
	#section1 .summary li p img { width:35%; height:auto; }
	#section1 p.deco { margin-top:10%; }
	#section1 p.deco img { height:auto;  width:223px; }
	#section1 .summary li p span { display:block; }
	#section2 p.deco { width:100%; margin:0% 0 0 0; text-align:center; }
	#section2 ul.w-area { margin-top:0%; }
	#section2 ul.w-area > li+li { margin-top:5%; }
	#section2 p.deco img { height:auto; width:286px; }
	#section3 p.deco img { height:auto; width:286px; }
	#section3 dl dd { margin-top:2%; }
	#section3 .summary { margin-top:10%; } 
	#section3 p.deco { margin:10% 0 0 0; }
	#section4 p.deco { margin:0% 0 0 0; }
	#section4 dl dt { margin-top:20px; }
	#section4 dl dt,
	#section4 dl dd { text-align:center; }
	#section4 ul.summary li:first-child p+p { position:relative; top:20px; }
	#section5 .summary li { width:20%; }
	#section5 ul.w-area { margin-top:3%; }
	#section5 ul.w-area > li:first-child { text-align:center;}
	#section5 p.deco img { height:auto; width:45%; }
	#section6 ul.w-area { margin-top:0%; }
	#section6 ul.w-area > li+li { margin-top:5%; }
	#section6 p.deco img { height:auto; width:45%; }
	#section6 .btn-pink { margin-top:2%; padding:.25em .8em; }
	#section6 .summary { padding-top:5%; } 
	#section6 ul.w-area > li+li dl dt,
	#section6 ul.w-area > li+li dl dd { text-align:center;}
	#section6 ul.w-area > li+li > p { display:table; margin:3% auto 0; }
	#section7 p.deco { margin-top:10%; }
	#section7 p.deco img { height:auto; width:45%; }
	#section7 .summary li { width:50%; }
	#section8 { padding-top:0%; }
	#section8 .w-area { margin:0; }
	#section8 .w-area > li+li { margin-top:5%; }
	#section8 .top .w-area li .btn-area { top:15px; }
	#section8 .top { top:37%; width:100%; }
	#section8 .bot li+li > ul { margin-top:1%; }
	#section8 .bot { /* bottom:inherit; */ padding:5% 3%; }
	#section8 .bot dl dt { font-size:18px; }
	#section8 .bot ul li a { font-size:17px; }
	#section8 .bot dl dd { font-size:17px; }
	#section8 .bot .sns { position:absolute; left:250px; top:0; margin-top:10px; }
	/* #section8 .bot .sns a img { width:80%; } */
	#section8 .bot > ul li.col-lg-4.last p { margin-top:2%; }
	#section8 .bot > ul li.col-lg-4.last ul li { display:inline-block; }
	#section8 .bot > ul li.col-lg-4.last ul li+li { margin-left:3%; }
	#section8 .bot > ul li.col-lg-4.last ul li a { position:relative; bottom:-2px; border-bottom:1px solid black; }
	#section8 .bot .divider { left:131px; top:41px; }
	/* 18/11/28 s */
	.section.nineth .w-area { margin-left:5%!important; margin-right:5%!important; }
	.section .summary li p { height:80px; line-height:30px; }
	/* 18/11/28 e */
	#footer-sub #section8 .bot { height:100%; }
	#footer-sub #section8 ul.w-area { padding:3% 0 3% 0; }
	#tab-menu .l-cont > div { left:15%; }
	#tab-menu .r-cont > div p.tit { font-size:30px; }
	#tab-menu .r-cont > div dl dt,
	#tab-menu .l-cont > div dl dt { font-size:22px; }
	#tab-menu .r-cont > div dl dd,
	#tab-menu .l-cont > div dl dd { font-size:22px; }
	#container-s .gray-bar .thumb-lst ul li { height:138px; }
	#container-s .gray-bar figcaption div { font-size:18px; }
	#container-s .gray-bar figcaption a.btn-detail { font-size:12px; }
	#container-s .gray-bar ul.row li dl { font-size:18px; }
	#container-s .franchisee-con1 p.txt { font-size:28px; }  
	#container-s .franchisee-con1 a.btn-request { font-size:20px }
	#container-s .faq p.tit { font-size:35px; }
	#container-s .faq ol li dl dt { font-size:24px; }
	#container-s .faq ol li dl dd { font-size:17px; }
	#container-s .faq ol li p.num { font-size:40px; }
	#container-s .request-area { margin:0 3%; }
	#container-s .request-area p.tit { font-size:30px; }
	#container-s .request-area ul li { font-size:20px; }
	#container-s .request-area p.graybox { font-size:17px; }  
	#container-s .request-area label.btn span { font-size:18px; }
	#container-s .request-form .form-control { font-size:17px; }
	#container-s .request-area a.btn-request.btn-pink { font-size:20px; }
}

/* 태블릿 가로 */
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1310px) {
	.section ul.w-area { margin:8% 8% 0; }
	#section1 .summary { margin-top:3%; }
	#section1 p.deco { margin-top:2%; }
	#section1 p.deco img { height:auto;  width:180px; }
	#section2 p.deco { margin:19% 0 0 0%; }
	#section2 p.deco img { height:auto;  width:286px; }
	#section3 p.deco i	mg { height:auto;  width:286px; }
	#section3 ul.w-area  { margin-top:5%; }
	#section3 dl dd { margin-top:2%; }
	#section3 ul.summary { position:absolute; right:0; top:10%; width:40%; }
	#section3 p.deco { margin-top:5%; }
	#section3 p.deco img { width:286px; height:auto;  }
	#section4 ul.summary { position:absolute; left:0; bottom:0%; width:55%; }
	#section4 ul.w-area  { margin-top:0%; }
	#section4 p.deco { margin-top:0%; }
	#section4 p.deco img { height:auto; width:33%; }
	#section4 ul.w-area > li+li { margin-top:5%; }
	#section4 .summary li p { font-size:17px; }
	#section5 ul.w-area  { margin-top:1%; }
	#section5 .summary { margin-top:3%; }
	#section5 .summary li { width:20%; }
	#section5 p.deco { margin-top:1%; }
	#section5 p.deco img { height:auto; width:32%; }
	#section6 ul.w-area  { margin-top:0; }
	#section6 p.deco { margin-top:1%; }
	#section6 p.deco img { height:auto; width:32%; }
	#section6 ul.summary { position:absolute; left:0; top:20%; width:55%; }
	#section6 ul.w-area > li+li { margin-top:5%; }
	#section6 .btn-pink { margin-top:1%; padding:.25em .8em; }
	#section7 ul.summary { position:absolute; right:0; top:10%; width:40%; }
	#section7 ul.summary li { width:50%; }
	#section7 p.deco img { height:auto; width:32%; }
	#section8 { padding-top:0%; }
	#section8 .w-area { margin:3% 3% 0;}
	#section8 .top { width:100%; }
	#section8 .top .w-area li .btn-area { top:20px }
	#section8 .bot { /* bottom:inherit; */ padding:0% 0 2%; }
	#section8 .bot dl dt { font-size:17px; }
	#section8 .bot ul li a { font-size:17px; }
	#section8 .bot dl dd { font-size:14px; }
	#section8 .bot .sns a img { width:90%; }
	#section8 .bot > ul li.col-lg-4.last p { margin-top:2%; }
	#section8 .bot > ul li.col-lg-4.last p span { display:block; }
	#section8 .bot .divider { left:106px; top:37px; }
	#section8 .bot ul.w-area li+li > ul { margin-top:5%; }
	/* #footer-sub #section8 .bot { height:inherit; } */
	.navbar ul.nav { padding-top:35%!important; }
}

/* Desktop */
@media (min-width: 1311px) {
	.mobile { display:none;  }
	.pc { display:block; }
    .carousel-control .arr-l { position:absolute; top:45%; width:52px; height:99px; background:url('../images/btn_prev_m.png') no-repeat left center ;  }
    .carousel-control .arr-r { position:absolute; top:45%; right:45%; width:52px; height:99px; background:url('../images/btn_next_m.png') no-repeat left center ;  }
    .w-area { position:relative; width:1160px; margin:0 auto; }
    .footer .bot > ul li.col-lg-4.last ul,
	.footer .bot > ul li.col-lg-4.last p { margin-left:30%; }
	.footer .bot > ul li.col-lg-4.last p { margin-top:20px; }
	.section.second .summary { position:relative; left:-25px; }
	.section.third .summary { position:relative; right:-40px; }
	.section.fourth p.deco { position:relative; right:-85px; }
	.section.fourth .summary { position:relative; top:-10px; left:0px; }
	.section.fourth .summary li { width:inherit; margin-right:50px; }
	.section.fifth .summary { position:relative; top:20px; right:-130px; }
	.section.fifth .summary li { width:inherit; margin-right:50px; }
	.section.fifth p.deco { position:relative; top:70px; }
	.section.sixth .summary { position:relative; top:0; left:-30px; }
	.section.sixth .summary li:nth-child(4),
	.section.sixth .summary li:nth-child(5) { margin-top:10px; }
	.section.sixth p.deco { position:relative; right:-85px; }
	.section.seventh p.deco { position:relative; left:-55px; }
	.section.seventh dl { position:relative; top:-20px; }
	.section.seventh .summary { position:relative; right:-145px; }
	.section.seventh .summary li { width:inherit; margin-left:50px; }
	.section.eighth .summary { position:relative; left:-55px; }
	.section.eighth .summary li { width:inherit; margin-left:50px; }
	#tab-menu .cont p.fl-r { margin-right:50px; }
	#tab-menu .cont p.fl-l { margin-left:160px; }
	/* #tab-menu .menu.fixed-hd { height:90px; } */
	#section8 { padding-top:0; }
	#section8 .col-lg-4.col-md-4.last span { display:block; }
	#section8 .w-area > li+li > ul { margin-top:20px; }
	#section8 .bot ul.w-area li+li > ul { margin-top:5%; }
	.section.nineth .summary li { width:26%; }
}

@media (min-width: 1920px) {
	#section0 .message { left:20%; }
}