/* main layout */
.main_container{overflow:hidden;}
.ml_01 {position:relative;}
.ml_01 > div::after,
.ml_02 > div::after,
.ml_02 > div > div::after {display:block; content:''; clear:both;}
.ml_01 > div > div,
.ml_02 > div > div,
.ml_02 > div > div > div {float:left;}

@media (min-width:1640px) {
    .main_container > div:not(.ml_01) {width:1400px; margin:0 auto; padding-top:40px;}
    .main_container > div:last-child {padding-bottom:40px;}

    .ml_01::before,
    .ml_01::after {display:block; content:''; width:100%; height:100%; position:absolute; top:0; z-index:0;}
    .ml_01::before {right:50%; margin-right:-233px; background:#2070b4;}
    .ml_01::after {left:50%; margin-left:233px; background:#f9f9f9;}
    .ml_01 > div {position:relative; width:1400px; margin:0 auto; z-index:5;}
    .ml_01 > div,
    .ml_01 > div > div {height:410px;}
    .ml_01 .ml01_l {width:66.6666%;}
    .ml_01 .ml01_r {width:33.3333%;}

    .ml_02 > div {margin:0 -16px;}
    .ml_02 > div > div {width:50%; padding:0 16px;}
    .ml_02 > div > div > div {width:50%;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .main_container > div:not(.ml_01) {width:1200px; margin:0 auto; padding-top:40px;}
    .main_container > div:last-child {padding-bottom:40px;}

    .ml_01::before,
    .ml_01::after {display:block; content:''; width:100%; height:100%; position:absolute; top:0; z-index:0;}
    .ml_01::before {right:50%; margin-right:-200px; background:#2070b4;}
    .ml_01::after {left:50%; margin-left:200px; background:#f9f9f9;}
    .ml_01 > div {position:relative; width:1200px; margin:0 auto; z-index:5;}
    .ml_01 > div,
    .ml_01 > div > div {height:410px;}
    .ml_01 .ml01_l {width:66.6666%;}
    .ml_01 .ml01_r {width:33.3333%;}

    .ml_02 > div {margin:0 -16px;}
    .ml_02 > div > div {width:50%; padding:0 16px;}
    .ml_02 > div > div > div {width:50%;}
}
@media (min-width:768px) and (max-width:1199px) {
    .main_container {padding:0 24px; padding-bottom:32px;}
    .main_container > div:not(.ml_01) {padding-top:32px;}

    .ml_01 {margin:0 -24px;}
    .ml_01 .ml01_l,
    .ml_01 .ml01_r {width:100%;}

    .ml_02 > div > div {width:100%;}
    .ml_02 > div > div > div {width:50%;}
    .ml_02 .ml02_r {margin-top:32px;}
}
@media (max-width:767px) {
    .main_container {padding:0 16px; padding-bottom:24px;}
    .main_container > div:not(.ml_01) {padding-top:24px;}

    .ml_01 {margin:0 -16px;}
    .ml_01 .ml01_l,
    .ml_01 .ml01_r {width:100%;}

    .ml_02 > div > div,
    .ml_02 > div > div > div {width:100%;}
    .ml_02 .ml02l_r,
    .ml_02 .ml02r_l,
    .ml_02 .ml02r_r {margin-top:24px;}
}

/* main top */
.mc_t > * {margin-right:6px;}
.mc_t strong {font-weight:500;}

@media (min-width:1640px) {
    .mc_t {font-size:20px; line-height:28px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_t {font-size:20px; line-height:28px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_t {font-size:18px; line-height:26px;}
}
@media (max-width:767px) {
    .mc_t {font-size:16px; line-height:24px;}
}

/* mc 01 */
.mc_01 {position:relative; height:100%; background:#2070b4;}
.mc_01 .mc01_slide {overflow:hidden; width:100%; height:100%;padding:2px}
.mc_01 .mc01_slide .s_w {height:inherit;}
.mc_01 .mc01_slide .s_w .sw_l {width:100%; height:inherit;}
.mc_01 .mc01_slide .s_w .sw_l > a {display:block; height:100%; background:url() no-repeat center center / contain;}
.mc_01 .mc01_slide .mc01_title {display:inline-block; font-size:0; line-height:0; color:#fff;}
.mc_01 .mc01_slide .mc01_title > * {line-height:1.2;}
.mc_01 .mc01_slide .mc01_title em {position:relative;}
.mc_01 .mc01_slide .mc01_title em::before {display:block; content:''; width:4px; height:4px; border-radius:50%; background:#fff; position:absolute; bottom:100%; left:50%; transform:translateX(-50%);}
.mc_01 .mc01_slide .mc01_title strong {font-weight:700;}
.mc_01 .mc01_b {position:absolute;}
.mc_01 .s_p,
.mc_01 .s_b,
.mc_01 .s_p > span,
.mc_01 .s_b > a {display:inline-block; vertical-align:middle;}
.mc_01 .s_p > span {width:12px; height:12px;border-radius:10px; background:#fff; margin-right:4px; transition:width 0.25s ease-out; font-size:0; line-height:0;}
.mc_01 .s_p > span.swiper-pagination-bullet-active {width:35px;}
.mc_01 .s_b > a {width:14px; height:14px; background:url() no-repeat center center;}
.mc_01 .s_b .btn_pause {background-image:url(../img/main/ico_pause.png)}
.mc_01 .s_b .btn_play {background-image:url(../img/main/ico_play.png)}

@media (min-width:1640px) {
    .mc_01 .mc01_slide .mc01_title > * {font-size:36px; margin-top:24px;}
    .mc_01 .mc01_b {left:0; bottom:40px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_01 .mc01_slide .mc01_title > * {font-size:36px; margin-top:24px;}
    .mc_01 .mc01_b {left:0; bottom:40px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_01 .mc01_slide .s_w .sw_l {padding:0 24px;}
    .mc_01 .mc01_slide .s_w .sw_l > a {height:320px; padding:0 24px;}
    .mc_01 .mc01_slide .mc01_title > * {font-size:30px; margin-top:20px;}
    .mc_01 .mc01_b {left:24px; bottom:32px;}
}
@media (max-width:767px) {
    .mc_01 .mc01_slide .s_w .sw_l {padding:0 16px;}
    .mc_01 .mc01_slide .s_w .sw_l > a {height:200px; padding:0 16px;}
    .mc_01 .mc01_slide .mc01_title > * {font-size:24px; margin-top:16px;}
    .mc_01 .mc01_b {left:16px; bottom:24px;}
}

/* mc 02 */
.mc_02 .mc02_tab {position:relative;}
.mc_02 .tab_title {position:absolute; top:0; width:calc(50% + 4px); padding:0 4px;}
.mc_02 .tab_box:nth-child(1) .tab_title {left:-4px;}
.mc_02 .tab_box:nth-child(2) .tab_title {left:50%;}
.mc_02 .btn_more {display:block; width:17px; height:17px; background:url(../img/main/mc02_ico_more.png) no-repeat center center; position:absolute; top:0;}
.mc_02 .tab_box:nth-child(1) .btn_more {right:50%;}
.mc_02 .tab_box:nth-child(2) .btn_more {right:0;}
.mc_02 .tab_title a {display:block; background:#dfe7ed; color:#52678b;}
.mc_02 .on .tab_title a {background:#35507d; color:#fff;}
.mc_02 .tab_content {background:#fff; padding:9px 24px;}
.mc_02 .tab_content > ul > li {position:relative; padding-left:10px !important; padding-right:72px !important;}
.mc_02 .tab_content > ul > li::before {display:block; content:''; width:4px; height:4px; border-radius:50%; background:#ddd; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.mc_02 .tab_content > ul > li > a {display:block; color:#222; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mc_02 .tab_content > ul > li > a:hover {color:#2070b4;}
.mc_02 .tab_content .mc02_date {display:block; font-size:14px; line-height:22px; color:#777; position:absolute; right:0; top:50%; transform:translateY(-50%);}

@media (min-width:1640px) {
    .mc_02 {padding:28px 32px; padding-right:0;}
    .mc_02 .mc02_tab {padding-top:72px;}
    .mc_02 .tab_box:nth-child(1) .btn_more {margin:24px 28px 0 0;}
    .mc_02 .tab_box:nth-child(2) .btn_more {margin:24px 28px 0 0;}
    .mc_02 .tab_title a {font-size:18px; line-height:64px; padding:0 24px;}
    .mc_02 .tab_content > ul > li {padding:10px 0;}
    .mc_02 .tab_content > ul > li > a {font-size:16px; line-height:24px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_02 {padding:28px 32px; padding-right:0;}
    .mc_02 .mc02_tab {padding-top:72px;}
    .mc_02 .tab_box:nth-child(1) .btn_more {margin:24px 28px 0 0;}
    .mc_02 .tab_box:nth-child(2) .btn_more {margin:24px 28px 0 0;}
    .mc_02 .tab_title a {font-size:18px; line-height:64px; padding:0 24px;}
    .mc_02 .tab_content > ul > li {padding:10px 0;}
    .mc_02 .tab_content > ul > li > a {font-size:16px; line-height:24px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_02 {background:#f9f9f9; padding:24px;}
    .mc_02 .mc02_tab {padding-top:64px;}
    .mc_02 .tab_box:nth-child(1) .btn_more {margin:20px 24px 0 0;}
    .mc_02 .tab_box:nth-child(2) .btn_more {margin:20px 24px 0 0;}
    .mc_02 .tab_title a {font-size:17px; line-height:56px; padding:0 20px;}
    .mc_02 .tab_content > ul > li {padding:7px 0;}
    .mc_02 .tab_content > ul > li > a {font-size:16px; line-height:24px;}
}
@media (max-width:767px) {
    .mc_02 {background:#f9f9f9; padding:20px 16px;}
    .mc_02 .mc02_tab {padding-top:56px;}
    .mc_02 .tab_box:nth-child(1) .btn_more {margin:16px 20px 0 0;}
    .mc_02 .tab_box:nth-child(2) .btn_more {margin:16px 20px 0 0;}
    .mc_02 .tab_title a {font-size:16px; line-height:48px; padding:0 16px;}
    .mc_02 .tab_content > ul > li {padding:5px 0;}
    .mc_02 .tab_content > ul > li > a {font-size:14px; line-height:22px;}
}
@media (max-width:767px) {
	.mc_02 .tab_content {padding:9px 15px;}
}
@media (max-width:500px) {
	.mc_02 .tab_title a {padding:0 13px;}
	.mc_02 .tab_box:nth-child(1) .btn_more {margin:15px 13px 0 0;}
	.mc_02 .tab_box:nth-child(2) .btn_more {margin:15px 10px 0 0;}
}

/* mc 03 */
.mc_03 {border:1px solid #ddd;}
.mc_03 .mc03_list > ul::after {display:block; content:''; clear:both;}
.mc_03 .mc03_list > ul > li {float:left; text-align:center; padding-top:16px;}
.mc_03 .mc03_list > ul > li > a::before {display:inline-block; content:''; background:url() no-repeat center center / 100%;}
.mc_03 .mc03_list > ul > li > a > span {display:block; color:#222; margin-top:4px;}

.mc_03 .mc03_list > ul > li:nth-child(1) > a::before {background-image:url(../img/main/mc03_01.png)}
.mc_03 .mc03_list > ul > li:nth-child(2) > a::before {background-image:url(../img/main/mc03_02.png)}
.mc_03 .mc03_list > ul > li:nth-child(3) > a::before {background-image:url(../img/main/mc03_03.png)}
.mc_03 .mc03_list > ul > li:nth-child(4) > a::before {background-image:url(../img/main/mc03_04.png)}
.mc_03 .mc03_list > ul > li:nth-child(5) > a::before {background-image:url(../img/main/mc03_05.png)}

@media (min-width:1640px) {
    .mc_03 {padding:28px 32px;}
    .mc_03 .mc03_list > ul > li {width:33.3333%; min-width:72px;}
    .mc_03 .mc03_list > ul > li > a::before {width:72px; height:72px;}
    .mc_03 .mc03_list > ul > li > a > span {font-size:16px; line-height:24px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_03 {padding:28px 16px;}
    .mc_03 .mc03_list > ul > li {width:33.3333%; min-width:72px;}
    .mc_03 .mc03_list > ul > li > a::before {width:72px; height:72px;}
    .mc_03 .mc03_list > ul > li > a > span {font-size:16px; line-height:24px; letter-spacing:-0.064em;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_03 {padding:24px 28px;}
    .mc_03 .mc03_list > ul > li {width:33.3333%; min-width:64px;}
    .mc_03 .mc03_list > ul > li > a::before {width:64px; height:64px;}
    .mc_03 .mc03_list > ul > li > a > span {font-size:15px; line-height:23px;}
}
@media (max-width:767px) {
    .mc_03 {padding:20px 24px;}
    .mc_03 .mc03_list > ul > li {width:20%; min-width:56px;}
    .mc_03 .mc03_list > ul > li > a::before {width:56px; height:56px;}
    .mc_03 .mc03_list > ul > li > a > span {font-size:14px; line-height:22px;}
}
@media (max-width:500px) {
	.mc_03{padding:15px;}
	.mc_03 .mc03_list > ul > li {width:33.3%;}
}
@media (max-width:350px) {
	.mc_03 .mc03_list > ul > li {width:50%;}
}

/* mc 04 */
.mc_04 {border:1px solid #ddd;}
.mc_04 .mc04_list > ul {padding-top:8px;}
.mc_04 .mc04_list > ul > li {padding-top:8px;}
.mc_04 .mc04_list > ul > li > a {position:relative; display:block; background:#eff4f9; padding-left:68px !important; padding-right:44px !important;}
.mc_04 .mc04_list > ul > li > a > span,
.mc_04 .mc04_list > ul > li > a > strong {display:inline-block; vertical-align:middle; color:#1e4a6f;}
.mc_04 .mc04_list > ul > li > a > span {font-size:14px; line-height:22px;}
.mc_04 .mc04_list > ul > li > a > strong {font-size:18px; line-height:26px; font-weight:500;}
.mc_04 .mc04_list > ul > li > a::before,
.mc_04 .mc04_list > ul > li > a::after {display:block; content:''; position:absolute; top:50%; transform:translateY(-50%);}
.mc_04 .mc04_list > ul > li > a::before {left:16px; width:40px; height:40px; border-radius:50%; background:url() no-repeat #fff center center / 100%;}
.mc_04 .mc04_list > ul > li > a::after {right:16px; width:27px; height:11px; background:url(../img/main/mc04_ico_right.png) no-repeat center center;}

.mc_04 .mc04_list > ul > li:nth-child(1) > a::before {background-image:url(../img/main/mc04_01.png)}
.mc_04 .mc04_list > ul > li:nth-child(2) > a::before {background-image:url(../img/main/mc04_02.png)}
.mc_04 .mc04_list > ul > li:nth-child(3) > a::before {background-image:url(../img/main/mc04_03.png)}

@media (min-width:1640px) {
    .mc_04 {padding:28px 32px; border-left:0;}
    .mc_04 .mc04_list > ul > li > a {padding:10px 0;}
    .mc_04 .mc04_list > ul > li > a > span,
    .mc_04 .mc04_list > ul > li > a > strong {width:100%;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_04 {padding:28px 32px; border-left:0;}
    .mc_04 .mc04_list > ul > li > a {padding:10px 0;}
    .mc_04 .mc04_list > ul > li > a > span,
    .mc_04 .mc04_list > ul > li > a > strong {width:100%;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_04 {padding:24px 28px; border-left:0;}
    .mc_04 .mc04_list > ul > li > a {padding:18px 0;}
    .mc_04 .mc04_list > ul > li > a > span,
    .mc_04 .mc04_list > ul > li > a > strong {margin-right:6px;}
}
@media (max-width:767px) {
    .mc_04 {padding:20px 24px;}
    .mc_04 .mc04_list > ul > li > a {padding:14px 0;}
    .mc_04 .mc04_list > ul > li > a > span,
    .mc_04 .mc04_list > ul > li > a > strong {margin-right:6px;}
}
@media (max-width:500px) {
	.mc_04 {padding:15px;}
}
@media (max-width:350px) {
	.mc_04 .mc04_list > ul > li > a > span {display:block;}
}

/* mc 05 */
.mc_05 {border:1px solid #ddd;}
.mc_05 .mc05_list > ul::after {display:block; content:''; clear:both;}
.mc_05 .mc05_list > ul > li {float:left; text-align:center; padding-top:16px;}
.mc_05 .mc05_list > ul > li > a::before {display:inline-block; content:''; border-radius:50%; background:url() no-repeat #f8f8f8 center center / 100%;}
.mc_05 .mc05_list > ul > li > a > span {display:block; color:#222; margin-top:4px;}

.mc_05 .mc05_list > ul > li:nth-child(1) > a::before {background-image:url(../img/main/mc05_01.png)}
.mc_05 .mc05_list > ul > li:nth-child(2) > a::before {background-image:url(../img/main/mc05_02.png)}
.mc_05 .mc05_list > ul > li:nth-child(3) > a::before {background-image:url(../img/main/mc05_03.png)}
.mc_05 .mc05_list > ul > li:nth-child(4) > a::before {background-image:url(../img/main/mc05_04.png)}
.mc_05 .mc05_list > ul > li:nth-child(5) > a::before {background-image:url(../img/main/mc05_05.png)}

@media (min-width:1640px) {
    .mc_05 {padding:28px 32px;}
    .mc_05 .mc05_list > ul > li {width:33.3333%; min-width:72px;}
    .mc_05 .mc05_list > ul > li > a::before {width:72px; height:72px;}
    .mc_05 .mc05_list > ul > li > a > span {font-size:16px; line-height:24px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_05 {padding:28px 16px;}
    .mc_05 .mc05_list > ul > li {width:33.3333%; min-width:72px;}
    .mc_05 .mc05_list > ul > li > a::before {width:72px; height:72px;}
    .mc_05 .mc05_list > ul > li > a > span {font-size:16px; line-height:24px; letter-spacing:-0.064em;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_05 {padding:24px 28px;}
    .mc_05 .mc05_list > ul > li {width:33.3333%; min-width:64px;}
    .mc_05 .mc05_list > ul > li > a::before {width:64px; height:64px;}
    .mc_05 .mc05_list > ul > li > a > span {font-size:15px; line-height:23px;}
}
@media (max-width:767px) {
    .mc_05 {padding:20px 24px;}
    .mc_05 .mc05_list > ul > li {width:20%; min-width:56px;}
    .mc_05 .mc05_list > ul > li > a::before {width:56px; height:56px;}
    .mc_05 .mc05_list > ul > li > a > span {font-size:14px; line-height:22px;}
}
@media (max-width:500px) {
    .mc_05 {padding:15px;}
	.mc_05 .mc05_list > ul > li {width:33.3%;}
}
@media (max-width:350px) {
	.mc_05 .mc05_list > ul > li {width:50%;}
}

/* mc 06 */
.mc_06 {border:1px solid #ddd;}
.mc_06 .mc06_list > ul {border-top:1px dashed #ddd;}
.mc_06 .mc06_list > ul > li {border-bottom:1px dashed #ddd;}
.mc_06 .mc06_list > ul > li > a {display:block; font-size:16px; line-height:24px; color:#222;}
.mc_06 .mc06_list > ul > li > a:hover {color:#2070b4;}

@media (min-width:1640px) {
    .mc_06 {padding:28px 32px; border-left:0;}
    .mc_06 .mc06_list {margin-top:15px;}
    .mc_06 .mc06_list > ul > li {padding:12px 0;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_06 {padding:28px 32px; border-left:0;}
    .mc_06 .mc06_list {margin-top:15px;}
    .mc_06 .mc06_list > ul > li {padding:12px 0;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_06 {padding:24px 28px; border-left:0;}
    .mc_06 .mc06_list {margin-top:13px;}
    .mc_06 .mc06_list > ul > li {padding:13px 0;}
    .mc_06 .mc06_list > ul > li > a {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
}
@media (max-width:767px) {
    .mc_06 {padding:20px 24px;}
    .mc_06 .mc06_list {margin-top:16px;}
    .mc_06 .mc06_list > ul > li {padding:12px 0;}
}
@media (max-width:500px) {
	.mc_06 {padding:15px;}
}


/* 230208 고객요청사항 */
.tab_access .tab_box .tab_content.faq_box > ul > li {padding-right:0 !important;}

/* 230220 반응형 수정*/
.twic .header_new .hn_c > div > div.fl_r {width:auto;}
.twic .footer_new {padding:20px 0;}
.twic .footer_new .f_c{padding:0;}