@charset "UTF-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

.notosanskr * { 
 font-family: 'Noto Sans KR', sans-serif;
}

/* SUB???? : ???? */
.sub_title {position:relative; width:100%; margin-top:80px; font-size:3em; text-align:center;}
.sub_title p {font-family:Oswald; font-size:18px; color:#999; letter-spacing:0;}

/* sub 준비중 */
.preparing{width: 100% !important; }
.preparing > img{width: 100% !important; height: auto;}


/* subTopWrap */
.subTopWrap .bigTitle {transition:1s all;/*opacity:0;*//*transform:translate(0,-30px)*/;position: relative;z-index: 1;padding-top:100px;font-family: 'Noto-Sans KR', sans-serif;
text-align: center;font-size:40px;line-height:40px;color:#ffffff;font-weight:500;letter-spacing:8px;}
.subTopWrap .bigTitle p {padding:0 0 20px 0; font-size:20px; line-height:20px; font-weight:400;}

.subTopWrap .bgBox {position: absolute; left:0; top:0; width: 100%; height: 100%; overflow:hidden;}
.subTopWrap .bgBox span {transition:2s all; transform:scale(1.1); position: absolute; left:0; top:0; width: 100%; height: 100%;  }


body.load .subTopWrap .bigTitle { transform:translate(0,0); opacity:1;}
body.load .subTopWrap .bgBox span { transform:scale(1);}


.subTopWrap.about .bgBox span {background:url('/images/main/subTopBanner.png') no-repeat center 0;}
.subTopWrap.room .bgBox span {background:url('/theme/basic/images/sub/bg_top_about.jpg') center center no-repeat; background-size:cover; }
.subTopWrap.special .bgBox span {background:url('/theme/basic/images/sub/bg_top_about.jpg') center center no-repeat; background-size:cover; }
.subTopWrap.travel .bgBox span {background:url('/theme/basic/images/sub/bg_top_about.jpg') center center no-repeat; background-size:cover; }
.subTopWrap.reservation .bgBox span {background:url('/theme/basic/images/sub/bg_top_about.jpg') center center no-repeat; background-size:cover; }
.subTopWrap.community .bgBox span {background:url('/theme/basic/images/sub/bg_top_about.jpg') center center no-repeat; background-size:cover; }

.subTopWrap .lnbWrap {position: absolute; left:0; bottom:0; width:100%; z-index: 10; }
.subTopWrap .lnbWrap .in {width:1200px; margin:0 auto;  background:#fff; height:60px; }
.subTopWrap .lnbWrap .btnHome {float:left; width:60px; height: 60px; background:#e3a50f url('/theme/basic/images/sub/btn_home.png') center no-repeat; text-indent:-999em;}
.subTopWrap .lnbWrap .lnbList {position: relative; float:left; width: 21%; margin-left:-1px; }
.subTopWrap .lnbWrap .lnbList p a {position: relative; display: block; font-size: 15px;  height: 60px; line-height:60px; padding-left: 20px; color:#444444;  border-right:1px solid #dddddd; }
.subTopWrap .lnbWrap .lnbList p a:after {content:''; position: absolute; right:20px; top:50%; margin-top:-4px; width: 12px; height: 7px; background:url('http://www.gsentec.com/web/images/common/ico_subn.png') no-repeat;}
.subTopWrap .lnbWrap .lnbList ul {position: absolute; left:0; top:60px; width: 100%; background:#fff; border:1px solid #dddddd; border-top:none; display: none;}
.subTopWrap .lnbWrap .lnbList ul li {border-top:1px solid #dddddd;}
.subTopWrap .lnbWrap .lnbList ul li:first-child {/* border-top:none; */}
.subTopWrap .lnbWrap .lnbList ul a {display: block; font-size: 15px;  height: 59px; line-height:59px; padding-left: 20px; color:#555555; }
.subTopWrap.active .lnbWrap {position: fixed; left:0; bottom:auto; top:0; background:#fff; width: 100%; transition:.3s all; }
.subTopWrap.active .in {}
.subTopWrap.active  {}


/* ???? : ???? */
.s_tab_mn {display:table;width:100%;height:56px;border-spacing:1px;margin:0;padding:0;/* background: #7156a7; */}
.s_tab_mn li {display:table-cell;width: 2%;margin:0;padding:1px;text-align:center;vertical-align:middle;}
.s_tab_mn li a {text-decoration:none;color: #fff;font-weight:700;}
.s_tab_mn li span {display:block;width:100%;color: #000;/* background:#333; */font-size:17px;line-height:56px;vertical-align:middle;}
.s_tab_mn li span:hover {color: #000;/* background: #7156a7; *//* border-bottom: 2px solid #808080; */}
.s_tab_mn li span.active {/* background: #7156a7; */color: #000;border-top: 4px solid #cc0000;}
   

 
/* ABOUT */
.content-main-title{text-align:center;font-size:42px;letter-spacing:-.05em;color:#000;line-height:1;margin: 44px 0;}
.content-main-title p {text-align:center;font-size:16px;letter-spacing:-.05em;color:#777;line-height:1;margin:20px 0;}
.common-content{width:1200px;margin-left:auto;margin-right:auto;}
.common-page-location{width:1200px;height:52px;margin:0 auto 50px;line-height:52px;font-size:0;white-space:nowrap;position:relative}
.common-page-location:after{content:"";display:block;clear:both}
.common-page-location>span{display:inline-block;height:100%;padding:0 20px;vertical-align:middle;font-size:15px;color:#232323;letter-spacing:-.025em}
.common-page-location .home{padding:0;font-size:0}
.common-page-location .home:before{content:'';display:inline-block;margin-right:20px;vertical-align:middle;position:relative;top:1px;background-image:url(/images/ko/sprite/ico.png);background-position:-212px -117px;width:11px;height:15px;}
.common-page-location .gt{display:inline-block;min-width:auto;padding:0;vertical-align:middle;position:relative;top:1px;background-image:url(/images/ko/sprite/ico.png);background-position:-158px -115px;width:6px;height:11px;height:0;max-height:11px;padding-top:11px;overflow:hidden;}
.section-container{min-width:1200px; letter-space:0.25em;}
.section-container>.section-head{height:400px; background-color:#ddd;background-position:50% 0;background-repeat:no-repeat;position:relative;overflow:hidden}
.section-container>.section-head .title{position:relative; top:250px; padding:0;text-align:center;font-size:40px;color:#fff;letter-spacing:-.04em}
.section-story .main-copy{/* color:#fff; */font-size:32px;font-weight:400;text-align:center;letter-spacing:-.05em;}
.section-story .sub-copy{/* margin-top:23px; *//* color:#fff; *//* font-size:2em; */line-height:1.6;font-weight:400;text-align:center;}
.section-story .typo-main{color:#232323;font-size:28px;font-weight:400;line-height:1.8;letter-spacing:-.05em}
.section-story .typo-sub{color:#232323;font-size:20px;font-weight:400;letter-spacing:-.05em}
.section-story .typo-sub2{font-size:16px;font-weight:300}
.section-story .typo-story{display:table;width:1200px;margin:0 auto;padding: 0px 101px 65px;background:#fff;}
.story_copy_3 img {display: block;margin: 0 auto;}
.story_copy_2 img {display: block;margin: 0 auto;}
.section-story .typo-story .story_copy {float: right;width: 100%;overflow:hidden;}
.section-story .typo-story .story_copy p {display:block;padding:0 30px;font-size: 1.3em;line-height:1.5em;font-weight: 800;}
.section-story .typo-story .logo_img {float:left; width:40%; height:400px; background:url(/theme/basic/images/sub/about01_01.jpg);}
.section-story .top-flag span{display:block;color:#fff;font-size:72px;font-weight:800;/* line-height:100px; */text-align:center;}
.section-story .top-flag span:after,.section-story .top-flag span:before{content:'';display:block;width:40px;height:1px;margin:0 auto;background:rgba(255,255,255,.7)}
.section-story .top-flag:after{/* content:''; *//* display:block; *//* width:1px; *//* height:125px; */margin:0 auto 10px;background:rgba(255,255,255,.7);}
.story-brand .photo-story1{/* height:900px; *//* background:url(/theme/basic/images/sub/lesign_img01_01.jpg) no-repeat 50% 50%; *//* background-size:cover; *//* background-attachment:fixed; */}
.story-brand .photo-story1 .top-flag{/* padding-top:200px */}
.story-brand .photo-story1 .main-copy{/* font-size:62px */}
.story-brand .photo-story2{/* position:relative; *//* height:900px; *//* background:url(/theme/basic/images/sub/lesign_img01_02.jpg) no-repeat 50% 50%; */background-size:cover;background-attachment:fixed;}
.story-brand .photo-story2 .common-content{position:relative}
.story-brand .photo-story2 p.desc{position:absolute;/* top:0; *//* left:50%; *//* width:600px; *//* padding:40px; *//* color:#fff; *//* font-size:1.6em; *//* font-weight:400; *//* line-height:1.4; *//* background:rgba(0,0,0,.7) */}


/* TRAVEL */
/* ?????? ????*/
.c-tit01 {font-size:30px;color:#222;line-height:1;margin:0 0 30px 0;font-weight:400;letter-spacing:-.05em}
.c-tit02 {font-size:24px;color:#333;line-height:1;margin-bottom:20px;font-weight:400;letter-spacing:-.05em}
.c-tit03 {font-size:18px;color:#444;line-height:1;margin-bottom:18px;font-weight:400;}
.c-tit01 span, .c-tit02 span, .c-tit03 span {letter-spacing:0;line-height:1.4em;}
.tit-color {color:#927640}
.rm-txt {font-size:16px;color:#222;line-height:1.4;margin:0 0 30px 0;font-weight:400;letter-spacing:-.05em}


/*????? ????? (float:left ????? ??????? ie6???? ??? ??????? ?????? ?????? ??????? width?? ?????? ???????.) */
.c-list01, .c-list02, .c-list03 {padding:3px 0;list-style:none;}
.c-list01, .c-list02 {font-weight:400}
.c-list01 ul li, .c-list02 ul li, .c-list03 ul li {list-style:none;/*font-weight:300*/}
.c-list01 li, .c-list01-li {position:relative;line-height:1.3;padding:5px 0 5px 12px;color:#666;font-size:14px;}
.c-list01 li:before, .c-list01-li:before {position:absolute;top:14px;left:0;content:"";display:block;width:2px;height:2px;background:#8a8a8a;}
.c-list01 li .tit, .c-list01-li .tit {color:#aa8132}
.c-list01 li .tit:after, .c-list01-li .tit:after {display:inline-block;content:":";margin:0 2px}
.c-list01 li ul, .c-list02 li ul {margin-top:9px;}
.c-list01 li ul li, .c-list02 li ul li {font-size:13px;color:#7a7a7a;padding:3px 0 3px 10px;margin-left:0;position:relative}
.c-list01 li ul li:before, .c-list02 li ul li:before {position:absolute;top:12px;left:0;content:"";display:block;width:5px;height:1px;background:#222;}
.c-list02 li, .c-list02-li {position:relative;line-height:1.3;padding:5px 0 5px 26px;color:#666;font-size:14px;}
.c-list02 li .num, .c-list02-li .num {color:#aa8132;font-size:14px;position:absolute;top:5px;left:0}
.c-list02 li .num:after, .c-list02-li .num:after {display:inline-block;content:"."}
.c-list03 li, .c-list03-li li {position:relative;line-height:1.3;padding:5px 0 5px 34px;;margin-top:5px;color:#666;font-size:14px;}
.c-list03 li:first-child, .c-list03-li li:first-child {margin-top:0}
.c-list03 li .num, .c-list03-li .num {position:absolute;top:2px;left:0;background:#9a9a9a;color:#fff;width:24px;height:24px;border-radius:50%;text-align:center;line-height:24px;font-size:13px;}
.c-list03 li:first-child .num, .c-list03-li:first-child .num {background:#bda578}

/* ?????? ??? */
.cw-btn, .cg-btn, .cp-btn, .cdp-btn {position:relative;display:inline-block;font-size:14px;vertical-align:middle;transition:all .25s ease;line-height:1.1;border-radius:25px;}
.cw-btn, a.cw-btn {background:#fff;border:1px solid #ccc;color:#555;}
.cw-btn:hover, .cw-btn:focus {background:#222;border:1px solid #222;color:#fff;}
.cg-btn, a.cg-btn {background:#dbdbdb;border:1px solid #dbdbdb;color:#555;}
.cg-btn:hover, .cg-btn:focus {background:#dbdbdb;border:1px solid #dbdbdb;color:#555;}
.cp-btn, a.cp-btn {background:#222;border:1px solid #222;color:#fff;}
.cp-btn:hover, .cp-btn:focus {background:#222;border:1px solid #222;color:#fff;}
.cdp-btn, a.cdp-btn {background:#817660;border:1px solid #817660;color:#fff;}
.cdp-btn:hover, .cdp-btn:focus {background:#817660;border:1px solid #817660;color:#fff;}

a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {display:block;padding:16px 48px 15px 24px;line-height:1;/*font-weight:300*/}
input.cw-btn, button.cw-btn {padding:0 48px 0 24px;height:45px;cursor:pointer;/*font-weight:300*/}
a.cw-btn span:after, a.cg-btn span:after, a.cp-btn span:after, a.cdp-btn span:after {display:block;content:"";position:absolute;right:15px;top:50%;padding:0;width:17px;height:12px;margin-top:-7px;background:url(/theme/basic/images/sub/ico_cbtn.png) no-repeat 0 0;-webkit-transition:right .25s ease; transition:right .25s ease-out;}
.cw-btn .arr:after, .cg-btn .arr:after {background-position:0 0}
.cw-btn:hover .arr:after, .cp-btn .arr:after, .cdp-btn .arr:after {background-position:0 -14px}
.cw-btn .plus:after, .cg-btn .plus:after {background-position:-19px 0}
.cw-btn:hover .plus:after, .cp-btn .plus:after, .cdp-btn .plus:after {background-position:-19px -14px}
.cw-btn .nw:after, .cg-btn .nw:after {background-position:-38px 0}
.cw-btn:hover .nw:after, .cp-btn .nw:after, .cdp-btn .nw:after {background-position:-38px -14px}
.cw-btn .down:after, .cg-btn .down:after {background-position:-57px 0}
.cw-btn:hover .down:after, .cp-btn .down:after, .cdp-btn .down:after {background-position:-57px -14px}
.cw-btn .calendar:after, .cg-btn .calendar:after {background-position:-76px 0}
.cw-btn:hover .calendar:after, .cp-btn .calendar:after, .cdp-btn .calendar:after {background-position:-76px -14px}
.cw-btn .pdf:after, .cg-btn .pdf:after {background-position:-95px 0}
.cw-btn:hover .pdf:after, .cp-btn .pdf:after, .cdp-btn .pdf:after {background-position:-95px -14px}
.cw-btn .menu:after, .cg-btn .menu:after {background-position:-114px 0}
.cw-btn:hover .menu:after, .cp-btn .menu:after, .cdp-btn .menu:after {background-position:-114px -14px}
.cw-btn .add:after, .cg-btn .add:after {background-position:-133px 0}
.cw-btn:hover .add:after, .cp-btn .add:after, .cdp-btn .add:after {background-position:-133px -14px}
.cw-btn:hover span:after, .cg-btn:hover span:after, .cp-btn:hover span:after, .cdp-btn:hover span:after {right:20px;}

/* ????? ??????? */
.img-slide-wr {position:relative;}
.img-slide-wr .owl-controls, .img-slide-wr .ctrl-btns {position:absolute;bottom:-60px;right:0; z-index:100}
.img-slide-wr button {width:60px;height:60px;border:0;background:url(/theme/basic/images/sub/slide_btns.png) no-repeat;text-indent:-9999px;vertical-align:top;position:absolute;bottom:0;}
.img-slide-wr button.btn-prev {background-position:0 0;right:60px}
.img-slide-wr button.btn-next {background-position:-60px 0;right:0}
.img-slide-wr button.btn-play, .img-slide-wr button.btn-stop {background:#222;right:120px}
.img-slide-wr button.btn-play:before, .img-slide-wr button.btn-stop:before, .img-slide-wr button.btn-play:after, .img-slide-wr button.btn-stop:after {display:block;content:"";position:absolute;top:50%;transition:all .3s ease;}
.img-slide-wr button.btn-play:before, .img-slide-wr button.btn-stop:before {border-color:#fff;border-style:solid;left:50%}
.img-slide-wr button.btn-stop:before {border-width:0 1px 0 1px;width:8px;height:16px;margin-top:-8px;margin-left:-6px}
.img-slide-wr button.btn-play:before {border-width:7px;border-color:transparent transparent transparent #fff;margin:-7px 0 0 -3px}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
  }
 .owl-carousel .owl-stage {position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {content: ".";    display: block;    clear: both;    visibility: hidden;    line-height: 0;    height: 0; }
  .owl-carousel .owl-stage-outer {position: relative;    overflow: hidden;    /* fix for flashing background */    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }

  .owl-carousel .owl-item {position: relative;    min-height: 1px;    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }

  .owl-carousel .owl-item img {display: block;    width: 100%; }
  .owl-carousel .owl-nav.disabled,  .owl-carousel .owl-dots.disabled {display: none; }
  .owl-carousel .owl-nav .owl-prev,  .owl-carousel .owl-nav .owl-next,  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

  .owl-carousel .owl-nav button.owl-prev,  .owl-carousel .owl-nav button.owl-next,  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }

  .owl-carousel.owl-loaded {display: block; }
  .owl-carousel.owl-loading {opacity: 0;    display: block; }
  .owl-carousel.owl-hidden {opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {cursor: move;    cursor: grab; }
  .owl-carousel.owl-rtl {direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {float: right; }

/* No Js */
.no-js .owl-carousel {display: block; }
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {animation-duration: 1000ms;  animation-fill-mode: both; }
.owl-carousel .owl-animated-in {z-index: 0; }
.owl-carousel .owl-animated-out {z-index: 1; }
.owl-carousel .fadeOut {animation-name: fadeOut; }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {transition: height 500ms ease-in-out; }
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {opacity: 0;    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d; }
/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {position: relative;  height: 100%;  background: #000; }
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {display: none; }
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {position: relative;  z-index: 1;  height: 100%;  width: 100%; }
/*FROM SITE CODE :  
*/

.img-slide-wr {/* margin-bottom:60px */}
.ns-tit-wr {padding:0 310px 0 290px;position:relative;min-height:48px;margin-bottom:55px}
.ns-tit-wr .c-tit01 {text-align:center;position:absolute;top:0;left:0;width:270px;}
.ns-tit-wr .c-tit01 span {font-weIght:400;line-height:1}
.ns-tit-wr .c-tit01 .etit {font-style:normal;font-size:17px;display:block;margin-top:17px;}
.ns-tit-wr .tit {position:absolute;top:0;left:0}
.ns-tit-wr .c-tit03 {font-size:22px;}
.ns-tit-wr .txt {color:#555;}
.ns-tit-wr .btn-wr {position:absolute;top:0;right:0}
.btn-wr .cw-btn {min-width:125px;height:46px;transition:none}
.btn-wr .cw-btn span {display:inline-block}
.btn-wr .cw-btn span:after {display:block;content:"";position:absolute;right:15px;top:50%;padding:0;width:17px;height:12px;margin-top:-7px; -webkit-transition:right .25s ease; transition:right .25s ease-out;}
.btn-wr .cw-btn:hover span:after, .btn-wr .cw-btn:focus span:after {background-position:0 -14px;right:20px}

.ns-info-wr {overflow:hidden;padding-bottom:50px}
.d-tit {display:block;background: #cc0000;color:#fff;font-weight: 600;font-size: 18px;padding: 7px 30px 5px;margin-bottom:20px;}
.d-tit01 {width: 404px;/* display:block; */display: inline-block;border-bottom: 3px solid #cc0000;color: #000;font-weight: 600;font-size: 17px;/* padding: 5px 23px 5px; */margin-bottom:20px;}
.d-tit02 {display:block;background:#222;color:#fff;font-weight:500;font-size:15px;padding:14px 30px 12px}
.d-list-wr .d-list .c-list01 {font-size:16px;color: #000;line-height:1.4;padding:13px 20px 18px;}
.d-list-wr .d-list:first-child .c-list01 {border-left:0}
.d-list-wr .d-list .c-list01 .fc1 {color:#5a4826}
.d-list-wr .d-list .c-list01 li span {display:block}
.d-list-wr .d-list .c-list01 li .tit:after {display:none}
.d-list-wr .d-list .c-list01 li ul li {color:#7a7a7a}
.d-list-wr .d-list .c-list01 h3 {font-size:20px; font-weight:600; color:#222; line-height:1.4; padding:13px 0 18px}
.c-sec01 p {font-size: 19px;width: 764px;margin: 0 auto;}
.c-sec01 p span {font-weight: bold;}
.facilities-wr .c-sec01 .c-tit01 {text-align:center;position:absolute;top:0;left: 263px;max-width:250px;}
.facilities-wr {width: 1212px;margin: 0 auto;}
.facilities-wr .c-sec01 .c-tit01 .etit {font-style:normal;font-size:18px;display:block;}
.facilities-wr .c-sec01 .rm-txt {color:#555}
.facilities-wr .c-sec01 .btn-w {position:absolute;top:0;right:0}
.facilities-wr .c-sec01 .btn-w .cw-btn {border-color:#000;color:#000;}
.facilities-wr .c-sec01 .btn-w .cw-btn:hover {color:#fff;}



/* BREAKFAST */
.facility_content{position: relative;margin: 0; padding:0;}
.facility_content:after{content: '';position: absolute;top:0;bottom:0;}
.facility_content .section{position: relative; box-sizing: border-box;-moz-box-sizing: border-box;-moz-box-sizing: border-box;text-align: left;padding:0;  max-width: 1200px; margin: 0 auto;}
.facility_content .section_desc{overflow: hidden}
.facility_content .section_desc .left_area{display:block; width: 100%;}
.facility_content .section_desc .left_area .tit{font-size: 34px;color: #be9336;font-weight: 500;letter-spacing: 0;line-height: 43px;padding-bottom: 25px; text-align:center;}
.facility_content .section_desc .left_area .tit p {font-size: 22px;color: #777;}
.facility_content .section_desc .right_area{display:table; width: 100%; height:600px;}
.facility_content .section_desc .right_area h1,
.facility_content .section_desc .right_area h3{font-size: 40px;font-weight: 300;line-height: 43px; color:#fff; padding-bottom: 25px;text-transform:capitalize;}
.facility_content .section_desc .right_area p{font-size: 18px;line-height: 30px;padding-bottom: 35px;}
.facility_content .section_desc .right_area p em{font-size: 20px;line-height: 34px;display: block;padding-bottom: 10px;}
.facility_content .section_desc .right_area span.tit {display:table-cell; width: 100%; height:100%; color:#fff; font-size:5.4em; text-align:center; vertical-align:middle;}
.facility_content .section_fguide{background: #f9f9f9;padding: 0;max-width: none;width: 100%;}
.facility_content .section_fguide h3{font-size: 34px;font-weight: 500;line-height: 37px;padding-bottom: 70px;text-align: center;}
.facility_content .section_fguide .inner{  position: relative;overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box; -moz-box-sizing: border-box;padding: 100px 0;max-width: 960px; margin: 0 auto;}
.facility_content .section_fguide .left_area{float: left;width: 465px;}
.facility_content .section_fguide .left_area ul li{position: relative;margin-top: 30px; padding-bottom: 40px;padding-left: 105px;border-bottom: 1px solid #e1e1e2;font-size: 14px;line-height: 26px;}
.facility_content .section_fguide .left_area ul li:first-child{margin-top: 0;}
.facility_content .section_fguide .left_area ul li span{position:absolute;left:0;top:0;bottom:0;display: block;float: left;width: 105px;font-size: 18px;  line-height: 26px;}
.facility_content .section_fguide .left_area p{font-size: 12px;line-height: 22px;color: #777777;padding-top: 15px;}
.facility_content .section_fguide .right_area{float: right;}
.facility_content .section_fguide .right_area ul li{width:440px; height:260px; margin:0 0 15px 0; padding:0;position: relative; background:#f1f1f1;}
.raBg { background:#000 url(/theme/basic/images/sub/breakfast_img001.jpg) no-repeat 50% 50%; background-size:100%;}
.raBg2 { background:#000 url(/theme/basic/images/sub/breakfast_img002_01.jpg) no-repeat 50% 50%; background-size:100%;}


.restaurant {position:relative; width:100%; overflow:hidden;}
.restaurant ul li {display:block; width:100%; margin:0 0 40px 0; overflow:hidden;}
.thum01 {display:block; width:100%; height:604px; margin:0 0 40px 0; overflow:hidden; background:url(/theme/basic/images/sub/breakfast_img002.jpg) no-repeat 50% 50%; background-size:100%;}
.thum02 {display:block; width:100%; height:604px; margin:0 0 40px 0; overflow:hidden; background:url(/theme/basic/images/sub/breakfast_img003.jpg) no-repeat 50% 50%; background-size:100%;}
.thum03 {display:block; width:100%; height:604px; margin:0 0 40px 0; overflow:hidden; background:url(/theme/basic/images/sub/breakfast_img004.jpg) no-repeat 50% 50%; background-size:100%;}
.thum04 {display:block; width:100%; height:604px; margin:0 0 40px 0; overflow:hidden; background:url(/theme/basic/images/sub/breakfast_img005.jpg) no-repeat 50% 50%; background-size:100%;}

.story-brand .photo-cafe{position:relative;height:900px;background:url(/theme/basic/images/sub/breakfast_img002_02.jpg) no-repeat 50% 50%;background-size:cover;background-attachment:fixed;}
.story-brand .photo-cafe .common-content{position:relative}
.local_in:after{display:block;content:'';clear:both;}
ul.local_in li{
	float: left;
}

.font {
    padding: 151px 21px;
    /* border-top: 1px solid; */
    text-align: center;
    border: 1;
}

.font h3 {
    font-size: 30px;
    font-weight: 700;
    padding: 10px 0;
}

.font span {border-top: 1px solid #eee;display: block;margin-top: 33px;padding-top: 14px;color: #999;font-size: 13px;}


.font p {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-top: 4px;
    font-family: none;
}
.font:after{display:block;content:'';clear:both;}
.font b {
    /* width: 300px; */
    /* text-align: left; */
    /* margin-left: 16px; */
    /* margin-bottom: 6px; */
    font-weight: 600;
    width: calc(100% - 50px);
    float: right;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* display: block; */
}

ul.local_in li img {
    display: block;
    /* width: 395px; */
    margin: 43px auto;
    /* border: 1px solid #eb5a2d; */
    /* border-radius: 50%; */
}
ul.bt li {
    text-align: center;
    height: 31px;
    line-height: 26px;
    margin: 32px 29px;
    background-color: #000;
    color: #fff;
    /* float: left; */
}
.story-brand {
    width: 100%;
    margin: 0 auto;
}
.c-sec01{width:1212px;}

.c-sec01:after {
    display: block;
    content: '';
    clear: both;
}
.name {
    float: right;
    font-size: 19px;
    margin-top: 17px;
    font-weight: 600;
}
.story_copy span {
    font-size: 1.1em;
    display: block;
    line-height: 38px;
    padding: 0 30px;
}
.story_copy li img {
    padding: 13px 0px;
    display: block;
}
.story_copy ul li:after{display:block;content:'';clear:both;}

.story_copy ul li:last-child {
    float: right;
    font-weight: bold;
    font-size: 19px;
}

.history li .history_year{font-size: 19px;/* width: 0px; */font-family: 'Arita-buri-SemiBold';}


.history ul li dl:after{display:block;content:'';clear:both;}
.history ul li dl dt {
 
}
dt.month {
    width: 134px;
    font-size: 17px;
  font-weight: bold;
}

.history ul li dl {
    font-family: 'Arita-buri-SemiBold';
}
.history ul {
    margin: 29px 0;
}
.history ul li {
    /* padding: 0 275px; */
}
.history ul:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #d1d1d1;
    z-index: -1;}

    li.left {
    /* position: absolute; */
    /* top: 35px; */
}

.history {
    position: relative;
}
.history ul {
    position: relative;
    /* overflow: hidden; */
    width: 100%;
}

li.left {
    text-align: left;
    float: right;
}

li.right {
    text-align: right;
    float: left;
}

li.left {
    text-align: right;
    float: left;
    width: 516px;
    padding-right: 76px;
    background-image: url(/theme/basic/images/sub/history_left.png);
    background-repeat: no-repeat;
    background-position: 549px 2px;
}
.history ul:after{display:block; content:''; clear:both;}

.history ul li {
    margin: 0;
    width: 50%;
    clear: both;
    font-size: 18px;
    vertical-align: middle;
    padding-left: 54px;
}

li.right {
    text-align: left;
    float: right;
    /* width: 511px; */
    background-image: url(/theme/basic/images/sub/history_right.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
}
.history h4 {
    text-align: center;
    font-size: 30px;
    letter-spacing: 5px;
    color: #171b28;
    margin: 32px 0;
    padding-bottom: 0;
    font-family: 'yg-jalnan';
}

ul.quality li {
    float: left;
    width: 40%;
    margin: 154px 68px;
    border: 1px solid #eeee;
    line-height: 27px;
    height: 154px;
}

ul.quality:after {
    display: block;
    content: '';
    clear: both;
}
ul.quality li h4 {
    color: #fff;
    background-color: #cc0000;
    border-radius: 6px;
    line-height: 65px;
    font-size: 20px;
    font-weight: 700;
}

ul.quality li:last-child{
	margin-left:10px;
}

ul.quality li:last-child h4{background-color: #494949;}
ul.quality p {
    padding-top: 16px;
    font-size: 18px;
}


.common-content .certification {
     width: 1220px;
     /* margin: 0 auto; */
     text-align: left;
    
}

.certification img {
    width: 24%;
    /* display: block; */
}
.certification h3 {
    font-size: 30px;
    padding: 21px 0 15px 0;
    font-weight: 800;
    width: 178px;
    border-bottom: 1px solid #c00;
}

.certification p {
    padding: 15px 0;
    font-size:15px
}

ul.local_in li:last-child {
    text-align: left;
    font-size: 19px;
    margin: 0 105px;
    padding: 172px 0px;
}

.subtab .tabstyle .tabt li{
	display : inline-block;
	border-top-color: rgb(209, 209, 209);
	border-top-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 36.3%;
	height: 50px;
	text-align:center;
	padding: 0px 3px;
	border: 1px solid rgb(204, 204, 204);
	border-image: none;
	height: 45px;
	color: rgb(255, 255, 255);
	line-height: 45px;
	font-size: 15px;
	font-weight: bold;
	background-color: #999999;
	transition:all 0.3s;
	box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.09);}


.subtab .tabstyle .tabt{margin-bottom : 40px;/* padding: 0 108px; */}
.subtab .tabstyle .tabt li:hover{
	box-shadow: 0px 50px 0px 0px #33a3f5 inset;
	transition:all 0.3s, color 0.2s 0.02s;
	color:#fff;
	border: 1px solid #ccc;
	background: #33a3f5;
	list-style: none;}
.subtab .tabstyle .tabt li.on{
	background: #cc0000;
	border: 1px solid #ccc;
	color: #FFF;}
.subtab .tabstyle .tabp .on{display : block;}
.subtab .tabstyle .tabt{/* margin-bottom : 40px; */padding: 54px 255px 0;}   
.subtab .tabstyle .tabt li:hover{
	box-shadow: 0px 50px 0px 0px #cc0000 inset;
	transition:all 0.3s, color 0.2s 0.02s;
	color:#fff;
	border: 1px solid #ccc;
	background: #cc0000;
	list-style: none;
	}
.subtab .tabstyle .tabp li{display : none;}
.subtab .tabstyle .tabp .on{display : block;}
.c-list01:after {
    display: block;
    content: '';
    clear: both;
}
.table {
    padding: 135px 91px;
	
}
.hotimg {
    width: 463px;
  
}

.c-list01>div {
    float: left;
}

.c-list01:after {
    display: block;
    content: '';
    clear: both;
}
.table.in3 {
    padding: 135px 91px;
}


.table{border-collapse:collapse; border-spacing:0; box-sizing:border-box;}
.table{/* border-top:1px solid #ee2e24; */}
.table thead{background:#f5f5f5; position:relative; width:100%;}
.table tbody{position:relative; width:100%;}
.table thead th{padding:8px 5px; font-size:16px; height:48px; line-height:14px; color:#cc0000; font-weight:500; background:#f5f5f5; border-right:1px solid #dddddd; text-align:center;}
.table thead th:last-child{border-right:none;}
.table tbody th{padding:8px 5px;font-size:16px;height:48px;line-height: 17px;color:#cc0000;font-weight:600;background:#f5f5f5;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;border-top: 1px solid #cc0000;}
.table td{text-align:center; font-size:16px; padding:5px; height:48px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}
.table td:last-child{border-right:none;}
.table.align_left tr td{position:relative; text-align:left; padding-left:20px;}
.table .title{/* color:#000; *//* font-weight:500; *//* margin-bottom:10px; */border-top: 1px solid #c00;}
.enter{margin-top:30px; border:1px solid solid;}
.table thead th {
    padding: 8px 5px;
    font-size: 16px;
    height: 48px;
    line-height: 14px;
    color: #cc0000;
    font-weight: 500;
    background: #f5f5f5;
    border-right: 1px solid #dddddd;
    text-align: center;}


.c-list01 p {
    width: 50%;
    font-weight: 800;
    font-size: 15px;
}
.img_2 {
    padding: 33px 40px;
}

.tube2 {
    margin: 0 0 0 72px;
}
p.chain_txt {
    font-size: 16px;
    font-weight: 500;
    color: #c00;
}
ul.management li {
    padding: 0 353px;
}
.table.in {
    padding: 0px 91px 36px;
}
.table.in5{padding:33px 40px;}
.c-list01 .wjgkd {
    border: 1px solid #eee;
    display: block;
    border-radius: 16px;
    padding: 11px 20px;
    box-shadow: 4px 4px 3px #eeeeeeb8;
}
.table.chain {
    padding: 0 32px;
    width: 600px;
}
.product.one {
    /*padding: 0 350px;*/
}
.table.rtd{padding: 0px 91px;}
.facilities-wr .c-sec01 {position:relative;margin:0;padding:20px;background:#fff;overflow:hidden;padding: 124px 0px 0 0px;position: relative;min-height: 48px;margin-bottom: 60px;margin-top: 57px;}

@media screen and (max-width:768px){

.tube2 {
    width: 97%;
	 margin: 6px 0 0 9px;
}
.table.in3 {
    padding: 10px 0px;
}
.hotimg {
    width: 100%;
}

.tube3 {
    width: 100%;
}
.hotimg img{
    width: 100%;
}
.tube1 span img {
    width: 100%;
}
.imgproduct15_1 img {
    width: 100%;
}
.imgproduct15 img {
    width: 100%;
}
.product.one {
    padding: 0 0;
}
.product.one img {
    width: 100%;
}
.table.chain {
    width: 100%;
    margin-bottom: 22px;
}
ul.management li img {
    width: 100%;
}
.rhdrmq img {
    width: 100%;
}
.certification img {
    width: 100%;
    display: block;
}
ul.management li {
    padding: 0 0px;
}
ul.quality li:last-child{
	margin-left: 33px;
}

  	ul.quality li {    
margin: 119px 0;    
width: 44%; 
}

ul.local_in li .icon{
    background: url(/theme/basic/images/sub/chain02.png) 50% 37%;
    background-repeat: no-repeat;
    display: block;
    width: 160px;
    height: 160px;
    margin: 37px auto -128px;
    border: 1px solid #eb5a2d;
    border-radius: 50%;
}
/* ABOUT */
.content-main-title{text-align:center;font-size:42px;letter-spacing:-.05em;color:#000;line-height:1;margin: 44px 0;}
.content-main-title p {text-align:center;font-size:16px;letter-spacing:-.05em;color:#777;line-height:1;margin:20px 0}
.common-content{width:1200px;margin-left:auto;margin-right:auto;}
.common-page-location{width:1200px;height:52px;margin:0 auto 50px;line-height:52px;font-size:0;white-space:nowrap;position:relative}
.common-page-location:after{content:"";display:block;clear:both}
.common-page-location>span{display:inline-block;height:100%;padding:0 20px;vertical-align:middle;font-size:15px;color:#232323;letter-spacing:-.025em}
.common-page-location .home{padding:0;font-size:0}
.common-page-location .home:before{content:'';display:inline-block;margin-right:20px;vertical-align:middle;position:relative;top:1px;background-image:url(/images/ko/sprite/ico.png);background-position:-212px -117px;width:11px;height:15px;}
.common-page-location .gt{display:inline-block;min-width:auto;padding:0;vertical-align:middle;position:relative;top:1px;background-image:url(/images/ko/sprite/ico.png);background-position:-158px -115px;width:6px;height:11px;height:0;max-height:11px;padding-top:11px;overflow:hidden;}

.section-container>.section-head{height:400px; background-color:#ddd;background-position:50% 0;background-repeat:no-repeat;position:relative;overflow:hidden;}
.section-container>.section-head .title{position:relative; top:250px; padding:0;text-align:center;font-size:40px;color:#fff;letter-spacing:-.04em;}
.section-story .main-copy{/* color:#fff; */font-size:32px;font-weight:400;text-align:center;letter-spacing:-.05em;}
.section-story .sub-copy{/* margin-top:23px; *//* color:#fff; *//* font-size:2em; */line-height:1.6;font-weight:400;text-align:center;}
.section-story .typo-main{color:#232323;font-size:28px;font-weight:400;line-height:1.8;letter-spacing:-.05em}
.section-story .typo-sub{color:#232323;font-size:20px;font-weight:400;letter-spacing:-.05em}
.section-story .typo-sub2{font-size:16px;font-weight:300}
.section-story .typo-story{display:table;width:1200px;margin:0 auto;padding:60px 65px 65px;background:#fff;}
.section-story .typo-story .story_copy {float:left; width:60%; overflow:hidden;}
.section-story .typo-story .story_copy p {display:block; padding:0 30px; font-size:1.3em; line-height:1.5em;}
.section-story .typo-story .logo_img {float:left; width:40%; height:400px; background:url(/theme/basic/images/sub/about01_01.jpg);}
.section-story .top-flag span{display:block;color:#fff;font-size:72px;font-weight:800;/* line-height:100px; */text-align:center;}
.section-story .top-flag span:after,.section-story .top-flag span:before{content:'';display:block;width:40px;height:1px;margin:0 auto;background:rgba(255,255,255,.7);}
.section-story .top-flag:after{/* content:''; *//* display:block; *//* width:1px; *//* height:125px; */margin:0 auto 10px;background:rgba(255,255,255,.7);}
.story-brand .photo-story1{/* height:900px; *//* background:url(/theme/basic/images/sub/lesign_img01_01.jpg) no-repeat 50% 50%; *//* background-size:cover; *//* background-attachment:fixed; */}
.story-brand .photo-story1 .top-flag{/* padding-top:200px */}
.story-brand .photo-story1 .main-copy{/* font-size:62px */}
.story-brand .photo-story2{/* position:relative; *//* height:900px; *//* background:url(/theme/basic/images/sub/lesign_img01_02.jpg) no-repeat 50% 50%; */background-size:cover;background-attachment:fixed;}
.story-brand .photo-story2 .common-content{position:relative}
.story-brand .photo-story2 p.desc{position:absolute;/* top:0; *//* left:50%; *//* width:600px; *//* padding:40px; *//* color:#fff; *//* font-size:1.6em; *//* font-weight:400; *//* line-height:1.4; *//* background:rgba(0,0,0,.7) */}
.name {
    float: right;
    font-size: 19px;
    padding: 10px 30px;
    margin-top: 17px;
    font-weight: 600;
}

.local {
}
ul.local_in {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
ul.local_in li{
	box-sizing: border-box;
	border:1px solid #eee;
	width: 88%;
	height: auto;
	/* margin-left: 25px; */
	margin-bottom: 20px;
	height: 443px;
}



.font {
    padding: 140px 21px 38px 11px;
    /* border-top: 1px solid; */
    border: 1;
    width: 100%;
}

.font h3 {
    font-size: 18px;
    font-weight: 700;
}

.font span {border-top: 1px solid #eee;display: block;margin-top: 33px;padding-top: 14px;color: #999;font-size: 13px;}


.font p {
    font-size: 13px;
    color: #666;
    margin-top: 4px;
}
.font b {
    /* width: 300px; */
    /* text-align: left; */
    /* margin-left: 16px; */
    /* margin-bottom: 6px; */
    font-weight: 600;
    width: calc(100% - 50px);
    float: right;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* display: block; */
}

ul.local_in li img {
    display: block;
    width: 100%;
    background-size: cover;
}
ul.bt li {
    text-align: center;
    height: 31px;
    width: 30%;
    line-height: 26px;
    margin: 34px 32px;
    background-color: #000;
    color: #fff;
}

/* ???? : ???? */
.s_tab_mn {display:table;width:100%;margin:0;padding:0;background:transparent;border-spacing:1px;/* background: #7156a7; */overflow:hidden;/* border-bottom: 1px solid #eee; */border-top: 1px solid #eee;}
.s_tab_mn li {display:table-cell;width: 11.3333%;background:#fff;margin:0;padding:0;text-align:center;vertical-align:middle;font-family: sans-serif;}
.s_tab_mn li a {display:block; text-decoration:none;}
.s_tab_mn li span {display:block;width:100%;/* color: #7156a7; */font-size:16px;font-weight: 500;line-height:1.4;padding:15px 10px;vertical-align:middle;}
.s_tab_mn li span:hover {color:#000;}
.s_tab_mn li span.active {color: #000;/* background: #7156a7; */}

/* ABOUT */
.content-main-title{display:none;text-align:center;font-size:8.56vw;letter-spacing:-.05em;color:#000;line-height:1;margin: -21vw 0 5vw 0;}
.content-main-title p {text-align:center;font-size:.5em;letter-spacing:-.05em;color:#777;line-height:1.4;margin:20px 0; padding:0 20px;}
.common-content{max-width:100%;/* margin:0; *//* padding:0 50px; */}
.common-content .top-flag span{display:block;color:#fff;font-size:4em;font-weight:800;line-height:1;text-align:center;}
.common-content .top-flag span:after,.section-story .top-flag span:before{content:'';display:block;width:40px;height:1px;margin:0 auto;background:rgba(255,255,255,.7);}
.common-content .top-flag:after{content:'';display:block;width:1px;height:50px;margin:0 auto 10px;background:rgba(255,255,255,.7);}
.common-content .main-copy{color:#fff;font-size:3em;font-weight:400;text-align:center;letter-spacing:-.05em;}
.common-content .sub-copy{margin-top:23px;color:#fff;font-size:1.2em;line-height:1.4;font-weight:400;text-align:center;}

.section-story .typo-main{color:#232323;font-size:28px;font-weight:400;line-height:1.8;letter-spacing:-.05em;}
.section-story .typo-sub{color:#232323;font-size:20px;font-weight:400;letter-spacing:-.05em}
.section-story .typo-sub2{font-size:16px;font-weight:300}
.typo-story{display:block;width:100%;margin:0 auto;padding:0;background:#fff}
.typo-story .story_copy {width:100%;/* padding: 10px 63px; */overflow:hidden;}
.typo-story .story_copy p {display:block;padding:30px;/* padding-top: 295px; */font-size:1.4em;line-height:1.4;font-weight: 800;}
.typo-story .logo_img {width:100%; height:400px; background:url(/theme/basic/images/sub/about01_01.jpg) center top; background-size:100%; }
.story_copy_2 img {width: 100%;}
.story_copy_3 img {display: block;width: 100%;margin: 119px 10px;}
.story-brand .photo-story1{/* height:150vw; */background-attachment:fixed;text-align:center;}
.story-brand .photo-story1 .top-flag{padding-top:50%}
.story-brand .photo-story1 .main-copy{font-size:3em; color:#fff;}
.story-brand .photo-story2{position:relative;/* height:150vw; */}
.story-brand .photo-story2 .common-content2{position:relative}
.story-brand .photo-story2 p.desc{position:absolute; top:0;left:0; max-width:100%; color:#fff;font-size:1.3em;font-weight:400;line-height:1.6; padding:40px 20px; text-align:center; background:rgba(0,0,0,.5);}

/* BREAKFAST */
.facility_content{position: relative;margin: 0; padding:0;}
.facility_content:after{content: '';position: absolute;top:0;bottom:0;}
.facility_content .section{position: relative; box-sizing: border-box;-moz-box-sizing: border-box;-moz-box-sizing: border-box;text-align: left;padding:0 20px;  max-width: 100%; margin: 0 auto;}
.facility_content .section_desc{overflow: hidden}
.facility_content .section_desc .left_area{display:block; width: 100%;}
.facility_content .section_desc .left_area .tit{font-size: 2em;color: #be9336;font-weight: 500;letter-spacing: 0;line-height: 1.2;padding-bottom: 40px; text-align:center;}
.facility_content .section_desc .left_area .tit p {margin:10px 0 0 0; font-size: .7em;color: #777;}
.facility_content .section_desc .right_area{display:table; width: 100%; height:100vw;}
.facility_content .section_desc .right_area h1,
.facility_content .section_desc .right_area h3{font-size: 40px;font-weight: 300;line-height: 43px; color:#fff; padding-bottom: 25px;text-transform:capitalize;}
.facility_content .section_desc .right_area p{font-size: 18px;line-height: 30px;padding-bottom: 35px;}
.facility_content .section_desc .right_area p em{font-size: 20px;line-height: 34px;display: block;padding-bottom: 10px;}
.facility_content .section_desc .right_area span.tit {display:table-cell; width: 100%; height:100%; color:#fff; font-size:3em; text-align:center; vertical-align:middle;}
.facility_content .section_desc .right_area span.tit p {line-height:1.4}
.facility_content .section_fguide{background: #f9f9f9;margin:0;padding: 0;max-width: none;width: 100%;}
.facility_content .section_fguide h3{font-size: 34px;font-weight: 500;line-height: 37px;padding-bottom: 70px;text-align: center;}
.facility_content .section_fguide .inner{  position: relative;overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box; -moz-box-sizing: border-box;padding:0;max-width: 100%; margin: 0 auto;}
.facility_content .section_fguide .left_area{float: left;width: 465px;}
.facility_content .section_fguide .left_area ul li{position: relative;margin-top: 30px; padding-bottom: 40px;padding-left: 105px;border-bottom: 1px solid #e1e1e2;font-size: 14px;line-height: 26px;}
.facility_content .section_fguide .left_area ul li:first-child{margin-top: 0;}
.facility_content .section_fguide .left_area ul li span{position:absolute;left:0;top:0;bottom:0;display: block;float: left;width: 105px;font-size: 18px;  line-height: 26px;}
.facility_content .section_fguide .left_area p{font-size: 12px;line-height: 22px;color: #777777;padding-top: 15px;}
.facility_content .section_fguide .right_area{float: right;}
.facility_content .section_fguide .right_area ul li{width:440px; height:260px; margin:0 0 15px 0; padding:0;position: relative; background:#f1f1f1;}
.raBg { background:#000 url(/theme/basic/images/sub/breakfast_img001.jpg) no-repeat center top; background-size:cover;}
.raBg2 { background:#000 url(/theme/basic/images/sub/breakfast_img002_01.jpg) no-repeat center top; background-size:cover;}

.restaurant {position:relative; width:100%; overflow:hidden;}
.restaurant ul li {display:block; width:100%; margin:0; overflow:hidden;}
.thum01 {display:block; width:100%; height:60vw; margin:0 0 0 0; overflow:hidden; background:url(/theme/basic/images/sub/breakfast_img002.jpg) no-repeat 50% 50%; background-size:100%;}
.thum02 {display:block; width:100%; height:60vw; margin:0 0 0 0; overflow:hidden; background:url(/theme/basic/images/sub/breakfast_img003.jpg) no-repeat 50% 50%; background-size:100%;}
.thum03 {display:block; width:100%; height:60vw; margin:0 0 0 0; overflow:hidden; background:url(/theme/basic/images/sub/breakfast_img004.jpg) no-repeat 50% 50%; background-size:100%;}
.thum04 {display:block; width:100%; height:60vw; margin:0 0 0 0; overflow:hidden; background:url(/theme/basic/images/sub/breakfast_img005.jpg) no-repeat 50% 50%; background-size:100%;}

.story-brand .photo-cafe{position:relative;height:900px;background:url(/theme/basic/images/sub/breakfast_img002_02.jpg) no-repeat center top;background-size:cover;background-attachment:fixed;}
.story-brand .photo-cafe .common-content{position:relative}

/* TRAVEL */
/* ?????? ????*/
.c-tit01 {font-size:30px;color:#222;line-height:1;/* margin:0 0 10px 0; */font-weight:400;letter-spacing:-.05em;/* width: 30%; */}
.c-tit02 {font-size:24px;color:#333;line-height:1;margin-bottom:20px;font-weight:400;letter-spacing:-.05em;}
.c-tit03 {font-size:18px;color:#444;line-height:1;margin-bottom:18px;font-weight:400;}
.c-tit01 span, .c-tit02 span, .c-tit03 span {letter-spacing:0;line-height:1.4em;}
.tit-color {color:#927640}
.rm-txt {font-size:16px;color:#222;line-height:1.4;margin:0 0 30px 0;font-weight:400;letter-spacing:-.05em;}

.facilities-wr .c-sec01 {position:relative;margin:0;padding:20px;background:#fff;overflow:hidden;padding: 124px 0px 0 0px;position: relative;min-height: 48px;margin-bottom: 60px;margin-top: 57px;}
.facilities-wr .c-sec01 .c-tit01 {text-align:center;/* position:relative; *//* top: 19px; */left: 9%;/* max-width:100%; */}
.facilities-wr .c-sec01 .c-tit01 .etit {font-style:normal;font-size:18px;display:block;/* width: 100px; */max-width: 100%;}
.facilities-wr .c-sec01 .rm-txt {color:#555}
.facilities-wr .c-sec01 .btn-w {position:absolute;top:0;right:0}
.facilities-wr .c-sec01 .btn-w .cw-btn {border-color:#000;color:#000;}
.facilities-wr .c-sec01 .btn-w .cw-btn:hover {color:#fff;}
.story_copy img {
    /* display: block; */
    /* float: left; */
    margin: 0 auto;
    padding: 0 45px;
    /* margin: 0 auto; */
    display: block;
}

.img {
    margin: 21px 0;
  
}
.img img{width:100%;}
.subtab .tabstyle .tabt {
    padding: 52px 0;
    }

.sec01{width:40%;}
.sec02 {
    width: 100%;
}
.rhdrmq img {
    width: 100%;
}
.certification img {
    width: 100%;
    display: block;
}
li.left {

background-position: 100% 2px;
}

/*�濵����*/

.history {

}
.history ul {
   
    width: 100%;
}
   .management{/* min-height: calc(100vh - 150px); */}
  .management li img{width:100%;}

ul.local_in li .icon{
    background: url(/theme/basic/images/sub/chain02.png) 50% 37%;
    background-repeat: no-repeat;
    display: block;
    width: 160px;
    height: 160px;
    margin: 37px auto -128px;
    border: 1px solid #eb5a2d;
    border-radius: 50%;
}
/* ABOUT */

.common-content{width:1200px;margin-left:auto;margin-right:auto;}
.common-page-location{width:1200px;height:52px;margin:0 auto 50px;line-height:52px;font-size:0;white-space:nowrap;position:relative;}
.common-page-location:after{content:"";display:block;clear:both}
.common-page-location>span{display:inline-block;height:100%;padding:0 20px;vertical-align:middle;font-size:15px;color:#232323;letter-spacing:-.025em;}
.common-page-location .home{padding:0;font-size:0}
.common-page-location .home:before{content:'';display:inline-block;margin-right:20px;vertical-align:middle;position:relative;top:1px;background-image:url(/images/ko/sprite/ico.png);background-position:-212px -117px;width:11px;height:15px;}
.common-page-location .gt{display:inline-block;min-width:auto;padding:0;vertical-align:middle;position:relative;top:1px;background-image:url(/images/ko/sprite/ico.png);background-position:-158px -115px;width:6px;height:11px;height:0;max-height:11px;padding-top:11px;overflow:hidden;}

.section-container>.section-head{height:400px; background-color:#ddd;background-position:50% 0;background-repeat:no-repeat;position:relative;overflow:hidden;}
.section-container>.section-head .title{position:relative; top:250px; padding:0;text-align:center;font-size:40px;color:#fff;letter-spacing:-.04em}
.section-story .main-copy{/* color:#fff; */font-size:32px;font-weight:400;text-align:center;letter-spacing:-.05em;}
.section-story .sub-copy{/* margin-top:23px; *//* color:#fff; *//* font-size:2em; */line-height:1.6;font-weight:400;text-align:center;}
.section-story .typo-main{color:#232323;font-size:28px;font-weight:400;line-height:1.8;letter-spacing:-.05em}
.section-story .typo-sub{color:#232323;font-size:20px;font-weight:400;letter-spacing:-.05em}
.section-story .typo-sub2{font-size:16px;font-weight:300}
.section-story .typo-story{display:table;width:1200px;margin:0 auto;padding:60px 65px 65px;background:#fff}
.section-story .typo-story .story_copy {float:left; width:60%; overflow:hidden;}
.section-story .typo-story .story_copy p {display:block; padding:0 30px; font-size:1.3em; line-height:1.5em;}
.section-story .typo-story .logo_img {float:left; width:40%; height:400px; background:url(/theme/basic/images/sub/about01_01.jpg);}
.section-story .top-flag span{display:block;color:#fff;font-size:72px;font-weight:800;/* line-height:100px; */text-align:center;}
.section-story .top-flag span:after,.section-story .top-flag span:before{content:'';display:block;width:40px;height:1px;margin:0 auto;background:rgba(255,255,255,.7);}
.section-story .top-flag:after{/* content:''; *//* display:block; *//* width:1px; *//* height:125px; */margin:0 auto 10px;background:rgba(255,255,255,.7);}
.story-brand .photo-story1{/* height:900px; *//* background:url(/theme/basic/images/sub/lesign_img01_01.jpg) no-repeat 50% 50%; *//* background-size:cover; *//* background-attachment:fixed; */}
.story-brand .photo-story1 .top-flag{/* padding-top:200px */}
.story-brand .photo-story1 .main-copy{/* font-size:62px */}
.story-brand .photo-story2{/* position:relative; *//* height:900px; *//* background:url(/theme/basic/images/sub/lesign_img01_02.jpg) no-repeat 50% 50%; */background-size:cover;background-attachment:fixed;}
.story-brand .photo-story2 .common-content{position:relative}
.story-brand .photo-story2 p.desc{position:absolute;/* top:0; *//* left:50%; *//* width:600px; *//* padding:40px; *//* color:#fff; *//* font-size:1.6em; *//* font-weight:400; *//* line-height:1.4; *//* background:rgba(0,0,0,.7) */}
.name {
    float: right;
    font-size: 19px;
    padding: 10px 30px;
    margin-top: 17px;
    font-weight: 600;
}
.story-brand{
    /* width: 100vw; */
    /* min-height: calc(100vh - 55px); */
    /* margin-top: 0px; */
    /* overflow: hidden; */
    /* height: auto; */
    /* padding: 0 0 50px; */
    }

}


.font {
    padding: 140px 21px 38px 11px;
    /* border-top: 1px solid; */
    border: 1;
    width: 100%;
}

.font h3 {
    font-size: 18px;
    font-weight: 700;
}

.font span {border-top: 1px solid #eee;display: block;margin-top: 33px;padding-top: 14px;color: #999;font-size: 13px;}


.font p {
    font-size: 13px;
    color: #666;
    margin-top: 4px;
}
.font b {
    /* width: 300px; */
    /* text-align: left; */
    /* margin-left: 16px; */
    /* margin-bottom: 6px; */
    font-weight: 600;
    width: calc(100% - 50px);
    float: right;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* display: block; */
}

ul.local_in li img {
    display: block;
    width: 100%;
    background-size: cover;
}
ul.bt li {
    text-align: center;
    height: 31px;
    width: 30%;
    line-height: 26px;
    margin: 34px 32px;
    background-color: #000;
    color: #fff;
}
/* ???? : ???? */
.s_tab_mn {display:table;width:100%;margin:0;padding:0;background:transparent;border-spacing:1px;/* background: #7156a7; */overflow:hidden;/* border-bottom: 1px solid #eee; */border-top: 1px solid #eee;}
.s_tab_mn li {display:table-cell;width: 11.3333%;background:#fff;margin:0;padding:0;text-align:center;vertical-align:middle;font-family: sans-serif;}
.s_tab_mn li a {display:block; text-decoration:none;}
.s_tab_mn li span {display:block;width:100%;/* color: #7156a7; */font-size:16px;font-weight: 500;line-height:1.4;padding:15px 10px;vertical-align:middle;}
.s_tab_mn li span:hover {color:#000;}
.s_tab_mn li span.active {color: #000;/* background: #7156a7; */}

/* ABOUT */
.content-main-title{display:none;text-align:center;font-size:8.56vw;letter-spacing:-.05em;color:#000;line-height:1;margin: -21vw 0 5vw 0;}
.content-main-title p {text-align:center;font-size:.5em;letter-spacing:-.05em;color:#777;line-height:1.4;margin:20px 0; padding:0 20px;}
.common-content{max-width:100%;/* margin:0; *//* padding:0 50px; */}
.common-content .top-flag span{display:block;color:#fff;font-size:4em;font-weight:800;line-height:1;text-align:center}
.common-content .top-flag span:after,.section-story .top-flag span:before{content:'';display:block;width:40px;height:1px;margin:0 auto;background:rgba(255,255,255,.7);}
.common-content .top-flag:after{content:'';display:block;width:1px;height:50px;margin:0 auto 10px;background:rgba(255,255,255,.7)}
.common-content .main-copy{color:#fff;font-size:3em;font-weight:400;text-align:center;letter-spacing:-.05em}
.common-content .sub-copy{margin-top:23px;color:#fff;font-size:1.2em;line-height:1.4;font-weight:400;text-align:center}

.section-story .typo-main{color:#232323;font-size:28px;font-weight:400;line-height:1.8;letter-spacing:-.05em}
.section-story .typo-sub{color:#232323;font-size:20px;font-weight:400;letter-spacing:-.05em}
.section-story .typo-sub2{font-size:16px;font-weight:300}
.typo-story{display:block;width:100%;margin:0 auto;padding:0;background:#fff}
.typo-story .story_copy {width:100%;/* padding: 10px 63px; */overflow:hidden;}
.typo-story .story_copy p {display:block;padding:30px;/* padding-top: 295px; */font-size:1.4em;line-height:1.4;font-weight: 800;}
.typo-story .logo_img {width:100%; height:400px; background:url(/theme/basic/images/sub/about01_01.jpg) center top; background-size:100%; }
.story_copy_2 img {width: 100%;}
.story_copy_3 img {display: block;width: 100%;margin: 119px 10px;}
.story-brand .photo-story1{/* height:150vw; */background-attachment:fixed;text-align:center;}
.story-brand .photo-story1 .top-flag{padding-top:50%}
.story-brand .photo-story1 .main-copy{font-size:3em; color:#fff;}
.story-brand .photo-story2{position:relative;/* height:150vw; */}
.story-brand .photo-story2 .common-content2{position:relative}
.story-brand .photo-story2 p.desc{position:absolute; top:0;left:0; max-width:100%; color:#fff;font-size:1.3em;font-weight:400;line-height:1.6; padding:40px 20px; text-align:center; background:rgba(0,0,0,.5);}

/* BREAKFAST */
.facility_content{position: relative;margin: 0; padding:0;}
.facility_content:after{content: '';position: absolute;top:0;bottom:0;}
.facility_content .section{position: relative; box-sizing: border-box;-moz-box-sizing: border-box;-moz-box-sizing: border-box;text-align: left;padding:0 20px;  max-width: 100%; margin: 0 auto;}
.facility_content .section_desc{overflow: hidden}
.facility_content .section_desc .left_area{display:block; width: 100%;}
.facility_content .section_desc .left_area .tit{font-size: 2em;color: #be9336;font-weight: 500;letter-spacing: 0;line-height: 1.2;padding-bottom: 40px; text-align:center;}
.facility_content .section_desc .left_area .tit p {margin:10px 0 0 0; font-size: .7em;color: #777;}
.facility_content .section_desc .right_area{display:table; width: 100%; height:100vw;}
.facility_content .section_desc .right_area h1,
.facility_content .section_desc .right_area h3{font-size: 40px;font-weight: 300;line-height: 43px; color:#fff; padding-bottom: 25px;text-transform:capitalize;}
.facility_content .section_desc .right_area p{font-size: 18px;line-height: 30px;padding-bottom: 35px;}
.facility_content .section_desc .right_area p em{font-size: 20px;line-height: 34px;display: block;padding-bottom: 10px;}
.facility_content .section_desc .right_area span.tit {display:table-cell; width: 100%; height:100%; color:#fff; font-size:3em; text-align:center; vertical-align:middle;}
.facility_content .section_desc .right_area span.tit p {line-height:1.4}
.facility_content .section_fguide{background: #f9f9f9;margin:0;padding: 0;max-width: none;width: 100%;}
.facility_content .section_fguide h3{font-size: 34px;font-weight: 500;line-height: 37px;padding-bottom: 70px;text-align: center;}
.facility_content .section_fguide .inner{  position: relative;overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box; -moz-box-sizing: border-box;padding:0;max-width: 100%; margin: 0 auto;}
.facility_content .section_fguide .left_area{float: left;width: 465px;}
.facility_content .section_fguide .left_area ul li{position: relative;margin-top: 30px; padding-bottom: 40px;padding-left: 105px;border-bottom: 1px solid #e1e1e2;font-size: 14px;line-height: 26px;}
.facility_content .section_fguide .left_area ul li:first-child{margin-top: 0;}
.facility_content .section_fguide .left_area ul li span{position:absolute;left:0;top:0;bottom:0;display: block;float: left;width: 105px;font-size: 18px;  line-height: 26px;}
.facility_content .section_fguide .left_area p{font-size: 12px;line-height: 22px;color: #777777;padding-top: 15px;}
.facility_content .section_fguide .right_area{float: right;}
.facility_content .section_fguide .right_area ul li{width:440px; height:260px; margin:0 0 15px 0; padding:0;position: relative; background:#f1f1f1;}
.raBg { background:#000 url(/theme/basic/images/sub/breakfast_img001.jpg) no-repeat center top; background-size:cover;}
.raBg2 { background:#000 url(/theme/basic/images/sub/breakfast_img002_01.jpg) no-repeat center top; background-size:cover;}

.restaurant {position:relative; width:100%; overflow:hidden;}
.restaurant ul li {display:block; width:100%; margin:0; overflow:hidden;}
.thum01 {display:block; width:100%; height:60vw; margin:0 0 0 0; overflow:hidden; background:url(/theme/basic/images/sub/breakfast_img002.jpg) no-repeat 50% 50%; background-size:100%;}
.thum02 {display:block; width:100%; height:60vw; margin:0 0 0 0; overflow:hidden; background:url(/theme/basic/images/sub/breakfast_img003.jpg) no-repeat 50% 50%; background-size:100%;}
.thum03 {display:block; width:100%; height:60vw; margin:0 0 0 0; overflow:hidden; background:url(/theme/basic/images/sub/breakfast_img004.jpg) no-repeat 50% 50%; background-size:100%;}
.thum04 {display:block; width:100%; height:60vw; margin:0 0 0 0; overflow:hidden; background:url(/theme/basic/images/sub/breakfast_img005.jpg) no-repeat 50% 50%; background-size:100%;}

.story-brand .photo-cafe{position:relative;height:900px;background:url(/theme/basic/images/sub/breakfast_img002_02.jpg) no-repeat center top;background-size:cover;background-attachment:fixed;}
.story-brand .photo-cafe .common-content{position:relative}

.c-tit01 {font-size:30px;color:#222;line-height:1;/* margin:0 0 10px 0; */font-weight:400;letter-spacing:-.05em;/* width: 30%; */}
.c-tit02 {font-size:24px;color:#333;line-height:1;margin-bottom:20px;font-weight:400;letter-spacing:-.05em}
.c-tit03 {font-size:18px;color:#444;line-height:1;margin-bottom:18px;font-weight:400;}
.c-tit01 span, .c-tit02 span, .c-tit03 span {letter-spacing:0;line-height:1.4em;}
.tit-color {color:#927640}
.rm-txt {font-size:16px;color:#222;line-height:1.4;margin:0 0 30px 0;font-weight:400;letter-spacing:-.05em}

.facilities-wr .c-sec01 {padding: 124px 0px 0 0px;}
.facilities-wr .c-sec01 .c-tit01 {text-align:center;/* position:relative; *//* top: 19px; */left: 9%;/* max-width:100%; */}
.facilities-wr .c-sec01 .c-tit01 .etit {font-style:normal;font-size:18px;display:block;/* width: 100px; */max-width: 100%;}
.facilities-wr .c-sec01 .rm-txt {color:#555}
.facilities-wr .c-sec01 .btn-w {position:absolute;top:0;right:0}
.facilities-wr .c-sec01 .btn-w .cw-btn {border-color:#000;color:#000;}
.facilities-wr .c-sec01 .btn-w .cw-btn:hover {color:#fff;}
.story_copy img {
    /* display: block; */
    /* float: left; */
    margin: 0 auto;
    padding: 0 45px;
    /* margin: 0 auto; */
    display: block;}
.table table{width:100%;}
.table.in{padding:0 0 36px;}
.common-content .certification {
    width: 100%;
 
    text-align: left;
}
.facilities-wr {
    width: 100%;
    margin: 0 auto;
}

.table.in5{padding: 0px 0px 12px 0;width: 100%;}
.img_2 {
    padding: 33px 0px;
   
}


.d-list-wr .d-list .c-list01 {
  
    padding: 13px 0px 18px;
}
.subtab .tabstyle .tabt li {
    width: 48%;
}

.table.in table tbody img {
    width: 100%;
}
.table tbody td img {
    width: 100%;
}
.table.rtd{padding: 0px 0px;}

/*768px*/


/*2022 고양 댕댕이 페스티벌*/
.subWrap{margin:60px 0 100px;}

/*행사개요*/
.pet_tit{margin-top:50px}
.pet_tit h4{font-size:28px; font-weight:600;  font-family: 'yg-jalnan'; margin-bottom:10px;} 

.pet_box{display:flex; align-items:center; justify-content:space-between;}
.pet_box .pet_img{width:500px;}
.pet_box .pet_txt{width:660px;}
.pet_box .pet_txt ul{}
.pet_box .pet_txt ul li{display:flex; align-items:center; margin:20px 0}
.pet_box .pet_txt ul .p_free p{border-radius:10px}
.pet_box .pet_txt ul li p{font-size:18px; color:#fff; font-weight:600; margin-top:0; width:136px; text-align:center; background:#f79b4c; margin-right:20px; padding:5px 0; border-radius:30px;font-family: 'yg-jalnan';}
.pet_box .pet_txt ul li span{font-size:17px; font-weight:600; width:calc(100% - 100px);}
.pet_box .pet_txt ul li span b{font-size:18px; color:#d33202; border-bottom:2px solid #d33202;}

.pet_advice{margin-top:80px}
.pet_advice ul{}
.pet_advice ul li{padding-bottom:35px; text-align:center;}
.pet_advice ul li p{font-size:20px; border:2px solid #333; border-radius:5px; display:block; width:100px; padding:5px; margin:0 auto; font-family: 'yg-jalnan'}
.pet_advice ul li span{display:block; margin-top:15px; font-size:20px; font-weight:600;}

.pet_event{margin-top:50px;}
.pet_event p{text-align:center; font-size:20px;}
.pet_event ul{display:flex; justify-content:space-between; margin-top:40px}
.pet_event ul li{border:1px solid #333; border-radius:20px; width:30%; text-align:center; padding:50px 30px}
.pet_event ul li a{}
.pet_event ul li a strong{font-size:25px; margin-bottom:20px; display:block;font-family: 'yg-jalnan';}
.pet_event ul li a span{display:block;}

.pet_text{font-size:18px; margin-top:50px; border-radius:10px; border:2px dashed #333; padding:15px 10px; text-align:center; font-family:'yg-jalnan'; box-sizing:border-box;}

.ep_tab_title{text-align:center; border:1px solid #ddd; border-radius:30px; height:58px; box-sizing:border-box; margin:0 auto; width:fit-content;}
.ep_tab_title::after{content:''; display:block; clear:both}
.ep_tab_title li{ list-style: none; float: left; padding:15px 24px;cursor: pointer;text-align: center;border-radius:30px;font-family: 'yg-jalnan';color:#888}
.ep_tab_title .on{background-color: #ffb715;font-weight: bold;color:#333;}

.ep_tab_cont > div{display:none;}
.ep_tab_cont > div.on{display:block;}

.petList{margin-top:30px;}
.petList ul{display:flex; justify-content:space-between;}
.petList ul li{width:380px; text-align:center; border:1px solid #ddd; border-radius:12px; padding:40px 25px;}
.petList ul li h4{font-family: 'yg-jalnan'; color:red; font-size:12px; line-height:14px;}
.petList ul li h3{font-family: 'yg-jalnan'; margin-bottom:15px; font-size:26px;}
.petList ul li p{font-size:16px; line-height:26px;}

.petList ul li:nth-child(1) h4{color:red;}
.petList ul li:nth-child(2) h4{color:green;}
.petList ul li:nth-child(3) h4{color:blue}

.int_txt .noticeBox p{font-size:18px;}
.int_txt .noticeBox p::before{content:""; display:inline-block; width:4px; height:4px; vertical-align:middle; border-radius:50%; background:#333; margin-right:5px;}

.int_txt .read{}
.int_txt .read ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.int_txt .read ul li{width:285px; text-align:center; margin-top:20px;}
.int_txt .read ul li img{height:100px;}
.int_txt .read ul li p{font-family:'yg-jalnan'; font-size:16px; margin-top:12px; width:fit-content; margin:0 auto; margin-top:12px; border-radius:5px; padding:5px 12px; background:#728da7; color:#fff;}


/*교통안내*/
.sub_intro .pet_address{position:relative;}

.sub_intro .pet_address p{margin:0; margin-bottom:10px; font-size: 17px; font-weight: 400; color: #646464;}
.sub_intro .pet_address p span{display: block; font-size: 22px; font-weight: 600; margin-right: 10px; margin-bottom: 5px; color: #192b56;  font-family: 'yg-jalnan'}
.sub_intro .pet_address p.red{color:red; font-family:'NotoSans', sans-serif; font-size:14px; font-weight:600;}
.sub_intro .pet_address .pet_address_tel{margin-top:40px; margin-bottom:30px; border-top:1px solid #ddd; padding-top:30px;}
.sub_intro .pet_address .pet_address_tel p{display:inline-block; margin-right:50px; font-size:16px; color:#646464; font-weight:400;}
.sub_intro .pet_address .pet_address_tel p span{display:inline-block; font-size:20px; vertical-align:baseline; padding-right:15px; color:#192b56; margin-bottom:0; line-height:18px;}
.sub_intro .pet_address .pet_address_tel h5{margin-top:10px; font-family: 'yg-jalnan'; font-size:18px;}
.sub_intro .pet_address .pet_address_tel > div{float:left; width:50%;}
.sub_intro .pet_address .pet_address_tel > div .textBot{margin-top:20px;}
.sub_intro .pet_address .pet_address_tel h6{margin-top:5px;}
.sub_intro .pet_address .pet_address_tel h6::before{content:""; display:inline-block; width:5px; height:5px; background:#333; border-radius:50%; vertical-align:middle; margin-right:5px;}

.sub_intro .location{position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    background: #e7e7e7;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    line-height: 35px;
    padding: 12px;
	margin-top:10px;
	}
.sub_intro .location a{width: 100%; height: 100%; line-height: 35px;}
.sub_intro .location a img{height:35px}

/*코스안내*/
.pet_road h5{font-size:28px; font-family: 'yg-jalnan'; margin:20px 0;}
.pet_road ul{margin-top:20px}
.pet_road ul li{margin-bottom:40px;}
.pet_road ul li h3{font-size:24px; font-family: 'yg-jalnan'; margin-bottom:5px; color:#00265e;}
.pet_road ul li h4{font-size:18px; font-family: 'yg-jalnan'; margin-top:5px;}
.pet_road ul li p{color:#555; font-size:16px; line-height:20px; font-weight:500; padding-bottom:5px; padding-left:6px;}
.pet_road02{margin-top:50px;}
.pet_road02 p{font-size:23px; font-family: 'yg-jalnan'; margin-bottom:10px;}
.pet_road::last-child{border-bottom:none;}

.pet_road .road_tit{margin-top:36px;}
.pet_road .road_tit h3{font-size:24px; font-family: 'yg-jalnan'; margin-bottom:5px; color:#00265e;}

.pet_road.dangPicnic .list li{text-align:left;}
.pet_road.dangPicnic .list li div.tit::after{margin:14px 0 12px;}
.pet_road.clinic .list li .info p{padding:6px 0;}

/*참가방법*/
.pet_cont{}

.p_tab_title{text-align:center; border:1px solid #ddd; border-radius:30px; width:100%; height:58px; box-sizing:border-box; margin:0 auto;width:fit-content}
.container {
  width: 500px;
  margin: 20px auto;
}

.p_tab_title li {
  list-style: none;
  float: left;
  padding:15px 24px;
  cursor: pointer;
  text-align: center;
  border-radius:30px;
  font-family: 'yg-jalnan';
  color:#888
}

.p_tab_title li.on {
  background-color: #ffb715;
  font-weight: bold;
  color:#333;
}

.p_tab_cont {
  clear: both;
}

.p_tab_cont div {
  display: none;
  text-align: center;
}

.p_tab_cont div.on {
  display: block;
}

.p_tab_cont > div{text-align:left;}
.p_tab_cont > div h4{font-size:30px;font-family: 'yg-jalnan'; margin-bottom:20px;position:relative; padding-top:50px;}
.p_tab_cont > div ul.list{text-align:center;margin:45px 0;}
.p_tab_cont > div ul.list li{margin-bottom:30px; width:18%; position:relative; margin-right:105px; display:inline-block;}
.p_tab_cont > div ul.list li::after{content:''; display:inline-block; width:50px; height:50px; background:url('/images/sub/arrowR.png')no-repeat center; position:absolute;
top:50%; margin-top:-45px; left:50%; margin-left:140px;}
.p_tab_cont > div ul.list li:last-child::after{display:none;}
.p_tab_cont > div ul.list li:last-child{margin-right:0}
.p_tab_cont > div ul.list li img{width:100%}
.p_tab_cont > div ul.list li font{display:block; text-align:center; margin-top:10px; font-family: 'yg-jalnan'}
.p_tab_cont > div ul.list:last-child{border-bottom:none;}

.p_tab_cont > div ul.list02{margin:45px 0 20px;}
.p_tab_cont > div ul.list02 li{width:19%; margin:0; padding-right:45px; vertical-align:top;}
.p_tab_cont > div ul.list02 li::after{right:0; left:auto; background-size:contain; width:35px; height:35px; margin:0; top:80px;}
.p_tab_cont > div ul.list02 li font{font-size:14px;}

.p_tab_cont > div strong{display:block; border-bottom:2px dashed #7e7e7e; padding-top:50px}

.p_tab_cont > div ul.p_list{text-align:center;margin:45px 0;}
.p_tab_cont > div ul.p_list li{margin-bottom:30px; width:18%; position:relative; margin-right:105px; display:inline-block;}
.p_tab_cont > div ul.p_list li::after{content:''; display:inline-block; width:50px; height:50px; background:url('/images/sub/arrowR.png')no-repeat center; position:absolute;
top:50%; margin-top:-45px; left:50%; margin-left:140px;}

.p_tab_cont > div ul.p_list li:last-child::after{display:none;}
.p_tab_cont > div ul.p_list li:last-child{margin-right:0}
.p_tab_cont > div ul.p_list li img{width:100%}
.p_tab_cont > div ul.p_list li font{display:block; text-align:center; margin-top:10px; font-family: 'yg-jalnan'}
.p_tab_cont > div ul.p_list:last-child{border-bottom:none;}

.p_tab_cont > div p{font-size:20px; font-family:'yg-jalnan'; margin-top:15px;}
.p_tab_cont > div p::before{content:''; display:inline-block; width:8px; height:8px; background:#333; margin-right:5px; border-radius:50%;vertical-align:middle;}
.p_tab_cont > div span{padding-left:12px; font-size:18px; font-weight:500; color:#555; display:block;}
.p_tab_cont > div ul.txt{padding-left:15px; margin-top:5px;}
.p_tab_cont > div ul.txt li{font-size:16px; line-height:26px; font-weight:'NotoSans',sans-serif; color:#333;}

.p_tab_cont a.appBtn{display:block; width:160px; height:48px; line-height:48px; background:orange; margin:0 auto; border-radius:10px; color:#fff; font-size:18px; text-align:center; font-family:'yg-jalnan'; margin-top:60px;}

/*명예의전당*/
.pet_hall{}
.pet_hall ul{}
.pet_hall ul li{display:flex;justify-content:space-between; flex-direction: row-reverse; padding:30px 80px; border-bottom:1px solid #ddd;}
.pet_hall ul li:last-child{border-bottom:none}
.pet_hall ul li > div{width:50%}
.pet_hall ul li .pet_hall_txt{position:relative; height:300px; box-sizing:border-box; padding:20px 0 0;}
.pet_hall ul li .pet_hall_txt h5{font-size:20px;font-family: 'yg-jalnan'; display:inline-block;vertical-align:middle;}
.pet_hall ul li .pet_hall_txt h5 span{display:block;font-size:45px;font-family: 'yg-jalnan';} 
.pet_hall ul li .pet_hall_txt img{display:inline-block; margin-left:40px; vertical-align:middle;}
.pet_hall ul li .pet_hall_txt p{font-weight:600; position:absolute; bottom:40px;}
.pet_hall ul li .pet_hall_txt p span{color:#666; font-weight:400;}
.pet_hall ul li .pet_hall_img{position:relative; width:300px; height:300px;}
.pet_hall ul li .pet_hall_img img{width:100%; border-radius:50%; overflow:hidden;}
.pet_hall ul li .pet_hall_img .img{position:absolute; bottom:0; right:0; margin-top:-70px; margin-right:-70px; width:150px; height:150px; box-sizing:border-box; overflow:hidden; border-radius:50%;}


/*기념품 안내*/
.pet_present{}
.pet_present h5{font-size:28px; font-family: 'yg-jalnan';}
.pet_present h5 img{height:36px; vertical-align:sub;}
.pet_present p{font-size:18px; margin-top:5px;}
.pet_present .present_list{display:flex; margin-top:50px;justify-content:space-between}
.pet_present .present_list li{width:45%}
.pet_present .present_list li > div{overflow:hidden; border-radius:20px;}
.pet_present .present_list li > div img{height:100%; text-align:center;}
.pet_present .present_list li span{font-size:20px; font-family: 'yg-jalnan'; margin-bottom:10px; display:block;}
.pet_present .present_list li > div{}

.pet_notice{background:#eee; margin-top:50px; padding:15px;}
.pet_notice p{font-size:18px; display:block; color:#777; font-weight:600; margin-bottom:15px;}
.pet_notice p::after{content:''; display:block; width:100%; height:1px; background:#777; margin-top:10px;}
.pet_notice span{display:block; color:#777; line-height:28px;vertical-align:middle}
.pet_notice span::before{content:''; display:inline-block; width:3px; height:3px; border-radius:50%; background:#777; vertical-align:middle; margin-right:5px;}

/*대회 요강*/
.pet_come{}
.pet_come .pet_program{border-bottom:2px dashed #7e7e7e; padding:40px 0}
.pet_come .pet_program img{width:35px}
.pet_come .pet_program h5{font-size:24px; font-family: 'yg-jalnan'; margin-bottom:20px; color:#7e5b4e;}
.pet_come .pet_program ul{}
.pet_come .pet_program ul li{margin-bottom:15px;}
.pet_come .pet_program ul li p{font-family: 'yg-jalnan'; font-size:18px; margin-bottom:5px}
.pet_come .pet_program ul li span{display:block; line-height:27px}
.pet_come .pet_program ul li span b{}
.pet_come .pet_program ul li span b::after{content:''; display:inline-block; width:2px; height:13px; background:#686868; margin-left:10px; vertical-align:middle}

.pet_come .pet_program ul li table tr th{text-align:center;}
.pet_come .pet_program ul li table tr .t_date{width:20%}
.pet_come .pet_program ul li table tr .t_text{width:40%}
.pet_come .pet_program ul li table tr .t_event{width:30%}

.pet_come .pet_program table{border:#ddd; border-top:2px solid #301a12; width:100%}
.pet_come .pet_program table tr{}
.pet_come .pet_program table tr .time{width:30%; text-align:center}
.pet_come .pet_program table tr th{font-size:20px; width:50%; padding:10px; background:#e9e0d9;}
.pet_come .pet_program table tr td{padding:10px 30px; font-weight:300;}

.pet_program.no_line{border-bottom:none}


/*자주묻는질문*/
.faq{}
.faq > h3{}
.faq > h5{font-size:18px; margin-bottom:15px; color:#999; font-weight:700;}
.faq ul.list{border-bottom:1px solid #999}
.faq ul.list li{border-top:3px solid #0f287c;}
.faq ul.list li:last-child{border-bottom:3px solid #0f287c;}
.faq ul.list li div{padding:25px 0;}
.faq ul.list li div.inquiry{position:relative; cursor:pointer; position:relative;}
.faq ul.list li div.inquiry::after{content:""; display:inline-block; width:12px; height:12px; border-top:3px solid #fe3232; border-right:3px solid #fe3232; transform:rotate(135deg); transition:all .6s; position:absolute; top:50%; margin-top:-6px; right:40px;}
.faq ul.list li div.inquiry.on::after{content:""; transform:rotate(-45deg);}
.faq ul.list li div.inquiry span{display:inline-block; font-size:20px;}
.faq ul.list li div.inquiry span:first-child{width:100px; text-align:center; color:#fe3232; font-family:'yg-jalnan';}
.faq ul.list li div.inquiry span:last-child{position:relative; font-family:'yg-jalnan'; font-size:18px;}
.faq ul.list li div.inquiry span:last-child::before{content:""; display:block; width:100%; height:16px; background:#febf32; opacity:.3; position:absolute; left:0; bottom:0; z-index:-1;}
.faq ul.list li div.answer{border-top:1px solid #666;}
.faq ul.list li div.answer span{display:inline-block; font-size:18px; line-height:26px; vertical-align:text-top;}
.faq ul.list li div.answer span:first-child{width:100px; text-align:center; color:#ff6000; font-family:'yg-jalnan';}
.faq ul.list li div.answer span:last-child{width:1000px; box-sizing:border-box;}
.faq ul.list li div.answer span a{display:block; width:fit-content; padding:2px 6px; border-radius:5px; background:#ff6000; color:#fff; margin-top:10px; font-size:15px;}

/*파트너사*/
.partner{}
.partner div h3{position:relative; width:fit-content; font-family:'yg-jalnan'; font-size:24px; padding-bottom:15px;}
.partner div h3::after{content:""; display:block; width:100%; height:5px; background:#ddd; border-radius:5px; position:absolute; left:0; bottom:0;}
.partner div ul::before{content:""; display:block; width:100%; height:1px; background:#ddd; margin-bottom:25px;}
.partner div ul{display:flex; justify-content:space-between; flex-wrap:wrap; text-align:center; margin-bottom:40px;}
.partner div ul li{width:calc(33.333% - 15px); height:100px; line-height:100px; margin-bottom:25px; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.partner div ul li a{display:block; width:100%; font-size:20px; font-family:'yg-jalnan'; color:#ddd;}
.partner div ul li a img{width:100%;}

.partner .partner01 h3::after{background:red}
.partner .partner02 h3::after{background:orange}
.partner .partner03 h3::after{background:green}
.partner .partner04 h3::after{background:blue;}

/*유의사항*/
.noticeWrap{}
.noticeWrap h2{font-family:'yg-jalnan'; font-size:28px; width:fit-content; }
.noticeWrap h2::after{content:""; display:block; width:100%; height:5px; background:red; border-radius:5px; margin-top:10px;}
.noticeWrap h2.org::after{background:orange;}
.noticeWrap h2.gre::after{background:green;}
.noticeWrap h2.blu::after{background:blue;}

.noticeWrap .notice01::before{content:""; display:block; width:100%; height:1px; background:#ddd;}
.noticeWrap .notice01{margin-bottom:80px;}
.noticeWrap .notice01 h3{font-family:'yg-jalnan'; font-size:20px; padding-top:30px; margin-bottom:10px;}
.noticeWrap .notice01 p{font-size:16px; margin-bottom:5px;}
.noticeWrap .notice01 p::before{content:""; display:inline-block; width:4px; height:4px; background:#333; border-radius:50%; vertical-align:middle; margin-right:5px;}
.noticeWrap .notice01 p span{display:block; padding-left:10px;}

.noticeWrap .notice01 table{width:100%; margin-top:30px; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.noticeWrap .notice01 table tr th{border-top:1px solid #ddd; border-left:1px solid #ddd; padding:8px 0; background:#728da7; color:#fff;}
.noticeWrap .notice01 table tr td{border-top:1px solid #ddd; border-left:1px solid #ddd; padding:8px 0;}
.noticeWrap .notice01 table tr.tit th{font-family:'yg-jalnan'; font-size:20px; padding:12px 0;}
.noticeWrap .notice01 table tr.info th{font-family:'yg-jalnan'; font-size:16px;}

/*대회요강*/
.pet_come .pet_program ul li p::before{content:""; display:inline-block; width:10px; height:10px; background:#d7a49f; border-radius:50%; margin-right:6px; vertical-align:middle;}
.pet_come .pet_program ul li span{padding-left:14px;}
.pet_come .pet_program ul li span font.bold{font-weight:bold;}
.pet_come .pet_program ul li span font.ft17{font-size:17px;}

/*프로그램안내*/
.program{}
.program .list{display:flex; justify-content:space-between;}
.program .list > li{position:relative; width:380px; text-align:center; border:1px solid #ddd; border-radius:20px; padding:30px 15px;; box-sizing:border-box;}
.program .list li h4{font-family:'yg-jalnan'; font-size:12px; line-height:14px; color:#999;}
.program .list li h3{font-family:'yg-jalnan'; font-size:28px; margin-bottom:20px;}
.program .list li:nth-child(1) h3{color:red;}
.program .list li:nth-child(2) h3{color:green;}
.program .list li:nth-child(3) h3{color:blue}
.program .list li .img{text-align:center; height:216px; line-height:216px;}
.program .list li p{margin-top:30px; font-size:15px;}
.program .list li a{font-size:16px; display:block; width:148px; height:36px; line-height:36px; margin:0 auto; color:#fff; background:red; border-radius:10px; margin-top:12px;}
.program .list li:nth-child(1) a{background-color:red;}
.program .list li:nth-child(2) a{background-color:green;}
.program .list li:nth-child(3) a{background-color:blue}

.program .list li .top{display:none; position:absolute; top:40px; left:0; width:100%; height:100%; box-sizing:border-box; padding:20px 15px; background:#f4f4f4; opacity:0; transition:all .6s; border-radius:20px;}
.program .list li .top h5{font-size:16px; font-family:'yg-jalnan';}
.program .list li .top ul{margin-bottom:10px;}
.program .list li .top ul li{font-size:14px; line-height:24px;}
.program .list li:hover .top{opacity:1; top:0;}

.program .list li .top01{padding-top:100px;}
.program .list li .top03{padding-top:60px;}

.proTime{text-align:center;}
.proTime .tit{margin:80px 0 20px; }
.proTime .tit h4{font-family:'yg-jalnan'; font-size:16px; line-height:16px;}
.proTime .tit h3{font-family:'yg-jalnan'; font-size:32px; }
.proTime img{width:1000px;}
.proTime p{font-size:16px; font-weight:600;}

.dangPicnic{}
.dangPicnic > .tit{margin:80px 0 20px; text-align:center;}
.dangPicnic > .tit h4{font-family:'yg-jalnan'; font-size:16px; line-height:16px;}
.dangPicnic > .tit h3{font-family:'yg-jalnan'; font-size:32px; }
.dangPicnic .list{display:flex; text-align:center; flex-wrap:wrap; justify-content: space-between;}
.dangPicnic .list li{width:380px; margin-bottom:16px;}
.dangPicnic .list li div.tit{margin-top:20px;}
.dangPicnic .list li div.tit h4{font-family:'yg-jalnan'; font-size:24px;}
.dangPicnic .list li div.tit::after{content:""; display:block; width:30px; height:4px; background:orange; margin:14px auto 12px;}
.dangPicnic .list li div.img{border-radius:10px; overflow:hidden;}
.dangPicnic .list li div.img img{width:100%;}
.dangPicnic .list li div.info p span{display:block;}

.dangRead{}
.dangRead ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.dangRead ul li{width:285px; text-align:center; margin-top:20px;}
.dangRead ul li img{height:100px;}
.dangRead ul li p{font-family:'yg-jalnan'; font-size:16px; margin-top:12px; width:fit-content; margin:0 auto; margin-top:12px; border-radius:5px; padding:5px 12px; background:#728da7; color:#fff;}

.clinic .list li .info p{text-align:left; padding:0 20px;}

.noticeBox{}
.noticeBox > .tit{margin:80px 0 20px; text-align:center;}
.noticeBox > .tit h4{font-family:'yg-jalnan'; font-size:16px; line-height:16px;}
.noticeBox > .tit h3{font-family:'yg-jalnan'; font-size:32px; }

.noticeBox .notice01{}
.noticeBox .notice01 h3{font-family:'yg-jalnan'; font-size:24px; margin-top:20px;}
.noticeBox .notice01 p{font-size:18px; padding-left:10px;}
.noticeBox .notice01 h3::before{content:""; display:inline-block; width:12px; height:12px; vertical-align:middle; border-radius:50%; background:orange; margin-right:5px;}
.noticeBox .notice01 > p::before{content:""; display:inline-block; width:4px; height:4px; vertical-align:middle; border-radius:50%; background:#333; margin-right:5px;}

/*친환경캠페인*/
.ecos{}
.ecos .box{width:1000px; margin:0 auto;}
.ecos .box h3{font-family:'yg-jalnan'; font-size:28px; margin-bottom:20px;}
.ecos .box h3 img{width:auto;}
.ecos .box img{width:100%;}

.ecos .box01{margin-bottom:60px;}
.ecos .box02{margin-bottom:60px;}
.ecos .box03 p{font-size:18px; line-height:28px;}
.ecos .box03 p span{display:block;}

/*신청하기*/
.appBox{}
.appBox h2{font-family:'yg-jalnan'; font-size:28px; width:fit-content; margin-top:80px;}
.appBox h2::after{content:""; display:block; width:100%; height:5px; background:red; border-radius:5px; margin-top:10px;}
.appBox h2.org::after{background:orange;}
.appBox h2.gre::after{background:green;}
.appBox h2.blu::after{background:blue;}
.appBox .line::before{content:""; display:block; width:100%; height:1px; background:#ddd; margin-bottom:30px;}

.appBox a.btn{display:block; width:fit-content; margin:0 auto; margin-top:30px; padding:5px 16px; height:auto; line-height:normal; border-radius:5px; background:#ff4600; color:#fff;}

.appBox .off{display:flex; justify-content:space-evenly;}
.appBox .off li{width:500px; text-align:center; border:1px solid #ddd; border-radius:20px; padding:36px 0; margin-top:30px;}
.appBox .off li a{display:block; width:100%;}
.appBox .off li h3{font-family:'yg-jalnan'; font-size:26px; margin-bottom:14px;}
.appBox .off li h5{font-weight:500; font-size:16px; margin-bottom:12px;}
.appBox .off li p{display:block; width:fit-content; margin:0 auto; padding:5px 16px; background:#f4f4f4; color:#999; font-size:14px;}
.appBox .off li img{height:280px;}
.appBox .off li h4{display:block; width:fit-content; margin:0 auto; padding:5px 16px; border:1px solid orange; border-radius:5px; font-family:'yg-jalnan'; color:orange; font-size:18px; margin-top:12px;}

.appBox .off02{}
.appBox .off02 li{width:340px;}

.appBox .on{width:500px; text-align:center; border:1px solid #ddd; border-radius:20px; margin:0 auto; margin-top:40px; padding:36px 0;}
.appBox .on h3{font-family:'yg-jalnan'; font-size:26px; margin-bottom:14px;}
.appBox .on h5{font-weight:500; font-size:16px; margin-bottom:12px;}
.appBox .on p{display:block; width:fit-content; margin:0 auto; padding:5px 16px; background:#f4f4f4; color:#999; font-size:14px;}
.appBox .on img{height:300px;}
.appBox .on h4{display:block; width:fit-content; margin:0 auto; padding:5px 16px; border:1px solid green; border-radius:5px; font-family:'yg-jalnan'; color:green; font-size:18px; margin-top:12px;}

.appBox .price{}
.appBox .price table{width:100%; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.appBox .price table tr th{border-top:1px solid #ddd; border-left:1px solid #ddd; padding:8px 0; background:#728da7; color:#fff;}
.appBox .price table tr td{border-top:1px solid #ddd; border-left:1px solid #ddd; padding:8px 0;}
.appBox .price table tr.tit th{font-family:'yg-jalnan'; font-size:20px; padding:12px 0;}
.appBox .price table tr.info th{font-family:'yg-jalnan'; font-size:16px;}

.appBox .noticeBox{background:#f4f4f4; width:100%; border-radius:20px; margin-top:20px; padding:26px 30px;}
.appBox .noticeBox h3{font-family:'yg-jalnan'; font-size:20px; margin-bottom:12px;}
.appBox .noticeBox p{padding-left:10px;}

.appBox .read{}
.appBox .read ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.appBox .read ul li{width:285px; text-align:center; margin-top:20px;}
.appBox .read ul li img{height:100px;}
.appBox .read ul li p{font-family:'yg-jalnan'; font-size:16px; margin-top:12px; width:fit-content; margin:0 auto; margin-top:12px; border-radius:5px; padding:5px 12px; background:#728da7; color:#fff;}


/*2022 댕댕이 페스티벌 모바일*/
@media screen and (max-width:768px){

	.section-container{min-width:100%}
	.subWrap{width:100%; padding:0 3%}


	/*행사개요*/
	.ep_tab_title{display:flex; height:auto}
	.ep_tab_title li{font-size:0.8rem; padding:10px 10px}

	.ep_tab_cont{padding:0 3%}
	.pet_tit h4{font-size:1.5rem}
	.pet_tit h4 img{width:30px;}
	.pet_box{display:block;}
	.pet_box .pet_img{width:auto}
	.pet_box .pet_img img{width:100%}
	.pet_box .pet_txt{width:auto}
	.pet_box .pet_txt ul .p_free br{display:block}
	.pet_box .pet_txt ul .p_free p{border-radius:10px}
	.pet_box .pet_txt ul li{margin:10px 0}
	.pet_box .pet_txt ul li p{font-size:0.9rem; width:80px}
	.pet_box .pet_txt ul li span{font-size:0.8rem}
	.pet_box .pet_txt ul li span br{display:none}
	.pet_box .pet_txt ul li span b{font-size:0.8rem}

	.pet_text{font-size:0.9rem}
	.pet_text br{display:none}

	.petList ul{display:block;}
	.petList ul li{width:100%; margin-bottom:20px; padding:20px 10px;}
	.petList ul li h4{font-size:.6rem;}
	.petList ul li h3{font-size:1.4rem;}
	.petList ul li p{font-size:.9rem;}

	.int_txt .noticeBox p{font-size:1rem;}

	/*대회요강*/

	.pet_come .pet_program h5{font-size:1.4rem}
	.pet_come .pet_program ul li p{font-size:1rem}
	.pet_come .pet_program ul li span{font-size:0.8rem;line-height:20px}
	.pet_come .pet_program ul li span font.ft17{font-size:0.9rem}

	.pet_come .pet_program table tr th{font-size:1rem}
	.pet_come .pet_program ul li table tr .t_date{width:auto}
	.pet_come .pet_program ul li table tr .t_text{width:auto}
	.pet_come .pet_program ul li table tr .t_event{width:auto}
	.pet_come .pet_program table tr td{padding:5px; font-size:0.9rem}

	/*기념품*/

	.pet_present h5{font-size:1.5rem}
	.pet_present p{font-size:1rem}
	.pet_present .present_list{display:block}
	.pet_present .present_list li{width:auto; margin-bottom:25px}
	.pet_present .present_list li > div img{width:100%; height:auto;}

	.pet_notice span{font-size:0.9rem; line-height:21px; margin-bottom:10px}


	/*교통안내*/
	.sub_intro .pet_address p{font-size:0.9rem;  margin-bottom:0}
	.sub_intro .pet_address p span{font-size:1.4rem}
	.sub_intro .location{position:revert; border-radius:10px; width:100px; height:45px; margin:15px 0}
	.sub_intro .location a{display:flex;align-items:center;}
	.sub_intro .location a img{height:22px;}

	.sub_intro .pet_address .pet_address_tel p span{display:block; padding-bottom:5px}
	.sub_intro .pet_address .pet_address_tel p{font-size:0.9rem; margin-right:0; margin-top:20px;}
	.sub_intro .pet_address .pet_address_tel > div{float:none; width:100%;}
	.sub_intro .pet_address .pet_address_tel h5{font-size:1rem;}
	.sub_intro .pet_address .pet_address_tel h6{font-size:.9rem; line-height:1.4rem; margin-top:5px;}
	

	/*코스 안내*/
	.pet_road h5{font-size:1.5rem}
	.pet_road ul li{margin-bottom:15px;}
	.pet_road ul li h3{font-size:1.2rem; font-family: 'yg-jalnan'; margin-bottom:5px; color:#00265e;}
	.pet_road ul li h4{font-size:1rem; font-family: 'yg-jalnan'; margin-top:5px;}
	.pet_road ul li p{color:#555; font-size:.8rem; line-height:20px; font-weight:500; padding-bottom:5px; padding-left:6px;}
	
	.pet_road.dangPicnic.clinic .list li div.info p{padding:5px 0;}
	.pet_road.dangPicnic .list li div.info p span{display:inline;}


	/*참가방법*/
	.p_tab_title{height:auto; display:flex; width:fit-content}
	.p_tab_title li{padding:10px; font-size:0.8rem;}
	.p_tab_cont > div h4{font-size:1.5rem}

	.p_tab_cont > div ul.list{display:flex;justify-content:space-between; flex-wrap:wrap}
	.p_tab_cont > div ul.list li{margin-right:0; width:46%}
	.p_tab_cont > div ul.list li::after{margin-left:94px; width:30px; height:30px; background-size:cover; margin-top:-36px}
	.p_tab_cont > div ul.list li:nth-child(2n)::after{display:none;}
	.p_tab_cont > div ul.list li font{font-size:0.9rem;}
	.p_tab_cont > div p{font-size:1rem}
	.p_tab_cont > div span{font-size:0.9rem;}
	.p_tab_cont > div ul.txt li{font-size:0.9rem}

	.p_tab_cont > div ul.p_list{display:flex;justify-content:space-between; flex-wrap:wrap}
	.p_tab_cont > div ul.p_list li{margin-right:0; width:44%}
	.p_tab_cont > div ul.p_list li::after{margin-left:94px; width:30px; height:30px; background-size:cover; margin-top:-36px;}
	.p_tab_cont > div ul.p_list li font{font-size:0.9rem;}
	
	.p_tab_cont > div ul.list02{justify-content: center;}
	.p_tab_cont > div ul.list02 li{width:50%; padding:0; padding-right:15px;}
	.p_tab_cont > div ul.list02 li::after{margin-right:-18px; margin-top:-15px;}
	.p_tab_cont > div ul.list02 li:nth-child(2n){padding:0; padding-left:15px;}
	.p_tab_cont > div ul.list02 li:nth-child(2n)::after{display:none;}

	.p_tab_cont a.appBtn{font-size:.9rem; width:fit-content; height:auto; line-height:normal; padding:6px 16px;}

	/*명예의 전당*/
	.pet_hall ul li{flex-direction:column; padding:40px 15px;}
	.pet_hall ul li > div{width:auto}

	.pet_hall ul li .pet_hall_img{width:auto; height:auto; margin-top:30px}
	.pet_hall ul li .pet_hall_img img{width:80%}
	.pet_hall ul li .pet_hall_txt{height:auto;}
	.pet_hall ul li .pet_hall_txt h5{font-size:1rem}
	.pet_hall ul li .pet_hall_txt h5 span{font-size:1.5rem}
	.pet_hall ul li .pet_hall_txt img{width:85px; margin-left:30px;}

	.pet_hall ul li .pet_hall_txt p{position:revert;margin-top:20px;}

	.pet_hall ul li .pet_hall_img .img{height:125px; margin-right:-17px;}

	/*유의사항*/
	.noticeWrap{}
	.noticeWrap h2{font-size:1.4rem}
	.noticeWrap .notice01 h3{font-size:1.2rem}
	.noticeWrap .notice01 p{font-size: 0.9rem}

	.noticeWrap .notice01 table tr.tit th{font-size:.9rem;}
	.noticeWrap .notice01 table tr.info th{font-size:.8rem;}
	.noticeWrap .notice01 table tr td{font-size:.7rem;}


	/*자주묻는질문*/
	.faq ul.list li div.inquiry span:first-child{width:23px;}
	.faq ul.list li div.inquiry{display:flex;}
	.faq ul.list li div.inquiry span:last-child{width:84%; font-size:1rem}
	.faq ul.list li div.inquiry span:last-child::before{display:none}
	.faq ul.list li div.inquiry::after{right:5px;}

	.faq ul.list li div.answer{display:flex;}
	.faq ul.list li div.answer span:first-child{width:23px;}
	.faq ul.list li div.answer span:last-child{width:auto; font-size:0.9rem; width:90%}
	.faq ul.list li div.answer span:last-child br{display:none}

	/*파트너스*/
	.partner div h3{font-size:1.4rem}
	.partner div ul li{width:calc(53% - 15px);margin-bottom:10px;}

	/*프로그램안내*/
	.program .list{display:block}
	.program .list li{width:100%; margin-bottom:20px; padding:20px 15px;}
	.program .list li .img{height:160px; margin:0; line-height:normal;}
	.program .list li .img img{width:auto; height:100%;}
	.program .list li h4{font-size:.6rem;}
	.program .list li h3{font-size:1.4rem;}
	.program .list li p{font-size:.9rem;}
	
	.proTime .tit h4{font-size:1rem;}
	.proTime .tit h3{font-size:1.6rem;}
	.proTime img{width:100%;}
	.proTime p{font-size:.9rem;}

	.dangPicnic .list li{width:calc(33.33% - 4px);}
	.dangPicnic .list li div.tit h4{font-size:1rem;}
	.dangPicnic .list li div.info p{font-size:.8rem;}
	.dangPicnic .list li div.info p{display:inline;}

	.dangPicnic.clinic .list li div.info p{display:block; padding:0; letter-spacing:-1px;}
	
	.noticeBox .notice01 h3{font-size:1.1rem;}
	.noticeBox .notice01 p{font-size:.9rem;}

	/*친환경캠페인*/
	.ecos .box{width:100%;}
	.ecos .box h3{font-size:1.2rem; margin-bottom:16px;}
	.ecos .box h3 img{height:20px;}

	.ecos .box01{margin-bottom:40px;}
	.ecos .box02{margin-bottom:40px;}
	.ecos .box03 p{font-size:.9rem; line-height:1.4rem;}

	/*신청하기*/
	.appBox .off{}
	.appBox .off li{width:calc(50% - 5px); margin-top:16px; padding:20px 10px;}
	.appBox .off li h3{font-size:.8rem;}
	.appBox .off li h5{font-size:.7rem;}
	.appBox .off li h5 br{display:none;}
	.appBox .off li p{font-size:.7rem;}
	.appBox .off li img{height:120px;}
	.appBox .off li h4{font-size:.6rem; padding:3px 8px;}
	.appBox .off02 li h3{ height:42px;}
	.appBox a.btn{font-size:1rem;}

	.appBox h2{font-size:1.2rem;}
	.appBox .price table tr.tit th{font-size:.9rem;}
	.appBox .price table tr.info th{font-size:.8rem;}
	.appBox .price table tr td{font-size:.7rem;}

	.appBox .noticeBox{padding:26px 20px;}
	.appBox .noticeBox h3{font-size:1rem;}
	.appBox .noticeBox p{font-size:.9rem;}

	.appBox .read ul li{width:calc(50% - 4px);}
	.appBox .read ul li p{font-size:.9rem;}
	.appBox .read ul li p br{display:none;}

	.appBox .infoList p{font-size:.9rem;}
}