/* 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{min-width: 1400px; overflow: hidden;}
.wrap_{width:1400px; margin:auto;}




.intro{overflow: hidden;}
.intro .tit{background: #f9f9f9; display: flex; justify-content: center; align-items: center; width:100%; height: 180px;}
.intro .tit span{float:left; font-size: 40px; line-height: 1; color:#b8b8b8; font-family: 'Renogare-Regular';}
.intro .tit em{float:left; font-size: 40px; font-weight: 700; line-height: 1; color:#545353; letter-spacing: -2px; padding-left: 10px; font-family: 'Nanum Myeongjo';}
.intro .doc_wrap{display: flex; width:100%; justify-content: center;}
.intro .doc_wrap .doc{flex: 1; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer;}
.intro .doc_wrap .doc:nth-child(1){background: url(../images/intro/doc_bg_simbol.png) no-repeat -30% 50%,url(../images/intro/doc1_bg.jpg) no-repeat center center; background-size: 50% auto,110% 110%;}
.intro .doc_wrap .doc:nth-child(2){background: url(../images/intro/doc_bg_simbol.png) no-repeat 110% 58%,url(../images/intro/doc2_bg.jpg) no-repeat center center; background-size: 50% auto,110% 110%;}
.intro .doc_wrap .doc:nth-child(3){background: url(../images/intro/doc_bg_simbol.png) no-repeat 126% 40%,url(../images/intro/doc3_bg.jpg) no-repeat center center; background-size: 50% auto,110% 110%;}
.intro .doc_wrap .doc:nth-child(4){background: url(../images/intro/doc_bg_simbol.png) no-repeat 123% 65%,url(../images/intro/doc4_bg.jpg) no-repeat center center; background-size: 50% auto,110% 110%;}
.intro .doc_wrap .doc .store{width: 100%; padding: 50px 50px 0 50px; overflow: hidden;}
.intro .doc_wrap .doc .store span{font-size: 50px; line-height: 1; color:#dac8b4; display: block; margin-bottom: 20px; font-family: 'Renogare-Regular';}
.intro .doc_wrap .doc .store em{clear: both; float: left; font-size: 30px; line-height: 1; letter-spacing: -1px; font-weight: 300; padding-right: 10px; color:#fff;}
.intro .doc_wrap .doc .store strong{float: left; font-size: 30px; line-height: 1; letter-spacing: -1px; font-weight: 500; color:#fff;}
.intro .doc_wrap .doc .store p{clear: both; float: left; border-top:1px rgba(255,255,255,0.3) solid; padding-top: 20px; width: 100%; margin-top: 20px; font-size: 16px; line-height: 22px; font-weight: 300; letter-spacing: -1px; color:#fff;}
.intro .doc_wrap .doc .doctor{width: 100%; padding: 50px 0 300px 0;}
.intro .doc_wrap .doc .doctor .img_wrap{width: 100%; display: flex; justify-content: center;}
.intro .doc_wrap .doc .doctor .img_wrap img{height:450px;}
.intro .doc_wrap .doc .doctor .name{background: url(../images/intro/doc_namebg.png) repeat-y; background-size: 100%; width: 45%; height: 50px; display: flex; padding-left: 20px; align-items: center; position: absolute; left:25%; bottom:50px;}
.intro .doc_wrap .doc:nth-child(1) .doctor .name{left:calc(50% + 20px);}
.intro .doc_wrap .doc:nth-child(2) .doctor .name{left:calc(50% + 20px);}
.intro .doc_wrap .doc:nth-child(3) .doctor .name:nth-child(2){left:15%;}
.intro .doc_wrap .doc:nth-child(3) .doctor .name:nth-child(3){left:60%;}
.intro .doc_wrap .doc:nth-child(4) .doctor .name{left:calc(50% + 20px);}
.intro .doc_wrap .doc .doctor .name strong{color:#fff; font-size: 24px; letter-spacing: -1.5px; line-height: 24px;}
.intro .doc_wrap .doc .doctor .name span{color:#fff; font-size: 16px; letter-spacing: -1.5px; line-height: 16px; padding-left: 10px; margin-top: 7px;}

.intro .doc_wrap .doc .info{position: absolute; width: 100%; height: 300px; bottom:0; background: #f9f9f9; padding: 40px 30px;}
.intro .doc_wrap .doc .info .addr{font-size: 15px; line-height: 15px; letter-spacing: -1px; color: #63645f; padding-top: 35px; background: url(../images/intro/info_logo.png) no-repeat; width: 100%; background-size: auto 30px;}
.intro .doc_wrap .doc .info .tel{padding-top: 20px; font-size: 28px; line-height: 1; color:#63645f; font-family: 'GmarketSansMedium';}
@media screen and (min-width:2400px){
    .intro .doc_wrap .doc .store span{font-size: 60px; margin-bottom: 25px;}
    .intro .doc_wrap .doc .store em{font-size: 36px; padding-right: 15px;}
    .intro .doc_wrap .doc .store strong{font-size: 36px;}
    .intro .doc_wrap .doc .store p{padding-top: 26px; margin-top: 26px; font-size: 22px; line-height: 26px;}
    .intro .doc_wrap .doc .doctor .img_wrap img{height:auto;}
    .intro .doc_wrap .doc .doctor .name{height: 80px;}
    .intro .doc_wrap .doc .doctor .name strong{font-size: 36px; line-height: 1;}
    .intro .doc_wrap .doc .doctor .name span{font-size: 22px; line-height: 1; padding-left: 20px; margin-top: 15px;}
    .intro .doc_wrap .doc .info .addr{font-size: 20px; line-height: 1; padding-top: 40px;}
    .intro .doc_wrap .doc .info .tel{font-size: 36px;}
}





.top{position: fixed; top:0; left:0; width:100%; height:159px; z-index: 990; background: #fff url(../images/top_navi_submbg.gif) repeat-x 0 159px; z-index: 1000; display: block; transition:0.5s height;}
.top.move{box-shadow: rgba(0,0,0,0.5) 0 0 10px;}
.top .wrap_{display: flex; align-items: center;}
.top .logo{height: 100%; width: 180px; display: flex; align-items: center; justify-content: center;}
.top .top_navi{width:100%; display: flex; justify-content:space-between; align-items: center; margin: auto; padding: 0 50px;}
.top .top_navi li{float:left; height: 100px; overflow: visible;}
.top .top_navi li > a{float:left; width:100%; height: 100%; font-size: 19px; font-weight: 700; color: #000; display: flex; align-items: center; padding: 0 20px; transition: 0.2s;}
.top .top_navi li:first-child a{background: none;}
.top .top_navi li a:hover{text-decoration: none; cursor: pointer; color:#335493;}
.top .top_navi li .submenu{position:absolute; top:100px; left:0; width: 100%; padding: 0 400px 0 100px; z-index: -1; opacity: 0; transition:0.5s; display: flex;}
.top .top_navi li:hover .submenu{z-index: 100; opacity:1;}
.top .top_navi .submenu li{height:0; transition:0.5s; overflow: hidden; padding: 0 10px;}
.top .top_navi li .submenu li a{background: none; text-align: center; height: 76px; font-size: 18px; font-weight: 400; color:#c8c8c8; transition: 0.2s;}
.top .top_navi li .submenu li a:hover{color:#aecaff;}
.top .top_navi li:hover .submenu li{height:76px;}
.top .top_navi li:nth-child(1) .submenu{justify-content: flex-start;}
.top .top_navi li:nth-child(2) .submenu{justify-content: flex-start;}
.top .top_navi li:nth-child(3) .submenu{justify-content: center;}
.top .top_navi li:nth-child(4) .submenu{justify-content: center;}
.top .top_navi li:nth-child(5) .submenu{justify-content: flex-end;}
.top .top_navi li:nth-child(6) .submenu{justify-content: flex-end;}


.top .right_{display: flex; align-items: center;}
.top .right_ .member_bu{display: flex; padding-top: 10px;}
.top .right_ .member_bu a{float: left; text-align: center; color:#7b7b7b; font-size: 13px; letter-spacing: -0.5px; line-height: 13px; font-weight: 400; margin-left: 10px;}
.top .right_ .member_bu a:first-child{margin-left: 0;}
.top .right_ .member_bu a span{width: 38px; height: 38px; border:1px #7b7b7b solid; margin-bottom: 5px;}
.top .right_ .member_bu a:hover{color:#111; transition: 0.2s;}
.top .right_ .member_bu a:hover span{background-color: #eee; transition: 0.2s;}
.top .right_ .member_bu .login span{background: url(../images/top_membu_icon_login.png) no-repeat center center;}
.top .right_ .member_bu .join span{background: url(../images/top_membu_icon_join.png) no-repeat center center;}
.top .right_ .store{margin-left: 43px;}
.top .right_ .store .select_bu{height: 100px; width: 250px; background: #0b0b0b; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; cursor: pointer; z-index: 2;}
.top .right_ .store .select_bu .bg{}
.top .right_ .store .select_bu .bg em{font-size: 10px; line-height: 12px; color: #ababab; display: block; font-family: 'Renogare-Regular';}
.top .right_ .store .select_bu .bg span{font-size: 15px; color: #7e7e7e; display: block; font-family: 'Renogare-Regular'; line-height: 15px;}
.top .right_ .store .select_bu .ti{background: url(../images/top_store_selectbu.png) no-repeat 99% center; padding-right: 50px;}
.top .right_ .store .select_bu .ti em{color: #9ebfff; font-size: 18px; line-height: 20px; font-weight: 700; display: block;}
.top .right_ .store .select_bu .ti span{color: #e6e6e6; font-size: 16px; line-height: 18px; display: block;}
.top .right_ .store .store_open{position: absolute; width: 100%; background: #4f4f4f; top: 0; z-index: 1; transition: 0.3s;}
.top .right_ .store:hover .store_open{padding-top: 100px;}
.top .right_ .store .store_open a{position: absolute; width: 100%; height: 1px; display: flex; flex-direction: column; justify-content: center; padding: 0 25px; background: url(../images/top_store_select_icon.png) no-repeat 85% center; transition: 0.3s;}
.top .right_ .store:hover .store_open a{position: relative; height: 75px;}
.top .right_ .store .store_open a:hover{background-color: #262626; background-image: url(../images/top_store_select_icon_.png); transition: 0.3s;}
.top .right_ .store .store_open a div{border-bottom: 1px #fff dotted; padding: 12px 0 12px 5px;}
.top .right_ .store .store_open a:hover div{border-bottom: 1px #262626 solid;}
.top .right_ .store .store_open a em{color: #9ebfff; font-size: 18px; line-height: 18px;}
.top .right_ .store .store_open a span{ width: 100%; font-size: 17px; line-height: 17px; margin-top: 2px; color:#e6e6e6; font-family: 'GmarketSansMedium';}
.top .right_ .store:hover .store_open a:last-child div{border:0;}



.content{padding-top: 159px;}


.img_wrap{display: flex; flex-direction: column; align-items: center; overflow: hidden;}


.main_visual{z-index: 1;}
.main_visual > div{overflow: hidden;}
.main_visual .imgwrap{display: flex; justify-content: center; overflow: hidden;}
.main_visual img{margin: auto;}
.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: 100px;}
.main_visual .txt strong{ font-family:'Renogare-Regular'; font-size: 80px; line-height: 80px; letter-spacing: 0; color:#fff; text-align: center;}
.main_visual .txt span{font-family: 'GmarketSansLight'; font-size: 15px; line-height: 15px; font-weight: 100; padding: 35px 0 50px 0; color:#fff; letter-spacing: 25px; text-align: center; margin-left: 25px;}
.main_visual .txt p{ font-size: 26px; line-height: 35px; font-weight: 100; text-align: center; color:#fff;}

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




.main_wrap1{background: #f1f1f1; z-index:2;}
.main_wrap1 .txtbg{background: #335493 url(../images/main/main_wrap1_boxbg.gif) no-repeat right 0; height: 230px; position: absolute; top:-120px; left:0; right:calc(50% + 200px);}
.main_wrap1 .boxbg{background: #fff; position: absolute; top: 0; left:calc(50% - 350px); right:0; bottom:0;}
.main_wrap1 .txt_wrap{display: flex; justify-content: center;}
.main_wrap1 .txt_wrap div{padding-left: 335px; background: url(../images/main/main_wrap1_txtbg.png) no-repeat 0 12px; margin-top:105px; margin-left: calc(50% - 530px);}
.main_wrap1 .txt_wrap div p{display: inline-block; font-size: 43px; line-height: 53px; font-weight: 300; color:#000; letter-spacing: -3px; background: url(../images/main/main_wrap1_txtbg1.png) no-repeat,url(../images/main/main_wrap1_txtbg1_.png) no-repeat right 0; padding: 33px 70px 0 70px;}
.main_wrap1 .txt_wrap div span{font-size: 20px; line-height: 25px; font-weight: 300; color:#9f9f9f; letter-spacing: -1.5px; padding: 35px 75px 70px 70px; background: url(../images/main/main_wrap1_txtbg2.png) no-repeat right bottom;}
.main_wrap1 .banner_wrap{display: flex; justify-content: center; align-items: flex-end; padding:106px 0 150px 0;}
.main_wrap1 .banner_wrap .box{margin: 0 41px; transition: 0.3s; color:#fff; font-size: 30px; font-weight: 500; letter-spacing: -2px; width: 385px; padding: 45px 0 0 40px;}
.main_wrap1 .banner_wrap a:nth-child(1) .box{background: url(../images/main/main_wrap1_banner1.jpg) no-repeat; height: 840px;}
.main_wrap1 .banner_wrap a:nth-child(2) .box{background: url(../images/main/main_wrap1_banner2.jpg) no-repeat; height: 680px;}
.main_wrap1 .banner_wrap a:nth-child(3) .box{background: url(../images/main/main_wrap1_banner3.jpg) no-repeat; height: 780px;}
.main_wrap1 .banner_wrap a:nth-child(1):hover .box{background: url(../images/main/main_wrap1_banner1_.jpg) no-repeat;}
.main_wrap1 .banner_wrap a:nth-child(2):hover .box{background: url(../images/main/main_wrap1_banner2_.jpg) no-repeat;}
.main_wrap1 .banner_wrap a:nth-child(3):hover .box{background: url(../images/main/main_wrap1_banner3_.jpg) no-repeat;}




.main_wrap2{background: url(../images/main/main_wrap2_bg.jpg) no-repeat center 0;}
.main_wrap2 .wrap_{height: 838px;}
.main_wrap2 .txt{position: absolute; top: 140px; left:0; display: flex; flex-direction: column;}
.main_wrap2 .txt .ti{color:#fff; font-size: 60px; line-height: 60px; font-family: 'Renogare-Regular'; margin: 0;}
.main_wrap2 .txt .ti.color{color:#9bb2db;}
.main_wrap2 .txt span{font-size: 26px; line-height: 26px; font-weight: 200;color:#fff; margin-top: 20px; letter-spacing: -1px;}
.main_wrap2 .map_wrap{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; align-items: flex-end;}
.main_wrap2 .map_wrap .address{display: flex; padding-bottom: 190px; flex: 2;}
.main_wrap2 .map_wrap .address > div{display: flex; flex-direction: column; align-items: center; width: 200px;}
.main_wrap2 .map_wrap .address > div .name{text-align: center; color:#fff; font-size: 25px; line-height: 28px; 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 bottom; width: 40px; height: 116px; margin:13px 0 8px;}
.main_wrap2 .map_wrap .address > div .point span{width: 40px; height: 40px; border-radius: 20px; background: rgba(247,194,32,0.2); transition: 0.5s; transform: scale(0.5);}
.main_wrap2 .map_wrap .address > div.select .point span{transform: scale(1); }
.main_wrap2 .map_wrap .address > div .addr{font-size: 18px; line-height: 23px; color:#cbcbcb; letter-spacing: -1px; text-align: center;}
.main_wrap2 .map_wrap .map_area{flex: 1; width: 452px; height: 592px; background: url(../images/main/main_wrap2_mapbg.png) no-repeat right bottom; margin-bottom: 135px;}
.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:350px; left:120px;}
.main_wrap2 .map_wrap .map_area .p2{top:360px; left:230px;}
.main_wrap2 .map_wrap .map_area .p3{top:280px; left:340px;}
.main_wrap2 .map_wrap .map_area .p4{top:290px; left:260px;}



.main_wrap3{background: #fff;}
.main_wrap3 .ti{text-align: center; display: block; padding: 105px 0 125px 0; color: #d7d7d7; font-family: 'Renogare-Regular'; font-size: 60px; line-height: 60px;}
.main_wrap3 .ti span{ color:#000; padding-left: 25px; font-family: 'Renogare-Regular';}
.main_wrap3 .initial{display: flex; padding-bottom: 160px;}
.main_wrap3 .initial div{flex: 1; display: flex; font-size: 16px; font-weight: 300; line-height: 23px; letter-spacing: -1px; color: #666; padding: 0 30px; min-height: 400px;}
.main_wrap3 .initial div:nth-child(1){background: url(../images/main/main_wrap3_initial1.png) no-repeat center 0; align-items: flex-end;}
.main_wrap3 .initial div:nth-child(2){background: url(../images/main/main_wrap3_initial2.png) no-repeat center bottom;}
.main_wrap3 .initial div:nth-child(3){background: url(../images/main/main_wrap3_initial3.png) no-repeat center 0; align-items: flex-end;}
.main_wrap3 .initial div:nth-child(4){background: url(../images/main/main_wrap3_initial4.png) no-repeat center bottom;}



.main_wrap4{background: #f5f5f5 url(../images/main/main_wrap4_bg.png) no-repeat center center;}
.main_wrap4 .wrap_{height: 808px;}
.main_wrap4 .roundboxbg{position: absolute; bottom:0; width: 780px; height: 270px; background: #e5e5e5; border-radius: 43px; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.main_wrap4 .txt{position: absolute; top: 117px;}
.main_wrap4 .txt span{ font-family: 'Renogare-Regular'; font-size: 20px; color: #d5d5d5; line-height: 20px; letter-spacing: 30px;}
.main_wrap4 .txt em{margin-top: 55px; font-size: 45px; font-weight: 300; line-height: 50px; letter-spacing:-2px; color:#232323; display: block;}
.main_wrap4 .txt em strong{display: block;}
.main_wrap4 .txt p{font-size: 23px; line-height: 28px; margin-top: 15px; letter-spacing: -2px; color: #232323; font-weight: 200;}
.main_wrap4 .doc_photo{position: absolute; bottom:0; width: 780px; height: 270px; padding: 74px 0 0 48px; z-index: 3;}
.main_wrap4 .doc_photo > div{float: left; padding-right: 14px; margin-top: 42px; cursor: pointer;}
.main_wrap4 .doc_photo > div img{float:left; border-radius: 50px; width: 50px; height: 50px;}
.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: 34px 0 0 15px; font-size: 18px; line-height: 18px; font-weight: 300; letter-spacing: -1px; color:#808080;}
.main_wrap4 .doc_photo > div em strong{display: block; font-size: 25px; letter-spacing: -1px; color: #000; margin-top: 5px;}
.main_wrap4 .doc_photo > div.select{padding-right: 50px; margin: 0; cursor: default;}
.main_wrap4 .doc_photo > div.select img{box-shadow: rgba(0,0,0,0.15) 4px 4px 4px; width: 91px; height: 91px;}
.main_wrap4 .doc_photo > div.select:hover img{transform: scale(1);}
.main_wrap4 .doc_photo > div.select em{display: block;}
.main_wrap4 .doctor{opacity: 0; position: absolute; right:0; left: 50%; top:0; bottom:0; z-index: 2;}
.main_wrap4 .doctor > img{position: absolute; left:-130px; bottom:0;}
.main_wrap4 .doctor > div{position: absolute; left:50%; top:150px;}
.main_wrap4 .doctor > div .store{font-size: 40px; line-height: 40px; font-weight: 700; letter-spacing: -2px; color:#b5b5b5;}
.main_wrap4 .doctor > div .store strong{color:#426fc5; padding-left: 5px;}
.main_wrap4 .doctor > div .name{margin-top: 20px; color: #232323; font-size: 25px; line-height: 35px; letter-spacing: -1px; font-weight: 500;}
.main_wrap4 .doctor > div .name strong{ font-size: 35px; line-height: 35px; font-weight: 500; letter-spacing: -1px; padding-right: 8px;}
.main_wrap4 .doctor > div ul{padding-top: 46px;}
.main_wrap4 .doctor > div li{font-size: 16px; line-height: 20px; font-weight: 300; color:#949494; letter-spacing: -1px; background: url(../images/main/main_wrap4_list_dot.gif) no-repeat 0 10px; padding-left: 8px; margin-top: 15px;}

.main_wrap4 .doctor.select{opacity:1; transition: 0.3s;}
.main_wrap4 .doctor.select > img{left:-230px; transition: 0.3s;}
.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: 158px 0 0 0;}
.bottom .map .ti em{font-family: 'Renogare-Regular'; font-size: 45px; line-height: 45px; letter-spacing: 1px; color: #dadada;}
.bottom .map .ti span{font-family: 'Renogare-Regular'; font-size: 8px; line-height: 8px; letter-spacing: 12px; color: #ededed; padding: 13px 0;}
.bottom .map .ti strong{font-size: 45px; line-height: 45px; letter-spacing: -2px; font-weight: 500; color:#232323;}
.bottom .map .ti .tabm{display: flex; margin: 50px 0;}
.bottom .map .ti .tabm li{float:left; width: 175px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 500; letter-spacing: -1px; 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;}
.bottom .map .wrap_.select{display: flex; padding: 110px 0;}
.bottom .map .wrap_ > div{flex:1;}
.bottom .map .wrap_ .map_area img{margin: auto;}
.bottom .map .wrap_ .cs_info{ text-align: center; padding: 0 90px 0 60px;}
.bottom .map .wrap_ .cs_info > strong{font-size: 40px; line-height: 40px; color:#fff; font-weight: 400; padding-top: 50px; font-family: "Renogare-Regular";}
.bottom .map .wrap_ .cs_info > .tel{padding: 25px 0 30px 0; border-bottom: 1px #ddd solid; display: flex; align-items: center; justify-content: center;}
.bottom .map .wrap_ .cs_info > .tel em{font-size: 28px; line-height: 28px; color:#8d8f96; font-family: 'Renogare-Regular'; padding-right: 10px;}
.bottom .map .wrap_ .cs_info > .tel span{font-size: 26px; line-height: 28px; color:#fff; font-weight: 500; font-family: 'GmarketSansMedium';}
.bottom .map .wrap_ .cs_info > .time{display: flex; padding:30px 0 0 50px;}
.bottom .map .wrap_ .cs_info > .addr{display: flex; padding:30px 0 0 50px;}
.bottom .map .wrap_ .cs_info > .time em,
.bottom .map .wrap_ .cs_info > .addr em{font-size: 18px; line-height: 30px; color: #000; font-weight: 500; width: 90px; text-align: left;}
.bottom .map .wrap_ .cs_info > .time div{display: block;}
.bottom .map .wrap_ .cs_info > .time div em{font-size: 18px; line-height: 30px; color: #444; clear: both; float: left; width: 85px;}
.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: 18px; line-height: 30px; color: #444; float: left;}
.bottom .map .wrap_ .cs_info > .addr span{font-size: 18px; color: #444;}
.bottom .map .wrap_ .cs_info > .sns{display: flex; justify-content: center; padding-top: 40px;}
.bottom .map .wrap_ .cs_info > .sns a{width: 93px; height:93px; background-color: #fff; background-position: center 25px; float:left; margin: 0 8px; border-radius: 3px; border:1px #ddd solid; padding-top: 60px; font-size: 14px; 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 25px;}
.bottom .map .wrap_ .cs_info > .sns a:nth-child(2){background:#fff url(../images/sns_talk.png) no-repeat center 17px;}
.bottom .map .wrap_ .cs_info > .sns a:nth-child(3){background:#fff url(../images/sns_instar.png) no-repeat center 17px;}
.bottom .map .wrap_ .cs_info > .sns a:nth-child(4){background:#fff url(../images/sns_youtube.png) no-repeat center 22px;}


#bot_menu{background: #fff; display: flex; justify-content: center; overflow: hidden; padding: 20px 0; border: 1px #efeff0 solid; border-left: 0; border-right: 0;}
#bot_menu a{font-size: 16px; font-weight: 500; line-height: 14px; color:#7f7f7f; padding: 0 45px; 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 url(../images/bot_logo.png) no-repeat center 55px; padding: 135px 0 130px 0; text-align: center;}
footer em,footer span{font-size: 14px; font-weight: 500; line-height: 20px; color: #333; letter-spacing: -0.5px;}
footer span{padding:0 12px 0 5px;}
footer .copy{font-size: 12px; font-weight: 300; line-height: 20px; color: #999; padding:10px 0 0 0; letter-spacing: 0;}

#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;}




#right_quick_menu{position: fixed; right:0; top:300px; z-index: 10000; text-align: center; background: #333;}
#right_quick_menu .menu_wrap{display: flex; flex-direction: column;}
#right_quick_menu .menu_wrap a{width: 80px; height: 80px; color:#666; font-size: 13px; line-height: 13px; font-weight: 500; letter-spacing: -1px; padding-top: 55px; text-align: center; border: 1px #cbcbcb solid; border-bottom: 0;}
#right_quick_menu .menu_wrap a:nth-child(1){background: rgba(255,255,255,1) url(../images/quick_icon1.png) no-repeat center 15px;}
#right_quick_menu .menu_wrap a:nth-child(2){background: rgba(255,255,255,1) url(../images/quick_icon21.png) no-repeat center 15px;}
#right_quick_menu .menu_wrap a:nth-child(3){background: rgba(255,255,255,1) url(../images/quick_icon3.png) no-repeat center 24px;}
#right_quick_menu .menu_wrap a:hover{background-color: #fff; transition: 0.3s;}
#right_quick_menu .menu_wrap a.type2{cursor: default; background: rgba(53,53,53,0.9); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0; border: 0; height: auto;}
#right_quick_menu .menu_wrap a.type2 em{ color:#c6c6c6; font-size: 13px; line-height: 13px; letter-spacing: -1px; margin: 20px 0 15px 0; width: 45px; text-align: left;}
#right_quick_menu .menu_wrap a.type2 span{ color:#fff; font-size: 17px; line-height: 19px; width: 45px; text-align: left; padding-left: 5px;}
#right_quick_menu .menu_wrap a.type2 span:nth-child(2){color:#c6c6c6; font-size: 17px;}
#right_quick_menu .scrolltop{text-align: center; width: 70px; height: 50px; font-size: 14px; font-weight: 700; color: #bd996e; background: url(../images/quick_icon.png) no-repeat center 2px; padding-top: 15px; cursor: pointer; margin: 20px auto 0 auto;}
@media screen and (min-width:2560px){
    #right_quick_menu{right:auto; left: calc(50% + 1200px);}
}



.map .cont1{}
.map .cont1 .wrap_{text-align: center; padding-bottom: 150px;}
.map .cont1 .wrap_ > .ti{margin: 150px auto 50px auto;}
.map .cont1 .wrap_ > div{display: flex; justify-content: space-between; padding-top: 2%;}
.map .cont1 .wrap_ > div img{width: 49%;}
.map .mapaddr{position: absolute; top:50%; left:10%; width: 400px !important; height: 260px !important; margin-top: -130px; z-index: 100;}



.hview .cont1{}
.hview .cont1 .wrap_{text-align: center; padding: 150px 0;}
.hview .cont1 .wrap_ .ti{margin: 0 auto 50px auto;}
.hview .cont1 .wrap_ .gnavi_wrap{background: #f7f7f7; display: flex; align-items: center; justify-content: center; height: 135px;}
.hview .cont1 .wrap_ .gnavi_wrap .bu_wrap{position: absolute; left: calc(50%-441px); bottom:0; width: 882px; overflow: visible;}
.hview .cont1 .wrap_ .gnavi_wrap .bu_wrap > span{background: url(/images/sub01/gallery_arrow.gif) no-repeat; width: 59px; height: 59px; cursor: pointer; position: absolute; top: -95px; opacity: 0.5;}
.hview .cont1 .wrap_ .gnavi_wrap .bu_wrap > span:hover{opacity: 1;}
.hview .cont1 .wrap_ .gnavi_wrap .bu_wrap .left{display: none; left:-80px;}
.hview .cont1 .wrap_ .gnavi_wrap .bu_wrap .right{ transform: rotateY(180deg); right:-80px;}
.hview .cont1 .wrap_ .gnavi_wrap .bu_wrap .left_{left:-80px; cursor:default;}
.hview .cont1 .wrap_ .gnavi_wrap .bu_wrap .right_{ transform: rotateY(180deg); right:-80px; cursor:default;}
.hview .cont1 .wrap_ .gnavi_wrap .bu_wrap .left_:hover,
.hview .cont1 .wrap_ .gnavi_wrap .bu_wrap .right_:hover{opacity: 0.5;}
.hview .cont1 .wrap_ .gnavi_wrap .sumb{width:882px; overflow: hidden;}
.hview .cont1 .wrap_ .gnavi_wrap .sumb ul{display: block; transition: 0.3s;}
.hview .cont1 .wrap_ .gnavi_wrap .sumb li{width: 147px; height: 84px; border:1px #c0c0c0 solid; overflow: hidden; cursor: pointer; float:left; margin: 0 5px;}
.hview .cont1 .wrap_ .gnavi_wrap .sumb li img{width:160px}
.hview .cont1 .wrap_ .gnavi_wrap .sumb li:hover{opacity: 0.5; transition: 0.3s;}
.hview .cont1 .wrap_ .gnavi_wrap .sumb .select{border:1px #39dcff solid; cursor: default;}
.hview .cont1 .wrap_ .gnavi_wrap .sumb .select:hover{opacity: 1;}



.table_wrap{width:1400px; margin: auto; overflow: hidden; margin-top: 150px;}
.table_wrap table{width: 100%;}

.table_view{border-top:1px #4d4d4d solid;}
.table_view h3{display: none;}
.table_view table{width: 100%;}
.table_view tr{border-bottom:1px #d5d5d5 solid;}
.table_view th{background: #eee; height: 40px; width: 12%; text-align: center; font-size: 14px; line-height: 30px; font-weight: 400; color:#000;}
.table_view td{background: #fff; height: 40px; width: 38%; text-align: left; font-size: 14px; line-height: 30px; font-weight: 400; color:#666; padding-left: 20px;}
.table_view td.co3{width: 88%;}
.table_view td.co4{width: 100%;}
.table_view .contxt{padding-top:75px; padding-bottom:75px;}


.table_list{border-top:2px #4d4d4d solid;}
.table_list thead tr{border-bottom:1px #b2b2b2 solid;}
.table_list tbody tr{border-bottom:1px #b2b2b2 dotted;}
.table_list th{background: #fff; height: 47px; font-size: 14px; line-height: 30px; font-weight: 400; color:#666;}
.table_list td{background: #fff; height: 53px; font-size: 14px; line-height: 30px; font-weight: 400; color:#666; text-align: center;}
.table_list td.subject{display: flex; align-items: center; padding-left: 20px;}
.table_list td.subject img{float:left; margin-left: 7px;}
.table_list td .reply_ok{background: #949494; width: 88px; height: 30px; color:#fff;}
.table_list td .reply_no{background: #d49e5d; width: 88px; height: 30px; color:#fff;}



.table_write .agree_wrap{background: #fcfcfc; border:1px #dfdfdf solid; padding: 28px 32px; margin-bottom: 30px; overflow: hidden;}
.table_write .agree_wrap strong{display: block; font-size: 20px; font-weight: 400; line-height: 20px; color:#333; padding-bottom: 20px;}
.table_write .agree_wrap textarea{background: #fff; border:1px #dfdfdf solid; width:100%; height: 160px; padding: 15px; color:#8c8c8c; font-size: 14px;}
.table_write .agree_wrap label{float:left; font-size: 14px; font-weight: 400; color:#555; display: flex; align-items: center; margin-top: 12px;}
.table_write .agree_wrap label input{float:left; width: 14px; height: 14px; margin-right: 8px;}
.table_write table{border-top:2px #4d4d4d solid;}
.table_write table tr{border-bottom:1px #b3b3b3 dotted;}
.table_write table th{height: 47px; font-size: 14px; line-height: 20px; font-weight: 400; color: #696969; text-align: left; padding-left: 10px; background: url(../images/tpl/board_write_th_bg.gif) no-repeat right center;}
.table_write table td{min-height: 47px; font-size: 14px; line-height: 20px; font-weight: 400; color: #696969; text-align: left; padding: 7px 1px 7px 16px;}
.table_write table td input{border: 1px #cacaca solid; background: #fbfbfb; height: 32px; padding-left: 10px;}
.table_write table td select{border: 1px #cacaca solid; background: #fbfbfb; height: 32px; padding-left: 10px;}
.table_write table td textarea{border: 1px #cacaca solid; background: #fbfbfb; height: 300px; resize: none; padding: 10px;}
.table_write table td .email_list,
.table_write table td .tel_lest{float: left; margin-right: 10px;}
.table_write table td .check_box{float:left; display: flex; align-items: center;}
.table_write table td .check_box input{margin-right: 5px;}
.table_write table .security_txt .sub_table img{ display:inline-block;}
.table_write table .security_txt .sub_table a{ display:inline-block; color:#d49e5d;}
.table_write table .security_txt .sub_table input{margin-left: 60px; padding:0;}
.table_write table .context .sub_table{padding-top: 5px;}




.table_btn01{width:1400px; margin: auto; text-align: right; padding: 50px 0 300px 0; display: block; overflow: hidden;}
.table_btn01.bot10{padding-bottom: 10px;}
.table_btn01 a{color:#fff; background: #b7b7b7; text-align: center; font-size: 14px; font-weight: 400; line-height: 40px; width: 120px; float: right;}
.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: 10px; float:right;}
.table_btn01 .bucancel:hover{background: #000;}

.tab_menu{width:1400px; margin: auto; display: flex; justify-content: center; padding:160px 0 80px 0;}
.tab_menu a{padding:20px 25px; background: #888; color:#fff; font-size: 18px; font-weight: 500; line-height: 18px; float:left; margin: 0 0.5px;}
.tab_menu a.select{background: #d49e5d;}

.table_pwd_sub{width: 600px; padding: 0 0 300px 0; margin: auto;}
.table_pwd_sub h3{color:#e4b53e; font-size: 24px; font-weight: 500;}
.table_pwd_sub p{color:#999; font-size: 14px; line-height: 20px; padding: 10px 0 5px;}
.table_pwd_sub fieldset{ display: flex; justify-content:flex-start; align-items: center; border:0; border-top:1px #979797 solid; border-bottom: 1px #ededed solid; padding: 0;}
.table_pwd_sub fieldset legend{display: none;}
.table_pwd_sub fieldset label{float:left; font-size: 14px; width:150px; height: 60px; display: flex; align-items: center; justify-content: center; background: #e5e5e5; margin-right: 20px;}
.table_pwd_sub fieldset input{ border:1px #c4c4c4 solid; border-radius: 1px; height: 30px; padding-left: 10px; font-size: 14px; letter-spacing: 1px;}
.table_pwd_sub .pwd_btn{padding: 30px 0;}
.table_pwd_sub .pwd_btn a{color:#fff; font-size: 14px; line-height: 14px; padding: 10px 0; float:left; margin: 0 1px; width: 100px; text-align: center;}
.table_pwd_sub .pwd_btn .btn_list{background: #b7b7b7; float:left;}
.table_pwd_sub .pwd_btn .btn_ok{background: #e4b53e; float:right;}
.table_pwd_sub .pwd_btn .btn_cencle{background: #b7b7b7; float:right;}



.paging{ clear: both; width:1400px; margin: auto; display: flex; justify-content: center; padding: 0 0 31px 0;}
.paging a{border:1px #ddd solid; width:32px; height: 34px; background: #fff; float:left; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 400; line-height: 20px; color:#666; margin: 0 6px;}
.paging a.on{border-color:#d49e5d; color:#d49e5d;}
.paging a img{display:none;}
.paging a.first{background: url(../images/tpl/paging_icon.gif) no-repeat 0 0;}
.paging a.prev{background: url(../images/tpl/paging_icon.gif) no-repeat -32px 0;}
.paging a.next{background: url(../images/tpl/paging_icon.gif) no-repeat -64px 0;}
.paging a.last{background: url(../images/tpl/paging_icon.gif) no-repeat right 0;}

.bd_search{width:1400px; margin: auto; border:3px #ccc solid; margin-bottom: 100px;}
.bd_search form{width:100%; display: flex; justify-content: center; padding: 20px 0;}
.bd_search form *{height:34px; border:1px #ddd solid; float: left;}
.bd_search form select{width: 100px;}
.bd_search form .search_box{border:0;}
.bd_search form .search_box input{width: 220px; margin: 0 5px 0 10px;}
.bd_search form a{width: 120px; font-size: 14px; font-weight: 400; line-height: 20px; border:0; background: #555; color:#fff; display: flex; align-items: center; justify-content: center;}
.bd_search form a:hover{background: #000; transition: 0.3s;}


.before_after_sub{margin-top: 90px;}
.before_after_sub .photo_view{border-bottom:1px #b2b2b2 dotted; overflow: hidden;}
.before_after_sub .photo_view .photo_view_imgwrap{margin: auto; display: flex; align-items: center; width: 1000px; }
.before_after_sub .photo_view img{width: 50%;}
.before_after_sub .photo_view .tag{display: flex; align-items: center; justify-content: center; height: 120px;}
.before_after_sub .photo_view span{width:90px; height: 90px; border-radius: 50px; background:#494949 url(../images/sub06/photo_view_nbu_icon.png) no-repeat center center; position: absolute; top:calc(50% - 105px); cursor: pointer;}
.before_after_sub .photo_view .nbu_left{left:100px;}
.before_after_sub .photo_view .nbu_right{transform: rotateY(180deg); right:100px;}
.before_after_sub .photo_view em{width:90px; position: absolute; top:calc(50% - 10px); text-align: center; left:100px; font-size: 13px; opacity:0; white-space: nowrap; overflow: visible; letter-spacing: -1px;}
.before_after_sub .photo_view .nbu_right_txt{left:auto; right:100px;}

.before_after_sub .sumb_navi{padding: 100px 50px 96px 50px; border-bottom:1px #b2b2b2 solid; overflow: hidden; margin-bottom: 30px;}
.before_after_sub .sumb_navi .navi_wrap{overflow: hidden;}
.before_after_sub .sumb_navi .navi_wrap ul{overflow: hidden; transition: 0.3s;}
.before_after_sub .sumb_navi li{float:left; width:304px; margin: 0 10px; text-align: center; cursor: pointer;}
.before_after_sub .sumb_navi li .bf_at_img{ border:2px #ccc solid; overflow: hidden; height: 200px; display: flex; align-items: center;}
.before_after_sub .sumb_navi li.select .bf_at_img{border:2px #d49e5d solid;}
.before_after_sub .sumb_navi li .bf_at_img img{width:100%;}
.before_after_sub .sumb_navi li .sub_tit{font-size: 14px; letter-spacing: -1px; color:#000; width: 100%; text-align: center;}
.before_after_sub .sumb_navi li .sub_data{ display: none;}
.before_after_sub .paging{padding-bottom: 300px;}