@charset "utf-8";
/* ---------- 메인 스타일 ---------- */
/* mfocus */
.mfocus{position:relative; height:660px; box-sizing:border-box}
.mfocus_carousel{position:relative; height:660px}
.mfocus_carousel .carousel_box{position:relative; height:660px}
.mfocus_carousel .carousel_box.focus1{background:url("../images/main/mfocus1.jpg") 50% 50% no-repeat}
.mfocus_carousel .carousel_box.focus2{background:url("../images/main/mfocus2.jpg") 50% 50% no-repeat}
.mfocus_carousel .carousel_box.focus3{background:url("../images/main/mfocus3.jpg") 50% 50% no-repeat}
.mfocus_carousel .carousel_box.focus4{background:url("../images/main/mfocus4.jpg") 50% 50% no-repeat}

.mfocus_carousel .carousel_box .caption{position:relative; width:1200px; margin:0 auto; padding-top:170px; text-align:left; box-sizing:border-box}
.mfocus_carousel .carousel_box .caption .tit,
.mfocus_carousel .carousel_box .caption .message{position:relative; color:#fff; z-index:1}
.mfocus_carousel .carousel_box .caption .tit{display:block; line-height:165%; font-family:gmk; font-size:36px; font-weight:300; letter-spacing:-2px}
.mfocus_carousel .carousel_box .caption .message{line-height:145%; margin-top:25px; font-family:gmk; font-size:26px; font-weight:300; letter-spacing:-1.2px}
.mfocus_carousel .carousel_box .caption .tit span,
.mfocus_carousel .carousel_box .caption .message span{display:block}
.mfocus_carousel .carousel_box .caption .tit span:nth-child(2){font-size:52px}
.mfocus_carousel .carousel_box .caption:before
{
    content:''; position:absolute; left:-400px; top:108px; width:900px; height:404px;
    background:#22917c; background:-webkit-linear-gradient(-140deg, rgba(34,145,124,0.7), rgba(12,118,211,1)); background:-moz-linear-gradient(-140deg, rgba(34,145,124,0.7), rgba(12,118,211,1)); background:linear-gradient(-140deg, rgba(34,145,124,0.7), rgba(12,118,211,1));
}
.mfocus_carousel .carousel_box .caption:before
{
    opacity:0;
    -webkit-animation: mfocus_m1 1.1s cubic-bezier(0.7, 0, 0.3, 1) 0.2s 1 forwards;
    -moz-animation: mfocus_m1 1.1s cubic-bezier(0.7, 0, 0.3, 1) 0.2s 1 forwards;
    -o-animation: mfocus_m1 1.1s cubic-bezier(0.7, 0, 0.3, 1) 0.2s 1 forwards;
    animation: mfocus_m1 1.1s cubic-bezier(0.7, 0, 0.3, 1) 0.2s 1 forwards;
}
@-webkit-keyframes mfocus_m1{0%{width:0; left:-400px; opacity:1;} 100%{width:900px; left:-1300px; opacity:1}}
@-moz-keyframes mfocus_m1{0%{width:0; left:-400px; opacity:1;} 100%{margin-left:900px; left:-1300px; opacity:1}}
@-o-keyframes mfocus_m1{0%{width:0; left:-400px; opacity:1;} 100%{margin-left:900px; left:-1300px; opacity:1}}
@keyframes mfocus_m1{0%{width:0; left:-400px; opacity:1;} 100%{margin-left:900px; left:-1300px; opacity:1}}

.mfocus_carousel .carousel_box .caption .tit
{
    opacity:0;
    -webkit-animation: mfocus_m2 1.2s cubic-bezier(0.7, 0, 0.3, 1) 1s 1 forwards;
    -moz-animation: mfocus_m2 1.2s cubic-bezier(0.7, 0, 0.3, 1) 1s 1 forwards;
    -o-animation: mfocus_m2 1.2s cubic-bezier(0.7, 0, 0.3, 1) 1s 1 forwards;
    animation: mfocus_m2 1.2s cubic-bezier(0.7, 0, 0.3, 1) 1s 1 forwards;
}
@-webkit-keyframes mfocus_m2{0%{right:-80px; opacity:0;} 100%{right:0; opacity:1}}
@-moz-keyframes mfocus_m2{0%{right:-80px; opacity:0;} 100%{right:0; opacity:1}}
@-o-keyframes mfocus_m2{0%{right:-80px; opacity:0;} 100%{right:0; opacity:1}}
@keyframes mfocus_m2{0%{right:-80px; opacity:0;} 100%{right:0; opacity:1}}

.mfocus_carousel .carousel_box .caption .message
{
    opacity:0;
    -webkit-animation: mfocus_m3 1.2s cubic-bezier(0.7, 0, 0.3, 1) 2s 1 forwards;
    -moz-animation: mfocus_m3 1.2s cubic-bezier(0.7, 0, 0.3, 1) 2s 1 forwards;
    -o-animation: mfocus_m3 1.2s cubic-bezier(0.7, 0, 0.3, 1) 2s 1 forwards;
    animation: mfocus_m3 1.2s cubic-bezier(0.7, 0, 0.3, 1) 2s 1 forwards;
}
@-webkit-keyframes mfocus_m3{0%{right:-80px; opacity:0;} 100%{right:0; opacity:1}}
@-moz-keyframes mfocus_m3{0%{right:-80px; opacity:0;} 100%{right:0; opacity:1}}
@-o-keyframes mfocus_m3{0%{right:-80px; opacity:0;} 100%{right:0; opacity:1}}
@keyframes mfocus_m3{0%{right:-80px; opacity:0;} 100%{right:0; opacity:1}}



.mfocus .mfocus_control{position:absolute; left:50%; top:428px; width:1200px; margin-left:-600px; padding-left:40px; font-size:0; box-sizing:border-box; z-index:1}
.mfocus .mfocus_control .slick-stop{display:block; position:absolute; left:0; top:-8px; width:30px; height:30px; margin:0; padding:0; text-align:left; background:rgba(0,0,0,.2); border-radius:50%; border:none; outline:none; cursor:pointer; transition:all .30s ease}
.mfocus .mfocus_control .slick-stop:before{content:'\ea3b'; width:20px; height:30px; margin-left:6px; line-height:30px; font-family:xeicon; font-size:18px; font-weight:normal; color:rgba(255,255,255,.8)}
.mfocus .mfocus_control .slick-stop:hover{background:rgba(0,0,0,.4)}
.mfocus .mfocus_control .slick-stop:hover:before{color:rgba(255,255,255,1)}
.mfocus .mfocus_control .slick-stop.play:before{content:'\ea3e'; margin-left:7px}
.mfocus .mfocus_control .slick-dots:after{content:''; clear:both; display:block}
.mfocus .mfocus_control .slick-dots li{position:relative; float:left}
.mfocus .mfocus_control .slick-dots li button{display:block; position:relative; width:14px; height:14px; margin-right:15px; padding:0; font-size:0; line-height:0; background:rgba(255,255,255,.5); cursor:pointer; border:0; outline:none; border-radius:50%; z-index:1; transition:all .30s ease}
.mfocus .mfocus_control .slick-dots li.slick-active button{background:rgba(255,255,255,1)}





/* mtraffic */
.mtraffic{position:relative; height:480px; background:url("../images/main/mtraffic_bg.jpg") 50% 50% no-repeat}
.mtraffic .mtraffic_inner{position:relative; width:1200px; height:480px; margin:0 auto; padding-top:265px; box-sizing:border-box}
.mtraffic .mtraffic_tit{position:absolute; top:60px; left:42px}
.mtraffic .mtraffic_tit .tit{display:inline-block; font-family:gmk; font-size:38px; font-weight:300; letter-spacing:-2px; line-height:115%; color:#505050}
.mtraffic .mtraffic_tit .tit strong{font-weight:300; color:#0c76d3}
.mtraffic .mtraffic_tit:after{content:''; position:absolute; right:-85px; top:0; width:79px; height:77px; background:url("../images/main/mtraffic_gage.png") 50% 50% no-repeat; background-size:79px 77px}

.mtraffic .legend_area{position:absolute; top:97px; right:38px; padding:10px 25px; background:rgba(255,255,255,.4); border-radius:5px}

.mtraffic .rti_status{position:relative; width:1085px; height:38px; margin:0 auto}
.mtraffic .rti_status .status_bar{position:absolute; height:18px; background:#c7c7c7}
.mtraffic .rti_status .status_bar.p01{left:0px; top:0; width:24px}
.mtraffic .rti_status .status_bar.p02{left:24px; top:0; width:150px}
.mtraffic .rti_status .status_bar.p03{left:174px; top:0; width:150px}
.mtraffic .rti_status .status_bar.p04{left:324px; top:0; width:150px}
.mtraffic .rti_status .status_bar.p05{left:474px; top:0; width:118px}
.mtraffic .rti_status .status_bar.p06{left:592px; top:0; width:352px}
.mtraffic .rti_status .status_bar.p07{left:944px; top:0; width:118px}

.mtraffic .rti_status .status_bar.p08{left:0px; bottom:0; width:24px}
.mtraffic .rti_status .status_bar.p09{left:24px; bottom:0; width:150px}
.mtraffic .rti_status .status_bar.p10{left:174px; bottom:0; width:150px}
.mtraffic .rti_status .status_bar.p11{left:324px; bottom:0; width:150px}
.mtraffic .rti_status .status_bar.p12{left:474px; bottom:0; width:118px}
.mtraffic .rti_status .status_bar.p13{left:592px; bottom:0; width:352px}
.mtraffic .rti_status .status_bar.p14{left:944px; bottom:0; width:118px}

.mtraffic .rti_status .status_bar.nosig{background:#c7c7c7}
.mtraffic .rti_status .status_bar.light{background:#39ba75}
.mtraffic .rti_status .status_bar.going{background:#f57d20}
.mtraffic .rti_status .status_bar.heavy{background:#f44336}

.mtraffic .rti_status .status_line_t,
.mtraffic .rti_status .status_line_b{position:absolute; left:0; width:100%; height:6px; background:url("../images/main/mtraffic_line.png") 50% 50% no-repeat}
.mtraffic .rti_status .status_line_t{top:6px}
.mtraffic .rti_status .status_line_b{bottom:6px}

.mtraffic .rti_status .status_info{position:relative; padding:130px 0 0}
.mtraffic .rti_status .status_info:after{content:''; display:block; clear:both}
.mtraffic .rti_status .status_info i{margin-top:-2px; font-size:22px; color:#909090; vertical-align:middle}
.mtraffic .rti_status .status_info span{display:inline-block; margin:0 5px; font-size:14px; color:#808080; letter-spacing:-0.8px; line-height:135%; vertical-align:middle}
.mtraffic .rti_status .status_info .fl{margin-left:-17px}
.mtraffic .rti_status .status_info .fr{margin-right:-18px}

.mtraffic .rti_status .status_bar .arrow_t,
.mtraffic .rti_status .status_bar .arrow_b{position:absolute; left:50%; width:24px; height:24px; margin-left:-12px; padding-top:4px; font-size:16px; color:#fff; background:#aeb3bc; border-radius:50%; box-sizing:border-box}
.mtraffic .rti_status .status_bar .arrow_t{top:-30px; padding-left:3px}
.mtraffic .rti_status .status_bar .arrow_b{bottom:-30px; padding-left:5px}

.mtraffic .rti_status .status_bar .arrow_t
{
    -webkit-animation: status_r1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
    -moz-animation: status_r1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
    -o-animation: status_r1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
    animation: status_r1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
}
@-webkit-keyframes status_r1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:10px; opacity:1}}
@-moz-keyframes status_r1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:10px; opacity:1}}
@-o-keyframes status_r1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:10px; opacity:1}}
@keyframes status_r1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:10px; opacity:1}}

.mtraffic .rti_status .status_bar .arrow_b
{
    -webkit-animation: status_l1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
    -moz-animation: status_l1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
    -o-animation: status_l1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
    animation: status_l1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
}
@-webkit-keyframes status_l1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:-30px; opacity:1}}
@-moz-keyframes status_l1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:-30px; opacity:1}}
@-o-keyframes status_l1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:-30px; opacity:1}}
@keyframes status_l1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:-30px; opacity:1}}


.mtraffic .rti_status .status_mark{position:absolute; width:18px; height:18px; background:#787c87; box-sizing:border-box; z-index:2}
.mtraffic .rti_status .status_mark:before{content:''; position:absolute; left:50%; top:50%; width:6px; height:6px; margin-top:-3px; margin-left:-3px; background:#bcbec3}
.mtraffic .rti_status .status_mark:after{content:''; position:absolute; left:50%; width:2px; height:44px; margin-left:-1px; background:#787c87}
.mtraffic .rti_status .status_mark .tit{position:absolute; left:50%; width:80px; height:36px; margin-left:-40px; line-height:34px; letter-spacing:-0.5px; font-size:13px; color:#fff; text-align:center; background:#787c87; border:1px solid #787c87; border-radius:2px; box-sizing:border-box}
.mtraffic .rti_status .status_mark .stit{position:absolute; left:50%; width:80px; height:36px; margin-left:-40px; line-height:34px; letter-spacing:-0.5px; font-size:13px; color:#808080; text-align:center; border:1px solid #c8c8c8; border-radius:2px; box-sizing:border-box}
.mtraffic .rti_status .status_mark .stit:after{content:''; position:absolute; left:50%; top:-45px; width:2px; height:44px; margin-left:-1px; background:#c8c8c8}
.mtraffic .rti_status .status_mark.p01{top:10px; left:15px}
.mtraffic .rti_status .status_mark.p02{top:10px; left:165px}
.mtraffic .rti_status .status_mark.p03{top:10px; left:315px}
.mtraffic .rti_status .status_mark.p04{top:10px; left:465px}
.mtraffic .rti_status .status_mark.p05{top:10px; left:583px}
.mtraffic .rti_status .status_mark.p06{top:10px; left:935px}
.mtraffic .rti_status .status_mark.p07{top:10px; left:1053px}
.mtraffic .rti_status .status_mark:after{bottom:18px}
.mtraffic .rti_status .status_mark .tit{top:-80px}
.mtraffic .rti_status .status_mark .stit{bottom:-80px}
.mtraffic .rti_status .status_mark.p01 .tit,
.mtraffic .rti_status .status_mark.p04 .tit,
.mtraffic .rti_status .status_mark.p07 .tit{background:rgba(244,67,54,.8); border:1px solid #f44336; color:#fff}
.mtraffic .rti_status .status_mark.p02 .tit,
.mtraffic .rti_status .status_mark.p03 .tit,
.mtraffic .rti_status .status_mark.p05 .tit,
.mtraffic .rti_status .status_mark.p06 .tit{background:rgba(245,125,32,.8); border:1px solid #f57d20; color:#fff}

.mtraffic .rti_status .status_mark.p02 .stit{width:160px; margin-left:-80px}


.mtraffic .rti_status .status_blank{position:absolute; top:0; width:18px; height:38px; background:#e8ebf0}
.mtraffic .rti_status .status_blank.p01{left:15px}
.mtraffic .rti_status .status_blank.p02{left:165px}
.mtraffic .rti_status .status_blank.p03{left:315px}
.mtraffic .rti_status .status_blank.p04{left:465px}
.mtraffic .rti_status .status_blank.p05{left:583px}
.mtraffic .rti_status .status_blank.p06{left:935px}
.mtraffic .rti_status .status_blank.p07{left:1053px}

.mtraffic .tip_info{position:absolute; left:305px; top:117px; padding-left:26px; color:#808080; line-height:155%; font-size:14px; letter-spacing:-0.8px}
.mtraffic .tip_info:before{content:"\e9ac"; position:absolute; left:0; top:0; font-family:xeicon; font-size:24px}
.mtraffic .tip_info .update{display:inline-block; margin-top:2px; color:#808080}
















/* mquick */
.mquick{position:relative; height:340px; background:url("../images/main/mquick_bg.jpg") 50% 50% no-repeat}
.mquick .mquick_inner{position:relative; width:1200px; margin:0 auto}
.mquick .mquick_list{position:relative; overflow:hidden}
.mquick .mquick_list:before,
.mquick .mquick_list:after{content:''; position:absolute; top:0; width:1px; height:100%; background:rgba(255,255,255,.1)}
.mquick .mquick_list:before{left:0}
.mquick .mquick_list:after{right:0}
.mquick .mquick_list li{position:relative; float:left; width:16.66666666666667%; height:340px; padding-top:95px; background:rgba(255,255,255,0); box-sizing:border-box}
.mquick .mquick_list li:hover{background:rgba(255,255,255,.1)}
.mquick .mquick_list li:last-child{border-right:none}
.mquick .mquick_list li:after{content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:rgba(255,255,255,.1)}
.mquick .mquick_list li:last-child:after{display:none}
.mquick .mquick_list li .mquick_box{display:block; position:relative; padding:110px 10px 0; text-align:center; box-sizing:border-box; transition:all .25s ease}
.mquick .mquick_list li .mquick_box:before{content:''; position:absolute; left:50%; top:5px; width:80px; height:80px; margin-left:-43px; background-position:50% 50%; background-repeat:no-repeat; transition:all .25s ease}
.mquick .mquick_list li .mquick_box:after{content:''; position:absolute; left:50%; top:50%; width:20px; height:2px; margin-left:-10px; margin-top:18px}
.mquick .mquick_list li .mquick_box .tit{display:inline-block; line-height:135%; font-family:gmk; font-size:17px; font-weight:300; color:#fff; letter-spacing:-0.8px}
.mquick .mquick_list li .mquick_box.mquick1:before{background-image:url("../images/main/mquick1.png"); background-size:73px 67px}
.mquick .mquick_list li .mquick_box.mquick2:before{width:93px; margin-left:-46.5px; background-image:url("../images/main/mquick2.png"); background-size:93px 52px}
.mquick .mquick_list li .mquick_box.mquick3:before{background-image:url("../images/main/mquick3.png"); background-size:68px 70px}
.mquick .mquick_list li .mquick_box.mquick4:before{background-image:url("../images/main/mquick4.png"); background-size:64px 70px}
.mquick .mquick_list li .mquick_box.mquick5:before{background-image:url("../images/main/mquick5.png"); background-size:77px 65px}
.mquick .mquick_list li .mquick_box.mquick6:before{background-image:url("../images/main/mquick6.png"); background-size:70px 58px}

.mquick .mquick_list li,
.mquick .mquick_list li .mquick_box,
.mquick .mquick_list li .mquick_box:before,
.mquick .mquick_list li .mquick_box:after{transition:all .25s ease}
.mquick .mquick_list li:hover .mquick_box{padding:120px 10px 0}
.mquick .mquick_list li:hover .mquick_box:before{top:-10px}
.mquick .mquick_list li:hover .mquick_box:after{background:#fff}

/* mspace */
.mspace_inner{position:relative; width:1200px; margin:0 auto; padding:70px 0}
.mspace_wrap{margin-left:-40px; margin-top:-40px}
.mspace_wrap:after{content:''; display:block; clear:both}
.mspace_box{float:left; width:50%}
.mspace_box:last-child{width:100%}
.mspace_box .box_inner{margin-left:40px; margin-top:40px}

/* mnew */
.mnew_box{position:relative; height:370px; padding:40px; padding-top:37px; border:1px solid #ebebeb; box-sizing:border-box}
.mnew_box .box_tit{position:relative; margin-bottom:17px}
.mnew_box .box_tit .tit{display:inline-block; line-height:135%; font-family:gmk; font-size:24px; font-weight:600; letter-spacing:-1px; color:#202020}
.mnew_box .list_box{display:block; position:relative; box-sizing:border-box}
.mnew_box .list_box a{display:block}
.mnew_box .list_box .cat{display:inline-block; margin-right:10px; padding:6px 8px 7px; font-family:nts; font-size:14px; letter-spacing:-0.8px; line-height:135%; border:1px solid #dadada; color:#505050; font-weight:normal; border-radius:1px; text-align:center; box-sizing:border-box}
.mnew_box .list_box .tit{display:block; color:#202020; font-size:20px; line-height:135%; letter-spacing:-0.8px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all .25s ease}
.mnew_box .list_box .new{display:inline-block; position:relative; width:22px; height:22px; margin-right:5px; margin-top:-4px; border:1px solid #048de7 ; color:#048de7; line-height:22px; font-size:13px; font-weight:300; text-align:center; vertical-align:middle; border-radius:50%}
.mnew_box .list_box .con{display:block; position:relative; margin-top:10px; color:#707070; font-size:15px; line-height:160%; letter-spacing:-0.5px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.mnew_box .list_box .dat{display:inline-block; position:relative; margin-top:12px; padding-left:27px; color:#909090; letter-spacing:normal; font-family:gmk; font-size:13px; font-weight:300; vertical-align:middle}
.mnew_box .list_box .dat i{position:absolute; left:0; top:-4px; font-size:24px}
.mnew_box .notice_list li:hover .tit{color:#0c76d3 !important}

.mnew_box .notice_list li:nth-child(1){margin-bottom:32px}
.mnew_box .notice_list li:nth-child(1) .tit{font-family:gmk; font-weight:600}

.mnew_box .notice_list li:nth-child(2) a,
.mnew_box .notice_list li:nth-child(3) a,
.mnew_box .notice_list li:nth-child(4) a,
.mnew_box .notice_list li:nth-child(5) a{padding:2.5px 0}

.mnew_box .notice_list li:nth-child(2) .list_box .tit,
.mnew_box .notice_list li:nth-child(3) .list_box .tit,
.mnew_box .notice_list li:nth-child(4) .list_box .tit,
.mnew_box .notice_list li:nth-child(5) .list_box .tit{padding-right:115px; color:#505050; font-size:15px; letter-spacing:-0.5px; font-weight:normal}

.mnew_box .notice_list li:nth-child(2) .list_box .con,
.mnew_box .notice_list li:nth-child(3) .list_box .con,
.mnew_box .notice_list li:nth-child(4) .list_box .con,
.mnew_box .notice_list li:nth-child(5) .list_box .con{display:none}

.mnew_box .notice_list li:nth-child(2) .list_box .dat,
.mnew_box .notice_list li:nth-child(3) .list_box .dat,
.mnew_box .notice_list li:nth-child(4) .list_box .dat,
.mnew_box .notice_list li:nth-child(5) .list_box .dat{position:absolute; right:0; top:-1px}

.mnew_box .no_data{position:relative; padding:25px 15px; text-align:center; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb}
.mnew_box .no_data .info_message{display:inline-block; font-size:15px; font-weight:normal; color:#808080; letter-spacing:-0.2px}
.mnew_box .no_data .info_message i{margin-top:-4px; font-size:18px; vertical-align:middle}


/* mfaq */
.mfaq_box{position:relative; height:370px; overflow:hidden; box-sizing:border-box}
.mfaq_box:before{content:''; position:absolute; bottom:-60px; right:-90px; width:486px; height:312px; background:url("../images/main/faq_symbol.png") 50% 50% no-repeat}
.mfaq_box .faq_list:after{content:''; display:block; clear:both}
.mfaq_box .faq_list li{float:left; width:33.33333%}
.mfaq_box .faq_box{display:block; position:relative; margin-left:-1px; padding:110px 25px; height:370px; border:1px solid #ebebeb; box-sizing:border-box; overflow:hidden}
.mfaq_box .faq_box .num{position:absolute; left:25px; top:35px; font-family:gmk; font-weight:600; font-size:60px; letter-spacing:-1.5px; color:#e7e7e7; line-height:135%}
.mfaq_box .faq_box .tit{display:block; position:relative; color:#202020; font-size:18px; line-height:165%; letter-spacing:-1.5px; font-family:gmk; font-weight:600; z-index:1}
.mfaq_box .faq_box .mor{display:block; position:absolute; left:25px; bottom:65px; width:48px; height:48px; line-height:48px; border:1px solid #dadada; color:#808080; text-align:center; border-radius:50%; box-sizing:border-box}
.mfaq_box .faq_box .mor i{margin-top:-3px; margin-left:2px; font-size:20px; font-weight:normal; vertical-align:middle}

.mfaq_box .faq_box:hover{border:1px solid #1565aa; background:#1565aa}
.mfaq_box .faq_box:hover .num{color:#6e95c1}
.mfaq_box .faq_box:hover .tit{color:#fff}
.mfaq_box .faq_box:hover .mor{border:1px solid #fff; color:#fff}

.mfaq_box .faq_list li:first-child .faq_box{margin-left:0}
.mfaq_box .faq_list li:nth-child(3) .faq_box:hover:before{content:''; position:absolute; bottom:-60px; right:-90px; width:486px; height:312px; background:url("../images/main/faq_symbol_ov.png") 50% 50% no-repeat}

.mfaq_box .faq_box,
.mfaq_box .faq_box .num,
.mfaq_box .faq_box .tit,
.mfaq_box .faq_box .mor{transition:all .25s ease}


/* magency */
.magency{display:flex; align-items:center; height:88px; border:1px solid #dadada; box-sizing:border-box}
.magency .agency_link{flex:1; text-align:center}
.magency .agency_link a{display:inline-block; padding:10px 0}