@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
/* -----------------------------
	COMMMON
-------------------------------- */
*{padding:0;margin:0}
html{overflow-y:scroll;overflow-x:auto}
body{margin:0;padding:0;color:#666}
a{outline:none;letter-spacing:0;font-size:12px}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:underline}
ul,li{margin:0;padding:0;outline:none;letter-spacing:0;list-style:none}
img {margin:0;padding:0;border:0px}
hr{display:block}
span{letter-spacing:0;outline:none;letter-spacing:0}
table{border-collapse:collapse}
address{font-style:normal}
fieldset{border:none}
legend{display:none}
caption{display:none}


/*** FONTSTYLE ***/
html,body,a,p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dt,dd,table,td,input,textarea,button,select,iframe{
	font-family: "Nanum Gothic", sans-serif;
}

/* -----------------------------
	Comon elements
-------------------------------- */

.wrap{
	width:980px;
	margin:0 auto
}
.section{
	clear:both;
	overflow:hidden
}

.clear{clear:both}

.left{float:left}
.right{float:right}
.center{margin:0 auto}

.taC{text-align:center}
.taR{text-align:right}
.taL{text-align:left}

.hidden{display:none}
.o_hidden{overflow:hidden}
.b{font-weight:bold}
.dpB{display:block}
.dpIB{display:inline-block;zoom:1;*display:inline}

/* -----------------------------
	P style
-------------------------------- */
.p1{line-height:135%;color:#666;font-size:14px}
.p2{line-height:155%;color:#666;font-size:14px}

/* -----------------------------
	Padding
-------------------------------- */

.pd15{padding:15px}
.pd20{padding:20px}
.pd25{padding:25px}
.pd30{padding:30px}
.pd50{padding:50px}

.pw5{padding:0 5px}
.pw10{padding:0 10px}

.ph15{padding:15px 0}
.ph20{padding:20px 0}
.ph30{padding:30px 0}
.ph50{padding:50px 0}

.pt3{padding-top:3px}
.pt4{padding-top:4px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt50{padding-top:50px}

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

.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr17{padding-right:17px}
.pr20{padding-right:20px}

.pl12{padding-left:12px}
.pl15{padding-left:15px}
.pl18{padding-left:18px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}

/* -----------------------------
	Margin
-------------------------------- */
.ml30{margin-left:30px}
.ml60{margin-left:60px}
.ml90{margin-left:90px}
.ml93{margin-left:93px}
.ml96{margin-left:96px}
.ml97{margin-left:97px}
.ml98{margin-left:98px}
.ml99{margin-left:99px}

.mr5{margin-right:5px}
.mr7{margin-right:7px}


.mt20{margin-top:20px}
.mt30{margin-top:30px}

/* -----------------------------
	Font Size
-------------------------------- */
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs19{font-size:19px}
.fs20{font-size:20px}
.fs24{font-size:24px}
.fs27{font-size:27px}

/* -----------------------------
	Size
-------------------------------- */
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w148{width:148px}
.w150{width:150px}
.w180{width:180px}
.w200{width:200px}
.w250{width:250px}
.w300{width:300px}
.w400{width:400px}
.w430{width:430px}
.w500{width:500px}

.w100p{width:100%}
.w97p{width:97%}
.w98p{width:98%}
.w95p{width:95%}
.w90p{width:90%}
.w70p{width:70%}


/* -----------------------------
	Margin
-------------------------------- */
.mb30{margin-bottom:30px}

/* -----------------------------
	Font Color
-------------------------------- */
.fc_orange{color:#ffb700}
.fc_black{color:#000}
.fc_black2{color:#333}
.fc_black3{color:#555}
.fc_blue{color:#2762a4}
.fc_red{color:#fe3a3a}

/* -----------------------------
	H1~H5 style
-------------------------------- */
.bu1{background:url(../images/bu_1.png) no-repeat left 4px;font-size:17px;padding-left:20px;color:#333}
.bu2{background:url(../images/bu_2.png) no-repeat left 4px;font-size:17px;padding-left:20px;color:#333}
.bu3{background:url(../images/bu_3.png) no-repeat left center;padding-left:10px}

.tt1{line-height:125%;font-size:24px;letter-spacing:-1px;color:#333}
	.tt1.blue{color:#2762a4}
.tt2{line-height:125%;font-size:20px;letter-spacing:-1px;color:#333}
.tt3{line-height:125%;font-size:10px;letter-spacing:-1px;color:#333}
.ttb1{background:#2762a4;color:#fff;font-size:24px;border-top-left-radius:5px;border-top-right-radius:5px;padding:10px 20px}
.ttb3{background: #f19a49;color:#fff;font-size:24px;border-top-left-radius:5px;border-top-right-radius:5px;padding:10px 20px}
/* -----------------------------
	Box
-------------------------------- */

/* 링크스타일 박스 */
.box-type-link{border:1px solid #e6e6e6;border-radius:3px;text-align:center;height:204px;margin-right:10px;margin-bottom:10px}
.box-type-link-2{border:1px solid #e6e6e6;border-radius:3px;text-align:center;margin-right:10px;margin-bottom:10px;padding:10px;}
.box-type-link a{color:#666;font-size:14px}
.box-type-link .inner{padding:20px 10px}
.box-type-link .inner .pic{width:100%;height:120px;text-align:center;display:table-cell;vertical-align:middle;width:300px}
.box-type-link .inner .info{clear:both;font-weight:bold;display:block}
.box-type-link .inner .info span{display:block;clear:both}
.box-type-link .inner .info .url{font-size:14px}
.box-type-link a:hover{text-decoration:underline;color:#04477e}
.box-type-link.last{margin-right:0}

/* 헤드라인 박스 :: 아이콘이 들어가는 형태 */
.box-type-headline{background-color:#f7f7f7;border-radius:3px;text-align:center;padding:30px}
.box-type-headline .inner{background-repeat:no-repeat;background-position:10% center;padding:30px;padding-left:200px}
.box-type-headline .ico_com{background-image:url(/images/aboutKDS/ico_computer.png)}

/* 기본박스 */
.box-type-basic{border:1px solid #e7e7e7;background:#f8f8f8}
.box-type-basic2{background:#f8f8f8}

.round5{border-radius:5px}


/* -----------------------------
	Pagination
-------------------------------- */
.pagination{clear:both;padding:30px 0}
.pagination ol{text-align:center}
.pagination ol li{display:inline-block;zoom:1;*display:inline}
.pagination ol li a{display:block;width:26px;height:26px;line-height:26px;color:#666;text-align:center;border:1px solid #e1e1e1;font-size:14px}
.pagination ol li a:hover{text-decoration:none}
.pagination ol li.current a{background:#2762a4;color:#fff}


/* -----------------------------
	Input
-------------------------------- */
.input{border:1px solid #e3e3e3;font-size:13px;padding:4px}
.select{border:1px solid #e3e3e3;font-size:13px;padding:4px 4px;width:140px}
.check{vertical-align:bottom;margin-right:5px}
.radio{vertical-align:top;margin-right:5px;position:relative;top:2px}

button{position:relative;top:1px}


/* -----------------------------
	Buttons
-------------------------------- */
.btn a,
.btn input,
.btn button{display:inline-block;zoom:1;*display:inline;text-align:center;border-radius:3px;border:none;cursor:pointer}
.btn a:hover,
.btn input:hover,
.btn button:hover{text-decoration:none}

.btn input{position:relative;top:1px}

.btn .blue{background:#2762a4;color:#fff}
.btn .gray{background:#e3e3e3;color:#666}
.btn .gray2{background:#666;color:#fff}
.btn .black2{background:#444;color:#fff}

.btn .s0{width:42px;height:26px;line-height:26px;font-size:12px}
.btn .s1{width:100px;height:26px;line-height:26px;font-size:13px}
.btn .s2{width:105px;height:40px;line-height:40px;font-weight:bold;font-size:16px}
.btn .s3{width:150px;height:40px;line-height:40px;font-weight:bold;font-size:16px}
.btn .s4{padding:0 35px;height:40px;line-height:40px;font-weight:bold;font-size:16px}


/* -----------------------------
	Section
-------------------------------- */
.bg-dot{background:url(../images/page_head_dot.png) repeat-x left bottom}

/* -----------------------------
	List
-------------------------------- */

/* inline style */
.list-type-inline{}
.list-type-inline li{float:left}
.list-type-inline li .line{padding:0 7px}

/* block style */
.list-type-block{}
.list-type-block li{display:block;clear:both}
.list-type-block li a{display:block}