@charset "utf-8";
/* Font-Face */
/* @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); */



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; letter-spacing:0px; line-height:1.6; color:#808080;}
/*#body_m{background:#ffffff url(/user_data/data/images/main_a_bg_blue3_2.jpg) repeat-x left top;}*/
img{margin:0; padding:0;}
a,{text-decoration:none;} a img{border:none; outline:0; selector-dummy : expression(this.hideFocus=true); text-decoration:none;}


ul, ol {list-style-type:none;}
dt, dd  {list-style-type:none;}

h1,h2, h3, h4 ,h5{padding:0px; margin:0px;}
hr {display: none;}
li{list-style-type:none;}

/* link style */
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;}



/*total*/
#wrap{position:relative; margin:0 auto; min-width:1100px; 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:165px; background:url(/files/images/top_bg_new.png) repeat-x top center;}
#container{position:relative; overflow:hidden; margin:0 auto; min-width:1100px; height:auto !important;  min-height:650px; height:100%;}
#footer{position:relative; clear:both; margin:0 auto;  bottom:0; width:100%; height:156px; }


/* header */
#topmenu {position:relative; margin:0 auto; padding:0; width:1100px; height:115px;}
.util {float:right;  width:1100px;  color:#a7abb4; padding-top:4px; text-align:right; font-size:12px;}
.util a{color:#fff; margin-top:5px;}
.util a:hover{color:#b68655; text-decoration:none;}
.logo {margin:0 auto; padding-top:45px;  font-weight:bold; text-align:center; width:100%;}
input.tops {width:118px; height:25px; margin-top:3px;  color:#fff; border:0px; background:#52596b;}

.top_left_login{float:left; color:#777777; width:985px; text-align:right; }
.top_login{float:right; width:115px; margin-top:2px; height:23px;}
.top_login_btn {margin-left:-3px; border:0px; color:#fff; background:#4d4e52; border-radius:3px; padding:2px 10px;}
.stw_top_login{width:100px; margin-right:3px; height:23px; color:#222; border:1px solid #dfdfdf;}

/* 여백 */
.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%; min-height:302px;}
#main_bg             {margin:0 auto;  width:100%; height:535px; }
#visual{position:relative; width:100%; height:302px;}

.mainVisual {position:relative; width:1050px;  margin:0 auto; height:302px; overflow:hidden;}
.mainVisual .visualBg {position:absolute; height:302px; margin:0 auto;   top:0;  left:0; width:100%; z-index:500;}
.mainVisual .visualBg1{background:url("/user_data/data/images/main_img.png") center top no-repeat;}
.mainVisual .visualBg2{background:url("/user_data/data/images/main_img02.png") center top no-repeat;}
.mainVisual .visualBg3{background:url("/user_data/data/images/main_img03.png") center top no-repeat;}
.mainVisual .visualBg .mainBtn{position:relative; margin:0 auto; text-align:left; width:980px; padding-top:230px;}
.mainVisual .controller{position:absolute; width:1050px; z-index:999; margin-top:120px; left:50%; margin-left:-470px; }
.mainVisual .controller .btns .prev{top:300px; width:100%; z-index:999;}
.mainVisual .controller .btns .next {padding-left:870px; z-index:999; }
.mainVisual .controller2{position:relative; width:65px; height:20px; z-index:999; margin:320px auto;}


#main_contents       {margin:0 auto; width:100%; top:380px; text-align:center;}
.main_content01        {margin:0 auto;  width:1100px; }

/* mainConts */
#mainConts { position:relative; width:100%; min-height:500px; margin-top:-3px;}

.mainMovie {display:none; position:absolute; left:50%; margin-left:134px; top:291px; z-index:1000; background:url(/files/images/ql_movie.png) 0 0 no-repeat; width:325px; height:199px;}
.mainMovie p { padding:9px 0 0 18px;}

.mainAfter_wrap {height:136px; background:#69b08f; border-bottom:1px solid #c3dfd2;}
.mainAfter_wrap .mainAfter {width:1100px; margin:0 auto;}
.mainAfter_wrap .mainAfter .mAf_ttl { font-size:15px; font-weight:bold; line-height:130%; color:#fff;}
.mainAfter_wrap .mainAfter .mainAfter_1 { width:370px !important; float:left; padding:15px; background:url(/files/images/after_char.png) 15px 51px no-repeat; height:136px !important;}
.mainAfter_wrap .mainAfter .mainAfter_1 ul, .mainAfter_wrap .mainAfter .mainAfter_2 ul { padding:15px 0 0 84px;}
.mainAfter_wrap .mainAfter .mainAfter_1 ul li, .mainAfter_wrap .mainAfter .mainAfter_2 ul li { line-height:130%; color:#fff; font-size:12px;}
.mainAfter_wrap .mainAfter .mainAfter_1 ul li a, .mainAfter_wrap .mainAfter .mainAfter_2 ul li a { color:#fff;}
.mainAfter_wrap .mainAfter .mainAfter_2 { width:360px !important; float:left; padding:15px; background:#f0c952 url(/files/images/after_char.png) 15px 51px no-repeat; height:136px !important;}
.mainAfter_wrap .mainAfter .mainAfter_1 ul li.aAf_name { color:#fff729 !important; font-weight:600; padding:5px 0 0 0; font-size:13px;}
.mainAfter_wrap .mainAfter .mainAfter_2 ul li.aAf_name { color:#30a46e !important; font-weight:600; padding:5px 0 0 0; font-size:13px;}
.mainAfter_wrap .mainAfter .mainAfter_1 ul li.aAf_name a { color:#fff729 !important;}
.mainAfter_wrap .mainAfter .mainAfter_2 ul li.aAf_name a { color:#30a46e !important;}

.main_review_bg {margin:0 auto; width:100%; height:412px; background:#f2f2f2;}
.main_review {margin:0 auto; width:1100px; height:412px;}
.main_review_title{margin-left:80px; text-align:center;  padding:30px 0 30px 0;}
.main_review_box{float:left; margin-left:10px; width:235px;  height:160px;  background:url("/files/images/main_review_bg.png")left top no-repeat;}
.main_review_box ul{text-align:left;  letter-spacing:-1px; margin: 15px 20px;}
.main_review_box li.retitle{color:#222; font-size:16px; font-weight:bold; }
.main_review_box li.retext{color:#666; font-size:13px; margin-top: 10px; letter-spacing: -0.5px;}
.main_review_box li.rename{color:#999999; font-size:14px; margin: 6px;}
.main_review_box li.rename span a{float:right; text-align:right; color:#fdcc05; font-weight:bold; font-size:14px;}


.mainBann {width:1100px; margin:0 auto; height:586px;}
.mainBann .mainBann_1 .mBttl, .mainBann .mainBann_2 .mBttl, .mainBann .mainBann_3 .mBttl { color:#34b0d1; font-size:24px; font-weight:bold; line-height:130%; text-align:center;}
.mainBann .mainBann_1 .mBdetail, .mainBann .mainBann_2 .mBdetail, .mainBann .mainBann_3 .mBdetail {padding:20px 0 0 0; text-align:center; margin-left:-45px;}
.mainBann .mainBann_1 { width:370px; float:left; background:url(/files/images/bann_bg1.jpg) left top repeat-y; min-height:586px; padding:60px 0 0 0;}
.mainBann .mainBann_1 ul, .mainBann .mainBann_2 ul, .mainBann .mainBann_3 ul { padding:20px 0 0 50px;}
.mainBann .mainBann_1 ul li, .mainBann .mainBann_2 ul li, .mainBann .mainBann_3 ul li { font-size:13px; line-height:140%; color:#666;}
.mainBann .mainBann_2 { width:360px; float:left; background:#fff; min-height:586px; padding:60px 0 0 0;}
.mainBann .mainBann_3 { width:370px; float:left; background:url(/files/images/bann_bg3.jpg) left top repeat-y; min-height:586px; padding:60px 0 0 0;}

.mainMobile {position:relative; border:1px solid #cbcbcb;  width:1098px; height:340px; margin:0 auto; background:url(/files/images/mobile_bg.jpg) 0 0 repeat;}
.mMconts { background:url(/files/images/main_mobile_img.jpg) left top no-repeat; padding:0 0 0 250px; height:330px;}
.mMconts .mM_ttl { font-size:27px; font-weight:bold; color:#212121; line-height:170%; padding:40px 0 0 0;}
.mMconts ul { float:left; padding:25px 20px 0 0;}
.mMconts ul li { padding:5px 0 0 0;}


.mainBlog { position:absolute; top:23px; right:17px; width:432px; min-height:290px; background:#fff;}
.mainBlog .mBlog_more { position:absolute; top:23px; right:30px; font-size:12px; color:#444; } 
.mainBlog .mBlog_ttl { position:absolute; top:21px; left:26px; font-size:16px; font-weight:bold; color:#333;}
.mainBlog ul { padding:48px 18px 0 28px;}
.mainBlog ul li { float:left;}
.mainBlog ul li dl {float:right;  margin:0 0 0 19px; width:223px; border-bottom:1px solid #e5e5e5; height:62px; padding:12px 0 0 15px;}
.mainBlog ul li dl dt { color:#8a8a8a; font-size:bold;}
.mainBlog ul li dl dd { color:#d48c55; font-size:12px;}
.mainBlog ul li dl dd a { color:#d48c55; font-weight:bold;}


/* mainAd */
#mainAd_wrap {margin-top:40px; margin-bottom:40px; width:100%; height:542px; background:#e3e1e1 url(/files/images/main_center_img_bg.png) center top no-repeat;}
#mainAd_wrap .mainAd { position:relative; width:1100px; margin:0 auto; min-height:737px;}
#mainAd_wrap .mainAd .mainAd_ttl { font-size:55px; font-weight:bold; color:#3b5262; line-height:150%; position:absolute; top:124px; left:65px;}
#mainAd_wrap .mainAd .mainAd_1 { position:absolute; top:250px; left:165px;}
#mainAd_wrap .mainAd .mainAd_1 dt { font-size:20px; color:#f07700; font-weight:bold; line-height:140%;}
#mainAd_wrap .mainAd .mainAd_2 { position: absolute; top:330px; left:165px;}
#mainAd_wrap .mainAd .mainAd_2 dt { font-size:20px; color:#00ab93; font-weight:bold; line-height:140%;}
#mainAd_wrap .mainAd .mainAd_3 { position:absolute; top:435px; left:165px;}
#mainAd_wrap .mainAd .mainAd_3 dt { font-size:20px; color:#3b5764; font-weight:bold; line-height:140%;}
#mainAd_wrap .mainAd dl dd { color:#6a6a6a; font-size:14px; line-height:140%;}



.btm_bann {position:relative; margin:0 auto; width:1100px; margin-top:20px; bottom:34px; padding:0px;}
.pdr0{float:right; padding-right:0px !important;}

#mcbWrap { clear:both; width:1100px; margin:0 auto; padding-top:20px;}
#nt_bann { float:left; padding:25px 0 0 0;}
#nt_bann ul{padding:0px; margin:0px;}
#nt_bann li { float:left; padding:0 13px 0 0;}
#nt { position:relative; width:397px; height:110px; float:left; background:url(/files/images/nt_rbg.jpg) right top no-repeat; padding:30px 20px}
.main_tab {width:100%; overflow:hidden;}
.nt_more { position:absolute; right:20px; top:34px; font-size:12px; color:#444;}
.main_tab ul { }
.main_tab li {  position:relative; float:left; background:#fff; /*width:103px; height:27px; */line-height:27px; padding:0 10px; background:url(/files/images/nt_dot.jpg) left center no-repeat;}
.main_tab li a {display:block; text-decoration:none; text-align:center; line-height:27px; font-size:16px; color:#666; font-weight:bold;}
.main_tab li a:hover {text-decoration:none; }
.main_tab li.active a {background:#fff; /*width:103px; height:27px; */color:#dd6b5f; line-height:27px;}
.main_tab li.active a:hover {text-decoration:none}
.main_tab00 ul, .main_tab01 ul, .main_tab02 ul {clear:both; overflow:hidden; padding:10px 0 0 0; }
.main_tab00 ul li, .main_tab01 ul li, .main_tab02 ul li  {line-height:170%; font-size:12px; color:#444; background:url(/files/images/nt_bullet.jpg) 0 center no-repeat; padding:0 0 0 10px;}


.mGuide { float:left; padding:25px 0 0 0;}



/*메인게시판탭*/
.main_board ul.nav-tabs {border-bottom: 1px solid #353d4a;}
.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; color:#fff;width:101px; float:left; padding-top:5px; font-size:15px; color:#fff; font-weight:bold; background:#353d4a; border:1px solid #353d4a;}
.main_board ul.nav-tabs > li.active > a:hover{color:#b68655; 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; color:#fff; font-weight:bold; background:#a99886;}
.main_board ul.nav-tabs > li > a:hover{color:#353d4a; border:1px solid #a99886;}


.main_board  {float:left; width:344px; height:140px; padding-top:20px; }
.main_board:first-child  {margin:0;}
.btop {width:344px;}
.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:344px; min-height:70px;}
.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;}
span.bold { font-weight:bold;}


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:30px; 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; }

/*sub*/
#subdepth	  		 {position:relative; margin:0 auto; width:100%; height:30px; float:right; text-align:left; border-bottom:1px solid #ffffff;}
#subdepth .depth	 {margin:0 auto; width:1050px; height:20px; text-align:right; padding-top:5px; padding-right:10px;}
#sub                 {position:relative; margin:0 auto; width:1100px; height:100%;}

/*sub*/
#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 10px 30px 30px; width:900px;}
.section  {margin:0 auto; padding-top:30px;}


.rgt {float:right; padding-left:20px;}
p.ceo_text{color:#222; font-size:14px;}
span.ceo_stext{color:#447fd8; font-weight:bold;}
p.pc_text{color:#222; font-size:14px; font-weight:bold; padding-top:20px; }
span.pc_blue{color:#2d56be;}
span.pc_red{color:#a71616;}

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

/* 샘플강의 */
.sample { margin:0 0 30px 0;}
.sample_ttl { clear:both; font-size:15px; font-weight:bold; color:#f19a45; line-height:120%; padding:30px 0 0 0;}
.sample_tab ul { }
.sample_tab li {  position:relative; float:left; background:#fff; /*width:103px; height:27px; */line-height:220%; padding:0 10px 0 0; /*background:url(/uf/images/main/nt_dot.jpg) left center no-repeat;*/}
.sample_tab li a {display:block; text-decoration:none; text-align:center; line-height:220%; font-size:16px; color:#666; font-weight:bold; width:150px; text-align:center; border:1px solid #ddd;}
.sample_tab li a:hover {text-decoration:none; }
.sample_tab li.active a {background:#fff; /*width:103px; height:27px; */color:#f19a45; line-height:220%; width:150px; text-align:center; border:1px solid #f19a45;}
.sample_tab li.active a:hover {text-decoration:none}
.sample_tab00 ul, .sample_tab01 ul, .sample_tab02 ul {clear:both; overflow:hidden; padding:30px 0; }
.sample_tab00 ul li, .sample_tab01 ul li, .sample_tab02 ul li  {line-height:220%; font-size:12px; color:#444; /*background:url(/uf/images/main/nt_bullet.jpg) 0 center no-repeat; */padding:0 0 0 10px;}
.sample { width:100%; position:relative; clear:both;}
.sample_w > ul > li { width:385px; float:left !important; padding:3px; margin:0 10px 0 0; /* background:#CCC;*/ text-align:center; /*background:#000;*/ }
.sample_w > ul > li > span { text-align:center; font-weight:bold;}
/*.sample_w > ul > li.swmgno { margin:0 !important;}*/
.sample_w .sample_box { width:385px;  /*height:340px;*/}
.sample_w .sample_box img {border:2px solid #666;}


.sample_w2 > ul > li { width:385px; padding:3px; margin:0 auto; /* background:#CCC;*/ text-align:center; /*background:#000;*/ }
.sample_w2 > ul > li > span { text-align:center; font-weight:bold;}
/*.sample_w2 > ul > li.swmgno { margin:0 !important;}*/
.sample_w2 .sample_box { width:385px;  /*height:340px;*/}
.sample_w2 .sample_box img {border:2px solid #666;}

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



/*쪽지수*/
.my_memo {color:#3399ff;}
.bs_left {float:left; margin-bottom:5px;}
.bs_right {float:right; margin-bottom:5px;}

/* 통합검색 */
.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 {margin-bottom: 10px; }
.btn-depth3 {background-color: #fff; border: 0; font-weight: bold; color: #579626; font-weight: bold; border:1px solid #579626; border-right:transparent; padding:8px 10px; border-right:1px solid #579626;}
.btn-depth3.focus {background-color: #579626; border:1px solid #579626; color: #fff;  outline: none; font-weight: bold;}
.btn-depth3:hover {background-color: #579626; border:1px solid #579626; color: #fff; font-weight: bold; outline: none; border-right:transparent;}

.tap_course_list {font-size: 16px; width: 200px; text-align: center; font-weight: bold; cursor: pointer;}
.nav-pills > li {padding: 7px 10px;}

/* 강좌버튼 */
.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: #ffffff;  text-decoration: none;}