@charset "utf-8";

/* 공통 */
ul li {padding-left: 0;}
ul li:before {display: none;}

/* header */
.header{width:100%; height:100px; background:rgba(255,255,255,0)}
.header .main-menu>li>a{font-size: 18px;}
.header .sub-menu > li > a {font-size: 16px;}
.header .lang-select {font-size: 16px;}
.header .lang-select .lang-item .sub-list li a {font-size: 16px;}
.header .button {border: none; transition: all 0.3s;}
.header .button:before {background: #f15929;}
.header .button span {background: #006deb; color: #fff;}
.main .header{position:absolute; left:0; top:0;}
.main .header .main-menu>li>a{color:#FFF;}
.main .header .lang-select .lang-item.active span{color:#FFF;}

@media all and (max-width: 991px) {
	.header {background: #fff; height: auto;}
}

/* mobile-nav */
.mobile-nav .nav-inner {padding: 90px 15px 60px 15px;}
.mobile-nav .nav-inner .button {border: 2px solid #006deb; transition: all 0.3s;}
.mobile-nav .nav-inner .button-holder .button::before:before {background: #f15929; opacity: 0; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; z-index: 1;}
.mobile-nav .nav-inner .button span {background: #006deb; color: #fff;}
.mobile-nav .nav-inner .button:hover {border-color: #f15929;}
.mobile-nav .nav-inner .button:hover span {background: #f15929; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none;}
.mobile-nav .nav-inner .button:hover:before {opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none;}

/* footer */
footer.footer {padding: 0; background: #25272a;}
footer.footer .footer-top {padding: 22px 0; border-bottom: 1px solid #4a4b4d; box-sizing: border-box;}
footer.footer .footer-top ul {font-size: 0; letter-spacing: -4px; margin: 0;}
footer.footer .footer-top ul li {display: inline-block; vertical-align: middle; padding-left: 0;}
footer.footer .footer-top ul li:after {display: inline-block; width: 1px; height: 12px; margin: 0 25px; background: #959595; content: '';}
footer.footer .footer-top ul li:last-of-type:after {display: none;}
footer.footer .footer-top ul li a {color: #b5b5b5; font-weight: 300; font-size: 16px; letter-spacing: -0.045em; line-height: 1.6;}
footer.footer .footer-top ul li a:hover {color: #7ab2fd;}
footer.footer .footer-lower {padding: 60px 0 70px;}
footer.footer .footer-lower .footer-logo {width: 100%;}
footer.footer .footer-lower .footer-logo a {max-width: 100%;}
footer.footer .footer-lower .footer-logo a img {max-width: 100%;}
footer.footer .footer-lower ul {font-size: 0; letter-spacing: -4px; margin: 0;}
footer.footer .footer-lower ul li {display: inline-block; vertical-align: middle; padding-left: 0;}
footer.footer .footer-lower p.copyright {margin-top: 20px; color: #737475; font-weight: 300; font-size: 16px; letter-spacing: -0.075em; line-height: 1.6;}
footer.footer .footer-lower .address ul li {color: #b5b5b5; font-weight: 200; font-size: 16px; letter-spacing: -0.045em; line-height: 1.6; margin-right: 10px;}
footer.footer .footer-lower .address ul li b {font-weight: 500;}
footer.footer .footer-lower .btn_box ul li {width: calc(50% - 10px); max-width: 90px;}
footer.footer .footer-lower .btn_box ul li + li {margin-left: 20px;}
footer.footer .footer-lower .btn_box ul li a {display: block; width: 100%; padding: 5px 0; border: 1px solid #575a5f; box-sizing: border-box; text-align: center;}
footer.footer .footer-lower .btn_box ul li a p {color: #b5b5b5; font-weight: 300; font-size: 14px; letter-spacing: -0.045em; line-height: 1.8;}

@media all and (max-width: 767px) {
	footer.footer {text-align: center;}
	footer.footer .footer-top ul li:after {margin: 0 15px;}
	footer.footer .footer-lower .footer-logo {justify-content: center;}
	footer.footer .footer-lower .address {margin-top: 30px;}
	footer.footer .footer-lower .btn_box {margin-top: 30px;}
}

/* main_visual */
.main_visual{width:100%; height:100vh; position:relative;}
.main_visual .video_box{height:100%; width:100%; position:relative; top:0; right:0; bottom:0; left:0; overflow:hidden;}
.main_visual .video_box video{position:absolute; left:50%; top:0; width:100%; height:100%; object-fit: cover; transform:translateX(-50%);}
.main_visual .swiper-container{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10}
.main_visual .swiper-slide .table_box{display:table; height:100%; width:100%; text-align:center}
.main_visual .swiper-slide .table_box .txt_box{display:table-cell; vertical-align:middle; }
.main_visual .swiper-slide .table_box .txt_box span{display:block; font-size:40px; color:#efefef; letter-spacing:0.5em; font-weight:600; margin-bottom:20px; text-shadow:5px 5px 5px rgba(0,0,0,0.3);}
.main_visual .swiper-slide .table_box .txt_box p{font-size:60px; font-weight: 300; color:#FFF; letter-spacing:0; line-height:1.2; text-shadow:5px 5px 5px rgba(0,0,0,0.3);}
.main_visual .swiper-slide .table_box .txt_box p b{font-weight:700; }
.main_visual .swiper-slide .table_box .txt_box p b.col02{color:#fd4a12;}
.main_visual ul li{padding-left:0}
.main_visual ul li:before{display:none}

@media all and (max-width: 992px) {
	.main_visual .swiper-slide .table_box .txt_box span{font-size:18px;}
	.main_visual .swiper-slide .table_box .txt_box p {font-size: 32px;}
}

/* main */
.main_con01{padding:100px 0;}
.main_con02{padding-bottom:100px;}
.main_con02.text-section .title {width: 100%;}
.main_con02.text-section .title img {max-width: 100%;}
.main_con02.text-section .subtitle {font-size: 30px; line-height: 1.2; margin-top: 30px; word-break: keep-all;}
.main_con03{margin:0 0 150px;}
.main_con03 .slick-dots li button:before{display:none;}

@media all and (max-width: 1000px) {
	.main_con02.text-section .subtitle {font-size: 24px;}
}

/* sub - 공통 */
.board_con .primary-heading {padding-top: 100px; margin-bottom: 0;}

@media all and (max-width: 991px) {
	.board_con .primary-heading {padding-top: 60px;}
}

.sub_tit.primary-heading .title {letter-spacing: -0.045em; line-height: 1.7;}
.sub_tit.primary-heading .subtitle {color: #222; font-weight: 700; letter-spacing: -0.045em; line-height: 1.3;}
.sub_tit.primary-heading p {color: #666; font-weight: 300; letter-spacing: -0.045em; line-height: 1.6;}
 
@media only screen and (min-width: 992px) {
	.sub_tit.primary-heading .title {font-size: 14px;}
	.sub_tit.primary-heading .subtitle {color: #222; font-size: 40px; letter-spacing: -0.045em; line-height: 1.3;}
	.sub_tit.primary-heading p {font-size: 18px;}
}

.pager_custom .programPage {margin-top:60px; text-align:center; font-size:0;}
.pager_custom .programPage a{position:relative; display:inline-block; width:40px; height:40px; border-radius:50%; text-decoration: none; box-sizing:border-box; border:1px solid #dddddd; line-height:38px; font-size:16px; font-weight:300; color:#888888; margin:0 5px;}
.pager_custom .programPage a.page_prev{position:relative; display:inline-block; vertical-align:top; border:0; background:none;}
.pager_custom .programPage a.page_next{position:relative; display:inline-block; vertical-align:top; border:0; background:none;}
.pager_custom .programPage a.active {background:#f15929; border:1px solid #f15929; color:#fff;}
.pager_custom .programPage a:hover{background:#f15929; border:1px solid #f15929; color:#fff;}
.pager_custom .programPage a.page_prev:hover {background: none; border: none;}
.pager_custom .programPage a.page_next:hover {background: none; border: none;}

.search_custom.program_search{text-align:center; font-size:0; letter-spacing:-4px; margin-top:30px; padding:40px 0; background:#f5f5f5; border-radius:20px;}
.search_custom.program_search .search_box{max-width:700px; width:93.75%; margin:0 auto; letter-spacing:-0.04em;}
.search_custom.program_search select{border:1px solid #dddddd; border-radius:10px; background:#fff; font-size:16px; font-weight:400; letter-spacing:-0.04em; color:#444444; padding: 0 0 0 20px; height:50px; box-sizing:border-box; width:calc(35% - 70px); text-align: left; text-align-last: left; margin: 0;}
.search_custom.program_search input[type="text"]{border:1px solid #dddddd; border-radius:10px; background:#fff; font-size:16px; font-weight:400; letter-spacing:-0.04em; color:#444444; padding-left:20px; height:50px; box-sizing:border-box; width:calc(65% - 70px); margin:0 10px;}
.search_custom.program_search a {vertical-align:top; width:120px; height:50px; font-size:16px; color:#ffffff; box-sizing:border-box; text-align:center; line-height:50px; background:#006deb; border-radius:10px; border: none; margin: 0;}
.search_custom.type01.program_search {background: none;}

.table_custom.program_table table tr {text-align: center;}
.table_custom.program_table table tr td p {margin-bottom: 0;}

.writeform_custom label {margin-bottom: 0;}

/* sub_visual */
.sub_visual.promo-primary span {color: #efefef; font-weight: 400; letter-spacing: -0.045em; line-height: 1.6;}
.sub_visual.promo-primary .title {letter-spacing: -0.045em; line-height: 1.2;}
.sub_visual.promo-primary .title::before {background-color: #f15929;}
.sub_visual.promo-primary .title::after {background-color: #fff;}

@media only screen and (min-width: 1200px) {
	.sub_visual.promo-primary {width: 100%; padding-left: 0;}
	.sub_visual.promo-primary span {font-size: 18px;}
	.sub_visual.promo-primary .title {font-size: 48px;}
}
@media only screen and (min-width: 992px) {
	.sub_visual.promo-primary span {font-size: 18px;}
	.sub_visual.promo-primary .title {font-size: 48px;}
}

/* 비전 */
.vision_con01 .img_box {text-align: center;}
.vision_con01 .img_box img {max-width: 100%;}

/* 연혁 */
.history_con01{padding:100px 0 150px;}
.history_con01 dl{font-size:0; letter-spacing:-4px;}
.history_con01 dl + dl{margin-top:40px;}
.history_con01 dl dt{display:inline-block; vertical-align:top; width:calc(21.4285% - 20px); margin-right:40px; padding-top:20px; border-top:2px solid #006deb;}
.history_con01 dl dt .year{padding-left:20px; box-sizing:border-box; font-size:42px; font-weight:700;  letter-spacing:-0.04em; color:#006deb; line-height:1;}
.history_con01 dl dd{display:inline-block; vertical-align:top; width:calc(78.5715% - 20px); padding-top:25px; border-top:2px solid #dddddd; margin-bottom: 0;}
.history_con01 dl dd ul{padding:0 20px; box-sizing:border-box; margin-bottom: 0;}
.history_con01 dl dd ul li{font-size:0; letter-spacing:-4px; padding-left: 0;}
.history_con01 dl dd ul li + li{margin-top:15px;}
.history_con01 dl dd ul li:before {display: none;}
.history_con01 dl dd ul li .mon{display:inline-block; vertical-align:top; width:55px; font-size:18px; font-weight:700;  letter-spacing:-0.025em; color:#444444; line-height: 1.2;}
.history_con01 dl dd ul li .desc{display:inline-block; vertical-align:top; width:calc(100% - 55px);}
.history_con01 dl dd ul li .desc p{font-size:18px; font-weight:400; letter-spacing:-0.025em; color:#666666; padding-left:15px; box-sizing:border-box; position:relative; margin-bottom: 0; line-height: 1.2; word-break: keep-all;}
.history_con01 dl dd ul li .desc p + p{margin-top:5px;}
.history_con01 dl dd ul li .desc p:before{content:''; position:absolute; left:-3px; top:7.8px; width:6px; height:6px; background:#006deb; border-radius:50%;}

.history_con01 dl:nth-of-type(2n) dt{border-top-color:#003777}
.history_con01 dl:nth-of-type(2n) dt .year{color:#003777;}
.history_con01 dl:nth-of-type(2n) dd .desc p:before{background:#003777;}

@media all and (max-width:1000px){
	.history_con01{padding:60px 0;}
	.history_con01 dl dt{width:150px; margin-right:20px;}
	.history_con01 dl dt .year{font-size:34px;}
	.history_con01 dl dd{width:calc(100% - 170px);}
}
@media all and (max-width:640px){
	.history_con01 dl dt{width:100%; margin-right:0; padding-bottom:15px;}
	.history_con01 dl dd{width:100%;}
}

/* 오시는길 */
.contact_con01 .box {position:relative; width:100%; margin:40px auto 0;}
.contact_con01 .box .map_box{position: relative; width:100%; height:570px; overflow: hidden;}
.contact_con01 .box .map_box .root_daum_roughmap{width:100%;}
.contact_con01 .box .map_box .root_daum_roughmap .wrap_map {min-height: 570px;}
.contact_con01 .box .map_text{z-index: 10; position:absolute; top:50%; display:block; width:400px; right:calc(50% - 770px); transform:TranslateY(-50%); background: rgba(20,85,193,0.8); box-sizing:border-box; box-shadow: 3px 3px 29px rgb(31 31 31 / 49%);}
.contact_con01 .box .map_text .text{display:inline-table; width:100%; min-height: 390px; text-align:left; padding:50px 30px 40px 60px; }
.contact_con01 .box .map_text .text .txt_box {display: table-cell; vertical-align: middle;}
.contact_con01 .box .map_text h6{font-size:34px; color:#fff; letter-spacing:0; font-weight:500; margin:0;}
.contact_con01 .box .map_text .text .txt_box > ul{font-size:0; letter-spacing:-4px; margin-top:30px;}
.contact_con01 .box .map_text .text .txt_box > ul > li{display:inline-block; vertical-align:top; width:100%; padding-left: 0;}
.contact_con01 .box .map_text .text .txt_box > ul > li:before {display: none;}
.contact_con01 .box .map_text .text .txt_box > ul > li + li{margin-top:20px;}
.contact_con01 .box .map_text .text .txt_box > ul > li.w50{width:50%;}
.contact_con01 .box .map_text .text .txt_box > ul > li p{font-weight: 500; font-size:18px; color:#222; letter-spacing:0; line-height:1.6; margin:0; margin-bottom:10px;}
.contact_con01 .box .map_text .text .txt_box > ul > li span{font-size:18px; color:#fff; letter-spacing:-0.04em; font-weight:300; line-height:1.6; word-break:keep-all;}
.contact_con01 .box .map_text .text .txt_box .tel_list ul li {padding-left: 0;}
.contact_con01 .box .map_text .text .txt_box .tel_list ul li strong {display: inline-block; color: #fff; font-weight: 500; font-size: 16px; letter-spacing: -0.04em; width: 40px;}

@media all and (max-width: 1500px) {
	.contact_con01 .box .map_text{right:0;}
}
@media all and (max-width: 991px) {
	.contact_con01 {padding: 60px 0;}
	.contact_con01 .box .map_box {height:420px;}
	.contact_con01 .box .map_box .root_daum_roughmap .wrap_map {min-height: 420px;}
	.contact_con01 .box .map_text{position:static; top:auto; left:auto; width:93.75%; margin:40px auto 0; transform:none;}
	.contact_con01 .box .map_text .text{max-width:100%; padding:40px 20px; min-height: 320px;}
	.contact_con01 .box .map_text h6{font-size:26px;}
	.contact_con01 .box .map_text ul li p {font-size: 18px;}
	.contact_con01 .box .map_text ul li span {font-size: 18px;}
	.contact_con01 .box .map_text ul li p br{display:none;}
}

/* 인증서 */
.cert_con01{padding:100px 0 150px;}
.certifi_list ul{font-size:0; letter-spacing:-4px; margin-bottom: 0;}
.certifi_list ul li{display:inline-block; vertical-align:top; width:calc(33.333333% - 20px); margin-right:30px; margin-bottom:20px; text-align:center; cursor:pointer; padding-left: 0;}
.certifi_list ul li:nth-of-type(3n){margin-right:0;}
.certifi_list ul li:before {display: none;}
.certifi_list ul li .img_box{position:relative; padding-bottom:130%; overflow:hidden;border:1px solid #afafaf; box-sizing:border-box}
.certifi_list ul li .img_box img{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.certifi_list ul li p{font-size:18px; color:#444; letter-spacing:-0.025em; font-weight:500; line-height:1.4; padding:20px 0;}

@media all and (max-width:1000px){
	.certifi_list ul li{width:calc(50% - 10px); margin-right:20px;}
	.certifi_list ul li:nth-of-type(3n){margin-right:20px;}
	.certifi_list ul li:nth-of-type(2n){margin-right:0;}
}

/* 고객사 */
.customer_con01{padding:100px 0 150px;}
.customer_con01 ul{font-size:0; letter-spacing:-4px;}
.customer_con01 ul li{display:inline-block; vertical-align:top; width:calc(25% - 15px); margin-right:20px; box-sizing:border-box; border:1px solid #ececec; padding-left: 0;}
.customer_con01 ul li:nth-of-type(4n){margin-right:0;}
.customer_con01 ul li:nth-of-type(n+5){margin-top:20px;}
.customer_con01 ul li:before {display: none;}
.customer_con01 ul li .img_box{position:relative; overfloW:hidden; width:100%; padding:25% 0;}
.customer_con01 ul li .img_box img{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}

@media all and (max-width:1000px){
	.customer_con01 ul li{width:calc(50% - 10px);}
	.customer_con01 ul li:nth-of-type(2n){margin-right:0;}
	.customer_con01 ul li:nth-of-type(n+3){margin-top:20px;}
}

/* CEO 인사말 */
.greeting_con01 {padding: 100px 0;}
.greeting_con01 .img_box img {max-width: 100%;}
.greeting_con01 .txt_box .tit h6 {color: #222222; font-weight: 200; font-size: 32px; letter-spacing: -0.04em; line-height: 1.3; margin: 0 0 25px;}
.greeting_con01 .txt_box .tit h6 b {font-weight: 700;}
.greeting_con01 .txt_box .tit span {display: block; color: #222222; font-weight: 200; font-size: 24px; letter-spacing: -0.04em; line-height: 1.3; margin: 0 0 25px;}
.greeting_con01 .txt_box p {color: #666666; font-weight: 300; font-size: 16px; letter-spacing: -0.04em; line-height: 1.6; word-break: keep-all; margin-bottom:25px;}
.greeting_con01 .txt_box .text_right {text-align: right;}
.greeting_con01 .txt_box .text_right span {display: inline-block; vertical-align: middle; margin-right: 10px; color: #444444; font-weight: 500; font-size: 18px; letter-spacing: -0.04em; line-height: 1.5;}
.greeting_con01 .txt_box .text_right p {display: inline-block; vertical-align: middle; color: #444444; font-size: 20px; letter-spacing: -0.04em; line-height: 1.5; margin-bottom: 0;}
.greeting_con01 .txt_box .text_right p b {font-weight: 700;}

@media all and (max-width: 1199px) {
	.greeting_con01 .txt_box p br.pc_only {display: none;}
	.greeting_con01 .txt_box .tit h6 {font-size: 25px;}
	.greeting_con01 .txt_box .tit span {font-size: 20px;}
}
@media all and (max-width: 991px) {
	.greeting_con01 {padding: 60px 0;}
	.greeting_con01 .img_box {margin-top: 40px;}
}


/* 기업개요 */
.table_layout01 table {width: 100%; text-align: center; border-top: 1px solid #ea5318; border-bottom: 1px solid #ea5318;}
.table_layout01 table th {color: #fff; font-weight: 700; font-size: 18px; letter-spacing: -0.04em; background: rgba(89,86,86,0.95); box-sizing: border-box;}
.table_layout01 table td {padding: 15px 10px; color: #666666; font-weight: 300; font-size: 16px; letter-spacing: -0.04em; box-sizing: border-box;}
.table_layout01 table tr:not(:first-of-type) th {border-top: 1px solid #dddddd;}
.table_layout01 table tr:not(:first-of-type) td {border-top: 1px solid #dddddd;}

.intro_con01{padding:100px 0;}
.intro_con01 .container{position: relative;}
.intro_con01 .img_box{position: absolute; z-index: -1; width: 58.5%;}
.intro_con01 .img_box img{width: 100%;}
.intro_con01 .table_box{padding: 45px 0 50px; text-align: right;}
.intro_con01 .table_box .right{display: inline-block; vertical-align: top; width: calc(50% - 10px);}

@media all and (max-width: 991px) {
	.intro_con01 {padding: 60px 0;}
	.intro_con01 .img_box {position: static; width: 100%;}
	.intro_con01 .table_box {padding: 45px 0 20px;}
	.intro_con01 .table_box .right {width: 100%;}
}

/* 복리후생 */
.welfare_con01{padding:100px 0;}
.welfare_con01 .img_box img{max-width:100%;}
.welfare_con01 .txt_box{padding:10px 0 20px;}
.welfare_con01 .txt_box p{font-size:16px; color:#666; letter-spacing:0em; font-weight:400; line-height:1.5; word-break:keep-all;}
.welfare_con01 .txt_box p b{color:#222; font-weight:700;}
.welfare_con01 .txt_box p span{display:block; margin-top:5px;}
.welfare_con01 .txt_box > span{font-size:16px; color:#0484db; letter-spacing:0em; font-weight:400; line-height:1.5; word-break:keep-all;}


/* 제품소개 */
.gal_custom .gal_wrap{border:0; padding:0;}
.gal_custom .gal_wrap ul{margin:0; font-size:0; letter-spacing:-4px;}
.gal_custom .gal_wrap ul li{float:none; display:inline-block; vertical-align:top; width:calc(33.333333% - 13.4px); margin:0; margin-right:20px; margin-bottom:20px; padding:0; border:1px solid #f2f2f2;}
.gal_custom .gal_wrap ul li:nth-of-type(3n){margin-right:0;}
.gal_custom .gal_wrap ul li .txt{min-height:0; padding:24px; box-sizing:border-box;}
.gal_custom .gal_wrap ul li .title{font-size:18px; color:#444; letter-spacing:-0.01em; line-height:1.4; font-weight:600; margin-bottom:16px; }

@media all and (max-width:1000px){
	.gal_custom .gal_wrap ul li{width:calc(50% - 10px); }
	.gal_custom .gal_wrap ul li:nth-of-type(3n){margin-right:20px;}
	.gal_custom .gal_wrap ul li:nth-of-type(2n){margin-right:0;}
}
@media all and (max-width:767px){
	.gal_custom .gal_wrap ul li{width:100%; margin-right:0;}
	.gal_custom .gal_wrap ul li:nth-of-type(3n){margin-right:0;}
}
@media all and (max-width:640px){
	.gal_custom .gal_wrap ul li a img{height:auto;}
	.gal_custom .gal_wrap ul li .txt{height:auto;}
}

.gal_read_custom .gal_table_box{width:100%;}
.gal_read_custom .gal_table_box table{width:100%; border-top:2px solid #024b98;}
.gal_read_custom .gal_table_box table tr th{border-right:1px solid #444444; border-bottom:1px solid #dddddd; font-size:18px; font-weight:bold; letter-spacing:-0.025em; color:#444444; padding:25px 10px;}
.gal_read_custom .gal_table_box table tr td{text-align:center; border-bottom:1px solid #dddddd; font-size:18px; font-weight:300; letter-spacing:-0.025em; color:#666666; padding:25px 10px;}
.gal_read_custom .gal_table_box table tr td a{display:block; font-size:18px; font-weight:300; letter-spacing:-0.025em; color:#666666;}

/* 20220228 css 추가 */
.main_con01 .about-item p {font-size: 18px;}

@media only screen and (min-width: 576px) {
	.main_con01 .about-item {padding: 58px 49px;}
}

/* 20220317 css 추가 */
.main_con01.about .bg-holder {top: 200px; transform: none; -webkit-transform: none; -ms-transform: none;-o-transform: none; -moz-transform: none;}
.main_con01 .about-item {margin-top: 567px;}

@media all and (max-width: 767px) {
	.main_con01 .about-item {margin-top: 0;}
}