@charset "UTF-8";

/************************************************************************
 * 최적화		: html5
 * 서비스		: 
 * 최초작성일		: 2013.2.14
 * 작성자		: 손주현
 * 이메일		: jiyaman@naver.com
************************************************************************/

/*■■ 채널의 기본 element 정의 ■■*/

	/* tag reset
	----------------------- */
	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;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	/* html5 element make
	----------------------- */
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block; }
	audio, canvas, video { display: inline-block;  *display: inline; *zoom: 1;}
	/* * Prevent modern browsers from displaying `audio` without controls.  * Remove excess height in iOS 5 devices.  */
	audio:not([controls]) { display: none; height: 0; }
	/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support.*/
	[hidden] { display: none;}

	/* font-face
	----------------------- */

	/*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");*/

	@font-face {
	  font-family: 'NanumGothic';
	  src: url(../font/NanumGothicRegular.eot);
	  src: url(../font/NanumGothicRegular.eot?#iefix) format('embedded-opentype'),
		   url(../font/NanumGothicRegular.woff2) format('woff2'),
		   url(../font/NanumGothicRegular.woff) format('woff'),
		   url(../font/NanumGothicRegular.ttf) format('truetype');
	}
	@font-face {
	  font-family: 'NanumGothicBold';
	  src: url(../font/NanumGothicBold.eot);
	  src: url(../font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
		   url(../font/NanumGothicBold.woff2) format('woff2'),
		   url(../font/NanumGothicBold.woff) format('woff'),
		   url(../font/NanumGothicBold.ttf) format('truetype');
	}
	@font-face {
	  font-family: 'NanumGothicExtraBold';
	  src: url(../font/NanumGothicExtraBold.eot);
	  src: url(../font/NanumGothicExtraBold.eot?#iefix) format('embedded-opentype'),
		   url(../font/NanumGothicExtraBold.woff2) format('woff2'),
		   url(../font/NanumGothicExtraBold.woff) format('woff'),
		   url(../font/NanumGothicExtraBold.ttf) format('truetype');
	}


	
	/* Base
	----------------------- */
	html,body {width:100%;}
	html {-webkit-text-size-adjust:none; -ms-text-size-adjust:none;  font-family: Nanum Gothic, '맑은 고딕', Malgun Gothic, dotum, sans-serif;}
	body {min-width:320px;}
	em,address{font-style: normal;}


	/* mark,인용
	----------------------- */
	abbr[title] { border-bottom: 1px dotted;}
	b, strong { font-weight: bold;}
	blockquote, q { quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
	pre {}
	hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; display:none; margin:50px 0;}
	mark { background: #ff0; color: #000; }
	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
	small { font-size: 80%; }
	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -2px; }
	sub { bottom: -2px; }
	

	/* Lists
	----------------------- */
	ul, ol { list-style: none; list-style-image: none; }
	
	
	/* Embedded content
	----------------------- */
	img { border: 0; -ms-interpolation-mode: bicubic;}
	svg:not(:root) { overflow: hidden; }
	
	
	/* Forms
	----------------------- */
	button { vertical-align:baseline; middle; font-family: Nanum Gothic, dotum, sans-serif; line-height: normal; border:0; background:transparent; -webkit-appearance: button; cursor: pointer; *overflow: visible;}
	button::-moz-focus-inner { border: 0; padding: 0;}

	input { line-height: normal; vertical-align:baseline;border-radius:0;}
	input::-moz-focus-inner { border: 0; padding: 0;}
	input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible;}
	
	textarea { overflow: auto; vertical-align: baseline; }
	
	select{ vertical-align:middle;border-radius:0; }
	label { }
	fieldset {border:none;}

	input.id{padding:10px; border:1px solid #ccc; width:100%; font-weight:600;}
	input.id2{padding:5px; border:1px solid #ccc; width:100%; font-weight:600;}
	input.pw{padding:3px; border:1px solid #ccc;}
	textarea{padding:10px; border:1px solid #ccc;}

	input.mo{padding:7px 10px; border:1px solid #ccc; width:100%; font-weight:600;}
	select.sel01{border:1px solid #ccc; height:1.4em; }

	/* 참고 자료 여기부터 */

	/*input[type='radio'], input[type='checkbox']{opacity:0; position:absolute; top:9px; left:0; filter:alpha(opacity=0); margin:0; z-index:10;} //안보이게 설정*/

	/* radio checkbox common */
	/*.input_radio{display:inline-block;position:relative;}*/
	/*.input_check{display:inline-block;position:relative;}*/
	/*input[type='checkbox']+label, input[type='radio']+label{position:relative; display:inline-block; margin:0; padding:0; cursor:pointer; z-index:0; letter-spacing:-1px;}

	/* radio type */
	/*input[type='radio'] {width:100%; height:20px;}*/
	/*input[type='radio']+label {min-height:17px; padding:5px 0 8px 23px; background:url('../images/icon_radio_default.png') no-repeat 0 4px; font-size:13px; margin-top:5px;background-size:20px 20px;}*/

	/*input[type='radio']:checked+label {background-image:url('../images/icon_radio_check.png');background-size:20px 20px;}*/
	/*input[type='radio']:disabled+label {background-image:url('../images/icon_radio_default_disabled.png');background-size:20px 20px;}*/
	/*input[type='radio']:disabled:checked+label {background-image:url('../images/icon_radio_check_disabled.png');background-size:20px 20px;}*/

	/* checkbox type */
	/*input[type='checkbox'] {width:100%; height:30px;}*/
	/*input[type='checkbox']+label {min-height:13px; padding:7px 0 10px 24px; background:url('../images/icon_checkbox_default.png') no-repeat 0 4px; font-size:13px; margin-top:5px;background-size:20px 20px;}*/

	/*input[type='checkbox']:checked+label {background-image:url('../images/icon_checkbox_check.png');background-size:20px 20px;}*/
	/*input[type='checkbox']:disabled+label {background-image:url('../images/icon_checkbox_default_disabled.png');background-size:20px 20px;}*/
	/*input[type='checkbox']:disabled:checked+label {background-image:url('../images/icon_checkbox_check_disabled.png');background-size:20px 20px;}*/
	/* 참고 자료 여기까지 */


	/* 기본 링크 정의
	----------------------- */
	a { text-decoration:none; }
	a:focus { text-decoration:none; } 
	a:active, a:hover { outline: none; }
	.cursor { cursor:pointer; }

	
	/* 아이콘 정의
	----------------------- */

		
	
	/* Background Color 정의
	----------------------- */
	.bg_e8e8e8 {background:#e8e8e8 !important; }
	.bg_f8f8f8 {background:#f8f8f8 !important; }
	.bg_FDF8E8 {background:#FDF8E8 !important; }
	
		
	/* Text 정의
	----------------------- */
	.tl {text-align:left !important;} 
	.tr {text-align:right !important;}
	.tc {text-align:center !important;}

	/* Color 정의
	----------------------- */
	.color_blue{color:#4183cc !important;}
	.color_red{color:#cb0808 !important;}
	.color_ff0000{color:#ff0000!important;}
	.color_org{color:#ff9934 !important;}
	.color_black{color:#222 !important;}
	.color_6b6b6b { color : #6b6b6b !important; }
	.color_000000 { color : #000000 !important; }
	.color_00cbda { color : #00CBDA !important; }
	.color_ffffff { color : #ffffff !important; }
	
	/* Vertical 정의
	----------------------- */
	.vt {vertical-align:top !important;}
	.vm {vertical-align:middle !important;}
	.vb {vertical-align:bottom !important;}
	
	/* Font Size 정의
	----------------------- */
	.ft11{font-size:11px !important;}
	.ft12{font-size:12px !important;}
	.ft14{font-size:14px !important;}
	.ft16{font-size:16px !important;}
	.ft18{font-size:18px !important;}

	/* Font Weight 정의
	----------------------- */
	.bold { font-weight:bold !important; }

	/* Float 정의
	----------------------- */
	.fl {float:left !important;} 
	.fr {float:right !important;}

	/* Clear 정의
	----------------------- */
	.clear {clear:both !important;}
		
	/* Display 정의
	----------------------- */
	.dp_hidden {display:hidden !important;}
	.dp_none {display:none !important;}

	/* Border 정의
	----------------------- */
	.bd0 { border:none !important; } 
	.bdt0 { border-top:none !important; }  
	.bdb0 { border-bottom:none !important; }  
	.bdl0 { border-left:none !important; }  
	.bdr0 { border-right:none !important; }
	
	/*	Width,Height 정의
	----------------------- */
	.mh100 {min-height:100px !important;}
	.mh200 {min-height:200px !important;}
	.mh300 {min-height:300px !important;}
	
	/* Margin,Padding 정의
	----------------------- */
	.m0 { margin:0px auto; }
	.mt0 {margin-top:0px !important;} .mb0 {margin-bottom:0px !important;} .ml0 {margin-left:0px !important;} .mr0 {margin-right:0px !important;}
	.mt3 {margin-top:3px !important;} .mb3 {margin-bottom:3px !important;} .ml3 {margin-left:3px !important;} .mr3 {margin-right:3px !important;}
	.mt5 {margin-top:5px !important;} .mb5 {margin-bottom:5px !important;} .ml5 {margin-left:5px !important;} .mr5 {margin-right:5px !important;}
	.mt10 {margin-top:10px !important;} .mb10 {margin-bottom:10px !important;} .ml10 {margin-left:10px !important;} .mr10 {margin-right:10px !important;}
	.mt15 {margin-top:15px !important;} .mb15 {margin-bottom:15px !important;} .ml15 {margin-left:15px !important;} .mr15 {margin-right:15px !important;}
	.mt20 {margin-top:20px !important;} .mb20 {margin-bottom:20px !important;} .ml20 {margin-left:20px !important;} .mr20 {margin-right:20px !important;}
	.mt25 {margin-top:25px !important;} .mb25 {margin-bottom:25px !important;} .ml25 {margin-left:25px !important;} .mr25 {margin-right:25px !important;}
	.mt30 {margin-top:30px !important;} .mb30 {margin-bottom:30px !important;} .ml30 {margin-left:30px !important;} .mr30 {margin-right:30px !important;}

	.pt0 {padding-top:0px !important;} .pb0 {padding-bottom:0px !important;} .pl0 {padding-left:0px !important;} .pr0 {padding-right:0px !important;}
	.pt3 {padding-top:3px !important;} .pb3 {padding-bottom:3px !important;} .pl3 {padding-left:3px !important;} .pr3 {padding-right:3px !important;}
	.pt5 {padding-top:5px !important;} .pb5 {padding-bottom:5px !important;} .pl5 {padding-left:5px !important;} .pr5 {padding-right:5px !important;}
	.pt10 {padding-top:10px !important;} .pb10 {padding-bottom:10px !important;} .pl10 {padding-left:10px !important;} .pr10 {padding-right:10px !important;}
	.pt15 {padding-top:15px !important;} .pb15 {padding-bottom:15px !important;} .pl15 {padding-left:15px !important;} .pr15 {padding-right:15px !important;}
	.pt20 {padding-top:20px !important;} .pb20 {padding-bottom:20px !important;} .pl20 {padding-left:20px !important;} .pr20 {padding-right:20px !important;}
	.pt25 {padding-top:25px !important;} .pb25 {padding-bottom:25px !important;} .pl25 {padding-left:25px !important;} .pr25 {padding-right:25px !important;}
	.pt30 {padding-top:30px !important;} .pb30 {padding-bottom:30px !important;} .pl30 {padding-left:30px !important;} .pr30 {padding-right:30px !important;}
	.pt40 {padding-top:40px !important;} .pb40 {padding-bottom:40px !important;} .pl40 {padding-left:40px !important;} .pr40 {padding-right:40px !important;}
	.pt50 {padding-top:50px !important;} .pb50 {padding-bottom:50px !important;} .pl50 {padding-left:50px !important;} .pr50 {padding-right:50px !important;}

	/*	Width,Height 정의
	----------------------- */
	.lh100 {line-height:100% !important;}
	.lh180 {min-height:180% !important;}
	.lh200 {min-height:200% !important;}
	.lh300 {min-height:300% !important;}

	
	/* 인쇄 잘리기 정의
	----------------------- */


	/* 표 table or Div Style 정의 : Table안의 Table 사용가능하게 정의
	----------------------- */
	
	/* 리스트 Table or Div Style 정의 : Table안의 Table 사용가능하게 정의
	----------------------- */
	
	/* table_top 정의
	----------------------- */
	
	/* box 정의
	----------------------- */
		
	/* Title Style 정의
	----------------------- */
	
	/* list Style 정의 - Contents List영역(2~6줄)의 정의
	----------------------- */
	
	/* Tab Style 정의
	----------------------- */
	
	/* Table 정의
	----------------------- */
	
	/* Bullet(title용) 정의
	----------------------- */
		
	/* line 정의
	----------------------- */
	
	
	/* button Style 정의
	----------------------- */
	a.blue {display:inline-block; padding:14px; background-color:#04b1ea; color:#ffffff !important; font-weight:600; text-align:center; border-radius:5px;}
	a.blue:hover{background-color:#00bfef;}

	a.gray{display:inline-block; padding:14px; background-color:#ee3439; color:#ffffff !important; font-weight:600; text-align:center; border-radius:5px;}
	a.gray:hover{background-color:#ee3439;}

	a.gray_ss{display:inline-block; padding:2px; background-color:#999999; color:#ffffff !important; text-align:center; border-radius:3px; }
	a.gray_ss:hover{background-color:#333333;}
	a.blue_ss{display:inline-block; padding:2px; background-color:#19CBEB; color:#ffffff !important; text-align:center; border-radius:3px;}
	a.blue_ss:hover{background-color:#0F9DB6;}
	a.green_ss{display:inline-block; padding:2px; background-color:#5DCE11; color:#ffffff !important; text-align:center; border-radius:3px;}
	a.green_ss:hover{background-color:#74B60F;}

	
	/* pagination 정의
	----------------------- */
	
	/* search 정의
	----------------------- */
	
	/* Scroll 정의
	----------------------- */

	/* Tables
	----------------------- */
	table {border-collapse: collapse; empty-cells:show; border-spacing: 0;}
	table caption {margin:0; padding:0; overflow:hidden; font-size:0; width:0; height:0;}