@charset "utf-8";
/* Font-Face */
html{margin:0; padding:0; width:100%; overflow-y:scroll;}
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:left; font-size:36px; color:#222222;  letter-spacing:-1px; font-weight:bold; letter-spacing:-2px;}
h4{padding-top:5px; margin-bottom:10px; font-size:20px; 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:1050px; height:left !important;  min-height:100%; height:100%;}
#wrapmain{position:relative; margin:0 auto; width:100%; height:auto; min-height:1000px; !important;  height:100%;}
#header{position:relative; margin:0 auto; width:100%; height:130px; background:url(/files/images/top_bg.png) repeat-x top center;}
#container{position:relative; overflow:hidden; margin:0 auto; min-width:1040px; height:auto !important;  min-height:650px; height:100%;}
#footer{position:relative; clear:both; margin:0 auto;  bottom:0; width:100%; height:156px; background:#eeeeee;}


/* header */
#topmenu {position:relative; margin:0 auto; padding:0; width:1100px; height:85px;}
.util {float:right;  width:780px;  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 {margin:0; padding-top:15px;  font-weight:bold; text-align:left; width:20%;}
input.tops {width:118px; height:25px; margin-top:3px;  color:#fff; border:0px; background:#52596b;}

/*foot*/
#footer_text {position:relative;  margin:0  auto;  width: 100%; height:44px;  }
.ftext {margin:0  auto; padding-top:20px; height:44px; text-align:left; color:#454545; width: 1100px; }
.ftext a{margin:0  auto; color:#454545; letter-spacing:-1px; text-decoration:none; font-weight:bold;}
.ftext a:hover{text-decoration:none; color:#3f8dc2; font-weight:bold;}
#footer_copy  {position:relative;  margin:0  auto;  width: 1100px; height:90px; padding-top:10px; }
.flogo {margin:0  auto; float:left; text-align:left; color:#959595; height:90px;  padding-top:10px; width: 230px; text-align:left; letter-spacing:-1px;}
.fcopy {margin:0  auto;  text-align:left; color:#959595; font-size:13px; text-align:left; letter-spacing:0px; line-height:150%;}
span.scopy{padding-top:30px; color:#5f5f5f; font-size:12px;}
select.jobsel {height:27px;}

/* 여백 */
.ml5  {margin-left:5px !important;}
.ml10  {margin-left:10px !important;}
.ml15  {margin-left:15px !important;}
.ml20  {margin-left:20px !important;}
.ml25  {margin-left:25px !important;}
.ml35  {margin-left:35px !important;}
.mtop5 {margin-top:5px !important;}
.mtop10 {margin-top:10px !important;}
.mtop15 {margin-top:15px !important;}
.mtop20 {margin-top:20px !important;}
.mtop25 {margin-top:25px !important;}
.mtop30 {margin-top:30px !important;}
.mtop35 {margin-top:35px !important;}
.mbottom5 {margin-bottom:5px !important;}
.mtop_m20 {margin-top:-20px !important;}

/* 메인페이지 */
#main {position:relative; margin:0 auto; width:100%;}
#main_contents       {margin:0 auto; width:1410px; margin-top:25px; text-align:center; height:650px;}
.main_content_left   {float:left; margin:0;  width:130px; height:300px;  }
.main_content_box     {float:left; margin:0;  height:300px; width:1100px; margin-left:25px; margin-right:25px; }
.main_content01{float:left; width:536px; height:330px; margin-right:28px; margin-bottom:28px;}
.main_content02{float:left; width:536px; height:330px; margin-bottom:28px; }
.main_lecture{width:1100px; margin-top:27px;}
.main_lecture_left    {float:left; margin:0;  height:293px; width:536px; margin-right:28px; }
.main_lecture_left01 {float:left; width:254px; height:252px; margin-right:28px;}
.main_lecture_left02 {float:left; width:254px; height:252px; }
.main_lecture_right   {float:right; margin:0;  height:293px; width:536px;}
.main_lecture_right01 {float:left; width:254px; height:252px; margin-right:28px;}
.main_lecture_right02 {float:left; width:254px; height:252px; }
.main_content_right    {float:right; margin:0;  width:130px;}


.main_notice_box{margin:0 auto; width:100%; margin-top:40px; height:332px; text-align:center; background:#f4f4f4;}
.main_notice {margin:0 auto; width:1100px; height:232px; padding-top:50px;}
.main_notice01{float:left; width:350px;  height:232px; margin-left:25px;}
.main_notice02{float:left; width:350px;  height:232px; margin-left:25px;}

.main_customer {margin:0 auto; width:1100px; height:203px; padding-top:0px;}
.main_customer img{float:left; margin:0; padding:0;}

.banner{margin:0;}
.banner img{margin-bottom:10px;}
.main_right_banner{height:320px; width:130px; margin-bottom:10px; background:url('/files/images/main_right_banner01.png')no-repeat top left;}
.main_right_banner01{color:#ffffff; font-weight:bold; font-size:26px; padding-top:85px; text-align:right; padding-right:30px; letter-spacing:6px; line-height:130%;}
.main_right_banner02{color:#ffffff; font-weight:bold; font-size:26px; padding-top:93px; text-align:right;  padding-right:30px; letter-spacing:6px; line-height:130%;}

#mtab01 {margin:0; width:678px;  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:42px;  padding:7px; border-right:1px solid #ddd; text-align:left;}
.mtab01 li:hover,.tab li.sel{}
.mtab01.type01 {height:42px; margin-bottom:50px; margin:0; text-align:left;}
.mtab01.type01 ul{width:678px; margin:0; padding: 0px;}
.mtab01.type01 li{width:72px; 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:8px; text-align:center; background:#353d4a; font-weight:bold; font-size:14px; border:none; color:#fff;}
.main_book   {float:left; width:680px;  height:361px; border:1px solid #ddd;} 
.main_book_title {margin:0; height:60px; text-align:left; padding-top:20px; padding-left:20px;}
.main_book_title span{margin:0; font-weight:bold; font-size:16px; color:#545454; text-align:left; }
.m_book_box {margin-top:15px; width:678px;}
.m_book_box_left {float:left; margin-top:90px; margin-right:20px;}
.m_book {float:left; text-align:center; width:190px;}
.m_book_box_right {float:right; margin-top:90px;}


/*메인게시판탭*/
.main_board ul.nav-tabs {width:348px; border-bottom: 1px solid #dedede; }
.main_board ul.nav-tabs span{float:right; padding-top:0px; padding-right:0px; text-align:right;}
.main_board ul.nav-tabs > li.active > a{text-decoration:none; color:#000000; width:101px; float:left; padding-top:5px; font-size:15px;  font-weight:bold; background:#ffffff; border-top:3px solid #2b61a4;}
.main_board ul.nav-tabs > li.active > a:hover{color:#000000; background:#ffffff; border-top:3px solid #2b61a4;}
.main_board ul.nav-tabs > li > a {width:101px; float:left; padding-top:5px; height:39px; font-size:15px; color:#5a5a5a;  font-weight:bold; background:#f0f0f0; border-top:3px solid #f0f0f0; margin-right:0px;}
.main_board ul.nav-tabs > li > a:hover{color:#000000; background:#ffffff; border-top:3px solid #2b61a4;}


.main_board  {float:left; width:350px; height:232px; background:#ffffff; border:1px solid #dedede;}
.main_board:first-child  {margin:0;}
.btop {width:330px;}
.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:243px; margin-left:101px;  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:330px; min-height:70px; padding:0 15px 15px 15px;}
.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:15px; 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:13px; color:#afafaf; letter-spacing:-1px;  line-height:160%;}
.main_title {font-size:30px; color:#333; text-align:center; width:100%; height:70px; padding-top:15px;  letter-spacing:-1px; background:url('/user_data/data/images/main_title_bg.jpg')no-repeat top left; }
.main_text {font-size:14px; color:#545454; letter-spacing:-1px;  padding-top:15px; line-height:110%;}
.main_price {font-size:13px; color:#545454; letter-spacing:-1px; line-height:180%; font-weight:bold;}

.slider_banner8{float:left;}

/*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:1050px; height:20px; text-align:right; padding-top:5px; padding-right:33px;}
#sub {position:relative; margin:0 auto; width:1100px; height:100%;}
#sub_content_full {margin:0 auto; float:left; padding:35px 0px 30px 0px; width:100%;}
#sub_content {position:relative; margin:0 auto; float:left; padding:35px 40px 30px 40px; width:910px;}
.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%;}

.rgt {float:right; padding-left:20px;}
.lft {float:left; padding-right:20px;}
.full_img{margin:0 auto; margin-top:20px;}


.img_small_section{margin-top:20px;overflow:hidden;}
.img_small_section.first{margin-top:20px !important;overflow:hidden;}
.img_small_section:first-child{margin-top:0;}

.table.t_board td {vertical-align: middle;}
.box {border-top:1px solid #555; padding-top:20px;}

/* 강좌탭 */
.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%;}

/* 회원탈퇴 */
.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;}

/* 통합검색 */
.serch-title {font-size: 36px; font-weight: bold; color: #143a82; position: relative; top: 6px;}
.tword {position: relative; width: 550px; height: 44px; border: 0; line-height: 25px; font-size: 18px; outline: 0 none; box-shadow: none; padding-left: 8px; border: #143a82 2px solid; font-weight: bold;}
.tword-box {width:99%;text-align:center;padding-bottom: 30px; margin: 0 auto;}
.btn-tword {position: relative; top: -3px; left: -4px;}

/* 서브메뉴 가로형 */
.submenu_list {margin:0 auto; margin-bottom: 20px; margin-top: 20px; width:1050px;}
.btn-submenu { margin: 3px; background: #FFF; border:1px solid #dadada; font-size: 14px; border-radius:3px;}
.btn-submenu:hover {border:1px solid #cacaca; background-color:#f9f9f9; color: #333;}
.btn-submenu.focus { color: #ffffff; background-color: #2774ae; border: 0; border-radius: 3px;}

/* 3차메뉴 가로형 */
.depth3_list {border-bottom: 0px solid #ddd; margin-top: 30px;}
.depth3_list a:link{color: #ffffff; }
.depth3_list a:visited {color: #ffffff; }
.btn-depth3 {margin-right: 1px; border:0px solid #dadada; text-align:center; font-size: 16px; border-radius:0px; width:206px; height:50px;  padding:10px 5px; background:url('/files/images/depth3.png')no-repeat top left;}
.btn-depth3.focus {border:0px; outline: none;  color: #ffffff; text-align:center; background:url('/files/images/depth3_bg.png')no-repeat top left;}
.btn-depth3:hover {border:0px; color: #ffffff; outline: none; border-radius: 0px; text-align:center; background:url('/files/images/depth3_bg.png')no-repeat top left;}

/* 강좌버튼 */
.btn_box{margin-top:20px;}
.btn-cart{background-color:#48aee4; border-color:#48aee4; color: #ffffff; border-radius:4px; width:49%; margin-right:1%; height:40px;}
.btn-buy{border-radius:4px; background-color:#1e5bc2; color: #ffffff; width:49%; border:1px solid #ededed; height:40px;}
.btn:hover,.btn:focus,.btn.focus{color: #ffffff;  text-decoration: none;}