@charset "utf-8";

.gnb.sub {
	top: 280px;
}

.sub_title_wrap  {
padding-top: 80px;
}

.sub_bg {
	position: relative;
	width: 100%;
	height: 313px;
	background-repeat: no-repeat;
	background-size: cover;
}

.sub_bg h2 {
display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 65px;
  font-size: 30px;
  color: #fff;
	text-transform: uppercase;
}

.sub_bg.s0 {
	background-image: url("../../image/sub/subBg0.jpg");
}

.sub_bg.s1_1 {
	background-image: url("../../image/sub/subBg1_1.jpg");
}

.sub_bg.s1_2 {
	background-image: url("../../image/sub/subBg1_2.jpg");
}

.sub_bg.s1_3 {
	background-image: url("../../image/sub/subBg1_3.jpg");
}

.sub_bg.s1_4 {
	background-image: url("../../image/sub/subBg1_4.jpg");background-position: center;
}

.sub_bg.s2_1 {
	background-image: url("../../image/sub/subBg2_1.jpg");
}

.sub_bg.s2_2 {
	background-image: url("../../image/sub/subBg2_2.jpg");
}

.sub_bg.s2_3 {
	background-image: url("../../image/sub/subBg2_3.jpg") ;background-position: center;
}
.sub_bg.s2_4 {
	background-image: url("../../image/sub/subBg2_4.jpg");;background-position: center;
}
.sub_bg.s2_5 {
	background-image: url("../../image/sub/subBg2_5.jpg");;background-position: center;
}
.sub_bg.s2_6 {
	background-image: url("../../image/sub/subBg2_6.jpg");;background-position: center;
}
.sub_bg.s2_7 {
	background-image: url("../../image/sub/subBg2_7.jpg");;background-position: center;
}
.sub_bg.s2_8 {
	background-image: url("../../image/sub/subBg2_8.jpg");;background-position: center;
}
.sub_bg.s2_9 {
	background-image: url("../../image/sub/subBg2_9.jpg");;background-position: center;
}
.sub_bg.s2_10 {
	background-image: url("../../image/sub/subBg2_10.jpg");;background-position: center;
}

.sub_bg.s3_1 {
	background-image: url("../../image/sub/subBg3_1.jpg");
}
.sub_bg.s3_2 {
	background-image: url("../../image/sub/subBg3_2.jpg");
}
.sub_bg.s3_3 {
	background-image: url("../../image/sub/subBg3_3.jpg");
}
.sub_bg.s3_4 {
	background-image: url("../../image/sub/subBg3_4.jpg");
}
.sub_bg.s3_5 {
	background-image: url("../../image/sub/subBg3_5.jpg");
}
.sub_bg.s3_6 {
	background-image: url("../../image/sub/subBg3_6.jpg");
}
.sub_bg.s4_1 {
	background-image: url("../../image/sub/subBg4_1.jpg");;background-position: right;
}

.sub_bg.s4_2 {
	background-image: url("../../image/sub/subBg4_2.jpg");background-position:center;
}
.sub_bg.s4_3 {
	background-image: url("../../image/sub/subBg4_3.jpg");
}
.sub_bg.s4_4 {
	background-image: url("../../image/sub/subBg4_4.jpg");
}
.sub_bg.s4_5 {
	background-image: url("../../image/sub/subBg4_5.jpg");
}
.sub_bg.s4_6 {
	background-image: url("../../image/sub/subBg4_6.jpg");
}

.sub_bg.quiz {
	background-image: url("../../image/sub/subBgQuiz.jpg");
}
.sub_bg.listPage {
	background-image: url("../../image/sub/subBgListPage.jpg");
}

.bg2_4{background: #fef3df;padding-top:100px}


.quiz-wrap {
	margin-top: 30px;
	background-color: #f9f9f9;
	padding: 30px;
	border: 1px solid #ddd;
}

.quiz-wrap .quiz__answer {
	text-align: center;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}
.quiz-wrap .quiz__answer .quiz__answer-case {
	text-align: center;
}
.quiz-wrap .quiz__answer.quiz__answer-case span {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	font-weight: bold;

}
.quiz-wrap .quiz__answer .quiz__answer-case .answer label {
	margin-right: 15px;
	font-size: 26px;
	font-weight: bold;
	cursor: pointer;
}
.quiz-wrap .quiz__answer .quiz__answer-case .answer .area {
	width: 600px;
	height: 40px;
	border: 1px solid #b8b8b8;
	padding-left: 10px;
}
.quiz-wrap .quiz__enter:after {
	display: block;
	content: '';
	clear: both;
}

.quiz__enter-row {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

 .quiz__enter-row > .quiz__enter-col {
	 width: 48.3050%;
 }

/* .quiz__enter-row > .quiz__enter-col {
	width: 48.3050%;
}
.quiz__enter-row > .quiz__enter-col:first-child {
	padding-left: 0;
} */
.quiz-wrap .quiz__enter .tit {
	float: left;
	width: 60px;
	font-size: 16px;
	line-height: 40px;
	margin-right: 10px;
}
.quiz-wrap .quiz__enter .input {
	float: left;
	width: calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
	width: -moz-calc(100% - 70px);
	width: -o-calc(100% - 70px);
	width: -ms-calc(100% - 70px);
}
.quiz-wrap .quiz__enter .input input[type="text"] {
	width: 100%;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	padding: 0px 10px;
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
}
.quiz-wrap .quiz__dbList .part.text {
	margin-top: 30px;
}
.quiz-wrap .quiz__dbList .part.text .label {
	display: block;
	margin-bottom: 10px;
}
.quiz-wrap .quiz__dbList .part.text .box {
	width: 100%;
	padding: 30px;
	border: 1px solid #DDDDDD;
	background-color: #fff;
	font-size: 16px;
	box-sizing: border-box;
}
.quiz-wrap .quiz__dbList .part.text .box li {
	margin-bottom: 20px;
	padding-left: 1em;
	text-indent: -1em;
}
.quiz-wrap .quiz__dbList .checkbox {
	margin: 20px 0;
	text-align: center;
}
.quiz-wrap .quiz__dbList .checkbox .check {
	display: inline-block;
	margin: 0 20px;
}
.quiz-wrap__button {
	text-align: center;
}
.quiz-wrap__button button {
	display: inline-block;
	padding: 5px 100px;
	background-color: #f26c00;
	color: #fff;
	font-size: 22px;
	border-radius: 30px;
	font-family: inherit;
}

/* .quiz-wrap__button {
	display: inline-block;
	padding: 5px 100px;
	background-color: #f26c00;
	color: #fff;
	font-size: 22px;
	border-radius: 30px;
} */


.listPages {
	padding: 50px 80px;
	background-color: #fff;
}

.listPages-area {
	margin-bottom: 50px;
}

.listPages__title {
	margin-bottom: 20px;
	font-size: 28px;
	font-family: 'S-CoreDream-6Bold';
	text-align: center;
}

.listPages__list {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}

.listPages__item {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 19.6078%;
	margin-right: 7.1896%;
}

.listPages__item:last-child {
	margin-right: 0;
}

.listPages__item-vol {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
}

.listPages__item-img {
	margin-bottom: 15px;
	box-shadow: 5px 5px #ddd;
	width:200px;
}

.listPages__item-webzine {
	display: inline-block;
	margin-bottom: 10px;
	padding: 5px 30px;
	background-color: #f26c00;
	color: #fff;
	border-radius: 40px;
	font-weight: bold;
}

.listPages__item-view {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.listPages__item-view a {
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 14px 16px;
	padding-left: 20px;
}
.listPages__item-view a:first-child {
	background-image: url('../images/list/ico-pdf.png');
}
.listPages__item-view a:last-child{
	background-image: url('../images/list/ico-ebook.png');
}
.list .box{
	background: #f2f2f2;
	padding:40px;
	width:70%;
	text-align: center;
	margin:0 auto;

}
.list .box .button{
	margin-top:20px;
	background: #000;
	padding:10px 40px;
	display: inline-block;
	color:#fff

}
figure .caption{
		margin-top: 10px;
    font-size: 15px;
    color: #666;
    text-align: center;
    line-height: 22px;
    word-break: keep-all;
	}

.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px !important;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top: 40px;
}
.mt60{
	margin-top: 60px;
}
.mt80{
	margin-top: 80px;
}
.mr20{
	margin-right: 20px;
}
.pd0{padding:0 !important}
.i_q{
	font-size: 50px !important;
  font-family: 'S-CoreDream-3Light';
	padding-bottom: 20px;
	text-align: left;
	color:#f26c00;
	margin-top:20px;
}
.i_q_title{
	color:#f26c00;
	text-align: left;
	font-size: 24px !important;
	line-height: 45px !important;
	font-family: 'S-CoreDream-6Bold';

}
.ta-l{
	text-align: left;
}

.out{
	position:absolute;
	left:-50px;
	 top:-40px
}
.sub_container_half{
	max-width:590px;
}
.ontext{
	position:absolute;
	width:65%;
	top:0;
}

.re_n_mt50{
	margin-top: 50px;
}

.snslink{
	color:#f26c00;
	margin-top:20px;
}
.impression{
	max-width:775px;
	margin: 0 auto;
	position:relative;

}
.impression h3{
	border-bottom: 1px solid #333;
	padding:5px 0 15px 0;
	line-height: 45px
}
.impression p{
	font-size:16px;
	line-height: 30px;
}
.line{
	padding-bottom: 40px;
	border-bottom: 1px solid #333;
	font-size:18px;
}
.m_tl{
	text-align: right;
	margin-top:50px;
}
/*크기지정*/
.h_1290{
	max-height: 1290px;
}

.professor{background-color: #fff;
padding:20px}

.trand h2{
	color:#109cda;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
}
.trand{
	color:#42557d;

}
.trand ul{
	text-align: center;
}
.trand ul li{
	width:250px;
	display: inline;
}
.fx{
		display: flex;
		justify-content:space-around;
		margin-top:20px;
		font-size:22px;

}
.fx div{
	margin-left: 20px
}
.fx div:first-of-type{
	margin-left:0
}

.pc-n{display: none}
.mo-n{}


.s2_3 .title{
	font-size:24px;
	font-weight: bold
}
.s2_3 .interview{width:80%}
.s2_3 .interview_tit{
	font-size: 18px;
	font-weight: bold;
	margin-top:10px
}
.s2_3 .interview .line{
	border-bottom: 2px solid #000
}
.s2_3 .interview_text{
	font-family: 'Nanum Myeongjo';
	margin-top:10px;
	line-height: 1.6;
	word-break: keep-all;
}



	/*2_4*/
.s2_4 .title{
	color:#333;
	font-size: 22px;
	text-align: center;
	background: #fff;
	margin: 0 auto;
	width:90%;
	padding: 10px;
	border-radius: 30px;
	font-weight: bold;
	border:3px solid #333
}
.s2_4 .title::after{
		border:1px solid #333;
		width:1000px
}

@media all and (max-width: 1300px){
	.i_q{

	}
	/*인터뷰*/
	.out{
		left:0;
		top:-60px;

	}
	.re_under{
		padding-top:30px;
	}
	.re-mt50{
		margin-top: 50px;
	}
}

@media all and (max-width: 1180px){
	.
}
@media all and (max-width: 768px) {
	.line{padding-bottom: 20px}
	.pc-n{display: block;}
	.mo-n{display:none}
	.quiz-wrap {
		padding: 30px 15px;
	}

	.quiz-wrap .quiz__answer .quiz__answer-case .answer label {
		font-size: 20px;
	}
	.quiz-wrap .quiz__answer .quiz__answer-case .answer .area {
		width: calc(100% - 65px);
	}

	.quiz__enter-row {
		flex-wrap: wrap;
	}

	.quiz__enter-row > .quiz__enter-col {
		width: 100%;
		margin: 5px 0;
	}

	.quiz-wrap__button button {
		padding: 5px 30px;
		font-size: 16px;
	}
	.under{
	width:100% !important;
	text-align: center;
	}
	.re{
		width:100% !important
	}

	.re-mt20{
		margin-top: 20px;
	}
	.re_n_mt50{
		margin-top:0px;
	}
	.re-mt50{
		margin-top:0px;
	}
	.re-mt60{margin-top:60px}
	.h_1290{
		max-height: auto;
	}
	.m_tl{text-align: left;}
}

@media all and (max-width: 350px) {
	.s2_4 .title{font-size: 18px}
}



/**-----221227 css 추가 -----**/

.s1_1 .table_wrap .box{
	border-top:5px solid #fac03d;
	background: #fff;
	padding:20px
}
.s1_1 .table_wrap .box p span{
	color:#fac03d;
	text-decoration: underline;;
	font-weight: bold;
}
.s1_1 .table_wrap tr td:nth-of-type(odd){
	min-width:275px; min-height: 415px
}

.s1_2 .box{
	background: #fff;
	border-top:#222 1px solid;
	padding: 20px;
	width:90%;
	margin: 0 auto

}
.s1_2 .flex{display: flex; justify-content: space-between;align-items: center}

.s3_1 .box{
	background: #fde0a5;
	border-radius: 20px;
	padding: 40px
}

.s3_1 .box .box_tit{
	font-family: 'Nanum Myeongjo';
	font-size: 30px;
	text-align: center;
	margin-bottom: 40px
}

.s3_1 .box .box_part{
	margin:20px 0
}
.s3_2 .box{
	background-image: url("../../image/sub/sub3_2_8.jpg");
	background-position: left 50px center;
	background-repeat: no-repeat;
	background-color: #e6e6e6;
	border-top: 3px solid #7caf61;
	padding: 50px 40px 50px 180px;
	width:90%;
	margin:0 auto
}
.s3_2 .box .box_tit{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.s3_2 .box .box_tit p{
	 color:#0c3388;
	 font-size: 22px
}
.s3_3 .text_box h4{
	text-decoration: underline;
}
.s3_3 .box{
	background: #ecdeed;
	padding: 40px;
}
.s3_3 .box .box_tit{
	font-family: 'Nanum Myeongjo', serif;
	font-size: 32px;
}
.s3_3 .box .box_tit p{
	 color:#0c3388;
	 font-size: 22px
}
.purple{
color:#801185
}

.underline{text-decoration: underline;}
/* 20230330 ADD */
.sub3_1 .col_3.seven { width:58.33%;  }
.sub3_1 .col_3.five { width:41.66%; }
.sub4_3 .sub_content_wrap .sub_part { margin-bottom:120px; }
.sub4_3 .hotem_section { margin-top:60px; }
.sub4_3 .hotem_section .hotem_part { margin-bottom:80px; }
.sub4_3 .hotem_section .hotem_part:last-child { margin-bottom:0px; }
.sub4_3 .hotem_section .hotem_tit {font-size: 20px ;font-weight: bold;}
.sub4_3 .hotem_section .hotem_title { font-size:24px; line-height:30px; font-family: 'S-CoreDream-Bold';}
.sub4_3 .hotem_section .hotem_title span { color:#d66b6b; }
.sub4_3 .hotem_section .hotem_title span.color_2 { color:#55bdb4; }
.sub4_3 .hotem_section .hotem_title span.color_3 { color:#6892d0; }
.sub4_3 .hotem_section .hotem_list {}
.sub4_3 .hotem_section .hotem_list .line{border-bottom:2px solid #ddd}
.sub4_3 .hotem_section .hotem_list li { margin-bottom:30px; }
.sub4_3 .hotem_section .hotem_list li:last-child { margin-bottom:0px; }
.sub4_3 .hotem_section .hotem_list .logo { margin-bottom:15px; }
.sub4_3 .hotem_section .hotem_list .list_tit { font-size:16px; font-family: 'S-CoreDream-Bold'; margin-bottom:10px; }
.sub4_3 .hotem_section .hotem_list .list_text { font-size:16px; line-height:30px; }
.sub4_3 .hotem_section .hotem_list .box{
	display: flex; justify-content: space-between; width: 50%
}
.sub4_3 .w-box{padding: 40px; background: #fff;position: relative;}
.sub4_3 .label{
	position: relative;
  text-align: center;
  margin-bottom: 20px;
  z-index: 1;
}
.sub4_3 .label_tit{
	display: inline-block;
padding: 0 15px;
color: #000;
background: #Fff;
font-family: 'S-CoreDream-6Bold';
font-size: 26px;
border:3px solid #000;
border-radius: 50px;
padding:10px 30px
}
.sub4_3 .label:before{
	content: "";
position: absolute;
left: 0;
top: 50%;
background-color: #000;
width: 100%;
height: 3px;
z-index: -1;
}


.sub4_4 .img_view_pc { display:block; }
.sub4_4 .img_view_mo { display:none; }
.sub4_5 .category_icon { margin-bottom:20px; }
.sub4_5 .img_view_pc { display:block; }
.sub4_5 .img_view_mo { display:none; }

@media all and (max-width: 768px) {
	.sub4_3 .hotem_section .hotem_list .box{
		width:100%
	}
		.sub4_3 .hotem_section .hotem_list .box .qr{
			margin:0 10px
		}
	.s1_2 .flex{display: block}
	.sub3_1 .col_3.seven { width:100%;  }
	.sub3_1 .col_3.five { width:100%; }
	.s3_2 .box{ background-position: top 30px center; padding: 220px 40px 40px 40px;}
	.sub4_3 .hotem_section .hotem_img { display:none; }
	.sub4_4 .img_view_pc { display:none; }
	.sub4_4 .img_view_mo { display:block; margin:0px auto; }
	.sub4_5 .img_view_pc { display:none; }
	.sub4_5 .img_view_mo { display:block; margin:0px auto; }
	.sub4_3 .hotem_section .hotem_title{text-align: center}
}