@charset "utf-8";


/*BG*/
#multipleDiv_templet_graduated_A_11{background:#f9f9f9 url(../../images/bg_1.jpg) no-repeat center;}
#multipleDiv_templet_graduated_A_14{background:#f9f9f9 url(../../images/bg_2.jpg) no-repeat center;}
@media all and (max-width:1700px){
}


/*COMMON*/
#multipleContentsDiv_templet_graduated_A_11,
#multipleContentsDiv_templet_graduated_A_12,
#multipleContentsDiv_templet_graduated_A_14{max-width:1700px;margin:0 auto;}
#multipleContentsDiv_templet_graduated_A_11,
#multipleContentsDiv_templet_graduated_A_12,
#multipleContentsDiv_templet_graduated_A_14{padding:100px 0;}
@media all and (max-width:1700px){
  #multipleContentsDiv_templet_graduated_A_11,
  #multipleContentsDiv_templet_graduated_A_12,
  #multipleContentsDiv_templet_graduated_A_14{max-width:96%;}
}
@media all and (max-width:1280px){
  #multipleContentsDiv_templet_graduated_A_11,
  #multipleContentsDiv_templet_graduated_A_12,
  #multipleContentsDiv_templet_graduated_A_14{padding:60px 0;}
}
@media all and (max-width:768px){
  #multipleContentsDiv_templet_graduated_A_11,
  #multipleContentsDiv_templet_graduated_A_12,
  #multipleContentsDiv_templet_graduated_A_14{padding:40px 0;}
}


/*슬로건*/
#menu10826_obj22{position:absolute;top:0;left:0;width:100% !important;}
.slogan{max-width:1700px;margin: 0 auto;color:#FFF;line-height:1.3;padding-top:350px;}
.slogan .item_1{font-family:'Dream Regular';font-size:15px;}
.slogan .item_2{font-family:'Dream Medium';font-size:42px;text-shadow:1px 1px 1px #000;padding-top:15px;}
.slogan .item_3{font-family:'Dream Medium';font-size:42px;text-shadow:1px 1px 1px #000;letter-spacing:-2px;padding-top:5px;}
.slogan .item_3 span{display:block;}
@media all and (max-width:1700px){
  .slogan{max-width:96%;}
}
@media all and (max-width:1280px){
  .slogan{padding-top:150px;}
  .slogan .item_2,
  .slogan .item_3{font-size:35px;}
}
@media all and (max-width:768px){
  .slogan .item_1{font-size:14px;}
  .slogan .item_2,
  .slogan .item_3{font-size:22px;}
}


/*타이틀*/
.mainTitle{text-align:center;}
.mainTitle::after{content:"";display:block;width:100px;height:2px;background:#222;margin:30px auto 50px auto;}
.mainTitle strong{font-family:'Play Bold';font-size:50px;letter-spacing:-2px;line-height:1;}
@media all and (max-width:1280px){
  .mainTitle strong{font-size:40px;}
  .mainTitle::after{width:80px;margin:20px auto 30px auto;}
}
@media all and (max-width:768px){
  .mainTitle strong{font-size:30px;}
  .mainTitle::after{width:60px;}
}


.wrap_banner{display:flex;flex-wrap:wrap;}
.wrap_banner a{width:24%;margin:0.5%;display:flex;align-items:flex-start;padding:30px;border:1px solid #EEE;border-top:3px solid #222;background:#f9f9f9;transition:0.5s;}
.wrap_banner a img{max-width:35px;}
.wrap_banner a span{padding-left:15px;max-width:calc(100% - 30px);line-height:1.3;color:#222;}
.wrap_banner a strong{font-family:'Dream Bold';font-size:20px;display:block;padding-bottom:10px;}
.wrap_banner a i{font-family:'Dream Regular';font-size:16px;}
/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_banner a:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);border-color:#03499a;}
	.wrap_banner a:hover span{color:#03499a;}
}
@media all and (max-width:1280px){
	.wrap_banner a{width:32.3%;padding:20px;}
}
@media all and (max-width:768px){
	.wrap_banner a{width:49%;}
}
@media all and (max-width:520px){
	.wrap_banner a{width:100%;margin:0 0 20px 0;padding:15px;}
	.wrap_banner a strong{font-size:18px;}
	.wrap_banner a span{font-size:14px;}
}