@charset "utf-8";

.dp_main {display:none !important;}

#tab {text-align:center; padding:15px 0 18px; background:#ed3023;}
#tab>li {display:inline-block; margin-right:30px;}
#tab>li:last-child {margin-right:0;}
#tab>li>a {color:#fff; font-size:17px;}

#con_tit {text-align:center; padding:50px 0;}
#con_tit h3 {font-size:50px; font-weight:normal;}
#con_tit>ul {position:absolute; right:0; top:80px;}
#con_tit>ul>li {display:inline-block; margin-left:33px;}
#con_tit>ul>li:first-child {margin-left:0;}
#con_tit>ul>li.share>a {width:25px; height:24px; background:url('/img/ic_share.gif') no-repeat;}
#con_tit>ul>li.share>ul {display:none; position:absolute; right:85px; min-width:215px; margin-top:-30px;}
#con_tit>ul>li.share>ul li {float:left; margin-left:5px;}
#con_tit>ul>li.print>a {width:26px; height:24px; background:url('/img/ic_print.gif') no-repeat;}
#con_tit ol {margin-top:20px; font-size:0; line-height:0;}
#con_tit ol>li {position:relative; display:inline-block; margin-right:30px; font-size:15px; line-height:1.2em;}
#con_tit ol>li:after {display:block; content:""; position:absolute; right:-15px; top:7px; width:7px; height:7px; border-right:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; transform:rotate(-45deg);}
#con_tit ol>li:last-child {margin-right:0; padding-right:0;}
#con_tit ol>li:last-child:after {display:none;}

#detail_con {min-height:300px; padding-bottom:50px;}

.flavorBox {position:relative; text-align:center; margin-bottom:25px; padding:10px; background:url('../img/sub/flavorbox_bg.gif') repeat;}
.flavorBox>div {padding:8px; border:2px solid rgba(217,188,158,.1);}
.flavorBox>div>div {padding:60px; border:2px solid rgba(217,188,158,.1);}
.flavorBox>div:before, .flavorBox>div:after, .flavorBox>div>div:before, .flavorBox>div>div:after {display:block; content:""; position:absolute; width:42px; height:42px; background:url('../img/sub/flavorbox_edge.gif') no-repeat;}
.flavorBox>div:before {left:10px; top:10px;}
.flavorBox>div:after {right:10px; top:10px; transform: matrix(-1, 0, 0, 1, 0, 0);}
.flavorBox>div>div:before {left:10px; bottom:10px; transform: matrix(1, 0, 0, -1, 0, 0);}
.flavorBox>div>div:after {right:10px; bottom:10px; transform:rotate(180deg);}
.flavorBox .p1 {position:absolute; left:-10px; top:50px;}
.flavorBox .p2 {position:absolute; right:45px; bottom:40px;}
.flavorBox .p1.p3 {top:25px;}
.flavorBox .p2.p3 {right:30px; bottom:25px;}
.flavorBox .tit {height:41px; width:100%; background-size:100% !important;}
.flavorBox .tit.tit1 {max-width:471px; background:url('../img/sub/flavor1_tit.gif') no-repeat;}
.flavorBox .tit.tit2 {max-width:410px; background:url('../img/sub/flavor2_tit.gif') no-repeat;}
.flavorBox .tit.tit3 {max-width:546px; background:url('../img/sub/flavor3_tit.gif') no-repeat;}
.flavorBox .txt {margin-top:20px; color:#fff; font-family:'Noto Sans KR'; font-size:14px; letter-spacing:-0.01em; line-height:23px; font-weight:500;}
.flavorBox .txt strong {font-weight:500; text-decoration:underline; color:#dfbd96;}
.flavorBox .gomap {position:relative; display:inline-block; margin-top:30px; height:43px; padding:0 80px 0 22px; font-size:17px; line-height:40px; font-weight:bold; color:#2a1b09; border-radius:50px; background:#fff; box-shadow:10px 10px 0 #3f3b36;}
.flavorBox .gomap:before, .flavorBox .gomap:after {display:block; content:""; position:absolute;}
.flavorBox .gomap:before {right:4px; top:3px; width:37px; height:37px; border-radius:50%; background:#c6382e;}
.flavorBox .gomap:after {right:16px; top:14px; width:9px; height:15px; background:url('../img/sub/flavor_btn.gif') no-repeat;}

/*맛집찾기검색필드*/
.food_search {padding:0;}
.food_chlist {padding:30px 0; font-size:0; line-height:0; border-bottom:3px solid #ed3023; background:#fff;}
.food_chlist>li {display:inline-block; margin-top:3px; font-size:15px; line-height:37px;}
.food_chlist>li input {position:absolute; opacity:0;}
.food_chlist>li label {position:relative; display:block; height:37px; padding:0 15px 0 40px;}
.food_chlist>li label:before {display:block; content:""; position:absolute; left:5px; top:5px; width:23px; height:23px; border-radius:50%; border:2px solid #e5e5e5; background-color:#fff;}
.food_chlist>li input:checked + label:before {border-color:#fff; background-image:url('../img/sub/input_check.gif'); background-repeat:no-repeat; background-position:center center;}
.food_chlist>li input:checked + label {color:#fff; border-radius:40px; background:#ed3023;}
.food_search .in {padding:30px;}


.para_line {padding:30px 15px; border-top:1px dotted #d2d2d2;}
.bl02 {padding-left:26px; font-size:20px; font-weight:bold; line-height:1.5em; letter-spacing:-1px; background:url('/img/bl02.gif') no-repeat left 5px;}
.para_line .bl02{display:inline-block}
.para_line .list p:nth-child(2){display:inline-block; float:right; font-weight:500; font-size:18px; color:#004898}
.bl03 {margin-left:20px; margin-top:30px;}
.bl03>p {position:relative; padding-left:17px; font-size:17px; font-weight:bold; letter-spacing:-1px;}
.bl03>p:before {display:block; content:""; position:absolute; left:0; top:7px; width:5px; height:5px; border:3px solid #4258c9;}
.bl04 {margin-left:20px; margin-top:20px;}
.bl04>li, p.bl04 {position:relative; padding-left:10px; margin-bottom:8px; line-height:24px;}
.bl04>li:before, p.bl04:before {display:block; content:""; position:absolute; left:0; top:10px; width:4px; height:4px; background:#666;}
.bl03>.bl04 {margin-left:10px; margin-top:15px;}
.bl05>li {position:relative; padding-left:10px; margin:5px 0;}
.bl05>li:before {display:block; content:""; position:absolute; left:0; top:12px; width:5px; height:1px; background:#666;}
.nobl {background:none; padding-left:0;}
.nobl:before {display:none !important;}


.accordion {margin-top:10px; border-bottom:1px solid #000;}
.accordion .classify {position:relative; text-align:center; padding:15px 80px 15px 25%; font-size:17px; color:#111; border-top:2px solid #000; background:#f9f9f9;}
.accordion .classify span {position:absolute; left:0; top:0; width:23%; padding:15px;}
.accordion>dl {border-top:1px solid #ccc;}
.accordion>dl>dt a {display:block; position:relative; padding:25px 80px 25px 25%; font-size:17px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-decoration:none; transition:.3s;}
.accordion>dl>dt span {position:absolute; text-align:center; left:0; top:0; width:23%; padding:25px 10px; transition:.3s;}
.accordion>dl>dt a:before {position:absolute; right:40px; top:37px; height:1px; width:15px; background:#000; content:""; transition:.3s;}
.accordion>dl>dt a:after {position:absolute; right:47px; top:30px; height:15px; width:1px; background:#000; content:""; transition:.3s;}
.accordion>dl>dd {display:none; padding:40px 5%; background:#f8f8f8; box-sizing:content-box;/*slide 쿼리 오류로 이부분만 컨텐츠박스로*/}
.accordion>dl.show>dt a {color:#fff; background:#ed3023; }
.accordion>dl.show>dt a span {color:#fff;}
.accordion>dl.show>dt a:before {background:#fff;}
.accordion>dl.show>dt a:after {background:#fff; transform:rotate(90deg);}

.rpBox {position:relative; padding:25px; padding-left:215px; min-height:60px; border:1px solid #aaa; background:#fff; word-break:keep-all;}
.rpBox+.rpBox {border-top:0;}
.rpBox .tit {position:absolute; display:flex; justify-content:center; align-items:center; left:0; width:190px; top:0; bottom:0; text-align:center; color:#fff; font-size:16px; background:#333;}
.rpBox .numList>li {position:relative; padding-left:20px;}
.rpBox .numList>li:not(:first-of-type) {margin-top:10px;}
.rpBox .numList>li>span:first-child {position:absolute; left:0; top:2px; text-align:center; font-size:10px; width:14px; height:14px; line-height:12px; border:1px solid #555; border-radius:50%;}
.rpBox>.bl04 {margin:0;}
.rpBox>.bl04>li>.numList {margin-top:7px; line-height:18px;}
.rpBox .center {text-align:center;}
.rpBox>div>p,
.rpBox>p:not(.tit){line-height:170%;}
.rpPhoto {text-align:center; display:flex; justify-content:center; gap:1%; padding:15px; border:1px solid #aaa; border-bottom:0; background:#fcfcfc;}


.ps {display:inline-block; position:relative; font-size:18px; color:#ed3023;}
.ps:before {position:absolute; left:-2px; right:-2px; bottom:-2px; top:5px; background:#ff9; content:""; z-index:-1;}

.sbox {padding:15px; border:1px solid #ddd; background:#f5f5f5;}

/*pc_min*/
@media all and (max-width:1280px){
	.flavorBox .p1 {left:-30px; top:10px;}
	.flavorBox .p1.p3 {left:-100px;}
	.flavorBox .p2 {right:15px; bottom:20px;}
	.flavorBox .p2.p3 {right:-20px; bottom:0; z-index:10;}
}

/*tablet*/
@media screen and (max-width:800px){
	.flavorBox .p1, .flavorBox .p2 {display:none;}
	.flavorBox .txt br {display:none;}
}


/*mobile*/
@media screen and (max-width:799px){
	#tab>li {margin-right:15px;}
	#tab>li>a {font-size:14px;}
	#con_tit {padding:40px 0;}
	#con_tit h3 {font-size:40px;}
	#con_tit>ul {position:static; margin-top:20px; overflow:hidden;}
	#con_tit>ul>li.share>ul {right:50%; margin-right:-100px; margin-top:10px;}
	.flavorBox>div>div {padding:50px 35px;}

	.rpBox {padding:0; border:0; background:none;}
	.rpBox+.rpBox {padding-top:40px; margin-top:40px; border-top:dashed 1px #999;}
	.rpBox .tit {position:static; display:block; width:auto; text-align:left; margin-bottom:25px; color:#760e0e; font-weight:bold; font-size:18px; background:none;}
	.rpBox .center {text-align:left;}
	.rpPhoto {padding:0; border:0; padding-bottom:40px; margin-bottom:40px; border-bottom:dashed 1px #999; background:none;}
}

/*mobile_min*/
@media screen and (max-width:480px){
	#con_tit {padding:30px 0; margin:0 auto;}
	.food_chlist {text-align:left; padding:20px;}
	.food_chlist>li {width:50%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}