@charset "utf-8"; /* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 

#skipToContent a { z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden } 
#skipToContent a:focus, 
#skipToContent a:active { width:200px; height:50px; background:#21272e; color:#fff; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; line-height:50px } 

.only-desktop-tablet { display:block; } 
.only-desktop { display:block; } 
.only-tablet { display:none; } 
.only-mobile { display:none; } 

.contain { max-width:1260px; padding-left:30px; padding-right:30px; margin:0 auto; } 

/* header */
#wrapper { overflow:hidden; } 

#header { position:fixed; top:0; left:0; width:100%; transition:.3s; background:rgba(255,255,255,.9); z-index:100; } 
#header.nav-up { transform:translateY(-100%); } 
.header-fixed #header { background:#fff !important; border-bottom:1px solid #ddd; } 
#header .contain { position:relative; display:flex; align-items:center; justify-content:space-between; max-width:1460px; height:100px; z-index:20; } 

.sitelogo { display:flex; align-items:center; height:100%; } 
.sitelogo a { display:block; width:213px; height:100%; background:url("../images/common/logo.png") 0 50% no-repeat; } 

#gnb { flex:1 1 auto; min-width:0; width:1%; margin-left:7%; } 
#gnb>ul { display:flex; justify-content:space-evenly; } 
#gnb>ul>li { position:relative; text-align:center; } 
#gnb>ul>li>a { display:flex; align-items:center; justify-content:center; padding:0 20px; height:100px; color:#242424; font-size:18px; font-weight:600; letter-spacing:-.03em; line-height:1.3em; } 
#gnb>ul>li.active>a { color:#af823a !important; } 
#gnb>ul>li:nth-child(1) .submenu,
#gnb>ul>li:nth-child(2) .submenu { transform:translateX(0); left:0 } 
#gnb>ul>li:nth-child(5) .submenu,
#gnb>ul>li:nth-child(6) .submenu { transform:translateX(20%); right:0; left:auto; } 
#gnb>ul>li:last-child .submenu { transform:translateX(0); right:0; left:auto; } 
#gnb .submenu { display:none; position:absolute; left:50%; transform:translateX(-50%); } 
#gnb .submenu ul { display:flex; } 
#gnb .submenu ul li { text-align:center; padding:20px 18px; } 
#gnb .submenu ul li a { display:block; color:#fff; line-height:1.3em; font-weight:300; white-space:nowrap; } 
#gnb .submenu ul li a:hover { font-weight:600; text-decoration:underline; } 
.submenu-bg { display:none; position:absolute; width:100%; left:0; background:rgba(174,128,56,.7); } 

#header.header-white { background:none; } 
#header.header-white .sitelogo a { background-image:url("../images/common/logo_w.png"); } 
#header.header-white #gnb>ul>li>a { color:#fff; } 
#header.header-white .btn-m-menu { } 
#header.header-white .btn-m-menu span,
#header.header-white .btn-m-menu span:before,
#header.header-white .btn-m-menu span:after { background:#fff; } 

/* for mobile */
.btn-m-menu { display:none; position:relative; margin-left:20px; width:30px; height:30px; text-indent:-9999em; } 
.btn-m-menu span { position:absolute; left:0; right:0; top:14px; height:3px; background:#242424; } 
.btn-m-menu span:before,
.btn-m-menu span:after { content:" "; position:absolute; left:0; right:0; height:3px; background:#242424; } 
.btn-m-menu span:before { top:-11px; } 
.btn-m-menu span:after { bottom:-11px; } 

.mobile-navigation { display:none; position:fixed; top:0; right:0; width:300px; height:100%; overflow:auto; transition:.2s linear; -ms-transform:translateX(100%); transform:translateX(100%); background:#fff; z-index:102; } 
.mobile-navigation .home { display:flex; align-items:center; height:80px; padding:0 20px; } 
.mobile-navigation .home img { height:40px; } 
.mobile-navigation .nav-menu>ul { border-top:1px solid #ddd; } 
.mobile-navigation .nav-menu>ul>li { border-bottom:1px solid #ddd; } 
.mobile-navigation .nav-menu>ul>li>a { position:relative; padding:10px 48px 10px 20px; display:block; color:#000; font-size:19px; font-weight:700; line-height:1.5em; } 
.mobile-navigation .nav-menu>ul>li>a:after { content:""; position:absolute; top:50%; right:20px; transform:translateY(-75%) rotate(45deg); width:11px; height:11px; border-right:2px solid #505050; border-bottom:2px solid #505050; } 
.mobile-navigation .nav-menu>ul>li.active>a { color:#fff; background:#92877b } 
.mobile-navigation .nav-menu>ul>li.active>a:after { transform:translateY(-35%) rotate(-135deg); border-color:#fff; } 
.mobile-navigation .nav-menu .submenu { display:none; padding:15px 20px; background:#f8f8f8; color:#333; font-size:16px; font-weight:400; line-height:1.5em; } 
.mobile-navigation .nav-menu .submenu ul li a { display:block; padding:5px 0; } 
.mobile-navigation .nav-menu .submenu ul li a:hover { color:#92877b; } 
.mobile-navigation .close { position:absolute; top:25px; right:18px; width:26px; height:26px; text-indent:-9999em; overflow:hidden; } 
.mobile-navigation .close:before,
.mobile-navigation .close:after { content:" "; position:absolute; top:12px; left:0; width:100%; height:3px; background:#454545; border-radius:3px; } 
.mobile-navigation .close:before { transform:rotate(45deg); } 
.mobile-navigation .close:after { transform:rotate(-45deg); } 
.mobile-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:101; } 

html.menu-opened { overflow:hidden; } 
html.menu-opened .mobile-navigation { -ms-transform:translateX(0); transform:translateX(0); } 
html.menu-opened .mobile-overlay { display:block; } 

/* main */
[data-aos=fade-up] { transform: translate3d(0,100px,0); } 

#main #container .contain { max-width:1460px; } 

.main-visual { position:relative; height:100vh; overflow:hidden; color:#fff; } 
.main-visual .item { position:relative; height:100vh; overflow:hidden; } 
.main-visual .image { position:relative; height:100vh; overflow:hidden; transition:5s; transform:scale(1.1); } 
.main-visual .image img { position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; } 
.main-visual .caption { position:absolute; top:50%; transform:translateY(-50%); width:100%; z-index:40; } 
.main-visual .caption p { opacity:0; transform:translateY(50px); transition:1.4s; } 
.main-visual .caption .t1 { font-size:60px; font-weight:600; line-height:1.3em; letter-spacing:-.03em; margin-bottom:10px; } 
.main-visual .caption .t2 { font-size:20px; font-weight:500; line-height:1.45em; letter-spacing:-.03em; } 
.main-visual .slick-arrow { position:absolute; top:50%; transform:translateY(-50%); width:70px; height:70px; background:url("../images/main/slide_btn.svg") 50% 50% no-repeat; border:1px solid rgba(255,255,255,.3); border-radius:100%; overflow:hidden; text-indent:-9999em; line-height:0; font-size:0; z-index:50; } 
.main-visual .slick-arrow:hover { background-color:#92877b; border-color:#92877b; } 
.main-visual .slick-prev { left:140px; } 
.main-visual .slick-next { right:140px; transform:rotate(180deg); } 
.main-visual .slick-dots { position:absolute; bottom:197px; left:0; width:100%; display:flex; justify-content:center; z-index:50; } 
.main-visual .slick-dots li { margin:0 5px; } 
.main-visual .slick-dots li button { position:relative; width:40px; height:4px; background:rgba(255,255,255,.3); overflow:hidden; text-indent:-9999em; font-size:0; line-height:0; border:0; } 
.main-visual .slick-dots li button:before { content:""; position:absolute; top:0; left:0; width:0; height:100%; background:#fff; } 
.main-visual .slick-dots li.slick-active button { border-color:#fff; } 
.main-visual .slick-dots li.slick-active button:before { width:100%; animation:pagerProgress 5s; } 
.main-visual .scroll { position:absolute; bottom:80px; left:50%; width:60px; margin-left:-30px; text-align:center; font-size:13px; line-height:1em; letter-spacing:.05em; padding-bottom:34px; background:url("../images/main/scroll.png") 50% 100% no-repeat; animation:1.5s scrollUpDown linear infinite; z-index:50; } 
.main-visual .active .image { transform:scale(1); } 
.main-visual .active .caption p { opacity:1; transform:translateY(0); } 
.main-visual .active .caption .t1 { transition-delay:.4s; } 
.main-visual .active .caption .t2 { transition-delay:.6s; } 

@keyframes pagerProgress { 
 0% { width:0; } 
100% { width:100% } 
 }

@keyframes scrollUpDown { 0%,100% { transform:translateY(0); } 
50% { transform:translateY(10px); } 
 }

.m-head { text-align:center; margin-bottom:60px; } 
.m-head p { font-family:'Montserrat',sans-serif; color:#ae8038; font-size:28px; line-height:1.3em; letter-spacing:-.03em; margin-bottom:3px; } 
.m-head h2 { color:#242424; font-size:50px; font-weight:400; line-height:1.3em; letter-spacing:-.03em; } 

.main-staff { padding:130px 0; overflow:hidden; background:url("../images/main/staff_bg.png") 0 50% no-repeat; background-size:auto 100%; } 
.main-staff .slider { position:relative; } 
.main-staff .slider-for { position:relative; } 
.main-staff .slider-for .item { display:flex !important; } 
.main-staff .slider-for .item .left { width:35%; max-width:340px; } 
.main-staff .slider-for .item .left .tit { margin-bottom:25px; } 
.main-staff .slider-for .item .left .tit .t1 { color:#3e1d00; font-size:20px; font-weight:700; line-height:1.35em; letter-spacing:-.03em; } 
.main-staff .slider-for .item .left .tit .t2 { color:#242424; font-size:40px; font-weight:400; line-height:1.35em; letter-spacing:-.03em; } 
.main-staff .slider-for .item .left .txt { color:#454545; font-size:18px; font-weight:500; line-height:1.722em; letter-spacing:-.03em; min-height:110px; margin-bottom:35px; } 
.main-staff .slider-for .item .left .more { display:inline-flex; align-items:center; padding:7px 0; font-family:'Montserrat',sans-serif; color:#242424; font-size:15px; font-weight:600; line-height:1.3em; border-bottom:1px solid #242424; } 
.main-staff .slider-for .item .left .more:after { content:""; margin-left:10px; width:8px; height:14px; background:url("../images/main/btn_arrow.svg") 50% 50% no-repeat; } 
.main-staff .slider-for .item .center { flex:1 1 auto; min-width:0; width:1%; padding:0 40px; text-align:center; } 
.main-staff .slider-for .item .center img { width:455px; margin:0 auto; } 
.main-staff .slider-for .item .right { width:35%; max-width:340px; color:#454545; font-size:18px; font-weight:500; line-height:1.722em; letter-spacing:-.03em; } 
.main-staff .slider-for .item .right ul li { position:relative; padding-left:15px; } 
.main-staff .slider-for .item .right ul li:before { content:"·"; font-size:1.2em; font-weight:600; position:absolute; top:0; left:0; } 
.main-staff .slider-nav { position:relative; left:calc(50% - 170px); margin:-70px 0 0 0; width:100vw; } 
.main-staff .slider-nav .slick-slide { width:180px; padding-right:20px; } 
.main-staff .slider-nav .item { position:relative; overflow:hidden; cursor:pointer; } 
.main-staff .slider-nav .item img { display:block; transform:scale(1.15) } 
.main-staff .slider-nav .slick-current .item:after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:3px solid #af823a; } 
.main-staff .controls { position:absolute; bottom:110px; left:0; width:100%; display:flex; justify-content:flex-end; } 
.main-staff .controls .inner { display:flex; align-items:center; width:35%; max-width:340px; } 
.main-staff .controls .arrows { display:flex; margin-left:-4px; margin-right:60px; } 
.main-staff .controls .arrows .slick-arrow { width:25px; height:25px; background:url("../images/sub/slide_btn.svg") 50% 50% no-repeat; overflow:hidden; text-indent:-9999em; border:0; } 
.main-staff .controls .arrows .slick-prev { margin-right:50px; } 
.main-staff .controls .arrows .slick-next { transform:rotate(180deg); } 
.main-staff .controls .pager { color:#ababab; font-family:'Montserrat',sans-serif; font-size:25px; line-height:1em; letter-spacing:-.07em; } 
.main-staff .controls .pager .current { color:#000; } 

.main-subject { display:flex; text-align:center; overflow:hidden; } 
.main-subject .title { width:37.5%; background:#92877b; padding:60px 30px; } 
.main-subject .title * { color:#fff; } 
.main-subject .title .m-head { margin-bottom:0; } 
.main-subject .title .m-head:after { content:""; display:block; width:40px; height:2px; background:#fff; margin:23px auto; } 
.main-subject .title .txt { font-weight:500; max-width:350px; margin:0 auto; } 
.main-subject .title .img { margin-top:23px; } 
.main-subject .list { flex:1 1 auto; min-width:0; width:1%; display:flex; } 
.main-subject .list .link { width:20%; padding:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#242424; } 
.main-subject .list .link .ico { margin-bottom:18px; } 
.main-subject .list .link .en { font-family:'Montserrat',sans-serif; line-height:1.35em; margin-bottom:4px; } 
.main-subject .list .link .ko { font-size:24px; font-weight:600; line-height:1.35em; letter-spacing:-.03em; } 
.main-subject .list .link.st1 { background:#f8f4ed; } 
.main-subject .list .link.st2 { background:#fffaf4; } 
.main-subject .list .link.st3 { background:#fffdf9; } 
.main-subject .list .link.st4 { background:#f6f6f6; } 
.main-subject .list .link.st5 { background:#e9e9e9; } 
.main-subject .list .link:hover { background:#fff; } 

.main-clinic { padding:130px 0; text-align:center; overflow:hidden; background:url("../images/main/clinic_bg.png") 100% 0 no-repeat; background-size:auto 100%; } 
.main-clinic .list { display:flex; } 
.main-clinic .link { position:relative; width:25%; color:#fff; } 
.main-clinic .link .img { position:relative; } 
.main-clinic .link .img img { filter:grayscale(100%); } 
.main-clinic .link .img:after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.4); transition:.2s; } 
.main-clinic .link .hover { position:absolute; top:50%; left:0; width:100%; padding:30px; transform:translateY(-50%); transition:.2s; } 
.main-clinic .link .tit { font-size:28px; line-height:1.3em; letter-spacing:-.03em; text-shadow:3px 3px 5px rgba(0,0,0,.15); } 
.main-clinic .link .txt { display:none; min-height:110px; margin-top:15px; } 
.main-clinic .link .txt span { display:inline-block; } 
.main-clinic .link .more { display:none; align-items:center; padding:7px 0; font-family:'Montserrat',sans-serif; font-size:15px; font-weight:600; line-height:1.3em; border-bottom:1px solid #fff; } 
.main-clinic .link .more:after { content:""; margin-left:10px; width:8px; height:14px; background:url("../images/main/btn_arrow_w.svg") 50% 50% no-repeat; } 
.main-clinic .link .line { position:absolute; top:15px; right:15px; bottom:15px; left:15px; opacity:0; transition:.2s; } 
.main-clinic .link .line span { position:absolute; background:#fff; opacity:.6; transition:.4s .1s; } 
.main-clinic .link .line span:nth-child(1) { top:0; left:0; width:0px; height:1px; } 
.main-clinic .link .line span:nth-child(2) { top:0; right:0; width:1px; height:0px; } 
.main-clinic .link .line span:nth-child(3) { bottom:0; right:0; width:0px; height:1px; } 
.main-clinic .link .line span:nth-child(4) { bottom:0; left:0; width:1px; height:0px; } 
.main-clinic .link:hover .img:after { background:rgba(175,130,58,.7); } 
.main-clinic .link:hover .img img { filter:grayscale(0); } 
.main-clinic .link:hover .tit { text-shadow:none; } 
.main-clinic .link:hover .txt { display:block; } 
.main-clinic .link:hover .more { display:inline-flex; } 
.main-clinic .link:hover .line { opacity:1; } 
.main-clinic .link:hover .line span:nth-child(1) { width:100%; } 
.main-clinic .link:hover .line span:nth-child(2) { height:100%; } 
.main-clinic .link:hover .line span:nth-child(3) { width:100%; } 
.main-clinic .link:hover .line span:nth-child(4) { height:100%; } 

.main-contact { display:flex; overflow:hidden; } 
.main-contact .head { margin-bottom:40px; } 
.main-contact .head h2 { color:#242424; font-family:"Montserrat",sans-serif; font-size:40px; font-weight:600; line-height:1.3em; letter-spacing:-.03em; margin-bottom:5px; } 
.main-contact .head p { color:#454545; font-size:18px; line-height:1.4em; letter-spacing:-.03em; } 
.main-contact .more { display:inline-flex; align-items:center; padding:7px 0; font-family:'Montserrat',sans-serif; color:#242424; font-size:15px; font-weight:600; line-height:1.3em; border-bottom:1px solid #242424; } 
.main-contact .more:after { content:""; margin-left:10px; width:8px; height:14px; background:url("../images/main/btn_arrow.svg") 50% 50% no-repeat; } 

.contact-zone { width:50%; display:flex; justify-content:flex-end; padding:127px 40px 140px 350px; background:url("../images/main/contact_bg.jpg") 0 0 no-repeat; background-size:auto 100%; } 
.contact-zone .inner { width:100%; max-width:570px; } 
.contact-zone .item { display:flex; margin-bottom:50px; line-height:1.5em; } 
.contact-zone .item:last-child { margin-bottom:0; } 
.contact-zone .item .tit { width:163px; } 
.contact-zone .item .tit h3 { color:#242424; font-size:24px; font-weight:600; line-height:1.3em; letter-spacing:-.03em; margin-bottom:17px; } 
.contact-zone .item .cnt { flex:1 1 auto; min-width:0; width:1%; } 
.contact-zone .ico { display:flex; align-items:center; margin-bottom:15px; } 
.contact-zone .ico:last-child { margin-bottom:0; } 
.contact-zone .ico img { flex:0 0 45px; width:45px; margin-right:19px; } 
.contact-zone .tel { color:#242424; font-size:50px; font-family:"Montserrat",sans-serif; font-weight:700; line-height:1.2em; letter-spacing:-.03em; } 
.contact-zone .txt { margin-bottom:10px; } 
.contact-zone .txt:last-child { margin-bottom:0; } 
/* timeSwiper  */
.contact-zone .timeSwiper { width: 100%; height: 100%; background-color: #a89f95; border-radius: 10px; position: relative; } 
.contact-zone .timeSwiper .swiper-slide { text-align: left; display: flex; flex-direction: column; color: #fff; padding: 20px 30px; } 
.contact-zone .timeSwiper .swiper-slide .tit { font-size: 20px; font-weight: 500; line-height: 1.55em; margin-bottom: 5px; } 
.contact-zone .timeSwiper .swiper-slide ul li { letter-spacing: -0.07em; line-height: 2em; } 
.contact-zone .timeSwiper .swiper-slide strong { font-weight: 800; display: inline-block; padding-left: 12px; letter-spacing: -0.07em; line-height: 2em; } 
.contact-zone .timeSwiper .dot-list > li:before { top: 50%; transform: translateY(-50%); } 
.contact-zone .timeSwiper .swiper-slide span { display: inline-block; padding-left: 12px; letter-spacing: -0.07em; line-height: 2em; } 
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,7px); } 
.timeSwiper .swiper-button-next,.timeSwiper .swiper-button-prev { width: 13px; height: 22px; top: 20px; left: auto;--swiper-theme-color: none; --swiper-navigation-size: 0; } 
.timeSwiper .swiper-button-prev { background: url(../images/main/arrow-left.png) no-repeat 100%/contain;
right: 80px; } 
.timeSwiper .swiper-button-next { background: url(../images/main/arrow-right.png) no-repeat 100%/contain; right: 30px; } 
.timeSwiper .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 1; cursor: pointer; pointer-events: inherit; } 


.notice-zone { width:50%; padding:127px 80px 100px 80px; background:#f9f9f9; } 
.notice-zone .inner { position:relative; width:100%; max-width:620px; } 
.notice-zone .head p { display:flex; align-items:center; margin-right:104px; } 
.notice-zone .head p:after { content:""; flex:1 1 auto; min-width:0; width:1%; margin-left:10px; height:1px; background:#ddd; } 
.notice-zone .list ul li { position:relative; padding-right:100px; padding-bottom:25px; margin-bottom:25px; color:#454545; line-height:25px; border-bottom:1px solid #ddd; } 
.notice-zone .list ul li:last-child { margin-bottom:0; } 
.notice-zone .list ul li a { display:inline-block; vertical-align:top; width:calc(100% - 30px); height:25px; overflow:hidden; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; } 
.notice-zone .list ul li img { vertical-align:middle; margin:-.2em 0 0 0; } 
.notice-zone .list ul li span { position:absolute; top:0; right:0; width:85px; text-align:center; color:#fff; font-size:14px; font-weight:600; border-radius:3px; background:#92877b; } 
.notice-zone .more { position:absolute; top:59px; right:0; padding:0; border-bottom:0; } 

/* sub */
.sub-visual { position:relative; height:400px; overflow:hidden; background:#eee; } 
.sub-visual .bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transition:2s; opacity:0; transform:scale(1.1); background-repeat:no-repeat; background-position:50% 0; background-size:cover; } 
.sub-visual .inner { position:absolute; top:50%; left:0; width:100%; padding:100px 20px 0; transform:translateY(-50%); } 
.sub-visual .en { font-family:'Montserrat',sans-serif; color:#b2853d; font-size:18px; font-weight:600; line-height:1.3em; margin-bottom:5px; } 
.sub-visual h2 { color:#242424; font-size:50px; font-weight:600; line-height:1.3em; letter-spacing:-.03em; margin-bottom:12px; } 
.sub-visual .txt { color:#454545; font-size:18px; line-height:1.3em; } 
.sub-visual .bg1 { background-image:url("../images/common/sv1.jpg"); } 
.sub-visual .bg2 { background-image:url("../images/common/sv2.jpg"); } 
.sub-visual .bg3 { background-image:url("../images/common/sv3.jpg"); } 
.sub-visual .bg4 { background-image:url("../images/common/sv4.jpg"); } 
.sub-visual .bg5 { background-image:url("../images/common/sv5.jpg"); } 
.sub-visual .bg6 { background-image:url("../images/common/sv6.jpg"); } 
.sub-visual .bg7 { background-image:url("../images/common/sv7.jpg"); } 
.loaded .sub-visual .bg { transform:scale(1); opacity:1; } 

.lnb-wrap { background:#92877b; overflow:hidden; } 
.lnb { max-width:1200px; margin:0 auto; } 
.lnb .swiper-container { overflow:visible; } 
.lnb ul { border-left:1px solid rgba(255,255,255,.3); } 
.lnb ul li { flex:1; display:flex; align-items:center; width:auto; text-align:center; border-right:1px solid rgba(255,255,255,.3); } 
.lnb ul li a { display:flex; align-items:center; justify-content:center; width:100%; height:60px; padding:0 15px; color:#fff; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-.03em; } 
.lnb ul li.active a { color:#92877b; background:#fff; font-weight:600; } 

#contArea { max-width:1260px; padding-left:30px; padding-right:30px; margin:0 auto; } 
#contArea.wide { max-width:100%; padding-left:0; padding-right:0; } 

.sub-title { text-align:center; padding:60px 0 50px; } 
.sub-title h2 { color:#242424; font-size:35px; font-weight:600; line-height:1.3em; letter-spacing:-.03em; padding-top:50px; background:url("../images/common/sub_title_bg.png") 50% 0 no-repeat; } 

.real-cont { min-height:400px; padding-bottom:100px; } 
.real-cont.type2 { padding-bottom:200px; } 

/* quick */
.quick { position:fixed; top:50%; right:40px; width:80px; margin-top:-300px; color:#454545; font-size:14px; line-height:1.3em; text-align:center; box-shadow:3px 3px 7px rgba(0,0,0,.3); background:#fff; border-radius:80px; z-index:80; } 
.quick ul { padding:25px 0; } 
.quick ul li { padding:10px 0; } 
.quick ul li a { display:block; } 
.quick ul li a img { display:block; margin:0 auto 5px; transition:.2s; } 
.quick ul li a:hover img { transform:translateY(-5px); } 

.quick .go-top { display:flex; flex-direction:column; justify-content:center; align-items:center; margin:0 auto 12px; width:56px; height:56px; color:#fff; font-size:14px; font-weight:500; line-height:1.3em; letter-spacing:0; background:#242424; border-radius:100%; } 
.quick .go-top:before { content:""; width:0; height:0; margin:0 0 4px 0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:8px solid #fff; } 

/* footer */
#footer { padding:40px 0; color:#ababab; font-size:15px; font-weight:300; line-height:1.667em; letter-spacing:-.02em; background:#000; } 
#footer address { font-style:normal; } 
#footer .contain { position:relative; max-width:1460px; display:flex; align-items:flex-end; } 

.foot-info { flex:1 1 auto; min-width:0; width:1%; } 
.foot-info .comp-name { margin-bottom:5px; color:#fff; font-size:17px; font-weight:500; } 
.foot-info address span { display:inline-block; margin:0 30px 0 0; } 
.foot-info .copyright { margin-top:5px; font-size:0.933em } 
.foot-info .copyright .designed { display:inline-block; } 
.foot-info .copyright a:hover { text-decoration:underline; } 

.foot-sns { display:flex; } 
.foot-sns a { margin-left:10px; } 

.f-top { position:absolute; top:0; right:30px; color:#fff; font-size:16px; font-weight:600; line-height:1.3em; display:flex; align-items:center; } 
.f-top:after { content:""; width:0; height:0; margin:.1em 0 0 10px; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #fff; }