@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

	::selection{ background-color: #E13300; color: white; }
	::moz-selection{ background-color: #E13300; color: white; }
	::webkit-selection{ background-color: #E13300; color: white; }

	body {
		background-color: #fff;
		margin: 40px;
		font-family: 'Nanum Gothic';
		color: #4F5155;
	}

	a {
		color: #003399;
		background-color: transparent;
		font-weight: normal;
	}

	h1 {
		color: #444;
		background-color: transparent;
		border-bottom: 1px solid #D0D0D0;
		font-size: 19px;
		font-weight: normal;
		margin: 0 0 14px 0;
		padding: 14px 15px 10px 15px;
	}

	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}

    .bg {
        background: no-repeat center;
        background-image:url('img/bg.png');
        background-size: cover;
    }

	#body{
        width:500px;
        margin:35px auto;
		/*margin: 0 15px 0 15px;*/
        /*text-align:center;*/
	}

    #body_view{text-align: center;}

    .ttitle {
        font-size:2.2em;
        color:crimson;
        font-weight:900;
    }
	
    .tcenter {
        text-align: center;
    }

    .tleft {
        text-align:left;
        margin-left:88px;
    }
    .tbold {
        font-weight:bold;
        color:black;
    }
    .desc {
        font-size: 0.85em;
        font-weight: bold;
        color:#929eaa;
    }
    
    .bold {
        font-weight: bold;
    }

    .tab {
        font-size:1.15em;
        font-weight:bold;
        padding-right:15px;
    }
    
    #uid {
        width: 260px;
        height: 32px;
        border: solid 2px #ccc;
        border-radius: 5px;
        padding:3px 10px;
    }
    
    #submit {padding:10px;}


    #body video, #body_view video {
        max-width:92%;
        /*width:92%;*/
        text-align: center;
        /*padding: 1% 5%;*/
        margin: 0 auto;
        /*
        -ms-transform:translate(-50%,-50%);
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);*/
    }

	p.footer{
		text-align: right;
		font-size: 11px;
		border-top: 1px solid #D0D0D0;
		line-height: 32px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 0;
	}
	
	#container{
        width:630px;
        height:300px;
        margin:250px auto;
        
		/*margin: 10px;*/
		border: 1px solid #D0D0D0;
		/*-webkit-box-shadow: 0 0 8px #D0D0D0;*/
        box-shadow: 0 0 10px 0 #D0D0D0;
        -webkit-box-shadow: 0 0 10px 0 #D0D0D0;
        -moz-box-shadow: 0 0 10px 0 #D0D0D0;
        
        
	}
    #container_view{
        max-width:800px;
        height:auto;
        margin:10px auto;
        
		/*margin: 10px;*/
        border-radius: 5px;
		border: 1px solid #D0D0D0;
		/*-webkit-box-shadow: 0 0 8px #D0D0D0;*/
        box-shadow: 0 0 10px 0 #D0D0D0;
        -webkit-box-shadow: 0 0 10px 0 #D0D0D0;
        -moz-box-shadow: 0 0 10px 0 #D0D0D0;
        
        
	}
    .right {
        text-align:right;
    }
    .btn_img {
        padding-right:30px;
    }