@charset "utf-8";

/*전체 적용*/
#wrap{margin:0; padding:0; width:auto; min-width:320px;font-family:"맑은 고딕",Malgun Gothic}

header#mainheader{width:100%; height:82px; padding:0; margin:0; position:relative; z-index:100; *zoom:1;}
header#mainheader:after {content:""; clear:both; display:block; height:0; visibility:none}
header#mainheader div.headerWrap{width:100%; height:82px; *zoom:1; position:relative;}
header#mainheader div.headerWrap:after {content:""; clear:both; display:block; height:0; visibility:none}
header#mainheader div.headerWrap div.top{width:100%; height:82px;}
header#mainheader div.headerWrap div.top h1{display:block; text-align:center; padding:16px 0 0 0;}
header#mainheader div.headerWrap div.top h1 a{display:block; font-size:1.231em;}
header#mainheader div.headerWrap div.top h1 a span.bigTit{display:block; font-size:1.5em; color:#ff7800; padding:5px 0 0 0; .line-height:120%;}

header#mainheader div.headerWrap div.qmenu ul.qmn li{display:none;}
header#mainheader div.headerWrap div.qmenu ul.qmn li span{display:none;}
header#mainheader div.headerWrap div.qmenu ul.qmn li span.imgMn{display:block;}
header#mainheader div.headerWrap div.qmenu ul.qmn li.loginMn{display:block; position:absolute; z-index:100;  top:29px; right:15px; margin:0; padding:0;}
header#mainheader div.headerWrap div.qmenu ul.qmn li.allbtn{display:block; position:absolute; z-index:100;  top:29px; left:15px; margin:0; padding:0;}

/*왼쪽메뉴*/
header#mainheader div.leftHeader{display:none;/**/ position:fixed; z-index:101; top:0; left:0; width:100%; height:100%; background:url(../../images/main/m_mn_bg.png);}
header#mainheader div.leftHeader div.headerLeftWrap{position:fixed; left:0; top:0; width:242px; height:100%; background:url(../../images/main/m_mn_bg2.png) repeat-y left top;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox{position:fixed; left:0; top:0; width:240px; height:100%; background:#3d3d3d;}

/*닫기버튼*/
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.allbtnClose{width:100%; height:82px; position:relative; padding:0; margin:0;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.allbtnClose a{background:url(../../images/main/close_btn.gif) no-repeat; width:36px; height:34px; display:block; position:absolute; top:27px; left:195px; margin:0; padding:0; font-size:0; line-height:0;}

header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.scrollBox{ margin:0; display:block; width:auto; overflow-y:auto; overflow-x:hidden; margin-top:82px;}

/*로그인*/
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox{width:100%; position:relative; background:#fff;}
/**************170526 수정 시작*************************/
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div h2{position:absolute; top:0; display:block;  height:35px; text-align:center; line-height:31px; font-size:1.154em; background:#7a7a7a}
/**************170526 수정 끝*************************/
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div.on h2{background:#fff;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div h2 a{display:block; width:100%; height:35px; line-height:31px; color:#b4b5b5;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div.on h2 a{ color:#55575b; font-weight:bold;}
/**************170526 수정 시작*************************/
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div.stuBox h2{left:0; width:40%;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div.teaBox h2{left:40%; width:60%;}
/**************170526 수정 끝*************************/
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox>div{width:100%; padding:0; margin:0;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div.infoInputBox, header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div.infoViewBox{padding:35px 0 0 0;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div.on div.hide{display:none !important;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div.row{padding:10px 0 0 0; *zoom:1;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div.row:after {content:""; clear:both; display:block; height:0; visibility:none}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div.inputRow{padding:10px 10px 0 10px;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div button{background:#ffae00; display:block; width:100%; color:#000; font-weight:bold; text-align:center; font-size:1.462em; padding:9px 0 12px 0;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div label{font-weight:bold; margin:0; padding:0; text-indent:0;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div label.wdt55{display:inline-block; *display:inline; zoom:1; width:60px;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div input[type=text],header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div.row input[type=password] {padding:0; margin:0 17px 0 5px; height:26px; line-height:24px; border:1px solid #d9d9d9; display:inline-block; *display:inline; zoom:1;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div input.input30{width:33px; text-align:center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div input.input160{margin:0 !important; width:150px;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div input.lastInput{margin-right:0;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div div.infoBox{padding:0 10px; *zoom:1; position:relative; color:#7a8290;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div div.infoBox:after {content:""; clear:both; display:block; height:0; visibility:none;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div div.infoBox p.imgBox{float:left; padding:0 10px 0 0; margin:0;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div div.infoBox p.stu_name{width:auto; padding:0 0 0 73px; margin:0; line-height:150%;} 
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div div.infoBox p.stu_name strong{font-size:1.077em;  color:#566073;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div div.infoBox p.tea_name{width:auto; padding:10px 0 0 73px; margin:0; line-height:150%;} 
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div div.infoBox p.tea_name strong{font-size:1.077em; color:#566073;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div div.infoBox p.adminBtn{position:absolute; top:33px; left:155px;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul{padding:10px 10px 0 10px; *zoom:1; position:relative;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul:after {content:""; clear:both; display:block; height:0; visibility:none}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul li{width:49%; float:right; font-size:0.846em; padding:0; height:14px;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul li:first-child{float:left;}
/* 
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul li a{color:#838588; display:block; width:auto; padding:0 0 0 17px;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul.stu_btn li.myLecInfo{background:url(../../images/main/login_icon_list.gif) no-repeat left top;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul.stu_btn li.myInfomodi{background:url(../../images/main/login_icon_modi.gif) no-repeat left top;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul.tea_btn li.myLecSet{background:url(../../images/main/login_icon_letSet.gif) no-repeat left top;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul.tea_btn li.myLecStu{background:url(../../images/main/login_icon_letstu.gif) no-repeat left top;}
 */
/* 2017-06-28 수정 */
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul li a{color:#000; display:block; width:auto; padding:0 0 0 17px;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul.stu_btn li.myLecInfo{background:url(../../images/main/login_icon_list02.gif) no-repeat left top;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul.stu_btn li.myInfomodi{background:url(../../images/main/login_icon_modi02.gif) no-repeat left top;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul.tea_btn li.myLecSet{background:url(../../images/main/login_icon_letSet02.gif) no-repeat left top;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul.tea_btn li.myLecStu{background:url(../../images/main/login_icon_letstu02.gif) no-repeat left top;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul.tea_btn li.mychildAdd {background:url(../../images/main/login_icon_mychildAdd.gif) no-repeat left top;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul.tea_btn li.myLecSet {background:url(../../images/main/login_icon_myLecSet.gif) no-repeat left top;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div ul.tea_btn li.mychildStat {background:url(../../images/main/login_icon_mychildStat.gif) no-repeat left top;}


/*메뉴*/
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb{clear:both; padding:0; margin:0;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList{padding:0; margin:0;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li{border-top:1px solid #5c5c5c; font-size:1.462em; font-weight:bold;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li:first-child{border-top:0;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li a{color:#cccccc; display:block; padding:19px 0 23px 55px;}  
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.classMn{background:url(../../images/main/left_mn_classMn.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.afterMn{background:url(../../images/main/left_mn_afterMn.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.appliMn{background:url(../../images/main/left_mn_appliMn.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.dolbomMn{background:url(../../images/main/left_mn_dolbomMn.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.noticeMn{background:url(../../images/main/left_mn_noticeMn.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.satMn{background:url(../../images/main/left_mn_satMn.gif) no-repeat 19px center;}

header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li:hover a{color:#ffea00;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.classMn:hover{background:url(../../images/main/left_mn_classMn_a.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.afterMn:hover{background:url(../../images/main/left_mn_afterMn_a.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.appliMn:hover{background:url(../../images/main/left_mn_appliMn_a.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.dolbomMn:hover{background:url(../../images/main/left_mn_dolbomMn_a.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.noticeMn:hover{background:url(../../images/main/left_mn_noticeMn_a.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.satMn:hover{background:url(../../images/main/left_mn_satMn_a.gif) no-repeat 19px center;}

header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.on a{color:#ffea00;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.classMn.on{background:url(../../images/main/left_mn_classMn_a.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.afterMn.on{background:url(../../images/main/left_mn_afterMn_a.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.appliMn.on{background:url(../../images/main/left_mn_appliMn_a.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.dolbomMn.on{background:url(../../images/main/left_mn_dolbomMn_a.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.noticeMn.on{background:url(../../images/main/left_mn_noticeMn_a.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb ul.gnbList li.satMn.on{background:url(../../images/main/left_mn_satMn_a.gif) no-repeat 19px center;}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb div.manualMn{
	width:auto; margin:10px 9px; padding:2px; background:#000;
	border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; 
}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb div.manualMn p{
	width:auto; border:2px dashed #ffae00; text-align:center;
	border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; 
}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox nav#gnb div.manualMn p a{display:block; color:#ffae00; padding:13px 0 15px 0; font-size:1.462em; font-weight:bold;}



/*footer*/
footer#footwrap{width:100%; background:#232a32;}
footer#footwrap div.footerWrap{text-align:center; width:auto; padding:15px 0 30px 0; font-size:0.923em; line-height:180%;}
footer#footwrap div.footerWrap address, footer#footwrap div.footerWrap a, footer#footwrap div.footerWrap p{color:#fff;}
footer#footwrap div.footerWrap p strong{color:#f0ff00;}
	

/*section*/
section#content{clear:both; padding:0; margin:0;}
section#content div.contentWrap{padding:0; margin:0; width:auto;}
section#content div.contentWrap div.pcBox{width:auto; padding:0 15px;}
section#content div.contentWrap h3{padding:22px 10px 0 0; margin:0; font-weight:bold; color:#000; font-size:1.692em; background:url(../../images/main/h3_blt.png) no-repeat left top;}
section#content div.contentWrap p.morebtn{
	border:1px solid #747272; padding:4px 5px 6px 5px; display:inline-block; *display:inline; zoom:1;
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; 
}
section#content div.contentWrap p.morebtn a{display:block; color:#464444; padding:0 14px 0 0; background:url(../../images/main/more_bg.gif) no-repeat right center;}


	/*수강프로그램*/
	div#m_afterProgram{clear:both; padding:0 0 40px 0; margin:0; border-bottom:1px solid #d9d9d9;}
	div#m_afterProgram div.topProgramDate{ background:#ffae00; width:100%; padding:20px 0 22px 0; text-align:center; color:#000; font-size:1.462em; font-weight:bold; line-height:120%;}
	div#m_afterProgram div.topProgramDate span{display:block;}
	div#m_afterProgram div.noProgram{width:100%; height:342px; position:relative;}
	div#m_afterProgram div.noProgram ul li{background:url(../../images/main/visual_00.jpg) no-repeat center top; height:342px; width:100%;}
	div#m_afterProgram div.noProgram ul li:first-child{background:url(../../images/main/visual_01.jpg) no-repeat center top;}
	div#m_afterProgram div.noProgram div.txtBox{position:absolute; top:50%; left:50%; margin:-65px 0 0 -227px;}
	div#m_afterProgram div.noProgram div.txtBox p.topTxt{display:inline-block; *display:inline; zoom:1; color:#ffae00; background:#000; padding:0 20px 8px 20px; font-weight:bold; font-size:3.846em; line-height:150%; text-align:center;}
	div#m_afterProgram div.noProgram div.txtBox p.btTxt{color:#000000; font-size:2.308em; text-align:center; padding:5px 0 0 0;}
	
	div#m_afterProgram div.programlist{padding:0; margin:0;}
	div#m_afterProgram div.programlist div.topArea{padding:40px 0 0 0; margin:0; position:relative; *zoom:1;}
	div#m_afterProgram div.programlist div.topArea:after {content:""; clear:both; display:block; height:0; visibility:none}
	div#m_afterProgram div.programlist div.topArea h3{float:left;}
	div#m_afterProgram div.programlist div.topArea h3 span{color:#da5c54;}
	div#m_afterProgram div.programlist div.topArea p.morebtn{float:left; margin-top:22px;}
	div#m_afterProgram div.programlist div.topArea div.btnBox{position:absolute; bottom:0; right:0;}
	div#m_afterProgram div.programlist div.topArea div.btnBox ul{padding:0; margin:0; *zoom:1;}
	div#m_afterProgram div.programlist div.topArea div.btnBox ul:after {content:""; clear:both; display:block; height:0; visibility:none}
	div#m_afterProgram div.programlist div.topArea div.btnBox ul li{ float:left; margin:0 0 0 3px; width:27px; height:27px; font-size:0; line-height:0;}
	div#m_afterProgram div.programlist div.topArea div.btnBox ul li.preBtn{background:url(../../images/main/m_btn_top.png) no-repeat left top;}
	div#m_afterProgram div.programlist div.topArea div.btnBox ul li.stopBtn{background:url(../../images/main/m_btn_stop.png) no-repeat left top;}
	div#m_afterProgram div.programlist div.topArea div.btnBox ul li.nextBtn{background:url(../../images/main/m_btn_bottom.png) no-repeat left top;}
	div#m_afterProgram div.programlist div.topArea div.btnBox ul li a{display:block; height:27px; width:27px; font-size:0; line-height:0;}
	div#m_afterProgram div.programlist div.topArea div.btnBox ul li span{display:none;}
	div#m_afterProgram div.programlist div.programTb{margin:23px 0 0 0;}
	div#m_afterProgram div.programlist div.programTb ul{padding:0; margin:0;}
	div#m_afterProgram div.programlist div.programTb ul li{padding:5px 0 8px 0; position:relative;}
	div#m_afterProgram div.programlist div.programTb ul li p.progrimTxt{
		width:auto; font-size:1.154em; padding:0 80px 0 0; overflow:hidden; white-space:nowrap; line-height:23px;
		text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; 
	}
	div#m_afterProgram div.programlist div.programTb ul li div.btnBox{position:absolute; top:5px; right:0; width:75px; text-align:center;}
	div#m_afterProgram div.programlist div.programTb ul li div.btnBox a, div#m_afterProgram div.programlist div.programTb ul li div.btnBox span{
		text-align:center; color:#fff; display:block; height:26px; line-height:23px; font-weight:bold;
		border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; 
	}
	div#m_afterProgram div.programlist div.programTb ul li div.btnBox a.appliBtn, div#m_afterProgram div.programlist div.programTb ul li div.btnBox span.appliBtn{background:#da5c54;}
	div#m_afterProgram div.programlist div.programTb ul li div.btnBox a.closeBtn, div#m_afterProgram div.programlist div.programTb ul li div.btnBox span.closeBtn{background:#7791a0;}
	div#m_afterProgram div.programlist div.programTb ul li div.btnBox a.readyBtn, div#m_afterProgram div.programlist div.programTb ul li div.btnBox span.readyBtn{background:#2080D0;}
	
	/*공지사항*/
	div#m_notice{clear:both; padding:30px 0 30px 15px; margin:0; border-bottom:1px solid #d9d9d9; *zoom:1;}
	div#m_notice h3{float:left;}
	div#m_notice p.morebtn{float:left; margin-top:22px;}
	div#m_notice div.noticeTb{clear:both; padding:16px 0 0 0; .padding-top:0; .margin-top:-31px;}
	div#m_notice div.noticeTb ul{padding:0; margin:0;}
	div#m_notice div.noticeTb ul li{padding:7px 0 10px 0; position:relative;}
	div#m_notice div.noticeTb ul li a{
		display:block; padding:0 60px 0 0; overflow:hidden; white-space:nowrap; line-height:23px;
		text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;
	}
	div#m_notice div.noticeTb ul li.lastli{padding-bottom:4px;}
	div#m_notice div.noticeTb ul li span.date{color:#b3b4b5; display:block; position:absolute; top:12px; right:0;}
	
	/*활동사진*/
	div#m_album{clear:both; padding:30px 15px; margin:0; border-bottom:1px solid #d9d9d9; background:#f9f9f9; *zoom:1;}
	div#m_album div.topArea{padding:0; margin:0; position:relative; *zoom:1;}
	div#m_album div.topArea:after {content:""; clear:both; display:block; height:0; visibility:none}
	div#m_album div.topArea h3{float:left;}
	div#m_album div.topArea h3 span{color:#da5c54;}
	div#m_album div.topArea p.morebtn{float:left; margin-top:22px;}
	div#m_album div.topArea div.btnBox{position:absolute; bottom:0; right:0;}
	div#m_album div.topArea div.btnBox ul{padding:0; margin:0; *zoom:1;}
	div#m_album div.topArea div.btnBox ul:after {content:""; clear:both; display:block; height:0; visibility:none}
	div#m_album div.topArea div.btnBox ul li{ float:left; margin:0 0 0 3px; width:27px; height:27px; font-size:0; line-height:0;}
	div#m_album div.topArea div.btnBox ul li.preBtn2{background:url(../../images/main/m_btn_left.png) no-repeat left top;}
	div#m_album div.topArea div.btnBox ul li.stopBtn2{background:url(../../images/main/m_btn_stop.png) no-repeat left top;}
	div#m_album div.topArea div.btnBox ul li.nextBtn2{background:url(../../images/main/m_btn_right.png) no-repeat left top;}
	div#m_album div.topArea div.btnBox ul li a{display:block; height:27px; width:27px; font-size:0; line-height:0;}
	div#m_album div.topArea div.btnBox ul li span{display:none;}
	div#m_album div.photo_area{height:171px;overflow:hidden;padding:24px 0 0 0;}
	div#m_album div.photo_area div{height:171px;height:147px\9 !important;.height:147px;}
	div#m_album div.photo_area div div.swiper-slide{float:left;}
	div#m_album div.photo_area div div.swiper-slide p:first-child{margin-right:10px;}
	div#m_album div.photo_area div div div.photoBox{width:100%; text-align:center;}
	div#m_album div.photo_area div div div.photoBox p.photo{width:210px; height:118px; padding:0 0 5px 0; margin:0 auto;background:#eee}
	div#m_album div.photo_area div div div.photoBox p.photo img{width:208px; height:116px; margin:0; padding:0; border:1px solid #ccc; }
	div#m_album div.photo_area div div div.photoBox p.tit{font-size:1.154em; text-align:center; color:#000; line-height:120%; width:210px; margin:0 auto; padding:0;}
	div#m_album div.photo_area div div div.photoBox p.tit a{
		color:#000; display:block;overflow:hidden; white-space:nowrap;
		text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;
	}
	div#m_album ul.slick-dots{display:none !important;}

	/*설문조사*/
	div#m_suvey{padding:40px 0; margin:0; border-bottom:1px solid #d9d9d9; position:relative; *zoom:1;}
	div#m_suvey:after {content:""; clear:both; display:block; height:0; visibility:none}
	div#m_suvey h3{float:left;}
	div#m_suvey h3 span{color:#da5c54;}
	div#m_suvey p.morebtn{float:left; margin-top:22px;}
	div#m_suvey div.btnBox{position:absolute; bottom:0; right:0;}
	div#m_suvey div.btnBox ul{padding:0; margin:0; *zoom:1;}
	div#m_suvey div.btnBox ul:after {content:""; clear:both; display:block; height:0; visibility:none}
	div#m_suvey div.btnBox ul li{ float:left; margin:0 0 0 3px; width:27px; height:27px; font-size:0; line-height:0;}
	div#m_suvey div.btnBox ul li.preBtn{background:url(../../images/main/m_btn_top.png) no-repeat left top;}
	div#m_suvey div.btnBox ul li.stopBtn{background:url(../../images/main/m_btn_stop.png) no-repeat left top;}
	div#m_suvey div.btnBox ul li.nextBtn{background:url(../../images/main/m_btn_bottom.png) no-repeat left top;}
	div#m_suvey div.btnBox ul li a{display:block; height:27px; width:27px; font-size:0; line-height:0;}
	div#m_suvey div.btnBox ul li span{display:none;}
	div#m_suvey div.surveyTb{padding:23px 0 0 0; clear:both;}
	div#m_suvey div.surveyTb ul{padding:0; margin:0;}
	div#m_suvey div.surveyTb ul li{padding:5px 0 8px 0; position:relative;}
	div#m_suvey div.surveyTb ul li p.progrimTxt{
		width:auto; font-size:1.154em; padding:0 160px 0 0; overflow:hidden; white-space:nowrap; line-height:23px;
		text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; 
	}
	div#m_suvey div.surveyTb ul li div.btnBox{position:absolute; top:5px; right:0; text-align:center;}
	div#m_suvey div.surveyTb ul li div.btnBox a{
		text-align:center; color:#fff; display:block; height:26px; line-height:23px; font-weight:bold; float:left; width:75px;
		border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; 
	}
	div#m_suvey div.surveyTb ul li div.btnBox a.appliBtn{background:#1c68c6;}
	div#m_suvey div.surveyTb ul li div.btnBox a.resultBtn{background:#7791a0;}
	
	/*부서홈페이지*/
	div#m_goHome{padding:20px 0; margin:0; position:relative; overflow:hidden; background:#f3f1f2;}
	div#m_goHome div.pcBox{position:relative; padding-bottom:27px !important;}
	div#m_goHome div.home_area{width:auto; margin:0 12px;}

	div#m_goHome div.home_area .swiper-wrapper {overflow:hidden;}
	div#m_goHome div.home_area .swiper-container2{margin:0 auto;position:relative;overflow:hidden;z-index:1; height:123px\9; .height:123px !important;}
	div#m_goHome div.home_area .homepageTb .swiper-wrapper ul.slick-dots{display:none !important;}

	div#m_goHome div.home_area .slick-list {*zoom:1;}
	div#m_goHome div.home_area .slick-list:after {content:""; clear:both; display:block; height:0; visibility:none}
	div#m_goHome div.home_area .slick-list .slick-track{*zoom:1;}
	div#m_goHome div.home_area .slick-list .slick-track:after {content:""; clear:both; display:block; height:0; visibility:none}
	div#m_goHome div.home_area div.swiper-slide{float:left; }
	div#m_goHome div.home_area div.homeBox{text-align:center;}
	div#m_goHome div.home_area div.homeBox p.photo{background:url(../../images/main/home_bg.gif) no-repeat center center; width:67px; height:67px; margin:0 auto 10px auto; overflow:hidden;}
	div#m_goHome div.home_area div.homeBox p.photo img{width:67px; height:67px; vertical-align:middle;}
	div#m_goHome div.home_area div.homeBox p.tit{text-align:center; line-height:150%; font-size:0.923em; padding-bottom:10px;}
	div#m_goHome div.home_area div.homeBox p.tit strong{display:block; color:#da5c54; font-size:1.417em;}
	div#m_goHome div.btnBox ul li{ position:absolute; font-size:0; line-height:0;}
	div#m_goHome div.btnBox ul li a{display:block; width:100%;}
	div#m_goHome div.btnBox ul li a span{display:none;}
	div#m_goHome div.btnBox ul li.preBtn3{ background:url(../../images/main/m_btn_pre.gif) no-repeat; top:40px; width:12px; height:24px; left:15px;}
	div#m_goHome div.btnBox ul li.preBtn3 a{height:24px;}
	div#m_goHome div.btnBox ul li.nextBtn3{ background:url(../../images/main/m_btn_next.gif) no-repeat; top:40px; width:12px; height:24px; right:15px;}
	div#m_goHome div.btnBox ul li.nextBtn3 a{height:24px;}
	div#m_goHome div.btnBox ul li.stopBtn3{background:url(../../images/main/m_btn_stop.png) no-repeat; width:27px; height:27px; bottom:0; left:50%; margin-left:-29px;}
	div#m_goHome div.btnBox ul li.stopBtn3 a{height:27px;}
	div#m_goHome div.btnBox ul li.moreBtn3{background:url(../../images/main/m_btn_more.png) no-repeat; width:27px; height:27px; bottom:0; left:50%; margin-left:2px;}
	div#m_goHome div.btnBox ul li.moreBtn3 a{height:27px;}
	
	/* 메인_수강신청 버튼색상 추가 design KJH 190122 */
	#m_afterProgram .programlist .programTb ul li .btnBox .btn_end {background:#636363}
	#m_afterProgram .programlist .programTb ul li .btnBox .btn_complet {background:#5d911f}

@media only screen and (min-width:0) and (max-width:767px){
	section#content div.contentWrap div.pd0{padding:0 !important;}
	header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.scrollBox{margin-top:0;}
	header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div h2 {font-size:1.077em}
	header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div input.input30 {margin:0 5px}
}

/*  tablet layout */
@media only screen and (min-width:768px) and (max-width:1299px)  {
	header#mainheader div.headerWrap div.top{width:240px; position:fixed; top:0; left:0; z-index:105;}
	header#mainheader div.headerWrap div.top h1{text-align:left; padding:16px 0 0 20px;}
	header#mainheader div.headerWrap div.top h1 a{color:#fff;}
	header#mainheader div.headerWrap div.top h1 a span.bigTit{color:#ffea00; padding:5px 0 0 0;}

	header#mainheader div.headerWrap div.qmenu ul.qmn{float:right; padding:40px 15px 0 0;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li{display:block; float:left; height:14px; margin-left:15px;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li span{display:block;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li span.imgMn{display:none;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li.loginMn{display:none;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li.allbtn{display:none;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li a{display:block; padding:0 0 0 21px;}
	
	header#mainheader div.headerWrap div.qmenu ul.qmn li.homeMn{ background:url(../../images/main/top_qmn_home.gif) no-repeat left center;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li.passMn{ background:url(../../images/main/top_qmn_pass.gif) no-repeat left center;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li.schoolMn{ background:url(../../images/main/top_qmn_school.gif) no-repeat left center;}

	/*왼쪽메뉴*/
	header#mainheader div.leftHeader{display:block; position:fixed; z-index:101; top:0; left:0; width:242px; height:100%; background:none;}
	header#mainheader div.leftHeader div.headerLeftWrap{position:fixed; left:0; top:0; width:242px; height:100%; background:url(../../images/main/m_mn_bg2.png) repeat-y left top;}

	/*닫기버튼*/
	header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.allbtnClose{display:none;}

	/*footer*/
	footer#footwrap div.footerWrap{padding-left:240px;}
	
	  /*section*/
	  section#content div.contentWrap{padding-left:240px;}
	  section#content div.contentWrap div.pd0{padding:0 !important;}
	
	
		/*수강프로그램*/
		div#m_afterProgram div.topProgramDate span{display:inline;}
	
}
@media only screen and (min-width:1000px){
		
	section#content div.contentWrap div.conWrap {padding-bottom:1px; border-bottom:1px solid #d9d9d9;}
	section#content div.contentWrap div.conWrap div.pcBox{position:relative;}
	
	/*공지사항*/
	div#m_notice{clear:none; padding-right:40px; margin-right:485px; border-bottom:0; }

	/*활동사진*/
	div#m_album{clear:none; padding-left:40px; width:430px;  border-bottom:0;  border-left:1px solid #d9d9d9; position:absolute; top:0; right:0;}

}

/* pc layout */
@media only screen and (min-width:1300px) {
	header#mainheader div.headerWrap div.top{width:240px; position:fixed; top:0; left:0; z-index:105;}
	header#mainheader div.headerWrap div.top h1{text-align:left; padding:16px 0 0 20px;}
	header#mainheader div.headerWrap div.top h1 a{color:#fff;}
	header#mainheader div.headerWrap div.top h1 a span.bigTit{color:#ffea00; padding:5px 0 0 0;}

	header#mainheader div.headerWrap{width:auto; padding-left:240px;}
	header#mainheader div.headerWrap div.qmenu {width:1060px; margin:0 auto; *zoom:1;}
	header#mainheader div.headerWrap div.qmenu:after {content:""; clear:both; display:block; height:0; visibility:none}
	header#mainheader div.headerWrap div.qmenu ul.qmn{float:right; padding:40px 15px 0 0;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li{display:block; float:left; height:14px; margin-left:15px;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li span{display:block;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li span.imgMn{display:none;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li.loginMn{display:none;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li.allbtn{display:none;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li a{display:block; padding:0 0 0 21px;}
	
	header#mainheader div.headerWrap div.qmenu ul.qmn li.homeMn{ background:url(../../images/main/top_qmn_home.gif) no-repeat left center;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li.passMn{ background:url(../../images/main/top_qmn_pass.gif) no-repeat left center;}
	header#mainheader div.headerWrap div.qmenu ul.qmn li.schoolMn{ background:url(../../images/main/top_qmn_school.gif) no-repeat left center;}

	/*왼쪽메뉴*/
	header#mainheader div.leftHeader{display:block; position:fixed; z-index:101; top:0; left:0; width:242px; height:100%; background:none;}
	header#mainheader div.leftHeader div.headerLeftWrap{position:fixed; left:0; top:0; width:242px; height:100%; background:url(../../images/main/m_mn_bg2.png) repeat-y left top;}

	/*닫기버튼*/
	header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.allbtnClose{display:none;}
	
	/*footer*/
	footer#footwrap div.footerWrap{padding-left:240px;}
	
	/*section*/
	section#content div.contentWrap{padding-left:240px;}
	section#content div.contentWrap div.pcBox{width:1030px; margin:0 auto; padding:0;}
		
		/*수강프로그램*/
		div#m_afterProgram div.topProgramDate span{display:inline;}
		
		/*공지사항 활동사진*/
		section#content div.contentWrap div.conWrap{position:relative; overflow:hidden;}
		section#content div.contentWrap div.conWrap div.rightBG{background:#f9f9f9; position:absolute; top:0; right:0; width:50%; height:300px;}
		
		/*공지사진*/
		section#content div.contentWrap div.conWrap div#m_notice{background:#fff; padding-left:0;}
		
		/*활동사진*/
		div#m_album{padding-right:0; width:445px;}


	/*부서홈페이지*/
	div#m_goHome div.btnBox ul li.preBtn{left:0;}
	div#m_goHome div.btnBox ul li.nextBtn{right:0;}


}

@media only screen and (min-width:0) and (max-width:500px){

	/*수강프로그램*/
	div#m_afterProgram div.topProgramDate{padding:15px 0 17px 0; font-size:1.2em;}
	div#m_afterProgram div.noProgram{height:150px;}
	div#m_afterProgram div.noProgram ul li{background:url(../../images/main/visual_00_m.jpg) no-repeat center top; height:150px; width:100%;}
	div#m_afterProgram div.noProgram ul li:first-child{background:url(../../images/main/visual_01_m.jpg) no-repeat center top;}
	div#m_afterProgram div.noProgram div.txtBox{margin:-33px 0 0 -114px;}
	div#m_afterProgram div.noProgram div.txtBox p.topTxt{padding:0 10px 8px 10px; font-weight:bold; font-size:1.923em;}
	div#m_afterProgram div.noProgram div.txtBox p.btTxt{font-size:1.154em;}
	div#m_afterProgram div.programlist div.topArea {padding-bottom:33px;}
	div#m_afterProgram div.programlist div.topArea h3{font-size:1.462em; letter-spacing:-1px; margin-right:0;}
	div#m_afterProgram div.programlist div.topArea p.morebtn{float:right;}
	div#m_afterProgram div.programlist div.topArea div.btnBox{position:absolute; bottom:0; right:0;}


}

@media only screen and (min-width:0) and (max-width:340px){

	/*수강프로그램*/
	div#m_afterProgram div.programlist div.topArea {padding-bottom:0;}
	div#m_afterProgram div.programlist div.topArea h3{font-size:1.462em; letter-spacing:-1px; margin-right:0; float:none; display:block; caption-side:bottom;}
	div#m_afterProgram div.programlist div.topArea p.morebtn{float:left;}
	div#m_afterProgram div.programlist div.topArea div.btnBox{position:absolute; bottom:0; right:0;}


}

/* 비밀번호찾기 추가 design KJH 181108 */
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div.passMn {width:90%; height:30px; line-height:28px;  background:#3d3d3d;  padding:0; margin:0 auto; margin-top:10px; text-align:center; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div.passMn a {display:inline-block; height:30px; .height:20px; padding:0 15px 0 15px;  background:url(../../images/main/main_qmn_pass.gif) no-repeat left 0; font-size:0.95em; line-height:150%; color:#fff}
header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div.passMn a:hover {text-decoration:underline}

@media only screen and (min-width:768px) {
	header#mainheader div.leftHeader div.headerLeftWrap div.headerLeftBox div.loginBox div div.passMn{/* display:none; */}
}



/* 방과후 설문조사 알림 추가 design KJH 200130 */
.after_layer {position:fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 500; min-width: 320px}
.after_layer .after_survey {position:relative; margin: 15% auto; width: 90%; max-width:580px; min-width: 270px; padding:0 20px 20px; background: #fff; border-radius:15px; box-sizing:border-box}
.after_layer .layer_tit {padding:15px 0; text-align:center; border-bottom:2px solid #a7a7a7; color:#302f2f}
.after_layer .layer_tit span {display:inline-block; padding:15px 15px 15px 65px; font-size:24px; font-weight:600; background:url(../../images/main/blt_layer_tit.gif) no-repeat 0 50%}
.after_layer .layer_con {line-height:160%; padding:30px 15px; text-align:center; font-size:20px; font-weight:500; color:#000}
.after_layer .layer_con span {font-weight:600; font-size:21px}
.after_layer .layer_con .red {color:#fe1414}
.after_layer .btn_survey {font-size:22px; font-weight:600; background:#da5c54; border-bottom:4px solid #bd4c45; text-align:center; border-radius:15px}
.after_layer .btn_survey a {display:block; padding:0 10px; color:#fff}
.after_layer .btn_survey span {display:inline-block; padding:20px 60px 20px 0; background:url(../../images/main/btn_survey_go.gif) no-repeat 100% 50%}


@media only screen and (max-width:768px) {
    .after_layer .after_survey {margin:20% auto}
    .after_layer .layer_tit span {padding:15px 15px 15px 45px; background-size:40px 40px; font-size:18px}
    .after_layer .layer_con {padding:20px 10px; font-size:15px}
    .after_layer .layer_con span {font-size:16px}
    .after_layer .btn_survey {font-size:17px}
    
    
}

/* pc layout */
@media only screen and (min-width:1300px) {
    /* 수업시수 설정 design KJH 200131 */
    .clear_fix {*zoom:1}
    .clear_fix:after {content: ""; display: block; clear: both}

    /* 레이어 스타일 */
    .lay_wrap {position:fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 500; min-width: 320px}
    .lay_wrap .lay_box {overflow:hidden; position:relative; margin: 15% auto; width: 90%; min-width: 270px; padding:0 0 20px; background: #fff; border-radius:15px; box-sizing:border-box}
    .lay_wrap .lay_tit {padding:20px; color:#fff}
    .lay_wrap .lay_tit span {padding-left:40px;font-size:17px}
    .lay_wrap .btn_close {position: absolute; right:15px; top:20px}
    .lay_wrap .btn_close button {width:20px; height:20px; text-indent: -9999px; overflow: hidden; font-size: 0; line-height: 0; background: url(../../images/main/btn_layer_close.gif) 0 0 no-repeat}
    .lay_conbox {padding:10px 20px 0}

    /* 공휴일 설정 */
    .lay_wrap .holi_box {max-width:364px}
    .lay_wrap .holi_box .lay_tit {background:#2883d0 url(../../images/main/blt_holitit.gif) no-repeat 20px 18px}
    .holi_lst {margin:10px 0}
    .holi_lst ul {overflow-y:scroll; height:185px; padding-right:10px; border:1px solid #d6d6d6; border-left:0; border-right:0}
    .holi_lst ul li {position:relative; height:46px; line-height:46px; padding-left:10px; border-bottom:1px solid #d6d6d6}
    .holi_lst ul li>span {font-size:14px; font-weight:600; color:#000}
    .holi_lst ul li button {position:absolute; top:8px; right:0}

    /* 수업시수 설정 */
    .lay_wrap .less_box {max-width:580px; margin:11% auto}
    .lay_wrap .less_box .lay_tit {background:#2883d0 url(../../images/main/blt_lessontit.gif) no-repeat 20px 16px} 
    .less_box .lay_conbox {padding:20px 20px 0}
    .aft_timetb {background:#f1f1f1}
    .timetb_box {position:relative; margin:15px; padding:0 0 10px; border-bottom:1px solid #ccc}
    .aft_timetb .timetb_txt {padding:10px; background:#1e6eb9; color:#fff; font-size:18px; font-weight:600; text-align:center}
    .depart_tit {position:absolute; top:10px; left:0; width:90px; font-size:14px; font-weight:600}
    .depart_tb {margin-left:100px}
    .aft_timebox {overflow-y: scroll; height:200px}

    /* 강사료 설정 */
    .lay_wrap .instru_box {max-width:796px; margin:10% auto}
    .lay_wrap .instru_box .lay_tit {background:#2883d0 url(../../images/main/blt_lessontit.gif) no-repeat 20px 16px; font-size:16px} 
    
    /* 표 설정 */
    table.tb_st01 {width:100%}
    table.tb_st01 thead th {min-width:30px; padding:10px 5px; border:1px solid #fff; background:#b8d8f6; color:#000}
    table.tb_st01 tbody td {padding:6px; text-align:center} 
    .input_short {width:30px}
    table.tb_st01 .wdt100 {width:100px}

    /* 레이어 셀렉트 박스 */
    .lay_sel {position:relative}
    .lay_sel .selectBox div {width:auto; border:1px solid #dddddd; border-bottom-width:2px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px}
    .lay_sel .selectBox div select {width:99%; padding:0 0 0 1%; border:0; background:#fff url(../../images/super/select_arrow.gif) no-repeat right center; height:30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px}
    .lay_sel .selectWrap {margin-right:75px}
    .lay_sel .btn_com01 {position:absolute; top:0; right:0}
    
    .instru_box .lay_sel {position:inherit}
    .instru_box .lay_sel .selectWrap {margin:0}
    .instru_box .lay_sel .selectBox {float:left; width:30%; margin-right:8px}
    .instru_box .lay_sel01 .selectBox {width:200px}
    .instru_box .lay_sel02 .selectBox {width:408px}

    /* 레이어 인풋 박스 */
    .lay_wrap div.inputBox {padding:0 0 2px 0; background:#f4f4f4; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }
    .lay_wrap div.inputBox div {width:auto; height:29px; padding:0 5px; margin:0; border:1px solid #dddddd; background:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px}
    .lay_wrap div.inputBox div input{background:#fff; border:0; width:100%; height:27px; line-height:27px}
    .layer_bot {position:relative}
    .layer_bot .input_btn {margin-right:75px}
    .layer_bot .btn_com02 {position:absolute; top:0; right:0}
    .lay_wrap div.inputBox div input.input_cal {background:#fff url(../../images/main/bg_calicon.gif) no-repeat 100% 50%}
    
    .lay_inputbox {height:76px; padding:15px; border:1px solid #dddddd; overflow-y: scroll}
    .lay_inputbox li {height:30px}
    .laymn_txt .button {vertical-align:top}
    .lay_wrap div.inputBox.input_txtbox01 {float:left; width:300px; margin-right:5px}
    .laymn_txt .txt {line-height:30px}
    .laymn_box.brd_lastno {border-bottom:0; margin:0}

    /* 레이어 입력창 */
    .laymn_box {overflow: hidden; position:relative; margin-bottom:15px; background:#fff; border-bottom:1px dashed #ccc}
    .laymn_box .laymn_tit {position: absolute; top:50%; left:0; width:100px; height:45px; line-height: 45px; margin-top:-27px; padding-left:5px; font-weight:600; font-size:14px}
    .laymn_box .laymn_txt {min-height:19px; line-height: 140%; padding:10px 13px; margin: 0 0 15px 114px; background: #fff; border-left:1px solid #c3c3c3}
    .laymn_txt .input_wrap {display:block; border: 1px solid #c3c3c3; background: #fff}
    .laymn_txt .input_wrap input[type=text] {overflow:hidden; width: 100%; height: 32px; line-height:32px; border:0}
    .laymn_txt .button {vertical-align:top}
    .etc_txt {display:block; margin:5px 0 0 5px}

    /* 버튼 */
    .btn_common {width:66px; height: 32px; line-height:32px; border:1px solid #ccc; border-bottom-width:2px; border-radius:4px; text-align: center; font-size: 14px; color:#fff; font-weight:400; cursor: pointer}
    .btn_com01 {background: #8c8c8c; border-color:#6a6969} /* 보기 */
    .btn_com02 {background: #2b85d9; border-color:#156aba} /* 추가 */
    .btn_del {width:46px; height:25px; line-height:25px; background:#8c8c8c; color:#fff; font-size:13px; border-radius:5px}
    .bottom_btn {width:100%;margin:10px 0 0;/* padding:10px; */text-align:center;}
    .bot_btn  {width:100%; margin:10px 0 0; padding-top:20px; text-align:center; border-top:1px solid #ccc}
    .btn_bot {height:40px; line-height:40px; width:auto; padding:0 25px; font-size:16px; font-weight:600}
    .btn_check {background:#257fd3; border-color:#1062ae}
    .btn_cancel {background:#e0e0e0; border-color:#b7b7b7; color:#000}
    
}