﻿/* ------------------Reset--------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border: 1px solid #CCC; padding:0 ; margin:2px 0; outline: 0; }
iframe {border:0; margin:0; padding:0;}

html, body {width:100%; padding:0; margin:0;}
body {background: #fff; color: #000; min-width: 320px}
ul{margin:0 0 5px 0}
p{margin:0 0 5px 0}

a{text-decoration: none; color: #00aeff;}
a:hover {color: #00aeff; }

/* -------------------------------------------- */
/* ------------------Header-------------------- */
header {background:#47091b}
header .wrap-header{padding:5px 0}

header #logo{color: #fff; font-size:18px; font-weight:bold; margin:12px 6px;}
header #name{color: #fff; font-size:14px; margin:30px 4px 0 0;}

header #search {position: absolute;top: 50px; right:0px; width: 258px;z-index: 15;}
header .button-search {	position: absolute;	left: 0px;	background: url('../images/button-search.png') center center no-repeat;	width: 28px;	height: 24px;	border-right: 1px solid #CCCCCC;	cursor: pointer;}
header #search input {	background: #FFF;	padding: 1px 1px 1px 33px;	width: 222px;	height: 21px;	border: 1px solid #CCCCCC;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;-khtml-border-radius: 3px;	border-radius: 3px;}


/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav {}

nav .nav-1dt {width:100%; background: #e64f7c;}
nav .nav-2dt {width:100%; background: #ffffff; border-bottom:2px solid #cccccc}

nav .wrap-nav-1dt {height: 40px; background: #e64f7c;}
nav .wrap-nav-2dt {height: 40px; background: #ffffff;}


.m1 {position: relative;float: left; padding: 9px 20px 4px 20px; background: #fff}
.m1 a{font-size: 14px; font-weight:bold; line-height:14px; color:#cc0033; display: block; padding: 4px 0px;margin-bottom: 5px; text-decoration:none}
.m1 a:hover{background: #fff}

.m2 {position: relative;float: left; padding: 9px 20px 4px 20px;}
.m2 a{font-size: 14px; font-weight:bold; line-height:14px; color:#fff; display: block; padding: 4px 0px;margin-bottom: 5px; text-decoration:none}
.m2 a:hover{background: #fff; color:#cc0033;}


.m3 {position: relative;float: left;padding: 9px 20px 4px 20px; border-bottom:2px solid #cc0033; position: relative; bottom:-2px;}
.m3 a{font-size: 14px; font-weight:bold; line-height:14px;color:#999; display: block; padding: 4px 0; text-decoration:none; color:#cc0033;}
.m3 a:hover{color:#cc0033; }

.m4 {position: relative;float: left;padding: 9px 20px 4px 20px;}
.m4 a{font-size: 14px; font-weight:bold; line-height:14px;color:#999; display: block; padding: 4px 0; text-decoration:none}
.m4 a:hover{color:#cc0033; }





/* -------------------------------------------- */
/* ------------------Style--------------------- */

.black_layer{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.dotted {
  padding: 5px 10px;
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 3px 3px;
  -moz-background-size: 3px 3px;
  background-size: 3px 3px;
  margin:20px 0;
}

.stripped {
  padding: 3px;
  background-image: -webkit-repeating-linear-gradient(135deg, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.2) 3px);
  background-image: -moz-repeating-linear-gradient(135deg, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.2) 3px);
  background-image: -o-repeating-linear-gradient(135deg, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.2) 3px);
  background-image: repeating-linear-gradient(135deg, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.2) 3px);
  -webkit-background-size: 4px 4px;
  -moz-background-size: 4px 4px;
  background-size: 4px 4px;
  margin:2px 2px 5px 2px;
  font-weight:bold;
}

.gradient1 {
border:1px solid #ccc;	
padding:0 10px;
margin:5px;
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
    
.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}
.pointer{cursor:pointer}
.pagination{letter-spacing:4px; padding:10px;}
.pagination a{ background-color:#eee; border:1px solid #ccc; padding:3px 2px 3px 5px; font-size:12px;}
.pagination a:hover{ background-color:#0033cc;border:1px solid #0033cc; padding:3px 2px 3px 5px; font-size:12px; text-decoration:none; color:#fff }
.pagination .selected{ background-color:#0033cc;border:1px solid #0033cc; padding:3px 2px 3px 5px; font-size:12px; text-decoration:none; color:#fff }

header a{color:#fff}
header a:hover{color:#fff}

hr 	{border-top: #ccc 1px solid; border-bottom:hidden; border-left:hidden; border-right:hidden; line-height:0; font-size:0; padding:0;}
.hr {border-top: #ccc 1px dashed; border-bottom:hidden; border-left:hidden; border-right:hidden; line-height:0; font-size:0; padding:0; margin:20px 0}
.hr2 {border-top: #ccc 1px dashed; border-bottom:hidden; border-left:hidden; border-right:hidden; line-height:0; font-size:0; padding:0; margin:0 0 5px 0;}

.frt{ float:right}
.flt{ float:left}

.ct{text-align:center;}
.rt{text-align:right}
.lt{text-align:left}

.s1 {padding:5px 0}
.s2 {padding:0 10px}
.s3 {font-size:12px;margin-top:13px; text-decoration:underline; color:#0033cc}
.s5 {display:inline-block; float:left; padding:2px}
.s6 {display:inline-block; float:left; background-color:#ff3333; color:#fff; padding:2px}
.s7 {text-align:right; font-size:14px; text-decoration:underline; padding:2px;}
.s8 {font-size:12px; margin-top:12px;}
.s9 {display: block; background-color:#999; color:#fff; font-size:12px; width:18px; padding:0px 2px; text-align:center}
.s10 {}
.s11 {border:1px solid #CCC; padding:10px; margin:5px; text-align:center}
.s12 {display:none; width:100%; padding:100px; position: absolute; top: 0; z-index:1002; overflow: auto;}
.s13 {background-color:#fff; border:1px solid #333;}
.s14 {background-color:#ccc; padding:10px; text-align:right; cursor:pointer}
.s15 {padding:0 5px 0 0;}
.s16 {border:1px solid #CCC; width:90px; height:90px; padding:5px; text-align:center}
.s17 {position: absolute; top:80px;; padding-left:95px}
.s18 {border:1px solid #CCC; padding:10px; font-weight:bold}
.s19 {border-top: 2px solid #9fb7d5; margin:0 1px}
.s20 {border-top: 2px solid #7c9dc5; margin:0 1px}
.s21 {border-top: 2px solid #4070ab; margin:0 1px}
.s22 {border-top: 2px solid #0033cc; margin:0 1px}
.s23 {background-image:url('../images/1x1.gif'); background-repeat:repeat-y; background-position:center; text-align:center}
.s24 {height:130px; width:1px; background-color:#ccc; margin:50px 70px 0 70px }
.s25 {border:1px solid #ccc; border-left:none; border-right:none; text-align:center; padding:5px; margin:5px}

	
/* -------------------------------------------- */
/* ------------------Tab---------------------- */
.tab1 {border:1px solid #000; border-bottom-color:#FFF; padding:5px ; font-size:16px; font-weight:bold; color:#000; display:inline-block; width:100%; text-align:center; cursor:pointer}
.tab2 {border:1px solid #ccc; border-bottom-color:#000; padding:5px ; font-size:16px; font-weight:bold; color:#ccc; display:inline-block; width:100%; text-align:center; cursor:pointer}
.tab3 {border:1px solid #ccc; padding:7px 7px 7px 20px; float:left; font-size:12px; color:#999; margin:1px; background-image:url(../images/img_03_en.gif); background-repeat: no-repeat; background-position: left;}
.tab4 {border:1px solid #ccc; padding:7px 7px 7px 20px; float:left; font-size:12px; color:#999; margin:1px; background-image:url(../images/img_03_dis.gif); background-repeat: no-repeat; background-position: left;}
.tab4 a{color:#999}
.tab4 a:hover{color: #0033cc; text-decoration: underline;}


/* -------------------------------------------- */
/* ------------------Font---------------------- */

body, select, input, body, div, textarea, button {color:#333; font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important; font-size:14px; line-height:20px}

h1{font-size:28px; margin:10px 0}
h2{font-size:20px; margin:30px 0 5px 0;}
h3{font-size:16px; margin:10px 0 5px 0;}

.f16bk_b{font-size:16px; color:#333; font-weight:bold}
.f12rd{font-size:12px; color:#ff3333}
.f14rd{font-size:14px; color:#ff3333}
.f14rd_b{font-size:14px; color:#ff3333; font-weight:bold}
.f16rd_b{font-size:16px; color:#ff3333; font-weight:bold}
.f12bl{font-size:12px; color:#0033cc}
.f12bl_b{font-size:12px; color:#0033cc; font-weight:bold}
.f12bl_u{font-size:12px; color:#0033cc; text-decoration:underline}
.f14bl{font-size:14px; color:#0033cc}
.f14bl_b{font-size:14px; color:#0033cc; font-weight:bold}
.f14sk{font-size:14px; color:#00aeff;}
.f14sk_b{font-size:14px; color:#00aeff; font-weight:bold}
.f18bl_b{font-size:18px; color:#0033cc; font-weight:bold}
.f20bl_b{font-size:20px; color:#0033cc; font-weight:bold}
.f20bk_b{font-size:20px; color:#000; font-weight:bold}
.f14bl_u{font-size:14px; color:#0033cc; text-decoration:underline}
.f12bk{font-size:12px;}
.f12bk_b{font-size:12px; font-weight:bold}
.f12gy{font-size:12px; color:#999}
.f14gy{font-size:14px; color:#999}
.f14gy_b{font-size:14px; color:#999; font-weight:bold}
.f14gn_b{font-size:14px; color:#00ae5d; font-weight:bold}

.f14sk{font-size:14px; color:#28aadc}
.f14lbl{font-size:14px; color:#4f7ce6}
.f14lbl_b{font-size:14px; color:#4f7ce6; font-weight:bold}
.f14bk_b{font-size:14px; font-weight:bold}
.f14lpu{font-size:14px; color:#9999ff}
.f14dpu{font-size:14px; color:#3333ff}
.f14or{font-size:14px; color:#f6871f;}
.f14or_b{font-size:14px; color:#f6871f; font-weight:bold}

.f12or_bg{font-size:12px; color:#fff; background-color:#f6871f; padding:1px; display:inline-block; line-height:14px}
.f12bl_bg{font-size:12px; color:#fff; background-color:#0033cc; padding:1px; display:inline-block; line-height:14px}
.f12gn_bg{font-size:12px; color:#fff; background-color:#00ae5d; padding:1px; display:inline-block; line-height:14px}
.f12rd_bg{font-size:12px; color:#fff; background-color:#ff3333; padding:1px; display:inline-block; line-height:14px}
.f12gy_bg{font-size:12px; color:#fff; background-color:#999999; padding:1px; display:inline-block; line-height:14px}
.f12sk_bg{font-size:12px; color:#fff; background-color:#00aeff; padding:1px; display:inline-block; line-height:14px}

.f10or_bg{font-size:10px; color:#fff; background-color:#f6871f; padding:1px; display:inline-block; line-height:14px}
.f10bl_bg{font-size:10px; color:#fff; background-color:#0033cc; padding:1px; display:inline-block; line-height:14px}
.f10gn_bg{font-size:10px; color:#fff; background-color:#00ae5d; padding:1px; display:inline-block; line-height:14px}
.f10rd_bg{font-size:10px; color:#fff; background-color:#ff3333; padding:1px; display:inline-block; line-height:14px}
.f10gy_bg{font-size:10px; color:#fff; background-color:#999999; padding:1px; display:inline-block; line-height:14px}
.f10sk_bg{font-size:10px; color:#fff; background-color:#00aeff; padding:1px; display:inline-block; line-height:14px}



/* -------------------------------------------- */
/* ------------------Button--------------------- */
.btn1 {
	background: #5e5e5e;
	background-image: -webkit-linear-gradient(top, #5e5e5e, #383838);
	background-image: -moz-linear-gradient(top, #5e5e5e, #383838);
	background-image: -ms-linear-gradient(top, #5e5e5e, #383838);
	background-image: -o-linear-gradient(top, #5e5e5e, #383838);
	background-image: linear-gradient(to bottom, #5e5e5e, #383838);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 3px;
	color: #ffffff;
	font-size: 14px;
	padding: 2px 15px;
	border: solid #000000 1px;
	text-decoration: none;
	display: inline-block;
	min-width: 50px;
	text-align: center;
	font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important;
	cursor:pointer;
	margin:2px 0;
}

.btn1:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #7b7b7b, #4e4e4e);
	background-image: -moz-linear-gradient(top, #7b7b7b, #4e4e4e);
	background-image: -ms-linear-gradient(top, #7b7b7b, #4e4e4e);
	background-image: -o-linear-gradient(top, #7b7b7b, #4e4e4e);
	background-image: linear-gradient(to bottom, #7b7b7b, #4e4e4e);
	text-decoration: none;
	color:#ffffff;
}

.btn2 {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 3px;
	color: #ffffff;
	font-size: 14px;
	padding: 2px 15px;
	border: solid #1f628d 1px;
	text-decoration: none;
	display: inline-block;
	min-width: 50px;
	text-align: center;
	font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important;
	cursor:pointer;
	margin:2px 0;
}

.btn2:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  	text-decoration: none;
	color:#ffffff;
}


.btn3 {
	background: #5e5e5e;
	background-image: -webkit-linear-gradient(top, #5e5e5e, #383838);
	background-image: -moz-linear-gradient(top, #5e5e5e, #383838);
	background-image: -ms-linear-gradient(top, #5e5e5e, #383838);
	background-image: -o-linear-gradient(top, #5e5e5e, #383838);
	background-image: linear-gradient(to bottom, #5e5e5e, #383838);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 3px;
	color: #ffffff;
	font-size: 14px;
	padding: 2px 4px;
	border: solid #000000 1px;
	text-decoration: none;
	display: inline-block;
	min-width: 30px;
	text-align: center;
	font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important;
	cursor:pointer;
	margin:2px 0;
}

.btn3:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #7b7b7b, #4e4e4e);
	background-image: -moz-linear-gradient(top, #7b7b7b, #4e4e4e);
	background-image: -ms-linear-gradient(top, #7b7b7b, #4e4e4e);
	background-image: -o-linear-gradient(top, #7b7b7b, #4e4e4e);
	background-image: linear-gradient(to bottom, #7b7b7b, #4e4e4e);
	text-decoration: none;
	color:#ffffff;
}


.btn4 {
	background: #909ba0;
	background-image: -webkit-linear-gradient(top, #909ba0, #909ba0);
	background-image: -moz-linear-gradient(top, #909ba0, #909ba0);
	background-image: -ms-linear-gradient(top, #909ba0, #909ba0);
	background-image: -o-linear-gradient(top, #909ba0, #909ba0);
	background-image: linear-gradient(to bottom, #909ba0, #909ba0);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	color: #ffffff;
	font-size: 14px;
	padding: 2px 15px;
	border: solid #909ba0 1px;
	text-decoration: none;
	display: inline-block;
	min-width: 50px;
	text-align: center;
	font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important;
	cursor:pointer;
	margin:2px 0;
}


.btn5 {
  background: #724bc5;
  background-image: -webkit-linear-gradient(top, #724bc5, #472d84);
  background-image: -moz-linear-gradient(top, #724bc5, #472d84);
  background-image: -ms-linear-gradient(top, #724bc5, #472d84);
  background-image: -o-linear-gradient(top, #724bc5, #472d84);
  background-image: linear-gradient(to bottom, #724bc5, #472d84);
  color: #ffffff;
  padding: 10px 0;
  text-decoration: none;
  font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important;
  cursor:pointer;
}


.btn6 {
  background: #999999;
  background-image: -webkit-linear-gradient(top, #999999, #666666);
  background-image: -moz-linear-gradient(top, #999999, #666666);
  background-image: -ms-linear-gradient(top, #999999, #666666);
  background-image: -o-linear-gradient(top, #999999, #666666);
  background-image: linear-gradient(to bottom, #999999, #666666);
  color: #ffffff;
  padding: 10px 0;
  text-decoration: none;
  font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important;
  cursor:pointer;  
}

.btn7 {
  background: #333333;
  background-image: -webkit-linear-gradient(top, #333333, #000000);
  background-image: -moz-linear-gradient(top, #333333, #000000);
  background-image: -ms-linear-gradient(top, #333333, #000000);
  background-image: -o-linear-gradient(top, #333333, #000000);
  background-image: linear-gradient(to bottom, #333333, #000000);
  -webkit-box-shadow: 0px 3px 3px #999999;
  -moz-box-shadow: 0px 3px 3px #999999;
  box-shadow: 0px 3px 3px #999999;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
  font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important;
  cursor:pointer;  
  margin:30px 0;
  margin:2px 0;
}

.btn7:hover {
  background: #777777;
  background-image: -webkit-linear-gradient(top, #666666, #444444);
  background-image: -moz-linear-gradient(top, #666666, #444444);
  background-image: -ms-linear-gradient(top, #666666, #444444);
  background-image: -o-linear-gradient(top, #666666, #444444);
  background-image: linear-gradient(to bottom, #666666, #444444);
  text-decoration: none;
  cursor: pointer;
}

.btn8 {
  background: #999999;
  background-image: -webkit-linear-gradient(top, #999999, #666666);
  background-image: -moz-linear-gradient(top, #999999, #666666);
  background-image: -ms-linear-gradient(top, #999999, #666666);
  background-image: -o-linear-gradient(top, #999999, #666666);
  background-image: linear-gradient(to bottom, #999999, #666666);
  -webkit-box-shadow: 0px 3px 3px #999999;
  -moz-box-shadow: 0px 3px 3px #999999;
  box-shadow: 0px 3px 3px #999999;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
  font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important;
  cursor:pointer;  
  margin:30px 0;
  margin:2px 0;
}

.btn8:hover {
  background: #666666;
  background-image: -webkit-linear-gradient(top, #666666, #333333);
  background-image: -moz-linear-gradient(top, #666666, #333333);
  background-image: -ms-linear-gradient(top, #666666, #333333);
  background-image: -o-linear-gradient(top, #666666, #333333);
  background-image: linear-gradient(to bottom, #666666, #333333);
  text-decoration: none;
  cursor: pointer;
  color: #ffffff;
}

.btn9 {
  background: #4f7ce6;
  background-image: -webkit-linear-gradient(top, #4f7ce6, #3f6acf);
  background-image: -moz-linear-gradient(top, #4f7ce6, #3f6acf);
  background-image: -ms-linear-gradient(top, #4f7ce6, #3f6acf);
  background-image: -o-linear-gradient(top, #4f7ce6, #3f6acf);
  background-image: linear-gradient(to bottom, #4f7ce6, #3f6acf);
  -webkit-box-shadow: 0px 3px 3px #999999;
  -moz-box-shadow: 0px 3px 3px #999999;
  box-shadow: 0px 3px 3px #999999;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
  font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important;
  cursor:pointer;  
  margin:30px 0;
  margin:2px 0;
}

.btn9:hover {
  background: #1a4cc2;
  background-image: -webkit-linear-gradient(top, #1a4cc2, #294893);
  background-image: -moz-linear-gradient(top, #1a4cc2, #294893);
  background-image: -ms-linear-gradient(top, #1a4cc2, #294893);
  background-image: -o-linear-gradient(top, #1a4cc2, #294893);
  background-image: linear-gradient(to bottom, #1a4cc2, #294893);
  text-decoration: none;
  cursor: pointer;
}


/* -------------------------------------------- */
/* ------------------Featured---------------- */
.featured{margin:30px auto;}
.featured .wrap-featured{background:#333;}
.featured .wrap-featured .slider{padding: 10px;}


/* -------------------------------------------- */
/* ------------------Content------------------- */
#content {background-image:url(../photo/kfceologo.png); background-repeat:repeat-o;}
#content .wrap-content{background-color:#fff; min-height:700px;}

.block01 {padding:20px}
.block02 {padding:0 0 3px 0;}
.block03 {width:49px; display:inline-block; text-align:center}
.block04 {}
.block05 {}
.block06 {padding:20px}
.block07 {padding:5px 0}
.block08 {padding:20px 0}
.block09 {}
.block10 {}
.block11 {padding:15px 5px 5px 5px;}
.block12 {padding:10px 0 5px 0}
.block13 {padding:30px 0 0 0; text-align:right}

.block-col-1-0 {border:1px solid #ccc; padding:5px; margin: 0 5px 10px 5px; display:inline-block; width:155px; text-align:center; background-color:#fff}
.block-col-1-1 {border:1px solid #ccc; padding:2px; margin: 0 5px 10px 5px; display:inline-block; width:90px; text-align:center; background-color:#fff}
.block-col-1-2 {border:1px solid #ccc; padding:2px; margin: 0 5px 10px 5px; display:inline-block; width:120px; text-align:center; background-color:#fff}
.block-col-1-3 {border:1px solid #ccc; padding:2px; margin: 0 5px 10px 5px; display:inline-block; width:155px; text-align:center; background-color:#fff}
.block-col-1-4 {border:1px solid #ccc; padding:2px; margin: 0 5px 10px 5px; display:inline-block; width:230px; text-align:center; background-color:#fff}
.block-col-1-5 {border:1px solid #ccc; padding:2px; margin: 0 5px 10px 5px; display:inline-block; width:290px; text-align:center; background-color:#fff}
.block-col-1-6 {border:1px solid #ccc; padding:2px; margin: 0 5px 10px 5px; display:inline-block; width:380px; text-align:center; background-color:#fff}

.block-col-1-0:after {clear:both}
.block-col-1-1:after {clear:both}
.block-col-1-2:after {clear:both}
.block-col-1-3:after {clear:both}
.block-col-1-4:after {clear:both}
.block-col-1-5:after {clear:both}
.block-col-1-6:after {clear:both}

.unit-col-1-3 {border:1px solid #ccc; padding:2px; margin: 2px; display:inline-block; text-align:left; background-color:#fff; min-width:190px}
.unit-col-1-5 {border:1px solid #ccc; padding:2px; margin: 2px; display:inline-block; text-align:left; background-color:#fff; min-width:315px}

.unit-col-1-3:after {clear:both}
.unit-col-1-5:after {clear:both}


article{clear: both;}

/* -------------------------------------------- */
/* ------------------Footer-------------------- */
footer{}
.wrap-footer{background-color:#eee}
.copyright{padding:20px 10px}


/* -------------------------------------------- */
/* ------------------Components-------------------- */
.photos{}
.photos:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.photos a{display: block; float:left; margin: 0px 4px 10px 4px;position: relative;}
.photos a img{display:block; border:1px solid #CCC;}