@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@font-face {
   font-family: "NotoSansCJKkr";
   src: url(../font/NotoSansCJKkr-Bold.eot);
   src: local(※), url(../font/NotoSansCJKkr-Bold.woff) format("woff");
   font-weight: 800;
}
@font-face {
   font-family: "NotoSansCJKkr";
   src: url(../font/NotoSansCJKkr-Medium.eot);
   src: local(※), url(../font/NotoSansCJKkr-Medium.woff) format("woff");
   font-weight: 600;
}
@font-face {
   font-family: "NotoSansCJKkr";
   src: url(../font/NotoSansCJKkr-DemiLight.eot);
   src: local(※), url(../font/NotoSansCJKkr-DemiLight.woff) format("woff");
   font-weight: 200;
}

.noto{
   font-family: "NotoSansCJKkr",sans-serif;
}
.fw_dlight{
   font-weight: 200 !important;
}

/* quick menu */
.shead_search {
   position: relative;
}
.shead_sttitle,
.shead_stwrap,
.shead_search {
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   line-height: 39px;
}
.shead_search input[type="text"] {
   width: 100%;
   padding: 5px 0px 5px 5px;
   outline: none;
}
 .shead_search input {
   font-family: "NanumSquare", "NotoSansCJKkr", sans-serif;
   border: none;
   border-bottom: 2px solid #f1892f;
}
.shead_search form {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
}
.shead_search input[type="submit"] {
   position: absolute;
   top: 40%;
   right: 0;
   width: 20px;
   height: 20px;
   -webkit-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
           transform: translateY(-50%);
   font-size: 0;
   border: none;
   outline: none;
   cursor: pointer;
}
.shead_search input[type="submit"]{
   background: url(../images/sub0101_search.png) no-repeat center center;
   background-size: contain;
}
#bo_cate1 .bo_cate1_ul li > label,
#bo_list .tbl_head01 a,
#bo_cate3 .bo_cate3_ul li a,
#bo_list .tbl_head01 td{
   font-size: 17px;
}
/**********************************************************
                         common
***********************************************************/
html,
body {
   position: relative;
   width: 100%;
}
body {
   min-width: 320px;
   margin: 0 auto;
   font-size: 14px;
   font-family: "NanumSquare", "NotoSansCJKkr", sans-serif;
   /* font-weight: bold; */
   letter-spacing: -0.5px;
   color: #000;
   background-color: #fff;
   line-height: 1.2;
}
b{
   font-weight: bold;
}
select,
input,
button {
   font-family: "NanumSquare", "NotoSansCJKkr", sans-serif;
}
header,
nav,
section,
article,
footer {

   position: relative;
   width: 100%;
}

footer{
   overflow: hidden;
}

footer.stop{
   overflow: visible;
}

/**********************************************************
                       common_class
***********************************************************/
.iedu,
.iedu_pd40,
.iedu_1010,
.iedu_1080,
.iedu_full {
   position: relative;
   width: 100%;
   margin: 0 auto;
   text-align: left;
}
.iedu {
   max-width: 1200px;
}
.iedu_pd40 {
   max-width: 1200px;
   padding: 0 40px;
}
.iedu_1010 {
   max-width: 1010px;
}
.iedu_1080 {
   max-width: 1098px;
}
.iedu_full {
   width: 100%;
}
.col_w {
   color: #fff !important;
}
.col_y {
   color: #e3d4a0 !important;
}
.col_g {
   color: #ddd !important;
}
.col_dg {
   color: #666 !important;
}

.text_left{
   text-align: left;
}

.text_right{
   text-align: right;
}
.bd_r{
   position: relative;
}

.bd_r::after{
   position: absolute;
   right: -20px;
   content: '';
   display: inline-block;
   width: 1px;
   height: 20px;
   background-color: #aaa;
}

/**********************************************************
                       responsive
***********************************************************/
/* common responsive */
@media screen and (max-width: 1260px) {
   .iedu {
      max-width: 100%;
      padding: 0 30px;
   }
}
@media screen and (max-width: 1200px) {
   .iedu_pd40 {
      max-width: 100%;
      padding: 0 30px;
   }
}
@media screen and (max-width: 1140px) {
   .iedu_1080 {
      max-width: 100%;
      padding: 0 30px;
   }
}
@media screen and (max-width: 1070px) {
   .iedu_1010 {
      max-width: 100%;
      padding: 0 30px;
   }
}
@media screen and (max-width: 499px) {
   .iedu,
   .iedu_pd40,
   .iedu_1010,
   .iedu_1080 {
      padding: 0 15px;
   }
}

.sound_only { display:none; }