@charset "utf-8";

.blind{visibility:hidden; overflow:hidden; position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}

/* text */
.t_blind{text-indent:-9999px}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/* 텍스트 자르기 */ 
.bold{font-weight:bold}
.f_6{font-weight:600}
.normal{font-weight:normal}
.medium{font-size:13px}
.small{font-size:11px}
.mini{font-size:10px}
.red{color:#f00}/* 빨간색 */ 
.orange{color:#f60}/* 오렌지 */ 
.blue{color:#03f}/* 파랑 */ 
.green{color:#090}/* 그린 */ 
.gray{color:#666}/* 그레이 */ 
.white{color:#fff}/* 화이트 */ 
.line_h2{line-height:2em}
.line_h3{line-height:3em}

.b_red{background:#f00}/* 빨간색 */ 
.b_orange{background:#f60}/* 오렌지 */ 
.b_blue{background:#06f}/* 파랑 */ 
.b_green{background:#090}/* 그린 */ 
.b_gray{background:#f5f5f5}/* 그레이 */ 

/* form, input set */
select{height:24px;line-height:24px}
label, .pointer, input[type="button"], input[type="submit"]{cursor:pointer}
input[type="text"], input[type="password"]{border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:#fff;height:22px;line-height:22px;padding:0 3px}
input[type="file"]{height:24px}
textarea{border:1px solid #ccc;background:transparent}
.i_a{ime-mode:active}/*디폴트 한글이며, 한글/영문 모두 입력 가능*/
.i_i{ime-mode:inactive}/*디폴트 영문이며, 한글/영문 모두 입력 가능*/
.i_d{ime-mode:disabled}/*영문만 입력 가능*/

/* 체크박스 */
.chk_box_type span{position:relative}
.chk_box_type span>input[type="checkbox"], .chk_box_type span>input[type="radio"]{position:relative;top:0;vertical-align:middle}

.chk_box_type span:not(#cssbrowser)>input[type="checkbox"], .chk_box_type span:not(#cssbrowser)>input[type="radio"] {position:absolute;left:-4px;top:-3px;width:17px;height:17px;opacity:0}
.chk_box_type span:not(#cssbrowser)>input[type="checkbox"] + label, .chk_box_type span:not(#cssbrowser)>input[type="radio"] + label {background:url('../images/custom_checkbox.png') no-repeat 0 0;width:17px;height:17px;padding-left:17px}
.chk_box_type span:not(#cssbrowser)>input[type="radio"] + label{background-position:0 -63px}

.chk_box_type span:not(#cssbrowser)>input[type="checkbox"]:disabled + label {background-position:0 -36px}
.chk_box_type span:not(#cssbrowser)>input[type="checkbox"]:checked + label { background-position:0 -18px}
.chk_box_type span:not(#cssbrowser)>input[type="checkbox"]:checked:disabled + label { background-position:0 -36px; }

.chk_box_type span:not(#cssbrowser)>input[type="radio"]:disabled + label { background-position:0 -99px; }
.chk_box_type span:not(#cssbrowser)>input[type="radio"]:checked + label { background-position:0 -81px; }
.chk_box_type span:not(#cssbrowser)>input[type="radio"]:checked:disabled + label { background-position:0 -99px; }

/* align style */
.clear{clear:both}
.clearfix{display:inline-block;width:100%}
.clearfix:after{content:"";display:block;visibility:hidden;clear:both}
.fl{display:block;float:left}
.fr{display:block;float:right}
.fn{display:block;float:none}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.inline{display:inline}
.vtop{vertical-align:top}
.vmiddle{vertical-align:middle}
.vbottom{vertical-align:bottom}

/* display style */
.dis_n{display:none}
.dis_b{display:block}
.dis_i{display:inline-block}

/* width */
.w5{width:5%}
.w10{width:10%}
.w15{width:15%}
.w20{width:20%}
.w25{width:25%}
.w30{width:30%}
.w33{width:33%}
.w35{width:35%}
.w40{width:40%}
.w45{width:45%}
.w60{width:60%}
.w50{width:50%}
.w70{width:70%}
.w80{width:80%}
.w85{width:85%}
.w90{width:90%}
.w95{width:95%}
.w99{width:99%}
.w100{width:100% !important}

.w_80{width:80px}
.w_100{width:100px}
.w_400{width:400px}

/* margin */
.mg_0a{margin:0 auto}
.mg_5{margin:5px}
.mg_10{margin:10px}
.mg_20{margin:20px}

.mt_5{margin-top:5px}
.mt_10{margin-top:10px}
.mt_15{margin-top:15px}
.mt_20{margin-top:20px}
.mt_30{margin-top:30px}

.mr_5{margin-right:5px}
.mr_10{margin-right:10px}
.mr_15{margin-right:15px}
.mr_20{margin-right:20px}
.mr_30{margin-right:30px}

.mb_5{margin-bottom:5px}
.mb_10{margin-bottom:10px}
.mb_15{margin-bottom:15px}
.mb_20{margin-bottom:20px}
.mb_30{margin-bottom:30px}

.ml_5{margin-left:5px}
.ml_10{margin-left:10px}
.ml_15{margin-left:15px}
.ml_20{margin-left:20px}
.ml_30{margin-left:30px}

/* padding */
.pd_5{padding:5px}
.pd_10{padding:10px}
.pd_20{padding:20px}

.pt_n{padding-top:0}
.pt_5{padding-top:5px}
.pt_10{padding-top:10px}
.pt_15{padding-top:15px}
.pt_20{padding-top:20px}
.pt_30{padding-top:30px}

.pr_n{padding-right:0}
.pr_5{padding-right:5px}
.pr_10{padding-right:10px}
.pr_15{padding-right:15px}
.pr_20{padding-right:20px}
.pr_30{padding-right:30px}

.pb_n{padding-bottom:0}
.pb_5{padding-bottom:5px}
.pb_10{padding-bottom:10px}
.pb_15{padding-bottom:15px}
.pb_20{padding-bottom:20px}
.pb_30{padding-bottom:30px}
.pl_n{padding-left:0}
.pl_5{padding-left:5px}
.pl_10{padding-left:10px}
.pl_15{padding-left:15px}
.pl_20{padding-left:20px}
.pl_30{padding-left:30px}

/* border */
.brw{border-right-width:1px}
.blw{border-left-width:1px}
.btw{border-top-width:1px}
.btwn{border-top:none}
.bbw{border-bottom-width:1px}

/* position */
.pos_r{position:relative}
.pos_a{position:absolute}

/* 박스 */
.box{border:1px solid #ccc}

/* 캘린더_아이콘 */
.ico_cal{position:relative}
.ico_cal input[type="text"]{width:90px}
.ui-datepicker-trigger{position:absolute;top:0px;right:5px;cursor:pointer;border:none;width:16px;height:18px;background:url('../images/ico_calendar.gif');text-indent:-9999px}

#edu_container h3{line-height:1.5em;background:url('../images/h3_tit.gif') no-repeat 0 50%;padding-left:17px}

#content_wrap{clear:both}
#content_wrap h4{line-height:1.75em}

/* 메인 */
#main_visual{margin:0 auto;width:100%;height:400px;background:#06aac0 url('../images/img_main.jpg') no-repeat 50% 0}
#main_visual .img_main{width:1000px;margin:0 auto;color:#fff}
#main_visual .img_main p, #main_visual .img_main .btn_main{padding-left:540px}
#main_visual .img_main > .main_tit{padding-top:65px;font-size:30px;line-height:1.25em}
#main_visual .img_main >.btn_main{margin:40px 0 0 15px}
#main_visual .img_main >.btn_main li{float:left;background:#1fb3c6;border:1px solid #fff}
#main_visual .img_main >.btn_main li:first-child{margin-right:15px}
#main_visual .img_main >.btn_main li a{display:block;padding:15px 35px;font-size:16px;color:#fff}
#main_visual .img_main >.btn_main li a:hover{background:#62d0de}

/* 메인_wow */
#edu_wow{height:170px;text-align:center;font-size:30px;line-height:1.5em;color:#505970;background:url('../images/img_wow.gif') no-repeat 115px 40%}
#edu_wow p:first-child{padding-top:35px}
#edu_wow .wow_system{font-size:34px;color:#f60}

/* 메인_info */
#main_info{background:url('../images/img_info.jpg') no-repeat;height:480px}
#main_info ul li{float:left;width:310px;margin-left:35px}
#main_info ul li:first-child{margin-left:0}
#main_info ul li.info_lft{}
#main_info ul li p.info_tit{width:310px;height:160px;text-align:center;color:#fff;font-size:24px;line-height:1.25em;margin-top:90px;border:none;padding:0}
#main_info ul li p{border:1px solid #ccc;height:190px;width:258px;line-height:24px;padding:25px;letter-spacing:-1px}

/* 서브_비주얼 */
#sub_visual{margin:0 auto;width:100%;background:#06aac0}
#sub_visual .img_sub{width:1000px;height:200px;margin:0 auto;color:#fff;background:url('../images/img_sub.jpg') no-repeat 0 0}
#sub_visual .img_sub p, #sub_visual .img_sub .btn_main{padding-left:530px}
#sub_visual .img_sub > .sub_tit{padding-top:35px;font-size:26px;line-height:1.25em}

/* 교육소개 탭메뉴 */
ul.tab_info li{float:left;background:#e4e4e4;text-align:center;font-size:16px;border:1px solid #ccc;width:493px;height:43px;margin-bottom:20px}
ul.tab_info li:first-child{margin-right:10px}
ul.tab_info li a{display:block;background:#e4e4e4;color:#333;border:none;width:493px;line-height:43px}
ul.tab_info li a:hover, ul.tab_info li.active, ul.tab_info li.active a, ul.tab_info li.active a:hover{background:#2f66b1;color:#fff;border:none;width:495px;height:45px}
.tab_container{clear:both;background:#fff}
.tab_container ul{padding-top:10px}
.tab_container ul h4{margin-left:15px;color:#222}
.tab_container ul li{margin-left:30px;color:#444}
.tab_container ul li p{margin-left:15px;padding:10px 0;color:#777}

.tab_content {padding:10px 0}

/* 교육과정 탭메뉴 */
ul.tab_curri {border:1px solid #e4e2e2;overflow:hidden;padding:15px;margin-bottom:20px}
ul.tab_curri li{float:left;margin:6px;background:#e4e4e4;text-align:center;font-size:16px;border:1px solid #ccc;width:228px;height:33px}
ul.tab_curri li a{display:block;background:#e4e4e4;color:#333;border:none;width:228px;line-height:33px}
ul.tab_curri li a:hover, ul.tab_curri li.active, ul.tab_curri li.active a, ul.tab_curri li.active a:hover{background:#2f66b1;color:#fff;border:none;width:230px;height:35px}

/* 로그인 */
.box_login{position:relative;width:400px;height:260px;border-top:2px solid #434b54;padding:30px 40px}
.box_login> h3{font-size:24px;color:#000;background:none !important}
.box_login p label{display:inline-block;width:65px}
.box_login input[type="text"], .box_login input[type="password"]{border:1px solid #cacaca;background:#fff;width:200px;height:35px;line-height:35px;font-size:18px;margin-bottom:5px;padding:0 5px;}
.box_login input[type="submit"], #member_wrap .box_login input[type="button"]{position:absolute;top:137px;right:40px;border:none;width:110px;height:80px;background:#4a78cc;color:#fff;font-size:16px}
.box_login input[type="submit"]:hover, .box_login input[type="button"]:hover{background:#1d4b9f}
.box_login .id_save{margin:10px 0 0 70px}

/* 비회원 */
.box_login ul{margin:30px auto;width:260px}
.box_login ul li{border:1px solid #ccc}
.box_login ul li a{display:block;width:260px;line-height:63px;font-size:20px;padding-left:15px}
.box_login ul li.btn_nonmember{margin-bottom:10px;background:url('../images/bg_nonmember.png') no-repeat 190px 8px}
.box_login ul li.btn_join{background:url('../images/bg_nonmember.png') no-repeat 190px -62px}

/* 리스트_테이블 */
.tbl_list{width:100%;line-height:18px;text-align:center}
.tbl_list th{border:1px solid #ccc;border-top:2px solid #666;padding:6px 0;font-weight:normal;color:#000;background:#f5f5f5;text-align:center}
.tbl_list th a{color:#063cb4}
.tbl_list td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:6px 3px; overflow:hidden;background:#fff}
.tbl_list td:first-child{border-left:1px solid #ccc}
.tbl_list td a{color:#063cb4}
.tbl_list td a:hover{text-decoration:underline}

/* 상세보기_테이블*/
.tbl_view{width:100%;line-height:18px;border-top:2px solid #666}
.tbl_view.bo_t_1{border-top:1px}
.tbl_view th{border:1px solid #ccc;padding:5px;background:#f5f5f5;color:#000;font-weight:normal;text-align:left}
.tbl_view th label{cursor:default}
.tbl_view th.center{text-align:center}
.tbl_view td{background:#fff;padding:5px;text-align:left;border:1px solid #ccc}
.tbl_view td.center{text-align:center}

/* 교육신청_결제, 인쇄 */
.my_btn{position:absolute;right:0;top:10px}
.my_btn li{float:left;font-size:16px;font-weight:normal;}

/* 수료증 */
#diploma{width:650px;margin:10px auto;font-family: "바탕", Arial;font-size:16px;line-height:1.25em;color:#000;font-weight: bold}
#diploma .diploma_kbid{width:650px;height:980px;background:url('../images/bg_diploma_kbid.gif') no-repeat}
#diploma .tit_ho {padding:50px 0 0 80px}
#diploma h1{font-size:48px;padding:55px 0 0 200px;letter-spacing:1em}
#diploma .di_top{position:relative;padding:65px 0 0 70px;line-height:30px}
#diploma .di_top .txt1{letter-spacing:33px}
#diploma .di_top .txt2{letter-spacing:8px}
#diploma .di_top .ls_none{position:absolute;left:140px}
#diploma .di_cont{margin:65px 0 0 70px;font-size:26px;line-height:3em}
#diploma .di_date{margin-top:170px;text-align:center}

/* 강의실 소개 */
#gallery li{float:left;margin-left:10px}
#gallery li:first-child{margin-left:0}
#gallery img{width:100px}
#gallery a{display:block;border:1px solid #666}
#gallery a.active{border:1px solid #000}
#img_big{clear:both;padding-top:10px}
#img_big img{width:800px;height:600px;border:1px solid #000}

/* 버튼 */
.button{margin:0 auto;text-align:center}
.s_btn{display:inline-block;padding:0.5em 1em;margin:0.4em 0.15em;border:1px solid #ccc;border-color:#ccc #c4c4c4 #b2b2b2 #c4c4c5;cursor:pointer;color:#333;border-radius:0.2em;vertical-align:middle;font-size:1em;line-height:1.25em;background:#e2e2e2;text-decoration:none​}
.s_btn:hover{color:#000;text-decoration:none;background:#d3d2d2}
.s_btn:active{border-color:#999;background:#e5e5e5;box-shadow:inset 0 1px 0.24em rgba(0,0,0,0.4)}

/* type_blue */
.s_btn.type_blue{border-color:#4267d1 #274aa9 #274aa9 #274aa9;color:#fff;text-shadow:0 -1px 0 #3c61c9;background:#315dd9}
.s_btn.type_blue:hover{color:#fff;background:#2b52bb}
.s_btn.type_blue:active{border-color:#2146ab;background:#2b52bb}

/* type_purple */
.s_btn.type_purple{border-color:#C045C5 #A427A9 #700F6C #A427A9;color:#fff;text-shadow:0 -1px 0 #9809AC;background:#94198F}
.s_btn.type_purple:hover{color:#fff;background:#70136c}
.s_btn.type_purple:active{border-color:#691265;background:#5c0f58}

/* type_red */
.s_btn.type_red{border-color:#e0564c #b91d2c #a0121f #b91d2c;color:#fff;text-shadow:0 -1px 0 #b91d2c;background:#dd3343}
.s_btn.type_red:hover{color:#fff;background:#b42533}
.s_btn.type_red:active{border-color:#971723;background:#9f202c}

/* type_yellow */
.s_btn.type_yellow{border-color:#dda400 #b88200 #b47700 #b88200;color:#fff;text-shadow:0 -1px 0 #b88200;background:#e29500}
.s_btn.type_yellow:hover{color:#fff;background:#c38100}
.s_btn.type_yellow:active{border-color:#ae5600;background:#ae7700}

/* type_green */
.s_btn.type_green{border-color:#6aa93e #437a1c #346810 #437a1c;color:#fff;text-shadow:0 -1px 0 #437a1c;background:#5c9236}
.s_btn.type_green:hover{color:#fff;background:#4b7c28}
.s_btn.type_green:active{border-color:#38631a;background:#3f6922}

/* type_black */
.s_btn.type_black{border-color:#333 #333 #111 #333;color:#fff;text-shadow:0 -1px 0 #555;background:#444}
.s_btn.type_black:hover{color:#fff;background:#333}
.s_btn.type_black:active{border-color:#111;background:#222}

/* type_charcoal */
.s_btn.type_charcoal{border-color:#606a72 #515c65 #515c65 #515c65;color:#fff;text-shadow:0 -1px 0 #717071;background:#7e889c}
.s_btn.type_charcoal:hover{color:#fff;background:#5c6472}
.s_btn.type_charcoal:active{border-color:#98a0b2;background:#8590a0}

/* btn - size */
.s_btn.type_mini{font-size:11px;padding:0.1em 0.3em}
.s_btn.type_small{font-size:11px;padding:0.2em 0.8em}
.s_btn.type_large{font-size:1.25em;padding:0.5em 1.25em}

/* btn - block */
.s_btn.type_block{display:block;text-align:center}

/* form combo */
.combo{display:inline-block;margin:0.5em 0.25em 0.4em;vertical-align:middle}
.combo > *{float:left;border-radius:0}
.combo > input.d_form{margin:0;border-radius:0}
.combo .s_btn{margin:0;border-width:1px 1px 1px 0;border-radius:0;line-height:1em}
.combo .s_btn:first-child{border-left-width:1px}
.combo > *:first-child{border-radius:0.2em 0 0 0.2em}
.combo > *:last-child{border-radius:0 0.2em 0.2em 0}
label + .combo{margin-left:1em;vertical-align:middle}

/* btn - large */
.button .txt_btn_large{display:inline-block;width:100px;height:70px;line-height:70px;background:#595959;color:#fff;font-size:13px;position:relative;border:1px solid #414141;margin:0 0 10px 0;border-radius:3px}
.button .txt_btn_large:hover{background:#333;text-decoration:none}