@charset "utf-8";
/* Andantino CSH(myint@naver.com) 121122 */

/*사이트공통*/
*{margin:0; padding:0; font-family:dotum,tahoma; font-size:12px; line-height:1.3em; color:#222;}
table caption{text-indent:-1000em; width:0; height:0; font-size:0; line-height:0;}
table colgroup{background:transparent;}
img, fieldset, button{border:0 solid transparent;}
button img{display:none;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
em{font-style:normal;}
a:link, a:visited{color:#222; text-decoration:none;}
a:hover{color:#222; text-decoration:none;}
a:active{color:#222; text-decoration:none;}
textarea{overflow:auto;}
html:first-child select{padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option{padding-right:6px;} /* Firefox Fix */
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */
select{vertical-align:middle;}
.blind{position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
h1,h2,h3,h4,h5,h6{width:0px; height:0px; font-size:0px; line-height:0px; position:absolute; overflow:hidden;}

.wrap{position:absolute;width:100%; margin:0 auto;}

.header{position:relative; width:1020px; height:75px; margin:0 auto;}
.logo{margin-right:100px; float:left; width:215px; margin:15px 0px;}
.topmenu{width:580px; height:20px; margin-top:10px; float:right;}
.topmenu ul {float:right;}
ul.top_list li{ float:left; display:inline; margin-right:10px;}
ul.top_list li.a{margin-right:3px;}
ul.top_list li.b{margin-right:30px;}
ul.top_list li.c{margin-right:0;}

.menu_subbg{width:100%; height:30px; background:#7fcfea;}
.line{width:100%; height:1px; background:#CCC;}

.footer{width:100%; height:120px;}
.footer_list{width:1020px; height:100px; margin:0 auto;}


/*form*/
.input{padding-left:3px; height:18px; line-height:18px; vertical-align:middle; border:1px solid #c6cace;}
/*text*/
.textarea{padding:5px; border:1px solid #c6cace;}
.b01{font-weight:bold;}
.product_twodepth{font-size:24px; font-weight:bold;}
.w1{font-size:12px; font-weight:bold; color:#FFF;}
.product_title{font-size:16px; font-weight:bold;}
/*padding*/
.p30{padding-left:30px;}
.p30_2{padding:30px 40px 30px 40px;}
.p10{padding:10px;}
.p5{padding-left:5px;}
.pb30{padding-bottom:30px;}

/*main*/
.visual{position:relative; width:1020px; margin:0 auto;}

.contents_1{position:relative;width:1020px; height:265px; margin:0 auto; margin-top:20px;}
.mainboard{width:315px; height:263px; float:left; margin-right:10px;}
.mainboard2{width:334px; height:263px; float:left; margin-right:10px;}
.news{width:315px; height:130px; border:solid 1px #cecece;}
.column{width:334px; height:130px; border:solid 1px #cecece;margin:0 0 3px 0}
.product_title,.medicine_title,.location_title,.business_title{margin:20px;}
.news_title,
.campaign_title,
.column_title {margin-left:20px; margin-right:20px; margin-top:20px; margin-bottom:10px;}
ul.news_list li{left:25px;font:normal 12px/20px "돋음"; color:#222; position:relative; height:20px;width:85%}
span.news_date{position:absolute; left:210px; text-align:justify;}
.news .more {position:absolute;top:20px;left:280px;z-index:9}
.campaign .more {position:absolute;top:20px;left:280px;}
.column .more {position:absolute;top:20px;left:625px;}
.medicine .more {position:absolute;top:20px;left:280px;}
.product .more {position:absolute;top:20px;left:295px;}
.campaign{position:relative;width:315px; height:130px; margin-top:3px; border:solid 1px #cecece;}
ul.campaign_list li{left:25px;font:normal 12px/20px "돋음"; color:#222; position:relative; height:20px;}
.product{position:relative;width:349px; height:265px; float:left; border:solid 1px #cecece;}
.product_list{width:260px; height:180px; margin-left:35px;}
.hotel{width:334px; height:132px; float:left; background:url(../img/main/img_hotel.jpg) no-repeat right top;}
.hotel_text{ margin-left:25px; margin-top:20px;}

ul.column_list li{left:25px;font:normal 12px/20px "돋음"; color:#222; position:relative; height:20px;width:85%}

.contents_2{position:relative;width:1020px; height:135px;margin:0 auto; margin-top:20px; margin-bottom:20px;}
.medicine {position:relative;width:315px; height:135px; float:left; margin-right:10px; border:solid 1px #cecece; background:url(../img/main/medicine_bg.jpg) no-repeat; background-position:235px 70px;}
.medicine ul {position:relative;display:inline;width:230px;height:60px;float:left;margin:0 0 0 20px;line-height:16px;}
.medicine ul li a {position:relative;display:inline-block;float:left;width:80px;font:normal 12px "나눔고딕";color:#222;background:url(../img/main/medicine_dot.gif) no-repeat left 50%;padding:0 0 0 7px;line-height:15px;}
.medicine ul li.mw_1 a {position:relative;display:inline-block;float:left;width:110px;font:normal 12px "나눔고딕";color:#222;background:url(../img/main/medicine_dot.gif) no-repeat left 50%;padding:0 0 0 7px;line-height:15px;}
.medicine ul li.mw_2 a {position:relative;display:inline-block;float:left;width:130px;font:normal 12px "나눔고딕";color:#222;background:url(../img/main/medicine_dot.gif) no-repeat left 50%;padding:0 0 0 7px;line-height:15px;}
.medicine ul li a:hover {color:#01a1e4;}
.location{width:330px; height:135px; float:left; border:solid 1px #cecece; background:url(../img/main/location_bg.jpg) no-repeat; background-position:213px 35px; margin-right:10px;}
.location_text{ margin-left:20px;}
.business{width:349px; height:135px; float:left;border:solid 1px #cecece; background:url(../img/main/business_bg.jpg) no-repeat; background-position:276px 40px;}
.business_text1{ margin-left:20px; margin-top:0px;}
.business_text2,.business_text3{ margin-left:20px; margin-top:13px;}


/*메뉴*/
div.menu {margin-left:35px;float:left;display:inline; height:30px;line-height:40px;}
div.menu_depth{width:770px; height:30px; position:relative; float:left;z-index:2; margin-top:15px;}
ul.onedepth_list li{width:110px; float:left; display:inline; text-align:right;}
ul.twodepth_list li{float:left; display:inline; font:normal 13px "나눔고딕"; margin-top:11px; text-align:center;}
ul.twodepth_list li a {display:inline-block; padding-right:20px; font-weight:bold; padding-top:5px;}
ul.twodepth_list li a:link,ul.twodepth_list li a:visited,ul.twodepth_list li a:hover {color:#fff;}
/*회사소개 2차메뉴*/
div#sub1{width:450px; height:40px; position:absolute; left:50%; margin-left:-200px; margin-top:38px; float:left; visibility:show; z-index:3; background:url(../img/twodepth_bg.gif) no-repeat; background-position:10px 0px;}
/*제품소개 2차메뉴*/
div#sub2{width:900px; height:40px; position:absolute; left:50%; margin-left:-290px; margin-top:38px; float:left; visibility:hide; z-index:3; background:url(../img/twodepth_bg.gif) no-repeat; background-position:220px 0px;}
/*산업동물 2차메뉴*/
div#sub3{width:580px; height:40px; position:absolute; left:50%; margin-left:-40px; margin-top:38px; float:left; visibility:hide; z-index:3; background:url(../img/twodepth_bg.gif) no-repeat; background-position:75px 0px;}
/*반려동물 2차메뉴*/
div#sub4{width:180px; height:40px; position:absolute; left:50%; margin-left:85px; margin-top:38px; float:left; visibility:hide; z-index:3; background:url(../img/twodepth_bg.gif) no-repeat; background-position:60px 0px; text-align:right;}
/*양계사업부 2차메뉴*/
div#sub5{width:780px; height:40px; position:absolute; left:50%; margin-left:-230px; margin-top:38px; float:left; visibility:hide; z-index:3; background:url(../img/twodepth_bg.gif) no-repeat; background-position:475px 0px; text-align:right;}
/*애견호텔 2차메뉴*/
div#sub6{width:260px; height:40px; position:absolute; left:50%; margin-left:250px; margin-top:38px; float:left; visibility:hide; z-index:3; background:url(../img/twodepth_bg.gif) no-repeat; background-position:105px 0px; text-align:right;}
/*고객센터 2차메뉴*/
div#sub7{width:570px; height:40px; position:absolute; left:50%; margin-left:-8px; margin-top:38px; float:left; visibility:hide; z-index:3; background:url(../img/twodepth_bg.gif) no-repeat; background-position:490px 0px; text-align:right;}
/****롤오버메뉴 아웃시 활성화를 위한 빈 div 시작****/
div.menubg{	width:100%; height:74px; left:50%; background:url(img/transparent.gif); z-index:1;}
/****롤오버메뉴 아웃시 활성화를 위한 빈 div 끝****/



/*서브공통*/
.sub_contents{position:relative;width:1020px;margin:0 auto;text-align:center;}
.leftmenu{width:199px;float:left; height:100%; margin:0 20px 0 0}
.leftmenubg{background:url(../img/leftmenu/bg.gif) repeat-y 0 0; padding-left:}
.leftmenu_twodepth{font:normal 12px "돋음"; color:#749519; font-weight:bold; background-color:#e9f2cf; line-height:30px; height:30px; display:block; text-align:left; padding-left:50px;}
.leftmenu_twodepth2{line-height:30px; height:30px; display:block; text-align:left; padding-left:40px;}


.subtitle_primary{width:1020px; height:40px; background:#a6cc3e; margin:0 auto;}
.subtitle_text{ text-align:right; font:normal 24px "나눔고딕";color:#FFF; padding:5px 10px;}

/* 애견호텔 - 시설안내 */
.hotel_photo {position:relative;float:left;width:100%}
.hotel_photo .hotel_title {width:100%;text-align:center;font:bold 15px "나눔고딕";color:#222;margin:0 0 10px 0;}
.hotel_photo .h_photo {position:relative;float:left;width:100%}
.hotel_photo .h_photo .h_img {position:relative;float:left;width:100%;height:500px}
.hotel_photo .h_photo .arrow {position:absolute;float:left;top:215px;left:0;margin:0 15px;width:770px}
.hotel_photo .h_photo .arrow .a_prev {position:relative;float:left;top:0;left:0;width:72px}
.hotel_photo .h_photo .arrow .a_next {position:relative;float:left;top:0;left:625px;width:72px}
.hotel_photo .h_photo .h_num {position:relative;float:left;width:100%;margin:20px 0 30px 0;text-align:center;font:bold 20px "나눔고딕";color:#222;}
.hotel_photo .h_photo .h_num span {font:bold 20px "나눔고딕";color:#12a7e6;}