@charset 'utf-8';
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* reset */
html, body {height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0; border:none;}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
 
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5; font-family: 'NanumBarunGothic'; color:#333} /* color값은 디자인가이드에 맞게사용 */
 
#viewLoading			 {z-index:999; position:fixed; width:100%;height:100%; top: 0; text-align: center; background-color:#2378ab; filter: alpha(opacity=70); opacity: 0.7;-ms-filter:alpha(opacity=70);display:none;}
#viewLoadingCnts	 {z-index:999; position:fixed; width:100%; top: 35%; text-align: center;background-color:transparent;}
#viewLoadingText	 {margin:10px auto;width:200px;background-color:#fff;border:1px solid #999;}

a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

/* hidden */
hr,caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.hide{position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}

/* common */
.clear_v2 {*zoom:1}
.clear_v2:after {content:""; display:block; clear:both;}
.clear{clear: both;line-height:1px;font-size:1px;display:block;}
.d_none{display:none;}
.d_block{display:block;}
.d_inline{display:inline;}
.d_ib{display:inline-block}
.ta_center{text-align:center !important;}
.ta_left{text-align:left !important;}
.ta_right{text-align:right !important;}
.ta_justify{text-align:justify;}
.fl_left{float:left !important;}
.fl_right{float:right !important;}
.ov_hidden{overflow:hidden !important;}
.position_r{position:relative !important;}
.position_a{position:absolute !important;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.verdana{font-family:verdana;}

.pl0{padding-left:0px !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.ml0{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.mr05{margin-right:05px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}

.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs25{font-size:25px;}
.fs30{font-size:30px;}
.fs35{font-size:35px;}
.fs40{font-size:40px;}

.W30{width:30px;}
.W40{width:40px;}
.W50{width:50px;}
.W60{width:60px;}
.W70{width:70px;}
.W80{width:80px;}
.W90{width:90px;}
.W100{width:100px;}
.W110{width:110px;}
.W120{width:120px;}
.W130{width:130px;}
.W140{width:140px;}
.W150{width:150px;}
.W160{width:160px;}
.W170{width:170px;}
.W180{width:180px;}
.W190{width:190px;}
.W200{width:200px;}
.W210{width:210px;}
.W220{width:220px;}
.W230{width:230px;}
.W240{width:240px;}
.W250{width:250px;}
.W260{width:260px;}
.W270{width:270px;}
.W280{width:280px;}
.W290{width:290px;}
.W300{width:300px;}

/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

/* color */
.c_666 {color:#666 !important;}

/* layout */
#wrap {height:100%; min-height:100%; position:relative;}
#header {height: 46px; background: #1d6a9f; position: fixed; left: 0; right: 0; top: 0; z-index: 50; border: none;}
#container {margin:0 0 -60px 0; min-height: 100%; position: relative; z-index:49;}
#content {padding:46px 0 90px 0; position: relative;}
#content2 {padding:0 0 90px 0; position: relative;}
#footer {width:100%; height:60px; position:fixed; bottom:0; left:0; right:0; z-index:50;}
.comcnt {padding:20px 20px 20px 20px;}
.comcnt2 {padding:20px 20px 10px 20px;}
.comcnt3 {padding:10px 20px 20px 20px;}
.comcnt4 {padding:0px 10px 20px 10px;}

/* chatting */
#chat_wrap		{height:100%; min-height:100%; position:relative;display:none;}
#chat_header		{height: 46px; background: #1d6a9f; position: fixed; left: 0; right: 0; top: 0; z-index: 50; border: none;}
#chat_container	{margin:0; height:100%;max-height: 100%; position: relative; z-index:49;}
/* chatting */

/* navi */
.navi {width:100%; height:100%; position:relative;}
.navi .back_link {
	width:23px; height:19px; background:url(/images/common/ico_back_arrow.gif) no-repeat;
	position:absolute; left:20px; top:14px;
}
.navi .ttl {
	margin-left:17%; width:70%; margin:0 auto;
	font-size:17px; line-height:46px; color:#fff; text-align:center;
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.navi .right_btn {
	width:23px; height:19px; background:url(/images/common/ico_input.gif) no-repeat;
	position:absolute; right:20px; top:14px;
}

.navi .right_txt {
	width:55px; height:46px;
	position:absolute; right:10px; top:0; font-size:13px; line-height:46px; color:#fff; text-align:center;
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}

.navi .left_txt {
	width:50px; height:46px;
	position:absolute; left:10px; top:0; font-size:13px; line-height:46px; color:#fff; text-align:center;
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}

/* footer */
.ft_menu {width:100%; height:100%; background:#1d6a9f; }
.ft_menu>li {width:33%; height:100%; float:left; background:url(/images/common/bar_footer.gif) repeat-y;}
.ft_menu>li:first-child {background:none;}
.ft_menu>li:last-child {width:34%;}
.ft_menu>li>a {width:100%; height:100%; display:block;}
.ft_menu>li.ft01>a {background:url(/images/common/ico_ft01.gif) no-repeat center 13px;}
.ft_menu>li.ft02>a {background:url(/images/common/ico_ft02.gif) no-repeat center 13px;}
.ft_menu>li.ft03>a {background:url(/images/common/ico_ft03.gif) no-repeat center 13px;}

/* btn */
.botbtn {text-align:center;}
.btnCom {display:inline-block; *display:inline; *zoom:1;}
.btnType1 {
	width:100%; height:67px; text-align:center;
	font-size:1.2em; line-height:67px; color:#fff;
	background:#465265;
}
.record {
	width:100%; height:66px; border:1px solid #3a3a3a; display:inline-block; *display:inline; *zoom:1;
	font-size:16px; line-height:66px; color:#fff; background:#6a6a6a url(/images/sub/btn_s_click.png) no-repeat;
	background-position: right 20px center;
	-webkit-background-size: 26px 26px;
	background-size: 26px 26px;
}

.record2 {
	width:100%; height:66px; border:1px solid #3a3a3a; display:inline-block; *display:inline; *zoom:1;
	font-size:16px; line-height:66px; color:#fff; background:#6a0000 url(/images/sub/btn_s_click.png) no-repeat;
	background-position: right 20px center;
	-webkit-background-size: 26px 26px;
	background-size: 26px 26px;
}

.record3 {
	width:100%; height:66px; border:1px solid #3a3a3a; display:inline-block; *display:inline; *zoom:1;
	font-size:16px; line-height:66px; color:#fff; background:#00006a url(/images/sub/btn_s_click.png) no-repeat;
	background-position: right 20px center;
	-webkit-background-size: 26px 26px;
	background-size: 26px 26px;
}

.record4 {
	width:100%; height:66px; border:1px solid #3a3a3a; display:inline-block; *display:inline; *zoom:1;
	font-size:16px; line-height:66px; color:#fff; background:#006a6a url(/images/sub/btn_s_click.png) no-repeat;
	background-position: right 20px center;
	-webkit-background-size: 26px 26px;
	background-size: 26px 26px;
}

.record5 {
	width:100%; height:66px; border:1px solid #3a3a3a; display:inline-block; *display:inline; *zoom:1;
	font-size:16px; line-height:66px; color:#fff; background:#6a006a url(/images/sub/btn_s_click.png) no-repeat;
	background-position: right 20px center;
	-webkit-background-size: 26px 26px;
	background-size: 26px 26px;
}

.record6 {
	width:100%; height:66px; border:1px solid #3a3a3a; display:inline-block; *display:inline; *zoom:1;
	font-size:16px; line-height:66px; color:#fff; background:#6a6a00 url(/images/sub/btn_s_click.png) no-repeat;
	background-position: right 20px center;
	-webkit-background-size: 26px 26px;
	background-size: 26px 26px;
}

.bot_Area {}
.bot_btn02 {margin:0 20px 0 20px; }
.bot_Area02 .bot_btn {margin: 0 20px 0 20px;}

.btn_action {
 	width:100%; height:66px; border:1px solid #1471b2; display:inline-block; *display:inline; *zoom:1;
	font-size:16px; line-height:66px; color:#1d6a9f;
	background-position: right 20px center;
 }

.btn_video {
 	width:99%; line-height:56px; display:inline-block; *display:inline; *zoom:1;
	font-size:16px; color:#fff; text-align:center;
 }
.btn_video .iconbg {margin-left:10px; display:inline-block; *display:inline; *zoom:1; vertical-align: middle;}
/* 20160720 */
.btn_opbt01 {background:#1870ac; border:1px solid #146094;}
.btn_opbt02 {background:#1870ac; border:1px solid #146094;}
.btn_opbt03 {background:#1870ac; border:1px solid #146094;}
.btn_opbt04 {background:#1870ac; border:1px solid #146094;}
.btn_opbt01 .iconbg {
	width:20px; height:20px;
	background:#1870ac url(/images/sub/ico_opbtn01.png) no-repeat; 
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
}
.btn_opbt02 .iconbg {
	width:20px; height:23px;
	background:#1870ac url(/images/sub/ico_opbtn02.png) no-repeat; 
	-webkit-background-size: 20px 23px;
	background-size: 20px 23px;
}
.btn_opbt03 .iconbg {
	width:24px; height:24px;
	background:#1870ac url(/images/sub/ico_opbtn04.png) no-repeat;
	-webkit-background-size: 24px 24px;
	background-size: 24px 24px;
}
.btn_opbt04 .iconbg {
	width:26px; height:20px;
	background:#1870ac url(/images/sub/ico_opbtn03.png) no-repeat;
	-webkit-background-size: 26px 20px;
	background-size: 26px 20px;
}
/* 20160720 */
.video_bnt>li:first-child {margin-top:0;}
.video_bnt>li {margin-top:10px;}
.video_bnt>li>ul {overflow:hidden;}
.video_bnt>li>ul>li {width:49%; float:left; margin-right:0.5%}
.video_bnt>li>ul>li:last-child {float:right; margin-right:0;}

/* login */
.main {background:#2378ab;}
.main  #header {background:#2378ab;}
.main #container {margin:-46px 0 -60px 0;}
.main #content {padding:46px 0 45px 0; position: relative;}
.logcnt {padding:25% 52px 0 52px;}
.imgtop {text-align:center;}
.main #content {background:#2378ab;}
.main #footer {height:60px;background:#2378ab;}
.cp_right {font-size:0.667em; color:#6699be; font-family:'Arial'; text-shadow:none; text-align:center;}
.loginp {margin-top:26px;}
.loginp>li:first-child {margin-top:0;}
.loginp>li {height:65px; margin-top:13px; position:relative; border:1px solid #fff;}
.loginp>li label {width:32px; height:32px; position:absolute; left:14px; top:14px; border:none;}
.loginp>li span.ipt {height:65px; display:block; padding:0 0 0 64px;}
.loginp>li input {
	width:100%; height:100%; margin:0 0 0 0; 
	background: transparent; border:none; box-shadow:none; font-size:1em; color:#fff; font-family: 'NanumBarunGothic';
}
.loginp>li.logid label {background:url(/images/common/ico_id.gif) no-repeat;}
.loginp>li.logpw label {background:url(/images/common/ico_pw.gif) no-repeat;}
.loginpchk {margin-top:20px; font-size:14px; color:#fff; text-align:center;}
.loginpchk span:first-child {padding-left:0;}
.loginpchk span {padding-left:30px;}
.logcnt .botbtn {margin-top:20px;}

/* main */
.username {height:100%; background:#465265;}
.username>p {
	padding:0 0 0 70px; background:url(/images/common/ico_user.gif) no-repeat 42px 11px;
	font-size:11px; line-height:46px; color:#fff; text-shadow:none; font-weight:normal;
}
.username>p span {font-size:19px;}
.m_menu>li {height:73px; margin-top:10px; text-align:center;}
.m_menu>li>a {
	display:block; color:#fff; line-height:73px;
	font-size:20px;
}
.m_menu>li>a:hover {color:#fff; }
.m_menu .logSelct {background:url(/images/common/ico_logSelct.gif) no-repeat 25px 18px;}
.m_menu .logCare {background:url(/images/common/ico_logCare.gif) no-repeat 25px 17px;}
.m_menu .logOption {background:url(/images/common/ico_logOption.gif) no-repeat 25px 17px;}
.m_menu .lf_arrow {width:26px; height:22px; position:absolute; right:29px; top:25px; background:url(/images/common/arrow_left.gif) no-repeat;}

/* selectCom */
.selectCom {height:100%;}
.selectCom select {
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  border:1px solid #bbbbbb;
  padding-left: 10px;
  font-size: 0.8em;
  color: #676863;
  background: url('/images/common/arrow-dropdown.gif') no-repeat right #f8f8f8;
  -webkit-appearance: none;
}

.selectCom input {
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  border:1px solid #bbbbbb;
  padding: 8px 0 8px 10px;
  font-size: 1em;
  color: #676863;
}


/* 강의 선택 */
.course_select {border:1px solid #d5d5d5;}
.course_select>li {width:100%; border-top:1px solid #d5d5d5;}
.course_select>li:first-child {border-top:none;}
.course_select>li .cnt {
	height:42px; margin:18px 21px 18px 19px; position:relative;
	font-size:17px; line-height:42px; color:#666;
}
.course_select>li .cnt .txt {position:absolute; left:47px;}
.course_select>li.cs01 .cnt {background:url(/images/sub/ico_course01.gif) no-repeat;}
.course_select>li.cs02 .cnt {font-size:15px;background:url(/images/sub/ico_course02.gif) no-repeat;}
.course_select .selectCom {margin:0 0 0 109px;}
.course_select .selectCom select {height:42px;font-size:14px;}

/* qr */
.qrArea {position:relative;}
.btn_qr {text-align:center;}
.btn_qr>a {
	width:57px; height:57px; display:inline-block; *display:inline; *zoom:1; background:url(/images/sub/btn_qr.png) no-repeat;	
}

/* 강의시작 */
.vs_area {margin-bottom:20px; height:100%; position:relative; text-align:center; line-height:0;}
.vs_area img {max-width:100%;}
.vs_area .bg_stop {
	width:100%; height:100%; background:#000 url(/images/sub/bg_stop.png) no-repeat center 50%; position:absolute; left:0; top:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
		   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE 7 and olders */
		   opacity: .5; 
}
.lec_list>li:first-child {margin-top:0;}
.lec_list>li{min-height:30px; padding:0 0 9px 41px; margin-top:5px; position:relative; border:1px solid #d5d5d5;}
.lec_list>li .txt {
	padding:13px 19px 0 19px;
	font-size:13px; line-height:20px; color:#666;
}
.lec_list>li.lec_li01 {background:url(/images/sub/ico_human.gif) no-repeat;}
.lec_list>li.lec_li02 {background:url(/images/sub/ico_cnt.gif) no-repeat;}
.lec_list>li.lec_li03 {background:url(/images/sub/ico_desc.gif) no-repeat;}
.lec_list>li.lec_li04 {background:url(/images/sub/ico_click.gif) no-repeat;}

/* 강의관리 */
.top_sch {margin-bottom:10px; overflow:hidden;}
.top_sch .left_ttl {
	width: 93%; 
	padding-left:15px; background:url(/images/sub/dot_arrow.gif) no-repeat 0 6px;
	font-size:20px; line-height:25px;
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.top_sch>li .selectCom select {height:42px; background-color:#fff;}

.lec_managelist>li:first-child {margin-top:0;}

/* 바뀐코드 - 20160714 */
.lec_managelist>li {
	width:100%; height:78px; margin-top:10px; position:relative; 
	background:url(/images/sub/ico_lecture0714.png) no-repeat 10px 20px; 
	-webkit-background-size: 38px 38px;
	background-size: 38px 38px;
	border:1px solid #d5d5d5;
}
/*  end  */
.lec_managelist>li>a {
	width:82px; height:30px; padding-top:50px; position:absolute; right:-1px; top:-1px; text-align:center;
	font-size:12px; color:#fff;
}
.lec_managelist>li>a.lec_ing {background:url(/images/sub/btn_lec_ing.gif) no-repeat;}
.lec_managelist>li>a.lec_stop {background:url(/images/sub/btn_lec_stop.gif) no-repeat;}
.lec_managelist>li>a.lec_end {background:url(/images/sub/btn_lec_end.gif) no-repeat;}

/* 바뀐코드 - 20160714 */
.txtA {padding:10px 90px 0 64px;}
/*  end  */
.txtA .ttl {
	margin-bottom:2px; font-size:17px;
	width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.txtA .desc {font-size:0.8em;}
.txtA .desc>a {display:inline-block; *display:inline; *zoom:1; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/* 바뀐코드 - 20160714 */
.txtB {padding:10px 10px 0 64px;}
/*  end  */
.txtB .ttl {
	margin-bottom:2px; font-size:17px;
	width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.txtB .desc {font-size:0.8em;}
.txtB .desc>a {display:inline-block; *display:inline; *zoom:1; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/* 바뀐코드 - 20161213 */
.lec_courselist>li:first-child {margin-top:0;}

.lec_courselist>li {
	width:100%; height:78px; margin-top:10px; position:relative; 
	-webkit-background-size: 38px 38px;
	background-size: 38px 38px;
	border:1px solid #d5d5d5;
}

.lec_managelist>li>a  {
	width:82px; height:30px; padding-top:50px; position:absolute; right:-1px; top:-1px; text-align:center;
	font-size:12px; color:#fff;
}

.txtCourse {padding:10px 10px 0 10px;}
.txtCourse .ttl {
	margin-bottom:2px; font-size:17px;
	width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.txtCourse .desc {font-size:0.8em;}
.txtCourse .desc>a {display:inline-block; *display:inline; *zoom:1; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
/*  end  */

/* 강의수정 */
.top_give {width:100%; height:53px; margin-bottom:10px; background:#2378ab; border:1px solid #0e5d8c;}
.top_give .ttl {
	padding-left:44px;
	background:url(/images/sub/ico_lecttl.gif) no-repeat 19px 15px;
	font-size:17px; line-height:53px; color:#fff;
}

/* 강의설정 */
.vs_area02 {margin-bottom: 0;}
.optionlist {border:1px solid #d5d5d5;}
.optionlist>li {position:relative; border-top:1px solid #d5d5d5;}
.optionlist>li:first-child {border-top:none;}
.optionlist>li.optype1 {padding-bottom:10px;}
.optionlist>li.optype1 .cnt {padding-top:13px;}
.optionlist>li .cnt {position:relative; margin:0 19px 0 19px;}
.optionlist>li .ttl {
	padding-left:14px; margin-bottom:8px; background:url(/images/sub/dot_arrow.gif) no-repeat 0 50%;
	font-size:15px; line-height:25px;
}
.optionlist>li.optype3 .ttl  {line-height:32px; margin-bottom:0;}
.optionlist>li.optype2 .cnt {padding:13px 0 19px 0;}

/* 바뀐코드 - 20160714 */
.optionlist>li.optype3 {min-height:32px; padding:8px 0 9px 0;}
.optionlist>li.optype3 .sd_numb {position:absolute; right:0; top:4px;}
.optionlist>li.optype3 .sd_numb>ul {overflow:hidden;}
.optionlist>li.optype3 .sd_numb>ul>li {width:25px; float:left;}
.optionlist>li.optype3 .sd_numb>ul>li.numb {width:65px; text-align:center; font-size:16px; line-height:25px; color:#30a9ba;}
.optionlist>li.optype3 .sd_numb>ul>li.numb .num {width:100%; text-align:center; font-size:16px; line-height:25px;}
.optionlist>li.optype3 .sd_numb>ul>li.numb {color:#666;}
.optionlist>li.optype3 .st_box {position:absolute; right:0; top:1px;}
.optionlist>li.optype3 .selectbox {width:101px; height:32px; border:1px solid #bbb; background:#f8f8f8;}
.optionlist>li.optype3 .selectbox label {line-height:32px;}
.selectbox {
  position: relative;
  z-index: 1;
}

.selectbox:before {  /* 화살표 대체 */
  content: "";
  width:32px; height:32px; background:url(/images/sub/btn_select.gif) no-repeat 100% 0;
  position: absolute;
  top: 0;
  right: 0;
}

.selectbox label {
  position: absolute;
  top: 1px;  /* 위치정렬 */ 
  left: 5px;  /* 위치정렬 */
  padding:0 0 0 10px;  /* select의 여백 크기 만큼 */
  color: #999;  
  z-index: -1;  /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */
}

.selectbox select {
  width: 100%; 
  height: auto;  /* 높이 초기화 */
  line-height: normal;  /* line-height 초기화 */
  font-family: inherit;  /* 폰트 상속 */
  padding:10px 0 0 10px;  /* 여백과 높이 결정 */
  border: 0;
  opacity: 0;  /* 숨기기 */
  filter:alpha(opacity=0);  /* IE8 숨기기 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}
/*  end  */

.screen_mode {overflow:hidden;}
.screen_mode>li {width:33%; float:left;}
.screen_mode>li.sm02 {width:34%;}
.screen_mode>li>a { height:29px; padding-top:55px; display:block; border:1px solid #d5d5d5; text-align:center;}
.screen_mode>li.on>a {color:#fff; font-size:12px; border:1px solid #0e5d8c;}
.screen_mode>li.sm01>a {background:url(/images/sub/ico_sm01.gif) no-repeat center 13px;}
.screen_mode>li.sm02>a {background:url(/images/sub/ico_sm02.gif) no-repeat center 13px; border-left:none; border-right:none;}
.screen_mode>li.sm03>a {background:url(/images/sub/ico_sm03.gif) no-repeat center 13px;}
.screen_mode>li.sm01.on>a {background:#237fbf url(/images/sub/ico_sm01on.gif) no-repeat center 13px;}
.screen_mode>li.sm02.on>a {background:#237fbf url(/images/sub/ico_sm02on.gif) no-repeat center 13px; border-left:none; border-right:none;}
.screen_mode>li.sm03.on>a {background:#237fbf url(/images/sub/ico_sm03on.gif) no-repeat center 13px;}


/* switch */
.switchWrap {position:absolute; right:0; top:0;}
.switch {width:71px; height:31px; overflow:hidden; position:relative; border:1px solid #9f9f9f;}
.switch input {position:absolute;top:-9999px;left:0}
.switch span {position:absolute;left:28px; top:0; width:43px; height:31px; background:url(/images/sub/sw_off.gif) no-repeat;}
.switch.on {border-color:#1471b2;}
.switch.on span {background:url(/images/sub/sw_on.gif) no-repeat;}

.switchWrap	.btn {
 	width:80px; height:31px; border:1px solid #1471b2; display:inline-block; *display:inline; *zoom:1;
	font-size:14px; line-height:22px; color:#1471b2;
 }

/* 바뀐코드 - 20160714 */
/* slider */
.sd_wrap {
	min-height:21px; padding:3px 0 0 35px; background:url(/images/sub/ico_sun.png) no-repeat;
	-webkit-background-size: 21px 21px;
	background-size: 21px 21px;
}
.sd_wrap2 {
	background:url(/images/sub/ico_sd.png) no-repeat 2px 3px;
	-webkit-background-size: 18px 15px;
	background-size: 18px 15px;
}
.sd_wrap3 {
	background:url(/images/sub/ico_expand.png) no-repeat 2px 2px;
	-webkit-background-size: 22px 21px;
	background-size: 22px 21px;
}
/*  end  */
.sd_wrap .sd_numb {position:absolute; right:0; top:13px;}
.sd_wrap .sd_numb>ul {overflow:hidden;}
.sd_wrap .sd_numb>ul>li {width:25px; float:left;}
.sd_wrap .sd_numb>ul>li.numb {width:65px; text-align:center; font-size:18px; line-height:25px; color:#30a9ba;}
.sd_wrap2 .sd_numb>ul>li.numb {color:#db441e;}
#steps-fivepercent-slider .ui-slider-tip {
    visibility: visible;
    opacity: 1;
    top: -30px;
}
.sd_wrap .ui-slider-handle, .ui-state-default {border:1px solid #c2c2c2 !important; background:#fff !important; border-radius: 10px;}
.sd_wrap .ui-widget-content {border-radius: 6px;}
.sd_wrap .ui-widget-header {background:#30a9ba; border-radius: 5px;}
.sd_wrap2 .ui-widget-header {background:#db441e;}

.sd_wrap span.ui-slider-access {width:115px; height:30px;  margin:0 !important; position:absolute; right:0; top:13px;}
#basic_example_1 {width:100% !important;}
.sd_wrap .ui-button-text {width:25px; height:25px; padding:0 !important; }
.sd_wrap .ui-buttonset .ui-button {height:25px; margin:0; border-radius:0; color:#9f9f9f;}
.sd_wrap .ui-buttonset .ui-corner-left {position:absolute;left:0; top:0;}
.sd_wrap .ui-buttonset .ui-corner-right {position:absolute;right:0; top:0;}

/* input */
.numb {min-height:21px; padding:0;}
.numb input {
	width:98%; height:100%; margin:-8px 0 0 0; 
	background: transparent; border:0; box-shadow:none; font-size:0.90em; font-family: 'NanumBarunGothic';text-align:center;
}

/* 20160908추가css */
.lecture_A {position:fixed; left:0; right:0; top:0; z-indeX:999; background:#fff;}
.optionlist2 {margin-top:20px;}
.op1 {margin-bottom:10px; overflow:hidden;}
.op1>li {width:49%; float:left;}
.op1>li:last-child {float:right;}
.op2 {border:1px solid #3a3a3a;}
.btn_chk {width:100%; background: #1870ac; border:1px solid #146094; font-size:16px; line-height:56px; color:#fff; text-align:center;}
.btn_cancle {width:100%; background:#b2b2b2; border:1px solid #8b8b8b; font-size:16px; line-height:56px; color:#fff; text-align:center;}
.screen_option {
	width:100%; height:56px; display:block;
	font-size:16px; line-height:56px; color:#fff; background:#6a6a6a;
	text-align:center;
}
.btn_chk .iconchk {
	width:35px; height:18px;
	display: inline-block; vertical-align: middle;
	background:#1870ac url(/images/sub/ico_chk.gif) no-repeat 10px -1px; 
	-webkit-background-size: 23px 18px;
	background-size: 23px 18px;
}
.btn_cancle .iconcancle {
	width:30px; height:18px;
	display: inline-block; vertical-align: middle;
	background:#b2b2b2 url(/images/sub/ico_cancel.gif) no-repeat 10px -1px; 
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
}
.screen_option .iconscop {
	width:32px; height:22px;
	display: inline-block; vertical-align: middle;
	background:#6a6a6a url(/images/sub/ico_scop.png) no-repeat 10px 50%; 
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}
.op_box {position:relative;}
.opL_cnt {display:none;}
.op_box .opList {padding:26px 10px 53px 10px; border:3px solid #6a6a6a; border-bottom:none; background:#fff;}
.opL {height:51px; margin-bottom:30px; position:relative;}
.opL .ttl {
	padding-left:51px;
	font-size:22px; line-height:51px;
}
.opL1 .ttl {
	background:url(/images/sub/ico_sun.png) no-repeat 4px 50%;
	-webkit-background-size: 41px 41px;
	background-size: 41px 41px;
}
.opL2 .ttl {
	background:url(/images/sub/ico_sd.png) no-repeat 8px 50%;
	-webkit-background-size: 36px 35px;
	background-size: 36px 35px;
}

.inpA {width:159px; height:51px; position:absolute; right:0; top:0;}
.inpA .inp_cnt {position:relative;}
.inp_num {width:77px; height:49px; position:absolute; left:41px; top:0; border:1px solid #888; background:#fff; font-size:26px; line-height:52px; color:#2378ab; font-weight:bold; text-align:center;}
.inpA .inp_cnt .bt_arrow {width:41px; height:51px; position:absolute; background:#888; text-align:center; line-height:56px;}
.inpA .inp_cnt .bt_arrow.on,
.inpA .inp_cnt .bt_arrow:hover {background:#1870ac;}

.inpA .inp_cnt .bt_down {
	left:0; top:0;
	-moz-border-radius:6px 0 0 6px;
	-webkit-border-radius:6px 0 0 6px;
	border-radius:6px 0 0 6px;
	background:#888 url(/images/sub/ico_mn.png) no-repeat center;
}
.inpA .inp_cnt .bt_down:hover {background:#1870ac url(/images/sub/ico_mn.png) no-repeat center;}
.inpA .inp_cnt .bt_up {
	width:39px;
	right:0; top:0;
	-moz-border-radius:0 6px 6px 0;
	-webkit-border-radius:0 6px 6px 0;
	border-radius:0 6px 6px 0;
	background:#888 url(/images/sub/ico_ps.png) no-repeat center;
}
.inpA .inp_cnt .bt_up:hover {background:#1870ac url(/images/sub/ico_ps.png) no-repeat center;}

.opL3 {height:auto; padding:24px 29px 0 29px; margin-bottom:25px;}
.opL3 .screen_opbox {height:125px; border:1px solid #888; background:#e7f0f7;}
.sopcnt {padding-top:49px; font-size:1.4em; color:#6a6a6a; text-align:center;}

.icosop {
	width:56px; height:56px; position:absolute;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	overflow:hidden;
	background:#888;
}
.icosop.on,
.icosop:hover {background:#1870ac;}
.icosoptop {left:50%; margin-left:-28px; top:0; }
.icosopbot {left:50%; margin-left:-28px; bottom:-28px;}
.icosopleft {left:0; top:60px;}
.icosopright {right:0; top:60px;}
.icosoptop>a {
	background: url(/images/sub/ico_soptop.png) no-repeat 50%;
}
.icosopbot>a {
	background:url(/images/sub/ico_sopbot.png) no-repeat 50%;
}
.icosopleft>a {
	background:url(/images/sub/ico_sopleft.png) no-repeat 50%;
}
.icosopright>a {
	background:url(/images/sub/ico_sopright.png) no-repeat 50%;
}
.icosoptop>a.on,
.icosoptop>a:hover {
	background:url(/images/sub/ico_soptop.png) no-repeat 50%;
}
.icosopbot>a.on,
.icosopbot>a:hover {
	background:url(/images/sub/ico_sopbot.png) no-repeat 50%;
}
.icosopleft>a.on,
.icosopleft>a:hover {
	background:url(/images/sub/ico_sopleft.png) no-repeat 50%;
}
.icosopright>a.on,
.icosopright>a:hover {
	background:url(/images/sub/ico_sopright.png) no-repeat 50%;
}
.icosop>a {
	width:100%; height:100%; display:block;
	background-size: 32px;
	-webkit-background-size: 32px;
	-moz-background-size: 32px;
}
.icosop>a.on,
.icosop>a:hover {
	background-size: 32px;
	-webkit-background-size: 32px;
	-moz-background-size: 32px;
}
.op_last {overflow:hidden; border-top:1px solid #3a3a3a;}
.op_last>li {width:33%; height:57px; float:left;}
.op_last>li:last-child {width:34%; border-right:none;}
.op_last>li>a {width:100%; height:100%; display:block; background:#6a6a6a url(/images/sub/bar1x1.gif) repeat-y 100% 0; font-size:16px; line-height:57px; color:#fff; text-align:center;}
.op_last>li:last-child>a {background:#6a6a6a;}
.opsection1 {margin-bottom:30px;}
.opsection1 .ttl {
	padding-left:46px; margin-bottom:15px;
	font-size:22px; line-height:30px; color:#6a6a6a; 
	background:url(/images/sub/ico_mtr.png) no-repeat 11px top;
	-webkit-background-size: 30px 30px;
	background-size: 30px 30px;
}
.opsection1 .m_type {overflow:hidden;}
.opsection1 .m_type>li {width:32%; height:114px; float:left; margin-right:2%; overflow:hidden;}
.opsection1 .m_type>li:last-child {float:right; margin-right:0;}
.opsection1 .m_type>li>a {width:100%; height:34px; padding-top:80px; display:block; background:#888; font-size:16px; line-height:18px; color:#fff; text-align:center;}
.opsection1 .m_type>li.auto_op>a {
	background:#888 url(/images/sub/ico_auto.png) no-repeat center 27px;
	-webkit-background-size: 34px 42px;
	background-size: 34px 42px;
}
.opsection1 .m_type>li.auto_two>a {
	background:#888 url(/images/sub/ico_two.png) no-repeat center 27px;
	-webkit-background-size: 39px 42px;
	background-size: 39px 42px;
}
.opsection1 .m_type>li.auto_all>a {
	background:#888 url(/images/sub/ico_allview.png) no-repeat center 27px;
	-webkit-background-size: 35px 42px;
	background-size: 35px 42px;
}

.opsection1 .m_type>li.auto_op.on>a {
	background:#1870ac url(/images/sub/ico_auto.png) no-repeat center 27px;
	-webkit-background-size: 34px 42px;
	background-size: 34px 42px;
}

.opsection1 .m_type>li.auto_two.on>a {
	background:#1870ac url(/images/sub/ico_two.png) no-repeat center 27px;
	-webkit-background-size: 39px 42px;
	background-size: 39px 42px;
}

.opsection1 .m_type>li.auto_all.on>a {
	background:#1870ac url(/images/sub/ico_allview.png) no-repeat center 27px;
	-webkit-background-size: 35px 42px;
	background-size: 35px 42px;
}
.opsection2 {padding-bottom:20px; position:relative;}
.opsection2 .ttl {
	padding-left:54px; margin-bottom:20px; 
	font-size:22px; line-height:51px;
	background:url(/images/sub/ico_expand.png) no-repeat 14px 9px;
	-webkit-background-size: 31px 31px;
	background-size: 31px 31px;
}
.slider_op {padding:0 9px 0 9px;}
.slider_op .ui-slider-handle, .ui-state-default {border:1px solid #c2c2c2 !important; background:#fff !important; border-radius: 10px;}
.slider_op .ui-widget-header {background:#1870ac;}
.opsection3>li {margin-top:10px;}
.opsection3>li:first-child {margin-top:0;}
.screen_optionBlue {
	width:100%; height:51px; display:block;
	font-size:16px; line-height:51px; color:#fff; background:#1870ac;
	text-align:center;
}

.screen_optionBlue .iconauto {
	width:22px; height:22px; margin-right:10px;
	display: inline-block; vertical-align: middle;
	background:#1870ac url(/images/sub/ico_autofocus.png) no-repeat 0 50%; 
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}
.iconsave {
	width:22px; height:22px; margin-left:5px;
	display: inline-block; vertical-align: middle;
	background:#6a6a6a url(/images/sub/ico_save.png) no-repeat 0 50%; 
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}
.iconreset {
	width:32px; height:22px; margin-left:5px;
	display: inline-block; vertical-align: middle;
	background:#6a6a6a url(/images/sub/ico_reset.png) no-repeat 0 50%; 
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}
.iconexit {
	width:32px; height:22px; margin-left:5px;
	display: inline-block; vertical-align: middle;
	background:#6a6a6a url(/images/sub/ico_exit.png) no-repeat 0 50%; 
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}

.modify2 {margin-top:38px;}
.modify3 {margin-top:10px;}
.mdf_op1 {margin-bottom:20px;}
.mdf_tap {overflow:hidden;}
.mdf_tap>li {width:33%; height:58px; float:left;}
.mdf_tap>li:last-child {width:34%;}
.mdf_tap>li>a {
	width:auto; height:56px; display:block; background:#e8e8e8;
	border:1px solid #c4c4c4; border-bottom:1px solid #3a3a3a; 
	font-size:16px; line-height:56px; color:#909090; text-align:center;
}
.mdf_tap>li.on>a {background:#6a6a6a; border:1px solid #3a3a3a; border-bottom:1px solid #6a6a6a;  color:#fff;}
.mdf_box {border:1px solid #3a3a3a; border-top:none;}
.mdf_box_Cnt:first-child {display:block;}
.mdf_box_Cnt {padding:20px 20px 20px 20px; display:none; border:4px solid #6a6a6a;}
.gab_cutul {width:100%; display:table;}
.gab_cutul>li {display:table-cell; text-align:center;}
.gab_cutul>li.nth-child(2) {width:8.75%;}
.gab_cutul>li input {width:100%; border:1px solid #888; font-size:16px; line-height:49px; color:#ccc; text-align:center;}
.mdf_caption .ipt_caption {width:100%;}
.mdf_caption .ipt_caption input {width:inherit; height:49px; border:1px solid #888; font-size:16px; line-height:49px; color:#ccc; text-align:center;}

.btn_apply {margin-top:15px;}
.btn_apply>a {display:block; width:100%; background: #1870ac; border:1px solid #146094; font-size:16px; line-height:56px; color:#fff; text-align:center;}
.btn_apply .iconchk {
	width:30px; height:30px; padding-right:10px;
	display: inline-block; vertical-align: middle;
	background:#1870ac url(/images/sub/ico_apply.png) no-repeat 0 0; 
	-webkit-background-size: 30px 30px;
	background-size: 30px 30px;
}

.mdf_op2 {margin-bottom:10px; overflow:hidden;}
.mdf_op2>li:first-child {margin-left:0;}
.mdf_op2>li {width:31.875%; height:114px; margin-left:2.1875%; float:left;}
.mdf_op2>li>a {width:100%; height:34px; padding-top:80px; display:block; font-size:16px; line-height:18px; color:#fff; text-align:center;}
.mdf_op2>li.li1>a {
	background:#888 url(/images/sub/ico_gabcut1.png) no-repeat center 27px;
	-webkit-background-size: 32px 36px;
	background-size: 32px 36px;
}
.mdf_op2>li.li2>a {
	background:#888 url(/images/sub/ico_gabcut2.png) no-repeat center 27px;
	-webkit-background-size: 34px 34px;
	background-size: 34px 34px;
}
.mdf_op2>li.li3>a {
	background:#888 url(/images/sub/ico_gabcut3.png) no-repeat center 27px;
	-webkit-background-size: 37px 37px;
	background-size: 37px 37px;
}
.mdf_op2>li.li1.on>a {
	background:#1870ac url(/images/sub/ico_gabcut1.png) no-repeat center 27px;
	-webkit-background-size: 32px 36px;
	background-size: 32px 36px;
}
.mdf_op2>li.li2.on>a {
	background:#1870ac url(/images/sub/ico_gabcut2.png) no-repeat center 27px;
	-webkit-background-size: 34px 34px;
	background-size: 34px 34px;
}
.mdf_op2>li.li3.on>a {
	background:#1870ac url(/images/sub/ico_gabcut3.png) no-repeat center 27px;
	-webkit-background-size: 37px 37px;
	background-size: 37px 37px;
}

.mdf_op3 {overflow:hidden;}
.mdf_op3>li {width:48.4375%; height:51px; margin:0 3.125% 10px 0; float:left;}
.mdf_op3>li>a {width:100%; height:51px; display:block; font-size:16px; line-height:51px; color:#fff; text-align:center; background:#888;}
.mdf_op3>li.on>a {background:#1870ac;}
.mdf_op3>li.li2 {margin-right:0;}
.mdf_op3>li.li3 {margin-bottom:0;}
.mdf_op3>li.li4 {margin:0;}
.mdf_op3>li span {padding-right:12px; display: inline-block; vertical-align: middle;}
.mdf_op3>li.li1 .icoshape {
	width:30px; height:26px;
	background:url(/images/sub/ico_mdfop1.png) no-repeat 0 -3px;
	-webkit-background-size: 30px 26px;
	background-size: 30px 26px;
}
.mdf_op3>li.li2 .icoshape {
	width:31px; height:26px;
	background:url(/images/sub/ico_mdfop2.png) no-repeat 0 -3px;
	-webkit-background-size: 31px 26px;
	background-size: 31px 26px;
}
.mdf_op3>li.li3 .icoshape {
	width:30px; height:26px;
	background:url(/images/sub/ico_mdfop3.png) no-repeat 0 -3px;
	-webkit-background-size: 30px 26px;
	background-size: 30px 26px;
}
.mdf_op3>li.li4 .icoshape {
	width:29px; height:31px;
	background:url(/images/sub/ico_mdfop4.png) no-repeat 0 -2px;
	-webkit-background-size: 29px 31px;
	background-size: 29px 31px;
}
.mdf_op4 {overflow:hidden;margin-top:5px;}
.mdf_op4>li:last-child {margin-right:0;}
.mdf_op4>li {width:48.4375%; height:58px; margin:0 3.125% 0 0; float:left;}
.mdf_op4>li>a {height:56px; display:block; font-size:16px; line-height:58px; color:#fff; text-align:center; background:#888; border:1px solid #8b8b8b;}
.mdf_op4>li.li1>a {background:#1870ac; border:1px solid #146094;}
.mdf_op4>li .icoshape {margin-left:10px; display: inline-block; vertical-align: middle;}
.mdf_op4>li.li1 .icoshape {
	width:24px; height:25px; 
	background:url(/images/sub/ico_make1.png) no-repeat 0 0;
	-webkit-background-size: 24px 25px;
	background-size: 24px 25px;
}
.mdf_op4>li.li2 .icoshape {
	width:30px; height:25px; 
	background:url(/images/sub/ico_make2.png) no-repeat 0 0;
	-webkit-background-size: 30px 25px;
	background-size: 30px 25px;
}

.mdf_op5 {overflow:hidden;}
.mdf_op5>li {width:48.4375%; height:51px; margin:0 3.125% 10px 0; float:left;}
.mdf_op5>li>a {width:100%; height:51px; display:block; font-size:16px; line-height:51px; color:#fff; text-align:center; background:#888;}
.mdf_op5>li.on>a {background:#1870ac;}
.mdf_op5>li.li2 {margin-right:0;}
.mdf_op5>li.li3 {margin-bottom:0;}
.mdf_op5>li.li4 {margin:0;}
.mdf_op5>li span {padding-right:12px; display: inline-block; vertical-align: middle;}
.mdf_op5>li.li1 .icoshape {
	width:30px; height:26px;
	background:url(/images/sub/ico_gabcut2.png) no-repeat 0 -3px;
	-webkit-background-size: 30px 26px;
	background-size: 30px 26px;
}
.mdf_op5>li.li2 .icoshape {
	width:31px; height:26px;
	background:url(/images/sub/ico_gabcut3.png) no-repeat 0 -3px;
	-webkit-background-size: 31px 26px;
	background-size: 31px 26px;
}

.mdf_box_Cnt2:first-child {display:block;}
.mdf_box_Cnt2 {padding:20px 20px 20px 20px; display:none; border:4px solid #339900;}
.mdf_box2 {border:1px solid #336600; border-top:none;}
.gab_cutul2 {width:100%; display:table;}
.gab_cutul2>li {display:table-cell; text-align:center;}
.gab_cutul2>li.nth-child(2) {width:8.75%;}
.gab_cutul2>li input {width:100%; border:1px solid #888; font-size:16px; line-height:49px; color:#ccc; text-align:center;}

.gab_cutul3 {width:100%; display:table;}
.gab_cutul3>li {display:table-cell; text-align:center;width:50%;padding:0 5px;}

.mdf_box3 {margin-bottom:10px;border:2px solid #336600; padding:5px;}
.gab_cutul4 {width:99%; display:table;margin-bottom:5px;}
.gab_cutul4>li {display:table-cell; text-align:center;height:50px;}
.gab_cutul4>li input {width:100%; border:1px solid #888; font-size:16px; line-height:49px; color:#ccc; text-align:left;}
.gab_cutul4>li select {
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  border:1px solid #bbbbbb;
  padding-left: 10px;
  font-size: 16px;
  color: #676863;
  background: url('/images/common/arrow-dropdown.gif') no-repeat right #f8f8f8;
  -webkit-appearance: none;
}

.playbar {width:100%; height:50px; margin-top:10px; background:#1d6a9f; border-radius: 10px;}
.playbar>ul {height:50px; padding:0 0 0 10px; overflow:hidden; text-align:center;}
.playbar>ul>li:first-child {margin-left:0;}
.playbar>ul>li {width:33px; margin-left:3px; display:inline-block;}
.playbar>ul>li>a {display:block; line-height:50px;}
.icon-white {color:#fff;}

.op_box .opList {padding: 26px 10px 30px 10px;}
.screen_Tp .ttl {
	padding-left:52px; margin-bottom:13px;
	font-size:22px; line-height:42px; color:#6a6a6a; 
	background:url(/images/sub/ico_screenaw.gif) no-repeat 0 top;
	-webkit-background-size: 42px 42px;
	background-size: 42px 42px;
}
.sc_numb2 {margin-top:20px;}
.sc_numb .boxSc {
	width:100%; height:33px; overflow:hidden; border:1px solid #888;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.sc_numb .boxSc>li {width:14.2857%; height:33px; float:left; text-align:center; background:url(/images/sub/bg_barscnumb.gif) repeat-y;}
.sc_numb .boxSc>li:first-child {background:none;}
.sc_numb .boxSc>li.sbico {background:#888;}
.sc_numb .boxSc>li>a {display:block; text-align:center; font-size:12px; line-height:35px; color:#6a6a6a;}
.sc_numb .boxSc>li.on>a {background:#1870ac; color:#fff;}

.b_boxWrap {width:150px; position:relative;margin:5px 0 0 5px;}
.b_box {width:150px; height:35px; overflow:hidden;}
.b_box .b_box_cnt {float:left; height:35px; }
.b_box .b_box_cnt:nth-child(1) {width:70%; background:#4e9c4e;}
.b_box .b_box_cnt:nth-child(2) {width:20%; background:#e6ea1a;}
.b_box .b_box_cnt:nth-child(3) {width:10%; background:#bb2e2c;}
.b_black_Bg {width:150px;; height:35px; position:absolute; right:0; top:0; background:#333;}


/* 20170313 chatting_room css 정리 */

#contents {display:inline-block;position:relative;margin:0;width:100%;min-width:320px !important;border:0;background:#f7f7f7;box-sizing:border-box}
#chatWindow {margin:93px auto;padding:0 0 46px 0;width:98%;height:100%;overflow-y:scroll;border:0;box-sizing:border-box}

.div-form-search {position:fixed;left:0;top:47px;display:table;margin:0;padding:0;width:100%;height:46px;border:0}
.div-form-search .input_txt_area {display:table-cell;margin:0;padding:0;width:100%}
.div-form-search .input_txt_area textarea {width:100%;height:46px;margin:-4px 0 0;padding:12px 15px 0;font-size:15px;color:#757575;middle;border:0;border-top:1px solid #e7e7e7;box-sizing:border-box;-webkit-appearance:none}
.div-form-search .btn_li {display:table-cell;width:56px;height:46px;margin:0;padding:0;background:#992e90;font-size:15px !important;color:#fff;text-align:center;line-height:46px;box-sizing:border-box;-webkit-border-radius:0;-webkit-appearance:none}

#contents-user {display:inline-block;position:relative;margin:0;width:100%;min-width:320px !important;height:100%;border:0;background:#f7f7f7;box-sizing:border-box}
#chatWindow-user {margin:48px auto;padding:0;width:98%;height:100%;overflow-y:scroll;border:0;box-sizing:border-box}
#chatWindow-vod {margin:8px auto;padding:0;width:98%;height:100%;overflow-y:scroll;border:0;box-sizing:border-box}

.div-form-search-user	{position:fixed;left:0;top:0;display:table;margin:0;padding:0;width:100%;height:46px;border:0}
.div-form-search-user	.input_txt_area {display:table-cell;margin:0;padding:0;width:100%}
.div-form-search-user	.input_txt_area textarea {width:100%;height:46px;margin:-4px 0 0;padding:12px 15px 0;font-size:15px;color:#757575;middle;border:0;border-top:1px solid #e7e7e7;box-sizing:border-box;-webkit-appearance:none}
.div-form-search-user	.btn_li {display:table-cell;width:56px;height:46px;margin:0;padding:0;background:#992e90;font-size:15px !important;color:#fff;text-align:center;line-height:46px;box-sizing:border-box;-webkit-border-radius:0;-webkit-appearance:none}


.contents-ul {display:inline-block;position:relative;padding:0;margin:0 auto;width:100%;border:0}
.contents-ul li	{float:left;padding:0;margin:8px auto;width:100%;border:0;font-size:15px;line-height:1.5}

.div-room-center {position:relative;margin:0 auto;padding:5px;width:100%;border:0;background:#f3f3f3;box-sizing:border-box}
.div-room-center .detail {text-align:center;color:#454545}

.div-room-admin {position:relative;padding:0;margin:0;width:100%;border:0}
.div-room-admin .detail {position:relative;width:100%;margin:0;padding:0;color:#992e90;border:0;white-space:pre-wrap;word-break:break-all}
.div-room-admin .detail span {font-weight:bold;display:inline-block;margin:0 5px 0 0}

.div-room-user {position:relative;padding:0;margin:0;width:100%;border:0}
.div-room-user .detail {position:relative;width:100%;margin:0;padding:0;color:#454545;border:0;white-space:pre-wrap;word-break:break-all}
.div-room-user .detail span {font-weight:bold;display:inline-block;margin:0 5px 0 0}

.div-add {position:relative;margin:0 auto;padding:5px;width:100%;border:1px solid #e7e7e7;background:#f3f3f3;text-align:center;box-sizing:border-box}
.div-add .txt a {color:#828282}

/* end */

/* 20170313 추가 및 변경 css */

/* layout */
#header {height:46px;background:#992e90;position:fixed;left:0;right:0;top:0;z-index:50;border:none;}
#container {margin:0 0 -60px 0;min-height:100%;position:relative; z-index:49; background:#f7f7f7}
#content {padding:46px 0 0 0; position: relative;background:#f7f7f7}
#content2 {padding:0;position:relative}
.comcnt4 {padding:0px 20px 20px}

/* chatting */
#chat_header		{height: 46px; background: #992e90; position: fixed; left: 0; right: 0; top: 0; z-index: 50; border: none;}
/* chatting */

/* navi */
.navi .ttl {width:95%;margin:0 auto;font-size:17px;line-height:46px;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

/* btn */
.bot_btn02 {margin:0}

.record_btn1 {width:100%;height:46px;line-height:46px;font-size:16px;color:#992e90;border:1px solid #992e90;border-radius:4px;background:#fff;box-sizing:border-box}
.record_btn2 {width:100%;height:46px;line-height:46px;font-size:16px;color:#454545;border:1px solid #a4a4a4;border-radius:4px;background:#e7e7e7;box-sizing:border-box}
.record_btn3 {width:100%;height:46px;line-height:46px;font-size:16px;color:#fff;border:0;border-radius:4px;background:#454545;box-sizing:border-box}
.record_btn4 {width:100%;height:46px;line-height:46px;font-size:16px;color:#fff;border:0;border-radius:4px;background:#992e90;box-sizing:border-box}

.lec_list {margin:0 20px;padding:0;background:#fff;border:1px solid #e7e7e7;border-radius:4px;box-sizing:border-box}
.lec_list>li {width:100%;margin:0;padding:0;border:0;border-bottom:1px solid #f3f3f3;box-sizing:border-box}
.lec_list>li:last-child {border-bottom:none}
.lec_list>li .txt {width:100%;margin:0;padding:12px 15px;font-size:13px;color:#666;box-sizing:border-box}
.lec_list>li .txt span {color:#454545}

.optionlist2 {margin-top:10px;}
.op2 {border:0}
.btn_chk {width:100%;background:#992e90;border:0;border-radius:4px;font-size:16px;line-height:46px;color:#fff;text-align:center;}
.btn_cancle {width:100%;height:46px;background:#e7e7e7;border:1px solid #a4a4a4;border-radius:4px;font-size:16px;line-height:46px;color:#454545;text-align:center;box-sizing:border-box}
.screen_option {width:100%;height:46px;display:block;font-size:16px;line-height:46px;color:#fff;background:#454545;text-align:center;box-sizing:border-box}
.btn_chk .iconchk {width:30px; height:20px;display:inline-block;vertical-align:middle;background:url(/images/sub/ico_opbtn02.png) no-repeat 10px 0;-webkit-background-size:20px 20px;background-size:20px 20px;}
.btn_cancle .iconcancle {width:30px; height:20px;display:inline-block;vertical-align:middle;background:url(/images/sub/ico_cancel_on.png) no-repeat 10px 0;-webkit-background-size:20px 20px;background-size:20px 20px;
}
.screen_option .iconscop {width:30px; height:20px;display:inline-block;vertical-align:middle;background:url(/images/sub/ico_scop.png) no-repeat 10px 0;-webkit-background-size:22px 22px;background-size:22px 22px;}
.op_box .opList {padding:20px 10px; border:1px solid #454545;background:#fff;box-sizing:border-box}
.opL {height:46px; margin-bottom:20px; position:relative;}
.opL .ttl {padding-left:46px;font-size:18px; line-height:46px;}
.opL1 .ttl {background:url(/images/sub/ico_sun.png) no-repeat 4px 50%;-webkit-background-size: 36px 36px;background-size: 36px 36px;}
.opL2 .ttl {background:url(/images/sub/ico_sd.png) no-repeat 8px 50%;-webkit-background-size: 30px 30px;background-size: 30px 30px;}
.inpA {width:159px; height:46px; position:absolute; right:0; top:0;}/*수정*/
.inp_num {width:77px;height:44px;position:absolute;left:41px;top:0;border:1px solid #454545; background:#fff; font-size:20px;line-height:44px;color:#992e90;font-weight:bold;text-align:center;}

.inpA .inp_cnt .bt_arrow {width:41px; height:46px;position:absolute;background:#fff;text-align:center;line-height:46px;}
.inpA .inp_cnt .bt_arrow.on,
.inpA .inp_cnt .bt_arrow:hover{background:#992e90}

.inpA .inp_cnt .bt_down {left:0; top:0;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;background:#454545 url(/images/sub/ico_mn.png) no-repeat center;}
.inpA .inp_cnt .bt_down:hover {background:#992e90 url(/images/sub/ico_mn.png) no-repeat center;}
.inpA .inp_cnt .bt_up {width:41px;right:0;top:0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;background:#454545 url(/images/sub/ico_ps.png) no-repeat center;}
.inpA .inp_cnt .bt_up:hover {background:#992e90 url(/images/sub/ico_ps.png) no-repeat center;}

.opsection1 .ttl {padding-left:46px; margin-bottom:15px;font-size:18px; line-height:30px; color:#454545;background:url(/images/sub/ico_mtr.png) no-repeat 8px 0;-webkit-background-size: 30px 30px;background-size: 30px 30px;}
.opsection1 .m_type>li.auto_op>a {background:#a4a4a4 url(/images/sub/ico_auto.png) no-repeat center 27px;-webkit-background-size: 34px 42px;background-size: 34px 42px;border-radius:4px;}
.opsection1 .m_type>li.auto_two>a {background:#a4a4a4 url(/images/sub/ico_two.png) no-repeat center 27px;-webkit-background-size: 39px 42px;background-size: 39px 42px;border-radius:4px;}
.opsection1 .m_type>li.auto_all>a {background:#a4a4a4 url(/images/sub/ico_allview.png) no-repeat center 27px;-webkit-background-size: 35px 42px;background-size: 35px 42px;border-radius:4px;}
.opsection1 .m_type>li.auto_op.on>a {background:#992e90 url(/images/sub/ico_auto.png) no-repeat center 27px;-webkit-background-size: 34px 42px;background-size: 34px 42px;border-radius:4px;}
.opsection1 .m_type>li.auto_two.on>a {background:#992e90  url(/images/sub/ico_two.png) no-repeat center 27px;-webkit-background-size: 39px 42px;background-size: 39px 42px;border-radius:4px;}
.opsection1 .m_type>li.auto_all.on>a {background:#992e90  url(/images/sub/ico_allview.png) no-repeat center 27px;-webkit-background-size: 35px 42px;background-size: 35px 42px;border-radius:4px;}
.opsection2 .ttl {padding-left:46px; margin-bottom:20px;font-size:18px;line-height:46px;background:url(/images/sub/ico_expand.png) no-repeat 10px 9px;-webkit-background-size: 31px 31px;background-size: 31px 31px;}

.slider_op .ui-widget-header {background:#992e90;}
.screen_optionBlue {width:100%; height:46px; display:block;font-size:16px; line-height:46px; color:#454545; background:#e7e7e7;text-align:center;border:1px solid #a4a4a4;border-radius:4px}
.screen_optionBlue .iconauto {width:22px; height:22px; margin-right:5px;display:inline-block; vertical-align: middle;background:url(/images/sub/ico_autofocus_on.png) no-repeat 0 50%;-webkit-background-size: 22px 22px;background-size: 22px 22px;}

.modify3 {padding-top:10px}
.mdf_op1 {margin:0 0 5px}
.mdf_tap>li {width:33%; height:46px;float:left;}
.mdf_tap>li>a {width:auto;height:46px;display:block;background:#e7e7e7;border:1px solid #a4a4a4;border-bottom:1px solid #454545;font-size:16px;line-height:46px;color:#454545;text-align:center;box-sizing:border-box}
.mdf_tap>li.on>a {background:#454545;border:1px solid #454545; border-bottom:1px solid #454545;color:#fff;box-sizing:border-box}
.mdf_box {border:1px solid #454545; border-top:none;}
.mdf_box_Cnt {padding:15px;display:none;background:#fff;border:none}
.gab_cutul>li.mid {width:10px}
.gab_cutul>li input {width:100%; border:1px solid #a4a4a4;font-size:16px;line-height:46px;color:#828282;text-align:center;box-sizing:border-box}

.btn_apply,.btn_apply_on {margin-top:10px;}
.btn_apply>a {display:block;width:100%;height:46px;background:#e7e7e7;border:1px solid #a4a4a4;border-radius:4px;font-size:16px;line-height:46px;color:#454545;text-align:center;box-sizing:border-box}
.btn_apply_on>a {display:block;width:100%;background:#454545;border:0;border-radius:4px;font-size:16px;line-height:46px;color:#fff;text-align:center;box-sizing:border-box}
.btn_apply .iconchk {
	width:24px; height:24px; padding-right:5px;display: inline-block; vertical-align: middle;background:url(/images/sub/ico_apply_on.png) no-repeat 0 0;-webkit-background-size: 24px 24px;background-size: 24px 24px;
}
.btn_apply_on .iconchk {width:30px; height:20px;display:inline-block;vertical-align:middle;background:url(/images/sub/ico_chk.png) no-repeat 10px 0;-webkit-background-size: 20px 20px;background-size: 20px 20px;
}

.mdf_op3>li {width:49%; height:46px; margin:0;float:left;}
.mdf_op3>li:first-child {margin-right:2%}
.mdf_op3>li>a {width:100%; height:46px; display:block; font-size:16px; line-height:46px; color:#fff; text-align:center; background:#a4a4a4;border-radius:4px;box-sizing:border-box}
.mdf_op3>li.on>a {background:#992e90;}

.mdf_op4 {overflow:hidden;margin-top:10px;}
.mdf_op4>li {width:49%; height:46px; margin:0; float:left;box-sizing:border-box}
.mdf_op4>li.li3 {width:100%}
.mdf_op4>li.li1 {margin-right:2%}
.mdf_op4>li>a {height:46px; display:block; font-size:16px; line-height:46px; color:#fff; text-align:center;border:0;background:#454545;border-radius:4px;box-sizing:border-box}
.mdf_op4>li.li1>a {background:#992e90;color:#fff;border:0}
.mdf_op4>li.li3>a {background:#e7e7e7;color:#454545;border:1px solid #a4a4a4;color:#454545}
.mdf_op4>li.li2 .icoshape {width:25px; height:20px;background:url(/images/sub/ico_exit.png) no-repeat 0 -1px;-webkit-background-size: 25px 20px;background-size: 25px 20px;}
.mdf_op4>li.li3 .icoshape {width:30px; height:20px;background:url(/images/sub/ico_cancel_on.png) no-repeat 0 0;-webkit-background-size: 20px 20px;background-size: 20px 20px;}

.mdf_box3 {margin-bottom:10px;border:1px solid #e7e7e7;background:#fff;padding:10px;border-radius:4px}

.screen_Tp .ttl {padding-left:46px; margin-bottom:13px;font-size:18px; line-height:36px; color:#454545;background:url(/images/sub/ico_screenaw.png) no-repeat 5px 0;-webkit-background-size: 36px 36px;background-size: 36px 36px;}
.sc_numb .boxSc {width:100%; height:33px; overflow:hidden; border:1px solid #454545;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.sc_numb .boxSc>li {width:14.2857%; height:33px; float:left; text-align:center; background:url(/images/sub/bg_barscnumb.gif) repeat-y;}
.sc_numb .boxSc>li.sbico {background:#454545;}
.sc_numb .boxSc>li.sbico img {height:33px}
.sc_numb .boxSc>li>a {display:block;text-align:center;font-size:12px;line-height:35px;color:#454545;}
.sc_numb .boxSc>li.on>a {background:#992e90; color:#fff;}

/* end */