@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin');
@import url('https://fonts.googleapis.com/css?family=Fascinate');
@import url('https://fonts.googleapis.com/css?family=Chango');
<link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo" rel="stylesheet"> 

/* 초기화 */
html {height:100%;}
body {margin:0; padding:0; font-family:'Nanum Gothic', sans-serif; height:100%;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em; line-height:1.2;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0; }
button {cursor:pointer}

textarea, select {font-family:"nngd";font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all;}
hr {display:none}
#textCon > pre {width:1180px; word-wrap: break-word;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-break:break-all;}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;}
ul, li {padding:0;margin:0;list-style:none;}

/*공통*/
.clr{clear:both; float:none;}
.maginAuto1280{width:1280px; margin:0 auto;}
.textAL{text-align:left}
.textAC{text-align:center}
.textAR{text-align:right}

/*main*/
.wrap{}
.topNoticeW{background-color:#0090d6; color:#fff; line-height:49px; font-size:14px; display:none;}
.topNotice{width:1200px; margin:0 auto;}
.topNoticeUtil{float:right;}
.topNotice > a > h3{float:left; line-height:49px; margin-right:17px; color:#fff;}
.topNotice > a > p{float:left; color:#fff;}
.topNotice > a:hover > p{text-decoration:underline;}
.topNotice::after{clear: both; content: " "; display: block;}
.topNoticeUtil > li{float:left;}
.topNoticeUtil::after{clear: both; content: " "; display: block;}
.topNoticeUtilBt{margin-left:10px; padding:10px; cursor:pointer;}
.topNoticeUtil > li > input[type="checkbox"]{border:none; margin-right:5px; width:16px; height:16px; }
.headW{width:1200px; margin:0 auto;}
.headRow1::after{clear: both; content: " "; display: block;}
.headSns{float:left;}
.headBar{float:right;}
.headRow1{text-align:center; line-height:80px; padding-top:15px;}
.headRow1 > h1{display:inline-block;}
.headRow1::after{clear: both; content: " "; display: block; }
.headSns::after{clear: both; content: " "; display: block;}
.headSns > li{float:left; margin-right:5px;}
.headBar > span{cursor:pointer; padding:10px; font-size:26px; color:#0090d6;}
.gnb{border-top:1px solid #ccc}
.gnb > ul::after{clear: both; content: " "; display: block;}
.gnb > ul > li{float:left; width:12.5%; font-weight:bold; font-size:18px; border-top:3px solid #fff; position:relative;}
.gnb > ul > li.on{border-top:3px solid #0090d6;}
.gnb > ul > li.on > a{color:#0090d6;}
.gnb > ul > li > a{display:inline-block; width:100%; text-align:center; line-height:51px;}
.gnb > ul > li > a:hover{color:#0090d6;}

.gnbDepth{position:absolute; width:100%; z-index:22; padding-top:5px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; padding-bottom: 30px; background-color:#fff; display:none;}
.gnbDepth > ul > li > a{text-align: center; display: inline-block; width: 100%; line-height: 36px; font-size: 12px; color: #999; font-weight:400;}
.gnbDepth > ul > li > a:hover{text-decoration:underline; color:#333;}


.mainVisual{height:626px;}
.mainVisualLi{position:relative; min-height:626px; overflow:hidden; float:left;}
.mainVisualLi > img{}
.mainVisualLi > .con{position:absolute; top:0; color:#fff; width:1200px; left:50%; margin-left:-600px;}
.mainVisualLi > .con > h3{padding-top:116px; font-size:48px;}
.pointSymbole{display:inline-block; background-color:#0090d6; color:#fff; padding:7px 13px; font-size:14px; font-weight:700; margin-top:15px;}
.mainVisualLi > .con > p{font-size:24px; line-height:36px; padding-top:46px; font-weight:700;}
.mainVisualLi > .con > a{display:inline-block; margin-top:76px; border:1px solid #666; padding:15px 30px; color:#666; font-weight:700; -webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}
.mainVisualLi > .con > a:hover{background-color:#fff; color:#333;}
.mainVisualW{position:relative; height:626px; width:100%; overflow:hidden;}
.mainVisualArrow{position:absolute; top:240px; font-size:102px; color:#efeeec; cursor:pointer; left:50%;}
.mainVisualArrow:hover{color:#fff;}
.mainVisualArrow.left{margin-left:-700px;}
.mainVisualArrow.right{margin-left:660px;}
.mainVisualPageing{width:100%; text-align:center; bottom:30px; position:absolute;}
.mainVisualPageing > ul > li{background-color:rgba(255,255,255,0.3);; width:10px; height:10px; border-radius:50%; display:inline-block; margin:15px 10px; cursor:pointer;}
.mainVisualPageing > ul > li.on{background-color:transparent; border:5px solid #fff; margin:10px 5px;}
.mainlQuickW{width:1200px; margin:0 auto; padding:35px 0 30px;}
.mainlQuickW > ul > li{float:left; width:20%; height:240px; color:#fff; text-align:center;}
.mainlQuickW > ul::after{clear: both; content: " "; display: block;}
.mainlQuickW > ul > li.no1{background:url(../_img/mainl_quick1_bg.gif);}
.mainlQuickW > ul > li.no2{background:url(../_img/mainl_quick2_bg.gif);}
.mainlQuickW > ul > li.no3{background:url(../_img/mainl_quick3_bg.gif);}
.mainlQuickW > ul > li.no4{background:url(../_img/mainl_quick4_bg.gif);}
.mainlQuickW > ul > li > h5{font-size:24px; padding:15px 0;}
.mainlQuickW > ul > li > a{display:inline-block; width:134px; color:#fff; line-height:40px; border:1px solid #ccc;  -webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}
.mainlQuickW > ul > li > a:hover{background-color:#fff; color:#333;}
.mainlQuickW > ul > li > .img{padding-top:35px;}
.mainlQuickW > ul > li > .img.on{opacity:0.8;}
.mainlQuickW > ul > li.con{background-color:#ededed; color:#0090d6; border:1px solid #ccc; box-sizing:border-box;}
.mainlQuickW > ul > li.con > h5{font-size:18px; padding:35px 0 15px;}
.mainlQuickW > ul > li.con  > p > span{font-size:35px; letter-spacing:-0.025em; font-weight:800; display:inline-block; padding-bottom:20px;}
.mainlQuickW > ul > li.con  > p{font-size:13px; line-height:24px;}
.mainUtube{background-color:#f3f3f3; border:1px solid #ccc; box-sizing:border-box; width:1200px; margin:0 auto; padding:33px;}
.mainUtube > div.title{float:left;}
.mainUtube > div.title > h3{font-size:27px; line-height:36px; padding-bottom:20px;}
.mainUtube > div.title > p{color:#666; font-size:12px;}
.mainUtube > div.title > p > img{margin-bottom:80px;}
.mainUtube::after{clear: both; content: " "; display: block;}
.mainUtube > div.con{float:right;}
.mainUtube > div.con > ul > li{float:left;  margin-left:40px;}
.mainUtube > div.con > ul::after{clear: both; content: " "; display: block;}
.mainInstar{width:1200px; margin:0 auto; padding-top:30px;}
.mainInstar > h3{background-color:#f3f3f3; border:1px solid #ccc; text-align:center; padding:10px 0;}
.mainInstar > .con{text-align:center;}
.mainConW > div{float:left;}
.mainConW::after{clear: both; content: " "; display: block;}
.mainConW{width:1200px; margin:0 auto; padding:30px 0;}
.footerW{color:#e4e4e4; background-color:#363636;}
.footer > div{float:left;}
.footer::after{clear: both; content: " "; display: block;}
.footer{width:1200px; margin:0 auto;}
.footer > div.img{padding-right:25px;}
.footer > div.con{font-size:13px; line-height:21px; color:#8c8c8c; padding-top:10px;}
.footer{padding-bottom:20px;}
.footPartner{width:1200px; margin:0 auto; padding:25px 0;}
.footPartner > ul > li{display:inline-block; padding:0 4px;}
.mainMap{overflow:hidden; position:relative;}
.mainMapLayer{position:absolute; top:45px; left:50%; margin-left:-600px; background-color:#fff; padding:30px;}
.mainMapLayer > h3::after{clear: both; content: " "; display: block;}
.mainMapLayer > h3{font-size:15px; line-height:24px;}
.mainMapLayer > h3 > span{display:block; float:left; padding-right:25px;}
.mainMapLayer > h3 > p{float:left; font-weight:400;}
.mainMapLayer > ul{padding-top:20px;}
.mainMapLayer > ul > li{border:1px solid #ccc; margin-top:-1px; width:100%; font-size:18px; font-weight:700; text-align:center; line-height:50px;}
.mainMapLayer > ul > li > a > img{margin-right:7px;}
.mainMapLayer > ul > li > a{display:inline-block; width:100%; height:52px;}
.mainoticeCon > ul > li{display:none;}
.mainoticeCon > ul > li.on{display:block;}
.mainoticeTab > ul > li{float:left; color:#b9b9b9; cursor:pointer; padding-right:10px; font-size:27px; line-height:60px; font-weight:700;}
.mainoticeTab > ul::after{clear: both; content: " "; display: block;}
.mainoticeTab > ul > li.on{color:#000;}
.mainoticeTab{position:relative; width:480px; border-bottom:1px solid #ccc;}
.mainoticeTab > a{position:absolute; right:0; top:20px;}
.mainoticeCon{font-size:15px; line-height:36px;}
.mainoticeCon > ul > li  > ul > li > span{color:#999; float:right; display:inline-block; line-height:24px;}
.mainoticeCon > ul > li  > ul > li > a{text-overflow:ellipsis; display:inline-block; white-space:nowrap; word-wrap:normal; width:360px; overflow-x:hidden; line-height:24px;}
.mainoticeCon > ul > li  > ul > li > a:hover{text-decoration:underline;}
.mainoticeCon > ul > li  > ul{padding-top:10px;}
.mainCustom{padding-left:70px; width:380px;}
.mainCustom > h3{font-size:27px; line-height:60px; font-weight:700; border-bottom:1px solid #ccc; margin-bottom:14px;}
.mainCustom > div{padding-left:120px; font-size:15px; line-height:26px; background:url(../_img/main_custom.jpg) no-repeat 0 10px;}
.mainCustom > div > a{border:1px solid #ccc; font-size:16px; font-weight:700; display:inline-block; padding:8px 15px; margin-top:15px; -webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}
.mainCustom > div > a:hover{background-color:#333; color:#fff;}
.mainSns > h3{font-size:27px; line-height:60px; font-weight:700; border-bottom:1px solid #ccc; margin-bottom:14px; width:270px;}
.mainSns{padding-left:66px;}
.mainSns > ul > li{border-radius:20px; width:100%; line-height:64px; margin-bottom:7px;}
.mainSns > ul > li > a{text-align:left; width:100%; line-height:64px; display:inline-block; font-size:21px; box-sizing:border-box; padding:0 30px;}
.mainSns > ul > li > a > img{padding-right:10px;}
.mainSns > ul > li.no1{background-color:#01c700;}
.mainSns > ul > li.no1 > a{color:#fff;}
.mainSns > ul > li.no2{background-color:#fbe300;}
.mainSns > ul > li.no2 > a{color:#3b1e1e;}

/*sub common*/
.subContentW{width:1200px; margin:0 auto;}
.path{font-size:15px; color:#999; padding:20px 0; border-top:1px solid #ccc;}
.path::after{clear: both; content: " "; display: block;}
.path > a,.path > span{display:block; float:left;}
.path > a,.path > span.pathNo1{padding:5px 0;}
.path > a{color:#777; padding:0 20px 0 10px; border-right:1px solid #d9d9d9; margin-right:20px; line-height:27px;}
.path > .pathNo2{color:#0090d6; font-weight:700; padding-left:20px; border-left:1px solid #d9d9d9; margin-left:20px; cursor:pointer; position:relative;}
.path > .pathNo2 >.pathLayer{}
.path > .pathNo2 >.pathLayer > ul > li{float:left;}
.path > .pathNo2 >.pathLayer > ul > li > a{display:inline-block; box-sizing:border-box; line-height:17px; font-weight:400; width:100%; padding:5px 10px; color:#999;}
.path > .pathNo2 >.pathLayer > ul > li.on > a{background-color:#0090d6;; color:#fff;}
.path > .pathNo2 >.pathLayer > ul > li > a:hover{text-decoration:underline;}

.subTCpntent{padding-top:210px;}
.subTitleW2{height:181px; color:#fff; position:absolute; width:100%; left:0; text-align:center;}
.subTitleW2.no1{background:#8e8a84 url(../_img/sub_visua1.jpg) center no-repeat;}
.subTitleW2.no2{background:#8e8a84 url(../_img/sub_visual2.jpg) center no-repeat;}
.subTitleW2.no3{background:#8e8a84 url(../_img/sub_visual3.jpg) center no-repeat;}
.subTitleW2.no4{background:#8e8a84 url(../_img/sub_visual4.jpg) center no-repeat;}
.subTitleW2.no5{background:#8e8a84 url(../_img/sub_visual5.jpg) center no-repeat;}
.subTitleW2.no6{background:#8e8a84 url(../_img/sub_visual6.jpg) center no-repeat;}
.subTitleW2.no7{background:#8e8a84 url(../_img/sub_visual7.jpg) center no-repeat;}
.subTitleW2.no8{background:#8e8a84 url(../_img/sub_visua8.jpg) center no-repeat;}
.subTitleW2 > h3{line-height:70px; font-size:38px; padding-top:40px;}
.subTitleW2 > p{font-size:16px;}
.subTitleW > h3{line-height:70px; font-size:37px; text-align:center;}
.subTitleW > p{font-size:14px; text-align:center; color:#999; padding-bottom:55px;}
.subTbaW > ul::after{clear: both; content: " "; display: block;}
.subTbaW{padding-bottom:40px;}
.subTbaW.sample{padding-top:220px;}
.subTbaW > ul > li{float:left; width:calc(100% / 6); box-sizing:border-box; margin-left:-1px;}
.subTbaW > ul > li > a{width:100%; display:inline-block; text-align:center; box-sizing:border-box; border:1px solid #ccc; line-height:45px; font-weight:700; color:#666;; font-size:16px;}
.subTbaW > ul > li.on > a{color:#fff; background-color:#0090d6;}
.subTCpntentVIsual{border:13px solid #0090d6; box-sizing:border-box; border-bottom:none; height:63px;}
.subTCpntentVIsual2{height:230px;}
.subTCpntentH2W{text-align:center; padding-bottom:30px;}
.subTCpntentH2W > h2{font-size:30px; padding-bottom:14px;}
.subTCpntentH2W> .bar{width:35px; height:2px; background-color:#0090d6; display:inline-block;}
.subTCpntentH2W > p{font-size:14px; color:#333; padding-top:18px; line-height:24px;}
.subTCpntentH3W > h3{font-size:24px; text-align:center;}
.subTCpntentH3W{padding-bottom:16px;}
.subTCpntentH4W{text-align:center; padding-bottom:25px;}
.subTCpntentH4W > h4{display:inline-block; background-color:#0090d6; color:#fff; padding:0 20px; border-radius:20px; line-height:40px;}
.subTCpntentH5W{text-align:center; padding-bottom:3px;}
.subTCpntentH5W > h5{display:inline-block;color:#0090d6; font-weight:800; }
.subTCpntentPW{padding-bottom:20px;}
.subTCpntentPW > p{text-align:center; font-size:16px; line-height:30px; color:#333;}
.subTCpntentBtW{padding:35px 0; }
.subTCpntentBtW > ul{text-align:center; width:100%;}
.subTCpntentBtW > ul > li{display:inline-block; margin:0 4px;}
.subTCpntentBtW > ul > li > a{border:1px solid #333; width:120px; line-height:40px; display:inline-block; text-align:center; font-weight:700;}
.subTCpntentBtW > ul > li.black > a{background-color:#333; color:#fff;}
.subTCpntentTableW{padding-bottom:35px;}
.subTCpntentTableW > table{width:100%; background-color:#ccc; line-height:48px; border-top:1px solid #333;}
.subTCpntentTableW > table > tbody > tr > th{background-color:#f8f8f8;}
.subTCpntentTableW > table > tbody > tr > td{background-color:#fff; text-align:center;}
.subTbaConW > li{display:none;}
.subTbaConW > li.on{display:block;}

/*전체메뉴*/
.gnbALlMenuW{position:absolute; top:154px;  width:100%; display:none;}
.gnbALlMenuW.on{top:203px;}
.gnbALlMenu{width:1200px; margin:0 auto; background-color:#fff; padding-bottom:30px;  border-bottom-left-radius: 25px;  padding-top:5px; border-top:1px solid #ccc;  border-bottom-right-radius: 25px;}
.gnbALlMenu > ul > li{float:left; width:12.5%;}
.gnbALlMenu > ul::after{clear: both; content: " "; display: block;}
.gnbALlMenu > ul > li > ul > li > a{text-align:center; display:inline-block; width:100%; line-height:36px; font-size:12px; color:#999;}
.gnbALlMenu > ul > li > ul > li > a:hover{text-decoration:underline; color:#333;}


/*오시는길 추가*/
.comMapW{}
.comMap{width:1066px; height:273px; margin:0 auto;}

/*젊어지는 임플란트*/
.implantEventFormW{width:1200px; height:860px; background:#404040 url(../_img/implant_event1_img7.jpg) no-repeat center;}
.implantEventFormW > form > .con{padding-top:212px;}
.implantEventFormW > form > .con > ul > li > input{height:34px; line-height:34px; text-indent:10px; box-sizing:border-box; border:1px solid #ccc; width:304px; font-size:14px;}
.implantEventFormW > form > .con > ul > li{padding-left:296px; padding-bottom:11px;}
.implantEventFormW > form > .con > ul > li > textarea{height:180px; width:656px; resize:none; box-sizing:border-box; border:1px solid #ccc; text-indent:10px;}
.implantEventFormW > form > .con > div{text-align:center; padding-top:20px;}
.implantEventFormW > form > .con > div > span{cursor:pointer; display:inline-block; background-color:#049bfa; color:#fff; font-weight:700; font-size:16px; padding:14px 50px;}
.implantEventFormW > form > .con > div > span:hover{background-color:#333;}
.implantEventFormW > form > .bt > ul{padding-left:150px; padding-top:90px;}
.implantEventFormW > form > .bt > ul > li{float:left; padding-right:30px;}
.implantEventFormW > form > .bt > ul::after{clear: both; content: " "; display: block;}
.implantEventUtuW{width:100%; height:455px; background:#f0f0f0 url(../_img/implant_event1_img6.jpg) no-repeat center;}
.implantEventUtuW > .top{padding-top:63px;}
.implantEventUtuW > ul{padding-left:456px; padding-bottom:10px;}
.implantEventUtuW > ul > li{float:left; padding-right:10px;}
.implantEventUtuW > ul::after{clear: both; content: " "; display: block;}


/*내부소개 갤러리*/
*,
*::before,
*::after {
	outline: none;
	box-sizing: border-box;
}

.container {
	margin: 0 auto;
	max-width: 700px;
	max-height: 100vh;
	background-color: white;
}


/* Useful Classes */
.xy-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.transition {
	transition: all 350ms ease-in-out;
}

.r-3-2 {
	width: 100%;
	padding-bottom: 66.667%;
	background-color: #ddd;
}

.image-holder {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Main Styles */
.gallery-wrapper {
	position: relative;
	overflow: hidden;
}

.gallery {
	position: relative;
	white-space: nowrap;
	font-size: 0;
}

.feature{margin-bottom:10px;}
.feature > figure{margin:0;}
.item-wrapper > figure{margin:0;}
.item-wrapper {
	cursor: pointer;
	width: 23%; /* arbitrary value */
	display: inline-block;
	background-color: white;
}

.gallery-item { opacity: 0.5; }
.gallery-item.active { opacity: 1; }

.controls {
	font-size: 0;
	border-top: none;
}
.move-btn {
	display: inline-block;
	width: 50%;
	border: none;
  color: #0090d6;
	background-color: transparent;
	padding: 0.2em 1.5em;
}
.move-btn:first-child {border-right: none;}
.move-btn.left  { cursor: w-resize; }
.move-btn.right { cursor: e-resize; }


/*게시판 리스트*/
.borderNormalList > table{font-size:13px; width:100%; border-top:2px solid #000; font-size:16px;}
.borderNormalList > table > tbody > tr > th{border-bottom:1px solid #000; height:56px;}
.borderNormalList > table > tbody > tr > th.last{background-image:none;}
.borderNormalList > table > tbody > tr > td{border-bottom: 1px solid #e3e3e3; height:60px;}
.borderNormalList > table > tbody > tr > td > a:hover{text-decoration:underline;}
.noticebt{background-color:#219aff; color:#fff; display:inline-block; padding:4px; font-size:12px;}
.borderNormalList > table > tbody > tr > td.col1{text-align:center;}
.borderNormalList > table > tbody > tr > td.col2{padding-left:32px;}
.borderNormalList > table > tbody > tr > td.col2 > a{color:#626262;}
.borderNormalList > table > tbody > tr > td.col3{text-align:center;}
.borderNormalList > table > tbody > tr > td.col4{text-align:center;}
.borderNormalList > table > tbody > tr > td.col5{text-align:center;}
.borderWriteBt{text-align:center; padding:0; margin-top:30px;}
.borderWriteBt > li{display:inline-block; margin-right:5px;}
.borderWriteBt > li > a{background-color:#b28b41; color:#fff; padding:5px 15px; font-size:13px; font-weight:bold;}

/*게시판뷰*/
.borderNormalView > table{width:100%; border-top:2px solid #000;}
.borderNormalView > table > tbody > tr > th{height:56px; font-size:18px; line-height:56px; padding-left:20px; text-align:left; border-bottom: 1px solid #e3e3e3;}
.borderNormalView > table > tbody > tr > th > span{ float:right; padding-right:21px; font-size:13px;}
.borderNormalView > table > tbody > tr > th > span > b{color:#aaa; font-weight:400; display:inline-block; padding:0 10px;}
.borderNormalView > table > tbody > tr > td{border-bottom: 1px solid #e3e3e3; padding-left:12px;}
.borderNormalView > table > tbody > tr > td > .linktext{color:#626262; display:inline-block;}
.borderNormalView > table > tbody > tr > td > .linktext:hover{text-decoration:underline;}
.borderNormalView > table > tbody > tr > td.con{border-bottom: 1px solid #e3e3e3; padding:15px; line-height:24px;}
.borderNormalView > table > tbody > tr > td > input{height:36px; line-height:36px;}
.borderViewNext{border-top: 1px solid #e3e3e3; margin-top:30px;}
.borderViewNext > tbody > tr > td a{color:#626262;}
.borderViewNext > tbody > tr > td a:hover{text-decoration:underline;}
.borderListBt{text-align:center; padding:0; margin-top:30px;}
.borderListBt > li{display:inline-block; margin-right:5px;}
.borderListBt > li > a{border:1px solid #333; padding:9px 30px; font-size:16px; font-weight:bold; cursor:pointer;}
.borderListBt > li > a:hover{background-color:#000; color:#fff;}
.borderListBt > li.white > a{padding:7px 19px; background-color:#fff; color:#333; border:1px solid #ccc;}
.borderListBt > li.white > a:hover{background-color:#f8f8f8;}


/*페이징*/
#paging{float:left; width:100%; padding:38px 0 33px; text-align:center; font-size:16px;}
#paging::after{clear: both; content: " "; display: block;}
#paging > ul {display:inline-block; position:relative; padding:0 38px 0 40px;}
#paging > ul::after{clear: both; content: " "; display: block;}
#paging > ul > li {display:inline-block; width:31px; height:25px; line-height:25px; text-align:center;}
#paging > ul > li a{color:#666666; display:block; width:30px; height:25px; margin-left:-1px; position: relative; border:1px solid #e3e3e3; font-size:12px;}
#paging > ul > li a:hover{background-color:#f8f8f8;}
#paging > ul > li.on > a{background-color:#000; color:#fff; border-color:#666;}
#paging > ul > div{position:absolute; width:30px; height:25px; line-height:25px;}
#paging > ul > div > a{display:block; width:30px; height:25px; border:1px solid #e3e3e3; }
#paging > ul > div > a:hover{background-color:#f8f8f8;}
#pageBtLL{top:0; left:-29px;}
#pageBtL{top:0; left:0;}
#pageBtR{top:0; right:0;}
#pageBtRR{top:0; right:-29px;}

/*검색폼*/
.searchW{margin-bottom:50px; padding-left:400px;}
.searchW::after{clear: both; content: " "; display: block;}
.searchW select{height:45px; float:left; line-height:45px;}
.searchW input{height:45px; width:200px; float:left; margin-left:5px; box-sizing:border-box; line-height:45px;}
.searchBtn{display:inline-block;  float:left; background-color:#666; font-size:16px; color:#fff; font-weight:bold; font-size:13px; height:45px; line-height:45px; padding:0 16px;}
.searchBtn:hover{background-color:#333;}


/*글쓰기버튼*/
.customWriteBt{float:right; background-color:#333; color:#fff !important; padding:0 20px; height:45px; line-height:45px; cursor:pointer;}
.customWriteBt:hover{background-color:#000;}

/*layerPop*/
.layerPop{position:absolute; top:20%; left:20%; background-color:#fff; box-shadow:0 0 5px #333; display:none;}
.layerPop.on{display:block;}
.layerPop  >.bt{padding:0 5px; font-size:12px;}
.layerPop  >.bt > span{display:inline-block; padding:5px; cursor:pointer;}
.layerPop  >.bt > span.close{float:right;}

/*개인정보취급방침*/
#more2{color:#999;}
#story2{padding:10px 0; font-size:13px;}