@charset "utf-8";
  
@import url(/fonts/noto_sans/fonts.css);
/* 19.10.05 sm 위치변경 */

/************ all style **********/
html,body{overflow-x:hidden;width:100%;min-height:100%;font-size:10px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,th,td,input,select,textarea,button{margin:0;padding:0;line-height:1.6em;font-size:1.4rem;color:#555;letter-spacing:-0.03em;font-family:'NotoSans','나눔고딕',Nanum Gothic, Malgun gothic, '맑은고딕', Dotum, '돋움', arial, sans-serif}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,legend{margin:0;padding:0;} 

*{box-sizing:border-box;}

table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
td{text-align: center;}
caption,legend{overflow:hidden;position:relative;width:0;height:0;margin:0;padding:0;text-indent:-9999px;border:0;clip:rect(0,0,0,0);}

form,fieldset,img{border:0;} 
em,i,legend,address,cite,code,dfn,var{font-style:normal;font-weight:normal;} 
ol,ul,li{list-style:none;} 
h1,h2,h3,h4,h5,h6,b{font-weight:normal;}
hr{display:none;}

a{color:#666;text-decoration:none;}
a:link,a:visited{color:#666;}
a:hover,a:active,a:focus{color:#333;}

p{line-height:20px;margin:0;}

button{margin:0;padding:0;border:0;cursor:pointer;}

input[type='file'],input[type='text'],select{vertical-align:middle;}
input[type='file']{padding:0;}
input[type='text']{padding:5px;border:1px solid #ccc;}
textarea{overflow:auto;width:100%;padding:5px;border:1px solid #a9a9a9;resize:none;box-sizing:border-box;}
select{line-height:20px;border:1px solid #ccc;}

/** common **/
.hidden{overflow:hidden;display:block;position:absolute;top:-999999px;left:-999999px;width:0;height:0;line-height:0;font-size:0;text-indent:-999999px;}

/** font-weight **/
.f_wbold{ font-weight:bold !important;}
.f_w500{font-weight:500 !important;}
.f_wnormal{ font-weight:normal !important;}

/** font-color **/
.cl_red{color:#f00 !important;}
.cl_blue{color:#005ca3 !important;}
.cl_sky{color:#317acd !important;}
.cl_green{color:#149000 !important;}
.cl_orange{color:#c14c0d !important;}
.cl_gray{color:#474747 !important;}
.cl_black{color:#000 !important;}

/** font-size **/
.f_size35{font-size:35px !important}
.f_size30{font-size:30px !important}
.f_size25{font-size:25px !important}
.f_size18{font-size:18px !important}
.f_size16{font-size:16px !important}
.f_size15{font-size:15px !important}
.f_size14{font-size:14px !important}
.f_size13{font-size:13px !important}
.f_size12{font-size:12px !important}

/** background style **/
.b_img_n{background-image:none !important;}

/** align style **/
.clear{clear:both;}
.fl_wrap{overflow:hidden}
.fl{float:left;}
.fr{float:right;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}

/** inline style **/
.dis_il{display:inline !important}
.dis_ib{display:inline-block !important}
.dis_b{display:block !important}
.dis_no{display:none !important}

/** heading style **/
h1,h2,h3{margin:0;padding:0;}

/** bd_tab **/
.bd_tab { margin-top: 20px; }
.bd_tab>ul { overflow: hidden;}
.bd_tab>ul>li { float: left;}
.bd_tab>ul>li:first-child { border-left: 1px solid #999999;}
.bd_tab>ul>li>a { display: inline-block; padding: 5px 20px; font-size: 14px; font-weight: 300; color: #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; letter-spacing: -1px;}
.bd_tab>ul>li>a:hover,
.bd_tab>ul>li>a.active { color: #fff; background: #2962ff;}
.mcategory { display: none;}

/** margin style **/
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml55{margin-left:55px !important;}
.ml60{margin-left:60px !important;}
.ml65{margin-left:65px !important;}
.ml70{margin-left:70px !important;}
.ml75{margin-left:75px !important;}
.ml80{margin-left:80px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr55{margin-right:55px !important;}
.mr90{margin-right:90px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}

/** padding style **/
.pt0{padding-top:0 !important;;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}

.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}
.pr55{padding-right:55px !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}

/** size % **/
.size_100per{width:100% !important;}
.size_95per{width:95% !important;}
.size_90per{width:90% !important;}
.size_85per{width:85% !important;}
.size_80per{width:80% !important;}
.size_75per{width:75% !important;}
.size_70per{width:70% !important;}
.size_65per{width:65% !important;}
.size_60per{width:60% !important;}
.size_55per{width:55% !important;}
.size_50per{width:50% !important;}
.size_45per{width:45% !important;}
.size_40per{width:40% !important;}
.size_35per{width:35% !important;}
.size_30per{width:30% !important;}
.size_25per{width:25% !important;}
.size_20per{width:20% !important;}
.size_15per{width:15% !important;}
.size_10per{width:10% !important;}


/*지도*/
.h3_type03{background: url(/images/place2016/acc/sub/map/sub6-dot.gif) no-repeat left center; padding-left:25px; color:#000; font-size:18px; line-height:18px; margin-bottom:10px; clear:both}

/* 아이콘박스*/
.shop_icon{width:100%; margin-bottom:30px; display:table}
.shop_icon ul{width:16.6%; height:210px; display:block; float:left; text-align:center; letter-spacing:-1px;line-height:16px; border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd; box-sizing:border-box; position:relative}
.shop_icon ul:nth-child(1){border-left:1px solid #ddd; }

.shop_icon ul:nth-child(odd) li:nth-child(2){background:#e0e5ec}
.shop_icon ul:nth-child(even) li:nth-child(2){background:#edf1f7}

.shop_icon li:nth-child(1){position:absolute; top:1px; left:1px; width:22px; height:22px; color:#fff; display:block; line-height:22px; font-weight:600; background:#1f70bc; font-size:12px}
.shop_icon li:nth-child(2){padding:11px 0 6px 0; }
.shop_icon li:nth-child(3){color:#000; font-size:14px; font-weight:600; background:url(/images/place2016/acc/sub/map/shop_title_bg.png) no-repeat center bottom; padding:10px 0}
.shop_icon li:nth-child(4){color:#444; font-size:12px; padding:10px 0 3px 0}
.shop_icon li span{color:#F30; display:block}

.btn_shop{color:#114fb5; border:1px solid #114fb5; font-size:12px; height:20px; width:55px; line-height:20px; display:inline-block; margin-top:5px}
/* 230906 지도 버튼 추가 */
.btn_shop2{color:#114fb5; border:1px solid #114fb5; font-size:12px; line-height:20px; display:inline-block; margin-top:5px}


/* search */
.order ul{width:49%; float:left}
.order ul:last-child{float:right}

.search_shop{width:100%; background:#f7f7f7; border:1px solid #ddd; box-sizing:border-box; padding:20px; margin-bottom:30px; text-align:center }
.search_shop input{height:30px; line-height:30px; box-sizing:border-box; border:1px solid #ddd; }
.search_shop input[type="text"]{width:50%; margin-right:5px}
.search_shop input[type="button"]{background:#01449f; color:#fff; border-radius:0; padding:0 20px; border:none; }
.search_shop input[type="button"]:hover{cursor:pointer}
.search_shop label{font-weight:600; padding-right:5px}



/* 테이블 */
.shop_tbl{width:100%;border-collapse:collapse;border-top:2px solid #535a75;line-height:20px; margin-bottom:30px}
.shop_tbl th, .shop_tbl td{font-size:14px; border-left:1px solid #d5d5db;text-align:center}
.shop_tbl th{background:#f2f4fb;color:#103581;border-bottom:1px solid #d5d5db; font-weight:600; padding:10px; }
.shop_tbl td{border-bottom:1px solid #d5d5db; padding:5px 10px; height:25px; }
.shop_tbl th.none_left, .shop_tbl td.none_left{border-left:none!important}
.shop_tbl td.left{text-align:left}
.shop_tbl tfoot th{border-bottom:1px solid #535a75; font-size:18px; padding:15px }

.shop_tbl.type_01 th{width:120px}


.map_dis li{text-align:center; padding-left:0!important; margin-bottom:0!important;}
.map_dis li:nth-child(1){color:#000; font-weight:600}
.map_dis li:nth-child(2){font-size:12px}
.map_dis br{display:none}


/* 팝업창 */

.popup{width:766px; border:5px solid #0050bf; box-sizing:border-box}
.popup_top{position:relative; background:#0050bf; height:60px; padding:0 50px 0 20px}
.popup_top li:nth-child(1){font-size:20px; letter-spacing:-1px; color:#fff; line-height:55px }
.popup_top li:nth-child(2){position:absolute; right:15px; top:15px; background:url(/images/place2016/acc/sub/map/icon_close.png) no-repeat center; width:30px; height:30px; text-indent:-999px }
.popup_top li:nth-child(2):hover{cursor:pointer}

.popup_contents{padding:30px}

.popup input{height:30px; line-height:30px; box-sizing:border-box}
.popup input[type="text"]{border:1px solid #ddd; }
.popup input[type="button"]{background:#01449f; color:#fff; border-radius:0; padding:0 20px; border:none; }
.popup input[type="button"]:hover{cursor:pointer}

.popup input[type=checkbox]{width:0;height:28px;opacity:0}
.popup input[type=checkbox] + label{height:28px; display:inline-block;width:auto; padding-left:35px;background-repeat:no-repeat;background-position:left top;text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box; color:#444; font-weight:600; font-size:15px}
.popup input[type=checkbox] + label{background-image:url(/images/place2016/acc/sub/map/input_default.png); }
.popup input[type=checkbox]:checked + label{background-image:url(/images/place2016/acc/sub/map/input_checked.png); color:#000; font-weight:600}
.popup input[type=checkbox]:disabled + label{background-image:url(/images/place2016/acc/sub/map/input_disable.png)}
.popup input[type=checkbox] + label:hover,input[type=checkbox]+ label:focus{cursor:pointer}

.popup select{border:1px solid #ddd;height:32px; line-height:32px; box-sizing:border-box;}

.shop_tbl li{position:relative; display:block; margin-bottom:5px; padding-left:70px}
.shop_tbl li label{position:absolute; display:block; width:70px; left:0; top:0; font-weight:600; height:32px; line-height:32px; }

#name{width:150px}
#address_num{width:150px}
#address{width:100%}
#address_detail{width:100%}
#email{width:400px}
#phone_1{width:80px}
#phone_2{width:80px}
#phone_3{width:80px}


.pers_agree{margin-bottom:30px; }
.pers_agree ul{padding:20px; border:1px solid #ddd; background:#f9f9f9 }


.etc li{background:url(/images/place2016/acc/sub/map/blit_02.png) no-repeat 10px 8px; padding:0 0 5px 25px}
.etc a{color:#444}
.etc a:hover{color:#009; text-decoration:underline}


.btn_order{text-align:center; margin:10px 0 30px 0; height:50px}
.btn_order a{background:#16467c; color:#fff; font-size:16px; border:none; padding:15px 40px; }
.btn_order a:hover{cursor:pointer;background:#0057ba}


.pop-layer .pop-container { /*padding: 20px 25px ; */} 
.pop-layer p.ctxt {color: #666 ;line-height: 25px ; } 
.pop-layer .btn-r {width: 100% ;margin: 10px 0 20px ;padding-top: 10px ;border-top: 1px solid #DDD ;text-align: right ; } 
.pop-layer {display:none;position: absolute; top: 20% ; left: 15% ; width: 765px ; height: auto ; background-color: #fff ; z-index: 10 ; } 
.dim-layer {display: none ; position:absolute;  top: 0 ; left: 0 ; width: 100% ; height: 100% ; z-index: 100 ; } 
.dim-layer .dimBg {position: absolute ; top: 0 ; left: 0 ; width: 100% ; height: 100% ; } 
.dim-layer .pop-layer {display: block ; } 
.layer_title{margin-bottom: 30px ; } 

.close_01{position:absolute; display:bolck; width:42px; height:42px; top:1px; right:2px; background:url(/images/place2016/acc/sub/map/icon_close2.png) center; text-indent:-9999px }

.map_list{position:relative; padding-bottom:20px}
.pop_map{display:none; position:absolute; top:0; left:0; z-index:100; }
.pop_map a{position:absolute; display:bolck; width:42px; height:42px; top:0; right:0; background:url(/images/place2016/acc/sub/map/icon_close2.png) center; text-indent:-9999px }
.pop_map a:hover{cursor:pointer}
.pop_map img{width:100%}

.shop_qna p{line-height:22px;color:#444; }

.blue{color:#114fb5; }
.blue a{color:#114fb5; }
.blue a:hover{text-decoration:underline}
.black{color: #000!important}

.f20{font-size:15px; padding-bottom:5px;font-weight:500; }


@media all and (max-width:978px){
.pop-layer {display:none;position:absolute; top:0; left:0; width:100%;}
.popup{width:100%;}
}



@media all and (max-width:768px){
.pop_map{width:100%}
.pop_map img{width:100%}
}

@media all and (max-width:750px){
		
.shop_qna br{display:none}

.popup_top{padding:0 50px 0 15px}

.popup_contents{padding:20px}

.shop_tbl th:nth-child(7),
.shop_tbl td:nth-child(7),
.shop_tbl tbody tr:nth-child(10) td:nth-child(4),
.shop_tbl tfoot th:nth-child(3),
.map_dis li:nth-child(2),
.map_dis li:nth-child(3){display:none}

}






@media all and (max-width:640px){


.shop_icon ul{width:33.3%; }
.shop_icon ul:nth-child(1),
.shop_icon ul:nth-child(2),
.shop_icon ul:nth-child(3){border-bottom:none}
.shop_icon ul:nth-child(4){border-left:1px solid #ddd; }

.order ul{width:100%; float:none}
.order ul:last-child{float:none}

.popup_top{padding:0 50px 0 10px}
.popup_top li:nth-child(1){font-size:18px;}

.popup_contents{padding:10px}
.h3_type03{ padding-left:22px; font-size:16px; line-height:16px}

.shop_tbl th{padding:10px 2px; font-size:13px}
.shop_tbl td{padding:5px 2px; font-size:12px}
.shop_tbl tfoot th{font-size:15px;}

.shop_tbl.type_01 th{width:80px}
.shop_tbl.type_01 td{padding:5px}
.shop_tbl li{padding-left:55px}
.shop_tbl li label{width:55px;}

.map_dis br{display:block}
.map_dis li:nth-child(1){font-size:13px}

}

@media all and (max-width:540px){
#name{width:100%}
#email{width:100%}
.popup_top li:nth-child(1) span{display:none}

}

@media all and (max-width:430px){
	
.popup input[type="button"]{padding:0 10px;}
#address_num{width:120px}
#phone_1{width:50px}
#phone_2{width:50px}
#phone_3{width:50px}

}

@media all and (max-width:350px){
.shop_icon li:nth-child(4) br{display:block}
}