@charset "utf-8"; input, select, textarea { font-size:12px;} .Input.Type1 { padding:6px 0 5px; background:#f7f7f7; text-indent:10px; border:1px solid #e1e1e1; border-right-color:#f7f7f7; border-bottom-color:#f7f7f7;} .Input.File { font-size:13px; height:24px;} .Select.Type1 { padding:5px 0 4px;} .Textarea.Type1 { padding:6px 5px 5px; background:#f7ff7f7; border:1px solid #e1e1e1; border-right-color:#f7f7n7; border-bottom-color:#f7f7f7; resize:none; line-height:1.6;} .Normal { font-weight:normal !important;} .NB { font-family:"NanumBarunGothic" !important;} .Eng { font-family: 'Exo 2', 'sans-serif'; } .mt60 { margin-top: 60px;} .mt30 { margin-top: 30px;} .mt20 { margin-top: 20px;} .NoTop { margin-top:0 !important;} /* Canvas */ #Canvas { position:fixed; left:50%; top:0; z-index:0; width:2500px; height:2000px; margin-left:-1250px;} /* Button */ .Button { display:inline-block; text-align:center !important;} .Button:hover { text-decoration:none;} .Button.Type1 { padding:8px 12px; border:3px solid #666; color:#666; font-size:14px; font-weight:bold; text-align:center; font-family: 'Exo 2', 'sans-serif';} .Button.Type2 { padding:8px 12px; border:3px solid #fff; color:#fff; font-size:14px; font-weight:bold; text-align:center; font-family: 'Exo 2', 'sans-serif';} .Button.Type3 { padding:12px 18px; border:2px solid #666; color:#666; font-size:20px; font-weight:bold; text-align:center; font-family: 'Exo 2', 'sans-serif'; } .Button.Type4 { width:71px; height:71px; line-height:71px; border:2px solid #666; color:#666; font-size:13px; border-radius:50%; text-align:center;} .Button.Color1 { background-color:#b79c67; border-color:#b79c67; color:#fff;} .Button.Color2 { background-color:#666; border-color:#666; color:#fff;} .Button.Type5 { padding:7px 15px; border:1px solid #ccc; color:#666; font-size:13px;} .Button.Image { padding-top:5px !important; padding-bottom:4px !important;} .Button.Closer01 { width:19px; height:19px; padding:0; line-height:21px; font-size:15px; text-decoration:none;} .Button.Type6 { display:block; padding:8px 0; border:2px solid #888; background-color:#fff; font-size:22px; color:#333; font-weight:normal;} .Button.Type6 span { display:inline-block; padding-right:15px; background:url("/images/ico/ico_arrow06.png") no-repeat right center;} /* Align */ .AlignLeft { text-align:left !important;} .AlignRight { text-align:right !important;} .AlignCenter { text-align:center !important; padding-left:0 !important; padding-right:0 !important;} .VMiddle { vertical-align:middle !important; padding-top:0 !important; padding-bottom:0 !important;} .VTop { vertical-align:top !important; padding-top:0 !important; padding-bottom:0 !important;} /* Spacing */ .Mtop20 { margin-top:20px;} .Mtop40 { margin-top:40px;} /* BtnArea */ .BtnArea.Type1 { padding:0 0 10px;} .BtnArea.Type2 { padding:30px 0 0; text-align:center;} .BtnArea.Type2 .Button { margin:0 5px;} /* ContentTitle */ .ContentSection .ContentTitle { padding:30px 0 0; font-size:20px; font-weight:normal; color:#000;} .ContentSection .SubContentTitle { padding:30px 0 10px; font-size:20px; font-weight:bold; color:#000;} /* SearchField */ .SearchField.Type1 { position:relative; height:40px; margin:20px 0 0; background:#fff; border:2px solid #ededed;}} .SearchField.Type1 legend { display:none;} .SearchField.Type1:after { display:block; content:""; clear:both;} .SearchField.Type1 > .Category { height:40px; border-right:1px solid #efefef;} .SearchField.Type1 #SelectCategory { width:71px;} .SearchField.Type1 #SelectRange { width:44px;} .SearchField.Type1 > .Category.Select1 { position:absolute; left:0; top:0;} .SearchField.Type1 > .Category.Select2 { position:absolute; left:85px; top:0;} .SearchField.Type1 > .Category.Input { margin:0 30px 0 143px; border:0 none;} .SearchField.Type1 > .Category.Input .InputText { width:100%; border:0 none; height:28px; line-height:28px; text-indent:10px; } .SearchField.Type1 > .Category.Button { position:absolute; right:0; top:0; margin-top:6px; width:30px; height:30px; text-align:center; line-height:40px; } /* Article */ .Article.Type1 { position:relative; margin:30px 0 0px 0; ; padding:15px; overflow:hidden; border:2px solid #ededed; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .Article.Type1 .ListSect:after { display:block; content:""; clear:both;} .Article.Type1 .ListSect .MetaInfo { margin-top:10px; } .Article.Type1 .ListSect .MetaInfo span { display:inline-block; height:11px; line-height:11px;} .Article.Type1 .ListSect .MetaInfo .Date { font-size:12px; color:#999;} .Article.Type1 .ListSect .MetaInfo .Category { margin:0 0 0 10px; padding:0 0 0 10px; font-size:12px; border-left:1px solid #aaa; font-family: 'Exo 2', 'sans-serif'; font-weight:bold; color:#999; display:none;} .Article.Type1 .ListSect .MetaInfo .Category.Company { color:#005696;} .Article.Type1 .ListSect .MetaInfo .Category.Harmony { color:#b09560;} .Article.Type1 .ListSect .MetaInfo .Category.Share { color:#005696;} .Article.Type1 .ListSect .Thumbnail { display:none; margin:15px 0 0;} .Article.Type1 .ListSect .Thumbnail > img { width:100%;} .Article.Type1 .ListSect .Title { font-size:22px; color:#005696; line-height:1.2; margin:20px 0; padding:0 0 20px; background:url("/images/ico/ico_bar01.png") no-repeat left bottom;} .Article.Type1 .ListSect .Title .ExLink { margin-left:30px;} .Article.Type1 .ListSect .Title .Download { margin-left:30px; cursor:pointer; font-size:14px; color:#333; font-weight:normal;} .Article.Type1 .ListSect .Title .Download img { margin-right:7px;} .Article.Type1 .ListSect .Summary { margin:7px 0 0; font-size:13px; line-height:1.7em; height:46px; overflow:hidden; text-overflow:ellipsis; color:#666; padding-top:3px; } .Article.Type1 .ListSect .Summary:hover { cursor:pointer; text-decoration:underline;} .Article.Type1 .ListSect .Summary * { font-size:13px; font-family:"NanumBarunGothic" !important;} .Article.Type1 .ListSect .Summary img { max-width:100%;} .Article.Type1.NoFunc .ListSect .Summary:hover { cursor:default; text-decoration:none;} .Article.Type1 .DescSect { display:none; position:relative; margin:0 auto;} .Article.Type1 .DescSect .InnerWrap { padding-top:20px; } .Article.Type1 .TriggerFold{ margin:20px 0 0; text-align:left;} .Article.Type1 .TriggerFold01 { margin:20px 0 0; text-align:left; position:absolute; left:30px; bottom:20px; z-index:10; } .Article.Type1 .TriggerFold button, .Article.Type1 .TriggerFold01 button { overflow:hidden; width:100px; height:21px;} .Article.Type1 .TriggerFold button img, .Article.Type1 .TriggerFold01 button img { margin-top:-21px;} .Article.Type1.recruitType .ListSect .MetaInfo .Category.Share { color: #333; } .Article.Type1.recruitType .ListSect .RecruitApply { display:none; width: 77px; height: 77px; position: absolute; top: 30px; right: 30px; } .Article.Type1.recruitType .ListSect .RecruitApply a { display:block; width:71px; height:71px; line-height:71px; border:2px solid #666; color:#666; font-size:13px; border-radius:50%; text-align:center;} .Article.Type1.recruitType .ListSect .RecruitApply a:hover { background-color:#b79c67; border-color:#b79c67; color:#fff;} .Article.Type1.faqType { min-height: 130px; } .Article.Type1.faqType .Title { padding-left: 50px; background: url(/images/recruit/txt_q.gif) no-repeat 3px 0; } .Article.Type1.faqType .DescSect { margin: 0; font-size: 13px; line-height: 1.8; color: #666; } .Article.Type1.faqType .item { padding-left: 50px; background: url(/images/recruit/txt_a.gif) no-repeat 3px top; } .Article.Type1.IndustryNews .ListSect .Summary { margin:10px 0 0; font-size:13px; line-height:1.8; height:auto; overflow:hidden; text-overflow:ellipsis; color:#666;} .Article.Type1.IndustryNews .TriggerFold { display:none !important;} .Article.NoDesc .Desc { height:0 !important; margin:0 !important; padding:0 !important;} .Benefits .Article.Type1 .ListSect .Thumbnail { display:block;} .Benefits .Article.Type1 .ListSect .Summary { height:auto;} .Article.Type2 { background-color:#fff;} .Article.Type2 .Thumbnail { margin:15px;} .Article.Type2 .Thumbnail img { width:100%;} .Article.Type2 .ArticleTit {margin:20px 15px 0; padding:0 0 20px; background:url("/images/ico/ico_bar01.png") no-repeat left bottom; } .Article.Type2 .ArticleTit > span { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#005696; color:#005696;} .Article.Type2 .Desc { overflow:hidden; height:56px; margin:20px 15px 0; font-size:12px; line-height:1.5; color:#666;} .Article.Type2 .Date { padding:20px 15px 15px; font-size:11px; color:#999;} .Article.Type3 { position:relative; margin:10px 0 10px 0; background-color:#fff;} .Article.Type3 .ArticleTit { margin:0 15px; padding:20px 0; background:url("/images/ico/ico_bar01.png") no-repeat left bottom; font-size:16px; color:#005696; color:#005696; height:auto; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;} .Article.Type3 .Desc { overflow:hidden; height:auto; margin:18px 15px 0; padding:0 0 10px;font-size:12px; line-height:1.5; color:#666;} .Article.Type3 .Date { margin:20px 15px 15px; font-size:11px; color:#999;} .Article.Type3 .Image { padding:10px 0 0; text-align:right;} .Article.Type3 .Image img { max-width:100%;} .Article.Type3 .Image2 { padding:15px 15px 0 15px; text-align:center;} .Article.Type3 .Image2 img { width:100%;} .Article.Type3 .SmallText { display:block; color:#999; padding:0 0 10px; font-size:12px;} .Article.Type3 .Label { position:absolute; left:0; top:0; z-index:5;} .Article.Type3 .InnerList01 { padding:0 0 15px;} .Article.Type3 .InnerList01 li { padding:0 0 5px 8px; background:url("/images/content/study/ico01.png") no-repeat left 7px;} .InnoxLife .Article.Type3 .DescBottom { padding-bottom:15px;} .InnoxLife .Article.Type3.Hover, .InnoxLife .Article.Type3:hover { background-color:#005696; cursor:pointer;} .InnoxLife .Article.Type3.Hover .ArticleTit, .InnoxLife .Article.Type3.Hover .Desc, .InnoxLife .Article.Type3:hover .ArticleTit, .InnoxLife .Article.Type3:hover .Desc { color:#fff;} .InnoxLife .Article.Type3.Hover .ArticleTit, .InnoxLife .Article.Type3:hover .ArticleTit { background-image:url("/images/ico/ico_bar03.png");} .InnoxLife .Article.Type1 { display:none; overflow:visible; margin-top:30px; min-height:0; padding:0;} .InnoxLife .Article.Type1 > * { margin:0 15px;} .InnoxLife .Article.Type1 .IcoTop { position:absolute; top:-15px; left:50%; margin-left:-5px;} .InnoxLife .Article.Type1.NoFunc .DescSect { display:block; padding-top:20px;} .InnoxLife .Article.Type1 .TriggerFold { padding-bottom:20px;} .InnoxLife .Article.Type1 .TriggerFold img { margin-top:0 !important;} .InnoxLife .Article.Type1 .MetaInfo { padding-top:15px; color:#005696;} .InnoxLife .Article.Type1 .Title { font-size:24px;} .InnoxLifeContent .InnerWrap01 { padding-bottom:50px;} .InnoxLifeContent .InnerWrap01 > h1 { padding-top:30px; color:#005696; font-weight:bold; font-size:24px; line-height:1.2;} .InnoxLifeContent .InnerWrap01 > h1:first-child { padding-top:10px;} .InnoxLifeContent .InnerWrap01 > .Img { padding-top:20px;} .InnoxLifeContent .InnerWrap01 > .Img img { width:100%;} .InnoxLifeContent .InnerWrap01 > .Text01 { padding-top:20px; color:#666; line-height:1.4; font-size:13px;} .InnoxLifeContent .InnerWrap01 > h2 { padding-top:60px; font-size:18px; color:#666;} .Article.Type4 { overflow:hidden;} .Article.Type4 .HeadSect { margin:15px 0 0; padding:15px 0; text-align:center; color:#fff;} .Article.Type4 .HeadSect .Tit { font-size:24px; font-weight:bold;} .Article.Type4 .HeadSect .Symbol { padding:25px 0 0;} .Article.Type4 .HeadSect .Desc { padding:25px 0 0; font-size:12px; line-height:1.6;} .Article.Type4 .HeadSect.Type1 { margin-top:0; background-color:#246da3;} .Article.Type4 .HeadSect.Type2 { background-color:#edbd5e;} .Article.Type4 .HeadSect.Type3 { background-color:#77abb2;} .Article.Type5 { position:relative; height:380px; margin:30px 0 0; background-color:#fff;} .Article.Type5 .Image { height:290px; padding:15px 15px 0 15px; text-align:center; line-height:250px;} .Article.Type5 .Image img { max-width:100%; vertical-align:middle;} .Article.Type5 .Title { position:absolute; left:15px; bottom:40px; font-family: 'Exo 2', 'sans-serif'; font-size:20px; font-weight:bold;} .Article.Type5 .Desc { position:absolute; left:15px; bottom:15px; color:#666; font-size:12px;} .Article.Type6 { margin:0; height:82px; line-height:82px; background-color:#fff;} .Article.Type6 .Title { height:82px; line-height:82px; margin:0 15px; padding-left:38px; background:url("/images/ico/ico_wheel01.png") no-repeat left center; font-size:22px; color:#333;} .Article.Type6 .Title span { display:inline-block; line-height:1.2; vertical-align:middle;} /* DescSlider */ .DescSlider { position:relative; height:0; padding:0 0 80% 0; z-index:1;} .DescSlider .innerFrame { width:100%; height:2500px;} .DescSlider .innerFrame .slider { width:100%; height:100%;} .DescSlider .innerFrame .slider .item { float:left; width:100%;} .DescSlider .innerFrame .slider .item img { width:100%; height:auto;} .DescSliderIndicator { position:absolute; left:0; bottom:0; width:100%; height:15px; z-index:10; text-align:center;} .DescSliderIndicator button { display:inline-block; width:15px; height:15px; margin:0 2px; background:url("/images/ico/ico_slider_off.png") no-repeat left top; text-indent:-50px;} .DescSliderIndicator button.active { background-image:url("/images/ico/ico_slider_on.png");} /* Paging */ .Paging.Type1 { margin:30px 0 0; text-align:right;} .Paging.Type1 span { display:inline-block; margin:0 1px; vertical-align:top; color:#333; font-size:30px; font-family: 'Exo 2', 'sans-serif'; font-weight:bold;} .Paging.Type1 button { vertical-align:top;} .Paging.Type1 .Divide { margin-top:10px;} .Paging.Type1 .Total { margin-top:21px;} .Paging.Type1 .Btn { margin-top:4px;} .Paging.Type1 .Btn.Prev { margin-right:15px; margin-left:15px;} .Paging.Type1 .Btn.Next.None { opacity:0.1; filter:alpha(opacity=10);} /* PrettySelect */ .selectOrigin { display:none;} .PrettySelect { position:relative !important; vertical-align:middle !important;} html.lte7 .PrettySelect { display:inline;} .PrettySelect p.selected { position:relative; z-index:12;} .PrettySelect p.selected a { overflow:hidden; display:block !important; position:relative !important; height:40px !important; line-height:40px !important; color:#1e1e1e !important; font-size:11px !important; cursor:pointer !important; text-decoration:none !important; font-weight:bold;} .PrettySelect p.selected a .text { display:block; float:left; height:40px; padding:0 2px 0 8px !important; font-size:14px !important; line-height:40px; font-weight:normal !important;} .PrettySelect p.selected a .ico { display:block; float:right; width:18px; height:40px; background:url("/images/ico/ico_select_closed.png") no-repeat left center;} .PrettySelect p.selected a.open .ico { background:url("/images/ico/ico_select_open.png") no-repeat left center;} .PrettySelect .optionList { display:none; position:absolute; left:0; top:39px; width:100%; z-index:25 !important; border-top:1px solid #323232; background-color:#fff;} .PrettySelect .optionList li a { display:block; padding:6px 8px; font-size:12px; border:1px solid #323232; border-top:0 none; border-bottom:0 none; text-decoration:none; text-align:left; font-weight:normal !important;} .PrettySelect .optionList li a:hover, .PrettySelect .optionList li a:focus, .PrettySelect .optionList li.selected a { background-color:#fff; color:#111;} .PrettySelect .optionList li:first-child a { padding-top:12px;} .PrettySelect .optionList li.last a { padding-bottom:12px; border-bottom:1px solid #323232;} .PrettySelect.upSide .optionList { overflow:hidden; top:auto; bottom:26px;} .PrettySelect.upSide p.selected { z-index:14;} /* PRCenter */ .PRCenter { } .PRCenter .InnerArea { margin:20px 0 0; background-color:#fff;} .PRCenter .TitArea { padding:15px; text-align:center;} .PRCenter .TitArea .Title { font-size:20px; color:#333; font-weight:bold;} .PRCenter .TitArea .Desc { padding:10px 0 0; font-size:12px; color:#666; line-height:1.3;} .PRCenter .ThumbnailList { overflow:hidden;} .PRCenter .ThumbnailList > li { position:relative; width:100%; overflow:hidden;} .PRCenter .ThumbnailList .Bg { position:relative; width:100%; height:80px; overflow:hidden; background:rgba(0,0,0,0.5);} .PRCenter .ThumbnailList .Bg img { position:absolute; left:50%; top:50%; z-index:1; margin-left:-640px; margin-top:-360px;} .PRCenter .ThumbnailList .Button { position:absolute; left:0; top:0; z-index:5; width:100%; height:80px; line-height:80px; text-align:center;} .PRCenter .ThumbnailList .Button a { display:inline-block; color:#fff;} .PRCenter .ThumbnailList .Button a img { width:30px; height:30px; margin-right:5px;} .PRCenter .ThumbnailList .Button .Desc { display:none;} .PRCenter .VideoContainer { display:none; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;} .PRCenter .VideoContainer iframe, .PRCenter .VideoContainer object, .PRCenter .VideoContainer embed { position:absolute; top: 0; left: 0; width: 100%; height: 100%;} /* Brochure */ .Brochure { margin:20px 0 0;} .Brochure .InnerArea { background-color:#fff; padding:15px 0 0;} .Brochure .Line { overflow:hidden;} .Brochure .Line1 { padding-bottom:30px;} .Brochure .Item { float:left; width:50%;} .Brochure .Item .Title { min-height:37px; font-size:16px; color:#005696; font-weight:bold; margin:0 15px 15px; padding:0; background:url("/images/ico/ico_bar01.png") no-repeat left bottom;} .Brochure .Item .Image { margin:0 15px;} .Brochure .Item .Image img { width:100%;} .Brochure .Item .Download { margin:15px 15px 0; text-align:center;} /* InnoxStory */ .InnoxStory { margin:20px 0 0;} .InnoxStory .Sect { overflow:hidden; margin:15px 0 0;} .InnoxStory .Sect .HeadSect { padding:15px 0; text-align:center; color:#fff;} .InnoxStory .Sect.Company { margin:0;} .InnoxStory .Sect.Company .HeadSect { background-color:#246da3;} .InnoxStory .Sect.Harmony .HeadSect { background-color:#edb445;} .InnoxStory .Sect.Share .HeadSect { background-color:#7c362a;} .InnoxStory .Sect .HeadSect .Tit { font-size:24px; font-family:'Exo 2', 'sans-serif'; font-weight:bold;} .InnoxStory .Sect .HeadSect .Symbol { padding:25px 0 0;} .InnoxStory .Sect .HeadSect .Desc { padding:25px 0 0; font-size:12px;} .InnoxStory .Sect .HeadSect .Desc .Block { display:block; padding:6px 0 0;} .InnoxStory .Sect .HeadSect .ReadMore { padding:15px 0 0;} .InnoxStory .Sect .Article.Type2 { margin:15px 0 0;} /* IntroKeyVisual */ .IntroKeyVisual { position:relative; margin:20px 0 0; } .IntroKeyVisual .KeyText { position:absolute; right:-10px; top:15px; z-index:10; color:#111; font-size:18px; font-weight:bold; font-family: 'Exo 2', 'sans-serif'; text-align:left;} .IntroKeyVisual .KeyText.Type2 { color:#fff; z-index:8; margin-top:1px;} .IntroKeyVisual .KeyText .Block { display:inline-block; border-bottom:3px solid #111; margin-top:-3px; margin-bottom:-3px;} .IntroKeyVisual .KeyText.Type2 .Block { border-color:transparent;} .IntroKeyVisual .SliderWrap { position:relative; height:0; padding:0 0 39.2% 0; z-index:1;} .IntroKeyVisual .SliderWrap .innerFrame { width:100%; height:2500px;} .IntroKeyVisual .SliderWrap .innerFrame .slider { width:100%; height:100%;} .IntroKeyVisual .SliderWrap .innerFrame .slider .item { float:left; width:100%; overflow:hidden;} .IntroKeyVisual .SliderWrap .innerFrame .slider .item img { width:100%; height:auto;} .IntroKeyVisual .SliderIndicator { position:relative; width:100%; height:15px; margin-top:-24px; padding:0 0 11px; z-index:10; text-align:center;} .IntroKeyVisual .SliderIndicator button { display:inline-block; width:13px; height:13px; background:url("/images/index/rollingbtn_off.png") no-repeat left top; text-indent:-50px;} .IntroKeyVisual .SliderIndicator button.active { background-image:url("/images/index/rollingbtn_on.png");} .IntroKeyVisual .OneImage img { width:100%;} .IntroKeyVisual .OneImage2 { padding:15px;} .IntroKeyVisual .OneImage2 img { width:100%;} .IntroKeyVisual .OneImage2 .Width02 { display:none;} .IntroKeyVisual .DescArea { margin:15px 0px 0 0px;} .IntroKeyVisual .DescArea.Top { padding-top:15px;} .IntroKeyVisual .DescArea .Tit { padding:0 0 15px 0; background:url("/images/ico/ico_bar01.png") no-repeat left bottom; line-height:1.4;} .IntroKeyVisual .DescArea .Tit > span { font-size:16px; color:#005696;} .IntroKeyVisual .DescArea .Desc { padding:17px 0 13px; font-size:13px; color:#666; line-height:1.5;} .IntroKeyVisual .BoxArea { padding:15px 15px 0 15px;} .IntroKeyVisual .BoxArea .Item { margin:0 0 15px;} .IntroKeyVisual .BoxArea .Item .Inner { } .IntroKeyVisual .BoxArea .Item .ItemTitle { overflow:hidden; position:relative; margin:15px 0; text-align:center; font-size:14px; color:#005696; } .IntroKeyVisual .BoxArea .Item .ItemTitle > span { display:block; text-align:left; margin-left:50px; font-family:'Exo 2', 'sans-serif'; } .IntroKeyVisual .BoxArea .Item .ItemTitle > .No { position:absolute; left:0; top:0; font-size:40px; width:50px; margin:0;} .IntroKeyVisual .BoxArea .Item1 .ItemTitle > span { margin-left:45px;} .IntroKeyVisual .BoxArea .Item1 .ItemTitle > .No { width:45px; margin:0;} .IntroKeyVisual .BoxArea .Item .ItemTitle > .Step { color:#666; padding-top:6px;} .IntroKeyVisual .BoxArea .Item .ItemTitle > .Text { padding:4px 0 3px; font-size:14px;} .IntroKeyVisual .BoxArea .Item .Image { text-align:center; margin-top:45px; } .IntroKeyVisual .BoxArea .Item .Image img { width:100%;} .IntroKeyVisual .BoxArea .WrapInnerBox { min-height:190px;} .IntroKeyVisual .BoxArea .WrapInnerBox .InnerBox { position:relative; overflow:hidden; margin:0;} .IntroKeyVisual .BoxArea .WrapInnerBox .InnerItem { float:left; width:33.33%;} .IntroKeyVisual .BoxArea .WrapInnerBox .InnerItem.No3 { float:right;} .IntroKeyVisual .BoxArea .WrapInnerBox .InnerItem.No2 { position:absolute; left:50%; top:0; margin-left:-16.665%;} .IntroKeyVisual .BoxArea .WrapInnerBox .InnerItem.No1 .ImageFrame { margin-right:6px;} .IntroKeyVisual .BoxArea .WrapInnerBox .InnerItem.No2 .ImageFrame { margin-left:3px; margin-right:3px;} .IntroKeyVisual .BoxArea .WrapInnerBox .InnerItem.No3 .ImageFrame { margin-left:6px;} .IntroKeyVisual .BoxArea .WrapInnerBox .InnerItem .ImageFrame img { width:100%;} .IntroKeyVisual .BoxArea .WrapInnerBox .InnerItem .ProductName { padding:8% 0 0; font-size:12px; height:35px; display:table; width:100%; overflow:hidden; color:#666; text-indent:1%;} .IntroKeyVisual .BoxArea .WrapInnerBox .First .InnerItem .ProductName{ padding-top:0; } .IntroKeyVisual .BoxArea .WrapInnerBox .InnerItem .ProductName span{ text-indent:0; display:table-cell; height:auto; width:100%; padding-bottom:5px; vertical-align:bottom; overflow:hidden;} .IntroKeyVisual .BoxArea .WrapInnerBox .InnerItem.No2 .ProductName { margin-left:3px; } .IntroKeyVisual .BoxArea .WrapInnerBox .InnerItem.No3 .ProductName { margin-left:6px; } .IntroKeyVisual .BoxArea .Arrow{ position:relative; color:#8c8c8c; text-indent:0; font-size:13px; float:left; text-align:center; width:100%; height:43px; line-height:43px; margin:30px 0; padding:0; overflow:visible; background:#ebebeb; } .IntroKeyVisual .BoxArea .Arrow:before{ width:100%; height:16px; overflow:hidden; content:""; position:absolute; left:0; top:43px; background:url(/images/ico/ico_downgray.png) no-repeat center top; } .IntroKeyVisual .BoxArea .Arrow.on{ color:#fff; background:#005696; } .IntroKeyVisual .BoxArea .Arrow.on:before{ width:100%; height:16px; overflow:hidden; content:""; position:absolute; left:0; top:43px; background:url(/images/ico/ico_downblue.png) no-repeat center top; } .IntroKeyVisual .BoxArea .Item3 .Arrow:before, .IntroKeyVisual .BoxArea .Item3 .Arrow.on:before{ left:-2000px; } .IntroKeyVisual .BoxArea .Arrow.Last { background-image:none;} .IntroKeyVisual .DefinitionList.Type1 { padding:0 10px 15px 5px;} .IntroKeyVisual .DefinitionList.Type1 th { padding-left:0;} .IntroKeyVisual .DescImage { margin:0 15px;} .IntroKeyVisual .DescImage img { width:100%;} .IntroKeyVisual .InnerTitle { margin:60px 15px 0; color:#000; font-size:16px; font-family:'Exo 2', 'sans-serif'; font-weight:bold;} .IntroKeyVisual .InnerTitle.First { margin-top:20px;} .IntroKeyVisual .InnerList { margin:10px 15px 0; border-top:2px solid #000; border-bottom:2px solid #000;} .IntroKeyVisual .InnerList li a { display:block; padding:12px 20px; border-top:1px dotted #b2b2b2; font-family:'Exo 2', 'sans-serif'; color:#777; font-size:14px;} .IntroKeyVisual .InnerList li:first-child a { border-top:0 none;} .IntroKeyVisual .InnerList li a:hover, .IntroKeyVisual .InnerList li a:active { color:#000; background-color:#f9f9f9; text-decoration:none; font-weight:600;} .IntroKeyVisual .InnerList.Last { } .IntroKeyVisual.Article { padding-bottom:15px;} .IntroKeyVisual .OneImage2 .Desktop { display:none;} .IntroKeyVisual .OneImage2 .OneImageTit { font-size:18px; color:#000; font-weight:bold;} .IntroKeyVisual .OneImage2 .OneImageTit.Second { padding:40px 0 0;} .IntroKeyVisual .OneImage2 .OneImageTit2 { padding:40px 0 0; font-size:16px; color:#333;} .IntroKeyVisual .OneImage2 .OneImageTit2.First { padding:20px 0 0;} .IntroKeyVisual .OneImage2 .OneImageDesc { margin:15px 0 0; padding:15px 0; background-color:#f3f3f3;} .IntroKeyVisual .OneImage2 .OneImageDesc .DescInnerBox { overflow:hidden; margin:0 auto; padding:10px 0; text-align:center;} .IntroKeyVisual .OneImage2 .OneImageDesc .DescInnerBox .OneImageItem { display:inline-block; width:25%; margin-left:5%; vertical-align:top;} .IntroKeyVisual .OneImage2 .OneImageDesc .DescInnerBox .OneImageItem img { max-width:100%; width:auto;} .IntroKeyVisual .OneImage2 .OneImageDesc .DescInnerBox .OneImageItem.Order1 { margin-left:0;} .IntroKeyVisual .OneImage2 .OneImageDesc .DescInnerBox.Spec .OneImageItem { margin-left:1%;} .IntroKeyVisual .OneImage2 .OneImageDesc .DescInnerBox.Spec .OneImageItem.Order2 { width:33%;} .IntroKeyVisual .OneImage2 .OneImageDesc .DescInnerBox.Spec .OneImageItem.Order1 { margin-left:0;} .IntroKeyVisual .OneImage2 .OneImageDesc .DescInnerBox .OneImageItem .OneImageText { padding-top:20px; font-size:16px; color:#333; text-align:center;} .IntroKeyVisual .OneImage2 .OneImageDesc .DescInnerBox .OneImageItem .ItemList { display:inline-block; padding:20px 0 0; text-align:left;} .IntroKeyVisual .OneImage2 .OneImageDesc .DescInnerBox .OneImageItem .ItemList li { padding:0 0 10px; font-size:13px; color:#333; text-align:left;} .IntroKeyVisual .OneImage2 .OneImageDesc .DescInnerBox .OneImageText2 { width:82%; margin:0 auto; padding-top:20px; font-size:13px; color:#666; text-align:left; line-height:1.4;} .IntroKeyVisual.Product .DescArea.FirstTop { padding-top:24px;} .IntroKeyVisual.Product .DescArea.FirstTop .Tit > span { font-family:'Exo 2', 'sans-serif';} .IntroKeyVisual.Product .BoxArea { padding-top:0; margin-top:0 !important;} /* CompanyInfo */ .CompanyInfo { margin:20px 0 0; background-color:#fff;} .CompanyInfo .RightArea .Row { overflow:hidden;} .CompanyInfo .RightArea .Row .Symbol { float:left; width:50%; padding:20px 0; text-align:center;} .CompanyInfo .RightArea .Row .Symbol .Image { margin:0 20px;} .CompanyInfo .RightArea .Row .Symbol .Image img { max-width:100%;} .CompanyInfo .RightArea .Row .Symbol .Tit { padding:10px 0 0; font-size:14px; color:#000;} .CompanyInfo .LeftArea { } .CompanyInfo .LeftArea .Info { padding:20px 15px;} .CompanyInfo .LeftArea .Info li { position:relative; overflow:hidden; font-size:12px;} .CompanyInfo .LeftArea .Info li .Tit { position:absolute; left:0; top:0; width:55px; padding:8px 0; border-bottom:1px dotted #b2b2b2; color:#333; text-indent:5px;} .CompanyInfo .LeftArea .Info li .Desc { padding:8px 0; margin-left:60px; border-bottom:1px dotted #b2b2b3; color:#666; text-indent:5px;} .CompanyInfo .LeftArea .Text { padding:0 15px 20px; color:#999; font-size:12px;} /* ListType */ .ListType.Type1 {} .ListType.Type1 .Item {margin:20px 0; padding:15px; overflow:hidden; border:2px solid #ededed; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ListType.Type1 .Item .MetaInfo { color:#999; font-size:12px;} .ListType.Type1 .Item .MetaInfo > span { display:inline-block; height:10px; line-height:10px; padding:2px 0 0; vertical-align:top;} .ListType.Type1 .Item .MetaInfo > .Quarter { padding-left:14px; margin-left:10px; border-left:1px solid #aaa;} .ListType.Type1 .Item .ItemTit { padding:20px 0 0; } .ListType.Type1 .Item .ItemTit a { color:#005696; font-size:22px; font-weight:normal; line-height:1.3em;} .ListType.Type1 .Item .Download { padding:10px 0 0;} .ListType.Type1 .Item .Download a { margin:0 10px 0 0; color:#333; font-size:12px;} .ListType.Type1 .Item .Download a > img { width:14px; margin-right:3px;} .ListType.Type2 { margin:30px 0 0;} .ListType.Type2 li { margin:0 0 11px; padding:0 0 0 8px; background:url("/images/ico/ico_dot01.png") no-repeat left 4px; color:#666; font-size:13px;} /* HiddenMobile */ .HiddenMobile > * { display:none;} .HiddenMobile > .Warning { display:block; margin:20px 0 0; padding:150px 50px; text-align:center; background-color:#fff; line-height:1.5;} /* PublicAnnounce */ .PublicAnnounce { padding:30px 0; background-color:#fff;} /* InnerRule */ .InnerRule { overflow:hidden; margin:30px 0 200px; background-color:#fff;} .InnerRule .LeftArea { display:none;} .InnerRule .RightArea { padding:15px;} .InnerRule .RightArea .Text { font-size:13px; color:#666; line-height:1.5;} .InnerRule .RightArea .Btn { padding-top:20px;} .InnerRule.Type1 { margin-bottom:0;} .InnerRule.Type2 { margin-bottom:60px;} /* MemberInfo */ .MemberInfo.Type1 { background-color:#005696; padding-bottom:15px;} .MemberInfo.Type1 .Portrait { overflow:hidden;} .MemberInfo.Type1 .Portrait .Img { display:none; position:relative; width:150%; margin-left:-50%;} .MemberInfo.Type1 .Portrait .Img:first-child { display:block;} .MemberInfo.Type1 .InfoSec { position:relative; margin:15px;} .MemberInfo.Type1 .InfoSec .Thumbnail { overflow:hidden;} .MemberInfo.Type1 .InfoSec .Thumbnail li { float:left; margin-left:10px; padding-top:15px;} .MemberInfo.Type1 .InfoSec .Thumbnail li:first-child { margin-left:0;} .MemberInfo.Type1 .InfoSec .Thumbnail li.Current { background:url("/images/ico/ico_arrow02.png") no-repeat center top;} .MemberInfo.Type1 .InfoSec .Info { display:none; margin:20px 0 0; color:#fff; font-size:12px;} .MemberInfo.Type1 .InfoSec .Info .Title { overflow:hidden; padding:0 0 10px; margin:0 0 10px; background:url("/images/ico/ico_bar02.png") no-repeat left bottom;} .MemberInfo.Type1 .InfoSec .Info .Title > span { display:inline-block;} .MemberInfo.Type1 .InfoSec .Info .Title .Name { padding-right:5px; font-size:16px; font-weight:bold;} .MemberInfo.Type1 .InfoSec .Info .Title .Grade { font-size:12px;} .MemberInfo.Type1 .InfoSec .Info .History > li { overflow:hidden; padding:10px 0 0;} .MemberInfo.Type1 .InfoSec .Info .History > li:first-child { padding-top:0;} .MemberInfo.Type1 .InfoSec .Info .History > li .Dt { float:left; width:65px; text-align:justify; line-height:1.5;} .MemberInfo.Type1 .InfoSec .Info .History > li .Dd { margin-left:65px; line-height:1.5;} .MemberInfo.Type1 .InfoSec .Info .History > li .Dd .Line { display:block;} .MemberInfo.Type1 .InfoSec .Info.First { display:block;} .MemberInfo.Type2 { } .MemberInfo.Type2 .Card { margin:15px 0 0; background-color:#fff;} .MemberInfo.Type2 .Card.First { margin-top:0;} .MemberInfo.Type2 .Card .Title { overflow:hidden; padding:15px;} .MemberInfo.Type2 .Card .Title > span { display:inline-block;} .MemberInfo.Type2 .Card .Title .Name { padding-right:5px; font-size:20px; color:#005696; font-weight:bold;} .MemberInfo.Type2 .Card .Title .Grade { vertical-align:top; padding-top:4px; font-size:12px; color:#000;} .MemberInfo.Type2 .Card .History { padding:0 15px 15px 15px; font-size:12px;} .MemberInfo.Type2 .Card .History > li { overflow:hidden; padding:10px 0 0;} .MemberInfo.Type2 .Card .History > li:first-child { padding-top:0;} .MemberInfo.Type2 .Card .History > li .Dt { float:left; width:65px; text-align:justify; line-height:1.5; color:#999;} .MemberInfo.Type2 .Card .History > li .Dd { margin-left:65px; line-height:1.5; color:#666;} .MemberInfo.Type2 .Card .History > li .Dd .Line { display:block;} /* DefinitionList */ .DefinitionList.Type1 { padding:15px 10px 15px 5px; background-color:#fff;} .DefinitionList.Type1 .InnerTitle { margin:40px 10px 10px; color:#005696; font-size:14px; padding:0 0 20px; background:url("/images/ico/ico_bar01.png") no-repeat left bottom; line-height:1.4; } .DefinitionList.Type1 .InnerTitle.First { margin-top:0;} .DefinitionList.Type1 table { width:101%; border-collapse:separate; border-spacing:10px; font-size:13px; margin-right:0;} .DefinitionList.Type1 table th, .DefinitionList.Type1 table td { padding:0 5px 10px 5px; border-bottom:1px dashed #ececec; line-height:1.5; text-align:left; color:#333;} .DefinitionList.Type1 table th { padding-left:0; font-family: 'Nanum-bold'; } .DefinitionList.Type1 table td { color:#666; padding-left:10px;} .DefinitionList.Type1 table .Last th, .DefinitionList.Type1 table .Last td { border-bottom:0 none;} .DefinitionList.Type1 table .NumList { margin-left:25px;} .DefinitionList.Type1 .Text { color:#999;} /* NumList */ .NumList, .NumList li { list-style:decimal;} .NumList { position:relative;} /* Tab */ .Tab.Type1 { margin:30px 0 0;} .Tab.Type1 a { display:inline-block; padding:6px 5px; border:2px solid #aaaaaa; background-color:#fff; color:#999; font-size:12px;} .Tab.Type1 a.Current { border-color:#c0a674; background-color:#c0a674; color:#fff;} .Tab.Type2 { } .Tab.Type2 > a { display:none;} .Tab.Type2 > .Mobile { display:inline-block; border-top:3px solid #929292; } .Tab.Type2 > .Mobile select { padding:8px 0; border:0 none; font-size:12px; color:#999; font-family:'Exo 2', 'sans-serif';} /* GraphType */ .GraphType.Type1 { } .GraphType.Type1 .Item { margin-top:30px;} .GraphType.Type1 .Item.First { margin-top:0;} .GraphType.Type1 .Item .Outer { overflow:hidden; position:relative; margin:15px 0 0; background-color:#fff;} .GraphType.First .Item .Outer { margin-top:0 !important;} .GraphType.Type1 .Item .Inner { padding:15px;} .GraphType.Type1 .Item .Head { overflow:hidden;} .GraphType.Type1 .Item .Head .Left { float:left; width:50%;} .GraphType.Type1 .Item .Head .Left .Title { color:#000; font-size:16px; font-weight:bold;} .GraphType.Type1 .Item .Head .Left .Unit { padding:5px 0 0; font-size:12px; color:#666;} .GraphType.Type1 .Item .Head .Right { float:right; width:50%; text-align:right;} .GraphType.Type1 .Item .Head .Right.FixWidth { width:120px;} .GraphType.Type1 .Item .Head .Right > span { display:inline-block; vertical-align:top;} .GraphType.Type1 .Item .Head .Right .Value { font-size:22px; color:#666; font-family:'Exo 2', 'sans-serif'; font-weight:bold;} .GraphType.Type1 .Item .Head .Right .Unit { padding-top:4px; font-size:12px; color:#666;} .GraphType.Type1 .Item .Head .Right .Text { color:#666; font-size:12px;} .GraphType.Type1 .Item .Head .Right .Up, .GraphType.Type1 .Item .Head .Right .Down { display:block; padding-bottom:5px;} .GraphType.Type1 .Item .Head .Right .Up { color:#005696;} .GraphType.Type1 .Item .Head .Right .Down { color:#a58c5b;} .GraphType.Type1 .Item .Head .Right .Ico { display:block; text-align:left; padding-left:23px;} .GraphType.Type1 .Item .Head .Right .Ico1 { padding-bottom:5px; background:url("/images/content/study/ico02.png") no-repeat left 2px;} .GraphType.Type1 .Item .Head .Right .Ico2 { background:url("/images/content/study/ico03.png") no-repeat 5px 2px;} .GraphType.Type1 .Item .GraphBody { position:relative; margin:20px 0 0;} .GraphType.Type1 .Item .GraphBody .Bg img { width:100%;} .GraphType.Type1 .Item .GraphBody .Graph { position:absolute; bottom:8.5%; width:14.3%; height:0; background-color:#005b9f; color:#fff; font-size:6px;} .GraphType.Type1 .Item .GraphBody .Graph1 { left:19%;} .GraphType.Type1 .Item .GraphBody .Graph2 { left:38.5%;} .GraphType.Type1 .Item .GraphBody .Graph3 { left:58%;} .GraphType.Type1 .Item .GraphBody .Graph4 { left:78%; background-color:#c5ac7a;} .GraphType.Type1 .Item .GraphBody .Graph p { margin:10px 0 0; text-align:center; font-family:'Exo 2', 'sans-serif';} .GraphType.Type1 .Item .GraphBody.Divide7 .Graph { width:7%;} .GraphType.Type1 .Item .GraphBody.Divide7 .Graph1 { left:19%; } .GraphType.Type1 .Item .GraphBody.Divide7 .Graph2 { left:29.5%; } .GraphType.Type1 .Item .GraphBody.Divide7 .Graph3 { left:40.5%; } .GraphType.Type1 .Item .GraphBody.Divide7 .Graph4 { left:52%; } .GraphType.Type1 .Item .GraphBody.Divide7 .Graph5 { left:63%; } .GraphType.Type1 .Item .GraphBody.Divide7 .Graph6 { left:74.5%; } .GraphType.Type1 .Item .GraphBody.Divide7 .Graph7 { left:85.5%; } .GraphType.Type1 .Item .GraphBody.Divide71 .Graph { width:7%;} .GraphType.Type1 .Item .GraphBody.Divide71 .Graph1 { left:19.5%; } .GraphType.Type1 .Item .GraphBody.Divide71 .Graph2 { left:30.5%; } .GraphType.Type1 .Item .GraphBody.Divide71 .Graph3 { left:41.3%; } .GraphType.Type1 .Item .GraphBody.Divide71 .Graph4 { left:52%; } .GraphType.Type1 .Item .GraphBody.Divide71 .Graph5 { left:63%; } .GraphType.Type1 .Item .GraphBody.Divide71 .Graph6 { left:74%; } .GraphType.Type1 .Item .GraphBody.Divide71 .Graph7 { left:85%; } .GraphType.Type1 .Item .GraphBody .OneImage { text-align:center;} .GraphType.Type1 .Item .GraphBody .OneImage img { max-width:100%;} .GraphType.Type1 .Item .Desc { margin:20px 0 0; padding:20px 0 0; background:url("/images/ico/ico_bar01.png") no-repeat left top; color:#666; font-size:13px; line-height:1.4;} .GraphType.Type1 .Item .SourceText { padding:30px 0 0; color:#999; font-size:12px;} .GraphType.Type2 .Item { position:relative; width:100%; height:auto; overflow:hidden; background:#fff; margin:20px auto; } .GraphType.Type2 .Item .txtbox{ float:left; width:50%; height:auto; overflow:hidden; } .GraphType.Type2 .Item .txtbox .etc{ width:70%; height:auto; overflow:hidden; margin:10% auto 0 auto; } .GraphType.Type2 .Item .txtbox .etc .SubTitle{ background:url("/images/ico/ico_bar01.png") no-repeat left 15px; margin:0; padding:30px 0 5px 0; } .GraphType.Type2 .Item .txtbox .etc .SubTitle.Type1 { height:0; min-height:0;} .GraphType.Type2 .Item .txtbox .etc .Desc{ line-height:1.5em; color:#666; } .GraphType.Type2 .Item .Thumbnail{ float:left; width:50%; height:auto; overflow:hidden; } .GraphType.Type2 .Item .Thumbnail img{ width:100%; } .GraphType.Type2 .Item:first-child .txtbox{ float:left; } .GraphType.Type2 .Item:first-child .Thumbnail{ float:right; } /* TableType */ .TableType.Type1 { background-color:#fff; padding:15px;} .TableType.Type1 .Unit { padding:0 0 10px; text-align:right; font-size:12px;} .TableType.Type1 table { width:100%; font-size:13px;} .TableType.Type1 table th, .TableType.Type1 table td { padding:12px 0;} .TableType.Type1 table thead th { border-top:2px solid #333; border-bottom:2px solid #333; text-align:right; padding-right:10px; font-family:'Exo 2', 'sans-serif'; font-weight:bold; color:#000; font-size:18px;} .TableType.Type1 table tbody th, .TableType.Type1 table tbody td { border-bottom:1px dotted #b2b2b2; color:#666;} .TableType.Type1 table tbody th { text-align:left; text-indent:10px; text-indent:40px; font-weight:bold;} .TableType.Type1 table tbody td { font-family:'Exo 2', 'sans-serif'; text-align:right; padding-right:10px;} .TableType.Type1 table tbody .Title th { text-indent:10px; color:#333;} .TableType.Type1 table tbody .Title td { color:#005796; font-weight:bold;} .TableType.Type1 table tbody .Break th, .TableType.Type1 table tbody .Break td { border-bottom:1px solid #333;} .TableType.Type1 table .Bg th, .TableType.Type1 table .Bg td { background-color:#f9f9f9;} .TableType.Type2 { } .TableType.Type2 table { width:100%; border-top:2px solid #333; border-bottom:1px solid #b2b2b2;} .TableType.Type2 table th, .TableType.Type2 table td { padding:8px 0 8px 20px; text-align:left; background:url("/images/ico/ico_dot02.png") repeat-x left top; font-size:13px;} .TableType.Type2 table th { background:#f9f9f9 url("/images/ico/ico_dot02.png") repeat-x left top; color:#333; font-weight:bold;} .TableType.Type2 table td { color:#666;} .TableType.Type2 table tr:first-child th, .TableType.Type2 table tr:first-child td { background:none;} .TableType.Type2 table tr:first-child th, .TableType.Type2 table th.LastCell { background:#f9f9f9;} .TableType.Type2 table td.LastCell.CopyOrigin { background:#fff;} .TableType.Type2 table .LeftMargin { margin-left:5px;} .TableType.Type2 table .RightMargin { margin-right:5px;} .TableType.Type2 table .RightMargin2 { margin-right:20px;} .TableType.Type2 table .SideMargin { margin:0 5px;} .TableType.Type2 table .PhotoCell { text-align:center; padding-left:0; padding-top:30px; vertical-align:top;} .TableType.Type2 table .PhotoCell .Photo { width:116px; height:156px; margin:0 auto 15px; border:7px solid #efefef; background:url("/images/content/bg_photocell.png") no-repeat left -20px;} .TableType.Type2 table .PhotoCell .Photo img { width:100%; height:100%;} .TableType.Type2 table .Line { padding:0 0 6px;} .TableType.Type2 table .Line.Type1 { padding:0 0 15px;} .TableType.Type2 table .Width1 { display:inline-block; width:62px;} .TableType.Type2 table.AlignCenter { } .TableType.Type2 table.AlignCenter th, .TableType.Type2 table.AlignCenter td { padding-left:0; text-align:center;} .TableType.Type2 table thead th { border-left:1px solid #fff; background:#f9f9f9 url("/images/ico/ico_dot02.png") repeat-x left bottom !important;} .TableType.Type2 table thead tr th:first-child { border-left:0 none;} .TableType.Type2 table .Left { padding-left:10px !important; text-align:left !important;} .TableType.Type2 table .Right { padding-right:10px !important; text-align:right !important;} .TableType.Type2 table .IBlock { display:inline-block; line-height:1.6;} .TableType.Type2 table .WidePadding { padding:15px 0;} .TableType.Type3 { width:100%; border-bottom:1px solid #999;} .TableType.Type3 th, .TableType.Type3 td { background-color:#f6f6f6; vertical-align:middle;} .TableType.Type3 thead th { height:60px; border-top:2px solid #a3a3a3; border-bottom:2px solid #a3a3a3; border-left:1px solid #b6b6b6; color:#333; font-size:22px; font-weight:bold;} .TableType.Type3 thead tr th:first-child { border-left:0 none;} .TableType.Type3 tbody td { border-left:1px solid #b6b6b6; border-bottom:1px dotted #ccc; height:240px;} .TableType.Type3 tbody td.Tit { padding-left:30px; color:#333; font-size:20px; line-height:1.6;} .TableType.Type3 tbody td.First { border-left:0 none; height:auto;} .TableType.Type3 tbody td .OneImageDesc { background:transparent; margin:0 !important; padding:0 !important;} .TableType.Type3 tbody td .DescInnerBox { margin:0 !important; padding:0 !important; overflow:visible !important;} .TableType.Type3 tbody td .DescInnerBox.Spec .OneImageItem { display:block; width:auto !important; margin:0 !important;} .TableType.Type3 tbody td .DescInnerBox .OneImageItem { width:32% !important; margin:0 !important;} .TableType.Type3 tbody td .DescInnerBox .OneImageText { font-size:20px; color:#666;} .TableType.Type3 tbody td .DescInnerBox .OneImageText2 { width:87% !important;} .TableType.Type3 tbody td .DescInnerBox.Spec .OneImageItem.Order2 { margin:20px 0 !important;} .TableType.Type3 tbody td .DescInnerBox.Spec .OneImageItem.Order2 img { display:block; position:relative; right:-27.5%;} /* AnalysisReport */ .AnalysisReport { padding:15px; background-color:#fff;} /* StockInfo */ .StockInfo { padding:30px 0; } .StockInfo .Inner { position:relative;} .StockInfo .StockGraph { overflow:hidden; margin-right:512px; height:490px; border:1px solid #d2d2d2;} .StockInfo .StockData { position:absolute; left:0; top:0; width:100%; height:auto;} .StockInfo .StockData .DataTop { height:77px;} .StockInfo .StockData .DataTop .DataNumber { display:inline-block; height:77px; padding:0 20px 0 10px; line-height:77px; font-size:50px; color:#000; font-family:'Exo 2','Nanum-bold', 'sans-serif';} .StockInfo .StockData .DataTop .Meta { display:inline-block; height:77px; vertical-align:top; } .StockInfo .StockData .DataTop .Meta > p { font-size:13px;} .StockInfo .StockData .DataTop .Meta .Line { padding:12px 0 12px;} .StockInfo .StockData .DataTop .Meta .Tit { display:inline-block; width:55px; color:#666;} .StockInfo .StockData .DataTop .Meta .Desc { color:#ff6e14; font-family:'Exo 2', 'sans-serif';} .StockInfo .StockData .DataTop .Meta .Desc .Ico { display:inline-block; width:12px; font-weight:bold; text-align:center;} .StockInfo .StockData .DataTitle { display:block; width:100%; height:38px; margin-top:51px; font-size:20px; color:#005696; font-family: 'Nanum-bold'; text-align:left; } /* DataTable */ .DataTable { width:100%; font-size:13px; margin-top:5px;} .DataTable th, .DataTable td { padding:12px 0;} .DataTable.Type1 th, .DataTable.Type1 td { text-align:right; padding-right:10px;} .DataTable.Type1 thead th { border-top:2px solid #005696; border-bottom:2px solid #005696; font-family: 'Nanum-bold'; color:#333;} .DataTable.Type1 td { color:#666; border-bottom:1px dashed #b2b2b2;} .DataTable.Type2 { border-top:2px solid #005696; border-bottom:2px solid #005696;} .DataTable.Type2 th, .DataTable.Type2 td { border-bottom:1px dashed #b2b2b2;} .DataTable.Type2 th { text-align:left; color:#333; text-indent:10px; font-family: 'Nanum-bold'; } .DataTable.Type2 td { text-align:right; padding-right:10px; color:#666;} .DataTable.Type2 .Color { color:#666; font-weight:normal;} .DataTable.Type2 .Border { border-right:1px solid #d8d8d8;} /* PrivacyBox */ .PrivacyBox { padding:30px; background-color:#fff;} .PrivacyBox .TextForm { height:370px; padding:30px; border:1px solid #f0f0f0; overflow-x:hidden; overflow-y:scroll;} .PrivacyBox .TextForm .Title { padding:0 0 60px; font-size:60px; color:#333; font-family:'Exo 2', 'sans-serif';} .PrivacyBox .TextForm .InnerForm { color:#666; font-size:13px; line-height:1.6;} .PrivacyBox .TextForm .InnerForm strong { color:#333; font-weight:bold;} .PrivacyBox .Agree { margin:30px 0 0; font-size:13px; color:#333;} .PrivacyBox .Btn { text-align:right; margin-top:-30px;} /* ApplyStep */ .ApplyStep { margin:60px 0 0; padding:30px; background-color:#fff;} .ApplyStep > .InnerWrap { } .ApplyStep > .InnerWrap .Step { display:table; overflow:hidden; width:100%;} .ApplyStep > .InnerWrap .Step li { display:table-cell; width:17.25%; height:80px; padding-left:30px; background:url("/images/ico/ico_arrow03.png") no-repeat left center;} .ApplyStep > .InnerWrap .Step li:first-child { width:14%; padding-left:0; background:none;} .ApplyStep > .InnerWrap .Step li.Last { width:15.5%;} .ApplyStep > .InnerWrap .Step li > .InnerBox { margin-right:20px; height:76px; border:2px solid #f7f7f7; background-color:#f7f7f7;} .ApplyStep > .InnerWrap .Step li.Current > .InnerBox { border:2px solid #333; background-color:#fff;} .ApplyStep > .InnerWrap .Step li.Last > .InnerBox { margin-right:0;} .ApplyStep > .InnerWrap .Step li > .InnerBox span { display:block; text-align:center;} .ApplyStep > .InnerWrap .Step li > .InnerBox .SubText { padding:15px 0 0; color:#666; font-size:9px; font-family:'Exo 2', 'sans-serif'; font-weight:bold;} .ApplyStep > .InnerWrap .Step li > .InnerBox .Num { color:#666; font-size:18px; font-weight:bold; font-family:'Exo 2', 'sans-serif';} .ApplyStep > .InnerWrap .Step li > .InnerBox .Tit { padding:9px 0 0; color:#666; font-size:14px; font-weight:bold;} /* ApplyForm */ .ApplyForm { margin:20px 0 0; padding:30px; background-color:#fff;} .ApplyForm.Type1 { margin-top:0;} .ApplyForm .FormTitle { margin:50px 0 0; padding:0 0 20px; color:#333; font-size:22px;} .ApplyForm .FormTitle.First { margin-top:0;} .ApplyForm .FormTitle .Required { display:inline-block; padding-top:5px; font-size:14px; vertical-align:top;} .ApplyForm .FormTitle.Type1 { padding:0 0 10px; text-align:right;} .ApplyForm .FormTitle.Type1 .Required { font-weight:bold;} /* TextBox */ .TextBox { border:1px solid #f0f0f0; padding:30px 30px 20px; font-size:13px; color:#666;} .TextBox .Line { margin:0 0 10px; padding:0;} .TextBox .ListType.Type2 { margin:15px;} .TextBox.Type1 { margin:30px 0 0; padding:30px; background-color:#fff;} .TextBox.Type1 .BoxTitle { padding:0 0 40px; font-size:30px; font-weight:bold; text-align:center; color:#000;} .TextBox.Type1 .TextLine { line-height:1.6;} .TextBox.Type1 .TextLine strong { display:block; padding:10px 0 0; color:#000; font-weight:bold;} .TextBox.Type1 .TextLine strong.Type1 { font-size:16px;} .TextBox.Type1 .TextLine .InnerLinkWrap { margin-bottom:20px; border:1px solid #efefef;} .TextBox.Type1 .TextLine .InnerLinkWrap nav { border:1px solid #fdfdfd; background-color:#f7f7f7;padding:10px; overflow:hidden;} .TextBox.Type1 .TextLine .InnerLinkWrap nav li { padding:2px;} .TextBox.Type1 .TextLine .InnerLinkWrap nav li a { color:#333;} /* DimmLayer */ .DimmLayer { display:none; position:fixed; left:0; top:0; z-index:998; width:100%; height:100%; background-color:#000; opacity:0.7; filter:alpha(opacity=70);} /* LayerModule */ .LayerModule { display:none; overflow:hidden; position:fixed; left:50%; z-index:999; background-color:#fff;} .LayerModule .LayerHead { height:80px; background:#005696 url("/images/layer/bg_header.jpg") no-repeat right 46px;} .LayerModule .LayerHead .LayerTitle { padding:37px 0 0 29px; font-size:26px; color:#fff;} .LayerModule .LayerBody > .Inner { margin:30px;} .LayerModule .BottomBtn { padding:30px 0 0; text-align:center;} /* LayerModule : Zipcode */ .LayerModule.ZipCode { top:150px; width:500px; margin-left:-250px;} .LayerModule.ZipCode .SelectType { font-size:12px;} .LayerModule.ZipCode .SelectType .Line { padding:0 0 10px;} .LayerModule.ZipCode .SelectType .RightMargin { margin-right:20px;} .LayerModule.ZipCode .ZipcodeList { padding:30px 0 0;} .LayerModule.ZipCode .ZipcodeList .InnerScroll { height:200px; padding:10px 0; overflow-x:hidden; overflow-y:auto; border-bottom:1px solid #c6c6c6;} .LayerModule.ZipCode .ZipcodeList table { width:100%;} .LayerModule.ZipCode .ZipcodeList table caption { display:none;} .LayerModule.ZipCode .ZipcodeList table thead th { padding:10px; border-top:2px solid #444547; border-bottom:1px solid #919191; text-align:left; font-weight:bold;} .LayerModule.ZipCode .ZipcodeList table tbody td { padding:10px;} .LayerModule.ZipCode .ZipcodeList table tbody tr { cursor:pointer;} .LayerModule.ZipCode .ZipcodeList table tbody tr:hover td, .LayerModule.ZipCode .ZipcodeList table tbody tr.Selected td { background-color:#f4f4f4;} .LayerModule.ZipCode .ZipcodeList .Nodata { padding:30px 0; font-size:13px; color:#666; text-align:center;} /* LayerModule : Message */ .LayerModule.Message { top:150px; width:450px; margin-left:-200px;} .LayerModule.Message .Line { margin:0 0 30px;} .LayerModule.Message .Text { line-height:1.7; font-size:15px; color:#666; text-align:center;} .LayerModule.Message .Text strong { color:#333; font-weight:bold;} /* .LayerModule.Message .Text1 { padding-left:10px; font-size:13px; color:#666; text-align:left; line-height:1.7;} */ .LayerModule.Message .Text1 { font-size:13px; color:#666; text-align:left; line-height:1.7;} .LayerModule.Message .Form1 { text-align:center;} .LayerModule.Message .Form1 label { display:inline-block; width:50px; text-align:left;} .LayerModule.Message .Form1 .Line { margin-bottom:10px;} /* ProductView */ .ProductView { margin:30px 0 0; padding:15px; min-height:750px; background-color:#fff; /* background:#fff url("/images/ico/ico_loading.gif") no-repeat center 260px; */} .ProductView .ProductImage { position:relative; } .ProductView .SliderWrap { position:relative; height:0; padding:0 0 30% 0; z-index:1; margin-top:15px; overflow:hidden;} .ProductView .SliderWrap .innerFrame { width:100%; height:2500px;} .ProductView .SliderWrap .innerFrame .slider { width:100%; height:100%;} .ProductView .SliderWrap .innerFrame .slider .item { float:left; width:100%;} .ProductView .SliderWrap .innerFrame .slider .item img { width:100%; height:auto;} .ProductView .ProductTitle { padding:15px 0 0; font-size:20px; color:#272727; font-family:'Exo 2', 'sans-serif'; font-weight:bold;} .ProductView .ProductDesc { margin:15px 0 0; padding:0 0 30px; font-size:12px; color:#666; line-height:1.5;} .ProductView .ProductTable td { line-height:1.5;} .ProductView .ProductTable td img { max-width:100%;} /* CeoMessage */ .CeoMessage { margin:20px 0 0; background-color:#fff;} .CeoMessage .TopArea { position:relative; overflow:hidden;} .CeoMessage .TopArea .Bg, .CeoMessage .TopArea .Closer { display:none;} .CeoMessage .TopArea .Photo { position:relative;} .CeoMessage .TopArea .Photo > img { width:140%;} .CeoMessage .TopArea .Photo .Text { position:absolute; left:10px; top:50%; margin-top:10px; font-size:16px; color:#fff; font-weight:bold; line-height:1.4;} .CeoMessage .TopArea .Photo .Text span { display:inline-block; border-bottom:4px solid #fff; line-height:1;} .CeoMessage .TopArea .History { margin:15px 15px 0; border-bottom:1px solid #333;} .CeoMessage .TopArea .History .Top { overflow:hidden; padding:0 0 30px;} .CeoMessage .TopArea .History .Top > dl { float:left; width:50%;} .CeoMessage .TopArea .History .Top > dl dt, .CeoMessage .TopArea .History .Item .ItemTit { padding:0 0 10px; font-size:14px; color:#333; font-weight:bold;} .CeoMessage .TopArea .History .Item { padding:0 0 25px;} .CeoMessage .TopArea .History .Item li { position:relative; padding:0 0 5px;} .CeoMessage .TopArea .History .Item .Tit, .CeoMessage .TopArea .History .Item .Desc { line-height:1.3;} .CeoMessage .TopArea .History .Item .Tit { position:absolute; left:0; top:0;} .CeoMessage .TopArea .History .Item .Desc { margin-left:75px;} .CeoMessage .BottomArea { margin:30px 15px 0; padding:0 0 30px;} .CeoMessage .BottomArea .Text { padding:0 0 20px; line-height:1.5;} .CeoMessage .BottomArea .Sign { padding:10px 0 0; clear:both; text-align:right;} /* HistoryDiv */ .HistoryDiv .Tab.Type1 a { font-size:18px;} .HistoryDiv .Tab.Type1 a span.year { font-size:12px;} .HistoryDiv .SliderIndicator { margin:30px 0 -58px -30px; text-align:right;} html.lte8 .HistoryDiv .SliderIndicator { position:relative; margin:30px 0 0 0; left:-30px;} .HistoryDiv .SliderIndicator button { position:relative; width:58px; height:58px; margin-left:10px; border:1px solid #cfcfcf; text-indent:0;} .HistoryDiv .SliderIndicator button.active { border-color:#333;} .HistoryDiv .SliderIndicator button img { width:100%; height:100%;} .HistoryDiv .DescArea h2.Tit { background:none;border-bottom:2px solid #999; font-size:34px; font-weight:bold;} .HistoryDiv .DescArea h2.Tit span { display:block; font-size:20px; color:#666;} .HistoryDiv .DescArea .HistoryDesc { overflow:hidden;width:100%;} .HistoryDiv .DescArea .Desc { margin-top:30px; padding-bottom:30px; border-bottom:1px solid #999;} .HistoryDiv .DescArea ul.List { margin-top:30px;padding-bottom:30px;} .HistoryDiv .DescArea ul.List li { position:relative;} .HistoryDiv .DescArea ul.List p.Year { position:absolute; left:0; top:0; margin-right:25px; font-size:26px; font-family:'Exo 2', 'sans-serif'; font-weight:bold;} .HistoryDiv .DescArea ul.List li { margin-bottom:30px; } .HistoryDiv .DescArea ul.List ul { margin-left:75px; padding-top:5px; font-size:13px; color:#666;} .HistoryDiv .DescArea ul.List ul li { margin-bottom:10px;} /* CIDiv */ .CIDiv .Tab.Type1 a { font-size:22px;} .CIDiv .ImgArea { padding:30px; } .CIDiv .ImgArea img { width:100%;} .CIDiv h2.SubContentTitle { padding-bottom:0; font-size:28px; font-weight:bold;} .CIDiv h2.SubContentTitle.Eng { font-family:'Exo 2', 'sans-serif';} .CIDiv ul.BrandList { overflow:hidden; width:100%; padding:20px 0 30px 0; } .CIDiv ul.BrandList li { float:none; width:100%; margin-right:0; margin-bottom:20px; text-align:center;} .CIDiv ul.BrandList li.innoflex { background-color:#7d81be; } .CIDiv ul.BrandList li.innosem { background-color:#78a12e; } .CIDiv ul.BrandList li.innoled { background-color:#fdf356; } .CIDiv ul.BrandList li.smartflex { background-color:#cbd8ef; } .CIDiv ul.BrandList li.smartflex2 { background-color:WHITE; } .CIDiv ul.BrandList li img { width:35%; } .CIDiv .block { display:block; } .CIDiv .CIPc { display:block; } .CIDiv .CIMobile { display:none; } .CIDiv .CIList { margin:40px 0;} .CIDiv .CIList { overflow:hidden; } .CIDiv .CIList .IntroKeyVisual { float:left; position:relative; width:48.5%; margin-left:3%; margin-top:20px; } .CIDiv .CIList .IntroKeyVisual.First { margin-left:0; } .CIDiv .CIList .IntroKeyVisual .Desc { font-size:22px; color:#005696; height:55px; padding-left:30px; } .CIDiv .IntroKeyVisual.mt60 { margin-top:60px; } /* LifeCont */ .LifeCont { width:77%; margin:60px auto;} .LifeCont img { width:100%; margin-bottom:30px;} .LifeCont p { margin-bottom:30px;} .TextClose{ color:#999; font-size:22px; font-weight:bold; text-transform:uppercase; font-family: 'Exo 2', 'sans-serif'; padding-left:5px;} /* Carreers */ .Careers { margin-top:-20px; } .Careers.Second { margin-top:0; } .Careers .Title { color:#005696; font-size:35px; } .Careers .SubTitle { min-height:37px; font-size:26px; color:#0e0e0e; font-weight:bold; text-transform:uppercase; font-family: 'Exo 2', 'sans-serif'; margin:30px 0 15px 0; word-break:break-all;} .Careers .SubTitle .block{ display:block;} .Careers .Body { position:relative;} .Careers .Body .Left { overflow:hidden; position:absolute; left:0; top:0; width:48%; margin:0;} .Careers .Body .Left .Desc .block{ display:block;} .Careers .Body .Thumbnail { overflow:hidden; position:relative; margin-left:50%; padding:0;} .Careers .Body .Thumbnail img { position:relative; left:50%; margin-left:-186px;} /* recruit */ .ArticleWrap.Divide4.halfBox .Article { overflow: hidden; width: 49%; height: 474px; margin: 0 0 30px 0; } .ArticleWrap.Divide4.halfBox2 .Article { height: 510px; } .ArticleWrap.Divide4.halfBox .Article.odd { margin-right: 2%;} .ArticleWrap.Divide4.halfBox .Article.shortBox { height: 444px;} .ArticleWrap.Divide4.halfBox .Desc { height: auto;} .ArticleWrap .subDesc { margin: 25px 30px; font-weight: bold; color: #333;} .ArticleWrap .subDesc strong { border: 1px solid #666; display: inline-block; padding: 5px 10px; } .ArticleWrap .subDesc span { display: block; margin-top: 15px; } .ArticleWrap3 { overflow:hidden; padding:30px 0 0;} .ArticleWrap3.First { padding:30px 0 0;} .ArticleWrap3.Divide3 .Article { float:left; position:relative; width:32.6%; margin-left:1%;} .ArticleWrap3.Divide3 .Article.First { margin-left:0;} .ArticleWrap.Life3cell .Article { height:auto;} /* tabNavigation */ .tabNavigation { margin-top: 60px; } .tabNavigation ul { overflow: hidden; } .tabNavigation li { float: left; width: 25%; height: 56px; padding-bottom: 8px;} .tabNavigation a { display: block; height: 36px; padding-top: 20px; text-align: center; font-size: 16px; color: #999; border-bottom: 4px solid #ccc; border-left: 2px solid #efefef; background: #fff; } .tabNavigation li:first-child a { border-left: none;} .tabNavigation li.on { background: url(/images/recruit/ico_tabArrow.png) no-repeat 50% 100%; } .tabNavigation li.on a { border-bottom-color: #595959; color: #333; } .tabNavigation.tabs5 li { width: 20%; } .tabNavigation.tabs3 li { width:33.33%;} .tabNavigation.tabs3 li:first-child { width:33.34%;} .tabNavigation.tabs2 li { width: 50%; } .tabNavigation.tabs1 li { width:100%; } .tabNavigation button {width:49%; display:inline-block; height: 56px; line-height:56px; text-align: center; font-size: 16px; color: #ccc; border-bottom: 4px solid #ccc; border-left: 2px solid #efefef; background: #fff; cursor:pointer; margin-right:-5px; } .tabNavigation button.w3-red, .tabNavigation button.w3-hover-red:hover{color:#333; border-bottom-color: #595959; } /* ImageWrapper */ .ImageWrapper { margin:12px 0 0; display: table; background: #fff; width: 100%; padding:5% 0; } .ImageWrapper > div { display:none; text-align: center; vertical-align: middle; padding:0 15px;} .ImageWrapper > div img { max-width:100%;} .ImageWrapper .Width01 { display:table-cell;} .ImageWrapper.Type1 .Width01 > img { max-width:70%;} .ArticleWrap.Life3cell { } .LifeCont { width:77%; margin:60px auto;} .LifeCont img { width:100%; margin-bottom:30px;} .LifeCont p { margin-bottom:30px;} .TextClose{ color:#999; font-size:22px; font-weight:bold; text-transform:uppercase; font-family: 'Exo 2', 'sans-serif'; padding-left:5px;} /* Gallery */ .Gallery.Type1 { margin:30px 0 0; padding:30px 0 20px; background-color:#fff;} .Gallery.Type1 .OuterFrame { overflow:hidden; margin:0 30px; height:421px; overflow-x:auto;} .Gallery.Type1 .OuterFrame .InnerFrame { width:3890px;;} .Gallery.Type1 .OuterFrame .InnerFrame .Item { float:left; width:422px; height:380px; margin-right:10px;} .Gallery.Type1 .OuterFrame .InnerFrame .Item .Photo { overflow:hidden; position:relative; width:206px; height:124px; margin-bottom:10px; cursor:pointer;} .Gallery.Type1 .OuterFrame .InnerFrame .Item .Photo .Thumb { width:100%; height:100%;} .Gallery.Type1 .OuterFrame .InnerFrame .Item .Photo.Wide { width:422px; height:246px;} .Gallery.Type1 .OuterFrame .InnerFrame .Item .Photo.Left { float:left; text-align:left;} .Gallery.Type1 .OuterFrame .InnerFrame .Item .Photo.Right { float:right; text-align:right;} .Gallery.Type1 .OuterFrame .InnerFrame .Item .Photo .RollOver { position:absolute; right:10px; top:10px; width:24px; height:24px; overflow:hidden; background:url("/images/ico/ico_rollover.png") no-repeat left top;} .Gallery.Type1 .OuterFrame .InnerFrame .Item .Photo .RollOver:hover { background-position:left -24px;} .Gallery.Type1 .OuterFrame .InnerFrame .Item .Dimm { position:absolute; left:0; top:0; width:100%; height:100%; z-index:4; background-color:#000; opacity:0; filter:alpha(opacity=0); transition:all 0.3s;} .Gallery.Type1 .OuterFrame .InnerFrame .Item .Zoom { position:absolute; left:50%; top:120%; margin-top:-18px; margin-left:-18px; z-index:5; width:auto; height:auto; transition:all 0.3s;} .Gallery.Type1 .OuterFrame .InnerFrame .Item .Photo:hover .Dimm { opacity:0.6; filter:alpha(opacity=60);} .Gallery.Type1 .OuterFrame .InnerFrame .Item .Photo:hover .Zoom { top:50%;} .Gallery.Type1.Timeline { padding:50px 0 30px;} .Gallery.Type1.Timeline .OuterFrame { height:300px;} .Gallery.Type1.Timeline .ImageWrapper { width:1900px;} .nicescroll-rails { background-color:#c3c3c3; height:10px !important;} .nicescroll-rails > div { margin-top:-2px; background:#3e4146 url("/images/ico/ico_bg_scroll.png") no-repeat center center !important; cursor:pointer;} .OverLayer { display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999;} .OverLayer .Dimm { position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-color:#000; opacity:0.8; filter:alpha(opacity=80);} .OverLayer .Photo { position:absolute; left:15px; right:15px; top:50%; margin-top:-32.5%; height:100%; z-index:15; text-align:center;} .OverLayer .Photo img { vertical-align:middle; width:100%; max-width:1280px;} .OverLayer .Btn { position:absolute; top:50%; margin-top:-30px; z-index:20;} .OverLayer .Btn.Left { left:15px;} .OverLayer .Btn.Right { right:15px;} .OverLayer .Closer { position:absolute; right:15px; z-index:20; top:50%; margin-top:-50%;} .OverLayer .SliderWrap { position:relative; height:0; margin:0 auto; padding:0 0 70% 0; vertical-align:middle;} .OverLayer .SliderWrap .innerFrame { width:100%; height:2500px;} .OverLayer .SliderWrap .innerFrame .slider { width:100%; height:100%;} .OverLayer .SliderWrap .innerFrame .slider .item { float:left; width:100%;} .OverLayer .SliderWrap .innerFrame .slider .item img { width:100%; height:auto;} /* ImageBox */ .ImageBox.Type1 { padding:15px; background-color:#fff;} .ImageBox.Type1 > img { width:100%;} .ImageBox.Type1 > .Desktop, .ImageBox.Type1 > .DesktopWide { display:none;} .ImageBox.Type1 > .Mobile { display:block;} /* AllInfo */ .AllInfo { position:relative; padding:30px 0 0;} .AllInfo .KeyText { position:relative; font-family: 'Exo 2', 'sans-serif'; color:#333; font-weight:bold;} .AllInfo .KeyText > .Bg { width:100%;} .AllInfo .KeyText .Brand { position:absolute; top:17%; left:50%; z-index:5; width:124px; margin-left:-58px; text-align:center;} .AllInfo .KeyText .Brand img { width:50%;} .AllInfo .KeyText .Slogan { position:absolute; top:32%; left:0; z-index:5; width:100%; text-align:center; font-size:24px; line-height:1.1;} .AllInfo .KeyText .Since { position:absolute; top:69%; left:0; z-index:5; width:100%; text-align:center; font-size:14px;} .AllInfo .InnerSubTitle { padding:30px 0 0; font-size:24px; color:#333; font-weight:bold; text-align:center;} .AllInfo .InnerSubTitle.Top { padding-top:5px;} .AllInfo .InnerSubTitle.Line { padding-top:0; margin-top:30px; line-height:1.6; background:url("/images/ico/ico_innox_line.png") no-repeat center center;} .AllInfo .InnerSubTitle.Line span { display:inline-block; background-color:#efefef;} .AllInfo .KeyText2 { padding:15px 0 0; color:#333; text-align:center;} .AllInfo .KeyText2 .Text01 { padding:0 0 8px; font-size:22px; font-weight:bold;} .AllInfo .KeyText2 .Text02 { font-size:14px; line-height:1.2;} .AllInfo .Speciality { margin:30px 0 0; overflow:hidden;} .AllInfo .Speciality .Item { position:relative; margin:15px 0 0;} .AllInfo .Speciality .Item .Bg { position:relative;} .AllInfo .Speciality .Item .Bg img { position:relative; width:200%; margin-left:-80%; text-align:right;} .AllInfo .Speciality .Item .InnerBox { position:absolute; left:0; top:5%; width:100%; color:#fff;} .AllInfo .Speciality .Item2 .InnerBox, .AllInfo .Speciality .Item4 .InnerBox { left:auto; right:0; } .AllInfo .Speciality .Item2 .Bg img { margin-left:-55%;} .AllInfo .Speciality .Item3 .Bg img { margin-left:-100%;} .AllInfo .Speciality .Item .InnerBox .InnerDimm { position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-color:#fff; opacity:0.8; filter: alpha(opacity = 80);} .AllInfo .Speciality .Item .InnerBox .Title, .AllInfo .Speciality .Item .InnerBox .Desc { position:relative; z-index:1; margin:0 15px; color:#000;} .AllInfo .Speciality .Item1 .InnerBox br { display:none;} .AllInfo .Speciality .Item .InnerBox .Title { padding:15px 0 10px; font-size:14px; font-weight:bold; line-height:1.2;} .AllInfo .Speciality .Item .InnerBox .Desc { padding:0 0 10px; line-height:1.2;} .AllInfo .Speciality .Item .ToBottom { position:absolute; left:50%; bottom:10px; margin-left:-10px; z-index:3;} .AllInfo .Speciality .Item .ToBottom img { width:50%;} .AllInfo .Summary { margin:30px 0 0; background:url("/images/content/img_allinfo_info_bg.jpg") no-repeat center center; background-size:auto 100%; color:#fff;} .AllInfo .Summary .Row { margin:0 15px; padding:30px 0 0;} .AllInfo .Summary .Row:after { content:""; display:block; clear:both;} .AllInfo .Summary .Row .Item { float:left; position:relative; width:50%;} .AllInfo .Summary .Row .Item > .Title { overflow:hidden; margin:0 40px 15px 0; padding:0 0 15px; border-bottom:2px solid #fff;} .AllInfo .Summary .Row .Item > .Title .SmallFont { float:right; font-size:12px; padding-top:5px;} .AllInfo .Summary .Row .Item > .Text { } .AllInfo .Summary .Row .Item > .Text > span { display:inline-block; vertical-align:top;} .AllInfo .Summary .Row .Item > .Text > .Value { font-size:24px; font-weight:bold;} .AllInfo .Summary .Row .Item > .Text > .Unit { margin-left:5px; padding-top:8px;} .AllInfo .Summary .Row .Item > .Text > .Unit.Big { font-size:14px;} .AllInfo .Summary .Row .Item > .SubText { padding-top:5px;} .AllInfo .Summary .Diagram { overflow:hidden; padding:15px 0 0;} .AllInfo .Summary .Diagram .Item2 { display:inline-block; margin-right:10px; text-align:center;} .AllInfo .Summary .Diagram .Item2 > img { max-width:100%;} .AllInfo .Summary .Diagram .Item2 .Text { padding:5px 0 0; text-align:center;} .AllInfo .Summary .CircleGraph { position:relative; min-height:80px;} .AllInfo .Summary .CircleGraph .GraphImg { width:55%;} .AllInfo .Summary .CircleGraph .Line { position:absolute; left:46%; top:84%; width:20%; text-align:center;} .AllInfo .Summary .CircleGraph .Text { position:absolute; left:70%; top:86%; width:35%; font-size:12px;} .AllInfo .Summary .CircleGraph .Text > span { display:block;} .AllInfo .Summary .CircleGraph .Text > .Value { padding:5px 0 0; font-size:20px; font-weight:bold;} .AllInfo .Summary .InnerList li { padding:0 0 10px; font-size:20px; font-weight:bold; } .AllInfo .Summary .Graph { position:relative; margin:15px 30px; padding:0 0 40px; text-align:center;} .AllInfo .Summary .Graph img { max-width:100%;} .AllInfo .Summary .Graph .Fake { position:relative; visibility:hidden;} .AllInfo .Summary .Graph .Real { position:absolute; left:0; right:0; bottom:40px; width:100%; height:0; transition:1s all;} html.ie7 .AllInfo .Summary .Graph .Real , html.ie8 .AllInfo .Summary .Graph .Real { height:100%;} .AllInfo .Summary .Graph .Real.Move { height:100%;} .AllInfo .Summary .Graph .Text { position:absolute; right:0; bottom:0;} .AllInfo .AsanWorkspace { margin:30px 0 0; padding:30px 15px 30px; background:url("/images/content/img_allinfo_workspace_bg.jpg") no-repeat center top; background-size:auto 100%;} .AllInfo .AsanWorkspace .SliderWrap { position:relative; width:100%; height:0; padding:0 0 100% 0; z-index:1;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame { margin:0 auto; width:100%; height:2500px;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider { width:100%; height:100%;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item { float:left; width:100%; background-color:#fff;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap { margin:15px;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap .ItemTitle { font-size:24px; color:#1e1e1e; font-weight:bold;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap .Desc { padding:10px 0 0; line-height:1.4;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item img { width:100%; height:auto;} .AllInfo .AsanWorkspace .SliderIndicator { position:relative; width:100%; height:15px; padding:20px 0 11px; z-index:10; text-align:center;} .AllInfo .AsanWorkspace .SliderIndicator button { display:inline-block; width:13px; height:13px; margin:0 2px; background:url("/images/index/rollingbtn_off.png") no-repeat left top; text-indent:-50px;} .AllInfo .AsanWorkspace .SliderIndicator button.active { background-image:url("/images/index/rollingbtn_on.png");} .AllInfo .WorkFlow { margin:30px 0 0;} .AllInfo .WorkFlow > .List { overflow:hidden;} .AllInfo .WorkFlow > .List .Item { position:relative; height:0; padding:0 0 30%; overflow:hidden;} .AllInfo .WorkFlow > .List .Item .Dimm { position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; background-color:#000; filter:alpha(opacity=50); opacity:0.5;} .AllInfo .WorkFlow > .List .Item .Image { position:absolute; left:0; top:0; width:100%; height:100%;} .AllInfo .WorkFlow > .List .Item .Image img { width:100%;} .AllInfo .WorkFlow > .List .Item .ItemTitle { position:absolute; left:50%; top:50%; z-index:5; width:240px; margin-top:-20px; margin-left:-140px;} .AllInfo .WorkFlow > .List .Item .ItemTitle .Step, .AllInfo .WorkFlow > .List .Item .ItemTitle .Text { display:inline-block; vertical-align:top; color:#fff;} .AllInfo .WorkFlow > .List .Item .ItemTitle .Step { padding:7px 0 0; font-family: 'Exo 2', 'sans-serif'; font-size:18px; width:75px;} .AllInfo .WorkFlow > .List .Item .ItemTitle .Text { font-size:40px;} .AllInfo .WorkFlow > .List .Item .Desc { display:none;} .AllInfo .WorkFlow > .List .Item.Active { padding:0 0 60%; min-height:70px;} .AllInfo .WorkFlow > .List .Item.Active .Dimm { display:none;} .AllInfo .WorkFlow > .List .Item.Active .Image img { height:100%;} .AllInfo .WorkFlow > .List .Item.Active .ItemTitle { left:0; top:0; width:100%; margin:0; padding:15px;} .AllInfo .WorkFlow > .List .Item.Active .ItemTitle .Step, .AllInfo .WorkFlow > .List .Item.Active .ItemTitle .Text { display:block; text-align:left; color:#000;} .AllInfo .WorkFlow > .List .Item.Active .ItemTitle .Text { padding:20px 0 20px; font-size:60px; background:url("/images/ico/ico_line01.png") no-repeat left bottom;} .AllInfo .WorkFlow > .List .Item.Active .Desc { display:block; position:absolute; left:15px; top:160px; font-size:18px; color:#000; width:70%; line-height:1.4;} .AllInfo .WorkFlow > .ImageLayer { display:none;} /* Sitemap */ .Sitemap { padding:30px 0 0;} .Sitemap .Category { margin:15px 0 0; background-color:#fff;} .Sitemap .Category:first-child { margin-top:0;} .Sitemap .Category .Image { margin:0 15px; padding:15px 0 0;} .Sitemap .Category .Image img { width:100%;} .Sitemap .Category .CategoryTitle { margin:0 15px; padding:20px 0; background:url("/images/ico/ico_bar01.png") no-repeat left bottom; line-height:1.4; color:#005696; font-size:16px; font-weight:bold;} .Sitemap .Category .List { margin:0 15px; padding:20px 0 15px;} .Sitemap .Category .List li { padding:0 0 10px;} .Sitemap .Category .List li > a { font-size:14px; color:#333;} .Sitemap .Category .List li > ul { padding:15px 0 0 15px;} .Sitemap .Category .List li > ul > li > a { font-size:12px; color:#666;} .Article.Type1.faqType .DescSect01{ display:none; position:relative; width:100%; height:auto; margin:20px 0 80px 0; } .Article.Type1.faqType .DescSect01 .item{ font-size:13px; color:#666; line-height:1.5em; } .QnaBar{ background:#fff; width:100%; height:auto; overflow:hidden; margin-top:20px; } .QnaBar .imgQna{ float:left; } .QnaBar .etc{ float:left; } .QnaBar .etc span{ display:block; font-size:20px; color:#333; margin:20px; } .QnaBar .etc a { margin-left:20px; } /* nanoScroller */ .nano { position:relative; width:100%; height:100%; overflow:hidden;} .nano > .nano-content { position:absolute; overflow:scroll; overflow-x:hidden; top:0; right:0; bottom:0; left:0;} .nano > .nano-content:focus { outline: thin dotted;} .nano > .nano-content::-webkit-scrollbar { visibility: hidden;} .has-scrollbar > .nano-content::-webkit-scrollbar { visibility:visible;} .nano > .nano-pane { background : rgba(0,0,0,.25); position:absolute; width:10px; right:0; top:0; bottom:0; visibility:hidden\9; /* Target only IE7 and IE8 with this hack */ opacity:.01; -webkit-transition:.2s; -moz-transition:.2s; -o-transition:.2s; transition:.2s; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .nano > .nano-pane > .nano-slider { background:#444; background:rgba(0,0,0,.5); position:relative; margin:0 1px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed { visibility:visible\9; /* Target only IE7 and IE8 with this hack */ opacity:0.99;} #DaumMap { height:460px; border:1px solid #ddd;} .CIArea .ImgArea .DownBtn { padding:15px 0 0; text-align:right;} /* * Min 480px * */ @media all and (min-width: 480px) { /* AllInfo */ .AllInfo .InnerSubTitle { padding:60px 0 0; font-size:30px;} .AllInfo .KeyText .Brand img { width:50%;} .AllInfo .KeyText .Slogan { top:30%; font-size:34px;} .AllInfo .KeyText .Since { top:64%; font-size:18px;} .AllInfo .Speciality .Item .InnerBox { top:10%; width:70%;} .AllInfo .Speciality .Item .InnerBox .Title { padding:15px 10px 10px; font-size:24px;} .AllInfo .Speciality .Item .InnerBox .Title br { content:""; display:block;} .AllInfo .Speciality .Item .InnerBox .Desc { padding:0 10px 15px; line-height:1.6;} .AllInfo .Speciality .Item .ToBottom img { width:auto;} .AllInfo .Speciality .Item2 .Bg img { margin-left:-52%;} .AllInfo .Speciality .Item3 .Bg img { margin-left:-100%;} .AllInfo .AsanWorkspace .SliderWrap { padding:0 0 75% 0;} } /* * Min 640px * */ @media all and (min-width: 640px) { /* AllInfo */ .AllInfo .InnerSubTitle { padding:60px 0 0; font-size:30px;} .AllInfo .KeyText .Brand { top:17%;} .AllInfo .KeyText .Brand img { width:60%;} .AllInfo .KeyText .Slogan { top:28%; font-size:44px;} .AllInfo .KeyText .Since { top:65%; font-size:18px;} .AllInfo .Speciality .Item .Bg img { width:150%; margin-left:-35%;} .AllInfo .Speciality .Item .InnerBox { top:10%; width:60%;} .AllInfo .Speciality .Item .InnerBox .Title { padding:15px 10px 10px; font-size:28px;} .AllInfo .Speciality .Item1 .InnerBox .Title br { content:""; display:block;} .AllInfo .Speciality .Item .ToBottom img { width:auto;} .AllInfo .Speciality .Item2 .Bg img { margin-left:-28%;} .AllInfo .Speciality .Item3 .Bg img { margin-left:-45%;} .AllInfo .Summary .Row .Item > .Title { font-size:16px;} .AllInfo .Summary .Row .Item > .Text > .Value { font-size:60px;} .AllInfo .Summary .Row .Item > .Text > .Unit { font-size:22px; padding-top:21px;} .AllInfo .Summary .Row .Item > .Text > .Unit.Big { font-size:26px; padding-top:19px;} .AllInfo .Summary .Row .Item > .SubText { font-size:20px;} .AllInfo .Summary .CircleGraph .Text > .Value { font-size:36px;} .AllInfo .AsanWorkspace .SliderWrap { padding:0 0 70% 0;} /* Sitemap */ .Sitemap { overflow:hidden; padding:30px 0 0;} .Sitemap .Category { margin-top:15px !important; height:0; padding-bottom:65%; vertical-align:top;} .Sitemap .Category1, .Sitemap .Category3, .Sitemap .Category5, .Sitemap .Category7 { float:left; width:49%; margin-right:1%;} .Sitemap .Category2, .Sitemap .Category4, .Sitemap .Category6 { float:right; width:49%; margin-left:1%;} .Sitemap .Category5, .Sitemap .Category6 { padding-bottom:90%;} .Sitemap .Category .Image { margin:0 30px; padding:30px 0 0;} .Sitemap .Category .CategoryTitle { margin:0 30px;} .Sitemap .Category .List { margin:0 30px;} } /* * Only Mobile * */ @media all and (max-width: 867px) { .Article.Type3 .Image { } .Article.Type3 .Image img { max-width:40%;} .ArticleWrap .subDesc { margin: 25px 15px; } .Article.Type1.recruitType .Thumbnail { display: none;} .LifeCont { width:100%; margin:60px auto;} /* InnerRule */ .InnerRule.Type2{margin-bottom:30px;} /* recruit */ .tabNavigation li { width: 33.333%;} .tabNavigation li.on { background: none;} .tabNavigation a { font-size: 14px; } .tabNavigation.tabs5 li { width: 33.333%;} .Article.Type1 .TriggerFold01{ left:15px; } .QnaBar .imgQna{ width:20%; } .QnaBar .etc{ width:80%; } .QnaBar .etc span{ display:block; font-size:20px; color:#333; margin:20px 10px 10px 20px; } .QnaBar .etc button{ width:15%; } .QnaBar .etc button img{ width:100%; } .MemberInfo.Type2 .Line.First { margin-bottom:15px;} } @media all and (max-width: 600px) { .QnaBar .imgQna{ width:25%; } .QnaBar .etc{ width:75%; } .QnaBar .etc button{ width:20%; } } @media all and (max-width: 480px) { .QnaBar .imgQna{ width:30%; } .QnaBar .etc{ width:70%; } .QnaBar .etc span{ font-size:16px; } } /* * Not Mobile * */ @media all and (min-width: 768px) { /* HiddenMobile */ .HiddenMobile > * { display:block;} .HiddenMobile > .Warning { display:none;} .HiddenMobile.Type1 > * { display:none;} .HiddenMobile.Type1 > .Warning { display:block;} /* Button */ .Button.Type1 { font-size:18px;} /* ContentTitle */ .ContentSection .ContentTitle, .ContentSection .SubContentTitle { } .ContentSection .SubContentTitle { font-size:26px; padding:60px 0 15px 0;} /* InnerRule */ .InnerRule .LeftArea { display:block; float:left; position:relative; width:50%; height:300px; overflow:hidden;} .InnerRule .LeftArea img { position:relative; left:50%; margin-left:-318px;} .InnerRule .RightArea { float:left; width:50%; height:300px; padding:0;} .InnerRule .RightArea .Text { padding:50px 40px 20px;} .InnerRule .RightArea .Btn { padding:0 0 0 40px;} /* PRCenter */ .PRCenter { position:relative; overflow:hidden;} .PRCenter .TitArea { padding:45px 0;} .PRCenter .TitArea .Title { font-size:50px;} .PRCenter .TitArea .Desc { padding:20px 0 0; font-size:16px;} .PRCenter .MovieArea { display:none;} .PRCenter .ThumbnailList { overflow:hidden; height:720px;} .PRCenter .ThumbnailList > li { float:left; position:relative; height:720px; background-color:#eee;} .PRCenter .ThumbnailList .Bg { width:100%; height:100%;} .PRCenter .ThumbnailList .Bg img { width:1280px; top:0; margin-top:0; left:50%; margin-left:-640px;} .PRCenter .ThumbnailList .Button { height:100%; top:290px; line-height:1;} .PRCenter .ThumbnailList .Button a img { width:auto; height:auto; margin:0;} .PRCenter .ThumbnailList .Button a .Text { display:block; padding:20px 0 0; font-size:24px;} .PRCenter .ThumbnailList .Button .Desc { padding:15px 0 0; line-height:1.6; font-size:14px; color:#fff;} .PRCenter > .VideoContainer { overflow:hidden; position:absolute; left:0; top:195px; z-index:10; width:100%; height:725px; padding-bottom:0; background-color:#000;} .PRCenter > .VideoContainer iframe { position:relative; left:auto; top:auto;} .PRCenter > .VideoContainer > .Closer { position:absolute; right:10px; top:10px;} /* Brochure */ .Brochure { overflow:hidden;} .Brochure .InnerArea { overflow:hidden; padding:15px 0;} .Brochure .Item { width:25%;} .Brochure .Line { overflow:visible;} .Brochure .Line1 { padding:0;} .Brochure .Item .Title { font-size:20px;} /* InnoxStory */ .InnoxStory { overflow:hidden;} .InnoxStory .Sect { } .InnoxStory .Sect .HeadSect, .InnoxStory .Sect .Article.Type2 { float:left; width:33.83333%; height:360px; padding:0; margin:0 0 0 0.2%;} .InnoxStory .Sect .HeadSect { width:31.9333%; margin-left:0;} .InnoxStory .Sect .HeadSect .Tit { margin-top:40px; font-size:22px;} .InnoxStory .Sect .Article.Type2 .Thumbnail, .InnoxStory .Sect .Article.Type2 .ArticleTit, .InnoxStory .Sect .Article.Type2 .Desc { margin-left:20px; margin-right:20px; margin-top:25px;} .InnoxStory .Sect .Article.Type2 .Date { padding-left:20px; padding-right:20px; padding-top:25px;} .InnoxStory .Sect .Article.Type2 .Thumbnail { height:147px; margin-top:20px;} .InnoxStory .Sect .Article.Type2 .ArticleTit > span { font-size:18px;} .InnoxStory .Sect .Article.Type2 .Thumbnail img { max-width:100%; width:auto; height:100%;} /* IntroKeyVisual */ .IntroKeyVisual .KeyText { font-size:50px;} .IntroKeyVisual .DescArea .Tit, .IntroKeyVisual .DescArea .Tit > span { font-size:24px;} .IntroKeyVisual .DescArea .Desc { font-size:13px;} .IntroKeyVisual .DescArea .Desc .Block { display:block; padding:2px 0 0;} .IntroKeyVisual .DescImage { margin:0 30px;} .IntroKeyVisual .InnerTitle { margin:60px 30px 0;} .IntroKeyVisual .InnerTitle.First { margin-top:20px;} .IntroKeyVisual .InnerList { margin:10px 30px 0;} .IntroKeyVisual.Article { padding-bottom:30px;} .IntroKeyVisual .OneImage2 .Width01 { display:none;} .IntroKeyVisual .OneImage2 .Width02 { display:block;}*/ /* ArticleWrap */ .ArticleWrap { overflow:hidden;} .ArticleWrap.Divide3 .Article { float:left; position:relative; width:32.6%; margin-left:1%; padding-bottom:26px; } .ArticleWrap.Divide4 .Article { float:left; position:relative; width:24.25%; margin-left:1%; height:350px;} .ArticleWrap.Bottom .Article { height:410px;} .ArticleWrap.Divide3 .Article .ArticleTitle, .ArticleWrap.Divide3 .Article .Desc { position:relative; z-index:2;} .ArticleWrap.Divide3 .Article .Image { position:absolute; right:0; bottom:0; z-index:1; width:100%; overflow:hidden;} .ArticleWrap.Divide3 .Article.First { margin-left:0; width:32.7%;} .ArticleWrap.Divide4 .Article.First { margin-left:0;} .ArticleWrap.StudyIntro .Article { height:250px;} .ArticleWrap2 { overflow:hidden;} .ArticleWrap2.First { padding:30px 0 0;} .ArticleWrap2.Divide3 .Article { float:left; position:relative; width:32.6%; margin-left:1%;} .ArticleWrap2.Divide4 .Article { float:left; position:relative; width:24.25%; margin-left:1%;} .ArticleWrap2.Divide3 .Article.First { margin-left:0; width:32.7%;} .ArticleWrap2.Divide4 .Article.First { margin-left:0;} .ArticleWrap2 .IntroKeyVisual .DescArea.Top { padding-top:0 !important;} /* Article */ .Article.Type1 { padding:0 30px; min-height:250px; } .Article.Type1 .ListSect { margin-right:00px; padding:20px 0 0; margin-right:400px; } .Article.Type1 .ListSect .Thumbnail { display:block; overflow:hidden; position:absolute; right:0; top:0; width:400px; height:250px; margin:0; } .Article.Type1 .ListSect .Thumbnail img { width:100%; height:100%;} .Article.Type1 .ListSect.NoThumbnail { width:auto;} .Article.Type1 .ListSect .Summary { height:64px;} .Article.Type1 .DescSect { width:980px; height:800px;} .Article.Type1 .DescSect .InnerWrap { position:relative; padding:50px 0 40px; } .Article.Type1.IndustryNews { min-height:0;} .Article.Type1.IndustryNews .ListSect { margin-right:0;} .Article.Type3 .ArticleTit { font-size:22px;} .Article.Type3 .Desc { font-size:13px; overflow:visible;} .Article.Type3 .Block { display:block; padding:1px 0 0;} .Article.Type3 .ArticleTit .Block { padding-top:5px;} .Article.Type3 .SmallText { font-size:14px;} .Article.Type3.Height1 { height:400px;} .Article.Type4 { overflow:hidden;} .Article.Type4 .Item { float:left; width:32%; padding:0; margin:0 0 0 2%;} .Article.Type4 > div:first-child { margin-left:0;} .Article.Type4 .Item .HeadSect { margin:0;} .Article.Type5 .Image { padding:30px 30px 0 30px;} .Article.Type5 .Title { left:30px; bottom:50px; font-size:30px; } .Article.Type5 .Desc { left:30px; bottom:30px; font-size:13px;} #Highlights .Article { height:350px;} .Article.Type6 .Title { margin:0 30px;} /* MemberInfo */ .MemberInfo.Type2 { overflow:hidden;} .MemberInfo.Type2 > .Line { overflow:hidden;} .MemberInfo.Type2 > .Line.First { padding-bottom:15px;} .MemberInfo.Type2 > .Line .Card { height:190px;} /* .MemberInfo.Type2 > .Line.First .Card { height:210px;} */ .MemberInfo.Type2 .Card { float:left; position:relative; width:32.6%; margin-left:1%; margin-top:0;} .MemberInfo.Type2 .Card.First { margin-left:0;} /* Tab */ .Tab.Type1 { margin:50px 0 0;} .Tab.Type1 a { padding:12px 20px; font-size:16px;} /* GraphType */ .GraphType.Type1 { overflow:hidden;} .GraphType.Type1 .Item { float:left; width:50%; margin-top:0;} .GraphType.Type1 .Item .Outer { margin:25px 0 0 20px;} .GraphType.Type1 .Item .Inner { padding:30px;} .GraphType.Type1 .Item.First .Outer { margin-left:0; margin-right:20px;} .GraphType.Type1 .Item .Head .Left .Title { font-size:22px;} .GraphType.Type1 .Item .Head .Right .Value { font-size:50px; margin-top:-6px;} .GraphType.Type1 .Item .Head .Right .Up, .GraphType.Type1 .Item .Head .Right .Down { font-size:18px; padding-bottom:7px;} .GraphType.Type1 .Item .GraphBody .Graph { font-size:10px;} .GraphType.Type1.Careers .Item { float:none; width:auto;} .GraphType.Type1.Careers .Item .Outer { margin-left:0; margin-right:0;} .GraphType.Type1.Careers .Body { overflow:hidden; min-height:290px;} .GraphType.Type1.Careers .Thumbnail { position:absolute; right:0; top:0; width:366px;} .GraphType.Type1.Careers .Left { position:relative; left:auto; top:auto; width:auto; margin-right:390px;} .GraphType.Type1 .Item .GraphBody .OneImage { height:315px; line-height:315px;} /* ProductView */ .ProductView { } .ProductView .ProductTitle { font-size:56px;} .ProductView .ProductDesc { padding:0 0 60px;} .ProductView .TableType td > img { margin:15px 0;} /* CeoMessage */ .CeoMessage .TopArea .Photo .Text { left:40px; margin-top:50px; font-size:48px;} /* HistoryDiv */ .HistoryDiv .Tab.Type1 a { font-size:22px;} .HistoryDiv .DescArea { overflow:hidden;} .HistoryDiv .DescArea h1.Tit { font-size:42px;} .HistoryDiv .DescArea .Desc { float:left; width:40%; margin-top:30px; border:0;} .HistoryDiv .DescArea ul.List { float:right; width:55%; margin-top:30px;} /* CIDiv */ .CIDiv ul.BrandList { overflow:hidden; width:100%; padding:20px 0 30px 0; } .CIDiv ul.BrandList li { float:left; width:21.25%; margin-right:5%;} .CIDiv ul.BrandList li.smartflex { margin-right:0; text-align:right; } .CIDiv ul.BrandList li.smartflex2 { margin-right:0; text-align:right; } .CIDiv ul.BrandList li img { width:100%; } /* recruit */ .Benefits .Article.Type1 .ListSect .Thumbnail { left: 0; } .Benefits .Article.Type1 .ListSect { margin-left: 400px; margin-right: 0; } /* AllInfo */ .AllInfo .InnerSubTitle { padding:60px 0 0; font-size:48px; line-height:1.3;} .AllInfo .InnerSubTitle.Line { padding-top:0; margin-top:60px; font-size:58px;} .AllInfo .KeyText .Brand { top:20%;} .AllInfo .KeyText .Brand img { width:auto;} .AllInfo .KeyText .Slogan { top:30%; font-size:48px;} .AllInfo .KeyText .Since { top:64%; font-size:18px;} .AllInfo .Speciality .Item1 .InnerBox .Desc br { display:block; content:"";} .AllInfo .Summary { padding:20px 0 0;} .AllInfo .Summary .Row { margin:15px 50px;} .AllInfo .Summary .Row .Item > .Title { margin-right:50px;} .AllInfo .Summary .CircleGraph { margin-left:30px;} .AllInfo .Summary .CircleGraph .GraphImg { width:auto;} .AllInfo .Summary .CircleGraph .Line { width:auto; left:155px; top:150px;} .AllInfo .Summary .CircleGraph .Text { left:240px; top:142px;} .AllInfo .Summary .CircleGraph .Text .Tit { font-size:14px;} .AllInfo .Summary .CircleGraph .Text .Value { font-size:36px;} .AllInfo .Summary .InnerList li { font-size:40px;} .AllInfo .AsanWorkspace { padding:60px 30px 70px;} .AllInfo .AsanWorkspace .SliderWrap { padding:0 0 90%;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap { margin:60px 30px 40px;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap .ItemTitle { font-size:50px;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap .Desc { padding:20px 0 0; font-size:21px; line-height:1.6;} .CIArea .ImgArea .DownBtn { margin-bottom:-70px;} .TextBox.Type1 .TextLine .InnerLinkWrap nav { padding:20px;} .TextBox.Type1 .TextLine .InnerLinkWrap nav ol { float:left; width:49%;} .TextBox.Type1 .TextLine .InnerLinkWrap nav ol.Left { border-right:1px solid #ccc;} .TextBox.Type1 .TextLine .InnerLinkWrap nav ol.Right li { margin-left:20px;} .InnoxLife { padding-top:10px;} .InnoxLife .ArticleWrap.Divide3 { position:relative;} .InnoxLife .ArticleWrap.Divide3 .Article.Type1 { position:absolute; left:0; top:330px; float:none; width:100%; margin:0; padding-bottom:20px;} .InnoxLife .ArticleWrap.Divide3 .Article.Type1 .IcoTop {} .InnoxLife .ArticleWrap.Divide3 .Article.Type1 .ListSect { margin-right:0; text-align:left;} .InnoxLife .ArticleWrap.Divide3 .Article.Type1 .DescSect { height:auto; width:auto;} .InnoxLife .ArticleWrap.Divide3 .Article.Type1.SubDesc1 .IcoTop { left:160px;} .InnoxLife .ArticleWrap.Divide3 .Article.Type1.SubDesc2 .IcoTop { left:50%; margin-left:-5px;} .InnoxLife .ArticleWrap.Divide3 .Article.Type1.SubDesc3 .IcoTop { left:auto; right:173px;} .InnoxLife .ArticleWrap.Divide3 .Article.Type1 .TriggerFold { position:relative; left:15px; bottom:auto; padding:20px 0 0;} .HistorySlider { margin-top:60px;} /* StockInfo */ .StockInfo { padding:30px 0; } .StockInfo .Inner { position:relative;} .StockInfo .StockGraph { overflow:hidden; margin-right:512px; height:490px; border:1px solid #d2d2d2;} .StockInfo .StockData { position:absolute; left:auto; right:0; top:0; width:482px; height:439px;} .StockInfo .StockData .DataTop { height:77px;} .StockInfo .StockData .DataTop .DataNumber { display:inline-block; height:77px; padding:0 20px 0 10px; line-height:77px; font-size:50px; color:#000; font-family:'Exo 2','Nanum-bold', 'sans-serif';} .StockInfo .StockData .DataTop .Meta { display:inline-block; height:77px; vertical-align:top; } .StockInfo .StockData .DataTop .Meta > p { font-size:13px;} .StockInfo .StockData .DataTop .Meta .Line { padding:12px 0 12px;} .StockInfo .StockData .DataTop .Meta .Tit { display:inline-block; width:55px; color:#666;} .StockInfo .StockData .DataTop .Meta .Desc { color:#ff6e14; font-family:'Exo 2', 'sans-serif';} .StockInfo .StockData .DataTop .Meta .Desc .Ico { display:inline-block; width:12px; font-weight:bold; text-align:center;} .StockInfo .StockData .DataTitle { display:block; width:100%; height:38px; margin-top:51px; font-size:20px; color:#005696; font-family: 'Nanum-bold'; text-align:left; } } /* * Only Tablet * */ @media all and (min-width: 768px) and (max-width: 959px) { /* MemberInfo */ .MemberInfo.Type1 .InfoSec { margin:15px 30px 10px 30px;} .MemberInfo.Type1 .InfoSec .Thumbnail { position:absolute; left:0; top:0;} .MemberInfo.Type1 .InfoSec .Info { padding-top:20px; margin-left:230px;} .MemberInfo.Type1 .InfoSec .Info .Title { padding-bottom:20px; margin-bottom:20px;} .MemberInfo.Type1 .InfoSec .Info .Title > span { display:inline-block;} .MemberInfo.Type1 .InfoSec .Info .Title .Name { width:120px; font-size:30px; } .MemberInfo.Type1 .InfoSec .Info .Title .Grade { vertical-align:top; padding-top:8px; font-size:18px;} .MemberInfo.Type1 .InfoSec .Info .History > li .Dt { width:120px; font-size:13px;} .MemberInfo.Type1 .InfoSec .Info .History > li .Dd { margin-left:120px; font-size:13px;} /* recruit */ .ArticleWrap.Divide4.halfBox .Article { height: 414px; } .ArticleWrap.Divide4.halfBox .Article.shortBox { height: 364px; } .tabNavigation li { width: 33.333%; } .tabNavigation li.on { background: none; } .ArticleWrap .subDesc { margin: 25px 15px; } .Article.Type1.recruitType .ListSect { margin-right: 130px; } .Article.Type1.recruitType .TriggerFold { text-align: left; } .Article.Type1.faqType .TriggerFold { text-align: left;} .Article.Type1.faqType { } } /* * Under Desktop * */ @media all and (max-width: 979px) { /* ProductView */ .ProductView .SliderIndicator { position:absolute; left:0; bottom:15px; width:100%; height:5%; z-index:10; text-align:center;} .ProductView .SliderIndicator button { display:inline-block; width:13px; height:13px; background:url("/images/index/rollingbtn_off.png") no-repeat left top; text-indent:-50px;} .ProductView .SliderIndicator button img { display:none;} .ProductView .SliderIndicator button.active { background-image:url("/images/index/rollingbtn_on.png");} .HistoryDiv .SliderIndicator { position:absolute; left:0; bottom:15px; width:100%; height:5%; margin:0; z-index:10; text-align:center;} .HistoryDiv .SliderIndicator button { display:inline-block; width:13px; height:13px; margin-left:0; background:url("/images/index/rollingbtn_off.png") no-repeat left top; text-indent:-50px; border:0 none;} .HistoryDiv .SliderIndicator button img { display:none;} .HistoryDiv .SliderIndicator button.active { background-image:url("/images/index/rollingbtn_on.png");} /* Careers */ .Careers .Title { font-size:30px;} .Careers .SubTitle { font-size:24px;} /* CI3 */ .CIDiv .block { display:inline; } .CIDiv .CIPc { display:none; } .CIDiv .CIMobile { display:block; } .CIDiv .IntroKeyVisual .DescArea { padding:0 30px 10px 30px; margin:0; } .CIDiv .CIList .IntroKeyVisual { float:none; position:relative; width:100%; margin-left:0%; margin-top:20px; } .CIDiv .CIList .IntroKeyVisual .Desc { font-size:18px; height:45px; } /* recruit */ .ArticleWrap.Divide4.halfBox .Article { width: 100%; height: auto; } .ArticleWrap.Divide4.halfBox .Article.shortBox { height: auto; } .ArticleWrap.Divide4.halfBox .Desc { padding-bottom: 15px; } .GraphType.Type2 .Item { width:100%; height:auto; overflow:hidden; background:#fff; margin:20px auto; } .GraphType.Type2 .Item .txtbox{ float:left; width:100%; height:auto; overflow:hidden; } .GraphType.Type2 .Item .txtbox .etc{ width:90%; height:auto; overflow:hidden; margin:5% auto; } .GraphType.Type2 .Item .txtbox .etc .SubTitle{ background:url("/images/ico/ico_bar01.png") no-repeat left 15px; margin:0; padding:30px 0 5px 0; } .GraphType.Type2 .Item .txtbox .etc .Desc{ line-height:1.5em; color:#666; } .GraphType.Type2 .Item .Thumbnail{ float:left; width:100%; height:auto; overflow:hidden; } .GraphType.Type2 .Item .Thumbnail img{ width:100%; } .GraphType.Type2 .Item:first-child .txtbox{ float:left; } .GraphType.Type2 .Item:first-child .Thumbnail{ float:left; } } /* * Desktop * */ @media all and (min-width: 980px) { .ContentSection .ContentTitle { margin-top:-64px; margin-bottom:56px; font-size:33px;} /* SearchField */ .SearchField.Type1 { margin-top:50px; border:2px solid #ededed;} .SearchField.Type1 > .Category.Select1, .SearchField.Type1 > .Category.Select2 { width:100px;} .SearchField.Type1 > .Category.Input { margin-left:0 !important; margin-right:0 !important; width:200px;} .SearchField.Type1 > .Category.Input .InputText { font-size:14px;} .SearchField.Type1 > .Category { float:left; position:relative !important; left:auto !important; top:auto !important;} .Article.SmallHeight { min-height:230px;} .Article.SmallHeight .ListSect .Summary { height:42px;} .DescSliderIndicator { bottom:0;} .DescSlider { width:980px; height:650px; padding:0;} .DescSlider .InnerWrap { height:700px;} .DescSlider .innerFrame { height:650px;} .Article.Type1 .TriggerFold{ position:absolute; left:30px; bottom:20px; z-index:10; margin:0;} .Article.NoDesc .ListSect { margin:0;} .Article.NoDesc .DescSect { height:50px;} .Brochure { } .Brochure .Item .Title { margin-left:40px; margin-right:40px;} .Brochure .Item .Image { margin:0 40px;} .Brochure .Item .Download { margin:15px 40px 0;} /* IntroKeyVisual .IntroKeyVisual .KeyText { top:20px; font-size:74px;} .IntroKeyVisual .DescArea { margin:24px 30px 0 30px;} .IntroKeyVisual .DescArea.Top { padding-top:30px;} .IntroKeyVisual .DescArea .Desc { padding-bottom:26px;} .IntroKeyVisual .Block { display:block;} .IntroKeyVisual .BoxArea { overflow:hidden; margin:15px;} .IntroKeyVisual .BoxArea .WrapInnerBox .InnerBox { margin-bottom:0px;} .IntroKeyVisual .BoxArea .Item { float:left; width:30%; padding:0; margin-left:5%; } .IntroKeyVisual .BoxArea .Item:first-child { margin-left:0;} .IntroKeyVisual .BoxArea .Arrow { text-indent:20px; text-align:left; margin:20px 0; padding:0; background:#ebebeb url(/images/ico/ico_arrgray.png) no-repeat right center; } .IntroKeyVisual .BoxArea .Arrow.on{ background:#005696 url(/images/ico/ico_arrblue.png) no-repeat right center; } .IntroKeyVisual .BoxArea .Arrow:before, .IntroKeyVisual .BoxArea .Arrow.on:before{ left:-2000px; } .IntroKeyVisual .BoxArea .Item .ItemTitle > span { margin-left:60px;} .IntroKeyVisual .BoxArea .Item .ItemTitle > .No { font-size:46px; width:60px; margin:0;} .IntroKeyVisual .BoxArea .Item .ItemTitle > .Step { font-size:15px; padding-top:7px;} .IntroKeyVisual .BoxArea .Item .ItemTitle > .Text { padding:2px 0 3px; font-size:19px;} .IntroKeyVisual .BoxArea .Item1 .ItemTitle > span { margin-left:55px;} .IntroKeyVisual .BoxArea .Item1 .ItemTitle > .No { width:55px; margin:0;} .IntroKeyVisual .DefinitionList.Type1 { padding:0 30px 15px 30px;} .IntroKeyVisual .OneImage2 { padding:30px;} .IntroKeyVisual .OneImage2 .Mobile { display:none;} .IntroKeyVisual .OneImage2 .Desktop { display:block;}*/ /* CompanyInfo */ .CompanyInfo { overflow:hidden; position:relative; height:460px;} .CompanyInfo .LeftArea { margin-right:505px;} .CompanyInfo .LeftArea .Info { padding:60px 30px 0;} .CompanyInfo .LeftArea .Info li { font-size:16px;} .CompanyInfo .LeftArea .Info li .Tit, .CompanyInfo .LeftArea .Info li .Desc { height:45px; line-height:45px; text-indent:15px; padding:0;} .CompanyInfo .LeftArea .Info li .Tit { width:130px;} .CompanyInfo .LeftArea .Info li .Desc { margin-left:145px;} .CompanyInfo .LeftArea .Text { padding:40px 40px 0;} .CompanyInfo .RightArea { position:absolute; right:0; top:0; border-left:1px solid #f2f2f2;} .CompanyInfo .RightArea .Row .Symbol { width:249px; height:229px; padding:0;} .CompanyInfo .RightArea .Row .Symbol .Image { margin-top:27px;} .CompanyInfo .RightArea .Row1 { border-bottom:1px solid #f2f2f2;} .CompanyInfo .RightArea .Symbol.First { border-right:1px solid #f2f2f2;} /* Article.Type3 */ .Article.Type3 .ArticleTit { margin-left:30px; margin-right:30px; padding-top:21px;} .Article.Type3 .Desc { margin-left:30px; margin-right:30px;} .Article.Type3 .Image2 { margin:30px 30px 0 30px; padding:0;} /* InnoxStory */ .Article.Type4 .HeadSect { height:400px;} .Article.Type4 .HeadSect .Tit { padding-top:45px;} .Article.Type4 .HeadSect .Symbol { padding:30px 0 0;} .Article.Type4 .HeadSect .Desc { padding:30px 0 0; font-size:14px;} /* ListType */ .ListType.Type1 .Item .InnerCover { overflow:hidden; text-align:left;} .ListType.Type1 .Item .InnerCover .ItemTit, .ListType.Type1 .Item .InnerCover .Download { display:inline-block;} .ListType.Type1 .Item .InnerCover .Download { margin-left:30px;} /* MemberInfo */ .MemberInfo.Type1 { position:relative; overflow:hidden; height:561px; padding:0;} .MemberInfo.Type1 .Portrait { position:relative; height:561px;} .MemberInfo.Type1 .Portrait .Img { position:absolute; left:auto; right:0; top:0; margin:0; width:auto; min-width:100%; height:561px;} .MemberInfo.Type1 .InfoSec { position:absolute; left:85px; top:0; width:420px; height:561px; margin:0;} .MemberInfo.Type1 .InfoSec .Bg { position:absolute; left:0; top:0; z-index:0;width:420px; height:561px; background-color:#0f202e; opacity:0.7; filter:alpha(opacity=70);} .MemberInfo.Type1 .InfoSec .Thumbnail { position:relative; z-index:2; margin:65px 0 0 45px;} .MemberInfo.Type1 .InfoSec .Thumbnail li.Current { background-image:url("/images/ico/ico_arrow01.png");} .MemberInfo.Type1 .InfoSec .Info { position:relative; z-index:2; margin:35px 0 0 45px;} .MemberInfo.Type1 .InfoSec .Info .Title { padding-bottom:20px; margin-bottom:20px;} .MemberInfo.Type1 .InfoSec .Info .Title .Name { font-size:38px; } .MemberInfo.Type1 .InfoSec .Info .Title .Grade { vertical-align:top; padding-top:14px; font-size:18px;} .MemberInfo.Type1 .InfoSec .Info .History > li .Dt { width:75px; font-size:13px;} .MemberInfo.Type1 .InfoSec .Info .History > li .Dd { margin-left:75px; font-size:13px;} .MemberInfo.Type2 .Card .Title { padding:30px 30px 15px 30px;} .MemberInfo.Type2 .Card .History { padding:0 30px 30px 30px;} /* DefinitionList */ .DefinitionList.Type1 { position:relative; padding:10px 30px 30px 30px;} .DefinitionList.Type1 .InnerTitle { margin:50px 0 15px; font-size:22px;} .DefinitionList.Type1 .InnerTitle.First { margin-top:30px;} .DefinitionList.Type1 table { width:102.5%; border-spacing:20px; margin:10px 0 0; margin-left:-20px; margin-right:-20px;} .DefinitionList.Type1 table th, .DefinitionList.Type1 table td { font-size:13px; line-height:1.8;} /* Tab */ .Tab.Type1 a { padding:17px 30px; font-size:16px;} .Tab.Type2 { } .Tab.Type2 > a { display:inline-block; width:111px; padding:10px 0 13px; border-top:3px solid #999; color:#999; font-family:'Exo 2', 'sans-serif'; text-align:center;} .Tab.Type2 > a.Current { background-color:#333; border-color:#333; color:#fff;} .Tab.Type2 > .Mobile { display:none;} /* TableType */ .TableType.Type1 { padding:30px;} /* GraphType */ .GraphType.Type1 .Item .GraphBody .Graph { font-size:12px;} .GraphType.Type1 .Item .Desc .Block { display:block;} /* AnalysisReport */ .AnalysisReport { padding:30px;} /* HiddenMobile.Type1 */ .HiddenMobile.Type1 > * { display:block;} .HiddenMobile.Type1 > .Warning { display:none;} /* ProductView */ .ProductView .SliderIndicator { margin:30px 0 -85px; text-align:right;} .ProductView .SliderIndicator button { position:relative; width:58px; height:58px; margin:0 3px; border:1px solid #cfcfcf;} .ProductView .SliderIndicator button.active { border-color:#333;} .ProductView .SliderIndicator button img { width:100%; height:100%;} .ProductView { padding:30px;} .ProductView .ProductDesc { width:55%;} /* CeoMessage */ .CeoMessage { position:relative;} .CeoMessage .TopArea .Photo { height:703px; overflow:hidden;} .CeoMessage .TopArea .Photo > img { position:absolute; left:-200px; top:0; width:auto;} .CeoMessage .TopArea .History { position:absolute; right:0; top:145px; width:384px; height:469px; margin:0; color:#fff; font-size:13px; border-bottom:0 none;} .CeoMessage .TopArea .History .Bg, .CeoMessage .TopArea .History .Closer { display:block;} .CeoMessage .TopArea .History .Bg { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-color:#000; opacity:0.6; filter:alpha(opacity=60);} .CeoMessage .TopArea .History .Closer { position:absolute; left:-33px; top:200px; width:33px; height:60px; background-color:#000; opacity:0.6; filter:alpha(opacity=60);} .CeoMessage .TopArea .History .Closer > span { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-color:#000; opacity:0.6; filter:alpha(opacity=60);} .CeoMessage .TopArea .History .Closer > img { position:relative; z-index:2;} .CeoMessage .TopArea .History .Top, .CeoMessage .TopArea .History .Item { position:relative; z-index:2;} .CeoMessage .TopArea .History .Top dt, .CeoMessage .TopArea .History .ItemTit { color:#fff !important; font-size:15px;} .CeoMessage .TopArea .History .Top { margin:60px 0 0 30px;} .CeoMessage .TopArea .History .Item { margin:0 15px 0 30px;} .CeoMessage .BottomArea { overflow:hidden; margin:30px;} .CeoMessage .BottomArea > div { float:left; width:50%;} .CeoMessage .BottomArea .Text { line-height:1.8; font-size:13px;} .CeoMessage .BottomArea > .LeftArea .Text { padding-right:20px;} .CeoMessage .BottomArea > .RightArea .Text { padding-left:20px;} /* HistoryDiv */ .HistoryDiv .Tab.Type1 a { font-size:22px;} .HistoryDiv .DescArea h1.Tit { font-size:42px;} .HistoryDiv .DescArea .Desc { float:left; width:50%; margin-top:30px; border:0;} .HistoryDiv .DescArea ul.List { float:right; width:32%; margin-top:30px;} /* CIDiv */ .CIDiv ul.BrandList { overflow:hidden; width:100%; padding:20px 0 30px 0; } .CIDiv ul.BrandList li { float:left; width:21.25%; margin-right:5%;} .CIDiv ul.BrandList li.smartflex { margin-right:0; text-align:right; } .CIDiv ul.BrandList li.smartflex2 { margin-right:0; text-align:right; } .CIDiv ul.BrandList li img { width:100%; } /* recruit */ .Article.Type1.recruitType .ListSect { margin-right: 210px; } /* ImageBox */ .ImageBox.Type1 { padding:30px;} .ImageBox.Type1 > .Mobile, .ImageBox.Type1 > .DesktopWide { display:none;} .ImageBox.Type1 > .Desktop { display:block;} /* AllInfo */ .AllInfo .KeyText { height:720px; overflow:hidden;} .AllInfo .KeyText > .Bg { position:relative; left:50%; margin-left:-800px; width:auto; z-index:1;} .AllInfo .KeyText .Brand { top:175px;} .AllInfo .KeyText .Brand img { width:auto;} .AllInfo .KeyText .Slogan { top:234px; font-size:80px;} .AllInfo .KeyText .Since { top:450px; font-size:20px;} .AllInfo .Speciality .Item .InnerBox .Title { font-size:42px;} .AllInfo .Speciality .Item .InnerBox .Desc { font-size:16px;} .AllInfo .Summary { padding-bottom:100px;} .AllInfo .Summary > .InnerWrap { overflow:hidden; position:relative; margin:0 30px;} .AllInfo .Summary .Row { float:left; width:50%; margin-left:0; margin-right:0;} .AllInfo .Summary .Row4 { clear:both;} .AllInfo .Summary .Row:after { display:none;} .AllInfo .Summary .Row .Item > .Text > .Value { font-size:50px;} .AllInfo .Summary .Row .Item > .Title { margin-right:15px;} .AllInfo .Summary .Graph { position:absolute; right:0; bottom:0; margin:0;} .AllInfo .Summary .InnerList li { font-size:30px;} .AllInfo .AsanWorkspace { padding:30px 0;} .AllInfo .AsanWorkspace .SliderWrap { padding:0; height:auto; } .AllInfo .AsanWorkspace .SliderWrap .innerFrame { height:auto;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider { overflow:hidden; width:89%; margin:30px auto; height:auto; text-align:center;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item { display:inline-block; position:relative; width:340px; margin:0 8px; background:transparent; float:none; text-align:left;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Container { overflow:hidden; position:relative; width:340px; height:310px; margin:0 auto; background:#fff;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap { margin:0; min-height:110px;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item1, .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item2, .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item3 { margin-bottom:15px;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap .ItemTitle { padding:30px 15px 5px 15px; font-size:22px; margin:0; line-height:1.3;} .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item6 .Wrap .ItemTitle { padding-top:27px; } .AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap .Desc { display:none; overflow:hidden; padding:0 15px; font-size:12px;line-height:1.45;} .AllInfo .AsanWorkspace .SliderIndicator { display:none;} .AllInfo .WorkFlow { position:relative;} .AllInfo .WorkFlow > .List .Item { float:left; width:16.66666666666667%; height:750px; padding:0; cursor:pointer;} .AllInfo .WorkFlow > .List .Item .ItemTitle { left:0; margin-left:0; width:100%;} .AllInfo .WorkFlow > .List .Item .Image { position:relative;} .AllInfo .WorkFlow > .List .Item .Image img { width:auto; position:absolute; left:50%; top:0; margin-left:-800px;} .AllInfo .WorkFlow > .List .Item .ItemTitle .Step, .AllInfo .WorkFlow > .List .Item .ItemTitle .Text { display:block; text-align:center; width:auto;} .AllInfo .WorkFlow > .List .Item .ItemTitle .Step { padding:0 0 10px;} .AllInfo .WorkFlow > .List .Item .ItemTitle .Text { width:86%; margin:0 auto; line-height:1.2;} .AllInfo .WorkFlow > .ImageLayer { overflow:hidden; position:absolute; left:0; top:0; z-index:10; width:100%; height:750px;} .AllInfo .WorkFlow > .ImageLayer .Btn { position:absolute; top:335px; z-index:20; width:220px; height:80px;} .AllInfo .WorkFlow > .ImageLayer .Btn .Image { display:block; width:140px; height:80px;} .AllInfo .WorkFlow > .ImageLayer .Btn .Image img { width:100%; height:100%;} .AllInfo .WorkFlow > .ImageLayer .Btn.Prev { left:0; padding-left:80px; background:url("/images/btn/btn_rolling_left.png") no-repeat left top;} .AllInfo .WorkFlow > .ImageLayer .Btn.Next { right:0; padding-right:80px; background:url("/images/btn/btn_rolling_right.png") no-repeat right top;} .AllInfo .WorkFlow > .ImageLayer .Closer { position:absolute; right:10px; top:10px; z-index:15;} .AllInfo .WorkFlow > .ImageLayer .List { position:relative; width:20000em; height:750px; overflow:hidden;} .AllInfo .WorkFlow > .ImageLayer .List .Item { float:left; overflow:hidden; position:relative; height:750px;} .AllInfo .WorkFlow > .ImageLayer .List .Item .Dimm { display:none;} .AllInfo .WorkFlow > .ImageLayer .List .Item .Image { position:relative;} .AllInfo .WorkFlow > .ImageLayer .List .Item .Image img { position:relative; left:50%; margin-left:-800px;} .AllInfo .WorkFlow > .ImageLayer .List .Item .ItemTitle { position:absolute; left:70px; top:80px;} .AllInfo .WorkFlow > .ImageLayer .List .Item .ItemTitle span { display:block} .AllInfo .WorkFlow > .ImageLayer .List .Item .ItemTitle .Step { padding:0 0 20px; font-size:22px; font-family: 'Exo 2', 'sans-serif';} .AllInfo .WorkFlow > .ImageLayer .List .Item .ItemTitle .Text { padding:0 0 30px; margin:0 0 30px; font-size:70px; color:#000; font-weight:bold; text-indent:-3px;} .AllInfo .WorkFlow > .ImageLayer .List .Item .Desc { position:absolute; left:70px; top:241px; font-size:21px; color:#000;} /* Sitemap */ .Sitemap { overflow:hidden; padding:0 !important;} .Sitemap .Category { margin-top:15px !important; height:580px !important; padding-bottom:30px !important;} .Sitemap .Category { float:left !important; width:32.5%; margin:15px 0 0 1% !important;} .Sitemap .Category1, .Sitemap .Category4, .Sitemap .Category7 { margin-left:0 !important; width:33%;} .Sitemap .Category1{ height:480px !important;} .Sitemap .Category2{ height:480px !important;} .Sitemap .Category3{ height:480px !important;} .Sitemap .Category7 { height:440px !important;} .Sitemap .Category1, .Sitemap .Category2, .Sitemap .Category3 { margin-top:0 !important;} .Sitemap .Category .CategoryTitle { font-size:28px;} .Sitemap .Category .List li > a { font-size:16px;} .Sitemap .Category .List li > ul > li > a { font-size:13px;} /* ImageWrapper */ .ImageWrapper .Width01 { display:none;} .ImageWrapper .Width02 { display:table-cell;} .ImageWrapper.Type1 .Width01 > img { max-width:100%;} /* Careers */ .GraphType.Type1.Careers .Item { float:left; width:50%;} .GraphType.Type1.Careers .Item .Outer { margin-left:10px;} .GraphType.Type1.Careers .Item.First .Outer { margin-left:0; margin-right:10px;} .GraphType.Type1.Careers .Item .Thumbnail { width:45%;} .GraphType.Type1.Careers .Item .Left { width:50%; margin-right:50%;} .CIArea { margin-top:30px;} .CIArea .DescArea { margin-top:0;} .IntroKeyVisual .BoxArea .WrapInnerBox .First .InnerItem .ProductName{ padding-top:8%; } .GraphType.Type1 .Item .GraphBody .Graph p { font-size:18px;} .GraphType.Type1 .Item .GraphBody.Divide7 .Graph p, .GraphType.Type1 .Item .GraphBody.Divide71 .Graph p { font-size:12px;} .GraphType.Type1 .Item .GraphBody.Divide71 .Graph1 p { margin-top:1px;} .GraphType.Type1 .Item .GraphBody .OneImage { height:330px; line-height:330px;} .InnoxLife .Article.Type3 .Image2 { margin:0 !important; padding:30px 30px 0 30px;} .InnoxLife .Article.Type3 .DescBottom { padding-bottom:0;} .ListType.Type1 .Item { padding:30px;} .Article.Type1.recruitType .ListSect .RecruitApply { display:block;} } /* * 1180px * */ @media all and (min-width: 1080px) { /* CeoMessage */ .CeoMessage .TopArea .Photo { height:703px; overflow:hidden;} .CeoMessage .TopArea .Photo > img { position:absolute; left:0; top:0; width:auto;} /* HistoryDiv */ .HistoryDiv .Tab.Type1 a { font-size:30px;} .HistoryDiv .DescArea h1.Tit { font-size:48px;} .HistoryDiv .DescArea .Desc { float:left; width:50%; margin-top:30px; border:0;} .HistoryDiv .DescArea ul.List { float:right; width:32%; margin-top:30px;} /* CIDiv */ .CIDiv ul.BrandList { overflow:hidden; width:100%; padding:20px 0 30px 0; } .CIDiv ul.BrandList li { float:left; width:21.25%; margin-right:5%;} .CIDiv ul.BrandList li.smartflex { margin-right:0; text-align:right; } .CIDiv ul.BrandList li.smartflex2 { margin-right:0; text-align:right; } .CIDiv ul.BrandList li img { width:100%; } .InnoxLifeContent .InnerWrap01 { width:980px; margin-left:auto; margin-right:auto;} } /* * Desktop Wide * */ @media all and (min-width: 1280px) { .Article.Type1 .ListSect { width:auto;} /* InnoxStory */ .InnoxStory .Sect .HeadSect, .InnoxStory .Sect .Article.Type2 { height:425px;} .InnoxStory .Sect .HeadSect { width:410px;} .InnoxStory .Sect .Article.Type2 { width:430px; margin-left:1px;} .InnoxStory .Sect .HeadSect .Tit { margin:60px 0 0; font-size:28px;} .InnoxStory .Sect .HeadSect .Symbol { padding:33px 0 0;} .InnoxStory .Sect .HeadSect .Desc { padding:30px 0 0;} .InnoxStory .Sect .HeadSect .ReadMore { padding:20px 0 0;} .InnoxStory .Sect .Article.Type2 .Thumbnail { margin:30px 40px 0; width:350px; height:200px;} .InnoxStory .Sect .Article.Type2 .Thumbnail img { width:350px; height:200px;} .InnoxStory .Sect .Article.Type2 .ArticleTit { margin:20px 40px 0; font-size:22px;} .InnoxStory .Sect .Article.Type2 .Desc { margin:20px 40px 0;} .InnoxStory .Sect .Article.Type2 .Date { padding:20px 40px 0;} /* HistoryDiv */ .HistoryDiv .Tab.Type1 a { font-size:30px;} .HistoryDiv .DescArea h1.Tit { font-size:48px;} .HistoryDiv .DescArea .Desc { float:left; width:50%; margin-top:30px; border:0;} .HistoryDiv .DescArea ul.List { float:right; width:32%; margin-top:30px;} /* CIDiv */ .CIDiv ul.BrandList { overflow:hidden; width:100%; padding:20px 0 30px 0; } .CIDiv ul.BrandList li { float:left; width:21.25%; margin-right:5%;} .CIDiv ul.BrandList li.smartflex { margin-right:0; text-align:right; } .CIDiv ul.BrandList li.smartflex2 { margin-right:0; text-align:right; } .CIDiv ul.BrandList li img { width:100%; } .Careers .SubTitle { margin-top:25px; font-size:22px;} .Careers .Body { overflow:hidden;} .GraphType.Type1.Careers .Item .Thumbnail { width:366px;} .GraphType.Type1.Careers .Item .Left { width:auto; margin-right:390px;} /* ImageBox */ .ImageBox.Type1 > .Mobile, .ImageBox.Type1 > .Desktop { display:none;} .ImageBox.Type1 > .DesktopWide { display:block;} /* Sitemap */ .Sitemap { overflow:hidden; padding:30px 0 0;} .Sitemap .Category { width:303px !important; margin:20px 0 0 20px !important;} .Sitemap .Category1, .Sitemap .Category5 { margin-left:0 !important;} .Sitemap .Category1, .Sitemap .Category2, .Sitemap .Category3, .Sitemap .Category4 { height:410px !important; margin-top:0 !important;} .Sitemap .Category5, .Sitemap .Category6, .Sitemap .Category7 { height:530px !important;} /* OverLayer */ .OverLayer .Inner { position:absolute; left:50%; top:50%; width:1280px; height:905px; margin-left:-640px; margin-top:-453px;} .OverLayer .Inner .Photo { height:1280px !important; height:905px !important; line-height:1 !important; left:0 !important; right:0 !important; top:50% !important; margin-top:-453px;} .OverLayer .Closer { margin-top:-440px;} /* ImageWrapper */ .ImageWrapper .Width01, .ImageWrapper .Width02 { display:none;} .ImageWrapper .Width03 { display:table-cell;} .ArticleWrap.Divide3 .Article { margin-left:20px; width:410px; } .ArticleWrap.Divide3 .Article.First { width:410px;} .ArticleWrap.Divide4 .Article { width:310px; margin-left:10px;} .ArticleWrap.Divide4 .Article.First { margin-left:0;} .ArticleWrap2.Divide3 .Article { width:410px !important; margin-left:20px !important;} .ArticleWrap2.Divide3 .Article.First { margin-left:0 !important;} .ArticleWrap.StudyIntro .Article { height:240px;} .IntroKeyVisual .BoxArea .WrapInnerBox .InnerItem .ProductName{ padding:14px 0 0; } /* AllInfo */ .AllInfo .Summary > .InnerWrap { width:1200px; margin-left:auto; margin-right:auto;} .AllInfo .Speciality .Item1 .InnerBox { width:626px;} .AllInfo .Speciality .Item2 .InnerBox { width:664px;} .AllInfo .Speciality .Item3 .InnerBox { width:667px;} .AllInfo .Speciality .Item4 .InnerBox { width:760px;} .AllInfo .Speciality .Item4 .InnerBox .Title, .AllInfo .Speciality .Item4 .InnerBox .Desc { padding-left:50px;} .AllInfo .AsanWorkspace { background-size:auto auto;} .AllInfo .Speciality .Item .Bg img { width:auto; left:50%; margin-left:-800px;} .ProductView .SliderWrap { padding-bottom:0; height:400px;} } /* * 1400px more * */ @media all and (min-width: 1400px) { .OverLayer .Inner .Btn.Left { left:-50px !important;} .OverLayer .Inner .Btn.Right { right:-45px !important;} } /* * 1500px more * */ @media all and (min-width: 1500px) { .IntroKeyVisual .KeyText { position:absolute; right:-95px; top:20px;} } /* * Print * */ @media print { .HiddenMobile > * { display:block !important;} .HiddenMobile > .Warning { display:none !important;} .HiddenMobile.Type1 > * { display:block !important;} .HiddenMobile.Type1 > .Warning { display:block !important;} } /* 2014.12.17 */ .fileWrap{position:absolute;top:0;right:0;width:120px;height:26px;overflow:hidden;background:white;} .fileWrap .fileButton{float:right;width:108px;height:24px;text-align:center;font-size:13px;color:#666;line-height:24px;border:1px solid #ccc;} .fileWrap .fileButton:hover{text-decoration:none;} .fileWrap input{position:absolute;top:0;right:0;width:1000px;height:26px;margin:0;padding:0;opacity:0;filter:alpha(opacity=0);font-size:100px;cursor:pointer;} /* 2015.01.12 */ .ethics_operate{position:relative;min-width:1px;padding:0 20px 30px;background:white;} .ethics_operate h1{padding:30px 0 18px;text-align:center;font-size:30px;font-weight:bold;} .ethics_operate img{display:block;width:100%;} .ethics_operate .img1{display:block;} .ethics_operate .img2{display:none;} .ethics_operate .img3{display:none;} .progress{position:relative;min-width:1px;padding:0 20px 30px;background:white;} .progress:after{content:"";display:block;clear:both;} .progress div h1{padding:29px 0 18px;font-size:18px;color:#005696;} .progress div dl{position:relative;min-width:1px;padding:28px 20px 37px;} .progress div dl dt{margin:0 0 25px;font-size:18px;color:white;line-height:20px;} .progress div dl dd{padding:0 0 5px 8px;font-size:16px;color:white;line-height:20px;background:url(/images/company/dot1.png) 0 8px no-repeat;} .progress .dl1 dl{background:#78a9cc url(/images/company/progress_bg1.gif) center bottom no-repeat;} .progress .dl2 dl{background:#4782ad url(/images/company/progress_bg2.gif) center bottom no-repeat;} .progress .dl3 dl{padding:28px 20px 21px;background:#005696;} .managesystem{position:relative;min-width:1px;margin:0 0 60px;padding:30px 20px 27px;background:white;} .managesystem .img1{display:block;width:100%;} .managesystem .img2{display:none;} .managesystem div{display:none;} .ethics_link{width:100%;} .ethics_link:after{content:"";display:block;clear:both;} .ethics_link li{float:left;width:100%;} .ethics_link li a{display:block;height:76px;text-align:center;font-size:16px;color:#005696;line-height:77px;background:white; border:1px solid #005696;} .ethics_link li a img{margin:0 0 0 15px;vertical-align:-1px;} .ethics_link li a:hover{text-decoration:none;} .ethics_link li.link1{padding:0 0 10px;} .ethics_link li.link2{padding:10px 0 0;} .growmap{position:relative;min-width:1px;margin:0 0 20px;padding:0 20px 30px;background:white;} .growmap h1{padding:30px 0 0;font-size:17px;color:black;font-weight:bold;} .growmap img{display:block;width:100%;} .growmap .img1{display:block;} .growmap .img2{display:none;} .growmap .img3{display:none;} .growprocess{position:relative;min-width:1px;padding:0 20px 30px;background:white;} .growprocess:after{content:"";display:block;clear:both;} .growprocess h1{padding:30px 0 0;font-size:17px;color:black;font-weight:bold;} .growprocess .note1{float:left;padding:9px 0 39px;font-size:12px;color:#666;font-weight:bold;} .growprocess .note2{float:right;padding:9px 0 39px;font-size:12px;color:#666;font-weight:bold;} .growprocess img{display:block;clear:both;width:100%;margin:0 0 29px;} .growprocess .img1{display:block;} .growprocess .img2{display:none;} .growprocess .img3{display:none;} .growprocess ul{width:100%;} .growprocess ul:after{content:"";display:block;clear:both;} .growprocess ul li{float:left;width:50%;} .growprocess ul li span{display:block;padding:0 0 5px 10px;font-size:12px;color:#666;line-height:18px;background:url(/images/company/dot1.gif) 0 7px no-repeat;} .growprocess ul li span.tit{color:black;} .growprocess ul li span.txt{padding:0 0 5px 18px;background:url(/images/company/line3.gif) 10px 7px no-repeat;} .growprocess ul li.right span{margin:0 0 0 20px;} .growprocess ul.single li{clear:both;} .growprocess .list1{padding:0 0 27px;} .growprocess .list2{padding:0 0 17px;} .item4th{position:relative;min-width:1px;margin:0 0 30px;padding:15px;background:white;} .item4th:after{content:"";display:block;clear:both;} .item4th img{display:block;width:100%;} .item4th .textArea{padding:30px 0 0;} .item4th h1{padding:0 0 19px;font-size:18px;color:#005696;} .item4th p{margin:0 0 15px;padding:0 0 21px;font-size:15px;color:#333;background:url(/images/company/line1.gif) 0 bottom no-repeat;} .item4th ul{} .item4th ul li{padding:0 0 0 7px;font-size:12px;color:#666;line-height:22px;background:url(/images/company/dot1.gif) 0 9px no-repeat;} .ethics_tab{width:100%;height:60px;margin:0 0 58px;padding:20px 0 0;} .ethics_tab:after{content:"";display:block;clear:both;} .ethics_tab li{float:left;width:50%;} .ethics_tab li a{display:block;position:relative;min-width:1px;height:60px;text-align:center;font-size:18px;color:#999;line-height:56px;font-weight:bold;background:white url(/images/company/tab1.gif) 0 bottom repeat-x;} .ethics_tab li a img{display:none;position:absolute;top:100%;left:50%;margin:0 0 0 -8px;} .ethics_tab li a:hover{text-decoration:none;} .ethics_tab li.tab1 a{border-right:1px solid #efefef;} .ethics_tab li.tab2 a{border-left:1px solid #efefef;} .ethics_tab li.active a{color:#333;background:white url(/images/company/tab2.gif) 0 bottom repeat-x;} .ethics_tab li.active a img{display:block;} .ethics_charter{position:relative;min-width:1px;margin:0 0 20px;padding:0 20px 24px;font-size:13px;color:#666;line-height:22px;background:white; border:3px solid #ededed;} .ethics_charter h1{width:10px;margin:0 0 17px;padding:31px 0 18px;white-space:nowrap;font-size:22px;color:#005696;border-bottom:1px solid #005696;} .ethics_charter .block1{display:block;} .ethics_charter .block2{display:inline;} .ethics_charter p{color:#333;} .ethics_charter ul li{padding:22px 0 0;} .ethics_menu{position:relative;min-width:1px;margin:0 0 20px;padding:0 20px 24px; border:3px solid #ededed;} .ethics_menu h1{width:10px;margin:0 0 17px;padding:31px 0 18px;white-space:nowrap;font-size:22px;color:#005696;border-bottom:1px solid #005696;} .ethics_menu ul{position:relative;width:100%;} .ethics_menu ul:after{content:"";display:block;clear:both;} .ethics_menu ul li{float:left;clear:both;width:100%;} .ethics_menu ul li a{display:block;font-size:13px;color:#666;line-height:22px;} .ethics_menu ul li a:hover{text-decoration:none;} .ethics_info{padding:0 20px 24px;font-size:13px;color:#666;line-height:22px;background:white;} .ethics_info h1{padding:48px 0 30px;text-align:center;font-size:40px;color:black;line-height:44px;font-weight:bold;} .ethics_info h2{padding:50px 0 10px;font-size:16px;color:black;font-weight:bold;} .ethics_info strong{display:block;padding:11px 0 13px;font-size:14px;color:black;font-weight:bold;} .tableBlock1{display:block;padding:5px 0 4px;line-height:18px;} @media all and (min-width: 580px) { .ethics_menu ul li{width:50%;} .ethics_menu ul li.menu6{position:absolute;top:0;left:50%;} .ethics_menu ul li.menu7{position:absolute;top:22px;left:50%;} .ethics_menu ul li.menu8{position:absolute;top:44px;left:50%;} .ethics_menu ul li.menu9{position:absolute;top:66px;left:50%;} .ethics_menu ul li.menu10{position:absolute;top:88px;left:50%;} } @media all and (min-width: 620px) { .progress div dl dt{position:absolute;top:29px;left:50px;} .progress div dl dd{margin:0 0 0 209px;} .ethics_link li{width:50%;} .ethics_link li.link1, .ethics_link li.link2{padding:0;} .ethics_link li.link1 a{margin:0 10px 0 0;} .ethics_link li.link2 a{margin:0 0 0 10px;} } @media all and (min-width: 768px) { .ethics_operate{padding:0 30px 30px;} .ethics_operate h1{padding:30px 0 12px;} .ethics_operate .img1{display:none;} .ethics_operate .img2{display:block;} .ethics_operate .img3{display:none;} .progress{padding:0 30px 25px;} .progress div{float:left;} .progress div h1{padding:0 0 18px;} .progress div dl{padding:0;} .progress div dl dt{position:static;height:31px;margin:0 0 16px;padding:0 0 0 10px;font-size:12px;line-height:32px;background:black;} .progress div dl dd{margin:0;padding:0 0 0 8px;font-size:12px;color:#666;line-height:22px;background:url(/images/company/dot1.gif) 0 9px no-repeat;} .progress .dl1{width:33%;margin:93px 0 0;} .progress .dl2{width:34%;margin:62px 0 0;} .progress .dl3{width:33%;margin:31px 0 0;} .progress .dl1 dl{margin:0 12px 0 0;background:none;} .progress .dl1 dl dt{background:#99bbd5 url(/images/company/progress_bg4.gif) right 0 no-repeat;} .progress .dl2 h1{margin:0 0 0 11px;} .progress .dl2 dl{margin:0 11px;background:none;} .progress .dl2 dl dt{background:#6a9cc1 url(/images/company/progress_bg5.gif) right 0 no-repeat;} .progress .dl3 h1{margin:0 0 0 12px;} .progress .dl3 dl{margin:0 0 0 12px;padding:0;background:none;} .progress .dl3 dl dt{background:#2b72a8 url(/images/company/progress_bg6.gif) right 0 no-repeat;} .managesystem{padding:45px 30px 29px;} .managesystem .img1{display:none;} .managesystem .img2{display:block;margin:0 auto;} .managesystem div{display:block;position:absolute;left:50%;} .managesystem div h1{margin:0 0 4px;font-size:22px;color:#005696;} .managesystem div ul li{padding:0 0 0 8px;font-size:13px;color:#666;line-height:24px;background:url(/images/company/dot1.gif) 0 9px no-repeat;} .managesystem .manage1{top:31px;margin:0 0 0 107px;} .managesystem .manage2{top:361px;margin:0 0 0 -359px;} .managesystem .manage3{top:365px;margin:0 0 0 236px;} .ethics_link li a{height:79px;line-height:80px;} .growmap{padding:0 30px 50px;} .growmap h1{padding:30px 0 27px;} .growmap .img1{display:none;} .growmap .img2{display:block;} .growmap .img3{display:none;} .growprocess{padding:0 30px 21px;} .growprocess h1{padding:30px 0 0;} .growprocess .img1{display:none;} .growprocess .img2{display:block;} .growprocess .img3{display:none;} .growprocess ul li.right span{margin:0 0 0 30px;} .item4th{margin:0 0 20px;padding:0;} .item4th img{float:right;width:50%;} .item4th .textArea{position:absolute;top:50%;left:0;width:50%;margin:-86px 0 0;padding:0;} .item4th h1{margin-left:30px;padding:0 0 16px;font-size:35px;} .item4th p{margin:0 0 10px;margin-left:30px;padding:19px 0 0;font-size:20px;background:url(/images/company/line2.gif) 0 top no-repeat;} .item4th ul{margin-left:30px;} .item4th ul li{padding:0 0 0 10px;font-size:13px;line-height:24px;} .item4th.type2 img{float:left;} .item4th.type2 .textArea{left:50%;} .ethics_charter{padding:0 30px 24px;} .ethics_charter .block1{display:inline;} .ethics_charter .block2{display:block;} .ethics_menu{padding:0 30px 24px;} .ethics_info{padding:0 30px 24px;} } @media all and (min-width: 900px) { .managesystem .manage2{margin:0 0 0 -409px;} .managesystem .manage3{margin:0 0 0 276px;} } @media all and (min-width: 980px) { .ethics_operate .img1{display:none;} .ethics_operate .img2{display:none;} .ethics_operate .img3{display:block;} .progress{padding:0 30px 23px;} .progress div h1{font-size:22px;} .progress div dl dt{height:43px;font-size:15px;line-height:44px;} .progress div dl dd{font-size:13px;line-height:24px;} .progress .dl1{margin:109px 0 0;} .progress .dl2{margin:71px 0 0;} .progress .dl3{margin:33px 0 0;} .progress .dl1 dl{margin:0 17px 0 0;} .progress .dl1 dl dt{background:#94b8d3 url(/images/company/progress_bg7.gif) right 0 no-repeat;} .progress .dl2 dl{margin:0 15px;} .progress .dl2 dl dt{background:#5f95bd url(/images/company/progress_bg8.gif) right 0 no-repeat;} .progress .dl3 dl{margin:0 0 0 17px;} .progress .dl3 dl dt{background:#1f6ba3 url(/images/company/progress_bg9.gif) right 0 no-repeat;} .managesystem{padding:59px 30px 50px;} .managesystem .manage1{top:45px;} .managesystem .manage2{top:375px;} .managesystem .manage3{top:379px;} .ethics_link li a{height:90px;line-height:91px;} .growmap h1{padding:24px 0 28px;font-size:22px;} .growmap .img1{display:none;} .growmap .img2{display:none;} .growmap .img3{display:block;} .growprocess h1{padding:24px 0 0;font-size:22px;} .growprocess .img1{display:none;} .growprocess .img2{display:none;} .growprocess .img3{display:block;} .item4th{margin:0 0 17px;} .item4th h1{margin-left:71px;} .item4th p{margin-left:71px;} .item4th ul{margin-left:71px;} .ethics_tab{padding:0;} .tableBlock1{display:inline;padding:0;line-height:27px;} } @media all and (min-width: 1120px) { .Block3{display:block;} } /* VISION_221103Γί°‘_221130ΌφΑ€ */ .visionArea_w { position: relative;/*margin:50px 0 0;*/background-color: #fff;} .visionArea_n { position: relative;/*margin:50px 0 0;*/} .visionImg {position: relative;margin: 20px 0 0;background-color: #fff;padding:40px 0;} .visionImg img {display: block;width:50%;margin:0 auto;} .visionImg1 {position: relative;margin: 20px 0 0;background-color: #fff;padding:40px 0; display: flex ; justify-content: center;} .visionImg img {display: block;margin:0 auto;} .visionType {font-family: 'Noto Sans KR','Exo 2', 'sans-serif'; letter-spacing: -0.05em; } .visionType.Type2 .Item { position:relative; width:100%; height:auto; overflow:hidden; background:#fff;/*min-height: 177px;*/} .visionType.Type2 .Item .txtbox{text-align: center; } .visionType.Type2 .Item .txtbox1{ float:left; overflow:hidden;margin: 7% 0% 0% 7%; } .visionType.Type2 .Item .txtbox1 .etc {text-align: center; } .visionType.Type2 .Item .txtbox2{ overflow:hidden; text-align:center; } .visionType.Type2 .Item .txtbox2 .etc{overflow:hidden; } .visionType.Type2 .Item .txtbox2 .etc .Desc{ color:#014d8f; font-size:25px; line-height: 1.6;margin-bottom: 20px;} .visionType.Type2 .Item .txtbox2 .etc .Desc .strong { font-weight:bold; } .visionType.Type2 .Item .txtbox2 .etc1{overflow:hidden; } .visionType.Type2 .Item .txtbox2 .etc1 .Desc{ color:#014d8f; font-size:25px; line-height: 1.6;margin-bottom: 20px;} .visionType.Type2 .Item .txtbox2 .etc1 .Desc .strong { font-weight:bold; } .visionType.Type2 .Item .Thumbnail{ width:360px; height:auto; overflow:hidden; margin: 120px auto 0;} .visionType.Type2 .Item .Thumbnail img{ width:100%; } .Vision .Title { color:#005696; font-size:25px; padding: 2px;font-weight:600;} .Vision .etc { margin:60px 0 50px 0;} .Vision .etc1 { margin:0px 0 50px 0;} .Vision .SubTitle { font-size:18px; color:#666; font-family: 'Noto Sans KR','Exo 2', 'sans-serif'; margin:10px 0 0 0; font-weight: lighter; padding: 0 0 10px;} .Vision .SubTitle2 { font-size:18px; color:#6e6d6d; margin:0px 0 20px 0;font-weight:300;} .Principles { font-family: 'Noto Sans KR','Exo 2', 'sans-serif'; padding-left: 28%; } .Principles .name {padding: 5px 0 55px; text-align: left; } .Principles .name .num {font-weight: 500;color:#0b427a; font-size:23px; padding: 0 0 12px;} .Principles .name .txt { font-weight: 500;color:#000; font-size:20px; } .Principles .name .txts {font-size:17px;font-weight: lighter;color:#666;} .Principles .name img { vertical-align: bottom; padding-left: 10px;width: 4%;} .PRIDE {margin:0px 0px 110px; padding:0 20px;} .PRIDE strong {font-size: 18px;padding-left: 34px;display: inline-block;max-width: 70%;overflow: hidden;vertical-align: middle;box-sizing: border-box;} .PRIDE .vision02_1,.PRIDE .vision02_2,.PRIDE .vision02_3,.PRIDE .vision02_4,.PRIDE .vision02_5 {width:760px; height: 130px; } .PRIDE .vision02_1 {background:url("/images/content/vision02_1.svg") no-repeat center 0; margin: 0px auto 30px;} .PRIDE .vision02_2 {background:url("/images/content/vision02_2.svg") no-repeat center 0; margin: 0px auto 30px;} .PRIDE .vision02_3 {background:url("/images/content/vision02_3.svg") no-repeat center 0; margin: 0px auto 30px;} .PRIDE .vision02_4 {background:url("/images/content/vision02_4.svg") no-repeat center 0; margin: 0px auto 30px;} .PRIDE .vision02_5 {background:url("/images/content/vision02_5.svg") no-repeat center 0; margin: 0px auto 0px;} .PRIDE .visionICON1, .visionICON2, .visionICON3, .visionICON4, .visionICON5 {display:none; } .PRIDE .txt1 {float:left; overflow:hidden; display: inline-block;position: relative; font-weight:bold;width: 20%; left: 140px;text-align: center;} .PRIDE .txt2 {float:left; overflow:hidden; display: inline-block;position: relative; font-weight:bold; text-align: left;left: 25%; word-break: keep-all; word-wrap: break-word;} .PRIDE .txt1 .tit1 {font-size:15px;margin:34px 0 0 0;text-transform: uppercase;} .PRIDE .txt1 .tit1 >span {font-size:24px;} .PRIDE .txt1 p.tit2 {font-size:20px;margin:10px 0 2px 0; font-weight: bold;} .PRIDE .txt2 ul {font-size:19px;margin:25px 0 0 0;font-weight: bold;} .PRIDE .txt2 ul ul{font-size:15px;margin:10px 0 0 0;line-height: 26px;font-weight: 400;} .txt2_b {color:#353638 !important; } .txt2_1 {color:#014d8f !important; } .txt2_2 {color:#d5812a !important; } .txt2_3 {color:#e04d2b !important; } .txt2_4 {color:#6ba517 !important; } .txt2_5 {color:#37a6c4 !important; } .item4th .textArea h3{ color:#014d8f;font-weight: bold;font-size:24px;line-height: 50px;} .item4th ul li { font-size: 16px;line-height: 26px;} @media all and (max-width: 1024px) { .visionType.Type2 .Item .txtbox1{margin: 60px 60px 0;} .visionType.Type2 .Item .txtbox2{margin: 60px 60px 0; } .visionType.Type2 .Item .txtbox2 .etc .Desc{ margin-bottom: 60px;} .Principles {padding-left: 18%; } } @media all and (max-width: 980px) { .visionType.Type2 .Item .txtbox1{ float:none;width:100%; margin: 60px auto 0;} .item4th h3 {margin-left: 30px;} } @media all and (max-width: 820px) { .PRIDE {margin:0px 0 20px;} .PRIDE strong {font-size: 18px;padding-left: 34px;display: inline-block;max-width: 70%;overflow: hidden;vertical-align: middle;box-sizing: border-box;} .PRIDE .vision02_1,.PRIDE .vision02_2,.PRIDE .vision02_3,.PRIDE .vision02_4,.PRIDE .vision02_5 {background-size: contain;background:none;height:auto; width: 100%} .PRIDE .visionICON1, .visionICON2, .visionICON3, .visionICON4, .visionICON5 {position: relative;display:block; width:100%; height:97px;} .PRIDE .visionICON1 {background:url("/images/content/visionICON.png") no-repeat;background-position: center 0px;background-size: 110px; } .PRIDE .visionICON2 {background:url("/images/content/visionICON.png") no-repeat;background-position: center -112px;background-size: 110px; } .PRIDE .visionICON3 {background:url("/images/content/visionICON.png") no-repeat;background-position: center -228px;background-size: 110px; } .PRIDE .visionICON4 {background:url("/images/content/visionICON.png") no-repeat;background-position: center -341px;background-size: 110px; } .PRIDE .visionICON5 {background:url("/images/content/visionICON.png") no-repeat;background-position: center -454px;background-size: 110px; } .PRIDE .txt1 {float:none;display: inline-block;width: 100%; left: 0%;text-align: center;} .PRIDE .txt2 {float:none; display: inline-block;left: 0%;} .PRIDE .txt2 ul ul{margin:10px 0 50px 0;text-align: left;} .Principles .name img {display:none;} .Principles .name .txt {font-size: 20px; } .visionType.Type2 .Item .txtbox2{margin: 25px 0 0; padding-left: 0px;} .visionType.Type2 .Item .Thumbnail{ width:77%;margin: 90px auto 0;} .item4th h3 {margin-left: 0px;} } @media all and (max-width: 425px) { .visionImg img {width:90%;} .visionType.Type2 .Item .txtbox1{margin: 40px 0 0; } .Vision .Title {font-size:24px;line-height: 1.4;} .Vision .SubTitle { font-size:15px;} .Vision .SubTitle2 { font-size:17px; color:#000;margin:40px 0 13px 0;line-height: 1.4;} .visionType.Type2 .Item {width: 100%;} .visionType.Type2 .Item .txtbox2{ float:none; margin: 20px 0 0; padding-left: 0px;text-align: center;} .visionType.Type2 .Item .txtbox2 .etc .Desc{ font-size:14px; margin-bottom: 45px;} .visionType.Type2 .Item .txtbox{text-align: center; } .visionType.Type2 .Item .Thumbnail{ width:90%; margin: 60px auto 0;} .visionType.Type2 .Item .Thumbnail img{ width:100%; } .Principles { margin: 30px auto 0;width: 90%;} .Principles .name {padding: 0px 0 45px;} .Principles .name .num {font-size:19px; padding: 0 0 10px;} .Principles .name .txt { font-size:14px;margin: 0px 0px 0px 0px; line-height: 1.4;font-weight: normal;} .Principles .name .txts {font-size:12px !important;} .PRIDE {margin:0px auto 20px;padding: 0px;width: 90%;} .PRIDE .txt1 h2 {margin:20px 0 0 0;} .PRIDE .txt2 ul {font-weight: normal;font-size:18px;margin:20px 0 0 0; line-height: 1.5;text-align: left;} .PRIDE .txt2 ul ul{font-size:13px;} .item4th .textArea h3{ color:#014d8f;font-weight: bold;font-size:24px;line-height: 50px;} .item4th p {margin: 0 0 15px;padding: 0 0 0px;font-size: 13px;background: none;line-height: 1.4;} .item4th ul li { font-size: 13px;line-height: 20px;} } .SubContentTitle { margin-top:100px; border-bottom: 1px solid #ededed; } .SubContentTitle .Title { border-bottom: 3px solid #7ea8d9; display: inline-block; } @media all and (min-width: 768px) { .contents .SubContentTitle span{ font-weight: bold; font-size:1.5em; color:#777; letter-spacing: 0em; } } @media all and (max-width: 767px) { .contents .SubContentTitle span{ font-weight: bold; font-size:1.5em; color:#777; letter-spacing: 0em; } }