@charset "utf-8";

/* ================================
	default style
=============================== */


	em,address {  font-style:normal;  }
	blockquote, q  {  quotes:none;  }
	blockquote:before, blockquote:after,q:before, q:after  {  content:'';  }

	/* form style */
	table  {  border-collapse:collapse; border-spacing:0; table-layout:fixed;  border: 0; width: 100%;}
	th  {  font-weight:Normal;  }
	legend, caption  {  width: 0;  height: 0;  visibility: hidden;  font-size: 0;  line-height: 0;}
	textarea  {  resize: vertical;  font: inherit;  overflow-y: auto; box-sizing: border-box; padding:5px 9px; border:1px solid #ccc; font-size: 14px; font-weight: 300; color: #555;}
	input, select  {  color: inherit;  font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', 'Gulim', '굴림', 'Tahoma', sans-serif; box-sizing: border-box; border: 1px solid #ccc;}

	input[type="text"], input[type="password"] {padding: 5px 9px;}
	input[type="checkbox"], input[type="radio"], label{ cursor:pointer; }
	input[type="radio"] {margin: 0; vertical-align: middle; position: relative; border:none;}
	input[type="checkbox"] {margin: 0; vertical-align: middle; position: relative; border:none;}
	button  {  margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
	a:link, a:visited, a:hover, a:active, a:focus  {  text-decoration:none; color:inherit; cursor:pointer; outline: none;  }
	button:link, button:visited, button:hover, button:active, button:focus {outline: none;}



/* ================================
	skipNavi
=============================== */
#skipNavi a {position:absolute; top:-10000px; left:0; display: block;}
#skipNavi a:focus:hover, #skipNavi a:focus, #skipNavi a:active {padding: 13px 0; width: 100%; background-color: #121212; color: #fff; font-size: 15px; text-align: center; text-decoration: underline; z-index:9999; top: 0;}

/* ================================
	common
================================ */
.hidden {text-indent: -9999px; overflow: hidden; line-height: 0; width: 0; height: 0; display: inline-block; position: absolute;}
.bttxt {margin-left: 3px; margin-right: 3px; display: inline-block; padding: 2px; line-height: 150%; color: #333;}
a.new_link {position: relative; padding-right: 28px; display: inline-block;}
a.new_link:after {content: ''; position: absolute; right: 0; top: 6px; background: url('../images/sub/ic_new_link.png') no-repeat; width: 18px; height: 18px;}

	/* margin */
	.ml0 {margin-left: 0 !important;}

	.mt10 {margin-top: 10px !important;}
	.mt50 {margin-top: 50px !important;}

	.mb0 {margin-bottom: 0 !important;}
	.mb10 {margin-bottom: 10px !important;}
	.mb45 { margin-bottom:45px !important; }
	.mb50 { margin-bottom:50px !important; }

	.mr0 {margin-right: 0px !important;}
	.mr3 {margin-right: 3px !important;}
	.mr5 {margin-right: 5px !important;}
	.mr10 {margin-right: 10px !important;}

	/* padding */
	.pt0 {padding-top: 0 !important;}

	/* display */
	.dnone{ display: none !important;}
	.dis_b { display:block;}
	.dis_ib { display:inline-block;}

	/* align */
	.fl {float: left !important;}
	.fr {float: right !important;}
	.Lalign {text-align: left !important;}
	.Calign {text-align: center !important;}
	.vaTop {vertical-align: top !important;}

	/* text */
	.txtblue {color: #0078d7 !important;}
	.txtblack {color:#121212 !important;}
	.txtred {color: #f93061 !important;}
	.txtgray {color: #666666 !important;}
	.underline {text-decoration: underline; text-underline-position: under; -ms-text-underline-position: under;}
	.t14 {font-size: 14px !important;}

	/* bull list */
	.bl_list > li {background: url('../images/sub/bullet01.png') no-repeat 0 12px; padding-left: 10px;}
	.bl_list02 > li {background: url('../images/sub/bullet02.png') no-repeat 0 12px; padding-left: 10px;}
	.bl_list03 > li {background: url('../images/sub/bullet03.png') no-repeat 0 12px; padding-left: 7px;}
	.bl_list04 > li {background: url('../images/sub/bullet04.png') no-repeat 0 13px; padding-left: 12px;}
	.bl_list05 > li {background: url('../images/sub/bullet05.png') no-repeat 0 11px; padding-left: 10px;}

	/* form */
	.css_select {display: inline-block; height: 35px; padding-left: 10px; vertical-align: middle; font-size: 14px; min-width:180px; background: #fff; color: #333; letter-spacing: -0.06em;}
	.css_select_sm {display: inline-block; height: 35px; padding-left: 10px; vertical-align: middle; font-size: 14px; min-width:80px; background: #fff; color: #555; letter-spacing: -0.06em;}
	.css_input {height:35px; width: 180px; vertical-align: middle; background:#fff; font-size: 14px; padding: 5px 9px;}
	.css_input_sm {height:35px; width: 80px; vertical-align: middle; background:#fff; font-size: 14px; padding: 5px 9px;}
	.css_input_md {height:35px; width: 300px; vertical-align: middle; background:#fff; font-size: 14px; padding: 5px 9px;}
	.css_label {display: inline-block; vertical-align: middle; margin-right: 10px;}
	.css_radio {display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-right: 5px !important;}
	.css_check {display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-right: 5px !important;}

	/* border */
	.nobor_b {border-bottom: 0 !important;}

	/* width */
	.WP100 {width: 100% !important;}


/* ================================
	TABLET
=============================== */
@media screen and (max-width: 1024px) {
	body {font-size: 14px;}

	/* form */
	.css_input_sm {width: 60px;}

	/* 사파리 브라우저 모양 변형 방지 */
	input:not([type="radio"]):not([type="checkbox"]), textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
	input:not([type="radio"]):not([type="checkbox"]), textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}

}