@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");


html { font-family:"Nanum Gothic",arial,sans-serif;} 
label { display:none; }

/*
#app{
    max-width:1400px;
    margin:0 auto;
    position: relative;
   padding-bottom: 100px;
}
header{
    max-width:1400px;
}
footer{
    max-width:1400px;
    margin:20px 0 0 0; padding:0;
    height: 100px;
   
    width: 100%;
}
*/

.txtL {text-align:left;}
.txtR {text-align:right;}
.txtC {text-align:center;}

.card {
    margin: 0 auto; /* Added */
    float: none; /* Added */
    margin-bottom: 10px; /* Added */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bdSrchOp{ padding:6px 5px; width:100%;}
.bdSrchOp2{ padding:6px 5px; width:100px;}
.bdSrchIpt{ padding:3px 5px; width:200px; max-width:200px; }

.basicBtnSrch{ padding:5px 8px 3px 8px !important; float:left;margin-left:5px; }

.minw150{min-width:150px;}
.w100 {width:100px; min-width:100px;}
.w110 {width:110px; min-width:110px;}
.w120 {width:120px; min-width:120px;}
.w150 {width:150px; min-width:150px;}
.w180 {width:180px; min-width:180px;}
.w250 {width:250px; min-width:250px;}

.table th, .table td{ border-bottom:1px solid #c1c1c1;}

#mainView{ width:100vw; height:100vh; background-image:url('/img/mainBg3.jpg'); background-size:cover; background-repeat: no-repeat; background-position: 50%; }
#mainContents{ width:100vw; height:400px; background-image:url('/img/mainBg-cont1.jpg'); background-size:cover; background-position: 50%; background-size: 150%; }
#introduce { width:100vw; height:420px; background-image:url('/img/mainBg5.jpg'); background-size:cover; }
#bizPerformance{ width:100vw; height:400px; background-image:url('/img/mainBg.jpg'); background-size:cover; background-position: 50%; }

.subContents{height:400px;padding:8px;}
.subContents2{height:380px;}
.subContents3{height:400px;padding:8px;}
.mainSubT{ font-size:23pt;}
.mainSubT2{color:white; font-size:23pt;}

.padd83{padding:8px 3px;}
.padd030{padding:0 30px;}
.padd2030{padding:20px 30px;}


.outFocus{ color:#d0d0d0 !important;  }
.inFocus{ color:white !important; transform: scale(1.01);}
.isActive{ color:cornflowerblue !important; font-weight:bold;}

.liOpenNotice{ text-align:left; cursor:pointer; font-size:1.1rem;}

.bizDetailTable {height:180px;font-size:0.98rem;}
.bizDetailTable td, .bizDetailTable th{ padding:3px 8px; border: 1px solid #d4d4d4;} 

footer {margin-top:20px;margin-left:50px;}

@media (max-width: 565px) { 

 footer {margin-top:30px;}
 footer ul {margin-top:20px;}
}

@media (max-width: 600px) { 

    #mainContents{ height:800px;}
    #introduce {height:750px;}
    

    #cp1{font-size:20pt !important;}
    #cp2{font-size:16pt !important;}
    #pr{font-size:11pt;position:absolute; left:40px !important; top:380px !important;}
    #mainView p{line-height:23pt !important;text-align:left;}

 }

 @media (max-width: 768px) { 
    #mainContents{ height:800px;}
    #introduce {height:740px;}

    footer {margin-left:-5px;}
 }


 @media (min-width: 769px) and (max-width: 991px) { 
    
    #mainContents{ height:800px;}
    #introduce {height:550px;}
    .subContents2{height:420px;}

    #pr{font-size:11pt;position:absolute; left:40px !important; top:440px !important;}
 }