@charset 'euc-kr'; @import url("common.css"); /* 레이아웃 가이드 css */ #container { padding:0; } #container.aiaIntro .pageVisual { background-image:url("../images/aiainfo/visual_intro.jpg"); } /* AIA 소개 */ #container.aiaIntro .pageVisual .baseIn { height:399px; } #container.aiaKorea .pageVisual { background-image:url("about:blank"); } /* AIA 한국소개 */ #container.aiaKorea .pageVisual .baseIn { height:399px; } #container.aiaCEO .pageVisual { background-image:url("../images/aiainfo/visual_ceo.jpg"); } /* 대표인사말 */ #container.aiaCEO .pageVisual .baseIn { height:399px; } #container.aiaCI .pageVisual { background-image:url("../images/aiainfo/visual_ci.jpg"); } /* CI 소개 */ #container.aiaCI .pageVisual .baseIn { height:399px; } #container.aiaCenter .pageVisual, #container.aiaCenter .pageVisual .location .in { background:#fff; } /* */ #container.aiaCenter .pageVisual .baseIn { height:auto; } /* AIA 소개 */ #container.aiaIntro .pageVisual .stepAnchor .s1 a .go { background-position:0 -350px; } #container.aiaIntro .pageVisual .stepAnchor .s1 a:hover .go, #container.indemnity .pageVisual .stepAnchor .s3 a:focus .go { background-position:-50px -350px; } #container.aiaIntro .introOne { padding-top:75px; } #container.aiaIntro .introOne .movieArea { margin:45px 0 0 -20px; width:1000px; background:url("../images/aiainfo/intro_movie_bg.png") 0 0 no-repeat; } #container.aiaIntro .introOne .movieArea .movie { margin:0 0 0 231px; padding-top:20px; z-index:10; } #container.aiaIntro .introOne .movieArea .text { margin:55px auto 0; padding-top:50px; width:577px; background:url("../images/aiainfo/intro_movie_text_bg.png") 50% 0 no-repeat; } #container.aiaIntro .introOne .movieArea .text p { margin-bottom:20px; } #container.aiaIntro .introOne .movieArea .text strong { color:#cf0038; font-weight:normal; } #container.aiaIntro .introOne ul { overflow:hidden; margin-top:48px; } #container.aiaIntro .introOne ul li { float:left; text-align:center; } #container.aiaIntro .introOne ul li:first-child { margin-right:60px; } #container.aiaIntro .introOne ul li .textTy1 { display:block; margin:17px 0 14px; font-size:14px; color:#343135; line-height:22px; } #container.aiaIntro .introOne ul li .textTy2 { display:block; font-size:12px; color:#666; line-height:12px; } #container.aiaIntro .introOne ul li .grayBox { display:inline-block; margin-right:15px; padding-right:10px; background:url("../images/aiainfo/graybox_r.png") right 0 no-repeat; vertical-align:top; } #container.aiaIntro .introOne ul li .grayBox.ty2 { margin-right:0; } #container.aiaIntro .introOne ul li .grayBox.ty1 .in { width:108px; } #container.aiaIntro .introOne ul li .grayBox.ty2 .in { width:397px; } #container.aiaIntro .introOne ul li .grayBox .in { display:inline-block; padding:28px 5px 0 13px; height:102px; background:url("../images/aiainfo/graybox_l.png") 0 0 no-repeat; line-height:17px; letter-spacing:-1px;} #container.aiaIntro .introOne ul li .grayBox .in .sTitle { display:block; margin-bottom:10px; font-size:24px; font-weight:bold; line-height:24px; } #container.aiaIntro .introOne ul li .grayBox .in .sTitle.ty1 { color:#d31145; } #container.aiaIntro .introOne ul li .grayBox .in .sTitle.ty2 { color:#e96232; } #container.aiaIntro .introOne ul li .grayBox .in .sTitle.ty3 { color:#b2bb1e; } #container.aiaIntro .introOne ul li .grayBox.ty2 .in .sTitle.ty1 { color:#389acd; } #container.aiaIntro .introTwo { margin-top:80px; padding-top:72px; border-top:1px solid #b2b2b2; } #container.aiaIntro .introTwo .graph { overflow:hidden; margin-top:45px; padding:40px 0 55px 52px; border-top:1px solid #dbd8d8; border-bottom:1px solid #dbd8d8; background-color:#fafafa; } #container.aiaIntro .introTwo .graph .ex { position:relative; float:left; width:230px; height:285px; } #container.aiaIntro .introTwo .graph .ex .text { line-height:26px; } #container.aiaIntro .introTwo .graph .ex .date { position:absolute; bottom:0; left:0; display:block; font-size:12px; line-height:12px; } #container.aiaIntro .introTwo .graph img { float:right; margin-right:42px; } #container.aiaIntro .introThree { margin-top:82px; padding-top:72px; border-top:1px solid #b2b2b2; } #container.aiaIntro .introThree .ex { margin:15px 0 60px; font-size:16px; line-height:28px; } #container.aiaIntro .introThree ul { overflow:hidden; } #container.aiaIntro .introThree ul li { float:left; padding-top:120px; height:18px; font-size:18px; font-weight:bold; color:#222; text-align:center; background:url("../images/aiainfo/intro_three_bg.png") 0 0 no-repeat; line-height:17px; } #container.aiaIntro .introThree ul li.list1 { margin-right:75px; width:119px; background-position:5px 7px; } #container.aiaIntro .introThree ul li.list2 { margin-right:55px; width:164px; background-position:-189px 7px; } #container.aiaIntro .introThree ul li.list3 { margin-right:65px; width:155px; background-position:-408px 7px; } #container.aiaIntro .introThree ul li.list4 { margin-right:77px; width:127px; background-position:-628px 7px; } #container.aiaIntro .introThree ul li.list5 { width:123px; background-position:-837px 7px; } /* 대표인사말 */ #container.aiaCEO .pageVisual .stepAnchor .s1 a .go { background-position:0 -400px; } #container.aiaCEO .pageVisual .stepAnchor .s1 a:hover .go, #container.aiaCEO .pageVisual .stepAnchor .s1 a:focus .go { background-position:-50px -400px; } #container.aiaCEO .ceoOne { padding-top:55px; } #container.aiaCEO .ceoOne .movieArea { overflow:hidden; margin-top:35px; padding:35px 45px 0 57px; width:858px; height:409px; background:url("../images/aiainfo/ceo_movie_bg.png") 50% 0 no-repeat; } #container.aiaCEO .ceoOne .movieArea .movie { float:right; margin-right:27px; } #container.aiaCEO .ceoOne .movieArea .text { float:left; width:245px; height:340px; } #container.aiaCEO .ceoOne .movieArea .text h4 { margin-bottom:25px; padding-bottom:26px; font-size:22px; font-weight:bold; color:#fff; background:url("../images/aiainfo/ceo_movie_h_bg.png") 0 bottom no-repeat; } #container.aiaCEO .ceoOne .movieArea .text h4 strong { font-size:32px; } #container.aiaCEO .ceoOne .movieArea .text p { margin-bottom:13px; font-size:14px; font-weight:bold; line-height:22px; color:#fff; } #container.aiaCEO .ceoOne .movieArea .text .logo { margin-top:25px; } #container.aiaCEO .ceoOne ul { overflow:hidden; margin-top:45px; } #container.aiaCEO .ceoOne ul li { float:left; padding:15px 70px 0 0; width:410px; height:170px; font-size:14px; line-height:22px; background:url("../images/aiainfo/ceo_deco_bar.gif") 0 0 no-repeat; } #container.aiaCEO .ceoOne ul li .title { display:block; margin-bottom:10px; font-size:16px; font-weight:bold; line-height:26px; } #container.aiaCEO .ceoOne ul li .title strong { color:#cf0038; } /* CI 소개 */ #container.aiaCI .pageVisual .stepAnchor .s1 a .go { background-position:0 -200px; } #container.aiaCI .pageVisual .stepAnchor .s1 a:hover .go, #container.aiaCI .pageVisual .stepAnchor .s1 a:focus .go { background-position:-50px -200px; } #container.aiaCI .ciOne { padding-top:55px; } #container.aiaCI .ciOne .contentArea { position:relative; overflow:hidden; margin-top:25px; padding:68px 0 0 64px; width:896px; height:569px; background:url("../images/aiainfo/ci_bg.png") 0 0 no-repeat; } #container.aiaCI .ciOne .contentArea .ex1 { float:left; width:420px; font-size:22px; line-height:32px; } #container.aiaCI .ciOne .contentArea .ex1 h4 { margin-bottom:23px; font-size:24px; line-height:36px; font-weight:bold; } #container.aiaCI .ciOne .contentArea .down { position:relative; float:left; margin-left:70px; width:196px; height:278px; background:url("../images/aiainfo/ci_logo.png") 0 0 no-repeat; } #container.aiaCI .ciOne .contentArea .down a.btn { position:absolute; display:block; left:20%; bottom:0; padding-left:22px; font-size:14px; font-weight:bold; color:#444; background:url("../images/aiainfo/ci_down_bul.png") 0 2px no-repeat; } #container.aiaCI .ciOne .contentArea .down a.btn:hover, #container.aiaCI .ciOne .contentArea .down a.btn:focus { color:#444 !important; text-decoration:none; } #container.aiaCI .ciOne .contentArea .ex2 { position:absolute; left:402px; top:475px; font-size:16px; line-height:32px; } #container.aiaCI .ciOne .contentArea .ex2 strong { color:#cf0038; font-weight:normal; } /* 센터소개 */ #container.aiaCenter .centerArea { position:relative; margin-top:50px; padding:52px 0 0 63px; width:897px; height:1179px; background:url("../images/aiainfo/center_bg.png") 0 0 no-repeat; } #container.aiaCenter .centerArea h3 { display:block; font-size:33px; line-height:48px; font-weight:bold; } #container.aiaCenter .centerArea h3 strong { color:#d31145; } #container.aiaCenter .centerArea img { margin-top:20px; } #container.aiaCenter .centerArea .date { position:absolute; top:122px; right:80px; font-size:14px; line-height:14px; color:#444; }