@charset "utf-8";
/* CSS Document */

/* COMMON */

body,input,textarea,select,button,table,h1,h2,h3,h4,h5{font-size:16px;line-height:1.375em}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table,h1,h2,h3,h4,h5{font-family:AppleSDGothicNeo-Regular,'AppleGothic','애플고딕','Malgun Gothic','맑은 고딕','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif,'Tahoma','Roboto','Droid Sans' !important;font-size:16px;line-height:1.375em}
body{position:relative;background:#f5f5f5;color:#555555;-webkit-text-size-adjust:none}
table{border-collapse:collapse}
img,fieldset{border:0}
ul,ol,li{list-style:none}
a{color:inherit;text-decoration:none;}
img{vertical-align:top}
mark{color:inherit;font-weight:bold;background:none}
legend{display:block;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;line-height:0;overflow:hidden;font-size:0;text-indent:-9999px}
.blind{position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0}
.bt-clear{ clear:both; height:0; line-height:0}
#fixmenu{ position:fixed; z-index:100; width:100%}
#slidemenu_view{ position:fixed; top:0;z-index:110;width:100%}
#sback{position:absolute; width:100%; opacity:0.6; background:#000 }
.slidemenu-wrapper {position:relative; height:100%;overflow-y:auto; overflow-x:hidden; padding:0;}
#menulist{ position:absolute; width:250px; background:#fff}
#menulist a{ display:block}
#menulist ul{ clear:both}
#menulist h1{ position:relative; height:40px; background:#41b5c6; color:#fff; line-height:38px; padding-left:15px; font-size:15px}
#menulist h1 input{padding:4px 8px; background-color:#fff;color:#41b5c6; border:1px solid #fff; border-radius:3px;  cursor:pointer; letter-spacing:-0.05em; font-size:13px; margin-left:10px; font-weight:bold}
#menulist h1 span{position:absolute; display:block; top:0; right:0; height:40px; width:40px; text-align:center; line-height:30px; font-size:26px; font-weight:normal}
#menulist .my li.out a{ padding-top:65px}
#menulist .my li.out:first-child{ background:url(http://img.dongascience.com/dlibrary/m/images/common/ico_zzim.png) center 30px no-repeat; background-size:26px 30px}
#menulist .my li.out:last-child{ background:url(http://img.dongascience.com/dlibrary/m/images/common/ico_my.png) center 30px no-repeat;background-size:29px 31px}
#menulist .my li{ float:left; width:50%; height:110px}
#menulist .my li a{  text-align:center; height:110px; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size:15px; line-height:20px; padding-top:50px}
#menulist .my li span{ display:block; font-size:13px; color:#333; font-weight:bold}
#menulist .my li:first-child{ background:url(http://img.dongascience.com/dlibrary/m/images/common/ico_zzim.png) center 15px no-repeat; background-size:26px 30px}
#menulist .my li:last-child{ background:url(http://img.dongascience.com/dlibrary/m/images/common/ico_my.png) center 15px no-repeat;background-size:29px 31px}
#menulist h2{ clear:both;font-size:13px; font-weight:normal; color:#41b5c6; height:40px; line-height:40px; margin:7px 0 0 20px}
#menulist .people1,#menulist .people2{ padding:0 7px; font-size:13px; font-weight:bold}
#menulist .people1 li,#menulist .people2 li{ float:left;color:#333; text-align:center; line-height:45px; height:45px;border-top:1px solid #eaeaea;border-left:1px solid #eaeaea;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
#menulist .people1 li:nth-child(1){width:39%}
#menulist .people1 li:nth-child(2){width:29%}
#menulist .people1 li:nth-child(3){width:32%;border-right:1px solid #eaeaea}
#menulist .people2 li:nth-child(1){width:50%;border-bottom:1px solid #eaeaea}
#menulist .people2 li:nth-child(2){width:50%;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea}
#menulist .people1 li.sel,#menulist .people2 li.sel{ border:none; background:#41b5c6; color:#fff}
#menulist .sub1 ul,#menulist .sub2 ul{ display:none}
#menulist .sub1,#menulist .sub2{ font-size:13px;  color:#fff; margin:0 7px}
#menulist .sub1 li,#menulist .sub2 li{ float:left;background:#41b5c6; text-align:center}
#menulist .sub1 a,#menulist .sub2 a{ height:40px; line-height:40px}
#menulist .sub1 ul:nth-child(1) li{ width:50%}
#menulist .sub1 ul:nth-child(2) li{ width:100%}
#menulist .sub1 ul:nth-child(3) li{ width:50%}
#menulist .sub2 ul:nth-child(1) li{ width:33.333%}
#menulist .sub2 ul:nth-child(2) li{ width:50%}
#menulist .megazine{ margin:0 7px; border-bottom:1px solid #eaeaea; color:#333}
#menulist .megazine li{ border:1px solid #eaeaea; background:#f7f7f7; border-bottom:none; line-height:37px; height:37px; font-size:13px; font-weight:bold }
#menulist .megazine li a{padding-left:15px}
#menulist .logout{ margin-top:10px; background:#f9f9f9; font-size:14px; text-align:center; border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea; line-height:40px; height:40px}
#menulist .apply{ clear:both; margin-top:10px; background:#f9f9f9; font-size:14px; text-align:center;border-bottom:1px solid #eaeaea; line-height:40px; height:40px}
#menulist .apply strong{ color:#41b5c6}
#menulist .period{ clear:both; background:#f9f9f9; font-size:14px; padding-left:15px;border-bottom:1px solid #eaeaea; line-height:40px; height:40px}
#menulist .period strong{  border-radius:30px; border:1px solid #ddd; font-size:12px; padding:0 6px;line-height:24px; display:inline-block; text-align:center}
#menulist .period strong.sci{color:#073c8c;border:1px solid #073c8c;}
#menulist .period strong.math{color:#41b5c6;border:1px solid #41b5c6;}
#menulist .period strong.kids{color:#e74c3a;border:1px solid #e74c3a;}

#container{width:100%;padding-top:97px }
#dsheader{ width:100%; height:54px; background:#FFFFFF}
#dsheader_m{ width:100%; height:45px;  background:#FFFFFF;border-bottom:1px solid #ddd}
#dsheader_m h2{ line-height:40px; text-align:center; font-size:20px}
#logo{ padding-top:11px}
#logo a {width:126px; height:32px; display:block; overflow:hidden; margin:0 auto}
#logo a img { width:100%; height:auto}

#logo_m{ position:absolute; left:15px;top:13px}
#logo_m a {width:76px; height:19px; display:block; overflow:hidden; margin:0 auto}
#logo_m a img { width:100%; height:auto}

#srch-wrap {position:absolute; top:0;  right:0}
#srch-wrap span {display:inline-block; height:54px;width:54px}
#srch-wrap span input[type=image]{width:100%; height:auto;outline: none}

#slidemenu{position:absolute; top:0;  left:0}
#slidemenu span {display:inline-block; height:54px;width:54px; }
#slidemenu span input[type=image]{width:100%; height:auto;outline: none}

#dlmenu{ position:relative; width:100%; height:42px; background:#FFFFFF;border-bottom:1px solid #e5e5e5}
#dlmenu .open{ position:absolute; top:19px; right:20px}
#dlmenu .open2{ position:absolute; top:19px; right:20px}
#dlmenu ul{ margin:0}
#dlmenu ul li{ float:left; font-weight:bold; color:#fff}
#dlmenu ul li span{height:42px; line-height:42px;text-align:center;font-size:17px; display:block}
#dlmenu ul li .sel{ font-weight:bold}
#dlmenu ul li.me01{ position:relative;width:50%; background:#41b5c6;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-right:20px}
#dlmenu ul li.me02{ width:50%; background:#0a85af;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;padding-right:0}
#dlmenu ul li.me01 .sel{color:#41b5c6}
#dlmenu ul li.me02 .sel{ color:#011548}
#dlmenu .color_m .me01{background:#1a356f}
#dlmenu .color_m .me02{background:#011548}

.submenu{ clear:both; background:#fff; line-height:37px; height:39px; padding:0 8px; border-bottom:1px solid #ddd; color:#333}
.submenu li{ float:left;color:#333}
.submenu li a{ padding:0 7px;display:block; color:#333}
.submenu li.sel{ color:#41b5c6; font-weight:bold}
#maz.submenu ul{ width:100%;text-align:right}
#maz.submenu li{ float:none;display:inline-block; }
#maz.submenu li.sel a{ color:#011548;font-weight:bold; }
.color_m+#openmenu{background:#1a356f;}
#openmenu{ display:none; position:absolute;top:42px; width:100%;background:#41b5c6; color:#fff; line-height:40px; height:40px; padding:0 10px}
#openmenu ul li{ float:left}
#openmenu ul li a{ font-size:14px; font-weight:normal;padding: 0 10px; display:block}
#openmenu2{ display:none; position:absolute;top:42px; width:100%;background:#0a85af; color:#fff; line-height:40px; height:40px; padding:0 10px; text-align:right;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#openmenu2 ul li{ float:none; display:inline-block}
#openmenu2 ul li a{ font-size:14px; font-weight:normal;padding: 0 10px; display:block}

.smallmenu{top:-54px}
.smallmenu #slidemenu{ top:54px; z-index:200; height:42px;}
.smallmenu #slidemenu span { width:42px; height:42px; line-height:0}

.smallmenu #srch-wrap{ top:54px; z-index:200; height:42px;}
.smallmenu #srch-wrap span { width:42px; height:42px; line-height:0}

.smallmenu #dlmenu ul li.me01{padding-right:0}
.smallmenu #dlmenu ul li.me02{padding-right:40px }
.smallmenu #dlmenu .open{ position:absolute; top:19px; right:25px}
.smallmenu #dlmenu .open2{ position:absolute; top:19px; right:55px}

/* main */
#main{ position: relative;padding-top:10px}
#topissue{ position:relative;width:100%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:149px; overflow:hidden; margin-bottom:10px }
#topissue li{ float:left; padding-right:5px}
#state{ text-align:center}
#main .swiper-wrapper .thum img{ min-height:149px;}

#main .article-B{ box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  border:1px solid #dddddd; background:#FFF}
#main .article-B .thum{ width:100%; height:90px;overflow:hidden;background:url(http://img.dongascience.com/dlibrary/m/images/common/noimg.png); background-size:100%}
#main .article-B .thum img{ min-height:90px;}
#main .article-B .cont{ margin:10px 10px 10px 10px; height:38px;overflow:hidden}
#main .article-B h3{line-height:17px; color:#333333}
#main .article-B p{ margin-top:3px}


.mlist:after{display:block;clear:both;height:0;content:''}
.mlist{ clear:both; position:relative;padding-bottom:5px; background:#FFF}
.mlist ul{ padding:0 15px}
.mlist li{ float:left; width:49%; padding-right:2%}
.mlist li:last-child{ padding-right:0;}
.mlist h2{ font-size:16px;line-height:34px; padding:5px 0 0 15px; color:#333}
.mlist h2 span{ position:absolute; right:5px}
#mid-high{border-top:1px solid #ddd}
#university{}
#elementary{}
#teacher{}
#public{ padding-bottom:15px}

.frame{ position:absolute}
.thum{ position:relative}
.thum img{ width:100%; height:auto}
.thum .pay{position:absolute;  bottom:0;left:0; line-height:16px; background:url(http://img.dongascience.com/dlibrary/m/images/megazine/tle_back2.png); padding:0 5px ; color:#e74c3a; font-size:11px}

.article-A{ position:relative;width:264px; height:149px; background:#bcf1f9; overflow:hidden; display:block}
.article-A .thum{width:264px;height:149px;  overflow:hidden; display:block;}
.article-A h3{ position:absolute; bottom:0;  margin:0 15px;font-size:16px; line-height:2.25em; letter-spacing:-0.03em; height:36px; color:#fff; overflow:hidden}
.article-A a{ display:block}
.article-A .cover{position:absolute; top:0;width:264px;height:149px}

.article-B{ box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  border:1px solid #dddddd; background:#FFF}
.article-B .thum{ width:100%; height:90px;overflow:hidden;background:url(http://img.dongascience.com/dlibrary/m/images/common/noimg.png); background-size:100%}
.article-B .thum img{ min-height:90px;}
.article-B .cont{ margin:5px 10px 10px 10px; height:40px;overflow:hidden}
.article-B h3{ font-weight:normal; font-size:15px;line-height:19px; color:#333333}
.article-B p{ font-size:14px; line-height:17px; margin-top:6px}

.article-C{ position:relative;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;width:100%;   background:#FFF; border:1px solid #dddddd}
.article-C .cont{margin:12px 16px 12px 16px;  height:146px;overflow:hidden }
.article-C h3{font-size:14px; line-height:1.267em; letter-spacing:-0.05em; margin-bottom:7px;color:#333333}
.article-C p{ font-size:13px; line-height:20px}

/* magazine */
#magazine{ padding-top:40px}
#message{ display:none; font-size:13px; text-align:center; background:#fff; border-bottom:1px solid #ddd; line-height:38px}
#sel_magazine { margin:9px; text-align:center }
#sel_magazine span { display:block; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; text-align:center}
#sel_magazine label{font-size:14px; line-height:14px; letter-spacing:-0.1em}
#sel_magazine .sci{ float:left; width:26%; margin:1%}
#sel_magazine .math{ float:left;width:26%;margin:1%}
#sel_magazine .kids{  float:left;width:42%;margin:1%}
#sel_magazine .math .sel{background:#41b5c6; color:#fff}
#sel_magazine .kids .sel{background:#e74c3a; color:#fff}
#sel_magazine .sci .sel{background:#073c8c; color:#fff}
#sel_date{ clear:both}
#sel_date p{ margin-bottom:15px}
#sel_date > div{ clear:both}
#sel_date .on{font-weight:bold}
#sel_date .dateline{ position:absolute; top:7px; left:-4px;width:77px; height:36px; }
#sel_date ul{ margin:0 9px;}
#sel_date ul select{ width:100%;height:40px; font-size:20px; font-weight:bold; padding-left:5%; color:#333;border:1px solid #ddd; background:#FFF;}
#sel_date .year{ float:left;width:48%; margin:1%}
#sel_date .month{float: right;width:48%;margin:1%}

#sel_date p{ clear:both; padding:5px 15px 0 15px; font-size:14px; line-height:19px}
#sel_date .m_view{text-align:center; padding:15px 0 5px 0}
#sel_date .m_view input{background:#1a356f; color:#fff; border:1px solid #011548; height:40px; padding:0 20px; font-size:18px; font-weight:bold}
#sci #sel_date .on,#sci #mtitle .date,#sci #mtitle .vol{ color:#073c8c;}
#sci #sel_date .dateline{background:url(http://img.dongascience.com/dlibrary/m/images/megazine/dateline_sci.png) no-repeat;background-size:77px 36px}
#sci .article-D h3{background :url(http://img.dongascience.com/dlibrary/m/images/megazine/tle_back_sci.png) no-repeat; background-size:60px 30px;}

#math #sel_date .on,#math #mtitle .date,#math #mtitle .vol{ color:#41b5c6;}
#math #sel_date .dateline{background:url(http://img.dongascience.com/dlibrary/m/images/megazine/dateline_math.png) no-repeat;background-size:77px 36px}
#math .article-D h3{background :url(http://img.dongascience.com/dlibrary/m/images/megazine/tle_back_math.png) no-repeat; background-size:60px 30px;}

#kids #sel_date .on,#kids #mtitle .date,#kids #mtitle .vol{ color:#e74c3a;}
#kids #sel_date .dateline{background:url(http://img.dongascience.com/dlibrary/m/images/megazine/dateline_kids.png) no-repeat;background-size:77px 36px}
#kids .article-D h3{background :url(http://img.dongascience.com/dlibrary/m/images/megazine/tle_back_kids.png) no-repeat; background-size:60px 30px;}

#cover{clear:both; }
#cover ul{  padding:0 15px;}
#cover li{ margin:40px}
#cover .date{ position:absolute; right:0; bottom:0;width:50px; height:44px; letter-spacing:0; padding-top:6px ;font-family:Verdana, Geneva, sans-serif; text-align:center; font-size:12px;line-height:17px;font-weight: bold; color:#fff}
#cover .date span{ font-size:26px}
#cover .csize{width:100%; height: auto; border:1px solid #ccc}
#cover .prev{ position:absolute; left:-35px;top:145px}
#cover .next{position:absolute; right:-35px;top:145px}

#mtitle{ clear:both; position:relative; padding:18px 15px;border-top:1px solid #ddd; background:#fff}
#mtitle h2 img{ height:30px; width:auto}
#mtitle .slogan{ letter-spacing:0.5em; font-size:14px; font-weight:normal }
#mtitle .vol{ position:absolute; right:15px;top:10px; font-size:11px;font-family:Verdana, Geneva, sans-serif; color:#41b5c6}
#mtitle .date{ position:absolute; right:15px;top:28px; font-size:22px;font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#41b5c6}
#special{ clear:both; background:#fff; padding-bottom:15px;}
#special li{ margin:0 15px 7px 15px}
#special li:last-child{ margin-bottom:0}
#plan{ clear:both; background:#fff;padding-bottom:15px; }
#plan li{ margin:0 15px 7px 15px}
#plan li:last-child{ margin-bottom:0}
#magazine #report{clear:both;  border-top:1px solid #ddd; padding-top:10px }
#magazine #report h2{border-top:1px solid #ddd; }
#report{clear:both;  border-top:1px solid #ddd;}
#report  h2{ position:relative;background:#fff; padding:0 15px; line-height:42px; font-size:16px; color:#333; }
#report ul{ clear:both;background:#fff;}
#report  span{ position:absolute; right:15px; top:-3px}
#report  span select{ font-size:14px;height:34px; padding:0 10px}
#report .more{ padding-bottom:15px; background:#fff}
#report .more a { display:block; border-bottom:1px solid #ccc; border-top:1px solid #ccc; line-height:38px; height:40px; background:#f5f5f5; text-align:center; font-size:14px}
#search #report h2{ font-weight:normal}
#search #report h2 strong{color:#41b5c6}


/* graphic */
#motion{ padding-top:50px;}
#motion h2{position:relative; color:#011548; font-size:30px; letter-spacing:0; padding-top:24px;margin:0 15px;font-weight:normal;}
#motion h2 span{ position:absolute; top:0; left:0; font-size:14px; font-weight:normal; letter-spacing:0.2em; display:block; margin-left:3px}
#sel_motion{ color:#011548; margin:0 15px;padding-top:10px}
#sel_motion > div{position:relative; float:left; margin-right:2% ; margin-top:6px}
#sel_motion > div:nth-child(1){ width:60%}
#sel_motion > div:nth-child(2){ width:38%; margin-right:0}
#sel_motion > div:nth-child(3){ width:75%}
#sel_motion > div:nth-child(4){ width:23%; margin-right:0}
#sel_motion > div > span { display:inline-block; margin-left:2px; height:28px; padding:10px 20px 0 20px; border:1px solid #d9d9d9; background:#FFF; text-align:center}
#sel_motion input[type=submit]{height:40px;width:100%;font-size:16px; font-weight:bold; background:#011548 ; color:#fff; border:none}
#sel_motion input[type=text]{height:40px;width:100%;border:1px solid #ccc;  padding-left:10px;font-size:18px; color:#33333; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#sel_motion label{font-size:14px; line-height:14px;}
#sel_motion select{ width:100%;height:40px;border:1px solid #ccc;  padding-left:10px;font-size:18px; color:#33333;}
#recomm{ clear:both; position:relative; height:50px;border-bottom:1px solid #011548;border-top:3px solid #011548;color:#011548; margin-top:15px; background:#fff}
#recomm h3{line-height:50px;font-size:16px; padding-left:15px}
#recomm select{ position:absolute; top:8px;right:15px;height:34px;border:1px solid #ccc; font-size:16px; color:#33333; margin:0; padding:0; width:150px; padding-left:10px}

#motion_list { clear:both;padding:15px; background:#fff}
#motion_list li{padding:0 0 15px 0;  }
#motion_list li dl{border:1px solid #d9d9d9;}
#motion_list li dt{position:relative; background:#666}
#motion_list li dt video{ width:100%; vertical-align:top}
#motion_list li dd{ width:100%; padding:10px 15px 0 15px;height:65px; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#motion_list li dd div{font-size:16px; font-weight:bold;line-height:22px; height:22px; overflow:hidden; color:#555 }
#motion_list li dd p{margin-top:2px;color:#999; letter-spacing:0}
#motion_list li>p{ text-align:center; padding:30px 0}

.article-D{ position:relative; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  border:1px solid #ccc }
.article-D .thum{ width:100%; height:185px; overflow:hidden;background:url(http://img.dongascience.com/dlibrary/m/images/common/noimg.png); background-size:100%}
.article-D h3{ position:absolute; top:0;  font-size:14px; line-height:30px; letter-spacing:-0.03em; height:30px; width:50px; padding-left:10px; color:#fff; z-index:10}
.article-D h4{ position:absolute; top:0; width:100%;font-size:16px; line-height:30px; letter-spacing:-0.03em; height:30px; color:#fff; overflow:hidden;  background:url(http://img.dongascience.com/dlibrary/m/images/megazine/tle_back2.png)}
.article-D h4 span{ padding-left:70px}
.article-D a{ display:block}

.article-E{ box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  border:1px solid #dddddd}
.article-E .thum{ width:150px; height:84px; float:left; margin-right:10px;overflow:hidden; background:url(http://img.dongascience.com/dlibrary/m/images/common/noimg.png); background-size:100%}
.article-E .cont{padding:7px 10px 0 3px; line-height:19px ; height:73px; overflow:hidden; margin-bottom:4px}
.article-E h3{  font-size:14px; color:#333333; margin-bottom:2px; line-height:18px}
.article-E p{ font-size:12px; line-height:16px}

.article-F{padding:12px 15px; border-top:1px solid #e2e2e2}
.article-F .thum{ width:130px; height:73px; float:left; margin-right:10px;overflow:hidden;background:url(http://img.dongascience.com/dlibrary/m/images/common/noimg.png); background-size:100%}
.article-F .cont{padding:0 10px 0 3px; height:70px; overflow:hidden}
.article-F h3{  font-size:14px;line-height:18px ; margin-bottom:3px; color:#333333; }
.article-F h4{ font-size:14px;line-height:18px ; }
.article-F p{ font-size:13px;line-height:16px ;}
.article-F .coverline{ position:absolute; top:0; opacity:0.15; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #000; width:130px; height:73px}
.article-F .part{ font-size:12px; color:#999; padding-top:5px}
.article-F .tle{ font-size:15px; padding-top:10px; font-weight:bold}

.article-F2{padding:12px 15px; border-top:1px solid #e2e2e2}
.article-F2 .thum{ width:130px; height:73px; float:left; margin-right:10px;overflow:hidden;background:url(http://img.dongascience.com/dlibrary/m/images/common/noimg.png); background-size:100%}
.article-F2 .cont{padding:0 10px 0 3px;line-height:18px ; margin-bottom:5px; height:68px; overflow:hidden}
.article-F2 h3{  font-size:14px; margin-bottom:3px; color:#333333; font-weight:normal; width:100%; height:18px; overflow:hidden }
.article-F2 h4{ font-size:16px}
.article-F2 p{ font-size:12px}
.article-F2 .coverline{ position:absolute; top:0; opacity:0.15; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #000; width:130px; height:73px}
.article-F2 .part{ font-size:12px; color:#999; padding-top:5px}
.article-F2 .tle{ font-size:15px; padding-top:10px; font-weight:bold}

.article-G{padding:12px 15px; border-top:1px solid #e2e2e2}
.article-G .cont{ line-height:18px ;height:60px; overflow:hidden}
.article-G .cont2{line-height:18px ;height:60px; overflow:hidden}
.article-G h3{  font-size:14px;  color:#333333; font-weight:normal; }
.article-G h4{ margin-bottom:5px; font-size:16px; line-height:18px}
.article-G p{ font-size:14px}
.article-G .part{ font-size:12px; color:#999}



.article-I{ margin:15px}
.article-I .coverline{ position:absolute; top:0; opacity:0.15; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #000; width:100%; height: 100%}
.article-I .thum{ width:100%; height:auto;overflow:hidden;background:url(http://img.dongascience.com/dlibrary/m/images/common/noimg.png); background-size:100%}
.article-I .cont{line-height:18px ;  height:108px; overflow:hidden}
.article-I h3{font-size:16px;margin:7px 0 5px 0}
.article-I p{ font-size:13px}

.article-J{padding:12px 0;}
.article-J .thum{ width:130px; height:73px; float:left; margin-right:10px;overflow:hidden;background:url(http://img.dongascience.com/dlibrary/m/images/common/noimg.png); background-size:100%}
.article-J .cont{padding:0 10px 0 3px;line-height:18px ;  height:73px; overflow:hidden}
.article-J h3{  font-size:13px; margin-bottom:3px; color:#333333; font-weight:normal}
.article-J p{ font-size:12px}
.article-J .coverline{ position:absolute; top:0; opacity:0.15; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #000; width:130px; height:73px}

.article-K{padding:12px 0}
.article-K .cont{line-height:18px ;height:60px; overflow:hidden}
.article-K h3{font-size:13px; margin-bottom:4px; color:#333333; font-weight:normal}
.article-K p{font-size:12px}

.article-L{padding:12px 15px; border-top:1px solid #e2e2e2}
.article-L .thum{width:130px; height:73px; float:left; margin-right:10px;overflow:hidden;background:url(http://img.dongascience.com/dlibrary/m/images/common/noimg.png); background-size:100%}
.article-L .cont{padding:0 10px 0 3px; height:70px; overflow:hidden}
.article-L h3{font-size:14px;line-height:18px ;  color:#333333; overflow:hidden; height:18px }
.article-L h4{font-size:12px;line-height:14px ; margin-bottom:6px;color:#999; font-weight:normal }
.article-L p{font-size:13px;line-height:16px ;}
.article-L .coverline{position:absolute; top:0; opacity:0.15; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #000; width:130px; height:73px}


.article-M{padding:12px 15px; border-top:1px solid #e2e2e2}
.article-M .cont{line-height:18px;height:72px; overflow:hidden}
.article-M h3{font-size:14px;  color:#333333; }
.article-M h4{font-size:12px;line-height:14px ; margin-bottom:6px;color:#999; font-weight:normal }
.article-M p{font-size:14px}



/*people */
#pe_midhigh{ clear:both; padding-top:6px }
#pe_midhigh h2{ font-size:18px;line-height:56px; padding:0 0 0 15px; color:#41b5c6}
#pe_university{ clear:both; padding-top:6px }
#pe_elementary{ clear:both; padding-top:6px }
#pe_elementary h2{ font-size:18px;line-height:56px; padding:0 0 0 15px; color:#41b5c6}
#pe_teacher{ clear:both; padding-top:6px  }
#pe_teacher h2{ font-size:18px;line-height:56px; padding:0 0 0 15px; color:#41b5c6}
#pe_public{ clear:both;  padding-top:6px }
#pe_public h2{ position:relative; font-size:18px;line-height:56px; padding:0 0 0 15px; color:#41b5c6}
#sel_major{ position:relative;width:100%; height:62px;  overflow:hidden}
#sel_major li{ float:left; width:110px; height:56px}
#sel_major li img{ width:100%; height:100%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  border:1px solid #ddd; border-left:none}
#sel_major li.on img{border:2px solid #41b5c6}
#tip { position:relative; border:1px solid #ddd; margin:0 15px 6px 15px; padding:9px 9px 9px 4px;  background:#f9f9f9}
#tip a{ display:block}
#tip strong{ display:block; font-size:15px; color:#41b5c6; float:left; width:65px;height:50px ; text-align:center}
#tip .text{ display:block; width:200px ; font-size:14px; line-height:19px  }
#tip .go{ position:absolute; right:12px; top:14px}
#view_major{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:6px; padding-bottom:10px}
#view_major h2{ font-size:18px;line-height:56px; padding:0 0 0 15px; color:#41b5c6}
#view_major li{  padding-bottom:2%}



#view_major .article-B{ box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  border:1px solid #dddddd; background:#FFF}
#view_major .article-B .thum{ width:100%; height:90px;overflow:hidden;background:url(http://img.dongascience.com/dlibrary/m/images/common/noimg.png); background-size:100%}
#view_major .article-B .cont{ margin:10px 10px 10px 10px; height:58px;overflow:hidden}
#view_major .article-B h3{ font-weight:bold;font-size:15px;line-height:19px; color:#333333; letter-spacing:-0.09em}
#view_major .article-B p{ font-size:14px; line-height:17px; margin-top:6px}




#sisa_issue{clear:both; background:#fff;  border-top:1px solid #ddd;  border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:10px}
#sisa_issue h2{ position:relative; font-size:18px;line-height:56px; padding:0 0 0 15px; color:#41b5c6; border-bottom:1px solid #e5e5e5}
#sisa_issue  span{ position:absolute; right:15px; top:-3px}
#sisa_issue  span select{ font-size:14px;height:34px; padding:0 10px}
#sisa_issue .more{ padding-bottom:15px; background:#fff}
#sisa_issue .more a { display:block; border-bottom:1px solid #ccc; border-top:1px solid #ccc; line-height:38px; height:40px; background:#f5f5f5; text-align:center; font-size:14px}
#sisa_issue.mlist li{ padding-top:2%}
#sisa_issue.mlist li:nth-child(2n){ padding-right:0}

#history{clear:both; background:#fff;  border-top:1px solid #ddd }
#history h2{ font-size:14px; color:#333; letter-spacing:0;line-height:18px;padding:20px 0 0 15px}
#history .info{ font-size:13px;padding:5px 15px 10px 15px; line-height:18px}
#history .date{ position:relative; margin-left:-1px; background:url(http://img.dongascience.com/dlibrary/m/images/people/ico_history.png) 0 center no-repeat; background-size:32px 30px; height:30px; font-size:13px;color:#41b5c6; font-weight:bold; line-height:30px; padding-left:40px; margin-top:10px }
#history .date_report{ margin:0 0 0 15px; border-left:1px solid #41b5c6; padding-bottom:15px}
#history .date_report li {border-bottom:1px solid #e2e2e2; margin:0 0 0 15px}
#history .date_report li:last-child{ border:none}

/* view */
#link_sns{ position:fixed; bottom:0; z-index:100;background:#FFFFFF;border-top:1px solid #d3d3d3; width:100%; height:54px}
#link_sns ul { width:290px; margin:9px auto}
#link_sns li{ float:left; width:16%; text-align:left}
#link_sns li img{width:38px;height:auto}
#link_sns li:last-child{ width:16%; margin-left:10px; text-align:right; border-left:1px solid #ccc;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
#link_sns li:last-child img{width:30px;height:auto}
#link_sns li span{ display:none; font-size:11px; letter-spacing:-0.1em}
#link_sns li a{ display:block}

/* 검색 */

#total-srch-form{ position: fixed; top:0;z-index: 999; display: block; height:61px;width:100%;background:#FFFFFF;border-bottom:1px solid #e3e3e3; padding:0 5px 0 10px;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#total-srch-form .srch-wrap{position: relative; margin-top:9px; margin-right:45px}
#total-srch-form .close{ float:right; margin-top:-40px; display:block; width:40px; height:40px; }
#total-srch-form .close img{ width:100%; height:auto}
#total-srch-form .itxt{  height:40px; line-height:20px; padding:5px; border:1px solid #d3d3d3; background:#ebebeb;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%}
#total-srch-form .srch-wrap span{ position: absolute; top:0; right:0; display:block;width:40px; height:40px}
#total-srch-form .srch-wrap span input{width:100%; height:40px;  border: none; background:#41b5c6; color:#fff;}
.auto_div {position: fixed;   top:61px; height:280px; border-bottom: 1px solid #d3d3d3;  width: 100%;  background:#fff;  z-index: 999; display: block;  }
.auto_iframe {width:100%; height:280px; padding:0; margin:0}
.auto_on {margin:11px 6px 2px 2px; cursor:pointer}

#total-srch-form.search{ clear:both; position:relative;padding:96px 10px 10px 10px; z-index:10;height:auto;}
#total-srch-form.search .close{ display:none}
#total-srch-form.search .srch-wrap{ margin-right:0}
#AKCDiv.search{position:absolute; top:157px;z-index:10;}



#srch_recomm{ padding:15px 15px 0 15px; border-bottom:1px solid #e5e5e5;  background:#fff;}
#srch_recomm p{ text-align:left; padding-bottom:15px; font-size:14px}
#srch_recomm p span{ display:inline-block}
#srch_recomm .part{ color:#ccc; font-size:6px }
#srch_recomm input{font-size:13px; background:#fff; border:1px solid #ddd; color:#333; width:100%;height:36px}
#srch_recomm input.sel{ background:#41b5c6; color:#fff; border:none}
#srch_recomm ul{ height:70px}
#srch_recomm li{ float:left;  width:24%; margin:15px 1% 0 1% }
#srch_recomm li:first-child{width:18%}
#srch_recomm li:nth-child(2){width:26%}

/* 뉴스템플릿 스타일 */
#magazine #news_view{ clear:both; margin-top:6px}
#news_view{background:#FFF;  margin-bottom:10px; border-top:1px solid #e5e5e5}
#news_view .bt-clear{ display:none}
.article-view{ background:#fff;padding-top:25px;}
.article-view .cont{margin:0 15px}
.article-view h3{font-weight: normal; font-size:24px; line-height:1.264em; color:#000; letter-spacing:-0.05em;}
.article-view h4{font-weight: normal; font-size:16px; line-height:1.264em; color:#333; padding-top:5px ; letter-spacing:-0.05em; width:80%}
.view-info { clear:both; border:1px solid #d7d7d7;   height:30px; margin:20px 0 20px 0}
.view-info .date{float:left;font-size:13px; color:#8e837e; line-height:30px; padding-left:10px}
.news_contents { margin-bottom:40px;font-size:18px; line-height:1.7em;}
.news_contents .reporter{ color:#888; margin-top:30px}
.zoom {border-bottom:1px solid #e5e5e5; margin-bottom:30px; }
.zoom ul{ text-align:right }
.zoom li{ display: inline}
.zoom li{ display:inline-block;border:1px solid #e5e5e5; border-bottom:none; margin-left:-1px}
.news_contents .cts_img{clear: both;width:100%}
.news_contents .cts_img img{vertical-align:top; line-height:0; border:0 ; max-width:100%}
.news_contents .pic_desc_txt{clear:both; margin:10px 0 20px 0; font-size:14px; letter-spacing:-1px; line-height:1.264em; color:#999; padding:0 10px 10px; display:block;}

#payment { text-align:center; border-top:1px solid #41b5c6; margin:0 15px 40px 15px}
#payment p{ color:#41b5c6; font-size:14px; margin:15px 0; font-weight:bold}
#payment input[type=button]{ width:100px;font-weight:bold;background:#011548; color:#fff; font-size:14px; height:38px; border:1px solid #011548; margin:0 5px}
#payment input.yes{background:#41b5c6;border:1px solid #41b5c6}

#payment a{ display:inline-block; cursor:pointer;line-height:19px}
#payment .case{ display:inline-block;vertical-align:top; width:110px;background:#011548; color:#fff; font-size:16px; border:1px solid #011548; margin:0 5px; padding:10px}
#payment .case span{ font-size:12px; font-weight:normal; }
#payment .period{display:inline-block;vertical-align:top; width:110px;background:#41b5c6; color:#fff; font-size:16px; border:1px solid #41b5c6; margin:0 5px;padding:10px}
#payment .period span{font-size:12px; font-weight:normal;}

#satisfy{ background:url(http://img.dongascience.com/dlibrary/m/images/common/ico_satisfy.jpg) no-repeat; background-size:100px 102px; padding:10px 0 20px 120px; height:102px; margin:0}
#satisfy p{ color:#333; } 
#satisfy .sel{ font-size:13px;color:#41b5c6; margin-top:10px; font-weight:bold} 
#satisfy input[type=button]{ width:65px;font-weight:bold; font-size:13px; height:28px; background:#fff; border:1px solid #41b5c6; color:#41b5c6}
#satisfy input.yes{ background:#41b5c6; color:#fff}

#opinion{ margin-bottom:6px; border-bottom:1px solid #ccc; background:#fff}
#opinion p{ margin:10px 5px; clear:both}
#opinion .write { border-top:1px solid #999; padding:20px 5px}
#opinion .write textarea{border:1px solid #e5e5e5; padding:3px;color:#8e837e; background:#fafafa; width:100%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:120px}
#opinion .write a{ display: block;font-weight:bold;width:100px; margin: 0 auto;   height:40px;  line-height:40px;text-align:center;  background:#fff;border:1px solid #999}
#opinion .id-pw{ clear:both; margin-bottom:10px}
#opinion .id-pw li{  float:left;width:50%; padding:5px; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#opinion .deleteFormAll input[type="password"]{ height:30px; width:100px; vertical-align:middle;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #e5e5e5; padding:3px; color:#8e837e; background:#f9f9f9 }
#opinion .deleteFormAll input[type="button"]{ height:30px; box-sizing:vertical-align:middle; border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #e5e5e5; width:60px; color:#fff; background:#333; font-size:13px }
#opinion .secret{ clear:both; display:block; width:100%; padding:5px;  box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
#opinion .deleteFormAll{ position:relative; margin:-33px 0 0 100px}
#opinion input{ height:40px; width:100%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #e5e5e5; padding:3px; color:#8e837e; background:#f9f9f9 }

.reply-head{ position:relative;height:50px; z-index:10}
.reply-head li{ width:50%; float:left; text-align:center;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;border-top:1px solid #ddd}
.reply-head li.tle1{ border-right:1px solid #ddd}
.reply-head li span{ color:#41b5c6}
.reply-head li.on1{border-bottom: none;border-right:1px solid #999;border-top:1px solid #999;background:#fff}
.reply-head li.on2{border-bottom: none;border-left:1px solid #999;border-top:1px solid #999;background:#fff}
.reply-head h3{ line-height:50px}
.reply-skin-lst{ border-top:1px solid #999; margin-top:0px}
.reply-skin-lst li{padding-top:20px;}
.reply-skin-lst > ul > li{position:relative;padding-bottom:20px;border-bottom:1px solid #e5e5e5}

.reply-skin-lst .original-word{position:relative; margin:0 20px}
.reply-skin-lst .original-word:after{display:block;clear:both;content:''}
.reply-skin-lst li .info *{display:inline-block;vertical-align:middle}
.reply-skin-lst li .nick{font-size:16px;  font-weight:bold}
.reply-skin-lst li .date{font-size:12px;color:#888; margin-top:5px}
.reply-skin-lst li .btn-del{overflow:hidden;display:block; margin-top:10px;width:57px;height:30px; border:1px solid #999999; font-size:13px; line-height:28px; text-align:center}
.reply-skin-lst li .txt-con{margin-top:15px;line-height:1.5em}
.reply-skin-lst li .txt-con p{margin:0; padding:0}

.reply-skin-lst li .agree{overflow:hidden;position:absolute;top:0;right:98px;border:1px solid #d8d7d8}
.reply-skin-lst li .agree dt{float:left; font-size:12px;width:40px;height:28px;border-right:1px solid #d8d7d8;line-height:28px; color:#555;text-align:center}
.reply-skin-lst li .agree dd{float:left;height:28px;font-size:13px; width:40px;line-height:28px; font-weight:bold;color:#41b5c6;  text-align:center;white-space:nowrap}
.reply-skin-lst li .disagree{overflow:hidden;position:absolute;top:0;right:0;border:1px solid #d8d7d8}
.reply-skin-lst li .disagree dt{float:left;font-size:13px;width:50px;height:28px;border-right:1px solid #d8d7d8;line-height:28px; color:#555;text-align:center}
.reply-skin-lst li .disagree dd{float:left;height:28px;font-size:13px; width:40px;line-height:28px; font-weight:bold; letter-spacing:0;text-align:center;white-space:nowrap}

/* pageing small */
.paginate { clear:both;padding:20px 0; text-align:center; font-size:0; width:100%}
.paginate a{display:inline-block; position:relative; overflow:hidden; width:30px; height:29px; text-align:center; line-height:30px; font-family:Verdana, Geneva, sans-serif;   font-size:12px; vertical-align:top;   font-weight:bold}
.paginate strong {display:inline-block; height:29px; text-align:center; line-height:30px; font-family:Arial, Helvetica, sans-serif; color:#41b5c6;  font-size:14px; vertical-align:top}
.paginate a.prev,
.paginate a.next {width:32px; height:31px; text-indent:-9999px; border:0}
.paginate a.prev {background:#999 url(http://img.dongascience.com/dlibrary/m/images/common/btn_page_prev.gif) no-repeat; float:left; left:15px}
.paginate a.next {background:#999 url(http://img.dongascience.com/dlibrary/m/images/common/btn_page_next.gif) no-repeat; float:right;right:15px}
.paginate a.on{ background-color:#41b5c6}

#newslist{ position:relative;width:100%; height:172px; overflow:hidden; padding-bottom:25px ; background:#FFF;border-top:1px solid #ccc }
#newslist li{ float:left; padding-right:5px}
#newslist li>div{  background:#fff}
#newslist:after{display:block;clear:both;height:0;content:''}
#newslist h2{ font-size:14px;margin:15px 0 10px 15px}

/* order */
#order{ clear:both; margin-top:6px}
#order input{ width:18px; height:18px;vertical-align:middle}
#order_sel .menu{height:50px; }
#order_sel .menu li{ float:left; background:#FFF;text-align:center; width:50%; border-top:1px solid #ddd;border-bottom:3px solid #41b5c6;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box }
#order_sel .menu li h3{ line-height:46px; color:#333;}
#order_sel.m1 .menu li:first-child  { border-bottom:none;border-top:3px solid #41b5c6;border-right:3px solid #41b5c6;}
#order_sel.m1 .menu li:first-child h3{ color:#41b5c6; line-height:47px;}
#order_sel.m1 .menu li:first-child p{padding:17px 0}
#order_sel.m1 .order_period{ display:none}
#order_sel.m1 .sel_list{ display:block}

#order_sel.m2 .menu li:last-child  { border-bottom:none;border-top:3px solid #41b5c6;border-left:3px solid #41b5c6;}
#order_sel.m2 .menu li:last-child h3{ color:#41b5c6; line-height:47px;}
#order_sel.m2 .menu li:last-child p{padding:17px 0}
#order_sel.m2 .order_period{ display:block}
#order_sel.m2 .sel_list{ display:none}

#order_sel .order_period{ position:relative; margin:0; background:#FFF;  padding:10px;  margin-bottom:6px; border-bottom:1px solid #ddd}
#order_sel .order_period li{ float:left;background:#FFF;  width:50%;padding:5px ; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
#order_sel .order_period li.sel p{ background:#41b5c6 url(http://img.dongascience.com/dlibrary/m/images/common/ico_check.png) 10px center no-repeat; background-size:16px 16px; color:#fff;padding:13px 0 0 10px;}
#order_sel .order_period p{ display:block;text-align:center; line-height:20px; padding:13px 0 0 0; border:1px solid #e5e5e5; height:90px; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
#order_sel .order_period strong{ display:block; }
#order_sel .order_period span{ display:block; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:18px; line-height:24px  }
#order_sel .order_period li:last-child a{display:block;}
#order_sel .order_period li:last-child p{background:#eafdff url(http://img.dongascience.com/dlibrary/m/images/common/teacher_banner.png) no-repeat right top ; border:1px solid #d2e3e5; background-size:auto 100%; text-indent:-9999px}

#order_sel .sel_list{ clear:both;  background:#FFF;}
#order_sel .sel_list .check{ border-bottom:1px solid #e2e2e2; padding-left:15px}
#order_sel .sel_list .check label{  line-height:40px;}
#order_sel .sel_list .check p{ float:right;line-height:40px; padding-right:15px}
#order_sel .sel_list li{ position:relative; border-bottom:1px solid #e2e2e2;padding-left:45px;}
#order_sel .sel_list li input{ position:absolute;display:block; top:40px; left:15px; }
#order_sel .sel_list .article-F{padding:12px 15px 12px 0;  border-top:none;}
#order_sel .sel_list .article-F h3{ font-size:14px}
#order_sel .sel_list .no{text-align:center; line-height:120px;border-bottom:1px solid #e2e2e2;}

#order_magazine{ position:relative; margin:0; background:#FFF;  padding:10px; height:140px; margin-bottom:6px; border-bottom:1px solid #ddd}
#order_magazine h4{ font-size:14px; font-weight: normal; margin-bottom:5px}
#order_magazine li{ float:left;background:#FFF;  width:50%; padding:5px;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
#order_magazine li.sel a{ background:#41b5c6 url(http://img.dongascience.com/dlibrary/m/images/common/ico_check.png) 10px center no-repeat; background-size:16px 16px; color:#fff}
#order_magazine a{ display:block;text-align:center; padding:12px 0; border:1px solid #e5e5e5}
#order_magazine strong{ display:block}
#price{ clear:both; border-top:1px solid #e2e2e2; margin-top:6px; font-size:14px; line-height:60px; background:#FFF;color:#333;font-weight:bold; padding-left:15px }
#price p{ color:#41b5c6;display:inline-block; float:right;padding-right:15px;}
#price span{position:relative;   top:-3px;}
#price strong{   font-size:30px;color:#41b5c6;font-family:Verdana, Geneva, sans-serif;}
#method{ padding:0 15px 15px 15px;background:#FFF; border-top:3px solid #41b5c6; border-bottom:1px solid #e2e2e2}
#method label{ line-height:20px; display:block;margin-bottom:10px}
#method .short{  height:160px}
#method h4{ font-size:14px; color:#333; line-height:46px}
#method ul{height:96px}
#method li{ float:left; height:96px; margin-right:3%; width:48.5%; font-size:0;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;border:1px solid #ddd}
#method li a{ display:block;height:96px}
#method li:nth-child(1){ background:#fff url(http://img.dongascience.com/dlibrary/m/images/common/method_phone.png) center no-repeat; background-size:130px 60px}
#method li:nth-child(2){background:#fff url(http://img.dongascience.com/dlibrary/m/images/common/method_card.png) center no-repeat;background-size:130px 60px; margin-right:0}
#order_end{ height:100px;border-top:1px solid #ddd; text-align:center; padding-top:100px; background:#fff url(http://img.dongascience.com/dlibrary/m/images/common/ico_ok.png) center 43px no-repeat;background-size:46px 41px}

#refund{ clear:both;background:#FFF; padding:15px; margin-top:6px; border-top:1px solid #e2e2e2}
#refund h4{ font-size:14px; margin-bottom:10px}
#refund table{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:13px}
#refund th{ border-top:3px solid #999; border-left:1px solid #e0e0e0;  height:40px; font-weight:bold}
#refund td{ border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;padding:7px 5px 7px 10px; font-size:13px }
#refund td h5{ font-size:13px }
#refund td span{ color:#999;font-size:12px }
#refund td:first-child{ width:35%}

#mylist{ background:#FFF; height:205px; padding:0 15px}
#mylist li{ float:left; height:77px; margin-right:3%; width:48.5%; font-size:0;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;border:1px solid #ddd}
#mylist li a{ display:block;height:77px}
#mylist li:nth-child(1){ background:#fff url(http://img.dongascience.com/dlibrary/m/images/common/my_buying.png) center no-repeat; background-size:96px 34px}
#mylist li:nth-child(2){background:#fff url(http://img.dongascience.com/dlibrary/m/images/common/my_paid.png) center no-repeat;background-size:96px 34px; margin-right:0}

/* mypage */
#pe_mypage{ clear:both}
#m_info{ clear:both;background:#FFF url(http://img.dongascience.com/dlibrary/m/images/common/ico_member.png) 20px 20px no-repeat; background-size:43px 60px ; padding:20px 15px 25px 76px; border-bottom:1px solid #ddd; margin-bottom:6px }
#m_info strong { font-size:14px; font-weight:bold;letter-spacing:0; line-height:26px}
#m_info .p_num{font-size:12px; letter-spacing:-0.05em; line-height:19px}
#m_info .p_num p{font-size:13px}
#m_info .p_num span{ color:#e74c3a}
#m_info .p_num > div{ position:relative; border:1px solid #41b5c6; height:34px; padding-left:10px; line-height:34px; margin-top:10px}
#m_info .p_num > div input{ position:absolute; right:-1px; top:-1px; background:#41b5c6; color:#fff; height:36px; border:none; padding:0 15px; font-size:13px}
#m_info .btn_apply{ background:#41b5c6; color:#fff; height:30px; border:none; padding:0 15px; font-size:13px; margin:15px 0 0}

#state_teacher{border-bottom:1px solid #ddd;border-top:1px solid #ddd; margin-bottom:6px; background:#fff; padding:10px 20px; height:40px}
#state_teacher h2{ float:left; line-height:40px}
#state_teacher div{ float:right; width:150px; height:40px; line-height:40px; text-align:right}
#state_teacher div strong{ padding-right:23px}
#state_teacher .step01{ color:#41b5c6;background:url(http://img.dongascience.com/dlibrary/m/images/common/ico_step01.png) no-repeat; background-size:150px 40px}
#state_teacher .step02{ color:#7ebf29;background:url(http://img.dongascience.com/dlibrary/m/images/common/ico_step02.png) no-repeat; background-size:150px 40px}
#state_teacher .step03{ color:#e74c3a;background:url(http://img.dongascience.com/dlibrary/m/images/common/ico_step03.png) no-repeat; background-size:150px 40px}
#state_teacher .step04{ color:#555;background:url(http://img.dongascience.com/dlibrary/m/images/common/ico_step04.png) no-repeat; background-size:150px 40px}
#pe_mypage #report{ border-top: none}
#pe_mypage .menu { clear:both; background:#FFF; height:40px}
#pe_mypage .menu li{ float:left; padding:0; margin:0;height:40px; text-align:center;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-top:1px solid #ddd;border-bottom:3px solid #41b5c6}
#pe_mypage .menu li a{ display:block;border-right:1px solid #ddd}
#pe_mypage .menu li h2{font-size:15px;font-weight:normal; color:#555555; line-height:36px}
#pe_mypage .menu li.sel h2{ color:#41b5c6; font-weight:bold}
#pe_mypage .menu li.sel a{ border-right:none}
#pe_mypage .menu li:nth-child(1){ width:32%}
#pe_mypage .menu li:nth-child(1).sel{border-bottom:3px solid #fff;border-top:3px solid #41b5c6; border-right:3px solid #41b5c6}
#pe_mypage .menu li:nth-child(2){ width:36%}
#pe_mypage .menu li:nth-child(2).sel{border-bottom:3px solid #fff;border-top:3px solid #41b5c6; border-right:3px solid #41b5c6; border-left:3px solid #41b5c6}
#pe_mypage .menu li:nth-child(3){ width:32%; border-right:none}
#pe_mypage .menu li:nth-child(3).sel{border-bottom:3px solid #fff;border-top:3px solid #41b5c6; border-left:3px solid #41b5c6;}
#pe_mypage .function{ clear:both; position:relative; height:65px}
#pe_mypage .function p{ float:left; color:#333; font-weight:bold; padding:20px 0 0 15px}
#pe_mypage .only{height:40px}
#pe_mypage .only p{padding:10px 0 0 15px}
#pe_mypage .function { background:#fff}
#pe_mypage .function ul{ position:absolute; right:10px; top:15px}
#pe_mypage .function li{ float:left; margin:0 5px 0 0; line-height:34px ; font-size:13px}
#pe_mypage .function li:first-child{border:1px solid #ddd; height:32px; padding:0 10px}
#pe_mypage .function input[type=checkbox]{ border:none}
#pe_mypage .function input[type=button]{ border:1px solid #ddd;font-size:13px; background:#FFF; height:34px; padding:0 10px }
#pe_mypage .function input.buy{ background:#41b5c6; color:#fff; font-weight:bold;border:none}
#pe_mypage .date_buy{ color:#e74c3a; font-size:12px}
#pe_mypage .recomm{ padding:8px 25px 15px 25px; background:#f7f7f7}
#pe_mypage h4{ background:#f7f7f7; padding:10px 0 0 10px; font-size:13px; font-weight:normal; border-top:1px solid #ddd}
#pe_mypage h4 strong{ color:#41b5c6}
#period_state{ clear:both; background:#fff; font-size:14px; padding:15px; border-bottom:1px solid #ccc;}
#period_state strong{ padding-right:10px;color:#41b5c6}
#buylist{ background:#fff; min-height:255px}
#buylist a{ display: block}
#buylist li{ border-top:1px solid #ddd; padding:12px 5px 15px 0}
#buylist li:first-child{ border-top:none}
#buylist dl{ clear:both; position:relative; width:100%;margin-bottom:20px  }
#buylist dt{ color:#333;padding:0 10px;  font-weight:bold; font-size:14px; line-height:20px; margin-bottom:5px}
#buylist dd{ float:left; font-size:12px; line-height:14px; border-right:1px solid #ddd; padding:0 10px }
#buylist dd:last-child{ border-right:none}
#buylist .cancel{ position:absolute; right:0; top:12px}
#buylist .cancel input{ color:#fff; background:#333; font-size:13px; border:none; padding:5px 10px 7px 10px}
#pe_mypage .more{ padding-bottom:15px; background:#fff}
#pe_mypage .more a { display:block; border-bottom:1px solid #ccc; border-top:1px solid #ccc; line-height:38px; height:40px; background:#f5f5f5; text-align:center; font-size:14px}
#pe_mypage .info{ background:#f9f9f9; font-size:13px; line-height:19px; padding:15px; border-top:1px solid #ddd}
#pe_mypage .info_none{ min-height:296px;background:#fff; line-height:100px; text-align:center}


/* teacher_confirm */
#confirm {background:#eafdff;letter-spacing:-0.02em;  }
#confirm  img{ width:100%; height:auto}
#confirm .top{ max-width:360px; margin:0 auto}
#confirm .top .apply_send{ position:relative; top:-40px; text-align:center; margin:0 auto}
#confirm .info{ max-width:360px; margin:0 auto;background:#fff; border-bottom:1px solid #e2e2e2;border-top:3px solid #29acbf; padding-bottom:30px}
#confirm .info li{padding:20px 0 20px 0;}
#confirm .info li h3{font-size:24px; color:#29acbf; line-height:36px; padding-left:15px }
#confirm .info li p{font-size:18px; font-weight:bold; color:#333; line-height:28px;  padding:0 10px 0 15px}
#confirm .info li p strong{ font-size:26px;font-family:Verdana, Geneva, sans-serif;font-weight:normal; text-decoration:line-through; color:#444}
#confirm .info li p strong.sale{ color:#29acbf;font-weight:bold; text-decoration: none}
#confirm .info li p span{ font-weight:normal; font-size:14px;}
#confirm .info li p strong.sale{color:#29acbf}
#confirm .info li:nth-child(1) div{ font-size:14px; line-height:22px; padding:20px 10px 0 15px}
#confirm .info li:nth-child(1) .img{ margin-top:40px}
#confirm .info li h4{ font-size:16px;color:#29acbf;}
#confirm .info li dl{ clear:both; padding:20px 15px 20px 15px}
#confirm .info li dt{ float:left; width:30%;}
#confirm .info li dd{float:right;font-size:13px; line-height:20px; display:block;width:66%; }
#confirm .info li dd h4{ margin-bottom:7px}
#confirm .apply{max-width:360px; margin:20px auto 0 auto; padding-bottom:40px; }
#confirm .apply h3{ font-size:22px;color:#29acbf;   padding:0 15px;}
#confirm .apply p{ font-size:14px; margin:10px 0;padding:0 15px 5px 15px;}
#confirm .apply table{background:#fff; border-top:3px solid #29acbf;}
#confirm .apply td{border-bottom:1px solid #e2e2e2; font-size:13px; padding:10px 0}
#confirm .apply #schoolAddress{ margin-top:10px}
#confirm .apply th{ width:65px; border-bottom:1px solid #e2e2e2;  font-size:14px; line-height:18px; font-weight:bold; text-align:left; padding-left:10px; }
#confirm .apply th span{ display:block}
#confirm .apply input[type=text]{ border:1px solid #d9d9d9; background:#f8f8f8;height:33px; vertical-align:middle; width:95%}
#confirm .apply textarea{ border:1px solid #d9d9d9; background:#f8f8f8;  vertical-align:middle; width:95%}
#confirm .apply select{ border:1px solid #d9d9d9; background:#f8f8f8;height:35px;vertical-align:middle; width:40%}
#confirm .apply .sname input{ width:54%}
#confirm .apply .subject input{ width:54%}
#confirm .apply .tel input{ width:28.5%}
#confirm .apply .tel select{ width:35%}
#confirm .apply .tel{ position:relative}
#confirm .apply .tel span{ display:block; font-size:12px; line-height:16px;color:#29acbf;}
#confirm .apply_send{font-weight:bold;background:#29acbf; color:#fff; font-size:18px; height:50px; line-height:50px; border:1px solid #259aac; width:240px; display:block;margin:40px auto 0 auto;}
#confirm .apply .address input:first-child{ width:53%}
#confirm .apply .address input[type=button]{border:1px solid #d9d9d9; background:#fff;height:35px; vertical-align:middle; width:42% ; position: relative; left:-1px; font-size:14px}


#teacher_more{ border:1px solid #eaeaea; margin:10px}
#teacher_more a{ display:block}
#teacher_more img{ width:100%;}


/*bottom */
#bottom{ clear:both; background:#f5f5f5; color:#555555; font-size:13px; text-align:center; border-top:1px solid #ccc;  padding-top:15px}
#bottom ul{ margin:0 auto; width:200px }
#bottom li{ float:left; text-align:center;line-height:2em; margin:0 1% ; background:#fff}
#bottom li a{ display:block}
#bottom li:first-child{width:30%}
#bottom li:last-child{width:66%}
#bottom li:first-child a{display:block;border:1px solid #d2d2d2}
#bottom p a{ display:inline-block}
#bottom p{ clear:both;   line-height:30px;  font-weight:bold; padding-top:5px }
#bottom p span{ color:#ddd; font-weight:normal}
#bottom div{ font-size:12px; line-height:17px; margin:5px 25px 20px 25px;color:#888888;}
.view_add{ padding-bottom:50px}
.main_sel {width:100%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;border-radius:1px; border:1px solid #ccc ;color:#555555; letter-spacing:0; cursor:pointer; background:url(http://img.dongascience.com/dlibrary/m/images/common/arrow.png) no-repeat #fff right 10px; background-size:16px 7px;  -webkit-appearance:none; -moz-appearance:none; padding:0 15px 0 5px; font-size:13px; line-height:24px }

/* 로그인 */
#menu_member {width:280px; margin:45px auto 0 auto}
#menu_member li{ float:left; width:50%}
#menu_member li a{ display:block;height:36px; line-height:34px; font-size:14px; text-align:center;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #ccc}
#menu_member li.sel a{ border:none; background:#555555; color:#fff; font-weight:bold}
#login > .wrap{  border-top:1px solid #ddd; background:#fff;  margin:6px auto 0 auto}
#login h3{width:280px; margin:30px auto 20px auto; font-size:18px }
.idpw_info{width:280px; margin:0 auto; border-top:1px solid #ddd;border-bottom:1px solid #ddd; padding:20px 0; font-size:15px}
.idpw_info strong{ font-weight:bold}
.idpw_info2{ font-size:14px;width:280px; margin:0 auto}
.login_bg{clear:both; width:280px;min-height:284px; margin:0 auto; padding:10px 0 45px 0}
.login_bg > div{ margin-top:10px}
.login_bg input[type=text],.login_bg input[type=password]{  border:1px solid #d3d3d3; background:#fff; height:40px; width:100%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px}
.login_bg .state{ float:left; font-size:14px}
.login_bg .join_btn{ float:right; width:80px}
.login_bg .join_btn a{ display:block; text-align: center; border:1px solid #999; background:#fff; height:30px; line-height:30px; width:100%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  font-weight:bold; font-size:14px }
.login_bg .login_btn{ clear:both; padding:20px 0 0 0}
.login_bg .login_btn input{  border:1px solid #41b5c6; background:#41b5c6; height:50px; width:100%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#FFF; font-weight:bold; font-size:18px}
.login_bg .search_btn{ }
.login_bg .search_btn input{  border:1px solid #ddd; background:#fff; height:50px; width:100%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  font-size:16px; color:#555555}

@media (max-width:359px){
.article-C .cont{margin:16px 16px 16px 16px;  height:127px;overflow:hidden }
#openmenu{ padding:0 8px}
#openmenu ul li a{ font-size:14px; font-weight:normal;padding: 0 7px}
#satisfy p{  font-size:14px; letter-spacing:-0.05em} 
#mylist{height:135px}
#pe_mypage .info_none{ min-height:224px}
#buylist{min-height:183px}
#login .menu {margin:25px auto 0 auto}
.login_bg{padding:10px 0 40px 0}
.pro_name {margin:0 10px}
.wd_l {width:65%}
.wd_s {width:48%}
.wd_ss {width:18.666%}
#confirm .top{ max-width:320px;}
#confirm .info{ max-width:320px;}
.article-B .thum,#view_major .article-B .thum{height:79px;}
.article-D .thum{height:162px;}
	}
	
@media (min-width:568px){
#news_view{border-bottom:1px solid #ddd;}
#news_view .bt-clear{ display:block}
.article-view{float:left; width:60%;border-right:1px solid #ddd; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#opinion{ float: right;width:40%;margin-bottom:0; border-bottom:none; position:relative; top:-1px }
#view_major.mlist li{ float:left; width:23.5%;}
#view_major.mlist ul:last-child{}
.article-B .thum{height:148px;}

#university{border-top:1px solid #ddd}
#main section:nth-child(1){width:100%;}
#main section:nth-child(2){ float:left; width:50%;}
#main section:nth-child(3){ float:right; width:50%;}
#main section:nth-child(4){ float:left; width:50%;}
#main section:nth-child(5){ float:right; width:50%;}
#main section:nth-child(6){ float:left; width:100%;}
	}