@charset "utf-8";

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, button {
	margin:0; outline:0; border:0; padding:0; -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; letter-spacing: -0.04em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
video { display:block; width:100% !important;}

/* common */
body, html { height:100%; font-family: Nanum Gothic, Apple SD Gothic Neo, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; color:#222; font-size:13px;}
body { background:#fff;}
ol, ul { list-style:none;}
blockquote, q { quotes:none;}
hr { display:none;}
:active, :focus { outline:0;}
a { color:#222; text-decoration:none;}
a, li, input, label, tr, textarea, .mask, button, .l_mask, .icheckbox, .iradio, .r_mask, .layer_mask { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-focus-ring-color:rgba(0, 0, 0, 0); outline:none;}
img { border:0; padding:0; outline:0;}
ins { text-decoration:none;}
del { text-decoration:line-through;}
table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
img, input, label, select { vertical-align:middle;}
.accessibility { position:absolute;left:-10000px;}
.fwn { font-weight:normal !important;}
.fsn { font-style:normal !important;}
.tdu { text-decoration:underline !important;}
.bb_gray { border-bottom:1px solid #ebebeb;}
.lh { line-height:1.5;}
.no_bb { border-bottom: 0 !important;}
h1, h2, h3, h4, h5, h6 { font-size: 13px;}

/* basic style */
.blind { position:absolute; visibility:hidden; z-index:-1;}
.clearfix:after { content:""; display:block; clear:both;}
.mask { width:100%; height:100%; position:fixed; left:0; top:0; z-index:50; background:rgba(0,0,0,.5);}
.c444 { color:#444;}
.m_img { display:none;}
.i_label { position: absolute; cursor: text;}

/* colunm SET */
.col02, .col03, .col04, .col05, .col06, .col10, .col12 { position:relative; display:box; display:-webkit-box;}
.col02:after, .col03:after, .col04:after, .col05:after, .col06:after, .col10:after, .col12:after { content:""; display:block; clear:both;}
.col02 > div, .col03 > div, .col04 > div, .col05 > div, .col06 > div, .col10 > div, .col12 > div, .col02 > ul, .col03 > ul, .col04 > ul, .col05 > ul, .col06 > ul {
	position:relative; float:left; box-orient:horizontal; -webkit-box-orient:horizontal;
}
.col02 > div, .col02 > ul { width:50%;}
.col03 > div, .col03 > ul { width:33.3%;}
.col04 > div, .col04 > ul { width:25%;}
.col05 > div, .col05 > ul { width:20%;}
.col06 > div, .col06 > ul { width:16.6%;}
.col10 > div, .col10 > ul { width:10%;}
.col12 > div, .col12 > ul { width:8.3%;}
.col02 div:last-child, .col03 div:last-child, .col04 div:last-child, .col05 div:last-child, .col06 div:last-child, .col10 div:last-child, .col12 div:last-child, .col02 li:last-child, .col03 li:last-child, .col04 li:last-child, .col05 li:last-child, .col06 li:last-child {
	box-flex:1; -webkit-box-flex:1;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../common/bg_guide.png) repeat 0 0;}
/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .3em; background: #fff; border:1px solid #ccc; border-radius: 5px;}
.ui-dialog .ui-dialog-titlebar { padding: .6em .3em .4em 1em; position: relative; background: #fc0; border:1px solid #f90; border-radius: 3px; margin-bottom: 10px;}
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; font-size: 15px;}
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-icon { display: block; width: 16px; height: 16px; background-image: url(../icon/jquery-ui.png);}
.ui-icon-closethick { background-position: -96px -128px; text-indent: -9999px;}

#remocon { position: fixed !important;}


/* align */
.pr { position:relative;}
.cb { clear:both !important;}
.fl { float:left !important;}
.fr { float:right !important;}
.db { display:block !important;}
.a_left { text-align:left !important;}
.a_cen { text-align:center !important;}
.a_right { text-align:right !important;}
.vat { vertical-align:top !important;}
.vam { vertical-align:middle !important;}
.vab { vertical-align:baseline !important;}

/* reset SET */
.m_cen { margin:0 auto !important;}
.no_pd { padding:0 !important;}
.no_ls { letter-spacing:0 !important;}
.no_bd { border:0 !important;}
.no_bb { border-bottom:none !important;}
.no_bt { border-top:none !important;}
.no_mg { margin:0 !important;}
.no_mb { margin-bottom:0 !important;}
.no_ml { margin-left:0 !important;}
.no_pb { padding-bottom:0 !important;}
.no_pt { padding-top:0 !important;}

/* margin top */
.mt_10 { margin-top:-10px !important;}
.mt00 { margin-top:0px !important;}
.mt02 { margin-top:2px !important;}
.mt05 { 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 !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt_44 { margin-top:-44px !important;}
.mt_5 { margin-top:-5px !important;}

/* margin right */
.mr00 { margin-right:0px !important;}
.mr02 { margin-right:2px !important;}
.mr04 { margin-right:4px !important;}
.mr05 { margin-right:5px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}

/* margin bottom */
.mb_1 { margin-bottom:-1px !important;}
.mb_20 { margin-bottom:-20px !important;}
.mb00 { margin-bottom:0px !important;}
.mb02 { margin-bottom:2px !important;}
.mb03 { margin-bottom:3px !important;}
.mb04 { margin-bottom:4px !important;}
.mb05 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb38 { margin-bottom:38px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb80 { margin-bottom:80px !important;}

/* margin left */
.ml_5 { margin-left:-5px !important;}
.ml00 { margin-left:0px !important;}
.ml03 { margin-left:3px !important;}
.ml05 { margin-left:5px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml28 { margin-left:28px !important;}
.ml30 { margin-left:30px !important;}
.ml40 { margin-left:40px !important;}
.ml50 { margin-left:50px !important;}

/* padding top */
.pt00 { padding-top:0px !important;}
.pt08 { padding-top:8px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt45 { padding-top:45px !important;}

/* padding right */
.pr00 { padding-right:0 !important;}
.pr02 { padding-right:2px !important;}
.pr05 { padding-right:5px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr30 { padding-right:30px !important;}

/* padding bottom */
.pb00 { padding-bottom:0px !important;}
.pb01 { padding-bottom:1px !important;}
.pb02 { padding-bottom:2px !important;}
.pb05 { padding-bottom:5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb13 { padding-bottom:13px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}

/* padding left */
.pl00 { padding-left:0 !important;}
.pl02 { padding-left:2px !important;}
.pl05 { padding-left:5px !important;}
.pl08 { padding-left:8px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl30 { padding-left:30px !important;}
