/* head영역, 반응형, 공통영역 */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {   font-size:12px; font-family:나눔고딕,NanumGothic; }
div#hd_login_msg{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
div.site_top { width:100%; height:30px;  padding:0; margin:0 auto;  text-align:center; background:#f1f1f1; margin-bottom:#333; }
div.site_top > a { color:#666; padding:10px 10px 0px 10px; font-size:18px }

/* head영역 */
header { width:100%; height:auto; padding:0; margin:0 }

/* tail영역 */
footer { width:100%; min-height:50px; padding:5px 0px 0px 0px; margin:0 }

section { width:100%; margin:0; padding:0 }
img { border:0px \0/IE8+9; max-width: 100%; }

@media screen and (max-width:1279px) { div#sct_location, aside#sct_ct_1, div.sit_admin, div#sit, div.shop { width:100%; margin:0 auto; } }


div.mobile_cover { position:absolute;top:0;left:0;width:100%;height:100%;text-align:center; background:#fff;}
div.mobile_cover > div:nth-child(1) { display:inline-block;background:#fff; vertical-align:middle;padding:30px; border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
div.mobile_cover > div:nth-child(2) { display:inline-block;width:0;height:100%;vertical-align:middle}

section.layout { width:100%; height:auto; text-align:center ;padding:0px; }
section.layout p { text-align:left }
/*배경 Gridstack */
section.layout > div.grid_bg { width:100%; padding:0px; top:0px; position:absolute; }
section.layout > div.grid_bg > div  { position:absolute; display:block; overflow:hidden; float:left;  z-index:1 }

section.layout > div.grid_block { position:relative; margin:0 auto; padding:0px; top:0; }

@media all and (min-width:800px) { 
section.layout > div.grid_block { max-width:1280px }
}
@media all and(max-width:799px) {
section.layout > div.grid_block { width:100%; }
}

section.layout > div.grid_block > div { position:absolute; display:block; overflow:hidden;  float:left; 	box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;z-index:2}
section.layout > div.grid_block > div > div { width:100%; height:100%; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }

div[data-p='1'] { padding-left:0px; padding-top:10px }

div[data-p='2'] { padding-left:10px; padding-top:0px }

div[data-p='3'] { padding-left:10px; padding-top:10px }

div[data-x='0'][data-p] { padding-left:0px }
div[data-y='0'][data-p] { padding-top:0px }

div[data-width='1'] { width: 2.7777777777% }  
div[data-width='2'] { width:5.5555555554% }  
div[data-width='3'] { width:8.3333333331% }  
div[data-width='4'] { width:11.1111111108% }
div[data-width='5'] { width:13.8888888885% }
div[data-width='6'] { width:16.6666666662% }
div[data-width='7'] { width:19.4444444439% }
div[data-width='8'] { width:22.2222222216% }
div[data-width='9'] { width:24.9999999993% }
div[data-width='10'] { width:27.777777777% }
div[data-width='11'] { width:30.5555555547% }
div[data-width='12'] { width:33.3333333324% }
div[data-width='13'] { width:36.1111111101% }
div[data-width='14'] { width:38.8888888878% }
div[data-width='15'] { width:41.6666666655% }
div[data-width='16'] { width:44.4444444432% }
div[data-width='17'] { width:47.2222222209% }
div[data-width='18'] { width:49.9999999986% }
div[data-width='19'] { width:52.7777777763% }
div[data-width='20'] { width:55.555555554% }
div[data-width='21'] { width:58.3333333317% }
div[data-width='22'] { width:61.1111111094% }
div[data-width='23'] { width:63.8888888871% }
div[data-width='24'] { width:66.6666666648% }
div[data-width='25'] { width:69.4444444425% }
div[data-width='26'] { width:72.2222222202% }
div[data-width='27'] { width:74.9999999979% }
div[data-width='28'] { width:77.7777777756% }
div[data-width='29'] { width:80.5555555533% }
div[data-width='30'] { width:83.333333331% }
div[data-width='31'] { width:86.1111111087% }
div[data-width='32'] { width:88.8888888864% }
div[data-width='33'] { width:91.6666666641% }
div[data-width='34'] { width:94.4444444418% }
div[data-width='35'] { width:97.2222222195% }
div[data-width='36'] { width:100% }

div[data-x='0'] { left:0px}
div[data-x='1'] { left: 2.7777777777% }  
div[data-x='2'] { left:5.5555555554% }  
div[data-x='3'] { left:8.3333333331% }  
div[data-x='4'] { left:11.1111111108% }
div[data-x='5'] { left:13.8888888885% }
div[data-x='6'] { left:16.6666666662% }
div[data-x='7'] { left:19.4444444439% }
div[data-x='8'] { left:22.2222222216% }
div[data-x='9'] { left:24.9999999993% }
div[data-x='10'] { left:27.777777777% }
div[data-x='11'] { left:30.5555555547% }
div[data-x='12'] { left:33.3333333324% }
div[data-x='13'] { left:36.1111111101% }
div[data-x='14'] { left:38.8888888878% }
div[data-x='15'] { left:41.6666666655% }
div[data-x='16'] { left:44.4444444432% }
div[data-x='17'] { left:47.2222222209% }
div[data-x='18'] { left:49.9999999986% }
div[data-x='19'] { left:52.7777777763% }
div[data-x='20'] { left:55.555555554% }
div[data-x='21'] { left:58.3333333317% }
div[data-x='22'] { left:61.1111111094% }
div[data-x='23'] { left:63.8888888871% }
div[data-x='24'] { left:66.6666666648% }
div[data-x='25'] { left:69.4444444425% }
div[data-x='26'] { left:72.2222222202% }
div[data-x='27'] { left:74.9999999979% }
div[data-x='28'] { left:77.7777777756% }
div[data-x='29'] { left:80.5555555533% }
div[data-x='30'] { left:83.333333331% }
div[data-x='31'] { left:86.1111111087% }
div[data-x='32'] { left:88.8888888864% }
div[data-x='33'] { left:91.6666666641% }
div[data-x='34'] { left:94.4444444418% }
div[data-x='35'] { left:97.2222222195% }
div[data-x='36'] { left:100% }

/* container 영역 */
div.container { position:relative;  }

section.widget_content img { max-width:100% }
section.widget_content > p:nth-child(1) { margin: 0px }

section.mobile_menu {  width:250px;height:100%;position:fixed;background:#303030;top:0px;left:-250px;padding:0;z-index:100 }
section.mobile_menu > div > span { position:fixed; top:20px; left:20px; padding:10px; border-radius:20px; border:3px solid #fff; background:#303030; color:#fff; font-size:16px; cursor:pointer}
section.mobile_menu > div > div > ul { width:100%; }
section.mobile_menu > div > div > ul > li {min-height:40px; line-height:40px;  border-bottom:2px solid #343434; color:#A4B3BE;cursor:pointer }
section.mobile_menu > div > div > ul > li > a {color:#A4B3BE; font-size:14px; font-family:'Nanum Gothic Bold'; padding:0px 0px 0px 10px; }
section.mobile_menu > div > div > ul > li > span, ul.menu_side_sub > li > span { float:right; padding:0px 20px 0px 0px;line-height:40px;}
section.mobile_menu > div > div > ul > li:hover, ul.menu_side_sub > li:hover { background:#3498DB; }
section.mobile_menu > div > div > ul > li:hover > a, ul.menu_side_sub > li:hover > a {color:#fff }
ul.menu_side_sub { display:none }
ul.menu_side_sub > li {min-height:40px; line-height:40px;  color:#A4B3BE;cursor:pointer }
ul.menu_side_sub > li > a {color:#A4B3BE; font-size:14px; font-family:'Nanum Gothic Bold'; padding:0px 0px 0px 20px; }


div.top_move {display:none; position:fixed; right:20px; bottom:20px; width:50px; height:50px; cursor:pointer; z-index:10  }
div.top_move > span { font-size:30px; line-height:50px  }
div.la_edit { position:absolute; z-index:50; top:20px; right:20px; }

div.progresscontainer {  left:0;  width: 100%;  height: 2px;  margin-top: 0px;  position: fixed;  top: 0px;  overflow: hidden;  content: "";	display: table;	table-layout: fixed; z-index:99}
div.progressbar {  width: 0%;  float: left;  height: 100%;  z-index:99;  max-width: 100%;  background-color:#3498db;  -webkit-transition: width .2s ease;  -o-transition: width .2s ease;  transition: width .2s ease;}