@import url("https://fonts.dubuplus.com/css?family=Play");
.cont1 {}
.cont1 .bg {    
    height: 470px; background:url(/app/dubu_sourcecode/docs/imgs/1629680801_image.jpg) no-repeat 0 0; background-size: 100%;}
.cont1 h3 {
    background: #fff;
    display: block;
    padding: 50px;
    font-size: 30px;
    letter-spacing: -1px;
    text-align: center;
    color: #000;
    margin: -130px auto 0;
    width: 80%;
    line-height: 1.5;
}
.cont1 h3 span {display:block; font-weight:300;}
.cont1 h3:before{ font-family:'Play'; content:'WELCOME TO KOREA STATIC DISCHARGE'; margin-bottom:20px; color:#1e4da4; letter-spacing: 5px; font-weight:bold;margin: 0 auto; display:block; font-size:18px;}
.cont1 h3:after {content:''; background:#ccc;margin: 50px auto 0; display:block; width:50px;height:1px;}
.cont1 p {font-size:17px; text-align:center; color:#777;letter-spacing: -0.8px;}
.cont1 p.name {margin: 50px 0}
.cont1 p.name span {font-size:24px; color:#000; font-weight:600; margin-left:5px; letter-spacing: 5px;}
.cont1 .c_y{}

.cont2 .type1 {font-size:0; margin:30px 0 80px; }
.cont2 .type1 li {
    display: inline-block;
    width: 25%;
    text-align: center;
    background: #456eb9;
    border-radius: 30px;
    padding: 10px;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}
.cont2 .type2 {}
.cont2 .type2 li {display:inline-block; vertical-align: top;width:28%; text-align:Center; margin-right:30px;}
.cont2 .type2 li img {margin-bottom:20px;}
.cont2 .type2 li strong {font-family: 'nanumsquare',sans-serif; font-size:22px; display:Block; margin-bottom:10px; font-weight: 800;}
.cont2 .type2 li:last-child {margin-right:0; width: 37%}
.cont2 .type2 li p {   font-size: 16px; color:#777;}
.cont2 .type2 li p span  {display: block; text-align:left; }

.cont3 {text-align:Center; margin: 50px 0 0}
.cont3 h3 {font-family:'Play'; font-size: 35px;color:#0c3fa9; margin: 0 0 50px; }
.cont3 h3:after{display:block; width:50px; margin:  20px auto 0; content:''; background:#ddd; height:3px;}
.cont3 h3 span {display: block; font-size: 22px; color:#333;  font-weight: 700;  margin: 5px 0 0; font-family: 'nanumsquare',sans-serif; }
.cont3 > strong {font-family: 'nanumsquare',sans-serif;  padding:20px; font-weight: 800; font-size:30px; color:#0c3fa9; margin: 30px auto; display:block;}

.cont3 p strong {display: block; font-family:'Play'; font-size:25px; margin-bottom:10px;}
.cont3 p span {
    width: 23%;
    border: 5px solid #ddd;
    padding: 10px 20px;
    margin: 5px;
    font-size: 15px;
    border-radius: 50px;
    display:inline-block;
}
/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
    .cont1 h3 {width:100%; }
    
    .cont2 .type2 li {margin-right: 20px;}
    .cont3 p span {width: 48%;}
    .cont2 .type2 li p {
        font-size: 14px;}

    .mo {display:none;}
}

/* mobile */
@media screen and (max-width:767px){
    .bg {display:none;}

    .cont1 {padding: 10px}
    .cont1 p { font-size: 14px;}
    .cont1 h3 { font-size: 20px; padding:30px 0; margin: 0; width: 100%;}
    .cont1 h3:before {font-size:12px; letter-spacing: 3px;}
    .cont1 h3:after { margin: 30px auto 0;}
    .cont1 span, .cont1 p.name span { font-size: 18px;}


    .cont2 .type2 li p span {text-align:center;}

    .cont2 .type1 li {width: 48%; margin:1%;}
    .cont2 .type2 li { width:100%; margin-bottom: 50px;}
    .cont2 .type2 li:last-child  {width:100%;}
    .cont2 .type2 li p {    font-size: 14px;}

    .cont3 > strong { font-size: 25px;}

    .cont3 p span {width:100%;}
    .mo {display:none;}
}