@charset "utf-8";
/* CSS Document */

@import url(layout.css);
@import url(contents.css);
@import url(theme.css);
@import url(menu.css);
/* 10.21 민경 수정*/
#pop_opening #pop_opening_top .opening_tit2 { position: absolute; left: 128px; top: 126px;}
#pop_opening #pop_opening_top .opening_log { position:absolute; left:200px; top:34px;}
#pop_opening #pop_opening_top .opening_txt2 { position: absolute; left: 106px; top: 304px; }
/*border*/
.borT_none { border-top:none !important; }

/* base */
html { height: 100%; overflow-y: scroll; }
* { margin: 0; padding: 0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }
body{ height: 100%; font-size: 12px; color: #777; font-family: Arial; line-height:18px; }

table { border-collapse: collapse; border-spacing: 0; }
legend, caption { visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
select { font-size: 11px; }
ol,ul,li { list-style-type: none; }
a { font-size: 1em; color: #777; text-decoration: none; }
a:hover { font-size: 1em; color: #f7941d; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; line-height: 1em; }

/* common */
/* png 투명화 처리 */
.png24 {tmp:expression(setPng24(this));}

/* form */
/* 0119 input box type 수정 */
/* css3 */
input[type="text"],
input[type="password"]{ height: 17px; border: 1px solid #ccc; }
/* for ie6 */
input { 
height: expression((type=='text'||type=='password') ? '17px': 'inherit'); 
border: expression((type=='text'||type=='password') ? '1px solid #ccc': 'inherit'); 
}

/* total */
.block { display: block; }
.inline { display: inline; }
.none { display: none; }
.bul_dot { padding-left: 9px; background: url(/images/com/icon/bul_pop_dot.gif) no-repeat left top; }
.bul_dot2 { padding-left: 9px; background: url(/images/com/icon/bul_pop_dot.gif) no-repeat left 4px; }
.bul_billiard { padding-left: 5px; background: url(/images/com/icon/bul_billiards.gif) no-repeat left 3px; color: #777; }
.bul_billiard2 { padding-left: 15px; background: url(/images/com/icon/bul_billiards.gif) no-repeat left 3px; color: #777; }
.bul_billiard3 { padding-left: 35px; background: url(/images/com/icon/bul_billiards02.gif) no-repeat 22px 4px; font-size: 12px; color: #dc8b83; }
.bul_billiard4 {  padding-left: 15px; background: url(/images/com/icon/bul_billiards02.gif) no-repeat 0 3px; font-size: 12px; color: #dc8b83; }
.text_input { height: 17px; border: 1px solid #ccc; }
.bul_gold_dot { width: 632px; padding-left: 20px; background: url(/images/com/bg/bg_dot_gold.gif) no-repeat 14px 6px; }
.bul_gold_dot2 { width: 632px; padding-left: 20px; background: url(/images/com/bg/bg_dot_gold.gif) no-repeat 14px 8px; }
.bul_underline { padding-left: 8px; background: url(/images/com/icon/bul_under_line.gif) no-repeat left 4px; }
.posR { position:relative; }
.posA { position:absolute; }

/* 정렬 */
.pointer { cursor: pointer; }
.alignL { text-align: left; }
.alignC { text-align: center }
.alignR { text-align: right; }
.valignT { vertical-align: top; }
.valignB { vertical-align: bottom; }
.valignTT { vertical-align: text-top; }
.valignM { vertical-align: middle; }
.valignTB { vertical-align: text-bottom; }
.talignC { text-align: center; }
.talignL { text-align: left; }
.talignR { text-align: right; }
.valignT_all *{ vertical-align: top; }
.valignM_all * { vertical-align: middle; }
.btn_pos_R { width: 100%; text-align: right; }
.bul_slice_bar { padding-left: 8px; background: url(/images/com/icon/bul_slice_bar.gif) no-repeat left top; font-size: 11px; color: #777; }
.intro_bul_red { padding-left: 10px; background: url(/images/com/icon/bul_red_arrow.gif) no-repeat left 3px; color: #333; }

.overflowH { overflow:hidden; }

/* float */
.clear { clear: both; height: 0; overflow: hidden; font-size: 0; line-height: 0; }
.left { float: left; }
.right { float: right; }

/* width/height */
.width100P { width: 100%; }
.height100P { height: 100%; }
.W66 { width: 66px; }
.W81 { width: 81px; }
.W87 { width: 87px; }
.W107 { width: 107px; }
.W127 { width: 127px; }
.W150 { width: 150px; }
.W169 { width: 169px; }
.W172 { width: 172px; }
.W178 { width: 178px; }
.W180 { width: 180px; }
.W200 { width: 200px; }
.W220 { width: 220px; }
.W258 { width: 258px; }
.W282 { width: 282px; }
.W300 { width: 300px; }
.W428 { width: 428px; }
.h67 { height:67px; }

/* font 설정 */
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font_bbe { color: #bbeb3f; }
.font_black { color: #000; }
.font_da { color: #dadada; }
.font_333 { color: #333; }
.font_555 { color: #555; }
.font_666 { color: #666; }
.font_777 { color: #777; }
.font_888 { color: #888; }
.font_999 { color: #999; }
.font_8d { color:#8d8d8d; } 
.font_dc4 { color: #dc4e41; }
.line_1em { line-height: 1em; }
.line_2em { line-height: 1.2em; }
.line_3em { line-height: 1.3em; }
.line12 { line-height: 12px; }
.line15 { line-height: 15px; }
.bold { font-weight:bold; }


/* margin */
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt6 { margin-top: 6px; }
.mt7 { margin-top: 7px; }
.mt8 { margin-top: 8px; }
.mt9 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt11 { margin-top: 11px; }
.mt12 { margin-top: 12px; }
.mt13 { margin-top: 13px; }
.mt14 { margin-top: 14px; }
.mt15 { margin-top: 15px; }
.mt16 { margin-top: 16px; }
.mt17 { margin-top: 17px; }
.mt18 { margin-top: 18px; }
.mt19 { margin-top: 19px; }
.mt20 { margin-top: 20px; }
.mt21 { margin-top: 21px; }
.mt22 { margin-top: 22px; }
.mt23 { margin-top: 23px; }
.mt24 { margin-top: 24px; }
.mt25 { margin-top: 25px; }
.mt26 { margin-top: 26px; }
.mt27 { margin-top: 27px; }
.mt28 { margin-top: 28px; }
.mt29 { margin-top: 29px; }
.mt30 { margin-top: 30px; }
.mt31 { margin-top: 31px; }
.mt32 { margin-top: 32px; }
.mt33 { margin-top: 33px; }
.mt34 { margin-top: 34px; }
.mt35 { margin-top: 35px; }
.mt36 { margin-top: 36px; }
.mt37 { margin-top: 37px; }
.mt38 { margin-top: 38px; }
.mt39 { margin-top: 39px; }
.mt40 { margin-top: 40px; }
.mt41 { margin-top: 41px; }
.mt42 { margin-top: 42px; }
.mt43 { margin-top: 43px; }
.mt44 { margin-top: 44px; }
.mt45 { margin-top: 45px; }
.mt46 { margin-top: 46px; }
.mt47 { margin-top: 47px; }
.mt48 { margin-top: 48px; }
.mt49 { margin-top: 49px; }
.mt50 { margin-top: 50px; }
.mt58 { margin-top: 58px; }
.mt59 { margin-top: 59px; }
.mt64 { margin-top: 64px; }
.mt65 { margin-top: 65px; }
.mt70 { margin-top: 70px; }
.mt75 { margin-top: 75px; }
.mt97 { margin-top: 97px; }
.mt114 { margin-top: 114px; }
.mt134 { margin-top: 134px; }
.mt148 { margin-top: 148px; }
.mt154 { margin-top: 154px; }
.mt158 { margin-top: 158px; }
.mt161 { margin-top: 161px; }
.mt199 { margin-top: 199px; }

.mt_220 { margin-top: -220px; }


.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mt3 { margin-right: 3px; }
.mr4 { margin-right: 4px; }
.mr5 { margin-right: 5px; }
.mr6 { margin-right: 6px; }
.mr7 { margin-right: 7px; }
.mr8 { margin-right: 8px; }
.mr9 { margin-right: 9px; }
.mr10 { margin-right: 10px; }
.mr11 { margin-right: 11px; }
.mr12 { margin-right: 12px; }
.mr13 { margin-right: 13px; }
.mr14 { margin-right: 14px; }
.mr15 { margin-right: 15px; }
.mr16 { margin-right: 16px; }
.mr17 { margin-right: 17px; }
.mr18 { margin-right: 18px; }
.mr19 { margin-right: 19px; }
.mr20 { margin-right: 20px; }
.mr21 { margin-right: 21px; }
.mr22 { margin-right: 22px; }
.mr23 { margin-right: 23px; }
.mr24 { margin-right: 24px; }
.mr25 { margin-right: 25px; }
.mr26 { margin-right: 26px; }
.mr27 { margin-right: 27px; }
.mr28 { margin-right: 28px; }
.mr29 { margin-right: 29px; }
.mr30 { margin-right: 30px; }
.mr31 { margin-right: 31px; }
.mr32 { margin-right: 32px; }
.mr33 { margin-right: 33px; }
.mr34 { margin-right: 34px; }
.mr35 { margin-right: 35px; }
.mr36 { margin-right: 36px; }
.mr37 { margin-right: 37px; }
.mr38 { margin-right: 38px; }
.mr39 { margin-right: 39px; }
.mr40 { margin-right: 40px; }
.mr41 { margin-right: 41px; }
.mr42 { margin-right: 42px; }
.mr43 { margin-right: 43px; }
.mr44 { margin-right: 44px; }
.mr45 { margin-right: 45px; }
.mr46 { margin-right: 46px; }
.mr47 { margin-right: 47px; }
.mr48 { margin-right: 48px; }
.mr49 { margin-right: 49px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr62 { margin-right:62px; }
.mr70 { margin-right: 70px; }

.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb3 { margin-bottom: 3px; }
.mb4 { margin-bottom: 4px; }
.mb5 { margin-bottom: 5px; }
.mb6 { margin-bottom: 6px; }
.mb7 { margin-bottom: 7px; }
.mb8 { margin-bottom: 8px; }
.mb9 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb11 { margin-bottom: 11px; }
.mb12 { margin-bottom: 12px; }
.mb13 { margin-bottom: 13px; }
.mb14 { margin-bottom: 14px; }
.mb15 { margin-bottom: 15px; }
.mb16 { margin-bottom: 16px; }
.mb17 { margin-bottom: 17px; }
.mb18 { margin-bottom: 18px; }
.mb19 { margin-bottom: 19px; }
.mb20 { margin-bottom: 20px; }
.mb21 { margin-bottom: 21px; }
.mb22 { margin-bottom: 22px; }
.mb23 { margin-bottom: 23px; }
.mb24 { margin-bottom: 24px; }
.mb25 { margin-bottom: 25px; }
.mb26 { margin-bottom: 26px; }
.mb27 { margin-bottom: 27px; }
.mb28 { margin-bottom: 28px; }
.mb29 { margin-bottom: 29px; }
.mb30 { margin-bottom: 30px; }
.mb31 { margin-bottom: 31px; }
.mb32 { margin-bottom: 32px; }
.mb33 { margin-bottom: 33px; }
.mb34 { margin-bottom: 34px; }
.mb35 { margin-bottom: 35px; }
.mb36 { margin-bottom: 36px; }
.mb37 { margin-bottom: 37px; }
.mb38 { margin-bottom: 38px; }
.mb39 { margin-bottom: 39px; }
.mb40 { margin-bottom: 40px; }
.mb41 { margin-bottom: 41px; }
.mb42 { margin-bottom: 42px; }
.mb43 { margin-bottom: 43px; }
.mb44 { margin-bottom: 44px; }
.mb45 { margin-bottom: 45px; }
.mb46 { margin-bottom: 46px; }
.mb47 { margin-bottom: 47px; }
.mb48 { margin-bottom: 48px; }
.mb49 { margin-bottom: 49px; }
.mb50 { margin-bottom: 50px; }
.mb100 { margin-bottom: 100px; }

.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml3 { margin-left: 3px; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml6 { margin-left: 6px; }
.ml7 { margin-left: 7px; }
.ml8 { margin-left: 8px; }
.ml9 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml11 { margin-left: 11px; }
.ml12 { margin-left: 12px; }
.ml13 { margin-left: 13px; }
.ml14 { margin-left: 14px; }
.ml15 { margin-left: 15px; }
.ml16 { margin-left: 16px; }
.ml17 { margin-left: 17px; }
.ml18 { margin-left: 18px; }
.ml19 { margin-left: 19px; }
.ml20 { margin-left: 20px; }
.ml21 { margin-left: 21px; }
.ml22 { margin-left: 22px; }
.ml23 { margin-left: 23px; }
.ml24 { margin-left: 24px; }
.ml25 { margin-left: 25px; }
.ml26 { margin-left: 26px; }
.ml27 { margin-left: 27px; }
.ml28 { margin-left: 28px; }
.ml29 { margin-left: 29px; }
.ml30 { margin-left: 30px; }
.ml31 { margin-left: 31px; }
.ml32 { margin-left: 32px; }
.ml33 { margin-left: 33px; }
.ml34 { margin-left: 34px; }
.ml35 { margin-left: 35px; }
.ml36 { margin-left: 36px; }
.ml37 { margin-left: 37px; }
.ml38 { margin-left: 38px; }
.ml39 { margin-left: 39px; }
.ml40 { margin-left: 40px; }
.ml41 { margin-left: 41px; }
.ml42 { margin-left: 42px; }
.ml43 { margin-left: 43px; }
.ml44 { margin-left: 44px; }
.ml45 { margin-left: 45px; }
.ml46 { margin-left: 46px; }
.ml47 { margin-left: 47px; }
.ml48 { margin-left: 48px; }
.ml49 { margin-left: 49px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml65 { margin-left: 65px; }
.ml69 { margin-left: 69px; }
.ml70 { margin-left: 70px; }
.ml86 { margin-left: 86px; }
.ml119 { margin-left:119px; }
.ml124 { margin-left: 124px; }
.ml130 { margin-left: 130px; }/*smk*/
.ml150 { margin-left: 150px; }
.ml146 { margin-left: 146px; }
.ml170 { margin-left: 170px; }
.ml180 { margin-left: 180px; }
.ml190 { margin-left: 190px; }
.ml206 { margin-left: 206px; }
.ml247 { margin-left: 247px; }

.pt1 { padding-top: 1px; }
.pt2 { padding-top: 2px; }
.pt3 { padding-top: 3px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt6 { padding-top: 6px; }
.pt7 { padding-top: 7px; }
.pt8 { padding-top: 8px; }
.pt9 { padding-top: 9px; }
.pt10 { padding-top: 10px; }
.pt11 { padding-top: 11px; }
.pt12 { padding-top: 12px; }
.pt13 { padding-top: 13px; }
.pt14 { padding-top: 14px; }
.pt15 { padding-top: 15px; }
.pt16 { padding-top: 16px; }
.pt17 { padding-top: 17px; }
.pt18 { padding-top: 18px; }
.pt19 { padding-top: 19px; }
.pt20 { padding-top: 20px; }

/* padding값 - mk 11.20*/
.pl1 { padding-left: 1px; }
.pl2 { padding-left: 2px; }
.pl3 { padding-left: 3px; }
.pl4 { padding-left: 4px; }
.pl5 { padding-left: 5px; }
.pl6 { padding-left: 6px; }
.pl7 { padding-left: 7px; }
.pl8 { padding-left: 8px; }
.pl9 { padding-left: 9px; }
.pl10 { padding-left: 10px; }
.pl11 { padding-left: 11px; }
.pl12 { padding-left: 12px; }
.pl13 { padding-left: 13px; }
.pl14 { padding-left: 14px; }
.pl15 { padding-left: 15px; }
.pl16 { padding-left: 16px; }
.pl17 { padding-left: 17px; }
.pl18 { padding-left: 18px; }
.pl19 { padding-left: 19px; }
.pl20 { padding-left: 20px; }
.pl125 { padding-left: 125px; }

.pr1 { padding-right: 1px; }
.pr2 { padding-right: 2px; }
.pr3 { padding-right: 3px; }
.pr4 { padding-right: 4px; }
.pr5 { padding-right: 5px; }
.pr6 { padding-right: 6px; }
.pr7 { padding-right: 7px; }
.pr8 { padding-right: 8px; }
.pr9 { padding-right: 9px; }
.pr10 { padding-right: 10px; }
.pr11 { padding-right: 11px; }
.pr12 { padding-right: 12px; }
.pr13 { padding-right: 13px; }
.pr14 { padding-right: 14px; }
.pr15 { padding-right: 15px; }
.pr16 { padding-right: 16px; }
.pr17 { padding-right: 17px; }
.pr18 { padding-right: 18px; }
.pr19 { padding-right: 19px; }
.pr20 { padding-right: 20px; }
.pr32 { padding-right: 32px; }
.pr38 { padding-right: 38px; }
.pr41 { padding-right: 41px; }

/* color */
.Cff0000 { color: #ff0000 !important; }
.C000 { color: #000 !important; }

/* background */
.back_none { background: none !important; }
/*float 해제*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}  /* for IE/Mac */
</style>
<!--[if IE]>
<style type="text/css">
.clearfix {
zoom: 1;     /* triggers hasLayout */
display: block;     /* resets display for IE/Win */
}  /* Only IE can see inside the conditional comment
and read this CSS rule. Don't ever use a normal HTML
comment inside the CC or it will close prematurely. */
</style>
<![endif]-->


