@charset "utf-8";
@import url('/common/font/notokr/notokr.css');
@import url('/common/font/nanumsquare/nanumsquareround.css');
@import url('/common/font/nanumsquare/nanumsquare.css');

html,body{margin:0;padding:0;height:100%}
body{font:14px/20px "NanumSquareRound", "Nanum Gothic", "Malgn Gothic", "맑은고딕", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif; color:#666666;}
li { list-style:none !important;}

/****** 페이지 레이아웃 스타일 ******/
#wrap { width:100%;min-width:1250px;}
#header {width:100%;min-width:1250px;height:110px;margin:0 auto;text-align:center;}
#header .util_wrap{ display:none;width:100%;height:40px; background:#ffffff;} 
.util_menu {float:right;display:inline-block;width:auto;height:90px;text-align:right;}
.util_menu ul{float:right;width:auto;height:30px; margin-top:44px;}
.util_menu li{float:left;width:auto;padding-left:5px;background: url('/html/images/common/blt_bbar.jpg') 0 100% no-repeat; margin-right:5px}	
.util_menu li:first-child{background:none;}
.util_menu li.fullmenu { background:#5b108b url('/html/images/common/icon_fullmenu.png') 5px no-repeat;text-align:left; padding:0px 10px 0px 35px;width:130px; margin:0px 0 0 6px; border-radius:15px; height:30px; line-height:30px; box-sizing:border-box;}
.util_menu li.fullmenu a {display:block;line-height:30px;color:#ffffff; font-size:14px; }

.util_menu li.join { background:#5b108b;text-align:left; padding:0px 20px 0px 20px;width:auto; margin:0px 0 0 6px; border-radius:15px; height:30px; line-height:30px; box-sizing:border-box;}
.util_menu li.join a {display:block;line-height:30px;color:#ffffff; font-size:14px; }

.util_menu li.mypage { background:#ffffff url('/html/images/common/icon_mypage.png') 14px 7px no-repeat;text-align:left; padding:0px 10px 0px 35px;width:120px; margin:0px 0 0 6px; border-radius:15px; height:30px; line-height:30px;border:1px #844ca8 solid; box-sizing:border-box;}
.util_menu li.mypage a {display:block;line-height:30px;color:#5b108b; font-size:14px; }

.util_menu li.search {background:none;padding:0px 0px 0px 4px; margin:0px 0 0 0px; }
.util_menu li a{display:block;line-height:30px;color:#555555;}
.af_log{float:right;margin-right:0px;height:40px;line-height:40px;margin-top:40px;color:#333333; font-size:13px;}

#header .inner{width:1200px;height:90px;overflow:hidden;margin:0 auto;text-align:left;display:flex;gap:10px; flex-wrap:no-wrap;justify-content:space-between;}
.inner h1.logo {width:170px;height:85px;line-height:85px;margin-top:15px;}
.inner h1.logo img{max-width:100%;max-height:100%;vertical-align:middle;}
.inner .menu_wrap{width:auto;margin-top:30px;display:inline-block;}
.menu_wrap #gnb{float:left;display:inline-block;}
.menu_wrap #gnb.gnb {float:left !important;display:inline-block; margin-right:0px;}
.menu_wrap #gnb li{float:left;}
.menu_wrap #gnb li a{font-family:"NanumSquare",sans-serif;display:block; margin:0px 20px;color:#1e1e1e;font-weight:500;font-size:17px;line-height:50px; border-top:3px #ffffff solid; }
.menu_wrap #gnb li.on a{color:#8247ad;border-top:3px #8247ad solid;  }
.menu_wrap #gnb li a:hover{color:#8247ad;border-top:3px #8247ad solid; }

.menu_wrap #gnb_mypage { display:block;height:60px;margin-top:0px;display:inline-block;}
.menu_wrap #gnb_mypage a{font-family:"NanumSquare",sans-serif;display:block;background:none;border-radius:0px;text-align:left;width:auto;font-size:18px !important;line-height:50px !important;color:#333333 !important; padding-left:0px;font-weight:500 !important;}
.menu_wrap #gnb_mypage a:hover{background:none;color:#2e3983;font-weight:500; /*#fb7c00 url('/common/images_skin2/common/icon_mypage.png') 18px 50% no-repeat;*/ }

.menu_wrap #gnb_side { width:140px;float:right;height:60px;margin-top:0px;display:inline-block;}
.menu_wrap #gnb_side li{float:left;width:auto;}
.menu_wrap #gnb_side li.my {background:none;}
.menu_wrap #gnb_side li a{display:block;background:none;border-radius:0px;text-align:left;width:auto;font-size:18px !important;line-height:50px !important;color:#ffffff; padding-left:40px;}
.menu_wrap #gnb_side li a:hover{background:none;}

.top_search { position:absolute; z-index:10000; left:50%; top:37px; float:none; width:200px; padding:0px 10px 0px 10px; text-align:left; background:#fffffff; border:1px #dedede solid !important; border-radius:20px; margin:5px 0px 0px 295px;box-sizing:border-box;overflow:hidden;  }
.top_search input.search_txt { width:130px; height:33px !important; line-height:33px !important; margin:0px 0px 0px 2px; padding:0px 0px 0px 0px; background:#fffffff !important; border:none !important; border-radius:0px !important; font-size:14px; text-indent:0px;}
.top_search .search_btn { position:absolute; left:134px; top:0px; width:33px !important; height:33px !important; margin:0; background:#ffffff url('/html/images/common/icon_search.png') right 50% no-repeat; border:0 none; text-indent:-99999px; font-weight:bold;}
.top_search .search_close { position:absolute; left:164px; top:0px; width:34px; height:34px; background:#ffffff url('/html/images/common/search_close.png') 50% 50% no-repeat; text-indent:-99999px;}

/* 서브 풀 메뉴 */
.sub_menu {display:none;position:absolute;left:50%;top:110px;width:1200px; margin-left:-600px; padding:0;z-index:10000; border:1px solid #d5d5d5; }
.sub_menu .sub_line{ background-color:#ffffff;height:478px;}
.sub_menu .inner{width:1200px;margin:0 auto;height:478px;}
.sub_menu .sub_menu_list{width:1200px;display:flex; flex-wrap:nowrap; margin: 0 0 0 0px; }
.sub_menu .sub_menu_list .sm_list{width:100%;;height:478px;padding:0px; background:#ffffff; }
.sub_menu .sub_menu_list .first_line {border-left:0px;}
.sub_menu .sub_menu_list .sm_list li{ margin:0px 0px 5px 0px; height:auto; padding:2px 5px 3px 20px;text-align:left;}
.sub_menu .sub_menu_list .sm_list li a{color:#000000; font-size:14px; line-height:20px; font-weight:normal; overflow: hidden; text-overflow:clip;white-space:normal;}
.sub_menu .sub_menu_list .sm_list li.h2 { margin:20px 0px 20px 0px; color:#5b108b; font-size:17px; font-weight:500; line-height:30px;padding-left:0px; text-align:center;}
.sub_menu .sub_menu_list .sm_list li.h2 a{color:#5b108b; font-size:17px; font-weight:500; line-height:30px;}
.sub_menu .sub_menu_list .sm_list_bg{  background:#fafafa; }
.sub_menu .sub_menu_list .sm_list li.on{color:#5b108b; }
.sub_menu .sub_menu_list .sm_list li.on a{color:#5b108b; }
.sub_menu .sub_menu_list .sm_list li.over{color:#5b108b; }
.sub_menu .sub_menu_list .sm_list li.over a{color:#5b108b; }
.sub_menu .sub_menu_list .sm_list li.sm_list_line {margin:4px 34px 0px 34px; height:10px; padding-left:0px;text-align:left; border-top:1px #dedede dashed;}

#fullmenu { position:absolute; z-index:100000; top:110px; left:0px; width:100%; margin-top:0px; min-width:1200px;height:480px; background:#443f47 url('/html/images/common/fm_bg.png') no-repeat 50% 0px;border-top:0px #dedede solid; border:0px #2e3983 solid; opacity:1; box-sizing:border-box;text-align:center; } 
#fullmenu .fm_icon { position:absolute; width:30px; height:30px; top:-67px; left:50%; margin-left:-560px; }
#fullmenu .fm_icon img { width:50px; height:50px; }
#fullmenu a.fm_close { display:block; position:absolute; width:130px; padding-left:35px; border-radius:15px; line-height:30px; height:30px; top:-66px; left:50%; margin-left:470px; color:#ffffff; background:#5b108b url('/html/images/common/icon_close.png') 5px 50% no-repeat; box-sizing:border-box;text-align:left; }
#fullmenu .inner { width:1200px; height:480px; margin:0px auto; text-align:left; display:inline-block; }
#fullmenu .inner h1 { width:1200px; font-size:24px;font-weight:500;color:#ffffff;text-align:center; line-height:35px;padding:45px 0px 35px 0px; text-align:center; display:block; }
#fullmenu .inner h1 img { padding:0px 10px;}
#fullmenu .inner .fm_sub { float:left; width:265px; padding:0px 0px 0px 0px; display:inline-block;}
#fullmenu .inner .fm_sub h2 { font-size:26px; color:#cb81ff; font-weight:500; height:70px; line-height:30px; padding-top:0px; text-align:center;  }
#fullmenu .inner .fm_sub h2 a { display:block;font-size:26px; color:#cb81ff; font-weight:500; line-height:30px; text-align:center; }
#fullmenu .inner .fm_sub h2 a small { font-size:13px; color:#cb81ff; font-weight:400; line-height:20px;  }
#fullmenu .inner .fm_sub ul.fm_ul { float:left;width:100%;height:230px; display:inline-block; margin-top:20px;border-left:1px #67636a solid; }
#fullmenu .inner .fm_sub ul.fm_ul li { padding:0px; padding-left:30px; }
#fullmenu .inner .fm_sub ul.fm_ul.fm_ul_last {border-right:1px #67636a solid;}
#fullmenu .inner .fm_sub ul.fm_ul li a { display:block; font-size:15px; color:#eeeeee;line-height:30px;padding:0px; text-align:left;}
#fullmenu .inner .fm_sub ul.fm_ul li a:hover { color:#eeeeee; text-decoration:underline; }

#fullmenu .inner .fm_sub ul.fm_ul2 { float:left;width:100%;height:230px; display:inline-block; margin-top:20px;border-left:1px #67636a solid; }
#fullmenu .inner .fm_sub ul.fm_ul2 li { float:left;width:270px; display:inline-block;padding:0px; padding-left:30px; }
#fullmenu .inner .fm_sub ul.fm_ul2 li a { display:block; font-size:15px; color:#eeeeee;line-height:30px;padding:0px; text-align:left;}
#fullmenu .inner .fm_sub ul.fm_ul2 li a:hover { color:#eeeeee; text-decoration:underline; }
#fullmenu .inner .fm_sub ul.fm_ul2 li .field_inner { width:270px; display:inline-block; margin-bottom:6px;}
#fullmenu .inner .fm_sub ul.fm_ul2 li a.fm_a2 { float:left; width:100px;display:block;  font-size:15px; color:#eeeeee;line-height:27px;padding:0px; text-align:left;}
#fullmenu .inner .fm_sub ul.fm_ul2 li ul.fm_ul2_1 { float:left;width:170px;border:none; }
#fullmenu .inner .fm_sub ul.fm_ul2 li ul.fm_ul2_1 li { padding:0px;padding-left:10px;height:30px;border:none; }
#fullmenu .inner .fm_sub ul.fm_ul2 li ul.fm_ul2_1 li a {display:block; font-size:14px; color:#c3c1c3;line-height:30px;padding-left:10px; text-align:left; background:url('/html/images/common/fm_dot.png') 0px 50% no-repeat;}
#fullmenu .inner .fm_sub ul.fm_ul2 li ul.fm_ul2_1 li a:hover { color:#c3c1c3; text-decoration:underline;  }

#footer{ width:100%; min-width:1250px; background:#333333; text-align:center; border-top:0px #aaaaaa solid; }
#footer .foot_menu{ width:100%; height:50px; margin:0px auto 10px auto; padding-top:30px; background:#333333; text-align:center; border-bottom:1px #4d4d4d solid;}
.foot_menu .foot_list{ float:none; width:1200px; margin:0 auto;padding:15px 0}
.foot_menu .foot_list li{float:left; padding-left:35px; background: url(/common/images/default/blt_wbar.jpg) no-repeat 18px 50%;display:inline-block;zoom:1;*display:inline;vertical-align:top}
.foot_menu .foot_list li.first{background-image:none;padding-left:0}
.foot_menu .foot_list li a{color:#ffffff; font-size:14px; font-weight:bold;}	
.foot_menu .foot_list li a.footer_privacy_policy{font-weight:normal;color:#ffffff;}
#footer .copy{padding:20px 0 30px 0px;overflow:hidden;width:1200px; margin:0 auto; text-align:center; }
.foot_info{ padding-left:0px; line-height:25px; overflow:hidden;text-align:left;color:#adadad; background: url('/html/images/common/footer_logo.png') no-repeat 0px 50% }

.btn_top { position:fixed;z-index:10000; right:30px; bottom:25px; width:40px;height:40px;}
.btn_top a { display:inline-block; overflow:hidden; width:40px;height:40px;border-radius:50%;font-size:12px;text-align:center;line-height:40px; border:1px #cdcdcd solid; background:url('/html/images/common/top_arrow.png') 50% 50% no-repeat ;text-indent:-999999px;}


/* @@@@@@@@@@@@@@ 메인 컨텐츠 @@@@@@@@@@@@@@ */

#container{width:1200px; margin:0px auto;}
#container.main{width:1200px;margin:70px auto 60px auto;padding-bottom:0px}
#container .horizontal_wrap{position:relative}

.bgGray { width:100%; background:#f7f7f7; text-align:center; }
.main_inner { width:1200px; margin:70px auto 60px auto; display:inline-block; }


/* main 상단롤링배너 */
.main_visual{position:relative; width:100%; min-width:1270px; height:480px; overflow:hidden;}

/* main 상단롤링배너 (좌우화살표 있는것) */
.container {display:relative;  width:100%; min-width:1270px; height:480px !important; min-height:480px; top:0px; padding:0px; text-align:center; }
#slides {display:none;top:0;left:50%; position:absolute; width:100%; margin-left:0%; height:480px !important; overflow: visible; z-index:100; }
#slides a {display:block; height:480px; overflow:visible;  }
#slides a img {  z-index:0; border:0px; width:1200px; height:480px; }
#slides .slidesjs-navigation { position:absolute;  margin-top:0px; }

a.slidesjs-next,
a.slidesjs-previous {background: url('/html/images/playing/arrow.png') no-repeat;display:absolute;width:36px;height:68px !important;overflow: hidden;text-indent: -9999px;float: left;z-index:100; }
a.slidesjs-next { position:absolute; top:200px; left:50%; margin-left:670px; background-position: -36px 0; }
a:hover.slidesjs-next { background-position: -36px -68px; }
a.slidesjs-previous { position:absolute; top:200px; left:50%; margin-left:-700px; background-position: 0 0; }
a:hover.slidesjs-previous { background-position: 0 -68px; }

a.slidesjs-play,
a.slidesjs-stop { display:none; }
a.slidesjs-play { display:none; }
a.slidesjs-stop { display:none; }

.slidesjs-pagination { position:absolute; top:445px; left:50%; margin-left:-45px; float: left; list-style: none; z-index:100;  }
.slidesjs-pagination li { float: left; margin: 0 3px 0 0; }
.slidesjs-pagination li a {display: block;width: 20px;height: 0px !important; text-indent:-9999px; padding:10px 4px 0 4px;background-image: url('/html/images/playing/pagination.png');background-position: 0 0;float: left;overflow: hidden;}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active { background-position: 0 -16px }
.slidesjs-pagination li a:hover { background-position: 0 -32px }


/* 메인 타이틀 */
.main_title { font-family:"NanumSquare",sans-serif;width:1200px; font-size:25px;font-weight:400;color:#2e2e2e;text-align:center; line-height:30px;padding:0px 0px 50px 0px; text-align:center; display:block; } 
.main_title span { padding:0px 30px; width:30px; height:30px; background:url('/html/images/common/mtit_icon.png') 50% 50% no-repeat; }

/* 특장점 */
.feature { width:1200px; text-align:center; padding:0px 0px; text-align:center; display:inline-block; }
.feature li { float:left; width:400px; background:url('/html/images/common/feature_line.png') 0% 100% no-repeat;}
.feature li.first { background:none; }
.feature li h2 { font-size:18px;font-weight:400;color:#222222;text-align:center; line-height:45px;padding:0px; text-align:center;  }
.feature li p { font-size:14px;font-weight:400;color:#666666;text-align:center; line-height:24px;padding:0px; text-align:center;  }
.feature li img { padding:10px 0px;}

/* 추천강의 */
.mcourse_recomm { display:inline-block; width:1200px; height:auto; overflow:hidden; border:none; background:none;text-align:center;}
.mcourse_recomm .main_course_tab { float:none; width:auto; height:80px; margin:0px auto; display:inline-block;}
.mcourse_recomm .main_course_tab li { float:left; width:220px; height:50px;background:none; margin:30px 0px 0px 0px;}
.mcourse_recomm .main_course_tab li a { display:block; margin:0px 9px;padding:0px; width:198px;height:48px;line-height:48px; font-size:17px; font-weight:normal; color:#000000; border-radius:30px; background:#ffffff; border:1px #5b108b solid; }
.mcourse_recomm .main_course_tab li a.mct_bg1 { background:url('/html/images/common/main_course_tab1.png') 50% 0px no-repeat;}
.mcourse_recomm .main_course_tab li a.mct_bg2 { background:url('/html/images/common/main_course_tab2.png') 50% 0px no-repeat;}
.mcourse_recomm .main_course_tab li a.mct_bg3 { background:url('/html/images/common/main_course_tab3.png') 50% 0px no-repeat;}
.mcourse_recomm .main_course_tab li a:hover { color:#5b108b; }
.mcourse_recomm .main_course_tab li.active a { display:block; width:198px;height:48px;color:#ffffff;background:#5b108b; border:1px #5b108b solid;}
.mcourse_recomm .main_course_tab li.active a.mct_bg1 { background:url('/html/images/common/main_course_tab1_over.png') 50% 0px no-repeat; }
.mcourse_recomm .main_course_tab li.active a.mct_bg2 { background:url('/html/images/common/main_course_tab2_over.png') 50% 0px no-repeat; }
.mcourse_recomm .main_course_tab li.active a.mct_bg3 { background:url('/html/images/common/main_course_tab3_over.png') 50% 0px no-repeat; }
.mcourse_recomm .main_course_info { float:none; width:1230px; }
.mcourse_recomm .main_course_info .horizontal_list li{float:left; background:#ffffff; border:0px solid #e5e5e5; padding:0; padding:0px; min-height:140px;width:280px; margin:0px 12px 0px 12px;}
.mcourse_recomm .main_course_info .horizontal_list li.nodata{ padding:130px 0px 10px 0px; font-size:18px; color:#777777;border:1px #dedede solid; background:#ffffff url('/html/images/common/no_course.png') 50% 35% no-repeat; min-height:50px; width:1198px; }
.mcourse_recomm .main_course_info .horizontal_list li.first{ padding-left:0; margin-left:0px; border-left:none;}
.mcourse_recomm .main_course_info .horizontal_list span.img_box{border:1px #dedede solid;position:relative;margin-bottom:0px;width:280px;height:190px}
.mcourse_recomm .main_course_info .horizontal_list span.img_box > a > img{width:280px;height:190px;text-align:center}
.mcourse_recomm .main_course_info .horizontal_list span.list_subject{ display:block;font-weight:bold;font-size:17px; padding:0px; margin-top:10px;color:#333; z-index:100; text-align:left;}
.mcourse_recomm .main_course_info .horizontal_list span.list_subject a {font-family:"NanumSquare",sans-serif; display:block; height:auto;max-height:50px;line-height:25px;font-size:17px;font-weight:500; color:#333;text-align:left;text-overflow:clip;overflow:hidden;white-space:normal;}
.mcourse_recomm .main_course_info .horizontal_list span.list_subtext{ display:block; padding:0;text-align:left;line-height:22px;font-size:14px;overflow:hidden;height:44px;margin-top:5px;}
.mcourse_recomm .main_course_info .horizontal_list span.list_blt{ display:none;padding-left:0;text-align:center;line-height:18px;font-size:13px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.mcourse_recomm .main_course_info .horizontal_list span.list_price{ display:none;}

/* 수강후기 */
.mReview { text-align:center; padding:40px 0 0 0; width:1200px; margin:auto;  }
.mReview_title { font-size:25px; color:#000; font-weight:600; padding-bottom:20px;text-align:left; }
.mReview_inner { width:1200px; height:280px; display:inline-block;margin:0 auto;text-align:left;  border:none;  background:#ffffff; }  
.mReview_inner h2 { float:left; background:#5b108b url('/html/images/common/mReview.png') 100% 100% no-repeat; width:240px; height:210px; font-size:32px; line-height:35px; color:#fff; font-weight:400; text-align:center; padding:70px 0 0 0px; border-radius:6px;  }
.mReview_inner h2 b { font-size:53px; line-height:50px; color:#fff; font-weight:500;  }
.mReview_inner .mReview_cont { float:left; width:925px; margin:0px 0px 0px 35px; }
.mReview_inner .mReview_cont .review_top td { border-bottom:0px #dadada solid; font-size:14px; color:#666; padding:6px 5px 6px 5px; text-align:left; vertical-align:top; }
.mReview_inner .mReview_cont .review_top td a { display:block; font-size:14px; color:#666; line-height:24px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mReview_inner .mReview_cont .review_top td.review_answer {  }
.mReview_inner .mReview_cont .review_top td.review_answer a { display:block; height:75px;line-height:24px;overflow:hidden;border:1px #dedede solid; background:#f7f7f7; padding:10px 10px 10px 95px;  }
.mReview_inner .mReview_cont .review_top td.tac { text-align:center; }
.mReview_inner .mReview_cont .review_top span.order { display:block; margin:0 7px; text-align:center; border:none; background:none; font-size:9px; color:#ff5a01; width:15px; height:20px; line-height:24px; font-size:16px; font-weight:bold; }

.mReview_best { width:1200px; display:inline-block; border:1px #dedede solid;}
.mReview_best ul { width:100%; display:inline-block; }
.mReview_best li { float:left; width:400px; padding:40px 27px 20px 40px; box-sizing:border-box; }
.mReview_best li.mrb1 { background:#ffffff url('/html/images/common/mrb1.png') 40px 30px no-repeat; }
.mReview_best li.mrb2 { background:#fbf9fc url('/html/images/common/mrb2.png') 40px 30px no-repeat; }
.mReview_best li.mrb3 { background:#ffffff url('/html/images/common/mrb3.png') 30px 30px no-repeat; }
.mReview_best li h1 {font-size:20px; color:#000000; line-height:30px; text-align:right; margin-right:10px;}
.mReview_best li h2 {font-size:15px; color:#888888; line-height:25px; text-align:right; margin-right:10px;}
.mReview_best li p {font-size:14px; color:#666666; line-height:22px; text-align:left; padding:53px 0px 0px 0px; height:250px;overflow-y:hidden; }
.mReview_best li p b { display:block; font-size:15px; color:#5b108b; text-align:left; margin-bottom:10px; }
.mReview_best li a.btn_more { float:right; display:block; width:56px; height:22px; line-height:22px; border:1px #d8d8d8 solid; padding-left:9px; background:#ffffff url('/html/images/common/arrow1.png') 50px 50% no-repeat;}

.mBanner { width:1200px; text-align:center; padding:0px 0px; text-align:center; display:inline-block; margin:60px auto; }
.mBanner li { float:left; width:300px; }
.mBanner li.first { background:none; }
.mBanner li h2 { font-size:20px;font-weight:500;color:#222222;text-align:center; line-height:45px;padding:0px; text-align:center;  }
.mBanner li p { font-size:15px;font-weight:400;color:#666666;text-align:center; line-height:24px;padding:0px; text-align:center;  }
.mBanner li img { padding:10px 0px;}

.mBoard { position:relative;width:1200px; text-align:center; padding:0px 0px; text-align:center; display:inline-block; margin:60px auto; }
.mBoard li { position:relative;float:left; width:540px; }
.mBoard li:first-child { margin-right:120px; }
.mBoard li .mBoard_title { font-family:"NanumSquare",sans-serif; font-size:24px;font-weight:400;color:#2e2e2e;text-align:left; line-height:30px;display:block; padding-top:5px; padding-bottom:13px; border-bottom:1px #dedede solid;}
.mBoard li .mBoard_more {position:absolute; top:0;right:0; width:80px;height:32px;line-height:32px;font-size:14px;font-weight:400;color:#555555;text-align:center;border:1px #dedede solid;border-radius:20px;background:#ffffff;display:inline-block; }
.mBoard li .mBoard_con { margin-top:15px; text-align:left; }

/* 메인 컨텐츠 -  메인 게시물 추출 스타일 */
.list_top li{padding-left:0px; height:32px; background:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list_top li a{font-size:15px;line-height:32px; color:#666666; }
.faq_top li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:29px;margin-bottom:4px}
.faq_top li span{display:inline-block;text-align:center;width:60px;height:21px;color:#fff;font-size:11px;padding-left:0; margin:4px 5px 4px 0px;}
.faq_top li .blue{ background:#40659c; border-radius:3px; margin-top:2px;}
.faq_top li .green{background: url(/common/images/default/green_cate.png) no-repeat 0 2px;}
.faq_top li a{font-size:14px;line-height:30px;}


/* layout */
.main_wrap{width:1200px;margin:0px auto 0px auto;overflow:hidden; background:#ffffff; }
.main_wrap .main_content{overflow:hidden;}
.main_wrap .main_content > div{float: left}
.main_wrap .left_area{float:left;width:210px;padding:70px 60px 0 0; margin-top:0px; z-index:1000;}
.main_wrap #contet_area{float:left;width:930px; min-height:750px; margin:30px 0 30px 0; padding:0px 0px 0px 0px; position:relative}

.main_wrap_full {width:1200px;margin:0px auto 0px auto;overflow:hidden; background:#ffffff; }
.main_wrap_full #contet_area{float:none;width:1200px; min-height:750px; margin:30px 0 30px 0; padding:0px 0px 0px 0px; position:relative}


/****** 서브페이지 스타일 ******/
/*lnb */
.left_area {  }
.left_area .lnb_title{font-family:"Malgn Gothic", sans-serif;font-weight:normal;font-size:27px;letter-spacing:-0.05em;color:#222222;background:#ffffff;height:135px;line-height:135px; padding:0px 0 0 0px; text-align:center;border:10px solid #500e79; margin-bottom:10px;}
.left_area .lnb_title2 {font-family:"Malgn Gothic", sans-serif;font-weight:normal;font-size:27px;letter-spacing:-0.05em;color:#222222;background:#ffffff;height:75px;line-height:32px; padding:30px 0 30px 0px; text-align:center;border:10px solid #500e79; margin-bottom:10px;}
.left_area .lnb_list{margin-bottom:20px;border:0px solid #dddddd;}
.left_area .lnb_list li{border-bottom:0px solid #dddddd;}
.left_area .lnb_list li.half{width:50%;float:left;}
.left_area .lnb_list li a{display:block;font-size:17px;color:#000000;font-weight:500;line-height:30px;padding:10px 0px 0px 10px;background:#ffffff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.left_area .lnb_list li.on a{color:#8247ad; background:#ffffff; }
.left_area .lnb_list li a:hover{color:#8247ad; background:#ffffff; }
.left_area .lnb_list li.lnb_sub {background:#ffffff; padding-left:5px; /* height:28px; line-height:28px; */}
.left_area .lnb_list li.lnb_sub a{font-weight:normal;font-size:14px; line-height:20px; padding:5px 0px 5px 13px;color:#666666;background: url('/html/images/common/dot.png') no-repeat 5px 50%}
.left_area .lnb_list li.lnb_sub.on a{color:#762eaa;background: url('/html/images/common/dot.png') no-repeat 5px 50%}
.left_area .lnb_list li.lnb_sub a:hover{color:#762eaa;background: url('/html/images/common/dot.png') no-repeat 5px 50%}
.left_area .lnb_list li.lnb_sub2 {background-color:#f9f9f9; padding-left:28px; padding:3px 0px 3px 28px; /* height:28px; line-height:28px; */}
.left_area .lnb_list li.lnb_sub2 a{ display:block;font-weight:normal;font-size:13px; padding:3px 0px 3px 15px;color:#666666;background-color:#f9f9f9;}
.left_area .lnb_list li.lnb_sub2.on a{color:#0e2c5f;background:#f9f9f9;}
.left_area .lnb_list li.lnb_sub2 a:hover{color:#0e2c5f;background:#f9f9f9;}

.left_area .sp_center {float:none;background:#ffffff;border:none;  width:210px; padding:20px 0px; position:relative; height:auto; margin-top:20px;}
.left_area .sp_center .top_title{font-size:18px;font-weight:500;color:#000;padding-bottom:0px;line-height:45px; background:none; padding-left:0px; text-align:left; }
.left_area .sp_center p {font-size:14px; color:#666; background:url('/html/images/common/left_cs.png') 0px 0px no-repeat; padding-left:70px;padding-bottom:3px; }
.left_area .sp_center .mcs_text {padding:10px 0 0 0px;background:none;}
.left_area .sp_center .mcs_text .mcs_tel{border-top:1px #dddddd dashed;border-bottom:1px #dddddd dashed;color:#550f82;font-size:24px; line-height:32px;font-weight:400;padding:10px; margin-bottom:10px;text-align:center; letter-spacing:-0.05em;}
.left_area .sp_center .mcs_text span{display:block;font-size:13px;line-height:18px; color:#7f7f7f;text-align:center;}

.left_area_classroom {width:196px;}
.left_area_classroom .sp_center { width:160px; margin:0 19px 30px 19px; position:relative;text-align:left; }
.left_area_classroom .sp_center .top_title{font-size:18px;font-weight:bold;color:#333;text-align:center;}
.left_area_classroom .sp_center .mcs_text {padding:14px 0 0 0px;background:url('/common/images_skin2/common/img_cs1.png') 0% 15px no-repeat; background-size:48px auto;}
.left_area_classroom .sp_center .mcs_text .mcs_tel{color:#5b108b;font-size:16px;font-weight:bold; line-height:23px;padding-bottom:5px;text-align:center;}
.left_area_classroom .sp_center .mcs_text span{display:block;font-size:11px;line-height:18px;text-align:center;}

.left_area_full { width:100%; margin:30px auto; }
.left_area_full .lnb_title{ font-family:"Malgn Gothic", sans-serif;font-weight:normal;font-size:45px;letter-spacing:-0.05em;color:#222222;background:#ffffff;line-height:55px;padding:0px;margin-bottom:20px; margin-top:40px;text-align:left;}
.left_area_full .lnb_list{ margin:20px auto 0px auto;width:100%; height:45px;border-left:1px solid #dddddd; display:inline-block;}
.left_area_full .lnb_list li{float:left; width:14%;}
.left_area_full .lnb_list li a{display:block;font-size:15px;color:#333333;font-weight:400;line-height:45px;padding:0px 0px 0px 0px;border:1px solid #dddddd; border-left:none; text-align:center;background:#f9f9f9;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.left_area_full .lnb_list li.on a{color:#000000;font-weight:500; background:#ffffff; border-top:1px #555555 solid; border-bottom:1px solid #ffffff; }
.left_area_full .lnb_list li a:hover{color:#000000;  }


.sub_top {  width:100%; min-width:1250px; height:63px; padding:0px; margin:0px; background:#550f82 url('/html/images/common/svisual_bg.png') no-repeat 50% 50%; overflow:hidden; text-align:center;z-index:100; }
.sub_top img { display:none; }
.sub_top ul { display:inline-block; margin:0px auto; }
.sub_top li {float:left; height:63px; line-height:63px; } 
.sub_top li.st_tit { width:220px; text-align:center; color:#ffffff; font-size:25px; }
.sub_top li.st_comm { width:940px; margin-left:20px; text-align:left; color:#ffffff; font-size:15px;text-indent:-9999999px;}

.content_title{ font-family:"NanumSquare",sans-serif;font-weight:400;color:#000;font-size:45px;line-height:55px;padding-bottom:0px; margin-top:40px;}
.ctitle_ment { font-family:"NanumSquare",sans-serif;font-weight:400;color:#777777;font-size:24px;line-height:35px;margin-bottom:30px; }
.ctitle_ment span { color:#5b108b; }
.ctitle_ment_p { font-family:"NanumSquare",sans-serif;font-weight:400;color:#777777;font-size:20px;line-height:50px;margin:-30px 0px 30px 0px; }
.ctitle_ment_p span { color:#5b108b; }

.content_title2 { font-family:"NanumSquare",sans-serif;font-weight:400;color:#000;font-size:27px;line-height:55px;padding-bottom:0px; margin-top:10px;}

.path{position:absolute;right:30px;top:0px; overflow:hidden;  }
.path_list{float:right;background: url(/common/images/default/path_home.png) no-repeat 0 50%;padding-left:12px}
.path_list li{float:left;padding-left:16px;background: url(/common/images/default/blt_path.png) no-repeat 0 3px;margin-left:5px;font-size:14px;line-height:18px;height:18px}
.path_list li.last{color:#222}

.path_full {position:absolute;right:30px;top:-274px; overflow:hidden;  }
.path_full_list{float:right;background: url(/common/images/default/path_home.png) no-repeat 0 50%;padding-left:12px}
.path_full_list li{float:left;padding-left:16px;background: url(/common/images/default/blt_path.png) no-repeat 0 3px;margin-left:5px;font-size:14px;line-height:18px;height:18px}
.path_full_list li.last{color:#222}

/* 서브페이지 */
.sub_title { font-size:28px; font-weight:500; color:#000000; line-height:30px; margin-bottom:15px; padding-left:0px; background:none;}
.sub_title2 {  font-family:"noto_sans", sans-serif;font-size:25px; font-weight:300; color:#333333; line-height:35px; margin-bottom:25px; padding-left:0px; }
.sub_title2 b { font-size:35px; font-weight:400; color:#000000; line-height:45px;}
.sub_title2 span { color:#512dad; }
.sub_title2 u { color:#512dad;font-style:none; text-decoration:none; }

.sub_point { font-size:18px; font-weight:400; color:#d95814; line-height:25px; margin-bottom:15px; }
.sub_cont { font-size:15px; color:#333333; line-height:25px; margin-bottom:40px; }
.sub_cont b { font-size:17px; font-weight:500; line-height:25px; }
.sub_cont span { color:#f13300; }
.sub_cont_ul { margin-bottom:40px; }
.sub_cont_ul li { font-size:15px; color:#666666; line-height:25px; padding-left:15px; background:url('/html/images/common/dot.png') 4px 11px no-repeat;}
.sub_cont_ul li.scu_b { font-size:16px; color:#384286; font-weight:500; line-height:27px; padding-left:0px; background:none;}
.sub_cont_ul li.nodata { font-size:10px; line-height:30px; padding:0px 0px 30px 0px; background:none;}

.sub_cont_line { display:block;margin-top:20px; padding-bottom:20px;border-top:1px dashed #bebebe; }

/* The academy 소개 */
.greeting { background:url('/html/images/common/greeting.png') 0px 0px no-repeat; margin-top:50px; }
.greeting h1 { font-size:28px;line-height:40px;color:#555555;font-weight:400;padding-top:40px;padding-left:575px;}
.greeting h2 { font-size:38px;line-height:60px;color:#73339c;font-weight:500;margin-bottom:80px; padding-left:575px;}
.greeting p { font-size:20px;line-height:30px;font-weight:500;padding:20px 0; text-align:center; color:#555555;}
.greeting p span { color:#8247ad;}
.greeting ul { margin:23px 0px;height:160px; display:inline-block;}
.greeting li { float:left; width:157px; margin-right:10px; text-align:center; color:#ffffff; font-size:16px; line-height:22px; padding-top:35px;}
.greeting h3 { font-size:24px;width:740px;line-height:63px;color:#333333;font-weight:500; text-align:center;margin:20px auto 40px auto; border-radius:40px; border:2px #585858 solid; }
.greeting h3 span { color:#8247ad;}

.loca_tit { font-size:24px; font-weight:400; color:#5b108b; padding:30px 0; }

/* 이수트리 */
.tree { padding-bottom:50px;text-align:center;background: url('/html/images/common/tree_bg.png') 50% bottom no-repeat;}
.tree h2 {font-family:"NanumSquare",sans-serif;font-size:35px;line-height:46px;font-weight:500;color:#000000;text-align:center; margin-top:30px;}
.tree h2 span {color:#7f32b1;}
.tree h3 {font-family:"NanumSquare",sans-serif;font-size:46px;line-height:60px;font-weight:500;color:#7f32b1;text-align:center; margin-bottom:4px;}
.tree .course_tree { display:inline-block;}
.tree .course_tree li { margin-bottom:20px;}

.tbl_tree { text-align:center; margin-bottom:10px; }
.tbl_tree th {background:#f4f4f5;font-size:15px;color:#ffffff; font-weight:bold; line-height:50px; text-align:center; border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;}
.tbl_tree th.th1 { background:#7d499f; }
.tbl_tree th.th2 { background:#fe7f16; }
.tbl_tree th.th3 { background:#fe4c16; }
.tbl_tree th.th4 { background:#fe1657; }
.tbl_tree th.th5 { background:#9634ba; }
.tbl_tree th.th12 { background:#c088a9;font-size:14px; line-height:30px;}
.tbl_tree th.th13 { background:#ababab;font-size:14px; line-height:30px; border-bottom:1px #b8b8b8 solid; }
.tbl_tree th.th14 { background:#ababab;font-size:14px; line-height:30px; border-bottom:1px #ffffff solid; }
.tbl_tree td {line-height:20px;font-size:14px;background:#ffffff;color:#555555; padding:5px 0px;border-right:1px solid #d9d8d6;border-bottom:1px solid #d9d8d6;text-align:center;}
.tbl_tree td:last-child { border-right:0px;}
.tbl_tree td.bg { background:#eaeaea;}

/* 커리큘럼 */
.curriculum { margin:50px 0px;}

.tab-menu { margin:0px 0 0 0; padding:0;height:50px;border-left:1px solid #dddddd; display:inline-block;box-sizing:border-box; }
.tab-menu > ul { list-style:none; padding:0; margin:0; border-bottom:0px solid #4c4c4c; width:1200px; height:42px; }
.tab-menu > ul > li { font-family:"noto_sans", sans-serif;float:left; width:33.2%; display:block;font-size:18px;color:#555555;font-weight:500;line-height:50px;padding:0px 0px 0px 0px;border:1px solid #dddddd; border-left:none; text-align:center;background:#f9f9f9;cursor:pointer; }
.tab-menu > ul > li:first-child { margin-left:0; }
.tab-menu > ul > li:hover { color:#000000; }
.tab-menu > ul > li.on {color:#000000;font-weight:500; background:#ffffff; border-top:1px #555555 solid; border-bottom:1px solid #ffffff;  }

.sub_tab { margin:0px 0 0 0; padding:0;height:50px;border-left:1px solid #dddddd; display:inline-block;box-sizing:border-box; }
.sub_tab > ul { list-style:none; padding:0; margin:0; border-bottom:0px solid #4c4c4c; width:1200px; height:42px; }
.sub_tab > ul > li { float:left; width:33.2%; display:block;line-height:50px;border:1px solid #dddddd; border-left:none;background:#f9f9f9;cursor:pointer; }
.sub_tab > ul > li a { font-family:"noto_sans", sans-serif;display:block;font-size:18px;color:#555555;font-weight:500;line-height:50px;padding:0px 0px 0px 0px;text-align:center; }
.sub_tab > ul > li:first-child { margin-left:0; }
.sub_tab > ul > li a:hover { color:#000000; }
.sub_tab > ul > li.on {color:#000000;font-weight:500; background:#ffffff; border-top:1px #555555 solid; border-bottom:1px solid #ffffff;  }


.curriculum > .tab_cont_1 { display:block; }
.curriculum > .tab_cont_2 { display:none; }
.curriculum > .tab_cont_3 { display:none; }

.tbl_curri1 { background:url('/html/images/common/curri1.png') no-repeat; height:390px; text-align:center; margin-bottom:10px; }
.tbl_curri1 th { width:300px; font-size:20px;color:#ffffff; font-weight:500; line-height:65px; text-align:center;}
.tbl_curri1 td { width:300px; line-height:24px;font-size:14px;color:#666666; padding:20px 18px 20px 24px;text-align:left; vertical-align:top;}
.tbl_curri1 td b {font-size:15px; font-weight:bold;color:#333333; display:block;}

.tbl_curri2 { background:url('/html/images/common/curri2.png') no-repeat; height:370px; text-align:center; margin-bottom:10px; }
.tbl_curri2 th { font-size:20px;color:#ffffff; font-weight:500; line-height:65px; text-align:center;}
.tbl_curri2 td { line-height:25px;font-size:14px;color:#666666; padding:17px 0px 16px 0px;text-align:center; vertical-align:top;}
.tbl_curri2 td b {font-size:15px;line-height:35px; color:#333333;font-weight:bold; display:block;}

a.gobtn_course { display:block;width:200px; height:50px; box-sizing:border-box; line-height:50px; font-family:"NanumSquare", sans-serif;font-size:18px; padding-left:30px;color:#ffffff; font-weight:400;text-align:left; margin:50px auto;background:#5b108b url('/html/images/common/btn_arrow.png') 165px 50% no-repeat; }

.cont_tbl1{ border-top:2px solid #500e77;text-align:center; margin-bottom:10px; }
.cont_tbl1 th {background:#f4f4f5;font-size:15px;color:#333333; font-weight:bold; line-height:55px; text-align:center; border-right:1px solid #d9d8d6;border-bottom:1px solid #d9d8d6;}
.cont_tbl1 th:last-child { border-right:0px;}
.cont_tbl1 td {line-height:24px;font-size:15px;background:#ffffff;color:#555555; padding:16px 20px;border-right:1px solid #d9d8d6;border-bottom:1px solid #d9d8d6;text-align:left;}
.cont_tbl1 td:last-child { border-right:0px;}
.cont_tbl1 td.th { text-align:center;}

.cont_tbl2{ border-top:1px solid #500e77;text-align:center; margin:10px 0px; }
.cont_tbl2 th {background:#f4f4f5;font-size:14px;color:#333333; font-weight:bold; line-height:35px; text-align:center; border-right:1px solid #d9d8d6;border-bottom:1px solid #d9d8d6;}
.cont_tbl2 th:last-child { border-right:0px;}
.cont_tbl2 td {line-height:22px;font-size:14px;background:#ffffff;color:#555555; padding:6px 20px;border-right:1px solid #d9d8d6;border-bottom:1px solid #d9d8d6;text-align:left;}
.cont_tbl2 td:last-child { border-right:0px;}
.cont_tbl2 td.th { text-align:center;}

.curri_ul { display:none;width:1200px; text-align:center; padding:0px 0px; text-align:center; margin:0px auto 40px auto; }
.curri_ul li { float:left; width:268px; height:290px; border:1px #dedede solid; margin-left:30px; border-radius:8px; }
.curri_ul li.curri_li1 { background:url('/html/images/common/curri_img1.png') no-repeat 50% 68px; margin-left:0px;}
.curri_ul li.curri_li2 { background:url('/html/images/common/curri_img2.png') no-repeat 50% 68px; }
.curri_ul li.curri_li3 { background:url('/html/images/common/curri_img3.png') no-repeat 50% 68px; }
.curri_ul li.curri_li4 { background:url('/html/images/common/curri_img4.png') no-repeat 50% 68px; }
.curri_ul li h2 { font-size:20px;font-weight:500;color:#222222;text-align:center; line-height:58px;padding:10px 0 100px 0px; text-align:center;  }
.curri_ul li p { font-size:14px;font-weight:400;color:#666666;text-align:center; line-height:21px;padding:0px 30px; text-align:center;  }

/******** 회원관련 스타일 *********/
/* login */
.login_box{border:1px solid #e1e1e3; background:#f5f6f8; padding:60px 150px 50px 150px;overflow:hidden; margin-top:20px;}
.log_tt{margin-bottom:40px;font-size:17px;}
.log_form{float:left;padding-right:0px;border-right:1px solid #e0e0e0;width:540px; padding-bottom:0px;}
.log_area{overflow:hidden}
.log_in{float:none !important; display:inline-block;}
.log_in label{padding-right:13px}
.log_in div{height:31px;margin:0px;z-index:10000;}
.log_in .iparea input{ z-index:10000; font-family:"noto_sans", sans-serif; font-size:16px; font-weight:500; color:#777777; border:0px solid #d1d1d1 !important;padding:0px 0 0px 10px;height:40px;width:400px;line-height:40px; margin:15px 0px;}
.log_in .ip_id { display:inline-block; width:420px; height:70px; background:#ffffff url('/html/images/common/ipt1_id.png') 25px 50% no-repeat !important;margin:0px; padding-left:60px; border:1px #e0e1e3 solid; border-bottom:1px #f6f6f6 solid; }
.log_in .ip_pass { display:inline-block; width:420px; height:70px; background:#ffffff url('/html/images/common/ipt1_pw.png') 25px 50% no-repeat !important;margin:0px 0px 20px 0px;padding-left:60px;border:1px #e0e1e3 solid; border-top:none;}
.log_in span { float:left;font-family:"noto_sans", sans-serif; width:800px; display:block; line-height:70px; font-size:16px; font-weight:500; color:#777777; }
.log_area .ip_submit{float:none !important;margin:0px 0px 0px 0px}
.id_save { font-family:"noto_sans", sans-serif;padding:15px 0px; font-size:15px; font-weight:500;}

.login_box .ip_tx{margin-top:24px;font-size:12px;line-height:18px;color:#3c3c3c}
.login_box .ip_tx a{color:#e2450e ;font-weight:700}
.log_find{float:left;padding:30px 0 0 50px;width:186px}
.log_find dt{font-weight:400;letter-spacing:-0.05em; font-size:17px;}
.log_find dd{margin:16px 0 40px 0}

.button.btn_login{ font-family:"NanumSquare", sans-serif;padding:0px;font-size:20px;font-weight:500;background:#8247ad;color: #fff;border:1px #8247ad solid;width:480px ; height:70px; line-height:70px;}
.button.btn_login:hover{background:#72379d;border:1px #72379d solid;}

/*agreement */
.agreement_list{overflow:hidden;width:880px;margin:10px auto;}
.agreement_list li{float:left;padding-left:40px;background: url('/html/images/common/blt_join.gif') repeat-x 0px 50%;}
.agreement_list li.first{padding-left:0;background-image:none;}
.box_title{color:#222222;font-size:24px;font-weight:500;margin:30px 0 15px 0;}
.box_tx{font-size:15px; margin:0 0 15px 0 }
.gray_box{border:1px solid #dcdcdc;background-color:#fafafa;padding:13px 15px;margin-bottom:20px;}
.gray_box .box_stitle{font-weight:500;font-size:18px;color:#333333;margin-bottom:8px;}
.gray_box2{border:1px solid #8247ad;background-color:#fafafa;color:#333333; font-size:18px; font-weight:500; text-align:center;padding:15px 15px;margin-bottom:30px}
.textin > .clause { margin-top:-20px;}
.textin > .clause h3{font-family:"NanumSquare", sans-serif;margin-top:20px;font-weight:500;font-size:14px;color:#666666;} 

.success {border-top:1px solid #676767;border-bottom:1px solid #dedede;margin-top:5px;padding-top:30px}
.success .suc_in{overflow:hidden;width:800px;margin:0 auto}
.success .suc_in h6{float:left;margin-right:20px;margin-top:20px; width:600px; font-size:25px; font-weight:400; color:#333333; display:block; line-height:25px;}
.success .suc_in h6 b{ display:block; line-height:60px;font-size:40px; font-weight:500; color:#8247ad;}
.success .suc_in span{display:block;float:right;margin:20px 0 0 0}
.suc_p{width:800px; font-size:16px;color:#444444;border:none; margin:30px auto;padding-top:0px}
.suc_agree{width:800px;font-size:15px; border:1px solid #dcdcdc; background:#f7f7f7;margin:40px auto 20px auto;padding:20px}

.privacy { line-height:22px; font-size:14px;}
.privacy h3{font-family:"NanumSquare", sans-serif;font-weight:500;font-size:18px;margin-top:20px;color:#8247ad;}
.privacy dl{padding-left:5px;margin-top:10px}
.privacy dt{font-weight:500;margin-top:5px}
.privacy dd{margin-top:2px;margin-left:10px}
.privacy p{margin-top:5px;margin-left:5px;float:none !important}
.privacy .depth2{padding-left:10px}
.privacy .depth2 > li{margin:2px 0}
.privacy .depth3{padding-left:10px}
.privacy .depth3 > li{margin:2px 0}
.privacy .tel_list{overflow:hidden}
.privacy .tel_list li{float:left;width:50%}

.clause { line-height:22px; font-size:14px;}
.clause h3{font-family:"NanumSquare", sans-serif;margin-top:20px;font-weight:500;font-size:18px;color:#8247ad;}
.clause .depth1 li{line-height:22px; font-size:14px;}
.clause .depth1{margin-top:10px;padding-left:0;float:none}
.clause .depth2{padding-left:15px}
.clause .depth3{padding-left:24px}

.refund { line-height:22px; font-size:14px;}
.refund h3{font-family:"NanumSquare", sans-serif;margin-top:20px;font-weight:500;font-size:18px;color:#8247ad;} 
.refund .depth1{margin-top:10px;padding-left:0;float:none}
.refund .depth1 li{line-height:20px; margin-bottom:5px;}
.refund .depth2{padding-left:15px;margin:5px 0;}
.refund .depth2 li{line-height:20px; margin-bottom:0;}
.refund .depth3{padding-left:24px}
.refund .formula { display:inline-block; }
.refund .formula span { float:left; margin-right:5px; }
.refund .formula .rnum { float:left; line-height:40px; }
.refund .formula .rbox { float:left;width:750px;padding:10px 20px; border:1px #dedede solid; background:#f7f7f7; margin:5px 0; font-weight:bold; }
.refund .formula .formula1 { float:left;line-height:40px; }
.refund .formula .formula2 { float:left;text-align:center;line-height:20px; padding:0 4px; background:url('/common/images_skin2/common/furmula2.png') 0 50% repeat-x; }

/* 페이징 */
.page_box{ margin:0 auto; table-layout:auto !important}
.page_box li{vertical-align:top;display:inline-block;zoom:1;*display:inline;vertical-align:top}
.page_box li.page_margin{display:none}
.page_box li div{width:24px;height:24px;border:1px solid #bebebe;padding:0;margin:0 2px;line-height:24px}
.page_box td{ padding:0; border-width:0; font-family:verdana; color:#999999; font-size:12px }
.page_p_btn{display:none}
.page_n_btn{display:none}
.page_box .page_first_btn { background:url('/common/images_skin2/common/page_first_btn.png') no-repeat 50% 50%; width:24px; height:24px; border:1px #d1d1d1 solid; }
.page_box .page_last_btn { background:url('/common/images_skin2/common/page_last_btn.png') no-repeat 50% 50%; width:24px; height:24px; border:1px #d1d1d1 solid; }
.page_box .page_prev_btn { background:url('/common/images_skin2/common/page_prev_btn.png') no-repeat 50% 50%; width:24px; height:24px; border:1px #d1d1d1 solid; }
.page_box .page_next_btn { background:url('/common/images_skin2/common/page_next_btn.png') no-repeat 50% 50%; width:24px; height:24px; border:1px #d1d1d1 solid; }
.page_box li div.page_seperator{display:none}
.page_box li .page_number_btn_on	{background-color:#8247ad; color:#fff; font-weight:700; width:26px; height:26px;border:none;line-height:26px }
.page_box li a:hover{text-decoration:none}
.page_box li .page_number_btn:hover{background-color:#8247ad;color:#fff;width:26px; height:26px;border:none;line-height:26px}



/* 강의 스타일 */
a.back_icon{background: url('/html/images/common/icon_list2.png') no-repeat -1px -1px;;}
a.btn_list{background-position:-1px -1px}
a.btn_list.on{background-position:-1px -32px}
a.btn_gallery{background-position:-32px -1px}
a.btn_gallery.on{background-position:-32px -32px}
a.btn_webzine{background-position:-63px -1px}
a.btn_webzine.on{background-position:-63px -32px}
a.btn_calendar{background-position:-94px -1px}
a.btn_calendar.on{background-position:-94px -32px}

.course_tab { width:100%;display:inline-block;height:40px; box-sizing:border-box; border-left:1px #dedede solid;}
.course_tab li {float:left; width:auto;min-width:11%; display:inline-block; border:1px #dedede solid; border-left:none;list-style:none;box-sizing:border-box;}
.course_tab li a {display:block; font-size:14px; height:40px; line-height:40px; padding:0px 20px; color:#666666;text-align:center;box-sizing:border-box; }
.course_tab li a:hover {display:block;color:#6b2c96;background:#f7f7f7;box-sizing:border-box; }
.course_tab li.on a {color:#ffffff; background:#6b2c96;}

/* 갤러리형 강의 리스트 */
.course_gallery { display:inline-block; width:945px;padding-top:20px; }
.course_gallery li { float:left; width:298px; margin:10px 15px 10px 0; border:1px #dedede solid;  }
.course_gallery .cimg { width:298px; height:198px; }
.course_gallery .cimg img { width:298px; height:198px; }
.course_gallery .ccont { padding:19px; }  
.course_gallery .ccont .clabel {display:block; }
.course_gallery .ccont .label { margin-left:0; }
.course_gallery .ccont .cday { float:right; margin-top:-20px; font-size:12px; text-align:right; }
.course_gallery .ccont .ctitle a { font-family:"NanumSquare", sans-serif;display:block; font-size:18px; color:#222; font-weight:500; margin:0 0 15px 0; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.course_gallery .ccont .cprice { text-align:center; font-size:15px; margin:10px 0;font-weight:500; padding:10px 0 0 0; border-top:1px #dedede dashed; }
.course_gallery .ccont .ctext { font-size:13px; height:40px; font-weight:400; line-height:20px;  padding:0; overflow:hidden;text-overflow:ellipsis;  }
.course_gallery .ccont .cif { font-size:13px; border-top:1px #dedede dashed; padding:10px 0 0 0; margin:10px 0  0  0; }
.course_gallery .ccont .cbtn { text-align:center; margin:15px -10px 0px -10px; }
.course_gallery .ccont .cbtn .button.long { width:110px}
.course_gallery li.nodata { float:none; width:830px; margin:-8px 0 0 0 !important;padding:0; border:0; border-bottom:1px #d1d1d1 solid; line-height:200px;  font-size:18px; }

/* 웹진형 강의 리스트 */
.type_chart {border-top: 1px solid #676767}
.type_chart .list_li {padding:8px 0}
.type_chart .list_li .course_img{width:220px;height:155px;display:block;float:none;position:relative;margin-top:14px;}
.type_chart .list_li .course_img a{display:block;width:220px;height:147px;overflow:hidden;border:1px solid #d1d1d1}
.type_chart .list_li .course_img a img{width:220px;height:147px;display:block}
.type_chart .list_li .course_img .tm{position:absolute;left:0;top:0}

.type_chart .list_li .top_td{padding-top:5px;}
.type_chart .list_li .top_td span{margin-right:8px}
.type_chart .list_li .bot_td span{margin-left:0}
.type_chart .list_li .bot_td{padding-bottom:15px; border-bottom:1px solid #d1d1d1}
.type_chart .list_li .bot_td.tac{text-align:center}
.type_chart .list_li .btn_list{margin-bottom:-5px}
.type_chart .list_li .btn_list .button{margin-bottom:5px}
.type_chart strong{display:block;max-height:72px;line-height:24px;overflow:hidden;}
.type_chart strong a{font-family:"NanumSquare", sans-serif; color:#000;font-size:18px;line-height:24px;font-weight:500; padding-left:0;}
.type_chart .list_li span{margin-left:4px}
.type_chart .list_li .ct_wrap{overflow:hidden}
.type_chart .list_li .ct_text{height:40px;overflow:hidden;line-height:20px;margin-top:10px}
.type_chart .list_li .ct_if{overflow:hidden;margin-top:10px}
.type_chart .list_li .ct_if .tutor{float:left;margin-right:10px}
.type_chart .list_li .ct_if .p{float:left; padding-right:10px;}
.type_chart .list_li .ct_if .p span.days { margin-right:10px; }
.type_chart .nodata { width:830px; line-height:200px;height:200px; margin:-8px 0 0 0;border-bottom:1px solid #d1d1d1; padding:0; text-align:center; font-size:18px; background-color:#ffffff !important;}


/* button style */
.button::-moz-focus-inner {border:0; padding:0;margin:0}
button.button::-moz-focus-inner {margin:0}
.button{width: auto;display: inline-block;cursor: pointer;line-height:100%;border: none;border-radius:0;
	padding:8px 25px;font-size:15px;text-align:center;background-image:none;
	text-shadow:none;
}
.button.mini{padding:0 4px; height:24px; line-height:24px; font-size:13px; vertical-align:0;}
.button.small{padding:0 10px; height:30px; line-height:30px; font-size:13px}
.button.medium{padding:0 16px; height:34px; line-height:34px; font-size:15px}
.button.large{padding:0 35px; height:38px; line-height:38px; font-size:18px;font-weight:500;}
.button.large_square{padding:10px 10px;font-size:14px;font-weight:500;}
.button.large_p0{padding:0;font-size:14px;font-weight:500;}

.button.black{background-color: #222;color: #fff;border:1px solid transparent;background-image:none;}
.button.black:hover{background-color: #000}
.button.white{background-color: #fff;color: #333;border:1px solid #ddd;text-shadow:none;background-image:none;}
.button.white:hover{background-color: #eee;border:1px solid #bbb}
.button.recomm_title{float:left; border:0 none; padding:10px 0 10px 32px; border-radius:3px; background:url('/common/images_skin2/common/icon_good.png') 10px 48% no-repeat;}
.button.recomm_cnt{float:left;background:none;padding:10px 10px 10px 6px; color:#0f91d0;}
.button.pview_title{padding:10px 10px 10px 37px; border-radius:3px; background:url('/common/images_skin2/common/icon_pview.png') 10px 48% no-repeat; }
.button.wish_title{padding:10px 10px 10px 33px; border-radius:3px; background:url('/common/images_skin2/common/icon_wish_off.png') 10px 48% no-repeat; }
.button.wish_title.on{background:url('/common/images_skin2/common/icon_wish_on.png') 10px 48% no-repeat; }
.button.large_p0:hover .button.recomm_title{color: #0f91d0}
.button.blue{background-color: #8247ad;color: #fff;border:1px solid #8247ad}
.button.blue:hover{background-color: #72379d;border:1px solid #72379d}
.button.green{background-color: #8247ad;color: #fff;border:1px solid #8247ad}
.button.green:hover{background-color: #72379d;border:1px solid #72379d}
.button.sky{background-color: #5bc0de;color: #fff;border:1px solid #5bc0de}
.button.sky:hover{background-color: #4ab0cd}
.button.orange{background-color: #8247ad;color: #fff;border:1px solid #8247ad}
.button.orange:hover{background-color: #72379d;border:1px solid #72379d}
.button.red{background-color: #8247ad;color: #fff;border:1px solid #8247ad}
.button.red:hover{background-color: #72379d;border:1px solid #72379d}
.button.gray{background-color: #a3a3a3;color: #fff;border:1px solid #939393}
.button.gray:hover{background-color: #929292}
.button.long{padding-left:0;padding-right:0;width:78px}


.button.btn_buy	{ width:202px;border-radius:0px; padding:0; text-align:center; height:45px; line-height:45px; font-size:18px; color:#ffffff; font-weight:bold; background:#8247ad; border:1px #8247ad solid;}
.button.btn_buy:hover {background:#72379d;}
.button.btn_cart { width:202px;border-radius:0px;padding:0; margin-right:10px; text-align:center; height:45px; line-height:45px; font-size:18px;color:#72379d; font-weight:bold; background:#ffffff; border:1px #72379d solid;}
.button.btn_cart:hover {background:#ffffff; border:1px #72379d solid;}

/****** 게시판 style (full일 경우 ) ******/
.search_form_wrap1 {margin:0 auto 15px auto;padding:0 0 15px 0; text-align:right; }	  /* 강좌 상단의 오른쪽 검색 */
.search_form_wrap2 {margin:0 auto;padding:30px 0; text-align:center; }  /* 게시판 하단 검색 */
.search_form_wrap2 .search_form { padding-left:270px; }  
.search_form_wrap3 { margin:0 auto 20px auto; width:100%;display:inline-block; padding:30px 0; text-align:center; background:#f7f7f7;   }  /* FAQ 검색 */
.search_form_wrap3 .search_form { padding-left:270px; }  /* FAQ 검색 */
.search_form_wrap3 .search_keyword { width:300px !important; height:32px !important; line-height:32px !important; margin:0 !important; }
.search_form_wrap4 { display:block; float:right;margin-top:10px; padding:0; text-align:right;z-index:100000; }	 /* 마이페이지 검색 */


/****** 게시판 style (full일 경우 ) ******/
.main_wrap_full > .search_form_wrap1 {margin:0 auto 15px auto;padding:0 0 15px 0; text-align:right; }	  /* 강좌 상단의 오른쪽 검색 */
.main_wrap_full > .search_form_wrap2 {margin:0 auto;padding:30px 0; text-align:center; }  /* 게시판 하단 검색 */
.main_wrap_full > .search_form_wrap2 .search_form { padding-left:400px; }  
.main_wrap_full > .search_form_wrap3 { margin:0 auto 20px auto; width:100%;display:inline-block; padding:30px 0; text-align:center; background:#f7f7f7;   }  /* FAQ 검색 */
.main_wrap_full > .search_form_wrap3 .search_form { padding-left:400px; }  /* FAQ 검색 */
.main_wrap_full > .search_form_wrap3 .search_keyword { width:300px !important; height:32px !important; line-height:32px !important; margin:0 !important; }
.main_wrap_full > .search_form_wrap4 { display:block; float:right;margin-top:10px; padding:0; text-align:right;z-index:100000; }	 /* 마이페이지 검색 */

.type_list {border-top: 1px solid #676767}
.type_list thead th{border-bottom: 1px solid #676767;padding:12px 0;font-size:16px; font-weight:400;color:#000000;white-space:nowrap;}
.type_list tbody td{border-bottom: 1px solid #ddd;padding:10px 0;font-size:15px;}
.type_list tbody td.tac{text-align:center}
.type_list tbody td.tal{text-align:left;padding-left:10px;}
.type_list tbody td.tal span{vertical-align:top;margin-left:2px}
.type_list tbody td.tal span img{vertical-align:top;margin-top:2px}
.type_list tbody td.tal .subject{max-width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;float:left;line-height:19px;margin-right:4px}
.type_list tbody td.tal .subject img{vertical-align:top}
.type_list tbody td.tal .subject a {color:#777; line-height:24px;}
.type_list tbody td.tal .subject a b {color:#333333; font-size:15px; font-weight:bold; padding-top:7px;}

.type_read{border-top: 1px solid #676767}
.type_read thead th{padding:13px 0;background-color:#f6f6f6;color:#000; border-bottom:1px #dedede solid;}
.type_read thead td{padding:12px 0;background-color:#ffffff;color:#000;border-bottom:1px #dedede solid;}
.type_read thead .subject{padding-left:20px;font-size:17px; font-weight:400;color:#000000; text-align:left !important;}
.type_read td.files{padding-left:10px}
.type_read thead .view_info{font-weight:normal;text-align:right;padding-right:20px}
.type_read thead td.read_point { padding-left:20px;}
.type_read thead td.read_point span { margin-top:4px;}
.type_read tbody td{border-bottom:1px solid #d1d1d1;padding:10px 0; font-size:15px;}
.type_read tbody td .read_text{padding:10px;min-height:200px}
.type_read tbody td .read_text img{max-width:100%;}
.faq_wrap{border-top:1px solid #727272; font-size:15px;}
.faq_wrap .nodata{padding:12px 0;border-bottom:1px solid #d1d1d1}
.faq dt{width:100%;display:block;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;padding:15px 50px;background: url(/html/images/common/faq_question.png) no-repeat 15px 15px;border-bottom:1px solid #d1d1d1;overflow:hidden}
.faq dd{display:none;padding:15px 50px;background: #f7f7f7 url(/common/images/default/faq_answer.gif) no-repeat 15px 15px;border-bottom:1px solid #d1d1d1}
.faq.on dt{display:block;white-space:normal;}  

 /* 강사진 소개 */
.type_grid_tutor{ padding:0; margin:0; margin-top:45px; }
.type_grid_tutor .list_grid{ width:102%;overflow:hidden; padding:0; margin:0 -2% 20px 0}
.type_grid_tutor .list_grid li{ float:left; width:30%; padding:0 0;margin:0 3% 50px 0;height:300px;text-align:center; display:inline-block; overflow:hidden; }
.type_grid_tutor .list_grid li .grid_img{ float:none; width:auto;height:310px;overflow:hidden; margin:0 30px 0 0;text-align:center;}
.type_grid_tutor .list_grid li .grid_img img {width:275px;height:310px;border:0px solid #d3d3d3;cursor:pointer;}
.type_grid_tutor .list_grid li .grid_detail{ display:none;float:none;width:auto; background-color:#ffffff; font-size:15px;}
.type_grid_tutor .list_grid li .grid_title{ height:35px; border-bottom:none; border-top:none; margin:10px 0px;font-size:24px; line-height:35px; color:#000000;font-weight:500;text-align:left;}
.type_grid_tutor .list_grid li.nodata{width:100%;line-height:200px;height:200px; font-size:18px; text-align:center;}

.type_tutor_view {margin-top:45px;}
.type_tutor_view th {vertical-align:top; width:330px;  }
.type_tutor_view td {vertical-align:top;}
.type_tutor_view .tutor_image {width:275px;height:310px;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center top;text-indent:-9999px;}
.type_tutor_view  .tutor_view1 { font-family:"NanumSquare", sans-serif; font-size:30px; color:#8247ad; font-weight:400; line-height:40px; }
.type_tutor_view  .tutor_view2 { margin-top:20px;}
.type_tutor_view  .tutor_view2 .tutor_stit { font-family:"NanumSquare", sans-serif; font-size:20px;font-weight:500; color:#333333; line-height:50px; border-bottom:1px #777777 solid; border-top:1px #dedede solid;}
.type_tutor_view  .tutor_view2 p { font-size:15px;font-weight:400; color:#555555; line-height:26px; padding:20px 0px 30px 0px; }

.page .page_title{font-family:"NanumSquare", sans-serif;font-size:18px;font-weight:500;color:#000000;padding-left:20px;background: url('/html/images/common/blt_curri.png') no-repeat 0 50%;margin-top:20px}
.cv .page_title{font-family:"NanumSquare", sans-serif;font-size:18px;font-weight:500;color:#000000;padding-left:20px;background: url('/html/images/common/blt_curri.png') no-repeat 0 50%;margin-top:20px;margin-bottom:8px}

/******** 마이페이지 스타일 *********/
.tb_title{font-family:"NanumSquare", sans-serif;font-weight:500;color:#333;padding:35px 0 15px 0;font-size:24px; line-height:30px}
.my_box{border:none; border-top:2px #000000 solid;overflow:hidden; padding-top:30px;}
.my_box .my_info{padding:10px 0px 20px 185px;width:330px;float:left;position:relative;background:url('/html/images/common/myinfo_img.png') no-repeat 0 0px;}
.my_box .my_info h6{font-family:"NanumSquare", sans-serif;font-weight:500;color:#2d2d2d;font-size:20px;padding:0px 0 12px 0;}
.my_box .my_info .h6_sub{display:none;color:#757575;font-size:11px;padding-left:15px;background: url(/common/images/default/blt_bar.png) no-repeat 6px 0}
.my_box .my_info li{overflow:hidden;height:20px;line-height:20px;margin-bottom:5px}
.my_box .my_info li strong{display:block;float:left;width:70px}
.my_box .my_info li span{display:block;float:left;width:190px}
.my_box .my_info li span.name{font-weight:700;color:#3c3c3c}
.my_box .my_info .btn_more{position:absolute;left:185px;top:148px}
.my_box .my_info .my_info_in{border-top:0px solid #d7d7d7;padding:6px 0 0 0px;background:none;min-height:110px}

.my_box .my_note{padding:0px 0px 20px 0px;float:left;width:410px;border-left:0px solid #d7d7d7;position:relative}
.my_box .my_note h6{font-family:"NanumSquare", sans-serif;font-weight:500;color:#2d2d2d;font-size:20px;padding:3px 0 12px 32px;background: url('/html/images/common/mymemo.png') no-repeat 0px 0%;}
.my_box .my_note .h6_sub{display:none;color:#757575;font-size:11px;padding-left:15px;background: url(/common/images/default/blt_bar.png) no-repeat 6px 0}
.my_box .my_note .btn_more{position:absolute;right:0px;top:-5px}
.my_box .my_note .my_note_in{border-top:1px solid #d7d7d7;padding:20px 0 0 0;min-height:110px; background:#f4f4f4;}
.my_box .my_note .my_note_in li{position:relative;margin-bottom:2px}
.my_box .my_note .my_note_in li a{vertical-align:top;color:#777}
.my_box .my_note .my_note_in li img{vertical-align:top;padding-right:6px}
.my_box .my_note .my_note_in li p{width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;line-height:20px}
.my_box .my_note .my_note_in li .note_day{position:absolute;right:0;top:0}

 
.search_title em {color:#5f1b8b;}
.search_section .search_detail .search_cnt em {color:#5f1b8b; font-weight:500;}

.curri2 { width:1200px; border:0px; }
.curri2 th { width:275px; padding:0px;font-size:23px;font-weight:500; color:#ffffff; font-weight:bold;border-right:20px #ffffff solid; border-bottom:20px #ffffff solid;}
.curri2 th.th1 { background:#a8a8a8 }
.curri2 th.th2 { background:#9962bb }
.curri2 td { padding:0px;border-bottom:20px #ffffff solid; }
.curri2 td h2 { display:block; width:100%; height:50px;font-weight:500;}
.curri2 td h2 a { display:block;background:#7030a0; height:50px; line-height:50px;font-size:17px;font-weight:500; color:#ffffff; text-align:center;}
.curri2 td .curri2_ul {display:inline-block; margin-top:20px; }
.curri2 td .curri2_ul li {float:left; }
.curri2 td .curri2_ul li.curri2_li1 {width:240px; }
.curri2 td .curri2_ul li.curri2_li1 h4 { padding-left:20px; line-height:28px; font-size:17px;font-weight:500; color:#000000; background:url('/html/images/common/dot1.png') 10px 50% no-repeat;}
.curri2 td .curri2_ul li.curri2_li1 p { padding:0px 20px; line-height:20px; font-size:14px; color:#666666; margin-bottom:15px; background:none;}
.curri2 td .curri2_ul li.curri2_li2 {width:665px; }
.curri2 td .curri2_ul li ul.curri2_ul_inner {display:inline-block; width:675px; margin-left:-10px; box-sizing:border-box; margin-top:10px;}
.curri2 td .curri2_ul li ul.curri2_ul_inner li {float:left; width:31.8%;font-weight:300; border:1px #dedede solid; border-radius:10px; padding:20px; margin-left:10px; box-sizing:border-box; color:#333333; font-size:15px;}


/* 회원가입 약관부분 텍스트 일괄처리 */
.textin { font-size:14px !important; font-weight:normal !important;}
.textin > .clause { margin-top:-10px;}
.textin > .clause  h2 {font-size:14px !important; font-weight:300 !important;color:#666666 !important; line-height:20px !important;padding:0px !important;margin:20px 0px 0px 0px !important;}
.textin > .clause  h3 {font-size:14px !important; font-weight:300 !important;color:#666666 !important; line-height:20px !important;padding:0px !important;margin:10px 0px 0px 0px !important;}
.textin > .clause  .depth1{margin-top:0px !important;}

.tab_tt li {width:16.6%;}
