@charset "utf-8";
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:300,400&display=swap');

@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }



.P-scontent {
  width:100%;
  margin:0 auto 4%;
  background: url(../images/sub/sub_top.png) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
}
.P-scontent_in {width:1200px; margin:0 auto;}
.top-menu {
  position: relative;
  border-top: none !important;
  overflow: hidden;
  height: 100%;
  text-align: center;
}
.top-menu-title p {
  margin:6% 0;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  font-size:40px;
  color: #fff;
  text-align: center;
  line-height: 50px;
}
.top-menu-title span {
  font-family: 'Noto Sans KR';
  font-weight:400;
  font-size: 30px;
  letter-spacing:1px;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}
.sub_contents {width:100%; height:100%; background:#fff; background-attachment: fixed;}
.sub_contents_in {width:1200px; margin:0 auto;}
.Top_tit {
  font-family: 'Noto Sans KR', serif;
  font-size: 26px;
  line-height: 36px;
  font-weight: bold;
  color: #bd071a;
  text-align: center;
  margin-bottom: 6%;
  word-break:keep-all;
}
.Top_tit strong {
  font-family: 'Noto Sans KR', serif;
  border-bottom: 1px solid #bd071a;
}
.Top_tit > p {font-size:30px; color:#ccc;}
.Bottom_con h2 {
  font-family: 'Noto Sans KR';
  font-size:26px;
  line-height: 34px;
  font-weight:600;
  color:#282828;
  margin-bottom:5%;
  word-break: keep-all;
}
.Bottom_con h2 span {color:#e60013;}
.Bottom_con h6 {
  font-family: 'Noto Sans KR';
  font-size:16px;
  font-weight:400;
  line-height:26px;
  color:#e6e6e6;
  word-break:keep-all;
}
.Bottom_con h6 p {display:block; color: #e6e6e6;}
.Bottom_con > div {margin-bottom:1%;}
.C_top {position:relative; width:90%; margin:0 auto;}
.C_bottom {
  bottom: 0;
  width:100%;
  margin:0 auto;
  padding: 40px;
  background: rgba(0,0,0,0.7);
  color:#fff;
  text-align:center;
  word-break:keep-all;
}

.menu_txt {margin-top:30px;}
.menu_txt > .left {width:30%; float:left; font-family: 'Noto Sans KR'; color:#282828; font-size:26px; text-align:left;}
.menu_txt > .left span {font-size:26px; line-height: 40px; color:#000; font-weight:600;}
.menu_txt > .right {width:70%;float:right; color:#282828; font-size:24px; text-align:left;}
.price {width:90%; margin-top: 10px;}
.menu_txt > .right table tr {
  width:100%;
  border-bottom:1px solid #ececec;   
}


.menu_txt > .right tr .tit, .menu_txt > .right tr .txt {width: 50%; font-size: 16px;line-height: 20px; color: #312e2e; padding:20px; text-align: center;}
.menu_txt > .right tr .txt {font-family:'roboto'}
.menu_txt > .right tr .txt small {font-size:12px; font-weight:600; color:#312e2e; margin-right:5px;}

.menu_txt:after {content:""; display:block; clear:both;}
.menu_txt > .right li {font-size:16px; padding:10px 0;}
.menu_txt > .right li span {font-size:14px; color:#bd071a; margin-right:5px;}
.fran_price {width: 100%; padding: 50px; background: #f5f5f5;}
.fran_price > h1 {font-size:18px; font-weight:600; line-height:34px;}

.tab_box, .tab_boxIn {width:98%;margin:0 auto;text-align:center;}

.s_tab {display:inline-block;
  text-align: center;
  position: relative;
  border: 1px solid #eaeaea; border-radius:10px;background:#fff;
  line-height: 12px;
  padding:2% 0;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  box-sizing: border-box;
  transition:all 0.3s ease;
}

.s_tab:last-child{ margin-right:0%;}
.s_tab p {display:inline-block;}

.s_tab:hover{ color:#2f96ff;border: 1px solid #2f96ff;border-radius:10px; font-weight:600;}
.s_tab a:hover{ color:#2f96ff;}

.s_tab.on a, .s_tab.on p {color:#fff; font-weight:600;}
.s_tab.on {
  width: 92%;
  
 color:#2f96ff;border: 1px solid #2f96ff;border-radius:10px;
  z-index: 1;
}
.s_tab.on a{color:#2f96ff;font-weight:600;}

.map_left {float:left; width: 50%; height: 640px;}
.map_right {float:right; width: 50%; height: 640px; background: #f4f4f4; padding:9% 5%;}
.map_right > h1, .map_right > h1 p  {
  font-size:28px;
  line-height:40px;
  word-break:keep-all;
}
.map_right > h4 {font-size:16px; color:#1d212a; margin:8% 0 5%;}
.map_right > h6 {word-break:keep-all;}
.map_right > h6 b {margin-right:1%;}
.P-footer {margin-top: 8%;}
.tab_m {display:none;}

/*태블릿 [768 ~ 1200px 적용] */
@media all and (max-width:1200px){
  .P-scontent {background-size:cover;}
  .P-scontent_in, .sub_contents_in {width:90%; margin:0 auto;}
  .top-menu-title p {font-size:40px;}
  .callBtn {width:220px; line-height:50px; margin:0 auto; border-radius:30px; background:#c30a1c; }
  .callBtn a {font-size:16px; color:#fff;}
  .tab_m {display:table-cell;}
}


/* 모바일 1024px 적용] */
@media all and (max-width:1024px){
  .right .in_right {padding: 8% 0;}
  .left .in_right {padding: 8% 0;}
}


/* 모바일 [ ~ 980px 적용] */
@media all and (max-width:980px){
  .left .in_left, .right .in_left {float:none; width:70%; margin:0 auto;}
  .right .in_right, .left .in_right {float:none; width:100%; text-align:center;}
  .Bottom_con h6 small {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #8c8c8c;
  }
}

/* 모바일 [ ~ 767px 적용] */
@media all and (max-width:767px){
  .C_bottom {padding:40px 20px;}
  .map_left, .map_right {float:none; width: 100%; height:350px;}
  .map_right {height: 400px; padding: 10% 5%;}
  .map_right > h1 p {
    display:inline-block;
    font-size: 20px;
    line-height: 27px;
  }
  .Bottom_con h2 {font-size: 24px; line-height: 30px;}
  .Bottom_con h6 {line-height:24px !important;}
  .fran_price {padding:50px 20px;}


.menu_txt > .left {width:100%; font-family: 'Noto Sans KR'; color:#282828; font-size:26px; text-align:center;margin-bottom:3%;}

.menu_txt > .right {width:90%;color:#282828; font-size:24px; text-align:center;}
.price {width:90%; margin-top: 10px;}
.menu_txt > .right table tr {
  width:100%;
  border-bottom:1px solid #ececec;   
}


.menu_txt > .right tr .tit, .menu_txt > .right tr .txt {width: 50%; font-size: 16px;line-height: 20px; color: #312e2e; padding:20px; text-align: center;}
.menu_txt > .right tr .txt {font-family:'roboto'}
.menu_txt > .right tr .txt small {font-size:12px; font-weight:600; color:#2f96ff; margin-right:5px;}

.menu_txt:after {content:""; display:block; clear:both;}
.menu_txt > .right li {font-size:16px; padding:10px 0;}
.menu_txt > .right li span {font-size:14px; color:#bd071a; margin-right:5px;}
.fran_price {width: 100%; padding: 50px; background: #f5f5f5;}
.fran_price > h1 {font-size:18px; font-weight:600; line-height:34px;}





}






/* 모바일 [ ~ 480px 적용] */
@media all and (max-width:640px){
  .C_bottom {position:initial; background:#fff; color:#4c4c4c;}
  .Bottom_con h6, .Bottom_con h6 p {color:#4c4c4c;}
  .menu_txt > .left, .menu_txt > .right {width:100%; float:none;}
  .price {width:100%;}
}

/* 모바일 [ ~ 480px 적용] */
@media all and (max-width:480px){
  .top-menu-title p {
    margin:10% 0;
    font-size: 32px;
    line-height: 38px;
  }
  .top-menu-title span {
    font-size: 24px;
  }
  .Top_tit {font-size:20px; line-height:28px; }
  .menu {float:none; width:80%; ma=rgin:0 auto 8%;}
  .Bottom_con h6 {font-size:14px;}
  .left .in_left, .right .in_left {width:90%;}
  .s_tab {padding:5% 0;}
  .s_tab p {display:block;}
  .map_left iframe {height:400px;}
  .map_right {padding:15% 5%;}
  .map_right > h4 {margin:10% 0;}
  .Bottom_con h2 {font-size: 28px; line-height: 36px; padding:20px 0;}

}


/* 모바일 [ ~ 480px 적용] */
@media all and (max-width:400px){
  .Bottom_con h2 {font-size: 21px; line-height: 27px;}
  .C_top {width:100%;}
  .C_bottom {padding:40px 0;}
}