@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%;} }