@charset "utf-8";
/* Font-Face */
html{margin:0; padding:0; width:100%; overflow-y:scroll; overflow-x:hidden;}
body{margin:0; padding:0; width:100%; font-family: 'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif; font-size:13px; line-height:1; color:#808080;}
img{margin:0; padding:0;}
a, a img{border:none; outline:0; selector-dummy : expression(this.hideFocus=true); text-decoration:none;}
ul, ol, dt, dd, li {list-style-type:none;}
h1,h2, h3, h4 ,h5{padding:0px; margin:0px;}
hr {display: none;}
a:link {color:#666666; text-decoration:none;}
a:visited {color:#666666; text-decoration:none;}
a:active {color:#fd6c02; text-decoration:none;}
a:hover {color:#3f8dc2; font-weight:bold; text-decoration:none;}
legend, label.hidden{position: absolute; top: 0px; left: 0px; visibility:hidden; width:0; height:0; text-indent:-9999px; color:#808080;}
caption {visibility:hidden; width:0;height:0;text-indent:-9999px;color:#808080;}
input[type=submit] {border:0 none; padding:0; background:transparent; vertical-align:middle; color:#fff; font-size:0px; line-height:0px; cursor:pointer;}
input[type=button] {padding:0; vertical-align:middle; cursor:pointer;}
input.goSel {width:44px;height:20px; line-height:0px;}
div{color:#666666; margin:0; padding:0;}
textarea { border:1px solid #ccc; font-family:'Nanum Gothic',Dotum,AppleGothic,sans-serif; padding:3px 0 1px 3px;}
select, img {margin:0; padding:0;}
h2{margin:0 auto; padding-top:35px; padding-bottom:10px; text-align:left; text-align:center; font-size:24px; color:#ffffff; letter-spacing:-1px; font-weight:bold;}
h3{margin:0 auto; text-align:center; margin-top:30px; font-size:36px; color:#222222; letter-spacing:-1px; font-weight:bold; letter-spacing:-2px;}
h4{padding-top:5px; margin-bottom:0px; padding-right:10px; font-size:16px; color:#1453a5; letter-spacing:-1px; font-weight:bold;}
h5{padding-top:5px; margin-bottom:10px; font-size:22px; color:#666666;}
span.bold {font-weight:bold;}
/*total*/
#wrap{position:relative; margin:0 auto; min-width:1140px; height:left !important; min-height:100%; height:100%;}
#wrapmain{position:relative; margin:0 auto; width:100%; height:auto; min-height:1140px; !important; height:100%;}
#header{position:relative; margin:0 auto; width:100%; height:116px; background:url(/files/images/top_bg.png) repeat-x top center;}
#container{position:relative; overflow:hidden; margin:0 auto; min-width:1140px; height:auto !important; min-height:680px; height:100%;}
#footer{position:relative; clear:both; margin:0 auto; bottom:0; width:100%; height:156px; border-top:1px solid #dddddd;}
/* header */
#topmenu {position:relative; margin:0 auto; padding:0; width:1140px; height:40px;}
.util {float:right; width:850px; color:#a7abb4; padding-top:10px; text-align:right; font-size:12px;}
.util a{color:#fff; margin-top:5px;}
.util a:hover{color:#b68655; text-decoration:none;}
.logo {position:absolute; margin:0; padding-top:0px; font-weight:bold; text-align:left; width:113px; height:116px; z-index:999999;}
input.tops {width:118px; height:25px; margin-top:3px; color:#fff; border:0px; background:#52596b;}
/*foot*/
#footer_text {position:relative; margin:0 auto; width: 1140px; height:25px; padding-top:20px;}
.flogo {margin:0 auto; float:left; text-align:left; color:#c9cace; height:134px; width: 170px; letter-spacing:-1px;}
.ftext {margin:0 auto; float:left; padding-top:0px; text-align:left; color:#232323;}
.ftext a{margin:0 auto; color:#232323; letter-spacing:-1px; text-decoration:none; font-weight:bold;}
.ftext a:hover{text-decoration:none; color:#232323; font-weight:bold;}
#footer_copy {position:relative; margin:0 auto; width: 1140px; height:100px; padding-top:5px;}
.fcopy {margin:0 auto; text-align:left; color:#232323; margin-top:20px; letter-spacing:0px; line-height:140%;}
/* 강의리스트 박스 */
.list_lec_box{overflow:hidden; border-top:1px solid #555555; border-bottom:1px solid #555555;}
.lec_box{width:32%; float:left; margin-top:10px; margin-left:1%; height:400px; border:1px solid #cccccc;}
.lec_box .teacher-imgcell {width:98%; padding:0px 0px; margin-left:1%; margin-top:1%;}
.lec_box .teacher-imgcell img{width:100%; height:260px; }
.lec_box li.lec_teacher{width:100%; display:none;}
.lec_box ul.teacher-titcell {width:100%; margin-top:-20px; line-height:20px;}
.lec_box li.course_title {padding:5px;}
.lec_box li.course_title a {color:#000000; font-size:20px; line-height:35px; letter-spacing:-1px;}
.lec_box li.pack_course {padding:5px;}
.lec_box li.subsubject {color:#000000; margin-left:3px; margin-top:15px; font-size:14px; letter-spacing:-1px;}
.lec_box li.lec_more {margin-top:5px; text-align:right;}
.lec_box li.type_icon {display:none;}
.lec_box li.course_kate {display:none;}
.lec_box li.course_icon {display:none;}
.lec_box .teacher-termcell {width:100%; display:none;}
span.lec_number{margin-left:3px; color:#555555; font-weight:bold; font-size:15px; letter-spacing:-1px; padding-bottom:5px; border-bottom:1px solid #888888;}
/* 메인페이지 */
#main {position:relative; margin:0 auto; width:100%; min-height:447px;}
#main_bg {margin:0 auto; width:100%; height:447px; background:#272727;}
#main_contents {margin:0 auto; width:100%; text-align:center;}
.main_content {margin:0 auto; width:1140px; height:422px; margin-top:60px; margin-bottom:60px;}
.main_content_youtube {margin:0; float:left; width:678px; margin-right:26px;}
.main_content_notice {margin:0; float:left; width:436px; background:#e7f2f9;}
.main_content_notice_box{height:272px;}
.main_content_notice_box .nav-tabs{height:55px; background:#ffffff; border-bottom:1px solid #ffffff;}
.main_content_notice_box .nav-tabs > li > a {font-size:18px; font-weight:bold;}
.main_content_notice_box .nav-tabs > li.active > a, .main_content_notice_box .nav-tabs > li.active > a:hover, .main_content_notice_box .nav-tabs > li.active > a:focus{font-size:19px; color:#283c87; background:#ffffff; border:1px solid #ffffff;}
.main_content_notice_box .nav-tabs> li > a:hover {border:1px solid #ffffff; color:#283c87; font-size:19px;}
.main_jma_bg {margin:0 auto; width:100%; height:437px; text-align:center; background:url('/files/images/main_jma_bg.png')repeat-x top center;}
.main_jma {margin:0 auto; width:1140px; height:437px; margin-bottom:60px;}
.main_banner {margin:0 auto; width:1140px; margin-top:60px; margin-bottom:60px;}
.main_banner_left {margin:0; float:left; width:704px;}
.main_banner_left img{float:left; margin-right:26px;}
.main_banner_right {margin:0; float:left; width:436px;}
.main_banner_right img{margin-bottom:28px;}
#main_map {position:relative; margin:0 auto; width:100%; margin-top:540px; height:359px; text-align:center;}
p.main_title {font-size:26px; color:#333; text-align:left; width:100%; height:46px; letter-spacing:-1px;}
span.main_more{float:right; text-align:right; font-size:20px;}
/* 강좌안내 */
.main_lecture {width:720px; height:295px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#ececec;}
.main_lecture_box{margin-left:40px; margin-top:20px;}
#mtab01 {margin:0; width:100%; padding: 0; border:0; left:0px; top:0px; text-align:left; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.mtab01 li {float:left; margin:0; height:38px; padding:7px; border-right:1px solid #ddd; text-align:left;}
.mtab01 li:hover,.tab li.sel{}
.mtab01.type01 {height:38px; margin-bottom:50px; margin:0; text-align:left;}
.mtab01.type01 ul{width:678px; margin:0; padding: 0px;}
.mtab01.type01 li{width:72px; padding:12px 8px; border-left:none; margin:0; text-align:center; font-weight:bold; font-size:14px;}
.mtab01.type01 li:first-child{border-left:1px solid #ddd; margin:0;}
.mtab01.type01 li:hover,.mtab01.type01 li.sel {margin:0; padding:12px 8px; text-align:center; background:#353d4a; font-weight:bold; font-size:14px; border:none; color:#fff;}
/* 베스트교재 */
.main_book {padding-left:5px; float:left; width:720px; height:230px; border:1px solid #ddd; padding-top:0px;}
p.main_book_title {font-size:24px; float:left; color:#333; text-align:left; width:98%; height:54px; padding-left:10px; padding-top:10px; letter-spacing:-1px;}
span.main_book_more {margin:0; float:right;}
/*메인게시판탭*/
.main_board ul.nav-tabs {border-bottom: 1px solid #cccccc;}
.main_board ul.nav-tabs span{float:right; padding-top:13px; padding-right:5px; text-align:right;}
.main_board ul.nav-tabs > li.active > a{text-decoration:none; width:101px; float:left; padding-top:5px; font-size:15px; font-weight:bold; color:#fff; background:#353d4a; border:1px solid #353d4a;}
.main_board ul.nav-tabs > li.active > a:hover{color:#fff; background:#353d4a; border:1px solid #353d4a;}
.main_board ul.nav-tabs > li > a {width:116px; float:left; padding-top:5px; height:36px; font-size:15px; font-weight:bold; color:#666666; background:#ffffff; border: 1px solid #cccccc;}
.main_board ul.nav-tabs > li > a:hover{color:#fff; background:#353d4a; border:1px solid #353d4a;}
/*메인게시판*/
.main_board {float:left; width:436px; height:200px; padding-top:20px;}
.main_board:first-child {margin:0;}
.btop {width:436px;}
.btop .bleft {width:101px; float:left; padding-top:5px; height:37px; font-size:15px; color:#fff; font-weight:bold; background:#353d4a;}
.btop .bleft a{text-decoration:none; color:#fff;}
.btop .bleft a:hover{color:#b68655;}
.btop .bright {width:335px; margin-left:61px; height:37px; font-size:15px; border-bottom:1px solid #353d4a;}
.btop .bright .btap {width:101px; float:left; padding-top:5px; margin-left:3px; height:36px; font-size:15px; color:#fff; font-weight:bold; background:#a99886;}
.btop .bright .btap a{text-decoration:none; color:#fff;}
.btop .bright .btap a:hover{color:#353d4a; text-decoration:none;}
.btop .bright img{float:right; padding-top:13px; padding-right:5px; text-align:right;}
.bbody {width:416px; min-height:70px; padding-left:10px;}
.bbody a:hover{text-decoration:none;}
.bbody .bgallery {float:left; margin-right:21px; width:100px; padding-top:20px;}
.bbody .bgallery:last-child {margin:0;}
.bbody .imgboard {width:100%; padding-top:20px;}
.bbody .imgboard img{float:left; margin-right:20px;}
.bbody .imgboard .board_text{color:#666666; text-align:left; height:60px;}
.bbody .bboard {width:100%; padding-top:15px;}
.bbody .bboard .btext{float:left; width:100%; text-align:left; padding-left:20px; font-size:17px; color:#666666; background:url('/user_data/data/images/main_notice_icon.jpg')no-repeat 5px 13px; line-height:200%;}
.bbody .bboard .btext span{float:right; text-align:right; padding-right:10px; width:100px; font-size:15px; color:#afafaf; letter-spacing:-1px; line-height:160%;}
/*sub*/
#subdepth {position:relative; margin:0 auto; width:100%; height:30px; float:right; text-align:left; border-bottom:1px solid #ddd;}
#subdepth .depth {margin:0 auto; width:1140px; height:20px; text-align:right; padding-top:7px; padding-right:33px;}
#sub {position:relative; margin:0 auto; width:1140px; height:100%;}
#sub_content_full {margin:0 auto; float:left; padding:35px 30px 30px 30px; width:100%;}
#sub_content_map {margin:0 auto; float:left; padding:35px 0px 30px 0px; width:100%;}
#sub_content {position:relative; margin:0 auto; float:left; padding:35px 30px 30px 30px; width:930px;}
.section {margin:0 auto; padding-top:30px;}
.sub_title {font-size:15px; font-weight:bold; color:#333; text-align:left; width:100%; padding-bottom:10px;}
.content {margin:0 auto; padding-top:30px; width:100%;}
.sub_mobile{text-align:center; width:100%;}
.sub_mobile img{text-align:center;}
.sub_greeting{text-align:center; width:100%;}
.sub_greeting img{text-align:center;}
.sub_map_box{width:100%; margin-top:30px;}
.sub_map_left{float:left; width:555px; margin-right:30px; }
.sub_map_right{float:left; width:555px; }
p.sub_map_text{text-align:left; font-size:16px; color:#ffffff; font-weight:bold; line-height:150%; padding-top:10px; height:50px;padding-left:15px; background:#13aca5;}
.sub_people_box{width:1080px; margin-top:30px; min-height:210px;}
.sub_people_left{float:left; width:150px; margin-right:40px;}
.sub_people_right{float:left; width:890px;}
.sub_teacher_box{width:1080px; margin-top:30px; min-height:250px;}
.sub_teacher_left{float:left; width:540px;}
.sub_teacher_info_left{float:left; width:150px; margin-right:25px;}
.sub_teacher_info_right{float:left; width:365px;}
.sub_foreign_box{width:80%; padding:30px; border:2px solid #4bb8b3;}
p.title_center_black{text-align:center; font-size:28px; color:#222222; font-weight:bold; padding-bottom:10px; margin-bottom:10px; margin-top:70px;}
p.title_center_sblack{text-align:center; font-size:26px; color:#222222; font-weight:bold; padding-bottom:10px; margin-bottom:10px; margin-top:20px;}
p.title_center_green{text-align:center; font-size:24px; color:#13aca5; font-weight:bold; padding-bottom:30px; margin-bottom:10px; margin-top:35px; border-bottom: #dddddd 1px solid;}
p.title_left_green{text-align:left; font-size:28px; color:#13aca5; font-weight:bold; margin-bottom:30px; margin-top:35px; letter-spacing:-1px; background:url('/files/images/title_bar.png')no-repeat left bottom;}
p.title_under_green{text-align:center; font-size:28px; color:#13aca5; font-weight:bold; margin-bottom:5px; margin-top:35px; letter-spacing:-1px; background:url('/files/images/title_bar.png')no-repeat center bottom;}
p.title_none_green{text-align:center; font-size:28px; color:#13aca5; font-weight:bold; margin-bottom:10px; margin-top:5px; letter-spacing:-1px;}
p.title_up_green{text-align:center; font-size:28px; color:#13aca5; font-weight:bold; margin-bottom:10px; margin-top:35px; padding-top:10px; letter-spacing:-1px; background:url('/files/images/title_bar.png')no-repeat center top;}
p.title_up_left_green{text-align:left; font-size:24px; color:#13aca5; font-weight:bold; margin-bottom:10px; margin-top:0px; padding-top:10px; letter-spacing:-1px; background:url('/files/images/title_bar.png')no-repeat top left;}
p.title_micon{text-align:left; font-size:20px; color:#525252; font-weight:bold; padding-left:25px; margin-top:10px; line-height:115%; background:url('/files/images/title_micon.png')no-repeat 5px 5px; }
p.title_mtext{text-align:left; font-size:18px; color:#525252; font-weight:bold; padding-left:20px; line-height:125%;}
p.title_utext{text-align:left; font-size:18px; color:#525252; font-weight:bold; padding-left:20px; line-height:125%; height:50px; text-decoration:underline; padding-bottom:5px;}
p.text_sicon{text-align:left; font-size:16px; color:#525252; padding-left:35px; line-height:125%; background:url('/files/images/text_sicon.png')no-repeat 25px 5px; }
p.text_sign{text-align:center; font-size:18px; color:#222222; font-weight:bold;}
p.sub_mtext{text-align:left; font-size:16px; color:#525252; padding-left:20px; line-height:160%;}
p.sub_text{text-align:left; font-size:16px; color:#525252; line-height:150%;}
p.sub_stext{text-align:left; font-size:15px; color:#525252; line-height:150%;}
p.sub_center_text{text-align:center; font-weight:bold; font-size:16px; color:#525252; line-height:150%;}
p.sub_center_stext{text-align:center; font-size:16px; color:#666666; line-height:150%;}
p.text_sicon_b{text-align:left; font-weight:bold; font-size:20px; color:#525252; padding-left:35px; line-height:125%; background:url('/files/images/text_sicon.png')no-repeat 25px 10px; }
span.green_b{color:#13aca5; font-weight:bold;}
span.black_b{color:#000000; font-weight:bold;}
span.bunder{font-weight:bold; text-decoration:underline;}
p.title_line{background:url('/files/images/title_line.png')no-repeat top center; height:30px;}
.table_box{width:100%; height:522px;}
.table_box_left{width:49%; float:left; margin-right:2%;}
.table_box_right{width:49%; float:right;}
.info_box{width:1080px; }
.info_box_left{width:525px; float:left; margin-right:30px;}
.info_box_right{width:525px; float:right;}
/* 테이블리스트 */
table.board_text {width:100%; margin-bottom:15px; border-top:2px solid #13aca5;}
table.board_text th {height:36px; text-align:center; color:#333; background:#f9f9f9; font-size:16px; border-bottom:1px solid #dddddd; border-right:1px solid #ddd; vertical-align: middle;}
table.board_text th.lright{border-right:1px solid #ffffff;}
table.board_text td {line-height: 150%; height:36px; font-size:15px; color:#525252; padding-top:10px; padding-bottom:10px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align: middle;}
table.board_text td.tleft{text-align:left; padding-left:15px;}
table.board_text td.tbold{color:#222222; font-weight:bold; font-size:16px;}
table.board_text td.lright{border-right:1px solid #ffffff;}
.table.t_board td {vertical-align: middle;}
.box {border-top:1px solid #555; padding-top:20px;}
p.joindrop{margin-top:7px; color:#ba0000;}
/* 강좌탭 */
.detail_tap {width:100%; border-bottom:solid 0px #ddd; }
.detail_tap .nav > li > a{padding:8px 0px; margin:0; border:1px solid #eeeeee; height:43px;}
ul.course-tap {margin-bottom:50px; }
ul.course-tap > li {border-top:2px solid #282828;}
ul.course-tap > li.active > a{background:#ececec; color:#282828;}
ul.course-tap > li.active > a:hover{background:#ececec; color:#282828;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background:#ececec;}
.btn-taps li{border-top:2px solid #282828; width:25%;}
/* 강좌버튼 */
.btn_box{margin-top:20px;}
.btn-cart{background-color:#48aee4; border-color:#48aee4; border-radius:4px; width:49%; margin-right:1%; height:40px;}
.btn-buy{border-radius:4px; background-color:#1e5bc2; color:#f9f9f9; border:1px solid #ededed; height:40px;}
.btn:hover,.btn:focus,.btn.focus{color: #666666; text-decoration: none;}
/* 회원탈퇴 */
.join_drop{width:100%; text-align:right; height:30px;}
.join_drop_btn{float:right; text-align:right; width:80px; border-radius:20px; background:#dfdfdf; color:#000000; font-size:13px; padding:5px 14px;}
/* 통합검색 */
.tword-box {margin:0 auto; text-align: center; padding:0px; height:84px; width: 660px;}
span.serch-title {font-size: 36px; font-weight: bold; color: #143a82; top: 0px; float:left; margin-right:10px; height:44px; padding:0px;}
.tword {width: 450px; height: 44px; border: 0px; font-size: 18px; outline: 0 none; box-shadow: none; padding-left: 8px; border: #143a82 2px solid; line-height:20px;}
.tword-input {padding:0px; margin:0px; height:44px; float:left;}
.tword-button {padding:0px; margin:0px; height:44px; float:left;}
.btn-tword {margin-left: 0px;}
/* 서브메뉴 가로형 */
.submenu_list {margin:0 auto; text-align:center; border-bottom:0px solid #ddd; margin-top:40px; margin-bottom:10px; width:1080px;}
.btn-submenu {margin-right: -1px; color: #ffffff; color:#000000; border:0px; border:1px solid #dadada; background-color:#ffffff; text-align:center; font-size:16px; width:16%; height:54px; padding:16px 5px;}
.btn-submenu.focus {border:0px; outline: none; color: #000000; text-align:center; background-color:#ffffff; border-top:2px solid #1967be; border-bottom:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada;}
.btn-submenu:hover {border:0px; outline: none; color: #000000; border-radius: 0px; text-align:center; background-color:#ffffff; border-top:2px solid #1967be; border-bottom:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada;}
.depth2_list {margin:0 auto; padding-bottom: 0px; padding-top: 10px; width:600px; border-bottom:1px solid #dadada;}
.depth2_list a{color:#666666; font-weight:normal;}
.btn-depth2 { margin: 0px; background: #FFF; border:none; width:300px; padding-top:17px; font-size: 18px; border-radius:0px; height:65px;}
.btn-depth2:hover {border-bottom:3px solid #21639b; background-color:#ffffff; font-size:18px; color: #21639b; outline: none; font-weight: bold;}
.btn-depth2.focus {border-bottom:3px solid #21639b; background-color:#ffffff; font-size:18px; color: #21639b; outline: none; font-weight: bold;}
/* 3차메뉴 가로형 */
.depth3_list {margin:0 auto; border-bottom: 0px solid #ddd; margin-top: 35px; width:1080px;}
.btn-depth3 {margin-right: -1px; border:1px solid #dadada; font-weight:normal; text-align:center; font-size: 16px; border-radius:1px; width:16.6%; height:38px; padding:6px 5px; background:#ffffff;}
.btn-depth3.focus {border:1px solid #dadada; outline: none; color: #ffffff; text-align:center; background:#1967be;}
.btn-depth3:hover {border:1px solid #dadada; color: #ffffff; outline: none; border-radius: 0px; text-align:center; background:#1967be;}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #21639b;
background-color: transparent;
border-color:transparent;
}
.btn:active,
.btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}