@charset "utf-8";
/* *********************************** Common *********************************** */img{border:0 none}
hr{display:none}
legend{*width:0}
@media print{body{color:#444}}
label{display:inline-block;padding:1px 4px 1px 2px;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend,div,body{-webkit-print-color-adjust:exact}
ul,li,dl,dt,dd,p{margin:0;padding:0}
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display:block;}
.png24{tmp:expression(setPng24(this))}
.sml_text,a.sml_text{font-size:11px}
.sml_text_en,a.sml_text_en{font-family:tahoma,arial;font-size:10px;color:#999}
.gap{height:20px}
.color_orange{color:#F63}
.color_blue{color:#06F}
.color_red{color:#F00}
.color_black{color:#000}
.color_darkgray{color:#666}
.color_whitegray{color:#ededed}
.color_yellow{color:#FF0}
.gap{height:40px}
.notice{margin:4px 0;padding:3px;border:1px dotted #FFCA95;background:#FFF8F0;font-size:11px;line-height:18px;color:#888;letter-spacing:-1px}
.notice b{color:#F60}
.pointer{cursor:pointer}
.clr{clear:both}
.f_left{float:left}
.f_right{float:right}
.txt_align_l{text-align:left !important}
.txt_align_c{text-align:center !important}
.txt_align_r{text-align:right !important}

/* skip navigation */
#u_skip{position:relative;z-index:99999;width:100%}
#u_skip a{position:absolute;top:-40px;left:0;width:auto;padding:0 10px;border:1px solid #4ec53d;background:#000;text-align:center;outline:none}
#u_skip a:active,#u_skip a:focus{top:0;text-decoration:none;cursor:pointer;zoom:1}
#u_skip span{display:inline-block;padding:2px 6px 0 0;font-size:11px;line-height:26px;color:#fff;letter-spacing:-1px}

/* form */
form{margin:0;padding:0}
fieldset{border:none}
select{padding:.2em 0.1em;border:1px solid #dcdde3;background-color:#fbfbfb;color:#777;color:#666;letter-spacing:0}
label{display:inline-block;padding:1px 8px 1px 4px;cursor:pointer;letter-spacing:-1px;}
textarea{padding:2px 5px;border:#dbdbdb 1px solid;line-height:16px;color:#575757;scrollbar-face-color:#f7f7f7;scrollbar-highlight-color:#f7f7f7;scrollbar-shadow-color:#dbdbdb;scrollbar-3dlight-color:#dbdbdb;scrollbar-arrow-color:#dbdbdb;scrollbar-darkshadow-color:#fff;scrollbar-bace-color:#DBDBDB}
legend{display:block;overflow:hidden;position:absolute;top:-5000px;left:0}
input[type=text],input[type=password],input[type=file]{display:inline-block;height:25px;margin-right:-1px;padding:0 .4em;border:1px solid #ddd;border-bottom:1px solid #ededed;border-right:1px solid #ededed;background-color:#fff;font:normal 1em/2em gulim;color:#555;text-decoration:none;white-space:nowrap}
input[type=text]:focus,input[type=password]:focus{background:#feffef}
input[type=radio],.input_radio{width:13px;height:13px;vertical-align:-3px;*vertical-align:3px}
input[type=checkbox],.input_checkbox{width:13px;height:13px;vertical-align:-3px;*vertical-align:3px}

/* Btn Style */
.btn_area{width: 100%;padding: 15px 0;text-align: center;}
.btn_normal{display:inline-block;height:26px;margin:10px 0;padding:0 20px;border:1px solid #0079CA;background-color:#fff;box-shadow:0 2px 1px 0 rgba(0,0,0,0.1);font-weight:bold;color:#000;line-height:26px;text-decoration:none;-webkit-transition:all .2s ease;-moz-transition:all .2s ease}
.btn_normal:hover{border-color:#0079CA;background-color:#0079CA;color:#fff}
/* button */
.buttons{clear:both;padding:7px 0;}
a.ndbutton, .ndbutton{display:inline-block;cursor:pointer;position:relative;margin-right:10px;padding:3px 12px 2px;border:solid 1px #dcdcdc;border-radius:2px;background:#fafbf9;font-size:11px;font-family:dotum;letter-spacing:-1px;color:#676767;text-decoration:none;-webkit-transition:border-color .218s;-moz-transition:border .218s;-o-transition:border-color .218s;transition:border-color .218s;-webkit-border-radius:1px;-moz-border-radius:1px;}
a.ndbutton:hover,  .ndbutton:hover{border-color:#999;color:#333;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.2) -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.15);text-decoration:none;}
a.ndbutton:active{border-color:#444;color:#000}
a.ndbutton .write{background:transparent url(/bbs/images/common/iconWrite.gif) 50% 40% no-repeat;width:30px;display:inline-block;*display:inline}
input.ndbutton{padding:6px 12px;}
a.left{margin:0;border-top-right-radius:0;border-bottom-right-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0}
a.middle{margin:0;border-radius:0;border-left:solid 1px #f3f3f3;border-left:solid 1px rgba(255,255,255,0);-webkit-border-radius:0;-moz-border-radius:0}
a.middle:hover,a.right:hover{border-left:solid 1px #999}
a.right{border-top-left-radius:0;border-bottom-left-radius:0;border-left:solid 1px #f3f3f3;border-left:solid 1px rgba(255,255,255,0);-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0}
a.big{padding:10px 15px;font-size:16px}
a.supersize{padding:15px 20px;font-size:20px}

/* *********************************** progress bar *********************************** */
.progress{overflow:hidden;height:25px;border-right:1px solid #e3e3e3;background:url(/bbs/images/common/bg_progress.gif);line-height:15px;font-size:11px;letter-spacing:-1px}
.progress .tit{float:left;position:relative;z-index:1000;width:74px;height:20px;margin:0;padding:5px 0 0;background:url(/bbs/images/common/bg_progress_tit.gif) no-repeat;line-height:15px;color:#fff;text-align:center}
.progress ol{float:left;margin:0;padding:0;list-style:none;}
.progress li,.progress li span{background:url(/bbs/images/common/bg_progress_item.gif) no-repeat;white-space:nowrap}
.progress li{float:left;margin:0 0 0 -13px;padding:0 0 0 13px;background-position:-287px 0}
.progress li span{display:inline-block;height:20px;padding:5px 28px 0 13px;background-position:100% top;font-size:11px}
.progress li.on{position:relative;z-index:10;background-position:0 100%;color:#fff}
.progress li.on span{background:url(/bbs/images/common/bg_progress_item.gif) no-repeat 100% 100%;color:#fff}
.progress li.last,.progress li.last span{background:none}
.progress .right{position:absolute;top:6px;right:10px;color:#444}

/* tab content */
.tab_container {border: 1px solid #bec8d9;border-top: none;clear: both;	float: left; width: 100%;background: #fff;}
.tab_content {padding: 20px 0;line-height:170%;clear:both;}
.tab_content strong{color:#019dd0;font-weight:bold;letter-spacing:-1px;}
.tab_content h2 {font-weight: normal;border-bottom: 1px dashed #ddd;font-size: 1.8em;padding:0 0 15px 21px;margin:0;}
.tab_content h3 a{color: #254588;}
.tab_content .imgholder{text-align:center;padding:15px}

/* *********************************** table *********************************** */
.tbl_type{border-top:1px solid #ccc;text-align:center}
.tbl_type caption{padding:5px 0 5px 15px;background:url(/bbs/images/common/iconAdd.gif) 0 11px no-repeat;font-weight:bold;font-size:13px;color:#333;text-align:left}
.tbl_type th{padding:.8em 1em;border-bottom:1px solid #ededed;background-color:#fafbf9;font-weight:normal;font-size:11px;font-family:dotum;color:#999}
.tbl_type td{padding:.6em 1em;border-bottom:1px solid #ededed}
.tbl_type td.bold{font-weight:bold;color:#09F}
.tbl_type .info{float:right;padding-right:10px;font-size:11px;color:#CCC}
.tbl_type .somb2_{float:left;padding:0 6px 6px 0}
.tbl_type .somb2_ a img{border:1px solid #f2f3f4}
.tbl_type .somb2_ a:hover img{border:1px solid #ddd}
.tbl_type .wztext{padding-top:7px}
.tbl_type .wztext a{color:#555}
.tbl_type .wztext a:hover{color:#000}
.tbl_type .wztext b{font-family:tahoma,arial;font-weight:normal;color:#4f77c0}
.tbl_type .txt_l{text-align:left}
.tbl_type .txt_r{text-align:right}

.tbl_type2 {border:1px solid #d3d3d3; background:#fefefe;}
.tbl_type2 th, .tbl_type2 td {padding:18px 28px 18px; text-align:center; }
.tbl_type2 th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}
.tbl_type2 td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.tbl_type2 tr.odd-row td {background:#f6f6f6;}
.tbl_type2 td.first, .tbl_type2 th.first {text-align:left} 
.tbl_type2 td.last {border-right:none;}  
/*Background gradients are completely unnecessary but a neat effect.*/  
.tbl_type2 td {background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));}
.tbl_type2 tr.odd-row td {background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));}
.tbl_type2 th {background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));}  
/*I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements.
And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it.*/  
.tbl_type2 tr:first-child th.first {-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px; /* Saf3-4 */}  
.tbl_type2 tr:first-child th.last { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; /* Saf3-4 */}  
.tbl_type2 tr:last-child td.first {-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px; /* Saf3-4 */}  
.tbl_type2 tr:last-child td.last { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; /* Saf3-4 */}


.table2{width:100%;border:1px solid #ededed;border-bottom:1px solid #ddd;background:#fafbf9;text-align:left}
.table2 th{padding:8px 10px;border-bottom:1px solid #f7f7f7;font-weight:normal;color:#999}
.table2 td{padding:5px 10px;border-bottom:1px solid #f7f7f7;background:#fff;color:#666}
.table2 .required{color:#519ac7}
.table2 .info{font-size:11px;color:#95b2cf;letter-spacing:-1px}
.table2 b{color:#519ac7}

.spec{width:100%;border:1px solid #ededed;border-bottom:1px solid #ddd;background:#fafbf9;text-align:left}
.spec th{padding:8px 10px;border-bottom:1px solid #ededed;font-weight:normal;color:#009f40;font-weight:bold;font-family:'Lato', '맑은 고딕',sans-serif;}
.spec td{padding:5px 10px;border-bottom:1px solid #ededed;background:#fff;color:#666;font-family:'Lato', '맑은 고딕',sans-serif;}
.table2 b{color:#519ac7}

/* *********************************** schedule *********************************** */
.schedule{width:100%;border:1px solid #ededed;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.schedule caption{padding-bottom:10px;font-weight:bold;color:#333}
.schedule thead{}
.schedule tfoot{}
.schedule th{padding:7px 8px;border-bottom:1px solid #ececec;background-color:#f8f9fa;font-size:11px;font-weight:normal;color:#999;text-align:center}
.schedule td{width:14%;min-height:70px;padding:4px 8px;border-bottom:1px dotted #ececec;border-right:1px dotted #ececec;font-size:11px;color:#999;vertical-align:top}
.schedule td.bg1{background:#fff}
.schedule td.bg2{background:#f9f9f9}
.schedule td.bg3{border:1px solid #F90}
.schedule td a.s_red{font-family:Verdana,Arial,Helvetica,sans-serif;color:#F00}
.schedule td a.s_cyan{font-family:Verdana,Arial,Helvetica,sans-serif;color:#254ca7}
.schedule td a.s_black{font-family:Verdana,Arial,Helvetica,sans-serif;color:#333}

#sch_info{font-family:arial;}
.schedule_mini{margin:0 auto;padding:0;list-style:none;padding-top:4px;width:332px;}
.schedule_mini li{display:inline_block;float:left;width:13%;height:20px;border:1px solid #ededed;margin-left:-1px;margin-top:-1px;background:#fff;font-size:10px;font-family:arial;color:#aaa;text-align:center}
.schedule_mini li.selected{background:#d1e7e7;color:#4f9191;cursor:pointer}
.schedule_mini li.red{color:#F30}
.schedule_mini li.blue{color:#4a9ae4}
#sch_write_Layer,#sch_read_Layer{display:none;overflow-y:auto;overflow-x:hidden;position:absolute;z-index:10000;height:440px;width:600px;padding:20px;border:10px solid #8dc1e1;border-radius:2em;background:#fafbf9;box-shadow:2px 2px 10px #444}
/* *********************************** others *********************************** */
#waitingforserverresponse{display:inline;visibility:hidden;position:absolute;top:40px;left:40px;z-index:100;padding:15px 20px 13px;border:2px solid #444;background-color:#FFF;font-weight:bold;color:#444}
#fororiginalimageareabg{position:relative;top:0;left:0;z-index:1001;width:100%;height:100%;border:8px solid #DDD;background-color:#FFF}
#fororiginalimagearea{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;margin:0;padding:0;text-align:left}
#fororiginalimagearea2{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;z-index:900;width:100%;height:100%;margin:0;padding:0;background:#fff;text-align:left;filter:alpha(opacity=60)}
#fororiginalimage{z-index:1002}
#fororiginalimageareabg .moreinfo{padding-top:9px;font-size:11px;font-weight:dotum;letter-spacing:-1px}
#closeOriginalImageBtn{position:absolute;top:5px;right:8px;z-index:1003;width:50px;height:12px;cursor:pointer}
#popup_menu_area{visibility:hidden;position:absolute;top:0;left:0;z-index:1003;padding:0;border:2px solid #D9D9D9;background-color:#FFF}
#popup_menu_area .box{padding:7px;border:1px solid #CACACA;background-color:#FFF;line-height:22px}
#popup_menu_area .item{height:22px;margin:0;padding:3px 0;color:#333;white-space:nowrap;cursor:pointer}
#popup_menu_area .item_on{height:22px;margin:0;padding:3px 0;font-weight:bold;color:#333;letter-spacing:-1px;white-space:nowrap;cursor:pointer}

.img_box{margin-bottom:10px;border:1px solid #ededed;background:#fff}
.add_msg{padding:4px 15px;border:1px dotted #D2FFFF;background:#F0FFFF;font-size:11px;letter-spacing:-1px}

/* *********************************** pagenate *********************************** */
.paginate{padding:15px 0;text-align:center;clear:both;}
.paginate *{margin:0;padding:0}
.paginate a,.paginate strong{display:inline-block;_position:relative;margin-right:-6px;padding:3px 10px 2px 11px;background:#fff url(/bbs/images/common/line_v2.gif) no-repeat 0 5px;line-height:normal;font:bold 11px Tahoma,Serif;color:#333;text-decoration:none !important}
.paginate strong{color:#ff1315 !important}
.paginate a:hover,.paginate a:active,.paginate a:focus{background-color:#f7f7f7}
.paginate a.pre,.paginate a.pre_end,.paginate a.next,.paginate a.next_end{font:11px '',Dotum,'',Gulim,AppleGothic,Sans-serif}
.paginate a.pre{padding:4px 10px 2px 17px;background:url(/bbs/images/common/bu_pg4_l1.gif) no-repeat right 4px !important}
.paginate a.pre_end{padding:4px 10px 2px 16px;background:url(/bbs/images/common/bu_pg4_l2.gif) no-repeat right 4px !important}
.paginate a.next{padding:4px 18px 2px 11px;background:url(/bbs/images/common/bu_pg4_r1.gif) no-repeat left 4px !important}
.paginate a.next_end{padding:4px 16px 2px 9px;background:url(/bbs/images/common/bu_pg4_r2.gif) no-repeat left 4px !important}

/* ****************** selectbox jquery ***************** */
span.customStyleSelectBox{padding:1px 4px;border:1px solid #ddd;background-color:#fff;background:#fff url(/bbs/images/common/selectBox_spr.gif) no-repeat center right;color:#5F5F5F}
span.customStyleSelectBox.changed{background-color:#f2f3f4}
.customStyleSelectBoxInner{white-space:nowrap}
.customStyleSelectBorderStrong{border-color:#000}

.tipsy{position:absolute;z-index:100000;padding:5px;font-size:11px}
.tipsy-inner{max-width:200px;padding:3px 6px;background-color:#000;color:#fff;text-align:center}

/* tipsy */
.tipsy-inner{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.tipsy-arrow{position:absolute;width:0;height:0;border:5px dashed #000;line-height:0}
.tipsy-arrow-n{border-bottom-color:#000}
.tipsy-arrow-s{border-top-color:#000}
.tipsy-arrow-e{border-left-color:#000}
.tipsy-arrow-w{border-right-color:#000}
.tipsy-n .tipsy-arrow{top:0;left:50%;margin-left:-5px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}
.tipsy-nw .tipsy-arrow{top:0;left:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}
.tipsy-ne .tipsy-arrow{top:0;right:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}
.tipsy-s .tipsy-arrow{left:50%;bottom:0;margin-left:-5px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}
.tipsy-sw .tipsy-arrow{left:10px;bottom:0;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}
.tipsy-se .tipsy-arrow{right:10px;bottom:0;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}
.tipsy-e .tipsy-arrow{top:50%;right:0;margin-top:-5px;border-left-style:solid;border-right:none;border-top-color:transparent;border-bottom-color:transparent}
.tipsy-w .tipsy-arrow{top:50%;left:0;margin-top:-5px;border-right-style:solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent}

#page_content h2{padding-bottom:6px;text-indent:0;background:none}
#demo a{margin-right:5px;border:0}
#examples{margin-left:15px;padding-top:5px}
#examples img{margin:3px 7px 3px 7px}
#examples a,#examples img{border:0}

#lean_overlay { position: fixed;z-index:100; top: 0px;left: 0px; height:100%;width:100%; background: #fff; display: none;}
.leanmodal_layer{display:none;z-index:101;}
.leanmodal_layer {width: 700px;padding: 50px 30px 30px 30px;display:none;background: #FFF;border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius: 10px;box-shadow: 5px 5px 20px rgba(0,0,0,0.1); -webkit-box-shadow: 5px 5px 20px rgba(0,0,0,0.1); -moz-box-shadow: 5px 5px 20px rgba(0,0,0,0.1);}       
.leanmodal_layer p { color: #666; text-shadow: none;width:100%;min-height:400px;}
.leanmodal_layer .modal_close { position: absolute; top: 12px; right: 30px; display: block; width: 14px; height: 14px;z-index: 2; }