@charset "UTF-8";

/* font */
@font-face {
  font-family: 'SourceHanSerifKR';
  src: local(SourceHanSerifKR), 
       url('../font/sourceHanSerif/SourceHanSerifKR-Regular_subset.woff2') format('woff2'),           /* Super modern browsers */
       url('../font/sourceHanSerif/SourceHanSerifKR-Regular_subset.woff') format('wofff'),            /* Modern browsers */
       url('../font/sourceHanSerif/SourceHanSerifKR-Regular_subset.otf') format('opentype');          /* Safari, Android, iOS */
  font-weight: 400;
}
@font-face {
  font-family: 'SourceHanSerifKR';
  src: local(SourceHanSerifKRBold),
        url('../font/sourceHanSerif/SourceHanSerifKR-Bold_subset.woff2') format('woff2'),
        url('../font/sourceHanSerif/SourceHanSerifKR-Bold_subset.woff') format('wofff'),
        url('../font/sourceHanSerif/SourceHanSerifKR-Bold_subset.otf') format('opentype');
  font-weight: 600;
}
@font-face {
  font-family: 'NotoSansKR';
  src: local(SourceHanSerifKR),
        url('../font/notoSansKR/NotoSansKR-Light.woff2') format('woff2'),
        url('../font/notoSansKR/NotoSansKR-Light.woff') format('woff'),
        url('../font/notoSansKR/NotoSansKR-Light.otf') format('opentype');
  font-weight: 300;
}
@font-face {
  font-family: 'NotoSansKR';
  src: local(SourceHanSerifKR),
        url('../font/notoSansKR/NotoSansKR-Regular.woff2') format('woff2'),
        url('../font/notoSansKR/NotoSansKR-Regular.woff') format('woff'),
        url('../font/notoSansKR/NotoSansKR-Regular.otf') format('opentype');
  font-weight: 400;
}
@font-face {
  font-family: 'NotoSansKR';
  src: local(SourceHanSerifKRBold),
        url('../font/notoSansKR/NotoSansKR-Bold.woff2') format('woff2'),
        url('../font/notoSansKR/NotoSansKR-Bold.woff') format('woff'),
        url('../font/notoSansKR/NotoSansKR-Bold.otf') format('opentype');
  font-weight: 600;
}

/* reset */
*,:before,:after{box-sizing:border-box}
article,blockquote,body,button,cite,div,dl,dt,dd,h1,h2,h3,header,li,main,nav,p,section,small,th,td,ul{margin:0;padding:0}
article,header,section,main,nav{display:block}
a{color:inherit;cursor:pointer}
a:active,a:focus,a:hover,a:link{text-decoration:none}
body,html{height:100%}
body{font-size:100%;font-family:'NotoSansKr',sans-serif;line-height:1.5;word-break:break-all;text-align: justify;color:#000;}
button{border:0;background:none;vertical-align:middle;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}
caption{overflow:hidden;position:absolute;width:1px;height:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}
dl,ul,li{list-style:none}
img{vertical-align:top}
table {table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;}

/* common */
.a11y{overflow:hidden;position:absolute;width:1px;height:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}
.blind{overflow:hidden;position:absolute;z-index:-1;width:1px;height:1px;text-indent:-9999em}
.mobile-only{display:none;}
.pb-120{padding-bottom:120px!important;}
[lang*="en"]{word-break:keep-all;}

/* html */
html.is-scroll-blocking{overflow:hidden!important}
html.is-scroll-blocking .main{padding-right:17px;}
html.is-scroll-blocking .breadcrumbs{display:none;}
html.is-scroll-blocking .main:after{z-index:102;background:rgba(0,0,0,0.9)}
html.is-scroll-blocking .title:after{background-color:transparent;}
html .title:after{background-color:#f5f5f3;transition:all 1s ease;}

/* wrap */
.wrap{background-color:#f5f5f5;}

/* header */
.header{position:relative;z-index:1;}

/* main */
.main{overflow:hidden;position:relative;top:352px;z-index:2;padding:158px 0 352px;background:#f5f5f3;transition:background 1s ease;}
.main:after{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#f5f5f3;transition:background 1s ease}

/* dimmed */
.main.is-dimmed,
.main.is-dimmed:after{background:#000}
.main.is-dimmed:after{z-index:100}
.main.is-dimmed .gnb{z-index:100;opacity:0;transition:opacity 1s ease;}
.main.is-dimmed .video{position:relative;}
.main.is-dimmed .speaker__caption{transition:color 1s ease;color:#fff;}
.main.is-dimmed .title:after{background-color:rgba(0,0,0,0.9);opacity:0}
.main.is-dimmed .text-more{opacity:0;}
.main .title:after{background-color:#f5f5f3;opacity:1;transition:all 1s ease;}

/* gnb */
.gnb{position:absolute;top:0;z-index:102;width:100%;opacity:1;transition:opacity 1s ease;}
.gnb:after{content:'';position:absolute;top:0;right:0;width:464px;height:113px;background:rgb(255,255,255);background:linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);transform:translateX(464px);transition:all .2s ease-in-out}
.gnb.is-fixed{position:fixed}
.gnb.is-active{z-index:103;width: 100%;}
.gnb.is-active:after,
.gnb.is-active .nav{transform:translateX(0);}
.gnb.is-active .nav__button:before,
.gnb.is-active .nav__button:after{width:37px;left:5px}
.gnb.is-active .nav__button:before{top:22px;transform:rotate(45deg)}
.gnb.is-active .nav__button:after{bottom:22px;transform:rotate(-45deg)}
.gnb.is-active .share{right:188px;}
.gnb.is-active .channel{right:72px;}

/* nav */
.nav{overflow-x:hidden;overflow-y:auto;position:absolute;right:0;width:464px;height:100%;padding:32px 0 32px 80px;background-color:#fff;box-shadow:-4px 0 9px 0 rgba(35,24,21,0.03);transform:translateX(464px);transition:all .2s ease-in-out}
.nav__list{margin-top:31px;}
.nav__list:first-of-type{margin-top:108px;}
.nav__item{font-family:'SourceHanSerifKR',serif;font-size:20px;font-weight:600;color:#757575;line-height:2.4}
.nav__link{display:flex;color:#757575;white-space:nowrap;transition:color .2s ease-in-out}
.nav__link:hover,
.nav__item.is-current .nav__link{color:#000}
.nav__link:after{content:'';display:inline-block;width:8px;height:8px;margin:9px 0 0 5px;border-radius:50%;background-color:#000;opacity:0;transition:opacity .2s ease-in-out}
.nav__link:hover:after,
.nav__item.is-current .nav__link:after{opacity:1}
.nav__button{position:absolute;right:96px;z-index: 2;width:48px;height:48px;margin-top:32px;}
.nav__button:before,.nav__button:after{content:'';position:absolute;left:0;width:100%;height:4px;background:#000;transition:all .2s ease-in-out}
.nav__button:before{top:12px}
.nav__button:after{bottom:12px}

/* cover */
.cover{display:flex;align-items:center;justify-content:center;overflow:hidden;position:fixed;width:100%;height:352px;background-color:#191919;background-repeat:no-repeat;background-position:50% 50%}
.cover__title{display:flex;flex-direction:column;position:relative;width:960px;font-family:'SourceHanSerifKR',serif;color:#fff}
.cover__title--main{padding-top:4px;font-weight:400;font-size:64px;}
.cover__title--sub{font-weight:400;font-size:32px}
#chapter1 .cover{background-image:url('../img/chapter1/cover_chapter1.jpg')}
#chapter2 .cover{background-image:url('../img/chapter2/cover_chapter2.jpg')}
#chapter3 .cover{background-image:url('../img/chapter3/cover_chapter3.jpg')}

/* breadcrumbs */
.breadcrumbs{display:flex;flex-direction:column;position:absolute;left:96px;z-index:1;margin-top:46px;}
.breadcrumbs--home{width:140px;height:21px;margin-bottom:-5px;background:url('../img/common/logo.png') no-repeat 50% 50%}
.breadcrumbs--current{margin-top:34px;font-family:'SourceHanSerifKR',sans-serif;font-size:16px;font-weight:700;color:#171717;line-height:1.5}

/* sns */
.sns{display:flex;position:absolute;right:-100%;left:auto;z-index:2;transition:all .2s ease-in-out;}
.sns a{display:block;width:48px;height:48px;margin-left:8px}
.sns a:first-of-type{margin-left:0}

/* share */
.share{top:31px;}
.share [class*='__link--']{background:no-repeat 50% 50%;}
.share .share__link--f{background-image:url('../img/common/icon_sns_f.png')}
.share .share__link--t{background-image:url('../img/common/icon_sns_t.png')}
.share .share__link--k{background-image:url('../img/common/icon_sns_k.png')}
.share .share__link--f:hover{background-image:url('../img/common/icon_sns_f-hover.png')}
.share .share__link--t:hover{background-image:url('../img/common/icon_sns_t-hover.png')}
.share .share__link--k:hover{background-image:url('../img/common/icon_sns_k-hover.png')}

/* channel */
.channel{flex-wrap:wrap;position:static;bottom:31px;margin:40px 0 58px;}
.channel span{display:block;width:100%;margin-bottom:19px;font-size:20px;color:#171717;}
.channel .channel__link{border-radius:50%;border:1px solid #000;background:#fff no-repeat 50% 50%;}
.channel .channel__link:hover{background-color:#000}
.channel .channel__link--f{background-image:url('../img/common/icon_channel_f.png')}
.channel .channel__link--y{background-image:url('../img/common/icon_channel_y.png')}
.channel .channel__link--n{background-image:url('../img/common/icon_channel_n.png')}
.channel .channel__link--f:hover{background-image:url('../img/common/icon_channel_f-hover.png')}
.channel .channel__link--y:hover{background-image:url('../img/common/icon_channel_y-hover.png')}
.channel .channel__link--n:hover{background-image:url('../img/common/icon_channel_n-hover.png')}

/* article */
.article{overflow:hidden;position:relative;width:1248px;margin:0 auto;padding-bottom:158px;}
.article__inner{width:608px;margin:0 auto;}
.article:last-of-type{padding-bottom:0;}
.article:after{content:'';position:absolute;top:74px;left:160px;width:1px;height:100%;background-color:#909090}

/* title */
.title{display:flex;align-items:center;position:relative;z-index:1;margin-left:-160px;font-family:'SourceHanSerifKR',serif;font-size:48px;font-weight:600;line-height:1.5;color:#171717;opacity:1;transition:all 1s ease;}
.title:before{content:'';width:8px;height:8px;margin:4px 92px 0 -3px;background-color:#000;border-radius:50%}
.title:after{content:'';position:absolute;top:0;left:0;z-index:-2;width:1px;height:100%;background-color:#f5f5f3;}
.title + .video{padding-top:49px;}

/* subtitle */
.subtitle{padding:53px 0 22px;font-size:32px;font-size:28px;font-weight:400;line-height:1.57;}
.subtitle + .banner{margin-top:20px;}
.subtitle + .video{padding-top:30px;}

/* text */
/* [class*="text--"]{width:608px;} */
.text{padding-bottom:32px;font-size:24px;font-size:20px;font-weight:400;line-height:2;line-height:1.6;;}
.text--emph{padding-bottom:33px;font-size:24px;font-size:20px;font-weight:600;line-height:2;line-height:1.6;;}
.text--emph + .text{margin-top:-2px;}
.text--serif{font-family:'SourceHanSerifKR',serif;font-size:32px;font-weight:400;line-height:1.5;}
.text--serif p + p {margin-top:34px;}
.text--small{margin-top:-14px;font-size:20px;line-height:1.6;}
.text--small + .text--underline{margin-top:105px;}
.text + .subtitle{padding:0 0px 22px;}
.text + .video{padding-top:21px;}
.text.pb-120 + .video{padding-top:0;}
.text--list{display:flex;}
.text--list strong{flex:0 0 auto;}
.text--list span{padding-left:4px;}
/* text--underline */

.is-underline mark{background-size:100% 100%;background-color:transparent;background-image:linear-gradient(transparent 86%,#00d2ff 24%);background-repeat:no-repeat;background-position:0 -3px;}
.text--underline{margin-top:20px;font-size:32px;font-size:28px;font-weight:600;line-height:1.5;line-height:1.57;}
.text--underline mark{z-index:1;background-size:0 100%;background-color:transparent;background-image:linear-gradient(transparent 80%,#00d2ff 20%);background-repeat:no-repeat;background-position:0 -1px;}
.text--underline mark.fadeText{animation-duration:1s;animation-fill-mode:both;animation-name:fadeText;background-size:100% 100%;}
.text--underline .text{display:block;padding-top:19px;font-weight:400;font-style:normal;}
.text--underline + .text {margin-top:30px;}
.text--underline + .text:last-child{padding-bottom:0;}

/* text-more */
.text-more{display:none;padding:47px 30px 45px 27px;border-top:1px solid #000;border-bottom:1px solid #000;background-color:#fdfdfd;font-size:18px;line-height:2;z-index:102;position:absolute;transition:opacity 1s ease;}
.text-more + .subtitle{margin-top:-44px}
.text-more__title{font-size:24px;text-align:center}
.text-more__desc{padding-top:5px;font-size:16px;text-align:center;color:#757575}
.text-more__chart{padding:58px 50px 0;text-align:center;position:relative;}
.text-more__chart img{width:100%;}
.chart-type--2{display:flex;flex-direction:column;padding:0 50px 0;}
.chart-type--2 .chart__legend{order:1;}
.text__button--more{display:inline-flex;align-items:center;min-height:32px;margin-right:4px;padding:0 8px 0;border-radius:4px;background-color:#e1e1e1;font-size:20px;color:#000;}
.icon__cirlce-plus{display:inline-block;position:relative;width:17px;height:17px;margin-left:8px;background-color:#f5f5f3;border-radius:50%;}
.icon__cirlce-plus:before,
.icon__cirlce-plus:after{content:'';position:absolute;background-color:#818181;}
.icon__cirlce-plus:before{top:50%;left:50%;width:9px;height:1px;margin:0px 0 0 -4px;}
.icon__cirlce-plus:after{bottom:50%;left:50%;width:1px;height:9px;margin:0 0 -5px 0;}

.text-more + .video{padding-top:80px;}
.term__group + .text{margin-top:30px;padding-bottom:12px}
.term__group + .article__inner .text + .text-more{margin-top:0;margin-bottom:48px}
.term__group + .article__inner .text{margin-top:30px;padding-bottom:12px}
.text + .text--underline{margin-top:0;}
.title + .text{padding-top:42px;}
.title + .text--emph{margin-top:43px}
.subtitle + .text{margin-top:0;}

/* term */
.term{overflow:hidden;position:relative;width:608px;height:384px;margin-left:32px;border-radius:3px;font-size:32px;line-height:1.5;color:#fff}
.term:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.65);transition:all .4s ease}
.term:first-of-type{margin-left:0}
.term__name,.term__description{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;transition:all .4s ease}
.term__name{position:relative;z-index:1;opacity:1}
.term__description{position:absolute;top:0;left:0;z-index:1;opacity:0}
.term.is-digital-navtive{background:url('../img/chapter1/img_digital-native.png') no-repeat 50% 50%}
.term.is-digital-immigrants{background:url('../img/chapter1/img_digital-immigrants.png') no-repeat 50% 50%}
.term:hover:before{background:rgba(0,0,0,0.9)}
.term:hover .term__name{opacity:0}
.term:hover .term__description{opacity:1}
.term__group{display:flex;position:relative;z-index:1;}

/* banner */
.banner{position:relative;left:160px;z-index:1;margin:0 0 34px -160px;width:100%;}
.banner__box{margin-top:-1px;border-radius:4px;background-color:#2e2e2e;color:#fff}
.banner__text{padding:77px 172px;font-family:'SourceHanSerifKR',sans-serif;font-size:24px;line-height:1.67;}
.banner__chart{display:flex;padding:54px 0 49px}
.banner__source{display:block;margin-top:14px;margin-right:320px;font-size:16px;font-style:normal;line-height:2;color:#757575;text-align:right;}
.banner__image{position:relative;z-index:1;}
.banner + .subtitle{margin-top:-45px}
.article__inner .title:only-child{margin-bottom:56px;}

/* page-nav */
.page-nav{position:absolute;bottom:0;z-index:101;width:100%;height:96px;background-color:#000;font-family:'SourceHanSerifKR',sans-serif;color:#fff}
.page-nav__list{display:flex;width:928px;height:100%;margin:0 auto}
.page-nav__item{display:flex;align-items:center;width:50%;height:100%}
.page-nav__item:only-of-type{width:100%;}
.page-nav__item:only-of-type .page-nav__link{align-items:center;}
.page-nav__item--next:only-of-type .page-nav__link:before{right:calc(50% - 102px);}
.page-nav__link{display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;height:100%;padding:0 34px;font-size:20px;font-weight:600;line-height:1.8}
.page-nav__link small{display:block;font-size:12px}
.page-nav__link:before{content:'';position:absolute;top:50%;margin-top:4px;border-top:8px solid transparent;border-bottom:8px solid transparent}
.page-nav__item--prev .page-nav__link:before{left:12px;border-right:8px solid #e5e3e0}
.page-nav__item--next .page-nav__link{align-items:flex-end;}
.page-nav__item--next .page-nav__link:before{right:12px;border-left:8px solid #e5e3e0}

/* chart */
.chart__legend{font-size:16px}
.chart__legend dd{display:flex;align-items:center;}
.chart__legend dd:before{content:'';width:12px;height:12px;margin-top:1px;margin-right:10px;background:no-repeat 50% 50%}
.chart__legend dd:first-of-type:before{background-image:url('../img/chapter1/chart_legend-young.png')}
.chart__legend dd:last-of-type:before{background-image:url('../img/chapter1/chart_legend-old.png')}
.chart__area{position:relative;font-size:20px}
.chart__area dt{display:flex;justify-content:flex-end;}
.chart__area.is-oecd dt{padding-right:32px}
.chart__area.is-korea dt{padding-right:60px}
.chart__area.is-oecd{width:266px;margin-left:60px}
.chart__area.is-korea{width:298px;margin-left:102px}
.chart__area.is-oecd dd{top:104px;left:18px}
.chart__area.is-korea dd{top:104px;left:34px;font-size:32px;font-weight:600;color:#2e2e2e}
.chart__area:after{content:'';position:absolute;bottom:0;width:100%;background:no-repeat 50% 50%}
.chart__area.is-oecd:after{height:213px;background-image:url('../img/chapter1/chart-oecd.png');}
.chart__area.is-korea:after{height:237px;background-image:url('../img/chapter1/chart-korea.png');}
.chart{position:relative;margin-left:-32px;}
.chart__flag{display:flex;justify-content:center;}
.chart__flag span{display:flex;justify-content:center;height:32px;padding:0 8px;border-radius:4px;background-color:#f2f2f2;font-size:14px;line-height:2.29;color:#000;align-items:center;}
.chart__flag span:first-of-type{width:224px;}
.chart__flag span:last-of-type{width:284px;margin-left:58px;}
.chart__text{font-size:16px;line-height:1.5;color:#757575;text-align:center;}
.chart__legend{display:flex;align-items:center;position:absolute;top:0;left:0;z-index:1;width:100%;}
.chart__legend dt{font-size:20px;font-weight:300;line-height:1.6;color:#000;}
.chart__legend dd:first-of-type{margin-left:auto;}
.chart__legend dd:last-of-type{margin-left:24px;}
.chart__legend dd{font-size:16px;line-height:2;color:#757575;}
/* .chart__legend dt,
.chart__legend dd{font-size:16px;line-height:2;} */
.banner__chart .chart__legend{display:block;position:relative;width:auto;margin-left:130px;}
.banner__chart .chart__legend dt{margin-top:-2px;color:#fff;}
.banner__chart .chart__legend dd{margin-top:7px;color:#fff;}
.banner__chart .chart__legend dd:last-of-type{margin-left:0;}
.banner__chart .chart__area{height:297px;}
.banner__chart .chart__area dd{position:absolute;z-index:1}
.modal__chart{position:relative;}
.chart-type--2 .chart__legend{flex-wrap:wrap;justify-content:center;position:static;margin-top:55px;text-align:center;}
.chart-type--2 .chart__legend dt{order:1;width:100%;margin-top:1px;font-weight:400;color:#757575;}
.chart-type--2 .chart__legend dd:first-of-type{margin-left:inherit;}
.chart-type--2 .chart__legend dd:first-of-type:before{background-image:url('../img/chapter1/chart_legend-access.png');}
.chart-type--2 .chart__legend dd:last-of-type:before{background-image:url('../img/chapter1/chart_legend-old.png');}

/* video */
.video{position:static;z-index:101;padding-top:114px;}
.video + .subtitle{margin-top:37px;}
.video + .text--emph{margin-top:128px}
.video__player{width:608px;height:400px;margin:0 auto 26px;background-color:#000}
.video__player iframe{height:100%}
.video + .button--outline{margin-top:50px;}
.video + .text--underline{margin-top:110px;}

/* speaker */
.speaker{position:relative;z-index:101;width:608px;}
.speaker__info{padding:0 64px;}
.speaker.swiper-container{margin-left:0;}
.speaker__list{display:flex}
.speaker__caption{font-family:'SourceHanSerifKR',serif;font-size:24px;font-size:20px;line-height:2;line-height:1.6;color:#000}
.speaker__name{display:flex;align-items:center;margin-top:33px;font-size:20px;font-style:normal;line-height:1.6;color:#757575}
.speaker__name:only-child{justify-content:center;margin-top:-9px;}
.swiper-container .speaker__name:before{content:'';min-width:96px;height:96px;margin-right:32px;border-radius:50%;background:#e3e3e3 no-repeat 50% 50%}
.speaker__name.is-mathilde-park:before{background-image:url('../img/chapter2/img_speaker_mathilde-park.png')}
.speaker__name.is-hwang-jong-sung:before{background-image:url('../img/chapter2/img_speaker_hwang-jong-sung.png')}
.speaker__name.is-min-kyung-bae:before{background-image:url('../img/chapter2/img_speaker_min-kyung-bae.png')}
.speaker__name.is-renato-sabbadini:before{background-image:url('../img/chapter2/img_speaker_renato-sabbadini.png')}
.speaker__name.is-kim-bong-seob:before{background-image:url('../img/chapter3/img_speaker_kim-bong-seob.png');}
.speaker__name.is-sk-telecom:before{background-image:url('../img/chapter3/img_speaker-sk-telecom.png');}

/* double-quotes */
.double-quotes{display:block;height:18px;font-size:56px;line-height:44px;text-align:center;}
.double-quotes__text{display:block;padding:9px 0;}


/* outline */
.outline {width:608px;margin:-80px auto 140px;}

/* swiper */
.swiper__pagination{display:flex;justify-content:center;margin-top:20px}
.swiper__buttons{display:flex;justify-content:space-between;position:absolute;top:88px;z-index:1;width:100%;padding:0 16px;padding:0;}
.swiper__button{position:relative;width:48px;height:48px;border-radius:50%;background-color:#e3e3e3;cursor:pointer}
.swiper__button:hover,
.swiper__button:active{background-color:#171717}
.swiper__button:before{content:'';position:absolute;bottom:14px;width:20px;height:20px;border:4px solid #acacac;border-top:0;border-left:0;background-color:transparent}
.swiper__button--prev:before{left:50%;margin-left:-6px;transform:rotate(135deg);}
.swiper__button--next:before{right:50%;margin-right:-6px;transform:rotate(-45deg);}
.swiper-pagination-bullet{background:#c7c7c7;opacity:1;}
.swiper-pagination-bullet-active{background:#171717;}

/* card */
.card{position:relative;z-index:1;width:928px;margin:84px auto 104px;}
.card__text{margin-bottom:21px;font-size:16px;text-align:center;color:#757575;}
.card__list{display:flex;}
.card__item{width:288px;height:320px;margin-left:32px;border-radius:8px;background-color:#222036;background-repeat:no-repeat;background-position:calc(100% - 54px) calc(100% - 49px);transition:background-image .4s ease}
.card__item:hover{transition:background-image 0.4s ease;}
.card__item:first-of-type{margin-left:0;background-image:url('../img/chapter3/card-icon_pencil-off.png');}
.card__item:nth-of-type(2){background-image:url('../img/chapter3/card-icon_wrong-off.png');}
.card__item:last-of-type{background-image:url('../img/chapter3/card-icon_flag-off.png');}
.card__item:hover:first-of-type{margin-left:0;background-image:url('../img/chapter3/card-icon_pencil-on.png');}
.card__item:hover:nth-of-type(2){background-image:url('../img/chapter3/card-icon_wrong-on.png');}
.card__item:hover:last-of-type{background-image:url('../img/chapter3/card-icon_flag-on.png');}
.card__link{display:block;width:100%;height:100%;padding:35px 31px 49px 54px;font-size:24px;line-height:1.33;color:#fff;}

/* button */
.button--outline{display:inline-flex;align-items:center;justify-content:space-between;min-width:149px;height:64px;padding:0 32px;border:1px solid #000;background-color:#fff;font-size:18px;line-height:1.78;color:#000;margin:10px 0 52px;}
.button--outline:after{content:'';width:17px;height:13px;margin-left:16px;background:url('../img/common/icon_arrow.gif') no-repeat 50% 50%;}
.button--outline:last-child{margin-bottom:0;}
.button--outline + .video{padding-top:30px;}

/* epilogue */
.epilogue{width:1248px;margin:110px auto 0;padding-left:320px;}

/* table */
/* .table--line{width:928px;margin:87px 0 0 -160px;} */
.table--line thead{border-top:2px solid #000;;border-bottom:1px solid #000;}
.table--line thead th{height:80px;padding:0 18px;font-size:20px;color:#000;text-align:left;}
.table--line tbody th{padding:0 50px;font-size:18px;font-weight:400;color:#757575;text-align:left;}
.table--line tbody td{position:relative;padding:0 18px 0 28px;font-size:16px;line-height:2;color:#000;vertical-align:top;}
.table--line tbody td:before{content:'';position:absolute;top:14px;left:18px;width:4px;height:4px;border-radius:50%;background-color:#5d5d5d;vertical-align:4px;}
.table--line tbody [rowspan],
.table--line tbody [rowspan] ~ th,
.table--line tbody [rowspan] ~ td{border-top:1px solid #c7c7c7;}
.table--line tbody [rowspan] ~ td{padding-top:18px;}
.table--line tbody [rowspan] ~ td:before{top:32px;}
.table--line tbody{border-bottom:1px solid #c7c7c7;}
.table--line .rowspan__end td{padding-bottom:20px!important;}

/* related-article */
.related-article{display:flex;align-items:center;margin:49px 0 78px;font-size:20px;line-height:2.4;color:#000;}
.related-article__link{display:inline-flex;flex-direction:column;position:relative;margin-top:-4px;margin-left:70px;font-size:16px;}
.related-article__link:before{content:'';position:absolute;bottom:2px;width:calc(100% + 18px);height:1px;background-color:#acacac;}
.related-article__link:after{content:'';position:absolute;top:50%;right:-17px;width:6px;height:11px;margin-top:-5px;background:url('../img/common/icon_arrow_small.png') no-repeat 50% 50%;}

/* mdae-people */
.made-people{width:928px;margin-left:-160px;padding-top:76px;padding-left:126px;border-top:1px solid #e3e3e3;}
.made-people th{padding:12px 32px 0;font-size:18px;font-weight:400;color:#757575;text-align:left;vertical-align:top;}
.made-people td{padding:8px 18px;font-size:20px;line-height:1.6;color:#000;}
.made-people__logo{padding-top:10px;}
.made-people__link{display:inline-flex;align-items:center;}
.made-people__link img{padding-right:4px;}

/* text--accessbility */
.text--accessbility{position:absolute;bottom:168px;width:100%;padding:0 40px;font-size:18px;font-weight:300;line-height:1.78;text-align:center;}

/* modal */
.modal{visibility:hidden;overflow:auto;position:fixed;top:0;left:0;z-index:-10000;width:100%;height:100%;background-color:rgba(0,0,0,0.9);font-size:0;text-align:center;white-space:nowrap;cursor:pointer;}
.modal.js-modal-show{visibility:visible;z-index:10000}
.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.modal__dialog{display:inline-block;overflow:hidden;position:relative;max-width:992px;width: calc(100% - 40px);border-radius:8px;margin:20px;
  background-color:#fff;font-size:100%;text-align:left;color:#000;vertical-align:middle;white-space:normal;cursor:default;}
.modal.js-modal-show .modal__dialog{animation:scale-show 1s forwards}
.modal__header{text-align:center}
.modal__title{display:flex;flex-direction:column;align-items:center;padding-top:64px;font-size:32px;font-weight:400;line-height:1.5}
.modal__title:after{content:'';width:48px;height:4px;margin-top:29px;background-color:#000}
.modal__body{position:relative;padding:74px 192px;font-size:20px;color:#000;}
.modal__body .modal__text:first-child{margin-top:-10px;}
.modal__banner{padding:50px 0;}
.modal__chart{margin-top:42px;}
.modal .chart__area{padding-top:11px;}
.modal .chart__text{margin-top:26px;}
.modal__subtitle{padding-bottom:16px;font-size:24px;font-weight:400;text-align:center;}
.modal__body .modal__subtitle:first-child{margin-top:-8px}
.modal__text{font-weight:300;text-align:justify;}
.modal__text + .modal__text{padding-top:32px;}
.modal__text--small{font-size:16px;font-weight:300;line-height:1.76;margin-top:18px;}
.modal__button--close{position:absolute;top:20px;right:20px;width:26px;height:26px;background:url(../img/common/icon_close.png) no-repeat 50% 50%}
.modal__dialog.layout-1 .modal__header{padding-bottom:68px;}
.modal__dialog.layout-1 .modal__body{padding:0 32px 70px 126px;}
.modal__dialog.layout-1 .modal__image{position:absolute;top:0;left:126px;}
.modal__dialog.layout-1 .modal__text{position:relative;padding-left:290px;line-height:1.6;}
.modal__dialog.layout-1 .modal__text:first-of-type{margin-top:-6px;}
.modal__text--small + .button--outline{margin-top:50px;}
.modal__text + .button--outline{margin-top:43px;}

/* animate */
@keyframes fadeText {
  0%   {background-size:0 100%;}
  100% {background-size:100% 100%;}
}
@keyframes scale-show {
  0%   {opacity:.7;transform:scale3d(.93,.93,.93)}
  100% {opacity:1;transform:scale3d(1,1,1)}
}
@keyframes fadeInUp {
  0%   {opacity:0;-webkit-transform:translate3d(0,50%,0);-ms-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}
  100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.wow{visibility:hidden;}
.is-ie .wow{visibility:visible;}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;animation-duration:1s;}


@media screen and (max-width: 1900px){
  .nav__button{right:20px;}
  .breadcrumbs{left:20px;}
}

@media screen and (max-width: 1440px){
  /* gnb */
  .gnb:before{content:'';position:absolute;top:0;right:0;z-index:2;width:464px;height:56px;background-color:#fff;transform:translateX(464px);transition:all .2s ease-in-out;}
  .gnb.is-active:before{transform:translateX(0);}
  .gnb.is-active .share {right:264px;}
  .gnb.is-active .breadcrumbs--home{top:42px;right:104px;left:auto;}
  .gnb.is-active .breadcrumbs--home{transform:translateX(0);}

  /* nav */
  .nav{padding:32px 40px;}
  .nav__list{margin-top:24px}
  .nav__list:first-of-type{margin-top:86px}
  .nav__list:last-of-type{margin-bottom:42px;}
  .nav__item{padding:1px 0;font-size:18px;line-height:2.67}

  /* breadcrumbs */
  .breadcrumbs{left:0;z-index:auto;width:100%;margin-top:39px;margin-top:0}
  .breadcrumbs--home{position:absolute;top:42px;right:104px;left:auto;z-index:3;background-image:url('../img/common/logo.png');transform:translateX(464px);transition:all .2s ease-in-out}
  .breadcrumbs--current{display:none;margin-top:16px;margin-left:16px}
  .breadcrumbs--current br{display:none}
  
  /* article */
  .article{overflow:visible;left:0;width:608px;padding-left:0;}
  .article:after{display:none;}

  /* title */
  .title{margin-left:0;text-align:left;}
  .title:before{display:none;}

  /* term */
  .term__group{left:-160px;width:928px;}

  /* banner */
  .banner{left:160px;width:928px;margin:0 -160px 34px -320px;}
  .banner__image{width:100%;}
  .banner__chart{flex-wrap:wrap;justify-content:space-around;padding:27px 40px 40px;}
  .banner__chart .chart__legend{display:flex;width:100%;margin-left:0;margin-bottom:40px;}
  .banner__chart .chart__legend dd:last-of-type{margin-left:40px;}
  .banner__source{margin:0 160px;}
  .banner__text{padding:38px 40px;font-size:16px;line-height:1.5;}
  .banner__text br{display:none;}

  /* double-quotes */
  .double-quotes{font-size:33px;line-height:33px;}
  .double-quotes__text{padding:0;}

  /* text-more */
  .text-more{padding:24px 20px 23px;}

  .epilogue{width:608px;padding-left:0;}
}

@media screen and (max-width: 1200px){
  /* modal */
  .modal__header{padding:0 18px 23px;}
  .modal__body{padding:0 40px 70px !important;}
  .modal__button--close{top:20px;right:20px;}
  .modal__title{font-size:24px;padding-top:50px;}
  .modal__title:after{margin-top:11px;width:23px;height:2px;}
  .modal__text{font-size:16px;}
  .modal__body .modal__text:first-child {margin-top:0;}
  .modal__dialog.layout-1 .modal__header{padding-bottom:23px;}
  .modal__dialog.layout-1 .modal__body{display:flex;flex-direction:column;align-items:center;}
  .modal__dialog.layout-1 .modal__image{position:static;margin-bottom:28px;    width: 117px;}
  .modal__dialog.layout-1 .modal__text{padding-left:0;width:100%;}
  .modal__text + .modal__text{padding-top:26px;}
  .modal__chart{width:640px;margin:42px auto 0;}
  .modal__chart .chart{margin-left: 0;text-align:center;}
  .modal__chart .chart-type--2{padding:0;}
}

@media screen and (max-width: 1024px) {
  /* article */
  .article{width:calc(100% - 40px);}
  .article__inner{width:608px;}

  /* cover */
  .cover__title{width:608px;text-align:left;}

  /* term */
  .term__group{left:0;margin-left:0;width:100%;}
  .term{width:100%;margin-left:20px;}
  
  /* banner */
  .banner{left:0;margin:0 0 34px 0;width:100%;}
  .banner__source{margin:0;}

  /* chart */
  .chart__area.is-oecd{margin-left:0;}
  .chart__area.is-korea{margin-left:0;}

  .title,
  .text,
  .subtitle,
  .speaker, 
  .banner__source{width:608px;margin:0 auto;}
  [class*="text--"]{margin:0 auto;}
  [class*="outline"]:not(.button--outline){margin:-80px auto 140px}
  [class*="modal__text--small"]{margin-top:18px;}

  /* video */
  .video__frame{display:flex;}

  /* speaker */
  .speaker.swiper-container{margin:0 auto;}

  /* page-nav */
  .page-nav__list{width:100%;}

  /* text--underline */
  .text--underline{margin-top:20px;}

  /* card */
  .card{width:100%;}
  .card__list{width: calc(100% - 32px);margin:0 auto;}
  .card__item{width:100%;margin-left:8px;background-position:calc(100% - 12px) calc(100% - 16px);background-size:50%;}
  .card__link{padding:30px 31px 49px 32px;text-align:left;word-break:keep-all;}

  /* table--line */
  /* .table--line{width:100%;margin:87px 0 0 0;} */

  .text--accessbility{text-align:center;}
  
  /* mdae-people */
  .made-people{width:100%;margin-left:0;padding-left:0;}
  .made-people colgroup{display:none}
  .made-people th,.made-people td{display:block;}
  .made-people th {padding:8px 0 0;}
  .made-people td {padding:0 0 8px;}

  /* modal */
  .modal__banner{display:block;margin:0 auto;}

}
  

@media screen and (max-width: 760px) {
  /* html */
  html{min-width:360px}
  html.is-scroll-blocking .breadcrumbs{display:block}
  html.is-scroll-blocking .main:after{background:#fff;}

  /* body */
  body{word-break:break-all;}
  
  /* common */
  .pc-only{display:none!important;}
  .mobile-only{display:block!important;}
  .pb-120{padding-bottom:40px!important;}
  
  /* main */
  .main{top:176px;padding:0 16px 245px}
  /* .main:after{display:none;} */
  
  /* gnb */
  .gnb{display:flex;left:0;width:100%;height:56px!important;background-color:#f5f5f3}
  .gnb.is-active:before{content:'';position:absolute;top:0;z-index:2;width:100%;height:56px;background-color:#fff}
  .gnb.is-active .share{right:calc(100% - 224px)}
  .gnb.is-active .nav__button:before{top:23px}
  .gnb.is-active .nav__button:after{bottom:23px}
  .gnb.is-active .nav__button:before,
  .gnb.is-active .nav__button:after{left:24px;width:24px}
  .gnb.is-active .breadcrumbs--home{top:18px;left:136px}
  .gnb.is-fixed .breadcrumbs--home{position:absolute;transform:translateX(0);transition:all .2s ease-in-out;}
  .gnb.is-fixed .breadcrumbs--current{display:block;}

  /* nav */
  .nav{width:100%;padding:0 16px;transform:translateX(100%);z-index:1}
  .nav__button{right:6px;margin-top:4px}
  .nav__button:before{top:18px}
  .nav__button:after{bottom:18px}
  .nav__button:before,.nav__button:after{left:50%;width:24px;height:2px;margin-left:-12px}
  .nav__list{margin-top:24px}
  .nav__list:first-of-type{margin-top:86px}
  .nav__list:last-of-type{margin-bottom:42px}
  .nav__item{padding:1px 0;font-size:18px;line-height:2.67}
  
  /* cover */
  .cover{height:176px;padding:0 24px;background-size:cover}
  .cover__title--main{font-size:32px;text-align:left;}
  .cover__title--sub{font-size:16px}
  #chapter1 .cover{background-image:url(../img/chapter1/cover_chapter1@m.jpg)}
  #chapter2 .cover{background-image:url(../img/chapter2/cover_chapter2@m.jpg)}
  #chapter3 .cover{background-image:url(../img/chapter3/cover_chapter3@m.jpg)}
  
  /* breadcrumbs */
  .breadcrumbs{left:0;z-index:auto;width:100%;margin-top:39px;margin-top:0}
  .breadcrumbs--home{position:absolute;top:19px;left:calc(100% + 272px);z-index:3;width:112px;height:17px;background-image:url(../img/common/logo@2x.png);background-size:contain;position:static;transform:translate(16px, 17px);transition: none;}
  .breadcrumbs--current{margin-top:16px;margin-left:16px;display:none;}
  .breadcrumbs--current br{display:none}

  /* sns */
  .sns a{width:24px;height:24px;margin-left:16px;background-size:60%}
  .sns.channel a{width:32px;height:32px}
  
  /* share */
  .share{top:16px;transform:translateX(-100%);transition:all .2s ease-in-out}
  .share__link--f{background-size:11px!important}
  .share__link--t{background-size:19px!important}
  .share__link--k{background-size:18px!important}

  /* channel */
  .channel .channel__link--f{background-size:8px}
  .channel .channel__link--y{background-size:16px}
  .channel .channel__link--n{background-size:12px}

  /* article */
  .article{overflow:visible;width:100%;padding-bottom:86px;padding-left:0}
  .article:first-of-type{margin-top:58px}
  .article:after,.title:before{display:none}
  .article__inner .title:only-child{margin-bottom:35px}
  .article__inner{width:100%}

  /* title */
  .title{width:100%;margin-left:0;font-size:28px;line-height:1.43;}
  .title + .text{padding-top:34px;padding-bottom:27px}
  .title + .text--emph{margin-top:34px}

  /* subtitle */
  .subtitle{width:100%;padding:31px 0;font-size:24px;line-height:1.67;text-align:left;}
  .subtitle + .text{margin-top:0}
  .subtitle + .video{padding-top:0}
  .subtitle br{display:none;}

  /* text */
  [class*="text--"]{width:100%}
  [class*="outline"]:not(.button--outline){margin:100px auto 0}
  .text{width:100%;padding-bottom:30px;font-size:16px;line-height:1.5}
  .text br{display:none}
  .text + .text{margin-top:2px}
  .text + .text--underline{margin-top:-1px}
  .text + .subtitle{margin-top:28px!important}
  .text__button--more{font-size:16px;}
  .icon__cirlce-plus{width:14px;height:14px;margin-left:4px;}
  .text--small{font-size:12px;line-height:2}
  .text--small + .text--underline{margin-top:55px}
  .text--emph{font-size:16px;font-weight:400;line-height:1.5}
  .text--serif{font-size:20px;line-height:1.6;font-weight:500}
  .text--serif br{display:none;}
  .text--list{flex-direction:column;}
  .text--list span{padding-left:0;}

  /* text--underline */
  .text--underline{width:100%;margin-top:23px;font-size:24px;font-weight:400;line-height:1.67;letter-spacing:-.01em}
  .text--underline br{display:none}
  .text--underline .text{display:block!important;margin-top:-22px;padding-bottom:0}
  .text--underline + .text{margin-top:24px}

  /* text-more */
  .text-more{width:calc(100% + 32px);margin-left:-16px;padding:30px 16px;font-size:16px;line-height:2}
  .text-more + .video{padding-top:56px}
  .text-more__title{font-size:16px;line-height:2}
  .text-more__desc{font-size:12px;line-height:2}
  .text-more__chart{padding:30px 0 0}

  /* term */
  .term__group{left:0;margin-left:0}
  .term__group + .article__inner > .text{margin-top:24px;padding-bottom:20px}
  .term__group + .article__inner > .text + .text-more{margin-bottom:auto}
  .term__group + .article__inner .text--underline .text{margin-top:0}
  .term{height:192px;margin-left:16px;font-size:16px}
  .term .term__description br{display:none}

  /* banner */
  .banner{left:0;width:calc(100% + 32px);margin-bottom:31px;margin-left:-16px}
  .banner__box{border-radius:0}
  .banner__text{padding:40px 16px;font-size:16px;line-height:1.5}
  .banner__text br{display:none}
  .banner__source{width:100%;margin:16px 0 0;padding:0 16px;font-size:12px}
  .banner__chart{flex-wrap:wrap;align-items:flex-end;justify-content:space-between;min-height:296px;padding:34px 16px}
  .banner__chart .chart__legend{flex-direction:column;align-items:flex-start;position:absolute;top:31px;left:15px}
  .banner__chart .chart__legend dt{margin-bottom:-3px}
  .banner__chart .chart__legend dd{margin-top:4px;margin-left:0!important}
  .banner__chart .chart__area{position:relative;width:50%}
  .banner__chart .chart__area dt{position:relative;justify-content:center;padding-right:0}
  .banner__chart .chart__area dd{z-index:-1}

  /* chart */
  .chart__area{font-size:16px}
  .chart__legend{margin-left:0}
  .chart__legend dt{font-size:12px;line-height:1.6}
  .chart__legend dd{font-size:10px;line-height:1.6}
  .chart__legend dd:before{margin-top:0}
  .chart__area:after{background-size:contain;z-index:1}
  .chart__area.is-oecd{height:106px;margin-left:0}
  .chart__area.is-oecd:after{height:106px;background-image:url(../img/chapter1/chart-oecd@m.png)}
  .chart__area.is-oecd dt{top:-42px}
  .chart__area.is-korea{height:148px;margin-left:0}
  .chart__area.is-korea:after{height:118px;background-image:url(../img/chapter1/chart-korea@m.png)}
  .chart__area .counter{display:none}
  .chart-type--2 .chart__legend{margin-top:18px}
  .chart-type--2 .chart__legend dt{margin-top:8px;font-size:12px}
  .chart-type--2 .chart__legend dd{font-size:12px}
  .chart__flag{margin-top:12px}
  .chart__flag span{font-size:10px;width:100%!important}
  .chart__flag span:first-of-type{margin-left:15px}
  .chart__flag span:last-of-type{margin-left:15px}
  .chart__text{margin-top:25px;font-size:12px}

  /* video */
  .video{width:calc(100% + 32px);margin-left:-16px;padding-top:35px}
  .video__frame{position:relative;width:100%;height:auto;padding-bottom:56.25%;margin:0 auto 23px}
  .video iframe{position:absolute;width:100%;height:100%}
  .video + .text--emph{margin-top:54px}

  /* speaker */
  .speaker{width:calc(100% - 32px);margin:0 auto}
  .speaker__info{width:100%;padding:0}
  .speaker__caption{font-size:16px;line-height:1.5}
  .speaker__name{margin-top:17px;font-size:12px}

  /* swiper */
  .swiper__buttons{position:static;width:210px;margin:0 auto}
  .swiper__button{width:32px;height:32px}
  .swiper__button:before{width:12px;height:12px;border-width:3px;bottom:10px}
  .swiper__button--prev:before{margin-left:-4px}
  .swiper__button--next:before{margin-right:-4px}
  .swiper-container .speaker__name:before{min-width:64px;height:64px;margin-right:20px}
  .swiper__pagination{margin-top:36px;margin-bottom:-20px}

  /* page-nav */
  .page-nav{height:80px;padding:0 33px;margin-left:-18px}
  .page-nav__list{width:100%}
  .page-nav__link{padding:0;font-size:12px;line-height:1.33}
  .page-nav__link small{font-size:8px;line-height:2}
  .page-nav__link:before{border-top-width:6px;border-bottom-width:6px}
  .page-nav__item--next .page-nav__link{text-align:right}
  .page-nav__item--prev .page-nav__link:before{border-right-width:6px;left:-12px}
  .page-nav__item--next .page-nav__link:before{border-left-width:6px;right:-12px}
  .page-nav__item--next:only-of-type .page-nav__link:before{right:calc(50% - 60px);}

  /* card */
  .card{margin:60px 0 24px}
  .card__list{width:100%}
  .card__item{height:160px}
  .card__link{font-size:12px;padding:18px 18px 49px;}
  .card__text{margin-bottom:26px}

  /* epilogue */
  .epilogue{width:100%;margin:56px auto 0}

  /* related-article */
  .related-article{flex-direction:column;align-items:flex-start;margin:20px 0 78px;font-size:16px}
  .related-article__link{margin-top:0;margin-left:0;font-size:12px}
  .related-article__link:after{right:-19px;width:6px;height:11px;margin-top:-5px;background-image:url(../img/common/icon_arrow_small@m.png);background-size:50%}

  /* table--line */
  .table--line thead th{font-size:12px;}
  .table--line tbody th{padding:0 10px;font-size:12px;}
  .table--line tbody td{padding:0 10px 0 18px;font-size:12px;line-height:1.5;}
  .table--line tbody [rowspan] ~ td{padding-top:10px;}
  .table--line tbody td:before{top:6px;left:10px;}
  .table--line tbody [rowspan] ~ td:before{top:17px;}
  .table--line .rowspan__end td{padding-bottom:9px!important;}

  /* made-people */
  .made-people th,.made-people td{font-size:16px}
  .made-people th{padding:27px 0 0;font-size:12px}
  .made-people td{padding:1px 0;line-height:2;font-size:12px}
  
  /* text--accessbility */
  .text--accessbility{bottom:114px;left:0;width:100%;margin:0 auto;padding:0 16px;font-size:12px;text-align:left;}

  /* button */
  .button--outline{height:40px;min-width:104px;min-height:40px;margin:-5px 0 35px;padding:0 12px;font-size:12px}
  .button--outline:after{width:25px;height:12px;margin-left:2px;background-size:contain;background:url(../img/common/icon_arrow@m.png) no-repeat 50% 50%;background-size:45%}

  /* video */
  .video + .text--underline{margin-top:56px}
  .video + .subtitle{margin-top:27px}
  .video + .button--outline{margin-top:30px}

  /* modal */
  [class*="modal__text"]{margin-bottom:36px}
  [class*="modal__text"]:only-child{margin-bottom:0}
  .modal__body{padding:0 18px 70px!important}
  .modal__dialog{width:100%;margin:0;border-radius:0}
  .modal__title{font-size:24px}
  .modal__banner{width:100%;padding:0 0 44px}
  .modal .chart__area{padding-top:30px;}
  .modal .chart__legend{flex-wrap:wrap;position:static}
  .modal .chart__legend dt{font-size:16px;width:100%;margin-bottom:6px}
  .modal .chart__legend dd{font-size:12px;margin-left:inherit}
  .modal .chart__legend dd:before{margin-left:2px}
  .modal .chart__legend dd:last-of-type{margin-left:14px}
  .modal__chart{width:100%;}
  .modal .chart img{width:100%}
  .modal__text--small{line-height:1.5;font-size:14px}
  .modal__text + .modal__text{padding-top:0}
  .modal__button--close{top:6px;right:6px;width:32px;height:32px;background-image:url(../img/common/icon_close@m.png);background-size:50%}
  .modal .button--outline{width:200px;height:40px;margin:0 auto;display:flex;justify-content:center}
  .modal__chart .chart-type--2 {padding:0;}
  .modal__chart .chart-type--2 .chart__legend dt{margin-top:8px;font-size:12px}
}