@charset "utf-8";
/* ============================= [태그 초기화] ============================= */
*{-webkit-text-size-adjust:none;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none;}
body,input,textarea,select,table,button{font-size:14px;line-height:1.4;font-family:'NanumBarunGothic',나눔바른고딕,dotum,'돋움',"맑은 고딕","Malgun Gothic","MS PGothic","Osaka",Arial,sans-serif;}
body{position:relative;color:#7d7d7d; word-wrap:break-word;word-break:break-all;}
table {width:100%; table-layout:fixed; border-collapse:collapse;}
img,fieldset{border:none; display:block;}
img {width:100%; max-width:100%;}
ul,ol{list-style:none}
a{color:#000;text-decoration:none;cursor:pointer}
button {cursor:pointer;}
strong {}
em,address{font-style:normal}
th, td {word-break:break-all;}
label {vertical-align:middle;}
@font-face {
font-family: 'NanumBarunGothic';
src: url(/common/font/NanumBarunGothic.eot);
src: url(/common/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
	url(/common/font/NanumBarunGothic.woff) format('woff'),
	url(/common/font/NanumBarunGothic.ttf) format('truetype');
}

/* ============================= [기타] ============================= */
/* margin padding */
.mgt0{margin-top:0 !important;}
.pat0{padding-top:0 !important;}
.mgt5{margin-top:5px !important;}
.mgt7{margin-top:7px !important;}
.mgt10{margin-top:10px;}
.mgt11{margin-top:11px;}
.mgt15{margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt29{margin-top:29px !important;}
.mgt30{margin-top:30px !important;}
.mgt37{margin-top:37px !important;}
.mgt40{margin-top:40px !important;}
.mgt50{margin-top:50px !important;}
.mgt60{margin-top:60px !important;}
.mgt70{margin-top:70px !important;}
.mgt80{margin-top:80px !important;}
.mgt90{margin-top:90px !important;}
.mgt100{margin-top:100px !important;}
.mgt110{margin-top:110px !important;}
.mgt120{margin-top:120px !important;}
.mgb0{margin-bottom:0 !important;}
.mgb5{margin-bottom:5px;}
.mgb6{margin-bottom:6px;}
.mgb7{margin-bottom:7px;}
.mgb8{margin-bottom:8px;}
.mgb9{margin-bottom:9px;}
.mgb10{margin-bottom:10px;}
.mgb11{margin-bottom:11px;}
.mgb12{margin-bottom:12px;}
.mgb13{margin-bottom:13px;}
.mgb14{margin-bottom:14px;}
.mgb15{margin-bottom:15px;}
.mgb16{margin-bottom:16px;}
.mgb17{margin-bottom:17px;}
.mgb18{margin-bottom:18px;}
.mgb19{margin-bottom:19px;}
.mgb20{margin-bottom:20px !important;}
.mgb21{margin-bottom:21px;}
.mgb22{margin-bottom:22px;}
.mgb23{margin-bottom:23px;}
.mgb24{margin-bottom:24px;}
.mgb25{margin-bottom:25px;}
.mgb26{margin-bottom:26px;}
.mgb27{margin-bottom:27px;}
.mgb28{margin-bottom:28px;}
.mgb29{margin-bottom:29px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb50{margin-bottom:50px;}
.mgl3{margin-left:3px}
.mgl20{margin-left:20px}
.mgl35{margin-left:35px}
.mgl10{margin-left:10px}
.mgr10{margin-right:10px}
.mgr20{margin-right:20px}
.mgr22{margin-right:22px}
.pdb30{padding-bottom:30px;}
.pdb40{padding-bottom:40px;}

/* display */
.hidden, legend, caption {overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0;}

/* align */
.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}
.hAlignT{vertical-align:top !important;}
.hAlignM{vertical-align:middle !important;}
.hAlignB{vertical-align:bottom !important;}
.floatL{float:left;}
.floatR{float:right;}
.floatN{float:none !important;}

/* 폰트관련 */
.ft_red {color:#eb5855;}
.tx_green {color:#729632 !important;}

/* bg */
.bgnone {background:none !important;}
/* 서식 */
span.select {display:inline-block; height:35px; vertical-align:middle; border-radius:5px; box-shadow:1px 1px 0 0 #d1d1d1; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#efefef));}
span.select select {-webkit-appearance:none; width:100%; height:35px; vertical-align:middle; text-indent:3px; line-height:35px; font-size:12px; color:#222222; border:1px solid #c5c5c5; border-radius:5px; background:url(/images/common/BG_selectbox.png) no-repeat right center; background-size:30px;}
span.input-text {display:inline-block; height:33px; vertical-align:middle; border:1px solid #c5c5c5; border-radius:5px; box-shadow:inset 1px 1px 0 0 #d1d1d1;}
span.input-text input {-webkit-appearance:none; width:100%; height:33px; vertical-align:middle; text-indent:10px; line-height:33px; font-size:12px; color:#222222; border:none; border-radius:5px; background:none;}
input.input-check {width:14px; height:14px; margin:0; padding:0; vertical-align:middle; cursor:pointer; border-radius:0; border:1px solid #cccccc; background:none;}
span.textarea {display:inline-block; vertical-align:middle; border:1px solid #b5b5b5;}
span.textarea textarea {width:100%; height:100%; border:none;}
button, textarea {border-radius:0; background:#ffffff;}
.label {display:inline-block; vertical-align:middle;}
input.input-radio {/*-webkit-appearance:none;*/ width:16px; height:16px; vertical-align:middle;}

/* 버튼 */
.btnArea {margin-top:25px; text-align:center;}
.btnArea.al_r {text-align:right;}
.btnArea.al_r img {width:auto;}
.btnType1 {display:inline-block; height:32px; width:107px; text-align:center; line-height:32px; font-size:13px; color:#ffffff !important; background:#00a5e3;}
.btnType2 {display:inline-block; height:32px; width:107px; text-align:center; line-height:32px; font-size:13px; color:#ffffff !important; background:#6b6b6b;}
.btnType3 {display:inline-block; height:32px; width:107px; text-align:center; line-height:32px; font-size:13px; color:#ffffff !important; background:#01add8;}
.btnType4 {display:inline-block; height:32px; width:107px; text-align:center; line-height:32px; font-size:13px; color:#ffffff !important; background:#bcb5b5;}
.btnType5 {display:inline-block; padding:5px 10px; font-size:13px; color:#ffffff !important; background:#6b6b6b;}
.btnType6 {display:inline-block; padding:5px 10px; font-size:13px; color:#ffffff !important; background:#76b155;}
@media screen and (max-width: 1280px){
.btnType1, .btnType2, .btnType3, .btnType4 {width:80px;}
}


/* ============================= [공통레이아웃] ============================= */
#wrap {max-width:; min-width:320px; margin:0 auto;}
#header {position:relative;}
#header .headerTop {overflow:hidden; background:#060a16; z-index:99999999999; line-height:0; text-align:center; position:relative;}
#header .headerTop .inner {position:relative; margin:10px 0; height:90px;}
#header .headerTop .logo {width:19%; display:inline-block;}
#header .headerTop .btnAllMenu {position:absolute; top:0; left:10px; width:90px;}
#header .headerTop .btnCounMenu {position:absolute; top:0; right:10px; width:90px;}
#header .headerTop .btnSns {position:absolute; top:0; right:10px; width:90px;line-height: 90px;}

/* 전체메뉴 */
#header .allMenu {position:absolute; left:0; top:-910px; width:100%; background:#414247; z-index:10; -webkit-transition:top 0.7s ease-out;}
#header .allMenu .allMenuinner {margin:1px; /*border:1px solid #7b7b7b;*/ padding:15px;}
#header .allMenu .allMenuinner h2 {width:20%; margin-left:20px; display:inline-block;}
#header .allMenu .allMenuinner .btnClose {width:5%; display:block; float:right; margin-right:20px;}
#header .allMenu .allMenuCate {overflow:hidden; padding:10px 20px; border-top:2px solid #535353;}
#header .allMenu .allMenuCate:nth-of-type(1) {border-top:1px solid #808e9d; margin-top:20px;}
#header .allMenu .allMenuCate:nth-of-type(2) {}
#header .allMenu .allMenuCate:nth-of-type(3) {}
#header .allMenu .allMenuCate .subMenu {float:left;}
#header .allMenu .allMenuCate .subMenu:nth-of-type(1),#header .allMenu .allMenuCate .subMenu:nth-of-type(4),#header .allMenu .allMenuCate .subMenu:nth-of-type(7) {width:35%;}
#header .allMenu .allMenuCate .subMenu:nth-of-type(2),#header .allMenu .allMenuCate .subMenu:nth-of-type(5),#header .allMenu .allMenuCate .subMenu:nth-of-type(8) {width:35%;}
#header .allMenu .allMenuCate .subMenu:nth-of-type(3),#header .allMenu .allMenuCate .subMenu:nth-of-type(6),#header .allMenu .allMenuCate .subMenu:nth-of-type(9) {width:30%;}
#header .allMenu .allMenuCate .subMenu p {font-size:28px; color:#5fd3ff; font-weight:bold; margin-bottom:15px;}
#header .allMenu .allMenuCate .subMenu span {display:inline-block;}
#header .allMenu .allMenuCate .subMenu p a {color:#5fd3ff;}
#header .allMenu .allMenuCate .subMenu li {padding-left:15px; background:url(/images/common/bulletType1.gif) left 12px no-repeat;}
#header .allMenu .allMenuCate .subMenu li a {font-size:22px; color:#ffffff;}
#header .allMenu .allMenuCate .subMenu li span {display:inline-block;}
#header.allMenuOpen .allMenu {top:110px;}

/* sns 버튼 */
#header .headerTop .btnSns a {display: inline-block;width: 26px;margin-left: 8px;}

/* 상담메뉴 */
#header .counMenu {position:absolute; left:0; top:-910px; width:100%; background:#414247; z-index:10; -webkit-transition:top 0.7s ease-out;}
#header .counMenu .counMenuinner {}
#header .counMenu .counMenuinner h2 {width:20%; margin-left:20px; display:inline-block;}
#header .counMenu .counMenuinner .btnClose {}
#header .counMenu .counMenuCate {overflow:hidden;}
#header .counMenu .counMenuCate:nth-of-type(1) {}
#header .counMenu .counMenuCate:nth-of-type(2) {}
#header .counMenu .counMenuCate:nth-of-type(3) {}
#header .counMenu .counMenuCate .subMenu {}
#header .counMenu .counMenuCate .subMenu p {font-size:28px; color:#5fd3ff; font-weight:bold; margin-bottom:15px;}
#header .counMenu .counMenuCate .subMenu span {display:inline-block;}
#header .counMenu .counMenuCate .subMenu p a {color:#5fd3ff;}
#header .counMenu .counMenuCate .subMenu li {float:left; width:25%;}
#header .counMenu .counMenuCate .subMenu li a {font-size:22px; color:#ffffff;}
#header .counMenu .counMenuCate .subMenu li span {display:inline-block;}
#header.counMenuOpen .counMenu {top:110px;}

@media only screen and (max-width:) {
#header .headerTop .logo {width:21%;}
#header .allMenu {top:-870px;}
#header .counMenu {top:-870px;}
#header.allMenuOpen .allMenu {top:130px;}
#header.counMenuOpen .counMenu {top:130px;}
}
@media only screen and (max-width:800px) {
#header .headerTop .inner {height:70px;}
#header .headerTop .logo {width:21%; margin-top:5px;}
#header .headerTop .btnAllMenu {width:70px;}
#header .headerTop .btnCounMenu {width:70px;}
#header .headerTop .btnSns {width:70px;line-height: 50px;right: 10px;}
#header .allMenu .allMenuCate .subMenu p {font-size:18px;}
#header .allMenu .allMenuCate .subMenu li {background-position:left 7px;}
#header .allMenu .allMenuCate .subMenu li a {font-size:14px;}
#header.allMenuOpen .allMenu {top:90px;}
#header .counMenu .counMenuCate .subMenu p {font-size:18px;}
#header .counMenu .counMenuCate .subMenu li {background-position:left 7px;}
#header .counMenu .counMenuCate .subMenu li a {font-size:14px;}
#header.counMenuOpen .counMenu {top:90px;}
}
@media only screen and (max-width:600px) {
#header .headerTop .logo {width:26%; }
#header.allMenuOpen .allMenu {top:60px;}
#header.counMenuOpen .counMenu {top:60px;}
}
@media only screen and (max-width:414px) {
#header .headerTop .inner {height:40px;}
#header .headerTop .logo {width:23%;}
#header .headerTop .btnAllMenu {width:44px;}
#header .headerTop .btnCounMenu {width:44px;}
#header .headerTop .btnSns {width:70px;line-height: 50px;right: 10px;}
#header .allMenu .allMenuinner h2 {margin-left:0;}
#header .allMenu .allMenuinner .btnClose {margin-right:0;}
#header .allMenu .allMenuCate {padding:10px 0;}
#header .allMenu .allMenuCate .subMenu p {font-size:14px; margin-bottom:5px;}
#header .allMenu .allMenuCate .subMenu li {background-position:left 8px; padding-left:10px;}
#header .allMenu .allMenuCate .subMenu li a {font-size:12px;}
#header.allMenuOpen .allMenu {top:60px;}

#header .counMenu .counMenuinner h2 {margin-left:0;}
#header .counMenu .counMenuinner .btnClose {margin-right:0;}
#header .counMenu .counMenuCate {}
#header .counMenu .counMenuCate .subMenu p {font-size:14px; margin-bottom:5px;}
#header .counMenu .counMenuCate .subMenu li {background-position:left 8px;}
#header .counMenu .counMenuCate .subMenu li a {font-size:12px;}
#header.counMenuOpen .counMenu {top:60px;}
}
@media only screen and (max-width:320px) {
#header .allMenu .allMenuCate .subMenu li a {font-size:11px;}
#header .counMenu .counMenuCate .subMenu li a {font-size:11px;}
}

#header .headerMenu {}
#header .headerMenu ul {overflow:hidden; background-color:#383b45;}
#header .headerMenu ul li {float:left; width:33%; text-align:center;}
#header .headerMenu ul li a {display:block; padding:20px 0; line-height:0;}
#header .headerMenu ul li a img {width:70%; margin:0 auto;}
#header .headerMenu ul li:nth-of-type(1) {border-right:1px solid #43464b;}
#header .headerMenu ul li:nth-of-type(2) {border-left:1px solid #626b77; border-right:1px solid #43464b; width:32.8%;}
#header .headerMenu ul li:nth-of-type(3) {}
#header .headerMenu ul li:nth-of-type(1) a {border-left:1px solid #515a64;}
#header .headerMenu ul li:nth-of-type(2) a {border-right:1px solid #515a64;}
#header .headerMenu ul li:nth-of-type(3) a {}

@media only screen and (min-width:) {
#header .headerTop .inner {margin:20px 0; height:90px;}
#header .headerTop .btnAllMenu {top:0; leftt:20px; width:93px; padding-right:10px;}
#header .headerTop .btnCounMenu {top:0; right:20px; width:93px; padding-right:10px;}
#header .headerTop .btnSns {top:0; right:10px; width:93px;line-height: 73px; padding-right:10px;}
}
@media only screen and (max-width:600px) {
#header .headerMenu ul li a {padding:15px 0;}
}
@media only screen and (max-width:414px) {
}
@media only screen and (max-width:320px) {
#header .headerMenu ul li:nth-of-type(2) {width:32%;}
}


#footer {padding:20px 0; margin-bottom:120px; text-align:center; background:#060a16;}
#footer ul {margin-bottom:15px;}
#footer li {display:inline-block;}
#footer li:first-child {margin-right:10px;}
#footer li a {color:#00ffff; font-size:16px; font-weight:bold;}
#footer p {font-size:19px; font-weight:bold; color:#ebebeb; margin-bottom:5px;}
#footer p span {display:inline-block;}
#footer p span:last-child {margin-left:20px;}

@media only screen and (max-width:800px) {
#footer p {font-size:14px;}
}
@media only screen and (max-width:600px) {
#footer p {font-size:12px; font-weight:normal;}
}
@media only screen and (max-width:360px) {
#footer {padding:10px 0;}
#footer p {font-size:11px;}
}

#footer.new {padding:20px 0; margin-bottom:120px; text-align:center; background:#fff;}
#footer.new ul {margin-bottom:15px;}
#footer.new li {display:inline-block;}
#footer.new li:first-child {margin-right:10px;}
#footer.new li a {color:#00abe5; font-size:16px; font-weight:bold;}
#footer.new p {font-size:19px; font-weight:bold; color:#000; margin-bottom:5px;}
#footer.new p span {display:inline-block;}
#footer.new p span:last-child {margin-left:20px;}
#footer.new p:last-child {padding-top:1em; font-weight:normal;}

@media only screen and (max-width:800px) {
#footer.new p {font-size:14px;}
}
@media only screen and (max-width:600px) {
#footer.new p {font-size:12px; font-weight:normal;}
}
@media only screen and (max-width:360px) {
#footer.new {padding:10px 0;}
#footer.new p {font-size:11px;}
}

.commonCounsel {background:url(/images/layout/commonCounsel-bg.gif); padding:30px 0; overflow:hidden; position:fixed; bottom:0; width:100%; max-width:; z-index:9999;}
.commonCounsel .inner.img {width:12%; float:left; text-align:right;}
.commonCounsel .inner.img img {width:80%;}
.commonCounsel .inner.inputArea {width:83%; margin-left:2%; float:left; position:relative; margin-top:30px;}
.commonCounsel .inner.inputArea li {width:50%; overflow:hidden; margin-bottom:15px;}
.commonCounsel .inner.inputArea li.last-child {position:absolute; top:0; left:50%;}
.commonCounsel .inner.inputArea li label {display:block; width:20%; float:left;}
.commonCounsel .inner.inputArea li input[type="text"] {width:70%; float:left; margin-left:5%; height:20px; border:1px solid #c6c6c6;}
.commonCounsel .inner.inputArea li textarea {width:70%; float:left; margin-left:5%; height:60px; border:1px solid #c6c6c6;}
.commonCounsel .inner.inputArea li.phone select {width:20%; float:left; margin-left:5%; height:22px; white-space:nowrap;}
.commonCounsel .inner.inputArea li.phone input[type="text"] {width:20%; margin:0;}
.commonCounsel .inner.inputArea li.phone span {display:block; float:left; width:4.5%; text-align:center;}
.commonCounsel .inner.inputArea .submit {width:35%; margin:-8px 0 0 62.5%; overflow:hidden;}
.commonCounsel .inner.inputArea .submit input {float:left;}
.commonCounsel .inner.inputArea .submit label {float:left; width:65%; margin-left:5px;}
.commonCounsel .inner.inputArea .submit .btnSubmit {float:right; width:25%;}

@media only screen and (max-width:800px) {
.commonCounsel {padding:20px 0;}
.commonCounsel .inner.inputArea {margin-top:0;}
}
@media only screen and (max-width:600px) {
.commonCounsel {padding:15px 0;}
.commonCounsel .inner.inputArea .submit {width:65%; margin-right:2%; float:right;}
.commonCounsel .inner.inputArea .submit label {width:70%;}
.commonCounsel .inner.inputArea .submit .btnSubmit {width:20%;}
}
@media only screen and (max-width:414px) {
.commonCounsel {padding:10px 0;}
.commonCounsel .inner.inputArea li {margin-bottom:5px;}
.commonCounsel .inner.inputArea li textarea {height:47px;}
}
@media only screen and (max-width:414px) {
.commonCounsel .inner.inputArea li input[type="text"] {height:16px; font-size:12px;}
.commonCounsel .inner.inputArea li textarea {height:39px;}
.commonCounsel .inner.inputArea li.phone select {height:18px; font-size:12px;}
.commonCounsel .inner.inputArea .submit {margin-top:-2px;}
}


.pageTitle {text-align:center; margin:30px auto; color:#666; font-weight:bold;}
.pageTitle h2 {font-size:30px; color:#333; margin-bottom:10px;}
.pageTitle .desc span {display:inline-block;}
@media only screen and (max-width:414px) {
}


#header.new {position:relative;}
#header.new .headerTop {overflow:hidden; background:#f8f8f8; z-index:99999999999; line-height:0; text-align:center; position:relative;}
#header.new .headerTop .inner {position:relative; margin:10px 0; height:90px;}
#header.new .headerTop .logo {width:19%; display:inline-block;}
#header.new .headerTop .btnAllMenu {position:absolute; top:0; left:10px; width:90px;}
#header.new .headerTop .btnCounMenu {position:absolute; top:0; right:10px; width:90px;}

/* 전체메뉴 */
#header.new .allMenu {position:absolute; left:0; top:-970px; width:100%; background:#414247; z-index:10; -webkit-transition:top 0.7s ease-out;}
#header.new .allMenu .allMenuinner {margin:1px; /*border:1px solid #7b7b7b;*/ padding:15px;}
#header.new .allMenu .allMenuinner h2 {width:20%; margin-left:20px; display:inline-block;}
#header.new .allMenu .allMenuinner .btnClose {width:5%; display:block; float:right; margin-right:20px;}
#header.new .allMenu .allMenuCate {overflow:hidden; padding:10px 20px; border-top:2px solid #535353;}
#header.new .allMenu .allMenuCate:nth-of-type(1) {border-top:1px solid #808e9d; margin-top:20px;}
#header.new .allMenu .allMenuCate:nth-of-type(2) {}
#header.new .allMenu .allMenuCate:nth-of-type(3) {}
#header.new .allMenu .allMenuCate .subMenu {float:left;}
#header.new .allMenu .allMenuCate .subMenu:nth-of-type(1),#header.new .allMenu .allMenuCate .subMenu:nth-of-type(4),#header.new .allMenu .allMenuCate .subMenu:nth-of-type(7) {width:50%;}
#header.new .allMenu .allMenuCate .subMenu:nth-of-type(2),#header.new .allMenu .allMenuCate .subMenu:nth-of-type(5),#header.new .allMenu .allMenuCate .subMenu:nth-of-type(8) {width:50%;}
#header.new .allMenu .allMenuCate .subMenu:nth-of-type(3),#header.new .allMenu .allMenuCate .subMenu:nth-of-type(6),#header.new .allMenu .allMenuCate .subMenu:nth-of-type(9) {width:50%;}
#header.new .allMenu .allMenuCate .subMenu p {font-size:28px; color:#5fd3ff; font-weight:bold; margin-bottom:15px;}
#header.new .allMenu .allMenuCate .subMenu span {display:inline-block;}
#header.new .allMenu .allMenuCate .subMenu p a {color:#5fd3ff;}
#header.new .allMenu .allMenuCate .subMenu li {padding-left:15px; background:url(/images/common/bulletType1.gif) left 12px no-repeat;}
#header.new .allMenu .allMenuCate .subMenu li a {font-size:22px; color:#ffffff;}
#header.new .allMenu .allMenuCate .subMenu li span {display:inline-block;}
#header.new.allMenuOpen .allMenu {top:110px;}

/* 상담메뉴 */
#header.new .counMenu {position:absolute; left:0; top:-910px; width:100%; background:#414247; z-index:10; -webkit-transition:top 0.7s ease-out;}
#header.new .counMenu .counMenuinner {}
#header.new .counMenu .counMenuinner h2 {width:20%; margin-left:20px; display:inline-block;}
#header.new .counMenu .counMenuinner .btnClose {}
#header.new .counMenu .counMenuCate {overflow:hidden;}
#header.new .counMenu .counMenuCate:nth-of-type(1) {}
#header.new .counMenu .counMenuCate:nth-of-type(2) {}
#header.new .counMenu .counMenuCate:nth-of-type(3) {}
#header.new .counMenu .counMenuCate .subMenu {}
#header.new .counMenu .counMenuCate .subMenu p {font-size:28px; color:#5fd3ff; font-weight:bold; margin-bottom:15px;}
#header.new .counMenu .counMenuCate .subMenu span {display:inline-block;}
#header.new .counMenu .counMenuCate .subMenu p a {color:#5fd3ff;}
#header.new .counMenu .counMenuCate .subMenu li {float:left; width:25%;}
#header.new .counMenu .counMenuCate .subMenu li a {font-size:22px; color:#ffffff;}
#header.new .counMenu .counMenuCate .subMenu li span {display:inline-block;}
#header.new.counMenuOpen .counMenu {top:110px;}

@media only screen and (max-width:) {
#header.new .headerTop .logo {width:21%;}
#header.new .allMenu {top:-870px;}
#header.new .counMenu {top:-870px;}
#header.new.allMenuOpen .allMenu {top:130px;}
#header.new.counMenuOpen .counMenu {top:130px;}
}
@media only screen and (max-width:800px) {
#header.new .headerTop .inner {height:70px;}
#header.new .headerTop .logo {width:21%; margin-top:5px;}
#header.new .headerTop .btnAllMenu {width:70px;}
#header.new .headerTop .btnCounMenu {width:70px;}
#header.new .headerTop .btnSns {width:70px;line-height: 50px;right: 10px;}
#header.new .allMenu .allMenuCate .subMenu p {font-size:18px;}
#header.new .allMenu .allMenuCate .subMenu li {background-position:left 7px;}
#header.new .allMenu .allMenuCate .subMenu li a {font-size:14px;}
#header.new.allMenuOpen .allMenu {top:90px;}
#header.new .counMenu .counMenuCate .subMenu p {font-size:18px;}
#header.new .counMenu .counMenuCate .subMenu li {background-position:left 7px;}
#header.new .counMenu .counMenuCate .subMenu li a {font-size:14px;}
#header.new.counMenuOpen .counMenu {top:90px;}
}
@media only screen and (max-width:600px) {
#header.new .headerTop .logo {width:26%; }
#header.new.allMenuOpen .allMenu {top:60px;}
#header.new.counMenuOpen .counMenu {top:60px;}
}
@media only screen and (max-width:414px) {
#header.new .headerTop .inner {height:40px;}
#header.new .headerTop .logo {width:30%;}
#header.new .headerTop .btnAllMenu {width:44px;}
#header.new .headerTop .btnCounMenu {width:44px;}
#header.new .headerTop .btnSns {width:70px;line-height: 50px;right: 10px;}
#header.new .allMenu .allMenuinner h2 {margin-left:0;}
#header.new .allMenu .allMenuinner .btnClose {margin-right:0;}
#header.new .allMenu .allMenuCate {padding:10px 0;}
#header.new .allMenu .allMenuCate .subMenu p {font-size:14px; margin-bottom:5px;}
#header.new .allMenu .allMenuCate .subMenu li {background-position:left 8px; padding-left:10px;}
#header.new .allMenu .allMenuCate .subMenu li a {font-size:12px;}
#header.new.allMenuOpen .allMenu {top:60px;}

#header.new .counMenu .counMenuinner h2 {margin-left:0;}
#header.new .counMenu .counMenuinner .btnClose {margin-right:0;}
#header.new .counMenu .counMenuCate {}
#header.new .counMenu .counMenuCate .subMenu p {font-size:14px; margin-bottom:5px;}
#header.new .counMenu .counMenuCate .subMenu li {background-position:left 8px;}
#header.new .counMenu .counMenuCate .subMenu li a {font-size:12px;}
#header.new.counMenuOpen .counMenu {top:60px;}
}
@media only screen and (max-width:320px) {
#header.new .allMenu .allMenuCate .subMenu li a {font-size:11px;}
#header.new .counMenu .counMenuCate .subMenu li a {font-size:11px;}
}

#header.new .headerMenu {}
#header.new .headerMenu ul {overflow:hidden; background-color:#383b45;}
#header.new .headerMenu ul li {float:left; width:33%; text-align:center;}
#header.new .headerMenu ul li a {display:block; padding:20px 0; line-height:0;}
#header.new .headerMenu ul li a img {width:70%; margin:0 auto;}
#header.new .headerMenu ul li:nth-of-type(1) {border-right:1px solid #43464b;}
#header.new .headerMenu ul li:nth-of-type(2) {border-left:1px solid #626b77; border-right:1px solid #43464b; width:32.8%;}
#header.new .headerMenu ul li:nth-of-type(3) {}
#header.new .headerMenu ul li:nth-of-type(1) a {border-left:1px solid #515a64;}
#header.new .headerMenu ul li:nth-of-type(2) a {border-right:1px solid #515a64;}
#header.new .headerMenu ul li:nth-of-type(3) a {}

@media only screen and (min-width:) {
#header.new .headerTop .inner {margin:20px 0; height:90px;}
#header.new .headerTop .btnAllMenu {top:0; leftt:20px; width:93px; padding-right:10px;}
#header.new .headerTop .btnCounMenu {top:0; right:20px; width:93px; padding-right:10px;}
}
@media only screen and (max-width:600px) {
#header.new .headerMenu ul li a {padding:15px 0;}
}
@media only screen and (max-width:414px) {
}
@media only screen and (max-width:320px) {
#header.new .headerMenu ul li:nth-of-type(2) {width:32%;}
}







#mobilec_wrap{width:100%; margin:0 auto; padding:0px; min-width:640px; font-family: 'Jeju Gothic', sans-serif;}
#mobilec_wrap .fixed{width:100%; max-width:1024px; min-width:320px; z-index:999; bottom:0px; position:fixed; background:rgba(230,230,230,0.8);}
#mobilec_wrap .db_erea{position:relative; width:100%; min-width:320px; height:120px; margin:0 auto;}
#mobilec_wrap .db_erea ul{position:absolute; right:260px; top:22px; padding:0; margin:0; list-style:none;}
#mobilec_wrap .db_erea ul li{margin-bottom:6px;}
#mobilec_wrap .db_erea ul.btn{position:absolute; width:177px; height:118px; display:block; border:0px solid #000; right:54px; top:21px;}





#common-db {background:rgba(218,218,218,0.9); position:fixed; bottom:0; left:0; width:100%; z-index:99999; padding:3% 0}
#common-db table {width:90%; margin:0 auto; table-layout:fixed;}
#common-db table th {color:#333; font-size:3vw;}
#common-db table td {line-height:1.5em}
#common-db table td input[type="text"] {width:100%; border:0; height:1.5em; font-size:3vw; box-sizing:border-box; padding-left:5%}
#common-db table td textarea {width:90%; border:0; font-size:3vw; box-sizing:border-box; padding:5px; height:100%;}
#common-db table th.th-1 {width:12%}
#common-db table td.td-1 {width:30%}
#common-db table th.th-2 {width:12%}
#common-db table td.td-3 {width:17%}
#common-db table td.tel input[type="text"] {float:left; width:30%;}
#common-db table td.tel span {float:left; width:5%; text-align:center;}
#common-db table td.agr {color:#333; padding-top:0.2em; text-align:right; font-size:2.7vw}






/* ============================= [메인] ============================= */
.main_wrap {}
.main_wrap #container {background-color:#fff;}

/* 메인배너 */
.mainVisual {position:relative; margin:0 auto; line-height:0; font-size:0; overflow:hidden;}
.mainVisual .swiper-wrapper {overflow:hidden;}
.mainVisual .swiper-wrapper .swiper-slide {width:100%; float:left;}
.mainVisual .swiper-wrapper .swiper-slide img {width:100%;}
.mainVisual .swiper-wrapper .swiper-slide:nth-of-type(1) {display:block;}
.mainVisual .paging_navi {position:absolute; text-align:center; left:0; bottom:26px; width:100%; line-height:0; font-size:0;}
.mainVisual .paging_navi span {display:inline-block; width:12px; height:12px; margin:0 5px; background:url(/images/main/m_mainVisualNav.png) left top no-repeat;}
.mainVisual .paging_navi span.swiper-active-switch {background:url(/images/main/m_mainVisualNav_on.png) left top no-repeat;}

/* 이벤트배너 */
.eventVisual {position:relative; margin:0 auto; line-height:0; font-size:0; overflow:hidden;}
.eventVisual .swiper-wrapper {overflow:hidden;}
.eventVisual .swiper-wrapper .swiper-slide {width:100%; float:left;}
.eventVisual .swiper-wrapper .swiper-slide img {width:100%;}
.eventVisual .swiper-wrapper .swiper-slide:nth-of-type(1) {display:block;}
/*.eventVisual .paging_navi {position:absolute; left:0; bottom:10px; width:100%; line-height:0; font-size:0;}
.eventVisual .paging_navi span {display:inline-block; width:12px; height:12px; margin:0 5px; background:url(/images/main/m_mainVisualNav.png) left top no-repeat;}
.eventVisual .paging_navi span.swiper-active-switch {background:url(/images/main/m_mainVisualNav_on.png) left top no-repeat;}*/



/* 메인메뉴 */
.mainMenu_list {border-top:2px solid #060b1c; border-bottom:2px solid #060b1c;}
.mainMenu_list ul {overflow:hidden;}
.mainMenu_list ul li {float:left; width:20%; text-align:center;}
.mainMenu_list ul li a {display:block; line-height:0;}
.mainMenu_list ul li a img {max-width:100%;}
.mainMenu_list ul li:first-of-type a {border-left:none;}
.mainMenu_list ul li:last-of-type a {border-right:none;}




/* 메인메뉴1 */
.mainMenu_list1 {width:100%; margin:0 auto;}



/* 메인메뉴2 */
.mainMenu_list2 {position:relative;}
.mainMenu_list2 ul {overflow:hidden;}
.mainMenu_list2 ul li {line-height:0; font-size:0; float:left; width:49.5%; margin-right:1%;}
.mainMenu_list2 ul li a {display:block;}
.mainMenu_list2 ul li a img {width:100%;}
.mainMenu_list2 ul li:nth-of-type(even) {margin-right:0;}

@media only screen and (max-width:414px) {
.mainMenu_list {border-top:2px solid #060b1c; border-bottom:2px solid #060b1c; }
}


.main-wrap img {width:100%; max-width:100%}

.main-video {padding:0 3%}
.main-video .tab-wrap ul {display:block; width:100%; margin-top:1em;display: flex;flex-direction: row;justify-content: start;align-items: center;overflow-x: auto;white-space: nowrap;height: 40px;}
.main-video .tab-wrap ul::after {content:"";display: block;clear: both;}
.main-video .tab-wrap ul li {display: block;vertical-align:middle; position:relative; text-align:left;padding: 0 4%;float: left;}
.main-video .tab-wrap ul li:nth-of-type(1) button {font-weight: 700;}
.main-video .tab-wrap ul li button {border:0; outline:none; cursor:pointer; background:none; font-size:3vw; color:#000}
.main-video .tab-wrap ul li.title button {font-size:4vw; color:#000!important}
.main-video .tab-wrap ul li::after {content:''; position:absolute; bottom:32%; left:0; width:1px; height:40%; background:#d1d1d1}
.main-video .tab-wrap ul li.title::after {display:none;}
.main-video .tab-wrap ul li:nth-of-type(2):after {display:none;}
.main-video .tab-wrap ul li button.on {color:#01a5e4}

.video-list {display:none;}
.video-list.on {display:block;}
.video-list ul {overflow:hidden;}
.video-list ul li {float:left; width:50%; box-sizing:border-box; margin-bottom:1.5em}
.video-list ul li:nth-of-type(odd) {padding-right:1.5%}
.video-list ul li:nth-of-type(even) {padding-left:1.5%}
.video-list ul li a {display:block; line-height:1.3em; overflow:hidden; padding:1em 0 0.5em; border-bottom:1px solid #d1d1d1; color:#000}
.video-list ul li strong {float:left; width:70%; font-size:2.7vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal;}
.video-list ul li span {float:right; width:18%; font-size:2.7vw; text-align:right; background:url(/img/main/video-play-icon.png) left 35% no-repeat; background-size:auto 45%!important}


.main-video-modal {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); cursor:pointer; display:none; z-index:9999999999}
.main-video-modal .video-area {position:absolute; top:30%; left:10%; width:80%;}
.main-video-modal .video-area .inner {position:absolute; top:0; left:0; width:100%; height:100%;}
.main-video-modal .modal-close {position:absolute; width:6%; top:-13%; right:0; background:none; border:0; outline:none;}


.main-event {padding:1.2em 3% 0; margin-bottom:8%}
.main-event .title {overflow:hidden; color:#000; padding-bottom:1em;}
.main-event .title strong {float:left; font-size:4vw; font-weight:normal;}
.main-event .title span {float:right; font-size:3vw; padding-right:2%; background:url(/img/main/event-arr.jpg) right center no-repeat; background-size:13% auto!important}
.main-event .swiper-slide span {display:block; width:95%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:2.5vw; color:#000; padding-top:0.5em;}




.main-review {padding:2% 3%  0; margin-bottom:5%}
.main-review .title strong {font-size:4vw; color:#000; font-weight:normal;}
.review-list ul {overflow:hidden; padding-top:1em}
.review-list ul li {float:left; width:50%; box-sizing:border-box; margin-bottom:1.5em}
.review-list ul li:nth-of-type(odd) {padding-right:1.5%}
.review-list ul li:nth-of-type(even) {padding-left:1.5%}
.review-list ul li a {display:block; line-height:1.3em; overflow:hidden; padding:1em 0 0.5em; border-bottom:1px solid #d1d1d1; color:#000}
.review-list ul li strong {float:left; width:70%; font-size:2.7vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal;}
.review-list ul li span {float:right; width:18%; font-size:2.7vw; text-align:right; background:url(/img/main/video-play-icon.png) left 35% no-repeat; background-size:auto 45%!important}

.main-review-modal {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); cursor:pointer; display:none; z-index:999999}
.main-review-modal .video-area {position:absolute; top:30%; left:10%; width:80%;}
.main-review-modal .video-area .inner {position:absolute; top:0; left:0; width:100%; height:100%;}
.main-review-modal .modal-close {position:absolute; width:6%; top:-13%; right:0; background:none; border:0; outline:none;}


.main-surgery {overflow:hidden;}
.main-surgery a {float:left; width:50%}







/* ============================= [서브] ============================= */
.sub_wrap {}
.sub_wrap #footer {}

#content {margin:0 auto;}

















/* ============================= [추가 - 서브] ============================= */

.white{color:#FFF}
.blue01{color:#1695b8;}
.blue02{color:#9ce0f5;}
.black{color:#060a16;}









.sub_topmenu{margin:0 auto; overflow:hidden;margin-top: -1px;}
.sub_topmenu .sub_dep1menu{border-left:1px solid #dadada;margin-top:1px; overflow: hidden;}
.sub_topmenu .sub_dep1menu li{float:left; width:240px;height:60px;text-align:center;  background: #fff;}
.sub_topmenu .sub_dep1menu li a{display:block;padding:20px 0;font:normal 16px "NanumBarunGothic";color:#000;border:1px solid #dadada;margin-left:-1px;box-sizing: border-box; margin-top: -1px;}
.sub_topmenu .sub_dep1menu li a.select{background:#2195c1;color:#fff;border: 1px solid #2195c1; height:60px;}
.sub_topmenu .sub_dep1menu.mtype01 li{width:300px; border-top: 1px solid #dadada;}

.intro_topmenu .intro_dep1menu.mtype02 li{width:33.3%; border-top: 1px solid #dadada;}
.intro_topmenu .intro_dep1menu li a.select{background:#2195c1;color:#fff;border: 1px solid #2195c1;}

.intro_topmenu .intro_dep1menu.mtype03 li{width:50%; border-top: 1px solid #dadada;}
.intro_topmenu .intro_dep1menu li a.select{background:#2195c1;color:#fff;border: 1px solid #2195c1;}

.intro_topmenu .intro_dep1menu.mtype04 li{width:25%; border-top: 1px solid #dadada;}
.intro_topmenu .intro_dep1menu li a.select{background:#2195c1;color:#fff;border: 1px solid #2195c1;}






.intro_title{margin:0 auto; text-align:center; }

.intro_topmenu{margin:0 auto; overflow:hidden;}
.intro_topmenu .intro_dep1menu{border-left:1px solid #dadada; overflow: hidden;}
.intro_topmenu .intro_dep1menu li{float:left; width:240px; text-align:center;  background: #fff;}
.intro_topmenu .intro_dep1menu li a{display:block;padding:10px 0;font:normal 10px "NanumBarunGothic";color:#000;border:1px solid #dadada;margin-left:-1px;box-sizing: border-box; margin-top: -1px;}
.intro_topmenu .intro_dep1menu li a.select{background:#2195c1;color:#fff;border: 1px solid #2195c1;}
.intro_topmenu .intro_dep1menu.mtype01 li{width:25%; border-top: 1px solid #dadada;}







/*.sub_wrap{margin-top:153px;}*/
.subcnt{ margin:0 auto;}

.sub_vi01{width:100%; background:url('/images/sub/face/face_tit.jpg') no-repeat center center; height:500px;box-sizing:border-box; padding:180px 0px; }
.sub_vitxt{width:1200px; margin:0 auto;color:#fff;padding-left:200px; }
.sub_vitxt h1{font:normal 100px "NanumBarunGothic";margin-bottom:15px;letter-spacing:-2px; }
.sub_vitxt h2{font-size:16px;width:500px; font-weight: normal; }


.sub_titvi{height:80px;box-sizing:border-box; padding:20px 0px; }
.sub_titvi .sub_titvitxt{wmargin:0 auto;color:#000;}
.sub_titvi .sub_titvitxt h1{font:normal 20px "NanumBarunGothic";margin-bottom:4px;letter-spacing:-2px; text-align:center; }
.sub_titvi .sub_titvitxt h2{font-size:10px; text-align:center; font-weight: normal; letter-spacing:1px; }

.event_list {padding-top:20px;}
.event_list tbody .td {padding:10px 0; line-height:18px;}
.event_view td.view_content .td {min-height:0; padding:10px 0 20px; text-align:center;}










/*뉴라인 스타*/
.intro_title .star_gallery {width:100%; margin:0 auto; padding-bottom:40px;}
.intro_title .star_gallery ul {padding:10px; border:1px solid #dadada; margin:0px; text-align:center;}
.intro_title .star_box{width:96%; margin:0 auto; padding-top:20px;}

.star_tit01{text-align:center; font-size:14px; color:#000; font-weight:300; padding:15px 0 10px 0; border-bottom:1px solid #dadada; width:96%; margin:0 auto;}
.star_tit02{font-size:12px; color:#666; padding:15px 0; line-height:20px;}



/*서브타이틀영역*/
.sub_title{ margin:0 auto; border-bottom:1px solid #dbdbdb; padding:30px 0 30px 0; text-align:center; }
.sub_title.type01{border-bottom:0px solid #dbdbdb;}
.sub_title h1{font:normal 24px "NanumBarunGothic";letter-spacing:-2px; color:#3d3d3d;margin-bottom:20px;}
.sub_title p{color:#676767; font-size:12.5px;}
.blue{color:#2195c1;}
.full{width:100%; background:#f9f9f9;}
.sub_area{ margin: 0 auto;padding:40px 0 40px 0px;text-align:center; }
.sub_area h1{font:normal 24px "NanumBarunGothic"; letter-spacing:-2px; color:#3d3d3d;margin-bottom:10px;padding-top:20px;  background:url('/images/common/tit_line1.jpg') no-repeat center top;  }
.sub_area p{font-size:16px; color:#676767;  }
.sub_area img{}
.sub_area p.brown_tit{color:#996b46; font-size:20px; margin:20px 0 15px; }
.sub_area p strong{font-size:16px; color:#000;font-weight: normal;}


.withde { margin: 0 auto;padding:40px 0 40px 0px;text-align:center; }
.withde h1{font:normal 24px "NanumBarunGothic"; letter-spacing:-2px; color:#3d3d3d;margin-bottom:10px; padding-top:10px;  }
.withde p{font-size:16px; color:#676767;  }
.withde img{}
.withde p.brown_tit{color:#996b46; font-size:20px; margin:20px 0 15px; }
.withde p strong{font-size:16px; color:#000;font-weight: normal;}



.sub_area00{margin: 0 auto;padding:40px 0 0 0px;text-align:center; }
.sub_area00 h1{font:normal 24px "NanumBarunGothic"; letter-spacing:-2px; color:#3d3d3d;margin-bottom:10px;padding-top:20px;  background:url('/images/common/tit_line1.jpg') no-repeat center top;  }
.sub_area00 p{font-size:16px; color:#676767;  }
.sub_area00 img{margin:15px 0 0 0px; }
.sub_area00 p.brown_tit{color:#996b46; font-size:20px; margin:20px 0 15px; }
.sub_area00 p strong{font-size:16px; color:#000;font-weight: normal;}

.sub_area01{ margin: 0 auto;padding:50px 0px 0px 0px;text-align:center; }
.sub_area01 h1{font:normal 24px "NanumBarunGothic"; letter-spacing:-2px; color:#3d3d3d;margin-bottom:10px;}


.sub_area02{ margin: 0 auto;padding:40px 0 0 0px;text-align:center; }
.sub_area02 h1{font:normal 28px "NanumBarunGothic"; letter-spacing:-2px; color:#3d3d3d;margin-bottom:10px;padding-top:20px;  background:url('/images/common/tit_line1.jpg') no-repeat center top;  }
.sub_area02 p{font-size:16px; color:#676767;  }
.sub_area02 img{}
.sub_area02 p.brown_tit{color:#996b46; font-size:20px; margin:20px 0 15px; }
.sub_area02 p strong{font-size:16px; color:#000;font-weight: normal;}




















/* ============================= [컨텐츠 공통] ============================= */
/* 버튼 */
.btnArea {margin-top:20px; text-align:center;}
.btnArea.al_r {padding-right:10px; text-align:right;}

/* 탭 */
.tabType {overflow:hidden;}
.tabType li {float:left; text-align:center; line-height:0; font-size:0;}
.tabType li a {display:block; overflow:hidden; height:22px; margin:0 1px; border:1px solid #d1d1d1; border-top:none; border-radius:0 0 5px 5px; background:#ebebeb;}
.tabType li a img {height:100%;}
.tabType li.on a {padding-bottom:1px; border-color:#6c89d2; background:url(/images/common/BG_cateTabOn.gif) repeat center top; background-size:2px;}
.tabType li:first-of-type a {margin-left:0;}
.tabType li:last-of-type a {margin-right:0;}
.tabType.tabChild2 li {width:50%;}
.tabType.tabChild3 li {width:33%;}
.tabType.tabChild3 li:nth-of-type(2) {width:34%;}
.tabType.tabChild4 li {width:25%;}
.tabType.tabChild5 li {width:20%;}

/* 게시판리스트 */
.tbltype_list { margin-top:30px; text-align:center;}
.tbltype_list th {line-height:1em;}
.tbltype_list td {line-height:1em; padding:7px 0;}
.tbltype_list .th {text-align:center; padding:10px 0; background:#3e9bcd;}
.tbltype_list .th img {width:auto;}
.tbltype_list .td img {width:auto;}
.tbltype_list .title {text-align:left;}
.tbltype_list .title a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tbltype_list th:nth-of-type(1) {width:8%;}
.tbltype_list th:nth-of-type(2) {width:40%;}

@media only screen and (max-width:600px) {
.tbltype_list {font-size:12px;}
.tbltype_list .th img {height:10px;}
.tbltype_list .td img.answer_img {width:40px;}
.tbltype_list th:nth-of-type(2) {width:35%;}
}
@media only screen and (max-width:360px) {
.tbltype_list th:nth-of-type(2) {width:30%;}
}

/*
.community_list {border-top:2px solid #00a5e3; margin-bottom:20px;}
.community_list img {width:auto;}
.community_list li {padding:8px 0; border-bottom:1px solid #c6c6c6;}
.community_list li a strong span {display:block;}
.community_list .listinfo {color:#979797; font-size:11px;}
*/

.btnRight {text-align:right; margin-top:15px;}
.btnRight img {width:auto;}

/* [커뮤니티] - 온라인상담LIST */
.tab_community {overflow:hidden; margin:10px 0 20px; line-height:0; font-size:0;}
.tab_community li {float:left; width:25%;}
.tab_community li:nth-of-type(5), .tab_community li:nth-of-type(6), .tab_community li:nth-of-type(7), .tab_community li:nth-of-type(8) {margin-top:2px;}
.tab_community li img {width:100%;}
.community_list {border-top:2px solid #00a5e3; text-align:left; margin-top:20px;}
.community_list img {width:auto;}
.community_list li {border-bottom:1px solid #c6c6c6;}
.community_list li a {display:block; padding:8px 0 8px 10px;}
.community_list li a strong {display:block; font-size:13px; font-weight:normal; color:#656565;}
.community_list li a strong span {display:inline-block; vertical-align:middle;}
.community_list li a strong img {vertical-align:middle; float:right; padding-right:10px;}
.community_list li a .listinfo {display:block; margin-top:3px; font-size:11px; color:#979797;}
.community_list li a .listinfo span {display:inline-block; margin-right:3px;}

/* [커뮤니티] - 온라인상담VIEW */
.community_view {margin-top:20px; border-top:2px solid #00a5e3; border-bottom:1px solid #00a5e3; text-align:left;}
.community_view pre {white-space:normal; line-height:1.5em;}
.community_view h4 {position:relative; padding:10px 0 10px 60px; font-weight:normal; font-size:13px; color:#656565; border-bottom:1px solid #8bdae1;}
.community_view h4 .dt {position:absolute; left:15px; top:12px;}
.community_view .info {padding:10px 0 10px 15px; font-size:11px; color:#979797; border-bottom:1px solid #8bdae1;}
.community_view .info span {display:inline-block; margin-right:3px; vertical-align:middle;}
.community_view .con {padding:10px 15px; line-height:16px; color:#888888;}
.community_view .reply {border-top:1px solid #00a5e3;}
.community_view .reply .reply_info {padding-left:15px; line-height:30px; color:#5e5e5e; background:#e1f8fa;}
.community_view .reply .reply_info strong {display:inline-block; margin-right:10px;}
.community_view .reply .reply_info span {display:inline-block;}

/* [커뮤니티] - 온라인상담WRITE */
.community_write {border-top:2px solid #00a5e3; width:98%; margin:10px auto;}
.community_write img {width:auto;}
.community_write span.textarea {width:100%;}
.community_write th {padding:5px 0; text-align:left; border-bottom:1px solid #8bdae1;}
.community_write th span {display:block; padding:0 0 0 20px; background:url(/images/community/bar_1x12_cccccc.gif) no-repeat right center;}
.community_write td {padding:5px 0; border-bottom:1px solid #8bdae1;}
.community_write .td {padding:0 20px 0 10px;}
.community_write .td span.input {width:100%;}
.community_write .td input[type="text"] {width:100%;}
.community_write .td select {width:100%;}
.community_write .td.td_phone {overflow:hidden;}
.community_write .td.td_phone .i {float:left; width:33%;}
.community_write .td.td_phone .i:nth-of-type(2) {width:34%;}
.community_write .td.td_phone .i:nth-of-type(1) .input {margin-right:5px;}
.community_write .td.td_phone .i:nth-of-type(2) .input {margin:0 3px 0 5px;}
.community_write .td.td_phone .i:nth-of-type(3) .input {margin-left:5px;}
.community_write .td .txt_agree {float:left; position:relative; margin-top:10px; padding-left:17px;}
.community_write .td .txt_agree .input-check {position:absolute; left:0; top:0;}
.community_write .td.td_email {overflow:hidden; position:relative;}
.community_write .td.td_email .at {position:absolute; left:33%; margin-left:-6px; line-height:20px;}
.community_write .td.td_email .i {float:left; width:33%;}
.community_write .td.td_email .i:nth-of-type(2) {width:34%;}
.community_write .td.td_email .i:nth-of-type(1) .input {margin-right:7px;}
.community_write .td.td_email .i:nth-of-type(2) .input {margin:0 3px 0 7px;}
.community_write .td.td_email .i:nth-of-type(3) .input {margin-left:5px;}








/* 검색 */
.searchArea {zoom:1; margin:30px 10px 0;}
.searchArea:after {content:''; display:block; clear:both;}
.searchArea .searchForm {float:left; border:2px solid #00a5e3;}
.searchArea .searchForm .searchSel {float:left; position:relative; width:90px;}
.searchArea .searchForm .searchSel .title {}
.searchArea .searchForm .searchSel .title a {display:block; height:19px; padding:8px 10px 4px 7px; color:#bbb8b8; background:url(/images/common/arr_searchSel.gif) no-repeat right center;}
.searchArea .searchForm .searchSel .list {display:none; position:absolute; left:-2px; top:27px; width:100%; border:2px solid #00a5e3; border-top:none; background:#ffffff;}
.searchArea .searchForm .searchSel .list li {}
.searchArea .searchForm .searchSel .list li a {display:block; padding:5px 10px 5px 7px; color:#bbb8b8;}
.searchArea .searchForm .searchSel .list li a:hover {}
.searchArea .searchForm .searchWord {float:left; width:145px;}
.searchArea .searchForm .searchWord .input-word {width:100%; height:27px; line-height:27px; border:none; background:#ffffff;}
.searchArea .searchForm .btnSearch {float:left; width:55px; height:31px; text-align:center; line-height:31px; font-size:13px; color:#ffffff; background:#00a5e3;}
@media only screen and (max-width:414px) {
.searchArea .searchForm .searchWord {width:90px;}
}


/* 게시판뷰 */
.bbsView {margin:30px 10px 0;}
.bbsView table {border-top:4px solid #00a5e3;}
.bbsView thead th {font-size:16px; color:#404040; padding:10px 0; border-bottom:1px solid #dedede; width:10%; background:url(/images/common/bar_1x16_dcdcdc.gif) right center no-repeat;}
.bbsView thead th:last-child {background:none;}
.bbsView tbody th {font-size:16px; color:#404040; padding:10px 0; border-bottom:1px solid #dedede; width:10%; background:url(/images/common/bar_1x16_dcdcdc.gif) 90% center no-repeat;}
.bbsView tbody td {font-size:16px; color:#404040; padding:10px 0; border-bottom:1px solid #dedede; font-family:dotum,'돋움',"맑은 고딕","Malgun Gothic","MS PGothic","Osaka",Arial,sans-serif; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bbsView tbody td.subject {text-align:left;}
.bbsView tbody th.adminTitle {text-align:left;}
.bbsView tbody td.bbsContents {text-align:left; background:#fff; padding:20px 10px;}
.bbsView tbody td.adminContent {text-align:left; background:#fff; padding:20px 10px;}
.bbsView tfoot td {text-align:right; padding:30px 0;}
.bbsView tfoot td a.btnList {display:inline-block; width:15%; background:#6b6b6b; color:#fff; text-align:center; line-height:1.5em; padding:5px 0; font-weight:bold;}

.bbsView.compare thead th:first-child {text-align:left; padding:0 20px;}
.bbsView.compare thead th:nth-of-type(1) {width:60%;}
.bbsView.compare thead th:nth-of-type(2) {width:20%;}
.bbsView.compare thead th:nth-of-type(3) {width:20%;}

@media only screen and (max-width:600px) {
.bbsView thead th, .bbsView tbody th, .bbsView tbody td {font-size:14px;}
.bbsView.compare thead th:first-child {padding:0 10px;}
.bbsView.compare thead th:nth-of-type(1) {width:50%;}
.bbsView.compare thead th:nth-of-type(2) {width:25%;}
.bbsView.compare thead th:nth-of-type(3) {width:25%;}
}
@media only screen and (max-width:414px) {
.bbsView thead th, .bbsView tbody th, .bbsView tbody td {font-size:12px;}
.bbsView tbody th {width:15%;}
.bbsView tbody td:nth-of-type(1) {width:25%;}
.bbsView tbody td:nth-of-type(2) {width:23%;}
.bbsView tbody td:nth-of-type(3) {width:7%;}
.bbsView tfoot td a.btnList {width:20%;}
.bbsView.compare thead th:first-child {padding-left:10px;}
}

/* 게시판쓰기 */
.bbsWrite {margin:30px 10px 0;}
.bbsWrite table {border-top:2px solid #00a5e3;}
.bbsWrite tbody th {font-size:16px; color:#404040; padding:10px 25px; width:15%; border-bottom:1px solid #dedede; text-align:left;}
.bbsWrite tbody td {font-size:16px; color:#404040; padding:10px 10px; width:85%; border-bottom:1px solid #dedede; font-family:dotum,'돋움',"맑은 고딕","Malgun Gothic",Arial,sans-serif;}
.bbsWrite tbody td select {width:100%; height:28px; border:1px solid #b3b3b3; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; font-size:16px; color:#7f7f7f; font-family:dotum,'돋움',"맑은 고딕","Malgun Gothic",Arial,sans-serif; white-space:nowrap;}
.bbsWrite tbody td input[type="text"] {width:100%; height:26px; border:1px solid #b3b3b3; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; font-size:16px;}
.bbsWrite tbody td input[type="password"] {width:100%; height:26px; border:1px solid #b3b3b3; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; margin-right:5px;}
.bbsWrite tbody td textarea {width:100%; min-height:100px; border:1px solid #b3b3b3; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; font-size:16px;}
.bbsWrite tfoot td {text-align:center; padding:30px 0;}
.bbsWrite tfoot td a {display:inline-block; width:15%; color:#fff; text-align:center; line-height:1.5em; padding:5px 0;}
.bbsWrite tfoot td a.btnSubmit {background:#00b6c7;}
.bbsWrite tfoot td a.btnList {background:#aeaeae;}


@media only screen and (max-width:414px) {
.bbsWrite tbody th, .bbsWrite tbody td {font-size:12px;}
.bbsWrite tbody th {padding:10px 0 10px 5px; width:5%;}
.bbsWrite tbody td {width:90%;}
.bbsWrite tbody td:nth-of-type(1) {width:25%;}
.bbsWrite tbody td:nth-of-type(2) {width:23%;}
.bbsWrite tbody td:nth-of-type(3) {width:7%;}
.bbsWrite tbody td select, .bbsWrite tbody td input[type="text"], .bbsWrite tbody td textarea {font-size:12px;}
.bbsWrite tfoot td a {width:20%;}
}
@media only screen and (max-width:360px) {
.bbsWrite tbody th {width:7%;}
}




/* 페이징 */
.paging {margin-top:15px; margin-bottom:15px;}
.paging img {width:auto;}
.paging td a {color:#666;}
.paging td strong {color:#000;}




/* 전후사진 */
.compareTab {overflow:hidden; width:98%; margin:40px auto;}
.compareTab li {float:left; margin-left:-1px;}
.compareTab li:first-child {margin:0;}
.compareTab li img {width:100%;}

.compareList ul {width:80%; margin:50px auto;}
.compareList li {margin-bottom:20px;}
.compareList li a {display:block;}
.compareList li img {width:100%;}
.compareList li span.subject {display:block; font-size:16px; line-height:2em; text-align:center; font-weight:bold; color:#525252;}

@media only screen and (max-width:600px) {
.compareList ul {margin:30px auto;}
.compareList li span.subject {font-size:14px;}
}

/* 온라인상담 */
.counselArea {background:#f7f5f5;}
.counselArea h2 {text-align:center; font-size:23px; color:#3b3b3b; padding:20px 0; border-top:2px solid #3b3b3b;}
.counselArea table {width:100%;}
.counselArea tbody th {font-size:16px; color:#3b3b3b; width:25%; border:1px solid #c3c3c3; border-left:0;}
.counselArea tbody td {font-size:16px; color:#3b3b3b; width:75%; border:1px solid #c3c3c3; border-right:0; padding:15px 25px;}
.counselArea tbody td input[type="text"] {width:62%; height:30px; border:1px solid #989898; text-indent:5px;}
.counselArea tbody td select {width:62%; height:32px; border:1px solid #989898;}
.counselArea tbody td.tel input[type="text"] {width:19%; float:left;}
.counselArea tbody td.tel .bar {width:2%; float:left; display:block; height:16px; padding-top:14px; text-align:center;}
.counselArea tbody td.tel .bar img {width:70%;}
.counselArea .agreeChk {padding:25px 0; font-size:18px; color:#3b3b3b; border-bottom:1px solid #c3c3c3;}
.counselArea .agreeChk label {font-weight:bold;}
.counselArea .agreeChk a {font-size:16px; text-decoration:underline; color:#838383;}
.counselArea .btnArea {padding-bottom:20px;}
.counselArea .btnArea .btnSubmit {display:inline-block; padding:15px 0; width:50%; margin:0 auto; background:#14b1bb; color:#fff; font-size:18px; text-align:center; font-weight:bold;}

@media only screen and (max-width:600px) {
.counselArea h2 {font-size:18px;}
.counselArea tbody th {font-size:12px;}
.counselArea tbody td {font-size:12px; padding:10px 15px;}
.counselArea tbody td input[type="text"] {width:100%; font-size:12px; height:24px;}
.counselArea tbody td select {width:100%; font-size:12px; height:26px;}
.counselArea tbody td.tel input[type="text"] {width:30%;}
.counselArea tbody td.tel .bar {width:3%;}
.counselArea .agreeChk {font-size:14px;}
.counselArea .agreeChk a {font-size:12px;}
.counselArea .btnArea .btnSubmit {padding:10px 0; font-size:14px;}
}


.bbsWrite.counsel .counsel_name {display:block; margin-top:5px;}
.bbsWrite.counsel .email input, .bbsWrite.counsel .email select {width:30%;}
.bbsWrite.counsel .phone input, .bbsWrite.counsel .phone select {width:29%;}

.bbsView.counsel tbody th {width:10%;}

.bbsLogin {text-align:center; margin-top:30px;}
.bbsLogin p {margin-bottom:10px;}
.bbsLogin p img {width:auto;}

@media only screen and (max-width:600px) {
.bbsWrite.counsel .email select {float:right;}
.bbsWrite.counsel .phone input:last-child {float:right;}
}
@media only screen and (max-width:360px) {
.bbsWrite.counsel .email input, .bbsWrite.counsel .email select {width:29%;}
.bbsWrite.counsel .phone input, .bbsWrite.counsel .phone select {width:26%;}
.bbsView.counsel tbody th {width:10%;}
}


/* 온라인예약 */
.bbsWrite.reservation p {color:#333; font-weight:bold;}
.bbsWrite.reservation table {margin-top:20px;}
.bbsWrite.reservation tbody th {width:15%; padding:10px 0;}
.bbsWrite.reservation tbody th span {display:inline-block;}
.bbsWrite.reservation tbody td {width:85%;}
.bbsWrite.reservation tbody td.date select {width:32%; float:left;}
.bbsWrite.reservation tbody td.date select:nth-of-type(2) {margin:0 2%;}
.bbsWrite.reservation .email input, .bbsWrite.reservation .email select {width:30%;}
@media only screen and (max-width:600px) {
.bbsWrite.reservation .email select {float:right;}
}
@media only screen and (max-width:360px) {
.bbsWrite.reservation .email input, .bbsWrite.reservation .email select {width:29%;}
}


/* ============================= [회원] ============================= */
.utilFormArea {width:60%; padding:20px 5%; overflow:hidden; position:relative; margin:0 auto; line-height:0; border-top:1px solid #868686; border-bottom:1px solid #d3d3d3; background:#f9f9f9;}
.utilFormArea .inner {width:80%; height:100%; position:absolute; top:0; left:0; line-height:1.5em;}
.utilFormArea .inner > div {overflow:hidden; width:90%; position:absolute; left:0;}
.utilFormArea .inner > div:first-child {position:absolute; top:20px; left:5%;}
.utilFormArea .inner > div:last-child {position:absolute; bottom:20px; left:5%;}
.utilFormArea .inner > div label {display:block; float:left; width:20%; font-weight:bold; text-align:right; padding-right:10px;}
.utilFormArea .inner > div input {float:left; width:70%; text-indent:5px;}
.utilFormArea .btnLogin {display:block; width:16%; float:right;}
.utilFormArea.password > div:nth-of-type(2) {position:absolute; top:41%; left:5%;}
.utilFormArea.password .btnLogin {width:20%;}
.utilFormArea .findResult {text-align:center;}
.utilFormArea .findResult strong {color:#333;}
.utilFormArea .findResult .id {color:#7DA01C;}
.btnArea.login {margin-bottom:50px;}
.btnArea.login p {margin:10px;}
.btnArea.login p img {width:auto;}

@media only screen and (min-width:) {
.utilFormArea {width:40%; padding:20px 5%;}
.utilFormArea .inner > div:first-child {top:20px; left:5%;}
.utilFormArea .inner > div:last-child {bottom:20px; left:5%;}
.utilFormArea .btnLogin {width:16%;}
}
@media only screen and (max-width:600px) {
.utilFormArea {width:80%;}
.utilFormArea.password > div {left:0!important;}
.utilFormArea.password > div:nth-of-type(2) {top:40%;}
.utilFormArea.password .btnLogin {width:24%;}
}
@media only screen and (max-width:414px) {
.utilFormArea .inner > div label {font-size:12px;}
.utilFormArea .btnLogin {width:20%;}
}

/* 로그인 */
.loginForm img {width:auto;}
.login_menu img {width:auto;}
.loginForm {position:relative; margin:10px; padding:20px 93px 20px 15px; border:3px solid #00a5e3;}
.loginForm .p {position:relative; padding-left:58px;}
.loginForm .p .dt {position:absolute; left:0; top:3px;}
.loginForm .p:last-of-type {margin-top:10px;}
.loginForm .btn_login {position:absolute; right:4px; top:20px;}
.login_menu {margin:10px 10px 0; line-height:0; font-size:0;}
.login_menu ul {overflow:hidden;}
.login_menu ul li {position:relative; float:left; width:50%;}
.login_menu ul li img {width:100%;}
.login_menu ul li a {display:block; position:absolute; bottom:0; height:37%;}
.login_menu ul li a span {display:none; position:absolute; left:-1000%;}
.login_menu ul li a.go_join {left:11%; width:44%;}
.login_menu ul li a.go_findid {left:12%; width:41%;}
.login_menu ul li a.go_findpw {left:53%; width:46%;}

/* 로그인 sns */
.loginsForm img {width:auto;}
.logins_menu img {width:auto;}
.loginsForm {position:relative; margin:10px; padding:20px 20px 20px 15px; border:3px solid #cccccc;}
.loginsForm .p {position:relative; padding-left:58px;}
.loginsForm .p .dt {position:absolute; left:0; top:3px;}
.loginsForm .p:last-of-type {margin-top:10px;}
.loginsForm .btn_login {position:absolute; right:4px; top:20px;}
.logins_menu {margin:10px 10px 0; line-height:0; font-size:0;}
.logins_menu ul {overflow:hidden;}
.logins_menu ul li {position:relative; float:left; width:50%;}
.logins_menu ul li img {width:100%;}
.logins_menu ul li a {display:block; position:absolute; bottom:0; height:37%;}
.logins_menu ul li a span {display:none; position:absolute; left:-1000%;}
.logins_menu ul li a.go_join {left:11%; width:44%;}
.logins_menu ul li a.go_findid {left:12%; width:41%;}
.logins_menu ul li a.go_findpw {left:53%; width:46%;}

.wt-sns-logins a {padding-left:42px;position:relative;border:1px solid #efda00;border-radius:4px;margin-top:7.5px;background:#ffe900;color:#3c1d1d;display:block;height:37.5px;line-height:37.5px;text-align:center;font-size:14px;font-weight:bold}
.wt-sns-logins a:first-child {margin-top:0}
.wt-sns-logins a:after {content:'';display:block;width:1px;height:100%;background:#efda00;left:42px;top:0;position:absolute;}
.wt-sns-logins a:before {position:absolute;top:9px;left:11px;content:'';display:block;width:22px;height:21px;background:url(/images/util/ico_sns_f_n_ka.png) no-repeat -125px -125px;background-size:200px 200px}
.wt-sns-logins a.sns2 {border-color:#24427e;background:#3a5a9a;color:#fff;}
.wt-sns-logins a.sns2:after {background:#35528b}
.wt-sns-logins a.sns2:before {top:5px;left:14.5px;width:13px;height:26.5px;background-position:-150px -125px}
.wt-sns-logins a.sns3 {border-color:#02ab00;background:#1ec800;color:#fff;}
.wt-sns-logins a.sns3:after {background:#1cb304}
.wt-sns-logins a.sns3:before {top:9px;left:11.5px;width:20px;height:18.5px;background-position:-175px -125px}

/* 회원가입 */
.h3type {padding:20px 0 8px 10px; border-bottom:2px solid #3ec2cd;}
.h3type:first-of-type {padding-top:10px;}
.agree_txt {padding:10px; line-height:18px; font-size:11px; color:#9d9c9c; border-bottom:1px solid #d4d4d4;}
.agree_txt .agree_detail {text-align:right;}
.agree_txt .agree_detail a {color:#3ec2cd;}
.real_name {}
.real_name .txt {padding:10px;}
.real_name ul {padding:10px 0 10px 20px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
.real_name ul li img {vertical-align:middle;}
.real_name ul li:last-of-type {margin-top:5px;}
.real_name ul li .input-text {text-indent:0; background:#f5f5f5;}
.joinForm {margin:0 10px;}
.joinForm .h3type {padding-left:0;}
.joinForm table {}
.joinForm table th {padding:5px 0; text-align:left; line-height:0; font-size:0; border-bottom:1px solid #d8d8d8;}
.joinForm table td {padding:5px 0; line-height:18px; color:#7d7d7d; border-bottom:1px solid #d8d8d8;}
.joinForm table td .pwcheck {display:inline-block; padding:0 5px; vertical-align:top; line-height:20px; font-size:11px; font-weight:bold; color:#ffffff; background:#3ec2cd;}
.joinForm table td .txt1 {margin-top:5px; font-size:11px; color:#3ec2cd;}
.joinForm table td img {vertical-align:middle;}
.joinForm table td .item {display:inline-block; margin-right:5px;}
.agree_box {margin:10px; padding:10px; line-height:16px; font-size:11px; color:#8d8d8d; border:1px solid #d7d7d7;}

.joinForm img {width:auto;}
.btnCenter {text-align:center; margin-top:15px;}
.btnCenter img {width:auto;}

.joinInputArea img {width:auto;}


/* ============================= [서브페이지] ============================= */
/* 서브탭버튼 */
.subTab {overflow:hidden;}
.subTab a {width:32.8%; float:left; display:block; border-radius:8px; padding:15px 0; margin-bottom:3px; border:2px solid #d1d1d1; background:#ebebeb; font-size:20px; font-weight:bold; text-align:center; color:#888888;}
.subTab a.on {background:url(/images/layout/subBtnBG.gif); border-color:#59a7de; color:#ffffff;}
.subTab a:nth-of-type(2),.subTab a:nth-of-type(5),.subTab a:nth-of-type(8) {margin:0 2px;}

@media only screen and (max-width:) {
.subTab a {width:32.5%;}
}
@media only screen and (max-width:800px) {
.subTab a {width:32%;}
}
@media only screen and (max-width:600px) {
.subTab a {width:31.5%; font-size:14px; padding:8px 0;}
}


/* 병원 둘러보기 */
.inteiorArea {}
.inteiorArea .swiper-content {width:100%; overflow:hidden; position:relative; margin-bottom:5px;}
.inteiorArea .swiper-content .swiper-slide {float:left;}
.inteiorArea .swiper-content .btnL {position:absolute; top:50%; left:0; width:50px; margin-top:-25px;}
.inteiorArea .swiper-content .btnR {position:absolute; top:50%; right:0; width:50px; margin-top:-25px;}
.inteiorArea .swiper-nav {width:100%; overflow:hidden; margin-bottom:50px;}
.inteiorArea .swiper-nav .swiper-wrapper div:last-child {margin-right:0;}
.inteiorArea .swiper-nav .swiper-slide {width:10%; float:left; text-align:center;}
.inteiorArea .swiper-nav .swiper-slide img {width:95%; border:2px solid #fff;}
.inteiorArea .swiper-nav .swiper-slide.active-nav img {border:2px solid #000;}


/* 온라인상담 */
.counselArea {background:#f7f5f5;}
.counselArea h2 {text-align:center; font-size:23px; color:#3b3b3b; padding:20px 0; border-top:2px solid #3b3b3b;}
.counselArea table {width:100%;}
.counselArea tbody th {font-size:16px; color:#3b3b3b; width:25%; border:1px solid #c3c3c3; border-left:0;}
.counselArea tbody td {font-size:16px; color:#3b3b3b; width:75%; border:1px solid #c3c3c3; border-right:0; padding:15px 25px;}
.counselArea tbody td input[type="text"] {width:62%; height:30px; border:1px solid #989898; text-indent:5px;}
.counselArea tbody td select {width:62%; height:32px; border:1px solid #989898;}
.counselArea tbody td.tel input[type="text"] {width:19%; float:left;}
.counselArea tbody td.tel .bar {width:2%; float:left; display:block; height:16px; padding-top:14px; text-align:center;}
.counselArea tbody td.tel .bar img {width:70%;}
.counselArea .agreeChk {padding:25px 0; font-size:18px; color:#3b3b3b; border-bottom:1px solid #c3c3c3;}
.counselArea .agreeChk label {font-weight:bold;}
.counselArea .agreeChk a {font-size:16px; text-decoration:underline; color:#838383;}
.counselArea .btnArea {padding-bottom:20px;}
.counselArea .btnArea .btnSubmit {display:inline-block; padding:15px 0; width:50%; margin:0 auto; background:#14b1bb; color:#fff; font-size:18px; text-align:center; font-weight:bold;}

@media only screen and (max-width:600px) {
.counselArea h2 {font-size:18px;}
.counselArea tbody th {font-size:12px;}
.counselArea tbody td {font-size:12px; padding:10px 15px;}
.counselArea tbody td input[type="text"] {width:100%; font-size:12px; height:24px;}
.counselArea tbody td select {width:100%; font-size:12px; height:26px;}
.counselArea tbody td.tel input[type="text"] {width:30%;}
.counselArea tbody td.tel .bar {width:3%;}
.counselArea .agreeChk {font-size:14px;}
.counselArea .agreeChk a {font-size:12px;}
.counselArea .btnArea .btnSubmit {padding:10px 0; font-size:14px;}
}



/* [전후사진] */
.beforeAfter_list {overflow:hidden; width:100%; border-top:2px solid #00a5e3;}
.beforeAfter_list ul {overflow:hidden; position:relative; width:100%;}
.beforeAfter_list ul li {float:left; position:relative; left:-25px; width:100%; padding:10px 0 0 41px; border-bottom:1px solid #d8d8d8; background:url(/images/community/bar_beforeAfter.gif) no-repeat 20px 10px;}
.beforeAfter_list ul li a {display:block; float:left; width:100%;}
.beforeAfter_list ul li a strong {float:center; width:100%; padding:7px 0 6px; text-align:left; line-height:18px; font-weight:normal;}
.beforeAfter_list ul li a em {position:absolute; left:0; bottom:0; width:100%; height:25px;}
.beforeAfter_list .before {float:left; position:relative; width:169px; border:1px solid #c9c9c9;}
.beforeAfter_list .after {float:left; position:relative; width:169px; border:1px solid #c9c9c9;}
.beforeAfter_list .before em span, .beforeAfter_list .after em span {display:none;}
.beforeAfter_list .before em {background:url(/images/community/BG_before.png) no-repeat left top;}
.beforeAfter_list .after em {background:url(/images/community/BG_after.png) no-repeat left top;}
.beforeAfter_listline {overflow:hidden; position:relative; top:-1px; height:1px; margin-bottom:-1px; font-size:0; line-height:0; background:#00a5e3;}
.beforeAfter_view {}
.beforeAfter_view td.view_content .td {min-height:0; padding:10px 0 20px; text-align:center;}
.beforeAfter_view td.view_content .before {margin:0 10px;}
.beforeAfter_view td.view_content .after {margin:0 10px;}
/*
.beforeAfter_list {overflow:hidden; position:relative; width:100%; border-top:2px solid #00a5e3;}
.beforeAfter_list ul {overflow:hidden; position:relative; top:-1px; width:1140px;}
.beforeAfter_list ul li {display:inline-block; #display:inline; position:relative; width:529px; margin-right:-4px; #margin-right:0; padding:10px 41px 0 0; vertical-align:top; border-top:1px solid #d8d8d8; background:url(/images/community/bar_beforeAfter.gif) no-repeat 20px 10px; zoom:1;}
*/

/* [커뮤니티] - 커뮤니티메뉴*/
.commnunity_menu {margin-bottom:10px;}
.commnunity_menu ul {overflow:hidden; width:100%; height:69px; background:url(/images/community/BG_communitymenu.gif) repeat-x left top;}
.commnunity_menu ul li {float:left; width:157px; height:69px; background:url(/images/community/bar_communitymenu.gif) no-repeat left center;}
.commnunity_menu ul li a {display:block; height:69px;}
.commnunity_menu ul li a span {display:none;}
.commnunity_menu ul li.menu1 a {background:url(/images/community/community_menu1.gif) no-repeat left top;}
.commnunity_menu ul li.menu2 a {background:url(/images/community/community_menu2.gif) no-repeat left top;}
.commnunity_menu ul li.menu3 a {background:url(/images/community/community_menu3.gif) no-repeat left top;}
.commnunity_menu ul li.menu4 a {background:url(/images/community/community_menu4.gif) no-repeat left top;}
.commnunity_menu ul li.menu5 a {background:url(/images/community/community_menu5.gif) no-repeat left top;}
.commnunity_menu ul li.menu6 a {background:url(/images/community/community_menu6.gif) no-repeat left top;}
.commnunity_menu ul li.menu7 a {background:url(/images/community/community_menu7.gif) no-repeat left top;}
.commnunity_menu ul li a:hover {background-position:left -69px;}
.commnunity_menu ul li.on a {background-position:left -69px;}
