@import url("/css/com/gbe_v3/con_com.css");

/*-----------------------------------------------------------
Author : gahye, Park
Creative date :2021. 09. 14
-----------------------------------------------------------*/

/* math_form : 공통 */
.math_form{position:relative; border:1px solid #bbbbbb; border-radius:1.5rem; margin-top:3rem; }
.math_form .rsp_img{background:#fff; padding-top:1rem; border-radius:1.5rem; } /* 배경색 흰색으로 수정(2022.04.20 FS-C 수정)*/
.math_form .tit{position:absolute; top:-1.5rem; left:-1px; display:inline-block; height:3rem; line-height:3rem; background:linear-gradient(to right, #209cff, #077ed2); border-radius:2rem 2rem 2rem 0; color:#fff; padding:0 3.8rem; font-family:"SCDream"; font-size:1.1rem; z-index:1; font-weight:600; }

/* line 공통 */
.line{margin-top:1.5rem; padding-top:2.5rem; border-top:1px dotted #acacac; }
 
/* point color 공통 */
.point1{display:inline; color:#019f4f !important; box-shadow:0 -13px #d9f1e5 inset; }
.point2{display:inline; color:#0061da !important; box-shadow:0 -13px #d9e7f9 inset; }
.point3{color:#f06b00 !important; }
.point4{color:#015ebd !important; }
.point5{color:#d11841 !important; }
 
/* 공지 알림 박스 공통 */
.notifi_wrap{position:relative; }
.notifi_wrap .img{display:inline-block; vertical-align:middle; width:6rem; text-align:center; }
.notifi_wrap .img > img{display:block; max-width:90%; }
.notifi_wrap > p{display:inline-block; max-width:calc(100% - 6.5rem); vertical-align:middle; color:#333; font-family:"SCDream"; }
.notifi_wrap > p > strong{font-weight:700; }

/* 예약신청 박스 공통 */
.direct_lnk_box{position:relative; min-height:10rem; padding:1.5rem 18.5rem 1.5rem 2.5rem; background:#fff; border:2px solid #355282; border-radius:1rem; }
.direct_lnk_box:before{position:absolute; z-index:-1; bottom:-.75rem; right:-.75rem; width:100%; height:100%; border-radius:1.75rem; background:url(/images/web/cgmath/sub/notifi_pt.png); content:""; }
.direct_lnk_box .direct_tit{position:relative; display:block; margin-bottom:1rem; font-family:"SCDream"; font-size:1.1rem; color:#333; }
.direct_lnk_box .direct_tit > em{font-weight:600; }
.direct_lnk_box .img{position:absolute; bottom:1.5rem; right:2.5rem; width:12.9rem; }
.direct_lnk_box .img > img{display:block; max-width:100%; }
.direct_lnk_box .direct_btn{position:relative; display:inline-block; margin-top:1rem; min-width:8.5rem; border-radius:1.25rem; box-shadow:2px 0 3px rgba(48, 78, 127, .38); background:#304e7f; color:#fff; font-family:"SCDream"; font-size:.9rem; font-weight:600; line-height:2.25rem; text-align:center; }
.direct_lnk_box .direct_btn > em{position:relative; display:inline-block; padding-right:1.5rem; }
.direct_lnk_box .direct_btn > em:before{position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:transform .3s; transition:transform .3s; font-weight:400; font-family:"xeicon"; font-size:1.2rem; content:"\e93f"; }
/* 예약신청 박스 공통 : active */
.direct_lnk_box .direct_btn:hover > em:before,
.direct_lnk_box .direct_btn:focus > em:before{-webkit-transform:translateY(-50%) translateX(3px); transform:translateY(-50%) translateX(3px); }

/* 공지리스트 공통 */
.notifi_lst > li + li{margin-top:.75rem; }
.notifi_lst > li:after{display:block; clear:both; content:""; }
.notifi_lst > li > strong{position:relative; display:block; padding-left:1.75rem; font-weight:600; font-family:"SCDream"; color:#000; font-size:.9rem; }
.notifi_lst > li > strong > i{position:absolute; top:0; left:0; width:1.15rem; height:1.15rem; background:#eee; border-radius:50%; background:#eee; line-height:1.15rem; text-align:center; }
.notifi_lst > li > span,
.notifi_lst > li > ul{display:block; margin-top:.25rem; padding-left:1.75rem; font-size:.75rem; color:#333; }
.notifi_lst > li > span [class*='bu_info']{position:relative; padding-left:1.25rem; font-size:.8rem; padding-top:1px;}

/* 인사말(2022.03.29 FS추가) */
.greeting{font-family:"SCDream"; }
.greeting:after{display:block; clear:both; content:""; }
.greeting .greeting_img_box{position:relative; float:left; width:32.871%; }
.greeting .greeting_img_box .greeting_img{display:block; width:100%; height:17.75rem; border-radius:2rem; overflow:hidden; background-image:url(/images/web/cgmath/sub_cnt/img_0501.png); background-repeat:no-repeat; background-position:center; background-size:cover; }
.greeting .greeting_img_box .greeting_name{position:absolute; display:block; bottom:-1.5rem; left:0; padding:0 3.7rem; border-radius:0 1.5rem 1.5rem 1.5rem; line-height:3rem; background:#087fd5; color:#fff; font-size:1.1rem; font-weight:600; }
.greeting .greeting_img_box .greeting_name > em{display:inline-block; margin-right:.25rem; font-size:1.2rem; font-weight:700; }
.greeting .greeting_txt_box{float:left; width:67.129%; padding-left:5.5rem; }
.greeting .greeting_txt_box .greeting_tit{position:relative; display:block; color:#0e2e45; font-size:1.3rem; color:#0e2e45; font-weight:600; }
.greeting .greeting_txt_box .greeting_tit:before{position:absolute; top:.8rem; left:-3.5rem; width:2.7rem; height:.2rem; border-radius:.2rem; background:#3465aa; content:""; }
.greeting .greeting_txt_box .greeting_txt{margin-top:2rem; line-height:2; }
.greeting .greeting_txt_box .greeting_txt > strong{font-weight:600; }

/* info 박스 공통*/
.info_box{position:relative; display:table; table-layout:fixed; width:100%; min-height:10rem; padding:1.5rem 18.5rem 1.5rem 11.25rem; background:#fff; border:2px solid #355282; border-radius:1rem; }
.info_box:before{position:absolute; z-index:-1; bottom:-.75rem; right:-.75rem; width:100%; height:100%; border-radius:1.75rem; background:url(/images/web/cgmath/sub/notifi_pt.png); content:""; }
.info_box .img{position:absolute; bottom:0; right:2.5rem; width:14.65rem; }
.info_box .img > img{display:block; max-width:100%; }
.info_box .info_box_tit{position:absolute; display:table; left:3.5rem; top:50%; table-layout:fixed; width:6.25rem; height:6.25rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:#00ac9d; border-radius:50%; color:#fff; text-align:center; }
.info_box .info_box_tit > em{display:table-cell; vertical-align:middle; width:100%; font-family:"SCDream"; font-size:1rem; font-weight:600; }
.info_box .info_box_tit img{position:absolute; bottom:-1rem; left:-2rem; }
.info_box p{display:table-cell; vertical-align:middle; width:100%; font-family:"SCDream"; font-size:.9rem; color:#333; }
.info_box p > em{font-weight:600; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	/* info 박스 공통*/	
	.info_box .img{bottom:2px; }
}	

/* 배치도(2022.04.15 FS-C추가) */
.cgmath_floormap{width:100%;position:relative;margin:30px 0;}
.cgmath_floormap h3{width:100%;margin-bottom:20px;font-family:"SCDream";}
.cgmath_floormap h3 span{display:inline-block;padding:0 30px;font-size:18px;font-weight:600;line-height:40px;color:white;border-radius:20px;}
.cgmath_floormap h3 span.bg-1{background-color:#ffc20e;}
.cgmath_floormap h3 span.bg-2{background-color:#0c9879;}
.cgmath_floormap h3 span.bg-3{background-color:#2e6ab3;}
.cgmath_floormap h3 span.bg-4{background-color:#7961ab;}
.cgmath_floormap h3 span.bg-5{background-color:#f58233;}
.cgmath_floormap ul.floor{width:100%;position:relative;float:left;padding:0 0 30px 20px;font-family:"SCDream";letter-spacing:-1px;}
.cgmath_floormap ul.floor li{float:left;padding:0 20px 5px 0;line-height:26px;color:#555;font-size:16px;}
.cgmath_floormap ul.floor li span.num_circle{width:26px;height:26px;display:inline-block;text-align:center;color:white;font-size:14px;font-weight:600;line-height:26px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin-right:6px;}
.cgmath_floormap span.num_circle.bg-1{background-color:#ffc20e;}
.cgmath_floormap span.num_circle.bg-2{background-color:#0c9879;}
.cgmath_floormap span.num_circle.bg-3{background-color:#2e6ab3;}
.cgmath_floormap span.num_circle.bg-4{background-color:#7961ab;}
.cgmath_floormap span.num_circle.bg-5{background-color:#f58233;}
.cgmath_floormap ul.floor li.ttl{width:100%;}
.cgmath_floormap ul.floor li.ttl ul.detail{width:100%;float:left;padding:5px 0 0 32px;}
.cgmath_floormap ul.floor li.ttl ul.detail li{float:left;}
.cgmath_floormap ul.floor li.ttl ul.detail li span.num{font-weight:600;padding-right:5px;}
.cgmath_floormap ul.floor li.ttl ul.detail li span.num.c-1{color:#ffc20e;}
.cgmath_floormap ul.floor li.ttl ul.detail li span.num.c-2{color:#0c9879;}
.cgmath_floormap ul.floor li.ttl ul.detail li span.num.c-3{color:#2e6ab3;}
.cgmath_floormap ul.floor li.ttl ul.detail li span.num.c-4{color:#7961ab;}
.cgmath_floormap ul.floor li.ttl ul.detail li span.num.c-5{color:#f58233;}

/* RESPONSIVE */
@media (max-width:1024px){ 
	/* info 박스 공통*/
	.info_box{display:block; table-layout:inherit; padding:1.5rem 15rem 1.5rem 1.5rem; }
	.info_box .img{right:1.5rem; width:12.5rem; }
	.info_box .info_box_tit{position:relative; display:block; table-layout:inherit; top:auto; left:auto; width:100%; height:auto; margin-bottom:1rem; -webkit-transform:translateY(0); transform:translateY(0); background:transparent; color:#000; text-align:left; }
	.info_box .info_box_tit > em{display:block; }
	.info_box .info_box_tit br{display:none; }
	.info_box .info_box_tit img{display:none; }
	.info_box p{display:block; }
}
@media(max-width:960px){
    /* 인사말(2022.03.29 FS추가) */
    .greeting .greeting_img_box .greeting_img{height:15.75rem; border-radius:1.5rem 1.5rem 0 0; }
    .greeting .greeting_img_box .greeting_name{position:relative; bottom:auto; left:auto; width:100%; padding:0; text-align:center; border-radius:0 0 1.5rem 1.5rem; }
	.greeting .greeting_txt_box{padding-left:2.5rem; }
	.greeting .greeting_txt_box .greeting_tit:before{display:none; }
}
@media (max-width:768px){
	/* math_form : 공통 */
    .math_form .tit{height:2.6rem; line-height:2.6rem; font-size:1rem; }
	
	/* 예약신청 박스 공통 */
	.direct_lnk_box{padding:1.25rem 14rem 1.25rem 1.5rem; }
	.direct_lnk_box .img{width:10rem; }
	.direct_lnk_box .direct_tit{font-size:.9rem; }
	/* 예약신청 박스 공통 : active 초기화 */
	.direct_lnk_box .direct_btn:hover > em:before,
	.direct_lnk_box .direct_btn:focus > em:before{-webkit-transform:translateY(-50%) translateX(0); transform:translateY(-50%) translateX(0); }

	/* 인사말(2022.03.29 FS추가) */
    .greeting .greeting_img_box .greeting_img{height:11.5rem; }
    .greeting .greeting_img_box .greeting_name{font-size:.95rem; }
	.greeting .greeting_img_box .greeting_name > em{font-size:1rem; }
	.greeting .greeting_txt_box{padding-left:1.5rem; }
	.greeting .greeting_txt_box .greeting_tit{font-size:1.1rem; }
	.greeting .greeting_txt_box .greeting_txt{margin-top:1rem; }
	
	/* info 박스 공통*/
	.info_box{padding:1.25rem 14rem 1.25rem 1.5rem; }
	.info_box .img{width:10rem; }
}
@media(max-width:600px){
	/* 인사말(2022.03.29 FS추가) */
    .greeting .greeting_img_box .greeting_img{height:10rem; }
}
@media (max-width:480px){
	/* math_form : 공통 */
    .math_form .tit{width:calc(100% + 2px); text-align:center; border-radius:1.5rem 1.5rem 0 0; padding:0 1rem; font-size:.95rem; }
	
	/* 예약신청 박스 공통 */
	.direct_lnk_box{min-height:inherit; padding:1.25rem; }
	.direct_lnk_box .img{display:none; }
	
	/* 공지 알림 박스 공통 */
	.notifi_wrap .img{display:block; width:100%; margin-bottom:1rem; }
	.notifi_wrap .img > img{margin:auto; }
	.notifi_wrap > p{max-width:100%; width:100%; text-align:center; }

	/* 인사말(2022.03.29 FS추가) */
    .greeting .greeting_img_box{float:none; width:10rem; margin:auto; }
    .greeting .greeting_img_box .greeting_img{height:8rem; background-position:top center; }
    .greeting .greeting_txt_box{float:none; width:100%; margin-top:1.5rem; padding:0; }
    .greeting .greeting_txt_box .greeting_tit{font-size:1rem; }
	
	/* info 박스 공통*/
	.info_box{min-height:inherit; padding:1.25rem; }
	.info_box .img{display:none; }
}