@charset "utf-8"; 

body{background:#fff;} 
#wrap {width:100%; position:relative; z-index:1; padding:0; margin:0; }

/* Skip Navigation */
.skiptoContent a {display:block;position:absolute;top:-40px;left:0;z-index:10;width:100%;height:25px;line-height:25px;text-align:center;font-weight:bold;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;}
.skiptoContent a:hover {top: 0px; z-index:1000; padding:10px 0; background:#4764ce; color:#fff;}
.skiptoContent a:active {top: 0px; z-index:1000; padding:10px 0; background:#4764ce; color:#fff;}
.skiptoContent a:focus {top: 0px; z-index:1000; padding:10px 0; background:#4764ce; color:#fff;}

/*** header *****/   
#Header{position:relative; width:100%;background:url(../../Images/layout/top_bg.gif) repeat-x;}
#Header .topgroup {position:relative; width:1000px; height:110px; margin:0 auto;}
#Header .user {position:absolute; top:5px; right:90px; background:url(../../Images/main/icon_user.gif) 0 center no-repeat; padding-left:18px; color:#888;} 
#Header .headerTab {position:relative;top:0; left:925px; width:75px; height:23px;}
#Header .headerTab:after {display:block;clear:both;content:''}
#Header .headerTab li.home {float:left; width:80px; text-align:center; background:url(../../Images/layout/sitemap_bg.gif) no-repeat; line-height:20px; font-weight:bold; height:23px;}
#Header .headerTab li.fav {float:left; width:74px; text-align:center; background:url(../../Images/layout/sitemap_bg.gif) no-repeat; line-height:20px; font-weight:bold; height:23px;}
#Header .headerTab a:link, .headerTab a:visited {color:#353535;}
#Header .headerTab a:hover, .headerTab a:active {color:#000;}
#Header .logo {width:285px; height:60px; position:absolute; top:16px;}

#divGnb {position:absolute; top:57px; width:510px; height:19px; left:490px;}
#divGnb .gnb li {float:left; margin-left:30px;}
#divGnb .gnb li a {display:block;height:19px;text-indent:-9999px;overflow:hidden;cursor:pointer;}
#divGnb .gnb li.gnbMenu01 {margin-left:0;}
#divGnb .gnb li.gnbMenu01 a {width:134px;background:url(../../Images/layout/GNB_01.png) 0 0 no-repeat;}
#divGnb .gnb li.gnbMenu02 a {width:119px;background:url(../../Images/layout/GNB_02.png) 0 0  no-repeat;}
/**#divGnb .gnb li.gnbMenu03 a {width:87px;background:url(../../Images/layout/GNB_03.png) 0 0  no-repeat;}**/
#divGnb .gnb li.gnbMenu03 a {width:87px;background:url(../../Images/layout/GNB_03_1.png) 0 0  no-repeat;}
#divGnb .gnb li.gnbMenu04 a {width:48px;background:url(../../Images/layout/GNB_04.png) 0 0  no-repeat;}
#divGnb .gnb li a:hover {background-position:0 -19px;}

#divGnb_admin {position:absolute; top:65px; width:563px; height:19px; left:560px;}
#divGnb_admin .gnb li {float:left; margin-left:30px;}
#divGnb_admin .gnb li a {display:block;height:19px;text-indent:-9999px;overflow:hidden;cursor:pointer;}
#divGnb_admin .gnb li.gnbMenu01 a {width:110px;background:url(../../Images/layout/GNB01.png) 0 0 no-repeat;}
#divGnb_admin .gnb li.gnbMenu02 a {width:97px;background:url(../../Images/layout/GNB02.png) 0 0  no-repeat;}
#divGnb_admin .gnb li.gnbMenu03 a {width:111px;background:url(../../Images/layout/GNB03.png) 0 0  no-repeat;}
#divGnb_admin .gnb li.gnbMenu04 a {width:68px;background:url(../../Images/layout/GNB04.png) 0 0 no-repeat;}
#divGnb_admin .gnb li.gnbMenu05 a {width:27px;background:url(../../Images/layout/GNB05.png) 0 0  no-repeat;}
#divGnb_admin .gnb li a:hover {background-position:0 -19px;}

/*** main *****/ 
#M_container {position:relative; width:1000px; height:660px; margin:0 auto; padding:30px 0;}
#M_container a {color:#666;}
#M_container a span {color:#aaa;}

#M_container .left_area {float:left; width:499px; border-right:solid 1px #ddd; background:url(../../Images/main/leftarea_bg.gif) 0 no-repeat; background-position: 0 80px;}

#M_container .left_area .notice {position:relative;height:260px; padding:40px 10px;}
#M_container .left_area .notice h2 {padding-bottom:20px;}
#M_container .left_area .notice a.more {position:absolute;top:40px;left:440px;color:#000;}
#M_container .left_area .notice dl {margin:20px 10px; width:480px; padding:0 5px;}
#M_container .left_area .notice dl dt {float:left; width:370px; line-height:180%; background:url(../../Images/main/bullet_notice.gif) 0 center no-repeat; padding-left:7px;}
#M_container .left_area .notice dl dd {float:left; width:80px; line-height:180%; color:#666; text-align:right;}

#M_container .left_area .my {position:relative;height:260px; border-bottom:solid 1px #555; padding: 20px 10px;}
#M_container .left_area .my a.more {position:absolute;top:40px;left:440px;color:#000;}
#M_container .left_area .my h2 {border-bottom:solid 1px #eee; padding-bottom:10px;}
#M_container .left_area .my h2 span {position:absolute; right:0; background:url(../../Images/main/icon_user.gif) 0 center no-repeat; padding-left:18px; color:#888;} 
#M_container .left_area .my dl {margin:20px 10px; width:300px;}
#M_container .left_area .my dl dt {line-height:180%; color:#333; font-size:14px;}
#M_container .left_area .my dl dd {line-height:180%;}
#M_container .left_area .my dl dd span.icon {position:absolute; left:290px; width:44px; height:14px;}

#M_container .right_area {float:left; width:500px; background:url(../../Images/main/rightarea_bg.gif) 10px 0 no-repeat;  background-position: 0 80px;}

#M_container .right_area .offline {position:relative;height:260px; border-bottom:solid 1px #555; padding:20px 10px;}
#M_container .right_area .offline h2 {padding-bottom:20px;}
#M_container .right_area .offline a.more {position:absolute;top:20px;left:440px;color:#000;}
#M_container .right_area .offline dl {margin:20px 10px; width:490px;}
#M_container .right_area .offline dl dt {float:left; width:145px;}
#M_container .right_area .offline dl dd {float:left; width:345px; height:22px;}
#M_container .right_area .offline dl dd span.icon {position:absolute; left:290px; width:44px; height:14px;}

#M_container .right_area .data {position:relative;height:260px; padding:40px 10px;}
#M_container .right_area .data h2 {padding-bottom:20px;}
#M_container .right_area .data a.more {position:absolute;top:40px;left:440px;;color:#000;}
#M_container .right_area .data dl {width:480px; padding:0 5px; margin:20px 10px;}
#M_container .right_area .data dl dt {float:left; width:373px; line-height:180%; background:url(../../Images/main/bullet_notice.gif) 0 center no-repeat; padding-left:7px;}
#M_container .right_area .data dl dd {float:left; width:100px; line-height:180%; color:#4d4d4d; text-align:right;}


#M_container .left_area .guide {height:200px; border-bottom:solid 1px #555; padding-right:10px;}
#M_container .left_area .guide h2 {border-bottom:solid 1px #eee; padding-bottom:10px;}
#M_container .left_area .guide p {font-size:14px; margin:15px 0 20px; line-height:150%;}

#M_container .right_area .online {position:relative;height:160px; border-bottom:solid 1px #555; padding:20px 10px;}
#M_container .right_area .online h2 {padding-bottom:20px;}
#M_container .right_area .online a.more {position:absolute;top:20px;right:0;color:#000;}
#M_container .right_area .online dl {width:490px;}
#M_container .right_area .online dl dt {float:left; width:145px;}
#M_container .right_area .online dl dd {float:left; width:345px; height:22px;}
#M_container .right_area .online dl dd span.icon {position:absolute; right:0; width:44px; height:14px;}

/*** sub *****/ 
#container {position:relative; margin:0 auto; width:1000px;}
#container h2 {font-size:24px; color:#333; margin-top:20px; margin-bottom:10px;}
#container h3 {font-size:14px; color:#333; background:url(../../Images/layout/bullet_h3.gif) no-repeat 0 8px; padding-left:15px; line-height:24px; margin-top:15px; margin-bottom:5px;}
#container:after{display:block;clear:both;content:''}
#container .subleft {float:left; width:160px; padding-top:20px;}
#container .subleft h2 {font-size:20px; color:#333; line-height:40px; height:46px; width:150px; padding-left:10px; border-bottom:solid 2px #000;}
#container .subleft .submenu {position:relative; width:160px; margin:0 auto;border-bottom:solid 2px #000;}
#container .subleft .submenu li a {display:block; border-bottom:solid 1px #ddd; height:40px; padding-left:5px; line-height:38px; font-size:14px; color:#666; font-weight:600; background:url(../../Images/layout/subleft_bullet.gif) no-repeat 145px center #fff; }
#container .subleft .submenu li a:hover  {display:block; border-bottom:solid 1px #ddd; background:url(../../Images/layout/subleft_bulleton.gif) no-repeat 145px center #fffcfa; height:40px; padding-left:5px; line-height:38px; font-size:14px; color:#f83906;}
#container .subleft .submenu li a.on {display:block; border-bottom:solid 1px #ddd; background:url(../../Images/layout/subleft_bulleton.gif) no-repeat 145px center #fffcfa; height:40px; padding-left:5px; line-height:38px; font-size:14px; color:#ED0C11; border:1px solid #999; font-weight:600;}
	

#container .subleft .submenu li ul {border-bottom:solid 1px #ddd; padding:5px 0;}
#container .subleft .submenu li ul li {padding-left:5px;}
#container .subleft .submenu li ul li a.on {
	display: block;
	border-bottom: solid 1px #ddd;
	background: url(../../Images/layout/subleft_bulleton.gif) no-repeat 145px center #fffcfa;
	height: 40px;
	padding-left: 5px;
	line-height: 38px;
	font-size: 14px;
	color: #ED0C11;
	border: 1px solid #999;
	font-weight: 600;
}
	

#container .subcontent {float: left;width: 815px;min-height: 600px;padding: 20px 0 20px 24px;border-left: solid 1px #ccc;}
#container .subcontent:after{display:block;clear:both;content:''}
#container .subcontent .sitePathPo {position:absolute; top:17px; text-align:right; width:815px;}
#container .subcontent .sitePathPo ul li { display:inline; padding-left:10px; color:#777; background:url(../../Images/layout/bl_path.gif) no-repeat 0 center; font-size:11px; line-height:12px;} 
#container .subcontent .sitePathPo ul li.pathHome { background:url(../../Images/layout/path_home.gif) no-repeat 0 center; padding-left:15px;}
#container .subcontent .sitePathPo ul li.pathSelected {color:#222;}
#container .subcontent h2 {font-size:24px; color:#333; border-bottom:solid 1px #ddd; padding-bottom:20px; margin-bottom:25px;}
#container .subcontent h3 {font-size:14px; color:#333; background:url(../../Images/layout/bullet_h3.gif) no-repeat 0 8px; padding-left:15px; line-height:24px; margin-top:15px; margin-bottom:5px;}
#container .subcontent h3 span {font-size:12px; color:#ff3300; font-weight:100 !important; margin-left:5px;}
	
.tab {border-bottom:solid 2px #5e768b;}
.tab:after {display:block;clear:both;content:''}
.tab li {float:left; margin-right:1px;}
.tab li a {width:120px; height:33px; border:solid #ddd 1px; border-bottom:none; display:block; line-height:33px; text-align:center;}
.tab li a.on {width:120px; height:33px; border:solid #5e768b 1px; background:#5e768b; border-bottom:none; display:block; line-height:33px; text-align:center; color:#fff;}

.tab_area {border:solid 2px #5e768b;border-top:0; padding:10px; color:#aaa;}
.tab_area a {display:inline-block; margin:5px 10px; font-weight:bold;}
.tab_area a.on {color:#0084d0;}

/*** join ***/  
#container .Step{position:absolute; right:0; top:0;}
#container .Agrmt{border:solid 1px #ccc; padding:15px;width:100%; color:#454545; line-height:18px; height:300px; overflow:auto;}
#container .Agrmt h3{color:#000; font-size:14px;}
#container .Agrmt strong {color:#000;}
#container .Agrmt p {margin-top:5px;}
#container .AgrmtCheck {background:#f5f5f5; padding:5px; color:#000; margin-top:10px; border:solid 1px #eee;}
#container .SrcInstt {background:#f5f5f5; border:solid 1px #ccc; padding:10px; text-align:center;}
#container .SrcInstt p {margin-bottom:5px;}
#container .Guide {color:#555; margin-top:15px; background:url(../../Images/join/message_img.gif) 10px 27px no-repeat #f5f5f5; line-height:22px; padding:15px;}
#container .Guide h4 {color:#333; font-size:14px;}
#container .Arlet {background:#f5f5f5; border-top:solid 1px #aaa;border-bottom:solid 1px #aaa; padding:15px; color:#000; line-height:24px; text-align:center; font-size:13px;}
#container .Arlet p {margin-bottom:5px;}
#container .Comlete {padding:20px; border:solid 2px #F60; border-radius:6px; text-align:center; color:#000; font-size:16px; font-weight:600; margin-top:25px;}
#container .SrcID {border-bottom:solid 1px #ccc; text-align:center; padding:10px; line-height:25px;}
#container .Research {border:solid 2px #666; border-radius:10px; padding:15px; width:700px; height:300px;}
#container .Research .Quest { background:#eee;border-radius:8px; padding:10px;color:#333; font-weight:bold; line-height:20px; font-size:14px;}
#container .Research .Answer {margin:10px;}
#container .Research .Answer input {margin-left:10px;}
#container .Research strong {color:#333; }
#container .Research ul {border-top:dotted 1px #ccc; margin:20px 0;}
#container .Research li {border-bottom:dotted 1px #ccc; padding:5px 0 5px 10px; background:url(../../Images/Icon/iconLeftmenuBullet_over.gif) no-repeat 2px 10px;}


/*** search ***/  
.Section {margin-bottom:5px;}
.Section select {color:#fff; background:#12406c !important; width:198px; height:30px; line-height:28px;}
.Section li { width:170px; height:33px; background:#3b69a8; float:left; font-size:14px; color:#fff; line-height:33px; padding:0 10px 0 16px; border:solid 1px #fff;}
.Section li.All { width:170px; height:33px; background:#12406c; float:left; font-size:14px; color:#fff; line-height:33px; padding:0 10px 0 16px; border:solid 1px #fff;}
.Section li a {color:#ffd800; font-weight:bold;}
.Section:after{display:block;clear:both;content:''}

.SRC_area {background:#f5f5f5; border:solid 1px #ddd; border-radius:6px; padding:10px 15px;}
.SRC_area table {width:100%;}
.SRC_area th {text-align:left; color:#333; padding-left:10px;}
.SRC_area td { line-height:30px;}
.SRC_area label.hidden {display:none;}
.SRC_area table td fieldset {display:inline-block;}
.SRC_area .ex {display:block;font-size:11px;font-weight:normal;}

/*** table ***/
.InputStyle {width:100%; border-top:solid 2px #000;}
.InputStyle th {background:#f8f9fb; border:solid 1px #ccc; padding:4px 10px 6px 10px; color:#333; font-weight:bold; text-align:left; vertical-align:middle; min-height:20px;}
.InputStyle th.check {background:url(../../Images/layout/th_star.gif) 10px center no-repeat #f8f9fb; padding:4px 10px 6px 20px;}
.InputStyle td {border:solid 1px #ccc; padding:4px 10px 6px 10px; vertical-align:middle; line-height:22px;}
.InputStyle td span {font-size:11px;}
.InputStyle td label {display:inline-block; margin-right:20px;}
.InputStyle td img { vertical-align:middle;}
.InputStyle td.Ttl {background:#eee; color:#000;}

.ListStyle {width:100%; border-top:solid 2px #000;}
.ListStyle th {background:#f8f9fb; border:solid 1px #ccc; padding:4px 2px 6px 2px; color:#333; font-weight:bold; line-height:20px; vertical-align:middle;}
.ListStyle td {border:solid 1px #ccc; padding:4px 5px 6px 5px; line-height:20px; vertical-align:middle;}
.ListStyle td a:link {text-decoration:underline;}

.NoTable {border:0 !important; margin:0;}
.NoTable td		{border:0 !important; padding:0 !important;}

/*** paging ***/  
.divPageNum {text-align:center; margin-top:20px;}
.divPageNum ol li {padding:5px; margin:2px; display:inline; text-align:center; width:10px;}
.divPageNum ol li.PageNumBtn {border:0 none;}
.divPageNum ol li.Active {font-weight:700; color:#3b69a8 !important; font-size:14px;}
.divPageNum ol li a {text-decoration:none;}


/* 게시판 */
.BoardList {border-top:solid 2px #000; width:100%;}
.BoardList tr th {color:#3b69a8; background-color:#f8f9fb; border:0 none; height:30px; padding:0; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; vertical-align:middle;}
.BoardList tr th.BoardNum  {width:50px;}
.BoardList tr th.BoardWrite {width:100px;}
.BoardList tr th.BoardDate {width:100px;}
.BoardList tr th.BoardView {width:70px;}
.BoardList tr th.BoardType {width:70px;}
.BoardList tr th.BoardT {width:200px;}
.BoardList tr th.BoardPictuer {width:100px;}
.BoardList tr th.BoardName {width:100px;}
.BoardList tr th.BoardTel {width:150px;}
.BoardList tr th.BoardEmail {width:150px;}

.BoardList tr td  {border:0 none; border-bottom:solid 1px #ddd; height:30px; padding:0 0 0 10px; border-right:solid 1px #ddd; vertical-align:middle;}
.BoardList a:link {text-decoration:none !important;}
.BoardList a:hover {text-decoration:underline !important; color:#3b69a8;}
.BoardList .last-child {border-right:0;}

.PageNumOver {cursor:pointer;}
.PageNumOut {padding:5px; margin:2px; display:inline; text-align:center;}

.BoardView {border-top:solid 2px #000; border-bottom:solid 1px #878787; margin-bottom:10px; width:100%;}
.ViewBody {margin-top:-11px;}
.ViewBody tr td  {padding:10px 20px 20px 20px; line-height:2em;}
.ViewBody tr td a {text-decoration:none;}
.BoardView tr td.Text {background-color:#fff; color:#252525; font-weight:bold;padding:10px 0 10px 10px;}
.BoardView tr th {border:0 none; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; width:100px; text-align:center;line-height:30px; background:#f8f9fb; color:#3b69a8;}
.BoardView tr td {border:0 none; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;}

.boardPrevNextLink {border-top:solid 1px #ddd; width:100%; margin-top:20px;}
.boardPrevNextLink tr th {width:100px;background:#f8f9fb; color:#333; line-height:30px;border-right:0;border-bottom:solid 1px #ddd;font-weight:normal;}
.boardPrevNextLink tr td {border-right:0;border-bottom:solid 1px #ddd; padding-left:10px;}
.boardPrevNextLink tr td a {text-decoration:none;}

/*** footer ***/   
#FooterWrap {width:100%; background:url(../../Images/layout/footer_Bg.gif) repeat-x; height:30px;}
#FooterWrap .FooterMenu {position:relative; top:0; height:30px; font-size:11px; margin:0 auto; width:1000px;}
#FooterWrap .FooterMenu li {float:left; padding-right:10px; margin-right:10px; line-height:36px;font-weight:bold;}
#FooterWrap .FooterMenu li a {letter-spacing:-1px; }
#FooterWrap .FooterMenu #family_site {position:relative; float:right; margin-top:10px;}
#FooterWrap .FooterMenu #family_site .family_layer {position:absolute; bottom:19px; left:0; width:138px; height:auto; background-color:#fff; border-top:1px solid #dadada; border-right:1px solid #dadada; border-left:1px solid #dadada; padding:10px 10px 0 10px; z-index:10000;}
#FooterWrap .FooterMenu #family_site .family_layer li {margin-bottom:10px; background:none; padding:0; margin:0; line-height:20px; width:100%;font-weight:100;}
#FooterWrap .FooterMenu #family_site .family_layer li a:link {color:#555; font-size:11px; letter-spacing:normal;}
#FooterWrap .FooterMenu #family_site .family_layer li a:visited {color:#555; font-size:11px;}
#FooterWrap .FooterMenu #family_site .family_layer li a:hover {color:#10528d; font-size:11px;}
#FooterWrap .FooterMenu #family_site .family_layer li a:active {color:#10528d; font-size:11px;}
#FooterWrap .address {position:relative; width:880px;height:80px;font-size:11px; color:#333; font-style:normal; margin:10px auto; line-height:18px; padding-left:120px; padding-top:10px;}
#FooterWrap .address strong {color:#1188bc;}
#FooterWrap .address .f_logo {position:absolute; width:99px; left:0;}
#FooterWrap .markWrap {border:0;position:absolute;top:10px;right:0;padding:0;}



/*** 팝업스타일 ***/  
#popup {position:absolute; left:0; top:0; z-index:9999; width:100%; background:#fff;}
#popup h1 {background:#333; font-size:24px; color:#fff; line-height:50px; padding-left:15px;}
#popup .bt_popClose {position:absolute;top:10px;right:10px;}
#popup .popcont {width:auto; margin:15px;}
#popup .footer {background:#9f9f9f; color:#fff; text-align:center; line-height:30px;}
#PopContainer {padding:20px; overflow:auto; line-height:120%;}
#PopContainer h2 {font-size:14px; color:#333; background:url(../../Images/layout/bullet_h3.gif) no-repeat 0 8px; padding-left:15px; line-height:24px; margin-bottom:5px;}
	
	.overlap {border-top:solid 2px #F60;}
	.overlap li {border-bottom:solid 1px #ddd; text-align:center; line-height:25px; padding:10px;}
	.overlap li span {color:#F30;}
	.post {width:420px; height:180px; overflow:auto; border:solid 1px #eee; padding:10px;}
	.post table td {text-align:left; line-height:30px;}

/*** button ***/   
.btn_2 {background:url(../../Images/btn/btnstyle.gif) no-repeat 0 0; border:0; padding:0 0 3px 22px; width:55px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btn_3 {background:url(../../Images/btn/btnstyle.gif) no-repeat 0 -23px; border:0; padding:0 0 3px 22px; width:65px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btn_4 {background:url(../../Images/btn/btnstyle.gif) no-repeat 0 -50px; border:0; padding:0 0 3px 22px; width:75px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btn_5 {background:url(../../Images/btn/btnstyle.gif) no-repeat 0 -75px; border:0; padding:0 0 3px 20px; width:85px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btn_6 {background:url(../../Images/btn/btnstyle.gif) no-repeat 0 -100px; border:0; padding:0 0 3px 20px; width:95px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btn_7 {background:url(../../Images/btn/btnstyle.gif) no-repeat 0 -125px; border:0; padding:0 0 3px 20px; width:105px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btn_8 {background:url(../../Images/btn/btnstyle.gif) no-repeat 0 -150px; border:0; padding:0 0 3px 20px; width:115px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btn_9 {background:url(../../Images/btn/btnstyle.gif) no-repeat 0 -175px; border:0; padding:0 0 3px 20px; width:125px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btn_10 {background:url(../../Images/btn/btnstyle.gif) no-repeat 0 -200px; border:0; padding:0 0 3px 20px; width:135px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btn_11 {background:url(../../Images/btn/btnstyle.gif) no-repeat 0 -225px; border:0; padding:0 0 3px 20px; width:145px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btn_12 {background:url(../../Images/btn/btnstyle.gif) no-repeat 0 -250px; border:0; padding:0 0 3px 20px; width:155px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}


.btngray_2 {background:url(../../Images/btn/btngray.gif) no-repeat 0 0; border:0; padding:0 0 3px 20px; width:55px; height:23px; color:#444; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btngray_3 {background:url(../../Images/btn/btngray.gif) no-repeat 0 -23px; border:0; padding:0 0 3px 18px; width:65px; height:23px; color:#444; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btngray_4 {background:url(../../Images/btn/btngray.gif) no-repeat 0 -46px; border:0; padding:0 0 3px 17px; width:75px; height:23px; color:#444; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btngray_5 {background:url(../../Images/btn/btngray.gif) no-repeat 0 -69px; border:0; padding:0 0 3px 15px; width:85px; height:23px; color:#444; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btngray_6 {background:url(../../Images/btn/btngray.gif) no-repeat 0 -92px; border:0; padding:0 0 3px 15px; width:95px; height:23px; color:#444; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btngray_7 {background:url(../../Images/btn/btngray.gif) no-repeat 0 -115px; border:0; padding:0 0 3px 15px; width:105px; height:23px; color:#444; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btngray_8 {background:url(../../Images/btn/btngray.gif) no-repeat 0 -138px; border:0; padding:0 0 3px 15px; width:115px; height:23px; color:#444; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btngray_9 {background:url(../../Images/btn/btngray.gif) no-repeat 0 -161px; border:0; padding:0 0 3px 15px; width:125px; height:23px; color:#444; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btngray_10 {background:url(../../Images/btn/btngray.gif) no-repeat 0 -184px; border:0; padding:0 0 3px 15px; width:135px; height:23px; color:#444; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btngray_11 {background:url(../../Images/btn/btngray.gif) no-repeat 0 -207px; border:0; padding:0 0 3px 15px; width:145px; height:23px; color:#444; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btngray_12 {background:url(../../Images/btn/btngray.gif) no-repeat 0 -230px; border:0; padding:0 0 3px 15px; width:155px; height:23px; color:#444; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}


.btnviolet_2 {background:url(../../Images/btn/btnviolet.gif) no-repeat 0 0; border:0; padding:0 0 3px 22px; width:55px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btnviolet_3 {background:url(../../Images/btn/btnviolet.gif) no-repeat 0 -23px; border:0; padding:0 0 3px 22px; width:65px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btnviolet_4 {background:url(../../Images/btn/btnviolet.gif) no-repeat 0 -50px; border:0; padding:0 0 3px 22px; width:75px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btnviolet_5 {background:url(../../Images/btn/btnviolet.gif) no-repeat 0 -75px; border:0; padding:0 0 3px 20px; width:85px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btnviolet_6 {background:url(../../Images/btn/btnviolet.gif) no-repeat 0 -100px; border:0; padding:0 0 3px 20px; width:95px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btnviolet_7 {background:url(../../Images/btn/btnviolet.gif) no-repeat 0 -125px; border:0; padding:0 0 3px 20px; width:105px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btnviolet_8 {background:url(../../Images/btn/btnviolet.gif) no-repeat 0 -150px; border:0; padding:0 0 3px 20px; width:115px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btnviolet_9 {background:url(../../Images/btn/btnviolet.gif) no-repeat 0 -175px; border:0; padding:0 0 3px 20px; width:125px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btnviolet_10 {background:url(../../Images/btn/btnviolet.gif) no-repeat 0 -200px; border:0; padding:0 0 3px 20px; width:135px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btnviolet_11 {background:url(../../Images/btn/btnviolet.gif) no-repeat 0 -225px; border:0; padding:0 0 3px 20px; width:145px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}
.btnviolet_12 {background:url(../../Images/btn/btnviolet.gif) no-repeat 0 -250px; border:0; padding:0 0 3px 20px; width:155px; height:25px; color:#fff; text-align:left; font-family:"맑은 고딕", "돋움"; font-size:12px; font-weight:bold; cursor:pointer;}

/* Ligin */
#divLogin {width:100%; height:100%;}
#divLoginFieldset {position:relative; width:755px; margin:0 auto;}
#divLoginFieldset h1 {position:relative; margin-top:150px;}
	fieldset dl {position:relative; width:655px; height:150px; margin-top:20px; padding:30px 50px; background:#fcfcfc; border-top:solid 1px #CCC; border:solid 2px #54639d; }
	fieldset dt {position:relative;width:175px; height:150px; float:left;}
	fieldset dd label {line-height:30px; color:#333; font-size:12px; font-weight:bold; width:80px; display:inline-block;}
	fieldset dd {position:relative;width:470px; display:inline-block;padding-bottom:5px; float:left; text-align:left; margin-left:10px;}
	fieldset dd input.Loginform{width:275px; height:22px;}
	fieldset dd.Login{position:absolute; left:590px; top:50px; width:106px;}
	.BtnRight {text-align:right; padding-top:6px;}
	.GuideTxt{font-size:12px;line-height:150%; margin:10px; color:#333;}


/* 버튼 정렬 */
.kf_btn_align {overflow:hidden; width:100%; text-align:center;}
.kf_btn_left {float:left; text-align:left;}
.kf_btn_left input{margin-top: 13px;}
.kf_btn_right {float:right; text-align:right;}
.kf_btn_right input{margin-top: 13px;}


/* 2017 new style */
.labelHidden {display:none;}
#window .bt_close {position:absolute;top:0;right:0;}
#window .bt_close a {display:block;width:40px;height:40px;text-indent:-9999px;background:url(../../Resources/jqwidgets-ver3.5.0/jqwidgets/styles/images/close.png) center center no-repeat;}

/*22.05.25-교육시스템 팝업추가*/
#window2 .bt_close {
	position: absolute;
	top: 0;
	right: 0;
}
#window2 .bt_close a {
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background: url(../../Resources/jqwidgets-ver3.5.0/jqwidgets/styles/images/close.png) center center no-repeat;
}


#skipContent {float:left;}
#container .subcontent {float:none;}

.markWrap {border-top:solid 1px #d4d4d4;padding-top:20px;text-align:right;}