/* 공통 */
#sub_bg{background:url(../images/sub/bg.png) top center repeat-x; width:100%; overflow:hidden; padding-bottom: 60px; min-height: 600px}
.sub_con{width:1000px; margin:0 auto;}
.subimg{box-shadow:5px 5px 10px #ccc; margin-bottom: 30px; width: 740px}
.subimg2{box-shadow:0 5px 10px #eee; margin-bottom: 30px; width: 740px}
.subimg3{box-shadow:0 5px 10px #ddd; margin-bottom: 30px; width: 740px}
.mt15{margin-top: 15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.w50p {width: 50%}
.w100p {width: 100%}
.w750 {width: 750px;}
h1{font-weight: normal; font-size: 28px; letter-spacing: -1px; line-height: 30px; color:#FF7F27;}
.h2{font-weight: normal; font-size: 24px; display: block; color: #B78E60; font-style: italic; margin-bottom: 20px}
.h3{font-size: 24px; color:#1EA49C}

p{text-align: justify; margin: 1.5em 0; font-size: 14px}
.morepage{display: inline-block; margin-top:30px}
.morepage:hover{border-bottom: 1px dotted #DC6706;}
.txt_blue{ color:#000} /* #3E6790 */
a.gnb{color: #000; }
.r_con{clear:both; display:block; overflow:hidden; margin-top:30px; font-size: 14px; line-height: 20px;}

.inputsubmit{background: #1EA49C; color: #fff; vertical-align: middle; cursor: pointer; text-align: center; border: 1px solid #ddd; padding: 3px 10px; font-size: 14px}
.inputsubmit:hover{color: #000;}
.fl{float: left;}
.fr{float: right;}
.bbn{border-bottom: none;}
.bul{background: url('../images/sub/bul.gif') 0 7px no-repeat; padding-left: 10px; display: block; color: #555; margin-bottom: 7px; line-height: 17px}

/* menu-top */
/* .navi{padding:48px 0 10px 0;  } */
.navi ul li{float:left; font-size:17px; color:#fff; text-decoration:none; padding:50px 27px 10px 27px; display: block;  cursor: pointer; }
.navi ul li.logo{ margin:7px 30px 0 0; padding:0 0px 0 0;}

.navi ul li a{color:#fff; }
.navi ul li a:hover, .navi ul li.on a{color: #F7CA24}

.navi ul li .submenu {z-index:99999; margin:10px 0 0 -5px; background-color: #fff; border: 2px solid #000; color: #000; display: none; width: 180px; position: absolute; box-shadow: 3px 3px 3px rgba(0, 0, 0, .5); }
.navi ul li .submenu dl {padding: 10px 5px; font-size: 14px; color: #000; border-bottom:1px solid #E2E2E2;}
.navi ul li .submenu dl:last-child {border-bottom:none; padding-bottom:11px;}
.navi ul li .submenu dl:hover, .navi ul li .submenu dl:active, .navi ul li .submenu dl.on  { background: #FFC90E; color: #fff; }
.navi ul li:hover > .submenu { display: block; }
.navi ul li:last-child > .submenu { margin-left:-95px;}

/* #nav li { float: left; position: relative; width:95px; margin-left:10px; font-size:17px; color:#fff; text-decoration:none; padding-bottom: 11px; display: block;  } */
/* #nav li:first-child{margin-left:0;} */
/* #nav li:hover, #nav li:active{color:#ffcb0b;  } border-bottom:3px solid #f6c40c; */
/* #nav li .active {border-bottom:3px solid #f6c40c; color:#ffcb0b; z-index: 1000} */
/* #nav { z-index: 1000;} */


#nav li {z-index: 10000}

/* #nav li.current > a { background: #none; } */



/* UI Object */
.paginate_regular{padding:15px 0;text-align:center;line-height:normal}
.paginate_regular a,
.paginate_regular strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate_regular a:hover,
.paginate_regular a:active,
.paginate_regular a:focus{background-color:#f8f8f8}
.paginate_regular strong{color:#f60}
.paginate_regular .direction{font-weight:normal;color:#767676;white-space:nowrap}
.paginate_regular .direction span{font-weight:bold;font-size:14px}
.paginate_regular .direction:hover,
.paginate_regular .direction:active,
.paginate_regular .direction:focus{background-color:#fff;color:#333}


/* menu-left */
#left{width:185px; float:left; margin-top:20px}
#left .leftt{background:#1b1b1b; padding:32px 0 10px 17px; color:#fff; font-size:26px; font-family: "bookman Old Style",  'Droid Serif', serif; }


/* 
#left .leftc{border:1px solid #ddd; background:#fff; } padding-bottom:20px; 
#left .leftc li {color:#000; padding:10px 10px 10px 17px; font-size:16px; border-bottom:1px solid #D1D1D1; cursor: pointer;}background:url(../images/left/bb.gif) bottom center no-repeat ;
*/


#left .leftc{border:1px solid #ddd; background:#fff; padding:5px 0 20px 0; }
#left .leftc li {color:#000; padding:10px 10px 10px 17px; font-size:16px; cursor: pointer; background:url(../images/left/bb.gif) bottom center no-repeat ;}
#left .leftc li.longleft{padding: 7px 10px 7px 17px} 
#left .leftc li:first-child{margin-top:-1px;}
#left .leftc li:hover, 
#left .leftc .active { color:#fff; background:url(../images/left/hover.gif) center center no-repeat; background-color:#F6C40C;  }

#rcon{width:780px; float:right; margin-top:-10px; background: #fff; border: 1px solid #ddd; margin-top:20px; padding-bottom: 20px; min-height: 440px;}
#rcon_w1000{width:1000px; margin-top:-10px; background: #fff; border: 1px solid #ddd; margin-top:20px; padding-bottom: 20px;}
.rcont{display:block; margin:12px 0 15px 0; width:100%; height:100%; overflow:hidden; border-bottom: 1px solid #ddd; padding-bottom: 10px}
.rcont span.paget{display:inline-block; float:left; font-size:30px; font-family: "bookman Old Style",  'Droid Serif', serif}
.rcont span.longt{letter-spacing: -2.2px}
.rcont span.pagen{display:inline-block; float:right; margin-top:17px;  font-family: "bookman Old Style",  'Droid Serif', serif; letter-spacing: -0.2px}
.rcont span.pagen a{color:#2369B0;}
.rcont .longt2{letter-spacing: -1px}
.ewrap{background:#fff; width:510px; overflow:hidden; float: left;}
.ewrap h1 {color:#FF7F27;}
.cpadding{padding: 15px 20px}
.mapcpadding{padding: 15px 20px 0 20px}

.maprcont{display:block; margin:12px 0 15px 0; width:100%; height:100%; overflow:hidden;}
.maprcont span.paget{display:inline-block; float:left; font-size:30px; font-family: "bookman Old Style",  'Droid Serif', serif}
.maprcont span.pagen{display:inline-block; float:right; margin-top:17px;  font-family: "bookman Old Style",  'Droid Serif', serif; letter-spacing: -0.2px}
.maprcont span.pagen a{color:#2369B0;}

.h1mt h1{margin-top: 50px; display: block;}
.h1mt h1:FIRST-CHILD{margin-top:0}


/* 占쏙옙占쏙옙占쏙옙占쏙옙 占쌉쏙옙占쏙옙 */
.gallwrap{background:#fff; width:740px; overflow:hidden; }
.gallwrap div{border-top:1px dashed #ddd; overflow:hidden; padding-top:15px; min-height: 140px;}
.gallwrap div:first-child{border-top:none}

/* 占쌔쏙옙트占쏙옙 占쌉쏙옙占쏙옙 */
.txtboardwrap{background:#fff; width:740px; overflow:hidden;}
.txtboardwrap div{ overflow:hidden; padding-top:15px ; background-color: #FBFCFD; border:1px solid #E7ECF1;  margin-top:10px;}
.txtboardwrap .txt_r{float:left; margin:15px; width:95%;}
.txtboardwrap .txt_t{font-size:20px; color:#FB7709; line-height:24px;}
.txtboardwrap .txt_t .new{display: inline-block; color: #fff; background: #c00000; font-size: 14px; padding: 0 10px; border-radius:10px; line-height: 21px; height: 20px}
.txtboardwrap .txt_c{font-size:13px; margin:7px 0; border-bottom:1px dashed #ddd; padding-bottom:7px;}
.txtboardwrap .txt_c span{color:#3E6790;}
.txtboardwrap .txt_con{text-align:justify; font-size:13px; }



.thumbnail{width:137px; border:1px solid #ddd; float:left; border-bottom:1px solid #ddd; overflow:hidden}
.thumbnail img{width:100%;}


.gallwrap .thumbnail_book{width:137px; border:1px solid #ddd; float:left; height:160px; border-bottom:1px solid #ddd; overflow:hidden}
.gallwrap .thumbnail_book img{width:100%}

.gall_r{float:left; margin:0 0 15px 15px; width:580px; max-height:230px; overflow: hidden;}

.gall_t{font-size:20px; color:#FB7709; line-height:24px}
.gall_c{font-size:13px; margin:7px 0; border-bottom:1px dashed #ddd; padding-bottom:7px}
.gall_c span{color:#3E6790;}
.gall_con{text-align:justify; font-size:13px; max-height: 80px; overflow: hidden;  }

.bview{text-align: justify; clear: both;}
.bview .bthum{float: right; width: 260px; margin:0 0 15px 15px}

/* special */
.special{text-align: justify;}
.special span{color: #3E6790}

/* news */
.ewrap2 {clear: both;}
.epadding {border:1px solid #ddd; padding:15px; margin-top:15px; min-height:103px; overflow: hidden;}
/* .ewrap2 div{border-top:1px dashed #ddd; overflow:hidden; padding-top:15px; min-height:103px;}
.ewrap2 div:first-child{border-top:none;} */

.ethumbnail{width:100px; border:1px solid #ddd; float:left; min-height:87px; max-height:87px; border-bottom:1px solid #ddd; overflow:hidden}
.ethumbnail img{width:100%;}
.egall_r{float:right; margin:0 0 15px 20px; width:356px} /*event_list.jsp 줄 넘어감으로 넓이 조정 */
.egall_t{font-size:20px; color:#FB7709; line-height:24px}
.egall_c{font-size:13px; margin:7px 0; border-bottom:1px dashed #ddd; padding-bottom:7px}
.egall_c span{color:#3E6790;}
.egall_con{text-align:justify; font-size:13px; min-height:30px;}

.book_wrap{overflow: hidden;}

.cwrap{float: right; width: 197px}
.cwrap_02{float: right; width: 150px}

.caltt{display: block; text-align: center; background: #1ea49c; padding: 7px 0; color: #fff; font-size: 15px}
.caltt a{color: #fff; font-size: 17px}
.caltt .al{display: inline-block; margin-right: 15px}
.caltt .ar{display: inline-block; margin-left: 15px}                

.caltable{border:1px solid #ddd;}
.caltable th{padding:3px;}
.caltable td{padding:3px 3px}
.caltable .sat{color: #2f68ea}
.caltable .sun{color: #ed021e}
.caltable .selected{background: #DFE7E6; color: #1EA49C;}
.caltable .today{background: #1EA49C; color: #fff; }

.eventTablewrap {clear: both; background: #f7f7f7; padding: 15px}
.eventTable {width:100%;}
.eventTable th{padding:3px; color:#13645F; vertical-align: top;}
.eventTable td{padding:3px; display:inline-block; vertical-align: top; }


.viewt{font-size: 26px; color:#3E6790; line-height: 30px; margin-bottom:30px;}
.viewc span{color:#3E6790}


.caltab{height:22px; width:400px; height:100%; overflow:hidden; margin-bottom:30px;}
.caltab li{width:150px; float:left; text-align:center; background: #DFE7E6;}
.caltab li:first-child{border-right: 1px solid #fff}
.caltab li a{color:#B0BBBA; font-size:15px; display:block; padding:12px 0; text-decoration: none;}
.caltab li a:hover{color:#fff; text-decoration:none; border:none}
.caltab li.active{background:#1EA49C;}
.caltab li:hover{background:#1EA49C;}


/* concept */
.concept{font-size: 14px; text-align: justify; margin-top: 25px; line-height: 20px}
.conceptt{display: block; padding-bottom: 5px; border-bottom: 1px solid #555; font-size: 17px; margin-bottom: 12px; color:#FA7F00; font-family: "bookman Old Style",  'Droid Serif', serif}
.conceptt2{display: block; padding-bottom: 5px; border-bottom: 1px solid #555; font-size: 17px; margin-bottom: 12px; color:#FA7F00; font-family: "bookman Old Style",  'Droid Serif', serif; margin-top:30px}

.conceptimg {text-align: center;}
.conceptimg ul{margin-top:15px; text-align: left; font-size: 11px}
.conceptimg ul li{float: left; margin-right: 10px}
.conceptimg ul li.ico01{background: url('../images/sub/concept/icon/1.gif') 0 0 no-repeat; padding-left: 20px}
.conceptimg ul li.ico02{background: url('../images/sub/concept/icon/2.gif') 0 0 no-repeat; padding-left: 20px}
.conceptimg ul li.ico03{background: url('../images/sub/concept/icon/3.gif') 0 2px no-repeat; padding-left: 20px}
.conceptimg ul li.ico04{background: url('../images/sub/concept/icon/4.gif') 0 2px no-repeat; padding-left: 20px}
.conceptimg ul li.ico05{background: url('../images/sub/concept/icon/5.gif') 0 2px no-repeat; padding-left: 20px}
.conceptimg ul li.ico06{background: url('../images/sub/concept/icon/6.gif') 0 2px no-repeat; padding-left: 20px}

.similarc{font-size: 12px; margin-top:20px; letter-spacing: -0.4px; line-height: 17px; clear: both; border-top:1px dashed #ddd; padding-top: 5px}
.similarc li{margin-top:10px;}
.similarc li.icon01{background: url('../images/sub/concept/icon/01.gif') 0 2px no-repeat; padding-left: 30px}
.similarc li.icon02{background: url('../images/sub/concept/icon/02.gif') 0 2px no-repeat; padding-left: 30px}
.similarc li.icon03{background: url('../images/sub/concept/icon/03.gif') 0 2px no-repeat; padding-left: 30px}
.similarc li.icon04{background: url('../images/sub/concept/icon/04.gif') 0 2px no-repeat; padding-left: 30px}
.similarc li.icon05{background: url('../images/sub/concept/icon/05.gif') 0 2px no-repeat; padding-left: 30px}
.similarc li.icon06{background: url('../images/sub/concept/icon/06.gif') 0 2px no-repeat; padding-left: 30px}

.goverc{font-size: 14px; margin-top:20px; letter-spacing: -0.4px; line-height: 32px;}
.goverc li.gcicon01{background: url('../images/sub/concept/icon/gc01.gif') 0 2px no-repeat; padding-left: 40px; border-bottom: 1px solid #ddd; margin-bottom: 10px}
.goverc li.gcicon02{background: url('../images/sub/concept/icon/gc02.gif') 0 2px no-repeat; padding-left: 40px; border-bottom: 1px solid #ddd; margin-bottom: 10px}
.goverc li.gcicon03{background: url('../images/sub/concept/icon/gc03.gif') 0 2px no-repeat; padding-left: 40px; border-bottom: 1px solid #ddd; margin-bottom: 10px}
.goverc li.gcicon04{background: url('../images/sub/concept/icon/gc04.gif') 0 2px no-repeat; padding-left: 40px; border-bottom: 1px solid #ddd; margin-bottom: 10px; line-height: 20px; padding-bottom: 5px}
.goverc li.gcicon05{background: url('../images/sub/concept/icon/gc05.gif') 0 2px no-repeat; padding-left: 40px; border-bottom: 1px solid #ddd; margin-bottom: 10px; line-height: 20px; padding-bottom: 5px}

/* rankings */
.rankingtoggle .rankingname{display: block; text-align: center; margin:20px 0; font-family: "bookman Old Style",  'Droid Serif', serif; font-size: 14px}
.rankingsright{display: block; padding-bottom: 5px; border-bottom: 1px solid #555; font-size: 17px; margin-bottom: 12px; color:#FA7F00; font-family: "bookman Old Style",  'Droid Serif', serif}
.rankingtoggle .rankinsgul li{display: block; border-bottom: 1px solid #ddd; padding-bottom:5px; font-size: 16px; margin-bottom: 5px}
/* significance */
.significance{clear: both; font-size:14px; text-align: justify; line-height: 20px; margin-top:20px}
/* .significance span{background: #3E6790; color: #fff; padding: 0 3px} */
.rankinggc{text-align: center;}
.function{margin-left:200px; height:60px;}
.rankinggc sub{font-size: 11px; letter-spacing: -1px}
.rankinggc ul{float: left; margin-right: 7px; vertical-align: middle; font-size:15px; letter-spacing: -1px; vertical-align: middle;}
.rankinggc ul:FIRST-CHILD{letter-spacing: -1.5px; margin-top:10px}
.rankinggc ul li{text-align: center; display: block;}
.rankinggc ul li:FIRST-CHILD {border-bottom:1px solid #111}

/* framework */
.framework{font-size: 14px}
.framework .framespan {float: left; width: 230px; display: inline-block;}
.framewrap{background: #f7f7f7; border-radius:10px; margin-top:10px; padding: 14px; border:1px solid #ddd}
.framewrap .frame0301{background: url('../images/sub/framework/03_01.png') 0 0 no-repeat; padding-left:50px;}
.framewrap .frame0302{background: url('../images/sub/framework/03_02.png') 0 0 no-repeat; padding-left:50px;}
.framewrap .frame0303{background: url('../images/sub/framework/03_03.png') 0 0 no-repeat; padding-left:50px;}
.framewrap .frame0301 span, .framewrap .frame0302 span, .framewrap .frame0303 span{font-size: 20px; display: block; color: #FF7F27}
.funkuy {height: 130px; overflow: hidden; margin:15px 0 10px 0}
.funkuy li{float: left; display: inline-block; width: 220px; margin-left:15px; border-left: 3px solid #c00000; padding-left: 10px;}
.funkuy li span{font-size: 17px; padding-bottom: 5px; display: block; font-family: "bookman Old Style",  'Droid Serif', serif}
.funkuy li:FIRST-CHILD {margin-left: 0}

/* Books */
.book_cwrap{float: right; width: 187px}
.bookst{display: block; padding-bottom: 5px; border-bottom: 1px solid #555; font-size: 17px; margin-bottom: 12px; color:#FA7F00; font-family: "bookman Old Style",  'Droid Serif', serif}
.books ul{border-top: 1px solid #ddd; overflow: hidden; padding-top:15px}
.books ul:FIRST-CHILD{padding-top: 0; border-top:none;}
.books ul li{display: block; text-align: center;}
.books ul li.bthumbnail{text-align: center; background: #EAEAEA; padding: 20px 0; width: 100%; overflow: hidden;}
.books ul li.bthumbnail img{width: 70%; overflow: hidden;}
/* .books ul li.bookc{background: url('../images/sub/books/bul.gif') 0 4px no-repeat; padding-left: 12px; line-height: 17px; text-align: left; margin: 10px 0 3px 0; padding-bottom: 10px} */
.books ul li.bookc{line-height: 17px; text-align: left; margin: 10px 0 3px 0; padding-bottom: 10px; color: #666; font-style: italic;}
.books ul li.bookc a{font-style: normal; font-size: 16px; line-height: 22px}

/* contacts */
.contacts h1{font-size: 22px}
.contacts p{margin: 10px 0}
.contacts span{font-size: 20px; display: block; margin: 15px 0 3px 0; color: #1EA49C;}
.contacts h1.ctt{color: #1EA49C;}
.contacts span.order{color: #3E6790; font-size: 16px; margin-top:20px}

/* Funding Agencies and Partners */
.partners{height: 100%; overflow: hidden; clear: both;}
.partners .plogo{float: left; width: 120px; margin: 0 20px 20px 0}
.partners .plogo img{width: 100%}
.partners .pintro{float: right; width: 560px}
.partners .pintro span{display: inline-block; line-height: 22px}
.partners .pintro span.pname{font-size: 20px}
.partners .pintro span.padd{color: #666; margin-left: 5px}
.partners .pintro p{margin: 10px 0}

/* Our Research Team */
.our h1{font-weight: normal; font-size: 30px; letter-spacing: -1px; line-height:45px; display: block;
		font-family: "bookman Old Style",  'Droid Serif', serif; margin-top:30px; background: #FF7F27; border-radius:10px;
		display: block; color: #fff; padding-left: 20px; padding-bottom:7px}
.our .ourwrap{line-height: 18px; background: #f1f1f1; padding: 20px 20px; margin-top:-10px; overflow: hidden;}
.our .ourimg{float: left; width: 100px; margin-right: 20px}
.our .ourimg img{width: 100%}
.our .ourcon{color: #555; float: left; width: 560px}
.our div:FIRST-CHILD{margin-top:0}
.our .ourname{font-size: 18px; display: inline-block; color: #000; margin-right: 5px; margin-bottom: 7px}
.ourdiv{clear: both; margin-top:20px; overflow: hidden;}

/* Our mission */
.om{background: url('../images/sub/ourmission/bg.jpg') top center no-repeat; height: 300px; font-family: "bookman Old Style",  'Droid Serif', serif; box-shadow:0 5px 10px #ddd; margin-bottom: 30px; width: 740px}
.om div{font-size: 17px; padding: 77px 30px 0 30px; display: block; line-height: 26px;}
/* .om div span{background: #fff;} */

/* methodology */
.mo{background:#f7f7f7 url('../images/sub/methodology/bg.png') center center no-repeat; height: 470px; font-family: "bookman Old Style",  'Droid Serif', serif}

/* map */
.mapwrap{width: 100%; background: #eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.mapwrap h1{text-align: center; margin: 15px 0 15px 0; font-family: "bookman Old Style",  'Droid Serif', serif}
.mapwrap .map{padding: 10px; width: 100%; margin: 0 auto;}
.centera{width: 1100px; margin:0 auto;}
.mapcon{margin-top:30px; overflow: hidden; margin-bottom: 70px}
.mapcon h1{margin-bottom: 30px; font-family: "bookman Old Style",  'Droid Serif', serif; padding-bottom: 10px; color: #000; border-bottom: 1px solid #ddd; font-size: 22px}
.mapcon .gcps {width: 500px; height: 850px; float: left; }
.mapcon .gcboard{width: 500px; height: 380px; z-index: 100; overflow: visible; }
.mapcon .map2{float: right; width: 560px; height:460px;}

.mapwrap .map .gcmap{width: 100%; margin:0 auto; position: relative; height: 600px}
.mapwrap .map .gcmap .gcmap2{width: 100%; height: 475px; position: absolute; top: 0; left: 0;}
/* .maptoggle{border-top:1px solid #666; border-bottom:1px solid #666; margin-bottom: 30px}
.maptoggle .plus{display: inline-block; font-size: 16px; width: 20px; color: #D70000}
.maptoggle h3{cursor: pointer; border-top:1px solid #ccc; padding: 5px; font-size: 15px}
.maptoggle h3:FIRST-CHILD {border-top:none}
.maptoggle div{padding: 10px 5px 10px 5px; margin-top:5px; border-top:1px dashed #ddd; text-align: left;}
.maptoggle ul li{margin:20px 0 20px 0}
.maptoggle ul li:FIRST-CHILD{margin-top: 10px}
.maptoggle ul li span{background: #FF7F27;; color: #fff; padding: 0 2px; margin-bottom: 6px; display: inline-block; font-size: 15px} */
.maptab ul li{margin:20px 0 20px 0}
.maptab ul li:FIRST-CHILD{margin-top: 10px}
.maptab ul li span{color: #1EA49C; padding: 0 2px; margin-bottom: 6px; display: inline-block; font-size: 17px}

.map2 input#select1:checked ~ .page1, input#select2:checked ~ .page2, input#select3:checked ~ .page3{
  display:block;
}
.map2 input#select1:checked + label.common, input#select2:checked + label.oecdarea, input#select3:checked + label.nonoecd {
 background:#1EA49C;
 color:white;
}
.map2 input#select1,input#select2,input#select3{display:none;}
.map2 label{
    display:inline-block;
    width:180px;height:40px;
    background:#DFE7E6;
   text-align:center;
   line-height:40px; cursor: pointer; color: #B0BBBA; font-size: 16px; margin-bottom: 20px
}
.map2 .page1,.map2 .page2,.map2 .page3{display:none;}
.map2 input#select1:checked ~ .page1,input#select2:checked ~ .page2, input#select3:checked ~ .page3{display:block;}
.map2 .mapdetail .spantitle{padding: 14px 0; display: block; font-size: 17px; font-family: "bookman Old Style",  'Droid Serif', serif}

/* table */
.table01{ border-top: 1px solid #666; border-bottom: 1px solid #ccc; margin-top:20px}
.table01 th{font-weight:normal; padding:5px; border-bottom: 1px solid #ddd; text-align: center; color: #000; font-size: 15px; font-family: "bookman Old Style",  'Droid Serif', serif}
.table01 td{padding:5px; color: #555}
.br {border-right: 1px solid #ddd}
.bb {border-bottom: 1px solid #ddd}
.pcomment { color:red; border:1px solid red; padding:5px; font-size:8pt;}

/* faq */
.faq{border-top:1px solid #666; border-bottom:1px solid #666;}
.faq img{width: 100%; margin-top:30px; text-align: center;}
.faq .plus{display: inline-block; font-size: 16px; width: 20px; color: #D70000}
.faq h3{cursor: pointer; border-top:1px solid #ccc; padding: 0 5px; font-size: 15px; height: 37px; line-height: 37px}
.faq h3:FIRST-CHILD {border-top:none}
.faq div{padding: 10px 5px 10px 5px; margin-top:5px; border-top:1px dashed #ddd; text-align: left;}

/* search창 */
.searchwrap{background: #f7f7f7; border: 1px solid #ddd;}
.searchwrap .searchform{padding: 10px}
.searchwrap .searchform ul {display: block; overflow: hidden; margin-top:5px}
.searchwrap .searchform ul:FIRST-CHILD{margin: 0}
.searchwrap .searchform ul li{float: left;}
.searchwrap .searchform ul li.nameli{width: 87px}
.searchwrap .searchform ul li select {border: 1px solid #ddd; width: 100px; height: 22px; vertical-align: middle;}
.searchwrap .searchform ul li input{padding: 2px; border:1px solid #ddd; width: 220px; vertical-align: middle;}
.searchwrap .searchform ul li input[type=submit]{background: #000; color: #fff; padding:0 10px; height: 22px; line-height: 21px; vertical-align: middle; width: 55px; cursor: pointer }
.searchwrap .searchform ul li input[type=submit]:hover{color: #FB7709}
.searchwrap .searchform ul li input[type=submit].sch{width: 66px}

/* write */
.write select{padding: 2px 6px; height: 24px; border:1px solid #ddd;}
.write ul {margin-top:5px}
.write ul li{border:1px solid #ddd; padding: 3px 10px; margin-top:10px}
.write ul li:FIRST-CHILD{margin-top: none;}
.write ul li input[type=text]{border:none; width: 100%; padding: 3px 0}
.write ul li textarea{width: 100%; border: none; height: 300px}
.write .attach{margin-top:10px}
.write .attach div{margin-top:5px}
.write .attach div:FIRST-CHILD{margin: 0}
.write .attach div label {
    position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:100px;
    height:26px;
    background:#111;
    color:#fff;
    text-align:center;
    line-height:26px;
}
.write .attach div label input { position:absolute; width:0; height:0; overflow:hidden;}
.write .attach div input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:634px;
    height:24px;
    line-height:24px;
    font-size:11px;
    padding:0;
    border:0;
    border:1px solid #ddd;
}
.write .attach span{display: block; font-size: 12px; margin-top:2px}
.write .check{margin-top:5px;}
.write .check input{vertical-align: middle;}
.write .check span{width: 100px; display: inline-block; background: #1EA49C; color: #fff; text-align: center; height: 24px; line-height: 24px; margin-right: 10px }

.write .btn_wrap{margin-top:30px; text-align: center;}
.write .btn_wrap .btn_submit{border:1px solid #111; padding: 3px 0; width: 126px; display: inline-block; color: #111}
.write .btn_wrap .btn_submit:hover{background: #111; color: #fff}
.write .btn_wrap .btn_cancle{border:1px solid #C60606; padding: 3px 0; width: 126px; display: inline-block; color: #C60606}
.write .btn_wrap .btn_cancle:hover{background: #C60606; color: #fff}
.write .btn_wrap .btn_edit{border:1px solid #FB7709; padding: 3px 0; display: inline-block; color: #FB7709; width: 126px}
.write .btn_wrap .btn_edit:hover{background: #FB7709; color: #fff}



/* events */
.eventswrap2{clear: both; overflow: hidden; background: #f1f1f1; padding: 20px 20px; margin-top:15px}
.events2 {float: left; width: 470px; vertical-align: bottom;}
/* .events2 .esubtt{display: block; font-size: 22px;
background: url('../images/sub/books/bul.gif') 0 6px no-repeat; padding-left: 12px} */
.events2 .esubtt{display: block; font-size: 22px;}
.events2 .attach2 div label {
    position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:120px;
    height:24px;
    background:#111;
    color:#fff;
    text-align:center;
    line-height:24px;
}
.events2 .attach2 div label input { position:absolute; width:0; height:0; overflow:hidden;}
.events2 .attach2 div input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:300px;
    height:23px;
    line-height:23px;
    font-size:11px;
    padding:0;
    border:0;
    border:1px solid #ddd;
}
.events2 .attach2 span{display: block; font-size: 12px; margin-top:2px}
.events2 .web{margin-top:15px; overflow: hidden; clear: both;}
.events2 .web span{width: 120px; display: inline-block; background: #1EA49C; color: #fff; text-align: center;
height: 24px; line-height: 24px; margin-right: 3px }

.eventsfr{float: right; width: 200px; overflow: hidden; }
.eventsfr img{width: 100%}
.eventsview {text-align: justify; clear: both; padding-top:10px;}
.edetail {margin:14px 0; overflow: hidden;}
.edetail ul.evul {display: block; line-height: 22px; clear: both;}
.edetail ul.evul li{display: inline-block; float: left; width: 380px}
.edetail ul.evul li.eveiwt{font-size: 14px; width: 70px; color: #13645F}

/* search list */
.searchform2 {overflow: hidden; margin-bottom: 20px}
.searchform2 select {border: 1px solid #ddd; width: 100px; height: 22px; vertical-align: middle;}
.searchform2 input{padding: 8px 2px; border:1px solid #ddd; width: 220px; vertical-align: middle;}
.searchform2 input[type=submit]{background: #000; color: #fff; padding:0 10px; height: 22px; line-height: 21px; vertical-align: middle; width: 55px; cursor: pointer }
.searchform2 input[type=submit]:hover{color: #FB7709}
.searchform2 input[type=submit].sch{width: 66px; height: 36px}

/* download */
#download { margin-top:30px; clear: both;}
#download .dbul{background: url('../images/sub/dbul.gif') 0 7px no-repeat; padding-left: 7px; display: block; color: #056B65; margin-bottom: 7px; line-height: 15px}

/* contacts */
.ml30 { margin-left : 30px;}
.contacts_map { width:100%; height:300px; margin-top:10px;}

.big_h1{color: #003e78 !important; font-size: 30px}
.r2015img{width: 80%; margin: 30px 0 0 51px;}

.ranking_right ul{font-size: 17px; line-height: 1.7; background: url("../images/sub/rankings/bul.gif") 0px 10px no-repeat; padding:0 0 0 10px; margin-top:15px;; color: #0067B0; }
/* .ranking_right .on{color: #FB7709;background: url("../images/sub/rankings/bul_on.gif")  0px 10px no-repeat;} */
/* .ranking_right ul:hover{color: #FB7709;background: url("../images/sub/rankings/bul_on.gif")  0px 10px no-repeat;} */


.ranking_right li{padding: 0 0 5px 25px; margin-left:10px;}
.ranking_right li.excel{ background: url("../images/common/xls.gif")  5px 2px no-repeat;}
.ranking_right li.pdf{ background: url("../images/common/pdf.gif")  5px 2px no-repeat;}


.ewrap_02{width: 560px; float: left;}

.mt15{margin-top: 15px !important;}