@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
/* CSS Document */
*{font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.05em; word-break: keep-all; }
body{ margin:0; padding:0; font-size: 15px }
ul{margin: 0; padding: 0; list-style:none;}
li{transition: 0.2s ease; list-style:none;}
table{padding:0; border-spacing:0px; border:0; border-collapse:collapse;}
table caption{font-size:0;text-indent:-9999em;}
th, td {padding:0px;border:0; }


textarea {resize: none;}
li:hover{transition: 0.2s ease}
a{transition: 0.2s ease;text-decoration: none; color: #8BBC07; cursor: pointer; outline:none;}
a:hover{text-decoration: none; cursor: pointer; }
.wrap{ width:100%; float:left;}
.wrapB{width:1180px; margin:0 auto;}
.bar{width: 100%; float: left; height:1px;}
.table{display: table;width: 100%;}
.middle{display: table-cell; vertical-align: middle}
.csr_a{cursor:auto !important;}
.left{float: left;}
.right{float: right;}
.pc_left{float: left;}
.pc_right{float: right;}
.ds_b{display:block;}
.cb{clear:both !important;}
.pos_r{position:relative !important;}
.pc_none{display:none}
.cb:after{content:""; display:block; float:none; clear:both;}
.tdudl{text-decoration:underline !important;}

.gap4{float: left;width: 100%;height: 4px;}
.gap10{float: left;width: 100%;height: 10px;}
.gap20{float: left;width: 100%;height: 20px;}
.gap30{float: left;width: 100%;height: 30px;}
.gap40{float: left;width: 100%;height: 40px;}
.gap50{float: left;width: 100%;height: 50px;}
.gap40m{float: left;width: 100%;height: 40px;}
.gap60{float: left;width: 100%;height: 60px;}
.gap80{float: left;width: 100%;height: 80px;}
.gap100{float: left;width: 100%;height: 100px;}
.gap120{float: left;width: 100%;height: 120px;}
.gap140{float: left;width: 100%;height: 140px;}
.gap160{float: left;width: 100%;height: 160px;}
.gap180{float: left;width: 100%;height: 180px;}
.gap200{float: left;width: 100%;height: 200px;}

.ud1{margin: 1% 0}
.ud2{margin: 2% 0}
.ud3{margin: 3% 0}
.ud4{margin: 4% 0}
.ud5{margin: 5% 0}
.ud6{margin: 6% 0}
.ud7{margin: 7% 0}
.ud8{margin: 8% 0}
.ud9{margin: 9% 0}
.ud10{margin: 10% 0}
.ud10{margin: 12% 0}

.lr1{margin: 0 1%}
.lr2{margin: 0 2%}
.lr3{margin: 0 3%}
.lr4{margin: 0 4%}
.lr5{margin: 0 5%}
.lr10{margin: 0 10%}
.lr12{margin: 0 12%}
.lr15{margin: 0 15%}
.lr18{margin: 0 18%}
.lr19{margin: 0 19%}
.lr20{margin: 0 20%}

.l1{margin-left:1%}
.l2{margin-left:2%}
.l3{margin-left:3%}
.l4{margin-left:4%}
.l5{margin-left:5%}
.l6{margin-left:6%}
.l7{margin-left:7%}
.l8{margin-left:8%}
.l9{margin-left:9%}
.l10{margin-left:10%}
.l15{margin-left:15%}
.l20{margin-left:20%}

.r1{margin-right:1%}
.r2{margin-right:2%}
.r3{margin-right:3%}
.r4{margin-right:4%}
.r5{margin-right:5%}
.r6{margin-right:6%}
.r7{margin-right:7%}
.r8{margin-right:8%}
.r9{margin-right:9%}
.r10{margin-right:10%}
.r15{margin-right:15%}
.r20{margin-right:20%}
 
.ma1{margin: 1%}
.ma2{margin: 2%}
.ma3{margin: 3%}
.ma4{margin: 4%}
.ma5{margin: 5%}
 
.pa1{padding: 1%}
.pa1-2{padding: 1.2% 0;}
.pa2{padding: 2%}
.pa3{padding: 3%}
.pa4{padding: 4%}
.pa5{padding: 5%}
.pa6{padding: 6%}
.pa7{padding: 7%}
.pa8{padding: 8%}
.pa9{padding: 9%}
.pa10{padding: 10%}


.w140{width:140px;}
.w180{width:180px;}

.div{width: 100%; float: left; height: 1px;}

#mask{position: fixed;width: 100%;height: 100%;top:0;left: 0;z-index: 1;background-color: rgba(0,0,0,0.6);display: none;}

.oper07{opacity: 0.7; filter: opacity(0.7)}

.big_btn{background-color: #8bbc07;color: #fff;border-radius: 5px;padding: 10px 30px;float: left;}

.btnpn1{width: 100%; border: 1px solid #8bbc07; border-radius: 3px; color: #fff; background-color: #8bbc07; text-align: center; padding: 8px 0; font-weight: bold;font-size: 1em;}
a .btnpn1:hover {transition: 0.2s ease; background: #fff; border: 1px solid #8bbc07; cursor: pointer; color: #8bbc07;}

.btnpn2{width: 100%;border: 1px solid #626b73;border-radius: 3px;color: #fff;background-color: #626b73;text-align: center;padding: 8px 0;font-weight: bold;font-size: 1em;}

.txt_mark{display:inline-block;background:#94ce0d;color:#fff;padding:3px 15px;}


/* TYPE */
h1, h2, h3, h4, h5{ margin:0; font-weight: 500;}
h1{font-size: 2.4em;}
h2{font-size: 1.8em}
h3{font-size: 1.6em}
h4{font-size: 1.4em}
h5{font-size: 1.2em;line-height: 1.4em;}
h6{font-size: 1em;font-weight:400;}
p{ color: #888; font-weight: 300; line-height: 1.6em; padding: 0; margin: 0;}
.font-ss {font-size: 0.6em;}
.font-s {font-size: 0.8em;}
.font-b {font-size: 1.1em;}
.head-lineheight {line-height: 1.5em;}
.f100{font-weight: 100}
.f200{font-weight: 200}
.f300{font-weight: 300}
.f400{font-weight: 400}
.f500{font-weight: 500}
.f600{font-weight: 600}
.t_center{text-align: center}
.t_left{text-align: left}
.t_right{text-align: right}
.moreinfo{float: left; margin: 40px 0; padding-right: 80px; cursor: pointer; line-height: 1em; border-right: 0px solid rgba(255,255,255,0);transition: 0.4s ease}
.moreinfo:hover{transition: 0.4s ease; border-right: 1px solid #8bbc07; padding-right: 10px; }
.moreinfo2{margin: 40px 0; padding-right: 0px; cursor: pointer; line-height: 1em; border-right: 0px solid rgba(255,255,255,0);transition: 0.4s ease}
.moreinfo2:hover{transition: 0.4s ease; border-right: 1px solid #8bbc07; padding-right: 10px; }
.lh12{line-height:1.2em;}

/* FONT COLOR*/
.cfff{ color:#fff;}
.c222{ color:#222;}
.c333{ color:#333;}
.cpn{  color:#8bbc07;}
.cfff{color:#fff;}
.c000{color:#000}
.c666{color:#666}
.c888{color:#888}
.c999{color:#999;} 
.caaa{color:#aaa}
.c626 {color: #626b73;}
.ccc {color: #ccc;}

.c615{color:#615045;}
.c94ce0d{color:#94ce0d !important;}
.cfff p{color: rgba(255,255,255,0.7)}

/* BG COLOR */
.be6{ background-color:#e6e6e6;}
.bfff{ background-color:#fff;}
.bpn{ background-color:#8bbc07;}
.beee{background-color: #eee;}
.be3{background-color: #e3e3e3;}
.bebe{background-color: #ebebeb;}
.bddd{background-color: #ddd;}
.b626{background-color: #626b73}
.b666{background-color: #666}
.b333{background-color: #333}
.b383{background-color:#38362f}
.bfa{background-color: #fafafa}
.bf2{background-color: #f2f2f2}
.bf3{background-color: #f3f3f3}
.bf4{background-color: #f4f4f4}
.bf5{background-color: #f5f5f5}
.bf6{background-color: #f6f6f6}
.bf7{background-color: #f7f7f7;}
.bf8{background-color: #f8f8f8;}
.bf9{background-color: #f9f9f9}
.b393{background-color: #39362f}
.b999{background-color: #999}
.hcf p{color: rgba(255,255,255,0.7)}
.bccc{background-color: #ccc}
.bffa{background-color: rgba(255,255,255,0.5)}
.bfbf{background-color: #fbfbfb;}
.bfcf{background-color: #fcfcfc}
.bf2f{background-color: #f2f2f2}
.b403 {background-color: #403F38;}
.b838 {background-color: #83837F;}
.bef {background-color: #efefef;}
.bd3 {background-color: #eee;}

/* 메인 GNB */
.head{position: fixed;z-index: 300;}
.logo{float:left;width:100%;padding:13px 0 10px;text-align:center;}
.logo img{width: 100px;}
.gnb{float:left;padding: 0;margin-left: 32px;}
ul.mainGnb{margin-right: 20px;}
.gnb ul{display: inline;margin-top: 0px;float: left;}
.gnb li{display:inline-block;margin-left: 20px;cursor: pointer;float: left;font-size: 1em;padding: 24px 0;}
.gnb li:hover{color:#8bbc07;}
.gnb a{color: #222;}
.gnb a:hover{color:#8bbc07;}
.subGnb{}
.subGnb li{
    font-size: 0.9em;
    padding: 24px 0;
} 
.sub_con{position: fixed;width: 100%;background-color:rgba(0,0,0,0.8);left: 0;top: 69px;z-index: 3;display: none;}
.loginBtn{
	float:right;
	width: 87px;
	text-align: center;
	padding: 6px 0;
	color:#fff;
	border-radius: 3px;
	margin-top: 15px;
	background-color: #8bbc07;
	border: solid 1px #8bbc07;
	cursor: pointer;
    transition: 0.2s ease;
	}
.loginBtn:hover{background-color:#fff; color:#8bbc07;transition: 0.2s ease;}
.sub_con ul{display: block;margin: 0;}
.sub_con li{width: 100%;margin: 0;padding-left: 20px;}
.sub_con a{color: #fff;text-decoration: none;font-size: 1.1em;line-height: 2em; width: 100%;}
.sub_con a:hover{color: #8bbc07}
.sub_menu_wrap{float: left;font-size: 14px; min-height: 180px;}
.main_ul ul{float: left;width: 184px;}
.itinfo .sub_menu_wrap{margin-left: 215px;}
.ncinfo .sub_menu_wrap{margin-left: 240px;}
.buyinfo .sub_menu_wrap{margin-left: 316px;}
.svinfo .sub_menu_wrap{margin-left: 400px; }
.pninfo .sub_menu_wrap{margin-left: 506px;}
.evinfo .sub_menu_wrap{margin-left: 572px;}
.sub_menu_wrap h6{float: left;line-height: 1.8em;color: #8bbc07;}
.sub_menu_wrap li{padding: 0;margin-left: 20px;font-size: 0.9em;}
.gnb_right{float: right;/*margin-top: 20px;*/}
.gnb_right_li{
    float: right;
    display: inline-block;
    margin-left: 7px;
} 
.gnb_right a{color: #222;}
a.sub_a{color: #999;}
.gnb_right a:hover{color: #8bbc07; text-decoration: none;}
.swissmenu {position: absolute;left: 50%;margin-left: -610px!important;}
.gnb .subGnb a.subtop {color: #999999;}


/* 가까운 센터 네비 */
.near{padding: 16px 0;float:left;width:100%; font-size: 0.9em;}
.near1{float:left;}
.near1 ul{display: inline;float: left;width: 500px;margin-left: 30px;}
.near1 li{display: inline-block;margin-left: 26px;cursor: pointer;color: #ccc;}
.near1 li:hover{color: #fff;}
.near_r{float:right;color:#ccc;font-size: 0.9em;}
.near_r:hover{color: #8bbc07; cursor: pointer}

/* 오른쪽 SNS */
.snsBox{position:fixed;right:0;width: 51px;top: 50%;margin-top: -138px; z-index: 900; display:none !important;}
.snsBox ul{display:table;margin-top: 60px;}
.snsBox li{width: 53px;height: 53px;border:1px solid #eee;margin-top:-1px;text-align:center;display:table-cell;float: left;background-color: #fff;opacity: 0.7;filter: opacity(0.7);transition: 0.2s ease;cursor: pointer;vertical-align: middle;}
.snsBox li:hover{ background-color:#eee; opacity: 1; filter: opacity(1); transition: 0.2s ease}
.snsBox img{height: 28px;margin-top: 12px;}


/* 컨텐츠 */
.contents{/*margin-top:114px;*/ float: left;width: 100%;}
.conBox{ padding: 60px 0; width: 100%; float: left}
.pageTit{padding: 40px 0; }
 

/* COL */
.c5{width: 5%}
.c8{width: 8%}
.c10{width: 10%}
.c13{width: 13%}
.c15{width: 15%}
.c20{width:20%}
.c24{width:24%}
.c25{width:25%}
.c30{width:30%;}
.c33{width:33.3%}
.c35{width:35%}
.c40{width:40%;}
.c45{width:45%;}
.c48{width:48%;}
.c50{width:50%;}
.c53{width:53%;}
.c55{width:55%;}
.c60{width:60%}
.c65{width:65%}
.c70{width:70%}
.c75{width:75%}
.c79{width:79%}
.c80{width:80%}
.c85{width:85%}
.c90{width:90%}
.c100{width: 100%;}
.c_center{margin: 0 auto}
.c_middle{display: table-cell; vertical-align: middle}

/* footer */
.footer{margin-bottom: 150px;padding-top: 20px;margin-top: 0px;}
.footer li{display: inline-block;border-right: 1px solid #ccc;color: #999;padding-right: 10px;margin-right: 10px;font-size: 14px;line-height: 0.9em;font-weight: 300;}
.footer p{margin-top: 0;color: #999;font-size: 14px;}
.footer p b{font-weight:500;}
.footer a{color: #999;}

/*아이프레임*/ 
iframe {border:none;}

/*박스*/
.box {width:270px; height: 270px; border:1px solid #ddd; background: #fff; display: table;}
.box-txt {display: table-cell; vertical-align: middle; text-align: center;}
.sc {border-radius: 100%; width:40px; height: 40px; border:1px solid #8bbc07; display: table}
.sc p {display: table-cell; vertical-align: middle; font-weight: 600; padding: 8px 17px;}

/*포낙컬러 원형*/
.cercle-g {border-radius: 100%; width:40px; height: 40px; display: table; background: #8BBC07; }
.cercle-g p {display: table-cell; vertical-align: middle; font-weight: 600; color: #fff; text-align: center}


.swissmenu img{float: left;}
.swissmenu h6{float: left; width: 100%;}

/*테이블*/
th {font-weight: 400; border:1px solid #f4f4f4;}
td {border:1px solid #f4f4f4;}
.pl {padding-left: 4%;}
.table-n {border:none; background:#fff;}

.tip-box {width: 320px; height: 100px; display: table}
.tip-box p {vertical-align: middle; display: table-cell;}


/*앵커*/
.anchor {padding:1.2% 30px; color: #333; font-weight: 500;}
.anchor:hover {background: #8BBC07; color: #fff;}
 
/*탭메뉴*/
.child_nav {background: #8BBC07;}
.child_nav ul li {}
.child_nav ul li a {width: 100%; background: #8BBC07; color: #fff;}
.z-tab {background: #8BBC07;}
.z-tabs.white > ul > li > a {background:#8BBC07!important; }


.lt_title a{color: #222;}
.lt li a{color: #222;}


/*정보수정&로그아웃 버튼*/
.editBtn{
    margin-right: 5px;
	float:right;
	width: 87px;
	text-align: center;
	padding: 6px 0;
	color:#fff;
	border-radius: 3px;
	margin-top: 15px;
	background-color: #999999;
	border: solid 1px #999999;
	cursor: pointer;
    transition: 0.2s ease;
	}
.editBtn a {color: #fff;}
.editBtn:hover{background-color:#fff; color:#999;transition: 0.2s ease;}

.logoutBtn{
	float:right;
	width: 87px;
	text-align: center;
	padding: 6px 0;
	color:#fff;
	border-radius: 3px;
	margin-top: 15px;
	background-color: #333;
	border: solid 1px #333;
	cursor: pointer;
    transition: 0.2s ease;
	}
a.logoutBtn {color: #fff;}
.logoutBtn:hover{background-color:#fff; color:#333;transition: 0.2s ease;}
a.logoutBtn:hover {color:#333; }


.mbskin .bpn{background-color: transparent;}
.mbskin .bfff{background-color: transparent;}

.pos_img{position:absolute;}
.pos_img.am{top:-90px;right:0;}


/* 2020.04.10 추가 - 메인리뉴얼 / 가산점 (pc,m 통합 css) */


/***********************
			 PC
************************/

.cf:after{content:'';clear:both;display:block;height:0;}
.c_blue{color:#0054a5 !important;}
.c_green{color:#84c34b !important;}
.bg_gray{background:#f5f5f7;}

/*header*/
#branch_header{width:100%;height:109px;border-bottom:1px solid #e8e8e8;line-height:109px;}
#branch_header .branch_hd_inr{width:1200px;height:100%;margin:0 auto;}
#branch_header .branch_hd_inr:before{content:'';clear:both;display:block;height:0;}

.branch_hd_inr .branch_logo{float:left;display:inline-block;}
.branch_hd_inr .branch_logo a{display:block;}
.branch_hd_inr .branch_logo a img{}

.branch_hd_inr .branch_nav{float:right}
.branch_hd_inr .branch_nav .branch_gnb{}
.branch_hd_inr .branch_nav .branch_gnb li{float:left;height:110px;margin-left:105px;}
.branch_hd_inr .branch_nav .branch_gnb li a{color:#202020;font-size:22px;letter-spacing:-0.015em;}


/* 메인 */
#branch_container{}
#branch_container:after{content:'';clear:both;display:block;height:0;}
#branch_container{}

/* 메인 비주얼 */
/*고정*/
#branch_visual{position:relative;}
#branch_visual .vs_inr{position:relative;top:0;left:50%;z-index:100;width:1200px;margin:0 0 0 -600px;}
#branch_visual .branch_top_info{position:absolute;top:0;left:0;width:360px;padding:65px 23px 0;box-sizing:border-box;background:#fff;}
#branch_visual .branch_top_info ul{}
#branch_visual .branch_top_info ul li{padding:30px 0;border-bottom:1px solid #e5e5e5;text-align:center;}
#branch_visual .branch_top_info ul .big_title{}
#branch_visual .branch_top_info ul .big_title strong{color:#2f2f2f;font-size:28px;line-height:1;letter-spacing:-0.045em;}
#branch_visual .branch_top_info ul .advice_tell{}
#branch_visual .branch_top_info ul .advice_tell p{color:#5a5a5a;font-size:20px;font-weight:500;line-height:1;}
#branch_visual .branch_top_info ul .advice_tell p img{display:inline-block;margin:0 8px 0 0;}
#branch_visual .branch_top_info ul .advice_tell .tell_num{display:block;margin:15px 0 0 0;color:#84c34b;font-size:40px;letter-spacing:-0.045em;font-family: 'Roboto', sans-serif;line-height:1;}
#branch_visual .branch_top_info ul .office_hours{border:none;}
#branch_visual .top_reserv_btn{position:absolute;top:482px;left:0;width:360px;height:70px;background:#84c34b;}
#branch_visual .top_reserv_btn a{display:block;width:100%;text-align:center;color:#fff;font-size:20px;line-height:70px;}



/* 영업정보 */
ul .office_hours{padding:30px 0 30px 65px !important;box-sizing:border-box;text-align:left !important;}
ul .office_hours .open_date{margin:0;line-height:28px;font-size:16px;}
ul .office_hours .open_date dt{display:inline-block;margin:0 5px 0 0;color:#000;letter-spacing:-0.045em;font-weight:500;}
ul .office_hours .open_date dd{display:inline-block;margin:0;color:#282c37;}
ul .office_hours .rest{color:#ea1818;line-height:28px;}

/*슬라이드*/
#branch_visual .branch_main_top_banner{position:relative;width:100%;}
#branch_visual .branch_main_top_banner .slide{width:100%;}
#branch_visual .branch_main_top_banner .slide .vis{height:614px;width:100%;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;overflow:hidden;}
#branch_visual .branch_main_top_banner .slide .vis > a{display:block;width:100%;height:100%;}
#branch_visual .branch_main_top_banner .slide .vis.main_visual01{width:100%;background-image:url('/img/main_visual_img01.jpg');}
#branch_visual .branch_main_top_banner .slide .vis.main_visual02{width:100%;background-image:url('/img/main_visual_img01.jpg');}
#branch_visual .branch_main_top_banner .slide .vis.main_visual03{width:100%;background-image:url('/img/main_visual_img01.jpg');}
#branch_visual .branch_main_top_banner .slide .vis.first_banner{}
#branch_visual .branch_main_top_banner .slide .vis.first_banner .mv_txt01{position:absolute;top:111px;left:50%;z-index:50;width:555px;margin:0 0 0 -90px;}
#branch_visual .branch_main_top_banner .slide .vis.first_banner h2{margin-bottom:32px;color:#272a2c;font-size:44px;line-height:57px;}
#branch_visual .branch_main_top_banner .slide .vis.first_banner p{margin-bottom:30px;color:#666;font-size:20px;letter-spacing:-0.045em;}
#branch_visual .branch_main_top_banner .slide .vis.first_banner a{display:block;width:210px;height:58px;border:1px solid #1b1b1b;line-height:58px;color:#1b1b1b;font-size:18px;text-align:center;}
#branch_visual .branch_main_top_banner .arrow_vis{}
#branch_visual .branch_main_top_banner .arrow_vis div{position:absolute;top:50%;margin-top:-35px;}
#branch_visual .branch_main_top_banner .arrow_vis .prev{left:50%;margin-left:-650px;}
#branch_visual .branch_main_top_banner .arrow_vis .next{right:50%;margin-right:-650px;}

.branch_main_top_banner .bx-wrapper .bx-pager{position:absolute;bottom:70px;left:0;height:6px;padding:0;}
.branch_main_top_banner .bx-wrapper .bx-pager.bx-default-pager a{width:36px;height:6px;margin:0 6.5px;border-radius:0;border:0;background:#d9d9dc;}
.branch_main_top_banner .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.branch_main_top_banner .bx-wrapper .bx-pager.bx-default-pager a.active{border:0;background:#84c34b;}



/* 메인 내용 */
#branch_section{}
#branch_section > div{padding:160px 0;}
#branch_section .main_con_title{text-align:center;}
#branch_section .main_con_title h2{color:#111;font-size:44px;font-weight:600;line-height:1}
#branch_section .main_con_title p{margin-top:34px;color:#747474;font-size:18px;font-weight:400;line-height:31px;}
#branch_section .inner_con{width:1200px;margin:0 auto;}
#branch_section .main_content{position:relative;margin-top:80px;}

.branch_main_goods{}
.branch_main_goods .rolling_con{}
.branch_main_goods .rolling_con li{float:left;width:380px;/*margin:0 0 0 30px;*/}
.branch_main_goods .rolling_con li:first-child{margin:0;}
.branch_main_goods .rolling_con li .thum{height:236px;overflow:hidden;}
.branch_main_goods .rolling_con li .thum a{display:block;max-width:380px;height:100%;text-align:center;}
.branch_main_goods .rolling_con li .thum a img{display:inline-block;height:100%;}
.branch_main_goods .rolling_con li .txt_box{position:relative;width:380px;height:157px;padding:35px 28px 0;border:1px solid #e5e5e5;box-sizing:border-box;}
.branch_main_goods .rolling_con li .txt_box a{color:#222;}
.branch_main_goods .rolling_con li .txt_box a .title{display:block;margin-bottom:13px;font-size:24px;}
.branch_main_goods .rolling_con li .txt_box a .txt{color:#5d5d55;font-size:17px;line-height:27px;letter-spacing:-0.076em;}
.branch_main_goods .rolling_con li .txt_box a .more{position:absolute;top:40px;right:28px;font-size:17px;} 
.branch_main_goods .rolling_con li .txt_box a .more img{display:inline-block;margin:-3px 0 0 10px;}
.branch_main_goods .arrow{}
.branch_main_goods .arrow div{position:absolute;top:50%;margin-top:-23px;}
.branch_main_goods .arrow .prev{left:-40px;}
.branch_main_goods .arrow .next{right:-40px;}

.branch_main_center{}

/* 200526 수정 */
#branch_section .branch_main_center .inner_con{width:1280px;}
.branch_main_center .main_content{margin-top:-60px;}
.branch_main_center .center_sec{margin-top:60px;}
.branch_main_center .center_sec:after{content:'';display:block;clear:both;height:0;}
.branch_main_center .center_sec .fll{float:left;}
.branch_main_center .center_sec .flr{float:right;}
.branch_main_center .center_sec .center_info{width:50%;}
.branch_main_center .center_sec .center_img img{width:650px;height:430px;}
.branch_main_center .center_sec .center_txt{position:relative;}
.branch_main_center .center_sec .center_txt .info_box{position:absolute;top:70px;left:85px;}
.branch_main_center .center_sec .center_txt .info_box h4{margin-bottom:30px;}
.branch_main_center .center_sec .center_txt .info_box h4 strong{font-size:30px;line-height:42px;}
.branch_main_center .center_sec .center_txt .info_box p{color:#666;font-size:16px;line-height:29px;}
/**/

.branch_main_center .center_wrap{margin:0 0 0 -20px;font-size:0;}
.branch_main_center .center_wrap .center_box{display:inline-block;width:590px;height:430px;margin:0 0 0 20px;overflow-y:auto;overflow-x:hidden;background:#fff;}
.branch_main_center .center_wrap .center_box .center_con{font-size:18px;}
.branch_main_center .center_wrap .center_box .center_con img{width:100%;}
.branch_main_center .center_wrap .center_box .center_con p{padding:20px;box-sizing:border-box;color:#5d5d55;font-size:18px;}

.center_wrap .center_box::-webkit-scrollbar{width:5px;}
.center_wrap .center_box::-webkit-scrollbar-track{background-color:#dedede;}
.center_wrap .center_box::-webkit-scrollbar-thumb{background: #666;}
.center_wrap .center_box::-webkit-scrollbar-thumb:hover{background:#999;}
.center_wrap .center_box::-webkit-scrollbar-thumb:active{background:#999;}
.center_wrap .center_box::-webkit-scrollbar-button{display:none;}

.branch_main_notice{}
.branch_main_notice .main_notice_wrap{border-top:1px solid #1e1e1e;}
.branch_main_notice .main_notice_table{}
.branch_main_notice .main_notice_table tr{border-bottom:1px solid #d3d3cf;}
.branch_main_notice .main_notice_table tr th{border:0;}
.branch_main_notice .main_notice_table tr td{border:0;}
.branch_main_notice .main_notice_table tr .n_cate{padding-top:48px;color:#84c34b;vertical-align:top;}
.branch_main_notice .main_notice_table tr .n_title{}
.branch_main_notice .main_notice_table tr .n_title a{display:block;padding:48px 35px;}
.branch_main_notice .main_notice_table tr .n_title a strong{display:block;width:800px;padding-bottom:26px;color:#1e1e1e;font-size:28px;line-height:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.branch_main_notice .main_notice_table tr .n_title a span{display:-webkit-box;width:800px;color:#747474;font-size:16px;height:2.4em;line-height:1.2;-webkit-line-clamp: 2; -webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;}
.branch_main_notice .main_notice_table tr .n_date{text-align:center;color:#747474;font-family: 'Roboto', sans-serif;}
.branch_main_notice .main_notice_table tr .n_date .small{display:block;font-size:16px;font-family: 'Roboto', sans-serif;}
.branch_main_notice .main_notice_table tr .n_date .big{font-size:48px;font-weight:600;font-family: 'Roboto', sans-serif;}
.branch_main_notice .main_notice_table tr .nodata div{padding:60px 0;color:#999;font-size:20px;text-align:center;}

.branch_main_gallery{position:relative;}
.branch_main_gallery .gallery_wrap{margin:-30px 0 0 -30px;font-size:0;}
.branch_main_gallery .gallery_wrap li{position:relative;display:inline-block;width:380px;height:380px;margin:30px 0 0 30px;}
.branch_main_gallery .gallery_wrap li a{display:block;width:100%;height:100%;
background-repeat:no-repeat;background-position:center center;background-size:auto  100%;
overflow:hidden;}
.branch_main_gallery .gallery_wrap li a .black{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';}
.branch_main_gallery .gallery_wrap li a .hover_txt{display:none;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;font-size:28px;text-align:center;line-height:380px;font-style:normal;}
.branch_main_gallery .gallery_wrap li a img{}

#popupPhoto{position:absolute;top:0;left:0;width:100%;height:100%;display:none;}
#popupPhoto .mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:#000;opacity:0.5;filter:alpha(opacity=50);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';}
#popupPhoto .pop_wrap{position:absolute;top:50%;left:50%;width:620px;z-index:20;
margin:-315px 0 0 -450px;padding:60px 140px;background:#fff;}
#popupPhoto .pop_wrap h4{margin-bottom:40px;text-align:center;color:#333;font-size:36px;}
#popupPhoto .pop_wrap .pop_img{width:630px;/*height:356px;overflow:hidden;*/}
#popupPhoto .pop_wrap .pop_img img{width:100%;}
#popupPhoto .pop_wrap .pop_txt{margin-top:35px;color:#222;font-size:18px;text-align:center;}
#popupPhoto .pop_wrap .close_x{position:absolute;top:-45px;right:-45px;}

.branch_main_way{}
.branch_main_way .map_load{width:100%;height:470px;}
.branch_main_way .branch_info{margin:37px 0 0 -85px;}
.branch_main_way .branch_info li{float:left;margin-left:85px;}
.branch_main_way .branch_info li .title{margin:0 0 17px;color:#1e1e1e;font-size:32px;font-weight:600;}
.branch_main_way .branch_info li img{}
.branch_main_way .branch_info li p{margin:0 0 50px;color:#747474;font-size:20px;}
.branch_main_way .branch_info li a{display:block;width:462px;height:94px;background:#84c34b;border-radius:8px;color:#fff;font-size:20px;font-weight:600;text-align:center;line-height:94px;}
.branch_main_way .branch_info li.office_hours{margin-left:53px;padding:0 !important;}
.branch_main_way .branch_info li.office_hours .open_date{font-size:20px;line-height:30px;}
.branch_main_way .branch_info li.office_hours .open_date dt{}
.branch_main_way .branch_info li.office_hours .open_date dd{}
.branch_main_way .branch_info li.office_hours .rest{color:#3f3f3f;font-size:20px;}
.branch_main_way .branch_info li.office_hours .inq_tell{margin-top:50px;line-height:1;vertical-align:bottom;}
.branch_main_way .branch_info li.office_hours .inq_tell span{display:inline-block;padding:0 10px 0 0;color:#1e1e1e;font-size:20px;}
.branch_main_way .branch_info li.office_hours .inq_tell strong{color:#84c34b;font-size:38px;font-weight:600;font-family: 'Roboto', sans-serif;}

.branch_main_way .branch_main_sns{margin-top:105px;}
.branch_main_way .branch_main_sns h3{display:inline-block;vertical-align:top;color:#1e1e1e;font-size:32px;font-weight:600;}
.branch_main_way .branch_main_sns ul{display:inline-block;}
.branch_main_way .branch_main_sns ul li{float:left;margin-left:73px;}


/*footer*/
#branch_footer{padding:60px 0 0 0;border-top:1px solid #ccc;}
#branch_footer .ft_inr{width:1200px;margin:0 auto;}
#branch_footer .ft_tab{margin:0 0 40px -22px;}
#branch_footer .ft_tab li{float:left;position:relative;margin:0 0 0 22px;}
#branch_footer .ft_tab li:before{content:'';display:block;position:absolute;top:50%;left:-11px;width:2px;height:15px;margin-top:-8px;background:#c8c8c8;}
#branch_footer .ft_tab li:first-child:before{content:'';width:0;height:0;background:none;line-height:1;}
#branch_footer .ft_tab li a{color:#222;font-size:18px;line-height:1;}
#branch_footer .ft_info{}
#branch_footer .ft_info address{font-style:normal;}
#branch_footer .ft_info address p.ft_title{margin-bottom:15px;color:#222;font-size:18px;font-weight:500;line-height:1;letter-spacing:-0.015em;}
#branch_footer .ft_info address p.ft_brand_logo{margin-bottom:30px;line-height:1;}
#branch_footer .ft_info address .info_box{margin:0 0 35px 0;color:#747474;font-size:0;font-weight:300;letter-spacing:-0.015em;line-height:1;}
#branch_footer .ft_info address .info_box dt{display:inline-block;margin:0 5px 0 0;font-size:18px;}
#branch_footer .ft_info address .info_box dd{display:inline-block;margin:0 20px 0 0;font-size:18px;}
#branch_footer .ft_copy{padding:0 0 60px 0;color:#747474;font-size:15px;font-weight:300;line-height:1;letter-spacing:-0.015em;}



/***********************
			 M
************************/

/* m_header */
#m_header{position:relative;min-width:320px;border-bottom:1px solid #f1f1f1;overflow:hidden;}
#m_header .m_hd_top{height:50px;border-bottom:1px solid #dfdfdf;}
#m_header .m_hd_top a{display:block;width:64px;margin:0 auto;line-height:50px;}
#m_header .m_hd_top a img{width:100%;}

#m_header.move{position:fixed;left:0px;top:0px;width:100%;background:#fff;z-index:3000;box-sizing:border-box;box-shadow:0px 8px 10px rgba(0,0,0, 0.1);}
#m_header .gnb_wrap{position:relative;height:42px;padding:0 40px;border-bottom:1px solid #dfdfdf;background-color:#fff;}
#m_header .gnb_wrap:after{content:"";display:block;float:none;clear:both;}
#m_header .gnb_wrap .gnb_depth1{font-size:0px;overflow-y:hidden;overflow-x:auto;height:42px;padding:0 0 8px;margin-bottom:-8px;font-size:0;white-space:nowrap;-webkit-overflow-scrolling:touch;overflow-scrolling: touch;text-align:center;}
#m_header .gnb_wrap .gnb_depth1 > li{display:inline-block;margin-left:30px;}
#m_header .gnb_wrap .gnb_depth1 > li:first-child{margin-left:0px;}
#m_header .gnb_wrap .gnb_depth1 > li > a{display:block;color:#1e1e1e;font-size:13px;line-height:42px;font-weight:400;}
#m_header .gnb_wrap .gnb_depth1 > li.on > a{position:relative;}
#m_header .gnb_wrap .gnb_depth1 > li.on > a:before{content:'';position:absolute;bottom:0px;left:0px;width:100%;height:3px;background:#000;}
#m_header .gnb_wrap .gnb_depth1::-webkit-scrollbar{display:none;width:0 !important;height:0 !important;background-color:transparent}

#m_header .gnb_wrap .gnb_arrow{}
#m_header .gnb_wrap .gnb_arrow div{position:absolute;top:50%;margin-top:-7px;}
#m_header .gnb_wrap .gnb_arrow div a{display:block;height:14px;}
#m_header .gnb_wrap .gnb_arrow div a img{height:100%;vertical-align:top;}
#m_header .gnb_wrap .gnb_arrow .gnb_prev{left:10px;}
#m_header .gnb_wrap .gnb_arrow .gnb_next{right:10px;}


/* m_article */
#m_container{min-width:320px;overflow:hidden;}

/* 비주얼 - 슬라이드 */
#m_visual{} 
#m_visual .slide_bnr{position:relative;}
#m_visual .slide_bnr .slide_m{}
#m_visual .slide_bnr .slide_m li{position:relative;text-align:center;}
#m_visual .slide_bnr .slide_m li img{display:inline-block;width:100%;}
#m_visual .slide_bnr .slide_m li a{display:inline-block;text-align:left;width:100%;}
#m_visual .slide_bnr .slide_m li a .vis_box01{position:absolute;top:36px;left:11.25%;}
#m_visual .slide_bnr .slide_m li a .vis_box02{display:block;margin-bottom:10px;}
#m_visual .slide_bnr .slide_m li a .vis_box02 .big_tit{color:#272a2c;font-size:22px;}
#m_visual .slide_bnr .slide_m li a .vis_box02 .big_tit br{display:none;}
#m_visual .slide_bnr .slide_m li a .vis_box02 .big_tit span{display:block;color:#272a2c;font-size:22px;}
#m_visual .slide_bnr .slide_m li a .vis_box02 .big_tit strong{display:block;width:180px;color:#272a2c;font-size:22px;line-height:1.2;}
#m_visual .slide_bnr .slide_m li a .vis_box02 .exp_tit{display:inline-block;width:180px;margin-top:5px;color:#666;font-size:11px;}
#m_visual .slide_bnr .slide_m li a .vis_box02 .exp_tit br{display:none;}
#m_visual .slide_bnr .m_main_bnr_arr{}
#m_visual .slide_bnr .m_main_bnr_arr div{position:absolute;top:50%;margin-top:-30.75px;}
#m_visual .slide_bnr .m_main_bnr_arr .bnr_prev{left:10px;text-align:left;}
#m_visual .slide_bnr .m_main_bnr_arr .bnr_next{right:10px;text-align:right;}
#m_visual .slide_bnr .m_main_bnr_arr div a{display:block;}
#m_visual .slide_bnr .m_main_bnr_arr div a img{width:50%;}

.slide_bnr .bx-wrapper .bx-pager{text-align:left;height:12px;padding:0 0 0 11.25%;}
.slide_bnr .bx-wrapper .bx-pager.bx-default-pager a{width:18px;height:3px;border-radius:0;border:0;background:#d9d9dc;}
.slide_bnr .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slide_bnr  .bx-wrapper .bx-pager.bx-default-pager a.active{border:0;background:#84c34b;}

/* 비주얼 - 고정 */
#m_visual .fix_bnr{padding:15px 15px;border-bottom:1px solid #e5e5e5;}
#m_visual .fix_bnr h3{margin-bottom:15px;text-align:left;color:#333;font-size:16.9px}
#m_visual .fix_bnr div{float:left;width:50%;}
#m_visual .fix_bnr .inq_tell{}
#m_visual .fix_bnr .inq_tell p{text-align:left;color:#5a5a5a;font-size:16.9px}
#m_visual .fix_bnr .inq_tell p img{margin-right:4.5px;}
#m_visual .fix_bnr .inq_tell a{}
#m_visual .fix_bnr .inq_tell a strong{color:#84c34b;font-size:23px/*32.5*/;font-family: 'Roboto', sans-serif;letter-spacing:-0.06em;}
#m_visual .fix_bnr .office_hours{}
#m_visual .fix_bnr .office_hours .open_date{margin:0;font-size:12.9px;}
#m_visual .fix_bnr .office_hours .open_date dt{display:inline-block;letter-spacing:-0.06em;}
#m_visual .fix_bnr .office_hours .open_date dd{display:inline-block;margin:0;letter-spacing:-0.06em;}
#m_visual .fix_bnr .office_hours .rest{color:#ea1818;font-size:12.9px;}

/* 메인콘텐츠 */
#m_cont{}
#m_cont > div{padding:68.5px 0;}
#m_cont > div .m_con_tit{}
#m_cont > div .m_con_tit h2{color:#222;font-size:26px;font-weight:600;line-height:1.2;}
#m_cont > div .m_con_tit p{margin-top:11.5px;color:#83837f;font-size:13.6px;line-height:21.45px;letter-spacing:-0.08em;}
#m_cont > div .m_con_con{position:relative;margin-top:27.5px;}
#m_cont > div .m_con_inr{margin:27.5px 15px 0;}

.m_main_con_product{}
.m_main_con_product .gd_slide_wrap{}
.m_main_con_product .gd_slide_wrap li{float:left;border:1px solid #e5e5e5;}
.m_main_con_product .gd_slide_wrap li .thum{}
.m_main_con_product .gd_slide_wrap li .thum a{}
.m_main_con_product .gd_slide_wrap li .thum a img{width:70%;margin:0 auto;}
.m_main_con_product .gd_slide_wrap li .txt_box{padding:20px 22px;border-top:1px solid #e5e5e5;}
.m_main_con_product .gd_slide_wrap li .txt_box a{}
.m_main_con_product .gd_slide_wrap li .txt_box a strong{display:block;color:#1e1e1e;font-size:19.5px;line-height:1;font-weight:400;}
.m_main_con_product .gd_slide_wrap li .txt_box a span{display:inline-block;margin-top:10px;color:#5d5d55;font-size:15.6px;line-height:22.1px;letter-spacing:-0.085em;word-break:break-all;}
/* arrow */
.m_con_con .con_arrow01{}
.m_con_con .con_arrow01 div{position:absolute;top:50%;margin-top:-100px;}
.m_con_con .con_arrow01 div a img{width:50%;}
.m_con_con .con_arrow01 .con_prev01{left:7.5px;text-align:left;}
.m_con_con .con_arrow01 .con_next01{right:7.5px;text-align:right;}

.m_main_con_center .m_con_con .con_slide02{}
.m_main_con_center .m_con_con .con_slide02 .center_info_box{height:320px;padding:10px;background:#fff;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;}
.m_main_con_center .m_con_con .con_slide02 .center_info_box img{width:100%}
.m_main_con_center .m_con_con .con_slide02 .center_info_box p{padding:10px;box-sizing:border-box;}
/* arrow */
.m_con_con .con_arrow02{}
.m_con_con .con_arrow02 div{position:absolute;top:50%;margin-top:-30.5px;}
.m_con_con .con_arrow02 div a img{width:50%;}
.m_con_con .con_arrow02 .con_prev02{left:7.5px;text-align:left;}
.m_con_con .con_arrow02 .con_next02{right:7.5px;text-align:right;}
.m_con_con .con_slide02 .slick-dots{margin-top:20px;font-size:0;text-align:center;}
.m_con_con .con_slide02 .slick-dots li{display:inline-block;width:7px;height:7px;margin:0 3px;background:#dfdfdf;border-radius:50%;}
.m_con_con .con_slide02 .slick-dots li.slick-active{background:#84c34b}
.m_con_con .con_slide02 .slick-dots li button{width:0;height:0;background:none;border:none;padding:0;text-indent:-9999em;}

/* 200526 센터수정 */
.m_con_con .center_sec{margin-top:27.5px;}
.m_con_con .center_sec .center_info{}
.m_con_con .center_sec .center_img{}
.m_con_con .center_sec .center_img img{width:100%;}
.m_con_con .center_sec .center_txt{}
.m_con_con .center_sec .center_txt .info_box{padding:10px;}
.m_con_con .center_sec .center_txt .info_box h4{margin-bottom:12px;text-align:left;line-height:1.15;}
.m_con_con .center_sec .center_txt .info_box h4 strong{font-size:15px;}
.m_con_con .center_sec .center_txt .info_box p{color:#5d5d55;text-align:left;font-size:13px;line-height:1.5;}

.m_main_con_notice{}
.m_main_con_notice .m_notice_list{border-top:1px solid #222;}
.m_main_con_notice .m_notice_list li{border-bottom:1px solid #c8c8c8;padding:20px 11px;box-sizing:border-box;}
.m_main_con_notice .m_notice_list li a{}
.m_main_con_notice .m_notice_list li a .notice_cate{display:block;color:#84c34b;font-size:14.3px;line-height:1;}
.m_main_con_notice .m_notice_list li a .notice_tit{display:block;margin-top:10px;color:#222;font-size:22.1px;line-height:1.4;}
.m_main_con_notice .m_notice_list li a .date{display:block;margin-top:10px;color:#747474;font-size:15.6px;line-height:1;font-family: 'Roboto', sans-serif;}
.m_main_con_notice .m_notice_list li.nodata{padding:40px 10px;color:#999;text-align:center;}

.m_main_con_photo{position:relative;}
.m_main_con_photo .m_con_gallery{margin:-10px 0 0 -10px;font-size:0;}
.m_main_con_photo .m_con_gallery li{display:inline-block;width:46.67%;height:140px;margin:10px 0 0 10px;overflow:hidden;}
.m_main_con_photo .m_con_gallery li a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
/*포토팝업*/
#popupPhoto_m{display:none;position:absolute;top:0;left:0;width:100%;height:100%;}
#popupPhoto_m .mask{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';}
#popupPhoto_m .pop_wrap{position:absolute;top:50%;left:50%;z-index:20;width:90.625%;margin:-158.5px 0 0 -45.31%;padding:31px 6.5px 36px;background:#fff;box-sizing:border-box;}
#popupPhoto_m .pop_wrap h4{margin-bottom:21.5px;color:#272a2c;font-size:23.4px;line-height:1;}
#popupPhoto_m .pop_wrap .pop_img{}
#popupPhoto_m .pop_wrap .pop_img img{width:100%}
#popupPhoto_m .pop_wrap .pop_txt{margin-top:16.5px;}
#popupPhoto_m .pop_wrap .close_x{display:block;position:absolute;top:-30px;right:0;width:20px;}
#popupPhoto_m .pop_wrap .close_x img{width:100%;}

.m_main_con_way{}
.m_main_con_way .map{width:100%;}
.m_main_con_way .map img{width:100%;}
.m_main_con_way .phonak_info_wrap{padding:12.5px 0 0;font-size:0;}
.m_main_con_way .phonak_info_wrap > div{font-size:12px;}
.m_main_con_way .phonak_info_wrap .phonak_info_box01{margin-bottom:21.5px;}
.m_main_con_way .phonak_info_wrap .phonak_info_box01 strong{display:block;margin-bottom:15px;color:#1e1e1e;font-size:20.8px;line-height:1;}
.m_main_con_way .phonak_info_wrap .phonak_info_box01 span{display:block;color:#747474;font-size:16.9px;}
.m_main_con_way .phonak_info_wrap .phonak_info_box02{display:inline-block;width:50%;font-size:0;}
.m_main_con_way .phonak_info_wrap .phonak_info_box02 .open_date{margin:0;}
.m_main_con_way .phonak_info_wrap .phonak_info_box02 .open_date dt{display:inline-block;color:#3f3f3f;font-size:15.6px;font-weight:600;}
.m_main_con_way .phonak_info_wrap .phonak_info_box02 .open_date dd{display:inline-block;margin:0;color:#3f3f3f;font-size:15.6px;}
.m_main_con_way .phonak_info_wrap .phonak_info_box02 .rest{font-size:15.6px;}
.m_main_con_way .phonak_info_wrap .phonak_info_box03{display:inline-block;width:50%;vertical-align:top;font-size:15.6px;}
.m_main_con_way .phonak_info_wrap .phonak_info_box03 .inq_tel_tit{display:block;color:#666;}
.m_main_con_way .phonak_info_wrap .phonak_info_box03 .inq_tel_num{color:#84c34b;font-size:24.5px;font-family: 'Roboto', sans-serif;line-height:1;letter-spacing:-0.06em;}
.m_main_con_way .phonak_info_wrap .naver_resv{display:block;width:100%;height:47px;margin-top:25px;background:#84c34b;color:#fff;font-size:18.2px;font-weight:bold;text-align:center;line-height:47px;border-radius:5px;}
.m_main_con_way .phonak_info_wrap .phonak_icon{margin-top:15px;}

.m_main_con_way .m_sns_wrap{} 
.m_main_con_way .m_sns_wrap h3{margin-bottom:15px;color:#1e1e1e;font-size:20.8px;font-weight:600;text-align:left;}
.m_main_con_way .m_sns_wrap ul{margin-left:-5.32%;}
.m_main_con_way .m_sns_wrap ul li{float:left;width:19.68%;margin-left:5.32%;}
.m_main_con_way .m_sns_wrap ul li a{display:block;width:100%;}
.m_main_con_way .m_sns_wrap ul li a img{width:100%;}

/* m_footer */
#m_footer{min-width:320px;padding-bottom:56.5px;overflow:hidden;}
#m_footer .m_ft_top_bar{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;text-align:center;}
#m_footer .m_ft_top_bar ul{display:inline-block;height:40px;margin-left:-15px;}
#m_footer .m_ft_top_bar ul li{position:relative;float:left;margin-left:15px;}
#m_footer .m_ft_top_bar ul li:first-child:before{content:'';width:0;height:0;}
#m_footer .m_ft_top_bar ul li:before{content:'';position:absolute;top:50%;left:-7.5px;width:1px;height:12px;margin-top:-5px;background:#c8c8c8;}
#m_footer .m_ft_top_bar ul li.c_blue a{color:#0054a5;}
#m_footer .m_ft_top_bar ul li a{color:#1e1e1e;font-size:15.6px;line-height:40px;}

#m_footer .m_ft_content{text-align:center;}
#m_footer .m_ft_content .m_ft_title{margin-top:28.5px;color:#333;font-size:18px;font-weight:600;line-height:22.1px;}
#m_footer .m_ft_content .m_ft_brand_logo{margin-bottom:20px;}
#m_footer .m_ft_content .m_ft_brand_logo img{width:40%;max-width:200px;}
#m_footer .m_ft_content dl{font-size:0;color:#747474;}
#m_footer .m_ft_content dl dt{display:inline-block;font-size:14px;letter-spacing:-0.06em;line-height:22.1px;}
#m_footer .m_ft_content dl dd{display:inline-block;margin:0;padding:0 5px 0 4px;font-size:14.3px;letter-spacing:-0.06em;line-height:22.1px;}
#m_footer .m_ft_content .m_ft_copy{margin-top:17px;color:#747474;font-size:14.3px;letter-spacing:-0.06em;line-height:1;}

@media screen and (min-width:414px) { 
	#m_visual .fix_bnr .inq_tell a strong{font-size:32.5px;}
	#m_visual .slide_bnr .slide_m li a .vis_box02 .big_tit{font-size:27px;}
	#m_visual .slide_bnr .slide_m li a .vis_box02 .big_tit span{font-size:27px;}
	#m_visual .slide_bnr .slide_m li a .vis_box02 .big_tit strong{font-size:27px;}
	#m_visual .slide_bnr .slide_m li a .vis_box02 .exp_tit{margin-top:10px;font-size:14px;}
	#m_visual .fix_bnr .office_hours{padding:0 0 0 20px;box-sizing:border-box;}
	.m_main_con_photo .m_con_gallery li{height:170px}
	#popupPhoto_m .pop_wrap{margin:-178.5px 0 0 -45.31%;}
	.m_main_con_way .phonak_info_wrap .naver_resv{height:57px;line-height:57px;}
	.m_main_con_way .phonak_info_wrap .phonak_info_box03 .inq_tel_num{font-size:32.5px;}
	#m_cont > div .m_con_tit h2{font-size:32px;}
	#m_cont > div .m_con_tit p{font-size:14.6px;}
	.m_con_con .center_sec .center_txt .info_box h4 strong{font-size:20px;}
	.m_con_con .center_sec .center_txt .info_box p{font-size:16px;}
}
@media screen and (min-width:768px) { 
	#m_header .m_hd_top{height:60px;}
	#m_header .m_hd_top a{width:74px;line-height:60px;}
	#m_header .gnb_wrap .gnb_depth1 > li > a{font-size:15px;}
	#m_visual .slide_bnr .slide_m li a .vis_box02 .big_tit{font-size:35px;}
	#m_visual .slide_bnr .slide_m li a .vis_box02 .big_tit span{font-size:35px;}
	#m_visual .slide_bnr .slide_m li a .vis_box02 .big_tit strong{width:100%;font-size:35px;}
	#m_visual .slide_bnr .slide_m li a .vis_box02 .exp_tit{width:300px;margin-top:15px;font-size:16px;}
	#m_visual .fix_bnr h3{font-size:22px;}
	#m_visual .fix_bnr .office_hours{padding:0;}
	#m_visual .fix_bnr .office_hours .open_date{font-size:17px;}
	#m_visual .fix_bnr .office_hours .rest{font-size:17px;}
	#m_cont > div .m_con_tit h2 br{display:none;}
	.m_main_con_product .gd_slide_wrap li .thum a img{width:50%;}
	.m_main_con_center .m_con_con .con_slide02 .center_info_box{height:360px;}
	.m_main_con_photo .m_con_gallery li{height:240px}
	#popupPhoto_m .pop_wrap{margin:-238.5px 0 0 -45.31%;}
}