@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("./../../images/h2.gif") 0 top no-repeat;
}
._contentBuilder ._obj._objHeading .objHeading_h3 {
	padding-left: 20px;
	background: url("./../../images/h3.gif") 2px 50% no-repeat;
}
._contentBuilder ._obj._objHeading .objHeading_h4 {
	padding-left: 20px;
	background: url("./../../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("./../../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_text													{border: 3px solid #FFF; background-color: rgba(255,255,255,0.4); padding: 20px 3%; color: #FFF; font-size: 1.84em; display: inline-block; margin: 17% 0 0 42%;}
#visual_text p.eng											{transform: rotate(-180deg); color: #202a3e;font-size: 0.64em;font-weight: bold; display: inline-block; vertical-align: middle; writing-mode:vertical-rl; -ms-writing-mode: tb-rl;}
#visual_text .visual_wrap								{display: inline-block; vertical-align: middle; margin-left: 50px;}
#visual_text .visual_wrap p.p							{margin-bottom: 20px;}
#visual_text .visual_wrap h2							{line-height: 1.2; font-weight: normal; font-size: 1.24em;}
#visual_text .visual_wrap h2 em						{display: block; font-size: 1.54em;}

.mTitle													{transform: rotate(-180deg);color: #434343;font-size: 1.24em;border-top: 1px solid #b1b1b1;padding: 15px 40px 0 0;font-weight: normal; writing-mode:vertical-rl; -ms-writing-mode: tb-rl; float:left;}	/* 메인 타이틀 */
.mTitle em											{display: block; font-size: 1.84em; font-weight: bold;}

.m_about															{background: url(./../../images/banner.jpg) right 70px no-repeat; position: relative; padding-top: 70px; min-height: 310px;}
.m_about .mTitle												{position: absolute;top: 0;left: -40px;} 
.m_about .about_contents								{padding: 0 700px 0 160px; font-size: 1.14em;}
.m_about .about_contents p								{color: #393939; margin-bottom: 20px;}
.m_about .about_contents .title							{color: #626262; font-size: 1.34em;}
.m_about .about_contents .title em					{color: #2c6ee5; display: block; font-size: 1.74em;  font-weight: bold;}
.m_about .about_contents .btn						{display: inline-block; border: 1px solid #056fd4; padding: 10px 40px 10px 15px; color: #056fd4; text-align: center; background:url(./../../images/about_more.png)  90% center no-repeat;}

.banner-list															{overflow: hidden;}
.banner-list ul 														{display: table; width: 100%; vertical-align: top;}
.banner-list ul li														{box-sizing:border-box;width:33.3%;display: table-cell;vertical-align: top;background: url(./../../images/link-title.png) 110px 30px no-repeat !important;background-color: #e3e9ec !important;position: relative;word-break: keep-all;text-align: left;height: 155px; color:#056fd4; font-weight: bold; font-size: 1.34em; padding: 40px 40px 0 110px !important;}

.banner-list ul li:nth-child(3n+2)								{background-color: #f1f5f6 !important;}
.banner-list ul li:before											{content:'';position: absolute;top: 30px;left: 50px;width: 40px;height: 40px;}
.banner-list ul li.item-01:before								{background: url(./../../images/link-bg01.png) left top no-repeat;}
.banner-list ul li.item-02:before								{background: url(./../../images/link-bg02.png) left top no-repeat; height: 45px;}
.banner-list ul li.item-03:before								{background: url(./../../images/link-bg03.png) left top no-repeat;}
.banner-list ul li span												{color: #6a767d; display: block; margin-top: 10px; font-size: 0.8em; font-weight: normal;}

.sub #subContainer #subContent #contentsEditHtml #_contentBuilder .multipleDiv .multipleContentsDiv ._objHtml { /*영단어 끊겨서 떨어지는거 방지*/
    word-break: keep-all;text-align:initial !important;
}
.text-left {text-align:left!important;}
