@charset "utf-8";
/**
 * ATOM ENGINE Cascading Style Sheets
 * File Name : popup.css
 * Description : 팝업 스타일 시트
 * Date : 2009.11.23
 * Update : 2010.05.15
 * Copyright(c) 2009 ATOM ENGINE. All Rights Reserved.
 */
/* 팝업 */
.popup_wrap { background-image:url("/admode/module/popup/images/popup_left_bg.gif"); background-repeat:repeat-y;box-shadow:0px 1px 9px 0px #d4d4d4}

/* popup_header */
.popup_header { overflow:hidden; width:100%; height:26px; margin:0 auto; text-align:left; }
.popup_head_left { float:left; position:relative; top:-26px; width:6px; height:26px; background-image:url("/admode/module/popup/images/popup_top_left.gif"); background-repeat:no-repeat; }
.popup_head_center { clear:both; position:relative; top:0; width:100%; height:26px; background-image:url("/admode/module/popup/images/popup_top_bg.gif"); background-repeat:repeat-x; cursor:move; }
.popup_head_right { float:right; position:relative; top:-26px; width:6px; height:26px; background-image:url("/admode/module/popup/images/popup_top_right.gif"); background-repeat:no-repeat; }
.popup_head_center .title { float:left; padding:7px 0 0 7px; font:11px 돋움; color:#8b8e96; font-weight:bold; }
.popup_head_center .close { float:right; padding:7px 5px 0 0;}
/* //popup_header */


/* popup_content_wrap */
.popup_content_wrap { overflow:hidden; background:#fff;  }
.popup_content_body { width:100%; margin:0 auto; text-align:left; overflow:hidden;}
.popup_content_foot { clear:both; text-align:center; color:#555;  padding:10px 0; border-top:solid 1px #dedede;}
.popup_content_foot a { color:#555; font-weight:bold; font-family:verdana;}
.popup_content_foot a:hover { color:#d00000; }
.popup_content_foot .line {color:#dedede; padding:0 10px;}
/* //popup_content_wrap */

/* popup_footer */
.popup_footer { overflow:hidden; position:relative; width:100%; height:7px; margin:0 auto; font-size:0; text-align:center; }
.popup_foot_left { position:absolute; top:0; left:0; width:6px; height:7px; background-image:url("/admode/module/popup/images/popup_bottom_left.gif"); background-repeat:no-repeat; background-position:left top; }
.popup_foot_center { clear:both; position:relative; top:0; width:100%; height:7px; background-image:url("/admode/module/popup/images/popup_bottom_bg.gif"); background-repeat:repeat-x; background-position:left top; }
.popup_foot_right { position:absolute; top:0; right:0; width:6px; height:7px; background-image:url("/admode/module/popup/images/popup_bottom_right.gif"); background-repeat:no-repeat; background-position:right top; }
/* //popup_footer */


/* 팝업 */
.popup {position:relative;overflow:hidden;}
.popup .img{position:relative}
.popup .img li{position:absolute; width:100%;}
.popup .img li img {width:100%;}
.popup .menu{position:absolute;bottom:10px; left:25px;font-size:0;}
.popup .menu li{display:inline;cursor:pointer;margin-right:3px}
.popup .auto{position:absolute;bottom:10px;left:10px;cursor:pointer}


/* 모바일 가로 */
@media all and (max-width:740px) {
.m_popup { background:rgba(0, 0, 0, 0.7); width:100%; height:100%; overflow:hidden; position:fixed; top:0; left:0; z-index:10000000;}
.popup_wrap_m { width:80% !important; margin:100px auto 0 auto;}
.popup_content_body_m { border:4px solid #fff;}
.popup_content_body_m img { width:100%;}
.popup_content_foot_m { color:#333; font-size:1.2em; background:#fff; height:30px; line-height:30px; padding:10px;}
.popup_content_foot_m input[type="checkbox"] { -webkit-border-radius:0; -webkit-appearance:none; width:20px; height:20px; border:2px solid #ccc; vertical-align:middle; margin-right:5px; } /* 체크박스 */
.popup_content_foot_m input[type="checkbox"]:checked { background:#1abc9c;} /* 체크박스 클릭시 컬러 */
.popup_close_m { float:right;}
.popup_close_m a { color:#fff; font-size:1.5em; font-weight:600; font-family:"Open Sans"; display:inline-block; width:30px; line-height:30px; background:#000; text-align:center;}