@charset "utf-8";

/* pc */
.ma_visual_wrap {position:relative; height:480px;}

.ma_visual_big {position:relative;}
.ma_visual_big .inbox {position:relative;}
.ma_visual_big .inbox:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.2); z-index:2;}
.ma_visual_big .inbox .bgimg {position:absolute; top:0; right:0; bottom:0; left:0; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; z-index:1;}
.ma_visual_big .inbox .txtbox {position:relative; max-width:1260px; height:480px; padding:0 10px; margin:0 auto; z-index:3;}
.ma_visual_big .inbox .txtbox:before {content:''; position:absolute; top:74px; left:-56px; width:230px; height:86px; background:url('../images/main/bg_visual_pcc.svg') no-repeat center center; background-size:contain;}
.ma_visual_big .inbox .txtbox .txt {position:relative; padding-top:129px; color:#fff; font-size:42px; line-height:56px; font-weight:700; letter-spacing:-2.1px; font-family:'Gmarket Sans';}
.ma_visual_big .inbox .txtbox .txt em {color:#ffcb00; font-weight:700;}
.ma_visual_big .ctrl_box {position:absolute; top:311px; left:50%; margin-left:-620px; z-index:15;}
.ma_visual_big .ctrl_box .swiper-pagination {display:inline-block; position:static; width:auto; vertical-align:top;}
.ma_visual_big .ctrl_box .swiper-pagination .current {display:inline-block; color:#fff; font-size:20px; line-height:24px; font-weight:700; letter-spacing:-0.5px; vertical-align:top;}
.ma_visual_big .ctrl_box .swiper-pagination .line {display:inline-block; width:12px; height:24; margin:0 8px; background:url('../images/ico_slash_white.svg') no-repeat center center; background-size:contain; text-indent:-999px; overflow:hidden; vertical-align:top;}
.ma_visual_big .ctrl_box .swiper-pagination .total {display:inline-block; color:#fff; font-size:20px; line-height:24px; font-weight:700; letter-spacing:-0.5px; vertical-align:top; opacity:0.5;}
.ma_visual_big .ctrl_box .btn_stop_play {display:inline-block; margin-left:20px; width:24px; height:24px; border:none; background:url('../images/btn_s_swp_stop_white.svg') no-repeat center center; text-indent:-999px; overflow:hidden; vertical-align:top;}
.ma_visual_big .ctrl_box .btn_stop_play.stop {background:url('../images/btn_s_swp_play_white.svg') no-repeat center center;}
.ma_visual_big .swiper-button-prev {position:absolute; top:215px; left:50%; width:62px; height:62px; margin:0 0 0 -702px; border:none; background:url('../images/btn_swp_prev_circle.svg') no-repeat center center; text-indent:-999px; overflow:hidden;}
.ma_visual_big .swiper-button-next {position:absolute; top:215px; right:50%; width:62px; height:62px; margin:0 -702px 0 0; border:none; background:url('../images/btn_swp_next_circle.svg') no-repeat center center; text-indent:-999px; overflow:hidden;}

.ma_visual_small {position:absolute; bottom:59px; right:50%; width:606px; height:362px; margin-right:-620px; padding:27px 24px 0; border-radius:10px; border:1px solid #dadada; background:#fff; box-shadow:0 3px 12px 0 rgba(64, 65, 66, 0.08); z-index:11;}
.ma_visual_small .title_box:after {content:''; display:block; clear:both;}
.ma_visual_small .title_box .title {float:left; color:#424242; font-size:20px; line-height:24px; font-weight:700;}
.ma_visual_small .title_box .swiper-pagination {position:static; float:left; width:auto; margin-left:14px; padding:0;}
.ma_visual_small .title_box .swiper-pagination .current {display:inline-block; color:#fb7a4a; font-size:16px; line-height:24px; font-weight:700; letter-spacing:-0.4px; vertical-align:top;}
.ma_visual_small .title_box .swiper-pagination .line {display:inline-block; width:12px; height:24px; margin:0 7px; background:url('../images/ico_slash_gray.svg') no-repeat center center; background-size:contain; text-indent:-999px; overflow:hidden; vertical-align:top; opacity:0.5;}
.ma_visual_small .title_box .swiper-pagination .total {display:inline-block; color:#747474; font-size:16px; line-height:24px; font-weight:700; letter-spacing:-0.4px; vertical-align:top; opacity:0.5;}
.ma_visual_small .title_box .swiper_ctrl {float:right; position:relative; width:84px; height:24px;}
.ma_visual_small .title_box .swiper_ctrl .btn_stop_play {position:absolute; top:50%; left:50%; width:24px; height:24px; margin:-12px 0 0 -12px; border:none; background:url('../images/btn_s_swp_stop_black.svg') no-repeat center center; text-indent:-999px; overflow:hidden; vertical-align:top;}
.ma_visual_small .title_box .swiper_ctrl .btn_stop_play.stop {background:url('../images/btn_s_swp_play_black.svg') no-repeat center center;}
.ma_visual_small .title_box .swiper_ctrl .swiper-button-prev {position:static; float:left; width:24px; height:24px; margin:0; border:none; background:url('../images/btn_s_swp_prev_black.svg') no-repeat center center; text-indent:-999px; overflow:hidden; vertical-align:top;}
.ma_visual_small .title_box .swiper_ctrl .swiper-button-next {position:static; float:right; width:24px; height:24px; margin:0; border:none; background:url('../images/btn_s_swp_next_black.svg') no-repeat center center; text-indent:-999px; overflow:hidden; vertical-align:top;}
.ma_visual_small .inbox {display:block; position:relative; height:274px; margin-top:13px; background-repeat:no-repeat; background-position:center center; background-size:cover; text-indent:-999px; overflow:hidden; outline:none;}
.ma_visual_small .inbox:focus:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:2px solid #000;}


.ma_content {position:relative; z-index:1;}

.ma_mid_section {margin:0 -12px;}
.ma_mid_section:after {content:''; display:block; clear:both;}

.ma_mid_section .ma_mid_left {float:left; width:calc(33.3333% - 24px); height:446px; margin:-52px 12px 0; padding:24px 24px 0; border:1px solid #dadada; border-radius:10px; background:#fff; box-shadow:0 3px 12px 0 rgba(64, 65, 66, 0.08);}
.ma_mid_section .title {color:#424242; font-size:20px; line-height:29px; font-weight:700; letter-spacing:-0.5px;}
.ma_mid_section .ma_btnlink {display:block; height:118px; margin-top:14px; padding:24px 24px 0; border:1px solid #dadada; border-radius:10px;}
.ma_mid_section .ma_btnlink.bg01 {background:url('../images/main/bg_counsel01.svg') no-repeat right 10px top 7px #ffcb00; background-size:125px;}
.ma_mid_section .ma_btnlink.bg02 {background:url('../images/main/bg_counsel02.svg') no-repeat right 37px top 8px #f5642e; background-size:82px;}
.ma_mid_section .ma_btnlink strong {display:block; color:#000; font-size:18px; line-height:26px; font-weight:700; letter-spacing:-0.9px;}
.ma_mid_section .ma_btnlink p {margin-top:9px; color:#000; font-size:14px; line-height:20px; font-weight:400; letter-spacing:-0.7px;}
.ma_mid_section .ma_cs_wrap {margin-top:20px; border-top:1px solid #cecece;}
.ma_mid_section .ma_cs {padding:18px 0 18px 83px; background:url('../images/main/ico_ma_call.svg') no-repeat 0 center; background-size:68px;}
.ma_mid_section .ma_cs dt {color:#424242; font-size:14px; line-height:20px; font-weight:500; letter-spacing:-0.7px;}
.ma_mid_section .ma_cs dd {color:#f5642e; font-size:40px; line-height:50px; font-weight:700; letter-spacing:-1px; font-family:'Roboto';}

.ma_mid_section .ma_mid_right {float:right; width:calc(66.6666% - 24px); margin:0 12px;}

.ma_mid_section .ma_mid_right .ma_business {height:278px; padding:24px; margin-top:32px; border:1px solid #dadada; border-radius:10px; background:#fff; box-shadow:0 3px 12px 0 rgba(64, 65, 66, 0.08);}
.ma_mid_section .ma_mid_right .ma_business .list {margin:0 -10px;}
.ma_mid_section .ma_mid_right .ma_business .list:after {content:''; display:block; clear:both;}
.ma_mid_section .ma_mid_right .ma_business .list li {float:left; width:25%; padding:0 10px; margin-top:14px;}
.ma_mid_section .ma_mid_right .ma_business .list li .inbox {display:block; position:relative; height:187px; padding-top:30px; border-radius:10px; background:#f8f8f8;}
.ma_mid_section .ma_mid_right .ma_business .list li .inbox:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:10px; border:1px solid #dadada;}
.ma_mid_section .ma_mid_right .ma_business .list li.ico01 .inbox:hover:before,
.ma_mid_section .ma_mid_right .ma_business .list li.ico01 .inbox:focus:before {border-width:3px; border-color:#ffdd33;}
.ma_mid_section .ma_mid_right .ma_business .list li.ico02 .inbox:hover:before,
.ma_mid_section .ma_mid_right .ma_business .list li.ico02 .inbox:focus:before {border-width:3px; border-color:#00c6ef;}
.ma_mid_section .ma_mid_right .ma_business .list li.ico03 .inbox:hover:before,
.ma_mid_section .ma_mid_right .ma_business .list li.ico03 .inbox:focus:before {border-width:3px; border-color:#ef0078;}
.ma_mid_section .ma_mid_right .ma_business .list li.ico04 .inbox:hover:before,
.ma_mid_section .ma_mid_right .ma_business .list li.ico04 .inbox:focus:before {border-width:3px; border-color:#08c46c;}
.ma_mid_section .ma_mid_right .ma_business .list li .inbox .ico {display:block; width:72px; height:72px; margin:0 auto; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.ma_mid_section .ma_mid_right .ma_business .list li.ico01 .inbox .ico {background-image:url('../images/main/ico_ma_service01.svg');}
.ma_mid_section .ma_mid_right .ma_business .list li.ico02 .inbox .ico {background-image:url('../images/main/ico_ma_service02.svg');}
.ma_mid_section .ma_mid_right .ma_business .list li.ico03 .inbox .ico {background-image:url('../images/main/ico_ma_service03.svg');}
.ma_mid_section .ma_mid_right .ma_business .list li.ico04 .inbox .ico {background-image:url('../images/main/ico_ma_service04.svg');}
.ma_mid_section .ma_mid_right .ma_business .list li .inbox .txt {display:block; margin-top:20px; color:#000; font-size:18px; line-height:24px; font-weight:700; letter-spacing:-0.9px; text-align:center;}
.ma_mid_section .ma_mid_right .ma_business .list li.ico01 .inbox .txt {color:#806c04;}
.ma_mid_section .ma_mid_right .ma_business .list li.ico02 .inbox .txt {color:#0077a4;}
.ma_mid_section .ma_mid_right .ma_business .list li.ico03 .inbox .txt {color:#ef0078;}
.ma_mid_section .ma_mid_right .ma_business .list li.ico04 .inbox .txt {color:#037840;}

.ma_mid_section .ma_mid_right .ma_schedule {position:relative; height:60px; margin-top:24px; padding:0 152px 0 174px; border:1px solid #dadada; border-radius:10px; background:#424242; box-shadow:0 3px 12px 0 rgba(64, 65, 66, 0.08);}
.ma_mid_section .ma_mid_right .ma_schedule:before {content:''; position:absolute; top:50%; left:150px; width:1px; height:18px; margin-top:-9px; background:#fff; opacity:0.5;}
.ma_mid_section .ma_mid_right .ma_schedule .title_white {position:absolute; top:0; left:24px; color:#fff; font-size:18px; line-height:58px; font-weight:700; letter-spacing:-0.45px;}
.ma_mid_section .ma_mid_right .ma_schedule .swiper_ctrl {position:absolute; top:50%; right:24px; height:24px; margin-top:-12px;}
.ma_mid_section .ma_mid_right .ma_schedule .swiper_ctrl:after {content:''; display:block; clear:both;}
.ma_mid_section .ma_mid_right .ma_schedule .swiper_ctrl .swiper-button-prev {position:static; float:left; width:24px; height:24px; margin:0 0 0 6px; border:none; background:url('../images/btn_s_swp_up_white.svg') no-repeat center center; text-indent:-999px; overflow:hidden; vertical-align:top;}
.ma_mid_section .ma_mid_right .ma_schedule .swiper_ctrl .swiper-button-next {position:static; float:left; width:24px; height:24px; margin:0 0 0 6px; border:none; background:url('../images/btn_s_swp_down_white.svg') no-repeat center center; text-indent:-999px; overflow:hidden; vertical-align:top;}
.ma_mid_section .ma_mid_right .ma_schedule .swiper_ctrl .btn_stop_play {float:left; width:24px; height:24px; margin:0 0 0 6px; border:none; background:url('../images/btn_s_swp_stop_white.svg') no-repeat center center; text-indent:-999px; overflow:hidden; vertical-align:top;}
.ma_mid_section .ma_mid_right .ma_schedule .swiper_ctrl .btn_stop_play.stop {background:url('../images/btn_s_swp_play_white.svg') no-repeat center center;}
.ma_mid_section .ma_mid_right .ma_schedule .swiper_ctrl .btn_more {float:left; width:24px; height:24px; margin-left:14px; background:url('../images/btn_more_yellow.svg') no-repeat center center; text-indent:-999px; overflow:hidden; vertical-align:top;}
.ma_mid_section .ma_mid_right .ma_schedule .swiper-container {width:100%; height:100%;}
.ma_mid_section .ma_mid_right .ma_schedule .inbox {display:inline-block; position:relative; max-width:100%; margin:16px 0; line-height:26px; vertical-align:top; outline:none;}
.ma_mid_section .ma_mid_right .ma_schedule .inbox:after {content:''; display:block; clear:both;}
.ma_mid_section .ma_mid_right .ma_schedule .inbox:focus:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #fff; border-radius:3px;}
.ma_mid_section .ma_mid_right .ma_schedule .inbox .date {position:absolute; top:0; left:0; color:#fff; font-size:18px; font-weight:700; letter-spacing:-0.45px;}
.ma_mid_section .ma_mid_right .ma_schedule .inbox .subject {position:relative; padding-left:127px; color:#fff; font-size:16px; letter-spacing:-0.4px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ma_mid_section .ma_mid_right .ma_schedule .inbox .subject:before {content:''; position:absolute; top:11px; left:116px; width:5px; height:5px; border-radius:100%; background:#fff;}

.ma_file_section {margin:0 -12px;}
.ma_file_section .ma_file_list {padding:12px 0;}
.ma_file_section .ma_file_list:after {content:''; display:block; clear:both;}
.ma_file_section .ma_file_list li {float:left; width:33.3333%; padding:12px;}
.ma_file_section .ma_file_list li a {display:block; position:relative; height:90px; padding-left:100px; border:1px solid #dadada; border-radius:10px; background:url('../images/main/btn_ma_go.svg') no-repeat right 20px center, url('../images/main/btn_ma_go_on.svg') no-repeat right 20px top -999px; background-color:#fff; color:#424242; font-size:18px; line-height:88px; font-weight:700; letter-spacing:-0.9px; box-shadow:0 3px 12px 0 rgba(64, 65, 66, 0.08);}
.ma_file_section .ma_file_list li a:hover,
.ma_file_section .ma_file_list li a:focus {background:url('../images/main/btn_ma_go_on.svg') no-repeat right 20px center #fff;}
.ma_file_section .ma_file_list li a .ico {position:absolute; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.ma_file_section .ma_file_list li a .ico01 {top:24px; left:23px; width:44px; height:55px; background-image:url('../images/main/ico_ma_fileview01.svg');}
.ma_file_section .ma_file_list li a .ico02 {top:19px; left:23px; width:43px; height:51px; background-image:url('../images/main/ico_ma_fileview02.svg');}
.ma_file_section .ma_file_list li a .ico03 {top:21px; left:21px; width:48px; height:48px; background-image:url('../images/main/ico_ma_fileview03.svg');}

.foot_banners_wrap {height:90px; padding:20px 10px; margin-top:22px; background:#f8f8f8;}
.foot_banners {position:relative; max-width:1240px; padding-right:108px; margin:0 auto;}
.foot_banners .swiper-slide {text-align:center;}
.foot_banners .swiper-slide a {display:block; position:relative; outline:none;}
.foot_banners .swiper-slide a:focus:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #000; border-radius:3px;}
.foot_banners .swiper-slide img {max-width:100%;}
.foot_banners .ctrl_box {position:absolute; top:50%; right:0; width:84px; margin-top:-12px;}
.foot_banners .ctrl_box .swiper-button-prev {position:static; float:left; width:24px; height:24px; margin:0; border:none; background:url('../images/btn_s_swp_prev_black.svg') no-repeat center center; text-indent:-999px; overflow:hidden; vertical-align:top;}
.foot_banners .ctrl_box .swiper-button-next {position:static; float:right; width:24px; height:24px; margin:0; border:none; background:url('../images/btn_s_swp_next_black.svg') no-repeat center center; text-indent:-999px; overflow:hidden; vertical-align:top;}
.foot_banners .ctrl_box .btn_stop_play {position:absolute; top:0; left:50%; width:24px; height:24px; margin:0 0 0 -12px; border:none; background:url('../images/btn_s_swp_stop_black.svg') no-repeat center center; text-indent:-999px; overflow:hidden; vertical-align:top;}
.foot_banners .ctrl_box .btn_stop_play.stop {background:url('../images/btn_s_swp_play_black.svg') no-repeat center center;}




@media screen and (max-width:1419px) {
	.ma_visual_wrap .swiper-button-prev {top:20px; margin-left:-620px;}
	.ma_visual_wrap .swiper-button-next {top:20px; margin-right:-620px;}
	.ma_visual_small {bottom:20px;}
}

@media screen and (max-width:1279px) {
	
}

@media screen and (max-width:1023px) {
	.ma_visual_wrap {height:766px;}

	.ma_visual_big .inbox:before {background:rgba(0,0,0,0.4);}
	.ma_visual_big .inbox .txtbox {height:766px; padding:0 35px;}
	.ma_visual_big .inbox .txtbox:before {top:46px; left:35px;}
	.ma_visual_big .inbox .txtbox .txt {padding-top:98px;}
	.ma_visual_big .ctrl_box {top:281px; left:35px; margin-left:0;}
	.ma_visual_big .swiper-button-prev,
	.ma_visual_big .swiper-button-next {display:none;}

	.ma_visual_small {bottom:32px; margin-right:-303px;}


	.ma_mid_section {margin:0; padding-top:24px;}
	.ma_mid_section .ma_mid_left {width:100%; height:314px; margin:0;}
	.ma_mid_section .ma_btnlink_wrap {margin:0 -10px; overflow:hidden;}
	.ma_mid_section .ma_btnlink {float:left; width:calc(50% - 20px); margin:14px 10px 0;}
	.ma_mid_section .ma_btnlink.bg01 {background-position:right -6px top 13px; background-size:134px;}
	.ma_mid_section .ma_btnlink.bg02 {background-position:right 28px top 16px; background-size:74px;}

	.ma_mid_section .ma_cs_wrap {text-align:center;}
	.ma_mid_section .ma_cs {display:inline-block;}
	.ma_mid_section .ma_cs dt,
	.ma_mid_section .ma_cs dd {text-align:left;}

	.ma_mid_section .ma_mid_right {width:100%; margin:24px 0 0 0;}
	.ma_mid_section .ma_mid_right .ma_business {margin:0;}

	.ma_file_section {margin:0;}
	.ma_file_section .ma_file_list {padding:10px 0 0 0;}
	.ma_file_section .ma_file_list li {width:100%; margin-top:14px; padding:0;}

	.foot_banners_wrap {padding:20px 35px; margin-top:40px;}
	.foot_banners {padding-right:92px;}
}

@media screen and (max-width:767px) {

	.ma_visual_wrap {position:relative; height:auto;}

	.ma_visual_big .inbox .txtbox {height:auto; min-height:462px; padding:0 12px 75%;}
	.ma_visual_big .inbox .txtbox:before {top:35px; left:12px; width:139px; height:52px;}
	.ma_visual_big .inbox .txtbox .txt {padding-top:62px; font-size:24px; line-height:32px; letter-spacing:-1.2px;}
	.ma_visual_big .ctrl_box {top:148px; left:12px;}

	.ma_visual_small {bottom:25px; right:12px; left:12px; width:auto; height:auto; margin:0; padding:16px 13px 14px;}
	.ma_visual_small .inbox {width:100%; height:0; padding-bottom:49%; margin-top:9px;}

	.ma_mid_section .ma_mid_left {height:auto; padding:16px;}
	.ma_mid_section .ma_btnlink_wrap {margin:0;}
	.ma_mid_section .ma_btnlink {width:100%; margin:14px 0 0 0; padding:41px 24px 0;}
	.ma_mid_section .ma_btnlink.bg01 {background-position:right 16px top 7px; background-size:125px;}
	.ma_mid_section .ma_btnlink.bg02 {background-position:right 19px top 8px; background-size:82px;}
	.ma_mid_section .ma_btnlink strong {font-size:24px; line-height:35px; letter-spacing:-1.2px;}
	.ma_mid_section .ma_btnlink p {display:none;}
	.ma_mid_section .ma_cs {padding:20px 0 0 0; background:none;}
	.ma_mid_section .ma_cs dt,
	.ma_mid_section .ma_cs dd {text-align:center;}

	.ma_mid_section .ma_mid_right .ma_business {height:auto; padding:16px;}
	.ma_mid_section .ma_mid_right .ma_business .list {margin:0 -7px;}
	.ma_mid_section .ma_mid_right .ma_business .list li {width:50%; padding:0 7px;}

	.ma_mid_section .ma_mid_right .ma_schedule {height:102px; padding:56px 16px 14px;}
	.ma_mid_section .ma_mid_right .ma_schedule:before {display:none;}
	.ma_mid_section .ma_mid_right .ma_schedule .title_white {top:16px; left:16px; line-height:24px;}
	.ma_mid_section .ma_mid_right .ma_schedule .swiper_ctrl {top:16px; right:16px; margin:0;}
	.ma_mid_section .ma_mid_right .ma_schedule .inbox {margin:2px 0;}

	.ma_file_section .ma_file_list {padding-top:16px;}
	.ma_file_section .ma_file_list li {margin-top:10px;}
	.ma_file_section .ma_file_list li a {height:82px; padding-left:73px; background-position:right 16px center; background-size:50px; line-height:80px;}
	.ma_file_section .ma_file_list li a .ico01 {top:18px; left:16px; width:41px; height:46px;}
	.ma_file_section .ma_file_list li a .ico02 {top:17px; left:16px; width:41px; height:49px;}
	.ma_file_section .ma_file_list li a .ico03 {top:20px; left:16px; width:41px; height:41px;}

	.foot_banners_wrap {padding:20px 12px;}
}