@charset "utf-8";

img{max-width:100%}
.btn{display:inline-block; margin-left:5px; padding:0px 10px; border-radius:15px; background:#c93232; color:#fff; font-weight:bold; font-size:14px}
.point{color:#ab1010; text-decoration:underline}
.wrapper{margin:0px auto; width:100%; max-width:1200px}
.conbg .wrapper.experience{max-width:1210px}
.farmcenter .wrapper{max-width:1100px}
.gnb{background:#333}
.gnb ul{position:relative; overflow:hidden; border-right:1px solid #4f4f4f; box-sizing:border-box; }
.gnb ul li a{display:block; padding:12px 0px; width:100%}
.gnb ul li a span{display:block; line-height:13px; border-left:1px solid #4f4f4f; font-size:13px; color:#999999; letter-spacing:-1px}
.gnb ul li.gnb01 a span{border:0px}
.farmcenter .gnb{width:100%; position:absolute; background:rgba(107,48,0,.5)}
.farmcenter .gnb ul{border:0px}
.farmcenter .gnb ul li.select{background:rgba(107,48,0,1)}
.farmcenter .gnb ul li.select+li a span{border:0px} 
#bottom{margin-top:60px; padding:2px 0px; border-top:1px solid #ccc}
#bottom p{padding:3%; text-align:center; border-top:1px solid #ccc}

h2{padding:4% 0px; text-align:center; background:url(/open_content/armiae/images/sub_h2bg.gif) repeat-x left center}
h2 span{padding:0px 20px; color:#222222; font:75px 'Nanum Myeongjo','나눔명조'; background:#fff; letter-spacing:-.1em }
h3{margin-bottom:2%; font-size:25px; font-weight:bold; color:#222}
h3 span{padding-left:10px; font-weight:normal; font-size:14px}

.introduce{overflow:hidden; position:relative}
.introduce>li{position:relative; float:left; width:33.3%}
.introduce>li.img{z-index:1}
.introduce>li.img img{width:100%}
.introduce>li.img span{display:block; position:absolute; bottom:15px; right:15px; padding:2px 12px; background:rgba(0,0,0,.8); color:#fff}
.introduce>li.con{width:33.4%; z-index:2}
.introduce>li.con>div.boxline{margin:9px; }
.introduce>li.con>div.boxline>div.boxline{margin:3px; padding:0% 8%}
.introduce>li.con p.logo{padding:17% 5% 17%; text-align:center}
.introduce>li.con p.name{padding:17% 3% 17%; text-align:center; font:45px 'Nanum Myeongjo','나눔명조'; color:#ffda78; letter-spacing:-2px}
.introduce>li.con p.name .small{font:33px 'Nanum Myeongjo','나눔명조'; }
.introduce>li.con p.name .middle{font:45px 'Nanum Myeongjo','나눔명조'; }
.introduce>li.con p.txt{font-size:15px; text-align:justify}
.introduce>li.con ul.info{margin:7% 0px}
.introduce>li.con ul.info>li{margin-top:5px; padding-left:10px; font-size:15px; background-repeat:no-repeat; background-position:left 9px; line-height:140%}
.introduce>li.con ul.info li .q{font-weight:bold; color:#fff}
.introduce>li.con ul.info li .point{color:#feea41; text-decoration:none}
.introduce>li.con ul.info li .blank{margin-left:70px}
.mugwort .introduce>li.con{background:#005f45}
.mugwort .introduce div.boxline{border:1px solid #277761}
.mugwort .introduce p.txt, .mugwort .introduce>li.con ul.info li{color:#bbcdc8}
.mugwort .introduce>li.con ul.info>li{background-image:url(/open_content/armiae/images/mugwort_dot.gif)}
.ghisland .introduce>li.con{background:#c93232}
.ghisland .introduce div.boxline{border:1px solid #d15151}
.ghisland .introduce>li.con p.logo{padding:12% 5% 10%}
.ghisland .introduce p.txt, .ghisland .introduce>li.con ul.info li{color:#ffcccc; font-size:14px}
.ghisland .introduce>li.con ul.info>li{background-image:url(/open_content/armiae/images/ghisland_dot.gif)}
.jaesun .introduce>li.con{background:#8e5e2d}
.jaesun .introduce div.boxline{border:1px solid #9f774d}
.jaesun .introduce p.txt, .jaesun .introduce>li.con ul.info li{color:#f2e6d9}
.jaesun .introduce>li.con ul.info>li{background-image:url(/open_content/armiae/images/jaesun_dot.gif)}
.shop .introduce>li.con{background:#0a4b8d}
.shop .introduce div.boxline{border:1px solid #2f6792}
.shop .introduce p.txt, .shop .introduce>li.con ul.info li{color:#b6c1cb}
.shop .introduce>li.con ul.info>li{background-image:url(/open_content/armiae/images/shop_dot.gif)}
.miro .introduce>li.con{background:#795aa8}
.miro .introduce div.boxline{border:1px solid #8d73b5}
.miro .introduce>li.con p.logo{padding:11% 5% 13%; text-align:center}
.miro .introduce p.txt, .miro .introduce>li.con ul.info li{color:#ded1f1}
.miro .introduce>li.con ul.info>li{background-image:url(/open_content/armiae/images/miro_dot.gif)}

.conbg{margin:5% 0% 3%; padding:3% 0%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:url(/open_content/armiae/images/conbg.gif) repeat left top}
.conbg ul.experience{overflow:hidden}
.conbg ul.experience>li{float:left; width:24%; margin:0% .5% 1%; padding-bottom:20px; background:#fff; box-shadow:0px 1px 2px rgba(0,0,0,.15)}
.conbg ul.experience>li p.img img{width:100%}
.conbg ul.experience>li p.tit{padding:20px 10px 5px 20px; font-size:17px; font-weight:bold; color:#484848}
.conbg ul.experience>li p.price{padding-left:20px; font-size:15px}
.conbg ul.experience>li p.price span.total{color:#484848; text-decoration:line-through}
.conbg ul.experience>li p.price span.discount{font-weight:bold; font-size:1.5em; color:#ab1010}
.conbg ul.experience>li ul{padding-left:20px; min-height:45px}
.conbg ul.experience>li ul>li{padding-left:8px; background:url(/open_content/armiae/images/experience_dot.gif) no-repeat left 10px}
.conbg p.caution{padding:15px 10px; font-size:15px; font-weight:bold}
.mugwort .conbg ul.experience>li .price{color:#005f45}
.ghisland .conbg ul.experience>li .price{color:#ae2a2a}
/***/
.conbg .munuList_tit { max-width:1200px; margin:0 auto 15px; text-align:left; font-size:36px; color:#6e4317; }
.conbg div.menu{padding-top:5px; background:url(/open_content/armiae/images/jaesun_menu_bg01.png) no-repeat 23% top}
.conbg div.menu>ul.menuList{padding-bottom:5px; background:url(/open_content/armiae/images/jaesun_menu_bg02.png) no-repeat 76% bottom; overflow:hidden}
.conbg div.menu>ul.menuList>li{background:#fff; overflow:hidden}
.conbg div.menu>ul.menuList>li>p{float:left; width:50%; position:relative;}
.conbg div.menu>ul.menuList>li>p>span { position:absolute; display:block; color:#fff; background:rgba(0,0,0,0.5); padding:5px 15px; left:0; top:5px; font-weight:bold; }
.conbg div.menu>ul.menuList>li>div{float:left; width:50%}
.conbg div.menu>ul.menuList>li>div>p.tit{padding:10% 10% 5%; font-size:17px; font-weight:bold}
.conbg div.menu>ul.menuList>li>div>ul{padding:18% 10%}
.conbg div.menu>ul.menuList>li>div>ul>li{margin-bottom:5px; padding-left:8px; background:url(/open_content/armiae/images/experience_dot.gif) no-repeat left 10px; font-size:15px}
.jaesun .conbg div.menu .price{color:#8e5e2d}
/***/
.conbg ul.goods>li{margin-top:10px; width:100%}
.conbg ul.goods>li>ul{overflow:hidden}
.conbg ul.goods>li>p.q{padding:10px; min-width:150px; text-align:center; background:#e2f2ee; border:1px solid #8fbaaf; border-top:2px solid #4c8f7c; font-size:17px; font-weight:bold; color:#005f45}
.conbg ul.goods>li>ul{padding:10px; border:1px solid #ccc; background:#fff}
.conbg ul.goods>li>ul li{float:left; margin:5px 0px; padding:0px 20px; height:15px; line-height:15px; font-size:15px; border-right:1px solid #ddd}
.conbg ul.goods>li>ul li:last-child{border-right:0px}
/***/
.conbg div.onsil:after{display:block; content:''; clear:both}
.conbg div.onsil>div.story{padding-bottom:22%}
.conbg div.onsil>div.story p.tit{margin-bottom:30px}
.conbg div.onsil>div.story p.txt{margin:25px 0px; font-size:15px}
.conbg div.onsil>div.story .miro_stroy{position:relative}
.conbg div.onsil>div.story .miro_stroy li{display:none; position:absolute; left:1%; top:0px; border:7px solid #fff; box-shadow:0px 1px 1px rgba(0,0,0,.5)}
.conbg div.onsil>div.story .miro_stroy li:first-child{display:block}

.farmcenter h2{font-weight:normal; background:none}
.farmcenter h2.tit{color:#642e01; font-size:28px; text-align:center}
.farm_top ul li{float:left; padding:0px 20px; margin-top:5px; font-size:18px; background:url(/open_content/armiae/images/farm_bar.png) no-repeat left 6px}
.farm_top ul li:hover,
.farm_top ul li.select{font-weight:bold; border-bottom:1px solid #e0d5cc}
.farm_top ul li a{color:#e0d5cc; text-decoration:none}
.farm_visual>div.visual_btn ul{margin:35% 0% 0%}
.farm_visual>div.visual{background-repeat:no-repeat; background-position:center top}
.farm_visual>div.farm_visual1{background-image:url(/open_content/armiae/images/farmcenter_visual01.jpg)}
.farm_visual>div.farm_visual2{display:none; background-image:url(/open_content/armiae/images/farmcenter_visual02.jpg)}
.farm_visual>div.farm_visual3{display:none; background-image:url(/open_content/armiae/images/farmcenter_visual03.jpg)}
.farm_visual div.slogan{padding:15% 0% 17%}
.farm_visual div.slogan p.tit{margin:2% 10px; padding:2% 0px; color:#ff9a2e; font-size:52px; background:url(/open_content/armiae/images/visual_bar.gif) no-repeat left bottom}
.farm_visual div.slogan p.txt{margin:10px; color:#fff}
.farm_visual>div.visual_btn.wrapper{position:relative}
.farm_visual>div.visual_btn ul{position:absolute; z-index:3}
.farm_visual>div.visual_btn ul>li{float:left; margin:10px; color:#fff}
.farm_visual>div.visual_btn ul>li a{display:block; width:26px; height:26px; text-indent:-5000px}
.farm_visual>div.visual_btn ul>li a.prev{background:url(/open_content/armiae/images/farm_arrL.png) no-repeat center center}
.farm_visual>div.visual_btn ul>li a.next{background:url(/open_content/armiae/images/farm_arrR.png) no-repeat center center}
.farm_use{overflow:hidden; padding-bottom:40px}
.farm_use li{background-repeat:no-repeat}
.farm_use li.ic01{background-image:url(/open_content/armiae/images/farm_ic_use01.gif)}
.farm_use li.ic02{background-image:url(/open_content/armiae/images/farm_ic_use02.gif)}
.farm_use li.ic03{background-image:url(/open_content/armiae/images/farm_ic_use03.gif)}
.farm_use li.ic04{background-image:url(/open_content/armiae/images/farm_ic_use04.gif)}
.farm_use li p.q{font-weight:bold; color:#333; font-size:17px}
.farm_use li p.a{margin-top:5px}
.farm_use li p.a span {display:block;}
.farm_info>div{background:#fff; overflow:hidden}
.farm_info div.place div.tit{padding:30px 0px; height:97px; background:#df7116}
.farm_info div.place div.tit h2{padding:0px 0px 20px; color:#fff; font-size:28px}
.farm_info div.place div.tit>div{position:relative; margin:0px auto; padding:2% 20px; width:60%; max-width:160px; background:#b95706}
.farm_info div.place div.tit ul li{display:none; color:#fff; font-size:16px}
.farm_info div.place div.tit ul li:first-child{display:block}
.farm_info div.place div.tit ul li a{position:relative; color:#fff; z-index:2}
.farm_info div.place div.tit p.jelist_open{position:absolute; width:100%; right:0px; top:0px; z-index:1}
.farm_info div.place div.tit p.jelist_open a{display:block; width:195px; height:27px; background:url(/open_content/armiae/images/farm_listOpen.gif) no-repeat 94% 13px; text-indent:-50000px}
.farm_info div.place div.tit p.jelist_open a{color:#fff}
/*.farm_info div.place div.jelist>ul, .farm_info div.place div.jelist>p{display:none}
.farm_info div.place div.jelist>ul#je1, .farm_info div.place div.jelist>p.je1_map{display:block}*/
.farm_info div.place div.jelist>p.je1_map, .farm_info div.place div.jelist>p.je2_map{border:1px solid #ccc; margin:20% 10% 10%}
.farm_info div.place div.jelist>ul{padding:5% 5% 5% 10%}
.farm_info div.place div.jelist>ul li{margin-top:10px; font-weight:bold; letter-spacing:-1px}
.farm_info div.place div.jelist>ul li a{padding-right:7px; display:block}
.farm_info div.place div.jelist>ul li a span{font-size:13px; display:inline-block; margin-right:10px; width:20px; text-align:center; background:#555; border-radius:3px; color:#fff}
.farm_info div.place div.jelist>ul li.select a{color:#df7116; background:url(/open_content/armiae/images/farm_place_arrR.gif) no-repeat right 6px}
.farm_info div.place div.jelist>ul li.select a span{background:#df7116}
.farm_info div.conbox{background:#f0f0f0}
.farm_info div.conbox>div{display:none}
.farm_info div.conbox>div:first-child{display:block}
/*.farm_info div.conbox div.con>div{display:none}
.farm_info div.conbox div.con>div:first-child{display:block}*/
.farm_info div.conbox div.con>div p.img{text-align:center; padding:20px 10px}
.farm_info div.conbox div.con>div p.tit{margin:0px 25px; padding-left:10px; color:#b95706; font-size:15px; font-weight:bold; background:url(/open_content/armiae/images/farm_blet.gif) no-repeat left 5px}
.farm_info div.conbox div.con>div p.txt{margin:10px 25px; padding-left:10px; height:65px; overflow-y:auto}
.farm_info div.conbox div.list{position:relative; padding:50px 0px; background:#fff}
.farm_info div.conbox div.list>p{position:absolute; width:100%; text-align:center; text-indent:-500000px;}
.farm_info div.conbox div.list>p.prev{top:15px}
.farm_info div.conbox div.list>p.next{bottom:15px}
.farm_info div.conbox div.list>p.prev a{display:block; background:url(/open_content/armiae/images/farm_f1_arrU.gif) no-repeat center 5px}
.farm_info div.conbox div.list>p.next a{display:block; background:url(/open_content/armiae/images/farm_f1_arrD.gif) no-repeat center 5px}
.farm_info div.conbox div.f1_03 div.list>p.prev, 
.farm_info div.conbox div.f1_03 div.list>p.next,
.farm_info div.conbox div.f1_04 div.list>p.prev, 
.farm_info div.conbox div.f1_04 div.list>p.next,
.farm_info div.conbox.je2 div.list>p.prev, 
.farm_info div.conbox.je2 div.list>p.next{display:none}
.farm_info div.conbox div.list ul{margin:auto; width:80%}
.farm_info div.conbox div.list ul li img{width:100%}

/* 아르미애월드 소개 */
.armiae div.visual{background:url(/open_content/armiae/images/armiae_bg.gif) repeat center top; border-bottom:1px solid #d2dac0} 
.armiae div.visual div.wrapper{ position:relative; }
.armiae div.visual div.txtbox{padding-bottom:2px; background:#f0f0f0; border-top:6px solid #825c99; box-shadow:0px 0px 1px rgba(0,0,0,.3)} 
.armiae div.visual div.txtbox div{background:#fff; } 
.armiae div.visual p.slogan{padding-top:4%; text-align:center; font-family:'Nanum Myeongjo','나눔명조'; color:#333; font-size:22px; letter-spacing:-1px}
.armiae div.visual h2{padding:0px; font-family:'Nanum Myeongjo','나눔명조'; font-size:55px; font-weight:normal; color:#222; background:none}
.armiae div.visual h2 span{padding:0px; font-size:56px; background:none}
.armiae div.visual h2 span.color1{color:#c93232}
.armiae div.visual h2 span.color2{color:#f18d00}
.armiae div.visual h2 span.color3{color:#875d9a}
.armiae div.visual h2 span.color4{color:#3b82c4}
.armiae div.visual p.txt{margin:2% auto 0px; padding:25px 2%; width:86%; border-top:1px dotted #ccc; letter-spacing:-1px; font-size:14px; color:#333; line-height:180%; text-shadow:1px 1px 10px rgba(255,255,255,1)}
.armiae div.wrapper.cihistory{margin-top:5%; overflow:hidden}
.armiae div.ci{padding:0% 2%}
.armiae div.ci p.img{padding:7% 5%; text-align:center;  border:1px solid #ccc; background:url(/open_content/armiae/images/armiae_cibg.jpg) repeat left top}
.armiae div.ci p.txt{padding-left:5px; margin-top:20px; font-size:15px}
.armiae div.history{padding:0% 2%}
.armiae div.history p.img{padding:1%; background:#fff; box-shadow:0px 1px 1px rgba(0,0,0,.5)}
.armiae div.history p.img img{width:100%}
.armiae div.history ol{margin-top:20px; margin-left:5px}
.armiae div.history ol li{position:relative; margin-top:5px; padding-left:100px; font-size:15px}
.armiae div.history ol li span.year{display:block; position:absolute; left:0px; top:0px; width:90px; text-align:center; background:#875d9a; border-radius:40px; font-size:14px; color:#fff}
.armiae div.conbg h3{margin-bottom:1%}
.armiae ul.space{overflow:hidden}
.armiae ul.space li{margin:1%; background:#fff; box-shadow:0px 1px 1px rgba(0,0,0,.5)}
.armiae ul.space li p.img img{width:100%}
.armiae ul.space li div.con{padding:8%}
.armiae ul.space li div.con p.tit{margin-bottom:10px; font-weight:bold; font-size:18px; color:#333}
.armiae ul.space li div.con p.btn{text-align:center}
.armiae ul.space li div.con p.btn a{display:inline-block; margin-top:20px; padding:4px 20px; background:#875d9a; border:1px solid #6b477c; color:#fff}
.welga div.visual{padding:20px; background:url(/open_content/armiae/images/welga_bg.jpg) no-repeat center top}
.welga div.visual h2{margin-top:10%; padding:0px; font-family:'Nanum Myeongjo','나눔명조'; font-size:100px; font-weight:normal; color:#222; background:none}
.welga div.visual p.txt{margin-top:4%; text-align:center; font-size:15px; color:#333}
.welga ul.welga_list{position:relative; margin:0px auto 40px}
.welga ul.welga_list li{float:left; padding:1%; width:23%; text-align:center}
.welga ul.welga_list li{position:relative; font-size:15px; font-weight:bold; text-align:center}
.welga ul.welga_list li span.txt{display:none; position:absolute; min-height:155px; padding:20px; background:#fff; border-radius:10px; font-weight:normal; font-size:14px; top:-210px; text-align:left}
.welga ul.welga_list li a span font{display:none; position:absolute; font-size:13px; top:0px; left:0%; padding:30px 38px 35px 32px; width:155px; height:155px; color:#fff; background:rgba(0,0,0,.8)}
.welga ul.welga_list li a:hover span.txt{display:block}
.welga ul.welga_list li a:hover span font{display:block}
.welga ul.welga_list:after{display:block; content:''; clear:both}

/*.location{padding-bottom:40px}
.location div.map{padding:0px 1px; border:1px solid #aaa}
.location div.map ul{overflow:hidden; border-left:1px solid #aaa; border-right:1px solid #aaa }
.location p.address{margin-top:1%; text-align:right; font-size:16px}
.location>div>p{display:table-cell; vertical-align:middle; height:87px}
.location>div>p.tit{padding-left:80px; color:#222; font:600 38px 'NanumMyeongjo','나눔명조'; background-repeat:no-repeat; background-position:left center}
.location>div>p.tit span{font-weight:normal; font-size:16px}
.location>div .how{margin-top:20px}
.location>div.bus{margin-top:3%}
.location>div.bus>div{padding-bottom:1px; border:1px solid #dddddd;}
.location>div.bus>p.tit{background-image:url(/open_content/armiae/images/ic_bus.png)}
.location>div.bus div.how>ul{border-bottom:1px solid #dddddd; overflow:hidden}
.location>div.bus div.how>ul>li{padding:2.5% 3%}
.location>div.bus div.how>ul>li:first-child{background:#f1f1f1}
.location>div.bus div.how>ul>li>p.txt{padding-bottom:10px; font-weight:bold; font-size:18px}
.location>div.bus div.how>ul li{font-size:15px; line-height:160%}
.location>div.bus div.how>ul li p{font-size:16px; line-height:180%}
.location>div.car{margin-top:40px}
.location>div.car>p.tit{background-image:url(/open_content/armiae/images/ic_car.png)}
.location>div.car .how>li{margin-top:35px; }
.location>div.car .how>li p.txt{margin-bottom:15px; width:233px; line-height:44px; text-align:center; font-size:16px; font-weight:bold; color:#fff; background:url(/open_content/armiae/images/car_titbg.png) no-repeat left center}*/
.location{margin-top:50px; padding-top:50px; }
.location .mapApi{margin-top:20px; padding:8px; border:1px solid #ddd}
.location>div .how{margin-top:20px}
.location>div.bus{margin-top:3%}
.location>div.bus>div{padding-bottom:1px; border:1px solid #dddddd;}
.location>div.bus>p.tit{display:table-cell; padding-left:80px; height:87px; vertical-align:middle; color:#222; font:600 38px 'NanumMyeongjo','나눔명조'; background-repeat:no-repeat; background-position:left center; background-image:url(/open_content/armiae/images/ic_bus.png)}
.location>div.bus>p.tit span{font-weight:normal; font-size:16px}
.location>div.bus div.how>ul{padding:3%; border-bottom:1px solid #dddddd; overflow:hidden}
.location>div.bus div.how>ul li{margin-bottom:10px; font-size:15px}

table.data{margin-top:5px; width:100%}
table.data thead th{padding:10px; background:#333; border:1px solid #222; color:#fff}
table.data thead th{background:#333}
table.data tbody{border-top:3px solid #302d8b}
table.data thead+tbody{border-top:0px}
table.data tbody th,
table.data td{text-align:center; padding:10px; border:1px solid #ddd}
table.data tbody th{background:#f5f5f5; font-weight:bold}
table.data td:last-child{border-right:0px}
table.data tbody tr  th:first-child,
table.data tr td:first-child{border-left:0px}

.vtList {padding:0 40px;}
.vtList h3 {text-align:center; color:#c93232;}
.vtList .tbox {text-align:center; padding:20px; background:#f4f4f4;}

@media all and (min-width:1201px){	
	h2{padding:70px 0px; }
	.gnb ul li{width:33.3333333%}
	.introduce>li.con>div.boxline>div.boxline{min-height:476px}
	.farmcenter h2{padding:30px}
	.farm_visual>div.visual{height:600px; overflow:hidden}
	.farm_visual div.slogan{padding:150px 0% 0%}
} 
@media all and (max-width:1200px){	
	#detail_con{padding:0px 10px}	
	.gnb ul{border-top:2px solid #333}
	.gnb ul li {padding-left:1.5%; padding-right:1.5%}
	.gnb ul li a span {border:0px}
	h2 span{font-size:50px}	
	.farmcenter #detail_con{padding:0px 0px}
	.farm_visual>div.visual{background-size:cover}
	.armiae #detail_con, .welga #detail_con{padding:0px 0px}
} 
@media all and (min-width:768px){	
	.dp_mb{display:none}	
	.pc_block{display:block}
	.gnb ul{padding-left:37px; min-height:37px }		
	.gnb ul li{float:left; text-align:center}		
	.gnb ul li.select{background:#fff}
	.gnb ul li.select a span{color:#333; font-weight:bold; border:0px}
	.gnb ul li.home{position:absolute; left:0px; margin:0px; padding:0px; width:35px; height:37px; border-left:1px solid #111; border-right:1px solid #4f4f4f; background:#222 url(/open_content/armiae/images/gnb_home.png) no-repeat center center }
	.gnb ul li.home a{height:37px}
	.farmcenter .gnb ul li.home{background-color:rgba(107,48,0,1); border-right-color:#a37556; border-left-color:#4b2302} 
	.farmcenter .gnb ul li a span{color:#e0d5cc; border-color:#a37556}
	.introduce>li.img.img01{position:absolute; left:0px}
	.introduce>li.con{margin-left:33.3%}
	/* .location div.map ul li{float:left; width:50%}	
	.location>div.bus div.how>ul{background:url(/open_content/armiae/images/bus_bg.gif) no-repeat 46% top}
	.location>div.bus div.how>ul>li{display:table-cell; width:55%; padding-left:120px}
	.location>div.bus div.how>ul>li:first-child{width:45%; padding-left:3%}	 */
	.conbg div.menu>ul.menuList>li{float:left; width:50%}
	.conbg ul.goods>li{display:table}
	.conbg ul.goods>li>p.q, .conbg ul.goods>li>ul{display:table-cell; vertical-align:middle}
	.conbg ul.goods>li>p.q{width:20%}
	.conbg ul.goods>li>ul{width:80%; border-left:0px}
	.conbg div.onsil>div{float:left; width:48%}
	.conbg div.onsil>div.principle{float:right; padding-top:.5%}
	.farm_top{position:fixed; width:100%; padding-top:30px; height:70px; background:rgba(107,48,0,.9)}
	.farm_top h1{float:left}
	.farm_top ul{float:right}
	.farm_visual div.slogan p.txt{height:60px}	
	.farm_use li{float:left; padding:110px 2% 0px; width:21%; text-align:center; background-position:center top}
	.farm_info{padding:4% 0px; background:url(/open_content/armiae/images/farm_info_bg.jpg) no-repeat center top}
	.farm_info div.place{float:left; width:23.5%}
	.farm_info div.conbox{float:left; width:76.5%}
	.farm_info div.conbox div.con{float:left; width:76%}
	.farm_info div.conbox div.list{float:right; width:24%}
	.farm_info div.conbox div.list ul{height:410px; overflow:hidden}	
	.farm_info div.conbox div.list ul li{padding:0px; margin:10px 0px}
	.farm_info div.conbox div.list ul li:first-child{margin-top:0px}
	.farm_info div.conbox div.list ul li img{height:95px}
	.farm_info div.conbox div.list ul li:hover img{border:5px solid #df7116; box-sizing:border-box}	
	.armiae div.visual div.txtbox{position:absolute; right:0px; top:35px; max-width:560px}
	.armiae div.visual:after{display:block; content:''; height:453px; background:url(/open_content/armiae/images/armiae_img.png) no-repeat center top} 
	.armiae div.ci{float:left; width:45%}
	.armiae div.history{float:right; padding:0% 3%; width:44%; border-left:1px solid #ddd}
	.armiae ul.space li{float:left; width:31%}
	.armiae ul.space li div.con p.txt{min-height:125px}
	.welga ul.welga_list{margin-top:-90px; width:65%; min-width:768px}
	.welga ul.welga_list li{padding-top:190px}
	.welga ul.welga_list li span.img{position:absolute; top:0px; left:4%; width:175px; height:175px; border-radius:110px; overflow:hidden; z-index:1}
	.welga ul.welga_list li a:hover span.img{top:-10%; left:-6%; width:215px; height:215px; z-index:2; box-shadow:0px 1px 2px rgba(0,0,0,.5)}
	.location>div.bus div.how>ul{padding-bottom:50px}
	.location>div.bus div.how>ul li{position:relative; margin-bottom:10px; padding-left:100px}
	.location>div.bus div.how>ul li span{position:absolute; left:0px; top:0px}
}
@media all and (max-width:767px){	
	.dp_pc{display:none}
	.mb_block{display:block}
	.wrapper{min-width:320px}
	.gnb{position:relative; top:0px; z-index:999}
	.gnb ul { position:absolute; background:#333; }
	.gnb ul li{display:none; padding-left:20px; padding-right:20px; border-top:1px solid #222}
	.gnb ul li.home, .gnb ul li.home a { padding:0px; border:0px; }
	.gnb ul li.select a span { color:#fff; font-weight:bold; text-decoration:underline; }
	.farmcenter .gnb, .farmcenter .gnb ul{background:rgba(107,48,0,1)}
	.farmcenter .gnb li{border-color:rgba(255,255,255,.1)}
	.farm_use li:first-child {margin-bottom:25px;}
	.mb_menu{height:37px}
	.mb_menu p{float:left; width:37px; height:37px; background:url(/open_content/armiae/images/gnb_home.png) no-repeat center center}	
	.mb_menu h1{float:right; width:37px; height:37px; background:url(/open_content/armiae/images/gnb_menu.png) no-repeat center center}
	.mb_menu a{display:block; width:100%; height:20px}
	h2 span{font-size:40px}
	.introduce>li{width:50%}
	.introduce>li.con{width:100%}
	.introduce>li.con p.logo{padding:10% 2%}
	.introduce>li.img{overflow:hidden}
	.introduce>li.img img{margin-top:-10%}
	.conbg{padding:5% 1%}
	.conbg ul.experience{padding-left:1%}
	.conbg ul.experience>li{width:48%}
	.conbg ul.experience>li p.tit{display:table-cell; padding:10px 10px 0%; vertical-align:middle; font-size:15px}
	.conbg ul.experience>li .price{padding-left:10px}	
	.conbg p.caution{padding:15px 15px 0px}
	.mugwort .conbg ul.experience>li .price span.discount{font-size:1.2em}
	/* .location>div.bus{margin-top:50px}
	.location div.map ul{border-right:0px}
	.location div.map ul li img{border-right:1px solid #aaa; width:100%}
	.location div.map ul li:first-child{border-bottom:1px solid #aaa}
	.location div.map ul li:first-child img{border-right:0px}
	.location>div>p.tit{font-size:30px}
	.location>div>p.tit>span{display:block; margin:5px 1px}
	.location>div.bus div.how>ul>li{padding:20px}
	.location>div.bus div.how>ul>li>p.txt{font-size:16px; letter-spacing:-1px}
	.location>div.bus div.how>ul li, .location>div.bus div.how>ul li p {font-size:14px}
	.location>div.bus div.how>ul>li:first-child{border-bottom:1px dotted #ccc} */
	.conbg div.menu{background-position:50% top}
	.conbg div.menu>ul.menuList{background-position:50% bottom}
	.conbg div.menu>ul.menuList>li:first-child{border-bottom:1px solid #ccc}
	.conbg ul.goods>li>ul{border-top:0px}
	.conbg div.onsil>div{margin:0px auto; width:90%}
	.conbg div.onsil>div.principle{margin-top:25%; text-align:center}	
	.farm_top{padding:2%; background:rgba(107,48,0,1)}
	.farm_top h1{text-align:center}
	.farmcenter h1 img{max-width:40%}
	.farm_visual>div.visual{background-size:100%}
	.farm_visual div.slogan{padding:33% 0% 0%; border-bottom:1px solid #ddd}
	.farm_visual div.slogan p.tit{margin-bottom:0px; font-size:24px; font-weight:bold}
	.farm_visual div.slogan p.txt{margin-top:0px; height:90px; color:#444}
	.farm_visual>div.visual_btn ul{margin-top:33%; right:10px}
	.farm_visual>div.visual_btn ul>li{color:#444}
	.farm_visual>div.visual_btn ul>li a.prev{background:url(/open_content/armiae/images/mb_farm_arrL.png) no-repeat center center}
	.farm_visual>div.visual_btn ul>li a.next{background:url(/open_content/armiae/images/mb_farm_arrR.png) no-repeat center center}
	.farm_use{padding-bottom:20px}
	.farm_use li{padding:0px 0px 3px 70px; height:60px; background-position:10px top; background-size:50px}
	.farm_use li p.q{margin-top:7px; font-size:15px}
	.farm_info div.place div.jelist>p.je1_map, .farm_info div.place div.jelist>p.je2_map{margin-top:0%; }
	.farm_info div.conbox div.list{padding:10px 0px}
	.farm_info div.conbox div.list>p{display:none}
	.farm_info div.conbox div.list ul{width:90%; overflow:hidden}
	.farm_info div.conbox div.list ul li{float:left; padding:2px; width:15%}
	.farm_info div.conbox div.list ul li:hover{padding:0px; border:2px solid #df7116}
	.farm_info div.conbox div.list ul li img{min-height:40px}
	.armiae div.visual div.txtbox{margin:5%; width:90%; }
	.armiae div.visual p.slogan{font-size:20px; letter-spacing:-2px; }
	.armiae div.visual h2, .armiae div.visual h2 span{font-size:50px}
	.armiae div.ci{padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc}
	.welga div.visual h2 img{width:50%; max-width:200px}
	.welga div.visual p.txt{padding:0px 10%}
	.welga ul.welga_list{margin-top:30px}
	.welga ul.welga_list li{font-size:13px; letter-spacing:-1px}
	.welga ul.welga_list li span.img{display:block; padding-bottom:7px}
	.welga ul.welga_list li .pc_block{display:block}
	.welga ul.welga_list li a:hover span font{display:none}
	.location{padding:10px}
	.location>div.bus>p.tit span{}
	.location>div.bus div.how>ul li span{display:block; margin-bottom:5px}	

	div.tableScroll {width:100%; overflow-x:scroll;}
	div.tableScroll table.data {width:850px;}
	.vtList {padding:20px;}
}
@media all and (max-width:480px){
	.conbg ul.experience>li{width:98%}
}