@charset "utf-8";

/*서브비주얼*/
.eQ01 .wrap_sub_visual:before{background:url(/sites/humanrights/images/sub/subimg1.jpg) no-repeat center top;}
.eQ02 .wrap_sub_visual:before{background:url(/sites/humanrights/images/sub/subimg2.jpg) no-repeat center top;}
.eQ03 .wrap_sub_visual:before{background:url(/sites/humanrights/images/sub/subimg3.jpg) no-repeat center top;}
.eQ04 .wrap_sub_visual:before{background:url(/sites/humanrights/images/sub/subimg4.jpg) no-repeat center top;}
.eQ05 .wrap_sub_visual:before{background:url(/sites/humanrights/images/sub/subimg5.jpg) no-repeat center top;}
.eQ06 .wrap_sub_visual:before{background:url(/sites/humanrights/images/sub/subimg6.jpg) no-repeat center top;}
.eQ07 .wrap_sub_visual:before{background:url(/sites/guide/images/sub/sub_visual_7.jpg) no-repeat center top;}


/* 성희롱·성폭 > 성적자기결정권 Test */
.qAnswer > ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.qAnswer > ul > li { flex:0 0 30%; background-color:#FFF;  text-align:center; border-radius:10px; box-sizing:border-box; min-height:350px; }
.qAnswer > ul > li > .item1 { padding:50px; }
.qAnswer > ul > li:nth-child(1){ color:#1d398d; border:1px solid #1d398d; }
.qAnswer > ul > li:nth-child(2){ color:#f76228; border:1px solid #f76228; }
.qAnswer > ul > li:nth-child(3){ color:#cb2026; border:1px solid #cb2026; }
.qAnswer > ul > li > .item1 > .title { padding-top:70px; font-size:36px; font-weight:bold; }
.qAnswer > ul > li > .item1 > p:nth-child(2) { font-size:20px; font-weight:bold; }
.qAnswer > ul > li:nth-child(1) > .item1 > .title { background:url("/sites/humanrights/images/sub/ico_result01.png") no-repeat top center; }
.qAnswer > ul > li:nth-child(2) > .item1 > .title { background:url("/sites/humanrights/images/sub/ico_result02.png") no-repeat top center; }
.qAnswer > ul > li:nth-child(3) > .item1 > .title { background:url("/sites/humanrights/images/sub/ico_result03.png") no-repeat top center; }
.qAnswer > ul > li > .item2 { height:100%; padding:50px; display:none;  border-radius:10px; font-size:20px; font-weight:bold; color:#FFF;}
.qAnswer > ul > li:nth-child(1) > .item2{background-color:#1d398d;}
.qAnswer > ul > li:nth-child(2) > .item2{background-color:#f76228;}
.qAnswer > ul > li:nth-child(3) > .item2{background-color:#cb2026;}
@media only screen and (max-width:1024px) {
	.qAnswer > ul > li { flex-basis:100%; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; margin-bottom:20px; padding:30px; }
	.qAnswer > ul > li > .item1 { flex-basis:30%; }
	.qAnswer > ul > li > .item2 { flex-basis:70%; }
	.qAnswer > ul > li > .item2 { display:block; background-color:#fff; }
}
@media only screen and (max-width:768px) {
	.qAnswer > ul > li { flex-basis:100%; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; margin-bottom:20px; padding:30px; }
	.qAnswer > ul > li > .item1 { flex-basis:100%; }
	.qAnswer > ul > li > .item2 { flex-basis:100%; }
	.qAnswer > ul > li > .item2 { height:auto; }
}