@charset "utf-8";

/* Common */
html{overflow-x:hidden}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-size:14px;line-height:1.25em}
body.s,.s input,.s textarea,.s select,.s button,.s table{font-family:Helvetica}
body{overflow-x:hidden;position:relative;background-color:#d3d6dd;color:#000}
body{-webkit-text-size-adjust:none}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse}
input[type=text],input[type=file],textarea,select{-webkit-appearance:none;border-radius:0}

.p10{padding:10px}
.mt10{margin-top:10px}
.center{text-align:center}
.vtop{vertical-align:top}
.vmiddle{vertical-align:middle}
.blind{display:none}
.both{clear:both}
.fl{float:left}
.fr{float:right}

/* 태그구름 */
#cloud{margin:10px 10px;padding:10px;background:#fff url('/01/img_ci.png') 95% bottom no-repeat;background-size:50px}
#cloud h3{padding:5px 0 10px 0;font-weight:normal;font-size:14px;color:#999}
#cloud ul{padding:10px;text-align:center}
#cloud ul li{display:inline-block;padding:5px;margin:10px 5px;font-size:16px}
#cloud ul li a.rank1{font-size:46px;background:#167f92;color:#fff;font-weight:bold;}
#cloud ul li a.rank2{font-size:42px;background:#d3f030;color:#000;font-weight:bold;}
#cloud ul li a.rank3{font-size:38px;font-weight:bold;color:#1b6e9e;font-weight:bold;}
#cloud ul li a.rank4{font-size:34px;color:#4b6ab1}
#cloud ul li a.rank5{font-size:34px;background:#1d8b35;color:#fff}
#cloud ul li a.rank6{font-size:26px;background:#216fe4;color:#fff}
#cloud ul li a.rank7{font-size:26px;color:red;font-weight:bold}
#cloud ul li a.rank8{font-size:22px;background:#1f9162;color:#fff}
#cloud ul li a.rank9{font-size:22px}
#cloud ul li a.rank10{font-size:18px;color:green}
#cloud ul li a.rank11{font-size:18px;background:#51c0b4;color:#fff}
#cloud ul li a.rank12{font-size:16px;background:#167b4d;color:#fff}
#cloud ul li a.rank13{font-size:14px;color:#ad812b}

/* 학습비법 */
#knowhow{margin:10px 10px;background:url('/01/img_ci_white.png') left 16px no-repeat;background-size:25px}
#knowhow h3{padding:5px 0 10px 0;font-weight:normal;font-size:14px;color:#999}

#knowhow .search{display:inline-block;width:100%;margin:5px 0 5px 0;text-align:right}
#knowhow .search a{display:inline-block;padding:5px 10px;border-top:1px solid #bbbaba;border-right:1px solid #bbbaba;border-left:1px solid #bbbaba;background:#bbbaba;color:#fff}
#knowhow .search a.on{border:1px solid #1c7bb8;border-bottom:none;background:#1c7bb8;color:#fff;font-weight:bold}

.searchForm{padding-bottom:5px}
.searchForm input[type=text]{width:100%;padding:7px 0;border:1px solid #1c7bb8;font-size:14px;text-indent:5px}
.searchForm input[type=submit]{width:100%;padding:7px 0;margin:5px 0;border:none;-webkit-appearance: none;-webkit-border-radius:0;border-radius:0;background:#1c7bb8;color:#fff}

#knowhow .list li{position:relative;margin-bottom:10px;background:#fff}
#knowhow .list li dt{padding:15px 10px 10px 10px;font-size:18px;letter-spacing:-1px}
#knowhow .list li dt a{line-height:20px}
#knowhow .list li dd.keyword{padding:0 0 0 10px;color:#aaa}
#knowhow .list li dd.keyword .icon{display:inline-block;padding:2px 4px;margin-right:5px;border-radius:3px;background:#bfbfbf;color:#fff}
#knowhow .list li dd.reg{padding:10px 10px 15px 10px;text-align:left;color:#bfbfbf}
#knowhow .list li dd.reg .bar{margin:0 5px;color:#ddd}
#knowhow .list li dd.btn{position:absolute;bottom:5px;right:10px}
#knowhow .list li dd.btn a{display:inline-block;padding:13px 7px;font-size:16px;color:#9acce8;font-family:'verdana';letter-spacing:-2px;font-size:26px}
#knowhow .list li dd.btn .heart{margin-right:5px;font-size:14px;vertical-align:middle}

#knowhow .read{padding:10px;margin-top:0px;background:#fff}
#knowhow .read *{margin:0;padding:0;font-size:16px;line-height:22px}
#knowhow .read img{max-width:90%}

#knowhow .like{padding:10px;background:#fff;text-align:right;}
#knowhow .like a{display:inline-block;padding:10px;background:#3094d5;color:#fff}

#knowhow .video{position:relative;margin-top:10px}
#knowhow .video img{width:100%}
#knowhow .video .txt{position:absolute;bottom:0px;width:100%;padding:5px 0;background:#333;color:#fff;text-align:center}

.comment{margin:10px;background:#fff}
.comment li{padding:5px 10px;margin-bottom:5px;border-bottom:1px solid #d3d6dd}
.comment li.hidden{background:#f1f1f1;}
.comment li.hidden a{display:block;padding:5px 0;font-weight:bold}
.comment li dt{font-weight:bold;color:#aaa}
.comment li dd{padding-top:5px;font-size:14px;line-height:18px}
.comment li dd.date{color:#bfbfbf;font-size:12px}

.comment .reg{padding:10px 0;margin:5px 10px}
.comment .reg textarea{width:100%;padding:5px 0;border:1px solid #d3d6dd}
.comment .reg input{display:block;padding:5px;margin:0;border:none;background:#3094d5;color:#fff}
.comment .reg input.nabahim{background:#6ac841}
.comment .reg input.counsel{background:#f4a909}

.comment .reg-login-no{padding:5px;color:green;}

.knowhowBeforeNext{margin:0 10px 10px 10px}
.knowhowBeforeNext li{margin-bottom:5px;font-size:14px;background:#fff}
.knowhowBeforeNext li span.type{display:inline-block;height:100%;padding:10px;margin-right:5px;background:#3094d5;color:#fff;font-size:14px}

.nabahim{margin:10px 10px}
.nabahim li{position:relative;margin-bottom:10px;border:1px solid #bfbfbf;background:#fff}
.nabahim li:last{margin-bottom:5px}
.nabahim li dt{padding:15px 10px 10px 10px;font-size:18px;letter-spacing:-1px;font-weight:bold}
.nabahim li dd.reg{padding:0 10px 0 10px;text-align:left;font-size:14px;color:#bbb}
.nabahim li dd.preview{display:inline-block;overflow:hidden;margin:0 -5px;height:150px;border:1px solid #d3d6dd}
.nabahim li dd.preview img{width:100%}

.nabahim li dd.view{display:inline-block;margin:0 -5px}
.nabahim li dd.view img{width:100%;border:1px solid #d3d6dd;}

.nabahim li dd.btn{display:block;padding-right:10px;text-align:right}
.nabahim li dd.btn a{display:inline-block;padding:13px 7px;font-size:16px;color:#9acce8;font-family:'verdana';letter-spacing:-2px;font-size:26px}
.nabahim li dd.btn .heart{margin-right:5px;font-size:14px;vertical-align:middle}


.nabahimBeforeNext{margin:0 10px 10px 10px}
.nabahimBeforeNext li{margin-bottom:5px;font-size:14px;background:#fff}
.nabahimBeforeNext li span.type{display:inline-block;height:100%;padding:10px;margin-right:5px;background:#6ac841;color:#fff;font-size:14px}

/* 학습상담 - 카테고리*/
#category{margin-top:-5px}
#category li{padding-right:5px;border-bottom:1px solid #eee;background:#fff}
#category li a{display:block;padding:15px;font-size:18px;background:#fff url('/images/ic_action_next_item.png') right center no-repeat;background-size:20px}
#category li span{color:#aaa;font-size:14px;font-family:'verdana'}
#category .txt{padding:5px;font-size:14px;background:#fff;color:#aaa;font-family:'dotum'}

/* 학습상담 */
#counsel{margin:10px 10px;}
#counsel li{position:relative;margin-bottom:10px;border:none;background:#fff;}
#counsel li.answer_Y{border:2px solid #f4a909}
#counsel li dt{padding:15px 10px 10px 10px;margin-right:40px;font-size:18px;letter-spacing:-1px;word-break:break-all}
#counsel li dd.reg{padding:0 10px 0 10px;text-align:left;font-size:14px;color:#bbb}
#counsel li dd.preview{display:inline-block;padding:5px 10px 10px 10px;font-size:15px;color:#aaa;line-height:18px;word-break:break-all}
#counsel li dd.answer_info{padding:5px 10px 10px 10px;background:#fff;text-align:left;color:#aaa}
#counsel li dd.answer_x{position:absolute;top:0px;right:0px;padding:5px;background:#c1c1c1;color:#fff}
#counsel li dd.answer_y{position:absolute;top:0px;right:0px;padding:5px;background:#f4a909;color:#fff}

/* 답변 */
.answer{margin:10px}
.answer dt{padding:10px;background:#f4a909;color:#fff;font-size:18px}
.answer dd{padding:10px;background:#fff;font-size:15px;line-height:20px;word-break:break-all}

.answer_n{margin:10px}
.answer_n dt{padding:10px;background:#c1c1c1;color:#fff;font-size:18px}



.counselBeforeNext{margin:0 10px 10px 10px}
.counselBeforeNext li{margin-bottom:5px;font-size:14px;background:#fff}
.counselBeforeNext li span.type{display:inline-block;height:100%;padding:10px;margin-right:5px;background:#f4a909;color:#fff;font-size:14px}

/* 쉬는시간 - 캠페인 */
.nabahimCampaign{margin:10px}
.nabahimCampaign li{position:relative;padding:10px;margin-bottom:10px;border:1px solid #bfbfbf;background:#fff}
.nabahimCampaign li a{display:block}
.nabahimCampaign li dt{margin-bottom:10px;font-size:16px;font-weight:bold}
.nabahimCampaign li dd{color:#999}
.nabahimCampaign li dd.photo{position:absolute;right:0;bottom:-5px}
.nabahimCampaign li dd.photo img{width:75px}

.nabahimCampaignView{margin:5px 10px;padding:10px;border:1px solid #bfbfbf; background:#fff}
.nabahimCampaignView *{margin:0;padding:0;font-size:16px;line-height:22px;}
.nabahimCampaignView img{max-width:80%}

#search{padding:20px 0 20px 0 ;background:#3d4351}
#search .form{text-align:center}
#search .form input{width:80%;padding:10px;border:none;border-bottom:1px solid #ddd;background:#3d4351;color:#39a3df;font-size:18px}
#search .form img{width:30px;vertical-align:middle}

#pds_category{padding:20px 10px 0 10px;background:#3d4351}
#pds_category dt{margin-bottom:5px;font-size:14px;color:#ddd}
#pds_category dd{padding:5px 5px 10px 5px}
#pds_category dd a.subject{display:inline-block;width:60px;height:60px;margin-right:7px;-webkit-border-radius:30px;-moz-border-radius:30px;background:#39a3df;color:#fff;}
#pds_category dd a.subject table td{width:60px;height:60px;text-align:center;vertical-align:middle}
#pds_category dd a.last{margin-right:0}
#pds_category dd .count{display:block;margin-top:5px;font-size:18px;color:yellow}
#pds_category .best li{padding:10px;margin-bottom:5px;border-bottom:1px solid #ddd}
#pds_category .best a{color:#fff;font-weight:normal;font-size:18px}
#pds_category .best em{color:#ddd;font-size:14px;font-family:'verdana'}

.pds_view{margin:5px 0 10px 0}
.pds_view h2{position:relative;padding:10px;font-weight:normal;font-size:16px;color:#fff;font-weight:bold;background:#57afe1}
.pds_view h2 a{position:absolute;bottom:5px;right:5px;color:#ddd;font-weight:normal;font-size:13px;text-decoration:underline}
.pds_view ul.list{margin-top:10px}
.pds_view ul.list li{padding-right:5px;border-bottom:1px solid #eee;background:#fff}
.pds_view ul.list li a{display:block;padding:15px;font-size:16px;background:#fff url('/images/ic_action_next_item.png') right center no-repeat;background-size:20px}

/* 학습자료 - 연표 스타일 */
.pds_view .history{margin:10px}
.pds_view .history li{padding-bottom:15px;background:url('/images/bg_history_line.gif') center top repeat-y}
.pds_view .history li.last{padding-bottom:0;background-image:none}
.pds_view .history li dl{border:2px solid #d2ac67}
.pds_view .history li dt{padding:10px;font-size:16px;color:#fff;font-weight:bold;background:#d2ac67}
.pds_view .history li dd{padding:10px;background:#fff;font-size:14px;line-height:20px;color:#333}

#editorIframe{display:none}

.pds-template{margin:5px 0 10px 0}
.pds-template h2{position:relative;padding:10px;font-weight:normal;font-size:16px;color:#fff;font-weight:bold;background:#57afe1}
.pds-template h2 a{position:absolute;bottom:5px;right:5px;color:#ddd;font-weight:normal;font-size:13px;text-decoration:underline}

.config_list{background:#ffffff}
.config_list li{padding:0 0;border-bottom:1px solid #f1f1f1}
.config_list li a{display:block;padding:15px 0;margin:0 10px;font-size:16px;color:#666;background:url('/images/ico_list_down.png') right center no-repeat;background-size:10px}
.config_list li a.off{background:url('/images/ico_list_down.png') right center no-repeat;background-size:10px}
.config_list li a.on{background:url('/images/ico_list_up.png') right center no-repeat;background-size:10px}

.config_list li:last-child{border-bottom:none}

.config_list li span{margin-left:10px;color:#1fa1dd;font-size:12px}
.config_list li div.view{display:none;padding:10px;border-top:1px solid #f1f1f1;line-height:22px;font-size:16px;background:#f1f1f1;}

/* 더보기 */
.study_more{padding:15px;background:#3094d5}
.study_more a{display:block;text-align:center;color:#fff;font-size:16px}

.pds_more{padding:15px;background:#3d4351}
.pds_more a{display:block;text-align:center;color:#fff;font-size:16px}

.counsel_more{padding:15px;background:#f4a909}
.counsel_more a{display:block;text-align:center;color:#fff;font-size:16px}

.time_more{padding:15px;background:#6ac841}
.time_more a{display:block;text-align:center;color:#fff;font-size:16px}


/* 페이징 */
.paging{padding:10px 5px;text-align:center}
.paging a{display:inline-block;padding:10px 15px;color:#fff;font-size:16px}
.paging.study strong{display:inline-block;padding:10px 15px;border-radius:10px;background:#fff;color:#3094d5;font-weight:bold;font-size:16px;}
.paging.time strong{display:inline-block;padding:10px 15px;border-radius:10px;background:#fff;color:#6ac841;font-weight:bold;font-size:16px;}
.paging.counsel strong{display:inline-block;padding:10px 15px;border-radius:10px;background:#fff;color:#f4a909;font-weight:bold;font-size:16px;}

.paging.study{background:#3094d5;}
.paging.time{background:#6ac841;}
.paging.counsel{background:#f4a909;}

/* 학습상담 등록 */
#counselRegist{position:fixed;right:10px;bottom:30px;width:60px;height:60px;border:2px solid #fff;-webkit-border-radius:30px;-moz-border-radius:30px;line-height:20px;background:#f4a909;text-align:center}
#counselRegist table{width:100%;height:100%}
#counselRegist table td{vertical-align:middle;color:#fff;font-size:16px;font-weight:bold}

/* 설치 */
#install{padding-top:10px;background:#273c4f;text-align:center;vertical-align:middle}
#install img.logo{width:70px;margin-left:20px;vertical-align:middle}
#install p{margin-bottom:5px}
#install img.store{width:180px;vertical-align:middle}
#install .notice{padding:10px 0;margin-top:10px;background:#374c5f;color:#fff;}

/* 배너 */
.banner{clear:both;margin:10px;text-align:center;line-height:1px}
.banner a.text{display:block;padding:10px;text-align:center;font-size:20px;line-height:20px}
.banner img{max-width:100%}


/* 멘토 글 작성 */
.counselForm{padding-bottom:10px}
.counselForm dt{padding:10px;font-size:16px;letter-spacing:-1px}
.counselForm dd{margin-bottom:15px;background:#fff}
.counselForm dd ul.mentorList a{display:block;padding:10px;border-bottom:1px solid #f2f2f2}
.counselForm dd ul.mentorList a.last{border-bottom:none}
.counselForm dd ul.mentorList a em{display:block;font-size:12px;color:#3094d5}

.counselForm dd ul.mentorList a.on{background:#f4a909 url('/images/ic_check_white.png') 97% center no-repeat;background-size:20px;color:#fff;font-weight:bold;}
.counselForm dd ul.mentorList a.on em{color:#ddd}

.counselForm dd.form{padding:5px}
.counselForm dd input{width:100%;padding:5px 0;border:none;border-bottom:1px solid #f4a909;font-size:16px;}
.counselForm dd textarea{width:100%;padding:5px 0;border:none;border-bottom:1px solid #f4a909;font-size:16px;}

.counselForm .btn{padding:0 10px 0 10px;}
.counselForm input[type=submit]{width:100%;padding:15px 0;border:none;text-align:center;font-size:18px;background:#f4a909;color:#fff}

.counselDelete{margin:0 10px;text-align:right}
.counselDelete a{display:inline-block;padding:5px 10px;margin:0;border:none;background:#f4a909;color:#fff}
.counselDelete .txt{font-size:12px;color:#999}

#timeTable{}
#timeTable .share{padding:10px;background:#338a8d;color:#fff;text-align:center;font-weight:bold;font-size:18px}
#timeTable .name{padding:7px 10px;background:#46a3a6;color:#fff;font-size:16px;text-align:center}
#timeTable .table table{width:100%;border-collapse:collapse;text-align:center}
#timeTable .table table th{padding:10px 0;background:#e5e5e5;color:#afafaf}
#timeTable .table table th.sun{color:red}d
#timeTable .table table th.sat{color:blue}
#timeTable .table table td{padding:10px 0;border:1px solid #c0c3c5;background:#fff;color:#767676}
#timeTable .memo dt{padding:7px 10px;background:#e5e5e5;color:#ababab}
#timeTable .memo dd{padding:10px;background:#eeeeee;color:#9a9a9a;line-height:18px}

/* 학습자료 홈 */
.pdsCategory{margin:10px 10px 10px 10px}
.pdsCategory li{float:left;width:50%}
.pdsCategory li dt{padding:10px;text-align:center;background:#efefef;font-weight:bold;color:#999}
.pdsCategory li dt.m{border-right:3px solid #d3d6dd}
.pdsCategory li dt.h{border-left:3px solid #d3d6dd}
.pdsCategory li dd{}
.pdsCategory li dd.m{border-right:3px solid #d3d6dd}
.pdsCategory li dd.h{border-left:3px solid #d3d6dd}

.pdsCategory li dd a{display:block;position:relative;padding:10px;background-color:#fff}
.pdsCategory li dd span{position:absolute;right:10px;color:#3094d5;font-family:'verdana';font-size:15px}

/* 2015-02-24 친구추천 이벤트 */
#event1502{margin:10px 10px 0 10px;background:#fff}
#event1502 .intro img{width:100%}
#event1502 .vote{margin-top:-10px;padding:10px;background:url('/images/bg_event.jpg') top center no-repeat;background-size:100%}
#event1502 .vote img.kakao{width:100%}
#event1502 .vote .stamp{padding:20px 0;text-align:center}
#event1502 .vote .stamp span{display:inline-block;width:50px;height:50px;}
#event1502 .vote .stamp img{width:15%}


/* 명언 */
#say{margin:10px}
#say .today{position:relative;padding:10px;background:#fff}
#say .today .date{position:absolute;right:10px;bottom:5px;color:#58b530;font-size:12px}

#say .famous{padding:0 15px;background:#fff;text-align:center}
#say .famous img{width:100%;max-width:400px}
#say .famous p{padding-bottom:15px;color:#ccc;font-size:16px;font-style:italic}
#say .famous .after{display:none}

#say .cate{margin-top:10px}
#say .cate li{float:left;width:50%}
#say .cate li a{display:block;padding:15px 0;border-bottom:1px solid #d3d6dd;border-right:1px solid #d3d6dd;text-align:center;background:#fff;font-size:16px}
#say .cate li a .cnt{margin-left:5px;color:#aaa;font-size:12px}

#say .list{}
#say .list li{margin-bottom:10px;border:1px solid #bfbfbf;background:#fff}
#say .list li.none{border:none}
#say .list li dt{padding:10px;font-size:16px;line-height:24px}
#say .list li dt.today{font-size:18px;line-height:26px}
#say .list li dt em{}
#say .list li dd.writer{padding:0 10px 0px 10px;color:#9acce8;text-align:left;font-size:14px}
#say .list li dd.btn{padding:10px;text-align:right}
#say .list li dd.btn.main{padding:10px 0 10px 10px}

#say .list li dd.btn a{display:inline-block;padding:5px 10px;border:1px solid #d3d6dd;border-radius:3px;color:#aaa}
#say .list li dd.btn .like{float:left;padding-left:10px}
#say .list li dd.btn .like a{display:inline-block;padding:7px 7px;font-size:16px;color:#9acce8;font-family:'verdana';letter-spacing:-2px;font-size:26px}
#say .list li dd.btn .like .heart{margin-right:5px;font-size:14px;vertical-align:middle}

#say .list li dd.btn .share{float:right;padding:10px 10px 0 0}
#say .list li dd.btn .share .kakao img{width:25px}

#say .random{border:1px solid #bfbfbf;text-align:center;background:#fff}
#say .random a{display:block;padding:10px 0;}