/*커스텀css*/
.ab_prof .ur_subtit h2{color:#fff;margin-bottom: 50px;}
.ab_prof .about_con ul{
    display: grid;    gap: 50px;
    grid-template-columns: repeat(3, 1fr);
}
.ab_prof .about_con ul li{
    text-align: center;
    list-style: none;
}

.ab_prof .prof_img{
    margin-bottom: 12px;
}
.ab_prof .prof_img img{
    aspect-ratio: 1 / 1;
    width: 80%;
    border-radius: 50%;
    overflow: hidden;object-fit: cover;
}
.ab_prof .about_con ul li .prof_text p{
    font-size: 24px;
    font-weight: 800;
    color: #fff;
}
.ab_prof .about_con ul li .prof_text p span{
    margin-left: 5px;color: #00B0FF;font-size: 24px;
}
.ab_prof .about_con ul li .prof_text span{
    color: #00B0FF;
    font-size: 20px;
}

.vc_col-has-fill>.vc_column-inner, 
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, 
.vc_section.vc_section-has-fill, 
.vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, 
.vc_section.vc_section-has-fill+.vc_section{
    padding:0
}

input[type="radio"], input[type="checkbox"]{
    display: block!important;
    width: auto!important;
}
.vc_column_container>.vc_column-inner{padding:0!important;}
.vc_row.vc_column-gap-0{margin:0!important;}
.uboro_board_bg {background-size:cover;background-position: center;}
#contact-section{display:none;}
.wpb_content_element{margin-bottom:0!important;}

body{
	font-family: Pretendard, sans-serif!important;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{color:#222;letter-spacing: -0.05em;margin:0;}
input[type="checkbox"]{margin:0;}

.ptb100{padding:100px 0}

.img img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.ur_line{border-bottom: 1px solid #ccc;}


/*메인*/

.sr7-layer {
    line-height: 1.2!important;
    left: 50%!important;
    top: 50%!important;
    transform: translate(-50%, -50%)!important;
}

.sr7-layer {line-height: 1.2!important;}
/* .ub_header_menu{ 
    position: fixed!important;
    height: 100px!important;
    background: #fff!important;
    z-index: 999!important;
    width: 100%!important;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	left: 0!important;max-width: 100%!important;
    background: #cb0c0c!important;
} */
.uro_header {
    height: 100px;
    padding: 0 50px;
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    background: #ffffff;
    z-index: 999 !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); /* ✅ 그림자 효과 추가 */
}
.uro_header .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}
.uro_header .inner h1 {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center; /* ✅ img가 h1 안에 있으면 이거 필요 */
}
.uro_header .inner img {
  height: auto;
  max-height: 60px; /* ✅ 헤더 높이보다 작게 조정 */
  display: block;
}

.uro_header .inner ul{
    display: flex;
    justify-content: center;
    gap: 50px;
    list-style: none;
    margin: 0;
    font-size: 20px;
}

.uro_header .inner ul li a:hover,
.uro_header .inner ul li a.active{
    color:#2365c0;
    border-bottom:2px solid #2365c0;
}
.uro_header .inner ul li a:after:hover{
    content:'';
    position: absolute;
}

.uro_header .inner .language-selector {
    padding: 8px 34px 8px 14px;
    font-size: 16px;
    border: 1px solid #011e41;
    border-radius: 25px;
    background: none;
    cursor: pointer;
    color: #011e41;
    appearance: none;
    background-image: url(/wp-content/uploads/2025/04/arrow_b_ic.svg);
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 14px;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.uro_header .inner .language-selector:hover {
  background-color: rgba(35, 101, 192, 0.1);  /* 💡 은은한 파란 배경 */
  box-shadow: 0 0 0 3px rgba(35, 101, 192, 0.2);  /* 💡 외곽 하이라이트 */
}

.uro_header.side .ur_menu {
	cursor: pointer;
	position: absolute;
	top: 26px;         /* ✅ 위에서 더 내려서 로고와 수직 정렬 */
	right: 20px;       /* ✅ 오른쪽 여백 살짝 줄임 */
	width: 60px;       /* ✅ 더 넓게 → 시각 균형 */
	height: 40px;      /* ✅ 로고 높이와 비슷하게 */
	background: url(/wp-content/uploads/2025/04/menu_ic.svg) no-repeat center center;
	background-size: contain;
	border: 0 !important;
	border-radius: 0;
}

.uro_header.side .ur_menu_clo {
	cursor: pointer;
	position: absolute;
	top: 12px;
	right: 20px;
	width: 40px;
	height: 36px;
	background: url(/wp-content/uploads/2025/05/menu_clo_ic_wh.svg) no-repeat center center;
	background-size: contain;
	border: 0 !important;
	border-radius: 0;
}ㄴ

/*모바일 버튼아이콘*/
.ub_header_menu_mob{display:none;}

/*모바일 메뉴*/
.uro_header.side .rightside{display:none;
	z-index: 9999;
	position: fixed;
    top: 0;
    right: 0;
	width: 80%;
    background: #00295B;height: 100vh;overflow: scroll;
}
.uro_header.side .rightside .side_top{
	height: 80px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    padding: 0 30px;
}

.uro_header.side .rightside .side_top .language-selector {
    border: 1px solid #fff;
    border-radius: 25px;
    color: #fff;
    background-image: url(/wp-content/uploads/2025/05/arrow_b_ic_wh.svg);

}

.uro_header.side .rightside .ur_menu_clo{
	cursor: pointer;
    position: absolute;
    top: 28px;
    right: 30px;
    width: 25px;
    height: 25px;
    background: url(/wp-content/uploads/2025/05/menu_clo_ic_wh.svg) no-repeat;
    background-size: contain;
    border: 0 !important;
}

.uro_header.side .rightside .sidemenu{
    display:inline-block!important;
    padding: 30px;width: 100%;
}
.uro_header.side .rightside .sidemenu li{
	display: flex;
    justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 20px;
    margin-bottom: 20px;align-items: center;
}
.uro_header.side .rightside .sidemenu a{
	font-size: 16px;
    font-weight: 400;
    display: block;
    text-align: left;
    width: 100%;
}
.uro_header.side .rightside .sidemenu img{
	width:20px;height:20px;display:block;
}
.uro_header.side .inner ul li a{color:#fff;}

/*슬라이드 위치조정*/
.visual_area {z-index:99;}

/*z-index사용필요*/
.vc_row{overflow:visible!important; }

/*메인레이아웃*/
.wpb_wrapper .main_layout .sec_title{
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
    border-bottom: 2px solid #222;
	display: flex;
    justify-content: space-between;    
	margin-bottom: 30px;align-items: center;
}

.main_layout .sec_title span{
	font-weight:400;font-size:16px;color:#666;
}
.main_layout .sec_title span:hover{
    color:#00B0FF;
}
.main_layout .media_area .list_warp{
	display: flex;
    gap: 30px;
}

.main_layout .media_area .list_warp .left{
    width:60%
}
.main_layout .media_area .list_warp .right{
    width:40%
}

.main_layout .media_area .list_warp .left .img{
	margin-bottom: 30px;aspect-ratio: 2 / 1.3;width: 100%;border-radius: 10px;
    overflow: hidden;
}
.main_layout .media_area .list_warp .left .text{
	padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.main_layout .media_area .list_warp .left .text h3{
	font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    color: #222;margin-bottom: 12px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main_layout .media_area .list_warp .left .text:hover > h3,
.main_layout .media_area .list_warp .right .item .text:hover > h3,
.notice ul li > a .text:hover > h3{
    color:#00B0FF;
}
.main_layout .media_area .list_warp .left .text p{
	font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    color: #222;margin: 0;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main_layout .media_area .list_warp .right{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main_layout .media_area .list_warp .right .item a{
	display: flex;
    gap: 20px;
    align-items: center;
}

.main_layout .media_area .list_warp .right .item .img{
	width: 60%;
    margin: 0;
    aspect-ratio: 2 / 1.3;
    max-height: 50%;
    border-radius: 10px;
    overflow: hidden;
}

.main_layout .media_area .list_warp .right .item .text{
    width: 65%;
}

.main_layout .media_area .list_warp .right .item .text h3{
	font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main_layout .media_area .list_warp .right .item .text p{
	font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bg_banner{
    background: url(/wp-content/uploads/2025/08/urobot_door.png) no-repeat center center;
    background-size: cover;
    padding: 100px 0;
}

.bg_banner .bg_bann {margin: 0}

/* .bg_banner .vc_column-inner{
    padding:0;padding-top: 0!important;
} */

.main_layout .banner_intro{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 30px;
}

.main_layout .banner_intro .text span{
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 20px 5px;
    display: inline-block;
}

.main_layout .banner_intro .text h2{
    color: #ffffff;
    font-size: 50px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.05em;
    margin: 0;
}

.main_layout .banner_intro a{
    color: #ffffff;
    border: 2px solid #ffffff;
    padding: 8px 25px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: left;
    justify-content: center;
}

.main_layout .banner_intro a:hover{
    background:#fff;
    color:#011e41;
}

.main_layout .banner_recruit{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 30px;
}

.main_layout .banner_recruit .text span{
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 20px 5px;
    display: inline-block;
}

.main_layout .banner_recruit .text h2{
    color: #ffffff;
    font-size: 50px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.05em;
    margin: 0;
}

.main_layout .banner_recruit a{
    color: #fff;
    border: 2px solid #fff;
    padding: 8px 25px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main_layout .banner_recruit a:hover{background:#fff;color:#011e41;}

.main_layout .product_area .list_warp{
    gap: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}


.main_layout .product_area .list_warp .item{
	position: relative;
    overflow: hidden;
    border-radius: 30px;
}

.main_layout .product_area .list_warp .item:before{
    width: 100%;
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    height: 100%;
    top: 0;
    left: 0;z-index:99;
}
.main_layout .product_area .list_warp .item img{
	    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
    aspect-ratio: 1 / 1;
}

.main_layout .product_area .list_warp .item span{
	position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    font-size: 18px;
    font-weight: 500;
}

.bg_cr_banner{
    background: url(/wp-content/uploads/2025/08/uro_robots.png) no-repeat center center;
    background-size: cover;
    padding: 100px 0;
}
.bg_cr_banner .main_layout .banner_recruit{
	align-items: center;
    flex-direction: column;
}

.bg_cr_banner .main_layout .banner_recruit .text{
	text-align: center;
    margin-bottom: 30px;
}
.bg_cr_banner .main_layout .banner_recruit a{
    margin-top: 30px;
}

.notice ul{
	list-style: none;
    margin: 0;
}
.notice ul li{
	list-style: none;padding:30px; border-bottom: 1px solid #ccc;
}
.notice ul li:first-child{padding:0 30px 30px 30px;}
.notice ul li > a{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.notice ul li > a .date{
	font-size: 34px;
    display: block;
    text-align: center;
    font-weight: 600;
	line-height: 1;
}
.notice ul li > a .date .year{
	font-size: 16px;
    display: block;
    font-weight: 400;margin-top: 4px;
}
.notice ul li > a .text{
	width: 85%;
}
.notice ul li > a .text h3,
.notice ul li > a .text p{
	margin: 0;
    line-height: 1;
}
.notice ul li > a .text h3{
	margin-bottom: 12px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 18px;
}
.notice ul li > a .text p{
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 16px;
}
.notice ul li > a .text_box{
	display: flex;
    align-items: center;
    gap: 50px;
}

.contact_area h2{
	font-size: 50px;
    line-height: 1;
    text-align: center;
    margin-bottom: 50px;
    width: 95%;
    color: #011e41;
}
.contact_area h2 span{
	font-size:20px;
    display:block;
	margin-bottom: 20px;
    color: #011e41;
}
.contact_area .flx_box{
	display: flex;
    align-items: flex-start;
    gap: 50px;
}
.contact_area .flx_box .box{
	width: 100%;
}
.contact_area .flx_box .contact img{
	height: 100%;
    display: block;WIDTH: 100%;
}
.contact_area .flx_box .contact > h2{
	font-size: 24px;
    color: #222;
    text-align: left;
    margin-bottom: 30px;
}
.contact_area .flx_box .contact p{
	font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 50px;
}
.contact_area .flx_box .inp_box label{
	font-size: 16px;
    line-height: 1;
}
.contact_area .flx_box .inp_box input{
	font-size: 14px;
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
}
.contact_area .flx_box .inp_box textarea{
	padding: 20px;
    min-height: 150px;
    background: #fff;
    font-size: 14px;font-family: "Poppins";
}
.contact_area .flx_box button{
	width: 100%;
    padding: 20px;
    font-size: 14px;
}

/*게시판*/

.uboro_board {
    position: relative; 
    left: auto;
    box-sizing: border-box;
    width: 1200px;
    max-width: 1200px;
    padding-left: 428px;
    padding-right: 428px;
    padding: 0;
    margin: 0 auto;
}

.password{
    max-width: 700px;
    margin: 0 auto;
    border: 1px solid #eee;
    background: #f9f9f9;
    padding: 40px;
    border-radius: 20px;
}
.password h2{
    margin-bottom: 12px;
    line-height: 1;
    font-size: 30px;
}
.password p{
    line-height: 1;
    font-size: 16px;
    margin-bottom: 20px;
}
.password_container{
    text-align: center;
}
.password_container label{
    font-size: 24px;
    font-weight: 600;
    color: #222;
    margin-bottom: 20px;
    display: block;
}
.password_container input{
    padding: 18px;
    background: #fff;
    border-radius: 8px;
    font-size: 14px;
}
.password_container button{
    width: 100%;
    padding: 20px;
    font-size: 14px;
    font-weight: 500;border-radius: 8px;
}
.ur_conten.inq .detail_box{
    text-align:left;
}
.ur_conten.inq .detail_box .inner{
    font-size: 16px;line-height: 1.5;
}
.ur_conten.inq .detail_box .file_down{
    background: #fff;
    border: 1px solid #ddd;margin-bottom: 20px;
    border-radius: 15px;
    position: relative;
    padding: 15px 20px 15px 90px;line-height: 1.5;
}
.ur_conten.inq .detail_box .file_down i{
    font-size: 30px;
    color: #ccc;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.ur_conten.inq .detail_box .file_down a{
    font-size: 16px;
    font-weight: 400;
    display: block;
}
.ur_conten.inq .detail_box .file_down span{
    font-size: 14px;
    font-weight: 400;
    color: #999;
}
.ur_conten.inq .detail_box p{
    margin:20px 0;
}
.ur_conten_wr{
    padding: 50px;
    border: 1px solid #ddd;
    border-radius: 20px;
    background: #f9f9f9;
}
.ur_conten_wr .inp_box .ip_flx{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.ur_conten_wr .inp_box .inp_flx{
    display: flex;
    justify-content: space-between;gap:30px;
}
.ur_conten_wr .inp_box .inp_flx p{
    width: 50%;
}
.ur_conten_wr .inp_box label{
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    max-width: 100px;
    width: 100%;
}
.ur_conten_wr .inp_box textarea{min-height:100px}
.ur_conten_wr .inp_box input,.ur_conten_wr .inp_box textarea{
    background:#fff;margin:0;padding: 15px 20px;
}
.ur_conten .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.ur_conten .title h2{
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
    margin-top: 30px;
}
.ur_conten .title h2 span{
    font-size: 16px;
    color: #666;
    font-weight: 400;
    display: block;
    line-height: 1;
    margin-bottom: 12px;
}

.ur_conten .title a{
    padding: 10px 28px;
    background: #00B0FF;
    color: #fff;
    border-radius: 8px;
    font-size: 16px;
}
.ur_conten .info{
    margin-bottom: 30px;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 30px 35px;
    background: #f9f9f9;
}
.ur_conten ul{
    display: flex;    margin: 0;
    flex-wrap: wrap;list-style:none;
}
.ur_conten ul li{
    width: 50%;line-height: 40px;font-size: 16px;
}
.ur_conten ul li span{
    font-size: 16px;
    color: #222;
    font-weight: 600;
    width: 100px;
    display: inline-block;
}

.ur_conten .detail_box{
    padding: 30px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 10px;background: #f9f9f9;
}

.comment{margin-top: 30px;}
.comment .inbox_wrap h2{
    font-size: 20px;
    margin-bottom: 20px;
}
.comment .inbox_wrap .com_input{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.inbox textarea{
    border: none;
    font-size: 16px;
    font-family: Roboto, sans-serif !important;
    padding: 15px;
    margin: 0;
    min-height: 80px;
}
.submit_box{
    height: 50px;
    text-align: right;
    border-top: 1px solid #ddd;
}
.submit_box button{
    width: 100px;
    color: #fff;
    background: #00B0FF;
    height: 100%;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
}

.com_list{
    margin-top: 30px;
}
.com_list .name_box{
    display: flex;
    align-items: center;
    gap: 10px;
}
.com_list .name_box p{
    font-size: 16px;
    font-weight: 500;
}
.com_list .name_box span{
    font-size: 16px;
    color: #999;
    font-weight: 500;
}
.com_list .com_item{
    padding-bottom: 30px;
}
/* .com_item_inner{
    margin-bottom: 20px;border-bottom: 1px solid #ddd;
}
.com_item_inner.rply{
    background: #f9f9f9;
    padding: 30px 30px 30px 70px;
    border-bottom: 1px solid #ddd;
    position:relative;margin: 0;
}
.com_item_inner.rply:after{
    content: '';
    position: absolute;
    background: url(/wp-content/uploads/2025/05/repl.svg) no-repeat;
    width: 15px;
    height: 15px;
    background-size: contain;
    top: 30px;
    left: 30px;
} */

.comment_box .reply p{
    line-height: 1.5;font-size: 16px;
}
.comment_box .reply .btns{
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}
.comment_box .reply .btns a{
    font-size: 16px;
    color: #999;
    font-weight: 400;
}
.comment_box .reply .btns .flx{
    display: flex;
    gap: 10px;
    align-items: center;
}

.comment_box button{
    color: #fff;
    background: #00B0FF;
    height: 100%;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;width: 80px;
}
.uboro_media ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    width: 100%;
    list-style: none;
    margin: 0;
}
.uboro_media ul li .thum{
    overflow: hidden;
    border-radius: 10px;
    max-height: 100%;
    height: 100%;
}
.uboro_media ul li .thum img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 2 / 1.3;
}
.uboro_media ul li .text h3{
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    margin: 15px 0 0;
}
.uboro_media ul li .text span{
    font-size: 14px;
    color: #999;
    line-height: 1;
}


.uboro_table{border: none;max-width:1140px;margin: 0;}
.uboro_table input[type="checkbox"]{
    width: 15px!important;
    height: 15px;
    margin: 0 auto;
}

.uboro_table thead tr th:nth-child(1){
    width:5%;
}
.uboro_table .disno{
    width:10%;
}
.uboro_table .th_subject_notice{
    width:50%;
}
.uboro_table thead tr th:nth-child(3){
    width:10%;
}
.uboro_table thead tr th:nth-child(4){
    width:10%;
}
.uboro_table thead tr th:nth-child(5){
    width:10%;
}
.uboro_table thead tr th:nth-child(6){
    width:10%;
}

.uboro_table tr th,.uboro_table tr td{
    white-space: nowrap;
}
.uboro_table thead tr th{
    background: #f5f5f5;
    font-size: 16px;
    padding: 15px 5px;
    border-top: 1px solid #222;
}
.uboro_table tbody tr td{
    font-size: 16px;padding:15px 0px;
}
.uboro_table tr .td_subject{
    text-align: left;max-width: 250px;
}
.uboro_table tr .td_subject a{
    color: #222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 90%;
    position: relative;
    padding-left: 25px;
}
.uboro_table tr .td_subject a img{
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 5px;
}

.sub_page{
    padding-top: 80px !important;
    background-size: cover;
	max-height: 400px;position:relative;
}
.sub_page .wpb_content_element  {
	margin-bottom:0;
}

.sub_page .vc_column_container {height: 300px;}


/* 서브페이지 타이틀 */
.wpb_wrapper .sub_main h2{font-size: 40px;
    color: #000000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;}
    
    
    
.uro_foot .vc_column-inner {
	padding-top:0!important;
}

.uro_footer .inner{
	padding:60px 0;display: flex;
    gap: 50px;
}
.uro_footer .inner .left img{ width:70px; }
.uro_footer .inner .right p, 
.uro_footer .inner .right span{
	color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 300;
}

.uro_footer .inner .right span{
	color: rgba(255, 255, 255, 0.3);
}
.uboro_board .wpb_content_element{
    margin-bottom:0;
}
.uboro_board {padding:100px 0;}
.ur_subtit{
    text-align: center;
}
.ur_subtit h2{
    font-size: 40px;
    line-height: 1;
    margin-bottom: 6px;
}
.ur_subtit h2 span{
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px;
}
.ur_subtit p{
    font-size: 18px;margin-bottom:50px;
}
.btnss{
    display: flex;
    justify-content: flex-end;
    gap: 10px;margin-bottom: 20px;
}
.bor_btn{
    margin: 30px 0 0;
    color: #fff;
    padding: 4px 30px;
    font-size: 14px;
    border-radius: 30px;
}
.dele{background: #888;}
.write{background: #004E8A;}
.dele:hover,.write:hover{color:#fff;}
.card_list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    width: 100%;
    list-style: none;
    margin: 0;
}
.card_list #chkall{
    margin: 0 0 10px 3px;
}
.card_list li{list-style: none;}
.card_list li a{
    display:block;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}
.card_list li .conts p,.card_list li .progress p,.card_list li .time p{
    line-height: 1;white-space: nowrap;
    margin: 0;color:#222;
}
.card_list li .progress{
    background: #fff;
    border-bottom:1px solid #ddd;
    display: flex;
    justify-content: space-between;flex-direction: row-reverse;
    padding: 20px;align-items: center;background: #f9f9f9;
}
.card_list li .time{
    background: #eee;
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.card_list li .progress p,.card_list li .time p{
    font-size: 14px;
    font-weight: 500;
}
.card_list li .conts{
    padding: 20px;
    min-height: 300px;
    height: 100%;
}
.card_list li .conts .logo{
    width: 100%;
    text-align: center;
    padding: 40px 0;
} 
.card_list li .conts .logo img{
    width:120px;
}
.card_list li .conts .lect{
    font-size: 14px;
    padding-bottom: 12px;
}
.card_list li .conts .tit{
    font-size: 20px;
    font-weight: 600;line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.cr_ing{
    color: #fff !important;
    padding: 10px 20px;
    background: #00B0FF;
    border-radius: 20px;
}
.cr_dead{
    color: #fff !important;
    padding: 10px 20px;
    background: #999;
    border-radius: 20px;
}

/* 페이징 */
.pg_wrap {clear:both;text-align:center;margin-top: 50px;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 

.pg_wrap .pg {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}
.pg_wrap .pg_page, .pg_wrap .pg_wrap .pg_current {display:inline-block;vertical-align:middle;background:#fff;border:1px solid #ccc}
.pg_wrap .pg a:focus, .pg_wrap .pg a:hover {text-decoration:none}
.pg_wrap .pg_page {
    color: #222;
    font-weight: 500;
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    
}
.pg_wrap .pg_page:hover{
    color: #fff;
    background:#004E8A;border:1px solid #004E8A;
}
.pg_page.pg_prev:hover{
    border: none;
    background: url(/wp-content/uploads/2025/04/prev_icon.svg) no-repeat 50% 50%;
}
.pg_page.pg_next:hover{
    border: none;
    background: url(/wp-content/uploads/2025/04/next_icon.svg) no-repeat 50% 50%;
}
.pg_wrap .pg_prev {text-indent:-999px;overflow:hidden;margin: 0 10px;background:url('/wp-content/uploads/2025/04/prev_icon.svg') no-repeat 50% 50% #fff;padding:0;border:none}
.pg_wrap .pg_next {text-indent:-999px;overflow:hidden;margin: 0 10px;background:url('/wp-content/uploads/2025/04/next_icon.svg') no-repeat 50% 50% #fff;padding:0;border:none}

.pg_wrap .pg_current {
    background: #004E8A;
    border: 1px solid #004E8A;
    color: #fff;
    font-weight: bold;
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    font-size: 12px;
    justify-content: center;
    align-items: center;
}

.about_con .banner_tit{

}
.about_con .banner_tit p{
    height: 300px;
    margin: 0;
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 35px;
}
.about_con .banner_tit p img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about_con .banner_tit .title{
    margin: 0;
    color: #222;
    font-size: 50px;font-weight:900;
}
.about_con .text_tit {
    margin-top: 50px;
    display: flex;
    gap: 50px;align-items: center;
}
.about_con .text_tit .img{
    width: 100%;
    height: 400px;border-radius: 30px;
    overflow: hidden;
}
.about_con .text_tit .text h3{
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;margin-bottom:20px;
}
.about_con .text_tit .text p{
    font-size: 16px;line-height: 1.5;
    font-weight: 400;margin: 0;
}
.about_con .text_tit div{
    width:100%;
}
.about_con .text_tit.flx{
    flex-direction: row-reverse;
}

#ut-row-6818bd9e32590{
    padding-left: 0!important;
    padding-right: 0!important;
}
.service_con{
    text-align: center;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}
.service_con.bg{
    padding: 100px 30px;
}
.service_con .titlebg{
    color: #f6f6f6;
    font-size: 180px;
    z-index: -99;
    position: absolute;
    transform: translateX(-50%);
    font-weight: 900;
    left: 50%;
    top: 46px;
}
.service_con .title{
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 30px;
}
.service_con .sub_tit{
    font-size: 28px;
    font-weight: 600;
    color:#00b0ff;
    margin-bottom: 12px;
}
.service_con p{
    font-size: 20px;
    font-weight: 500;
}
.service_con .intro_box{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.service_con .intro_box .tx_box{
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(0, 0, 0, 0.3);
    padding: 30px;
    border-radius: 10px;
    text-align: left;backdrop-filter: blur(6px);
}
.service_con .intro_box .tx_box h3{
    font-size: 20px;font-weight: 700;
    margin-bottom: 12px;color:#fff;
}
.service_con .intro_box .tx_box p{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;color:#fff;
}

.product_con .prod_list{
        display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    width: 100%;
    list-style: none;
}
.product_con .prod_list .item{
    position: relative;aspect-ratio: 1 / 1;border-radius:30px;overflow:hidden;
}
.product_con .prod_list .item:before{
    width: 100%;
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    height: 100%;
    top: 0;
    left: 0;
}
.product_con .prod_list .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product_con .prod_list .item .tx_box{
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.product_con .prod_list .item .tx_box h3{
    color: #fff;margin-bottom: 4px;
    font-size: 20px;white-space: nowrap;
    font-weight: 600;
    line-height: 1;
}
.product_con .prod_list .item .tx_box span{
    color: #fff;
    font-size: 20px;
    line-height: 1;
}

@media (max-width: 1200px) {
    .uro_header .inner ul{
        gap:20px;
    }
	.main_layout .banner_recruit .text h2{font-size:4.17vw;}
	
	.sr7-layer {font-size: 6.5vw!important;}
	    
	.notice ul li{padding: 30px 10px;}
	.notice ul li:first-child{padding:0 10px 30px 10px}
}

@media (max-width: 1024px) {
	.uro_header{padding: 0 30px!important;}
	.uro_header .inner ul{
			gap:15px;
		}
	/* .uro_header .inner ul li a{font-size: 14px;} */
	.about_con .text_tit .text h3 {font-size: 30px;}
    .service_con .titlebg{font-size: 16vw;}
    .service_con .title { font-size: 5vw;}
    .service_con .sub_tit{font-size: 2.5vw;}
    .service_con p {
        font-size: 18px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
	
	.main_layout .banner_recruit .text h2 {
        font-size: 4vw;line-height: 1.5;
    }
	.main_layout .banner_recruit a {
		padding: 4px 20px;
	}
	.main_layout .banner_recruit a {
		font-size: 12px;
	}
	.wpb_wrapper .main_layout .sec_title{
		margin-bottom: 20px;
	}
	
	.notice ul li > a .text{width: 80%;}
	.notice ul li > a .text_box{gap: 30px;}
	.notice ul li {
        padding: 20px 10px;
    }
	.notice ul li:first-child {
        padding: 0 10px 20px 10px;
    }
	
	.contact_area .flx_box .box{width: 100%;}
	.contact_area .flx_box{flex-direction: column;}
	
	.card_list{
        grid-template-columns: repeat(2, 1fr);
	}
	.uboro_table {
        width: 100%;
    }
    
    .vc_row {
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .sub_page .vc_column_container {
        height: 200px;
    }
    .about_con .banner_tit .title{
        font-size: 5vw;
    }
    .about_con .text_tit .text h3 {
    font-size: 3.5vw;
        
    }

}

@media (max-width: 768px) {
    .uro_header .inner ul li a:hover, .uro_header .inner ul li a.active{
        color: #fff;
    border-bottom: none;
    }
	.ub_header_menu_mob{display:block;
		position: fixed!important;
		height: 80px!important;
		background: #fff!important;
		z-index: 999!important;
		width: 100%!important;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
		left: 0!important;max-width: 100%!important;
	}
	.ub_header_menu{display:none;}
	.main_layout .media_area .list_warp{
		flex-wrap: wrap;
	}
	.main_layout .media_area .list_warp .left, 
	.main_layout .media_area .list_warp .right{
        width:100%
    }
	.main_layout .media_area .list_warp .right{
		min-height: 570px;
	}
	.main_layout .media_area .list_warp .right .item .img{
	    width: 32%;
        margin: 0;
        aspect-ratio: 2 / 1.3;
        height: 140px;
	}
	.main_layout .banner_recruit .text span{margin: 0 0 12px 0;}
	.main_layout .banner_recruit{
		text-align: center;flex-direction: column;align-items: center;
	}
	.main_layout .banner_recruit .text h2 {
        font-size: 6vw;
        margin-bottom: 30px;
    }
	.bg_cr_banner .main_layout .banner_recruit a{
		margin-top: 0px;
	}
	
	.main_layout .product_area .list_warp {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
	.contact_area h2 {
    font-size: 30px;margin-bottom: 30px;line-height: 1.3;}
	.contact_area h2 span {
    margin-bottom: 12px;}
	
	.card_list li .progress{padding: 10px;}
	.card_list .cr_ing{
		padding: 8px 12px;
	}
    .uboro_table .disno{display:none}
    .uboro_table thead tr th,.uboro_table tbody tr td{
        padding: 8px 5px;font-size:14px;
    }
	.uboro_table tr .td_subject a{font-size: 14px;}
	
	.about_con .text_tit{
	    flex-wrap: wrap;
	}
	.uboro_board {padding: 30px 0;}
	.sub_page .vc_column_container {
        height: 150px;
    }
	.wpb_wrapper .sub_main h2 {
        font-size: 30px;
    }
    .ur_subtit h2 {
    font-size: 30px;}
    
    .product_con .prod_list .item .tx_box h3 {
    font-size: 16px;margin-bottom:0}
    .product_con .prod_list .item .tx_box span {
    font-size: 14px;}
    .service_con.bg {
        padding: 50px 0px;
    }
    .service_con .intro_box{gap: 20px;}
    .service_con .intro_box .tx_box p {
    font-size: 14px;}
    .service_con .intro_box .tx_box{padding: 20px;}
    .service_con .sub_tit {
        font-size: 20px;
    }
    .service_con p {
        font-size: 16px;
    }
    .ur_conten .info {
        padding: 15px 20px;
    }
    .ur_conten_wr {
    padding: 30px;}
    .ur_conten_wr .inp_box .inp_flx {
        display: block;
    }
    .ur_conten_wr .inp_box .inp_flx p{width:100%;}
    .ur_conten_wr .inp_box .ip_flx{margin-bottom: 10px;}
    .uboro_media ul{gap:20px}
    .ab_prof .about_con ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    .password {
        max-width: 100%;
        margin: 0 auto;
        border: none;
        background: none;
        padding: 0;
        border-radius: 0;}
	.main_layout .banner_intro .text h2 {
		font-size: 28px;
	}
}

@media (max-width: 700px) {
    .main_layout .banner_recruit .text h2{font-size: 5vw;}
}
@media (max-width: 575px) {
	.main_layout .media_area .list_warp .left .text h3,
	.main_layout .media_area .list_warp .right .item .text h3{
		font-size: 18px;
	}
	.main_layout .media_area .list_warp .left .text p,
	.main_layout .media_area .list_warp .right .item .text p{
		font-size: 14px;
	}
	.main_layout .media_area .list_warp .right{
		min-height: 500px;
	}
	.main_layout .media_area .list_warp{gap: 15px;}
	.main_layout .banner_recruit .text span{margin: 0 0 12px 0;font-size:16px;}
	.main_layout .banner_recruit .text h2{
		font-size: 5vw;line-height:1.2;
        margin-bottom: 30px;
	}
	.notice ul li > a .text h3{font-size: 16px;}
	.notice ul li > a .text p{font-size: 14px;}
	.notice ul li > a .text_box {
        gap: 20px;
    }
	.notice ul li > a .text {
        width: 75%;
    }
	.uro_footer .inner {
		gap: 30px;
	}
	.contact_area .flx_box .inp_box input ,
	.contact_area .flx_box .inp_box textarea{
		font-size: 12px;
		padding: 15px;margin-bottom: 12px;
	}
	.contact_area .flx_box button {
    padding: 12px; font-size: 12px;}
	.uro_footer .inner {
        flex-direction: column;
    }
	.uro_footer .inner .right p br{
		display:none
	}
	.ur_subtit p {font-size: 16px;}
	
	.about_con .text_tit {
    margin-top: 50px;}
    .ur_subtit p {
        margin-bottom: 30px;
    }
	.about_con .banner_tit .title {
        font-size: 30px;
    }
    .about_con .banner_tit p {
    height: 220px;margin-bottom: 20px;}
    .about_con .text_tit {
        margin-top: 15px;gap: 20px;
    }
    .about_con .text_tit .img{height: 300px;}
    
    .about_con .text_tit .text h3 {
        font-size: 20px;
    }
    .about_con .text_tit .text p {
        font-size: 14px;}
        
    .card_list{gap: 10px;}
    .card_list li .conts { padding:15px; min-height: 210px;}
    .card_list li .conts .tit{
        font-size: 18px;
    }
    
    .card_list li .progress{
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        padding: 15px;
    }
    .card_list li .conts .logo {
        padding: 5px 0 25px;
    }
    .card_list li .conts .logo img {
        width: 70px;
    }
    .contact_area .flx_box {
        gap: 30px;
    }
    .product_con .prod_list{
        gap: 10px;
    }
    .product_con .prod_list {
        grid-template-columns: repeat(2, 1fr);}
    .service_con .intro_box {
        grid-template-columns: repeat(1, 2fr);}
    .ur_conten .title {
    align-items: flex-start;
    margin-bottom: 10px;
    flex-direction: column-reverse;}
    .ur_conten .title h2{margin-top: 15px;padding-left: 3px;}
    .ur_conten .title a {
    padding: 3px 23px;}
    .ur_conten .detail_box {
    padding: 20px;}
    
    .com_item_inner.rply{
    padding: 20px 20px 20px 50px;}
    .com_item_inner.rply:after{top: 21px;
    left: 19px;}
    
    .uboro_table input[type="checkbox"] {
    width: 10px !important;
    height: 10px;}
    
    .uboro_media ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;}
    .ab_prof .prof_img img {
    width: 100%;}
}
@media (max-width: 500px) {
	.ptb100{padding: 50px 0;}
	.btnss{
        gap: 5px;
    }
	.wpb_wrapper .sub_main h2 {
        font-size: 24px;
        font-weight: 700;
    }
	.sub_page {
        padding-top: 60px !important;}
	.vc_row {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
	.uro_header{padding: 0 0px!important;}
	
	.ub_header_menu_mob,
	.uro_header,
	.uro_header.side .rightside .side_top{
        height: 60px !important;
    }
	.uro_header.side .rightside .side_top{
		padding: 0 20px;
	}

    .uro_header .inner h1 img {
        height: auto;
        max-height: 36px;  /* ✅ 로고 높이 줄이기 (원하는 크기로 조절) */
        display: block;
    }

    .uro_header .inner h1 {
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .uro_header .inner h1 a {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .uro_header .inner {
        align-items: center; /* ✅ 로고 세로 중앙 정렬 유지 */
    }

	.uro_header.side .ur_menu{
		width: 20px;
		height: 20px;
	}
    
	.uro_header.side .ur_menu{
		top: 23px;
		right: 20px;
	}
	.uro_header.side .rightside .ur_menu_clo{
		width: 20px;right: 14px;
		height: 20px;top: 21px;
	}
    .uro_header.side .rightside .sidemenu{padding: 20px;}
	.uro_header.side .rightside .sidemenu img {
		width: 14px;
		height: 14px;
	}
	.uro_header.side .rightside .sidemenu a{
        font-size:14px;
    }
	
	.bg_padding{
		padding: 50px 0;
	}
	.ur_conten ul{
	    flex-direction: column;
	}
	.bor_btn {
        margin: 30px 0 0;
        padding: 2px 15px;
        font-size: 12px;
        border-radius: 30px;
    }
    .pg_wrap .pg_current,.pg_wrap .pg_page {
        width: 25px;font-size: 10px;height: 25px;}
    .ur_conten .title a{font-size: 14px;}
    .ur_conten .title h2 span {
        font-size: 14px;}
    .ur_conten .title h2 {
        font-size: 24px;}
    .ur_conten ul li span{
        font-size: 14px;
        font-weight: 500;}
    .ur_conten ul li,.ur_conten.inq .detail_box .inner,.comment_box .reply p,.comment_box .reply .btns a,.inbox textarea,.submit_box button,
    .ur_conten_wr .inp_box label,.ur_conten_wr .inp_box input, .ur_conten_wr .inp_box textarea{font-size: 14px;}
    .ur_conten .detail_box {
        padding: 10px;}
    .submit_box {
    height: 40px;}
    .ur_conten_wr {
        padding: 0;
        border: none;
        background: none;
    }
    .uboro_media ul li .text h3 {
    font-size: 16px;}
    .ur_subtit h2 {
        font-size: 20px;
    }
    .ab_prof .about_con ul li .prof_text p,.ab_prof .about_con ul li .prof_text p span {
    font-size: 18px;line-height: 1;}
    .ab_prof .about_con ul li .prof_text span {
    font-size: 16px;}
}

@media (max-width: 430px) {
    
	.main_layout .media_area .list_warp .left .text h3,
	.main_layout .media_area .list_warp .right .item .text h3{
		font-size: 16px;
	}
	.main_layout .media_area .list_warp .left .text p,
	.main_layout .media_area .list_warp .right .item .text p{
		font-size: 12px;
	}
	.main_layout .media_area .list_warp .right {
        min-height: 380px;
    }
    .main_layout .media_area .list_warp .right .item .img{
        width: 35%;
        margin: 0;
        aspect-ratio: 2 / 1.3;
        height: 100px;
    }
	.wpb_wrapper .main_layout .sec_title {
		font-size: 18px;
		padding-bottom: 8px;margin-bottom: 20px;
	}
	.main_layout .sec_title span {
		font-size: 14px;
	}
	
	.main_layout .product_area .list_warp{
		gap: 10px;
	}
	
	.main_layout .product_area .list_warp .item span{
		bottom: -5px;
	}
	.notice ul li > a .date {
    font-size: 25px;}
	.notice ul li > a .date .year {
    font-size: 12px;}
	.uro_footer .inner .right p, .uro_footer .inner .right span{
		font-size: 12px;
	}
	.contact_area h2 span {
    font-size: 16px;}
    .card_list {
        grid-template-columns: repeat(1, 1fr);
    }
    .card_list li .conts .logo img {
        width: 50px;
    }
    .card_list li .conts {
        min-height: 160px;
    }
    .card_list li .progress {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
    }
    .ur_subtit p {
        margin-bottom: 10px;
    }
    .pg_wrap {
        margin-top: 20px;
    }
    .uboro_media ul li .text h3 {
        font-size: 14px;
    }
    .uboro_media ul li .text span {
    font-size: 12px;}
    
}
@media (max-width: 389px) {
    .uboro_table tr .td_subject {
        max-width: 180px;
    }
    .wpb_wrapper .sub_main h2 {
        font-size: 20px;}
}