@charset "utf-8";

body{background:#a0cf4d;}
div{width:100%;}

u {
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

.align_c{text-align:center;}

.header, .quiz_bx, .answer_bx fieldset{width:1200px;margin:0 auto;padding:0 30px;box-sizing:border-box;}/* max-width:96%;  */

.header{position:relative; color:#433b39;}
.header h1{padding:8px 0 0;}
.header h1 img{width:180px; height:auto;}
	.time_bx{position:absolute; margin:24px 0 0; top:0; right:30px; text-align:right; font-weight:bold;}
	.time_bx dt{margin:0 0 10px; font-size:14px;}
	.time_bx dt span{color:#fff;}
	.time_bx dd{font-size:15px;text-align:center;}
	.time_bx dd span{font-size:30px}

.xdsoft_flipcountdown {width:auto;}

.container{width:1200px;padding:140px 0 0;margin:0 auto;}
	.quiz_bx{padding:0 0 98px; background:url(../images/quiz_bx_bg.png) no-repeat 50% 100%;}
	.quiz_bx h2{padding-left:300px; color:#fff; font-size:28px; font-weight:normal; text-indent:-250px; line-height:60px;}
	.quiz_bx h2 span{font-size:60px;}
	.quiz_bx h2.audio_mg{margin:0 0 45px;}
	.quiz_bx h2 .txt_sty1{font-size:25px; letter-spacing:-1px;}

	.answer_bx{background-color:#fff;}
	.answer_bx fieldset{display:block;}

	.type1 fieldset{padding:64px 15px 60px;}
	.type1 table{}
	.type1 td{color:#a0cf4d; font-size:28px; line-height:1.3em;}
	.type1 td img{width:auto; height:160px;}

	.type2 fieldset{padding:48px 45px 45px;}
	.type2 table{}
	.type2 td{padding:17px 10px; color:#a0cf4d; font-size:28px; font-style:italic; line-height:1.3em; padding-left: 75px;}
	.type2 td span {float:left;position:relative;left:-75px;width:75px;margin-right:-75px;}
	.type2 td label{color:#918f90; float:left; margin-right:-100%; width:100%; box-sizing:border-box;overflow:hidden;}

	.type6 fieldset{padding:64px 0 60px;}
	.type6 table{}
	.type6 td{color:#a0cf4d; font-size:28px; line-height:1.3em;}
	.type6 td img{width:252px;}

	.type7 fieldset{padding:48px 30px 45px;}
	.type7 table{}
	.type7 td{padding:17px 10px; color:#a0cf4d; font-size:28px; font-style:italic; line-height:1.3em;}
	.type7 td label{margin:0 0 0 12px; color:#918f90;}

	.list_bx{padding:45px 0;}
	.list_bx ul{position:relative; width:340px; margin:0 auto; font-size:18px;}
	.list_bx .btn_prev, .list_bx .btn_next{position:absolute; top:0;}
	.list_bx .btn_prev{left:0;}
	.list_bx .btn_next{right:0;}
	.list_bx .page_num{margin:0 auto; width:120px; height:60px; color:#fff; text-align:center; line-height:60px; background-color:#363c3a;}
	.list_bx .btn_submit{position:absolute; top:0; right:0; margin:-31px -286px 0 0;}

	.txt_bx{display:table; margin:75px 0 0; padding:15px; height:auto; min-height:45px; background:#1d1d1d; color:#fff; font-size:28px; line-height:45px; text-align:center;box-sizing:border-box;}
	.txt_bx p{display:table-cell; vertical-align:middle;}

	.img_bx{margin:54px 0 0; text-align:center;}

	.img_txt_bx{margin:54px 0 0; text-align:center;}
	.img_txt_bx img{width:auto; max-width:100%; max-height:320px; margin-bottom:15px;}/*height:120px*/
	.img_txt_bx .type_t{padding:0 20px;}
	.img_txt_bx .type_t span{display:block;padding:15px;background:#1d1d1d;color:#fff;font-size:30px;line-height:45px;}


.footer{padding:42px 0 36px; background-color:#363c3a;}
	.copyright{color:#818c84; font-size:16px; text-align:center; line-height:1.8em;}
	.copyright span{color:#a0cf4d;}


/* 로그인 */
.login{position:relative;}
	.form_bx{width:1024px; max-width:96%; margin:0 auto 166px; text-align:center;}
	.form_bx fieldset{display:block; padding:200px 0 0; margin:0 0 48px;}
	.form_bx button{font-weight:bold;}

	.notice{font-size:15px;}
	.login_logo{margin:0 0 50px;}
	.login_logo img{width:270px; height:152px;}

	.id_area{margin:0 0 12px;}
	.pass_area{margin:0 0 30px;}
	.id_area input, .pass_area input{padding:0 12px 0; margin:0 auto; width:368px; line-height:50px; height:50px;}

	.notice{text-align:center;}
/* 메인 */
.main{position:relative; width:100%; min-width:1200px;}
.main_bx{padding:416px 0 0;}
.main_content{position:relative; padding:0 0 40px; margin:0 0 26px; min-height:393px; background-color:#fff;}
.main_content_bg{position:absolute; top:0; left:50%; margin:-338px 0 0 -600px; width:1200px; height:754px;}
.main_content_bg img{max-width:100%; height:auto;}
.main_logo,.main_notice,.start{position:relative; width:1200px; margin:0 auto;}

.main_content *{text-align:center;}

.main_logo{}
.main_logo img{position:absolute; top:0; left:50%; margin:-200px 0 0 -135px; width:270px; height:152px;}

.main_notice,.start{position:relative;}
.main_notice{padding:37px 0 0;}
.main_notice h2 {
	font-size: 20px;
	margin: 0 0 28px;
}
.main_notice p {
	margin:0 0 28px;
}
/*
	추가, 수정, 2022-06-30
*/
@media screen and (max-width: 1024px) {
	.main_notice p {
		max-width: calc(720px + (20px * 2));
		padding: 0 20px;
		margin: 0 auto 28px;
		text-align: justify;
		box-sizing: border-box;
	}
	.main_notice p br {
		display: none;
	}
	
}