@charset "utf-8";
@import url("font.css");

/*Common*/
*{margin:0;padding:0}
/*Layer*/
html{overflow: auto; overflow-x: hidden;}
body{width:100%; background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option,div, i{font-family: 'Noto Sans','돋움',helvetica,sans-serif;font-size:12px;font-weight: 400;}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea,i{vertical-align:middle}
a{text-decoration:none;cursor:pointer}
a:hover{text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
input.form-control{outline:none; box-shadow:none;}
input.form-control:focus{box-shadow:none;}
*{ box-sizing: border-box; }
.btn:focus,
a:focus{outline:none; box-shadow:none;}

#wrap{width:100%; margin:auto; position:relative; overflow: hidden;}
#header{width:100%; height:120px; text-align:center; vertical-align:middle; background:url(../images/headbg.jpg);  background-size:100%; z-index:12;}
#header .head{max-width:1080px; height:100%; margin:0px auto; }
#header .head img{width:255px;}


@media (max-width: 950px) {
#header{height:85px}
#header .head img{width:165px;}
}
@media (max-width: 640px) {
#header{height:60px}
#header .head img{width:140px;}
}

#page{width:100%; min-height:calc(100vh - 120px); padding:0px 0px 248px; text-align:center; -webkit-transition:all .5s; transition:all .5s;}
#page.ad_slider .swiper-slide img{height: calc(100vh - 367px);}
#fixed_btm{position:fixed; bottom:0px; left:0px; width:100%; height:248px; z-index:12; background: #fff; -webkit-transition:all .5s; transition:all .5s;}
#fixed_btm.hei{height:148px;}
#fixed_btm.hei .navs div.active{background:transparent; }
#fixed_btm .navs{width:100%; max-width:1080px; margin:0 auto; background:#fff; height:148px; position:relative; overflow:hidden; }
#fixed_btm .navs div {height:101%; text-align:center; padding:25px 0 0px;}
#fixed_btm .navs div.active{background:url(../images/arraw_top.png) center bottom no-repeat; background-size:26px 15px;}
#fixed_btm .navs div a{display:block; font-size:18px; color:#808080; font-weight:600; }
#fixed_btm .navs div.active a{color:#993399; }
#fixed_btm .navs div img{margin-bottom:10px; width:47px; height:46.6px; }
#fixed_btm .footer{width:100%; margin:auto; position:relative; top:-1px; background:#808080;}
#fixed_btm .footer .row{width:95%; max-width:1080px; height:100px; margin:0px auto; }
#fixed_btm .footer .col-txt{padding:0; color:#fff; font-size:16px; }
#fixed_btm .footer .col-txt span{font-size:18px; margin-bottom:5px; }
#fixed_btm .footer .col-txt .mbr{display:none;}
#fixed_btm .footer .col-txt .swiper-wrapper, 
#fixed_btm .footer .col-txt .swiper-slide{height:20px !important}
#fixed_btm .footer .col-lang{padding:0; }
#fixed_btm .footer .col-lang .lang{padding-left:15px; color:#fff; font-size:18px; display:inline-block; vertical-align: middle;}
#fixed_btm .footer .col-lang .lang img{width:50px; height:50px; }

@media (max-height: 1080px) {
#page.ad_slider .swiper-slide img{max-width:100%; height:auto;;}
#page{padding-bottom:180px;}
#page.hei{padding-bottom:100px}
#fixed_btm{height:180px;}
#fixed_btm.hei{height:100px;}
#fixed_btm .navs{height:100px;}
#fixed_btm .navs div{padding:15px 0 10px;}
#fixed_btm .navs div a{font-size:16px;}
#fixed_btm .navs div.active{background-size:23px 12px;}

#fixed_btm .navs div img{width:41px; height:40.6px;}
#fixed_btm .footer .row{height:80px;}
#fixed_btm .footer .col-txt{font-size:14px;}
#fixed_btm .footer .col-txt span{font-size:16px;}
#fixed_btm .footer .col-txt .mbr{display:none;}
#fixed_btm .footer .col-lang .lang{font-size:16px;}
}
@media (max-width: 950px) {
#page{min-height:calc(100vh - 85px);}
}
@media (max-width: 880px) {
#page{padding-bottom:160px;}
#page.hei{padding-bottom:90px}
#fixed_btm{height:160px;}
#fixed_btm.hei{height:90px;}
#fixed_btm .navs{height:90px;}
#fixed_btm .navs div{padding:15px 0 10px;}
#fixed_btm .navs div a{font-size:14px;}
#fixed_btm .navs div img{width:31px; height:30.69px; }
#fixed_btm .footer .row{height:70px;}
#fixed_btm .footer .col-txt{font-size:13px;}
#fixed_btm .footer .col-txt span{font-size:14px;}
#fixed_btm .footer .col-lang .lang{padding-left:10px; font-size:14px;}
#fixed_btm .footer .col-lang .lang img{width:35px; height:35px; }
}
@media (max-width: 640px) {
#page{min-height:calc(100vh - 60px);}
}
@media (max-width: 576px) {
#page{padding-bottom:150px;}
#page.hei{padding-bottom:80px}
#fixed_btm{height:150px;}
#fixed_btm.hei{height:80px;}
#fixed_btm .navs{height:80px;}
#fixed_btm .navs div{padding: 10px 0px 5px;}
#fixed_btm .navs div a{font-size:10px;}
#fixed_btm .navs.kor div a{font-size:12px;}
#fixed_btm .navs div img{margin-bottom:5px; }
#fixed_btm .footer .col-txt .mbr{display:block;}
#fixed_btm .footer .col-lang .txt{display:none;}
#fixed_btm .footer .col-txt .swiper-wrapper, 
#fixed_btm .footer .col-txt .swiper-slide{height:35px !important}
#fixed_btm .footer .col-lang .lang{padding-left:5px; font-size:13px;}
}
@media (max-width: 320px) {
#fixed_btm .footer .col-txt{font-size:12px;}
#fixed_btm .footer .col-lang .lang img{width:30px; height:30px; }
}

#page .ads img{max-width:100%;}
#page .ads embed{width:100%; height:90vh; }

/* sub */
#page.bg{background:#ddd}
#page .page-title{font-size:34px; padding:5px 0px; width:100%; background:#6b70b5; color:#fff; }
@media (max-width: 950px) {
#page .page-title{font-size:28px;}
}
@media (max-width: 640px) {
#page .page-title{font-size:24px;}
}
@media (max-width: 430px) {
#page .page-title{font-size:20px;}
}

#page .sub_img img{width:100%; }

/* 상가안내 */

.page2 .st_in{width:95%; max-width:880px; margin:auto; text-align:left;}
.page2 .st_in .sts{margin-top:8%; }
.page2 .st_in .st_02{margin-top:60px; padding-bottom:60px; }
.page2 .st_in .sts .st_tt{font-size:28px; font-weight:600; margin-bottom:10px; }
.page2 .st_in .sts .st_txt{font-size:16px; line-height:24px; padding:15px 10px; word-break:keep-all; word-wrap: break-word; width:100%; border:1px solid #999; background:#fff; }

@media (max-width: 640px) {
.page2 .st_in .sts .st_tt{font-size:24px;}
.page2 .st_in .sts .st_txt{font-size:15px; line-height:22px;}
}
@media (max-width: 430px) {
.page2 .st_in .sts .st_tt{font-size:20px;}
.page2 .st_in .sts .st_txt{font-size:14px; line-height:21px; padding:10px 5px;}
.page2 .st_in .st_02{padding-bottom:20px;}
}

.page2 .st_in .sts .st_tb{margin-bottom:30px; width:100%; display:table; border:1px solid #999; background:#fff; }
.page2 .st_in .sts .st_tb .st_row{display:table-row; }
.page2 .st_in .sts .st_tb .st_cell{font-size:22px; word-break: keep-all; word-wrap: break-word; padding:30px; display:table-cell; vertical-align:middle; border-bottom:1px solid #999;}
.page2 .st_in .sts .st_tb .st_cell div{font-size:22px; margin-bottom:15px; text-indent: -14px; padding-left:14px; }
.page2 .st_in .sts .st_tb .st_cell div:before{content:'●'; font-size:8px; position:relative; top:-6px; margin-right:5px; }
.page2 .st_in .sts .st_tb .st_cell div br{display:none; }
.page2 .st_in .sts .st_tb .en_cell{padding:30px 15px; font-size:20px;}
.page2 .st_in .sts .st_tb .st_th{color:#808080; font-weight:600; border-right:1px solid #999;}

@media (max-width: 950px) {
.page2 .st_in .sts .st_tb .st_cell{font-size:20px;  padding:20px;}
.page2 .st_in .sts .st_tb .st_cell div{font-size:20px; margin-bottom:12px;}
.page2 .st_in .sts .st_tb .en_cell{font-size:18px;}
}
@media (max-width: 750px) {
.page2 .st_in .sts .st_tb .st_cell{font-size:18px;  padding:15px;}
.page2 .st_in .sts .st_tb .st_cell div{font-size:18px; margin-bottom:10px;}
.page2 .st_in .sts .st_tb .en_cell{font-size:16px;}
}
@media (max-width: 640px) {
.page2 .st_in .sts .st_tb .st_row, .page2 .st_in .sts .st_tb .st_cell{display:block; border:0; }
.page2 .st_in .sts .st_tb .st_th{padding-bottom:0; }
.page2 .st_in .sts .st_tb .st_row:first-child{border-bottom:1px solid #999; }
.page2 .st_in .sts .st_tb .st_cell div{font-size:16px; margin-bottom:10px;}
.page2 .st_in .sts .st_tb .st_cell div:before{top:-4px;}
.page2 .st_in .sts .st_tb .en_cell{font-size:14px;}
}
@media (max-width: 430px) {
.page2 .st_in .sts .st_tb .st_cell{font-size:14px; padding:10px;}
.page2 .st_in .sts .st_tb .st_th{padding-bottom:0; }
.page2 .st_in .sts .st_tb .st_cell div{font-size:14px;}
.page2 .st_in .sts .st_tb .st_cell div br{display:block; }
.page2 .st_in .sts .st_tb .st_cell div:before{top:-2px;}
}

/* 매장찾기 */
.page3 .search_in{width:95%; max-width:960px; height:863px; margin:auto; overflow:hidden; vertical-align:top; padding:40px 0px; }
.page3 .search_in .col-s{font-size:22px; width:31%; height:242px; overflow:hidden; cursor:pointer; margin:1%; line-height:242px; float:left; vertical-align:middle; background:#fff; color:#808080; }
.page3 .search_in .col-s:nth-child(3n+1){clear:both;}
.page3 .search_in .col-s img{max-width:100%; max-height:242px; }
.page3 .search_in .col-bin{font-size:22px; width:100%; height:242px; line-height:242px; vertical-align:middle; text-align:center; }
.page3 .s_pager{font-size:28px; height:58px; text-align:center; margin-bottom:40px; }
.page3 .s_pager .pages{display:inline-block; font-size:28px;}
.page3 .s_pager a{color:#555; display:inline-block; padding:8px; }
.page3 .s_pager a.current{color:#993399; }
.page3 .s_pager a.pg_prev{margin-right:5px;}
.page3 .s_pager a.pg_next{margin-left:5px;}
.page3 .s_pager img{width:20px; height:34px;}

@media (max-height: 1080px) {
.page3 .search_in{height:auto;}
}
@media (max-width: 1024px) {
.page3 .search_in .col-s{height:200px; line-height:200px; font-size:20px;}
.page3 .search_in .col-s img{max-height:200px;}
.page3 .s_pager, .page3 .s_pager .pages{font-size:24px;}
}
@media (max-width: 640px) {
.page3 .search_in .col-s{width: 48%;  height:160px; line-height:160px; font-size:18px;}
.page3 .search_in .col-s img{max-height:160px;}
.page3 .search_in .col-s:nth-child(3n+1){clear:none;}
.page3 .search_in .col-s:nth-child(2n+1){clear:both;}
.page3 .s_pager, .page3 .s_pager .pages{font-size:20px;}
.page3 .s_pager img{width:15px; height:29px;}
}
@media (max-width: 430px) {
.page3 .search_in{padding:3% 0px; }
.page3 .search_in .col-s{height:110px; line-height:110px; font-size:14px;}
.page3 .search_in .col-s img{max-height:110px;}
.page3 .s_pager{margin-top:15px}
.page3 .s_pager, .page3 .s_pager .pages{font-size:18px;}
.page3 .s_pager a{padding:6px;}
.page3 .s_pager a.pg_prev{margin-right:3px;}
.page3 .s_pager a.pg_next{margin-left:3px;}
.page3 .s_pager img{width:10px; height:22px;}
}

.page3 .option_search{width:95%; max-width:960px; height:430px; margin:0px auto 66px; display: table; position:relative; overflow:hidden; background:#cacaca; border:1px solid #8f8f8f; }
.page3 .option_search .cm{display:none; position:absolute; left:-1px; top:-1px; z-index:5; border:1px solid #8f8f8f; }
.page3 .option_search .cm a{display:block; width:50px; height:50px; font-size:18px; padding:14px 0px; text-align:center; }
.page3 .option_search .cm i{font-size:24px}
.page3 .option_search .cleft{display:table-cell; width:30%; max-width:358px; vertical-align:top; background:#fff; padding:0;}
.page3 .option_search .cleft.ac{display:table-cell;}
.page3 .option_search .cleft div{border-bottom:1px solid #ccc; font-size:22px; text-align:left; padding-left:20px; }
.page3 .option_search .cleft a{display:block; padding:20px 0; text-indent: -23px; padding-left:23px; color:#808080; font-weight:600; }
.page3 .option_search .cleft div a:before{opacity:0; width:20px; height:19px; background:url(../images/search_icon.png) no-repeat; margin-right:6px; background-size:100%; content:''; display:inline-block; }
.page3 .option_search .cleft div.active{background:#cacaca}
.page3 .option_search .cleft div.active a:before{opacity:1; }
.page3 .option_search .cleft div.active a{color:#000; }
.page3 .option_search .cright{display:table-cell; width:70%; max-width:660px; text-align:left; margin:auto; padding:15px 20px;}
.page3 .option_search .cright .tab{display:none; max-width:580px; }
.page3 .option_search .cright .tab.active{display:block;}
.page3 .option_search .cright .txt{font-size:22px; margin-top:12px; margin-bottom:20px; color:#666; }
.page3 .option_search .cright .lang{font-size:34px; margin-bottom:15px; display:block; color:#808080;}
.page3 .option_search .cright .lang a{color:#808080; }
.page3 .option_search .cright .lang a.active{color:#000; }
.page3 .option_search .cright .frm{width:100%; overflow:hidden; }
.page3 .option_search .cright .frm .input_sear{float:left; width:calc(100% - 101px); text-transform: uppercase; font-size: 24px; padding:5.8px 5px; border:1px solid #999; }
.page3 .option_search .cright .frm .input_sear::-ms-clear {display: none;} 
.page3 .option_search .cright .frm .arraw_btn{float:right; width:101px; height:49.6px; border-radius:0; background:#fff; border:1px solid #999; border-left:0;}
.page3 .option_search .cright .frm .arraw_btn img{width:34px; height:26.68px; position:relative; top:-1px; }
.page3 .option_search .cright .number{display:none; margin-top:20px; }
.page3 .option_search .cright .number.active{display:block;}
.page3 .option_search .cright .number .btn{width:50px; padding: 5px; text-transform: uppercase; border-radius:50%; font-size:28px; margin-right:5px; margin-bottom:5px; position:relative; left:0px; top:0px; text-align:center; border:0; background:#fff; }
.page3 .option_search .cright .number .btn:active{left:2px; top:2px; }
.page3 .option_search .cright .search_btn {margin-top:25px; text-align:right; }
.page3 .option_search .cright .search_btn .submit_btn{width:200px; padding:5px 0px; font-size:32px; border-radius:5px; border:0; background:#808080; color:#fff; }
.page3 .option_search .cright .cates{width:100%; margin:auto; margin-top:30px;     text-align: left; }
.page3 .option_search .cright .cate_btn{width:22%; height: 46px; padding:5px 0px; margin:0px 1% 25px; font-size:24px; background:#808080; color:#fff; border-radius:5px; border:0; }
.page3 .option_search .cright .cate_btn.big{font-size:18px;}
.page3 .option_search .cright .cate_btn.bigv{font-size:16px;}
.page3 .option_search .cright .cate_btn.active{background:#fff;color:#000}

@media (max-width: 950px) {
.page3 .option_search .cleft div{font-size:20px; padding-left:15px; }
.page3 .option_search .cleft div a:before{width: 18px;height: 17px;}
.page3 .option_search .cright .txt{font-size:20px}
.page3 .option_search .cright .lang{font-size:32px;}
.page3 .option_search .cright .number .btn{font-size:24px}
.page3 .option_search .cright .search_btn .submit_btn{width:180px; font-size:28px}
.page3 .option_search .cright .cate_btn{font-size:22px;}
.page3 .option_search .cright .cate_btn.big{font-size:16px;}
.page3 .option_search .cright .cate_btn.bigv{font-size:12px;}
}
@media (max-width: 700px) {
.page3 .option_search .cleft, 
.page3 .option_search .cright{display:block; }
.page3 .option_search .cleft{display:none; position:absolute; top:49px; left:-100%; width:212px; background:transparent;  overflow:hidden; z-index:10; border:1px solid #999;}
.page3 .option_search .cleft.ac{display:block;}
.page3 .option_search .cm{display:block; }
.page3 .option_search .cleft div{font-size:18px; padding-left:30px; background:#fff; }
.page3 .option_search .cleft div a{padding:10px 0px; }
.page3 .option_search .cright{width:100%; margin:auto; padding-top:70px; }
.page3 .option_search .cright .txt{margin-top:30px; margin-bottom: 10px;}
.page3 .option_search .cright .nomar{margin-top:20px; margin-bottom:0px }
.page3 .option_search .cright .lang{font-size:28px; margin-bottom: 10px;}
.page3 .option_search .cright .search_btn .submit_btn{width:160px; font-size:24px}
.page3 .option_search .cright .cates{margin-top: 20px;}
}
@media (max-width: 430px) {
.page3 .option_search{margin-bottom:30px;}
.page3 .option_search .cright{padding: 50px 15px 15px;}
.page3 .option_search .cright .txt{font-size: 18px; margin-top:50px;}
.page3 .option_search .cright .nomar{margin-top:25px}
.page3 .option_search .cright .lang{font-size: 22px; margin-top:40px; }
.page3 .option_search .cright .frm .input_sear{width:calc(100% - 60px); height:49.6px; font-size: 20px; }
.page3 .option_search .cright .frm .arraw_btn{width:60px; }
.page3 .option_search .cright .frm .arraw_btn img{width: 25px; height:19px;}
.page3 .option_search .cright .number .btn{width: 35px;height: 35px; font-size: 18px;}
.page3 .option_search .cright .search_btn{margin-top:15px}
.page3 .option_search .cright .search_btn .submit_btn {width: 100px;font-size: 16px;}
.page3 .option_search .cright .cate_btn{width: 31%;padding: 5px;margin: 0px 0.5% 10px; font-size: 18px;}
.page3 .option_search .cright .cate_btn.sm{min-width:50px;}
.page3 .option_search .cright .cate_btn.big{font-size:14px;}
.page3 .option_search .cright .cate_btn.bigv{font-size:12px;}
}

/* 매장찾기 / 식당찾기 - 뷰 */
.page31 .p_top {width:95%; max-width:1028px; display:table; margin:15px auto 20px; }
.page31 .p_sv{margin:60px auto 30px;}
@media (max-height: 1080px) {
.page31 .p_sv{margin:15px auto 20px;}
}
.page31 .p_top .col-left{display:table-cell; width:622px; }
.page31 .p_top .col-left .col-row{display:table; width:99%; height:280px\0;  margin-right:1%; }
.page31 .p_top .col-logo{color:#666; display:table-cell; height:280px; overflow:hidden; width:280px; width:30%\0; min-width:280px; min-width:30%\0}
.page31 .p_top .col-logo.no_name{max-width:100%; height:340px; }
.page31 .p_top .col-logo .colin{font-size:22px; height:100%; background:#fff; border:1px solid #999; margin:auto; margin-right:2%; vertical-align:middle; }
.page31 .p_top .col-logo .colin img{width:100%\0; max-width:100%; max-height:100%; line-height:100%; margin: auto;}
.page31 .p_top .col-logo.w100 .colin{background:#fff}
.page31 .p_top .col-logo.w100 .colin img{max-width:100%; }
.page31 .p_top .col-info{display:table-cell; height:280px; max-width:400px; min-width:70%; min-width:70%\0;  vertical-align:top; }
.page31 .p_top .col-info .colin{padding:10px; width:100%; height:100%; text-align:left; background:#fff; border:1px solid #999; display:block;}
.page31 .p_top .col-info .colin .ctitle{font-size:22px; margin-bottom:15px; color:#010101; font-weight:600; }
.page31 .p_top .col-info .colin .cin div {font-size:16px; margin-bottom:8px; word-break: keep-all; font-weight:600; color:#666; }
.page31 .p_top .col-info .colin .cin div span{color:#000; }
.page31 .p_top .col-info .colin .cin div a{color:#666;}
.page31 .p_top .col-txt{display:table-cell; width:392px; min-width:392px\0; overflow:hidden; margin-left:8px; vertical-align:top; text-align:left; background:#fff; border:1px solid #999;}
.page31 .p_top .col-txt div{height:280px; overflow-y:auto; word-break:keep-all; padding:10px; font-size:16px; line-height:26px;  }

@media (max-width: 1024px) {
.page31 .p_top .col-logo .colin{font-size:20px;}
.page31 .p_top .col-info .colin .ctitle{font-size:22px; }
.page31 .p_top .col-info .colin .cin div {font-size:16px; margin-bottom:10px;}
.page31 .p_top .col-txt{font-size:16px; line-height:26px;}
.page31 .p_top{height:auto; margin: 15px auto 20px;}
.page31 .p_top .col-left .col-row{width:100%; margin:auto}
.page31 .p_top .col-left{display:block; width:100%; height:auto;  }
.page31 .p_top .col-logo{width:30%; min-width:30%;}
.page31 .p_top .col-info{width:70%; max-width:100%;  }
.page31 .p_top .col-logo{height:200px; margin-bottom:8px;  }
.page31 .p_top .col-logo .colin{font-size:18px; line-height:80px;}
.page31 .p_top .col-info{height:200px; margin-bottom:8px; }
.page31 .p_top .col-txt{display:block; width:100%; margin:8px auto 0px;  }
.page31 .p_top .col-txt div{height:auto;}
}
@media (max-width: 640px) {
.page31 .p_top .col-logo .colin{font-size:18px;}
.page31 .p_top .col-info .colin .ctitle{font-size:20px; }
.page31 .p_top .col-info .colin .cin div {font-size:14px; margin-bottom:4px;}
.page31 .p_top .col-txt{font-size:14px; line-height:24px;}
.page31 .p_top .col-logo .colin{font-size:16px;}
.page31 .p_top .col-logo,
.page31 .p_top .col-info{width:100%; max-width:100%; display:block;  }
.page31 .p_top .col-logo{height:250px; margin-bottom:8px;  }
.page31 .p_top .col-logo .colin{margin:auto}
}

.page31 .maps{width:95%; max-width:1028px; height:auto; margin:0px auto 30px; position:relative; border:1px solid #9b9b9b; }
.page31 .maps .map_bg{position:relative; left:0px; top:0px; width:100%; height:100%; }
.page31 .maps .map_vl{position:absolute; left:0px; top:0px; width:100%; height:100%; }
.page31 .maps img{width:100%; }
.page31 .products{width:95%; max-width:1028px; margin:0px auto 48px; position:relative; }
.page31 .products .ptitle{font-size:28px; font-weight: 600; margin-bottom:20px; color:#010101; text-align:left; }
.page31 .products .p_imgs{width:100%; overflow:hidden;}
.page31 .products .p_imgs .p_pro{float:left; width:32%; margin:0px 0.5%; display:inline-block; overflow:hidden; }
.page31 .products .p_imgs .p_pro img{width:100%; display:block; vertical-align:top}
.page31 .products .p_slider{width:80%; max-width:885px}
.page31 .products .p_slider .p_pro{display:inline-block; overflow:hidden; }
.page31 .products .p_slider .p_pro img{width:100%; display:block; vertical-align:top}
.page31 .products .swiper-button-prev,
.page31 .products .swiper-button-next{top:60%; }
.page31 .products .swiper-button-prev:focus,
.page31 .products .swiper-button-next:focus{outline:none; box-shadow:none;}
.page31 .products .swiper-button-prev {background-image: url(../images/pv_prev.png); left: 10px;right: auto;}
.page31 .products .swiper-button-next{background-image: url(../images/pv_next.png); right: 10px;left: auto;}

@media (max-width: 950px) {
.page31 .products .ptitle{font-size:24px;}
}
@media (max-width: 640px) {
.page31 .maps{margin:0px auto 30px;}
.page31 .products{margin:0px auto 30px;}
.page31 .products .swiper-button-prev, 
.page31 .products .swiper-button-next{top:60%; width: 20px;height: 37px; background-size: 20px 37px; }
}
@media (max-width: 430px) {
.page31 .products .ptitle{font-size:20px;}
.page31 .products .p_slider{width:75%;}
}

/* 업체안내 */
.page3 .event_list{margin:48px 0px 50px}
.page3 .event_list .event_row{width:95%; height:204px; margin:auto; border-bottom:1px solid #b0b0b0; padding:10px 0px; overflow:hidden; }
.page3 .event_list .event_bin{width:95%; height:204px; margin:auto; text-align:center; padding:10px 0px; overflow:hidden;}
.page3 .event_list .col-thum{float:left; width:30%; height:177px; max-width:278px; overflow:hidden;}
.page3 .event_list .col-thum .noimg{display:inline-block; width:100%; height:100%; background:#fff; border:1px solid #999; }
.page3 .event_list .col-thum img{width:100%; }
.page3 .event_list .col-subj{float:left; width:45%; text-align:left; padding-left:15px; -webkit-transition:all .5s; transition:all .5s;}
.page3 .event_list .col-subj .subj{font-size:22px; margin:5px 0px 10px; width:90%; text-overflow: ellipsis;overflow: hidden; white-space: nowrap; font-weight:600; }
.page3 .event_list .col-subj .desc{font-size:18px; line-height: 30px; width:90%; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word;}
.page3 .event_list .col-view{float:right; width:25%;}
.page3 .event_list .col-view .btn_detail{width:180px; max-width:100%; margin-top:70px; font-size:24px; background:#808080; color:#fff; text-align:center; font-weight:600; -webkit-transition:background .5s; transition:background .5s; }
.page3 .event_list .col-view .btn_detail:hover{background:#6b70b5; }
.pg_event .s_pager{height:auto; margin-bottom:50px; }

@media (max-width: 950px) {
.page3 .event_list .col-subj .subj{font-size:20px;}
.page3 .event_list .col-subj .desc{font-size:16px; line-height: 26px;}
.page3 .event_list .col-view .btn_detail{max-width:90%; font-size:22px;}
}
@media (max-width: 640px) {
.page3 .event_list{margin:28px 0px 30px}
.page3 .event_list .event_row{height:174px;}
.page3 .event_list .col-thum{height:147px}
.page3 .event_list .col-subj{width:70%; height: 86px;}
.page3 .event_list .col-view{float:none; width:100%; text-align:right; }
.page3 .event_list .col-subj .subj{font-size:18px; }
.page3 .event_list .col-subj .desc{font-size:14px; line-height: 24px; -webkit-line-clamp: 2;}
.page3 .event_list .col-view .btn_detail{width:130px; font-size:18px; margin-top: 20px; margin-left:15px;}
.pg_event .s_pager{margin-bottom:50px; }
}
@media (max-width: 430px) {
.page3 .event_list{margin:20px 0px 30px}
.page3 .event_list .event_row{height:auto;}
.page3 .event_list .col-thum{height:87px}
.page3 .event_list .col-view{clear:both; text-align:right; }
.page3 .event_list .col-subj{padding-left: 10px;}
.page3 .event_list .col-subj .subj{font-size:16px;}
.page3 .event_list .col-subj .desc{font-size:13px; line-height: 22px;}
.page3 .event_list .col-view .btn_detail{width:100%; max-width:100%; font-size:16px; margin-top: 10px; margin-left:0px;}
}

/* 업체안내 - 뷰 */
.event_page{max-width:1080px; margin:auto; }
.event_page .swiper-button-prev,
.event_page .swiper-button-next{top:45%; }
.event_page .swiper-button-prev:focus,
.event_page .swiper-button-next:focus{outline:none; box-shadow:none;}
.event_page .swiper-button-prev {background-image: url(../images/pv_prev.png); left: 3%;right: auto;}
.event_page .swiper-button-next{background-image: url(../images/pv_next.png); right: 3%;left: auto;}

@media (max-width: 640px) {
.event_page .swiper-button-prev, 
.event_page .swiper-button-next{width: 20px;height: 37px; background-size: 20px 37px; }
}
@media (max-width: 430px) {
.event_page .swiper-button-prev, 
.event_page .swiper-button-next{width: 16px;height: 33px; background-size: 16px 33px; }
}

/* 편의시설안내 */
.page6 .map{width:95%; margin:30px auto 28px; text-align:center; } 
.page6 .map img{max-width:100%; border:1px solid #9b9b9b; }
.page6 .fac_list{width:95%; max-width:960px; margin:0px auto 20px; }
.page6 .fac_list .fac_row{width:100%; border-bottom:1px solid #bababa; padding:20px 0px; display:table; overflow:hidden;}
.page6 .fac_list .fac_row:last-child{border:0; }
.page6 .fac_list .fac_row .fac_img{display:table-cell; max-width:284px; width:30%; vertical-align:middle;}
.page6 .fac_list .fac_row .fac_img img{max-width:100%; border:1px solid #999; }
.page6 .fac_list .fac_row .fac_con{display:table-cell; padding-left:18px; text-align:left; }
.page6 .fac_list .fac_row .fac_con .subj{font-size:22px; font-weight:600; margin-bottom:5px; }
.page6 .fac_list .fac_row .fac_con .con{font-size:18px; font-weight:300; }

@media (max-width: 950px) {
.page6 .fac_list .fac_row .fac_con .subj{font-size:20px; }
.page6 .fac_list .fac_row .fac_con .con{font-size:16px;}
}
@media (max-width: 640px) {
.page6 .map{margin:25px auto 23px;}
.page6 .fac_list .fac_row .fac_con .subj{font-size:18px; }
.page6 .fac_list .fac_row .fac_con .con{font-size:14px;}
}
@media (max-width: 430px) {
.page6 .map{margin:20px auto;}
.page6 .fac_list .fac_row .fac_img{display:block; max-width:100%; width:70%; margin:auto; }
.page6 .fac_list .fac_row .fac_con{display:block; width:100%; padding-left:0px; margin-top:20px;     text-align: center;}
}


#page.event_page{padding:0; }