<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

[class*='landing-visual'].v-cfbt{background-image:url(../img/key_visual/visual_cfbt.jpg);}
[class*='landing-visual'].v-wte{background-image:url(../img/key_visual/visual_wte.jpg);}
[class*='landing-visual'].v-apct{background-image:url(../img/key_visual/visual_apct.jpg);}
[class*='landing-visual'].v-intro{background-image:url(../img/key_visual/visual_intro.jpg);}
[class*='landing-visual'].v-leadership{background-image:url(../img/key_visual/visual_leadership.jpg);}
[class*='landing-visual'].v-belief{background-image:url(../img/key_visual/visual_belief.jpg);}
[class*='landing-visual'].v-csr{background-image:url(../img/key_visual/visual_csr.jpg);}
[class*='landing-visual'].v-overview{background-image:url(../img/key_visual/visual_overview.jpg);}
[class*='landing-visual'].v-career{background-image:url(../img/key_visual/visual_career.jpg);}
[class*='landing-visual'].v-media{background-image:url(../img/key_visual/visual_media.jpg);}
[class*='landing-visual'].v-quality{background-image:url(../img/key_visual/visual_quality.jpg);}
[class*='landing-visual'].v-sstt{background-image:url(../img/key_visual/visual_sstt.jpg);}

.uiMobile [class*='landing-visual'].v-cfbt{background-image:url(../img/key_visual/visual_cfbt_m.jpg);}
.uiMobile [class*='landing-visual'].v-wte{background-image:url(../img/key_visual/visual_wte_m.jpg);}
.uiMobile [class*='landing-visual'].v-apct{background-image:url(../img/key_visual/visual_apct_m.jpg);}
.uiMobile [class*='landing-visual'].v-intro{background-image:url(../img/key_visual/visual_intro_m.jpg);}
.uiMobile [class*='landing-visual'].v-leadership{background-image:url(../img/key_visual/visual_leadership_m.jpg);}
.uiMobile [class*='landing-visual'].v-belief{background-image:url(../img/key_visual/visual_belief_m.jpg);}
.uiMobile [class*='landing-visual'].v-csr{background-image:url(../img/key_visual/visual_csr_m.jpg);}
.uiMobile [class*='landing-visual'].v-overview{background-image:url(../img/key_visual/visual_overview_m.jpg);}
.uiMobile [class*='landing-visual'].v-career{background-image:url(../img/key_visual/visual_career_m.jpg);}
.uiMobile [class*='landing-visual'].v-media{background-image:url(../img/key_visual/visual_media_m.jpg);}
.uiMobile [class*='landing-visual'].v-quality{background-image:url(../img/key_visual/visual_quality_m.jpg);}
.uiMobile [class*='landing-visual'].v-sstt{background-image:url(../img/key_visual/visual_sstt_m.jpg);}

/* 公用代码区 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 &gt; * { 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 &gt; * { 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 { margin-top: -140px; }
:lang(de) .slider_landing { margin-top: -155px; }
.slider_landing .bxslider li { cursor: default !important; }
/*.slider_landing .bxslider &gt; li { height:522px;}*/

/*.uiWeb .slider_landing .landing-pager &gt; div { bottom: 40px; font-size: 0;}
.uiWeb .slider_landing .landing-pager a { width: 8px; height: 8px; }
.slider_landing .bx-pager-item &gt;*:only-of-type {display: inline-block !important;}*/

.uiWeb .slider_landing .slogan { bottom: 16px; }
.uiWeb .slider_landing .slogan-link { margin-left: 248px; width: 240px; height: auto; position:absolute; top:70%; }

/* :lang(de) .uiWeb .slider_landing .slogan-link { margin-left: 248px; width: 240px; height: auto; position:absolute; top:65%; } */

.uiWeb .slider_landing .slogan-link h2 { margin-bottom: 10px; font-size: 18px; }
.uiWeb .slider_landing .slogan-link p { font-size: 12px; }

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


.uiMobile .gallery-slider .bx-viewport ,
.uiMobile .gallery-slider img
{height:167px !important;}

@media all and (min-width:360px){
	.uiMobile .gallery-slider .bx-viewport ,
	.uiMobile .gallery-slider img
	{height:179px !important;}
}
@media all and (min-width:400px){
	.uiMobile .gallery-slider .bx-viewport ,
	.uiMobile .gallery-slider img
	{height:212px !important;}
}
@media all and (min-width:480px){
	.uiMobile .gallery-slider .bx-viewport ,
	.uiMobile .gallery-slider img
	{height:247px !important;}
}
@media all and (min-width:640px){
	.uiMobile .gallery-slider .bx-viewport ,
	.uiMobile .gallery-slider img
	{height:337px !important;}
}



.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;}

.uiWeb .main-ui .highlight .gallery-slider .bxslider img { height: 125px;}
.uiMobile .main-ui .highlight .gallery-slider .bxslider a,
.uiMobile .main-ui .highlight .gallery-slider .bxslider img { height: 100%;}

.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 { margin-top: 15px; }
.uiWeb .main-ui .news-ui .thumb img{ float: left; margin-right: 10px; width: 110px; }
/*.uiWeb .main-ui .news-ui .thumb + .desc { margin-right: 15px; }*/
/*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 .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 { border-top:1px solid #7d91a0; }
.uiWeb .main-ui .related-ui .bottom-lnk { padding-top: 20px;}
.uiWeb .main-ui .related-ui .bottom-lnk li + li { margin-top: 17px; }
.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;/* padding: 12px;*/ }
.uiMobile .main-ui .related-ui h2 { margin-bottom: 5px;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;  }

.uiMobile .doosanworld h2 { font-size: 14px !important; }
.uiMobile .doosanworld p { font-size: 12px;}

.uiWeb .main-media a[data-rel='video'] .thumb + p { margin-top: 0; }
.uiMobile .main-media h4 { font-size: 12px; line-height: 16px; color: #0066d6; }
.uiMobile .main-media-item + .main-media-item { margin-top: 20px !important; }


/* 页面调整 */
.uiWeb #dHead .logo { padding-top: 35px; }
.uiWeb #dHead .logo .sub { top: 35px; }
#dHead .logo .sub{ background-position: right 50%; -webkit-background-size: 100% auto; background-size: 100% auto;}
:lang(en) #dHead .logo .sub{width:89px;background-image:url('../img/txt_logo.gif')}
:lang(de) #dHead .logo .sub{width:89px;background-image:url('../img/txt_logo.gif')}
.uiMobile #dHead .logo .sub{background-size: 65px auto; display:none;}

.uiWeb #gnbMenu &gt; ul &gt; li &gt; a { padding-top: 15px; padding-bottom: 15px; }
.uiWeb #gnbMenu &gt; ul &gt; li.two-line &gt; a { padding-top: 8px; padding-bottom: 8px; line-height: 1; }
:lang(de) .uiWeb #gnbMenu &gt; ul &gt; li.two-line &gt; a { padding-top: 15px; padding-bottom: 15px; line-height: 1.15; }

.uiWeb #gnbMenu + .searchbar { top: 8px; }
.uiMobile #gnbMenu &gt; ul &gt; li &gt; a { position: relative; }
.uiMobile #gnbMenu &gt; ul &gt; li &gt; a span:not(.gnb-arrow) { padding-top: 8px; padding-bottom: 8px; line-height: 1.4; }
.uiMobile #gnbMenu &gt; ul &gt; li &gt; a .gnb-arrow { height: 100%; }


/*.uiMobile #gnbMenu &gt; ul &gt; li.two-line &gt; a { padding-top: 8px; padding-bottom: 8px; line-height: 1.4; }*/
/* err page */
/*.error-wrap-in .logo &gt; h1 { clear: both; }
.error-wrap-in .logo { padding-bottom: 0; }*/

/* bottom-lnk */
.uiWeb .bottom-lnk {float:none;clear:both;padding-top: 60px;}

:lang(de) .uiWeb .bottom-lnk {float:none;clear:both;padding-top: 60px; padding-bottom: 30px;}

.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; */margin:25px 0 0;border-top:1px solid #bec8cf;}
.uiMobile .bottom-lnk.horizontal li { margin-left: 0 !important; padding: 0; 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.png) 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 .right-lnk {}
.uiWeb .right-lnk li { margin: 0 0 12px; padding: 9px 10px; border: 1px solid #ddd;}
.uiWeb .right-lnk li .tit { display: inline-block; margin-bottom: 5px; font-size: 14px; }
.uiWeb .right-lnk li .thumb { float: left; margin-right: 10px; width: 55px; }
.uiWeb .right-lnk li .cont { font-size: 13px; }

.uiMobile .right-lnk { margin-top: 18px; border-top: 1px solid #bec8cf; }
.uiMobile .right-lnk li { position: relative; padding: 12px 35px 12px 12px; border-bottom: 1px solid #bec8cf;}
.uiMobile .right-lnk li:before { content: ''; margin-top: -10px; position: absolute; right: 20px; top: 50%; width: 20px; height: 20px; background: url(/common/img/m/ico_liArrow.png) no-repeat right 50%;background-size:15px 17px; }
.uiMobile .right-lnk li .tit { display: inline-block; margin-bottom: 7px; font-size: 16px; color: #0066CC; }
.uiMobile .right-lnk li .thumb { float: left; margin-right: 10px; }
.uiMobile .right-lnk li .cont { font-size: 13px; }


/* 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 .desc { margin-bottom: 24px; }
.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.png); }
.uiMobile .contact_us .type-accordion2.on .tit:before { background-image: url(../img/ico_arrow01_on_m.png); }
.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 */
.uiWeb .contact_us .type-form dt { white-space: nowrap; }
.uiMobile .contact_us .type-form { margin-top: 0; padding-top: 15px; border-top: 1px solid #7d91a0; }
.uiMobile .contact_us .type-article-wide { margin-top: 0;  }

/* 公用代码区 end */

.uiWeb .text_top { font-size: 12px;}

.uiWeb .board_view article img.event_logo {float: right;margin-left: 10px;width: 304px;}


/* Management Team */
.doosanman-ui .list-detail { margin-bottom: 30px; }
.doosanman-ui .list-detail .thumb { width: auto; }
.doosanman-ui .list-detail p { font-size: 16px; }

.uiMobile .doosanman-ui .list-detail { margin-bottom: 15px; }
.uiMobile .doosanman-ui .list-detail .thumb img { width: auto; }
.uiMobile .doosanman-ui .list-detail p { font-size: 14px; }

.uiWeb .dsman_ui .doosanman_man { position: relative; }
.uiWeb .dsman_ui .doosanman_man .profile { position: absolute; right: 0; top:0; width: 224px; }
.uiWeb .dsman_ui .doosanman_man .profile .thumb { width: 144px; }
.uiWeb .dsman_ui .doosanman_man .profile h2 {margin-top: 10px; }
.uiWeb .dsman_ui .doosanman_man .top_txt { margin-bottom: 36px; }

.uiMobile .dsman_ui .doosanman_man .profile { margin-bottom: 24px; }
.uiMobile .dsman_ui .doosanman_man .profile .thumb { float: left; margin-right: 10px; width: 32%; }
.uiMobile .dsman_ui .doosanman_man .profile .desc { overflow: hidden; }
.uiMobile .dsman_ui .doosanman_man .profile h2 { font-size: 13px !important; font-weight: normal; color: #1e1e1e; }
.uiMobile .dsman_ui .doosanman_man .top_txt { margin-bottom: 24px; }

.uiMobile .dsman_ui .section-link { margin-top: 40px; padding-top: 12px; border-top: 1px solid #ccc; }
.uiMobile .dsman_ui .section-link li { margin-bottom: 24px; }


/* Vision */
.uiWeb .vision_con {position:relative;height:675px;background:url("../img/intro/bg_vision.png") no-repeat 0 0}
.uiWeb .vision_con .ov {position:absolute;left:122px;top:349px;width:222px;text-align:center}
.uiWeb .vision_con .ov h3 {width:222px;text-align:center; margin-bottom: 16px; font-size: 22px; font-family: Rix;}
.uiWeb .vision_con .om {position:absolute;left:602px;top:349px;width:222px;text-align:center}
.uiWeb .vision_con .om h3 {width:222px;text-align:center; margin-bottom: 16px; font-size: 22px; font-family: Rix;}

.uiMobile .vision_con .vision_logo{display:block;margin-bottom:48px}
.uiMobile .vision_con .ov{margin-bottom:12px;padding:24px 16px;text-align:center;;background:#5d839c}
.uiMobile .vision_con .om{padding:24px 16px;text-align:center;;background:#5d839c}
.uiMobile .vision_con .ov h3{width:90px;margin:0 auto 7px;color:#fff; font-size: 18px;}
.uiMobile .vision_con .om h3{width:102px;margin:0 auto 7px;color:#fff;font-size: 18px;}
.uiMobile .vision_con .ov p,
.uiMobile .vision_con .om p{color:#fff;}


/* 광고 &amp; PR 영상 */
.uiWeb .pr-list-ui .type-list &gt; li .thumb { width: 224px; }
.uiWeb .pr-list-ui .type-list &gt; li .thumb + .article { max-width: 464px; width: auto; }
/*.uiWeb .pr-list-ui .type-list &gt; li .btns .set { width: 360px; }*/
.uiWeb .pr-list-ui .type-list &gt; li .btns .tit { width: 200px; vertical-align: middle; }
.uiWeb .pr-list-ui .type-list &gt; li .btns .set [class*='btn'] { display: inline-block; }
.uiWeb .pr-list-ui .type-list &gt; li .btns .tit ,
.uiWeb .pr-list-ui .type-list &gt; li .btns .set select,
.uiWeb .pr-list-ui .type-list &gt; li .btns .set [class*='btn'] { float: none; }

.uiMobile .pr-list-ui .type-list { margin-top: 0; padding-top: 0; border: none }
.uiMobile .pr-list-ui .type-list .article { margin-bottom: 20px;}
.uiMobile .pr-list-ui .type-list .title { margin-bottom: 15px; color: #1e1e1e; font-size: 16px; }
.uiMobile .pr-list-ui .type-list .title + p { margin-top: 5px; }
.uiMobile .pr-list-ui .type-list &gt; li .btns { padding: 0 0 30px 0; border: none }

.uiMobile .pr-list-ui .type-list &gt; li .btns select { float:left; flex-grow: initial; width:60% !important; }
.uiMobile .pr-list-ui .type-list &gt; li .btns .type_btn01 { float:left; padding: 0; width: 100px;  }
.uiMobile .pr-list-ui .type-list &gt; li .btns .tit { flex-grow: initial; width:60%; vertical-align: middle; }

:lang(en) .uiWeb .pr-list-ui .type-list &gt; li .btns .tit { width: 230px; }

/* Brochures */
:lang(en) .uiWeb .brochures-ui { display: flex; flex-wrap: wrap; justify-content: center;}
:lang(en) .uiWeb .brochures-ui ul { margin-left: 0; width: calc(100% - 226px);}
:lang(de) .uiWeb .brochures-ui { display: flex; flex-wrap: wrap; justify-content: center;}
:lang(de) .uiWeb .brochures-ui ul { margin-left: 0; width: calc(100% - 226px);}
.uiWeb .brochures-ui .brochures-left {width: 123px;}
.uiWeb .brochures-ui ul { margin-left: -12px; }
.uiWeb .brochures-ui li { float: left; margin-left: 12px; width: 224px; }
.uiWeb .brochures-ui li .download, .uiWeb .brochures-ui .brochures-left .download { margin-top: 15px; margin-bottom: 15px; height: 100px; font-size: 12px;}
.uiWeb .brochures-ui li .download a, .uiWeb .brochures-ui .brochures-left .download a { display: inline-block; }
.uiMobile .brochures-ui ul { border-top: 2px solid #4f5964; }
.uiMobile .brochures-ui li, .uiMobile .brochures-ui .brochures-left { padding: 12px 0; border-bottom: 1px solid #ccc; }
.uiWeb .brochures-ui .thumb img { border:1px solid #ccc; }

/* Current Vacancies */
.uiWeb .vacancies-ui .type-article.fl { margin-bottom: 40px; }
.uiWeb .vacancies-ui .vacancies-right .key { margin-top: 24px; padding-top: 24px; padding-bottom: 24px; border-top: 1px dotted #ccc; border-bottom: 1px solid #7d91a0; }
.uiWeb .vacancies-ui .vacancies-right .key .tit { font-weight: bold; font-size: 18px; color: #1e1e1e; }

.uiMobile .vacancies-ui .type-article.fl { margin-bottom: 24px; }
.uiMobile .vacancies-ui .Roles li + li{ margin-top: 24px; }
.uiMobile .vacancies-ui .vacancies-right {  margin-bottom: 24px;  }
.uiMobile .vacancies-ui .vacancies-right .btnbox { border-top: 1px solid #7d91a0;  }
.uiMobile .vacancies-ui .vacancies-right .key { margin-top: 12px; padding-top: 12px; padding-bottom: 12px; border-top: 1px dotted #ccc; border-bottom: 1px solid #7d91a0; }
.uiMobile .vacancies-ui .vacancies-right .key .tit { font-weight: bold; font-size: 14px; color: #1e1e1e; }

/* Strategy */
.uiWeb .strategy-page{margin:42px 0 35px}
.uiWeb .strategy-page .imgbox {position:relative}

.uiWeb .strategy-page .strategy01 {width:944px;height:895px;background:url("../img/csr/strategy01.png") no-repeat left 24px}
:lang(de) .uiWeb .strategy-page .strategy01 {width:944px;height:895px;background:url("../img/csr/strategy01-de.png") no-repeat left 24px}

.uiWeb .strategy-page .imgbox strong{position:absolute;top:24px;left:0; width: 100%; text-align: center; font-size:2.6em;font-weight:bold;line-height:36px;color:#241773}
.uiWeb .strategy-page .imgbox dl dt,
.uiWeb .strategy-page .imgbox dl dd{position:absolute;font-size:14px;line-height:20px;font-weight:bold}
.uiWeb .strategy-page .imgbox .subtit{display:block;position:absolute;top:150px;left:0;width: 100%;line-height: 1; text-align: center; font-size:1.7em;font-weight:bold;color:#241773}
.uiWeb .strategy-page .imgbox .info{position:absolute;top:180px;left:0; width: 100%; text-align: center; font-size:1em;color:#241773}

.uiWeb .strategy-page .imgbox .dt01_01{top:229px;left:32px;color:#1e1e1e}
:lang(de) .uiWeb .strategy-page .imgbox .dt01_01{top:218px;left:15px;color:#1e1e1e; font-size:12px; line-height: 1.2; }

.uiWeb .strategy-page .imgbox .dd01_01{top:229px;left:411px;color:#fff}
:lang(de) .uiWeb .strategy-page .imgbox .dd01_01{top:229px;left:280px;color:#fff}

.uiWeb .strategy-page .imgbox .dt01_02{top:304px;left:38px;color:#1e1e1e}

.uiWeb .strategy-page .imgbox .dd01_02{top:304px;left:277px;color:#fff}
:lang(de) .uiWeb .strategy-page .imgbox .dd01_02{top:304px;left:215px;color:#fff}

.uiWeb .strategy-page .imgbox .dt03{top:409px;left:45px;color:#1e1e1e;text-align:center}
:lang(de) .uiWeb .strategy-page .imgbox .dt03{top:409px;left:13px;color:#1e1e1e;text-align:center}

.uiWeb .strategy-page .imgbox .dd03_01{top:370px;left:277px;color:#fff}
:lang(de) .uiWeb .strategy-page .imgbox .dd03_01{top:370px;left:360px;color:#fff}

.uiWeb .strategy-page .imgbox .dd03_01 .dd01_list{position:absolute;top:69px;left:-107px;width:340px;padding-left:7px;font-size:13px;font-weight:normal;text-indent:-7px}
:lang(de) .uiWeb .strategy-page .imgbox .dd03_01 .dd01_list{position:absolute;top:62px;left:-160px;width:700px;padding-left:7px;font-size:13px;font-weight:normal;text-indent:-7px}

.uiWeb .strategy-page .imgbox .dd03_02{top:370px;left:683px;color:#fff}
.uiWeb .strategy-page .imgbox .dd03_02 .dd02_list{position:absolute;top:69px;left:-102px;width:340px;padding-left:7px;font-size:13px;font-weight:normal;text-indent:-7px}

.uiWeb .strategy-page .imgbox .dt04{top:676px;left:29px;color:#1e1e1e;text-align:center}
:lang(de) .uiWeb .strategy-page .imgbox .dt04{top:676px;left:12px; color:#1e1e1e; text-align:center; font-size: 13px; }

.uiWeb .strategy-page .imgbox .dd04_01{top:526px;left:253px;color:#fff}
:lang(de) .uiWeb .strategy-page .imgbox .dd04_01{top:538px;left:253px;color:#fff}

.uiWeb .strategy-page .imgbox .dd04_01 .sub_info{margin-left:-87px;font-weight:normal}

.uiWeb .strategy-page .imgbox .dd04_01 .sub_list{width:205px;margin:47px 0 0 -84px;padding-left:9px;text-indent:-9px;font-weight:normal}
:lang(de) .uiWeb .strategy-page .imgbox .dd04_01 .sub_list{width:205px;margin:47px 0 0 -84px;padding-left:9px;text-indent:-9px;font-weight:normal; font-size: 13px; }

.uiWeb .strategy-page .imgbox .dd04_02{top:536px;left:497px;color:#fff}

.uiWeb .strategy-page .imgbox .dd04_02 .sub_list{width:205px;margin:58px 0 0 -56px;padding-left:9px;text-indent:-9px;font-weight:normal}
:lang(de) .uiWeb .strategy-page .imgbox .dd04_02 .sub_list {
	width:205px;margin:47px 0 0 -56px;padding-left:9px;text-indent:-9px;font-weight:normal; font-size: 13px; line-height: 1.3; }

.uiWeb .strategy-page .imgbox .dd04_02 .sub_list ul{margin-left:39px}
.uiWeb .strategy-page .imgbox .dd04_03{top:536px;left:777px;color:#fff}
.uiWeb .strategy-page .imgbox .dd04_03 .sub_list{width:205px;margin:58px 0 0 -62px;padding-left:9px;text-indent:-9px;font-weight:normal}
.uiWeb .strategy-page .imgbox .dd04_03 .sub_cont01{display:inline-block;margin:9px 0 0 -55px}
.uiWeb .strategy-page .imgbox li{ color: #4f5964;}

.uiMobile .strategy-page{margin:24px 0 0;}


/* History */
.history .title-sub span{display:block;}
.uiWeb .history .leading-text + .list { margin-top: 10px; }
.uiWeb .history .list &gt; li .item { display: table; width: 624px; }
.uiWeb .history .list &gt; li , .uiWeb .history .list &gt; li + li { padding:36px 0;}

.uiMobile .history .title-sub { margin-bottom: 0; font-size: 18px !important; }
.uiMobile .history .navi_cont { border-bottom: 1px dotted #d7d7d7; }
.uiMobile .history .navi_cont &gt; div + div { margin-top: 0;padding-top: .5em; }
.uiMobile .history .leading-text { font-size: 1em; }
.uiMobile .history .leading-text + .list { background-color: #dddddd; }
.uiMobile .history .list .year { font-size: 18px; font-weight: bold; }
.uiMobile .history-all h2 { font-weight: bold; }

/* global network 추가 */
.uiWeb #continentList {width:160px;}
.uiWeb #countryList {width:160px;}
.uiWeb #divisionList {width:160px;}
.uiWeb #searchText {width:243px;}
.uiWeb .btn_device {min-width:96px; padding:0 16px;}
.network-ui .type-nav-4 ul { width:57%;}


/* VIEWPORT 신규 페이지 추가 */
.type-img-list &gt; h1, .type-list &gt; h1, .type-list &gt; i {
    font-size: 25px;
}
.type-list &gt; i {
    line-height: 1;
}
.type-img-list &gt; ul {
    margin-top: 30px;
}
.type-img-list &gt; ul &gt; li {
    display: flex;
    gap: 35px;
    margin-bottom: 50px;
}
.type-img-list .img {
    flex: 0 0 324px;
    text-align: center;
}
.type-img-list .img &gt; img {
    width: 100%;
    max-width: 324px;
    display: inline-block;
}
.type-img-list .txt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.type-img-list .txt &gt; h2, .type-img-list .txt &gt; p, .type-img-list .txt &gt; div  {
    flex: 0 0 100%;
    margin: 0;
}
.type-img-list .txt &gt; h2 {
    font-size: 18px;
}
.type-img-list .txt &gt; p, .type-img-list .txt &gt; a, .type-img-list .txt &gt; div {
    font-size: 16px;
}
.type-img-list .txt &gt; a {
    text-decoration: underline;
}
.type-img-list .txt &gt; a::after {
    display: none;
}
.type-img-list .txt &gt; div {
    display: flex;
    flex-wrap: wrap;
}
.type-img-list .txt &gt; div &gt; div:first-child {
    position: relative;
    padding-right: 10px;
}

.type-img-list .txt &gt; div &gt; div &gt; a {
    color: #4F5964;
}

.type-img-list .txt &gt; div &gt; div &gt; a:hover, .type-img-list .txt &gt; div &gt; div &gt; a:focus {
	color: #113a92;
}
.type-list &gt; ol &gt; li {
    display: flex;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 500;
}
.type-list &gt; ol &gt; li &gt; div:first-child {
    flex: 0 0 30px;
}
.type-list &gt; ol &gt; li &gt; div &gt; a::after {
    display: none !important;
}
.type-list &gt; p {
    padding-top: 10px;
    font-size: 20px;
}
.type-list &gt; p &gt; span {
    display: block;
    font-weight: 600;
}
.type-list &gt; p &gt; a {
    display: inline-block;
}
.slider_landing .slogan .link-virtual {
	position: absolute;
	left: 15.5px;
	bottom: 42px;
	width: 305px;
	height: auto;
	padding: 15px 5px 5px;
	box-sizing: border-box;
}
.slider_landing .slogan .link-virtual &gt; h3 &gt; a::after {
	position: relative;
	top: -1px;
}
.slider_landing .slogan .link-virtual &gt; h3, .slider_landing .slogan .link-virtual &gt; p {
	margin: 0;
    line-height: 1.8;
	font-size: 16px;
}
.slider_landing .slogan .link-virtual &gt; h3 &gt; a, .slider_landing .slogan .link-virtual &gt; p {
	color: #fff;
}
.slider_landing .slogan .link-virtual &gt; p {
	line-height: 1.3;
}		
.career-list {
    padding-top: 10px;
}
.career-list &gt; h1 {
    margin-bottom: 13px;
}
.career-list &gt; h1, .career-list .txt &gt; h2 {
    font-size: 18px;
}
.career-list &gt; ul &gt; li:first-child .txt &gt; h2 {
    font-size: 22px;
}
.career-list &gt; ul {
    margin-top: 15px;
}
.career-list &gt; ul &gt; li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
}
.career-list .txt {
    flex: 0 0 720px;
}
.career-list .txt &gt; img {
    display: none;
    width: 183px;
    float: right;
    margin-left: 10px;
}
.career-list .img {
    flex: 0 0 183px;
}
.career-job &gt; h1 &gt; br {
    display: none;
}
.career-job .career-intro {
    padding: 20px 0 10px;
}
.career-job .career-job-info {
    margin-top: 20px;
}
.career-job .career-job-info &gt; h2 {
    font-size: 18px;
}
.career-job .career-job-info &gt; h3 {
    font-size: 15px;
}
.career-job .career-job-info &gt; ul:not(.Roles) &gt; li {
    position: relative;
    padding-left: 25px;
}
.career-job .career-job-info &gt; ul:not(.Roles) &gt; li::before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0;
}
.career-job .career-job-info &gt; ul ul {
    margin: 5px 0;
}
.career-job .career-job-info &gt; ul ul &gt; li {
    position: relative;
    padding-left: 25px;
}
.career-job .career-job-info &gt; ul ul &gt; li::before {
    content: "○";
    position: absolute;
    top: 0;
    left: 0;
}
.career-job .career-job-info .btn-apply {
    position: relative;
    border: 1px solid #06c;
    display: block;
    width: 100%;
    max-width: 400px;
    padding: 8px 0;
    font-size: 26px;
    line-height: 1.5;
    text-align: center;
}
:lang(de) .career-job .career-job-info .btn-apply {
    text-indent: -15px;
}
.career-job .career-job-info .btn-apply:hover, .career-job .career-job-info .btn-apply:focus {
    border-color: #113a92;
    text-decoration: none;
}
.career-job .career-job-info .btn-apply::before {
    content: "▶";
    position: absolute;
    top: 11px;
    right: 10px;
    font-size: 22px;
}
.career-job .career-job-info.career-photo &gt; img {
    width: 176px;
    padding: 20px 0 5px;
}
.career-job .career-job-info.career-photo &gt; p &gt; span {
    display: block;
}
.career-job .career-job-info.career-job-name &gt; p {
    font-weight: 600;
    font-size: 16px;
    color: #1e1e1e;
}
.career-job .career-job-info .toggle-list &gt; li &gt; div {
    display: none;
}
.career-job.job-list &gt; ul &gt; li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 34px;
}
.career-job.job-list &gt; ul &gt; li::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #0861b5;
}
.career-job.job-list &gt; ul &gt; li &gt; a {
    font-size: 16px;
    line-height: 1.5;
}
.career-new &gt; h1 {
	font-size: 18px !important;
    margin: 0;
}
.career-new &gt; p {
	font-size: 15px;
}
.link-set {
    margin-top: 20px;
}
.link-set &gt; p {
    height: auto !important;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 600;
    color: #1e1e1e;
}
.link-set &gt; ul {
    display: flex;
    align-items: center;
    gap: 8%;
}
.link-set &gt; ul &gt; li:nth-child(1) {
    max-width: 38px;
}
.link-set &gt; ul &gt; li:nth-child(2) {
    max-width: 40px;
}
.link-set &gt; ul &gt; li:nth-child(3) {
    max-width: 90px;
}
.link-set &gt; ul &gt; li &gt; a::after {
    display: none !important;
}
.link-set img {
    max-width: 100%;
}

.contents-wrap-1110 {
    max-width: 1110px;
    width: 100%;
}
:lang(de) .uiWeb .landing-visual-1 .career-new {
    width: 520px;
}
:lang(en) .uiWeb .landing-visual-1 .career-new {
    width: 430px;
}
.uiWeb .landing-visual-1 .career-new {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}
.uiMobile .career-new {
    background: #000 !important;
    opacity: 0.5;
}
a.h2_down:before{margin-top:7px}

/* 블로그 */
.blog-menu {width: 41%; margin-top: -10%;}
:lang(de) .blog-menu {width: 33%;}
:lang(de) .uiWeb .blog-menu {margin-top: -5%;}
.blog-title {padding: 10px 0 25px;}
.blog-title &gt; h1 {margin:5px 0 20px; color:#06c; font-size:20px; font-weight: 600 !important;}
.blog-title &gt; p {color:#1e1e1e; font-weight:600 !important; font-size: 14px;}
.blog-common {padding-top: 40px;}
.blog-common .txt {margin-top:30px;}
.blog-common .txt &gt; span {display:block; margin-bottom:5px; font-size:15px; font-weight:600; color:#1e1e1e;}
.blog-common .txt &gt; h2 {color:#06c; font-size:16px; font-weight:600 !important; border-bottom: 0;}
.blog-common .txt &gt; h2::after {display: none;}
.blog-common .txt &gt; p {display:block !important; margin-bottom:20px; color:#1e1e1e; font-size: 14px;}
.blog-common .txt &gt; a {display: inline-block !important; font-size: 14px;}
.blog-box &gt; ul {display: flex; flex-wrap: wrap; row-gap:40px; justify-content:space-between}
.blog-box &gt; ul &gt; li {flex: 0 0 30%;}
.blog-box .txt &gt; h2 {font-family: Arial;}
.blog-detail &gt; img {max-width: 100%; width:auto;}
.blog-detail .txt &gt; h2 {font-size: 20px;}
.blog-detail .txt &gt; p {font-size: 15px;}
.blog-detail .txt a::after {display: none;}

.landing_contact-us_banner{clear:both;position:relative;margin-left:0px;padding:15px 105px 10px 15px; height:auto; border:1px solid #bec8cf;min-height:125px;}

/* :lang(de) .landing_contact-us_banner{clear:both;position:relative;margin-left:0px;padding:15px 105px 10px 15px; height:auto; border:1px solid #bec8cf} */

.landing_contact-us_banner .pic_mt{display:block;position:absolute;right:10px;top:10px}
.landing_contact-us_banner .pic_mt img{width:100%}
.landing_contact-us_banner em{font-size:0.88em}
.landing_contact-us_banner a{position:absolute;left:15px;bottom:15px}

:lang(de) .landing_contact-us_banner a{ left:15px; bottom:15px; position: static; }

#notice-bar{display:none;background:#fff url('img/bg-notice.gif') repeat-x 0 100%}
#notice-bar .tit{width:650px;margin:0 auto;text-align:left;}
#notice-bar ol.type-bullet{width:650px;margin:10px auto 0;text-align:left;}
#notice-bar .btn_agree{padding:3px 5px;background:#000;color:#fff;font-weight:bold;text-decoration:none}
#notice-bar .btn_notagree{padding:3px 5px;background:#000;color:#fff;font-weight:bold;text-decoration:none}
.privacy .corp{overflow:hidden}
.privacy .corp .corp_logo{float:right;margin-left:20px;margin-top:0px;overflow:hidden}
.privacy .corp .corp_logo img{width:auto}
.privacy .corp .corp_desc{float:left;}
.privacy .corp .corp_desc .h3{font-weight:bold;color:#1e1e1e;font-size:1.286em}
.privacy .list_square{margin-top:10px}
.privacy .list_square li{position:relative;padding-left:20px}
.privacy .list_square li:before{content: '■';position:absolute;left:0px;top:-1px;width:20px}
.privacy .infos{color:#005b82;font-weight:bold}

/** ========================================= 2022 CI 페이지 관련 =========================================  **/
#BRAND_CI .thumb.right { text-align:right; }
#BRAND_CI .thumb.center { text-align:center; }
#BRAND_CI .thumb.right img, #BRAND_CI .thumb.center img { display:inline-block; }
#BRAND_CI .thumb.clear-space-b {min-height:129px;}
/*#BRAND_CI  .column-block {padding:0;}
#BRAND_CI  .column-block.fr {padding:0 8px;}*/
#BRAND_CI .type-grid-1.item, 
#BRAND_CI .type-grid-2.item {margin-top:60px;}
#BRAND_CI .type-grid-1 .sub-title,
#BRAND_CI  .type-grid-2 .sub-title{font-weight:bold; font-size:1.292em;padding-bottom:15px;}
#BRAND_CI .type-grid-1 p,
#BRAND_CI  .type-grid-2 p {margin:0;}
#BRAND_CI .mt30 {margin-top:30px;}
#BRAND_CI .mt30-webonly {margin-top:30px;}
#BRAND_CI h4 { color:#005eb8; }

.uiMobile #BRAND_CI .type-grid-2 .sub-title{font-weight:bold; font-size:1em;padding-bottom:7px;}
.uiMobile #BRAND_CI .thumb-max img {width:100%;}
.uiMobile #BRAND_CI .contents-block:first-child {margin-top:28px;}
.uiMobile #BRAND_CI .ci-download {display:inline-block;}
.uiMobile #BRAND_CI .contents-block .type-grid-2 {margin-top:0;}
.uiMobile #BRAND_CI .ci-download {margin-top:32px;}
.uiMobile #BRAND_CI .contents-block { margin-top:55px; }
.uiMobile #BRAND_CI h3 {margin-bottom:12px;}
.uiMobile #BRAND_CI .mt30-webonly {margin-top:0px;}
.uiMobile #BRAND_CI h4 {margin-top:30px;}
.uiMobile #BRAND_CI .intro {margin-top:45px;}

/* History 리뉴얼 */
.history-new &gt; ul {display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 15px; justify-content: space-between; align-items: center;}
.history-new &gt; ul &gt; li {flex: 0 0 17.5%; min-width:133px;}
.history-new &gt; ul &gt; li &gt; a &gt; img {margin-bottom: 12px;}
.history-new &gt; ul &gt; li &gt; a &gt; em {display: block; text-align: center; font-size: 18px; font-weight: 600;}
.history-new &gt; ul &gt; li &gt; a &gt; span {display: block; margin-top: -5px; text-align: center; font-size: 14px; font-weight: 500;}
.history-new .detail {padding-bottom: 30px;}
.history-new .detail &gt; h2 {color: #06c;}
.history-new .detail &gt; p {font-size: 14px; overflow: hidden;}
.history-new .detail &gt; p &gt; a {word-break: break-all;}
.history-new .detail &gt; p &gt; img {width: auto; float: right; margin-left: 15px;}
.history-new .detail &gt; ul {display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 75px; margin-top: 30px; align-items: center;}
.history-new .detail &gt; ul &gt; li {position: relative;}
.history-new .detail &gt; ul &gt; li &gt; img {box-sizing: border-box;}
.history-new .detail &gt; ul &gt; li &gt; p {position: absolute; top: 105%; line-height: 1.2;}
.history-new .detail .flex-01 &gt; li {flex:1;}
.history-new .detail .flex-02 &gt; li:nth-child(1)  {flex:1 1 20%;}
.history-new .detail .flex-02 &gt; li:nth-child(2)  {flex:1 1 30%;}
.history-new .detail .flex-02 &gt; li:nth-child(3)  {flex:1 1 30%;}
.history-new .detail .flex-03 &gt; li:nth-child(1)  {flex:1 1 36%;}
.history-new .detail .flex-03 &gt; li:nth-child(2)  {flex:1 1 36%;}
.history-new .detail .flex-03 &gt; li:nth-child(3)  {flex:1 1 17.5%;}
.history-new .border {border-color: #06c;}

@media screen and (max-width:900px){
	a[href*='download']:not([class*='btn']){background:none;padding-left:20px}
	a.h2_down:before{background:none}
	a[href*='download']:not([class*='btn']):before { margin:0 !important; }
	a.icons-position[href*='download']:not([class*='btn']):before { margin:10px 0 0 10px !important; }
	a.icons-position[href*='download']:not([class*='btn']){background:none;padding-left:30px}

    .history-new &gt; ul {
        justify-content: start;
    }
    .history-new &gt; ul &gt; li {
        flex: 0 0 21%;
        min-width: auto;
    }
    .history-new &gt; ul &gt; li &gt; a &gt; span {
        margin-top: 0;
    }
    .history-new &gt; ul &gt; li {
        flex: 0 0 22.7%;
        min-width: auto;
    }
    .history-new .detail {
        padding-bottom: 15%;
    }
    .history-new .detail &gt; ul {
        align-items: flex-end;
    }
    .history-new .detail &gt; ul &gt; li {
        flex: none !important;
    }
}

@media screen and (max-width: 785px){
    .landing_contact-us_banner{margin-top:20px;border-left:0px;border-right:0px;border-top:0px}
	.landing.landing-dlink h2:not(.web-only) ~ .dlink{display:block !important;}
	.landing.landing-dlink h2:not(.web-only) ~ .dlink_desc{display:block !important;}
	.dlink h2{padding:.641em 12px 0em 12px;border-bottom:0px}
	.dlink h2:after{background:none}
	.dlink_desc{padding:.641em 12px;}
	.dlink_desc a[href*='download']:not([class*='btn']){padding-left:18px}
	.dlink_desc a[href*='download']:before{top:2px}
	.privacy .corp .corp_logo{float:none;margin:0 0 10px 0}
	.privacy .corp .corp_desc{float:none}

	.type-img-list &gt; h1, .type-list &gt; h1, .type-list &gt; i {
        font-size: 18px;
    }
    .type-img-list &gt; ul {
        margin-top: 15px;
    }
    .type-img-list &gt; ul &gt; li {
        display: block;
        margin-bottom: 30px;
    }
    .type-img-list .img, .type-img-list .txt &gt; h2, .type-img-list .txt &gt; p, .type-img-list .txt &gt; a {
        margin-bottom: 10px;
    }
    .type-img-list .txt &gt; h2 {
        font-size: 15px;
    }
    .type-img-list .txt &gt; p, .type-img-list .txt &gt; a, .type-img-list .txt &gt; div {
        font-size: 14px;
    }
    .type-list &gt; ol {
        margin-top: 20px;
    }
    .type-list &gt; ol &gt; li, .type-list &gt; p {
        font-size: 16px;
    }
    .type-list &gt; ol &gt; li &gt; div:first-child {
        flex-basis: 20px;
    }
	.career-list &gt; ul &gt; li {
        display: block;
    }
    .career-list .txt &gt; h2 {
        font-size: 16px !important;
    }
    .career-list .txt &gt; img {
        display: block;
    }
    .career-list .img {
        display: none;
    }
    .career-job .career-job-info &gt; h2 {
        font-size: 16px;
    }
    .career-job .career-job-info &gt; ul:not(.Roles) &gt; li, .career-job .career-job-info &gt; ul ul &gt; li {
        padding-left: 15px;
    }
    .link-set {
        padding: 0 12px;
    } 
    .link-set &gt; p {
        font-size: 16px;
    }
    .link-set &gt; ul {
        width: 80%;
        gap: 0;
        margin: 0 auto;
        justify-content: space-around;
    }
    .link-set &gt; ul &gt; li:nth-child(1) {
        max-width: 28px;
    }
    .link-set &gt; ul &gt; li:nth-child(2) {
        max-width: 28px;
    }
    .link-set &gt; ul &gt; li:nth-child(3) {
        max-width: 74px;
    }
    .flex-box {display: flex; flex-direction: column; padding-top: 10%;}
    .flex-box .link-set {order: 2;}
    .flex-box .blog-menu {order: 1;}
    .blog-title, .blog-common {padding-left:3%; padding-right:3%;}
    .blog-box &gt; ul &gt; li {flex-basis: 48%;}
    .blog-box .txt &gt; h2 {margin-bottom: 10px;}
    .blog-detail .txt &gt; h2 {margin-bottom:10px;}

    .history-new .detail {
        margin-top: 25px;
    }
    .history-new .detail &gt; ul {
        justify-content: center;
    }
    
}

@media screen and (max-width:768px){
    #notice-bar{display:block;background:#f3f3f3;font-size:12px; padding:0 !important; }
    #notice-bar .cont{ position:relative; padding:20px; width:auto; }
    #notice-bar .cont .btc{ overflow:hidden; word-break: break-all; padding: 0 !important; }
    #notice-bar .cont .btc .tit{overflow:hidden;width:auto;padding-right:30px;font-size:12px;font-weight:bold;line-height:14px}
    #notice-bar .cont .btc li{font-size:11px}
}
@media screen and (max-width: 640px){
    .history-new &gt; ul &gt; li {
        flex: 0 0 31.3%;
    }
    .history-new .detail &gt; h2 {
        font-size: 18px;
    }
    .history-new .detail &gt; ul {
        row-gap: 25px;
    }
    .history-new .detail &gt; ul &gt; li {
        flex-basis: 100% !important;    
        text-align: center;
    }
    .history-new .detail &gt; ul &gt; li &gt; img {
        display: inline-block;
        width: auto;
        max-width: calc(100% - 24px);
    }
    .history-new .detail &gt; ul &gt; li &gt; p {
        position: static;
        padding-top: 20px;
    }
    
}

@media screen and (max-width: 600px) {
    .blog-box &gt; ul &gt; li {flex-basis: 100%;}
    .blog-detail &gt; img {width:100%;}
    .blog-detail .txt &gt; h2 {font-size: 18px;}
}
@media screen and (max-width:500px) {
	.type-img-list .img &gt; img {
        max-width: none;
    }
    .career-job .career-job-info .btn-apply {
        margin: 0 auto;
    }
}
@media screen and (max-width: 400px) {
    .history-new &gt; ul {
        justify-content: space-between;
    }
    .history-new &gt; ul &gt; li {
        flex: 0 0 48%;
    }
}
@media screen and (max-width:370px) {
    .career-job &gt; h1 &gt; br {
        display: block;
    }
    .career-job .career-job-info .btn-apply {
        width: 100%;
        max-width: none;
    }
	.career-new &gt; p {
		font-size: 12px !important;
	}
}
</pre></body></html>