@charset "utf-8";
/**************************************************

	Global.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 854px;}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{  }

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn1.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn2.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }

/**************************
	Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #ffffff;color: #333333;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}

/**************************************************
	Layout
**************************************************/
html.scroll-none {overflow: hidden;}
#wrap {background: #6cc4ee;}

#header{display: block;width: 754px;margin: 0 auto;background: #159fde;}
#header .logo {padding-bottom: 30px;margin-left: 9.54907%;}

/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;padding-top: 46px;z-index: 301;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #f7f7f7;padding: 0 15px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #000;font-weight: 300;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #666;background: #eee;border-left: 1px solid #ddd;}
#popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup.on{opacity: 1;}
#popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
#popupBG.on{opacity: 1;}

/* sitemap */
#popup .sitemap{ text-align: center; }
#popup .sitemap > li{display: inline-block;width: 32%;vertical-align: top;margin-bottom: 10px;}
#popup .sitemap > li > a{display: block;text-align: center;font-size: 14px;letter-spacing: -1px;background: #f7f7f7;font-weight: 300;line-height: 40px;border-radius: 3px;}
#popup .sitemap > li ul li{border-top: 1px solid #f7f7f7;text-align: left;}
#popup .sitemap > li ul li:first-child{border-top: none;}
#popup .sitemap > li ul li a{display: block;font-size: 13px;color: #333;line-height: 18px;padding: 10px 0;text-align: center;}

/* 응모하기 popup */
.eventPopup{display: none;position: fixed;top: 5%;left: 50%;width: 480px;height: 90%;max-height: 850px;margin-left: -240px;z-index: 301;background: #fff;overflow: hidden;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.eventPopup > .close{display: block;position: absolute;top: 0;right: 0;z-index: 999;width: 45px;height: 45px;line-height: 45px;text-align: left;font-size: 30px;color: #203f98;}
.eventPopup .pop-wrap{height: 100%;overflow-y: auto;padding: 0px 0px 0px;box-sizing: border-box;}
.eventPopup .btn {position: absolute;bottom: 0;left: 0;width: 100%;height: 66px;line-height: 66px;text-align: center;background: #203f98;font-size: 25px;color: #ffffff;font-weight: 600;letter-spacing: -0.05em;text-decoration: none;}
.eventPopup .on {display: block;}
.eventPopup .pop-wrap.bg1 {background: #ffffff;}
.eventPopup .pop-wrap.bg1 p,
.eventPopup .pop-wrap.bg1 p span {color: #203f98 !important;}
.eventPopup .pop-wrap.bg2 {background: #ffffff;}

#eventPopup1 h3 {display: block;margin-bottom: 30px;font-size: 30px;color: #333333;font-weight: normal;letter-spacing: -0.05em;line-height: 1em;text-align: center;}
#eventPopup1 h3 strong {font-size: 30px;font-weight: 600;}
#eventPopup1 .inp {display: block;width: 100%;border: 0;margin-top: 10px;height: 50px;text-align: center;background: #eeeeee;font-size: 17px;color: #555555;letter-spacing: -0.02em;}
#eventPopup1 p {margin: 22px 0;font-size: 16px;color: #666666;letter-spacing: -0.02em;line-height: 24px;text-align: left;}
#eventPopup1 p span {font-size: 16px;font-weight: 300;}
#eventPopup1 .agree {margin-top: 15px;}
#eventPopup1 .agree label {font-size: 17px;color: #333333;letter-spacing: -0.02em;line-height: 32px;}
#eventPopup1 .agree label input {vertical-align: middle;margin: -2px 0 0;}
#eventPopup1 .agree a {font-size: 17px;color: #333333;letter-spacing: -0.02em;line-height: 32px;position: relative;padding-left: 17px;text-decoration: none;}
#eventPopup1 .agree a input {display: none;margin: 0;vertical-align: middle;}
#eventPopup1 .agree a:before {display: block;content: '';position: absolute;top: 5px;left: 0;width: 12px;height: 12px;border: 1px solid #666;border-radius: 3px;}
#eventPopup1 .agree a span {vertical-align: top;margin-left: 5px;font-size: 15px;color: #0093ca;line-height: 30px;border-bottom: 2px solid #0093ca;text-decoration: none;}
#eventPopup1 .agree a.active {padding-left: 0;}
#eventPopup1 .agree a.active input {display: inline-block;}
#eventPopup1 .agree a.active:before {display: none;}
#eventPopup1 .inner {margin: 0 0 0px 0px;}
#eventPopup1 dl {margin-top: 5px;}
#eventPopup1 dl dd {margin-top: 5px;}
#eventPopup1 dl ul li {position: relative;padding-left: 20px;margin: 10px 0;font-size: 13px;color: #000000;letter-spacing: -0.02em;line-height: 1.5em;}
#eventPopup1 dl ul li:after {display: block;content: '';position: absolute;top: 9px;left: 10px;width: 7px;height: 1px;background: #000000;opacity: 0.6;}

#popup .agree label {font-size: 20px;color: #333333;letter-spacing: -0.02em;margin-right: 50px;}
#popup .agree label input {vertical-align: middle;margin: -2px 5px 0 0;width: 15px;height: 15px;}
#popup hr {border: 0;margin: 20px 0;height: 2px;background: #ddd;}
#popup .btn1 {width: 150px;text-align: center;padding: 0;font-size: 16px;line-height: 45px;height: 45px;border-radius: 5px;}

#eventPopup2 .img {display: block;margin: 0 auto;width:100%;}
#eventPopup2 .num-box {display: block;margin: 40px auto 25px;width: 320px;height: 73px;line-height: 73px;text-align: center;background: #eeeeee;border-radius: 37px;font-size: 30px;color: #333333;font-weight: 600;letter-spacing: -0.02em;}
#eventPopup2 .boxin {display: block;background: #fff;margin: 40px 0;padding: 20px 0;text-align: center;}
#eventPopup2 .boxin .img {display: block;width: auto;}
#eventPopup2 .boxin .t1 {font-size: 30px;color: #333333;letter-spacing: -0.05em;line-height: 1.6em;}
#eventPopup2 .boxin .t2 {font-size: 25px;color: #333333;letter-spacing: -0.05em;line-height: 1.3em;}
#eventPopup2 .boxin .t3 {margin: 10px 0;font-size: 20px;color: #333333;letter-spacing: -0.05em;line-height: 1.6em;}
#eventPopup2 p {font-size: 16px;color: #203f98;letter-spacing: -0.05em;}
#eventPopup2 p span {font-size: 16px;color: #333333;font-weight: 600;}

#eventPopupBg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);display: none;}
#eventPopupBg.on{display: block;}



/**************************************************
	Main
**************************************************/
#main{ overflow: hidden;padding: 0 0 0; }

#main .event_title {width: 754px;margin: 0 auto;text-align: center;background: #ffffff;}
#main .event_title .date2 {display: block;margin: 37px auto 0;background: #203f98; border: 3px solid #203f98;padding: 10px;width: 540px;min-height: 30px;line-height: 30px;font-size: 25px;color: #fff;letter-spacing: -0.02em;border-radius: 27px;}

#event_date {width: 754px;margin: 0 auto;text-align: center;background: #ffffff;}
#event_date .enddate {width: 754px;display: block;margin: 0 auto;background: #203f98; border: 3px solid #203f98;padding: 10px;width: 540px;min-height: 30px;line-height: 30px;font-size: 25px;color: #fff;letter-spacing: -0.02em;border-radius: 27px;}

#brand_story {padding: 0 0;}
#brand_story .inner {background: #ffffff;width: 754px;margin: 0 auto;}
#brand_story hgroup {margin-bottom: 82px;}

#event_goods {width: 754px;margin: 0 auto 0;background: #FFFFFF;}
#event_goods hgroup {margin-bottom: 0px;}
#event_goods span {display: block;margin: 0 0 0 0px;color: #ffffff;letter-spacing: -0.05em;line-height: 1.6em;position: relative;font-size: 17px;}
#event_goods span:after {display: block;content: '';position: absolute;top: 1px;left: -24px;width: 20px;height: 20px;background: url('../images/pasteur/notice-info.png') no-repeat center center;background-size: contain;}
#event_goods .inner {margin: 0 0 0px 70px;}
#event_goods dl {margin-top: 5px;}
#event_goods dl dd {margin-top: 5px;}
#event_goods dl ul li {position: relative;padding-left: 13px;font-size: 15px;color: #FFFFFF;letter-spacing: -0.05em;line-height: 32px;}
#event_goods dl ul li:after {display: block;content: '';position: absolute;top: 15px;left: 0;width: 7px;height: 2px;background: #FFFFFF;opacity: 0.6;}
#event_goods strong {display: block;padding-bottom: 20px;margin-top: 20px;font-size: 24px;color: #fbe000;letter-spacing: -0.05em;line-height: 1.6em;font-weight: 300;text-align: center;}

#event_process {width: 754px;margin: 0 auto 0;background: #ffffff;}
#event_process .container {width: 90%;margin: auto;border-radius: 0px;border: 0px solid #203f98;padding-bottom: 20px;}
#event_process hgroup {padding-top: 0px;}
#event_process strong {display: block;margin: 5% 0 5% 0;text-align: center;font-size: 22px;color: #000000;font-weight: 300;letter-spacing: -0.05em;line-height: 1.6em;}
#event_process strong span {font-size: 22px;color: #203f98;font-weight: 900;}
#event_process p {margin-top: 20px;margin-bottom: 3%;text-align: center;font-size: 18px;color: #000000;letter-spacing: -0.05em;line-height: 1.6em;}
#event_process p span {font-size: 18px;color: #203f98;font-weight: 600;}
#event_process table {border-collapse: collapse;width: 100%;float: left; margin: 0 0 2em;}
#event_process thead {border-bottom: 3px solid $primary-color;}
#event_process th {padding: 0.35em 0 .35em;font-weight: 400;text-align: left;@include heading-font-regular;font-size: 1.25em;}
#event_process tbody {border-bottom: 3px solid $primary-color;}
#event_process tr {border-bottom: 2px solid #ddd;}
#event_process td {padding: .75em 0;}
#event_process a {color: $primary-color;text-decoration: none;display: inline-block;margin: 0 .5em 0 0;&:hover, &:active, &:focus}
#event_process .customer-box {background: #ffffff;text-align: center;}
#event_process .customer-box > li {display: inline;zoom: 1;*display: inline;vertical-align: middle;width: 33%;position: relative;}
#event_process .customer-box > li:after {display: block;content: '';position: absolute;top: 50%;left: -1px;width: 2px;height: 90px;background: #ffffff;margin-top: -45px;}
#event_process .customer-box > li:first-child:after {display: none;}
#event_process dl {margin-top: 75px;}
#event_process dl:first-child {margin-top: 0;}
#event_process dl dt {text-align: center;position: relative;z-index: 2;}
#event_process dl dt:after {display: block;content: '';position: absolute;top: 50%;left: 0;z-index: -1;margin-top: -1px;width: 100%;height: 3px;background: #808080;}
#event_process dl dt strong {padding: 0 30px;background: #dcdcdc;font-size: 32px;color: #42240f;font-weight: 600;letter-spacing: -0.05em;line-height: 1em;}
#event_process dl dd {margin-top: 25px;}
#event_process dl ul li {position: relative;padding-left: 35px;font-size: 16px;color: #2e2e2e;letter-spacing: -0.05em;line-height: 32px;}
#event_process dl ul li:after {display: block;content: '';position: absolute;top: 15px;left: 20px;width: 7px;height: 2px;background: #2e2e2e;opacity: 0.6;}

#event_part {width: 754px;padding-top: 10px;padding-bottom: 35px;margin: 0px auto;background: #ffffff;}
#event_part .container {width: 80%;margin: auto;padding-bottom: 20px;border-radius: 27px;border: 4px solid #203f98;}
#event_part strong {display: block;margin: 5% 0 5% 0;text-align: center;font-size: 22px;color: #000000;font-weight: 300;letter-spacing: -0.05em;line-height: 1.6em;}
#event_part strong span {font-size: 22px;color: #203f98;font-weight: 900;}
#event_part p {margin-top: 30px;margin-bottom: 3%;text-align: center;font-size: 18px;color: #000000;letter-spacing: -0.05em;line-height: 1.6em;}
#event_part p span {font-size: 18px;color: #203f98;font-weight: 600;}
#event_part .event-form {border: 3px solid #203f98;width: 550px;height: 70px;margin: 0 auto;background: #aee5ff;border-radius: 38px;overflow: hidden;position: relative;}
#event_part .event-form legend {display: none;}
#event_part .event-form .txt {display: block;border: 0;margin: 0 160px 0 80px;font-size: 18px;color: #808080;background: #aee5ff;letter-spacing: -0.02em;height: 70px;width: calc(100% - 240px);}
#event_part .event-form .sbm {border: 0;padding: 0;position: absolute;top: 0;right: 0;width: 160px;background: #203f98;height: 70px;line-height: 70px;text-align: center;border-radius: 38px;font-size: 32px;color: #ffffff;font-weight: 900;letter-spacing: -0.02em;}

#event_result {width: 774px;padding-top: 10px;padding-bottom: 10px;margin: 0px auto;background:#ffafd2;background-position: bottom;}
#event_result body {background: #ffffff;}
#event_result .table-users {border: 2px solid #EE3F6A;border-radius: 10px;max-width: 80%;margin: 1em auto;overflow: hidden;width: 800px;}
#event_result .header {background: #EE3F6A;color: white;font-size: 1.5em;padding: 1rem;text-align: center;text-transform: uppercase;}
#event_result .end {background: #ffffff;color: rgb(0, 0, 0);font-size: 1em;padding: 1rem;text-align: center;text-transform: uppercase;}
#event_result .img {background: #ffffff;font-size: 1.5em;padding: 1rem;text-align: center;text-transform: uppercase;}
#event_result table {width: 100%;}
#event_result td, th {color: darken($baseColor, 10%);padding: $padding;}
#event_result td {text-align: center;vertical-align: middle;&:last-child {font-size: 0.95em;line-height: 10;text-align: left;}}
#event_result th {background: #ffffff;font-weight: 300;}
#event_result tr {&:nth-child(2n) { background-color: white; }&:nth-child(2n+1) { background-color: lighten(#EE3F6A, 90%) };line-height: 4}

#event_product {width: 754px;margin: 0 auto 0;background: #159fde;}
#event_product hgroup {margin-bottom: 0px;}
#event_product strong {display: block;margin: 10px 0 50px;font-size: 24px;color: #ebd2b1;letter-spacing: -0.05em;line-height: 1.6em;font-weight: 300;text-align: center;}

#event_notice {width: 754px;margin: 0 auto 0;background: #ffffff;}
#event_notice hgroup {margin: 0 auto;}
#event_notice .inner {width: 754px;margin: 0 auto;}
#event_notice dl {margin-top: 75px;}
#event_notice dl:first-child {margin-top: 0;}
#event_notice dl dt {text-align: center;position: relative;z-index: 2;}
#event_notice dl dt:after {display: block;content: '';position: absolute;top: 50%;left: 0;z-index: -1;margin-top: -1px;width: 100%;height: 3px;background: #808080;}
#event_notice dl dt strong {padding: 0 30px;background: #dcdcdc;font-size: 32px;color: #42240f;font-weight: 600;letter-spacing: -0.05em;line-height: 1em;}
#event_notice dl dd {margin-top: 25px;}
#event_notice dl ul li {position: relative;padding-left: 35px;font-size: 16px;color: #2e2e2e;letter-spacing: -0.05em;line-height: 32px;}
#event_notice dl ul li:after {display: block;content: '';position: absolute;top: 15px;left: 20px;width: 7px;height: 2px;background: #2e2e2e;opacity: 0.6;}
#event_notice .customer-box {background: #ffffff;text-align: center;}
#event_notice .customer-box > li {display: inline;zoom: 1;*display: inline;vertical-align: middle;width: 33%;position: relative;}
#event_notice .customer-box > li:after {display: block;content: '';position: absolute;top: 50%;left: -1px;width: 2px;height: 90px;background: #ffffff;margin-top: -45px;}
#event_notice .customer-box > li:first-child:after {display: none;}

#event_office {width: 754px;margin: 0 auto 0;background: #ffffff;}
#event_office hgroup {margin: 0 auto;}
#event_office .inner {width: 754px;margin: 0 auto;}
#event_office dl {margin-top: 75px;}
#event_office dl:first-child {margin-top: 0;}
#event_office dl dt {text-align: center;position: relative;z-index: 2;}
#event_office dl dt:after {display: block;content: '';position: absolute;top: 50%;left: 0;z-index: -1;margin-top: -1px;width: 100%;height: 3px;background: #808080;}
#event_office dl dt strong {padding: 0 30px;background: #dcdcdc;font-size: 32px;color: #42240f;font-weight: 600;letter-spacing: -0.05em;line-height: 1em;}
#event_office dl dd {margin-top: 25px;}
#event_office dl ul li {position: relative;padding-left: 35px;font-size: 16px;color: #2e2e2e;letter-spacing: -0.05em;line-height: 32px;}
#event_office dl ul li:after {display: block;content: '';position: absolute;top: 15px;left: 20px;width: 7px;height: 2px;background: #2e2e2e;opacity: 0.6;}
#event_office .customer-box {background: #fff;text-align: center;}
#event_office .customer-box > li {display: inline;zoom: 1;*display: inline;vertical-align: middle;width: 33%;position: relative;}
#event_office .customer-box > li:after {display: block;content: '';position: absolute;top: 50%;left: -1px;width: 2px;height: 90px;background: #ffffff;margin-top: -45px;}
#event_office .customer-box > li:first-child:after {display: none;}

#sns-ico {margin: 0 0 25px;padding-top: 25px;text-align: center;}
#sns-ico > li {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;margin: 0 6px;}
#sns-ico > li a {display: block;}
#sns-ico > li img {display: block;margin: 0 auto;max-width: 100%;}

.colorYellow {color: #c9890d !important;}
.colorBlue {color: #0093ca !important;}


/**************************************************
	당첨자발표
**************************************************/

#event_result1 .table-fill {background: #ffffff;;border-radius:3px;border-collapse: collapse;height: auto;margin: auto;max-width: 754px;width: 100%;}
#event_result1 tr {border-top: 1px solid #C1C3D1;border-bottom-: 1px solid #C1C3D1;color:#ffffff;font-size:16px;font-weight:normal;}
#event_result1 tr:first-child {border-top:none;}
#event_result1 tr:last-child {border-bottom:none;}
#event_result1 tr:last-child td:first-child {border-bottom-left-radius:3px;}
#event_result1 tr:last-child td:last-child {border-bottom-right-radius:3px;}
#event_result1 td {background:#FFFFFF;padding:20px;text-align:left;vertical-align:middle;font-weight:300;font-size:12px;border-right: 1px solid #C1C3D1;}
#event_result1 td:last-child {border-right: 0px;}
#event_result1 th.text-center {text-align: center;}
#event_result1 td.text-center {text-align: center;}




/* scroll section active */
/* #main .visual > * {position: relative;opacity: 0;top: 50px;}
#main .visual.active > * {opacity: 1;top: 0;}
#main .visual.active img {transition: all 0.3s 0s;}
#main .visual.active .date {transition: all 0.3s 0.3s;}

#sec1 > * {position: relative;opacity: 0;top: 50px;}
#sec1.active > * {opacity: 1;top: 0;}
#sec1.active > img {transition: all 0.3s 0s;}
#sec1.active > strong {transition: all 0.3s 0.3s;}

#sec2 > * {position: relative;opacity: 0;top: 50px;}
#sec2.active > * {opacity: 1;top: 0;}
#sec2.active hgroup {transition: all 0.3s 0s;}
#sec2.active > img {transition: all 0.3s 0.3s;}

#sec3 > * {position: relative;opacity: 0;top: 50px;}
#sec3.active > * {opacity: 1;top: 0;}
#sec3.active hgroup {transition: all 0.3s 0s;}
#sec3.active > span {transition: all 0.3s 0.3s;}
#sec3.active > strong {transition: all 0.3s 0.6s;}
#sec3.active > img:not(.mt40) {transition: all 0.3s 0.9s;}
#sec3.active > img.mt40 {transition: all 0.3s 1.2s;}

#sec4 > * {position: relative;opacity: 0;top: 50px;}
#sec4.active > * {opacity: 1;top: 0;}
#sec4.active hgroup {transition: all 0.3s 0s;}
#sec4.active .img1 {transition: all 0.3s 0.3s;}
#sec4.active > strong {transition: all 0.3s 0.6s;}
#sec4.active .img2 {transition: all 0.3s 0.9s;}

#sec5 .inner > * {position: relative;opacity: 0;top: 50px;}
#sec5.active .inner > * {opacity: 1;top: 0;}
#sec5.active .img1 {transition: all 0.3s 0s;}
#sec5.active hgroup {transition: all 0.3s 0.3s;}
#sec5.active .img2 {transition: all 0.3s 0.6s;} */