#container .history01 .inner {position:relative; max-width:1440px; width:100%; font-size:0; margin:0 auto; padding:0;}
#container .history01 .inner:after {display:block; clear:both; content:'';}
#container .history01 article {margin:0 0 70px;}
#container .history01 article:first-child {margin:70px 0 !important;}
#container .history01 article:last-child {margin:0 0 100px;}
#container .history01 .year {font-size:44px; font-weight:700; color:#000; display:inline-block; vertical-align:top; padding:6px 0 0 6px; width:118px; letter-spacing:-0.5px;}
#container .history01 .hislist {position:relative; display:inline-block; vertical-align:top; padding:64px 0 61px 40px; margin:0 0 0 20px; width:calc(100% - 144px);}
#container .history01 .hislist:after {content:''; display:inline-block; width:2px; height:100%; background:#ddd; position:absolute; top:0; left:0;}
#container .history01 .hislist:before {content:''; display:inline-block; width:6px; height:38px; background-image:url('/company/img/history-bg.png'); background-repeat:no-repeat; background-position:center; position:absolute; top:0; left:0; z-index:1; margin:15px 0 0 -2px;}
#container .history01 .hislist > li {display:inline-block; vertical-align:top;}
#container .history01 .hislist .hisdesc {width:calc(100% - 472px);}
#container .history01 .hislist .hisdesc ul li {line-height:2.8;}
#container .history01 .hislist .month {display:inline-block; vertical-align:top; font-size:18px; font-weight:700; color:#000; width:35px;}
#container .history01 .hislist .month.ltt {letter-spacing:2.3px;}
#container .history01 .hislist .monthdesc {display:inline-block; vertical-align:top; width:calc(100% - 35px); font-size:16px; font-weight:400; color:#737373; padding:1px 0 0 40px; word-break:keep-all;}
#container .history01 .hislist .hisimg {width:472px; padding:15px 0 0; position:relative; overflow:hidden;}
#container .history01 .hislist .hisimg .hiscover {position:absolute; top:0; left:100%; width:100%; height:100%; background:#fff; transition:all 1.3s ease;}

@media all and (max-width:1200px){
    #container .history01 article {margin:0 0 60px;}
    #container .history01 article:first-child {margin:60px 0 !important;}
    #container .history01 article:last-child {margin:0 0 80px;}
    #container .history01 .year {font-size:40px; display:block; padding:0; width:100%;}
    #container .history01 .hislist {display:block; padding:60px 0 60px 35px; margin:20px 0 0 20px; width:100%;}
    #container .history01 .hislist .hisdesc {width:calc(100% - 430px);}
    #container .history01 .hislist .month {font-size:17px;}
    #container .history01 .hislist .monthdesc {font-size:15px; padding:2px 0 0 30px;}
    #container .history01 .hislist .hisimg {width:430px; padding:10px 0 0 10px;}
    #container .history01 .hislist .hisimg img {max-width:100%;}
}

@media all and (max-width:970px){
    #container .history01 .hislist > li {display:block;}
    #container .history01 .hislist .hisdesc {width:100%;}
    #container .history01 .hislist .hisimg {width:100%; padding:20px 0 0;}
}

@media all and (max-width:768px){
    #container .history01 article {margin:0 0 50px;}
    #container .history01 article:first-child {margin:50px 0 !important;}
    #container .history01 article:last-child {margin:0 0 50px;}
    #container .history01 .year {font-size:40px;}
    #container .history01 .hislist {padding:50px 0 50px 30px; margin:15px 0 0 15px;}
    #container .history01 .hislist .month {font-size:16px;}
    #container .history01 .hislist .monthdesc {font-size:14px; padding:2px 0 0 20px;}
    #container .history01 .hislist .hisimg {padding:15px 0 0;}
}

@media all and (max-width:500px){
    #container .history01 article {margin:0 0 10vw;}
    #container .history01 article:first-child {margin:10vw 0 !important;}
    #container .history01 article:last-child {margin:0 0 10vw;}
    #container .history01 .year {font-size:8vw; letter-spacing:0;}
    #container .history01 .hislist {padding:10vw 0 10vw 6vw; margin:3vw 0 0 03vw;}
    #container .history01 .hislist:after {width:0.4vw;}
    #container .history01 .hislist:before {width:1.2vw; height:7.6vw; margin:3vw 0 0 -0.4vw; background-size:1vw;}
    #container .history01 .hislist .month {font-size:3.2vw; width:7vw;}
    #container .history01 .hislist .monthdesc {width:calc(100% - 7vw); font-size:3.2vw; padding:0 0 0 3vw;}
    #container .history01 .hislist .hisimg {padding:3vw 0 0;}
}

#container .history02 {position:relative; background:#fff; overflow:hidden; padding:105px 0;}
#container .history02 .inner {position:relative; max-width:1440px; width:100%; font-size:0; margin:0 auto; padding:0;}
#container .history02 .inner:after {display:block; clear:both; content:'';}
#container .history02 article {margin:75px auto 0;}
#container .history02 article:nth-child(1) {margin:10px auto 0;}
#container .history02 article .tit {width:50%; margin:-24px auto 0;}
#container .history02 article .tit h2 {position:relative; font-size:70px; font-weight:700; z-index:2;}
#container .history02 article .tit .img {position:relative; width:100%; height:209px; margin:-31px auto 0; overflow:hidden; z-index:1;}
#container .history02 article .tit .img img {position:absolute; top:0; left:0;}
#container .history02 article .cont {position:relative; width:50%;}
#container .history02 article .cont:before {position:absolute; display:inline-block; width:41px; height:41px; top:0; border-radius:50%; content:'';}
#container .history02 article .cont:after {position:absolute; display:inline-block; width:1px; height:100%; top:0; content:'';}
#container .history02 article .cont ul {padding:0 0 60px 0;}
#container .history02 article .cont ul li {margin:40px auto 0;}
#container .history02 article .cont ul li:nth-child(1) {margin:0;}
#container .history02 article .cont ul li h2 {font-size:24px; color:#383838; font-weight:700;}
#container .history02 article .cont ul li p {font-size:16px; color:#1b1b1b; font-weight:400; line-height:1.75; margin:12px auto 0;}
#container .history02 article .cont ul li p span {display:block;}
#container .history02 article:nth-child(odd) .tit {float:left; padding:0 70px 0 0;}
#container .history02 article:nth-child(odd) .tit h2 {color:#000; text-align:right; padding:0 30px 0 0;}
#container .history02 article:nth-child(odd) .cont {float:right; padding:0 0 0 100px;}
#container .history02 article:nth-child(odd) .cont:before {left:0; background:#000; margin:0 0 0 -20.5px;}
#container .history02 article:nth-child(odd) .cont:after {left:0; background:#000;}
#container .history02 article:nth-child(odd) .cont ul li {text-align:left;}
#container .history02 article:nth-child(even) .tit {float:right; padding:0 0 0 70px;}
#container .history02 article:nth-child(even) .tit h2 {color:#c6c6c6; text-align:left; padding:0 0 0 30px;}
#container .history02 article:nth-child(even) .cont {float:left; padding:0 100px 0 0;}
#container .history02 article:nth-child(even) .cont:before {right:0; background:#c6c6c6; margin:0 -20.5px 0 0;}
#container .history02 article:nth-child(even) .cont:after {right:0; background:#c6c6c6;}
#container .history02 article:nth-child(even) .cont ul li {text-align:right;}

@media all and (max-width:1200px){
    #container .history02 {padding:80px 0;}
    #container .history02 article {margin:50px auto 0;}
    #container .history02 article .tit {margin:-20px auto 0;}
    #container .history02 article .tit h2 {font-size:56px;}
    #container .history02 article .tit .img {height:180px; margin:-28px auto 0;}
    #container .history02 article .cont:before {width:32px; height:32px;}
    #container .history02 article .cont ul {padding:0 0 45px 0;}
    #container .history02 article .cont ul li {margin:32px auto 0;}
    #container .history02 article .cont ul li h2 {font-size:20px;}
    #container .history02 article .cont ul li p {font-size:14.5px; margin:8px auto 0;}
    #container .history02 article:nth-child(odd) .tit {padding:0 50px 0 0;}
    #container .history02 article:nth-child(odd) .tit h2 {padding:0 20px 0 0;}
    #container .history02 article:nth-child(odd) .cont {padding:0 0 0 80px;}
    #container .history02 article:nth-child(odd) .cont:before {margin:0 0 0 -16px;}
    #container .history02 article:nth-child(even) .tit {padding:0 0 0 50px;}
    #container .history02 article:nth-child(even) .tit h2 {padding:0 0 0 20px;}
    #container .history02 article:nth-child(even) .cont {padding:0 80px 0 0;}
    #container .history02 article:nth-child(even) .cont:before {margin:0 -16px 0 0;}    
}

@media all and (max-width:768px){
    #container .history02 {padding:55px 0;}
    #container .history02 article {margin:30px auto 0;}
    #container .history02 article .tit {width:100%; margin:0 auto 24px;}
    #container .history02 article .tit h2 {font-size:46px;}
    #container .history02 article .tit .img {height:30vw; margin:-24px auto 0;}
    #container .history02 article .cont {width:100%;}
    #container .history02 article .cont:before {width:24px; height:24px;}
    #container .history02 article .cont ul {padding:0 0 30px 0;}
    #container .history02 article .cont ul li {margin:24px auto 0;}
    #container .history02 article .cont ul li h2 {font-size:17.5px;}
    #container .history02 article .cont ul li p {font-size:13px; margin:6px auto 0;}
    #container .history02 article:nth-child(odd) .tit {float:inherit; padding:0;}
    #container .history02 article:nth-child(odd) .tit h2 {text-align:left; padding:0;}
    #container .history02 article:nth-child(odd) .cont {float:inherit; padding:0 0 0 36px;}
    #container .history02 article:nth-child(odd) .cont:before {margin:0;}
    #container .history02 article:nth-child(odd) .cont:after {left:11px;}
    #container .history02 article:nth-child(even) .tit {float:inherit; padding:0;}
    #container .history02 article:nth-child(even) .tit h2 {text-align:left; padding:0;}
    #container .history02 article:nth-child(even) .cont {float:inherit; padding:0 0 0 36px;}
    #container .history02 article:nth-child(even) .cont:before {left:0; right:inherit; margin:0;}
    #container .history02 article:nth-child(even) .cont:after {left:11px; right:inherit;}
    #container .history02 article:nth-child(even) .cont ul li {text-align:left;}    
}

#container .history03 {padding:85px 0 0;}
#container .history03 .inner {position:relative; max-width:1440px; width:100%; font-size:0; margin:0 auto; padding:0;}
#container .history03 .inner:after {display:block; clear:both; content:'';}
#container .history03 .article {padding:0 0 85px;}
#container .history03 .article .txt {text-align:center; margin:0 auto 13px;}
#container .history03 .article .txt h2 {font-size:40px; color:#171717; font-weight:700;}
#container .history03 .article .list ul {position:relative; padding:20px 0;}
#container .history03 .article .list ul:after {position:absolute; display:inline-block; width:1px; height:100%; top:0; left:50%; background:#dedede; transform:translate(-50%,0); content:'';}
#container .history03 .article .list ul li {padding:9px 0;}
#container .history03 .article .list ul li > div {display:inline-block; width:50%;}
#container .history03 .article .list ul li .month {position:relative; display:inline-block; }
#container .history03 .article .list ul li .month:after {position:absolute; display:inline-block; width:100%; height:1px; bottom:0; left:0; background:#dedede; content:'';}
#container .history03 .article .list ul li .month p {position:relative; width:67px; font-size:20px; color:#000; font-weight:700; text-align:center; padding:0 0 5px;}
#container .history03 .article .list ul li .month p:after {position:absolute; display:inline-block; width:100%; height:2px; bottom:0; left:0; background:#000; z-index:1; content:'';}
#container .history03 .article .list ul li .desc {display:inline-block; }
#container .history03 .article .list ul li .desc p {font-size:16px; color:#161616; font-weight:400; line-height:1.875; position:relative;}
#container .history03 .article .list_right ul {text-align:right;}
#container .history03 .article .list_right ul li > div {text-align:left;}
#container .history03 .article .list_right ul li .month {float:left; padding:0 0 0 52px; }
#container .history03 .article .list_right ul li .desc {float:left; padding:12px 0 0 35px;}
#container .history03 .article .list_right ul li .desc p:after {position:absolute; top:15px; left:-15px; display:block; content:''; width:6px; height:1px; background:#161616;}
#container .history03 .article .list_left ul {text-align:left;}
#container .history03 .article .list_left ul li > div {text-align:right;}
#container .history03 .article .list_left ul li .month {float:right; padding:0 52px 0 0; }
#container .history03 .article .list_left ul li .desc {float:right; padding:12px 35px 0 0;}
#container .history03 .article .list_left ul li .desc p:after {position:absolute; top:15px; right:-15px; display:block; content:''; width:6px; height:1px; background:#161616;}

@media all and (max-width:1445px){
    #container .history03 {padding:75px 0 0;}
    #container .history03 .article {padding:0 0 75px;}
    #container .history03 .article .txt {margin:0 auto 12px;}
    #container .history03 .article .txt h2 {font-size:36px;}
    #container .history03 .article .list ul {padding:18px 0;}
    #container .history03 .article .list ul li {padding:8px 0;}
    #container .history03 .article .list ul li .month p {width:62px; font-size:18px; padding:0 0 4.5px;}
    #container .history03 .article .list ul li .desc {display:block; }
    #container .history03 .article .list ul li .desc p {font-size:15px;}
    #container .history03 .article .list_right ul li .month {float:inherit; padding:0 0 0 48px; }
    #container .history03 .article .list_right ul li .desc {float:inherit; padding:12px 0 0 48px;}
    #container .history03 .article .list_left ul li .month {float:inherit; padding:0 48px 0 0; }
    #container .history03 .article .list_left ul li .desc {float:inherit; padding:12px 48px 0 0;}
}

@media all and (max-width:1200px){
    #container .history03 {padding:60px 0 0;}
    #container .history03 .article {padding:0 0 60px;}
    #container .history03 .article .txt {margin:0 auto 10px;}
    #container .history03 .article .txt h2 {font-size:32px;}
    #container .history03 .article .list ul {padding:12px 0;}
    #container .history03 .article .list ul li {padding:7px 0;}
    #container .history03 .article .list ul li .month p {width:55px; font-size:16px; padding:0 0 4px;}
    #container .history03 .article .list ul li .desc p {font-size:14.5px;}
    #container .history03 .article .list_right ul li .month {padding:0 0 0 35px; }
    #container .history03 .article .list_right ul li .desc {padding:11px 0 0 35px;}
    #container .history03 .article .list_right ul li .desc p:after {top:14px;}
    #container .history03 .article .list_left ul li .month {padding:0 35px 0 0; }
    #container .history03 .article .list_left ul li .desc {padding:11px 35px 0 0;}
    #container .history03 .article .list_left ul li .desc p:after {top:14px;}
}

@media all and (max-width:768px){
    #container .history03 {padding:50px 0 0;}
    #container .history03 .article {padding:0 0 50px;}
    #container .history03 .article .txt {text-align:left; margin:0 auto 8px;}
    #container .history03 .article .txt h2 {font-size:28px;}
    #container .history03 .article .list ul {padding:10px 0;}
    #container .history03 .article .list ul:after {left:0; transform:translate(0,0);}
    #container .history03 .article .list ul li {padding:6px 0;}
    #container .history03 .article .list ul li > div {width:100%}
    #container .history03 .article .list ul li .month p {width:52px; font-size:15px; padding:0 0 3px;}
    #container .history03 .article .list ul li .desc p {font-size:14px;}
    #container .history03 .article .list_right ul li .month {padding:0 0 0 30px; }
    #container .history03 .article .list_right ul li .desc {padding:10px 0 0 30px;}
    #container .history03 .article .list_right ul li .desc p:after {top:13px;}
    #container .history03 .article .list_left ul li > div {text-align:left}
    #container .history03 .article .list_left ul li .month {padding:0 0 0 30px; }
    #container .history03 .article .list_left ul li .desc {padding:10px 0 0 30px;}
    #container .history03 .article .list_left ul li .desc p:after {top:13px; left:-15px;}
}

@media all and (max-width:500px){
    #container .history03 {padding:12vw 0 0;}
    #container .history03 .article {padding:0 0 12vw;}
    #container .history03 .article .txt {margin:0 auto 2vw;}
    #container .history03 .article .txt h2 {font-size:7.5vw;}
    #container .history03 .article .list ul {padding:5vw 0;}
    #container .history03 .article .list ul li {padding:3vw 0;}
    #container .history03 .article .list ul li .month p {width:12vw; font-size:4.5vw; padding:0 0 1.5vw;}
    #container .history03 .article .list ul li .desc p {font-size:3.5vw;}
    #container .history03 .article .list_right ul li .month {padding:0 0 0 7vw; }
    #container .history03 .article .list_right ul li .desc {padding:2vw 0 0 7vw;}
    #container .history03 .article .list_right ul li .desc p:after {top:3.3vw; left:-3.5vw;}
    #container .history03 .article .list_left ul li .month {padding:0 0 0 7vw; }
    #container .history03 .article .list_left ul li .desc {padding:2vw 0 0 7vw;}
    #container .history03 .article .list_left ul li .desc p:after {top:3.3vw; left:-3.5vw;}
}