@import url('//fonts.googleapis.com/css?family=Noto+Serif+KR:300,400,500,600,900&display=swap');
@import url('//fonts.googleapis.com/css?family=Poor+Story&display=swap');

/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle; outline:none; resize:none;}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none; min-width:320px; width: 100%; }
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] { -webkit-appearance:none; /*border-radius:0*/ }
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] { -webkit-appearance:button; /*border-radius:0*/}
input[type='search']::-webkit-search-cancel-button { -webkit-appearance:none; }
body { background:#fff; min-width:320px; padding:0; margin:0; }
body,th,td,input,select,textarea,button { font-family:'Malgun Gothic', '맑은 고딕', 'Noto Sans KR', sans-serif; font-weight:400; font-size:14px; color:#555; letter-spacing:-0.04em; }
legend{ display:block;position:absolute; top:-9999px; left:-9999px; width:1px;height:1px;overflow:hidden;font-size:0; line-height:0; text-indent:-9999px}
a {color:#222;text-decoration:none}
a:active, a:hover {text-decoration:none}
/*address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal}*/
select/*, input*/ {border:1px solid #ddd; padding:5px 5px 8px; font-size:14px; color:#555; background:#fff; }
textarea {border:1px solid #ddd;}
select[disabled=disabled] { background:#ddd; color:#bbb; }
h1, h2, h3, h4, h5, h6, p { margin:0; }

/* skip */
#skip-navi {position:relative; width:100%;  z-index:99999;}
#skip-navi a{position:absolute; top:-100px; left:0; width:100%; border-bottom:1px solid #000; text-align:center; padding:8px 0; background:#fff; color:#222 }
#skip-navi a:focus {top:0; text-decoration:none; cursor:pointer; *zoom:1}

/* 공통 */
#wrap { width:100%; position:relative; min-width:1280px; }
#wrap > div { min-height:1350px; }
#wrap #polyMain { min-height:980px; }
.thum { background-image:url(//img.dongascience.com/polymath/2019new/images/thum.jpg); background-repeat:no-repeat; background-position:center; background-size:100% }
.thum img { background:#fff; }
.liNoData { width:calc(80% - 4px) !important; background:#f9f9f9; font-size:24px; font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; padding:80px 10%; color:#777; text-align:center; border:2px solid #eee; border-radius:20px; }

/* 레벨 */
.level.lv1 { background:url(//img.dongascience.com/polymath/2019new/images/icon_level1.png) no-repeat 0 !important; background-size:100% !important; }
.level.lv2 { background:url(//img.dongascience.com/polymath/2019new/images/icon_level2.png) no-repeat 0 !important; background-size:100% !important; }
.level.lv3 { background:url(//img.dongascience.com/polymath/2019new/images/icon_level3.png) no-repeat 0 !important; background-size:100% !important; }
.level.lv4 { background:url(//img.dongascience.com/polymath/2019new/images/icon_level4.png) no-repeat 0 !important; background-size:100% !important; }
.level.lv5 { background:url(//img.dongascience.com/polymath/2019new/images/icon_level5.png) no-repeat 0 !important; background-size:100% !important; }
.level.lv6 { background:url(//img.dongascience.com/polymath/2019new/images/icon_level6.png) no-repeat 0 !important; background-size:100% !important; }
.level.lv7 { background:url(//img.dongascience.com/polymath/2019new/images/icon_level7.png) no-repeat 0 !important; background-size:100% !important; }
.level.lv8 { background:url(//img.dongascience.com/polymath/2019new/images/icon_level8.png) no-repeat 0 !important; background-size:100% !important; }
.level.lv9 { background:url(//img.dongascience.com/polymath/2019new/images/icon_level9.png) no-repeat 0 !important; background-size:100% !important; }
.level.lv10 { background:url(//img.dongascience.com/polymath/2019new/images/icon_level10.png) no-repeat 0 !important; background-size:100% !important; }
.level.lv11 { background:url(//img.dongascience.com/polymath/2019new/images/icon_level11.png) no-repeat 0 !important; background-size:100% !important; color:#ff5454 !important; }
.level.lv12 { background:url(//img.dongascience.com/polymath/2019new/images/icon_level12.png) no-repeat 0 !important; background-size:100% !important; color:#ff7c1a !important; }
.level.lv13 { background:url(//img.dongascience.com/polymath/2019new/images/icon_level13.png) no-repeat 0 !important; background-size:100% !important; color:#eb9e00 !important; }
.level.lv14 { background:url(//img.dongascience.com/polymath/2019new/images/icon_level14.png) no-repeat 0 !important; background-size:100% !important; color:#47b300 !important; }
.level.lv15 { background:url(//img.dongascience.com/polymath/2019new/images/icon_level15.png) no-repeat 0 !important; background-size:100% !important; color:#1fabee !important; }

/* -------------- 헤더 -------------- */
#header { position:relative; display:block; width:100%; }
#header .headerWrap { height:130px; min-width:320px; max-width:1240px; margin:0 auto; padding:0 30px; overflow:hidden; }
#header #logo { float:left; }
#header #logo a{ background:url(//img.dongascience.com/polymath/2019new/images/logo.png) no-repeat; width:265px; height:82px; margin-top:26px; text-indent:-9999px; background-size:100%; display:block; }
#header .headerInner{ float:right; margin-top:60px; display:block; }
#header #navi { display:block; float:left; }
#header #navi > ul > li { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR', sans-serif; font-size:24px; float:left; /*margin-right:70px;*/ }
#header #navi > ul > li:hover:after { content:''; width:15px; height:15px; background:#f05d5d; display:block; margin:0 auto; margin-top:7px; border-radius:7.5px; transition:all 0.5s; }
#header #navi > ul > li > a { padding:0 35px 45px; }
#header #navi > ul > li:hover > .twoDepWrap { height:290px; border-bottom:1px solid #222; transition:all 0.6s; }
#header #navi > ul > li:nth-child(4):before { content:'NEW'; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR', sans-serif; position:absolute; margin:-16px 0 0 84px; font-size:14px; color:#ff4d4d; font-weight:600; letter-spacing:0.15em; }
#header #navi .twoDepWrap { height:0; position:absolute; z-index:100; top:130px; width:100%; left:0; right:0; background:#f9f9f9; overflow:hidden; box-sizing:border-box; }
#header #navi .twoDepWrap .backBg { position:absolute; left:0; top:0; background:#fff; width:50%; height:100%; z-index:100;}
#header #navi .twoDepWrap .depInner { position:relative; width:100%; height:100%; border-top:1px solid #dbdbdb; z-index:101; }
#header #navi .twoDepWrap .twoDepArea { max-width:1240px; height:100%; margin:0 auto; line-height:1; z-index:101; }
#header #navi .twoDepWrap .twoDepArea .twoDepTit { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; width:234px; height:calc(100% - 45px); background:#fff; display:block; float:left;padding-top:35px; font-size:25px; color:#222; font-weight:bold;}
#header #navi .twoDepWrap .twoDepArea .twoDepTit p { color:#999; font-weight:normal; margin:15px 30px 0 0; line-height:1.35em; font-size:18px; letter-spacing:0em; }
#header #navi .twoDepWrap .twoDepArea .twoDep { width:calc(100% - 235px); height:calc(100% - 35px); background:#f9f9f9; padding-top:35px; float:left; border-left:1px solid #eaeaea; }
#header #navi .twoDepWrap .twoDep > li { width:calc(25% - 45px); float:left; display:block; overflow:hidden; font-size:/*20*/18px; margin-left:45px; }
#header #navi > ul > li:nth-child(3) .twoDepWrap .twoDep > li{ margin-bottom:50px; }
#header #navi .twoDepWrap .twoDep > li .menu { display:block; width:100%; margin-bottom:15px; padding-left:16px; background:url(//img.dongascience.com/polymath/2019new/images/gnb_twodepth.png) no-repeat 0; }
#header #navi .twoDepWrap .twoDep > li .menu:hover { background:url(//img.dongascience.com/polymath/2019new/images/gnb_twodepth_on.png) no-repeat 0 ; }
#header #navi .twoDepWrap .twoDep .thrDep > li { margin-bottom:10px; }
#header #navi .twoDepWrap .twoDep .thrDep > li a { font-size:15px; color:#777; font-family:'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; margin-left:16px; }
#header #navi a:hover, #header #navi > ul > li:hover > a,  #header #navi .twoDepWrap .twoDep .thrDep > li a:hover { color:#f05d5d; }

#header #searchPoly { display:block; float:right;}
#header #searchPoly .searchBtn { background:#fff url(//img.dongascience.com/polymath/2019new/images/icon_search.png) no-repeat center; border-radius:27.5px; width:55px; height:55px; margin-top:-15px; text-indent:-9999px; background-size:30px; display:block; }
#header #searchPoly.on .searchBtn { background-color:#ffe67a; }
#header #searchPoly .searchWrap { display:none; position:absolute; left:0; top:130px; width:100%; z-index:100; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; }
#header #searchPoly.on .searchWrap { display:block; }
#header #searchPoly .searchWrap .dimmed{ width:100%; height:100vh; background:rgba(0,0,0,0.5); }
#header #searchPoly .searchWrap .scInner{ position:absolute; width:100%; height:195px; top:0; left:0; right:0; bottom:0; background:#ffe67a; }
#header #searchPoly .searchWrap .scInner .scArea { max-width:1240px; margin:0 auto; }
#header #searchPoly .searchWrap .scInner .scArea .scInput { max-width:50%; min-width:200px; margin:0 auto; background:#fff; margin-top:40px; border-radius:5px; padding:5px; display:block; overflow:hidden;}
#header #searchPoly .searchWrap .scInner .scArea .scInput input { width:calc(90% - 50px); float:left; border:0; height:45px; padding-left:20px; font-size:22px; color:#555; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; letter-spacing:0; margin:1.2% 0 0; }
#header #searchPoly .searchWrap .scInner .scArea .scInput input::-ms-input-placeholder { color: #aaa; }
#header #searchPoly .searchWrap .scInner .scArea .scInput input::-webkit-input-placeholder { color: #aaa; }
#header #searchPoly .searchWrap .scInner .scArea .scInput input::-moz-placeholder { color: #aaa; }
#header #searchPoly .searchWrap .scInner .scArea .scBtn { display:block; float:right; width:50px; height:58px; background:url(//img.dongascience.com/polymath/2019new/images/icon_search.png) no-repeat center; text-indent:-9999px; cursor:pointer; }
#header #searchPoly .searchWrap .scInner .scArea .recommend { display:block; overflow:hidden; text-align:center; margin-top:15px; }
#header #searchPoly .searchWrap .scInner .scArea .recommend .tit { font-size:15px; color:#fff; background:#222; width:100px; height:30px; line-height:30px; border-radius:15px; display:inline-block; margin-right:15px; }
#header #searchPoly .searchWrap .scInner .scArea .recommend .recList { font-size:15px; display:inline-block; vertical-align:middle; }
#header #searchPoly .searchWrap .scInner .scArea .recommend .recList li { font-size:17px; float:left; cursor:pointer; color:#222; }
#header #searchPoly .searchWrap .scInner .scArea .recommend .recList li:before { content:'|'; margin: 0 10px; color:rgba(0,0,0,0.2); }
#header #searchPoly .searchWrap .scInner .scArea .recommend .recList li:first-child:before { display:none; }
#header #searchPoly .searchWrap .scInner .scArea .recommend .recList li:hover { color:#f05d5d; }

/* 모바일 메뉴 */
.menuBtn { position:absolute; display:none; top:35px; left:20px; width:43px; height:43px; /*top:14px; left:10px; width:32px; height:32px;*/ text-indent:-9999px; background:url(//img.dongascience.com/polymath/2019new/images/icon_menu.png) no-repeat center; background-size:100%; }
#mMenu { display:block; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; height:100vh; background:#fff; }
#mMenu .mMenuWrap { position:absolute; width:100%; top:0px; left:0; background:#fff; z-index:1000000;}
#mMenu .menuTop { height:60px; position:relative; }
#mMenu .menuTop .homeBtn { width:60px; height:60px; display:block; overflow:hidden; float:left; cursor:pointer; background:url(//img.dongascience.com/polymath/2019new/images/icon_home.png) no-repeat center; text-indent:-9999px; background-size:45px }
#mMenu .menuTop .logoutBtn { display:block; float:left; border:1px solid #ddd; height:30px; line-height:30px; width:60px; text-align:center; margin:14px 0 0 10px; border-radius:5px; color:#777; }
#mMenu .menuTop .appPush { position:absolute; right:70px; top:15px; }
#mMenu .menuTop .appPush .txt { display:block; float:left; margin:5px 5px 0 0; }
#mMenu .menuTop .appPush .pushBtn { width:60px; height:30px; display:inline-block; text-indent:-9999px; cursor:pointer; }
#mMenu .menuTop .appPush .pushBtn.on { background:url(//img.dongascience.com/polymath/2019new/images/app_on.png) no-repeat; background-size:100%; }
#mMenu .menuTop .appPush .pushBtn.off { background:url(//img.dongascience.com/polymath/2019new/images/app_off.png) no-repeat; background-size:100%;}

#mMenu .menuTop .closeBtn { position:absolute; top:0; right:0; width:60px; height:60px; display:block; overflow:hidden; border-left:1px solid #ddd; cursor:pointer; background:url(//img.dongascience.com/polymath/2019new/images/icon_close2.png) no-repeat center; text-indent:-9999px; }
#mMenu .myCont { background:#042156; padding:20px; color:#fff; display:block; overflow:hidden; }
#mMenu .myCont .profile { display:block; overflow:hidden; }
#mMenu .myCont .profile .info { float:left; width:calc(100% - 120px); margin-left:25px; }
#mMenu .myCont .profile .nickname { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:18px; margin:10px 0; }
#mMenu .myCont .profile .txt { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:18px; margin:10px 0; margin-top:25px; }
#mMenu .myCont .profile .polyPt { background:#fff; float:left; padding:0 10px; height:28px; color:#222; border-radius:14px; line-height:28px; font-weight:bold; font-size:12px;  }
#mMenu .myCont .profile .photoArea { position:relative; width:80px; height:80px; display:block; float:left; }
#mMenu .myCont .profile .photoArea .photo { position:relative; width:80px; height:80px; background:url(//img.dongascience.com/polymath/2019new/images/profile_none.png) no-repeat; background-size:100%; border-radius:100%; overflow:hidden; }
#mMenu .myCont .profile .photoArea .photo img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; background:#fff; }
#mMenu .myCont .profile .level { position:absolute; bottom:0; right:50%; margin-right:-55px; width:45px; height:45px; background:url(//img.dongascience.com/polymath/2019new/images/icon_level1.png) no-repeat 0; font-size:15px; color:#fff; font-weight:bold; line-height:45px; letter-spacing:-0.1em; text-align:center; }
#mMenu .myCont .profile .level span { font-size:20px; }
#mMenu .myCont .linkArea { width:100%; text-align:left; border:1px solid #24437a; border-radius:5px; display:block; overflow:hidden; margin-top:10px }
#mMenu .myCont .linkArea .loginBtn { width:calc(100% - 30px); float:left; color:#afccff; font-size:15px; display:block; overflow:hidden; padding:0 15px; height:36px; line-height:36px; background:url(//img.dongascience.com/polymath/2019new/images/icon_side_arrow.png) no-repeat 95% center; background-size:7px 14px; }
#mMenu .mMenuInner { width:100%; }
#mMenu .linkInner { position:relative; background:#01163e; width:100%; display:block; overflow:hidden; text-align:center; padding:18px 0; }
#mMenu .linkInner a { padding:0 5%; color:#afccff; display:inline-block; border-right:1px solid #364d78; }
#mMenu .linkInner a:last-child { border-right:0; }

#mMenu .mMenuInner .oneDepArea { position:relative; }
#mMenu .mMenuInner .oneDepArea .giftBtn { position:absolute; top:15px; left:115px; padding:5px 10px; border-radius:30px; background:rgba(0,0,0,0.25); color:#fff; font-size:13px; letter-spacing:-0.07em; }
#mMenu .mMenuInner .oneDepArea .giftBtn:before { content:''; width:20px; height:18px; background:url(//img.dongascience.com/polymath/2019new/images/icon_gift.png) no-repeat; background-size:100%; display:block; float:left; margin-right:3px; }
#mMenu .mMenuInner .oneDepArea .oneDep { font-size:17px; color:#222; padding:15px 20px; width:calc(100% - 40px); display:block; font-weight:bold; border-top:1px solid #eee; background:#fff url(//img.dongascience.com/polymath/2019new/images/m_menu_off.png) no-repeat; background-size:20px; background-position:97% center; }
#mMenu .mMenuInner .oneDepArea:last-child { border-bottom:1px solid #eee;}
#mMenu .mMenuInner .oneDepArea:first-child > a { border-top:0; }
#mMenu .mMenuInner .twoDepArea { display:none; }
#mMenu .mMenuInner .twoDepArea .twoDep { padding:10px 20px; width:calc(100% - 40px); font-size:15px; color:#555; border-top:1px solid #eee; display:block; background:#f4f4f4 url(//img.dongascience.com/polymath/2019new/images/m_menu2_off.png) no-repeat; background-size:20px; background-position:97% center; }
#mMenu .mMenuInner .oneDepArea:nth-child(1) .twoDepArea:nth-child(3) .twoDep, #mMenu .mMenuInner .oneDepArea:nth-child(1) .twoDepArea:nth-child(4) .twoDep,  #mMenu .mMenuInner .oneDepArea:nth-child(3) .twoDepArea:nth-child(4) .twoDep, #mMenu .mMenuInner .oneDepArea:nth-child(4) .twoDepArea:nth-child(1) .twoDep, #mMenu .mMenuInner .oneDepArea:nth-child(4) .twoDepArea:nth-child(2) .twoDep, #mMenu .mMenuInner .oneDepArea:nth-child(4) .twoDepArea:nth-child(5) .twoDep, #mMenu .mMenuInner .oneDepArea:nth-child(5) .twoDepArea:nth-child(4) .twoDep { padding:10px 20px; width:calc(100% - 40px); font-size:15px; color:#555; border-top:1px solid #eee; display:block; background:#f4f4f4; background-size:20px; background-position:97% center; }

#mMenu .mMenuInner .oneDepArea:nth-child(3) .twoDepArea:nth-child(1) .twoDep{   }


#mMenu .mMenuInner .thrDep { display:none; }
#mMenu .mMenuInner .thrDep > li { background:#fff; padding:0 20px; width:calc(100% - 40px); display:block; font-size:12px; }
#mMenu .mMenuInner .thrDep > li > a { border-bottom:1px solid #eee; display:block; padding:10px 10px; width:calc(100% - 20px); color:#777; background:url(//img.dongascience.com/polymath/2019new/images/btn_arrow_next.png) no-repeat 0; background-size:3.5px 6px;  }
#mMenu .mMenuInner .thrDep > li:last-child > a { border-bottom:0; }
#mMenu .mMenuInner .oneDepArea.on .oneDep { background-color:#ffe67a; background-image:url(//img.dongascience.com/polymath/2019new/images/m_menu_on.png); }
#mMenu .mMenuInner .oneDepArea.on .twoDepArea { display:block; }
#mMenu .mMenuInner .oneDepArea.on .twoDepArea.on > a { display:block; color:#062b70; background:#f4f4f4 url(//img.dongascience.com/polymath/2019new/images/m_menu2_on.png) no-repeat; background-size:20px; background-position:97% center;}
#mMenu .mMenuInner .oneDepArea.on .twoDep, #mMenu .mMenuInner .oneDepArea.on .twoDepArea.on .thrDep { display:block; }

/* 모바일 메뉴 > 팝업 */
#mMenu .mMpPop { margin-top:10px; }
#mMenu .mMpPop .conInner { width:300px; border-radius:5px; background:#f9f9f9; border:7px solid #fff; box-sizing:border-box; margin:0 auto; text-align:center; padding:30px 0; }
#mMenu .mMpPop .conInner .popTit { font-size:26px; color:#222; margin-bottom:20px; }
#mMenu .mMpPop .conInner .popTit strong { color:#ff4d4d; }
#mMenu .mMpPop .conInner .popTxt { font-size:15px; margin-bottom:30px; }
#mMenu .mMpPop .conInner .popTxt span { text-decoration:underline; }
#mMenu .mMpPop .conInner .popInBtn { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; width:150px; height:40px; background:#ff4d4d; color:#fff; font-size:16px; line-height:38px; border-radius:5px; display:block; margin:0 auto; }
#mMenu .mMpPop .conInner .popInBtn.orderBtn { background:#062b70; margin-top:5px; }
#mMenu #mpJoin .mMpPop .conInner .popTit:before, #mMenu #mpOrder .mMpPop .conInner .popTit:before { content:''; width:102px; height:25px; background:url(//img.dongascience.com/polymath/2019new/images/logo_press.png) no-repeat 0; background-size:100%; margin:0 auto; margin-bottom:20px; display:block; }
#mMenu .mPopBtn { margin-top:20px; text-align:center; }
#mMenu .mPopBtn .popBtn { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; width:110px; height:39px; border:2px solid #fff; font-size:18px; color:#fff; text-align:center; margin:0 5px; border-radius:5px; line-height:39px; display:inline-block; cursor:pointer; }

/* 모바일 로그인 */
.mLogin a { display:none; position:absolute; top:14px; right:10px; width:32px; height:32px; text-indent:-9999px; }
.mLogin .loginBtn { background:url(//img.dongascience.com/polymath/2019new/images/icon_login.png) no-repeat 0; background-size:100%; }
.mLogin .logoutBtn { background:url(//img.dongascience.com/polymath/2019new/images/icon_logout.png) no-repeat 0; background-size:100%; }

/* 유틸 마이페이지 알람 */
.headerMyPageLi { position:relative;}
.headerLatestPush { display:none; position:absolute; background-color:#fff; border:1px solid #042156; width:260px; /*height:200px;*/ right:-60px; z-index:1; border-radius:10px; top:40px; font-size:13px; }
.headerLatestPush .ico_arrow{ width:15px; height:10px; position:absolute; top:-10px; left:50%; margin-left:-7.5px; background:url(//img.dongascience.com/polymath/2019new/images/ico_arrow.png) no-repeat;}
.headerLatestPush .panel_header{padding: 10px 20px 5px 20px;}
.headerLatestPush .panel_body{clear:both;padding: 0 20px  20px 20px;}
.headerLatestPush  .btn_ok { position:absolute; right:20px; bottom:20px; background:#042156; font-size:13px; color:#fff; padding:0 10px; font-weight:bold; height:35px; border-radius:3px; margin-top:-14px; }
.headerLatestPush .panel_header .badgePushNew:empty:before { content:'NEW'; font-weight:bold; }
.headerLatestPush .panel_header .badgePushNew { display:inline-block; color:#ff4d4d; float:left; }
.headerLatestPush .btn_close { float: right; padding-left:16px;}
.msg_contents{ display:block; width:160px; line-height:1.5; word-break: keep-all}
#ds_common .push_count { display:inline-block; text-align:center; vertical-align:middle; width:18px; height:18px; line-height:16px; background-color:#ff4d4d; border-radius:50%; color:#ffffff; }

/* -------------- 푸터 -------------- */
#footer {background:#fbfbfb; border-top:1px solid #ebebeb; padding:30px 0 30px 0;font-size:13px; position:relative; }
#footer .area { max-width:1240px; padding:0 30px; margin:0 auto; }
#footer .area:after{ clear:both; content:""; display:block}
#footer .area .infoArea { float:left; width:80%; }
#footer .logo{ float:left; margin-right:30px}
#footer .logo a{ position:relative; z-index:10; display:block; width:116px; height:24px; background:url(//img.dongascience.com/news2015/images/common/dslogo_footer.png) center top no-repeat; text-indent:-1000px;}
#footer .ftTxt {color:#666; font-size:12px;letter-spacing:0; margin-top:15px; line-height:18px; display:block;}
#footer .ftLink { position:relative; padding-top:5px; font-weight:bold; color:#222;}
#footer .ftLink span a { font-weight:bold; }
#footer .ftLink span:after { content:''; border-left:1px solid #ccc; font-size:5px; margin: 0 10px 0 15px; }
#footer .ftLink span:last-child:after{border:0;}
#footer .area .logo_spon{ float:right; width:20%; font-size:11px; color:#999; word-break:keep-all; text-align:right; }
#footer .logo_spon span { display:block; width:75%; margin:10px 0; float:right; }
#footer .logo_spon span img{width:100%; height:auto}
#footer .logo_spon p { float:right; display:block; overflow:hidden; }

/*  -------------- 우측 사이드메뉴 -------------- */
#polyMain #sideCont { top:61px; }
#sideCont { position:absolute; top:340px; left:50%; margin-left:420px; display: block; overflow:hidden; z-index:20; }
#sideCont .sideWrap { width:200px; line-height:0;}
#sideCont .sideWrap > div { display:block; overflow:hidden; margin-bottom:10px;}
#sideCont img { border-radius:5px; }
#sideCont .coverLink { width:100%; height:265px; }
#sideCont .coverLink img { width:100%; height:100%; }
#sideCont .sideMenu { display:block; border-radius:5px; min-height:100px; overflow:hidden; }
#sideCont .sideMenu img { border-radius:0;}
#sideCont .orderLink a { display:block; height:73px; background:#fff url(//img.dongascience.com/polymath/2019new/images/side_order.jpg) no-repeat center; border:1px solid #b7e3ea; border-bottom:1px solid #f1f1f1; text-indent:-9999px; border-radius:5px 5px 0 0; }
#sideCont .memberLink a { display:block; height:108px; width:calc(50% - 2px); background:#fff url(//img.dongascience.com/polymath/2019new/images/side_member.jpg) no-repeat center; border-left:1px solid #b7e3ea; border-right:1px solid #f1f1f1; text-indent:-9999px; float:left; }
#sideCont .helpLink a { display:block; height:108px; width:calc(50% - 1px); background:#fff url(//img.dongascience.com/polymath/2019new/images/side_help.jpg) no-repeat center;  border-right:1px solid #b7e3ea; text-indent:-9999px; float:left; }
#sideCont .sideLink > div:first-child { margin-bottom:10px; }
#sideCont .adBanner { border:1px solid #e2e2e2; border-radius:5px; }
#sideCont .adBanner img { width:100%; }
/* 탭 없는 메뉴 */
#giftPang #sideCont, .newsWrap #sideCont, .mathTvWrap #sideCont, .noTab #sideCont { top:256px; }

/*  -------------- 좌측 마이정보 -------------- */
#myInfo {position:absolute; top:61px; left:0; z-index:30; }
#myInfo .myBtn { position:absolute; top:0; right:-80px; width:80px; height:115px; background:#062b70; border-radius:0 5px 5px 0; text-align:center; color:#fff; font-size:15px; overflow:hidden; cursor:pointer; }
#myInfo .myBtn .open { display:none; background:url(//img.dongascience.com/polymath/2019new/images/icon_side_myinfo.png) no-repeat center 30%; padding-top:70px; background-size:38px 45px; height:45px; }
#myInfo .myBtn .close { display:block; background:url(//img.dongascience.com/polymath/2019new/images/icon_close.png) no-repeat center 30%; padding-top:70px; background-size:38px 45px; height:45px; }
#myInfo .myCont { width:auto; }
#myInfo .myCont .profile { position:relative; background:#042156; /*padding:25px 30px 30px;*/ color:#fff; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; text-align:center; float:left; width:270px; height:330px; display:block; overflow:hidden; }
#myInfo .myCont .profile .info { position:relative; margin-bottom:12px; display:block; }
#myInfo .myCont .profile .photo { width:115px; height:115px; border-radius:57.5px; margin:0 auto; position:relative; overflow:hidden; background:url(//img.dongascience.com/polymath/2019new/images/profile_none.png) no-repeat; background-size:100%; margin-top:25px; }
#myInfo .myCont .profile .photo img { position:absolute; width:100%; top:0; left:0; right:0; min-height:100%; background:#fff; }
#myInfo .myCont .profile .level { position:absolute; bottom:-3px; right:50%; margin-right:-80px; width:65px; height:65px; background:url(//img.dongascience.com/polymath/2019new/images/icon_level1.png) no-repeat 0; font-size:20px; color:#fff/*061838*/; font-weight:bold; line-height:70px; letter-spacing:-0.1em; }
#myInfo .myCont .profile .level span { font-size:30px; font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; }
#myInfo .myCont .profile .nickname { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:22px; margin-bottom:6px; }
#myInfo .myCont .profile .polyPt { background:#fff; width:85%; margin:0 auto; height:30px; color:#222; border-radius:15px; line-height:30px; margin-bottom:25px; font-weight:bold; }
#myInfo .myCont .profile .linkArea { width:210px; text-align:left; border:1px solid #24437a; border-radius:5px; display:block; overflow:hidden; margin:0 auto;}
#myInfo .myCont .profile .linkArea a { color:#afccff; font-size:14px; display:block; overflow:hidden; padding:0 20px; border-bottom:1px solid #24437a; height:34px; line-height:34px; background:url(//img.dongascience.com/polymath/2019new/images/icon_side_arrow.png) no-repeat 93% center; background-size:7px 13px; }
#myInfo .myCont .profile .linkArea a:last-child { border-bottom:0; }
#myInfo .myCont .profile .linkArea a:hover { background-color:rgba(0,0,0,0.3); transition:all 0.5s; }
#myInfo .myCont .profile .linkInner {position:absolute; bottom:0; left:0; right:0;  background:#01163e; color:#fff; }
#myInfo .myCont .profile .linkInner a { color:#afccff; display:inline-block; width:32%; padding:15px 0; line-height:1.45em; }
#myInfo .myCont .profile .linkInner a:hover { background:#010f30; }
#myInfo .myCont .profile .linkInner a:after { content:''; display:block; background:url(//img.dongascience.com/polymath/2019new/images/icon_side_arrow.png) no-repeat; width:7px; height:13px; margin:0 auto; background-size:100%; margin-top:10px; }
#myInfo .myCont .myList { padding:30px; background:#fff; border:2px solid #042156; border-left:0; height:266px; width:630px; float:left; overflow:hidden; }
#myInfo .myCont .myList .tab { display:block; overflow:hidden; margin:9px 0 0; }
#myInfo .myCont .myList .tab > div { color:#555; font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; text-align:center; margin:0 auto; float:left; margin-bottom:20px; cursor:pointer; font-size:22px; border-right:1px solid #dedede; margin-right:20px; padding-right:20px; }
#myInfo .myCont .myList .tab > div:hover { text-decoration:underline; }
#myInfo .myCont .myList .tab > div:last-child { border:0; }
#myInfo .myCont .myList .tab > div.on {color:#f05d5d; }
#myInfo .myCont .myList .liNoData { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; width:100%; margin:0; font-size:28px; color:#aaa; text-align:center; height:146px; line-height:143px; padding:0 10%; }
#myInfo .myCont .myList .tabCont1,#myInfo .myCont .myList .tabCont2 { height:150px; }
#myInfo .coverLi ul { display:block; overflow:hidden; max-height:168.75px; }
#myInfo .coverLi ul li { width:200px; overflow:hidden; display:block; border-radius:5px; margin-right:15px; float:left; }
#myInfo .coverLi ul li:nth-child(3n) { margin-right:0; }
#myInfo .coverLi ul li .listGroup .cont { height:110px; bottom:-25px; }
#myInfo .coverLi ul li:hover .cont { transform: translateY(-25px); } 
#myInfo .coverLi ul li .listGroup .cont h4 { padding:0 20px; margin:20px 0; -webkit-line-clamp:2; height:2.8em; }
#myInfo .coverLi .articleMark { left:auto; right:10px; }
#myInfo .controlArea { display:block; overflow: hidden; position:relative; padding-top:10px; width:100%; }
#myInfo .controlArea .liDel a { float:left; font-size:20px; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; color:#777; margin-top:15px; background:url(//img.dongascience.com/polymath/2019new/images/icon_del.png) no-repeat 0; display:block; padding-left:20px; }
#myInfo .controlArea .control { float:right; }
#myInfo .noData { width:210px; font-size:15px; line-height:1.5em; margin:15px auto 0; }
#myInfo .coverLi ul li .listGroup .cont .info .name { width:calc(100% - 50px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }

/*  -------------- 리스트 -------------- */
/* 리스트 갤러리형 */
.listDiv_4 { width:100%; position:relative; display: block; overflow:hidden; }
.listDiv_4 li { position:relative; width:23.5%; margin-right:2%; margin-bottom:2%; display:block; overflow:hidden; float:left; }
.listDiv_4 li:nth-child(4n) { margin-right:0; }
.listDiv_4 li .thum { position:relative; padding-top:75%; overflow:hidden; }
.listDiv_4 li .thum .mask { border-radius:5px 5px 0 0; }
.listDiv_4 li .thum .thumImg img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; border-radius:5px 5px 0 0; }
.listDiv_4 li .cont { width:100%; height:110px; border:1px solid #dedede; box-sizing:border-box; padding:16px 20px; border-radius:0 0 5px 5px; border-top:0; background:#fff; overflow:hidden; }
.listDiv_4 li .cont h4 { font-size:17px; overflow:hidden; letter-spacing:-0.05em; margin:0 0 10px 0; font-weight:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.4em; height: 2.6em;/*1.3em * 2*/ }
.listDiv_4 li .cont .info { display:block; overflow:hidden; }
.listDiv_4 li .cont h4:hover, .listDiv_4 li .cont .info a:hover{ text-decoration:underline; }
.listDiv_4 .completeLabel > div { left:50%; margin-left:-37.5px; }
.listDiv_4 li .listSelect { position:absolute; top:10px; left:10px; width:18px; height:18px; background:#fff; z-index:25; }
#polyMain .listDiv_4 li { margin-bottom:0; }
/* 기사태그형 */
.listDiv_4.articleDiv .thumImg .tagBg { position:absolute; bottom:0; width:100%; height:60px; background:url(//img.dongascience.com/polymath/2019new/images/bg_tag.png) repeat-x bottom; }
.listDiv_4.articleDiv .thum .tag { position:absolute; bottom:0; }
.listDiv_4.articleDiv .thum .tag .tagInner { position:relative; margin:0 0 15px 10px; width:calc(100% - 30px); line-height:1.2em; height:1.2em; overflow:hidden; z-index:20; }
.listDiv_4.articleDiv .thum .tag a { color:#fff; font-size:14px; display:inline-block; margin-right:7px; }
.listDiv_4.articleDiv .thum .tag a:hover { text-decoration:underline; }

/* 리스트 갤러리형2 */
.coverLi ul li { position:relative; z-index:1; }
.coverLi ul li a { display:block; }
.coverLi ul li .listGroup { position:relative; padding-top:75%; overflow:hidden; }
.coverLi ul li .listGroup .thum img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; border-radius:5px; }
.coverLi ul li .listGroup .thum .thumImg { position:relative; }
.coverLi ul li .listGroup .cont { position:absolute; height:130px; bottom:-50px; width:100%; background:rgba(0,0,0,0.7); z-index:15; }
.coverLi ul li:hover .cont { transform: translateY(-50px); transition:all 0.5s; } 
.coverLi ul li .listGroup .cont h3 { font-size:14px; color:#3cdae6; text-decoration:underline; margin-bottom:3px; font-weight:normal; padding:20px 20px 0 20px; }
.coverLi ul li .listGroup .cont h4 { color:#fff; font-size:17px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em; height:1.4em; letter-spacing:-0.07em; margin-bottom:5px; padding:0 20px;}
.coverLi ul li:hover .listGroup .cont h4 { -webkit-line-clamp:2; height:2.8em; overflow:hidden; }
.coverLi ul li .listGroup .cont .info { display:none; position:absolute; bottom:15px; left:20px; width:calc(100% - 40px); overflow:hidden; }
.coverLi ul li:hover .listGroup .cont .info { display:block; }
.coverLi ul li .listGroup .cont .info .re .reIcon { background:url(//img.dongascience.com/polymath/2019new/images/icon_re_white.png) no-repeat 0; }
.coverLi ul li .listGroup .cont .info .re { color:#fff; }
.coverLi ul li .listGroup .cont .info .name { color:#fff; letter-spacing:-0.1em; }
.coverLi ul li .listGroup .cont .info a:hover { z-index:20; text-decoration:underline; }
.coverLi ul li .listSelect { position:absolute; top:10px; left:10px; width:18px; height:18px; background:#fff; z-index:25; }
/* 리스트 이미지 게시판 */
.imgLiType ul li { position:relative; display:block; overflow:hidden; padding:30px 0; border-top:1px solid #dedede; }
.imgLiType ul li:last-child { border-bottom:1px solid #dedede; }
.imgLiType ul li a { display:block; }
.imgLiType ul li .thum { width:23.5%; float:left; }
.imgLiType ul li .thum .thumImg { position:relative; padding-top:75%; overflow:hidden; }
.imgLiType ul li .thum .thumImg .mask { border-radius:5px; }
.imgLiType ul li .thum .thumImg img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; border-radius:5px; }
.imgLiType ul li .cont { width:70.5%; margin:0 3%; display:block; float:left; }
.imgLiType ul li .cont h4 { font-size:30px; font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:3% 0 0 0; }
.imgLiType ul li .cont .txt { font-size:18px; color:#777; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.6em; height:3.2em; margin-top:1.5%; }
.imgLiType ul li .cont .info { margin-top:2%; }
.imgLiType ul li .cont .info .date { font-size:16px; color:#777; }
.imgLiType ul li .cont .info .date:before { content:''; display:inline-block; padding-left:12px; margin-left:10px;  border-left:1px solid #ddd; height:12px; }
/* 리스트 테이블형 */
.tableType { width:100%; }
.tableType  ul li { position:relative; display:table; overflow:hidden; padding:25px 0; border-top:1px solid #dedede; width:100%; }
.tableType  ul li:last-child { border-bottom:1px solid #dedede; }
.tableType  ul li > div { display:table-cell; vertical-align:middle; }
.tableType  ul li .numCount { width:8%; text-align:center; font-size:16px; color:#777;  }
.tableType  ul li .tit { width:auto/*59.5%*/; font-size:22px; }
.tableType  ul li .tit a { float:left; margin-right:10px; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em; height:1.4em; overflow:hidden; max-width:90%; }
.tableType  ul li .re { margin-top:3px; }
.tableType  ul li .infoCont { width:30%; text-align:right; font-size:16px; color:#777; padding-right:2%;  }
.tableType  ul li .infoCont a { color:#777; }
.tableType  ul li .infoCont > span:last-child:before { content:''; display:inline-block; border-left:1px solid #ddd; overflow:hidden; padding-left:13px; margin-left:9px; height:10px; }
.tableType  ul li .infoCont .name.mathdonga { width:77px; height:30px; background:url(//img.dongascience.com/polymath/2019new/images/name_logo.png) no-repeat center; background-size:100%; display:inline-block; text-indent:-999px; font-size:0; vertical-align:middle; cursor:default; }
.tableType .notiLi li { background-color:#fff4f4; }
.tableType .notiLi li:last-child { border-bottom:0; }
.tableType .notiLi.gallery li:last-child { border-bottom:1px solid #dedede; margin-bottom:30px; }
#myPage .tableType  ul li .category { width:18%; text-align:center; color:#00c1cf; padding:0 20px; }
#myPage .tableType.myWrite ul li .infoCont { width:12%; }
#myPage .tableType.myWrite ul li .infoCont > span:last-child:before { display:none; }
#myPage .opt { width:auto; }

/* 리스트 공통 */
.cont .re { color:#062b70; float:left; font-size:16px; font-weight:bold;}
.cont .re .reIcon { width:16px; height:15px; background:url(//img.dongascience.com/polymath/2019new/images/icon_re.png) no-repeat 0; text-indent:-9999px; display:block; float:left; margin-right:5px; margin-top:4px }
.cont .re.new .reIcon { background:url(//img.dongascience.com/polymath/2019new/images/icon_re_new.png) no-repeat 0 !important;  }
.cont .re.new { color:#ff4d4d !important; }
.cont .info .name { font-size:13px; color:#777; display:block; float:left; margin-top:2px; }
.cont .info .name:hever { text-decoration:underline; }
.cont .info .name:before { content: '';border-left:1px solid #ccc; font-weight:normal; font-size:12px; color:#aaa; margin:4px 6px 0px 8px; display:block; float:left; height:10px; }
.thum .mask { position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; height:auto; border:1px solid rgba(0,0,0,0.1); border-radius:5px; z-index:10; }
.people { position:absolute; bottom:5%; right:5%; background:rgba(0,0,0,0.75); padding:4px 10px 6px; color:#fff; border-radius:100px; font-size:14px; text-align:center; }
.people span { font-weight:bold; }
.zzim { position:absolute; top:10px; right:10px; width:30px; height:30px; border:1px solid #eee; border-radius:15px; text-indent:-9999px; background:#fff url(//img.dongascience.com/polymath/2019new/images/icon_zzim.png) no-repeat center 8px; background-size:18px 16px; z-index:30; cursor:pointer; }
.zzim.on { background:#fff url(//img.dongascience.com/polymath/2019new/images/icon_zzim_on.png) no-repeat center 8px; }
.articleDiv .zzim { background:#fff url(//img.dongascience.com/polymath/2019new/images/icon_zzim2.png) no-repeat center 6px; background-size:16px 18px; }
.articleDiv .zzim.on { background:#fff url(//img.dongascience.com/polymath/2019new/images/icon_zzim2_on.png) no-repeat center 6px; }
.completeLabel > div { position:absolute; top:0; width:75px; height:68px; background:url(//img.dongascience.com/polymath/2019new/images/icon_complete1.png) no-repeat; text-align:center; color:#fff; line-height:55px; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR', sans-serif; font-size:17px; letter-spacing:-0.07em; z-index:10; }
.coverLi .completeLabel > div, #polyMain .completeLabel > div { right:10px; width:60px; height:55px; background-size:100%; font-size:14px; line-height:47px; z-index:20; }
.completeLabel .all { background:url(//img.dongascience.com/polymath/2019new/images/icon_complete1.png) no-repeat; }
.completeLabel .part { background:url(//img.dongascience.com/polymath/2019new/images/icon_complete2.png) no-repeat; }
.completeLabel .challenge { background:url(//img.dongascience.com/polymath/2019new/images/icon_complete3.png) no-repeat; }
.completeLabel .wrong { background:url(//img.dongascience.com/polymath/2019new/images/icon_complete4.png) no-repeat; }
.articleMark { position:absolute; top:10px; left:10px; z-index:30; }
.articleMark > div { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; background:#fff; color:#00b3c0; font-size:13px; border:1px solid #00c1cf; height:20px; border-radius:10px; line-height:18px; padding:0 8px; box-sizing:border-box; font-weight:bold; }
.articleMark .best:before { content:''; width:14px; height:14px; background:url(//img.dongascience.com/polymath/2019new/images/icon_best.png) no-repeat; display:inline-block; margin-right:3px; vertical-align:text-bottom; }
.articleMark .popular:before { content:''; width:14px; height:14px; background:url(//img.dongascience.com/polymath/2019new/images/icon_popular.png) no-repeat; display:inline-block; margin-right:3px; vertical-align:text-bottom; }

/* 쓰기 */
#write_group.contBox { border:1px solid #dedede; }
#write_group.contBox > div { height:80px; padding:0; vertical-align:middle; }
#contWrite .writeTxt > div { display:table; width:100%; border-bottom:1px solid #e9e9e9; height:80px;  }
#contWrite .writeTxt > div .tit { width:20%; display:table-cell; vertical-align:middle; font-size:20px; padding-left:4%; color:#222; }
#contWrite .writeTxt > div .cont { width:80%; display:table-cell; vertical-align:middle; }
#contWrite .writeTxt > div:last-child { border-bottom:0; }
#contWrite .writeTxt .tagInput input { margin-top:15px; }
#contWrite .writeTxt > div .desc { display:block; padding:10px 10px 15px 0; color:#777; }
#contWrite .writeTxt .name .cont strong { font-weight:bold; font-size:22px; margin-right:20px;}
#contWrite .writeTxt .name .cont span { font-size:18px; color:#777;}
#contWrite .writeTxt .optWrite { width:50%; height:50px; border-radius:5px; font-size:18px;}
#contWrite .writeTxt .title input { width:90%; height:48px; border-radius:5px; border:1px solid #ddd; font-size:18px; padding-left:8px; }
#contWrite .btnInner { text-align:center; margin:40px 0; }
#contWrite .btnType2 { width:100px; }
#contWrite .btnType2.regist { border-color:#ff4d4d; color:#ff4d4d; margin-left:10px; }

/* -------------- 메인 -------------- */
#polyMain { display:block; overflow:hiddin; border-top:1px solid #dbdbdb;}
#polyMain .bgShape { position:relative; }
#polyMain .bgShape .quad{
    position:absolute; right:50%; margin-right:-800px; top:120px; width:80px; height:80px; background:url(//img.dongascience.com/polymath/2019new/images/bg_quad.png) no-repeat 0;
    animation:quad 10s infinite; -webkit-animation:quad 10s infinite; animation-direction:alternate; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out;
}
#polyMain .bgShape .triangle{
    position:absolute; left:50%; margin-left:-750px; top:550px; width:82px; height:72px; background:url(//img.dongascience.com/polymath/2019new/images/bg_triangle.png) no-repeat 0;
    animation:triangle 17s infinite; -webkit-animation:triangle 17s infinite; animation-timing-function:linear; -webkit-animation-timing-function:linear;
}
#polyMain .bgShape .circle{
    position:absolute; left:50%; margin-left:-770px; top:540px; width:50px; height:50px; background:url(//img.dongascience.com/polymath/2019new/images/bg_circle.png) no-repeat 0;
    animation:circle 2s infinite; -webkit-animation:circle 2s infinite; animation-timing-function:ease; -webkit-animation-timing-function:ease;
}
@keyframes quad{
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg);}
}
@-webkit-keyframes quad{
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg);}
}
@keyframes triangle{
	from { transform:rotate(0deg); }
	to { transform:rotate(-360deg);}
}
@-webkit-keyframes triangle{
	from { transform:rotate(0deg); }
	to { transform:rotate(-360deg);}
}
@keyframes circle{
    0% { opacity:0; top:350px; }
    50% { opacity:1; top:540px; }
    100% { opacity:0; top:350px; }
}
@-webkit-keyframes circle{
    0% { opacity:0; top:350px; }
    50% { opacity:1; top:540px; }
    100% { opacity:0; top:350px; }
}
#polyMain .mainSection1 { background:#f9f9f9; display:block; overflow:hidden; padding:60px 0; }
#polyMain .mainSection2 { background:#fff url(//img.dongascience.com/polymath/2019new/images/bg_main_cont2.png) repeat-x top center; display:block; overflow:hidden; padding:45px 0 60px }
#polyMain .mainSection3 { background:#f1f4fb url(//img.dongascience.com/polymath/2019new/images/bg_main_cont3.png) repeat-x top center; display:block; overflow:hidden; }

#polyMain .conTit { display:block; overflow:hidden; width:100%; margin-bottom:25px; }
#polyMain .conTit h2 { font-size:30px; font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; color:#222; float:left; line-height:1; }
#polyMain .conTit .titDesc { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; margin-left:20px; font-size:18px; color:#999; letter-spacing:0.2em; margin-top:5px; float:left; }
#polyMain .conTit .moreBtn { display:block; float:right; width:20px; height:20px; background:url(//img.dongascience.com/polymath/2019new/images/btn_more.png) no-repeat center; text-indent:-9999px; margin-top:7px; }
#polyMain .mainContWrap {  display:block; overflow:hidden; }
#polyMain .contArea  { width:100%; margin-bottom:65px; display:block; overflow:hidden; }
.contBox { width:100%; background:#fff; display:block; overflow:hidden; border:1px solid #dedede; border-radius:5px; box-sizing:border-box; /*height:150px;*/ }
.controlArea .control { width:95px; height:48px; border:1px solid rgba(0,0,0,0.15); border-radius:5px; box-sizing:border-box; }
.controlArea .control span { cursor:pointer; position:relative; display:block; float:left; width:50%; height:100%; text-indent:-9999px; left:auto; right:auto; top:auto; margin-top:0; }
.controlArea .control span:hover { background-color:rgba(0,0,0,0.1); transition:all 0.3s; }
.controlArea .control .prev { border-right:1px solid rgba(0,0,0,0.15); box-sizing:border-box; background:url(//img.dongascience.com/polymath/2019new/images/btn_arrow_prev.png) no-repeat center; }
.controlArea .control .next { background:url(//img.dongascience.com/polymath/2019new/images/btn_arrow_next.png) no-repeat center; }
/*.controlArea .control .swiper-button-prev.swiper-button-disabled { opacity:0.5; border-color:rgba(0,0,0,0.28); }*/
/* 메인배너 */
#polyMain .mainBanner { max-width:1000px; line-height:0; border-radius: 5px; position:relative; }
#polyMain .mainBanner .bannerWrap { width:100%; }
#polyMain .mainBanner .bannerWrap li { position:relative; }
#polyMain .mainBanner img { max-width:100%; height:auto; }
#polyMain .mainBanner .swiper-pagination { position:absolute; right:10px; bottom:10px; left:auto !important; width:auto !important; }
#polyMain .mainBanner .swiper-pagination-bullet-active { width:25px !important; background:#ffe67a !important; opacity:1 !important; }
#polyMain .mainBanner .swiper-pagination-bullet { width:11px; height:11px; background:#fff; border:1px solid rgba(0,0,0,0.5); opacity:0.5; border-radius:6.5px; margin:0 5px 0 0; display:block; float:left; }

/* 매스포터 */
#polyMain .mathporterCont, #polyMain .mathporterCont .mathporterDiv { display:block; overflow:hidden; }
#polyMain .mathporterCont .mathporterDiv .hotPickLi { width:49%; margin-right:2%; float:left; background:#fff; border:1px solid #dedede; border-radius:5px; box-sizing:border-box; padding:20px; }
#polyMain .mathporterCont .mathporterDiv .hotPickLi .cont { margin:7px 10px 1.75em; display:block; overflow:hidden; max-height:140px; }
#polyMain .mathporterCont .mathporterDiv .hotPickLi .cont .cate { font-size:22px; margin-bottom:0.5em; }
#polyMain .mathporterCont .mathporterDiv .hotPickLi .cont h4 { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:25px; margin-bottom:0.4em;; line-height:1.5em; height:3em; }
#polyMain .mathporterCont .mathporterDiv .hotPickLi .thum .tag .tagInner { bottom:15px; left:20px; width:calc(100% - 40px); line-height:1.2em; height:1.2em; overflow:hidden; }
#polyMain .mathporterCont .mathporterDiv .hotPickLi .thum .tag a { font-size:18px; margin-right:10px; }
#polyMain .mathporterCont .mathporterDiv .smallLi { width:23.5%; margin-right:2%; float:left; background:#fff; border:1px solid #dedede; border-radius:5px; box-sizing:border-box; }
#polyMain .mathporterCont .mathporterDiv .smallLi > div { padding:20px; max-height:191px; }
#polyMain .mathporterCont .mathporterDiv .smallLi > div:first-child { border-bottom:1px solid #dedede; }
#polyMain .mathporterCont .mathporterDiv .smallLi.popularLi { margin-right:0; float:right; }
#polyMain .mathporterCont .mathporterDiv .hotPickLi .cont .cate:before { content:''; width:16px; height:16px; background:url(//img.dongascience.com/polymath/2019new/images/icon_hotpick.png) no-repeat; display:inline-block; margin-right:5px; /*vertical-align:text-bottom;*/ }
#polyMain .mathporterCont .mathporterDiv .smallLi.bestLi .cont .cate:before { content:''; width:14px; height:14px; background:url(//img.dongascience.com/polymath/2019new/images/icon_best.png) no-repeat; display:inline-block; margin-right:5px; vertical-align:text-bottom; }
#polyMain .mathporterCont .mathporterDiv .smallLi.popularLi .cont .cate:before { content:''; width:14px; height:14px; background:url(//img.dongascience.com/polymath/2019new/images/icon_popular.png) no-repeat; display:inline-block; margin-right:5px; vertical-align:text-bottom; }
#polyMain .mathporterCont .mathporterDiv .cont .cate { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; color:#00adba; font-size:13px; margin-bottom:7px; line-height:1; letter-spacing:0.02em; }
#polyMain .mathporterCont .mathporterDiv .cont h4 { color:#222; font-size:17px; font-weight:normal; margin-bottom:0.9em; overflow:hidden; letter-spacing:-0.05em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.4em; height:2.8em; }
#polyMain .mathporterCont .mathporterDiv .thum { width:100%; position:relative; }
#polyMain .mathporterCont .mathporterDiv .thumImg { position:relative; padding-top:56.25%; overflow:hidden; border-radius:5px; }
#polyMain .mathporterCont .mathporterDiv .thumImg img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; }
#polyMain .mathporterCont .mathporterDiv .thumImg .tagBg { position:absolute; bottom:0; width:100%; height:60px; background:url(//img.dongascience.com/polymath/2019new/images/bg_tag.png) repeat-x bottom; }
#polyMain .mathporterCont .mathporterDiv .thum .tag .tagInner { position:absolute; bottom:10px; left:15px; width:calc(100% - 30px); line-height:1.2em; height:1.2em; overflow:hidden; }
#polyMain .mathporterCont .mathporterDiv .thum .tag a { color:#fff; font-size:13px; display:inline-block; margin-right:7px; }
#polyMain .mathporterCont .mathporterDiv h4:hover, #polyMain .mathporterCont .mathporterDiv .info .name:hover, #polyMain .mathporterCont .mathporterDiv .thum .tag a:hover { text-decoration:underline; }

/* 폴리매스, 주니어 폴리매스 */
#polyMain .polymathCont { width:49%; margin-right:2%; float:left; }
#polyMain .polymathCont .mainListPoly, #polyMain .mentorCont .mainMentor { height:243px; }
#polyMain .polymathCont .mainListPoly ul li { width:calc(100% - 30px); position:relative; display:block; overflow:hidden; padding:15px; height:91px; }
#polyMain .polymathCont .mainListPoly ul li:first-child { border-bottom:1px solid #eee; }
#polyMain .polymathCont .mainListPoly ul li .thum { width:120px; height:90px; float:left; position:relative; overflow:hidden; z-index:9; }
#polyMain .polymathCont .mainListPoly ul li .thum img { width:100%; min-height:100%; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:5px; z-index:9; }
#polyMain .polymathCont .mainListPoly ul li .cont { width:calc(100% - 200px); padding:7px 20px; display:block; overflow:hidden; }
#polyMain .polymathCont .mainListPoly ul li h4 { font-size:17px; height:25px; overflow:hidden; letter-spacing:-0.07em; margin-bottom:7px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
#polyMain .polymathCont .mainListPoly ul li h4:hover { text-decoration:underline; }
#polyMain .polymathCont h2:last-child:before { content:''; font-size:20px; margin:0 20px; border-left:1px solid #ccc; }
#polyMain .polymathCont .cont h3 { font-size:14px; color:#00c1cf; text-decoration:underline; margin-bottom:3px;}
#polyMain .polymathCont .tabOff a { color:#888; font-size:24px; }
#polyMain #polyTab2 { display:none; }
/* 이달의 멘토링 */
#polyMain .mentorCont { width:49%; float:left; }
#polyMain .mentorCont .mainMentor a { display:block; margin:36px 30px; overflow:hidden; }
#polyMain .mentorCont .mainMentor .thum  { position:relative; width:225px; height:169px; background-color:#fff; display:block; float:left; margin-right:25px; border-radius:84.5px; }
#polyMain .mentorCont .mainMentor .thum .label { position:absolute; top:0px; left:0px; width:60px; height:60px; background:url(//img.dongascience.com/polymath/2019new/images/icon_mentor.png) no-repeat; background-size:100%; text-align:center; color:#fff; line-height:60px; font-size:15px; font-weight:bold; letter-spacing:-0.07em;}
#polyMain .mentorCont .mainMentor .thum img { max-width:100%; min-height:100%; border-radius:84.5px;  }
#polyMain .mentorCont .mainMentor .cont { float:left; display:block; overflow:hidden; width:calc(100% - 250px); margin-top:20px;  }
#polyMain .mentorCont .mainMentor .cont .tit { font-size:19px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em; height:2.8em; margin-bottom:7px; letter-spacing:-0.07em; font-weight:bold; }
#polyMain .mentorCont .mainMentor .cont .txt { font-size:16px; color:#777; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em; height:4.2em; letter-spacing:-0.07em; }
#polyMain .mentorCont .mainMentor .cont:hover .tit, #polyMain .mentorCont .mainMentor .cont:hover .txt { text-decoration:underline; }
/* 최근 댓글이 달린 문제*/
#polyMain .contArea.newReCont { margin-bottom:0 !important; }
.newReCont .coverLi { padding:20px; display:block; overflow:hidden; }
.newReCont .coverLi ul li { width:23.5%; overflow:hidden; display:block; float:left; margin-right:2%; border-radius:5px; }
.newReCont .coverLi ul li:last-child { margin-right:0; }
/* 수동 TV */
#polyMain .mathTvCont { width:72%; margin-right:5%; float:left; display:block; overflow:hidden; max-height:300px; }
#polyMain .mathTvCont .conTit { margin-bottom:15px; }
#polyMain .mathTvCont .conTit h2 { margin-top:15px; }
#polyMain .mathTvCont .mathTvList li { width:47.22%; margin-right:5.56%; float:left; overflow:hidden; /*height:300px;*/ }
#polyMain .mathTvCont .mathTvList li:nth-child(2n) { margin-right:0; }
.mathTvList li .thum { position:relative; padding-top:56.25%; overflow:hidden; margin-bottom:20px; border-radius:5px; }
.mathTvList li .thum img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%;  border-radius:5px; }
.mathTvList li .thum:after { position:absolute; right:6px; bottom:7px; content:''; width:58px; height:58px; background:url(//img.dongascience.com/polymath/2019new/images/icon_play.png) no-repeat; background-size:100%; }
.mathTvList li .tit { font-size:18px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; letter-spacing:-0.05em; color:#222; }
.mathTvList .tvList { cursor:pointer; margin-bottom:30%; }
.mathTvList .tvList:hover .tit { text-decoration:underline; }
.tvView { display:none; position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.8); z-index:10000; }
.tvView .viewWrap { width:90%; max-width:750px; height:0; margin:10% auto 0; }
.tvView .viewWrap .viewInner { position:relative; height:100%; padding-bottom:56.25%; overflow:hidden; }
.tvView .viewWrap .viewInner iframe { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; }
.tvView .close { width:45px; height:45px; display:block; background:url(//img.dongascience.com/polymath/2019new/images/icon_close.png) no-repeat center; text-indent:-9999px; cursor:pointer; float:right; margin-top:-55px; }
#polyMain .mathTvCont .controlArea { display:block; float:right; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:20px }
#polyMain .mathTvCont .controlArea > div { float:left; overflow:hidden; }
#polyMain .mathTvCont .controlArea > div > a { display:block; overflow:hidden; margin:15px 20px 0 0 ; float:left;  padding-left:22px; }
#polyMain .mathTvCont .controlArea > div > a:hover { text-decoration:underline; }
#polyMain .mathTvCont .controlArea .subscribe a { background:url(//img.dongascience.com/polymath/2019new/images/icon_subscribe.png) no-repeat 0 4px; }
#polyMain .mathTvCont .controlArea .all a { background:url(//img.dongascience.com/polymath/2019new/images/icon_all.png) no-repeat 0 4px; }
/* 수상한 편집실 */
#polyMain .toonCont { position:relative; width:23%; height:300px; float:right; display:block; overflow:hidden; background:#008f69/*#062b70*/; border-radius:5px; }
#polyMain .toonCont .thum { position:relative; width:80%; margin:10% auto 0; overflow:hidden; background-image:none; }
#polyMain .toonCont .thum .thumImg { position:relative; padding-top:75%; overflow:hidden; }
#polyMain .toonCont .thum img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; border-radius:5px; background:none; }
#polyMain .toonCont .txt { text-align:center; font-size:17px; color:#ffe67a; padding:0 25px 25px; }
#polyMain .toonCont .txt span { display:none; text-decoration:underline; }
#polyMain .toonCont .btn { width:100px; border:1px solid #fff; text-align:center; color:#fff; margin:0 auto; border-radius:50px; padding:5px 0 7px; bottom:0; }
/* 공지사항, 자유게시판 */
#polyMain .boardCont { width:72%; margin-right:5%; float:left; display:block; overflow:hidden; margin-bottom:0 !important; }
#polyMain .boardCont > div { width:47.22%; display:block; overflow:hidden; float:left; }
#polyMain .boardCont .conTit { margin-bottom:20px; }
#polyMain .boardCont h2 { font-size:24px; }
#polyMain .boardCont .notiCont { margin-right:5.56%;  }
#polyMain .boardCont .boardList { border-top:2px solid #222; }
#polyMain .boardCont .boardList li { display:block; overflow:hidden; padding:16px 0; border-bottom:1px solid #dedede; }
#polyMain .boardCont a:hover .tit { text-decoration:underline; }
#polyMain .boardCont .tit { width:80%; float:left; text-align:left; font-size:15px; overflow:hidden; color:#666; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; letter-spacing:-0.05em; }
#polyMain .boardCont .date { width:20%; float:right; text-align:right; font-size:12px; overflow:hidden; color:#999; margin-top:2px}
/* 투표 */
#polyMain .voteCont { width:23%; height:260px;  text-align:center; float:right; display:block; overflow:hidden; background:#bfe6f5; border-radius:5px; margin-bottom:0 !important; }
#polyMain .voteCont .conTit { margin-bottom:17px;}
#polyMain .voteCont .conTit h2 { font-size:24px; float:none; margin-top:30px;  clear:both; }
#polyMain .voteCont .txt { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:25px; color:#062b70; line-height:1.3em; }
#polyMain .voteCont .txt span { display:block; }
#polyMain .voteCont .btn { width:160px; height:105px; background:url(//img.dongascience.com/polymath/2019new/images/btn_vote.png) no-repeat top center; margin:35px auto 0; text-indent:-9999px; }
/* 선물이 팡팡 */
#polyMain .giftCont .contBox { height:150px; }
#polyMain .giftCont { display:block; overflow:hidden; }
#polyMain .giftCont .controlArea { float:right; display:none; }
#polyMain .giftCont .mainGift ul li { width:12.66%; margin:0 2%; float:left; text-align:center; padding:10px 0 30px; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:17px; color:#555; }
#polyMain .giftCont .mainGift ul li a:before { content:''; display:block; width:90px; height:90px; margin:0 auto;}
#polyMain .giftCont .mainGift .gift1 a:before { background:url(//img.dongascience.com/polymath/2019new/images/icon_gift1.jpg) no-repeat; }
#polyMain .giftCont .mainGift .gift2 a:before { background:url(//img.dongascience.com/polymath/2019new/images/icon_gift2.jpg) no-repeat; }
#polyMain .giftCont .mainGift .gift3 a:before { background:url(//img.dongascience.com/polymath/2019new/images/icon_gift3.jpg) no-repeat; }
#polyMain .giftCont .mainGift .gift4 a:before { background:url(//img.dongascience.com/polymath/2019new/images/icon_gift4.jpg) no-repeat; }
#polyMain .giftCont .mainGift .gift5 a:before { background:url(//img.dongascience.com/polymath/2019new/images/icon_gift5.jpg) no-repeat; }
#polyMain .giftCont .mainGift .gift6 a:before { background:url(//img.dongascience.com/polymath/2019new/images/icon_gift6.jpg) no-repeat; }
/* 수행평가 */
#achievement .cont .info .name:before { display:none; }
#polyMain .achieveCont { display:block; overflow:hidden; }
#polyMain .achieveCont .achieveList ul li { position:relative; display:block; float:left; width:23.5%; margin-right:2%; }
#polyMain .achieveCont .achieveList ul li:last-child { margin-right:0; }
#polyMain .achieveCont .achieveList ul li .thum { position:relative; padding-top:75%; overflow:hidden; }
#polyMain .achieveCont .achieveList ul li .thum img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; border-radius:5px; z-index:5; }
#polyMain .achieveCont .achieveList ul li .cate { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; position:absolute; width:165px; height:42px; top:50%; margin-top:-22px; left:50%; margin-left:-82.5px; background:rgba(0,0,0,0.75);  color:#fff; text-align:center; border-radius:42px; font-size:17px; z-index:10; line-height:43px; box-shadow:0px 3px 7px 0px rgba(0,0,0,0.32); }
#polyMain .achieveCont .achieveList ul li a:hover .cate { background:#000; transition:all 0.5s; }
.contWrap { max-width:1240px; margin:0 auto; padding:0 30px; display:block; overflow:hidden; }
.contInner { max-width:1000px; margin-top:60px; position:relative; ; display:block; overflow:hidden; }
#polyMain .contInner { margin-top:0; }
/* 매스포터 */
#mathporter .manualBtn { position:absolute; color:#330e6b; font-size:20px; border-bottom:2px solid #472a81; cursor:pointer; bottom:0; margin-left:10px; padding:5px; opacity:0.75; }
#mathporter .manualBtn:before { content:''; display:inline-block; width:18px; height:18px; background:url(//img.dongascience.com/polymath/2019new/images/icon_pen.png) no-repeat; margin-right:7px; vertical-align:middle; background-size:100%; }
#mathporter .manualBtn:hover { opacity:1; }
#mathporter .contArea.articleWrap { border:1px solid #dedede; border-radius:5px; display:block; overflow:hidden; width:calc(100% - 2px); margin-bottom:40px; }
#mathporter .contArea.articleWrap > div { display:block; overflow:hidden; float:left; width:33.33%; padding:25px; /*border-right:1px solid #eee;*/ box-sizing:border-box; }
#mathporter .contArea.articleWrap > div:last-child { border-right:0; }
#mathporter .contArea.articleWrap .titArea { display:block; overflow:hidden; line-height:1; margin-bottom:20px; }
#mathporter .contArea.articleWrap .titArea h4 { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; color:#00b3c0; font-size:20px; float:left; }
#mathporter .contArea.articleWrap .best .titArea h4:before { content:''; width:19px; height:18px; display:inline-block; margin-right:7px; background:url(//img.dongascience.com/polymath/2019new/images/icon_best_b.png) no-repeat center; vertical-align:top; }
#mathporter .contArea.articleWrap .popular .titArea h4:before { content:''; width:20px; height:18px; display:inline-block; margin-right:7px; background:url(//img.dongascience.com/polymath/2019new/images/icon_popular_b.png) no-repeat center; vertical-align:top; }
#mathporter .contArea.articleWrap .mathTip .titArea h4:before { content:''; width:19px; height:18px; display:inline-block; margin-right:7px; background:url(//img.dongascience.com/polymath/2019new/images/icon_mathtip_b.png) no-repeat center; vertical-align:middle; }
#mathporter .contArea.articleWrap .titArea .more { float:right; font-size:13px; color:#777; }
#mathporter .contArea.articleWrap .articleGroup { display:block; overflow:hidden; }
#mathporter .contArea.articleWrap .articleGroup li { display:block; overflow:hidden; }
#mathporter .contArea.articleWrap .articleGroup li a:hover .cont, #mathporter .contArea.articleWrap .titArea .more:hover { text-decoration:underline; }
#mathporter .contArea.articleWrap .articleGroup li:first-child { border-bottom:1px solid #eee; margin-bottom:15px; padding-bottom:15px; }
#mathporter .contArea.articleWrap .articleGroup li .thum { width:100px; float:left; margin-right:15px;  }
#mathporter .contArea.articleWrap .articleGroup li .thum .thumImg { position:relative; padding-top:75%; overflow:hidden; }
#mathporter .contArea.articleWrap .articleGroup li .thum .mask { border-radius:5px; }
#mathporter .contArea.articleWrap .articleGroup li .thum .thumImg img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; border-radius:5px; }
#mathporter .contArea.articleWrap .articleGroup li .cont { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:17px; color:#222; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.5em; height:2.9em; margin:13px 0 0; }
#mathporter .contArea.articleWrap .mathTip h4 { color:#fe5555; }
#mathporter .opt.moView { display:none; }
#mathporter .tagInput .cont .desc { display:block; padding:10px 10px 15px 0; color:#777; text-align:left; font-size:14px; margin:0; }

#mathporter .press > div  { border-bottom:1px solid #dedede; margin-bottom:60px; padding-bottom:60px; border-radius:5px; width:100%; box-sizing:border-box; }
#mathporter .press > div:last-child { border:0; padding:0; }
#mathporter .press .contBox.pressBox2 .tit { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; text-align:center; font-size:33px; color:#222; }
#mathporter .contBox.pressBox1 { border:1px solid #dedede; background:#f9f9f9; padding:50px 50px 45px; }
#mathporter .contBox.pressBox1 .tit { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; text-align:center; font-size:40px; color:#222; margin-bottom:10px; }
#mathporter .contBox .tit strong { color:#ff4d4d; }
#mathporter .contBox .desc { text-align:center; font-size:20px; color:#777; letter-spacing:-0.07em; margin-bottom:25px; }
#mathporter .contBox .desc span { text-decoration:underline; }
#mathporter .contBox .btnArea { display:block; text-align:center; }
#mathporter .contBox .joinCont { display:block; overflow:hidden; margin-bottom:30px; }
#mathporter .contBox .joinCont > div { width:33.33%; border-right:1px solid #dedede; box-sizing:border-box; text-align:center; float:left; padding:0 25px; min-height:170px; margin:0 auto; }
#mathporter .contBox .joinCont > div:last-child { border:0; }
#mathporter .contBox .joinCont > div .item { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:22px; color:#222; margin-bottom:7px;  }
#mathporter .contBox .joinCont > div .desc { font-family:'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:15px; color:#777; margin-bottom:20px; }
#mathporter .contBox .joinCont .photo .ptInner { text-align:center; }
#mathporter .contBox .joinCont .photo .ptInner .ptArea { position:relative; width:90px; height:90px; border:5px solid #eee; border-radius:15px; overflow:hidden; display:inline-block; background:url(//img.dongascience.com/polymath/2019new/images/profile_none.png) no-repeat; background-size:100%; box-sizing:border-box; vertical-align:middle; }
#mathporter .contBox .joinCont .photo .ptInner .ptArea img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; background:#fff; }
#mathporter .contBox .joinCont .photo .ptInner .ptBtn { display:inline-block; height:40px; width:90px; margin-left:10px; border:1px solid #062b70; border-radius:5px; box-sizing:border-box; color:#062b70; font-size:16px; line-height:38px; vertical-align:middle; }
#mathporter .contBox .joinCont > div .txtInput { width:90%; height:48px; border-radius:5px; border:1px solid #ddd; font-size:18px; padding-left:8px; margin:20px 0; }

#mathporter .contBox.pressBox2 { display:block; overflow:hidden; padding:0; }
#mathporter .contBox.pressBox2.join .tit { margin-top:50px; }
#mathporter .contBox.pressBox2.join .btnArea { margin-bottom:50px; }
#mathporter .contBox.pressBox2 .leftCon { width:310px; border-right:1px solid #dedede; float:left; display:block; overflow:hidden; height:430px; box-sizing:border-box; }
#mathporter .contBox.pressBox2 .leftCon .conInner { width:calc(100% - 20px); height:calc(100% - 20px); margin:10px; border-radius:5px; background:#f9f9f9; box-sizing:border-box; padding:0 35px; }
#mathporter .contBox.pressBox2 .leftCon .conInner:before { content:'매스포터'; width:110px; height:28px; margin:0 auto 20px; padding-top:35px; background:url(//img.dongascience.com/polymath/2019new/images/logo_press.png) no-repeat bottom; background-size:110px 28px; text-indent:-9999px; display:block; }
#mathporter .contBox.pressBox2 .leftCon .conInner .tit span { display:block; line-height:1.25; }
#mathporter .contBox.pressBox2 .leftCon .conInner .desc { font-size:16px; margin-top:15px; }
#mathporter .contBox.pressBox2 .leftCon .conInner .btnArea > a { display:inline-block; height:40px; width:150px; margin-left:10px; border:1px solid #062b70; background:#fff; border-radius:5px; box-sizing:border-box; color:#062b70; font-size:16px; line-height:38px; vertical-align:middle; margin-top:5px; }
#mathporter .contBox.pressBox2 .leftCon .conInner .btnArea > a:first-child { border-color:#ff4d4d; color:#ff4d4d; }
#mathporter .contBox.pressBox2 .leftCon.okOrder .conInner { background:#ecf3ff url(//img.dongascience.com/polymath/2019new/images/bg_press.jpg) no-repeat top center; background-size:auto 100%; }
#mathporter .contBox.pressBox2 .leftCon.okOrder .conInner .photo { position:relative; width:156px; height:156px; margin:0 auto; display:block; }
#mathporter .contBox.pressBox2 .leftCon.okOrder .conInner .photo .photoArea { position:relative;  border:8px solid #fff; border-radius:18px; background:#fff url(//img.dongascience.com/polymath/2019new/images/profile_none.png) no-repeat; background-size:100%; overflow:hidden; width:calc(100% - 16px); height:calc(100% - 16px); }
#mathporter .contBox.pressBox2 .leftCon.okOrder .conInner .photo img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; background:#fff; }
#mathporter .contBox.pressBox2 .leftCon.okOrder .conInner .photo .modBtn a { position:absolute; right:-5px; bottom:-5px; background:rgba(0,0,0,0.7); width:36px; height:36px; text-align:center; color:#fff; border-radius:30px; display:block; line-height:1.3; padding:12px; }
#mathporter .contBox.pressBox2 .leftCon.okOrder .conInner .name { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:25px; color:#222; text-align:center; margin-top:15px; }
#mathporter .contBox.pressBox2 .leftCon.okOrder .conInner .name span { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:30px; margin-right:3px; }
#mathporter .contBox.pressBox2 .leftCon.okOrder .conInner .btnArea { margin-top:10px; display:block; overflow:hidden; }
#mathporter .contBox.pressBox2 .leftCon.okOrder .conInner .btnArea a { display:inline-block; height:40px; width:90px; border:1px solid #062b70; background:#fff; border-radius:5px; box-sizing:border-box; color:#062b70; font-size:16px; line-height:38px; vertical-align:middle; margin:0 3px; }
#mathporter .contBox.pressBox2 .leftCon.okOrder .conInner .date { font-size:15px; text-align:center; margin-top:10px; }
#mathporter .contBox.pressBox2 .leftCon.okOrder .conInner .date span { display:block; text-decoration:underline; }
#mathporter .contBox.pressBox2 .rightCont { width:calc(100% - 310px); float:right; display:block; overflow:hidden; }
#mathporter .contBox.pressBox2 .rightCont .topCon { background:#f9f9f9; width:calc(100% - 60px); height:70px; line-height:69px; padding:0 20px 0 40px; }
#mathporter .contBox.pressBox2 .rightCont .topCon .topTit { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; color:#222; font-size:23px; margin-right:5px;  }
#mathporter .contBox.pressBox2 .rightCont .topCon .topTit:before { content:''; width:23px; height:24px; background:url(//img.dongascience.com/polymath/2019new/images/icon_date.png) no-repeat 0; vertical-align:middle; margin-right:7px; display:inline-block; }
#mathporter .contBox.pressBox2 .rightCont .topCon .topDate { font-size:18px; color:#777; }
#mathporter .contBox.pressBox2 .rightCont .topCon .topSelect { float:right; }
#mathporter .contBox.pressBox2 .rightCont .topCon .topSelect select { height:40px; width:auto; padding-right:15px; }
#mathporter .contBox.pressBox2 .rightCont .subCon > div { padding:30px 40px; }
#mathporter .contBox.pressBox2 .rightCont .subCon > div:first-child { border-bottom:1px solid #dedede; }
#mathporter .contBox.pressBox2 .rightCont .subCon .contTit { font-weight:bold; font-size:18px; color:#062b70; margin-bottom:20px; }
#mathporter .contBox.pressBox2 .rightCont .subCon ul li { width:100%; display:block; overflow:hidden; margin-bottom:10px;}
#mathporter .contBox.pressBox2 .rightCont .subCon ul li:last-child { margin-bottom:0; }
#mathporter .contBox.pressBox2 .rightCont .subCon ul li .cate { font-size:16px; color:#555; width:120px; float:left; }
#mathporter .contBox.pressBox2 .rightCont .subCon ul li .value { width:calc(100% - 120px); float:left; }
#mathporter .contBox.pressBox2 .rightCont .subCon ul li .value strong { color:#6383c9; }
#mathporter .contBox.pressBox2 .rightCont .subCon ul li .value .max100 { max-width:calc(100% - 50px); min-width:1px; height:15px; background:#7697dd; display:block; float:left; margin-right:7px; }
#mathporter .contBox.pressBox2 .rightCont .subCon ul li:first-child .value strong { color:#062b70; }
#mathporter .contBox.pressBox2 .rightCont .subCon ul li:first-child .value .max100 { background:#062b70; }
#mathporter .contBox.pressBox2 .rightCont .subCon .choice .contTit, #mathporter .contBox.pressBox2 .rightCont .subCon .choice ul li .value strong { color:#00b3c0;  }
#mathporter .contBox.pressBox2 .rightCont .subCon .choice ul li .value .max100 { background:#00c1cf; }

#mathporter .stepWrap { display:block; overflow:hidden; }
#mathporter .stepWrap .stepInner > div { border:1px solid #062b70; box-sizing:border-box; border-radius:45px/*80px*/; display:block; float:left; text-align:center; font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:22px; color:#062b70; overflow:hidden; }
#mathporter .press .stepWrap .stepInner > div { width:16%; min-width:100px; height:160px; padding-top:45px; }
#mathporter .press .stepWrap .stepInner .step1:after { content:''; width:40px; height:36px; background:url(//img.dongascience.com/polymath/2019new/images/icon_step1.png) no-repeat center; display:block; text-align:center; margin:13px auto 0; }
#mathporter .press .stepWrap .stepInner .step2:after { content:''; width:34px; height:40px; background:url(//img.dongascience.com/polymath/2019new/images/icon_step2.png) no-repeat center; display:block; text-align:center; margin:7px auto 0;}
#mathporter .press .stepWrap .stepInner .step3 { width:45%; max-width:360px; /*min-width:320px;*/ padding-top:32px; }
#mathporter .press .stepWrap .stepInner .step3 p { font-family:'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:14px; color:#777; margin-top:3px; }
#mathporter .press .stepWrap .stepInner .step3 .btn { background:#062b70; font-size:17px; display:block; width:200px; height:40px; margin:12px auto 0; color:#fff; line-height:40px; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; border-radius:5px; }
#mathporter .stepWrap .stepInner .stepArrow { width:15px; height:28px; background:url(//img.dongascience.com/polymath/2019new/images/icon_steparrow.png) no-repeat center; margin:66px 2.5% 0; display:block; line-height:160px; float:left; text-indent:-9999px; }

#mathporter .mpInfo .topCont { display:block; overflow:hidden; position:relative;}
#mathporter .mpInfo .topCont .tit { color:#222; font-size:40px; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; line-height:1.7em; z-index:20; letter-spacing:-0.06em; }
#mathporter .mpInfo .topCont .tit span { font-size:60px; font-weight:normal; letter-spacing:inherit;  }
#mathporter .mpInfo .topCont .tit strong, #aboutMath .mathInfo .desc span { color:#3d29b3; }
#mathporter .mpInfo .topCont .desc { width:100%; padding:40px 0; background:#f4f5fe; border-radius:10px; overflow:hidden; margin-top:50px; background-position:right bottom; }
#mathporter .mpInfo .topCont .desc span { font-size:18px; color:#655c99; width:calc(100% - 540px); margin-left:5%; display:block; line-height:1.6em; }
#mathporter .mpInfo .topCont:after { content:''; display:block; position:absolute; width:442px; height:417px; background:url(//img.dongascience.com/polymath/2019new/images/img_mpinfo.png) no-repeat; background-size:100%; bottom:0; right:0; z-index:10; }
#mathporter .mpInfo .topCont .mImg img { display:none; }
#mathporter .mpInfo .mpCont { display:block; overflow:hidden; }
#mathporter .mpInfo .mpCont li { width:30%; margin-right:5%; float:left; margin-top:60px; }
#mathporter .mpInfo .mpCont li:nth-child(3n) { margin-right:0; }
#mathporter .mpInfo .mpCont li .tit { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:25px; color:#222; width:100%; display:block; }
#mathporter .mpInfo .mpCont li .tit:after { content:''; width:40px; height:2px; background:#222; margin:17px 0 20px; display:block; }
#mathporter .mpInfo .mpCont li .txt { font-size:17px; color:#777; line-height:1.6em; }
#mathporter .press .notiWrap { margin-bottom:70px; display:block; overflow:hidden; }
#mathporter .press .notiWrap .tit { float:left; width:10%; font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:23px; }
#mathporter .press .notiWrap .tit:before { content:''; display:inline-block; width:5px; height:5px; border:5px solid #062b70; border-radius:100%; margin-right:7px; }
#mathporter .press .notiWrap .txt { float:right; width:90%; }
#mathporter .press .notiWrap .txt p { font-size:16px; color:#777; background:url(//img.dongascience.com/polymath/2019new/images/icon_check2_3.png) no-repeat; background-position:0 7px; padding-left:20px; background-size:12px 9px; margin-bottom:7px; }

/* 기자증, 임명장 */
#pressPop .popWrap { position:relative; width:380px; height:775px; background:url(//img.dongascience.com/polymath/2019new/images/img_press.png) no-repeat 0 0; }
#pressPop .popWrap .conInner { width:100%; height:440px; display:block; overflow:hidden; padding-top:335px; text-align:center; }
#pressPop .popWrap .conInner .photo { position:relative; width:174px; height:174px; border:10px solid #fff; border-radius:18px; overflow:hidden; margin:0 auto 27px; background:#fff url(//img.dongascience.com/polymath/2019new/images/profile_none.png) no-repeat 0 0; background-size:100%; }
#pressPop .popWrap .conInner .photo img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; background:#fff; }
#pressPop .popWrap .conInner .name { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:42px; color:#222; margin-bottom:20px; }
#pressPop .popWrap .conInner .txt { font-size:18px; color:#062b70; letter-spacing:-0.06em; margin-bottom:12px; }
#pressPop .popWrap .conInner .date { font-size:15px; color:#36568d; background:#d7e3f6; width:250px; height:30px; line-height:29px; border-radius:15px; margin:0 auto; }

#paperPop .popWrap { position:relative; width:450px; max-width:none; height:590px; background:url(//img.dongascience.com/polymath/2019new/images/bg_paper.png) no-repeat 0 0; margin-top:80px; font-family: 'Noto Serif KR', serif, 'Malgun Gothic', '맑은 고딕'; text-align:center; color:#222; font-weight:400; background-size:100%; }
#paperPop .popWrap .conInner { padding:75px 60px 25px; height:490px; }
#paperPop .popWrap .conInner .tit { font-weight:900; font-size:60px; line-height:1; }
#paperPop .popWrap .conInner .name { font-size:20px; text-align:right; margin-top:30px; }
#paperPop .popWrap .conInner .name span { font-weight:500; font-size:33px; margin-left:10px;}
#paperPop .popWrap .conInner .txt { font-weight:500; font-size:20px; margin-top:30px; line-height:1.6em; letter-spacing:0.1em; }
#paperPop .popWrap .conInner .date { font-size:17px; margin-top:40px; font-weight:300; letter-spacing:0; }
#paperPop .popWrap .conInner .mathName { font-weight:500; font-size:19px; padding-top:15px; background:url(//img.dongascience.com/polymath/2019new/images/stamp.png) no-repeat 89% center; height:65px; }
#paperPop .popWrap .conInner .mathName span { margin-left:10px; font-size:28px; }

#pressPop .popWrap .close, #paperPop .popWrap .close { position:absolute; top:150px; right:0; width:45px; height:45px; border:3px solid #fff; border-radius:25px; background:url(//img.dongascience.com/polymath/2019new/images/icon_close.png) no-repeat center; background-size:30px; cursor:pointer; text-indent:-9999px; }
#paperPop .popWrap .close { top:-60px; }
#pressPop .popWrap .btn, #paperPop .popWrap .btn { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; width:86px; height:33px; border:2px solid #fff; font-size:14px; color:#fff; text-align:center; margin:0 auto; border-radius:5px; margin-top:15px; line-height:33px; }

/* 기자노트 */
#mathporter .pressNote > div:last-child { margin-bottom:60px; }
#mathporter .pressNote .contBox.pressBox1 { padding:50px 80px 45px; line-height:1.4; }
#mathporter .pressNote .contBox.pressBox1 .imgNote { display:block; margin:0 auto 30px; width:100%; max-width:580px; }
#mathporter .pressNote .contBox.pressBox1 .tit { margin-bottom:30px; letter-spacing:-0.02em; }
#mathporter .pressNote .btnType1 { display:inline-block; margin-left:5px; }
#mathporter .contBox.pressBox2 .bgArea { background:#f9f9f9; width:calc(100% - 80px); display:block; overflow:hidden; padding:15px 40px; min-height:40px; }
#mathporter .contBox.pressBox2.totalPress .bgArea { text-align:center; }
#mathporter .contBox.pressBox2.totalPress .bgArea .tit { font-size:23px; display:inline-block; vertical-align:middle; margin-right:20px; }
#mathporter .contBox.pressBox2.totalPress .dateInput { display:inline-block; }
#mathporter .contBox.pressBox2.totalPress .dateInput input { width:158px; height:38px; border:1px solid #ddd; border-radius:5px; }
#mathporter .contBox.pressBox2.totalPress .dateInput span { margin:0 5px; }
#mathporter .contBox.pressBox2.totalPress .viewBtn { width:75px; height:38px; border:1px solid #062b70; border-radius:5px; text-align:center; display:inline-block; background:#fff; color:#062b70; vertical-align:middle; line-height:37px; font-size:16px; }
#mathporter .contBox.pressBox2 .noteBtn { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:16px; width:125px; height:40px; border-radius:5px; background:#062b70; color:#fff; display:block; line-height:38px; text-align:center; float:right; }
#mathporter .contBox.pressBox2.totalPress .listSelect { width:18px; height:18px; display:inline-block; }
#mathporter .contBox.pressBox2 .articleMark { position:relative; top:auto; left:auto; display:inline-block; }
#mathporter .contBox.pressBox2 .articleMark > div { display:inline-block; }
#mathporter .contBox.pressBox2 .totalLi { display:block; overflow:hidden; padding:20px 40px 40px; }
#mathporter .contBox.pressBox2 .totalLi .topCont { display:block; overflow:hidden; border-bottom:1px solid #eee; margin-bottom:30px; padding-bottom:20px; }
#mathporter .contBox.pressBox2 .totalLi .topCont .listCount { margin-top:15px; }

#mathporter .pressNote .liInner { position:relative; display:block; overflow:hidden; }
#mathporter .pressNote .liInner li { width:30%; float:left; margin-right:calc(2.5% - 1px); padding-right:calc(2.5% - 1px); border-right:1px solid #eee; padding-top:30px; }
#mathporter .pressNote .liInner li:nth-child(1), #mathporter .pressNote .liInner li:nth-child(2), #mathporter .pressNote .liInner li:nth-child(3) { padding-top:0; }
#mathporter .pressNote .liInner li:nth-child(3n) { margin-right:0; padding-right:0; border-right:0; }
#mathporter .pressNote .liInner li .leftGroup { width:calc(100% - 105px); float:left; }
#mathporter .pressNote .liInner li h4 { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; margin-top:8px; font-size:16px; font-weight:normal; overflow:hidden; letter-spacing:-0.02em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em; height:2.8em; padding-right:20px; }
#mathporter .pressNote .liInner li h4:hover { text-decoration:underline; }
#mathporter .pressNote .liInner li .thum { position:relative; float:right; width:100px; height:75px; overflow:hidden; border-radius:5px; }
#mathporter .pressNote .liInner li .thum img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; }
#mathporter .pressNote .paging { margin:30px 0 0; }

#mathporter .totalPDF .noteBtn { background:#ff4d4d !important; }
#mathporter .totalPDF .bgArea .tit { font-size:23px; margin:0; text-align:left; float:left; vertical-align:middle; line-height:40px; }
#mathporter .totalPDF .bgArea .tit span { color:#062b70; font-weight:bold; }
#mathporter .totalPDF .bgArea .tit:before { content:''; display:inline-block; width:5px; height:5px; border:5px solid #062b70; border-radius:100%; margin-right:5px; }
#mathporter .pressNote .totalCont { height:550px; overflow-y:scroll; }
#mathporter .pressNote .totalCont .default { padding:60px 50px; background:url(//img.dongascience.com/polymath/2019new/images/img_pressnote2.png) no-repeat 90% center; }
#mathporter .pressNote .totalCont .default .txtArea { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; letter-spacing:-0.02em; }
#mathporter .pressNote .totalCont .default .txtArea strong { color:#ff4d4d; }
#mathporter .pressNote .totalCont .default .txtArea span { display:block; }
#mathporter .pressNote .totalCont .default .txtArea h3 { font-size:48px; font-weight:normal; color:#222; margin:25px 0 30px; line-height:1.2em; }
#mathporter .pressNote .totalCont .default .txtArea .txt { font-size:23px; color:#222; line-height:1.5em; margin-bottom:30px; }
#mathporter .pressNote .totalCont .default .txtArea .desc { font-size:18px; color:#777; text-align:left; margin-bottom:0; letter-spacing:0em; line-height:1.6em; }
#mathporter .pressNote .totalCont .default .txtArea .desc span { text-decoration:none; }
#mathporter .totalPDF .viewGroup { border-bottom:1px solid #dedede; }
#mathporter .totalPDF .viewGroup:last-child { border-bottom:0; }
#mathporter .totalPDF .viewTitInner { border-bottom:0; margin:50px 40px 0; }
#mathporter .totalPDF .viewTitInner .titArea { border-bottom:1px solid #eee; margin:0; padding-bottom:40px; }
#mathporter .contBox.pressBox2 .totalPDF .viewTitInner .viewInner .tit { text-align:left !important; }

/* 매스클럽 */
#mathporter .mathClub > div { display:block; overflow:hidden; margin-bottom:60px; }
#mathporter .mathClub .stepWrap .stepInner { display:block; overflow:hidden; }
#mathporter .mathClub .stepWrap .stepInner > div { width:21%; height:150px; padding-top:45px; line-height:1.4; font-size:20px; }
#mathporter .mathClub .stepWrap .stepInner > div span { display:block; }
#mathporter .mathClub .stepWrap .stepInner .step2 { padding-top:18px; }
#mathporter .mathClub .stepWrap .stepInner .stepArrow { width:1.5%; margin:61px 1.9% 0; background-size:100%; }
#mathporter .mathClub .stepWrap.clubJoinInfo .txt p { font-size:18px; margin-bottom:5px; }
#mathporter .mathClub .stepWrap.clubJoinInfo .txt p span { color:#222; }
#mathporter .mathClub .stepWrap.clubJoinInfo .txt .descTxt { margin-top:10px; color:#ff8b8b; font-size:16px; }
#mathporter .mathClub .descWrap { width:100%; font-size:17px; color:#777; line-height:1.5; box-sizing:border-box; border-radius:10px; background:#f6f6f6; padding:20px 15px 23px; text-align:center; }
/*#mathporter .mathClub .stepWrap .desc { margin-top:30px; font-size:16px; color:#777; line-height:1.5; }*/
#mathporter .mathClub .btnArea { border-top:1px solid #dedede; padding-top:50px; display:block; text-align:center; }
#mathporter .mathClub .btnArea a { height:65px; font-size:25px; line-height:65px; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; }
#mathporter .mathClub .mpInfo .topCont:after { width:457px; height:397px; background:url(//img.dongascience.com/polymath/2019new/images/img_mcinfo.png) no-repeat; background-size:100%; }

#mathporter .clubList { margin-bottom:60px; }
#mathporter .clubLiWrap { position:relative; width:100%; display:block; overflow:hidden; }
#mathporter .clubLiWrap > li { position:relative; width:calc(33% - 10px); margin-right:10px; margin-top:10px; float:left; border:1px solid #e2e2e2; border-radius:30px; box-sizing:border-box; background:#fff; }
#mathporter .clubLiWrap > li:first-child, #mathporter .clubLiWrap > li:nth-child(2), #mathporter .clubLiWrap > li:nth-child(3) { margin-top:0; }
#mathporter .clubLiWrap > li a { display:block; overflow:hidden; padding:35px 35px 25px; }
#mathporter .clubLiWrap > li:hover { background:#f7f7f7; }
#mathporter .clubLiWrap li.myClub { border-top:3px solid #ff4747; }
#mathporter .clubLiWrap li.likeClub { border-top:3px solid #5c88ec; }
#mathporter .clubLiWrap .date { font-size:16px; color:#777; margin-bottom:37px; }
#mathporter .clubLiWrap .fixList { position:absolute; top:25px; right:25px; width:50px; height:28px; border-radius:14px; line-height:26px; color:#ff4747; font-size:14px; text-align:center; background:#fff1f1; font-weight:bold; }
#mathporter .clubLiWrap >li.likeClub .fixList { color:#5c88ec; background:#f1f1ff; }
#mathporter .clubLiWrap .clubName { font-family: 'Poor Story', cursive, 'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; text-align:center; font-size:33px; color:#222; margin-bottom:30px; }
#mathporter .clubLiWrap .group { width:100%; display:block; }
#mathporter .clubLiWrap .group .memberLi { float:left; }
#mathporter .clubLiWrap .group .memberLi li { position:relative; width:38px; height:38px; border:2px solid #fff; border-radius:20px; overflow:hidden; float:left; margin-left:-10px; background:url(//img.dongascience.com/polymath/2019new/images/profile_none.png) no-repeat; background-size:100%; }
#mathporter .clubLiWrap .group .memberLi li:first-child { margin-left:0; }
#mathporter .clubLiWrap .group .memberLi li img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; }
#mathporter .clubLiWrap .group .memberLi li:nth-child(3) { background:#695de1; color:#fff; line-height:35px; font-size:14px; text-align:center; }
#mathporter .clubLiWrap .group .cont { float:right; font-size:16px; color:#777; margin-top:10px; }
#mathporter .clubLiWrap .group .cont span:last-child { margin-left:10px; }
#mathporter .clubLiWrap .group .cont .like:before { content:''; display:inline-block; margin-right:5px; width:18px; height:16px; background:url(//img.dongascience.com/polymath/2019new/images/icon_zzim.png) no-repeat center; vertical-align:middle; margin-top:-2px; }
#mathporter .clubLiWrap .group .cont .article:before { content:''; display:inline-block; margin-right:5px; width:16px; height:18px; background:url(//img.dongascience.com/polymath/2019new/images/icon_zzim2.png) no-repeat center; vertical-align:middle; margin-top:-2px; }
#mathporter .clubLiWrap .last { background:#f7f7f7; border:0; font-family: 'Poor Story', cursive, 'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; text-align:center; height:205px; font-size:21px; color:#222 }
#mathporter .clubLiWrap .last .tit { font-size:40px; color:#695de1; font-weight:bold; letter-spacing:0.05em; margin:55px 0 7px; }

#mathporter.clubView #sideCont { top:305px; }
.clubView .likeArea { border:1px solid #e2e2e2; padding:15px 17px 15px 30px; border-radius:5px; display:block; overflow:hidden; margin-bottom:40px; }
.clubView .likeArea span { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:20px; color:#777; line-height:38px; }
.clubView .likeArea span strong { color:#062b70; }
.clubView .likeArea .likeBtn { background:#f3f3f3; height:40px; line-height:38px; font-size:18px; float:right; border-radius:20px; padding:0 20px; color:#777; }
.clubView .likeArea .likeBtn:before { content:''; display:inline-block; margin-right:5px; width:18px; height:16px; background:url(//img.dongascience.com/polymath/2019new/images/icon_zzim.png) no-repeat center; vertical-align:middle; margin-top:-3px; }
.clubView .likeArea .likeBtn.on { color:#ff4d4d; background:#ffe7e7; }
.clubView .likeArea .likeBtn.on:before { background:url(//img.dongascience.com/polymath/2019new/images/icon_zzim_on.png) no-repeat center; }
.clubView .clubInfo { border-bottom:1px solid #dedede; padding-bottom:50px; margin-bottom:40px; display:block; overflow:hidden; }
.clubView .clubInfo .photo { position:relative; width:400px; height:300px; border-radius:5px; overflow:hidden; float:left; margin-right:5%; }
.clubView .clubInfo .photo img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; }
.clubView .clubInfo .photo .modBtn { position:absolute; bottom:10px; right:10px; opacity:0.6; color:#fff; background:#222; border:1px solid rgba(255,255,255,0.5); width:36px; height:36px; border-radius:30px; padding:12px; text-align:center; font-weight:bold; }
.clubView .clubInfo .infoView { position:relative; width:calc(95% - 400px); float:right; }
.clubView .clubInfo .infoView .topInfo { font-size:17px; color:#777; margin-top:10px; }
.clubView .clubInfo .infoView .topInfo p { margin-top:5px; }
.clubView .clubInfo .infoView .topInfo p .tit:before { content:''; display:inline-block; background:url(//img.dongascience.com/polymath/2019new/images/icon_check2_3.png) no-repeat 0; width:12px; height:9px; background-size:100%; margin-right:7px; vertical-align:middle; margin-top:-2px; }
.clubView .clubInfo .infoView .topInfo p .tit:after { content:''; display:inline-block; width:1px; height:12px; background:#ddd; margin:0 5px 0 10px; }
.clubView .clubInfo .infoView .infoCont { font-size:17px; color:#777; margin-top:25px; display:block; overflow:hidden; }
.clubView .clubInfo .infoView .infoCont h5 { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:30px; margin-bottom:17px; color:#222; font-weight:normal; line-height:1.4; }
.clubView .clubInfo .infoView .infoCont .btnType3 { margin:20px 0 0 0;}
.clubView .clubInfo .infoView .modify { position:absolute; top:0px; left:0; right:0; background:#fff; padding:35px; border:3px solid #e2e2e2; border-radius:15px; }
.clubView .clubInfo .infoView .modify .txtInput { width:calc(100% - 10px); height:43px; border-radius:5px; border:1px solid #ddd; padding-left:8px; margin-bottom:10px;  font-size:15px; color:#222; }
.clubView .clubInfo .infoView .modify .txtArea { width:calc(100% - 18px); height:127px; border-radius:5px; border:1px solid #ddd; padding:8px; font-size:15px; }
.clubView .clubInfo .infoView .modify .btnArea { text-align:center; margin-top:25px; }
.clubView .peopleLi ul { width:100%; display:block; overflow:hidden; clear:both; }
.clubView .peopleLi li { position:relative; width:calc(32% - 50px); height:80px; margin-right:2%; background:#f7f7f7; display:block; overflow:hidden; float:left; padding:30px 25px; border-radius:15px; margin-top:20px; }
.clubView .peopleLi li:nth-child(3n) { margin-right:0; }
.clubView .peopleLi li:nth-child(1), .clubView .peopleLi li:nth-child(2), .clubView .peopleLi li:nth-child(3) { margin-top:0; }
.clubView .peopleLi li .del { position:absolute; top:10px; right:10px; width:14px; height:14px; padding:5px; background:url(//img.dongascience.com/polymath/2019new/images/icon_del3.png) no-repeat center; background-size:14px; text-indent:-99999px; display:block; }
.clubView .peopleLi li .photo { position:relative; width:70px; height:70px; border-radius:40px; margin:0 auto; overflow:hidden; background:url(//img.dongascience.com/polymath/2019new/images/profile_none.png) no-repeat; background-size:100%; border:5px solid #fff; float:left; }
.clubView .peopleLi li .photo img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:auto; min-height:100%; }
.clubView .peopleLi li .userInfo { width:calc(100% - 95px); float:right; font-size:15px; color:#777; }
.clubView .peopleLi li .userInfo .level strong { margin-left:0; }
.clubView .peopleLi li .userInfo .nickname { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:18px; margin:10px 0 4px; }
.clubView .peopleLi li .userInfo .nickname:hover { text-decoration:underline; }
.clubView .peopleLi li.manager:before { position:absolute; top:8px; left:45px; content:''; width:40px; height:25px; display:block; background:url(//img.dongascience.com/polymath/2019new/images/icon_manager.png) no-repeat center; }
.clubView .peopleLi li .delPop { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.9); border:3px solid #e4e4e4; border-radius:15px; text-align:center; padding:10px; }
.clubView .peopleLi li .delPop p { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:19px; color:#222; margin-top:25px; letter-spacing:-0.07em; }
.clubView .peopleLi li .delPop .btnArea { text-align:center; margin-top:10px; }
.clubView .btnArea .noBtn { display:inline-block; margin:0 2px; width:80px; height:32px; line-height:30px; border:1px solid #062b70; background:#fff; color:#062b70; border-radius:5px; text-align:center; }
.clubView .btnArea .yesBtn { display:inline-block; margin:0 2px; width:80px; height:32px; line-height:30px; border:1px solid #ff4d4d; background:#fff; color:#ff4d4d; border-radius:5px; text-align:center; }

/* 응원댓글 */
.clubMsg .msgLiWrap { display:block; overflow:hidden; padding-top:12px; }
.clubMsg .msgLiWrap li { position:relative; width:calc(25% - 10px); margin-right:10px; margin-bottom:10px; background:#65bddf; border-radius:15px; display:block; float:left; }
.clubMsg .msgLiWrap li .del { position:absolute; top:7px; right:7px; width:14px; height:14px; padding:5px; background:url(//img.dongascience.com/polymath/2019new/images/icon_del3.png) no-repeat center; background-size:14px; text-indent:-99999px; display:block; cursor:pointer; z-index:10; }
.clubMsg .msgLiWrap li .msgTxt { position:relative; background:#fff; border-radius:10px; width:calc(100% - 50px); margin:5px auto 0; min-height:90px; padding:20px 20px; font-size:16px; line-height:1.4; color:#555; }
.clubMsg .msgLiWrap li .msgTxt:after { content:''; position:absolute; bottom:-5px; left:25px; width:10px; height:10px; display:block; background:#fff; transform:rotate(45deg )}
.clubMsg .msgLiWrap li .userInfo { padding:10px 15px; display:block; overflow:hidden; }
.clubMsg .msgLiWrap li .userInfo .photo { position:relative; width:38px; height:38px; border-radius:20px; margin:0 auto; overflow:hidden; background:url(//img.dongascience.com/polymath/2019new/images/profile_none.png) no-repeat; background-size:100%; border:2px solid #fff; float:left; }
.clubMsg .msgLiWrap li .userInfo .photo img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:auto; min-height:100%; }
.clubMsg .msgLiWrap li .userInfo .group { margin-left:10px; margin-top:2px; color:#fff; font-size:13px; float:left; width:calc(100% - 55px); }
.clubMsg .msgLiWrap li .userInfo .group .nickname a { color:#fff; font-size:15px; }
.clubMsg .msgLiWrap li .userInfo .group .nickname a:hover { text-decoration:underline; }
.clubMsg .msgLiWrap li.manager:before { content:''; display:block; position:absolute; top:-12px; left:10px; width:30px; height:19px; background:url(//img.dongascience.com/polymath/2019new/images/icon_manager.png) no-repeat center; background-size:100%; }
.clubMsg .msgLiWrap li:nth-child(2), .clubMsg .msgLiWrap li:nth-child(4), .clubMsg .msgLiWrap li:nth-child(5), .clubMsg .msgLiWrap li:nth-child(7), .clubMsg .msgLiWrap li:nth-child(10), .clubMsg .msgLiWrap li:nth-child(12) { background:#8da8ed; }

.clubMsg .topArea { display:block; border-bottom:1px solid #ddd; margin-bottom:30px; }
.clubMsg .topArea .tit { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:20px; color:#ff4d4d; width:105px; float:left; margin-top:3px; padding-left:25px; background:url(//img.dongascience.com/polymath/2019new/images/icon_noti.png) no-repeat 0 center; background-size:18px 13px; }
.clubMsg .topArea .txt { font-size:17px; width:calc(100% - 130px); float:left; }
.clubMsg .topArea .txt p { font-size:14px; color:#777; padding-top:7px; width:100%; overflow:hidden; }
.clubMsg .topArea > div span { float:left; display:block; }
.clubMsg .topArea .notiMsg { border-top:1px solid #ff4d4d; background:#fff4f4; padding:23px 15px 23px 30px; display:block; overflow:hidden; }
.clubMsg .topArea .wirteMsg { padding:15px 15px 15px 30px; display:block; overflow:hidden; }
.clubMsg .topArea .wirteMsg .tit { color:#062b70; margin-top:12px; background:url(//img.dongascience.com/polymath/2019new/images/icon_re.png) no-repeat 0 center; background-size:16px 15px; }
.clubMsg .topArea .wirteMsg input { height:43px; padding-left:10px; border:1px solid #ccc; font-size:15px; line-height:38px; border-radius:5px; float:left; width:calc(100% - 110px); }
.clubMsg .topArea .wirteMsg .msgBtn { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; width:90px; height:45px; line-height:45px; font-size:20px; color:#fff; text-align:center; border-radius:5px; background:#062b70; display:block; float:left; margin-left:5px; }
.clubMsg .listTit { margin-bottom:15px; }

/* 서브 상단 영역*/
.visualWrap { width:100%; background:#98e3f0 url(//img.dongascience.com/polymath/2019new/images/bg_sub1.png) no-repeat center; position:relative; display:block; overflow:hidden; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; min-height:180px; }
.visualWrap .visualInner { max-width:1240px; padding:55px 30px; margin:0 auto; min-height:85px; }
.visualWrap .visualInner .vTitArea { text-align:center; line-height:1; }
.visualWrap .visualInner .vTitArea .tit { font-size:50px; font-weight:bold; color:#222; font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; position:relative; }
.visualWrap .visualInner .vTitArea .txt { color:rgba(68,68,68,0.5); font-size:22px; margin-top:14px; letter-spacing:0.3em; }
.visualWrap .visualInner .vTitArea .txt2 { padding:8px 0px 0; display:inline-block; color:rgba(68,68,68,0.5); margin-top:8px; margin-bottom:-20px; font-size:18px; line-height:1; border-top:1px solid rgba(68,68,68,0.3); letter-spacing:0.04em; }
.visualWrap .subTab { text-align:center; }
.visualWrap .subTab ul { display:inline-block; padding:30px 0 0; }
.visualWrap .subTab ul li { display:inline-block; text-align:center; margin-right:5px; margin-bottom:5px; }
.visualWrap .subTab ul li a { font-size:18px; color:#777; background:#fff; height:44px; border-radius:25px; padding:0 20px;  display:block; line-height:46px; border:3px solid #fff;}
.visualWrap .subTab ul li.on a, .visualWrap .subTab ul li.on a:hover { border-color:#222; color:#3b3c3f; font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR';}
.visualWrap .subTab ul li a:hover { border-color:#aaa; }
.visualWrap .subTab ul li span { background:#ff4d4d; padding:2px 5px 1px 5px; color:#fff; margin-left:5px; text-align:center; border-radius:10px; font-size:80%; vertical-align:middle; }
#polymath .visualWrap { background:#ffaaac url(//img.dongascience.com/polymath/2019new/images/bg_sub1.png) no-repeat top center; }
#mathfun .visualWrap { background:#98e3f0 url(//img.dongascience.com/polymath/2019new/images/bg_sub2.png) no-repeat top center; }
#giftPang .visualWrap, #mathporter .visualWrap { background:#bcccff url(//img.dongascience.com/polymath/2019new/images/bg_sub3.png) no-repeat top center; }
#achievement .visualWrap { background:#b7f193 url(//img.dongascience.com/polymath/2019new/images/bg_sub4.png) no-repeat top center; }
#aboutMath .visualWrap { background:#7cf1cf url(//img.dongascience.com/polymath/2019new/images/bg_sub5.png) no-repeat top center; }
#allSearch .visualWrap { background:#fee67a url(//img.dongascience.com/polymath/2019new/images/bg_sub6.png) no-repeat top center; }
#myPage .visualWrap{ background:#dae0e6 url(//img.dongascience.com/polymath/2019new/images/bg_sub7.png) no-repeat top center; }

/* 서브 공통 */
.newReCont.subReCont { background:#f9f9f9; border-radius:5px; display:block; overflow:hidden; border:1px solid #efefef; width:calc(100% - 2px); margin-bottom:40px; }
.newReCont.subReCont .conTit { width:calc(100% - 60px); margin:25px 30px 0;}
.newReCont.subReCont .conTit h2 { font-size:30px; color:#222; font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; display:inline-block; }
.newReCont.subReCont .coverLi ul li .listGroup .cont h4 { padding:20px; -webkit-line-clamp:2; }
.newReCont.subReCont .coverLi ul li:hover .listGroup .cont h4 { -webkit-line-clamp:3; height:4.2em; overflow:hidden; }
.newReCont.subReCont .moreBtn { display:block; float:right; width:20px; height:20px; background:url(//img.dongascience.com/polymath/2019new/images/btn_more.png) no-repeat center; text-indent:-9999px; }

.btnType1 { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:20px; color:#fff; background:#062b70; height:53px; border-radius:5px; line-height:53px; border:1px solid #062b70; padding:0 20px; cursor:pointer;}
.btnType2 { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:23px; color:#062b70; background:#fff; height:54px; border-radius:5px; line-height:54px; border:3px solid #062b70; padding:0 20px; cursor:pointer; display:inline-block; }
.btnType3 {font-family:'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; color:#555; font-size:14px; text-align:center; border-radius:3px; border:1px solid #bbb; height:28px; display:inline-block; line-height:27px; float:left; padding:0 10px; margin-left:5px; background:#fff; }
.btnType4 { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:20px; color:#fff; background-color:#ff4d4d; height:53px; border-radius:5px; line-height:53px; border:1px solid #ff4d4d; padding:0 45px 0 20px; cursor:pointer; display:inline-block; }
.arrowBtn { padding-right:60px; background-image:url(//img.dongascience.com/polymath/2019new/images/btn_arrow.png); background-repeat:no-repeat; background-position:90% 50%; background-size:21px; }
.btnType1.delBtn { width:auto; padding:0 60px 0 20px; background-image:url(//img.dongascience.com/polymath/2019new/images/icon_del2.png); background-repeat:no-repeat; background-position:85% 50%; background-size:15px 17px; }
.btnType1.allBtn { border-color:#aaa; background:#fff; color:#777; margin-right:7px; }
.btnType1.signBtn { padding-right:50px; background-image:url(//img.dongascience.com/polymath/2019new/images/btn_sign.png); background-repeat:no-repeat; background-position:82% 50%; background-size:17px 14px; }
.btnType2.zzimBtn { border-color:#999; color:#777; padding-right:50px; background-image:url(//img.dongascience.com/polymath/2019new/images/icon_zzim.png); background-repeat:no-repeat; background-position:90% center; }
.btnType2.zzimBtn.on { border-color:#ff4d4d; color:#ff4d4d; background-image:url(//img.dongascience.com/polymath/2019new/images/icon_zzim_on.png); }
#mathporter .btnType2.zzimBtn { background-image:url(//img.dongascience.com/polymath/2019new/images/icon_zzim2.png); }
#mathporter .btnType2.zzimBtn.on { background-image:url(//img.dongascience.com/polymath/2019new/images/icon_zzim2_on.png); }
.btnType2.listBtn { padding-right:75px; background-image:url(//img.dongascience.com/polymath/2019new/images/btn_list.png); background-repeat:no-repeat; background-position:90% center; }
.btnType2.checkIcon { padding-right:75px; background-image:url(//img.dongascience.com/polymath/2019new/images/icon_check3.png); background-repeat:no-repeat; background-position:90% center; background-size:20px; }
.modBtn, .delBtn { width:48px; padding:0; }
.tipGo { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:20px; color:#fff; background-color:#ff4d4d; height:53px; border-radius:5px; line-height:53px; border:1px solid #ff4d4d; padding:0 45px 0 20px; cursor:pointer; display:inline-block; }

.listCount { float:left; font-size:20px; color:#777; margin-top:25px; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; }
.listCount span {color:#062b70; font-weight:bold; }
.rightArea { float:right; }
.opt { border-radius:5px; height:53px; width:150px; font-size:18px; color:#666;  }
.paging {clear:both; display:block; overflow:hidden; margin:30px 0 60px; text-align:center; }
.paging a { display:inline-block; height:33px; text-align:center; font-size:17px; color:#777; padding:0 10px; border-bottom:2px solid #fff; line-height:28px; margin:0 5px; }
.paging a.on, .paging a.on:hover { border-bottom:2px solid #062b70; font-weight:bold; color:#062b70; }
.paging a:hover { border-bottom:2px solid #aaa; }
.paging a.prev { border-radius:5px; width:35px; height:35px; border:1px solid #ddd; text-indent:-9999px; padding:0; margin-right:20px; background:#fff url(//img.dongascience.com/polymath/2019new/images/btn_arrow_prev.png) no-repeat center; background-size:7px 12px; }
.paging a.next { border-radius:5px; width:35px; height:35px; border:1px solid #ddd; text-indent:-9999px; padding:0; margin-left:20px; background:#fff url(//img.dongascience.com/polymath/2019new/images/btn_arrow_next.png) no-repeat center; background-size:7px 12px; }

.titBg { font-size:33px; color:#222; font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; margin-bottom:30px; font-weight:normal; background:url(//img.dongascience.com/polymath/2019new/images/bg_textline.png) repeat-x bottom; display:inline-block; }
.titBg span { font-family:'nanumsquareb','Malgun Gothic','맑은고딕', sans-serif; }

/* 서브 뷰 */
.viewWrap .viewInner { margin-bottom:45px; }
.viewWrap .btnInner { text-align:center; margin-bottom:60px; }
.viewWrap .btnInner > a { margin-right:10px; }
.viewWrap .btnInner > a:last-child { margin-right:0; }
.viewWrap .viewInner .name a:hover, .viewWrap .viewInner .nameClub a:hover { text-decoration:underline; }
.viewTitInner { clear:both; display:block; overflow:hidden; border-bottom:1px solid #dedede; }
.viewTitInner .titArea { margin:50px 40px 35px; display:block; overflow:hidden; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; }
.viewTitInner .titArea .viewTit { display:block; overflow:hidden; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; margin-bottom:25px; }
.viewTitInner .titArea .viewTit .tit { font-size:30px; color:#222; font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; float:left; margin-right:10px; }
.viewTitInner .titArea .viewInfo  span { font-size:18px; }
.viewTitInner .titArea .viewInfo  span:before { content:''; display:inline-block; margin-left:10px; padding-left:10px; border-left:1px solid #ddd; height:12px; }
.viewTitInner .titArea .viewInfo  span:first-child:before { display:none; }
.viewTitInner .titArea .viewInfo .name a { color:#062b70; }
.viewTitInner .titArea .viewInfo .nameClub a { color:#777; }
.viewTitInner .titArea .viewInfo .nameClub:before { border:0; padding:0; margin-left:2px; }
.viewTitInner .titArea .viewInfo .name.mathdonga a { width:77px; height:30px; background:url(//img.dongascience.com/polymath/2019new/images/name_logo.png) no-repeat center; background-size:100%; display:inline-block; text-indent:-999px; }
.viewTitInner .viewEtc { background:#f6f6f6; padding:12px 40px; display:block; overflow:hidden; }
.viewTitInner .viewEtc .peopleCon { float:left; display:inline-block; overflow:hidden; font-size:18px; color:#ff4d4d; padding-left:20px; background:url(//img.dongascience.com/polymath/2019new/images/icon_check.png) no-repeat left center; background-size:15px; margin:5px 0; }
.viewTitInner .viewEtc .sns { float:right; display:inline-block; overflow:hidden; }
.viewTitInner .viewEtc .sns .snsTit { display:block; font-size:16px; color:#555; padding-left:20px; float:left; background:url(//img.dongascience.com/polymath/2019new/images/icon_share.png) no-repeat left center; background-size:17px; margin:7px; }
.viewTitInner .viewEtc .sns .snsBtn { display:block; float:left; }
.viewTitInner .viewEtc .sns .snsBtn a { width:36px; height:36px; display:inline-block; background:url(//img.dongascience.com/polymath/2019new/images/btn_sns_fb.png) no-repeat center; background-size:100%; text-indent:-9999px; float:left; margin-left:7px; }
.viewTitInner .viewEtc .sns .snsBtn .fb { background:url(//img.dongascience.com/polymath/2019new/images/btn_sns_fb.png) no-repeat center; background-size:100%; }
.viewTitInner .viewEtc .sns .snsBtn .tw { background:url(//img.dongascience.com/polymath/2019new/images/btn_sns_tw.png) no-repeat center; background-size:100%; }
.viewTitInner .viewEtc .sns .snsBtn .ktalk { background:url(//img.dongascience.com/polymath/2019new/images/btn_sns_ktalk.png) no-repeat center; background-size:100%; }
.viewTitInner .viewEtc .sns .snsBtn .kstory { background:url(//img.dongascience.com/polymath/2019new/images/btn_sns_kstory.png) no-repeat center; background-size:100%; }
.viewTitInner .viewEtc .sns .snsBtn .nblog { background:url(//img.dongascience.com/polymath/2019new/images/btn_sns_nblog.png) no-repeat center; background-size:100%; }
.viewTitInner .viewEtc .sns .snsBtn .nband { background:url(//img.dongascience.com/polymath/2019new/images/btn_sns_nband.png) no-repeat center; background-size:100%; }

.viewContInner { width:100%; }
.viewContInner .viewTxt { padding:50px 40px; font-size:18px; /*line-height:1.4;*/ color:#666; }
.viewContInner .viewTxt img { max-width:100%; height:auto !important; }
.viewContInner .downFile { width:100%; padding:0 0 50px; /*margin:0 40px; border-top:1px solid #dedede;*/ text-align:center; color:#fff; }
.viewContInner .downFile .downBtn { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; color:#fff; height:60px; padding:0 60px 0 25px; line-height:60px; display:inline-block; font-size:23px; border-radius:5px; background:#222 url(//img.dongascience.com/polymath/2019new/images/icon_down.png) no-repeat 87% center; background-size:19px 22px; }
.viewContInner .downFile .dlBtn { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; color:#fff; height:60px; padding:0 85px 0 25px; line-height:60px; display:inline-block; font-size:23px; border-radius:5px; background:#41b5c6 url(//img.dongascience.com/polymath/2019new/images/icon_dl.jpg) no-repeat right center; background-size:60px; }

.viewInner.print { max-width:1000px; width:100%; margin:0 auto; }
.viewInner.print .viewGroup { border-top:1px solid #bbb; }
.viewInner.print .viewTitInner {background:#f8f8f8; border-bottom:1px solid #e7e7e7; }
.viewInner.print .viewTitInner .titArea { margin:38px 40px 35px; }
.viewInner.print .viewTitInner .titArea .viewTit { margin-bottom:18px; }

/* 200521 추가 */
.viewContInner { width:100%; }
.viewContInner .downFile { padding:30px 0; margin:0 40px; border-top:1px solid #dedede; text-align:center; color:#fff; }
.viewContInner .downFile .downBtn {  color:#fff; height:60px; padding:0 60px 0 25px; line-height:60px; display:inline-block; font-size:23px; border-radius:5px; background:#222 url(//img.dongascience.com/scienceboard/images/icon_down.png) no-repeat 87% center; background-size:19px 22px; }

.viewMoveInner{font-size: 0; line-height:100px; height: 100px; border-top:1px solid #e5e5e5; overflow: hidden; }
.viewMoveInner a{display: block}
.viewMoveInner :after{display:block;clear:both;height:0;content:'';}
.viewMoveInner .prev{display: inline-block;width: 50%;font-size: 18px; }
.viewMoveInner .next{display: inline-block;width: 49%;font-size: 18px;border-left: 1px solid #e5e5e5; }
.viewMoveInner .func{font-weight: 700;padding: 0 15px; }
.viewMoveInner .tit{width: 65%; text-overflow:ellipsis; overflow:hidden;white-space:nowrap; }
.viewMoveInner .prev span{display: inline-block;height: 100px; float: left; vertical-align: middle; }
.viewMoveInner .next span{display: inline-block;height: 100px; float: right; vertical-align: middle; }
.viewMoveInner .prev .arrow{width:70px; background: url( "//img.dongascience.com/scienceboard/images/arrow_l_thin.png") center no-repeat; }
.viewMoveInner .next .arrow{width:70px; background: url( "//img.dongascience.com/scienceboard/images/arrow_r_thin.png") center no-repeat; }
.viewMoveInner .prev .tit{text-align:left; }
.viewMoveInner .next .tit{text-align:right; }

/* 부가 내용 */
.viewTag, .tagArticle, .evaluation { width:calc(100% - 80px); padding:0 40px; margin:0 auto 40px; display:block; overflow:hidden; }
.viewTag .tagInner { width:calc(100% - 60px); padding:18px 30px; background:#f3f5f9; border-radius:5px; display:block; overflow:hidden; }
.viewTag .tagInner .icon { float:left; background:url(//img.dongascience.com/polymath/2019new/images/icon_tag.png) no-repeat 0; background-size:22px 12px; width:22px; height:12px; text-indent:-9999px; margin:4px 10px 0 0; }
.viewTag .tagInner .tagArea { width:calc(100% - 40px); float:left; }
.viewTag .tagInner .tagArea a { color:#6881b0; font-size:15px; margin-right:13px; letter-spacing:-0.06em; display:inline-block; }
.viewTag .tagInner .tagArea a:last-child { margin-right:0; }
.viewTag .tagInner .tagArea a:hover { text-decoration:underline; }

.tagArticle .tit { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:19px; color:#062b70; padding-left:20px; margin-bottom:10px; background:url(//img.dongascience.com/polymath/2019new/images/bg_line.png) repeat-x center; }
.tagArticle .tit span { background:#fff; padding:0 10px; }
.tagArticle .articleArea { padding:0 30px; }
.tagArticle .articleArea a { font-size:17px; color:#555555; margin-bottom:3px; display:block; letter-spacing:-0.07em; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; max-width:100%; }
.tagArticle .articleArea a:before { content:''; width:8px; height:8px; background:url(//img.dongascience.com/polymath/2019new/images/icon_tagnews.png) no-repeat top; display:inline-block; margin-right:8px; }
.tagArticle .articleArea a:hover { text-decoration:underline; }

.evaluation .titArea { background:#062b70; color:#fff; border-radius:5px 5px 0 0; display:block; overflow:hidden; padding:15px 30px; line-height:1; }
.evaluation .titArea .tit { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:19px; float:left; }
.evaluation .titArea .tit:before { content:''; width:18px; height:16px; background:url(//img.dongascience.com/polymath/2019new/images/icon_talk.png) no-repeat center; display:inline-block; margin-right:7px; vertical-align:middle; }
.evaluation .titArea .info { float:right; vertical-align:middle; font-size:16px; }
.evaluation .titArea .info span:last-child:before { content:''; width:1px; height:10px; margin-left:5px; padding-left:11px; border-left:1px solid #516b9b; font-size:8px; }
.evaluation .textCont { background:#f7f7f7; font-size:17px; padding:30px 40px 35px; line-height:1.6em; }

/* 감정 표현 */
.emotion { border-top:1px solid #dedede; padding:40px; display:block; overflow:hidden; }
.emotion .tit { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; color:#062b70; font-size:35px; width:30%; float:left; }
.emotion .tit span { display:block; }
.emotion .emotionArea { width:70%; float:right; }
.emotion .emotionArea .emotionLi { width:20%; float:left; text-align:center; line-height:1; cursor:pointer; display:block; }
.emotion .emotionArea .emotionLi:hover .txt { text-decoration:underline; }
.emotion .emotionArea .emotionLi .txt { font-size:15px; color:#555; }
.emotion .emotionArea .emotionLi .num { font-size:21px; color:#222; margin-top:3px; }
.emotion .emotionArea .emotionLi.on > p { color:#ff4d4d; }
.emotion .emotionArea .emotionLi:before { content:''; width:60px; height:60px; display:block; margin:0 auto 13px; background-image:url(//img.dongascience.com/polymath/2019new/images/icon_emotion1.png); background-repeat:no-repeat; background-position:center; background-size:100%; }
.emotion .emotionArea .emotionLi.useful:before { background-image:url(//img.dongascience.com/polymath/2019new/images/icon_emotion2.png); }
.emotion .emotionArea .emotionLi.fun:before { background-image:url(//img.dongascience.com/polymath/2019new/images/icon_emotion3.png); }
.emotion .emotionArea .emotionLi.amazing:before { background-image:url(//img.dongascience.com/polymath/2019new/images/icon_emotion4.png); }
.emotion .emotionArea .emotionLi.hard:before { background-image:url(//img.dongascience.com/polymath/2019new/images/icon_emotion5.png); }

/* 댓글 */
.viewReWrap { margin-bottom:60px; }
.viewReWrap .reTopArea { padding:25px; background:#f6f6f6; border-bottom:1px solid #dedede; display:block; overflow:hidden; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; }
.viewReWrap .reTopArea .reCount { font-size:28px; color:#222; float:left; margin-top:7px; }
.viewReWrap .reTopArea .reCount span { font-weight:bold; color:#062b70; }
.viewReWrap .reTopArea .reBtn { width:145px; height:50px; border-radius:5px; text-align:center; background:#062b70; display:block; float:right; color:#fff; font-size:18px; line-height:50px; cursor:pointer; }
.viewReWrap .reContArea .noData { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; text-align:center; font-size:30px; padding:50px 10px; color:#777; }
.viewReWrap .reContArea > ul > li { position:relative; border-bottom:1px solid #dedede; padding:20px; display:block; overflow:hidden; }
.viewReWrap .reContArea > ul > li:last-child { border:0; }
.viewReWrap .reContArea > ul > li .reTxt { font-size:18px; line-height:1.8em; color:#666; margin-top:10px; display:block; width:100%; overflow:hidden; letter-spacing:-0.06em; }
.viewReWrap .reContArea > ul > li .reTxt img { max-width:90% !important; height:auto !important;}
.viewReWrap .reContArea .reGroup { position:relative; margin:10px 0; display:block; overflow:hidden; }
.viewReWrap .reContArea .reGroup .topGroup { display:block; overflow:hidden; }
.viewReWrap .reContArea .reGroup .userInfo { display:table; overflow:hidden; float:left; }
.viewReWrap .reContArea .reGroup .userInfo > span { display:table-cell; vertical-align:middle; font-size:16px; color:#777; }
.viewReWrap .reContArea .reGroup .userInfo .photo { display:block; width:50px; height:50px; border-radius:100%; overflow:hidden; position:relative; }
.viewReWrap .reContArea .reGroup .userInfo .photo img { position:absolute; top:0; left:0; right:0; width:100%; min-height:100%; background:#fff; }
.viewReWrap .reContArea .reGroup .userInfo .photo:after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.1); z-index:10; border-radius:24px; }
.viewReWrap .reContArea .reGroup .userInfo .nickname a { font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:24px; color:#222; margin-left:10px; }
.viewReWrap .reContArea .reGroup .userInfo .nickname a:hover { text-decoration:underline; }
.userInfo .level strong { width:50px; height:20px; border-radius:10px; font-size:15px; text-align:center; background:#ff5454; display:block; color:#fff; font-weight:normal; margin-left:10px; }
.userInfo .level.lv1 strong { background:#ff5454; }
.userInfo .level.lv2 strong { background:#ff7c1a; }
.userInfo .level.lv3 strong { background:#ffae01; }
.userInfo .level.lv4 strong { background:#5cc716; }
.userInfo .level.lv5 strong { background:#36beff; }
.userInfo .level.lv6 strong { background:#2e6aff; }
.userInfo .level.lv7 strong { background:#7a53ff; }
.userInfo .level.lv8 strong { background:#ff4baa; }
.userInfo .level.lv9 strong { background:#07bb8e; }
.userInfo .level.lv10 strong { background:#01abc2; }
.userInfo .level.lv11 strong { background:#fff; border:2px solid #ff5454; width:46px; height:16px; color:#ff5454; line-height:1; }
.userInfo .level.lv12 strong { background:#fff; border:2px solid #ff7c1a; width:46px; height:16px; color:#ff7c1a; line-height:1; }
.userInfo .level.lv13 strong { background:#fff; border:2px solid #ffae01; width:46px; height:16px; color:#eb9e00; line-height:1; }
.userInfo .level.lv14 strong { background:#fff; border:2px solid #52b80e; width:46px; height:16px; color:#47b300; line-height:1; }
.userInfo .level.lv15 strong { background:#fff; border:2px solid #26b4f9; width:46px; height:16px; color:#1fabee; line-height:1; }
.userInfo .level { background-image:none !important; }
/*
.viewReWrap .reContArea .reGroup .userInfo .level strong { width:50px; height:20px; border-radius:10px; font-size:15px; text-align:center; background:#ff5454; display:block; color:#fff; font-weight:normal; margin-left:10px; }
.viewReWrap .reContArea .reGroup .userInfo .level.lv1 strong { background:#ff5454; }
.viewReWrap .reContArea .reGroup .userInfo .level.lv2 strong { background:#ff7c1a; }
.viewReWrap .reContArea .reGroup .userInfo .level.lv3 strong { background:#ffae01; }
.viewReWrap .reContArea .reGroup .userInfo .level.lv4 strong { background:#5cc716; }
.viewReWrap .reContArea .reGroup .userInfo .level.lv5 strong { background:#36beff; }
.viewReWrap .reContArea .reGroup .userInfo .level.lv6 strong { background:#2e6aff; }
.viewReWrap .reContArea .reGroup .userInfo .level.lv7 strong { background:#7a53ff; }
.viewReWrap .reContArea .reGroup .userInfo .level.lv8 strong { background:#ff4baa; }
.viewReWrap .reContArea .reGroup .userInfo .level.lv9 strong { background:#07bb8e; }
.viewReWrap .reContArea .reGroup .userInfo .level.lv10 strong { background:#01abc2; }
.viewReWrap .reContArea .reGroup .userInfo .level.lv11 strong { background:#fff; border:2px solid #ff5454; width:46px; height:16px; color:#ff5454; line-height:1; }
.viewReWrap .reContArea .reGroup .userInfo .level.lv12 strong { background:#fff; border:2px solid #ff7c1a; width:46px; height:16px; color:#ff7c1a; line-height:1; }
.viewReWrap .reContArea .reGroup .userInfo .level.lv13 strong { background:#fff; border:2px solid #ffae01; width:46px; height:16px; color:#eb9e00; line-height:1; }
.viewReWrap .reContArea .reGroup .userInfo .level.lv14 strong { background:#fff; border:2px solid #52b80e; width:46px; height:16px; color:#47b300; line-height:1; }
.viewReWrap .reContArea .reGroup .userInfo .level.lv15 strong { background:#fff; border:2px solid #26b4f9; width:46px; height:16px; color:#1fabee; line-height:1; }
.viewReWrap .reContArea .reGroup .userInfo .level { background-image:none !important; }
*/
.viewReWrap .reContArea .reGroup .userInfo .date { padding:0 10px; }
.viewReWrap .reContArea .reGroup .btnArea { float:left; margin-top:10px; }
.viewReWrap .reContArea .reGroup .lGroup { width:calc(81.74% - 41px); display:block; overflow:hidden; float:left; border-right:1px solid #dedede; padding:0 20px; }
.viewReWrap .reContArea .reGroup .lGroup { position:relative; }
.viewReWrap .reContArea .reGroup .rGroup { width:calc(18% - 20px); display:block; overflow:hidden; margin-left:20px;  float:right; }
.viewReWrap .reContArea .good { display:block; margin-top:5px; font-size:16px; color:#ff4d4d; font-weight:bold; }
.viewReWrap .reContArea .good strong { width:38px; height:38px; text-indent:-9999px; border-radius:5px; background:#ff4d4d url(//img.dongascience.com/polymath/2019new/images/icon_good.png) no-repeat center; border:1px solid #ff4d4d; display:inline-block; vertical-align:middle; margin-right:10px; cursor:pointer; }
.viewReWrap .reContArea .re_num { display:block; margin-top:5px; font-size:16px; color:#777; font-weight:bold; }
.viewReWrap .reContArea .re_num strong { width:38px; height:38px; text-indent:-9999px; border-radius:5px; background:#fff url(//img.dongascience.com/polymath/2019new/images/icon_reply_btn.png) no-repeat center; border:1px solid #aaa; display:inline-block; vertical-align:middle; margin-right:10px; }
.viewReWrap .reContArea .reReply { margin-top:30px; }
.viewReWrap .reContArea .reReply > li { position:relative; background:#f9f9f9 url(//img.dongascience.com/polymath/2019new/images/icon_reply.png) no-repeat; background-position:20px top; width:calc(100% - 60px); padding:20px 30px; border-bottom:1px solid #ebebeb; }
.viewReWrap .reContArea .reReply > li:last-child { border:0; }
.viewReWrap .reContArea .reReply .reGroup { padding:0; }
.viewReWrap .reContArea .reReply .lGroup { width:calc(84% - 51px); padding:0 25px; }
.viewReWrap .reContArea .reReply .rGroup { width:calc(16% - 20px); margin-left:20px; }
.viewReWrap .reContArea .reBtn { font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; font-size:16px; height:40px; width:130px; border:1px solid #062b70; color:#062b70; text-align:center; display:block; border-radius:5px; line-height:40px; font-weight:bold; cursor:pointer; }
.checkBtn { border-color:#062b70; background-color:#062b70; color:#fff; cursor:pointer; }
.checkBtn2 { border-color:#a1a1a1; background-color:#aaa; color:#fff; }
.btnType3.secretBtn { display:table-cell; vertical-align:middle; font-size:0; border:0; height:auto; line-height:0; float:none; padding:0; margin-left:0; background:none; }
.secretBtn:before { content:'비밀글'; font-family:'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; color:#062b70; font-size:14px; text-align:center; border-radius:3px; border:1px solid #062b70; height:28px; display:inline-block; line-height:27px; float:left; padding:0 10px; margin-left:5px; background:#fff; }
.completeBtn { border-color:#ff4d4d; color:#ff4d4d; }
.completeBtn2 { border-color:#062b70; color:#062b70; }
.secretIcon { width:18px; height:20px; background:url(//img.dongascience.com/polymath/2019new/images/icon_secret.png) no-repeat center; background-size:100%; text-indent:-9999px; }
.answerIcon { width:19px; height:22px; background:url(//img.dongascience.com/polymath/2019new/images/icon_answer.png) no-repeat center; background-size:100%; text-indent:-9999px; }
.viewReWrap .reContArea .completeLabel { position:absolute; top:0; right:19.5%; width:60px; height:55px;  }
.viewReWrap .reContArea .reReply .completeLabel { right:18.2%; }
.viewReWrap .reContArea .completeLabel > div { width:100%; height:100%; background-size:100%; font-size:14px; line-height:48px; }

/* 신고버튼 추가로 인한 변경 21-02-02 */
.comment_report {width: 38px; height: 38px; overflow: hidden; display: block; background: url(http://img.dongascience.com/polymath/2019new/images/icon_warning.png) center no-repeat; background-size: 20px auto; cursor: pointer; margin-top: 5px; border-radius: 5px; border: 1px solid #aaa;}



/* 댓글 작성 */
.pop_bg_bfix{ z-index:100; position:fixed; bottom:0; left:0; resize:0; width:100%; background:url(//img.dongascience.com/polymath/images/pop_bg_w.png); border-top:1px solid #001e61}
.pop_bg_bfix .space{position:relative;}
.pop_bg_bfix #reply_write{max-width:1100px; height:auto; margin-bottom:30px}
.pop_bg_bfix #reply_write h2{ text-align:left; }
.pop_bg_bfix .btn_group_write{ position:absolute; right:0; top:0; text-align:right; }
/* .pop_bg_bfix .btn_group_write input{margin:0 0 0 10px;} */
.pop_bg_bfix .editor .txt_area textarea{ height:100%; }
.pop_bg_bfix #write_group{ border:1px solid #ccc; width:100%; }
.pop_bg_bfix .move{ position:absolute; font-size:0; width:100%; text-align:right;top:-32px; }
.pop_bg_bfix .move span{ display:inline-block; height:30px; width:40px; background:#001e61; overflow:hidden; text-align:center; cursor:pointer}
.pop_bg_bfix .move span.up{border-top-left-radius:10px; border-top:1px solid #fff; border-left:1px solid #fff; }
.pop_bg_bfix .move span.down{border-top-right-radius:10px; border-right:1px solid #fff; border-top:1px solid #fff}

#reply_write{width:90%;max-width:1040px; margin:0 auto; height:700px; position:relative }
#reply_write h2{ font-size:32px; color:#001e61; letter-spacing:-0.02em; font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; text-align:center; line-height:100px}
#reply_write h2 strong{font-family:'nanumsquareb','Malgun Gothic','맑은고딕', sans-serif}
#reply_write .btn_close{ font-size:18px; font-weight:bold; background:url(//img.dongascience.com/polymath/images/ico_close.png) 10px center no-repeat; background-size:16px;  padding:34px 0 39px 45px; position:absolute; right:0; top:0; vertical-align:top; z-index:130; display:none; }
#write_group{ border:1px solid #e5e5e5;border-top:1px solid #001e61; line-height:60px; background:#fff; overflow:hidden}
#write_group .name{ font-size:18px;line-height:30px; padding:15px 40px}
#write_group .name span{ color:#777; font-size:15px; letter-spacing:0.05em; padding-left:10px}
#write_group .editor{border-top:1px solid #e5e5e5; overflow:hidden}

.methticon { position:absolute; top:30px; left:210px; z-index:100; }
.methticon .methBtn { width:83px; height:38px; color:#062b70; line-height:38px; border-radius:5px; text-align:center; cursor:pointer; padding-right:25px; background:#fff url(//img.dongascience.com/polymath/2019new/images/btn_arrow_open.png) no-repeat 90% center; background-size:18px; border:1px solid #062b70; }
.methticon .methBtn.on { background:#fff url(//img.dongascience.com/polymath/2019new/images/btn_arrow_close.png) no-repeat 90% center; background-size:18px; border-radius:5px 5px 0 0; border-bottom:0; }
.methticon .methWrap { width:500px; height:170px; border:1px solid #062b70; background:#fff; overflow-y:scroll; padding:10px 10px 0; margin-top:-1px; }
.methticon .methWrap li { width:86px; height:86px; float:left; border:1px solid #ebebeb; margin-right:10px; margin-bottom:10px; cursor:pointer; }
.methticon .methWrap li:nth-child(5n) { margin-right:0; }
.methticon .methWrap li img { width:100%; }

.editor .func { float:left; width:130px; background:#fbfbfb;border-right:1px solid #e5e5e5;}
.editor .func ul{height:410px; padding:5px}
.editor .func li{ display:inline-block;  margin:5px; font-size:0; vertical-align:top; line-height:0}
.editor .func li button{font-size:11px; text-align:center;width:50px; padding: 30px 0 5px 0 }
.editor .func li button.on{border:1px solid #e9e9e9; border-radius:2px; background:#fff;width:48px; padding: 29px 0 4px 0}
.editor .txt_area{ /*font-size:0; line-height:0;*/ vertical-align:top; overflow:hidden}
.editor .txt_area textarea{ width:96%; padding:10px 2% 10px 2%;height:400px;border:0;overflow-y:scroll}

.btn_group_write{ text-align:center; padding:30px 0; }
.btn_group_write input{ font-size:18px; font-weight:bold; margin:0 5px;height:43px; padding:0 20px; cursor:pointer}
.btn_group_write .btn_cancel{background:#fff; border:1px solid #001e61; border-radius:5px; color:#001e61; }
.btn_group_write .btn_regist{background:#ff3300; border:1px solid #ff3300; border-radius:5px; color:#fff; margin:0 0 0 10px;}

/* 폴리매스 */
.listTit { margin-bottom:30px; display:block; overflow:hidden; }
#polymath .contBox.polyInfo { background:#f9f9f9; padding:50px; margin-bottom:60px; }
#polymath .polyInfo h3 { font-size:40px; color:#222; font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; margin-bottom:30px; font-weight:normal; }
#polymath .polyInfo h3 span { font-weight:bold; }
#polymath .polyInfo .txt { font-size:18px; color:#777; line-height:1.7em; letter-spacing:-0.035em; }
#polymath .polyInfo .txt img { display:block; margin:0 auto; margin-bottom:30px; width:80%; height:auto;}
.part h4 { font-size:33px; color:#222; font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; margin-bottom:30px; font-weight:normal; background:url(//img.dongascience.com/polymath/2019new/images/bg_textline.jpg) repeat-x bottom; display:inline-block; }
.part h4 span { font-weight:bold; }
#polymath .part .txt { font-size:18px; color:#777; line-height:1.5em; }
#polymath .part .peopleInfo { display:block; overflow:hidden; }
#polymath .part .peopleInfo h5 { color:#1fb57d; font-family:'nanumsquareb','Malgun Gothic','맑은고딕', sans-serif; margin-bottom:30px; font-size:23px; font-weight:normal; }
#polymath .part .peopleInfo ul li { width:47%; margin-right:6%; margin-bottom:50px; display:block; float:left; }
#polymath .part .peopleInfo ul li:nth-child(2n) { margin-right:0; }
#polymath .part .peopleInfo ul li .photo { position:relative; width:95px; height:98px; border-radius:5px; float:left; overflow:hidden; }
#polymath .part .peopleInfo ul li .photo img { width:100%; height:100%; }
#polymath .part .peopleInfo ul li .photo:after { content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid rgba(0,0,0,0.1); border-radius:5px; }
#polymath .part .peopleInfo ul li .group { width:calc(100% - 117px); margin-left:20px; float:left; overflow:hidden; border-top:1px solid #ddd; color:#222; line-height:1 }
#polymath .part .peopleInfo ul li .group .name { font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; font-size:22px; padding-top:30px; margin-bottom:5px; font-weight:bold;}
#polymath .part .peopleInfo ul li .intro { display:block; overflow:hidden; width:100%; padding-top:20px; line-height:1.5em; color:#777; }
#polymath .part.rule { display:block; padding-bottom:60px; background:url(//img.dongascience.com/polymath/2019new/images/img_polymath_bg.png) no-repeat; background-position:right bottom; background-size:32.1%; }
#polymath .part.rule ul { width:67%; }
#polymath .part.rule ul li { margin-bottom:10px; display:block; overflow:hidden; }
#polymath .part.rule ul li:last-child { margin-bottom:0; }
#polymath .part.rule ul li .num { display:block; float:left; overflow:hidden; width:18px; height:18px; color:#fff; font-size:14px; font-weight:bold; text-align:center; background-color:#062b70; border-radius:9px; margin:5px 10px 0 0; line-height:1.2em; }
#polymath .part.rule ul li .txt { display:block; float:left; overflow:hidden; width:calc(100% - 28px); }
#polymath .part.benefit { display:block; width:67%; margin-bottom:70px; }
#polymath.Junior .part.rule { margin-bottom:60px; }

/* 매스펀 */
#mathfun .subTab.ranking .rankTit { position:relative; color:#fff17a; font-size:20px; background:#00769d; display:inline-block; height:44px; border-radius:25px; padding:0 20px; line-height:46px; border:3px solid #00769d; margin-right:10px; margin-bottom:5px;  }
#mathfun .subTab.ranking .rankTit span { font-size:16px; color:#fff; margin-left:10px; }
#mathfun .subTab.ranking .rankTit:after { content:''; width:10px; height:10px; display:block; position:absolute; top:42%; right:-7px; background:#00769d; -ms-transform: rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
#mathfun .subTab.ranking .label { color:#1398c4; font-weight:bold; font-size:14px; width:30px; height:24px; background:url(//img.dongascience.com/polymath/2019new/images/icon_rank.png) no-repeat center; background-size:30px 24px;  display:inline-block; vertical-align:middle; line-height:1.6em; text-align:center; margin:0 5px 0 0; }
#mathfun .ranking ul li.on a, #mathfun .ranking ul li.on a:hover { border-color:#00769d; color:#1398c4; }
#mathfun .rankPeople { background:#f9f9f9 url(//img.dongascience.com/polymath/2019new/images/icon_trophy.png) no-repeat; background-position:20px 50%; background-size:65.5px 54.5px; border-radius:5px; display:block; overflow:hidden; border:1px solid #efefef; width:calc(100% - 122px); margin-bottom:40px; padding:40px 20px 40px 100px; font-size:27px; font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; color:#222; }
#mathfun .rankPeople strong { color:#062b70; }

/* 통합검색 */
#allSearch .scArea { max-width:1240px; margin:0 auto; }
#allSearch .scArea .scInput { max-width:50%; min-width:200px; height:70px;  margin:5px auto; background:#fff; border-radius:5px; display:block; overflow:hidden;}
#allSearch .scArea .scInput input { width:calc(100% - 260px); float:left; border:0; height:100%; padding-left:20px; font-size:22px; color:#555; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; letter-spacing:0; }
#allSearch .scArea .scInput input::-ms-input-placeholder { color: #aaa; }
#allSearch .scArea .scInput input::-webkit-input-placeholder { color: #aaa; }
#allSearch .scArea .scInput input::-moz-placeholder { color: #aaa; }
#allSearch .scArea .scBtn { display:block; float:right; width:50px; height:100%; background:url(//img.dongascience.com/polymath/2019new/images/icon_search.png) no-repeat center; text-indent:-9999px; cursor:pointer; }
#allSearch .opt { font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; height:100%; width:180px; border:0; border-right:1px solid #ddd; border-radius:0; font-size:16px; color:#666; float:left; padding-left:10px; }
#allSearch .resultCount { font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; font-size:30px; color:#222; margin-bottom:40px; }
#allSearch .resultCount strong, #allSearch .cateTit strong, #allSearch .resultList li span { color:#ff4d4d; }
#allSearch .cateTit { background:#f9f9f9; color:#222; font-size:25px; font-weight:bold; padding:30px; }
#allSearch .resultList li { display:block; border-bottom:1px solid #f1f1f1; padding:30px;  }
#allSearch .resultList li:last-child { border-bottom:0; }
#allSearch .resultList li .tit { color:#222; font-size:22px; }
#allSearch .resultList li .txt { color:#666; margin-top:15px; font-size:17px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.6em; height: 3.2em; overflow: hidden; }
#allSearch .resultList li .infoArea { margin-top:15px; }
#allSearch .resultList li .infoArea > span, #allSearch .resultList li .infoArea a { color:#777; font-size:16px; }
#allSearch .resultList li .infoArea .date:before { content:''; display:inline-block; padding-left:12px; margin-left:10px;  border-left:1px solid #ddd; height:12px; }
#allSearch .resultList li .infoArea a:hover, #allSearch .moreBtn:hover { text-decoration:underline; }
#allSearch .moreBtn { padding:20px; display:block; overflow:hidden; border-top:1px solid #f1f1f1; }
#allSearch .moreBtn a { display:inline-block; float:right; color:#777; }
#allSearch .resultBox { margin-bottom:30px; }
#allSearch .resultBox:last-child { margin-bottom:70px; }
#allSearch .resultBox .noData { padding:40px 30px; color:#777; font-size:20px; vertical-align:middle; }
#allSearch .resultBox .noData p { background:url(//img.dongascience.com/polymath/2019new/images/icon_check2.png) no-repeat; background-position:0 8px; padding-left:25px; background-size:14px 12px; margin-bottom:7px; }

/* 도전! 나도 수학자 */
#wrap #makePoly { min-height:auto !important; }
#makePoly .skin { background:url(//img.dongascience.com/polymath/2019new/images/bg_makepoly.jpg) no-repeat; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-size:100% 100%; z-index:1; }
#makePoly .makeWrap { position:fixed; width:1000px; top:50%; left:50%; margin:-380px 0 0 -500px; z-index:10; }
#makePoly .makeWrap .makeHead {position: relative; width:100%; height:75px; color:#062b70; background:#062b70; border-radius:5px 5px 0 0; line-height:74px; overflow:hidden; }
#makePoly .makeWrap .makeHead .tit { float:left; background:url(//img.dongascience.com/polymath/2019new/images/icon_star.png) no-repeat; background-size:33px 32px; background-position:20px center; }
#makePoly .makeWrap .makeHead .tit p { font-size:28px; color:#fff; font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; float:left; margin:0 15px 0 0; padding-left:60px; }
#makePoly .makeWrap .makeHead .tit span { float:left; color:#a5c1ff; font-size:18px; }
#makePoly .makeWrap .makeHead .tit .total:before { content:''; padding-left:10px; margin-left:10px; border-left:1px solid #596f9f; height:12px; display:inline-block; }
#makePoly .makeWrap .makeHead .close { width:75px; height:75px; float:right; background:#00143a url(//img.dongascience.com/polymath/2019new/images/icon_close.png) no-repeat center; background-size:38px 45px; text-indent:-9999px; cursor:pointer; border-radius:0 5px 0 0; }
#makePoly .makeWrap .makeCont { width:100%; height:200px; overflow:hidden; background:#edf2ff; }
#makePoly .makeWrap .makeCont .profile { width:60%; height:100%; float:left; display:block; overflow:hidden; }
#makePoly .makeWrap .makeCont .contL { position:relative; width:38%; height:100%; display:block; overflow:hidden; float:left; }
#makePoly .makeWrap .makeCont .contL .photo { position:relative; margin:25px auto 25px; width:130px; height:130px; border:10px solid #fff; border-radius:70px; background:url(//img.dongascience.com/polymath/2019new/images/profile_none.png) no-repeat; background-size:100%; overflow:hidden; }
#makePoly .makeWrap .makeCont .contL .photo img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; background:#fff; }
#makePoly .makeWrap .makeCont .contL .level { font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; position:absolute; bottom:25px; left:50%; margin-left:20px; width:65px; height:65px; background:url(//img.dongascience.com/polymath/2019new/images/icon_level1.png) no-repeat 0; font-size:20px; color:#fff; font-weight:bold; line-height:60px; letter-spacing:-0.1em; text-align:center; background-size:100%;  }
#makePoly .makeWrap .makeCont .contL .level span { font-size:30px; font-family:'nanumsquareb','Malgun Gothic','맑은고딕'; }
#makePoly .makeWrap .makeCont .contR { width:62%; height:100%; display:block; overflow:hidden; float:right; }
#makePoly .makeWrap .makeCont .contR .nickname { font-family:'nanumsquareb','Malgun Gothic','맑은고딕', sans-serif; font-size:30px; color:#222; margin-top:33px; }
#makePoly .makeWrap .makeCont .contR .message { position:relative; width:80%; height:45px; background:#fff; border-radius:20px; padding:20px; margin-top:15px; display:block; overflow:hidden; }
#makePoly .makeWrap .makeCont .contR .message .txt { font-size:15px; width:84%; }
#makePoly .makeWrap .makeCont .contR .message .modBtn { position:absolute; right:0; bottom:0; background:#8f95a1; width:53px; height:30px; display:block; text-align:center; color:#fff; border-radius:15px 0 0 0; line-height:28px; }
#makePoly .makeWrap .makeCont .contR .message .cancel { position:absolute; right:54px; bottom:0; background:#8f95a1; width:53px; height:30px; display:block; text-align:center; color:#fff; border-radius:15px 0 0 0; line-height:28px; }
#makePoly .makeWrap .makeCont .contR .message .complete { position:absolute; right:0; bottom:0; background:#062b70; width:53px; height:30px; display:block; text-align:center; color:#fff; border-radius:0; line-height:28px; }
#makePoly .makeWrap .makeCont .contR .message .messageMod textarea { width:84%; resize:none; font-size:15px; border:0; overflow-y:hidden; }
#makePoly .makeWrap .makeCont .ranking { width:40%; float:right; display:block; overflow:hidden; background:#d6e3ff; height:100%; text-align:center; }
#makePoly .makeWrap .makeCont .ranking .polyRank { width:calc(50% - 1px); border-right:1px solid #c2d5ff; height:100%; float:left; background:url(//img.dongascience.com/polymath/2019new/images/icon_ranking.png) no-repeat; background-size:164px 132px; background-position:center 75%; }
#makePoly .makeWrap .makeCont .ranking .polyRank .tit { margin-top:21px; font-size:18px; color:#222; }
#makePoly .makeWrap .makeCont .ranking .polyRank .num { font-size:30px; color:#062b70; }
#makePoly .makeWrap .makeCont .ranking .polyRank .num span { font-weight:bold; display:block; font-size:45px; line-height:0.9; margin-top:30px; }
#makePoly .makeWrap .makeCont .ranking .polyCount { width:50%; height:100%; float:right; }
#makePoly .makeWrap .makeCont .ranking .polyCount > div { display:block; overflow:hidden; border-bottom:1px solid #c2d5ff; height:49px; }
#makePoly .makeWrap .makeCont .ranking .polyCount > div:last-child { border-bottom:0; }
#makePoly .makeWrap .makeCont .ranking .polyCount > div > p { display:inline-block; line-height:1; }
#makePoly .makeWrap .makeCont .ranking .polyCount .tit { font-size:16px; color:#222; float:left; padding:16px 0 16px 18px; width:calc(45% - 20px); text-align:left; }
#makePoly .makeWrap .makeCont .ranking .polyCount .num { font-weight:bold; font-size:20px; color:#062b70; letter-spacing:-0.02em; float:right; padding:13px 18px 13px 0; width:calc(55% - 20px); text-align:right; }
#makePoly .makeWrap .makeList { background:#fff; border-radius:0 0 5px 5px; padding:35px 50px; }
#makePoly .makeWrap .makeList .tabArea { width:100%; height:44px; border-bottom:1px solid #062b70; }
#makePoly .makeWrap .makeList .tabArea span { /*width:160px;*/ padding:0 22px; text-align:center; height:43px; line-height:43px; border:1px solid #cdcdcd; border-bottom:1px solid #062b70; background:#f4f4f4; color:#555; display:block; float:left; border-radius:5px 5px 0 0; margin-right:5px; font-size:18px; }
#makePoly .makeWrap .makeList .tabArea span.on { color:#062b70; border-color:#062b70; border-bottom-color:#fff; background:#fff; font-weight:bold; }
#makePoly .makeWrap .makeList .listWrap { clear:both; display:block; overflow:hidden; }
#makePoly .makeWrap .makeList .listWrap li { margin-top:14px; width:calc(50% - 50px); display:block; overflow:hidden; margin-right:50px; float:left; }
#makePoly .makeWrap .makeList .listWrap li .thum { position:relative; display:block; overflow:hidden; width:150px; float:left; }
#makePoly .makeWrap .makeList .listWrap li .thum .thumImg { position:relative; padding-top:75%; overflow:hidden; }
#makePoly .makeWrap .makeList .listWrap li .thum .thumImg img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; border-radius:5px; }
#makePoly .makeWrap .makeList .listWrap li .thum .people { bottom:10%; right:50%; width:50%; margin-right:calc(-25% - 10px); }
#makePoly .makeWrap .makeList .listWrap li .cont { display:block; width:calc(100% - 175px); float:left; overflow:hidden; margin-left:25px; margin-top:15px; }
#makePoly .makeWrap .makeList .listWrap li .cont h3 { font-size:15px; color:#00c1cf; font-weight:bold; text-decoration:underline; }
#makePoly .makeWrap .makeList .listWrap li .cont h4 { font-size:17px; }
#makePoly .makeWrap .makeList .listWrap li .cont .info { margin-top:15px; }
#makePoly .makeWrap .makeList .listWrap li .cont .date { font-size:14px; color:#777; margin-top:2px; line-height:1.5; }
#makePoly .makeWrap .makeList .listWrap li .cont .date:before { content:''; display:inline-block; border-left:1px solid #ddd; height:10px; padding-left:7px; margin-left:10px; }
#makePoly .makeWrap .makeList .listWrap li a:hover h4 { text-decoration:underline; }
#makePoly .paging { margin:20px 0 0 0; }
#makePoly #makeTab1 h4, #makePoly #makeTab3 h4, #makePoly #makeTab4 h4 { text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em; height:2.6em; overflow:hidden; }
#makePoly #makeTab2 h4 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }


/* 도전나도수학자 상단 신고버튼 추가 21.02.05 */
#makePoly .makeWrap .makeHead .btn_warning {display: none; text-indent: -9999px; width: 32px; height: 32px; background: url(//img.dongascience.com/polymath/2019new/images/icon_warning_b.png) 0 0 no-repeat; background-size: 32px 32px; cursor: pointer; position: absolute; top: 14px; right: 68px;}



/* 마이페이지 */
#myPage .userBox { font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; }
#myPage .userBox .photoArea { margin:1.5%; width:30%; border-radius:5px; background:#bcecff; padding:7.3% 0; float:left; display:block; height:100%; }
#myPage .userBox .photoArea .photo { position:relative; width:140px; height:140px; border-radius:100%; overflow:hidden; margin:0 auto; background:url(//img.dongascience.com/polymath/2019new/images/profile_none.png) no-repeat; background-size:100%; border:10px solid #fff;  }
#myPage .userBox .photoArea .photo img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; background:#fff; }
#myPage .userBox .photoArea .myBtn { width:96px; height:38px; text-align:center; background:#fff; color:#062b70; border:1px solid #062b70; border-radius:5px; display:block; margin:15px auto; line-height:38px; font-size:16px; font-weight:bold; }
#myPage .userBox .photoArea .txt { text-align:center; font-size:18px; margin:0 40px; line-height:1.5em; }
#myPage .userBox .myArea { width:60%; padding:20px 3%; float:left; }
#myPage .userBox .myArea .userLi { width:100%; display:table; border-bottom:1px dashed #ddd; padding:20px 0; }
#myPage .userBox .myArea .userLi:last-child { border:0; }
#myPage .userBox .myArea .userLi .tit { display:table-cell; font-size:18px; color:#777; vertical-align:middle; width:28%; padding-right:2%; }
#myPage .userBox .myArea .userLi .txt { display:table-cell; font-size:23px; color:#222; vertical-align:middle; width:70%; }
#myPage .myBtn2 { /*width:73px;*/ padding:0 10px; height:28px; text-align:center; background:#fff; color:#555; border:1px solid #bbb; border-radius:5px; display:inline-block; margin-left:10px; line-height:27px; font-size:13px; vertical-align:middle; font-family:'Malgun Gothic','맑은고딕', sans-serif; cursor:pointer; }
#myPage #lvInfo { width:100%; margin:50px 0 80px; }
#myPage #lvInfo .tit { font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; font-size:30px; color:#222; margin-bottom:30px; }
#myPage #lvInfo .tit span { font-family:'nanumsquareb','Malgun Gothic','맑은고딕' }
#myPage #lvInfo .lvGroup { clear:both; display:block; overflow:hidden; width:100%; }
#myPage #lvInfo .lvGroup li { width:12.5%; float:left; display:block; overflow:hidden; text-align:center; font-size:17px; color:#555; }
#myPage #lvInfo .lvGroup li.titGroup { font-weight:bold; color:#222;}
#myPage #lvInfo .lvGroup li.titGroup span { display:block; }
#myPage #lvInfo .lvGroup li.titGroup > div { line-height:1.45em; padding-top:22px; height:73px; }
#myPage #lvInfo .lvGroup li > div { display:block; vertical-align:middle; width:100%; border-bottom:1px solid #eee; height:95px; line-height:95px; }
#myPage #lvInfo .lvGroup li > div:first-child { background-color:#f6f7fb; border:0; height:65px; padding:25px 0; line-height:63px; }
#myPage #lvInfo .lvGroup li .level { width:65px; height:65px; margin:0 auto; display:block; vertical-align:middle; line-height:65px; font-size:20px; color:#fff; letter-spacing:-0.1em; font-family:'nanumsquarer', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; }
#myPage #lvInfo .lvGroup li .level span { letter-spacing:-0.12em; font-size:28px; font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; }

#myPage .notiWrap .tit { font-family: 'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; font-size:35px; margin-bottom:40px; color:#222; }
#myPage .notiWrap .tit span { font-weight:bold; color:#ff4d4d; }
#myPage .notiWrap .notiArea li a { clear:both; display:table; overflow:hidden; width:100%; padding:30px 0;  background:#f9f9f9; border-radius:5px; margin-bottom:10px; color:#555; }
#myPage .notiWrap .notiArea li:last-child a{ margin:0; }
#myPage .notiWrap .notiArea li.notiNew a { background:#ffeeee; color:#ff4d4d; }
#myPage .notiWrap .notiArea li a span { display:table-cell; vertical-align:middle; }
#myPage .notiWrap .notiArea li .category { font-size:20px; text-align:center; width:15%; }
#myPage .notiWrap .notiArea li .notiTxt { font-size:24px; width:63%; font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif;}
#myPage .notiWrap .notiArea li .date { font-size:18px; text-align:center; width:22%; color:#777; }
#myPage #sideCont { top:300px; }

/* 수학동아 */
/* 수학동아 소개*/
#aboutMath .mathInfo { margin:40px 0 60px 0; display:block; overflow:hidden; position:relative; }
#aboutMath .mathInfo .tit { color:#222; font-size:40px; font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; line-height:1.6em; z-index:20; }
#aboutMath .mathInfo .tit span { font-size:60px; font-weight:normal; }
#aboutMath .mathInfo .tit strong, #aboutMath .mathInfo .desc span { color:#1fb57d; }
#aboutMath .mathInfo .desc { width:100%; padding:40px 0; background:#edf5ff url(//img.dongascience.com/polymath/2019new/images/bg_mathinfo.png) no-repeat; border-radius:10px; overflow:hidden; margin-top:50px; background-position:right bottom;}
#aboutMath .mathInfo .desc p { font-size:20px; color:#777; margin-bottom:15px; background:url(//img.dongascience.com/polymath/2019new/images/icon_check2_2.png) no-repeat; background-position:0 8px; padding-left:25px; background-size:14px 12px; margin-left:5%; width:40%; }
#aboutMath .mathInfo .desc p:last-child { margin-bottom:0; }
#aboutMath .mathInfo:after { content:''; display:block; position:absolute; width:497px; height:403px; background:url(//img.dongascience.com/polymath/2019new/images/img_mathinfo.png) no-repeat; background-size:100%; bottom:0; right:0; z-index:10; }
#aboutMath .mathInfo .mImg img { width:100%; display:none; }
#aboutMath .part.keyword { background:url(//img.dongascience.com/polymath/2019new/images/bg_keyword.png) no-repeat; background-size:100%; background-position:left 65px;}
#aboutMath .part.keyword .keyCont { display:block; overflow:hidden; margin-bottom:70px; line-height:1; }
#aboutMath .part.keyword .keyCont .tit { color:#222; font-size:50px; font-family:'nanumsquareb','Malgun Gothic','맑은고딕', sans-serif; margin-bottom:20px; }
#aboutMath .part.keyword .keyCont .tit:before { content:''; display:inline-block; width:33px; height:59px; background:url(//img.dongascience.com/polymath/2019new/images/icon_keyword.png) no-repeat; background-size:100%; margin-right:20px; vertical-align:middle; }
#aboutMath .part.keyword .keyCont .txt { color:#777; font-size:18px; line-height:1.6em; letter-spacing:-0.05em; margin-left:5.5%; }
#aboutMath .part.keyword .keyCont.rCon .tit { text-align:right; float:right; }
#aboutMath .part.keyword .keyCont.rCon .tit:before { float:right; margin-right:0%; margin-left:20px; }
#aboutMath .part.keyword .keyCont.rCon .txt { text-align:right; float:right; margin-left:0; margin-right:5.5%;}
#aboutMath .part.keyword img { width:86.5%; margin:20px 4% 0 9.5%; }
#aboutMath .orderBtn { border-radius:5px; background:#1fb57d url(//img.dongascience.com/polymath/2019new/images/btn_window.png) no-repeat; background-position:90% center; color:#fff; display:block; margin:0 auto 70px; width:80%; max-width:300px; padding:25px 3%; font-size:27px; font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; }

/* 편집부 소개 */
#aboutMath .aboutCon { width:100%; display:block; overflow:hidden; margin-bottom:55px; }
#aboutMath .aboutCon .aboutImg { width:25%; float:left; margin-right:4%; display:block; overflow:hidden; }
#aboutMath .aboutCon .aboutImg img { width:100%; }
#aboutMath .aboutCon .aboutInner { width:71%; float:right; display:block; overflow:hidden; margin-top:20px; }
#aboutMath .aboutCon .aboutInner .wording span { color:#1fb57d; text-align:center; font-family:'nanumsquareb','Malgun Gothic','맑은고딕', sans-serif; margin-bottom:20px; font-size:25px; display:none; }
#aboutMath .aboutCon .aboutInner .wording img { width:100%; }
#aboutMath .aboutCon .aboutInner .cont { display:block; overflow:hidden; margin-top:20px; }
#aboutMath .aboutCon .aboutInner .cont .tit { font-size:20px; font-weight:bold; color:#222; background:url(//img.dongascience.com/polymath/2019new/images/icon_check2_2.png) no-repeat; background-position:0 8px; padding-left:25px; background-size:14px 12px; display:block; float:left; letter-spacing:-0.08em; }
#aboutMath .aboutCon .aboutInner .cont .txt { display:block; float:left; font-size:20px; color:#777; padding-left:10px; }
#aboutMath .aboutCon .aboutInner .cont .txt sup { font-size:14px; }
#aboutMath .aboutCon .aboutInner .cont .ability { position:relative; width:calc(100% - 64px); border:2px solid #f6f6f8; border-radius:10px; padding:20px 30px; display:block; overflow:hidden; margin-top:10px; float:left; }
#aboutMath .aboutCon .aboutInner .cont .ability li { display:block; overflow:hidden; margin-bottom:10px; color:#777; }
#aboutMath .aboutCon .aboutInner .cont .ability li span { float:left; display:block; overflow:hidden; }
#aboutMath .aboutCon .aboutInner .cont .formula { vertical-align:middle; }
#aboutMath .aboutCon .aboutInner .cont .ability .item { width:80px; color:#ff6955; font-weight:bold; }
#aboutMath .aboutCon .aboutInner .cont .ability .star1{ width:88px; height:16px; background:url(//img.dongascience.com/polymath/2019new/images/star1.png) no-repeat; background-size:100%; text-indent:-9999px; display:block; overflow:hidden; margin-right:10px; }
#aboutMath .aboutCon .aboutInner .cont .ability .star2{ width:88px; height:16px; background:url(//img.dongascience.com/polymath/2019new/images/star2.png) no-repeat; background-size:100%; text-indent:-9999px; display:block; overflow:hidden; margin-right:10px; }
#aboutMath .aboutCon .aboutInner .cont .ability .star3{ width:88px; height:16px; background:url(//img.dongascience.com/polymath/2019new/images/star3.png) no-repeat; background-size:100%; text-indent:-9999px; display:block; overflow:hidden; margin-right:10px; }
#aboutMath .aboutCon .aboutInner .cont .ability .star4{ width:88px; height:16px; background:url(//img.dongascience.com/polymath/2019new/images/star4.png) no-repeat; background-size:100%; text-indent:-9999px; display:block; overflow:hidden; margin-right:10px; }
#aboutMath .aboutCon .aboutInner .cont .ability .star5{ width:88px; height:16px; background:url(//img.dongascience.com/polymath/2019new/images/star5.png) no-repeat; background-size:100%; text-indent:-9999px; display:block; overflow:hidden; margin-right:10px; }
#aboutMath .aboutCon .aboutInner .cont .ability .starTxt { width:88px; color:#ff6955; display:block; overflow:hidden; margin-right:10px; }
#aboutMath .aboutCon .aboutInner .aboutTxt { margin-top:20px; font-size:17px; color:#777; line-height:1.6em; }

/* 기사 엿보기 */
.newsWrap .contBox.newsInner { padding:50px 5%; margin-bottom:30px;  }
.newsWrap h3 { font-size:48px; color:#222; font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; font-weight:bold; margin-bottom:30px; line-height:1; }
.newsWrap h3 span { font-size:28px; font-weight:normal; margin-left:15px; color:#555; }
.newsWrap .newsArea .cover { width:30%; float:left; overflow:hidden; border-radius:5px; }
.newsWrap .newsArea .cover .thum { position:relative; padding-top:135%; display:block; overflow:hidden; }
.newsWrap .newsArea .cover .thum img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; }
.newsWrap .newsArea .newsList { float:left; width:70%; }
.newsWrap .newsArea .newsList li { width:30.2%; margin-left:3.1%; margin-bottom:30px; float:left; }
.newsWrap .newsArea .newsList li:nth-child(4), .newsWrap .newsArea .newsList li:nth-child(5), .newsWrap .newsArea .newsList li:nth-child(6) { margin-bottom:0; }
.newsWrap .newsArea .newsList li .thum { position:relative; padding-top:56.25%; display:block; overflow:hidden; border-radius:5px; }
.newsWrap .newsArea .newsList li .thum img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; }
.newsWrap .newsArea .newsList li .txt { font-size:17px; margin-top:10px; text-overflow:ellipsis; /*display:-webkit-box;*/ display:block; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.5em; height:3em; overflow:hidden; color:#555; }

/* 수동 TV */
.mathTvWrap .mathTvList li { width:31.33%; margin-right:3%; float:left; overflow:hidden; /*height:300px;*/ }
.mathTvWrap .mathTvList li:nth-child(3n) { margin-right:0; }
.mathTvWrap .mathTvList li .tit { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.5em; height:3em; white-space:normal; }
.mathTvWrap .mathTvList .tvList { margin-bottom:15%; }
.mathTvWrap .mathTvList li .thum { margin-bottom:15px; }

/* 수학동아 투표 */
#aboutMath .contBox.voteWrap { margin-bottom:60px; }
#aboutMath .voteTitArea { padding:25px; background:#f9f9f9; display:block; overflow:hidden; }
#aboutMath .voteTit { float:left; font-size:36px; font-family:'nanumsquareb','Malgun Gothic','맑은고딕', sans-serif; margin:6px 0 0 20px; color:#222; }
#aboutMath .voteTit .ing { color:#ff4d4d; }
#aboutMath .voteTit .end { color:#999; }
#aboutMath .voteArea { padding:50px 5%; display:block; overflow:hidden; }
#aboutMath .voteArea .cover { width:30%; float:left; overflow:hidden; border-radius:5px; }
#aboutMath .voteArea .cover .thum { position:relative; padding-top:135%; display:block; overflow:hidden; }
#aboutMath .voteArea .cover .thum img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; }
#aboutMath .voteArea .voteList { width:62%; padding:0 0 0 5%; float:left; }
#aboutMath .voteArea .voteList li { clear:both; width:100%; display:block; overflow:hidden; border-bottom:1px dashed #ddd; padding:25px 0; line-height:2.3em; }
#aboutMath .voteArea .voteList li:last-child { border:0; }
#aboutMath .voteArea .voteList .num { display:block; font-size:18px; color:#222; width:15%; margin-right:5%; float:left; font-weight:bold; text-align:center; background:url(//img.dongascience.com/polymath/2019new/images/bg_textline.jpg) repeat-x bottom; }
#aboutMath .voteArea .voteList .txt { display:block; font-size:22px; color:#555; width:80%; float:left; }
#aboutMath .voteOther { display:block; overflow:hidden; margin-top:60px; }
#aboutMath .voteOther .otherTit { font-size:30px; margin-bottom:20px; font-family:'nanumsquareb','Malgun Gothic','맑은고딕', sans-serif; color:#222; }
#aboutMath .voteOther li { width:22.9%; margin-right:2.8%; display:block; overflow:hidden; float:left; }
#aboutMath .voteOther li:last-child { margin:0; }
#aboutMath .voteOther li .thum { position:relative; padding-top:135%; overflow:hidden; border-radius:5px; margin-bottom:15px; }
#aboutMath .voteOther li .thum img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; }
#aboutMath .voteOther li .txt { text-align:center; font-size:23px; color:#555; }
#aboutMath .voteViewTit { display:block; overflow:hidden; padding:5%; }
#aboutMath .voteViewTit .voteTit { float:none; margin:0; }
#aboutMath .voteViewTit .voteDesc { display:block; overflow:hidden; margin-top:4%; font-size:22px; color:#777;  }
#aboutMath .voteViewTit .voteDay { font-size:22px; margin-top:6%; color:#777; }
#aboutMath .bgContList { background:#f9f9f9; margin:0 5% 2%; padding:5%; }
#aboutMath .bgContList:last-child { margin-bottom:50px;}
#aboutMath .bgContList .tit { font-size:24px; color:#222; margin-bottom:20px; }
#aboutMath .bgContList .tit p { font-size:27px; color:#ff4d4d; font-weight:bold; }
#aboutMath .bgContList .contList li { display:block; overflow:hidden; margin-bottom:20px; width:100%; }
#aboutMath .bgContList .contList .voteSelect, #aboutMath .bgContList .contList .thum, #aboutMath .bgContList .contList .voteLiTxt { display:inline-block; vertical-align:middle; margin-right:10px; }
#aboutMath .bgContList .contList .thum { width:10%; min-width:60px; position:relative; overflow:hidden; border-radius:5px; cursor:pointer; }
#aboutMath .bgContList .contList .thum .thumImg { padding-top:100%; position:relative; }
#aboutMath .bgContList .contList .thum img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; min-height:100%; }
#aboutMath .bgContList .contList .thum .zoomIcon { position:absolute; right:7%; bottom:7%; width:35px; height:35px; border-radius:100%; background:rgba(0,0,0,0.8) url(//img.dongascience.com/polymath/2019new/images/icon_zoom.png) no-repeat center; background-size:20px; text-indent:-9999px }
#aboutMath .bgContList .contList .voteLiTxt { font-size:17px; }
#aboutMath /*.bgContList */textarea { width:100%; height:200px; }
#aboutMath .bgContList .sendBtnArea { margin-top:30px; width:100%; text-align:center; }
#aboutMath .bgContList .sendBtnArea.vote { padding-top:30px; border-top:1px dashed #ddd; }
#aboutMath .zoomPop { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:100; }
#aboutMath .zoomPop .zoomArea { width:600px; margin:80px auto 0; }
#aboutMath .zoomPop .closeBtn { width:50px; height:50px; background:#000 url(//img.dongascience.com/polymath/2019new/images/icon_close.png) no-repeat center; background-size:30px; color:#fff; display:block; text-align:center; border:1px solid #fff; float:right; text-indent:-9999px}
#aboutMath .zoomPop .zoomImg, #aboutMath .zoomPop .zoomImg img { width:100%; }
#aboutMath .bgContList .contList .graph { display:block; margin:5px 0; }
#aboutMath .bgContList .contList .graph span { display:inline-block; height:8px; background:#56e2ae; min-width:1px;}
#aboutMath .bgContList .contList .graph span.bridge{ background:url(//img.dongascience.com/kids2016/images/common/bridge.png) repeat-x; width:14px; }
#aboutMath .bgContList .contList .graph .num{ margin:3px 0 0 5px; font-size:18px; color:#01ab81; }
#aboutMath .bgContList .contList .graph .ranking{ position:relative; left:-4px; display:inline-block; vertical-align:middle; width:30px;font-size:13px; height:30px; line-height:28px; text-align:center; color:#fff; background:#01ab81; border-radius:5px; overflow:hidden}

/* 수학동아가 간다 */
#aboutMath .goContTop { padding:60px 5%; display:block; overflow:hidden; border-bottom:1px solid #e5e5e5; }
#aboutMath .goContTop .logoArea { width:44.5%; float:left; display:block; overflow:hidden; }
#aboutMath .goContTop .logoArea img { width:100%; }
#aboutMath .goContTop .descArea { margin-left:5%; width:50.5%; float:right; display:block; overflow:hidden; }
#aboutMath .goContTop .descArea .subTit { font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; font-size:30px; line-height:1.5; color:#222; margin-bottom:35px; }
#aboutMath .goContTop .descArea .subTxt p { font-size:17px; margin-bottom:7px; background:url(//img.dongascience.com/polymath/2019new/images/icon_check2.png) no-repeat; background-position:0 7px; padding-left:25px; background-size:14px 12px; }
#aboutMath .goTxtArea { padding:50px 5%; background:url(//img.dongascience.com/polymath/2019new/images/img_cover.png) no-repeat; background-position:90% 70px; background-size:323px 252px; }
#aboutMath .goTxtArea p { width:60%; font-size:20px; line-height:1.6; margin-left:10px; letter-spacing:-0.06em; }
#aboutMath .goTxtArea p strong { color:#ff4d4d; }
#aboutMath .contBox.goWrap { margin-bottom:60px; }
#aboutMath .bgContList .tit2 { font-size:25px; color:#062b70; margin-bottom:20px; letter-spacing:-0.07em; }
#aboutMath .bgContList .tit2:before { content:''; display:inline-block; width:5px; height:5px; border:5px solid #062b70; border-radius:100%; margin-right:5px; }
#aboutMath .bgContList .txt { font-size:17px; margin-bottom:30px; line-height:1.6; }
#aboutMath .bgContList .txtInput .fileUp { width:calc(100% - 40px); border:1px solid #ddd; border-bottom:0; display:block; overflow:hidden; background:#fff; padding:20px; }
#aboutMath .bgContList .txtInput .fileUp input { margin-left:10px; }

/* 메인 공지pop 영역 */
.pop_wrap {visibility:hidden}
#main_pop {position:absolute; top:41px; left:10px;  z-index:9999; font-family:'nanumsquareb','Malgun Gothic','맑은고딕', sans-serif; }
.pop_align {margin:0 auto;}
#pop_img {border-bottom:none}
#pop_img .bg{ width:100%; vertical-align:top}
#pop_txt {overflow-y:scroll;overflow-x:none;height:49%;top:32%; width:92%; position:absolute; border:1px solid #e2e5ff; margin:4%; background:#fff}
#pop_txt span{ display:block; width:96%; padding:2%;color:#001e61; font-size:13px; line-height:21px;letter-spacing:-0.02em;font-family:'Malgun Gothic','맑은고딕', sans-serif;}
.pop_wrap .close {background:#001e61; height:30px; text-align:right}
.pop_wrap .close_txt {vertical-align:middle;color:#fff; font-size:11px; padding-right:15px; line-height:30px}
.pop_wrap .close_check {vertical-align:middle}
.pop_wrap .close_btn {vertical-align:middle;cursor:pointer; height:30px; background:#ff3300; border:none; color:#fff; font-size:12px; width:60px}
.pop_wrap .sel_M{ display:none}

/* 메인 adpop 영역 */
.adpop {position:fixed; top:50px; right:0; z-index:9999;max-width:400px; width:100%;}
.adpop_img img {width:100%; vertical-align:top;}
.adpop .close {background: #555; color:#fff; height:30px; text-align:right;}
.adpop .close_txt {vertical-align:middle;color:#fff; font-size:11px; padding-right:15px; line-height:30px}
.adpop .close_check {vertical-align:middle}
.adpop .close_btn {vertical-align:middle;cursor:pointer; height:30px; background:#333; border:none; color:#fff; font-size:12px; width:60px}

/* 레이어 팝업 */
.pop_bg { z-index:100; position:fixed; top:0; bottom:0; left:0; resize:0; width:100%; background:rgba(0,0,0,0.7);}
.pop_bg .popWrap { position:relative; width:100%; max-width:470px; margin:-85px auto 0; }
.pop_bg .popWrap .popHead { background:#001e61; height:80px; border-radius:30px 30px 0 0; display:block; overflow:hidden; }
.pop_bg .popWrap .popHead h2 { font-size:27px; color:#fff; letter-spacing:-0.05em; font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; font-weight:normal; padding:0 0 0 30px; line-height:80px; }
.pop_bg .popWrap .popHead .btn_close { width:80px; height:80px; background:#00143a url(//img.dongascience.com/polymath/2019new/images/icon_close.png) no-repeat center; background-size:32px; position:absolute; right:0; top:0; vertical-align:top; border-radius:0 30px 0 0; } 
.pop_bg .popWrap .popInner { background:#fff; padding:30px; width:calc(100% - 60px); border-radius:0 0 30px 30px; }
.pop_bg .popWrap .btn_group_write { padding:30px 0 0; }
/* 닉네임 팝업*/
#nickLayer.pop_bg .space2 { position:relative; top:50%; margin-top:-200px; }
#nickLayer .nickForm {position:relative; width:450px; /*height:400px;*/ margin:0 auto; background:#fff; border-radius:30px; overflow:hidden; padding-bottom:24px; }
#nickLayer .nickForm h2 { font-size:30px; color:#fff; background:#001e61; letter-spacing:-0.02em; font-family: 'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; font-weight:normal; padding:0 35px; line-height:80px; height:80px; }
#nickLayer .nickForm h3 { text-align: center; margin:30px 0 20px; padding:0 20px; font-size:22px; font-weight:normal; color:#777; word-break:keep-all }
#nickLayer .nickForm > label { float:left; }
#nickLayer .nickForm .nick_input{padding:0 20px; text-align:center}
#nickLayer .nickForm .nick_input_area{padding:0 20px; text-align:center}
#nickLayer #nicknameInput { height:43px; padding-left:10px; border:1px solid #ccc; font-size:15px; line-height:38px; border-radius:5px; }
#nickLayer .nickForm .btn_check{ border:1px solid #ccc; height:45px;  font-weight:bold; padding:0 10px; background:#f5f5f5; font-size:15px; border-radius:5px;}
#nickLayer .nickForm .nick_error_msg { font-size:15px; color:#ff3300; text-align:center; width:100%; margin-top:5px;}
#nickLayer .nickForm .nick_description{ font-size:15px; margin-top:15px}
#nickLayer .nickForm .btn_close { width:80px; height:80px; background:#00143a url(//img.dongascience.com/polymath/2019new/images/icon_close.png) no-repeat center; background-size:32px; position:absolute; right:0; top:0; vertical-align:top; } 
#nickLayer .nickForm .btn_group_write input{ margin:0 5px}
#nickLayer .btn_group_write { padding:20px 0; }

/* 나의 폴리매스 포인트 내역 팝업 */
#pointLayer.pop_bg .popWrap, #ptInfoLayer.pop_bg .popWrap { top:50%; margin-top:-300px; }
#pointLayer .paging { margin:20px 0 0; }
#pointLayer .btn_group_write, #ptInfoLayer .btn_group_write { padding:20px 0 0;}
#pointLayer table, #ptInfoLayer table { width:100%; }
#pointLayer table tr th, #ptInfoLayer table tr th { text-align:center; background:#f3f3f3; font-weight:bold; color:#222; padding:10px 7px; font-size:15px; }
#pointLayer table tr td, #ptInfoLayer table tr td { text-align:center; border-bottom:1px solid #eee; padding:10px 7px; color:#767676; }

/* 기사 작성법 */
#manualPop.pop_bg .popWrap { max-width:680px; top:50%; margin-top:-320px; }
#manualPop .popInner2 { position:relative; overflow-y:scroll; overflow-x:hidden; height:550px; border-radius:0 0 0 30px; }
#manualPop .popInner2:after {content:''; width:181px; height:296px; position:absolute; background:url(//img.dongascience.com/polymath/2019new/images/bg_pen.png) no-repeat 0; right:-90px; top:47%; }
#manualPop .popInner2 .topCont { background:#f5f5f5; padding:50px; font-size:17px; color:#555; line-height:1.55em; }
#manualPop .popInner2 .topCont h3 { font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; text-align:center; font-size:30px; line-height:1.3em; color:#222; margin-bottom:30px; font-weight:normal; }
#manualPop .popInner2 .topCont h3 span { background:url(//img.dongascience.com/polymath/2019new/images/bg_textline.png) repeat-x bottom; }
#manualPop .popInner2 .txtCont { background:#fff; padding:50px; }
#manualPop .popInner2 .txtCont li { margin-bottom:32px; display:block; overflow:hidden; }
#manualPop .popInner2 .txtCont li .tit { font-family:'nanumsquarer','Malgun Gothic','맑은고딕', sans-serif; font-size:22px; color:#222; margin-bottom:10px; line-height:1; }
#manualPop .popInner2 .txtCont li .tit .bul { font-size:14px; color:#fff; background:#ff4d4d; width:25px; height:25px; border-radius:12.5px; margin-right:3px; vertical-align:middle; display:inline-block; text-align:center; line-height:26px; font-weight:bold; letter-spacing:0; }
#manualPop .popInner2 .txtCont li:last-child .tit .bul { width:47px; }
#manualPop .popInner2 .txtCont li .txt { font-size:15px;  color:#555; line-height:1.55em;}
#manualPop .popInner2 .txtCont li .txt strong { color:#ff4d4d; }
#manualPop .popInner2 .txtCont .info { border:2px solid #eee; border-radius:10px; font-size:15px; color:#777; padding:20px 30px; line-height: 1.55em; }

/* 클럽 신청하기 팝업, 클럽원 추가 팝업 */
#newClubPop.pop_bg { overflow:scroll; }
#newClubPop .popWrap, #addMemberPop .popWrap { margin-top:100px; }
#newClubPop .popWrap .popInner { padding:0; width:100%; }
#newClubPop .popWrap .popInner .popArea { padding:30px; }
#newClubPop .popInfo { background:#f2f2f2; padding:25px 30px; font-size:15px; line-height:1.5; }
#newClubPop .popBox { border:2px solid #ddd; border-radius:10px; padding:10px 15px; display:block; overflow:hidden; }
#newClubPop .popBox span { padding:5px 0; display:block; float:left; }
#newClubPop .popBox span:last-child { float:right; display:block; }
#newClubPop .popBox span label { margin-left:10px; }
#newClubPop .popInput { margin-top:10px; }
#newClubPop .popInput li, #addMemberPop .popInput li { display:table; width:90%; margin:0 auto 10px; min-height:40px; }
#newClubPop .popInput li > div, #addMemberPop .popInput li > div { display:table-cell; vertical-align:middle; }
#newClubPop .popInput .itemArea, #addMemberPop .popInput .itemArea { width:90px; font-size:17px; font-family:'nanumsquareb','Malgun Gothic','맑은고딕', sans-serif; letter-spacing:-0.05em; color:#222; }
#newClubPop .popInput .inputArea, #addMemberPop .popInput .inputArea { width:calc(100% - 100px); }
#newClubPop .popInput .inputArea input, #addMemberPop .popInput .inputArea input { width:calc(100% - 10px); height:40px; padding-left:10px; border:1px solid #ddd; font-size:15px; line-height:38px; border-radius:5px;}
#newClubPop .desc { text-align:center; color:#777; }
#addMemberPop .errorMsg { text-align:center; font-size:15px; color:#ff3300; margin-top:20px; }
#addMemberPop .errorMsg.find { color:#062b70; }

/* 추가 - 앱 다운로드 유도 */
.appdown_layer {overflow:hidden; position:fixed; top:50%; left:50%; margin:-73px 0 0 -110px; width:220px; height:126px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.45); border-radius:3px; z-index:10000; font-family:'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif,'Malgun Gothic','맑은 고딕',sans-serif;}
.appdown_layer .title {text-align:center; padding:30px 25px 0; font-size:15px; font-weight:normal; letter-spacing:-0.055em;}
.appdown_layer .btn_popup_close {position:absolute; top:0; right:0; width:40px; height:40px; background:url(//img.dongascience.com/ds/common/btn_popup_close.png) 50% no-repeat; background-size:15px; border:0; text-indent:-9999px;}
.appdown_layer .foot {position:absolute; left:0; right:0; bottom:0; background:#5676bf; text-align:center;}
.appdown_layer .link {display:block; height:38px; line-height:38px; color:#5676bf; color:#fff; font-size:13px; letter-spacing:-0.045em;}
.appdown_layer .icon_logo_math {display:inline-block; width:18px; height:18px; margin-top:-2px; margin-right:4px; vertical-align:middle; background:url(//img.dongascience.com/polymath/2019new/images/icon_logo_math.png) no-repeat; background-size:100%;}


/* 회원차단버튼 추가 21.02.10 */
.btn_mem_block {display: none; width: 22px; height: 22px; border: 1px solid #bbb; background: url(//img.dongascience.com/polymath/2019new/images/icon_mem_block.png) center no-repeat; background-size: 14px auto; text-indent: -9999px; border-radius:3px; cursor: pointer; margin-left: 3px;}


@media (max-width:1980px) {
    /*마이정보 가로형
    #myInfo .myCont { width:auto; }
    #myInfo .myCont .profile { float:left; height:297px; }
    #myInfo .myCont .myList { width:766px; height:357px; float:left; border-top:1px solid #dedede; overflow:hidden; }
    #myInfo .coverLi ul { display:block; overflow:hidden; max-height:168.75px; }
    #myInfo .coverLi ul li { margin-bottom:0; margin-right:15px; float:left; }
    #myInfo .coverLi ul li:nth-child(3) { margin-right:0; }
    #myInfo .controlArea { position:relative; padding-top:10px; width:100%; }
    #myInfo .myCont .myList .tab { margin:10px 0 5px;}
    #myInfo .myCont .myList .tab > div { font-size:24px; width:inherit; }
    #myInfo .myCont .myList .tab > div span { display:inline;}
    #myInfo .myCont .myList .tab > div:last-child { width:auto; margin-left:20px; padding-left:20px; }*/
}

@media (max-width:1280px) {
    #wrap > div { min-height:auto; }
    #header #logo a { width:230px; height:71px; margin-top:33px; }
    #header #navi > ul > li > a { padding:0 20px 45px; }
    #header #navi > ul > li:nth-child(4):before { margin:-16px 0 0 69px; }
    #header .headerWrap { max-width:1000px; }
    #sideCont { display:none; }
    #polyMain .bgShape .quad { margin-right:-540px; top:280px; }
    #polyMain .bgShape .triangle{  margin-left:-565px; top:560px; }
    #polyMain .bgShape .circle{ margin-left:-570px; top:540px; }
    #wrap { min-width:1000px;}
    #header #navi .twoDepWrap .twoDepArea { max-width:1000px;}
    #header #navi .twoDepWrap .twoDepArea .twoDepTit, .twoDepWrap .backBg { display:none; }
    #header #navi .twoDepWrap .twoDepArea .twoDep { border-left:0; width:100%; }
    .contWrap { max-width:1000px; }
    
    /* 통합검색 */
    #allSearch .resultCount { margin:20px 0; }
    #myPage .notiWrap .tit { margin:20px 0;}
}

@media (max-width:1024px) {
    #DStop_common .area { width:100% !important; }
    #DStop_common #Linkinfo { display:none; }
    #wrap { min-width:inherit; }
    #myInfo, #polyMain .bgShape, #header #navi > ul > li:hover:after { display:none; }
    #header #logo { float:none; }
    #header #logo a { margin:15px auto 20px; }
    #polyMain .mainSection1 { padding:30px 0; }
    #header .headerWrap { max-width:1000px; height:150px; padding:0; }
    
    #header .headerInner { float:none; margin-top:0; }
    #header #searchPoly .searchBtn { position:absolute; top:38px; right:10px; }
    #header #navi { width:95%; float:none; margin:0 auto; }
    #header #navi .twoDepWrap { top:150px;  }
    #header #navi > ul > li { width:20%; margin:0; text-align:center; }
    #header #navi > ul > li > a { padding:0 0 45px; }
    #header #navi > ul > li:nth-child(4):before { margin:-16px 0 0 49px; }
    #header #searchPoly .searchWrap { top:150px; }
    #header #navi .twoDepWrap .twoDepArea .twoDep { width:calc(100% - 20px); padding:30px 10px 0; }
    #header #navi .twoDepWrap .twoDepArea .twoDep > li { width:calc(25% - 40px); margin:0 20px; }
    #header #navi .twoDepWrap .twoDep > li .menu { padding-left:0; background:none; }
    #header #navi .twoDepWrap .twoDep > li .menu:hover { background:none; }
    #header #navi .twoDepWrap .twoDep .thrDep > li a { margin-left:0; }
    #header #navi .twoDepWrap .twoDep .thrDep > li a:before { display:none; }
    #header #navi > ul > li:hover > .twoDepWrap { height:320px; }
    .menuBtn { display:block; }
    .contInner { margin-top:30px; }
    
    #polyMain .conTit { margin-bottom:20px;}
    #polyMain .conTit h2 { font-size:25px; }
    #polyMain .contArea { margin-bottom:40px; }
    #polyMain .polymathCont .tabOff a { font-size:19px; }
    #polyMain .polymathCont .completeLabel > div { right:0; left:45px; }
    #polyMain .polymathCont .mainListPoly ul li .cont { width:calc(100% - 160px); }
    #polyMain .voteCont .txt { font-size:20px; }
    #polyMain .achieveCont .achieveList ul li .cate { width:130px; font-size:14px; margin-left:-65.5px; }
    
    /* 메인 매스포터 */
    #polyMain .mathporterCont .mathporterDiv .cont h4 { margin-bottom:0.82em; }
    
    #footer { max-width:1000px; padding:30px; }
    #footer .area .infoArea { width:100%; margin-bottom:15px; }
    #footer .area .logo_spon { width:100%; float:left; text-align:left; }
    #footer .logo { float:none; display:block; margin-bottom:10px; }
    #footer .logo_spon span { width:200px; float:left; display:block; }
    #footer .logo_spon p { float:left; }
    #DSbottom_common { display:none; }
    
    .listDiv_4 li, .newReCont .coverLi ul li { width:32%; }
    .listDiv_4 li:nth-child(4n) { margin-right:2%; }
    .listDiv_4 li:nth-child(3n), .newReCont .coverLi ul li:nth-child(3n) { margin-right:0; }
    .cont .info .name { width:calc(100% - 50px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
    .togetherCont .listDiv_4 li:nth-child(4), .newReCont .coverLi ul li:nth-child(4) { display:none; }
    
    /* 서브 */
    .visualWrap .visualInner { padding:40px 20px 30px; }
    .listTit { margin-bottom:15px; }
    
    /* 상세뷰 */
    .viewReWrap .reContArea .reGroup .lGroup { width:calc(100% - 40px); border:0; }
    .viewReWrap .reContArea .reGroup .rGroup { float:left; margin-top:15px; width:auto; }
	
	 /* 신고버튼 추가로 인한 변경 21-02-02 */
	.viewReWrap .reContArea .reGroup .rGroup {width: 96%;}
    .viewReWrap .reContArea .reGroup .rGroup > span { float:left; margin:10px 15px 0 0; }
    .viewReWrap .reContArea .completeLabel { right:20px; }
    .viewReWrap .reContArea .reReply .completeLabel { right:0; }	
    /* .viewReWrap .reContArea .reGroup .rGroup > a { float:left; margin:0 10px 0 0; } */
	
    /* 매스펀 */
    #mathfun .subTab.ranking .rankTit { display:block; width:330px; margin:30px auto 15px;  }
    #mathfun .subTab.ranking .rankTit:after { position:absolute; top:auto; bottom:-5px; right:50%; margin-right:-5px; }
    #mathfun .subTab.ranking ul { padding:0 !important; }
    
    /* 통합검색 */
    #allSearch .scArea .scInput { max-width:90%; margin:0 auto; height:55px; }
    #allsearch .scArea .scBtn { width:30px; height:30px; background-size:25px;}
    #allSearch .scArea .scInput input { font-size:16px; }
    
    /* 도전! 나도 수학자 */
    #makePoly .makeWrap { position:absolute; top:70px; }
    #makePoly .makeWrap { width:750px; margin:0 0 0 -375px; }
    #makePoly .makeWrap .makeCont { height:auto; }
    #makePoly .makeWrap .makeCont .profile { width:100%; }
    #makePoly .makeWrap .makeCont .ranking { width:100%; height:120px; }
    #makePoly .makeWrap .makeCont .ranking .tit { margin-top:0; }
    #makePoly .makeWrap .makeCont .ranking .polyRank { width:calc(30% - 1px); background-image:none; margin-top:6px; }
    #makePoly .makeWrap .makeCont .ranking .polyRank .num { font-size:25px;}
    #makePoly .makeWrap .makeCont .ranking .polyRank .num span { font-size:30px; display:inline-block; margin-top:8px; }
    #makePoly .makeWrap .makeCont .ranking .polyCount { width:70% ;}
    #makePoly .makeWrap .makeList .tabArea { border-bottom:0; }
    #makePoly .makeWrap .makeList .tabArea span { width:calc(50% - 5px); margin-right:5px; margin-bottom:5px; padding:0; box-sizing:border-box; border-bottom:1px solid #cdcdcd; border-radius:5px; height:50px; line-height:45px; }
    #makePoly .makeWrap .makeList .tabArea span.on { border-bottom-color:#062b70; }
    #makePoly .makeWrap .makeList .tabArea span:nth-child(2n) { margin-right:0; }
    #makePoly .makeWrap .makeCont .ranking .polyCount > div { width:calc(50% - 1px); float:left; height:60px; box-sizing:border-box; }
    #makePoly .makeWrap .makeCont .ranking .polyCount > div:nth-child(2n-1) { border-right:1px solid #c2d5ff; }
    #makePoly .makeWrap .makeCont .ranking .polyCount > div:nth-child(3) { border-bottom:0; }
    #makePoly .makeWrap .makeCont .ranking .polyCount .tit { padding:22px 0 22px 15px; width:calc(50% - 16px); letter-spacing:-0.08em; }
    #makePoly .makeWrap .makeCont .ranking .polyCount .num { padding:19px 16px 16px 0; width:calc(50% - 16px) }
    
    /* 수학동아가 간다 */
    #aboutMath .goTxtArea { padding:50px 5% 30px; }
    #aboutMath .goTxtArea p { width:55%; font-size:18px; line-height:1.8; }
    
    /* 폴리매스 */
    #polymath .polyInfo h3 { text-align:center; }
    
    /* 수학동아 */
    /* 수학동아 소개 */
    #aboutMath .mathInfo:after { width:400px; height:324px; }
    #aboutMath .part.keyword { background:none; }
    #aboutMath .part.keyword .keyCont.rCon .tit { text-align:left; float:left; }
    #aboutMath .part.keyword .keyCont.rCon .tit:before { float:left; margin-right:20px; margin-left:0; }
    #aboutMath .part.keyword .keyCont.rCon .txt { text-align:left; float:left; margin-left:5.5%; margin-right:0;}
    #aboutMath .part.keyword img { width:86.5%; margin:20px 4% 0 9.5%; }
    #aboutMath .voteSelect input { margin-left:5px; }
    
    /* 매스포터 */
    #mathporter .mpInfo .topCont .tit { font-size:35px; }
    #mathporter .mpInfo .topCont:after { width:380px; height:359px; }
    #mathporter .mpInfo .topCont .desc span { width:calc(100% - 470px); }
    #mathporter .contBox.pressBox2 .rightCont .topCon { padding:0 20px; width:calc(100% - 40px); }
    #mathporter .contBox.pressBox2 .rightCont .topCon .topTit { font-size:20px; }
    #mathporter .contBox.pressBox2 .rightCont .topCon .topDate { font-size:15px; }
    #mathporter .contBox.pressBox2 .rightCont .subCon > div { padding:25px 20px; }
    #mathporter .contBox .joinCont > div { padding:0 20px; }
    #mathporter .contBox .joinCont > div .desc { font-size:13px; }
    
    #mathporter .pressNote .totalCont .default { background-size:40%; background-position:95% 60%; }
    #mathporter .pressNote .totalCont .default .txtArea { width:60%; }
    #mathporter .pressNote .totalCont .default .txtArea span { display:inline; }
    #mathporter .pressNote .totalCont .default .txtArea h3 { font-size:40px; margin:20px 0; }
    #mathporter .pressNote .totalCont .default .txtArea .txt { font-size:20px; margin-bottom:20px; }
    #mathporter .pressNote .totalCont .default .txtArea .desc { font-size:15px;}
    
    /* 매스클럽 */
    #mathporter .mathClub .mpInfo .topCont:after { width:390px; height:339px; }
    #mathporter .clubLiWrap .date { font-size:15px; }
    .clubView .clubInfo .photo { width:350px; height:263px; }
    .clubView .clubInfo .infoView { width:calc(95% - 350px); }
    .clubMsg .msgLiWrap li { width:calc(33% - 10px); margin-right:10px; }
    .clubMsg .msgLiWrap li { background:#65bddf !important; }
    .clubMsg .msgLiWrap li:nth-child(2n) { background:#8da8ed !important; }
}

@media (max-width:768px) {
    #polyMain .polymathCont, #polyMain .mentorCont { width:100%; }
    #DStop_common { display:none; }
    #header #navi { display:none; }
    #header .headerWrap { height:60px; padding:0;  }
    #header #logo a { width:129px; height:40px; margin:10px auto; }
    #header #searchPoly .searchBtn { position:absolute; top:29px; right:50px; width:32px; height:32px; background-size:20px; }
    #header #searchPoly .searchWrap { top:60px; }
    #header #searchPoly .searchWrap .scInner { height:111px; }
    #header #searchPoly .searchWrap .scInner .scArea .scInput { max-width:80%; margin-top:10px; }
    #header #searchPoly .searchWrap .scInner .scArea .scBtn { width:30px; height:30px; background-size:25px;}
    #header #searchPoly .searchWrap .scInner .scArea .scInput input { height:25px; font-size:16px; margin:2px 0 0 0; }
    #header #searchPoly .searchWrap .scInner .scArea .recommend { margin-top:10px;}
    #header #searchPoly .searchWrap .scInner .scArea .recommend .tit { font-size:12px; width:80px; height:27px; margin-right:10px; }
    #header #searchPoly .searchWrap .scInner .scArea .recommend .recList li { font-size:13px; }
    #header #searchPoly .searchWrap .scInner .scArea .recommend .recList li:before { margin:0 5px;}
    #header #searchPoly .searchWrap .scInner .scArea .recommend .recList li:last-child{ display:none; }
    
    .visualWrap { min-height:auto; }
    
    #polyMain .mainSection1 { padding:0 0 15px; }
    #polyMain .mainSection2 { padding:0; background-size:10px; }
    #polyMain .conTit .moreBtn { margin-top:0; }
    
    /* 메인 매스포터 */
    #polyMain .mathporterCont .mathporterDiv .hotPickLi, #polyMain .mathporterCont .mathporterDiv .smallLi > div { padding:10px; }
    #polyMain .mathporterCont .mathporterDiv .smallLi .cont { padding:5px; padding-bottom:0; }
    #polyMain .mathporterCont .mathporterDiv .hotPickLi .cont { margin:10px 10px 1.75em; }
    
    #polyMain .mainBanner, #polyMain .contArea { margin-bottom:30px; }
    #polyMain .conTit, #polyMain .boardCont .conTit { margin-bottom:15px !important; }
    #polyMain .conTit .titDesc { display:none; }
    .contWrap { padding:30px; }
    .contInner, #allSearch .contInner { margin-top:0; }
    .mainSection2 .contWrap { padding-top:15px; padding-bottom:0; }
    /* 메인 매스포터 */
    #polyMain .mathporterCont .mathporterDiv .cont h4 { margin-bottom:0.8em; }
    
    #polyMain .mathTvCont { width:100%; height:100px; padding-bottom:30%; }
    #polyMain .boardCont { width:100%; padding-bottom:30px; }
    #polyMain .toonCont, #polyMain .voteCont { width:100%; height:130px; }
    #polyMain .toonCont .thum { width:140px; float:left; margin:20px 40px 0; }
    #polyMain .toonCont .group { float:left; width:calc(100% - 220px) }
    #polyMain .toonCont .group .txt { font-size:20px; text-align:left; float:left; width:calc(100% - 15px); padding:0; margin:27px 0 15px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; letter-spacing:-0.05em; }
    #polyMain .toonCont .txt span { /*display:inline;*/ margin-right:10px; display:none; }
    #polyMain .toonCont .group .btn { float:left; display:block; }
    #polyMain .giftCont .controlArea { display:block; }
    #polyMain .giftCont .moreBtn { display:none; }
    #polyMain .giftCont .mainGift ul li { width:25.33%; margin:0 4%; font-size:14px; }
    #polyMain .giftCont .conTit h2 { margin-top:20px; }
    #polyMain .voteCont .conTit h2 { float:left; margin-left:25px; }
    #polyMain .voteCont .txt { text-align:left; margin-left:25px; }
    #polyMain .voteCont .txt span { display:inline; }
    #polyMain .voteCont .btn { float:right; margin:-65px 30px 0 0; }
    
    .mLogin a { display:block; }
    .menuBtn { top:14px; left:10px; width:32px; height:32px; }
    
    .btnType1, .btnType4 { font-size:15px; height:40px; line-height:40px; padding:0 15px; }
    .btnType2 { font-size:18px; color:#062b70; height:43px; border-radius:5px; line-height:44px; border:2px solid #062b70; padding:0 10px; }
    .btnType3 {font-family:'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; color:#555; font-size:14px; text-align:center; border-radius:3px; border:1px solid #bbb; height:28px; display:inline-block; line-height:27px; float:left; padding:0 10px; margin-left:5px; background:#fff; }
    .arrowBtn { padding-right:40px; background-size:18px; }
    .btnType1.delBtn { width:auto; padding:0 60px 0 20px; background-image:url(//img.dongascience.com/polymath/2019new/images/btn_arrow.png); background-repeat:no-repeat; background-position:90% 50%; background-size:21px; }
    .btnType1.allBtn { border-color:#aaa; background:#fff; color:#777; margin-right:7px; }
    .btnType2.zzimBtn { padding-right:40px; }
    .btnType2.listBtn { padding-right:55px; }
    .btnType2.checkIcon { padding-right:45px; background-size:15px; }
    .tipGo { font-size:15px; height:40px; line-height:40px; padding:0 40px 0 15px; }
    .btnType3.completeBtn { border-color:#ff4d4d; color:#ff4d4d; }
    .btnType3.completeBtn2 { border-color:#062b70; color:#062b70; }
    
    .opt { height:40px; width:130px; font-size:13px; }
    .listCount  { margin:13px 0 0; }
    
    /* 푸터 */
    #footer { padding:20px 0; }
    
    /* 서브 */
    .visualWrap .visualInner { padding:40px 20px 30px; }
    .visualWrap .visualInner .vTitArea .tit { font-size:30px; }
    .visualWrap .visualInner .vTitArea .txt { font-size:15px; letter-spacing:-0.05em; }
    .visualWrap .subTab ul { padding:20px 0 0;}
    .visualWrap .subTab ul li a { font-size:15px; height:35px; line-height:37px; padding:0 15px; }
    .newReCont.subReCont .conTit { width:calc(100% - 50px); margin:25px 25px 5px; }
    .newReCont.subReCont .conTit h2 { font-size:22px; }
    
    /* 상세뷰 */
    .viewTitInner .titArea { margin:25px; }
    .viewTitInner .viewEtc { padding:12px 25px;}
    .viewContInner .viewTxt { padding:25px; }
    .viewReWrap .reTopArea { padding:15px; }
    .viewTitInner .viewEtc .sns .snsTit { display:none; }
    .viewReWrap .reTopArea .reCount { font-size:20px; margin-top:13px; }
    .viewReWrap .reContArea .reGroup .userInfo .btnArea { display:block; width:100%; }
    .viewReWrap .reContArea .reGroup .userInfo .photo { display:none; }
    .viewReWrap .reContArea .reGroup .userInfo .nickname a { font-size:18px; margin-left:0; }
    .viewReWrap .reContArea .reGroup .userInfo > span { display:block; float:left; }
    .viewReWrap .reContArea .reGroup .lGroup { width:calc(100% - 20px); padding:0 10px; }
    .viewReWrap .reContArea .reGroup .rGroup { margin-left:10px; }
    .viewReWrap .reContArea .reGroup .userInfo { margin-top:13px; }
    .viewReWrap .reContArea .reReply > li { width:calc(100% - 20px); padding:10px; background-position:20px -23px;}
    .viewReWrap .reContArea > ul > li { padding:10px; }
    .viewReWrap .reContArea .reBtn { width:110px; font-size:15px; }
    .viewReWrap .reContArea .completeLabel { right:10px; }
    .methticon .methWrap { margin-left:-150px; }
    .viewTag, .tagArticle, .evaluation { width:calc(100% - 50px); padding:0 25px;}
    
    /* 매스펀 */
    #mathfun .subTab.ranking .rankTit { height:35px; font-size:17px; width:250px; line-height:35px;  }
    #mathfun .subTab.ranking .rankTit span { font-size:13px; }
    #mathfun .subTab.ranking .rankTit:after { position:absolute; top:auto; bottom:-5px; right:50%; margin-right:-5px; }
    #mathfun .rankPeople { font-size:22px; background-image:none; padding:20px; width:calc(100% - 42px); text-align:center; margin-bottom:30px; }
    
    /* 통합검색 */
    #allSearch .resultCount { font-size:20px; }
    #allSearch .cateTit { padding:20px; font-size:20px;}
    #allSearch .resultList li { padding:15px; }
    #allSearch .resultList li .tit { font-size:17px; }
    #allSearch .resultList li .txt { margin-top:5px; font-size:14px; }
    #allSearch .resultList li .infoArea { margin-top:5px; }
    #allSearch .resultList li .infoArea > span, #allSearch .resultList li .infoArea a { font-size:13px; }
    #allSearch .resultBox:last-child { margin-bottom:30px; }
    
    /* 리스트 */
    .imgLiType ul li .cont h4 { font-size:20px; margin-top:0; }
    .imgLiType ul li, .tableType ul li { padding:18px 0; }
    .tableType ul li .tit { font-size:18px; }
    .tableType ul li .infoCont { font-size:12px; }
    .tableType ul li .infoCont .name.mathdonga { width:60px; height:23px; }
    .tableType ul li .numCount { width:12% }
    
    /* 쓰기 */
    #contWrite .writeTxt > div { height:50px; }
    #contWrite .writeTxt > div .tit { padding-left:3%; font-size:15px; }
    #contWrite .writeTxt .optWrite { height:34px; font-size:15px; }
    #contWrite .writeTxt .title input { height:32px; font-size:15px; }
    
    /* 내가 만든 폴리매스 */
    #makePoly .makeWrap { width:100%; position:relative; top:0; left:0; margin:0; }
    #makePoly .makeWrap .makeHead { border-radius:0; height:60px; line-height:60px;  }
    #makePoly .makeWrap .makeList { border-radius:0; }
    #makePoly .makeWrap .makeList { border-radius:0; padding:30px; }
    #makePoly .makeWrap .makeList .listWrap li { width:100%; }
    #makePoly .makeWrap .makeHead .tit { background-size:25px 24px; }
    #makePoly .makeWrap .makeHead .tit p { font-size:22px; margin-right:5px; padding-left:50px; }
    #makePoly .makeWrap .makeHead .tit span { font-size:13px; }
    #makePoly .makeWrap .makeHead .close { width:60px; height:60px; }
    #makePoly .makeWrap .makeCont .ranking .tit { font-size:15px; }
    #makePoly .makeWrap .makeCont .contR .nickname { font-size:25px; }
    
    /* 마이페이지 */
    #myPage .userBox .photoArea { margin:1.5%; width:97%;}
    #myPage .userBox .photoArea .photo { width:110px; height:110px; border:7px solid #fff; }
    #myPage .userBox .photoArea .txt { font-size:15px; margin:0 7%; }
    #myPage .userBox .myArea { width:90%; padding:0 5%; }   
    #myPage #lvInfo .lvGroup li { width:100%; }
    #myPage #lvInfo .lvGroup li > div { width:25%; float:left; }
    #myPage #lvInfo .lvGroup li > div:first-child { border-bottom:1px solid #eee; padding:15px 0; }
    #myPage #lvInfo .lvGroup li.titGroup > div:first-child, #myPage #lvInfo .lvGroup li:last-child > div:first-child { border-radius:0; }
    #myPage #lvInfo .lvGroup li.titGroup { border-top:1px solid #eee; }
    #myPage .notiWrap .tit { font-size:25px; }
    #myPage .notiWrap .notiArea li a { padding:15px 0; }
    #myPage .notiWrap .notiArea li .category { padding:0 0 0 10px; font-size:14px; }
    #myPage .notiWrap .notiArea li .notiTxt { padding:0 10px; font-size:17px; line-height:1.5em; }
    #myPage .notiWrap .notiArea li .date { padding:0 10px; font-size:12px;  }
    
    /* 기사 엿보기 */
    .newsWrap .newsArea .cover { display:none; }
    .newsWrap .newsArea .newsList { width:100%; }
    .newsWrap .newsArea .newsList li { width:48%; margin-left:4%; }
    .newsWrap .newsArea .newsList li:first-child, .newsWrap .newsArea .newsList li:nth-child(2n-1) { margin-left:0; }
    .newsWrap .newsArea .newsList li:nth-child(4) { margin-bottom:30px; }
    
    .newsWrap h3 { margin-bottom:15px; font-size:25px; }
    .newsWrap h3 span { font-size:15px; }
    
    /* 수학동아 투표 */
    #aboutMath .voteArea { padding:5% 25px;}
    #aboutMath .voteTit { font-size:28px; margin:10px 0 0 0; }
    #aboutMath .voteTit h3 { font-size:25px; }
    #aboutMath .voteArea .voteList .txt, #aboutMath .voteOther li .txt { font-size:17px;}
    #aboutMath .voteArea .voteList li { line-height:1.8em; }
    
    /* 수학동아가 간다 */
    #aboutMath .goContTop { padding:30px 5%; }
    #aboutMath .goContTop .logoArea { width:80%; max-width:400px; margin:0 auto; float:none; }
    #aboutMath .goContTop .descArea { margin:0; margin-top:20px; width:100%; }
    #aboutMath .goContTop .descArea .subTit { margin:20px 0; }
    #aboutMath .goTxtArea { background:none; }
    #aboutMath .goTxtArea p { width:100%; font-size:18px; line-height:1.8; }
    
    /* 수동 TV */
    .mathTvWrap .mathTvList li { width:48.5%; margin-right:3%; float:left; overflow:hidden; /*height:300px;*/ }
    .mathTvWrap .mathTvList li:nth-child(3n) { margin-right:3%; }
    .mathTvWrap .mathTvList li:nth-child(2n) { margin-right:0%; }
    .tvView .viewWrap { margin:70px auto 0; }
    
    /* 폴리매스 */
    #polymath .part.rule { background:none; }
    #polymath .part.rule ul, #polymath .part.benefit { width:100%; }
    #polymath.Junior .part.rule { margin-bottom:0px; }
    
    /* 수학동아 */
    /* 수학동아 소개 */
    #aboutMath .mathInfo .tit { text-align:center; font-size:25px; line-height:1em; }
    #aboutMath .mathInfo .tit span { font-size:55px; font-weight:bold; line-height:1.5em;}
    #aboutMath .mathInfo .desc { background:none; margin-top:25px; padding:0; }
    #aboutMath .mathInfo:after { display:none; }
    #aboutMath .mathInfo .desc p { width:100%; margin-left:0; }
    #aboutMath .mathInfo .mImg img { display:block; }
    #aboutMath .part.keyword .keyCont .tit { font-size:30px; }
    #aboutMath .part.keyword .keyCont .tit:before, #aboutMath .part.keyword .keyCont.rCon .tit:before { width:20px; height:36px; margin-right:10px; }
    #aboutMath .part.keyword .keyCont .tit { margin-bottom:10px; }
    #aboutMath .part.keyword .keyCont .txt, #aboutMath .part.keyword .keyCont.rCon .txt { margin-left:0; font-size:15px; }
    #aboutMath .part.keyword .keyCont { margin-bottom:30px; }
    #aboutMath .part.keyword img { margin:0; width:100%; }
    #aboutMath .orderBtn { font-size:20px; max-width:250px; padding:20px 3%; background-size:8%; }
    
    /* 매스포터 */
    #mathporter .manualBtn { font-size:15px; bottom:-64px; left:50%; margin-left:-47px; }
    #mathporter .manualBtn:before { width:14px; height:14px; margin-right:3px; }
    #mathporter .contArea.articleWrap .titArea { margin-bottom:15px; }
    #mathporter .contArea.articleWrap .titArea h4 { font-size:18px; }
    #mathporter .contArea.articleWrap .articleGroup li .thum { width:80px; }
    #mathporter .contArea.articleWrap .articleGroup li .cont { font-size:16px; line-height:1.4em; height:2.8em; margin:9px 0 0; }
    #mathporter .contArea.articleWrap > div { width:100%; border-top:1px solid #eee; border-right:0; padding:20px; }
    #mathporter .contArea.articleWrap > div:first-child { border-top:0; }
    #mathporter .contArea.articleWrap > div .articleGroup li { width:50%; float:left; }
    #mathporter .contArea.articleWrap .articleGroup li:first-child { border:0; margin:0; padding:0; }
    
    #mathporter .mpInfo .topCont .tit { text-align:center; font-size:25px; letter-spacing:-0.04em; }
    #mathporter .mpInfo .topCont .tit span { font-size:40px; font-weight:bold; line-height:1.2em; }
    #mathporter .mpInfo .topCont .desc, #mathporter .mpInfo .topCont .desc span { background:none; margin:10px 0; width:100%; padding:0; }
    #mathporter .mpInfo .topCont:after { display:none; }
    #mathporter .mpInfo .topCont .mImg img { display:block; width:100%; }
    #mathporter .mpInfo .mpCont li, #mathporter .mpInfo .mpCont li:nth-child(3n) { width:47%; margin-right:6%; margin-top:40px; }
    #mathporter .mpInfo .mpCont li:nth-child(2n) { margin-right:0; }
    
    #mathporter .contBox.pressBox1 { padding:40px; }
    #mathporter .contBox.pressBox1 .tit, #mathporter .pressNote .contBox.pressBox1 .tit { font-size:30px /*!important;*/ }
    #mathporter .contBox .desc { font-size:16px; }
    
    #mathporter .press .notiWrap .tit { width:100%;}
    #mathporter .press .notiWrap .txt { width:calc(100% - 17px); margin:10px 0 0 17px; }
    #mathporter .press > div { margin-bottom:40px; padding-bottom:40px; }
    #mathporter .press .stepWrap .stepInner > div, #mathporter .press .stepWrap .stepInner .step3 { display:block; float:none; width:100%; max-width:none; height:auto; padding:17px 20px; text-align:center; font-size:20px; }
    #mathporter .stepWrap .stepInner .stepArrow, #mathporter .mathClub .stepWrap .stepInner .stepArrow { float:none; transform:rotate(90deg); margin:5px auto; width:15px; }
    #mathporter .press .stepWrap .stepInner .step1:after, #mathporter .press .stepWrap .stepInner .step2:after { display:none; }
    
    #mathporter .contBox.pressBox2 .rightCont .topCon .topDate { display:none; }
    #mathporter .contBox .joinCont .photo .ptInner .ptBtn { margin:5px 10px 0 }
    #mathporter .contBox .joinCont > div { min-height:230px; }
    #mathporter .contBox .joinCont > div .desc { height:35px; }
    #mathporter .contBox.pressBox2.join .tit { margin-top:40px; }
    #mathporter .contBox.pressBox2.join .btnArea { margin-bottom:40px; }
    
    #mathporter .pressNote .liInner li, #mathporter .pressNote .liInner li:nth-child(3n) { width:47%; margin-right:6%; padding-right:0%; border-right:0; border-bottom:1px solid #eee; padding:25px 0; }
    #mathporter .pressNote .liInner li:nth-child(2n) { margin-right:0; padding-right:0; }
    
    #mathporter .contBox.pressBox2.totalPress .bgArea .tit { font-size:20px !important; display:block; margin:0 0 10px 0;}
    #mathporter .totalPDF .bgArea .tit { font-size:20px !important; }
    #mathporter .totalPDF .viewTitInner { margin:30px 25px 0; }
    
    /* 매스클럽 */
    #mathporter .mathClub > div { margin-bottom:40px; }
    #mathporter .mathClub .stepWrap .stepInner > div, #mathporter .mathClub .stepWrap .stepInner .step2 { display:block; float:none; width:100%; max-width:none; height:auto; padding:17px 20px; text-align:center; font-size:20px; }
    #mathporter .mathClub .stepWrap .stepInner > div span { display:inline-block; }
    #mathporter .clubLiWrap > li { width:calc(50% - 10px); }
    #mathporter .clubLiWrap > li:nth-child(3) { margin-top:10px; }
    .clubView .clubInfo .photo { width:300px; height:225px; }
    .clubView .clubInfo .infoView { width:calc(95% - 300px); }
    .clubView .clubInfo .infoView .infoCont { margin-top:17px; }
    .clubView .clubInfo .infoView .infoCont h5 { margin-bottom:10px; font-size:26px; }
    .clubView .clubInfo .infoView .modify { padding:25px; }
    .clubView .clubInfo .infoView .modify .btnArea { margin-top:20px; }
    .clubView .clubInfo .infoView .modify .txtInput { height:38px; }
    .clubView .clubInfo .infoView .modify .txtArea { height:87px; }
    .clubView .peopleLi li, .clubView .peopleLi li:nth-child(3n), .clubView .peopleLi li:nth-child(3) { width:calc(49% - 50px); margin-right:2%; margin-top:15px; }
    .clubView .peopleLi li:nth-child(2n) { margin-right:0; }
    .clubMsg .msgLiWrap li { width:calc(50% - 10px); margin-right:10px; }
    .clubMsg .paging { margin:15px 0 30px; }
    .clubMsg .msgLiWrap li, .clubMsg .msgLiWrap li:nth-child(2n) { background:#65bddf !important; }
    .clubMsg .msgLiWrap li:nth-child(2), .clubMsg .msgLiWrap li:nth-child(3), .clubMsg .msgLiWrap li:nth-child(6), .clubMsg .msgLiWrap li:nth-child(7), .clubMsg .msgLiWrap li:nth-child(10), .clubMsg .msgLiWrap li:nth-child(11) { background:#8da8ed !important; }
	
	/* 도전나도수학자 상단 신고버튼 추가 21.02.05 */
	#makePoly .makeWrap .makeHead .btn_warning {display: block;}
	
	/* 회원차단버튼 추가 21.02.10 */
	.btn_mem_block {display: inline-block}
	
}

@media (max-width:640px) {
    .contWrap { padding:20px; }
    .mainSection3 .contWrap { margin-top:20px; }
    .listDiv_4 li, .newReCont .coverLi ul li { width:49%; }
    .listDiv_4 li:nth-child(3n) { margin-right:2%; }
    .listDiv_4 li:nth-child(2n), .newReCont .coverLi ul li:nth-child(2n) { margin-right:0; }
    .togetherCont .listDiv_4 li:nth-child(3), .newReCont .coverLi ul li:nth-child(3) { display:none; }
    #polyMain .boardCont > div { width:100%; }
    #polyMain .boardCont .notiCont { margin-right:0; margin-bottom:30px; }
    #polyMain .mentorCont .mainMentor { height:auto; }
    .newReCont .coverLi { padding:10px;}
    #polyMain .achieveCont .achieveList ul li { width:48%; margin-bottom:2%; }
    #polyMain .polymathCont .cont h3, .coverLi ul li .listGroup .cont h3 { font-size:12px; }
    
    /* 메인 매스포터 */
    #polyMain .mathporterCont .mathporterDiv .hotPickLi { width:100%; margin-right:0; margin-bottom:10px; }
    #polyMain .mathporterCont .mathporterDiv .smallLi { width:49%; margin-right:2%; }
    #polyMain .mathporterCont .mathporterDiv .smallLi > div { max-height:none; }
    
    /* 상세뷰 */
    .tableType ul li .infoCont { width:20%; }
    .viewTag, .tagArticle, .evaluation { }
    .tagArticle .tit { padding-left:0; }
    .tagArticle .articleArea { padding:0 15px; }
    .evaluation .titArea .info { width:100%; margin-top:10px; margin-left:25px; float:left; }
    .evaluation .titArea .info .name, .evaluation .titArea .info span:last-child:before { display:none; }
    .evaluation .textCont { font-size:15px; padding:20px 30px 30px; }
    .emotion { padding:30px; }
    .emotion .tit { width:100%; font-size:25px; margin-bottom:15px; text-align:center; }
    .emotion .emotionArea { width:100%; }
    .emotion .tit span { display:inline; }
    .emotion .emotionArea .emotionLi:before { width:50px; height:50px; }
    
    /* 댓글쓰기 */
    #editFormLayer.pop_bg { overflow:scroll; }
    .pop_bg_bfix { top:0; }
    #reply_write{ height:auto; width:100%;}
    #reply_write h2{ text-align:left; line-height:70px; font-size:24px; padding-left:20px;background:#001e61; color:#fff}
    #reply_write .btn_close{ padding:19px 20px 24px 35px;background:url(//img.dongascience.com/polymath/images/ico_close_w.png) 10px center no-repeat; background-size:16px; color:#fff; font-size:0; display:block; }
    
    #write_group .tle{ width:70px; font-size:14px}
    #write_group .name{ padding:15px 0 15px 10px;font-size:14px }
    #write_group .category{ padding:0 0 0 10px; font-size:14px}
    #write_group .title{ padding:0 0 0 10px;font-size:14px }
    #write_group .t_img{ padding:0 0 0 10px;font-size:14px }

    .editor .func{ float:none; width:100%; border-right:none ; border-bottom:1px solid #e5e5e5}
    .editor .func ul{height:auto}
    .editor .txt_area textarea{ height:300px}
    .pop_bg_bfix .btn_group_write{ position:relative; text-align:center; padding:30px 0}
    
    .methticon { left:165px; top:15px; }
    .methticon .methWrap { min-width:270px; height:120px; width:100%; }
    .methticon .methWrap li { width:22%; height:auto; margin:0 2% 10px 0; }
    .methticon .methWrap li:nth-child(5n) { margin-right:2%; }
    
    /* 통합검색 */
    #allSearch .opt { font-size:13px; width:140px; }
    #allSearch .scArea .scInput { height:45px; }
    #allSearch .scArea .scBtn { background-size:25px;}
    
    /* 리스트 */
    .tableType ul li .infoCont > span { display:block; margin-bottom:5px; }
    .tableType ul li .infoCont > span:last-child:before { display:none; margin:0; }
    
    /* 도전! 나도 수학자*/
    #makePoly .makeWrap .makeHead .tit span { display:none; }
    #makePoly .makeWrap .makeCont .contL .photo { width:100px; height:100px; margin:15px auto; }
    #makePoly .makeWrap .makeCont .contR .message { padding:15px 20px; margin:10px auto 30px; }
    #makePoly .makeWrap .makeCont .contR .nickname { margin-top:0; text-align:center; }
    #makePoly .makeWrap .makeCont .contL,#makePoly .makeWrap .makeCont .contR { width:100%; }
    #makePoly .makeWrap .makeCont .ranking { height:auto; }
    #makePoly .makeWrap .makeCont .ranking .polyRank { width:100%; border-right:0; border-bottom:1px solid #c2d5ff; margin-top:0; padding:20px 0; }
    #makePoly .makeWrap .makeCont .ranking .polyCount { width:100%; }
    #makePoly .makeWrap .makeCont .ranking .polyRank .tit { display:inline-block; margin-top:0; margin-right:5px; }
    #makePoly .makeWrap .makeCont .ranking .polyRank .num, #makePoly .makeWrap .makeCont .ranking .polyRank .num span { display:inline-block; margin-top:0; }
    
    /* 마이페이지 */
    #myPage .userBox .myArea .userLi .tit { width:100%; padding:0; display:block; margin-bottom:5px; }
    #myPage .userBox .myArea .userLi .txt { width:100%; display:block; }
    
    /* 닉네임 설정*/
    #nickLayer.pop_bg .space2 { top:30px; margin-top:0; }
    #nickLayer .nickForm { width:90%; }
    #nickLayer .nickForm h2 { height:60px; line-height:60px; font-size:23px; }
    #nickLayer .nickForm h3 { font-size:17px; }
    #nickLayer .nickForm .btn_close { width:60px; height:60px; }
    
    /* 수학동아 투표 */
    #aboutMath .zoomPop .zoomArea { width:90%; max-width:500px; margin:40px auto 0; }
    #aboutMath .zoomPop .closeBtn { width:calc(100% - 2px); height:35px; text-indent:0; background-image:none; line-height:35px; }
    
    /* 폴리매스 */
    #polymath .contBox.polyInfo { padding:30px; margin-bottom:40px;  }
    #polymath .polyInfo h3 { font-size:28px; margin-bottom:10px; }
    #polymath .polyInfo .txt { font-size:15px; }
    #polymath .polyInfo .txt img { margin-bottom:20px; width:100%; }
    #polymath .part .peopleInfo ul li { width:100%; margin-right:0; }
    #polymath .part h4 { font-size:25px; margin-bottom:15px;  }
    #polymath .part .txt { font-size:15px; }
    #polymath .part .peopleInfo h5 { margin-bottom:15px; }
    
    /* 편집팀 소개 */
    #aboutMath .aboutCon .aboutImg { width:50%; max-width:250px; margin:0 auto; float:none; }
    #aboutMath .aboutCon .aboutInner { width:95%; float:none; margin:20px auto 0; }
    #aboutMath .aboutCon .aboutInner .cont .ability li span { float:none; margin-bottom:5px; }
    #aboutMath .aboutCon .aboutInner .wording span { display:block; }
    #aboutMath .aboutCon .aboutInner .wording img { display:none; }
    
    /* 매스포터 */
    #mathporter .contArea.articleWrap, #mathporter .btnType1.allBtn, #manualPop .popInner2:after{ display:none; }
    #mathporter .opt.moView { display:inline; width:auto; }
    #mathporter .mpInfo .mpCont li { width:100% !important; }
    
    #mathporter .contBox .joinCont { margin-bottom:0; }
    #mathporter .contBox .joinCont > div, #mathporter .contBox .joinCont > div:last-child { width:calc(100% - 40px); border-right:0; border-top:1px solid #dedede; margin:0 20px; height:auto; min-height:auto; padding:25px 0; }
    #mathporter .contBox .joinCont > div .desc { height:auto; }
    #mathporter .contBox .joinCont > div .txtInput { margin:0;}
    #mathporter .contBox.pressBox2.join .desc { padding:0 40px;}
    #mathporter .contBox.pressBox2 .leftCon { border-right:0; border-bottom:1px solid #dedede; width:100%; height:auto; }
    #mathporter .contBox.pressBox2 .leftCon .conInner { padding:0 30px 30px; margin:10px; }
    #mathporter .contBox.pressBox2 .leftCon .conInner .tit span { display:inline-block; margin-left:7px; height:auto;  }
    #mathporter .contBox.pressBox2 .leftCon .conInner .desc { margin-top:5px; margin-bottom:15px; }
    #mathporter .contBox.pressBox2 .rightCont { width:100%; }
    #mathporter .contBox.pressBox2 .titBg { text-align:center; width:70%; margin:0 auto 30px; display:block; }
    
    #pressPop .popWrap { margin-top:-95px; }
    #paperPop .popWrap { width:425px; background-size:100%; height:auto; }
    #paperPop .popWrap .conInner { padding:65px 60px 35px; height:auto; }
    #paperPop .popWrap .conInner .tit { font-size:50px; }
    #paperPop .popWrap .conInner .name { font-size:18px; margin-top:30px; }
    #paperPop .popWrap .conInner .name span { font-size:28px; }
    #paperPop .popWrap .conInner .txt { font-size:19px; margin-top:25px; line-height:1.9em; }
    #paperPop .popWrap .conInner .date { font-size:17px; margin-top:40px; }
    #paperPop .popWrap .conInner .mathName { font-size:17px; height:60px; background-size:50px; padding-top:5px; background-position:89% 0; }
    #paperPop .popWrap .conInner .mathName span { font-size:26px; }    
    
    #mathporter .pressNote .contBox.pressBox1 { padding:40px 60px; }
    #mathporter .pressNote .totalCont .default { background:none; }
    #mathporter .pressNote .totalCont .default .txtArea, #mathporter .pressNote .totalCont .default .txtArea .desc { width:100%; text-align:center; }
    #mathporter .pressNote .totalCont .default .txtArea span { display:block; }
    #mathporter .contBox.pressBox2.totalPress .dateInput input { width:95px; }
    #mathporter .contBox.pressBox2.totalPress .viewBtn { width:60px; }
    #mathporter .pressNote .liInner li, #mathporter .pressNote .liInner li:nth-child(3n) { width:100%; margin-right:0; padding:20px 0; }
    #mathporter .pressNote .liInner li:nth-child(2) { padding:20px 0;}
    
    /* 매스클럽 */
    #mathporter .mathClub .btnArea { padding-top:30px; }
    #mathporter .mathClub .btnArea a { height:40px; font-size:15px; line-height:40px; font-family:'nanumsquareb', 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR'; }
    #mathporter .clubLiWrap > li, #mathporter .clubLiWrap > li:nth-child(2n), #mathporter .clubLiWrap > li:nth-child(3) { width:100%; margin-right:0; margin-top:10px; border-radius:20px; }
    #mathporter .clubLiWrap > li a { padding:20px 25px 20px; }
    #mathporter .clubLiWrap .fixList { top:15px; right:15px; }
    #mathporter .clubLiWrap .date { margin-bottom:15px; }
    #mathporter .clubLiWrap .clubName { font-size:25px; margin-bottom:15px; }
    #mathporter .clubLiWrap .last { height:160px; }
    #mathporter .clubLiWrap .last .tit { margin:32px 0 7px; }
    .clubView .likeArea { margin-bottom:20px; }
    .clubView .clubInfo .photo { width:100%; height:auto; padding-top:75%; margin-top:10px; }
    .clubView .clubInfo .infoView { width:100%; margin-top:10px; padding-top:10px; }
    .clubView .clubInfo .infoView .modify { padding:20px; }
    .clubView .peopleLi li { padding:25px 15px; width:calc(49% - 30px) !important; }
    .clubView .peopleLi li .photo { width:60px; height:60px; margin-top:5px; }
    .clubView .peopleLi li .userInfo { width:calc(100% - 80px); }
    .clubView .peopleLi li .userInfo .nickname { font-size:16px; }
    .clubView .peopleLi li .delPop p { font-size:17px; margin-top:20px; }
    .clubView .btnArea .noBtn, .clubView .btnArea .yesBtn { height:28px; line-height:26px; width:60px; }
    .clubView .peopleLi li.manager:before { left:30px; }
    .clubMsg .topArea .tit { width:calc(100% - 25px); margin-bottom:10px; margin-top:0 !important; }
    .clubMsg .topArea .txt { width:100%; }
    .clubMsg .topArea .notiMsg, .clubMsg .topArea .wirteMsg { padding:20px 25px; }
}

@media (max-width:425px) {
    #polyMain .conTit h2 { font-size:20px; }
    #polyMain .mentorCont .mainMentor .cont { width:100%; }
    
    #polyMain .mentorCont .mainMentor .cont .tit { -webkit-line-clamp:1; height:1.4em; }
    #polyMain .mentorCont .mainMentor .cont .txt { -webkit-line-clamp:2; height:2.8em; }
    #polyMain .mentorCont .mainMentor .thum { float:none; margin:0 auto; }
    #polyMain .mentorCont .mainMentor a { margin:30px; }
    #polyMain .toonCont .thum { margin:20px 10px; }
    #polyMain .mathTvCont .mathTvList li { width:100%; }
    #polyMain .mathTvCont { padding-bottom:60%; }
    #polyMain .mathTvCont .controlArea { font-size:15px; }
    #polyMain .mathTvCont .controlArea > div > a { margin:15px 13px 0 0; padding-bottom:5px; }
    #polyMain .voteCont .txt { margin-top:-10px; }
    #polyMain .voteCont .txt span { display:block; }
    #polyMain .voteCont .btn { margin:-80px -20px 0 0; }
    #polyMain .toonCont .group { width:calc(100% - 160px); }
    #makePoly .makeWrap .makeList { padding:15px;}
    .listDiv_4 li .cont h4, #polyMain .polymathCont .mainListPoly ul li h4 { font-size:15px; }
    .listDiv_4 li .cont { height:98px; padding:12px; }
    .paging a.prev { margin-right:10px; }
    
    /* 서브 */
    .visualWrap .visualInner { padding:30px 20px 25px; }
    
    /* 상세뷰 */
    .viewTitInner .viewEtc .sns .snsBtn a { margin-left:5px; }
    .viewReWrap .reContArea .reGroup .userInfo .nickname { float:none; margin-bottom:5px; }
    .viewReWrap .reContArea .reGroup .userInfo { margin-top:0; }
    .viewReWrap .reContArea .reReply .reGroup .userInfo { margin-top:13px; }
    .viewReWrap .reContArea .reGroup .btnArea { width:100%; }
    .viewReWrap .reContArea .reGroup .userInfo .level strong { margin-left:0; }
    .btnType3.secretBtn { display:block; float:left; }
    .emotion { padding:20px; }
    .emotion .tit { font-size:20px; text-align:center; margin-bottom:10px; }
    .emotion .emotionArea .emotionLi:before { width:35px; height:35px; margin:0 auto 8px; }
    .emotion .emotionArea .emotionLi .txt { font-size:12px; }
    .emotion .emotionArea .emotionLi .num { font-size:15px; }
    .viewTag .tagInner .icon { width:100%; margin-bottom:5px; }
    .viewTag .tagInner .tagArea { width:100%; }
    .evaluation .titArea { text-align:center; padding:15px 20px; }
    .evaluation .titArea .tit { font-size:18px; float:none; }
    .evaluation .titArea .tit:before { display:none; }
    .evaluation .titArea .info { margin-left:0; margin-top:5px; font-size:14px; }
    .evaluation .textCont { padding:20px; }
    .viewContInner .downFile .downBtn { padding:0 50px 0 20px; height:50px; line-height:50px; font-size:18px; }
    .viewContInner .downFile .dlBtn { padding:0 75px 0 15px; height:50px; line-height:50px; font-size:18px; }
    
    /* 쓰기 */
    #contWrite .writeTxt > div .tit { width:25%; font-size:14px; }
    #contWrite .writeTxt > div .cont { width:75%; }
    #contWrite .writeTxt .optWrite { width:auto; }
    
    /* 통합검색 */
    #allSearch .opt { font-size:13px; width:100%; border:0; border-bottom:1px solid #ddd; height:45px; }
    #allSearch .scArea .scInput { height:91px; }
    #allSearch .scArea .scBtn { background-size:25px;}
    #allSearch .scArea .scInput input { width:calc(100% - 80px); height:45px; }
    #allSearch .scArea .scBtn {  height:45px; }
    
    /* 내가 만든 폴리매스 */
    #makePoly .makeWrap .makeList .listWrap li .thum { width:130px; }
    #makePoly .makeWrap .makeList .listWrap li .cont { width:calc(100% - 150px); margin-top:5px; margin-left:15px;  }
    #makePoly .makeWrap .makeList .listWrap li .thum .people { width:65%; margin-right:calc(-32.5% - 10px); }
    
    /* 수학동아 투표 */
    #aboutMath .bgContList .txtInput .fileUp input { margin:0; width:100%; }
    #aboutMath .voteTit { margin:0 0 10px 0; }
    .voteTitArea .rightArea { float:left; }
    #aboutMath .voteArea .cover { float:none; margin:0 auto; }
    #aboutMath .voteArea .voteList { width:100%; padding:0; margin-top:10px; }
    #aboutMath .voteOther { margin-top:30px; }
    
    /* 검색 */
    #allSearch .resultCount { font-size:22px; }
    #allSearch .resultBox .noData { padding:20px;  }
    #allSearch .resultBox .noData p { background-position:0 6px; background-size:11px 9px; font-size:15px; padding-left:18px; }
    
    /* 수학동아 */
    /* 수학동아 소개 */
    #aboutMath .mathInfo { margin:20px 0 35px 0; }
    #aboutMath .mathInfo .tit { font-size:17px;}
    #aboutMath .mathInfo .tit span { font-size:30px; line-height:1.2em; display:block; margin-top:8px; }
    #aboutMath .mathInfo .desc { margin-top:15px; }
    #aboutMath .mathInfo .desc p { font-size:14px; margin-bottom:5px; background-size:10px 9px; background-position:0 6px; padding-left:15px; }
    .part h4 { font-size:23px; margin-bottom:20px; }
    
    /* 레이어 팝업 */
    .pop_bg .popWrap .popHead { height:60px; border-radius:0; }
    .pop_bg .popWrap .popHead h2 { font-size:23px; line-height:60px; padding:0 0 0 20px; }
    .pop_bg .popWrap .popHead .btn_close { width:60px; height:60px; background-size:32px; border-radius:0; }
    .pop_bg .popWrap .popInner { border-radius:0; padding:20px; width:calc(100% - 40px); max-height:none; overflow-y:scroll; }
    /* 나의 폴리매스 포인트 내역 팝업 */
    #pointLayer.pop_bg .popWrap { top:0; margin-top:0; overflow-y:scroll; }
    #ptInfoLayer.pop_bg .popWrap { top:0; margin-top:0; overflow-y:scroll; }
    /* 매스포터 기사작성법 팝업 */
    #manualPop .popInner2 { border-radius:0; }
    #manualPop.pop_bg .popWrap { top:0; margin-top:0; }
    #manualPop .popInner2 .topCont, #manualPop .popInner2 .txtCont { padding:40px; }
    #manualPop .popInner2 .topCont h3 { font-size:25px; margin-bottom:20px;}
    #manualPop .popInner2 .topCont { font-size:15px; }
    
    /* 매스포터 */
    #mathporter .mpInfo .topCont .tit { font-size:17px; }
    #mathporter .mpInfo .topCont .tit span { font-size:30px; }
    #mathporter .mpInfo .topCont .desc span { font-size:14px; margin:0;  }
    #mathporter .mpInfo .mpCont li { margin-top:25px !important; }
    #mathporter .mpInfo .mpCont li .tit { font-size:20px; }
    #mathporter .mpInfo .mpCont li .tit:after { margin:12px 0; }
    #mathporter .mpInfo .mpCont li .txt, #mathporter .press .notiWrap .txt p { font-size:14px; }
    #mathporter .pressNote .btnType1 { margin:10px 0 0;}
    
    #pressPop .popWrap .close { width:35px; height:35px; top:110px; background-size:25px; border:2px solid #fff; }
    #paperPop .popWrap .close { width:35px; height:35px; top:-50px; background-size:25px; border:2px solid #fff; }
    #pressPop .popWrap .btn, #paperPop .popWrap .btn { height:39px; margin-top:20px; line-height:39px; font-size:18px; border:2px solid #fff; }
    #paperPop .popWrap { width:300px; margin-top:70px; }
    #paperPop .popWrap .conInner { padding:45px 40px 35px;}
    #paperPop .popWrap .conInner .tit { font-size:35px; }
    #paperPop .popWrap .conInner .name { font-size:15px; margin-top:20px; }
    #paperPop .popWrap .conInner .name span { font-size:22px; }
    #paperPop .popWrap .conInner .txt { font-size:15px; margin-top:17px; line-height:1.6em; }
    #paperPop .popWrap .conInner .date { font-size:14px; margin-top:23px; }
    #paperPop .popWrap .conInner .mathName { font-size:13px; height:40px; background-size:35px; background-position:89% center; }
    #paperPop .popWrap .conInner .mathName span { font-size:20px; }
    #pressPop .popWrap {  width:270px; background-size:100%; }
    #pressPop .popWrap .conInner { height:310px; padding-top:238px; }
    #pressPop .popWrap .conInner .photo { border:6px solid #fff; width:126px; height:126px; margin:0 auto 16px; }
    #pressPop .popWrap .conInner .name { font-size:29px; margin-bottom:10px; }
    #pressPop .popWrap .conInner .txt { font-size:14px; margin-bottom:9px; }
    #pressPop .popWrap .conInner .date { font-size:12px; width:200px; height:22px; line-height:21px; border-radius:11px; }
    #mathporter .contBox.pressBox2 .totalLi { padding: 20px 20px 40px;}
    #mathporter .pressNote .contBox.pressBox1 { padding:30px;}
    #mathporter .pressNote .contBox.pressBox1 .tit { font-size:25px; }
    #mathporter .contBox.pressBox2 .bgArea { width:calc(100% - 40px); padding:15px 20px; }
    #mathporter .contBox.pressBox2 .titBg { width:80%; }
    #mathporter .pressNote .totalCont .default .txtArea h3 { font-size:30px;}
    #mathporter .pressNote .totalCont .default .txtArea .txt { font-size:17px; }
    #mathporter .pressNote .totalCont .default .txtArea span { display:inline; }
    
    /* 매스클럽 */
    #newClubPop .popWrap, #addMemberPop .popWrap { margin-top:0; }
    .clubView .peopleLi li, .clubView .peopleLi li:nth-child(2n) { width:calc(100% - 30px) !important; margin-top:15px; }
    .clubView .likeArea { padding:15px; }
    .clubView .likeArea span { text-align:center; font-size:19px; display:block; }
    .clubView .likeArea .likeBtn { float:none; width:55%; margin:0 auto; display:block; text-align:center; }

    .titBg { font-size:23px; }
	
    .clubMsg .msgLiWrap li { width:100%; margin-right:0% !important; }
    .clubMsg .msgLiWrap li .msgTxt { min-height:auto; }
    .clubMsg .msgLiWrap li, .clubMsg .msgLiWrap li:nth-child(3), .clubMsg .msgLiWrap li:nth-child(7), .clubMsg .msgLiWrap li:nth-child(11) { background:#65bddf !important; }
    .clubMsg .msgLiWrap li:nth-child(2n){ background:#8da8ed !important; }
}

@media (max-width:360px) {
    .listCount { font-size:17px;}
    .newReCont .coverLi ul li { width:100%; }
    .newReCont .coverLi ul li:nth-child(2) { display:none; }
    .btnType1.allBtn { margin-right:3px; padding:0 10px; }
    
    /* 매스포터 */
    #mathporter .pressNote .totalCont .default { padding:50px 30px; }
    #mathporter .totalPDF .bgArea .tit { float:none; }
    #mathporter .totalPDF .noteBtn { float:none !important; display:block !important; margin:0 auto; }
    #mathporter .contBox.pressBox2.totalPress .dateInput input { width:75px; }
    #mathporter .contBox.pressBox2.totalPress .viewBtn { width:45px; }   

}

@media (max-width:320px) {	
	/* 도전나도수학자 상단 신고버튼 추가 21.02.05 */
	#makePoly .makeWrap .makeHead .btn_warning {right: 63px;}
	
}