@charset "utf-8";

/******** contents1-1 ********/
#contents1-1 .video-wrap { position: relative; max-width: 1321px; width: 100%; margin: 0 auto; margin-top: 79px; }
#contents1-1 .video-wrap video { width: 100%; height: 100%; }
#contents1-1 .video-wrap .dim-wrap { position: absolute; top: 0; left: 0; width: 100%; padding-bottom: 56.25%; background-color: rgba(0, 0, 0, .2); }
#contents1-1 .txt-box { padding: 79px 57px 253px 69px; }

/******** contents1-2 ********/
#contents1-2 { padding-top: 243px; padding-bottom: 309px; }
#contents1-2 > div { max-width: 1140px; }

/******** contents1-3 ********/
#contents1-3 .ceo-wrap { background-color: rgba(226, 232, 240, 0.50); position: relative; }
#contents1-3 .ceo-wrap > div { padding-bottom: 148px; max-width: 1474px; }
/* #contents1-3 .ceo-wrap > div > .txt-wrap { padding-top: 313px;  width: 80%; background-image: url('/images/page/bg_1_3_2.png'); background-repeat: no-repeat; background-position: left top 56px; } */
#contents1-3 .ceo-wrap > div > .txt-wrap { padding-top: 313px;  width: 90%; }
#contents1-3 .ceo-wrap > div > .img-wrap { max-width: 486px; min-width: 400px; width: 33%; position: absolute; right: 0; bottom: 0; }
#contents1-3 .ceo-wrap > div > .img-wrap > img { width: 100%; }
#contents1-3 .default-wrap.medium { padding-left: 4px; padding-right: 4px; }

/******** contents1-4 ********/
#contents1-4 .ci-box-wrap p { line-height: 1.6; }
#contents1-4 .ci-box-wrap { overflow: hidden; }
#contents1-4 .ci-box-wrap h4::before { content: ""; display: inline-block; width: 6px; height: 26px; background-color: #00206E; margin-right: 17px; }
#contents1-4 .ci-box-wrap > .ci-box.left, #contents1-4 .ci-box-wrap > .ci-box.right { max-width: 470px; width: calc(50% - 17px); }
#contents1-4 .ci-box-wrap .ci-box.left { float: left; }
#contents1-4 .ci-box-wrap .ci-box.left > img { width: 100%; }
#contents1-4 .ci-box-wrap .ci-box.right { float: right; }
#contents1-4 .ci-box-wrap.ci-bx01 .ci-box .btn-wrap > a.btn { width: 344px; height: 80px; line-height: 80px; font-size: 20px; background-color: #00206E; border-color: #00206E; }
#contents1-4 .ci-box-wrap.ci-bx01 .ci-box.left { max-width: 362px; }
#contents1-4 .ci-box-wrap.ci-bx01 .ci-box.right { padding-top: 35px; }
#contents1-4 .ci-box-wrap.ci-bx01 .ci-box.right > p { font-size: 18px; }
/* #contents1-4 .ci-box-wrap.ci-bx03 .ci-box > .box { border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; padding: 40px 40px 59px 40px; }
#contents1-4 .ci-box-wrap.ci-bx03 .ci-box > .box span { display: block; font-size: 14px; font-weight: bold; }
#contents1-4 .ci-box-wrap.ci-bx03 .ci-box > .box span:last-child { margin-top: 14px; }
#contents1-4 .ci-box-wrap.ci-bx03 .ci-box > .box p { font-size: 32px; font-weight: bold; line-height: 1.5; }
#contents1-4 .ci-box-wrap.ci-bx03 .ci-box .box.red { background-color: #EA002C; }
#contents1-4 .ci-box-wrap.ci-bx03 .ci-box .box.orange { background-color: #F47725; } */
#contents1-4 .ci-box-wrap.ci-bx03 .color-box-wrap { display: flex; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box { flex: 1; display: flex; flex-direction: column; align-items: stretch; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box { padding: 40px; min-height: 273px; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box span { display: block; font-size: 14px; font-weight: bold; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box span:last-child { margin-top: 14px; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box p { font-size: 32px; font-weight: bold; line-height: 1.5; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box-gradient { height: 34px; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box-gradient:nth-of-type(1) { opacity: 0.9; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box-gradient:nth-of-type(2) { opacity: 0.8; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box-gradient:nth-of-type(3) { opacity: 0.7; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box-gradient:nth-of-type(4) { opacity: 0.6; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box-gradient:nth-of-type(5) { opacity: 0.5; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box-gradient:nth-of-type(6) { opacity: 0.4; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box-gradient:nth-of-type(7) { opacity: 0.3; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box-gradient:nth-of-type(8) { opacity: 0.2; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box-gradient:nth-of-type(9) { opacity: 0.1; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box-2748c { background-color: #00206E; }
#contents1-4 .ci-box-wrap.ci-bx03 .color-box .box-7681c { background-color: #98A6C9; }

/******** contents1-5 ********/
#contents1-5 .map-wrap { position: relative; background-image: url('/images/page/bg_1_5_2.png'); background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 640px; padding-top: 170px; }
#contents1-5 .map-wrap p { position: absolute; top: 110px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
#contents1-5 .business-wrap { overflow: hidden; }
#contents1-5 .business-wrap .business-item { position: relative; width: calc(20% - 15px); padding: 25px 10px 25px 15px; background-color: #CBD5E1; border: 1px solid #94A9CB; height: 350px; float: left; margin-top: 11px; margin-bottom: 11px; margin-right: 1%; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
#contents1-5 .business-wrap .business-item:not(.active)::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
#contents1-5 .business-wrap .business-item .info-wrap { position: relative; height: 100%; }
#contents1-5 .business-wrap .business-item .info-wrap span { display: block; }
#contents1-5 .business-wrap .business-item .info-wrap .top { padding-bottom: 24px; }
#contents1-5 .business-wrap .business-item .info-wrap .bottom { border-top: 1px solid #CBD5E1; padding-top: 16px; }
#contents1-5 .business-wrap .business-item .info-wrap .bottom span + span { margin-top: 12px;}
#contents1-5 .business-wrap .business-item .btn-wrap { width: 100%; position: absolute; bottom: 0; left: 0; }
#contents1-5 .business-wrap .business-item .btn-wrap > .btn { background-color: #64748B; color: #FFFFFF; font-weight: 700; height: 44px; line-height: 46px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: none; }
#contents1-5 .business-wrap .business-item .btn-wrap > .btn.map::before { content: ""; display: inline-block; width: 16px; height: 20px; background-image: url("/images/common/icon_map.svg"); margin-right: 12px; vertical-align: text-top;  }
#contents1-5 .business-wrap .business-item.active { background-color: #fff; }
#contents1-5 .business-wrap .business-item.active .btn-wrap > .btn { background-color: #00206E; }
#contents1-5 .mark-wrap { position: relative; max-width: 768px; width: 100%; height: 100%; margin: 0 auto; }
#contents1-5 .mark-wrap li { position: absolute; width: 24px; height: 30px; background-image: url('/images/page/icon_1_5_1.svg'); background-repeat: no-repeat; background-size: contain; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; }
#contents1-5 .mark-wrap li:nth-child(1) { bottom: 250px; right: 3.5%; }
#contents1-5 .mark-wrap li:nth-child(2) { bottom: 304px; left: 50%; }
#contents1-5 .mark-wrap li:nth-child(3) { bottom: 250px; left: 14.5%; }
#contents1-5 .mark-wrap li:nth-child(4) { bottom: 190px; left: 6.5%; }
#contents1-5 .mark-wrap li:nth-child(5) { bottom: 185px; right: 22%; }
#contents1-5 .mark-wrap li:nth-child(6) { bottom: 343px; right: 38.5%; }
#contents1-5 .mark-wrap li:nth-child(7) { bottom: 185px; right: 12%; }
#contents1-5 .mark-wrap li a { display: block; width: 100%; height: 100%; color: inherit; }
#contents1-5 .mark-wrap li a span { width: 70px; height: 100%; font-size: 16px; font-weight: bold; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; position: absolute; top: -35px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); text-align: center; }
#contents1-5 .mark-wrap li.active { width: 42px; height: 48px; background-image: url('/images/page/icon_1_5_1_active.svg'); }
#contents1-5 .mark-wrap li.active span { font-size: 22px; top: -40px; }

#contents1-5 .domestic-wrap { padding-top: 127px; }

/******** contents2-1 ********/
#contents2-1 .addendum p { font-weight: 500; color: #64748B; line-height: 1.6; }
#contents2-1 .addendum ul li { font-size: 14px; color: #64748B; line-height: 1.6; }

#contents2-1 .tab-contents.active { animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s; }
#contents2-1 .ethics-wrap.guideline { display: none; }
#contents2-1 .ethics-wrap.guideline.active { display: block; animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s; }
#contents2-1 .ethics-wrap h2, #contents2-1 .ethics-wrap p { line-height: 1.6 !important; }
#contents2-1 .ethics-wrap p { color: #334155; word-break: keep-all; }
#contents2-1 .ethics-wrap div div ul li { margin-left: 20px; line-height: 1.6; color: #334155; }
#contents2-1 .ethics-wrap .info { background-color: rgba(226, 232, 240, 0.25); border: 1px solid #E2E8F0; padding: 40px; }
#contents2-1 .ethics-wrap .info p { color: #334155; line-height: 1.6; }
#contents2-1 .ethics-wrap .addendum { border-top: 1px solid #CBD5E1; }
#contents2-1 .ethics-wrap .addendum p { color: #64748B; }
#contents2-1 .border-wrap { border-top: 1px solid #94A3B8; }

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 2%, 0);
        -webkit-transform: translate3d(0, 2%, 0);
        -moz-transform: translate3d(0, 2%, 0);
        -ms-transform: translate3d(0, 2%, 0);
        -o-transform: translate3d(0, 2%, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
    }
}


/******** contents2-2 ********/
#contents2-2 .tab-contents.active { animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s; }
#contents2-2 .behavior-wrap, #contents2-2 .partners-wrap { display: none; }
#contents2-2 .behavior-wrap.active, #contents2-2 .partners-wrap.active { display: block; animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s; }
#contents2-2 .info-wrap .box-list-wrap .box-wrap { border: 1px solid #CBD5E1; }
#contents2-2 .info-wrap .box-list-wrap .box-wrap p { width: 100%; max-width: 385px; margin: 0 auto; line-height: 2 !important; }
#contents2-2 .info-wrap .box-list-wrap .box-wrap p span { display: inline-block; width: 26px; height: 26px; background-color: #00206E; color: #FFFFFF; font-size: 16px; text-align: center; line-height: 26px; margin-right: 4px; margin-top: 3px; vertical-align: text-top; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

#contents2-2 .btn-wrap .btn.guideline { margin-right: -4px; left: 0; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
#contents2-2 .btn-wrap .btn.guideline + .btn.guideline { margin-left: 24px; }
#contents2-2 .behavior-wrap h2, #contents2-2 .partners-wrap h2 { line-height: 1.6 !important; }
#contents2-2 .behavior-wrap p, #contents2-2 .partners-wrap p { line-height: 1.6 !important; color: #334155; word-break: keep-all; }

#contents2-2 .eco-wrap div + div { width: calc(100% - 434px); margin-left: 44px; }
#contents2-2 .eco-wrap p { float: left; width: 240px; }
#contents2-2 .eco-wrap p + p + p { margin-top: 56px; }
#contents2-2 .eco-wrap p:nth-child(even) { width: 220px; margin-left: 80px; }
#contents2-2 .eco-wrap p:nth-child(3) { clear: left; }
#contents2-2 .eco-wrap p span { display: block; }

#contents2-2 .history-wrap { position: relative; overflow: hidden; padding-top: 155px !important; }
#contents2-2 .history-wrap::before { content: ""; display: block; width: 4px; height: 100%; background-color: #E2E8F0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
#contents2-2 .history-wrap .his-dot { position: relative; padding-left: 54.8%; }
#contents2-2 .history-wrap .his-dot::before { content: ""; display: block; width: 24px; height: 24px; background-color: #00206E; border: 8px solid #FFFFFF; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
#contents2-2 .history-wrap > .year { position: relative; padding-bottom: 145px; }
#contents2-2 .history-wrap > .year:last-child { padding-bottom: 86px; }
#contents2-2 .history-wrap > li > ul > .year-img { position: absolute; width: 193px; left: 16%; top: -40px; }
#contents2-2 .history-wrap > li > ul > .year-img > img { width: 100%; }
#contents2-2 .history-wrap > li > ul > li span { display: block; }
#contents2-2 .history-wrap > li > ul > li strong { display: block; letter-spacing: -0.09em; }

#contents2-2 .eco-friendly ul { background-image: url('/images/page/img_2_2_4.png'); background-repeat: no-repeat; background-position: center 105px; }
#contents2-2 .eco-friendly ul li { float: left; margin-left: 30px; max-width: 276px; }
#contents2-2 .eco-friendly ul li + li { margin-left: 45px; }
#contents2-2 .eco-friendly ul li .tit { width: 260px; height: 260px; position: relative; display: inline-block; background-color: #F8FAFC; border: 1px solid #CBD5E1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#contents2-2 .eco-friendly ul li .tit span { padding-top: 94px; font-size: 28px; font-weight: 700; line-height: 1.3; }
#contents2-2 .eco-friendly ul li .tit::before { content: ''; display: block; width: 12px; height: 70px; background-image: url('/images/page/icon_2_2_1.svg'); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
#contents2-2 .eco-friendly ul li p span { display: block; }
#contents2-2 .eco-friendly ul li p + p span:first-child { margin-top: 66px; margin-bottom: 20px; }

#contents2-2 .program-table { overflow-x: scroll; overflow-y: hidden; }
#contents2-2 .program-table::-webkit-scrollbar { height: 4px; }
#contents2-2 .program-table::-webkit-scrollbar-thumb { background: #bbbbbb; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
#contents2-2 .program-table table { min-width: 974px; color: #475569; }
#contents2-2 .program-table table th { height: 44px; font-size: 14px; font-weight: 400; color: #475569; background-color: #F1F5F9; border-bottom: 1px solid #0F172A; }
#contents2-2 .program-table table td { height: 68px; padding: 16px; font-size: 14px; line-height: 1.3; border-right: 1px solid #CBD5E1; border-bottom: 1px solid #CBD5E1; }
#contents2-2 .program-table table td.category { font-size: 18px; font-weight: 700; color: #0F172A; border-bottom: 1px solid #94A3B8; text-align: center; }
#contents2-2 .program-table table tr.thick td { border-bottom: 1px solid #94A3B8; }
#contents2-2 .program-table table td:last-child { border-right: none; }

#contents2-2 .roadmap-wrap .roadmap { padding-top: 86px; overflow: hidden; }
#contents2-2 .roadmap-wrap > .roadmap > li { float: left; margin-left: 40px; width: 22.8%; position: relative; }
#contents2-2 .roadmap-wrap > .roadmap > li:first-child { margin-left: 30px; }
#contents2-2 .roadmap-wrap > .roadmap > li + li + li { width: 43%; }
#contents2-2 .roadmap-wrap > .roadmap > li::before { content: ''; display: block; width: 12px; height: 70px; background-image: url('/images/page/icon_2_2_1.svg'); background-repeat: no-repeat; background-size: contain; position: absolute; top: -86px; left: 14px; }
#contents2-2 .roadmap-wrap > .roadmap > li > ul > li { list-style-type: "- "; margin-left: 10px; color: #475569; font-size: 18px; line-height: 1.3; }

#contents2-2 .upgrade-wrap { height: 108px; background-color: #F8FAFC; border: 1px solid #CBD5E1; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; -o-border-radius: 32px; }
#contents2-2 .upgrade-wrap p { line-height: 108px; }

#contents2-2 .process-wrap { margin-top: 92px; }
#contents2-2 .process-wrap .process { position: relative; padding: 76px 0 40px; text-align: center; background-color: #F8FAFC; border: 1px solid #CBD5E1; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; -o-border-radius: 32px; }
#contents2-2 .process-wrap .process + .process { margin-top: 68px; }
#contents2-2 .process-wrap .process::after { content: ''; display: block; width: 11px; height: 38px; background: url('/images/page/icon_2_2_2.svg') no-repeat center/cover; position: absolute; bottom: -19px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
#contents2-2 .process-wrap .process + .process + .process::after { display: none; }
#contents2-2 .process-wrap .process .tit { max-width: 498px; width: 100%; height: 72px; line-height: 72px; font-size: 24px; font-weight: 700; color: #00206E; background-color: #FFFFFF; border: 1px solid #97A3BA; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; position: absolute; top: -36px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
#contents2-2 .process-wrap .process ul li { width: 280px; display: inline-block; vertical-align: top; margin-right: -4px; }
#contents2-2 .process-wrap .process ul li + li { margin-left: 12px; }
#contents2-2 .process-wrap .process ul li p { font-size: 18px; line-height: 1.3; color: #475569; }

#contents2-2 .process-wrap .process.managing ul li + li { position: relative; }
#contents2-2 .process-wrap .process.managing ul li + li::before { content: ''; display: block; width: 47px; height: 28px; background: url('/images/page/icon_2_2_4.png') no-repeat center/cover; position: absolute; top: 50%; left: -25px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
#contents2-2 .process-wrap .process.result ul li + li { margin-left: 134px; }
#contents2-2 .process-wrap .process.needs { background-color: #F1F5F9; border: 1px solid #94A3B8; padding: 60px 0 40px; margin-top: 76px; }
#contents2-2 .process-wrap .process.needs ul li { width: auto; }
#contents2-2 .process-wrap .process.needs ul li + li { margin-left: 56px; }
#contents2-2 .process-wrap .process.needs ul li p { font-size: 24px; font-weight: 700; color: #0F172A; text-align: left; line-height: 2; }

#contents2-2 .goal-wrap .goal-table { overflow-x: scroll; overflow-y: hidden; }
#contents2-2 .goal-wrap .goal-table::-webkit-scrollbar { height: 4px; }
#contents2-2 .goal-wrap .goal-table::-webkit-scrollbar-thumb { background: #bbbbbb; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
#contents2-2 .goal-wrap .goal-table table { min-width: 974px; }
#contents2-2 .goal-wrap table th { height: 44px; font-size: 14px; font-weight: 400; color: #475569; background-color: #F1F5F9; border-bottom: 1px solid #0F172A; }
#contents2-2 .goal-wrap table td { padding: 16px; border-right: 1px solid #CBD5E1; border-bottom: 1px solid #94A3B8; }
#contents2-2 .goal-wrap table td span { font-size: 14px; line-height: 2; color: #475569; display: block; }
#contents2-2 .goal-wrap table td span.check { padding-left: 15px; background-image: url('/images/page/icon_2_2_5.svg'); background-repeat: no-repeat; background-position: left center; }
#contents2-2 .goal-wrap table td span.font12 { margin-left: 15px; }


/******** contents2-3 ********/
#contents2-3 .icon-list-wrap .list > div > div + div p { height: 216px; display: table-cell; vertical-align: middle; }
#contents2-3 .icon-list-wrap .list:first-child { padding-top: 60px; border-top: 1px solid #CBD5E1; }

#contents2-3 .she-wrap { position: relative; padding: 240px 13.63% 290px; background-image: url(/images/page/bg_2_3_1_2.png); background-size: 100% 100%; word-break: keep-all; }
#contents2-3 .she-wrap:before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 200px; height: 218px; background-image: url(/images/page/img_2_3_1_2.png); background-size: cover; }
#contents2-3 .she-wrap .she-title { width: 67.16%; margin-left: auto; margin-right: auto; border-top: 2px solid #00206E; border-bottom: 2px solid #00206E; text-align: center; }
#contents2-3 .she-wrap .dot { display: flex; }
#contents2-3 .she-wrap .dot:before { content: ''; flex-shrink: 0; display: inline-block; width: 0.25em; height: 0.25em; margin: 0.5em; background-color: #0F172A; border-radius: 50%; }
#contents2-3 .she-wrap .wb-ka { white-space: nowrap; }

/******** contents2-4 ********/
#contents2-4 .info-wrap .box-tit.lg { max-width: 669px; }
#contents2-4 .info-wrap .box-tit.md { max-width: 364px; top: 66px; }
#contents2-4 .info-wrap .box-list-wrap .box-wrap ul li { float: left; }
#contents2-4 .info-wrap .box-list-wrap .box-wrap ul li + li { margin-left: 101px; position: relative; }
#contents2-4 .info-wrap .box-list-wrap .box-wrap ul li + li::before { content: ''; display: block; width: 37px; height: 28px; position: absolute; left: -69px; top: 6px; background: url('/images/page/icon_2_4_1.png') no-repeat center/cover; }
#contents2-4 .info-wrap .box-list-wrap .box-wrap ul li span { display: block; }

#contents2-4 .info-wrap .box-list-wrap.column3 .box-list .box-wrap { height: 173px;  }
#contents2-4 .info-wrap .box-list-wrap.column3 .box-list .box-wrap ul li { float: none; display: inline-block; vertical-align: middle; }
#contents2-4 .info-wrap .box-list-wrap.column3 .box-list:first-child .box-wrap ul li + li { margin-left: 85px; }
#contents2-4 .info-wrap .box-list-wrap.column3 .box-list:first-child .box-wrap ul li + li:before { left: -61px; }
#contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(2) .box-wrap ul li + li { margin-left: 38px; }
#contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(2) .box-wrap ul li + li::before { display: none; }
#contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(3) .box-wrap ul li + li { margin-left: 76px; }
#contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(3) .box-wrap ul li + li:before { top: 20px; left: -57px; }
#contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(3) .box-wrap ul li span + span { margin-top: 15px; }

#contents2-4 .list-wrap.type1 li .circle { padding-left: 20px; position: relative; }
#contents2-4 .list-wrap.type1 li .circle::before { content: ''; display: block; top: 14px; width: 6px; height: 6px; background-color: #FFFFFF; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; left: 0; }


/******** contents3-1 ********/
#contents3-1 .list-wrap.column4 li { height: 480px; padding: 34px 39px; }


/******** contents3-2 ********/
#contents3-2 .info-wrap .box-list-wrap.type1 .box-list .box-wrap { margin-top: -56px; }
#contents3-2 .info-wrap .box-list-wrap.type1 .box-list .box-wrap p { margin-top: 10px; }
#contents3-2 .info-wrap .box-list-wrap .box-wrap.line { background-color: #FFFFFF; border: 1px solid #94A3B8; }
#contents3-2 .info-wrap .box-list-wrap .box-list .img-wrap span { display: inline-block; }
#contents3-2 .info-wrap .box-list-wrap .box-list .img-wrap span + span { margin-left: 15px; }
#contents3-2 .info-wrap .box-list-wrap.column1 .box-wrap { max-width: 802px; margin: 0 auto; }
#contents3-2 .info-wrap .box-list-wrap.column1 .box-wrap p { max-width: 227px; margin: 0 auto; line-height: 2; }
#contents3-2 .info-wrap .box-list-wrap.column1.w324 .box-wrap p { max-width: 324px; }
#contents3-2 .info-wrap .box-list-wrap .box-wrap.data > p { float: left; width: 50%; }
#contents3-2 .info-wrap .box-list-wrap .box-wrap.data > p strong { display: block; }
#contents3-2 .info-wrap .box-list-wrap.column3 .box-wrap.data > p  { width: 40%; }
#contents3-2 .info-wrap .box-list-wrap.column3 .box-wrap.data > p + p { width: 60%; }
#contents3-2 .info-wrap .down-arrow-img { text-align: center; margin-top: -2px; }
#contents3-2 .info-wrap .down-arrow-img .box-tit { position: absolute; top: 40px; left: 49px; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
#contents3-2 .info-wrap .box-list-wrap.column1 .box-tit { top: 36px; }
#contents3-2 .info-wrap .list-wrap.column3 li { margin-top: 32px; }
#contents3-2 .info-wrap .commerce-wrap ul { display: inline-block; width: 100%; max-width: 1132px; }
#contents3-2 .info-wrap .commerce-wrap ul li { margin-right: -4px; }
#contents3-2 .info-wrap .commerce-wrap ul li + li { margin-left: 152px; }
#contents3-2 .info-wrap .commerce-wrap ul li + li + li { margin-left: 109px; }


/******** contents3-3 ********/
#contents3-3 .nmt17 img { position: relative; top: 16px; right: 60px; }
#contents3-3 .mb144 { margin-bottom: 144px; }
#contents3-3 .default-wrap div p.font18 { word-break: keep-all; }

#contents3-3 .info-wrap .process-img { position: absolute; bottom: 73px; left: 33px; z-index: 1; }

#contents3-3 .info-wrap .box-list-wrap.column3 { padding-top: 186px; }
#contents3-3 .info-wrap .box-list-wrap.column3 .box-list { display: table; width: 344px; }
#contents3-3 .info-wrap .box-list-wrap.column3 .box-list + .box-list { margin-left: 59px; }
#contents3-3 .info-wrap .box-list-wrap.column3 .box-list + .box-list::after { content: ''; display: block; width: 57px; height: 28px; background: url('/images/page/icon_3_3_1.png') no-repeat center/contain; position: absolute; left: -80px; top: 45%; }
#contents3-3 .info-wrap .box-list-wrap.column3 .box-list .box-tit { width: 240px; }
#contents3-3 .info-wrap .box-list-wrap.column3 .box-list .box-wrap { display: table-cell; height: 450px; overflow: visible; vertical-align: bottom; padding-bottom: 32px; }
#contents3-3 .info-wrap .box-list-wrap.column3 .box-list .box-wrap.result { display: grid; gap: 16px; grid-template-columns: 1fr 1fr; padding-left: 8px; padding-right: 8px; padding-bottom: 0; vertical-align: middle; }
#contents3-3 .info-wrap .box-list-wrap.column3 .box-list .box-wrap.result p:first-of-type { grid-column: 1 / span 2; align-self: flex-end; }

#contents3-3 .info-wrap .box-list-wrap.column3 .box-list.produce { width: 420px; }
#contents3-3 .info-wrap .box-list-wrap.column3 .box-list.produce .box-wrap { vertical-align: middle; }
#contents3-3 .info-wrap .box-list-wrap.column3 .box-list.produce .box-wrap img { margin: auto; }
#contents3-3 .info-wrap .box-list-wrap.column3 .box-list.produce .box-wrap ul li { display: inline-block; margin-right: -4px; }
#contents3-3 .info-wrap .box-list-wrap.column3 .box-list.produce .box-wrap ul li + li { margin-left: 54px; }

#contents3-3 .info-wrap .box-list-wrap.column2 br { display: none; }
#contents3-3 .info-wrap .box-list-wrap.column2 hr { width: 84.2%; margin: 32px auto; }
#contents3-3 .info-wrap .box-list-wrap.column2 .box-list .box-wrap .check-wrap p + p { margin-left: 45px; }
#contents3-3 .info-wrap .box-list-wrap.column2 .box-list .box-wrap ul li { line-height: 1.6; }

#contents3-3 .info-wrap .list-wrap + .list-wrap li { margin-top: 34px; }
#contents3-3 .info-wrap .data-list-wrap .certification-wrap { max-width: 974px; margin: 0 auto; }
#contents3-3 .info-wrap .data-list-wrap .certification-wrap .img-wrap p { display: inline-block; max-width: 461px; }
#contents3-3 .info-wrap .data-list-wrap .certification-wrap .img-wrap p + p { margin-left: 43px; }


/******** contents3-4 / contents3-7 ********/
/* #contents3-4 .info-wrap .list-wrap.column2 li:nth-child(3), #contents3-7 .info-wrap .list-wrap.column2 li:nth-child(3) { margin-left: 0; }
#contents3-4 .info-wrap .list-wrap.column2 li + li + li, #contents3-7 .info-wrap .list-wrap.column2 li + li + li { margin-top: 34px; } */

/* #contents3-4 .info-wrap .list-wrap li { height: 203px; }
#contents3-4 .info-wrap .list-wrap li + li { margin-left: 18px; } */

/******** contents3-5 ********/
/* #contents3-5 .info-wrap .list-wrap.column3 li { height: 700px; } */


/******** contents3-6 ********/
/* #contents3-6 .info-wrap .list-wrap.column2 li { margin-bottom: 34px; } */
#contents3-6 .list-wrap li.bg-lng { background-position: left center; }

/******** media select-item ********/
.media .select-item.news-select-wrap { position: relative; float: right; width: 100%; text-align: right; }
.media .select-item.news-select-wrap select { height: 44px; line-height: 44px; width: 80px; font-size: 16px; }
.media .select-item.news-select-wrap input { margin-left: 16px; min-width: 260px; height: 43px; vertical-align: bottom; }

/******** view ********/
.link-arrow { display: block; }
.link-arrow .text { font-size: 18px; font-weight: bold; }
.link-arrow.prev .text { padding-left: 24px; }
.link-arrow.next .text { padding-right: 24px; }

.view.contents { padding-top: 280px; }
.view .category-wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

.view .view-title { padding: 80px 0 50px; text-align: center; border-top: 1px solid #0F172A; border-bottom: 1px solid #E2E8F0; font-size: 48px; }
.view .view-desc img { max-width: 100%; width: 100%; }
.view .view-desc .download-wrap { margin-top: 160px; border-top: 1px solid #CBD5E1; padding: 24px 0; overflow: hidden; }
.view .view-desc .download-wrap .file-name { line-height: 40px; width: calc(100% - 120px); display: block; float: left; text-align: left; }
.view .view-desc .download-wrap a { float: right; }
.view .view-desc .download-wrap a span { font-size: 16px; }
.view .view-contorl { position: relative; border-top: 1px solid #0F172A; overflow: hidden; }
.view .view-contorl > div { float: left; width: 33.3%; height: 100%; }
.view .view-contorl > div > a { display: block; padding-top: 50px; padding-bottom: 50px; }
.view .view-contorl > div.next-info > a { text-align: right; }
.view .view-contorl > div.next-info > a > span { text-align: right; word-break: keep-all; }
.view .view-contorl.text::after { content: ""; position: absolute; left: 50%; top: 50%; width: 1px; height: calc(100% - 73px); background-color: #CBD5E1; transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); -ms-transform: translate(-50% , -50%); -o-transform: translate(-50% , -50%); }
.view .view-contorl.text > div { width: calc(50% - 47px); }

/******** contents4-3 ********/
#contents4-3 .dis-box { max-width: 730px; width: 100%; margin: 0 auto; overflow: auto; }

/******** contents5-1 ********/
#contents5-1 .tit { max-width: 364px; width: 100%; padding: 18px 0; font-size: 24px; font-weight: bold; color: #fff; text-align: center; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; background-color: #00206E; margin: 0 auto; position: relative; z-index: 1; }
#contents5-1 .txt-box { max-width: 974px; width: 100%; padding: 86px 0; text-align: center; background-color: #F1F5F9; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; -o-border-radius: 32px; position: relative; margin-top: -36px; }
#contents5-1 .txt-box > p { font-size: 20px; font-weight: 600; color: #0F172A; width: 100%; padding: 0 46px; }

/******** contents5-2 ********/
#contents5-2 .benefit-list { display: flex; flex-wrap: wrap; column-gap: 30px; row-gap: 33px; }
#contents5-2 .benefit-list > li { max-width: 300px; width: 100%; }
#contents5-2 .benefit-list > li .icon { width: 300px; height: 300px; border: 1px solid #CBD5E1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #F8FAFC; display: flex; flex-direction: column; gap: 23px; align-items: center; justify-content: center; text-align: center; padding: 0 53px; }
#contents5-2 .benefit-list > li .icon > p { font-size: 22px; font-weight: bold; color: #0F172A; line-height: 1.2; word-break: keep-all; }
#contents5-2 .benefit-list > li .txt { margin-top: 20px; font-size: 18px; font-weight: bold; color: #475569; text-align: center; word-break: keep-all; }

/******** contents6-1 ********/
#contents6-1 .contact-box .tablest .td { padding-bottom: 120px; }
#contents6-1 .contact-box .tr.textarea-box .th, #contents6-1 .contact-box .tr.textarea-box .td { padding-bottom: 64px; vertical-align: top; }
#contents6-1 .contact-box .textarea-item .text-num { bottom: 80px; }
#contents6-1 .contact-box .tablest .privacy-box { border: 1px solid #CBD5E1; background-color: #F8FAFC; padding: 25px 45px 40px 29px; }
#contents6-1 .contact-box .agree-box .td { padding-top: 23px; }
#contents6-1 .contact-box .guide::before { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url('/images/common/icon_guide.svg'); background-repeat: no-repeat; background-size: 16px 16px; vertical-align: middle; margin-right: 8px;}

/* 로딩바 추가 */
.loading_bar { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

/* svg {
    transform-origin: center;
    animation: rotate4 2s linear infinite;
} */

circle {
    fill: none;
    stroke-width: 2;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dash4 1.5s ease-in-out infinite;
    -webkit-animation: dash4 1.5s ease-in-out infinite;
}

@keyframes rotate4 {
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        -o-transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes dash4 {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dashoffset: -125px;
    }
}

@media (max-width: 1600px) {
    /******** contents3-2 ********/
    #contents3-2 .info-wrap .list-wrap.column3 li { margin-top: 20px; }

    /******** contents3-3 ********/
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list { width: calc(33.33% - 43px); }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list + .box-list { margin-left: 25px; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list + .box-list::after { left: -43px; }
    #contents3-3 .info-wrap .process-img { left: 40px; }
    #contents3-3 .info-wrap .list-wrap + .list-wrap li { margin-top: 20px; }

    /******** contents3-4 / contents3-7 ********/
    #contents3-4 .info-wrap .list-wrap.column2 li + li + li, #contents3-7 .info-wrap .list-wrap.column2 li + li + li { margin-top: 20px; }

    /******** contents3-6 ********/
    #contents3-6 .info-wrap .list-wrap.column2 li { margin-bottom: 20px; }
}

@media (max-width: 1440px) {
    /******** contents3-2 ********/
    #contents3-2 .info-wrap .box-list-wrap .box-list .img-wrap span + span { margin-left: 0; }
}

@media (max-width: 1280px){
    .mo-hidden-1280 { display: none; }

    /******** contents1-5 ********/
    #contents1-5 .business-wrap .business-item { width: calc(33% - 10px); padding: 30px; margin-right: 1.7%; }
    #contents1-5 .business-wrap .business-item:nth-child(3n) { margin-right: 0; }
    #contents1-5 .business-wrap .business-item:nth-child(4n) { margin-right: 1.7%; }

    /******** contents2-2 ********/
    #contents2-2 .info-wrap .box-list-wrap .box-wrap p span { margin-top: 2px; }

    /******** contents2-4 ********/
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(2) .box-wrap ul li + li { margin-left: 10px; }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(3) .box-wrap ul li + li { margin-left: 48px; }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(3) .box-wrap ul li + li:before { left: -40px; }

    /******** contents3-1 ********/
    #contents3-1 .list-wrap.type1 li { padding: 50px 50px 58px; }
    #contents3-1 .list-wrap.type1 li a { left: 50px; }
    #contents3-1 .list-wrap.column4 li { padding: 34px 25px; }

    /******** contents3-2 ********/
    #contents3-2 .info-wrap .down-arrow-img img { width: 61%; }
    #contents3-2 .info-wrap .box-list-wrap.type1 .box-list { width: 100%; }
    #contents3-2 .info-wrap .box-list-wrap.type1 .box-list + .box-list { display: none; }
    #contents3-2 .info-wrap .box-list-wrap.type1 .box-list .box-wrap { margin-top: -46px; }
    #contents3-2 .info-wrap .down-arrow-img .box-tit { top: 10%; left: 0; max-width: 460px; }
    #contents3-2 .info-wrap .commerce-wrap ul li { width: calc(100% / 3); height: auto; }
    #contents3-2 .info-wrap .commerce-wrap ul li + li { margin-left: 0; }
    #contents3-2 .info-wrap .commerce-wrap ul li + li + li { margin-left: 0; }
    #contents3-2 .info-wrap .commerce-wrap ul li p { font-size: 26px !important; }
    #contents3-2 .info-wrap .box-list-wrap.d-block-1280 .box-list { float: none; }
    #contents3-2 .info-wrap .box-list-wrap.d-block-1280 .box-list .img-wrap span + span { margin-left: 14px; }

    /******** contents3-3 ********/
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list { width: 100% !important; float: none; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list + .box-list {margin-left: 0; margin-top: 210px; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list + .box-list::after { width: 47px; top: auto; bottom: -31px; left: 50%; transform: translateX(-50%) rotate(90deg); -webkit-transform: translateX(-50%) rotate(90deg); -moz-transform: translateX(-50%) rotate(90deg); -ms-transform: translateX(-50%) rotate(90deg); -o-transform: translateX(-50%) rotate(90deg); }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list + .box-list + .box-list { margin-top: 87px; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list + .box-list + .box-list::after { display: none; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list .box-wrap { vertical-align: middle; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list .box-wrap .mb120 { margin-bottom: 0 !important; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list .box-wrap .d-block-1280 { width: 100%; position: absolute; bottom: 84px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list.ptoduce .box-wrap .d-block-1280 { bottom: 73px; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list .box-wrap .d-block-1280 img { position: static; }
    #contents3-3 .info-wrap .process-img, #contents3-3 .nmt17 { display: none; }
    #contents3-3 .info-wrap .data-list-wrap .certification-wrap { max-width: 928px; }
    #contents3-3 .info-wrap .natural-img { width: 100%; position: absolute; top: 636px; z-index: 1; }
    #contents3-3 .info-wrap .natural-img p { display: block; width: 33.33%; float: left; text-align: center; margin-top: 14px; }
    #contents3-3 .info-wrap .natural-img p + p { margin-top: -13px; }
    #contents3-3 .info-wrap .natural-img p + p + p { margin-top: -35px; }
    #contents3-3 .info-wrap .data-list-wrap .certification-wrap .img-wrap p { width: calc(33.333% - 14px); max-width: 100%; }
    #contents3-3 .info-wrap .data-list-wrap .certification-wrap .img-wrap p + p { margin-left: 20px; }

    /******** media ********/
    .news-special-wrap .info-wrap > a { padding-top: 32px; }
    .view.contents { padding-top: 180px; }
    .view .view-title { font-size: 30px; }
}

@media (max-width: 1024px) {
    /******** contents1-1 ********/
    #contents1-1 .video-wrap { margin-top: 64px; }
    #contents1-1 .txt-box { padding: 36px 0 100px; }

    /******** contents1-2 ********/
    #contents1-2 { padding-top: 102px; padding-bottom: 180px; }
    #contents1-2 .default-wrap { padding-left: 40px !important; padding-right: 64px !important; }
    #contents1-2 .default-wrap.medium img.mo-image { width: 286px; margin: 0 auto; }

    /******** contents1-3 ********/
    #contents1-3 .ceo-wrap > div { padding-bottom: 0; }
    #contents1-3 .ceo-wrap > div > .txt-wrap { max-width: 329px; width: 100%; margin: 0 auto 37px; word-break: keep-all; padding-top: 190px; background-size: 146px; }
    #contents1-3 .ceo-wrap > div > .img-wrap { position: static; max-width: 293px; width: 100%; margin: 0 auto; }
    #contents1-3 .default-wrap.medium { padding-top: 42px !important; }

    /******** contents1-4 ********/
    #contents1-4 .ci-box-wrap h4::before { vertical-align: sub; }
    #contents1-4 .ci-box-wrap.ci-bx03 .ci-box > .box { padding-left: 30px; padding-right: 30px; }

    /******** contents1-5 ********/
    #contents1-5 .overseas-wrap .default-wrap { max-width: 900px !important; }

    /******** contents2-1 ********/
    #contents2-1 .icon-list-wrap { margin-bottom: 40px !important; }
    #contents2-1 .icon-list-wrap .list { padding-bottom: 40px; }
    #contents2-1 .icon-list-wrap .list + .list { padding-top: 40px; }
    #contents2-1 .addendum p { font-size: 14px; }
    #contents2-1 .addendum ul li { font-size: 12px; }
    #contents2-1 .ethics-wrap.guideline div.mb48 { margin-bottom: 48px !important; }
    #contents2-1 .ethics-wrap.guideline div.mb60 { margin-bottom: 40px !important; }
    #contents2-1 .ethics-wrap.guideline p { font-size: 14px; }
    #contents2-1 .ethics-wrap div div ul li { font-size: 14px; margin-left: 15px; }
    #contents2-1 .ethics-wrap .info { padding: 32px; }

    /******** contents2-2 ********/
    #contents2-2 .info-wrap .box-list-wrap { padding-top: 20px !important; padding-bottom: 0 !important; }
    #contents2-2 .info-wrap .box-list-wrap .box-wrap { padding: 30px 10px !important; }
    #contents2-2 .info-wrap .box-list-wrap .box-wrap p { max-width: 297px; }
    #contents2-2 .info-wrap .box-list-wrap .box-wrap p span { margin-right: 8px; margin-top: 0; }
    #contents2-2 .btn-wrap .btn.guideline { margin-bottom: 0 !important; }
    #contents2-2 .btn-wrap .btn.guideline + .btn.guideline { margin-left: 0; margin-top: 16px; }
    #contents2-2 .behavior-wrap p, #contents2-2 .partners-wrap p { font-size: 14px; }
    #contents2-2 .eco-wrap div { float: none !important; text-align: center; }
    #contents2-2 .eco-wrap div + div { width: 100%; margin-left: 0; }
    #contents2-2 .eco-wrap p { width: 50%; }
    #contents2-2 .eco-wrap p:nth-child(even) { width: 50%; margin-left: 0; }
    #contents2-2 .eco-friendly ul { background: none; }
    #contents2-2 .eco-friendly ul li { float: none; margin-left: auto; margin-right: auto; }
    #contents2-2 .eco-friendly ul li + li { margin-left: auto; margin-top: 68px; position: relative; }
    #contents2-2 .eco-friendly ul li + li::before { content: ''; display: block; width: 51px; height: 36px; background: url('/images/page/img_2_2_4_mo.png') no-repeat center/cover; position: absolute; top: -52px; left: 50%; z-index: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
    #contents2-2 .roadmap-wrap { overflow: hidden; }
    #contents2-2 .roadmap-wrap > p { float: left; }
    #contents2-2 .roadmap-wrap .roadmap { float: left; width: calc(100% - 141px); padding-top: 50px; }
    #contents2-2 .roadmap-wrap > .roadmap > li { width: calc(100% - 17px) !important; margin-left: 17px !important; float: none; word-break: keep-all; }
    #contents2-2 .roadmap-wrap > .roadmap > li::before { top: -55px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
    #contents2-2 .roadmap-wrap > .roadmap > li + li { margin-top: 130px; }
    #contents2-2 .roadmap-wrap > .roadmap > li > ul > li { font-size: 16px; }
    #contents2-2 .history-wrap > li > ul > .year-img { left: 9%; }
    #contents2-2 .upgrade-wrap { border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }
    #contents2-2 .upgrade-wrap p { font-size: 20px !important; }
    #contents2-2 .process-wrap .process { padding: 56px 0 52px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }
    #contents2-2 .process-wrap .process.result { padding: 76px 0 50px; }
    #contents2-2 .process-wrap .process.needs { padding: 56px 0 32px; margin-top: 72px; }
    #contents2-2 .process-wrap .process + .process { margin-top: 60px; }
    #contents2-2 .process-wrap .process .tit { max-width: 282px; height: 64px; line-height: 64px; font-size: 20px; top: -32px; }
    #contents2-2 .process-wrap .process ul li { display: block; text-align: center; width: auto; }
    #contents2-2 .process-wrap .process ul li p:first-child { margin-bottom: 8px !important; font-size: 22px !important; }
    #contents2-2 .process-wrap .process.guidance ul li + li { margin-top: 40px; }
    #contents2-2 .process-wrap .process.managing img { display: none; }
    #contents2-2 .process-wrap .process.managing ul { position: relative; display: inline-block; }
    #contents2-2 .process-wrap .process.managing ul::after { content: ''; display: block; width: 34px; height: 313px; background: url('/images/page/icon_2_2_3_mo.png') no-repeat center/cover; position: absolute; top: 70px; right: -60px; }
    #contents2-2 .process-wrap .process.managing ul li + li { margin-top: 56px; margin-left: 0; }
    #contents2-2 .process-wrap .process.managing ul li + li::before { width: 28px; height: 33px; background: url('/images/page/icon_2_2_4_mo.png') no-repeat center/cover; top: -44px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }
    #contents2-2 .process-wrap .process.result ul li { display: inline-block; }
    #contents2-2 .process-wrap .process.result ul li + li { margin-left: 48px; }
    #contents2-2 .process-wrap .process.needs ul { display: inline-block; }
    #contents2-2 .process-wrap .process.needs ul li + li { margin-left: 0; }
    #contents2-2 .process-wrap .process.needs ul li p { font-size: 22px; }

    /******** contents2-3 ********/
    #contents2-3 .icon-list-wrap .list > div > div + div p { height: auto; }

    #contents2-3 .she-wrap { padding: 240px 13.63% 240px; }
    #contents2-3 .she-wrap:before { width: 161px; height: 166px; }
    #contents2-3 .she-wrap p.font24,
    #contents2-3 .she-wrap p.font30 { font-size: 18px !important; }

    /******** contents2-4 ********/
    #contents2-4 .info-wrap .box-tit.md { top: 36px; width: 314px; }
    #contents2-4 .info-wrap .box-list-wrap.column1 .box-wrap { padding: 68px 10px 40px !important; }
    #contents2-4 .info-wrap .box-list-wrap.column1 .box-wrap ul li { float: none; }
    #contents2-4 .info-wrap .box-list-wrap.column1 .box-wrap ul li + li { margin-left: 0; margin-top: 63px; }
    #contents2-4 .info-wrap .box-list-wrap .box-wrap ul li + li::before { top: -50px; left: 50%; transform: translateX(-50%) rotate(90deg); -webkit-transform: translateX(-50%) rotate(90deg); -moz-transform: translateX(-50%) rotate(90deg); -ms-transform: translateX(-50%) rotate(90deg); -o-transform: translateX(-50%) rotate(90deg); }
    #contents2-4 .info-wrap .box-list-wrap.column1 .box-wrap ul li span.font30, #contents2-4 .info-wrap p.font32 { font-size: 24px !important; }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-wrap ul li span.font30 { font-size: 30px !important; }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-wrap ul li span.font20 { font-size: 20px !important; }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-list:first-child .box-wrap ul li + li:before{ left: -51px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-list:first-child .box-wrap { padding: 74px 10px 60px !important; }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-list:first-child .box-wrap ul li + li { margin-left: 65px; }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(2) .box-wrap { padding: 57px 10px 20px !important; }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(2) .box-wrap ul li + li { margin-left: 18px; }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(3) .box-wrap { padding: 62px 10px 44px !important; }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(3) .box-wrap ul li + li { margin-left: 66px; }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(3) .box-wrap ul li + li:before { top: 50%; left: -50px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
    #contents2-4 .list-wrap.type1 li .circle { padding-left: 15px; }
    #contents2-4 .list-wrap.type1 li .circle::before { top: 8px; }

    /******** contents3-1 ********/
    #contents3-1 .default-wrap.pt80 { padding-top: 40px !important; }
    #contents3-1 .bg-EDF0F4 { margin-top: 32px !important; }
    #contents3-1 .list-wrap.column4 li { width: calc(50% - 5px); height: 400px; }
    #contents3-1 .list-wrap.column4 li + li + li { margin-top: 10px; margin-left: 0; }
    #contents3-1 .list-wrap.column4 li:nth-child(even) { margin-left: 10px; }

    /******** contents3-2 ********/
    #contents3-2 .default-wrap.medium .font40, #contents3-2 .default-wrap.medium .font36 { font-size: 20px !important; }
    #contents3-2 .info-wrap .font32 { font-size: 28px !important; }
    #contents3-2 .info-wrap .down-arrow-img img { width: auto; margin-bottom: 14px; }
    #contents3-2 .info-wrap .down-arrow-img .box-tit { height: 120px; top: 40px; font-size: 28px !important; }
    #contents3-2 .info-wrap .box-list-wrap .box-list .box-tit.md { max-width: 254px; }
    #contents3-2 .info-wrap .box-list-wrap.column2 .box-list .box-wrap { height: 203px; padding-top: 68px !important; }
    #contents3-2 .info-wrap .box-list-wrap.type1 .box-list .box-wrap { height: auto; padding-top: 50px !important; padding-bottom: 25px !important; }
    #contents3-2 .info-wrap .box-list-wrap.type1 .box-list .box-wrap p span + span { display: block; }
    #contents3-2 .info-wrap .commerce-wrap ul li { width: 100%; }
    #contents3-2 .info-wrap .commerce-wrap ul li + li { margin-top: 40px; }
    #contents3-2 .info-wrap .commerce-wrap ul li p { font-size: 30px !important; }
    #contents3-2 .info-wrap .box-list-wrap.d-block-1280 .box-list .img-wrap span { width: calc(33.33% - 12px); }

    /******** contents3-3 ********/
    #contents3-3 .default-wrap.medium .font40, #contents3-3 .default-wrap.medium .font36 { font-size: 20px !important; }
    #contents3-3 .default-wrap.medium .font18 { font-size: 16px !important; }
    #contents3-3 .info-wrap .natural-img { top: 600px; }
    #contents3-3 .info-wrap .box-list-wrap.column3 { padding-top: 150px; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .mb32 { margin-bottom: 32px !important; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list .box-tit { width: 148px; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list.produce .box-wrap ul li + li { margin-left: 30px; }
    #contents3-3 .info-wrap .box-list-wrap.column2 { margin-top: 40px; }
    #contents3-3 .info-wrap .box-list-wrap.column2 br { display: block; }
    #contents3-3 .info-wrap .box-list-wrap.column2 .box-list .box-wrap .check-wrap p { float: none !important; }
    #contents3-3 .info-wrap .box-list-wrap.column2 .box-list .box-wrap .check-wrap p + p { margin-left: 0; }
    #contents3-3 .info-wrap .data-list-wrap .certification-wrap .img-wrap p { display: block; float: none !important; width: 296px; margin-left: auto; margin-right: auto; }
    #contents3-3 .info-wrap .data-list-wrap .certification-wrap .img-wrap p + p { margin-left: auto; margin-top: 40px; }

    /******** contents3-5 ********/
    /* #contents3-5 .info-wrap .list-wrap.column3 li { float: none; width: 100%; height: 248px; }
    #contents3-5 .info-wrap .list-wrap.column3 li + li { margin-top: 24px; margin-left: 0; } */

    /******** contents4-1 ********/
    #contents4-1 .news-special-wrap .image-wrap { max-width: 696px; width: 100%; }
    #contents4-1 .news-special-wrap .info-wrap {  max-width: 696px; width: 100%; padding-left: 0; }
    #contents4-1 .news-special-wrap .info-wrap > a { border-top: none; padding-top: 16px; }
    #contents4-1 .news-special-wrap .info-wrap > a > p { margin-top: 24px; }

    /******** media ********/
    .view .view-title { padding: 40px 0 45px; }

    /******** contents5-1 ********/
    #contents5-1 .txt-box { padding: 86px 0 48px; }
}

/*md*/
@media (max-width: 768px) {
    /******** contents1-4 ********/
    #contents1-4 .ci-box-wrap .mb72 { margin-bottom: 40px !important; }
    #contents1-4 .ci-box-wrap h4 { font-size: 18px !important; }
    #contents1-4 .ci-box-wrap h4::before { width: 4px; height: 20px; margin-right: 10px; }
    #contents1-4 .ci-box-wrap > .ci-box.left, #contents1-4 .ci-box-wrap > .ci-box.right { float: none; max-width: 358px; width: 100%; margin: 0 auto; }
    #contents1-4 .ci-box-wrap .ci-box.right { padding-top: 0; }
    #contents1-4 .ci-box-wrap.ci-bx01 .ci-box .btn-wrap > a.btn { width: 100%; height: 64px; line-height: 64px; font-size: 18px; }
    #contents1-4 .ci-box-wrap > .ci-box.img { max-width: 358px; width: 100%; margin: 0 auto; }
    #contents1-4 .ci-box-wrap.ci-bx03 .color-box-wrap { display: block; }
    #contents1-4 .ci-box-wrap.ci-bx03 .color-box .box { padding: 32px 24px; min-height: 244px; }
    #contents1-4 .ci-box-wrap.ci-bx03 .color-box + .color-box { margin-top: 22px; }
    #contents1-4 .ci-box-wrap.ci-bx03 .color-box .box-gradient { height: 20px; }
    #contents1-4 .ci-box-wrap.ci-bx04 .ci-box strong { margin-top: 32px; }


    /******** contents1-5 ********/
    #contents1-5 .map-wrap { height: 370px; padding-top: 66px; }
    #contents1-5 .business-item .img-wrap { width: 270px; height: 180px; }
    #contents1-5 .business-wrap .business-item { max-width: 100%; width: 100%; height: 244px; float: none; margin-right: 0; margin-top: 0; margin-bottom: 16px; padding: 30px 20px; opacity: 1; }
    #contents1-5 .slick-dots { max-width: 390px; }
    #contents1-5 .slick-dots li { width: 16px; height: 20px; }
    #contents1-5 .slick-dots li .mark-name { display: none; width: 110px; }

    #contents1-5 .slick-dots li.slick-active { width: 32px; height: 37px; }
    #contents1-5 .slick-dots li.slick-active .mark-name { display: block; font-size: 16px; top: -24px; }

    #contents1-5 .mark-wrap { max-width: 414px; }
    #contents1-5 .map-wrap p { top: 66px; }
    #contents1-5 .mark-wrap li:nth-child(1) { bottom: 135px; right: -2%; }
    #contents1-5 .mark-wrap li:nth-child(2) { bottom: 169px; left: auto; right: 45%; }
    #contents1-5 .mark-wrap li:nth-child(3) { bottom: 140px; left: auto; right: 79%; }
    #contents1-5 .mark-wrap li:nth-child(4) { bottom: 110px; left: -2%; }
    #contents1-5 .mark-wrap li:nth-child(5) { bottom: 94px; right: 17.5%; }
    #contents1-5 .mark-wrap li:nth-child(6) { bottom: 182px; right: 36%; }
    #contents1-5 .mark-wrap li:nth-child(7) { bottom: 116px; right: 9%; }
    #contents1-5 .mark-wrap li a span { display: none; }
    #contents1-5 .mark-wrap li.active span { display: block; font-size: 16px; top: -28px; }

    #contents2-1 .font40, #contents2-2 .font40, #contents2-3 .font40, #contents2-4 .default-wrap.medium .font40 { font-size: 24px !important; }

    /******** contents2-1 ********/
    #contents2-1 .icon-list-wrap .list .font30 { font-size: 20px !important; }

    /******** contents2-2 ********/
    #contents2-2 .info-wrap .box-list-wrap .box-wrap p { font-size: 18px !important; }
    #contents2-2 .eco-wrap p { width: 100%; }
    #contents2-2 .eco-wrap p:nth-child(even) { width: 100%; }
    #contents2-2 .eco-wrap p + p { margin-top: 40px !important; }
    #contents2-2 .process-wrap .process ul li p { font-size: 16px; }
    
    /******** contents2-3 ********/
    #contents2-3 .she-wrap { padding: 240px 18.36%; }
    #contents2-3 .she-wrap .she-title { width: 100%; }

    /******** contents3-2 ********/
    #contents3-2 .info-wrap .list-wrap.column3 li { margin-top: 24px; }

    /******** contents3-6 ********/
    #contents3-6 .info-wrap .list-wrap.column2 li { margin-bottom: 0; }
    #contents3-6 .info-wrap .list-wrap.column3 li { margin-top: 24px; }

    /******** media ********/
    .view .view-title { padding: 30px 0 35px; }
    .view.contents { padding-top: 120px; }
    .view.contents .category-wrap { display: none; }
    .view .view-contorl.text { display: none; }
    .view .view-contorl .last-post { display: none; }
    .view .link-arrow .text { display: none; }
    .view .view-desc .download-wrap { margin-top: 72px; }

    /******** contents5-2 ********/
    #contents5-2 .benefit-list { justify-content: center; }

    /******** contents6-1 ********/
    #contents6-1 .contact-box .tr.textarea-box .th { padding-bottom: 16px; }

}

@media (max-width: 640px) {
    /******** contents2-2 ********/
    #contents2-2 .history-wrap::before { left: 35%; }
    #contents2-2 .history-wrap .his-dot::before { left: 35%; }
    #contents2-2 .history-wrap .his-dot { padding-left: 48.8%; }
    #contents2-2 .history-wrap > li > ul > .year-img { top: -70px; left: 43%; width: 163px; }

    /******** contents2-3 ********/
    #contents2-3 .she-wrap { background-image: url(/images/page/bg_2_3_1_2_mo.png); }

    /******** media ********/
    .view .view-title { font-size: 22px; }
}


/*sm*/
@media (max-width: 560px) {
    /******** contents3-1 ********/
    #contents3-1 .list-wrap.column4 li { height: 320px; padding: 21px 17px 21px 23px; }

    /******** contents3-3 ********/
    #contents3-2 .info-wrap .box-list-wrap.d-block-1280 .box-list .box-wrap { margin-top: -8.7%; }
}

@media (max-width: 414px) {
    /******** contents1-5 ********/
    #contents1-5 .map-wrap { background-image: url('/images/page/bg_1_5_2_mo.png'); }
    #contents1-5 .mark-wrap { max-width: 320px; }
    #contents1-5 .mark-wrap li { width: 16px; height: 20px; }
    #contents1-5 .mark-wrap li.active { width: 29px; height: 40px; }
    #contents1-5 .mark-wrap li:nth-child(1) { bottom: 124px; right: -1%; }
    #contents1-5 .mark-wrap li:nth-child(2) { bottom: 152px; left: 48%; right: auto; }
    #contents1-5 .mark-wrap li:nth-child(3) { bottom: 138px; left: 16%; right: auto; }
    #contents1-5 .mark-wrap li:nth-child(4) { bottom: 113px; left: 3%; }
    #contents1-5 .mark-wrap li:nth-child(5) { bottom: 103px; right: 21%; }
    #contents1-5 .mark-wrap li:nth-child(6) { bottom: 167px; right: 36%; }
    #contents1-5 .mark-wrap li:nth-child(7) { bottom: 145px; right: 11%; }
    #contents1-5 .mark-wrap li.active:nth-child(1) { bottom: 136px; right: -2%; }
    #contents1-5 .mark-wrap li.active:nth-child(2) { bottom: 143px; left: 46%;  }
    #contents1-5 .mark-wrap li.active:nth-child(3) { bottom: 126px; left: 13%; }
    #contents1-5 .mark-wrap li.active:nth-child(4) { bottom: 100px; left: 1%; }
    #contents1-5 .mark-wrap li.active:nth-child(5) { bottom: 94px; right: 19%; }
    #contents1-5 .mark-wrap li.active:nth-child(6) { bottom: 153px; right: 37%; }
    #contents1-5 .mark-wrap li.active:nth-child(7) { bottom: 135px; right: 10%; }

    /******** contents3-1 ********/
    #contents3-1 .list-wrap.column4 li { height: 231px; }
    #contents3-1 .list-wrap.column4 li span { font-size: 20px !important; }

    /******** contents3-3 ********/
    #contents3-3 .info-wrap .natural-img p + p + p { text-align: right; }

    /******** contents5-1 ********/
    #contents5-1 .tit { max-width: 255px; }
}

@media (max-width: 390px) {
    /******** contents1-4 ********/
    #contents1-4 .ci-box-wrap.ci-bx03 .ci-box > .box { padding: 40px 30px 59px 30px; }
    #contents1-4 .ci-box-wrap.ci-bx03 .ci-box > .box p { font-size: 26px; }

    /******** contents1-5 ********/
    #contents1-5 .mark-wrap li:nth-child(1) { bottom: 117px; right: 0%; }
    #contents1-5 .mark-wrap li.active:nth-child(1) { bottom: 103px; right: -1%; }

    /******** media ********/
    .media .select-item.news-select-wrap input { min-width: 188px; }

}

/*xs*/
@media (max-width: 375px) {
    #contents2-2 .roadmap-wrap > p { width: 125px; }
    #contents2-2 .roadmap-wrap > .roadmap > li { width: calc(100% - 1px) !important; margin-left: 0 !important; }
    #contents2-2 .roadmap-wrap > .roadmap > li + li { margin-top: 100px; }

    /******** contents2-4 ********/
    #contents2-4 .info-wrap .box-tit.md { width: 270px; }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(2) .box-wrap ul li span.font20 { font-size: 18px !important; }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(3) .box-wrap ul li span.font20 { font-size: 18px !important; }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(3) .box-wrap ul li + li { margin-left: 57px; }
    #contents2-4 .info-wrap .box-list-wrap.column3 .box-list:nth-child(3) .box-wrap ul li + li:before { left: -46px; }

    /******** contents3-2 ********/
    #contents3-2 .info-wrap .box-list-wrap.column2 .box-wrap.data > p { width: 45%; }
    #contents3-2 .info-wrap .box-list-wrap.column2 .box-wrap.data > p + p { width: 55%; }
    #contents3-2 .info-wrap .commerce-wrap ul li p { font-size: 24px !important; }

    /******** contents3-3 ********/
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list.produce .box-wrap ul li + li { margin-left: 10px; }
}

@media all and (max-width:360px) {
    /******** contents2-2 ********/
    #contents2-2 .info-wrap .box-list-wrap .box-wrap p { max-width: 260px; font-size: 16px !important; }
    #contents2-2 .info-wrap .box-list-wrap .box-wrap p span { width: 22px; height: 22px; line-height: 22px; font-size: 14px; }
    #contents2-2 .process-wrap .process .tit { max-width: 254px; }

    /******** contents3-1 ********/
    #contents3-1 .list-wrap.type1 li { padding: 40px 30px 58px; }
    #contents3-1 .list-wrap.type1 li a { left: 30px; }

    /******** contents3-3 ********/
    #contents3-3 .mb144 { margin-bottom: 84px; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list.produce .box-wrap ul li { display: block; margin-right: 0; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list.produce .box-wrap ul li + li { margin-left: 0px; margin-top: 6px; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list .box-wrap .d-block-1280 { bottom: 60px; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list:first-child .box-wrap .d-block-1280 { bottom: 83px; }
    #contents3-3 .info-wrap .box-list-wrap.column3 .box-list:first-child .box-wrap .mb144 { margin-bottom: 144px; }
}

@media all and (max-width:320px) {
}


/*hover*/
@media all and (min-width:768px) {

}