*{margin: 0px; padding: 0px; box-sizing: border-box;}

/* ÀԽÿë*/
.intro_wrap{width: 100%; height:100%; background: url(../images/ipsi/intro_bg14.jpg) no-repeat; background-size: cover; overflow: hidden; background-color: rgba(0,0,0,0); overflow-y: scroll;}
/**/
/* ¿Â¶óÀΰ­ÀÇ¿ë
.intro_wrap{width: 100%; height:100%; background: url(../images/lec/intro_bg9.jpg) no-repeat; background-size: cover; overflow: hidden; background-color: rgba(0,0,0,0); overflow-y: scroll;}
 ¿Â¶óÀΰ­ÀÇ¿ë */

.intro_wrap .content_wrap {max-width: 1200px; min-height:667px; width: 100%; height: 100%; margin:0 auto; padding: 20px 10px; position:relative;}
.intro_wrap .footer{position: absolute; left: 0px; bottom:0; width: 100%; text-align: center; font-size: 16px; background-color:grey; color:rgba(0,0,0,0.6); margin-bottom: 20px;}

/*
.intro_wrap .content_wrap .header{width: 100%; font-size: 24px; color: #fff; text-align: right;}
.intro_wrap .content_wrap .header div{overflow: hidden; border-bottom:1px solid #eeeeee; padding:10px 0; margin-bottom: 10px; display: table; width: 100%;}
.intro_wrap .content_wrap .header div img{display: table-cell;}
.intro_wrap .content_wrap .header div span{display: table-cell; font-size:34px;}
*/

.intro_wrap .content_wrap .header{width: 100%; font-size: 24px; color: #083a70; text-align: right; font-weight: 500;}
.intro_wrap .content_wrap .header div{overflow: hidden; border-bottom:1px solid #eeeeee; padding:10px 0; margin-bottom: 10px; display: table; width: 100%;}
.intro_wrap .content_wrap .header div img {display: table-cell;}
.intro_wrap .content_wrap .header div span{display: table-cell; font-size:34px; color:#083a70; font-weight: 400;}



/* ¿Â¶óÀÎ °­ÀÇ¿ë */
.intro_wrap .content_wrap .header2{width: 100%; font-size: 24px; color: #083a70; text-align: right;}
.intro_wrap .content_wrap .header2 div{overflow: hidden; border-bottom:1px solid #eeeeee; padding:10px 0; margin-bottom: 10px; display: table; width: 100%;}
.intro_wrap .content_wrap .header2 div img{display: table-cell;}
.intro_wrap .content_wrap .header2 div span{display: table-cell; font-size:34px; color:#083a70;}
/* ¿Â¶óÀÎ °­ÀÇ¿ë */

.con{position:absolute; top:50%; left: 0; margin-top:-110px; width: 100%; padding:0 10px;}
.con::before{content: ""; clear: both;}
.con > ul > li{float: left; width: 50%; display: inline-block;}

/* ¿Â¶óÀÎ °­ÀÇ¿ë
.linkbox2{font-size:38px; color:#fff; margin-left:0px; padding: 50px 70px; height: 160px; font-weight: 500;}
.linkbox2 a{float: right; padding:5px 20px; font-size: 18px; color:#fff; font-weight: 100; margin-top: 15px;}
.linkbox2.a1{background-color:rgba(224,161,43,0.85);}
.linkbox2.a1 a{background: #ae7204;}
.linkbox2.a2{background-color:rgba(148,151,152,0.85);}
.linkbox2.a2 a{background: #085770;}
¿Â¶óÀÎ °­ÀÇ¿ë */

/* ÀԽÿë */
/*.linkbox{font-size:38px; color:#fff; padding: 50px 30px; height: 160px; font-weight: 500;}*/
.linkbox{font-size:38px; color:#fff; padding: 50px 60px; height: 160px; font-weight: 500;}
.linkbox a{float: right; padding:5px 20px; font-size: 18px; color:#fff; font-weight: 100; margin-top: 15px;}
.linkbox.a1{background-color:rgba(224,161,43,0.85);}
.linkbox.a1 a{background: #ae7204;}
.linkbox.a2{background-color:rgba(8,58,112,0.85);}
.linkbox.a2 a{background: #002750;}
/* ÀԽÿë */


.con > ul > li:nth-of-type(2){height: 320px; background:rgba(14,96,157,0.85);}
.quick_wrap li{position: relative; float:left; width:33.33333333333333%; height: 165px; text-align: center;}
.quick_wrap li a{position: absolute; left: 50%; top:50%; margin-top:-50px; margin-left:-75px; width:150px; height: 100px; font-size:20px; color:#fff; font-weight:500;}
.quick_wrap li a span{display:block; position: absolute; bottom:0; width: 100%;}
/*
.con > ul > li:nth-of-type(2){height: 320px; background:rgba(14,96,157,0.85);}
.quick_wrap li{position: relative; float:left; width:33.33333333333333%; height: 200px; text-align: center;}
.quick_wrap li a{position: absolute; left: 50%; top:50%; margin-top:-50px; margin-left:-75px; width:150px; height: 100px; font-size:20px; color:#fff; font-weight:500;}
.quick_wrap li a span{display:block; position: absolute; bottom:0; width: 100%;}
*/
/* ¿Â¶óÀÎ °­ÀÇ¿ë 
.quick_wrap2 li{position: relative; float:left; width:100%; margin-top:95px; height: 160px; font-size:30px; color:#fff; font-weight:500; text-align: center;}
.quick_wrap2 li a{position: absolute; left: 50%; top:50%; margin-top:-50px; margin-left:-75px; width:150px; height: 100px; font-size:20px; color:#fff; font-weight:500;}
.quick_wrap2 li a span{display:block; position: absolute; bottom:0; width: 100%;}
 ¿Â¶óÀÎ °­ÀÇ¿ë */

/* tablet */
@media (max-width: 1200px) and (min-width: 850px){

}

/* tablet */
@media (max-width: 850px) and (min-width: 600px){
    .intro_wrap .content_wrap .header{font-size: 14px;}
    .intro_wrap .content_wrap .header div img{width: 100px;}
    .intro_wrap .content_wrap .header div span{font-size:24px;}
    
    .con{position:static; margin-top:30px; padding:0;}
    .con > ul > li{width: 100%;}
    .linkbox{font-size:20px; height: auto; padding:30px;}
    .linkbox a{font-size:14px; margin-top:0;}
    .con > ul > li:nth-of-type(2){height: auto;}
    .quick_wrap li{width:16.6666%;}
    .quick_wrap li a{height:90px;}
    .quick_wrap li a span{font-size: 15px;}
    .intro_wrap .footer{font-size:14px;}
}

@media (max-width: 600px){
    .intro_wrap .content_wrap .header{font-size: 14px; text-align: center;}
    .intro_wrap .content_wrap .header div img{width: 100px; display:inline;}
    .intro_wrap .content_wrap .header div span{font-size:24px; display:none;}
    
    .con{position:static; margin-top:30px; padding:0;}
    .con > ul > li{width: 100%;}
    .linkbox{font-size:20px; height: auto; padding:30px;}
    .linkbox a{font-size:14px; margin-top:0;}
    .con > ul > li:nth-of-type(2){height: auto;}
    .quick_wrap li{width:33.33333%; height:125px;}
    .quick_wrap li a{height:90px;}
    .quick_wrap li a span{font-size: 15px;}
    .intro_wrap .footer{font-size:12px;}
}