@charset "utf-8";
@media (max-width: 1720px) {
	.franchise .cont9 .con ul li .box br{display:none;}
}

@media (max-width: 1230px) {
	#header .contain{height:80px;}
	#header .sitelogo {top:15px;}
	#header .sitelogo img{height:50px;}
	#gnb>ul {margin:0 -30px;} 
	#gnb>ul>li {padding:0 30px;}
	#gnb>ul>li>a {font-size:18px; line-height:80px;}

	.flex-group .col.txt .inner{padding:30px;}
	.doc-txt .txt .tt br{display:none;}

	.label-tit{padding:0 15px;height:40px;border-radius:20px;}

	.history .con .row{padding:30px 40px;align-items:center;}
	.history .con .row .year{width:200px;}
	.history .con .row .info{padding-top:0;}

	.sec5 .flex{margin:0 -30px;}
	.sec5 .flex .col.txt .doc-txt .btn{padding:0 20px;height:40px;}

	.marquee{height:120px;}
	.marquee .items{height:120px;}
	/* footer */
	#footer .foot-info{margin-right:30px;}
	#footer .foot-info .foot-logo{margin-bottom:20px;}
	#footer .foot-info .foot-logo img{height:100px;}
	#footer .foot-info address dl dt{margin-right:10px;}
	#footer .foot-info .copy{margin-top:15px;}
	#footer .foot-info .copy a{margin-left:5px;}

	/* sub page */
	.sub-visual .tt2 br{display:none;}

	.franchise .cont3 .con .tt-wrap{padding:40px;}
	.franchise .cont3 .con .tt-wrap .cnt dl{display:block;padding-bottom:20px;margin-bottom:20px;}
	.franchise .cont3 .con .tt-wrap .cnt dl dt{width:100%;margin-bottom:10px;}
	.franchise .cont3 .con .tt-wrap .cnt dl dd{width:100%;}
	.franchise .cont3 .con .bg{width:50%;}
	
	.table01 table th,
	.table01 table td{height:60px;}
	.tb-nt{margin-top:15px;}
	
	.franchise .cont5 .con .left{padding:40px;}
	.franchise .cont5 .con .right{padding:40px;}
	.franchise .cont5 .con .right .btm-tt br{display:none;}

	.franchise .cont7 .con ul li .box{padding:40px;}

	.table02 table th,
	.table02 table td{height:60px;}

	.franchise .cont9 .con ul{margin:0 -5px -10px;flex-wrap:wrap;justify-content:center;}
	.franchise .cont9 .con ul li{width:33.3333%;padding:0 5px;margin-bottom:10px;}
	.franchise .cont9 .con ul li .box{padding:30px;}
	.franchise .cont9 .con ul li .box .tit{padding-bottom:20px;margin-bottom:20px;}
	.franchise .cont9 .con ul li .box .tit:after{max-width:40px;}

	.franchise .cont10 .process:before{top:44px;}
	.franchise .cont10 .process:after{content:'';width:100%;height:1px;background-color:var(--dark);position: absolute;left:0;top:172px;}
	.franchise .cont10 .process ul{margin:0 -40px -30px;flex-wrap:wrap;}
	.franchise .cont10 .process ul li{padding:0 40px;margin-bottom:30px;}
	.franchise .cont10 .process ul li .wrap:after{top:40px;}
	.franchise .cont10 .process ul li .wrap .step{margin-bottom:50px;font-size:15px;}
	.franchise .cont10 .process ul li .wrap .tit{font-size:18px;}
	.franchise .cont10 .con .right{padding:40px;}
	.franchise .cont10 .con .right br{display:none;}

	.inq-wrap{display:block;padding:60px;}
	.inq-wrap .left{margin-right:0;margin-bottom:40px;}
	.inq-wrap .right{padding-right:0;width:100%;}
	/* .inq-wrap .right .input-area .row{margin-bottom:20px;padding:10px 20px;min-height:60px;} */
	/* .inq-wrap .right .input-area .row .tit{width:120px;} */
	/* .inq-wrap .right .input-area .row .col input.input,
	.inq-wrap .right .input-area .row .col select.input{height:40px;}
	.inq-wrap .right .input-area .row .col .radio-wrap{gap:20px;}
	.inq-wrap .right .input-area .row.type2 .tit{margin-bottom:10px;} */
	.inq-wrap .right .form-agree{margin:20px 0 0;}
	.inq-wrap .right .form-agree .btn-send{width:120px;height:40px;}

}

@media (max-width: 768px) {

	#header.header-up{transform:translateY(0);}
	#header .contain{height:60px;}
	#header .sitelogo {top:10px;left:15px;}
	#header .sitelogo img{height:40px;}
	#gnb>ul {margin:0 -10px;} 
	#gnb>ul>li {padding:0 10px;}
	#gnb>ul>li>a {font-size:14px;line-height:60px;}

	.main-visual .tt-wrap{font-size:22px;}
	.main-visual .tt-wrap p{padding-bottom:60px;margin-bottom:20px;}
	.main-visual .tt-wrap p:after{height:40px;}

	.flex-group{display:block;}
	.flex-group .col{width:100%;}
	.flex-group .col.txt .inner{padding:30px 0 0;}
	.doc-txt .txt{margin-top:10px;}
	.doc-txt .txt .tt{margin-bottom:10px;}

	.sec1 .cont3 .flex-group .col.txt .inner{padding:30px;}
	.doc-txt .tit{font-size:28px;}

	.label-tit{height:32px;border-radius:16px;font-size:14px;}
	.sec2 .content .menu-tit .wrap .tt{margin-top:10px;}
	.sec2 .content .menu-tit .arrs{margin-left:20px;}
	.sec2 .content .menu-tit .arrs{gap:5px;}
	.sec2 .content .menu-tit .arrs .slick-arrow{width:30px;height:30px;background-size:6px;}

	.menu-sld .slick-list{margin:0 -10px;}
	.menu-sld .item{padding:0 10px;}
	.menu-sld .item .tit{margin-top:10px;}

	.main-menu1 .arrs,
	.main-menu3 .arrs,
	.main-menu4 .arrs{display:flex;}
	
	.history .tit-wrap{margin-bottom:20px;}
	.history .con .row{display:block;padding:20px 0;}
	.history .con .row .year{width:100%;margin-bottom:10px;padding-bottom:0;font-size:24px;}
	.history .con .row .info{width:100%;}
	.history .con .row .info ul li{margin-bottom:5px;}

	.sec5 .flex{display:block;margin:0;}
	.sec5 .flex .col{width:100%;}
	.sec5 .flex .col.txt{padding:30px;}
	.sec5 .flex .col.txt .doc-txt .btn{margin-top:10px;padding:0 15px;height:36px;}

	.marquee{height:80px;}
	.marquee .items{height:80px;}
	.marquee .items img{height:24px;}

	/* footer */
	#footer .contain{flex-direction:column;align-items:center;}
	#footer .foot-info{margin-right:0;text-align:center;width:100%;order:2;}
	#footer .foot-info .foot-logo{margin-bottom:15px;}
	#footer .foot-info .foot-logo img{height:70px;}
	#footer .foot-info address{margin:0;display:block;}
	#footer .foot-info address dl{display:block;padding:0;margin-bottom:8px;line-height:1.5em;}
	#footer .foot-info address dl:last-child{margin-bottom:0;}
	#footer .foot-info address dl dt{margin-right:0;}
	#footer .foot-info .copy{margin-top:20px;line-height:1.4em;font-size:12px;}
	#footer .foot-info .copy a{margin-left:5px;font-size:11px;}
	#footer .foot-menu{order:1;margin-bottom:20px;}
	#footer .foot-menu ul{display:flex;justify-content:center;gap:20px}
	.scroll-top{right:15px;width:36px;height:36px;}

	/* sub page */
	.sub-visual .tit{margin-bottom:25px;font-size:24px;}
	.sub-visual .tt1{font-size:15px;}
	
	.doc-txt .eng{font-size:14px;}
	.franchise .cont2 .doc-txt .tt1{font-size:18px;}
	.franchise .cont2 .doc-txt .tt-wrap p{margin-bottom:15px;}
	.franchise .cont2 .doc-txt .tt-wrap p br{display:none;}

	.franchise .cont3 .con{flex-direction:column;}
	.franchise .cont3 .con .tt-wrap{padding:25px 30px;order:2;width:100%;}
	.franchise .cont3 .con .tt-wrap .cnt{margin-bottom:20px;}
	.franchise .cont3 .con .tt-wrap .cnt dl{padding-bottom:15px;margin-bottom:15px;}
	.franchise .cont3 .con .tt-wrap .cnt dl dt{margin-bottom:7px;font-size:18px;}
	.franchise .cont3 .con .bg{width:100%;order:1;height:200px;}
	
	.table01 table th,
	.table01 table td{height:44px;line-height:1.4em;padding:5px;}
	.table01 table th{font-size:11px;}
	.table01 table td{font-size:11px;}
	.tb-nt{margin-top:10px;font-size:10px;}

	.franchise .cont5 .con{display:block;}
	.franchise .cont5 .con .left{padding:30px;width:100%;}
	.franchise .cont5 .con .left .img{margin-bottom:20px;}
	.franchise .cont5 .con .left .tit{width:120px;height:36px;font-size:14px;}
	.franchise .cont5 .con .right{padding:30px;width:100%;}
	.franchise .cont5 .con .right .tit-wrap{margin-bottom:20px;}
	.franchise .cont5 .con .right .tit-wrap span{padding-right:10px;margin-right:10px;font-size:15px;}
	.franchise .cont5 .con .right .tit-wrap span:after{height:10px;}
	.franchise .cont5 .con .right .cnt .row .percent{width:200px;}

	.franchise .cont6 .flex-group{margin-bottom:60px;}
	.franchise .cont6 .flex-group:last-child{margin-bottom:0;}
	.franchise .cont6 .flex-group .col.txt .inner .tt{margin-bottom:15px;}

	.franchise .cont7 .doc-txt .tt{font-size:16px;}

	.franchise .cont7 .con ul{display:block;margin:0;}
	.franchise .cont7 .con ul li{padding:0;width:100%;margin-bottom:10px;}
	.franchise .cont7 .con ul li:last-child{margin-bottom:0;}
	.franchise .cont7 .con ul li .box {padding:30px;}
	.franchise .cont7 .con ul li .box .eng{margin-bottom:10px;}
	.franchise .cont7 .con ul li .box .tit{font-size:20px;}
	.franchise .cont7 .con ul li .box .tit:after{width:40px;}
	.franchise .cont7 .con ul li .box .row{margin-bottom:15px;}

	.table02 table th,
	.table02 table td{height:40px;}
	.table02 table th{font-size:12px;line-height:1.5em;}
	.table02 table td{font-size:11px;line-height:1.5em;}

	.franchise .cont9 .con ul{justify-content:flex-start;}
	.franchise .cont9 .con ul li{width:50%;}
	.franchise .cont9 .con ul li .box{padding:20px;}
	.franchise .cont9 .con ul li .box .tit{padding-bottom:10px;margin-bottom:10px;font-size:15px;}
	.franchise .cont9 .con ul li .box .tit:after{max-width:20px;}
	.franchise .cont9 .con ul li .box .tt{font-size:13px;}

	.franchise .cont10 .process:before{top:35px;}
	.franchise .cont10 .process:after{top:135px;}
	.franchise .cont10 .process ul{margin:0 -13px -30px;flex-wrap:wrap;}
	.franchise .cont10 .process ul li{padding:0 13px;}
	.franchise .cont10 .process ul li .wrap:after{width:6px;height:6px;top:32px;}
	.franchise .cont10 .process ul li .wrap .step{margin-bottom:30px;font-size:12px;}
	.franchise .cont10 .process ul li .wrap .tit{font-size:14px;}
	.franchise .cont10 .con{display:block;}
	.franchise .cont10 .con .left{width:100%;height:200px;}
	.franchise .cont10 .con .right{padding:30px;width:100%;}
	.franchise .cont10 .con .right .tit{margin-bottom:10px;}

	.inq-wrap{padding:40px 20px;}
	.inq-wrap .left{margin-bottom:30px;padding:0;}
	.inq-wrap .left .tt{margin-bottom:10px;}
	.inq-wrap .left .tt br{display:block;}
	.inq-wrap .right .input-area .row{display:block;margin-bottom:20px;padding:10px 15px;min-height:50px;}
	.inq-wrap .right .input-area .row .tit{width:auto;margin-bottom:10px;}
	.inq-wrap .right .input-area .row .col{width:100%;}
	.inq-wrap .right .input-area .row .col input.input,
	.inq-wrap .right .input-area .row .col select.input{height:38px;border:1px solid var(--dark);padding:0 10px;}
	.inq-wrap .right .input-area .row .col textarea.input{border:1px solid var(--dark);padding:10px}
	.inq-wrap .right .input-area .row .col .radio-wrap{align-items:center;min-height:36px;}
	.inq-wrap .right .form-agree{margin:20px 0 0;display:block;}
	.inq-wrap .right .form-agree .check{text-align:center;margin-bottom:15px;font-size:13px;width:100%;margin-right:0;}
	.inq-wrap .right .form-agree .btn-send{width:120px;height:40px;margin:0 auto;}

}