@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{padding-bottom:80px;}

#wrap{position:relative; width:100%; min-height:100%; font-family: 'Noto Sans', sans-serif; font-size:1em; line-height:1.3em; letter-spacing:0.2px;}

#main-container{min-height:600px;}
#sub-container{min-height:500px;}

.full{position:relative; width:100%; min-width:320px; max-width:640px; margin:0 auto; height:inherit; box-sizing:border-box;}
.inner{position:relative; width:100%; min-width:320px; max-width:640px; margin:0 auto; height:inherit; box-sizing:border-box;}
.automation{position:relative; width:100%; height:inherit; box-sizing:border-box; text-align:center;}

@media (min-width:640px){
	.inner{padding:0px 20px;}
}
@media (max-width:639px){
	.inner{padding:0px 10px;}
}

a:hover{text-decoration:none;}
*::before{position:absolute; display:none; content:'';}
*::after{position:absolute; display:none; content:'';}
/* --------------------------------------------------------------------------



/* --------------------------------------------------------------------------
   2.0 해더
   -------------------------------------------------------------------------- */
#header{position:relative; background:#fff; border-top:3px solid #ff3e62; top:0; width:100%; height:70px; z-index:20; border-bottom:1px solid #dddddd;}
#header.active{background:#434753; border-bottom:0;}
#header.active .logo a{background:url(/assets/lng/eng/img/common/theme/new_logo_white.png) no-repeat center center; background-size:100%;}

#header .inner{height:inherit;}
#header .inner > div{float:left; box-sizing:border-box;}

#header .logo{}
#header .logo a{display:inline-block; position:absolute; width:150px; height:32px; background:url(/assets/img/common/theme/logo.png) no-repeat center center; background-size:100%; top:50%; left:50%; transform:translate(-50%, -50%); z-index:11; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}



/* 햄버거 버튼 스타일 및 트랜지션 */
.hamburger{position:absolute; top:50%; right:20px; transform:translate(0, -50%); z-index:11; cursor:pointer; padding:10px;}
.hamburger:hover {}
.box {width:25px; height:25px; display:inline-block; position:relative;}
.hamburger .bar {display:block; top:50%;}
.hamburger .bar, .hamburger .bar::before, .hamburger .bar::after {width:25px; height:2px; background-color:#ff3e62; position:absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger .bar::before, .bar::after {content: ""; display: block; }
.hamburger .bar::before{top:-8px; }
.hamburger .bar::after{bottom:-8px; }

.spin .bar {transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.spin .bar::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.spin .bar::after {transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.spin.active .bar {transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.spin.active .bar::before {top:0; opacity:0; transition:top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.spin.active .bar::after {bottom:0; transform: rotate(-90deg); transition:bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }


/* 1차 카테고리 */
.gnb-dim{display:none; position:fixed; z-index:11; width:100%; height:100%; left:0; top:0; background:#434753;}

#header .inner{padding:0; margin:0 auto; min-width:200px;}
#header #gnb{position:absolute; width:100%; box-sizing:border-box; z-index:11; visibility:hidden; top:100px; opacity:0;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
/* #header #gnb::before{display:inline-block; width:100%; height:50px; background:#32353e; left:0; top:0;} */

#header #gnb.active{visibility:visible; top:71px; opacity:1;}
#header #gnb .inner{box-sizing:border-box; padding:15px;}
#header #gnb .inner > ul{}
#header #gnb .inner > ul > li{position:relative;}
#header #gnb .inner > ul > li > button{position:relative; display:block; text-align:left; width:100%; line-height:50px; height:50px; background:#565a65; border-bottom:1px solid #434753; font-size:1.1em; font-weight:400; color:#fff; box-sizing:border-box; padding-left:20px; }
#header #gnb .inner > ul > li:last-child button{border-bottom:0;}


#header #gnb ul li.gnb > button.active{border-bottom:0;}

/* 2차 카테고리 */
#header #gnb ul li.gnb button + ul.lnb-wrap{position:relative; width:100%; background:#32353e; display:none; z-index:10;}
#header #gnb ul li.gnb button + ul.lnb-wrap li.lnb{width:100%;}
#header #gnb ul li.gnb button + ul.lnb-wrap li.lnb a{position:relative; display:inline-block; border-bottom:1px solid #25282e; width:100%; font-size:1em; font-weight:400; padding:15px 20px; color:#fff; box-sizing:border-box;}
#header #gnb ul li.gnb button + ul.lnb-wrap li.lnb:last-child a{border-bottom:0;}
#header #gnb ul li.gnb button + ul.lnb-wrap li.lnb.active{}
#header #gnb ul li.gnb button + ul.lnb-wrap li.lnb.active a{color:#ff8e8e;}
#header #gnb ul li.gnb button + ul.lnb-wrap li.lnb.active a::before{background:#1ca9a1;}


.translation{display:block; position:relative; padding:10px 0; text-align:center; z-index:1;}
.translation a{display:inline-block; float:left; margin:0 5px; width:50px; height:30px; background:#111;}

.translation a.kor{background:url(/assets/lng/mon/img/common/theme/icon_kor.png) no-repeat center center; background-size:50px;}
.translation a.eng{background:url(/assets/lng/mon/img/common/theme/icon_eng.png) no-repeat center center; background-size:50px;}
.translation a.chn{background:url(/assets/lng/mon/img/common/theme/icon_chn.png) no-repeat center center; background-size:50px;}
.translation a.mng{background:url(/assets/lng/mon/img/common/theme/icon_mng.png) no-repeat center center; background-size:50px;}
.translation a.rus{background:url(/assets/lng/mon/img/common/theme/icon_rus.png) no-repeat center center; background-size:50px;}


#header .member{opacity:0; height:35px; margin-top:10px; text-align:center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#header .member a{display:inline-block; float:left; margin:0 5px; width:100px; height:35px; line-height:35px; text-align:center; border:1px solid #fff; color:#fff; font-size:13px;}
#header .member.active{opacity:1;}



/**********************************************************************/


/* --------------------------------------------------------------------------
   3.0 서브 비주얼
   -------------------------------------------------------------------------- */

#sub-nav{height:50px; color:#111;}
#sub-nav .inner {padding:0;}
#sub-nav h2{font-size:24px; line-height:50px; text-align:center;}
#sub-nav a{position:absolute; font-size:13px;  color:#777; line-height:25px; letter-spacing:-0.5px;}
#sub-nav a.prev-page{left:10px; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); padding-left:35px;}
#sub-nav a.prev-page::before{display:inline-block; width:25px; height:25px; border:1px solid #ccc; left:0; top:0; background:#fff url(/assets/lng/mon/img/common/theme/btn_prev.png) no-repeat center center; background-size:20px;}
#sub-nav a.next-page{right:10px; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); padding-right:35px;}
#sub-nav a.next-page::before{display:inline-block; width:25px; height:25px; border:1px solid #ccc; right:0; top:0; background:#fff url(/assets/lng/mon/img/common/theme/btn_next.png) no-repeat center center; background-size:20px;}

#sub-visual{position:relative;}



/* 2차 메뉴 */
#sub-visual .txt-group{position:absolute; width:100%; box-sizing:border-box; padding-left:30px; display:inline-block; left:0; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); color:#111; text-align:left;}
#sub-visual .txt-group span.bar{display:block; width:1px; height:60px; background:#111; margin:20px 0;}
#sub-visual .txt-group p{font-size:16px; line-height:1.35em;}
#sub-visual .txt-group p em{font-weight:700;}
#sub-visual .txt-group p.txt-large{font-size:24px; line-height:1em;}
#sub-visual .txt-group p.txt-dental{font-size:10px; 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;}


/* --------------------------------------------------------------------------
   4.0 서브 비주얼
   -------------------------------------------------------------------------- */
#breadcrumb{position:relative; width:100%; background:#f8f8f8; height:50px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; z-index:2;}
#breadcrumb a, #breadcrumb button{display:inline-block; vertical-align:middle; width:100%; cursor:pointer;}
/* #breadcrumb li.home{width:50px; height:50px; float:left; box-sizing:border-box;}
#breadcrumb li.home a{display:block; width:100%; height:100%; background:#434753 url(/assets/lng/mon/img/common/theme/home_m.png) no-repeat center center; background-size:25px;} */

#breadcrumb li.gnb{position:relative; float:left; width:calc(50%); box-sizing:border-box;  border-right:1px solid #ddd; letter-spacing:-0.5px;}
#breadcrumb li.gnb button{width:100%; height:50px; padding:0 10px; box-sizing:border-box; text-align:left; background:url(/assets/lng/mon/img/common/theme/m_breadcrumb_down.png) no-repeat 95% center; background-size:15px; font-size:13px;}
#breadcrumb li.gnb button.active{ background:url(/assets/lng/mon/img/common/theme/m_breadcrumb_up.png) no-repeat 95% center; background-size:15px; color:#005d99;}
#breadcrumb li.gnb ul{display:none; position:absolute; width:calc(100% + 2px); left:-1px; top:50px; background:#f9f9f9; border:1px solid #ddd; box-sizing:border-box;}
#breadcrumb li.gnb ul li{display:table;width:100%;}
#breadcrumb li.gnb ul li a{display:table-cell; padding:0 10px; height:50px; border-bottom:1px solid #ddd; font-size:1em; color:#222; cursor:pointer; box-sizing:border-box;}
#breadcrumb li.gnb ul li:last-child a{border-bottom:0;}

#breadcrumb li.lnb{position:relative; float:left; width:calc(50%); box-sizing:border-box;}
#breadcrumb li.lnb button{width:100%; height:50px; padding:0 10px; box-sizing:border-box; text-align:left; background:url(/assets/lng/mon/img/common/theme/m_breadcrumb_down.png) no-repeat 95% center; background-size:15px; font-size:13px; letter-spacing:-0.5px;}
#breadcrumb li.lnb button.active{ background:url(/assets/lng/mon/img/common/theme/m_breadcrumb_up.png) no-repeat 95% center; background-size:15px; color:#005d99;}
#breadcrumb li.lnb ul{display:none; position:absolute; width:calc(100% + 2px); left:-1px; top:50px; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
#breadcrumb li.lnb ul li{display:table;width:100%;}
#breadcrumb li.lnb ul li a{display:table-cell; padding:0 10px; height:50px; border-bottom:1px solid #ddd; font-size:1em; letter-spacing:-0.5px; color:#222; cursor:pointer; box-sizing:border-box;}
#breadcrumb li.lnb ul li:last-child a{border-bottom:0;}

/* --------------------------------------------------------------------------

/* --------------------------------------------------------------------------
   5.0 풋터
   -------------------------------------------------------------------------- */
#footer{position:relative; width:100%; background:#333333; text-align:center; left:0; bottom:0;}
#footer .info .inner{background:url(/assets/img/common/theme/f_logo.png) no-repeat center 30px; box-sizing:border-box; padding:80px 10px 30px 10px; background-size:150px;}
#footer .info p{font-size:0.9em; line-height:2em; color:#ccc; }
#footer .info p span{position:relative; padding:0 10px;}
#footer .info p span::before{display:inline-block; width:1px; height:10px; background:#aaa; right:-2px; top:7px; transform:rotate(25deg)}
#footer .info p span:last-child::before{display:none;}
#footer .info p.copyright{font-size:0.8em; color:#ccc;}
#footer .info a{color:#00aeff;}

#fnb{position:relative; background:#333333; height:50px; line-height:50px; text-align:center;}
#fnb::before{display:inline-block; width:calc(100% - 20px); max-width:640px; height:1px; background:#555; left:50%; top:50px; transform:translate(-50%, 0); z-index:1;}
#fnb ul{display:inline-block; }
#fnb ul li{float:left; padding:0 15px;}
#fnb ul li a{position:relative; display:block; width:100%; color:#fff; font-size:0.9em;}
#fnb ul li a::before{display:inline-block; width:1px; height:11px; background:#aaa; right:-15px; top:50%; transform:translate(0, -50%);}
#fnb ul li:last-child a::before{display:none;}





#quick-footer{position:relative; display:inline-block; width:100%; background:#f8f8f8;}
#quick-footer h6{font-size:20px; padding-bottom:25px; margin-bottom:25px; font-weight:700; color:#111; letter-spacing:-1px; border-bottom:1px solid #ccc;}

#quick-footer .information,
#quick-footer .quick-counsel{position:relative; float:left;}

#quick-footer .information{width:100%;}
#quick-footer .information a{display:block; font-size:20px; color:#111; letter-spacing:-0.25px;}
#quick-footer .information a em{font-weight:700; color:#ff3e62;}
#quick-footer .information table{width:100%; text-align:left; font-size:14px; 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 10px; line-height:1.3em;}
#quick-footer .information p{font-size:14px; 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;}







/**********************************************************************/

/* --------------------------------------------------------------------------
   6.0 스크롤 탑
   -------------------------------------------------------------------------- */
.scroll-top{position:fixed; opacity:0; right:25px; bottom:35px; z-index:8; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.scroll-top img{width:4em;}


.qna{margin-bottom:100px;}
.qna .inner{border-bottom:1px solid #ddd;}
.qna button{position:relative; display:block; width:100%; box-sizing:border-box; text-align:left; background:url(/assets/lng/mon/img/common/theme/question.png) no-repeat left 35px; background-size:20px; padding:35px 50px 35px 30px; border-top:1px solid #ddd; font-size:1.5em; line-height:1.2em; color:#222; font-weight:700; cursor:pointer;}
.qna button:last-child{}
.qna button::before{display:inline-block; width:35px; height:100%; right:0; top:0; background:url(/assets/lng/mon/img/common/theme/qna_down.png) no-repeat center center; background-size:35px;}
.qna button.active::before{background:url(/assets/lng/mon/img/common/theme/qna_up.png) no-repeat center center; background-size:35px;}
.qna .answer{display:none; border-top:1px dashed #ccc;  text-align:left; background:#fbfbfb url(/assets/lng/mon/img/common/theme/answer.png) no-repeat 10px 30px; background-size:15px; padding:25px 20px 30px 35px; font-size:1.1em; line-height:1.5em;}



.common-quick{position:fixed; width:100%; height:90px; left:0; bottom:0; z-index:2; background: linear-gradient(45deg, #ff9f66, #ff2c3a);}
.common-quick ul{ padding:0;}
.common-quick ul li{float:left; width:20%; height:90px; text-align:center;}
.common-quick ul li a{position:relative; display:block; width:100%; height:100%; box-sizing:border-box; padding-top:55px;}
.common-quick ul li a::before{display:inline-block; width:1px; height:100%; left:0; top:0; background:rgba(255,255,255,0.3);}
.common-quick ul li:first-child a::before{display:none;}

.common-quick ul li.bg01 a{background:url(/assets/lng/mon/img/common/theme/common_quick01.png) no-repeat center 10px; background-size:40px;}
.common-quick ul li.bg02 a{background:url(/assets/lng/mon/img/common/theme/common_quick02.png) no-repeat center 10px; background-size:40px;}
.common-quick ul li.bg03 a{background:url(/assets/lng/mon/img/common/theme/common_quick03.png) no-repeat center 10px; background-size:40px;}
.common-quick ul li.bg04 a{background:url(/assets/lng/mon/img/common/theme/common_quick04.png) no-repeat center 10px; background-size:40px;}
.common-quick ul li.bg05 a{background:url(/assets/lng/mon/img/common/theme/common_quick05.png) no-repeat center 10px; background-size:40px;}
.common-quick ul li.bg06 a{background:url(/assets/lng/mon/img/common/theme/common_quick06.png) no-repeat center 10px; background-size:40px;}


.common-quick ul li a span{color:#fff;}


.sns-quick{display:inline-block; width:100%; padding:20px 0; text-align:center;}
.sns-quick ul{display:inline-block;}
.sns-quick ul li{float:left; margin:0 5px;}
.sns-quick ul li a{display:inline-block; width:50px;}
.sns-quick ul li a img{width:100%;}


.lineup-tab{display:inline-block; width:100%; margin-top:10px;}

.lineup-tab li{float:left; width:33.3333333333%;display:table;}
.lineup-tab li a{
    display:table-cell;vertical-align:middle; height:40px; letter-spacing:-0.5; word-break: break-word;
    text-align:center; font-size:12px; color:#777; background:#efefef; border-right:1px solid #fff; 
    border-bottom:1px solid #fff;
}
.lineup-tab li:nth-child(3n + 3) a{border-right:0;}
.lineup-tab li.active a{background:linear-gradient( 125deg, #ff6979, #ff3e62); color:#fff; font-weight:normal;}



#sub-title{text-align:center; margin:30px 0;}
#sub-title h3{position:relative; display:inline-block; font-size:30px; font-weight:700; color:#111;}
#sub-title h3::before{display:inline-block; width:100%; height:1px; background:#111; left:0; bottom:-20px;}


/*컨텐츠 하단 바로가기 버튼*/
.common-quick-btn{background:#fff; padding:10px 0;}
.common-quick-btn ul li{position:relative; width:100%; height:160px; margin-bottom:10px; border:10px solid #ffc5c5; box-sizing:border-box; text-align:left; padding:25px 10px 25px 90px;}
.common-quick-btn ul li:last-child{margin-bottom:0;}
.common-quick-btn ul li::before{display:inline-block; content:'go'; width:150px; height:25px; line-height:25px; font-size:16px; color:#bbb; background:url(/assets/lng/mon/img/web/sub/theme/quick_arrow.png) no-repeat 30px center; left:90px; top:80px;}
.common-quick-btn ul li a{display:block; width:100%; height:100%; font-size:16px; color:#111;}
.common-quick-btn ul li a em{font-weight:700;}

.common-quick-btn ul li.quick-img-01{background:url(/assets/lng/mon/img/web/sub/theme/quick_img_01.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-02{background:url(/assets/lng/mon/img/web/sub/theme/quick_img_02.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-03{background:url(/assets/lng/mon/img/web/sub/theme/quick_img_03.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-04{background:url(/assets/lng/mon/img/web/sub/theme/quick_img_04.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-05{background:url(/assets/lng/mon/img/web/sub/theme/quick_img_05.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-06{background:url(/assets/lng/mon/img/web/sub/theme/quick_img_06.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-07{background:url(/assets/lng/mon/img/web/sub/theme/quick_img_07.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-08{background:url(/assets/lng/mon/img/web/sub/theme/quick_img_08.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-09{background:url(/assets/lng/mon/img/web/sub/theme/quick_img_09.png) no-repeat left center;}

.before-after-tab{display:inline-block; width:100%; margin:30px 0 60px;}
.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;display:table;}
.before-after-tab li a{
    display:table-cell;vertical-align:middle; height:50px; line-height:12px; text-align:center; 
    font-size:12px; letter-spacing:-0.5;color:#777; background:#efefef; border-right:1px solid #fff;word-break: break-word;
}
.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:normal;}



/* 공통 간편상담신청 시작 */
#quick-inquire{position:fixed; box-sizing:border-box; left:0; bottom:-460px; width:100%; height:460px; padding:25px 0; z-index:10; text-align:center; background:#434753; -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;}
#quick-inquire em{display:block; font-size:23px; font-weight:700; color:#fff; text-align:left;}
#quick-inquire em mark{background:none; color:#ff898c;}

#quick-inquire.active{bottom:0;}
#quick-inquire > button.active{bottom:390px;}





#quick-inquire ul{margin-top:25px;}
#quick-inquire ul li{position:relative; width:100%; margin-bottom:10px;}
#quick-inquire ul li > label{position:relative; display:block; width:100%; height:45px; line-height:45px; box-sizing:border-box; padding:0 5px; border:1px solid #7b7f8a; color:#fff; text-align:left; font-size:15px;}
#quick-inquire ul li > label::before{display:inline-block; width:2px; height:15px; left:70px; top:15px; background:#828282;}
#quick-inquire ul li > label[data-name="상담내용"]{display:none;}
#quick-inquire ul li input[type="text"],
#quick-inquire ul li select{position:absolute; width:100%; height:100%; left:0; top:0; box-sizing:border-box; padding:0 5px 0 80px; color:#fff;line-height:48px;}
#quick-inquire ul li select {background:transparent !important; border:none;}
#quick-inquire ul li select option {color:#000;}




#quick-inquire ul li button,
#quick-inquire ul li .private{display:block; text-align:left; float:left;}


#quick-inquire ul input[type="checkbox"]{display:none;}
#quick-inquire ul input[type="checkbox"] + label{font-size:14px; position:relative; padding-left:23px; cursor:pointer; height:32px; line-height:32px; color:#e1e1e1;}
#quick-inquire ul input[type="checkbox"] + label::before{content:""; display:inline-block; left:0; top:8px; border:1px solid #ddd; width:17px; height:17px; box-sizing: border-box;}
#quick-inquire ul input[type="checkbox"]:checked + label::after{content:""; display:inline-block; width:7px; height:7px; left:5px; top:13px; background:#ff3e61}


#quick-inquire ul textarea{width:100%; height:100px; background:#fff; max-width:100%; max-height:100px; min-width:100%; min-height:100px; box-sizing:border-box; padding:5px;}

#quick-inquire ul li button[data-name="간편상담신청"]{display:block; width:100%; margin-top:10px; height:46px; line-height:50px; font-size:17px; font-weight:700; background:#ff3e61; cursor:pointer; color:#fff; text-align:center;}
#quick-inquire ul li button[data-name="자세히보기"]{display:inline-block; margin-left:15px; height:35px; line-height:35px; color:#dadedf; }

#quick-inquire button.close-pop{position:absolute; right:10px; top:-10px; display:inline-block; width:35px; height:35px; cursor:pointer; background:url(/assets/lng/mon/img/common/theme/btn_close.png) no-repeat center center; background-size:25px;}
/**********************************************************************
* Descript : 빠른상담 자세히보기 Dim 팝업 스타일
***********************************************************************/
.pop-private{display:none; position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; background:rgba(0,0,0,0.9);}
.pop-private .pop-inner{width:90%; max-width:640px; margin:50px auto 0 auto; background:#fff; border:5px solid #ff3e61; border-radius:5px;}
.pop-private .pop-inner h3{text-align:center; padding:20px 0; background:#ff3e61; color:#fff; font-size:17px; font-weight:700;}
.pop-private .pop-inner p{padding:15px; font-size:14px; line-height:24px; height:350px; overflow:auto; color:#333;}
.pop-private .pop-inner p b{display:block; font-weight:700; color:#222;}
.pop-private .pop-inner button{display:block; width:100%; text-align:center; padding:10px 0; font-size:15px; cursor:pointer;}
/**********************************************************************/


/* 공통 간편상담신청 끝 */