.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:23%;height:330px;}
    .ml_04 .ml04_c {width:42%;height:330px;margin-right:12px}
    .ml_04 .ml04_r {width:33%;height:330px;border:1px #ddd solid;background:#f7f7f7 ;}
	.ml_04 .ml04_r iframe {width:451px;}

    .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:23%;}
    .ml_04 .ml04_c {width:44%;}
    .ml_04 .ml04_r {width:33%;border:1px #ddd solid;height:330px;background:#f7f7f7;}

    .ml_05 {padding:16px 0; border-top:1px solid #ddd;}
    .ml_05 > div > div > div {width:100%;}
    .ml04_r iframe {width:380px;padding-left:0;margin-left:0;height:329px}
}
@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:40%;}
    .ml_04 .ml04_c {width:60%;}
    .ml_04 .ml04_r {width:100%;margin-top:20px;}
 	.ml04_r iframe {width:100%;padding-left:0;margin-left:0;height:310px;border:1px #ddd solid;background:#f7f7f7 ;}

    .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%;height:100%;}

    .ml_05 {padding:16px 0; border-top:1px solid #ddd;}
    .ml_05 > div > div > div {width:100%;}

	.ml04_r {width:100%;margin-top:20px}
    .ml04_r iframe {width:100%;padding-left:0;margin-left:0;height:330px;border:1px #ddd solid;background:#f7f7f7 ;}
}
@media (max-width:600px) {
	.ml04_r iframe {width:100%;padding-left:0;margin-left:0;height:340px;border:1px #ddd solid;background:#f7f7f7 ;}
}
@media (max-width:500px) {
	.ml04_r iframe {width:100%;padding-left:0;margin-left:0;height:250px;border:1px #ddd solid;background:#f7f7f7 ;}
}
@media (max-width:424px) {
		.ml04_r iframe {width:100%;padding-left:0;margin-left:0;height:200px;border:1px #ddd solid;background:#f7f7f7 ;}
}
@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;font-size:0}
.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:2px;border:1px transparent solid}
.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: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/sprite-img.png) no-repeat;background-position:-3px -390px; margin-right:-16px;}
.mc_05 .mc05_top [class^="btn_"] {display:inline-block; width:36px; height:36px; background:url(../img/main/sprite-img.png) no-repeat;margin:-4px 0 -4px 6px; text-indent:-9999px;}
.mc_05 .mc05_top .btn_youtube {background-position:-325px -400px;}
.mc_05 .mc05_top .btn_instagram {background-position:-206px -400px;}
.mc_05 .mc05_top .btn_naver {background-position:-86px -400px;}
.mc_05 .mc05_top .btn_facebook {background-position:-146px -400px;}
.mc_05 .mc05_top .btn_twitter {background-position:-265px -400px;}
/*.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; background-position:0px -450px;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; background-position:0px -456px;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;}
	.mc_05 .mc05_top .btn_youtube {background-position:-276px -460px;}
	.mc_05 .mc05_top .btn_instagram {background-position:-181px -460px;}
	.mc_05 .mc05_top .btn_naver {background-position:-86px -460px;}
	.mc_05 .mc05_top .btn_facebook {background-position:-134px -460px;}
	.mc_05 .mc05_top .btn_twitter {background-position:-229px -460px;}
}

/* 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;}
}

/* 청장인사말 s */
.mc_07 {
	width:100%;
	padding:0 !important;
}
.mc_07 .pro-titarea {
	background-color:#f7f7f7;
	padding:30px 25px 20px 25px !important;
	height:180px !important;
	border-left:1px #ddd solid;
	border-top:1px #ddd solid;
	border-right:1px #ddd solid;
}
.mc_07 .pro-titarea span {font-size:20px; line-height:28px; font-weight:700; color:#36435e;}
.mc_07 .pro-titarea p {font-size:16px; line-height:1.4; color:#fff; color:#666; margin-top:15px;letter-spacing: -1.5px;word-break:keep-all}
.mc_07 .mc07_btn {width:100%;}
.mc_07 .mc07_btn > ul {display:flex; width:100%; background:#607494;}
.mc_07 .mc07_btn > ul > li {flex:1 0 33.3%;border-top:1px #536686 solid;border-bottom:1px #536686 solid;border-right:1px #536686 solid;height:150px;transition:0.3s}
/*.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:30px 0px 0 0; text-align:center;height:130px}
/* .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:#405576;}*/
.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);} */
.mc_07 .mc07_btn > ul > li a i {display:block;margin: 0 auto 15px auto;width:46px;height:46px;background: url(../img/main/sprite-img.png) no-repeat;}
.mc_07 .mc07_btn > ul > li .open-icon1 {background-position:-165px -30px}
.mc_07 .mc07_btn > ul > li .open-icon2 {background-position:-214px -30px}
.mc_07 .mc07_btn > ul > li .open-icon3 {background-position:-263px -30px}
.mc_07 .mc07_btn > ul > li:nth-child(1) {border-left:1px #536686 solid;}
.mc_07 .mc07_btn > ul > li:nth-child(3) {border-right:0px #536686 solid;}
.mc_07 .mc07_btn > ul > li:hover:nth-child(1) {background:#405576}
.mc_07 .mc07_btn > ul > li:hover:nth-child(2) {background:#405576}
.mc_07 .mc07_btn > ul > li:hover:nth-child(3) {background:#405576}

@media (min-width:1640px) {
    .mc_07 {}
}
@media (min-width:1200px) and (max-width:1639px) {
   .mc_07 .pro-titarea p {font-size:14px; line-height:1.3; color:#fff; color:#666; margin-top:15px;letter-spacing: 0;}
}
@media (min-width:768px) and (max-width:1199px) {
.mc_07 {}
.mc_07 .mc07_btn > ul > li {flex:1 0 33.3%;border-top:1px #536686 solid;border-bottom:1px #536686 solid;border-right:1px #536686 solid;height:142px;transition:0.3s}
}
@media (max-width:767px) {
 .mc_07 {margin-bottom:30px}
}
@media (max-width:360px) {

	/*.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;}*/

}
/* 청장인사말 e */



/* main banner s */

.mc_08 {vertical-align:top;}
.mc_08 > ul {margin:0 !important;padding:0;display:flex;font-size:0}
.mc_08 > ul > li {width:24.6%;margin-right:0.4%  !important;border:1px solid #ddd;height:150px;text-align:center;}
.mc_08 > ul > li:nth-child(4) {margin-right:0  !important;}
/*.mc_08 > ul > li a {transition:0.3s;font-size:18px;color:#555;}
.mc_08 a > span {width:100%;}
.mc_08 a > span::before {display:block; content:''; width:48px; height:48px; border-radius:50%; vertical-align:middle; background:url() no-repeat #f2f4f8 center center;}
*/
.mc_08 > ul > li span {margin:30px auto 15px auto;display:block;width:48px; height:48px; border-radius:50%; vertical-align:middle; background:url() no-repeat #f2f4f8 center center;font-size:0;
}
.mc_08 > ul > li a {width:100%;display:block;font-size:16px; color:#555;padding:0 25px;}
.mc_08 a em {font-weight:500; color:#555;margin:0;font-size:18px; line-height:26px;}
.mc_08 > ul > li a > span {background-image:url(../img/main/sprite-img.png);width:48px; height:48px;}
.mc_08 > ul > li {transition:0.3s}
.mc_08 > ul > li:nth-child(1) a > span {background-position:12px -148px;}
.mc_08 > ul > li:nth-child(2) a > span {background-position:-35px -146px;}
.mc_08 > ul > li:nth-child(3) a > span {background-position:-87px -146px;}
.mc_08 > ul > li:nth-child(4) a > span {background-position:-140px -146px;}
.mc_08 > ul > li:nth-child(1):hover a > span {background-position:12px -195px;background-color:#4677c3;}
.mc_08 > ul > li:nth-child(2):hover a > span {background-position:-35px -195px;background-color: #4da5a7;}
.mc_08 > ul > li:nth-child(3):hover a > span {background-position:-87px -195px;background-color: #64a258;}
.mc_08 > ul > li:nth-child(4):hover a > span {background-position:-140px -195px;background-color: #6b7e9d;}
.mc_08 > ul > li:nth-child(1):hover {background-color:#f0f4fa; border:1px #4677c3 solid}
.mc_08 > ul > li:nth-child(2):hover {background-color:#edf7f7; border:1px #4da5a7 solid}
.mc_08 > ul > li:nth-child(3):hover {background-color:#eef7ec; border:1px #64a258 solid}
.mc_08 > ul > li:nth-child(4):hover {background-color:#ebeff4; border:1px #6b7e9d solid}
.mc_08 > ul > li:nth-child(1):hover em {color:#4677c3;}
.mc_08 > ul > li:nth-child(2):hover em {color:#4da5a7;}
.mc_08 > ul > li:nth-child(3):hover em {color:#64a258;}
.mc_08 > ul > li:nth-child(4):hover em {color:#6b7e9d;}


@media (min-width:1640px) {

}
@media (min-width:1200px) and (max-width:1639px) {

}
@media (min-width:950px) and (max-width:1199px) {
	.mc_08 a em {font-weight:500; color:#555;margin:0;font-size:16px; line-height:26px;}
}
@media (min-width:766px) and (max-width:949px) {
	.mc_08 a em {font-weight:500; color:#555;margin:0;font-size:14px;letter-spacing:-1.5px; line-height:26px;}
}
@media (max-width:767px) {
	.mc_08 > ul > li {margin-bottom:0.45%  !important;}
}

@media (max-width:620px) {
	.mc_08 > ul {margin:0 !important;padding:0;display:flex;flex-wrap:wrap;font-size:0}
	.mc_08 > ul > li {width:49.5%;margin-right:0.4%  !important;border:1px solid #ddd;height:130px;text-align:center;margin-bottom:0.5%  !important;}
	.mc_08 > ul > li:nth-child(2), .mc_08 > ul > li:nth-child(4){margin-right:0  !important;}
	.mc_08 > ul > li span {margin:30px auto 7px auto;display:block;width:48px; height:48px; border-radius:50%; vertical-align:middle; background:url() no-repeat #f2f4f8 center center;font-size:0;
}
}
@media (max-width:400px) {

}
/* main banner e */

/* 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 빼고  옮길것 */

/* 지역통계 s */
.mc_11 {margin-top:30px;display:flex;}
.mc_11 p {width:33.2%;background-color:#627c93;padding:25px 0 0 20px;border:1px #40576c solid;position:relative}
.mc_11 p a:hover{cursor:pointer; background:url(../img/main/mc11_arr_01.png) no-repeat right center}
.mc_11 p a{color:#fff; font-size:22px; font-weight:500; padding-right:45px; background:url(../img/main/mc11_arr_01.png) no-repeat right 5px center; transition:all .3s}
.mc_11 p span {display:block;position:absolute;bottom:20px;right:20px;width:120px;height:58px;background: url('../img/main/sprite-img.png') no-repeat;background-position:-310px -169px;}
.mc_11 ul {display:flex;flex-wrap:wrap;width:66.4%;background-color:#4c667d;border-top:1px #40576d solid;}
.mc_11 ul li {flex:1 0 50%;padding-left:20px;height:74.5px;border-right:1px #40576d solid;border-bottom:1px #40576d solid;position:relative;}
.mc_11 li a{display:block;font-size:16px; color:#fff;height:73px;line-height:73px;cursor: pointer;}
.mc_11 ul li span {display:inline-block;position:absolute;top:25px;right:10px;background: url('../img/main/sprite-img.png') no-repeat;background-position:0 -360px;width:22px;height:22px;}
.mc_11 ul li:hover span {background-position:0 -308px;}
.mc_11 ul li:hover {background-color:#334a5f;}
.mc_11 ul li:hover a {color:#fff}
.mc_11 li a:hover{cursor:pointer;}




@media (min-width:1200px) and (max-width:1639px) {
	.mc_11 p {width:33.2%;height:150px;padding:20px 0 0 15px;border:1px #40576c solid;}
	.mc_11 ul li {flex:1 0 50%;padding-left:10px;height:74.5px;margin:0;}
	.mc_11 ul li:hover {display:block;background-color:#334a5f;}
	.mc_11 li a{height:74px;margin-top:-1px}
}

@media (min-width:1100px) and (max-width:1199px) {
	.mc_11 p {width:33.2%;height:142px;padding:25px 0 0 20px;border:1px #40576c solid;}
	.mc_11 ul li {flex:1 0 50%;margin:0;padding:0px 0 0 15px;height:70.5px;line-height:1.4;border-right:1px #40576d solid;border-bottom:1px #40576d solid; }
	.mc_11 ul li:hover {background-color:#334a5f;}
	.mc_11 li a{height:68px;}
}
@media(min-width:868px) and (max-width:1099px)  {
	.mc_11 p a{color:#fff; font-size:20px; font-weight:500; padding-right:45px; background:url(../img/main/mc11_arr_01.png) no-repeat right 5px center; transition:all .3s}
	.mc_11 p {width:33.2%;height:142px;padding:20px 0 0 15px;border:1px #40576c solid;}
	.mc_11 ul li {display:block;padding:0px 0 0 10px;height:70.5px;line-height:1.4;border-right:1px #40576d solid;border-bottom:1px #40576d solid;}
}
@media(min-width:768px) and (max-width:869px)  {
	.mc_11 p a{color:#fff; font-size:20px; font-weight:500; padding-right:45px; background:url(../img/main/mc11_arr_01.png) no-repeat right 5px center; transition:all .3s}
	.mc_11 p {width:33.2%;background-position: -295px -270px;height:142px;padding:20px 0 0 15px;border:1px #40576c solid;}
	.mc_11 p span {bottom:12px;right:12px;width:97px;height:49px;background: url('../img/main/sprite-img.png') no-repeat;background-position:-330px -341px;}
	.mc_11 ul li {flex:1 0 50%;padding:0px 0 0 20px;height:70.5px;line-height:1.4;border-right:1px #40576d solid;	border-bottom:1px #40576d solid;}
	.mc_11 ul li a {width:70px;word-break:keep-all;padding-top:12px;vertical-align:top;line-height:1.4;}
}
@media (max-width:767px) {
	.mc_11 p {width:33.2%;height:142px;padding:25px 0 0 20px;border:1px #40576c solid;}
	.mc_11 ul li {flex:1 0 50%;padding-left:15px;height:70.5px;line-height:68px;border-right:1px #40576d solid;border-bottom:1px #40576d solid; }
}
@media (max-width:640px) {
	.mc_11 p {background-position: -270px -270px;}
	.mc_11 ul li {padding-left:20px;line-height:68px; }
}
@media (max-width:540px) {
	.mc_11 {margin-top:30px;display:block;}
	.mc_11 p {width:100%;background-position: -10px -320px;height:90px;padding:40px 0 0 20px;border:1px #40576c solid;}
	.mc_11 p span {bottom:15px;right:15px;width:97px;height:49px;background: url('../img/main/sprite-img.png') no-repeat;background-position:-330px -341px;}
	.mc_11 p a{color:#fff; font-size:22px; font-weight:500; padding-right:45px; background:url(../img/main/mc11_arr_01.png) no-repeat right 5px center; transition:all .3s}
	.mc_11 ul {display:flex;flex-wrap:wrap;width:100%;background-color:#4c667d;border-top:0px #40576d solid}
	.mc_11 ul li {flex:1 0 49.6%;padding-left:20px;height:60px;border-right:1px #40576d solid;border-bottom:1px #40576d solid; }
	.mc_11 ul li span {top:20px;}
	.mc_11 li a{display:block; font-size:16px; color:#fff;width:100%;height:60px;line-height:60px;}

}
@media (max-width:480px) {
	.mc_11 p {width:100%;background-position: -50px -320px;height:90px;padding:40px 0 0 20px;border:1px #40576c solid;}
}
@media (max-width:460px) {
	.mc_11 p {width:100%;background-position: -50px -320px;height:90px;padding:40px 0 0 20px;border:1px #40576c solid;}
}
@media (max-width:430px) {
	.mc_11 p {width:100%;background-position: -70px -320px;height:90px;padding:40px 0 0 20px;border:1px #40576c solid;}
}
@media (max-width:400px) {
	.mc_11 {margin-top:30px;display:block;}
	.mc_11 p {width:100%;background-position: -120px -320px;height:90px;padding:40px 0 0 20px;border:1px #40576c solid;}
	.mc_11 ul li {flex:1 0 100%;padding-left:20px;height:55px;line-height:53px;border-right:1px #40576d solid;	border-bottom:1px #40576d solid; }
	.mc_11 ul li span {top:16px;}
	.mc_11 li a{display:block; font-size:16px; padding:0px 0; color:#fff;height:55px;line-height:53px;width:100%;}
}
@media (max-width:360px) {
	.mc_11 p {background-position: -150px -320px;}
	.mc_11 ul li {padding-left:10px; }
}

/* 지역통계 e */

/* 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;
padding:3px 0 3px 0px;}
.mc_10 .mc10_top .mc10_signature span {float:left;;background:url(../img/main/sprite-img.png) no-repeat;margin-right:8px;background-position:-382px -468px;width:39px;height:29px;}
.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:40px; height:40px; border-radius:50%; right:-20px; top:50%; transform:translateY(-50%); background:url(../img/main/mcn01_ico_plus_20.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:180px; 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:180px;}
    .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:160px; 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:160px;}
    .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{width:32px; height:32px; right:10px; background:url(../img/main/mcn01_ico_plus.png) no-repeat #6b7e9d center center;}
	.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%;transition:0.2s}
.mcn_02 .mcn02_06 > div > div > div > a:hover {width:100%;background-color:#f3f7fa}
.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;background: url(../img/main/sprite-img.png) no-repeat;}
.mcn_02 .mcn02_06 > div > div > .mcn0206_01 > a > span::before {background-position:0 -30px;}
.mcn_02 .mcn02_06 > div > div > .mcn0206_02 > a > span::before {background-position:-42px -30px;}
.mcn_02 .mcn02_06 > div > div > .mcn0206_03 > a > span::before {background-position:-80px -30px;}
.mcn_02 .mcn02_06 > div > div > .mcn0206_04 > a > span::before {background-position:-121px -30px;}
.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;font-size:0}
.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(17, 123, 136, 0.35); background:#fff;transition:0.2s}
.mcn_02 > ul > .mcn02_01 > a:hover {border-color:rgb(17, 123, 136, 1); }
.mcn_02 > ul > .mcn02_02 > a {border-color:rgb(29, 69, 145, 0.35); background:#fff;transition:0.2s}
.mcn_02 > ul > .mcn02_02 > a:hover {border-color:rgb(29, 69, 145, 1);}
.mcn_02 > ul > .mcn02_03 > a {border-color:rgb(43, 126, 167, 0.35); background:#fff;transition:0.2s }
.mcn_02 > ul > .mcn02_03 > a:hover {border-color:rgb(43, 126, 167, 1); }
.mcn_02 > ul > .mcn02_04 > a {border-color:rgb(3, 168, 223, 0.35); background:#fff;transition:0.2s}
.mcn_02 > ul > .mcn02_04 > a:hover {border-color:rgb(3, 168, 223, 1);}
.mcn_02 > ul > .mcn02_05 > a {border-color:rgba(29, 25, 26, 0.25); background:#fff;transition:0.2s}
.mcn_02 > ul > .mcn02_05 > a:hover {border-color:rgba(29, 25, 26, 0.5);}
.mcn_02 > ul > .mcn02_06 > div {border-color:rgb(0, 53, 103, 0.7)}
.mcn_02 > ul > .mcn02_01 > a > span {color:#145e67;}
.mcn_02 > ul > .mcn02_02 > a > span {color:#0e3278;}
.mcn_02 > ul > .mcn02_03 > a > span {color:#2b7ea7;}
.mcn_02 > ul > .mcn02_04 > a > span {color:#0b769a;}
.mcn_02 > ul > .mcn02_05 > a > span {color:#141011;}
/*.mcn0206_01 > a > span::before {background:url(../img/main/mcn02_ico_061.png) no-repeat center center / 100%;}
.mcn0206_02 > a > span::before {background:url(../img/main/mcn02_ico_071.png) no-repeat center center / 100%;}
.mcn0206_03 > a > span::before {background:url(../img/main/mcn02_ico_081.png) no-repeat center center / 100%;}
.mcn0206_04 > a > span::before {background:url(../img/main/mcn02_ico_091.png) no-repeat center center / 100%;}*/
.mcn_02 > ul > li > a {position:relative;}
.mcn_02 > ul > li > a p span{ background:#fff url(../img/main/sprite-img.png) no-repeat;position:absolute;bottom:20px;right:20px}
.mcn_02 > ul > li > a p .main-ban1 {float:right;background-position:-11px 0;width:72px;height:22px; }
.mcn_02 > ul > li > a p .main-ban2 {float:right;background-position:-93px 0px;width:72px;height:25px;}
.mcn_02 > ul > li > a p .main-ban3 {float:right;background-position:-183px 0;width:65px;height:25px }
.mcn_02 > ul > li > a p .main-ban4 {float:right;background-position:-270px 0;width:61px;height:28px }
.mcn_02 > ul > li > a p .main-ban5 {float:right;background-position:-350px 0;width:64px;height:28px }


@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;}
    .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_01 > a {background:#fff url(../img/main/mcn02_ico_011.png) no-repeat 96% 15%;}
	.mcn_02 > ul > .mcn02_02 > a {background:#fff url(../img/main/mcn02_ico_021.png) no-repeat 96% 15%;transition:0.2s}
	.mcn_02 > ul > .mcn02_03 > a {background:#fff url(../img/main/mcn02_ico_031.png) no-repeat 96% 15%;transition:0.2s }
	.mcn_02 > ul > .mcn02_04 > a {background:#fff url(../img/main/mcn02_ico_041.png) no-repeat 96% 15%;transition:0.2s}
	.mcn_02 > ul > .mcn02_05 > a {background:#fff url(../img/main/mcn02_ico_051.png) no-repeat  96% 15%;transition:0.2s}*/
    /*.mcn_02 > ul > .mcn02_04 > a {background-position:right -20px bottom;}*/
    .mcn_02 > ul > li > a p span{ background:#fff url(../img/main/sprite-img.png) no-repeat;position:absolute;top:18px;right:18px;}
}
@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:20px 0 0 0;margin:0;height:100%}
    .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 {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;padding-right:40px;/* 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:#fff url(../img/main/sprite-img.png) no-repeat; vertical-align:middle; margin-right:8px;}
.mcn_03 .mcn03_b > ul > li > a > span > strong {display:inline-block; vertical-align:middle; font-size:17px; 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-position:0 -62px;}
.mcn_03 .mcn03_b > ul > li:nth-child(2) > a > span::before{background-position:-41px -65px;}
.mcn_03 .mcn03_b > ul > li:nth-child(3) > a > span::before{background-position:-82px -65px;}
.mcn_03 .mcn03_b > ul > li:nth-child(4) > a > span::before{background-position:-125px -65px;}
.mcn_03 .mcn03_b > ul > li:nth-child(1) > a:hover > span::before{background-position:0 -94px;background-color:#8495b0;}
.mcn_03 .mcn03_b > ul > li:nth-child(2) > a:hover > span::before{background-position:-41px -94px;background-color:#8495b0;}
.mcn_03 .mcn03_b > ul > li:nth-child(3) > a:hover > span::before{background-position:-82px -97px; background-color:#8495b0;}
.mcn_03 .mcn03_b > ul > li:nth-child(4) > a:hover > span::before{background-position:-126px -94px; 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 20px;}
}
@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;}
    .mcn_03 .mcn03_b > ul > li > a > span > strong {font-size: 14px;}
}
@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:900px) {
   .mcn_03 .mcn03_b > ul > li > a > span > strong {font-size:15px}
}

@media (max-width:840px) {
   .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:480px) {
.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}
}

.tem-banner {position: relative; width:100%; height:122px; border:none !important; background: url(/ansk/img/main/tem-banner-1.png); background-size: contain; background-repeat: no-repeat; background-position: center center;}

@media (max-width: 1199px) {

	.tem-banner {background-size: cover;}

}

@media (max-width: 480px) {


	.tem-banner {height: 80px;}

}