@charset "utf-8";

:lang(vi) body { font-size: 14px; }
/*:lang(id) .uiWeb h4 {font-size:1.143em;font-weight:bold;}*/

/*:lang(pt) .section_head h1 {font-size:27px;}*/

:lang(vi) .uiWeb h1, :lang(vi) .uiWeb h2, :lang(vi) .uiWeb .title-sub ~ h3:not(.reset), :lang(vi) .uiWeb .title-sub ~ * h3:not(.reset), :lang(vi) .uiWeb .text-bold1, :lang(vi) .uiWeb .title-sub, :lang(vi) .uiWeb .landing h3 {font-weight:normal;}

:lang(vi) .uiWeb .group-slogan p{ font-size: 30px; line-height: 1.25;letter-spacing:-1px;vertical-align:middle;}

:lang(vi) .credo-ui .keyword { font-size: .9em; }

:lang(vi) .uiMobile .credo-ui .keyword li {float:none;width:100%;font-weight:bold;}
:lang(vi) .uiMobile .credo-ui .keyword li + li {margin-top:.4em;margin-left:0;}

[class*='landing-visual'].v-belief{background-image:url(../img/key_visual/visual_belief.jpg);}
[class*='landing-visual'].v-brand{background-image:url(../img/key_visual/visual_brand.jpg);}
[class*='landing-visual'].v-intro{background-image:url(../img/key_visual/visual_intro.jpg);}
[class*='landing-visual'].v-products{background-image:url(../img/key_visual/visual_products.jpg);}
[class*='landing-visual'].v-career{background-image:url(../img/key_visual/visual_career.jpg);}
[class*='landing-visual'].v-environment{background-image:url(../img/key_visual/visual_environment.jpg);}

.uiMobile [class*='landing-visual'].v-belief{background-image:url(../img/key_visual/visual_belief_m.jpg);}
.uiMobile [class*='landing-visual'].v-brand{background-image:url(../img/key_visual/visual_brand_m.jpg);}
.uiMobile [class*='landing-visual'].v-intro{background-image:url(../img/key_visual/visual_intro_m.jpg);}
.uiMobile [class*='landing-visual'].v-products{background-image:url(../img/key_visual/visual_products_m.jpg);}
.uiMobile [class*='landing-visual'].v-career{background-image:url(../img/key_visual/visual_career_m.jpg);}
.uiMobile [class*='landing-visual'].v-environment{background-image:url(../img/key_visual/visual_environment_m.jpg);}


.uiWeb [class*='landing-visual'].media{height:auto;padding:22px 0;background:#f6f6f6;}
[class*='landing-visual'].media [class*='type-grid']{width:940px;margin:0 auto;}
[class*='landing-visual'].media h1{margin:13px 0 22px;}
[class*='landing-visual'].media h2{margin:0px 0 14px;}
[class*='landing-visual'].media h2 a{padding:0;}
[class*='landing-visual'].media h2 a:before{content:normal;}
.uiWeb [class*='landing-visual'].media .thumb img{width:464px;height:261px;}
.uiWeb [class*='landing-visual'].media + .landing > [class*='type-grid'] > *:nth-child(4n){clear:none;margin-top:0;margin-left:1.695% !important;}
.uiWeb [class*='landing-visual'].media + .landing .type-grid .thumb + .thumb{margin-left:8px;}

:lang(vi) .board_view nav li { padding-left: 130px; }


/* 公用代码区 start
字体区
*/
.fwb { font-weight: bold !important; }
.uiWeb .w-fwb { font-weight: bold !important; }
.uiMobile .m-fwb { font-weight: bold !important; }
.uiWeb .w-fwn { font-weight: normal !important; }
.uiMobile .m-fwn { font-weight: normal !important; }

.uiMobile .m-f12px { font-size: 12px !important; }

/* 间距宽高 */
.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

.uiWeb .w-mt0 { margin-top: 0 !important; }

.pl0 {padding-left: 0 !important;}
.pt10 {padding-top: 10px;}
.pl15 { padding-left: 15px; }
.pt20 {padding-top: 20px;}

.width-block { width: 100% !important; }

/* 转换 */
.block { display: block; }
.inline-block { display: inline-block !important; }
.vat { vertical-align: top; }
.vam { vertical-align: middle !important; }
.uiWeb .w-vat { vertical-align: top !important; }
.uiMobile .m-tl { text-align: left !important; }
.uiMobile .m-tc { text-align: center !important; }
.uiMobile .m-tr { text-align: right !important; }

/* 清浮动 */
.grid-row:after,
.clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden; }

/* 清元素 */
.no-before:before { display: none !important; }
.no-after:after { display: none !important; }

/* grid 栅格 */
.grid-row { margin-left: -8px; margin-right: -8px; }
.grid-col-1, .grid-col-2, .grid-col-3, .grid-col-4, .grid-col-5, .grid-col-6, .grid-col-7, .grid-col-8, .grid-col-9, .grid-col-10, .grid-col-11,
.grid-col-12 { float: left; padding-left: 8px; padding-right: 8px; box-sizing: border-box; min-height: 1px; }
.grid-col-1 {width:8.33333333%}
.grid-col-2 {width:16.66666667%}
.grid-col-3 {width:25%}
.grid-col-4 {width:33.33333333%}
.grid-col-5 {width:41.66666667%}
.grid-col-6 {width:50%}
.grid-col-7 {width:58.33333333%}
.grid-col-8 {width:66.66666667%}
.grid-col-9 {width:75%}
.grid-col-10 {width:83.33333333%}
.grid-col-11 {width:91.66666667%}
.grid-col-12 {width:100%}
p + .grid-row, .grid-row + p { margin-top: 24px; }

.list-space [class*="grid-col"], [class*="type-grid"].list-space > * { margin-bottom: 40px; }

@media screen and (max-width:785px){
	.grid-col-sm1 {width:8.33333333%}
	.grid-col-sm2 {width:16.66666667%}
	.grid-col-sm3 {width:25%}
	.grid-col-sm4 {width:33.33333333%}
	.grid-col-sm5 {width:41.66666667%}
	.grid-col-sm6 {width:50%}
	.grid-col-sm7 {width:58.33333333%}
	.grid-col-sm8 {width:66.66666667%}
	.grid-col-sm9 {width:75%}
	.grid-col-sm10 {width:83.33333333%}
	.grid-col-sm11 {width:91.66666667%}
	.grid-col-sm12 {width:100%}

	.list-space [class*="grid-col"], [class*="type-grid"].list-space > * { margin-bottom: 20px; }
}

/*表单区*/
[class*='type_btn'].disabled,
[class*='type_btn'].disabled:focus,
[class*='type_btn'].disabled:hover { cursor: default; background: #ccc; }

/* 其它 */
.g-btn-more:after { content: ""; display: inline-block; margin-left: 7px; width: 0; height: 0; border-width: 6px 10px; border-style: solid; border-color: transparent transparent transparent #0066CC; vertical-align: -1px; }
.g-btn-more.white,
.g-btn-more.white:hover { color: #fff; }
.g-btn-more.white:after { color: #fff; border-left-color:#fff; }

a[data-rel='video'] .thumb[class*='ico-md']:before{width:40px;height:40px;background-position:-220px 0;} /*补充公共样式里没有中等视频三角图标*/
a[data-rel='video'] .thumb[class*='ico-md']:hover:before{background-position:-220px -70px !important;}

/* 白条 */
.section_head h1 small{ font-size: 0.7em; font-style: normal; vertical-align: 3px;}
:lang(en) .section_head h1 small{font-size: 0.6em; font-style: normal; vertical-align: 1px;}

/* 英文版中 leading-text 的手机版会变小 */
:lang(en) .uiMobile .leading-text.m-leading-text { font-size: 1em; line-height: 1.5; }

/* 新闻 M 下选择时间下拉菜单 */
.uiMobile .m-news-selectyear { margin-bottom: 12px !important; width: 100%; }

/* 主页 */
.slider_landing .bxslider li { cursor: default !important; }
/*.slider_landing .bxslider > li { height:522px;}*/

.uiWeb .slider_landing .slogan { bottom: 16px; }
.uiWeb .slider_landing .bx-pager { bottom: 35px; }

.uiMobile .main-ui .highlight [class*="gallery-slider"] .bx-caption { font-weight: normal; }
.uiWeb .main-ui [class*='type-box']:not(.direct-link):not(.banners) { padding: 0;}
/*.uiMobile .main-ui .wrap { margin-top: 12px; }*/
/*.uiWeb .main-ui .highlight .gallery-slider .bxslider img { height: 125px;}*/
.uiMobile .main-ui .wrap { margin-top: 12px; }

	/* news_ui */
	.uiWeb .main-ui .news-ui ul{ padding-top: 20px;border-top:1px solid #7d91a0;}
	.uiWeb .main-ui .news-ui li{ margin-right: 15px; }
	.uiWeb .main-ui .news-ui .info{margin-top:10px;padding-bottom: 0;font-size:12px;}
	.uiWeb .main-ui .news-ui h3 { font-size: 15px; }
		/*img*/
		.uiWeb .main-ui .news-ui .thumb { float: left; margin-top: 10px; margin-right: 10px; }
		.uiWeb .main-ui .news-ui .thumb img{ width: 110px; height: auto; }
		.uiWeb .main-ui .news-ui .thumb + .desc { overflow: hidden; }
		/*vertical*/
		.uiWeb .main-ui .news-ui.vertical ul li {  margin-right: 0; }
		.uiWeb .main-ui .news-ui.vertical ul li + li { margin-top: 17px; }
	/*uiMobile*/
	.uiMobile .main-ui .news-ui h3 {font-size: 12px; }
	.uiMobile .main-ui .news-ui .desc{font-size:12px;}
	.uiMobile .main-ui .news-ui .info{font-size:12px;}
		.uiMobile .main-ui .news-ui ul li + li { margin-top: 8px; padding-top: 10px; border-top: 1px dashed #ccc; }

	.uiWeb .main-ui .related-ui h2 { margin-bottom: 13px; }
	.uiWeb .main-ui .related-ui .related-ui-box { margin-top: 40px; /*border-top:1px solid #7d91a0;*/ }
	.uiWeb .main-ui .related-ui .bottom-lnk { /*padding-top: 20px;*/ padding-top: 0;}
	.uiWeb .main-ui .related-ui .bottom-lnk li + li { margin-top: 9px; }
	.uiWeb .main-ui .related-ui .bottom-lnk .thumb-area .thumb img { width: 79px; }
	.uiWeb .main-ui .related-ui .bottom-lnk .thumb-area .b-lnk-tit { margin-bottom: 3px; font-size: 16px; line-height: 1; }
	.uiWeb .main-ui .related-ui .bottom-lnk .thumb-area span {display: inline-block; line-height: 1.4; }

	.uiMobile .main-ui .related-ui { margin-bottom: 12px; }
	.uiMobile .main-ui .related-ui h2 { margin-bottom: 0;color: #4f5964; }
	/*.uiMobile .main-ui .related-ui .related-ui-box { margin-bottom: 8px; padding-bottom: 9px; border-bottom: 1px dashed #cccccc; }*/
	.uiMobile .main-ui .related-ui .bottom-lnk li + li { margin-top: 12px; }
	.uiMobile .main-ui .related-ui .bottom-lnk .thumb-area .b-lnk-tit { display: block; }
	.uiMobile .main-ui .related-ui .bottom-lnk .thumb-area span { display: inline-block; font-size: 12px;line-height: 1.4;color: #1e1e1e;  }

	.uiWeb .main-img-slider { padding-top: 40px; }
	.uiWeb .main-img-slider .bx-pager {top: -26px !important;right: -5px !important;}
	.main-img-slider .desc { margin-top: 5px; }
	.main-img-slider .bx-pager-item >*:only-of-type {display: inline-block !important;}

	.uiMobile .main-img-slider-box { padding-top: 0 !important; }
	.uiMobile .main-img-slider-box .gallery-slider { margin-top: 0 !important; }


/* 页面调整 */
.uiWeb #dHead .logo { padding-top: 55px;}
.uiWeb #dHead .logo .sub { top: 37px; }
#dHead .logo .sub{ background-position: right 50%; -webkit-background-size: 100% auto; background-size: 100% auto;}
#dHead .logo .sub{width:134px;background-image:url('../img/logo_txt_new.png')}
/* :lang(vi) #dHead .logo .sub{width:156px;background-image:url('../img/txt_logo_vn.gif')} */
:lang(en) .uiMobile #dHead .logo .sub{background-size: 97px auto;}
:lang(vi) .uiMobile #dHead .logo .sub{background-size: 97px auto;}

/* err page */
/*.error-wrap-in .logo > h1 { clear: both; }
.error-wrap-in .logo { padding-bottom: 0; }*/

/* bottom_lnk */

.uiWeb .bottom-lnk {float:none;clear:both;padding-top: 60px;}
.uiWeb .bottom-lnk .thumb-area {display:block;border:1px solid #ddd;min-height: 70px;color:#4f5964;text-decoration:none;line-height: 1.42857143;}
.uiWeb .bottom-lnk .thumb-area .thumb { padding-right: 0; width: auto;}
.uiWeb .bottom-lnk .thumb-area .thumb img {width: auto;}
.uiWeb .bottom-lnk .thumb-area .cont { padding: 10px 10px 0;}
.uiWeb .bottom-lnk .thumb-area .b-lnk-tit {display: block;margin:0 0 6px 0;font-size:14px;color:#0066cc;}
.uiWeb .bottom-lnk .thumb-area .b-lnk-tit:hover {text-decoration:underline;}
.uiWeb .bottom-lnk .thumb-area span { font-size:12px;}

.uiMobile .bottom-lnk.horizontal {margin:0 -12px; border-top:1px solid #bec8cf;}
.uiMobile .bottom-lnk.horizontal li { margin-left: 0 !important; border-bottom:1px solid #bec8cf; width: 100% !important;}
.uiMobile .bottom-lnk.horizontal .thumb-area {display:block;margin-right:12px;padding:12px 35px 12px 12px;color:#4f5964;line-height:1.6em;text-decoration:none;background: url(../../../../../../../common/img/m/ico_liArrow.html) no-repeat right 50%;background-size:12px 17px}
.uiMobile .bottom-lnk.horizontal .thumb-area .cont{ display:block; }
.uiMobile .bottom-lnk.horizontal .thumb-area .b-lnk-tit {display:block;margin:0 0 6px 0;padding:0;color:#06c;font-size:16px;background:none;}
.uiMobile .bottom-lnk.horizontal .thumb-area .b-lnk-tit:after {display:none;}

.uiMobile .bottom-lnk.bottom-lnk-block {padding-top: 30px;}
.uiMobile .bottom-lnk.bottom-lnk-block .thumb-area {display:block;border:1px solid #ddd;text-decoration:none;line-height:1.5em !important;}
.uiMobile .bottom-lnk.bottom-lnk-block .thumb-area .cont { padding: 12px 10px;}

.uiWeb .bottom-lnk2 { margin-top: 30px; padding: 10px; }
.uiWeb .bottom-lnk2 h3 { font-size: 16px; }
.uiWeb .bottom-lnk2 .thumb {  width: auto; }

/* CEO */
:lang(en) .uiMobile .ceo-ui h2 { font-size: 18px; }

/* Contact Us */
.contact_us [class*='type-bullet'] + [class*='type-bullet'] { margin-top: 10px; }
/*.uiWeb .contact_us .textarea { height: 900px; }*/
.uiWeb .contact_us .type-form textarea { font-family:Arial, 나눔고딕, 'Nanum Gothic', sans-serif, dotum; }
.uiWeb .contact_us .textarea h4 {font-weight: bold; }
.uiWeb .contact_us .type-form input[type='email'] { width: 80%; }
.contact_us .type-form .select-block + .select-block { margin-top: 6px; }
.uiMobile .contact_us .type-form input[type='email'] { width: 100%; }

.uiWeb .contact_us .type-form .contact_us_tel input, .uiWeb .contact_us .type-form .tel-sub { width: 115px; }
.uiWeb .contact_us .type-form .tel-sub + .tel-sub { margin-left: 5px; }
.uiWeb .contact_us .type-form .contact_us_title input { width: 100%; }
.uiMobile .contact_us .type-form .contact_us_tel { font-size: 0; }
.uiMobile .contact_us .type-form .contact_us_tel * { font-size: 14px; }
.uiMobile .contact_us .type-form .contact_us_tel input, .uiMobile .contact_us .type-form .tel-sub { width: 32.2%; }
.uiMobile .contact_us .type-form .tel-sub + .tel-sub { margin-left:1.7% }

.uiMobile .contact_us .type-accordion2 .tit { position: relative; }
.uiMobile .contact_us .type-accordion2 .tit:before { content: ''; display: block; position: absolute; top: 12px; right: 10px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: right 50%; background-image: url(../img/ico_arrow01_m.html); }
.uiMobile .contact_us .type-accordion2.on .tit:before { background-image: url(../img/ico_arrow01_on_m.html); }
.uiMobile .contact_us .btn_block .type_btn01 { padding-top: 3px; padding-bottom: 3px; width: 45%; }
/*
.uiMobile .contact_us .tredeQNA dd:nth-child(2) input { width: 48%;}
.uiMobile .contact_us .tredeQNA dd:nth-child(2):after { content: "(실명 입력)"; display: inline-block; margin-left: 5px; line-height: 19px; font-size: 14px; color: #4f5964;}
:lang(en) .uiMobile .contact_us .tredeQNA dd:nth-child(2):after { content: "(Name)";}
:lang(zh) .uiMobile .contact_us .tredeQNA dd:nth-child(2):after { content: "(以后)";}
*/
/* Contact this web */
.uiMobile .contact_us .type-form { margin-top: 15px; padding-top: 15px; border-top: 1px solid #7d91a0; }
.uiMobile .contact_us .type-article-wide { margin-top: 0 !important; }
.contact_us .desc { margin: 35px 0 20px; }
.contact_us .block_txt { font-size: 12px;  font-family: nanumgothic,normal;  color: #4f5964; }


/* 公用代码区 end */



/* 역사 */
.uiWeb .history .type-accordion > li { padding-bottom: 25px; border-bottom: 1px solid #7d91a0; }
.uiWeb .history .type-accordion > li + li { margin-top: 36px; }
.uiWeb .history .title-sub { margin-bottom: 23px; }
.uiWeb .history .history-ul { overflow: hidden; }
.uiWeb .history .history-ul > li { overflow: hidden; margin-bottom: 10px; padding: 4px 0; }
.uiWeb .history .history-ul .history-year { float: left; margin-bottom: 0; width: 100px; font-size: 16px; color: #1e1e1e; }
.uiWeb .history .history-ul .history-year + p,
.uiWeb .history .history-ul .history-year + ul { overflow: hidden; margin-top: 0; line-height: 1.45;  }
.uiWeb .history .history-ul .history-date { width: 200px; }

.uiWeb .history .history-box > li { padding-bottom: 25px; border-bottom: 1px solid #7d91a0; }
.uiWeb .history .history-box > li + li { margin-top: 36px; }

.uiMobile .history .title-sub { padding-top: .8em !important; padding-bottom: .8em !important; }
.uiMobile .history .on .title-sub { font-weight: bold !important; }
/*.uiMobile .history .history-ul { padding: 5px 12px 20px; }*/
.uiMobile .history .history-ul > li { overflow: hidden; padding: 4px 0; }
.uiMobile .history .history-ul .history-year { float: left; margin-bottom: 0; margin-right: 6px; width: 25%; font-size: 14px; color: #1e1e1e; word-wrap: break-word; }
.uiMobile .history .history-ul .history-year + p,
.uiMobile .history .history-ul .history-year + ul { overflow: hidden; margin-top: 0; }
.uiMobile .history .history-ul .history-date { width: 32%; }

.uiMobile .history .history-box > li { padding-bottom: 15px; }
.uiMobile .history .history-box > li + li { padding-top: 15px; border-top:1px dotted #ccc; }
.uiMobile .history .history-box .history-ul { padding: 0; }
.uiMobile .history .history-box h2 { margin-bottom: 5px; }
.uiMobile .history .history-box .history-year { width: 35%; font-size: 14px;}

:lang(en) .uiMobile .history .history-box h2 { font-weight: normal; }


/* Products & Services */
.uiWeb .product_ui .img-text-box{position:relative;width:624px;height:351px;background:url(../img/products/img_tophrsg01.jpg) no-repeat left top}
.uiWeb .product_ui .img-text-box span{position:absolute;font-size:14px;font-weight:bold;color:#4f5964;letter-spacing:-.5px}
.uiWeb .product_ui .img-text-box .txt01{top:81px;left:144px;}
.uiWeb .product_ui .img-text-box .txt02{top:104px;left:112px;}
.uiWeb .product_ui .img-text-box .txt03{top:160px;left:25px;}
.uiWeb .product_ui .img-text-box .txt04{top:48px;right:112px;}
.uiWeb .product_ui .img-text-box .txt05{bottom:45px;right:40px;}
.uiWeb .product_ui .img-text-box .txt06{bottom:8px;right:86px;}
.uiWeb .product_ui .img-text-box .txt07{bottom:22px;right:197px;}

.uiWeb .product_ui .product_ui_wrap{padding:16px;background:#ededed}
.uiWeb .product_ui .product_ui_wrap .photo_big{margin-bottom:20px;padding-bottom:25px;border-bottom:2px solid #dddddd}
.uiWeb .product_ui .product_ui_wrap .photo_small li + li { margin-top: 16px; }
.uiWeb .product_ui .product_ui_wrap .photo_small .thumb.small { padding-right: 16px; }
.uiWeb .product_ui .product_ui_wrap .photo_small h4 { padding-left: 25px; line-height: 21px;font-size: 14px; }
.uiWeb .product_ui .product_ui_wrap .photo_small p { width: 369px; }
.uiWeb .product_ui .product_ui_wrap .photo_small li .tit_num01{background:url(../img/products/bg_blnum01.gif) no-repeat left 50%;}
.uiWeb .product_ui .product_ui_wrap .photo_small li .tit_num02{background:url(../img/products/bg_blnum02.gif) no-repeat left 50%;}
.uiWeb .product_ui .product_ui_wrap .photo_small li .tit_num03{background:url(../img/products/bg_blnum03.gif) no-repeat left 50%;}

.uiMobile .product_ui .product_ui_wrap{padding:12px;background:#ededed}
.uiMobile .product_ui .product_ui_wrap .photo_big{ margin-bottom: 12px; border-bottom: 1px solid #dddddd;}
.uiMobile .product_ui .product_ui_wrap .photo_small li + li { margin-top: 12px; padding-top: 9px; border-top: 1px dotted #cccccc; }
.uiMobile .product_ui .product_ui_wrap .photo_small .thumb.small { width: 70%; }
.uiMobile .product_ui .product_ui_wrap .photo_small h4 { padding-left: 20px; line-height: 16px;}
.uiMobile .product_ui .product_ui_wrap .photo_small li .tit_num01{background:url(../img/products/bg_blnum01.gif) no-repeat left 50%; background-size: 16px 16px;}
.uiMobile .product_ui .product_ui_wrap .photo_small li .tit_num02{background:url(../img/products/bg_blnum02.gif) no-repeat left 50%; background-size: 16px 16px;}
.uiMobile .product_ui .product_ui_wrap .photo_small li .tit_num03{background:url(../img/products/bg_blnum03.gif) no-repeat left 50%; background-size: 16px 16px;}

.uiWeb .product-imglist [class*='type-grid-'] + h2 { margin-top: 0; padding-top: 40px; border-top: 1px solid #7d91a0; }
.uiWeb .product-imglist [class*='type-grid-'] { margin-top: 40px; }
.uiWeb .product-imglist [class*='type-grid-'] h4 { margin-bottom: 0; }
.uiMobile .product-imglist [class*='type-grid-'] { margin-top: 24px; }


/* Cultivating People */
.uiWeb .careers-talent img{height:320px}
.uiWeb .careers-talent .table_type{ margin-top: 40px;width:944px;display:inline-block}
.uiWeb .careers-talent .table_type h4{ margin-bottom: 14px; font-weight: bold; }
.uiWeb .careers-talent .table_type h5{ margin-top: 18px;margin-bottom: 4px;font-size: 1.05em; font-weight: bold;color: #1e1e1e; }
.uiWeb .careers-talent .table_type dt{width:464px;float:left;text-align:center;clear:both}
.uiWeb .careers-talent .table_type dt img { margin-left: auto;margin-right: auto;}
.uiWeb .careers-talent .table_type dd{float:left;margin-left:16px;width:464px;min-height:323px;margin-bottom:30px}
.uiWeb .careers-talent .table_type dd:last-child{ margin-bottom: 0; }
.uiWeb .careers-talent .table_type p{width:100%}

.uiMobile .careers-talent h3{margin-top:0;margin-bottom:12px;font-size:18px;line-height:22px}
.uiMobile .careers-talent p{margin-top:12px;margin-bottom:12px;font-size:14px;line-height:19px}
/*.uiMobile .careers-talent .talent-partition{clear:both; margin-top: 20px;padding-top:12px;border-top:1px solid #7d91a0}*/
.uiMobile .careers-talent .table_type{ margin-bottom: 20px;}
.uiMobile .careers-talent .table_type h5{  font-weight: bold;}


/* 공정거래 FAQ  /  채용 FAQs */
.fair-trade.faq h2 ~ h2{margin-top:24px;}
.uiWeb .fair-trade.faq .type-accordion{margin:16px 0 0;}
.fair-trade.faq .type-accordion .tit:after{ content: ""; position: absolute; right: 0; top: 50%; width: 18px; height: 12px; margin-top: -6px; background: url(../img/ico_arrow_down.png) no-repeat right 50%; }
.fair-trade.faq .type-accordion .on .tit:after{ background: url(../img/ico_arrow2.png) no-repeat right 50%; }
.fair-trade.faq .type-accordion .tit{ margin-right:15px;}
.uiWeb .fair-trade.faq .type-accordion .tit{ padding:7px 15px 8px 8px;}
.fair-trade.faq .type-accordion .cont{padding:9px 20px 11px 28px;line-height:1.4;}
.fair-trade.faq ul.type_dot{ margin:0; border-top:0 none}
.fair-trade.faq ul.type_dot > li{padding:0;}
.fair-trade.faq ul.type_dot > li a{line-height:1.4;}

.uiMobile .fair-trade.faq {  }
.uiMobile .fair-trade.faq .type-accordion .tit,
.uiMobile .fair-trade.faq .type-accordion .cont{  font-size: 13px !important; }
.uiMobile .fair-trade.faq .type-accordion .cont{ background: url(../../../../../../../wp-content/themes/dstheme/css/img/bg_tb_dot.gif) 0 0 repeat-x; }
.uiMobile .fair-trade.faq h2 { margin-bottom: 5px; }

.careers-faq h2 { position: relative; margin: 0 0 -1px !important;padding-left: 8px; border-top: 2px solid #4f5964; border-bottom: 1px solid #4f5964; height: 32px; color: #322929; font-size: 14px; line-height: 32px; }
.careers-faq .type-accordion { margin: 0 !important; }
.icon-faq-style { display: inline-block; margin-right: 5px; width: 4px; height: 4px; vertical-align: 3px; background-color: #4F5964; }

/* Brochures */
.uiWeb .media-brochures .thumb img { height: 261px; }


/* mail popup */

.pop_mail {padding:0 6px 24px !important;background:none}
.pop_mail .pop_title { font-size: 2em; color: #4f5964; font-weight: bold !important; }
.pop_mail .pop_title + .desc { margin-bottom: 15px; border-bottom:2px solid #42454c;padding-bottom: 20px; }

.pop_mail .type-form dt { display: block !important; }
.pop_mail .type-form dd { overflow: hidden; width: auto;}
.pop_mail .type-form dd input { width: 100%;}
.pop_mail .type-form-text { padding: 5px 0; }

.uiWeb .pop_mail .btn_block.partition { text-align: right; }
.uiWeb .pop_mail .btn_block.partition .type_btn01 { color: #fff; font-size: .9em; background-color: #4f5964; }

.uiMobile .pop_mail { margin: 0px 16px 0 !important; padding-top: 0 !important; }
.uiMobile .pop_mail .pop_title { font-size: 1.7em; color: #1e1e1e; }

.btn_util_mail { margin-left: 3px; padding: 0; cursor: pointer; vertical-align: middle !important; border: none; line-height: 1.5em; font-size: 12px;color: #4f5964; background-color: #fff; }
.btn_util_mail .ico_util { display: inline-block; margin-right: 2px; width: 20px; height: 20px; vertical-align: middle; background: url(../../../../../../../common/img/ico_util.html) 0 0 no-repeat; }


/* global network */
.uiWeb #map { overflow: hidden; margin-bottom: 40px; width: 100%; height: 452px; background: #f0f0f0;}
.uiWeb .network_ui .map_text dt{margin-bottom:15px;font-size:1.25em;font-family:Arial;font-weight:bold;color:#1e1e1e}
.uiWeb .network_ui .map_text dd{margin-bottom:20px}
.uiWeb .network_ui .dataW_table thead th.first{padding-left:44px !important}
.uiWeb .network_ui .dataW_table tbody th,
.uiWeb .dataW_table tbody td,
.uiMobile .dataW_table tbody td {padding:3px 8px;background:url(../../../../../../../wp-content/themes/dstheme/skins/vinahaiphong/img/bg_tb_dot.html) repeat-x left bottom}
.uiWeb .dataW_table tbody tr:last-child td {background:none}
.uiMobile .dataW_table tbody tr:last-child td {background:none}
.uiWeb .dataW_table tbody tr td.merged_td {background:none}
.uiWeb .network_ui .dataW_table tbody th,.uiWeb .network_ui .dataW_table tbody td{height:38px;vertical-align:middle;padding:0 8px}
.uiWeb .network_ui .dataW_table tbody th span img{padding:0 12px;vertical-align:middle}
.uiWeb .network_ui .btn_global_list br{display:none}
.uiMobile .dataW_table tbody tr td.merged_td {background:none}
.uiMobile .network_ui .map_text dt{margin-bottom:12px;font-size:1.0em;font-family:Arial;font-weight:bold;color:#1e1e1e}
.uiMobile .network_ui .map_text dd{margin-bottom:24px;line-height:1.4em}

.uiWeb .dataW_table .adress {display:none}
.uiMobile .dataW_table .adress {display:block;padding:10px 0}

.uiWeb .pop_map {display:none;position:absolute;left:50%;width:640px;margin-left:-344px;z-index:20000;background:#fff;padding:24px}
.uiWeb .pop_map h1 {font-size:22px;margin-bottom:15px}
.uiWeb .pop_map img{border:1px solid #ddd}
.uiWeb .pop_map .traffic {margin-top:18px}
.uiWeb .pop_map .traffic strong{display:block;margin-bottom:13px;color:#1e1e1e;line-height:1.6em}
.uiWeb .pop_map ul {line-height:1.6em}
.uiWeb .pop_map .btn_block {border:0;margin:0}
.uiWeb .pop_map .close{position:absolute;right:24px;top:0;width:25px;height:25px;text-indent:-10000em;background:url(../../../../../../../wp-content/themes/dstheme/skins/vinahaiphong/img/video_close.png) no-repeat;cursor:pointer}
.uiWeb .pop_map .close:hover{background-position:0 -25px}
.uiWeb #networkListTable .add_tel{display:block}
.uiWeb #networkListTable .add_tel2{display:block}


.uiMobile #map{width:100%;height:200px;display:none}
.uiMobile .mapSearch_ui{margin-bottom:20px}

.uiMobile .network .section_head {padding-top:0}
.uiMobile .network_ui .btn_global_list{display:none}

.uiMobile .network_ui .dataW_table .del {display:none !important}
.uiMobile .network_ui .btn_type01 {display:inline-block;font-size:1em;color:#fff !important;background-color:#4f5964 !important}
.uiMobile .network_ui .btn_type01:hover,.uiMobile .btn_type01:focus{text-decoration:none;background-color:#06c !important}

.uiMobile .network_ui .dataW_table col:nth-child(5),
.uiMobile .network_ui .dataW_table col.col05 {width:100% !important}

.uiWeb .btn_global_list{overflow:hidden;padding-bottom:16px}
.uiWeb .btn_global_list a{display:block;float:left;min-width:96px;padding:0 16px;min-height:30px;margin-right:2px;border:1px solid #4f5964;line-height:30px;font-size:1em;color:#4f5964 !important;text-align:center}
.uiWeb .btn_global_list a img {margin-left:6px;vertical-align:middle}
.uiMobile .btn_global_list a.on {background-color:#ededed}

.uiMobile #networkListTable .adress{line-height:1.5em}
.uiMobile #networkListTable .add_tel{display:none}
.uiMobile #networkListTable .add_tel2{display:none}