@charset "UTF-8";

.manual-wrap {padding-bottom:0; margin: 0 auto;}
.inner {padding:0 20px;}

/* background */
.bg.content {background-color:#f6f6f6;}
.bg.content + .bg.content::before {content:""; display:inline-block; position:absolute; top:0; left:50%; width:90%; height:1px; transform:translateX(-50%); background-color:#ddd;}
.bg.tip-box {padding:1.2em; background-color:#f2f2f2; border: 1px solid #ddd; border-radius: 8px;}

/* list */
.num-list {counter-reset:num 0;}
.num-list li {position:relative;  left:0; top:0; padding:3px 0 3px 25px; line-height:1.5; font-size: 1rem;}
.num-list li + li {margin-top:5px;}
.num-list li:last-child {padding-bottom:0;}
.num-list li::before {content:counter(num);  position:absolute; left:0; top:4px; display: flex; justify-content: center; align-items: center; width:20px; height:20px; line-height:20px; counter-increment:num 1; font-size:0.7rem; text-align:center;background-color:#383838; color:#fff; border-radius:50%;}

.dot-list li {position:relative; padding:3px 0 3px 28px; color:#565656; font-size:0.95rem;}
.dot-list li + li {margin-top:3px;}
.dot-list li::before {content:""; display:inline-block; position:absolute; top:4px; left:0; width:16px; height:16px; border:2px solid #b7b7b7; border-radius:50%; background-color:#fff;}

/* header */
.header {display:flex; flex-wrap:wrap; align-items:center; padding:0 1.3em;}
.header .logo {width:100%; height:80px; line-height:80px;}
.header .logo a {vertical-align:middle;}
.header .logo img {width:116px;}

/* 셀프개통 qr */
.qr-header {margin-bottom:20px; text-align:center; margin:1.5rem 0 3rem;}
.qr-header .title {width:100%; font-size:1.2rem; font-weight:700; color:#606060;}
.qr-header .text {display:inline-block; width:100%; margin-top:6px; font-size:0.95rem; line-height:1.3; font-weight:400; color:#606060; word-break:keep-all;}
.qr-header .qr-box {position:relative; width:100%; margin-top:15px;}
.qr-header .qr-box .img {display:block; max-width:80px; margin: 0 auto;}
.qr-header .qr-box .btn-link {display:inline-block; width:auto; margin-top:15px; padding:8px 30px; font-size:16px; text-align:center; background-color:#606060; color:#fff; border-radius:20px;}

/* manual  */
.manual-header {padding:1em 0 1.8em; background-color:#F1516C}
.manual-header .inner {display:flex; align-items:center;}
.manual-header .title {width:100%; padding-right:10px;}
.manual-header .title > h2 {font-weight:600; font-size:1.5rem; color:#fff; word-break: keep-all;}
.manual-header .title > h2.img-text-self {height:30px; background:url(../images/manual/img-text-self.png) no-repeat center; background-size:contain;}
.manual-header .title > span {display:block; font-weight:500; font-size:1.05rem;  color:#fff; margin-top:10px; word-break: keep-all; text-align:center;}
.manual-header .character {flex-shrink:0; position:relative;  width:140px; height:76px; z-index:2; }
.manual-header .character::before {content:""; display:inline-block; position:absolute; left:50%; top:50%; width:65%; height:0%; padding-top:65%;  margin:0 auto; transform:translate(-50%, -50%); background-color:#c41e46;  background-size:contain; border-radius:50%; background-position:center;}
.manual-header .character .img-usimi {z-index:1; position:relative; width:100%; height:100%;  background-image:url(https://www.eyagi.co.kr/leaflet/images/manual/img_character.png); background-repeat:no-repeat; background-size:cover;}
.manual-header .ic-arrow-down {display:block; margin:10px auto 0;}

.manual-sect {padding:2.5em 0 0;}
.manual-sect + .manual-sect {padding-top:3em;}
.manual-sect .h3-title {margin-bottom:0.6em; font-weight:700; font-size:1.3rem;}

.content {position:relative; padding: 40px 26px; font-size:1.25rem;}
.content.reduce {padding:0 1.4em;}
.content .title {margin-bottom:1em;  font-weight:700; font-size:1rem; text-align:center;}
.content .img-box {margin:1rem 0;}
.content .img-box ul {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin:0 -0.8em}
.content .img-box ul li {width:50%; padding:0.25em 0.8em; text-align:center;}
.content .img-box ul li img {width:120px; max-width:100%;}
.content .tip-box {display:flex; flex-wrap:wrap; margin-top:1em;}
.content .tip-box .tip-desc {width:100%; margin:1em 0;}
.content .tip-box .tip-desc .desc1 {font-weight:800;  font-size:1rem; word-break:keep-all;}
.content .tip-box .tip-desc .desc2 {margin-top:5px; font-size:1rem;}

.warning-box > .bul-warning {position:relative; padding-left:32px;  font-weight:800; font-size:1.05rem; color:#F1516C;}
.warning-box > .bul-warning::before {content:""; display:inline-block; position:absolute; left:0; width:20px; height:20px; vertical-align:top; background:url(https://www.eyagi.co.kr/leaflet/images/manual/icon_warning.png) no-repeat; background-size:contain;}
.warning-box > .bul-warning > .text {display:block; margin-top:6px; font-weight:500; font-size:0.9rem; color:#696969;}


/* 셀프개통 */
.self-way {padding:3em 0 4em; background-color:#eeeef0;}
.self-way .title {margin-bottom:1.2em; font-size:1.3rem; font-weight:700; color:#d22d50;}
.self-way .text {flex:1; font-size:1rem; font-weight:500; color:#6e6e73;}
.self-way .annex {display:inline-block; margin-top:10px; padding:0.3em 1em; font-size:15px; color:#666; background-color:#ddd; border-radius: 4px;}
.self-way .step-list {display:flex; flex-wrap:wrap; margin-top:2rem;}
.self-way .step-list li {width:100%; background-color:#fff; border-radius:12px; box-shadow:1px 1px 5px 3px rgba(0, 0, 0, .025);}
.self-way .step-list li + li {margin-top:15px;}
.self-way .step-list li .item {display:flex; width:100%; height:auto; padding:20px 25px;}
.self-way .step-list li .item .step {display:inline-block; margin-bottom:10px; font-size:0.95rem; font-weight:600; letter-spacing:1px; color:#000;}
.self-way .step-list li .item .desc {font-size:1rem; font-weight:500; color:#6e6e73; line-height: 1.5;}
.self-way .step-list li .item .img {display:none; position:relative; width:50%; max-width:100%; margin-left:auto; margin-left:10px; text-align:right; background-repeat:no-repeat; background-position:right bottom; background-size: contain;}
.self-way + .usim-way {padding-top:2.5em;}

.self-way .step-list li .item-01 .img {width:50%; background-image:url('https://www.eyagi.co.kr/leaflet/images/manual/img_self_step01.png');}
.self-way .step-list li .item-02 .img {width:30%; background-image:url('/leaflet/images/manual/img_self_step02-1.png');}
.self-way .step-list li .item-03 .img {width:50%; right: 20px; background-image:url('https://www.eyagi.co.kr/leaflet/images/manual/img_self_step03_new.png');}
.self-way .step-list li .item-04 .img {width:45%; background-image:url('https://www.eyagi.co.kr/leaflet/images/manual/img_self_step04-1.png');}
.self-way .step-list li .item-05 .img {width:40%; background-image:url('https://www.eyagi.co.kr/leaflet/images/manual/img_self_step05.png');}
.self-way .step-list li .item-06 .img {width:40%; background-image:url('https://www.eyagi.co.kr/leaflet/images/manual/img_self_step06.png');}
.self-way .step-list li .item-07 .img {width:35%; background-image:url('https://www.eyagi.co.kr/leaflet/images/manual/img_self_step07.png');}
.self-way .step-list li .item-08 .img {width:35%; background-image:url('https://www.eyagi.co.kr/leaflet/images/manual/img_self_step08.png');}



/* 유심 타입 확인 */
.usim-type .tip-box {padding:0;}
.usim-type .tip-box .tip-img-usim {text-align:center;}
.usim-type .tip-box .type-list {display:flex; width:100%; padding:1.2em 0;}
.usim-type .tip-box .type-list dl {position:relative; width:100%;}
.usim-type .tip-box .type-list dl::before {content:""; display:block; width:100%; padding-top:50%;  background-repeat:no-repeat; background-size:contain; background-position:center;}
.usim-type .tip-box .type-list dl.general::before {background-image:url(https://www.eyagi.co.kr/leaflet/images/manual/img_usim_general.png); background-size:65%;}
.usim-type .tip-box .type-list dl.micro::before {background-image:url(https://www.eyagi.co.kr/leaflet/images/manual/img_usim_micro.png); background-size:40%;}
.usim-type .tip-box .type-list dl.nano::before {background-image:url(https://www.eyagi.co.kr/leaflet/images/manual/img_usim_nano.png); background-size:30%;}
.usim-type .tip-box .type-list dl::after {content:""; position:absolute; top:0; display:block; width:1px; height:100%; background-color:#ddd;}
.usim-type .tip-box .type-list dl:first-child::after {display:none;}
.usim-type .tip-box .type-list dl dt {margin-top:5px;; font-size:0.95rem; font-weight:400; text-align:center; color:#696969;}

/* tab-menu */
.tab-menu {margin-bottom: 0;}
.tab-menu ul {display:flex; width:100%; height:46px;}
.tab-menu ul li {position:relative; width:33.33%; height:100%; text-align:center;}
.tab-menu ul li::after {content:""; position:absolute; left:0; top:0; display:block; width:1px; height:100%; background-color:#ddd;}
.tab-menu ul li:first-child::after {display:none;}
.tab-menu ul li a {display:flex; justify-content:center;  align-items:center; width:100%; height:100%; font-weight:700; font-size:1rem; color:#696969;}
.tab-menu ul li.on {background-color:#F1516C;}
.tab-menu ul li.on::after {border-left:0;}
.tab-menu ul li.on a {color:#fff;}
.tab-line {border-bottom:1px solid #F1516C;}

.tab-panel {display:none;}
.tab-panel.on {display:block;}

/* process */
.process-sect {position:relative; padding:40px 26px; background-color:#efefef;}
.process-sect::before  {content:""; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); border-top:14px solid #fff;  border-left:14px solid transparent; border-right:14px solid transparent;}
.process-sect .inner {padding:2.5em 6%; background:#fff; border-radius: 12px;}
.process-sect .check-list {text-align:center; padding:0 20px;}
.process-sect .check-list li {padding-top:35px; background:url(https://www.eyagi.co.kr/leaflet/images/manual/icon_check.png) no-repeat center top; background-size:20px;}
.process-sect .check-list li + li {margin-top:3.5em;}
.process-sect .check-list li > .question {font-weight:800; font-size:1rem;}
.process-sect .check-list li > .answer {margin-top:0.7em; font-weight:500; font-size:1rem; color:#696969; word-break:keep-all;}

.process-box {display:flex; flex-wrap:wrap;}
.process-box .num-list li,
.process-box .num-list li strong {font-weight:600; font-size:1.05rem;}

.process-sect .info-box {display: flex; flex-wrap: wrap; margin-top:2em;}
.process-sect .info-box dt {position:relative; width: 100%; padding:0.8em 1em; font-weight:700; font-size:1rem; color:#fff; background-color:#696969; border-radius: 6px;}
.process-sect .info-box dt::before {content:""; display:inline-block; width:20px; height:20px; margin-right:8px; vertical-align:top; background:url(https://www.eyagi.co.kr/leaflet/images/manual/icon_warning3.png) no-repeat; background-size:contain;}
.process-sect .info-box dd {display: block; padding-top:0.8em;  font-size:0.92rem; color:#696969;}

.process-skt .img-list {width:150px; margin:0 auto 1.5rem;}
.process-kt .img-list {display:flex; flex-wrap:wrap; width:100%; margin:0 -10px;}
.process-kt .img-list li {position:relative; width:50%; padding:0 10px;; text-align:center;}
.process-kt .img-list li:nth-child(3) {flex:1 auto; margin-top:5px;}
.process-kt .img-list li::after {content:""; display:block; position:absolute; top:50%; right:0; transform:translate(50%, 50%);  border-left:5px solid #000;  border-top:5px solid transparent; border-bottom:5px solid transparent;}
.process-kt .img-list li:last-child:after {display:none;}
.process-kt .img-list li img {width:150px;}
.process-kt .num-list {margin-top:2em;}

/* notice */
.notice-sect {padding:2.5em 1.3em; background-color:#121212;}
.notice-sect .notice-box {margin-bottom:1.5em;}
.notice-sect .notice-box:last-child {margin-bottom:0;}
.notice-sect .notice-box .title {font-weight:700;  font-size:1rem; color:#fff;}
.notice-sect .notice-box ul li {padding:5px 0; font-weight:300; font-size:0.95rem; color:#fff;}
.notice-sect .notice-box ul li + li {margin-top:0.5em}

.notice-sect .warning-box > .bul-warning {padding-left:0; padding-top:40px; text-align: center;}
.notice-sect .warning-box > .bul-warning::before {content:""; display:inline-block; position:absolute; left:50%; top:0; width:28px; height:28px; transform:translateX(-50%); background:url(https://www.eyagi.co.kr/leaflet/images/manual/icon_warning2.png) no-repeat; background-size:contain;}
.notice-sect .warning-box > .bul-warning .text {margin-top:0.5em; padding:0 8%; color:#fff;}


@media all and (min-width:320px) {
	/* 셀프개통 */
	.self-way .step-list li .item {height:180px;}
	.self-way .step-list li .item .img {display:block;}
}


@media all and (min-width:520px) {
	/* manual  */
	.manual-header .title > h2.img-text-self {height:35px;}
	
	/* 셀프개통 */
	.self-way .step-list li .item .step {font-size:1rem;}
	.self-way .step-list li .item .desc {font-size:1rem;;}
	
	.self-way .step-list li .item-01 .img {width:35%;}
	.self-way .step-list li .item-02 .img {width:20%;}
	.self-way .step-list li .item-03 .img {width:35%;}
	.self-way .step-list li .item-04 .img {width:20%;}
	.self-way .step-list li .item-05 .img {width:25%;}
	.self-way .step-list li .item-06 .img {width:25%;}
	.self-way .step-list li .item-07 .img {width:20%;}
	.self-way .step-list li .item-08 .img {width:22%;}
}

@media all and (min-width:768px) {
    .inner {padding:0 2em;}

    /* list */
    .num-list li {font-size:1.1rem; padding:3px 0 3px 30px;}
    .num-list li::before {top: 5px; width:22px; height:22px; line-height:22px;}

    .dot-list li {font-size:1.1rem;}
    .dot-list li::before {width:18px; height:18px;}

    /* header */
    .header {padding:0 1.3em;}
    .header .logo {height:80px; line-height:80px;}
    
    /* 셀프개통 qr */
	.qr-header {margin:1.5rem 0 3rem;}
	.qr-header .inner {position:relative;}
	.qr-header .title {font-size:1.5rem;}
	.qr-header .text {font-size:1.2rem;}
    .qr-header .qr-box {text-align: center; margin-top: 25px;}
    .qr-header .qr-box .img {max-width: 100px;}
	.qr-header .qr-box .btn-link {display:inline-block; width:60%; margin:15px; padding:8px 30px; font-size:1.1rem; border-radius:2rem;}

    /* manual  */
    .manual-header {padding:3.2em 0}
    .manual-header .title > h2 {font-size:2.4rem;}
	.manual-header .title > h2.img-text-self {height:40px;}
    .manual-header .title > span {font-size:1.3rem;}
    .manual-header .character {width:210px; height:114px; }

    .manual-sect .h3-title {font-size:1.6rem;}

    .content {font-size:1.4rem;}
    .content .img-box ul li {width:25%;}
    .content .img-box ul li img {width:140px; max-width:100%;}
    .content .tip-box {justify-content:center;}
    .content .tip-box .tip-desc {text-align:center;}
    .content .tip-box .tip-desc .desc1 {font-size:1.15rem;}
    .content .tip-box .tip-desc .desc2 {font-size:1.1rem;}
    .content .tip-box-tray .tip-img {width:360px;}
    .content .tip-box .tip-img-usim {width:50%;}

    .warning-box > .bul-warning {padding-left:36px; font-size:1.3rem;}
    .warning-box > .bul-warning::before {width:26px; height:26px;}
    .warning-box > .bul-warning > .text {font-size:1.1rem;}
    
    
    /* 셀프개통 */
	.self-way .title {font-size:1.6rem;}
	.self-way .text {font-size:1.2rem;}
	.self-way .step-list {display:flex; flex-wrap:wrap; margin-top:2rem;}
	.self-way .step-list li {width:48.75%; margin-bottom:2%;}
	.self-way .step-list li + li {margin-top:0;}
	.self-way .step-list li:nth-child(even) {margin-left:2.5%;}
	.self-way .step-list li:nth-last-child(1),
	.self-way .step-list li:nth-last-child(2) {margin-bottom:0;}
	.self-way .step-list li .item {display:flex; width:100%; height:180px; padding:20px 25px;}
	.self-way .annex {font-size:1.05rem; border-radius:1rem; padding:0.25em 1.5em;}
	
	.self-way .step-list li .item-01 .img {width:55%;}
	.self-way .step-list li .item-02 .img {width:28%;}
	.self-way .step-list li .item-03 .img {width:45%;}
	.self-way .step-list li .item-04 .img {width:35%;}
	.self-way .step-list li .item-05 .img {width:40%;}
	.self-way .step-list li .item-06 .img {width:40%;}
	.self-way .step-list li .item-07 .img {width:35%;}
	.self-way .step-list li .item-08 .img {width:35%;}


    /* 유심 타입 확인 */
    .usim-type .tip-box {flex-wrap:nowrap; align-items:center;}
    .usim-type .tip-box .tip-img {width:80%; margin-top:-10%; text-align:center;}
    .usim-type .tip-box .tip-img img {width:80%;}
    .usim-type .tip-box .type-list {flex-wrap:wrap; width:20%; padding:0;}
    .usim-type .tip-box .type-list dl {padding:0.5em 0 ;}
    .usim-type .tip-box .type-list dl:first-child {padding-top:0;}
    .usim-type .tip-box .type-list dl.general::before {background-size:70%;}
    .usim-type .tip-box .type-list dl.micro::before {background-size:41%;}
    .usim-type .tip-box .type-list dl.nano::before {background-size:35%;}
    .usim-type .tip-box .type-list dl::after {width:100%; height:1px;}
    .usim-type .tip-box .type-list dl dt {font-size:1rem;}
    .usim-type .tip-box .tip-desc {position:absolute; width:80%; bottom:20%; left:50%; transform:translate(-60%, -0);}
    
    /* tab-menu */
    .tab-menu ul {height:60px;}
    .tab-menu ul li a {font-size:1.2rem;}

    /* process */
    .process-sect {padding:2.5em 1.3em;}
    .process-sect::before  {content:""; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); border-top:14px solid #fff;  border-left:14px solid transparent; border-right:14px solid transparent;}
    .process-sect .inner {padding:4em 6%;}

    .process-sect .check-list li {padding-top:35px; background:url(https://www.eyagi.co.kr/leaflet/images/manual/icon_check.png) no-repeat center top; background-size:20px;}
    .process-sect .check-list li + li {margin-top:3.5em;}
    .process-sect .check-list li > .question {font-size:1.4rem;}
    .process-sect .check-list li > .answer {font-size:1.35rem;}

    .process-box .num-list li,
    .process-box .num-list li strong {font-size:1rem;}

    .process-sect .info-box {display:flex; justify-content:center; height:100%; }
    .process-sect .info-box dt {font-size:1.1rem; text-align:center;}
    .process-sect .info-box dt::before {width:24px; height:24px; margin-right:8px;}
    .process-sect .info-box dd {height:100%;  font-size:1rem;}

    .process-skt {flex-wrap:nowrap;}
    .process-skt .img-list {width:30%;}
    .process-skt .img-list img {display:block; width:220px; margin:0 auto;}
    .process-skt .num-list {width:70%; padding:1em 2em 0;}

    .process-kt .img-list {display:flex; flex-wrap:nowrap;}
    .process-kt .img-list li {width:33.33%;}
    .process-kt .img-list li:nth-child(3) {flex:1 auto; margin-top:0;}
    .process-kt .img-list li img {width:100%; padding:0 20px;}
    .process-kt .num-list {margin-top:2em;}
} 

@media all and (min-width:1100px) {
    .inner {max-width:1100px; margin:0 auto; padding:0;}

    /* header */
    .header {max-width:1100px; margin:0 auto; padding:0;}
    .header .logo {height:90px; line-height:90px;}
    .header .logo img {width:160px;}
    
     /* 셀프개통 qr */
    .qr-header {margin:3rem 0 4rem;}
	.qr-header .title {font-size:1.85rem;}
	.qr-header .text {font-size:1.2rem;}
    .qr-header .qr-box .btn-link {margin-top: 20px; padding:10px 30px;}


    /* manual  */
    .manual-header {padding:3.6em 0}
    .manual-header .title > h2 {font-size:2.8rem;}
    .manual-header .title > h2.img-text-self {height:45px;}
    .manual-header .title > span {font-size:1.5rem;}
    .manual-header .character {width:260px; height:141px; }

    .manual-sect {padding:4em 0 0;}
    .manual-sect + .manual-sect {padding-top:6em;}
    .manual-sect .h3-title {font-size:1.8rem;}

    .content {padding:1.8em 2.5em;}
    .content .title {text-align:left;}

    /* 유심장착 방법 */
    .usim-way .content {display:flex; flex-wrap:wrap;}
    .usim-way .content .title {width:100%;}
    .usim-way .content .img-box {width:60%;}
    .usim-way .content .num-list {width:40%;  padding:0.5rem 0 0 2rem;}
    .usim-way .content .tip-box {width:100%;}

    .content .tip-box-tray {flex-wrap:nowrap;}
    .content .tip-box-tray .tip-img {flex-shrink:0;}
    .content .tip-box-tray .tip-desc {width:50%; margin-top:0;}
    
    
	/* 셀프개통 */
	.self-way {padding:6em 0 6em;}
	.self-way .title {font-size:1.8rem;}
	.self-way .text {font-size:1.4rem;}
	.self-way .step-list li {width:48.75%;}
	.self-way .step-list li .item {height:260px; padding:40px 50px;}
	.self-way .step-list li .item .step {font-size:1.1rem;}
	.self-way .step-list li .item .desc {font-size:1.3rem;}
	
	.self-way .step-list li .item-01 .img {width:52%;}
	.self-way .step-list li .item-02 .img {width:28%;}
	.self-way .step-list li .item-03 .img {width:52%;}
	.self-way .step-list li .item-04 .img {width:40%;}
	.self-way .step-list li .item-05 .img {width:40%;}
	.self-way .step-list li .item-06 .img {width:45%;}
	.self-way .step-list li .item-07 .img {width:40%;}
	.self-way .step-list li .item-08 .img {width:40%;}
	/* 
	.self-way {padding:4em 0 4em; background-color:#eeeef0;}
	.self-way .title {margin-bottom:0.25em; font-size:24px; font-weight:700; color:#d22d50;}
	.self-way .text {flex:1; font-size:18px; font-weight:500; color:#6e6e73;}
	.self-way .step-list {display:flex; flex-wrap:wrap; margin-top:2rem;}
	.self-way .step-list li {width:100%; background-color:#fff; border-radius:30px; box-shadow:1px 1px 5px 3px rgba(0, 0, 0, .1);}
	.self-way .step-list li + li {margin-top:15px;}
	.self-way .step-list li .item {display:flex; width:100%; height:180px; padding:20px 25px;}
	.self-way .step-list li .item .step {display:inline-block; margin-bottom:10px; font-size:15px; font-weight:500; letter-spacing:1px; color:#000;}
	.self-way .step-list li .item .desc {font-size:18px; font-weight:500; color:#6e6e73;}
	.self-way .step-list li .item .img {position:relative; width:50%; max-width:100%; margin-left:auto; margin-left:10px; text-align:right; background-repeat:no-repeat; background-position:right bottom; background-size: contain;}
	.self-way + .usim-way {padding-top:2.5em;}
	
	 */
    

    /* 유심 타입 확인 */
    .usim-type .tip-box .tip-img img {width:60%;}
    .usim-type .tip-box .type-list dl.general::before {background-size:60%;}
    .usim-type .tip-box .type-list dl.micro::before {background-size:31%;}
    .usim-type .tip-box .type-list dl.nano::before {background-size:25%;}
    

    /* tab-menu */
    .tab-menu ul {max-width:1100px; margin:0 auto;}

    .tab-menu + .content {max-width:1100px; margin:0 auto;}

    /* process */
    .process-sect {padding:4em 1.3em 5em;}
    .process-sect::before  {border-width:18px;}
    .process-sect .inner {max-width:1100px; margin:0 auto; padding:4em 7%;}

    .process-sect .info-box {margin-top:2.5em; padding-top:2.5em;}
    .process-sect .info-box dt::before {width:28px; height:28px;}                
    .process-sect .info-box dd {font-size:1rem;}

    /* notice */
    .notice-sect {padding:3.5em 1.3em;}
    .notice-sect .notice-box {max-width:1100px; margin:0 auto 1.5em;}


}