@charset "utf-8";
@font-face {
  font-family: 'nanum';
  font-style: normal;
  font-weight: 400;
  src: url(/css/font/NanumGothic-Regular.eot);
  src: url(/css/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/css/font/NanumGothic-Regular.woff2) format('woff2'),
       url(/css/font/NanumGothic-Regular.woff) format('woff'),
       url(/css/font/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'nanumbold';
  font-style: normal;
  font-weight: 700;
  src: url(/css/font/NanumGothic-Bold.eot);
  src: url(/css/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/css/font/NanumGothic-Bold.woff2) format('woff2'),
       url(/css/font/NanumGothic-Bold.woff) format('woff'),
       url(/css/font/NanumGothic-Bold.ttf) format('truetype');
}

/* 공통 페이지 스타일 */
.down-arrow {display:block; margin:30px 0; text-align:center}

.content-h2 {padding-left:21px; line-height:150%; background:url(../images/common/common_bullet.png) 0 4px no-repeat}
.content-h2 strong {font-weight:bold}
.content-h2 .sub-info {font-size:0.815em; color:#999}
.h2-sub-info {padding:6px 0 0 2px}

.content-h2-none-icon {position:relative; padding-left:21px; line-height:150%; background:none; word-break: break-all}
.content-h2-icon {display:inline-block; width:18px; height:16px; position:absolute; left:0; top:5px; background:url(../images/common/common_bullet.png) 0 0 no-repeat}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
	margin: 0; padding: 0
}

body, input, textarea, select, button, table {
	font-family:나눔고딕,nanum,dotum ;	font-size: 13px; color: #666;
}

img, fieldset {
	border: 0
}

ul, ol {
	list-style: none;
}

em, address {
	font-style: normal
}

a {
	text-decoration: none; cursor:pointer;}

a:hover, a:active, a:focus {
	text-decoration: none;;
}

img {
	vertical-align: top;
}

input{
	border:1px solid #d7d7d7;
}

.hidden { display:none; }

.blind { /* 보이지 않는 text 등 DOM 은 생성하고 화면에서는 보이지 않게 (display: none; 과는 다름)*/
	font-size:0;
	height:0;
	left:0;
	line-height:0;
	overflow:hidden;
	position:absolute;
	top:0;
	visibility:hidden;
	width:0;
}

.h32{height:32px}
.mt1{margin-top:1px}

/*link*/  /*이 부분 BASIC 부분이라 정리해야 함*/
a {outline:none; select-dummy: expression(this.hideFocus=true);}
a:link, a:visited, a:active{color:#3f3f3f; text-decoration:none}
a:hover{color:#183ecd; text-decoration:none}
a.rollover img {border-width:0px; display:inline;}
a.rollover img.over {display:none;} 
a.rollover:hover {border:0px } 
a.rollover:hover img {display:none;} 
a.rollover:hover img.over {display:inline;}

/*텍스트css*/
.t15{font-size:15px}

/* 공통 폰트 */
.n11					{font-family:나눔고딕,nanum,dotum; font-size:11px;}
.n12					{font-family:나눔고딕,nanum,dotum; font-size:12px;}
.n13					{font-family:나눔고딕,nanum,dotum; font-size:13px;}
.n14					{font-family:나눔고딕,nanum,dotum; font-size:14px;}
.n15					{font-family:나눔고딕,nanum,dotum; font-size:15px;}
.n16					{font-family:나눔고딕,nanum,dotum; font-size:16px;}
.n17					{font-family:나눔고딕,nanum,dotum; font-size:17px;}
.n20					{font-family:나눔고딕,nanum,dotum; font-size:20px;}
.n25					{font-family:나눔고딕,nanum,dotum; font-size:20px;}

.nb						{font-family:nanumbold!important;}
.nb13					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:13px!important;}
.nb14					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:14px!important;}
.nb15					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:15px!important;}
.nb17					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:17px!important;}
.nb18					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:18px!important;}
.nb20					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:20px!important;}
.nb22					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:22px!important;}
.nb38					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:38px!important;}
.nb44					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:36px!important;}

.li20					{line-height:20px;}
.li18					{line-height:18px;}

.15cdcf					{color:#15cdcf;}

.f_left{float:left}
.f_right{float:right}
.t_center{text-align:center}
.t_left{text-align:left}
.t_right{text-align:right}

.input_game {font-size:18px;color:#f70808; border:none; font-weight:700; padding-bottom:3px;}
.input_game_t1 {font-size:26px;color:#f70808; border:none; font-weight:700; text-align:left; padding-bottom:3px;}
.input_game_t2 {font-size:26px;color:#073ef3; border:none; font-weight:700; text-align:left; padding-bottom:3px;}
.input_game_t3 {font-size:22px;color:#850cf5; border:none; font-weight:700; text-align:left; padding-bottom:3px;}

.input_button_1 { border: 1px #0687be solid; height:32px; line-height:20px; background-color:#0095d4; color:#ffffff; font-size:14px; font-weight:700; text-align:center; padding:0 10px 0 10px; cursor:pointer; }
.input_button_2 { border: 1px #ce4103 solid; height:32px; line-height:20px; background-color:#f54d03; color:#ffffff; font-size:14px; font-weight:700; text-align:center; padding:0 10px 0 10px; cursor:pointer; }
.input_button_3 { border: 1px #ce4103 solid; height:36px; line-height:24px; background-color:#f71026; color:#ffffff; font-size:20px; font-weight:700; text-align:center; padding:0 50px 0 50px; cursor:pointer; }

.sub_btn_login1 {position:relative;top:0;width:167px;height:43px;color:#ffffff;font-size:17px;font-weight:500;line-height:45px;text-align:center;border:1px #ef5122 solid; background:#ec6b44;}
.sub_btn_login1_1 {position:relative;top:0;width:167px;height:43px;color:#ffffff;font-size:17px;font-weight:500;line-height:45px;text-align:center;border:1px #0071b5 solid; background:#027ec6;}
.sub_btn_login2 {position:relative;top:0;width:387px;height:43px;color:#ffffff;font-size:16px;font-weight:500;line-height:45px;text-align:center;border:1px #0071b5 solid; background:#027ec6;}

.input_select1 { font-family: "nanum", "돋움"; font-size: 13px; line-height: 20px; color: #626262; width:150px; height:24px; border: 1px solid #cacaca;}
.input_select2 { font-family: "nanum", "돋움"; font-size: 13px; line-height: 20px; color: #626262; width:80px; height:24px; border: 1px solid #cacaca;}
.input_select3 { font-family: "nanum", "돋움"; font-size: 13px; line-height: 20px; color: #626262; width:120px; height:24px; border: 1px solid #cacaca;}
.write_form { font-family: "nanum", "돋움"; font-size: 13px; line-height: 20px; color: #626262; width:450px; height:24px; border: 1px solid #cacaca;}

.box-level {
	overflow:hidden;
	width:100%;
}
.box-level p {text-align:center;}
.box-level ul {margin-top:20px;}
.box-level ul li {
	overflow:hidden;
	width:100%;
	height:152px;
	background:url('../images/bg_level01.gif') no-repeat;
	font-size:0;
	line-height:0;
}

.box-level ul li.type {
	height:165px;
	background:url('../images/bg_level01.gif') no-repeat;
}

.box-level ul li.last {
	height:165px;
	background:url('../images/bg_level02.gif') no-repeat;
}
.box-level ul li strong {
	float:left;
	width:92px;
	margin:17px 0 0 28px;
	color:#2c81b5;
	font-size:25px;
	line-height:25px;
	letter-spacing:-1px;
}

.box-level ul li a {
	float:left;
	width:540px;
	height:23px;
	margin-top:15px;
	padding:7px 0 0 20px;
	color:#616161;
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	line-height:16px;
	text-decoration:none !important;
}

.box-level ul li p {
	overflow:hidden;
	width:752px;
	padding:12px 0 12px 27px;
	color:#616161;
	font-size:15px;
	line-height:22px;
	text-align:left;
}

.point1 {
	display:block;
	padding-left:17px;
	color:#028ac3;
	background:url('../images/bl_list.gif') no-repeat left 7px;
}

.point2 {
	display:block;
	margin-left:20px;
	padding-left:17px;
	line-height:22px;
	color:#000000;
	background:url('../images/bl_list.gif') no-repeat left 7px;
}
.stit {
	margin-top:20px;
	padding-left:24px;
	background:url('../images/bl_stit.png') no-repeat left 2px;
	color:#222f49;
	font-size:16px;
	letter-spacing:-1px;
}

.installation-guide {
	position:relative;
	margin-top:15px;
	padding:20px 0;
	border:1px solid #ececec;
	background:#fcfcfc;
}
.installation-guide > em {
	position:absolute;
	top:0;
	left:0;
}
.installation-guide > strong {
	display:block;
	margin-left:75px;
	color:#39adf7;
	font-size:16px;
	line-height:24px;
	padding-bottom:6px;
}

.installation-guide .ctext5 {
	margin-left:75px;
	font-size:13px;
	line-height:20px;
}

.box-about {
	overflow:hidden;
	width:100%;
	margin-top:20px;
	margin-bottom:35px;
	font-size:14px;
	color:#636363;
	line-height:24px;
}
.box-about img {
		float:left;
		margin-right:30px;
}
.box-about strong {
		display:block;
		margin-top:15px;
		color:#222f49;
		font-size:20px;
		line-height:20px;
}
.box-about strong.first {margin:0;}
.box-about p {margin-top:10px;}
.box-about p.type {
		margin-top:20px;
		color:#373737;
		font-size:16px;
}

/* TOP */
#wrap2015 {width:100%;marign:0 auto;}
#header2015 {width:100%;}
/*SKIPNAVI*/


/*TOP BAR*/
#header2015 .topbar_wrap{width:100%; background:url(/images/main/bg_topbar.gif) repeat}
#header2015 .topbar{width:1020px; height:37px; margin:0 auto}
#header2015 .topbar:after{content:""; display:block; clear:both;}
#header2015 .topbar .top_bn{float:left}
#header2015 .topbar .favorite{float:right}
#header2015 .topbar .top_bn div{float:left}
#header2015 .topbar .top_bn div:after{content:""; display:block; clear:both;}

#header2015 .top_menu{height:43px; border-bottom:1px solid #d7d7d7;background-color:#efefef;}
#header2015 .other_site ul{width:1020px; margin:0 auto;}
#header2015 .other_site li{display:inline;}

/* 로그인 */
#header2015 .other_site .top_login{padding-left:330px; position:relative; top:3px;}/*14.10.10수정*/
#header2015 .other_site .save_id{font-size:11px; color:#8e8e8e;}
#header2015 .other_site .sec{padding-left:12px;padding-right:5px;}
#header2015 .other_site .logout_id{color:#000000;font-weight:bold;float:right;margin-top:9px; padding:6px;}/*14.10.10수정*/
#header2015 .other_site .logout_btn{float:right;padding:9px 15px 0 10px;}/*14.10.10수정*/
#header2015 .login_btn{position:relative; top:9px;border:none;}/*14.10.10수정*/

#header2015 .logo_bar{width:1020px; margin:0 auto; }
#header2015 .logo_bar a{color:#666666; }

#header2015 .join_bar{font-size:12px; font-weight:bold;float:right;padding-top:40px;}
#header2015 .join_bar li{display:inline;}
#header2015 .logo{float:left;position:relative;right:92px;top:-11px;}/*14.10.10수정*/
#header2015 .logo_out{float:left;position:relative;right:250px;top:-11px;}/*14.10.10수정*/

/*TOP SET*/
#header2015 .topset_wrap{position:relative; width:100%; background:#fff}
#header2015 .topset{position:relative; width:1020px; height:87px; margin:0 auto; background:#fff}
#header2015 .topset .bg_spring01{height:87px; background:url(/images/main/bg_topset_spring01.gif) no-repeat} /*봄 배경*/
#header2015 .topset .bg_summer01{height:87px; background:url(/images/main/bg_topset_summer01.gif) no-repeat} /*여름 배경01*/
#header2015 .topset .bg_summer02{height:87px; background:url(/images/main/bg_topset_summer02.gif) no-repeat} /*여름 배경02*/
#header2015 .topset .bg_autumn01{height:87px; background:url(/images/main/bg_topset_autumn01.gif) no-repeat} /*가을 배경*/
#header2015 .topset .bg_winter01{height:87px; } 
/*#header2015 .topset .bg_winter01{height:87px; background:url(/images/main/bg_topset_winter01.gif) no-repeat} */

#header2015 .topset:after{content:""; display:block; clear:both;}
#header2015 .topset h1{position:absolute; top:13px; left:420px; right:0; bottom:0; width:155px; height:66px; }
#header2015 .topset .topset_left{float:left; margin-top:14px}
#header2015 .topset .topset_right{float:right; margin-top:38px; }
#header2015 .topset .topset_right div{float:left; margin-left:13px}
#header2015 .topset .topset_right:after{content:""; display:block; clear:both;}
#header2015 .topset .tri01{position:absolute; left:-70px; top:87px; width:95px; height:24px; background:url(/1images/main/bg_tri01.png) no-repeat; z-index:60}
#header2015 .topset .tri02{position:absolute; right:-60px; top:106px; width:60px; height:25px; background:url(/1images/main/bg_tri02.png) no-repeat; z-index:60}

/* GNB */
#header2015 .gnb_wrap01{position:absolute; top:133px; width:100%; background:#fff; z-index:50}
#header2015 .gnb_wrap01 .gnb_wrap02{width:100%; border-bottom:1px solid #0095d4; background:url(/images/main/bg_gnb1.gif) repeat-x}
#header2015 .gnb_wrap01 .gnb{position:relative; width:1020px; height:45px; margin:0 auto; font-family:'nanum'; font-style:normal; color:#0095d4; background:url(/images/main/bg_gnbbar.gif) no-repeat; overflow:hidden}  /* 드롭다운 : height 조정, height:306 */
#header2015 .gnb_wrap01 .gnb .navi{padding-top:14px;}
#header2015 .gnb_wrap01 .gnb .navi li{float:left; width:143px; text-align:center}
#header2015 .gnb_wrap01 .gnb .navi li a{width:143px; height:44px; display:block; color:#ffffff; font-size:15px; font-family:nanumbold,나눔고딕,nanum,dotum;}
#header2015 .gnb_wrap01 .gnb .navi li a:hover{width:143px; height:44px; display:block; background:url(/images/main/navi_over.gif) no-repeat 50% 27px; color:#fff;}
#header2015 .gnb_wrap01 .gnb .navi li ul{position:relative; top:-13px; height:800px; background:url(/images/main/bg_navi_drop01.gif) repeat-y 0 0; padding-top:11px}
#header2015 .gnb_wrap01 .gnb .navi li ul li{position:relative; text-align:left; height:25px; float:none; margin:0 0 0 17px}
#header2015 .gnb_wrap01 .gnb .navi li ul li a{position:relative; top:7px; color:#8c8c8c; font-size:13px; font-weight:300}
#header2015 .gnb_wrap01 .gnb .navi li ul li a:hover{color:#0095d4; font-weight:900; background:none}


.main_banner_center{position:relative; width:970px; margin:0 auto; }
.main_banner_h{padding-top:48px; padding-bottom:20px;}
#visual{position:relative;overflow:hidden;width:100%;}
#visual .list{position:relative;height:310px}
#visual .list .item{display:none;position:absolute;top:0;left:0;width:100%;}
#visual #spot-01{background-color:#ffe7c5}
#visual #spot-02{background-color:#14b8eb}
#visual #spot-03{background-color:#fbfbfb}
#visual #spot-04{background-color:#0c233b}
#visual #spot-06{background-color:#cdc1ff}
#visual .progress{position:absolute;top:0;height:6px;background-color:#eee;z-index:20;background-color:rgba(0,0,0,0.15);}
#visual .nav{;}
#visual .nav .btn-left{position:absolute;top:130px;left:50%;margin-left:-517px}
#visual .nav .btn-right{position:absolute;top:130px;left:50%;margin-left:480px}


/*CONTAINER*/
#container2015{position:relative; margin-top:45px; }

/* TOP CONTENTS */
#container2015 .t_cont{width:1020px; padding-top:22px; margin:0 auto}
#container2015 .t_cont:after{content:""; display:block; clear:both;}
#container2015 .t_cont .t_cont_banner{float:left; width:760px; margin-right:8px; margin-left:8px;}

.clear {clear:both !important;}

/* 메인 > 비쥬얼 배너 */
#container2015 #main_visual_text		{position:relative; width:240px; height:370px; float:left; text-indent:-9999px;}
#container2015 #main_visual_text.bg1	{background:url("/images/main/main_event_left1.jpg") #333333 no-repeat;}
#container2015 #main_visual_text.bg2	{background:url("/images/main/main_event_left2.jpg") #333333 no-repeat;}
#container2015 .t_cont .t_cont_banner .main_visual_area		{position:relative; width:510px; height:370px; margin-right:10px; float:left; overflow:hidden; }
#container2015 .t_cont .t_cont_banner .main_visual_area li	{width:510px; height:370px;}
#container2015 .t_cont .t_cont_banner .main_visual_area li a	{display:block; width:100%; height:100%;}
#container2015 .t_cont .t_cont_banner .btn_set				{position:relative;top:338px; left:165px; width:100px; height:12px;}
#container2015 #main_visual_btn		{position:absolute; top:0; left:0; height:12px; z-index:600; }
#container2015 #main_visual_btn a { float:right; text-indent:-9999px; display:block; height:12px; font-size:0; line-height:0; text-align:center; background:url("/images/main/main_event_btn.png") no-repeat; }
#container2015 #main_visual_btn a.BannerSlide_PSW_Number01_Show,
#container2015 #main_visual_btn a.BannerSlide_PSW_Number02_Show,
#container2015 #main_visual_btn a.BannerSlide_PSW_Number03_Show,
#container2015 #main_visual_btn a.BannerSlide_PSW_Number04_Show{
	width:18px;
	background-position:center 0;
}
#container2015 #main_visual_btn a.BannerSlide_PSW_Number01_Hide,
#container2015 #main_visual_btn a.BannerSlide_PSW_Number02_Hide,
#container2015 #main_visual_btn a.BannerSlide_PSW_Number03_Hide,
#container2015 #main_visual_btn a.BannerSlide_PSW_Number04_Hide{
	width:18px;
	background-position: center -50px;
}

#container2015 .t_cont .t_cont_banner .t_cont_leveltest{position:relative; float:left; clear:both; width:230px; }


#container2015 .t_cont .main_content{float:left; width:1020px; margin:0px auto; margin-left:8px; padding-top:20px; padding-bottom:20px}
#container2015 .t_cont .main_content .main_content_left{width:363px; position:relative; float:left; }
#container2015 .t_cont .main_content .main_content_middle{width:363px; position:relative; float:left; padding-left:21px;}
#container2015 .t_cont .main_content .main_content_right{width:225px; position:relative; float:right; padding-right:27px;}

#container2015 .t_cont .main_content .main_content_left .title_event{float:left; width:206px; height:22px; font-family:nanum; color:#464646; font-size:18px; font-weight:bold; no-repeat; margin-bottom:10px;}
#container2015 .t_cont .main_content .main_content_left .title_more{float:right; width:28px; height:22px;  no-repeat; margin-bottom:10px;}
#container2015 .t_cont .main_content .main_content_left .title_main{float:left; width:363px; height:154px;  no-repeat; }

#container2015 .t_cont .main_content .main_content_middle .title_curriculum{float:left; width:206px; height:22px; font-family:nanum; color:#464646; font-size:18px; font-weight:bold; no-repeat; margin-bottom:10px;}
#container2015 .t_cont .main_content .main_content_middle .title_more{float:right; width:28px; height:22px;  no-repeat; margin-bottom:10px;}
#container2015 .t_cont .main_content .main_content_middle .curriculum{ position:relative;width:363px; height:194px; margin-left:44px; margin-right:44px; float:left;}

#container2015 .t_cont .main_content .main_content_middle .banner_curriculum{position:relative; width:363px; height:194px; overflow:hidden;}
#container2015 .t_cont .main_content .main_content_middle .btn_banner_set{position:absolute; top:198px; left:235px; width:100px; height:12px;}

#container2015 #banner_curriculum_btn {position:absolute; top:6px; right:-3px; width:200px; height:14px; z-index:600;}
#container2015 #banner_curriculum_btn a { float:right; text-indent:-9999px; display:block; height:14px; font-size:0; line-height:0; text-align:center; background:url("/images/main/banner_book_btn.png") no-repeat; }
#container2015 #banner_curriculum_btn a.BannerSlide_PSW_Number01_Show,
#container2015 #banner_curriculum_btn a.BannerSlide_PSW_Number02_Show,
#container2015 #banner_curriculum_btn a.BannerSlide_PSW_Number03_Show,
#container2015 #banner_curriculum_btn a.BannerSlide_PSW_Number04_Show{
	width:18px;
	background-position:center 0;
}
#container2015 #banner_curriculum_btn a.BannerSlide_PSW_Number01_Hide,
#container2015 #banner_curriculum_btn a.BannerSlide_PSW_Number02_Hide,
#container2015 #banner_curriculum_btn a.BannerSlide_PSW_Number03_Hide,
#container2015 #banner_curriculum_btn a.BannerSlide_PSW_Number04_Hide{
	width:18px;
	background-position: center -50px;
}

#container2015 .t_cont .main_board{float:left; width:1020px; margin:0px auto; margin-left:8px; padding-bottom:20px}
#container2015 .t_cont .main_board .main_board_left{width:363px; position:relative; float:left;}
#container2015 .t_cont .main_board .main_board_middle{width:363px; position:relative; float:left; padding-left:21px;}
#container2015 .t_cont .main_board .main_board_right{width:225px; position:relative; float:right; padding-right:27px;}


/* SUB PROTOTYPE */

/* SUB WRAP */
#container2015 .tri03{position:absolute; left:0; top:0; right:0; bottom:0; margin:0 auto; width:501px; }
#container2015 .s_cont_wrap{width:100%; background:url(/images/sub_main/bg_scont_top.gif) repeat-x 0 0}
.s_cont_warp01{width:1002px; margin:0 auto; background:url(/images/sub_main/bg_leftbar.png) repeat-y}
.s_cont_warp01:after{content:""; display:block; clear:both;}

/* SIDE BAR - NAVI */
.s_cont_warp01 .sidebar{float:left; width:226px; font-family:'nanum'; font-style:normal; font-weight:300; letter-spacing:-0.2px; padding-top:24px}
.s_cont_warp01 .sidebar .side_navi_tit{text-align:center; border-bottom:1px solid #e5e5e5; padding-bottom:18px}
.s_cont_warp01 .sidebar .side_navi_tit .left_stit{font-family:'verdana'; color:#a0abb4; font-size:8px; font-weight:700}
.s_cont_warp01 .sidebar .side_navi_tit .left_tit{color:#157c81; font-size:25px; font-family:nanumbold,나눔고딕,nanum,dotum; margin-top:5px}
.s_cont_warp01 .sidebar .side_navi{border-bottom:1px solid #e5e5e5; padding:15px 0 5px 0}
.s_cont_warp01 .sidebar .side_navi ul strong{display:block; height:30px; font-size:15px; font-family:nanumbold,나눔고딕,nanum,dotum; color:#777777; padding:7px 0 0 42px; background:url(/images/sub_main/arw_lnavi.png) no-repeat 20px 11px}
.s_cont_warp01 .sidebar .side_navi ul strong:hover{color:#fff; padding-top:7px; background:url(/images/sub_main/arw_lnavi_on1.png) no-repeat 0 -2px}
.s_cont_warp01 .sidebar .side_navi ul .lnavi_on{color:#fff; padding-top:7px; background:url(/images/sub_main/arw_lnavi_on1.png) no-repeat 0 -2px}
.s_cont_warp01 .sidebar .side_navi ul li ul{margin:4px 0 10px 0}
.s_cont_warp01 .sidebar .side_navi ul li ul li{height:27px; margin-top:1px; padding-left:22px; background:url(/images/sub_main/dot_lnavi.gif) no-repeat 11px 7px}
.s_cont_warp01 .sidebar .side_navi ul li ul li a{color:#9d9d9d; height:27px;  display:block}
.s_cont_warp01 .sidebar .side_navi ul li ul li a:hover{color:#0078d6; font-weight:900}
/*.s_cont_warp01 .sidebar .side_navi ul li ul li .lsnavi_on{color:#0078d6; font-weight:900}*/

/* SIDE BAR - BANNER */
.s_cont_warp01 .sidebar .side_banner{width:226px; margin-bottom:25px}
.s_cont_warp01 .sidebar .side_banner .bn_left04{width:226px; height:202px; border-bottom:1px solid #e9e9e9; background:url(/images/sub_main/bn_left04_bg.gif) no-repeat 1px 0}
.s_cont_warp01 .sidebar .side_banner .bn_left04 div{margin-left:1px; float:left}
.s_cont_warp01 .sidebar .side_banner .bn_left04:after{content:""; display:block; clear:both;}
.s_cont_warp01 .sidebar .side_banner .bn_left{margin-left:1px; border-bottom:1px solid #e9e9e9}
.s_cont_warp01 .sidebar .side_banner .bn_left_border{margin-left:1px; border-bottom:1px solid #fff}

/* SUB CONTENTS */
.s_cont_warp01 .s_cont_area{position:relative; float:left; width:730px; padding-top:24px; margin-left:36px}
.s_cont_warp01 .s_cont_area .scont_tit_area{height:43px; font-family:'nanum'; font-style:normal; font-weight:300; letter-spacing:-0.2px; border-bottom:1px solid #e5e5e5; padding-bottom:10px}
.s_cont_warp01 .s_cont_area .scont_tit_area:after{content:""; display:block; clear:both;}
.s_cont_warp01 .s_cont_area .scont_tit_area .scont_tit_left{float:left}
.s_cont_warp01 .s_cont_area .scont_tit_area .scont_tit_left .scont_stit{font-family:'verdana'; color:#bbbcbc; font-size:8px; font-weight:700; padding-left:3px}
.s_cont_warp01 .s_cont_area .scont_tit_area .scont_tit_left .scont_tit{color:#333333; font-size:24px; font-weight:900; margin-top:4px}

.s_cont_warp01 .s_cont_area .scont_tit_area .scont_path{position:relative; float:right; margin-top:23px; font-size:12px}
.s_cont_warp01 .s_cont_area .scont_tit_area .scont_path:after{content:""; display:block; clear:both}
.s_cont_warp01 .s_cont_area .scont_tit_area li{display:inline-block; float:left; color:#9d9d9d}
.s_cont_warp01 .s_cont_area .scont_tit_area li:first-child{margin-top:1px}
.s_cont_warp01 .s_cont_area .scont_tit_area .path_arrow{display:inline-block; margin:0 10px; width:3px; height:11px; background:url(/images/sub_main/icon_path_arw.png) no-repeat 0 3px}
.s_cont_warp01 .s_cont_area .scont_tit_area .path .on{color:#5e5e5e}

.s_cont_warp01 .s_cont_area .sub_content{padding-top:20px; }

/* 메인 공지사항 리스트 */
.listBox{position:relative;overflow:hidden;margin:0 0 10px;border:1px #d4d5d6 solid;border-bottom:0;background:#fff;}
.listBox .title{font-family:nanum; padding:18px 20px 0;height:32px;color:#464646;font-size:18px;font-weight:bold;border-bottom:1px #b8b8b8 solid;}
.listBox .title strong{color:#fa0814; }
.listBox .title2{font-family:nanum; padding:18px 20px 0;height:32px;color:#464646;font-size:18px;font-weight:bold;border-bottom:1px #b8b8b8 solid;}
.listBox .title2 strong{color:#042a98; }
.listBox .title3{font-family:nanum; padding:18px 20px 0;height:32px;color:#464646;font-size:18px;font-weight:bold;border-bottom:1px #b8b8b8 solid;}
.listBox .title3 strong{color:#026a39; }
.listBox .float{overflow:hidden;padding:0;height:141px;border-bottom:1px #d4d5d6 solid;}
.listBox .float li{margin:17px 8px 0;height:15px;}
.listBox .float li .elps{display:inline;overflow:hidden;float:left;white-space:nowrap;text-overflow:ellepsis;}
.listBox .float li .elps2{display:inline;overflow:hidden;float:left;white-space:nowrap;text-overflow:ellepsis;}
.listBox .float li a,.listBox .float li em{display:inline;float:left;}
.listBox .float li em.new{overflow:hidden;margin:0 0 1px 5px;width:15px;height:13px;text-indent:-1000em;background:url(/images/board_icon_new.gif) no-repeat;}
.listBox .float li .date{display:inline;float:right;font-size:12px;}
.listBox .more{position:absolute;top:8px;right:6px;padding:0 0 0 0px;color:#666666;font-size:12px;}
.listBox .mysangsangbtn{position:absolute;top:156px;right:12px;padding:0 0 0 0px;color:#666666;font-size:12px;}

#footer{position:absolute; clear:both;background-color:#ffffff;height:180px;width:100%;border-top:1px #d4d5d6 solid; }

#footer .copyright{width:1020px; margin:0 auto;}
#footer .copyright a{color:#666666;}
#footer .copyright a:hover {color:#333;}
#footer .copyright_logo{background:url(/images/logo_2020.jpg);width:155px; height:66px;float:left;margin-left:80px;margin-top:40px;}
#footer .copyright_logo_we{background:url(/images/logo_2020_we.png);width:155px; height:66px;float:left;margin-left:80px;margin-top:40px;}
#footer .copyright_text01{font-family:nanum;font-weight:bold;color:#494949;float:left;padding:20px 0 0 60px;}
#footer .copyright_text02{font-family:nanum;font-weight:bold;color:#494949;float:left;padding:20px 0 0 15px;}
#footer .copyright_text03{float:right; position:relative; right:68px;top:18px; width:650px;line-height:22px;}
#footer .copyright_text05{float:right; position:relative; right:160px;top:8px; width:650px;line-height:22px;}
#footer .copyright_text04{float:left;padding:5px 0 0 60px;font-size:12px;line-height:17px;}
#footer .copyright_btn01{float:right; position:relative; right:210px;top:25px;}
#footer .copyright_btn02{float:right; position:relative; right:180px;top:5px;}
#footer .family{float:right;margin-top:15px;margin-right:10px;}
#footer .family select{border:1px solid #d7d7d7;width:160px;height:25px;}




/*팝업 - 메인 수강신청 */
#book_pop_main01 {	/*display: none; */
	display: block;
	position:absolute; 
	top: 50%; 
	left: 50%; 
	margin-top:-210px; /*팝업 세로 위치 설정 : 테이블 크기의 반 -로*/
	margin-left:-540px ; 
	z-index:1002; 
	overflow: hidden; 
	width:365px; /*이미지 테이블 사이즈*/
	height:365px;
	border:none;
}

.sub_text1{width:250px; height:30px; border:1px #afafaf solid; background:#fff; font-weight:700;}
.sub_text2{width:80px; height:30px; border:1px #afafaf solid; background:#fff; font-weight:700;}
.sub_text3{width:220px; height:30px; border:1px #afafaf solid; background:#fff; font-weight:700;}
.sub_text4{width:125px; height:30px; border:1px #afafaf solid; background:#fff; font-weight:700;}
.sub_text5{width:500px; height:30px; border:1px #afafaf solid; background:#fff; font-weight:700;}
.sub_text6{width:185px; height:30px; border:1px #afafaf solid; background:#fff; font-weight:700;}

.pop_main01{position:relative; width:365px; height:365px;background:url(/images/main/bg_pop_app01.png) no-repeat; text-align:center; color:#fff}
.pop_main01 .cont{position:relative; margin:90px 0 0 0}
.pop_main01 .cont .tit{font-size:40px; font-family:'nanum'; font-style:normal; font-weight:300; letter-spacing:-0.3px; font-weight:900}
.pop_main01 .cont .tit span{color:#ffea00}
.pop_main01 .cont .cont01{font-size:16px; font-family:'nanum'; font-style:normal; font-weight:300; letter-spacing:-0.2px; margin-top:11px}
.pop_main01 .cont .cont02{color:#fadada; margin-top:34px}
.pop_main01 .cont .cont03{color:#fadada; margin-top:6px}
.pop_main01 .pop_close{position:relative; top:31px; left:116px}
.pop_main01 .pop_detail{margin-top:30px}

.input_form {
	font-family: "nanum", "돋움";
	font-size: 13px;
	line-height: 20px;
	color: #626262;
	width:225px; /*이미지 테이블 사이즈*/
	height:22px;
	border: 1px solid #cacaca;
}

.input_form2 {
	font-family: "nanum", "돋움";
	font-size: 13px;
	line-height: 20px;
	color: #626262;
	width:50px; /*이미지 테이블 사이즈*/
	height:22px;
	border: 1px solid #cacaca;
}

.input_form3 {
	font-family: "nanum", "돋움";
	font-size: 13px;
	line-height: 20px;
	color: #626262;
	width:200px; /*이미지 테이블 사이즈*/
	height:22px;
	border: 1px solid #cacaca;
}

.input_form4 {
	font-family: "nanum", "돋움";
	font-size: 13px;
	line-height: 20px;
	color: #626262;
	width:120px; /*이미지 테이블 사이즈*/
	height:22px;
	border: 1px solid #cacaca;
}
.agree_form {
	font-family: "nanum", "돋움";
	font-size: 12px;
	line-height: 20px;
	color: #626262;
	height: 214px;
	width: 675px;
	border: 1px solid #cacaca;
}
  .line2 {
	border: #b8b7b7 double 3px; 
}

/* tab_course */
.tab_course { margin-top:16px; }
ul.tab_button { height:61px; list-style:outside none none; margin:0; padding:0; width:100%; }
ul.tab_button li { background-color:#4c4c4c; color:#fff; cursor:pointer; float:left; font-size:16px; height:50px; letter-spacing:-0.025em; line-height:50px; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:285px; }
ul.tab_button li.quicktab { background-color:#4c4c4c; color:#fff; cursor:pointer; float:left; font-size:18px; height:61px; letter-spacing:-0.025em; line-height:61px; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:16.433%; }
ul.tab_button li.quicktab.first { width:139px; }
ul.tab_button li.quicktab:hover, ul.tab_button li.quicktab.sct { background-color:#226ebe; background-image:none; margin-bottom:0; padding-bottom:0; }
ul.tab_button li.onetap { width:100%; }
ul.tab_button li.twotap { width:49.66%; }
ul.tab_button li.threetap { width:33%; }
ul.tab_button li.fourtap { width:24.5%; }
ul.tab_button li.fivetap { width:19.700%; }
ul.tab_button li.sixtap { width:16.333%; }
ul.tab_button li.eighttap { width:12.133%; }
ul.tab_button li.seven {}
ul.tab_button li:firstc-hild { margin-left:0; }
ul.tab_button li:hover { background:#226ebe url(/images/tab_arrow.png) no-repeat 50% 50px; margin-bottom:-7px; padding-bottom:7px; }
ul.tab_button li.sct { background:#226ebe url(/images/tab_arrow.png) no-repeat 50% 50px; margin-bottom:-7px; padding-bottom:7px; }
ul.tab_button li.coupon { background-color:#e7e6e1; color:#666; cursor:pointer; float:left; font-size:18px; height:50px; letter-spacing:-0.025em; line-height:50px; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:49.75%; }
ul.tab_button li.coupon:first-child { margin-left:0; }
ul.tab_button li.coupon:hover { background:#5e5e5e url(/images/tab_arrow2.png) no-repeat 50% 50px; margin-bottom:-7px; padding-bottom:7px; color:#fff; }
ul.tab_button li.coupon.sct { background:#5e5e5e url(/images/tab_arrow2.png) no-repeat 50% 50px; margin-bottom:-7px; padding-bottom:7px; color:#fff; }
.tab_container { background:none repeat scroll 0 0 #fff; border-top:medium none; clear:both; float:left; overflow:auto; width:100%; }
.tab_content { display:none; }
ul.tab_button2 { height:50px; list-style:outside none none; margin:0; padding:0; width:100%; border-bottom:solid 1px #4c4c4c; }
ul.tab_button2 li { margin-left:2px; }
ul.tab_button2 li:first-child { margin-left:0px; }
ul.tab_button2 li a { background-color:#e7e6e0; color:#5e5e5e; cursor:pointer; float:left; font-size:18px; height:50px; letter-spacing:-0.025em; line-height:50px; overflow:hidden; padding:0; position:relative; text-align:center; width:150px; }
ul.tab_button2 li a.sct { background-color:#4c4c4c; color:#fff; }
ul.tab_button3 { height:61px; list-style:outside none none; margin:0 0 -20px; padding:40px 0 0 0; width:100%; }
ul.tab_button3 li { background-color:#e7e6e1; color:#464646; cursor:pointer; float:left; font-size:16px; height:50px; letter-spacing:-0.025em; line-height:50px; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:14.00%; }
{ background-color:#4c4c4c; color:#fff; }
ul.tab_button3 li:hover, ul.tab_button3 li.sct { background-color:#4c4c4c; color:#fff; }


.top_slides { float:right; overflow:hidden; width:218px; height:100px; padding-top: 2px;padding-left: 10px;}
#slides { }
#slides .slidesjs-navigation { margin-top: 2px; position: absolute; z-index: 999;top: 20px;}
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop {
      background-image: url(/images/top_nav.jpg);
      background-repeat: no-repeat;
      display:block;
      width:13px;
      height:15px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }
a.slidesjs-play, a.slidesjs-stop { display:none !important;} /*, .slidesjs-pagination */
a.slidesjs-next {
      margin-right:5px;
      background-position: -13px 0;
	  margin-left: 200px;
}
a.slidesjs-previous {		margin-left: 183px;		margin-right:5px;     background-position: 0 0;}
a.slidesjs-play {      width:15px;      background-position: -25px 0;    }
a:hover.slidesjs-play {      background-position: -25px -18px;    }
a.slidesjs-stop {      width:18px;      background-position: -41px 0;    }
a:hover.slidesjs-stop {      background-position: -41px -18px;    }

.sub_section { margin:50px 0 100px 0;}
.sub_section p { line-height:20px;margin-bottom:30px;}
.sub_section .sub_formarea table p { line-height:20px;margin-bottom:0px;} /* 게시판 내용에 여백 생김 삭제*/
.sub_section h4.sub_title { color:#464646; margin-bottom:65px; font-size:20px;}

/* font size */
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
/* font weight */
.fwb {font-weight:bold !important;}
.fwn {font-weight:normal !important;}

/* text decoration */
.txtunder { text-decoration:underline;} 

/* letter-spacing */
.nols {letter-spacing:0 !important;}
.lsp1 {letter-spacing:1px !important;}
.lsm1 {letter-spacing:-1px !important;}

/* custom font color */
.cfOrange {color:#f16404 !important;}
.cfGrey46 {color:#464646 !important;}
.cfGrey {color:#777 !important;}
.cfBlack {color:#000 !important;}
.cfBlue {color:#5092e0 !important; }
.cfLBlue {color:#60aaeb !important; }
.cfGreen {color:#abd373 !important; }
.cfLGreen {color:#badd81 !important; }
.cfWhite {color:#fff !important; }

/* display */
.dpib {display:inline-block;}
.dpb  {display:block;}

/* border */
.noborder { border:0 !important;}
.bt0 { border-top:0 !important;}
.br0 { border-right:0 !important;}
.bb0 { border-bottom:0 !important;}
.bl0 { border-left:0 !important;}


/* padding, margin */
.nopadding {padding:0 !important;}

.pt0	{padding-top:0 !important;}
.pt5	{padding-top:5px !important;}
.pt10	{padding-top:10px !important;}
.pt15	{padding-top:15px !important;}
.pt20	{padding-top:20px !important;}
.pt25	{padding-top:25px !important;}
.pt30	{padding-top:30px !important;}
.pt35	{padding-top:35px !important;}
.pt40	{padding-top:40px !important;}
.pt45	{padding-top:45px !important;}
.pt50	{padding-top:50px !important;}
.pt55	{padding-top:55px !important;}
.pt60	{padding-top:60px !important;}
.pt65	{padding-top:65px !important;}
.pt70	{padding-top:70px !important;}
.pt75	{padding-top:75px !important;}
.pt80	{padding-top:80px !important;}
.pt85	{padding-top:85px !important;}
.pt90	{padding-top:90px !important;}
.pt95	{padding-top:95px !important;}

.pb0	{padding-bottom:0 !important;}
.pb5	{padding-bottom:5px !important;}
.pb10	{padding-bottom:10px !important;}
.pb15	{padding-bottom:15px !important;}
.pb20	{padding-bottom:20px !important;}
.pb25	{padding-bottom:25px !important;}
.pb30	{padding-bottom:30px !important;}
.pb35	{padding-bottom:35px !important;}
.pb40	{padding-bottom:40px !important;}
.pb45	{padding-bottom:45px !important;}
.pb50	{padding-bottom:50px !important;}
.pb55	{padding-bottom:55px !important;}
.pb60	{padding-bottom:60px !important;}
.pb65	{padding-bottom:65px !important;}
.pb70	{padding-bottom:70px !important;}
.pb75	{padding-bottom:75px !important;}
.pb80	{padding-bottom:80px !important;}
.pb85	{padding-bottom:85px !important;}
.pb90	{padding-bottom:90px !important;}
.pb95	{padding-bottom:95px !important;}

.pl0	{padding-left:0px !important;}
.pl5	{padding-left:5px !important;}
.pl10	{padding-left:10px !important;}
.pl15	{padding-left:15px !important;}
.pl20	{padding-left:20px !important;}
.pl25	{padding-left:25px !important;}
.pl30	{padding-left:30px !important;}
.pl35	{padding-left:35px !important;}
.pl40	{padding-left:40px !important;}
.pl45	{padding-left:45px !important;}
.pl50	{padding-left:50px !important;}
.pl55	{padding-left:55px !important;}
.pl60	{padding-left:60px !important;}
.pl65	{padding-left:65px !important;}
.pl70	{padding-left:70px !important;}
.pl75	{padding-left:75px !important;}
.pl80	{padding-left:80px !important;}
.pl85	{padding-left:85px !important;}
.pl90	{padding-left:90px !important;}
.pl95	{padding-left:95px !important;}

.pr0	{padding-right:0px !important;}
.pr5	{padding-right:5px !important;}
.pr10	{padding-right:10px !important;}
.pr15	{padding-right:15px !important;}
.pr20	{padding-right:20px !important;}
.pr20	{padding-right:25px !important;}
.pr30	{padding-right:30px !important;}
.pr35	{padding-right:35px !important;}
.pr40	{padding-right:40px !important;}
.pr45	{padding-right:45px !important;}
.pr50	{padding-right:50px !important;}
.pr55	{padding-right:55px !important;}
.pr60	{padding-right:60px !important;}
.pr65	{padding-right:65px !important;}
.pr70	{padding-right:70px !important;}
.pr75	{padding-right:75px !important;}
.pr80	{padding-right:80px !important;}
.pr85	{padding-right:85px !important;}
.pr90	{padding-right:90px !important;}
.pr95	{padding-right:95px !important;}

.nomargin		{margin:0 !important;}

.mt0	{margin-top:0px !important;}
.mt5	{margin-top:5px !important;}
.mt10	{margin-top:10px !important;}
.mt15	{margin-top:15px !important;}
.mt20	{margin-top:20px !important;}
.mt25	{margin-top:25px !important;}
.mt30	{margin-top:30px !important;}
.mt35	{margin-top:35px !important;}
.mt40	{margin-top:40px !important;}
.mt45	{margin-top:45px !important;}
.mt50	{margin-top:50px !important;}
.mt55	{margin-top:55px !important;}
.mt60	{margin-top:60px !important;}
.mt65	{margin-top:65px !important;}
.mt70	{margin-top:70px !important;}
.mt75	{margin-top:75px !important;}
.mt80	{margin-top:80px !important;}
.mt85	{margin-top:85px !important;}
.mt90	{margin-top:90px !important;}
.mt95	{margin-top:95px !important;}

.mb0	{margin-bottom:0px !important;}
.mb5	{margin-bottom:5px !important;}
.mb10	{margin-bottom:10px !important;}
.mb15	{margin-bottom:15px !important;}
.mb20	{margin-bottom:20px !important;}
.mb25	{margin-bottom:25px !important;}
.mb30	{margin-bottom:30px !important;}
.mb35	{margin-bottom:35px !important;}
.mb40	{margin-bottom:40px !important;}
.mb45	{margin-bottom:45px !important;}
.mb50	{margin-bottom:50px !important;}
.mb55	{margin-bottom:55px !important;}
.mb60	{margin-bottom:60px !important;}
.mb65	{margin-bottom:65px !important;}
.mb70	{margin-bottom:70px !important;}
.mb75	{margin-bottom:75px !important;}
.mb80	{margin-bottom:80px !important;}
.mb85	{margin-bottom:85px !important;}
.mb90	{margin-bottom:90px !important;}
.mb95	{margin-bottom:95px !important;}

.ml0	{margin-left:0px !important;}
.ml5	{margin-left:5px !important;}
.ml10	{margin-left:10px !important;}
.ml15	{margin-left:15px !important;}
.ml20	{margin-left:20px !important;}
.ml25	{margin-left:25px !important;}
.ml30	{margin-left:30px !important;}
.ml35	{margin-left:35px !important;}
.ml40	{margin-left:40px !important;}
.ml45	{margin-left:45px !important;}
.ml50	{margin-left:50px !important;}
.ml55	{margin-left:55px !important;}
.ml60	{margin-left:60px !important;}
.ml65	{margin-left:65px !important;}
.ml70	{margin-left:70px !important;}
.ml75	{margin-left:75px !important;}
.ml80	{margin-left:80px !important;}
.ml85	{margin-left:85px !important;}
.ml90	{margin-left:90px !important;}
.ml95	{margin-left:95px !important;}

.mr0	{margin-right:0px !important;}
.mr5	{margin-right:5px !important;}
.mr10	{margin-right:10px !important;}
.mr15	{margin-right:15px !important;}
.mr20	{margin-right:20px !important;}
.mr25	{margin-right:25px !important;}
.mr30	{margin-right:30px !important;}
.mr35	{margin-right:35px !important;}
.mr40	{margin-right:40px !important;}
.mr45	{margin-right:45px !important;}
.mr50	{margin-right:50px !important;}
.mr55	{margin-right:55px !important;}
.mr60	{margin-right:60px !important;}
.mr65	{margin-right:65px !important;}
.mr70	{margin-right:70px !important;}
.mr75	{margin-right:75px !important;}
.mr80	{margin-right:80px !important;}
.mr85	{margin-right:85px !important;}
.mr90	{margin-right:90px !important;}
.mr95	{margin-right:95px !important;}

.label {display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;}
.label-blue {background-color: #60a9ea;}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-danger, .btn-basic, .btn-info, .btn-primary, .btn-success, .btn-warning {
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
}
.btn-basic {
    color: #333 !important;
    background-color: #fff;
    border-color: #ccc;
	text-shadow: 0 1px 0 #fff;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.10) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.10)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1f000000',GradientType=0 );
}
.btn-primary {
    background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
    background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #245580;
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4 !important;
}
.btn-success {
    background-image: -webkit-linear-gradient(top,#5cb85c 0,#419641 100%);
    background-image: -o-linear-gradient(top,#5cb85c 0,#419641 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));
    background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
	color: #fff !important;
	background-color: #5cb85c;

}
.btn-info {
    background-image: -webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
    background-image: -o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));
    background-image: linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #28a4c9;
	color: #fff !important;
	    background-color: #5bc0de;
}
.btn-warning {
    background-image: -webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
    background-image: -o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));
    background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #e38d13;
	color: #fff !important;
	    background-color: #f0ad4e;
}
.btn-danger {
    background-image: -webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    background-image: -o-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));
    background-image: linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #b92c28;
	color: #fff !important;
}
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.abtn {
    font-size: 11px;
    font-family: "돋움";
    min-width: 200px;
    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 3px;
    color: #232323;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.10) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.10)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1f000000',GradientType=0 );
}

.abtn:hover,.abtn:active,.abtn:visited,.btn:focus,.btn:hover,.btn:active,.btn:visited,.btn:focus 
{ text-decoration:none !important;}
/***************************************

sub01_1

***************************************/

ul.checklist { margin-bottom:50px;}
ul.checklist li { font-size:14px; color:#000; font-weight:bold; line-height:30px;}
ul.checklist li i { margin-right:10px;}
.sub01step { background:url(/images/sub01_1.png) left center no-repeat; padding-left:320px; height:309px;}
.sub01step ol {}
.sub01step  ol li { font-size:14px; font-weight:bold; line-height:45px;}
.sub01step  ol li span.label {font-size:14px; margin-right:15px;}

/***************************************

sub02_1

***************************************/
.curriculum { margin:0 20px 30px 20px;border:2px solid #ededed;padding:15px 0 5px 0;height:120px;width:120px;text-align:center;}
.curriculum  h5 { margin:10px 0 20px 0; color:#464646;    text-align: center;}
.curriculum p { margin-bottom:10px;}

.curriculum02 { margin:0 0 30px 20px; border-right:1px solid #eee; padding-right:20px; height:650px;}
.curriculum02 img { width:100%; }
.curriculum02  h4 { margin:10px 0 20px 0; color:#464646; text-align: center; letter-spacing:-1.5px; font-size:18px;}
.curriculum02 p { margin-bottom:10px; }
.bdR_n{border-right:none;}
.curriculum02 .btn-sm{margin:0 auto;}


.width16	 {width:16.66%; float:left; position:relative;}
.width16 img {width: 87px;}
.width16 .curriculum {margin:0 12px 30px 0;}
.width16 h5 { letter-spacing:-1px;}


.width25	 {width:25%; float:left; position:relative;}
.width25 img {width: 150px;}
.width25 .curriculum {margin:0 5px 10px 0;}
.width25 h5 { letter-spacing:-1px;}

.USA_teacher { margin:0px 0px 0px 0px;border:1px solid #ededed;padding:0px 0px 0px 0px;height:220px;width:190px;text-align:center;}
.USA_teacher  h5 { margin:10px 0 20px 0; color:#464646;    text-align: center;}
.USA_teacher p { margin-bottom:10px;}

.width30 { width:33.3%; float:left; position:relative;}
.width30 h4 { }
.width30 p { height:180px;}
.width30 .feat { color:#f16404; font-size:17px; font-weight:700;display: block;}

.width30  .checklist { margin-bottom:50px;}
.width30  .checklist dt{ float:left; color:#000; padding-top:1px;}
.width30  .checklist dd{ float:left; width:200px; letter-spacing:-1px; font-size:12px; color:#000; font-weight:bold; line-height: 16px; padding-left:8px; padding-bottom: 5px;}


/*퀵바*/
#q_bar {width:100px;background:#a4b6fa;text-align:center;position:fixed;right:0;top:15%;z-index: 9999;border-radius:20px 0 0 20px;box-shadow:-1px 2px 7px 2px rgba(0,0,0,0.3);}
#q_bar .tit {letter-spacing: 0;font-weight:300; color:#fff;width:100%;background:#608cfa;font-size:14px;border-top-left-radius: 20px;height:40px;line-height: 40px;}
#q_bar ul li {border-bottom:1px solid #608cfa;} 
#q_bar ul li.lst {border-bottom-left-radius: 20px;border-bottom:none;}
#q_bar ul li img {display:block;margin:0 auto 3px;}
#q_bar ul li a {font-weight: 300;font-size:14px;display:block;padding:15px 0;}

/* button_chk 
---------------------------------------------- */
.button_chk {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button_chk:hover {
	text-decoration: none;
}
.button_chk:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 14px;
	padding: .5em 2em .5em;
	font-weight:500;
}
.small {
	font-size: 12px;
	padding: .2em 1em .275em;
	font-weight:500;
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}


.btnset {text-align:center; margin-bottom:20px;margin-top:20px;}
.btnset a.submit {background:#e44541;}
.btnset a.submit:hover {background:#bd2a27;}
.btnset a.home {background:#4383b0;}
.btnset a.home:hover {background:#245f89;}
.btnset a {display:inline-block; font-size:13px; letter-spacing:1px; font-weight:bold; color:#fff; width:140px; padding:15px 0; margin:0 10px;}
.btnset input.submit {background:#e44541; border:0px; font-size:13px; letter-spacing:1px; font-weight:bold; color:#fff; width:70px; padding:15px 0; margin:0 10px;}


/*강좌보기*/
.view_lecture{position:relative; width:720px;padding:30px 30px 0}
.view_lecture .line_view_lecture{position:relative; height:20px;}
.view_lecture .line_view_lecture:after{content:""; display:block; width:calc(100% - 26px); height:1px; background-color:#222}
.view_lecture .line_view_lecture .btn_x{position:absolute; top:-13px; right:-5px}
.view_lecture .line_view_lecture .btn_x a{display:block; padding:5px}
.view_lecture .top_view_lecture{display:table; width:100%}
.view_lecture .top_view_lecture > div{display:table-cell; vertical-align:middle; }
.view_lecture .top_view_lecture .sc_title{padding-left:22px; font-family: 'Open Sans', sans-serif; font-weight:bold; color:#222; letter-spacing:-0.25px}
.view_lecture .top_view_lecture .sc_title .txt_day{font-size:16px;}
.view_lecture .top_view_lecture .sc_title .txt_day strong{color:#892fea; vertical-align:middle;}
.view_lecture .top_view_lecture .sc_title .title{font-size:24px; line-height:30px; margin-top:12px;}
.view_lecture .ct_view_lecture{padding-top:20px}

/*컨텐츠*/
.con_wrap {margin-bottom:40px; width:700px;min-width:700px;}
.con_wrap > p{color:#555; margin: 5px 0 5px 20px; line-height:24px;}

/*컨텐츠-박스*/
.con_box {width:700px;min-width:700px; border:1px dotted #ccc; background:#f7f7f7; padding:20px;}
.con_box h2 { font-size:24px; color:#363989;}
.con_box > p {color:#555;  margin: 5px 0 5px 0; line-height:24px; font-size:15px;}

.con_wrap h2{font-size:24px; color::#363989;}
.con_wrap h3{font-size:20px; color:#005aef; padding-left:20px;}
.con_wrap h3:before { content: ''; display: inline-block; width:15px;  height: 2px;    margin-right:5px ; background: #005aef;}
.con_wrap h4{font-size:20px; color:#005aef; padding-left:20px;}
.con_wrap ul li {color:#555; margin: 5px 0 5px 35px; line-height:22px;padding-left:10px;}
.con_wrap ul li:before { content: ''; display: inline-block; width:5px;  height: 1px;    margin:0 10px 5px -15px; background: #555;}
.con_wrap ul.no_line li {color:#555; margin: 5px 0; line-height:26px;}
.con_wrap ul.no_line li:before { display:none;}