/* CSS Document */

img {border:0;}
body, ul, li {list-style: none; padding: 0; margin: 0; display: block;font-family:"나눔고딕";}
body {margin:0px; padding:0; font-style:normal; font-size:12px}
a {color:#FFF;; text-decoration:none}
.link {color:#FFF;; text-decoration:none}
.clearfix:after {content: "."; display:block; height:0;clear:both;visibility: hidden;}


/* 로그인 */
#login {background-color:#076589;background:url(../images/log_main_bg.png) no-repeat; background-size:100%;}
#log_pop { width:300px; height:280px; background:url(../images/log_bg.png); position:absolute; left:50%; margin-left:-164px; top:50%; margin-top:-100px; padding:10px 14px;}
#log_top {width:300px; height:51px; margin:0 auto; background:url(../images/log_top_bg.png);text-align:center; font-size:18px; line-height:51px;}
#log_top span { color:#0061AE; font-weight:bold;}
#log_input { width:240px; height:81px; background:url(../images/log_input_bg.png); margin:20px auto}
#log_input input { width:200px; height:30px; border:none; background:!important; margin:6px 0 0 33px}
#log_text { width:240px; text-align:right; margin:30px auto 10px}
#log_text a {font-family:"나눔고딕";color:#076589; text-decoration:underline}
#log_text a:hover {font-weight:bold}
#log_btn { width:240px; margin:0 auto; text-align:center; display:block;}


/* 탑 */
#top { width:1228px; height:94px; margin:37px auto;}
#logo {width:213px; height:94px; float:left; cursor:pointer}
#info {width:412px; height:28px; margin-top:33px; float:right}
#info #login {width:122px; height:15px; margin-top:5px; float:right; cursor:pointer}
#info #search { width:240px; height:26px; border:1px solid #ccd0d3; float:right; overflow:hidden}
#info #search .input {width:200px; height:26px; float:left}
#info #search input {width:190px;border:0; padding:5px}
#info #search .btn { width:28px; height:26px; cursor:pointer; float:right}

/* 메뉴 */
#menu {width:1228px; min-height:76px; margin:20px auto 0 auto; position:relative}
#menu ul li {width:198px; float:left;}
#menu ul li .title {width:198px; height:76px; text-align:center; background-color:#0061ae; cursor:pointer;}
#menu ul li .title img {margin-top:32px}
#menu ul li .title a {width:198px; height:76px; display:block}
#menu ul li ul li a {width:198px; height:76px; line-height:76px; text-align:center; background-color:#0061ae; float:none; 
cursor:pointer;font-family:"나눔고딕"; font-size:14px; color:#fff; font-weight:bold; display:block}
#menu ul li ul li a:hover {background-color:#004178;}
#menu ul li ul li div {background:#FFF; opacity:0.0; filter: alpha(opacity = 0); height:8px}
.arrow {position:absolute; margin-left:95px;display:none;}
.sub_menu_grp {width:198px;position:absolute; display:none; z-index:9999}
.sub_menu_grp span {height:76px; line-height:18px; margin-top:20px;display:inline-block}
.sub_menu_grp a {width:198px;height:76px;display:block}
.maL0 {margin-left:0px;}
.maL8 {margin-left:8px;}

/* 푸터 */
#footer_wrap {width:100%; height:30px; overflow:hidden;}



/* 콘텐트 페이지 레이아웃 */
#sub_section {width:1228px; margin:10px auto;}
.sub_menu {width:198px; text-align:center; background-color:#e5e5e5;  float:left;}
.sub_menu ul li {width:198px; height:43px; color:#FFF; line-height:43px; font-size:14px; font-weight:bold; cursor:pointer; background-color:#a4a4a4; margin-top:20px;}
.training_sub_menu {width:198px; height:35px; font-size:14px; background-color:#cfcfcf; color:#5c5c5c; margin-top:3px; line-height:32px; cursor:pointer}
.maT6 {margin-top:6px;}
.sub_menu a { display:block}
.sub_menu ul li:hover {background-color:#0061ae;}
.sub_menu .sub_menu_on {background-color:#0061ae;}

.sub_right {width:988px; margin-left:22px; float:left; padding-left:20px;margin-bottom:30px; min-height:650px}
.sub_gnb { height:16px; font-size:14px; color:#8cafbd; margin-top:20px;}
.title_grp {height:55px; margin-top:20px; border-left:2px solid #0061ae; overflow:hidden}
.title_grp .title {height:33px; padding-left:10px; font-size:33px; font-weight:bold; color:#0061ae; background-color:transparent; line-height:33px}
.title_grp .sub_title {height:25px;padding-left:10px; font-size:20px; color:#7994b9; line-height:25px}

.content {margin-top:20px;}

/* 트레이닝 */
#trainning, #trainning_check {margin-top:20px; overflow:auto}
.line {width:113px;margin-left:12px; float:left;}
.month { height:110px;text-align:center;color:#FFF; margin-bottom:2px; background-color:#004178;font-weight:bold; overflow:hidden}
.month .title {height:23px; font-size:20px; margin-top:13px;}
.month .no { font-size:55px;}
#trainning_check .day { cursor:default}
.day { height:108px; color:#FFF; margin-top:1px; overflow:hidden; cursor:pointer}
.day_add { height:88px; color:#FFF; margin-top:1px; overflow:hidden; cursor:pointer; background:#CCC; line-height:88px; text-align:center; font-size:25px; font-weight:bold}
.day .title { height:18px; margin-left:12px; margin-top:9px; font-size:15px;}
.day .no {width:37px; height:30px; margin-top:22px; margin-left:70px;font-weight:bold; font-size:27px; text-align:right;}

.blue { background-color:#174496;}
.black { background-color:#2b2b2b;}
.pink { background-color:#ff387e;}
.green { background-color:#90bb3c;}
.orange { background-color:#db9822;}
.sky { background-color:#0093ad;}
.check { position:absolute; background-color:#FFF; padding:5px; border-radius:5px; border:1px solid #0061AE; margin-top:-33px; margin-left:15px}
.check span { font-weight:bold; color:#0061AE;}
.check a { color:#666;}
.trainning_info {font-size:12px; padding-top:30px}
.trainning_info .info { width:100%;height:22px; line-height:20px;}
.trainning_info .info .text {height:22px; float:left;}
.trainning_info .info .img {height:22px; float:right;}
.text-align {text-align:right; margin-top:7px}
#trainning_detail { width:100%;overflow:auto; margin-top:40px; float:left; display: block;}
#trainning_detail .title {padding:15px; background-color:#004178; overflow:hidden;color:#FFF; }
#trainning_detail .title input { font-size:20px; color:#FFF; background-color:transparent; border:none; margin-left:10px; border-bottom:1px solid #FFF; width:90%}
#trainning_detail .text {font-size:12px; color:#4f4f4f; line-height:23px; margin-top:10px;}
#btn_application {height:41px; padding:15px; background-color:#f0f0f0; overflow:hidden; margin-top:20px; display:none}
#btn_application .btn {width:149px; height:41px; margin:0 auto; cursor:pointer;}
.sub_menu_on {background-color:#004178; color:#FFF}
#trainning .month .title input { width:80px;text-align:center;background-color:#004178; color:#FFF; border:none; border-bottom:1px solid #fff}
#trainning .month .no input { width:60px; height:60px; text-align:center; font-size:50px; font-weight:bold; background-color:#004178;color:#FFF;border:none;border-bottom:1px solid #fff}
#trainning .day .title input { width:70px;text-align:center;background-color:transparent; color:#FFF; border:none; border-bottom:1px solid #fff}
#trainning .day .no input {width:30px; height:30px;text-align:center;background-color:transparent; color:#FFF; border:none; border-bottom:1px solid #fff; font-size:27px; font-weight:bold}
*:first-child+html #trainning .day .no input {width:30px; height:30px;text-align:center;background-color:transparent; color:#FFF; border:none; border-bottom:1px solid #fff; font-size:27px; font-weight:bold; margin-left:-65px}



/* pak 활용 */
#pak_menu { width:100%;font-size:13px; margin:20px 0;}
#pak_menu ul li {width:104px; margin-left:6px; text-align:center; line-height:38px; color:#FFF; cursor:pointer; float:left}
#pak_menu ul li .title { height:38px; background:#0061ae}
#pak_menu ul li .low { display:none; position:; z-index:9999; width:104px;}
#pak_menu ul li .low ul { margin:0; padding:0;}
#pak_menu ul li .low ul li {line-height:18px;width:104px; padding:0; margin:0; background-color:transparent; margin-top:8px}
#pak_menu ul li .low ul li a {color:#484848; display:block; border:1px solid #c1c1c1; background-color:#FFF;}
#pak_menu ul li .low ul li a:hover {background-color:#e5e5e5}

/* PAK활용 */
#pak {margin-top:20px; padding-bottom:20px; overflow:auto}
#pak ul li {width:229px; height:226px; float:left}
#pak ul li .img {height:174px;border:1px solid #dbdbdb; overflow:hidden; position:relative}
#pak ul li .info {height:38px; margin-top:12px;}
#pak ul li .info .title {height:25px; font-size:13px; color:#04264b}
#pak ul li .info .title a { color:#04264b}
#pak ul li .info .date 	{height:12px; font-size:11px; color:#5d7b88; margin-top:10px;}



/* 카달로그 */
#catalog {margin-top:20px; padding-bottom:20px; overflow:auto}
#catalog ul li {width:229px; height:380px; float:left}
#catalog ul li .img {height:328px;border:1px solid #dbdbdb;overflow:hidden; position:relative}
#catalog ul li .info {height:38px; margin-top:12px;}
#catalog ul li .info .title {height:16px; font-size:13px; color:#04264b}
#catalog ul li .info .title a { color:#04264b}
#catalog ul li .info .date 	{height:12px; font-size:11px; color:#5d7b88; margin-top:10px;}
.maL24 {margin-left:24px;}
.maT52 {margin-top:52px;}



/* news */
#news { overflow:hidden}
.news_group { width:950px; border-bottom:1px dotted #A794B9; padding:20px;overflow:hidden; height:150px;position:relative}
.news_group .news_img { width:150px; height:150px; float:left; background:#CCC}
.news_group .news_info {width:780px; float:left;margin-left:20px;}
.news_group .news_day {color:#00467B; height:auto; margin-bottom:10px; font-size:12px; color:#999}
.news_group .news_title {color:#00467B; margin-bottom:10px; font-weight:bold; font-size:16px}
.news_group .news_contents {font-size:13px; color:#666; overflow:hidden; text-align:justify; height:60px; line-height:20px}
.news_group .news_btn {padding:6px;color:#0061AE; cursor:pointer; font-size:13px; font-weight:bold; display:block; margin-top:10px; float:right}
.news_line { background:#eef5fd}
.news_group .contents_menu { margin:0; width:987px; margin-left:-20px; margin-top:171px; }
*:first-child+html .news_group .contents_menu { margin:0; width:987px; margin-left:-970px; margin-top:171px; background:rgba(0,0,0,0.5);}
#news #write .img_load {width:150px;float:left;}
#news #write .img {width:150px; height:150px;overflow:hidden; background:url(../images/img_small_bg.jpg)}



/* banner */
#banner { overflow:hidden}
.banner_group { width:950px; border-bottom:1px dotted #A794B9; padding:20px;overflow:hidden; height:150px;position:relative}
.banner_group .banner_img { width:200px; height:104px; float:left; background:#CCC}
.banner_group .banner_info {width:730px; float:left;margin-left:20px;}
.banner_group .banner_day {color:#00467B; height:auto; margin-bottom:10px; font-size:12px; color:#999}
.banner_group .banner_title {color:#00467B; margin-bottom:10px; font-weight:bold; font-size:16px}
.banner_group .banner_contents {font-size:13px; color:#666; overflow:hidden; text-align:justify; height:60px; line-height:20px}
.banner_group .banner_btn {padding:6px;color:#0061AE; cursor:pointer; font-size:13px; font-weight:bold; display:block; margin-top:10px; float:right}
.banner_line { background:#eef5fd}
.banner_group .contents_menu { margin:0; width:987px; margin-left:-20px; margin-top:171px; }
*:first-child+html .banner_group .contents_menu { margin:0; width:987px; margin-left:-970px; margin-top:171px; background:rgba(0,0,0,0.5);}
#banner #write .img_load {width:150px;float:left;}
#banner #write .img {width:150px; height:150px;overflow:hidden; background:url(../images/img_small_bg.jpg)}

/* #banner {width:1228px; height:585px; margin:8px auto 0 auto;}
#banner #main_banner {width:1228px; height:329px; float:left}
#banner #main_banner .img {width:610px; height:329px; float:left; overflow:hidden; background:url(../images/main_banner_bg.jpg)}
#banner #main_banner .img img { position:absolute; z-index:-2}
#banner #sub_banner {width:1228px; height:248px; margin-top:8px; float:left;}
#banner #sub_banner .img {width:404px; height:248px; float:left;  overflow:hidden;background:url(../images/sub_banner_bg.jpg)}
#banner #sub_banner .img img { position:absolute; z-index:-2}
#banner #main_banner .banner_line { position:absolute; width:610px; height:329px; background:url(../images/main_banner_line.png); z-index:-1}
#banner #sub_banner .banner_line { position:absolute; width:404px; height:248px; background:url(../images/sub_banner_line.png); z-index:-1}
.banner_item_div {position:relative}
#main_banner .contents_menu {width:610px; margin-top:330px;}
#sub_banner .contents_menu {width:404px; margin-top:248px; }
#main_banner .btn_group { margin:0 auto; overflow:hidden; width:360px}
#sub_banner .btn_group { margin:0 auto; overflow:hidden; width:360px}
 */


/* member */
#member { margin-top:30px}
.table {width:100%; text-align:center}
.table table { width:100%;color:#97a0b4; padding:0; margin:0;font-size:12px}
.table thead { font-size:15px; font-weight:bold; color:#fff; background: url(../images/table_thead_bg.jpg); padding:0; margin:0}
.table table td { border-bottom:1px solid #c4ccd9; height:55px }
.table table td img { margin:0 5px; cursor:pointer}
.table_bg { background:#f1f5fa;}
.table tfoot {background:#DFDFDF; color:#747b86; font-weight:bold; padding:0; margin:0; font-size:16px}
.table table span { margin-left:10px; color:#435564; font-size:12px; display:inline-block; cursor:pointer}

#group { float:right; margin-bottom:20px}
#group .title { float:left; font-size:14px; font-weight:bold; color:#004178; line-height:27px; margin-right:10px}
#group #close_group { float:left;margin-right:10px}
#group #new_group {float:left;margin-right:10px}
#group input { float:left; height:25px;margin-right:5px; padding:0px;}
#group select { float:left; height:27px;margin-right:5px; padding:0px;}
#group .btn { float:left;margin-right:10px}


#member_search { float:right; margin-bottom:20px}
#member_search .title { float:left; font-size:14px; font-weight:bold; color:#004178; line-height:27px; margin-right:10px}
#member_search input { float:left; height:25px;margin-right:5px; padding:0px;}
#member_search .btn { float:left;margin-right:10px}


/* 글 작성 */
#write .img_load {width:229px;float:left;}
#write .img {width:229px; height:328px;overflow:hidden;  background:url(../images/img_big_bg.jpg)}
#write .img2 {width:229px; height:176px;overflow:hidden;  background:url(../images/img_big_bg2.jpg)}
#write .write_info { width:748px; float:left; padding-left:9px}
#write .write_info .write_title { width:558px; padding:5px; float:left;  border:1px solid #999; margin-bottom:10px}
#write .write_info .write_title input { width:505px; border:none}
#write .write_info .write_link {clear:both; border:1px solid #999;padding:5px;}
#write .write_info .write_link input { width:505px; border:none}
#write .write_info .write_day {width:158px; padding:5px;float:right;border:1px solid #999}
#write .write_info .write_day input {width:115px; border:none}
#write .write_info .write_contents {clear:both; height:490px;border:1px solid #999;}
#write .btn { text-align:center; margin-top:10px; line-height:20px}
.select_menu { padding:5px;border:1px solid #999; margin-bottom:10px;}
.select_menu span {color:#0061AE}

/* 문의글 답변달기 */
#answer .write_info { width:748px; float:left; padding-left:9px}
#answer .write_info .write_title { width:738px; padding:5px; float:left;  border:1px solid #999; margin-bottom:10px}
#answer .write_info .write_title input { width:560px; border:none}
#answer .write_info .write_contents {clear:both; height:290px;border:1px solid #999;}
#answer .btn { text-align:center; margin-top:10px; line-height:20px}


/* 버튼 */
.btn {padding:5px 20px; border:1px solid #004178; background:#0061AE; color:#FFF; cursor:pointer; font-size:13px; font-weight:bold}
.btn a { display:block;}
.btn_group { margin:0 auto; overflow:hidden; width:150px}
.write_btn {position: absolute;	margin-left:880px;	margin-top: -40px;width:47px}
.del_color {background:#666; border:1px solid #333}

/* 버튼 그룹 */
.contents_menu {position:absolute;margin-top:330px;width:227px;  background: rgba(0, 0, 0, 0.5); padding:15px 0; }
.contents_menu .edit { float:left}
.contents_menu .del {float:left; margin-left:10px; color:#FFF}
.contents_menu .url {float:left; margin-left:10px; background:#FFF;color:#333; padding:4px 5px; cursor:default}
.contents_menu .url input { border:none; width:100px;margin-left:5px;}

/* 버튼 그룹2 */
.contents_menu2 {position:absolute;margin-top:226px;width:227px;  background: rgba(0, 0, 0, 0.5); padding:15px 0; }
.contents_menu2 .edit { float:left}
.contents_menu2 .del {float:left; margin-left:10px; color:#FFF}
.contents_menu2 .url {float:left; margin-left:10px; background:#FFF;color:#333; padding:4px 5px; cursor:default}
.contents_menu2 .url input { border:none; width:100px;margin-left:5px;}

/* 페이지 넘버 */
.paginate{overflow:hidden;clear:both;margin:0 auto;padding:20px 0 0;text-align:center;zoom:1;}
.paginate a{display:-moz-inline-box;display:inline-block;_position:relative;margin-right:-3px;padding:0 0 0 5px;color:#666;font-family:'돋움',Dotum;font-size:12px;font-weight:bold;line-height:28px;text-decoration:none !important; }
.paginate a:hover,.paginate a:focus,.paginate a:active{background:url(http://static.naver.com/common/paginate/bg_page_nav_ru.gif) no-repeat 0 0 !important;}
.paginate strong{display:-moz-inline-box;display:inline-block;_position:relative;margin-right:-3px;padding:0 0 0 5px;background:url(http://static.naver.com/common/paginate/bg_page_nav_ru.gif) no-repeat 0 0 !important;color:#666;font-family:'돋움',Dotum;font-size:12px;font-weight:bold;line-height:28px;text-decoration:none !important}
.paginate strong{color:#01939c !important}
.paginate a span{display:block;_display:inline;position:relative;top:0;padding:0 8px 0 3px;zoom:1;height:37px;}
*:first-child+html .paginate a span{display:block;_display:inline;position:relative;top:0;padding:0 8px 0 3px;zoom:1;height: 37px;}
.paginate a:hover span,.paginate a:focus span,.paginate a:active span{background:url(http://static.naver.com/common/paginate/bg_page_nav_ru.gif) no-repeat 100% 0 !important;text-decoration:underline;cursor:pointer;}
.paginate strong span{display:block;_display:inline;position:relative;top:0;padding:0 8px 0 3px;background:url(http://static.naver.com/common/paginate/bg_page_nav_ru.gif) no-repeat 100% 0 !important;zoom:1;}



/* 뉴스 상세페이지 */
#news_detail {padding-bottom:20px; float:left}
#news_detail .news_day { height:20px; color:#00467B; height:auto; margin-bottom:10px; font-size:12px; color:#313131}
#news_detail .news_title {color:#00467B; margin-bottom:10px; font-weight:bold; font-size:16px}
#news_detail .news_contents {font-size:13px; color:#666; overflow:hidden; text-align:justify; line-height:25px; margin-top:30px;}
#news_detail .btn2 {height:41px; margin-top:40px;text-align:center;}
#news_detail .btn2 img {cursor:pointer; float:left}


/* 회원정보 수정 */
#join_info { padding-bottom:20px; float:left}
#join_info table{border-collapse:collapse; line-height:28px;}
#join_info table img {cursor:pointer;}
#join_info table input {height:15px; border:1px #d5d5d5 solid;}
#join_info table tr td {border:1px #d5d5d5 solid; height:30px; padding-left:20px; }
#join_info table select {border:1px #d5d5d5 solid}
#join_info .btn_ok {height:41px; margin-top:20px; text-align:center}
#join_info .btn_ok img {cursor:pointer; }
.bg_c {background-color:#eff9f8; }


/* contact_detail */
#contact_detail .write_info { width:748px; float:left; padding-left:9px}
#contact_detail span {font-weight:bold; color:#0061ae;}
#contact_detail .write_info .write_title { width:736px; padding:5px; float:left;  border:1px solid #999; margin-bottom:10px; color:#0061ae;}
#contact_detail .write_info .date {width:736px;float:left; margin-bottom:10px; margin-top:20px;}
#contact_detail .write_info .name {width:124px;  padding:5px; float:left;  border:1px solid #999; margin-bottom:10px}
#contact_detail .write_info .phone {width:170px;  padding:5px; float:left;  border:1px solid #999; margin-bottom:10px; margin-left:5px; float:left}
#contact_detail .write_info .mail{width:408px;  padding:5px; float:left;  border:1px solid #999; margin-bottom:10px; margin-left:5px; float:left}
#contact_detail .write_info .write_title input { width:560px; border:none}
#contact_detail .write_info .write_contents {clear:both; height:290px;border:1px solid #999; padding:20px;}
#contact_detail .btn { text-align:center; margin-top:10px; line-height:20px}


/* 문의 목록 */
#qna_list { margin-top:30px}
#qna_list .table thead { border-bottom:0; font-size:15px; font-weight:bold; color:#fff; background: url(../images/table_thead_bg.jpg); padding:0; margin:0}
.table table a  {color:#97a0b4; }

.table {width:100%; text-align:center}
.table table { width:100%; /* line-height:55px; */ color:#97a0b4; padding:0; margin:0;font-size:12px}
.table thead { font-size:15px; font-weight:bold; color:#fff; background: url(../images/table_thead_bg.jpg); padding:0; margin:0}
.table table td { border-bottom:1px solid #c4ccd9; }
.table table td img { margin:0 5px; cursor:pointer}
.table_bg { background:#f1f5fa;}
.table tfoot {background:#DFDFDF; color:#747b86; font-weight:bold; padding:0; margin:0; font-size:16px}


.qna_grp {background-color:#ececec; text-align:left; display: none;}


.qna_q {margin-top:20px; margin-left:30px; overflow:auto}
.qna_q .icon{float:left;}
.qna_q .text {float:left; line-height:23px; margin-left:10px; margin-top:-3px;}


.qna_grp img {margin-right:10px;}
.qna_a { margin:20px auto 15px 30px; overflow:auto}
.qna_a .icon{float:left;}
.qna_a .text {float:left; line-height:23px; margin-left:10px; margin-top:-3px; padding:5px 0 5px 0}
.qna_a .text textarea {border:1px solid #ccd0d3;}
.qna_a .text .btn_write_end { text-align:left;margin-top:10px;}
.qna_a .text .btn_write_end img {cursor:pointer;}
.text-align {text-align:left;}