@charset "utf-8";

/* ===============================================================
 * Worker	: 김수현 (syun@dnworks.co.kr)
 * Name		: default.css
 * Desc		: 안동시 전자간행물
 * Created	: 2014/11/26
=============================================================== */

@import url("layout.css");
@import url("board.css");

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: local('NanumGothic Regular'), local('NanumGothic-Regular'), local('NanumGothic Regular');
  src: url('/newsletter/css/font/NanumGothic.eot');
  src: url('/newsletter/css/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
       url('/newsletter/css/font/NanumGothic.woff') format('woff'),
       url('/newsletter/css/font/NanumGothic.ttf') format('truetype');
}

/* CSS Document */
* { margin:0; padding:0; }
img, a img, input.image { border:0 none; margin:0; padding:0; }
hr { display:none; }
form, div, fieldset { margin:0; padding:0; border:0; }
fieldset legend { font-size:0; height:0; left:0; line-height:0; margin:0; padding:0; position:absolute; top:0; visibility:hidden; overflow:hidden; }
button { background:none; border:0 none; clear:both; cursor:pointer; margin:0; padding:0; }
button .blind { display:none; }
body { font-size:75%; font-family:'NanumGothic', sans-serif !important; line-height:1.60em; color:#555; letter-spacing:0; background:#f8f8f8; }
div { z-index:1; font-family:'NanumGothic', sans-serif !important; }

/* table */
table { border-collapse:collapse; }
td { word-break:break-all; }

/* iframe */
iframe {margin: 0; padding: 0; border: none;}
address { font-size:12px; }

/* heading */
hr { position:absolute; width:0; height:0; font-size:0; overflow:hidden; line-height:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%; }

/* png
.png24 { tmp:expression(setPng24(this)); }
 */

/* 문단의 기본마진 */
p { margin-bottom:1px; }

/* 리스트스타일 */
dl, dt, dd { padding:0; margin:0; }
ul { list-style:none;}
ul li {list-style:none; }
ol { list-style:decimal; }
ol li { display:list-item; }

/* input, select */
select { font-family:'NanumGothic', sans-serif !important; font-size:12px; vertical-align:middle; }
select.txt1 { height:18px; line-height:1.6em; padding:5px 0; border:1px solid #cacaca; font-size:1.0em; background-color:#fff; color:#666; }
select.txt2 { float:left; height:20px; padding:0; margin:2px 0 0 10px; border:1px solid #cacaca; font-size:1.0em; background-color:#fff; color:#666; }
textarea { border:1px solid #D7D7D7; line-height:18px; vertical-align:middle; overflow-x:hidden; overflow-y:auto; }
input { color:#666; vertical-align:middle; }
input.txt1 { height:18px; border:1px solid #d6d6d6; padding:5px; }
input.txt2 { height:20px; border:1px solid #d6d6d6; padding:5px; }
input.calendar { border:1px solid #cacaca; padding:5px 5px 3px; width:80px; height:13px; }
input.post { border:1px solid #cacaca; padding:5px 5px 3px; width:300px; height:13px; }
input.tel { border:1px solid #cacaca; padding:5px 5px 3px; width:60px; height:13px; }
input.search { float:left; border:none; height:13px; margin:2px 5px; padding:2px 5px; font-size:0.9em; }

/* width size */
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w31 { width:31%; }
.w32 { width:32%; }
.w33 { width:33%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:66%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w85 { width:85%; }
.w90 { width:90%; }
.w95 { width:95%; }
.w100 { width:100%; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w330 { width:330px; }
.w350 { width:350px; }
.w370 { width:370px; }
.w400 { width:400px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w550 { width:550px; }
.w600 { width:600px; }

/*폰트사이즈*/
.f11 { font-size:0.9em; }
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }

.lH13 { line-height:1.3em; }
.lH15 { line-height:1.5em; }
.lH16 { line-height:1.6em; }
.lH17 { line-height:1.7em; }
.lH22 { line-height:2.2em; }

/* common */
.overH		{ overflow:hidden; }
.visibleH		{ visibility:hidden; }
.disN			{ display:none; }
.disB			{ display:block; }
.lstN			{ list-style:none; }
.hand			{ cursor:pointer; }
.clear			{ clear:both; }
.overFa		{ overflow:auto; }
.noBG		{ background-image:none; }
.mg0a		{ margin:0 auto; }

/* font-style */
.verdana		{ font-family:verdana; }
.bold			{ font-weight:bold !important; }
.no_bold		{ font-weight:normal !important; }
.ls-005		{ letter-spacing:-0.05em; }
.ls-01			{ letter-spacing:-0.1em; }
.ls-1			{ letter-spacing:-1px; }

/* line */
.line			{ text-decoration:underline; }
.noline		{ text-decoration:none; }
.noBrd		{ border:0; }
.brd1			{ border:1px solid #dedede; }

/*align*/
.aL			{ text-align:left !important; }
.aR			{ text-align:right !important; }
.aC			{ text-align:center !important; }
.vaT			{ vertical-align:top; }
.vaM			{ vertical-align:middle; }

/*float*/
.flL			{ float:left !important; }
.flR			{ float:right !important; }
.flN			{ float:none !important; }

/* color */
.white		{ color:#fff; }
.orange		{ color:#ff5400; }
.green		{ color:#0e6756; }
.green2		{ color:#1b896d; }
.blue			{ color:#3971b9; }
.blue2		{ color:#3562d2; }
.red			{ color:#c41709; }
.black		{ color:#000000; }
.gray			{ color:#666; }
.gray1		{ color:#454545; }
.gray0		{ color:#333; }
.marine		{ color:#0118a3; }
.yellow		{ color:#ecab2e; }
.purple		{ color:#624695; }
.wine			{ color:#b13763; }
.red_brown { color:#ac7b00; }

/* background color */
.bg_gray { height:100%; color:#333; font-weight:bold; padding:15px 0; background:#f8f8f8; overflow:hidden; }
.bg_blue { height:100%; color:#fff; font-weight:bold; padding:15px 0; background:#3971b9; overflow:hidden; }
.bg_yellow { height:100%; color:#333; font-weight:bold; padding:15px 0; background:#ecab2e; overflow:hidden; }
.bg_wine { height:100%; color:#fff; font-weight:bold; padding:15px 0; background:#b13763; overflow:hidden; }
.bg_green { height:100%; color:#fff; font-weight:bold; padding:15px 0; background:#0e6756; overflow:hidden; }
.bg_orange { height:100%; color:#fff; font-weight:bold; padding:15px 0; background:#ff5400; overflow:hidden; }

/* margin */
.mar_t1 {margin-top:1px;}
.mar_t2 {margin-top:2px;}
.mar_t3 {margin-top:3px;}
.mar_t4 {margin-top:4px;}
.mar_t5 {margin-top:5px;}
.mar_t6 {margin-top:6px;}
.mar_t7 {margin-top:7px;}
.mar_t8 {margin-top:8px;}
.mar_t9 {margin-top:9px;}
.mar_t10 {margin-top:10px;}
.mar_t13 {margin-top:13px;}
.mar_t14 {margin-top:14px;}
.mar_t15 {margin-top:15px;}
.mar_t19 {margin-top:19px;}
.mar_t20 {margin-top:20px;}
.mar_t23 {margin-top:23px;}
.mar_t25 {margin-top:25px;}
.mar_t30 {margin-top:30px;}
.mar_t35 {margin-top:35px;}
.mar_t40 {margin-top:40px;}
.mar_t45 {margin-top:45px;}
.mar_t50 {margin-top:50px;}
.mar_t55 {margin-top:55px;}
.mar_t60 {margin-top:60px;}
.mar_t70 {margin-top:70px;}

.mar_b1 {margin-bottom:1px;}
.mar_b2 {margin-bottom:2px;}
.mar_b3 {margin-bottom:3px;}
.mar_b4 {margin-bottom:4px;}
.mar_b5 {margin-bottom:5px;}
.mar_b6 {margin-bottom:6px;}
.mar_b7 {margin-bottom:7px;}
.mar_b8 {margin-bottom:8px;}
.mar_b9 {margin-bottom:9px;}
.mar_b10 {margin-bottom:10px;}
.mar_b15 {margin-bottom:15px;}
.mar_b20 {margin-bottom:20px;}
.mar_b25 {margin-bottom:25px;}
.mar_b30 {margin-bottom:30px;}
.mar_b35 {margin-bottom:35px;}
.mar_b40 {margin-bottom:40px;}
.mar_b45 {margin-bottom:45px;}
.mar_b50 {margin-bottom:50px;}

.mar_r1 {margin-right:1px;}
.mar_r2 {margin-right:2px;}
.mar_r3 {margin-right:3px;}
.mar_r4 {margin-right:4px;}
.mar_r5 {margin-right:5px;}
.mar_r6 {margin-right:6px;}
.mar_r7 {margin-right:7px;}
.mar_r8 {margin-right:8px;}
.mar_r9 {margin-right:9px;}
.mar_r10 {margin-right:10px;}
.mar_r13 {margin-right:13px;}
.mar_r15 {margin-right:15px;}
.mar_r18 {margin-right:18px;}
.mar_r20 {margin-right:20px;}
.mar_r25 {margin-right:25px;}
.mar_r28 {margin-right:28px;}
.mar_r30 {margin-right:30px;}
.mar_r33 {margin-right:33px;}
.mar_r30 {margin-right:30px;}
.mar_r35 {margin-right:35px;}
.mar_r37 {margin-right:37px;}
.mar_r40 {margin-right:40px;}
.mar_r45 {margin-right:45px;}
.mar_r50 {margin-right:50px;}
.mar_r100 {margin-right:100px;}
.mar_r110 {margin-right:110px;}

.mar_l1 {margin-left:1px;}
.mar_l2 {margin-left:2px;}
.mar_l3 {margin-left:3px;}
.mar_l4 {margin-left:4px;}
.mar_l5 {margin-left:5px;}
.mar_l6 {margin-left:6px;}
.mar_l7 {margin-left:7px;}
.mar_l8 {margin-left:8px;}
.mar_l9 {margin-left:9px;}
.mar_l10 {margin-left:10px;}
.mar_l11 {margin-left:11px;}
.mar_l12 {margin-left:12px;}
.mar_l13 {margin-left:13px;}
.mar_l14 {margin-left:14px;}
.mar_l15 {margin-left:15px;}
.mar_l20 {margin-left:20px;}
.mar_l25 {margin-left:25px;}
.mar_l26 {margin-left:26px;}
.mar_l27 {margin-left:27px;}
.mar_l28 {margin-left:28px;}
.mar_l29 {margin-left:29px;}
.mar_l30 {margin-left:30px;}
.mar_l35 {margin-left:35px;}
.mar_l40 {margin-left:40px;}
.mar_l45 {margin-left:45px;}
.mar_l50 {margin-left:50px;}
.mar_l60 {margin-left:60px;}
.mar_l70 {margin-left:70px;}
.mar_l75 {margin-left:75px;}
.mar_l80 {margin-left:80px;}
.mar_l85 {margin-left:85px;}
.mar_l90 {margin-left:90px;}
.mar_l95 {margin-left:95px;}
.mar_l100 {margin-left:100px;}
.mar_l105 {margin-left:105px;}
.mar_l110 {margin-left:110px;}
.mar_l120 {margin-left:120px;}
.mar_l130 {margin-left:130px;}
.mar_l140 {margin-left:140px;}
.mar_l150 {margin-left:150px;}
.mar_l160 {margin-left:160px;}
.mar_l180 {margin-left:180px;}
.mar_l200 {margin-left:200px;}


/* padding */
.pad_t2 {padding-top:2px;}
.pad_t3 {padding-top:3px;}
.pad_t4 {padding-top:4px;}
.pad_t5 {padding-top:5px;}
.pad_t10 {padding-top:10px;}
.pad_t15 {padding-top:15px;}
.pad_t20 {padding-top:20px;}
.pad_t20 {padding-top:20px;}
.pad_t21 {padding-top:21px;}
.pad_t22 {padding-top:22px;}
.pad_t23 {padding-top:23px;}
.pad_t24 {padding-top:24px;}
.pad_t25 {padding-top:25px;}
.pad_t26 {padding-top:26px;}
.pad_t27 {padding-top:27px;}
.pad_t28 {padding-top:28px;}
.pad_t29 {padding-top:29px;}
.pad_t30 {padding-top:30px;}
.pad_t35 {padding-top:35px;}
.pad_t40 {padding-top:40px;}
.pad_t45 {padding-top:45px;}
.pad_t50 {padding-top:50px;}

.pad_l2 {padding-left:2px;}
.pad_l3 {padding-left:3px;}
.pad_l4 {padding-left:4px;}
.pad_l5 {padding-left:5px;}
.pad_l10 {padding-left:10px;}
.pad_l15 {padding-left:15px;}
.pad_l20 {padding-left:20px;}
.pad_l21 {padding-left:21px;}
.pad_l22 {padding-left:22px;}
.pad_l23 {padding-left:23px;}
.pad_l24 {padding-left:24px;}
.pad_l25 {padding-left:25px;}
.pad_l26 {padding-left:26px;}
.pad_l27 {padding-left:27px;}
.pad_l28 {padding-left:28px;}
.pad_l29 {padding-left:29px;}
.pad_l30 {padding-left:30px;}
.pad_l35 {padding-left:35px;}
.pad_l40 {padding-left:40px;}
.pad_l45 {padding-left:45px;}
.pad_l50 {padding-left:50px;}

.pad_r2 {padding-right:2px;}
.pad_r3 {padding-right:3px;}
.pad_r4 {padding-right:4px;}
.pad_r5 {padding-right:5px;}
.pad_r6 {padding-right:6px;}
.pad_r7 {padding-right:7px;}
.pad_r8 {padding-right:8px;}
.pad_r9 {padding-right:9px;}
.pad_r10 {padding-right:10px;}
.pad_r15 {padding-right:15px;}
.pad_r20 {padding-right:20px;}
.pad_r25 {padding-right:25px;}
.pad_r30 {padding-right:30px;}
.pad_r35 {padding-right:35px;}
.pad_r40 {padding-right:40px;}
.pad_r45 {padding-right:45px;}
.pad_r50 {padding-right:50px;}

.pad_b1 {padding-bottom:1px;}
.pad_b2 {padding-bottom:2px;}
.pad_b3 {padding-bottom:3px;}
.pad_b4 {padding-bottom:4px;}
.pad_b5 {padding-bottom:5px;}
.pad_b10 {padding-bottom:10px;}
.pad_b15 {padding-bottom:15px;}
.pad_b20 {padding-bottom:20px;}
.pad_b25 {padding-bottom:25px;}
.pad_b30 {padding-bottom:30px;}
.pad_b35 {padding-bottom:35px;}
.pad_b40 {padding-bottom:40px;}
.pad_b45 {padding-bottom:45px;}
.pad_b50 {padding-bottom:50px;}

.pad_a10 { padding:10px; }
.pad_a20 { padding:20px; }
.pad_a30 { padding:30px; }


/* space */
.clr0 { clear:both; font-size:0px; line-height:0px; width:100%; height:0; }
.clr1 { clear:both; font-size:0px; line-height:0px; width:100%; height:1px; }
.clr2 { clear:both; font-size:0px; line-height:0px; width:100%; height:2px; }
.clr3 { clear:both; font-size:0px; line-height:0px; width:100%; height:3px; }
.clr4 { clear:both; font-size:0px; line-height:0px; width:100%; height:4px; }
.clr5 { clear:both; font-size:0px; line-height:0px; width:100%; height:5px; }
.clr6 { clear:both; font-size:0px; line-height:0px; width:100%; height:6px; }
.clr7 { clear:both; font-size:0px; line-height:0px; width:100%; height:7px; }
.clr8 { clear:both; font-size:0px; line-height:0px; width:100%; height:8px; }
.clr9 { clear:both; font-size:0px; line-height:0px; width:100%; height:9px; }
.clr10 { clear:both; font-size:0px; line-height:0px; width:100%; height:10px; }
.clr11 { clear:both; font-size:0px; line-height:0px; width:100%; height:11px; }
.clr12 { clear:both; font-size:0px; line-height:0px; width:100%; height:12px; }
.clr13 { clear:both; font-size:0px; line-height:0px; width:100%; height:13px; }
.clr14 { clear:both; font-size:0px; line-height:0px; width:100%; height:14px; }
.clr15 { clear:both; font-size:0px; line-height:0px; width:100%; height:15px; }
.clr20 { clear:both; font-size:0px; line-height:0px; width:100%; height:20px; }
.clr25 { clear:both; font-size:0px; line-height:0px; width:100%; height:25px; }
.clr30 { clear:both; font-size:0px; line-height:0px; width:100%; height:30px; }
.clr40 { clear:both; font-size:0px; line-height:0px; width:100%; height:40px; }
.clr50 { clear:both; font-size:0px; line-height:0px; width:100%; height:50px; }


/* 기본링크 */
a:link { text-decoration:none; color:#666; }
a:hover { color:#666; text-decoration:underline; }
a:visited { color:#666; text-decoration:none; }
a:focus { color:#666; text-decoration:underline; }
a:active { color:#666; text-decoration:underline; }

A.topmenu_link:link { text-decoration:none; color:#666; font-size:1em; }
A.topmenu_link:visited { text-decoration:none; color:#767676; font-size:1em; }
A.topmenu_link:active { text-decoration:none; color:#0063ae; font-size:1em; }
A.topmenu_link:hover {text-decoration:underline; color:#0063ae; font-size:1em; }

A.list_link:link { text-decoration:none; color:#c41709; font-size:1em; }
A.list_link:visited { text-decoration:none; color:#3562d2; font-size:1em; }
A.list_link:active { text-decoration:none; color:#c41709; font-size:1em; }
A.list_link:hover { text-decoration:underline; color:#c41709; font-size:1em; }

A.smenu_link:link { text-decoration:none; color:#555; }
A.smenu_link:visited { text-decoration:none; color:#666;}
A.smenu_link:active { text-decoration:none; color:#555; }
A.smenu_link:hover { text-decoration:underline; color:#c41709; }

A.left_link:link {font-family:"돋움", Dotum;text-decoration:none;color:#555; font-size: 1em;}
A.left_link:visited {font-family: "돋움", Dotum;text-decoration:none;color:#555; font-size: 1em;}
A.left_link:active {font-family: "돋움", Dotum;text-decoration:none;color:#555; font-size: 1em;}
A.left_link:hover {font-family: "돋움", Dotum;text-decoration:underline;color:#555;font-size: 1em;}

A.file_link:link { text-decoration:none; color:#c41709; }
A.file_link:visited { text-decoration:none; color:#3562d2;}
A.file_link:active { text-decoration:none; color:#c41709; }
A.file_link:hover { text-decoration:underline; color:#c41709;}

A.down_link:link {font-family: "돋움", Dotum;text-decoration:none;color: #3562d2;font-size: 1em;}
A.down_link:visited {font-family: "돋움", Dotum;text-decoration:none;color: #3562d2;font-size: 1em;}
A.down_link:active {font-family: "돋움", Dotum;text-decoration:none;color: #3562d2;font-size: 1em;}
A.down_link:hover {font-family: "돋움", Dotum;text-decoration:none;color: #15378a;font-size: 1em;}

A.quick_link:link {font-family: "돋움", Dotum;text-decoration:none;color: #666;font-size: 0.95em;}
A.quick_link:visited {font-family: "돋움", Dotum;text-decoration:none;color: #666;font-size: 0.95em;}
A.quick_link:active {font-family: "돋움", Dotum;text-decoration:none;color: #666;font-size: 0.95em;}
A.quick_link:hover {font-family: "돋움", Dotum;text-decoration:underline;color: #666;font-size: 0.95em;}

A.tab_link:link {font-family: "돋움", Dotum;text-decoration:none;color: #666;font-size: 1em;}
A.tab_link:visited {font-family: "돋움", Dotum;text-decoration:none;color: #666;font-size: 1em;}
A.tab_link:active {font-family: "돋움", Dotum;text-decoration:none;color: #666;font-size: 1em;}
A.tab_link:hover {font-family: "돋움", Dotum;text-decoration:underline;color: #0118a3;font-size: 1em;}