.kkkk:before{

				content: counter(li);

				counter-increment: li;

				position: absolute;	

				left: -1.3em;

				top: 0; /* top: 50%; */

				margin-top: -1.3em;

				background: #87ceeb;

				height: 2em;

				width: 2em;

				line-height: 2em;

				border: .3em solid #fff;

				text-align: center;

				font-weight: bold;

				-moz-border-radius: 2em;

				-webkit-border-radius: 2em;

				border-radius: 2em;

				-webkit-transition: all .3s ease-out;

				-moz-transition: all .3s ease-out;

				-ms-transition: all .3s ease-out;

				-o-transition: all .3s ease-out;

				transition: all .3s ease-out;

			}





.baseBox {width:1000px;margin:0 auto}

.intBlock { display:inline-block;zoom:1;*display:inline; }

.middleBase { width:0;height:100%;vertical-align:middle;border:0px dashed red; }



.middle_base { height:100%;display:inline-block;vertical-align:middle; 

*display:inline;

zoom:1;

}

.middle_inline { display:inline-block;vertical-align:middle;

*display:inline;

zoom:1;

 }



html, body {height:100%;width:100%;}



 /* 공통 */

*{

 font-family:NanumGothic,돋움,굴림;

 font-size:10pt; /*반드시 줄것--- 형광펜 때문에 주면 안됨 */

 line-height:180%; /*반드시 줄것 */

}



 /* 링크 */

a:link { text-decoration:none; }			/* 보통 상태 */

a:visited { text-decoration:none; }		/* 방문했던 상태 */

a:active { text-decoration:none; }		/* 방문중인 상태 */

a:hover { text-decoration:none; }		/* 마우스 올렸을때 */



body { color:#000000; }

.speech_a { color:#000000;cursor:default; }

caption { display:none; } /* 테이블 caption 감추기(웹접근성) */



.font_span1 { background:orange;padding:2px;color:#FFFFFF; }



/* 마우스 드래그 속성 */

::selection { background:#b9fffe; color:#00388b; }

::-moz-selection { background:#b9fffe; color:#00388b; }





/*

-------------------------------------------------------------------------------------------------------------------

아래 설정은 삭제하지 마세요.

변경만 하세요.

-------------------------------------------------------------------------------------------------------------------

*/



/* 테이블1 설정 */

.table1 { 

 border-spacing:1px;

 border-collapse:collapse;/* for ie */	

 width:100%;

}



.table1 td, .table1 th { padding:5px;border:1px solid #cccccc;text-align:center;font-size:9pt; }



.table1 .td1 { background:#D9D9D9;color:black;font-weight:bold; }

.table1 .td2 { background:#E6E6E6;color:#333333;font-weight:bold; }

.table1 .td3 { background:#F9F9F9;color:#333333; }

.table1 .td4 { background:#FFFFFF;text-align:left;vertical-align:middle; }

.table1 .td1, .table1 .td2 { border-top:2px solid #333333 !important; }



.left { text-align:left !important; }

.center { text-align:center !important; }

.right { text-align:right !important; }



.top { vertical-align:top !important; }

.middle { vertical-align:middle !important; }

.bottom { vertical-align:bottom !important; }



/* --- icon --- */



.icon {

width:17px;height:17px;display:inline-block;overflow:hidden;margin:0 2px 0 2px;padding:0;

background:url(http://127.0.0.1/hanyangivy/m9_img/etc/icons/icon_17x17_black.png) no-repeat;

vertical-align:middle;margin-top:-1px !important;

}





.icon2 { background:url(http://127.0.0.1/hanyangivy/m9_img/etc/icons/icon_16x16_black.png) no-repeat;margin:0;padding:0; }

.icon2 { margin-top:-1px !important; }

.icon2 { vertical-align:middle;display:inline-block;overflow:hidden;background-repeat:no-repeat; }

.icon2 { width:16px;height:16px; }



.icon { background:url(http://127.0.0.1/hanyangivy/m9_img/etc/icons/icon_17x17_black.png) no-repeat;margin:0 2px 0 2px;padding:0; }

.icon { margin-top:-1px !important; }

.icon { vertical-align:middle;display:inline-block;overflow:hidden;background-repeat:no-repeat; }

.icon { width:17px;height:17px; }

.icon-arrow1_up{background-position:0px 0px}

.icon-arrow1_down{background-position:-17px 0px}

.icon-arrow1_right{background-position:-34px 0px}

.icon-arrow1_left{background-position:-51px 0px}

.icon-arrow2_up{background-position:-68px 0px}

.icon-arrow2_down{background-position:-85px 0px}

.icon-arrow2_right{background-position:-102px 0px}

.icon-arrow2_left{background-position:-119px 0px}

.icon-clock1{background-position:-136px 0px}

.icon-clock2{background-position:-153px 0px}

.icon-arrow3_up{background-position:0px -17px}

.icon-arrow3_down{background-position:-17px -17px}

.icon-arrow3_right{background-position:-34px -17px}

.icon-arrow3_left{background-position:-51px -17px}

.icon-arrow4_up{background-position:-68px -17px}

.icon-arrow4_down{background-position:-85px -17px}

.icon-arrow4_right{background-position:-102px -17px}

.icon-arrow4_left{background-position:-119px -17px}

.icon-link1{background-position:-136px -17px}

.icon-link2{background-position:-153px -17px}

.icon-arrow5_up{background-position:0px -34px}

.icon-arrow5_down{background-position:-17px -34px}

.icon-arrow5_right{background-position:-34px -34px}

.icon-arrow5_left{background-position:-51px -34px}

.icon-arrow6_up{background-position:-68px -34px}

.icon-arrow6_down{background-position:-85px -34px}

.icon-arrow6_right{background-position:-102px -34px}

.icon-arrow6_left{background-position:-119px -34px}

.icon-man1{background-position:-136px -34px}

.icon-man2{background-position:-153px -34px}

.icon-plus1{background-position:0px -51px}

.icon-plus2{background-position:-17px -51px}

.icon-minus1{background-position:-34px -51px}

.icon-minus2{background-position:-51px -51px}

.icon-box-arrow-up1{background-position:-68px -51px}

.icon-box-arrow-down1{background-position:-85px -51px}

.icon-box-arrow-up2{background-position:-102px -51px}

.icon-box-arrow-down2{background-position:-119px -51px}

.icon-document1{background-position:-136px -51px}

.icon-document2{background-position:-153px -51px}

.icon-circle-check1{background-position:0px -68px}

.icon-circle-minus1{background-position:-17px -68px}

.icon-circle-plus1{background-position:-34px -68px}

.icon-circle-close1{background-position:-51px -68px}

.icon-circle-check2{background-position:-68px -68px}

.icon-circle-minus2{background-position:-85px -68px}

.icon-circle-plus2{background-position:-102px -68px}

.icon-circle-close2{background-position:-119px -68px}

.icon-light1{background-position:-136px -68px}

.icon-light2{background-position:-153px -68px}

.icon-star1{background-position:0px -85px}

.icon-star2{background-position:-17px -85px}

.icon-star3{background-position:-34px -85px}

.icon-star4{background-position:-51px -85px}

.icon-figure1{background-position:-68px -85px}

.icon-figure2{background-position:-85px -85px}

.icon-figure3{background-position:-102px -85px}

.icon-figure4{background-position:-119px -85px}

.icon-pencil{background-position:-136px -85px}

.icon-pen{background-position:-153px -85px}

.icon-question1{background-position:0px -102px}

.icon-question2{background-position:-17px -102px}

.icon-question3{background-position:-34px -102px}

.icon-picture1{background-position:-51px -102px}

.icon-picture2{background-position:-68px -102px}

.icon-picture3{background-position:-85px -102px}

.icon-check1{background-position:-102px -102px}

.icon-check2{background-position:-119px -102px}

.icon-check3{background-position:-136px -102px}

.icon-cycle{background-position:-153px -102px}

.icon-key1{background-position:0px -119px}

.icon-key2{background-position:-17px -119px}

.icon-key3{background-position:-34px -119px}

.icon-home{background-position:-51px -119px}

.icon-factory{background-position:-68px -119px}

.icon-building{background-position:-85px -119px}

.icon-spanner{background-position:-102px -119px}

.icon-gear{background-position:-119px -119px}

.icon-mail1{background-position:-136px -119px}

.icon-mail2{background-position:-153px -119px}

.icon-diagram1{background-position:0px -136px}

.icon-diagram2{background-position:-17px -136px}

.icon-sun{background-position:-34px -136px}

.icon-book{background-position:-51px -136px}

.icon-mark1{background-position:-68px -136px}

.icon-mouse{background-position:-85px -136px}

.icon-speaker{background-position:-102px -136px}

.icon-warning{background-position:-119px -136px}

.icon-exclamation{background-position:-136px -136px}

.icon-question{background-position:-153px -136px}

.icon-search{background-position:0px -153px}

.icon-polder{background-position:-17px -153px}

.icon-tel{background-position:-34px -153px}

.icon-fax{background-position:-51px -153px}

.icon-phone{background-position:-68px -153px}

.icon-mike{background-position:-85px -153px}

.icon-airplane{background-position:-102px -153px}

.icon-car{background-position:-119px -153px}

.icon-bus{background-position:-136px -153px}

.icon-train{background-position:-153px -153px}





/* --- 새창 --- */

.window_controll { height:30;background:#000000;color:#FFFFFF;font-weight:bold;padding:5px; }

.window_outbox { border:1px solid #CCCCCC;padding:5px;background:#F1F1F1; }

.window_onebox { border:1px solid #CCCCCC;padding:5px;background:#FFFFFF;margin-bottom:5px; }

.window_title { padding:5px;font-weight:bold;border-bottom:1px solid #CCCCCC;font-size:10pt; }

.window_contents { padding:5px 0 5px 10px;font-size:9pt; }

.window_ul { padding-left:20px; }

.window_ul li { font-size:8pt;color:#CC6600; }



.round{

	-webkit-border-radius: 5px; 

	-moz-border-radius: 5px;

	border-radius: 5px;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);

	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);

	box-shadow: 0 1px 2px rgba(0,0,0,.2);

}



/* --- button --- */

.button {

/*	display: inline-block;*/

	white-space:nowrap;

	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */

	*display: inline;

	vertical-align: baseline;

	margin: 0;

	outline: none;

	cursor: pointer;

	text-align: left;

	padding: 7px 10px 7px 10px;

	text-decoration: none;

	font: 12px/100% Arial, Helvetica, sans-serif,NanumGothic,돋움,굴림;

	text-shadow: 0 1px 1px rgba(0,0,0,.3);

	-webkit-border-radius: 5px; 

	-moz-border-radius: 5px;

	border-radius: 5px;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);

	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);

	box-shadow: 0 1px 2px rgba(0,0,0,.2);



}



button.button {  } /*버튼 테두리 없애기 */



.large {

	padding: 10px 20px 10px 20px;	

	font-size: 15px;

	font-weight:bold;

}



.small {

	padding: 2px 2px 2px 2px !important;		

	font-size: 10px;

}



button.button:hover,a.button:hover,input.button:hover {

	text-decoration: none;

}



button.button:active,a.button:active,input.button:active {

	position: relative;

	top: 1px;

}



.circle{

	padding: 7px 13px 7px 13px;	

	-webkit-border-radius:20;

	-moz-border-radius:20;

	border-radius:20;

}



/* --- color styles --- */

/*black*/

button.black,a.black,input.black,button.default,a.default,input.default{border:solid 1px #333}



.black,.default{

	color:#d7d7d7;

	background:#333;

	background:-webkit-gradient(linear,left top,left bottom,from(#666),to(#000));

	background:-moz-linear-gradient(top,#666,#000);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666',endColorstr='#000000');

}

.black2,button.black:hover,a.black:hover,input.black:hover,button.default:hover,a.default:hover,input.default:hover{

	color:#d7d7d7;

	background:#000;

	background:-webkit-gradient(linear,left top,left bottom,from(#444),to(#000));

	background:-moz-linear-gradient(top,#444,#000);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#000000');

}

.black3,button.black:active,a.black:active,input.black:active,button.default:active,a.default:active,input.default:active{

	color:#666;

	background:-webkit-gradient(linear,left top,left bottom,from(#000),to(#444));

	background:-moz-linear-gradient(top,#000,#444);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#666666');

}



/*gray*/

button.gray,a.gray,input.gray{border:solid 1px #555}



.gray{

	color:#e9e9e9;

	background:#6e6e6e;

	background:-webkit-gradient(linear,left top,left bottom,from(#888),to(#575757));

	background:-moz-linear-gradient(top,#888,#575757);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888',endColorstr='#575757');

}

.gray2,button.gray:hover,a.gray:hover,input.gray:hover{

	color:#e9e9e9;

	background:#616161;

	background:-webkit-gradient(linear,left top,left bottom,from(#757575),to(#4b4b4b));

	background:-moz-linear-gradient(top,#757575,#4b4b4b);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575',endColorstr='#4b4b4b');

}

.gray3,button.gray:active,a.gray:active,input.gray:active{

	color:#afafaf;

	background:-webkit-gradient(linear,left top,left bottom,from(#575757),to(#888));

	background:-moz-linear-gradient(top,#575757,#888);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757',endColorstr='#888888');

}



/*white*/

button.white,a.white,input.white{border:solid 1px #b7b7b7}



.white{

	color:#606060;

	background:#fff;

	background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed));

	background:-moz-linear-gradient(top,#fff,#ededed);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed');

}

.white2,button.white:hover,a.white:hover,input.white:hover{

	color:#606060;

	background:#ededed;

	background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#dcdcdc));

	background:-moz-linear-gradient(top,#fff,#dcdcdc);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dcdcdc');

}

.white3,button.white:active,a.white:active,input.white:active{

	color:#999;

	background:-webkit-gradient(linear,left top,left bottom,from(#ededed),to(#fff));

	background:-moz-linear-gradient(top,#ededed,#fff);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#ffffff');

}



/*orange*/

button.orange,a.orange,input.orange{border:solid 1px #da7c0c}



.orange{

	color:#fef4e9;

	background:#f78d1d;

	background:-webkit-gradient(linear,left top,left bottom,from(#faa51a),to(#f47a20));

	background:-moz-linear-gradient(top,#faa51a,#f47a20);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a',endColorstr='#f47a20');

}



.orange2,button.orange:hover,a.orange:hover,input.orange:hover{

	color:#fef4e9;

	background:#f47c20;

	background:-webkit-gradient(linear,left top,left bottom,from(#f88e11),to(#f06015));

	background:-moz-linear-gradient(top,#f88e11,#f06015);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11',endColorstr='#f06015');

}

.orange3,button.orange:active,a.orange:active,input.orange:active{

	color:#fcd3a5;

	background:-webkit-gradient(linear,left top,left bottom,from(#f47a20),to(#faa51a));

	background:-moz-linear-gradient(top,#f47a20,#faa51a);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20',endColorstr='#faa51a');

}



/*red*/

button.red,a.red,input.red{border:solid 1px #980c10}



.red{

	color:#faddde;

	background:#d81b21;

	background:-webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#aa1317));

	background:-moz-linear-gradient(top,#ed1c24,#aa1317);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24',endColorstr='#aa1317');

}

.red2,button.red:hover,a.red:hover,input.red:hover{

	color:#faddde;

	background:#b61318;

	background:-webkit-gradient(linear,left top,left bottom,from(#c9151b),to(#a11115));

	background:-moz-linear-gradient(top,#c9151b,#a11115);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b',endColorstr='#a11115');

}

.red3,button.red:active,a.red:active,input.red:active{

	color:#de898c;

	background:-webkit-gradient(linear,left top,left bottom,from(#aa1317),to(#ed1c24));

	background:-moz-linear-gradient(top,#aa1317,#ed1c24);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317',endColorstr='#ed1c24');

}



/*blue*/

button.blue,a.blue,input.blue{border:solid 1px #0076a3}



.blue{

	color:#d9eef7;

	background:#0095cd;

	background:-webkit-gradient(linear,left top,left bottom,from(#00adee),to(#0078a5));

	background:-moz-linear-gradient(top,#00adee,#0078a5);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee',endColorstr='#0078a5');

}

.blue2,button.blue:hover,a.blue:hover,input.blue:hover{

	color:#d9eef7;

	background:#007ead;

	background:-webkit-gradient(linear,left top,left bottom,from(#0095cc),to(#00678e));

	background:-moz-linear-gradient(top,#0095cc,#00678e);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc',endColorstr='#00678e');

}

.blue3,button.blue:active,a.blue:active,input.blue:active{

	color:#80bed6;

	background:-webkit-gradient(linear,left top,left bottom,from(#0078a5),to(#00adee));

	background:-moz-linear-gradient(top,#0078a5,#00adee);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5',endColorstr='#00adee');

}



/*rosy*/

button.rosy,a.rosy,input.rosy{border:solid 1px #b73948}



.rosy{

	color:#fae7e9;

	background:#da5867;

	background:-webkit-gradient(linear,left top,left bottom,from(#f16c7c),to(#bf404f));

	background:-moz-linear-gradient(top,#f16c7c,#bf404f);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c',endColorstr='#bf404f');

}

.rosy2,button.rosy:hover,a.rosy:hover,input.rosy:hover{

	color:#fae7e9;

	background:#ba4b58;

	background:-webkit-gradient(linear,left top,left bottom,from(#cf5d6a),to(#a53845));

	background:-moz-linear-gradient(top,#cf5d6a,#a53845);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a',endColorstr='#a53845');

}

.rosy3,button.rosy:active,a.rosy:active,input.rosy:active{

	color:#dca4ab;

	background:-webkit-gradient(linear,left top,left bottom,from(#bf404f),to(#f16c7c));

	background:-moz-linear-gradient(top,#bf404f,#f16c7c);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f',endColorstr='#f16c7c');

}



/*green*/

button.green,a.green,input.green{border:solid 1px #538312}



.green{

	color:#e8f0de;

	background:#64991e;

	background:-webkit-gradient(linear,left top,left bottom,from(#7db72f),to(#4e7d0e));

	background:-moz-linear-gradient(top,#7db72f,#4e7d0e);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f',endColorstr='#4e7d0e');

}

.green2,button.green:hover,a.green:hover,input.green:hover{

	background:#538018;

	background:-webkit-gradient(linear,left top,left bottom,from(#6b9d28),to(#436b0c));

	background:-moz-linear-gradient(top,#6b9d28,#436b0c);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28',endColorstr='#436b0c');

}

.green3,button.green:active,a.green:active,input.green:active{

	color:#a9c08c;

	background:-webkit-gradient(linear,left top,left bottom,from(#4e7d0e),to(#7db72f));

	background:-moz-linear-gradient(top,#4e7d0e,#7db72f);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e',endColorstr='#7db72f');

}



/*pink*/

button.pink,a.pink,input.pink{border:solid 1px #d2729e}



.pink{

	color:#feeef5;

	background:#f895c2;

	background:-webkit-gradient(linear,left top,left bottom,from(#feb1d3),to(#f171ab));

	background:-moz-linear-gradient(top,#feb1d3,#f171ab);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3',endColorstr='#f171ab');

}

.pink2,button.pink:hover,a.pink:hover,input.pink:hover{

	background:#d57ea5;

	background:-webkit-gradient(linear,left top,left bottom,from(#f4aacb),to(#e86ca4));

	background:-moz-linear-gradient(top,#f4aacb,#e86ca4);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb',endColorstr='#e86ca4');

}

.pink3,button.pink:active,a.pink:active,input.pink:active{

	color:#f3c3d9;

	background:-webkit-gradient(linear,left top,left bottom,from(#f171ab),to(#feb1d3));

	background:-moz-linear-gradient(top,#f171ab,#feb1d3);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab',endColorstr='#feb1d3');

}