/* 2017.05.29 재코딩 */ @import url('/common/fonts/NanumGothic/nanumgothic.css'); /* 2017.07.12 유대규: 폰트 임베딩 경로를 서버 내부로 이동(로딩속도 향상?) */ #mainvisual{position:absolute; width:100%; background: url(/images/main/mainvisual_img1.png) no-repeat top center; height:800px; top:120px; left:0; z-index:-1} /* 메인 뒷배경 고정값 */ #mainvisual #mainvisual_copy{position:relative; width:1000px; margin:0 auto; padding:55px 0 0 20px;} #main_content{ position: relative; margin:0 auto; clear:left; margin:80px auto auto auto; width:979px; /*background:url(/images/main/main_product_bg.png) no-repeat 0 355px;*/ height:1040px; } #m_news{ position:relative; /*background:url(/images/main/news_bg.png) no-repeat top center; */ width:390px; height:322px; float:right } /* #m_news h1{position:relative; padding:27px;} #m_news h1 span{position:absolute; right:25px; top:26px;} #m_news h1 span img{margin-right:5px} #m_news div{clear:left; position:relative; padding:0 27px 0 27px; font-size:13px; line-height:17px; color:#7b7b7b} #m_news div b{color:#232323; font-size:17px; line-height:18px; font-family:notokr-light; letter-spacing:-0.05em; padding-bottom:20px;} #m_news div p{border-bottom:1px solid #ebebeb; margin:0 0 25px 0; padding:20px 0 35px 0} #m_news div img{vertical-align:middle; margin-right:3px;} */ #m_product{ clear:right; position:relative; width:930px; margin:0 auto; padding:60px 0 45px 0; } #m_product h1{text-align:center; height:50px;} #m_product ul{margin:0; padding:0px;} #m_product li{display:inline-block; vertical-align:top; text-align:center; width:100%} #m_tng{width:930px; margin:0 auto; border-top:1px solid #ebe9ea; padding-top:20px;} #m_tng h1{text-align:center; height:50px;} #m_tng #m_tng_in{padding-left:10px;} #m_tng #m_movie{ display:inline-block; vertical-align:top; border-bottom:1px solid #ebe9ea; padding-right:4px; } #m_tng #m_movie h2{ background:url(/images/main/rnd_bg.gif); height:30px; padding-top:8px; text-align:center; color:#fff; font-size:14px; width:481px; border-right:1px solid #fff; } #m_tng #m_movie h2 img{vertical-align:middle; margin-right:3px;} #m_tng #m_movie #m_movie_in{ display:block; position:relative; margin:0; padding:0px 0 0 0; background:url(/images/main/main_movie_banner.jpg) center center no-repeat; width:482px; height:120px; } #m_tng #m_movie #m_movie_in table, #m_tng #m_movie #m_movie_in table tr, #m_tng #m_movie #m_movie_in table tr td{border:0;} #m_tng #m_catalog{display:inline-block; vertical-align:top; width:409px; text-align:center} #m_tng #m_catalog h2{ background:url(/images/main/movie_bg.gif); height:30px; padding-top:8px; text-align:center; color:#fff; font-size:14px; } #m_tng #m_catalog ul{ margin:0; width:409px; background:url(/images/main/about_catalog_ul_bg.png) no-repeat center center; padding-top:5px; padding-bottom:16px; } #m_tng #m_catalog li{ display:inline-block; text-align:center; width:49%; letter-spacing:-0.07em; padding-top:20px; font-size:16px; font-weight:bold; } #m_tng #m_catalog h2 img{vertical-align:middle; margin-right:3px;} /* #m_manage{clear:left; width:930px; margin:0 auto; } #m_manage h1{text-align:center; height:45px; padding-top:30px; padding-bottom:15px;} #m_manage ul{} #m_manage li{line-height:20px; font-size:14px; display:inline-block; vertical-align:top} #m_manage b{font-size:19px; font-family:notokr-medium; font-weight:normal} #m_manage p{margin:0; padding:90px 0 0 46px} #m_manage .manage1{background:url(/images/main/main_management_img1.jpg) no-repeat top center; width:296px; height:237px; color:#fff;} #m_manage .manage2{background:url(/images/main/main_management_img2.jpg) no-repeat top center; width:296px; height:237px; color:#fff;} #m_manage .manage3{background:url(/images/main/main_management_img3.jpg) no-repeat top center; width:296px; height:237px; color:#fff;} #m_manage .manage4{background:url(/images/main/main_management_img4.jpg) no-repeat top center; width:296px; height:237px; color:#fff;} */ /* --------------- */ #mainimg{position:relative; background:url(/images/main/mainimg.jpg) no-repeat top center; height:396px; font-size:0} #mainimg div{width:1000px; margin:0 auto; text-align:right; padding-top:125px;} #mainimg div img{margin-right:80px} #main_product{position:relative; padding-bottom:10px; width:100%; min-width:1000px; max-width:1200px; margin:-30px auto auto auto} #main_product ul{margin:0; padding:0} #main_product li{display:inline-block; text-align:center; width:24%; font-family:notokr-medium; vertical-align:top} #main_product .over{color:#d9392b} #main_product p{padding-top:10px 10px; line-height:18px} #main_contents{position:relative; width:1115px; height:450px; margin:0 auto; padding-top:30px;} #main_news{float:left; margin:0; position:relative; border-top:1px solid #20344F; border-left:1px solid #d8d8d8; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; width:385px; height:445px;} #main_news #news_box{padding:40px;} #main_news h1{margin:0; padding:0} #main_news h1 img{margin-bottom:20px;} #main_news p{color:#7b7b7b; font-size:80%; line-height:18px; height:60px;} #main_news span{color:#7b7b7b; font-size:80%; display:block} #main_news .line{width:100%; float:none; height:1px; background:#dbdbdb; position:relative; margin:30px 0 30px 0} #main_report{float:left; margin:0; position:relative; border-top:1px solid #20344F; border-bottom:1px solid #d9d9d9; width:375px; height:445px;} #main_report #report_box{padding:40px;} #main_report h1{margin:0; padding:0} #main_report h1 img{margin-bottom:20px;} #main_report ul{margin:0; padding:14px 0 0 0; height:90px;} #main_report li{float:left} #main_report .img{width:112px} #main_report .img img{border:1px solid #e3e3e3} #main_report .txt{color:#7b7b7b; font-size:80%; line-height:18px; width:180px; height:90px; float:right} #main_report span{color:#7b7b7b; font-size:100%; display:block} #main_report .line{width:100%; float:none; height:1px; background:#dbdbdb; position:relative; margin:30px 0 30px 0} #main_rnd_movie{position:relative; width:353px; height:445px; float:right} #main_rnd{position:relative; background:url(/images/main/rnd_bg.gif); width:100%; height:245px; } #main_rnd #rnd_box{ padding:15px 20px 30px 20px;} #main_rnd h1{margin:0; text-align:center; font-size:20px; font-family:notokr-medium; color:#fff; font-size:14px} #main_rnd h1 img{} #main_rnd ul{margin:0; padding:15px 0 0 0} #main_rnd li{display:inline-block; text-align:center; font-size:15px; color:#fff; font-size:90%} #main_rnd p{text-align:center; padding:20px 0 0 0; margin:0} #main_movie{position:relative; clear:left; background:url(/images/main/movie_bg.gif); width:100%; height:202px} #main_movie #movie_box{padding:20px 20px 15px 20px;} #main_movie h1{margin:0; text-align:center; font-size:20px; font-family:notokr-medium; color:#fff; font-size:14px} #main_movie h1 img{} #main_movie p{text-align:center;} #main_movie .icon{position:absolute; margin-left:30px; margin-top:-10px;} #main_ideology{clear:left; position:relative; background:#f5f5f5; width:100%; height:320px; margin-top:30px} #main_ideology #ideology_box{width:1115px; margin:0 auto;} #main_ideology ul{position:relative; padding:30px 0 0 0;} #main_ideology li{float:left; line-height:0; font-size:0; text-align:center; width:33.3%} #main_ideology .txt{position:absolute; text-align:left; color:#fff; padding:95px 0 0 70px} #main_ideology strong{font-size:20px; color:#fff;}