@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* 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;}

/*라인만 있는 박스*/
.line_Box											{overflow:hidden; position:relative; border: 1px solid #ddd;}
.line_Box .imgbox									{float:left; display:table-cell; vertical-align:middle; margin-right:40px;padding:50px 20px 50px 20px;  overflow:hidden; height:100%; text-align:center; border-right: 1px solid #ddd; height:300px;}
.line_Box .icon img							{width:100%;}
.line_Box .icon span							{display:block;}
.line_Box .text									{display:table-cell; padding:50px 20px 50px 20px;  height:300px;}

@media screen and (max-width: 900px){
  .line_Box .imgbox{border-right:none;}
}



/*FAQ 디자인*/
.faq-title{background:url("../../images/faq-ic.png") top left no-repeat !important; padding-left:50px; padding-bottom:15px; color:#213962; font-size:18px;  font-family: 'Noto medium'; min-height:40px;}
.faq-answer{background-color:#f5f5f5; border-radius: 30px; color:#333; font-size:16px; padding: 10px 10px 10px 30px; margin-left:50px; margin-bottom:25px; }


/* 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;
}

#locationBox .info li.mail {
  background: url('./../../images/icon4.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;}

  /*3dep menu none*/
  #menuUItop .top_div .ul_1 .li_1 .div_2 .ul_2 .li_2 .div_3			{display:block;}
  #menuUItop .top_div .ul_1 .li_1 .div_2 .ul_2 .li_2 .div_3 .a_4		{display:none;}  
  #menuUItop .top_div .ul_1 .li_1 .div_2 .ul_2 .li_2 .div_3 .div_4{display:none;}
}
@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;
}

/*뉴스레터*/
.listNewsLetter:after {content: ""; display: block; clear: both;}
.listNewsLetter li {float: left; width: 23%; padding-left: 0 !important; background-image: none !important; text-align: center; margin: 10px 5px; margin-bottom:10px;}
.listNewsLetter li img {box-shadow: 5px 5px 5px; margin-bottom: 10px;}
.listNewsLetter li a {text-align: center; }
.listNewsLetter li a:hover {color: #666; text-decoration: underline;}

/* 준비중입니다. */
.ready_ing	{display: table; vertical-align: top; margin: 0 auto 30px auto; text-align: left;}
.ready_ing dl	{display: table-cell; vertical-align: middle; background: url(/sites/style-guide/images/ready.png) left center no-repeat; padding-left: 200px; height: 180px;}
.ready_ing dt	{font-size: 1.6em; margin-bottom: 10px; font-weight: bold; color: #4c4c4c;}
.ready_ing dt b	{color: #2e8be2; font-size: 1.2em;}
.ready_ing dd	{font-size: 0.84em; color: #868686;}


/*팝업 css*/
.PZwindow{position:absolute !important; z-index:99;}
.nomoreOpen form{padding:5px 10px 5px 10px;margin:0 !important;}
.PZwrap{background:#fff;}
.PZwrap > p{padding:10px;}
.PZwrap > p img{max-width:100%;}

/*예지추가 시작*/
/*기본*/
/*
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
*{word-break: keep-all; font-family: 'Noto Sans KR', 'Nanum Gothic', 맑은 고딕, sans-serif;}
strong{font-weight:500;}
*/

/*테이블 대각선*/
.slash {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="gray" /></svg>');}
.backslash {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>');}
.slash, .backslash {text-align: left !important;}
.slash div, .backslash div {text-align: right !important;}

/*콘텐츠 제목(이미지 있는)*/
.guide-con-tlte01{font-weight: bold; word-break: keep-all; text-align: left; padding-bottom: 10px; font-size: 24px; color: #333; line-height: 160%; padding-left: 40px; background-image: url(/sites/style-guide/images/con-title01-ic.png); background-repeat: no-repeat; background-position: left top;}


@media all and (max-width:767px) {
  .artclView .con-table{overflow-x:scroll;}
}


/*연혁 공통css*/
#_JW_hist_basic h3{display:none;}
#_JW_hist_basic ._histTitle{display:block;}