/* CSS Document */ @media all and (min-width:1280px) { #khboard{padding:100px 0} #khboard .khboard{margin:0 auto;padding:20px 0;width:1260px} #khboard .khboard .tabboard{position:relative;margin:0 0 40px 0;border-bottom:1px solid #e6e6e6} #khboard .khboard .tabboard ul{margin-bottom:-1px;overflow:hidden} #khboard .khboard .tabboard li{float:left;width:25%;text-align:center} #khboard .khboard .tabboard li:last-child{border-right:1px solid #e6e6e6} #khboard .khboard .tabboard li a{display:block;height:70px;line-height:70px;font-size:20px !important;font-weight:600;color:#3b3b3b;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fbfbfb} #khboard .khboard .tabboard li a.sel{border-top:1px solid #20909c;border-bottom:1px solid transparent;background:#fff} #khboard .tabmenu{margin:0 0 30px 0;zoom:1} #khboard .tabmenu:before, #khboard .tabmenu:after{clear:both;display:table;content:"";line-height:0} #khboard .tabmenu ul{height:52px;border-bottom:1px solid #313131} #khboard .tabmenu li{float:left;margin-right:2px} #khboard .tabmenu li:first-child a{margin:0} #khboard .tabmenu li a{display:inline-block;position:relative;padding:0 30px;line-height:50px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3} #khboard .tabmenu li a strong{font-size:15px;font-weight:400;letter-spacing:-1px} #khboard .tabmenu li a i{display:none} #khboard .tabmenu li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131} #khboard .tabmenu li a.sel{position:relative;z-index:5;padding:0 40px;color:#313131;border:1px solid #313131;border-bottom:1px solid #fff;background:#fff} #khboard .tabmenu li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa} #khboard .tabmenu li a.sel:hover{color:#014fbb} #khboard .tabmenu li a.sel:hover i{margin-left:-0%;width:0%} #khboard .kharticle{padding:40px 20px;min-height:200px} #khboard .kharticle img{width: auto;max-width: 100%; height: auto} #khboard .cOL{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#323232;border:1px solid #eee} #khboard .c01{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#ef474b;border:1px solid #eee} #khboard .c02{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d386b;border:1px solid #eee} #khboard .c03{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d6b3f;border:1px solid #eee} #khboard .c04{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#ef474b;border:1px solid #eee} #khboard .c05{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d386b;border:1px solid #eee} #khboard .c06{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d6b3f;border:1px solid #eee} #khboard .c07{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#323232;border:1px solid #eee} #khboard .c08{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#f48938;border:1px solid #eee} #khboard .c09{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d386b;border:1px solid #eee} #khboard .c10{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d6b3f;border:1px solid #eee} #khboard .c11{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#323232;border:1px solid #eee} #khboard .c12{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#f48938;border:1px solid #eee} #khboard .c13{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d386b;border:1px solid #eee} #khboard .c14{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d6b3f;border:1px solid #eee} #khboard .c15{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#323232;border:1px solid #eee} #khboard .c16{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#f48938;border:1px solid #eee} #khboard .c17{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d6b3f;border:1px solid #eee} #khboard .finder{padding:40px 0} #khboard .finder .pass{font-size:17px;text-align:center} #khboard .finder .pass span{display:inline-block;padding:0 10px;line-height:32px;font-size:16px;font-weight:600} #khboard .finder .pass input{padding:0 10px;height:35px;border:1px solid #ccc} #khboard .find{position:absolute;position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.90)} #khboard .find div{margin:20%;padding:50px 0;font-size:17px;text-align:center;border:1px solid #ccc;background:#fff} #khboard .find div a{display:inline-block;padding-bottom:0;font-size:17px;border-bottom:1px solid #333} #khboard .find div strong{font-size:20px} #khboard .khskip{display:none !important} #khboard .khboard *{font-size:15px} #khboard .khboard .nocontent{padding:100px 0;text-align:center} #khboard .khtitle{position:relative;z-index:10;padding:0 0 20px 0;zoom:1} #khboard .khtitle:before, #khboard .khtitle:after{clear:both;display:table;content:"";line-height:0} #khboard .khtitle .tit{padding:0 !important} #khboard .khtitle .tit h3{} #khboard .khtitle .tit p{position:static !important;padding:7px 0;font-size:15px;font-weight:400;color:#333} #khboard .khtitle .tit p strong{font-weight:400} #khboard .khtitle .sch{position:absolute;top:0;right:0;font-size:13px;font-weight:400;color:#777} #khboard .khtitle .sch select{float:left;margin:0 5px 0 0;padding:5px;height:34px;line-height:34px;border:1px solid #ccc;background:#fff} #khboard .khtitle .sch input{float:left;margin:0 5px 0 0;padding:0 5px;height:34px;line-height:34px;border:1px solid #ccc;background:#fff} #khboard .khtitle .sch button{float:left;padding:0 20px;height:34px;font-weight:800;color:#fff;border:0;background:#777} #khboard .khtable table{width:100%;border-collapse:collapse} #khboard .khtable table caption{display:none} #khboard .khtable table thead th{line-height:45px;background:#f0f0f0} #khboard .khtable table tbody tr:hover{background:#fff} #khboard .khtable table tbody tr.notice td {border-bottom:1px solid #c5d7e0;background:#f3f3f1} #khboard .khtable table tbody td{padding:10px;color:#333;text-align:center;border-bottom:1px solid #ddd} #khboard .khtable table tbody td[scope=row] span{display:block;width:36px;line-height:20px;text-align:center} #khboard .khtable table tbody td[scope=row] span.bt-content{display:inline;background:none;color:#111;font-family:arial;font-size:13px;font-weight:400} #khboard .khtable table tbody td a{color:#333} #khboard .khtable table tbody td img{vertical-align:middle} #khboard .khtable table tbody td ul{text-align:left} #khboard .khtable table tbody td li{font-size:15px;line-height:20px;color:#333} #khboard .khtable table tbody td.subject{text-align:left} #khboard .khtable table tbody td.subject div{position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #khboard .khtable table tbody td.subject a{color:#555;overflow:hidden} #khboard .khtable table tbody td.subject a:hover{color:#000} #khboard .khtable table tbody td.subject i{position:relative;top:2px;font-size:19px} #khboard .khtable table tbody td.subject .xi-new{color:#6cf} #khboard .khtable table tbody td.subject .new{display:none} #khboard .khtable table tbody td.subject .secret{display:none} #khboard .khtable table tbody td.subject .reply{display:none} #khboard .khtable table tbody td.subject .list_reply{color:#aa6801} #khboard .khtable table tbody td.subject notice{background:#f3f3f1;border-bottom:1px solid #c5d7e0} #khboard .khtable table tbody td div.tac{padding:100px 0} #khboard .khtable table tbody td .this{font-size:11px;color:#f30} #khboard .khtable table tbody td .notice{font-size:11px;color:#fff;background:#09f} #khboard .khtable table tr:first-child td{background:url(../img/board/table_td.png) repeat-x 0 0} #khboard .khtable table tr th:last-child{border-right:0} #khboard .khtable table tr td:last-child{border-right:0} #khboard .khgllery{padding:20px 0} #khboard .khgllery ul{position:relative;margin:0 -40px 0 0;overflow:hidden;z-index:1000} #khboard .khgllery ul li{float:left;width:33.33%} #khboard .khgllery .inner{margin:0 40px 40px 0;padding:30px;min-height:260px;border:1px solid #e7e7e7} #khboard .khgllery .inner *{transition:all .3s} #khboard .khgllery .img{overflow:hidden} #khboard .khgllery .img a{vertical-align:middle} #khboard .khgllery .img img{display:block;width:auto;max-width:100%;height:auto;max-height:100%} #khboard .khgllery .img:hover img{transform:scale(1.1)} #khboard .khgllery .mov{height:150px;overflow:hidden} #khboard .khgllery .mov a{vertical-align:middle} #khboard .khgllery .mov img{display:block;width:auto;max-width:100%;height:auto} #khboard .khgllery .mov:hover img{transform:scale(1.1)} #khboard .khgllery .tit{font-size:20px;font-weight:600;color:#494949} #khboard .khgllery .txt{padding:10px 0;height:74px;border-bottom:1px solid #e7e7e7} #khboard .khgllery .txt a{font-size:18px;font-weight:400;color:#494949} #khboard .khgllery .name{font-size:14px} #khboard .khgllery .name strong{font-size:14px} #khboard .khgllery .date{color:#999} #khboard .khgllery .hit{font-size:12px} #khboard .khgllery .etc{padding:15px 0;overflow:hidden} #khboard .khgllery .etc .date{float:left} #khboard .khgllery .etc .hit{float:right} #khboard .khpaging{padding:0 0 20px 0;text-align:center} #khboard .khpaging .paging strong{display:inline-block;padding:3px 10px;color:#000;border:1px solid #ccc;background:#fff} #khboard .khpaging .paging a{display:inline-block;padding:3px 10px;color:#777;border:1px solid #d5d5d5;background:#fff} #khboard .khpaging .paging a:hover{color:#fff;border:1px solid #000;background:#000} #khboard .khpaging .paging .pag{color:#555;background:#eee} #khboard .khpaging .pprev{} #khboard .khpaging .prev{} #khboard .khpaging .next{} #khboard .khpaging .nnext{} #khboard .khform{} #khboard .khform fieldset{padding:20px;background:#fff} #khboard .khform dl{padding:12px 0;border-bottom:1px solid #eee;overflow:hidden} #khboard .khform dt{float:left;width:15%;line-height:35px} #khboard .khform dd{float:left;width:85%;position:relative} #khboard .khform dd input{margin:0;padding:0} #khboard .khform dd select{padding:3px;height:35px;border:1px solid #ccc} #khboard .khform .bundle{position:absolute;top:0;right:0;line-height:35px} #khboard .khform .tit{padding:15px 0;font-size:14px} #khboard .khform .hit{padding:15px 0;font-size:13px;text-align:center;background:#ededed} #khboard .khform .wrp{padding:0 0 5px 0} #khboard .khform .down{display:inline-block;padding:2px 20px;letter-spacing:-1px;color:#fff;background:#555} #khboard .khform .green{padding:0 10px;font-size:13px} #khboard .khform .btn{padding:0 20px;height:35px;line-height:35px;color:#fff;background:#555} #khboard .khform .t_txt{padding:0 10px;height:35px;line-height:35px;border:1px solid #ccc} #khboard .khform .t_select{height:35px;border:1px solid #ccc} #khboard .khform .t_area{height:200px;line-height:20px;border:1px solid #ccc} /**/ #khboard .khbutton{position:relative;padding:20px 0;text-align:center;overflow:hidden} #khboard .khbutton *{transition:all 0.3s} #khboard .khbutton span{display:inline-block;margin:0 5px;padding:13px 40px;color:#333;border:1px solid #aaa;border-top:2px solid #888;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:1px} #khboard .khbutton span.end{color:#f23737;border:1px solid #aaa;border-top:2px solid #f23737} #khboard .khbutton .bt{display:inline-block;padding:0 30px;height:35px;line-height:35px;font-size:15px;font-weight:400;color:#fff;border:1px solid #888;background:#888} #khboard .khbutton .bt:hover{filter:brightness(1.1);box-shadow:0 10px 10px rgba(0,0,0,0.05)} #khboard .khbutton .bt_okay{color:#fff;border:1px solid #0073bc;background:#0073bc} #khboard .khbutton .bt_del{color:#fff;border:1px solid #888;background:#888} #khboard .khbutton .bt_write{color:#fff;border:1px solid #004a8f;background:#004a8f} #khboard .khbutton .bt_del{color:#fff;border:1px solid #888;background:#888} #khboard .khbutton .bt_mod{color:#fff;border:1px solid #0073bc;background:#0073bc} #khboard .khbutton .bt_answer{color:#333;border:1px solid #aaa;background:#fff} #khboard .khbutton .bt_list{color:#333;border:1px solid #aaa;background:#fff} #khboard .khbutton .bt_end{padding:11px 50px;color:#c62337;border:1px solid #c62337;border-top:2px solid #c62337;background:#fff} #khboard .khbutton .bt_paym{padding:11px 60px;font-size:18px;color:#fff;border:1px solid #009400;border-top:2px solid #009400;background:#009400;box-shadow:2px 2px 2px #ccc;border-radius:3px;transition:all 0.3s} #khboard .khbutton .bt_group{position:absolute;top:30px;left:0} #khboard .khbutton .bt_first{display:inline-block;margin:0 5px 0 0;padding:0 15px;line-height:30px;font-size:13px;font-weight:600;color:#555;border:1px solid #aaa;background:#fafafa;box-shadow:2px 2px 2px #eee;transition:all 0.3s} #khboard .khbutton .bt_retract{position:relative;top:-0px;display:inline-block;margin:0;padding:0 20px;height:50px;line-height:50px;font-size:17px;font-weight:600;color:#555;border:1px solid #aaa;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px} #khboard .khbutton .bt_certify{margin-bottom:30px;position:relative;padding:0 40px 0 80px;height:80px;line-height:80px;text-align:center;color:#fff;border:0;background:#0d3387;cursor:pointer} #khboard .khbutton .bt_certify:before{position:absolute;left:35px;content:"\e83a";line-height:80px;font-size:36px} /**/ #khboard .khview{} #khboard .khview h2{position:relative;z-index:2;padding:20px;font-size:21px;font-weight:500;color:#004a8f;border-top:2px solid #004a8f;border-bottom:1px solid #7b8e9f} #khboard .khview h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;border-bottom:1px solid #eee;background:#f9f9f9} #khboard .khview dl{position:relative;padding:10px 0;display:table;width:100%;border-bottom:1px solid #eee} #khboard .khview dt{display:table-cell;padding:0 20px;width:120px;color:#7b8e9f;overflow:hidden} #khboard .khview dd{display:table-cell;padding:0 20px;color:#004d9b;overflow:hidden} #khboard .khview dl.add a{padding-right:15px} #khboard .khview dl.add img{padding:0;margin:0;padding-right:6px;vertical-align:top} #khboard .khview dd .botton{display:block;text-align:right} #khboard .khview dd .botton a{display:inline-block;padding:0 10px;letter-spacing:-1px;border:1px solid #ccc} #khboard .khview .img{float:left;width:30%} #khboard .khview .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #khboard .khview .info{float:right;margin:0 0 20px 0;width:65%} #khboard .khview .cominfo{margin:0 0 20px 0} #khboard .khview .contents{clear:both;position:relative;z-index:2;top:-1px;padding:20px;min-height:300px;background:none!important;width:auto !important} #khboard .khview .viewfile{margin-bottom:20px;padding:0 20px;border-bottom:1px solid #d2d2d2;background:#fff;overflow:hidden} #khboard .khview .viewfile li{position:relative;padding:7px 0 7px 11%;min-height:40px;border-bottom:0px solid #eee;overflow:hidden} #khboard .khview .viewfile li strong{position:absolute;top:10px;left:0px;padding:0 0 0 12px;line-height:20px;font-size:13px;background:url(../img/ico_clip.png) no-repeat 0 2px} #khboard .khview .viewfile li a{display:block;padding:5px 0 5px 20px;font-size:12px} #khboard .khview .viewfile .alz{background:url(../../wdBoard/img/alz.gif) no-repeat 0 3px} #khboard .khview .viewfile .bmp{background:url(../../wdBoard/img/bmp.gif) no-repeat 0 3px} #khboard .khview .viewfile .doc{background:url(../../wdBoard/img/doc.gif) no-repeat 0 3px} #khboard .khview .viewfile .gif{background:url(../../wdBoard/img/gif.gif) no-repeat 0 3px} #khboard .khview .viewfile .hwp{background:url(../../wdBoard/img/hwp.gif) no-repeat 0 3px} #khboard .khview .viewfile .jpg{background:url(../../wdBoard/img/jpg.gif) no-repeat 0 3px} #khboard .khview .viewfile .pdf{background:url(../../wdBoard/img/pdf.gif) no-repeat 0 3px} #khboard .khview .viewfile .png{background:url(../../wdBoard/img/png.gif) no-repeat 0 3px} #khboard .khview .viewfile .ppt{background:url(../../wdBoard/img/ppt.gif) no-repeat 0 3px} #khboard .khview .viewfile .xls{background:url(../../wdBoard/img/xls.gif) no-repeat 0 3px} /**/ #khboard .khreply{padding:30px 0} #khboard .khreply .all{padding:0 0 20px 0;overflow:hidden} #khboard .khreply .all h2{float:left} #khboard .khreply .all p{float:right} #khboard .khreply .put{position:relative;padding:0 90px 0 0} #khboard .khreply .put textarea{padding:5px;width:100%;height:50px;border:1px solid #999;resize:none;overflow-y:auto} #khboard .khreply .put input{position:absolute;top:0;right:0;width:90px;height:50px;line-height:50px;text-align:center;color:#fff;border:0;background:#999;cursor:pointer} #khboard .khreply .cet{position:relative;padding:10px 0;border-bottom:1px solid #dfdfdf} #khboard .khreply .cet dl{overflow:hidden} #khboard .khreply .cet dt{line-height:30px} #khboard .khreply .cet dt em{padding:0 20px;font-size:11px;color:#999} #khboard .khreply .cet dd{padding:10px 0;color:#999} #khboard .khreply .cet .btn{position:absolute;top:10px;right:0;overflow:hidden} #khboard .khreply .cet .btn a{float:left;display:block;padding:0 7px;line-height:1;font-size:13px;border-left:1px solid #aaa} #khboard .khreply .cet .btn a:nth-child(1){border:0} #khboard .khreply .type1{padding-left:40px} #khboard .khreply .reply_form{overflow:hidden;clear:both} #khboard .khreply .reply_form h2{color:#333 !important;font-size:14px !important;;margin:10px 0;float:left;background:none;padding:0} #khboard .khreply .reply_form p.reply_num{text-align:right;float:right;margin:10px 0 0 0;} #khboard .khreply .reply_form .outline{clear:both;border-top:solid 1px #dfdfdf;margin:0;padding:10px 0;border-bottom:solid 1px #dfdfdf} #khboard .khreply .reply_form .outline fieldset legend {padding:0;font-size:0;line-height:0;text-indent:-2000px} #khboard .khreply .reply_form .outline .row_input_reply{width:620px;float:left} #khboard .khreply .reply_form .outline textarea{border:1px solid #dfdfdf;height:50px;width:608px;padding:5px;float:left;resize:none;overflow-y:auto} #khboard .khreply .reply_form .outline .row_input_reply .sg_file{border:1px solid #dfdfdf;background:#fff;padding:3px;margin:5px 0 0 0;width:612px} #khboard .khreply .reply_form .outline .row_input_reply_map{width:580px;float:left} #khboard .khreply .reply_form .outline .row_input_reply_map textarea{border:1px solid #dfdfdf;height:50px;width:570px;padding:5px;float:left;resize:none;overflow-y:auto} #khboard .khreply .reply_form .outline .row_input_reply_map .sg_file{border:1px solid #dfdfdf;background:#fff;padding:3px;margin:5px 0 0 0;width:574px} #khboard .khreply .best_wrap{margin:10px 0 0;border-top:1px solid #c5d7e0} #khboard .khreply .best_wrap .writing{padding:10px;background:#f3f3f1;border-bottom:1px solid #c5d7e0} #khboard .khreply .best_wrap .writing .best_re{position:absolute;left:0;top:0} #khboard .khreply .writing_re{padding:10px 0 10px 40px;background:url(../img/common/reply_arrow.png) no-repeat 15px 25px} #khboard .khreply .writing_re02{padding:10px 0 10px 70px;overflow:hidden;background:url(../img/common/reply_arrow.png) no-repeat 40px 25px} #khboard .khreply .writing .profile_photo{float:left;width:42px;height:50px}div.sg_reply .writing .profile_photo img {width:42px;height:50px} #khboard .khreply .writing .con_wrap{color:#555;margin-left:52px}div.sg_reply .writing .con_wrap #con_info{overflow:hidden} #khboard .khreply .writing .con_wrap #con_info .info{float:left}div.sg_reply .writing .con_wrap #con_info .info .id{font-weight:bold;margin-right:10px;position:relative;display:inline-block} #khboard .khreply .writing .con_wrap #con_info .info .level01{background-position:0 0} #khboard .khreply .writing .con_wrap #con_info .info .level02{} #khboard .khreply .writing .con_wrap #con_info .info .level03{background-position:0 -40px} #khboard .khreply .writing .con_wrap #con_info .info .level04{background-position:0 -60px} #khboard .khreply .writing .con_wrap #con_info .info .day{color:#888} #khboard .khreply .writing .con_wrap .m_d{float:right} #khboard .khreply .writing .con_wrap .m_d .postedit{float:left;padding-top:5px;margin-right:15px} } @media all and (min-width:749px) and (max-width:1279px) { #khboard{padding:160px 20px 60px 20px} #khboard .khboard{margin:0 auto;padding:10px 0} #khboard .khboard .tabboard{position:relative;margin:0 0 40px 0;border-bottom:1px solid #e6e6e6} #khboard .khboard .tabboard ul{margin-bottom:-1px;overflow:hidden} #khboard .khboard .tabboard li{float:left;width:25%;text-align:center} #khboard .khboard .tabboard li:last-child{border-right:1px solid #e6e6e6} #khboard .khboard .tabboard li a{display:block;height:70px;line-height:70px;font-size:20px !important;font-weight:600;color:#3b3b3b;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fbfbfb} #khboard .khboard .tabboard li a.sel{border-top:1px solid #20909c;border-bottom:1px solid transparent;background:#fff} #khboard .tabmenu{margin:0 0 30px 0;zoom:1} #khboard .tabmenu:before, #khboard .tabmenu:after{clear:both;display:table;content:"";line-height:0} #khboard .tabmenu ul{height:42px;border-bottom:1px solid #313131} #khboard .tabmenu li{float:left;margin-right:3px} #khboard .tabmenu li:first-child a{margin:0} #khboard .tabmenu li a{display:inline-block;position:relative;padding:0 38px;line-height:40px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3} #khboard .tabmenu li a strong{font-size:15px;font-weight:400;letter-spacing:-1px} #khboard .tabmenu li a i{display:none} #khboard .tabmenu li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131} #khboard .tabmenu li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fff;background:#fff} #khboard .tabmenu li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa} #khboard .tabmenu li a.sel:hover{color:#014fbb} #khboard .tabmenu li a.sel:hover i{margin-left:-0%;width:0%} #khboard .kharticle{padding:40px 20px;min-height:200px} #khboard .cOL{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#323232;border:1px solid #eee} #khboard .c01{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#ef474b;border:1px solid #eee} #khboard .c02{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d386b;border:1px solid #eee} #khboard .c03{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d6b3f;border:1px solid #eee} #khboard .c04{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#ef474b;border:1px solid #eee} #khboard .c05{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d386b;border:1px solid #eee} #khboard .c06{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d6b3f;border:1px solid #eee} #khboard .c07{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#323232;border:1px solid #eee} #khboard .c08{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#f48938;border:1px solid #eee} #khboard .c09{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d386b;border:1px solid #eee} #khboard .c10{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d6b3f;border:1px solid #eee} #khboard .c11{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#323232;border:1px solid #eee} #khboard .c12{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#f48938;border:1px solid #eee} #khboard .c13{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d386b;border:1px solid #eee} #khboard .c14{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d6b3f;border:1px solid #eee} #khboard .c15{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#323232;border:1px solid #eee} #khboard .c16{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#f48938;border:1px solid #eee} #khboard .c17{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d6b3f;border:1px solid #eee} #khboard .finder{padding:40px 0} #khboard .finder .pass{font-size:17px;text-align:center} #khboard .finder .pass span{display:inline-block;padding:0 10px;line-height:32px;font-size:16px;font-weight:600} #khboard .finder .pass input{padding:0 10px;height:35px;border:1px solid #ccc} #khboard .find{position:absolute;position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.90)} #khboard .find div{margin:20%;padding:50px 0;font-size:17px;text-align:center;border:1px solid #ccc;background:#fff} #khboard .find div a{display:inline-block;padding-bottom:0;font-size:17px;border-bottom:1px solid #333} #khboard .find div strong{font-size:20px} #khboard .khskip{display:none !important} #khboard .khboard *{font-size:13px} #khboard .khboard .nocontent{padding:100px 0;text-align:center} #khboard .khboard iframe{width:100% !important} #khboard .khtitle{position:relative;z-index:10;padding:0 0 20px 0;zoom:1} #khboard .khtitle:before, #khboard .khtitle:after{clear:both;display:table;content:"";line-height:0} #khboard .khtitle .tit{padding:0 !important} #khboard .khtitle .tit h3{} #khboard .khtitle .tit p{position:static !important;padding:7px 0;font-size:15px;font-weight:400;color:#333} #khboard .khtitle .tit p strong{font-weight:400} #khboard .khtitle .sch{position:absolute;top:0;right:0;font-size:13px;font-weight:400;color:#777} #khboard .khtitle .sch select{float:left;margin:0 5px 0 0;padding:5px;height:34px;line-height:34px;border:1px solid #ccc;background:#fff} #khboard .khtitle .sch input{float:left;margin:0 5px 0 0;padding:0 5px;height:34px;line-height:34px;border:1px solid #ccc;background:#fff} #khboard .khtitle .sch button{float:left;padding:0 20px;height:34px;font-weight:800;color:#fff;border:0;background:#777} #khboard .khtable table{width:100%;border-collapse:collapse} #khboard .khtable table caption{display:none} #khboard .khtable table thead th{line-height:45px;background:#f0f0f0} #khboard .khtable table tbody tr:hover{background:#fff} #khboard .khtable table tbody tr.notice td {border-bottom:1px solid #c5d7e0;background:#f3f3f1} #khboard .khtable table tbody td{padding:10px;color:#333;text-align:center;border-bottom:1px solid #ddd} #khboard .khtable table tbody td[scope=row] span{display:block;width:36px;line-height:20px;text-align:center} #khboard .khtable table tbody td[scope=row] span.bt-content{display:inline;background:none;color:#111;font-family:arial;font-size:13px;font-weight:400} #khboard .khtable table tbody td a{color:#333} #khboard .khtable table tbody td img{vertical-align:middle} #khboard .khtable table tbody td ul{text-align:left} #khboard .khtable table tbody td li{font-size:15px;line-height:20px;color:#333} #khboard .khtable table tbody td.subject{text-align:left} #khboard .khtable table tbody td.subject div{position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #khboard .khtable table tbody td.subject a{color:#555;overflow:hidden} #khboard .khtable table tbody td.subject a:hover{color:#000} #khboard .khtable table tbody td.subject i{position:relative;top:2px;font-size:19px} #khboard .khtable table tbody td.subject .xi-new{color:#6cf} #khboard .khtable table tbody td.subject .new{display:none} #khboard .khtable table tbody td.subject .secret{display:none} #khboard .khtable table tbody td.subject .reply{display:none} #khboard .khtable table tbody td.subject .list_reply{color:#aa6801} #khboard .khtable table tbody td.subject notice{background:#f3f3f1;border-bottom:1px solid #c5d7e0} #khboard .khtable table tbody td div.tac{padding:100px 0} #khboard .khtable table tbody td .this{font-size:11px;color:#f30} #khboard .khtable table tbody td .notice{font-size:11px;color:#fff;background:#09f} #khboard .khtable table tr:first-child td{background:url(../img/board/table_td.png) repeat-x 0 0} #khboard .khtable table tr th:last-child{border-right:0} #khboard .khtable table tr td:last-child{border-right:0} #khboard .khgllery{} #khboard .khgllery ul{position:relative;z-index:1;margin:0 -20px 0 0;overflow:hidden} #khboard .khgllery ul li{float:left;width:33.33%} #khboard .khgllery .inner{margin:0 20px 20px 0;padding:10px;border:1px solid #eee} #khboard .khgllery .inner *{transition:all .3s} #khboard .khgllery .inner:hover .tit{color:#000} #khboard .khgllery .inner:hover .tit:before{width:40px;height:2px;background:#333} #khboard .khgllery .inner:hover .txt{color:#000} #khboard .khgllery .img{overflow:hidden} #khboard .khgllery .img a{vertical-align:middle} #khboard .khgllery .img img{display:block;width:auto;max-width:100%;height:auto} #khboard .khgllery .img:hover img{transform:scale(1.1)} #khboard .khgllery .mov{height:150px;overflow:hidden} #khboard .khgllery .mov a{vertical-align:middle} #khboard .khgllery .mov img{display:block;width:auto;max-width:100%;height:auto} #khboard .khgllery .mov:hover img{transform:scale(1.1)} #khboard .khgllery .tit{position:relative;font-size:16px;font-weight:500;color:#555;letter-spacing:0;overflow:hidden} #khboard .khgllery .tit:before{content:'';position:absolute;display:block;top:60px;left:0;width:20px;height:2px;background:#aaa} #khboard .khgllery .txt{padding:6px 0 !important;height:60px;font-size:14px;font-weight:400;color:#888;overflow:hidden} #khboard .khgllery .name{font-size:14px} #khboard .khgllery .name strong{font-size:14px} #khboard .khgllery .date{color:#999} #khboard .khgllery .hit{font-size:12px} #khboard .khgllery .etc{padding:5px 0;overflow:hidden} #khboard .khgllery .etc .date{float:left} #khboard .khgllery .etc .hit{float:right} #khboard .khpaging{padding:0 0 20px 0;text-align:center} #khboard .khpaging .paging strong{display:inline-block;padding:3px 10px;color:#000;border:1px solid #ccc;background:#fff} #khboard .khpaging .paging a{display:inline-block;padding:3px 10px;color:#777;border:1px solid #d5d5d5;background:#fff} #khboard .khpaging .paging a:hover{color:#fff;border:1px solid #000;background:#000} #khboard .khpaging .paging .pag{color:#555;background:#eee} #khboard .khpaging .pprev{} #khboard .khpaging .prev{} #khboard .khpaging .next{} #khboard .khpaging .nnext{} #khboard .khform{} #khboard .khform fieldset{padding:20px;background:#fff} #khboard .khform dl{padding:12px 0;border-bottom:1px solid #eee;overflow:hidden} #khboard .khform dt{float:left;width:15%;line-height:35px} #khboard .khform dd{float:left;width:85%;position:relative} #khboard .khform dd input{margin:0;padding:0} #khboard .khform dd select{padding:3px;height:35px;border:1px solid #ccc} #khboard .khform .bundle{position:absolute;top:0;right:0;line-height:35px} #khboard .khform .tit{padding:15px 0;font-size:14px} #khboard .khform .hit{padding:15px 0;font-size:13px;text-align:center;background:#ededed} #khboard .khform .wrp{padding:0 0 5px 0} #khboard .khform .down{display:inline-block;padding:2px 20px;letter-spacing:-1px;color:#fff;background:#555} #khboard .khform .green{padding:0 10px;font-size:13px} #khboard .khform .btn{padding:0 20px;height:35px;line-height:35px;color:#fff;background:#555} #khboard .khform .t_txt{padding:0 10px;height:35px;line-height:35px;border:1px solid #ccc} #khboard .khform .t_select{height:35px;border:1px solid #ccc} #khboard .khform .t_area{height:200px;line-height:20px;border:1px solid #ccc} /**/ #khboard .khbutton{position:relative;padding:20px 0;text-align:center;overflow:hidden} #khboard .khbutton *{transition:all 0.3s} #khboard .khbutton span{display:inline-block;margin:0 5px;padding:13px 40px;color:#333;border:1px solid #aaa;border-top:2px solid #888;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:1px} #khboard .khbutton span.end{color:#f23737;border:1px solid #aaa;border-top:2px solid #f23737} #khboard .khbutton .bt{display:inline-block;padding:0 30px;height:35px;line-height:35px;font-size:15px;font-weight:400;color:#fff;border:1px solid #888;background:#888} #khboard .khbutton .bt:hover{filter:brightness(1.1);box-shadow:0 10px 10px rgba(0,0,0,0.05)} #khboard .khbutton .bt_okay{color:#fff;border:1px solid #0073bc;background:#0073bc} #khboard .khbutton .bt_del{color:#fff;border:1px solid #888;background:#888} #khboard .khbutton .bt_write{color:#fff;border:1px solid #004a8f;background:#004a8f} #khboard .khbutton .bt_del{color:#fff;border:1px solid #888;background:#888} #khboard .khbutton .bt_mod{color:#fff;border:1px solid #0073bc;background:#0073bc} #khboard .khbutton .bt_answer{color:#333;border:1px solid #aaa;background:#fff} #khboard .khbutton .bt_list{color:#333;border:1px solid #aaa;background:#fff} #khboard .khbutton .bt_end{padding:11px 50px;color:#c62337;border:1px solid #c62337;border-top:2px solid #c62337;background:#fff} #khboard .khbutton .bt_paym{padding:11px 60px;font-size:18px;color:#fff;border:1px solid #009400;border-top:2px solid #009400;background:#009400;box-shadow:2px 2px 2px #ccc;border-radius:3px;transition:all 0.3s} #khboard .khbutton .bt_group{position:absolute;top:30px;left:0} #khboard .khbutton .bt_first{display:inline-block;margin:0 5px 0 0;padding:0 15px;line-height:30px;font-size:13px;font-weight:600;color:#555;border:1px solid #aaa;background:#fafafa;box-shadow:2px 2px 2px #eee;transition:all 0.3s} #khboard .khbutton .bt_retract{position:relative;top:-0px;display:inline-block;margin:0;padding:0 20px;height:50px;line-height:50px;font-size:17px;font-weight:600;color:#555;border:1px solid #aaa;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px} #khboard .khbutton .bt_certify{margin-bottom:30px;position:relative;padding:0 40px 0 80px;height:80px;line-height:80px;text-align:center;color:#fff;border:0;background:#0d3387;cursor:pointer} #khboard .khbutton .bt_certify:before{position:absolute;left:35px;content:"\e83a";line-height:80px;font-size:36px} /**/ #khboard .khview{} #khboard .khview h2{position:relative;z-index:2;padding:20px;font-size:21px;font-weight:500;color:#004a8f;border-top:2px solid #004a8f;border-bottom:1px solid #7b8e9f} #khboard .khview h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;border-bottom:1px solid #eee;background:#f9f9f9} #khboard .khview dl{position:relative;padding:10px 0;display:table;width:100%;border-bottom:1px solid #eee} #khboard .khview dt{display:table-cell;padding:0 20px;width:120px;color:#7b8e9f;overflow:hidden} #khboard .khview dd{display:table-cell;padding:0 20px;color:#004d9b;overflow:hidden} #khboard .khview dl.add a{padding-right:15px} #khboard .khview dl.add img{padding:0;margin:0;padding-right:6px;vertical-align:top} #khboard .khview dd .botton{display:block;text-align:right} #khboard .khview dd .botton a{display:inline-block;padding:0 10px;letter-spacing:-1px;border:1px solid #ccc} #khboard .khview .img{float:left;width:30%} #khboard .khview .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #khboard .khview .info{float:right;margin:0 0 20px 0;width:65%} #khboard .khview .cominfo{margin:0 0 20px 0} #khboard .khview .contents{clear:both;position:relative;z-index:2;top:-1px;padding:20px;min-height:300px;background:none!important;width:auto !important} #khboard .khview .viewfile{margin-bottom:20px;padding:0 20px;border-bottom:1px solid #d2d2d2;background:#fff;overflow:hidden} #khboard .khview .viewfile li{position:relative;padding:7px 0 7px 11%;min-height:40px;border-bottom:0px solid #eee;overflow:hidden} #khboard .khview .viewfile li strong{position:absolute;top:10px;left:0px;padding:0 0 0 12px;line-height:20px;font-size:13px;background:url(../img/ico_clip.png) no-repeat 0 2px} #khboard .khview .viewfile li a{display:block;padding:5px 0 5px 20px;font-size:12px} #khboard .khview .viewfile .alz{background:url(../../wdBoard/img/alz.gif) no-repeat 0 3px} #khboard .khview .viewfile .bmp{background:url(../../wdBoard/img/bmp.gif) no-repeat 0 3px} #khboard .khview .viewfile .doc{background:url(../../wdBoard/img/doc.gif) no-repeat 0 3px} #khboard .khview .viewfile .gif{background:url(../../wdBoard/img/gif.gif) no-repeat 0 3px} #khboard .khview .viewfile .hwp{background:url(../../wdBoard/img/hwp.gif) no-repeat 0 3px} #khboard .khview .viewfile .jpg{background:url(../../wdBoard/img/jpg.gif) no-repeat 0 3px} #khboard .khview .viewfile .pdf{background:url(../../wdBoard/img/pdf.gif) no-repeat 0 3px} #khboard .khview .viewfile .png{background:url(../../wdBoard/img/png.gif) no-repeat 0 3px} #khboard .khview .viewfile .ppt{background:url(../../wdBoard/img/ppt.gif) no-repeat 0 3px} #khboard .khview .viewfile .xls{background:url(../../wdBoard/img/xls.gif) no-repeat 0 3px} /**/ #khboard .khreply{padding:30px 0} #khboard .khreply .all{padding:0 0 20px 0;overflow:hidden} #khboard .khreply .all h2{float:left} #khboard .khreply .all p{float:right} #khboard .khreply .put{position:relative;padding:0 90px 0 0} #khboard .khreply .put textarea{padding:5px;width:100%;height:50px;border:1px solid #999;resize:none;overflow-y:auto} #khboard .khreply .put input{position:absolute;top:0;right:0;width:90px;height:50px;line-height:50px;text-align:center;color:#fff;border:0;background:#999;cursor:pointer} #khboard .khreply .cet{position:relative;padding:10px 0;border-bottom:1px solid #dfdfdf} #khboard .khreply .cet dl{overflow:hidden} #khboard .khreply .cet dt{line-height:30px} #khboard .khreply .cet dt em{padding:0 20px;font-size:11px;color:#999} #khboard .khreply .cet dd{padding:10px 0;color:#999} #khboard .khreply .cet .btn{position:absolute;top:10px;right:0;overflow:hidden} #khboard .khreply .cet .btn a{float:left;display:block;padding:0 7px;line-height:1;font-size:13px;border-left:1px solid #aaa} #khboard .khreply .cet .btn a:nth-child(1){border:0} #khboard .khreply .type1{padding-left:40px} #khboard .khreply .reply_form{overflow:hidden;clear:both} #khboard .khreply .reply_form h2{color:#333 !important;font-size:14px !important;;margin:10px 0;float:left;background:none;padding:0} #khboard .khreply .reply_form p.reply_num{text-align:right;float:right;margin:10px 0 0 0;} #khboard .khreply .reply_form .outline{clear:both;border-top:solid 1px #dfdfdf;margin:0;padding:10px 0;border-bottom:solid 1px #dfdfdf} #khboard .khreply .reply_form .outline fieldset legend {padding:0;font-size:0;line-height:0;text-indent:-2000px} #khboard .khreply .reply_form .outline .row_input_reply{width:620px;float:left} #khboard .khreply .reply_form .outline textarea{border:1px solid #dfdfdf;height:50px;width:608px;padding:5px;float:left;resize:none;overflow-y:auto} #khboard .khreply .reply_form .outline .row_input_reply .sg_file{border:1px solid #dfdfdf;background:#fff;padding:3px;margin:5px 0 0 0;width:612px} #khboard .khreply .reply_form .outline .row_input_reply_map{width:580px;float:left} #khboard .khreply .reply_form .outline .row_input_reply_map textarea{border:1px solid #dfdfdf;height:50px;width:570px;padding:5px;float:left;resize:none;overflow-y:auto} #khboard .khreply .reply_form .outline .row_input_reply_map .sg_file{border:1px solid #dfdfdf;background:#fff;padding:3px;margin:5px 0 0 0;width:574px} #khboard .khreply .best_wrap{margin:10px 0 0;border-top:1px solid #c5d7e0} #khboard .khreply .best_wrap .writing{padding:10px;background:#f3f3f1;border-bottom:1px solid #c5d7e0} #khboard .khreply .best_wrap .writing .best_re{position:absolute;left:0;top:0} #khboard .khreply .writing_re{padding:10px 0 10px 40px;background:url(../img/common/reply_arrow.png) no-repeat 15px 25px} #khboard .khreply .writing_re02{padding:10px 0 10px 70px;overflow:hidden;background:url(../img/common/reply_arrow.png) no-repeat 40px 25px} #khboard .khreply .writing .profile_photo{float:left;width:42px;height:50px}div.sg_reply .writing .profile_photo img {width:42px;height:50px} #khboard .khreply .writing .con_wrap{color:#555;margin-left:52px}div.sg_reply .writing .con_wrap #con_info{overflow:hidden} #khboard .khreply .writing .con_wrap #con_info .info{float:left}div.sg_reply .writing .con_wrap #con_info .info .id{font-weight:bold;margin-right:10px;position:relative;display:inline-block} #khboard .khreply .writing .con_wrap #con_info .info .level01{background-position:0 0} #khboard .khreply .writing .con_wrap #con_info .info .level02{} #khboard .khreply .writing .con_wrap #con_info .info .level03{background-position:0 -40px} #khboard .khreply .writing .con_wrap #con_info .info .level04{background-position:0 -60px} #khboard .khreply .writing .con_wrap #con_info .info .day{color:#888} #khboard .khreply .writing .con_wrap .m_d{float:right} #khboard .khreply .writing .con_wrap .m_d .postedit{float:left;padding-top:5px;margin-right:15px} } @media all and (max-width:748px) { #khboard{overflow:hidden} #khboard .khboard{margin:0 auto;padding:10px 0} #khboard .society{padding:0 3% 50px} /*#khboard table.responsive thead{display:none} #khboard table.responsive tbody tr{clear:both;display:block;margin:0 0 10px 0;border-top:2px solid #aaa;border-bottom:1px solid #f0f0f0;overflow:hidden} #khboard table.responsive tbody th, #khboard table.responsive tbody td{display:table;width:100%;font-weight:400;border-bottom:1px solid #f0f0f0;overflow:hidden} #khboard table.responsive tbody th:before, #khboard table.responsive tbody td:before{content:attr(data-th);display:table-cell;padding:2px 5px;width:25%;height:20px;line-height:20px;text-align:left;vertical-align:top;background:#f0f0f0;white-space:nowrap;overflow:hidden} #khboard table.responsive tbody th .bt-content, #khboard table.responsive tbody td .bt-content{display:table-cell;padding:2px 5px;width:75%;text-align:left;background:#fff} #khboard table.responsive tbody td .bt-content strong{font-weight:300;color:#737373} #khboard table.responsive tbody th .bt-content a, #khboard table.responsive tbody td .bt-content a{color:#000} #khboard table.responsive tbody td.bt-hide{display:none}*/ #khboard table.responsive{display:block;width:100%;border-top:0 !important} #khboard table.responsive *{font-size:13px} #khboard table.responsive thead{display:none} #khboard table.responsive tbody{display:block} #khboard table.responsive tbody tr{display:block;margin-bottom:20px !important;border:1px solid #aaa !important} #khboard table.responsive tbody th, #khboard table.responsive tbody td{position:relative;float:left\9;width:100%\9;display:block;padding:0 !important;text-align:left !important;border:0 !important;border-bottom:1px solid #eee !important;background:#fff !important;overflow:hidden} #khboard table.responsive tbody th:before, #khboard table.responsive tbody td:before{content:attr(data-th);position:absolute;top:0;bottom:0;left:0;padding:5px;width:40px;font-weight:400;letter-spacing:-1px;color:#333;background:#fafafa;overflow:hidden} #khboard table.responsive tbody th .bt-content, #khboard table.responsive tbody td .bt-content{display:block;margin-left:16%;padding:5px 10px;line-height:20px;text-align:left !important;background:#fff} #khboard table.responsive tbody th .bt-content a, #khboard table.responsive tbody td .bt-content a{display:inline-block;color:#006dc0;font-weight:700} #khboard table.responsive tbody td .bt-content span{display:inline !important;margin:0 !important;width:auto !important;text-align:left !important;color:#333 !important} #khboard table.responsive tbody td.bt-hide{display:none} #khboard table.responsive tbody td.tac{text-align:left !important} #khboard table.responsive tbody td.subject{font-weight:700;border-bottom:1px solid #e2e2e2;background:#fafafa} #khboard table.responsive tbody td.subject a{display:inline-block;color:#006 !important} #khboard table.responsive tbody td .notice{background:none !important} #khboard table.responsive tbody td .new{position:relative;top:3px;display:inline-block;padding-left:12px;font-size:11px;background:url(../img/ico_new.png) no-repeat 0 50%} #khboard table.responsive tbody td .secret{position:relative;top:2px;display:inline-block;padding-left:12px;font-size:11px;background:url(../img/ico_secret.png) no-repeat 0 50%} #khboard table.responsive tbody th{float:left\9;width:100%\9;display:block;position:relative;font-weight:800;color:#000;background:#f9f9f9 !important} #khboard table.responsive tbody th span{background:transparent !important} #khboard table.responsive tbody tr:first-child th, #khboard table.responsive tbody tr:first-child td{padding:0 !important} #kharticle{padding:20px 0;min-height:200px} #khboard .cOL{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#323232;border:1px solid #eee} #khboard .c01{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#ef474b;border:1px solid #eee} #khboard .c02{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d386b;border:1px solid #eee} #khboard .c03{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d6b3f;border:1px solid #eee} #khboard .c04{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#ef474b;border:1px solid #eee} #khboard .c05{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d386b;border:1px solid #eee} #khboard .c06{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d6b3f;border:1px solid #eee} #khboard .c07{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#323232;border:1px solid #eee} #khboard .c08{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#f48938;border:1px solid #eee} #khboard .c09{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d386b;border:1px solid #eee} #khboard .c10{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d6b3f;border:1px solid #eee} #khboard .c11{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#323232;border:1px solid #eee} #khboard .c12{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#f48938;border:1px solid #eee} #khboard .c13{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d386b;border:1px solid #eee} #khboard .c14{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d6b3f;border:1px solid #eee} #khboard .c15{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#323232;border:1px solid #eee} #khboard .c16{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#f48938;border:1px solid #eee} #khboard .c17{float:left;display:block;padding:0 10px;width:50px !important;line-height:20px;font-size:13px;color:#2d6b3f;border:1px solid #eee} #khboard .finder{padding:40px 0} #khboard .finder .pass{font-size:17px;text-align:center} #khboard .finder .pass span{display:inline-block;padding:0 10px;line-height:32px;font-size:16px;font-weight:600} #khboard .finder .pass input{padding:0 10px;height:35px;border:1px solid #ccc} #khboard .find{position:absolute;position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.90)} #khboard .find div{margin:20%;padding:50px 0;font-size:17px;text-align:center;border:1px solid #ccc;background:#fff} #khboard .find div a{display:inline-block;padding-bottom:0;font-size:17px;border-bottom:1px solid #333} #khboard .find div strong{font-size:20px} #khboard .khskip{display:none !important} #khboard .khboard{padding:0 10px} #khboard .khboard *{font-size:13px} #khboard .khboard .nocontent{padding:100px 0;text-align:center} #khboard .khboard .tabboard{position:relative;margin:20px 0;border-bottom:1px solid #e6e6e6} #khboard .khboard .tabboard ul{margin-bottom:-1px;overflow:hidden} #khboard .khboard .tabboard li{float:left;width:33.33%;text-align:center} #khboard .khboard .tabboard li:last-child{border-right:1px solid #e6e6e6} #khboard .khboard .tabboard li a{display:block;height:40px;line-height:40px;font-size:13px !important;font-weight:600;color:#3b3b3b;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fbfbfb} #khboard .khboard .tabboard li a.sel{border-top:1px solid #20909c;border-bottom:1px solid transparent;background:#fff} #khboard .tabmenu{margin:0 0 30px 0;zoom:1} #khboard .tabmenu:before, #khboard .tabmenu:after{clear:both;display:table;content:"";line-height:0} #khboard .tabmenu ul{height:42px;border-bottom:1px solid #313131} #khboard .tabmenu li{float:left;margin-right:3px} #khboard .tabmenu li:first-child a{margin:0} #khboard .tabmenu li a{display:inline-block;position:relative;padding:0 38px;line-height:40px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3} #khboard .tabmenu li a strong{font-size:15px;font-weight:400;letter-spacing:-1px} #khboard .tabmenu li a i{display:none} #khboard .tabmenu li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131} #khboard .tabmenu li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fff;background:#fff} #khboard .tabmenu li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa} #khboard .tabmenu li a.sel:hover{color:#014fbb} #khboard .tabmenu li a.sel:hover i{margin-left:-0%;width:0%} /**/ #khboard .tabmenu{margin:0 0 30px 0;zoom:1} #khboard .tabmenu:before, #khboard .tabmenu:after{clear:both;display:table;content:"";line-height:0} #khboard .tabmenu ul{height:42px;border-bottom:1px solid #313131} #khboard .tabmenu li{float:left;margin:0 0 5px 0;width:100%} #khboard .tabmenu li a{display:block;position:relative;line-height:30px;color:#888;text-align:center;border:1px solid #e3e3e4;background:#f3f3f3} #khboard .tabmenu li a strong{font-size:13px;font-weight:400;letter-spacing:-1px} #khboard .tabmenu li a i{display:none} #khboard .tabmenu li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131} #khboard .tabmenu li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;background:#fff} #khboard .tabmenu li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa} #khboard .tabmenu li a.sel:hover{color:#014fbb} #khboard .tabmenu li a.sel:hover i{margin-left:-0%;width:0%} #khboard .khtitle{position:relative;z-index:10;padding:0 0 20px 0;zoom:1} #khboard .khtitle:before, #khboard .khtitle:after{clear:both;display:table;content:"";line-height:0} #khboard .khtitle .tit{padding:0 !important} #khboard .khtitle .tit h3{} #khboard .khtitle .tit p{position:static !important;padding:7px 0;font-size:15px;font-weight:400;color:#333} #khboard .khtitle .tit p strong{font-weight:400} #khboard .khtitle .sch{font-size:13px;font-weight:400;color:#777} #khboard .khtitle .sch fieldset{white-space:nowrap;overflow:hidden} #khboard .khtitle .sch select{float:left;padding:5px;width:30%;height:34px;line-height:34px;border:1px solid #ccc;background:#fff} #khboard .khtitle .sch input{float:left;padding:0 5px;width:50%;height:34px;line-height:34px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#fff} #khboard .khtitle .sch button{float:left;width:20%;height:34px;font-weight:500;color:#fff;border:0;background:#777} #khboard .khtable table{display:block;width:100%;border-collapse:collapse} #khboard .khtable table caption{display:none} #khboard .khtable table thead th{line-height:45px;background:#f0f0f0} #khboard .khtable table tbody tr:hover{background:#fff} #khboard .khtable table tbody tr.notice td {border-bottom:1px solid #c5d7e0;background:#f3f3f1} #khboard .khtable table tbody td{padding:10px;color:#333;text-align:center;border-bottom:1px solid #ddd} #khboard .khtable table tbody td[scope=row] span{display:block;width:36px;line-height:20px;text-align:center} #khboard .khtable table tbody td[scope=row] span.bt-content{background:none;color:#111;font-family:arial;font-size:13px;font-weight:400} #khboard .khtable table tbody td a{color:#333} #khboard .khtable table tbody td img{vertical-align:middle} #khboard .khtable table tbody td ul{text-align:left} #khboard .khtable table tbody td li{font-size:15px;line-height:20px;color:#333} #khboard .khtable table tbody td.subject{text-align:left} #khboard .khtable table tbody td.subject div{position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #khboard .khtable table tbody td.subject a{color:#555;overflow:hidden} #khboard .khtable table tbody td.subject a:hover{color:#000} #khboard .khtable table tbody td.subject i{position:relative;top:2px;font-size:19px} #khboard .khtable table tbody td.subject .xi-new{color:#6cf} #khboard .khtable table tbody td.subject .new{display:none} #khboard .khtable table tbody td.subject .secret{display:none} #khboard .khtable table tbody td.subject .reply{display:none} #khboard .khtable table tbody td.subject .list_reply{color:#aa6801} #khboard .khtable table tbody td.subject notice{background:#f3f3f1;border-bottom:1px solid #c5d7e0} #khboard .khtable table tbody td div.tac{padding:100px 0} #khboard .khtable table tbody td .this{font-size:11px;color:#f30} #khboard .khtable table tbody td .notice{font-size:11px;color:#fff;background:#09f} #khboard .khtable table tr:first-child td{background:url(../img/board/table_td.png) repeat-x 0 0} #khboard .khtable table tr th:last-child{border-right:0} #khboard .khtable table tr td:last-child{border-right:0} #khboard .khgllery{padding:10px 0} #khboard .khgllery ul{position:relative;margin:0 -20px 0 0;overflow:hidden;z-index:1} #khboard .khgllery ul li{float:left;width:50%} #khboard .khgllery .inner{margin:0 20px 20px 0} #khboard .khgllery .inner *{transition:all .3s} #khboard .khgllery .inner:hover .tit{color:#000} #khboard .khgllery .inner:hover .tit:before{width:40px;height:2px;background:#333} #khboard .khgllery .inner:hover .txt{color:#000} #khboard .khgllery .img{background:#eee;overflow:hidden} #khboard .khgllery .img a{vertical-align:middle} #khboard .khgllery .img img{display:block;margin:0 auto;width:auto;max-width:100%;height:auto;background:#000} #khboard .khgllery .img:hover img{transform:scale(1.1)} #khboard .khgllery .mov{height:150px;background:#eee;overflow:hidden} #khboard .khgllery .mov a{vertical-align:middle} #khboard .khgllery .mov img{display:block;width:auto;max-width:100%;height:auto} #khboard .khgllery .mov:hover img{transform:scale(1.1)} #khboard .khgllery .tit{position:relative;padding:0 0 10px 0;font-size:14px;font-weight:500;color:#555;letter-spacing:0;overflow:hidden} #khboard .khgllery .tit:before{content:'';position:absolute;display:block;top:60px;left:0;width:20px;height:2px;background:#aaa} #khboard .khgllery .txt{padding:0;overflow:hidden} #khboard .khgllery .txt a{display:block;line-height:1.2;font-size:12px;font-weight:400;color:#888} #khboard .khgllery .name{font-size:14px} #khboard .khgllery .name strong{font-size:14px} #khboard .khgllery .date{color:#999} #khboard .khgllery .hit{font-size:12px} #khboard .khgllery .etc{padding:5px 0;overflow:hidden} #khboard .khgllery .etc .date{float:left} #khboard .khgllery .etc time{font-size:10px} #khboard .khgllery .etc .hit{float:right} #khboard .khpaging{padding:0 0 20px 0;text-align:center} #khboard .khpaging .paging strong{display:inline-block;padding:3px 10px;color:#000;border:1px solid #ccc;background:#fff} #khboard .khpaging .paging a{display:inline-block;padding:3px 10px;color:#777;border:1px solid #d5d5d5;background:#fff} #khboard .khpaging .paging a:hover{color:#fff;border:1px solid #000;background:#000} #khboard .khpaging .paging .pag{color:#555;background:#eee} #khboard .khpaging .pprev{} #khboard .khpaging .prev{} #khboard .khpaging .next{} #khboard .khpaging .nnext{} #khboard .khform{} #khboard .khform fieldset{padding:20px;background:#fff} #khboard .khform dl{padding:12px 0;border-bottom:1px solid #eee;overflow:hidden} #khboard .khform dt{float:left;width:100%} #khboard .khform dd{float:left;width:100%;position:relative} #khboard .khform dd input{margin:0;padding:0} #khboard .khform dd select{padding:3px;width:100%;height:35px;border:1px solid #ccc} #khboard .khform dd select.w20p{width:29% !important} #khboard .khform .datePicker{width:80px} #khboard .khform .bundle{line-height:35px} #khboard .khform .tit{padding:15px 0;font-size:14px} #khboard .khform .hit{padding:15px 0;font-size:13px;text-align:center;background:#ededed} #khboard .khform .wrp{padding:0 0 5px 0} #khboard .khform .down{display:inline-block;padding:2px 20px;letter-spacing:-1px;color:#fff;background:#555} #khboard .khform .green{padding:0 10px;font-size:13px} #khboard .khform .btn{padding:0 20px;height:35px;line-height:35px;color:#fff;background:#555} #khboard .khform .t_txt{padding:0 10px;height:35px;line-height:35px;border:1px solid #ccc} #khboard .khform .t_select{height:35px;border:1px solid #ccc} #khboard .khform .t_area{height:200px;line-height:20px;border:1px solid #ccc} /**/ #khboard .khbutton{position:relative;padding:20px 0;text-align:center;overflow:hidden} #khboard .khbutton *{transition:all 0.3s} #khboard .khbutton span{display:inline-block;margin:0 5px;padding:13px 40px;color:#333;border:1px solid #aaa;border-top:2px solid #888;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:1px} #khboard .khbutton span.end{color:#f23737;border:1px solid #aaa;border-top:2px solid #f23737} #khboard .khbutton .bt{display:inline-block;padding:0 10px;height:30px;line-height:30px;font-size:14px;font-weight:400;color:#fff;border:1px solid #888;background:#888} #khboard .khbutton .bt:hover{filter:brightness(1.1);box-shadow:0 10px 10px rgba(0,0,0,0.05)} #khboard .khbutton .bt_okay{color:#fff;border:1px solid #0073bc;background:#0073bc} #khboard .khbutton .bt_del{color:#fff;border:1px solid #888;background:#888} #khboard .khbutton .bt_write{color:#fff;border:1px solid #004a8f;background:#004a8f} #khboard .khbutton .bt_del{color:#fff;border:1px solid #888;background:#888} #khboard .khbutton .bt_mod{color:#fff;border:1px solid #0073bc;background:#0073bc} #khboard .khbutton .bt_answer{color:#333;border:1px solid #aaa;background:#fff} #khboard .khbutton .bt_list{color:#333;border:1px solid #aaa;background:#fff} #khboard .khbutton .bt_end{padding:11px 50px;color:#c62337;border:1px solid #c62337;border-top:2px solid #c62337;background:#fff} #khboard .khbutton .bt_paym{padding:11px 60px;font-size:18px;color:#fff;border:1px solid #009400;border-top:2px solid #009400;background:#009400;box-shadow:2px 2px 2px #ccc;border-radius:3px;transition:all 0.3s} #khboard .khbutton .bt_group{position:absolute;top:30px;left:0} #khboard .khbutton .bt_first{display:inline-block;margin:0 5px 0 0;padding:0 15px;line-height:30px;font-size:13px;font-weight:600;color:#555;border:1px solid #aaa;background:#fafafa;box-shadow:2px 2px 2px #eee;transition:all 0.3s} #khboard .khbutton .bt_retract{position:relative;top:-0px;display:inline-block;margin:0;padding:0 20px;height:50px;line-height:50px;font-size:17px;font-weight:600;color:#555;border:1px solid #aaa;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px} #khboard .khbutton .bt_certify{margin-bottom:30px;position:relative;padding:0 40px 0 80px;height:80px;line-height:80px;text-align:center;color:#fff;border:0;background:#0d3387;cursor:pointer} #khboard .khbutton .bt_certify:before{position:absolute;left:35px;content:"\e83a";line-height:80px;font-size:36px} /**/ #khboard .khview{} #khboard .khview h2{position:relative;z-index:2;padding:10px 0;font-size:14px;font-weight:500;color:#004a8f;border-top:2px solid #004a8f;border-bottom:1px solid #7b8e9f} #khboard .khview h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;border-bottom:1px solid #eee;background:#f9f9f9} #khboard .khview dl{position:relative;padding:10px 0;display:table;width:100%;border-bottom:1px solid #eee} #khboard .khview dt{display:table-cell;padding:0 10px 0 0;width:50px;color:#7b8e9f;overflow:hidden} #khboard .khview dd{display:table-cell;padding:0 0 0 10px;color:#004d9b;overflow:hidden} #khboard .khview dl.add a{padding-right:15px} #khboard .khview dl.add img{padding:0;margin:0;padding-right:6px;vertical-align:top} #khboard .khview dd .botton{display:block;text-align:right} #khboard .khview dd .botton a{display:inline-block;padding:0 10px;letter-spacing:-1px;border:1px solid #ccc} #khboard .khview .img{float:left;width:30%} #khboard .khview .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #khboard .khview .info{float:right;margin:0 0 20px 0;width:65%} #khboard .khview .cominfo{margin:0 0 20px 0} #khboard .khview .contents{clear:both;position:relative;z-index:2;top:-1px;padding:20px;min-height:300px;background:none!important;width:auto !important} #khboard .khview .viewfile{margin-bottom:20px;padding:0 20px;border-bottom:1px solid #d2d2d2;background:#fff;overflow:hidden} #khboard .khview .viewfile li{position:relative;padding:7px 0 7px 11%;min-height:40px;border-bottom:0px solid #eee;overflow:hidden} #khboard .khview .viewfile li strong{position:absolute;top:10px;left:0px;padding:0 0 0 12px;line-height:20px;font-size:13px;background:url(../img/ico_clip.png) no-repeat 0 2px} #khboard .khview .viewfile li a{display:block;padding:5px 0 5px 20px;font-size:12px} #khboard .khview .viewfile .alz{background:url(../../wdBoard/img/alz.gif) no-repeat 0 3px} #khboard .khview .viewfile .bmp{background:url(../../wdBoard/img/bmp.gif) no-repeat 0 3px} #khboard .khview .viewfile .doc{background:url(../../wdBoard/img/doc.gif) no-repeat 0 3px} #khboard .khview .viewfile .gif{background:url(../../wdBoard/img/gif.gif) no-repeat 0 3px} #khboard .khview .viewfile .hwp{background:url(../../wdBoard/img/hwp.gif) no-repeat 0 3px} #khboard .khview .viewfile .jpg{background:url(../../wdBoard/img/jpg.gif) no-repeat 0 3px} #khboard .khview .viewfile .pdf{background:url(../../wdBoard/img/pdf.gif) no-repeat 0 3px} #khboard .khview .viewfile .png{background:url(../../wdBoard/img/png.gif) no-repeat 0 3px} #khboard .khview .viewfile .ppt{background:url(../../wdBoard/img/ppt.gif) no-repeat 0 3px} #khboard .khview .viewfile .xls{background:url(../../wdBoard/img/xls.gif) no-repeat 0 3px} /**/ #khboard .khreply{padding:30px 0} #khboard .khreply .all{padding:0 0 20px 0;overflow:hidden} #khboard .khreply .all h2{float:left} #khboard .khreply .all p{float:right} #khboard .khreply .put{position:relative;padding:0 90px 0 0} #khboard .khreply .put textarea{padding:5px;width:100%;height:50px;border:1px solid #999;resize:none;overflow-y:auto} #khboard .khreply .put input{position:absolute;top:0;right:0;width:90px;height:50px;line-height:50px;text-align:center;color:#fff;border:0;background:#999;cursor:pointer} #khboard .khreply .cet{position:relative;padding:10px 0;border-bottom:1px solid #dfdfdf} #khboard .khreply .cet dl{overflow:hidden} #khboard .khreply .cet dt{line-height:30px} #khboard .khreply .cet dt em{padding:0 20px;font-size:11px;color:#999} #khboard .khreply .cet dd{padding:10px 0;color:#999} #khboard .khreply .cet .btn{position:absolute;top:10px;right:0;overflow:hidden} #khboard .khreply .cet .btn a{float:left;display:block;padding:0 7px;line-height:1;font-size:13px;border-left:1px solid #aaa} #khboard .khreply .cet .btn a:nth-child(1){border:0} #khboard .khreply .type1{padding-left:40px} #khboard .khreply .reply_form{overflow:hidden;clear:both} #khboard .khreply .reply_form h2{color:#333 !important;font-size:14px !important;;margin:10px 0;float:left;background:none;padding:0} #khboard .khreply .reply_form p.reply_num{text-align:right;float:right;margin:10px 0 0 0;} #khboard .khreply .reply_form .outline{clear:both;border-top:solid 1px #dfdfdf;margin:0;padding:10px 0;border-bottom:solid 1px #dfdfdf} #khboard .khreply .reply_form .outline fieldset legend {padding:0;font-size:0;line-height:0;text-indent:-2000px} #khboard .khreply .reply_form .outline .row_input_reply{width:620px;float:left} #khboard .khreply .reply_form .outline textarea{border:1px solid #dfdfdf;height:50px;width:608px;padding:5px;float:left;resize:none;overflow-y:auto} #khboard .khreply .reply_form .outline .row_input_reply .sg_file{border:1px solid #dfdfdf;background:#fff;padding:3px;margin:5px 0 0 0;width:612px} #khboard .khreply .reply_form .outline .row_input_reply_map{width:580px;float:left} #khboard .khreply .reply_form .outline .row_input_reply_map textarea{border:1px solid #dfdfdf;height:50px;width:570px;padding:5px;float:left;resize:none;overflow-y:auto} #khboard .khreply .reply_form .outline .row_input_reply_map .sg_file{border:1px solid #dfdfdf;background:#fff;padding:3px;margin:5px 0 0 0;width:574px} #khboard .khreply .best_wrap{margin:10px 0 0;border-top:1px solid #c5d7e0} #khboard .khreply .best_wrap .writing{padding:10px;background:#f3f3f1;border-bottom:1px solid #c5d7e0} #khboard .khreply .best_wrap .writing .best_re{position:absolute;left:0;top:0} #khboard .khreply .writing_re{padding:10px 0 10px 40px;background:url(../img/common/reply_arrow.png) no-repeat 15px 25px} #khboard .khreply .writing_re02{padding:10px 0 10px 70px;overflow:hidden;background:url(../img/common/reply_arrow.png) no-repeat 40px 25px} #khboard .khreply .writing .profile_photo{float:left;width:42px;height:50px}div.sg_reply .writing .profile_photo img {width:42px;height:50px} #khboard .khreply .writing .con_wrap{color:#555;margin-left:52px}div.sg_reply .writing .con_wrap #con_info{overflow:hidden} #khboard .khreply .writing .con_wrap #con_info .info{float:left}div.sg_reply .writing .con_wrap #con_info .info .id{font-weight:bold;margin-right:10px;position:relative;display:inline-block} #khboard .khreply .writing .con_wrap #con_info .info .level01{background-position:0 0} #khboard .khreply .writing .con_wrap #con_info .info .level02{} #khboard .khreply .writing .con_wrap #con_info .info .level03{background-position:0 -40px} #khboard .khreply .writing .con_wrap #con_info .info .level04{background-position:0 -60px} #khboard .khreply .writing .con_wrap #con_info .info .day{color:#888} #khboard .khreply .writing .con_wrap .m_d{float:right} #khboard .khreply .writing .con_wrap .m_d .postedit{float:left;padding-top:5px;margin-right:15px} } #like_icon{text-align:left;background:url(../img/common/like_bg02.jpg) no-repeat 0 0;width:73px;height:28px;float:right} #like_icon span{display:inline-block;margin-left:5px;padding:5px 0 0 30px;width:43px;height:23px;font-weight:bold;color:#226aaa} div.sg_reply .writing .con_wrap .con{margin-top:4px;text-align:left} .row_con{border-top:1px solid #dfdfdf;padding:5px 0} .row_con .top{color:#1c6da1;font-weight:bold} .sg_write_file{background:#f4f4f4;border:1px solid #dfdfdf;padding:3px;margin:0 0 2px 0;width:690px} /**/ #khboard .sabmenu{margin:0 0 30px 0;zoom:1} #khboard .sabmenu:before, #khboard .sabmenu:after{clear:both;display:table;content:"";line-height:0} #khboard .sabmenu ul{height:42px;border-bottom:1px solid #313131} #khboard .sabmenu li{float:left;margin-right:3px} #khboard .sabmenu li:first-child a{margin:0} #khboard .sabmenu li *{transition:all 0.2s ease-in-out} #khboard .sabmenu li a{display:inline-block;position:relative;padding:0 38px;line-height:40px;font-size:15px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3} #khboard .sabmenu li a i{display:none} #khboard .sabmenu li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131} #khboard .sabmenu li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fcfcfc;background:#fcfcfc} #khboard .sabmenu li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa} #khboard .sabmenu li a.sel:hover{color:#014fbb} #khboard .sabmenu li a.sel:hover i{margin-left:-0%;width:0%} #khboard .tabs{position:relative;zoom:1} #khboard .tabs:before, #khboard .tabs:after{clear:both;display:table;content:"";line-height:0} #khboard .tabs ul{height:42px;border-bottom:1px solid #313131} #khboard .tabs li{float:left;margin-right:3px} #khboard .tabs li *{transition:all 0.2s ease-in-out} #khboard .tabs li:first-child a{margin:0} #khboard .tabs li a{display:inline-block;position:relative;padding:0 20px;line-height:40px;font-size:15px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3} #khboard .tabs li a i{display:none} #khboard .tabs li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131} #khboard .tabs li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fcfcfc;background:#fcfcfc} #khboard .tabs li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa} #khboard .tabs li a.sel:hover{color:#014fbb} #khboard .tabs li a.sel:hover i{margin-left:-0%;width:0%} #khboard .tabs .clock{position:absolute;top:10px;right:0} #khboard .lecture .tabs{padding:0 0 20px 0} /**/ #khboard .depthmenu{margin:0 0 30px 0;zoom:1} #khboard .depthmenu:before, #khboard .depthmenu:after{clear:both;display:table;content:"";line-height:0} #khboard .depthmenu ul{height:42px;border-bottom:1px solid #313131} #khboard .depthmenu li{float:left;margin-right:3px} #khboard .depthmenu li:first-child a{margin:0} #khboard .depthmenu li *{transition:all 0.2s ease-in-out} #khboard .depthmenu li i{display:none !important} #khboard .depthmenu li a{display:inline-block;position:relative;padding:0 38px;line-height:40px;font-size:15px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3} #khboard .depthmenu li a i{display:none} #khboard .depthmenu li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131;} #khboard .depthmenu li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fff;background:#fff} #khboard .depthmenu li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#7ba67b} #khboard .depthmenu li a.sel:hover{color:#014fbb} #khboard .depthmenu li a.sel:hover i{margin-left:-0%;width:0%} #khboard .txt{padding:30px 0} #khboard .login{padding:30px 0} #khboard .login fieldset{position:relative;margin:0 auto;width:450px} #khboard .login fieldset ul{margin-bottom:10px;padding-right:125px;overflow:hidden} #khboard .login fieldset ul div{margin-bottom:5px;border:1px solid #ccc} #khboard .login fieldset label.id, #khboard .login fieldset label.pw{display:none} #khboard .login fieldset input{padding:0 10px;width:100%;height:35px;line-height:35px;font-size:15px;border:0;background:#fff} #khboard .login fieldset input:-webkit-autofill{box-shadow:0 0 0 1000px white inset} #khboard .login fieldset button{position:absolute;top:0;right:0;width:120px;height:79px;font-size:15px;font-weight:400;color:#fff;border:0;background:#555;cursor:pointer;transition:0.3s} #khboard .login fieldset button:before{content:"\e83e";display:inline-block;position:relative;top:3px;left:-3px;font-size:20px;font-weight:300;text-align:center} #khboard .login fieldset button:hover{color:#fff;background:#ff6700;transition:0.3s} #khboard .login p{padding:0 0 30px 0;text-align:center;border-bottom:1px solid #eee} #khboard .login p em{padding:0 10px} #khboard .slogan{overflow:hidden} #khboard .slogan .tit{margin:0 20%;margin-bottom:30px;padding:3% 10%;text-align:center;border:1px solid #aaa;background:#fff;border-radius:15px;box-shadow:0 2px 0 #eee} #khboard .slogan .tit h3{font-size:30px;color:#222} #khboard .slogan .tit p{font-size:20px;color:#555} #khboard .item{position:relative;padding:70px 10% 40px 20%; background: url(../img/arrowstep.png) no-repeat 50% 0} #khboard .item h4{position:absolute;top:51%;left:5%;font-size:20px;color:#222} #khboard .item ul{display:table;width:100%} #khboard .item li{display:table-cell} #khboard .item li strong{display:table-cell;padding:0 33px;width:133px;height:133px;font-weight:400;text-align:center;vertical-align:middle;color:#fff;border:0;background:#ccc;border-radius:50%} #khboard .item .it1 strong{background:#56c0df} #khboard .item .it2 strong{background:#0a60ca} #khboard .item .it3 strong{background:#56c0df} #khboard .item .it4 strong{background:#0a60ca} #khboard .box{} #khboard .box{margin:0 20%;margin-bottom:40px;padding:3% 5%;border:2px solid #0551ad;background:#fff;border-radius:15px;box-shadow:0 2px 0 #eee} #khboard .box li{font-size:16px;color:#222} #khboard .task{position:relative;padding:70px 10% 40px 20%; background: url(../img/arrowstep.png) no-repeat 50% 0} #khboard .task h4{position:absolute;top:51%;left:5%;font-size:20px;color:#222} #khboard .since{margin:0 auto;width:440px;border:1px solid #ccc;background:#fff} #khboard .since em{display:block;padding:20px 20px 0 30px;font-size:14px;color:#0d3387;text-transform:uppercase} #khboard .since h3{padding:0 20px 20px 28px;font-size:34px;font-weight:500;letter-spacing:-1px;color:#0d3387;border-bottom:1px solid #ccc} #khboard .since p{padding:20px;padding-top:15px;font-size:15px;text-align:center;color:#777;text-transform:uppercase} #khboard .diagram{text-align:center;background:url(../img/diagram.png) no-repeat 50% 0} #khboard .diagram ul{margin:0 -40px;padding:100px 0;overflow:hidden} #khboard .diagram ul li{float:left;width:33.33%} #khboard .diagram ul li div{margin:0 40px;min-height:150px;text-align:left;border:1px solid #ccc;background:#fff} #khboard .diagram ul li strong{display:block;padding:10px;font-size:16px;border-bottom:1px solid #ccc} #khboard .diagram ul li span{display:block;padding:10px;font-size:18px} #khboard .diagram p{display:inline-block;padding:20px 40px;font-size:34px;font-weight:500;text-align:center;color:#17832a;border:1px solid #fff;background:#fff} /**/ #khboard .ay_step{padding-bottom:30px} #khboard .ay_step dl{padding-bottom:20px} #khboard .ay_step dt{padding-bottom:5px;font-size:24px;color:#333} #khboard .ay_step ol{border-top:1px solid #ccc;background:#fff;overflow:hidden} #khboard .ay_step ol li{float:left;position:relative;padding:20px 0;width:25%;text-align:center;border-bottom:5px solid #eee} #khboard .ay_step ol li strong{font-size:17px} #khboard .ay_step ol li span{display:block;font-size:13px} #khboard .ay_step ol li i{position:absolute;top:50%;right:-5px;display:block;margin:-10px 0 0 0;width:10px;height:20px} #khboard .ay_step ol li.sel{position:relative;bottom:-1px;border-bottom:5px solid #333} /**/ #khboard .ay_terms{padding:0 20px} #khboard .ay_terms fieldset{position:relative;padding:30px 0} #khboard .ay_terms fieldset h3{padding-bottom:10px;font-size:15px;font-weight:400;color:#000} #khboard .ay_terms label{display:block;padding:10px 0;font-size:14px} #khboard .ay_terms p{padding-bottom:10px} #khboard .ay_terms ul{padding:30px 0} #khboard .ay_terms .termswrap{padding-bottom:50px} #khboard .ay_terms .field{margin:0 0 10px 0;padding:10px;height:210px;border:1px solid #ccc;background:#fff;overflow-y:scroll} #khboard .ay_terms .field p{padding-bottom:20px} #khboard .ay_terms .field ul li ul{padding:5px 5px 20px 5px} #khboard .ay_terms .field textarea{float:left;display:block;padding:2%;width:100%;height:210px;line-height:18px;border:0} /**/ #khboard .ay_comp{padding:100px 50px 30px 50px;background:url(../img/ddea/comp.png) no-repeat 50% 40px;overflow:hidden} #khboard .ay_comp dl{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden} #khboard .ay_comp dt{float:left;width:30%} #khboard .ay_comp dd{float:left;width:70%} #khboard .ay_comp .txt{margin:0 20%;font-size:20px;text-align:center;border-top:2px solid #333;border-bottom:1px solid #333} #khboard .ay_comp .c1{margin:0 20%;font-size:20px;text-align:center} /**/ #khboard .audience{margin-bottom:20px;text-align:center;border:1px solid #ccc} #khboard .rent03{padding:0 0 0 550px;background:url(../img/img_rent03.png) no-repeat 0 0} #khboard .rent03 .con{} #khboard .tinfo{padding-bottom:100px;background:url(../img/test/test01_txt.png) no-repeat 100% 100%} #khboard .tinfo dl{position:relative;padding-left:160px} #khboard .tinfo dt{position:absolute;top:0;left:0;padding-top:30px;width:150px;height:150px;font-size:15px;text-align:center;color:#000;border-radius:200px} #khboard .tinfo dd{padding:30px 0 0 20px;height:130px} #khboard .tinfo .ti1 .con{position:relative;top:-10px} #khboard .tinfo .ti1 dt{border-color:#7ea5d2;border:20px solid rgba(0,78,167,0.5)} #khboard .tinfo .ti1 dd{padding-top:0} #khboard .tinfo .ti2 dt{border-color:#7e8cd2;border:20px solid rgba(0,28,167,0.5)} #khboard .tinfo .ti2 dd{padding-top:10px} #khboard .tinfo .ti3 dt{border-color:#887ed2;border:20px solid rgba(20,0,167,0.5)} #khboard .tinfo .ti3 dd{padding-top:50px} #khboard .tinfo .ti4 dt{border-color:#987ed2;border:20px solid rgba(51,0,167,0.5)} #khboard .tinfo .ti4 dd{padding-top:50px} #khboard .cons .facilities div{margin-bottom:20px;padding:20px 0;text-align:center;background:#fff} #khboard .gui1 .summary{padding:25px 25px 25px 250px;min-height:113px;color:#333;border:0;background:#e2e2e2 url(../img/tit_guide01.png) no-repeat 0 100%} #khboard .gui1 .summary strong{color:#0066b3} #khboard .gui1 .summary span{color:#009400} #khboard .gui5 .summary{padding:25px 25px 25px 200px;min-height:113px;color:#333;border:0;background:#e6f1f3 url(../img/tit_guide05.png) no-repeat 40px 100%} #khboard .gui5 .summary strong{color:#0066b3} #khboard .gui5 .summary span{color:#009400} #khboard .gui6 .summary{padding:30px 25px 30px 140px;color:#333;border:1px solid #bbd7b4;background:#f5fdf3 url(../img/tit_guide06.png) no-repeat 40px 50%} #khboard .gui6 .summary strong{color:#0066b3} #khboard .gui6 .summary span{color:#009400} #khboard .gui8 .summary{padding:20px 20px 20px 190px;font-size:14px;color:#333;background:#fffeec url(../img/tit_guide08.png) no-repeat 0 50%} #khboard .gui8 .summary strong{color:#0066b3} #khboard .gui8 .summary span{color:#009400} #khboard .gui10 .summary{padding:20px 20px 20px 250px;font-size:14px;color:#333;background:#e2e2e2 url(../img/tit_guide01.png) no-repeat 0 50%} #khboard .gui10 .summary strong{color:#0066b3} #khboard .gui10 .summary span{color:#009400} #khboard .eve02 .summary{padding:25px 25px 25px 250px;min-height:113px;color:#333;border:0;background:#eeeced url(../img/tit_event02.png) no-repeat 0 50%} #khboard .eve02 .summary strong{color:#0066b3} #khboard .eve02 .summary span{color:#009400} #khboard .eve03 .summary{padding:25px 25px 25px 250px;min-height:113px;color:#333;border:0;background:#eeeced url(../img/tit_event03.png) no-repeat 0 50%} #khboard .eve03 .summary strong{color:#0066b3} #khboard .eve03 .summary span{color:#009400} #khboard .eve041 .summary{padding:25px 25px 25px 250px;min-height:113px;color:#333;border:0;background:#eeeced url(../img/tit_event041.png) no-repeat 0 50%} #khboard .eve041 .summary strong{color:#0066b3} #khboard .eve041 .summary span{color:#009400} #khboard .eve042 .summary{padding:25px 25px 25px 250px;min-height:113px;color:#333;border:0;background:#eeeced url(../img/tit_event041.png) no-repeat 0 50%} #khboard .eve042 .summary strong{color:#0066b3} #khboard .eve042 .summary span{color:#009400} #khboard .eve051 .summary{padding:25px 25px 25px 220px;color:#333;border:0;background:#e1d2ca url(../img/tit_event051.png) no-repeat -20px 50%} #khboard .eve051 .summary strong{color:#0066b3} #khboard .eve051 .summary span{color:#009400} #khboard .eve052 .summary{padding:25px 25px 25px 220px;color:#333;border:0;background:#e6f1f3 url(../img/tit_event052.png) no-repeat -20px 90%} #khboard .eve052 .summary strong{color:#0066b3} #khboard .eve052 .summary span{color:#009400} #khboard .lec01 .summary{padding:25px 25px 25px 250px;min-height:113px;color:#333;border:0;background:#eeeced url(../img/tit_lecture01.png) no-repeat 0 50%} #khboard .lec01 .summary strong{color:#0066b3} #khboard .lec01 .summary span{color:#009400} #khboard .lec02 .summary{padding:25px 25px 25px 250px;min-height:113px;color:#333;border:0;background:#eeeced url(../img/tit_lecture02.png) no-repeat 0 50%} #khboard .lec02 .summary strong{color:#0066b3} #khboard .lec02 .summary span{color:#009400} /**/ #khboard .guide02{position:absolute;bottom:0;right:0;width:372px;height:232px;background:url(../img/img_guide02.png) no-repeat 50% 50%} #khboard .guide03{position:absolute;bottom:0;right:0;width:219px;height:304px;background:url(../img/img_guide03.png) no-repeat 50% 50%} #khboard .guide031{position:absolute;bottom:200px;right:0;width:289px;height:219px;background:url(../img/img_guide031.png) no-repeat 50% 50%} #khboard .guide04{position:absolute;bottom:50px;right:50px;width:286px;height:305px;background:url(../img/img_guide04.png) no-repeat 50% 50%} #khboard .guide05{position:absolute;top:200px;right:-20px;width:400px;height:252px;background:url(../img/img_guide05.png) no-repeat 50% 50%} #khboard .guide06{position:absolute;bottom:200px;right:0px;width:220px;height:139px;background:url(../img/img_guide06.png) no-repeat 50% 50%} #khboard .guide08{position:absolute;bottom:110px;right:-100px;width:504px;height:360px;background:url(../img/img_guide08.png) no-repeat 50% 50%} #khboard .guide09{position:absolute;bottom:0px;right:0px;width:586px;height:259px;background:url(../img/img_guide09.png) no-repeat 50% 50%} #khboard .event02{position:absolute;top:250px;right:-30px;width:401px;height:285px;background:url(../img/img_event02.png) no-repeat 50% 50%} #khboard .event03{position:absolute;top:250px;right:-30px;width:401px;height:252px;background:url(../img/img_event03.png) no-repeat 50% 50%} #khboard .event041{position:absolute;top:200px;right:-30px;width:409px;height:280px;background:url(../img/img_event041.png) no-repeat 50% 50%} #khboard .event042{position:absolute;top:200px;right:-30px;width:412px;height:263px;background:url(../img/img_event042.png) no-repeat 50% 50%} #khboard .event051{position:absolute;top:520px;right:0px;width:278px;height:191px;background:url(../img/img_event051.png) no-repeat 50% 50%} #khboard .event052{position:absolute;top:270px;right:0px;width:438px;height:137px;background:url(../img/img_event052.png) no-repeat 50% 50%} /**/ #khboard .guide_box{margin:30px 0;padding:30px 30px;-moz-box-shadow:inset 0 0 10px #B2B2B2;-webkit-box-shadow:inset 0 0 10px #B2B2B2;box-shadow:inset 0 0 10px #B2B2B2;border-radius:10px;background:url(../img/common/guide_box_bg.gif) no-repeat 100% 100%} #khboard .guide_box h3{color:#551ca9;font-size:17px} /**/ #khboard .stage{border-bottom:1px solid #ccc;overflow:hidden} #khboard .stage *{} #khboard .stage dt{float:left;width:70%;font-size:18px;font-family:Arial, Helvetica, sans-serif} #khboard .stage dt img{display:block;padding:20px 0} #khboard .stage dd{float:left;padding:30px 0;width:30%} #khboard .stage dd ul{overflow:hidden} #khboard .stage dd li{float:left;width:50%;font-size:15px} /* #khboard .subtit{padding:20px 0;font-size:18px;text-align:center;border-top:0px solid #ccc;border-bottom:0px solid #ccc;background:url(../img/culture.png) no-repeat 50% 0} #khboard .subtit strong{font-size:18px;font-weight:400;color:#c62337} #khboard .title{position:relative;overflow:hidden} #khboard .title h3{margin-bottom:15px;font-size:18px;font-weight:600;letter-spacing:-1px;color:#333} #khboard .title h3 i{position:relative;top:2px;display:inline-block;margin-right:8px;width:19px;height:19px;background:url(../img/depth1_1.png) no-repeat 50% 50%} #khboard .title p{position:absolute;top:10px;right:0;font-weight:600} #khboard .title .year{position:absolute;top:10px;right:0} #khboard .title .year strong{float:left;display:block;width:60px;line-height:20px;font-size:16px;color:#333;text-align:center} #khboard .title .year strong span{padding-left:5px;font-size:16px;color:#333} #khboard .title .year a{float:left;display:block;width:19px;height:19px;line-height:19px;font-size:11px;font-weight:800;font-family:"돋움", "굴림";text-align:center;color:#fff;background:#b7b7b7} #khboard .title .year a span{display:none} #khboard .point h3{margin-bottom:0;border-bottom:0px solid #ccc} #khboard .table{padding:0 10px;padding-bottom:30px} #khboard .table .tar{padding:10px 0} #khboard .table table *{margin:0;padding:0;border:0;list-style-type:none;color:#333} #khboard .table table{width:100%;border-collapse:collapse;border-top:1px solid #333} #khboard .table table caption{display:none} #khboard .table table thead *{font-size:13px} #khboard .table table tbody *{font-size:13px} #khboard .table table thead th{padding:10px;line-height:20px;font-weight:400;text-align:center;color:#000;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #ccc;background:#fff} #khboard .table table thead th:first-child{border-left:0} #khboard .table table thead tr{background-color:#fff} #khboard .table table thead th:last-child{border-right:0} #khboard .table table tbody tr{background:#fff} #khboard .table table tbody tr:nth-child(even){background:#fff} #khboard .table table tbody th{padding:6px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2} #khboard .table table tbody th .title{padding:10px 0;border:1px solid #333} #khboard .table table tbody td{padding:6px 10px;text-align:center;border:1px solid #eee;border-bottom:1px solid #e3e3e3} #khboard .table table tbody td:first-child{border-left:0} #khboard .table table tbody td:last-child{border-right:0} #khboard .table table tbody th:first-child{border-left:0} #khboard .table table tbody th:last-child{border-right:0;background-color:#fff} #khboard .table table tbody tr:first-child th, #khboard .table table tbody tr:first-child td{padding-top:9px !important;border-top:1px solid #eee;background-image:url(../img/table_td.png);background-repeat:repeat-x} #khboard .table table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff} #khboard .table table tfoot th{padding:4px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f4f5f8} #khboard .table table tfoot td{padding:4px 10px;text-align:center;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f8f8f8} #khboard .table table tfoot td:first-child{border-left:0} #khboard .table table tfoot td:last-child{border-right:0} #khboard .table table tfoot th:first-child{border-left:0} #khboard .table table tfoot th:last-child{border-right:0} #khboard .table table tfoot td.tal{text-align:left} #khboard .table table tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff} #khboard .table table tbody td.subject{text-align:left} #khboard .table table tbody td.subject a:hover{color:#000;text-decoration:underline} #khboard .table table tbody th.item, #khboard .table table tbody td.item{border-bottom:1px solid #cacaca;background-color:#fafafa} #khboard .table table tbody td.item span.red{position:absolute;margin:0 0 0 -20px} #khboard .table table tbody td .dtnum{display:block;position:relative;height:16px;line-height:16px;text-overflow:ellipsis;overflow:hidden} #khboard .table table tbody td .new{font-size:11px;font-weight:800;color:#c00} #khboard .table table tbody td .btn_zip{padding:0 7px;height:25px;letter-spacing:-1px;color:#fff !important;border:1px solid #333;background:#777 !important;cursor:pointer} #khboard .table table tbody td .okay{padding:5px 30px;font-size:16px;color:#fff;border:1px solid #333;background:#333;cursor:pointer}*/ /**/ #khboard .chart{position:relative;padding-bottom:5px} #khboard .chart > ul{padding:0 0 5px 8px} #khboard .chart > ul > li{padding:0 0 6px 17px;line-height:19px;background:url(../img/dp2.png) no-repeat 5px 6px} #khboard .chart > ul > li strong{color:#c62336} #khboard .chart > ul > li.no{background:none} #khboard .chart li strong{font-weight:400} #khboard .chart li strong.orange{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;text-align:center;color:#fff !important;background:#ef770c;border-radius:22px} #khboard .chart li strong.pgreen{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;text-align:center;color:#fff;background:#235704;border-radius:22px} #khboard .chart li strong.gold{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;text-align:center;color:#fff;background:#9f791e;border-radius:22px} #khboard .chart li p{padding:0 0 15px 0} #khboard .chart li .ipin{color:#00ad58} #khboard .chart li ul{padding:6px 0 3px 13px} #khboard .chart li ul li{padding:3px 0;font-size:13px} #khboard .chart li .table{position:relative;top:-10px;padding:0 0 20px 70px} #khboard .chart dl{margin:0 0 30px 0;padding:10px 20px 10px 100px;overflow:hidden;border:1px solid #e3e3e3;background:#fff url(../img/ico_point.png) no-repeat 30px 50%;border-radius:5px;box-shadow:1px 3px 1px #fafafa} #khboard .chart dt{padding:5px 20px;font-size:16px;color:#526c9b} #khboard .chart dd{padding:0 20px 10px 20px;font-size:13px} #khboard .chart dd li{font-size:13px} #khboard .chart .down{display:inline-block;margin:0 2px 4px 2px;padding:2px 5px;font-size:13px;letter-spacing:-1px;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:3px} #khboard .chart .bot{margin:0 10px;padding:10px;border-top:1px solid #ccc;overflow:hidden} #khboard .chart p{padding-bottom:10px;overflow:hidden} #khboard .arrow{padding-bottom:50px;background:url(../img/ico_b_arrow.png) no-repeat 50% -20px} #khboard .photos{margin:0 0 10px 0;border-bottom:1px solid #ccc} #khboard .photos dl{position:relative;padding:20px;padding-top:0;overflow:hidden} #khboard .photos dt{float:left;width:100px} #khboard .photos dt img{display:block;padding:5px;width:100px;border:1px solid #ccc} #khboard .photos dd{float:left;padding:0 20px 10px 20px;font-size:13px} #khboard .photos dd li{font-size:13px} #khboard .photos ul{padding:0 0 5px 8px} #khboard .photos ul li{padding:0 0 4px 17px;background:url(../img/dp2.png) no-repeat 5px 9px} #khboard .photos ul li strong{color:#c62336} #khboard .grtable{clear:both;margin-left:-10px} #khboard .grtable ol{padding:5px 80px 10px 0;overflow:hidden} #khboard .grtable ol li{float:left} #khboard .grtable ol li.gt1{width:56%} #khboard .grtable ol li.gt1 strong{background:#f6f9fa} #khboard .grtable ol li.gt2{width:22%} #khboard .grtable ol li.gt2 strong{background:#f6f9fa} #khboard .grtable ol li.gt3{width:22%} #khboard .grtable ol li.gt3 strong{background:#f6f9fa} #khboard .grtable ol li div{position:relative;margin:0 10px;border:1px solid #ccc;border-top:2px solid #81a7b3;background:#f2f2f2;overflow:hidden} #khboard .grtable ol li div strong{display:block;padding:7px 0;font-weight:600;text-align:center;color:#333;border-bottom:1px solid #eee} #khboard .grtable ol li div strong br{ display:none} #khboard .grtable ol li div span{display:block;padding:20px 10px;min-height:100px;font-size:13px;background:#fff} /**/ #khboard .booklist{padding:0 0 30px 0} #khboard .booklist ul{overflow:hidden} #khboard .booklist li{float:left;width:20%} #khboard .booklist li dt{margin:0 auto;width:132px} #khboard .booklist li dt a{display:block} #khboard .booklist li dt img{display:block;width:132px;height:178px;border:1px solid #333} #khboard .booklist li dd{padding-bottom:20px;text-align:center} #khboard .booklist li dd a{display:block} #khboard .booklist li dd strong{display:block;padding:10px 20px 0 20px;height:47px;line-height:18px;font-size:15px;font-weight:600;overflow:hidden/*;white-space:nowrap;text-overflow:ellipsis*/} #khboard .booklist li dd span{display:block;font-size:13px} /**/ #khboard .onelist{padding:0 0 30px 0} #khboard .onelist ul{overflow:hidden} #khboard .onelist li{float:left;width:33.33%} #khboard .onelist li dl{margin:0 10px;overflow:hidden} #khboard .onelist li dt{} #khboard .onelist li dt a{display:block} #khboard .onelist li dt img{display:block;margin:0 auto;width:132px;height:178px;border:1px solid #333} #khboard .onelist li dd{margin:0 30px;padding:10px 0 0 0;text-align:center} #khboard .onelist li dd a{display:block} #khboard .onelist li dd strong{display:block;margin:0 0 5px 0;font-size:15px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #khboard .onelist li dd span{display:block;font-size:13px} /**/ #khboard .text{margin-bottom:40px;padding:30px 30px 30px 160px;min-height:120px;font-size:16px;border:1px solid #ccc;background:#fff;border-radius:5px;box-shadow:1px 3px 1px #f0f0f0} #khboard .text strong{font-size:16px;color:#c62337} #khboard .tx1{background:#fff url(../img/ico_culture.png) no-repeat 40px 50%} #khboard .tx2{background:#fff url(../img/ico_event.png) no-repeat 40px 50%} /**/ #khboard .culture{padding:10px 0} #khboard .culture .time{margin:0 auto;padding:20px 0;width:420px;overflow:hidden;display:none} #khboard .culture .time h2{float:left;padding:0 10px 0 35px;line-height:40px;font-size:18px;font-weight:300;letter-spacing:-1px;color:#777;background:url(../img/ico_clock.png) no-repeat 0 50%} #khboard .culture .time div{float:left;color:#c62337;overflow:hidden} #khboard .culture .time div strong{float:left;display:block;position:relative;width:35px;line-height:40px;font-size:18px;text-align:center;border:1px solid #c62337;background:#fff;border-radius:4px} #khboard .culture .time div strong i{position:absolute;top:0;right:-10px;display:block;width:4px;height:40px;background:url(../img/ico_minute.png) no-repeat 50% 50%} #khboard .culture .time div strong.t1{color:#fff;border:1px solid #a51628;background:#c62337} #khboard .culture .time div strong.t2{color:#fff;border:1px solid #a51628;background:#c62337} #khboard .culture .time div strong.t3{color:#fff;border:1px solid #a51628;background:#c62337} #khboard .culture .time div span{float:left;display:block;line-height:40px;font-size:14px;color:#c62337;padding:0 10px 0 5px} #khboard .culture .time div span.none{text-indent:-9999em;overflow:hidden} #khboard .culture .list{padding-bottom:20px} #khboard .culture .list ul{border-top:1px solid #aaa} #khboard .culture .list li div{padding:15px 20px;font-size:16px;border:1px solid #eee;border-top:0;border-right:0;border-left:0} #khboard .culture .list li div strong{font-size:16px !important} /**/ #khboard div.visitor_num_guid{color:#617295;font-size:0.92em;font-weight:normal;line-height:130%;padding:7px 0 3px ;text-align:left} #khboard .bt-content .btn_gray{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#333 !important;border:1px solid #aaa;background:#fff;border-radius:22px} #khboard .bt-content .btn_red{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff !important;border:1px solid #f23737;background:#f23737;border-radius:22px} #khboard .bt-content .btn_orange{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff !important;border:1px solid #f77a00;background:#f77a00;border-radius:22px} #khboard .bt-content .btn_blue{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff !important;border:1px solid #014fbb;background:#014fbb;border-radius:22px} #khboard .bt-content .btn_green{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#009688 !important;border:1px solid #009688;background:#fff;border-radius:22px} #khboard .btn_regist{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff !important;border:1px solid #999;background:#999;border-radius:22px} #khboard .btn_cancel{display:block;margin:3px 0;padding:3px 5px;width:69px;font-weight:600;color:#fff !important;border:1px solid #3d4459;background:#3d4459;border-radius:22px} #khboard .btn_regist_go{display:block;padding:2px;font-weight:800;color:#fff !important;border:2px solid #1769A3;background:#003258} #khboard .btn_deadline{color:#C5C5C5; font-weight:800;} #khboard .btn_suc{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#333 !important;border:1px solid #aaa;background:#fff;border-radius:22px} #khboard .btn_oky{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#fff !important;border:1px solid #014fbb;background:#014fbb;border-radius:22px} #khboard .btn_pay{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#fff !important;border:1px solid #3d4459;background:#3d4459;border-radius:22px} #khboard .btn_ing{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#fff !important;border:1px solid #009400;background:#009400;border-radius:22px} #txt_box{margin:10px 0;padding:20px;border:1px solid #ccc;background:#fafafa} /**/ #khboard .service{padding:10px 0} #khboard .service .bookbox{position:relative;margin-bottom:30px;padding:20px 30px;min-height:120px;line-height:22px;font-size:15px;border:1px solid #ccc;background:#fff;border-radius:5px;box-shadow:1px 3px 1px #f0f0f0} #khboard .service .bookbox *{line-height:22px;font-size:15px} #khboard .service .bookbox strong{font-weight:400;color:#c62337} #khboard .service .bookbox span{} #khboard .service .ebook{position:relative} #khboard .service .ebook i{position:absolute;top:120px;right:0;width:220px;height:150px;background:url(../img/img_ebook.png) no-repeat 100% 0%} #khboard .service .dream{position:relative} #khboard .service .dream i{position:absolute;top:-30px;right:0;width:220px;height:150px;background:url(../img/img_dream.png) no-repeat 100% 0%} #khboard .service .eb01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_ebook.png) no-repeat 20px 50%} #khboard .service .eb02{padding:30px 30px 30px 130px;background:#fff url(../img/ico_info.png) no-repeat 20px 50%} #khboard .service .eb03{padding:30px 30px 30px 130px;background:#fff url(../img/ico_mobile.png) no-repeat 20px 50%} #khboard .service .os01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_oneservice.png) no-repeat 20px 50%} #khboard .service .os02{padding:30px 30px 30px 130px;background:#fff url(../img/ico_members.png) no-repeat 20px 50%} #khboard .service .bs01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_ebook.png) no-repeat 20px 50%} #khboard .service .bl01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_bookdream.png) no-repeat 20px 50%} #khboard .service .schema{position:relative;padding:10px 0 30px 0} #khboard .service .schema ol{position:absolute;top:-30px;right:0;overflow:hidden} #khboard .service .schema ol li{float:left;position:relative;margin-right:20px;padding-left:25px} #khboard .service .schema ol .sc1 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl01.png) no-repeat 50% 50%} #khboard .service .schema ol .sc2 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl02.png) no-repeat 50% 50%} #khboard .service .schema ol .sc3 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl03.png) no-repeat 50% 50%} #khboard .service .schema div{padding-bottom:30px} #khboard .service .schema div h4{padding:0 0 4px 28px;font-size:16px;font-weight:400;color:#333 !important;background:url(../img/dp2.png) no-repeat 13px 9px} #khboard .service .schema div ul{overflow:hidden} #khboard .service .schema div ul li{float:left;position:relative;width:33.33%;text-align:center} #khboard .service .schema div ul li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%} #khboard .service .schema div ul li span{display:block;margin:10px 10%;height:150px;border:1px solid #ccc;background:#fafafa;border-radius:10px} #khboard .service .schema div ul li strong{font-size:16px;font-weight:400;color:#333 !important} #khboard .service .schema .img1 *{color:#96c41c} #khboard .service .schema .img1 li span{border:1px solid #ccc} #khboard .service .schema .img1 .sa1 span{background:url(../img/ico_nl11.png) no-repeat 50% 50%} #khboard .service .schema .img1 .sa2 span{background:url(../img/ico_nl12.png) no-repeat 50% 50%} #khboard .service .schema .img1 .sa3 span{background:url(../img/ico_nl13.png) no-repeat 50% 50%} #khboard .service .schema .img2 *{color:#53b5e6} #khboard .service .schema .img2 li span{border:1px solid #ccc} #khboard .service .schema .img2 .sa1 span{background:url(../img/ico_nl21.png) no-repeat 50% 50%} #khboard .service .schema .img2 .sa2 span{background:url(../img/ico_nl22.png) no-repeat 50% 50%} #khboard .service .schema .img2 .sa3 span{background:url(../img/ico_nl23.png) no-repeat 50% 50%} /**/ #khboard .community{padding:10px 0} #khboard .community .faq_list{width:100%;border-top:1px solid #000;} #khboard .community .faq_list .faq .faq_q{position:relative;padding:0 80px;border-bottom:1px solid #ccc;font-size:16px;overflow:hidden;} #khboard .community .faq_list .faq .faq_q dt{position:absolute;top:7px;left:24px} #khboard .community .faq_list .faq .faq_q dd{line-height:50px} #khboard .community .faq_list .faq .faq_a{position:relative;padding:0 80px;border-bottom:1px solid #ccc;background:#fafafa;font-size:14px;overflow:hidden;} #khboard .community .faq_list .faq .faq_a dt{position:absolute;top:14px;left:24px} #khboard .community .faq_list .faq .faq_a dd{height:auto;min-height:60px;margin:14px 0;line-height:20px} #khboard .community .faq_list .faq .disnone{display:none} #khboard .community .serve{position:relative} #khboard .community .serve i{position:absolute;top:220px;right:0;width:370px;height:510px;background:url(../img/img_serve.png) no-repeat 100% 0%} #khboard .community .dream{position:relative} #khboard .community .dream i{position:absolute;top:-30px;right:0;width:220px;height:150px;background:url(../img/img_dream.png) no-repeat 100% 0%} #khboard .community .monitor{position:relative} #khboard .community .monitor i{position:absolute;top:-120px;right:25px;width:220px;height:150px;background:url(../img/img_monitor.png) no-repeat 100% 0%} /**/ #khboard .member .infomation{margin:0 0 20px 0;padding:20px 0 20px 110px;color:#555;border:1px solid #d3d0d8;background:url(../img/infomation.png) no-repeat -10px 50%} #khboard .member .infomation dl{overflow:hidden} #khboard .member .infomation dt{float:left;display:block;padding-right:10px;line-height:30px;font-size:20px;font-weight:600;color:#2b3b56} #khboard .member .infomation dd{float:left;display:block;line-height:30px;font-size:16px} #khboard .member .infomation ul{padding-top:1px;overflow:hidden} #khboard .member .infomation ul li{float:left;padding:0 0 0 15px;margin-right:30px;line-height:20px;font-size:15px;background:url(../img/ico_dot.png) no-repeat 0 50%} #khboard .member .infomation ul li span.mem_num{color:#a28354} #khboard .member .infomation ul li span.use_ok{color:#498bbf} #khboard .member .infomation ul li span.use_no{color:#c14e33} /**/ #khboard .terms{padding:10px 0} #khboard .terms *{line-height:19px;font-size:14px;font-weight:400;color:#333} #khboard .terms h3{padding-bottom:10px;font-size:17px;font-weight:600;color:#263b98} #khboard .terms h4{padding:0 5px 5px 8px;font-weight:400} #khboard .terms ul{padding:0 17px} #khboard .terms ul li{padding-bottom:3px} #khboard .terms p{padding:0 5px 0 10px;line-height:20px} #khboard .terms table th{padding:3px 0 !important} #khboard .terms .termsbox{position:relative;margin-bottom:20px;padding:20px;line-height:25px;border:1px solid #e0e0e0;border-bottom:1px solid #9c9c9c;background:#fff;border-radius:10px;border-bottom-right-radius:0px;box-shadow:1px 3px 1px #f0f0f0} #khboard .terms .termsbox strong{font-weight:400} #khboard .terms .box{margin-bottom:10px} #khboard .terms .tgroup{padding-bottom:20px} #khboard .terms .tgroup > ul > li ul{margin-top:5px;padding:8px 0;border:0px solid #e0e0e0} #khboard .terms .tgroup > ul > li ul strong{display:block;padding-bottom:6px} #khboard .terms .tgroup > ul > li > ul > li > ul{border:0px solid #e0e0e0;} #khboard .terms .tgroup > ul > li > ul > li > ul > li > ul{padding:12px;border:0px solid #e0e0e0;background:#f9f9f9} #khboard .terms .point{padding:0 5px 5px 5px;font-weight:600;color:#00877d} #khboard .terms .pb5{padding-bottom:5px} #khboard .terms .pb10{padding-bottom:10px} #khboard .terms .pb15{padding-bottom:15px} #khboard .terms .btn{padding:0 6px 1px 6px;color:#fff;border:1px solid #696969;background:#777;border-radius:3px} #khboard .terms .btn:hover{border:1px solid #111;background:#333} #khboard .member .guide{margin:20px 0 0 0;padding:20px 0;border-top:1px solid #ccc} #khboard .member .guide a{display:block;margin-bottom:10px;color:#f00} /**/ #khboard .email{padding:30px 0} #khboard .email *{line-height:25px;font-size:15px;font-weight:400} #khboard .email .emailbox{position:relative;margin-bottom:20px;padding:20px 50px 50px 0px;line-height:25px;color:#333;border-top:1px solid #e0e0e0;border-bottom:0px solid #9c9c9c;background:#fff;background:url(../img/mail_bg.png) no-repeat 90% 100%;border-radius:0px;border-bottom-right-radius:0px;box-shadow:0 #f0f0f0} #khboard .email .emailbox strong{color:#009400;font-weight:600} #khboard .email .emaildate{padding:60px 0 120px 0;font-size:15px;font-weight:600;color:#00877d} /**/ #khboard .polltit{margin-top:20px;padding:0 55px;position:relative;overflow:hidden} #khboard .polltit h3{position:relative;padding-left:25px;line-height:40px;font-size:16px;font-weight:600;letter-spacing:-1px;color:#333} #khboard .polltit h3 strong{font-size:17px;padding-right:10px;color:#00877d} #khboard .pollitem{margin-bottom:20px;padding:6px 80px 30px 80px;border-bottom:1px solid #e7e7e7} #khboard .pollitem ul{overflow:hidden} #khboard .pollitem ul li{padding-bottom:10px} #khboard .pollitem .question{padding-bottom:1px} #khboard .pollitem .question strong{padding-right:3px} #khboard .pollitem .question label{padding-right:10px} #khboard .pollitem .question input{height:25px;line-height:25px} #khboard .pollitem .graph{position:relative;margin:0 120px 0 20px;height:10px;background:url(../../wdVote/img/poll_graph_bg01.gif) repeat-x} #khboard .pollitem .graph .graphitem{height:10px;text-align:center;background:url(../../wdVote/img/poll_graph_bg02.gif) repeat-x} #khboard .pollitem .graph strong{position:absolute;top:-5px;right:-100px} /**/ #ga_tab{margin:0;padding-bottom:30px;text-align:center} #ga_tab li{display:inline} #ga_tab li a{display:inline-block;padding:4px 8px;font-size:13px;font-weight:600;border:1px solid #ccc} #ga_tab li.on a{color:#fff;border:1px solid #009400;background:#009400} #khboard .ayboard{padding:50px 0} /**/ #khboard .ay_webzine{margin-bottom:40px;padding-bottom:60px;background:#fff} #khboard .ay_webzine .tit{display:block;padding:15px 20px;font-size:20px;font-weight:600;letter-spacing:-1px;color:#1c368d;text-align:center;border-bottom:1px solid #ccc;border-top:1px solid #1c368d} #khboard .ay_webzine .tit span{display:none;padding-top:10px;font-size:14px;font-weight:400;letter-spacing:0px} #khboard .ay_webzine dl{display:table;padding:20px 0;width:100%;zoom:1} #khboard .ay_webzine dl:before, #khboard .ay_webzine dl:after{clear:both;display:table;content:"";line-height:0} #khboard .ay_webzine dt{display:table-cell;width:40%;vertical-align:top} #khboard .ay_webzine dt .img{padding:0 10%} #khboard .ay_webzine dt .img a{display:inline-block;border:1px solid #eee} #khboard .ay_webzine dt .img .noimg{display:block;width:200px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px} #khboard .ay_webzine dt .img img{display:block;padding:10px;width:200px;border:1px solid #ccc} #khboard .ay_webzine dd{display:table-cell;width:60%;vertical-align:top} #khboard .ay_webzine dd ul{padding:0 0 20px 0} #khboard .ay_webzine dd li{position:relative} #khboard .ay_webzine dd li span{display:block;padding-left:100px;min-height:30px;line-height:38px;font-size:16px;color:#333} #khboard .ay_webzine dd .fb{position:absolute;top:0;left:0;display:block;line-height:38px;font-size:14px;color:#333} #khboard .ay_webzine dd .fb:before{content:'';position:absolute;top:50%;left:-15px;margin-top:-1px;width:2px;height:2px;background:#333;border-radius:10px} #khboard .ay_webzine .webzine{position:relative;margin:35px;border-top:1px dotted #aaa} #khboard .ay_webzine .webzine h3{padding:0 20px;line-height:50px;font-size:13px} #khboard .ay_webzine .webzine div img{width:auto;max-width:100%;height:auto} /**/ #khboard .ay_tabmenu{padding-bottom:30px} #khboard .ay_tabmenu *{margin:0;padding:0;border:0;list-style-type:none} #khboard .ay_tabmenu ul{height:40px;border-bottom:1px solid #333;zoom:1} #khboard .ay_tabmenu ul:before, #khboard .ay_tabmenu ul:after{clear:both;display:table;content:"";line-height:0} #khboard .ay_tabmenu li{float:left} #khboard .ay_tabmenu li a{display:block;margin-left:-1px;padding:0 20px;height:40px;line-height:40px;text-align:center;border:1px solid #aaa;border-bottom:1px solid #333;background:#f0f0f0} #khboard .ay_tabmenu li a strong{font-size:14px;font-weight:400;color:#888} #khboard .ay_tabmenu li:first-child a{margin:0} #khboard .ay_tabmenu li a:hover{position:relative;z-index:5;color:#777;border:1px solid #333;border-bottom:1px solid #fff;background:#fff} #khboard .ay_tabmenu li a.sel{position:relative;z-index:5;font-weight:800;letter-spacing:0px;color:#000;border:1px solid #333;border-bottom:1px solid #fff;background:#fff} #khboard .ay_tabmenu li a.sel strong{font-weight:600;color:#333} /**/ #khboard .ay_fieldset{position:relative} #khboard .ay_fieldset fieldset{position:relative;margin:0 80px 30px 80px;padding:20px 0 0 0;border:1px solid #d9d9d9} #khboard .ay_fieldset fieldset legend{display:none} #khboard .ay_fieldset .type{position:relative;zoom:1} #khboard .ay_fieldset .type:before, #khboard .ay_fieldset .type:after{clear:both;display:table;content:"";line-height:0} #khboard .ay_fieldset .type label{display:block;margin:0 20% 5px 20%;line-height:25px} #khboard .ay_fieldset .type label strong{position:absolute;top:0;left:10%;line-height:25px;font-size:14px;font-weight:400} #khboard .ay_fieldset .type label span{display:block;border:1px solid #ccc} #khboard .ay_fieldset .type label input{padding:5px 0;width:100%;text-indent:10px} #khboard .ay_fieldset .type label select{padding:5px;width:100%;border:1px solid #ccc;text-indent:6px} #khboard .ay_fieldset .order{margin:20px 0 0 0;padding:10px 0;border-top:1px solid #ccc;background:#f7f7f7} #khboard .ay_fieldset .order .hunmin{text-align:center} #khboard .ay_fieldset .order .hunmin a{display:inline-block;padding:5px;border:1px solid #ccc;background:#fff;border-radius:3px} #khboard .ay_fieldset .button{position:absolute;top:24px;right:50px} #khboard .ay_fieldset .button button{width:80px;height:72px;font-size:15px;color:#fff;border:0;border-top:4px solid #035ca9;background:#0480ce} /* #khboard .khview{*zoom:1} #khboard .khview:before, #khboard .khview:after{clear:both;display:table;content:"";line-height:0} #khboard .khview h2{position:relative;z-index:2;padding:14px 0;font-size:17px;border-bottom:1px solid #ccc} #khboard .khview h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;border-bottom:1px solid #eee;background:#f9f9f9} #khboard .khview dl{display:table;position:relative;width:100%;border-bottom:1px solid #e0e0e0;overflow:hidden} #khboard .khview dt{display:table-cell;padding:7px 10px;width:100px;font-size:13px;border-right:1px solid #f0f0f0;text-indent:18px;overflow:hidden} #khboard .khview dd{display:table-cell;padding:7px 10px;font-size:14px;background:#fff;overflow:hidden} #khboard .khview dl.lik{width:100%;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle} #khboard .khview dl.add{width:100%;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle} #khboard .khview dl.add a{padding-right:15px} #khboard .khview dl.add img{padding:0;margin:0;padding-right:6px;vertical-align:top} #khboard .khview dd .botton{display:block;text-align:right} #khboard .khview dd .botton a{display:inline-block;padding:0 10px;letter-spacing:-1px;border:1px solid #ccc} #khboard .khview .img{float:left;width:30%} #khboard .khview .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #khboard .khview .info{float:right;margin:0 0 20px 0;width:65%} #khboard .khview .cominfo{margin:0 0 20px 0} #khboard .khview .contents{clear:both;position:relative;z-index:2;top:-1px;padding:20px;min-height:300px;background:none!important;width:auto !important} #khboard .khview .viewfile{margin-bottom:20px;padding:0 20px;border-bottom:1px solid #d2d2d2;background:#fff;overflow:hidden} #khboard .khview .viewfile li{position:relative;padding:7px 0 7px 11%;min-height:40px;border-bottom:0px solid #eee;overflow:hidden} #khboard .khview .viewfile li strong{position:absolute;top:10px;left:0px;padding:0 0 0 12px;line-height:20px;font-size:13px;background:url(../img/ico_clip.png) no-repeat 0 2px} #khboard .khview .viewfile li a{display:block;padding:5px 0 5px 20px;font-size:12px} #khboard .khview .viewfile li a.alz{background:url(../../wdBoard/img/alz.gif) no-repeat 0 3px} #khboard .khview .viewfile li a.bmp{background:url(../../wdBoard/img/bmp.gif) no-repeat 0 3px} #khboard .khview .viewfile li a.doc{background:url(../../wdBoard/img/doc.gif) no-repeat 0 3px} #khboard .khview .viewfile li a.gif{background:url(../../wdBoard/img/gif.gif) no-repeat 0 3px} #khboard .khview .viewfile li a.hwp{background:url(../../wdBoard/img/hwp.gif) no-repeat 0 3px} #khboard .khview .viewfile li a.jpg{background:url(../../wdBoard/img/jpg.gif) no-repeat 0 3px} #khboard .khview .viewfile li a.pdf{background:url(../../wdBoard/img/pdf.gif) no-repeat 0 3px} #khboard .khview .viewfile li a.png{background:url(../../wdBoard/img/png.gif) no-repeat 0 3px} #khboard .khview .viewfile li a.ppt{background:url(../../wdBoard/img/ppt.gif) no-repeat 0 3px} #khboard .khview .viewfile li a.xls{background:url(../../wdBoard/img/xls.gif) no-repeat 0 3px} */ /**/ #khboard .ay_movie{margin:0 -10px;overflow:hidden;zoom:1} #khboard .ay_movie:before, #khboard .ay_movie:after{clear:both;display:table;content:"";line-height:0} #khboard .ay_movie .webzine{float:left;width:50%} #khboard .ay_movie .webzine dl{position:relative;margin:10px;padding:0 0 0 25%;border:1px solid #d2d2d2;zoom:1;transition:all 0.3s ease-in-out} #khboard .ay_movie .webzine dl:before, #khboard .ay_movie .webzine dl:after{clear:both;display:table;content:"";line-height:0} #khboard .ay_movie .webzine dl:hover{border:1px solid #3394dd;box-shadow:0px 2px 2px 0px rgba(0,0,0,0.16);transition:all 0.3s ease-in-out} #khboard .ay_movie .webzine dt{position:absolute;top:0;left:0;width:100%} #khboard .ay_movie .webzine dt .tit{padding:10px 20px;border-bottom:1px solid #eee} #khboard .ay_movie .webzine dt .tit{background:none} #khboard .ay_movie .webzine dt .tit a{display:block;font-size:16px;font-weight:500;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #khboard .ay_movie .webzine dt .img{margin:10px 20px} #khboard .ay_movie .webzine dt .img a{display:inline-block;border:1px solid #eee} #khboard .ay_movie .webzine dt .img .noimg{display:block;width:75px;height:100px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px} #khboard .ay_movie .webzine dt .img img{width:75px} #khboard .ay_movie .webzine dd{padding:55px 20px 10px 0} #khboard .ay_movie .webzine dd ul{padding:0 0 5px 0} #khboard .ay_movie .webzine dd li{padding:0 10px;font-size:14px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #khboard .ay_movie .webzine dd li span{font-size:13px;color:#777} #khboard .ay_movie .webzine dd .txt{margin-bottom:10px;padding:0 10px;height:48px;line-height:16px;font-size:13px;color:#333;overflow:hidden} #khboard .ay_movie .webzine p{height:60px;line-height:20px;color:#888;overflow:hidden} #khboard .ay_movie .webzine .more{position:absolute;top:10px;right:10px;color:#aa6801} #khboard .ay_movie .detail{} #khboard .ay_movie .detail dl{position:relative;margin:10px;padding:0 0 0 25%;border:1px solid #d2d2d2;zoom:1;transition:all 0.3s ease-in-out} #khboard .ay_movie .detail dl:before, #khboard .ay_movie .detail dl:after{clear:both;display:table;content:"";line-height:0} #khboard .ay_movie .detail dt{position:absolute;top:0;left:0;width:100%} #khboard .ay_movie .detail dt .tit{padding:10px 20px;display:block;font-size:22px;font-weight:600;color:#1c368d;border-bottom:1px solid #eee} #khboard .ay_movie .detail dt .img{margin:20px} #khboard .ay_movie .detail dt .img a{display:inline-block;border:1px solid #eee} #khboard .ay_movie .detail dt .img .noimg{display:block;width:150px;height:214px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px} #khboard .ay_movie .detail dt .img img{width:150px} #khboard .ay_movie .detail dd{padding:70px 20px 10px 0} #khboard .ay_movie .detail dd ul{padding:0 0 20px 0} #khboard .ay_movie .detail dd li{position:relative;padding:3px 10px 3px 70px;line-height:20px;font-size:15px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px} #khboard .ay_movie .detail dd li span{position:absolute;top:3px;left:0;font-size:14px;color:#009400} #khboard .ay_movie .detail dd .txt{padding:20px 0 50px 0;line-height:25px;font-size:15px;color:#333;border-top:1px solid #eee;text-align:justify;word-break:break-all} #khboard .ay_movie .detail p{height:60px;line-height:20px;color:#888;overflow:hidden} /**/ #khboard .ay_detail{margin-bottom:20px;zoom:1} #khboard .ay_detail:before, #khboard .ay_detail:after{clear:both;display:table;content:"";line-height:0} #khboard .ay_detail *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #khboard .ay_detail h2{margin:10px 0 30px;padding:20px 30px;font-size:16px;color:#0473ba;border-top:2px solid #0473ba;border-bottom:1px solid #0473ba;background:#fff} #khboard .ay_detail h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;background:#f9f9f9} #khboard .ay_detail table *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #khboard .ay_detail table{width:100%;border-collapse:collapse;border-top:1px solid #ccc} #khboard .ay_detail table caption{display:none} #khboard .ay_detail table th{padding:10px 20px;text-align:left;border-bottom:1px solid #ccc;background:#fff} #khboard .ay_detail table td{padding:10px;font-size:14px;color:#333;border-bottom:1px solid #ccc;background:#fff} #khboard .ay_detail table td a{font-size:14px;color:#333} #khboard .ay_detail .capacity{min-height:50px;overflow:hidden} #khboard .ay_detail .capacity dl{float:left;width:11.11%;text-align:center;position:static} #khboard .ay_detail .capacity dt{display:block;padding:5px 0;background:#ecf9f4} #khboard .ay_detail .capacity dd{display:block;padding:5px 0} #khboard .ay_detail .img{float:left;width:30%} #khboard .ay_detail .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #khboard .ay_detail .info{margin:0 0 20px 0} #khboard .ay_detail .info dl{position:relative;padding-left:160px;border-top:1px solid #ccc;overflow:hidden} #khboard .ay_detail .info dt{position:absolute;top:10px;left:20px;line-height:20px} #khboard .ay_detail .info dd{padding:10px 0;line-height:20px} /**/ #khboard .basic_write input[type="text"], #khboard .basic_write input[type="password"]{padding:0 10px;height:30px;border:1px solid #ccc;background:#fff;box-sizing:border-box;appearance:none;border-radius:0;font-size:14px;font-family:inherit} /**/ #khboard .faqlist *{margin:0;padding:0;border:0;list-style-type:none} #khboard .faqlist li{padding:20px 0;border-bottom:1px solid #ccc} #khboard .faqlist li dl{padding:10px 0;position:relative} #khboard .faqlist li dt{position:absolute;top:10px;left:0} #khboard .faqlist li dt strong{font-size:24px;font-family:Arial, Helvetica, sans-serif} #khboard .faqlist li dd{padding-left:40px} #khboard .faqlist li dd br{display:none} /**/ #khboard .prevnext{margin-bottom:30px;background:#fff} #khboard .prevnext *{margin:0;padding:0;border:0;list-style-type:none} #khboard .prevnext ul{border-top:1px solid #ccc} #khboard .prevnext li{position:relative;padding:0px 90px 0 110px; height:44px; border:1px solid #ccc; border-top:0;} #khboard .prevnext li strong{position:absolute;top:0;left:0;width:90px;background:#fafafa;height:43px;line-height:43px;font-size:13px;border-right:1px solid #ccc;text-align:center;display:block;color:#555} #khboard .prevnext li p{color:#999;line-height:44px} #khboard .prevnext li a {display:block;height:44px;line-height:44px;padding-right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #khboard .prevnext li a:hover { color:#ff661b;} #khboard .prevnext li span{position:absolute;top:11px;right:18px;display:block;color:#999} /**/ #khboard .ay_content{padding:20px;background:#fff} #khboard .ay_content_news{padding:20px;background:#fff; width:100%!important; height:inherit!important;} #khboard .ay_content_news img{width:100%!important;height:100%!important;} .ay_pdfview {width:100%;height:650px;} /**/ #gallery_wrap{margin:0 -7px;overflow:hidden} #gallery_wrap .gallery_list{float:left;width:25%;padding-bottom:14px} #gallery_wrap .image_bagic{margin:0 7px;padding:10px;background:#fff;border:1px solid #d2d2d2;border-bottom:1px solid #eee;text-align:center;transition:all 0.5s} #gallery_wrap .image_bagic a{display:block;height:140px;background:url(../img/noimg.png) no-repeat center center;overflow:hidden} #gallery_wrap .image_bagic a img{display:block;width:100%;max-width:100%;height:auto;transition:all 0.4s} #gallery_wrap .gallery_top{position:relative} #gallery_wrap .gallery_top > img{position:absolute;top:5px;left:10px} #gallery_wrap .gallery_top dl{margin:0 7px;padding:10px;border:1px solid #d2d2d2;border-bottom:1px solid #bbb;border-top:0;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.08);transition:all 0.5s} #gallery_wrap .gallery_top dt a{display:block;padding:0 0 3px 0;font-weight:normal;font-size:14px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #gallery_wrap .gallery_top dd{margin:0;padding:0;line-height:20px} #gallery_wrap .gallery_top dd br { display:none;} #gallery_wrap .gallery_top .write{color:#333} #gallery_wrap .gallery_top .date{color:#888} #gallery_wrap .gallery_top .view_count{color:#888} #gallery_wrap .gallery_list:hover .image_bagic{border:1px solid #3394dd;border-bottom:1px solid #eee;transition:all 0.5s} #gallery_wrap .gallery_list:hover .gallery_top dl { border:1px solid #3394dd; border-top:0;box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.16);transition:all 0.5s} #gallery_wrap .gallery_list:hover .gallery_top dt a { color:#3394dd;} /**/ #khboard .sitemap{padding:30px 0;width:100%;zoom:1} #khboard .sitemap:before, #khboard .sitemap:after{clear:both;display:table;content:"";line-height:0} #khboard .sitemap .group{float:left;width:23%;padding:0 2% 0 0} #khboard .sitemap .group div{min-height:280px;border:1px solid #bdafaf;border-top:2px solid #746457;background:#fff} #khboard .sitemap .group h2{margin:0 10%;line-height:45px;font-size:15px;font-weight:600;color:#333;text-align:center;border-bottom:1px solid #eee} #khboard .sitemap .group div > ul{padding:10px 20px} #khboard .sitemap .group div > ul > li > a{display:block;padding:4px 10px;font-size:13px;font-weight:500;color:#555} #khboard .sitemap .group div > ul > li > a:hover{color:#000} #khboard .sitemap .group div > ul ul{margin:0;padding:6px 7px;border-bottom:1px solid #eee;background:#fafafa} #khboard .sitemap .group div > ul ul li{padding:3px 0} #khboard .sitemap .group div > ul ul li a{padding:0;padding-left:12px;font-size:13px;font-weight:normal;border:none} /* #khboard .khtable{padding:0 0 50px 0} #khboard .khtable table{width:100%;border-collapse:collapse} #khboard .khtable table caption{display:none} #khboard .khtable table thead th{line-height:45px;background:#f0f0f0} #khboard .khtable table tbody tr:hover{background:#fff} #khboard .khtable table tbody td{padding:10px;font-size:14px;color:#333;text-align:center;border-bottom:1px solid #ddd} #khboard .khtable table tbody td[scope=row] span{display:block;width:36px;line-height:20px;text-align:center} #khboard .khtable table tbody td[scope=row] span.bt-content{display:inline;background:none;color:#111;font-family:arial;font-size:13px;font-weight:400} #khboard .khtable table tbody td a{font-size:13px;color:#333} #khboard .khtable table tbody td img{vertical-align:middle} #khboard .khtable table tbody td div.tac{padding:100px 0} #khboard .khtable table tr th:last-child{border-right:0} #khboard .khtable table tr td:last-child{border-right:0} */