@charset "utf-8";

@import url("layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다.**********/



/*비주얼텍스트*/
.main_visula_text{line-height:1.25;}
.main_visula_text .div_1{font-size:23px;text-align:left;color:#FFF;}
.main_visula_text .div_2,
.main_visula_text .div_3{font-size:45px; font-weight:400; text-align:left; color:#FFF;line-height:48px;}
@media only screen and (max-width:480px){
  .main_visula_text .div_1{font-size:18px;text-align:left;color:#FFF;}
  .main_visula_text .div_2,
  .main_visula_text .div_3{font-size:32px; font-weight:400; text-align:left; color:#FFF;line-height:32px;}
}
@media only screen and (max-width:380px){
  .main_visula_text .div_1{font-size:16px;text-align:center;color:#FFF;}
  .main_visula_text .div_2,
  .main_visula_text .div_3{font-size:23px; font-weight:400; text-align:center; color:#FFF;line-height:30px;}
}

/*버튼*/
a.btn		{line-height: 23px !important; margin: 0 !important;}

.ubi-mobile01{margin-top:30px;text-align:center;}
.ubi-mobile01 > ul{display:none;padding:35px;background:#f5f6f8;}
.ubi-mobile01 > ul > li{border:1px solid #18b7cc;padding:12px;border-radius:12px;font-size:16px;margin-bottom:10px;color: #18b7cc;background:#fff;font-weight: 500;letter-spacing: -1px;}
.ubi-mobile01 > ul > li:nth-child(1){background:#18b7cc;padding:15px;border-radius:15px;font-size: 17px;color:#fff;margin-bottom:25px;}
.ubi-mobile01 > ul > li:nth-child(5){border:1px solid #3567b6;margin-top: 25px !important;color: #3567b6;}

.ubi-mobile02{text-align:center;}
.ubi-mobile02 > ul{display:none;padding: 30px 35px 15px;background:#f5f6f8;font-size:0;}
.ubi-mobile02 > ul > li{margin-bottom:20px;font-weight: 500;letter-spacing: -1px;font-size: 16px;width:calc(100% / 2);display: inline-block;text-align: left;}
.ubi-mobile02 > ul > li span{font-size: 15px;color:#0a47ae;border:1px solid #0a47ae;border-radius:100%;text-align: center;width: 25px;margin-right:12px;height: 25px;display: inline-block;vertical-align: middle;margin-top: -3px;box-sizing: border-box;line-height: 22px;font-weight: 600;}

.ubi-org-mobile{text-align:center;}
.ubi-org-mobile > ul{display:none;position:relative;}
.ubi-org-mobile > ul:before{content:'';width:1px;height:100%;background:#cdcdcd;position:absolute;z-index:-1;}
.ubi-org-mobile > ul > li{padding: 12px 12px;color:#fff;margin-bottom: 25px;border-radius: 3px;font-size:18px;}
.ubi-org-mobile > ul > li.type01{background:#0045ac;line-height:1.25;}
.ubi-org-mobile > ul > li.type01 span{font-weight:500;font-size:22px;}
.ubi-org-mobile > ul > li.type02{background:#394158;padding-bottom: 12px;}
.ubi-org-mobile > ul > li.type03{background:#18b7cc;padding-bottom: 12px;}
.ubi-org-mobile > ul > li.type04{background:#6b7986;}
.ubi-org-mobile > ul > li > ul{background:#fff;margin-top:15px;padding:15px 20px 10px 35px;border-radius: 3px;text-align:left;}
.ubi-org-mobile > ul > li > ul > li{color:#333;font-size:16px;margin-bottom:5px;position:relative;}
.ubi-org-mobile > ul > li > ul > li:before{content:'';width:3px;height:3px;background:#333;position:absolute;left:-12px;top:11px;border-radius:50%;}

@media only screen and (max-width:767px){
  .ubi-mobile01 > img{display:none;}
  .ubi-mobile01 > ul{display:block;}
  .ubi-mobile02 > img{display:none;}
  .ubi-mobile02 > ul{display:block;}

  .ubi-org-mobile > ul{display:block;}
  .ubi-org-mobile > img{display:none;}
}

@media only screen and (max-width:520px){
  .ubi-mobile02 > ul{padding:30px 30px 10px;}
  .ubi-mobile02 > ul > li{display:block;width:100%;}
}