@charset "utf-8";

/* 웹폰트 CSS */
@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:400;
/* 	src:url(/font/NanumGothicRegular.eot); */
	src:url(/font/nanumgothic/NanumGothic.eot?#iefix) format('embedded-opentype'),
/* 		url(/font/NanumGothicRegular.woff2) format('woff2'), */
		url(/font/nanumgothic/NanumGothic.woff) format('woff'),
		url(/font/nanumgothic/NanumGothic.ttf) format('truetype');
}
@font-face { 
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:700;
/* 	src:url(/font/NanumGothicBold.eot); */
	src:/* url(/font/NanumGothicBold.eot?#iefix) format('embedded-opentype'), */
/* 		url(/font/NanumGothicBold.woff2) format('woff2'), */
		url(/font/nanumgothic/NanumGothicBold.woff) format('woff'),
		url(/font/nanumgothic/NanumGothicBold.ttf) format('truetype');
}
@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:800;
/* 	src:url(/font/NanumGothicExtraBold.eot); */
	src:/* url(/font/NanumGothicExtraBold.eot?#iefix) format('embedded-opentype'), */
/* 		url(/font/NanumGothicExtraBold.woff2) format('woff2'), */
		url(/font/nanumgothic/NanumGothicExtraBold.woff) format('woff'),
		url(/font/nanumgothic/NanumGothicExtraBold.ttf) format('truetype');
}

/* CSS 초기화 */
*, html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	-webkit-text-size-adjust: none;
	font-family: 'Nanum Gothic','dotum', serif, arial;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	outline: 0;
	vertical-align:baseline;
	word-break:break-all;
	word-wrap: break-word;
/* 	background:transparent; */
}

th, td {
	height: 25px;
	vertical-align: middle;
}


/* Reset */
/* body, h1, h2, h3, h4, h5, h6, */
/* div, p, blockquote, pre, address, */
/* ul, ol, li, dl, dt, dd, */
/* table, caption, th, td, */
/* form, fieldset, legend, */
/* hr {margin:0;padding:0;word-break:break-all;word-wrap: break-word;} */
/* h1, h2, h3, h4, h5, h6 {font-size:100%;} */
ul, ol {list-style:none;}
table {margin:0;padding:0;border-spacing:0;border:0;_border-collapse:collapse;table-layout:fixed;}
*+html table {border-collapse:collapse;}
img, fieldset, abbr, acronym {border:0;}
address, caption, cite, code, dfn, em, var {font-style:normal;font-weight:normal;}
q:before, q:after {content: '';}
/* Base */
body {color:#6d6d6d;font-size:12px;}
html,body {min-height:100%;height:100%;}
.ui-mobile-viewport .ui-body-c {text-shadow:none;}
caption, legend,
#skipNavi {width:0;height:0;line-height:0;overflow:hidden;visibility:hidden;font-size:0;}
a {color:#6d6d6d;text-decoration:none;border:none;}
a:focus, a:hover, a:active {text-decoration:none;}
label,
input.button, input.submit , input.image,
button {cursor:pointer;}
button{margin:0;padding:0;border:0;background-color:transparent;line-height:0;}
textarea, pre {overflow:auto;/* font-family: 'Malgun Gothic',맑은 고딕; */ }
.clearfix:after  {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix   {display: block;}
/* End hide from IE-mac */
.cboth {clear:both;}
.invisible {overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
.hidden{width:0;height:0;position:absolute;top:-999999em;left:-999999em;}
navigation {display:block;padding:0px;margin:0px;}


select {
	height:25px; 
	padding: 3px; 
	border:1px solid #c0c0c0; 
	vertical-align:middle;
}
input, select, button, textarea {
	color:#6d6d6d; 
	font-size:12px;
	 -webkit-border-radius:0;
	 -moz-border-radius: 0;
	 border-radius: 0;
	 vertical-align:middle;
}
input[type="text"], input[type="password"], input[type="search"], input[type="file"], input[type="number"] {
	height: 25px; 
	padding:0px 5px;  
	border: 1px solid #c0c0c0;  
	-webkit-border-radius:0; 
 	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance:none;
	-webkit-box-shadow:none;
}
.btnWrap  .alignR input.dateSet {
	height: 21px;
}
.btnWrap .alignR select {
	width:164px;
	margin-top: -4px;
}
.btnWrap .alignR.searchBoard  select {
	margin-top: 0;
}

textarea {
	padding: 10px 5px; 
	border:1px solid #c0c0c0;
}


/* etc */
.asterisk{padding-right:10px !important;background:url("/images/common/asterisk.png") no-repeat right 4px !important;}

/* gray color button */
.btnBack{display:inline-block;height:21px;line-height:21px;padding-left:4px;background:url("/images/back/button/btn-gray-left.png") no-repeat left top;font-size:11px;color:#fff;letter-spacing:0;vertical-align:middle;}
.btnBack dfn{display:block;height:100%;padding-right:6px;background:url("/images/back/button/btn-gray-right.png") no-repeat right top;}
.btnBack em{display:block;height:100%;padding-left:2px;background:url("/images/back/button/btn-gray-mid.png") repeat-x left top;font-style:normal;}
.btnBack span{display:block;padding:0 2px;}
.btnBack span:hover {cursor:pointer; color:#f0e68c;}


.import {color: #e60013;padding-right: 3px}

.fl{float:left  !important;}
.fr{float:right !important;}
.ct{text-align:center !important;}
.cl {text-align:left !important;}
.cr {text-align:right !important;}

.txtSubPointOrange {color:#e26238 !important;}
.txtSubPointOrange02 {color:#e35122 !important;}
.txtSubPointgreen {color:#468623 !important;}


.txtSubPointRed  {color:#f00000 !important;}
.txtSubPointNotice {color:#5b718c !important;}
.txtSubPointBlack {color:#000 !important;}
.pointCyber_b {color:#1971bb !important;}
.txtSubRed {color:#ec2323 !important;}
.txtSubRed02 {color:#e52b31 !important;}
.txtSubPurple {color:#b9acd6 !important;}
.txtSubPurple02 {color:#8099df !important;}


.v_m {vertical-align:middle !important;}
.v_t {vertical-align:top !important;}
.v_b {vertical-align:bottom !important;}

.font_b {font-weight:bold !important;} 
.font_n {font-weight:normal !important;} 

.pd-0 {padding:0 !important;}
.pdb-0 {padding-bottom:0 !important;}
.pdt-5 {padding:5px 0 0 0 !important;}
.pd-b20 {padding-bottom:20px !important;}
.pd-b30 {padding-bottom:30px !important;}
.pd-b40 {padding-bottom:40px !important;}
.bor_no {border:none !important;}
.bor_le {border-left:none !important;}
.bor_t {border-top:none !important;}
.bg_none {background:none !important;}

.over_h {overflow:hidden;}	
.over_ys {overflow-y:scroll;}

.imgResponsive {
	display: block;
	max-width: 100%;
	height: auto;
	margin:0 auto;
}

.wrapSubBDel {position:relative;}
.wrapSubBDel a {position:Absolute;top:5px;margin-left:5px;display:block;}

input[type="text"], textarea {
	-webkit-ime-mode:active; 
	-moz-ime-mode:active; 
	-ms-ime-mode:active; 
	ime-mode:active; 
}



/** margin 설정 **/
.mg-0 {margin:0 !important;}
.mgt5{margin-top:5px !important;}
.mg-a10{margin:10px !important;}
.mgt10 {margin:10px !important;}
.mg-20 {margin:20px !important;}
.mgt-15 {margin:15px 0 !important;}
.mgt25{margin-top:25px !important;}
.mg-30 {margin:30px !important;}
.mg-40 {margin:40px !important;}
.mg-50 {margin:50px !important;}
.mg-t0 {margin-top:0 !important;}
.mg-t5 {margin-top:5px !important;}
.mg-t10 {margin-top:10px !important;}
.mg-t15 {margin-top:15px !important;}
.mg-t20 {margin-top:20px !important;}
.mg-t25 {margin-top:25px !important;}
.mg-t30 {margin-top:30px !important;}
.mg-t40 {margin-top:40px !important;}
.mg-t50 {margin-top:50px !important;}
.mg-t60 {margin-top:60px !important;}
.mg-t100 {margin-top:100px !important;}
.mg-b0 {margin-bottom:0 !important;}
.mg-b5 {margin-bottom:5px !important;}
.mg-b10 {margin-bottom:10px !important;}
.mg-b20 {margin-bottom:20px !important;}
.mg-b30 {margin-bottom:30px !important;}
.mg-b40 {margin-bottom:40px !important;}
.mg-b50 {margin-bottom:50px !important;}
.mg-l0 {margin-left:0 !important;}
.mg-l10 {margin-left:10px !important;}
.mg-l15 {margin-left:15px !important;}
.mg-l20 {margin-left:20px !important;}
.mg-l30 {margin-left:30px !important;}
.mg-l40 {margin-left:40px !important;}
.mg-l50 {margin-left:50px !important;}
.mg-l60 {margin-left:60px !important;}
.mg-r0 {margin-right:0 !important;}
.mg-r5 {margin-right:5px !important;}
.mg-r10 {margin-right:10px !important;}
.mg-r15 {margin-right:15px !important;}
.mg-r20 {margin-right:20px !important;}
.mg-r30 {margin-right:30px !important;}
.mg-r40 {margin-right:40px !important;}
.mg-r50 {margin-right:50px !important;}
.mg-r60 {margin-right:60px !important;}
.mg-r80 {margin-right:80px !important;}


.btnWrap {position:relative;min-height:24px;}
.btnWrap .alignR {position:absolute;top:0;right:0px;}
.btnWrap .alignL {position:absolute;top:0;left:0;}

.wrapPopBtn {display:table;margin:0 auto;}


.list_cont{position:relative; padding:0 20px; width: 100%;}
/*.list_cont .list_cont_fl{width:48%; float:left;}
.list_cont .list_cont_fr{position: absolute;top: 0;right: 200px;width: 40%;}
*/
.list_cont_fl{float:left; width: 48%;}
.list_cont_fl_role{float:left; width: 20%;}
.list_cont_fr {float:left;width:47%;background:url('/images/pc/template/common/dot-bg.gif') left repeat-y;padding-left:10px;margin-left: 10px;min-height: 480px;}

.fl01{height:235px;}

.starWrap{display:inline-block;width:100px;height:20px;background:url("/images/pc/common/mngs/starlengthIcoBg.png") 0px 0px no-repeat;}
.starWrap span.point {display:block;height:20px;overflow:hidden;background:url("/images/pc/common/mngs/starlengthIco.png") 0 0px no-repeat;text-indent:-99999px;}


/*width값*/
.wid_100 {width:100% !important;}
.wid_80 {width:80% !important;}
.wid_66 {width:66% !important;}
.wid_60 {width:60% !important;}
.wid_50 {width:50% !important;}
.wid_45 {width:45% !important;}
.wid_40 {width:40% !important;}
.wid_33 {width:33.3% !important;}
.wid_25 {width:25% !important;}
.wid_20 {width:20% !important;}
.wid_15 {width:15% !important;}

.wid_130 {width:130px !important;}
.wid_100p {width:100px !important;}
.wid_60p {width:60px !important;}

/*heigt값*/
.he_200p {height:200px !important;}


/* 
.iconsubNomal {display:inline-block;width:26px;line-height:15px;padding-bottom:3px;vertical-align:top;color:#fff;background:#6597ef;text-align:center;letter-spacing:-1px;font-size:11px;}
.iconsubreturn {display:inline-block;width:26px;line-height:15px;padding-bottom:3px;vertical-align:top;color:#fff;background:#106cb7;text-align:center;letter-spacing:-1px;font-size:11px;}
.iconsubNoil {display:inline-block;width:26px;line-height:15px;padding-bottom:3px;vertical-align:top;color:#fff;background:#00aa40;text-align:center;letter-spacing:-1px;font-size:11px;}
.iconsubState {display:inline-block;width:26px;line-height:15px;padding-bottom:3px;vertical-align:top;color:#fff;background:#345566;text-align:center;letter-spacing:-1px;font-size:11px;}
.iconsubCoupone {display:inline-block;width:26px;line-height:15px;padding-bottom:3px;vertical-align:top;color:#fff;background:#d21617;text-align:center;letter-spacing:-1px;font-size:11px;}
 */
 /*20151224 수정 */
.iconsubNomal {
	display:inline-block; 
	height:16px; 
	line-height:14px; 
	padding: 0 3px;
	border:solid 1px #a797dd;
	text-align:center; 
	letter-spacing:0.5px; 
	font-size:11px;
	font-weight: 700;
	color:#8a74d1; 		 
	background:#f3f1fa;
}
.iconsubreturn {
	display:inline-block; 
	height:16px; 
	line-height:16px; 
	padding: 0 3px;
	border:solid 1px #42b4ec; 
	text-align:center; 
	letter-spacing:0.5px; 
	font-size:11px;
	font-weight: 700;
	color:#039be6; 	 
	background:#e5f5fc;
}
.iconsubNoil {
	display:inline-block; 
	height:16px; 
	line-height:16px; 
	padding: 0 3px;
	border:solid 1px #4cbe86; 
	text-align:center; 
	letter-spacing:0.5px; 
	font-size:11px;
	font-weight: 700;
	color:#10a85d;  	 
	background:#e7f6ee;
}
.iconsubState {
	display:inline-block; 
	height:16px; 
	line-height:16px; 
	padding: 0 3px;
	border:solid 1px #f27080; 
	text-align:center; 
	letter-spacing:0.5px; 
	font-size:11px;
	font-weight: 700;
	color:#ee4055;
	background:#fdecee;
}
.iconsubCoupone {
	display:inline-block; 
	height:16px; 
	line-height:16px; 
	padding: 0 3px;
	border:solid 1px #efa759; 
	text-align:center; 
	letter-spacing:0.5px; 
	font-size:11px;
	font-weight: 700;
	color:#ea8921; 
	background:#fdf3e8;
}


input[type="radio"], input[type="checkbox"], label {
	vertical-align: middle;
}