/* Add here all your CSS customizations */
/*1910 일신제어 css*/
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700&display=swap');

body{ font-family:'Noto Sans KR', sans-serif; font-size:1rem;}
h1, h2, h3, h4, h5, h6 { font-family: 'NanumSquare', sans-serif; font-weight:800}
h2 {font-size: 28.8px;	font-size: 2.5rem;}
html .btn-tertiary, html.sticky-header-active .btn-sticky-tertiary{background-color: #d61d4e}
p{line-height: 1.4}
.bg-light-5{background-color: #e7ecf3 !important}
footer{font-size: 0.8rem;}

/*index*/
#slide-overlay div.tp-caption{font-family: 'NanumSquare', sans-serif;}
#IcUNews .newsbanner{max-width:357px; margin: auto}
#IcUNews .card img{max-width:357px; width:100%; }

/*content*/
.nav-secondary{background: #545564;}
.pc{display: block}
.mobile{display: none;}

/*회사소개*/
#areas .circle{position: absolute; right: 0; bottom: 50%; width:10px; height:10px; border-radius:50%; background:#fff;}
#overview table th{background:#d61d4e; color: white!important; text-align: center}
.pagination .page-item + .page-item.active .page-link{background:#d61d4e;border-color:##d61d4e; }
.table td, .table th{vertical-align: middle;}

#history .icon-box{ background:url(../img/content/rdot.png) repeat-y top left 8px}
#history .icon-box:last-child{ background:url(../img/content/rdot.png) no-repeat top -50px left 8px}
#history .icon-box>div{position: relative; padding-left: 35px;}
#history .bullet{position:absolute; left: 0;}

#team img{width: 100%;}
#team img.mobile{max-width:400px;}

/*사업현황*/
#business .card img{width:100%}
#process .card{border-color:#535353; padding: 0; margin: 0;}
#process .card{line-height: 45px;}
#process .card .num{width:45px; height: 45px; border:1px solid #535353;}

/*고객센터*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*news*/
#news .card img{width:100%}
.post{max-width: 100%;}
.post img{max-width: 100%; margin: 0 0 1.2em;}
.move_btn .btn{border:1px solid gray;}
.move_btn .btn:hover{background: #d61d4e; color:#fff;}


@media (max-width: 1197px){
    #history .col-lg-5{max-width: 55%;}
}
@media (max-width: 992px){
    .pc{display: none}
    .mobile{display: block}
    
    #overview .company_img{flex:none; max-width:100%; margin-bottom:0 !important;}
    #overview .company_img > div{max-width:100% !important;}
    #overview .company_img img{width:100% !important;}
    #overview .col-md-6{flex:none;max-width: 80%;}
    #overview .col-md-6 .table{max-width: 95%; margin: auto;}
    #history .col-lg-5{max-width: 65%;}
    
}
@media (max-width: 950px){
    #overview .container .info{margin: 0 20px;}
}
@media (max-width: 768px){
    #areas .image-frame{padding:25px 0 30px;}
    #areas .circle{left:49%; bottom:0 !important;}
    #history .col-lg-5{max-width: 100%;}
    
    #contact .container>div>div{margin-bottom: 20px;}
    .admin-btn{/* margin-bottom: 20px !important; */}
}
@media (max-width: 460px){
    h2{font-size:2rem;}
    .text-4{font-size: 1rem !important;}
    .pt-5{padding-top:1rem !important;}
    .btn-h-2{padding-left: 1rem !important; padding-right:1rem !important;}
    .owl-carousel.carousel-center-active-items{padding-bottom:30px;}
    
    #overview .col-md-6{flex:none;max-width: 100%;}
    #areas .container div.py-5{padding-top:0 !important; padding-bottom: 0!important;}
    #history .icon-box {display: block;}
    #history .icon-box > div {margin-bottom: 20px;}

    #contact .container > div{margin-top: 0;}
}