@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100..900&display=swap');
/* Layout */

/* Common */
*{margin:0; padding:0 }
html{overflow-y:scroll}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table,div{font-family: 'Noto Sans KR', sans-serif;font-size:14px;color:#171717}
body{text-align:center;background:url('../images/common/bg.jpg') center top fixed no-repeat; background-color:#fff}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
td {font-family: 'Noto Sans KR', sans-serif;font-size:14px;}
th {font-family: 'Noto Sans KR', sans-serif;font-size:14px; font-weight:400}
select{border:1px solid #ddd; color:#96959e; width:75px; height:22px}
input{border:1px solid #ddd; color:#4b4b4b; padding:8px 0 2px 5px}
.input{padding:8px 5px 8px 5px}
a{color:#666;text-decoration:none}
a:hover{color:#666;text-decoration:underline}
a:active, a:focus{text-decoration:none}
legend, .hidden, caption{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden}
/* Layout */
body{margin:0 auto;text-align:center}
#wrap{float:left;width:100%}
#wrap.bg_simple{ background:#fff}
#wrap_nobg{float:left;width:100%;background:#fff}
#container{width:1102px;margin:0 auto}
.contents{position:relative;text-align:left;width:1102px;margin:0 auto;float:left;background:#fff;border-radius:0 0 5px 5px; min-height:741px}
.cont{margin:36px 67px 67px}
.contents_appa{margin:28px 0 0 0}
.contents_tt{border-bottom:2px solid #e7e7e7;font-size:28px; font-weight:bold; padding-bottom:22px;width:1102px}
.w3040_txt{position:absolute;right:40px;top:60px}
.topboxa{position:relative;width:1102px; margin:0 auto}
.topbox_kid1{position:absolute;top:29px;left:10px}
.topbox_kid2{position:absolute;top:24px;left:293px}
.topbox_kid3{position:absolute;top:51px;left:589px}
#footer{width:100%;padding:40px 0 60px 0}
#header_wrap{width:100%}
.header{position:relative;width:1102px;margin:0 auto; text-align:left}
.header_mn{position:absolute;top:46px;right:20px}
.header h1{display:block;font-size:0}
.header .student_imga{position:absolute;top:4px;left:15px; z-index:999}
.header .bt_zoom{position:absolute;top:49px; right:32px}
/* menu */
.menu{ position:relative;width:100%;}
.menu .gnb_menu{zoom:1}
.gnb_menu:after{content: ".";display:block;font-size:0;height:0;line-height:0;clear:both}
.gnb_menu li{float:left}
.gnb_menu li a{display:block;height:88px;background:url('../images/common/gnb_bg.png') 0 0 no-repeat;font-size:0;text-indent:-9999px;overflow:hidden}
.gnb_menu li a.a{width:273px;background-position:0 0}
.gnb_menu li a.b{width:320px;background-position:-273px 0}
.gnb_menu li a.c{width:260px;background-position:-593px 0}
.gnb_menu li a.d{width:249px;background-position:-853px 0}
.gnb_menu li a.a_s{width:273px;background-position:0 -88px}
.gnb_menu li a.b_s{width:320px;background-position:-273px -88px}
.gnb_menu li a.c_s{width:260px;background-position:-593px -88px}
.gnb_menu li a.d_s{width:249px;background-position:-853px -88px}

.lnb_menu{width:100%;height:31px; padding:7px 0 0;font-family: 'Noto Sans KR', sans-serif;font-size:16px;font-weight:bold}
.lnb_menu a{color:#444}
.lnb_menu li{float:left; padding-right:50px}
.lnb_menu li strong{color:#dc231a}
.lnb_menu_a{margin-left:20px}
.drop_menu{position: absolute;border: 1px solid #d3d5f1;background: #fff;top: 53px;	padding: 20px 30px 20px 30px;z-index: 999}
.drop_menu li{margin-bottom:10px; font-size:14px}
.more_wrap{float:left}
.more_wrap .btn_more{display:block;width:118px;height:35px;background-image:url('../images/common/menu.png');background-position:no-repeat;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden}
.more_wrap a.off{background-position:0 -35px}
.more_wrap a.on{background-position:0 0}
.more_wrap a.off:hover{background-position:0 -35px}
.more_wrap a.on:hover{background-position:0 0}

.subtta{width:100%;margin:0 auto;height:40px; margin-bottom:20px;text-align:left;font-family: 'Noto Sans KR', sans-serif; border-bottom:1px solid #ebebeb}
.subtt{float:left;font-size:18px;color:#1d1c1c;padding:0 10px 0 10px;font-weight:600}
.strapline{color:#898989;font-size:12px;padding-left:10px}
.patha{position:relative;font-size:13px;text-align:left; border-bottom:1px solid #e7e6e6; padding-bottom:10px;font-family: 'Noto Sans KR', sans-serif;color:#474747}
.path{margin:0 0 0 2px}
.path_grey{color:#acacac}
.path_rta{ position:absolute;top:-8px; right:-5px}
.path_rta select{width:114px; height:28px; color:#141d79; font-size:14px; border:1px solid #9a9ec9; padding:0 0 0 10px;font-family: 'Noto Sans KR', sans-serif;margin-right:10px}
.ssubtt{float:left;width:100%; text-align:left;font-family:맑은 고딕;color:#000;font-size:14px; font-weight:bold;margin:0 0 10px 10px}

/* 상단 박스 */
.tt_boxa{background:url('../images/common/tt_box.png') no-repeat; height:39px; width:988px; position:relative; text-align:center; padding-top:16px; margin-bottom:13px}
.tt_times{position:absolute; left:82px;top:16px}
.tt_times strong{ font-size:22px}
.tt_bt_prev{position:absolute; left:15px;width:50px}
.tt_bt_next{position:absolute;right:12px;width:50px}

.tt_boxa2{clear:both;height:39px; width:988px; position:relative; text-align:center; padding-top:16px; margin-bottom:13px; border:1px solid #ddd; border-radius:5px; background:#fff}
.tt_txt{float:left; width:100%;ext-align:center; font-size:18px; font-weight:600}
.tt_bt_prev{position:absolute; left:15px;width:50px;top:11px}
.tt_bt_next{position:absolute;right:12px;width:50px;top:11px}

/* 탭메뉴 */
.tab_menua{float:left;width:100%; padding-bottom:15px; border-bottom:1px solid #e7e6e6; margin-bottom:3px}
.tab_menua li{float:left; text-align:center;width:90px;border-radius:5px;font-family: 'Noto Sans KR', sans-serif;font-size:16px;padding:10px 26px}
.tab_menua li.tab_menu{ border:2px solid #4e7d86;color:#171717; background:#fff}
.tab_menua li.tab_menu_s{background:#2a98b0;color:#fff;font-weight:600;border:0;border:2px solid #0b5464}
/* 강좌 */
.sub_mna{float:left;width:100%;height:51px;background:url('../images/common/sub_mn_bg.gif') repeat-x}
.sub_mn{float:left}
.sub_mn li{float:left;padding-right:5px}
.sub_mn li.none{padding-right:0}
.sub_mn li img{display:block;font-size:0;line-height:0; vertical-align:middle}
/* 게시판 메뉴 */
.bdmenua{clear:both;position:relative;width:150px; margin:0 auto}
/* cnb */
.cnba{ position:relative; width:100%; height:33px; background:url('../images/tv/cnb_bg.gif') repeat-x}
.cnba li{ float:left}
.cnba_search{ float:right; padding-top:4px}

/* 검색 */
.searcha{background:#f8f9fa; border:1px solid #eff1f2; padding:10px 10px; text-align:center}
.acenter{margin:0 auto}
/* footer */
#footer{clear:both; float:left;width:100%; margin:0 auto}
#footer .footer_bna{height:60px;top:0;border-top:1px solid #ccc;padding:10px 0 0 50px}
.footer_bn{float:left}
.footer_bn li{float:left; padding-right:40px}
.footer_bn li img{display:block;font-size:0;line-height:0; vertical-align:middle}
.footer_cr{position:relative;width:988px;font-size:13px;font-family:맑은 고딕;color:#4b4b4b; text-align:center; margin:0 auto}
.bt_home{position:absolute;top:-10px;left:20px}
.footer_link{position:absolute;top:104px;right:10px;color:#588efc;border:1px solid #aec9ff}
/*paging */
.list_number{ clear:both;padding-top:55px; text-align:center}
.list_n_menu {padding:3px; MARGIN:3px; TEXT-ALIGN: center}
.list_n_menu A {padding:5px 8px 4px 8px; MARGIN: 2px; BORDER: #ccc 1px solid; COLOR:#ccc;TEXT-DECORATION: none;}
.list_n_menu A:hover {BORDER:#999 1px solid; COLOR: #ccc;  text-decoration:none}
.list_n_menu A:active {BORDER:#999 1px solid; COLOR: #ccc; text-decoration:none}
.list_n_menu .current {BORDER: #464d95 2px solid; padding:5px 8px 4px 8px; FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #464d95;}
.list_n_menu .disabled {BORDER: #eee 1px solid; padding:5px 8px 4px 8px; MARGIN: 2px; COLOR: #ccc;}

.list_n_menu_small {padding:3px; MARGIN:3px; TEXT-ALIGN: center}
.list_n_menu_small A {padding:5px 5px 4px 5px; MARGIN: 2px; BORDER: #ccc 1px solid; COLOR: #999; TEXT-DECORATION: none;}
.list_n_menu_small A:hover {BORDER:#999 1px solid; COLOR: #666;}
.list_n_menu_small A:active {BORDER:#999 1px solid; COLOR: #666;}
.list_n_menu_small .current {BORDER: #2a98b0 1px solid; padding:5px 5px 4px 5px; FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #2a98b0;}
.list_n_menu_small .disabled {BORDER: #eee 1px solid; padding:5px 5px 4px 5px; MARGIN: 2px; COLOR: #ddd;}

/* bbs Write */
.bbsW {margin:0 auto;text-align:left; width:100%; position:relative;background:#fafcf7; overflow:hidden;color:#3e3e3e; border-top:1px solid #CCC;} 
.bbsW table{width:100%;table-layout: fixed;}
.bbsW table th {font-size:13px; font-weight:bold; background-color:#eff3fe; padding:5px; border-bottom:1px solid #CCC; text-align:center;}
.bbsW table td {color:#666666;background:#fafcf7; padding:5px;} 
.bbsW table td.subject { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; border-bottom:1px solid #CCC; }
.bbsW table td.subject img { vertical-align:middle; margin:0 5px 0 0; }
.bbsW table td span { margin:0 5px 0 0;}
.bbsinput {vertical-align:middle;border:1px solid #abadb3;padding:3px 0 0 3px;}

/* bbs view */
.bbsVcont td img {vertical-align:middle; margin:-1px 0 0 5px; }

/* 버튼 */
.bt_1{ height:22px;border:2px solid #000;font-size:14px;color:#000;text-align:center; line-height:22px; line-height:22px; padding:6px 20px 6px 20px; background:#f3f3f3;font-weight:bold;float:left}
.bt_2{height:20px; border:2px solid #000; background-color:#f1f1f1; font-size:14px;color:#2c2c2c;padding:4px 8px 6px 8px; text-align:center; line-height:22px;background:#edf6fd; border-radius:3px; font-weight:600}
.bt_2 a{display:block; color:#000; text-decoration:none}
.bt_3{height:20px; border:1px solid #dadada; background-color:#f1f1f1; border-radius:2px; font-size:11px;color:#6e6e6e; text-align:center; line-height:22px;margin:8px 4px 0 0; padding: 3px 10px 0 10px;}
.bt_3_1{height:20px; border:1px solid #ccc; background-color:#fff; border-radius:2px; font-size:11px;color:#999; text-align:center; line-height:22px;margin:8px 4px 0 0; padding: 3px 10px 0 10px;}
.bt_3_2{height:20px; border:1px solid #57b6c2; background-color:#154390; border-radius:2px; font-size:11px; color:#fff; text-align:center; line-height:22px; margin:30px 20px 20px 20px; padding: 0 10px 0 10px; float:right;}
.bt_4{height:18px; border:1px solid #dadada; background-color:#f1f1f1; border-radius:2px; font-size:13px;color:#6e6e6e; font-weight:bold; text-align:center; line-height:29px;}
.bt_5{height:27px; border:1px solid #dadada; background-color:#f1f1f1; border-radius:2px; font-size:13px;color:#6e6e6e; font-weight:bold; text-align:center; line-height:29px; padding: 0 10px; margin-right:7px;}
.bt_6{height:27px; border:1px solid #392b8e; background-color:#45379b; border-radius:2px; font-size:13px;color:white; font-weight:bold; text-align:center; line-height:29px; padding: 0 10px; margin-right:7px;}
.bt_7{height:18px; border:1px solid #dadada; background-color:#f1f1f1; border-radius:2px; font-size:12px;color:#6e6e6e; text-align:center; padding:0 5px 0 5px; font-weight:bold; line-height:20px; }
.bt_8{height:18px; border:1px solid #dadada; background-color:#f1f1f1; border-radius:2px; font-size:12px;color:#6e6e6e; text-align:center; padding:0 5px 0 5px; line-height:20px; }
.bt_9{ height:22px;border:1px solid #ccc;font-size:14px;color:#000;text-align:center; line-height:22px; line-height:22px; padding:6px 20px 6px 20px; background:#f3f3f3;float:left}


/* tab */
.pt1{padding-top:1px}
.pt2{padding-top:2px}
.pt3{padding-top:3px}
.pt4{padding-top:4px}
.pt5{padding-top:5px}
.pt6{padding-top:6px}
.pt7{padding-top:7px}
.pt8{padding-top:8px}
.pt9{padding-top:9px}
.pt10{padding-top:10px}
.pt11{padding-top:11px}
.pt12{padding-top:12px}
.pt13{padding-top:13px}
.pt14{padding-top:14px}
.pt15{padding-top:15px}
.pt17{padding-top:17px}
.pt18{padding-top:18px}
.pt20{padding-top:20px}
.pt21{padding-top:21px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pt35{padding-top:35px}
.pt37{padding-top:37px}
.pt40{padding-top:40px}
.pt48{padding-top:48px}
.pt55{padding-top:55px}
.pt60{padding-top:60px}
.pt221{padding-top:221px}
.pt381{padding-top:381px}
.pl2{padding-left:2px}
.pl3{padding-left:3px}
.pl4{padding-left:4px}
.pl5{padding-left:5px}
.pl6{padding-left:6px}
.pl7{padding-left:7px}
.pl9{padding-left:9px}
.pl10{padding-left:10px}
.pl11{padding-left:11px}
.pl12{padding-left:12px}
.pl13{padding-left:13px}
.pl14{padding-left:14px}
.pl15{padding-left:15px}
.pl16{padding-left:16px}
.pl17{padding-left:17px}
.pl19{padding-left:19px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl28{padding-left:28px}
.pl30{padding-left:30px}
.pl32{padding-left:32px}
.pl40{padding-left:40px}
.pl43{padding-left:43px}
.pl44{padding-left:44px}
.pl50{padding-left:50px}
.pl58{padding-left:58px}
.pl60{padding-left:60px}
.pl67{padding-left:67px}
.pl72{padding-left:72px}
.pl80{padding-left:80px}
.pl90{padding-left:90px}
.pl100{padding-left:100px}
.pl102{padding-left:102px}
.pl103{padding-left:103px}
.pl104{padding-left:104px}
.pl107{padding-left:107px}
.pl112{padding-left:112px}
.pl114{padding-left:114px}
.pl115{padding-left:115px}
.pl116{padding-left:116px}
.pl118{padding-left:118px}
.pl120{padding-left:120px}
.pl125{padding-left:125px}
.pl128{padding-left:128px}
.pl130{padding-left:130px}
.pl240{padding-left:240px}
.pl260{padding-left:260px}
.pl320{padding-left:320px}
.pl340{padding-left:340px}
.pl77{padding-left:77px}
.pr2{padding-right:2px}
.pr3{padding-right:3px}
.pr4{padding-right:4px}
.pr5{padding-right:5px}
.pr6{padding-right:6px}
.pr8{padding-right:8px}
.pr9{padding-right:9px}
.pr10{padding-right:10px}
.pr12{padding-right:12px}
.pr13{padding-right:13px}
.pr14{padding-right:14px}
.pr15{padding-right:15px}
.pr17{padding-right:17px}
.pr18{padding-right:18px}
.pr20{padding-right:20px}
.pr23{padding-right:23px}
.pr26{padding-right:26px}
.pr30{padding-right:30px}
.pr31{padding-right:31px}
.pr32{padding-right:32px}
.pr33{padding-right:33px}
.pr34{padding-right:34px}
.pr35{padding-right:35px}
.pr36{padding-right:36px}
.pr37{padding-right:37px}
.pr38{padding-right:38px}
.pr39{padding-right:39px}
.pr40{padding-right:40px}
.pr41{padding-right:41px}
.pr42{padding-right:42px}
.pr43{padding-right:43px}
.pr44{padding-right:44px}
.pr45{padding-right:45px}
.pb2{padding-bottom:2px}
.pb3{padding-bottom:3px}
.pb4{padding-bottom:4px}
.pb5{padding-bottom:5px}
.pb6{padding-bottom:6px}
.pb7{padding-bottom:7px}
.pb10{padding-bottom:10px}
.pb12{padding-bottom:12px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pb50{padding-bottom:50px}
.pb40{padding-bottom:40px}
.mt1{margin-top:1px}
.mt2{margin-top:2px}
.mt3{margin-top:3px}
.mt4{margin-top:4px}
.mt5{margin-top:5px}
.mt6{margin-top:6px}
.mt7{margin-top:7px}
.mt8{margin-top:8px}
.mt9{margin-top:9px}
.mt10{margin-top:10px}
.mt12{margin-top:12px}
.mt15{margin-top:15px}
.mt16{margin-top:16px}
.mt17{margin-top:17px}
.mt18{margin-top:18px}
.mt19{margin-top:19px}
.mt20{margin-top:20px}
.mt22{margin-top:22px}
.mt23{margin-top:23px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt60{margin-top:60px}
.mt65{margin-top:65px}
.mt221{margin-top:221px}
.mt381{margin-top:381px}

.mr2{margin-right:2px}
.mr3{margin-right:3px}
.mr4{margin-right:4px}
.mr5{margin-right:5px}
.mr6{margin-right:6px}
.mr7{margin-right:7px}
.mr8{margin-right:8px}
.mr10{margin-right:10px}
.mr11{margin-right:11px}
.mr12{margin-right:12px}
.mr13{margin-right:13px}
.mr14{margin-right:14px}
.mr15{margin-right:15px}
.mr16{margin-right:16px}
.mr17{margin-right:17px}
.mr18{margin-right:18px}
.mr19{margin-right:19px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr29{margin-right:29px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr45{margin-right:45px}
.mr47{margin-right:47px}
.ml1{margin-left:1px}
.ml2{margin-left:2px}
.ml3{margin-left:3px}
.ml4{margin-left:4px}
.ml5{margin-left:5px}
.ml6{margin-left:6px}
.ml7{margin-left:7px}
.ml8{margin-left:8px}
.ml10{margin-left:10px}
.ml11{margin-left:11px}
.ml12{margin-left:12px}
.ml13{margin-left:13px}
.ml14{margin-left:14px}
.ml15{margin-left:15px}
.ml16{margin-left:16px}
.ml17{margin-left:17px}
.ml18{margin-left:18px}
.ml20{margin-left:20px}
.ml21{margin-left:21px}
.ml22{margin-left:22px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml32{margin-left:32px}
.ml36{margin-left:36px}
.ml38{margin-left:38px}
.ml40{margin-left:40px}
.ml42{margin-left:42px}
.ml45{margin-left:45px}
.ml51{margin-left:51px}
.ml67{margin-left:67px}
.ml68{margin-left:68px}
.ml90{margin-left:90px}
.ml120{margin-left:120px}
.ml135{margin-left:135px}
.mb2{margin-bottom:2px}
.mb4{margin-bottom:4px}
.mb5{margin-bottom:5px}
.mb6{margin-bottom:6px}
.mb7{margin-bottom:7px}
.mb8{margin-bottom:8px}
.mb9{margin-bottom:9px}
.mb10{margin-bottom:10px}
.mb12{margin-bottom:12px}
.mb13{margin-bottom:13px}
.mb15{margin-bottom:15px}
.mb17{margin-bottom:17px}
.mb18{margin-bottom:18px}
.mb19{margin-bottom:19px}
.mb20{margin-bottom:20px}
.mb22{margin-bottom:22px}
.mb24{margin-bottom:24px}
.mb25{margin-bottom:25px}
.mb28{margin-bottom:28px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb45{margin-bottom:45px}
.mb50{margin-bottom:50px}