@charset "utf-8";

/* link css */

@import url("font.css");

@import url("sub.css");



/* 기본 베이스 */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0; }

body,h1,h2,h3,h4,input,button,textarea{ font-family:'NanumSquare';font-size:14px;color:#363636; font-weight:400;}

body h2,body h3{font-family:'NanumSquare';}

/* IE 용 스크롤 바 (kison) */

html {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef; background:#111111;}



/* Chrome, Safari용 스크롤 바 (kison) */

::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef}

::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}

::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}



body{background:#f2f2f2; word-break:keep-all; -webkit-text-size-adjust:none; width:100%;height:100%;line-height: 150%; min-width:300px;}

img,fieldset,iframe{border:0 none}

li{list-style:none}

input,select,button{vertical-align:middle}

img{vertical-align:top}

i,em,address{font-style:normal}

label, button, input[type=button], input[type=submit]{cursor:pointer}

button{margin:0;padding:0}



a{color:#363636;text-decoration:none; cursor:pointer;}

button *{position:relative}

button img{left:-3px;*left:auto}

html:first-child select{height:20px;padding-right:6px}

option{padding-right:6px}

hr{display:none}

legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

table{border-collapse:collapse;border-spacing:0;width: 100%}

.blind{display: block;position: absolute;top: -9999em;left: 0}

.skip a{display: block;position: absolute;left: 0;top: -9999em;z-index: 9999;width: 100%;background: lime;color: black;font: 1.8em/3em arial,sans-serif}

.skip a:focus{top: 0}

.ff{zoom: 1}

.ff:after{clear: both;content: '';display: block}

.ff > li{float: left}

.ff > dd{float: left}

.ff dt{display: block;position: absolute;top: -9999em;left: 0}

div { position:relative;}

*{box-sizing:border-box;}

input[type="text"],input[type="password"],input[type="email"],input[type="search"],input[type="image"],input[type="button"], input[type="submit"], textarea, button{-webkit-appearance:none;-webkit-border-radius:0; outline:none;}

td, th { display:table-cell; }

#boxWrapp{

width:100%;

margin:0 auto;

padding:0;

position:relative;

min-width:300px;



}

.inputBox { padding:10px; height:43px; border:1px #e1e1e1 solid; border-radius:5px; width:100%;}

.pdb30 { padding-bottom:30px;}

.txt_hidden { font-size:0; line-height:0; overflow:hidden; text-indent:-99999999px;}





.sr-only {position:absolute; top:-999em; left:-999em; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; border:none;}

/*헤더영역*/

.noScroll { overflow:hidden;}

#header { width:100%; background:#fff; height:77px; position:fixed; z-index:100; top:0px; left:0px; 	-webkit-transition: all 0.3s;	-moz-transition: all 0.3s;	transition: all 0.3s ease-out 0.0s;  }

#header h1 { position:absolute; top:50%; left:50px; margin-top:-20px; z-index:999; -webkit-transition: all 0.6s;	-moz-transition: all 0.3s;	transition: all 0.3s ease-out 0.0s; }

#header h1 img { width:75px;}





#header .gnb{text-align: center; height: 76px; line-height: 76px; background: #fff; z-index: 10; border-bottom: 1px #e1e1e1 solid;}

#header .gnb ul li { padding:0 30px; font-size:17px; font-weight:700; display:inline-block; vertical-align:top; position:relative; }

#header .gnb ul li ul { position:absolute; background:#fff; border:1px #e1e1e1 solid; top:76px; width:140px; border-top:0px; padding:10px 0; left:0px; margin-left:0px; display:none; z-index:99;}

#header .gnb ul > li.active > a{color:#bb162c;  }

#header .gnb li a.on {color:#bb162c;}

#header .gnb ul li  a { color:#555; height:77px; display:block; }

#header .gnb ul li  a:hover { color:#bb162c; /*border-bottom:2px #bb162c solid;*/ }



#header .gnb ul li ul li { display:block; padding:0;}

#header .gnb ul li ul li a { font-size:13px; font-weight:400; height:auto; line-height:30px; }

#header .gnb ul li ul li a:hover { text-decoration:underline; }

#header.fix { background:#fff;  height:60px; border-bottom:0px; z-index:1002;}

#header.fix .gnb { height:60px; line-height:60px;}

#header.fix .gnb > ul > li > a { height:60px;}

#header.fix .gnb ul li ul { top:60px;}



#header .m_menu .seach .serchBtn { width:36px; height:36px; text-indent:-99999em; overflow:hidden; background:url(../images/common/seach_img.png) no-repeat; display:block; border:0; }

#header .m_menu .seach .serchBtn.open { background:url(../images/common/seach_close.png) no-repeat;}

#header .m_menu { position:absolute; right:50px; height:36px; top:50%; margin-top:-18px; z-index:10;}

#header .m_menu li { height:36px; float:left; padding-left:10px; position:relative;}

#header .m_menu li .login_Btn { width:36px; height:36px; overflow:hidden; display:block; border-radius:90px; border:1px #d7d7d7 solid;    }

#header .m_menu .mymenu ul { background:#bc162c; width:140px; padding:0px; border-radius:5px; display:none; overflow:hidden; }

#header .m_menu .mymenu .login_Btn  { border:0px; }

#header .m_menu .mymenu .login_Btn img { width:100%;}





#header .m_menu .active:before { content:''; display:block; position:absolute; width:22px; height:10px; background:url(../images/common/triangle_icon.png) no-repeat; top:47px; right:7px;}

#header .m_menu .active ul { display:block !important; position:absolute; top:56px; right:-20px;  z-index:99; }

#header .m_menu .active ul li { float:none; line-height:35px; height:auto; padding:0px; height:35px; border-bottom:1px #c32e42 solid;}

#header .m_menu .active ul li:last-child { border-bottom:0;  }

#header .m_menu .active ul li a{ color:#ebbac0; font-size:14px; padding:0 20px; height:100%; display:block; } 

#header .m_menu .active ul li a:hover { color:#fff; background:#a91428;}



#header.main_header { background:none;}

#header.main_header .gnb { background:none; color:#fff; border-bottom:0; }

#header.main_header .gnb > ul > li >  a { color:#fff; position:relative;}

#header.main_header .gnb  ul li a:before  { content:''; width:100%; position:absolute; top:80%; height:0; webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;	 

-webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); background:#fff; }

#header.main_header .gnb ul li a:hover:before  {height:2px; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}

#header.main_header .m_menu li .login_Btn {box-sizing: content-box; }

#header.main_header .gnb ul li ul { display:none !important;} 



.overlay  { display:none; }

.listBtn { display:none;}

 @media screen and (min-width:890px) {

    #boxWrapp .blocker {display: none !important;}

    #boxWrapp .dimd { display:none !important; }

 }

 

#container { position: relative; padding:80px 0  100px 0; width:100%; overflow:hidden;} 

#container.space {padding:64px 0 0px 0;}

#container.space02 {padding:77px 0 0px 0;}

 

#footer { width:100%; background:#111111;  padding:20px 0; font-size:12px; color:#a6a6a6; text-align:center; }

#footer .foorter_wrap { width:1140px; margin:auto; font-size:13px; padding:20px 0; }

#footer h2 { font-weight:700; font-size:22px; padding-bottom:35px; color:#fff;}

#footer .footer_menu { position:absolute; right:0px; z-index:1;}

#footer .footer_menu  span { padding-left:10px; font-size:13px; }

#footer .footer_menu span a {color:#fff; display:inline-block; background:#bb162c; width:150px; height:40px; line-height:40px; text-align:center;}

#footer .address { padding:0px 0 0 0; }

#footer .address span { padding-right:20px;}

#footer .address .copyright { font-size:11px; padding-top:5px;}

#footer .address a { color:#a6a6a6;}

.TopScroll { position:fixed; right:40px; bottom:50px; width:42px; height:43px; z-index:99;  transition:all 200ms linear; -webkit-transition:all 200ms linear;    -moz-transition:all 200ms linear;    -ms-transition:all 200ms linear;   -o-transition:all 200ms linear; opacity: 0.0; display:none;}

.TopScroll.show {opacity:1; filter:alpha(opacity=100); display:block;}

.TopScroll a { text-indent:-99999em; display:block; overflow:hidden;  width:42px; height:43px; background:url(../images/common/top_btn.png) 0px top no-repeat; }

.TopScroll a:hover { background-position:0 -42px;}

.state_red { color:#bb162c;}/*텍스트 레드*/



/*팝업*/

.basic_info.commnet .commnet_area  .control { padding-top:10px;}

.popup { position: absolute; width:100%;  top:50%; transform: translateY(-50%); display:none;}

.popup_body { overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; }

/*버튼*/



a.BtnGray, .BtnGray {text-align:center; font-weight:600; background:#f4f4f4; border:1px #e1e1e1 solid; color:#7e8083; font-size:15px;  width:100%; display:block;height:52px; line-height:52px;}

a.BtnGray_Dark, .BtnGray_Dark {text-align:center; font-weight:600; background:#7e8083; border:1px #707274 solid; color:#7e8083; font-size:15px;  width:100%; display:block; height:52px; line-height:52px; color:#fff}

a.BtnGray_Dark:hover, .BtnGray_Dark:hover { background:#767575}

a.BtnRed, .BtnRed {text-align:center; font-weight:600; background:#bc162c; border:1px #ae1429 solid; color:#fff; width:100%; font-size:15px;  display:block; height:52px; line-height:52px}

a.BtnRed:hover, .BtnRed:hover { background:#d81e36} 

a.BtnWhite { padding:5px 15px; border:1px #d7d7d7 solid; font-size:14px; border-radius:50px; }

a.BtnWhite:hover { background:#f4f4f4;}

a.BtnRed_radius {padding:5px 15px; font-size:14px; border-radius:50px; background:#bc162c; color:#fff; }

a.BtnBule_radius {padding:5px 15px; font-size:14px; border-radius:50px; background:#1fbcdc; color:#fff; }





/* 220524 추가 */

/* 공통 */

.pR30{padding-right: 30px !important; text-align: right !important;}

.absol{color: #bc162c;}

.input-warp{width: 100%; padding: 8px 0;}





.h4-title{font-size: 22px; font-weight: bold; line-height: 1; color: #363636;}





#header .m_menu{display: flex; align-items: center;}

#header .m_menu .orderDetaile{display: inline-block; padding: 0 13px; height: 30px; line-height: 30px; border: 1px solid #e5e6e6; border-radius: 15px;}

#header .m_menu li{ padding-left: 20px;}



.flobtnbox{position: absolute; right: 50px; bottom: 50px;}

.flobtnbox a{position: relative; display: inline-block; width: 70px; height: 70px; border: none; background: none;}

.flobtnbox .chatbot{margin-top: 20px;}

.flobtnbox img{width: 100%;}

.orderBtn p{ position: absolute; left: -60px; top: 50%; transform: translateY(-50%); padding: 0px 15px; background: #bb162c; font-size: 17px; line-height: 35px; color: #fff; border-radius: 23px; transition: all 0.6s; visibility: hidden; opacity: 0;}

.orderBtn a:hover + p { visibility: visible; left: -110px; opacity: 1;}

.orderBtn p:after{ content: ""; position: absolute; right: -8px; top: 50%; transform: translateY(-50%) rotate(90deg); width: 14px; height: 14px; background: url(../images/common/triangle_icon.png) no-repeat center / 100%;}



#footer .address span:last-child {position: relative; margin-right: 0;}

#footer .address span:last-child::after{content: ""; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background: #a6a6a6;}



/* 섹션 탑 */

.sectionTop{position: relative;}

.sectionTop-title{ display: flex; align-items: center; justify-content: space-between;}

.sectionTop-info{position: relative; margin-top: 27px; padding: 25px; background: #fff; border: 1px solid #e1e1e1;}

.sectionTop-info p{font-size: 15px; line-height: 25px; color: #868686;}

.sectionTop-info p span{color: #000; font-weight: bold;}

.sectionTop .request{position: absolute; right: 0; top: -10px; padding: 0 40px; background: #bc162c; font-size: 15px; color: #fff; line-height: 45px; font-weight: bold; border: none;}

  

    



/* 페이지리스트 */

.page_list{display: flex; align-items: center; justify-content: center; margin-top: 30px; text-align: center;}

.page_list li{display: flex; align-items: center; justify-content: center; margin-left: 5px;}

.page_list li:nth-child(3){margin-left: 0;}

.page_list li a{display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; font-size: 17px;}

.page_list li.active a{color: #fff; background: #bb162c;}

.page_list li.disable{pointer-events: none; opacity: 0.3;}

.page_list li.next{margin-left: 0;}

.page_list li.first a{ background: url(../images/common/icon-first.png) no-repeat center / 100%;}

.page_list li.prev a{margin-right: 15px; background: url(../images/common/icon-prev.png) no-repeat center / 100%;}

.page_list li.next a{margin-left: 15px; background: url(../images/common/icon-next.png) no-repeat center / 100%;}

.page_list li.last a{ background: url(../images/common/icon-last.png) no-repeat center / 100%;}

/* disable추가 */

.page_list li.disable.first a{ background: url(../images/common/icon-first.png) no-repeat center / 100%;}

.page_list li.disable.prev a{margin-right: 15px; background: url(../images/common/icon-prev.png) no-repeat center / 100%;}

.page_list li.disable.next a{margin-left: 15px; background: url(../images/common/icon-next.png) no-repeat center / 100%;}

.page_list li.disable.last a{ background: url(../images/common/icon-last.png) no-repeat center / 100%;}



/* 테이블 */

/* .table_area table tr{height: 50px;} */

.orderList .table_area tbody tr:hover{ background: #fffae8;}

.orderList .table_area tbody tr:hover *{ font-weight: bold;}

.orderList .table_area tbody tr td:nth-child(2){text-align: left; padding-left: 30px;}

.orderList .table_area tbody tr td:nth-child(2) div{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-right: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 20px;}

.orderList .table_area tbody tr td:nth-child(2) a{position: relative;}

.orderList .table_area tbody tr td:nth-child(2) em{display: table-cell; font-size: 15px; line-height: 1; color: #bc162c; font-weight: bold;}

.orderList .table_area .payment-ing{line-height: 30px; padding: 0 20px; background: #bc162c; display: inline-block; color: #fff; border-radius: 20px; cursor: pointer;}

.orderList .table_area .payment-end{color: #868686;}


/*로딩*/

.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}