/*---@charset "utf-8";--*/
<%@ page contentType="text/html; charset=euc-kr"%>

@font-face{
  font-family: 'dotum,돋움';
  font-style: normal;
  font-weight: normal;
  font-color:#666666;
}


@font-face {
	font-family: NanumGothicBold;
	font-style: normal;
	font-weight: bold;
	src:url('/images/font/NanumGothicBold.eot');
	src:url('/images/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
	url('/images/font/NanumGothicBold.woff') format('woff'),
	url('/images/font/NanumGothicBold.ttf') format('truetype');
}


@font-face{ 

font-family: 'NanumGothicWeb'; 
src: url('/images/font/NanumGothic.eot'); 
src: local('?'), url('/images/font/NanumGothic.woff') format('woff'), url('/jsp/hanter/images/font/NanumGothic.ttf') format('truetype'); 

} 


/*--공통부분--*/

/*==================================================================
	1: fonts styles
===================================================================*/
html,body {font-family:'나눔고딕', NanumGothic ,NanumGothicWeb, dotum, 돋움 ,Verdana, Arial,sans-serif; color:#333; font-size:12px;}
.dotum {font-family:dotum,돋움;}

/*--이민표 수정 테이블 글씨체 2015.11.18 --*/
td {font-family:'나눔고딕', NanumGothic ,NanumGothicWeb, 돋움,굴림,Arial,Verdana; font-size: 12px; color: #555555; line-height:18px;}

input {font-family:dotum,돋움,Verdana,Arial,sans-serif;}
/*==================================================================
	2: General setting
===================================================================*/
a {
	overflow:hidden; /* width:100% 방지*/
	text-decoration:none;
	}

a.hover:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	}
a:link, a:visited,a:hover, a:active{
	color:#666;
	}

img {border: 0;}
img.mid {vertical-align:middle;}


/*--기본 css 설정(초기화)--*/
body,ul,li,p,h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	list-style:none;
	line-height:1.4em;
}

/*==================================================================
	3: table setting
===================================================================*/

table{
	width:;
	empty-cells: show; /*깨짐방지*/
	border-collapse:collapse;
	border-spacing:0;
	border-bottom: none;
	}

td {font-family:'나눔고딕', NanumGothic ,NanumGothicWeb,돋움,굴림,Arial,Verdana; font-size: 12px; color: #666666; line-height:18px;}


/*==================================================================
	4: form setting
===================================================================*/
form input{
	line-height:1; 
	}
input[type="text"],
input[type="password"],
textarea,
form select{
	font-family:돋움;
	border: 1px solid #cbcbcb;
	font-size:12px;
	line-height:1;
	padding:2px 4px 2px 3px;
	vertical-align:middle;
	}
input[type="text"],
input[type="password"]{
	height:14px;
	}
textarea{
	line-height:1.2;
	width:98%;
	height:5em;
	}
form select	{
	padding:1px;
	}
input:focus,
textarea:focus{
	background-color: #F5F5F5;
	}

form img,
form input,	
form select	{
	vertical-align: middle;
	}
label { margin-right: 5px; }


/*==================================================================
	0: 기타
===================================================================*/

.wrap{width:915px; 
	margin:0; margin-left:auto; 
	margin-right:auto; 
	text-align:left;
}

/*--float버그 수정--*/
.clearfix:after{content:".";
	display:block;height:0; 
	clear:both; 
	visibility:hidden;
}





/*-----------------------------------------------------------------------------------------------------------------------------
   본문 시작
-------------------------------------------------------------------------------------------------------------------------------*

/*--헤더 영역--*/
#header{margin-bottom:;}
#header #top_menu{ position:relative;height:72px;}
#header #top_menu p.logo{position:absolute;left:5px;top:10px;}
#header #top_menu ul.util_menu{	float:right; position:absolute; right:260px;top:30px; list-style:none;}
#header #top_menu ul.util_menu li{float:left;color:#dddddd;}
#header #top_menu ul.util_menu li a {color:#333333;}
#header #top_menu ul.util_menu li.line{width:15px;text-align:center;}
#header #top_menu ul.search {float:right; position:absolute; right:0px;top:26px; list-style:none;}
#header #top_menu ul.search li {float:left;}
#header #nav{ height:47px; background-color:#75a534;}
#header #nav li{float:left;}
#header #nav li a.menu01{display:block; text-indent:-999px; width:97px; height:47px;}
#header #nav li a.menu02{display:block; text-indent:-999px; width:104px; height:47px;}
#header #nav li a.menu03{display:block; text-indent:-999px; width:75px; height:47px;}
#header #nav li a.menu04{display:block; text-indent:-999px; width:93px; height:47px;}
#header #nav li a.menu05{display:block; text-indent:-999px; width:81px; height:47px;}
#header #nav li a.menu06{display:block; text-indent:-999px; width:119px; height:47px;}
#header #nav li a.menu07{display:block; text-indent:-999px; width:93px; height:47px;}
#header #nav .community {float:right;}

/*--2뎁스 메뉴--*/
#nav_2dep{ position:absolute; height:240px; width:100%; background-color:#ffffff; border-bottom:1px solid #427310; top:120px; z-index:1;}
#nav_2dep #menu_over{ float:left; width:915px; height:200px; margin:25px 0 20px 0;}
#nav_2dep #menu_over #menu_img{float:left; width:220px; border-right:1px solid #e5e5e5;}
#nav_2dep #menu_over #menu_con{float:right; width:665px; height:25px;}
#nav_2dep #menu_over #menu_con{font-size:12x; color:#dddddd;}
#nav_2dep #menu_over #menu_con li{float:left;}
#nav_2dep #menu_over #menu_con li.tit010{font-size:12px; color:#040404; line-height:; letter-spacing: -0.05em;}
#nav_2dep #menu_over #menu_con li.tit010 a{color:#528f00;}
#nav_2dep #menu_over #menu_con li.line{width:16px; text-align:center;}
#nav_2dep #menu_over #menu_con2 {float:right; width:665px; height:150px; margin-top:15px;}
#nav_2dep #menu_over #menu_con2 .line{ float:left; border-right:1px solid #dddddd; height:150px; width:20px; margin-right:20px;}
#nav_2dep #menu_over #menu_con2 #con01{float:left; width:172px; height:150px; margin-right:;}
#nav_2dep #menu_over #menu_con2 #photo{width:170px; height:102px; border:1px solid #dddddd;}
#nav_2dep #menu_over #menu_con2 #txt_box{width:172px;}
#nav_2dep #menu_over #menu_con2 #txt_box ul{padding-top:10px;}
#nav_2dep #menu_over #menu_con2 #txt_box li.tit01{font-size:12px; font-weight:600; padding-bottom:5px; color:#040404; line-height:1.2em; letter-spacing: -0.03em;}
#nav_2dep #menu_over #menu_con2 #txt_box li.tit01 a{color:#333333;}
#nav_2dep #menu_over #menu_con2 #con02{float:left; width:235px; height:135px;}
#nav_2dep #menu_over #menu_con2 #con02 ul{ width:235px; color:#333333;}
#nav_2dep #menu_over #menu_con2 #con02 li{display:block; padding:0px 0 0px 5px;}
#nav_2dep #menu_over #menu_con2 #con02 li.tit02{font-size:12px; font-weight:600; color:#040404; line-height:1.2em; letter-spacing: -0.03em;}
#nav_2dep #menu_over #menu_con2 #con02 li.tit02 a{color:#333333;}
#nav_2dep #menu_over #menu_con2 #con02 p.line_c {height:13px; margin-top:13px; border-top:1px #dddddd solid;}

/*--전체 메뉴--*/
#nav_all{position:absolute; height:240px; width:100%; background-color:#ffffff; border-bottom:1px solid #427310; top:120px; z-index:1;}
#nav_all #menu_all{ float:left; width:915px; height:200px; margin:25px 0 20px 0;}
#nav_all #menu_all ul{float:left; height:190px; padding-right:16px;}
#nav_all #menu_all ul.line{float:left; height:190px; border-right:1px solid #f2f2f2; margin-right:16px;}
#nav_all #menu_all li.tit01{font-size:14px; font-weight:600; padding-bottom:12px; color:#040404; line-height:1.2em; letter-spacing: -0.07em;}
#nav_all #menu_all li.tit01 a{color:#040404;}
#nav_all #menu_all li.tit02{font-size:12px; padding-bottom:7px; color:#666666; line-height:1.2em; letter-spacing:-0.07em;} 



/*--컨텐츠 영역--*/
#article{margin-bottom:25px; margin-top:25px;}

/*--회차/아하!한겨레 바로 글쓰기--*/
#article #top_info{ position:relative; width:915px; height:23px; margin-bottom:5px; }
#article #top_info #num_date li {float:left;}
#article #top_info #num_date li.date {margin-left:5px; color:#555555; line-height:18px;}
#article #top_info .aha_write{float:right;}

/*--중학/고교 nie--*/
#article #nie{width:100%; height:370px; background:url(/images/new_2015/main/nie_bg.gif) repeat-x 0 0; margin-bottom:20px;}
#article #nie #high{ position:absolute; width:410px; margin:28px 28px 0 28px;}
#article #nie #high #nie_title{width:410px; border-bottom:2px #444444 solid; height:30px; margin-bottom:17px;;}
#article #nie #high #nie_title p.more{position:absolute; right:0; top:9px; display:block; }
#article #nie #middle{ position:absolute; width:410px; margin:28px 28px 0 470px;}
#article #nie #middle #nie_title{width:410px; border-bottom:2px #444444 solid; height:30px; margin-bottom:17px;;}
#article #nie #middle #nie_title p.more{position:absolute; right:0; top:9px; display:block; }
#article #nie #high #nie_all{ position:relative; width:410px;}
#article #nie #nie-all { position:relative; overflow:hidden; padding-bottom:40px; }
#article #nie #nie-all .section-media .media01 { float:left; border:1px solid #ddd}
#article #nie #nie-all .section-media a { color:#a1a1a1;}
#article #nie #nie-all .section-media .media01 { background-color:#333333;width:410px; height:260px; margin-right:11px; position:relative;}
#article #nie #nie-all .section-media .media01 a img.img_photo {width:410px;height:260px;}
#article #nie #nie-all .section-media .media-title{ color:#FFF; padding:13px; line-height:1.4em; letter-spacing: -0.03em;}
#article #nie #nie-all .section-media .media-title a{color:#FFF;}
#article #nie #nie-all .section-media .media-title li.tit01{font-size:16px; font-weight:600; padding-bottom:5px; color:#FFF; line-height:1.4em; letter-spacing: -0.03em;}
#article #nie #nie-all .section-media .media-title li.tit02{ display:block; font-size:12px; color:#FFF; line-height:1.4em; letter-spacing: -0.03em;}
#article #nie #nie-all .section-media .media-prologue a {color:#a1a1a1;}
#article #nie #nie-all .section-media .media01 .bigimg-Desc { position:absolute; left:0; bottom: 0px; width: 410px; }
#article #nie #nie-all .section-media .media01 .text_over { overflow: hidden; zoom: 1;position: relative;z-index: 2;}
#article #nie #nie-all .section-media .media01 .shadow { width:100%; height:100%;position:absolute; left:0; bottom: 0px; background-color: #000; opacity: 0.8; filter: alpha(opacity=80);}

/*--고교/중학/초등NIE 20160722 변경--*/
#article .nie2{width:905px; height:350px; border:1px solid #d7d7d7; margin-bottom:20px; padding-left:5px;}
#article .nie2 .high2{ float:left; width:273px; margin:20px 0px 25px 20px;}
#article .nie2 .high2 .nie_title2{width:273px; height:30px;}
#article .nie2 .high2 .nie_title2 p.more{ float:right; display:inline; margin-top:5px; }
#article .nie2 .high2 .photo{width:271px; height:171px; border:1px solid #dddddd;}
#article .nie2 .high2 .txt_box{width:271px; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
#article .nie2 .high2 .txt_box ul{padding:15px; height:70px;}
#article .nie2 .high2 .txt_box li.tit01{font-size:15px; font-weight:600; padding-bottom:5px; color:#040404; line-height:1.2em; letter-spacing: -0.03em;}
#article .nie2 .high2 .txt_box li.tit01 a{color:#040404;}
#article .nie2 .high2 .txt_box li.tit02{font-size:12px; color:#666666; line-height:1.4em; letter-spacing: -0.03em;}


/*--함께하는 교육--*/
#article #edu{position:; width:910px; height:280px; border:1px solid #d7d7d7; margin-bottom:20px;}
#article #edu #edu_all{ margin:15px 0px 15px 25px;}
#article #edu #edu_all #title{margin-bottom:12px; font-size:17px; font-weight:600; color:#222222;}
#article #edu #edu_all #edu_con #edu01{float:left; width:198px; margin-right:21px; }
#article #edu #edu_all #edu_con #edu01 #photo{width:198px; height:118px; border:1px solid #dddddd;}
#article #edu #edu_all #edu_con #edu01 #txt_box{width:198px; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
#article #edu #edu_all #edu_con #edu01 #txt_box ul{padding:10px;}
#article #edu #edu_all #edu_con #edu01 #txt_box li.tit01{font-size:14px; font-weight:600; padding-bottom:5px; color:#040404; line-height:1.2em; letter-spacing: -0.03em;}
#article #edu #edu_all #edu_con #edu01 #txt_box li.tit01 a{color:#040404;}
#article #edu #edu_all #edu_con #edu01 #txt_box li.tit02{font-size:12px; color:#666666; line-height:1.2em; letter-spacing: -0.03em;}

/*--띠배너--*/
#article #mBanner { width:912px; margin-bottom:20px; height:98px;}
#article #mBanner li { float:left;}



/*--독자글 첨삭--*/
#article #notice01{ float:left;	position: relative; width:335px; height:109px; border:1px solid #d7d7d7; margin-right:10px;}
#article #notice01 #notice01_title{width:310px; margin-left:15px; font-size:17px; font-weight:600; color:#222222;}
#article #notice01 #notice01_title #title{ height:22px; border-bottom:1px solid #d7d7d7; margin-top:10px;}
#article #notice01 #notice01_title #title p.more{position:absolute; right:12px; top:5px; display:block;}
#article #notice01 #content{float:left; width:230px; margin-left:15px; margin-top:10px; line-height:18px; }
#article #notice01 #date{float:right; width:70px; margin-top:10px; font-size:11px; line-height:18px; }
#article #banner01{float:left;}


/*--사설속으로--*/
#article #sasul{float:left; width:682px; height:292px; position:relative; border:1px solid #d7d7d7; margin:20px 10px 20px 0;}
#article #sasul #sasul_title{width:630px; height:22px; margin:15px 0px 10px 25px; font-size:17px; font-weight:600; color:#222222;}
#article #sasul #sasul_title p.more{position:absolute; right:20px; top:10px; display:block;}
#article #sasul #photo{float:left; width:318px; height:220px; border:1px solid #dddddd; margin-left:25px; margin-right:20px;}
#article #sasul #txt_box{float:left; width:290px;}
#article #sasul #txt_box .title01{ font-size:15px; font-weight:600; color:#222222; line-height:1.4em; letter-spacing: -0.03em;}
#article #sasul #txt_box .title01 a{color:#222222}
#article #sasul #txt_box .title02{ font-size:12px; margin-top:5px; line-height:1.6em; letter-spacing: -0.03em;}

/*--배너영역--*/
#article #banner02{float:left; height:100px;  margin-top:20px;}
#article #banner03{float:left; height:100px;}
#article #banner04{float:left;}

/*--서브 컨텐츠 영역---------------------------------------------------------*/
#sub{margin-bottom:25px;}

/*--포지션 위치--*/
#sub #postion{ position:relative; width:100%; height:34px; background-color:#fbfbfb; border-bottom:1px solid #e5e5e5;}
#sub #postion p.map{float:right;  margin:9px 3px 0 0; font-size:11px; letter-spacing: -0.03em; line-height:14px;}
#sub #postion p.img{ float:right; margin-top:9px;line-height:14px;}


/*--서브 본문 시작--*/
#sub #section{ position:relative; width:100%;}

/*--레프트 메뉴--*/
#sub #section #lnb{ position:relative; float:left; width:185px; margin-top:19px;}
#sub #section #lnb h2{font-size:32px;color:#2572bd;height:106px;}
#sub #section #lnb .lnb_list{ float:left; width:183px; border-bottom:2px solid #efefef;  border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
#sub #section #lnb .lnb_list>li{line-height:0; }
#sub #section #lnb .lnb_list>li>a{display:block;font-size:14px;color:#464646; font-weight:600; letter-spacing:px;line-height:1.2em; padding:13px 10px 13px 15px;border-bottom:1px solid #dedede}
#sub #section #lnb .lnb_list>li.active>a{font-size:14px;color:#528f00;font-weight:600;}
#sub #section #lnb .lnb_list>li.first a{border-top:none}
#sub #section #lnb .tnbMenu{padding:5px 0 10px 0;;border-bottom:1px solid #dedede;display:none; background-color:#f6f6f6;}
#sub #section #lnb .tnbMenu>li{line-height:0}
#lnb .tnbMenu>li>a{display:block;letter-spacing:-1px;line-height:1.2em; font-size:12px;color:#555;padding:5px 0 5px 23px; background: url(/images/new_2015/left/ico01.gif) no-repeat 15px 9px;}
#sub #section #lnb .tnbMenu>li.active>a{color:#528f00; background: url(/images/new_2015/left/ico02.gif) no-repeat 15px 9px;}
#sub #section #lnb h2.subject{height:106px; text-indent:-9000px;}
#sub #section #lnb .banner{float:left; margin-top:10px; width:185px;}

/*--
#sub #section #lnb{ position:relative; float:left; width:185px; margin-top:22px;}
#sub #section #lnb h2{font-size:32px;color:#2572bd;height:106px;}
#sub #section #lnb .lnb_list{margin-top:0;border-bottom:2px solid #efefef}
#sub #section #lnb .lnb_list>li{line-height:36px}
#sub #section #lnb .lnb_list>li>a{display:block;font-size:13px;color:#464646;letter-spacing:-1px;line-height:36px;height:39px;padding:0 0 0 7px;border-bottom:1px solid #dedede}
#sub #section #lnb .lnb_list>li.active>a,#lnb .lnb_list>li.current>a,#lnb .lnb_list>li>a:hover{font-size:14px;color:#fff;background:url(/img/common/lnb_bg_over.gif) right center no-repeat #458acf;font-weight:700}
#sub #section #lnb .lnb_list>li.first a{border-top:none}
#sub #section #lnb .tnbMenu{padding-bottom:15px;border-bottom:1px solid #dedede;border-top:1px solid #fff;display:none}
#sub #section #lnb .tnbMenu>li{line-height:0}#lnb .tnbMenu>li>a{display:block;line-height:28px;font-size:12px;color:#555;padding-left:16px}
#sub #section #lnb .tnbMenu>li>a.active,#lnb .tnbMenu>li>a:hover{color:#458acf;font-weight:700}
#sub #section #lnb h2.subject{height:106px;background:url(/images/new_2015/left/title01.gif) no-repeat;text-indent:-9000px}
--*/


/*--서브 콘텐츠 영역--*/
#sub #section .sub_content{ position:relative; width:696px; float:right;}
#sub #section .sub_content .sub_title{ width:696px; height:96px; border-bottom:1px solid #e2e2e2; margin-bottom:30px;}
#sub #section .sub_content .sub_title .tit{float:left; background: url(/jsp/ahahan/images/ico_01.gif) no-repeat; padding-left:25px; margin-top:57px; height: 22px; font-size: 18px; font-weight: 600;}
#sub #section .sub_content .sub_title .img{float:right; width:255px; height:96px;}
#sub #section .sub_content .content{ width:696px;}


/*--서브 인덱스(아하!한겨레)--*/
#all_box{float:left; position:relative; width:346px; height:370px; border:1px solid #e6e6e6;}
#all_box .title{ width:346px; height:40px;  background-color:#eeeeee;}
#all_box .title .txt{ float:left; margin:10px 0 10px 20px; margin-bottom:10px;}
#all_box .title p.more{ position:absolute; right:20px; top:15px; display:block;}
#all_box #con01{float:left;  margin:20px 0 20px 24px;}
#all_box #con01 .num{ width:297px; margin-bottom:10px; }
#all_box #con01 .photo{width:297px; height:183px; border:1px solid #dddddd;}
#all_box #con01 .txt_box{width:297px;}
#all_box #con01 .txt_box ul{padding-top:10px;}
#all_box #con01 .txt_box li.tit01{font-size:15px; font-weight:600; padding-bottom:5px; color:#040404; line-height:1.4em; letter-spacing: -0.03em;}
#all_box #con01 .txt_box li.tit01 a{color:#040404;}
#all_box #con01 .txt_box li.tit02{font-size:12px; color:#666666; line-height:1.4em; letter-spacing: -0.03em;}

#all_box02{float:left; position:relative; width:346px; height:370px; border-right:1px solid #e6e6e6; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
#all_box02 .title{ width:346px; height:40px;  background-color:#eeeeee;}
#all_box02 .title .txt{ float:left; margin:10px 0 10px 20px; margin-bottom:10px;}
#all_box02 .title p.more{ position:absolute; right:20px; top:15px; display:block;}
#all_box02 #con01{float:left;  margin:20px 0 20px 24px;}
#all_box02 #con01 .num{ width:297px; margin-bottom:10px; }
#all_box02 #con01 .photo{width:297px; height:183px; border:1px solid #dddddd;}
#all_box02 #con01 .txt_box{width:297px;}
#all_box02 #con01 .txt_box ul{padding-top:10px;}
#all_box02 #con01 .txt_box li.tit01{font-size:15px; font-weight:600; padding-bottom:5px; color:#040404; line-height:1.4em; letter-spacing: -0.03em;}
#all_box02 #con01 .txt_box li.tit01 a{color:#040404;}
#all_box02 #con01 .txt_box li.tit02{font-size:12px; color:#666666; line-height:1.4em; letter-spacing: -0.03em;}

#all_box03{float:left; position:relative; width:694px; height:205px; border:1px solid #e6e6e6;}
#all_box03 .title{float:left; width:694px; height:40px;  background-color:#eeeeee;}
#all_box03 .title .txt{ margin:10px 0 10px 20px; width:57px; height:18px;}
#all_box03 .title p.more{ position:absolute; right:20px; top:15px; display:block;}
#all_box03 .photo{ float:left; width:200px; height:120px; border:1px solid #dddddd; margin-left:25px; margin-top:20px;}
#all_box03 #con01{float:left; width:430px;  margin:20px 0 20px 20px;}
#all_box03 #con01 .num{ width:430px;}
#all_box03 #con01 .txt_box{width:430px;}
#all_box03 #con01 .txt_box ul{padding-top:5px;}
#all_box03 #con01 .txt_box li.tit01{font-size:15px; font-weight:600; padding-bottom:5px; color:#040404; line-height:1.4em; letter-spacing: -0.03em;}
#all_box03 #con01 .txt_box li.tit01 a{color:#040404;}
#all_box03 #con01 .txt_box li.tit02{font-size:12px; color:#666666; line-height:1.4em; letter-spacing: -0.03em;}

#all_box04{float:left; position:relative; width:694px; height:270px; border:1px solid #e6e6e6;}
#all_box04 .title{float:left; width:694px; height:40px;  background-color:#eeeeee;}
#all_box04 .title .txt{ margin:10px 0 10px 20px; width:57px; height:18px;}
#all_box04 .title p.more{ position:absolute; right:20px; top:15px; display:block;}
#all_box04 .photo{ float:left; width:297px; height:183px; border:1px solid #dddddd; margin-left:25px; margin-top:20px;}
#all_box04 #con01{float:left; width:320px;  margin:20px 0 20px 20px;}
#all_box04 #con01 .num{ width:320px;}
#all_box04 #con01 .txt_box{width:320px;}
#all_box04 #con01 .txt_box ul{padding-top:5px;}
#all_box04 #con01 .txt_box li.tit01{font-size:15px; font-weight:600; padding-bottom:5px; color:#040404; line-height:1.7em; letter-spacing: -0.03em;}
#all_box04 #con01 .txt_box li.tit01 a{color:#040404;}
#all_box04 #con01 .txt_box li.tit02{font-size:12px; color:#666666; line-height:1.4em; letter-spacing: -0.03em;}

#all_box05{float:left; position:relative; width:694px; height:250px; border:1px solid #e6e6e6;}
#all_box05 .title{float:left; width:694px; height:40px;  background-color:#eeeeee;}
#all_box05 .title .txt{ margin:10px 0 10px 20px; width:57px; height:18px;}
#all_box05 .title p.more{ position:absolute; right:20px; top:15px; display:block;}
#all_box05 .photo{ float:left; width:264px;}
#all_box05 #con01 #content{ position:relative; float:left; padding-left:15px; width:400px; padding-top:20px; }
#all_box05 #con01 #content span{position:absolute; width:70px; left:345px;}
#all_box05 #con01 .line_1{ border-bottom:1px solid #efefef; padding:7px 0 7px 0;}
#all_box05 #con01 .line_end{ padding:10px 0 10px 0;}

#all_box06{float:left; position:relative; width:694px; padding-bottom:20px;  border:1px solid #e6e6e6;}
#all_box06 .title{float:left; width:694px; height:40px;  background-color:#eeeeee;}
#all_box06 .title .txt{ margin:10px 0 10px 20px; width:57px; height:18px;}
#all_box06 .title p.more{ position:absolute; right:20px; top:15px; display:block;}
#all_box06 #con01 {float:left; width:645px; display:block;  margin:20px 0 0px 20px;}
#all_box06 #con01 .txt_box .tit01{float:left; display:block; width:645px; font-size:14px; font-weight:600;  color:#040404; margin-bottom:3px; line-height:1.4em; letter-spacing: -0.03em;}
#all_box06 #con01 .txt_box .tit01 a{color:#040404;}
#all_box06 #con01 .txt_box  p.date{font-size:12px; font-size:11px; position:absolute; right:25px; display:block;}
#all_box06 #con01 .txt_box .tit02{width:645px; font-size:12px;  color:#666666; line-height:1.4em; letter-spacing: -0.03em;}
#all_box06 #con01 .txt_box .name{width:645px;font-size:12px; color:#222; margin-bottom:5px;}
#all_box06 .box_line{border-bottom:1px solid #dddddd; width:650px; height:20px;}






/*-- 서브 list--*/
#all_list01{float:left; position:relative; width:694px;border-bottom:1px solid #dddddd;padding-bottom: 20px}
#all_list01 .photo{ float:left; width:200px; height:120px; border:1px solid #dddddd;}
#all_list01 #con01{float:left; width:430px;  margin:0px 0 0px 20px;}
#all_list01 #con01 .num{ width:460px; margin-top:3px;}
#all_list01 #con01 .txt_box{width:460px;}
#all_list01 #con01 .txt_box ul{padding-top:5px;}
#all_list01 #con01 .txt_box li.tit01{font-size:16px; font-weight:600; padding-bottom:5px; color:#040404; line-height:1.4em; letter-spacing: -0.03em;}
#all_list01 #con01 .txt_box li.tit01 a{color:#040404;}
#all_list01 #con01 .txt_box li.tit02{font-size:12px; color:#666666; line-height:1.5em; letter-spacing: -0.03em;}
.list_line{border-top:1px solid #dddddd; width:694px; height:20px;}


/*-- bbs 페이징--*/
.pagination{ width:100%; margin:20px 0 5px 0;  text-align:center; font-family:Malgun Gothic, "맑은 고딕", "굴림", dotum, "돋움", gulim, tahoma, arial, sans-serif;color:#767676;font-size:13px;letter-spacing:-1px;}
.pagination ul{ display:inline; text-align:center;}
.pagination li{ text-align:center; display:inline; vertical-align:middle}
.pagination li>a{display:inline;}
.pagination li.page_n>a{ vertical-align:middle; padding:0 5px 0 5px; color:#555;font-weight:700;background:#fff;}
.pagination li.actived>a,.pagination ul>li.page_n>a:hover{color:#f97800;}
.pagination li img{vertical-align:middle;}
.pagination li.next>a,.pagination ul>li.prev>a{ color:#555;font-weight:700}
.pagination li.prev>a{margin-right:1px;}
.pagination li.next>a{margin-left:1px;}
.button_list{position:absolute; right:1px;}



/*-- 서브 view--*/
#all_view01{float:left; position:relative; width:694px;}
#all_view01 .num{width:694px;}
#all_view01 .tit01{font-size:17px; font-weight:600; padding-bottom:5px; color:#040404; line-height:2em; letter-spacing: -0.03em; margin-bottom:10px;}
#all_view01 .tit01 a{color:#040404;}
#all_view01 .button_left{ float:left; width:220px;}
#all_view01 .button_right{float:right; width:250px; margin-top:5px;}
#all_view01 .button_right ul{ float:left;}
#all_view01 .button_right li{margin:0 0 0 5px;}
#all_view01 .button_right li a{color:#333;}
#all_view01 .button_right li.facebook{float:left; padding:0 5px 0 17px; background: url(/images/new_2015/nie/ico_facebook.gif) no-repeat 0px 0px;}
#all_view01 .button_right li.scrap{float:left; padding:0 5px 0 16px; background: url(/images/new_2015/nie/ico_scrap.gif) no-repeat 0px 0px;}
#all_view01 .button_right li.print{float:left; padding:0 5px 0 17px; background: url(/images/new_2015/nie/ico_print.gif) no-repeat 0px 0px;}
#all_view01 .button_right li.list{float:left; padding:0 5px 0 17px; background: url(/images/new_2015/nie/ico_list.gif) no-repeat 0px 0px;}
#all_view01 .all_tab{float:left; margin-top:20px; width:694px; border-top:2px solid #222; border-bottom:1px solid #c6c6c6; padding-bottom:15px; margin:10px 0 0 0;}
#all_view01 .all_tab ul{float:right; margin-top:13px;}
#all_view01 .all_tab ul>li{float:left; line-height:38px; font-size:15px;}
#all_view01 .all_tab ul>li>a{padding:8px 15px;  line-height:38px;color:#fff;font-weight:600;background:#aaa;border:1px solid #989797;}
#all_view01 .all_tab ul>li.actived>a{color:#fff; background:#f3691a;border:1px solid #d95d16;}
#all_view01 .all_tab ul>li>a:hover{color:#fff; background:#f3691a;border:1px solid #d95d16;}
#all_view01 .all_tab li.arrow{ width:20px; text-align:center;line-height:38px; vertical-align:middle;}
#all_view01 .all_tab_none{float:left; margin-top:20px; width:694px; height:2px; border-top:2px solid #222; margin:10px 0 0 0;}

#all_view01 .con01{float:left; width:694px; position:relative; margin:30px 0 30px 0;}
#all_view01 .con01 .img{text-align:center;}
#all_view01 .con01 .tit_bg{width:694px; height:41px; background: url(/images/new_2015/nie/title_bg.gif) no-repeat; vertical-align:middle; margin:25px 0 5px 0;}
#all_view01 .con01 .tit_bg p{font-size:14px; color:#222; font-weight:600; padding:11px 0 0 33px;}
#all_view01 .con01 .view_txt{padding:10px; line-height:20px;}
.list_line02{float:left; border-top:1px solid #222; width:694px; height:5px;}

/*--댓글--*/
#comment{float:left; width:694px; height:130px; position:relative; background-color:#f7f7f7; margin:35px 0 5px 0; border-bottom:1px solid #dddddd;}
#comment .tit_comment{ background:url(/images/new_2015/nie/ico_commnet.gif) no-repeat 0px 0px; margin-top:20px; margin-left:20px; padding-left:60px; line-height:20px; }
#comment .txt_area{float:left; display:inline; width:580px; margin-left:20px; margin-top:10px;}
#comment .write_comment{float:left; line-height:38px; font-size:14px; margin-top:10px; margin-left:10px;}
/*--comment02를 클래스로 변경, 이민표 - 2015.11.24 --*/
.comment02 {float:left; width:604px; height:57px; position:relative; background-color:#f7f7f7; margin:0px 0 0px 90px;}
.comment02 .txt_area02{float:left; display:inline; width:490px; margin-left:20px; margin-top:10px;}
.comment02 .write_comment02{float:left; line-height:38px; font-size:12px; margin-left:10px; margin-top:9px;}
.comment02 .write_comment02>a{ padding:10px 15px;line-height:38px;color:#fff;font-weight:700;background:#aaa;border:1px solid #989797;}
/*--   --*/
#comment_view{float:left; width:694px; position:relative; margin-top:15px;}
#comment_view .title{ height:25px; margin-left:10px;}
#comment_view .title .tit_comment_view{float:left; display:inline; font-weight:600; color:#222;}
#comment_view .title .tit_comment_view span{color:#888; font-size:11px; font-weight:normal;}
#comment_view .title .button{float:right; margin-right:10px;}
#comment_view .txt0000{float:left; width:675px; margin-left:10px;}
#comment_view .comment_button{float:left; width:70px; background:url(/images/new_2015/nie/ico_commnet2.gif) no-repeat; color:#888;  margin-top:10px;  margin-left:10px; padding-left:15px; padding-bottom:10px;}
.list_line03{float:left; border-top:1px solid #ddd; width:694px; height:1px;}

#comment_view .comment01{float:left; width:594px; margin-left:90px; background-color:#f7f7f7; padding:10px 0 10px 10px; border-top:1px solid #e4e4e4;}
#comment_view .comment01 .txt0000{float:left; width:565px; margin-left:10px;}

/*--자유롭게 쓰세요--*/
.free_write{float:left; position:relative; width:694px; height:38px; vertical-align:middle;  background-color:#898989; margin:35px 0 0px 0;}
.free_write .free_title{float:left; vertical-align:middle; font-size:16px; font-family:나눔고딕,돋움,굴림,Arial,Verdana; color:#fff; font-weight: 900; letter-spacing: -0.03em; margin:10px 0 10px 20px;}
.free_write .txt{ position:relative; float:right;  margin-right:20px;}
.free_write .txt span{ float:left; font-size:11px; font-family:나눔고딕,돋움,굴림,Arial,Verdana; color:#fff; font-weight: 900; letter-spacing: -0.03em; margin-top:10px;}
.free_write .txt a{ margin-left:5px; line-height:38px;}

.free_con{float:left; position:relative; width:672px; border:1px solid #CCCCCC; padding:10px 0 20px 20px;}
.free_con .question{float:left; width:645px; font-weight:600; background:url(/images/new_2015/nie/ico_question.gif) no-repeat; padding-left:20px; margin-top:10px;}
.free_con .answer{float:left; width:655px; margin:5px 0 5px 0px;}
.free_con .answer span.txt{float:right; margin-top:5px; margin-right:10px;}
.free_con .free_button{ text-align:center;}

/*--자세히 알기--*/
.description{float:left; position:relative; width:694px; height:38px; vertical-align:middle;  background-color:#898989; margin:35px 0 0px 0;}
.description .d_title{float:left; font-size:16px; color:#fff; font-weight: 600; letter-spacing: -0.03em; vertical-align:middle; margin:10px 0 10px 20px;}
.description_con{float:left; position:relative; width:652px; border:1px solid #CCCCCC; padding:20px;}



/*--게시판 테이블--*/
/*--list--*/
.table_list_02{width:100%;font-weight:400;border-bottom:1px solid #767676}
.table_list_02 td{padding:10px 10px 10px;text-align:center;border-top:1px solid #e9e9e9;vertical-align:middle;line-height:18px;color:#767676}
.table_list_02 td.last{border-bottom:0 solid #767676}
.table_list_02 td.last_border{border-bottom:1px solid #767676}
.table_list_02 td.left{text-align:left}
.table_list_02 th{background-color:#f9f9f9;border-bottom:1px solid #e9e9e9;border-top:2px solid #767676;font-weight:700;vertical-align:middle;padding:8px 0 10px;text-align:center;color:#333333;}
.table_list_02 input{vertical-align:middle}


/*--faq--*/
.table_faq{width:100%;font-weight:400;border-bottom:1px solid #767676;  border-top:2px solid #767676;}
.table_faq td{padding:8px 10px 8px 0px; border-top:1px solid #e9e9e9;vertical-align:middle;line-height:18px;color:#767676}
.table_faq td.top{padding-top:10px; padding-left:10px; vertical-align:top;}
.table_faq td.center{text-align:center; padding:0 5px 0 5px;}
.tab_faq{ position:relative; width:100%; height:40px;}
.tab_faq ul{float:;}
.tab_faq li{float:left; letter-spacing: -0.03em;}
.tab_faq li a{color:#222;}
.tab_faq li a:hover{ color:#528f00; font-weight:600; background:url(/images/new_2015/nie/ico_arrow3.gif) no-repeat 0px 4px; padding-left:14px;}
.tab_faq li.active a{color:#528f00; font-weight:600; background:url(/images/new_2015/nie/ico_arrow3.gif) no-repeat 0px 4px; padding-left:14px;}
.tab_faq li.line{width:20px; text-align:center; color:#e2e2e2; font-size:20px;}
.table_faq td.answer{ border-top:1px solid #ffffff; padding:0px;}


/*--이전글 다음글--*/
.p_n_link{margin-top:50px; margin-bottom:30px;border-top:1px solid #e2e2e2}
.p_n_link li{overflow:hidden;border-bottom:1px solid #e2e2e2;line-height:38px;}
.p_n_link li>p{float:left}
.p_n_link li>p.title{width:100px;padding-left:20px;font-weight:700;font-size:12px;color:#767676;border-right:1px solid #f8f8f8}
.p_n_link li>a,.p_n_link li>p{font-weight:400;font-size:12px;color:#767676;padding-left:20px;line-height:40px;}
.bg_prev_view{float:left; background: url(/images/new_2015/common/bg_prev_view.gif) left 17px no-repeat;padding-left:30px; line-height:40px;}
.bg_next_view{float:left; background: url(/images/new_2015/common/bg_next_view.gif) left 19px no-repeat;padding-left:30px; line-height:40px;}

/*--view--*/
.table_view_01{width:100%;border-top:1px solid #767676;border-bottom:1px solid #767676;}
.table_view_01 table{width:100%}
.table_view_01 td{padding:7px 15px;border-bottom:1px solid #e9e9e9;vertical-align:middle}
.table_view_01 th{background-color:#f9f9f9;border-bottom:1px solid #e9e9e9;font-weight:700;padding:7px 15px; text-align:left;vertical-align:middle}
.table_view_01 td.content{line-height:20px;padding:15px;border-bottom:1px solid #767676}
.table_view_01 td.title{font-size:14px;line-height:20px;color:#333;border-top:1px solid #767676}
.table_view_01 td.title>p{font-size:12px;line-height:20px;color:#767676;border-top:1px dashed #f8f8f8}
.table_view_01 td.title>p>span{padding-right:15px}
.table_view_01_list{margin-top:30px;width:100%;border-top:1px solid #e9e9e9}
.table_view_01_list table th{border-bottom:1px solid #e9e9e9;padding:10px 0; font-size:12px;color:#999}
.table_view_01_list table{width:100%}
.table_view_01_list table td{font-size:12px;color:#999;border-bottom:1px solid #e9e9e9}
.table_view_01.type03 td,.table_view_01.type03 th{padding:10px}

/*--write--*/
.table_write{ width:100%; border-top:1px solid #767676;border-bottom:1px solid #767676;}
.table_write table{width:100%}
.table_write td{padding:7px 15px;border-bottom:1px solid #e9e9e9;vertical-align:middle}
.table_write th{background-color:#f9f9f9;border-bottom:1px solid #e9e9e9;font-weight:700;padding:7px 0px 7px 20px; text-align:left;vertical-align:middle}
.table_write .input{height:20px;}
.table_write .select{height:20px;}
.table_write td.none{padding:3px 0px; vertical-align:middle; border-bottom:1px solid #ffffff;}
.table_write td.top{ vertical-align:top; padding:3px 0px; border-bottom:1px solid #ffffff; padding:5px 0 5px 0; font-size:11px;}


.table_agree{width:100%; background:#f5f5f5;}
.table_agree .title{color:#222; font-weight:600;}

/*--button--*/
.button_bbs {float:left; width:100%;}
.button_bbs ul{float:right;}
.button_bbs li{display:inline; width:200px; line-height:28px;}

/*--게시판 검색--*/
.a_list_search{ margin-top:20px; margin-bottom:20px; padding:20px 0px 20px 180px; background:#f9f9f9;border:1px solid #e2e2e2}
.a_list_search .a_s_select{width:100px; height:20px; }
.a_list_search .a_s_input{width:150px; height:20px; margin:0 3px 0 1px}
.a_list_search .a_s_button{ position:absolute; padding-top:0px; height:20px;}


/*--사이트맵--*/
.sitemap{float:left; display:inline; width:100%; margin-left:5px;}
.sitemap .site01{float:left; width:159px; height:280px;}
.sitemap .site02{float:left; width:159px; height:260px;}
.sitemap .site03{float:left; width:159px; height:200px;}
.sitemap .site03{float:left; width:159px; height:220px;}
.sitemap ul{width:159px;}
.sitemap img{margin-bottom:5px;}
.sitemap li{width:159px; background:url(/images/new_2015/sitemap/ico01.gif) no-repeat 5px 10px;  padding:5px 0 5px 13px; line-height:1.2em; letter-spacing: -0.03em;}


/*--로그인--*/
.login{ width:100%; height:150px; border:1px solid #d9d9d9; padding:20px 0 20px 0;}
.login .img{float:left; display:inline; width:200px; height:50px; border-right:1px solid #ebebeb; vertical-align:middele; text-align:center;}
.login .txt{ float:left; width:400px; line-height:1.2em; letter-spacing:-0.03em;}
.login .form{float:left; width:300px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:10px 0 10px 0;}
.login .table{float:left; width:300px; }
.login .button{float:left; width:300px;} 


/*-- NIE팝업 (해당주세글쓰기,다른사람글보기)--*/
.pop_nie_title{width:100%; background:#f1f1f1; border-bottom:1px solid #e2e2e2; padding:20px;}
.pop_nie_title .title{font-size:16px; font-weight:600; color:#222222;  letter-spacing:-1px; line-height:34px;}






/*--푸터영역--*/

/*--서비스 전체보기--*/
#footer{  }
#footer #all{float:left; position:relative; margin-top:20px;}
#footer #all .service{ position:relative; width:915px; height:20px; padding:7px 0 7px 0; background-color:#f0f0f0; border:1px solid #e8e8e8; }
#footer #all .service .title{float:left; width:100px;font-size:12px; font-weight:600; color:#222222; margin-left:10px;}
#footer #all .service .button{float:right; position:absolute;  right:10px; top:8px;}
#footer #all .open{width:907px; height:500px; border:5px solid #efefef;}
#footer #all .open .table{width:860px; margin:23px;}
#footer #all .open .table{border:1px solid #eeeeee; border-collapse:collapse;}
#footer #all .open .table th{ font-size:12px; text-align:left; border:1px solid #eeeeee; border-collapse:collapse; padding:10px; color:#666; background-color:#fafafa; line-height:1.2em; letter-spacing: -0.03em;}
#footer #all .open .table th a{color:#666;}
#footer #all .open .table td{ text-align:left; padding:10px; color:#888; border:1px solid #eeeeee; border-collapse:collapse; line-height:1.2em; letter-spacing: -0.01em;}
#footer #all .open .table td a{color:#888;}

/*--주소--*/
#footer #all .copy{ position:relative; width:915px; height:80px;}
#footer #all .copy .logo{float:left; width:170px; height:60px; margin:20px 0 0 20px; border-right:1px solid #dddddd;}
#footer #all .copy .button{float:left; width:310px; margin:23px 0 0 20px;}
#footer #all .copy .button li{float:left;}
#footer #all .copy .button p{float:left; margin-top:2px;}
#footer #all .copy .button li.line{width:15px;text-align:center; color:#CCCCCC;}
#footer #all .copy .family{float:right;  margin-top:21px; margin-right:10px; display:block;}
#footer #all .copy .family p{margin-top:5px; margin-left:85px;}


/*--퀵메뉴--*/
#quick_menu{ width:78px; TOP:173px; POSITION:absolute; left:50%; margin-left:-551px; z-index:1}
#quick_menu ul{ width:78px; margin:0; padding:0;}
#quick_menu li{display:block;}
#quick_menu li img{vertical-align:top;}
#quick_menu ul.banner{margin-top:5px;}

#sky_menu{ width:78px; TOP:173px; POSITION:absolute; left:50%; margin-left:472px; z-index:1}
#sky_menu ul{ width:78px; margin:0; padding:0;}
#sky_menu li{display:block;}
#sky_menu li img{vertical-align:top;}



/*==================================================================
	button
===================================================================*/
.button_blue {float:left; width:100%;}
.button_blue ul{float:right;}
.button_blue li{display:inline; width:200px; line-height:28px;}
.button_blue li a {background-color:#808080; border:1px solid #6a6a6a; width:200px; color:white; line-height:28px; font-weight:blod; text-decoration:none;padding:10px 10px;}
.float_r{float:right;}
.float_l{float:left;}


/*==================================================================
	font color
===================================================================*/
.fc_green{ color:#528f00;}
.fc_orange{ color:#f3691a;}
.fc_black{ color:#222222;}
.lec_btitle{color:#222222; font-weight:600;}





/*==================================================================
	패딩 값
===================================================================*/
.sp5{padding:5px;}
.sp10{padding:10px;}
.sp15{padding:15px;}
.sp20{padding:20px;}
.sp25{padding:25px;}
.sp30{padding:30px;}
.sp35{padding:35px;}
.sp40{padding:40px;}
.sp45{padding:45px;}
.sp50{padding:50px;}




.spl5{padding-left:5px;}
.spl10{padding-left:10px;}
.spl15{padding-left:15px;}
.spl20{padding-left:20px;}
.spl25{padding-left:25px;}
.spl30{padding-left:30px;}
.spl35{padding-left:35px;}
.spl40{padding-left:40px;}
.spl45{padding-left:45px;}
.spl50{padding-left:50px;}

.spr5{padding-right:5px;}
.spr10{padding-right:10px;}
.spr15{padding-right:15px;}
.spr20{padding-right:20px;}
.spr25{padding-right:25px;}
.spr30{padding-right:30px;}
.spr35{padding-right:35px;}
.spr40{padding-right:40px;}
.spr45{padding-right:45px;}
.spr50{padding-right:50px;}

.spt5{padding-top:5px;}
.spt10{padding-top:10px;}
.spt15{padding-top:15px;}
.spt20{padding-top:20px;}
.spt25{padding-top:25px;}
.spt30{padding-top:30px;}
.spt35{padding-top:35px;}
.spt40{padding-top:40px;}
.spt45{padding-top:45px;}
.spt50{padding-top:50px;}

.spb5{padding-bottom:5px;}
.spb10{padding-bottom:10px;}
.spb15{padding-bottom:15px;}
.spb20{padding-bottom:20px;}
.spb25{padding-bottom:25px;}
.spb30{padding-bottom:30px;}
.spb35{padding-bottom:35px;}
.spb40{padding-bottom:40px;}
.spb45{padding-bottom:45px;}
.spb50{padding-bottom:50px;}

/*==================================================================
	마진 값
===================================================================*/
.sml5{margin-left:5px;}
.sml10{margin-left:10px;}
.sml15{margin-left:15px;}
.sml20{margin-left:20px;}
.sml25{margin-left:25px;}
.sml30{margin-left:30px;}
.sml35{margin-left:35px;}
.sml40{margin-left:40px;}
.sml45{margin-left:45px;}
.sml50{margin-left:50px;}

.smr5{margin-right:5px;}
.smr10{margin-right:10px;}
.smr15{margin-right:15px;}
.smr20{margin-right:20px;}
.smr25{margin-right:25px;}
.smr30{margin-right:30px;}
.smr35{margin-right:35px;}
.smr40{margin-right:40px;}
.smr45{margin-right:45px;}
.smr50{margin-right:50px;}

.smt5{margin-top:5px;}
.smt10{margin-top:10px;}
.smt15{margin-top:15px;}
.smt20{margin-top:20px;}
.smt25{margin-top:25px;}
.smt30{margin-top:30px;}
.smt35{margin-top:35px;}
.smt40{margin-top:40px;}
.smt45{margin-top:45px;}
.smt50{margin-top:50px;}

.smb5{margin-bottom:5px;}
.smb10{margin-bottom:10px;}
.smb15{margin-bottom:15px;}
.smb20{margin-bottom:20px;}
.smb25{margin-bottom:25px;}
.smb30{margin-bottom:30px;}
.smb35{margin-bottom:35px;}
.smb40{margin-bottom:40px;}
.smb45{margin-bottom:45px;}
.smb50{margin-bottom:50px;}