@charset "utf-8";

/* ---------------------------------------------------
POINTWEB.co.kr
Style Markup ver1.0 2015-01-18
---------------------------------------------------- */

/* padding */
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }

.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }
.pr50 { padding-right:50px; }

.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }
.pb50 { padding-bottom:50px; }

.pl0 { padding-left:0px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }
.pl100 { padding-left:100px; }

.pppp10{padding:10px;}
.pppp15{padding:15px;}
.pppp20{padding:20px;}

/* margin */
.mt-25{margin-top:-25px !important;}
.mt-40{margin-top:-40px !important;}
.mt0 { margin-top:0px !important;}
.mt5 { margin-top:5px !important;; }
.mt10 { margin-top:10px !important;; }
.mt15 { margin-top:15px !important;; }
.mt20 { margin-top:20px !important;; }
.mt25 { margin-top:25px !important;; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }

.mr5 { margin-right:5px; }
.mr8 { margin-right:8px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }
.mr50 { margin-right:50px; }

.mb0 { margin-bottom:0; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }

.ml-20{margin-left:-20px;}
.ml-15{margin-left:-15px;}
.ml0 { margin-left:0; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }
.ml70 { margin-left:70px; }
.ma0 {margin:0 auto;}

/* width */
.wid_100p{width:100%;}
.wid_50p{width:50%;}
.wid_33p{width:33.3% !important;}
.wid_100px{width:100px;}
.wid_215px{width:215px;}
.wid_240px{width:240px;}
.wid_250px{width:250px;}
.wid_285px{width:285px;}
.wid_315px{width:315px;}
.wid_360px{width:360px;}
.wid_395px{width:395px;}
.wid_400px{width:400px}
.wid_450px{width:440px}
.wid_465px{width:465px;}
.wid_500px{width:500px;}
.wid_540px{width:540px;}
.wid_600px{width:600px;}
.wid_650px{width:650px;}
.wid_670px{width:670px;}
.wid_680px{width:680px;}
.wid_690px{width:690px;}
.wid_700px{width:700px;}
.wid_738px{width:738px;}

/* li line-height */
.lin_h30 li{line-height:30px !important}

/* float해제 */
.hig100p{height:100%;overflow:hidden;}
.flo_clear:after{display:block;clear:both;content:''}

/* font-size */
.fon_11{font-size:11px;}
.fon_12{font-size:12px;}
.fon_14{font-size:14px;}
.fon_16{font-size:16px;}

/* font-color */
.col_oran, .col_oran a{color:#ff663a;}
.col_yell{color:#ffff00;}
.col_yell2{color:#ffb93a;}
.col_blue{color:#475a9f;}
.col_blue2{color:#0066b3}
.col_green{color:#338001;}
.col_green2{color:#006600;}
.col_gray{color:#676767;}
.col_gray2{color:#777777;}
.col_gray3{color:#969696;}
.col_gray4{color:#424242;}
.col_red,.col_red a{color:#ff3e24;}
.col_red2{color:#d02a6e;}
.col_red3{color:#da737d;}
.col_purple{color:#812e80;}
.col_black{color:#000;}
.col_violet{color:#e814af;}
.col_pink{color:#cb7789;}


/* 들려쓰기 */
.txt_ind-15{text-indent:-15px}
.txt_ind15{text-indent:15px}

/* font-family */
.fon_fam_ver{font-family:"Verdana",Arial,Helvetica,sans-serif;}

/* font-weight */
.fon_bold{font-weight:bold !important;}
.fon_nor{font-weight:normal !important;}

/* letter-spacing */
.ltt_0{letter-spacing:0px}
.ltt_1{letter-spacing:-1px}

/* underline */
.dec_line{text-decoration:underline;}
.dec_line_none{text-decoration:none;}

/* line-height */
.line_h20{line-height:20px;}

/* text-align */
.txt_left{text-align:left !important;}
.txt_right{text-align:right;}
.txt_center{text-align:center !important;}

/* clear:both */
.clear_b{clear:both;}

/* float:left,right */
.flo_lt{float:left;}
.flo_rt{float:right;}

/* background-color */
.bac_blue{background-color:#ecf2fa;}
.bac_gray{background-color:#f6f6f6;}
.bac_white {background:#fff;}

/* background-image */
.bac_no{background:none;}

/* text vertical-align:middle */
.v_a_top{vertical-align:top}
.v_a_mid{vertical-align:middle}
.v_a_bot{vertical-align:bottom}

/* border */
.bor0{border:0;}
.bor2{border:2px solid #dfdfdf;}
.bor1_top{border-top:1px solid #ccc;}
.bor1_btm{border-bottom:1px solid #ccc;}
.brd1{border:1px solid #b7c0c4;}
.brd1_dotted{border-top:1px dotted #b7c0c4;}

/* display:block */
.dis_blo{display:block;}
.dis_inline{display:inline;}

/* position:relative */
.pos_rel{position:relative;}
.pos_abs{position:absolute;}

/* 테이블 tr오버 */
.tr_hover tbody tr:hover td{background:#f5f5f5;}
.tr_hover tbody tr.none td{background:none;}
.th_fon11 tbody th,.th_fon11 tfoot th{font-size:11px;}
.th_nor tbody th,.th_nor tfoot th{font-weight:normal;}
.th_bol tbody th,.th_bol tfoot th{font-weight:bold;}
.th_left tbody th{text-align:left;}
.td_left tbody td{text-align:left;}

/* table td color */
td.td_gray{color:#888888}

/* 오른쪽 버튼뛰우기 */
.btn_sbso{position:absolute;top:0;right:0;display:block;z-index:10}