@charset "utf-8";

/* ===================================
    header
====================================== */
/* //// pc //// */
#headerwrap{width:100%;height:114px;margin:auto;position:fixed;top:0;left:0;right:0;margin:auto;z-index: 9990;}
#headerwrap .pcmenuwrap{width:100%;height:inherit;;background:rgba(255,255,255,0.7);box-shadow:0 0 3px rgba(0,0,0,0.2);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
#headerwrap .pcmenuwrap:hover{background:#fff;}
#headerwrap .pcmenuwrap .container{max-width:1720px;height:inherit;width:96%;}

#headerwrap .pcmenuwrap .container .logowrap{display:inline-block;}
#headerwrap .pcmenuwrap .container .logowrap a{display:inline-block;}
#headerwrap .pcmenuwrap .container .logowrap a img{height:56px;}

#headerwrap .pcmenuwrap .container .menuwrap{height:inherit;width:70%;max-width:900px;margin:auto;position:relative;}

#headerwrap .pcmenuwrap .container .menuwrap .sitemapicon{display:inline-block;position:absolute;top:50%;left:-5%;bottom:auto;right:auto;margin:auto;transform:translate(-100%, -50%);}

#headerwrap .pcmenuwrap .container .menuwrap .listwrap{height:inherit;}
#headerwrap .pcmenuwrap .container .menuwrap .listwrap .sitemapwrap{height:inherit;}
#headerwrap .pcmenuwrap .container .menuwrap .listwrap .menu{width:auto;height:100%;position:relative;margin-right:30px;}
#headerwrap .pcmenuwrap .container .menuwrap .listwrap .menu07{margin-right:0;}
#headerwrap .pcmenuwrap .container .menuwrap .listwrap .menu a{width:100%;height:100%;word-break:keep-all;
    display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
    -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

#headerwrap .pcmenuwrap .container .menuwrap .depth02{background:#fff;width:190px !important;height:auto !important;position: absolute;top: 100%;left:50%;transform:translateX(-50%);-webkit-transition: none;transition: none;text-decoration: none;display: none;text-align:center;z-index: 9990;}
#headerwrap .pcmenuwrap .container .menuwrap#pc_menu .depth02 > li{margin:auto;position:relative;top:0;left:0}
#headerwrap .pcmenuwrap .container .menuwrap#pc_menu .depth02 > li > a{padding:15px 0;display:block;position:relative;font-size:14px;word-break:keep-all;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
#headerwrap .pcmenuwrap .container .menuwrap#pc_menu .depth02 > li > a p{transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;}
#headerwrap .pcmenuwrap .container .menuwrap#pc_menu .depth02 > li > a:hover p{font-weight:700;}
#headerwrap .pcmenuwrap .container .menuwrap#pc_menu .depth02 > li > a p:after{content:'';display:block;width:0;height:2px;position:absolute;top:auto;bottom:7px;left:0;right:0;margin:auto;background:#388dc8;transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;}
#headerwrap .pcmenuwrap .container .menuwrap#pc_menu .depth02 > li > a:hover p:after{width:78%;}

#headerwrap .pcmenuwrap .container .menuwrap#pc_menu .depth03{background:#fff;width:190px !important;height:auto !important;position: absolute;top:0;right:-100%;-webkit-transition: none;transition: none;text-decoration: none;display: none;text-align:center;z-index: 9999;}
/* #headerwrap .pcmenuwrap .container .menuwrap#pc_menu .depth03.on{display:block;} */
#headerwrap .pcmenuwrap .container .menuwrap#pc_menu .depth03 > li > a{padding:15px 0;display:block;position:relative;font-size:14px;word-break:keep-all;text-align:center;color:#888;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
#headerwrap .pcmenuwrap .container .menuwrap#pc_menu .depth03 > li > a:hover{color:#388dc8;}
#headerwrap .pcmenuwrap .container .menuwrap#pc_menu .depth03 > li > a p{transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;}
#headerwrap .pcmenuwrap .container .menuwrap#pc_menu .depth03 > li > a:hover p{font-weight:500;}


#headerwrap .pcmenuwrap .container .tellinkwrap{display:inline-block;}
@media(max-width:1440px){
    #headerwrap .pcmenuwrap .container .menuwrap{width:75%;max-width:none;}
    #headerwrap .pcmenuwrap .container .menuwrap .sitemapicon{left:0;}
    #headerwrap .pcmenuwrap .container .menuwrap .listwrap .menu{margin-right:15px;}
}
@media(max-width:768px){
    #headerwrap{height:70px;}
}

/* //// mobile //// */
.mo_wrap{background:none;width:100%;position:relative;background:#fff;/*top:0;bottom:auto;left:0;right:0;margin:auto;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;*/z-index: 9990;}
#headerwrap.tran .mo_wrap{position:fixed;top:0px;box-shadow:0 0 3px rgba(0,0,0,0.2);}
.mo_wrap .menu_m{width:90%;height:70px;margin:auto;}
.mo_wrap .menu_m .tcwrap{display:table-cell;vertical-align:middle;}

.mo_wrap .menu_m .logo_m{float:left;width:60%;margin:0 10%;display:table;height:inherit;}
.mo_wrap .menu_m .logo_m .logowrap{display:table-cell;vertical-align:middle;}
.mo_wrap .menu_m .logo_m a img{max-height:45px;margin:auto;}

.mo_wrap .menu_m .line_icon{float:left;width:10%;display:table;height:inherit;text-align:right;}
.mo_wrap .menu_m .line_icon i{display:inline-block;color:#388dc8;cursor:pointer;}
#headerwrap.tran .mo_wrap .menu_m .line_icon i{display:inline-block;color:#388dc8;cursor:pointer;}

.mo_wrap .menu_m .tel_link{float:left;width:10%;display:table;height:inherit;text-align:left;}
.mo_wrap .menu_m .tel_link a i{color:#388dc8;display:inline-block;}

.m_menu{position:fixed;top:0;left:-80%;bottom:0;width:80%;height:100%;background:#fff;z-index:9999;letter-spacing:0px;transition:all 0.4s ease;overflow-x:hidden;}
.m_menu_top:after{display:block;content:"";clear:both;}
.m_menu .m_menu_top{padding:20px;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#fff;position:relative;}
.m_menu .m_menu_top .logom{width: 130px; margin: 0;}
.m_menu .m_menu_top .closebtn{position:absolute;top:0;right:0;padding:5px 20px;font-size:30px;bottom:0;height:54px;margin:auto;color:#388dc8;}
.all_bg {position: fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);display:none;z-index:9999;}
#lnb {width: 100%;text-align: left;}
#lnb::-webkit-scrollbar {width: 6px;height: 6px;}
#lnb::-webkit-scrollbar-track {background: #fff;}
#lnb::-webkit-scrollbar-thumb {background: #003a81 ;}
#lnb::-webkit-scrollbar-thumb:hover {background: #003a81 ;}

#lnb ul.listwrap{display:block;}
#lnb .listwrap .sitemapwrap{display:block}
#lnb .depth01 {display: block;font-size: 13px;padding: 20px 25px;position: relative;top: 0;left: 0;}
#lnb .depth02{display:none;background-color:#3872c8;}
#lnb .depth02 li a {font-size: 13px;padding: 15px 40px;display: block;position:relative;top:0;left:0;color:#fff;}
#lnb .depth02 li a:hover{background:rgba(0,0,0,0.1);}

#lnb .depth03{display:none;background-color:#388dc8;}
#lnb .depth03 li a {font-size: 13px;padding: 15px 40px;display: block;position:relative;top:0;left:0;color:#fff;}
#lnb .depth03 li a:hover{background:rgba(0,0,0,0.1);}


#lnb .depth01:before,
#lnb .void_link:before{display: block;content: "";clear: both;position: absolute;top: 50%;margin-top:-5px;right: 30px;width: 1px;height: 11px;background: #828386;-webkit-transform: rotate(0deg);transform:rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
#lnb .depth01:after,
#lnb .void_link:after
{display: block;content: "";clear: both;position: absolute;top: 50%;transform: translateY(-50%);right: 25px;width: 11px;height: 1px;background: #828386;-webkit-transform: rotate(0deg);transform:rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
#lnb .void_link:before,
#lnb .void_link:after{background:#fff;}
#lnb .menu.active .depth01:before,
#lnb .depth02 li.active .void_link:before
{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#lnb .menu.active .depth01:after,
#lnb .depth02 li.active .void_link:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}



/* //// sitemap //// */
#sitemapmenu{position:fixed;z-index:9999;top:0;left:-100%;width:100%;height:100vh;background:url(/img/main/sitemap_bg.png)no-repeat 90% 80%, #fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
#sitemapmenu .sitemap_top{width:100%;height:114px;border-bottom:1px solid #e9e9e9;}
#sitemapmenu .sitemap_top .container{max-width:1720px;height:inherit;}
#sitemapmenu .sitemap_top .container .tbwrap{display:table;height:inherit;}
#sitemapmenu .sitemap_top .container .tcwrap{display:table-cell;vertical-align:middle;}

#sitemapmenu .logowrap a{display:inline-block;}
#sitemapmenu .logowrap a img{height:56px;}
#sitemapmenu .sitemapmenu_close{cursor:pointer;}

#sitemapmenu .sitemap_bottom{height:calc(100vh - 114px);}
#sitemapmenu .sitemap_bottom .inner{width:90%;max-width:1400px;margin:auto;}
#sitemapmenu .sitemap_bottom .listwrap{width:100%;max-width:1200px;margin:auto auto auto 0;flex-wrap:wrap;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
#sitemapmenu .sitemap_bottom .listwrap .sitemapwrap{display:block}
#sitemapmenu .sitemap_bottom .listwrap .sitemapwrap .menu:first-child{margin-bottom:3.75rem;}
#sitemapmenu .sitemap_bottom .listwrap .menu{position:relative;}
#sitemapmenu .sitemap_bottom .listwrap .menu:before{content:'';display:block;position:absolute;top:0;bottom:auto;left:0;right:auto;width:24px;height:5px;border-radius:3px;background:#388dc8;transform:translateY(-20px);opacity:0;-webkit-transition: all 0.1s ease;transition: all 0.1s ease;}
#sitemapmenu .sitemap_bottom .listwrap .menu:hover:before{opacity:1;}
#sitemapmenu .sitemap_bottom .listwrap .menu .depth01{display:inline-block;margin-bottom:1.875rem;}
#sitemapmenu .sitemap_bottom .listwrap .menu .depth01 p{font-size:1.5rem;font-weight:700;}
#sitemapmenu .sitemap_bottom .listwrap .menu .depth02 > li > a p{font-size:1.25rem;padding:10px 0;border-bottom:1px solid #e9e9e9;}
#sitemapmenu .sitemap_bottom .listwrap .menu .depth02 > li:last-child > a p{border-bottom:none;}
#sitemapmenu .sitemap_bottom .listwrap .menu06 .depth02 > li:last-child > a p{border-bottom:1px solid #e9e9e9;}
#sitemapmenu .sitemap_bottom .listwrap .menu .depth03 p{padding:5px 0;color:#3c3c3b;}
#sitemapmenu .sitemap_bottom .listwrap .menu .depth02 a:hover p{color:#388dc8;}
#sitemapmenu .sitemap_bottom .listwrap .menu .depth03 a:hover p{color:#388dc8;}
#sitemapmenu .sitemap_bottom .listwrap .menu .depth02 .void_link:hover p{color:#111;}



/* ===================================
    main
====================================== */
/* //// mainslide //// */
#mainwrap .mainslidewrap .swiper-slide{width:100%;height:100vh;max-height:950px;}
#mainwrap .mainslidewrap .slide01{background:url('/img/main/mainslide01.jpg')no-repeat center center /cover;}
#mainwrap .mainslidewrap .slide02{background:url('/img/main/mainslide02.jpg')no-repeat 70% center /cover;}
#mainwrap .mainslidewrap .slide03{background:url('/img/main/mainslide03.jpg')no-repeat center center /cover;}
#mainwrap .mainslidewrap .slide04{background:url('/img/main/mainslide04.jpg')no-repeat 60% center /cover;}
#mainwrap .mainslidewrap .slide05{background:url('/img/main/mainslide05.jpg')no-repeat 60% center /cover;}
#mainwrap .mainslidewrap .slide06{background:url('/img/main/mainslide06.jpg')no-repeat 60% center /cover;}
#mainwrap .mainslidewrap .swiper-slide .container{height:inherit;max-height:950px;}
#mainwrap .mainslidewrap .swiper-slide h1,
#mainwrap .mainslidewrap .swiper-slide h2,
#mainwrap .mainslidewrap .swiper-slide h3,
#mainwrap .mainslidewrap .swiper-slide h4{line-height:1.1;letter-spacing:-3px;}
#mainwrap .mainslidewrap .txtdot .color-point{color:#0d5f8e;}

#mainwrap .mainslidewrap .swiper-slide .dotwrap{display:inline-block;vertical-align:middle;}
#mainwrap .mainslidewrap .swiper-slide span{display:inline-block;position:relative;}
#mainwrap .mainslidewrap .swiper-slide span::before{content:'·';position:absolute;top:0;bottom:auto;left:0;right:0;margin:auto;text-align:center;transform:translateY(-100%);font-size:4rem;font-family: 'Noto Sans KR', sans-serif;line-height:1rem;color:#0d5f8e;}
#mainwrap .mainslidewrap .swiper-slide span.nodot::before{display:none;}

#mainwrap .mainslidewrap .slide02 .slidetxtwrap{position:relative;}
#mainwrap .mainslidewrap .slide02 .slidetxtwrap .imgbdiv{position:absolute;top:auto;bottom:0;left:0;right:auto;margin:auto;transform:translateY(120%);}

#mainwrap .mainslidewrap .slide05 .slidetxtwrap h2{position:relative;}
#mainwrap .mainslidewrap .slide05 .slidetxtwrap h2:before{display:inline-block;position:absolute;margin:auto;font-family: 'SpoqaHanSansNeo-Medium', 'Sans-serif';font-size:12rem;opacity:0.3;color:#fff;}
#mainwrap .mainslidewrap .slide05 .slidetxtwrap h2:nth-child(1):before{content:'“';top:0;bottom:auto;left:0;right:auto;transform:translate(-90%, -15%);}
#mainwrap .mainslidewrap .slide05 .slidetxtwrap h2:nth-child(2):before{content:'”';top:auto;bottom:0;left:auto;right:0;transform:translate(80%, 80%);}


#mainwrap .mainslidewrap .btnwrap{position:absolute;bottom:20px;left:0;right:0;margin:auto;}
#mainwrap .mainslidewrap .btnwrap .swiper-button-prev{position:relative;top:0;bottom:0;left:auto;margin:auto 0;width:26px;height:42px;background:url('/img/main/mainslide_prev.png')no-repeat center center /cover;}
#mainwrap .mainslidewrap .btnwrap .swiper-button-next{position:relative;top:0;bottom:0;right:auto;margin:auto 0;width:26px;height:42px;background:url('/img/main/mainslide_next.png')no-repeat center center /cover;}
#mainwrap .mainslidewrap .btnwrap .swiper-button-prev:after{content:'';}
#mainwrap .mainslidewrap .btnwrap .swiper-button-next:after{content:'';}
#mainwrap .mainslidewrap .btnwrap .swiper-pagination-bullets{position:relative;top:auto;bottom:auto;left:auto;right:auto;margin:auto 20px;width:90%;max-width:1200px;}
#mainwrap .mainslidewrap .btnwrap .swiper-pagination-bullets .swiper-pagination-bullet{width:calc(100% / 6);height:auto;background:#fff;opacity:1;border-radius:0;padding:30px 0;margin:0;border-bottom:6px solid #fff;transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;}
#mainwrap .mainslidewrap .btnwrap .swiper-pagination-bullets .swiper-pagination-bullet:hover{border-bottom-color:#388dc8;color:#388dc8;font-weight:700;}
#mainwrap .mainslidewrap .swiper-pagination-bullet-active{color:#388dc8;font-weight:700;}
#mainwrap .mainslidewrap .btnwrap .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{border-bottom-color:#388dc8;}

.maintitle .eng-font{text-transform:uppercase;color:#388dc8;}
.maintitle .main-font{color:#3c3c3b;}

@media (max-width: 768px) {
    #mainwrap .mainslidewrap .btnwrap .swiper-pagination-bullets{width:80%;}
    #mainwrap .mainslidewrap .btnwrap .swiper-pagination-bullets .swiper-pagination-bullet{width:calc(100% / 3);padding:15px 0;border-bottom-width:3px;}
    #mainwrap .mainslidewrap .btnwrap .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{}

    #mainwrap .mainslidewrap .slide02:after{content:'';display:block;position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;margin:auto;background:rgba(0,0,0,0.5);z-index:2;}
    #mainwrap .mainslidewrap .slide02 .container{position:relative;z-index:5;}
    #mainwrap .mainslidewrap .slide05 .slidetxtwrap h2:nth-child(1):before{transform:translate(-50%, -15%);}
    #mainwrap .mainslidewrap .slide05 .slidetxtwrap h2:nth-child(2){display:inline-block;}

    #mainwrap .mainslidewrap .swiper-slide .dotwrap{margin-bottom:10px;}
}
@media (max-width: 500px) {
    #mainwrap .mainslidewrap .btnwrap .swiper-pagination-bullets{margin:auto 10px;}
    #mainwrap .mainslidewrap .btnwrap .swiper-pagination-bullets .font-22{font-size:1.2rem;}
    #mainwrap .mainslidewrap .swiper-slide .font-70{font-size:3.8rem;}
}

/* //// 진료과목 //// */
#mainwrap .sec01 .maincontwrap .boxwrap{width:100%;flex-wrap:wrap;}
#mainwrap .sec01 .maincontwrap .boxwrap .box{height:415px;margin-bottom:1.25%;}
#mainwrap .sec01 .maincontwrap .boxwrap .box_m{width:32.5%;max-width:455px;}
#mainwrap .sec01 .maincontwrap .boxwrap .box_l{width:66.25%;max-width:927px;}

#mainwrap .sec01 .maincontwrap .boxwrap .box:nth-child(1){background:url(/img/main/sec01_pic01.jpg)no-repeat center center /cover;}
#mainwrap .sec01 .maincontwrap .boxwrap .box:nth-child(2){background:url(/img/main/sec01_pic02.jpg)no-repeat center center /cover;}
#mainwrap .sec01 .maincontwrap .boxwrap .box:nth-child(3){background:url(/img/main/sec01_pic03.jpg)no-repeat center center /cover;}
#mainwrap .sec01 .maincontwrap .boxwrap .box:nth-child(4){background:url(/img/main/sec01_pic04.jpg)no-repeat center center /cover;}
#mainwrap .sec01 .maincontwrap .boxwrap .box:nth-child(5){background:url(/img/main/sec01_pic05.jpg)no-repeat center center /cover;}

#mainwrap .sec01 .maincontwrap .boxwrap .box a{width:100%;height:100%;position:relative;color:#fff;overflow:hidden;}
#mainwrap .sec01 .maincontwrap .boxwrap .box a:hover{color:#111;}
#mainwrap .sec01 .maincontwrap .boxwrap .box a:after{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1;opacity:1;transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;background:rgba(0,0,0,0.3);}
#mainwrap .sec01 .maincontwrap .boxwrap .box a:hover:after{opacity:0;}

#mainwrap .sec01 .maincontwrap .boxwrap .box a .box_txt{position:relative;z-index:2;}
#mainwrap .sec01 .maincontwrap .boxwrap .box a .moreview{position:absolute;top:auto;bottom:60px;left:0;right:0;margin:auto;text-align:center;z-index:2;}
#mainwrap .sec01 .maincontwrap .boxwrap .box a .moreview p{width:35%;max-width:160px;display:inline-block;padding:10px 0;color:#fff;border:1px solid #fff;background:none;transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;}
#mainwrap .sec01 .maincontwrap .boxwrap .box a .moreview .btnoff{display:inline-block;border:1px solid #fff;}
#mainwrap .sec01 .maincontwrap .boxwrap .box a .moreview .btnon{display:none;border-color:#388dc8;background:#388dc8;}
#mainwrap .sec01 .maincontwrap .boxwrap .box a:hover .moreview .btnoff{display:none;}
#mainwrap .sec01 .maincontwrap .boxwrap .box a:hover .moreview .btnon{display:inline-block;}

@media(max-width:1024px){
    #mainwrap .sec01 .maincontwrap .boxwrap .box{height:285px;}
    #mainwrap .sec01 .maincontwrap .boxwrap .box a .moreview{bottom:30px;}
}
@media(max-width:768px){
    #mainwrap .sec01 .maincontwrap .boxwrap .box{margin-bottom:2%;}
	#mainwrap .sec01 .maincontwrap .boxwrap .box_m{width:49%;}
	#mainwrap .sec01 .maincontwrap .boxwrap .box_l{width:100%;}
	#mainwrap .sec01 .maincontwrap .boxwrap .box:nth-child(1){order:2;}
	#mainwrap .sec01 .maincontwrap .boxwrap .box:nth-child(2){order:1;}
	#mainwrap .sec01 .maincontwrap .boxwrap .box:nth-child(3){order:2;}
	#mainwrap .sec01 .maincontwrap .boxwrap .box:nth-child(4){order:2;}
	#mainwrap .sec01 .maincontwrap .boxwrap .box:nth-child(5){order:2;}
}
@media(max-width:500px){
    /* #mainwrap .sec01 .maincontwrap .boxwrap .box{height:39vw;} */
    #mainwrap .sec01 .maincontwrap .boxwrap .box_m{width:100%;}
    #mainwrap .sec01 .maincontwrap .boxwrap .box:nth-child(2){order:2;}
}


/* //// 잘보는 특별함 //// */
#mainwrap .sec02 .maincontwrap .goodspecial{width:100%;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner{width:100%;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner .picwrap{width:50%;height:600px;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner01 .picwrap{background:url('/img/main/sec02_pic01.jpg')no-repeat center center /cover;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner02 .picwrap{background:url('/img/main/sec02_pic02.jpg')no-repeat center center /cover;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner03 .picwrap{background:url('/img/main/sec02_pic03.jpg')no-repeat center center /cover;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner04 .picwrap{background:url('/img/main/sec02_pic04.jpg')no-repeat center center /cover;}

#mainwrap .sec02 .maincontwrap .goodspecial .inner .txtwrap{width:42.7083vw;max-width:820px;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner.txtpic .txtwrap{margin:0 auto 0 0;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner.pictxt .txtwrap{margin:0 0 0 auto;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner .txtwrap .txt{width:100%;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner.txtpic .txtwrap .txt{text-align:left;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner.pictxt .txtwrap .txt{text-align:left;}

#mainwrap .sec02 .maincontwrap .goodspecial .inner.txtpic .txtwrap .txttit{width:29.1667vw;max-width:560px;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner.txtpic .txtwrap .txtcont{width:29.1667vw;max-width:560px;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner.txtpic .txtwrap .txttit{margin:0 0 0 auto;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner.txtpic .txtwrap .txtcont{margin:0 0 0 auto;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner.pictxt .txtwrap .txttit{margin:0 auto 0 0;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner.pictxt .txtwrap .txtcont{margin:0 auto 0 0;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner.pictxt .txtwrap p{padding-left:10%;}
#mainwrap .sec02 .maincontwrap .goodspecial .inner .txtwrap .gs_line{width:100%;height:2px;background:#388dc8;}

@media(max-width:1440px){
    #mainwrap .sec02 .maincontwrap .goodspecial .inner.txtpic .txtwrap .txttit{width:38.1667vw;}
    #mainwrap .sec02 .maincontwrap .goodspecial .inner.txtpic .txtwrap .txtcont{width:38.1667vw;}
}
@media(max-width:1024px){
    #mainwrap .sec02 .maincontwrap .goodspecial .inner .picwrap{height:320px;}
}
@media(max-width:768px){
    #mainwrap .sec02 .maincontwrap .goodspecial .inner .mb-35{margin-bottom:10px;}
    #mainwrap .sec02 .maincontwrap .goodspecial .inner .mb-45{margin-bottom:20px;}
    #mainwrap .sec02 .maincontwrap .goodspecial .inner.txtpic{flex-direction:column-reverse;}
    #mainwrap .sec02 .maincontwrap .goodspecial .inner.pictxt{flex-direction:column;}
    #mainwrap .sec02 .maincontwrap .goodspecial .inner .picwrap{width:90%;margin:0 auto 30px;}
    #mainwrap .sec02 .maincontwrap .goodspecial .inner .txtwrap{width:90%;margin:0 auto;max-width:none;}
    #mainwrap .sec02 .maincontwrap .goodspecial .inner.txtpic .txtwrap .txttit{width:80%;}
    #mainwrap .sec02 .maincontwrap .goodspecial .inner.txtpic .txtwrap .txtcont{width:80%;}
}
@media(max-width:500px){
    #mainwrap .sec02 .maincontwrap .goodspecial .inner .font-70{font-size:3.3rem;}
    #mainwrap .sec02 .maincontwrap .goodspecial .inner .txtwrap .txtcont p br{display:none;}
}

/* //// 온라인상담, 온라인 예약 //// */
#mainwrap .sec03 .maincontwrap{width:100%;}
#mainwrap .sec03 .maincontwrap a{height:320px;position:relative;}
#mainwrap .sec03 .maincontwrap a:first-child{background:url('/img/main/sec03_pic01.jpg')no-repeat center center /cover;}
#mainwrap .sec03 .maincontwrap a:last-child{background:url('/img/main/sec03_pic02.jpg')no-repeat center center /cover;}
#mainwrap .sec03 .maincontwrap a .inner{display:inline-block;text-align:center;}
#mainwrap .sec03 .maincontwrap a .bgtxt{opacity:0.2;position:absolute;margin:auto;top:auto;bottom:30px;}
#mainwrap .sec03 .maincontwrap a:first-child .bgtxt{left:auto;right:30px;}
#mainwrap .sec03 .maincontwrap a:last-child .bgtxt{left:30px;right:auto;}
@media(max-width:768px){
    #mainwrap .sec03 .maincontwrap a{height:200px;}
    #mainwrap .sec03 .maincontwrap a .inner .imgbdiv img{height:45px;}
}

/* //// map //// */
#mainwrap .sec04 .maincontwrap .c_layer .layer_b{display:block;position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;margin:auto;z-index:8888;}
#mainwrap .sec04 .txtdiv{color:#3c3c3b;}
#mainwrap .sec04 .hide{display:none;}
#mainwrap .sec04 .whitebox{display:inline-block;padding:85px 60px;position:absolute;top:auto;bottom:0;right:calc((100% - 1400px)/2);background:#fff;border-radius:15px;box-shadow:5px 6px 8px 0 rgb(0,0,0,0.2);z-index:9900;}
#mainwrap .sec04 .whitebox .inner{width:545px;}
#mainwrap .sec04 .whitebox .inner .innertit .imgbdiv{background:#3c3c3b;padding:12px;border-radius:50%;}

#mainwrap .sec04 .whitebox .inner .innercont ul{width:100%;}
#mainwrap .sec04 .whitebox .inner .innercont ul li:first-child{width:30%;padding-right:5%;}
#mainwrap .sec04 .whitebox .inner .innercont ul li:nth-child(2){width:40%;}
#mainwrap .sec04 .whitebox .inner .innercont ul li:nth-child(3){width:30%;}
@media(max-width:1440px){
    #mainwrap .sec04 .whitebox{bottom:-60px;right:10%;padding:55px 40px;}
}
@media(max-width:768px){
    #mainwrap .sec04 .maincontwrap{text-align:center;}
    #mainwrap .sec04 > .container .flex{display:block;}
    #mainwrap .sec04 > .container .flex .mr-90{margin-right:0;margin-bottom:20px;}
    #mainwrap .sec04 > .container .flex .mr-90 img{height:90px;}
    #mainwrap .sec04 .map{height:300px !important;}
    #mainwrap .sec04 .whitebox{position:relative;width:90%;bottom:auto;right:auto;padding:35px;margin:30px auto 0;max-width:460px;}
    #mainwrap .sec04 .whitebox .inner{max-width:345px;width:auto;margin:auto;text-align:left;}
}
@media(max-width:500px){
    #mainwrap .sec04 .whitebox .inner .innercont ul{flex-wrap:wrap;}
    #mainwrap .sec04 .whitebox .inner .innercont ul li:first-child{width:100%;padding-right:0;}
    #mainwrap .sec04 .whitebox .inner .innercont ul li:nth-child(2){width:100%;}
    #mainwrap .sec04 .whitebox .inner .innercont ul li:nth-child(3){width:100%;}
    #mainwrap .sec04 .whitebox .inner .innercont > ul > li:first-child.flexjc_sb{-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;}
}

/* ===================================
    footer
====================================== */
/* //// footer //// */
#footerwrap{background:#9ca9b2;padding:80px 0;}
#footerwrap a{color:#fff;}
#footerwrap a p{transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;}
#footerwrap a:hover p{color:#388dc8;}
#footerwrap .imgbdiv{margin-right:5%;}
#footerwrap .txtwrap{flex-direction:column;}
#footerwrap .txtwrap ul a{margin-right:15px;}
#footerwrap .txtwrap ul a:last-child{margin-right:0;}
#footerwrap .txtwrap ul li p:nth-child(2){margin-left:15px;}

/* //// quick menu //// */
#quickmenuwrap{position:fixed;right:0;top:0;bottom:0;left:auto;margin:auto;z-index:9900}
#quickmenuwrap .listwrap{border-radius:25px;background:#388dc8;overflow:hidden;display:inline-block;padding:25px 15px;}
#quickmenuwrap a{color:#fff;display:block;margin-bottom:20px;text-align:center;}
#quickmenuwrap a:last-child{margin-bottom:0;}

#quickmenuwrap .topbtn{width:80%;margin:auto;position:relative;border:1px solid #eee;border-radius:50%;background:#fff;color:#388dc8;cursor:pointer;max-width:63px;max-height:63px;text-align:center;}
#quickmenuwrap .topbtn:after{content:'';display:block;padding-top:100%;}
#quickmenuwrap .imgbdiv{margin-bottom:5px;}
@media(max-width:768px){
    #footerwrap{padding:60px 0 150px;}
    #footerwrap .container > .flex{flex-direction:column;}
    #footerwrap .container > .flex .imgbdiv{margin-bottom:50px;}
    #footerwrap .container > .flex .txtwrap ul:nth-child(2){margin:20px 0;}
    #footerwrap .container > .flex .txtwrap ul li{display:block;}
    #footerwrap .txtwrap ul li p:nth-child(2){margin-left:0;}

    #quickmenuwrap{top:auto;left:0;}
    #quickmenuwrap .inner{position:relative;width:100%;}
    #quickmenuwrap .listwrap{width:100%;max-width:450px;border-radius:25px 25px 0 0;margin:0 auto;padding:15px 35px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
    #quickmenuwrap a{margin-bottom:0;}
    #quickmenuwrap .listwrap .imgbdiv{margin-bottom:15px;}
    #quickmenuwrap .listwrap a:last-child .imgbdiv{margin-bottom:0;}
    #quickmenuwrap .topbtn{position:absolute;top:0;bottom:auto;left:auto;right:0;transform:translateY(-110%);}
}
