@charset "utf-8";

/* History */
.historySlider .control {display:block; position:relative; padding-right:9.34em; margin-bottom:1.61em;}
.historySlider .pager button {width:8.33em; max-width:31%;}
.historySlider .nav {display:flex; flex-wrap:nowrap; position:absolute; top:-.33em; right:0; width:6.44445em; height:3.2222223em;}
.historySlider .nav > * {display:block; position:relative; width:50%; flex-grow:1; border:1px solid #000; text-indent:-999px; overflow:hidden; background:no-repeat 50% 50%; background-size:2em auto; opacity:.4;}
.historySlider .nav > *:hover,
.historySlider .nav > *:focus {opacity:1;}
.historySlider .nav > * + * {border-left-width:0;}
.historySlider .nav .prev {background-image:url(../img/common/ico_arrow_left.svg);}
.historySlider .nav .next {background-image:url(../img/common/ico_arrow_right.svg);}

.history-item {display:block; position:relative; padding-top:2.667em; padding-left:33.16667em;}
.history-item:before {content:""; display:block; position:absolute; top:.45em; left:0; right:0; height:1px; background:#D5DCE2;}
.history-item:after {content:""; display:block; position:absolute; width:.834em; height:.834em; border-radius:100%; background:#fff; left:0; top:0; border:3px solid #0094FF;}
.history-item .year {display:block; position:absolute; top:2.667em; left:0; width:33.16667em; height:17.77778em; padding:1.88889em; border-radius:.55556em; color:#fff; background:no-repeat 50% 50% #0094FF; background-size:cover;}
.swiper-slide-active .history-item .year {
	-webkit-box-shadow:.5em .5em 1em 0px rgba(100,129,151,0.3);
	-moz-box-shadow: .5em .5em 1em 0px rgba(100,129,151,0.3);
	box-shadow: .5em .5em 1em 0px rgba(100,129,151,0.3);	
}
.history-item .year strong {display:block; font-size:2.6667em;}
.history-item .year span {display:block; font-size:1.16667em; opacity:.8; min-height:3.9em; line-height:1.3em;}
.history-item .desc {display:table; width:100%; table-layout:fixed; height:17.77778em;}
.history-item .desc > .in {display:table-cell; vertical-align:middle; padding:1em 0 1em 2.22em;}

.history-item[data-year="1950s"]:after {border-color:#0094FF;}
.history-item[data-year="1950s"] .year {background-image:url(../img/sub/01/img_history_1950.png);}

.history-item[data-year="1960s"]:after {border-color:#019CF2;}
.history-item[data-year="1960s"] .year {background-image:url(../img/sub/01/img_history_1960.png);}

.history-item[data-year="1970s"]:after {border-color:#01A1EB;}
.history-item[data-year="1970s"] .year {background-image:url(../img/sub/01/img_history_1970.png);}

.history-item[data-year="1980s"]:after {border-color:#01A6E2;}
.history-item[data-year="1980s"] .year {background-image:url(../img/sub/01/img_history_1980.png);}

.history-item[data-year="1990s"]:after {border-color:#01ABD9;}
.history-item[data-year="1990s"] .year {background-image:url(../img/sub/01/img_history_1990.png);}

.history-item[data-year="2000s"]:after {border-color:#01B0D0;}
.history-item[data-year="2000s"] .year {background-image:url(../img/sub/01/img_history_2000.png);}

.history-item[data-year="2010s"]:after {border-color:#00B8C3;}
.history-item[data-year="2010s"] .year {background-image:url(../img/sub/01/img_history_2010.png);}


@media all and (max-width:1480px) {
	.history-item {padding-left:25em;}
	.history-item .year {width:25em;}
}
@media all and (max-width:1200px) {
	.history-item {padding-left:23em;}
	.history-item .year {width:23em;}
}
@media all and (max-width:1100px) {
	.history-item {padding-left:21em;}
	.history-item .year {width:21em;}
}
@media all and (max-width:840px) {
	.historySlider {margin:0 -1em;}
	.historySlider .control {padding:0 1em;}
	.historySlider .pager button {flex-grow:1; width:19%; max-width:100%; margin:.5% !important;}
	.historySlider .nav {position:relative; top:auto; width:auto; margin-top:2em;}
	
	.history-item {padding-left:0;}
	.history-item:after {left:1em;}
	.history-item .year {position:relative; top:auto; width:auto; height:auto; padding:1.5em; margin-bottom:2em; border-radius:0;}
	.history-item .desc {height:auto;}
	.history-item .desc > .in {padding:0 1em;}
}
@media all and (max-width:480px) {
	.historySlider {margin:0 -.5em;}
	.historySlider .control {padding:0 .5em;}
	.historySlider .pager button {width:32%;}
	
	.history-item:after {left:.5em;}
	.history-item .desc > .in {padding:0 .5em;}
}



/*Domestic -3Box*/
.mT92 {margin-top:92px !important;}
.sec-keyfigure .tit {color:#111; font-weight:700; line-height:1.3em; min-height:2.6em; margin-bottom:.5em; letter-spacing:-.02em;}
.sec-keyfigure .txt-box {position:relative; border-radius:.55em; padding:.88em 1.88em 2.77em; line-height:1.4;}
.sec-keyfigure .txt-box:before {content:''; position:absolute; bottom:1.33em; right:1.44em;}
.sec-keyfigure .txt-box span {font-size:3.33em; color:#fff;}
.sec-keyfigure .txt-box .mew {font-size:1.22em; color:#fff; opacity:.8;}
.sec-keyfigure .imgBox img {width:100%;}
.sec-keyfigure .txt-box.ty1 {background:#0094FF;}
.sec-keyfigure .txt-box.ty1:before,
.sec-keyfigure .txt-box.ty3:before {background:url(../img/sub/01/ico_domestic_01.svg) no-repeat; width:5.72em; height:2.94em; background-size:contain;}
.sec-keyfigure .txt-box.ty2 {background:#00B8C3;}
.sec-keyfigure .txt-box.ty2:before {background:url(../img/sub/01/ico_domestic_02.svg) no-repeat; width:6.83em; height:2.94em; background-size:contain;}
.sec-keyfigure .txt-box.ty3 {background:#969CB0;}

@media (max-width:1310px){
	.sec-keyfigure .txt-box {padding-bottom:5em;}
}
@media (max-width:1024px){
	.sec-keyfigure .imgBox img {display:block; margin:0 auto; width:auto;}
}
@media (max-width:768px){
	.sec-keyfigure .tit {min-height:3.9em;}
	.sec-keyfigure .txt-box span {font-size:3em;}
	.sec-keyfigure .txt-box .mew {font-size:1em;}
}
@media (max-width:640px){
	.sec-keyfigure .tit {min-height:0em;}
	.sec-keyfigure .txt-box {padding-bottom:2.7em;}
}

/* Chart Box */

/* -- Legend */
.chart-legend {display:block; position:relative; margin-top:3.33em;}
.chart-legend p {display:block; position:relative; padding-left:1em;}
.chart-legend p:before {content:""; display:block; position:absolute; width:.5em; height:.5em; border-radius:100%; left:0; top:50%; margin-top:-.25em; background:#333;}
.chart-legend p > * {font-size:.888889em; color:#111; line-height:1.6em;}
.chart-legend p > * + * {margin-left:.5em;}
.chart-legend p.ty1:before {background:#0094FF;}
.chart-legend p.ty2:before {background:#00B8C3;}
.chart-legend p.ty3:before {background:#FDDD60;}

/* -- Circle */
.chart-circle-half {display:block; position:relative; width:19.45em; max-width:100%; margin:0 auto; font-size:1.1111112em; overflow:hidden; z-index:0;}
.chart-circle-half:before {content:""; display:block; position:relative; padding-top:50%;}
.chart-circle-half .in {position:absolute; top:.2em; left:.2em; right:.2em; bottom:0;}
.chart-circle-half .center {display:block; position:absolute; left:0; right:0; top:50%; text-align:center; transform:translateY(-20%); -webkit-transform:translateY(-20%);}
.chart-circle-half .center > * {display:block; line-height:1.2em;}
.chart-circle-half .center strong {font-size:1.6em; color:#111; font-weight:700;}
.chart-circle-half .center span {font-size:.9em; color:#111;}
.chart-circle-half .chart {display:block; position:absolute; top:0; left:0; right:0; bottom:-100%;}
.chart-circle-half .chart:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:.45em solid rgba(211,211,211,.3); border-bottom:none; border-radius:100%;}
.chart-circle-half .chart li {position:absolute; top:50%; left:0; right:0; height:50%; border:.45em solid; border-top:none; border-radius:0 0 calc(19.25em / 2) calc(19.25em / 2); transform-origin:50% 0;}
.chart-circle-half .chart li:nth-child(1) {z-index:4; border-color:#0094FF;}
.chart-circle-half .chart li:nth-child(2) {z-index:3; border-color:#00B8C3;}
.chart-circle-half .chart li:nth-child(3) {z-index:2; border-color:#FDDD60;}

.scroll-action.active .chart-circle-half .chart li:nth-child(1) {animation:chartAni1 3s linear 1 forwards; -webkit-animation:chartAni1 3s linear 1 forwards;}
.scroll-action.active .chart-circle-half .chart li:nth-child(2) {animation:chartAni2 3s linear 1 forwards; -webkit-animation:chartAni2 3s linear 1 forwards;}
.scroll-action.active .chart-circle-half .chart li:nth-child(3) {animation:chartAni3 3s linear 1 forwards; -webkit-animation:chartAni3 3s linear 1 forwards;}

@keyframes chartAni1{
    0%{transform: rotateZ(0);}
    26%{transform: rotateZ(calc(180deg / 30 * 25));}
    100%{transform: rotateZ(calc(180deg / 30 * 25));}
}
@keyframes chartAni2{
    0%{transform: rotateZ(0);}
    26%{transform: rotateZ(calc(180deg / 30 * 25));}
    30%{transform: rotateZ(calc(180deg / 30 * ( 3 + 25 )));}
    100%{transform: rotateZ(calc(180deg / 30 *  ( 3 + 25 )));}
}
@keyframes chartAni3{
    0%{transform: rotateZ(0);}
    30%{transform: rotateZ(calc(180deg / 30 *  ( 3 + 25 )));}
    60%{transform: rotateZ(calc(180deg / 30 *  ( 3 + 25 + 2 )));}
    100%{transform: rotateZ(calc(180deg / 30 * ( 3 + 25 + 2 )));}
}


/* -- Bar */
.chart-line {display:block; position:relative; margin-top:-1em;}
.chart-line dl + dl {margin-top:.75em;}
.chart-line dt {font-size:.888889em; color:#111; line-height:1.6em;}
.chart-line dd {display:block; position:relative; font-size:1.111112em; margin-top:.25em; border-radius:9em; height:.25em; background:#E0E6EC; overflow:hidden;}
.chart-line dd span {display:block; position:relative; height:100%; border-radius:9em; background:#333; transition:.4s all; -webkit-transition:.4s all;}
.chart-line dl:nth-child(1) dd span {background:#0094FF; transition-delay:.2s; -webkit-transition-delay:.2s;}
.chart-line dl:nth-child(2) dd span {background:#01AAD4; transition-delay:.3s; -webkit-transition-delay:.3s;}
.chart-line dl:nth-child(3) dd span {background:#01B8B8; transition-delay:.4s; -webkit-transition-delay:.4s;}
.chart-line dl:nth-child(4) dd span {background:#01C69C; transition-delay:.5s; -webkit-transition-delay:.5s;}
.chart-line dl:nth-child(5) dd span {background:#30D191; transition-delay:.6s; -webkit-transition-delay:.6s;}
.chart-line dl:nth-child(6) dd span {background:#6BDD87; transition-delay:.7s; -webkit-transition-delay:.7s;}
.chart-line dl:nth-child(7) dd span {background:#A5E87E; transition-delay:.8s; -webkit-transition-delay:.8s;}
.chart-line dl:nth-child(8) dd span {background:#EBF574; transition-delay:.9s; -webkit-transition-delay:.9s;}
.scroll-action:not(.active) .chart-line dd span {width:0 !important;}

@media all and (max-width:1024px) {
	.chart-line {margin-top:0;}
}


/*Domestic -map*/
.map-domestic-wrap .title-bx {border-top:2px solid #111; margin-bottom:1.33em;}
.map-domestic-wrap .title-bx h4 {padding-top:1.11em; margin-bottom:0;}
.map-domestic-wrap .title-bx ul.label {width:auto; overflow:hidden; text-align:right;}
.map-domestic-wrap .title-bx ul.label li {display:inline-block; padding-right:1.11em; padding-left:1.11em; color:#111;}
.map-domestic-wrap .title-bx ul.label li:last-child {padding-right:0;}
.map-domestic-wrap .title-bx ul.label li.blue {background:url(../img/sub/01/ico_blue.png) no-repeat 0 50%;}
.map-domestic-wrap .title-bx ul.label li.green { background:url(../img/sub/01/ico_green.png) no-repeat 0 50%;}
.map-domestic-wrap .title-bx ul.label li.gray { background:url(../img/sub/01/ico_gray.png) no-repeat 0 50%;}

@media (max-width:1024px){
	.map-domestic-wrap .map-domestic-area .imgBox .in img {max-height:33.33em;}
}
@media (max-width:768px){
	.map-domestic-wrap .title-bx ul.label {text-align:left; margin-top:.5em;}
}

/*APR1400*/
.Diverse-box ul li span {color:#00C898; padding-right:.2em;}