@charset "utf-8";

@import "/Web-home/content/css/contentCommon.css";


/******************************************************
title
******************************************************/
._contentBuilder ._obj._objHeading .objHeading_h2,
._contentBuilder ._obj._objHeading .objHeading_h3,
._contentBuilder ._obj._objHeading .objHeading_h4,
._contentBuilder ._obj._objHeading .objHeading_h5,
._contentBuilder ._obj._objHeading .objHeading_h6 {
  line-height: 2;
}
._contentBuilder ._obj._objHeading .objHeading_h2 {
  padding-top: 5px;
  background: url("/sites/gsuite/images/h2.gif") 0 top no-repeat;
}
._contentBuilder ._obj._objHeading .objHeading_h3 {
  padding-left: 20px;
  background: url("/sites/gsuite/images/h3.gif") 2px 50% no-repeat;
}
._contentBuilder ._obj._objHeading .objHeading_h4 {
  padding-left: 20px;
  background: url("/sites/gsuite/images/h4.gif") 5px 50% no-repeat;
}
._contentBuilder ._obj._objHeading .objHeading_h5 {
  color: #44a3bd;
}
._contentBuilder ._obj._objHeading .objHeading_h6 {
  color: #000;
}
/******************************************************
ul/ol
******************************************************/
._contentBuilder ._obj._objHtml ul li ,
._contentBuilder ._obj._objTag ul li {
  padding-left: 11px;
  background: url("/sites/gsuite/images/li.gif") 0 8px no-repeat;
}
._contentBuilder ._obj._objHtml ol li ,
._contentBuilder ._obj._objTag ol li {
  display: list-item;
}
/******************************************************
table
******************************************************/
._contentBuilder ._obj._objHtml table ,
._contentBuilder ._obj._objTag table {
  border-top-color: #44a3bd !important;
  border-top-style: solid !important;
  border-top-width: 3px !important;
  border-left-color: #ccc !important;
  border-left-style: solid !important;
  border-left-width: 1px !important;
  background-color: #fff;
}
._contentBuilder ._obj._objHtml table th,
._contentBuilder ._obj._objHtml table td ,
._contentBuilder ._obj._objTag table th,
._contentBuilder ._obj._objTag table td {
  border-width: 0 1px 1px 0 !important;
  border-color: #ccc !important;
  width: auto;
  padding: 6px;
}
._contentBuilder ._obj._objHtml table thead th ,
._contentBuilder ._obj._objTag table thead th {
  text-align: center;
  background-color: #f3f3f3;
}
._contentBuilder ._obj._objHtml table tbody th ,
._contentBuilder ._obj._objTag table tbody th {
  text-align: center;
  background-color: #f7f7f7;
}
/******************************************************
photoSlide - SlideShowOff
******************************************************/
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff{
  margin: 0 30px;
}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .jshowoff-controls a {
  width: 18px;
  height: 35px;
  margin-top: -16px;
  background: url("/Web-home/content/skin/skin3/images/btnHandler.gif") no-repeat;
}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .jshowoff-controls .jshowoff-prev {
  margin-left: -30px;
  background-position: 0 0;
}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .jshowoff-controls .jshowoff-next {
  margin-right: -30px;
  background-position: -18px 0;
}
/******************************************************
photoSlide - SlideThumb
******************************************************/
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideThumb{
  height: 54px;
}
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideThumb .imageDataList.imageType_thumb li{
  border-color: #fff;
  width: 60px !important;
  height: 50px !important;
}
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideThumb .imageDataList.imageType_thumb li._active{
  border-color: #44a3bd;
}

._contentBuilder ._obj._objHtml ul li,
._contentBuilder ._obj._objTag ul li {
  margin-top: 0;
}

/********************************메인********************************/
.visual_area {
  float: left;
  width: 100%;
  height: 370px;
  background: url(/sites/gsuite/images/visual_220621.jpg) no-repeat center center;
}

.mid_Nb {
  height: 100%;
  letter-spacing: -0.5px;
}

.mid_Nb.second-child {border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.mid_Nb.second-child h2 {background: rgba(247, 247, 247, 1);}
.mid_Nb.second-child .contents_box {background: rgba(247, 247, 247, 1); height: 190px;}

.mid_Nb.last-child img {margin-top: 20px;}
.contents_box {padding: 20px 30px; box-sizing: border-box;}

.mid_Nb p {font-size: 16px; line-height: 150%; word-break: break-all;}
.mid_Nb li {font-size: 16px; line-height: 220%; border-bottom: 1px solid #ddd;}
.mid_Nb li:last-child {border-bottom: none;}

.link_box h2 {
  font-size: 24px;
  font-weight: normal;
  padding: 18px 0 21px 30px;
  background-color: rgba(238, 238, 238, 1);
}

#menu55348_obj470 {background: url(/sites/gsuite/images/mainbg.jpg) no-repeat center center; padding: 50px 40px;box-sizing: border-box;
  letter-spacing: -1px; background-color: #5380be;}
#menu55348_obj470 img {padding-bottom: 10px;}
#menu55348_obj470 h2 {color: #fff; font-size: 28px; padding-bottom: 20px;}
#menu55348_obj470 li {color: #fff; font-size: 16px;padding-bottom: 10px;line-height: 150%;}

/********************************메인********************************/
/* main li reset
.main ._contentBuilder ._obj._objHtml ul li, 
.main  ._contentBuilder ._obj._objTag ul li {margin-top: 0; background:url(); padding-left:0;}
/* sub box li reset
._contentBuilder ._obj._objHtml .li-imgBox li, 
._contentBuilder ._obj._objHtml .li-listBox li,
._contentBuilder ._obj._objHtml .icon-thumlist li,
._contentBuilder ._obj._objTag .li-imgBox li									{padding-left:0; background:url(); margin-top:0;}
._contentBuilder ._obj._objHtml, ._contentBuilder ._obj._objTag			{line-height:1.6;}
/*3dep menu none
#menuUItop .top_div .ul_1 .li_1 .div_2 .ul_2 .li_2 .div_3			{display:none;} 			
/* sub font-size
.sub #subContainer #subContent #contentsEditHtml #_contentBuilder .multipleDiv .multipleContentsDiv ._objHtml{font-size:1.2em;}*/

/*스타일 가이드*/
.styleguide-quick-links															{text-align: center;}
.styleguide-quick-links ul															{display: inline-block; width: 55%;}
.styleguide-quick-links ul li														{width:25%; float:left; display:inline-table; vertical-align: top; text-align:center; position: relative;}
.styleguide-quick-links ul li a													{display:table-cell; vertical-align: middle; height: 80px; font-size:1.24em; color: rgba(255,255,255,0.8); padding-top: 80px; font-weight: bold;}
.styleguide-quick-links ul li a:hover											{text-decoration:underline;}
.styleguide-quick-links ul li a:before											{content:''; display:block; margin-bottom:10px; width: 70px; height: 70px; position: absolute; top: 20px; left: 50%; margin-left: -35px;}
.styleguide-quick-links ul li.item-01											{background-color: #0886dc !important;}
.styleguide-quick-links ul li.item-02											{background-color: #1abbd8 !important;}
.styleguide-quick-links ul li.item-03											{background-color: #0097af !important;}
.styleguide-quick-links ul li.item-04											{background-color: #366fcc !important;}
.styleguide-quick-links ul li.item-01 a:before								{background:url(./../../images/quick-bg01.png) center center no-repeat; }
.styleguide-quick-links ul li.item-02 a:before								{background:url(./../../images/quick-bg02.png) center center no-repeat; }
.styleguide-quick-links ul li.item-03 a:before								{background:url(./../../images/quick-bg03.png) center center no-repeat; }
.styleguide-quick-links ul li.item-04 a:before								{background:url(./../../images/quick-bg04.png) center center no-repeat; }

/*기본 이미지 + 박스*/
.boxStyle										{overflow:hidden; box-sizing:border-box; padding:0; line-height:1.4; background-position:right top; background-repeat:repeat-x; color:#fff; background-color:#4876d3;}
.boxStyle.pattern01							{background-image:url(./../../images/patten/pattern_01.png);} 
.boxStyle.pattern02							{background-image:url(./../../images/patten/pattern_02.png);}
.boxStyle.pattern03							{background-image:url(./../../images/patten/pattern_03.png);}
.boxStyle .imgWrap							{margin-right:30px; float:left;}

.boxStyle .imgWrap img					{float:left; width:100%;}
.boxStyle .textWrap							{box-sizing:border-box; padding-top:20px; padding-right:30px;}
.boxStyle .title									{font-size:1.25em; font-weight:bold; margin-bottom:20px; display:block; line-height:1.6;}

.boxStyle.bfixed								{}
.boxStyle.bfixed .imgWrap					{float:left; width:30%; overflow:hidden; margin-right:0;}
.boxStyle.bfixed .imgWrap img			{width:100%;}
.boxStyle.bfixed .textWrap					{float:right; width:68%;}

/*이미지라인 + 박스*/
.boxStyle.imgLine								{background:none;}
.boxStyle.imgLine .imgWrap				{padding-top:66px; position:relative; background-image:url(./../../images/patten/boxStyle-bg01.png); background-position:0 -60px; background-repeat:repeat-x; background-color:#fff; color:#fff;}
.boxStyle.imgLine .imgWrap:before		{content:''; position:absolute; left:0; top:16px; display:block; width:15px; height:50px; background:url(./../../images/patten/boxStyle-bg01.png) left top repeat-y; }
.boxStyle.imgLine .imgWrap:after		{content:''; position:absolute; right:0; top:16px; display:block; width:15px; height:50px; background:url(./../../images/patten/boxStyle-bg01.png) right top repeat-y; }
.boxStyle.imgLine .textWrap				{box-sizing:border-box; padding-top:0;}

/*li 이미지 리스트*/
.li-imgBox										{border:1px solid #d2d2d2; overflow:hidden; padding-bottom:20px;}
.li-imgBox > li									{width:33.33%; float:left; list-style:none; margin:0; padding:0; position:relative; display:inline-block; text-align:center; }
.li-imgBox > li + li:before						{content:''; display:block; width:1px; height:1000px; background-color:#d2d2d2; position:absolute; left:0; top:0; z-index:0}
.li-imgBox > li .thum img						{width:100%; float:left; position:relative; z-index:1;}
.li-imgBox > li .thum							{height:100%;}
.li-imgBox > li div strong.li-boxTitle			{display:block; font-size:1.2em; padding:10px 0; clear:both;}
.li-imgBox > li div + div							{padding:10px;}
.li-imgBox li ul										{padding:20px; overflow:hidden;}

.li-imgBox.titleBox								{background-color:#fafafa; border:none; border-top:4px solid #5971b5;}
.li-imgBox.titleBox > li							{text-align:left;;}
.li-imgBox.titleBox > li > div					{text-align:left; padding:20px;}
.li-imgBox.titleBox > li > div.title				{padding:10px 20px 0; min-height:30px;}
.li-imgBox.titleBox > li > div.title > strong	{display:block; position:relative; padding-left:10px; font-size:1.15em; margin-bottom:5px;}
.li-imgBox.titleBox > li > div.title > strong:before	{content:''; display:block; width:3px; height:15px; background-color:#638bc7; position:absolute; left:0; top:5px; z-index:0}

.li-type01											{clear:both; overflow:hidden; margin:10px 0;}
.li-type01 li											{position:relative; list-style-type:none; padding:0; margin:0; line-height:1.4; margin-bottom:5px; padding-left:10px !important;}
.li-type01 li:before								{content:''; display:block; width:3px; height:3px; background-color:#638bc7; position:absolute; left:0; top:8px; z-index:0}
.li-type01 li:last-child							{margin-bottom:0px;}

.li-listBox											{border:1px solid #e0e0e0; border-top:2px solid #999;}
.li-listBox > li										{border-bottom:1px solid #e0e0e0; padding:3% !important; box-sizing:border-box; list-style:none; clear:both; overflow:hidden;}
.li-listBox > li .thum								{width:48%; float:left;}
.li-listBox > li .thum img						{width:100%;}
.li-listBox > li .text								{width:49%; float:right; font-size:1em; line-height:1.4;}
.li-listBox > li .text strong.li-boxTitle		{display:block; font-size:1.2em; margin-bottom:10px;}

.iconBox											{padding:30px; overflow:hidden; position:relative; }
.iconBox.bg-gray								{background-color:#f5f5f5; border-top:2px solid #d2d2d2;}
.iconBox.bg-border							{border:3px solid #005faa;}
.iconBox.bg-line								{background:url(./../../images/icon/lineBox_bg.png); padding:10px;}
.iconBox.bg-lineDot							{background-image:url(./../../images/icon/lineBox_bgLine.png); background-repeat:no-repeat; background-position:left top; padding:10px; border:1px solid #ddd;}
.iconBox.bg-lineDot .icon					{margin:10px 20px; text-align:center; padding-right:50px;}
.iconBox.bg-lineDot .inner .text strong	{margin-top:20px;}
.iconBox.bg-line .inner						{background-color:#fff; overflow:hidden; padding:25px 15px 25px 35px;}
.iconBox.bg-line .inner .text strong		{margin-top:15px;}
.iconBox .icon									{float:left; display:table-cell; vertical-align:middle; margin-right:40px; overflow:hidden; height:100%; text-align:center;}
.iconBox .icon img							{width:100%;}
.iconBox .icon.circle							{border-radius:100%; padding:20px; }
.iconBox .icon.padding0					{padding:0;}
.iconBox .icon.circle.bg-white				{background-color:#fff;}
.iconBox .icon.circle.bg-gray				{background-color:#efefef;}
.iconBox .icon span							{display:block;}
.iconBox .text									{display:table-cell; }
.iconBox .text .title							{display:block; font-size:1.2em; margin-bottom:10px;}

.icon-thumlist									{text-align:center;}
.icon-thumlist li								{display:inline-block; margin:5px;}

/* font style */
.f-bold											{font-weight: bold;}
.f-normal										{font-weight: normal;}
.f-red												{color: #9e0b0f;}
.f-orange										{color: #ff6c00;}
.f-blue											{color: #2c6aba;}
.f-teal												{color: #17a88e;}
.f-normal										{color:#666; padding-top:0;}

/* 버튼 style */
.btnWrap							{overflow: hidden;}
a.btn									{display: inline-block; color: #fff;font-weight: bold; background-color: #3b9e96; line-height:30px;  background-position: right center; background-repeat: no-repeat;box-sizing: border-box;padding: 0 50px 0 16px;margin-right: 5px;}
a.btn_down							{background-image: url('./../../images/btn/btn_down.png');}
a.btn_go								{background-image: url('./../../images/btn/btn_go.png');}
a.btn_green							{background-color: #3b9e96;}
a.btn_blue							{background-color: #2875b1;}
a.btn_grey							{background-color: #8b8b8b;}
a.btn_greyL							{background-color: #e5e5e5; color: #303030;}
a.btn_white							{color: #114c79;border: 1px solid #4c697f;background-color: #fff;}
a.btn_down.btn_white			{background-image: url('./../../images/btn/btn_down_w.png');}
a.btn_go.btn_white				{background-image: url('./../../images/btn/btn_go_w.png');}

.marT20								{margin-top:20px;}
.marT25								{margin-top:25px;}
.wbr{display:block;}

/* introduce*/
#introduceBox																		{display: inline-block;}
#introduceBox .thumb															{width: 44%;float: left;position: relative;}
#introduceBox .thumb img													{max-width: 100%;}
#introduceBox .thumb .sign													{position: absolute;left: 40%;top: 220px;width: 200px;height: 90px;background: #0a489b;color: #fff;text-align: right;padding: 15px 20px 0 0;box-sizing: border-box;font-size: 1.07rem;transition: all 0.2s ease;}
#introduceBox .desc																{width: 55%;float: right;}
#introduceBox .desc h3														{color: #333;font-weight: 600;font-size: 1.18rem;line-height: 1.5;}
#introduceBox .desc p															{text-align: justify;}

#departBox																			{clear: both;border-bottom: 1px solid #7f8084;margin: 0 0 30px 0;padding: 0 0 30px 0;display: table;}
#departBox h3																	{color: #2565b7;font-size: 1.55rem;line-height: 1.3;}
#departBox h3 em																{font-weight: 600;font-size: 2.5rem;}
#departBox p																		{text-align: justify;}
#departBox .desc																	{height: 100%;padding: 0 15% 0 0;display: table-cell;vertical-align: middle;}
#departBox .symbol																{height: 100%;display: table-cell;vertical-align: middle;text-align: right;}
#departBox img																	{width: 100%;max-width: 100%;}

/* tab-menu */
#menuUItab																		{position:relative;}
#menuUItab > .tab_div .ul_3													{margin-bottom:50px;}
#menuUItab > .tab_div .tab_k2wiz_GNB .div_4							{display:none; left:0;}
#menuUItab > .tab_div > .tab_k2wiz_GNB > ._active > .div_4		{display:block;}


/* location */
#locationBox {
}
#locationBox .map img{
  max-width: 100%;
}
#locationBox .info {
  padding: 30px 35px;
  margin: -10px 0 0 0;
  color: #fff;
  background: #5380be url('./../../images/bgLogo.gif') no-repeat right bottom;
}
#locationBox .info h3 {
  font-size: 1.2rem;
  margin: 0 0 15px 0;
}
#locationBox .info ul {
  display: inline-block;
}
#locationBox .info li {
  padding: 5px 0 5px 35px;
  margin: 5px 0;
}
#locationBox .info li.address {
  background: url('./../../images/icon1.gif') no-repeat left center;
}
#locationBox .info li.phone {
  background: url('./../../images/icon2.gif') no-repeat left center;
  float: left;
}
#locationBox .info li.fax {
  background: url('./../../images/icon3.gif') no-repeat left center;
  float: left;
  margin: 5px 0 5px 30px;
}
/* email추가*/

#_pageNavigation li{margin-right:0 !important; margin-left:0 !important;}
#_pageNavigation li:before{display:none !important; }

@media screen and (max-width:1023px) {
  ._fnctAdmin		{display:none !important;}
  #menuUItop .top_div .ul_1 .li_1 .div_2 .ul_2 .li_2 .div_3			{background: rgba(255,255,255,0.3);} 			
  #menuUItop .top_div .ul_1 .li_1 .div_2 .ul_2 .li_2 .div_3 ul li{    border-bottom: 1px solid rgba(255,255,255,0.5);}
  #menuUItop .top_div .ul_1 .li_1 .div_2 .ul_2 .li_2 .div_3 ul li a	{display:block;  padding-left:30px !importatnt;}
  #menuUItop > .top_div > .ul_1 li.on > div		{display:block !important;}

}
@media screen and (max-width:1023px) {
  #subContent	{padding:10px;}
  #subContent	#contentsEditHtml #_contentBuilder .multipleDiv .multipleContentsDiv ._objHtml{font-size:1.2em;}
}
@media  (min-width:601px) and (max-width:700px) {
  #introduceBox .thumb .sign			{left:0 !important;}
}
@media screen and (max-width:600px) {
  #header .container .wrap-logo h1 a 		{vertical-align:middle;}
  #header .container .wrap-logo h1 a em		{font-size:0.8em; margin:0 0 0 10px;}
  #header .container .wrap-gnb .util-area .top-link a{font-size:11px;}
  #menuUItop .top_div .ul_1 .li_1 .a_1{display:block;}
  .menuUItop .a_1					{font-size:1.2em;}
  #departBox									{margin-bottom:30px;}
  #introduceBox .thumb					{width:100%; float:none; padding-bottom:50px;}
  #introduceBox .thumb .sign			{left:auto;}
  #introduceBox .desc						{width:100%; float:none;}
  .boxStyle .imgWrap						{width:100%;}
  .boxStyle .textWrap						{width:100%; padding:20px 10px; overflow:hidden;}
  .iconBox .icon								{display:none;}
  .li-imgBox > li								{width:100%;}

  #locationBox .info li.fax				{margin-left:0;}
  .table-scroll		{overflow-x:auto; padding-top:25px;}
  .table-scroll:before	{content:'※ 좌우로 드래그 해주세요'; position:absolute; left:0; top:0; font-weight:600; color:red; opacity:0.7;}
  .w600				{width:600px !important;}
  .w700				{width:700px !important;}
  .w800				{width:800px !important;}
  .w900				{width:900px !important;}
}

.bbs-type-11A > ul > li > ul > li a strong	{white-space: inherit; height:30px; margin-bottom:5px;}
.bbs-type-11A > ul > li > ul > li a strong	{white-space: inherit; height:30px; margin-bottom:5px;}

.album-type-04A_02 ul li ul li a .recentBbsInfo .recentBbsContent			{max-height:150px; height:auto;}
.album-type-04B_02 ul li ul li a .recentBbsInfo .recentBbsContent			{max-height:150px; height:auto;}

.artclView ol,
.artclView ul		{padding-left:20px;}
.artclView ol li,
.artclView ul li		{list-style: inherit;}

.td-left tr td		{text-align:left;}


#viewer-wrap .viewer-header .header-right a.file-down{background-image: url(/sites/style-guide/images/docu.png) !important;}

#subContent ._objWidget ._fnctWrap ._fnctAdmin{
  padding: 5px 20px;
  background: url() rgb(18, 48, 72);
  position: relative;
  color:#fff;
  display:inline-block !important;
  text-indent:0;
  font-weight:600;
  margin-bottom:10px;
  z-index:1;
  width:auto;
}

.li-listBox > li .thum								{width: 20%; /* text-align: center;*/}
/*.li-listBox > li .thum img						{width: 50%;}*/
.li-listBox > li .text								{width:75%;}

.none-bg li {background: none !important;}

._contentBuilder ._obj._objHtml, ._contentBuilder ._obj._objTag {
  font-size: 1.2em;
}


@media only screen and (min-width:1024px){
  /*2021-01-26 수정*/
  #menuUItop .top_div .ul_1{text-align:right;}
  #menuUItop .top_div .ul_1 .li_1.eQ01,
  #menuUItop .top_div .ul_1 .li_1.eQ02{display:none;}
  #menuUItop .top_div .ul_1 .li_1.li_1_56957{width:9%;}
  #menuUItop .top_div .ul_1 .li_1{display:inline-block;float:none;}
}

@media only screen and (max-width:1023px){
  #_contentBuilder{z-index:-1;}
}