@charset "utf-8";
/* 
@font-face {
    font-family: "ChosunGothic";
    src:
      local("ChosunGothic"),
      url("https://edu.chosun.com/font/ChosunGothic.woff2") format("woff2"),
      url("https://edu.chosun.com/font/ChosunGothic.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "ChosunMGothicBold";
    src:
      local("ChosunMGothicBold"),
      url("https://edu.chosun.com/font/ChosunMGothicBold.woff2") format("woff2"),
      url("https://edu.chosun.com/font/ChosunMGothicBold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "ChosunMyeongjo";
    src:
      local("ChosunMyeongjo"),
      url("https://edu.chosun.com/font/ChosunMyeongjo.woff2") format("woff2"),
      url("https://edu.chosun.com/font/ChosunMyeongjo.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "ChosunMMyeongjoBold";
    src:
      local("ChosunMMyeongjoBold"),
      url("https://edu.chosun.com/font/ChosunMMyeongjoBold.woff2") format("woff2"),
      url("https://edu.chosun.com/font/ChosunMMyeongjoBold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
  } */

/* svg ie 패치 */
img[src*=".svg"] {
  width: 100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%;
  }
}


*{
	font-family:/*'ChosunGothic',*/'Noto Sans KR', 'Noto Sans CJK KR', 'Noto Sans', '맑은고딕', sans-serif; font-size:1em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

a, button, input[type=submit]{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
a:hover, button:hover, input[type=submit]:hover{
	color:#000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

a, a:link, a:visited {color: #222; text-decoration: none;}
a:hover{color:#000;}

/* 공통 */
.inner{position:relative; margin:0 auto; width:1100px !important;}
.inner:after{visibility:hidden; display:block; content:""; clear:both; height:0;}
/* .null{display:block; height:40px; !important;} */
.null:after{visibility:hidden; display:block; content:""; clear:both; height:0;}
.null.line_red{margin-top:30px; border-bottom:1px solid #e58387;}
.en{font-family: 'Roboto', sans-serif;}
.clear{clear:both;}
.clear:after{visibility:hidden; display:block; content:""; clear:both; height:0;}
.fl{float:left;}
.fr{float:right;}
.en{font-family: 'Roboto', sans-serif;}
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.pos_ab{
	position: absolute; top:50%; left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.circle{
	border-radius: 15pt;
	-webkit-border-radius: 15pt;
	-moz-border-radius: 15pt;
}
i{vertical-align: middle; position:relative; top:-1pt;}
b, strong{font-weight:500;}
/* 말줄임표 */
.ellip {
  display: block; overflow: hidden;
  height: 100%;
}

.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
  max-width: 100%;
}


/* Top Section */
#header_wrap {width: 100%; height:auto; /* overflow: hidden;*/}
#top_section{width:100%;background:#252525;}
#top_section .family_total{background:#fff; font-size:small; border-bottom:1px solid #252525; padding:15pt 0; display:none;}
#top_section .family_total h1{position:relative; display:block;}
#top_section .family_total h1 span{display:inline; background:#cf1429; border-radius:15px; padding:3px 10px 2px 10px; color:#fff;  letter-spacing:0.5px;}
#top_section .family_total h1 .f_close{position:absolute; right:0; top:0px; cursor:pointer;}
#top_section .family_total h1 .f_close i{color:#cf1429; font-size:xx-large;}
#top_section .family_total ul{display:block; padding-top:10px; font-size:0;}
#top_section .family_total ul li{display:inline-block; width:30%; font-size:x-small;margin:5px 0 0 10px;}
#top_section .family_total ul li a{color:#555;}
#top_section .family_total ul li a h1{
	display:inline-block; font-size:small; color:#252525; padding:0 10px; background:url(/images/common/aw_red.png) no-repeat 0 48%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#top_section .family_total ul li a:hover, #top_section .family_total ul li a:hover h1{color:#cf1429;}
#top_section .top_section{overflow:hidden;}
#top_section .top_section a{display:inline-block; height:100%; vertical-align:middle; color:#959595; font-size:85%; padding:6px 0;}
#top_section .top_section a:before{content: ''; display: inline-block; height: 100%; vertical-align: middle;}
#top_section .top_section a:hover{color:#fff !important;}
#top_section .top_section a.login{font-weight:bold; color:#ccc;}
#top_section .top_section i{font-size:medium;}
#top_section .top_section ul{font-size:0;}
#top_section .top_section ul li{display:inline-block; padding:0 10px; border-left:1px solid rgba(255,255,255,0.1); font-size:small;}
#top_section .top_section ul li:last-child{border-right:1px solid rgba(255,255,255,0.1);}
#top_section .top_section ul li.btn_educhosun{background:#fff; height:100%;}
#top_section .top_section ul li.btn_educhosun img{vertical-align:middle;}
#top_section .top_section ul li.family_link a{display:inline-block; margin-right:10px;}
#top_section .top_section ul li.family_link a.s_btn{display:inline; background:rgba(255,255,255,0.15); color:#fff; padding:2px 3px; vertical-align:middle; cursor:pointer; font-size:x-small;}
#top_section .top_section ul li.family_link a.s_btn i{font-size:small; vertical-align:middle;}
#top_section .top_section ul.fr a i{display:none;}
#top_section .top_section ul.fr a i.i_bookmark{display:inline-block; font-size:small; vertical-align:middle;}

/* Header */
#header{width:auto; height:auto;}
#header > section{display:table;}
#header > section > div{display:table-cell; vertical-align:middle;}
#header > section > div.logoBox{text-align:center;}
#header > section > div.logoBox img{max-width:100%; margin:1.5em 0;}
#header > section > div.leftBox iframe{vertical-align:bottom}
#header > section > div.leftBox,
#header > section > div.rightBox{width:240px; max-width:30%;}
#header > section > div.rightBox .sns{position: absolute; right:35px;}
#header > section > div.rightBox .sns a{
	display:block; width:28px; height:28px; background:url(/images/common/top_sns.png) no-repeat;
	opacity: 0;
    filter: alpha(opacity=0);
}
#header > section > div.rightBox .sns a:hover{
	opacity: 1.0;
    filter: alpha(opacity=100);
}
#header > section > div.rightBox .sns li{display:inline-block; background:url(/images/common/top_sns.png) no-repeat; margin-left:3px;}
#header > section > div.rightBox .sns li.facebook{background-position:0px 0px;}
#header > section > div.rightBox .sns li.facebook > a{background-position:-28px 0px;}
#header > section > div.rightBox .sns li.naverblog{background-position:0px -28px;}
#header > section > div.rightBox .sns li.naverblog > a{background-position:-28px -28px;}
#header > section > div.rightBox .sns li.kakaostory{background-position:0px -56px;}
#header > section > div.rightBox .sns li.kakaostory > a{background-position:-28px -56px;}
#header > section > div.rightBox .sns li.kakaotalk{background-position:0px -84px;}
#header > section > div.rightBox .sns li.kakaotalk > a{background-position:-28px -84px;}
#header > section > div.rightBox .sns li.naverpost{background-position:0px -112px;}
#header > section > div.rightBox .sns li.naverpost > a{background-position:-28px -112px;}


/* Header Search */
.sb-search {
	position: relative; background:#c51917; width: 0%; min-width: 28px; height: 28px; float: right; overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}
.sb-search-input {
	position: absolute; top: 0; left: 0; width:100%; height:100%; margin:0; padding: 0px 30px 0px 20px;
	background:rgba(0,0,0,0); border: none; outline: none; z-index: 10; color:#fff;
}
.sb-search-input::-webkit-input-placeholder{color:rgba(255,255,255,0.5);}
.sb-search-input:-moz-placeholder{color:rgba(255,255,255,0.5);}
.sb-search-input::-moz-placeholder{color:rgba(255,255,255,0.5);}
.sb-search-input:-ms-input-placeholder{color:rgba(255,255,255,0.5);}
.sb-icon-search,
.sb-search-submit  {
	position: absolute; right:1px; top:1px; padding: 0;	margin: 0;
	display: block; width: 26px; height:26px; line-height:24px; text-align: center; cursor: pointer;
}
.sb-search-submit {
	background: #c51917; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0; color: transparent;	border: none; outline: none; z-index: -1;
}
.sb-icon-search{color: #fff;  background: #c51917; z-index: 90;	speak: none;}
/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search{width: 100%;}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {color: #fff; z-index: 11;}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {z-index: 90;}

/* Header Nav */
#nav{width:100%; background:#fff; border-top:1px solid #d7d7d7;border-bottom:2px solid #222}
#nav ul{width:100%;/* display:table;*/ 
    display: flex; 
    justify-content: space-evenly; 
    display: -webkit-box; display: -ms-flexbox; 
    -webkit-box-pack: justify; -ms-flex-pack:justify;

}
#nav ul li{position: relative; /*display:table-cell;*/ text-align:center;}
/* #nav ul li:before{
	position: absolute; left:0; top:50%;
	content:"|"; color:rgba(0, 0, 0, 0.25); font-weight:200; font-size:90%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}
#nav ul li:last-child:after{
	position: absolute; right:0; top:50%;
	content:"|"; color:rgba(0, 0, 0, 0.25); font-weight:200; font-size:90%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
} */
/* #nav ul li.on{background:#f5f5f5;} */
#nav ul li.on > a {border-bottom:3px solid #222;}
#nav ul li.on:before{display:none;}
#nav ul li:first-child > a {color:#9d0423;}
#nav ul li a{display:block; width:100%; color:#000; font-weight:500; font-size:106%; /*padding:0.7em 0;*//* min-width:60pt;*/ height:40px; min-height: 40px; max-height:40px; line-height:40px; transform:all .1s;}
#nav ul li a:hover{/*text-decoration:underline; */border-bottom:3px solid #222;}
#nav ul li .h_sub {position:absolute; left:50%; transform:translateX(-50%); width:100%;  background-color:#f7f7f7; z-index:999; border-top:1px solid #000; display:none;}
#nav ul li .h_sub > div {height:48px;}
#nav ul li .h_sub > div > a {display:block; height:100%;}

/* Footer */
footer{width:100%; padding:20pt 0; border-top:3px solid #252525; z-index:0;}
footer .logo{margin-bottom:10pt;}
footer .logo img{max-width:230px;}
footer .copyright{padding-left:46pt; font-size:0; color:#555;}
footer .copyright a{display:inline-block; font-size:small; color:#555;}
footer .copyright a:hover{color:#000;}
footer .copyright a:after{content:"|"; font-size:x-small; color:#c4c4c4; margin:0 5pt; vertical-align:1.2pt}
footer .copyright a:last-child:after{display:none;}
footer .copyright span{display:inline-block; font-size:9pt; word-break:break-all;}
footer .copyright span:after{content:"|"; font-size:xx-small; color:#c4c4c4; margin:0 5pt; vertical-align:1.2pt}
footer .copyright span:last-child:after{display:none;}
footer .copyright p{padding-top:3pt; font-weight:500; font-size:8pt;}
footer .familysite{position:absolute; top:0; right:0; z-index:0; }
footer .familysite > label > select{
    padding:5px 10px; margin:0; background:#fff; border:1px solid #ddd; color:#666; min-width:150px; height:24pt; font-size:small; outline:none; cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
footer .familysite > label > select::-ms-expand {display: none;}


/* 배너 */
.bn_area a{display:block;}
.bn_area a img{width:100%;}
.bn_area iframe{display:block; width:100%; height:100%; margin:0; padding:0; border:0;}
.bn_area > .bn_740x110{width:100%; height:100%; max-width:100%;}
.bn_area > .bn_300x110{width:100%; height:100%; max-width:100%;}






/* 리스트스타일 */
/* .aw_red li{clear:both; margin-bottom:10px;}
.aw_red li:before{float:left; width:10px; border:1px solid rgba(0,0,0,0); content:"·"; color:#c51917; font-weight:900;}
.aw_red li:last-child{margin-bottom:0;} */
.aw_red li{clear:both; margin-bottom:10px; position: relative; padding-left:15px;}
.aw_red li:before{position:absolute; top: 0; left: 0; width:10px; border:1px solid rgba(0,0,0,0); content:"·"; color:#c51917; font-weight:900;}
.aw_red li:last-child{margin-bottom:0;}



#edupost_li li {height:19px;text-overflow:ellipsis;overflow:hidden;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    footer .familysite > label > select {padding-right:18px}
}
footer .familysite > label {position:relative;}
footer .familysite > label:after {
    content:'>';
    font:medium "Consolas", monospace;
    color:#666;
    right:8px; top:50%; margin-top:3px;
    position:absolute;
    pointer-events:none;
	transform: translate(0%, -50%) rotate(90deg);
	-webkit-transform: translate(0%, -50%) rotate(90deg);
	-moz-transform: translate(0%, -50%) rotate(90deg);
	-ms-transform: translate(0%, -50%) rotate(90deg);
}
footer .familysite > label:after{display:none \ ;}


@media only screen and (max-width: 1200px) {
	body{min-width:1140px;}
}




/* 서브 2016 */