@charset "utf-8";

#test{}
/* layout */
/* body{ background: url(../images/common/body_topBg.gif) repeat-x 0 -30px;}
#wrap{width:100%; position: relative; background: url(../images/main/main_wrap_bg.gif) no-repeat 50% 0;}
#wrap .content{ position: relative;}
#header{ width: 980px; margin: 0 auto; vertical-align:top; position:relative; z-index: 999;}
#container{ width: 980px; margin: 0 auto; vertical-align:top;}
#footer{ width: 980px; margin: 0 auto 2px; vertical-align:top; border-top: 1px solid #e7e7e7;}

/* HEADER
#header .top{ *zoom: 1; position: relative; }
#header .top h1{ width: 170px; padding: 43px 0 0 0;}
#header .top h1 a{ display: block; width: 199px; height: 60px; background: url(../images/common/top_logo.gif) no-repeat 50% 50%; text-indent: -1000000px; overflow: hidden;}
#header .top .rgt{ width: 810px;}
.topMenu{ float: right; *zoom: 1; margin: 0 0 0 10px; height: 30px;  z-index: 300000; position: relative;}
.tnb li{ float: left; margin: 0; padding: 0; background: url(../images/common/division1.gif) no-repeat 0 45%;}
.tnb li a{ display: inline-block; padding: 3px 10px}
.tnb li a img{ vertical-align: middle;}
.topSch{ float: left; margin-top: 3px;}
.topSch .inputData{ margin: 1px 5px 0 2px; *margin-top: 0; border: 1px solid #dbdbdb; width: 160px; height: 18px; vertical-align: middle; padding: 2px 5px 0; font-size: 11px; line-height: 1.3; color: #61676c;}
 */

/* gnb */
/*.gnb{ position: relative; clear: both; padding-top: 20px; height: 63px;}
.gnb{ position: relative; clear: both; padding-top: 20px; height: 63px; z-index:1000;}
#topGnb{ float: right; *zoom: 1; width: 730px; position: relative; background: url(../images/common/gnb_line.png) no-repeat 50% 0;}
#topGnb li{ float: left;}
#topGnb li a{ float: left; display: inline-block; padding: 10px 23px 12px; _cursor: pointer;}
#topGnb li .sub{ position: absolute; left: 0; top: 33px; height: 33px; width: 810px; display:none; z-index: 99999 !important; background: url(../images/common/sub_bar.png) no-repeat 0 0;}
#topGnb li .sub ul{ height: 27px; padding: 3px 3px 0;}
#topGnb li .sub ul li{ float: left; margin-right: 5px; background: none; margin-left: 0;}
#topGnb li .sub ul li a{ float: left; display: inline-block; padding: 0; height: 19px; font-size: 12px; color: #333; padding: 6px 5px 0;}
#topGnb li .sub ul li a:hover{ color: #109fd6;}

#topGnb li.menu2 .sub ul{ padding-left: 50px;}
#topGnb li.menu3 .sub ul{ padding-left: 50px;}
#topGnb li.menu4 .sub ul{ float: right; padding-right: 130px;}
#topGnb li.menu5 .sub ul{ float: right; padding-right: 70px;}
#topGnb li.menu6 .sub ul{ float: right; padding-right: 70px;}*/

/* CONTAINER
#container .content{ width: 980px; margin: 0 auto; *zoom: 1;} 
.left{ float: left; width: 200px; margin-top: 70px; padding-bottom: 30px;}
.left h2{ background: #477196 url(../images/contents/left_h2_bg.gif) no-repeat 0 0; border-bottom: 1px solid #868686; padding: 10px 20px 5px; height: 30px;}
*/
/* side navi 
.sMenu{ background: url(../images/contents/sMenu_round.gif) no-repeat 0 100%; padding-bottom: 60px;}
.sMenu ul{ _zoom: 1; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; background: #f6f6f6; padding: 10px 9px; width: 180px;}
.sMenu li{ margin:0; vertical-align:top;_float: left; _width: 180px; border-bottom: 1px solid #e9e9e9;}
.sMenu li a{ display:block; background: url(../images/common/bullet1.gif) no-repeat 167px 45%; color: #525658; padding:10px; overflow: hidden; line-height: 1;}
.sMenu li a:hover{ background: url(../images/common/bullet2.gif) no-repeat 167px 45%; color: #000;}
.sMenu li.active a{ background: url(../images/common/bullet2.gif) no-repeat 167px 45%; color: #0c8aba; font-weight: bold;}
.sMenu ul ul{ margin: 0; width: 180px; padding: 5px 0; border: 0; border-top: 1px solid #e9e9e9;}
.sMenu li li{ _float: left;  color: #62676a; border: 0;}
.sMenu li li a{ background: url(../images/common/dot1.gif) no-repeat 12px 45% !important; font-weight: normal !important; font-size: 11px; color: #565656 !important; padding: 5px 0 5px 25px;}
.sMenu li li a:hover, .sMenu li li.active a{ background: url(../images/common/dot2.gif) no-repeat 12px 45% !important; color: #333 !important; font-weight: bold  !important; letter-spacing: -1px;}
side navi */

/* .left_banner{ margin-top: 10px; margin-bottom: 40px;}
.left_banner a{ display: block;}
 */
/* .contentBody{ float: right; width: 730px; position: relative; margin-bottom: 30px; background: url(../images/common/contentBody_bg.gif) no-repeat 0 117px; padding: 0 10px;} */
/* .topArea{ position: relative; border-bottom: 1px solid #ddd;}
.topArea .path{ position: absolute; top: 65px; left: 0; color: #999; font-size: 11px; letter-spacing: -1px;}
.topArea .path span{ margin-left: 10px; padding-left: 8px; background: url(../images/common/dot3.gif) no-repeat 0 45%;}
.topArea .path span em{ color: #333;}
.contentBody h1{ position: absolute; top: 82px; background: url(../images/contents/contentBody_h1.gif) no-repeat 0 50%; padding-left: 23px; color: #1a2327; font-size: 20px; line-height: 1.6;}
.contentBody h1 strong.heading{ border-left: 3px dotted #999; font-size: 14px; color: #666; margin-left: 5px; padding-left: 5px;  line-height: 1.3;}
.subVisual{ text-align: right; padding: 3px 22px 0 0;}
.contentBody_txt{ margin: 10px 0 30px 20px;} */

/* .contentBody h2{ background: url(../images/contents/contentBody_h2.gif) no-repeat 0 40%; padding-left: 15px; color: #333; font-size: 14px; margin: 30px 0 10px 5px; line-height: 1;}
.contentBody h2 .sup{ font-weight: normal;}
.contentBody h3, .search_h3{ background: url(../images/contents/contentBody_h3.gif) no-repeat 0 45%; padding-left: 13px; color: #333; font-size: 12px; margin: 30px 0 15px 5px; line-height: 1;}
.contentBody h4{ background: url(../images/common/bullet2.gif) no-repeat 0 40%; padding-left: 10px; font-size: 12px; line-height: 1; margin-bottom: 10px;}

.contentBody h3.comm{ background: none; padding: 0 0 5px 0; color: #333; font-size: 12px; margin: 0; line-height: 1; border-bottom: 1px solid #ddd;}
 */
/* about */
.greeting{ background: url(../images/about/greetingBg.gif) no-repeat 0 100%; padding-left: 140px;}
.cyber_move, .cyber_pic li{ height: 135px;}
.cyber_move dt, .cyber_move dd{ margin-left: 140px;}
.cyber_move dd.img{ margin-left: 0; position: absolute; left: 0; top: 0; background: url(../images/about/noImg.gif) no-repeat 0 0; border: 1px solid #ddd; width: 117px; height: 89px;}
.cyber_move dd.img img, .cyber_pic img{ width: 117px; height: 89px;}
.cyber_pic dl{ width: 120px;}
.cyber_pic dt{ padding-top: 95px; text-align: center; font-weight: bold;}
.cyber_pic dd{ position: absolute; left: 0; top: 0; background: url(../images/about/noImg.gif) no-repeat 0 0; border: 1px solid #ddd; width: 117px; height: 89px;}

.law{ margin: 10px 0;}
.law li{ color: #333; margin-bottom: 5px;}

/* tab */
/*.tabArea{ background: url(../images/contents/tab_typeBg.gif) repeat-x 0 1px; width: 730px; height: 33px;}
.tabArea ul{ position: relative; height:33px; }
.tabArea ul li{ float: left; height: 33px; position: relative; background: url(../images/contents/tab_type.gif) no-repeat 0 0; padding-left: 3px;}
.tabArea ul li a{ display:inline-block; height:33px; padding-right: 3px; position: relative; background: url(../images/contents/tab_type.gif) no-repeat 100% 0;}
.tabArea ul li a strong{ color: #666; cursor:pointer; display:inline-block; height:25px; padding:8px 20px 0 15px;}
.tabArea ul li.active a strong{ background: url(../images/contents/tab_arrow.gif) no-repeat 50% 28px; color: #ffffff;}
.tabArea ul li.active{ background: url(../images/contents/tab_type.gif) no-repeat 0 100%; height:33px;}
.tabArea ul li.active a{ background: url(../images/contents/tab_type.gif) no-repeat 100% 100%; height:33px; position: relative;}*/

/* box */
/*.boxStyle{ position: relative; background: #f2f3f4;}
.boxStyle .btmRound{ position: absolute; background: url(../images/contents/box1Round.gif) no-repeat; width: 6px; height: 6px; bottom: 0; _background: none;}
.boxStyle .btmRound.rgt{ background-position: 100% 0; right: 0;}
.boxStyle .btmRound.rgtTop{ background: url(../images/contents/box1RoundTop.gif) no-repeat 100% 0 !important; top: -2px; right: 0; width: 6px; height: 6px; _background: none;}
.boxStyle .btmRound.lftTop{ background: url(../images/contents/box1RoundTop.gif) no-repeat 0 0  !important; top: -2px; width: 6px; height: 6px; _background: none; }
.boxStyle .box1{ margin-right: 2px; background: #ffffff; border: 1px solid #e3e5e6; position: relative; bottom: 2px; padding: 20px 15px 15px;}
.boxStyle .box1.pad2{ padding: 10px 30px 7px;}
.boxStyle .box1.sch{ padding: 7px 15px 5px; position: relative;}

.boxStyle2{ position: relative; border: 1px solid #7c9ab7; background: #fff; *zoom: 1;}

.boxStyle3{ position: relative; background: #f3f8f9; border: 1px solid #ecf1f2; padding: 14px;}
.boxStyle3 .round{ position: absolute; background: url(../images/contents/boxStyle3.gif) no-repeat; width: 6px; height: 6px; _background: none;}
.boxStyle3 .round.lftTop{ left: -1px; top: -1px;}
.boxStyle3 .round.rgtTop{ background-position: right top; right: -1px; top: -1px;}
.boxStyle3 .round.lftBtm{ background-position: left bottom; left: -1px; bottom: -1px;}
.boxStyle3 .round.rgtBtm{ background-position: right bottom; right: -1px; bottom: -1px;}

p.boxStyle3{ *position: static; }

.boxStyle4{ background:#f3f8f9 url(../images/common/line1.gif) no-repeat 10px 13px; border: 1px solid #ecf1f2; padding: 5px 5px 5px 25px;}
.boxStyle5{ background:#f7f7f7; border: 1px solid #efefef; padding: 5px 10px; margin: 20px 10px;}
.boxStyle5 a{ font-size: 11px !important; text-decoration: underline; color: #999;}*/
/* 
.tip{ border-left: 1px solid #e3e3e3; padding-left: 20px; color: #333;} */
.complete{ background: url(../images/contents/arrow2.gif) no-repeat 0 0; padding-left: 30px; color: #333;}
.dot1{ background: url(../images/common/dot1.gif) no-repeat 0 5px; padding-left: 10px; color: #666; border: 0; font-size:12px; line-height: 16px;}
.dot2{ background: url(../images/common/dot5.gif) no-repeat 0 3px; padding-left: 10px; color: #333; border: 0; font-size:12px; line-height: 16px; font-weight: bold;}
.asterisk1{ background: url(../images/common/asterisk1.gif) no-repeat 0 5px; padding-left: 10px; color: #109fd6; border: 0; font-size:11px; line-height: 16px;}
.asterisk2{ background: url(../images/common/asterisk2.gif) no-repeat 0 5px; padding-left: 10px; color: #666; border: 0; font-size:11px; line-height: 16px;}

.boxStyle h2{ position: absolute; top: -13px; height: 28px; margin: 0; background: url(../images/contents/boxStyle_h2Bg.gif) no-repeat 0 0; padding-left: 30px;}
.boxStyle h2 strong{ display: inline-block; height: 28px; margin: 0; background: url(../images/contents/boxStyle_h2Bg.gif) no-repeat 100% 0; padding-right: 30px; color: #fff; line-height: 2;}

.contents_txt12{ font-size: 12px; line-height: 18px; color: #808385; word-break:keep-all;}
.line1{ background: url(../images/common/line1.gif) no-repeat 2px 10px; padding-left: 15px; color: #282828; line-height: 22px;}
.line1 .blueBox1, .line1 p, .line1 ul.ml_15{ margin-left: -15px !important;}
.lineBullet2{ background: url(../images/common/grayLineDot2.gif) no-repeat 0 8px; color: #48494c; padding-left: 15px; line-height: 18px; font-size: 11px;}

/*
.blueBox1{ background: #f3f8f9; border: 1px solid #ecf1f2; color: #666; padding: 15px !important; font-size: 11px; line-height: 16px; margin: 5px 0 10px;}
.grayBox1{ background: #f7f7f7; border: 1px solid #e7e7e7; color: #666; padding: 10px !important; font-size: 11px; line-height: 16px; margin: 5px 0 10px;}
*/

.grade_icon li{ border: 1px solid #fff; padding: 10px; opacity:0.3; filter:alpha(opacity=30);}
.grade_icon li.on{ border: 2px solid #109FD6; padding: 10px; opacity:1; filter:alpha(opacity=100);}
.grade_icon.none li{opacity:0.3; filter:alpha(opacity=100); border: 0;}

.grade_icon2 li{ border: 1px solid #838383; padding: 5px;}
.grade_icon2 li p{ border-top: 1px solid #838383; margin-top: 5px; padding-top: 3px; text-align: center;}

/* process */
.process1{ margin-bottom: 30px; margin-left: 0 !important;}
.process1 li{ background: url(../images/contents/arrow1.gif) no-repeat 100% 45%; padding-right: 24px; margin-right: 6px;}
.process1 li.last{ background: none; padding: 0; margin: 0;}
.process1 li p{ width: 122px; height: 47px; padding:10px 0; text-align: center; background: url(../images/contents/process1_off.gif) no-repeat 0 0; font-size: 11px; letter-spacing: -1px; color: #666;}
.process1 li p.on{ background: url(../images/contents/process1_on.gif) no-repeat 0 0; color: #333; font-weight: bold;}
.process1 li p span{ height: 28px; display: block;}

.section h1{ margin: 0; padding: 0; background: #8fa8c1 url(../images/contents/section_h1_bg.gif) repeat-x 0 100%; font-size: 12px; color: #fff; position: absolute; top: 0; height: 34px;}
.section h1 strong{ background: url(../images/contents/boxStyle_arrow.gif) no-repeat 45% 100%; display: block; height: 34px; padding: 6px 20px 0 10px;}

.process2{margin: 7px;}
.process2 li{ float: left; background: url(../images/contents/process2_off.gif) no-repeat 0 0; color: #999; font-size: 11px; line-height: 1.8; padding-left: 10px; letter-spacing: -1px; margin-right: 10px;}
.process2 li.on{ background: url(../images/contents/process2_on.gif) no-repeat 0 0; color: #333; font-weight: bold;}
.process2 li span{ display: inline-block; margin-right: 23px;  font-weight: normal !important;}
.process2 li.on span{ color: #fff;}

.join_intro{ background: url(../images/contents/member_intro.gif) no-repeat 50% 0; width: 640px; margin: 30px auto; position: relative;}
.join_intro ul{ position: relative; padding-top: 30px; *zoom: 1;}
.join_intro ul li{ width: 185px; height: 80px;}
.join_intro ul li.ml270{ margin-left: 270px;}
.join_intro ul li.mt75{ margin-top: 75px;}
.join_intro ul li.pt50{ padding-top: 50px;}

.name_box dd{ margin-top: -18px; margin-left: 100px; margin-bottom: 5px;}

.satisfy_box{ background: #ffffff url(../images/contents/box_bg.gif) repeat-x 0 100%; border: 1px solid #dfdfdf; padding: 8px 20px 15px; position: relative;}
.satisfy_box h2{ background: none; margin: 0; padding: 0;}
.satisfy_box p{ position: relative;}
.satisfy_box p textarea{ width: 385px; height: 37px;}
.satisfy_box p .desc_txt{ position: absolute; right: 0; top: -20px; font-size: 11px;}

.weList{ position: relative;  height: 160px;}
.weList dt{ margin-left: 105px; margin-top: 5px; color: #333; font-weight: bold;}
.weList dd{ margin: 10px 0 0 105px;}
.weList dd li{ color: #666; font-size: 11px; background: url(../images/common/dot1.gif) no-repeat 0 4px; padding-left: 9px; margin-bottom: 3px;}
.weList dd.thum{ margin: 0; position: absolute; left: 0; top: 0; width: 105px;}
.weList dd.thum img{ border: 1px solid #ddd; display: inline-block; margin-bottom: 5px;}

.openBiz{ *zoom: 1; margin: 10px 15px 5px;}
.openBiz li{ float: left; margin-left: 0; line-height: 1; font-size: 12px; color: #333; margin-bottom: 5px;}
.openBiz li a{ display: inline-block; font-size: 12px; color: #666; line-height: 1.3;}
.openBiz li.active a{ color: #5c87ae; font-weight: bold;}

.openBiz.tab2 li{ width: 25%; *width: 24%;}

/* table
table{display:table; border-spacing:0; border-style:none; border-width:0;}
caption{display:none;}
tr *{ border-bottom: 0;}
td, th *{font-size:12px; letter-spacing:0; border-width:0; border-style:none;}
th{white-space:nowrap; white-space:nomal;}
td{white-space:nomal; word-break:keep-all;}
td .img{padding:0 3px; vertical-align:middle;}
table a:link, a:visited{color:#62666a; }
table a:hover{color:#62666a !important;}
 
.grid, .grid td table{ width:100%; margin:0; empty-cells:show; border-collapse:collapse; border-style:none; border-width:0; font-size:12px;}
.grid thead th, .grid thead td, .grid tbody th, .grid tbody td, .grid tfoot th{border-style:none; border:0; border-width:0;}
.grid thead th, .grid thead td{color:#818181; padding: 8px 5px;}
.grid thead td a{text-decoration: underline;}
.grid tfoot th, .grid tfoot td{ background: #F5F9FA; border: 1px solid #d8d8d8; color: #333; padding: 5px;}
.grid thead th, .grid tbody th.view_tl{ background: #f5f5f5 url(../images/contents/bg_gridHead.gif) repeat-x 0 0; border: 1px solid #ddd; border-bottom: 1px solid #109fd6; border-top: 0; color: #666 !important;  font-size: 11px; line-height: 1.3; word-wrap:break-word;}

.grid thead th.first, .grid tbody th.tl.first, .grid tbody td.tl.first{ background: #f5f5f5 url(../images/contents/gridHead.gif) no-repeat 0 0; border-left: 0; border-top: 0;}
.grid thead th.last, .grid tbody th.tl.last, .grid tbody td.tl.last{ background: #f5f5f5 url(../images/contents/gridHead.gif) no-repeat 100% 0; border-right: 0; border-top: 0;}
.grid thead th.borBtm0{ border-bottom: 0 !important;}

.grid tbody th.tl, .grid tbody td.tl{ background: #f5f5f5 url(../images/contents/bg_gridHead.gif) repeat-x 0 0; border: 1px solid #ddd; border-top: 0; color: #666 !important;  font-size: 11px; line-height: 1.3; font-weight: bold !important; text-align: center; padding: 5px;}
.grid .spot{ font-weight: normal !important; font-size: 11px; color: #2591ba; display: block;}
.grid .spot2{ font-weight: normal !important; font-size: 11px; color: #666; display: block; margin: 3px 0 8px;}

.grid tbody th{ border: 1px solid #e7e7e7; padding: 5px 10px; color: #666; background: #f3f8f9; font-size: 11px; text-align: left; font-weight: bold; line-height: 1.3;}
.grid tbody td th{ border: 1px solid #dfe3e4; padding: 3px 5px; color: #666 !important; background: #f9fafa; font-size: 11px; font-weight: normal !important;}
.grid tbody td td{ font-size: 11px;}
.grid tbody td th.white{ background: #ffffff !important;}
.grid thead td, .grid tbody td{ border: 1px solid #dfe3e4 !important; padding: 5px; color: #585858; background: #ffffff;}
.grid tbody td.tdContent{ padding: 15px 8px; line-height: 1.5; border: 1px solid #e8e8e8;}
.grid thead th label, .grid tbody th label {font-size: 11px; font-weight: bold;}
.grid tbody td label {font-size: 11px; font-weight: normal !important;}
.grid tbody td.re{ padding-left: 16px; background: url(../images/icon/icon_reply.gif) no-repeat 8px 7px;}
.grid tbody td.reRe{ padding-left: 26px; background: url(../images/icon/icon_reply.gif) no-repeat 18px 7px;}
.grid tbody td.reReRe{ padding-left: 36px; background: url(../images/icon/icon_reply.gif) no-repeat 28px 7px;}
.grid tbody tr.delete *{ color: #eb4316 !important;}

.grid.topLine{ border-top: 1px solid #7c9ab7 !important;}
*/
.btmLine{ border-bottom: 2px dotted #ddd !important;}
.topDotted{ border-top: 2px dotted #ddd !important; padding-top: 10px!important;}
.bgGray{ background: #f5f5f5;}
.necessary{  font-size: 11px; background: url(../images/common/necessary.gif) no-repeat 100% 0 !important; padding-right: 10px !important;}/* 필수 */
.memberData{ font-size: 11px; background: url(/cces../images/common/blueCross.gif) no-repeat 100% 0 !important; padding-right: 10px !important;}/* 멤버데이터조회 */
.grid .schArea{ background: none !important; border: 0 !important; text-align: left; border-color:#F1F7F7; padding: 2px;}

/* .grid input[type=text], .grid input[type=password], .section input[type=text], .section input[type=password], #search input[type=text]{ border: 1px solid #ddd; font-size: 12px; height: 16px !important; margin-bottom: 2px; padding: 1px 5px 0;}
.grid input[type=file]{ border: 1px solid #ddd; font-size: 12px; height: 20px !important; margin-bottom: 1px; vertical-align: top;} */

.topLine tbody tr:first-child { border-top: 1px solid #7c9ab7 !important;}
.topLine tbody tr:first-child th{ border-top: 0;}
.topLine tbody tr:first-child td{ border-top: 0 !important;}

.topLine tbody tr:first-child td .grid thead tr:first-child{ border-top: 0 !important;}
.topLine tbody td .grid thead th{ border-top: 1px solid #ffffff !important;}

.grid tbody td .gameList label{ font-size: 12px !important;}
.grid tbody .small_txt{ font-size:11px; letter-spacing: -1px;}

.grid tr.gray *{ background: #f7f7f7;}

.schBoxGrid{ width:550px; margin:0; empty-cells:show; border-collapse:collapse; border-style:none; border-width:0; font-size:11px; border-color:#FFF; position: relative;}
.schBoxGrid tr { border-bottom: 0 !important;}
.schBoxGrid tbody th{ background: url(../images/common/dot6.gif) no-repeat 0 45%; padding:5px 5px 5px 15px; text-align: left; color: #464749; border: 0; font-size:11px !important;font-weight: bold;}
.schBoxGrid tbody label{ font-size: 11px; font-weight: bold;}
.schBoxGrid tbody td select{ font-size: 11px;}

.grid2{ width:100%; margin:0; empty-cells:show; font-size:12px;}
.grid2 thead th, .grid2 tbody th{ border: 1px solid #7c9ab7; background: #ffffff; padding: 5px}
.grid2 tbody td{ background: #ffffff; border: 1px solid #d5e0eb; padding: 5px;}

.rating_btn{ position: absolute; right: -1px; top: -1px; background: #f7f9f9; border: 1px solid #dcdcdc; padding: 5px;}
.ratingBox dd{ margin-left: 23px; margin-top: -16px; letter-spacing: -1px; line-height: 1}
.ratingBox dd strong{ display: block; margin-bottom: 3px;}

/* pagiNation */
/*.pagination{ line-height:normal; padding:20px 0 10px; text-align:center; font-size: 11px; text-align: center;}
.pagination a, .pagination strong{ color:#323232; display:inline-block; margin:0 -2px; padding:3px 8px; position:relative; vertical-align:top; z-index:2;}
.pagination strong { color:#109fd6; font-size: 12px;}
.pagination .direction { color:#0f4078; padding: 3px;}
.pagination .direction span{ display:inline-block; vertical-align:top; height: 14px; background: url(../images/button/pagingArrow.gif) no-repeat; cursor: pointer;}
.pagination .direction span.prev{ background-position: -25px top; width: 16px;}
.pagination .direction span.next{ background-position: -45px top; width: 16px;}
.pagination .direction span.first{ background-position: left top; width: 16px;}
.pagination .direction span.last{ background-position: right top; width: 16px;}
.pagination.topLine{  border-top: 1px solid #e8e8e8;}*/
/* //pagination */

/* BUTTON str */
/* .imgBtn{ margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; font-size: 0 !important; line-height: 0 !important; cursor: pointer; overflow:visible;}
.imgBtn2{ padding: 3px 5px; display: inline-block;}

.btnArea { margin: 20px 0 40px; text-align:center; *zoom: 1;}
.btnArea:after { content: ""; clear: both; display: block;}
.btnArea .fl{ float: left;}
.btnArea .fr{ float: right;}

.button,
.button *{ position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background:url(../images/button/button.gif) no-repeat; vertical-align:top; overflow:visible; color:#ffffff;}
.button { margin-right:2px;}
.button *{ left:2px; cursor:pointer; _cursor:hand;} */

/* Button Size = medium | large | xLarge | small 
.button.medium, .button.medium *{ height:27px; line-height:27px; color: #666 !important; font-size: 12px;}
.button.large, .button.large *{ height:41px; line-height:41px;}
.button.small, .button.small *{ height:17px; line-height:17px;}
.button.xsmall, .button.xsmall *{ height:14px; line-height:14px;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -114px;}
.button.small { background-position:left -120px;}
.button.xsmall { background-position:left -305px;}
.button.medium *{ padding:0 30px 0 15px; background-position:right top;}
.button.large *{ padding:0 25px 0 21px; font-size:12px; background-position:right -114px; color: #ffffff !important;}
.button.small *{ padding:0 11px 0 7px; font-size:11px; background-position:right -120px; color: #ffffff !important;}
.button.xsmall *{ padding:0 5px 0 2px; font-size:11px; background-position:right -305px; color: #777 !important;}

.button.medium.blue {background-position:left -39px;}
.button.medium.blue *{ background-position:right -39px; color: #ffffff !important;}

.button.small.smallGray {background-position:left -179px; height: 20px;}
.button.small.smallGray *{ background-position:right -179px;  height: 20px; line-height: 20px; color: #333 !important;}

.button.small.smallBlue {background-position:left -204px; height: 20px;}
.button.small.smallBlue *{ background-position:right -204px;  height: 20px; line-height: 20px;}


.button.large.largeBlue {background-position:left -366px;}
.button.large.largeBlue *{ background-position:right -366px; color: #ffffff !important; }


.button *:hover,
.button *:active,
.button *:focus{ }


.button.strong *{ font-weight:bold !important;}
*/
/* //BUTTON end */

/* FAQ */
.question{ background: url(/cces../images/contents/q.gif) no-repeat 5px 5px;} 
.question a{ display: block; padding: 7px 7px 5px 40px;}
.answer{ background: url(/cces../images/contents/a.gif) no-repeat 5px 5px; padding: 3px 7px 7px 40px; font-weight: bold;}

/* FOOTER 
#footer .bottom{ width: 980px; margin: 0 auto 10px; *zoom: 1;}
.btmGroup ul{ *zoom: 1;}
.btmGroup ul li{ float: left; background: url(../images/common/division1.gif) no-repeat 0 45%;}
.btmGroup ul li a{ display: inline-block; padding: 3px 10px;}
*/
/* popup */
#pop_wrap{ width:100%; margin: 0 auto; position: relative; background: #ffffff url(../images/popup/pop_topBg.gif) repeat-x 0 0;}
#popHeader{ background: url(../images/popup/pop_headerBg.png) repeat-x 0 100%; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/popup/pop_headerBg.png', sizingMethod='crop');}
#popHeader h1{ font-size: 1.3em; _font-size: 16px;; color: #ffffff; padding: 10px 20px; line-height: 1.3; color: #ffffff; background: url(../images/popup/pop_header_h1.png) no-repeat 0 50%; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/popup/pop_header_h1.png', sizingMethod='crop'); padding-left: 21px; margin-left: 20px;}
#popHeader p{ margin: 20px 20px 0;}
#popContents{ background: #ffffff; padding: 30px 20px; position: relative;}
#popContents h2{ background: url(../images/popup/pop_h2.gif) no-repeat 0 45%; padding-left: 13px; margin: 30px 5px 5px 5px; font-size: 12px;  color: #333;}
.pop_txt{ background: url(../images/popup/pop_h2.gif) no-repeat 0 2px; padding-left: 13px; font-size: 12px;  color: #333;}
#popContents a{ color: #2a2e31;}
#pop_footer{ background: #ffffff url(../images/popup/footer_bg.gif) repeat-x 0 100%;}
#pop_footer div{ background: #ffffff url(../images/popup/footer_topBg.gif) repeat-x 0 0; padding: 10px 20px;}

/* 홈페이지 이용안내 */
#pop_usingGuide {width:100%; background: url(../images/using_guide/guide_pattern.gif) repeat-x 0 0;}
#pop_usingGuide .top_wrap {width:1000px;}
#using_header {width:990px; height:60px; margin-bottom:10px; *zoom: 1;}
#using_container{min-width:1003px; padding: 5px; *zoom: 1;}
#using_container .using_left{ float: left; width:123px; border: 1px solid #a7c7d6; margin-right:10px; padding:0 10px;}
#using_container .using_left ul {padding:10px 0;}
#using_container .using_left ul li a { display: block; color: #666; font-weight: bold; padding:7px 0px; margin-bottom: 1px; font-size:13px;}


#using_container .using_left ul li.active a{ color: #25b7bc;}
#using_container .using_left ul li ul {margin:0px; background:#f8f9fa; border-top: 1px solid #dbdde1; border-bottom: 1px solid #dbdde1; padding:4px 0;}
#using_container .using_left ul li li {border-bottom:none; padding:2px 0;}
#using_container .using_left ul li li a{ border: 0; font-weight: normal; color: #999 !important; padding:0 0 0 12px; line-height: 1.6; font-size:12px;}
#using_container .using_left ul li li.active a, #using_container .using_left ul li li a:hover{ background: url(../images/using_guide/dot2.gif) no-repeat 4px 50%; color: #353a59 !important;}
#using_container .using_left .download{ margin-top: 80px;}
#using_container .using_left .download li a{ border: 0; padding: 0;}
#using_container .using_content{ float: left; width:790px; border: 1px solid #c8cad2;  background: #fff url(../images/using_guide/body_img.gif) no-repeat 0 0; padding: 20px;}
#using_container .using_content h1{ font-size: 18px; font-weight:normal; color: #111; padding:10px 0 10px 10px; line-height:1.8;}
#using_container .using_content .imgBord{ margin: 5px 0;}
#using_container .using_content .imgBord img{ border:5px solid #e7e7e7;}
#using_container .bu { background: url(../images/using_guide/bullet1.gif) no-repeat 0 50%; padding-left: 16px; color: #333; display: block; margin: 5px 0; font-size:13px; font-weight:bold;}
#using_container .box_tip {position:relative; overflow:hidden; background: url(../images/using_guide/tip.gif) no-repeat 25px 50%; padding:15px 15px 15px 80px; margin:0 0 30px 0; border:1px solid #e7e7e7; min-height:32px;}
#using_container .using_content_wrap {clear:both;}
#using_container .using_content_wrap p strong {display:block; font-size:14px; color:#18b9bb; margin:20px 0 15px 0;}

/* 통합검색 */
#search{ padding: 30px 0;}
#search .search_top{ position: relative; height: 40px;}
#search .search_top h1{ position: absolute; top: 5px; /* height: 34px; */ background: url(../images/contents/contentBody_h1.gif) no-repeat 0 50%; padding-left: 23px; color: #1a2327; font-size: 20px; line-height: 1.6;}
#search .totalSch_box{ background: #29ACE0; border: 1px solid #079AD3; padding:  5px 6px 3px 15px; display: inline-block; margin: 10px 0 10px 20px;}
#search .totalSch_box .btn{ padding:  5px 0 5px 15px; margin-top: 10px;}
#search .totalSch_box .total_txt{ display: inline-block; color: #fff; font-weight: bold;}
#search .totalSch{ border: 0 !important; padding: 5px !important; height: 14px; padding: 0; font-size: 14px !important; font-weight: bold; color: #333;}
#search_result{ margin: 15px 0 30px;}

/* MAIN */
/* #main_wrap{ width:100%; position: relative; background: url(../images/main/main_wrap_bg.gif) no-repeat 50% 0;}
#main_wrap .content{ position: relative;} */
/* .main_mid{ width: 311px; margin-top: 20px; position: relative;} */
.main_noti{ position: relative; height: 155px;}
.main_noti ul li{ position: absolute; width: 311px; left: 0; }
.main_noti ul li.tab2{ left: 81px; width: 230px; }
.main_noti ul li.tab3{ left: 181px; width: 130px;}
.main_noti ul ul{ position: absolute; top: 30px; left: 0; height: 125px; z-index: 10000;}
.main_noti li li{ position: relative;}
.main_noti li li a span{ position: absolute; right: 0; color: #919191;}
.main_noti ul li.tab2 ul{ left: -81px;}
.main_noti ul li.tab3 ul{ left: -181px;}

.main_noti ul ul li a{ margin-left: 5px; display: block; background: url(../images/main/main_dot.gif) no-repeat 0 50%; padding: 3px 0 0 8px; color: #565656; line-height: 1.5;}
.main_noti ul li .more{ position: absolute; right: 0; top: 3px; padding: 3px; display: block; z-index: 20000;}

.main_left{ width: 221px;}
.main_center{ width: 383px; margin: 0 32px;}
/* .main_sch{ background: url(../images/main/main_sch_box.gif) no-repeat 0 0; padding: 10px 10px 14px;} */
.main_help{ margin-top: 18px;}

.main_right{ width: 311px; margin-top: 16px; position: relative;}

.main_data{ position: relative;}
.main_data ul li{ position: absolute; width: 311px; left: 0; }
.main_data ul li.tab2{ left: 113px; width: 198px; }
.main_data ul li.tab3{ left: 205px; width: 106px;}
.main_data ul ul{ position: absolute; top: 30px; left: 0; height: 125px; z-index: 10000;}
.main_data li li{ position: relative;}
.main_data li li a span{ position: absolute; right: 0; color: #919191;}
.main_data ul li.tab2 ul{ left: -113px;}
.main_data ul li.tab3 ul{ left: -205px;}
.main_data ul ul li a{ margin-left: 5px; display: block; background: url(../images/main/main_dot.gif) no-repeat 0 50%; padding: 3px 0 0 8px; color: #565656; line-height: 1.5;}
.main_data ul li .more{ position: absolute; right: 0; top: 3px; padding: 3px; display: block; z-index: 20000;}

.main_inform{ height: 120px; position: relative;}
.main_inform h2{ background: url(../images/main/h2_inform.gif) no-repeat 0 0; height: 32px; position: relative; text-indent: -10000000px;}
.main_inform p.move{ position: absolute;}
.main_inform ul{ position: absolute; top: 0; height: 120px;}
.main_inform ul li{ position: absolute;}
.main_inform ul li span{ position: absolute; top: 9px; cursor: pointer;}
/*
.main_inform ul li span.num1{ left: 200px;}
.main_inform ul li span.num2{  left: 217px;}
.main_inform ul li span.num3{  left: 233px;}
.main_inform ul li span.num4{  left: 248px;}
.main_inform ul li span.num5{  left: 263px;}
.main_inform ul li span.num6{  left: 278px;}
.main_inform ul li span.num7{  left: 293px;}
*/
/* .main_inform ul li span.num1{  left: 185px;}
.main_inform ul li span.num2{  left: 200px;}
.main_inform ul li span.num3{  left: 215px;}
.main_inform ul li span.num4{  left: 230px;}
.main_inform ul li span.num5{  left: 245px;}
.main_inform ul li span.num6{  left: 260px;}
.main_inform ul li span.num7{  left: 275px;}
.main_inform ul li span.num8{  left: 290px;}
.main_inform ul li a img{ position: absolute; top: 32px; left: 0 !important;}

.organLinkArea{ width:980px; vertical-align:top; height: 44px; position:relative; padding-top: 35px; }
.organLinkArea h2{ position: absolute; left: 13px; top: 7px;}
.organLinkArea .organLink{ width: 980px; padding-top: 6px; margin: 0 auto; position: relative;  overflow:hidden; height: 36px; border-top: 1px solid #e7e7e7;}
.organLinkArea .organLink p .move{ position: absolute; background: url(../images/main/moveLink.gif) no-repeat; width: 16px !important; height: 13px; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; vertical-align:top; overflow:visible; top: 23px; cursor:pointer;}
.organLinkArea .organLink p .move.lft{ left: 15px; z-index: 1000;}
.organLinkArea .organLink p .move.rgt{ background-position: right top; left: 34px;}
.organLinkArea .organLink ul{ position:relative; left: 90px; width: 890px; margin-top: 3px; height: 37px; *zoom: 1; _display: inline;}
.organLinkArea .organLink ul:after{ content: ""; clear: both; display: block;}
.organLinkArea .organLink ul li{ float: left; margin: 5px 18px;}
.organLinkArea .organLink ul li a{ display: inline-block; height: 32px;}
.organLinkArea .organLink ul li a img{ veretical-align: middle;}

.organLinkArea{ width:980px; vertical-align:top; height: 44px; position:relative; padding-top: 35px; }
.organLinkArea h2{ position: absolute; left: 13px; top: 7px;}
.organLinkArea .organLink{ width: 980px; margin: 0 auto; position: relative;  overflow:hidden; height: 43px; border-top: 1px solid #e7e7e7;}
.organLinkArea .organLink ul{ position:relative; left: 90px; width: 890px; margin-top: 3px; height: 37px; *zoom: 1; _display: inline;}
.organLinkArea .organLink ul:after{ content: ""; clear: both; display: block;}
.organLinkArea .organLink ul li{ float: left; margin: 5px 18px;}
.organLinkArea .organLink ul li a{ display: inline-block; height: 32px;}
.organLinkArea .organLink ul li a img{ veretical-align: middle;}
.organLinkArea .organLink_1{ width: 980px; margin: 0 auto; position: relative;  overflow:hidden; height: 44px;}
.organLinkArea .organLink_1 ul{ position:relative; left: 90px; width: 890px; margin-top: 3px; height: 37px; *zoom: 1; _display: inline;}
.organLinkArea .organLink_1 ul:after{ content: ""; clear: both; display: block;}
.organLinkArea .organLink_1 ul li{ float: left; margin: 5px 18px;}
.organLinkArea .organLink_1 ul li a{ display: inline-block; height: 37px;}
.organLinkArea .organLink_1 ul li a img{ veretical-align: middle;} */
/* 메인 레이어 */
.main_layerPop{ position: absolute; left: 257px; top: 20px; width: 370px; height: 240px; background: #dedede; padding: 5px;}
.main_layerPop .layer_box{ background: #fff; border: 1px solid #d0d0d0; height: 228px; padding: 5px 10px;}
.main_layerPop .layer_box.style1{ background: #fff url(../images/main/layer4.gif) no-repeat 0 100%;}
.main_layerPop .layer_box.style1 h2{ border-bottom: 1px solid #ddd; font-size: 16px; color: #333; line-height: 1.8;}
.main_layerPop .layer_box.style1 h2 strong{ color: #016f9d;}
.main_layerPop .layer_con{ padding: 10px 0; color: #202020; line-height: 1.5;}

.main_layerPop .layer_box.style2{ background: #e7f4fc url(../images/main/layer2.gif) no-repeat 0 100%;}
.main_layerPop .layer_box.style2 h2{ border-bottom: 1px solid #ddd; font-size: 16px; color: #333; line-height: 1.8;}
.main_layerPop .layer_box.style2 h2 strong{ color: #016f9d;}

.main_layerPop .layer_box.style3{ background: url(../images/main/layer3.gif) no-repeat 0 100%;}
.main_layerPop .layer_box.style3 h2{  font-size: 16px; color: #fff; line-height: 1.6; padding-left: 10px;}

.main_layerPop .layer_box .layer_close{ position: absolute; right: 15px; top: 18px;}
/* //메인 레이어 */

/* 메인 이벤트 팝업 */
#event_pop{ background: #fff;}
#event_pop .event_pop_style1{ background: url(../images/event_pop/pop_1.gif) no-repeat 0 0; width: 530px;}
#event_pop .event_pop_style1 h1{ text-align: right; background: url(../images/event_pop/pop_1_h1.png) no-repeat 99% 99%; height: 110px;}
#event_pop .event_pop_style1 .intro{ background: #2399cd; color: #fff; padding: 5px 15px;}
#event_pop .event_pop_style1 .event_pop_con{ padding: 20px 15px;}

#event_pop .event_pop_style2{ background: url(../images/event_pop/pop_2.gif) no-repeat 0 0; width: 530px;}
#event_pop .event_pop_style2 h1{ text-align: right; background: url(../images/event_pop/pop_1_h1.png) no-repeat 95% 138%; height: 110px;}
#event_pop .event_pop_style2 .intro{ color: #333; padding: 0 15px 10px 75px;}
#event_pop .event_pop_style2 .event_pop_con{ padding: 20px 75px;}

#event_pop .event_pop_style3{ background: url(../images/event_pop/pop_3.gif) no-repeat 0 0; width: 530px;}
#event_pop .event_pop_style3 h1{ text-align: right; background: url(../images/event_pop/pop_1_h1.png) no-repeat 3% 10%; height: 170px;}
#event_pop .event_pop_style3 .intro{ color: #333; padding: 0 15px 10px 15px;}
#event_pop .event_pop_style3 .event_pop_con{ padding: 20px 15px;}

#event_pop .event_close{ background: #333; color: #fff; padding: 5px 15px; text-align: right;}
#event_pop .event_close a{ color: #fff;}
/* //메인 이벤트 팝업 */

.sitemap h2{ margin: 0 10px; padding: 0; background: #7b9ab5; font-size: 12px; font-weight: bold; padding: 8px 10px; color: #fff;}
.sitemap ul{ margin: 0 10px 10px; border: 1px solid #ddd; border-top: 0; padding: 10px;}
.sitemap ul li{ border-bottom: 1px solid #ddd;}
.sitemap ul li:last-child {border-bottom:0px;}
.sitemap ul li a{ display: block; color: #333; padding: 5px 10px;}
.sitemap ul ul{ border: 0; border-top: 1px solid #ddd; padding:5px 10px; margin: 0;}
.sitemap ul li li{ border-bottom: 0;}
.sitemap ul ul a{ color: #666; background: url(../images/common/dot1.gif) no-repeat 0 45%; font-size: 11px; padding: 3px 10px;}
.sitemap td {vertical-align:top;}


/* ERROR PAGE */
.no_page{ position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%;}
.no_page .error{ position:absolute; width:574px; height:200px; margin:-150px 0 0 -300px; top:50%; left:50%;}
.no_page .error .errorBox{ margin: 30px; background: url(../images/contents/errorBoxBg.gif) no-repeat 0 0; padding-left: 120px;}
.no_page .error .errorBox p{ font-size: 14px; color: #547896; font-weight: bold;}


/* 스타일 정의 */
/* .inputData{ border: 1px solid #e4e6e8; padding: 0 5px; padding-top: 1px; height: 16px !important; font-size: 12px; margin-bottom: 1px;} */
.inputFile{ border: 1px solid #e4e6e8; padding-top: 1px; height: 20px !important; font-size: 12px; margin-bottom: 1px; }
.inputDisible{ border: 1px solid #d2d5d6; background: #f6f6f6; padding-top: 1px; height: 16px !important; font-size: 12px; margin-bottom: 1px;}
.inputRadio{ position: relative; top: 2px;}
.inputRChk{ margin: 0 3px 0 0; *position: relative; bottom: 1px;}
.h40{ height: 40px;}
.h80{ height: 80px;}
.h100{ height: 100px !important;}
.h150{ height: 150px !important;}
.h200{ height: 200px !important;}
.h500{ height: 500px;}
.stipulation{ background: #ffffff; overflow-x:hidden; overflow-y: scroll; padding: 10px; color: #727272;} 
.textarea{ border: 1px solid #e4e6e8; padding: 0 5px; padding-top: 1px; font-size: 12px; margin-bottom: 1px; }
.lftBord{ border-left: 1px solid #e5eaeb; padding-left: 10px;}
 
.scrollDiv{ background: #f3f8f9; border: 1px solid #ecf1f2; padding: 5px;}
.scrollDiv a{ font-size: 11px; color: #666 !important; line-height: 20px; cursor: pointer;}
.scrollDiv a strong, .scrollDiv a span{ display: inline-block;}
.overflow_x{ overflow-x: scroll;}
.overflow_y{ overflow-y: scroll;}
.pointer{ cursor: pointer;}

/* div float Hack
#header .top:after, 
#container .content:after, 
.topMenu:after, 
#topmenu:after, 
#footer .bottom:after, 
.btmGroup ul:after, 
.main_content:after, 
.process ol:after, 
#pop_wrap #popHeader:after, 
.main_contents:after, 
mainNoti ul:after, 
.sitemap:after, 
.boxStyle2:after, 
.join_intro ul:after, 
.openBiz:after{ content: ""; display: block; clear: both;}
#using_header:after, 
#using_container:after{ content: ""; display: block; clear: both;}
 */