html {overflow-y:scroll}
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input, textarea, select, table, th, td  {margin: 0;padding: 0; font-size:12px; font-family:dotum,sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
fieldset, img, abbr, acronym {border: 0 none;}
ol, ul, dl {list-style: none;}
address, caption, em, cite {font-weight: normal;font-style: normal;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}
.hidden {position: absolute;left: -9999px; width: 0;height: 0;font-size: 0;}
a {text-decoration: none; color:#000}
.clear  {*zoom:1;}
.clear:after {content:'';clear:both; display:block;}

/* -------------------폰트페이스------------------- */
@font-face {
	font-family: "NanumBarunGothic";
	src: url(font/NanumBarunGothic.eot);
	src: local("※"), url(font/NanumBarunGothic.woff) format('woff'), url(font/NanumBarunGothic.ttf) format('truetype');
	font-weight:normal;
	font-style:normal;	
}

@font-face {
	font-family: "NanumBarunGothicBold";
	src: url(font/NanumBarunGothicBold.eot);
	src: local("※"), url(font/NanumBarunGothicBold.woff) format('woff'), url(font/NanumBarunGothicBold.ttf) format('truetype');
	font-weight:normal;
	font-style:normal;	
}

/* -------------------레이아웃------------------- */
.inner {position:relative; margin:0 auto; width:1000px;}
#wrap {width:100%; min-width:1050px;}
#header {position:relative;z-index:4000; width:100%; height:140px; border-bottom:1px solid #dbdbdb;}
#container {width:100%; }
#footer {margin-top:30px;}

/* -------------------해더------------------- */
.util_area {position:relative; width:100%; height:94px;}
.util_area .inner {height:94px;}
.util_area h1 {padding-top:19px;}
.util_area dl {position:absolute; right:0; bottom:15px;}
.util_area dl dd {float:left; padding:0 10px; height:12px; background:url(../img/bullet_util_bar.jpg) no-repeat left 50%;  font:11px/15px dotum,sans-serif;}
.util_area dl dd.favo {padding-left:16px; background:url(../img/ico_favo.jpg) no-repeat left top;}
.util_area dl dd a {color:#565656;}

.top_area {border-top:2px solid #2276c4;}
.top_area #gnb {overflow:hidden;}
.top_area #gnb > ul {overflow:hidden; height:44px;}
.top_area #gnb > ul > li {float:left; width:160px; text-align:left; }
.top_area #gnb > ul > li > a {display:block; width:100%; height:44px; }
.top_area #gnb ul li.gnb01 div.lnb {width:160px; border-left:1px solid #ededed;}
.top_area #gnb ul li.gnb01 div.lnb a.first {font-weight:bold; color:#0c4da2; }
.top_area #gnb ul li.gnb03 {width:180px; text-align:center}
.top_area #gnb ul li.gnb03 div.lnb {width:180px}
.top_area #gnb ul li.gnb03 div.lnb div {width:180px;padding:10px 0 !important; text-indent:10px; text-align:left}

.top_area #gnb ul li.gnb06 {width:165px;}
.top_area #gnb ul li.gnb06 > a {position:relative; left:-10px; top:-2px;}


/* 메뉴 */
.top_area #gnb ul li.on .lnb div {}
.top_area #gnb ul li div.lnb {position:relative; width:165px; height:270px; border-right:1px solid #ededed;} /*전체메뉴의 height가 늘어나는경우 height값을 바꿔주세요*/
.top_area #gnb ul li.gnb06 div.lnb {width:165px;}
.top_area #gnb ul li div.lnb div {padding:10px;}
.top_area #gnb ul li div.lnb div a {display:block; font:12px/24px dotum,sans-serif; color:#3a3a3a; letter-spacing:-1px; }
.top_area #gnb ul li div.lnb div a:hover {color:#2276c4;}
.gnbBg{display:block; position:absolute; top:140px; left:0; z-index:3000; width:100%; min-width:1050px; height:0; background-color:#ffffff; border-bottom:1px solid #ededed;}

/* 메뉴_교육과정*/
.top_area #gnb .depth li a {font-weight:bold !important; color:#6c6c6c !important;}
.top_area #gnb .depth li a span {font:inherit; color:#0c4da2;}
.top_area #gnb .depth li ul {padding:5px 0; background:#ededed}
.top_area #gnb .depth li ul li a {font-weight:normal !important;; line-height:18px !important;}
.top_area #gnb .depth li ul li a:hover {text-decoration:underline; }
.top_area #gnb .depth li a.no_mal {font-weight:normal !important;}
.top_area #gnb .depth li a.no_mal:hover {color:#2276c4 !important;}
/* -------------------메인------------------- */
/*메인비주얼*/
.main_visual {position:relative; margin:0 auto; width:100%; min-width:1000px; height:600px;margin-top:10px}
.main_visual ul {width:100%; height:600px;}
.main_visual ul li {width:100%; height:600px; background-position:top center; background-repeat:no-repeat; text-indent:-9999px;}
.main_visual .bx-controls {position:absolute; top:0; left:0; width:100%; height:600px; text-align:center; z-index:999;}
.main_visual .bx-controls .bx-pager  {position:absolute; left:0; bottom:15px; width:100%; text-align:center;}
.main_visual .bx-controls .bx-pager div {display:inline-block; *display:inline; *zoom:1;}
.main_visual .bx-controls .bx-pager div a {display:block; margin:0 5px; width:12px; height:12px; background:#a7b2c1; border-radius:12px; -ms-border-radius:12px; -webkit-border-radius:12px;  -o-border-radius:12px;  -moz-border-radius:12px; text-indent:-9999px;}
.main_visual .bx-controls .bx-pager div a.active {background:#a2d163; width:25px;}

/*메인영역레이아웃*/
.main_area { position:relative; margin:0 auto; width:1000px; *zoom:1;}
.main_area:after {content:'';clear:both; display:block;}
.main_area .main_aside {float:left; width:230px;}
.main_area .main_cont {float:right; width:750px;}
.main_area .main_aside > div {margin-top:20px; width:228px; border:1px solid #dbdbdb;}

/*아웃로그인*/
.main_area .main_aside .outLogin_box {height:158px;}
.main_area .main_aside .outLogin_box .top {padding:18px 15px 0; width:200px; height:102px;}
.main_area .main_aside .outLogin_box .top h3 {margin-bottom:15px;}
.main_area .main_aside .outLogin_box dl { position:relative; width:100%;}
.main_area .main_aside .outLogin_box dl dd {margin-bottom:7px;}
.main_area .main_aside .outLogin_box dl dd input[type=text],.main_area .main_aside .outLogin_box dl dd input[type=password] {padding-left:5px; width:138px; height:24px; border:1px solid #dbdbdb; font:12px '맑은 고딕',dotum,sans-serif; color:#4e5051;}
.main_area .main_aside .outLogin_box dl dd.btn {position:absolute; top:0; right:0; width:auto !important}
.main_area .main_aside .outLogin_box dl.after_login dd.txt {padding-top:5px; width:100px; font:14px/24px '맑은 고딕',dotum,sans-serif; color:#666666;}
.main_area .main_aside .outLogin_box dl.after_login dd.txt b {color:#2276c4}

.main_area .main_aside .outLogin_box ul {height:38px; background:#f1f6f8; text-align:center;}
.main_area .main_aside .outLogin_box ul li {display:inline-block; padding:0 7px 0 4px; *zoom:1; *display:inline; font:11px/40px dotum,sans-serif; background:url(../img/bullet_bar2.jpg) no-repeat right 48%;}
.main_area .main_aside .outLogin_box ul li.last {background:none;}
.main_area .main_aside .outLogin_box ul li input {vertical-align:middle;}
.main_area .main_aside .outLogin_box ul li a {color:#565656}
.main_area .main_aside .outLogin_box ul li a b {color:#2276c4}






/*고객지원센터*/
.main_area .main_aside .cs_box {height:158px;}

/*무료학습상담신청*/
.main_area .main_aside .consult_box {height:609px;}
.main_area .main_aside .consult_box > div {padding:15px 23px; width:184px; text-align:center;}
.main_area .main_aside .consult_box > div input[type=text] {padding-left:3px; width:140px; height:24px; border:1px solid #dbdbdb;}
.main_area .main_aside .consult_box > div textarea {padding:8px; width:166px; height:230px; border:1px solid #dbdbdb; font-size:11px;}
.main_area .main_aside .consult_box > div table th {font-size:11px; font-weight:normal;}
.main_area .main_aside .consult_box > div table th,.main_area .main_aside .consult_box > div table td {padding-bottom:6px;}
.main_area .main_aside .consult_box p {margin-top:6px; font-size:11px;}
.main_area .main_aside .consult_box p.tip {font:11px NanumBarunGothic,'맑은 고딕',dotum,sans-serif; color:#4e5051;}
.main_area .main_aside .consult_box p.agree input[type=checkbox] {vertical-align:middle;}

/*결제계좌*/
.main_area .main_aside .account_box {height:110px;}

.main_area .main_cont > div {margin-top:20px;}
/*공지사항 및 수강후기 탭*/
.main_area .main_cont .section1 {overflow:hidden;}
.main_area .main_cont .section1 .notice_box {position:relative; float:left; width:438px; height:158px; border:1px solid #c5c0bf;}
.main_area .main_cont .section1 .notice_box ul.tabMenu {padding:13px 17px 0; height:28px; background:#e8e8e8;}
.main_area .main_cont .section1 .notice_box ul.tabMenu li {float:left; width:90px; height:28px; margin-right:4px;}
.main_area .main_cont .section1 .notice_box ul.tabMenu li a {display:block; width:100%;	height:28px; text-indent:-9999px; }
.main_area .main_cont .section1 .notice_box ul.tabMenu li.notice a {background:url(../img/tab_notice_off.jpg) no-repeat;}
.main_area .main_cont .section1 .notice_box ul.tabMenu li.notice.active a {background:url(../img/tab_notice_on.jpg) no-repeat;}
.main_area .main_cont .section1 .notice_box ul.tabMenu li.review a {background:url(../img/tab_review_off.jpg) no-repeat;}
.main_area .main_cont .section1 .notice_box ul.tabMenu li.review.active a {background:url(../img/tab_review_on.jpg) no-repeat;}
.main_area .main_cont .section1 .notice_box p {position:absolute; top:13px; right:13px;}
.main_area .main_cont .section1 .notice_box .tab-cont {padding:8px 15px; width:408px;}
.main_area .main_cont .section1 .notice_box .tab-cont ul {width:100%;}
.main_area .main_cont .section1 .notice_box .tab-cont ul li {overflow:hidden; padding-left:10px; background:url(../img/bullet_dot.jpg) no-repeat left 50%; font:13px/25px NanumBarunGothic,'맑은 고딕',sans-serif;}
.main_area .main_cont .section1 .notice_box .tab-cont ul li a {float:left; color:#757575;}
.main_area .main_cont .section1 .notice_box .tab-cont ul li span {float:right; font:14px/25px 'Calibri',sans-serif; color:#757575;}
/*메인 cs*/
.main_area .main_cont .section1 .main_cs {position:relative; float:right; width:288px; height:158px;}

/*가온 TALK*/
.main_area .main_cont .section1 .talk_box {position:relative; float:right; width:288px; height:158px; border:1px solid #c5c0bf; background:url(../img/bg_talk.jpg) no-repeat right bottom}
.main_area .main_cont .section1 .talk_box h3 {padding:18px 0 0 15px; height:25px; background:#e8e8e8;}
.main_area .main_cont .section1 .talk_box p {position:absolute; top:13px; right:13px;}
.main_area .main_cont .section1 .talk_box ul {padding:8px 15px;}
.main_area .main_cont .section1 .talk_box ul li {overflow:hidden; padding-left:10px; background:url(../img/bullet_dot.jpg) no-repeat left 50%; font:13px/25px NanumBarunGothic,'맑은 고딕',sans-serif;}
.main_area .main_cont .section1 .talk_box ul li a {float:left; color:#757575;}
.main_area .main_cont .section1 .talk_box ul li span {float:right; font:14px/25px 'Calibri',sans-serif; color:#757575;}

/*모집일정*/
.main_area .main_cont .section2 {overflow:hidden; padding:0 15px; width:718px; height:58px; border:1px solid #c5c0bf;}
.main_area .main_cont .section2 h3 {float:left; padding-top:16px;}
.main_area .main_cont .section2 .vertical_slide {position:relative; float:left; padding:0 60px 0 20px; width:435px; height:58px;}
.main_area .main_cont .section2 .vertical_slide li {overflow:hidden; height:58px; font:18px/58px NanumBarunGothic,'맑은 고딕',dotum,sans-serif;}
.main_area .main_cont .section2 .vertical_slide li a {float:left; color:#424242}
.main_area .main_cont .section2 .vertical_slide li span {float:right; font:inherit; font-size:14px;}
.main_area .main_cont .section2 .vertical_slide li span em {color:#8f8f8f;}
.main_area .main_cont .section2 .vertical_slide .bx-controls-direction {position:absolute; top:0; right:0; }
.main_area .main_cont .section2 .vertical_slide .bx-controls-direction a {display:block; width:34px; height:29px; text-indent:-9999px;}
.main_area .main_cont .section2 .vertical_slide .bx-controls-direction a.bx-prev {background:url(../img/btn_top.jpg) no-repeat;}
.main_area .main_cont .section2 .vertical_slide .bx-controls-direction a.bx-next {background:url(../img/btn_bottom.jpg) no-repeat;}
.main_area .main_cont .section2 p {float:right; padding-top:22px; width:112px; text-align:right;}

/*교육과정*/
.main_area .main_cont .section3 {overflow:hidden; padding:20px; width:708px; height:669px; border:1px solid #c5c0bf;}
.main_area .main_cont .section3 > div {position:relative; margin-bottom:30px}
.main_area .main_cont .section3 > div h3 {margin-bottom:7px;}
.main_area .main_cont .section3 > div > div.bx-wrapper {max-width:708px !important;}
.main_area .main_cont .section3 > div div.slide {width:160px; height:170px; border:1px solid #d6d6d6}
.main_area .main_cont .section3 > div div.slide.default {border:0 none;}
.main_area .main_cont .section3 > div div.slide span {position:relative; display:block;}
.main_area .main_cont .section3 > div div.slide span.img {width:160px; height:170px;}
.main_area .main_cont .section3 > div div.slide span.txt {position:absolute; bottom:-130px; left:0; width:100%; height:170px; text-align:center; color:#fff;background:url(../img/bg_opa6.png) repeat; font:18px/42px NanumBarunGothic,'맑은 고딕',dotum,sans-serif;}
.main_area .main_cont .section3 > div div.slide span.txt span {padding-top:16px; background:url(../img/bullet_bo.jpg) no-repeat center top;}
.main_area .main_cont .section3 > div div.slide span.txt.on {padding-top:40px;  height:130px; }

.main_area .main_cont .section3 .bx-controls {overflow:hidden; position:absolute; top:-8px; right:0; padding:0 11px;  min-width:90px; height:27px; border:1px solid #e2e3e2}
.main_area .main_cont .section3 .bx-controls .bx-controls-auto {float:left;}
.main_area .main_cont .section3 .bx-controls .bx-controls-auto > div {position:relative; top:10px; margin-right:6px;float:left; width:8px; height:9px; text-indent:-9999px;}
.main_area .main_cont .section3 .bx-controls .bx-controls-auto > div a {display:block;  width:8px; height:9px;}
.main_area .main_cont .section3 .bx-controls .bx-controls-auto > div a.bx-start { background:url(../img/btn_play.jpg) no-repeat;}
.main_area .main_cont .section3 .bx-controls .bx-controls-auto > div a.bx-stop {background:url(../img/btn_pause.jpg) no-repeat;}
.main_area .main_cont .section3 .bx-controls .bx-pager {float:right;}
.main_area .main_cont .section3 .bx-controls .bx-pager > div {position:relative;top:9px; float:left; margin-left:4px;}
.main_area .main_cont .section3 .bx-controls .bx-pager > div a {display:block; width:10px; height:10px; background:url(../img/bg_pager_off.jpg) no-repeat; text-indent:-9999px;}
.main_area .main_cont .section3 .bx-controls .bx-pager > div a.active {width:18px; height:10px; background:url(../img/bg_pager_on.jpg) no-repeat;}



/*회원가입방법*/
.main_area .main_cont .section4 {width:748px; height:108px; border:1px solid #dbdbdb;}

/*메인하단 링크*/
.main_area .main_cont .section5 {margin-top:10px;width:750px; height:60px; }
.main_area .main_cont .section5 ul {overflow:hidden;}
.main_area .main_cont .section5 ul li {float:left; margin-right:21px;}
.main_area .main_cont .section5 ul li.last {margin-right:0;}

/* -------------------푸터------------------- */
#footer {background:#fbf9f9}
#footer .family_box {width:100%; height:50px; background:#ededed; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;  -o-border-radius:5px;  -moz-border-radius:5px;} 
#footer .family_box ul {overflow:hidden;}
#footer .family_box ul li {float:left; width:200px;}

#footer .foot_link {margin-top:20px; width:100%; height:50px; background:#8e8e8e; text-align:center;}
#footer .foot_link ul {overflow:hidden; display:inline-block; *display:inline; *zoom:1;}
#footer .foot_link ul li {float:left; margin:0 45px; font:12px/50px NanumBarunGothicBold,'맑은 고딕',dotum,sans-serif;}
#footer .foot_link ul li a {color:#fff;}

#footer .foot_area {position:relative; padding:40px 40px 40px 200px; width:760px;  background:#fbf9f9}
#footer .foot_area h2 {position:absolute; top:25px; left:30px;}
#footer .foot_area address {font:13px/20px NanumBarunGothicBold,dotum,sans-serif; color:#606060; }
#footer .foot_area p {margin-top:15px; font:11px NanumBarunGothicBold,dotum,sans-serif; color:#606060; }
#footer .family_site {position:absolute; bottom:40px; right:20px;}
#footer .family_site select {padding:5px; width:150px; border:1px solid #b2b2b2;}

/* -------------------공통 퀵------------------- */
#quickOuter{position:absolute;top:20px; right:-130px;width:108px;}
#quickOuter dl dd { width:108px; margin-bottom:0px;}
#quickOuter dl dd a {display:block; width:100%;}
.quickOn{position:fixed;top:20px;}

@media all and (max-width:1000px) { /* 320이하일 경우*/
	#quickOuter {display:none !important;}
}


/* -------------------서브레이아웃------------------- */
#container .contents {position:relative; padding-bottom:30px; margin:0 auto; width:1000px;}
/*--------------어사이드--------------*/
#container .contents .aside {float:left; margin-top:20px; width:230px;}
#container .contents .aside h2 {width:228px; height:78px; border:1px solid #dbdbdb; border-bottom:0 none;}

#container .contents .aside ul.lnb {width:228px; border:1px solid #dbdbdb; border-top:none; border-bottom:0 none;}
#container .contents .aside ul.lnb > li {width:100%; border-bottom:1px solid #dbdbdb;}
#container .contents .aside ul.lnb > li > a {display:block; width:100%; height:45px; text-indent:25px; font:14px/45px '맑은 고딕',dotum,sans-serif; letter-spacing:-1px; color:#666666}
#container .contents .aside ul.lnb > li > a:hover {color:#296ed5; background:#f9f9f9 url(../img/sub/bullet_arrow.jpg) no-repeat 200px 50%;}
#container .contents .aside ul.lnb > li > a.on {font-weight:bold; color:#296ed5; background:#f9f9f9 url(../img/sub/bullet_arrow.jpg) no-repeat 200px 50%;}
#container .contents .aside ul.lnb li ul {display:none; padding:5px 20px; background:#fbfbfb; border-top:1px solid #dbdbdb}
#container .contents .aside ul.lnb li ul li {font:13px/26px '맑은 고딕',dotum,sans-serif; letter-spacing:-1px;}
#container .contents .aside ul.lnb li ul li a {color:#666666}
#container .contents .aside ul.lnb li ul li a.on , #container .contents .aside ul.lnb li ul li a:hover{font-weight:bold; color:#296ed5}

#container .contents .aside > div {margin-top:10px; width:228px; border:1px solid #dbdbdb;}
#container .contents .aside .cs_box { height:158px; }
#container .contents .aside dl {overflow:hidden; margin-top:10px;}
#container .contents .aside dl dd {float:left; margin-right:4px;}
#container .contents .aside dl dd.last {margin-right:0;}
#container .contents .aside .account_box {height:110px;}

/*--------------컨텐츠--------------*/
/*서브타이틀*/
#container .contents .sub_cont {float:right; width:740px;}
#container .contents .sub_cont .sub_tit {position:relative; margin-bottom:40px; height:133px; border-bottom:2px solid #555555}
#container .contents .sub_cont .sub_tit h1 {padding-top:75px; font:34px '맑은 고딕',dotum,sans-serif; letter-spacing:-2.5px; color:#353535}
#container .contents .sub_cont .sub_tit ul {position:absolute; top:30px; left:0; overflow:hidden;}
#container .contents .sub_cont .sub_tit ul li {float:left; height:30px; font:11px/30px dotum,sans-serif;}
#container .contents .sub_cont .sub_tit ul li a {padding-left:18px; background:url(../img/ico_home.jpg) no-repeat left top; color:#555555;}
#container .contents .sub_cont .sub_tit ul li span {padding:0 5px;}


#container .contents .sub_cont .sub_tit {background-repeat:no-repeat; background-position:right top;}
#container .contents .sub_cont .sub_tit.bg_member {background-image:url(../img/sub/bg_member.jpg);}
#container .contents .sub_cont .sub_tit.bg_all_edu {background-image:url(../img/sub/bg_all_edu.jpg);}
#container .contents .sub_cont .sub_tit.bg_after01 {background-image:url(../img/sub/bg_after01.jpg);}
#container .contents .sub_cont .sub_tit.bg_per01 {background-image:url(../img/sub/bg_per01.jpg);}
#container .contents .sub_cont .sub_tit.bg_psy01 {background-image:url(../img/sub/bg_psy01.jpg);}
#container .contents .sub_cont .sub_tit.bg_sub1 {background-image:url(../img/sub/bg_sub1.jpg);}
#container .contents .sub_cont .sub_tit.bg_sub2 {background-image:url(../img/sub/bg_sub2.jpg);}
#container .contents .sub_cont .sub_tit.bg_sub4 {background-image:url(../img/sub/bg_sub4.jpg);}
#container .contents .sub_cont .sub_tit.bg_sub5 {background-image:url(../img/sub/bg_sub5.jpg);}
#container .contents .sub_cont .sub_tit.bg_sub6 {background-image:url(../img/sub/bg_sub6.jpg);}
#container .contents .sub_cont .sub_tit.bg_sub7 {background-image:url(../img/sub/bg_sub7.jpg);}
#container .contents .sub_cont .sub_tit.bg_edu_info {background-image:url(../img/sub/bg_edu_info.jpg);}
#container .contents .sub_cont .sub_main_txt {text-align:left;font-size:16px;line-height:28px;letter-spacing: -1px;color:#3c3c3c;margin-bottom:120px;font-family: '맑은 고딕',dotum,sans-serif;}
#container .contents .sub_cont .sub_main_txt h3{
	font-family: '맑은 고딕',dotum,sans-serif;
	font-size:24px;
	font-weight:400;
	color:#00477b;
	margin-bottom:15px;
}
#container .contents .sub_cont .sub_main_txt h3 > span{
	font-family: '맑은 고딕',dotum,sans-serif;
	color:#333;
	font-size:24px;
	letter-spacing:-3px
}
#container .contents .sub_cont .sub_main_txt p{
	font-size:16px;
	font-family: '맑은 고딕',dotum,sans-serif;
	margin-bottom:15px;
}
#container .contents .sub_cont .sub_main_txt p > span{
	font-size:16px;
	font-family: '맑은 고딕',dotum,sans-serif;
	font-weight:600;
	color:#00477b;
}

/*컨텐츠 가이드*/
hr {border:0 none; width:100%; height:1px; background:url(../img/sub/bg_hr.png) repeat-x;}
.ls5 {letter-spacing:-0.5px !important;}
.ls1 {letter-spacing:-1px !important;}
.ls2 {letter-spacing:-1.5px !important;}
.tCenter {text-align:center !important;}
.tRight {text-align:right !important;}
.ver {vertical-align:middle !important;}
.b_line {text-decoration:underline !important;}
.posRel {position:relative !important;}
.posAbs {position:absolute !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt45 {margin-top:45px !important;}
.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}


.blue {color:#266fcc}
.red {color:#d25a5a}
.red2 {color:#ff3333}
.font14 {font-size:14px !important;}
.sub_title {position:relative; margin-bottom:10px; padding-left:15px; font:bold 15px '맑은 고딕',dotum,sans-serif; letter-spacing:-1px; color:#434343; background:url(../img/sub/bullet_one.jpg) no-repeat left 65%}
.sub_title.border {padding-bottom:10px; border-bottom:1px solid #dbdbdb;  background-position:left 35%}
.sub_title span em {color:#ff3333; font-weight:bold;}
.sub_title span {color:#4e5051; font-weight:normal;}

.bullet_ul {width:100%;}
.bullet_ul li {padding-left:8px; position:relative; font:13px/22px '맑은 고딕',dotum,sans-serif; color:#474747; letter-spacing:-0.7px;}
.bullet_ul li span {position:absolute; left:0px; display:block; width:10px; height:20px; background:url(../img/bullet_dot.jpg) no-repeat left 60%; text-indent:-9999px;}
.bullet_ul li img {vertical-align:top;}
.bullet_ul.font14 li {font-size:14px;}

.tip_ul {margin-top:10px; width:100%;}
.tip_ul li {padding-left:15px; position:relative; font:12px/22px dotum,sans-serif; color:#474747;}
.tip_ul li span {position:absolute; left:0px; display:block; width:10px; height:20px; background:url(../img/sub/bullet_tip.png) no-repeat left 50%; text-indent:-9999px;}
.tip_ul li img {vertical-align:top;}



.txt_box {padding:10px; margin-bottom:20px; border-top:1px solid #a9a9a9;}
.txt_box p {font:14px/22px '맑은 고딕',dotum,sans-serif; color:#5e5e5e; letter-spacing:-1px;}

.connect_dl {margin-bottom:15px;}
.connect_dl dt {margin-bottom:5px; font:bold 14px '맑은 고딕',dotum,sans-serif; color:#266fcc}
.connect_dl dd {padding-left:5px;}
.connect_dl dd.tip {font:bold 14px '맑은 고딕',dotum,sans-serif; color:#266fcc}
/*--------------교육과정--------------*/
/*전체교육과정*/
.edu_all_process ul {overflow:hidden; margin-bottom:10px; margin-left:-30px; width:770px;}
.edu_all_process ul li {overflow:hidden; position:relative; float:left; margin-left:30px; margin-bottom:20px; width:160px; height:170px; border:1px solid #d6d6d6}
.edu_all_process ul li span {position:relative; display:block;}
.edu_all_process ul li span.img {width:160px; height:170px;}
.edu_all_process ul li span.txt {position:absolute; bottom:-130px; left:0; width:100%; height:170px; text-align:center; color:#fff;background:url(../img/bg_opa6.png) repeat; font:18px/42px NanumBarunGothic,'맑은 고딕',dotum,sans-serif;}
.edu_all_process ul li span.txt span {padding-top:16px; background:url(../img/bullet_bo.jpg) no-repeat center top;}
.edu_all_process ul li span.txt.on {padding-top:40px;  height:130px; }

.edu_all_process .border {margin-bottom:20px; border-bottom:1px solid #eaeaea;}

/*공통 탭 스타일*/
.edu_area {width:100%;}
.edu_area ul.edu_tabMenu {height:43px; border-bottom:1px solid #cbcbcb; background:#f9f9f9}
.edu_area ul.edu_tabMenu li {float:left; width:185px; height:43px; text-align:center; font:bold 14px/43px '맑은 고딕',dotum,sans-serif; letter-spacing:-1px;}
.edu_area ul.edu_tabMenu li.first {width:183px;}
.edu_area ul.edu_tabMenu li a {display:block;  width:100%; height:43px; border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb; color:#777777; background:#f9f9f9;}
.edu_area ul.edu_tabMenu li.active a {padding-bottom:1px; height:43px; color:#222222; font-weight:bold; background:#fff;}
.edu_area ul.edu_tabMenu li.active a span {display:inline-block; position:relative; top:-3px; margin-left:7px;  width:7px; height:4px; background:url(../img/sub/bullet_tab.jpg)}

ul.tab_menu {margin-bottom:20px; height:43px; border-bottom:1px solid #cbcbcb; background:#f9f9f9}
ul.tab_menu li {float:left; width:185px; height:43px; text-align:center; font:bold 14px/43px '맑은 고딕',dotum,sans-serif; letter-spacing:-1px;}
ul.tab_menu li.first {width:183px;}
ul.tab_menu li a {display:block;  width:100%; height:43px; border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb; color:#777777; background:#f9f9f9;}
ul.tab_menu li.active a {padding-bottom:1px; height:43px; color:#222222; font-weight:bold; background:#fff;}
ul.tab_menu li.active a span {display:inline-block; position:relative; top:-3px; margin-left:7px;  width:7px; height:4px; background:url(../img/sub/bullet_tab.jpg)}

/*강의안내*/
.edu_area .edu_cont {margin-top:30px; width:100%;}
.edu_area .edu_cont .edu_info {overflow:hidden; margin-bottom:30px; border:1px solid #dfdfdf; border-top:2px solid #266fcc}
.edu_area .edu_cont .edu_info .left {float:left; width:439px;padding:5px }
.edu_area .edu_cont .edu_info .left p.title {padding-left:30px; height:48px; border-bottom:1px solid #d6d6d6;  color:#272727; font:bold 15px/45px '맑은 고딕',dotum,sans-serif; background:#fdfdfd;}
.edu_area .edu_cont .edu_info .left .txt {padding:10px 25px; /*min-height:190px; background:#fdfdfd;*/}
.edu_area .edu_cont .edu_info .right {float:right; width:288px; border-left:1px solid #dfdfdf;} 
.edu_area .edu_cont .edu_info .right p.title {padding-left:40px; height:49px; color:#fff; font:bold 15px/45px '맑은 고딕',dotum,sans-serif; background:#266fcc url(../img/sub/bullet_edu.jpg) no-repeat 20px 50%;}
.edu_area .edu_cont .edu_info .right ul {padding:10px 20px;}
.edu_area .edu_cont .edu_info .right ul li {font:14px/26px '맑은 고딕',dotum,sans-serif; color:#474747;}
.edu_area .edu_cont .edu_info .right ul li span {padding-left:10px; font:inherit; font-weight:bold; color:#474747; background:url(../img/sub/bullet_dot.jpg) no-repeat left 60%;}
.edu_area .edu_cont .edu_info .right ul li b {color:#266fcc}
.edu_area .edu_cont .edu_info .right .btn {margin:0 auto; padding:10px 0; width:271px; border-top:1px dashed #d6d6d6}

/*교수소개*/
.txt_box .profile {overflow:hidden; width:100%;}
.txt_box .profile p.photo {float:left; width:172px;}
.txt_box .profile p.photo img {border:1px solid #e7e8e8; max-width:172px}
.txt_box .profile dl {float:right; width:525px;}
.txt_box .profile dl dt {padding-top:10px; margin-bottom:10px; padding-bottom:5px; font:18px '맑은 고딕',dotum,sans-serif; border-bottom:1px dashed #dbdbdb}
.txt_box .profile dl dd {font:bold 14px '맑은 고딕',dotum,sans-serif; color:#266fcc}

.txt_box.slider {position:relative;}
.txt_box.slider .profile-slider {position:relative; margin:0 auto; width:100%; min-width:1000px; height:725px;}
.txt_box.slider .profile-slider {width:100%; height:725px;}
.txt_box.slider .bx-controls {position:absolute; top:0; left:0; width:100%; height:440px; text-align:center; z-index:999;}
.txt_box.slider .bx-controls .bx-pager  {position:absolute; left:0; bottom:15px; width:100%; text-align:center;}
.txt_box.slider .bx-controls .bx-pager div {display:inline-block; *display:inline; *zoom:1;}
.txt_box.slider .bx-controls .bx-pager div a {display:block; margin:0 5px; width:12px; height:12px; background:#a7b2c1; border-radius:12px; -ms-border-radius:12px; -webkit-border-radius:12px;  -o-border-radius:12px;  -moz-border-radius:12px; text-indent:-9999px;}
.txt_box.slider .bx-controls .bx-pager div a.active {background:#a2d163; width:25px;}

/*공통테이블*/
.basic_tpl {border-top:2px solid #266fcc;}
.basic_tpl th, .basic_tpl td {padding:10px 0; border-bottom:1px solid #ededed}
.basic_tpl th img {vertical-align:middle;}
.basic_tpl thead th {border-bottom:1px solid #cccccc; color:#272727;}
.basic_tpl th {border-right:1px solid #ededed; text-align:center; font:14px '맑은 고딕',dotum,sans-serif; background:#fafbfc;}
.basic_tpl td {border-right:1px solid #ededed; font:13px/20px '맑은 고딕',dotum,sans-serif; color:#5e5e5e; text-align:center;}
.basic_tpl th.last ,.basic_tpl td.last {border-right:0 none;}
.basic_tpl td.left {padding:10px 15px; text-align:left;}
.basic_tpl td.vt {vertical-align:top;}

td.total_edu {padding-right:15px;  font:bold 14px '맑은 고딕',dotum,sans-serif; text-align:right !important; background:#fafafd;}

.basic_tpl.edu_info th {font-size:13px; }

/*--------------기관소개--------------*/
/*제휴기관*/
.tie_box ul {overflow:hidden; margin-left:-10px; width:750px;}
.tie_box ul li {float:left; margin-left:10px; margin-top:10px; width:238px; height:78px; border:1px solid #dbdbdb}
/*제휴문의*/
.form_mail_tbl {border-top:1px solid #9c9c9c;}
.form_mail_tbl th {padding:5px 0; background:#fcfcfc; border-bottom:1px solid #e9e9e9; text-align:left; text-indent:20px; font-family:dotum;}
.form_mail_tbl td {padding:5px; border-bottom:1px solid #e9e9e9;}
.form_mail_tbl th b {color:#cc0003;}
.form_mail_tbl td .in_txt {border:0 none; border:1px solid #dadada; padding-left:5px; height:26px;}
.form_mail_tbl td select {padding:6px; height:28px; border:1px solid #dadada;}

/*오시는길*/
.map_tpl {border-top:2px solid #0c4da2}
.map_tpl th {font-weight:bold; width:100px; }
.map_tpl th ,.map_tpl td {padding:10px 5px; text-align:left; border-bottom:1px solid #cccccc}
.map_tpl td {color:#6b6b6b}
.map_tpl th img {vertical-align:middle;}


/*--------------수강신청--------------*/
/*수강신청*/
.register_area p.date {font:bold 16px/16px '맑은 고딕',dotum,sans-serif; letter-spacing:-0.5px;}
.register_area p.date img {vertical-align:top;}
.class_tpl thead th {font-weight:normal; border-top:1px solid #dbdbdb; border-bottom:2px solid #656565; height:30px; background:url(../img/sub/bg_class_tpl.jpg) repeat-x;}
.class_tpl tbody td {padding:10px 0; text-align:center; border-bottom:1px solid #e3e3e3; color:#555555;}
.class_tpl tbody td.left {text-align:left; padding-left:10px;}
.class_tpl tbody td.right {text-align:right; padding-right:10px;}
.class_tpl tbody td.subject {font-weight:bold; color:#3355aa;}
.class_tpl tbody td.price > span {display:block;}
.class_tpl tbody td.price span.sale {text-decoration:line-through;}
.class_tpl tbody td.price span.price b {color:#05b7a2}
.class_tpl tbody td.price span.price span {color:#ff6666}

.register_area .btn_register {overflow:hidden; margin-top:20px; text-align:center;}
.register_area .btn_register.right {text-align:right;}
.register_area .btn_register p {font-weight:bold;}
.register_area .btn_register p.left {float:left;}
.register_area .btn_register p.right {float:right;}

.total_price {height:38px; border-bottom:1px solid #c8c8c5; text-align:right;}
.total_price p {font:bold 12px/38px dotum,sans-serif;}
.total_price p img {vertical-align:middle; padding:0 10px;}
.total_price p span { font-size:14px; font-family:Tahoma; font-weight:normal;}
.total_price p span.total { color:#ff0000; font-weight:bold;}
.total_price p span.sale {color:#696969}

.basic_tpl.pay th {text-indent:15px; text-align:left; font-size:13px;}
.basic_tpl.pay td {font-size:12px;}
.basic_tpl.pay td img {vertical-align:middle}
.basic_tpl.pay td input {vertical-align:middle;}
.basic_tpl.pay td span.tip {color:#2f2f35; font:inherit;}
.basic_tpl.pay td span.tip b {color:#3355aa}
.basic_tpl.pay td.address p {margin-bottom:5px;}
.basic_tpl.pay td.address p.last {margin-bottom:0;}
.basic_tpl.pay select {padding:5px; border:1px solid #cfd3d5;}

.pay_complete {margin:75px auto; width:448px;}
.pay_complete ul li {font:12px/20px dotum,sans-serif;}
.pay_complete ul li span {color:#ff3333}

/*수강신청안내*/
.res_info_tbl td {padding:30px 0; border-bottom:1px solid #dbdbdb; text-align:left;}
.res_info_tbl td.last {border-bottom:0 none;}
.mb_input {height:24px; padding-left: 3px; font-size:12px; border:1px solid #cfd3d5;}

/*자격증발급신청*/
.license_tpl {border-top:2px solid #0071bb;}
.license_tpl th {background:#f6f6f6; height:40px; }
.license_tpl th, .license_tpl td {border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
.license_tpl th.last, .license_tpl td.last {border-right:0 none;}
.license_tpl td {padding:10px 0; text-align:center;}
.license_tpl td.price {border-right:0 none; text-align:right; padding-right:5px; font-weight:bold;}
.license_tpl td.no_pad {padding:0 !important; border-right:0 none; border-bottom:0 none;}

.gray_box {margin-top:15px;padding:15px; background:#fafafa; border:1px solid #e5e5e5;}
.border_box {overflow:hidden; padding:15px; border:3px solid #dbdbdb;}
.border_box .left {float:left; width:370px;}
.border_box .right {float:right; width:325px;}



/*--------------학습강의실--------------*/
/*수강중인강의_view*/
.basic_tpl.view_tpl thead th {padding-left:15px; text-align:left; font-family:dotum;}
.basic_tpl.view_tpl tbody td {font-family:dotum !important; padding-left:20px; text-align:left;}
.basic_tpl.view_tpl tbody tr.last td {padding:5px 10px; background:#ededed; text-align:right;}
.basic_tpl.view_tpl tbody td.photo {background:#f4f5fb; text-align:center; padding-left:0;}
.basic_tpl.view_tpl tbody td.photo div {position:relative; margin:0 auto; width:162px; }
.basic_tpl.view_tpl tbody td.photo div span {display:block;}
.basic_tpl.view_tpl tbody td.photo div span.img {width:160px; height:170px; border:1px solid #d2d2d8}
.basic_tpl.view_tpl tbody td.photo div span.txt {position:absolute; bottom:0px; left:0; width:100%; height:43px; text-align:center; color:#fff;background:url(../img/bg_opa6.png) repeat; font:12px/42px NanumBarunGothic,'맑은 고딕',dotum,sans-serif;}
.basic_tpl.view_tpl tbody td.photo div span.txt span {padding-top:16px; background:url(../img/bullet_bo.jpg) no-repeat center top;}
.class_notice {position: relative;margin-bottom:20px;  background-color: #fff; border:1px solid #eee;padding: 40px 15px 15px}
.class_notice:after { content: "내가 수강하는 강의"; position: absolute; top: 15px; left: 15px; font-size: 12px; font-weight: bold; color: #666; letter-spacing: 1px; }
.class_notice .class_select{width:100%;}
.class_notice .select2{text-align:left}

/*--------------버튼스타일--------------*/
/*장바구니 담기, 결제하기*/
.btn_st1,.btn_st2,.btn_st3 {display:inline-block;width:120px; height:35px; text-align:center; vertical-align:middle; font:bold 12px/35px dotum,sans-serif; }
.btn_st1 {border:1px solid #000000; color:#fff; background:#2f2f35}
.btn_st2 {border:1px solid #d5d5d7; color:#2f2f35; background:#e8e8e8}
.btn_st3 {border:1px solid #bcbcbe; color:#2f2f35; background:#fff}

.btn_small {display:inline-block;width:65px; height:20px; border:0 none; text-align:center; vertical-align:middle; font:11px/22px dotum,sans-serif; color:#fff;}
.btn_small.pink {background:#ff6666}
.btn_small.navy {background:#2e407b}
.btn_small.orange {background:#ed8129}
.btn_small.green {background:#789e4f}
.btn_small.blue {background:#4589d0}
.btn_small.red {background:#cc0000}



/*쿠폰*/
.cu_table {margin-bottom:30px; padding:17px 0; border-top:2px solid #266fcc; text-align:center;  border-bottom:1px solid #e5e5e5;}
.cu_table input[type=text] {border:0 none; height:31px; border:1px solid #e5e5e5; vertical-align:top;}


/*추가수정 2015-11-02*/
.direct_btn {position:relative; top:2px;}
.focusing{border:2px solid #a40708 !important;}

/*공통*/
.vtop {vertical-align:top !important;}