@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1.4;color:#444;background-color:#fff;font-size:.8em;font-family:NanumGothic,sans-serif}
ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}
ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
a:-webkit-any-link{text-decoration:none}a{text-decoration:none;color:#444}.hidden{display:none !important}
div.black-dialog,div.white-dialog{position:absolute;text-align:center;-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 5px rgba(0,0,0,0.3);box-shadow:0 0 5px rgba(0,0,0,0.3)}
div.black-dialog div.pin,div.white-dialog div.pin{display:none}div.black-dialog div.title,div.white-dialog div.title{height:35px;visibility:hidden}
div.black-dialog div.content,div.white-dialog div.content{font-size:14px;line-height:1.5em;margin:0 60px;text-align:left}
div.black-dialog div.btns,div.white-dialog div.btns{margin:10px 0 0 0 !important;padding:25px 0;text-align:center !important}
div.black-dialog div.btns button,div.white-dialog div.btns button{border:none !important;font-size:12px;height:30px;line-height:30px;padding:0 15px;margin:0 .2em;cursor:pointer}
div.black-dialog.pinned div.pin,div.white-dialog.pinned div.pin{background-repeat:no-repeat;display:block;height:15px;width:8px;position:absolute;top:30px;left:-8px}
div.black-dialog{background-color:#666;color:#fff}div.black-dialog div.btns button{background-color:#6d6d6d;color:#fff}
div.black-dialog.pinned div.pin{background-image:url("../../img/desktop/pin2_left.png")}div.black-dialog#otautosave_confirm,div.black-dialog#unauthorized_confirm{width:400px !important}
div.black-dialog#otautosave_confirm div.title,div.black-dialog#unauthorized_confirm div.title{height:30px}
div.black-dialog#otautosave_confirm div.content,div.black-dialog#unauthorized_confirm div.content{margin:0 30px}
div.black-dialog#otautosave_confirm div.btns,div.black-dialog#unauthorized_confirm div.btns{margin-top:0 !important}
div.black-dialog#topic_order_dialog{top:0;left:220px;z-index:11}div.black-dialog#topic_order_dialog div.content{float:none;margin:0 auto;padding-left:0;text-align:center;width:150px}
div.black-dialog#topic_order_dialog.fixed{position:fixed;top:41px}div.black-dialog#topic_new_dialog{width:250px;top:0;left:0}
div.black-dialog#topic_new_dialog div.title{display:none}div.black-dialog#topic_new_dialog div.content{float:none;margin:0 auto;padding:20px 0;text-align:center}
div.black-dialog#topic_new_dialog div.pin{background-image:url("../../img/desktop/pin_top.png");background-repeat:no-repeat;display:block;height:11px;width:19px;position:absolute;top:-11px;left:60px;z-index:1}
div.white-dialog{background-color:#fff;color:#999;border:1px solid #ccc}div.white-dialog div.btns button{background-color:#ccc;color:#fff}
div.white-dialog.pinned div.pin{background-image:url("../../img/desktop/pin_left.png")}div.white-dialog#comment_delete_dialog{top:55px;left:auto;right:10px;z-index:11}
div.white-dialog#comment_delete_dialog div.content{margin:0;text-align:center}div.white-dialog#comment_delete_dialog div.content p{color:#000;font-weight:bold}
div.white-dialog#comment_delete_dialog div.content input[type="password"]{width:198px !important;height:29px !important;font-size:12px;line-height:29px !important;text-align:center;margin-top:15px !important}
div.white-dialog#comment_delete_dialog div.btns{padding:10px 0 25px}div.white-dialog#comment_delete_dialog.pinned div.pin{background-image:url("../../img/desktop/pin.png");height:8px;width:15px;position:absolute;top:-8px;left:200px}
#message-area{position:absolute;right:10px;top:0;width:250px;z-index:1000}#message-area div.message{border:5px solid rgba(255,255,255,0.5);background-color:rgba(0,0,0,0.8);color:#fff;font-size:12px;margin:10px auto;padding:10px;position:relative;text-align:center;-webkit-background-clip:padding-box;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}
#message-area div.message span.close{background-image:url("../../img/desktop/closebox.png");background-repeat:no-repeat;cursor:pointer;display:none;position:absolute;text-indent:-200%;overflow:hidden;top:-15px;right:-15px;height:30px;width:30px}
.clear{clear:both}div.wrap header{background-color:#4d6c8b;color:#fff;text-align:center;padding:10px;height:30px}
div.wrap header hgroup{margin:0 200px}div.wrap header hgroup h1{display:none;font-size:1.4em}
div.wrap header hgroup p{display:none;padding-top:2em;font-size:3em;color:#fff}div.wrap hgroup{position:relative}
div.wrap hgroup h1{display:inline-block;font-size:1.8em;padding-right:5px}div.wrap hgroup p{display:inline-block}
div.wrap hgroup .more{display:block;position:absolute;top:40px;right:7px;font-size:.9em}
div.wrap hgroup .more .ico{vertical-align:inherit}div.wrap>div.content{width:980px;margin:0 auto;overflow:hidden;background-color:#fff;padding:20px 40px}
div.wrap>div.content .innerwrap{width:670px;float:left}div.wrap>div.content .innerwrap hgroup{padding:20px 20px 0 20px}
div.wrap>div.content .innerwrap hgroup h2{font-size:2.4em;padding-right:5px;display:inline-block;font-weight:normal;color:#000}
div.wrap>div.content .innerwrap hgroup p{display:inline-block}div.wrap>div.content .innerwrap .course{padding-top:30px}
div.wrap>div.content .innerwrap .course .box{height:280px}div.wrap>div.content .innerwrap .course .box .card strong.name{display:block;font-size:1.4em;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
div.wrap>div.content .innerwrap .course .box .card strong.name a{color:#000}div.wrap>div.content .innerwrap .course .box:hover strong.name a{color:#2ecc71}
div.wrap>div.content .innerwrap .course .box.gate:hover{border-color:#ccc}div.wrap>div.content .innerwrap .course .box.gate:hover div.cover{display:none}
div.wrap>div.content .innerwrap .course .box.gate:hover div.sign{display:block}div.wrap>div.content .innerwrap .course .box div.cover{background-color:#dedede;color:#fff;font-family:sans-serif;font-size:110px;height:280px;line-height:280px;text-align:center}
div.wrap>div.content .innerwrap .course .box div.sign{height:280px}div.wrap>div.content .innerwrap .course .box div.sign strong{margin-top:76px !important}
div.wrap>div.content .innerwrap .module .box{height:180px}div.wrap>div.content .innerwrap .module .box .card strong.name{display:block;font-size:1.2em;padding-bottom:10px !important;font-weight:normal;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
div.wrap>div.content .innerwrap .module .box .card strong.name a{color:#000}div.wrap>div.content .innerwrap .module .box .card .info{color:#999;font-size:.9em;padding:0 15px 15px}
div.wrap>div.content .innerwrap .module .box:hover strong.name a{color:#2ecc71}div.wrap>div.content .innerwrap .module .box.gate:hover{border-color:#ccc}
div.wrap>div.content .innerwrap .module .box.gate:hover div.cover{display:none}div.wrap>div.content .innerwrap .module .box.gate:hover div.sign{display:block}
div.wrap>div.content .innerwrap .module .box div.cover{background-color:#dedede;color:#fff;font-family:sans-serif;font-size:110px;height:180px;line-height:180px;text-align:center}
div.wrap>div.content .innerwrap .module .box div.sign{height:180px}div.wrap>div.content .innerwrap .listwrap{width:100%;height:300px;position:relative}
div.wrap>div.content .innerwrap .listwrap .box{width:200px;float:left;margin:10px;overflow:hidden;position:relative;background-color:#f8f8f8;border:1px solid #ddd}
div.wrap>div.content .innerwrap .listwrap .box:hover{border-top:1px solid #ccc;box-shadow:0 0 3px rgba(204,204,204,0.4)}
div.wrap>div.content .innerwrap .listwrap .box:hover .ball{background-color:#000 !important}
div.wrap>div.content .innerwrap .listwrap .box.full{position:absolute;top:0;left:0;width:960px;height:500px;z-index:100;border:2px solid #333}
div.wrap>div.content .innerwrap .listwrap .box.full .group{width:200px;float:left;margin:10px}
div.wrap>div.content .innerwrap .listwrap .box div.sign{text-align:center}div.wrap>div.content .innerwrap .listwrap .box div.sign strong{color:#555;display:block;font-weight:normal;font-size:14px;margin-top:37px;padding-bottom:23px}
div.wrap>div.content .innerwrap .listwrap .box div.sign a{background-color:#3c9;display:inline-block;color:#fff;padding:10px 30px}
div.wrap>div.content .innerwrap .listwrap .box .card .head a{color:#333}div.wrap>div.content .innerwrap .listwrap .box .card strong.name{padding:15px 15px 0 15px}
div.wrap>div.content .innerwrap .listwrap .box .card div.summary{font-size:11px;color:#999;padding:5px 15px 10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}
div.wrap>div.content .innerwrap .listwrap .box .card .ui-component{position:relative}
div.wrap>div.content .innerwrap .listwrap .box .card .ui-component .scrollbox{overflow:hidden}
div.wrap>div.content .innerwrap .listwrap .box .card .ui-component .scrollbox ul{font-size:.9em;margin-left:20px;padding:9px 0}
div.wrap>div.content .innerwrap .listwrap .box .card .ui-component .scrollbox ul li{display:block;padding:2px 0 2px 15px;margin:0;background:url("../../img/desktop/bul_tree.png") no-repeat left top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
div.wrap>div.content .innerwrap .listwrap .box .card .ui-component .scrollbox ul li:last-child{background-image:url("../../img/desktop/bul_tree_end.png")}
div.wrap>div.content .innerwrap .listwrap .box .card .ui-component .scrollbox ul li a{color:#333}
div.wrap>div.content .innerwrap .listwrap .box .card .ui-component .scrollbox ul ul li{background:0}
div.wrap>div.content .innerwrap .listwrap .box .card .ui-component .scrollbar{display:none;line-height:0;position:absolute;right:3px;top:0;height:100%}
div.wrap>div.content .innerwrap .listwrap .box .card .ui-component .scrollbar .ball{background-color:#fff;opacity:.3;height:8px;width:8px;-webkit-background-clip:padding-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
div.wrap>div.content .innerwrap .listwrap .box .name_card{width:100%;position:absolute;left:0;bottom:0;padding:15px 10px;background-color:#eee;color:#999;font-weight:normal}
div.wrap>div.content .innerwrap .listwrap .box .name_card span strong{font-weight:normal}
div.wrap>div.content .innerwrap .listwrap .box .name_card img.profile_icon{cursor:pointer}
div.wrap>div.content .innerwrap .listwrap .box .name_card strong.name{display:block;font-weight:normal;color:#333}
div.wrap>div.content .innerwrap .listwrap .box .name_card img{float:left;margin-right:5px;border:2px solid #fff}
div.wrap>div.content aside{width:250px;float:right;color:#999;padding:43px 15px;font-size:.85em}
div.wrap>div.content aside p{font-size:1.4em;font-weight:normal;padding:0 0 5px 3px;margin-bottom:5px;color:#000;border-bottom:1px solid #ddd}
div.wrap>div.content aside li{border-bottom:1px solid #eee;line-height:1.6em;position:relative;padding:7px 0}
div.wrap>div.content aside li span.ico{display:block;position:absolute;top:10px;left:0}
div.wrap>div.content aside li span.ico.add_topic_everystudy_complete,div.wrap>div.content aside li span.ico.add_topic_everystudy_member,div.wrap>div.content aside li span.ico.add_topic_module_owner,div.wrap>div.content aside li span.ico.join_everystudy_register{background-position:0 -75px}
div.wrap>div.content aside li span.ico.mark_topic_marked{background-position:0 -127px}
div.wrap>div.content aside li span.ico.add_topic_module_owner,div.wrap>div.content aside li span.ico.complete_topic{background-position:0 -1px}
div.wrap>div.content aside li span.txt{display:block;margin-left:20px}div.wrap>div.content aside a{color:#666}
div.wrap>div.content aside a:hover{color:#3c9}div.wrap .search{margin:0 auto;overflow:hidden;background-color:#ddd;border-bottom:1px solid #fff;padding:40px;clear:both;text-align:center;position:relative}
div.wrap .search .search_wrap{width:600px;margin:0 auto;position:relative}div.wrap .search p{color:#999;padding-bottom:10px}
div.wrap .search input{width:480px;font-size:1.1em;border:1px solid #999;background-color:#fff;padding:10px;margin-right:100px;color:#666}
div.wrap .search input:hover{border:1px solid #aaa;border-top:1px solid #999}div.wrap .search button{padding:12px;background-color:#999;border:1px solid #999;color:#fff;font-weight:bold;vertical-align:top;cursor:pointer;position:absolute;bottom:0;right:0;width:100px}
@supports(-webkit-appearance:none) and (not(overflow:-webkit-marquee)) and (not(-ms-ime-align:auto)) and (not(-moz-appearance:none)){div.wrap .search button{padding:10.5px}
}div.wrap .search button:hover{background-color:#333;border:1px solid #333}div.wrap .company_info{background-color:#eee;color:#666}
div.wrap .company_info a:hover{color:#2ecc71;text-decoration:underline}div.wrap .company_info .service_name{font-size:2.4em;font-family:HelveticaNeue-condensed,sans-serif;padding:20px 0;font-weight:bold}
div.wrap .company_info .wrap{padding:20px;width:980px;margin:0 auto}div.wrap .company_info .wrap dl{float:left;margin:20px 60px 40px 0}
div.wrap .company_info .wrap dl.about{width:300px}div.wrap .company_info .wrap dl.about .others{padding-top:10px}
div.wrap .company_info .wrap dl.mission{width:300px}div.wrap .company_info .wrap dl.contact{width:118px}
div.wrap .company_info .wrap dl dt{font-weight:bold;margin-bottom:10px;font-size:1.1em}
div.wrap .company_info .wrap dl dd{padding:3px 0}div.wrap .company_info .gotomobile{text-align:center;color:#666;padding-top:40px;clear:both}
div.wrap .company_info .gotomobile a{color:#666;display:block}