body{margin: 0; padding: 0;}

.LT_subTop { width:100%; height:320px;	background-size:cover; background-position:50% 0%; background-repeat:no-repeat;	position:relative; margin-bottom:50px; overflow:hidden; }
.LT_subTop:before { content:"";	position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(40,40,40,.8); }
.LT_subTop .topTitle { position:absolute; left:50%; top:50%; -ms-transform:translate(-50%, -30%); -webkit-transform:translate(-50%, -30%); transform:translate(-50%, -30%); overflow:hidden;	height:80px; text-align:center; }
.topTitle p { font-family: 'Barlow Condensed', sans-serif; color:rgba(255,255,255,.7); letter-spacing:0.5rem; font-weight:500; font-size:13px; animation: sub_top linear 0.5s forwards ; opacity:0; }
.topTitle h1 { margin-top:10px;	font-size:45px;	font-weight:400; color:#fff; -webkit-text-shadow:0 2px 3px rgba(97,97,97,0.6); text-shadow:0 2px 3px rgba(97,97,97,0.6); animation: sub_top linear 0.5s forwards ; animation-delay: 0.5s; opacity:0; }

@-webkit-keyframes sub_top {
	0% { -webkit-transform: translateY(50px); opacity:0; }
  100% { -webkit-transform: translateY(0); opacity:1; }
 }
 @keyframes sub_top {
	0% { -webkit-transform: translateY(50px); opacity:0; }
  100% { -webkit-transform: translateY(0); opacity:1; }
 }

.LT_section{width: 100%; height: 100%;}
.LT_section .LT_box{width: 50%; height: 100%; margin: 0 auto;}
.LT_section .LT_box .LT_text{margin-bottom: 30px; font-size: 30px; color: #000000; text-align: center; font-family: "Nanum Square", "NanumSquare", sans-serif;}
.LT_section .LT_box .LT_inputId{width: 60%; height: auto; margin: 0 auto; text-decoration: none; outline: none;}
.LT_section .LT_box .LT_inputId input{width: 100%; height: 60px; padding-left: 15px; font-size: 19px; background-color: #f4f4f4; border: 1px solid transparent}
.LT_section .LT_box .LT_btn_wraper {display: flex; flex-direction: row;  width: 60%; margin: 30px auto;}
.LT_section .LT_box .LT_btn_wraper .LT_start{flex-grow: 1; width: 50%; margin-right: 5px; border-radius: 10px; background: #938464;}
.LT_section .LT_box .LT_btn_wraper .LT_start a{display: flex; justify-content: center; align-items: center; width: 100%; font-size: 20px; height: 70px; color: #ffffff;}
.LT_section .LT_box .LT_btn_wraper .LT_result{flex-grow: 1; width: 50%; margin-left: 5px; border-radius: 10px; background: #555555;}
.LT_section .LT_box .LT_btn_wraper .LT_result a{display: flex; justify-content: center; align-items: center; width: 100%; font-size: 20px; height: 70px; color: #ffffff;}
.LT_section .LT_box .LT_important{ border: 1px solid #aaa; background-color: #f7f7f7; padding: 30px; margin-bottom: 50px;}
.LT_section .LT_box .LT_important .LT_imp_title{font-size: 20px; font-weight: bold; margin-bottom: 30px; font-family: "Nanum Square", "NanumSquare", sans-serif;}
.LT_section .LT_box .LT_important .LT_imp_content{font-size: 16px; font-weight: 400; font-family: "Nanum Square", "NanumSquare", sans-serif;}

/* levetest.php */
.LT_section .LT_box .LT_btn_wraper ul{width: 100%; display: flex; flex-direction:row;}
.LT_section .LT_box .LT_btn_wraper ul li{width: 33.33%; text-align: center;}
.LT_section .LT_box .LT_btn_wraper ul li .outline{height: 100%;}
.LT_section .LT_box .LT_btn_wraper ul li .outline div:last-child{margin-top: 10px; font-weight: bold;}
.LT_section .LT_box .LT_btn_wraper ul li .outline .flag{width: 90px; height: 90px; border-radius: 60px; background-repeat: no-repeat; background-position-y: center; margin: 0 auto; background-size: cover; border: 3px solid #aaa;}

/* 반응형 */
@media (max-width:1000px) {
	.LT_section .LT_box {width: 80%;}
}

@media (max-width:767px) {
	.subTop { height:250px; margin-bottom:50px; }
	.topTitle h1 { font-size:30px; margin-top:0; }

    .LT_section .LT_box {width: 90%;}
    .LT_section .LT_box .LT_inputId {width: 90%;}
    .LT_section .LT_box .LT_btn_wraper {width: 90%;}
}

@media (max-width:414) {
	.LT_section .LT_box .LT_btn_wraper ul li .outline .flag {width: 75px; height: 75px;}
}