/* main layout */
[class^="ml_"] > div > div::after {display:block; content:''; clear:both;}
[class^="ml_"] > div > div > div {float:left;}

@media (min-width:1640px) {
    [class^="ml_"] > div {width:1400px; margin:0 auto;}
    [class^="ml_"] > div > div {margin:0 -16px 0;}
    [class^="ml_"] > div > div > div {padding:0 16px 0;}

    .ml_01 {background:#ffffff;}/*background:#f4f8f9;*/
    .ml_01 > div {padding:64px 0;}
    .ml_01 .ml01_l {width:50%;}
    .ml_01 .ml01_r {width:50%;}
}
@media (min-width:1200px) and (max-width:1639px) {
    [class^="ml_"] > div {width:1200px; margin:0 auto;}
    [class^="ml_"] > div > div {margin:0 -16px 0;}
    [class^="ml_"] > div > div > div {padding:0 16px 0;}

    .ml_01 {background:#f4f8f9;}
    .ml_01 > div {padding:64px 0;}
    .ml_01 .ml01_l {width:50%;}
    .ml_01 .ml01_r {width:50%;}
}
@media (min-width:821px) and (max-width:1199px) {
    [class^="ml_"] {padding-left:24px !important; padding-right:24px !important;}
    [class^="ml_"] > div > div {margin:0 -12px 0;}
    [class^="ml_"] > div > div > div {padding:0 12px 0;}

    .ml_01 {background:#f4f8f9;}
    .ml_01 > div {padding:48px 24px;}
    .ml_01 .ml01_l {width:50%;}
    .ml_01 .ml01_r {width:50%;}
}
@media (max-width:820px) {
    [class^="ml_"] {padding-left:16px !important; padding-right:16px !important;}
    [class^="ml_"] > div > div {margin:0 -8px 0;}
    [class^="ml_"] > div > div > div {padding:0 8px 0;}

    .ml_01 .ml01_l {width:100%; background:#f4f8f9; padding:32px 16px; margin:0 -8px;}
    .ml_01 .ml01_r {width:100%; margin:32px auto;}
}

/* main content 01 */
.mc_01 {background:url(../img/main/mc01_bg.png) no-repeat #022851 center center / cover;}
.mc_01 > div {height:100%; text-align:left;}
.mc_01 h3 {display:inline-block; position:relative; line-height:1.6em; font-weight:700; color:#fff;}
.mc_01 h3::before {display:block; content:''; position:absolute; left:0; top:0; background:#fff;}

@media (min-width:1640px) {
    .mc_01 {height:360px;}
    .mc_01 > div {width:1400px; margin:0 auto;}
    .mc_01 h3 {font-size:60px; padding:12px 0;}
    .mc_01 h3::before {width:80px; height:3px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_01 {height:360px;}
    .mc_01 > div {width:1200px; margin:0 auto;}
    .mc_01 h3 {font-size:60px; padding:12px 0;}
    .mc_01 h3::before {width:80px; height:3px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_01 {height:300px;}
    .mc_01 > div {padding:0 24px;}
    .mc_01 h3 {font-size:44px; padding:12px 0 64px 0;}
    .mc_01 h3::before {width:60px; height:3px;}
}
@media (max-width:767px) {
    .mc_01 {height:200px;}
    .mc_01 > div {padding:0 16px;}
    .mc_01 h3 {font-size:28px; padding:12px 0 48px 0;}
    .mc_01 h3::before {width:60px; height:2px;}
}

/* main content 02 */
.mc_02 {font-size:0; line-height:0;}
.mc_02 .mc02_t {position:relative; float:right;}
.mc_02 .mc02_slide_wrap {position:relative;}
.mc_02 .mc02_slide_wrap .mc02_slide_inner {overflow:hidden;}
.mc_02 .mc02_slide .s_w .sw_l {width:50%;}
.mc_02 .mc02_slide .s_w .sw_l > a {position:relative; display:block; background:url() no-repeat #eee center center / cover;}
.mc_02 .mc02_slide .s_w .sw_l > a::before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(5,42,77, 0.72); opacity:1; transition:opacity 0.25s ease-out;}
.mc_02 .mc02_slide .s_w .sw_l.on > a::before {opacity:0;}
.mc_02 .s_c {position:absolute; right:100%; top:0; font-size:16px; line-height:24px; padding-right:16px !important;}
.mc_02 .s_c > * {margin:0 2px;}
.mc_02 .s_c strong {color:#222;}
.mc_02 .s_c em,
.mc_02 .s_c span {color:#aaa;}
.mc_02 .s_b {position:absolute; right:100%; top:0; text-align:right;}
.mc_02 .s_b [class^="btn_"] {display:inline-block; width:50%;}
.mc_02 .s_b .btn_prev {background:url(../img/main/mc02_ico_prev.png) no-repeat #1ab8cc center center;}
.mc_02 .s_b .btn_pause {background:url(../img/main/mc02_ico_pause.png) no-repeat #909090 center center;}
.mc_02 .s_b .btn_play {background:url(../img/main/mc02_ico_play.png) no-repeat #909090 center center;}
.mc_02 .s_b .btn_next {background:url(../img/main/mc02_ico_next.png) no-repeat #0058aa center center;}

.mc_02 .mc02_b span {overflow:hidden; display:block; width:48%; font-weight:700; color:#2a5992; text-overflow:ellipsis; white-space:nowrap;}
.mc_02 .mc02_b p {display:block; color:#666; margin-top:8px;}
.mc_02 .mc02_b a {position:relative; display:inline-block; font-size:13px; line-height:21px; font-weight:700; color:#777; border:1px solid #ddd; padding:6px 16px; padding-right:40px; margin-top:16px;}
.mc_02 .mc02_b a::after {display:block; content:''; width:17px; height:17px; position:absolute; right:12px; top:50%; transform:translateY(-50%); background:url(../img/main/mc02_ico_more.png) no-repeat center center;}

@media (min-width:1640px) {
    .mc_02 {width:1400px; margin:0 auto;}
    .mc_02 .mc02_t {width:calc(50% - 128px); margin-top:-64px;}
    .mc_02 .mc02_slide {margin:0 -8px;}
    .mc_02 .mc02_slide .s_w .sw_l {padding:0 8px;}
    .mc_02 .s_c {margin:64px 64px 0 0; padding:20px 0;}
    .mc_02 .s_b {width:128px;}
    .mc_02 .s_b [class^="btn_"] {height:64px;}
    .mc_02 .mc02_b {padding:32px 0 56px 0;}
    .mc_02 .mc02_b span {font-size:22px; line-height:30px;}
    .mc_02 .mc02_b p {font-size:18px; line-height:26px; margin-top:16px;}
    .mc_02 .mc02_b a {margin-top:24px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_02 {width:1200px; margin:0 auto;}
    .mc_02 .mc02_t {width:calc(50% - 128px); margin-top:-64px;}
    .mc_02 .mc02_slide {margin:0 -8px;}
    .mc_02 .mc02_slide .s_w .sw_l {padding:0 8px;}
    .mc_02 .s_c {margin:64px 64px 0 0; padding:20px 0;}
    .mc_02 .s_b {width:128px;}
    .mc_02 .s_b [class^="btn_"] {height:64px;}
    .mc_02 .mc02_b {padding:32px 0 56px 0;}
    .mc_02 .mc02_b span {font-size:22px; line-height:30px;}
    .mc_02 .mc02_b p {font-size:18px; line-height:26px; margin-top:16px;}
    .mc_02 .mc02_b a {margin-top:24px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_02 .mc02_t {width:50%; margin-top:-56px; margin-right:24px;}
    .mc_02 .mc02_slide {margin:0 -6px;}
    .mc_02 .mc02_slide .s_w .sw_l {padding:0 6px;}
    .mc_02 .s_c {margin:56px 56px 0 0; padding:16px 0;}
    .mc_02 .s_b {width:112px;}
    .mc_02 .s_b [class^="btn_"] {height:56px;}

    .mc_02 .mc02_b {clear:both; padding:24px 24px 48px;}
    .mc_02 .mc02_b span {width:100%; font-size:20px; line-height:28px;}
    .mc_02 .mc02_b p {font-size:16px; line-height:24px;}
}
@media (max-width:767px) {
    .mc_02 .mc02_t {width:66.6666%; margin-top:-48px; margin-right:16px;}
    .mc_02 .mc02_slide {margin:0 -4px;}
    .mc_02 .mc02_slide .s_w .sw_l {padding:0 4px; width:100%;}
    .mc_02 .s_c {margin:48px 48px 0 0; padding:12px 0;}
    .mc_02 .s_b {width:96px;}
    .mc_02 .s_b [class^="btn_"] {height:48px;}
    .mc_02 .mc02_b {clear:both; padding:16px 16px 32px;}
     .mc_02 .mc02_b span {width:100%; font-size:18px; line-height:26px;}
    .mc_02 .mc02_b p {font-size:14px; line-height:22px;}
}

@media (max-width:400px) {
	.mc_02 .s_b {width:83px;}
	.mc_02 .s_c {margin:48px 40px 0 0;padding-right:5px !important;}
}

/* main content 03 */
.mc_03 {border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.mc_03 > div > ul > li {float:left; width:25%;}
.mc_03 > div > ul > li > a {position:relative; display:block;}
.mc_03 > div > ul > li ~ li > a::before {display:block; content:''; width:0; height:100%; border-left:1px dashed #ccc; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.mc_03 > div > ul > li > a::after {display:block; content:''; width:17px; height:17px; background:url(../img/main/mc03_ico_arrow_right.png) no-repeat center center; position:absolute; right:0;}
.mc_03 > div > ul > li > a > strong {display:block; font-weight:700; color:#222;}
.mc_03 > div > ul > li > a > span {display:block; font-size:16px; line-height:24px; color:#666; margin-top:8px;}

@media (min-width:1640px) {
    .mc_03 > div {width:1400px; margin:0 auto;}
    .mc_03 > div > ul {margin:0 -32px;}
    .mc_03 > div > ul > li {padding:48px 32px;}
    .mc_03 > div > ul > li ~ li > a::before {margin-left:-32px;}
    .mc_03 > div > ul > li > a::after {top:7px;}
    .mc_03 > div > ul > li > a > strong {font-size:24px; line-height:32px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_03 > div {width:1200px; margin:0 auto;}
    .mc_03 > div > ul {margin:0 -32px;}
    .mc_03 > div > ul > li {padding:48px 32px;}
    .mc_03 > div > ul > li ~ li > a::before {margin-left:-32px;}
    .mc_03 > div > ul > li > a::after {top:7px;}
    .mc_03 > div > ul > li > a > strong {font-size:24px; line-height:32px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_03 > div {padding:0 24px;}
    .mc_03 > div > ul {margin:0 -24px;}
    .mc_03 > div > ul > li {padding:40px 24px;}
    .mc_03 > div > ul > li ~ li > a::before {margin-left:-24px;}
    .mc_03 > div > ul > li > a::after {top:6px;}
    .mc_03 > div > ul > li > a > strong {font-size:22px; line-height:30px;}
    .mc_03 > div > ul > li > a > span {height:48px;}
}
@media (max-width:767px) {
    .mc_03 > div {padding:0 16px;}
    .mc_03 > div > ul {margin:0 -16px;}
    .mc_03 > div > ul > li {padding:32px 16px;}
    .mc_03 > div > ul > li ~ li > a::before {height:calc(100% + 16px); margin-left:-16px;}
    .mc_03 > div > ul > li > a::after {top:50%; transform:translateY(-50%);}
    .mc_03 > div > ul > li > a > strong {font-size:20px; line-height:28px;}
    .mc_03 > div > ul > li > a > span {display:none;}
}
@media (max-width:480px) {
	.mc_03 {border-bottom:0px}
	.mc_03 > div > ul > li:nth-child(4) ~ li > a::before { border-left:0px dashed #ccc; }
	.mc_03 > div > ul > li {padding:32px 15px;width:50%;border-bottom:1px solid #e4e4e4;}
}
@media (max-width:400px) {
	.mc_03 > div > ul > li{padding:25px 12px;}
	.mc_03 > div > ul > li > a > strong{font-size:18px;}
}

/* main content 04 */
.mc_04 .mc04_t {display:flex; align-items:center; justify-content:space-between;}
.mc_04 .mc04_t h3 {display:block; font-weight:700; color:#222;}
.mc_04 .mc04_t .more_btn {display:inline-block; position:relative; font-size:13px; line-height:21px; font-weight:700; color:#777; border:1px solid #ddd; padding:6px 16px; padding-right:40px;}
.mc_04 .mc04_t .more_btn::after {display:block; content:''; width:17px; height:17px; position:absolute; right:12px; top:50%; transform:translateY(-50%); background:url(../img/main/mc02_ico_more.png) no-repeat center center;}
.mc_04 .mc04_b a {display:block; position:relative;}
.mc_04 .mc04_b i {display:block; color:#0058aa;}
.mc_04 .mc04_b strong {display:block; font-weight:500; color:#222; margin-top:4px;}
.mc_04 .mc04_b span {display:block; color:#666; margin-top:16px;}
.mc_04 .mc04_b em {display:block; color:#777;}

@media (min-width:1640px) {
    .mc_04 {width:1400px; margin:0 auto; padding:64px 0;}
    .mc_04 .mc04_t h3 {font-size:24px; line-height:32px;}
    .mc_04 .mc04_b {margin-top:56px;}
    .mc_04 .mc04_b > ul {margin:0 -32px;}
    .mc_04 .mc04_b > ul > li {float:left; width:33.3333%; padding:0 32px;}
    .mc_04 .mc04_b i {font-size:14px; line-height:22px;}
    .mc_04 .mc04_b strong {font-size:22px; line-height:30px;}
    .mc_04 .mc04_b span {font-size:18px; line-height:26px; height:52px; overflow:hidden;}
    .mc_04 .mc04_b em {font-size:14px; line-height:22px; margin-top:24px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_04 {width:1200px; margin:0 auto; padding:64px 0;}
    .mc_04 .mc04_t h3 {font-size:24px; line-height:32px;}
    .mc_04 .mc04_b {margin-top:56px;}
    .mc_04 .mc04_b > ul {margin:0 -32px;}
    .mc_04 .mc04_b > ul > li {float:left; width:33.3333%; padding:0 32px;}
    .mc_04 .mc04_b i {font-size:14px; line-height:22px;}
    .mc_04 .mc04_b strong {font-size:22px; line-height:30px;}
    .mc_04 .mc04_b span {font-size:18px; line-height:26px; height:52px; overflow:hidden;}
    .mc_04 .mc04_b em {font-size:14px; line-height:22px; margin-top:24px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_04 {padding:48px 24px;}
    .mc_04 .mc04_t h3 {font-size:22px; line-height:30px;}
    .mc_04 .mc04_b > ul > li ~ li {border-top:1px solid #e4e4e4;}
    .mc_04 .mc04_b > ul > li {padding:40px 0;}
    .mc_04 .mc04_b > ul > li:last-child {padding-bottom:0;}
    .mc_04 .mc04_b i {font-size:13px; line-height:21px;}
    .mc_04 .mc04_b strong {font-size:20px; line-height:28px;}
    .mc_04 .mc04_b span {font-size:16px; line-height:24px;}
    .mc_04 .mc04_b em {position:absolute; right:0; top:0; font-size:13px; line-height:21px;}
}
@media (max-width:767px) {
    .mc_04 {padding:32px 16px;}
    .mc_04 .mc04_t h3 {font-size:20px; line-height:28px;}
    .mc_04 .mc04_b > ul > li ~ li {border-top:1px solid #e4e4e4;}
    .mc_04 .mc04_b > ul > li {padding:24px 0;}
    .mc_04 .mc04_b > ul > li:last-child {padding-bottom:0;}
    .mc_04 .mc04_b i {font-size:12px; line-height:20px;}
    .mc_04 .mc04_b strong {font-size:18px; line-height:26px;}
    .mc_04 .mc04_b span {font-size:14px; line-height:22px;}
    .mc_04 .mc04_b em {position:absolute; right:0; top:0; font-size:12px; line-height:20px;}
}
@media (max-width:767px) {
	.mc_04 .mc04_b > ul > li{padding:15px 0;}
	.mc_04 .mc04_b span{margin-top:10px;}
	.mc_04 .mc04_b em{position:static;margin-top:10px;}
}
@media (max-width:350px) {
	.mc_04 .mc04_t .more_btn {padding:6px; padding-right:6px;}
	.mc_04 .mc04_t .more_btn::after{content:none;}
}

/* main content 05 */
.mc_05 {background:#f4f8f9;}
.mc_05 .mc05_t {position:relative;}
.mc_05 .mc05_t h3 {display:block; font-weight:700; color:#222;}
.mc_05 .mc05_t .btn_more {display:none; width:80px; height:40px; background:url(../img/main/mc05_ico_more.png) no-repeat center center; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.mc_05 .mc05_slide_wrap {overflow:hidden;}
.mc_05 .mc05_slide .sw_l > a {display:block; font-size:0; line-height:0; background:#fff; border:1px solid #ddd; border-radius:12px; white-space:initial; padding:24px 8px;}
.mc_05 .mc05_slide .sw_l > a > span {display:inline-block; width:100%;}
.mc_05 .mc05_slide .sw_l > a > span::before {display:inline-block; content:''; width:72px; height:72px; border-radius:50%; background:url() no-repeat #f3f5f9 center center / 100%;}
.mc_05 .mc05_slide .sw_l > a > span > strong {display:block; font-size:15px; line-height:23px; color:#222; font-weight:500; height:72px; overflow:hidden; margin-top:16px;}
.mc_05 .mc05_slide .sw_l:last-child > a {background:0; border:0;}
.mc_05 .mc05_slide .sw_l:last-child > a > span {position:relative; width:80px; height:40px; background:url(../img/main/mc05_ico_more.png) no-repeat center center;}
.mc_05 .mc05_slide .sw_l:last-child > a > span::before {display:none;}

.mc_05 .mc05_slide .sw_l:nth-child(1) > a > span::before {background-image:url(../img/main/mc05_ico_01.png);}
.mc_05 .mc05_slide .sw_l:nth-child(2) > a > span::before {background-image:url(../img/main/mc05_ico_02.png);}
.mc_05 .mc05_slide .sw_l:nth-child(3) > a > span::before {background-image:url(../img/main/mc05_ico_03.png);}
.mc_05 .mc05_slide .sw_l:nth-child(4) > a > span::before {background-image:url(../img/main/mc05_ico_04.png);}
.mc_05 .mc05_slide .sw_l:nth-child(5) > a > span::before {background-image:url(../img/main/mc05_ico_05.png);}
.mc_05 .mc05_slide .sw_l:nth-child(6) > a > span::before {background-image:url(../img/main/mc05_ico_06.png);}
.mc_05 .mc05_slide .sw_l:nth-child(7) > a > span::before {background-image:url(../img/main/mc05_ico_07.png);}
.mc_05 .mc05_slide .sw_l:nth-child(8) > a > span::before {background-image:url(../img/main/mc05_ico_08.png);}
.mc_05 .mc05_slide .sw_l:nth-child(9) > a > span::before {background-image:url(../img/main/mc05_ico_09.png);}
.mc_05 .mc05_slide .sw_l:nth-child(10) > a > span::before {background-image:url(../img/main/mc05_ico_10.png);}
.mc_05 .mc05_slide .sw_l:nth-child(11) > a > span::before {background-image:url(../img/main/mc05_ico_11.png);}
.mc_05 .mc05_slide .sw_l:nth-child(12) > a > span::before {background-image:url(../img/main/mc05_ico_12.png);}
.mc_05 .mc05_slide .sw_l:nth-child(13) > a > span::before {background-image:url(../img/main/mc05_ico_13.png);}

@media (min-width:1640px) {
    .mc_05 > div {width:1400px; margin:0 auto; padding:64px 0;}
    .mc_05 .mc05_t h3 {font-size:24px; line-height:32px;}
    .mc_05 .mc05_slide_wrap {margin-top:56px;}
    .mc_05 .mc05_slide > div {margin:-16px -8px 0;}
    .mc_05 .mc05_slide.tab_scrl .s_w .sw_l {float:left; width:14.285% !important; padding:16px 8px 0}
    .mc_05 .mc05_slide .sw_l > a {height:186px;}
    .mc_05 .mc05_slide .sw_l > a > span > strong {height:48px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_05 > div {width:1200px; margin:0 auto; padding:64px 0;}
    .mc_05 .mc05_t h3 {font-size:24px; line-height:32px;}
    .mc_05 .mc05_slide_wrap {margin-top:56px;}
    .mc_05 .mc05_slide > div {margin:-16px -8px 0;}
    .mc_05 .mc05_slide.tab_scrl .s_w .sw_l {float:left; width:14.285% !important; padding:16px 8px 0}
    .mc_05 .mc05_slide .sw_l > a {height:210px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_05 > div {padding:48px 24px;}
    .mc_05 .mc05_t h3 {font-size:22px; line-height:30px;}
    .mc_05 .mc05_slide_wrap {margin-top:40px;}
    .mc_05 .mc05_slide > div {margin:-12px -6px 0;}
    .mc_05 .mc05_slide.tab_scrl .s_w .sw_l {float:left; width:20% !important; padding:12px 6px 0}
    .mc_05 .mc05_slide .sw_l > a {height:210px;}
}
@media (max-width:767px) {
    .mc_05 > div {padding:32px 16px;}
    .mc_05 .mc05_t h3 {font-size:20px; line-height:28px;}
    .mc_05 .mc05_t .btn_more {display:block;}
    .mc_05 .mc05_slide_wrap {margin-top:24px;}
    .mc_05 .mc05_slide {margin:0 -4px;}
    .mc_05 .mc05_slide.tab_scrl .s_w .sw_l {padding:0 4px; width:164px !important;}
    .mc_05 .mc05_slide.tab_scrl .s_w .sw_l:last-child {display:none;}
}

/* main content 06 */
.mc_06 .mc06_t h3 {display:block; font-weight:700; color:#222;}
.mc_06 .mc06_b > ul > li {float:left;}
/* .mc_06 .mc06_b > ul > li > div {border:1px solid #ddd; border-radius:12px;} */
.mc_06 .mc06_b a {position:relative; display:block; width:100%; height:100%; border:1px solid #ddd; border-radius:12px; margin:-1px; transition:background 0.25s ease-out, border-radius 0.25s ease-out; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mc_06 .mc06_b a:hover {border-radius:12px 12px 48px 12px; border-color:transparent;}
.mc_06 .mc06_b a:hover::before {display:block; content:''; width:80px; height:40px; background:url(../img/main/mc06_ico_more.png) no-repeat center center; position:absolute; left:0; bottom:0; margin:0 0 28px 32px;}
.mc_06 .mc06_b > ul > li:nth-child(1) > div > a:hover {background-image:url(../img/main/mc06_bg_01.png);}
.mc_06 .mc06_b > ul > li:nth-child(2) > div > a:hover {background-image:url(../img/main/mc06_bg_02.png);}
.mc_06 .mc06_b > ul > li:nth-child(3) > div > a:hover {background-image:url(../img/main/mc06_bg_03.png);}
.mc_06 .mc06_b > ul > li:nth-child(4) > div > a:hover {background-image:url(../img/main/mc06_bg_04.png);}
.mc_06 .mc06_b a > *,
.mc_06 .mc06_b a > * > * {transition:color 0.25s ease-out;}
.mc_06 .mc06_b a:hover > *,
.mc_06 .mc06_b a:hover > * > * {color:#fff;}
.mc_06 .mc06_b a > strong {display:block; font-weight:700; color:#222;}
.mc_06 .mc06_b a > span {display:block; color:#666; margin-top:8px;}
.mc_06 .mc06_b a > em {display:block; text-align:right;}
.mc_06 .mc06_b a > em > span {display:inline-block; vertical-align:bottom; font-weight:700; color:#222;}
.mc_06 .mc06_b a > em > i {display:inline-block; vertical-align:bottom; color:#222;}

@media (min-width:1640px) {
    .mc_06 {width:1400px; margin:0 auto; padding:64px 0;}
    .mc_06 .mc06_t h3 {font-size:24px; line-height:32px;}
    .mc_06 .mc06_b {margin-top:56px;}
    .mc_06 .mc06_b > ul {margin:-16px -8px 0;}
    .mc_06 .mc06_b > ul > li {width:25%; padding:16px 8px 0;}
    .mc_06 .mc06_b a {padding:28px 32px;}
    .mc_06 .mc06_b a > strong {font-size:22px; line-height:30px;}
    .mc_06 .mc06_b a > span {font-size:18px; line-height:26px;}
    .mc_06 .mc06_b a > em {margin-top:16px;}
    .mc_06 .mc06_b a > em > span {font-size:48px; line-height:56px;}
    .mc_06 .mc06_b a > em > i {font-size:32px; line-height:40px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_06 {width:1200px; margin:0 auto; padding:64px 0;}
    .mc_06 .mc06_t h3 {font-size:24px; line-height:32px;}
    .mc_06 .mc06_b {margin-top:56px;}
    .mc_06 .mc06_b > ul {margin:-16px -8px 0;}
    .mc_06 .mc06_b > ul > li {width:25%; padding:16px 8px 0;}
    .mc_06 .mc06_b a {padding:28px 20px}
    .mc_06 .mc06_b a > strong {font-size:22px; line-height:30px; letter-spacing:-0.048em;}
    .mc_06 .mc06_b a > span {font-size:18px; line-height:26px;}
    .mc_06 .mc06_b a > em {margin-top:16px;}
    .mc_06 .mc06_b a > em > span {font-size:48px; line-height:56px;}
    .mc_06 .mc06_b a > em > i {font-size:32px; line-height:40px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_06 {padding:48px 24px;}
    .mc_06 .mc06_t h3 {font-size:22px; line-height:30px;}
    .mc_06 .mc06_b {margin-top:40px;}
    .mc_06 .mc06_b > ul {margin:-12px -6px 0;}
    .mc_06 .mc06_b > ul > li {width:50%; padding:12px 6px 0;}
    .mc_06 .mc06_b a {padding:24px 20px; padding-right:112px;}
    .mc_06 .mc06_b a > strong {font-size:20px; line-height:28px;}
    .mc_06 .mc06_b a > span {font-size:16px; line-height:24px;}
    .mc_06 .mc06_b a > em {position:absolute; right:20px; top:50%; transform:translateY(-50%);}
    .mc_06 .mc06_b a > em > span {font-size:38px; line-height:48px;}
    .mc_06 .mc06_b a > em > i {font-size:28px; line-height:36px;}
    .mc_06 .mc06_b a:hover::before {display:none;}
}
@media (max-width:767px) {
    .mc_06 {padding:32px 16px;}
    .mc_06 .mc06_t h3 {font-size:20px; line-height:28px;}
    .mc_06 .mc06_b {margin-top:24px;}
    .mc_06 .mc06_b > ul {margin:-8px -4px 0;}
    .mc_06 .mc06_b > ul > li {width:100%; padding:8px 4px 0;}
    .mc_06 .mc06_b a {padding:20px 24px; padding-right:92px;}
    .mc_06 .mc06_b a > strong {font-size:18px; line-height:26px;}
    .mc_06 .mc06_b a > span {font-size:14px; line-height:22px;}
    .mc_06 .mc06_b a > em {position:absolute; right:24px; top:50%; transform:translateY(-50%);}
    .mc_06 .mc06_b a > em > span {font-size:32px; line-height:40px;}
    .mc_06 .mc06_b a > em > i {font-size:24px; line-height:32px;}
    .mc_06 .mc06_b a:hover::before {display:none;}
}
@media (max-width:400px) {
	.mc_06 .mc06_b a {padding:15px; padding-right:92px;}
	.mc_06 .mc06_b a > em {right:12px;}
}

/* main content 07 */
.mc_07 .mc07_t h3 {display:block; font-weight:700; color:#222;}
.mc_07 .mc07_b > ul > li {float:left; width:50%;}
.mc_07 .mc07_b > ul > li > a {position:relative; display:block; font-weight:500; color:#222; border:1px solid #ddd; background:#fff; border-radius:12px;}
.mc_07 .mc07_b > ul > li > a::before {display:block; content:''; width:17px; height:1px; background:rgba(0,0,0,0.75); position:absolute; top:50%; transform:translateY(-50%); transition:width 0.25s ease-out;}
.mc_07 .mc07_b > ul > li > a::after {display:block; content:''; width:6px; height:17px; background:url(../img/main/mc07_ico_arrow_right.png) no-repeat center center; position:absolute; right:0; top:50%; transform:translateY(-50%);}

@media (min-width:1640px) {
    .mc_07 .mc07_t h3 {font-size:24px; line-height:32px;}
    .mc_07 .mc07_b {margin-top:32px;}
    .mc_07 .mc07_b > ul {margin:-16px -8px 0;}
    .mc_07 .mc07_b > ul > li {padding:16px 8px 0;}
    .mc_07 .mc07_b > ul > li > a {font-size:17px; line-height:25px; padding:20px 24px; height:67px;}
    .mc_07 .mc07_b > ul > li > a::before {right:24px;}
    .mc_07 .mc07_b > ul > li > a:hover::before {width:48px;}
    .mc_07 .mc07_b > ul > li > a::after {margin-right:24px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_07 .mc07_t h3 {font-size:24px; line-height:32px;}
    .mc_07 .mc07_b {margin-top:32px;}
    .mc_07 .mc07_b > ul {margin:-16px -8px 0;}
    .mc_07 .mc07_b > ul > li {padding:16px 8px 0;}
    .mc_07 .mc07_b > ul > li > a {font-size:17px; line-height:25px; padding:20px 24px; height:67px;}
    .mc_07 .mc07_b > ul > li > a::before {right:24px;}
    .mc_07 .mc07_b > ul > li > a:hover::before {width:48px;}
    .mc_07 .mc07_b > ul > li > a::after {margin-right:24px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_07 .mc07_t h3 {font-size:22px; line-height:30px;}
    .mc_07 .mc07_b {margin-top:28px;}
    .mc_07 .mc07_b > ul {margin:-12px -6px 0;}
    .mc_07 .mc07_b > ul > li {padding:12px 6px 0;}
    .mc_07 .mc07_b > ul > li > a {font-size:15px; line-height:23px; padding:19px 20px; height:63px;}
    .mc_07 .mc07_b > ul > li > a::before {right:20px;}
    .mc_07 .mc07_b > ul > li > a::after {margin-right:20px;}
}
@media (max-width:767px) {
    .mc_07 .mc07_t h3 {font-size:20px; line-height:28px;}
    .mc_07 .mc07_b {margin-top:24px;}
    .mc_07 .mc07_b > ul {margin:-8px -4px 0;}
    .mc_07 .mc07_b > ul > li {padding:8px 4px 0;}
    .mc_07 .mc07_b > ul > li > a {font-size:13px; line-height:21px; padding:18px 16px;}
    .mc_07 .mc07_b > ul > li > a::before {right:16px;}
    .mc_07 .mc07_b > ul > li > a::after {margin-right:16px;}
}
@media (max-width:450px) {
	.mc_07 .mc07_b > ul > li {width:100%;}
	.mc_07 .mc07_b > ul > li > a {padding:13px;}
}

/* main content 08 */
.mc_08 .mc08_t h3 {display:block; font-weight:700; color:#222;}
.mc_08 .mc08_b > ul > li {float:left; width:50%;}
.mc_08 .mc08_b > ul > li > div {border-radius:12px;}
.mc_08 .mc08_b strong {display:block; font-weight:700; color:#fff;}
.mc_08 .mc08_b .btn_more {display:inline-block; font-size:13px; line-height:21px; color:rgba(255,255,255,1); position:relative; padding-right:23px; margin-top:9px; opacity:1;}
.mc_08 .mc08_b .btn_more::after {display:block; content:''; width:17px; height:17px; background:url(../img/main/mc08_ico_arrow_right.png) no-repeat center center; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.mc_08 .mc08_b > ul > li:nth-child(1) > div {background-color:#3a9eae !important;}
.mc_08 .mc08_b > ul > li:nth-child(2) > div {background-color:#063b6d !important;}

@media (min-width:1640px) {
    .mc_08 .mc08_t h3 {font-size:24px; line-height:32px;}
    .mc_08 .mc08_b {margin-top:32px;}
    .mc_08 .mc08_b > ul {margin:-16px -8px 0;}
    .mc_08 .mc08_b > ul > li {padding:16px 8px 0;}
    .mc_08 .mc08_b > ul > li > div {padding:28px 32px 32px; height:150px;}
    .mc_08 .mc08_b strong {font-size:22px; line-height:30px;}
    .mc_08 .mc08_b > ul > li:nth-child(1) > div {background:url(../img/main/mc08_bg_02.png) no-repeat right 32px bottom 28px, url(../img/main/mc08_bg_01.png) no-repeat right 24px bottom 8px;}
    .mc_08 .mc08_b > ul > li:nth-child(2) > div {background:url(../img/main/mc08_bg_03.png) no-repeat right 32px bottom 28px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_08 .mc08_t h3 {font-size:24px; line-height:32px;}
    .mc_08 .mc08_b {margin-top:32px;}
    .mc_08 .mc08_b > ul {margin:-16px -8px 0;}
    .mc_08 .mc08_b > ul > li {padding:16px 8px 0;}
    .mc_08 .mc08_b > ul > li > div {padding:28px 32px 32px; height:150px;}
    .mc_08 .mc08_b strong {font-size:22px; line-height:30px;}
    .mc_08 .mc08_b > ul > li:nth-child(1) > div {background:url(../img/main/mc08_bg_02.png) no-repeat right 32px bottom 28px, url(../img/main/mc08_bg_01.png) no-repeat right 24px bottom 8px;}
    .mc_08 .mc08_b > ul > li:nth-child(2) > div {background:url(../img/main/mc08_bg_03.png) no-repeat right 32px bottom 28px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_08 .mc08_t h3 {font-size:22px; line-height:30px;}
    .mc_08 .mc08_b {margin-top:28px;}
    .mc_08 .mc08_b > ul {margin:-12px -6px 0;}
    .mc_08 .mc08_b > ul > li {padding:12px 6px 0;}
    .mc_08 .mc08_b > ul > li > div {padding:24px 28px 28px; height:138px;}
    .mc_08 .mc08_b strong {font-size:20px; line-height:28px;}
    .mc_08 .mc08_b > ul > li:nth-child(1) > div {background:url(../img/main/mc08_bg_02.png) no-repeat right 28px bottom 24px;}
    .mc_08 .mc08_b > ul > li:nth-child(2) > div {background:url(../img/main/mc08_bg_03.png) no-repeat right 28px bottom 24px;}
}
@media (max-width:767px) {
    .mc_08 .mc08_t h3 {font-size:20px; line-height:28px;}
    .mc_08 .mc08_b {margin-top:24px;}
    .mc_08 .mc08_b > ul {margin:-8px -4px 0;}
    .mc_08 .mc08_b > ul > li {padding:8px 4px 0;}
    .mc_08 .mc08_b > ul > li > div {padding:20px 24px 24px;}
    .mc_08 .mc08_b strong {font-size:18px; line-height:26px;}
    .mc_08 .mc08_b > ul > li:nth-child(1) > div {background:url(../img/main/mc08_bg_02.png) no-repeat right 24px center;}
    .mc_08 .mc08_b > ul > li:nth-child(2) > div {background:url(../img/main/mc08_bg_03.png) no-repeat right 24px center;}
}
@media (max-width:450px) {
	.mc_08 .mc08_b > ul > li {width:100%;padding:0;}
	.mc_08 .mc08_b > ul > li:first-child{margin-bottom:5px;}
}

/* main content 09 */
.mc_09 > a {position:relative; display:block; border:1px solid #ddd; border-radius:12px;}
.mc_09 > a::after {display:block; content:''; background:url(../img/main/mc09_ico_person.png) no-repeat left bottom / auto 100%; position:absolute; bottom:0;}
.mc_09 strong {display:inline-block; font-weight:700; color:#222; position:relative;}
.mc_09 strong::after {display:block; content:''; width:47px; height:11px; background:url(../img/main/mc09_ico_arrow_right.png) no-repeat center center; position:absolute; left:100%; top:50%; transform:translateY(-50%); margin-left:16px;}
.mc_09 p {display:block; color:#666; margin-top:8px;}

@media (min-width:1640px) {
    .mc_09 {width:1400px; margin:0 auto; padding:64px 0;}
    .mc_09 > a {padding:28px 0; text-align:center;}
    .mc_09 > a::after {left:50%; margin-left:280px; width:230px; height:140px;}
    .mc_09 strong {font-size:23px; line-height:31px;}
    .mc_09 p {font-size:18px; line-height:26px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_09 {width:1200px; margin:0 auto; padding:64px 0;}
    .mc_09 > a {padding:28px 0; text-align:center;}
    .mc_09 > a::after {left:50%; margin-left:280px; width:230px; height:140px;}
    .mc_09 strong {font-size:23px; line-height:31px;}
    .mc_09 p {font-size:18px; line-height:26px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_09 {padding:48px 24px;}
    .mc_09 > a {padding:24px 0; text-align:center;}
    .mc_09 > a::after {left:50%; margin-left:220px; width:194px; height:120px;}
    .mc_09 strong {font-size:21px; line-height:29px;}
    .mc_09 p {font-size:16px; line-height:24px;}
}
@media (max-width:767px) {
    .mc_09 {padding:32px 16px;}
    .mc_09 > a {padding:20px 24px; padding-right:202px}
    .mc_09 > a::after {right:24px; width:178px; height:110px;}
    .mc_09 strong {font-size:19px; line-height:27px;}
    .mc_09 p {font-size:14px; line-height:22px;}
}
@media (max-width:450px) {
	.mc_09 > a {padding:15px; padding-bottom:130px;}
	.mc_09 > a::after {top:auto; right:auto; left:50%; bottom:0; transform:translateX(-50%);}
}

/* 230223 반응형 */
@media (max-width:1200px) {
	.anse .footer_new {padding-bottom:30px;}
	.anse .footer_new .f_c {padding-top:50px;}
}

.qnb_new {display:none;}