@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* layout */
html, body {min-width:1200px; width:100%; overflow-x:hidden; word-break:keep-all;}
input.text,
select.text {height:30px; border:#ddd 1px solid; padding-left:5px; border-radius:4px;}
textarea.text {border:#ddd 1px solid; padding:5px; border-radius:4px;}
a {transition:.2s linear;}
a.smoth_link {scroll-behavior:smooth;}

.inner {width:1150px; margin:0 auto;}

.red {color:#dc050e !important;}

.btn_gray {background:#888 !important;}
.btn_gray:hover {background:#666 !important;}
.btn_wht {background:#fff !important; border:#707070 1px solid !important; color:#565656 !important;}
.btn_wht:hover {background:#f5f5f5 !important; color:#333 !important;}

@media screen and (max-width:1200px){
	html, body {overflow-x:auto;}
}

/* 게시판 목록 */
.board_list {border-top:#565656 2px solid;}
.board_list th,
.board_list td {height:54px; line-height:24px; padding:15px 0; font-size:15px; text-align:center; border-bottom:#ddd 1px solid; vertical-align:top;}
.board_list th {color:#2b2b2b;}
.board_list td {color:#949494;}
.board_list td.tal {}
.board_list td.tal a {position:relative; display:inline-block; max-width:100%; padding-right:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top;}
.board_list td.tal a img {position:absolute; top:5px; right:0;}
#bo_list .board_list td.td_subject {text-align:left;}
#bo_list .board_list td.td_name {text-align:center;}

.board_top {overflow:hidden; margin-bottom:20px;}
.board_top .total {float:left; font-size:15px; color:#464646; font-weight:400; line-height:32px;}
.board_top .search_wrap {float:right; text-align:right; font-size:0;}
.board_top .search_wrap .text,
.board_top .search_wrap .btn {display:inline-block; vertical-align:top; font-size:13px; height:32px;}
.board_top .search_wrap .text {line-height:30px;}
.board_top .search_wrap select.text {width:84px;}
.board_top .search_wrap input.text {width:210px; margin:0 3px;}
.board_top .search_wrap .btn {width:50px; line-height:32px; border:0; background:#525252; color:#fff; font-weight:bold; text-align:center;}

.board_bottom .btns {overflow:hidden; margin-top:40px;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#003f7e; color:#fff; font-weight:bold; text-align:center; border:0; vertical-align:top; transition:.5s;}
.board_bottom .btns .btn:hover {background:#002e5d; color:#eee;}
.board_bottom .btns.tac .btn {width:164px; height:50px; line-height:48px; font-size:15px; font-weight:400; text-align:center; background:#003f7e; border:#003f7e 1px solid; border-radius:4px; margin:0 3px;}
.board_bottom .paging {text-align:center; margin-top:40px;}
.board_bottom .paging a {display:inline-block; width:30px; height:30px; line-height:28px; text-align:center; border:#ddd 1px solid; font-size:13px; color:#666; vertical-align:top;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {background:#aeaeae; color:#fff; font-weight:bold; border-color:#aeaeae;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {letter-spacing:-2px; font-family:'nanum gothic'; font-size:12px;}

/* 게시판 상세 */
.board_in {border-top:#565656 2px solid;}
.board_in th,
.board_in td {text-align:left; padding:10px 20px;}
.board_in th {font-size:15px; color:#2b2b2b; font-weight:500; text-align:center; line-height:33px;}
.board_in thead th {border-bottom:#e1e1e1 1px solid;}
.board_in thead td {font-size:14px; color:#2b2b2b; font-weight:300;}
.board_in thead td b {font-weight:500;}
.board_in thead td span {padding:0 15px;}
.board_in tbody td {color:#666; border-bottom:#e1e1e1 1px solid;}

.board_in.write th {background:#f8f8f8; text-align:left; padding-left:20px; border-bottom:#e1e1e1 1px solid;}

/* 갤러리 목록 */
.gall_list {overflow:hidden; border-top:#565656 2px solid;}
.gall_list li {float:left; width:266px; margin:35px 0 0 18px;}
.gall_list li a {display:block;}
.gall_list li .img {width:100%; height:190px; overflow:hidden;}
.gall_list li .txt {font-size:15px; color:#252525; font-weight:500; line-height:20px; padding-top:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gall_list li .txt p {display:block; font-size:14px; color:#949494; height:20px; line-height:20px; margin-top:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* header */
.header {position:relative; background:#fff; box-shadow:rgba(0,0,0,.1) 0 0 5px; z-index:11;}
.header:before {content:""; position:absolute; top:81px; width:100%; height:0; background:#fff; transition:.2s linear;}
.header.open:before {height:185px; border-top:#e1e1e1 1px solid;}
.header .inner {position:relative; height:80px;}
.header .logo {position:absolute; top:0; left:0; padding-top:15px;}
.header .logo h1 {display:none; font-size:0;}
.header .gnb {position:absolute; top:20px; right:120px;}
.header .gnb li {position:relative; float:left;}
.header .gnb li > a {display:block; font-size:16px; color:#252525; font-weight:700; line-height:18px; padding:10px 45px 32px;}
.header .gnb li:hover > a,
.header .gnb li.on > a {color:#820711;}
.header .gnb ul dl {position:absolute; top:47px; left:0; width:100%; height:220px; padding-top:20px; display:none;}
.header .gnb ul dl dd a {display:block; font-size:14px; color:#aeaeae; font-weight:400; line-height:20px; padding:5px 0; text-align:center; letter-spacing:-1px;}
.header .gnb ul dl dd.on a,
.header .gnb ul dl dd a:hover {color:#dc050e; font-weight:700;}
.header .language {position:absolute; top:32px; right:0; width:110px; height:18px;}
.header .language:before {content:""; position:absolute; top:2px; left:0; width:1px; height:14px; background:#b7b7b7;}
.header .language dt {position:relative; height:18px; line-height:18px; padding-left:20px; font-size:13px; color:#6c6c6c; cursor:pointer;}
.header .language dt i {position:absolute; top:0; right:0; height:18px; line-height:18px; font-size:12px; color:#464646;}
.header .language dd {position:absolute; top:18px; left:0; width:100%; background:#fff; background:#f5f5f5; padding:0 10px; border-radius:0 0 4px 4px; display:none;}
.header .language dd a {display:block; font-size:12px; color:#666; font-weight:400; line-height:30px; border-top:#ccc 1px dashed;}
.header .language dd a:first-child {border:0;}

/* footer */
.footer {background:#333; padding:30px 0;}
.footer .links {overflow:hidden;}
.footer .links li {position:relative; float:left;}
.footer .links li:after {content:""; position:absolute; top:50%; right:0; width:1px; height:10px; background:rgba(255,255,255,.8); margin-top:-5px;}
.footer .links li:last-child:after {display:none;}
.footer .links li a {display:block; font-size:14px; color:rgba(255,255,255,.8); font-weight:300; line-height:18px; padding:0 14px;}
.footer .links li:first-child a {padding-left:0;}
.footer .address {font-size:14px; color:rgba(255,255,255,.33); font-weight:300; line-height:23px; margin-top:20px;}

/* main */
.mvisual {position:relative;}
.mvisual .slick-slide {position:relative; overflow:hidden; height:500px; font-size:0;}
.mvisual .slick-slide img {position:absolute; top:0; left:50%; width:1920px; min-width:1920px; height:500px; margin-left:-960px;}
.mvisual .slick-arrow {position:absolute; top:50%; width:28px; height:55px; margin-top:-27px; border:0; outline:0; text-indent:-5000px; overflow:hidden; z-index:1; transition:.2s linear;}
.mvisual .slick-arrow:hover {opacity:.39;}
.mvisual .slick-prev {left:30px; background:url('/images/arrow_prev.png') no-repeat;}
.mvisual .slick-next {right:30px; background:url('/images/arrow_next.png') no-repeat;}
.mvisual .slick-dots {position:absolute; bottom:35px; left:0; width:100%; text-align:center; font-size:0;}
.mvisual .slick-dots li {display:inline-block; margin:0 5px;}
.mvisual .slick-dots li button {width:11px; height:11px; border:#fff 1px solid; border-radius:50%; transition:.2s linear;}
.mvisual .slick-dots li.slick-active button {background:#fff;}

.mcon {padding:0 25px;}
.mcon .title {font-size:29px; color:#252525; font-weight:400; line-height:34px; text-align:center; margin-bottom:40px;}
.mcon .mcon01 {padding:60px 0 100px; border-bottom:#d7d7d7 2px solid;}
.mcon .mcon01 ul {overflow:hidden; margin-top:-40px;}
.mcon .mcon01 ul li {float:left; width:340px; margin:40px 0 0 40px;}
.mcon .mcon01 ul li:nth-child(3n-2) {margin-left:0; clear:both;}
.mcon .mcon01 ul li .img {position:relative;}
.mcon .mcon01 ul li .img p {position:absolute; bottom:20px; left:20px; font-size:17px; color:#fff; font-weight:400; line-height:18px;}
.mcon .mcon01 ul li .img p.b {color:#252525;}
.mcon .mcon01 ul li .hover {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.65); padding-top:65px; font-size:26px; color:#fff; font-weight:normal; font-family:'Roboto'; text-align:center; letter-spacing:-.5px; display:none;}
.mcon .mcon01 ul li .hover i {display:block; font-size:13px; width:120px; height:40px; line-height:38px; text-align:center; background:none; border:#fff 1px solid; border-radius:4px; margin:20px auto 0;}
.mcon .mcon01 ul li .txt {border:#e1e1e1 1px solid; border-radius:0 0 2px 2px;}
.mcon .mcon02 {padding:40px 0 80px;}
.mcon .mcon02 ul {overflow:hidden;}
.mcon .mcon02 ul .fl {width:520px;}
.mcon .mcon02 ul .fl dl {border-top:#e1e1e1 1px solid;}
.mcon .mcon02 ul .fl dd {border-bottom:#e1e1e1 1px solid;}
.mcon .mcon02 ul .fl dd a {position:relative; display:block; padding:20px; font-size:16px; color:#252525; font-weight:300; line-height:16px;}
.mcon .mcon02 ul .fl dd p {font-size:16px; color:#aeaeae; font-weight:300; line-height:14px; margin-top:15px;}
.mcon .mcon02 ul .fl dd em {position:absolute; top:20px; right:20px; font-size:12px; color:#808080; font-weight:300; line-height:18px; width:60px; height:22px; text-align:center; background:#f6f6f6; border:#e1e1e1 1px solid; border-radius:2px;}
.mcon .mcon02 ul .fl dd i {font-size:10px; color:#777; margin-left:3px;}
.mcon .mcon02 ul .fr {width:550px;}
.mcon .mcon02 ul .fr dl {overflow:hidden; border:#e1e1e1 1px solid; border-right:0;}
.mcon .mcon02 ul .fr dd {float:left; border-right:#e1e1e1 1px solid; width:183px; text-align:center;}
.mcon .mcon02 ul .fr dd a {display:block; font-size:15px; color:#898989; line-height:20px; padding:30px 0;}
.mcon .mcon02 ul .fr dd a img {display:block; margin:0 auto 20px;}
.mcon .mbanner {position:relative; margin-bottom:30px; padding-left:280px;}
.mcon .mbanner .tit {position:absolute; top:0; left:30px; height:53px; line-height:53px; font-size:16px; color:#a4a4a4; font-weight:400;}
.mcon .mbanner_slide {position:relative;}
.mcon .mbanner_slide .slick-slide {position:relative; overflow:hidden; margin-right:10px;}
.mcon .mbanner_slide .slick-arrow {position:absolute; top:15px; width:24px; height:24px; border:0; text-indent:-5000px; overflow:hidden;}
.mcon .mbanner_slide .slick-prev {left:-120px; background:url('/images/arrow_prev.gif') no-repeat;}
.mcon .mbanner_slide .slick-next {left:-56px; background:url('/images/arrow_next.gif') no-repeat;}
.mcon .mbanner .buttons {position:absolute; top:15px; left:192px; width:24px; height:24px;}
.mcon .mbanner .buttons button {position:absolute; top:0; left:0; width:24px; height:24px; display:none;}
.mcon .mbanner .buttons button.on {display:block;}
.mcon .mbanner .buttons .play {font-size:12px; color:#d0d0d0; border:#e1e1e1 1px solid;}

.empty_li {height:173px; line-height:173px; text-align:center; border-bottom:#ddd 1px solid;}

/* sub */
.location {background:#f2f2f2; border-top:#003f7e 1px solid; border-bottom:#e1e1e1 1px solid; text-align:right; font-size:13px; color:#565656; font-weight:300; line-height:34px;}
.location strong {color:#252525; font-weight:500;}
.location span {padding:0 10px;}

.container {overflow:hidden;}

.aside {float:left; width:240px;}
.aside h2 {font-size:31px; color:#565656; font-weight:500; line-height:100px; text-align:right; padding-right:30px; border-bottom:#ebebeb 1px solid; font-family:'Noto Sans Korean';}
.aside dl dd {border-bottom:#ebebeb 1px solid;}
.aside dl dd > a {display:block; text-align:right; font-size:15px; color:#565656; font-weight:500; line-height:28px; padding:10px 30px 10px 0;}
.aside dl dd > a:before {content:"\f054"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:10px; color:#003f7e; line-height:28px; vertical-align:top; margin-right:0; opacity:0; transition:.2s linear;}
.aside dl dd > a:hover,
.aside dl dd.on > a {color:#003f7e; background:#f6f9fd;}
.aside dl dd > a:hover:before,
.aside dl dd.on > a:before {margin-right:10px; opacity:1;}
.aside .dep {padding:10px 10px 20px; text-align:right; border-top:#ebebeb 1px solid; display:none;}
.aside .on .dep {display:block;}
.aside .dep a {position:relative; display:inline-block; font-size:14px; color:#565656; font-weight:300; line-height:30px;}
.aside .dep a:before {content:""; position:absolute; bottom:0; right:0; width:0; height:1px; background:#003f7e; transition:.2s linear;}
.aside .dep a:hover,
.aside .dep .on a {color:#003f7e; font-weight:400;}
.aside .dep a:hover:before,
.aside .dep .on a:before {width:100%;}

.contents {position:relative; float:right; width:910px; border-left:#ebebeb 1px solid; min-height:680px; padding-left:39px;}
.contents .title {padding:40px 0 50px; font-size:37px; color:#003f7e; font-weight:500; line-height:40px; border-bottom:#e1e1e1 1px solid;}
.content {margin:50px 0 100px;}

/* 회사소개 */
.g01.s01 .content {background:url('/images/img_s0101.jpg') no-repeat 100% 100%;}
.g01.s01 .content strong {display:block; font-size:21px; color:#dc050e; font-weight:500; line-height:30px; margin-bottom:50px;}
.g01.s01 .content p {font-size:15px; color:#565656; font-weight:300; line-height:27px; margin-bottom:40px;}
.g01.s01 .content b {font-size:16px; color:#565656; font-weight:500; line-height:30px;}

/* 연혁 */
.history {position:relative; background:url('/images/img_s0102.gif') no-repeat 50% 170px;}
.history .to {display:table; width:132px; height:132px; background:rgba(220,5,14,.14); padding:9px; border-radius:50%; margin:0 auto;}
.history .to p {display:table-cell; background:#dc050e; font-size:19px; color:#fff; font-weight:500; line-height:20px; text-align:center; vertical-align:middle; border-radius:50%;}
.history dl {position:relative; padding-left:50%;}
.history dl:before {content:""; position:absolute; top:0; left:50%; width:1px; height:100%; background:#e43e45; z-index:1;}
.history dl:nth-child(2) {padding-top:120px; margin-top:-9px;}
.history dt {position:relative; padding-left:70px; font-size:25px; color:#dc050e; font-weight:500; line-height:24px; z-index:0;}
.history dt:before,
.history dt:after {content:""; position:absolute; top:50%;}
.history dt:before {left:-9px; width:18px; height:18px; border:#fbe6e6 5px solid; background:#dc050e; margin-top:-9px; border-radius:50%;}
.history dt:after {left:4px; width:60px; height:1px; background:#e1e1e1;}
.history dd {padding:10px 0 10px 70px;}
.history dd p {position:relative; font-size:15px; color:#565656; font-weight:300; line-height:30px; padding-left:40px;}
.history dd p em {position:absolute; top:0; left:0; width:40px; font-weight:500;}
.history dl:nth-child(2n-1) {padding:0 50% 0 0;}
.history dl:nth-child(2n-1) dt {padding:0 70px 0 0; text-align:right;}
.history dl:nth-child(2n-1) dt:before {left:auto; right:-9px;}
.history dl:nth-child(2n-1) dt:after {left:auto; right:4px;}
.history dl:nth-child(2n-1) dd {padding:10px 70px 10px 0;}
.history dl:nth-child(2n-1) dd p {text-align:right; padding:0 40px 0 0;}
.history dl:nth-child(2n-1) dd p em {left:auto; right:0;}
.history .end {position:relative; display:block; font-size:29px; color:#df1e26; font-weight:900; font-style:italic; text-align:center; padding-top:27px;}
.history .end:before {content:""; position:absolute; top:0; left:50%; width:12px; height:12px; background:#dc050e; border-radius:50%; margin-left:-6px;}

/* 찾아오시는 길 */
.map_txt {border-top:#464646 2px solid; margin-top:35px;}
.map_txt th,
.map_txt td {padding:7px 35px; line-height:26px; font-size:15px; color:#565656; font-weight:300; border-bottom:#e1e1e1 1px solid;}
.map_txt th {width:200px; background:#f8f8f8;}
.map_txt td a {color:#5086df; text-decoration:underline;}

/* Product */
.g02 .title {font-size:25px; line-height:30px; padding-bottom:25px;}
.g02 .title p {font-size:33px; color:#252525; font-weight:500; line-height:40px; margin-top:20px;}

.g02 .btn_cataloge {display:inline-block; font-size:14px; color:#252525; font-weight:400; height:44px; line-height:42px; border:#e1e1e1 1px solid; padding:0 15px; margin-bottom:40px; border-radius:2px;}
.g02 .btn_cataloge i {color:#dc050e; margin-left:5px;}
.g02 .cata_list {overflow:hidden; padding:0 42px; margin-top:-30px;}
.g02 .cata_list li {float:left; width:234px; margin:30px 0 0 42px; border:#e1e1e1 1px solid;}
.g02 .cata_list li a {position:relative; display:block;}
.g02 .cata_list li:nth-child(3n-2) {margin-left:0; clear:both;}
.g02 .cata_list li .img {width:222px; margin:0 auto; padding:25px 0; text-align:center; border-bottom:#ddd 1px dotted;}
.g02 .cata_list li p {display:table-cell; font-size:15px; color:#565656; font-weight:500; height:50px; line-height:20px; text-align:left; padding:5px 20px; vertical-align:middle; letter-spacing:-.2px;}
.g02 .cata_list .hover {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.29); display:none;}
/* .g02 .cata_list li:hover .hover {opacity:1;} */
.g02 .cata_list .hover .in {position:absolute; top:50%; left:50%; width:202px; height:; margin:-43px 0 0 -101px;}
.g02 .cata_list .hover .in img {display:block; margin:0 auto 10px;}
.g02 .cata_list .hover .in em {display:block; font-size:14px; color:#fff; font-weight:300; line-height:20px; padding:6px 0 16px; border-top:rgba(255,255,255,.24) 1px solid; text-align:center;}

.g02 .tabs {overflow:hidden; border:#e1e1e1 1px solid; margin-bottom:35px;}
.g02 .tabs li {float:left; border-right:#e1e1e1 1px solid;}
.g02 .tabs li a {display:block; font-size:17px; color:#aeaeae; font-weight:500; line-height:45px; padding:0 30px;}
.g02 .tabs li:hover a {color:#dc050e;}
.g02 .tabs li.on a {color:#dc050e; background:url('/images/ptn_tab.gif');}
.g02 .tac p {font-size:17px; color:#116c7a; font-weight:500; line-height:24px; margin-top:10px;}
.g02 .item_list {overflow:hidden; margin:0 auto;}
.g02 .item_list li {float:left;}
.g02 .item_list.set3 {width:780px;}
.g02 .item_list.set3 li {width:32%; margin-left:2%;}
.g02 .item_list.set2 {width:620px;}
.g02 .item_list.set2 li {width:48%; margin-left:4%;}
.g02 .item_list li:first-child {margin-left:0 !important;}
.g02 .item_list .txt {padding-left:30px; margin-top:10px;}
.g02 .item_list .txt p {font-size:14px; color:#565656; font-weight:400; line-height:22px; padding-left:20px; background:url('/images/adot.gif') no-repeat 0 7px;}
.g02 .hf_list dl {overflow:hidden; margin-top:80px;}
.g02 .hf_list dl dt,
.g02 .hf_list dl dd {float:left;}
.g02 .hf_list dl dt {width:440px;}
.g02 .hf_list dl dt .tt {font-size:23px; color:#136c7c; font-weight:700; line-height:28px; margin-bottom:20px;}
.g02 .hf_list dl dt p {position:relative; font-size:15px; color:#565656; font-weight:400; line-height:26px; padding-left:10px;}
.g02 .hf_list dl dt p:before {content:""; position:absolute; top:12px; left:0; width:2px; height:2px; background:#565656; border-radius:50%;}
.g02 .hf_list dl dd {width:430px;}
.g02 .item_list.hf_list .img {float:left; width:380px; text-align:right;}
.g02 .item_list.hf_list .txt {float:right; width:490px; padding:45px 0 0 30px;}
.g02 .item_list.hf_list .txt .tt {font-size:18px; color:#136c7b; font-weight:700; line-height:20px; margin-bottom:15px;}
.g02 .item_list.hf_list .tac {width:100%; font-size:17px; color:#565656; font-weight:300; line-height:24px;}
.g02 i.org {display:block; font-size:14px; color:#fd6c2b; font-weight:500; font-style:italic; line-height:18px; margin-bottom:20px;}
.pro_tbl th,
.pro_tbl td {vertical-align:top; padding-bottom:90px;}
.pro_tbl tr:last-child th,
.pro_tbl tr:last-child td {padding-bottom:0;}
.pro_tbl td {padding-left:30px;}
.pro_tbl td .tt {font-size:24px; color:#565656; font-weight:500; line-height:40px; padding-bottom:6px; border-bottom:#ebebeb 1px solid; margin-bottom:30px;}
.pro_tbl td p {position:relative; font-size:16px; color:#565656; font-weight:300; line-height:30px; padding-left:18px;}
.pro_tbl td p:before {content:""; position:absolute; top:13px; left:0; width:4px; height:4px; background:#dc050e;}

/* 제품문의 */
.contact_box {border:#e1e1e1 1px solid; border-top:#565656 2px solid; margin-bottom:60px;}
.contact_box th {width:170px;}
.contact_box td {padding:30px 0; font-size:16px; color:#565656; font-weight:300;}
.contact_box td p {margin-top:15px; font-size:16px; color:#252525; font-weight:400; line-height:24px;}
.contact_box td strong {font-weight:500;}
.contact_box td a {color:#2f7ac6; text-decoration:underline;}
.contact_box td span {padding:0 10px;}

.important {font-size:15px; color:#595959; font-weight:300; margin-bottom:10px;}
.important em,
.board_in em {color:#f00;}
.g04.s04 .w60p {width:64% !important;}
.g04.s04 .board_in td {overflow:hidden;}
.g04.s04 .board_in input.text,
.g04.s04 .board_in select.text,
.g04.s04 .board_in span {float:left; height:32px;}
.g04.s04 .board_in span {display:block; text-align:center; width:2%; line-height:32px;}
.g04.s04 .board_in span.gol {width:3%;}
.g04.s04 .board_in select.text.w30p {margin-left:5px;}

/* 약관 */
.yaks {border:#ddd 1px solid; padding:20px; border-radius:4px;}



/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}