@charset "utf-8";
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center !important;}
/************ form *************/
input {border:1px solid #ccc; padding:6px 15px 8px; line-height:1; font-size:15px;}
input[type=radio] {border:0; padding:6px 5px 8px;}
textarea {border:1px solid #ccc; padding:6px 15px 8px; font-size:15px;}
select {border:1px solid #ccc; line-height:1; font-size:15px; padding:5px 5px 7px;}
.bold {font-weight:bold;}
/****************** 버튼 *********************/
.blackbtn{background:#000; color:#fff; height:34px;border:0; padding:2px 20px 0;vertical-align:middle; font-size:14px;line-height:2.3;}
.pinkkbtn{background:#79a53e; color:#fff; height:34px;border:0; padding:2px 20px 0;vertical-align:middle; font-size:14px;line-height:2.3;}
.pinkkbtn3{background:#79a53e; color:#fff; height:23px;border:0; padding:2px 10px 0;vertical-align:middle; font-size:14px !important;line-height:1.6 !important; margin:0 !important;}
.bluebtn {width:94px; height:20px; color:#FFF; font-weight:bold; display:inline-block; text-align:center; font-size:14px; background:url(../../../images/btn/bluebg.gif) no-repeat; padding-top:7px; cursor:pointer; text-decoration:none !important}
.pinkkbtn2 {background:#79a53e; color:#fff; height:34px;border:0; cursor:pointer;}
.blackbtn2 {background:#000; color:#fff; height:34px;border:0; cursor:pointer;}
.blackbtn:hover,
.bluebtn:hover {text-decoration:none; color:#FFF}
/************ board ************/
.board1{margin:0 0 25px 0; border-bottom:2px solid #CCC; border-top:2px solid #666}
.board1 th{ padding:12px 0 13px 0; background:#f5f5f5}
.board1 td{text-align:center;  border-bottom:1px solid #ddd; vertical-align:middle; height:40px}
.board1 td p{ font-weight:normal; color:#069; cursor:pointer; padding-bottom:0}
.board1 td p:hover{color:#F60}
.conimg img {max-width:100% !important;}

.tableStyle6 {font-size:12px; border-top:1px solid #e5e5e5;}
.tableStyle6 .listpro {margin:30px 0 0 0;}
.tableStyle6 .listpro th a {display:block; margin:0 auto; width:200px; height:200px; background:#f5f5f5; vertical-align:middle;}
.tableStyle8 {font-size:14px; border-top:1px solid #666;}
.tableStyle8 th {border-bottom:1px solid #dcdbdb; background:#f5f5f5; vertical-align:middle; height:36px;}
.tableStyle8 td {text-align:left; border-bottom:1px solid #dcdbdb; padding:10px}
.tableStyle8 td input {vertical-align:middle;font-size:14px;}

.paging{margin:50px auto 40px auto;}
.paging td{text-align:center; vertical-align:middle;}
.paging td:hover{color:#F00; cursor:pointer}
.paging .active{color:#F00;}	
.paging th{width:30px; vertical-align:middle;}
.paging th p{border:1px solid #000; color:#fff; font-weight:bold; padding:5px 0 6px 0; margin:0 1px 0 1px; background:#555; cursor:pointer;width:30px;border-radius:5px;line-height:-2;}
.paging th p:hover{color:#F60}

.boardStyle1 {font-size:14px;}
.boardStyle1 th {background:#999; line-height:3.5; color:#FFF; padding-top:2px; }
.boardStyle1 td {border-bottom:1px dashed #CCCCCC; line-height:1.5; padding:8px 5px 8px; text-align:center; height:30px; vertical-align:middle;}
.boardStyle1 td a {color:#333;}

.glistbox {background:#f0f0f0 !important; width:100%; border:0;margin-top:5px; }
.glistbox th {background:#ddd !important;font-size:14px !important;background:#ddd; padding:5px 10px !important; height:auto; line-height:1.5; width:130px; border-top:1px solid #ccc; color:#666;vertical-align:middle;}
.glistbox td {border:0;text-align:left; padding:5px 10px !important; height:auto; line-height:1.5; border-top:1px solid #d5d5d5; word-wrap: break-word}
.glistbox td div {width:400px;}
.glistbox td p {width:700px;}
.glistbox tr:first-child th,.glistbox tr:first-child td {border-top:0 none;}

.viewSubtext {font-size:14px; color:#666; margin-top:5px}
.viewTopBox {border-top:1px solid #999999; border-bottom:1px dashed #999999; color:#666; font-size:14px; line-height:1.5;}
.viewTopBox th {background:#f5f5f5; text-align:left; padding:13px 15px 15px;}
.viewTopBox th img {margin:0 auto;}
.viewTopBox th span {vertical-align:top;}
.viewTopBox th:first-child {font-size:14px;}
.viewTopBox td {text-align:left; padding:11px 15px 11px;border-bottom:1px solid #ccc;}
.viewTopBox td .fr span.le0 {vertical-align:top;}
.viewTopBox td p.vm.dib {margin-top:-3px;}
.viewTopBox img {display:block; margin:0}
.viewTopBox .addthis_sharing_toolbox {height:35px !important; overflow:hidden; margin:-6px 25px 0 0}
.viewTopBox .addftBox {width:125px; text-align:right; margin-right:5px;}
.viewTopBox .addftBox a {text-align:right; display:inline-block; margin:7px 0px 3px 1px}
.vieWrtinfo {width:81%; vertical-align:top; margin-left:20px;}
.wrtBookinfo {color:#666; font-size:11px !important; background:#eee; padding:12px 10px 10px; margin-top:10px; margin-bottom:-15px;border-top:1px dashed #999999;}
.viewTopBox th {vertical-align:middle}
.viewTopBox td {text-align:left; height:19px; vertical-align:middle;}

.viewTopBox2 {border-top:1px solid #000000; color:#666; margin-top:10px; margin-bottom:20px}
.viewTopBox2 th {border-bottom:1px dashed #999999; background:#f5f5f5; padding:3px 0}
.viewTopBox2 td {border-bottom:1px dashed #999999; padding-left:10px}
.viewTopBox2 td input {vertical-align:middle; border:1px solid #CCC; padding:2px; background:#FFF}
.viewTopBox2 td .hot {border:0}

.bSbsearchbox {margin-top:15px; height:70px; position: absolute; top: 200px; right: 0; width: 650px;}
.bSbsearchbox input,
.bSbsearchbox select {font-size:18px;height:35px !important; line-height: 35px; padding-top:8px; width: calc(100% - 40px);}
.bSbsearchbox a {font-size:14px; padding-top:2px;}
.bSbsearchbox select {height:50px !important; width: 50%; padding-top:5px;}
.bSbsearchbox .blackbtn2 {height:36px !important; line-height:2.2;}
.bSbsearchbox td {padding: 30px 0;}
.bSbsearchbox .map_sb_title {font-size: 18px; margin-bottom:20px;}


.prod_btnbox {position: relative; margin-top: 51px;}
.prod_btnbox:after {content:""; display: block; height:0; clear: both;}
.prod_btnbox button {float: right; width: calc(50% - 10px); height: 65px; background:#00b7b5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.prod_btnbox button span {display: inline-block; font-size: 18px; font-weight: 600; color: #fff;}
.prod_btnbox button:first-child {background: #fff; border: 1px solid #00b7b5; float: left;}
.prod_btnbox button:first-child span {color: #00b7b5;}

.b2b_view td p {width:50%;}
.b2b_view td p em,
.b2b_view td .addre {color:#67a01b; font-weight:bold; vertical-align:top; display:inline-block;}



.petSlider img {margin: auto !important;}
.pet_imgbox {float: left; width: 700px; position: relative;}
.pet_dfimg {width: 550px; height: 550px; margin-left: 100px; border: 1px solid #ccc; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.pet_dfimg img {width: 100%; margin-bottom: 0 !important;}
.pet_imglist {position: absolute; left: 0; top: 0;}
.pet_imglist li {width: 81px; height: 81px; border: 1px solid #ccc; margin-bottom: 11px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f9f9f9;} 
.pet_imglist li img {width: 100%; margin-bottom: 0px !important; cursor: pointer;}

.gviewtitle {margin-bottom: 40px; font-size: 14px; font-weight: 600; border-bottom: 1px solid #eee; min-height:130px;}
.gviewtitle strong {font-size: 30px; color: #000; font-weight: 700; display: inline-block; margin-top: 7px; line-height: 1.3;}
.pet_infobox dl {font-size: 16px; width: calc(100% - 40px); padding: 10px 20px;}
.pet_infobox dl dt {display: inline-block; width: 100px; color: #000;}
.pet_infobox dl dd {display: inline;}


.pet_infobox {float: right; width: calc(100% - 720px);}
.pet_wrap:after {content:""; display: block; clear: both;}
.petbtn_box {border-top: 1px solid #eee; margin-top: 40px; padding-top: 77px;}
.petbtn_box a {color: #00b7b5; border: 1px solid #00b7b5; width: 300px; height: 65px; font-size: 18px; font-weight: 600; text-align: center; display: inline-block; line-height: 63px;}

.pet_ctitle {font-size: 18px; font-weight: 600; border-bottom: 1px solid #000; padding-bottom: 15px; margin-bottom: 20px; margin-top: 50px;}