@charset "utf-8";

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url(/Resources/Font/nanumgothicbold.eot);
    src: url(/Resources/Font/nanumgothicbold.woff) format('woff'), url(/Resources/Font/NanumGothic-Bold.woff2) format('woff2'),url(/Resources/Font/nanumgothicbold.ttf) format('truetype');
    /* 2024.02.14
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');*/
}
/*googleMap font_add :20240214 */
@font-face {
    font-family: 'Roboto'; 
    font-style: normal;
    font-weight: normal;
    src: url(/Resources/Font/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
}

/* 공통 */

html {
  scrollbar-face-color: #F0F0F0;
  scrollbar-shadow-color: #D3D1D1;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #D3D1D1;
  scrollbar-darkshadow-color: #D3D1D1;
  scrollbar-track-color: #FFFFFF;
  scrollbar-arrow-color: #D3D1D1;
}
.fng{font-family:'나눔고딕', NanumGothic, 'Nanum Gothic';}

html, body {width:100%; height:100%; }
body {width:100%; height:100%; }

* {
  margin: 0px; padding: 0px;
  font-family: '나눔고딕', NanumGothic, 'Nanum Gothic', 돋움, Gulim, 굴림, AppleGothic, Tahoma, Sans-serif; font-size: 12px; line-height: 18px; color: #1d252c;
  /*20210530_kcj_delete(grid에서 오작동해서 막음) word-break: keep-all;*/
}

*, *:after, *:before 
{
    
  box-sizing:border-box;

}

table {border-collapse: collapse;}
img, button, fieldset, iframe {border: none;}
img, input, select {vertical-align: bottom;}
hr, button img {display: none;}

#myMap .gmnoprint button img {display:block;}


fieldset {_display: inline;}
label 
{
    display:block; 
    /*margin-top: 2px; */
    _margin-top: 5px; 
    font-size: 12px;
}
address {font-style: normal;}

ul, ul li {list-style: none;}
ol, ol li {list-style: none;}

.inline {display: inline;}
.none {display: none;}
.clear {clear: both;}
.cursor {cursor: pointer;}

a {text-decoration: none; cursor: pointer;}
a:hover {color: #416287;}

.png24 {tmp:expression(setPng24(this));} 


textarea {width: 100%; height: 200px; overflow: auto; border: 1px solid #D2D2D2; background: #FFFFFF;}

option {padding-right: 6px;}
legend {position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}

input.search {width: 140px; height: 30px; padding-left: 5px; border: none; background: #e5e8ed;}
input.subject{width: 100%; height: 30px;padding-left: 5px;}
input.file {width: 100%; height: 30px; padding-left: 5px; border: none;}
input.file_add {width: 95%; height: 30px; padding-left: 5px; border: none;}
input.name {width: 250px; height: 30px; padding-left: 5px;}
input.tel {width: 80px; height: 30px; padding-left: 5px;}
input.mail {width: 250px; height: 30px; padding-left: 5px;}

input.input_check_login {width: 15px; height: 15px; margin-bottom: 1px; border: none; background: #ffb000;}

.para_group {margin-bottom: 20px;}
.para {margin-bottom: 10px;}
.para_s {margin-bottom: 5px;}

.leftMenu_setting .para {margin-bottom:0px !important;}





/*로딩*/

.detailBack{position: absolute;
            width: 100%;
            height: 100%;
            background-color: #000000; 
            top:0;
            left:0;
           /* opacity: 0.3;
            filter: alpha(opacity=30);*/ 
            
            z-index: 9999;
     /* For IE8 and earlier */}

.loader {    
  display: flex;
  height: 100px;
  align-items: center;
  justify-content: center; 
      position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
  
  }

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes ball_spin_fade_loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball_spin_fade_loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball_spin_fade_loader {
	position: relative;
	top: -10px;
	left: -10px; }
.ball_spin_fade_loader > div:nth-child(1) {
	top: 25px;
	left: 0;
	-webkit-animation: ball_spin_fade_loader 1s -0.96s infinite linear;
	animation: ball_spin_fade_loader 1s -0.96s infinite linear; }
.ball_spin_fade_loader > div:nth-child(2) {
	top: 17.04545px;
	left: 17.04545px;
	-webkit-animation: ball_spin_fade_loader 1s -0.84s infinite linear;
	animation: ball_spin_fade_loader 1s -0.84s infinite linear; }
.ball_spin_fade_loader > div:nth-child(3) {
	top: 0;
	left: 25px;
	-webkit-animation: ball_spin_fade_loader 1s -0.72s infinite linear;
	animation: ball_spin_fade_loader 1s -0.72s infinite linear; }
.ball_spin_fade_loader > div:nth-child(4) {
	top: -17.04545px;
	left: 17.04545px;
	-webkit-animation: ball_spin_fade_loader 1s -0.6s infinite linear;
	animation: ball_spin_fade_loader 1s -0.6s infinite linear; }
.ball_spin_fade_loader > div:nth-child(5) {
	top: -25px;
	left: 0;
	-webkit-animation: ball_spin_fade_loader 1s -0.48s infinite linear;
	animation: ball_spin_fade_loader 1s -0.48s infinite linear; }
.ball_spin_fade_loader > div:nth-child(6) {
	top: -17.04545px;
	left: -17.04545px;
	-webkit-animation: ball_spin_fade_loader 1s -0.36s infinite linear;
	animation: ball_spin_fade_loader 1s -0.36s infinite linear; }
.ball_spin_fade_loader > div:nth-child(7) {
	top: 0;
	left: -25px;
	-webkit-animation: ball_spin_fade_loader 1s -0.24s infinite linear;
	animation: ball_spin_fade_loader 1s -0.24s infinite linear; }
.ball_spin_fade_loader > div:nth-child(8) {
	top: 17.04545px;
	left: -17.04545px;
	-webkit-animation: ball_spin_fade_loader 1s -0.12s infinite linear;
	animation: ball_spin_fade_loader 1s -0.12s infinite linear; }
.ball_spin_fade_loader > div {
	background-color: #fff;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute; }  
	
/* 민소영 탭메뉴 */	
    #tab_menu_top
    {
        display:none;
        width:1200px;
    }
        .tabs_submenu {
        }
        .tabs_submenu ul:before, .tabs_submenu ul:after {
	        content: "\0020"; display: block; height: 0; visibility: hidden;	
        } 
        .tabs_submenu ul:after { clear: both; }
        .tabs_submenu ul {
	        margin:0;
	        list-style:none;
	        border-bottom: 1px solid #e0e0e0;
        }
        .tabs_submenu ul li {
	        position: relative;
	        float: left;
	        margin: 0;
	       /* max-width:200px;	        
	        overflow:hidden;*/
        }
        .tabs_submenu ul li a {
			color: #1d252c;
			background: #ffffff;
	        text-align: center;
	        font-weight:normal;
	        display: block;
	        line-height:30px;
	        border: 1px solid #e0e0e0;
	        padding: 6px 18px; 
	        margin: 0 0px -1px 0;
	        text-decoration:none;
	        /*max-width:200px;
	        max-height:45px;
	        overflow:hidden;*/
        }      
        .tabs_submenu ul li a.on, 
		.tabs_submenu ul li a:hover{color: #ffffff; border-right: none; background: #12aaeb; text-shadow: none;}
    #tab_menu_top div iframe
    {
        width:1200px;
        height:700px;
        border:none;
    }