@charset "utf-8";
/* CSS Document */
/*PC버전*/
@media screen and (min-width:1120px){
.mobile_Area{display:none}
.pad_Area{display:none}
.pc_Area{display:inline}
.isPc {display:block}
.isMobile {display:none}

/*버튼  start*/
.btn_btnSet1{color:#555555;text-align:center;width:60px;border:1px #d6d6d6 solid;background-color:#ffffff}
.btn_btnSet{color:#ffffff;text-align:center;width:60px;}
.bicBtn{height:64px; width:182px; line-height:30px; font-size: 15pt;}
.mediumBtn{height:44px;width:90px; line-height:30px; font-size: 11pt;}
.smallBtn{width:80px; line-height:30px; font-size: 11pt;}


.strong {font-weight:bold;}
.btn_black{background:#282828;border:1px #282828 solid;}
.btn_darkblue{background:#143D8D;border:1px #143D8D solid;}
.btn_gray{background:#7E8796;border:1px #7E8796 solid;}
.btn_blue{background:#2072D8;border:1px #2072D8 solid;}
.btn_skyblue{background:#01ACD7;border:1px #01ACD7 solid;}
/*버튼  end*/

/*header(22.03.04 수정)*/
header {height:152px; background:url('../images/bg_gnb.gif') repeat-x 0 0;}
header .top_wrap {overflow:hidden; position:relative; width:1120px; margin:0 auto;}
header .top_wrap h1 {position:relative; float:left; width:27%; padding-top:30px;}
header .top_wrap h1 .mo {display:none;}
header .top_wrap .utill {float:right;}
header .top_wrap .util:after {display:block; content:""; clear:both;}
header .top_wrap .util_menu {float:left; padding:36px 20px 0 0; right:0; font-size:10pt;}
header .top_wrap .util_menu ul {}
header .top_wrap .util_menu ul li {float:left;}
header .top_wrap .util_menu ul li.gnb_login {padding-left:20px;} 
header .top_wrap .util_menu ul li.gnb_lang {border:none;margin-left:15px}
header .top_wrap .util_menu ul li.gnb_lang select {font-size:10pt;color:#143d8d;font-weight:600;}
header .top_wrap .util_menu ul li.gnb_lang select option {font-size:10pt; color:#143d8d; font-weight:600; height:25px;}
header .top_wrap .side_menu, #mnb {display:none;}

.lnb .menu > li .logo {position:absolute; top:10px; left:0; width:159px; height:76px; z-index:990; background:url('../images/main/logo.png')no-repeat 0 0;}
.lnb .menu > li .logo a {display:block;overflow:hidden; width:100%; height:75px;text-indent:-9999px;}


header .lnb {overflow:hidden; position:absolute; top:0px; float:right; width:100%; height:100px; margin:60px 0 0;background-color:#14223d;}
header .nav_bg {position:absolute; top:57px; left:0; width:100%; height:160px; background-color:#fff; border-bottom:1px solid #ccc; z-index:-1;} 
header .lnb > ul {width:1583px; height:300px; margin:0 auto; z-index:500;}
header .lnb > ul > li {margin-left:30px; float:left; position:relative; width:185px; height:56px;}
header .lnb > ul > li a {display:inline-block; text-align:center; width:100%; height:100px; font-size:21px; line-height:50px; color:#fff; vertical-align:middle;padding:25px 25px 0 25px;}
header .lnb > ul > li.menu_all {width:7%; border-right:0px #cccccc solid;}
header .lnb > ul > li.menu_all a {padding:0;}
header .lnb > ul > li.active > a {color:#ffaa00;}
header .lnb > ul > li > ul {display:none; width:100%; height:auto; padding-top:5px; border-top:0px solid #ccc;}
header .lnb > ul > li > ul.active {border-top-color:#143d8d;}
header .lnb > ul > li > ul > li a {color:#b0bcd1;  display:block; padding:2px 20px 3px; height:26px;  font-size:10pt; font-family:"Nanum"; line-height:1.5em; text-align:center; font-weight:normal; border:0;}
header .lnb > ul > li > ul > li a:hover {color:#ffaa00; text-decoration:underline;}

#popup22{display: inline-block;margin-left: -570px;margin-top: -150px;}
#popup2{display: inline-block;margin-left: -400px;margin-top: -270px;}

#header .gnb li.on a {color:#ff7f00;}
.lnb-pc .menu > li .logo {position:absolute; top:10px; left:0; width:159px; height:76px; z-index:990; background:url('../images/main/logo.png')no-repeat 0 0;}
.lnb-pc .menu > li .logo a {display:block;overflow:hidden; width:100%; height:75px;text-indent:-9999px;}

@media(max-width: 1450px){	
header .lnb {overflow:hidden; position:absolute; top:0px; float:right; width:100%; height:100px; margin:60px 0 0;background-color:#14223d;}
header .nav_bg {position:absolute; top:57px; left:0; width:100%; height:160px; background-color:#fff; border-bottom:1px solid #ccc; z-index:-1;} 
header .lnb > ul {width:1450px; height:300px; margin:0 auto; z-index:500;}
header .lnb > ul > li {margin-left:5px; float:left; position:relative; width:185px; height:56px;}
header .lnb > ul > li a {display:inline-block; text-align:center; width:100%; height:100px; font-size:20px; line-height:50px; color:#fff; vertical-align:middle;padding:25px 25px 0 25px;}
header .lnb > ul > li.menu_all {width:7%; border-right:0px #cccccc solid;}
header .lnb > ul > li.menu_all a {padding:0;}
header .lnb > ul > li.active > a {color:#ffaa00;}
header .lnb > ul > li > ul {display:none; width:100%; height:auto; padding-top:5px; border-top:0px solid #ccc;}
header .lnb > ul > li > ul.active {border-top-color:#143d8d;}
header .lnb > ul > li > ul > li a {color:#b0bcd1;  display:block; padding:2px 20px 3px; height:26px;  font-size:10pt; font-family:"Nanum"; line-height:1.5em; text-align:center; font-weight:normal; border:0;}
header .lnb > ul > li > ul > li a:hover {color:#ffaa00; text-decoration:underline;}
#popup22{display: inline-block;margin-left: -570px;margin-top: -150px;}
#popup2{display: inline-block;margin-left: -10px;margin-top: -270px;}
}


@media(max-width: 1350px){	
header .lnb {overflow:hidden; position:absolute; top:0px; float:right; width:100%; height:100px; margin:60px 0 0;background-color:#14223d;}
header .nav_bg {position:absolute; top:57px; left:0; width:100%; height:160px; background-color:#fff; border-bottom:1px solid #ccc; z-index:-1;} 
header .lnb > ul {width:1350px; height:300px; margin:0 auto; z-index:500;}
header .lnb > ul > li {margin-left:0px; float:left; position:relative; width:185px; height:56px;}
header .lnb > ul > li a {display:inline-block; text-align:center; width:100%; height:100px; font-size:15px; line-height:50px; color:#fff; vertical-align:middle;padding:25px 25px 0 25px;}
header .lnb > ul > li.menu_all {width:7%; border-right:0px #cccccc solid;}
header .lnb > ul > li.menu_all a {padding:0;}
header .lnb > ul > li.active > a {color:#ffaa00;}
header .lnb > ul > li > ul {display:none; width:100%; height:auto; padding-top:5px; border-top:0px solid #ccc;}
header .lnb > ul > li > ul.active {border-top-color:#143d8d;}
header .lnb > ul > li > ul > li a {color:#b0bcd1;  display:block; padding:2px 20px 3px; height:26px;  font-size:10pt; font-family:"Nanum"; line-height:1.5em; text-align:center; font-weight:normal; border:0;}
header .lnb > ul > li > ul > li a:hover {color:#ffaa00; text-decoration:underline;}
#popup1{display: inline-block;margin-left: -380px;margin-top: -270px;}
#popup2{display: inline-block;margin-left: 30px;margin-top: -270px;}
}

@media(max-width: 1250px){	
header .lnb {overflow:hidden; position:absolute; top:0px; float:right; width:100%; height:100px; margin:60px 0 0;background-color:#14223d;}
header .nav_bg {position:absolute; top:57px; left:0; width:100%; height:160px; background-color:#fff; border-bottom:1px solid #ccc; z-index:-1;} 
header .lnb > ul {width:1250px; height:300px; margin:0 auto; z-index:500;}
header .lnb > ul > li {margin-left:-20px; float:left; position:relative; width:185px; height:56px;}
header .lnb > ul > li a {display:inline-block; text-align:center; width:100%; height:100px; font-size:15px; line-height:50px; color:#fff; vertical-align:middle;padding:25px 25px 0 25px;}
header .lnb > ul > li.menu_all {width:7%; border-right:0px #cccccc solid;}
header .lnb > ul > li.menu_all a {padding:0;}
header .lnb > ul > li.active > a {color:#ffaa00;}
header .lnb > ul > li > ul {display:none; width:100%; height:auto; padding-top:5px; border-top:0px solid #ccc;}
header .lnb > ul > li > ul.active {border-top-color:#143d8d;}
header .lnb > ul > li > ul > li a {color:#b0bcd1;  display:block; padding:2px 20px 3px; height:26px;  font-size:10pt; font-family:"Nanum"; line-height:1.5em; text-align:center; font-weight:normal; border:0;}
header .lnb > ul > li > ul > li a:hover {color:#ffaa00; text-decoration:underline;}
}

/*PC*/
.lnb-pc {overflow:hidden; position:absolute; top:0px; float:right; width:100%; height:100px; margin:60px 0 0;background-color:#14223d;}
.lnb_bg {position:absolute; top:80px; left:0; width:100%; height:320px; border-top:1px #fff solid; border-bottom:1px solid #a5a5a5; z-index:-1;}
.lnb-pc .inner {}
.lnb-pc .menu {float:right;  z-index:500;}
.lnb-pc .menu > li {float:left;margin:0;  font-family:'NanumsqB',sans-serif;}
.lnb-pc .menu > li.img{padding-left:20px;margin-top:37px;}
.lnb-pc .menu > li > a {display:inline-block; text-align:center; width:100%; height:100px; font-size:22px; line-height:50px; color:#fff; vertical-align:middle;padding:25px 25px 0 25px;}
.lnb-pc .menu > li:hover > a, .lnb-pc > ul > li:focus > a {color:#0064bb;border-bottom:0px #f11833 solid; }
.lnb-pc .menu > li > ul {display:none; width:100%; height:320px; color:#586c94;text-align:center;padding:0}
.lnb-pc .menu > li:nth-child(1) > ul {}
.lnb-pc .menu > li > ul.active li a {color:#b0bcd1;}
.lnb-pc .menu > li > ul.active > li.active > a {color:#8796b1}
.lnb-pc .menu > li > ul > li a {font-size:15px;display:inline-block; color:#b0bcd1;font-family:'NanumG',sans-serif;overflow:hidden; width:100%; margin:0; padding:8px 0 0 0px; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px;}
.lnb-pc .menu > li > ul > li:nth-child(1) a {padding-top:0;}
.lnb-pc .menu > li > ul > li a:hover, .lnb-pc .menu > li > ul > li a:focus {color:#0a7ee3; text-decoration:underline;}


.sub_visual {width:100%;height:249px;background:url(../images/s_visual.png)top center repeat-x;text-align:center}
.sub_visual div.svisual_title{width:100%;text-align:center;font-size:26pt;font-weight:700;color:#ffffff;padding-top:77px}
.sub_visual div.svisual_txt{width:100%;text-align:center;font-size:12pt;color:#ffffff;}

.sub_visual1 {width:100%;height:249px;background:url(../images/s_visual1.png)top center repeat-x;text-align:center}
.sub_visual1 div.svisual_title{width:100%;text-align:center;font-size:26pt;font-weight:700;color:#ffffff;padding-top:77px}
.sub_visual1 div.svisual_txt{width:100%;text-align:center;font-size:12pt;color:#ffffff;}

.sub_visual2 {width:100%;height:249px;background:url(../images/s_visual2.png)top center repeat-x;text-align:center}
.sub_visual2 div.svisual_title{width:100%;text-align:center;font-size:26pt;font-weight:700;color:#ffffff;padding-top:77px}
.sub_visual2 div.svisual_txt{width:100%;text-align:center;font-size:12pt;color:#ffffff;}

.sub_visual3 {width:100%;height:249px;background:url(../images/s_visual3.png)top center repeat-x;text-align:center}
.sub_visual3 div.svisual_title{width:100%;text-align:center;font-size:26pt;font-weight:700;color:#ffffff;padding-top:77px}
.sub_visual3 div.svisual_txt{width:100%;text-align:center;font-size:12pt;color:#ffffff;}

.sub_visual4 {width:100%;height:249px;background:url(../images/s_visual4.png)top center repeat-x;text-align:center}
.sub_visual4 div.svisual_title{width:100%;text-align:center;font-size:26pt;font-weight:700;color:#ffffff;padding-top:77px}
.sub_visual4 div.svisual_txt{width:100%;text-align:center;font-size:12pt;color:#ffffff;}

.sub_visual5 {width:100%;height:249px;background:url(../images/s_visual5.png)top center repeat-x;text-align:center}
.sub_visual5 div.svisual_title{width:100%;text-align:center;font-size:26pt;font-weight:700;color:#ffffff;padding-top:77px}
.sub_visual5 div.svisual_txt{width:100%;text-align:center;font-size:12pt;color:#ffffff;}

.sub_visual6 {width:100%;height:249px;background:url(../images/s_visual6.png)top center repeat-x;text-align:center}
.sub_visual6 div.svisual_title{width:100%;text-align:center;font-size:26pt;font-weight:700;color:#ffffff;padding-top:77px}
.sub_visual6 div.svisual_txt{width:100%;text-align:center;font-size:12pt;color:#ffffff;}

.sub_visual7 {width:100%;height:249px;background:url(../images/s_visual7.png)top center repeat-x;text-align:center}
.sub_visual7 div.svisual_title{width:100%;text-align:center;font-size:26pt;font-weight:700;color:#ffffff;padding-top:77px}
.sub_visual7 div.svisual_txt{width:100%;text-align:center;font-size:12pt;color:#ffffff;}


.locaArea{overflow:hidden;width:100%;height:40px;background-color:#143d8d;text-align:center;padding-top:13px}
.locaArea div.locaList{width:1120px;margin:0 auto;}
.locaArea div.locaList div.loca_left{float:left;color:#ffffff;font-size:10pt;}
.locaArea div.locaList div.loca_left span{color:#97aacb}
.locaArea div.locaList div.loca_right{float:right;}

footer{width:100%;background-color:#292c33;}
footer div.copyright{width:1120px;margin:0 auto;background-color:#292c33;}
footer div.copyright ul.copy_list{overflow:hidden;width:850px;margin:0 auto;float:left;padding-top:58px;}
footer div.copyright ul.copy_list li{float:left;padding:0px 30px 0px 0;font-size:11pt;color:#ffffff}
footer div.copyright ul.copy_list li a:link{color:#ffffff}
footer div.copyright ul.copy_list li a:hover{color:#ffffff}
footer div.copyright ul.copy_list li a:visited{color:#ffffff}
footer div.copyright ul.othsite_list{overflow:hidden;width:260px;margin:0 auto;float:right;padding-top:48px;}
footer div.copyright ul.othsite_list li{float:left;padding-right:4px;font-size:11pt;color:#ffffff}
.f_rightBtn{padding:8px 8px 7px 8px;width:200px;border:1px #ffffff solid;background:url(../images/footer_btn_bg.png)top right no-repeat;color:#ffffff; font-size:10pt; -webkit-appearance:none; -moz-appearance:none;appearance:none;}
.f_rightBtn::-ms-expand{display:none}
.f_rightBtn option{padding:8px 8px 7px 8px;width:200px;border:1px #ffffff solid;background-color:#292c33;color:#ffffff; font-size:10pt;}
.f_rightBtn a:link{color:#ffffff}
.f_rightBtn a:hover{color:#ffffff}
.f_rightBtn a:visited{color:#ffffff}

.addressArea{overflow:hidden;width:100%;padding:38px 0 58px 0;}
.addressArea div.addcopyArea{width:1120px; margin:0 auto;}
.addressArea div.f_logo{float:left;padding-right:30px}
.addressArea div.addresstxt{float:left;color:#999a9c;margin:0 auto;font-size:10pt;line-height:1.6;}
.addressArea div.addresstxt span{color:#ffffff;}
.addressArea div.addresstxt p{padding-top:15px;color:#999a9c;}
.sub_con{overflow:hidden;width:1120px;margin:0 auto;padding:}




/*sub 공통*/
.sub_con{width:1120px;margin:0 auto;}
.contents_title{font-size:36pt;font-weight:500;color:#143d8d;padding:80px 0 60px 0;}
.cal_topArea{height:45px}
.cal_topArea div.cal_text{font-size:11pt;float:left;width:40%;}
.cal_topArea div.cal_text span{color:#143d8d;font-weight:600}

.cal_topArea div.cal_form{float:right;font-size:10pt;}
.cal_topArea div.cal_form ul li{float:left;margin-left:5px}
.cal_topArea div.cal_form ul li select{border:1px #d7d7d7 solid;padding:5px}
.cal_topArea div.cal_form ul li input{border:1px #d7d7d7 solid;padding:3px;width:180px}
.cal_topArea div.cal_form ul li.cal_btn{background-color:#000000;color:#fffff;padding:7px 15px 8px 15px;}
.cal_topArea div.cal_form ul li.cal_btn a:link{color:#ffffff}
.cal_topArea div.cal_form ul li.cal_btn a:hover{color:#ffffff}
.cal_topArea div.cal_form ul li.cal_btn a:visited{color:#ffffff}

.month_Area{background-color:#143d8d;height:78px;margin-bottom:1px}
.month_Area div.month_btn1{width:15%;padding:30px 0px 0 30px;float:left;}
.month_Area div.month_btn2{width:15%;padding:30px 30px 0 0px;text-align:right;float:right}
.month_Area div.month_num{width:70%;text-align:center;font-size:20pt;color:#ffffff;padding:30px 0px 0 0px;float:left;}



/*캘린더 게시판*/


.CalendarTable_list {clear:both; width:100%; margin-bottom:20px;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #dde1e2;}
.CalendarTable_list thead th {font-weight:600;background:#f5f5f5; font-size:12pt; padding:15px 0; text-align:center;line-height:2.0;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;color:#333333}
.CalendarTable_list tbody td {vertical-align:top;height:140px;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;font-size:10pt;color:#000000;text-align:right;padding:10px;line-height:1.6;} 
.CalendarTable_list tbody td.date_today1{color:#143d8d;text-decoration:underline}
.CalendarTable_list tbody td div.dataList{text-align:right;font-size:11pt; color:#666666;padding-bottom:15px;}
.CalendarTable_list tbody td ul.data_list li{font-size:10pt;color:#000000;text-align:left;background:url(../images/cal_img_off.png)0 3px no-repeat;padding-left:22px;padding-bottom:8px;line-height:1.3}
.CalendarTable_list tbody td ul.data_list li.select_cal{color:#143d8d;background:url(../images/cal_img_on.png)0 3px no-repeat;}


.CalendarTable_list tbody td.last_list {border-right:none} 
.CalendarTable_list tbody td a:link{color:#444444}
.CalendarTable_list tbody td a:hover{color:#333333;text-decoration:underline}
.CalendarTable_list tbody td a:visited{color:#777777}
.CalendarTable_list tbody td.contentLeft {text-align:left;padding-left:15px;}

/*page count*/
.BasicTable_page{width:100%;text-align:center;padding:30px 0;font-size:10pt;}
.brd_bottom span a{margin:0 4px;width:27px; height:27px;border:1px #d6d6d6 solid; color:#686868;}
.pagemenu_first{padding-right:5px}
.pagemenu_prev{color:#888888;font-size:10pt;padding-right:15px}
.pagemenu_last{padding-left:5px}
.pagemenu_next{color:#888888;font-size:10pt;padding-left:15px}
.pageList a{width:30px; height:30px;text-align:center;padding:6px 10px}
.pageList strong.on{text-align:center;padding:6px 10px;background-color:#000000;color:#ffffff}
/* basic board bottom */
.brd_counter {float:left; font-size:9pt;}

/*교육안내*/
.sub_tab.tab4 {padding:0 0 30px 0;}
.sub_tab.tab4 li {width:25%;}
.eduInfoTab1 .edu_title, .eduInfoTab2 .edu_title, .eduInfoTab3 .edu_title, .eduInfoTab4 .edu_title {float:none; font-weight:normal; font-size:14pt; color:#000000; padding:10px 0 20px 0;}

.eduInfoTab1 .buSqG {line-height:24px; font-size:11pt; color:#666666;}
.tb_row {clear:both; width:100%; border-top:2px solid #000000;}
.tb_row > table {width:100%;}
.tb_row > table tbody th, .tb_row > table tbody td {padding:15px 25px; text-algn:left; border-bottom:1px solid #000000;}
.tb_row > table tbody th {font-weight:600; font-size:12pt; background-color:#f7f7f7; vertical-align:middle;}

.eduInfoTab2 .liImg, .eduInfoTab3 .liImg, .eduInfoTab4 .liImg {overflow:hidden; width:100%; text-align:center; padding-bottom:20px; border-bottom:1px solid #ddd}
.eduInfoTab2 .liImg li, .eduInfoTab3 .liImg li, .eduInfoTab4 .liImg li {float:left; width:50%; text-align:center;}
.eduInfoTab2 .liImg li img, .eduInfoTab3 .liImg li img, .eduInfoTab4 .liImg li img {width:96%; height:auto;}


/*연간교육과정*/
.eduScadule_list {clear:both; width:100%; margin-bottom:20px;border-bottom:1px solid #dde1e2;}
.eduScadule_list thead th {border-top:2px #000000 solid;border-bottom:1px #000000 solid;font-weight:600;font-size:12pt; padding:15px 0; text-align:center;color:#666666;border-right:1px #cccccc solid}
.eduScadule_list thead th.month{color:#000000}
.eduScadule_list thead th.last_list{border-right:none}
.eduScadule_list tbody td.last_list{border-right:none}
.eduScadule_list tbody td {border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;font-size:11pt;color:#000000;text-align:center;padding:15px 0;line-height:1.6;} 
.eduScadule_list tbody td.edu_cate{color:#666666;}
.eduScadule_list tbody td.edu_title{color:#000000;text-align:left;padding-left:15px;font-weight:600}
.eduScadule_list tbody td.select_list{color:#143d8d;text-decoration:underline}
.eduScadule_list tbody td div.dataList{text-align:right;font-size:11pt; color:#666666;padding-bottom:15px;}
.eduScadule_list tbody td ul.data_list li{font-size:10pt;color:#000000;text-align:left;background:url(../images/cal_img_off.png)0 3px no-repeat;padding-left:22px;padding-bottom:8px;line-height:1.3}
.eduScadule_list tbody td ul.data_list li.select_cal{color:#143d8d;background:url(../images/cal_img_on.png)0 3px no-repeat;}

.eduScadule_list tbody td p a:link{color:#444444}
.eduScadule_list tbody td p a:hover{color:#333333;text-decoration:underline}
.eduScadule_list tbody td p a:visited{color:#777777}

/*연간교육안내_상세*/
.detail_title{width:100%;overflow:hidden;border-top:2px #000000 solid;padding:40px 0;border-bottom:1px #000000 solid;}
.detail_title div.detail_left{float:left;width:430px;height:263px;background:url(../images/detail_img.png)top left no-repeat;margin-right:50px}
.detail_title div.detail_left div.d_title{font-size:16pt;color:#000000;padding:30px 0 0 30px;line-height:1.4}
.detail_title div.detail_left div.d_title span{font-size:10pt;}
.detail_title div.detail_left div.detail_btn_img{padding:80px 0 0 30px;float:left}
.detail_title div.detail_left div.detail_txt{padding:80px 30px 0 0px;float:right;font-size:15pt;}


.detail_title div.detail_right{float:left;width:50%;}
.detail_title div.detail_right ul li{float:left;font-size:13pt;padding-bottom:20px}
.detail_title div.detail_right ul li.list_cate{color:#666666;background:url(../images/detail_arr.png)0 0 no-repeat;padding-left:15px;width:25%;}
.detail_title div.detail_right ul li.list_res{color:#000000;width:75%;}
.detail_txtArea{clear:both;margin-top:40px;border-bottom:1px #000000 solid;padding-bottom:40px}
.detail_txtArea h4{font-size:16pt;color:#000000;font-weight:600;padding-bottom:10px}
.detail_txtArea p{font-size:12pt;line-height:1.4;padding-bottom:25px}
.detail_txtArea p.list_last{padding-bottom:0px}

.edu_btnArea{text-align:center;padding:40px}


/*수강신청 form*/
.edu_topArea{height:55px}
.edu_topArea div.cal_form{float:right;font-size:10pt;}
.edu_topArea div.cal_form ul li{float:left;margin-left:5px}
.edu_topArea div.cal_form ul li select{border:1px #d7d7d7 solid;padding:5px}
.edu_topArea div.cal_form ul li input{border:1px #d7d7d7 solid;padding:3px;width:180px}
.edu_topArea div.cal_form ul li.cal_btn{background-color:#000000;color:#fffff;padding:7px 15px 8px 15px;}
.edu_topArea div.cal_form ul li.cal_btn a:link{color:#ffffff}
.edu_topArea div.cal_form ul li.cal_btn a:hover{color:#ffffff}
.edu_topArea div.cal_form ul li.cal_btn a:visited{color:#ffffff}

/*공개강의*/
.openArea{border-top:2px #000000 solid;padding-top:40px;}
.openArea li{float:left;width:23.5%;margin-right:2%;border:1px #d7d7d7 solid;margin-bottom:20px}
.openArea li.listLast{margin-right:0}
/* .openArea li div.openList_img{height:170px;text-align:center;padding-top:60px;background-color:#d7d7d7} */
.openArea li div.openList_img{height:170px;text-align:center;background-color:#d7d7d7}
.openArea li div.openList_text{height:145px;padding:20px 0 0 27px;}
.openArea li div.openList_text div.open_title{font-size:15pt;color:#000000;width:60%;line-height:1.3;padding-bottom:40px;}
.openArea li div.openList_text div.countList{font-size:10pt;color:#767676;float:left;width:50%;}
.openArea li div.openList_text div.textDate{font-size:10pt;color:#767676;float:right;width:50%;padding-right:20px;text-align:right}
.openArea li.no_data{width:100%;font-size:15pt;color:#000000; text-align:center; border:0; border-bottom:1px #d7d7d7 solid; padding-bottom:35px; margin-bottom:0px; }


/*공개강의_상세*/
.openDetail_text{border-top:2px #000000 solid;border-bottom:1px #000000 solid;padding:20px 0;height:110px}
.openDetail_text div.open_title{font-size:17pt;color:#000000;width:60%;line-height:1.3;padding-bottom:20px;}
.openDetail_text div.countList{font-size:12pt;color:#767676;float:left;width:50%;}
.openDetail_text div.textDate{font-size:12pt;color:#767676;float:right;width:50%;padding-right:20px;text-align:right}
.openDetail_img{height:500px;text-align:center;padding-top:195px;background-color:#d7d7d7;margin:20px 20px;}

.detail_textArea{border-bottom:1px #000000 solid;margin-bottom:40px}
.detail_textArea p{padding:0px 20px 30px 20px;font-size:12pt;line-height:1.4;}
.detail_textArea p span{color:#000000;font-size:14pt;}

.openDetail_btn{overflow:hidden;width:100%;margin-bottom:40px;}
.openDetail_btn ul li{float:left;width:33.3%;}
.openDetail_btn ul li.pre{text-align:left}
.openDetail_btn ul li.list{text-align:center}
.openDetail_btn ul li.next{text-align:right}



/*공지사항*/
.noticeArea{overflow:hidden;border-top:2px #000000 solid;border-bottom:1px #000000 solid;padding:20px 0;}
.noticeArea li{width:32%;margin-right:2%;border:1px #cccccc solid;float:left;margin-bottom:20px;}
.noticeArea li:hover{background-color:#7d8795;border:none}
.noticeArea li.listLast{margin-right:0}

.noticeArea li div.notice_box{height:280px;padding:30px}
.noticeArea li div.notice_box div.notice_title{font-size:18pt; color:#000000;width:65%;line-height:1.4;padding-bottom:40px}
.noticeArea li div.notice_box div.notice_txt{font-size:14pt; color:#666666; line-height:1.4; height: 80px;  overflow: hidden; }
.noticeArea li div.notice_box div.notice_date{font-size:11pt; color:#666666;float:left; margin-top:30px; vertical-align: middle; line-height: 30px;}
.noticeArea li div.notice_box div.file_img{float:right; margin-top:30px;}

.noticeArea li:hover div.notice_box{height:280px;padding:30px}
.noticeArea li:hover div.notice_box div.notice_title{font-size:18pt; color:#ffffff;width:65%;line-height:1.4;padding-bottom:40px}
.noticeArea li:hover div.notice_box div.notice_txt{font-size:14pt; color:#bec3ca; line-height:1.4; height: 80px; overflow: hidden; }
.noticeArea li:hover div.notice_box div.notice_date{font-size:11pt; color:#ffffff;float:left; margin-top:30px; vertical-align: middle; line-height: 30px;}
.noticeArea li:hover div.notice_box div.file_img{float:right; margin-top:30px;}
.noticeArea li.no_data{width:100%;font-size:15pt;color:#000000; text-align:center; border:0; border-bottom:1px #d7d7d7 solid; padding-bottom:35px; margin-bottom:0px; }



/*공지사항_갤러리*/
.galleryArea{overflow:hidden;border-top:2px #000000 solid;border-bottom:1px #000000 solid;padding:20px 0;}
.galleryArea li{float:left;width:50%;margin-bottom:40px;}
.galleryArea li div.gallery_box{float:left;background:#eaeaea url(../images/gall_img.png)top center no-repeat;height:140px;width:205px;}
.galleryArea li div.gallery_right{float:left;height:140px;padding-left:40px;}
.galleryArea li div.gallery_right div.gal_title{font-size:18pt; color:#000000;line-height:1.4;padding-bottom:40px;width:70%;}
.galleryArea li div.gallery_right div.gallery_date{font-size:12pt; color:#666666;float:left}
.galleryArea li div.gallery_right div.file_img{float:right;}
.galleryArea li.no_data{width:100%;font-size:15pt;color:#000000; text-align:center; border:0; border-bottom:1px #d7d7d7 solid; padding-bottom:35px; margin-bottom:0px; }

/*공지사항_상세*/
.notice_detailArea{overflow:hidden;border-top:2px #000000 solid;border-bottom:1px #cccccc solid;padding:20px 0;}
.notice_detailArea div.nDetail_title{font-size:18pt; color:#000000;line-height:1.4;padding-bottom:20px;}
.notice_detailArea div.nDetail_count{font-size:11pt; color:#666666;float:left}
.notice_detailArea div.nDetail_date{float:right;font-size:11pt; color:#666666;}

.file_list{border-bottom:1px #000000 solid;padding:15px 0;margin-bottom:20px}
.file_list ul li{font-size:11pt;padding-bottom:10px;color:#666666}
.file_list ul li a:link{color:#666666}
.file_list ul li a:hover{color:#666666;text-decoration:underline}
.file_list ul li a:visited{color:#666666}

.nDetail_textArea{border-bottom:1px #000000 solid;margin-bottom:40px}
.nDetail_textArea p{padding:0px 20px 30px 20px;font-size:12pt;line-height:1.4;white-space: pre-wrap;}
.nDetail_textArea p span{color:#000000;font-size:14pt;}

/*faq list*/
/* .faqArea{overflow:hidden;border-top:2px #000000 solid;border-bottom:1px #000000 solid} */
.faqArea{border-top:2px #000000 solid;border-bottom:1px #000000 solid}
.faqArea .faqAnswer{display: none;}

.faqArea div.list_num1{width:7%;float:left;text-align:right; }
.faqArea li{overflow:hidden;padding:25px;border-bottom:1px #cccccc solid; }
.faqArea li.listLast{border-bottom:none;}
.faqArea li div.list_num{font-size:14pt; color:#666666;width:7%;float:left; }
.faqArea li div.icon_question{font-size:14pt; color:#000000; padding-right:20px;float:left;font-weight:600;width:5%;}
.faqArea li div.faq_title{font-size:14pt; color:#000000;float:left;width:81%;}

.faqArea li div.icon_ans{font-size:14pt; color:#143d8d; padding-right:20px;float:left;font-weight:600;width:5%;}
.faqArea li div.faq_ans{font-size:14pt; color:#000000;float:left;line-height:1.5;width:81%;}

.faqArea li.faq_select{}
.faqArea li.faq_select div.list_num{font-size:14pt; color:#143d8d; width:7%;float:left}
.faqArea li.faq_select div.icon_question{font-size:14pt; color:#143d8d; padding-right:20px;float:left;font-weight:600;width:5%;text-decoration:underline}
.faqArea li.faq_select div.faq_title{font-size:14pt; color:#143d8d;float:left; width:81%;text-decoration:underline}
.faqArea li.no_data{width:100%;font-size:15pt;color:#000000; text-align:center; border:0; border-bottom:1px #d7d7d7 solid; padding-bottom:35px; margin-bottom:0px; }

/*qna list  */
.qna_list {clear:both; width:100%; margin-bottom:20px;border-bottom:1px solid #dde1e2;}
.qna_list thead th {border-top:2px #000000 solid;border-bottom:1px #000000 solid;font-weight:600;font-size:12pt; padding:15px 0; text-align:center;color:#666666;}
.qna_list tbody td {border-bottom:1px solid #cccccc;font-size:11pt;color:#000000;text-align:center;padding:15px 0;line-height:1.6;} 
.qna_list tbody td.title{color:#000000;text-align:left;padding-left:15px;font-weight:600}
/*qna view*/
.btn_question{padding-bottom:20px}
.btn_answer{padding:50px 0 20px 0;}


/*qna_write*/
.qna_write {clear:both; border-top:2px #000000 solid;width:100%; margin-bottom:20px;border-bottom:1px solid #dde1e2;}
.qna_write tbody td,.qna_write tbody th {border-bottom:1px solid #cccccc;font-size:11pt;color:#000000;text-align:center;padding:15px 0;line-height:1.6;} 
.qna_write tbody .edu_cate{color:#666666;}
.qna_write tbody td.edu_title{color:#000000;text-align:left;padding-left:15px;}
.qna_write tbody td.edu_title input{padding:5px}
.qna_write tbody td.edu_title input.title{padding:5px;width:90%}
.qna_write tbody td.edu_title input.writer{padding:5px;width:100px}
.qna_write tbody td.edu_title textarea{padding:5px;width:90%;height:150px;border:1px #cccccc solid}
.qna_write tbody td.edu_title input.radio{ border:none; margin:0; padding:0; width:15px; height:15px; vertical-align:-3px; }

.qna_write .file_input [type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0 none; }
.qna_write .file-label { display: inline-block; min-width: 75px; height: 32px; line-height: 32px; padding: 0 10px; font-size: 11pt; background-color: #333; color: #fff; text-align:center; cursor: pointer; }
.qna_write .file-name { width: 200px; background: #fff; text-indent: 5px; border: 1px solid #bbb; }
.file-focus { outline: 1px dotted #d2310e; }


.qna_write tbody td.edu_title ul li{float:left;}
.qna_write tbody td.edu_title ul li.file_btn{padding:5px 10px 4px 10px;background-color:#000000;color:#ffffff}
.qna_write tbody td.edu_title ul li.file_btn a:link{color:#ffffff}
.qna_write tbody td.edu_title ul li.file_btn a:hover{color:#ffffff}
.qna_write tbody td.edu_title ul li.file_btn a:visited{color:#ffffff}
.qna_write tbody td.edu_title ul li.file_input{margin-right:2px; display: inline-block; clear:both;}
.qna_write tbody td.edu_title ul li.file_list{clear:both;border-bottom:none;padding-bottom:0;margin-bottom:0}


/*my edu*/
.myEdu_info{background-color:#143d8d;}
.myEdu_info div.info_left{height:180px;float:left;width:36%;background:url(../images/my_edu_bg.png)top left repeat-x;}
.myEdu_info div.info_left div.myName{color:#ffffff;font-size:17pt;padding:30px 0 75px 20px}
.myEdu_info div.info_left div.info_mod{font-size:13pt;font-weight:600;color:#ffffff;float:right;padding-right:20px}
.myEdu_info div.info_right{float:left;width:64%;}
.myEdu_info div.info_right ul li{height:180px;width:25%;padding-top:30px;float:left;border-right:1px #bec3ca solid;background-color:#7d8795;text-align:center;color:#ffffff}
.myEdu_info div.info_right ul li div.right_txt{font-size:13pt;padding-bottom:30px}
.myEdu_info div.info_right ul li div.right_info{font-size:40pt;font-weight:600}

.edu_box{clear:both;width:100%;margin-right:4%;float:left;}

/* .edu_title{float:left;font-size:14pt;color:#000000;padding:50px 0 20px 0;} */
.edu_title{font-size:14pt;color:#000000;padding:50px 0 20px 0;}
.btn_more{float:right;padding:50px 0 20px 0;}
.myEdu_table {border-top:2px #000000 solid;width:100%; margin-bottom:20px;border-bottom:1px solid #000000;padding:30px 0 20px 0;}
.myEdu_table thead th {border-top:2px #000000 solid;border-bottom:1px #000000 solid;font-weight:600;font-size:12pt; padding:15px 0; text-align:center;color:#666666;border-right:1px #cccccc solid}
.myEdu_table tbody td {font-size:11pt;color:#000000;text-align:center;padding:6px 0;line-height:1.6;text-align:right} 
.myEdu_table tbody td.edu_cate{color:#666666;text-align:left}
.myEdu_table tbody td.edu_title{color:#000000;text-align:left;padding-left:15px;}
.myEdu_table tbody td.edu_title input{padding:5px}
.myEdu_table tbody td.edu_title input.title{padding:5px;width:90%}
.myEdu_table tbody td.edu_title input.writer{padding:5px;width:100px}
.myEdu_table tbody td.edu_title textarea{padding:5px;width:90%;height:150px;border:1px #cccccc solid}

.myedu_icon{width:50%;float:left;margin:30px 0 50px 0;}
.myedu_icon div.icon_left{width:20%;float:left}
.myedu_icon div.icon_right{width:80%;float:left}
.myedu_icon div.icon_right div.icon_title{font-size:15pt;color:#000000;padding-bottom:20px;font-weight:600}
.myedu_icon div.icon_right p{font-size:12pt;color:#666666;padding-bottom:15px;line-height:1.4}
.myedu_icon div.icon_right div.icon_txt{font-size:11pt;color:#666666;}
.myedu_icon div.icon_right div.icon_txt a:link{color:#666666;}
.myedu_icon div.icon_right div.icon_txt a:hover{color:#666666;}
.myedu_icon div.icon_right div.icon_txt a:visited{color:#666666;}



/*강의실_학습하기*/
.myEdu_info1{overflow:hidden;background-color:#7e8796;}
.myEdu_info1 div.info_left{height:180px;float:left;width:50%;background:url(../images/my_edu_bg.png)top left repeat-x;}
.myEdu_info1 div.info_left div.myName{color:#ffffff;font-size:17pt;padding:30px 0 75px 20px}
.myEdu_info1 div.info_left div.info_mod{font-size:13pt;font-weight:600;color:#ffffff;float:right;padding-right:20px}
.myEdu_info1 div.info_right1{float:left;width:50%;background-color:#7e8796;height:180px;padding:20px 0 0 20px}
.myEdu_info1 div.info_right1 ul li{color:#ffffff;font-size:13pt;padding-bottom:10px}

.sub_tab{overflow:hidden;clear:both;padding:30px 0;}
.sub_tab ul li{width:14%;float:left;border-top:1px #cccccc solid;border-bottom:1px #cccccc solid;border-right:1px #cccccc solid;color:#666666;text-align:center;height:60px;font-size:13pt;padding-top:20px}
.sub_tab ul li.lastFirst{border-left:1px #cccccc solid;}
.sub_tab ul li.sec_row{border-top:none;}
.sub_tab ul li.sec_row_last{border-top:none;}
.select_tab{border:none;background-color:#143d8d;color:#ffffff}
.select_tab a:link{color:#ffffff}
.select_tab a:hover{color:#ffffff}
.select_tab a:visited{color:#ffffff}

.myEdu_table1 {border-top:2px #000000 solid;width:100%; margin-bottom:20px;border-bottom:1px solid #000000;padding:35px 0 20px 0;}
.myEdu_table1 thead th {border-top:2px #000000 solid;border-bottom:1px #000000 solid;font-weight:600;font-size:12pt; padding:8px 0; text-align:center;color:#666666;}
.myEdu_table1 tbody td {font-size:10pt;color:#000000;text-align:center;padding:8px 0;} 
.alignLeft{text-align:left}
.graph_box div.edu_title{margin-top:40px;clear:both;font-size:14pt;color:#000000;padding:0px 0 20px 0;}
.graph_box div.jindo_title{float:left;font-size:12pt;color:#000000;padding:0px 15px 20px 0;width:100%;}
.graph_box div.jindo_label{float:left; width:10%;}
.graph_box div.jindo_label span{font-size:12pt;color:#143d8d;}
.graph_box div.jindo_graph{float:left; margin-top:-7px; width:90%; height:30px; border:2px #143D8D solid; border-radius:15px;}
.graph_box div.jindo_rate{border:0; border-radius:14px; background-color:#143D8D; width:0%; height:27px;}



/*시험현황*/
.gray{color:#cccccc}
.blue{color:#143d8d}

.test_box{clear:both;width:100%;}
.test_table{border-top:2px #000000 solid;width:100%; margin-bottom:20px;border-bottom:1px solid #000000;padding:35px 0 20px 0;}
.test_table thead th {border-bottom:1px #000000 solid;font-weight:600;font-size:12pt; padding:15px 0; text-align:center;color:#000000;border-right:1px #cccccc solid}
.test_table thead th.lastList{border-right:none}
.test_table tbody td {font-size:11pt;color:#666666;text-align:center;padding:15px 0;line-height:1.6;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;} 
.test_table tbody td.test_title{color:#000000;text-align:left;padding-left:15px;}
.test_table tbody td.test_title1{color:#000000;text-align:left;}
.test_table tbody td.lastList{border-right:none}
.test_table tbody td.text_black{color:#000000}
.test_table tbody td input{padding:5px;width:60px;text-align:center}
.use_guide{width:100%;padding:30px;border:1px #cccccc solid;margin-bottom:30px}
.use_guide div.use_title{font-size:14pt;color:#000000;padding-bottom:20px;}
.use_guide ul li{font-size:11pt;color:#000000;padding-bottom:10px;background:url(../images/user_list.png) 0 0 no-repeat;padding-left:15px}
.user_btn{width:100%;text-align:center;padding:40px 0 20px 0;}

/*결과확인*/
.test_q{width:100%;padding:30px;border:1px #cccccc solid;margin-bottom:20px}
.test_q div.q_title{float:left;font-size:14pt;color:#000000;padding-bottom:30px;}
.test_q div.score{float:right;font-size:14pt;color:#143d8d}
.test_q ul{clear:both}
.test_q ul li{font-size:12pt;color:#000000;padding-bottom:15px;}
.test_q ul li input{margin-right:15px}
.test_q ul li.select_q{color:#143d8d;text-decoration:underline}

.test_q div.correct_a{font-size:12pt;padding-top:20px}
.gray1{color:#666666}

/*시험문제*/
.timer{border:10px #cccccc solid;padding:30px;text-align:center;width:100%;color:#143d8d;font-weight:600;font-size:40pt;margin-bottom:30px}


/*과제관리*/
.particArea{border:1px #cccccc solid;font-size:14pt;height:60px;margin-bottom:20px;}
.particArea div.left_Parea{width:50%;float:left;text-align:center;color:#143d8d;border-right:1px #cccccc solid;margin-top:20px}
.particArea div.right_Parea{width:50%;float:left;text-align:center;color:#000000;margin-top:20px}



/*개인정보수정*/
.sub_tab1{overflow:hidden;clear:both;padding:0 0 30px 0;}
.sub_tab1 ul li{width:33%;float:left;border-top:1px #cccccc solid;border-bottom:1px #cccccc solid;border-right:1px #cccccc solid;color:#666666;text-align:center;height:60px;font-size:13pt;padding-top:18px}
.sub_tab1 ul li.lastFirst{border-left:1px #cccccc solid;}
.select_tab{border:none;background-color:#143d8d;color:#ffffff;width:34%;}
.select_tab a:link{color:#ffffff}
.select_tab a:hover{color:#ffffff}
.select_tab a:visited{color:#ffffff}

.info_title{text-align:right;font-size:14pt;color:#000000;padding:50px 0 20px 0;}

.info_table{border-top:2px #000000 solid;width:100%; margin-bottom:20px;border-bottom:1px solid #000000;padding:35px 0 20px 0;}
.info_table tbody th {border-bottom:1px #cccccc solid;font-weight:600;font-size:12pt; padding:15px 0 0 20px; text-align:left;color:#000000;border-right:1px #cccccc solid}
.info_table tbody th.lastList{border-right:none}
.info_table tbody td {font-size:11pt;color:#666666;text-align:left;padding:15px 0 15px 20px;line-height:1.6;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;} 
.info_table tbody td.test_title{color:#000000;text-align:left;padding-left:15px;}
.info_table tbody td.lastList{border-right:none}
.info_table tbody td span{color:#000000}
.info_table tbody td.text_black{color:#000000}
.info_table tbody td select{padding:7px;width:150px;border:1px solid #e4e4e4;}
.info_table tbody td input.input{padding:5px;width:120px;}
.info_table tbody td input.input1{padding:5px;width:200px;}
.info_table tbody td.inputArea{line-height:1.6}
.info_table tbody td input.input2{padding:5px;width:350px;}
.use_guide{width:100%;padding:30px;border:1px #cccccc solid;margin-bottom:30px}
.use_guide div.use_title{font-size:14pt;color:#000000;padding-bottom:20px;}
.use_guide ul li{font-size:11pt;color:#000000;padding-bottom:10px;background:url(../images/user_list.png) 0 0 no-repeat;padding-left:15px}
.user_btn{width:100%;text-align:center;padding:40px 0 20px 0;}


/*회원탈퇴*/
.member_box{clear:both;width:100%; text-align:center}
.member_box div.member_icon{padding:30px 0;}
.member_box div.member_title{font-size:18pt;color:#143d8d;padding-bottom:20px;}
.member_box p{font-size:13pt;color:#000000;padding-bottom:40px;line-height:1.4}



/*로그인*/
.loginArea{width:100%; text-align:center;margin:80px 0;}
.loginArea li{padding:5px 0;margin:0 auto;}
.loginArea li input.input3{padding:10px;width:350px;font-size:11pt;}
.loginArea li.checkArea{text-align:left;width:375px;font-size:10pt}
.loginArea li.btn_login{margin-top:20px;background-color:#000000;color:#ffffff;width:375px;height:40px;font-size:12pt;padding-top:10px}
.loginArea li.btn_login a:link{color:#ffffff;}
.loginArea li.btn_login a:hover{color:#ffffff;}
.loginArea li.btn_login a:visited{color:#ffffff;}
.loginArea li.btnArea{width:375px;margin:20px auto;}
.loginArea li.btnArea div.find_btn{width:48%;font-size:10pt;padding:7px 0;margin-right:2%;float:left;border:1px #cccccc solid;}
.loginArea li.btnArea div.join_btn{width:50%;font-size:10pt;padding:7px 0;float:left;border:1px #cccccc solid;}



/*아이디비번찾기*/
.find_left{width:30%;float:left;margin-top:80px;margin-bottom:80px;margin-right:4%;margin-left:18%;}
.find_left ul.findArea li input{width:97%;padding:5px;margin-bottom:5px;}
.find_left ul.findArea li input.styled{width:23%;height:13%;margin-bottom:5px;}
.find_left ul.findArea li.btn_login{margin-top:57px;background-color:#000000;color:#ffffff;width:100%;height:40px;font-size:12pt;padding-top:10px;text-align:center}
.find_left ul.findArea li.btn_login a:link{color:#ffffff}
.find_left ul.findArea li.btn_login a:hover{color:#ffffff}
.find_left ul.findArea li.btn_login a:visited{color:#ffffff}

/*아이디비번찾기 신규*/
.find_left2{float:left;margin-top:80px;margin-bottom:80px;margin-right:4%;margin-left:31%;}
.find_left2 ul.findArea li input{width:97%;padding:5px;margin-bottom:5px;}
.find_left2 ul.findArea li input.styled{width:23%;height:13%;margin-bottom:5px;}
.find_left2 ul.findArea li.btn_login{margin-top:57px;background-color:#000000;color:#ffffff;width:100%;height:40px;font-size:12pt;padding-top:10px;text-align:center}
.find_left2 ul.findArea li.btn_login a:link{color:#ffffff}
.find_left2 ul.findArea li.btn_login a:hover{color:#ffffff}
.find_left2 ul.findArea li.btn_login a:visited{color:#ffffff}


.find_right{width:30%;margin-right:18%;margin-top:80px;float:right;}
.find_right ul.findArea li input{width:97%;padding:5px;margin-bottom:5px;}
.find_right ul.findArea li.btn_login{margin-top:20px;background-color:#000000;color:#ffffff;width:100%;height:40px;font-size:12pt;padding-top:10px;text-align:center}
.find_right ul.findArea li.btn_login a:link{color:#ffffff}
.find_right ul.findArea li.btn_login a:hover{color:#ffffff}
.find_right ul.findArea li.btn_login a:visited{color:#ffffff}
.find_title{font-size:14pt; color:#143d8d;padding-bottom:20px;}

/*개인정보처리방침*/
.pri_text{margin:80px 0 20px 0;font-size:13pt; color:#000000;line-height:1.4;}

.pri_list{overflow:hidden;border:10px #cccccc solid;padding:30px;margin-bottom:40px;}
.pri_list li{float:left;width:50%;font-size:13pt; color:#000000;line-height:2.2;font-weight:600}

.pri_title{font-size:14pt; font-weight:600;color:#000000;padding-bottom:15px;}
.pri_txt{border:1px #cccccc solid; padding:20px;font-size:11pt; line-height:1.4;color:#666666;margin-bottom:40px;}

.pri_slist{padding:15px 0 0 0;}
.pri_slist li{background:url(../images/arrow_img4.png)0 11px no-repeat;padding-left:10px;font-size:10pt;line-height:1.6;color:#666666}


/*이메일무단수집거부*/
.pri_slist1{padding:0;}
.pri_slist1 li{background:url(../images/arrow_img4.png)0 11px no-repeat;padding-left:10px;font-size:11pt;line-height:1.4;color:#666666;padding-bottom:5px}


/*저작권정책*/
.pri_text1{margin:0px 0 40px 0;font-size:13pt; color:#000000;line-height:1.4;}
.pri_text2{margin:0px 0 20px 0;font-size:13pt; color:#000000;line-height:1.4;}

.pri_title1{font-size:14pt; font-weight:600;color:#000000;padding-bottom:15px;padding-top:80px}

.copy_img{overflow:hidden;padding-bottom:20px;}
.copy_img li{float:left;}
.copy_img li.copy_image{width:11%;}
.copy_img li.copy_txt{width:89%;padding-left:20px;font-size:10pt;color:#666666;line-height:1.4}

/*사이트맵*/
.sitemapArea{overflow:hidden;width:100%;padding:0px 0;background:url(../images/sitemap_bg.png);height:100%;}
.sitemapList{width:800px;margin:0 auto;}
.sitemapList li{overflow:hidden;width:23%;float:left;}
.site_list01{clear:both}
.sitemapList li h4{color:#ffffff;font-size:14pt;font-weight:600;margin:40px 0 20px 0; }
.sitemapList li ul.site_list li{border-left:1px #6b85b7 solid;clear:both;width:100%;padding:0 15px 0 15px;font-size:12pt; color:#ffffff;padding-bottom:20px;}
.sitemapList li ul.site_list li a:link{color:#ffffff}
.sitemapList li ul.site_list li a:hover{color:#ffffff}
.sitemapList li ul.site_list li a:visited{color:#ffffff}
.sitemapList li ul.site_list li ul.site_slist{padding-top:10px}
.sitemapList li ul.site_list li ul.site_slist li{border-left:none;font-size:9pt;padding-bottom:8px;color:#ffffff;padding-left:0px}
.sitemapList li ul.site_list li ul.site_slist li a:link{color:#ffffff}
.sitemapList li ul.site_list li ul.site_slist li a:hover{color:#ffffff}
.sitemapList li ul.site_list li ul.site_slist li a:visited{color:#ffffff}
.sitemapArea .site_close{position:relative; top:40px;}


/*회원가입1*/
.joinArea{padding-top:80px;overflow:hidden;padding-bottom:80px}
.joinArea{width:100%;}
.joinArea ul li{width:25%;float:left;font-weight:600;background:url(../images/step.png)top center no-repeat; height:120px;border-top:1px #cccccc solid;color:#666666;font-size:12pt;text-align:center;padding-top:18px;line-height:1.4}
.joinArea ul li div{width:100%;border-right:1px #cccccc solid;}
.joinArea ul li.list_last{border-right:1px #cccccc solid;border-right:none}
.joinArea ul li.select_step{background:url(../images/step_on.png)top center no-repeat;color:#143d8d; }

.join_title{width:100%;background:url(../images/agree_bg.png)repeat-x;height:100px;font-size:30pt;font-weight:600;text-align:center}
.join_title ul li{background-color:#ffffff;width:16%;margin:0 auto;}
.join_title p{font-size:12pt; color:#666666;text-align:center;padding-top:20px;font-weight:500}

.join_title1{/*background:url(../images/icon_arr1.png)0 0 no-repeat;*/font-size:15pt;color:#000000;padding:0px 0 20px 20px;}
.join_title1 span{font-size:12pt;color:#666666}

.join_text{font-size:11pt; color:#666666;line-height:1.5;border:1px #cccccc solid;padding:20px;margin-bottom:40px;overflow-y:scroll;height:250px;}
.agree_txt{text-align:center;font-size:14pt;line-height:1.5;padding-bottom:50px;}
.agree_txt span{font-size:11pt; color:#666666;}

.agree_btn{text-align:center;padding-bottom:40px;}


/*회원가입2*/
.authArea{width:100%;padding-top:80px;}
.authArea ul li{float:left;width:40%;text-align:center;padding-bottom:50px;}
.authArea ul li.auth_phone{margin-left:10%;}
.authArea ul li.auth_ipin{margin-right:10%;}
.auth_title{font-size:14pt;font-weight:600;padding:20px 0 30px 0;}
.auth_txt{font-size:11pt;padding:0px 0 30px 0;}


/*회원가입3*/
.join_title01{width:100%;background:url(../images/agree_bg.png)repeat-x;height:100px;font-size:30pt;font-weight:600;text-align:center}
.join_title01 ul li{background-color:#ffffff;width:25%;margin:0 auto;}
.join_title01 p{font-size:12pt; color:#666666;text-align:center;padding-top:20px;font-weight:500}



/*회원가입4*/
.popArea{width:740px;height:510px;}
.popArea div.pop_titleArea{height:70px;background-color:#143d8d;padding:20px;}
.popArea div.pop_titleArea div.pop_title{float:left;font-size:15pt; font-weight:600;color:#ffffff}
.popArea div.pop_titleArea div.pop_close{float:right;}
.popArea div.pop_data{height:440px;padding:15px;border:1px #cccccc solid;border-top:none}

/*회원가입5*/

/*오시는길*/
.mapArea{width:100%;background-color:#cccccc;height:500px;}
.map_title{font-size:15pt;color:#000000;padding:20px 0;}
.map_list li{background:url(../images/arrow_img1.png)0 12px no-repeat;padding-left:10px;font-size:11pt;padding-bottom:10px;}

/*=== 추가 : sub Stype (sjg) ===*/
.deBox1 {position:relative; width:100%; height:auto; padding:14px 20px; margin:6px 0; background-color:#f7f7f7; border-top:2px solid #000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.imgTy {width:100%; height:auto; padding:10px 0; text-align:center; border:1px solid #ccc;}

/*예산수립*/
.tabBox {margin:0 0 25px -5px; overflow:hidden;}
.tabBox a {float:left; display:block; margin-left:5px; margin-bottom:5px; border:1px solid #dcdcdc; background:#fff; font-weight:600; color:#000; padding:0 12px;}
.tabBox li {float:left; width:33.3%; text-align:center;}
.tabBox li a {display:block; margin-left:5px; padding:0 12px; height:44px; margin-bottom:5px; border:1px solid #dcdcdc; background:#fff; font-weight:600; color:#000; }
.tabBox li a span {width:1%; height:44px; vertical-align:middle; display:table-cell; *line-height:44px; font-size:12pt;}
.tabBox li a:hover,
.tabBox li.on a {color:#fff; background:#143d8d; border:1px solid #143d8d;}

.flowTy {position:relative; margin:0 0 0 -5px; overflow:hidden;}
.flowTy li {float:left; width:33.3%; margin-bottom:5px;}
.flowTy li dl {margin-left:5px; padding:15px; background-color:#f2f7ff; border:1px solid #e9e9e9;}
.flowTy li dl dt {line-height:34px; font-size:12pt; font-weight:600;}
.flowTy li dl dt i {display:inline-block; margin-right: 5px; font-size:13pt; font-weight:600; color:#143d8d;}
.flowTy li dl dd {margin-top:10px; line-height:24px; text-align:center; font-size:11pt; color:#1c1c1c; background-color:#fff; border:1px solid #ced9e5;}
.flowTy li dl dd .colB {color:#1363b6;}

.flowTy.s0121 li dd {height:70px; padding:10px 20px;}
.flowTy.s0122 li dd {height:100px; padding:12px 20px; text-align:left; overflow:hidden;}
.flowTy.s0122 li dd.img {text-align:center;}
.flowTy.s0122 li dd img {width:auto; height:76px;}
.flowTy.s0123 li dd {height:100px; padding:12px 20px; text-align:left; overflow:hidden;}

/*예산관련 법령*/
.deBox1 .goH {position:absolute; top:-60px; right:0;}

/*위탁기관 소개*/
.sub_con.s021 {position:relative;}
.s021 .linLB {position:absolute; top:200px; right:0;}

/*연력*/
.history {position:relative; width:1120px; margin:0 auto;}
.history .cell {width:100%; overflow:hidden;}
.cell .hisY {float:left; width:360px; background:url('../images/sub02_history03.jpg') no-repeat 140px 60px;}
.cell .hisY span {display:block; width:120px; height:120px; line-height:120px; text-align:center; font-size:16pt; font-weight:bold; color:#fff; background:url('../images/sub02_history01.jpg') no-repeat 0 0;}
.cell .hisB {float:left; width:760px; min-height: 120px; padding:20px; line-height:30px; font-size:12pt; background-color:#f7f7f7; border-top:2px solid #333;}
.cell .hisB .date {display:block; float:left; width:30%; font-weight:bold; text-align:center;}
.cell .hisB .text {float:left; width:70%; text-align:left;}

/*국가재정*/
.orgWrap {position:relative; width:1120px; margin:0 auto; overflow:hidden;}
.orgWrap .orgD1 {width:243px; height:60px; line-height:60px; margin:0 auto; text-align:center; font-size:12pt; font-weight:600; color:#fff; background:url('../images/org_top.jpg') no-repeat 0 0;} 
.orgWrap .orgD2, .orgWrap .orgD3, .orgWrap .orgD4, .orgWrap .orgD5 {display:block; width:150px; height:50px; line-height:30px; padding:10px; text-align:center; font-size:12pt; font-weight:normal; color:#fff;}
.orgWrap .orgD4, .orgWrap .orgD5 {font-size:11pt; font-weight:normal;}
.orgWrap .orgD2 {background-color:#2072d8;}
.orgWrap .orgD3 {background-color:#01acd7;}
.orgWrap .orgD4 {background-color:#fff; border:3px solid #2d58b6; color:#333;}
.orgWrap .orgD5 {background-color:#404f67;}

.orgWrap.low {background:url('../images/org_low_bg.gif') no-repeat 0 0;}
.orgWrap.low .orgD4, .orgWrap.low .orgD5 {width:170px;}
.orgWrap.low .orgR {position:absolute; top:87px; right:0; width:350px;}
.orgWrap.low .orgR .orgD2 {margin:0 0 46px 90px;}
.orgWrap.low .orgR .orgD5 {height:auto; line-height:20px;}
.orgWrap.low .orgR .dep1 > li {float:left; width:50%;}
.orgWrap.low .orgR .dep1 > li .dep2_list {width:170px; margin-top:10px;}
.orgWrap.low .orgR .dep1 > li .dep2_list li {float:none; width:100%; margin-bottom:5px;}
.orgWrap.low .orgL {position:relative; margin-top:26px;}
.orgWrap.low .orgL .orgD2 {margin:0 0 0 223px;}
.orgWrap.low .orgL .depL {position:absolute; top:190px; left:0;}
.orgWrap.low .orgL .depL .orgD4 {width:220px; height:auto; line-height:20px; margin:99px 0 0 175px;}
.orgWrap.low .orgL .depR {margin-top:140px;}
.orgWrap.low .orgL .depR .orgD3 {margin:0 0 333px 484px;}
.orgWrap.low .orgL .depR ul {overflow:hidden;}
.orgWrap.low .orgL .depR ul li {float:left;}
.orgWrap.low .orgL .depR .dep1 li span {margin:0 auto;}
.orgWrap.low .orgL .depR .dep1_1 {width:345px;}
.orgWrap.low .orgL .depR .dep1_2 {width:520px; margin:0 46px 0 38px;}
.orgWrap.low .orgL .depR .dep1_3 {width:170px;}
.orgWrap.low .orgL .depR .dep2_list li {width:170px; margin-top:20px;}
.orgWrap.low .orgL .depR .dep2_list li + li {margin-left:5px;}
.orgWrap.low .orgL .depR .dep3 {margin-top:5px; padding:10px; background-color:#fff; border:2px solid #dedede;}
.orgWrap.low .orgL .depR .dep3 li {width:100%; padding-left:10px; line-height:16px; margin-top:5px; font-size:10pt; background:url('../images/bu_squareG.gif') no-repeat 0 6px;}
.orgWrap.low .orgL .depR .dep3 li + li {margin-left:0;}

.orgWrap.acc {background:url('../images/org_acc_bg.gif') no-repeat 0 0;}
.orgWrap.acc .orgL {float:left; width:460px; margin:46px 0 0 0;}
.orgWrap.acc .orgR {float:right; width:634px; margin:46px 0 0 0;}
.orgWrap.acc .orgD3 p {color:#fff;}
.orgWrap.acc ul {overflow:hidden;}
.orgWrap.acc ul li {float:left; margin-left:5px;}
.orgWrap.acc ul li:first-child {margin-left:0;}

.orgWrap.acc .orgD4 {height:70px; padding-top:15px;}
.orgWrap.acc .orgD3 {height:70px; padding-top:20px;}
.orgWrap.acc .orgL .ac2 {margin-left:115px;}
.orgWrap.acc .orgL .orgD4 {margin:190px 0 40px 233px;}

.orgWrap.acc .orgR .ac2 {margin-left:242px;}
.orgWrap.acc .orgR .dep1L {float:left; margin:60px 0 0 0;}
.orgWrap.acc .orgR .dep1L .orgD3 {margin-bottom:170px;}
.orgWrap.acc .orgR .dep1R {float:right; margin:60px 0 0 0;}
.orgWrap.acc .orgR .dep1R .orgD3 {margin-left:150px;}
.orgWrap.acc .orgR .dep1R .orgD4 {margin:60px 0 40px 233px;}

.accDep {margin-top:100px;}
.accDep h3 {line-height:50px; font-size:14pt; font-weight:600; color:#1048bf;}
.accDep .box {padding:20px; border:1px solid #dfdfdf;}
.accDep .box .dep1_menu {width:100%; overflow:hidden;}
.dep1_menu li {float:left; width:33.3%;}
.dep1_menu .dep1_anc {display:block; height:40px; line-height:40px; margin-left:10px; text-align:center; font-size:11pt; color:#fff; background-color:#788db0;}
.dep1_menu .dep2_menu {padding:10px; margin-left:10px; border:1px dotted #888; overflow:hidden;}
.dep1_menu .dep2_menu li {width:100%; line-height:20px; padding-left:10px; font-size:10pt; color:#333; background:url('../images/bu_squareG.gif') no-repeat 0 8px;}
.dep1_menu li:first-child .dep1_anc, .dep1_menu li:first-child .dep2_menu {margin-left:0;}

.box.acc_menu3 .dep1_menu li {width:25%; margin-bottom:5px;} 
.box.acc_menu3 .dep1_menu .dep1_anc {margin:0 5px;}

}