@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*{margin:0; padding:0}
html{width:100%; height:100%}
body{font-size:13px; font-family:'Nanum Gothic', dotum,"돋움",sans-serif; color:#777}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0} /*display:none*/
textarea, button, select, input{vertical-align:middle}
button{cursor:pointer}
select{padding:2px 2px 5px; height:32px; font-size:13px; line-height: 32px; border-radius:0; border:1px solid #aaa; font-family:'Nanum Gothic', dotum,"돋움",sans-serif; color:#777 vertical-align:middle}
input{border-radius:0}
input[type="text"],
input[type="password"]{padding:3px; height:17px; line-height:20px; border:1px solid #aaa; font-size:13px; font-family:'Nanum Gothic', dotum,"돋움",sans-serif; color:#333 background:#fff; vertical-align:middle}
input[type="checkbox"] {padding:0; border:0}
input[type="image"] {padding:0;  border:0}
option{padding:4px 3px; border-radius:0}
textarea{border-radius:0; padding:3px; border:1px solid #ddd; background:#fff; color:#777; font-size:13px; vertical-align:middle; font-family:'Nanum Gothic', dotum,"돋움",sans-serif }
.checkbox{padding:0; border:0;}
.disNone{display:none;}
a{text-decoration:none;}
a:hover, a:focus, a:active{text-decoration:underline}
table{border-collapse:collapse}
a.directBt {position: absolute; top: 0; left:0; width: 100%; height: 60px; line-height: 60px; text-align: center; background:#1b6fbd; color: #fff; font-size: 18px; font-weight: bold; z-index: 20000;}


/* 간격, 폰트 */
.mt5{margin-top:5px}
.mt7{margin-top:7px}
.mt10{margin-top:10px}
.mt14{margin-top:14px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt55{margin-top:55px}
.mt60{margin-top:60px}
.mt80{margin-top:80px}
.mt85{margin-top:85px}

.ft20{font-size:20px}

.pl10{padding-left:10px}
.pl20{padding-left:20px}
.ml10{margin-left:10px}
.ml30{margin-left:30px}

.c666{color:#666}
.c333{color:#333}
/* 정렬 */
.taC{text-align:center !important}
.taR{text-align:right !important}
.taL{text-align:left !important}
.overF{overflow:hidden}
.fl{float:left}
.fr{float:right}

/*common*/
.bold{font-weight:bold}
.txt_indent{position:absolute; top:-99999px; left:-9999px; text-indent:-9999px}
.wrap_Wdt{width:960px; margin:0 auto; overflow:hidden; position:relative; height:100%; background:url('/common/images_with/icon/bg_wrap_Wdt.png') no-repeat 0 460px;  }

/* 2015-08-10 추가*/
.loginDiv{width:960px; margin:0 auto;  position:relative; z-index:100} 
.loginDiv .loginCon{position:absolute; top:144px; right:0; height:177px; width:181px; padding:29px; border:1px solid #e8e8e8; background:#fff} 
.loginDiv .loginCon .tit{color:#ed1c24; font-size:16px; font-weight:bold}
.loginCon input{height:22px; width:172px; border:1px solid #e8e8e8}
.loginCon .loginTxt{font-size:16px; font-weight:bold; color:#ed1c24; background:url('/common/images_with/icon/bg_login.gif') no-repeat center 0; text-align:center; padding-top:75px}
.loginCon .loginName{font-size:14px; color:#333; text-align:center; font-weight:bold; margin-top:10px}
.loginCon .loginName span{font-size:12px}
.loginBtn{background:url('/common/images_with/btn/btn_login.gif') no-repeat 0 0; width:97px; padding-left:83px;color:#fff;height:30px;line-height:30px; display:inline-block}
.loginBtn2{background:#777; width:180px; color:#fff;height:30px;line-height:30px; display:inline-block; text-align:center}
.joinBtn{background:#fff; width:85px; text-align:center; color:#333;height:23px;line-height:23px; display:inline-block; border:1px solid #d2d2d2; font-size:11px; font-weight:bold}
.findBtn{background:#fff; width:85px; text-align:center; color:#333;height:23px;line-height:23px; display:inline-block; border:1px solid #d2d2d2; font-size:11px; font-weight:bold}

.dot{background:url('/common/images_with/icon/dot.gif') no-repeat 2px center; padding-left:7px; color:#777}

/*main*/
.wrap{width:100% ; min-width:1280px}
.wrap .topW{background-color:#333; padding:5px 0; height:25px }
.wrap .topW .joinD{margin-top:4px}

.wrap .topW .joinD a{display:inline-block; color:#dedede; background:url('/common/images_with/icon/bar.gif') no-repeat left center; padding-left:15px;padding-right:15px }
.wrap .topW .joinD a:first-child{padding-left:0px; background:none }

.wrap .topW .loginD{padding-right:65px; color:#fff}
.wrap .topW .loginD label{padding:0 10px}
.wrap .topW .loginD .after_login{margin-top:3px}
.wrap .topW .loginD .after_login span{font-weight:bold; color:#fed702; font-weight:bold; font-size:13px; }

.wrap .topW .login_btn{width:58px; line-height:23px;  position:absolute; top:0; right:0; background-color:#ed1c24; border:1px solid #c4060d; text-align:center; display:inline-block }
.wrap .topW .login_btn a{color:#fff}

.wrap .bottomW{background-color:#fff; border-bottom:1px solid #eaeaea; padding:30px 0 0px} /* 2015-08-10 수정*/
.wrap .bottomW .s_menu{padding-top:20px} /*2015-08-10 추가*/
.wrap .bottomW .s_menu a{text-decoration:none; margin-left:50px; color:#777;font-size:16px; font-weight:bold; height:37px; display:inline-block}
.wrap .bottomW .s_menu a:hover{color:#ed1c24; background:url('/common/images_with/icon/under_bar.gif') repeat-x 0 bottom}

.container{width:100%}
.container .visual_Div{background:url('/common/images_with/icon/main_visual_img.jpg') no-repeat center 0; height:831px; }
.container .visual_Div .tab{font-weight:bold; color:#777; display:inline-block; background:url('/common/images_with/icon/tab_bg.gif') no-repeat 0 0; font-size:16px; width:290px; padding-left:30px; height:63px; line-height:63px}
.container .visual_Div .tab.on{color:#fff; background:url('/common/images_with/icon/tab_bg_on.gif') no-repeat 0 0; height:63px; color:#fff; line-height:63px }
.container .visual_Div .tab.one{position:absolute; top:398px; left:0} /* 2015-08-10 수정*/
.container .visual_Div .tab.two{position:absolute; top:398px; left:320px; } /* 2015-08-10 수정*/
.container .visual_Div .tab.thr{position:absolute; top:398px; left:640px} /* 2015-08-10 수정*/
.container .visual_Div .tab_con{padding-top:460px} /* 2015-08-10 수정*/
.container .visual_Div .tab_con .content_div{width:960px; padding:10px 0 30px; height:330px; border-bottom:1px solid #e8e8e8; overflow:hidden; position:relative}

.container .visual_Div .tab_con .content_div .cont_btn{text-align:right}
.container .visual_Div .tab_con .course_div{position:absolute; width:960px}
.container .visual_Div .tab_con .course_div li{width:291px; float:left; padding:0 0 0 29px; }
.container .visual_Div .tab_con .course_div li .f_txt{font-weight:bold; font-size:14px; color:#333; margin-top:15px }
.container .visual_Div .tab_con .course_div li .apply_btn .fl{background:url('/common/images_with/btn/cont_btn1.gif') no-repeat 0 0; width:65px; padding-left:60px; color:#fff; height:30px; line-height:30px}
.container .visual_Div .tab_con .course_div li .apply_btn .fl2{float:left; margin-left:10px; background:url('/common/images_with/btn/cont_btn2.gif') no-repeat 0 0; width:65px; padding-left:60px;color:#fff;height:30px;line-height:30px }


.container .contentW{width:959px; margin:0 auto; border-left:1px solid #e8e8e8; }
.container .noticeW{height:181px; padding:25px 39px 29px 29px; width:408px; border-right:1px solid #e8e8e8; position:relative}
.container .noticeW .tit{color:#ed1c24; font-size:16px; font-weight:bold}
.container .noticeW .notice_list a{font-size:14px; color:#333; display:inline-block; width:260px; }
 
.container .noticeW .notice_list .date{padding-left:70px;font-size:14px; color:#333}
.container .noticeW .more_btn{position:absolute; top:25px ; right:40px}

.container .bannerD{width:482px}
.container .bannerD .go_d a{display:block; width:149px;height:80px; font-size:15px; color:#666; font-weight:bold; float:left; border-right:1px solid #e8e8e8; padding:37px 0 0 91px}
.container .bannerD .go_d.one a{background:url('/common/images_with/icon/banner_img1.gif') no-repeat 30px 35px; line-height:20px }
.container .bannerD .go_d.two a{background:#fbfbfb url('/common/images_with/icon/banner_img2.gif') no-repeat 12px 35px; font-size:13px; line-height:18px; padding-left:74px; width:166px} /* 2015-08-10 수정*/
.container .bannerD .go_d.thr a{background:url('/common/images_with/icon/banner_img3.gif') no-repeat 30px 35px; border-top:1px solid #e8e8e8}
.container .bannerD .go_d.fou a{background:#ed1c24 url('/common/images_with/txt/txt_go_d.gif') no-repeat 0 0;  border-top:1px solid #e8e8e8; padding:0; text-indent:-99999px; width:240px; height:117px; border-right:1px solid #e8e8e8} /* 2015-08-10 수정*/

.footer{background-color:#e8e8e8; padding:21px 0 34px} /* 2017-06-20 수정 */
.footer .bt_util a{color:#666; background:url('/common/images_with/icon/bar2.gif') no-repeat left center; padding-left:10px;padding-right:10px}
.footer .bt_util a:first-child{background:none;padding-left:0}
.footer address{color:#666; font-style:normal; margin-top:20px; line-height:20px}
.footer address span{color:#666; background:url('/common/images_with/icon/bar2.gif') no-repeat left center; padding-left:10px;padding-right:10px}
.footer address span.noL{background:none; padding-left:0} /* 2017-06-20 추가 */
.selectB{position:relative; background:#fff url('/common/images_with/icon/sel_arrow.gif') no-repeat 172px 18px}
.selectB select{width:205px; height:42px; line-height:42px; opacity:0; }
.selectB label{position:absolute; top:13px; left:15px}
.selectB2{border:1px solid #d7d7d7; position:relative; background:#fff url('/common/images_with/icon/sel_arrow2.gif') no-repeat 90px 15px}
.selectB2 select{width:108px; height:32px; line-height:42px; opacity:0; }
.selectB2 label{position:absolute; top:9px; left:15px}

/*서브*/
.visual_img{width:100%}
.container .sub_con{overflow:hidden}
.container .sub_con .path{background:url('/common/images_with/icon/home.gif') no-repeat 0 0; padding-left:28px}
.container .sub_con .path span{background:url('/common/images_with/icon/path_arrow.gif') no-repeat left center; padding-left:13px}
.container .sub_con .contents{background:url('/common/images_with/icon/intro_con_bg.jpg') no-repeat 0 0; width:960px; height:903px; margin-top:40px ; padding-bottom:90px}
.container .sub_con .contents .sub_tit{color:#333; font-size:30px}
.container .sub_con .contents .txt_d{color:#666; font-size:14px; line-height:20px; letter-spacing:-0.5px} /*2015-08-10 수정*/


.container .sub_con .contents2{margin-top:40px; overflow:hidden; padding-bottom:90px}
.container .sub_con .contents2 .search_div{width:412px}
.container .sub_con .contents2 .sch_input{position:relative;width:290px}
.container .sub_con .contents2 .sch_input input{border:1px solid #d7d7d7; padding:8px; width:238px}
.container .sub_con .contents2 .sch_input .sear_bt{position:absolute; top:0; right:0}

.boardType1{border-top:2px solid #333}
.boardType1.two{border-top:1px solid #d7d7d7}
.boardType1 thead th{padding:12px 0 18px; text-align:center; font-size:15px; color:#333; border-bottom:1px solid #333}
.boardType1 tbody td{text-align:center; border-bottom:1px solid #d7d7d7; font-size:14px; padding:11px 0 16px; color:#666 }
.boardType1 tbody td.taL{text-align:left}
.boardType1 tbody td.taL a{color:#666}
.boardType1 tbody td span.list_h1{background:url("/common/images_with/icon/next_list_icon.gif") no-repeat 0 center; padding-left:20px}
.boardType1 tbody td span.list_h2{background:url("/common/images_with/icon/prev_list_icon.gif") no-repeat 0 center; padding-left:20px}

.boardType2{border-top:2px solid #333}
.boardType2 thead th{padding:15px 0 18px 30px; text-align:left; font-size:15px; color:#333; border-bottom:1px solid #333}
.boardType2 tbody tr.bg td{background-color:#fafafa; font-size:13px; text-align:center; border-bottom:1px solid #d7d7d7; padding:17px 0 16px; color:#666 }
.boardType2 tbody tr.bg td.taL{text-align:left; padding:17px 0 16px 30px;}
.boardType2 tbody td.con{padding:30px; border-bottom:#d7d7d7 solid 1px}
.boardType2 tbody td.con table {border-collapse:separate}/* 2016-12-13 추가 */
.file{background:url("/common/images_with/icon/file.gif") no-repeat 0 0; padding-left:22px; height:20px; display:inline-block}
.file a{color:#333}
 


.paging a.no_style { border: none;display: inline-block;width:30px; padding-top:0}
.paging a{color: #888; display: inline-block; line-height: 26px;text-align: center; vertical-align: top; width: 26px;}
.paging a:hover{color:#ee2b33; font-weight:bold}

/*2015-07-14 기존페이지 추가 CSS*/
/*이메일 집단수집 거부 css*/
#pop05_wrapper{width:490px;height:230px;}
#pop05_wrapper .pop05_con{padding:20px}
.poptit_box02{background-color:#c4161c;border-bottom:1px solid #6f181a;padding:16px 20px;}
 

/*개인정보취급방침*/
#pop04_wrapper{width:640px;height:710px;}
#pop04_wrapper .pop04_con{padding:20px 22px 10px;line-height:17px;}
.pri_txtarea{border:1px solid #d0d0d0;margin-top:10px;width:556px;height:530px;padding:20px;overflow-y:scroll;}
.pri_txtarea ol{padding-left:14px;}