@charset "utf-8";

.non_label {display:none;}

.TAB1 ul.TABoc li {width:135px;}
.TAB1 ul.TABoc li a {padding-right:0;}

.gList {padding:0px 18px 48px 18px;}
.gList table {width:100%;}
.gList table th {padding:7px 0 10px 0;border-bottom: 2px solid #8b8a8c;}
.gList table th.col2 {width:25%;background:url("http://image.lottecon.co.kr/_img/kor/medias/gList_th_line.gif") no-repeat right bottom;}
.gList table th.col3 {width:75%;}
.gList table td {text-align:center;padding:14px 0;border-bottom:1px solid #f2f2f2;overflow:hidden;color:#666666;}
.gList table td.col2 {background:url("http://image.lottecon.co.kr/_img/kor/medias/gList_td_line.gif") no-repeat right bottom;}
.gList table td.col3 {padding-left:32px;text-align:left;}
.gList table tr td a {color:#666666;}
.gList table tr td a:hover {text-decoration:underline;}
.gList table .col1 {width:0;text-indent:-9999px;font-size:0;background:#ffffff;}
.gList table .col4 {width:0;text-indent:-9999px;font-size:0;background:#ffffff;}




.gView {padding:0 18px 48px 18px;width:auto;}
.gView figure {width:auto;min-width:320px;}
.gView figure img {width:auto;}
.gView dl {border-bottom: 1px solid #D9D9D9;}
.gView dl dt {padding:10px 0;}
.gView dl dd {padding:10px 0;}
.gView dl.cont dd img {width:100%;}
.gView dl dd span {margin-top:12px;}
.gView dl dd span.meta {float:left;display:inline-block;color:#9f9f9f;}
.gView dl dd span.meta a {text-decoration:underline;color:#666666;}
.gView dl dd span.date {display:inline-block;float:right;color:#9f9f9f;}
.gView dl dd.MH figure {margin-bottom:14px;}
.gView dl dd.MH p.txt {margin-bottom:14px;line-height:1.6em;color:#666666;}
.gView dl dd.MH p.last {margin-bottom:8px;}
.gView div {text-align:right;}
.gView dl dd.MH div {text-align:left;}
.gView div a img {margin-top:16px;}

.cf {position:relative;padding:0px 18px 48px 18px;}
.cf .video {width:480px;height:300px;margin-bottom:4px;}
.cf #video2 {display:none;}
.cf #video3 {display:none;}
.cf .videoList {background:url("http://img.lottecon.co.kr/_img/eng/medias/img_sn2_cn1_6.gif") no-repeat left top;padding-left:96px;}
.cf .videoList li {float:left;width:96px;height:70px;}
/*
.cf .ad {width:480px;height:300px;margin-bottom:4px;}
.cf #ad2 {display:none;}
.cf #ad3 {display:none;}
.cf .adList {background:url("http://img.lottecon.co.kr/_img/eng/medias/img_sn2_cn2_6.gif") no-repeat left top;padding-left:96px;}
.cf .adList li {float:left;width:96px;height:70px;}
*/
.cf .txt {margin-top:48px;color:#666666;line-height:18px;}
.cf .txt h4 {padding:18px 0 24px 0;border-top:1px solid #D9D9D9;color:#000000;font-size:1.2em;}
.cf .txt strong {display:block;padding-bottom:8px;}
.cf .txt p {padding-bottom:8px;}
.cf #txt2 {display:none;}
.cf #txt3 {display:none;}

.ad {padding:0px 18px 48px 18px;}
.ad_list {width:100%;}
.ad_list ul li {float:left;height:223px;margin-bottom:32px;line-height:16px;}
.ad_list ul li a img {width:138px;margin-bottom:4px;border:1px solid #f2f2f2;}
.ad_list ul li a.on img {border:1px solid #da291c;}
.ad_list ul li a {margin-right:2px;}
.ad_view {position:relative;width:100%;margin-top:32px;border-top:1px solid #f2f2f2;}
.ad_view .page {padding-top:24px;}
.ad_view .page a {position:absolute;font-size:0;text-indent:-9999px;}
.ad_view .page .btn_close {right:0;width:17px;height:17px;background:url("http://image.lottecon.co.kr/_img/kor/medias/btn_close.gif") no-repeat left top;}
.ad_view .page .btn_left {left:0;top:50%;width:18px;height:35px;background:url("http://image.lottecon.co.kr/_img/kor/medias/btn_arr.gif") no-repeat left bottom;}
.ad_view .page .btn_right {right:0;top:50%;width:18px;height:35px;background:url("http://image.lottecon.co.kr/_img/kor/medias/btn_arr.gif") no-repeat right bottom;}
.ad_view .page .btn_left:hover, .ad_view .page .btn_left:active {background-position:left top;}
.ad_view .page .btn_right:hover, .ad_view .page .btn_right:active {background-position:right top;}
/*.ad_view .ad_img figure {width:232px;margin:0 auto;}*/
.ad_view .ad_img {margin-top:40px;}
.ad_view .ad_img figure {width:80%;margin:0 auto;}
.ad_view .ad_img figure img {width:100%;}
.ad_view .ad_img figure figcaption {text-align:center;}

.movie {padding:0px 18px 48px 18px;}
.movie h3 {margin-bottom:24px;}
.movie div {text-align:center;}
/*.TAB1 ul.TABoc li {margin-bottom:24px;}*//*2012-08-25 */
.bro {padding:0px 18px 48px 18px;}
.bro h3 {margin-bottom:24px;}
.bro p {margin-bottom:18px;color:#666666;line-height:18px;}
.bro figure {width:100%;overflow:hidden;margin-bottom:24px;background:url("http://img.lottecon.co.kr/_img/eng/medias/img_sn2_cn4_2.jpg") no-repeat right top;}

.CI {position:relative;padding:0px 18px 48px 18px;}
.CI div.downBtn {position:absolute;left:100px;top:-5px;}
.CI div h4 {margin-bottom:18px;}
.CI div.CI1 {position:relative;overflow:hidden;margin-bottom:48px;}
.CI div.CI1 div {width:100%;background:url("http://img.lottecon.co.kr/_img/eng/medias/img_sn3_cn1_11.gif");}
.CI div.CI1 div figure {height:auto;text-align:center;min-width:256px;}
.CI div.CI1 div figure img {margin: 45px 0 30px 0;}
.CI div.CI1 div figure.ciImg4 img {width:256px;}
.CI div.CI1 p {position:absolute;left:5%;}
.CI div.CI1 p.ciImg1 {top:50px;}
.CI div.CI1 p.ciImg2 {top:215px;}
.CI div.CI1 p.ciImg3 {top:325px;}
.CI div.CI1 p.ciImg4 {top:610px;}
.CI div.cor_bar {width:100%;display:inline-block;}
.CI div.cor_bar div {width:100%;display:inline-block;margin-bottom:24px;border:1px solid #e5e5e5;}
.CI div.cor_bar div p.txt {float:left;width:17%;padding:10px 0 0 10px;color:#666666;}
.CI div.cor_bar div p.color1,
.CI div.cor_bar div p.color2,
.CI div.cor_bar div p.color3,
.CI div.cor_bar div p.color4,
.CI div.cor_bar div p.color5 {float:right;width:70%;height:46px;padding-top:30px;text-indent:10px;}
.CI div.cor_bar div p.color1 {background:#da291c;}
.CI div.cor_bar div p.color2 {background:#54585a;} 
.CI div.cor_bar div p.color3 {background:#000000;} 
.CI div.cor_bar div p.color4 {background:#a7a9ac;} 
.CI div.cor_bar div p.color5 {background:#877669;} 
.CI div.CI2 {margin-bottom:24px;}
.CI div.CI2 p {margin-bottom:24px;line-height:18px;color:#666666;}
.CI div.CI2 dl {float:left;width:100%;border-top:2px solid #8b8a8c;margin-bottom:24px;}
.CI div.CI2 dl.last {margin-right:0;}
.CI div.CI2 dl dt {padding:10px 0 5px 0;}
.CI div.CI2 dl dd {padding-top:17px;word-spacing:-2px;}
.CI div.CI2 dl dd.color {color:#666666;}
.BI {position:relative;padding:0px 18px 48px 18px;}
.BI div.downBtn {position:absolute;left:19px;top:30px;}
.BI div figure {min-width:256px;height:179px;text-align:center;}
.BI div h3 {margin-bottom:58px;}
.BI div p {line-height:18px;margin-bottom:18px;color:#666666;}
.BI div.BI1 {margin-bottom:48px;}
.BI div.BI1 p strong {margin-top:18px;color:#000000;}
.BI div.BI1 div {padding-bottom:24px;margin-bottom:24px;background:url("http://img.lottecon.co.kr/_img/eng/medias/img_sn3_cn1_11.gif");}
/*.BI div.BI1 figure {margin-bottom:24px;background:url("http://img.lottecon.co.kr/_img/eng/medias/img_sn3_cn1_11.gif");}*/
.BI div.BI1 div figure {height:auto;}
.BI div.BI1 figure img {margin-top:30px;}
.BI div.BI2 {margin-bottom:48px;}
.BI div.BI2 div {width:100%;background:url("http://img.lottecon.co.kr/_img/eng/medias/img_sn3_cn1_11.gif");}
.BI div.BI2 div h4 {clear:both; padding:24px 0 0 22px;}
.BI div.BI2 div figure {height:auto;}
.BI div.BI2 div figure img {margin:25px 0;}
.BI div.BI2 div figure.H89 {height:89px;}
.BI div.BI2 div figure.H89 img {width:256px;}
.BI div.cor_bar {width:100%;display:inline-block;}
.BI div.cor_bar div {width:100%;margin-bottom:24px;border:1px solid #e5e5e5;}
.BI div.cor_bar div p {margin-bottom:0;}
.BI div.cor_bar div p.txt {float:left;width:101px;padding:8px 10px;background:#ffffff;color:#666;}
.BI div.cor_bar div p.color {height:56px;padding-top:32px;text-indent:15px;background:#3e0010;}
.BI div.cor_bar div.last {margin:0;}
.BI div.cor_bar div.last p.color {background:#b38541;} 

.webIn {padding:0px 18px 48px 18px;}
.webIn h3 {margin-bottom:18px;}
.webIn h4 {margin-bottom:18px;padding-top:18px;border-top:1px solid #e6e6e6;}
.webIn p {margin-bottom:18px;color:#666666;}
.webIn figure {float:left;width:100%;line-height:0;border:1px solid #e6e6e6;background:#f9f9f9;min-width:320px;}
.webIn figure img {width:100%;}
.webIn div {float:left;width:100%;margin:48px 0 0 0;}



@media (min-width:768px) {
.gList {padding:0px 0px 48px 0px;}
.gView {padding:0 0 48px 0;}

.cf {padding:0px 0px 48px 0px;}
.movie {padding:0px 0px 48px 0px;}
.webIn {padding:0px 0px 48px 0px;}
.bro {padding:0px 0px 48px 0px;}
/*.TAB1 ul.TABoc li {margin-bottom:0;}*//*2012-08-25*/

.ad {padding:0 0 48px 0;}
.ad_list ul li a {margin-right:20px;}
.ad_view .ad_img {text-align:center;}
/*
.ad_view .page .btn_left {left:0;top:243px;}
.ad_view .page .btn_right  {right:0;top:243px;}
.ad_view .ad_img figure {width:auto;}
.ad_view .ad_img figure img {width:auto;}
*/

.CI {padding:0px 0px 48px 0px;}
.CI div.cor_bar div p.txt {width:auto;}
.CI div.cor_bar div p.color1,
.CI div.cor_bar div p.color2,
.CI div.cor_bar div p.color3,
.CI div.cor_bar div p.color4,
.CI div.cor_bar div p.color5 {width:70%;height:34px;padding-top:22px;}
.BI {padding:0px 0px 48px 0px;}
.BI div.downBtn {position:absolute;left:300px;top:-5px;}
.BI div h3 {margin-bottom:18px;}



}

@media (min-width:1024px) {
.TAB1 ul.TABoc li {width:127px;}
.gList table th.col1 {background:url("http://image.lottecon.co.kr/_img/kor/medias/gList_th_line.gif") no-repeat right bottom;}
.gList table th.col2 {width:12%;}
.gList table th.col3 {width:68%;background:url("http://image.lottecon.co.kr/_img/kor/medias/gList_th_line.gif") no-repeat right bottom;}
.gList table td.col1 {background:url("http://image.lottecon.co.kr/_img/kor/medias/gList_td_line.gif") no-repeat right bottom;}
.gList table td.col3 {background:url("http://image.lottecon.co.kr/_img/kor/medias/gList_td_line.gif") no-repeat right bottom;}
.gList table .col1 {width:8%;text-indent:0px;font-size:12px;}
.gList table .col4 {width:12%;text-indent:0px;font-size:12px;}
/*.gList table tr td {border-bottom:none;}*/

.gView dl dt {float:left;width:20%;}
.gView dl dd {float:left;width:80%;}
.gView dl.H40 dt {height:40px;}
.gView dl.H40 dt {min-height:52px;}

.bro span.floatL {float:left;margin-right:5px;}
.bro span.floatR {float:right;}
.bro p.clear {clear:both;}

.ad_list ul li a {margin-right:40px;}


.CI div.CI1 div {height:523px;}
.CI div.CI1 div figure {float:left;text-align:left;}
.CI div.CI1 div figure.ciImg1 {width:38%;height:210px;}
.CI div.CI1 div figure.ciImg2 {width:62%;height:219px;}
.CI div.CI1 div figure.ciImg3 {width:38%;height:304px;}
.CI div.CI1 div figure.ciImg4 {width:62%;height:304px;}
.CI div.CI1 div figure.ciImg1 img {margin: 100px 0 0 20px;}
.CI div.CI1 div figure.ciImg2 img {margin: 100px 0 0 237px;}
.CI div.CI1 div figure.ciImg3 img {margin: 120px 0 0 20px;}
.CI div.CI1 div figure.ciImg4 img {margin: 96px 0 0 160px;}
.CI div.CI1 div figure.ciImg4 img {width:auto;}
.CI div.CI1 p.ciImg1 {left: 5.2%;top:100px;}
.CI div.CI1 p.ciImg2 {left:64.7%;top:100px;}
.CI div.CI1 p.ciImg3 {left: 5.2%;top:340px;}
.CI div.CI1 p.ciImg4 {left:40%;top:280px;}
.CI div.cor_bar {width:100%;margin-bottom:48px;}
.CI div.cor_bar div {float:left;width:18%;height:110px;border:1px solid #e5e5e5;margin:0 15px 0 0;}
.CI div.cor_bar div.last {margin-right:0;}
.CI div.cor_bar div p {padding:16px 0 16px 10px;}
.CI div.cor_bar div p.txt {float:none;}
.CI div.cor_bar div p.color1,
.CI div.cor_bar div p.color2,
.CI div.cor_bar div p.color3,
.CI div.cor_bar div p.color4,
.CI div.cor_bar div p.color5 {float:none;width:auto;height:12px;text-indent:0px;}
.CI div.CI2 dl {width:30%;margin:0 32px 0 0;}
.BI div.BI1 div figure {float:left;height:179px;width:45%;}
.BI div.BI2 div figure {float:left;height:179px;width:45%;}
.BI div.BI2 div figure.H89 img {width:auto;}
.BI div.BI2 div figure img {margin-top:25px;}
.BI div.BI2 div figure.marginT50 img {margin-top:50px;}
.BI div.cor_bar div {float:left;width:47%;margin-bottom:0;}
.BI div.cor_bar div.last {float:right;margin:0;}

.webIn figure {width:480px;}
.webIn figure img {width:480px;}
.webIn div {float:right;width:222px;margin:0 0 0 32px;}



}

@media (min-width:1280px) {
.gList ul li {margin-right:21px;}
.gList {padding:0px 0px 0px 0px;}

.cf {padding:0px 0px 0px 0px;}
.cf .txt {position:absolute;top:0;right:0;margin-top:0;padding-left:512px;}
.bro {padding:0px 0px 0px 0px;}

}

@media (min-width:1536px) {
.gList {padding:0px;}
.gList ul li {margin-right:24px;}

.cf .videoList {position:absolute;right:0;bottom:0;margin-right:96px;}
.cf .txt h4 {padding:18px 0 10px 0;}
.ad_list ul li a {margin-right:25px;}
.ad_view .ad_img figure {width:auto;}
.ad_view .ad_img figure img {width:auto;}


.CI div.CI2 h3 {width:22%;}
.CI div.CI2 p {float:left;width:22%;margin-right:32px;}
.CI div.CI2 dl {float:left;width:22%;margin-top:-38px;}

.webIn figure {width:736px;}
.webIn figure img {margin:0 auto;}

    .CI div.CI1 div figure.ciImg1 {width:38%;height:210px;}
    .CI div.CI1 div figure.ciImg2 {width:62%;height:219px;}
    .CI div.CI1 div figure.ciImg3 {width:38%;height:304px;}
    .CI div.CI1 div figure.ciImg4 {width:62%;height:304px;}
    .CI div.CI1 div figure.ciImg1 img {margin: 100px 0 0 123px;}
    .CI div.CI1 div figure.ciImg2 img {margin: 100px 0 0 334px;}
    .CI div.CI1 div figure.ciImg3 img {margin: 120px 0 0 123px;}
    .CI div.CI1 div figure.ciImg4 img {margin: 96px 0 0 257px;}
    .CI div.CI1 p.ciImg1 {left:13.2%;top:100px;}
    .CI div.CI1 p.ciImg2 {left:64.7%;top:100px;}
    .CI div.CI1 p.ciImg3 {left:13.2%;top:340px;}
    .CI div.CI1 p.ciImg4 {left:40%;top:280px;}

}