/* ----------------------------- Main -------------------------------- */ #main{padding:0} #main #content{width:100%;padding:0} /* slider */ #slider{height:500px;width:100%;overflow:hidden} #slider .slides_control{position:relative} #slider ul.slides_container{width:1800px;margin:0 auto;height:500px;position:relative} #slider ul.slides_container li{width:1800px;height:500px;background-position:center top;background-repeat:no-repeat;text-align:left} #slider ul.slides_container li.slide1{background-image:url(../images/Main/slider1.png)} #slider ul.slides_container li.slide2{background-image:url(../images/Main/slider1.png)} /* #slider ul.slides_container .text{margin-top:150px;background:url(../images/Main/opacity2.png) repeat 0 0;display:inline-block;zoom:1;*display:inline;padding:15px 60px} #slider ul.slides_container .text h2{font-size:52px;color:#fff} #slider ul.slides_container .text h2 span{display:block;clear:both} #slider ul.slides_container .text .normal{font-weight:normal} #slider ul.slides_container .text .weight{font-weight:bold} */ #slider ul.slides_container .text{margin-top:5px;background:url(../images/Main/opacity2.png) repeat 0 0;display:inline-block;zoom:1;*display:inline;padding:5px} #slider ul.slides_container .text h2{font-size:17px;color:#fff} #slider ul.slides_container .text h2 span{display:block;clear:both} #slider ul.slides_container .text .normal{font-weight:bold;line-height:150%} #slider ul.slides_container .text .weight{font-weight:bold;line-height:150%} #slider .next, #slider .prev{ color:#fff; position:absolute; top:330px;left:150px; display:block; width:50px;height:50px; background:url(../images/Main/slider_arrow.png) no-repeat 0 0; text-indent:-1000em; overflow:hidden; z-index:9999 } #slider .next{ left:auto;right:150px; background-position:0 -50px } #slider .pagination{ text-align:center; position:relative; width:100%; z-index:9998; bottom:80px } #slider .pagination li{ display:inline-block;zoom:1;*display:inline; margin:0 3px } #slider .pagination li a{ display:block; background:url(../images/Main/slider_btn.png) no-repeat 0px 0; width:13px;height:15px; text-indent:-1000em } #slider .pagination li.current a{ background:url(../images/Main/slider_btn_on.png) no-repeat 0 0; width:38px;height:16px } /* recently article */ #slider2{padding:50px 0 15px 0;} #slider2 li{} #slider2 h3{color:#333;padding-bottom:10px} #slider2 h3 span{font-weight:normal} #slider2 .left{width:373px;} #slider2 .left h4{color:#009cff;font-size:13px;display:block;padding:15px 0} #slider2 .left p{width:100%;font-size:13px;} #slider2 .right{float:right;width:600px;margin-right:-20px} #slider2 .right ul{background:red;} #slider2 .right ul li{} #slider2 .right ul li a{display:block;margin-left:5px;margin-bottom:5px;position:relative} #slider2 .right .over{display:none;position:absolute;width:100%;height:100%;z-index:2000;background:url(../images/Main/opacity.png) repeat 0 0} #slider2 .right ul li a:hover .over{display:block} #slider2 .slidesjs-pagination-item{display:none} a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop { background-image: url(../images/Main/playButton.png); background-repeat: no-repeat; display:block; width:26px; height:25px; overflow: hidden; text-indent: -9999px; float: left; margin-right:3px; } a.slidesjs-next { background-position: -58px 0; } a.slidesjs-previous { background-position: 0 0; } a.slidesjs-play { background-position: -87px 0; } a.slidesjs-stop { background-position: -29px 0; } /* slider2 */ #slider2 li{overflow:hidden} /* other */ #other{clear:both;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background:#f8f8f8;margin-top:40px;overflow:hidden;font-size:13px} #other .wrap{padding:53px;overflow:hidden} #other .ttbox{position:relative;padding-bottom:12px;overflow:hidden} #other .ttbox h3{color:#000;font-size:16px;font-weight:bold} #other .ttbox .more{position:absolute;right:0;top:0} #other .ttbox .more em{font-style:normal;color:#fe3a3a;font-family:dotum,돋움;font-size:10px;padding-left:3px} #other .ttbox .more a:hover{text-decoration:none} #other a{color:#666;font-size:13px;display:inline} #other .date{float:right} #other li{line-height:160%} #other .left{width:294px;margin-right:30px;overflow:hidden} #other .left .top{border-bottom:1px solid #d2d2d2;padding-bottom:15px} #other .left .bottom{clear:both;padding-top:15px} #other .left .bottom .pic{float:left} #other .left .bottom .cont{float:left;padding-left:15px;line-height:150%;width:190px;font-size:13px} #other .left .bottom ul{clear:both;padding-top:2px} #other .left .bottom li{padding-bottom:8px;overflow:hidden;clear:both} #other .center{float:left;width:296px;margin-right:30px;overflow:hidden} #other .right{width:327px;height:260px} #other .right .btn-list{overflow:hidden} #other .right .btn-list li{float:left;width:33.3333333%;display:block} #other .right .btn-list li a{height:87px;width:100%;display:block;color:#fff;text-align:center;font-size:14px;line-height:120%;overflow:hidden} #other .right .btn-list li a:hover{text-decoration:none} #other .right .btn-list li a span{position:relative;} #other .right .btn-list li.list1 a{background:#002957;background-repeat:no-repeat;background-position:center center} #other .right .btn-list li.list1 a span{top:25px} #other .right .btn-list li.list1 a.over{background-image:url(../images/Main/project_ico1.png)} #other .right .btn-list li.list2 a{background:#ffa200} #other .right .btn-list li.list2 a span{top:25px} #other .right .btn-list li.list2 a.over{background-image:url(../images/Main/project_ico2.png)} #other .right .btn-list li.list3 a{background:#2b8ed1} #other .right .btn-list li.list3 a span{top:25px} #other .right .btn-list li.list3 a.over{background-image:url(../images/Main/project_ico3.png)} #other .right .btn-list li.list4 a{background:#7d4834} #other .right .btn-list li.list4 a span{top:32px} #other .right .btn-list li.list4 a.over{background-image:url(../images/Main/project_ico4.png)} #other .right .btn-list li.list5 a{background:#00b19d} #other .right .btn-list li.list5 a span{top:32px} #other .right .btn-list li.list5 a.over{background-image:url(../images/Main/project_ico5.png)} #other .right .btn-list li.list6 a{background:#eb7a38} #other .right .btn-list li.list6 a span{top:25px} #other .right .btn-list li.list6 a.over{background-image:url(../images/Main/project_ico6.png)} #other .right .btn-list li.list7 a{background:#e83d44} #other .right .btn-list li.list7 a span{top:32px} #other .right .btn-list li.list7 a.over{background-image:url(../images/Main/project_ico7.png)} #other .right .btn-list li.list8 a{background:#ffbf00} #other .right .btn-list li.list8 a span{top:15px} #other .right .btn-list li.list8 a.over{background-image:url(../images/Main/project_ico8.png)} #other .right .btn-list li.list9 a{background:#242424} #other .right .btn-list li.list9 a span{top:11px} #other .right .btn-list li.list9 a.over{background-image:url(../images/Main/project_ico9.png)} #other .right .btn-list li a.over span{display:none} /* links */ #links{clear:both;color:#fff;padding:50px 0} #links li a{display:block;background:#2365a8;border-radius:5px;color:#fff;width:310px;margin-right:20px} #links li a .inner{padding:18px 15px;padding-left:85px;background:url(../images/Main/link_ico1.png) no-repeat left bottom} #links li a h3{font-size:19px;padding-bottom:8px} #links li a h3.eng{font-size:19px;margin-top:16px;margin-left:16px;padding-bottom:8px} #links li a p{color:#fff;font-size:12px;line-height:150%} #links li a p.eng{color:#fff;font-size:12px;line-height:100%} #links a:hover{text-decoration:none} #links li.link1 a .inner{padding:18px 23px;padding-left:80px;padding-right:10px} #links li.link2 a .inner{letter-spacing:-1px;background-image:url(../images/Main/link_ico2.png);background-position:5% 80%} #links li.link3 a .inner{background:#ff6600;border-radius:5px;background-image:url(../images/Main/link_ico3_yel.png);background-repeat:no-repeat;background-position:5% 50%} #links li.link3 a{margin-right:0} /* ----------------------------- About KDS -------------------------------- */ #about .page-head{background-image:url(../images/AboutKDS/page_head_visual.png)} /* 01_Chairman Message */ #chairman .left{width:40%} #chairman .right{width:60%} #chairman .bottom{clear:both;text-align:right;padding:80px 0 40px 0;} /*#presedent .bottom{clear:both;text-align:right;padding:120px 0 40px 0;background:url(../images/AboutKDS/sign.png) no-repeat right 40px}*/ #chairman .bottom span{display:block;clear:both;line-height:140%} #chairman .bottom span.s1{font-size:15px} #chairman .bottom span.s2{font-size:13px} /* 01_Presedent Message */ #presedent .left{width:63%} #presedent .right{width:37%} #presedent .bottom{clear:both;text-align:right;padding:20px 0 40px 0;} /*#presedent .bottom{clear:both;text-align:right;padding:120px 0 40px 0;background:url(../images/AboutKDS/sign.png) no-repeat right 40px}*/ #presedent .bottom span{display:block;clear:both;line-height:140%} #presedent .bottom span.s1{font-size:15px} #presedent .bottom span.s2{font-size:13px} /* 02 Vision */ #vision .list-type-block li{padding-bottom:50px;overflow:hidden;position:relative} #vision .list-type-block .icon{display:block;width:205px;height:169px;background:url(../images/AboutKDS/vision_icon1.png) no-repeat 0 0;position:absolute} #vision .list-type-block .contbox{float:right;background:#f5f5f5;border-radius:10px;width:580px} #vision .list-type-block .contbox .inner{padding:30px 40px} #vision .list-type-block .contbox dt{color:#2762a4;font-size:25px;font-weight:bold;padding-bottom:15px} #vision .list-type-block .contbox dd{font-size:14px} #vision .list-type-block .contbox dd span{display:block;clear:both;line-height:150%} #vision .list-type-block .contbox .fa{color:#2762a4} #vision .list-type-block li.list_1{padding-top:40px} #vision .list-type-block li.list_1 .inner{padding-bottom:40px} #vision .list-type-block li.list_1 .icon{top:20px;background-image:url(../images/AboutKDS/vision_icon1.png)} #vision .list-type-block li.list_2 .icon{top:20px;background-image:url(../images/AboutKDS/vision_icon2.png)} #vision .list-type-block li.list_3{padding-bottom:10px} #vision .list-type-block li.list_3 .icon{top:20px;background-image:url(../images/AboutKDS/vision_icon3.png)} #vision .list-type-block li.list_4{padding-top:40px} #vision .list-type-block li.list_4 .icon{top:20px;background-image:url(../images/AboutKDS/vision_icon4.png)} #vision .list-type-block li.list_4 dd span{display:inline-block;zoom:1;*display:inline;padding-right:10px} #vision .list-type-block li.list_4 .icon{top:20px} /* 03 History */ /* 히스토리 리스트 */ #history .history-cont dl{display:block;clear:both} #history .history-cont dt{float:left;width:80px;font-weight:bold;font-size:26px;color:#222;letter-spacing:-1px;font-family:arial;position:relative;top:-1px} #history .history-cont dt .bu{display:block;background:url(../images/AboutKDS/history_bullet.png) no-repeat 0 bottom;width:15px;height:25px;position:absolute;right:-9px;top:-5px} #history .history-cont dd{float:left;border-left:2px solid #2762a4;} #history .history-cont dd ul{padding-left:20px;padding-bottom:50px;padding-top:3px} #history .history-cont dd ul li{clear:both;font-size:14px;padding-bottom:15px;line-height:160%;} #history .history-cont dd ul li .date{float:left;font-weight:bold;padding-right:10px;line-height:140%;} #history .history-cont dd ul li .memo{float:left; width:620px;line-height:140%; } #history .history-cont .first dt .bu{background-color:#fff} #history .history-cont .last ul, #history .history-cont .last ul li{padding-bottom:0} /* 05_Clients */ #clients .list-type-inline li{width:33.3333333%} /* 06 Partners */ #partners .list-type-inline li{width:33.3333333%} #partners table .address td{border-bottom:none} #partners table .address2 td{padding-top:5px} /* ----------------------------- Our Expertise -------------------------------- */ #expertise .page-head{background-image:url(../images/OurExpertise/page_head_visual.png)} /* Overview */ #overview-frame{background:url(../images/OurExpertise/overview_bg.png) no-repeat left top;padding:50px 0;height:460px;position:relative} #overview-frame .box{display:block;clear:both;background:#f8f8f8;padding:18px;border-radius:5px;width:480px;position:absolute;top:0;left:0} #overview-frame .box dt{font-size:23px;color:#333;font-weight:bold;padding-bottom:7px} #overview-frame .box dt span{font-size:13px;font-weight:normal;padding-left:5px} #overview-frame .box ul{clear:both} #overview-frame .box ul li{line-height:150%;font-size:14px} #overview-frame #bx1{top:58px;left:180px} #overview-frame #bx2{top:250px;left:325px;width:399px} #overview-frame #bx3{top:420px;left:180px;width:440px} #overview-frame .arrow{display:block;position:absolute;left:-11px;top:10px;width:15px;height:15px;background:url(../images/OurExpertise/overview_arrow.png) no-repeat 0 0} /* Research */ #research p{line-height:150%} #contact .pd25{overflow:hidden} #contact h4{float:left;padding-right:25px} #contact ul{float:left;border-left:1px solid #869dac;margin-top:6px;padding-left:25px;overflow:hidden} #contact li{font-family:dotum,돋움;font-size:11px;background-position:left center;background-repeat:no-repeat;padding-left:20px;margin-right:8px} #contact li a{color:#444;font-family:dotum,돋움} #contact .r1{background-image:url(../images/OurExpertise/research_ico1.png)} #contact .r2{background-image:url(../images/OurExpertise/research_ico2.png)} #contact .r3{background-image:url(../images/OurExpertise/research_ico3.png)} #contact .r4{background-image:url(../images/OurExpertise/research_ico4.png)} #contact .r5{background-image:url(../images/OurExpertise/research_ico5.png)} /* Training */ #projectList .list-type-block li{top:20px;padding-bottom:30px;overflow:hidden;position:relative} #projectList .list-type-block .icon{display:block;top:20px;width:99px;height:99px;position:absolute;} #projectList .list-type-block .contbox { float:right;width:630px;min-height:99px;padding:20px 0 20px 20px;} #projectList .list-type-block .contbox .inner{ padding:0px 15px; } #projectList .list-type-block .contbox dt { margin-bottom:10px;} #projectList .list-type-block .contbox dt .cat {margin-right:10px;color:#2762a4;font-size:15px;font-weight:bold;top:15px;} #projectList .list-type-block .contbox dt .title {margin-right:10px;color:#ef6d0e;font-size:17px;font-weight:bold;margin-top:5px;} #projectList .list-type-block .contbox dt .date {clear:both; color:#727272;font-size:14px;margin-top:10px;} #projectList .list-type-block .contbox dd {font-size:16px; margin-top:10px;line-height:150%} #projectList .list-type-block .contbox dd span{display:block;clear:both;} #projectList .list-type-block .contbox .fa{color:#2762a4} /* ----------------------------- Projects -------------------------------- */ #projects .page-head{background-image:url(../images/Projects/page_head_visual.png);background-position:right 50%} /* Our Regions */ #regions .map-icon{display:block;width:102px;height:102px;overflow:hidden;background:url(../images/Projects/mapIcon_1.png) no-repeat 0 0;position:absolute;left:0;top:0} #regions #mapIcon_1.map-icon{background-image:url(../images/Projects/mapIcon_1.png)} #regions #mapIcon_2.map-icon{background-image:url(../images/Projects/mapIcon_2.png)} #regions #mapIcon_3.map-icon{background-image:url(../images/Projects/mapIcon_3.png)} #regions #mapIcon_4.map-icon{background-image:url(../images/Projects/mapIcon_4.png)} #regions #mapIcon_5.map-icon{background-image:url(../images/Projects/mapIcon_5.png)} #regions #mapIcon_6.map-icon{background-image:url(../images/Projects/mapIcon_6.png)} #regions .list-type-inline{margin-top:20px} #regions .list-type-inline li{cursor:pointer;width:50%;position:relative} #regions .list-type-inline .box{background:#f8f8f8;border-radius:5px;margin-right:15px;margin-bottom:20px;height:102px;float:right;width:80%;border-top-left-radius:0px;border-bottom-left-radius:0px} #regions .list-type-inline .box .inside{padding:30px;padding-left:57px} #regions .list-type-inline li.end .box{margin-right:0} #regions .list-type-inline li.end .map-icon{margin-left:15px} #regions .list-type-inline li .box h3{color:#333;font-weight:normal} #regions .list-type-inline li .box p{font-size:14px;padding-top:3px} #regions .list-type-inline .line2 .box h3{margin-top:-10px} #regions .list-type-inline li:hover .map-icon, #regions .list-type-inline li.active .map-icon{background-position:0 -102px} #regions .list-type-inline li:hover h3, #regions .list-type-inline li.active h3{color:#000} /* Our Sectors */ #sectors .list-type-inline{text-align:center} #sectors .list-type-inline li{display:inline-block;zoom:1;*display:inline;width:33.3333333%;cursor:pointer} #sectors .box{border:1px solid #e6e6e6;border-radius:5px;padding:20px;margin-right:25px;margin-bottom:25px;height:200px;position:relative} #sectors .icon{text-align:center;padding-bottom:20px} #sectors .nopd .box{padding:20px 5px} #sectors dt{clear:both;display:block;font-weight:bold;font-size:20px;color:#2762a4;line-height:100%} #sectors dd{font-size:14px;padding-top:10px;position:absolute;bottom:15px;width:100%;text-align:center;left:0} #sectors .hidden-list{position:absolute;width:100%;height:100%;background:url(../images/Projects/hidden_list_opacity.png) repeat 0 0;left:0;top:0;border-radius:5px;display:none} #sectors .hidden-list .more a{color:#edff73;float:right;position:absolute;right:15px;top:20px} #sectors .hidden-list ul{clear:both;padding:18px;padding-top:45px} #sectors .hidden-list li{border-bottom:1px dotted #a3afb6;clear:both;width:100%;line-height:200%} #sectors .hidden-list li a{color:#fff;font-size:12px;float:left} #sectors .hidden-list li .date{float:right;color:#fff;font-size:12px} /* Our Projects */ #projects2 .picture-frame{width:760px;height:512px;position:relative;background:url(../images/Projects/project_picture_frame.png) no-repeat 0 0;clear:both} #projects2 .picture-frame .inner{padding:18px 15px 15px 18px} /* ----------------------------- Our People -------------------------------- */ #people .page-head{background-image:url(../images/OurPeople/page_head_visual.png);background-position:right 70%} /* our team */ #ourteam .box-type-basic2 .inner{padding:40px;background:url(../images/OurPeople/ico_1.png) no-repeat 10% center;padding-left:170px;font-size:18px;color:#333;line-height:120%} #profile{margin-top:40px} #profile h4{color:#2f68a7;font-size:15px;display:block;clear:both;padding-top:10px;padding-bottom:7px;padding-left:20px} #profile .cont{float:left;padding-right:15px;width:270px;} #profile .cont2{float:left;padding-right:15px;width:280px;} #profile .pic{float:left;background:#db624b;width:130px;height:130px;margin-right:20px} #profile li{padding:40px 0;overflow:hidden} #profile li li{font-size:12px;line-height:150%;padding-bottom:0;padding-top:0;padding-left:10px} #profile ul ul{padding-left:20px} #profile .cont-head{} #profile h3{color:#333;font-size:18px;float:left} #profile .tel, #profile .mail{border-radius:20px;display:inline-block;zoom:1;*display:inline;padding:2px 35px;float:left;color:#333;font-family:dotum,돋움;font-size:11px;background:url('../images/OurExpertise/research_ico3.png') no-repeat 30px center #f3f3f3;text-indent:13px;margin-left:10px} #profile .mail{background-image:url('../images/OurExpertise/research_ico4.png')} /* ----------------------------- Career -------------------------------- */ #career .page-head{background-image:url(../images/Career/page_head_visual.png);background-position:right 70%} /* 01 spirit - TYPE A */ #spirit .list-type-block li{padding-bottom:50px;overflow:hidden;position:relative;padding-top:43px} #spirit .list-type-block .icon{display:block;width:133px;height:131px;background:url(../images/Career/spirit_icon_1.png) no-repeat 0 0;position:absolute;top:10px} #spirit .list-type-block .contbox{float:right;background:#f5f5f5;border-radius:10px;width:100%} #spirit .list-type-block .contbox .inner{padding:25px;padding-left:160px;padding-bottom:40px} #spirit .list-type-block .contbox dt{color:#2762a4;font-size:28px;font-weight:bold;float:left;width:160px;margin-top:-8px} #spirit .list-type-block .contbox dd{font-size:14px;float:left} #spirit .list-type-block .contbox dd span{display:block;clear:both;line-height:150%} #spirit .list-type-block li.list_1 .inner{padding-bottom:40px} #spirit .list-type-block li.list_1 .icon{background-image:url(../images/Career/spirit_ico_1.png)} #spirit .list-type-block li.list_2 .icon{background-image:url(../images/Career/spirit_ico_2.png)} #spirit .list-type-block li.list_3 .icon{background-image:url(../images/Career/spirit_ico_3.png)} /* 01 spirit -TYPE B */ #spirit .spirit-type2{clear:both;background:url(../images/Career/spirit_type2_bg.png) no-repeat 0 0;position:relative;width:764px;height:288px} #spirit .spirit-type2 dl{width:265px;position:absolute;color:#fff;text-align:center;top:55px} #spirit .spirit-type2 dt{font-size:28px;font-weight:bold} #spirit .spirit-type2 dd{clear:both;font-size:14px;line-height:140%;padding-top:30px} #spirit .spirit-type2 dl.one{left:0} #spirit .spirit-type2 dl.two{left:245px} #spirit .spirit-type2 dl.three{left:490px} /* 04 Apply For Staff - Step */ #job-step .tabmenu{clear:both;padding-bottom:50px;overflow:hidden} #job-step .tabmenu ul{} #job-step .tabmenu ul li{float:left;width:16.6666667%} #job-step .tabmenu ul li a{background:#e6e6e6;text-align:center;display:block;padding:15px;height:96px;position:relative;margin-right:1px;cursor:default} #job-step .tabmenu ul li a span, #job-step .tabmenu ul li a strong{display:block;clear:both;color:#333;position:relative} #job-step .tabmenu ul li a .step{font-size:11px;top:25px} #job-step .tabmenu ul li a strong{font-size:15px;top:33px} #job-step .tabmenu ul li a:hover{text-decoration:none} #job-step .tabmenu ul li.active a{background:url(../images/Career/step_arrow.png) no-repeat center 85% #2762a4} #job-step .tabmenu ul li.active a span, #job-step .tabmenu ul li.active a strong{color:#fff} /* 달력아이콘 */ #job-step .ico_calendar{width:22px;height:23px;display:inline-block;zoom:1;*display:inline;background:url(../images/Career/ico_calendar.png) no-repeat 0 0;border:none;padding:0;margin:0;cursor:pointer;position:relative;top:-5px;margin:0 5px} /* 06 Q&A */ #qna .box-type-basic2 .inner{padding:40px 20px;background:url(../images/OurPeople/ico_1.png) no-repeat 5% center;padding-left:130px;font-size:20px;color:#333;line-height:140%;letter-spacing:-1px} /* Alumni */ #alumni{} #alumni #profile-list li{overflow:hidden;padding:30px 0} #alumni #profile-list .pic{float:left;width:150px} #alumni #profile-list .pic .frame{width:150px;height:150px;background:url(../images/Career/profile_frame.png) no-repeat 0 0} #alumni #profile-list .pic .frame img{width:144px;height:144px;margin:3px} #alumni #profile-list .info{float:right;width:580px} #alumni #profile-list .info h3{color:#fff;display:block;width:580px;height:41px;line-height:41px;background:url(../images/Career/profile_title_box.png) no-repeat 0 0;text-indent:20px;font-size:15px;font-weight:normal} #alumni #profile-list .info .cont{clear:both} #alumni #profile-list .info .desc{font-size:12px;line-height:140%;width:411px;padding-top:15px;padding-left:15px} /* ----------------------------- News -------------------------------- */ #news .page-head{background-image:url(../images/News/page_head_visual.png);background-position:right 50%} #news .headline{background:url(../images/News/bg_headline.png) no-repeat 0 0;width:759px;overflow:hidden;clear:both;padding-bottom:50px} #news .headline .inside{padding:30px;height:231px;border:1px solid #2762a4} #news .headline .cont{float:left} #news .headline .pic{float:right} #news .headline .cont .category{color:#0078ff;font-size:12px;display:block} #news .headline .cont .subject, #news .headline .cont .subject a{color:#333;font-size:18px;display:block;clear:both;padding:5px 0} #news .headline .cont p{line-height:140%;padding-top:5px} /* ----------------------------- ETC -------------------------------- */ #etc .page-head{background-image:url(../images/Etc/page_head_visual.png);background-position:right 10%} /* location */ #map ul li{clear:both;border-bottom:1px solid #e3e3e3;padding:25px 20px;overflow:hidden;width:100%} #map ul li.end{border-bottom:none} #map ul li dt{float:left;font-weight:bold;font-size:14px;color:#333;display:block;width:70px;padding-top:3px;line-height:140%} #map ul li dd{float:left;font-size:12px;line-height:150%;width:90%;display:block} #map ul li dd div{float:left;background:url(../images/Etc/map_ico_metro.png) no-repeat left top;padding-left:100px;height:100px;width:35%} #map ul li dd div.metro{} #map ul li dd div.bus{float:right;background-image:url(../images/Etc/map_ico_bus.png)} #map ul li dd div.car{clear:both;float:left;background-image:url(../images/Etc/map_ico_car.png)} #map ul li dd div h4{font-size:12px;color:#333;display:block;padding-bottom:5px}