@charset "utf-8"; 

/*
 * --------------------------------------------------------------------------
 * descript : 레이아웃
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.08.17
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */

 /*
 * ==========================================================================
 * Table of Contents 
 * ==========================================================================
 * 1.0 - 전체 프로젝트에 필요한 클래스(#wrap, .inner, .full, #main-container, #sub-container 등)
 * 2.0 - 해더
 * 3.0 - 서브 비주얼
 * 4.0 - 페이지 네비게이션
 * 5.0 - 풋터
 * 6.0 - 공통(진료시간, 고객센터, 오시는길)
 * --------------------------------------------------------------------------
 */

/* --------------------------------------------------------------------------
   1.0 전체 프로젝트에 필요한 클래스(#wrap, .inner, .full, #main-container, #sub-container 등)
   -------------------------------------------------------------------------- */
body{font-family:'Noto Sans KR ', sans-serif; padding-top:162px;}

#wrap{position:relative; width:100%; min-width:1400px; font-size:14px; line-height:1; overflow-x:hidden;}

#main-container{min-height:800px;}
#sub-container{min-height:800px;}

.full{position:relative; width:100%; height:inherit; box-sizing:border-box;}
.inner{position:relative; width:100%; max-width:1200px; height:inherit; margin:0 auto;  box-sizing:border-box; padding:60px 0; }
.automation{position:relative; width:100%; height:inherit; box-sizing:border-box; text-align:center;}

a:hover{text-decoration:none;}
*::before{position:absolute; display:none; content:'';}
*::after{position:absolute; display:none; content:'';}

#membership{margin:50px 0;}
/* --------------------------------------------------------------------------
   2.0 해더
   -------------------------------------------------------------------------- */
#header{position:fixed; width:100%; min-width:1400px; left:0; top:0; z-index:10; background:#fff; box-shadow:0 0 30px rgba(0,0,0,0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#header.fixed{top:-100px; box-shadow:0 0 30px rgba(0,0,0,0.2);}

/* 로고 */
#header #logo{position:absolute; display:inline-block; left:50%; top:0; line-height:inherit; transform:translate(-50%, 0);}

#header .header-group{height:100px; line-height:100px; padding:0;}

/* GNB */
#gnb{position:relative; width:100%; height:60px; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #bbb;}
#gnb .inner {min-width:1400px; padding: 0;}
/* #gnb::before{visibility:hidden; opacity:0; display:inline-block; width:100%; height:170px; left:0; top:100px; background:rgba(67,71,83,0.95) url(/assets/img/common/theme/lnb_bg.png) no-repeat 10% center; z-index:6; box-sizing:border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#gnb:hover::before{visibility:visible; opacity:1; top:60px;} */

#gnb .gnb-dim{position:absolute; left:0; top:0; visibility:hidden; opacity:0; display:inline-block; width:100%; height:170px; left:0; top:100px; background:rgba(67,71,83,0.95) url(/assets/img/common/theme/lnb_bg.png) no-repeat 10% -30px; z-index:6; box-sizing:border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#gnb .gnb-dim.active{visibility:visible; opacity:1; top:60px;}

/* 1차 */
#gnb ul.gnb{display:inline-block;}
#gnb ul.gnb > li{float:left;}
#gnb ul.gnb > li::before{position:absolute; left:0; top:0; content:''; width:1px; height:70px;}
#gnb ul.gnb > li:first-child::before{visibility:hidden;}
#gnb ul.gnb > li > a{position:relative; display:block; font-size:18px; color:#333; font-weight:400; height:inherit; line-height:60px; padding:0 20px; text-align:center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#gnb ul.gnb > li:hover > a{color:#ff3e62;}
#gnb ul.gnb > li.active{}
#gnb ul.gnb > li.active > a{color:#ff3e62;}

/* 2차 */
#gnb ul.gnb > li > a + ul{position:absolute; visibility:hidden; opacity:0; width:100%; height:170px; padding:50px 0 0 400px; margin:0 auto; left:50%; top:100px; transform:translate(-50%, 0); box-sizing:border-box; z-index:9; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

#gnb ul.gnb > li:hover > a + ul{visibility:visible; opacity:1; top:60px;}
#gnb ul.gnb > li:hover > a + ul::before{position:absolute; display:inline-block; font-size:31px; text-align:left; color:#fff; font-weight:700; line-height:42px; letter-spacing:-2.5px; left:50px; top:50%; transform:translate(0, -50%); white-space: pre;}
#gnb ul.gnb > li:hover > a + ul::after{display:inline-block; width:1px; height:50%; background:rgba(255,255,255,0.2); left:340px; top:50%; transform:translate(0, -50%);}

#gnb ul.gnb > li:nth-child(1) > a + ul::before{content:'라인업소개';}
#gnb ul.gnb > li:nth-child(2) > a + ul::before{content:'안전한,\A턱 얼굴 수술';}
#gnb ul.gnb > li:nth-child(3) > a + ul::before{content:'예뻐지는,\A치아교정';}
#gnb ul.gnb > li:nth-child(4) > a + ul::before{content:'정직한,\A임플란트';}
#gnb ul.gnb > li:nth-child(5) > a + ul::before{content:'일반진료';}
#gnb ul.gnb > li:nth-child(6) > a + ul::before{content:'예방관리';}
#gnb ul.gnb > li:nth-child(7) > a + ul::before{content:'자신있는,\A시술 전/후';}
#gnb ul.gnb > li:nth-child(8) > a + ul::before{content:'상담/예약';}
#gnb ul.gnb > li:nth-child(9) > a + ul::before{content:'라인업소식';}

#gnb ul.gnb > li > a + ul > li{float:left; margin:0 100px 30px 0; text-align:left;}
#gnb ul.gnb > li > a + ul > li > a{position:relative; font-size:18px; color:#fff; font-weight:300; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
#gnb ul.gnb > li > a + ul > li > a:hover{color:#ff8c8c;}
#gnb ul.gnb > li > a + ul > li.active{}
#gnb ul.gnb > li > a + ul > li.active > a{color:#ff3e62;}


#gnb ul.gnb > li > a + ul > li > a + ul{margin-top:20px;}
#gnb ul.gnb > li > a + ul > li > a + ul > li{}
#gnb ul.gnb > li > a + ul > li > a + ul > li > a{display:block; font-size:15px; color:#d8dcdf; height:30px; line-height:30px;}
#gnb ul.gnb > li > a + ul > li > a + ul > li.active > a{color:#ff3e62;}

/* 다국어 버튼 */
#translation{position:absolute; left:0; top:40px;}
#translation button{position:relative; display:inline-block; width:33px; height:20px; float:left; margin-right:20px; cursor:pointer;}
#translation button:last-child{margin-right:0;}
#translation button::after{display:inline-block; content:'/'; right:-13px; top:3px; color:#ddd;}
#translation button:last-child::after{display:none;}

#translation button.kor{background:url(/assets/img/common/theme/country01.jpg) no-repeat center center;}
#translation button.eng{background:url(/assets/img/common/theme/country02.jpg) no-repeat center center;}
#translation button.chn{background:url(/assets/img/common/theme/country03.jpg) no-repeat center center;}
#translation button.mng{background:url(/assets/img/common/theme/country04.jpg) no-repeat center center;}
#translation button.rus{background:url(/assets/img/common/theme/country05.jpg) no-repeat center center;}

/* --------------------------------------------------------------------------
   3.0 서브 비주얼
   -------------------------------------------------------------------------- */

#sub-nav{height:80px; color:#111;}
#sub-nav .inner {padding:0;}
#sub-nav h2{font-size:24px; font-weight:100; line-height:80px; text-align:center;}
#sub-nav a{position:absolute; font-size:15px; color:#555; line-height:40px;}
#sub-nav a.prev-page{left:0; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); padding-left:50px;}
#sub-nav a.prev-page::before{display:inline-block; width:40px; height:40px; border:1px solid #cfcfcf; left:0; top:0; background:#fff url(/assets/img/common/theme/btn_prev.png) no-repeat center center;}
#sub-nav a.next-page{right:0; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); padding-right:50px;}
#sub-nav a.next-page::before{display:inline-block; width:40px; height:40px; border:1px solid #cfcfcf; right:0; top:0; background:#fff url(/assets/img/common/theme/btn_next.png) no-repeat center center;}



#sub-visual{position:relative; height:500px; background-position:center center; background-repeat:no-repeat;}
#sub-visual .inner{height:inherit;}

/* 1차 메뉴 */
/* #sub-visual[data-menu-1st=""]{background-image:url(/assets/img/common/theme/visual_bg_02_01.jpg);} */
#sub-visual[data-menu-1st="치료별 전/후 사진"]{background-image:url(/assets/img/web/sub/theme/visual_bg_07_01.jpg);}
#sub-visual[data-menu-1st="온라인 상담"]{background-image:url(/assets/img/web/sub/theme/visual_bg_08_01.jpg);}
#sub-visual[data-menu-1st="라인업소식"]{height:300px; background-image:url(/assets/img/web/sub/theme/visual_bg_09_01.jpg);}
#sub-visual[data-menu-1st="상담/예약"]{height:300px; background-image:url(/assets/img/web/sub/theme/visual_bg_09_01.jpg);}
#sub-visual[data-menu-1st="자신있는 시술전/후"]{height:300px; background-image:url(/assets/img/web/sub/theme/visual_bg_09_01.jpg);}
#sub-visual[data-menu-1st="멤버쉽"]{height:300px; background-image:url(/assets/img/web/sub/theme/visual_bg_09_01.jpg);}

/* 2차 메뉴 */
#sub-visual[data-menu-2nd="진료철학"]{background-image:url(/assets/img/web/sub/theme/visual_bg_01_01.jpg);}
#sub-visual[data-menu-2nd="의료진소개"]{background-image:url(/assets/img/web/sub/theme/visual_bg_01_02.jpg);}
#sub-visual[data-menu-2nd="병원소개"]{background-image:url(/assets/img/web/sub/theme/visual_bg_01_03.jpg);}
#sub-visual[data-menu-2nd="찾아오시는 길"]{background-image:url(/assets/img/web/sub/theme/visual_bg_01_04.jpg);}

#sub-visual[data-menu-2nd="라인업 턱얼굴수술"]{background-image:url(/assets/img/web/sub/theme/visual_bg_02_01.jpg);}
#sub-visual[data-menu-2nd="선수술 VS 선교정"]{background-image:url(/assets/img/web/sub/theme/visual_bg_02_02.jpg);}
#sub-visual[data-menu-2nd="양악수술"]{background-image:url(/assets/img/web/sub/theme/visual_bg_02_03.jpg);}
#sub-visual[data-menu-2nd="안면윤곽"]{background-image:url(/assets/img/web/sub/theme/visual_bg_02_04.jpg);}

#sub-visual[data-menu-1st="테스트"]{background-image:url(/assets/img/web/sub/theme/visual_bg_02_01.jpg);}

#sub-visual[data-menu-2nd="라인업 치아교정"]{background-image:url(/assets/img/web/sub/theme/visual_bg_03_01.jpg);}
#sub-visual[data-menu-2nd="증상별"]{background-image:url(/assets/img/web/sub/theme/visual_bg_03_02.jpg);}
#sub-visual[data-menu-2nd="장치별"]{background-image:url(/assets/img/web/sub/theme/visual_bg_03_03.jpg);}

#sub-visual[data-menu-2nd="라인업 임플란트"]{background-image:url(/assets/img/web/sub/theme/visual_bg_04_01.jpg);}
#sub-visual[data-menu-2nd="뼈이식 임플란트"]{background-image:url(/assets/img/web/sub/theme/visual_bg_04_02.jpg);}
#sub-visual[data-menu-2nd="원데이 임플란트"]{background-image:url(/assets/img/web/sub/theme/visual_bg_04_03.jpg);}
#sub-visual[data-menu-2nd="UV 임플란트"]{background-image:url(/assets/img/web/sub/theme/visual_bg_04_04.jpg);}
#sub-visual[data-menu-2nd="재수술 임플란트"]{background-image:url(/assets/img/web/sub/theme/visual_bg_04_05.jpg);}
#sub-visual[data-menu-2nd="고난도 임플란트"]{background-image:url(/assets/img/web/sub/theme/visual_bg_04_06.jpg);}

#sub-visual[data-menu-2nd="충치치료"]{background-image:url(/assets/img/web/sub/theme/visual_bg_05_01.jpg);}
#sub-visual[data-menu-2nd="치주질환"]{background-image:url(/assets/img/web/sub/theme/visual_bg_05_02.jpg);}
#sub-visual[data-menu-2nd="사랑니발치"]{background-image:url(/assets/img/web/sub/theme/visual_bg_05_03.jpg);}
#sub-visual[data-menu-2nd="치아미백"]{background-image:url(/assets/img/web/sub/theme/visual_bg_05_04.jpg);}
#sub-visual[data-menu-2nd="치아성형"]{background-image:url(/assets/img/web/sub/theme/visual_bg_05_05.jpg);}
#sub-visual[data-menu-2nd="턱관절장애"]{background-image:url(/assets/img/web/sub/theme/visual_bg_05_06.jpg);}

#sub-visual[data-menu-2nd="라인업 구강관리"]{background-image:url(/assets/img/web/sub/theme/visual_bg_06_01.jpg);}
#sub-visual[data-menu-2nd="구강관리 용품처방"]{background-image:url(/assets/img/web/sub/theme/visual_bg_06_02.jpg);}

#sub-visual[data-menu-2nd="치료별 전/후 사진"]{background-image:url(/assets/img/web/sub/theme/visual_bg_07_01.jpg);}
#sub-visual[data-menu-2nd="온라인 상담"]{background-image:url(/assets/img/web/sub/theme/visual_bg_08_01.jpg);}
#sub-visual[data-menu-2nd="라인업소식"]{background-image:url(/assets/img/web/sub/theme/visual_bg_09_01.jpg);}




#sub-visual .txt-group{position:absolute; width:600px; display:inline-block; left:0; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); color:#111; text-align:center;}

#sub-visual .txt-group span.bar{display:block; width:1px; height:60px; background:#111; margin:20px auto;}

#sub-visual .txt-group p{font-size:22px; font-weight:100; line-height:1.35em;}
#sub-visual .txt-group p em{font-weight:700;}

#sub-visual .txt-group p.txt-large{font-size:48px; line-height:1em;}
#sub-visual .txt-group p.txt-dental{font-size:15px; font-weight:700; color:#a7aec0; letter-spacing:5px; margin-top:10px;} /* 디자인 시안의 arial 폰트는 유료폰트로 사용할 수 없습니다. */

.sub-title{font-size:44px; font-weight:700; color:#111; text-align:center; padding:50px 0;}


/*컨텐츠 하단 바로가기 버튼*/
.common-quick-btn{background:#fff; text-align:center;}
.common-quick-btn ul {display:inline-block; overflow:hidden;}
.common-quick-btn ul li{position:relative; float:left; width:380px; height:160px; border:10px solid #ffc5c5; box-sizing:border-box; text-align:left; margin:0 10px; padding:40px 0 0 100px;}
.common-quick-btn ul li::before{display:inline-block; content:'보러가기'; width:150px; height:25px; line-height:25px; font-size:16px; color:#bbb; background:url(/assets/img/web/sub/theme/quick_arrow.png) no-repeat right center; left:100px; top:80px;}
.common-quick-btn ul li a{display:block; width:100%; height:100%; font-size:26px; color:#111; font-weight:100; letter-spacing:-2px;}
.common-quick-btn ul li a em{font-weight:700;}

.common-quick-btn ul li.quick-img-01{background:url(/assets/img/web/sub/theme/quick_img_01.png) no-repeat left center;} 
.common-quick-btn ul li.quick-img-02{background:url(/assets/img/web/sub/theme/quick_img_02.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-03{background:url(/assets/img/web/sub/theme/quick_img_03.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-04{background:url(/assets/img/web/sub/theme/quick_img_04.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-05{background:url(/assets/img/web/sub/theme/quick_img_05.png) no-repeat left center;} 
.common-quick-btn ul li.quick-img-06{background:url(/assets/img/web/sub/theme/quick_img_06.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-07{background:url(/assets/img/web/sub/theme/quick_img_07.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-08{background:url(/assets/img/web/sub/theme/quick_img_08.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-09{background:url(/assets/img/web/sub/theme/quick_img_09.png) no-repeat left center;}

/*전후사진*/
.b_a{text-align:center;}
.b_a.grid{display:inline-block; width:auto; padding:0 20px;}
.b_a .item{position:relative; float:left; margin:0 10px;}
.b_a .item span.before{left:15px; top:15px;}
.b_a .item span.after{left:15px; top:15px;}
.ba_more {display:block; width:160px; padding:15px; border:1px solid #ff3e62; color:#ff3e62; font-size:16px; text-align:center; margin:30px auto 0;}
.ba_more:hover {background:#ff3e62; color:#fff; transition:0.3s; }
/* --------------------------------------------------------------------------
   4.0 페이지 네비게이션
   -------------------------------------------------------------------------- */
#breadcrumb{position:relative; width:100%; text-align:right; color:#464646; padding:20px 0; font-size:14px; line-height:22px;}
#breadcrumb svg{font-size:12px;}
#breadcrumb strong{font-weight:700;}


/* --------------------------------------------------------------------------
   5.0 풋터
   -------------------------------------------------------------------------- */
#footer{width:100%; text-align:center; background:#333333;}

#footer .fnb{display:inline-block; height:50px; line-height:50px;}
#footer .fnb li{float:left;}
#footer .fnb li a{position:relative; display:block; width:100%; padding:0 30px; color:#ddd;}
#footer .fnb li a:hover{color:#fff;}
#footer .fnb li a::after{display:inline-block; width:1px; height:12px; right:27px; top:20px; background:#ddd;}
#footer .fnb li:last-child a::after{display:none;}

#footer .inner{border-top:1px solid #777777; padding:0;}

#footer .footer-info{display:block; padding:100px 0 50px 0; background:url(/assets/img/common/theme/f_logo.png) no-repeat center 25px;}
#footer .footer-info p{height:25px; line-height:25px; color:#999999; font-size:14px;}
#footer .footer-info p span{position:relative; display:inline-block; margin-right:30px;}
#footer .footer-info p span::after{display:inline-block; content:'/'; right:-20px; top:0; color:#999;}
#footer .footer-info p span:last-child{margin-right:0;}
#footer .footer-info p span:last-child::after{display:none;}
#footer .footer-info p.copyright{margin-top:15px; font-size:0.85em; color:#999999;}
#footer .footer-info p.copyright a{color:#00aeff;}



/* --------------------------------------------------------------------------
   6.0 공통영역
   -------------------------------------------------------------------------- */
#quick-footer{display:inline-block; width:100%; background:#f8f8f8 url(/assets/img/common/theme/quick_footer_bg.jpg) no-repeat center center; background-size:cover;}
#quick-footer .inner {overflow:hidden;}
#quick-footer h6{font-size:28px; margin-bottom:25px; font-weight:700; color:#111; letter-spacing:-1px;}

#quick-footer .information,
#quick-footer .quick-counsel{position:relative; float:left;}

#quick-footer .information{width:55%;}
#quick-footer .information a{display:block; font-size:36px; color:#111; letter-spacing:-2px;}
#quick-footer .information a em{font-weight:700; color:#ff3e62;}
#quick-footer .information table{text-align:left; font-size:16px; margin:15px 0;}
#quick-footer .information table caption{display:none;}
#quick-footer .information table th{font-weight:700; text-align:justify; width:80px; padding:5px 0;}
#quick-footer .information table td{padding:5px 0;}
#quick-footer .information p{font-size:16px; color:#111;}

#quick-footer .information ul{position:absolute; width:250px; height:250px; top:0; right:50px;}
#quick-footer .information ul li{float:left; width:50%; height:125px; text-align:center;}
#quick-footer .information ul li a{display:inline-block; width:110px; height:110px; border-radius:110px; box-sizing:border-box; padding-top:50px;}
#quick-footer .information ul li:hover a{}
#quick-footer .information ul li a span{font-size:15px;}

#quick-footer .information ul li.item01 a{background:#ff3e62 url(/assets/img/common/theme/information01.png) no-repeat center 20px; color:#fff;}	/* 오시는길 */
#quick-footer .information ul li.item02 a{background:#555555 url(/assets/img/common/theme/information02.png) no-repeat center 20px; color:#fff;}	/* 온라인상담 */
#quick-footer .information ul li.item03 a{background:#4db61a url(/assets/img/common/theme/information03.png) no-repeat center 20px; color:#fff;}	/* 네이버톡톡 */
#quick-footer .information ul li.item04 a{background:#ffd800 url(/assets/img/common/theme/information04.png) no-repeat center 20px;}				/* 카카오톡상담 */


#quick-footer .quick-counsel{ width:45%;}
#quick-footer .quick-counsel ul{float:left; width:50%; box-sizing:border-box;}
#quick-footer .quick-counsel ul.quick-counsel01{padding-right:20px; width:50%; }
#quick-footer .quick-counsel ul.quick-counsel01 li{position:relative; height:40px; padding-left:80px; margin:5px 0;}
#quick-footer .quick-counsel ul.quick-counsel01 li:last-child{padding-left:0;}
#quick-footer .quick-counsel ul.quick-counsel01 li > label{position:absolute; width:70px; font-weight:700; height:40px; line-height:40px; left:0; top:0; font-size:16px; color:#111;}
#quick-footer .quick-counsel ul.quick-counsel01 li > label[data-name="상담내용"]{display:none;}
#quick-footer .quick-counsel ul.quick-counsel01 li input[type="text"]{float:left; width:100%; height:40px; line-height:40px; background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:0 5px;}
#quick-footer .quick-counsel ul.quick-counsel01 li input[data-name="고객명"]{}
#quick-footer .quick-counsel ul.quick-counsel01 li input[data-name="연락처1"]{width:33%;}
#quick-footer .quick-counsel ul.quick-counsel01 li input[data-name="연락처2"]{width:calc(34% - 10px); margin:0 5px;}
#quick-footer .quick-counsel ul.quick-counsel01 li input[data-name="연락처3"]{width:33%;}
#quick-footer .quick-counsel ul.quick-counsel01 li select[data-name="상담분야"]{float:left; width:100%; height:40px; line-height:40px; background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:0 5px;}
#quick-footer .quick-counsel ul.quick-counsel01 li button{font-size:12px; cursor:pointer; color:#999;}

#quick-footer .quick-counsel ul.quick-counsel02{}
#quick-footer .quick-counsel ul.quick-counsel02 li{position:relative; display:inline-block; width:100%; margin:5px 0;}
#quick-footer .quick-counsel ul.quick-counsel02 li > label{display:none;}
#quick-footer .quick-counsel ul.quick-counsel02 li textarea[data-name="상담내용"]{float:left; width:100%; height:131px; line-height:40px; background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:0 5px;}
#quick-footer .quick-counsel ul.quick-counsel02 li button[data-name="빠른상담신청"]{float:left; width:100%; font-size:15px; font-weight:700; height:40px; line-height:40px; color:#fff; background:#ff3e62; border:1px solid #ff3e62; box-sizing:border-box; padding:0 5px; cursor:pointer;}




/* --------------------------------------------------------------------------
   7.0 공통영역
   -------------------------------------------------------------------------- */
#quick-footer input[type="radio"],
#quick-footer input[type="checkbox"]{display:none;}

#quick-footer input[type="radio"] + label,
#quick-footer input[type="checkbox"] + label{font-size:12px; line-height:40px; position:relative; cursor:pointer; padding-left:30px;}

#quick-footer input[type="radio"] + label::before,
#quick-footer input[type="checkbox"] + label::before{position:absolute; content:""; display:inline-block; left:0; top:7px; background:#fff; border:1px solid #ddd; width:23px; height:23px; cursor:pointer;}

#quick-footer input[type="radio"]:checked + label:after,
#quick-footer input[type="checkbox"]:checked + label::after{position:absolute; content:""; display:inline-block; width:15px; height:15px; left:5px; top:12px; background:#ff3e62}



.lineup-tab{display:inline-block; width:100%; margin-top:50px;}
.lineup-tab .inner {padding:0;}
.lineup-tab.five li{width:20%;}
.lineup-tab.six li{width:16.6666666666%;}
.lineup-tab.seven li{width:14.28571428571429%;}
.lineup-tab.three li{width:33.3333333333%;}
.lineup-tab li{float:left; }
.lineup-tab li a{display:block; height:60px; line-height:60px; text-align:center; font-size:18px; color:#777; background:#efefef; border-right:1px solid #fff;}
.lineup-tab li:last-child a{border-right:0;}
.lineup-tab li.active a{background: linear-gradient( 125deg, #ff6979, #ff3e62); color:#fff; font-weight:700;}


.before-after-tab{display:inline-block; width:100%; margin:30px 0 60px;}
.before-after-tab .inner {padding:0;}
.before-after-tab.five li{width:20%;}
.before-after-tab.six li{width:16.6666666666%;}
.before-after-tab.seven li{width:14.28571428571429%;}
.before-after-tab.three li{width:33.3333333333%;}
.before-after-tab li{float:left; }
.before-after-tab li a{display:block; height:60px; line-height:60px; text-align:center; font-size:18px; color:#777; background:#efefef; border-right:1px solid #fff;}
.before-after-tab li:last-child a{border-right:0;}
.before-after-tab li.active a{background: linear-gradient( 125deg, #ff6979, #ff3e62); color:#fff; font-weight:700;}



#lineup-quick{position:fixed; width:100px; height:100%; right:0; top:0; background:url(/assets/img/common/theme/quick_bg.png) no-repeat center top; background-size:cover; z-index:99; text-align:center;}
#lineup-quick a{display:block; color:#fff;}
#lineup-quick .lineup-member{position:relative; padding:15px 0; border-bottom:1px solid #fff;}
#lineup-quick .lineup-member::before{display:inline-block; width:4px; height:4px; border-radius:4px; background:#fff; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
#lineup-quick .lineup-member a{padding:15px 0; font-size:15px;}

#lineup-quick .lineup-quick{}
#lineup-quick .lineup-quick a{border-bottom:1px solid #fff; padding:60px 0 15px 0; background-repeat:no-repeat; background-position:center 15px; background-size:37px;}
#lineup-quick .lineup-quick a.bg01{background-image:url(/assets/img/common/theme/lineup_quick01.png);}
#lineup-quick .lineup-quick a.bg02{background-image:url(/assets/img/common/theme/lineup_quick02.png);}
#lineup-quick .lineup-quick a.bg03{background-image:url(/assets/img/common/theme/lineup_quick03.png);}
#lineup-quick .lineup-quick a.bg04{background-image:url(/assets/img/common/theme/lineup_quick04.png);}
#lineup-quick .lineup-quick a.bg05{background-image:url(/assets/img/common/theme/lineup_quick05.png);}

#lineup-quick .linup-sns a{padding:15px 0; font-size:14px; border-bottom:1px solid #fff;}

#lineup-quick .lineup-call{border:1px solid red;}
#lineup-quick .lineup-call a{text-align:left; padding:25px 10px; font-size:18px; letter-spacing:-1px; font-weight:700;}
#lineup-quick .lineup-call a span{position:relative; display:block; margin:5px 0; font-size:32px;}
#lineup-quick .lineup-call a span::before{display:inline-block; width:6px; height:6px; border-radius:6px; background:#fff; right:5px; top:50%; transform:translate(0, -50%); -webkit-transform:translate(-50%, -50%);}
#lineup-quick .lineup-call a em{position:relative; display:block; margin-bottom:5px; font-size:32px; color:#fff391;}
#lineup-quick .lineup-call a em:nth-child(2)::before{display:inline-block; width:6px; height:6px; border-radius:6px; background:#fff; right:5px; top:50%; transform:translate(0, -50%); -webkit-transform:translate(-50%, -50%);}

#lineup-quick a.top{display:inline-block; width:60px; height:60px; line-height:60px; border-radius:60px; box-shadow:5px 7px 0 #e90000; background:#fff; font-weight:700; text-align:center; letter-spacing:-1px; font-size:20px; color:#ff3e62;}






