@charset "utf-8";

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

@import url('font.css');

/* ==========================================================================
   Base styles & Helper
   ========================================================================== */

@import url('lib/normalize.css');
@import url('animated.css');
@import url('datepicker.css'); /*캘린더*/

/* base */
h1, h2, h3, h4, h5, h6, fieldset,ul, ol, dl, dt, dd, p, button, figure{margin:0;padding:0;}
html{}
body {font:normal 13px/1.5 "나눔고딕", NanumGothic, NG, "돋움", Dotum, Arial, Tahoma , Geneva, Verdana;color:#333;}
h1, h2, h3, h4, h5, h6, strong, b, th, dt{font-weight:Normal;font-family:NGB;}
legend, caption{width:0;height:0;visibility:hidden;font-size:0;line-height:0;}
em, a , input, textarea, keygen, select, button, isindex{font-style:normal;text-decoration:none;color:#333;}
fieldset, button{background:none;border:0px;}
ul,ol{overflow:hidden;}
li{list-style:none;}
img{vertical-align:middle;}
table{width:100%;}
iframe{width:100%;vertical-align:middle;}
input, button{box-sizing:inherit;}
hr{border-width:1px 0 0 0;}


/* ==========================================================================
   common
   ========================================================================== */
.block{display:block}
.inblock{display:inline-block}
.hide{display:none;}
.skip, .blind{position:absolute;overflow:hidden;visibility:hidden;width:0px;height:0px;font-size:0;line-height:0;text-indent:-9999px;}

.static{position:static;}
.relative{position:relative;}

.f_left{float:left;}
.f_right{float:right;}
.clear{clear:both;}

.p0{padding:0px !important;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl30{padding-left:30px;}
.pl20{padding-left:20px;}
.pl50{padding-left:50px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}

.ml5{margin-left:5px;}
.ml6{margin-left:6px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.mr5{margin-right:5px;}
.mr7{margin-right:7px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}

.w32{width:32px;}
.w63{width:63px;}
.w75{width:75px;}
.w80{width:80px;}
.w90{width:90px;}
.w150{width:150px;}
.w450{width:450px;}
.w_full{width:100%}

.hidden{overflow:hidden;}
.scroll{overflow-y:scroll;}
.no_bg{background:none !important;}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.op80{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.bgLayer{display:none; position:fixed; top:0; left:0; z-index:500; width:100%; height:100%; background:#333; opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;}
.ic_red{color:#fff;background:#ed1d24;border-radius:3px;padding:3px 6px;font-size:11px;font-family:NGB}
.ic_org{color:#fff;background:#ed7524;border-radius:3px;padding:3px 6px;font-size:11px;font-family:NGB}
.ic_gray{color:#fff;background:#949494 ;border-radius:3px;padding:3px 6px;font-size:11px;font-family:NGB}

.normal{font-family:NG;}
.bold{font-family:NGB;color:#000;}
.exbold{font-family:NGXB;}
.underline{text-decoration:underline;}
.t_eng{font-family:Arial, Tahoma , Geneva, Verdana;}
.t_num{font-family:Verdana;}

.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f36{font-size:36px;}
.f40{font-size:40px;}
.f48{font-size:48px;}
.f58{font-size:58px;}

.line30{line-height:32px;}

.t_white{color:#fff}
.t_blk{color:#000}
.t_gray{color:#666}
.t_gray9{color:#999}
.t_dgray{color:#333}
.t_red{color:#db2727}
.t_blue{color:#3f83df}

.t_center{text-align:center !important;}
.t_left{text-align:left !important;}
.t_right{text-align:right !important;}

/* skipNavi */
#skipNavi{position:relative;}
	#skipNavi a {display:block;position:absolute;left:0;top:-30px;font-size:12px;width:138px;text-align:center;color:#fff;background:#000;z-index:1000;}
	#skipNavi a:focus, #skipNavi a:hover{top:0px;}

/* ==========================================================================
   form
   ========================================================================== */
label{display:inline-block}
label + label{margin-left:15px}
label input{vertical-align:middle;}
input[type=checkbox].checkbox, input[type=radio].radio {opacity:0;position:absolute;z-index:12;width:20px;height:20px}
input[type=checkbox].checkbox:checked, input[type=radio].radio:checked, input[type=checkbox].checkbox:focus, input[type=radio].radio:focus {outline:none! important}
input[type=checkbox].checkbox+.lbl, input[type=radio].radio+.lbl {position:relative;z-index:11;display:inline-block;margin:0;line-height:20px;min-height:14px;min-width:14px;font-weight:normal}
input[type=checkbox].checkbox+.lbl::before, input[type=radio].radio+.lbl::before{font-family:fontAwesome;font-weight:normal;font-size:15px;color:#ea3c4a;content:"\a0";background-color:#fafafa;border:1px solid #919191;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);/* border-radius:5px; */display:inline-block;text-align:center;vertical-align:middle;height:18px;line-height:18px;min-width:18px;margin-right:10px}
input[type=checkbox].checkbox:checked+.lbl, input[type=radio].radio:checked+.lbl{font-family:NGB;}
input[type=checkbox].checkbox:checked+.lbl::before, input[type=radio].radio:checked+.lbl::before {display:inline-block;content:'\f00c';background-color:#f5f8fc;border-color:#adb8c0;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1)}
input[type=checkbox].checkbox:hover+.lbl::before, input[type=radio].radio:hover+.lbl::before, input[type=checkbox].checkbox+.lbl:hover::before, input[type=radio].radio +.lbl:hover::before {border-color:#777}
input[type=checkbox].checkbox:active+.lbl::before, input[type=radio].radio:active+.lbl::before, input[type=checkbox].checkbox:checked:active+.lbl::before, input[type=radio].radio:checked:active+.lbl::before {box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1)}
input[type=checkbox].checkbox:disabled+.lbl::before, input[type=radio].radio:disabled+.lbl::before, input[type=checkbox].checkbox[disabled]+.lbl::before, input[type=radio].radio[disabled]+.lbl::before, input[type=checkbox].checkbox.disabled+.lbl::before, input[type=radio].radio.disabled+.lbl::before {background-color:#f3f3f3 !important;border-color:#CCC !important;box-shadow:none !important;color:#BBB}
input[type=radio].radio+.lbl::before {border-radius:32px;font-family:Arial, Helvetica, sans-serif;font-size:36px}
input[type=radio].radio:checked+.lbl::before {content:"\2022"}
label.hover > input[type=checkbox].checkbox + .lbl::before, label.hover > input[type=radio].radio + .lbl::before{border-color:#777} /*포커스 관련 스크립트로 CSS 추가*/
label.long .lbl{padding-left:25px;}
label.long .lbl:before{position:absolute;left:0;top:0px;}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{display:inline-block;height:16px;padding:3px 6px;line-height:16px;border:1px solid #ccc;background:#fff;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;vertical-align:middle;color:#666;}
textarea{width:98%;resize:none;line-height:1.5;}
select:hover, textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover {border-color:#777}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {border-color:#777}
select:disabled, textarea:disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="date"]:disabled, input[type="month"]:disabled, input[type="time"]:disabled, input[type="week"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="url"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="color"]:disabled {background:#f3f3f3;}
select{display:inline-block;height:24px;line-height:24px;padding:3px 4px;border:1px solid #ccc;background:#fff;vertical-align:middle;}
input[type="text"], input[type="password"],input[type="search"],select, option{color:#696969;}


/*파일첨부*/
.input_file{display:inline-block}
.input_file > input{width:380px;vertical-align: middle;margin-right:5px}
.input_file .btn_file{display:inline-block;position:relative;}
.input_file .btn_file .button span{width:50px;}
.input_file .btn_file input{position:absolute;right:0;top:0;width:100%;height:100%;padding:0;margin:0;z-index:2;font-size:1em;cursor:pointer;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}

/*spinner*/
.ui-spinner{position:relative;display:inline-block;padding:0 49px 0 0;height:24px !important;border:0 none;}
.ui-spinner .spinner{width:32px;height:22px;line-height:22px;padding:0px 3px;text-align:center;color:#333;font-family:NGB;vertical-align:top;}
.ui-spinner-button{position:absolute;top:0px;}
.ui-spinner-button .icon{display:block;width:24px;height:24px;text-indent:-999em;}
.ui-spinner-up{right:25px;background:#a21911 url(../images/common/btn_plus.png) no-repeat center;}
.ui-spinner-down{right:0px;background:#999999 url(../images/common/btn_minus.png) no-repeat center;}
.lbl.spn_lbl {font-family:NGB;color:#000;padding:0 9px}
.ui-state-hover{}
.ui-state-active{}

.spinner_wrap{}
.spinner_wrap .lbl.spn_lbl {font-family:NGB;color:#000;padding:0 8px;line-height:24px}
.spinner_wrap .spinner{width:32px;height:22px;line-height:22px;padding:0px 3px;text-align:center;color:#333;font-family:NGB;vertical-align:top;}
.spinner_wrap .btn_plus{display:inline-block;width:24px;height:24px;line-height:24px;text-indent:-999em;background:#a21911 url(../images/common/btn_plus.png) no-repeat center;margin-right:1px}
.spinner_wrap .btn_minus{display:inline-block;width:24px;height:24px;line-height:24px;text-indent:-999em;background:#999999 url(../images/common/btn_minus.png) no-repeat center;}


/* datepicker */
.datepicker_wrap{display: inline-block;border:1px solid #a7a7a7;vertical-align:middle}
.datepicker_wrap .datepicker{border:0 none;width:60px;padding:0 5px;height:26px;line-height:26px;vertical-align:top;letter-spacing: -1px;font-size: 12px;text-align:center;}
.datepicker_wrap .ui-datepicker-trigger{display:inline-block;width:25px;height:26px;background:#575757 url(../images/common/btn_datepicker.gif) no-repeat center center;text-indent:-999em}
.big_datepicker .ui-datepicker-trigger{display:inline-block;width:39px;height:35px;margin-left:4px;background:url(../images/common/btn_datepicker2.gif) no-repeat center center;text-indent:-999em;vertical-align: middle;}


/* ==========================================================================
   Layout
   ========================================================================== */

body{}
#wrap{}
	.inner{position:relative;margin:0 auto;}
#header{height:54px;border-bottom:1px solid #eee;background:#fff;position:fixed;top:0;left:0;width:100%;overflow:visible;z-index:999}
#logo{position:absolute;top:0px;right:20px;width:95px}
	#logo a{display:block;overflow:hidden;height:94px;background:url(../images/common/logo.gif) no-repeat 0 0;text-indent:-999em; 
		-webkit-transition: transform 1s ease;
		-moz-transition: transform 1s ease;
		-ms-transition: transform 1s ease;
		-o-transition: transform 1s ease;
		transition: transform 1s ease;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);}
	#logo a.afterAni{-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);}
.head_util{overflow:hidden;}
	.head_util li{float:left;}
	.head_util li a{display:block;width:55px;line-height:54px;text-indent:-999em;}
	.head_util li:first-child a{background:url(../images/common/btn_menu.gif) no-repeat 50% 50%;}
	.head_util li:first-child + li a{background:url(../images/common/btn_twitter.gif) no-repeat 50% 50%;}
	.head_util li:first-child + li + li a{background:url(../images/common/btn_blog.gif) no-repeat 50% 50%;}
	.head_util li a:hover, .head_util li a:focus, .head_util li a:active{/*-webkit-animation-name: rubberBand;animation-name: rubberBand;-webkit-animation-delay:0s;animation-delay:0s;*/}
#gnb{display:none;clear:both;overflow:hidden;position:absolute;top:0;left:0;right:0;padding:50px 0;background:#0785c0;}
	#gnb > ul{width:1000px;margin:0 auto;overflow:hidden}
	#gnb > ul > li{float:left;margin:0 1%;overflow:hidden;width:23%}
	#gnb > ul > li > a{font-size:36px;line-height:1em;padding:0 20px;font-family:NGB;color:#fff}
	#gnb > ul > li li a{display:block;padding:0 20px;line-height:46px;font-size:13px;font-family:NGB;color:#fff;border-radius:23px}
	#gnb > ul > li li a:hover, #gnb > ul > li li a:focus, #gnb > ul > li li a:active, #gnb > ul > li li.active a{background:#096ea8}
	#gnb > ul > li > ul{margin-top:50px}
	#gnb > .btn_close > a{position:absolute;top:50px;right:50px;display:block;background:url(../images/common/btn_close.png) no-repeat 0 0;height:33px;width:33px;text-indent:-9999em;}

#container{position:relative;padding:55px 0 30px;background:#eee}
	.top_visual{background:url('../images/telestar/top_visual.jpg') no-repeat center center;background-size:cover;height:138px;padding-top:62px}
		/*.top_visual h2{position:relative;color:#fff;font-size:36px;border:3px solid #fff;line-height:70px;width:204px;margin:0 auto;text-align:center;}*/
		.top_visual h2{position:relative;color:#fff;font-size:32px;line-height:1.4em;width:1000px;margin:0 auto;text-align:center;text-shadow: 0px 2px 3px rgba(0,0,0,0.2);}
		.top_visual h2:hover, .top_visual h2:focus, .top_visual h2:active{/*-webkit-animation-name: shake;animation-name: shake;-webkit-animation-duration: 3s; animation-duration: 3s;*/}
	#content{margin:30px 30px 0;background:#fff}
		#page_tit{position:relative;height:100px;border-bottom:1px solid #ddd;}
			#page_tit h1{font-size:36px;line-height:100px;color:#333;text-align:center}
		#location{position:absolute;bottom:10px;right:20px}
		#location > li{display:inline-block;padding-left:7px;background:url('../images/common/bg_location.gif') no-repeat left center;}
		#location > li:first-child{padding-left:0px;background:none}
		#location > li > a, #location > li > span, #location > li > strong{display:inline-block;padding:0 3px;font-size:11px;color:#666;}
	.cont_inner{max-width:1000px;margin:0 auto;padding:50px 30px 100px}

#toTop { display:none; position:fixed; right:10px; bottom:10px; width:40px; height:40px; font-size:0; text-indent:-1000px; text-align:center; color:#fff; background:url(../images/common/toTop.png) center center no-repeat #777; opacity:0.8; border-radius:20px;}
	#toTop:hover, #toTop:focus, #toTop.hover { background-color:#1a92d7; }

#footer{background:#222;padding:76px 30px;text-align:center}
	.family_area{width:300px;height:32px;margin:0 auto;overflow:visible;}
		.family_area .family{position:relative;width:130px;float:left}
		.family_area .language{position:relative;width:130px;float:right}
		.family_area h2 a{font-size:14px;color:#666;display:block;line-height:30px;border:1px solid #666;}
		.family_area h2 a.active{color:#fff;background:#666}
		.family_area h2 span{position:relative;top:-5px;font-size:16px}
		.family_area ul{position:absolute;bottom:32px;left:0;right:0}
		.family_area ul li a{display:block;border:1px solid #666;background:#222;border-bottom:none;line-height:30px;color:#ccc}
	.foot_info{margin-top:40px;color:#999;font-size:11px;font-family:NGB;}
	.foot_info ul{margin:0 auto 15px}
	.foot_info ul li{display:inline-block;margin-right:8px;}
	.foot_info p{clear:both;font-family:Verdana;color:#c1c1c1}


/* ==========================================================================
   component
   ========================================================================== */

/* 제목요소 */
.cont_tit{color:#222;font-family:NGB;font-size:32px;line-height:1.3em;text-align:center;margin-bottom:45px;}
	.cont_tit > .sub_tit{font-family:NG;font-size:18px;display:block;padding-bottom:2px}
/* 내용 가이드 */
.sct_narrate{}
	.sct_narrate h3{font-size:18px;padding-bottom:20px}
	.sct_narrate p + p{padding-top:15px}
	.sct_narrate section + section{margin-top:50px}

/* 버튼 */
.button_area{position:relative;margin-top:30px;text-align:center}
.button{display:inline-block;line-height:31px;font-size:16px;padding:0 20px;background:#fff;color:#666;border:3px solid #666;vertical-align:middle;text-align:center;font-family:NGB;}
.button + .button{margin-left:20px}
.button:hover,.button:focus,.button:active{color:#fff;background:#666;text-decoration:none !important}

	.button.round{border-radius:24px;border-width:2px;line-height:43px;padding:0 40px;font-family:Arial}
	.button.btn_blue{background:none;color:#3f83df;border-color:#3f83df}
	.button.btn_clear{background:none;color:#fff;border-color:#fff}
	.button.btn_simple{background:#fff;color:#000;border:1px solid #ddd;font-size:13px;line-height:35px;}


/* faq */
.faq_list{border-top:1px solid #e1e1e1;}
.faq_list li{border-bottom:1px solid #e1e1e1;line-height:25px}
.faq_list li:nth-child(2n){background:red}
.faq_list li > p{position:relative;padding-left:50px;background:url(../images/common/bg_q_icon.gif) no-repeat 10px center;}
.faq_list li > p > a{display:block;padding:14px 0;color:#333}
.faq_list li > div{display:none;position:relative;padding:14px 10px 14px 50px;border-top: 1px solid #e1e1e1;background:url(../images/common/bg_a_icon.gif) no-repeat 10px 10px;}
.faq_list li.on > p > a{font-family:NGB;background-position:left 0;}


/*검색바*/
.sch_board{margin-bottom:20px;text-align:right}
.sch_board select{padding:0 0 0 10px;width:70px;text-align:center;height:40px;line-height:38px;border:1px solid #ddd;border-right:none;margin:0}
.sch_board option{text-align:center}
.sch_board input[type=text]{height:38px;line-height:38px;padding:0 15px;border:1px solid #ddd;margin:0;width:210px}
.sch_board input[type=submit]{background:#1a92d7;color:#fff;line-height:38px;font-family:NGB;padding:0;border:1px solid #1a92d7;position:relative;top:1px;width:80px}

/*테이블*/
.tb_base{}
.tb_base thead th{padding:15px 0;background:#333;color:#fff;font-size:1.2em}
.tb_base tbody td{padding:15px 0;border-bottom:1px solid #eee;color:#666;text-align:center}
.tb_base tbody th{padding:15px 0;border-bottom:1px solid #eee;text-align:left;color:#333;}
.tb_base input.w_full , .tb_cont input.w_full{width:100%;padding-right:0;padding-left:0}
.tb_base.write tbody th{padding:15px 10px;background:#f5f9fb}
.tb_base.write tbody td{padding:15px 10px}
#contents{min-height:300px}
.tb_cont{border-top:3px solid #360e02}
.tb_cont thead th{font-family:NG;font-size:1.2em;padding:30px 0;border:1px solid #eeeeee}
.tb_cont tbody th{color:#000;padding:20px 10px;border:1px solid #eeeeee} 
.tb_cont td{padding:20px;border:1px solid #eeeeee}
.tb_cont li + li{padding-top:15px}


/* 보기 리스트 테이블 */
.tbl_view{}
.tbl_view li{}
.tbl_view .tit{overflow:hidden;border-top:3px solid #333;border-bottom:1px solid #333;padding:18px}
.tbl_view .tit h2{font-size:1.23em;float:left;}
.tbl_view .tit .date{float:right;color:#666;}
.tbl_view .file{margin:10px 0;background:#f6f6f6;padding:10px 20px;overflow:hidden}
.tbl_view .file h3{float:left;font-size:1em;padding-left:20px;background:url(../images/common/ic_save.gif) no-repeat 0 50%;}
.tbl_view .file a:hover,.tbl_view .file a:focus,.tbl_view .file a:active {color:#1a92d7;text-decoration:underline}
.tbl_view .cont{padding:20px 0}
.prevnext li{border-bottom:1px solid #333;padding:18px 18px 18px 100px;position:relative;}
.prevnext li > strong{position:absolute;top:18px;left:18px;}
.prevnext li > p{}
.prevnext li:first-child{border-top:2px solid #333;}


/*페이징*/
.paging {clear:both;margin:20px 0 10px;text-align:center;}
.paging > a{display:inline-block;font-size:12px;color:#333;border:1px solid #eee;line-height:23px;width:23px}
.paging > a + a{margin-left:10px;}
.paging > strong{display:inline-block;font-family:NGB;background:#f5f9fb;border:1px solid #eee;line-height:23px;width:23px}
.paging span{display:inline-block;margin:0 10px;}



/* ==========================================================================
   popup
   ========================================================================== */
.pop_wrap{position:absolute;left:50%;top:100px;margin-left:-380px;width:759px;background:url(/resources/images/common/bg_pop_foot.png) no-repeat 50% bottom;padding-bottom:30px;z-index:1000;}
.pop_wrap > h1{line-height:63px;font-size:24px;color:#fff;background:url(/resources/images/common/bg_pop_head.png) no-repeat 50% 0;padding-left:20px;}
.pop_wrap .pop_cont{padding:20px 20px;max-height:380px;background:url(/resources/images/common/bg_pop_cont.png) repeat-y 50% top;overflow-y:auto}
	.pop_wrap .pop_cont textarea{border:none;height:370px;overflow-y:auto;overflow-x:hidden;color:#000;font-size:14px}
.pop_wrap .btn_close{display:block;position:absolute;right:20px;top:20px;width:30px;height:30px;background:url(../images/common/btn_close.png) no-repeat center;text-indent: -9999em;}


/* ==========================================================================
   Print styles.
   ========================================================================== */

@media print {
	#header, #lnb, #footer{display:none;}
	#container{border:0 none;}
	#container .ly_inner{border:0 none;width:auto;}
	#content{float:none;border:0 none;width:auto;}
}

@media only screen and (max-width: 1200px ) {
	#gnb{position:fixed;bottom:-50px;padding-bottom:100px;overflow-y:auto}
		#gnb > ul{width:550px;margin:50px auto 50px}
		#gnb > ul > li{width:205px;margin:0 35px 50px}
		#gnb > ul > li > ul{margin-top:20px}
		#gnb > .btn_close > a{top:30px;right:30px}

	#container{padding-bottom:20px}
		.top_visual{}
			.top_visual h2{font-size:24px;width:90%}
		#page_tit h1{font-size:28px;}
		#content{margin:20px 20px 0;}

	.cont_tit{font-size:24px;}
		.cont_tit > .sub_tit{font-size:18px;}
	
	
}
@media only screen and (max-width: 700px ) {
	body {font-size:12px}
	#gnb{padding:50px 0px 50px}
		#gnb > ul {width:310px;margin-top:0}
		#gnb > ul > li{width:135px;margin:0 10px 30px}
		#gnb > ul > li > a{font-size:20px;padding:0 15px;}
		#gnb > ul > li li a{padding:0 15px;font-size:11px;letter-spacing:-0.05em;line-height:36px;}
		#gnb > .btn_close > a{top:20px;right:20px;background-size:cover;height:17px;width:17px;}

	#logo{right:0;width:55px}
		#logo a{height:55px;background-size:cover}
	#container{padding-bottom:15px}
		.top_visual{height:90px;padding-top:60px}
			.top_visual h2{font-size:14px;}
		#content{margin:15px 15px 0;}
		#page_tit{height:70px}
			#page_tit h1{font-size:24px;line-height:70px;}
			#location{display:none}
		.cont_inner{padding:30px 15px}
	#footer{padding:30px 15px;}
		.family_area{width:280px;}
		.foot_info{margin-top:30px;}
		.foot_info ul{margin-bottom:20px}

	/* 제목요소 */
	.cont_tit{font-size:20px;margin-bottom:30px}
		.cont_tit > .sub_tit{font-size:15px}

	/* 내용 가이드 */
	.sct_narrate h3{font-size:15px;padding-bottom:15px}
	.sct_narrate p + p{padding-top:10px}
	.sct_narrate section + section{margin-top:30px}

	/*검색바*/
	.sch_board{position:relative;padding:0 62px 0 70px;}
	.sch_board select{position:absolute;top:0;left:0;height:30px;line-height:28px;}
	.sch_board input[type=submit]{position:absolute;top:0;right:0;width:60px;line-height:28px}
	.sch_board input[type=text]{display:block;width:90%;padding:0 5%;height:28px;line-height:28px}

	/*테이블*/
	.tb_base thead th{padding:10px 0;font-size:1em}
	.tb_base tbody td{padding:10px 0;font-size:0.83em}
	.tb_base tbody th{padding:10px 0;font-size:0.83em}
	.tb_cont{font-size:11px}
	.tb_cont thead th{padding:20px 0}
	.tb_cont body th{padding:12px 5px}
	.tb_cont td{padding:12px 5px}
	.tb_cont li + li{padding-top:8px}


	/* 보기 리스트 테이블 */
	.tbl_view li{font-size:11px}
	.tbl_view .tit{padding:10px}
	.prevnext li{font-size:11px;padding-left:80px}
}