@charset "utf-8";

/*
 * =================================================================================
 * INFORMATION
   ATRIUM.co.kr , Tel : 0505-901-9000
 * ---------------------------------------------------------------------------------
 * @File Name 	: liveviewer.css
 * @Description : liveviewer Style Sheet
 * @Version 	: 1.0.0
 * @Create Date : 2017.01.09
 * @Update Date : N/A
 * @History		: N/A
 * =================================================================================
 */


html { background: url("../images/liveviewer/liveviewer_bg.jpg") no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}


/*=================================================================================
 * liveviewer Style Definition
 =================================================================================*/

.liveviewer_warp { width:900px; margin:0 auto; margin-top:7%;}
.liveviewer_warp h1 { margin-bottom:0px; padding-left:10px;}

.pop_liveviewer_warp { width:1220px; margin:0 auto; margin-top:50px;}
.pop_liveviewer_warp h1 { margin-bottom:0px; padding-left:10px;}

.liveview_box { background-color:#fff; padding:30px; border:1px #ccc solid; position:relative;
border-radius:10px;
-moz-border-radius:10px;/*파폭 모질라*/
-webkit-border-radius:10px; /*사파리 크롬 웹킷*/
}

.pop_liveview_player { width:880px;}
.pop_liveview_player h2 { height:50px; line-height:50px; background-color:#4f7cd9; font-size:16px; text-align:center; color:#fff; font-family:'NanumGothic', sans-serif; font-weight:normal;}


.liveview_player { width:570px;}
.liveview_player h2 { height:50px; line-height:50px; background-color:#4f7cd9; font-size:16px; text-align:center; color:#fff;font-family:'NanumGothic', sans-serif; font-weight:normal;}



.liveview_menu { position:absolute; right:30px; top:30px; width:250px;}
.liveview_menu ul {border-bottom:1px #ccc dashed;}
.liveview_menu .link { border:1px #ccc solid; margin-bottom:10px;border-radius:5px; -moz-border-radius:5px;/*파폭 모질라*/ -webkit-border-radius:5px; /*사파리 크롬 웹킷*/}
.liveview_menu .link h2 { color:#000; padding:10px; margin:5px; padding-left:35px;background:#f5f5f5 url("../images/liveviewer/icon_menu_on.gif") no-repeat 10px center;font-family:'NanumGothic', sans-serif; font-weight:normal;}
.liveview_menu .link .link_m1 {}
.liveview_menu .link .link_m2 {}
.liveview_menu .link a { display:block; margin:0 10px; border-bottom:1px #ccc dashed; padding:5px;  padding-left:20px; }
.liveview_menu .link a:last-child {border-bottom:none}
.liveview_menu .link a:hover { color:#157ebb;}
.liveview_menu .link a:last-child { margin-bottom:10px;}
.liveview_menu .link a.select { color:#157ebb; /* background:url("../images/liveviewer/icon_menu_on.gif") no-repeat 5px 10px;*/}


.liveview_foot address { font-size:12px; font-style:normal; padding:15px 0; color:#666; line-height:18px; text-align:center;}
.liveview_foot address p { padding-bottom:5px;}