/* common */
#sv{width:100%; padding-top:180px; text-align:center; margin-top: 80px;}
#sv h3{font-size:36px; font-weight:700; letter-spacing:-0.03em; color:#fff; line-height:1;}
.sv01{background:url(/img/sub/company_visual_img.jpg) center top no-repeat; background-size:cover;}
.sv02{background:url(/img/sub/product_visual_img.jpg) center top no-repeat; background-size:cover;}
.sv03{background:url(/img/sub/promotion_visual_img.jpg) center top no-repeat; background-size:cover;}
.sv04{background:url(/img/sub/board_visual_img.jpg) center top no-repeat; background-size:cover;}

/* lnb */
#lnb{padding-top:125px;}
#lnb .lnb_list{width:100%; max-width:1600px; margin:0 auto;}
#lnb .lnb_list .sub_depth{width:100%; font-size:0;}
#lnb .lnb_list .sub_depth > li{display:inline-block; vertical-align:top; width:20%; position:relative;}
#lnb .lnb_list .sub_depth > li:nth-of-type(n+1){margin-left:-1px;}
#lnb .lnb_list .sub_depth > li > a{display:block; width:100%; padding:23px 0; font-size:16px; font-weight:400; letter-spacing:-0.03em; color:#666; border:1px solid #f0f0f0; box-sizing:border-box; line-height:1; background-color:#fff;}
#lnb .lnb_list .sub_depth > li.on > a{background-color:#41ad3e; border-color:#41ad3e; color:#fff;}
#lnb .lnb_list .sub_depth figure{ display:none; }

/* sub_common_tit */
.sub_common_tit{padding:138px 0 80px; text-align:center;}
.sub_common_tit h5{font-size:48px; font-weight:300; letter-spacing:-0.03em; color:#333; line-height:1;}

/* 인사말 페이지 */
.greeting .con01{padding-bottom:127px;}
.greeting .con01 .top_box{padding:253px 0; text-align:center; background:url(/img/sub/greeting_con01_img.jpg) center top no-repeat; background-size:cover;}
.greeting .con01 .top_box p{font-size:36px; font-weight:700; letter-spacing:-0.03em; color:#fff; line-height:1.6em;}
.greeting .con01 .txt_box{padding-top:95px; box-sizing:border-box;}
.greeting .con01 .txt_box p{font-size:24px; font-weight:500; letter-spacing:-0.03em; color:#333; line-height:1.6em;}
.greeting .con01 .txt_box span{display:block; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#333; line-height:2em; padding:30px 0 45px;}
.greeting .con01 .txt_box img{display:block;}

/* 연혁 */
.history .con01{padding-bottom:100px;}
.history .con01 .sub_conmmon_tit{padding-bottom:70px;}
.history .con01 .top_txt{font-size:50px; font-weight:700; color:#ddd; line-height:1; text-align:center;}
.history .con01 .list{padding-top:76px;}
.history .con01 .list > li{width:100%; font-size:0;}
.history .con01 .list > li > div{display:inline-block; vertical-align:top;}
.history .con01 .list > li .year{width:300px; padding-top:42px; border-top:3px solid #41ad3e;}
.history .con01 .list > li .year p{font-size:35px; font-weight:700; color:#41ad3e; line-height:1}
.history .con01 .list > li .txt_box{width:-webkit-calc(100% - 350px); width:-mozcalc(100% - 350px); width:-ms-calc(100% - 350px); width:calc(100% - 350px); margin-left:50px; padding:38px 0 65px 30px; box-sizing:border-box; font-size:0; border-top:1px solid #ccc;}
.history .con01 .list > li .txt_box > *{display:inline-block; vertical-align:top;}
.history .con01 .list > li .txt_box .txt{width:-webkit-calc(100% - 336px); width:-ms-calc(100% - 336px); width:-moz-calc(100% - 336px); width:calc(100% - 336px); padding-right:10px; box-sizing:border-box;}
.history .con01 .list > li .txt_box .txt li:nth-of-type(n+2){margin-top:12px;}
.history .con01 .list > li .txt_box .txt li p{font-size:17px; font-weight:300; letter-spacing:-0.03em; color:#333; line-height:1.4em; padding-left:20px; box-sizing:border-box; position:relative;}
.history .con01 .list > li .txt_box .txt li p:before{content:""; display:block; width:7px; height:7px; background-color:#ccc; border-radius:50%; position:absolute; top:10px; left:0;}
.history .con01 .list > li .txt_box .img_box{width:336px; text-align:center;}

/* 해피안소개 */
.intro .con01{padding-bottom:120px;}

/* 제품소개 */
.product .con01{padding-bottom:200px;}
.product .con01 .sub_common_tit{padding-bottom:66px;}
.product .con01 .tab_btn .three_depth{font-size:0; border-bottom:1px solid #ddd; text-align:center;}
.product .con01 .tab_btn .three_depth li{display:inline-block; vertical-align:top; margin:0 25px;}
.product .con01 .tab_btn .three_depth li a{display:block; font-size:16px; font-weight:400; letter-spacing:-0.03em; color:#666; line-height:1; padding-bottom:22px;}
.product .con01 .tab_btn .three_depth li.on a{position:relative; font-weight:700;}
.product .con01 .tab_btn .three_depth li.on a:before{content:""; display:block; width:100%; height:3px; background-color:#41ad3e; position:absolute; bottom:-1px; left:0;}
.product .con01 .type_box{font-size:0; padding:100px 0 119px;}
.product .con01 .type_box > div{display:inline-block; vertical-align:top;}
.product .con01 .type_box .img_box{width:51.5%;}
.product .con01 .type_box .txt_box{width:-webkit-calc(100% - 51.5%); width:-ms-calc(100% - 51.5%);  width:-moz-calc(100% - 51.5%); width:calc(100% - 51.5%); padding:27px 0 0 6.1%; box-sizing:border-box;}
.product .con01 .type_box .txt_box .tit{padding-bottom:52px;}
.product .con01 .type_box .txt_box .tit span{font-size:20px; font-weight:700; color:#41ad3e; line-height:1; text-transform:uppercase;}
.product .con01 .type_box .txt_box .tit p{font-size:48px; font-weight:300; letter-spacing:-0.03em; color:#333; line-height:1; padding-top:34px;}
.product .con01 .type_box .txt_box .txt{}
.product .con01 .type_box .txt_box .txt p{font-size:22px; font-weight:400; letter-spacing:-0.03em; color:#333; padding-bottom:23px;}
.product .con01 .type_box .txt_box .txt span{font-size:16px; font-weight:300; letter-spacing:-0.03em; color:#666; line-height:2em;}
.product .con01 .type_box .txt_box .txt a{display:block; width:201px; padding:18px 0 18px 21px; border:1px solid #ddd; font-size:15px; font-weight:500; letter-spacing:-0.03em; color:#333; line-height:1; position:relative; box-sizing:border-box; margin-top:61px;}
.product .con01 .type_box .txt_box .txt a:before{content:""; display:block; width:21px; height:21px; background:url(/img/sub/product_con01_btn_arrow.png) no-repeat; background-size:cover; position:absolute; top:15px; right:23px;}
.product .con01 .table_box{padding-top:146px;}
.product .con01 .table_box .tit{text-align:center;}
.product .con01 .table_box .tit p{display:inline-block; vertical-align:top; font-size:45px; font-weight:300; letter-spacing:-0.03em; color:#333; line-height:1; position:relative;}
.product .con01 .table_box .tit p:before{content:""; display:block; width:8px; height:8px; background-color:#41ad3e; border-radius:50%; position:absolute; top:-4px; right:-14px;}
.product .con01 .table_box table{width:100%; margin-top:58px;}
.product .con01 .table_box table tbody tr:first-of-type{border-top:1px solid #aaa;}
.product .con01 .table_box table tbody tr{border-bottom:1px solid #ddd;}
.product .con01 .table_box table tbody tr th{font-size:16px; font-weight:400; letter-spacing:-0.03em; color:#333; line-height:1; padding:21px 0 21px 51px; text-align:left; box-sizing:border-box; background-color:#f8f8f8;}
.product .con01 .table_box table tbody tr td{font-size:16px; font-weight:300; letter-spacing:-0.03em; color:#333; line-height:1.4em; padding-left:52px; box-sizing:border-box;}
.product .con01 .table_box table tbody tr td.mont_font{font-family: 'Montserrat';}

.productAll{ padding: 110px 0 130px; }
.productAll *{ font-family: "Noto Sans KR"; box-sizing:border-box; line-height: 1.3;}
.productAll .tab_box{ display:flex; align-items:center; justify-content:center; text-align: center; }
.productAll .tab_box li:not(:last-child){ margin-right: 50px; }
.productAll .tab_box .circle{ margin: 0; width: 130px; height: 130px; border-radius:50%; display:flex; justify-content:center; align-items:center; font-size:18px; background: #F5F5F5; 
transition:all 0.3s; }
.productAll .tab_box .circle img{ transition:all 0.3s; }
.productAll .tab_box .txt{ font-size:17px; margin-top: 20px; color:#666; transition:all 0.3s; }
.productAll .tab_box li.on .circle,
.productAll .tab_box li:hover .circle{ background: #41AD3E; color:#fff; font-weight: 600;}
.productAll .tab_box li.on .circle img,
.productAll .tab_box li:hover .circle img{ filter: brightness(10);}
.productAll .tab_box li.on .txt,
.productAll .tab_box li:hover .txt{ color:#333; font-weight: 500; }
.productAll .search_box{ display:flex; justify-content:center; align-items:center; margin: 90px 0 100px; }
.productAll .search_box > *{ height: 60px; font-size:17px; border:none; outline:none; background: none; border-bottom:1px solid rgba(68, 68, 68, 0.27); }
.productAll .search_box select{ width: 170px; padding: 0 10px; appearance: none; background: url(/img/sub/selectArrow.png) no-repeat; background-position: top 50% right 10px; 
color:#333; font-weight: 500; }
.productAll .search_box input{ width: 490px; margin: 0 20px; color:#333; }
.productAll .search_box input::placeholder{ color: #BBB; }
.productAll .search_box button{ width: 150px; border:1px solid #444; display:flex; justify-content:center; align-items:center; color:#444; cursor:pointer; transition:all 0.3s; }
.productAll .search_box button img{ margin-left: 10px; transition:all 0.3s; }
.productAll .search_box button:hover{ background: #41AD3E; color:#fff; border:1px solid #41AD3E; }
.productAll .search_box button:hover img{ filter:invert(1) brightness(10); }
.productAll .content_box{ display:flex; flex-wrap:wrap; gap:50px 32px; margin-bottom: 100px; }
.productAll .content_box .item_box{ width: calc((100% - 64px) / 3);}
.productAll .content_box .item_box div{ padding: 14px; margin: 0 auto 20px; border:1px solid #ddd; width: 100%; height: 340px; }
.productAll .content_box .item_box figure{ position: relative; overflow: hidden; width: 100%; height: 100%; margin: 0; }
.productAll .content_box .item_box figure img{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; min-width:100%; min-height:100%; object-fit:cover;
width: calc(100% - 28px); height: calc(100% - 28px); transition:all 0.5s; }
.productAll .content_box .item_box .title{ color:#111; font-weight: 500; font-size:20px; }
.productAll .content_box .item_box:hover figure img{ transform:translate(-50%,-50%) scale(1.1); }

/* 홍보센터 */
.promotion .con01{padding-bottom:130px;}
.promotion .con01 .top_box{padding:104px 10px; box-sizing:border-box; text-align:center;}
.promotion .con01 .top_box p{font-size:27px; font-weight:300; letter-spacing:-0.03em; color:#fff; line-height:1.4em;}
.promotion .con01 .top_box p span{font-weight:500;}
.promotion .con01 .list{padding-top:80px;}
.promotion .con01 .list li{border-bottom:1px solid #c3c3c3;}
.promotion .con01 .list li:first-of-type{border-top:2px solid #b1b1b1;}
.promotion .con01 .list li a{display:block; width:100%; padding:50px 56px 50px 0; font-size:0; box-sizing:border-box}
.promotion .con01 .list li a > div{display:inline-block; vertical-align:middle;}
.promotion .con01 .list li .img_box{width:260px; height:170px;}
.promotion .con01 .list li .img_box img{width:100%; height:100%;}
.promotion .con01 .list li .txt_box{width:-webkit-calc(100% - 260px); width:-ms-calc(100% - 260px); width:-moz-calc(100% - 260px); width:calc(100% - 260px); padding-left:38px; box-sizing:border-box;}
.promotion .con01 .list li .txt_box > p{font-size:16px; font-family: 'Nanum Gothic'; font-weight:700; letter-spacing:0.05em; color:#333;}
.promotion .con01 .list li .txt_box .txt{font-size:0; padding-top:10px;}
.promotion .con01 .list li .txt_box .txt:after{content:""; display:block; clear:both;}
.promotion .con01 .list li .txt_box .txt > *{float:left;}
.promotion .con01 .list li .txt_box .txt p{font-size:15px; font-family: 'Nanum Gothic'; font-weight:400; letter-spacing:-0.025em; color:#777; line-height:1.4em; display:-webkit-box; width:-webkit-calc(100% - 82px); width:-ms-calc(100% - 82px); width:-moz-calc(100% - 82px); width:calc(100% - 82px); height:64px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; padding-right:10px; box-sizing:border-box;}
.promotion .con01 .list li .txt_box .txt span{width:82px; font-size:15px; font-family: 'Nanum Gothic'; font-weight:400; letter-spacing:-0.025em; color:#777; line-height:1; margin-top:9px;}


/* 홍보센터 - 국내소식 */
.domestic .con01 .top_box{background:url(/img/sub/domestic_top_box_bg.jpg) center top no-repeat; background-size:cover;}

/* 홍보센터 - 글로벌소식 */
.global .con01 .top_box{background:url(/img/sub/global_top_box_bg.jpg) center top no-repeat; background-size:cover;}

/* 홍보센터 - 연구성과 */
.result .con01 .top_box{background:url(/img/sub/result_top_box_bg.jpg) center top no-repeat; background-size:cover;}
.result .con01 .img_list{padding:80px 70px 0 70px; box-sizing:border-box; font-size:0;}
.result .con01 .img_list li{display:inline-block; vertical-align:top; width:20.425%; height:301px; margin-right:6.1%; border:1px solid #ddd; box-sizing:border-box;}
.result .con01 .img_list li:nth-of-type(4n){margin-right:0;}
.result .con01 .img_list li:nth-of-type(n+5){margin-top:50px;}
.result .con01 .img_list li img{width:100%; height:100%;}

/* 공지사항 */
.notice .con01{padding-bottom:130px;}

/* 문의사항 */
.question .con01{padding-bottom:84px;}
.question .con01 .top_box{width:100%; font-size:0; padding:45px 66px 45px 100px; background-color:#f6f6f8; box-sizing:border-box;}
.question .con01 .top_box > *{display:inline-block; vertical-align:top;}
.question .con01 .top_box .txt_box{width:-webkit-calc(100% - 464px); width:-ms-calc(100% - 464px); width:-moz-calc(100% - 464px); width:calc(100% - 464px); padding:10px 94px 0 0; box-sizing:border-box;}
.question .con01 .top_box .txt_box > p{font-size:27px; font-weight:700; color:#41ad3e; line-height:1; padding-bottom:13px;}
.question .con01 .top_box .txt_box > span{font-size:16px; font-weight:300; letter-spacing:-0.03em; color:#333; line-height:1.6em;}
.question .con01 .top_box .txt_box .num_box{padding-top:30px; font-size:0;}
.question .con01 .top_box .txt_box .num_box .box{display:inline-block; vertical-align:top; font-size:0;}
.question .con01 .top_box .txt_box .num_box .box:first-of-type{margin-right:48px;}
.question .con01 .top_box .txt_box .num_box .box > *{display:inline-block; vertical-align:middle;}
.question .con01 .top_box .txt_box .num_box .box p{font-size:18px; font-weight:400; letter-spacing:-0.03em; color:#333; padding-right:18px; position:relative;}
.question .con01 .top_box .txt_box .num_box .box span{font-size:18px; font-weight:700; color:#41ad3e;}
.question .con01 .top_box .txt_box .num_box .box:first-of-type p{padding-left:40px;}
.question .con01 .top_box .txt_box .num_box .box:first-of-type p:before{content:""; display:block; width:25px; height:22px; background:url(/img/sub/question_con01_num_icon01.png) no-repeat; position:absolute; top:0; left:0;}
.question .con01 .top_box .txt_box .num_box .box:last-of-type p{padding-left:33px;}
.question .con01 .top_box .txt_box .num_box .box:last-of-type p:before{content:""; display:block; width:20px; height:27px; background:url(/img/sub/question_con01_num_icon02.png) no-repeat; position:absolute; top:-5px; left:0;}
.question .con01 .top_box > img{width:464px;}


@media all and (max-width:1300px){
	/* 제품소개 */
	.product .con01 .type_box .txt_box .txt span{word-break:keep-all;}
	.product .con01 .type_box .txt_box .txt span br{display:none;}

	/* 문의사항 */
	.question .con01 .top_box{padding:45px 30px;}
	.question .con01 .top_box .txt_box{padding-right:20px;}

}


@media all and (max-width:1200px){
	/* common */
	#sv{padding:120px 0 100px;}
	#sv h3{font-size:32px;}
	.sub_common_tit{padding:60px 0 40px;}
	.sub_common_tit h5{font-size:28px;}
	#lnb{display:none;}

	/* 인사말페이지 */
	.greeting .con01{padding-bottom:90px;}
	.greeting .con01 .top_box{padding:150px 0;}
	.greeting .con01 .top_box p{font-size:26px; line-height:1.4em;}
	.greeting .con01 .txt_box{padding-top:60px;}
	.greeting .con01 .txt_box p{font-size:22px; word-break:keep-all;}
	.greeting .con01 .txt_box p br{display:none;}
	.greeting .con01 .txt_box span{word-break:keep-all; padding:20px 0 30px; line-height:1.6em;}
	.greeting .con01 .txt_box span br{display:none;}

	/* 연혁 */
	.history .con01 .top_txt{font-size:30px;}
	.history .con01 .list{padding-top:40px;}
	.history .con01 .list > li .year{width:150px;}
	.history .con01 .list > li .year p{font-size:28px;}
	.history .con01 .list > li .txt_box{width:-webkit-calc(100% - 180px); width:-ms-calc(100% - 180px); width:-moz-calc(100% - 180px); width:calc(100% - 180px); margin-left:30px;}

	/* 제품소개 */
	.product .con01{padding-bottom:100px;}
	.product .con01 .type_box .txt_box{padding-left:4%;}
	.product .con01 .type_box .txt_box .tit p{font-size:38px;}
	.product .con01 .table_box{padding-top:80px;}
	.product .con01 .table_box .tit p{font-size:35px;}
	.product .con01 .table_box table colgroup col:first-of-type{width:230px;}
	.product .con01 .table_box table tbody tr th{padding-left:20px;}
	.product .con01 .table_box table tbody tr td{padding-left:20px;}

	/* 홍보센터 */
	.promotion .con01{padding-bottom:100px;}
	.promotion .con01 .top_box{padding:80px 0;}
	.promotion .con01 .top_box p{font-size:22px;}
	.promotion .con01 .list{padding-top:60px;}
	.promotion .con01 .list li .txt_box .txt p{word-break:keep-all;}
	.promotion .con01 .list li .txt_box .txt p br{display:none;}

	/* 홍보센터 - 연구성과 */
	.result .con01 .img_list{padding:60px 0 0 0;}

	/* 공지사항 */
	.notice .con01{padding-bottom:100px;}

	/* 문의사항 */
	.question .con01 .top_box{padding:30px 10px;}
	.question .con01 .top_box .txt_box{display:block; width:100%; padding:0; text-align:center;}
	.question .con01 .top_box .txt_box > p{font-size:24px;}
	.question .con01 .top_box .txt_box .num_box .box p{font-size:16px;}
	.question .con01 .top_box .txt_box .num_box .box span{font-size:16px;}
	.question .con01 .top_box .txt_box .num_box .box:first-of-type{margin-right:15px;}
	.question .con01 .top_box > img{display:none;}

	/* 전체 제품 */
	.productAll .tab_box li:not(:last-child){ margin-right: 30px; }

}

@media all and (max-width:1000px){
	/* 인사말페이지 */
	.greeting .con01 .top_box{padding:150px 10px; box-sizing:border-box;}
	.greeting .con01 .top_box p{word-break:keep-all; font-size:24px;}
	.greeting .con01 .top_box p br{display:none;}
	.greeting .con01 .txt_box{padding-top:40px;}
	.greeting .con01 .txt_box p{font-size:20px;}
	.greeting .con01 .txt_box span{font-size:16px;}

	/* 연혁 */
	.history .con01 .list > li > div{display:block;}
	.history .con01 .list > li .year{width:100%; padding-top:20px;}
	.history .con01 .list > li .year p{font-size:24px;}
	.history .con01 .list > li .txt_box{width:100%; margin:0; border-top:0; padding:20px 20px 40px 10px;}
	.history .con01 .list > li .txt_box > *{display:block;}
	.history .con01 .list > li .txt_box .txt{width:100%;}
	.history .con01 .list > li .txt_box .img_box{width:auto; margin-top:20px;}

	/* 제품소개 */
	.product .con01 .tab_btn .three_depth{display:none;}
	.product .con01 .type_box{padding:0 0 80px;}
	.product .con01 .type_box > div{display:block;}
	.product .con01 .type_box .img_box{width:100%;}
	.product .con01 .type_box .img_box img{width:100%;}
	.product .con01 .type_box .txt_box{width:100%; padding:30px 0 0 0;}
	.product .con01 .type_box .txt_box .tit{padding-bottom:40px;}
	.product .con01 .type_box .txt_box .tit span{font-size:18px;}
	.product .con01 .type_box .txt_box .tit p{font-size:30px; padding-top:20px;}
	.product .con01 .type_box .txt_box .txt p{font-size:20px;}
	.product .con01 .type_box .txt_box .txt span{line-height:1.6em;}
	.product .con01 .type_box .txt_box .txt a{margin-top:40px;}
	.product .con01 .table_box .tit p{font-size:30px;}
	.product .con01 .table_box table{margin-top:40px;}
	.product .con01 .table_box table colgroup col:first-of-type{width:200px;}
	.product .con01 .table_box table tbody tr th{font-size:14px; padding:15px 0 15px 20px;}
	.product .con01 .table_box table tbody tr td{font-size:14px;}

	/* 홍보센터 */
	.promotion .con01 .list li a{padding:30px 0;}
	.promotion .con01 .list li a > div{display:block;}
	.promotion .con01 .list li .img_box{width:100%; height:auto;}
	.promotion .con01 .list li .txt_box{width:100%; padding:30px 0 0 0;}
	.promotion .con01 .list li .txt_box .txt > *{float:none;}
	.promotion .con01 .list li .txt_box .txt p{width:100%; padding-right:0;}
	.promotion .con01 .list li .txt_box .txt span{display:block;}

	/* 홍보센터 - 연구성과 */
	.result .con01 .img_list li{width:23.5%; margin-right:2%;}
	.result .con01 .img_list li:nth-of-type(n+5){margin-top:30px;}

	/* 전체 제품 */
	.productAll{ padding: 80px 0 100px;}
	.productAll .tab_box{ flex-wrap:wrap; gap:20px; }
	.productAll .tab_box li:not(:last-child){ margin-right: 0;}
	.productAll .tab_box .circle{ width: 100px; height: 100px; margin: 0 auto; }
	.productAll .search_box{ flex-wrap:wrap; margin: 70px 0;}
	.productAll .search_box select{ width: 130px;}
	.productAll .search_box input{ width: calc(100% - 150px); margin-right: 0; }
	.productAll .search_box button{ width: 100%; margin-top: 20px;}
	.productAll .content_box .item_box{ width: calc((100% - 32px) / 2);}
}

@media all and (max-width:768px){
	/* 홍보센터 - 연구성과 */
	.result .con01 .img_list li{width:49%; margin-right:0;}
	.result .con01 .img_list li:nth-of-type(odd){margin-right:2%;}
	.result .con01 .img_list li:nth-of-type(n+3){margin-top:30px;}

	/* 문의사항 */
	.question .con01 .top_box .txt_box .num_box .box{display:block;}
	.question .con01 .top_box .txt_box .num_box .box:first-of-type{margin:0 0 20px 0;}

	/* 전체 제품 */
	.productAll .tab_box{ gap: 30px 50px; }
	.productAll .search_box{ flex-wrap:wrap; margin: 50px 0;}
	.productAll .content_box{ gap:40px; margin-bottom: 70px;}
	.productAll .content_box .item_box{ width: 100%;}
	.productAll .page{ padding-bottom: 0; margin-top: 0;}
}