@charset "utf-8";

* { font-family:'NanumGothic', '나눔고딕','NanumGothicWeb','Verdana', 'Geneva', 'Arial' }


html{overflow:hidden;}
a{ margin:0px; text-decoration:none; }

::-webkit-input-placeholder {color:#bb0;}
:-moz-placeholder {color:#bb0;}
::-moz-placeholder {color:#bb0;}
:-ms-input-placeholder {color:#bb0;}

body{ background:url('../img/main/popon_and_main_bg_01.png') no-repeat;background-size:100% 100%;width:1920px;height:1080px;margin:0 auto;color:#ffffff;}

#body { position:relative; display:block; width:1920px; height:1080px; overflow:hidden; }

#intro .logo{position:absolute; display:block; top:59px; left:72px; width:498px; height:115px; background:url('../img/main/smartsign_logo.png') no-repeat;}

#intro .scene_enter_email{position:absolute; display:block; top:0; left:0; width:100%; height:100%}
#intro .scene_enter_email .explain{position:absolute; display:block; top:513px; left:78px; width:650px; height:60px; color:#fff; font-size:47px; font-weight: 300;}
#intro .scene_enter_email .explain_fail{position:absolute; display:none; top:600px; left:78px; width:600px; height:60px; color:#ff0; font-size:37px; font-weight: 300;}
#intro .scene_enter_email .input_accessKey{position:absolute; display:block; top:505px; left:885px; width:650px; height:2px;}
#intro .scene_enter_email .input_accessKey input{position:relative; width:650px; height:70px; color:#ff0; background:rgba(0,0,0,0.0); padding:0 0 2px 20px; float:left; font-size:30px; border: none; border-bottom: solid 1px #fff; font-weight: 300; outline-color: rgba(0,0,0,0.0); outline:none;}
#intro .scene_enter_email .btn_next{position:absolute; display:block; top:502px; left:1595px; width:258px; height:70px; background:url('../img/main/popon_ply_intro_btn_next_off.png') no-repeat;}
#intro .scene_enter_email .btn_next.focus{background:url('../img/main/popon_ply_intro_btn_next_hover.png') no-repeat;}

#intro .scene_enter_id{position:absolute; display:none; top:0; left:0; width:100%; height:100%}
#intro .scene_enter_id .accessKey{position:absolute; display:block; top:415px; left:905px; width:480px; height:60px; color:#ff0; font-size:35px; font-weight: 200;}
#intro .scene_enter_id .explain{position:absolute; display:block; top:513px; left:78px; width:600px; height:60px; color:#fff; font-size:47px; font-weight: 300;}
#intro .scene_enter_id .input_accessKey{position:absolute; display:block; top:505px; left:885px; width:650px; height:2px;}
#intro .scene_enter_id .input_accessKey input{position:relative; width:650px; height:70px; color:#ff0; background:rgba(0,0,0,0.0); padding:0 0 2px 20px; float:left; font-size:30px; border: none; border-bottom: solid 1px #fff; font-weight: 300; outline-color: rgba(0,0,0,0.0); outline:none;}
#intro .scene_enter_id .btn_next{position:absolute; display:block; top:502px; left:1595px; width:258px; height:70px; background:url('../img/main/popon_ply_intro_btn_login_off.png') no-repeat;}
#intro .scene_enter_id .btn_next.focus{background:url('../img/main/popon_ply_intro_btn_login_hover.png') no-repeat;}
#intro .scene_enter_id .prev{position:absolute; display:block; top:520px; left:790px; width:50px; height:50px; background:url('../img/main/btn_prev2.png') no-repeat;}
#intro .scene_enter_id .prev.focus{background:url('../img/main/btn_prev2_hover.png') no-repeat;}

#intro .scene_login_success{position:absolute; display:none; top:0; left:0; width:100%; height:100%}
#intro .scene_login_success .explain{position:absolute; display:block; top:520px; left:816px; width:480px; height:60px; color:#fff; font-size:47px; font-weight: 500;}

#intro .scene_login_fail{position:absolute; display:none; top:0; left:0; width:100%; height:100%}
#intro .scene_login_fail .explain{position:absolute; display:block; top:470px; left:78px; width:600px; height:60px; color:#fff; font-size:47px; font-weight: 500; letter-spacing:2px;}
#intro .scene_login_fail .guide{position:absolute; display:block; top:558px; left:78px; width:1500px; height:60px; color:#fff; font-size:30px; font-weight: 200; letter-spacing:2px;}
#intro .scene_login_fail .btn_next{position:absolute; display:block; top:502px; left:1595px; width:258px; height:70px; background:url('../img/main/popon_ply_intro_btn_retry_off.png') no-repeat;}
#intro .scene_login_fail .btn_next.focus{background:url('../img/main/popon_ply_intro_btn_retry_hover.png') no-repeat;}

#body_menuBtn {position:absolute; display:none; top:0; left:0; width:100%; height:100%; z-index: 100000;}

#play_guide{position:absolute; display:none; top:0; left:0; width:100%; height:100%; z-index: 20;}
#play_guide .dimmed{position:absolute; display:block; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.7}
#play_guide .icon{position:absolute; display:block; top:444px; left:864px; width:192px; height:192px; background:url('../img/main/popon_sub_ic_touch_time_wh_192.png') no-repeat;}
#play_guide .board{position:absolute; display:block; top:0; left:0; width:100%; height:100%;}
#play_guide .board .explain_1{position:absolute; display:block; top:661px; width:100%; height:60px; color:#fff; font-size:60px; font-weight: 500; text-align:center;}
#play_guide .board .explain_2{position:absolute; display:block; top:740px; width:100%; height:60px; color:#fff; font-size:60px; font-weight: 500; text-align:center;}
#play_guide .close{position:absolute; display:block; top:10px; left:1800px; width:96px; height:96px; background:url('../img/main/popon_ply_contents_list_btn_close_off.png') no-repeat;}
#play_guide .close.focus{background:url('../img/main/popon_ply_contents_list_btn_close_on.png') no-repeat;}

#menu{position:absolute; display:none; top:0; left:0; width:100%; height:100%; z-index: 100000;}
#menu .dimmed{position:absolute; display:block; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.7}
#menu .menu_list{position:absolute; display:block; top:0; left:0; width:100%; height:100%}
#menu .menu_list .close{position:absolute; display:block; top:276px; left:1705px; width:96px; height:96px; background:url('../img/main/popon_ply_contents_list_btn_close_off.png') no-repeat;}
#menu .menu_list .close:hover{background:url('../img/main/popon_ply_contents_list_btn_close_on.png') no-repeat;}
#menu .menu_list .connect{position:absolute; display:block; top:381px; left:135px; width:390px; height:390px; background:url('../img/main/popon_ply_playing_menu_btn_connect_off.png') no-repeat;}
#menu .menu_list .connect:hover{background:url('../img/main/popon_ply_playing_menu_btn_connect_hover.png') no-repeat;}
#menu .menu_list .connected{position:absolute; display:block; top:381px; left:135px; width:390px; height:390px; background:url('../img/main/popon_ply_playing_menu_btn_connected_off.png') no-repeat;}
#menu .menu_list .connected:hover{background:url('../img/main/popon_ply_playing_menu_btn_connected_hover.png') no-repeat;}
#menu .menu_list .select{position:absolute; display:block; top:381px; left:558px; width:390px; height:390px; background:url('../img/main/popon_ply_playing_menu_btn_select_off.png') no-repeat;}
#menu .menu_list .select:hover{background:url('../img/main/popon_ply_playing_menu_btn_select_hover.png') no-repeat;}
#menu .menu_list .selected{position:absolute; display:block; top:381px; left:558px; width:390px; height:390px; background:url('../img/main/popon_ply_playing_menu_btn_selected_off.png') no-repeat;}
#menu .menu_list .selected:hover{background:url('../img/main/popon_ply_playing_menu_btn_selected_hover.png') no-repeat;}
#menu .menu_list .settings{position:absolute; display:block; top:381px; left:979px; width:390px; height:390px; background:url('../img/main/151224_settings_icon_off.png') no-repeat;}
#menu .menu_list .settings:hover{background:url('../img/main/151224_settings_icon_focus.png') no-repeat;}
#menu .menu_list .signOut{position:absolute; display:block; top:381px; left:1404px; width:390px; height:390px; background:url('../img/main/160105_signout_icon_off.png') no-repeat;}
#menu .menu_list .signOut:hover{background:url('../img/main/160105_signout_icon_focus.png') no-repeat;}

#menu .popup_list{position:absolute; display:none; top:0; left:0; width:100%; height:100%}
#menu .popup_list .connect{position:absolute; display:none; top:0; left:0; width:100%; height:100%}
#menu .popup_list .select{position:absolute; display:none; top:0; left:0; width:100%; height:100%}
#menu .popup_list .settings{position:absolute; display:none; top:0; left:0; width:100%; height:100%}
#menu .popup_list .signOut{position:absolute; display:none; top:0; left:0; width:100%; height:100%}
#menu .popup_list .close{position:absolute; display:block; top:276px; left:1700px; width:96px; height:96px; background:url('../img/main/btn_prev.png') no-repeat;}
#menu .popup_list .close.focus{background:url('../img/main/btn_prev_hover.png') no-repeat;}

#menu .popup_list .prev{position:absolute; display:block; top:380px; left:770px; width:50px; height:50px; background:url('../img/main/btn_prev2.png') no-repeat;}
#menu .popup_list .prev.focus{background:url('../img/main/btn_prev2_hover.png') no-repeat;}
#menu .popup_list .board{position:absolute; display:block; top:470px; left:0px; width:820px; height:600px;}
#menu .popup_list .board .title{position:absolute; display:block; top:-20px; left:0; width:820px; color:#fff; font-size:60px; font-weight:bolder; text-align: right;}
#menu .popup_list .board .explain_1{position:absolute; display:block; top:54px; left:0; width:820px; color:#fff; font-size:36px; font-weight:regular; text-align: right;}
#menu .popup_list .board .explain_2{position:absolute; display:block; top:96px; left:0; width:820px; color:#fff; font-size:36px; font-weight:regular; text-align: right;}
#menu .popup_list .btn_ok{position:absolute; display:block; top:515px; left:1085px; width:72px; height:70px;}
#menu .popup_list .btn_ok .txt{position:absolute; display:block; top:0; left:0; width:100px; color:#fff; font-size:48px; font-weight:bold; text-align: left;}
#menu .popup_list .btn_ok .line{position:absolute; display:block; top:62px; left:0; width:655px; height:5px; background:url('../img/main/2depth_line_off.png') no-repeat;}
#menu .popup_list .btn_ok .txt.focus{color:#7986cb;}
#menu .popup_list .btn_ok .line.focus{background:url('../img/main/2depth_line_on.png') no-repeat;}

#menu .popup_list .settings .btn_swupdate{position:absolute; display:block; top:452px; left:1085px; width:72px; height:70px;}
#menu .popup_list .settings .btn_swupdate .txt_1{position:absolute; display:block; top:0; left:0; width:620px; color:#fff; font-size:48px; font-weight:bold; text-align: left;}
#menu .popup_list .settings .btn_swupdate .txt_2{position:absolute; display:block; top:56px; left:0; width:620px; color:#fff; font-size:30px; font-weight:regular; text-align: left;}
#menu .popup_list .settings .btn_staySignIn{position:absolute; display:block; top:612px; left:1085px; width:72px; height:70px;}
#menu .popup_list .settings .btn_staySignIn .txt_1{position:absolute; display:block; top:0; left:0; width:500px; color:#fff; font-size:48px; font-weight:bold; text-align: left;}
#menu .popup_list .settings .btn_staySignIn .txt_2{position:absolute; display:block; top:56px; left:0; width:300px; color:#fff; font-size:30px; font-weight:regular; text-align: left;}
#menu .popup_list .settings .btn_language{position:absolute; display:block; top:772px; left:1085px; width:72px; height:70px;}
#menu .popup_list .settings .btn_language .txt_1{position:absolute; display:block; top:0; left:0; width:300px; color:#fff; font-size:48px; font-weight:bold; text-align: left;}
#menu .popup_list .settings .btn_language .txt_2{position:absolute; display:block; top:56px; left:0; width:200px; color:#fff; font-size:30px; font-weight:regular; text-align: left;}
#menu .popup_list .settings .btn_poponEditor{position:absolute; display:block; top:932px; left:1085px; width:72px; height:70px;}
#menu .popup_list .settings .btn_poponEditor .txt_1{position:absolute; display:block; top:0; left:0; width:600px; color:#fff; font-size:48px; font-weight:bold; text-align: left;}
#menu .popup_list .settings .btn_poponEditor .txt_2{position:absolute; display:block; top:56px; left:0; width:450px; color:#fff; font-size:30px; font-weight:regular; text-align: left;}
#menu .popup_list .settings .txt_1.focus{color:#7986cb;}
#menu .popup_list .settings .txt_2.focus{color:#7986cb;}
#menu .popup_list .settings .line{position:absolute; display:block; top:106px; left:0; width:655px; height:5px; background:url('../img/main/2depth_line_off.png') no-repeat;}
#menu .popup_list .settings .line.focus{background:url('../img/main/2depth_line_on.png') no-repeat;}

#menu .popup_list .connect .icon{position:absolute; display:block; top:462px; left:840px; width:170px; height:140px; background:url('../img/main/connect_icon.png') no-repeat;}
#menu .popup_list .select .icon{position:absolute; display:block; top:462px; left:840px; width:170px; height:140px; background:url('../img/main/Select_icon.png') no-repeat;}
#menu .popup_list .settings .icon{position:absolute; display:block; top:462px; left:840px; width:170px; height:140px; background:url('../img/main/Settings_icon.png') no-repeat;}
#menu .popup_list .signOut .icon{position:absolute; display:block; top:462px; left:840px; width:170px; height:140px; background:url('../img/main/signout_icon.png') no-repeat;}

#menu .contents_list{position: absolute; display:none; top: 0px; left: 0px; width:100%; height:100%;}
#menu .contents_list .close{position:absolute; display:block; top:380px; left:770px; width:50px; height:50px; background:url('../img/main/btn_prev2.png') no-repeat;}
#menu .contents_list .close.focus{background:url('../img/main/btn_prev2_hover.png') no-repeat;}
#menu .contents_list .contentsFocus{position:absolute; display:block; top:0px; left:0px; width:680px; height:446px; background:url('../img/main/popon_ply_contents_list_content_focus.png') no-repeat;}
#menu .contents_list .board{position:absolute; display:block; top:470px; left:0px; width:820px; height:600px;}
#menu .contents_list .board .title{position:absolute; display:block; top:-20px; left:0; width:820px; color:#fff; font-size:60px; font-weight:bolder; text-align: right;}
#menu .contents_list .board .explain_1{position:absolute; display:block; top:54px; left:0; width:820px; color:#fff; font-size:36px; font-weight:regular; text-align: right;}

#menu .sw_update{position:absolute; display:none; top:0; left:0; width:100%; height:100%;}
#menu .sw_update .prev{position:absolute; display:block; top:380px; left:770px; width:50px; height:50px; background:url('../img/main/btn_prev2.png') no-repeat;}
#menu .sw_update .prev.focus{background:url('../img/main/btn_prev2_hover.png') no-repeat;}
#menu .sw_update .board{position:absolute; display:block; top:470px; left:0px; width:820px; height:600px;}
#menu .sw_update .board .title{position:absolute; display:block; top:-20px; left:0; width:820px; color:#fff; font-size:60px; font-weight:bolder; text-align: right;}
#menu .sw_update .board .explain_1{position:absolute; display:block; top:54px; left:0; width:820px; color:#fff; font-size:36px; font-weight:regular; text-align: right;}
#menu .sw_update .board .explain_2{position:absolute; display:block; top:96px; left:0; width:820px; color:#fff; font-size:36px; font-weight:regular; text-align: right;}
#menu .sw_update .btn_ok{position:absolute; display:block; top:492px; left:956px; width:72px; height:70px;}
#menu .sw_update .btn_ok .txt{position:absolute; display:block; top:0; left:0; width:100px; color:#fff; font-size:48px; font-weight:bold; text-align: left;}
#menu .sw_update .btn_ok .line{position:absolute; display:block; top:62px; left:0; width:679px; height:5px; background:url('../img/main/3depth_line_off.png') no-repeat;}
#menu .sw_update .btn_ok .txt.focus{color:#7986cb;}
#menu .sw_update .btn_ok .line.focus{background:url('../img/main/3depth_line_on.png') no-repeat;}

#menu .staySignIn{position:absolute; display:none; top:0; left:0; width:100%; height:100%}
#menu .staySignIn .prev{position:absolute; display:block; top:380px; left:770px; width:50px; height:50px; background:url('../img/main/btn_prev2.png') no-repeat;}
#menu .staySignIn .prev.focus{background:url('../img/main/btn_prev2_hover.png') no-repeat;}
#menu .staySignIn .board{position:absolute; display:block; top:470px; left:0px; width:820px; height:600px;}
#menu .staySignIn .board .title{position:absolute; display:block; top:-20px; left:0; width:820px; color:#fff; font-size:60px; font-weight:bolder; text-align: right;}
#menu .staySignIn .board .explain_1{position:absolute; display:block; top:54px; left:0; width:820px; color:#fff; font-size:36px; font-weight:regular; text-align: right;}
#menu .staySignIn .btn_ok{position:absolute; display:block; top:492px; left:956px; width:72px; height:70px;}
#menu .staySignIn .btn_ok .txt{position:absolute; display:block; top:0; left:0; width:100px; color:#fff; font-size:48px; font-weight:bold; text-align: left;}
#menu .staySignIn .btn_ok .line{position:absolute; display:block; top:62px; left:0; width:679px; height:5px; background:url('../img/main/3depth_line_off.png') no-repeat;}
#menu .staySignIn .btn_ok .txt.focus{color:#7986cb;}
#menu .staySignIn .btn_ok .line.focus{background:url('../img/main/3depth_line_on.png') no-repeat;}

#menu .language{position:absolute; display:none; top:0; left:0; width:100%; height:100%}
#menu .language .prev{position:absolute; display:block; top:380px; left:770px; width:50px; height:50px; background:url('../img/main/btn_prev2.png') no-repeat;}
#menu .language .prev.focus{background:url('../img/main/btn_prev2_hover.png') no-repeat;}
#menu .language .board{position:absolute; display:block; top:470px; left:0px; width:820px; height:600px;}
#menu .language .board .title{position:absolute; display:block; top:-20px; left:0; width:820px; color:#fff; font-size:60px; font-weight:bolder; text-align: right;}
#menu .language .board .explain_1{position:absolute; display:block; top:54px; left:0; width:820px; color:#fff; font-size:36px; font-weight:regular; text-align: right;}
#menu .language .board .explain_2{position:absolute; display:block; top:96px; left:0; width:820px; color:#fff; font-size:36px; font-weight:regular; text-align: right;}
#menu .language .btn_english{position:absolute; display:block; top:492px; left:956px; width:72px; height:70px;}
#menu .language .btn_english .txt{position:absolute; display:block; top:0; left:0; width:300px; color:#fff; font-size:48px; font-weight:bold; text-align: left;}
#menu .language .btn_english .line{position:absolute; display:block; top:62px; left:0; width:679px; height:5px; background:url('../img/main/3depth_line_off.png') no-repeat;}
#menu .language .btn_english .txt.focus{color:#7986cb;}
#menu .language .btn_english .line.focus{background:url('../img/main/3depth_line_on.png') no-repeat;}
#menu .language .btn_korean{position:absolute; display:block; top:642px; left:956px; width:72px; height:70px;}
#menu .language .btn_korean .txt{position:absolute; display:block; top:0; left:0; width:200px; color:#fff; font-size:48px; font-weight:bold; text-align: left;}
#menu .language .btn_korean .line{position:absolute; display:block; top:62px; left:0; width:679px; height:5px; background:url('../img/main/3depth_line_off.png') no-repeat;}
#menu .language .btn_korean .txt.focus{color:#7986cb;}
#menu .language .btn_korean .line.focus{background:url('../img/main/3depth_line_on.png') no-repeat;}

#menu .poponEditor{position:absolute; display:none; top:0; left:0; width:100%; height:100%}
#menu .poponEditor .prev{position:absolute; display:block; top:380px; left:770px; width:50px; height:50px; background:url('../img/main/btn_prev2.png') no-repeat;}
#menu .poponEditor .prev.focus{background:url('../img/main/btn_prev2_hover.png') no-repeat;}
#menu .poponEditor .board{position:absolute; display:block; top:470px; left:0px; width:820px; height:600px;}
#menu .poponEditor .board .title{position:absolute; display:block; top:-20px; left:0; width:820px; color:#fff; font-size:60px; font-weight:bolder; text-align: right;}
#menu .poponEditor .board .explain_1{position:absolute; display:block; top:54px; left:0; width:820px; color:#fff; font-size:36px; font-weight:regular; text-align: right;}
#menu .poponEditor .btn_ok{position:absolute; display:block; top:492px; left:956px; width:72px; height:70px;}
#menu .poponEditor .btn_ok .txt{position:absolute; display:block; top:0; left:0; width:100px; color:#fff; font-size:48px; font-weight:bold; text-align: left;}
#menu .poponEditor .btn_ok .line{position:absolute; display:block; top:62px; left:0; width:679px; height:5px; background:url('../img/main/3depth_line_off.png') no-repeat;}
#menu .poponEditor .btn_ok .txt.focus{color:#7986cb;}
#menu .poponEditor .btn_ok .line.focus{background:url('../img/main/3depth_line_on.png') no-repeat;}

#body .body_contents{position:absolute; display:block; left:956px;}
#body .body_contents_sub{position:absolute; display:block;}

#body_dimmed{position: absolute; display:none; top: 0; left: 0; width:100%; height:100%; background-color:#000; opacity:0.7; }
#body_dimmed .loadMsg{display:none;color:#fff; font-size:90px; font-weight:bold;	text-align:center; position:relative; top:495px; z-index:10010; }
.loadMsg_only{position:absolute; display:none; top:470px; left:907px; background:url('../img/main/icon_loading.gif') no-repeat; width:120px; height:120px; background-size: 100%;}

#no_contents{position:absolute; display:none; top:300px; left:590px; width:720px; height:410px; background:url('../img/main/no_contents.png') no-repeat; z-index: 20;}

#no_playlist{position:absolute; display:none; top:0px; left:0px; width:100%; height:100%; color:#fff; font-size:35px; font-weight: 500;}
#no_playlist .icon{position:absolute; display:block; top:254px; left:864px; width:192px; height:192px; background:url('../img/main/popon_sub_ic_playlist_wh_192.png') no-repeat;}
#no_playlist .explain_1{position:absolute; display:block; top:500px; left:0; width:1920px; font-size:35px; text-align: center;}
#no_playlist .explain_2{position:absolute; display:block; top:550px; left:0; width:1920px; font-size:35px; text-align: center;}
#no_playlist .btn_sign_out{position:absolute; display:block; top:651px; left:636px; width:650px; height:70px; background:url('../img/main/popon_ply_btn_signout_hover.png') no-repeat;}
#no_playlist .btn_sign_out.focus{background:url('../img/main/popon_ply_btn_signout_hover.png') no-repeat;}

#no_internet{position:absolute; display:none; top:0px; left:0px; width:100%; height:100%; color:#fff; font-size:35px; font-weight: 500;}
#no_internet .icon{position:absolute; display:block; top:204px; left:864px; width:192px; height:192px; background:url('../img/main/popon_sub_ic_scan_wifi_wh_192.png') no-repeat;}
#no_internet .explain_1{position:absolute; display:block; top:450px; left:0; width:1920px; font-size:35px; text-align: center;}
#no_internet .explain_2{position:absolute; display:block; top:500px; left:0; width:1920px; font-size:35px; text-align: center;}

#no_internet .btn_retry{position:absolute; display:block; top:602px; left:636px; width:650px; height:70px; background:url('../img/main/popon_ply_btn_retry_off.png') no-repeat;}
#no_internet .btn_retry.focus{background:url('../img/main/popon_ply_btn_retry_hover.png') no-repeat;}
#no_internet .btn_exit{position:absolute; display:block; top:701px; left:636px; width:650px; height:70px; background:url('../img/main/popon_ply_btn_exit_off.png') no-repeat;}
#no_internet .btn_exit.focus{background:url('../img/main/popon_ply_btn_exit_hover.png') no-repeat;}