@charset "utf-8";


/***********************************************
	조직도
************************************************/

.group-tree,
.group-tree *,
.group-tree *:before,
.group-tree *:after			{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

.group-tree .depth-1 > li			{ position: relative; margin-bottom: 50px; }

@media all and (min-width: 895px) { 
	.group-tree			{ position: relative; overflow: hidden;  }
	.group-tree ul		{ position: relative; }
	.group-tree li		{ text-align: center; }
	.group-tree a		{ display: inline-block; position: relative; }
	.group-tree ul li ul li ul li ul li a { padding-top:5px; font-weight: 400;}
	.group-tree ul li ul li ul li ul li ul li a {font-weight: 300;margin: 1px 0;padding: 5px 16px; border: 2px solid #ededef;color: #3a3a3a;font-size: 16px;border-radius: 4px;width: 100%;}
	.group-tree ul li ul li ul li ul li ul li ul li ul li  {  display: list-item; text-align: -webkit-match-parent;}
	.group-tree ul li ul li ul li ul li ul li ul li ul li a {font-weight: 300;color:#577bb5;border: 0;}
	

	
	.group-tree .depth-1 > li > a		{ width: 260px !important; border-radius: 3px; font-weight:400; width: 200px; color: #ffffff; margin: 0 auto;  padding: 19px 5px;  font-size: 1.466em; background: url(/resources/images/korean/sub/info/org_red_bg.gif) repeat left; }
	.group-tree .depth-2 > li > a		{ display: block; min-width: 190px /*조직도*/; border-radius: 4px; text-align: center; color: #ffffff; font-size: 1.06em; padding: 18px 20px; line-height: 1.1; background: url(/resources/images/korean/sub/info/org_gray_bg.gif) no-repeat center;  }
	.group-tree .depth-3 > li > a		{ padding: 14px 20px; margin: 0 -2px; color: #ffffff; font-size: 16px; border-radius: 3px; min-width: 150px; width: 100%;  background: url(/resources/images/korean/sub/info/org_purple_bg.gif) no-repeat left;}
	.group-tree .depth-4 > li > a		{ padding: 10px 16px; background: #ececec; border: 2px solid #9c9dab; color: #3a3a3a; font-size: 16px; border-radius: 4px; width: 100%;}

	.group-tree .depth-2				{ padding-top: 25px; }
	.group-tree .depth-2:before			{ content: ""; display:block; position: absolute; top: 0; left: 50%; width: 1px; height: 25px; background: #dadada; }
	.group-tree .depth-2 > li			{ display: inline-block; position: relative; padding: 25px 3px 0; vertical-align: top; margin: 0 -2px; }
	.group-tree .depth-2 > li:after		{ content: ""; display:block; position: absolute; top: 0px; left: 0; right: 0; height: 1px; background: #dadada; }
	.group-tree .depth-2 > li:first-child:after	{ left: 50%; }
	.group-tree .depth-2 > li:last-child:after	{ right: 50%; }
	.group-tree .depth-2 > li:before	{ content: ""; display:block; position: absolute; top: 0; left: 50%; width: 1px; height: 25px; background: #dadada; }
	
	.group-tree .depth-3				{ padding: 0px 5px 70px; overflow: hidden; }
	.group-tree .depth-3:before			{ content: ""; display:block; position: absolute; top: 0; left: 50%; width: 1px; height: 25px; background: #dadada; }
	.group-tree .depth-3 > li			{ display: block; position: relative; padding-top: 25px; margin: 0 -2px; vertical-align: top; }
	.group-tree .depth-3 > li:after		{ content: ""; display:block; position: absolute; top: 0px; left: 0; right: 0; height: 1px; background: #dadada; }
	.group-tree .depth-3 > li:first-child:after	{ left: 50%; }
	.group-tree .depth-3 > li:last-child:after	{ right: 50%; }
	.group-tree .depth-3 > li:before	{ content: ""; display:block; position: absolute; top: 0; left: 50%; width: 1px; height: 25px; background: #dadada; }
	
	.group-tree .depth-4				{ padding: 0px 2px 0; overflow: hidden; }
	.group-tree .depth-4:before			{ content: ""; display:block; position: absolute; top: 0; left: 50%; width: 1px; height: 25px; background: #dadada; }
	.group-tree .depth-4 > li			{ display: block;/*display: inline-block;*/ position: relative; padding-top: 5px; margin: 0 -2px; vertical-align: top; }
	.group-tree .depth-4 > li:after		{ content: ""; display:block; position: absolute; top: 0px; left: 0; right: 0; height: 1px; background: #dadada; }
	.group-tree .depth-4 > li:first-child:after	{ left: 50%; }
	.group-tree .depth-4 > li:last-child:after	{ right: 50%; }
	.group-tree .depth-4 > li:before	{ content: ""; display:block; position: absolute; top: 0; left: 50%; width: 1px; height: 25px; background: #dadada; }
}

@media all and (min-width: 1001px) and (max-width: 1195px) {
	.group-tree .depth-4 > li > a	{ padding-left: 1px; padding-right: 1px; }
}

@media all and (max-width: 894px) {
	.group-tree			{ position: relative; overflow: hidden;  }
	.group-tree ul		{ position: relative; overflow: hidden; clear: both; }
	.group-tree li		{ position: relative; overflow: hidden; }
	.group-tree a		{ display: block; position: relative; }
	
	
	.group-tree .depth-1 > li 			{ margin-left: 6px; margin-right: 6px;}			
	.group-tree .depth-1 > li > a		{ float: left; clear: both; text-align: center; width: 300px; border-radius: 3px; font-weight:400; font-size: 1.466em;  color: #ffffff; margin: 0 auto;  padding: 19px 5px; border-radius: 3px; background: url(/resources/images/korean/sub/info/org_red_bg.gif) repeat left; }
	.group-tree .depth-2 > li > a		{ width: 260px; padding: 8px 0; color: #fff; border-radius: 3px; text-align: center; font-size: 1.26em; padding: 18px 20px; background: url(/resources/images/korean/sub/info/org_gray_bg.gif) repeat center; }
	.group-tree .depth-3 > li > a		{ width: 230px; padding: 14px 20px; color: #ffffff; font-size: 16px; border-radius: 3px; text-align: center; background: url(/resources/images/korean/sub/info/org_purple_bg.gif) repeat left; }
	.group-tree .depth-4 > li > a		{ padding: 10px 16px; border: 2px solid #9c9dab; color: #3a3a3a; font-size: 16px; border-radius: 4px;  background: #ececec; }
	
	/*.group-tree .depth-1 > li > a		{ width: 260px !important; border-radius: 3px; font-weight:400; color: #ffffff; margin: 0 auto;  padding: 19px 5px;  font-size: 1.466em; background: url(/resources/images/korean/sub/info/org_red_bg.gif) repeat left; }
	.group-tree .depth-2 > li > a		{ display: block; min-width: 195px; border-radius: 4px; text-align: center; color: #ffffff; font-size: 1.06em; padding: 18px 20px; line-height: 1.1; background: url(/resources/images/korean/sub/info/org_gray_bg.gif) no-repeat center;  }
	.group-tree .depth-3 > li > a		{ padding: 14px 20px; margin: 0 -2px; color: #ffffff; font-size: 16px; border-radius: 3px; min-width: 150px; width: 100%;  background: url(/resources/images/korean/sub/info/org_purple_bg.gif) no-repeat left;}
	.group-tree .depth-4 > li > a		{ padding: 10px 16px; background: #ececec; border: 2px solid #9c9dab; color: #3a3a3a; font-size: 16px; border-radius: 4px; width: 100%;}
	*/

	.group-tree .depth-2				{ margin-left: 10px; clear: both; }
	.group-tree .depth-2 > li			{ padding-top: 25px; padding-left: 15px; }
	.group-tree .depth-2:before			{ content: ""; display:block; position: absolute; top: 0; left: 0; width: 1px; height: 25px; background: #dadada; }
	.group-tree .depth-2 > li:before	{ content: ""; display:block; position: absolute; top: 0; left: 0; bottom: 0; width: 1px; background: #dadada; }
	.group-tree .depth-2 > li:after		{ content: ""; display:block; position: absolute; top: 45px; left: 0; width: 15px; height: 1px; background: #dadada; }
	.group-tree .depth-2 > li:last-child:before	{ bottom: auto; height: 45px; }
	
	.group-tree .depth-3				{ margin-left: 10px; }
	.group-tree .depth-3 > li			{ padding-top: 15px; padding-left: 15px; }
	.group-tree .depth-3:before			{ content: ""; display:block; position: absolute; top: 0; left: 0; width: 1px; height: 25px; background: #dadada; }
	.group-tree .depth-3 > li:before	{ content: ""; display:block; position: absolute; top: 0; left: 0; bottom: 0; width: 1px; background: #dadada; }
	.group-tree .depth-3 > li:after		{ content: ""; display:block; position: absolute; top: 30px; left: 0; width: 15px; height: 1px; background: #dadada; }
	.group-tree .depth-3 > li:last-child:before	{ bottom: auto; height: 30px; }
	
	.group-tree .depth-4				{ margin-left: 10px; }
	.group-tree .depth-4 > li			{ padding-top: 7px; padding-left: 15px; }
	.group-tree .depth-4:before			{ content: ""; display:block; position: absolute; top: 0; left: 0; width: 1px; height: 25px; background: #dadada; }
	.group-tree .depth-4 > li:before	{ content: ""; display:block; position: absolute; top: 0; left: 0; bottom: 0; width: 1px; background: #dadada; }
	.group-tree .depth-4 > li:after		{ content: ""; display:block; position: absolute; top: 30px; left: 0; width: 15px; height: 1px; background: #dadada; }
	.group-tree .depth-4 > li:last-child:before	{ bottom: auto; height: 30px; }
}

@media all and (max-width: 450px) {
	.group-tree .depth-1 > li 			{ }			
	.group-tree .depth-1 > li > a		{ width:100%;}
	.group-tree .depth-2 > li > a		{ width:100%;}
	.group-tree .depth-3 > li > a		{ width:100%;}
	.group-tree .depth-4 > li > a		{ width:100%;}

}	


/***********************************************
	직원 목록
************************************************/

.employee-list				{ position: relative; border-top: 3px solid #555; }
.employee-list dl			{ position: relative; min-height: 115px; margin-bottom: 10px; padding: 10px 0 10px 110px; border-bottom: 1px solid #eaeaea; }
.employee-list dt			{ display: block; position: absolute; top: 10px; left: 10px; width: 90px; height: 115px; overflow: hidden; border: 1px solid #e1e1e1; }
.employee-list dd			{ font-size: 12px; }
.employee-list dd p			{ position: relative; padding-left: 60px; line-height: 1.5em; margin-bottom: 5px; }
.employee-list dd strong	{ display: block; position: absolute; top: 0; left: 0; width: 50px; background: #49a5bf; border-radius: 3px; color: #fff; text-align: center; }

@media all and (max-width: 450px) {
	.employee-list dd p.both			{ padding-left: 0; margin-top: 30px; background: #f1f1f1; border-radius: 3px; border: 1px solid #eaeaea; padding: 8px; }
	.employee-list dd p.both strong		{ top: -25px; }
}


/***********************************************
	로그인
************************************************/

.loginBox							{ position: relative; max-width: 350px; margin: 100px auto; }
.loginBox input[type="text"],
.loginBox input[type="password"]	{ width: 100%; border: 1px solid #d1d1d1; border-radius: 3px; height: 50px; padding-left: 50px; box-sizing: border-box; }
.loginBox input[type="submit"]	{ width: 100%; }

.loginBox p					{ position: relative; padding-left: 30px; margin-bottom: 10px; min-height: 20px; }
.loginBox p:before			{ content: "\ea08"; font-family: 'icon'; position: absolute; top: 0; left: 0; font-size: 20px; color: #f39800; }

.loginBox fieldset			{ position: relative; margin-bottom: 5px; }
.loginBox fieldset label	{ display: block; position: absolute; width: 40px; height: 50px; overflow: hidden; text-indent: -999px; }

.loginBox fieldset label:before					{ display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 50px; text-indent: 0; font-size: 20px; text-align: center; font-family: 'icon'; color: #d1d1d1; }
.loginBox fieldset.user-id-box label:before		{ content: "\e971"; }
.loginBox fieldset.user-pw-box label:before		{ content: "\e98d"; font-size: 18px; }

.loginBox fieldset input.required		{ padding-left: 50px !important; background: none !important; }

.loginBox fieldset.on label:before		{ color: #49a5bf; }

@media all and (max-height: 920px) { 
	.loginBox	{ margin: 50px auto; }
}

@media all and (max-height: 800px) { 
	.loginBox	{ margin: 20px auto; }
	
}





/***********************************************
	회원가입
************************************************/

#agreement			{ position: relative; margin-top: 30px; }

#agreement h4			{ position: relative; font-size: 16px; padding-left: 15px; margin-bottom: 10px;}
#agreement h4:before	{ content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -5px; height: 10px; width: 5px; background: #49a5bf; }
#agreement fieldset		{ margin: 10px 0 30px; text-align: right; }
#agreement .agree-con		{ display: block; position: relative; width: 100%; height: 200px; box-sizing: border-box; border: 1px solid #d1d1d1; padding: 10px 10px 50px 10px; line-height: 1.6em; word-break: break-all; overflow: hidden; }
#agreement .agree-con pre	{ font-size: 12px;
	display: block; position: relative;  word-break: break-all;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-all;
}
#agreement .agree-con .ui-btn	{ position: absolute; bottom: 0; left: 0; right: 0; border-radius: 0; }



/***********************************************
	설문조사
************************************************/

.ui-survey-box					{ position: relative; }
.ui-survey-box .ui-title		{ font-size: 14px; padding: 10px; background: #49a5bf; color: #fff; }
.ui-survey-box #board_page_info	{ border-top-width: 0px; }

.ui-survey-answer		{ position: relative; margin-bottom: 30px; }
.ui-survey-item			{ position: relative; margin-bottom: 10px; }
.ui-survey-item h4		{ position: relative; padding-left: 35px; font-size: 15px; margin-bottom: 10px; font-weight: 400; }
.ui-survey-item h4:before	{ content: "?"; display: block; position: absolute; top: 0; left: 0; font-size: 16px; line-height: 20px; width: 25px; height: 25px; text-align: center; vertical-align: middle; border-radius: 9.0em; margin-right: 10px; color: #fff; background: #49a5bf; overflow: hidden; box-sizing: border-box; border: 2px solid #fff; }
.ui-survey-item h4:before	{ 
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.49);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.49);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.49);
}

.ui-survey-item dl		{ position: relative; clear: both; overflow: hidden; padding-right: 100px; margin: 5px 0; }
.ui-survey-item dl:before	{ content: ""; display: block; position: absolute; left: 10px; right: 10px; top: 11px; height: 0px; border-bottom: 1px dashed #d1d1d1; }
.ui-survey-item dl dt	{ display: block; position: relative; float: left; background: #fff; padding-right: 10px; }
.ui-survey-item dl dd	{ display: block; position: absolute; top: 0; right: 0; background: #fff; padding: 0 10px; }




/***********************************************
	*사이트맵*
************************************************/

/*사이트맵*/
.sitemap {}
.sitemap a {display:block; }
.sitemap > ul > li {float:left; width:33%;}
.sitemap > ul > li > a {border: 3px solid #be222f;color: #be222f;border-radius:5px;width:90%;text-align:center;padding:10px 0;font-size:16px;font-weight:bold;margin-bottom:10px;}
.sitemap > ul > li > ul > li {margin-bottom: 5px;}
.sitemap > ul > li > ul > li > a {border: 2px solid #dedede;color: #525252;border-radius:5px;width:90%;font-weight: 500;padding:10px 5%;}
.sitemap > ul > li > ul > li > ul > li {position: relative; padding:0; font-size:16px; line-height:26px ;color: #4d4d4d; padding:2px 0 2px 13px;  margin-left:10px;}
.sitemap > ul > li > ul > li > ul > li:before	{content: "";display: block;position: absolute;width:6px;height:6px;background:#666;top:12px;margin-top:-3px;left: 0;border-radius:50%;}
.sitemap > ul > li > ul > li > ul > li > ul > li a { color: #8a6d3b; width:89%; content: ""; font-weight: 400; padding:2px 0;}
.sitemap > ul > li > ul > li > ul > li > ul > li > ul { border: 1px solid #dedede; width:89%; border-radius:5px; padding:8px }
.sitemap > ul > li > ul > li > ul > li > ul > li > ul > li a {  color: #8a6d3b; width:89%; font-weight:300;}

/*************************************************************
	certify Style
**************************************************************/


.certify-box				{ position: relative; max-width: 500px; margin: 20px auto 50px; overflow: hidden; }
.certify-box > div			{ display: block; position: relative; width: 50%; float: left; box-sizing: border-box; padding: 20px; height: 300px; z-index: 0; }
.certify-box > div *		{ position: relative; }

.certify-box > div:before	{ content: ""; display: block; position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; background: #fff; border: 1px solid #dadada; border-radius: 5px; z-index: -1; }
.certify-box > div:after	{ content: ""; display: block; position: absolute; top: 10px; left: 10px; height: 120px; right: 10px; background: url('/resources/images/cmm/bak_marum_pattern.png') #49a5bf; border-top-left-radius: 5px; border-top-right-radius: 5px; z-index: -1; }

.certify-box > div p			{ text-align: center; font-size: 18px; color: #fff; height: 110px; box-sizing: border-box; padding-top: 40px; margin-bottom: 0; }
.certify-box > div p:before		{ content: ""; display: block; position: absolute; width: 80px; height: 80px; left: 50%; top: 80px; margin-left: -40px; border-radius: 9.0em; background-color: #49a5bf; background-repeat: no-repeat; background-position: 50% 50%; border: 5px solid #fff; box-sizing: border-box; }

.certify-box > div span			{ display: block; padding: 55px 10px 10px; font-size: 13px; height: 50px; color: #888; text-align: center; }
.certify-box > div a			{ display: block; position: relative; border-radius: 4px; background: #49a5bf; color: #fff; text-align: center; padding: 8px 0; }

#certify_mobile p:before		{ background-image: url('/resources/images/cmm/ico_certofy_mobile.png'); }
#certify_ipin p:before		{ background-image: url('/resources/images/cmm/ico_certofy_ipin.png'); }


#sub_visual	{position: relative;
  width: 100%;
  /*min-height: 420px;              필요시 380~480px 사이로 조정
  padding: 140px 0 60px;        ⬅️ 붉은바 높이 + 여유만큼 위로 띄움 */
  box-sizing: border-box;
  overflow: hidden;    z-index: 0; }
#sub_visual::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 50%;
  width: 100vw;
  transform: translateX(-50%) scale(1.08);  /* 시작: 살짝 확대 */
  background: url(/resources/images/egsv/sub/subtop_01.jpg) center top / cover no-repeat;
  z-index: -1;
  pointer-events: none;
  will-change: transform;
  animation: subVisualKenBurns 6s ease-out both;  /* 로딩 시 1회 재생 */
}
/* 줌-아웃 + 가벼운 패닝 */
@keyframes subVisualKenBurns{
  0%   { transform: translateX(-51%) scale(1.08); }
  100% { transform: translateX(-50%) scale(1.00); }
}

/* 모션 민감 사용자 배려 */
@media (prefers-reduced-motion: reduce){
  #sub_visual::before{ animation: none; transform: translateX(-50%) scale(1); }
}
#sub_visual	h3 {position: static;               /* ⬅️ top 사용 금지 */
  font-family: 'Gmarket';
  font-size: 40px;
  color: #fff;
  background: none;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0,0,0,.35);
  margin: 0 auto;
 /* max-width: 1600px;   */           /* ⬅️ 중앙 콘텐츠 폭과 동일하게 */
  padding: 102px 24px;}


/* 영문sub_visual */
.MENU_1709050102,
.MENU_1709050103,
.MENU_1709050104,
.MENU_1709050105,
.MENU_1709050106,
.MENU_1709050107 {background:url(/resources/images/korean/sub/subtop_info.jpg) 50% 0 no-repeat;}



/*.aside_calendar .count { color: #f26522;font-weight: 800;padding-right:3px; }
.aside_calendar dl		{ position: relative; height: 120px; overflow: hidden; margin-top: 10px; }
.aside_calendar li		{ display: block; position: relative; width: 14.285%; float: left; height: 20px; line-height: 20px; text-align: center; overflow: hidden; }
.aside_calendar li.sat		{ color: #6e9c42; font-weight: 800; }
.aside_calendar li.sun		{ color: #f26522; font-weight: 800; }
.aside_calendar li span	{ display: block; position: relative; width: 100%; height: 100%; overflow: hidden; text-align: center; line-height: 20px; z-index: 1; }
.aside_calendar dd li.hasItem	{ background: blue; color: #fff; font-weight: 800;}
.aside_calendar .ui-week-1 li:first-child	{ margin-left: 0; }
.aside_calendar .ui-week-2 li:first-child	{ margin-left: 14.285%; }
.aside_calendar .ui-week-3 li:first-child	{ margin-left: 28.571%; }
.aside_calendar .ui-week-4 li:first-child	{ margin-left: 42.857%; }
.aside_calendar .ui-week-5 li:first-child	{ margin-left: 57.142%; }
.aside_calendar .ui-week-6 li:first-child	{ margin-left: 71.428%; }
.aside_calendar .ui-week-7 li:first-child	{ margin-left: 85.714%; }*/


@media all and (max-width:767px) {
	
	#sub_visual	   { width: 100%; height: 150px; position: relative; border-bottom: 1px solid #dedede; margin-left:0; margin-right:0;}
	#sub_visual h3 {width:100%; text-align:center; /*display:none;*/  font-size:30px; padding: 30px 24px; }
	#sub_visual i,
	#sub_visual .lnb-item {display:none;}

/*사이트맵*/
.sitemap > ul > li {float:left; width:100%;}

	
}