@charset "utf-8";

/*BG*/
#multipleDiv_templet_organ_B_7{background:#EEE;}

/*COMMON*/
#multipleContentsDiv_templet_organ_B_7,
#multipleContentsDiv_templet_organ_B_8{max-width:1600px;padding:80px 0;}
#multipleContentsDiv_hkce_116{max-width:1600px;}
@media all and (max-width:1700px){
  #multipleContentsDiv_templet_organ_B_7,
  #multipleContentsDiv_templet_organ_B_8,
  #multipleContentsDiv_hkce_116{max-width:96%;}
}
@media all and (max-width:1280px){
  #multipleContentsDiv_templet_organ_B_7,
  #multipleContentsDiv_templet_organ_B_8{padding:50px 0;}
}
@media all and (max-width:768px){
  #multipleContentsDiv_templet_organ_B_7,
  #multipleContentsDiv_templet_organ_B_8{padding:30px 0;}
}


/*바로가기1*/
#menu1750_obj56{position:absolute;left:0;bottom:50px;z-index:1;}
@media all and (max-width:768px){
  #menu1750_obj56{position:relative;left:unset;bottom:unset;}
}


/*타이틀*/
.main_title{height:100%;}
.main_title h2{padding-bottom:30px;}
.main_title h2 span{font-size:30px;color:#FFF;font-family:'Dream Bold';line-height:1;position:relative;padding:5px 10px 0 0;display:inline-block;}
.main_title h2 span::before{content:"";display:block;width:10px;height:10px;border-radius:100%;background:#00a993;position:absolute;right:0;top:0;}
@media all and (max-width:1280px){
  .main_title h2 span{font-size:24px;}
}
@media all and (max-width:768px){
  .main_title h2 span{font-size:20px;}
}


#multipleDiv_templet_organ_B_8,
#multipleDiv_templet_organ_B_9{background:url(../../images/bg_1.jpg) no-repeat center;background-size:cover;}


/*3단-바로가기*/
.wrap_banner{width:100%;height:100%;}
.wrap_banner a{padding:30px 50px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transition:0.5s;}
.wrap_banner strong{font-size:22px;color:#FFF;font-family:'Dream Bold';}
.wrap_banner strong::after{content:"";display:block;width:0;height:2px;background:#FFF;margin-top:5px;transition:0.4s;}
.wrap_banner span{font-size:18px;color:#FFF;}
.wrap_banner .item_1{font-family:'Dream Regular';padding-top:10px;line-height:1.3;}
.wrap_banner .item_2{font-family:'Play Regular';padding-top:35px;line-height:1;display:flex;align-items:flex-end;}
.wrap_banner .item_2::before{margin:0 -10px 2px 0;content:"";display:block;width:18px;height:18px;border-radius:100%;background:rgba(255,255,255,0.3);}
.wrap_banner .item_2::after{margin:0 0 3px 10px;content:"";display:block;width:22px;height:7px;background:url(../../images/arrow_2.png) no-repeat right bottom;transition:0.3s;}
.wrap_banner.type_1 a{background:rgba(0,66,142,0.9);}
.wrap_banner.type_2 a{background:rgba(0,0,0,0.7);}
.wrap_banner.type_3 a{background:rgba(50,102,163,0.9);}
/*HOVER효과*/
@media all and (min-width:1281px) {
	.wrap_banner.type_1 a:hover{background:rgba(0,66,142,1);}
	.wrap_banner.type_2 a:hover{background:rgba(0,0,0,1);}
	.wrap_banner.type_3 a:hover{background:rgba(50,102,163,1);}
	.wrap_banner a:hover strong::after{width:100%;}
	.wrap_banner a:hover .item_2::after{margin-left:20px;}
}
@media all and (max-width:1280px) {
	.wrap_banner a{padding:30px;}
	.wrap_banner strong{font-size:20px;}
	.wrap_banner span{font-size:16px;}
}
@media all and (max-width:768px) {
	#multipleDiv_templet_graduated_A_11::before{width:100%;}
	#multipleDiv_templet_graduated_A_11::after{display:none;}
	.wrap_banner a{padding:20px;}
	.wrap_banner strong{font-size:18px;}
	.wrap_banner span{font-size:14px;}
	.wrap_banner .item_1{padding-top:0;}
	.wrap_banner .item_2{padding-top:25px;}
}

/*타이틀*/
.wrap_link_title{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;border-right:1px solid #e5e5e5;}
.wrap_link_title h2 span{font-size:14px;color:#888;font-family:'Dream Light';display:block;}
.wrap_link_title h2 strong{font-size:21px;color:#212121;font-family:'Dream Bold';display:block;margin-top:15px;}
.wrap_link_title a{display:flex;align-items:center;}
.wrap_link_title a::before{content:"";display:block;margin-right:10px;width:23px;height:20px;background:url(../../images/icon_10.png) no-repeat;transition:0.5s;}
.wrap_link_title a span{font-size:15px;color:#010101;font-family:'Dream Bold';border-bottom:2px solid #00a79e;padding-bottom:3px;display:inline-block;transition:0.3s;}
/*HOVER효과*/
@media all and (min-width:1281px) {
  .wrap_link_title a:hover span{color:#00a79e;}
  .wrap_link_title a:hover::before{transform: rotatey(180deg);}
}
@media all and (max-width:1280px) {
  .wrap_link_title{padding:30px;border-right:0;}
  .wrap_link_title h2{text-align:center;}
  .wrap_link_title h2 br{display:none;}
  .wrap_link_title h2 strong{margin-top:5px;}
  .wrap_link_title a{margin-top:15px;}
}
@media all and (max-width:768px) {
  .wrap_link_title h2 span{font-size:12px;}
  .wrap_link_title h2 strong{font-size:18px;}
}