/**************************************************
	Reset
**************************************************/
html,body{width:100%;height:100%; -webkit-text-size-adjust:none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0; font-weight: 400;}
body,h1,h2,h3,h4,input,button{font-size:16px; line-height:26px; font-weight: bold;}
body{font-family: 'AritaDotum', 'Nanum Gothic', '나눔고딕', 'Dotum', sans-serif; word-break: keep-all}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section {display:block;} /* HTML5 display-role reset for older browsers */
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border: 0 none; vertical-align: top;}
ol, ul{list-style:none;}
a,span {display:inline-block; text-decoration: none;}
.cf{*zoom:1}
.cf:after {content:'';display:block;clear:both}
.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
.cb{clear:both !important}
.ac{text-align:center !important}
.al{text-align:left !important}
.ar{text-align:right !important}
.vt{vertical-align:top !important}
.vm{vertical-align:middle !important}
.vb{vertical-align:bottom !important}
.oh{overflow:hidden !important}
.cp{cursor:pointer !important}
.di{display:inline !important}
.dib{display:inline-block;display:-moz-inline-box}
.dn{display:none !important}
.db{display:block !important}
.vv{visibility:visible !important}
.vh{visibility:hidden !important}
.bbn{border-bottom:none !important}
.brn{border-right:none !important}
.bln{border-left:none !important}
.btn{border-top:none !important}
.bn, .bn td, .bn th{border:none !important}
.bgn, .bgn td, .bgn th{background:none !important} 
.fb{font-weight:bold !important}
.fn{font-weight:normal !important}
.fixed{table-layout:fixed}
.pr{position:relative !important}
.tc{text-align: center !important;}
.move{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}




/**************************************************
	Drag Effect
**************************************************/
::selection {background:#c41230; color:#ffffff; text-shadow:none;}
::-moz-selection {background:#c41230; color:#ffffff; text-shadow:none;}
::-webkit-selection {background:#c41230; color:#ffffff; text-shadow:none;} 
::-o-selection {background:#c41230; color:#ffffff; text-shadow:none;}


/* 태블릿 768 */
@media (max-width: 768px){
body,h1,h2,h3,h4,input,button{font-size:14px; line-height:22px; font-weight: bold;}
}

/**************************************************
	popup
**************************************************/

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;cursor:move;} 
.hd_pops_con {}
.hd_pops img{max-width:100%;height:auto}
.hd_pops_footer {padding:10px 0;background:#33353E;color:#A39B97;text-align:right} 
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#33353E;color:#A39B97} 
.hd_pops_footer button:hover {color:#eee}

/*
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops img{max-width:100%;height:auto}
.hd_pops_footer {padding:10px 0;background:#33353E;color:#A39B97;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#33353E;color:#A39B97}
.hd_pops_footer button:hover {color:#eee}
*/