/* 공통 */
.resize{position: relative; display:block; height:0; padding-bottom:57.8%; box-sizing:border-box;}
.resize .re{position: absolute; left:0; right:0; top:0; bottom:0; box-sizing:border-box; }
.flex{display:flex;}
.flex_wrap{flex-wrap:wrap;}
.jc{justify-content:space-between}
.jc1{justify-content:center}
.ai{align-items:center;}
#main_wrap{max-width:95%; margin:0 auto; padding:1em 0; box-sizing:border-box;}







#footer_wrap{text-align:center}
.login_alink > ul > li a:nth-child(1){color:#fff !important}
.cd-nav-container{width:100%}



.quick_menu h2{font-size:6vw; text-align:center}
.quick_menu{margin-bottom:1em}
.quick_menu ul{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
.quick_menu ul li{width:50%; text-align:center; border-top:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; padding: 1em;}
.quick_menu ul li a{display:block;}
.quick_menu ul li span{display:inline-block;}
.quick_menu ul li span img{width:18vw;}
.quick_menu ul li p{margin-top:1em; font-weight:700; font-size:4vw;}
.quick_menu ul li:hover{background:#007dc1}
.quick_menu ul li:nth-child(1):hover span img{content:url('/mobile/img/main/20220824_1_1.png')}
.quick_menu ul li:nth-child(2):hover span img{content:url('/mobile/img/main/1026_icon4.png')}
.quick_menu ul li:nth-child(3):hover span img{content:url('/mobile/img/main/0830_3_2.png')}
.quick_menu ul li:nth-child(4):hover span img{content:url('/mobile/img/main/20220824_4.png')}
.quick_menu ul li:nth-child(5):hover span img{content:url('/mobile/img/main/20220824_6.png')}
.quick_menu ul li:nth-child(6):hover span img{content:url('/mobile/img/main/0926_icon7.png')}


.quick_menu ul li:hover p{color:#fff;}



.m_content2{flex-direction:column;}
.m_content2 .content2_wrap{width:100%; padding-bottom:1em; box-sizing:border-box;}
.m_content4 .content2_wrap h2{text-align:center; border-bottom:1px solid #999; padding:1em; box-sizing:border-box; font-weight:600; font-size:1.2rem; color:#fff}
.customer_wrap > div{background:url('/mobile/img/main/main_img4.jpg') no-repeat center center; background-size:cover; height:260px;}
.customer_txt{padding:2.8em; box-sizing:border-box;}
.customer_txt p{line-height:1.4; color:#fff}
.customer_txt p:first-child{font-size:1.8rem; font-weight:600; margin-bottom:10px;}
.customer_txt strong{font-weight:600}
.customer_txt p:last-child{color:#ef4036; font-weight:500}

.news_tab{border-top:1px solid #ddd;}
.news_tab ul li{width:33.333%; border-right:1px solid #ddd; text-align:center;}
.news_tab ul li:first-child{border-left:1px solid #ddd}
.news_tab ul li a{padding:1em; box-sizing:border-box; display:block; font-weight:600; font-size:1.2rem;}
.news_tab ul li.on{background:#007dc1}
.news_tab ul li.on a{color:#fff}
.list_wrap{padding:1em; box-sizing:border-box; border:1px solid #ddd;}
.list_wrap li{line-height:2; display:flex; justify-content:space-between;}
.list_wrap li a{color:#777; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%}
.list_wrap li a:hover{color:#000; text-decoration:underline;}
.list_wrap li span{color:#999; font-size:0.9rem}

.cms_wrap{background:url('/common/img/main/main_img3.jpg') no-repeat center; background-size:cover;}
.cms_wrap{border:1px solid #ddd}
.cms_txt{padding:1.16em 1em; box-sizing:border-box;}
.cms_txt ul li{line-height:2.8; border-bottom:1px solid #999; display:flex; justify-content:space-between; align-items:center;}
.cms_txt ul li a{font-size:1.1rem; font-weight:500; width:90%; color:#fff}
.cms_txt ul li i{background:#007dc1; color:#fff; cursor: pointer; padding:3px;}
.cms_txt ul li:hover i{background:#ef4036}




@media (max-width:500px){
.customer_txt p:first-child{font-weight:700}
}