@media (min-width:1640px) {
}
@media (min-width:1200px) and (max-width:1639px) {
}
@media (min-width:768px) and (max-width:1199px) {
}
@media (max-width:767px) {
}

/* main container */
.main_container {background:#f2f4f7;}

@media (min-width:1640px) {
    .main_container > div {max-width:1440px; margin:0 auto; padding:0 20px; }
    .main_container {padding:40px 0;}
}
@media (min-width:941px) and (max-width:1639px) {
    .main_container > div {max-width:1240px; margin:0 auto; padding:0 20px; }
    .main_container {padding:40px 0;}
}
@media (min-width:768px) and (max-width:940px) {
    .main_container > div {max-width:1240px; margin:0 auto; padding:0 20px; }
    .main_container {padding:32px 0;}
}
@media (max-width:767px) {
    .main_container > div {max-width:1240px; margin:0 auto; padding:0 20px; }
    .main_container {padding:24px 0;}
}
@media (max-width:600px) {
	.main_container > div {padding:0 15px; }
}

/* main layout */
[class^="ml_"]::after {display:block; content:''; clear:both;}
[class^="ml_"] > div {float:left;}

.ml_03 > div {float:none;}
.ml_03 > div::after {display:block; content:''; clear:both;}
.ml_03 > div > div {float:left;}

@media (min-width:1640px) {
    .ml_01 .ml01_l {width:25%;}
    .ml_01 .ml01_r {width:75%;}

    .ml_02 .ml02_l {width:50%;}
    .ml_02 .ml02_c {width:25%;}
    .ml_02 .ml02_r {width:25%;}

    .ml_03 > div {margin:-40px -20px 0;}
    .ml_03 > div > div {padding:40px 20px 0;}
    .ml_03 .ml03_l {width:50%;}
    .ml_03 .ml03_r {width:50%;}
}
@media (min-width:941px) and (max-width:1639px) {
    .ml_01 .ml01_l {width:25%;}
    .ml_01 .ml01_r {width:75%;}

    .ml_02 .ml02_l {width:50%;}
    .ml_02 .ml02_c {width:25%;}
    .ml_02 .ml02_r {width:25%;}

    .ml_03 > div {margin:0 -20px;}
    .ml_03 > div > div {padding:40px 20px 0;}
    .ml_03 .ml03_l {width:50%;}
    .ml_03 .ml03_r {width:50%;}
}
@media (min-width:768px) and (max-width:940px) {
    .ml_01 .ml01_l {width:100%;}
    .ml_01 .ml01_r {width:100%; padding-top:32px;}

    .ml_02 .ml02_l {width:100%; padding-top:32px;}
    .ml_02 .ml02_c {width:50%;}
    .ml_02 .ml02_r {width:50%;}

    .ml_03 > div {margin:0 -16px;}
    .ml_03 > div > div {padding:32px 16px 0;}
    .ml_03 .ml03_l {width:100%;}
    .ml_03 .ml03_r {width:100%;}
}
@media (max-width:767px) {
    .ml_01 .ml01_l {width:100%;}
    .ml_01 .ml01_r {width:100%; padding-top:24px;}

    .ml_02 .ml02_l {width:100%; padding-top:24px;}
    .ml_02 .ml02_c {width:50%;}
    .ml_02 .ml02_r {width:50%;}

    .ml_03 > div {margin:0 -12px;}
    .ml_03 > div > div {padding:24px 12px 0;}
    .ml_03 .ml03_l {width:100%;}
    .ml_03 .ml03_r {width:100%;}
}
@media (max-width:450px) {
	.ml_02 .ml02_c,
	.ml_02 .ml02_r {width:100%;}
}

/* mc 01 */
.mc_01 {position:relative; background:url(../img/main/mw_onlin_bg.png) no-repeat center center / cover; border:7px solid #375389;}
.mc_01 > div::before {display:inline-block; content:''; background:url(../img/main/mw_onlin_img.png) no-repeat center center / 100%;}
.mc_01 p,
.mc_01 p span,
.mc_01 p strong {display:block; color:#fff;}
.mc_01 p strong {font-weight:bold;}
.mc_01 .btn-online {display:inline-block; color:#fff; padding:8px 12px; border:1px solid #fff; border-radius:20px;}

@media (min-width:1640px) {
    .mc_01 {height:279px;}
    .mc_01 > div::before {width:80px; height:80px;}
    .mc_01 p {margin-top:16px;}
    .mc_01 p span {font-size:24px; line-height:32px;}
    .mc_01 p strong {font-size:28px; line-height:36px;}
    .mc_01 .btn-online{width:200px; font-size:14px; line-height:22px; margin-top:24px;}
}
@media (min-width:941px) and (max-width:1639px) {
    .mc_01 {height:279px;}
    .mc_01 > div::before {width:80px; height:80px;}
    .mc_01 p {margin-top:16px;}
    .mc_01 p span {font-size:24px; line-height:32px;}
    .mc_01 p strong {font-size:28px; line-height:36px;}
    .mc_01 .btn-online {width:120px; font-size:14px; line-height:22px; margin-top:24px;}
}
@media (min-width:768px) and (max-width:940px) {
    .mc_01 {text-align:left; padding:24px 150px;}
    .mc_01 > div::before {width:64px; height:64px; position:absolute; left:28px; top:50%; transform:translateY(-50%);}
    .mc_01 p span {display:inline-block; font-size:20px; line-height:28px; padding-right:5px}
    .mc_01 p strong {display:inline-block; font-size:24px; line-height:32px; }
    .mc_01 .btn-online {width:120px; font-size:12px; line-height:20px; text-align:center; position:absolute; right:28px; top:50%; transform:translateY(-50%);}
}
@media (max-width:767px) {
    .mc_01 {text-align:left; padding:20px 150px;}
    .mc_01 > div::before {width:48px; height:48px; position:absolute; left:24px; top:50%; transform:translateY(-50%);}
    .mc_01 p span {display:inline-block;  font-size:16px; line-height:24px; padding-right:5px}
    .mc_01 p strong {display:inline-block; font-size:20px; line-height:28px;}
    .mc_01 .btn-online {width:120px; font-size:12px; line-height:20px; text-align:center; position:absolute; right:15px; top:50%; transform:translateY(-50%);}
}
@media (max-width:600px) {
    .mc_01 {padding:20px 150px 20px 20px;}
    .mc_01.d_va_m {text-align:left;}
	.mc_01 > div::before {content:none;}
}
@media (max-width:400px) {
	.mc_01{padding:15px;}
    /*.mc_01.d_va_m {text-align:center;}*/
	.mc_01 a{position:static;margin-top:10px;transform:translateY(0);}
}

/* mc 02 */
.mc_02 {font-size:0; line-height:0; text-align:center; background:#fff;}
.mc_02 .mc02_t > span {display:block; font-size:12px; line-height:20px; color:#777;}
.mc_02 .mc02_t > p {display:block;}
.mc_02 .mc02_t > p  br{display:none;}
.mc_02 .mc02_t > p > strong {font-weight:bold;}
.mc_02 .mc02_b > ul > li {display:inline-block; width:24%;}
.mc_02 .mc02_b > ul > li > a {display:block;}
.mc_02 .mc02_b > ul > li > a::before {display:inline-block; content:''; border-radius:50%; background:url() no-repeat center center / 100%;}
.mc_02 .mc02_b > ul > li > a > span {display:block; margin-top:8px;}
.mc_02 .mc02_b > ul > li > a > span > strong {color:#222; font-weight:500;}

.mc_02 .mc02_b > ul > li:nth-child(1) > a::before {background-image:url(../img/main/mw_list_icon01.png);}
.mc_02 .mc02_b > ul > li:nth-child(2) > a::before {background-image:url(../img/main/mw_list_icon02.png);}
.mc_02 .mc02_b > ul > li:nth-child(3) > a::before {background-image:url(../img/main/mw_list_icon03.png);}
.mc_02 .mc02_b > ul > li:nth-child(4) > a::before {background-image:url(../img/main/mw_list_icon04.png);}
.mc_02 .mc02_b > ul > li:nth-child(5) > a::before {background-image:url(../img/main/mw_list_icon05.png);}

@media (min-width:1640px) {
    .mc_02 {padding:28px 32px;}
    .mc_02 .mc02_t > p {font-size:22px; line-height:30px;}
    .mc_02 .mc02_b {margin-top:24px;}
    .mc_02 .mc02_b > ul > li > a::before {width:96px; height:96px;}
    .mc_02 .mc02_b > ul > li > a > span {height:44px;}
    .mc_02 .mc02_b > ul > li > a > span > strong {font-size:14px; line-height:22px;}
}
@media (min-width:941px) and (max-width:1639px) {
    .mc_02 {padding:28px 32px;}
    .mc_02 .mc02_t > p {font-size:22px; line-height:30px;}
    .mc_02 .mc02_b {margin-top:24px;}
    .mc_02 .mc02_b > ul > li > a::before {width:96px; height:96px;}
    .mc_02 .mc02_b > ul > li > a > span {height:44px;}
    .mc_02 .mc02_b > ul > li > a > span > strong {font-size:14px; line-height:22px;}
}
@media (min-width:768px) and (max-width:940px) {
    .mc_02 {padding:24px 28px;}
    .mc_02 .mc02_t > p {font-size:20px; line-height:28px;}
    .mc_02 .mc02_b {margin-top:20px;}
    .mc_02 .mc02_b > ul > li > a::before {width:80px; height:80px;}
    .mc_02 .mc02_b > ul > li > a > span {height:42px;}
    .mc_02 .mc02_b > ul > li > a > span > strong {font-size:13px; line-height:21px;}
}
@media (max-width:767px) {
    .mc_02 {padding:20px 24px;}
    .mc_02 .mc02_t > p {font-size:18px; line-height:26px;}
    .mc_02 .mc02_b {margin-top:16px;}
    .mc_02 .mc02_b > ul > li {min-width:80px;}
    .mc_02 .mc02_b > ul > li > a::before {width:64px; height:64px;}
    .mc_02 .mc02_b > ul > li > a > span {height:40px;}
    .mc_02 .mc02_b > ul > li > a > span > strong {font-size:12px; line-height:20px;}
}
@media (max-width:450px) {
	.mc_02 .mc02_b > ul > li{width:50%;}
}

/* mc 03 */
.mc_03 {background:url(../img/main/report_img.png) no-repeat #fff1de right 16px center / auto 140px;}
.mc_03 h3 {display:block;}
.mc_03 h3 strong {font-weight:bold;}
.mc_03 span {display:block; font-size:14px; line-height:22px; margin-top:4px;}
.mc_03 a {display:inline-block; color:#222; padding:8px 12px; border:1px solid #222; border-radius:20px; text-align:center; margin-top:20px;}

@media (min-width:1640px) {
    .mc_03 {padding:28px 32px;}
    .mc_03 h3 {font-size:20px; line-height:28px;}
    .mc_03 a {width:180px; font-size:14px; line-height:22px;}
}
@media (min-width:941px) and (max-width:1639px) {
    .mc_03 {padding:24px;}
    .mc_03 h3 {font-size:20px; line-height:28px;}
    .mc_03 a {width:180px; font-size:14px; line-height:22px;}
}
@media (min-width:768px) and (max-width:940px) {
    .mc_03 {padding:24px;}
    .mc_03 h3 {font-size:19px; line-height:27px;}
    .mc_03 a {width:100px; font-size:12px; line-height:20px;}
}
@media (max-width:767px) {
    .mc_03 {padding:20px 24px; padding-right:120px; background-size:auto 100px;}
    .mc_03 h3 {font-size:18px; line-height:26px;}
    .mc_03 a {width:100px; font-size:12px; line-height:20px;}
}
@media (max-width:450px) {
	.mc_03 {padding:20px 24px; background-image:none;}
}

/* mc 04 */
.mc_04 {background:#ffe9bc;}
.mc_04 h3 {display:block;}
.mc_04 h3 strong {font-weight:500;}
.mc_04 p {display:block; font-size:14px; line-height:22px; margin-top:4px;}
.mc_04 ul {margin-top:16px;}
.mc_04 ul > li {position:relative; padding-left:10px;}
.mc_04 ul > li::before {display:block; content:''; width:4px; height:4px; background:#ee7467; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.mc_04 ul > li > a {display:inline-block; color:#222;}

@media (min-width:1640px) {
    .mc_04 {padding:28px 32px;}
    .mc_04 h3 {font-size:20px; line-height:28px;}
    .mc_04 ul > li > a {font-size:14px; line-height:22px;}
}
@media (min-width:941px) and (max-width:1639px) {
    .mc_04 {padding:24px;}
    .mc_04 h3 {font-size:20px; line-height:28px;}
    .mc_04 ul > li > a {font-size:14px; line-height:22px;}
}
@media (min-width:768px) and (max-width:940px) {
    .mc_04 {padding:24px;}
    .mc_04 h3 {font-size:19px; line-height:27px;}
    .mc_04 ul > li > a {font-size:13px; line-height:21px;}
}
@media (max-width:767px) {
    .mc_04 {padding:20px 24px;}
    .mc_04 h3 {font-size:18px; line-height:26px;}
    .mc_04 ul > li > a {font-size:12px; line-height:20px;}
}

/* mc 05 */
.mc_05 {background:#ffe0da;}
.mc_05 h3 {display:block;}
.mc_05 h3 strong {font-weight:500;}
.mc_05 p {display:block; font-size:14px; line-height:22px; margin-top:4px;}
.mc_05 ul {margin-top:16px;}
.mc_05 ul > li {position:relative; padding-left:10px;}
.mc_05 ul > li::before {display:block; content:''; width:4px; height:4px; background:#ee7467; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.mc_05 ul > li > a {display:inline-block; color:#222;}

@media (min-width:1640px) {
    .mc_05 {padding:28px 32px;}
    .mc_05 h3 {font-size:20px; line-height:28px;}
    .mc_05 ul > li > a {font-size:14px; line-height:22px;}
}
@media (min-width:941px) and (max-width:1639px) {
    .mc_05 {padding:24px;}
    .mc_05 h3 {font-size:20px; line-height:28px;}
    .mc_05 ul > li > a {font-size:14px; line-height:22px;}
}
@media (min-width:768px) and (max-width:940px) {
    .mc_05 {padding:24px;}
    .mc_05 h3 {font-size:19px; line-height:27px;}
    .mc_05 ul > li > a {font-size:13px; line-height:21px;}
}
@media (max-width:767px) {
    .mc_05 {padding:20px 24px;}
    .mc_05 h3 {font-size:18px; line-height:26px;}
    .mc_05 ul > li > a {font-size:12px; line-height:20px;}
}

/* mc 06 */
.mc_06 h3 {display:block;}
.mc_06 h3 strong {font-weight:500;}
.mc_06 .mc06_b {background:url(../img/main/suggest_list_img.png) no-repeat #dfedde right 24px center / auto 64px; margin-top:8px;}
.mc_06 p {display:block; font-size:14px; line-height:22px;}
.mc_06 ul {width:240px; margin-top:16px;}
.mc_06 ul::after {display:block; content:''; clear:both;}
.mc_06 ul > li {float:left; width:50%; position:relative; padding:2px 0; padding-left:14px;}
.mc_06 ul > li::before {display:block; content:''; width:9px; height:9px; border:3px solid #636363; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.mc_06 ul > li > a {display:inline-block; color:#222;}

@media (min-width:1640px) {
    .mc_06 h3 {font-size:20px; line-height:28px;}
    .mc_06 .mc06_b {padding:28px 32px;}
    .mc_06 ul > li > a {font-size:14px; line-height:22px;}
}
@media (min-width:941px) and (max-width:1639px) {
    .mc_06 h3 {font-size:20px; line-height:28px;}
    .mc_06 .mc06_b {padding:28px 32px;}
    .mc_06 ul > li > a {font-size:14px; line-height:22px;}
}
@media (min-width:768px) and (max-width:940px) {
    .mc_06 h3 {font-size:19px; line-height:27px;}
    .mc_06 .mc06_b {padding:24px 28px;}
    .mc_06 ul > li > a {font-size:13px; line-height:21px;}
}
@media (max-width:767px) {
    .mc_06 h3 {font-size:18px; line-height:26px;}
    .mc_06 .mc06_b {padding:20px 24px; padding-right:88px;}
    .mc_06 ul > li > a {font-size:12px; line-height:20px;}
}
@media (max-width:450px) {
	.mc_06 .mc06_b {padding:20px;background-image:none;}
}

/* mc 07 */
.mc_07 {font-size:0; line-height:0; text-align:center; padding:8px 0;}
.mc_07 ul > li {position:relative; display:inline-block; width:33.3333%;}
.mc_07 ul > li ~ li::Before {display:block; content:''; width:1px; height:100%; position:absolute; left:0; top:0; background:#ddd;}
.mc_07 ul > li > a {display:block;}
.mc_07 ul > li > a::before {display:inline-block; content:''; width:48px; height:48px; background:url() no-repeat center center / 40px;}
.mc_07 ul > li > a > span {display:block; margin-top:8px;}
.mc_07 ul > li > a > span > strong {color:#222; font-weight:500;}
.mc_07 ul > li > a > span > strong > br {display:none;}

.mc_07 ul > li:nth-child(1) > a::before {background-image:url(../img/main/communi_list_icon01.png);}
.mc_07 ul > li:nth-child(2) > a::before {background-image:url(../img/main/communi_list_icon03.png);}
.mc_07 ul > li:nth-child(3) > a::before {background-image:url(../img/main/communi_list_icon04.png);}

@media (min-width:1640px) {
    .mc_07 {margin-top:24px;}
    .mc_07 ul > li > a > span > strong {font-size:14px; line-height:22px;}
}
@media (min-width:941px) and (max-width:1639px) {
    .mc_07 {margin-top:24px;}
    .mc_07 ul > li > a > span > strong {font-size:14px; line-height:22px;}
}
@media (min-width:768px) and (max-width:940px) {
    .mc_07 {margin-top:24px;}
    .mc_07 ul > li > a > span > strong {font-size:13px; line-height:21px;}
}
@media (max-width:767px) {
    .mc_07 {margin-top:24px;}
    .mc_07 ul > li {min-width:64px;}
    .mc_07 ul > li > a > span {height:40px;}
    .mc_07 ul > li > a > span > strong {font-size:12px; line-height:20px;}
}
@media (max-width:400px) {
	.mc_07 ul > li > a > span > strong > br {display:block;}
}

/* mc 08 */
.mc_08 {position:relative;}
.mc_08 h3 {display:block;}
.mc_08 h3 strong {font-weight:500;}
.mc_08 .btn_more {position:absolute; right:0; top:0; font-size:12px; line-height:20px; color:#666;}
/* .mc_08 .btn_more::after {display:block; content:''; width:12px; height:12px; background:url() no-repeat red center center; position:absolute; right:0; top:50%; transform:translateY(-50%);} */
.mc_08 .mc08_b {margin-top:8px;}
.mc_08 .mc08_b > ul::after {display:block; content:''; clear:both;}
.mc_08 .mc08_b > ul > li {float:left; width:50%;}
.mc_08 .mc08_b > ul > li > div {background:#fff;}
.mc_08 .mc08_b .mc08_thumb {display:block; position:relative; background:url() no-repeat #aaa center center / cover;}
.mc_08 .mc08_b .mc08_thumb::before {display:block; content:''; width:100%; height:100%; background:url(../img/main/bg_grad02.png) repeat-x left top / auto 100%;}
.mc_08 .mc08_b .mc08_thumb i {display:block; position:absolute; left:0; top:0; font-size:12px; line-height:30px; color:#fff; padding-left:30px; padding-right:8px; background:url(../img/main/s1.png) no-repeat #ddd left center;}
/* .mc_08 .mc08_b .mc08_thumb i::before {display:block; content:''; width:20px; height:20px; background:url() no-repeat red center center; position:absolute; left:8px; top:50%; transform:translateY(-50%);} */
.mc_08 .mc08_b .mc08_thumb span {display:block; position:absolute; left:0; bottom:0; margin:8px; font-size:12px; line-height:20px; color:#fff; padding-left:30px;}
.mc_08 .mc08_b .mc08_thumb span::before {display:block; content:''; width:24px; height:24px; border-radius:50%; background:url(../img/main/cmt_tit04.png) no-repeat center center / 100%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.mc_08 .mc08_b .mc08_info {padding:12px 16px;}
.mc_08 .mc08_b .mc08_info > a {display:block; font-size:14px; line-height:22px; height:44px; color:#222; overflow:hidden;}
.mc_08 .mc08_b .mc08_info > a > i {color:#ff6758;}

@media (min-width:1640px) {
    .mc_08 h3 {font-size:20px; line-height:28px;}
    .mc_08 .btn_more {margin-top:4px;}
    .mc_08 .mc08_b > ul {margin:-16px -8px 0;}
    .mc_08 .mc08_b > ul > li {padding:16px 8px 0;}
    .mc_08 .mc08_b .mc08_thumb {height:220px;}
}
@media (min-width:941px) and (max-width:1639px) {
    .mc_08 h3 {font-size:20px; line-height:28px;}
    .mc_08 .btn_more {margin-top:4px;}
    .mc_08 .mc08_b > ul {margin:-16px -8px 0;}
    .mc_08 .mc08_b > ul > li {padding:16px 8px 0;}
    .mc_08 .mc08_b .mc08_thumb {height:220px;}
}
@media (min-width:768px) and (max-width:940px) {
    .mc_08 h3 {font-size:19px; line-height:27px;}
    .mc_08 .btn_more {margin-top:3px;}
    .mc_08 .mc08_b > ul {margin:-12px -6px 0;}
    .mc_08 .mc08_b > ul > li {padding:12px 6px 0;}
    .mc_08 .mc08_b .mc08_thumb {height:240px;}
}
@media (max-width:767px) {
    .mc_08 h3 {font-size:18px; line-height:26px;}
    .mc_08 .btn_more {margin-top:3px;}
    .mc_08 .mc08_b > ul {margin:-8px -4px 0;}
    .mc_08 .mc08_b > ul > li {padding:8px 4px 0;}
    .mc_08 .mc08_b .mc08_thumb {height:200px;}
}

/* 고객요청사항 221213 */
.linkWindow:after{content:none !important;}

/*국민생각함 */
.epeople_think{display:block; width:100%;  background:#fff; margin-top:8px; text-align:center; padding:10px}
.epeople_think img{max-width:100%}


@media (max-width:430px) {
.mc_01{padding-left:20px}
 .mc_01 > div::before {display:none}
 .mc_02 .mc02_t > p  br{display:block;}
}

/* 230224 반응형 */
.icnp .makr_box {text-align:left;}