@import url(mobile_main.css);
@import url(mobile_sub.css);


@font-face {
  font-family: 'NanumGothic';
	font-weight: normal; 
  font-style: normal; 
  src: url('font/NanumGothic.eot');
  src: local('NanumGothic'),  local('나눔고딕'),  url('font/NanumGothic.ttf') format('truetype');
  src: local('※'), url('font/NanumGothic.eot?iefix') format('embedded-opentype'),	url('font/NanumGothic.woff') format('woff');
}


* { margin:0; padding:0;}
html { font-size:12px;  font-family:NanumGothic, '나눔고딕', Sans-serif, Dotum, Gulim, AppleGothic; margin:0; padding:0; }
body { font-size:12px;  font-family:NanumGothic, '나눔고딕', Sans-serif, Dotum, Gulim, AppleGothic; margin:0; padding:0; width:100%; color:#555;}
div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, object, iframe  { margin: 0; padding: 0; }
/* h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th { font-weight: normal; font-style: normal; }*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
header ul, nav ul, aside ul, footer ul {margin:0;padding:0;list-style:none;}
img, fieldset, button { border:0; vertical-align:middle; }
hr, caption, legend { display:none; }
dl, ul, ol, li { list-style: none; }
a { text-decoration:none; color:#555;}
a:hover, a:active, a:focus { text-decoration:none; }

table {width:100%; border-collapse:collapse; empty-cells:show;font-size:12px;font-family:NanumGothic, '나눔고딕', Sans-serif, Dotum, Gulim, AppleGothic; }
table caption { position:absolute; visibility:hidden; width:0px; height:0px; overflow:hidden; font-size:0; line-height:0; z-index:-1; }
caption, th { text-align: left; }
table th { font-weight:bold; }
table td { text-align:left; }

input, select, textarea { font-size: 12px; vertical-align: middle; border-radius: 0; font-family:NanumGothic, '나눔고딕', Sans-serif, Dotum, Gulim, AppleGothic; }
select { border: 1px solid;border-spacing: 2px;border-color: #E5E5E5; padding: 2px; }

textarea { overflow:auto; padding: 2px 3px; border: 1px solid #ccc; width:100%;}
p {margin:0; padding:0;line-height:1.7em; text-align:left;word-break:break-all}
pre {overflow-x:scroll;font-size:1.1em}
div { border:0; }
label { cursor: pointer; vertical-align: middle; }


input[type=text], input[type=password], input[type=submit], input[type=image] { -webkit-appearance: none;}
body { margin:0; padding:0; -webkit-text-size-adjust:none;}


/*style*/
.pull-right{float:right !important;}
.pull-left{float:left !important;}
.hide{display:none !important;}
.show{display:block !important;}
.inblock{display:inline-block !important;}
.invisible{visibility:hidden;}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.text-justify {text-align: justify;}
.pointer{cursor:pointer}
.strong{font-weight:bold}
.clearBoth{clear:both}
.positionfix{position:fixed;}
.positionR{position:relative !important}
.positionA{position:absolute !important}
.valignTop{vertical-align:top !important}
.valignMiddle{vertical-align:middle !important}
.valignBottom{vertical-align:bottom !important}
.backgroundNone,.BGN{background:none !important}
.fontWeightNormal,.FWN{font-weight:normal !important}
.fontWeightBold,.FWB{font-weight:bold !important}
.borderNone{border:none !important}
.borderLeftNone,.BLN{border-left:0 none !important}
.borderRightNone,.BRN{border-right:0 none !important}
.borderTopNone,.BTN{border-top:0 none !important}
.borderBottomNone,.BBN{border-bottom:0 none !important}
.clear{clear:both;}
.margin-auto{margin:0 auto;}
.whiteSpace{white-space: pre-line;}

/* grid */
.grid_5 {width:5% !important;}
.grid_10 {width:10% !important;}
.grid_15 {width:15% !important;}
.grid_20 {width:20% !important;}
.grid_25 {width:25% !important;}
.grid_30 {width:30% !important;}
.grid_35 {width:35% !important;}
.grid_40 {width:40% !important;}
.grid_45 {width:45% !important;}
.grid_50 {width:50% !important;}
.grid_55 {width:55% !important;}
.grid_60 {width:60% !important;}
.grid_65 {width:65% !important;}
.grid_70 {width:70% !important;}
.grid_75 {width:75% !important;}
.grid_80 {width:80% !important;}
.grid_85 {width:85% !important;}
.grid_90 {width:90% !important;}
.grid_95 {width:95% !important;}
.grid_100 {width:100% !important;}

.height_5{height:5% !important;}
.height_10{height:10% !important;}
.height_15{height:15% !important;}
.height_20{height:20% !important;}
.height_25{height:25% !important;}
.height_30{height:30% !important;}
.height_35{height:35% !important;}
.height_40{height:40% !important;}
.height_45{height:45% !important;}
.height_50{height:50% !important;}
.height_55{height:55% !important;}
.height_60{height:60% !important;}
.height_65{height:65% !important;}
.height_70{height:70% !important;}
.height_75{height:75% !important;}
.height_80{height:80% !important;}
.height_85{height:85% !important;}
.height_90{height:90% !important;}
.height_95{height:95% !important;}
.height_100{height:100% !important;}


/* Global Margin */
.MarginNone,.MAN{margin:0 !important}
.PaddingNone,.PAN{padding:0 !important}

.MARGIN0{margin:0 !important}
.MARGIN5{margin:5px !important}
.MARGIN10{margin:10px !important}
.MARGIN20{margin:20px !important}
.MARGIN30{margin:30px !important}
.MARGIN40{margin:40px !important}
.MARGIN50{margin:50px !important}
.PADDING5{padding:5px !important}
.PADDING0{padding:0 !important}
.PADDING10{padding:10px !important}
.PADDING20{padding:20px !important}
.PADDING30{padding:30px !important}
.PADDING40{padding:40px !important}
.PADDING50{padding:50px !important}

.MAL0{margin-left:0 !important}
.MAL5{margin-left:5px !important}
.MAL10{margin-left:10px !important}
.MAL15{margin-left:15px !important}
.MAL20{margin-left:20px !important}
.MAL25{margin-left:25px !important}
.MAL30{margin-left:30px !important}
.MAL35{margin-left:35px !important}
.MAL40{margin-left:40px !important}
.MAL50{margin-left:50px !important}
.MAL60{margin-left:60px !important}
.MAL70{margin-left:70px !important}

.MAR0{margin-right:0px !important}
.MAR5{margin-right:5px !important}
.MAR10{margin-right:10px !important}
.MAR15{margin-right:15px !important}
.MAR20{margin-right:20px !important}
.MAR25{margin-right:25px !important}
.MAR30{margin-right:30px !important}
.MAR35{margin-right:35px !important}
.MAR40{margin-right:40px !important}
.MAR50{margin-right:50px !important}

.MAB0{margin-bottom:0px !important}
.MAB5{margin-bottom:5px !important}
.MAB10{margin-bottom:10px !important}
.MAB15{margin-bottom:15px !important}
.MAB20{margin-bottom:20px !important}
.MAB25{margin-bottom:25px !important}
.MAB30{margin-bottom:30px !important}
.MAB35{margin-bottom:35px !important}
.MAB40{margin-bottom:40px !important}
.MAB50{margin-bottom:50px !important}

.MAT0{margin-top:0 !important}
.MAT5{margin-top:5px !important}
.MAT10{margin-top:10px !important}
.MAT15{margin-top:15px !important}
.MAT20{margin-top:20px !important}
.MAT25{margin-top:25px !important}
.MAT30{margin-top:30px !important}
.MAT35{margin-top:35px !important}
.MAT40{margin-top:40px !important}
.MAT50{margin-top:50px !important}
.MAT55{margin-top:55px !important}
.MAT60{margin-top:60px !important}

.MAT-5{margin-top:-5px !important}
.MAT-10{margin-top:-10px !important}
.MAT-15{margin-top:-15px !important}
.MAT-20{margin-top:-20px !important}
.MAT-25{margin-top:-25px !important}
.MAT-30{margin-top:-30px !important}
.MAT-35{margin-top:-35px !important}
.MAT-40{margin-top:-40px !important}

.PAL0{padding-left:0px !important}
.PAL5{padding-left:5px !important}
.PAL10{padding-left:10px !important}
.PAL15{padding-left:15px !important}
.PAL20{padding-left:20px !important}
.PAL25{padding-left:25px !important}
.PAL30{padding-left:30px !important}
.PAL35{padding-left:35px !important}
.PAL40{padding-left:40px !important}
.PAL50{padding-left:50px !important}

.PAR0{padding-right:0px !important}
.PAR5{padding-right:5px !important}
.PAR10{padding-right:10px !important}
.PAR15{padding-right:15px !important}
.PAR20{padding-right:20px !important}
.PAR25{padding-right:25px !important}
.PAR30{padding-right:30px !important}
.PAR35{padding-right:35px !important}
.PAR40{padding-right:40px !important}

.PAT0{padding-top:0px !important}
.PAT5{padding-top:5px !important}
.PAT10{padding-top:10px !important}
.PAT15{padding-top:15px !important}
.PAT20{padding-top:20px !important}
.PAT25{padding-top:25px !important}
.PAT30{padding-top:30px !important}
.PAT35{padding-top:35px !important}
.PAT40{padding-top:40px !important}

.PAB0{padding-bottom:0px !important}
.PAB5{padding-bottom:5px !important}
.PAB10{padding-bottom:10px !important}
.PAB15{padding-bottom:15px !important}
.PAB20{padding-bottom:20px !important}
.PAB25{padding-bottom:25px !important}
.PAB30{padding-bottom:30px !important}
.PAB35{padding-bottom:35px !important}
.PAB40{padding-bottom:40px !important}
.PAB45{padding-bottom:45px !important}

/* Color */
.text-red{color:#dd3343;}
.text-blue{color:#315dd9;}
.text-orange{color:#ff8639;}
.text-gray{color:#808080;}
.text-ivory{color:#fffff0;}
.text-pink{color:#ffc0cb;}
.text-purple{color:#94198F;}
.text-violet{color:#ee82ee;}
.text-cyan{color:#00ffff;}
.text-skyblue{color:#87ceeb;}
.text-green{color:#4b7c28;}
.text-olive{color:#808000;}
.text-lime{color:#00ff00;}
.text-yellow{color:#e29500;}
.text-brown{color:#a52a2a;}
.text-black{color:#333;}


/*sub_title*/
#sub{width:100%; color:#555; background-color:#fff; height:100%;}
.sub_title{width:100%; height:39px; background-color:#6c6c6c; line-height:30px; }
h1{color:#fff; font-size:14px; font-weight:bold;}
.btn_option{cursor:pointer;}
.title_select{margin-bottom:10px;}
button.submit{width: 16%; height: 35px; border-radius: 3px; background-color: #666; color: #fff;}
a.submit{width: 16%; height: 35px; border-radius: 3px; background-color: #666; color: #fff;}

/*상세보기 큰타이틀*/
h2{font-size:16px; font-weight:600;}
/*분류 name : weekly*/
h3{font-size:14px; font-weight:500;}

/*테이블 탑 주황색선*/
.table-border-top{border-top:3px solid #ffb249;}

/*검정배경*/
.page_mask{position:fixed; z-index:300; left:0; right:0; top:0; bottom:0; background-color:#000; opacity:0.5; display: none;}

/* selectBox */
.selectBox {
	height:36px;font-size:14px;color:#666;margin:0;padding:0 27px 0 5px;;border:1px solid #bbb;
	border-radius:5px;background:transparent url(../../images/mobile/bg_selectbox.png)no-repeat right 50%;
	background-size:360px 35px;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
}
.mom_selectBox {
	width:49%;height:36px;font-size:14px;color:#666;margin:0;padding:0 27px 0 5px;;border:1px solid #bbb;
	border-radius:5px;background:transparent url(../../images/mobile/bg_selectbox.png)no-repeat right 50%;
	background-size:360px 35px;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
}

/* 맨위로 버튼 */
.btnTop .img_mtop {
	display: block; width: 14px; height: 16px; margin: 7px auto 0; background-position: -156px -104px; 
	background-image: url(/resources/images/mobile/img_btnTop.png); -webkit-background-size: 180px 168px; background-size: 180px 168px;
}
.btnTop {
	overflow: hidden; position: fixed; bottom: 8px; right: 15px; z-index: 999; width: 34px; height: 31px; 
	border: 1px solid rgba(0,0,0,.18); border-radius: 2px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

/* 뒤로가기 버튼 */
.btnBack .img_mback {
	display: block; width: 14px; height: 16px; margin: 7px auto 0; background-position: -155px -104px; 
	background-image: url(/resources/images/mobile/img_btnBack.png); -webkit-background-size: 180px 168px; background-size: 180px 168px;
}
.btnBack {
	overflow: hidden; position: fixed; bottom: 8px; left: 15px; z-index: 999; width: 34px; height: 31px; 
	border: 1px solid rgba(0,0,0,.18); border-radius: 2px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}	

/*
.btnTop{text-indent:-5000px;position:fixed;bottom:40px;right:15px;width:38px;height:38px;background:url("../../images/mobile/icon_top.gif") no-repeat 50% 50%;display:none;border-radius:20px;background-color:rgba(0, 0, 0, 0.90)}
.btnTop:hover{background-color:rgba(253,156,75,1.0)}
.btnBack{text-indent:-5000px;position:fixed;bottom:40px;left:15px;width:38px;height:38px;background:url("../../images/mobile/icon_back.gif") no-repeat 50% 50%;display:none;border-radius:20px;background-color:rgba(0, 0, 0, 0.90)}
*/