@charset "utf-8";

/* geongi\common\spin_loader.php"(1,40):*/

/* <!------------------------------------ 스핀 로더 영역 / BEGIN ------------------------------------>*/

.spinner_bg { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; opacity: 1.0; margin:0 auto; padding:0px; background-color:#222; }

/* From uiverse.io by @EmmaxPlay */
.spinner {
 position: relative;
 width: 120px;
 height: 120px;
 border-radius: 50%;
}

.spinner::before,
.spinner::after {
 content: "";
 position: absolute;
 border-radius: inherit;
}

.spinner::before {
 width: 100%;
 height: 100%;
 background-image: linear-gradient(0deg, #ff00cc 0%, #333399 100%);
 animation: spin8932 0.7s infinite linear;
}

.spinner::after {
 width: 98%;
 height: 98%;
 background-color: #222;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}

@keyframes spin8932 {
 to {
  transform: rotate(360deg);
 }
}

@media all and (max-width: 480px) {
	.spinner { margin-top: calc(50vh - 60px) !important; }
}


/* <!------------------------------------ "C:\Users\openk\Desktop\public_html\theme\geongi\common\gt_pcmenu2.php"(36,8): ------------------------------------>*/


#gnb_all{ position:absolute; z-index:1; top:0px; width:100%; height:auto; background:white; border-bottom:2px solid #333; display:none;}
.gnb_menu_btn{cursor:pointer; }


/* "C:\Users\openk\Desktop\public_html\theme\geongi\common\gt_pcmenu2.php"(106,7):	에 style  */

#gnb_all { position:absolute; top:0px; left:0px; }
#gt_fullmenu {position:relative; z-index:1; width:100%; height:auto; margin:0 auto; padding:0; text-align:center; }
#gt_fullmenu { background-image: radial-gradient( circle farthest-corner at 10% 30%,  rgba(128,248,174,.4) 0%, rgba(250,255,209,.8) 70% ); }
#gt_fullmenu .title { margin:0; padding:20px 0px; border-bottom:0px dotted #DDD; display:block; }
#gt_fullmenu .menuarea { display:inline-block; overflow:hidden; width:100%; margin:0 auto; padding:0; max-width: 100%; margin-bottom:100px; }
#gt_fullmenu .gtfm_head { overflow:auto; }
#gt_fullmenu .mmenu { font-size:15pt; font-weight:bold; padding:0 0 20px 0; margin:0px; line-height:32px; letter-spacing:-1px !important; }
#gt_fullmenu .smenu { padding:0px; margin:0px; line-height:32px; letter-spacing:0px !important; }
#gt_fullmenu .mmenu a { font-family: 'NanumSquare'; color:#333; }
#gt_fullmenu .smenu a { font-family: 'Nexon Gothic'; font-size:14px; color:#555; font-weight:400; }
#gt_fullmenu .smenu a:hover { background-color:#F00; color:#FFF !important; }
#gt_fullmenu .mmenu a:hover { color:#F00; }
#gt_fullmenu .red { color:#F00 !important; }



/* "C:\Users\openk\Desktop\public_html\theme\geongi\common\gt_sidebanner2.php" INNER BEGIN CSS 불리함 아래: */

#slideout_inner2 a{ color:#333;}
#slideout_inner2 .text1{ color:#333; font-size:36px; padding:0px; letter-spacing:-1px; }
#slideout_inner2 .text2{  font-family: 'NanumBarunGothic'; color:#555; font-size:11px; font-weight:700; line-height:100%; padding:10px 0; }


.ul_box_link4 { display:inline-block; width:100%; margin: 0px; padding:0px; }
.ul_box_link4 li { position:relative;  float:left;  width:25%; overflow:hidden; margin:0px; padding:10px 8px; background:#FFF; border-top:0px; text-align:center; }
.ul_box_link4 li { -webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s; }
.ul_box_link4 a { line-height:100%; margin:0px; padding:0px; }
.ul_box_link4 li:hover .micon { background-color:#0CB7DA; }
.ul_box_link4 li:hover .micon { color:#FFF !important; }

.ul_box_link4 li .micon { /* font-size:30px; color:#333; margin: 0px 0px; */ }
.ul_box_link4 li .micon { font-size:30px; line-height:30px; border-radius:30px; padding:15px; margin:0 0 10px 0; background-color:#EEE; border:1px solid #CCC; color:#333; }
.ul_box_link4 li .mTitle1 { font-family:'Nexon Gothic'; font-size:11px; font-weight:500; color:#555; text-align:center; letter-spacing:0px; margin:0px; padding:0px 0px 0px 0px; }
.ul_box_link4 li .thin { font-weight:400; font-size:14px; color:#777; }

@media (max-width:999px) { 
	/* .ul_box_link4 li { width:50%; } */
}

#foot_info_bar { font-family: 'NanumSquare'; margin: 0px; padding: 0px; margin-bottom: 20px; }
#foot_info_bar a { font-size:15px; color:#FFF; margin-right:20px; }
#foot_info_bar a:hover { opacity:1.0 !important; }
.vbar10 { margin: 0px 10px 0px 10px; opacity:0.4; }
.vbar20 { margin: 0px 20px 0px 20px; opacity:0.4; }
#foot_info3 ul { list-style:none; margin:0 auto; padding:0; }
#foot_info3 a { line-height:30px; }
#foot_info3 li { float:right; margin:0 7px 10px 0; padding:0; }
#foot_info3 li img { width:40px; border-radius:20px; border:0px solid #CCC;}
#foot_info3 .last { margin-right:0px !important; }
#foot_info3 .material-icons:hover { color:#000 !important; }
.foot_info_ul { margin:0px; padding:0px; }
.foot_info_ul li { float:left;  margin-right:10px; }
@media all and (max-width: 1111px) {
	#foot_info2 { margin-top: 20px; padding-left:20px; padding-right:20px; }
	#foot_info3 ul { justify-content: center !important;}
}
		
/*   SITE MAP 영역 CSS */		

body { background:#FFF; }
#SECTION_SITEMAP .title { font-size:45px; color:#111; letter-spacing:2px; margin:50px 0; padding:0 0 50px; border-bottom:1px dotted #DDD; }
#SECTION_SITEMAP .mmenu, #SECTION_SITEMAP .smenu { margin:0; padding:0 0 10px; line-height:30px; }
#SECTION_SITEMAP .mmenu a { color:#333; font-size:15pt; font-weight:bold; }
#SECTION_SITEMAP .smenu a { color:#666; }
#SECTION_SITEMAP .switch { display: block; width: 60px; height: 26px; border-radius: 999px; background-color: #d8d9db; margin-bottom: 10px; cursor:pointer; transition: background-color .3s cubic-bezier(.25, .46, .45, .94); }
#SECTION_SITEMAP .switch .helper { margin:6px 2px 2px;  width: 26px; height: 26px; background-color: #fff; border-radius: 50%; transition: transform .3s cubic-bezier(.25, .46, .45, .94); }
#SECTION_SITEMAP .switch.ui-checked { background-color: #48cae4; }
#SECTION_SITEMAP .switch.ui-checked .helper { transform: translateX(30px); }
@media (max-width:1000px){ 
	#SECTION_SITEMAP { display:none; }
}


/* theme/geongi/common/submenu_banner.php 상단 */
.ul_box_link2 { display:inline-block;  width:100%; margin:50px 0px; padding:0px; border-top:1px solid #DDD; border-left:1px solid #EEE; }
.ul_box_link2 li { position:relative;  float:left;  width:50%; overflow:hidden; padding:15px 10px; background:#FFF; border:1px solid #DDD; border-left:0px; border-top:0px; text-align:center; }
.ul_box_link2 li { -webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s; }
.ul_box_link2 li:hover { background-color:#0CB7DA; }
.ul_box_link2 li:hover .micon, .ul_box_link2 li:hover .mTitle1, .ul_box_link2 li:hover .thin { color:#FFF; }

.ul_box_link2 li .micon {  font-size:38px; color:#333; line-height:100%; margin: 5px 0px; }
.ul_box_link2 li .mTitle1 { font-family:'NanumSquare'; font-size:17px; line-height:20px; font-weight:700; color:#000; text-align:center; letter-spacing:-1px; margin:0px 0px 0px 0px; }
.ul_box_link2 li .thin { font-weight:400; font-size:14px; color:#777; }

@media (max-width:999px) { 
	.ul_box_link2 li { width:50%; }
}