@charset "utf-8";
i{font-style:normal}
.break{display:block;} /*  데스크탑 : block -> 모바일화면 : inline*/
.plump{}	/*  데스크탑 : 속성없음 -> 모바일화면 : block */
.block{display:block}	/*  데스크탑 : block -> 모바일화면 : block */
	@media all and (max-width:480px) {
		.plump{display:block}
		.block{display:block}
	}
	@media all and (max-width:1024px) {
		.m-none{display:none}
		.break{display:inline}
	}


/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}

.ov{overflow:hidden}


/*타이틀*/
.u-tit01{position:relative; margin-bottom:15px;text-align:left; font-size:20px; font-weight:600; color:#080808; letter-spacing:-0.04em;}
.u-tit02{position:relative; margin-bottom:10px;text-align:left; font-size:18px; font-weight:600; color:#080808; letter-spacing:-0.04em;}
.u-tit03{position:relative; margin-bottom:10px;text-align:left; font-size:16px; padding-left:12px; font-weight:600; color:#080808; letter-spacing:-0.04em;}

.dot-tit{background:#f2f2f2;border:1px solid #ddd; font-weight:400; margin-bottom:20px;}
.dot-tit span{display:block; font-size:16px; color:#fa1908; letter-spacing:-0.03em; padding:10px 15px 10px 25px; position:relative;}
.dot-tit span:after{width:6px; height:6px; background:#fa1908; position:absolute; left:13px; top:16px; display:block; content:"";border-radius:100%;}
	@media only screen and  (max-width:900px) {
		.u-tit01{font-size:17px;}
	}	


.btn-wrap{height:50px; position:relative; z-index:9999}
.btn-wrap .fix{ position:fixed; width:100%; left:0; font-size:0;bottom:0;min-width:320px;}
.btn-wrap .fix a{display:inline-block; vertical-align:top; min-width:50%; box-sizing:border-box;font-family: 'Nanum Square'; font-weight:600; }
.btn-wrap .fix .bb-btn span{line-height:52px; height:50px;}
.btn-wrap .fix .br-btn span{line-height:52px; height:48px;}
.btn-wrap .fix .bb-btn span.sms{padding-left:24px; font-size:15px; background:url(/m/_Img/Sub/sms-ico.jpg) no-repeat left center ; background-size:18px auto}
.btn-wrap .fix .br-btn span.tel{padding-left:22px; font-size:15px; background:url(/m/_Img/Sub/tel-ico.jpg) no-repeat left center ; background-size:16px auto}

.btn-wrap{height:50px; position:relative; z-index:9999}
.btn-wrap .fix2{ position:fixed; width:100%; left:0; font-size:0;bottom:0;min-width:320px;}
.btn-wrap .fix2 a{display:inline-block; vertical-align:top; min-width:33.3%; box-sizing:border-box;font-family: 'Nanum Square'; font-weight:600; }
.btn-wrap .fix2 .bb-btn span{line-height:52px; height:50px;}
.btn-wrap .fix2 .br-btn span{line-height:52px; height:48px;}
.btn-wrap .fix2 .bb-btn span.sms{padding-left:24px; font-size:15px; background:url(/m/_Img/Sub/sms-ico.jpg) no-repeat left center ; background-size:18px auto}
.btn-wrap .fix2 .br-btn span.tel{padding-left:22px; font-size:15px; background:url(/m/_Img/Sub/tel-ico.jpg) no-repeat left center ; background-size:16px auto}


/* 검정라인 */
.bw-btn, .bb-btn, .br-btn{display:inline-block; vertical-align:top;  font-size:17px; font-weight:400;text-align:center; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.sw-btn, .sb-btn, .sr-btn{display:inline-block; vertical-align:top;  font-size:14px; font-weight:400;text-align:center; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

/* 검정배경 버튼*/
.bb-btn{color:#fff; background:#3e3e3e;  min-width:168px;}
.bb-btn span{display:inline-block; height:50px;  line-height:50px;  letter-spacing:-0.02em;} 

.sb-btn{color:#fff; background:#3e3e3e;  min-width:78px;}
.sb-btn span{display:inline-block; height:30px;  line-height:30px;  letter-spacing:-0.02em;} 

/* 흰색배경 버튼*/
.bw-btn{color:#333; border:1px solid #333; min-width:168px; }
.bw-btn span{display:inline-block; color:#333; line-height:48px;  letter-spacing:-0.02em;} 

.sw-btn{color:#333; border:1px solid #333; min-width:78px; }
.sw-btn span{display:inline-block; color:#333; line-height:28px;  letter-spacing:-0.02em;} 

/* 주황배경 버튼*/
.br-btn{ color:#fff;border:1px solid #ff620c;background:#ff620c;  min-width:168px}
.br-btn.w200{min-width:200px}
.br-btn span{display:inline-block; vertical-align:top; line-height:48px;} 

.sr-btn{ color:#fff;border:1px solid #ff620c;background:#ff620c;  min-width:78px}
.sr-btn span{display:inline-block; vertical-align:top; line-height:28px;} 

.sb-btn.fl, .sb-btn.fr{width:49%}

	@media all and (max-width:1024px) {
		.bw-btn, .bb-btn, .br-btn{font-size:16px;}
		
		.bw-btn { min-width:148px;}
		.bb-btn { min-width:148px;}
		.br-btn { min-width:148px;}

		.bw-btn span{line-height:42px; height:42px }
		.br-btn span{line-height:42px; height:42px}
		.bb-btn span{line-height:44px; height:44px }

		.btn-wrap{height:50px;}
	}
	@media all and (max-width:400px) {
		.sw-btn, .sb-btn, .sr-btn{font-size:13px;}

		.bw-btn { min-width:118px;}
		.bb-btn { min-width:118px;}
		.br-btn { min-width:118px;}
	}



/* line */
.bd-line{height:1px; background:#eaeaea; display:block; margin:30px 0}


/* table */
.tbl-info{color:#555; letter-spacing:-0.02em; font-weight:400; margin-bottom:15px;}

.tbl-type01 { border-collapse:collapse;border-top:1px solid #a9b0b7;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;}
.tbl-type01 th, .tbl-type01 td {font-size:15px; border-bottom:1px solid #a9b0b7;border-right:0;word-wrap:break-word;}
.tbl-type01 th:first-child, .tbl-type01 td:first-child {border-left:0;}
.tbl-type01 thead th {padding:16px 0px;border-top:0; background:#938870;font-weight:500; color:#fff ; border-left:none; position:relative;} 
.tbl-type01 thead th:after{width:1px ;height:14px; background:rgba(255,255,255,0.6); display:block; content:""; position:absolute; left:0; top:50%; margin-top:-7px}
.tbl-type01 thead th:first-child:after{display:none;}
.tbl-type01 thead th.vline {border-bottom:1px solid #a9b0b7;} 
.tbl-type01 tbody th{background:#f4f4f4;color:#000; font-weight:600; vertical-align:middle}
.tbl-type01 tbody td {padding:14px 7px 12px 7px; color:#444;font-weight:400;text-align:left;}
.tbl-type01 th.line, .tbl-type01 td.line {border-right:1px solid #a9b0b7;}
.tbl-type01 th.l, .tbl-type01 td.l, .tbl-type01 td.left {padding-left:15px;}
.tbl-type01 th.r, .tbl-type01 td.r, .tbl-type01 td.right {padding-right:15px;}
.tbl-type01 input[type="text"]{border:1px solid #e1e0e0; height:30px;box-sizing:border-box;display:inline-block; vertical-align:top;}
.tbl-type01 .ctxt{display:inline-block; vertical-align:top; line-height:30px;}
.tbl-type01 .ov.btn-wrap{max-width:320px;}
	
	@media all and (max-width:400px) {
		.tbl-type01 th, .tbl-type01 td {font-size:14px;}
		.tbl-type01 thead th{padding:14px 0px;}
		.tbl-type01 tbody td{padding:10px 7px 8px 7px;}
	}


.tbl-type02 { border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;}
.tbl-type02 th, .tbl-type02 td {font-size:15px; border-bottom:1px solid #a9b0b7;border-right:0;word-wrap:break-word;}
.tbl-type02 th:first-child, .tbl-type02 td:first-child {border-left:0;}
.tbl-type02 thead th {padding:14px 0px;border-top:0; background:#ff620c;font-weight:500; color:#fff ; border-left:none; position:relative;} 
.tbl-type02 thead th.vline {border-bottom:1px solid #a9b0b7;} 
.tbl-type02 tbody th{padding:14px 7px 12px 7px;background:#f4f4f4;color:#000; font-weight:600; vertical-align:middle}
.tbl-type02 tbody td {padding:14px 7px 12px 7px; color:#444;font-weight:400;text-align:left;}
.tbl-type02 th.line, .tbl-type02 td.line {border-right:1px solid #a9b0b7;}
.tbl-type02 th.l, .tbl-type02 td.l, .tbl-type02 td.left {padding-left:15px;}
.tbl-type02 th.r, .tbl-type02 td.r, .tbl-type02 td.right {padding-right:15px;}
.tbl-type02 input[type="text"]{border:1px solid #e1e0e0; height:30px;box-sizing:border-box;display:inline-block; vertical-align:top;}
.tbl-type02 .ctxt{display:inline-block; vertical-align:top; line-height:30px;}
.tbl-type02 .ov.btn-wrap{max-width:320px;}
	
	@media all and (max-width:400px) {
		.tbl-type02 th, .tbl-type02 td {font-size:14px;}
		.tbl-type02 thead th{padding:14px 0px;}
		.tbl-type02 tbody td, .tbl-type02 tbody th{padding:10px 7px 8px 7px;}
	}


/* 라디오 ,체크박스, 셀렉트 */
.radio-box{display:inline-block;vertical-align:top;}
.radio-box input[type="radio"]{ display:none;}
.radio-box label{position:relative; display:block;padding-left:22px; font-size:14px ; color:#222; line-height:20px;}
.radio-box label:after{width:16px; height:16px; position:absolute; border-radius:100%; background:#f8f8f8; left:0; top:1px ;border:1px solid #a4a2a2; display:block; content:""; z-index:2}
.radio-box input[type="radio"]:checked + label:before{ position:absolute; width:8px; height:8px; background:#7a7878; border-radius:100%; left:5px; top:6px; display:block; content:""; z-index:65}

.radio-box.pay label{line-height:29px;}
.radio-box.pay label:after{top:4px}
.radio-box.pay input[type="radio"]:checked + label:before{top:9px;}
.radio-box.red label:after{border:1px solid #000;width:16px; height:16px;background:#fff;}
.radio-box.red input[type="radio"]:checked + label:before{width:16px; height:16px; left:1px; top:2px;background:#ed1f24}


.check-box{display:inline-block;vertical-align:top;}
.check-box input[type="checkbox"]{ display:none;}
.check-box label{position:relative; padding-left:25px; font-size:14px ; color:#5c5b5b; line-height:16px;}
.check-box label:after{width:16px; height:16px; position:absolute;  left:0; top:0 ; display:block; content:""; border:1px solid #7a7878}
.check-box input[type="checkbox"]:checked +  label:after{background:url(/m/_Img/Sub/check-on.png) no-repeat center center}
.check-box input[type="checkbox"]:checked +  label{color:#222}
	
	@media all and (max-width:400px) {
		.radio-box label{font-size:13px;}
		.check-box label{font-size:13px;}
	}

.select-box{position:relative;border:1px solid #ccc; display:inline-block;vertical-align:top;background:#fff;}
.select-box:after{background:url(/m/_Img/Sub/select-arrow01.png) no-repeat center center; position:absolute; width:20px; height:10px; position:absolute; right:3px; top:50%;margin-top:-5px; display:block; content:""}
.select-box select{cursor:pointer;font-size:14px; color:#666; font-weight:300; height:42px;text-indent:2px; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0; padding:0;}
.select-box select::-ms-expand{display:none;}



/* tab */
.u-tab01{position:relative;margin-bottom:30px}
.u-tab01:after{background:#d5d8dc; width:2000px; height:1px; left:50%;margin-left:-1000px; display:block; content:""; bottom:0; position:absolute; z-index:-1;}
.u-tab01 ul{overflow:hidden;}
.u-tab01 li{float:left;width:25%;text-align:center;}
.u-tab01 li a{position:relative;display:block; line-height:68px; height:70px; color:#818181; font-family: 'Nanum Square';font-size:22px; font-weight:600;}
.u-tab01 li.active a:after{background:#ff620c; width:100%; height:4px; position:absolute; left:0 ; bottom:0; display:block; content:""; }
.u-tab01 li.active a{ color:#57778b;}
.u-tab01.c02{margin-bottom:5px;}
.u-tab01.c02 li{ width:50%;}	
	@media all and (max-width:780px) {
		.u-tab01 li a{font-size:18px; line-height:58px; height:60px;}
	}
	@media all and (max-width:540px) {
		.u-tab01 li a{font-size:16px; line-height:48px; height:50px;}
	}


.u-tab02{overflow:hidden; position:relative;background:#ddd; }
.u-tab02 li{float:left;margin-left:0; width:33.333333%; z-index:2; position:relative; }
.u-tab02 li a{position:relative;display:block; text-align:center;background:#ddd;line-height:48px; font-weight:600; color:#57778b; font-size:16px; letter-spacing:-0.02em;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.u-tab02 li.active a{background:#2d3e50;border:1px solid #333; height:46px; color:#fff;}
.u-tab02 li a:after{background:#babdc1; width:1px; height:24px;margin-top:-12px; position:absolute; left:0; top:50%;display:block; content:""; }
.u-tab02 li.active a:after{display:none;}


.u-tab03{overflow:hidden; margin:35px 0 35px 0; position:relative; }
.u-tab03 ul{padding:0 120px;}
.u-tab03 li{vertical-align:top; float:left;margin-left:0; width:16.666666%; z-index:2; position:relative;}
.u-tab03 li a{display:block; line-height:48px; font-weight:300; text-align:center; color:#666; font-size:14px; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.u-tab03 li.active a{color:#0b8be5; font-weight:400; border-bottom:2px solid #0b8be5; }

/*.u-tab03 li a:after{ width:1px; height:100%; position:absolute; left:0; top:0;display:block; content:""; }*/
/*.u-tab03 li.over a:after{display:none;}*/


.u-list01{}
.u-list01 li{ margin-top:7px; position:relative; font-size:0; padding-left:12px;  font-weight:400; letter-spacing:-0.03em; }
.u-list01 li:first-child{margin-top:0;}
.u-list01 li .btxt{display:inline-block; vertical-align:top; color:#222; font-weight:600; width:30%; line-height:130%;font-size:15px;}
.u-list01 li .stxt{display:inline-block; vertical-align:top; color:#606060;font-weight:400; width:70%;line-height:130%; font-size:15px;}

.u-list04{padding-bottom:25px;padding-top:18px;}
.u-list04 li{ margin-top:7px; position:relative; font-size:0;font-weight:400; letter-spacing:-0.03em; }
.u-list04 li:first-child{margin-top:0;}
.u-list04 li .btxt{display:inline-block; vertical-align:top; color:#222; font-weight:600;line-height:130%;font-size:15px;}
.u-list04 li .stxt{display:inline-block; vertical-align:top; color:#606060;font-weight:400;margin-left:10px;line-height:130%; font-size:15px;}
.u-list04 li .stxt i.cart{padding-left:40px;background:url(/m/_Img/Sub/cart-ico.png) no-repeat left center #efefef;background-size:33px auto;}
.u-list04 li .stxt i.meal{padding-left:40px;background:url(/m/_Img/Sub/food-ico.png) no-repeat left center #efefef;background-size:33px auto;}

.u-list02{}
.u-list02 li{ margin-top:5px; position:relative; padding-left:12px; line-height:130%; font-weight:400; letter-spacing:-0.03em; }
.u-list02 li.no-pd{padding-left:0}
.u-list02 li.no-pd:after{display:none;}
.u-list02 li:after{background:#a3a2a2; width:5px; height:5px;border-radius:100%; position:absolute; left:2px; top:5px;display:block; content:""}
.u-list02 li:first-child{margin-top:0;}

.u-list03{}
.u-list03 li{ margin-top:5px; position:relative; padding-left:12px; line-height:130%; font-weight:400; letter-spacing:-0.03em; }
.u-list03 li.no-pd{padding-left:0}
.u-list03 li.no-pd:after{display:none;}
.u-list03 li:after{background:#333; width:5px; height:1px; position:absolute; left:2px; top:8px;display:block; content:""}
.u-list03 li:first-child{margin-top:0;}


.u-list05{padding:5px 10px}
.u-list05 li{ margin-top:9px; position:relative; font-size:0;  font-weight:400; letter-spacing:-0.03em; }
.u-list05 li:first-child{margin-top:0;}
.u-list05 li .btxt{ position:Absolute; left:0; top:0;display:inline-block; vertical-align:top; color:#222; font-weight:600; line-height:130%;font-size:14px;}
.u-list05 li .stxt{display:block; vertical-align:top; color:#606060;font-weight:400; line-height:130%; font-size:14px; padding-left:64px;}



/* 페이징 */
.paging-wrap{font-size:0px; text-align:center; display:block; position:relative;}
.paging-wrap.no-bd a.ctrl , .paging-wrap.no-bd li a{border:none !important}
.paging-wrap.no-bd li a.active, .paging-wrap li a.active:hover{background:none !important;color:#c62828 !important}
.paging-wrap.no-bd li a:hover{background:none !important}

.paging-wrap a.ctrl{ display:inline-block; margin:0 1px;vertical-align:top;text-decoration: none; width:38px; height:38px; font-size:15px; color:#b4b4b4; text-align:center; border:1px solid #dadada; line-height:38px;font-weight:400;}
.paging-wrap li, .paging-wrap ul{display:inline-block; vertical-align:top;}
.paging-wrap li a{display:block; margin:0 1px; position:relative; text-decoration: none;width:38px; height:38px; font-size:14px; color:#666; text-align:center; border:1px solid #dadada;  line-height:38px;font-weight:400;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.paging-wrap li a.active, .paging-wrap li a.active:hover{ color:#fff;background:#c62828; border:1px solid #c62828}

.paging-wrap a.first{background:url(/m/_Img/Sub/page-ctrl.png) no-repeat 0 0; }
.paging-wrap a.prev{background:url(/m/_Img/Sub/page-ctrl.png) no-repeat -42px 0}
.paging-wrap a.next{background:url(/m/_Img/Sub/page-ctrl.png) no-repeat -81px 0}
.paging-wrap a.last{background:url(/m/_Img/Sub/page-ctrl.png) no-repeat -122px 0; border-right:1px solid #dadada;}

	@media only screen and  (max-width:900px) {
		.paging-wrap a.ctrl{width:26px; height:26px ;line-height:26px;background-size:120px auto !Important}
		.paging-wrap li a{width:26px; height:26px; line-height:26px;font-size:13px;}
		
		.paging-wrap a.first{background-position:-1px 0}
		.paging-wrap a.prev{background-position:-33px 0}
		.paging-wrap a.next{background-position:-61px 0}
		.paging-wrap a.last{background-position:-92px 0}

	}	































