@charset "utf-8";

/* Mobile */
.m_container {overflow:hidden;}
.mvisual{position: relative;}
.mvs_list ul {height: 220px;position: relative;}
.mvs_list li {background-size: cover;background-position: center;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.mvs_tit{position: absolute;bottom: 70px;left: 20px;z-index: 1;}
.mvs_tit h2{color: #fff;text-shadow: 0 0 5px rgba(0,0,0,0.7);}
.mvs_tit p{display: block;position: static;opacity: 1;margin: 0;writing-mode: initial;font-family: inklip;font-size: 24px;font-weight: normal;text-shadow: 0 0 5px rgba(0,0,0,0.7);line-height: 1.2}
.mvs_tit p span{padding: 0 4px;background: #197e79;}

.mf_tab {background: #0054a6; padding: 50px 6.25% 100px; position: relative; z-index: 1;}
.mf_tab ul::after {content: ''; width: 100%; height: 5px; border-radius: 10px; background-color: #0e4d8a; display: block;}
.mf_tab li {margin: 0 0 20px; padding: 50px 0 10px 0;  display: inline-block; width: calc(100%/3 - 4px); text-align: center;}
.mf_tab li:hover>a, .mf_tab li:active>a, .mf_tab li:focus>a, .mf_tab a.on {opacity: 1; top: -10px;}
.mf_tab a {position: relative; top: 0; transition: .1s all; opacity: .9; padding: 65px 25px 10px 25px; background: url(/images/03manifesto/main/ico.png) no-repeat -2% 0;}
.mf_tab a span {color: #fff; font-size: 14px; font-weight: 100;}
.mf_tab li:hover>a>span, .mf_tab li:active>a>span, .mf_tab li:focus>a>span, .mf_tab a.on>span {font-weight: 300;}
.mf_tab a.mf_ico02 {background-position: 15.9% 0;}
.mf_tab a.mf_ico03 {background-position: 32.5% 0;}
.mf_tab a.mf_ico04 {background-position: 51.5% 0;}
.mf_tab a.mf_ico05 {background-position: 70% 0;}
.mf_tab a.mf_ico06 {padding: 65px 15px 10px 15px; background-position: 87.5% 0;}

.mf_box {background-color: #ddf3fe; display: none; position: relative;}
.mf_box.on {display: block;}
.manifesto { display:none;position: relative;  top: -75px;  left: 10.25%;}
.manifesto h2 { position: absolute; z-index: 1;margin: 10px 0 10px 70px; color:#fff}
.mf_box.on .manifesto {display: block;}
.manifesto .tit_num {position: absolute; top: -13px; left: -65px; z-index: -1; font-size: .8em;padding: 13px 13px 9px; border-radius: 20px;  background: linear-gradient( 45deg, #16cde2, #00a997);font-weight: 700;}
.manifesto .tit_num {display: block;color: #fff;}
.mf_box h3 { display: block; padding: 40px 20px 20px; margin: 0 auto; word-break: keep-all; font-family: 'yg-jalnan',Dotum, "돋움", sans-serif; color: #666666; line-height: 1.2;font-size: 25px; position: relative;}
.mf_box h3 .tit_big {font-size: 2rem; color: #197e79; vertical-align: baseline;}
.mf_box h3 .tit_eng {position: absolute; top: 15px; left: 20px; font-family: 'yg-jalnan',Dotum, "돋움", sans-serif; font-size: 1.5rem; color: #cee6f6;}
.mf_box .mf_table {width: 100%; text-align: left; background-color: #fff;border-radius: 50px 50px 0 0; margin: 0 auto;}
.mf_box .mf_con {width: 100%; border-collapse: separate; border-spacing: 10px;padding-bottom: 100px;}
.mf_box::after {content: ''; background: url(/images/03manifesto/main/ch02.png) no-repeat center; position: absolute;width: 140px; height: 155px; bottom: -30px;background-size: 100%;z-index: 1;}

.mf_box .mf_con thead {position: relative;top: 15px; left: 15px;}
.mf_box .mf_con thead th {font-family: 'yg-jalnan',Dotum, "돋움", sans-serif; font-size: 20px; color: #808e8e; text-align: left;}
.mf_box .mf_con tbody tr {margin: 10px;}
.mf_box .mf_con tbody tr:first-child th {border-radius: 50px 20px 20px 20px;width: 50%;}
.mf_box .mf_con tbody th, tbody td {position: relative; z-index: 1; word-break: keep-all; padding: 10px;  border-radius: 20px; box-shadow: 0 0 10px rgba(75, 95, 104, 0.1); margin-bottom: 10px;vertical-align: middle;}
.mf_box .mf_con tbody th {color: #363636; font-weight: 300;overflow: hidden; }
.mf_box .mf_con tbody th>.con_num {opacity: .8; font-family: 'yg-jalnan'; font-size: 50px; position: absolute; left: -5px; bottom: -20px; color: #e7f7fe;z-index: -1;}
.mf_box .mf_con tbody td {border-radius: 10px; font-weight: 100;}
.mf_box .mf_con tbody tr:first-child td {border-radius: 20px 50px 20px 20px;}
.mf_box .mf_con tbody td ul li {display: block; padding-left: 10px; position: relative;}
.mf_box .mf_con tbody td ul li::before {content: ''; width: 3px; height: 3px; border-radius: 50px; background-color: #1992c8; position: absolute;top: 8px; left: 0;}
.mf_box .mf_con tbody tr:last-child td {border-radius: 20px 20px 50px 20px;}
.mf_box .mf_con tbody tr:last-child th {border-radius: 20px 20px 20px 50px;}

footer {position: relative;z-index: 1;}

/* Tablet */
@media all and (min-width:768px){
header h1 a {width: 139px; padding: 60px 0 0 0; background-position: 0 -60px;}

.mvs_list ul {border-radius: 0 0 100px 0; overflow: hidden; margin-right: 60px; height: 375px;}
.mvs_list li {background-size: cover; background-position: center; width: 100%!important; height: 100%;  position: absolute;  top: 0; left: 0;}
.mvs_tit h2{font-size: 40px;}
.mvs_tit p{font-size: 32px;}

.manifesto { left: 15%;}
.mf_box .mf_table {position: relative;z-index: 1;}
.mf_box .mf_table::before {content: '';background: url(/images/03manifesto/main/ch01.png) no-repeat center; position: absolute;width: 61px; height: 112px; top: -25px; right: 30px; background-size: 100%;}
.mf_box .mf_con tbody th, tbody td {padding:20px;}
}

/* Tablet */
@media all and (min-width:1023px) {
header h1 a {background-position: 0 0; width: 139px; padding: 60px 0 0;}
header.on h1 a, header:hover h1 a {background-position: 0 -60px;}

.mvs_list, .mvs_list ul {height: 610px;}
.mvs_tit{bottom: auto;top: 200px;}
.mvs_tit h2{font-size: 60px;}
.mvs_tit p{font-size: 48px;}
	
.mf_tab li {width: calc(100%/6 - 5px);}

.manifesto {left: 10%;}
.mf_box .mf_con { padding-top: 10px;}
.mf_box .mf_table::before {content: '';background: url(/images/03manifesto/main/ch01.png) no-repeat center; position: absolute;width: 61px; height: 112px; top: 25px; right: 30px; background-size: 100%;}
}
/* Desktop */
@media all and (min-width:1400px) {
.depth_box li {line-height: 1.6;}
.depth_box li a:before {top: 10px;}

.mvs_list {height:auto;}
.mvs_list ul {border-radius: 0 0 200px 0; width: 1760px;  margin-left: -260px; height: 930px;}
.mvs_tit{top: 400px;left: 50%;width: 1400px;transform: translateX(-50%);}

.color_bg {background-color: #ddf3fe; position: relative;}
.color_bg::after {content: ''; background: url(/images/03manifesto/main/bg02.png) no-repeat center 162%; width: 100%; height: 581px; background-size: 60%; z-index: 0;position: absolute;bottom: 30%; right: -25%; opacity: .04;}
.mf_tab::before {content: "";display: block;position: absolute; top: 0; bottom: 0; left: 50%; right: -50%; background: #0054a6; z-index: 0;}
.mf_tab {width: 1400px;padding: 100px 0 40px 445px;margin: 0 auto;box-sizing: border-box;border-radius: 0 0 0 150px;}
.mf_tab {padding-top: 100px; }
.mf_tab ul {position:relative; z-index: 0;}
.mf_tab ul::after {height: 10px;}
.mf_tab li {width: calc(100%/6 - 5px);}
.mf_tab a {padding-top: 80px;}
.mf_tab li:hover>a, .mf_tab li:active>a, .mf_tab li:focus>a, .mf_tab a.on {top: -20px;}
.mf_tab a.on {padding-bottom: 84px; position: relative;}
.mf_tab a.on::after {content: ''; width: 100%; height: 15px; border-radius: 10px; background: linear-gradient(to right, #e8b879, #ffb657);position: absolute; border: 3px solid #0e4d8a; bottom: 0; left: 0;}
.mf_tab a span {font-size: 30px;}
.mf_tab a.mf_ico01 {background-position: -3% 0;}
.mf_tab a.mf_ico02 {background-position: 14.9% 0;}
.mf_tab a.mf_ico03 {background-position: 32% 0;}
.mf_tab a.mf_ico04 {background-position: 52% 0;}
.mf_tab a.mf_ico05 {background-position: 72% 0;}
.mf_tab a.mf_ico06 {background-position: 90% 0;padding: 80px 15px 10px 15px}
.mf_tab a.mf_ico06.on::after {bottom: -73px;}

.manifesto {top: -210px; left: 50px;}
.manifesto h2, .tit_num {font-size: 70px;left: 100px;}
.manifesto h2 {margin: 50px 0 10px 70px;}
.manifesto .tit_num {padding: 20px 20px 15px;border-radius: 30px;top: -40px;font-size:.5em;}
.mf_box h3::before {content: ''; background: url(/images/03manifesto/main/tit.png) no-repeat center; position: absolute; top: 20px; left: -75px; width: 136px; height: 96px;}
.mf_box h3 {font-size: 50px; padding: 80px 20px 40px 100px; max-width: 1400px; margin: 0 auto; position: relative;}
.mf_box h3 .tit_big {font-size: 65px;}
.mf_box h3 .tit_eng {font-size: 3.5rem; top: 30px;left: 100px;}
.mf_box .mf_table::before {content: '';background: url(/images/03manifesto/main/ch01.png) no-repeat center; position: absolute; width: 100px; height: 180px;top: -25px; right: 20%;}
.mf_box .mf_table {border-radius: 200px 200px 0 0; position: relative; z-index: 1;}
.mf_box .mf_con {width: 1400px; margin: 0 auto; padding-top: 60px;border-spacing: 50px 20px;}
.mf_box .mf_con thead {top: 35px;}
.mf_box .mf_con thead th {font-size: 40px;}
.mf_box .mf_con tbody th {padding-left: 100px;}
.mf_box .mf_con tbody th, tbody td {box-shadow: 0 0 15px rgba(75, 95, 104, 0.1);}
.mf_box .mf_con tbody tr th {font-size: 20px;}
.mf_box .mf_con tbody td {position: relative;}
.mf_box .mf_con tbody td::before {content: ''; display: inline-block; background: url(/images/03manifesto/main/ico.png) no-repeat 98% center; width: 20px; height: 20px; left: -35px; top: 40%; position: absolute;}
.mf_box .mf_con tbody th>.con_num {font-size: 70px;bottom: -30px;}
.mf_box .mf_con tbody td ul li::before {left: 15px; top: 11px;}
.mf_box .mf_con tbody td ul li {padding-left: 30px;font-size: 17px;}
.mf_box::after {width: 280px; height: 241px;}
}   
/* Desktop */
@media all and (min-width:1600px) {
.manifesto {left: 270px;}    
}     


/* 번역*/  
/* Mobile*/
.translated-ltr .mf_tab li {width: calc(100%/2 - 3px);max-width: 145px; padding: 0;}
.translated-ltr .mf_tab a {padding: 64px 10px 10px 10px; background-position:-7% 0;display: flex; justify-content: center;}
.translated-ltr .mf_tab a.mf_ico02 {background-position: 13.9% 0;}
.translated-ltr .mf_tab a.mf_ico03 {background-position: 33% 0;}
.translated-ltr .mf_tab a.mf_ico04 {background-position: 51.5% 0;}
.translated-ltr .mf_tab a.mf_ico05 {background-position: 71.8% 0;}
.translated-ltr .mf_tab a.mf_ico06 {background-position: 91% 0;}
.translated-ltr .mf_box h3 {line-height: 1;}
.translated-ltr .mf_box .mf_con thead  {left: 0;}
.translated-ltr .mf_box .mf_con thead th { font-size: 23px;}
.translated-ltr .mf_box .mf_con thead th font>font {word-break: keep-all;}

/* Tablet */
@media all and (min-width:768px){
.translated-ltr .mf_box .mf_con thead  {left: 15px;}
}

/* Pc */
@media all and (min-width:1400px){
.translated-ltr .mf_tab a.mf_ico01 {background-position: -7% 0;}
.translated-ltr .mf_tab a.on::after {bottom: -55px;}
.translated-ltr .mf_tab li:nth-child(1) a.on::after, .translated-ltr .mf_tab li:nth-child(3) a.on::after {bottom: -93px;}
.translated-ltr .manifesto h2, .tit_num {left: 0; font-size: 45px;}
}

/* Pc wide */
@media all and (min-width:1600px){
.translated-ltr .manifesto h2, .tit_num {left: -130px;}

}

/* Pc */
@media all and (min-width:1800px){
.translated-ltr .manifesto h2, .tit_num {left: 40px;;}
}