/*노트북 height 리사이징시 860*/
#wrap.okNote #spot.main .veiwport li .img{position: absolute;  left: 50%;  top: 0;  width: 1700px;  margin-left: -850px;   }
#wrap.okNote #spot.main .veiwport{ width: 100%;  height: 513px; position: relative; overflow: hidden; }
#wrap.okNote #spot.main .veiwport .cont .txt{top: 36%; }
#wrap.okNote #spot.main .veiwport .m2 .cont .txt{ top: 48%;}
#wrap.okNote #spot.main .veiwport .m3 .cont .txt{ top: 34%;}
#wrap.okNote #spot.main .veiwport .m4 .cont .txt{top: 25%;}

@media screen and (max-width: 1450px){
 img{max-width: 100%;}

 /*노트북 height 리사이징시*/

/* common */
#wrap.okNote .line_dot{ padding-bottom: 7px; margin-bottom: 7px;  }
#wrap.okNote .lst_arr > ul > li{margin-bottom: 4px;}
#wrap.okNote .lst_type2 { font-size: 13px; line-height: 23px;  }

#wrap.okNote #header .header_inner,
#wrap.okNote .banner_main,
#wrap.okNote #container.sub,
#wrap.okNote #footer .inner
{ max-width: 1064px; width: auto;  margin-left:auto;  margin-right:auto;  position: relative; }

#wrap.okNote  #header{ min-height: 62px;  transition: 0s ease; -moz-transition: 0s ease; -webkit-transition: 0s ease; -o-transition: 0s ease;   }
#wrap.okNote #header .header_inner > h1{ padding-top: 15px;  transition: 0s ease; -moz-transition: 0s ease; -webkit-transition: 0s ease; -o-transition: 0s ease;   }
#wrap.okNote #lnb{ top: 20px; transition: 0s ease; -moz-transition: 0s ease; -webkit-transition: 0s ease; -o-transition: 0s ease;  }

#wrap.okNote #spot.main{margin-top:-70px;}
#wrap.okNote #spot.main .veiwport{ height: 453px;}
#wrap.okNote #spot.main .veiwport li{ top: -10px; }
#wrap.okNote #spot.main .veiwport li .img{ width: 1550px;  margin-left: -845px;   }
#wrap.okNote #spot.main .veiwport .m1 .cont .txt{ top: 32%; width: 34%; left: 55%; }
#wrap.okNote #spot.main .veiwport .m2 .cont .txt{ top: 43%; width: 33.6%; left: 6%;}
#wrap.okNote #spot.main .veiwport .m3 .cont .txt{ top: 34%; width: 28.5%; left: 14%;}
#wrap.okNote #spot.main .veiwport .m4 .cont .txt{ width: 53%; left: 37%; top: 28%;}
#wrap.okNote #spot.main .veiwport .cont .txt .h1{ font-size: 23px; line-height: 30px; margin-bottom: 5px;}
#wrap.okNote #spot.main .veiwport .cont .txt .h1 br{display: none;}
#wrap.okNote #spot.main .veiwport .cont .txt .info{margin-top: 13px;}

#wrap.okNote .banner_main{margin-top: 17px;}
#wrap.okNote .banner_main > .inner > article .cont{ margin: 0 3.571428571428571%;  font-size: 13px; line-height: 16px;}
#wrap.okNote .banner_main > .inner > article .photo{position: relative;height: 71px;overflow: hidden;}

#wrap.okNote #footer{margin-top: 20px;}
#wrap.okNote #footer .logo{display: none;}
#wrap.okNote #footer .copyright{ top: 13px;}
#wrap.okNote #footer .inner{padding-bottom:20px; padding-top:10px; }

#wrap.okNote #spot.sub{height: 206px;}

#wrap.okNote .para_group > *{margin-bottom: 14px; line-height: 18px;}
#container.sub > .container_inner > .article{font-size: 14px; line-height: 18px; }
#wrap.okNote #container.sub > .container_inner > .article > .path h2{font-size: 20px; }
#wrap.okNote #container.sub > .container_inner > .article{ min-height: 460px; margin-top: 30px;  }
#wrap.okNote  #container.sub > .container_inner > .article > .path{margin-bottom: 15px;}
#wrap.okNote  #container.sub > .container_inner > .snb .lst > li{padding: 4px 5px 4px;}

#wrap.okNote  #container.sub .map_asia{margin-top:10px;}
#wrap.okNote  #container.sub > .container_inner > .snb .depth3{margin-top: 5px;}
#wrap.okNote  #container.sub > .container_inner > .snb .depth3 >ul>li{margin-bottom: 0;}

/*Notebook : services */
#wrap.okNote #services_area .box .lst_dot{ font-size: 14px; line-height: 16px; }
#wrap.okNote #services_area .box .lst_dot > ul > li{margin-bottom: 3px;}
#wrap.okNote #services_area .fc_point{margin-bottom: 20px;}
#wrap.okNote #services_area .box .bannerType1.n5{ width: 47.522124%; }
#wrap.okNote #services_area .box .lst_dot{ width: 46.929204%;}
#wrap.okNote #services_area .box .graph_tourism{margin-top: -35px; width: 35.198895%;  text-align: right;  }
#wrap.okNote #services_area .box .lst_hori.correspondent{ margin-top: 20px; }

/*Notebook : OFFICE */
#wrap.okNote  #offices_area{padding-bottom: 0;}
#wrap.okNote  #offices_area .map{ width: 30.92920353982301%;  }
#wrap.okNote  #offices_area .cont{width: 63%; font-size: 14px; line-height: 18px;}

/*Notebook : people */
#wrap.okNote  #people_area .people_info{ margin-bottom: 20px; padding-bottom: 20px;}
#wrap.okNote  #people_area .people_info .lst{float: right; width: 62%;  line-height: 24px;  }

/*Notebook : Correspondents */
#wrap.okNote  #correspondents_view .group_rgh .top{ margin-bottom: 20px; }
}

@media screen and (max-width: 1260px){






#header .header_inner,
.banner_main,
#container.sub,
#footer .inner
{ max-width: 1200px; width: auto;  margin: 0 15px;  position: relative; }


#lnb .lnb_inner > ul > li{margin-left: 40px;}

#spot .veiwport{ width: 100%;  height: 540px; position: relative; overflow: hidden; }
#spot .veiwport .cont{ max-width: 1200px; width: 100%; height: 100%; left: 0; top: 0;  margin-left: 0;}

#spot .veiwport li .img{ width: 1500px;  margin-left: -750px;   }

#spot .veiwport .cont .txt{ width: 370px; left: 55.2%; top: 31%; color: #fff; }
#spot .veiwport .cont .txt .h1{ font-size: 30px; line-height: 32px; margin-bottom: 11px; }
#spot .veiwport .cont .txt .t1{ font-size: 13px; line-height: 16px; text-align: justify; }
#spot.main .veiwport .cont .txt{ width: 28%;left: 56%;}
#spot.main .veiwport .cont .txt .h1{ font-size: 32px; line-height: 36px;}

#spot.main .veiwport .m2 .cont .txt{ width: 39%; left: 14%; top: 59%; }
#spot.main .veiwport .m3 .cont .txt{ width: 51%; left: 14%; top: 59%; }
#spot.main .veiwport .m4 .cont .txt{ width: 38%; left: 42%; top: 32%;}
#spot  .pageing{ right: 10px;}


#spot.main .main_notice{ width: 96%; padding: 12px 2% 8px; left: 0; margin-left:0;}
#spot.main .main_notice .inner{ width:auto; margin-left:0; }

.banner_main{margin-top: 30px;}

#spot.sub .img.rgh{margin-left: -1160px;  }



/*Notebook : careers */
#careers_area .lst{margin-bottom: 0;}

}/* 1260px */

@media screen and (max-width: 1104px){
#wrap.okNote #header .header_inner,
#wrap.okNote .banner_main,
#wrap.okNote #container.sub,
#wrap.okNote #footer .inner
{   margin-left:20px;  margin-right:20px;}

#wrap.okNote #spot.main .veiwport .m1 .cont .txt{ left: 51%; }
#wrap.okNote #spot.main .veiwport .m2 .cont .txt{ left: 10%;}

}


@media screen and (max-width: 1024px){
 #lnb .lnb_inner > ul > li{margin-left: 20px;}
#container.sub > .container_inner > .snb { width: 180px;} 
#container.sub > .container_inner > .article{ min-height: 450px; margin-top: 30px; margin-left: 215px;  }
#container.sub > .container_inner > .article > .path{position: relative; margin-bottom: 30px;}
#container.sub > .container_inner > .snb .depth3 >ul>li{ float: none; width: auto;  }
}/* 1024px */