@charset "utf-8";

/*@import url(http://fonts.googleapis.com/css?family=Noto+Sans);*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);
@import"reset.css";
@import"btob.css";


h1, h2, h3 {letter-spacing:-1.5px}
.fr {float:right !important}
.fl {float:left}
.ac {text-align:center}
.m0 {margin:0 !important}
.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}
.ml20 {margin-left:20px}
.ml10 {margin-left:10px}
.mr10 {margin-right:10px}
.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.pt7 {padding-top:7px !important}
.pd0 {padding:0 !important}
.ml10 {margin-left:10px !important}
.mr5 {margin-right:5px}

.smap { font-size:13px !important}
.ls0 {letter-spacing:0px !important}
.w500 {width:500px !important}
.w350 {width:350px !important}
.w730 { width:760px !important;}
.w160 { width:160px !important;}
.w200 { width:200px !important;}
.w50 { width:50px !important;;}
.w100 { width:100px !important;;}
.w50p { width:50% !important;}
.h50 {height:50px !important;}
.tlr {text-align:right !important;}
.fwb {font-weight:700 !important;}
.fs15 {font-size:15px !important;}
.w100p {width:100%}

.lh150 {line-height:150% !important;}
.fs16 {font-size:16px !important;}
.dpb {display:block !important; padding:2px 0 10px 85px;}

span.color_b { color:#007dc6 ;font-family: 'Noto Sans SC', sans-serif !important; font-size: 14px }
span.color_c { color:#41c1c2 ;font-family: 'Noto Sans SC', sans-serif !important; font-size: 14px }
span.color_o { color:#e57100 ;font-family: 'Noto Sans SC', sans-serif !important; font-size: 14px }

/********************************************* top *********************************************/

.top_barW {
	background:#f9f9f9;
	border-bottom:1px solid #cccccc;
	min-width:1400px;/*최상단 메뉴 너비*/
	}
.top_bar {
	height:55px;
	width:1400px;/*최상단 메뉴박스 너비*/
	margin:0 auto;
	overflow:hidden	;
	
	}
.top_bar_left {	float:left; margin:12px 0 0;	}
.top_login {float:right; margin:12px 0 0;}
.top_login span {
	float:left;
	border:1px solid #cdcdcd ; 
	height:31px ; 
	width:115px;
	margin:0;
	background:#FFF;
	}
.top_login span.login {
	border:0 ; 
	padding: 7px 10px 0 0;
	background:none;
	width:200px;
	text-align:right;
	font-size:13px;
	font-family: 'Noto Sans SC', sans-serif ;
	letter-spacing:-1px;
	}
.top_util {
	height:86px;
	width:1150px;/*최상단 아래 로고라인 너비*/
	margin:0 auto;
	overflow:hidden;
	min-width:1150px
	}
.top_util h1{ float:left ; margin:15px 0 0}

.top_util ul{ float:right; margin:25px 0 0}
.top_util ul li{ float:left; padding-left:13px }
.top_login span.lbnone {border-left:none ; margin: 0 4px 0 0;}

button.util_c {	background:#00b0a6;	}
button.util_l {	background:#007dc6;	}
button.util_g {	background:#868686;	}
input.top_login {border:0; height:25px ; width:110px ; margin:0 ; height:31px ; 
	width:115px; background:none ; padding: 0 5px;}

/* top nav Styles */

.sld_W{}

.one_nav {width:100% ;
	border-top:1px solid #007dc6;
	z-index:999;
	position: relative;
	min-width:1150px;}
.onavW {/*메인 메뉴 너비*/
    /*position: static;*/
    width: 1400px;
    margin: 0 auto;
}
.onav_menu > li {
    float: left;
	width:14.28%;
}
.onav_menu > li a.onavi {/*메인 메뉴 박스, 글크기*/
	display:inline-block;
    width:100%;
	line-height:53px;
	background:#FFF;
	border-left:1px solid #e5e2e0;
	text-align:center;
	color:#4f4f4f;
	font-size:18px;
	letter-spacing:-1.5px;
    font-style: normal;
    font-weight: 900;
}
.onav_menu > li a.onavi.active,.onav_menu > li a.onavi:hover {
	background:#3e4b5e;
	color:#fff;
}
.onav_menu > li a.nend {border-right:1px solid #e5e2e0;}

.onav_menu > li > ul {
    left: 0;
    right: 0;
    top: 53px;
    background-color: #3e4b5e;
    border-bottom: 1px solid #47a1d6;
	position: absolute;
}
.onav_menu > li > ul > li {  width:1400px ; margin:0 auto}/*서브로고, 리스트 메뉴 너비*/
.onav_sub {overflow:hidden }
.onav_sub h1 {/*좌측메뉴로고 박스*/
	width:493px;/*박스의 너비*/
	display:block;
	color:#FFF; /*리스트메뉴 좌측글자색*/
	float:left;
	margin: 0;
    line-height: 150px;/*전체박스의 높이*/
	padding-left:200px;/*글의 좌측간격*/
	font-size:22px;
	font-weight:600;
	border-left:1px solid #546972;
	border-right:1px solid #546972;
	letter-spacing:-1px;
	}
.onav_sub h1.img1	{background:url(../images/comm/nav_img1.gif) #323d4d 100px 35px no-repeat;	}/*메인페이지 좌측 중메뉴 이미지, 이미지 위치 지정*/
.onav_sub h1.img2	{background:url(../images/comm/nav_img2.gif) #323d4d 100px 35px no-repeat;	}
.onav_sub h1.img3	{background:url(../images/comm/nav_img3.gif) #323d4d 100px 35px no-repeat;	}
.onav_sub h1.img4	{background:url(../images/comm/nav_img4.gif) #323d4d 100px 35px no-repeat;	}
.onav_sub h1.img5	{background:url(../images/comm/nav_img5.gif) #323d4d 100px 35px no-repeat;	}
.onav_sub h1.img6	{background:url(../images/comm/nav_img6.gif) #323d4d 100px 35px no-repeat;	}
.onav_sub h1.img7	{background:url(../images/comm/nav_img7.gif) #323d4d 100px 35px no-repeat;	/*line-height: 190px !important;*/}

.onav_sub dl {/*리스트 메뉴 상단 간격*/
	overflow:hidden ;
	padding:16px 0 0 25px;
	font-size:14px ;
	letter-spacing:-1px;
	line-height:27px }
.onav_sub dl.center {
	/*padding:10px 0 0 50px !important;line-height:22px;*/}
.onav_sub dl.center dt {/*리스트 메뉴 간 줄간격*/
	display: inline-block;
    margin-bottom: 15px;
	}
.onav_sub dl dt {/*리스트 메뉴 글박스(사각선분), 글 크기*/
	float:left;
	width:1px; /*글박스의 크기*/
	background:url(../images/comm/nav_dot1.gif) right no-repeat;
	border:1px solid #43777c;
	padding:0 12px;/*글박스내 좌측여백*/
	margin-right:10px;/*글박스와 박스간 간격*/
	height:29px;
	font-size:14px;
	line-height:25px;
	}
.onav_sub dl dt a {
	color:#7adfd9;
	
	}
.onav_sub dl dt a:hover,.onav_sub dl dt.active a {
	color:#FFF;
	}
.onav_sub dl dt dd {
	float:left;
	color:#FFF;
	margin-left:50px;
	font-size:14px ;
	letter-spacing:-1px;
	line-height:27px ;
	}
.onav_sub dd a {
	color:#e8f1ff;
	margin:0 10px;
	}
.onav_sub dd a:hover {
	color:#FFF;
	}
.onav_sub dd {
	color:#767f8d;
	font-size:13px;
	height:31px;
	line-height:27px ;
	margin-bottom:8px;
	}


/* top nav2 Styles */

.tnavW {
  width: 1150px;
  margin: auto;
  position: relative;
  ; z-index:998;
}
.two_nav { background: #007dc6 ;position:relative; z-index:9; }
.two_nav ul {
  font-size: 0;
  margin: 0;
  padding: 0;
}
.two_nav ul li {
  display: inline-block;
  position: relative;
  width:14.28%;
}
.two_nav ul li a {
	color: #fff;
	display: block;
	font-size:17px;
	letter-spacing:-1px;
	font-style: normal;
	font-weight: 900;
	padding: 17px 14px 21px 14px;
	transition: 0.3s linear;
	/*width:142px;*/
	text-align:center;

}
.two_nav ul li:hover, .two_nav ul li.active { background: #323d4d; }

.two_subm ul {
  display: none;
  position: absolute;
  background: #323d4d;
  padding-bottom:10px;
  width:100%;
}
.two_subm ul li {
  border-top: 1px solid #444;
  display: block;
  background:url(../images/comm/nav_dot2.gif) left no-repeat;
}
.two_subm ul li:first-child { border-top: none; }
.two_subm ul li a {
	color: #b3b5b8;
	display: block;
	font-size:13px;
	letter-spacing:-1.5px;
	padding: 6px 14px;
	width:142.5px;
	background: #323d4d;
	padding-left:40px;
	text-align:left;
	/*background:url(../images/comm/nav_dot2.gif) left no-repeat;*/	
}
.two_subm ul li a:hover { background: #00b0a6; color:#FFF}
.two_nav .fa.fa-angle-down { margin-left: 6px; }

/**********************************************main*************************************************/
.visualArea {
    clear: both;
    position: relative;
    width: 100%;
    height: 493px;
    overflow: hidden;
    background: none;
    /* background: #f5f5f5 url('../image/bnerbg.jpg') repeat-x top center; */
}
.visualArea > div { /*메인 베너 너비*/
    position: relative;
    width: 1000px;
    height: 493px;
    margin: 0 auto;
}

.Arrpre {
    position: absolute;
    left: -25px;
    top: 210px;
    z-index: 100;
    cursor: pointer;
}

.Arrnex {
    position: absolute;
    left: 970px;
    top: 210px;
    z-index: 100;
    cursor: pointer;
}
.Arrnex img {
     max-width: 55px; 
}
#main_slide {
    width: 1000px; /*구분안됨*/
    height: 462px;
}
#main_slide > ul {
    height: 493px;
    position: absolute;
    width: 8000px;
}
#main_slide > ul > li {
    float: left;
}
.dark_left {
    width: 944px;
    height: 493px;
    position: absolute;
    left: -944px;
    top: 0px;
    background-color: black;
    -moz-opacity: 0.60;
    -khtml-opacity: 0.60;
    opacity: 0.60;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60);
}
.dark_right {
    width: 944px;
    height: 493px;
    position: absolute;
    right: -944px;
    top: 0px;
    background-color: black;
    -moz-opacity: 0.60;
    -khtml-opacity: 0.60;
    opacity: 0.60;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60);
}

.dark_bottom {
    width: 100%;
    height: 49px;
    position: absolute;
	left: 0px;
    top: 444px;
	text-align:center;
    background-color: black;
    -moz-opacity: 0.20;
    -khtml-opacity: 0.20;
    opacity: 0.20;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=20);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    filter: alpha(opacity=20);
}
.cir_area { 
	position: relative;
    text-align: center;
    top: -17px;}
.cir_area ul { overflow: hidden ; display: inline-block;}
.cir_area li { 
	float:left;
	background:#FFF;
	margin:15px 10px;
	width:15px;
	height:15px;
	border-radius: 15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
.cir_area li.active {
	background:#000;
	width:18px;
	height:18px;
	border:4px solid #f19d2f}


/*main_contents*/
.slide_W {position:relative ; top:151px ; min-width:1150px; margin-bottom:151px; padding-bottom:100px;} /*메인콘텐츠 영역(베너 아래) 너비* 로그인과 같은 화면에 영향이 있음*/
.contents_W { width:1150px; margin:0 auto ; padding: 0px 0 15px; overflow:hidden}
.mbanner {}
.mbanner ul { overflow:hidden}
.mbanner li { float:left ; margin:20px 0}
.m_cal, .m_lec { margin:10px 0 0 0 ; overflow:hidden ; padding:13px 0 15px}
.m_cal h2, .m_lec h2 { float:left ; color:#3e4e67; font-size:24px ; letter-spacing:-1.5px ; font-weight:700 ; display:block}
h2 span { font-size:24px ; font-family: 'Noto Sans SC', sans-serif}
h3 span { font-size:19px ; font-family: 'Noto Sans SC', sans-serif}

h2 .color_b,h3 .color_b { color:#007dc6}
h2 .color_c,h3 .color_c { color:#41c1c2}
.m_cal a > img, .m_lec a > img {float:right}
.m_cal_info { overflow:hidden}
.m_cal_info div { float:left ; margin-right:9px}
.m_cal_info div.last { margin-right:0px }
.m_cal_info h3 {
	color:#FFF;
	font-size:15px;
	width:184px; /*메인 6개 박스 개강일정의 각 너비 */
	height:82px;
	padding:54px 0 0;
	text-align:center;
	display:block;
	letter-spacing:-1px;
	font-weight:700;
	}
.m_cal_info h3.blue1 {background:url(../images/main/b_icon1.png) no-repeat  center 8px #007dc6;}/*박스별 사각내 이미지, 배경*/
.m_cal_info h3.blue2 {background:url(../images/main/b_icon3.png) no-repeat  center 8px #007dc6;}
.m_cal_info h3.blue3 {background:url(../images/main/b_icon5.png) no-repeat  center 8px #007dc6;}
.m_cal_info h3.cb1 {background:url(../images/main/b_icon2.png) no-repeat  center 8px #31b1b3}
.m_cal_info h3.cb2 {background:url(../images/main/b_icon4.png) no-repeat  center 8px #31b1b3}
.m_cal_info h3.cb3 {background:url(../images/main/b_icon6.png) no-repeat  center 8px #31b1b3}

.m_cal_info li { ; margin:0 4px 0}

.m_cal_info ul {border:3px solid #007dc6 ; padding:1px 0 0 0 ; min-height:212px;overflow:hidden;padding-bottom:10px;}
.m_cal_info ul.cb {border:3px solid #31b1b3 ; }
.m_cal_info ul li {
	display:block ;
	padding:1px 0 0 28px;
	background:url(../images/main/m_dot1.gif) 15px center no-repeat}
.m_cal_info ul li a {font-size:13px; letter-spacing:-1px; color:#646464 ; line-height:140%}


.m_lec {width:1150px; margin:0 auto} /*하단 탭바 위에 영향(현재 최고의 강사진) */

.mtab1 {overflow:hidden;width:100% ; border-bottom:1px solid #007dc6}/*index.html에서 호출*/
.mtab1 ul { ; width:1150px; margin:0 auto} /*하단 탭에 영향*/
.mtab1 li {float:left ; display:block ; width:16.2%; line-height:40px ; background:url(../images/main/m_tab2.png)#fff no-repeat 165px 20px ; /*탭배경, 배열, 글자에 영향(아래줄까지), "-"에 영향*/
	border:1px solid #bfbfbf ; border-bottom:none; text-align:center ; margin:0 5px 0 0; color:#565656 ; font-size:15px ; font-weight:700 ; letter-spacing:-1px ; font-family: 'Noto Sans SC', sans-serif ; }
.mtab1 li.active {background:url(../images/main/m_tab1.png)#007dc6 no-repeat 165px 17px ; color:#FFF ; border:1px solid #007dc6; border-bottom:none} /* "∨" 영향*/
.mtab1 li.last {margin-right:0 ; width:16.5%}

.tab_info1 {width:1000px; margin:0 auto ; overflow:hidden ; padding:25px 0 35px 0} /* 탭메뉴 하단에 영향*/
.m_video { float:left}
.m_video img { border:15px solid #2c3448 ; display:block}
.m_video span { background:#595f6a; display:block ; text-align:center ; color:#FFF ; line-height:42px}
.tab_info_list { float:right ; width:630px}
.tab_info_list h3 {font-size:19px ; font-weight:bold ; display:block; padding-bottom:15px ; font-family: 'Noto Sans SC', sans-serif ; line-height: 140%;}
.info_boxW {overflow:hidden;}
.info_box { float:left; width:50% ; border:1px solid #f5f7f9 ; background:#f5f7f9 ; border:1px solid #c5c5c5}
.lnone {border-left:0}
.info_box {height:163px}
.info_box span {display:block ; text-align:center ; background:#595f6a ; margin:7px ; color:#FFF ; line-height:40px ; font-size:15px ;font-family: 'Noto Sans SC', sans-serif}
.info_box ul {margin:10px 7px ;}
.info_box li {display:block ; background:url(../images/main/m_dot2.gif) no-repeat 8px 8px; padding-left:18px ; font-size:13px ; line-height:22px}
.scr {overflow-y:scroll; margin-right:7px ; height:100px}
button.mbtn { width:310px ; height:43px ; color:#FFF ; font-size:18px ; margin-top:10px ; background:url(../images/main/m_dot3.png) no-repeat 290px 16px #007dc6 ; text-align:left}
button.mbtn.b2 { background:url(../images/main/m_dot3.png) no-repeat 290px 16px #00b0a6 ; margin-left:6px}


/*******************************************copyright***********************************************/
.copyright {width:100%;; background:#e6e9f0}
.amenu {width:1150px; margin:0 auto ; padding:40px 0 ; overflow:hidden;}
.amenu a {color:#707070}
.amenu ul {float:left ; border-right:1px solid #c9d0e0 ; padding:0 45px}
.amenu ul.first { padding:0 45px 0 0px}
.amenu ul.last { padding:0 0 0 20px ;  border-right:0px ; width: 550px}
.amenu ul.last li { float:left ; background:url(../images/main/m_dot4.gif) no-repeat right center #FFF ; 
	border:1px solid #cacccf; ; width: 215px ; line-height:30px; padding:0 0 0 10px ; letter-spacing:-1px; margin:0 0 5px}
.amenu ul.last li.right { float:right ; width: 315px}
.amenu ul.last a { color:#6b6b6b ; font-weight:700}

.amenu ul h3 {font-size:17px; font-weight:700 ; display:block ; padding:0 0 25px ; color:#3c3c3c}
.amenu ul h3 a  { color:#3c3c3c ;  font-weight:700}
.amenu li{font-size:13px; color:#707070; line-height:17px}
.amenu li.none{color:#e6e9f0}

.copyr {width:100%; background:#4c515c ; color:#838893 ; font-size:14px}
.c_util { width:100%;padding:15px 0 ; overflow:hidden;; border-bottom:1px solid #2e2e2e ; background:#3b404b}
.c_util ul {width:1150px; margin:0 auto ;padding:0 180px}
.c_util li {float:left ; background:url(../images/main/c_line.gif) no-repeat right center}
.c_util li a {color:#c5c5c5 ; padding:0 15px ; font-size:14px}
.c_util li.last { padding:0 ;  background:none}
.c_util span {width:1150px; margin:0 auto ; display:block}
.c_copy {width:1150px; margin:0 auto ; font-size:13px ;color: #838893;}
.c_copy span {display:block ; color:#cbd0db ; padding:20px 0 8px ; font-size:13px; font-family: 'Noto Sans SC', sans-serif}
.c_copy span.copy { color:#a4a9b4 ; font-size:12px; padding:8px 0 20px ;}


/******side menu******/
#scrollb { 
    POSITION: absolute;  
    PADDING-BOTTOM: 0pt;  
    MARGIN: 0pt;  
    PADDING-LEFT: 0px;  
    PADDING-RIGHT: 0pt;  
    RIGHT: 0px;  
    PADDING-TOP: 0pt;  
    TOP: 762px; 
	z-index:3;
}
.scr_W { position: absolute; ; left:55%; top:0}
.scr_info { position: absolute; width:95px ; font-size:12px  ; text-align:center ; letter-spacing:-1px}
.scr_info ul {border:1px solid #b3b3b3 ; background:#FFF; }
.scr_info li {padding:30px 0 7px 0 ; margin:10px 7px 0 7px ; border-bottom:1px dashed #d8d8d8;}
.scr_info li a {color:#535353; }
.scr_info li.scr1 { background:url(../images/sub/rw_icon1.gif) no-repeat center top}
.scr_info li.scr2 { background:url(../images/sub/rw_icon2.gif) no-repeat center top}
.scr_info li.scr3 { background:url(../images/sub/rw_icon3.gif) no-repeat center top}
.scr_info li.scr4 { background:url(../images/sub/rw_icon4.gif) no-repeat center top}
.scr_info li.scr5 { background:url(../images/sub/rw_icon5.gif) no-repeat center top}
.scr_info li.scr6 { background:url(../images/sub/rw_icon6.gif) no-repeat center top; }
.scr_info li.scr7 { background:url(../images/sub/rw_icon7.gif) no-repeat center top; border-bottom:none; }


.scr_info h3{display:block ; background:#434343 ; color:#c7c7c7 ; text-align:center ; padding:3px 0 ; letter-spacing:0px; font-size:12px ;}
.scr_info img {margin:10px 0 0}

/*********************************************button*********************************************/
.btn {
	border:0;
	outline:0;
	letter-spacing:-1px;
	font-weight:700;
	padding:7px 15px 8px;
	color:#FFF;
	cursor:pointer;
	font-family: 'Noto Sans SC', sans-serif;
	font-size:13px;}
.bb1 { background:#3e4b5e ; color:#FFF ; width:80px; padding:11px 0}
.bb2 { background:#587092 ; color:#FFF ; width:80px; padding:11px 0}
.sbtn {padding:4px 15px 7px; font-size:12px}
.cbk {background:#434343}
.cbe {background:#017dc7}
.cor {background:#e99731}
.ccb {background:#01afa5}
.ccg {background:#888888}
.ccgb {background:#587092}

.bbtn { width:220px; height:62px ; font-size:18px;padding: 7px 0 8px 25px;}
.bk_money { background:url(../images/icon/icon_order.gif) no-repeat 50px center #0696ec }
.bk_card { background:url(../images/icon/icon_card.gif) no-repeat 20px center #587092 ;padding: 7px 0 8px 30px;}
.bk_coupon { background:url(../images/icon/icon_coupon.gif) no-repeat 50px center #587092 ; margin:0 0 0 10px ;padding: 7px 0 8px 30px;}
.bk_cancel { background:#587092 ; margin:0 0 0 10px ;padding: 0;}
.bk_cart { background:url(../images/icon/icon_cart.gif) no-repeat 50px center #587092 ; margin:0 0 0 10px ;padding: 7px 0 8px 30px;}
.bk_order { background:url(../images/icon/icon_ok.gif) no-repeat 50px center #0696ec ; margin:0 0 0 10px ;padding: 7px 0 8px 30px;}


input[type=text], input[type=password],input[type="reset"], input[type="submit"] {font-size: 13px ; letter-spacing:-1px ; font-family: 'Noto Sans SC', sans-serif}
input[type=checkbox], input[type=radio] { height:20px ; width:20px; margin-right:5px}

.n_selectbox {
  position: relative;
  width: 80px; 
  border: 1px solid #d3d3d3; 
  z-index: 1;
  border: 2px solid #d3d3d3;
  background:#FFF;
  color:#676767;
  font-size:13px;
  display:inline-block;
}
.bornone {border: 0; width:150px;}

.n_selectbox:before {  /* ȭ��ǥ ��ü */
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 7px solid #555555;
}

.n_selectbox label {
  position: absolute;
  top: 1px; 
  left: 5px; 
  padding: 5px;  
  color: #676767;  
  font-size:13px;
  z-index: -1;  /* IE8���� label�� ��ġ�� ���� Ŭ������ �ʴ� �� �ذ� */
}

.n_selectbox select {
  width: 100%; 
  height: auto; 
  padding: 8px 5px;  
  border: 0;
  opacity: 0; 
  filter:alpha(opacity=0);  
  -webkit-appearance: none; /* ����Ƽ�� ���� ���߱� */
  -moz-appearance: none;
  appearance: none;
}

/*****************************************sub contents**********************************************/
.left_W {float:left ; width:158px ; margin:22px 0 0}/*좌측메뉴박스 크기, 상단 메뉴와의 간격*/
.left_W h3 {background:url(../images/sub/left_ti.gif) no-repeat right top #007dc6; text-align:center }
.left_W h3 span {background:url(../images/sub/left_tl.gif) no-repeat left top; line-height:127px ; padding-top:7px ; color:#FFF ; font-size:23px ; font-weight:700 ; height:126px}
.left_W ul { display:block }
.left_W li {line-height:38px }
.left_W li a { border:1px solid #d9d9d9 ; border-top:none; color:#6a6a6a ; font-weight:700 ; font-size:14px ; letter-spacing:-1px ; display:block ; background:url(../images/sub/left_arrow.png) no-repeat 145px center; padding:0 13px 0 15px}/* - 형태 */
.left_W li a.active {  border:1px solid #01afa5 ;color:#FFF  ; border-top:none; background:url(../images/sub/left_hover.png) no-repeat 145px center #01afa5} /* >형태 */
.left_W li a:hover  {  border:1px solid #01afa5 ;color:#FFF  ; border-top:none; background:url(../images/sub/left_hover.png) no-repeat 145px center #01afa5} /* >형태 */
.left_W span.left_cus { margin:20px 0  ; background:url(../images/sub/left_cus.gif)  no-repeat ; height:142px ; display:block}/*좌측 대표 전화번호 이미지*/

.left_W .left_sm { background:#f6f7f9 ;  line-height:200%;}
.left_W .left_sm a {   border-left:1px solid #d9d9d9 ; border-right:1px solid #d9d9d9 ;border-top:0; border-bottom:0;  font-size:13px ; padding:0 13px 0 15px; color: #a4a4a4;background:#f6f7f9;}
.left_W .left_sm a:hover {  border-left:1px solid #d9d9d9 ; border-right:1px solid #d9d9d9 ;border-top:0; border-bottom:0;   color: #626262;background:#f6f7f9}
.left_W .left_sm a.last {   border-bottom:1px solid #d9d9d9 ; padding-bottom:8px}
.left_W .left_sm a.first {  padding-top:8px}

.a_warp {width:100% ; min-width:1250px}
.right_W {float:right ; width:950px; margin:22px 0 0}/*중앙 콘텐츠 박스 크기 margin은 위와의 간격*/
.total_W { width:1150px; margin:22px 0 0}
.sp_info {margin:10px 0 40px}

.top_nav {border-bottom:1px solid #eaeaea; padding:0 0 10px}
.top_nav a { background:url(../images/sub/top_nav_home.gif) no-repeat left center ; padding:0 0 0 22px ; color:#848484 ; font-size:12px;}
.top_nav span a { background:url(../images/sub/top_nav.gif) no-repeat 8px center ; padding:0 0 0 25px ;}
.top_title h1 {font-size: 28px; color:#0f3262 ; font-weight:700 ; letter-spacing:-1.5px; padding:20px 0 0 ; line-height:140%}
.contents_info{ position:relative; margin:30px 0 0 ; letter-spacing:-0.8px ; font-size:14px}
.contents_info > div { font-size:14px ; /*line-height:150%*/ } /*161011 line-height ����  /lecture.php?action=offlineview&no=11������ ����Ұ� �۾� ��ħ�� �������� ����. �ʿ�� �� Ŭ���� �ۼ��ؼ� ���ÿ� */
.contents_info > div.mber_00Cmt {  font-family: 'Noto Sans SC', sans-serif; font-size:13px; color:#666; background: #f2f2f2; padding:18px; line-height:23px;}

.contents_info h4 {font-size:24px; color:#494949 ; letter-spacing:-1.5px ; display:inline-block ; padding:0 10px 20px 0 ; }
.contents_info h4 img { padding:0 0 0 10px; }
.contents_info h4 span {font-weight:700 ;  font-family: 'Noto Sans SC', sans-serif}
img.intro_fr {float:right}
.info_end { margin-bottom:30px}
h4 span {font-weight:700 ;font-size:24px; }

.intro {overflow:hidden}
.intro ul { background:#017dc7 ; margin-bottom:20px}
.intro li {  background:#FFF; float:right; width:580px ; margin:3px; padding:30px 15px 30px 25px ; font-size:13px;}
.intro ul span { display:inline-block ; float:left ; color:#FFF ; font-size:24px ; text-align:center ; font-weight:700 ; line-height: 98px; width:203px}
.intro ul.cb {background:#01afa5 }

.stitle { background:url(../images/sub/stitle_line.gif) no-repeat left top ; font-weight:700 ; color:#007dc6 ; font-size:16px !important ; margin:40px 0 20px ; line-height:40px !important}
.stitle span { color:#363636; font-size:16px}
.mtb20 {margin:30px 0 10px !important}
.sstitle { font-weight:700 ; color:#494949 ; font-size:18px !important ; margin:30px 0 5px ; line-height:40px !important; overflow: hidden;}
.sstitle div.sstitle2 { font-weight:700 ; color:#494949 ; font-size:18px !important ; }
.sstitle div.sstitle_r { float: right; font-size:13px; padding:8px 0 0 0 }

.join_box1 { border:1px solid #c5c5c5 ; border-top:1px solid #007dc6 ; background: #f5f7f9; padding:20px ; overflow: hidden; margin:10px 0 10px;}
.sel { overflow: hidden;font-weight:700; padding:0 0 15px; border-bottom:1px dotted #c5c5c5 }
.sel .sstitle_r { float: right; font-size:13px;}
.join_text { overflow-y: scroll; height: 250px; display: block; margin:15px 0 0 0}

.order {overflow:hidden ; margin:0 0 25px;}
.order li {float:left ; padding-right:54px ; background:url(../images/sub/cus_arrow.png) no-repeat 298px center;width:334px;text-align:center;}
.order li.last {float:right ; padding-right:0px;background:none;width:280px;}
.n_board {}
.n_search { background:#f6f7f9 ; padding: 16px 0; margin-bottom:20px}
.n_search ul {  overflow:hidden ; width: 480px; margin: 0 auto;}
.n_search ul.ask {  width: 580px;}
.n_search li {  float:left ; margin:2px ; font-size:14px; letter-spacing:1px}
.n_search input { border:2px solid #d3d3d3 ; padding:7px 7px 8px ; width: 310px;}
.n_search input[type="checkbox"] { margin:10px 5px ; width:30px}
.n_search button { background:#3e4b5e; color:#FFF ; padding:7px 0 11px 0 ; width: 70px }
.n_search button.ask { background:#01afa5; color:#FFF ; padding:7px 0 11px 0 ; width: 90px }

.m_search { background:#3e4b5e ; padding: 15px; margin-bottom:20px}
.m_search ul {  overflow:hidden ;}
.m_search li {  float:left}
.m_search input { border:0 ; padding:7px 7px 9px ; width: 100%; margin:0 8px}
.m_search .m_right {width:600px}

.n_list table { border-top:1px solid #595f6a ; width:100%}
.n_list th { background:#eceef3 ; border-bottom:1px solid #c9c9c9; padding:13px 3px ; color:#595f6a ; font-weight:400 ; font-size:14px}
.n_list td { border-bottom:1px solid #c9c9c9 ; padding:10px 5px; font-size:14px}
.n_list td.num { color:#a3a3a3 ; font-size:13px ; letter-spacing:0px;  }
.n_list td.ct {text-align:center; }
.n_list td.none { border-bottom:0px}

.m_list table { border-top:1px solid #017dc7 ; width:100%}
.m_list th { background:#FFF ; border-bottom:1px solid #017dc7; padding:13px 3px ; color:#017dc7 ; font-weight:600 ; font-size:14px}
.m_list td { border-bottom:1px solid #d4d4d4 ; padding:10px 5px; font-size:14px; line-height:150%}
.m_list td.num { color:#a3a3a3 ; font-size:13px ; letter-spacing:0px}
.m_list td.ct {text-align:center}
.m_list td p.tinfo {color:#8f8f8f ;  display:block ; margin:3px 0 0 0}
.m_list tr.package {}
.m_list tr.package td { border-bottom:1px solid #01afa6 ; background:#eaf8f8}
.m_list tr.package td a { color:#008d85 ; font-weight:700}

span.cred {color:#f52222 ; font-size:14px ;  font-family: 'Noto Sans SC', sans-serif }
span.cblue {color:#007dc6 ; font-size:14px ;  font-family: 'Noto Sans SC', sans-serif ; font-weight:700 }

.my_info { background:url(../images/sub/myp1_1.gif)no-repeat 15px center #e5e8ef ; padding:5px}
.my_info p { background:#FFF ; margin:5px 5px 5px 100px ; font-size:14px; padding:25px ; display:block ; min-height:70px; line-height: 150%}
.minfo1 {float:right; margin:0 0 10px ;}
.minfo1 img { margin:0 5px 0 10px}
.m_list td.contents {padding:10px 20px ; min-height:200px ; vertical-align:top}

.b_num {text-align: center; margin: 20px 0; overflow:hidden}
.b_num div, .b_btn div {display: inline-block; width: 27px; height:27px; line-height: 25px; text-align: center; border: 1px solid #d3d3d3; color: #4d4d4d; cursor: pointer; font-size:13px}
.b_num div.prev, .b_btn div.prev { background:url(../images/sub/num_pre.png) no-repeat center center}
.b_num div.prevf { background:url(../images/sub/num_pref.png) no-repeat center center}
.b_num div.next, .b_btn div.next { background:url(../images/sub/num_next.png) no-repeat center center}
.b_num div.nextf { background:url(../images/sub/num_nextf.png) no-repeat center center}
.b_num div.fast, .b_btn div.fast {position: relative; vertical-align: bottom;}
.b_num div.active {color: #FFF;background:#3e4b5e ; border:1px solid #3e4b5e}

.b_btn { margin: 20px 0; overflow:hidden ; float:left}
.b_btnW {overflow:hidden}
.alone {position:relative; top:-25px}
.b_btnr {float:right ; margin: 15px 0}
.b_btct {text-align:center ; margin: 15px 0}

.notice {font-size:11px; color:#FFF; background:#6cb4b9 ; padding:5px 12px ; margin:0 10px 0 0;display:block;}
.statuso {font-size:11px; color:#FFF; background:#e78800 ; padding:5px 12px ; margin:0 10px 0 0}
.statusb {font-size:11px; color:#FFF; background:#017dc7 ; padding:5px 12px ; margin:0 10px 0 0}
.statusc {font-size:11px; color:#FFF; background:#01afa5 ; padding:5px 12px ; margin:0 10px 0 0}
.statusr {font-size:11px; color:#FFF; background:#e70036 ; padding:5px 12px ; margin:0 10px 0 0}

td span.faqb, th span.faqb, td span.tlt, span.b_kinds {font-size:11px; color:#949494; background:#FFF; border:1px solid #bbbfc9 ; padding:4px 0 2px ; width:100px ; display:inline-block; letter-spacing:-1px; text-align:center}
th span.faqb {text-align:center ; margin-right:10px}
th.btitle {text-align:left ; padding-left:20px}
td.cont { padding:15px ; line-height:140%}

.n_tab {overflow:hidden ; margin:5px 0 15px 0 }
.n_tab ul { }
.n_tab li {float:left ; border:1px solid #c5c5c5 ;  border-right:0 ;  border-bottom:1px solid #007dc6 ; background:#f5f7f9 ;padding:14px 0; text-align:center ; width:14.28%}
.n_tab li.w50 { width:50%}
.n_tab li a { font-size:13px ; font-weight:600 ; color:#535353 }
.n_tab li.last { border-right:1px solid #c5c5c5}
.n_tab li.active { background:#007dc6 ; color:#FFF ;font-size:14px ; border:1px solid #007dc6 ;}

.o_tab {overflow:hidden ; margin:5px 0 15px 0 ; border-bottom:2px solid #4d515d}
.o_tab a {float:left ; text-align:center ; width:200px; padding:12px 0; border:1px solid #d5d5d5 ; border-bottom:0; display:inline-block}
.o_tab a.active {  border:1px solid #4d515d ;border-bottom:0;; background:#4d515d; color:#FFF}

.m_tab {overflow:hidden ; margin:5px 0 15px 0 }
.m_tab ul { }
.m_tab li {float:left ; border:1px solid #d9d9d9 ; background:#f9f9f9 ;padding:14px 0 ; text-align:center ; width:49%}
.m_tab li a { font-size:15px ; font-weight:900 ; color:#949494 }
.m_tab li.last {float:right}
.m_tab li.active { background:#fff ; color:#047ec7 ;font-size:15px ; border:3px solid #047ec7;padding:12px 0 ; font-weight:900;}

.w_board > table { border-top:2px solid #666 ; border:1px solid #c9c9c9 ; width:100%}
.w_board > table.tb { border-top:1px solid #007dc6 ;}
.w_board > table th { border-bottom:1px solid #c9c9c9; padding:13px 0 13px 15px ; color:#595f6a ; font-weight:500 ; font-size:14px ; text-align:left; vertical-align:top; background:#f6f7f9;}
.w_board > table > tbody > tr > td { padding:5px 0 0 15px ; font-size:14px; border-bottom: 1px solid #ccc; } 
.w_board > table td input.w100 { width:100% !important }
.w_board > table td input.w80 { width:80% }
.w_board > table td input.w50 { width:50% }
.w_board > table td input { height:35px ; border:1px solid #dadada ; width:30%}
.w_board > table td input.check { height:20px ; width:20px;}
.w_board > table td textarea {  border:1px solid #dadada ; width:100% ; height:200px  ; margin: 0 0 13px}
.w_board > table th.last {  border-bottom:0}

.w_board > table td span.kt { font-family: 'Noto Sans SC', sans-serif ; font-weight:700 ; font-size:14px; display:block ; line-height:150% ; background:#edeef3; padding:5px 0 5px 20px }
.w_board > table td.txtm { border-bottom:1px solid #c9c9c9; /*border-left:1px solid #c9c9c9; */} /*ȸ�������� ���ʶ��� ���̾�. �ٸ��� ������� ���� �ۼ��ؼ� �����Ұ�*/
.w_board > table td.txtm span.kt { display:inline-block; background:#FFF; padding:0 5px}
.w_board > table td.last {  border-bottom:0}
.w_board > table td.total { background:#effaf9; padding:0 15px}

.prvW {}
.prev_big { overflow:hidden}
.prv_movie { float:left ; width:480px ; height:280px ; background:#383838}
.prv_btextW {float:right ; width:285px; }
.prv_btextr { overflow:hidden ; display:block; margin:11px 0 }
.prv_btextr p { font-weight:600 ; font-size:18px ; display:inline-block ; line-height:25px}
.prv_btextr p.small { font-weight:600 ; font-size:14px ;}

.prv_btextr .star { float:right ; margin:5px 0 0}
.prv_btext { border:1px solid #bebebe ; height:208px; padding:10px}
.prv_btext span.date { border-top:1px solid #dfdfdf ; padding:10px 0 0 0; margin: 10px 0 0 0; display:block ;color:#a3a3a3 ; font-size:13px ; letter-spacing:0px ;  font-family: 'Noto Sans SC', sans-serif }

.prev_smallW  { overflow:hidden ; position:relative; padding:0 1px ; margin:20px 0}
.prev_small { float:left; margin:10px 0 0 0 ; text-align:center}
.prev_small ul { border-top:1px solid #595f6a; border-bottom:1px solid #c9c9c9 ; background:#eceef3; padding:8px 0 }
.prev_small p { display:inline-block ; font-size:14px; line-height:240%}
.prev_small p.name {color:#2b2b2b ; font-weight:700 ; font-size:15px}
.prev_small li {}

.prev_small span.prv_movies { width:230px; height:134px; background:#383838; display:block; margin:10px 16px}
span.tlt {font-size:11px; color:#949494; border:1px solid #bbbfc9 ; padding:4px 0 2px ; width:110px ; display:inline-block; letter-spacing:-1px; text-align:center ; background:#FFF}


.my_title { overflow:hidden; }
.my_title h3 {float:left ; font-weight:700 ; font-size:20px ; color:#494949}
.my_title button {float:left ; margin-right:10px}

.lec_infoW {overflow:hidden; margin:20px 0}
.lec_left { float:left ; border:1px solid #b9c8cf ; background:#e4f0f7 ; width:49.5% ;  padding:7px}
.lec_left li, .lec_right li{ font-size:14px ; color:#535353 ; letter-spacing:0}
.lec_left li span, .lec_right li span { border:1px solid #c7c7c7 ; background:#FFF ; font-size:13px; color:#999999 ; font-weight:bold; padding:4px 30px ; display:inline-block; margin:2px 10px 2px 1px;
	font-family: 'Noto Sans SC', sans-serif ; font-weight:700; letter-spacing:-1px}
.lec_right {float:right; border:1px solid #ced0bd ; background:#f1f7e4 ; width:49% ;  padding:7px}
.lec_book {overflow:hidden;}
.lec_book span.label { display:inline-block ; float:left ; background:url(../images/sub/mybook.gif) no-repeat right top #01afa5; 
	padding:10px 40px 10px 30px ; color:#FFF ; font-weight:700; font-family: 'Noto Sans SC', sans-serif ; font-size:14px; margin-right:20px}
.lec_book p{ font-size:14px;font-weight:700; display:inline-block ; line-height:185%}

.price { color:#01afa5 ; font-size:16px !important; font-weight:700 ; padding:0 10px}

.pointW {position: relative; overflow:hidden; padding-bottom:40px}
.boxW {  float:left ; border:1px solid #d9d9d9 ; background:#fafafa; padding:14px 0px; text-align:center; width:49% ; height:265px }
.box p {font-size:13px ; line-height:140% ; display:block; padding:20px 0}
.box {}
.box img,.box button {display:inline-block }
.pointW div.active { border:3px solid #2891cf ; background:#FFF}
.pointW span {border:1px solid #b1b1b1 ; background:#FFF; font-size:18px; font-weight:700; display:inline-block ; width:80%; padding:20px 0; margin:0 0 10px; font-family: 'Noto Sans SC', sans-serif}
.pointW span.active {border:1px solid #2891cf ; color:#2891cf}
.pointW button { width:80% ; padding:20px 0; font-size:15px; font-weight:700}
.pointW button.point_active { background:#2891cf;}
.pointW button.point_grey { background:#b1b1b1}
.arrow {background:url(../images/sub/arrow1.gif) no-repeat center center;; height:50px ;position: relative; top:10px}

.answer { border:1px solid #01afa5}
.answer_top {border-bottom:1px solid #01afa5 ; overflow:hidden ; background:#eaf8f8}
.answer_top span { font-size:13px ; padding:10px 20px ; font-family: 'Noto Sans SC', sans-serif}
.answer_top span.tit { float:left ; font-family: 'Noto Sans SC', sans-serif ; background:#01afa5 ; color:#FFF ;}
.answer_top p { float:left ; display:inline-block ;font-family: 'Noto Sans SC', sans-serif ; font-size:14px ; padding: 10px 20px 10px 10px; font-weight:700 ; }
.answer_info { padding:20px}

.b_totalContaner { position:relative;}
.b_total {border:3px solid #01afa5 ; overflow:hidden;}
.b_total > span { background:#effaf9 ; color: #087f78 ; float:left ; text-align:center ; padding:30px 20px  ; font-family: 'Noto Sans SC', sans-serif ; font-size:14px ; font-weight:700 ; width:16.6%}
.b_total p {height: 80px; background:#FFF ; color: #3b3b3b ; float:left ; text-align:center ; padding:30px 10px ; font-size:18px ; font-weight:700; width:16.6%}
.b_total p.bk1 { background:url(../images/sub/total_pl.gif) no-repeat 149px center#FFF ;}
.b_total p.bk2 { background:url(../images/sub/total_eq.gif) no-repeat 149px center#FFF ;}
.b_total span.bk1 { background:url(../images/sub/total_pl.gif) no-repeat -8px center #effaf9 ;}
.b_total span.bk2 { background:url(../images/sub/total_eq.gif) no-repeat -8px center #effaf9 ;}
.b_total span.bk3 { background:url(../images/sub/total_ma.gif) no-repeat -8px center #effaf9 ;}
.b_total p.bk3 { background:url(../images/sub/total_ma.gif) no-repeat 149px center#FFF ;}
 .detail_order_infobx {position: absolute; left: 40px;   top: 55px;  background: url('/template/1/html2/images/icon/oderpongTop.png') no-repeat left top;   padding-top: 10px;    z-index: 4;}
 .detail_order_info {padding: 5px 10px;   background: #0a9088;  border-radius: 60px;  width: 300px;  text-align: center;   color: #fff; }


.t_total {border:1px solid #01afa5 ; overflow:hidden;}
.t_total span { background:#effaf9 ; color: #087f78 ; float:left ; text-align:center ; padding:20px 20px  ; font-family: 'Noto Sans SC', sans-serif ; font-size:14px ; font-weight:700 ; width:330px}
.t_total p { background:#FFF ; color: #3b3b3b ; float:left ; text-align:center ; padding:20px 0px ; font-size:16px ; font-weight:700; width:90px}


.moutW, .loginW {border:1px solid #c9c9c9 ; border-top:1px solid #007dc6 ; padding:20px 40px; text-align:center}
.moutW h2 { font-size: 26px; font-weight:700 ; color: #01afa5; line-height:100%}
.moutW h3 { font-size: 26px; font-weight:700 ; color: #1e1e1e; line-height:200%}
.moutW h4 {font-size: 18px; font-weight:700 ; color: #5e5e5e;}
.moutW h5 {font-size: 26px; font-weight:700 ; color: #5e5e5e;}
.moutW ul { border-top:1px solid #d4d4d4 ; margin-top:20px}
.moutW li { width:450px; margin:0 auto ; text-align:left ; font-size:14px; line-height:35px ; background:url(../images/sub/arrow2.gif) no-repeat left center ; padding:0 0 0 30px}
.moutW li.bigs {font-size:18px ; font-weight:700 ; width:200px; margin:0 auto }
.mout_info p {font-size: 14px; line-height:150%; padding:20px 0 20px}

.loginW h2 { font-size: 26px; font-weight:700 ; color: #494949; line-height:100%}
.loginW h2 span.cb { color: #017dc7;font-size: 26px;}
.loginW h2 span.cc { color:#01afa5 ;font-size: 26px;}
.loginW h3 { font-size: 23px; font-weight:700 ; color: #465365; line-height:200%}

.loginW ul { padding:30px 0; overflow: hidden;width:500px; margin:0 auto}
.loginW li { font-size:14px; display:inline-block; padding:5px 0; float: left;}
.loginW li input { width:340px; height:40px; border:1px solid #dbdbdb; padding:0 10px}
.loginW li button { width:140px; height:90px; font-size:20px; background:url(../images/sub/btn_login.gif) no-repeat right center #4d515d}
.loginW ul p {display:block; float: left; margin-top:10px}

.idpwW {overflow: hidden; margin:20px 0 60px 0}
.idpwW li { float: left;}
.idpwW li p {font-size:14px ; line-height:160%}
.idpwW li p.bold {font-weight:700}
.idpwW li button {margin: 10px 0 0 0;}
.idpwW li.last {border-left:1px dotted #d6d6d6; padding-left:50px}

.tea_info { background:#3e4b5e ; padding:5px}
.tea_info p { margin:1px 0 0 0; font-size:14px; padding:20px 20px 0 20px ; display:block ; line-height: 150% ; color:#FFF}
.tea_info p.point {color:#99cce9 ; font-size:17px}
.tea_info img { margin:0 5px 0 10px}

.bookW { border-top:1px solid #595f6a; background:#eceef3 ; padding:10px 10px 0 10px ; overflow:hidden}
.book1 { border:1px solid #c9cdd9; background:#FFF ; padding:13px ; width:49.5%; overflow:hidden; float:left; margin:0 0 10px}
.book1 img { display:inline-block ; float:left; padding:0 15px 0 0}
.book1 h3 {color:#454545 ;font-size:15px; font-weight:700; display:block ; margin:3px 0 10px}
.book1 p {font-size:14px ; color:#4a4a4a; line-height:140% ; display:block}
.book1 p.info {font-size:13px ; color:#989898; height:80px;}
.book1 p.pri {border-top:1px solid #dddddd ; padding:10px 0 5px ;}
.book1 p.pri span.line, td p.pri span.line,.book_right p.pri span.line {text-decoration:line-through;font-family: 'Noto Sans SC', sans-serif ; font-size:13px;}
span.sale { display:block; padding:1px; width:60px; margin:0 auto}

.book_info {overflow:hidden; border-bottom:1px solid #cecece}
.book_info img {border:1px solid #cecece ; width:316px; }/*border-bottom:none; height:316px*/
.book_right {float:right ; width:430px;}
.book_right h3 {font-size:18px; font-weight:700; color:#494949; margin:15px 0 60px}
.book_right li {display:block ; font-size:14px; line-height:300% }
.book_right li span.b_title {font-family: 'Noto Sans SC', sans-serif ; color:#8b8b8b ; font-weight:700 ;font-size:14px; width:86px; 
	background:url(../images/sub/arrow4.gif)no-repeat 75px center ; display:inline-block; float:left ;   margin:6px 0 0 0;}
/*.book_right p {display:inline-block}*/

.b_right {display:inline-block; height:35px; padding:3px 0 0 0;overflow:hidden;}
.inp {
    float: left;
    width: 40px;
    height: 29px;
    padding-left: 0;
    border: 1px solid #ccc;
    border-right: 0 none;
    color: #333;
    line-height: 29px;
    text-align: ;
	padding:0 0 0 5px;
}
 .btn_num {
    float: left;
    width: 21px;
    height: 29px;
    background: url(../images/icon/icon_ud.gif) no-repeat 0 0;
}
.btn_num a {
    overflow: hidden;
    float: left;
    width: 21px;
    height: 29px;
    margin-top: 1px;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
}
.enr_info {overflow:hidden; }
.enr_info img { width:354px; height:221px}
.enr_right {float:right ; width:380px; }
.enr_right > ul { display:table; width:380px; border-top: 1px solid #ccc;}
.enr_right > ul > li { display:table; width:380px; height:38px; line-height:38px;border-bottom: 1px dashed #ccc;}
.enr_right > ul > li > span { display:table-cell; text-indent:10px;}
.enr_right > ul > li > span.b_title {font-family: 'Noto Sans SC', sans-serif ; color:#8b8b8b ; font-weight:700 ;font-size:14px; width:86px; height:38px; line-height:38px; background:url(../images/sub/arrow4.gif)no-repeat 75px center ; display:inline-block; float:left ; margin:0px; }


.enr_right h3 {font-size:18px; font-weight:700; color:#494949; margin:15px 0 40px}
.enr_right li {display:block ; font-size:14px; line-height:200% }
.enr_right li span.b_title {font-family: 'Noto Sans SC', sans-serif ; color:#8b8b8b ; font-weight:700 ;font-size:14px; width:86px; 
	background:url(../images/sub/arrow4.gif)no-repeat 75px center ; display:inline-block; float:left ;   margin: 6px 0 0 0;}
.enr_right p {display:inline-block}
.enr_info div.enr_sinfo {border:1px solid #cecece ; margin:10px 0 0 0; padding:10px; display: block;font-family: 'Noto Sans SC', sans-serif ; color:#8b8b8b; font-size:13px}

.time { border-top:1px solid #e6e6e6; padding:38px 0 15px 0; overflow:hidden ;}
.time h4 { font-size:20px; color:#494949; font-weight:700 ; display: block;}
.time h4 span { color:#007dc9;font-family: 'Noto Sans SC', sans-serif ; font-size:20px;}
.time span.timec1 { background:#017dc7; color: #FFF; font-size:20px; font-weight:700; text-align:center; padding:30px 5px; width:150px ; float: left;font-family: 'Noto Sans SC', sans-serif;height: 103px }
.time span.timec1 p {background:#017dc7;display: block;; color: #a7deff; font-size:15px; font-weight:700; line-height:180%}

.time span.timec2 { background:url(../images/sub/time1_1.gif) no-repeat 85px center #01afa5; height: 103px;
	color: #FFF; font-size:20px; font-weight:700; text-align:center; padding:30px 16px 30px 0px; width:110px ; float: left;font-family: 'Noto Sans SC', sans-serif ; margin:0 0 0 2px;}
.time span.timec2 p {background:#01afa5;display: block;; color: #bcfffb; font-size:15px; font-weight:700; line-height:180%;}
.timeg {border:1px solid #d5d5d5 ;border-left:0px ; padding:13px 0 0 ; height: 103px; overflow-y: scroll; float: left; width: 527px;}
.timeg ul {display: block;}
.timeg li { padding:5px 10px ;}
.timeg li a {font-size:13px; display:inline-block ; width:400px; vertical-align:middle; line-height:150%}
.timeg li span {font-family: 'Noto Sans SC', sans-serif ; border:1px solid #d5d5d5; font-size:12px; color: #8f8f8f; padding:3px 10px; margin:0 10px 3px 0;  display:inline-block ; vertical-align:top}
.timeg li span.line { border:0; font-size:10px; color: #8f8f8f; margin: 0; padding:0 7px}

.tbanner { overflow: hidden; margin:10px 0} /*서브페이지 중앙전화상담*/
.tbanner li {float: left; width:49% ; border:1px solid #d5d5d5 ; background:#f7f7f9 ; padding:17px 0 17px 110px}
.tbanner li.tbanner_l{ background:url(../images/sub/em1_1.gif) no-repeat 15px center #f7f7f9}/*전화상담*/
.tbanner li.tbanner_2{ background:url(../images/sub/em1_2.gif) no-repeat 15px center #f7f7f9}/*온라인수강상담*/
.tbanner li p {font-size:16px; color:#494949; font-weight:700; display: block; margin:10px 0}
.tbanner li p.tbanner_ls {font-size:17px; color:#017dc7; letter-spacing:0.5px}
.tbanner li p.tbanner_2s {font-size:17px; color:#8b8b8b; font-weight:400}

.priceW { overflow: hidden; margin:30px 0 0 ; border-bottom:1px solid #d5d5d5;}
.priceW ul { border:1px solid #d5d5d5; margin:0px 0 10px ; background:#f6f7f9;position:relative;min-height:88px;}
.priceW ul>span { float: left; font-family: 'Noto Sans SC', sans-serif ; color: #FFF; font-size:18px; font-weight:700; text-align:center ; display: inline-block; width:250px ;padding:30px 0}
.priceW ul span.color1 { background:#007dc6 ;position:absolute;top:0;left:0;}
.priceW ul span.color2 { background:#01afa5 ;position:absolute;top:0;left:0;}
.priceW ul span.color3 { background:#5e6d86 ;position:absolute;top:0;left:0;}
.priceW li { float: left; padding:12px 10px 0 40px ;overflow: hidden;margin-left:250px;}
.priceW li p { font-family: 'Noto Sans SC', sans-serif ; font-size:14px; display:inline-block}
.priceW p.pri span.line{text-decoration:line-through;font-family: 'Noto Sans SC', sans-serif ; font-size:13px; margin-right:10px}
.priceW h2 { display: block; float: right; font-size:18px; font-weight:700; color:#494949; margin:10px 0 20px ;}
.priceW h2 span.bprice { color:#007dc6}

.cha {margin:5px 0 40px}
.cha h3 { font-size:20px; color:#494949 ; font-weight:700 ; display: block; margin:25px 0 10px 0}

.joint {overflow:hidden ; margin:0 0 25px;}
.joint li {float:left ; padding-right:35px ; background:url(../images/sub/cus_arrow.png) no-repeat 390px center}
.joint li.last {float:right ; padding-right:0px}

.priW {}
.priW p { font-size:14px; line-height:150% ; padding:3px 0}
.priW h3 {font-size:16px ; font-weight:700; line-height:170%; color:#494949}
.priW p.blank {padding:15px 0}

/****************************popup****************************/
.layer-popup {display:none ; position:absolute; left:50%; top:0px; z-index:9999; padding:0px 15px 15px;  margin-left:-235px; background:#fff; border:3px solid #007dc6;}
.pop_title {background:url(../images/sub/pop_t.gif) no-repeat top right #007dc6 ; ; margin: 0 0 20px;}
.pop_title p { font-size:18px; font-weight:700; text-align:center; line-height:66px; color:#FFF}
.pop_title span {display: inline-block; float: right; position:absolute; top:25px; right:30px}
.pop_box1 {border:2px solid #d9d9d9 ; margin: 10px 0; text-align:center; padding:30px 5px}
.pop_box1 span.brt {border-top:1px solid#d4d4d4; margin:15px 15px 0 ; padding:15px 0 0 0 ; display:block}
.pop_box1 li { display:block}
.pop_box1 li span { display:inline-block; margin:0 0 5px}

.pop_box2 {border:1px solid #d9dde7 ; margin: 10px 0; padding:10px 10px; background:#eceef3; overflow:hidden}
.pop_box2 span {font-size:13px; display: inline-block; margin:8px 0}
.pop_contents span {font-family: 'Noto Sans SC', sans-serif ; font-size:13px; padding:0 5px ; letter-spacing:-1px}
.pop_contents input {height:27px}
.pop_box3 {}
.pop_box3 span { display:block; line-height:140% ; background:url(../images/sub/arrow3.gif) no-repeat 5px center ; padding-left:15px; font-size:13px}
.pop_contents h4 {display:block; line-height:140% ; border-bottom:1px dotted #bababa; color: #595f6a; font-weight:700; font-size:16px ; padding:0 0 8px}
.pop_ctb {font-weight:700; text-align:center ; font-size:15px; display:block; padding:10px 0}


/******************************����Ұ�********************************/
.conall_W {width:100%;}

.arr2_div { position:absolute; }
.arr2_div .Arrpre { left:0 ; width:55px ; top: 150px }
.arr2_div .Arrnex { right:0; left: 945px; top: 150px }

.sj_btn {  width:1150px; margin:0 auto; padding:30px 0}
.sj_btn ul { overflow: hidden;}
.sj_btn li { float: left; border:2px solid #dedede ; padding:15px ; border-radius: 35px;-webkit-border-radius:35px;-moz-border-radius:35px; width: 31%; margin-right:35px ; text-align:center}
.sj_btn li.last { float:right ; margin-right:0}
.sj_btn li a { font-size: 18px ; font-weight:700; letter-spacing:-1px}
.sj_btn li.st1 { background: url(../images/subject/sj_icon1.gif) no-repeat 25px center, url(../images/subject/st_arrow.gif) no-repeat right center;}
.sj_btn li.st2 { background: url(../images/subject/sj_icon2.gif) no-repeat 25px center, url(../images/subject/st_arrow.gif) no-repeat right center;}
.sj_btn li.st3 { background: url(../images/subject/sj_icon3.gif) no-repeat 25px center, url(../images/subject/st_arrow.gif) no-repeat right center;}

.sj_bannerW {width:1150px; margin:0 auto }
.sj_banner1 {background: url(../images/subject/ban1_1.jpg) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:370px}
.sj_banner2 {background: url(../images/subject/ban1_2.jpg) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:320px}
.sj_banner3 {background: url(../images/subject/ban1_3.jpg) no-repeat center center, url(../images/subject/ban_back3.gif) ; width:100% ;height:380px}

.sj_banner1_1 {background: url(../images/subject/ban1_1.gif) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:390px}
.sj_banner2_11 {background: url(../images/subject/ban2_11.gif) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:390px}
.sj_banner2_21 {background: url(../images/subject/ban2_21.gif) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:390px}
.sj_banner3_11 {background: url(../images/subject/ban3_11.gif) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:400px}
.sj_banner3_21 {background: url(../images/subject/ban3_21.gif) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:400px}
.sj_banner5_11 {background: url(../images/subject/ban5_11.gif) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:390px}
.sj_banner5_21 {background: url(../images/subject/ban5_21.gif) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:390px}
.sj_banner5_31 {background: url(../images/subject/ban5_31.gif) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:390px}
.sj_banner5_41 {background: url(../images/subject/ban5_41.gif) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:390px}
.sj_banner5_51 {background: url(../images/subject/ban5_51.gif) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:390px}
.sj_banner5_61 {background: url(../images/subject/ban5_61.gif) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:390px}
.sj_banner5_71 {background: url(../images/subject/ban5_71.gif) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:410px}
.sj_banner5_81 {background: url(../images/subject/ban5_81.gif) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:410px}
.sj_banner5_91 {background: url(../images/subject/ban5_91.gif) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:410px}
.sj_banner5_101 {background: url(../images/subject/ban5_101.gif) no-repeat center center, url(../images/subject/ban_back1.gif); width:100% ; height:410px}

.sj_banner1_2 {background: url(../images/subject/ban1_2.gif) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:320px}
.sj_banner2_12 {background: url(../images/subject/ban2_12.gif) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:320px}
.sj_banner2_22 {background: url(../images/subject/ban2_22.gif) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:320px}
.sj_banner3_12 {background: url(../images/subject/ban3_12.gif) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:390px}
.sj_banner3_22 {background: url(../images/subject/ban3_22.gif) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:390px}
.sj_banner5_12 {background: url(../images/subject/ban5_12.gif) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:320px}
.sj_banner5_22 {background: url(../images/subject/ban5_22.gif) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:320px}
.sj_banner5_32 {background: url(../images/subject/ban5_32.gif) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:320px}
.sj_banner5_42 {background: url(../images/subject/ban5_42.gif) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:320px}
.sj_banner5_52 {background: url(../images/subject/ban5_52.gif) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:320px}
.sj_banner5_62 {background: url(../images/subject/ban5_62.gif) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:320px}
.sj_banner5_72 {background: url(../images/subject/ban5_72.gif) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:390px}
.sj_banner5_82 {background: url(../images/subject/ban5_82.gif) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:390px}
.sj_banner5_92 {background: url(../images/subject/ban5_92.gif) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:390px}
.sj_banner5_102 {background: url(../images/subject/ban5_102.gif) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:390px}

.sj_banner5_33 {background: url(../images/subject/ban5_33.gif) no-repeat top center, url(../images/subject/ban5_3back.gif) repeat-x top ; width:100% ;height:480px}
.sj_banner5_53 {background: url(../images/subject/ban5_53.gif) no-repeat center center, url(../images/subject/ban_back3.gif) ; width:100% ;height:360px}
.sj_banner5_63 {background: url(../images/subject/ban5_63.gif) no-repeat center center, url(../images/subject/ban_back3.gif) ; width:100% ;height:360px}


.sj_banner1_2 {background: url(../images/subject/ban1_2.jpg) no-repeat center center #FFF; width:100% ; border-top:1px solid #dedede ; height:320px}

.sj_tab {overflow:hidden;width:100% ; border-bottom:2px solid #4d515d ; margin:20px 0 0 0}
.sj_tab ul { ; width:1150px; margin:0 auto}
.sj_tab li {float:left ; display:block ; width:20%; line-height:40px ; background:#fff  ; 
	border-top:1px solid #d6d6d6 ;border-left:1px solid #d6d6d6 ;text-align:center ; margin:0 ; color:#565656 ; font-size:15px ; font-weight:700 ; letter-spacing:-1px ; font-family: 'Noto Sans SC', sans-serif ; }
.sj_tab li.active {background:#4d515d ; color:#FFF ; border:1px solid #4d515d; border-bottom:none}
.sj_tab li.last {margin-right:0 ;border-right:1px solid #d6d6d6; }

.sj_tabb { background: url(../images/subject/tab_back1.gif); padding:0 0 25px}
.tab_btn { overflow: hidden;  display:block ; width:1150px; margin:0 auto; }
.tab_btnW{ float:right ; padding:20px 0}
.tab_btn a { float:left ;display:block ; border:2px solid #0696ec; border-radius: 35px;-webkit-border-radius:35px;-moz-border-radius:35px; 
	width: 200px ; padding:10px 0 13px 0; text-align:center ; background: url(../images/sub/top_nav.gif) no-repeat 165px center #FFF; margin:0 0 0 10px ; font-size:14px ; font-weight:700 ; color: #4d4d4d;margin-bottom:8px !important;}
.tab_teacW { overflow: hidden;  border:1px solid #dedede ;width:1150px; margin:0 auto; background: #FFF;}
.tab_teacW img { float: left; width:180px; /*height:180px;*/ padding:20px ; border-right:1px solid #dedede; margin:0 20px 0 0 ; box-sizing: border-box;  -moz-box-sizing: border-box;-webkit-text-size-adjust:none;}
.tab_teacW h3 { display:block ; font-size:20px; color: #494949; font-weight:700; margin:18px 0 }
.tab_teacW ul{ overflow: hidden;}
.tab_teacW li{ float: left; width:49% ;overflow: hidden; /*height:128px*/padding-bottom:10px;}
.tab_teacW li > span{display: block; border:1px solid #dedede; padding:8px 0 ; width:100px ; text-align:center; float: left; background: url(../images/sub/arrow4.gif) no-repeat 85px center;}
.tab_teacW li > p{ display: block; font-size:13px; line-height:150%; }
.tab_teacW li.pro{ width:40% ; border-right:1px solid #dedede ; margin-right:15px}
.teac_info {float:left ; margin:0 0 0 15px;width:270px; }

.pro .teac_info {float:left ; margin:0 0 0 15px;width:200px; }

.sj_board {width:1150px; margin:0 auto;overflow: hidden; padding:30px 0 ;}
.sj_bW { border:3px solid #f4f4f4 ; border-top:1px solid #0696ec ; padding:15px ; float: left; width:32%}
.sj_bW h3 { font-size:18px; font-weight:700 ; text-align:center; padding:3px 0 15px 0 ; border-bottom: 1px dotted #dedede ; display:block; line-height:150%}
.sj_bW ul { overflow: hidden; margin:10px 0 0 0}
.sj_bW li { background:url(../images/sub/left_arrow.png) no-repeat left center ; padding:0 0 0 15px }
.sj_bW li a { font-size:13px ; line-height:180% ; color: #505050;}
.sj_bW span { float: right; color: #939393;font-family: 'Noto Sans SC', sans-serif !important; font-size: 12px }

/*2016.10.11 ��Ű�� �������ΰ��� ����Ʈ �߰� byõ��*/
.n_selectbx_List { clear:both; width:100%;  background:#f5f5f5;     margin-top: 40px; }
.n_selectbx_List > ul > li { float:left; width:33.33333%; text-align:left; text-indent:10px;}
.n_selectbx_List > ul > li > a { display:block; width:100%; padding:7px 0px;}
 .n_selectbx_List > ul > li.active > a { background:#01afa5 url('../images/sub/arrLec2.png') no-repeat 245px 50%;color:#fff;}

/*����ɼ� ���� 161013byõ��*/
.priceWB { overflow: hidden; margin: 30px 0 0; border-bottom: 1px solid #d5d5d5; }
.sel00Bx_a { display:table; width:789px; border: 1px solid #d5d5d5; background: #f6f7f9;}
.sel00Bx_Left { display:table-cell; width:250px; background:#007dc6; vertical-align:middle; font-family: 'Noto Sans SC', sans-serif;  color: #FFF;  font-size: 18px;  font-weight: 700;  text-align: center;}
.sel00Bx_Left2 { display:table-cell; width:250px; background:#01afa5; vertical-align:middle; font-family: 'Noto Sans SC', sans-serif;  color: #FFF;  font-size: 18px;  font-weight: 700;  text-align: center;}
.sel00Bx_Left3 { display:table-cell; width:250px; background:#5e6d86; vertical-align:middle; font-family: 'Noto Sans SC', sans-serif;  color: #FFF;  font-size: 18px;  font-weight: 700;  text-align: center;}

.sel00Bx_right { display:table-cell; width:539px;}
.sel00Bx_right > ul { margin: 0px 0 10px;}
.sel00Bx_right > ul > li { padding: 12px 10px 0 40px; overflow: hidden; }
 .sel00Bx_right > ul > li > p { font-family: 'Noto Sans SC', sans-serif;   font-size: 14px;   display: inline-block; }
 .sel00Bx_right > ul > li.w200 { width: 200px !important; }
.sel00Bx_right > ul > li > p.pri span.line{text-decoration:line-through;font-family: 'Noto Sans SC', sans-serif ; font-size:13px; margin-right:10px}
.priceWB  >  h2 {  display: block; float: right;  font-size: 18px;  font-weight: 700;  color: #494949;  margin: 10px 0 20px; }

/*������ ���¼Ұ� ������ �߰�  20161020 by õ��*/
.sub_01hder { width:100%; background:#303539; }
.sub_top_util {	height:86px; width:1150px;	margin:0 auto;	overflow:hidden;	min-width:1150px	}
.sub_top_util > h1{ float:left ; margin:15px 0 0}
.sub_top_util > h1 > a > span {  display: inline-block;font-family: 'Noto Sans SC', sans-serif;   font-size: 26px; color:#fff; vertical-align: middle; font-weight:700; }
.sub_top_util > p { float:left; margin-left:40px; }
.sub_top_util > ul{ float:right; margin:25px 0 0}
.sub_top_util > ul > li{ float:left; padding-left:13px }

 /*�޴��׺�*/
 .sub_01nv { width:100%; background:#f8f8f8;}
 .sub_01nvList { width:1150px; margin: 0 auto; border-left:1px solid #dcdada; border-right:1px solid #dcdada; }
 .sub_01nvList > li { border-bottom:1px solid  #dcdada; }
 .sub_01nvBx { width:1150px; display:table;}
 .sub_01nvList_title { display:table-cell;  width:184px;  font-size:15px;border-right:1px solid #dcdada;  text-align:center; display:table-cell; vertical-align:middle; background:#fff; padding:15px; 0px;}
 .sub_01nvList_bd { display:table-cell;width:813px;  vertical-align:middle;  padding:10px; 0px;}
 .sub_01nvList_bd > ul > li  { display:inline-block; width:116px;height:23px; line-height:23px; background:url('../images/comm/sub_nav_nvbl.png') no-repeat 0px 50%; padding-left:15px; font-size:15px;}
 .sub_01nvList_bd > ul > li > a:hover{ color:#007dc6}
 .sub_01nvList_bd > ul > li.active > a  { color:#007dc6}
 .sub_slide_W {position:relative ;  min-width:1150px}
/*�߰� ����󺣳�*/
.sub_01vsalBner { position:relative; width:100%; height: 400px;}
.sub_01vsalBner > ul { width:100%;}
.sub_01vsalBner > ul > li.sb_vsal_01 { height: 400px; overflow:hidden; text-indent:-9999px;background:url('../images/comm/sub_vsal_bner01.jpg') no-repeat top center;  }
.sub_01vsalBner > span {  position:absolute; left:50%; top:165px;}
.sub_01vsalBner > span.sub_vsaArr_prev { margin-left:-550px; }
.sub_01vsalBner > span.sub_vsaArr_next {  margin-left:510px;  }
/*�������Ұ�*/
.sub_01teach { width:100%; background:#202225; padding-top:55px; padding-bottom:80px;}
.sub_01teach > h3 { width:1150px; color:#b7ad91; margin: 0 auto; text-align:left; font-size:20px; font-weight:600; letter-spacing:-1px; padding-bottom:15px; }
.sub_01teach > h3 > span{  color:#747474; margin: 0 auto; text-align:left; font-size:16px; font-weight:600;  letter-spacing:-1px; }
.sub_01teach > ul.teachList { width:1150px; height:336px; display:block; margin: 0 auto; overflow:hidden; }
.sub_01teach > ul.teachList  > li { display:inline-block;width:200px; margin-left:-3px}
/*����ڵ��������*/
.sub_userArea { width:100%; text-align:center; padding:25px 0px; }

/*ȸ������ ����ȭ �߰� 161116 by õ��*/
	.ucmBoth_Agrr { margin-top:40px;}
	.ucmBoth_Agrr > h3 { font-size:16px; font-weight:500; background : url('/template/1/html2/images/mem_end_bl.gif') no-repeat top left; padding-left:25px; }
	.ucmBoth_Agrr > ul { margin-top:20px; border: 1px solid #c9c9c9; border-top: 1px solid #007dc6;}
	.ucmBoth_Agrr > ul > li { text-indent:15px; height:45px; line-height:45px; font-size:14px; border-bottom: 1px solid #c9c9c9; }
	.ucmBoth_Agrr > ul > li > a { display:inline-block; width:75px; height:23px;text-indent:0px; line-height:21px; text-align:center; font-size:13px;border:1px solid #858585; background: #9a9a9a; border-radius:2px; color:#fff;}
	.ucmBoth_Agrr > ul > li > div { float:right; height:45px; padding-right:20px;}
	.ucmBoth_Agrr > ul > li > div > label { padding-left:15px;}
	.ucmBoth_Agrr > ul > li > div > label > input { width:12px; height:12px; border:1px solid #ccc;}
p.ttxxtt { padding:7px 0px;}
ul.mem_ipList {   }
ul.mem_ipList > li { height:30px; line-height:20px;}
ul.mem_ipList > li > label > input { width:12px; height:12px;  border:1px solid #ccc;}
ul.mem_ipList2 { margin-bottom:10px; }
ul.mem_ipList2 > li { float:left; width:113px;height:30px; line-height:20px;}
ul.mem_ipList2 > li.wide { width:185px;}
ul.mem_ipList2 > li > label > input { width:12px; height:12px;  border:1px solid #ccc;}

/*ȸ������ �Ϸ�*/
.memEnd_left { width:323px; height:310px; border:1px solid #007dc6; box-shadow:6px 6px 0px #e5e5e5; background: url('/template/1/html2/images/mem_end_bg.gif') no-repeat bottom right; }
	.memEnd_left > h3 { height:81px;padding-top:25px;  padding-left:38px; font-family: 'Noto Sans SC', sans-serif; font-size:20px; background: url('/template/1/html2/images/mem_end_pt.gif') no-repeat 39px 77px; }
	.memEnd_left > p { padding-top:20px; color:#222; font-size:20px; padding-left:38px;  }
	.memEnd_left > p > span { font-size:27px; color:#007dc6; font-family: 'Noto Sans SC', sans-serif; }
	.mem_joinDay { margin-top:45px; margin-left:155px; font-size:14px;}
	.memEnd_right { position:absolute; top:0px; left:370px;}
	.memEnd_right > h3 {  padding-top:40px; padding-bottom:10px;color:#007dc6; font-family: 'Noto Sans SC', sans-serif; font-size:20px;}
	.memEnd_right > ul { padding-top: 20px;}
	.memEnd_right > ul > li { margin-bottom:8px; font-size:14px;}
	.memEnd_right > ul > li > span { display: inline-block; vertical-align:top;}
	.memEnd_right > ul > li > span + span{ display: inline-block;}
	.memEnd_Listbx { margin-top:30px;}
	.memEnd_Listbx > h3 { height:45px; line-height:45px; padding-left:20px; font-size:18px; color:#333; background: url('/template/1/html2/images/mem_end_bl.gif') no-repeat 0px 10px;}
	.memEnd_Listbx > div { background: #f2f2f2; padding:20px; 25px;}
	.memEnd_Listbx > div > ul > li { display:inline-block; width:142px; height:25px; line-height:25px; } 
	.memEnd_Listbx > div > ul > li.radioOk { display:inline-block; width:365px; }
	.memEnd_Listbx > div.memEndBtn_area { background: #fff;  height: 52px;  padding: 0px;}
	.memEnd_bner { width:100%; height:271px; margin-top:45px;}
	.memEnd_visit { display:table;margin:25px 0px;}
	.memEnd_visit > ul { float: left;width:493px; border:1px solid #d9d9d9; border-top: 1px solid #007dc6; }
	.memEnd_visit > ul > li { height:40px; line-height:40px; border-top:1px solid #d9d9d9; text-indent:20px;}
	.memEnd_visit > ul > li.noline { border-top:1px solid #d9d9d9;}
	.memEnd_visit > ul > li.title  { float:left; width:195px; border-right:1px solid #d9d9d9; color:#333; font-size:14px;}
	.memEnd_visit > div { float: right;  width:294px; height:82px; background:#587092; }
	.memEnd_visit > div > a { display: block; width: 294px; height: 82px; line-height: 82px; text-align: center; background: #01afa5; color:#fff; font-size:20px; }
	.memEnd_visit > ul > li > input, .memEnd_visit > ul > li > select{ width:258px; height:26px; line-height:26px}
	.memEnd_fnsh {clear:both; border-top:1px solid #ccc; padding-top:35px; text-align:center;}

/*����������*/
.pwReInfo { width:100%;  background: #fff; padding:25px;}
.pwReInfo > h3 { font-size:18px; padding-bottom:15px; color:#333;}
.pwReInfo > ul { margin:25px 0px;}
.pwReInfo > ul > li { display:inline-block; width:46% }
.pwReInfo > ul > li > label > input { width:15px; height:15px;} 
	.pwReInfoPW { display:table; }
	.pwReInfoPW > ul { float: left;width:493px; border:1px solid #d9d9d9; border-top: 1px solid #007dc6; }
	.pwReInfoPW > ul > li { height:40px; line-height:40px; border-top:1px solid #d9d9d9; text-indent:20px;}
	.pwReInfoPW > ul > li.noline { border-top:1px solid #d9d9d9;}
	.pwReInfoPW > ul > li.title  { float:left; width:195px; border-right:1px solid #d9d9d9; color:#333; font-size:14px;}
	.pwReInfoPW > div { float: right;  width:243px; height:82px; background:#587092; }
	.pwReInfoPW > div > a { display: block; width: 243px; height: 82px; line-height: 82px; text-align: center; background: #01afa5; color:#fff; font-size:20px; }
	.pwReInfoPW > ul > li > input { width:258px; height:26px; line-height:26px}
	.pwReInfoPW > p { clear:both;padding-top:4px;}