@charset "UTF-8";
@font-face{
	font-family:"ChosunGothic";
	font-style:normal;
	src : local("ChosunGothic"),
				url('http://edu.chosun.com/m/css/ChosunGothic.woff2') format('woff2'),
				url('http://edu.chosun.com/m/css/ChosunGothic.woff') format('woff'),
				url('http://edu.chosun.com/m/css/ChosunGothic.eot') format('embedded-opentype');
/*	font-weight:300;*/
	font-stretch:normal;
	font-display:swap;
}
*{
	margin:0; padding:0; border:0; outline:none ;
	font-family:,'Malgun Gothic','맑은 고딕',AppleSDGothicNeo-Light,'HelveticaNeue',sans-serif; font-weight:normal; color:#222;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
body {margin:0 auto;max-width:740px;}
h1, h2, h3, h4, h5, b, strong{font-weight:500; padding:0; margin:0;}

.en{font-family: 'Montserrat', '맑은고딕', sans-serif;}

.inner{font-family:'ChosunGothic'; position:relative; margin:0 auto; /*width:calc(100% - 30px);*/ padding: 0 calc((16) * 1px); font-size:18px; line-height:1.78;}
.inner:after{visibility:hidden; display:block; content:""; clear:both; height:0;}

/* Header */
header{position: relative; height:45px; margin:0 auto; text-align:center; background:#fff;}
	header button{
		position: absolute; top:50%;  width:auto; height:100%; font-family: FontAwesome; background:none; font-size:x-large; margin-top:0px;
		transform: translate(0%, -50%);
			-webkit-transform:translate(0%, -50%);
			-moz-transform:translate(0%, -50%);
			-ms-transform:translate(0%, -50%);
	}
	header .btn_aside{left:0;}
	header .btn_aside:before{content: "\f0c9";}
	header .btn_search{right:0; padding-left:1px;}
	header .btn_search:before{content: "\f002";}
	header .logo_top{
		position: absolute; top:50%; left:50%; height:auto; width:110px; font-size:0;
		transform: translate(-50%, -50%);
			-webkit-transform:translate(-50%, -50%);
			-moz-transform:translate(-50%, -50%);
			-ms-transform:translate(-50%, -50%);
	}

/* Nav */
nav {
    position: relative;
    overflow: hidden;
    background: #fff;
    height: 43px;
	    border-top: solid 1px #d7d7d7;
		height:45px;box-shadow:0px 2px 5px #aaa;margin-bottom:10px
}


nav div.nav{position: relative;overflow:visible;height:45px;white-space:nowrap;-webkit-overflow-scrolling: touch;}

nav div.nav div.panel{
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;text-align:center;margin-right:2px;}

nav div.nav div.panel:nth-child(1) {width:5px !important}
nav div.nav div.panel:nth-child(2) {width:50px !important}
nav div.nav div.panel:nth-child(3) {width:50px !important}
nav div.nav div.panel:nth-child(4) {width:90px !important}
nav div.nav div.panel:nth-child(5) {width:80px !important}
nav div.nav div.panel:nth-child(6) {width:80px !important}
nav div.nav div.panel:nth-child(7) {width:110px !important}
nav div.nav div.panel:nth-child(8) {width:80px !important}

nav div.nav div.panel.active:before{
	content:""; position: absolute; left:50%; bottom:0; height:3px; width:calc(100% - 20px); background:#ef2229;
	transform: translate(-50%, 0);
		-webkit-transform:translate(-50%, 0);
		-moz-transform:translate(-50%, 0);
		-ms-transform:translate(-50%, 0);
}

nav div.nav div.panel a{display:block; font-size: 17px;font-weight: 900;color:#222;height:100%;line-height:38px;}
nav div.nav div.panel.active a{color:#ef2229;font-weight:900}




#wrap_scroller_nav {
  position: absolute;
  width: 100%;
  top: 0;
	left: 0;
  -webkit-overflow-scrolling: touch;
}
#wrap_scroller_nav .scroller {
  position: absolute;
  height:100%;
  -webkit-overflow-scrolling: touch;
}

/* Main  */
main > section{padding-top:15px;}
section h1 {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 5px;
}

main .null_line{position: relative; width:100%; height:0px;}
main .null_line:after{
	content:""; position:absolute; left:0; top:0; width:100%; height:0px; border-top:1px solid #ddd;
}
main h1.section_title{font-size:120%; font-weight:bold; margin-bottom:5px;}



.wrap .null_line{position: relative; width:100%; height:0px;}
.wrap .null_line:after{content:""; position:absolute; left:0; top:0; width:100%; height:0px; border-top:1px solid #ddd;}
.wrap h1.section_title{font-size:120%; font-weight:bold; margin-bottom:5px;}

.main_news:first-child{padding-top:0;}
.main_news > .news_thumb_big{padding-bottom:15px; border-bottom:1px solid #ddd;}
.main_news_list{margin-top:15px;margin-bottom:15px;}
.main_news_list li{border-bottom:1px solid #ddd; padding:5px 0;}
.main_news_list li:first-child{padding-top:0;}
.main_news_list li:last-child{border-bottom:0; padding-bottom:0;}


.main_news_today{margin:10px auto;}
.main_news_today h1{font-size:120%; font-weight:bold; margin-bottom:5px;}

.main_news_edu_tab{display:none;}
.main_news_edu_tab .tab{display:table; width:100%;}
.main_news_edu_tab .tab li{display:table-cell; width:33.33%;}
.main_news_edu_tab .tab li a{width:100%; display:block; text-align:center; font-size:120%; font-weight:bold; border-bottom:1px solid #ddd; padding:5px 0;}
.main_news_edu_tab .tab li.active a{border-bottom:1px solid #c51917;}
.main_news_edu_tab .news_con{margin-top:10px;}
.main_news_edu_tab .news_con .news_thumb .thumb img{width:100%; height:120px; object-fit: cover;}
.main_news_edu_tab .news_con .news_thumb h3{display:block; margin-top:10px; font-size:100%; line-height:120%; text-align:left; letter-spacing:-0.5px;}
.main_news_edu_tab .news_con .news_list{padding-top:10px;}
.main_news_edu_tab .news_con .news_list li{margin:7px 0;}

.main_news_edu{margin:10px auto;}
.main_news_edu ul.imgart li{border-top:1px solid #ddd; }
.main_news_edu ul.imgart li:first-child{padding-top:0; border-top:0;}
.main_news_edu ul.imgart li h1{font-size:120%; font-weight:bold;height:30px;}
.main_news_edu ul.imgart li h1 a {font-weight:bold;}
.main_news_edu .thumb img{width:100%; height:120px; object-fit: cover;}
.main_news_edu h3{display:block; margin-top:10px; font-size:100%; line-height:120%; text-align:left; letter-spacing:-0.5px;}

.main_news_art{background:#eeeeee; margin-top:10px; padding:15px;}
.main_news_art h1{display:block; padding-bottom:5px;}

.main_edupost{margin:15px auto;}
.main_edupost .latest{position: relative; display:block;}
.main_edupost .latest .writer_con{width:calc(100% - 100px); padding-right:10px;}
.main_edupost .latest .writer_con h1{font-size:100%;}
.main_edupost .latest .writer_con h5{font-size:small; color:#999; padding:5px 0; letter-spacing:-0.5px; }

.main_edupost .latest .writer_photo{
	position: absolute; top:-40px; right:0; width:95px; height:95px; background-position:50%; background-size:auto 100%;
	border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		-ms-border-radius:50%;

}

.main_project{ margin:15px auto;}
.main_project ul{font-size:0; width:calc(100% + 15px); margin-left:-15px; padding-top:5px;}
/*.main_project ul li{display:inline-block; width:50%; vertical-align:top; padding-left:15px; margin-bottom:5px; text-align:center;}*/
.main_project ul li{  margin-bottom:5px; text-align:center;}
/*.main_project ul li .thumb{margin-bottom:5px; height:110px;}*/
.main_project ul li .thumb{margin-bottom:5px; height:217px;}
.main_project ul li .thumb img{width:auto; height:100%;}
.main_project ul li h5{
	font-size:small; color:#999; padding:3px 0; letter-spacing:-0.5px;
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.main_project ul li h1{
	width:100%; font-size:small; line-height:1.2em; max-height:2.5em;
	overflow: hidden; word-wrap:break-word;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.main_program{background:#eeeeee; margin-top:10px;margin-bottom:10px; padding:10px 10px; overflow:hidden;height:280px}
.main_program div.wrap_eps{display:block;position: relative; height:230px; white-space:nowrap; overflow:visible; width:100%; padding-top:5px;}
.main_program div.wrap_eps div{display:inline-block;  height:200px;vertical-align:top; white-space:normal; margin-right:10px;}
.main_program div.wrap_eps div a{display:inline-block; width:100%;height:100%}
.main_program div.wrap_eps div .thumb{display:inline-block;height:150px;}
.main_program div.wrap_eps div .thumb img{height:150px; width:100%;}
.main_program div.wrap_eps div h1{width:100%; display:inline-block; font-size:100%; line-height:120%; margin-top:10px; letter-spacing:-0.5px;}
.main_program div.wrap_eps div h5{width:100%; display:inline-block; font-size:small; color:#999; padding-right:10px; letter-spacing:-0.5px;}

/* 페이지 넘버 */
.page{position: relative; margin-top:20px;}
.page ul{
	display:table; margin:0 auto; background-color:rgba(0, 0, 0, 0.5);
	border-radius:50px;
		-webkit-border-radius:50px;
		-moz-border-radius:50px;
		-ms-border-radius:50px;
}
.page ul li{display:table-cell; padding:5px 10px; color:#fff;}
.page ul li b{color:#fff; font-weight:700;}
.page .prev a, .page .next a{font-size:0;}
.page .prev a:after, .page .next a:after{display:inline-block; font-family: FontAwesome; color:#fff; font-size:large;}
.page .prev a:after{content:"\f104"; padding-left:10px; }
.page .next a:after{content:"\f105"; padding-right:10px; }

/* SNS */
.sns_box{position: relative; text-align:center; margin-top:20px; }
.sns_box ul{display:table; margin:0 auto;}
.sns_box ul li{display:table-cell; padding:0 7px;}
.sns_box ul li:first-child{padding-left:0;}
.sns_box ul li:last-child{padding-right:0;}
.sns_box ul li a{display:block; font-size:0;}
.sns_box .sns_icon{background-image:url(../images/ico_sns.png?ver=1); background-size:auto 100%; width:40px; height:40px; cursor:pointer;}
.sns_box .sns_icon.facebook{background-position:0 0;}
.sns_box .sns_icon.naver_blog{background-position:-40px 0;}
.sns_box .sns_icon.kakao_story{background-position:-80px 0;}
.sns_box .sns_icon.kakao_talk{background-position:-120px 0;}
.sns_box .sns_icon.mail{background-position:-160px 0;}
.sns_box .comment{display:block; font-size:small; color:#666; margin-top:15px}

footer{background:#222; padding:15px 10px; display:table; width:100%;}
footer > div{display:table-cell;}
footer .copyright{color:#ddd; font-size:small;}
footer .btn{display:inline-block; background:#eee; font-size:small; padding:5px 6px; margin-left:3px;}

/* 말줄임 */
.ellipsis_2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word;
line-height: 1.2em;
max-height: 2.4em;
}
.ellipsis_3{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word;
line-height: 1.2em;
height: 3.6em;
}

/* 뉴스 리스트 */

/* 상단 최고뉴스 */
	/* 기본 */
	.news_thumb_big{position: relative;}
	.news_thumb_big h3{display:block; margin-top:10px; font-size:130%; line-height:120%; margin-bottom:-3px;}
	.news_thumb_big h3 strong{
		font-size:100%;
		overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap:break-word;
	}
	.news_thumb_big .thumb img{width:100%; height:150px; object-fit: cover;}
	.news_thumb_big .shadow{display:none;}
	/* 그라데이션 */
	.news_thumb_big2{position: relative; height:170px;}
	.news_thumb_big2 h3{position: absolute; bottom:0; z-index:2; padding:10px; font-size:130%; line-height:120%; width:100%;}
	.news_thumb_big2 h3 strong{
		font-size:100%; color:#fff;
		overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap:break-word;
	}
	.news_thumb_big2 .thumb img{position: absolute; width:100%; height:100%; object-fit: cover; }
	.news_thumb_big2 .shadow{
		position:absolute; left:0; bottom:0; width:100%; height:100%;
		background: rgba(0,0,0,0);
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.7)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	}
	/* 제목 배경색 */
	.news_thumb_big3{position: relative; height:170px;}
	.news_thumb_big3 h3{
		position: absolute; bottom:0; z-index:2; padding:10px; font-size:130%; line-height:120%; width:100%;
		background: rgba(0,0,0,0.7);
	}
	.news_thumb_big3 h3 strong{
		font-size:100%; color:#fff;
		overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap:break-word;
	}
	.news_thumb_big3 .thumb img{position: absolute; width:100%; height:100%; object-fit: cover; }


.news_list_thumb{position: relative; display:block; width:100%; min-height:75px}
.news_list_thumb:after{visibility:hidden; display:block; content:""; clear:both; height:0;}
.news_list_thumb h3{
	position: absolute; top:50%; width:calc(100% - 120px);
	font-size:large; line-height:120%; text-align:left; letter-spacing:-0.5px;
	transform: translate(0%, -50%);
		-webkit-transform:translate(0%, -50%);
		-moz-transform:translate(0%, -50%);
		-ms-transform:translate(0%, -50%);
}
.news_list_thumb h3 strong{
	font-size:100%;
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}
.news_list_thumb h3 span{
	position: relative; font-size:small; line-height:100%; color:#666; letter-spacing:-0.5px; margin-top:5px; padding-left:8px; line-height:120%;
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}
.news_list_thumb h3 span:before{content:"-"; position: absolute; left:0;}
.news_list_thumb .thumb{padding:0; max-width:110px; height:75px;}
.news_list_thumb .thumb img{max-width:100%; max-height:100%; }
.news_list_thumb.thumb_left .thumb{float:left;}
.news_list_thumb.thumb_left h3{right:0;}
.news_list_thumb.thumb_right .thumb{float:right;}
.news_list_thumb.thumb_right h3{left:0;}

.news_list_thumb.thumb_none .thumb{display:none;}
.news_list_thumb.thumb_none h3{left:0; width:100%;}

.news_list{font-size:medium;}
.news_list li{
	position: relative; display:block; overflow: hidden; padding-left:10px; margin:10px 0;
	text-overflow: ellipsis; display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}
.news_list li:before{
	content:""; position: absolute; top:50%; left:0; width:3px; height:3px; background:#c51917;
	border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		-ms-border-radius:50%;
	transform: translate(0%, -50%);
		-webkit-transform:translate(0%, -50%);
		-moz-transform:translate(0%, -50%);
		-ms-transform:translate(0%, -50%);
}
.news_cardnews{font-size:0; width:calc(100% + 15px); margin-left:-15px;height:190px}
.news_cardnews li{display:inline-block; width:50%; vertical-align:top; padding-left:15px; margin-bottom:5px;}
.news_cardnews li h3{
	display:block; line-height:120%; margin-top:7px; overflow: hidden;font-size:small;
	text-overflow: ellipsis; display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}

.news_gallery{}
.news_gallery ul{font-size:0; width:calc(100% + 15px); margin-left:-15px;}
.news_gallery ul li{display:inline-block; width:50%; vertical-align:top; padding-left:15px; }
.news_gallery ul li .thumb{margin-bottom:5pt;}
.news_gallery ul li .thumb img{width:100%; max-height:110px;}
.news_gallery ul li h1{
	width:100%; font-size:medium; text-align:left; line-height:120%;
	overflow: hidden; word-wrap:break-word;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.page_dot{position: relative; text-align:center; padding-top:10pt; }
.page_dot ol{font-size:0;}
.page_dot li{
	display:inline-block; background:#999; width:10px; height:10px; margin:0 5px; font-size:0;
	border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		-ms-border-radius:50%;
}
.page_dot li.active{background:#c51917;}
/* 뉴스 하단 더보기 */
.news_more_load{display:block; width:100%; border:1px solid #ddd; text-align:center; padding:5px; color:#666;}
.news_more_load span{font-size:90%; color:#666; letter-spacing:.5pt;}
.news_more_load span strong{font-size:100%; font-weight:600; color:#666;}
.news_more_load .more{font-size:0;}
.news_more_load .more:after{content:"\f0d7"; display:inline-block; font-family: FontAwesome; font-size:medium; color:#858585;}


/* 확장영역 */
#left{}
#left .family-site{position: relative;}
#left .family-site h1{height:45px; background:#222; color:#fff; font-size:large; padding-left:15px; line-height:45px; font-weight:700;}
#left .family-site ul{display:block; width:100%; padding:15px; font-size:0;}
#left .family-site ul li{display:inline-block; width:50%; padding-bottom:15px;}
#left .family-site ul li:first-child{padding-left:0;}
#left .family-site ul li:last-child{padding-right:0;}
#left .family-site ul li a{display:table; width:100%;}
#left .family-site ul li a i{display:table-cell; vertical-align:middle;}
#left .family-site ul li a span{display:table-cell; vertical-align:middle; font-size:small; letter-spacing:-1px; padding-left:5px; line-height:110%; word-break:keep-all;}

#left .family-site .family_icon{background-image:url(../images/icon_familysite.png); background-size:40px auto; width:40px; height:40px;}
#left .family-site .family_icon.baby{background-position:0 0px;}
#left .family-site .family_icon.bredu{background-position:0 -40px;}
#left .family-site .family_icon.edutour{background-position:0 -80px;}
#left .family-site .family_icon.camp{background-position:0 -120px;}
#left .family-site .family_icon.munos{background-position:0 -160px;}
#left .family-site .family_icon.art{background-position:0 -200px;}
#left .family-site .family_icon.uhak{background-position:0 -240px;}
#left .family-site .family_icon.future{background-position:0 -280px;}
#left .family-site .family_icon.ckc-alevel{background-position:0 -320px;}
#left .family-site .family_icon.scscamp{background-position:0 -360px;}

#left .family-site .family_icon_no{width:40px; height:40px;border-radius:20px;font-size:14px;font-weight:900;text-align:center}

#left .bottom{
	position: absolute; display:block; bottom:0; left:0; width:100%; background:#e9e9e9;
	padding:15px; padding-bottom:5px; text-align:center;
}
#left .bottom .sns_box{margin-top:0;margin-bottom:10pt;}
#left .bottom .btn a{
	display:block; font-size:medium; padding:7px; width:100%; font-weight:700; letter-spacing:1px; margin-bottom:10px;
	border-radius:50px;
		-webkit-border-radius:50px;
		-moz-border-radius:50px;
		-ms-border-radius:50px;
}
#left .bottom .btn_login{background:#c51917; color:#fff;}
#left .bottom .btn_logout{background:#666; color:#fff;}
#left .bottom .copyright{font-size:small; color:#666;}
#left .close{position:fixed; right:0px; top:8px; width:45px; height:45px; z-index:9999;}
#left .close button{background: #fff;}
#left .close button:after{background: #fff;}


#top_search{min-height:auto; display:table; height:45px; width:100%; padding:0 0 0 15px; vertical-align:middle;border-bottom:1px solid #eee;box-shadow:0px 2px 5px #aaa;}
#top_search > div{display:table-cell; vertical-align:middle !important;}

#top_search .search_box{position: relative; padding-right:34px;margin-top:5px;}
#top_search .search_input{border:2px solid #c51917; height:34px; width:100%;font-size:16px;font-weight:600}
#top_search .search_btn{
	position: absolute; top:50%; right:0; height:34px; width:34px; margin:0; padding:0; border:0; text-indent:-1px;
	background:#c51917; font-family: FontAwesome; font-size:large; color:#fff; text-align:center;
	transform: translate(0%, -50%);
		-webkit-transform:translate(0%, -50%);
		-moz-transform:translate(0%, -50%);
		-ms-transform:translate(0%, -50%);
}
#top_search .close{position: relative; right:0; top:7px; width:45px; height:45px;}
#top_search .close button{background: #222;}
#top_search .close button:after{background: #222;}

.close button{
  position:relative; left:50%; font-size:0;
  width:2px; height:30px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close button:after{
  content: ""; position: absolute; top: 0; left: 0;
  width:2px; height:30px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}



/* 모달 Dialog */
.dialog[aria-hidden="true"] {display: none;}
.dialog-overlay {
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 2;
}
.dialog-content {
	position: fixed; top: 50%; left: 50%; z-index: 7000;
	max-width:85%; width:500px; border:3px solid #212121;
	transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
		-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.dialog-content .dialog-title{position: relative; background:#212121;}
.dialog-content .dialog-title h1{display:block; color:#fff; font-size:large; font-weight:600; padding:7pt 10pt; width:calc(100% - 45px);}
.dialog-content .dialog-title .close{position:absolute; right:0px; top:3pt; width:45px; height:45px; z-index:9999;}
.dialog-content .dialog-title .close button{background: #fff;}
.dialog-content .dialog-title .close button:after{background: #fff;}
.dialog-content .con{padding:15pt 10pt;}

	/* 메일링 신청 */
	.dialog_newsletter{text-align:center; color:#222; background:#fff;}
	.dialog_newsletter .ico i{font-size:70pt; color:#ccc; display:block;}
	.dialog_newsletter .ico span{display:block; line-height:120%; margin-top:10pt;}
	.dialog_newsletter .form{margin:10pt auto; width:90%;}
	.dialog_newsletter .form input[type=text]{border:3px solid #c51917; width:100%; height:30pt; font-size:90%;}
	.dialog_newsletter .form span{position: relative; display:block; text-align:left; font-size:small; padding-left:10pt; color:#858585; margin-top:5pt;}
	.dialog_newsletter .form span:before{content:"※"; position: absolute; left:0;}
	.dialog_newsletter .form .btn{
		background:#c51917; display:block; width:100%; font-size:120%; color:#fff; font-weight:600; padding:5pt 0; margin-top:20pt;
		border-radius:20pt;
			-webkit-border-radius:20pt;
			-moz-border-radius:20pt;
	}



/* view */
.view{border-top:1px solid #ddd;}
.view .news_header{border-bottom:1px solid #ddd; padding-top:10px;padding-bottom:20pt;}
.view .news_header h1{display:block; font-size:x-large; /*line-height:1.1em;*/ line-height:1.4; margin:7pt 0; font-weight:500;}
.view .news_header h3{display:block; color:#c51917; font-size:medium;}
/*.view .news_header span{display:block; color:#999; font-size:small;}*/
.view .news_header span {display:block;}
.view .news_header span.writer { color:#000;}
.view .news_header span.date {font-size:14px; color:#999;}
.view .news_body{line-height:160%; word-break:break-all; padding:20pt 0;}
.view .news_body .newsPart{font-weight:600; margin-bottom:10pt; line-height:140%;}
.view .news_body .viewImg{display:table; padding:10pt 0; text-align:center; margin:0 auto;}
.view .news_body .viewImg span{
	display:table-caption; caption-side:bottom; width:100%; padding-bottom:20pt;
	font-size:small; color:#666; text-align:left; line-height:120%;
}
.view .news_footer{margin-bottom:30pt;}
.view .news_footer:after{visibility:hidden; display:block; content:""; clear:both; height:0;}
.view .news_footer .left_box{float:left;}
.view .news_footer .left_box a.btn_comment{
	display:inline-block; background:#eee; border:1px solid #ccc; color:#666; padding:4pt 10pt;
	font-size:small; font-weight:600;
	border-radius:20pt;
			-webkit-border-radius:20pt;
			-moz-border-radius:20pt;
}
.view .news_footer .left_box a.btn_comment:before{font-family: FontAwesome; content: "\f27b"; font-size:medium; margin-right:3pt;}
.view .news_footer .right_box{float:right; }
.view .news_footer .sns_box{margin-top:0;}
.view .news_footer .sns_box ul li {display: table-cell; padding: 0 2px;}
.view .news_footer .sns_box .sns_icon{width:30px; height:30px;}
.view .news_footer .sns_box .sns_icon.facebook{background-position:0 0;}
.view .news_footer .sns_box .sns_icon.naver_blog{background-position:-30px 0;}
.view .news_footer .sns_box .sns_icon.kakao_story{background-position:-60px 0;}
.view .news_footer .sns_box .sns_icon.kakao_talk{background-position:-90px 0;}
.view .news_footer .sns_box .sns_icon.mail{background-position:-120px 0;}
.view .news_footer .sns_box .sns_icon.twiter{background-position:-150px 0;}
.view .news_footer .sns_box .sns_icon.line{background-position:-180px 0;}
.view .news_footer .sns_box .sns_icon.band{background-position:-210px 0;}
.view .news_most{background:#f5f5f5; padding:15pt 0 !important;}
.view .news_hit{padding-top:20pt !important; padding-bottom:30pt;}
.view .news_hit h1{display:block; font-size:120%; font-weight:600; color:#000;}


/* 에듀포스트 썸네일 사진 */

.edupt_profile_thumb{
	position: relative; display:block;
	width: 50pt; height:50pt; overflow:hidden;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.edupt_profile_thumb img {
    width: auto; height: 100%; max-width:1000%;
    position: absolute; top: 0%; left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}


/* 에듀포스트 상단 */
.edupost{}
.edupost_header{margin-bottom:1.0em;}
.edupost_header h1{display:block; font-size:120%; font-weight:600; margin-bottom:10pt; letter-spacing:-1pt;}
.edupost_header ul{display:table; width:100%; overflow:hidden;}
.edupost_header ul li{display:table-cell; vertical-align:top;}
.edupost_header ul li.null{background:#fff;}
.edupost_header ul li.left_box{background:#d1a434; width:48%;}
.edupost_header ul li.right_box{background:#00a0ad; width:48%;}
.edupost_header dl{padding:15pt 5pt; text-align:center;}
.edupost_header dl dd{margin-top:10pt;}
.edupost_header dl dd h3 a{
	display:block; color:#fff; font-size:small; margin-bottom:3pt; letter-spacing:-.5pt;
	overflow: hidden; word-wrap:break-word;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.edupost_header dl dd h3 a:before {content: "[";}
.edupost_header dl dd h3 a:after {content: "]";}
.edupost_header dl dd h4 a{
	display:block; font-weight:600; color:#fff; letter-spacing:-1pt;
	overflow: hidden; word-wrap:break-word;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.edupost_header .edupt_profile_thumb{width:42pt !important; height:42pt !important; margin:0 auto;}


/* 에듀포스트 필진 */
.edupt_people{}
.edupt_people div.ep-flick-container{height:85px;background-color:#594589;padding-top:1px}
.edupt_people h1{display:block; font-size:120%; font-weight:600; margin-bottom:10pt; letter-spacing:-1pt;}
.edupt_people .box{position: relative;}
.edupt_people div.swiper-wrapper{
	font-size:0; width:100%;overflow:hidden;
	display: flex; display: -webkit-flex;
	flex-flow: nowrap;
	flex-direction: row;
	justify-content:space-between;
	align-item:center;
}
.edupt_people div.swiper-wrapper div.swiper-slide{}
.edupt_people div.swiper-wrapper div.swiper-slide:first-child{margin-left:10px;}
.edupt_people div.swiper-wrapper div.swiper-slide:last-child{margin-right:0;}
.edupt_people div.swiper-wrapper div.swiper-slide .edupt_profile_thumb{width:42px !important; height:42px !important;margin:0 auto}
.edupt_people div.swiper-wrapper div.swiper-slide .name{display:block; font-size:small; text-align:center; color:#fff;margin:0 auto; word-break: keep-all}
.edupt_people .nav_arrow{}
.edupt_people .nav_arrow .btn_left,
.edupt_people .nav_arrow .btn_right{
	position: absolute; top:15pt; font-family: FontAwesome;
	display:block; background:#fff; border:1px solid #ddd; text-align:center; padding:2pt 4pt;
}
.edupt_people .nav_arrow .btn_left{left:-5pt;}
.edupt_people .nav_arrow .btn_left:before {content: "\f104";}
.edupt_people .nav_arrow .btn_right{right:-5pt;}
.edupt_people .nav_arrow .btn_right:before {content: "\f105";}
.edupt_people .nav_arrow i{vertical-align:middle; line-height:0;}

/* 에듀포스트 리스트 */
.edupt_news li{padding:8px 0; border-top:1px solid #eee;}
.edupt_news li:first-child{bordeR:0; padding-top:6px;}
.edupt_news dl {display: table; width: 100%;}
.edupt_news dl dt {display: table-cell; vertical-align: top; padding-right:10pt;}
.edupt_news dl dd {display: table-cell; vertical-align: top;}
.edupt_news dl dd a{
	display:block; overflow: hidden;
	word-wrap:break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;
}
.edupt_news h4 a{
	font-size:0.8em; color:#898989;
	-webkit-line-clamp: 1;
}
.edupt_news h4 a:before {content: "[";}
.edupt_news h4 a:after {content: "]";}
.edupt_news h3 a{font-size:1.0em;-webkit-line-clamp: 1;}
.edupt_news .newsTxt a{
    font-size: small; line-height: 130%; color: #666; letter-spacing: -0.5px; margin-top:3pt;
	-webkit-line-clamp: 2;
}
.edupt_news .days{display:block; font-size:10pt; color:#999;}
.edupt_news.edupost h4{display:block;}
.edupt_news.edupost .days{display:block;}

/* 에듀포스트 프로필 */

.edupt_profile{text-align:center; margin:5px 10px; width:62px !important;}
.edupt_profile .edupt_profile_thumb{width:70pt; height:70pt; margin:0 auto; margin-bottom:10pt;}
.edupt_profile ul{display:block; width:100%;}
.edupt_profile ul li{display:block; vertical-align:top;}
.edupt_profile h1{display:block; color:#fff; font-weight:600; font-size:15pt; letter-spacing:-.5pt;}
.edupt_profile h3{position: relative; display:block; color:#fff; margin-top:15px; padding-top:10px; font-size:12pt;}
.edupt_profile h3:before{
	border-top:1px solid #fff; content:""; width:40px; height:1px;
	position: absolute; top: 0%; left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
.edupt_profile .t1{display:block; color:rgba(255,255,255,0.7); font-size:small; line-height:120%; margin-top:5pt;}
.edupt_profile .t2{display:block; color:rgba(255,255,255,0.5); font-size:9pt; line-height:120%; margin-top:3pt;}
.edupt_profile .mail{display:inline-block; font-size:10pt; color:rgba(255,255,255,0.5); margin-left:3pt;}
.edupt_profile .mail:before{display:inline-block; content:"\f0e0"; font-family: FontAwesome; font-size:8pt; vertical-align:1pt; margin-right:1pt;}
.edupt_profile .profile{display:none;}

/* 기획연재 */
.planing_box{
	padding-bottom:15pt;
	background: #e9e9e9;
		background: -moz-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #ffffff));
		background: -webkit-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
		background: -o-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
		background: -ms-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
		background: linear-gradient(to bottom, #e9e9e9 0%, #ffffff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff', GradientType=0 );
}
.planing_box .plan-title{margin-bottom:10pt;}
.planing_box .plan-title strong{display:block; font-size:120%; font-weight:600; }
.planing_box .plan-title span{display:block; color:#666; font-size:10pt; margin-top:3pt; letter-spacing:-.5pt;}
.planing_box .plan-news{display:table; width:100%;}
.planing_box .plan-news li{display:table-cell; vertical-align:middle; padding-right:10pt;}
.planing_box .plan-news li a{
	position: relative; display:block; padding-left:5pt; font-size:medium; margin-top:5pt;
	overflow: hidden;
	text-overflow: ellipsis; display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}
.planing_box .plan-news li a:before{position: absolute; left:0; content:"·"; font-weight:900; color:#c51917;}
.planing_box .plan-news li a:first-child{margin-top:0;}
.planing_box .plan-news .thumb{
	display:table-cell; width:100pt; background-size:cover;}
.planing_box .plan-news .thumb img{}
.planing_box .plan-news li a{}

.planing_tag{background:#222; padding-bottom:15pt;}
.planing_tag .hashtag{color:#fff; font-size:100%; display:inline-block; margin-right:15pt; margin-top:5pt;}
.planing_tag .hashtag:before{content:"#"; font-size:110%; vertical-align:middle;}

.planing_title {
	position: relative; width: 100%; height: 120pt;
	background-size: cover; background-position: 50% 30%; background-repeat: no-repeat;
}
.planing_title .bg {position: absolute; width: 100%; height: 100%; background: rgba(54, 47, 45, 0.7);}
.planing_title .title {
	position: absolute; top: 50%; left: 50%; z-index: 1; padding:10pt;
	text-align: center; width: 100%;
	transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
}
.planing_title .title h1 {display: block; width: 100%; color:#fff; font-size:x-large; line-height:120%; font-weight:700;}
.planing_title .title span {display: block; margin-top: 10px; color:#fff; font-size:medium;}


.div_line {width:100%;height:10px;background-color:#eee}
.div_line_white {width:100%;height:1px;background-color:#fff;margin-top:9px;}



.news_thumb_big h3 {
    display: block;
    margin-top: 10px;
    font-size: 18px;
	font-weight:bold;
    line-height: 120%;
    margin-bottom: -3px;
}
.news_list_thumb h3 {
    position: absolute;
    top: 50%;
    width: calc(100% - 120px);
    font-size: 16px;
    line-height: 120%;
    text-align: left;
    letter-spacing: -0.5px;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
}
.news_list {
    font-size: 16px;
}

/* footer */
.mcsmg_footer { background: #fff; border-top: solid 9px #eaeaea; padding: 20px 0 25px; font-family: HelveticaNeue,AppleSDGothicNeo,'Malgun Gothic','맑은 고딕', Dotum, '돋움', sans-serif }
.mcsmg_footer_links { margin: 0 15px 17px; text-align: center; font-size: 0 }
.mcsmg_footer_links a { font-size: 14px; color: #666; text-decoration: none }
.mcsmg_footer_links a:before { content: ' '; display: inline-block; margin: 0 15px 0 10px; width: 1px; height: 10px; background-color: #ccc;}
.mcsmg_footer_links a:first-child:before { display: none }
.mcsmg_footer_copyright { font-size: 12px; color: #999; text-align: center }


.plan_select{position: relative; padding-top:10px;}
.plan_select .tab{display:table; border:1px solid #eee; width:100%;}
.plan_select .tab li {display:table-cell;width:33%;height:30px;line-height:30px;text-align:center;border-right:1px solid #eee;padding:0}
.plan_select .tab li:last-child{border-right:0;}
.plan_select .tab li a{display:block;width:100%; height:100%; text-align:center; font-size:small; color:#666;}
.plan_select .tab li.selected a{color:#c51917; background:#eee;}

.planing_main{}
.planing_main > li{margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #ddd;}
.planing_main dl dt .subject{position: relative; display:block; height:120px; margin-bottom:10px;}
.planing_main dl dt .subject .thumb{position: absolute; width:100%; height:100%;}
.planing_main dl dt .subject .thumb img{width:100%; max-height: 100%; height: inherit !important; object-fit: cover;}
.planing_main dl dt .subject .title_box{position: absolute; bottom:0; z-index:1; width:100%; background:rgba(0,0,0,0.7);}
.planing_main dl dt .subject .title_box h1{padding: 10px; font-size: 130%; line-height: 120%;; color:#fff;}

.chk_end_1 {display:none}



#flick_main {height:200px}
.flick-panel {width:100%;height:100%;}
.item_eps {width:100% !important}

.ep-flick-container {height:85px;background-color:#b009db;padding-top:1px}

/* 많이본기사 */
.mcsmg_con_con { border-top: solid 9px #eaeaea; border-bottom: solid 9px #eaeaea }
.mcsmg_con_con { position: relative; font-family: "맑은 고딕", "Malgun Gothic", "나눔고딕", "돋움", Dotum, "굴림", Gulim, "Apple SD Gothic Neo", sans-serif; }
.mcsmg_con_con_tit { height: 45px; margin: 0 15px; padding-top: 14px; box-sizing: border-box; font-size: 17px; font-weight: bold; color: #222; letter-spacing: -0.05em }
.mcsmg_con_con_tab { position: absolute; top: 0; right: 0; padding: 14px 15px; white-space: nowrap }
.mcsmg_con_con_tab a { font-size: 14px; color: #999; text-decoration: none }
.mcsmg_con_con_tab a[title=on] { color: #ce2c2c }

.mcsmg_con_con_pan { margin: 0 15px }
ol.mcsmg_con_con_list { counter-reset: mcsmg_rank; margin: 0; padding: 0 }
ol.mcsmg_con_con_list li { counter-increment: mcsmg_rank; position: relative; padding-left: 30px; border-top: solid 1px #eaeaea; font-size: 17px; line-height: 45px; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
ol.mcsmg_con_con_list li::before { content: counter(mcsmg_rank); position: absolute; left: 4px;  font-size: 20px; font-style: italic; color: #ce3636; letter-spacing: -1px  }
ol.mcsmg_con_con_list li:first-child { border-top: solid 1px #d7d7d7 }
ol.mcsmg_con_con_list li a { color: #222; text-decoration: none }

/* point color setting(tab, rank number) */
.mcsmg_con_con_tab a[title=on],
ol.mcsmg_con_con_list li::before { color: #ce3636}

/* footer */
.mcsmg_footer { background: #fff; border-top: solid 9px #eaeaea; padding: 20px 0 25px; font-family: HelveticaNeue,AppleSDGothicNeo,'Malgun Gothic','맑은 고딕', Dotum, '돋움', sans-serif }
.mcsmg_footer_links { margin: 0 15px 17px; text-align: center; font-size: 0 }
.mcsmg_footer_links a { font-size: 14px; color: #666; text-decoration: none }
.mcsmg_footer_links a:before { content: ' '; display: inline-block; margin: 0 15px 0 10px; width: 1px; height: 10px; background-color: #ccc;}
.mcsmg_footer_links a:first-child:before { display: none }
.mcsmg_footer_copyright { font-size: 12px; color: #999; text-align: center }



/* 기획연재 */

.planing_title{position: relative; display:block; height:170px; margin-bottom:10pt;}

.planing_title .thumb{position: absolute; width:100%; height:100%;}
.planing_title .thumb img{width:100%; max-height: 100%; height: inherit !important; object-fit: cover;}
.planing_title .thumb_bg{position: absolute; width:100%; height:100%; background:rgba(54, 47, 45, 0.7);}
.planing_title .title_box{
	position: absolute; top: 50%; left: 50%; z-index: 1; text-align: center; width: 80%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.planing_title .title_box h1{display: block; font-size:130%; font-weight: 700; color:#fff;}
.planing_title .title_box span{display: block; margin-top: 15px; font-size:small; color:#fff;}

.banner_ad {text-align:center; background-color: #eee;}
.banner_ad > div{
	position: relative;
    display: block;
	width:100% !important;
    height: 0 !important;
    padding: 0;
    overflow: hidden;

	padding-bottom: 15.2%;
}
.banner_ad > div > iframe{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100% !important;
    width: 100% !important;
}

/*
#mid_main:after{
	content:""; display: block; width:100%; height:0; padding-bottom:15.2%;
	background-image:url('http://edu.chosun.com/m/img/banner_ad_210421_allhands.png');
	background-size:100%; background-repeat:no-repeat;
} */