.ansk .main_container {position:relative;}

@media (min-width:1640px) {
    .ansk .main_container::before {display:block; content:''; width:100%; height:380px; background:#f2f6f9; position:absolute; left:0; top:0; z-index:0;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .ansk .main_container::before {display:block; content:''; width:100%; height:320px; background:#f2f6f9; position:absolute; left:0; top:0; z-index:0;}
}
@media (min-width:768px) and (max-width:1199px) {
}
@media (max-width:767px) {
}


/*
 * main layout
 * 1/3 : l - 450.6666px / p - 384px / t(min 768) - 244
 * 1/4 : l - 334px / p - 284px
 */
[class^="ml_"] {position:relative; z-index:5;}
[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:#e8eff5; padding:48px 0;}
    .ml_01 .ml01_l {width:66.6666%;}
    .ml_01 .ml01_r {width:33.3333%;}

    .ml_02 {padding:48px 0;}
    .ml_02 > div > div > div {width:100%;}

    .ml_03 {background:#e8eff5; padding:48px 0;}
    .ml_03 .ml03_l {width:66.6666%;}
    .ml_03 .ml03_r {width:33.3333%;}

    .ml_04 {padding:48px 0;}
    .ml_04 .ml04_l {width:33.3333%;}
    .ml_04 .ml04_c {width:33.3333%;}
    .ml_04 .ml04_r {width:33.3333%;}

    .ml_05 {padding:16px 0; border-top:1px solid #ddd;}
    .ml_05 > div > div > div {width:100%;}
}
@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:#e8eff5; padding:48px 0;}
    .ml_01 .ml01_l {width:66.6666%;}
    .ml_01 .ml01_r {width:33.3333%;}

    .ml_02 {padding:48px 0;}
    .ml_02 > div > div > div {width:100%;}

    .ml_03 {background:#e8eff5; padding:48px 0;}
    .ml_03 .ml03_l {width:66.6666%;}
    .ml_03 .ml03_r {width:33.3333%;}

    .ml_04 {padding:48px 0;}
    .ml_04 .ml04_l {width:33.3333%;}
    .ml_04 .ml04_c {width:33.3333%;}
    .ml_04 .ml04_r {width:33.3333%;}

    .ml_05 {padding:16px 0; border-top:1px solid #ddd;}
    .ml_05 > div > div > div {width:100%;}
}
@media (min-width:768px) 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:#e8eff5; padding:32px 0;}
    .ml_01 .ml01_l {width:calc(100% - 320px);}
    .ml_01 .ml01_r {width:320px;}

    .ml_02 {padding:40px 0;}
    .ml_02 > div > div > div {width:100%;}

    .ml_03 {background:#e8eff5; padding:32px 0;}
    .ml_03 .ml03_l {width:calc(100% - 320px);}
    .ml_03 .ml03_r {width:320px;}

    .ml_04 {padding:40px 0;}
    .ml_04 .ml04_l {width:50%;}
    .ml_04 .ml04_c {width:50%;}
    .ml_04 .ml04_r {width:100%;}

    .ml_05 {padding:16px 0; border-top:1px solid #ddd;}
    .ml_05 > div > div > div {width:100%;}
}
@media (max-width:767px) {
    [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:calc(100% + 16px); background:#e8eff5; padding:24px 16px; margin:0 -8px}
    .ml_01 .ml01_r {width:100%; padding:32px 8px 0 8px;}

    .ml_02 {padding:32px 0;}
    .ml_02 > div > div > div {width:100%;}

    .ml_03 .ml03_l {width:calc(100% + 16px); background:#e8eff5; padding:24px 16px; margin:0 -8px}
    .ml_03 .ml03_r {width:100%; padding:32px 8px 0 8px;}

    .ml_04 {padding:32px 0;}
    .ml_04 .ml04_l {width:100%;}
    .ml_04 .ml04_c {width:100%;}
    .ml_04 .ml04_r {width:100%;}

    .ml_05 {padding:16px 0; border-top:1px solid #ddd;}
    .ml_05 > div > div > div {width:100%;}
}
@media (max-width:360px) {
	.ml_04{padding:20px 0 32px;}
}

/* main content 01 : l, p - 313, t - 297 */
.mc_01 {font-size:0; line-height:0; position:relative; overflow:hidden;}
.mc_01 .mc01_slide {width:100%; height:100%; overflow:hidden;}
.mc_01 .mc01_slide .s_w {height:100%;}
.mc_01 .mc01_slide .s_w .sw_l {width:100%; height:100%;}
.mc_01 .mc01_slide .s_w .sw_l .visual_img {display:block; position:relative; height:100%; background:url() no-repeat center center / auto 100%;}
.mc_01 .mc01_slide .s_w .sw_l .visual_img:after{content:''; display:none; position:absolute; top:0; left:0; width:100%; height:100%; border:3px dotted red;}
.mc_01 .mc01_slide .s_w .sw_l .visual_img:focus:after{display:block;}
.mc_01 .mc01_b {position:absolute; right:0; bottom:0;}
.mc_01 .mc01_b .s_c,
.mc_01 .mc01_b .s_b,
.mc_01 .mc01_b .s_b > a,
.mc_01 .mc01_b .btn_more {display:inline-block; vertical-align:middle;}
.mc_01 .mc01_b .s_c,
.mc_01 .mc01_b .s_b > a,
.mc_01 .mc01_b .btn_more {width:40px; height:40px; background:url() no-repeat rgba(0,0,0,0.64) center center; margin-left:1px;}
.mc_01 .mc01_b .s_c {width:80px; padding:8px 16px; text-align:center;}
.mc_01 .mc01_b .s_c > * {vertical-align:middle; font-size:16px; line-height:24px; color:#999; margin:0 1px;}
.mc_01 .mc01_b .s_c strong {font-weight:500; color:#fff;}
.mc_01 .mc01_b .s_b > .btn_prev {background-image:url(../img/main/mc01_ico_prev.png);}
.mc_01 .mc01_b .s_b > .btn_pause {background-image:url(../img/main/mc01_ico_pause.png);}
.mc_01 .mc01_b .s_b > .btn_play {background-image:url(../img/main/mc01_ico_play.png);}
.mc_01 .mc01_b .s_b > .btn_next {background-image:url(../img/main/mc01_ico_next.png);}
.mc_01 .mc01_b .btn_more {background-image:url(../img/main/mc01_ico_more.png);}


@media (min-width:1640px) {
    .mc_01 {height:371px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_01 {height:308px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_01 {height:370px; padding:40px 24px; margin:-40px -24px 0; background:#f2f6f9;}
    .mc_01 .mc01_slide {height:290px;}
    .mc_01 .mc01_slide .s_w .sw_l .visual_img {background:url() no-repeat left center / contain;}
    .mc_01 .mc01_b {margin:40px 24px;}
}
@media (max-width:767px) {
    .mc_01 {padding:32px 16px; margin:-32px -16px 0; background:#f2f6f9;}
    .mc_01 .mc01_slide .s_w .sw_l .visual_img {background-size:cover;}/*background-size:contain;*/
    .mc_01 .mc01_b {margin:32px 16px;}
}

@media (max-width:640px) {
	.mc_01{margin:0; padding:0 0 35px 0; background:rgba(0,0,0,0.3)}
	.mc_01 .mc01_b{margin:0;}
	.mc_01 .mc01_b .s_c{width:60px;height:35px;padding:5px 10px;}
	.mc_01 .mc01_b .s_b > a, .mc_01 .mc01_b .btn_more{width:35px;height:35px;}
}

@media (max-width:530px) {
	.mc_01.d_va_m div p{text-align:left}
}


/* main content 02 */
.mc_02 {font-size:0; line-height:0; padding:28px 32px; background:#fff;}
.mc_02 .mc02_top h3 {display:block; font-size:20px; line-height:28px; font-weight:700; color:#222; padding-left:38px; background:url(../img/main/mc02_bg_title.png) no-repeat left center;}
.mc_02 .mc02_top .s_b {display:inline-block;}
.mc_02 .mc02_top [class^="btn_"] {display:inline-block; width:24px; height:24px; margin-left:4px;}
.mc_02 .mc02_top .btn_prev {background:url(../img/main/mc02_ico_arrow_left.png) no-repeat center center;}
.mc_02 .mc02_top .btn_next {background:url(../img/main/mc02_ico_arrow_right.png) no-repeat center center;}
.mc_02 .mc02_top .btn_more {background:url(../img/main/mc02_ico_plus.png) no-repeat #f2f6f9 center center; border-radius:50%;}
.mc_02 .mc02_slide {overflow:hidden; border:1px solid #ddd; border-radius:8px; margin-top:16px;}
.mc_02 .mc02_slide .s_w .sw_l {width:100%;}
.mc_02 .mc02_slide .s_w .sw_l ul > li {padding:12px 16px;}
.mc_02 .mc02_slide .s_w .sw_l ul > li ~ li {border-top:1px solid #eee;}
.mc_02 .mc02_slide .s_w .sw_l ul > li .fl_l {width:50%;}
.mc_02 .mc02_slide .s_w .sw_l ul > li span {position:relative; display:inline-block; font-size:14px; line-height:22px; color:#333; padding:2px 0; vertical-align:middle; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-left:10px;}
.mc_02 .mc02_slide .s_w .sw_l ul > li span::before {display:block; content:''; width:4px; height:4px; border-radius:50%; background:#bbb; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.mc_02 .mc02_slide .s_w .sw_l ul > li strong {display:inline-block; font-size:18px; line-height:26px; font-weight:700; color:#1361aa; vertical-align:middle;}
.mc_02 .mc02_slide .s_w .sw_l ul > li em {display:inline-block; font-size:14px; line-height:22px; font-weight:500; color:#777; padding:2px 0; vertical-align:middle; margin-left:4px;}

@media (min-width:1640px) {
    .mc_02 {padding:28px 32px;}
    .mc_02 .mc02_slide .s_w .sw_l ul > li {padding:20px 16px;}
    .mc_02 .mc02_slide .s_w .sw_l ul > li span,
    .mc_02 .mc02_slide .s_w .sw_l ul > li em {font-size:16px;}
    .mc_02 .mc02_slide .s_w .sw_l ul > li strong {font-size:20px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_02 {padding:28px 32px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_02 {padding:20px 24px;}
}
@media (max-width:767px) {
    .mc_02 {padding:0; border-radius:0;}
}

/* main content 03 */
.mc_03 {font-size:0; line-height:0;}
.mc_03 .mc03_tab {position:relative;}
.mc_03 .mc03_tab .tab_box {position:absolute; left:0; width:100%;}

.mc_03 .tab_title {position:absolute; left:0; top:0; margin-left:4px;}
.mc_03 .tab_title > a {position:relative; display:block; padding-top:8px; font-weight:700; color:#222;}
.mc_03 .on .tab_title > a {color:#0058a2;}
.mc_03 .on .tab_title > a::before {display:block; content:''; width:24px; height:2px; background:#0058a2; position:absolute; left:0; top:0;}

.mc_03 .btn_more {position:absolute; right:0; top:0; display:block; padding:5px 16px; border-radius:16px; background:#f2f6f9;}
.mc_03 .btn_more::before {display:inline-block; content:''; vertical-align:middle; width:16px; height:16px; background:url(../img/main/mc04_ico_more.png) no-repeat center center;}
.mc_03 .btn_more > span {display:inline-block; vertical-align:middle; font-size:14px; line-height:22px; color:#536073;}

.mc_03 .tab_content > ul > li {float:left;}
.mc_03 .tab_content > ul > li > div > a {position:relative; display:block; border:1px solid #ddd; transition:box-shadow 0.25s ease-out;}
.mc_03 .tab_content a > i {display:inline-block; position:relative;}
.mc_03 .tab_content a > i > span {position:relative; font-weight:500; z-index:5;}
.mc_03 .tab_content a > i::before {display:block; content:''; width:100%; height:8px; border-radius:4px; background:#ddd; position:absolute; left:0; bottom:0; z-index:0;}
.mc_03 .tab_content a > strong,
.mc_03 .tab_content a > span,
.mc_03 .tab_content a > em {display:block;}
.mc_03 .tab_content a > strong {color:#222; font-weight:500; line-height:1.6em; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-top:4px; margin-top:0;}
.mc_03 .tab_content a > span {color:#666; line-height:1.6em; overflow:hidden; margin-top:8px;}
.mc_03 .tab_content a > em {color:#777; margin-top:16px; margin-top:32px;}
.mc_03 .tab_content a::after {display:block; content:''; width:31px; height:31px; position:absolute; right:0; bottom:0; background:url(../img/main/mc03_ico_plus.png) no-repeat center center; transition:transform 0.25s ease-out;}
.mc_03 .tab_content a:hover {box-shadow:0 4px 16px rgba(0,0,0,0.08);}
.mc_03 .tab_content a:hover::after {transform:rotate(180deg)}

.mc_03 .tab_content a > .mc03_tag01 > span {color:#0058a2;}
.mc_03 .tab_content a > .mc03_tag02 > span {color:#269498;}
.mc_03 .tab_content a > .mc03_tag03 > span {color:#565656;}
.mc_03 .tab_content a > .mc03_tag01::before {background-color:#e5eef6;}
.mc_03 .tab_content a > .mc03_tag02::before {background-color:#eff7f8;}
.mc_03 .tab_content a > .mc03_tag03::before {background-color:#f3f3f3;}

@media (min-width:1640px) {
    .mc_03 {padding-top:48px;}
    .mc_03 .mc03_tab {height:333px; padding-top:62px;}
    .mc_03 .mc03_tab {height:297px; padding-top:62px;}
    .mc_03 .tab_title {margin-top:-62px;}
    .mc_03 .mc03_tab .tab_box {top:62px;}
    .mc_03 .btn_more {margin-top:-55px;}

    .mc_03 .tab_box:nth-child(1) .tab_title {left:0; width:80px;}
    .mc_03 .tab_box:nth-child(2) .tab_title {left:100px; width:120px;}
    .mc_03 .tab_box:nth-child(3) .tab_title {left:240px; width:80px;}

    .mc_03 .tab_title > a {font-size:20px; line-height:30px;}

    .mc_03 .tab_content > ul {margin:-24px -12px 0;}
    .mc_03 .tab_content > ul > li {width:25%; padding:24px 12px 0;}
    .mc_03 .tab_content > ul > li {width:33.3333%; padding:24px 12px 0;}
    .mc_03 .tab_content > ul > li:nth-child(n+4) {display:none;}
    .mc_03 .tab_content > ul > li > div > a {padding:28px 32px; min-height: 235px; }

    .mc_03 .tab_content a > strong {font-size:20px; height:3.2em;}
    .mc_03 .tab_content a > span {font-size:16px; height:4.8em; /* height:3.2em; */}
    .mc_03 .tab_content a > i > span,
    .mc_03 .tab_content a > em {font-size:14px; line-height:22px; position: absolute; bottom: 30px; }
    .mc_03 .tab_content a::after {margin:28px 32px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_03 {padding-top:48px;}
    .mc_03 .mc03_tab {height:333px; padding-top:62px;}
    .mc_03 .mc03_tab {height:297px; padding-top:62px;}
    .mc_03 .tab_title {margin-top:-62px;}
    .mc_03 .mc03_tab .tab_box {top:62px;}
    .mc_03 .btn_more {margin-top:-55px;}

    .mc_03 .tab_box:nth-child(1) .tab_title {left:0; width:80px;}
    .mc_03 .tab_box:nth-child(2) .tab_title {left:100px; width:120px;}
    .mc_03 .tab_box:nth-child(3) .tab_title {left:240px; width:80px;}

    .mc_03 .tab_title > a {font-size:22px; line-height:30px;}

    .mc_03 .tab_content > ul {margin:-24px -12px 0;}
    .mc_03 .tab_content > ul > li {width:33.3333%; padding:24px 8px 0;}
    .mc_03 .tab_content > ul > li:nth-child(n+4) {display:none;}
    .mc_03 .tab_content > ul > li > div > a {padding:15px 20px; min-height: 235px; }

    .mc_03 .tab_content a > strong {font-size:20px; height:3.2em;}
    .mc_03 .tab_content a > span {font-size:16px; height:4.8em; /* height:3.2em; */}
    .mc_03 .tab_content a > i > span,
    .mc_03 .tab_content a > em {font-size:14px; line-height:22px;}
    .mc_03 .tab_content a::after {margin:28px 32px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_03 {padding-top:40px;}
    .mc_03 .mc03_tab {height:457px; padding-top:56px;}
    .mc_03 .mc03_tab {height:268px; padding-top:56px;}
    .mc_03 .tab_title {margin-top:-56px;}
    .mc_03 .mc03_tab .tab_box {top:56px;}
    .mc_03 .btn_more {margin-top:-50px;}

    .mc_03 .tab_box:nth-child(1) .tab_title {left:0; width:74px;}
    .mc_03 .tab_box:nth-child(2) .tab_title {left:90px; width:110px;}
    .mc_03 .tab_box:nth-child(3) .tab_title {left:216px; width:74px;}

    .mc_03 .tab_title > a {font-size:20px; line-height:28px;}

    .mc_03 .tab_content > ul {margin:-20px -10px 0;}
    .mc_03 .tab_content > ul > li {width:50%; padding:20px 10px 0;}
    .mc_03 .tab_content > ul > li {width:33.3333%; padding:20px 10px 0;}
    .mc_03 .tab_content > ul > li:nth-child(n+4) {display:none;}
    .mc_03 .tab_content > ul > li > div > a {padding:20px 24px 40px 24px;}

    /* .mc_03 .tab_content a > strong {font-size:19px; height:1.6em; text-overflow:ellipsis; white-space:nowrap;} */
    .mc_03 .tab_content a > strong {font-size:19px; height:3.2em;}
    .mc_03 .tab_content a > span {font-size:15px; height:3.2em;}
    .mc_03 .tab_content a > i > span,
    .mc_03 .tab_content a > em {font-size:13px; line-height:21px;}
    .mc_03 .tab_content a::after {width:25px; height:25px; margin:15px;}
}
@media (max-width:767px) {
    .mc_03 {padding-top:32px;}
    .mc_03 .mc03_tab {height:647px; padding-top:50px;}
    .mc_03 .mc03_tab {height:338px; padding-top:50px;}
    .mc_03 .tab_title {margin-top:-50px;}
    .mc_03 .mc03_tab .tab_box {top:50px;}
    .mc_03 .btn_more {margin-top:-45px;}

    .mc_03 .tab_box:nth-child(1) .tab_title {left:0; width:66px;}
    .mc_03 .tab_box:nth-child(2) .tab_title {left:82px; width:98px;}
    .mc_03 .tab_box:nth-child(3) .tab_title {left:196px; width:66px;}

    .mc_03 .tab_title > a {font-size:18px; line-height:26px;}

    /* .mc_03 .tab_content > ul {margin:-16px -8px 0;}
   .mc_03 .tab_content > ul > li {width:100%; padding:16px 8px 0;}*/

   .mc_03 .tab_content > ul {margin:0;}
   .mc_03 .tab_content > ul > li {width:100%; margin:0 auto 10px auto;  padding:0;}
    .mc_03 .tab_content > ul > li > div > a {padding:12px 16px;}

    .mc_03 .tab_content a > strong {font-size:18px; height:1.6em; text-overflow:ellipsis; white-space:nowrap; display:block}
    .mc_03 .tab_content a > span {font-size:14px; height:1.6em; text-overflow:ellipsis; white-space:nowrap;}
    .mc_03 .tab_content a > i > span,
   .mc_03 .tab_content a > em {font-size:12px; line-height:20px; margin-top:8px;}
   /*  .mc_03 .tab_content a > em {margin-top:0; position:absolute; right:16px; top:50%; transform:translateY(-50%);}*/
    .mc_03 .tab_content a::after {display:none;}
}
@media (max-width:400px) {
	.mc_03 .tab_title > a{font-size:17px;}
	.mc_03 .tab_box:nth-child(2) .tab_title{left:75px;}
	.mc_03 .tab_box:nth-child(3) .tab_title{left:180px;}
	.mc_03 .btn_more{margin-top:-40px;padding:2px 5px;}
	.mc_03 .btn_more > span{font-size:0;}
}

/* main content 04 */
.mc_04 {position:relative;}
.mc_04 .mc04_t h3 {display:block; font-weight:700; color:#222; margin-left:4px;}
.mc_04 .btn_more {position:absolute; right:0; top:0; display:block; padding:5px 16px; border-radius:16px; background:#f2f6f9;}
.mc_04 .btn_more::before {display:inline-block; content:''; vertical-align:middle; width:16px; height:16px; background:url(../img/main/mc04_ico_more.png) no-repeat center center;}
.mc_04 .btn_more > span {display:inline-block; vertical-align:middle; font-size:14px; line-height:22px; color:#536073;}
.mc_04 .mc04_b > ul > li {float:left;}
.mc_04 .mc04_b > ul > li > div {position:relative;}
.mc_04 .mc04_b > ul > li > div::before {display:block; content:''; width:100%; height:100%; border:1px solid #ddd; position:absolute; left:0; top:0; z-index:0;}
.mc_04 .mc04_b a {display:block; position:relative; z-index:5; background:#fff; border:1px solid #ddd; overflow:hidden; transition:background 0.25s ease-out;}
.mc_04 .mc04_b a:hover {border-color:transparent; background:#607494;}
/* .mc_04 .mc04_b a::before {width:100px; height:100px; border-radius:50%; background:rgba(0,0,0,0.08); margin:0 -32px -32px 0;}
.mc_04 .mc04_b a::after {width:23px; height:23px; background:url(../img/main/mc04_ico_add.png) no-repeat center center / 100%; margin:0 16px 16px 0;}
.mc_04 .mc04_b a::before,
.mc_04 .mc04_b a::after {display:block; content:''; opacity:0; position:absolute; right:0; bottom:0; transition:opacity 0.25s ease-out;}
.mc_04 .mc04_b a:hover::before,
.mc_04 .mc04_b a:hover::after {opacity:1;} */
.mc_04 .mc04_b a > strong,
.mc_04 .mc04_b a > span,
.mc_04 .mc04_b a > em,
.mc_04 .mc04_b a > i {display:block;}
.mc_04 .mc04_b a > span {color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mc_04 .mc04_b a > strong {color:#222; font-weight:500; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-top:4px;}
.mc_04 .mc04_b a > em {color:#777;}
.mc_04 .mc04_b a > i {width:64px; height:64px; font-size:14px; line-height:64px; text-align:center; border-radius:50%;}
.mc_04 .mc04_b a > i.mc04_ico_01 {background:#f2f2f2; color:#666;}
.mc_04 .mc04_b a > i.mc04_ico_02 {background:#f2f9f9; color:#157d8c;}
.mc_04 .mc04_b a:hover > i[class^="mc04_ico_"] {background:#526687; color:#fff;}
.mc_04 .mc04_b a:hover > strong {color:#fff;}
.mc_04 .mc04_b a:hover > span,
.mc_04 .mc04_b a:hover > em {color:#fff; opacity:0.8;}

@media (min-width:1640px) {
    /* .mc_04 {margin-top:48px;} */
    .mc_04 .mc04_t h3 {font-size:22px; line-height:30px;}
    .mc_04 .btn_more {margin-top:-2px;}
    .mc_04 .mc04_b {margin-top:24px;}
    .mc_04 .mc04_b > ul {margin:-24px -12px 0;}
    .mc_04 .mc04_b > ul > li {width:25%; padding:24px 12px 0;}
    .mc_04 .mc04_b > ul > li {width:33.3333%; padding:24px 12px 0;}
    .mc_04 .mc04_b > ul > li:nth-child(n+4) {display:none;}
    .mc_04 .mc04_b a {padding:28px 32px;}
    .mc_04 .mc04_b a > strong {font-size:20px; line-height:28px; height:56px;}
    .mc_04 .mc04_b a > span,
    .mc_04 .mc04_b a > em {font-size:14px; line-height:22px;}
    .mc_04 .mc04_b a > em {margin-top:32px;}
    .mc_04 .mc04_b a > i {position:absolute; right:0; bottom:0; margin:14px 16px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    /* .mc_04 {margin-top:48px;} */
    .mc_04 .mc04_t h3 {font-size:22px; line-height:30px;}
    .mc_04 .btn_more {margin-top:-2px;}
    .mc_04 .mc04_b {margin-top:24px;}
    .mc_04 .mc04_b > ul {margin:-24px -12px 0;}
    .mc_04 .mc04_b > ul > li {width:33.3333%; padding:24px 8px 0;}
    .mc_04 .mc04_b > ul > li:nth-child(n+4) {display:none;}
    .mc_04 .mc04_b a {padding:28px 20px;}
    .mc_04 .mc04_b a > strong {font-size:20px; line-height:28px; height:56px;}
    .mc_04 .mc04_b a > span,
    .mc_04 .mc04_b a > em {font-size:14px; line-height:22px;}
    .mc_04 .mc04_b a > em {margin:16px 0;}
    .mc_04 .mc04_b a > i {position:absolute; right:0; bottom:0; width:58px; height:58px; line-height:58px; margin:27px 10px; font-size:13px;}
}
@media (min-width:768px) and (max-width:1199px) {
    /* .mc_04 {margin-top:40px;} */
    .mc_04 .mc04_t h3 {font-size:20px; line-height:28px;}
    .mc_04 .btn_more {margin-top:-3px;}
    .mc_04 .mc04_b {margin-top:20px;}
    .mc_04 .mc04_b > ul {margin:-20px -10px 0;}
    .mc_04 .mc04_b > ul > li {width:33.3333%; padding:20px 8px 0;}
    .mc_04 .mc04_b > ul > li:nth-child(n+4) {display:none;}
    .mc_04 .mc04_b a {padding:15px 20px;}
    .mc_04 .mc04_b a > strong {font-size:19px; line-height:27px; height:54px;}
    .mc_04 .mc04_b a > span,
    .mc_04 .mc04_b a > em {font-size:13px; line-height:21px;}
    .mc_04 .mc04_b a > em {margin-top:32px;}
    .mc_04 .mc04_b a > i {width:56px; height:56px; font-size:13px; line-height:56px; position:absolute; right:0; bottom:0; margin:10px;}
}
@media (max-width:767px) {
    /* .mc_04 {margin-top:32px;} */
    .mc_04 .mc04_t h3 {font-size:18px; line-height:26px;}
    .mc_04 .btn_more {margin-top:-3px;}
    .mc_04 .mc04_b {margin-top:16px;}
    .mc_04 .mc04_b > ul {margin:-16px -8px 0;}
    .mc_04 .mc04_b > ul > li {width:100%; padding:16px 8px 0;}
    .mc_04 .mc04_b a {padding:12px 16px; padding-right:80px;}
    .mc_04 .mc04_b a > strong {font-size:18px; line-height:26px;}
    .mc_04 .mc04_b a > span,
    .mc_04 .mc04_b a > em {font-size:12px; line-height:20px;}
    .mc_04 .mc04_b a > i {width:48px; height:48px; font-size:12px; line-height:48px; position:absolute; right:16px; top:50%; transform:translateY(-50%);}
}

/*
 * main content 05
 * l - 326 / p - 276 / t - 296 /
 */
.mc_05 {font-size:0; line-height:0;}
.mc_05 .mc05_top h3 {position:relative; display:block; font-size:20px; line-height:28px; font-weight:700; padding-left:24px;}
.mc_05 .mc05_top h3::before {display:block; content:''; position:absolute; right:100%; bottom:0; background:url(../img/main/mc05_bg_title.png) no-repeat center center / auto 100%; margin-right:-16px;}
.mc_05 .mc05_top [class^="btn_"] {display:inline-block; width:36px; height:36px; background:url() no-repeat center center / cover; margin:-4px 0 -4px 6px; text-indent:-9999px;}
.mc_05 .mc05_top .btn_youtube {background-image:url(../img/main/sns_youtube.png);}
.mc_05 .mc05_top .btn_instagram {background-image:url(../img/main/sns_instagram.png);}
.mc_05 .mc05_top .btn_naver {background-image:url(../img/main/sns_blog.png);}
.mc_05 .mc05_top .btn_facebook {background-image:url(../img/main/sns_facebook.png);}
.mc_05 .mc05_top .btn_twitter {background-image:url(../img/main/sns_twitter.png);}
.mc_05 .mc05_slide_wrap {position:relative; background:#fff; margin-top:16px;}
.mc_05 .mc05_slide_inner {height:100%; overflow:hidden;}
.mc_05 .mc05_slide,
.mc_05 .mc05_slide .s_w,
.mc_05 .mc05_slide .s_w .sw_l,
.mc_05 .mc05_slide .s_w .sw_l a {height:inherit;}
.mc_05 .mc05_slide .s_w .sw_l a {display:block; position: relative; }
.mc_05 .mc05_slide .s_w .sw_l a > img {/* position:relative; */display:block; width:100%; height:100%;/* background:url() no-repeat #ddd center center / cover; */}
/* .mc_05 .mc05_slide .s_w .sw_l a > i {position:relative; display:block; background:url() no-repeat #ddd center center / cover;} */
.mc_05 .mc05_slide .s_w .sw_l a > strong {display:block; color:#222; white-space:initial; overflow:hidden; margin-top:8px;}
.mc_05 .mc05_slide .s_w .sw_l > a:hover::before {display:block; content:''; width:100%; height:100%; background:rgba(0,0,0,0.64); position:absolute; left:0; top:0;}
.mc_05 .mc05_slide .s_w .sw_l > a:hover::after {display:block; content:''; position:absolute; left:50%; top:50%; transform:translate3d(-50%, -50%, 0); background:url() no-repeat center center / contain; width: 80px; height: 60px; }
.mc_05 .mc05_slide .s_w .sw_l > a.mc05_youtube:hover::after {background-image:url(../img/main/mc05_ico_youtube.png);}
.mc_05 .mc05_slide .s_w .sw_l > a.mc05_naver:hover::after {background-image:url(../img/main/mc05_ico_naver.png);}
/* .mc_05 .mc05_slide .s_w .sw_l a:hover > i::before {display:block; content:''; width:100%; height:100%; background:rgba(0,0,0,0.64); position:absolute; left:0; top:0;} */
/* .mc_05 .mc05_slide .s_w .sw_l a:hover > i::after {display:block; content:''; position:absolute; left:50%; top:50%; transform:translate3d(-50%, -50%, 0); background:url() no-repeat center center / 100%;} */
/* .mc_05 .mc05_slide .s_w .sw_l a.mc05_youtube:hover > i::after {background-image:url(../img/main/mc05_ico_youtube.png);} */
/* .mc_05 .mc05_slide .s_w .sw_l a.mc05_naver:hover > i::after {background-image:url(../img/main/mc05_ico_naver.png);} */
.mc_05 .btn_prev,
.mc_05 .btn_next {position:absolute; top:50%; background:url() no-repeat #fff center center; border-radius:50%; border:1px solid #ddd;}
.mc_05 .btn_prev {background-image:url(../img/main/mc05_ico_prev.png); transform:translate3d(-50%, -50%, 0);}
.mc_05 .btn_next {background-image:url(../img/main/mc05_ico_next.png); transform:translate3d(50%, -50%, 0);}

@media (min-width:1640px) {
    .mc_05 .mc05_top h3::before {width:56px; height:56px;}

    .mc_05 .mc05_slide_wrap {padding:28px 32px; height:278px;}
    .mc_05 .mc05_slide {margin:0 -8px;}
    .mc_05 .mc05_slide .s_w .sw_l {padding:0 8px; width:33.3333%;}
/*     .mc_05 .mc05_slide .s_w .sw_l a > i {height:calc(100% - 56px) !important;} */
    .mc_05 .mc05_slide .s_w .sw_l a > strong {font-size:16px; line-height:24px; height:48px;}

    .mc_05 .btn_prev {left:32px; width:48px; height:48px;}
    .mc_05 .btn_next {right:32px; width:48px; height:48px;}

    .mc_05 .mc05_slide .s_w .sw_l a:hover > i::after {width:56px; height:56px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_05 .mc05_top h3::before {width:56px; height:56px;}

    .mc_05 .mc05_slide_wrap {padding:28px 32px; height:236px;}
    .mc_05 .mc05_slide {margin:0 -8px;}
    .mc_05 .mc05_slide .s_w .sw_l {padding:0 8px; width:281px; width:33.3333%;}
    .mc_05 .mc05_slide .s_w .sw_l a > i {height:calc(100% - 56px) !important;}
    .mc_05 .mc05_slide .s_w .sw_l a > strong {font-size:16px; line-height:24px; height:48px;}

    .mc_05 .btn_prev {left:32px; width:48px; height:48px;}
    .mc_05 .btn_next {right:32px; width:48px; height:48px;}

    .mc_05 .mc05_slide .s_w .sw_l a:hover > i::after {width:56px; height:56px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_05 .mc05_top h3 {padding-left:40px;}
    .mc_05 .mc05_top h3::before {width:48px; height:48px; margin-right:-32px;}

    .mc_05 .mc05_slide_wrap {padding:20px 24px; padding:0; background:none; height:185px;}
    .mc_05 .mc05_slide {margin:0 -6px;}
    .mc_05 .mc05_slide .s_w .sw_l {padding:0 6px; width:301px; width:50%;}
    .mc_05 .mc05_slide .s_w .sw_l a > i {height:calc(100% - 54px) !important;}
    .mc_05 .mc05_slide .s_w .sw_l a > strong {font-size:15px; line-height:23px; height:46px;}

    .mc_05 .btn_prev {left:24px; width:40px; height:40px;}
    .mc_05 .btn_next {right:24px; width:40px; height:40px;}

    .mc_05 .mc05_slide .s_w .sw_l a:hover > i::after {width:48px; height:48px;}
}
@media (max-width:767px) {
    .mc_05 .mc05_top h3 {padding-left:48px;}
    .mc_05 .mc05_top h3::before {width:40px; height:40px; margin-right:-40px;}

    .mc_05 .mc05_slide_wrap {height:185px; padding:12px 16px; padding:0; background:none;}
    .mc_05 .mc05_slide {margin:0 -4px;}
    .mc_05 .mc05_slide .s_w .sw_l {padding:0 4px; width:50%;}
    .mc_05 .mc05_slide .s_w .sw_l a > strong {font-size:14px; line-height:22px; height:44px;}

    .mc_05 .btn_prev {left:16px; width:32px; height:32px;}
    .mc_05 .btn_next {right:16px; width:32px; height:32px;}

    .mc_05 .mc05_slide .s_w .sw_l a:hover > i::after {width:40px; height:40px;}
}

@media (max-width:450px) {
	.mc_05 .mc05_top .fl_l,
	.mc_05 .mc05_top .fl_r{float:none;text-align:center;}
	.mc_05 .mc05_top .fl_l{margin-bottom:13px;}
	.mc_05 .mc05_top h3{display:inline-block;}
	.mc_05 .mc05_top [class^="btn_"]{width:30px;height:30px;}
}

/* 221219 소식편지 */
.mc05_cont,.mc05_cont ul,.mc05_cont a [class*='info_']{overflow:hidden;}
.mc05_cont {height:278px;margin-top:16px;padding:28px 32px;background:#fff;}
.mc05_cont ul,.mc05_cont a{display:flex}
.mc05_cont ul{height:100%;margin:0 0 0 -15px}
.mc05_cont li{width:calc(100%/3 - 15.1px);margin-left:15px;}
.mc05_cont a{flex-direction:column;position:relative;height:100%;}
.mc05_cont a i{display:block;height:100%;}
.mc05_cont img{width:100%;height:100%;}

.mc05_cont .info_text{height:38px;margin-top:5px;line-height:18px;font-size:14px;}
.mc05_cont a:hover:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:all .2s;background:rgba(0,0,0,.5);}
.mc05_cont a:hover .info_text{text-decoration:underline;}

@media (max-width:1639px) {
	.mc05_cont {height:236px;padding:20px 22px;}
}

@media (max-width:1199px) {
	.mc05_cont {height:185px;padding-right:15px;padding-left:15px;}
}

@media (max-width:767px) {
	.mc05_cont {height:260px;padding:15px}
}

@media (max-width:640px) {
	.mc05_cont {height:220px;padding:10px}
	.mc05_cont ul{margin-left:-10px;}
	.mc05_cont li{width:calc(100%/3 - 10.1px);margin-left:10px;}
}

@media (max-width:540px) {
	.mc05_cont {height:180px;padding:10px}
}

@media (max-width:450px) {
	.mc05_cont {height:auto;padding:15px 0 0;background:none;}
	.mc05_cont ul{flex-direction:column;align-items:center;margin-left:0;}
	.mc05_cont li{width:100%;max-width:275px;margin-left:0;padding:15px;border-radius:3px;background:#fff;}
	.mc05_cont li+li{margin-top:15px;}
}
/* 221219 소식편지 */

/* main content 06 */
.mc_06 {font-size:0; line-height:0;}
.mc_06 .mc06_top h3 {position:relative; display:block; font-size:20px; line-height:28px; font-weight:700;}
.mc_06 .mc06_top .fl_r {padding:2px 0;}
.mc_06 .mc06_top .s_c,
.mc_06 .mc06_top .s_b,
.mc_06 .mc06_top [class^="btn_"] {display:inline-block; vertical-align:middle;}
.mc_06 .mc06_top .s_c {font-size:14px; line-height:22px; padding:0 8px;}
.mc_06 .mc06_top .s_c > * {margin-left:2px;}
.mc_06 .mc06_top .s_c strong {font-weight:500; color:#222;}
.mc_06 .mc06_top .s_c em,
.mc_06 .mc06_top .s_c span {color:#777;}
.mc_06 .mc06_top [class^="btn_"] {width:24px; height:24px; background:url() no-repeat center center; margin-left:4px;}
.mc_06 .mc06_top .btn_prev {background-image:url(../img/main/mc06_ico_prev.png);}
.mc_06 .mc06_top .btn_pause {background-image:url(../img/main/mc06_ico_pause.png);}
.mc_06 .mc06_top .btn_play {background-image:url(../img/main/mc06_ico_play.png);}
.mc_06 .mc06_top .btn_next {background-image:url(../img/main/mc06_ico_next.png);}
.mc_06 .mc06_top .btn_more {background-image:url(../img/main/mc06_ico_more.png);}
.mc_06 .mc06_slide {overflow:hidden; margin-top:16px;}
.mc_06 .mc06_slide .s_w .sw_l {width:100%;}
.mc_06 .mc06_slide .s_w .sw_l a {display:block; background:url(../img/main/ex_mc06_bg.png) no-repeat #ddd center center / 100% 100%;}

@media (max-width:767px) {
    .mc_06 .mc06_top h3 {margin-left:4px;}
    .mc_06 .mc06_slide {border:1px solid #ddd;}
}

/* main content 07 */
.mc_07 {position:relative; background:url(../img/main/mc07_bg.png) no-repeat center center / cover; background:#f7f7f7;}
.mc_07 h3 {position:relative; display:inline-block; font-size:20px; line-height:28px; font-weight:700; color:#fff; color:#003567;}
/* .mc_07 h3::after {display:block; content:''; width:8px; height:8px; border-radius:50%; background:#1fdfb5; position:absolute; left:100%; bottom:100%; margin:0 0 -8px 8px;} */
.mc_07 p {display:block; font-size:16px; line-height:24px; color:#fff; color:#666; margin-top:8px;}
.mc_07 .mc07_btn {position:absolute; left:0; bottom:0; width:100%;}
.mc_07 .mc07_btn > ul {display:table; table-layout:fixed; width:100%; background:#607494;}
.mc_07 .mc07_btn > ul > li {position:relative; display:table-cell;}
.mc_07 .mc07_btn > ul > li ~ li > a::before {display:block; content:''; width:1px; height:16px; background:#000; opacity:0.16; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.mc_07 .mc07_btn > ul > li > a {position:relative; display:block; font-size:16px; line-height:24px; color:#fff; padding:12px 16px; text-align:center;}
/* .mc_07 .mc07_btn > ul > li > a::after {display:block; content:''; width:12px; height:12px; background:url(../img/main/mc07_ico_arrow_right_off.png) no-repeat center center / 100%; position:absolute; right:16px; top:50%; transform:translateY(-50%);} */
.mc_07 .mc07_btn > ul > li > a:hover {background-color:#003567;}
.mc_07 .mc07_btn > ul > li > a:hover::before {display:none;}
/* .mc_07 .mc07_btn > ul > li > a:hover::after {background-image:url(../img/main/mc07_ico_arrow_right_on.png);} */

@media (min-width:1640px) {
    .mc_07 {padding:28px 32px; height:192px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_07 {padding:28px 32px; height:192px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_07 {padding:24px 28px; padding-bottom:72px;}
    .mc_07 p {height:48px;}
}
@media (max-width:767px) {
    .mc_07 {padding:20px 24px; padding-bottom:64px;}
    .mc_07 p {height:48px;}
}
@media (max-width:360px) {
	.mc_07 {height:auto; padding:15px 0; border:0 dotted #dedede; border-width:1px 0; background:none;}
	.mc_07 p {height:auto; margin:10px 0;}
	.mc_07 p > br {display:none;}
	.mc_07 .mc07_btn {position:static;}
	/*.mc_07 .mc07_btn > ul {display:block;background:none;}
	.mc_07 .mc07_btn > ul > li {display:block; margin-bottom:5px;}
	.mc_07 .mc07_btn > ul > li:last-child{margin-bottom:0;}
	.mc_07 .mc07_btn > ul > li > a {text-align: left; background: #607494;}*/
	.mc_07 .mc07_btn > ul > li > a {padding:12px 5px}
}

/* main content 08 */
.mc_08 > ul > li {float:left; width:50%;}
.mc_08 a {display:block; text-align:left; border:1px solid #ddd;}
.mc_08 a > span {display:inline-block; width:100%; position:relative;}
.mc_08 a > span::before {display:inline-block; content:''; width:48px; height:48px; border-radius:50%; vertical-align:middle; background:url() no-repeat #f2f4f8 center center;}
.mc_08 a > span > em {display:inline-block; font-weight:500; vertical-align:middle; margin-left:12px;}
/* .mc_08 a > span::after {display:block; content:''; width:20px; height:20px; border-radius:50%; background:url(../img/main/mc08_ico_arrow_right.png) no-repeat #ddd center center; position:absolute; right:0; top:50%; transform:translateY(-50%);} */

.mc_08 > ul > li:nth-child(1) a > span::before {background-image:url(../img/main/mc08_ico_01.png);}
.mc_08 > ul > li:nth-child(2) a > span::before {background-image:url(../img/main/mc08_ico_02.png);}
.mc_08 > ul > li:nth-child(3) a > span::before {background-image:url(../img/main/mc08_ico_03.png);}
.mc_08 > ul > li:nth-child(4) a > span::before {background-image:url(../img/main/mc08_ico_04.png);}
.mc_08 > ul > li:nth-child(1) a:hover > span::before {background:url(../img/main/mc08_ico_01_over.png) no-repeat #4677c3 center center;}
.mc_08 > ul > li:nth-child(2) a:hover > span::before {background:url(../img/main/mc08_ico_02_over.png) no-repeat #4da5a7 center center;}
.mc_08 > ul > li:nth-child(3) a:hover > span::before {background:url(../img/main/mc08_ico_03_over.png) no-repeat #64a258 center center;}
.mc_08 > ul > li:nth-child(4) a:hover > span::before {background:url(../img/main/mc08_ico_04_over.png) no-repeat #6b7e9d center center;}

@media (min-width:1640px) {
    .mc_08 > ul {margin:-16px -8px 0;}
    .mc_08 > ul > li {padding:16px 8px 0;}
    .mc_08 a {padding:0 32px; height:88px;}
    .mc_08 a > span > em {font-size:18px; line-height:26px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_08 > ul {margin:-16px -8px 0;}
    .mc_08 > ul > li {padding:16px 8px 0;}
    .mc_08 a {padding:0 24px; height:88px;}
    .mc_08 a > span > em {font-size:18px; line-height:26px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_08 > ul {margin:-12px -6px 0;}
    .mc_08 > ul > li {padding:12px 6px 0;}
    .mc_08 a {padding:0 20px; height:84px;}
    .mc_08 a > span > em {font-size:16px; line-height:24px;}
    .mc_08 a > span::after {display:none;}
}
@media (max-width:767px) {
    .mc_08 {margin-top:16px;}
    .mc_08 > ul {margin:-8px -4px 0;}
    .mc_08 > ul > li {padding:8px 4px 0; width:25%}
    .mc_08 a {padding:16px 5px; text-align:center}
    .mc_08 a > span > em {font-size:16px; line-height:24px;}
    .mc_08 a > span::after {display:none;}
}

@media (max-width:620px) {
     .mc_08 a {padding:10px 5px}
    .mc_08 a > span > em {font-size:15px;  display:block; margin:3px 0 0 0}
}
@media (max-width:400px) {
	.mc_08 a {border:none}
	 .mc_08 > ul > li {padding:8px  0}
}

/* main content 09 */
.mc_09 {position:relative;}
.mc_09 h3 {display:block; font-size:20px; line-height:28px; font-weight:700; color:#fff;}
.mc_09 p {display:block; font-size:16px; line-height:24px; color:#fff; margin-top:8px;}
.mc_09 a {position:relative; display:inline-block; width:27px; height:11px; background:url(../img/main/mc09_ico_arrowright.png) no-repeat center center;}

@media (min-width:1640px) {
    .mc_09 {padding:28px 32px; height:192px; background:url(../img/main/mc09_bg_left.png) no-repeat left -20px bottom 20px, url(../img/main/mc09_bg_right.png) no-repeat right -32px bottom -16px; background-color:#765abd; background:url(../img/main/mc09_bg_right_new.png) no-repeat #6d7481 right bottom;}
    .mc_09 a {margin-top:32px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_09 {padding:28px 32px; height:192px; background:url(../img/main/mc09_bg_left.png) no-repeat left -20px bottom 20px, url(../img/main/mc09_bg_right.png) no-repeat right -32px bottom -16px; background-color:#765abd; background:url(../img/main/mc09_bg_right_new.png) no-repeat #6d7481 right bottom;}
    .mc_09 a {margin-top:32px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_09 {padding:24px 28px; margin-top:24px; background:url(../img/main/mc09_bg_right.png) no-repeat right -32px bottom -48px; background-color:#765abd; background:url(../img/main/mc09_bg_right_new.png) no-repeat #6d7481 right 16px bottom -32px;}
    .mc_09 a {position:absolute; left:230px; top:34px;}
}
@media (max-width:767px) {
    .mc_09 {padding:20px 24px; margin-top:16px; background:url(../img/main/mc09_bg_right.png) no-repeat right -32px bottom -16px; background-color:#765abd; background:url(../img/main/mc09_bg_right_new.png) no-repeat #6d7481 right 16px bottom -32px;}
    /* .mc_09 a {position:absolute; right:120px; top:50%; transform:translateY(-50%);} */
    .mc_09 a {position:absolute; left:230px; top:30px;}
}
@media (max-width:767px) {
	.mc_09{background:#6d7481;}
}

@media (max-width:500px) {
.mc_09 h3 {font-size:20px}
.mc_09 p {font-size:14px; line-height:20px}
}

/* main content 11 : 나중에.mc_09 빼고  옮길것 */

.mc_11 {position:relative; height:192px;}
.mc_11 ul{position:relative; display:block; width:48%; height:100%; padding:27px 15px 27px 27px; box-sizing:border-box}
.mc_11 li{display:block; word-break:keep-all}
.mc_11 ul:nth-child(1){float:left; background:url(../img/main/mc11_icon_01.png) no-repeat right 25px  bottom 23px  #627c93 ; }
.mc_11 ul:nth-child(1) li{color:#fff}
.mc_11 li:nth-child(1){font-size:24px; font-weight:500}
.mc_11 li:nth-child(2){font-size:16px; line-height:22px; padding-top:15px}
.mc_11 li:nth-child(3){position:absolute; top:0; left:0; width:100%; height:100%; }
.mc_11 li:nth-child(3) a{display:block; width:100%; height:100%; text-indent:-9999px;}

.mc_11 ul:nth-child(2){float:right; background:url(../img/main/mc11_icon_02.png) no-repeat right 25px  bottom 25px  #e5edf4 ; }
.mc_11 ul:nth-child(2) li{color:#366185}
.mc_11 li:nth-child(1) span{display:block; font-size:18px; padding-top:5px}

.mc_11 ul:nth-child(1) li:nth-child(3) a{ background:url(../img/main/mc11_arr_01.png) no-repeat left 28px  bottom 30px}
.mc_11 ul:nth-child(2) li:nth-child(3) a{ background:url(../img/main/mc11_arr_02.png) no-repeat left 28px  bottom 30px}

@media (min-width:768px) and (max-width:1199px) {
.mc_11 {height:100px; margin-top:20px}
.mc_11 ul{width:calc(50% - 12px); height:100%; padding:27px 15px 27px 27px; }
.mc_11 li:nth-child(1) span{display:inline-block; padding:0 0 0 5px}
.mc_11 li:nth-child(2){padding-top:5px}

.mc_11 ul:nth-child(1) li:nth-child(3) a{ background:none}
.mc_11 ul:nth-child(2) li:nth-child(3) a{ background:none}
}

@media (max-width:767px) {
.mc_11 {height:190px; margin-top:20px}
.mc_11 ul{width:calc(50% - 4px); height:100%; padding:27px 15px 27px 27px; }
}

@media (max-width:450px) {
.mc_11 {height:160px}
.mc_11 ul{padding:80px 10px 10px 10px; }
.mc_11 li{text-align:center}
.mc_11 li:nth-child(1){font-size:20px}
.mc_11 li:nth-child(2){font-size:14px; line-height:18px; padding-top:8px}

.mc_11 ul:nth-child(1){background:url(../img/main/mc11_icon_01.png) no-repeat center 20px  #627c93; background-size:50px}
.mc_11 ul:nth-child(2){background:url(../img/main/mc11_icon_02.png) no-repeat center 20px  #e5edf4; background-size:50px }

.mc_11 ul:nth-child(1) li:nth-child(3) a{ background:none}
.mc_11 ul:nth-child(2) li:nth-child(3) a{ background:none}

.mc_11 li:nth-child(1) span{font-size:16px}

}
/* main content 10 */
.mc_10 {font-size:0; line-height:0; position:relative;}
.mc_10 .mc10_top .mc10_signature {display:block; font-size:15px; line-height:23px; font-weight:500; color:#222; transform:translateY(-50%); padding:3px 0 3px 48px; background:url(../img/main/mc10_ico_signature.png) no-repeat left center;}
.mc_10 .mc10_top .s_b [class^="btn_"] {display:inline-block; vertical-align:middle; font-size:13px; line-height:21px; color:#4b5e7b; padding:5px 0; width:31px; height:31px; border-radius:16px; border:1px solid #c8cedb; margin-left:6px; background:url() no-repeat #fff center center;}
.mc_10 .mc10_top .s_b .btn_prev {background-image:url(../img/main/mc10_ico_prev.png);}
.mc_10 .mc10_top .s_b .btn_pause {background-image:url(../img/main/mc10_ico_pause.png);}
.mc_10 .mc10_top .s_b .btn_play {background-image:url(../img/main/mc10_ico_play.png);}
.mc_10 .mc10_top .s_b .btn_next {background-image:url(../img/main/mc10_ico_next.png);}
.mc_10 .mc10_top .s_b .btn_more {width:auto; padding:4px 12px;}
.mc_10 .mc10_slide_inner {overflow:hidden;}
.mc_10 .mc10_slide {margin:0 -4px;}
.mc_10 .mc10_slide .s_w .sw_l {padding:0 4px;}
.mc_10 .mc10_slide a {display:block; height:45px; background:#fff; border:1px solid #ddd;}
.mc_10 .mc10_slide a > img {display:inline-block; vertical-align:middle; width:100%; height:100%;}

@media (min-width:1640px) {
    .mc_10 {width:1400px; margin:0 auto; padding-left:240px !important; padding-right:175px !important;}
    .mc_10 .mc10_top .mc10_signature {position:absolute; left:16px; top:50%; transform:translateY(-50%);}
    .mc_10 .mc10_top .s_b {position:absolute; right:16px; top:50%; transform:translateY(-50%);}
    .mc_10 .mc10_top .s_b .btn_prev {right:100%; margin-right:1034px;}
    .mc_10 .mc10_slide .s_w .sw_l {width:20%;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_10 {width:1200px; margin:0 auto; padding-left:240px !important; padding-right:175px !important;}
    .mc_10 .mc10_top .mc10_signature {position:absolute; left:16px; top:50%; transform:translateY(-50%);}
    .mc_10 .mc10_top .s_b {position:absolute; right:16px; top:50%; transform:translateY(-50%);}
    .mc_10 .mc10_top .s_b .btn_prev {right:100%; margin-right:834px;}
    .mc_10 .mc10_slide .s_w .sw_l {width:25%;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_10 {padding:0 24px;}
    .mc_10 .mc10_top .mc10_signature {float:left; padding-top:4px; padding-bottom:4px; transform:initial;}
    .mc_10 .mc10_top .s_b {float:right;}
    .mc_10 .mc10_slide {margin-top:16px;}
    .mc_10 .mc10_slide .s_w .sw_l {width:33.3333%;}
}
@media (max-width:767px) {
    .mc_10 {padding:0 16px;}
    .mc_10 .mc10_top .mc10_signature {float:left; padding-top:4px; padding-bottom:4px; transform:initial;}
    .mc_10 .mc10_top .s_b {float:right;}
    .mc_10 .mc10_slide {margin-top:16px;}
    .mc_10 .mc10_slide .s_w .sw_l {width:50%;}
}
@media (max-width:400px) {
	.mc_10 .mc10_top .mc10_signature{float:none;}
	.mc_10 .mc10_top .s_b{float:none;position:relative;margin-top:15px;}
	.mc_10 .mc10_top .s_b:after{content:'';display:block;clear:both;}
	.mc_10 .mc10_top .s_b [class^="btn_"]{float:left;}
	.mc_10 .mc10_top .s_b .btn_more{float:right;}
}

/* main new */
.ansk .qnb_new {display:none !important;}
[class^="mln_"] {position:relative; z-index:5;}
[class^="mln_"] > div > div::after {display:block; content:''; clear:both;}
[class^="mln_"] > div > div > div {float:left;}

@media (min-width:1640px) {
    [class^="mln_"] > div {width:1400px; margin:0 auto;}
    [class^="mln_"] > div > div {margin:0 -16px;}
    [class^="mln_"] > div > div > div {padding:0 16px;}
    .mln_01 {padding-top:48px;}
    .mln_02 {padding:48px 0;}
    .mln_01 .mln01_l {width:66.6666%;}
    .mln_01 .mln01_r {width:33.3333%;}
    .mln_02 .mln02_l {width:66.6666%;}
    .mln_02 .mln02_r {width:33.3333%;}
}
@media (min-width:1200px) and (max-width:1639px) {
    [class^="mln_"] > div {width:1200px; margin:0 auto;}
    [class^="mln_"] > div > div {margin:0 -16px;}
    [class^="mln_"] > div > div > div {padding:0 16px;}
    .mln_01 {padding-top:48px;}
    .mln_02 {padding:48px 0;}
    .mln_01 .mln01_l {width:66.6666%;}
    .mln_01 .mln01_r {width:33.3333%;}
    .mln_02 .mln02_l {width:66.6666%;}
    .mln_02 .mln02_r {width:33.3333%;}
}
@media (min-width:768px) and (max-width:1199px) {
    [class^="mln_"] > div {padding:0 24px;}
    [class^="mln_"] > div > div {margin:0 -12px;}
    [class^="mln_"] > div > div > div {padding:0 12px; width:100%;}
    .mln_01 {padding-top:40px;}
    .mln_01 .mln01_r {padding-top:40px;}
    .mln_02 {padding:40px 0;}
}
@media (max-width:767px) {
    [class^="mln_"] > div {padding:0 16px;}
    [class^="mln_"] > div > div {margin:0 -8px;}
    [class^="mln_"] > div > div > div {padding:0 8px; width:100%;}
    .mln_01 {padding-top:32px;}
    .mln_01 .mln01_r {margin-top:100px; /*padding-top:32px;*/}
    .mln_02 {padding:32px 0;}
}
@media (max-width:500px) {
	.mln_01{padding-top:16px;}
}

/* mcn 01 */
.mcn_01 {position:relative; border:1px solid #ddd;}
.mcn_01 .mcn01_t {position:absolute; left:0; top:50%; transform:translateY(-50%); background:#003567;}
.mcn_01 .mcn01_t h3 {display:inline-block; font-size:20px; line-height:28px; font-weight:700; color:#fff; text-align:center;}
.mcn_01 .mcn01_t .btn_more {position:absolute; width:32px; height:32px; border-radius:50%; right:-16px; top:50%; transform:translateY(-50%); background:url(../img/main/mcn01_ico_plus.png) no-repeat #6b7e9d center center;}
.mcn_01 .mcn01_b {overflow:hidden;}
.mcn_01 .s_w {white-space:initial;}
.mcn_01 .s_w .sw_l {display:block !important;}
.mcn_01 .s_w .sw_l > div {display:table; table-layout:fixed; width:100%;}
.mcn_01 .s_w .sw_l > div > div {position:relative; display:table-cell; vertical-align:middle; font-size:0; line-height:0; text-align:center;}
.mcn_01 .s_w .sw_l > div > div ~ div::before {display:block; content:''; width:1px; height:16px; background:#ddd; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.mcn_01 .s_w .sw_l > div > div > span,
.mcn_01 .s_w .sw_l > div > div > strong,
.mcn_01 .s_w .sw_l > div > div > em {display:inline-block; vertical-align:middle;}
.mcn_01 .s_w .sw_l > div > div > span {padding:0 8px; width: 100%; }
.mcn_01 .s_w .sw_l > div > div > strong {font-weight:700; color:#003567;}
.mcn_01 .s_w .sw_l > div > div > em {color:#666; padding-left:4px;}
.mcn_01 .s_b [class^="btn_"] {display:block; position:absolute; right:-1px; background:url() no-repeat center center; border:1px solid #ddd;}
.mcn_01 .s_b .btn_prev {top:-1px; background-image:url(../../img/common/ico_arrowup_16_b.png);}
.mcn_01 .s_b .btn_next {bottom:-1px; background-image:url(../../img/common/ico_arrowdown_16_b.png);}
.mcn_01 .s_b .btn_pause {top: 27px; background-image:url(../../img/common/ico_arrowpause_16_b.png);}
.mcn_01 .s_b .btn_play {top: 27px; background-image:url(../../img/common/ico_arrowplay_16_b.png);}

@media (min-width:1640px) {
    .mcn_01 {margin-top:48px; padding-left:160px; padding-right:40px;}
    .mcn_01 .mcn01_t h3 {font-size:20px; line-height:28px;}
    .mcn_01 .mcn01_t,
    .mcn_01 .s_w,
    .mcn_01 .s_w .sw_l > div > div {height:80px;}
    .mcn_01 .mcn01_t {width:160px;}
    .mcn_01 .s_w .sw_l > div > div > span {font-size:18px; line-height:26px;}
    .mcn_01 .s_w .sw_l > div > div > strong {font-size:24px; line-height:32px;}
    .mcn_01 .s_w .sw_l > div > div > em {font-size:16px; line-height:24px;}
    .mcn_01 .s_b [class^="btn_"] {width:40px; height:26px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mcn_01 {margin-top:48px; padding-left:160px; padding-right:40px;}
    .mcn_01 .mcn01_t h3 {font-size:20px; line-height:28px;}
    .mcn_01 .mcn01_t,
    .mcn_01 .s_w,
    .mcn_01 .s_w .sw_l > div > div {height:80px;}
    .mcn_01 .mcn01_t {width:160px;}
    .mcn_01 .s_w .sw_l > div > div > span {font-size:18px; line-height:26px;}
    .mcn_01 .s_w .sw_l > div > div > strong {font-size:24px; line-height:32px;}
    .mcn_01 .s_w .sw_l > div > div > em {font-size:16px; line-height:24px;}
    .mcn_01 .s_b [class^="btn_"] {width:40px; height:26px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mcn_01 {margin-top:40px; padding-left:140px; padding-right:36px;}
    .mcn_01 .mcn01_t h3 {font-size:18px; line-height:26px;}
    .mcn_01 .mcn01_t,
    .mcn_01 .s_w,
    .mcn_01 .s_w .sw_l > div > div {/* height:72px; */ height:80px;}
    .mcn_01 .mcn01_t {width:140px;}
    .mcn_01 .s_w .sw_l > div > div > span {font-size:16px; line-height:24px;}
    .mcn_01 .s_w .sw_l > div > div > strong {font-size:22px; line-height:30px;}
    .mcn_01 .s_w .sw_l > div > div > em {font-size:14px; line-height:22px;}
    .mcn_01 .s_b [class^="btn_"] {width:40px; height:26px;}
    /* .mcn_01 .s_b [class^="btn_"] {width:36px; height:36px;} */
}
@media (max-width:767px) {
    .mcn_01 {margin-top:32px; padding-left:120px; padding-right:32px;}
    .mcn_01 .mcn01_t h3 {font-size:16px; line-height:24px;}
    .mcn_01 .mcn01_t,
    .mcn_01 .s_w,
    .mcn_01 .s_w .sw_l > div > div {/* height:64px; */ height:80px;}
    .mcn_01 .mcn01_t {width:120px;}
    .mcn_01 .s_w .sw_l > div > div > span {font-size:14px; line-height:24px;}
    .mcn_01 .s_w .sw_l > div > div > strong {font-size:20px; line-height:28px;}
    .mcn_01 .s_w .sw_l > div > div > em {font-size:12px; line-height:22px;}
    .mcn_01 .s_b [class^="btn_"] {width:40px; height:26px;}
    /* .mcn_01 .s_b [class^="btn_"] {width:32px; height:32px;} */
}
@media (max-width:500px) {
	.mcn_01{padding:0;}
	.mcn_01 .mcn01_t{position:static;width:100%;height:45px;transform:translateY(0);}
	.mcn_01 .mcn01_t .btn_more{right:10px;}
	.mcn_01 .mcn01_b{padding-right:35px;}
	.mcn_01 .s_b [class^="btn_"]{width:35px;}
	.mcn_01 .s_b .btn_prev{top:46px;}
	.mcn_01 .s_b .btn_pause{top:73px;}
	.mcn_01 .s_b .btn_play{top:73px;}
	/*.mcn_01 .s_w .sw_l > div > div > span{font-size:13px;}
	.mcn_01 .s_w .sw_l > div > div > strong{font-size:16px;}*/

	   .mcn_01 .s_w .sw_l > div > div {display:block; padding-top:15px}
}

/* mcn 02 */
.mcn_02 > ul::after {display:block; content:''; clear:both;}
.mcn_02 > ul {margin:-8px -4px 0;}
.mcn_02 > ul > li {float:left; padding:8px 4px 0;}
.mcn_02 > ul > li > a,
.mcn_02 > ul > li > div {display:block; border:2px solid #ddd;}
.mcn_02 > ul > li > a > span,
.mcn_02 > ul > li > a > p,
.mcn_02 .mcn02_06 > div > div > a > span > span > strong {display:block;}
.mcn_02 > ul > li > a > span {font-weight:500;}
.mcn_02 > ul > li > a > p {font-size:15px; line-height:22px; color:#222; margin-top:8px; word-break:keep-all}
.mcn_02 .mcn02_06 > div {padding:0;}
.mcn_02 .mcn02_06 > div > div::after {display:block; content:''; clear:both;}
.mcn_02 .mcn02_06 > div > div > div {float:left;}
.mcn_02 .mcn02_06 > div > div > div > a {width:100%;}
.mcn_02 .mcn02_06 > div > div > div > a > span {display:block;}
.mcn_02 .mcn02_06 > div > div > div > a > span::before {display:inline-block; content:''; width:40px; height:40px;}
.mcn_02 .mcn02_06 > div > div > div > a > span > span {display:block;}
.mcn_02 .mcn02_06 > div > div > div > a > span > span > strong {font-size:16px; line-height:22px; font-weight:500; margin-top:4px;}
.mcn_02 .mcn02_06 > div > div > div > a > span > span > strong br{display:none}


.mcn_02 > ul > .mcn02_01 > a {position:relative;}
.mcn_02 > ul > .mcn02_01 > a > i {display:block; width:127.72px; height:100px; background:url(../img/main/search.png) no-repeat left top; background-size:127.72px; position:absolute; right:-56px; bottom:-8px;}
.mcn_02 > ul > .mcn02_01 > a:hover > i {animation:play1 6.1s steps(31) 0s infinite; animation-fill-mode:forwards;}
@keyframes play1 {
    50%, 100% {
        background-position:0 -3100px;
    }
}

.mcn_02 > ul > .mcn02_01 > a {border-color:rgb(0, 53, 103, 0.5); background:url(../img/main/mcn02_ico_01.png) no-repeat #fff right 56px bottom 16px;}
.mcn_02 > ul > .mcn02_02 > a {border-color:rgb(31, 122, 16, 0.5); background:url(../img/main/mcn02_ico_02.png) no-repeat #fff right 16px center;}
.mcn_02 > ul > .mcn02_03 > a {border-color:rgb(59, 122, 24, 0.5); background:url(../img/main/mcn02_ico_03.png) no-repeat #fff right  12px center;}
.mcn_02 > ul > .mcn02_04 > a {border-color:rgb(173, 93, 35, 0.5); background:url(../img/main/mcn02_ico_04.png) no-repeat #fff right bottom;}
.mcn_02 > ul > .mcn02_05 > a {border-color:rgba(121, 76, 139, 0.5); background:url(../img/main/mcn02_ico_05.png) no-repeat #fff right 16px center;}
.mcn_02 > ul > .mcn02_06 > div {border-color:rgb(0, 53, 103, 0.5);}
.mcn_02 > ul > .mcn02_01 > a > span {color:#003567;}
.mcn_02 > ul > .mcn02_02 > a > span {color:#1f7a10;}
.mcn_02 > ul > .mcn02_03 > a > span {color:#3b7a18;}
.mcn_02 > ul > .mcn02_04 > a > span {color:#ad5d23;}
.mcn_02 > ul > .mcn02_05 > a > span {color:#794c8b;}
.mcn0206_01 > a > span::before {background:url(../img/main/mcn02_ico_06.png) no-repeat center center / 100%;}
.mcn0206_02 > a > span::before {background:url(../img/main/mcn02_ico_07.png) no-repeat center center / 100%;}
.mcn0206_03 > a > span::before {background:url(../img/main/mcn02_ico_08.png) no-repeat center center / 100%;}
.mcn0206_04 > a > span::before {background:url(../img/main/mcn02_ico_09.png) no-repeat center center / 100%;}

@media (min-width:1640px) {
    .mcn_02 > ul > li {width:100%;}
    .mcn_02 > ul > li > a {padding:20px 24px;}
    .mcn_02 > ul > li > a > span {font-size:18px; line-height:26px;}
    .mcn_02 .mcn02_06 > div > div > div {width:50%;}
    .mcn_02 .mcn02_06 > div > div > div:nth-child(2n+1) {border-right:1px solid #eee;}
    .mcn_02 .mcn02_06 > div > div > div:nth-child(n+3) {border-top:1px solid #eee;}
    .mcn_02 .mcn02_06 > div > div > div > a {padding:15px 0;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mcn_02 > ul > li {width:100%;}
    .mcn_02 > ul > li > a {padding:18px 24px;}
    .mcn_02 > ul > li:nth-child(5) > a {padding-right:16px;}
    .mcn_02 > ul > li > a > span {font-size:18px; line-height:26px;}
    .mcn_02 > ul > li > a > p {margin-top:4px;}
    .mcn_02 .mcn02_06 > div > div > div {width:50%;}
    .mcn_02 .mcn02_06 > div > div > div:nth-child(2n+1) {border-right:1px solid #eee;}
    .mcn_02 .mcn02_06 > div > div > div:nth-child(n+3) {border-top:1px solid #eee;}
    .mcn_02 .mcn02_06 > div > div > div > a {padding:9px 0;}

    .mcn_02 > ul > .mcn02_04 > a {background-position:right -20px bottom;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mcn_02 > ul > li {width:50%;}
    .mcn_02 > ul > li:nth-child(2n+1) {clear:both;}
    .mcn_02 > ul > li > a,
    .mcn_02 > ul > li > div {height:130px;}
    .mcn_02 > ul > li > a {padding:18px 22px; padding-right:70px;}
    .mcn_02 > ul > li > a > span {font-size:17px; line-height:25px;}
    .mcn_02 > ul > li > a > p {height:42px;}
    .mcn_02 .mcn02_06 > div > div {height:100%;}
    .mcn_02 .mcn02_06 > div > div > div {width:25%;height:100%;}
    .mcn_02 .mcn02_06 > div > div > div ~ div {border-left:1px solid #eee;}
    .mcn_02 .mcn02_06 > div > div > div > a {padding:13px 0 14px;}
    .mcn_02 .mcn02_06 > div > div > div > a > span > span {height:44px;}

    .mcn_02 > ul > .mcn02_01 > a {background-position:right 80px bottom 16px;}
    .mcn_02 > ul > .mcn02_01 > a > i {right:-32px; bottom:6px;}

}

 @media (max-width:1050px) {
     .mcn_02 .mcn02_06 > div > div > div:nth-child(1) br,
     .mcn_02 .mcn02_06 > div > div > div:nth-child(2) br{display:block}
}
@media (max-width:900px) {
	.mcn_02 > ul > li:nth-last-of-type(2),
	.mcn_02 > ul > li:last-child{width:100%;}
	.mcn_02 > ul > li > a{padding:18px 15px;}
}
@media (max-width:767px) {
    .mcn_02 > ul > li {width:100%;}
    .mcn_02 > ul > li > a {height:76px;padding:16px 80px 16px 20px;}
    .mcn_02 > ul > li > a > span {font-size:16px; line-height:24px;}
   /* .mcn_02 > ul > li > a > p {display:none;}*/
    .mcn_02 > ul > li > a > p {font-size:14px; margin-top:0; text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden}
    .mcn_02 > ul > li > a > p  br{display:none}
    .mcn_02 .mcn02_06 > div > div > div {width:25%;}
    .mcn_02 .mcn02_06 > div > div > div ~ div {border-left:1px solid #eee;}
    .mcn_02 .mcn02_06 > div > div > div:nth-child(3),
    .mcn_02 .mcn02_06 > div > div > div:nth-child(4){border-top:1px solid #eee;}
    .mcn_02 .mcn02_06 > div > div > div > a {padding:15px 0;}
    .mcn_02 .mcn02_06 > div > div > div > a > span > span {height:44px;}

    .mcn_02 > ul > .mcn02_02 > a {background-position:right 8px top -36px;}
    .mcn_02 > ul > .mcn02_03 > a {background-position:right 4px center;}
    .mcn_02 > ul > .mcn02_04 > a {background-position:right -20px bottom -16px;}
    .mcn_02 > ul > .mcn02_05 > a {background-position:right 8px center;}

    .mcn_02 > ul > .mcn02_01 > a {background-position:right 80px bottom 16px;}
    .mcn_02 > ul > .mcn02_01 > a > i {right:-15px; bottom:-8px;}
}
@media (max-width:610px) {
  .mcn_02 .mcn02_06 > div > div > div > a > span > span > strong{font-size:15px; line-height:20px; letter-spacing:-1px}
.mcn_02 .mcn02_06 > div > div > div > a > span > span > strong br{display:block}

}

@media (max-width:360px) {
    .mcn_02 .mcn02_06 > div > div > div {width:50%;}
    .mcn_02 .mcn02_06 > div > div > div > a {padding:8px 0;}
}

/* mcn 03 */
.mcn_03 {font-size:0; line-height:0; position:relative;}
.mcn_03 .mcn03_t h3 {display:block; font-weight:700; color:#222; margin-left:4px;}

.mcn_03 .mcn03_b > ul::after {display:block; content:''; clear:both;}
.mcn_03 .mcn03_b > ul > li {float:left;}
.mcn_03 .mcn03_b > ul > li > a {display:block; text-align:left; background:#f2f4f8;}
.mcn_03 .mcn03_b > ul > li > a > span::before {display:inline-block; content:''; width:40px; height:40px; border-radius:50%; background:url() no-repeat #fff center center; vertical-align:middle; margin-right:8px;}
.mcn_03 .mcn03_b > ul > li > a > span > strong {display:inline-block; vertical-align:middle; font-size:18px; line-height:24px; font-weight:500; color:#003567;}
.mcn_03 .mcn03_b > ul > li > a > span > strong br{display:none}
/* .mcn_03 .mcn03_b > ul > li:nth-child(1) > a,
.mcn_03 .mcn03_b > ul > li:nth-child(4) > a {background:#607494;}
.mcn_03 .mcn03_b > ul > li:nth-child(2) > a,
.mcn_03 .mcn03_b > ul > li:nth-child(3) > a {background:#f2f4f8;} */
.mcn_03 .mcn03_b > ul > li:nth-child(1) > a > span::before{background-image:url(../img/main/mcn03_ico_01.png);}
.mcn_03 .mcn03_b > ul > li:nth-child(2) > a > span::before{background-image:url(../img/main/mcn03_ico_02.png);}
.mcn_03 .mcn03_b > ul > li:nth-child(3) > a > span::before{background-image:url(../img/main/mcn03_ico_03.png);}
.mcn_03 .mcn03_b > ul > li:nth-child(4) > a > span::before{background-image:url(../img/main/mcn03_ico_04.png);}
.mcn_03 .mcn03_b > ul > li:nth-child(1) > a:hover > span::before{background-image:url(../img/main/mcn03_ico_01_over.png); background-color:#8495b0;}
.mcn_03 .mcn03_b > ul > li:nth-child(2) > a:hover > span::before{background-image:url(../img/main/mcn03_ico_02_over.png); background-color:#8495b0;}
.mcn_03 .mcn03_b > ul > li:nth-child(3) > a:hover > span::before{background-image:url(../img/main/mcn03_ico_03_over.png); background-color:#8495b0;}
.mcn_03 .mcn03_b > ul > li:nth-child(4) > a:hover > span::before{background-image:url(../img/main/mcn03_ico_04_over.png); background-color:#8495b0;}
/* .mcn_03 .mcn03_b > ul > li:nth-child(1) > a > span > strong,
.mcn_03 .mcn03_b > ul > li:nth-child(4) > a > span > strong {color:#fff;}
.mcn_03 .mcn03_b > ul > li:nth-child(2) > a > span > strong,
.mcn_03 .mcn03_b > ul > li:nth-child(3) > a > span > strong {color:#003567;} */

@media (min-width:1640px) {
    .mcn_03 .mcn03_t h3 {font-size:22px; line-height:30px;}
    .mcn_03 .mcn03_b {margin-top:24px;}
    .mcn_03 .mcn03_b > ul {margin:-16px -8px 0;}
    .mcn_03 .mcn03_b > ul > li {padding:16px 8px 0; width:50%;}
    .mcn_03 .mcn03_b > ul > li > a {height:89px; padding:0 32px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mcn_03 .mcn03_t h3 {font-size:22px; line-height:30px;}
    .mcn_03 .mcn03_b {margin-top:24px;}
    .mcn_03 .mcn03_b > ul {margin:-16px -8px 0;}
    .mcn_03 .mcn03_b > ul > li {padding:16px 8px 0; width:50%;}
    .mcn_03 .mcn03_b > ul > li > a {height:89px; padding:0 15px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mcn_03 {margin-top:40px;}
    .mcn_03 .mcn03_t h3 {font-size:20px; line-height:28px;}
    .mcn_03 .mcn03_b {margin-top:20px;}
    .mcn_03 .mcn03_b > ul {margin:-12px -6px 0;}
    .mcn_03 .mcn03_b > ul > li {padding:12px 6px 0; width:25%;}
    .mcn_03 .mcn03_b > ul > li > a {padding:20px 15px; text-align:center;}

}
@media (max-width:810px) {
   .mcn_03 .mcn03_b > ul > li > a > span > strong {display:block; margin-top:10px; font-size:16px}
}

@media (max-width:767px) {
    .mcn_03 {margin-top:32px;}
    .mcn_03 .mcn03_t h3 {font-size:18px; line-height:26px;}
    .mcn_03 .mcn03_b {margin-top:16px;}
    .mcn_03 .mcn03_b > ul {margin:-8px -4px 0;}
    .mcn_03 .mcn03_b > ul > li {padding:8px 2px 0; width:25%;}
    .mcn_03 .mcn03_b > ul > li > a {padding:16px 10px; text-align:center; }
   .mcn_03 .mcn03_b > ul > li > a > span::before {margin-right:0;}
}

@media (max-width:610px) {
    .mcn_03 .mcn03_b > ul > li > a {padding:16px 5px }
   .mcn_03 .mcn03_b > ul > li > a > span > strong {font-size:15px; }
}
/*@media (max-width:440px) {
	.mcn_03 .mcn03_b > ul > li {float:none;width:100%;padding:8px 0 0;}
}*/

@media (max-width:440px) {
.mcn_03 .mcn03_b > ul > li > a > span > strong br{display:block;}
.mcn_03 .mcn03_b > ul > li > a > span > strong{line-height:18px; margin-top:5px}
}