@charset "utf-8";

/* 상단팝업 - 새로작업 */
#open_popup_wrap { display:none; overflow:hidden; width:100%; position:relative; background:#383d43; z-index:1000; }
#open_popup_wrap .open_popup { position:relative; max-width:1000px; margin:0 auto; }
#open_popup_wrap .open_popup:after { content:""; display:block; clear:both; }
#open_popup_wrap .open_popup .control a.prev_btn { position:absolute; left:10px; top:67px; width:10px; height:21px; background:url(/images/popup/pop_prev_m.png) no-repeat; z-index:80; }
#open_popup_wrap .open_popup .control a.next_btn { position:absolute; right:10px; top:67px; width:10px; height:21px; background:url(/images/popup/pop_next_m.png) no-repeat; z-index:80; }

#open_popup_wrap .open_popup .popup_box { position:relative; width:276px; min-height:10px; height:63px; margin:0 auto; overflow:hidden; background:none; }
#open_popup_wrap .open_popup .popup_box ul { position:relative; width:10000px;height:105px; padding:65px 0 0 0; }
#open_popup_wrap .open_popup .popup_box ul:after{display:block;clear:both;content:'';}
#open_popup_wrap .open_popup .popup_box ul li { float:left;}
#open_popup_wrap .open_popup .popup_box ul li a { display:block; width:276px; height:160px; margin:0; text-align:center; }

#open_popup_wrap .open_popup .main_control { display:none; position:absolute; left:0; right:0; top:120px; width:auto; margin:0 auto; text-align:center; z-index:1; }
#open_popup_wrap .open_popup .main_control a { display:inline-block; margin:5px 0 0 4px; width:13px; height:12px; font-size:0; }
#open_popup_wrap .open_popup .main_control .pointer { display:inline-block; }
#open_popup_wrap .open_popup .main_control .pointer a { background:url(/images/popup/pop_off.png) no-repeat left top; }
#open_popup_wrap .open_popup .main_control .pointer a.ov { background:url(/images/popup/pop_on.png) no-repeat left top; }
#open_popup_wrap .open_popup .main_control a[rel="play"] { display:none; }
#open_popup_wrap .open_popup .main_control a[rel="stop"] {  }
#open_popup_wrap .open_popup .pop_close { position:absolute; right:50%; top:15px; margin-right:-75px; font-size:0.875em; }
#open_popup_wrap .open_popup .pop_close .today_close { float:left; display:inline-block; height:17px; margin-top:1px; color:#fff; }
#open_popup_wrap .open_popup .pop_close .today_close label { margin:2px 6px 0 5px; }
#open_popup_wrap .open_popup .close_btn { display:inline-block; width:24px; height:24px; margin-top:1px; background:url(/images/popup/pop_today_close.png) no-repeat; }

.pop_btn { display:none; }

/* 새창팝업 */
/*#popup_content {display:none; visibility:hidden;}*/


#popup_content {display:block; visibility:visible;}
#popup_content .pop_bg .pop_con_box { background:#fff; text-align:center; } 
#popup_content .pop_bt_bg { background:#383d43; }
#popup_content .pop_bt_bg:after { content:""; display:block; clear:both; }
#popup_content .pop_bt_bg .pop_font { float:left; padding:5px 0 0 8px; font-size:0.875em; }
#popup_content .pop_bt_bg .pop_font a { color:#fff; }
#popup_content .pop_bt_bg .pop_close { float:right; margin:6px 8px 0 0; }




/*********************************/
/**********태블릿 사이즈**********/
/*********************************/
@media all and (min-width:768px){

/* 상단팝업 */
#open_popup_wrap .open_popup .control a.prev_btn { position:absolute; left:10px; top:71px; width:22px; height:45px; background:url(/images/popup/pop_prev.png) no-repeat; }
#open_popup_wrap .open_popup .control a.next_btn { position:absolute; right:10px; top:71px; width:22px; height:45px; background:url(/images/popup/pop_next.png) no-repeat; }

#open_popup_wrap .open_popup .popup_box { width:460px; }
#open_popup_wrap .open_popup .popup_box ul { padding:45px 0 0 0; }
#open_popup_wrap .open_popup .popup_box ul li a { width:460px; height:105px; }

#open_popup_wrap .open_popup .main_control { position:absolute; left:auto; right:10px; top:21px; }
#open_popup_wrap .open_popup .main_control a { display:inline-block; float:left; }



/* 새창팝업 */
#popup_content {display:block; visibility:visible;}
#popup_content .pop_bg .pop_con_box { background:#fff; text-align:center; } 
#popup_content .pop_bt_bg { background:#383d43; }
#popup_content .pop_bt_bg:after { content:""; display:block; clear:both; }
#popup_content .pop_bt_bg .pop_font { float:left; padding:5px 0 0 8px; font-size:0.875em; }
#popup_content .pop_bt_bg .pop_font a { color:#fff; }
#popup_content .pop_bt_bg .pop_close { float:right; margin:6px 8px 0 0; }

}


/*********************************/
/************PC 사이즈************/
/*********************************/
@media all and (min-width:1024px){

/* 상단팝업 */
#open_popup_wrap .open_popup .control a.prev_btn { position:absolute; left:-22px; top:71px; }
#open_popup_wrap .open_popup .control a.next_btn { position:absolute; right:-22px; top:71px; }

#open_popup_wrap .open_popup .popup_box { width:950px; height:170px; background:url(/images/popup/pop_line.png) no-repeat center 65px; }
#open_popup_wrap .open_popup .popup_box ul li a { margin:0 30px 0 0; }

#open_popup_wrap .open_popup .main_control { position:absolute; right:0; top:21px;  }

}