@charset "utf-8"; /*-------- Common --------*/ /*-------- Start Layout --------*/ /* 2015-01-15 포커스 명도대비 강화 2015-01-15*/ div#perform a:focus, div#recommend button:focus, div#recommend a:focus{outline:dotted 2px #fff;} div#container_m { z-index:600;} div#recommend {position:relative;height:430px;} div#recommend .reco_img{float:left;width:670px;} div#recommend .reco_img img{width:670px;height:430px;} div#recommend ul.reco_con { float:left;width:290px;height:390px;background-color:#222;padding:20px; } div#recommend ul.reco_con > .reco_class {background-color:#62483a;color:#fff;font-size:1.1em;padding:7px 10px;margin:50px 0 40px 0;width:60px;text-align:center;} div#recommend ul.reco_con > .reco_ttl {color:#fff;font-size:1.7em;line-height:1.5em;} div#recommend ul.reco_con > .reco_area{color:#d38f40;font-size:1.2em;line-height:1.5em;margin:30px 0 0 0;} div#recommend ul.reco_con > .reco_date{color:#aaa;font-size:1.1em;line-height:1.5em;} div#recommend ul.reco_con > .reco_btn{margin:50px 0 0 0;text-align:center;} div#recommend ul.reco_con a{color:#fff;font-size:1.1em;display:inline-block;zoom:1;*display:inline;width:43%;padding:15px 0;margin:2%;text-align:center;font-weight:bold;} div#recommend ul.reco_con a.reco_btn1{background-color:#695750;} div#recommend ul.reco_con a.reco_btn2{background-color:#5f5d59;} div#recommend ul.reco_con a.reco_btn1:hover, div#recommend ul.reco_con a.reco_btn1:focus {background-color:#000;} div#recommend ul.reco_con a.reco_btn2:hover, div#recommend ul.reco_con a.reco_btn2:focus {background-color:#000;} div#recommend .bs_nav{width:260px; position:absolute; top:26px; right:10px; z-index:22;} div#recommend .bs_nav a {font-size:0px; width:14px; height:14px; background:url("/web/images/index/controll_dot1.png") no-repeat 0 0; display:block; float:left; margin-right:10px;} div#recommend .bs_nav a.activeSlide {background:url("/web/images/index/controll_dot1over.png") no-repeat 0 0; width:31px;} div#recommend .playbtn{position:absolute;top:20px;right:285px; z-index:22;} div#recommend .playbtn button{padding:0;background-color:transparent;cursor:pointer;height:22px;width:17px;text-shadow:1px 1px #3E3E3E;font:12px/12px system;} div#recommend .playbtn button.start{color:#FF5026;} div#recommend .playbtn button.stop{color:#fff;} div#perform{position:relative;padding:20px 0 30px 0;} div#perform > div.per_zone{margin-left:50px;margin-right:40px;z-index:0;position:relative;overflow:hidden;padding-top:6px;} /* div#perform > div > ul.per_con{margin-left:50px} */ div#perform > div > ul.per_con li{float:left;padding-left:10px; width:215px; height:130px; position:relative;} div#perform > div > ul.per_con li img{border:1px solid #000;width:213px;height:128px;} div#perform > .per_per{position:absolute;top:60px;left:0px;} div#perform > .per_nxt{position:absolute;top:60px;right:0px} ul#section1 { margin-top:40px;} /*ul#section1 > li#bannZone{ padding-top:15px;}*/ /* ul#section1 > li.snan .vr {margin-bottom:30px;} */ ul#section1 > li.snan .snanpop {margin-bottom:50px;} ul#section1 > li.snan { position:relative;float:left;width:300px;margin-left:45px; } ul#section1 > li.snan.news {width:310px; margin-left:45px;} ul#section1 > li.snan:first-child { margin-left:0; } ul#section1 > li.snan > .snanpop img{width:300px;height:170px;} ul#section1 > li.snan > .controll{position:absolute; left:135px; top:183px;} ul#section1 > li.snan > .controll > a {display: inline-block; padding: 5px;margin-left: -4px;} ul#section1 > li.snan > .playbtn{position:absolute;top:180px;left:58px;} ul#section1 > li.snan > .playbtn button{padding:0;background-color:transparent;cursor:pointer;height:22px;width:22px;font:12px/12px system;} ul#section1 > li.snan > .playbtn button.start{color:#D9664A;} ul#section1 > li.snan > .playbtn button.stop{color:#A3A3A3;} ul#section1 > li.snan > .snanews{position:relative;} ul#section1 > li.snan > .snanews h3 { margin-bottom:10px;font-size:1.6em; } ul#section1 > li.snan > .snanews .more { position:absolute;top:0;right:0;line-height:30px; } ul#section1 > li.snan > .snanews ul.newslist {padding:5px 0 10px 0;} ul#section1 > li.snan > .snanews ul.newslist a.gong{background:url('../images/index/dt_02.gif') 0 3px no-repeat;padding:3px 0 3px 37px;line-height:2.1em;} ul#section1 > li.snan > .snanews ul.newslist a.al{background:url('../images/index/dt_01.gif') 0 3px no-repeat;padding:3px 0 3px 37px;line-height:2.1em;} ul#section1 > li.snan > .snanews ul.newslist a.notification{background:url('../images/index/dt_03.jpg') 0 3px no-repeat;padding:3px 0 3px 37px;line-height:2.1em;} ul#section1 > li.snan > .snanews ul.newslist a:hover{text-decoration:underline;} ul#section1 > li.snan > ul.viewletter{padding-top:20px;} ul#section1 > li.snan > ul.viewletter li{float:right; text-align:center;} ul#section1 > li.snan > ul.viewletter li:first-child {float:left; margin-left:0;} ul#section1 > li.snan > ul.viewletter li img{width:138px;height:168px;border:1px solid #c8c8c8} ul#section1 > li.snan > ul.viewletter li span{text-align:center;padding-top:10px; display: block;} ul#section1 > li.snan > ul.viewletter li a:hover p{text-decoration:underline;} ul#section1 > li.snan > .snsar{position:relative;} ul#section1 > li.snan > .snsar h3 { margin-bottom:10px;font-size:1.6em; } ul#section1 > li.snan > .snsar .more { position:absolute;top:0;right:0;line-height:30px; } ul#section1 > li.snan > .snsar > .snsicon{text-align:right;} ul#section1 > li.snan > .snsar > .snsicon li{position:relative;display:inline-block;zoom:1;*display:inline;margin-left:1px;} ul#section1 > li.snan > .snsar > .snsicon .new1{position:absolute;top:0;left:0;background-color:none;border:none;} ul#section1 > li.snan > .snsar > .snsar2{border:1px solid #d9d9d9;/*height:350px;padding:10px;margin-top:45px;*/font-family:����,'Dotum';color:#898f9c;font-size:0.95em;overflow:auto;} ul#section1 > li.snan > .snsar > .snsar2 ul.facebook{border-bottom:1px dotted #7e7e7e;padding:7px 0;background:url('../images/common/ico_sns_twitter.gif') right 5px no-repeat;} ul#section1 > li.snan > .snsar > .snsar2 ul > li.facebook{padding:10px 0 10px 60px;color:#3b5998;background:url('../images/common/ico_sns_nimg2.jpg') 0 0 no-repeat; background-size:55px;} ul#section1 > li.snan > .snsar > .snsar2 a{color:#888;line-height:1.5em;} ul#section1 > li.snan > .snsar > .snsar2 a:hover{text-decoration:underline;} div#section2Wrapper { margin-top:20px;width:100%;background:url('../images/index/bg_contain1.jpg') 0 0 repeat; } div#section2 {width:1000px;margin:0 auto;background:url('../images/index/bg_contain2.jpg') 0 0 no-repeat; } div#section2 ul{padding:40px 20px 10px;} div#section2 ul li{float:left;} div#section2 ul li.pd_50 {padding-left:50px;}