/*content.css 변경사항(메인페이지만 사용되는 위치값/합칠 수 없음, 같은클래스 공유)*/
.zone_relation li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.zone_relation li:nth-child(2n+1) {padding-right: 5px;}
.zone_relation li:nth-child(2n+2) {padding-left: 5px;}
.zone_relation li a {background: url("../images/content/newsletter_08.jpg") no-repeat 0 0; padding:0 0 0 40px; text-align: left; line-height: 16px; font-size: 13px; color:#207cc9}
.zone_relation li a:hover {font-weight: bold;  color:#207cc9}
.zone_relation_tag {display: none;}

/*common.css 변경사항(메인페이지만 사용되는 위치값/합칠 수 없음, 같은클래스 공유)*/
@media screen and (max-width:900px){
    #container.onlyMain {padding-top:139px; margin:0;}
    #container {padding-top: 54px;}
}
@media screen and (max-width:640px){
    #container.onlyMain {padding-top:124px}
}


/* PC : section 01 1-3 bestclick */
#best_click_hd {position: absolute; top:0; left: 0; width: 100%; height: 39px;}
#best_click_hd ul{position: absolute; top:0; right:0; height:100%; z-index: 10; font-size: 0}
#best_click_hd ul li{display:inline-block; width: 34px; height: 100%;line-height: 38px; position: relative; border-left: 1px solid #ced2d7; }
#best_click_hd ul li.on {background: #fff;}
#best_click_hd ul li.on:after {display: block; content: ""; width: 100%; height: 2px; position: absolute; bottom:-1px; left: 0; background: #fff}
#best_click_hd ul li a{display: block; color:#b7babe; font-size: 12px;}
#best_click_hd ul li a:hover { color:#333}
#best_click_hd ul li.on a{color:#333; font-weight: bold;}
.best_click_table { width:100%; height: 100%; position: relative; padding:49px 15px 10px 15px;}
.best_click_table ol {width: 100%; height: 100%;}
.c_best_li{position:relative;overflow:hidden; height:10%; }
.c_best_li:first-child a{border-top:none;}
.c_best_li a {position: relative; border-top:solid 1px #e6e8eb;}
.c_best_li a:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;}
.c_best_li .letter {position:absolute;left:0;top:50%;margin-top:-9px;display:block;width:16px;height:16px;line-height:16px;text-align:center;font-size:11px;color:#fff;background:#b0b0b0;border:1px solid #969696; border-radius: 2px; font-family: 'Tahoma'}
@-moz-document url-prefix() {.c_best_li .letter {line-height:15px;}}
.c_best_li.best .letter{background: #fa702c; border:1px solid #db6328;}
.best_text {display:inline-block; vertical-align: middle; text-align: left; width: 100%; padding:0 85px 0 25px; font-size: 14px;}
.c_best_li.best .best_text span{font-weight:bold;color:#333;}
.c_best_li.no_img .best_text{padding-right:0;}
.c_best_li.no_img .thumb {display: none;}
.best_text span{display:block;width: 100%; max-height:36px;line-height:18px;color:#666; overflow: hidden; word-wrap:break-word;margin-top: 2px;}
.c_best_li a:hover .letter {background:#7c7c7c;border:1px solid #5a5a5a; }
.c_best_li.best a:hover .letter {background:#b3501f;border:1px solid #963e12; }
a:hover .best_text span {color:#333; font-weight: bold}
.c_best_li.best a:hover .best_text span {color:#fa702c;}
.c_best_li .thumb{position:absolute;display:block;top:50%;right:0; margin-top:-25px;width:78px;height:50px;text-align:center;overflow:hidden}

@media screen and (max-width:1150px){
    #best_click_hd ul {display: none;}
    .c_sec1 .c_best_li .thumb {display: none;}
    .c_sec1 .best_text {padding:0 0 0 25px}
}
@media screen and (max-width:1024px){	
    #best_click_hd ul {display: block;}
    .c_sec1_5  #best_click_hd ul { width:296px;text-align: left}
    .c_sec1_5  #best_click_hd ul li{ width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center}
    .c_sec1_5  #best_click_hd ul li a{font-size: 13px;}
    .c_sec1_5 .c_best_li .thumb {display: none;}
    .c_sec1_5 .best_text {padding:0 0 0 25px}
    .c_sec1_5 .best_text span {white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
    .best_click_table ol {width: 50%; float:left; margin-bottom: 10px;}
    .best_click_table ol:nth-child(1) {padding-right: 10px;}
    .best_click_table ol:nth-child(2) {padding-left: 10px;}
    .c_sec1_5 .c_best_li {height: 40px; }
    .c_sec1_6 ul img, .c_sec1_7 ul img{width:298px; height: 333px;}
    
    /*스팟영역 있을 경우.*/
    #core_sec1_semi.spot .c_sec1_5 #best_click_hd ul { width:auto;text-align: right; right: 616px;}
    #core_sec1_semi.spot .best_click_table ol {width:100%; float:none}
    #core_sec1_semi.spot .best_click_table ol:nth-child(1) {padding-right:0;}
    #core_sec1_semi.spot .best_click_table ol:nth-child(2) {display: none;}
    #core_sec1_semi.spot .c_sec1_5 .c_best_li {height: 20%;}
    #core_sec1_semi.spot .c_sec1_5 .best_text span {white-space:inherit; text-overflow: ellipsis; }
}
@media screen and (max-width:950px){	
    #core_sec1_semi.spot .best_text {padding:0 0 0 30px;}
    #core_sec1_semi.spot .c_best_li .thumb {display: none;}
}
@media screen and (max-width:900px){	
    .mm_sec4 {position: relative}
    #best_click_hd {position: static; height: 45px;}
    .m_bestClick_tab{position: static; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; font-size: 0; border-right: 1px solid #ced2d7; margin-bottom: 5px;}
    .m_bestClick_tab li{display:inline-block; width:20%; height: 100%;line-height: 45px; height: 45px; position: relative; border-left: 1px solid #ced2d7; }
    .m_bestClick_tab li.on:after {display: block; content: ""; width: 100%; height: 2px; position: absolute; bottom:-1px; left: 0; background: #fff}
    .m_bestClick_tab li a{display: block; color:#999; font-size: 15px; background: #f6f6f6}
    .m_bestClick_tab li.on a{color:#000; background: #fff; font-weight: bold}
    .best_click_table { padding:0;}
    .best_click_table ol {width: 100%;margin:0 0 5px 0;}
    .best_click_table ol:nth-child(1), .best_click_table ol:nth-child(2) {padding:0;}
    .c_best_li{height:67px; }
    .c_best_li .letter {margin-top:0;top:21px;width:21px;height:21px;line-height:23px;font-size:13px;border:0 none; border-radius:0;}
    @-moz-document url-prefix() {.c_best_li .letter {line-height:20px;}}
    .c_best_li.best .letter{border:0 none;}
    .best_text {padding:0 110px 0 31px; font-size: 15px;}
    .c_best_li.best .best_text span{color:#000;}
    .best_text span{max-height:40px;line-height:20px;color:#000; margin-top:0;}    
    .c_best_li a:hover .letter {background:#b0b0b0;border:0 none; }
    .c_best_li.best a:hover .letter {background:#fa702c;border:0 none; }
    a:hover .best_text span {color:#000; font-weight: normal}
    .c_best_li.best a:hover .best_text span {color:#000;}
    .c_best_li .thumb{margin-top:0;top:5px;width:100px;height:56px;}
}
@media screen and (max-width:640px){	
    .m_bestClick_tab li{line-height: 40px; height: 40px;}
}



/*photo.css*/
.photo_wrap{position:relative;text-align:left; background:#575758; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.photo_wrap h3{position:relative;padding:0;height:52px;line-height:52px;padding-left:20px;font-size:16px;font-weight:bold;color:#fff;letter-spacing:0;border-bottom:solid 1px #3e3e3f;background:#49494a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.photo_cont .po360 { display: block; width:50px; height:55px; position: absolute;top:39%; left: 50%; margin-left:-25px; margin-top:-25px; z-index: 200;}
.photo_wrap .photo_cont_list_l {width:100%; height: 1px; background:#636364;}
.photo_wrap .photo_cont_list_w { width:100%; border-bottom:1px solid #4a4a4b; }
.photo_cont_list { height:auto; margin:11px 0; position:relative; }
.photo_cont_list .photo_prev { display: block; width:27px; height:73px; position: absolute; top:50%; margin-top:-36px; left:0; z-index:100;}
.photo_cont_list .photo_next { display: block; width:27px; height:73px; position: absolute; top:50%; margin-top:-36px; right:0; z-index:100;}
.photo_cont_list_thum_img { width:100%; height:auto; overflow: hidden}
.photo_cont_list_thum_img ul { width:1000px; height:100%; }
.photo_cont_list_thum_img ul li { width:65px; height:100%; float:left; position: relative; }
.photo_cont_list_thum_img ul li span{ width:100%; height:100%; position: absolute; top:0; left:0;}
.photo_cont_list_thum_img ul li:first-child { margin-left:20px;}
.photo_cont_list_thum_img ul li img{ width:100%; height:100%; }
.photo_cont_list_thum_img ul li a {display: block; height: 100%;}
.photo_cont_list_thum_img ul li a:before {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,1); content:''; opacity: 0.5}
.photo_cont_list_thum_img ul li a.photo_choice { border:3px solid #fff; border:3px solid #fff; box-shadow: 2px 2px 5px #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 50; }
.photo_cont_list_thum_img ul li a.photo_choice:before {opacity: 0}
.photo_cont_list_thum_img ul li a.photo_choice span { display: none;}
.thum_movie {display:block; position:relative; width:100%; height:100%;}
.photo_cont2 { width:84%; height:37px; margin:5px auto 2px auto}
.photo_cont2 > p { width:98%; font-weight:bold; line-height:30px; height:30px; text-align: center; color: #cdcdcd; }
.photo_cont2 > p a { color:#cdcdcd; font-weight: normal; font-size:13px;}
.photo_cont2 > p a:hover {color:#fff}
.photo_wrap .photo_cont_view { width:100%; height:auto; background-color:#575758; border-top:1px solid #636364; }
.photo_cont { width: 100%; height: 0;margin:8px auto 0 auto; overflow: hidden;position: relative;padding-bottom:68%; }
.photo_cont > div {position: absolute;top: 0;left: 0;width: 100%;height: 100%; padding:0 20px; }
.photo_cont > div > div {width: 100%; height: 100%; overflow: hidden; border-bottom:1px solid #636364; border-top:solid 1px #3e3e3f; border-left:solid 1px #3e3e3f;}
.photo_cont ul {width:1200%;}
.photo_cont ul li {width:8.3333%; float:left; }
.photo_cont a { display: block; width:100%; height:100%; }
.photo_cont .thum_btn1, .photo_cont .thum_btn2 { display: block; width:36px; height:36px; position: absolute; top:50%; margin-top: -18px;}
.photo_cont .thum_btn1 { left:25px;}
.photo_cont .thum_btn2 { right:25px;}