@charset "utf-8"; /* CSS Document */ /*******************************************************************************************************************************/ @font-face { font-family:'NanumGothic'; src: url('font/NanumGothic.eot');src: url('font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('font/NanumGothic.woff') format('woff'), url('font/NanumGothic.ttf') format('truetype');font-weight: normal;font-style: normal; } @font-face { font-family:'NanumGothicBoldWeb'; src: url('font/NanumGothicBold.eot');src: url('font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('font/NanumGothicBold.woff') format('woff'), url('font/NanumGothicBold.ttf') format('truetype');font-weight: bold;font-style: normal; } @font-face{ font-family: "NanumBarunGothic"; src: url('font/NanumBarunGothic.eot')format('eot');src: url('font/NanumBarunGothic.woff') format('woff');} @font-face{ font-family: "NanumBarunGothicBold"; src: url('font/NanumBarunGothicBold.eot')format('eot');src: url('font/NanumBarunGothicBold.woff') format('woff');} @font-face{ font-family: "NanumMyeongjo"; src: url('font/NanumMyeongjo.eot')format('eot');src: url('font/NanumMyeongjo.woff') format('woff');} @font-face{ font-family: "NanumMyeongjoBold"; src: url('font/NanumMyeongjoBold.eot')format('eot');src: url('font/NanumMyeongjoBold.woff') format('woff');} /********************************************************************************************************************************/ /* CSS reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, #sub, #sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, label {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline; color:#444;} html { overflow-y:scroll; font-family:NanumGothic, 돋움, Verdana, Geneva, sans-serif;} /* html5 적용 js 리셋 */ header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{ display:block;} /**************************************************************************************************************************************/ /***** 디자인 레이아웃 *****/ /* 전체 */ html { /*overflow-x: hidden;*/} body { font-size:75%; background: url("./images/bg_body.jpg") repeat-x;} h1 { font-size:1.5em;} h2 { font-size:1.3em;} h3 { font-size:1.1em;} img { border:0; vertical-align:top;} strong { font-weight:bold;} th, td { vertical-align:middle;} a { cursor: pointer;} a:focus { outline-width:2px !important; color:#CC6600; outline-: ;style:dotted !important; -moz-outline-radius:4px;} input:focus { outline-width:2px !important; color:#CC6600; outline-style:dotted !important; -moz-outline-radius:4px;} input[type="checkbox"] { padding:10px; border:none !important; width:1em !important; vertical-align:middle !important;} .only_html { font-size:0; text-indent:-9999; line-height:0; height:0; color:#666;} .blind { display: none;} .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 고정값;} .wrap { width: 1900px; position: relative; min-height: 800px; margin: 0 auto;} .default_table { border-spacing: 0; width: 100%; margin: 30px 0px 70px;} .default_table caption { /*height: 0; line-height: 0; text-indent: -9999px; font-size: 0;*/ text-align: left; margin-bottom: 10px;} .default_table th { text-align: left; font-weight: bold; border-bottom: 4px solid #ff4800; padding: 8px 0 8px 23px; color: #fff; background-color: #ff4800; border-top : 2px solid #ff4800; border-left: 1px solid #fff;} .default_table th span { font-size:10px; } .default_table th:last-child { border-right: 2px solid #ff4800; border-left: 1px solid #fff} /* --- 50번째줄에 수정값 있음 19.04.15 */ .default_table th:first-child { border-left: 1px solid #ff4800;} /* --- 50번째줄에 수정값 있음 19.04.15 */ .default_table .total th{ text-align: left; font-weight: bold; border-top: 1px solid #ff4800; border-bottom: 2px solid #ff4800; padding: 8px 0 8px 23px; border-right: 0px solid #fff;} .default_table td { border-bottom: 1px solid #ddd; padding: 8px 0 8px 23px; color: #888; border-left: 1px solid #ddd;} .default_table td:last-child { border-right: 1px solid #ddd;} /* --- 54번째줄에 수정값 있음 19.04.15 */ .default_lists { list-style-type: none; text-align: center;} .default_lists li { list-style: none; display: inline-block; margin: 0 10px;} a.btn_type { cursor: pointer; display: block;} /* 페이지 레이아웃 */ .toparea { width: 1300px; height: 85px; margin: 0 auto; position: relative;} .toparea a.links { font-family: NanumGothicBoldWeb; text-decoration: none; line-height: 60px; display: block; padding: 0 0;} .lang_select { list-style-type: none; position: absolute; left: 326px; top: 14px; background: url("./images/bg3.gif") no-repeat center 50%;} .lang_select li { list-style: none; display: inline-block; margin: 0 7px;} .lang_select li a { font-size: 1.4em;} .lang_select li a:hover { color: #ff4800; background: url("./images/bg1.gif") repeat-x center 75%;} .korea .lang_ko { color: #ff4800; background: url("./images/bg1.gif") repeat-x center 75%;} .english .lang_en { color: #ff4800; background: url("./images/bg1.gif") repeat-x center 75%;} .gnb_box { list-style-type: none; position: absolute; right: 0; top: 14px;} .gnb_box li { list-style: none; display: inline-block; margin: 0 30px;} .gnb_box li a { color: #333; font-size: 1.4em;} .gnb_box li a:hover { color: #ff4800; background: url("./images/bg1.gif") repeat-x center 75%;} #sub11 .gnb_box li a.sub10,#sub12 .gnb_box li a.sub10,#sub13 .gnb_box li a.sub10,#sub14 .gnb_box li a.sub10,#sub15 .gnb_box li a.sub10, #sub21 .gnb_box li a.sub20,#sub22 .gnb_box li a.sub20,#sub23 .gnb_box li a.sub20,#sub24 .gnb_box li a.sub20,#sub25 .gnb_box li a.sub20, #sub31 .gnb_box li a.sub30,#sub32 .gnb_box li a.sub30,#sub33 .gnb_box li a.sub30,#sub34 .gnb_box li a.sub30,#sub35 .gnb_box li a.sub30, #sub41 .gnb_box li a.sub40,#sub42 .gnb_box li a.sub40,#sub43 .gnb_box li a.sub40, #sub51 .gnb_box li a.sub50, #sub61 .gnb_box li a.sub60, #sub71 .gnb_box li a.sub70 { color: #ff4800; background: url("./images/bg1.gif") repeat-x center 75%;} .visual_area { margin: 0 auto;} .index .visual_area1 { height: 779px; min-width: 1300px; max-width: 1900px; background: url("./images/mvisual1.jpg") no-repeat center top ; background-attachment: fixed;} .index .visual_area1 p { color: #fff; width: 1300px; margin: 0 auto; line-height: 150%; font-size: 1.8em; padding-top: 200px;} .index .visual_area1 p strong { font-size: 4em; color: #fff; display: block; margin-bottom: 30px; font-family: NanumBarunGothicBold; text-transform: uppercase; line-height: 120%;} .index .visual_area2 { height: 779px; min-width: 1300px; max-width: 1900px; background: url("./images/mvisual2.jpg") no-repeat center top ; background-attachment: fixed; position: relative;} .index .visual_area2 p { color: #eee; width: 410px; padding-left: 890px; margin: 0 auto; line-height: 150%; font-size: 1.3em; padding-top: 200px; position: relative; background: url("./images/thumb1.png") no-repeat 50px top; height: 100%;} .index .visual_area2 p em { color: #ff7600; font-size: 1em; display: block; margin-bottom: 15px;} .index .visual_area2 p strong { color: #fff; display: block; font-size: 2em; line-height: 130%; margin-bottom: 15px;} .index .visual_area2 p a { position: absolute; top: 500px; left: 890px;} .visual_box { min-width: 1300px; height: 286px; margin: 0 auto; border-bottom: 5px solid #ff4800; position: relative;} .visual_box.sub10 { background: url("./images/subvisual10.jpg") repeat-x center top;} .visual_box.sub20 { background: url("./images/subvisual20.jpg") repeat-x center top;} .visual_box.sub30 { background: url("./images/subvisual30.jpg") repeat-x center top;} .visual_box.sub40 { background: url("./images/subvisual40.jpg") repeat-x center top;} .visual_box.sub50 { background: url("./images/subvisual50.jpg") repeat-x center top;} .visual_box.sub60 { background: url("./images/subvisual60.jpg") repeat-x center top;} .visual_box.sub70 { background: url("./images/subvisual70.jpg") repeat-x center top;} .visual_box:hover { -webkit-background-size: 105%; background-size: 101%;} .menu_bar { width: 1200px; height: 55px; background-color: #ff4800; position: absolute; bottom: 0; left: 0; right: 0; margin: auto;} .menus { position: absolute; top: 0; width: 192px; height: 60px; overflow: hidden;} .menus:hover { height: 292px;} .menus strong { border-left: 1px solid #ffa480; border-right: 1px solid #ffa480; display: block; width: 170px; height: 60px; color: #fff; line-height: 60px; font-size: 1.3em; margin: 0; padding: 0 0 0 20px; position: absolute; top: 0; left: 0; background: url("./images/bg4.gif") no-repeat right center;} .menus.depth1 { left: 60px;} .menus.depth2 { left: 251px;} .menus ul { border: 1px solid #ff4800; clear: both; position: absolute; top: 59px; width: 190px; height: 220px; z-index: 1000; background-color: #fff; padding: 5px 0;} .menus ul li { list-style: none;} .menus ul li a { text-decoration: none; padding-left: 20px; display: block; line-height: 250%; font-size: 1.2em;} .sub10 .menus ul li a.sub10,.sub20 .menus ul li a.sub20,.sub30 .menus ul li a.sub30,.sub40 .menus ul li a.sub40,.sub50 .menus ul li a.sub50,.sub60 .menus ul li a.sub60,.sub70 .menus ul li a.sub70, #sub11 .menus ul li a.sub11,#sub12 .menus ul li a.sub12,#sub13 .menus ul li a.sub13,#sub14 .menus ul li a.sub14,#sub15 .menus ul li a.sub15, #sub21 .menus ul li a.sub21,#sub22 .menus ul li a.sub22,#sub23 .menus ul li a.sub23,#sub24 .menus ul li a.sub24,#sub25 .menus ul li a.sub25, #sub31 .menus ul li a.sub31,#sub32 .menus ul li a.sub32,#sub33 .menus ul li a.sub33,#sub34 .menus ul li a.sub34,#sub35 .menus ul li a.sub35, #sub41 .menus ul li a.sub41,#sub42 .menus ul li a.sub42,#sub43 .menus ul li a.sub43, #sub51 .menus ul li a.sub51, #sub61 .menus ul li a.sub61, #sub71 .menus ul li a.sub71, .menus ul li a:hover { color: #ff4800; font-weight: bold;} .menus.depth2 ul { display: none;} .sub10 ul.sub10,.sub20 ul.sub20,.sub30 ul.sub30,.sub40 ul.sub40,.sub50 ul.sub50,.sub60 ul.sub60,.sub70 ul.sub70 { display: block;} .contents_area { background-color: #f4f4f4; width: 100%; padding: 20px 0;} .index .contents_area { background-color: #fff;} .contents_box { background-color: #fff; width: 1200px; margin: 50px auto; font-size: 1.3em; padding: 80px 50px 50px 50px; line-height: 140%; position: relative;} .contents_box.tab_menu { padding-top: 50px;} .contents_box.tab_menu ul { text-align: center; overflow: hidden; margin: 0 auto; outline: 1px solid #ddd} .contents_box.tab_menu ul li { list-style: none; display: inline-block; float: left; width: 50%; outline: 1px solid #ddd;} .contents_box2 { background-color: #fff; width: 1200px; margin: 50px auto; font-size: 1.3em; padding: 80px 50px 50px 50px; line-height: 140%; position: relative;} .contents_box2.tab_menu2 { padding-top: 50px;} .contents_box2.tab_menu2 ul { text-align: center; overflow: hidden; margin: 0 auto; outline: 1px solid #ddd} .contents_box2.tab_menu2 ul li { list-style: none; display: inline-block; float: left; width: 33.3%; outline: 1px solid #ddd;} .contents_box3 { background-color: #fff; width: 1200px; margin: 50px auto; font-size: 1.3em; padding: 80px 50px 50px 50px; line-height: 140%; position: relative;} .contents_box3.tab_menu3 { padding-top: 50px;} .contents_box3.tab_menu3 ul { text-align: center; overflow: hidden; margin: 0 auto; outline: 1px solid #ddd} .contents_box3.tab_menu3 ul li { list-style: none; display: inline-block; float: left; width: 33.3%; outline: 1px solid #ddd;} .sub30 .contents_box.tab_menu ul li { width: 20%;} .sub40 .contents_box.tab_menu ul li { width: 33.333333%;} .contents_box.tab_menu ul li a { display: block; text-decoration: none; height: 48px; line-height: 48px; font-size:16px;} .contents_box2.tab_menu2 ul li a { display: block; text-decoration: none; height: 48px; line-height: 48px; font-size:16px;} .contents_box3.tab_menu3 ul li a { display: block; text-decoration: none; height: 48px; line-height: 48px; font-size:16px;} #sub21 .contents_box.tab_menu ul li a.sub21, #sub22 .contents_box.tab_menu ul li a.sub21, #sub23 .contents_box.tab_menu ul li a.sub21, #sub24 .contents_box.tab_menu ul li a.sub24, #sub25 .contents_box.tab_menu ul li a.sub24, #sub26 .contents_box.tab_menu ul li a.sub24, #sub31 .contents_box.tab_menu ul li a.sub31, #sub32 .contents_box.tab_menu ul li a.sub32, #sub33 .contents_box.tab_menu ul li a.sub33, #sub34 .contents_box.tab_menu ul li a.sub34, #sub35 .contents_box.tab_menu ul li a.sub35, #sub41 .contents_box.tab_menu ul li a.sub41, #sub42 .contents_box.tab_menu ul li a.sub42, #sub43 .contents_box.tab_menu ul li a.sub43, #sub21 .contents_box2.tab_menu2 ul li a.sub21, #sub22 .contents_box2.tab_menu2 ul li a.sub22, #sub23 .contents_box2.tab_menu2 ul li a.sub23, #sub24 .contents_box3.tab_menu3 ul li a.sub24, #sub25 .contents_box3.tab_menu3 ul li a.sub25, #sub26 .contents_box3.tab_menu3 ul li a.sub26, .contents_box.tab_menu ul li a:hover { background-color: #ff4800; color: #fff;} .contents_box2.tab_menu2 ul li a:hover { background-color: #ff4800; color: #fff;} .contents_box3.tab_menu3 ul li a:hover { background-color: #ff4800; color: #fff;} .contents_box img.box_pic { position: absolute; top: 120px; left: 50px;} .contents_box strong { color: #ff4800; font-size: 2em; font-family: NanumGothicBoldWeb; display: block;} .contents_box em { font-size: 1.4em; font-family: NanumGothicBoldWeb; display: block;} .contents_box em.title {color: #444; text-align: center; margin-bottom: 20px;} .contents_box2 img.box_pic { position: absolute; top: 120px; left: 50px;} .contents_box2 strong { color: #ff4800; font-size: 2em; font-family: NanumGothicBoldWeb; display: block;} .contents_box2 em { font-size: 1.4em; font-family: NanumGothicBoldWeb; display: block;} .contents_box2 em.title {color: #444; text-align: center; margin-bottom: 20px;} .contents_box3 img.box_pic { position: absolute; top: 120px; left: 50px;} .contents_box3 strong { color: #ff4800; font-size: 2em; font-family: NanumGothicBoldWeb; display: block;} .contents_box3 em { font-size: 1.4em; font-family: NanumGothicBoldWeb; display: block;} .contents_box3 em.title {color: #444; text-align: center; margin-bottom: 20px;} .board_box em.title { font-size: 1.4em; font-family: NanumGothicBoldWeb; display: block; color: #444; text-align: center; margin-bottom: 20px; font-size: 1.8em; margin-bottom: 40px;} #company1_1 { padding-left: 620px; width: 630px;} #company1_1 strong { color: #ff4800;} #company1_1 em { color: #ff4800;} #company1_1 em.title { color: #444; text-align: left;} #company1_1 em.ceo {position: absolute; top: 53px; left:42%; color: #444; text-align: center; margin-bottom: 20px;} #company1_1 .ceotitle { font-size:11px; display: inline-block; margin-right: 10px; color: #444;} #company1_2 { text-align: center;} #company1_3 { background: #fff url("./images/bg2.gif") no-repeat 492px 148px; height: 2070px;} #company1_3 em { color: #444; text-align: center; margin-bottom: 129px;} #company1_3 dl { margin-left: 300px; position: relative;} #company1_3 dt { color: #ff4800; font-size: 2em; font-family: NanumGothicBoldWeb; margin: 0;} #company1_3 dt#dt2019 { position: absolute; top: 0;} #company1_3 dt#dt2018 { position: absolute; top: 120px;} #company1_3 dt#dt2017 { position: absolute; top: 185px;} #company1_3 dt#dt2016 { position: absolute; top: 305px;} #company1_3 dt#dt2015 { position: absolute; top: 395px;} #company1_3 dt#dt2014 { position: absolute; top: 485px;} #company1_3 dt#dt2013 { position: absolute; top: 579px;} #company1_3 dt#dt2012 { position: absolute; top: 715px;} #company1_3 dt#dt2011 { position: absolute; top: 808px;} #company1_3 dt#dt2010 { position: absolute; top: 899px;} #company1_3 dt#dt2008 { position: absolute; top: 990px;} #company1_3 dt#dt2007 { position: absolute; top: 1101px;} #company1_3 dt#dt2006 { position: absolute; top: 1189px;} #company1_3 dt#dt2005 { position: absolute; top: 1279px;} #company1_3 dt#dt2004 { position: absolute; top: 1410px;} #company1_3 dt#dt2003 { position: absolute; top: 1605px;} #company1_3 dt#dt2002 { position: absolute; top: 1769px;} #company1_3 dd { margin-left: 230px; position: relative; top: -25px;} #company1_3 dd span { display: inline-block; width: 2em; font-weight: bold; color: #aaa;} #company1_3 dd span.none { color: #fff;} #company1_3 dd#dd2019 { position: absolute; top: 0;} #company1_3 dd#dd2018 { position: absolute; top: 120px;} #company1_3 dd#dd2017 { position: absolute; top: 181px;} #company1_3 dd#dd2016 { position: absolute; top: 301px;} #company1_3 dd#dd2015 { position: absolute; top: 391px;} #company1_3 dd#dd2014 { position: absolute; top: 481px;} #company1_3 dd#dd2013 { position: absolute; top: 575px;} #company1_3 dd#dd2012 { position: absolute; top: 711px;} #company1_3 dd#dd2011 { position: absolute; top: 804px;} #company1_3 dd#dd2010 { position: absolute; top: 895px;} #company1_3 dd#dd2008 { position: absolute; top: 986px;} #company1_3 dd#dd2007 { position: absolute; top: 1097px;} #company1_3 dd#dd2006 { position: absolute; top: 1185px;} #company1_3 dd#dd2005 { position: absolute; top: 1274px;} #company1_3 dd#dd2004 { position: absolute; top: 1408px;} #company1_3 dd#dd2003 { position: absolute; top: 1601px;} #company1_3 dd#dd2002 { position: absolute; top: 1765px;} #company4_1 { text-align: center;} #company5_1 ol {} #company5_1 li { margin-bottom: 50px; list-style: none;} #company5_1 li span { display: block; margin-bottom: 15px;} #company5_1 li em.num { color: #fff; border-radius: 100%; background-color: #ff4800; display: inline-block; width: 1em; text-align: center;} #company5_1 li em.sbj { color: #ff4800; border: none; display: inline-block; width: auto; text-align: left; margin-right: 15px;} #product1_1 { text-align: center; width: 1300px; height: 600px; position: relative; padding: 61px 0;} #product1_2 { text-align: center; width: 1300px; height: 810px; position: relative; padding: 61px 0;} #product1_3 { text-align: center; width: 1300px; height: 810px; position: relative; padding: 61px 0;} #product2_1 { text-align: center; width: 1300px; height: 600px; position: relative; padding: 61px 0;} /* #product2_1 em.title2 { text-align: left;} #product2_1 em.title2+p { text-align: left; margin: 15px 0 40px 0;} */ #product3_1 { text-align: center; width: 1300px; height: 750px; position: relative; padding: 61px 0;} #product3_1 .pic_type1 { position: absolute; top: 184px; left: 50px;} #product4_1 { text-align: center; width: 1300px; height: 850px; position: relative; padding: 61px 0;} #product4_1 .pic_type1 { position: absolute; top: 184px; left: 50px;} #product4_1 .pic_type5 { position: absolute; top: 610px; left: 50px;} #product4_1 .text_box2 { position: absolute; top: 670px; left: 650px; padding: 0;} #product5_1 { text-align: center; width: 1300px; height: 810px; position: relative; padding: 61px 0;} #product5_1 .pic_type1 { position: absolute; top: 184px; left: 50px;} #product5_1 .pic_type2 { position: absolute; top: 184px; left: 700px;} #product5_1 .text_box { position: absolute; top: 625px; left: 50px; padding: 0;} #product6_1 { text-align: center; width: 1300px; height: 810px; position: relative; padding: 61px 0;} #product6_1 .pic_type1 { position: absolute; top: 184px; left: 50px;} #product6_1 .pic_type2 { position: absolute; top: 184px; left: 700px;} #product6_1 .text_box { position: absolute; top: 625px; left: 50px; padding: 0;} #painting1_1 { text-align: center;} #painting1_2 { text-align: center;} #painting2_1 { text-align: center;} #painting3_1 { text-align: center;} #painting4_1 { text-align: center;} #painting5_1 { text-align: center;} #line1_1 { text-align: center; width: 1300px; height: 1000px; position: relative; padding: 61px 0;} #line1_1 .text_box { bottom: 440px; padding-left: 0; width: 550px;} #line2_1 { text-align: center; width: 1300px; height: 810px; position: relative; padding: 61px 0;} #line2_1 .text_box { bottom: 440px; padding-left: 0; width: 550px;} #line3_1 { text-align: center; width: 1300px; height: 450px; position: relative; padding: 61px 0;} #line3_1 .text_box { bottom: 65px; padding-left: 0; width: 550px;} #line3_2 { text-align: center; width: 1300px; height: 1380px; position: relative; padding: 61px 0;} #line3_2 .text_box { top: 240px; padding-left: 0; width: 550px;} .pic_type1 { position: absolute; left: 50px; top: 184px;} .pic_type2 { position: absolute; left: 50px; top: 534px;} .pic_type3 { position: absolute; right: 50px; top: 534px;} .pic_type4 { position: absolute; right: 50px; top: 500px;} .pic_type5 { position: absolute; left: 50px; top: 522px;} .pic_type6 { position: absolute; right: 50px; top: 184px;} .text_box { position: absolute; bottom: 500px; right: 50px; width: 540px; text-align: left; padding-left: 10px; line-height: 160%;} .text_box em { font-size: 2em; display: block; margin-bottom: 20px;} .text_box2 { position: absolute; top: 329px; left: 650px; width: 540px; text-align: left; padding-left: 10px; line-height: 160%;} .text_box2 em { font-size: 2em; display: block; margin-bottom: 20px;} .text_box3 { position: absolute;left: 50px; bottom: 184px; width: 540px; text-align: left; padding-left: 10px; line-height: 160%;} .text_box3 em { font-size: 2em; display: block; margin-bottom: 20px;} .board_box { width: 1300px; margin: 0 auto; background-color: #fff; padding: 80px 0;} .index .contents_area { width: 1400px; margin: 0 auto; padding-top: 69px; padding-bottom: 90px; background-color: none;} .index .contents_area h2 { text-align: center; margin-bottom: 48px;} #main_works_list { text-align: center; margin: 0 auto;} #main_works_list li { display: inline-block; margin: 0 11px;} #main_works_list li a{ display: block; width: 284px; height: 45px; line-height: 35px; text-align: center; padding-top: 315px; text-decoration: none; font-size: 1.7em;} #main_works_list li a:hover { background-color: #eee; outline: 7px solid #eee;} #main_works_link1 { background: url("./images/main_works1.jpg") no-repeat center top;} #main_works_link2 { background: url("./images/main_works2.jpg") no-repeat center top;} #main_works_link3 { background: url("./images/main_works3.jpg") no-repeat center top;} #main_works_link4 { background: url("./images/main_works4.jpg") no-repeat center top;} .inform_area { background-color: #444;} .qlink_box { width: 880px; margin: 0 auto; padding: 50px 0; position: relative; padding-left: 420px;} .qlink_box strong { color: #ff4800; font-size: 1.3em; display: block; margin-bottom: 15px;} .qlink_box ul { list-style-type: none; position: relative;} .qlink_box ul.qlink_mlists>li { list-style: none; display: inline-block; vertical-align: top; width: 170px;} .qlink_box ul.qlink_mlists>li.notices_link { position: absolute; top: 90px; left: 694px;} .qlink_box ul.qlink_mlists a { color: #fff; text-decoration: none; line-height: 160%; font-size: 1.2em;} .qlink_box ul.qlink_mlists a:hover { color: yellow; text-decoration: underline;} .cscenter { position: absolute; left: 50px; color: #fff; line-height: 140%;} .cscenter em { display: block; color: #fff; font-size: 2em; font-weight: bold; margin-bottom: 10px;} .cscenter em+em { color: #ffa200; font-size: 2em; margin-bottom: 20px;} .copyright { background-color: #000;} .copyright span { width: 1300px; margin: 0 auto; color: #fff; height: 109px; line-height: 109px; display: block;}