@charset "utf-8";
/* CSS Document */
/*main*/
.wrap { position:relative; width:100%; }
#mainVisualWrap { position:relative; z-index:1; padding-bottom:120%; height:0; }
#mainVisualWrap .visual { width:100%; height:100%; position:absolute;left:0px; top:0px; }
#mainVisualWrap .visual .bx-wrapper { width:100%; height:100%; position:relative; }
#mainVisualWrap .visual::after { content:''; position:absolute; z-index:51; left:50%; margin-left:-230px; bottom:-1px; width:0px; height:0px; border-bottom: 75px solid #fff; border-left: 460px solid transparent; }
#mainVisualWrap .bx-viewport { height:100%; }
#mainVisualWrap .visual ul { height:100%; }
#mainVisualWrap .visual li { height:100%; background-size:100% auto; }
#mainVisualWrap .txt-wrap { width:100%; height:100%; margin:0px auto; display:table; }
#mainVisualWrap .txt-wrap .cell { display:table-cell; vertical-align:middle; text-align:center; }
#mainVisualWrap .txt-wrap .cell .txt { font-size:1.8rem; color:#fff; font-family:"Nanum Square"; font-weight:100; margin-bottom:20px; }
#mainVisualWrap .btn-detail { width:118px; height:30px; text-align:left; border-radius:30px; line-height:28px; border:1px solid #fff; padding:0px 15px; color:#fff; font-size:1.25rem; font-weight:normal; background:url("../../image/main/icon_arrow.png") right 15px center no-repeat; background-size:6px auto; }
#doctorWrap { width:100%; border-bottom:1px solid #ddd; position:relative; z-index:2; margin-top:-65px; }
#doctorWrap .doctor { width:100%; }
#specialWrap { width:100%; position:relative; }
#specialWrap .special { width:100%; margin:0px auto; }
#specialWrap .special .btn-wrap { position:relative; z-index:2; }
#specialWrap .special .btn-wrap a { display:block; overflow:hidden; }

#specialWrap .special .btn-wrap .bar::before { position:relative; display:block; content:""; width:100%; height:8px; background-color:#369cf6; }
#specialWrap .special .img-wrap { z-index:1; position:relative; }
#specialWrap .special .img-wrap a { display:none; }
#specialWrap .special .img-wrap a:first-child,#specialWrap .special .img-wrap a.active { display:block; }
#knowhowWrap { width:100%; height:130px; background-color:#fbfbfb; border-top:1px solid #d6d5d5;  border-bottom:1px solid #d6d5d5; }
#knowhowWrap .knowhow { width:90%; margin:0px auto; }
#knowhowWrap .slick-track {
    padding: 40px 0px;
}
#knowhowWrap .knowhow .slick-slide { font-family:'Nanum Square'; padding:0px 20px; font-size:2.5rem; color:#989494; font-weight:900; transition:1s all; text-align:center; line-height:1; }
#knowhowWrap .knowhow .slick-slide span { display:block; opacity:0; margin-top:10px; font-size:1rem; transition:1s all; }
#knowhowWrap .knowhow .slick-active { transform:scale(1.5); color:#369cf6; }
#knowhowWrap .knowhow .slick-active span { opacity:1; color:#369cf6; }
#knowhowWrap .knowhow .slick-prev, #knowhowWrap .knowhow .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 9px;
    height: 15px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
#knowhowWrap .knowhow .slick-prev { background:url("../../image/main/prev2.png") no-repeat; background-size:9px auto; left:-9px;  }
#knowhowWrap .knowhow .slick-next { background:url("../../image/main/next2.png") no-repeat; background-size:9px auto; right:-9px; }
.go-wrap { width:100%; margin-top:31px;margin-bottom:40px; padding:0px 3.125%; overflow:hidden; }
.go-wrap li { width:49%; overflow:hidden; float:left; margin-left:2%; margin-bottom:8px; }
.go-wrap li:nth-child(2n+1){ margin-left:0px; }
#effectWrap { width:100%; padding:0px 3.125%; }
#effectWrap .effect { position:relative; width:100%; max-width:1280px; margin:0px auto; }
.effect .bx-wrapper { position:relative; margin:0px auto;  }
.effect ul li { background-color: rgb(255, 255, 255); }
.effect ul li::before {z-index: 100;content:"";position:absolute;width: calc(100% - 3px);height: calc(100% - 3px);border:1px solid #dddddd;left: 0px;top: 0px;}
.effect ul li .img-wrap { width:100%; height:220px; overflow:hidden; }
.effect ul li .img-wrap img { min-height:220px; }
.effect ul li .txt-wrap { padding:15px; }
.effect ul li .txt-wrap .tit { font-size:1.5rem; color:#3b3b3b; font-weight:bold; margin-bottom:10px; }
.effect ul li .txt-wrap .desc { font-size:1.25rem; color:#3b3b3b; }
.effect .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -17px;
	outline: 0;
	width: 25px;
	height: 35px;
	text-indent: -9999px;
	z-index: 50;
	background-size:100% auto;
}
.effect .bx-wrapper .bx-prev {
	left: 1px;
	background: url(../../image/main/prev.png) no-repeat;
}

.effect .bx-wrapper .bx-next {
	right: 1px;
	background: url(../../image/main/next.png) no-repeat;
}
.ad-wrap { width:100%;  padding:0px 3.125%; overflow:hidden; margin-bottom:50px; }
#locationWrap { position:relative; width:100%; }
#locationWrap a { width:100%; display:block; }
#infoWrap { position:relative; width:100%; height:0; padding-bottom:77.8%; background:url("../../image/main/img_info.jpg") no-repeat center; background-size:cover; }
#infoWrap .txt-wrap { position:absolute; width:100%; height:100%; margin:0px auto; display:table; }
#infoWrap .txt-wrap .cell .txt { font-size:2.3rem; color:#fff; font-family:"Nanum Square"; font-weight:100; margin-bottom:20px; }
#infoWrap .txt-wrap .cell { display:table-cell; vertical-align:middle; text-align:center; }
#infoWrap .btn-detail { width:117px; height:30px; text-align:center; border-radius:20px; line-height:28px; border:1px solid #fff; padding:0px 10px; color:#fff; font-size:1.25rem; font-weight:normal; }

/* PAGER */

#mainVisualWrap .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 10px;
	position:absolute;
	bottom:60px;
	z-index:500;
	width:100%;
}

#mainVisualWrap .bx-wrapper .bx-pager .bx-pager-item,
#mainVisualWrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

#mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a {
	background: transparent;
	border:1px solid #fff;
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 10px;
}

#mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
#mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff; border:1px solid #fff;
}
#mainVisualWrap .bx-controls-direction { display:none; }

.icon-num { position:absolute; left:0px; top:4px;  background: url(../../image/page/icon_num.png) no-repeat; width:16px; height:16px; line-height:16px; text-align:center; background-size:16px 16px; color:#fff; display:inline-block; font-size:0.615rem; }
.num-list li { padding-left:22px; position:relative; margin-bottom:10px; font-size:1.077rem; }
.bar-title { position:relative; color:#111; padding-top:20px; font-weight:bold; }
.bar-title:before { content:''; width:22px; height:2px; background:#111; position:absolute; top: 0px; left:0px; }
.vbar-title { font-family: 'Nanum Square'; position:relative; padding-left:7px;  font-weight:bold; }
.vbar-title:before { content:''; width:2px; height:9px; background:#999999; position:absolute; top: 8px; left:0px; }
/*qa*/
.qa { border:1px solid #eeeeee; padding:25px 4.16%; border-top:none; }
.qa:first-of-type { border-top:1px solid #eeeeee; }
.qa .q { padding:0px 10px 0px 20px; background:url(../../image/page/icon_q.jpg) left top 4px no-repeat; background-size:15px 13px; }
.qa .a { padding:0px 10px 0px 20px; background:url(../../image/page/icon_a.jpg) left top 4px no-repeat; background-size:15px 13px; }
/*치료케이스보기*/
.bf li { float:left; width:49%; margin-left:2%; position:relative; }
.bf li .panel { position:absolute; width:120px; padding:7px 0; color:#fff; left:-65px; top:0px; background:#24aadf; text-align:center; }
.bf li:nth-child(2n+1){ margin-left:0; }
.bf li > p { letter-spacing:1.5px; }
/*etc*/

.consult-desc p { color:#888; font-size:16px; font-weight:500; }
.consult-desc p.blue { font-size:20px; line-height:1; margin-top:15px;  }
.consult-desc p > .divide{ background:#c1c1c1; display:inline-block; padding-top:2px; margin:0px 15px; width:1px; height:19px; vertical-align:middle;  }
.pass-result { margin:0px 0px 20px 0px; font-size:32px; font-weight:600; color:#333333; }
.txt-pop { width:483px; height:243px; border:1px solid #63707a; background:#fff; position:fixed; z-index:600; display:none; top: 50%; left: 50%;margin: -121px 0 0 -241px;}
.txt-pop .wrap { padding:60px 20px; }
.txt-pop .wrap .txt { font-size:24px; color:#444; }

/*카카오톡상담*/
.contact { padding:15px 0px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.contact [class*='icon'] { padding-left:44px; line-height:35px; }
.contact .icon1 { background: url(../../image/page/icon_kakao1.jpg) no-repeat; background-size:35px 35px; margin-bottom:7px;  }
.contact .icon2 { background: url(../../image/page/icon_kakao2.jpg) no-repeat; background-size:35px 35px; }
.contact [class*='icon'] > span { margin-left:10px; }
/*둘러보기*/
.browse-wrap { padding:66px 80px; border:1px solid #dddddd; border-top:2px solid #7e7e7e; }
/* DIRECTION CONTROLS (NEXT / PREV) */

.browse-wrap .bx-wrapper .bx-prev {
	left: -74px;
	background:url(../../../image/page/bg_prev.png) no-repeat;
}

.browse-wrap .bx-wrapper .bx-next {
	right: -74px;
	background:url(../../../image/page/bg_next.png) no-repeat;
}


.browse-wrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 31px;
	height: 62px;
	text-indent: -9999px;
	z-index: 9999;
}

.browse-wrap .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}


/*온라인 진료예약*/
.calendar-wrap .calendar { position:relative; width:100%; overflow:hidden; display:inline-block; border:1px solid #eeeeee; }
.sunday { color:#fb001e; }
.saturday { color:#0e76bc; }
.person a{ color:#333333; }
.calendar-wrap .info .big { font-size:1.6rem; font-weight:bold; }
.calendar-wrap .info .small { font-size:1.2rem; color:#666666; }
.calendar-wrap .info .table-wrap { padding:20px 10px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.calendar-wrap .info table tr th { font-size:1.3rem; padding:3px 0px; text-align:left; color:#555555;  }
.calendar-wrap .info table tr td { font-size:1.3rem; padding:3px 10px; text-align:left; color:#888888; font-weight:500; }
.calendar-wrap .info .biggest { font-size:1.5rem; color:#333333; font-weight:bold; }
.calendar-wrap .info .biggest .blue { font-size:2.5rem; font-weight:bold; color:#369cf6; }
.calendar-wrap .info .red { color:#f04c6e; }
.calendar-wrap .info .bb { border-bottom:1px solid #eeeeee; }
.reserve-board { width:541px; margin-left:20px; border:1px solid #ececec; border-top:1px solid #000; padding:30px 0}
.reserve-board.boardWrite th label {
    font-size: 15px;
    color: #333333;
    font-weight: bold;
}
.reserve-board.boardWrite .reserve-time { margin:0px 5px; }
.reserve-board.boardWrite td {
    font-size: 16px;
}
.reserve-board.boardWrite th {
    text-align: left;
    padding-left: 34px;
}
.reply-comp { letter-spacing:-1px; display:inline-block; border-radius:40px; width:49px; height:21px; line-height:21px; font-size:1.2rem; color:#fff; border:1px solid #369cf6; background:#369cf6; text-align:center; }
.reply-standby { letter-spacing:-1px; display:inline-block; border-radius:40px; width:49px; height:21px; line-height:21px; font-size:1.2rem; color:#666666; border:1px solid #333333; background:#fff; text-align:center; }
.map-wrap { width:100%; height:0px; padding-bottom:75%; position:relative; background:#96a1b4; }
.map-wrap .map { position:absolute; width:100%; height:100%; }
/*지점안내*/
.branch-tab { width:100%; }
.branch-tab ul { width:100%; position:relative; overflow:hidden; }
.branch-tab ul li { float:left; width:19.79%; position:relative; border:1px solid #cfcfcf; border:1px 1px 1px 0px;}
.branch-tab ul li a {   font-size:18px; color:#333333; line-height:56px; display:block; text-align:center; font-weight:500; background:#f5f5f5; }
.branch-tab ul li.on { border:1px solid #13bae0; }
.branch-tab ul li.on a { color:#13bae0; background:#fff; }
.map-wrap .map { width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden; background:#f7f7f7; }

/*layerPop*/
.layerPop.wideWidth{ width:93.75%; margin:0px auto; padding:35px 5% 20px 5%; background:#fff; }
.layerPop.wideWidth .selectArea input{width:160px !important;}
.layerPop.maxWidth{width:901px; margin-left:-480px; padding:50px 95px;}
.layerPop.smallWidth{width:480px; margin-left:-240px; padding:20px 0;}
.layerPop .btnX{position:absolute; top:15px; right:15px; z-index:99999; width:13px; }
.layerPop .btnX img { width:100%; }
.layerPop .thk{text-align:center; padding:60px 0 0 0;}
.layerPop .cpw{text-align:center; padding:100px 0 0 0;}
.layerPop .cpw .text{margin:10px auto 0 auto; display:block;}
.layerPop .bigPic{text-align:center;}
.layerPop .bigPic img{max-width:750px;}
.layerPop .bigPic span.msg{display:inline-block; font-size:12px; width:750px; text-align:left; margin:10px 0;}
.layerPop .bigPic span.msg strong{font-size:1.077rem;}
.layerPop .popPrev{position:absolute; top:45%; left:90px;}
.layerPop .popNext{position:absolute; top:45%; right:90px;}
.layerPop .commonPop .textBox{margin:15px 0 0 0; padding:3%; border:1px solid #dcdcdc; overflow:auto; overflow-X:hidden; height:390px; font-family:"Dotum"; font-size:1rem; color:#8d8d8d;}
.layerPop .commonPop h2{ font-size:1.7rem; font-weight:bold; color:#333333; }
.layerPop .commonPop .desc { color:#888888; font-size:1.2rem; letter-spacing:-1px; font-weight:400;  }
.layerPop .commonPop .emphasis { font-size:1.2rem;  color:#888888; font-weight:400; }

.layerPop .popTit{display:block; margin-bottom:20px;}
.layerPop .popText{text-align:center; padding:30px 0; border:1px solid #dcdcdc; border-left:none; border-right:none;}
.layerPop .popText2{text-align:center; padding:30px 0;}
#popLogin{position:fixed !important; top:50% !important; left:50% !important; margin:-345px 0 0 -450px !important; padding:50px 95px 70px 95px; }
#popPrivacy,#popTerms{position:absolute!important; }

.layerPop .welcomeNotice{padding:20px 0 0 0; color:#888888; font-size:15px; font-weight:500; }
.layerPop .welcomeNotice .divide { color:#cdcdcd; display:inline-block; margin:0px 10px; }

.boardWrite .top { padding:30px 55px 60px 55px; overflow:hidden;  border-bottom:1px solid #dcdcdc; }
.findBox{ width:377px; padding-top:65px; overflow:hidden; margin:0px auto; }
.findBox > p { color:#888; font-size:1.077rem; }
.findBox.leave{ padding:0px; width:100%; overflow:hidden; }
.findBox ul{}
.findBox ul li{width:100%; clear:both; margin:8px 0;}
.findBox ul li input.text{width:calc(100% - 80px);}
.findBox ul li label{width:80px; padding-left:10px; display:inline-block; float:left; vertical-align:middle; margin:0px; letter-spacing:-1.5px; font-weight:500; color:#333333; font-size:1.2rem; line-height:30px; }
.leaveBox{ border:1px solid #dbdbdc; width:100%; height:70px; overflow:hidden;}
.leave-wrap { width:100%; margin:0px auto; position:relative; }
#popTreatment{position:fixed !important; width:852px; top:50% !important; left:50% !important; margin:-290px 0 0 -426px !important; z-index:500; border:1px solid #819cc8; padding:0px; background:#d9edf8; }
#popTreatment .treat-area { overflow:hidden; width:852px; height:auto; }
#popTreatment a { margin:0px 5px;  }
#popTreatment .btnX { margin:0px; }
.reserve-state { padding:55px 0px; width:100%; overflow:hidden; background:#f8f8f8; }
.reserve-state .result { font-size:18px; }
.reserve-state .desc { font-size:16px; }
.lock-desc .big { font-size:30px; }
.lock-desc .small { font-size:18px; }
.join-welcome.lock label { font-size:20px; }
.join-welcome.lock .grey-con { padding:40px 0px; }
.big-img { border:7px solid #e5e5e5; width:786px; height:536px; position:fixed; left:50%; top:50%; margin-left:-393px; margin-top:-300px; }
.big-img .btn-close { position:absolute; right:13px; top:13px; }
.warning { overflow:hidden; font-size:18px; color:#999999; letter-spacing:-1px; font-weight:400; }
.warning li { overflow:hidden; font-size:16px; padding:0px 55px; padding-left:13px; background:url(../../image/common/dot2.gif) no-repeat left center; color:#333; margin:5px 0px;}
.border-tab {font-size: 0px; letter-spacing: 0px; word-spacing: 0px; }
.boder-tab a { position:relative; z-index:1; display:inline-block; width:198px; height:43px; line-height:43px; background:#fff; border:1px solid #ddd; color:#333333; font-size:18px; text-align:center; margin-left:-4px; }
.boder-tab a.on { font-weight:bold; color:#333; border:1px solid #333; z-index:2; }

.blue-wrap { position:relative; padding:45px 0px; background:#0e76bc; }
.blue-wrap .desc { position:relative; color:#fff; font-size:19px; padding:0px 60px 0px 120px; }
.blue-wrap .desc strong { position:absolute; top:-3px; left:47px; font-size:22px; }
.blue-wrap .desc .bar { position:absolute; top:0px; left:97px; display:inline-block; }
.num-desc { overflow:hidden; font-size:20px; font-weight:bold; color:#0e76bc; }
.num-desc li { position:relative; overflow:hidden; font-size:18px; font-weight:normal; color:#333333; line-height:1.5; padding-left:18px; }
.num-desc li span{ position:absolute; left:0px; }
.btn-treatment a { margin:0px 14px; }
.list-top-banner { overflow:hidden; }
.list-top-banner > div:first-child{ margin-right:22px; }
.list-top-banner img { width:544px; height:261px; }
.normal-text { text-align:right; color:#333333; font-size:15px; }
.bar-text { text-align:right; border-right:1px solid #000000; padding-right:30px; margin-top:30px; font-size:16px; }
.bar-text .big { font-size:20px; font-weight:bold; color:#333333; }
.doctor { position:relative; width:100%; overflow:hidden; }
.doctor li { float:left; overflow:hidden; margin-left:21px; margin-bottom:40px; }
.doctor li:nth-child(1),.doctor li:nth-child(5) { margin-left:0px; }
#doctorPop { width:992px; height:842px; position:fixed; top:50%; margin-top:-421px; left:50%; margin-left:-496px; z-index: 220; display:none; }
.doctor-pop { display:none; }
.doctor-body { padding:20px 30px; width:932px; height:488px; background:#fff; }
.doctor-in { width:932px; height:488px; overflow-y:auto; overflow-x:hidden; }
#doctorPop .btnX { position:absolute; right:30px; top:30px; }

.video-wrap1 { width:514px; height:309px; background:#000; }
.video-wrap2 { width:554px; height:364px; background:#000; }
.bg-idee { background: url(../../../image/page/bg_idee.jpg) repeat-x; }
/*치료사례*/
.round-tab { position:relative; width:100%; }
.round-tab a { font-size:12px; font-weight:400; color:#333333; text-align:center; line-height:28px; height:30px; border:1px solid #e5e5e5; display:inline-block; border-radius:25px; background:#fff; margin-bottom:10px; }
.round-tab.type2 a { position:relative;  font-size:12px; font-weight:400; color:#333333; width:48%; margin-left:4%; float:left; text-align:center; line-height:28px; height:30px; border:1px solid #999; display:inline-block; border-radius:25px; background:#fff; }
.round-tab a:first-child { margin-left:0px; width:100%;   }
.round-tab a:nth-child(2),.round-tab a:nth-child(4) { margin-left:0px; }
.round-tab a.on { background:#25aae1; border:1px solid #25aae1; color:#fff; font-weight:400; }

.before-wrap ul { overflow:hidden; }
.before-wrap ul li { position:relative; overflow:hidden; margin-bottom:20px; width:100%; }
.before-wrap ul li a > span { display:block; float:left;  position:relative;  overflow:hidden; width:49%; margin-left:2%; }
.before-wrap ul li a > span:first-child { margin-left:0px; }
.before-wrap ul li img { width:100%; }
.before-wrap ul li a span .ico-before, .before-wrap ul li a  span .ico-after { position:absolute; bottom:0px; left:0px; }
.before-wrap ul li a p {padding-top:15px;text-align:center;color:#6e6e6e;font-size:13px;overflow: hidden;clear: both;}
.before-wrap .icon-arrow { position:absolute; left:50%; top:36%; margin-left:-6px; margin-top:-6px; width:12px; height:12px; }
.beAfterView .icon-arrow { position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-6px; width:12px; height:12px; }
.beAfterView .before-wrap ul { padding:0px 0px; overflow:hidden; margin:0px; }
.beAfterView .before-wrap ul img { margin:0px; overflow:hidden; }
.beAfterView .before-wrap ul li { width:100%; }

/*etc*/
.input-wrap { position:relative; overflow:hidden;  }
.input-wrap > div { float:left; font-size:1.2rem; line-height:30px;  }
.input-wrap .tit { width:24%; font-weight:400; }
.input-wrap .con { width:76%; }
.login-wrap .selectbox { line-height:30px; height:32px; color:#cccccc; }
.divide.hyphen { font-size:1.2rem; line-height:32px; margin:0px 2px !important; font-weight:bold !important; color:#dbdbdc; }
.input-alert { position:absolute; width:100%; height:100%; padding:0px 10px; left:0px; top:0px; font-size:1.2rem; line-height:30px; color:#eb2629; font-weight:400; }
.login-wrap { position:relative; }
.login-wrap .loginBox { width:100%; padding:4rem 3.125%; box-sizing:border-box; overflow:hidden; }
.login-wrap .loginBox .text-wrap .title-sq { font-size:2.6rem; line-height:1.2; color:#369cf6; font-weight:900; }
.login-wrap .loginBox .text-wrap .big { color:#171717; font-size:1.7rem; font-weight:900; letter-spacing:-2px; }
.login-wrap .loginBox .text-wrap .small { font-size:1.2rem; color:#999999; font-weight:400; letter-spacing:-1.5px; }
#popIdFind .loginBox .text-wrap .big,#popPwFind .loginBox .text-wrap .big  { font-size:25px; }
#popIdFind .loginBox .text-wrap .small,#popPwFind .loginBox .text-wrap .small { font-size:15px; }
.btn-loginpop { width:100%; border-radius:25px; position:relative; font-size:1.2rem; font-weight:bold; color:#fff; background:#369cf6; line-height:30px; height:32px; text-align:center; }
.btn-loginpop.line { border:2px solid #369cf6; color:#369cf6; background-color:#fff; line-height:28px; font-weight:bold }
.ta-c .btn-loginpop { margin:0px 5px; }
.btn-loginpop.naver { background:url(../../image/common/ico_naver.png) no-repeat left 17px center #2db400; background-size:15px auto;  }
.btn-loginpop.kakao { background:url(../../image/common/ico_kakao.png) no-repeat left 17px center #ffec01; background-size:17px auto; color:#372306; }
.btn-loginpop.facebook { background:url(../../image/common/ico_facebook.png) no-repeat left 21px center #4467b0; background-size:9px auto; }
.login-wrap .loginBox .text{height:32px; line-height:30px; font-size:1.2rem; padding:0px 10px; border:1px solid #dbdbdc; display:inline-block; }
.login-wrap .loginBox .text:first-child { margin-top:0px; }
.loginBox .desc-wrap { padding:30px 0px; border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc; color:#333333; font-size:1.2rem; letter-spacing:-0.2px; }
.etc-btn-wrap { width:100%; font-size:16px; font-weight:bold; }
.etc-btn-wrap a { font-size:1.2rem; color:#333333; }
.login-wrap .divide { color:#e6e6e6; margin:0px 15px; font-weight:normal; font-size:1.2rem; }
.login-footer { text-align:center; font-size:1.2rem; padding:8px 0px; font-weight:bold; color:#fff; background:#b8b8b8; position:absolute; width:100%; bottom:0px; left:0px; }
.login-footer > span { font-size:1.2rem; color:#f1f1f1; font-weight:normal; }
.agree-down { font-size:14px; display:inline-block; }
.agree-down > label.c_on {background: url("../../image/common/check-on.gif") no-repeat center left; background-size: 14px 14px; }
.gray-box { padding:15px 20px; background:#fafafa; }
.gray-box label, .gray-box a { color:#333333; font-size:1rem; font-weight:400; }
.result-wrap .alert { font-size:1.6rem; text-align:left; font-weight:400; line-height:1.2; }
.result-wrap .alert > span { font-size:1.2rem; color:#999; }
.value { text-align:center; font-size:2.25rem; color:#369cf6; }
.login-wrap .desc { font-size:1.2rem; font-weight:400; }
.result-wrap .pw-result { font-size:1.2rem; color:#333333; text-align:left; font-weight:400; }
.result-wrap .pw-result > span { font-size:1.2rem; color:#999; }
.join-welcome { width:100%; margin:0px auto; }
.join-welcome .top > span { font-size:5rem; color:#c5e3fe; line-height:1; font-weight:600; }
.join-welcome .top strong { font-size:2rem; color:#383838; display:block; margin-top:-20px; }
/*.grid2 { width:485px; float:left; margin-left:40px; }*/
.find-wrap .box { width:100%px; height:310px; border:1px solid #dcdcdc; }
.info.top { overflow:hidden; }
.info.top p { overflow:hidden; color:#333333; font-size:1.2rem; text-align:center; }
.welcome { width:100%; height:auto; overflow:hidden; padding:40px 0px; }
.name-welcome { text-align:center; font-size:1.6rem; font-weight:500; color:#333333; line-height:1.3; letter-spacing:-1px; }
.welcome .desc { overflow:hidden; }
.welcome .desc hr{ border-top:1px solid #d7d7d7; border-width:1px 0 0 0; width:445px; margin:20px auto 20px; }
.welcome .desc hr.long{ width:505px; }
.welcome .desc p { font-size:1.2rem; color:#888888; font-weight:400; letter-spacing:-1.3px;}
.welcome .desc p.ta-l { margin-left:265px; }
.welcome.leave .desc hr{ border-top:1px solid #d7d7d7; border-width:1px 0 0 0; width:733px; }
.welcome.leave .desc p.ta-l { margin-left:235px; }
.consult-desc p { color:#888; font-size:16px; font-weight:500; }
.consult-desc p.blue { font-size:1.2rem; line-height:1; margin-top:15px;  }
.consult-desc p.blue > strong { font-size:1.35rem; }
.consult-desc p > .divide{ background:#c1c1c1; display:inline-block; padding-top:2px; margin:0px 15px; width:1px; height:1.2rem; vertical-align:middle;  }
.subtitle { position:relative; color:#333333; font-size:1.2rem; line-height:1.2; margin-bottom:20px; padding-left:15px; }
.subtitle > span.icon { position:absolute; left:0px; top:0px;  }
.pass-result { margin:0px 0px 20px 0px; font-size:32px; font-weight:600; color:#333333; }
.txt-pop { width:483px; height:243px; border:1px solid #63707a; background:#fff; position:fixed; z-index:600; display:none; top: 50%; left: 50%;margin: -121px 0 0 -241px;}
.txt-pop .wrap { padding:60px 20px; }
.txt-pop .wrap .txt { font-size:24px; color:#444; }
/* 동영상 */
.vod_box{background-color: #ffffff;border: 10px solid #000;left:0px; right:0px; margin:0 auto; position: fixed;top: 150px;z-index: 99999;display:none;width:100%; padding-bottom: 56.25%; /* 16:9 */padding-top: 25px; height: 0;}

.vod_box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vod_box .close {position: absolute;right:-0px; top:-44px;}

/*나의 고민 상담실*/
.pass-pop { text-align:center; width:320px; padding:0; background:#fff; position:fixed; display:none; top: 50%; left: 50%;margin: -180px 0 0 -160px; }
.pass-pop .top > span { font-size:5rem; color:#c5e3fe; line-height:1; font-weight:600; }
.pass-pop .top strong { font-size:2rem; color:#383838; display:block; margin-top:-20px; }
.pass-pop div > p { font-size:1.4rem; font-weight:500;  line-height:1.3; color:#171717; }
.pass-pop .board { margin:10px 0px 20px; border-top:1px solid #dcdcdc;  }
.pass-pop .wrap { padding:20px; }
.pass-pop input.text { border:none; background:#f8f8f8; }
.pass-pop div > .big { color:#c5e3fe; font-size:5rem; font-weight:500; }
.pass-pop div > .small { font-size:2rem; display:block; margin-top:-20px; }
/*둘러보기*/
.tour-wrap { overflow:hidden; position:relative; padding-top:25px; border-top:1px solid #dcdcdc; }
.tour-wrap .bx-wrapper ul li img { width:100%; }
.tour-wrap .btn-prev { position: absolute; left:0px; top:129px; z-index:99;  }
.tour-wrap .btn-next { position: absolute; right:0px; top:129px; z-index:99; }
.tour-wrap .btn-prev a,.tour-wrap .btn-next a { position: absolute; text-indent:-99999px; display:inline-block; width:29px; height:29px; top:0px; left:0px;   }
.tour-wrap .btn-prev img,.tour-wrap .btn-next img { width:29px; }
.layer-nav { width:100%; height:25px; }
.layer-nav li { width:25%;  float:left; border:1px solid #25aae1; border-left:none; }
.layer-nav li:first-child { border-left:1px solid #25aae1; }
.layer-nav li a { display:block; text-align:center; line-height:23px; color:#25aae1; background:#fff; }
.layer-nav li.on a { color:#fff; background:#25aae1; }
.page-num { color:#fff; font-size:0.769rem; position:fixed; right:15px; top:15px; z-index: 99999; }

.thumb-wrap { width:100%; position:relative; overflow:hidden; }
.thumb-wrap li { width:49.16%; float:left; margin-bottom:5px; cursor:pointer; margin-left:1.333%; }
.thumb-wrap li img { width:100%; }
.floor-txt strong { margin-right:7px; }
#popTour { width:90%; padding:0px; position:fixed; }
#popTour .bx-wrapper { padding:30px 10px; margin:0px auto; width:100%; }
#popTour .bx-wrapper img { margin:0px auto; width:100%; }
.thumb-wrap li:nth-child(2n+1) { margin-left:0px; }
#popTour .btn-prev { position: absolute; left:-10px; top:50%; margin-top:-10px; z-index:100; }
#popTour .btn-next { position: absolute; right:-10px; top:50%; margin-top:-10px; z-index:100; }
#popTour .btn-prev a,#popTour .btn-next a { position: absolute; text-indent:-99999px; display:inline-block; width:20px; height:20px; top:0px; left:0px;  }
.floor-txt > p { display:none; }

.isotope-list ul { position:relative; width:100%;  }
.isotope-list ul li { position:relative !important; overflow:hidden; width:100%; border:1px solid #eeeeee; margin-bottom:14px; }
/*.isotope-list ul li:nth-child(3n+1){ margin-left:0px; }*/
.isotope-list ul li img  { width:100%; }
.isotope-list.diary ul li img  { width:100%; }
.isotope-list ul li .tit { font-size:1.5rem; color:#171717; line-height:1.5em; height:1.5em; margin:14px 14px 0px; overflow:hidden;text-overflow:ellipsis; font-weight:bold;  }
.isotope-list ul li .tit .date { font-size:1rem; color:#777777; }
.isotope-list ul li .small { font-size:1.2rem; color:#171717; line-height:1.5em; height:1.5em; margin:0px 14px 0px; overflow:hidden;text-overflow:ellipsis; font-weight:normal;  }
.isotope-list ul li .cate { font-size:1.25rem; color:#171717; margin:0px 14px; font-weight:bold; }
.isotope-list ul li .bottom { line-height:25px; height:20px; margin-bottom:14px; }
.isotope-list ul li .bottom.auto { line-height:1.5; height:auto;  margin:0px 14px 14px;}
.isotope-list ul li .bottom .date { font-size:1.2rem; color:#999999; margin:0px 14px; }
.isotope-list ul li .bottom .desc { font-size:1.2rem; color:#171717; line-height:1.5em; height:1.5em; overflow:hidden;  font-weight:normal; color:#777777; }
.isotope-list.word .tit { font-size:1.5rem; color:#000; line-height:1.5em; height:3em; margin:14px 14px 14px; overflow:hidden;text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}
.isotope-list ul li .bottom .con-txt { float:left; margin-left:20px; color:#171717; font-size:1.5rem; }
.isotope-list ul li .cover { position:absolute; left:0px; top:0px; }
.tab-wrap { text-align:left; width:100%; margin:0px auto; overflow:hidden; }
.tab-wrap a { width:140px; height:48px; font-size:18px; line-height:46px; color:#333333; text-align:center; display:inline-block; border:1px solid #333333; margin:5px 4px; font-weight:600; }
.tab-wrap.tour a { width:30%; height:32px; font-size:1.15rem; line-height:30px; }
.tab-wrap a.active { color:#369cf6; border:1px solid #369cf6; }
.tab-wrap.type2 { width:1010px; }
.tab-wrap.type2 li { float:left; }
.tab-wrap.type2 a { width:158px; }
.type2.inline-block { margin:0px auto; }
.type2.inline-block li { float:none; display:inline-block; }
.tab-wrap.media { widtH:100%; text-align:center; padding-bottom:30px; border-bottom:2px solid #369cf6;  }
.tab-wrap.media a { float:left; width:50%; height:30px; font-size:1.2rem; line-height:28px; border:1px solid #369cf6; color:#369cf6; text-align:center; display:inline-block; background-color:#fff;  margin:0px; font-weight:normal; }
.tab-wrap.media a:nth-child(n+3) { margin-top:-1px; }
.tab-wrap.media a:nth-child(2n+2) { margin-left:-1px; }
.tab-wrap.media a.active { color:#fff; background-color:#369cf6; }
.tab-con { display:none; margin-top:0px; }
.tab-con.active { display:block; }

.equip-wrap { position:relative; }
.equip-wrap .btn-prev { position: absolute; left:0px; top:50%; margin-top:-22px; z-index:99;  }
.equip-wrap .btn-next { position: absolute; right:0px; top:50%; margin-top:-22px; z-index:99; }
.equip-wrap .btn-prev a,.equip-wrap .btn-next a { position: absolute; text-indent:-99999px; display:inline-block; width:45px; height:45px; top:0px; left:0px;   }
.num-tit { position:relative; padding-left:18px; }
.num-tit > span { position:absolute; left:0px; top:5px; width:12px; height:12px; text-align:center; border-radius:3px; color:#fff; font-size:0.308rem; line-height:12px; background:#c9428d; display:inline-block; }
.terms-tab { width:100%; text-align:center; }
.terms-tab li { width:50%; float:left; display:inline-block;  border-bottom:5px solid #fff; line-height:30px; height:32px; }
.terms-tab li.single { float:none; }
.terms-tab li.active { border-bottom:5px solid #555; }
.terms-tab li a { color:#999; text-align:center; display:block; }
.box.terms { border:1px solid #9d9d9d; padding:25px 3.44% !important; }
.btn-bts-wrap a { width:31.3%; float:left; margin:4px 0.96%; }
.btn-bts-wrap2 a { width:48%; float:left; margin:4px 1%; }
@media all and (max-width: 320px) {

}

/* 12.20 추가 */
.layerbbs-wrap{padding-top: 20px}
.layerbbs-wrap .layerbbs-cont{display: flex;flex-wrap: wrap;gap:5px;width:100%;justify-content: center;}
.layerbbs-wrap .item{width:calc(50% - 5px);cursor: pointer;position: relative;overflow: hidden;max-width: 300px}
.layerbbs-wrap .item img{max-width: 100%}
.layerbbs-wrap .item::before{content:'';position: absolute;top:0;left:0;width:100%;height: 100%;background:rgba(60,22,80,0.8);display: none;z-index: 1}
.layerbbs-wrap .item .item-text{position: absolute;top:0;left:0;width:100%;height: 100%;display: none;align-items: center;justify-content: center;flex-direction: column;z-index: 2}
.layerbbs-wrap .item .item-text p{color:#fff;}
.layerbbs-wrap .item .item-text p.tit{font-size:28px;font-weight: 800;}
.layerbbs-wrap .item:hover::before{display: block;}
.layerbbs-wrap .item:hover .item-text{display: flex}
.layerbbs-wrap .swiper-pagination {
  margin: 20px 0 10px;
  position: relative;
}

.layerbbs-wrap .swiper-pagination .swiper-pagination-bullet {
  background: #a0a0a0;
	width: 8px;
	height: 8px;
}

.layerbbs-wrap .swiper-pagination .swiper-pagination-bullet-active {
	background: #3c1650;
  border-radius: 10px;
  width:25px
}
.layerbbs-wrap .bx-controls-direction { display:none; }
.isotope-list.selfie ul li .bottom .name {margin-left:14px; font-size:1.2rem;font-family: "Nanum Square";}
.layerPop#popSelfie{background: #f2f2f2;padding: 10px;}
.layerPop#popSelfie .commonPop{background: #fff;border: 1px solid #dddddd;text-align: center;padding: 30px 15px;}
.layerPop#popSelfie .commonPop>div{overflow-y: auto;    max-height: 60vh;}
.layerPop#popSelfie .commonPop>div::-webkit-scrollbar {
  width: 6px;
  height: 6px
}

.layerPop#popSelfie .commonPop>div::-webkit-scrollbar-thumb {
  background-color: #0b50a1;
  border: 2px solid transparent;
  border-radius: 10px;
}

.layerPop#popSelfie .commonPop>div::-webkit-scrollbar-track {
  background-color: #f2f2f2;
  border: 2px solid transparent;
  border-radius: 10px;
}
.layerPop#popSelfie .btnArrowW{margin-top: 10px;text-align: center;display: flex;justify-content: center}
.layerPop#popSelfie .btnPrev{transform: rotate(-180deg);margin-right: 10px}
.layerPop#popSelfie .btnArrow img{width: 40px;height: 40px}
.layerPop#popSelfie .commonPop .topWrap{text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 10px}
.layerPop#popSelfie .commonPop .topWrap .img{width: 200px;height: 200px;border-radius: 100%;overflow: hidden;border: 5px solid #cccccc;margin: 0 auto}
.layerPop#popSelfie .commonPop .topWrap .img img{object-fit: cover;width: 100%; height: 100%;}
.layerPop#popSelfie .commonPop .topWrap h3{font-size: 2rem;font-weight: 700;margin-top: 10px}
.layerPop#popSelfie .commonPop .txtWrap{padding-top: 20px}
.layerPop#popSelfie .commonPop .txtWrap .num{font-size: 1.8rem;font-weight: 700;color:#0b50a1;font-style: italic;}
.layerPop#popSelfie .commonPop .txtWrap .tit{font-size: 2rem;font-weight: 700;color:#0b50a1;margin: 0 0 10px}
.layerPop#popSelfie .btnX{top:-40px;right:0;width: 30px;height: 30px; border-radius: 100%; display: flex; overflow: hidden; background: #fff;align-items: center;justify-content: center}
.layerPop#popSelfie .btnX:after {display: inline-block;content: "\00d7"; font-size:15pt;color:#757171}