/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {
    font-family: 'BASKVILL';
    src: url('../font/BASKVILL.woff') format('woff');
}
@font-face {
    font-family: 'Renogare-Regular';
    src: url('../font/Renogare-Regular.woff') format('woff');
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('../font/GmarketSansMedium.woff') format('woff');
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('../font/GmarketSansLight.woff') format('woff');
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('../font/GmarketSansBold.woff') format('woff');
}


body{background:#fff;}
*{font-family:'Noto Sans KR',malgun gothic;}

.wrap{overflow: hidden;}



.intro{}
.intro .top{background: #f9f9f9; display: flex; justify-content: center; align-items: center; position: fixed; width:100%; height: 15vw; top:0; font-size: 3.5vw; font-weight: 700; line-height: 1.3; color:#545353; letter-spacing: -0.3vw; font-family: 'Nanum Myeongjo'; text-align: center;}

.intro .doc_wrap{display: flex; flex-direction: column; position: fixed; width:100%; top:15vw; bottom:15vw;}
.intro .doc_wrap .doc{display: flex; flex: 1; overflow: hidden;}
.intro .doc_wrap .doc:nth-child(1){background: url(../images/intro/doc1_bg.jpg) no-repeat center center; background-size: 105% 105%;}
.intro .doc_wrap .doc:nth-child(2){background: url(../images/intro/doc2_bg.jpg) no-repeat center center; background-size: 105% 105%;}
.intro .doc_wrap .doc:nth-child(3){background: url(../images/intro/doc3_bg.jpg) no-repeat center center; background-size: 105% 105%;}
.intro .doc_wrap .doc:nth-child(4){background: url(../images/intro/doc4_bg.jpg) no-repeat center center; background-size: 105% 105%;}
.intro .doc_wrap .doc .store{position: absolute; top:0; left:0; width: 50%; height: 100%; padding-left: 5.5vw; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.intro .doc_wrap .doc .store span{font-size: 4.5vw; line-height: 1; color:#dac8b4; display: block; margin-bottom: 2vw; font-family: 'Renogare-Regular'; padding: 0 0 0 3.2vw;}
.intro .doc_wrap .doc .store .storename{background: #324c79 url(../images/intro/doc_name_arrow.png) no-repeat 95% center; background-size: auto 40%; padding: 2vw 8vw 2vw 3vw; overflow: hidden; display: inline; width: auto;}
.intro .doc_wrap .doc .store .storename em{clear: both; float: left; font-size: 3.2vw; line-height: 1; letter-spacing: -0.3vw; font-weight: 300; padding-right: 2vw; color:#fff;}
.intro .doc_wrap .doc .store .storename strong{float: left; font-size: 3.2vw; line-height: 1; letter-spacing: -0.3vw; font-weight: 500; color:#fff;}
.intro .doc_wrap .doc .info{}
.intro .doc_wrap .doc .info .addr{font-size: 2.5vw; line-height: 1; letter-spacing: -0.1vw; color: #aec8f0; margin-top: 3vw;}
.intro .doc_wrap .doc .info .tel{font-size: 4vw; line-height: 1; margin-top: 1vw; margin-bottom: 0; color:#fff !important; font-family: 'GmarketSansMedium';}

.intro .doc_wrap .doc .doctor{position: absolute; bottom:0; right:0; left:50%; top:0;}
.intro .doc_wrap .doc .doctor img{ height: 20vh;}
.intro .doc_wrap .doc:nth-child(1) .doctor img{ margin: 2vh auto 0 auto;}
.intro .doc_wrap .doc:nth-child(2) .doctor img{ margin: 2vh auto 0 auto}
.intro .doc_wrap .doc:nth-child(3) .doctor img{ margin: 2vh auto 0 auto}
.intro .doc_wrap .doc:nth-child(4) .doctor img{ margin: 2vh auto 0 auto}
.intro .doc_wrap .doc .doctor .name{background: url(../images/intro/doc_namebg.png) repeat-y; background-size: 100%; width: 60%; height: 6vw; display: flex; padding-left: 3vw; align-items: center; position: absolute; bottom:3vw;}
.intro .doc_wrap .doc:nth-child(1) .doctor .name{right:0;}
.intro .doc_wrap .doc:nth-child(2) .doctor .name{right:0;}
.intro .doc_wrap .doc:nth-child(3) .doctor .name:nth-child(2){right:22%;}
.intro .doc_wrap .doc:nth-child(3) .doctor .name:nth-child(3){right:-10vw;}
.intro .doc_wrap .doc:nth-child(4) .doctor .name{right:0;}
.intro .doc_wrap .doc .doctor .name strong{color:#fff; font-size: 3vw; letter-spacing: -0.3vw; line-height: 1;}
.intro .doc_wrap .doc .doctor .name span{color:#fff; font-size: 2.5vw; letter-spacing: -0.2vw; line-height: 1; padding-left: 0.5vw; margin-top: 0.5vw;}


.intro .bottom{font-size: 3vw; line-height: 1.5; color:#b8b8b8; font-family: 'Renogare-Regular'; display: flex; align-items: center; justify-content: center; position: fixed; width:100%; height: 15vw; bottom:0; background: #ededed url(../images/intro/bot_txtimg.gif) no-repeat center center; background-size: 45%; text-indent: -10000px; overflow: hidden;}



.top{ background: #fff; z-index: 10000; width: 100%; height: 28.5vw; overflow: visible; position: fixed; top:0; left:0; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0;}
.top > div > .move{ box-shadow: rgba(0,0,0,0.2) 0 5px 10px;}
.top > div > .logo{display: inline-block; width: 35vw;}
.top > div > .logo img{width: 100%;}
.top > div > .topmenu_bu{background:url(../images/mobile_top_menu_icon.png) no-repeat center center; background-size: 35%; position: absolute; top:0; left:0; height: 100%; width: 16vw;}
.top > div > .topmenu_bu.open{background:url(../images/topmenu_bu_icon_.png) no-repeat center center; background-size: 35%;}

.bgscreen{position: fixed; top: 28.5vw; left:0; width: 100%; background: rgba(0,0,0,0.85); z-index: -100;}
.open .bgscreen{z-index: 100; bottom:0;}
.top > div > .top_menu{position: fixed; top:28.5vw; left:0; width: 100%; z-index: -1; opacity: 0;}
.top > div > .top_menu.open{z-index: 10000; opacity: 1; bottom:0; transition: 0.3s;}
.top > div > .top_menu .wrap_{width: 68%; height: 100%; background: #fff; z-index: 1000; position: absolute; left:-60%; overflow-y: auto;}
.top > div > .top_menu.open .wrap_{left:0; transition: 0.3s;}
.top > div > .top_menu .top_smenu{display: flex;}
.top > div > .top_menu .top_smenu > a{flex: 1; background: #000 url(../images/left_menu_smenubar.gif) no-repeat right center; background-size: 2px 3vw; color:#fff; font-size: 4.5vw; height: 11vw; display: flex; align-items: center; justify-content: center;}
.top > div > .top_menu .top_smenu > a:last-child{background-image:none;}

.top > div > .top_menu nav{ overflow: visible;}

.top > div > .top_menu nav > ul{display: flex; flex-direction: column;}
.top > div > .top_menu nav > ul > li{overflow: hidden; background-color: #e8e8e8; border-bottom: 1px #fff solid; text-align: left;}
.top > div > .top_menu nav > ul > li > a{font-size: 3.5vw; font-weight: 500; color: #000; display: flex; align-items: center; justify-content: flex-start; padding: 0 10vw; height:11vw; background: url(../images/left_menu_icon.gif) no-repeat 90% center; background-size: auto 35%;}
.top > div > .top_menu nav > ul > li.select{background-color: #335493; height: auto;}
.top > div > .top_menu nav > ul > li.select > a{color: #fff; background: url(../images/left_menu_icon_.gif) no-repeat 90% center;  background-size: auto 35%;}
.top > div > .top_menu nav > ul > li > ul{height: 0; background: #fff; transition: 0.3s; overflow: hidden; padding: 0 7vw 0 11vw;}
.top > div > .top_menu nav > ul > li.select > ul{height: auto;}
.top > div > .top_menu nav > ul > li > ul li{width: 100%; height: 0; position: relative; overflow: hidden; display: block; transition: 0.3s; float: left;}
.top > div > .top_menu nav > ul > li.select > ul li{overflow: hidden; border-bottom: 1px #e1e1e1 solid; height: 10.5vw;}
.top > div > .top_menu nav > ul > li.select > ul > li:last-child{ border-bottom:0;}
.top > div > .top_menu nav > ul > li > ul li a{overflow: hidden; color:#999 !important; background: url(../images/left_menu_icon_dot.png) no-repeat 0 center; background-size: 0.7vw; width: 100%; padding: 4vw 0 4vw 1.5vw; height: 100%; display: flex; align-items: center; font-weight: 500; font-size: 3vw;}
.top > div > .top_menu nav > ul > li:hover a{}
.top > div > .top_menu nav > ul > li:hover > ul{}
.top > div > .top_menu nav > ul > li:hover > ul li{}
.top > div > .top_menu nav > ul > li > ul li:hover a{}


.top > div > .store{position: absolute; top:0; right: 0;}
.top > div > .store .select_bu{height: 16vw; width: 16vw; background: #e3e3e3 url(../images/top_store_selectbu.png) no-repeat center 35%; background-size: 8vw; cursor: pointer; z-index: 102; text-align: center; padding-top: 11.5vw; color:#a6a6a6; font-size: 2.5vw; line-height: 1; font-weight: 700;}
.top > div > .store.open .select_bu{background-color: #335caa; color: #bad2ff; background-image: url(../images/top_store_selectbu_.png);}
.top > div > .store .store_open{position: absolute; width: 50vw; background: #4f4f4f; top: 0; right:0; z-index: 1; overflow: hidden; margin-top: 16vw;}
.top > div > .store.open .store_open{z-index: 100;}
.top > div > .store .store_open a{position: absolute; width: 100%; height: 0; display: flex; flex-direction: column; justify-content: center; padding: 0 3vw; background: url(../images/top_store_select_icon.png) no-repeat 90% center; background-size: 7vw; transition: 0.3s height;}
.top > div > .store.open .store_open a{position: relative; height: 13vw;}
.top > div > .store .store_open a div{border-bottom: 1px #fff dotted; padding: 2.2vw 0 2.2vw 1vw;}
.top > div > .store .store_open a em{color: #9ebfff; font-size: 3vw; line-height:1; float: left;}
.top > div > .store .store_open a span{ width: 100%; font-size: 3vw; line-height: 1; margin-top: 1vw; color:#e6e6e6; font-family: 'GmarketSansMedium'; clear: both; float: left;}
.top > div > .store .store_open a:last-child div{border:0;}


.content{width: 100%; padding-top: 28.5vw;}

.img_wrap{}
.img_wrap img{width: 100%;}


.main_visual{ z-index: 1;}
.main_visual > div{overflow: hidden;}
.main_visual img{width: 100%;}
.main_visual .txt{position: absolute; top:0; left:0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 20vw;}
.main_visual .txt strong{ font-family:'Renogare-Regular'; font-size: 12vw; line-height: 1; letter-spacing: 0; color:#fff; text-align: center;}
.main_visual .txt span{font-family: 'GmarketSansLight'; font-size: 2vw; line-height: 1; font-weight: 100; padding: 4vw 0 8vw 0; color:#fff; letter-spacing: 4vw; text-align: center; margin-left: 4.5vw;}
.main_visual .txt p{ font-size: 4vw; line-height: 1.5; font-weight: 100; text-align: center; color:#fff;}

.main_visual.slick-dotted.slick-slider{margin-bottom: 0;}
.main_visual .slick-dots{bottom:16vw;}
.main_visual .slick-dots li{width:3vw; height: 3vw; background: #fff; text-indent: -1000px; overflow: hidden; margin: 0 1.5vw;}
.main_visual .slick-dots li button:before{content:none;}
.main_visual .slick-dots li.slick-active{background: #5081df;}




.main_wrap1{background: #fff; z-index: 2;}
.main_wrap1 .txtbg{background: url(../images/main/main_wrap1_boxbg.gif) no-repeat center 0; background-size: 100% auto; height: 25vw; position: absolute; top:-12vw; left:5vw; right:5vw;}
.main_wrap1 .txtbg span{background: url(../images/main/main_wrap1_txtbg.png) no-repeat center 0; background-size: 100%; width: 32vw; height:28vw; position: absolute; top:6vw; left:10vw;}
.main_wrap1 .txt_wrap{display: flex; justify-content: center; padding: 0 8vw;}
.main_wrap1 .txt_wrap div{ margin-top:20vw;}
.main_wrap1 .txt_wrap div p{display: block; font-size: 4.5vw; line-height: 1.5; font-weight: 300; color:#000; letter-spacing: -0.6vw; background: url(../images/main/main_wrap1_txtbg1.png) no-repeat,url(../images/main/main_wrap1_txtbg1_.png) no-repeat right 0; background-size: 6vw auto, 6vw auto; padding: 6vw 8vw 0 8vw; text-align: center;}
.main_wrap1 .txt_wrap div span{font-size: 2.8vw; line-height: 1.5; font-weight: 300; color:#9f9f9f; letter-spacing: -0.2vw; padding: 6vw 4vw 0 4vw; text-align: center;}
.main_wrap1 .banner_wrap{padding:12vw 0 10vw 0; overflow: hidden; height: 110vw;}
.main_wrap1 .banner_wrap .bg{background: #fff; width: 100%; position: absolute; top:0; bottom:0;}
.main_wrap1 .banner_wrap .box{margin: 0 4vw; width:40%; position:absolute; bottom:15vw; transition: 0.3s;}
.main_wrap1 .banner_wrap .box a{color:#fff; font-size: 4vw; font-weight: 500; letter-spacing: -0.3vw; padding: 4.5vw 0 0 4vw; position: absolute; width: 100%; height: 100%;}
.main_wrap1 .banner_wrap .box:nth-child(1),
.main_wrap1 .banner_wrap .box:nth-child(4){background: url(../images/main/main_wrap1_banner1.jpg) no-repeat center bottom; background-size: 100% auto;}
.main_wrap1 .banner_wrap .box:nth-child(2),
.main_wrap1 .banner_wrap .box:nth-child(5){background: url(../images/main/main_wrap1_banner2.jpg) no-repeat center bottom; background-size: 100% auto;}
.main_wrap1 .banner_wrap .box:nth-child(3),
.main_wrap1 .banner_wrap .box:nth-child(6){background: url(../images/main/main_wrap1_banner3.jpg) no-repeat center bottom; background-size: 100% auto;}


.main_wrap1 .banner_wrap .box:nth-child(1){left:25%; z-index: 10; height: 87vw;}
.main_wrap1 .banner_wrap .box:nth-child(2){left:70%; z-index: 10; height: 71vw;}
.main_wrap1 .banner_wrap .box:nth-child(3){left:115%; z-index: -10; height: 81vw;}
.main_wrap1 .banner_wrap .box:nth-child(4){left:25%; z-index: -10; height: 87vw;}
.main_wrap1 .banner_wrap .box:nth-child(5){left:-65%; z-index: -10; height: 71vw;}
.main_wrap1 .banner_wrap .box:nth-child(6){left:-20%; z-index: 10; height: 81vw;}


.main_wrap2{}
.main_wrap2 > img{width: 100%;}
.main_wrap2 .txt{position: absolute; top:15vw; left:0; right:0; display: flex; flex-direction: column; align-items: center;}
.main_wrap2 .txt .ti{color:#fff; font-size: 10vw; line-height: 1; font-family: 'Renogare-Regular'; margin: 0;}
.main_wrap2 .txt .ti.color{color:#9bb2db;}
.main_wrap2 .txt span{font-size: 4vw; line-height: 1.5; font-weight: 200;color:#fff; margin-top: 2vw; letter-spacing: -0.3vw;}
.main_wrap2 .map_wrap{position: absolute; width: 100%; height: 100%; top:0; left:0; flex-direction: column; align-items: center; justify-content: center;}
.main_wrap2 .map_wrap .map_area{width: 50vw; height: 60vw; background: url(../images/main/main_wrap2_mapbg.png) no-repeat center 0; background-size: 100%; margin: 45vw auto 0;}
.main_wrap2 .map_wrap .map_area .point{position: absolute; display: flex; flex-direction: column; align-items: center;}
.main_wrap2 .map_wrap .map_area .point span{transition: 0.5s; transform: scale(1);  background:#fff; border: 6px rgba(247,194,32,1) solid; width: 21px; height: 21px; border-radius: 10px; transform: scale(1); transition: 0.3s;}
.main_wrap2 .map_wrap .map_area .point.select span{transform: scale(1.2); opacity:0.5;}
.main_wrap2 .map_wrap .map_area .point span span{display: none;}
.main_wrap2 .map_wrap .map_area .point em{font-size: 12px; line-height:1; margin-top: 5px;}
.main_wrap2 .map_wrap .map_area .p1{top:48vw; left:calc(50% + 8vw);}
.main_wrap2 .map_wrap .map_area .p2{top:42vw; left:calc(50% + 5vw);}
.main_wrap2 .map_wrap .map_area .p3{top:33vw; left:calc(50% + 8vw);}
.main_wrap2 .map_wrap .map_area .p4{top:40vw; left:calc(50% - 5vw);}
.main_wrap2 .map_wrap .address{display: flex; justify-content: center; padding: 0 8vw; margin-top: 5vw;}
.main_wrap2 .map_wrap .address > div{display: flex; flex-direction: column; align-items: center; flex: 1;}
.main_wrap2 .map_wrap .address > div .name{text-align: center; color:#fff; font-size: 3.2vw; line-height: 4vw; font-weight: 200;}
.main_wrap2 .map_wrap .address > div .name strong{display: block;}
.main_wrap2 .map_wrap .address > div .point{background: url(../images/main/main_wrap2_point_bg1.png) no-repeat center 1.5vw; background-size: 3vw; width: 8vw; height: 10vw; margin:2vw 0 1.25vw; text-align: center;}
.main_wrap2 .map_wrap .address > div .point span{width: 6vw; height: 6vw; border-radius: 10vw; background: rgba(247,194,32,0.2); transform: scale(0.5); transition: 0.5s;}
.main_wrap2 .map_wrap .address > div.select .point span{transform: scale(1);}
.main_wrap2 .map_wrap .address > div .addr{font-size: 2.5vw; line-height: 3vw; color:#cbcbcb; letter-spacing: -0.2vw; text-align: center;}




.main_wrap3{background: #c6ac93;}
.main_wrap3 .wrap_{}
.main_wrap3 .ti{text-align: center; display: block; padding: 12vw 0 7vw 0; color: #e4d3c3; font-family: 'Renogare-Regular'; font-size: 8vw; line-height: 1;}
.main_wrap3 .ti span{ color:#fff; padding-left:4vw; font-family: 'Renogare-Regular';}
.main_wrap3 .initial{height:80vw; width: 100%;}
.main_wrap3 .initial .box{display: flex; flex-direction: column; align-items: center; font-size: 3vw; font-weight: 300; line-height: 5vw; letter-spacing: -0.2vw; color: #666; padding: 25vw 6vw 10vw 6vw ; background-color: #fff; background-repeat: no-repeat; background-position: center 8vw; margin: 0 2vw; position: absolute; width: 65%; height: 100%; transition: 0.3s;}
.main_wrap3 .initial .bg{background-image: linear-gradient(180deg, #c6ac93 0%, #fff 70%); width: 100%; position: absolute; top:0; bottom:0;}
.main_wrap3 .initial .box:nth-child(1),
.main_wrap3 .initial .box:nth-child(5){background-image: url(../images/main/main_wrap3_initial1.png); background-size:9vw;}
.main_wrap3 .initial .box:nth-child(2),
.main_wrap3 .initial .box:nth-child(6){background-image: url(../images/main/main_wrap3_initial2.png); background-size:13vw;}
.main_wrap3 .initial .box:nth-child(3),
.main_wrap3 .initial .box:nth-child(7){background-image: url(../images/main/main_wrap3_initial3.png); background-size:10vw;}
.main_wrap3 .initial .box:nth-child(4),
.main_wrap3 .initial .box:nth-child(8){background-image: url(../images/main/main_wrap3_initial4.png); background-size:10vw;}
.main_wrap3 .initial .box strong{color:#353535; text-align: center; font-size: 3vw; line-height: 1.3; font-weight: 500;}
.main_wrap3 .initial .box span{color:#353535; text-align: center; padding: 4vw 0; font-size: 2.5vw; line-height: 1.5;}
.main_wrap3 .initial .box:nth-child(1){left:15%; z-index: 10;}
.main_wrap3 .initial .box:nth-child(2){left:85%; z-index: 10;}
.main_wrap3 .initial .box:nth-child(3){left:170%; z-index: -10;}
.main_wrap3 .initial .box:nth-child(4){left:15%; z-index: -10;}
.main_wrap3 .initial .box:nth-child(5){left:15%; z-index: -10;}
.main_wrap3 .initial .box:nth-child(6){left:15%; z-index: -10;}
.main_wrap3 .initial .box:nth-child(7){left:-135%; z-index: -10;}
.main_wrap3 .initial .box:nth-child(8){left:-55%; z-index: 10;}




.main_wrap4{background: #f5f5f5 url(../images/main/main_wrap4_bg.png) no-repeat -5% 70%; background-size: 60%; padding-top: 15vw; overflow: hidden;}
.main_wrap4 .txt{width: 100%; height: 20vw; display: flex; flex-direction: column; align-items: center; overflow: hidden;}
.main_wrap4 .txt span{ font-family: 'Renogare-Regular'; font-size: 3vw; color: #d5d5d5; line-height: 1; letter-spacing: 3vw; padding-left: 3vw;}
.main_wrap4 .txt em{margin-top: 5vw; font-size: 6vw; font-weight: 300; line-height: 0; letter-spacing:-0.6; color:#232323; float:left;}
.main_wrap4 .txt em strong{display: block; float: right;}
.main_wrap4 .doc_photo{position: absolute; bottom:0; width: 100%; height: 20vw; z-index: 3; background: #e5e5e5; display: flex; align-items: center; justify-content: center;}
.main_wrap4 .doc_photo > div{float: left; padding-right: 14px; cursor: pointer;}
.main_wrap4 .doc_photo > div img{float:left; border-radius: 12vw; width: 10vw; height: 10vw;}
.main_wrap4 .doc_photo > div:hover img{box-shadow: rgba(0,0,0,0.15) 4px 4px 4px; transform: scale(1.2); transition: 0.3s;}
.main_wrap4 .doc_photo > div em{float: left; display: none; padding: 3vw 0 0 3vw; font-size: 3vw; line-height: 1.1; font-weight: 300; letter-spacing: -1px; color:#808080;}
.main_wrap4 .doc_photo > div em strong{display: block; font-size: 4vw; letter-spacing: -1px; color: #000; margin-top: 1vw;}
.main_wrap4 .doc_photo > div.select{padding-right: 6vw; margin: 0; cursor: default;}
.main_wrap4 .doc_photo > div.select img{box-shadow: rgba(0,0,0,0.15) 4px 4px 4px; width: 13vw; height: 13vw;}
.main_wrap4 .doc_photo > div.select:hover img{transform: scale(1);}
.main_wrap4 .doc_photo > div.select em{display: block;}
.main_wrap4 .doctor{display: none; z-index: 2; margin-bottom: 20vw; min-height: 80vw;}
.main_wrap4 .doctor > img{height: 75vw; position: absolute; bottom:0; right:50%;}
.main_wrap4 .doc1 > img{right:calc(50% - 5vw);}
.main_wrap4 .doc2 > img{right:calc(50% - 10vw);}
.main_wrap4 .doc3 > img{right:calc(50% - 5vw);}
.main_wrap4 .doc4 > img{right:calc(50% - 5vw);}
.main_wrap4 .doc5 > img{right:calc(50% - 5vw);}
.main_wrap4 .doctor > div{position: absolute; left:55%; top:0;}
.main_wrap4 .doctor > div .store{font-size: 5vw; line-height: 1; font-weight: 700; letter-spacing: -0.6vw; color:#b5b5b5;}
.main_wrap4 .doctor > div .store strong{color:#426fc5; padding-left: 5px;}
.main_wrap4 .doctor > div .name{margin-top: 1vw; color: #232323; font-size: 3vw; line-height: 1.5; letter-spacing: -0.3vw; font-weight: 500;}
.main_wrap4 .doctor > div .name strong{ font-size: 5vw; line-height: 1; font-weight: 500; letter-spacing: -0.3vw; padding-right: 1.5vw;}
.main_wrap4 .doctor > div ul{padding-top: 2vw;}
.main_wrap4 .doctor > div li{font-size: 2.5vw; line-height: 1.1; font-weight: 300; color:#949494; letter-spacing: -0.3vw; background: url(../images/main/main_wrap4_list_dot.gif) no-repeat 0 1.5vw; padding-left: 1.5vw; padding-right: 1vw; margin-top: 2vw;}

.main_wrap4 .doctor.select{display: flex;}
.main_wrap4 .doctor.select > img{}
.main_wrap4 .doctor.select > div .store{}
.main_wrap4 .doctor.select > div .name{}
.main_wrap4 .doctor.select > div ul{}



.bottom .map{background: #b5b7bc;}
.bottom .map .ti{background: #fff; display: flex; flex-direction: column; align-items: center; padding: 13vw 0 0 0;}
.bottom .map .ti em{font-family: 'Renogare-Regular'; font-size: 8vw; line-height: 45px; letter-spacing: 1px; color: #dadada;}
.bottom .map .ti span{font-family: 'Renogare-Regular'; font-size: 1.5vw; line-height: 1; letter-spacing: 2vw; color: #ededed; padding: 2vw 0;}
.bottom .map .ti strong{font-size: 8vw; line-height: 1; letter-spacing: -0.6vw; font-weight: 500; color:#232323;}
.bottom .map .ti .tabm{display: flex; margin: 8vw 0; width: 100%; padding: 0 6vw;}
.bottom .map .ti .tabm li{float:left; width: 25%; height: 10vw; display: flex; align-items: center; justify-content: center; font-size: 3vw; font-weight: 500; letter-spacing: -0.3vw; color:#666; background: #fff; border: 1px #9a9a9a solid; margin-left: -1px; cursor: pointer;}
.bottom .map .ti .tabm li:first-child{margin-left: 0;}
.bottom .map .ti .tabm li.select{color:#aecaff; background: #474747;}
.bottom .map .ti .tabm li:hover{color:#aecaff;}
.bottom .map .ti .tabm li.select:hover{cursor: default;}
.bottom .map .wrap_{display: none; padding: 0 6vw;}
.bottom .map .wrap_.select{display: flex; flex-direction: column;  padding:6vw 6vw 20vw 6vw;}
.bottom .map .wrap_ > div{flex:1;}
.bottom .map .wrap_ .map_area img{margin: auto; width: 100%;}
.bottom .map .wrap_ .cs_info{ text-align: center;}
.bottom .map .wrap_ .cs_info > strong{font-size: 8vw; line-height: 40px; color:#fff; font-weight: 400; padding-top: 10vw; font-family: "Renogare-Regular";}
.bottom .map .wrap_ .cs_info > .tel{padding: 4.5vw 0 5vw 0; border-bottom: 1px #ddd solid; display: flex; align-items: center; justify-content: center;}
.bottom .map .wrap_ .cs_info > .tel em{font-size: 6vw; line-height: 1; color:#8d8f96; font-family: 'Renogare-Regular'; padding-right: 2vw; float: left;}
.bottom .map .wrap_ .cs_info > .tel span{font-size: 6vw; line-height: 1; color:#fff; font-weight: 500; font-family: 'GmarketSansMedium'; float: left;}
.bottom .map .wrap_ .cs_info > .time{display: flex; padding:6vw 0 0 4vw;}
.bottom .map .wrap_ .cs_info > .addr{display: flex; padding:5vw 0 0 4vw;}
.bottom .map .wrap_ .cs_info > .time em,
.bottom .map .wrap_ .cs_info > .addr em{font-size: 3.5vw; line-height:  5.5vw; color: #000; font-weight: 500; width: 16vw; text-align: left;}
.bottom .map .wrap_ .cs_info > .time div{display: block;}
.bottom .map .wrap_ .cs_info > .time div em{font-size: 3.5vw; line-height:  5.5vw; color: #444; clear: both; float: left; width: 16vw;}
.bottom .map .wrap_ .cs_info > .time div .g1{letter-spacing: 35px;}
.bottom .map .wrap_ .cs_info > .time div .g2{letter-spacing: 9px;}
.bottom .map .wrap_ .cs_info > .time div .g3{letter-spacing: 1px;}
.bottom .map .wrap_ .cs_info > .time div span{font-size: 3.5vw; line-height: 5.5vw; color: #444; float: left;}
.bottom .map .wrap_ .cs_info > .addr span{font-size: 3.5vw; color: #444; text-align: left;;}
.bottom .map .wrap_ .cs_info > .sns{display: flex; justify-content: center; padding-top: 8vw;}
.bottom .map .wrap_ .cs_info > .sns a{width: 18vw; height:18vw; background-color: #fff; background-position: center 5vw; float:left; margin: 0 8px; border-radius: 0.9vw; border:1px #ddd solid; padding-top: 11.5vw; font-size: 3vw; color:#2d2d2d; transition: 0.3s;}
.bottom .map .wrap_ .cs_info > .sns a:nth-child(1){background:#fff url(../images/sns_blog.png) no-repeat center 5vw; background-size: 60%;}
.bottom .map .wrap_ .cs_info > .sns a:nth-child(2){background:#fff url(../images/sns_talk.png) no-repeat center 3.5vw; background-size: 42%;}
.bottom .map .wrap_ .cs_info > .sns a:nth-child(3){background:#fff url(../images/sns_instar.png) no-repeat center 3.5vw; background-size: 40%;}
.bottom .map .wrap_ .cs_info > .sns a:nth-child(4){background:#fff url(../images/sns_youtube.png) no-repeat center 4vw; background-size: 75%;}


#contact_us{background: #f7f7f7; padding: 10vw 10vw;}
#contact_us .map_area img{width: 100%;}
#contact_us .cs_info{ text-align: center; padding: 0;}
#contact_us .cs_info > strong{font-family: "Renogare-Regular"; font-weight: 400; font-size: 8vw; line-height: 8vw; color:#2d2d2d;  padding-top: 7vw;}
#contact_us .cs_info > .tel{padding: 3.5vw 0 4vw 0; text-align: center; border-bottom: 1px #ddd solid;}
#contact_us .cs_info > .tel em{font-size: 5.5vw; line-height: 5.5vw; color:#9c9a9a; font-weight: 700;}
#contact_us .cs_info > .tel span{font-size: 5.5vw; line-height: 5.5vw; color:#000; font-weight: 500;}
#contact_us .cs_info > .time{padding:4.5vw 0 0 18vw; text-align: left;}
#contact_us .cs_info > .time em{font-size: 3vw; line-height: 5vw; color: #444; clear: both; float: left; width: 15vw;}
#contact_us .cs_info > .time .g1{letter-spacing: 2vw;}
#contact_us .cs_info > .time .g2{letter-spacing: 1.2vw;}
#contact_us .cs_info > .time .g3{letter-spacing: 1px;}
#contact_us .cs_info > .time span{font-size: 3vw; line-height: 5vw; color: #444; float: left;}
#contact_us .cs_info > .time span.cl{clear: both; float: left;}
#contact_us .cs_info > .sns{clear: both; display: flex; justify-content: center; padding-top: 6vw;}
#contact_us .cs_info > .sns a{width: 15vw; height:15vw; background-color: #fff; float:left; margin: 0 0.8vw; border-radius: 0.5vw; border:1px #ddd solid; padding-top: 10vw; font-size: 2.2vw; color:#2d2d2d; letter-spacing: -1px;}
#contact_us .cs_info > .sns a:nth-child(1){background:#fff url(../images/sns_blog.png) no-repeat center 4vw; background-size: 60%;}
#contact_us .cs_info > .sns a:nth-child(2){background:#fff url(../images/sns_talk.png) no-repeat center 3vw; background-size: 42%;}
#contact_us .cs_info > .sns a:nth-child(3){background:url(../images/sns_instar.png) no-repeat center 3vw,url(../images/sns_instarbg.png) no-repeat center center; background-size: 37%, 100% 100%;}
#contact_us .cs_info > .sns a:nth-child(4){background:#fff url(../images/sns_youtube.png) no-repeat center 3.8vw; background-size: 70%;}


#bot_menu{background: #fff; display: flex; justify-content: center; overflow: hidden; padding: 3vw 0; border: 1px #efeff0 solid; border-left: 0; border-right: 0;}
#bot_menu a{font-size: 3vw; font-weight: 500; line-height: 2.5vw; color:#333; padding: 0 4.5vw; border-left: 1px #ddd solid; float: left;}
#bot_menu a:first-child{border-left:0;}
#bot_menu a:hover{text-decoration: underline;}

footer{background:#fff; padding: 7vw 0 30vw 0; text-align: center; line-height: 4vw;}
footer div{display: flex; justify-content: center; overflow: hidden; line-height: 3vw;}
footer em,footer span{font-size: 3vw; line-height: 4.6vw; color: #333; float: left; letter-spacing: -1px;}
footer span{padding:0 2vw 0 0.7vw;}
footer div span:last-child{padding-right:0;}
footer .copy{font-size: 3vw; line-height: 4.6vw; color: #999; padding:4vw 0 0 0; letter-spacing: -1px;}

#counquest{position: fixed; left:0; bottom:0; width: 100%; height: 70px; background: #353533; display: flex; justify-content: center; align-items: center; z-index: 10000;}
#counquest *{float: left;}
#counquest strong{font-size: 26px; color: #edc88d; font-weight: 500; margin-right: 20px; letter-spacing: -1px;}
#counquest input{font-size: 20px; line-height: 20px; color: #999; width: 190px; height: 44px; padding: 0 12px; margin-right: 12px; letter-spacing: -1px;}
#counquest select{font-size: 20px; color: #000; width: 190px; height: 44px; margin-right: 12px; background: #fff; border: 0; padding: 0 10px 0 12px; letter-spacing: -1px;}
#counquest label{color:#bebebe; font-size: 16px; line-height: 20px; display: flex; align-items: center;}
#counquest label input{border:2px #b5b5b5 solid; width: 20px; height: 20px; margin-right: 5px;}
#counquest span{color:#bebebe; font-size: 16px; line-height: 20px; font-weight: 500; cursor: pointer; margin-left: 5px;}
#counquest span:hover{text-decoration: underline;}
#counquest button{color:#fff; border: 0; background: #cca66a; width: 180px; height: 44px; margin-left: 20px; font-size: 20px; font-weight: 400; letter-spacing: -1px;}
#counquest button:hover{background: #947441; transition: 0.3s;}


#counquest{position: fixed; left:0; bottom:0; width: 100%; height: 20vw; background: url(../images/bot_menu_bg.png) no-repeat center bottom; background-size: 100% auto; z-index: 9999;}
#counquest a{text-align: center; padding-top: 8vw; font-size: 2vw; position: absolute; bottom: 2vw; width: 16vw; height: 12vw; white-space: nowrap; display: flex; justify-content: center;}
#counquest a.home{background: url(../images/bot_menu_icon0.png) no-repeat center center; background-size: 100%; left:50%; bottom:8vw; width: 15vw; height: 15vw; margin-left: -8vw;}
#counquest a.tel{background: url(../images/bot_menu_icon1.png) no-repeat center 1vw; background-size: auto 50%; left:5%;}
#counquest a.naver{background: url(../images/bot_menu_icon21.png) no-repeat center 1vw; background-size: auto 50%; left:23%;}
#counquest a.fast{background: url(../images/bot_menu_icon3.png) no-repeat center 1vw; background-size: auto 50%; right:25%;}
#counquest a.blog{background: url(../images/bot_menu_icon4.png) no-repeat center 2.5vw; background-size: auto 30%; right:5%;}




.map .cont1{padding: 0 5vw 10vw 5vw;}
.map .cont1 > img{width: 100%;}
.map .cont1 > .map{width: 100%; overflow: hidden;}



.hview .cont1{text-align: center; padding: 3vw 0 10vw 0;}
.hview .cont1 .bimg{padding: 0 5vw;}
.hview .cont1 .bimg img{width:100%;}
.hview .cont1 .gnavi_wrap{background: #f7f7f7; display: flex; align-items: center; justify-content: center; height: 20vw;}
.hview .cont1 .gnavi_wrap .sumb{width:100%; overflow-x: auto;}
.hview .cont1 .gnavi_wrap .sumb ul{display: block; transition: 0.3s; margin: 3vw 3vw; }
.hview .cont1 .gnavi_wrap .sumb li{width: 20vw; margin: 0 1vw; border:1px #c0c0c0 solid; overflow: hidden; cursor: pointer; float:left;}
.hview .cont1 .gnavi_wrap .sumb li img{width:100%;}
.hview .cont1 .gnavi_wrap .sumb li:hover{opacity: 0.5; transition: 0.3s;}
.hview .cont1 .gnavi_wrap .sumb .select{border:1px #39dcff solid; cursor: default;}
.hview .cont1 .gnavi_wrap .sumb .select:hover{opacity: 1;}
.hview .cont1 .gnavi_wrap .bu_wrap{display: none;}





.table_wrap{width:100%; margin: auto; overflow: hidden; margin-top: 15vw;}
.table_wrap table{width: 100%;}

.view_wrap{border-top:1px #4d4d4d solid; border-bottom:1px #4d4d4d solid;}
.view_wrap .view_tit{border-bottom:1px #b2b2b2 dotted; overflow: hidden; padding: 2vw 2vw;}
.view_wrap .tit{background: #fff; height: 6vw; font-size: 3.5vw; line-height: 6vw; font-weight: 400; color:#000; float:left; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.view_wrap .list_sub{clear:both; float:left; width: 100%; background: #fff; height: 5vw; font-size: 3vw; line-height: 5vw; font-weight: 400; color:#999;}
.view_wrap .name{float:left; color:#d49e5d;}
.view_wrap .date{float:left; margin-left: 2vw;}

.view_wrap .view_data{padding:4vw 2vw; background: #fff; font-size: 3.5vw; line-height: 6vw; font-weight: 400; color:#000;}
.view_wrap .view_data.re{padding:0 2vw 4vw 2vw; background: #fcfcfc; border-top:1px #ccc dotted;} 
.view_wrap .view_data.re strong{padding:3vw 2vw 3vw 2vw; background: #333; color:#fff; border-bottom:1px #111 dolid; margin-bottom: 4vw;} 



.table_pwd_sub{width: 100%; text-align: center; padding: 20vw 10vw;}
.table_pwd_sub h3{color:#e4b53e; font-size: 5vw; font-weight: 500;;}
.table_pwd_sub p{color:#333; font-size: 3vw; line-height: 5vw; padding: 2.5vw 0 2.2vw;}
.table_pwd_sub fieldset{ display: flex; justify-content: center; align-items: center; border: 0;}
.table_pwd_sub fieldset legend{display: none;}
.table_pwd_sub fieldset label{float:left; font-size: 3vw; margin-right: 2vw;}
.table_pwd_sub fieldset input{ border:1px #c4c4c4 solid; border-radius: 5px; height: 8vw; padding-left: 2vw; font-size: 3vw; letter-spacing: 0.5vw;}
.table_pwd_sub .join_btn{ display: flex; justify-content: center; padding: 6vw;}
.table_pwd_sub .join_btn a{color:#fff; font-size: 3vw; line-height: 3vw; padding: 3vw 0; float:left; margin: 0 0.5vw; width: 26vw;}
.table_pwd_sub .join_btn .btn_style_yellow{background: #e5b641;}
.table_pwd_sub .join_btn .btn_style_gray{background: #585858;}




.table_list{border-top:2px #4d4d4d solid;}
.table_list li{border-bottom:1px #b2b2b2 dotted; overflow: hidden; padding: 2vw 2vw;}
.table_list li:last-child{border-bottom:1px #b2b2b2 solid;}
.table_list li > em{background: #d49e5d; height: 5vw; font-size: 3vw; line-height: 5vw; font-weight: 400; color:#fff; padding: 0.5vw 1vw; float:left; margin: 1vw 0;}
.table_list li .list_tit{background: #fff; height: 6vw; font-size: 3.5vw; line-height: 6vw; font-weight: 400; color:#000; float:left; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; display: flex; align-items: center;}
.table_list li .lock{margin: 0 0 0 1.5vw; width: 2.2vw;}
.table_list .nodata .list_tit{width:100%; text-align: center;}
.table_list li .list_sub{clear:both; float:left; width: 100%; background: #fff; height: 5vw; font-size: 3vw; line-height: 5vw; font-weight: 400; color:#999;}
.table_list li .list_sub .name{float:right; color:#d49e5d;}
.table_list li .list_sub .day{float:left;}



.table_form .agree_wrap{background: #fcfcfc; border:1px #dfdfdf solid; padding: 4.5vw 2vw; margin-bottom: 10vw; overflow: hidden;}
.table_form .agree_wrap strong{display: block; font-size: 4.5vw; font-weight: 400; line-height: 4.5vw; color:#333; padding-bottom: 3.5vw;}
.table_form .agree_wrap textarea{background: #fff; border:1px #dfdfdf solid; width:100%; height: 40vw; padding: 4vw; color:#8c8c8c; font-size: 3vw;}
.table_form .agree_wrap label{float:left; font-size: 3vw; line-height: 3vw; font-weight: 400; color:#555; display: flex; align-items: center; margin-top: 2vw; padding-left: 0.5vw;}
.table_form .agree_wrap label input{float:left; width: 3vw; height: 3vw; margin-right: 1.5vw;}
.table_form table{border-top:2px #4d4d4d solid;}
.table_form table tr{border-bottom:1px #b3b3b3 dotted;}
.table_form table tr:last-child{border-bottom:1px #222 solid;}
.table_form table th{min-height: 9vw; font-size: 3vw; line-height: 3vw; font-weight: 400; color: #696969; text-align: left; padding-left: 2.5vw; background: url(../images/tpl/board_write_th_bg.gif) no-repeat right center;}
.table_form table td{min-height: 9vw; font-size: 2.5vw; line-height: 3vw; font-weight: 400; color: #696969; text-align: left; padding: 1.5vw 2vw 1.5vw 3.2vw;}
.table_form table td input{border: 1px #cacaca solid; background: #fbfbfb; height: 6.5vw; padding-left: 2vw;}
.table_form table td select{border: 1px #cacaca solid; background: #fbfbfb; height: 6.5vw; padding-left: 2vw;}
.table_form table td textarea{border: 1px #cacaca solid; background: #fbfbfb; height: 35vw; padding: 2vw;}
.table_form table td .email_list,
.table_form table td .tel_lest{float: left; margin-right: 2vw;}
.table_form table td .check_box{float:left; display: flex; align-items: center;}
.table_form table td .check_box input{margin-right: 1vw;}
.table_form table .security_txt .sub_table img{ display:inline-block;}
.table_form table .security_txt .sub_table a{ display:inline-block; color:#d49e5d;}
.table_form table .security_txt .sub_table input{margin-left: 12vw; padding:0;}
.table_form table .context .sub_table{padding-top: 1vw;}



.tab_menu{width:100%; margin: auto; display: flex; justify-content: center; padding:15vw 0 7.5vw 0;}
.tab_menu.tm2{flex-direction: column;}
.tab_menu a{padding:3.5vw 4vw; background: #888; color:#fff; font-size: 4vw; font-weight: 500; line-height: 4vw; float:left; margin: 0 0.1vw;}
.tab_menu a.select{background: #d49e5d;}
.tab_menu_ul{width:100%; display: flex; justify-content: center; padding:15vw 2vw 7.5vw 2vw;}
.tab_menu_ul ul{width:100%; display: flex; justify-content: center;}
.tab_menu_ul li{background: #888; float:left; margin: 0 0.1vw;}
.tab_menu_ul li.on{background: #d49e5d;}
.tab_menu_ul li a{padding:3vw 0; width: 20vw; color:#fff; font-size: 3vw; font-weight: 500; line-height: 3vw; float:left; text-align: center;}
.tab_menu div{display: flex; justify-content: center;}



.table_btn01{width:100%; margin: auto; text-align: center; padding: 8vw 0 12vw 0; display: flex; justify-content: center; }
.table_btn01.bot10{padding-bottom: 10vw;}
.table_btn01 a{color:#fff; background: #b7b7b7; text-align: center; font-size: 3vw; font-weight: 400; line-height: 10vw; width: 22vw; float: left;}
.table_btn01 a:hover{background: #333; transition: 0.3s;}
.table_btn01 .buwrite{background: #222;}
.table_btn01 .buwrite:hover{background: #d49e5d;}
.table_btn01 .bulist{float:left; background: #b7b7b7;}
.table_btn01 .bulist:hover{background: #222;}
.table_btn01 .btn_ok{background: #d49e5d; float:right;}
.table_btn01 .btn_ok:hover{background: #d49e5d;}
.table_btn01 .bucancel{background: #222; margin-left: 1vw; float:right;}
.table_btn01 .bucancel:hover{background: #000;}




.paging{ clear: both; width:100%; margin: auto; display: flex; justify-content: center; padding: 6vw 0 8vw 0;}
.paging a{border:1px #ddd solid; width:6vw; height: 6.2vw; background: #fff; float:left; display: flex; align-items: center; justify-content: center; font-size: 3vw; font-weight: 400; line-height: 6.2vw; color:#666; margin: 0 1.2vw;}
.paging a.on{border-color:#d49e5d; color:#d49e5d;}
.paging a img{display:none;}
.paging a.prev{background: url(../images/tpl/paging_icon.png) no-repeat center center;}
.paging a.next{background: url(../images/tpl/paging_icon.png) no-repeat center center; transform: rotateY(180deg);}



.beafter .tab_menu{padding: 0 0 4.5vw 0;}
.beafter .tab_menu a{padding: 2.3vw 0; text-align: center; margin: 0.2vw; font-size: 2.5vw; color:#ccc;}
.beafter .tab_menu a.select{color:#fff;}
.beafter .tab_menu div:nth-child(1) a:nth-child(1){width:32vw;}
.beafter .tab_menu div:nth-child(1) a:nth-child(2){width:12vw;}
.beafter .tab_menu div:nth-child(1) a:nth-child(3){width:14vw;}
.beafter .tab_menu div:nth-child(2) a:nth-child(1){width:25vw;}
.beafter .tab_menu div:nth-child(2) a:nth-child(2){width:16.5vw;}
.beafter .tab_menu div:nth-child(2) a:nth-child(3){width:16.5vw;}

.beafter .table_wrap{margin-top: 0;}
.beafter .mark{background: url(../images/sub07/sumb_mark.png) no-repeat center 82%; background-size:auto; position: absolute; width: 100%; height: 100%; top:0; left:0; opacity: 0.6;}
.beafter .photo_view{border:2px #ccc solid; margin: 0 5.2vw 5vw 5.2vw; padding: 4vw 0;}
.beafter .photo_view .tag{width: 100%; text-align: center; padding: 0 0 3vw 0; font-size: 3.5vw; line-height: 5vw; font-weight: 500; color:#000;}
.beafter .photo_view .photo_view_imgwrap{width:100%; display: flex; justify-content: center; padding: 0 3vw;}
.beafter .photo_view .photo_view_imgwrap img{width: 50%;}
.beafter .sumb_navi{ padding: 0 4vw;}
.beafter .navi_wrap{width:50%; float:left; padding: 0 1.2vw 4vw 1.2vw;}
.beafter .navi_wrap .bf_at_img{border:2px #ccc solid; display: flex; align-items: center; justify-content: center; min-height: 28vw;}
.beafter .navi_wrap.select .bf_at_img{border:2px #d49e5d solid;}
.beafter .navi_wrap .bf_at_img img{width: 100%; float: left;}
.beafter .navi_wrap .bf_at_text{width:100%; text-align: center; font-size: 2.4vw; line-height: 2.4vw; padding: 2.5vw 0 0 0;}
.beafter .navi_wrap .mark{background-size:20%; background-position: center 50%;}
.beafter .paging{padding-bottom: 15vw;}