

/* top */
.top_ctn *                      { font-size: 10pt; }
.top_ctn						{ width: 1205px; height: 211px; margin: auto; }
.top_div						{ position: absolute; width: 1205px; height: 211px; }
.top_logo						{ position: absolute; left: 20px; top: 60px; display: inline-block; }
.top_link						{ position: absolute; left: 600px; top: 24px; margin: 0px; padding: 0px; list-style: none; }
.top_link li					{ display: inline-block; }
.top_link a						{ color: #909090; text-decoration: none; }
.top_link a:hover				{ color: #909090; border-bottom: solid 1px #909090; }
.top_menu						{ position: absolute; left: 310px; top: 120px; white-space: nowrap; }
.top_search						{ position: absolute; left:890px; top: 65px; }
.top_nl							{ position: absolute; left: 890px; top: 20px; margin: 0px; padding: 0px; list-style: none; }
.top_nl li						{ display: inline-block; vertical-align: top; }


/* Footer */
.foot_div *                     { font-size: 10pt; }
.foot_div						{ border-top: solid 1px #8a8a8a; height: 120px; }
.foot_abs						{ position: absolute; width: 1205px; }
.foot_logo						{ position: absolute; left: 10px; top: 10px; width: 161px; height: 69px; }
.foot_link						{ position: absolute; right: 10px; top: 24px; margin: 0px; padding: 0px; list-style: none; }
.foot_link li					{ display: inline-block; }
.foot_link a					{ color: #909090; text-decoration: none; font-size: 12pt; }
.foot_link a:hover				{ color: #909090; border-bottom: solid 1px #909090; }
.foot_copy						{ position: absolute; right: 10px; top: 54px; margin: 0px; padding: 0px; color: #909090; }

.foot_logo_p					{ margin: 20px 5px 5px 5px; }
.foot_link_p					{ margin: 10px 10px; }
.foot_link_p a					{ color: #909090; text-decoration: none; font-size: 12pt; }
.foot_link a:hover				{ color: #909090; border-bottom: solid 1px #909090; }				
.foot_copy_p					{ margin: 15px 10px 30px 10px; color: #909090; }


/* Right */
.idx_c2							{ width: 290px; background: #fff; border: solid 1px #e4e4e4; padding: 20px; margin: 10px 0px 20px 0px; }
.idx_c2 .d1						{ margin: 0px 0px 10px 0px; padding: 5px 0px; }
.idx_c2 .d2						{ padding: 2px 0px; font-size: 10pt; }
.idx_c2 .d2	a					{ color: #909090; text-decoration: none; }
.idx_c2 .d2 a:hover				{ color: #303030; border-bottom: solid 1px #303030; }
.idx_c2 .d3						{ padding: 7px 0px; }
.idx_c2 .d3 img					{ border: solid 1px #e4e4e4; }

/* Index */
.idx_c1 						{  }
.idx_c1 .d2						{ margin-top: 25px; }
.idx_c1 .d3						{ margin: 15px 0px 10px 0px; color: #222; font-size: 14pt; line-height: 1.6; }
.idx_c1 .d3	a					{ color: #333; text-decoration: none; }
.idx_c1 .d3	a:hover				{ border-bottom: solid 1px #ccc; }
.idx_c1 .d4						{ margin: 5px 0px 40px 0px; color: #888; font-size: 12pt; line-height: 1.8; }

/* List */


.page_t1						{ width: 100%; height: 50px; padding-bottom: 30px; border-bottom: solid 1px #d9d9d9; font-size: 14pt; }
.page_t1 select					{ font-size: 10pt; }
.page_t2						{ width: 835px; height: 27px; padding-bottom: 15px; border-bottom: solid 0px #d9d9d9; font-size: 14pt; }
.page_t1 .eng					{ font-size: 18pt; color: #aaa; padding: 0px 0px 0px 10px; }

.page_t1 .d1					{ }
.page_t1 .d2					{ float: right; }
.page_t1 .d3					{ float: right; padding: 5px 20px 0px 0px; margin-top: 0px; }
.page_t1 .d4					{ float: right; padding: 5px 0px 0px 0px; font-size: 12pt; vertical-align: bottom; }
.page_t1 .d4 span				{ font-size: 20pt; font-family: Arno Pro, Verdana; }

.page_t1 .c1					{ color: #33afaf; }
.page_t1 .c2					{ color: #336aaf; }
.page_t1 .c3					{ color: #78ae00; }
.page_t1 .c4					{ color: #e2452f; }
.page_t1 .c5					{ color: #c46d20; }
.page_t1 .c6					{ color: #209dc3; }
.page_t1 .c7					{ color: #f79d4d; }







.list_c1						{ border-bottom: solid 1px #d9d9d9; width: 835px; padding-bottom: 25px; }
.list_c1 .td1					{ width: 300px; vertical-align: top; padding-bottom: 25px; }
.list_c1 .td2					{ vertical-align: top; padding-right: 20px; padding-bottom: 25px; }
.list_c1 .t1					{ font-size: 12pt; padding: 20px 0px 3px 0px; color: #888; }
.list_c1 .t2					{ font-size: 14pt; padding: 3px 0px 3px 0px; color: #111; }
.list_c1 .t3					{ font-size: 12pt; padding: 3px 0px 8px 0px; color: #888; line-height: 1.8; }
.list_c1 .col-lg-8				{ padding-left: 30px !important; }
.list_c1 .col-lg-8 button		{ font-size: 10pt; }
/* Page */

.page1 *, .page2 * { font-size: 10pt; }
.page1 select { height: 35px; }

.page1							{ border-top: solid 0px #d9d9d9; width: 835px; padding: 30px; text-align: center; }
.page2							{ border-top: solid 1px #d9d9d9; width: 835px; padding: 30px; text-align: center; }
.page1 ul, .page2 ul			{ margin: auto; padding: 0px; list-style: none; }
.page1 li						{ display: inline-block; vertical-align: top; padding: 6px; }
.page1 .t1						{ padding-top: 11px; }


/* EDM */


.nl								{ border-bottom: solid 1px #d9d9d9; width: 835px; }
.nl .td1						{ width: 120px; vertical-align: top; padding: 25px; }
.nl .td2						{ vertical-align: top; padding-right: 20px; padding-bottom: 25px; }
.nl .date						{ width: 90px; height: 100px; background: #cecece; text-align: center; color: #888; padding-top: 15px; font-size: 16pt; font-weight: bold; line-height: 1.6; text-decoration: none; }
.nl :hover						{ text-decoration: none; }
.nl .date span					{ font-weight: normal; font-size: 14pt; }
.nl .t2							{ font-size: 14pt; padding: 23px 0px 3px 0px; color: #111; }
.nl .t3							{ font-size: 12pt; padding: 3px 0px 8px 0px; color: #888; line-height: 1.8; }

.nl_c1							{ display: inline-block; width: 242px; height: 390px; margin: 35px 50px 0px 0px; border-bottom: solid 1px #d9d9d9; vertical-align: top; }
.nl_link, .nl_link:hover		{ color: #545454; }
.nl_c1 .t1						{ vertical-align: bottom; padding: 25px 0px 0px 0px; }
.nl_c1 .t1 span					{ font-size: 14pt; font-family: Arno Pro, Verdana; }
.nl_c1 .dl						{ float: right; padding-top: 10px; }

.nl_c2							{ margin-bottom: 20px; width: 836px; }
.nl_c2 .td1						{ vertical-align: top; width: 330px; }
.nl_c2 .td2						{ vertical-align: top; }
.nl_c2 .img						{ background: url(../images/page/nl_bg.png) no-repeat; width: 305px; height: 172px; padding: 10px 0px 0px 10px; }
.nl_c2 .t1						{ font-size: 14pt; padding: 30px 0px 3px 0px; color: #333; }
.nl_c2 .t2						{ font-size: 12pt; padding: 3px 0px 8px 0px; color: #888; line-height: 1.8; }
.nl_c2 .col-lg-8				{ padding-left: 40px; }

.nl_t1							{ padding-bottom: 10px; }

.nl_c3							{ display: inline-block; width: 242px; height: 390px; margin: 35px 50px 0px 0px; border-bottom: solid 1px #d9d9d9; vertical-align: top; }
.nl_c3 .t1						{ vertical-align: bottom; padding: 25px 0px 0px 0px; }
.nl_c3 .t1 span					{ font-size: 14pt; font-family: Arno Pro, Verdana; }
.nl_c3 .dl						{ float: right; padding-top: 10px; }

/* Contact */
#Contact_Form					{ margin: auto; }
.ct_tab							{ margin: 20px auto 100px auto; }
.ct_tab td						{ padding: 3px; vertical-align: top; }
.ct_tab .ct_t2					{ padding-top: 6px; text-align: right; }


/* Phone */

.navbar-brand { padding: 0px !important; margin: 0px !important;  } 


/* RWD */

.body { padding-top: 0px; }
/* BG */

.bg_ctn  { max-width: 1428px; background: url(/images/page/bg.png) top center no-repeat; margin: auto; }

.navbar { display: none; }
.content_ctn { max-width: 1205px; padding-top: 50px; }

.carousel-item { max-height: 335px; }

/* Content */

.cnt							{ width: 835px; }
.cnt .t1						{ font-size: 14pt; padding: 20px 0px 3px 0px; color: #888; }
.cnt .t2						{ font-size: 14pt; padding: 5px 0px 10px 0px; color: #111; line-height: 1.5; }
.cnt .t3						{ font-size: 12pt; padding: 10px 0px 10px 0px; color: #666; line-height: 1.8; }

.foot_web { display: normal; }
.foot_phone { display: none; }
.edm_t1_phone { display: none; }

.edm_t1_phone .d4 { float: left; padding: 25px 0px 0px 0px; font-size: 12pt; vertical-align: bottom; }
.edm_t1_phone .d4 span{ font-size: 20pt; font-family: Arno Pro, Verdana; }
.top_banner { width: 1420px; height: 355px; background: #fff; text-align: center; }
.top_banner img { width: 800px; }

@media ( max-width: 1205px ) {
	.navbar { display: block; }
    .top_ctn { display: none; }
    .body { padding-top: 56px; }
    .bg_ctn  { max-width: 100%; background: none; margin: auto; }
    .content_ctn { max-width: 100%; padding-top: 50px; }
	.col_right { display: none; }
	.foot_web { display: none; }
	.foot_phone { display: block; }

	.edm_t1_web { display: none; }
	.edm_t1_phone { display: block; }

	.cnt { width: 100%; }
	.page_t1 { width: 100%; }
	.list_c1 { width: 100%; }
	.page1 { width: 100%; }
	.page2 { width: 100%; }

	.list_c1 .col-lg-4 img { width: 100%; }

	.edm .nl_c3 { margin-right: 0px;  }
	.nl_c2	{ margin-bottom: 20px; width: 100%; }

	.edm_main img { width: 100%; }
	.cnt .t3 img { width: 100% !important; height: 100% !important; }

	.top_banner { width: unset; height: unset; background: #fff; }
	.top_banner img { width: 100%; }

	.nl_c2 .col-lg-8 { padding-left: 20px; }

	.idx_c1 .d2	img	 { width: 100%; }

	.news_list  { width: 100%; }
}

