@charset "utf-8";

@media all and (max-width:1200px){

	html,body{min-width: 350px}
	body{font-size: 13px;word-break: keep-all;letter-spacing: -0.7px}
	input[type=checkbox], input[type=radio]{min-width: 15px;min-height: 15px}
	th,td{letter-spacing: -1px}

	/* 에디터 */
	edit #smart_editor2{min-width: 320px !important}

	/* 헤더 */
	#headertop{height: 48px;border-bottom: 1px solid #ddd}
	.mobile_navbtn {padding: 14px 15px 11px;}
	#headertop .hd_logo{text-align: right;width: 100%;padding:0;right:80px}
	#headertop .hd_logo .smaintit{ font-size:15px; top:15px;  position:absolute;right:-55px; font-weight:600}
	
	#headertop .hd_logo a{padding: 10px 15px 7px 0;}
	#headertop .hd_logo img{width: 125px}
	#headertop .hd_logo .ansung img{width: 195px;margin-top: -3px}

	.mb_rightmenu{display: block;position: absolute;top: 7px;right: 15px;}
	.mb_rightmenu a{display: block;font-size: 15px;font-weight: bold;color: #555555;padding: 10px 0 10px 28px;background: url('') no-repeat 0px 7px;}
	.glbal_menu{display: block}
	.minileft_bnr,.miniright_bnr,.sub_right_bnr{display: none}

	.hd_wrp{width: 100%}
	.mobile_navbtn{display: block;}
	.hd_utility{display: none}
	.hd_sns{display: none}
	.wrap_content{width: 97%}
	.subC,.subC.mypgC,.subC.webclC{background-image: none}
	.subtitle{background-color: #333;height: 50px;}
	.subtitle span{padding: 15px 27px 0;font-size: 20px;font-weight: bold}
	.subtitle span:before,.subtitle span:after{display:none}
	#headertop .hd_top{display: none}
	#mFooter{min-width: 320px}
	#footer{padding: 20px 0 80px;width: 100%}
	#footer .ft_wrp ul{margin:0px 15px;padding: 0 0 0;background-position: center 0;text-align: center;background: none !important}
	#footer .ft_wrp ul li{float: none;display: inline-block;border:0;border-left:1px solid #ddd;line-height: 1.3}
	#footer .ft_wrp ul li:first-child{border:0}
	#footer .ft_wrp:first-child ul li{display: inline-block !important}
	#footer .group_view{display: none}
	#footer .ft_wrp.sobang{padding-left: 0;right:0}
	#footer .ft_wrp.sobang .ac_tit{text-align: center;position: relative;top: inherit;left: inherit;text-align: center;display: block;font-size: 12px}
	#footer .ft_wrp.sobang .ac_tit br{display: none}
	#footer .ft_wrp.police{padding-left: 0;right:0}
	#footer .ft_wrp.police .ac_tit{text-align: center;position: relative;top: inherit;left: inherit;text-align: center;display: block;font-size: 12px}
	#footer .ft_wrp.police .ac_tit br{display: none}
	#footer .ft_wrp.last ul li::before,#footer .ft_wrp.sobang ul li::before,#footer .ft_wrp.police ul li::before{display: none}
	/**/
	.noticeView .tit_wrp {padding: 12px 11px;}
	/*  */
	.noticeEdit .board_view img{max-width: 100%;height: auto !important}
	.noticeEdit .board_view{padding: 30px 11px 20px 11px;word-break: break-all;}
	.noticeEdit .board_view table{max-width: 100%;width: auto !important;}
	.noticeEdit .board_view table th *,.noticeEdit .board_view table td *{font-size: 12px !important;letter-spacing: -0.12em;}
	.subcont_wrp{padding-top: 35px}
	/*LNB common*/
	#mContainer #mLnb{float: none;z-index: 1;border: 0;width: 100%;margin: 0 0 0 0;}
	#mContainer.wideC #mContent{width: 100%;padding: 0;float: none;padding-top: 20px}
	#mContainer.wideC #mContent .lecture,#mContainer.wideC #mContent .cust{padding: 47px 0 0;margin: 0}
	#mContainer #mLnb ul li .sub_nav{padding: 15px 0 0 0;overflow: hidden;border: 0}
	#mContainer #mLnb ul li .sub_nav li a{padding: 0 0 0 7px;height: 42px;line-height: 42px}
	#mContainer #mLnb ul li .sub_nav li{float: left;padding: 0 0 0 15px;border: 0;text-align: left;}
	#mContainer #mLnb ul li .sub_nav li.line_2{padding:6px 0 0px 15px;}
	#mContainer #mLnb ul li .sub_nav li.line_2 a{padding:0px 0 0 7px;}
	#mContainer #mLnb ul li .sub_nav.evt_plus li:nth-child(3) {clear: both;}
	#mContainer #mLnb ul li .sub_nav li:hover a:before, #mContainer #mLnb ul li .sub_nav li.on a:before{display:none}
	#mContainer #mLnb .nav{margin: 0 0;border: 2px solid #303030}
	#mContainer #mLnb > ul > li{padding: 0 15px}
	#mContainer #mLnb ul li{*zoom:1;text-align: center}
	#mContainer #mLnb ul li:after,#mContainer #mLnb ul li:before{line-height:0;display:table;content:''}
	#mContainer #mLnb ul li:after{clear:both}
	#mContainer #mLnb > ul > li.on{display: block}
	#mContainer #mLnb > ul > li > a{float:left;width: auto;min-width: 90px;padding-right: 19px;text-align: left}
	
	#mContainer #mLnb > ul > li.on > a{color: #0c998d}
	#mContainer #mLnb ul li .sub_nav li a:hover, #mContainer #mLnb ul li .sub_nav li.on a{font-weight: bold}
	#mContainer #mLnb ul li .sub_nav li a{font-size: 13px}
	#mContainer #mLnb ul li .sub_nav li a:before{display: none}
	#mContainer #mLnb ul li .sub_nav li .evt_link{}
	#mContainer #mLnb ul li .sub_nav li .evt_link a{}
	#mContainer #mLnb ul li .sub_nav li .evt_link::before{}
	#mContainer #mLnb > ul.gongssel > li{float: left;width: 50%;box-sizing: border-box;}
	#mContainer #mLnb > ul.gongssel > li:last-child,#mContainer #mLnb > ul.gongssel > li:nth-child(9){border-bottom: 0}
	#mContainer #mLnb > ul.gongssel > li:nth-child(1),#mContainer #mLnb > ul.gongssel > li:nth-child(2){width: 100%}
	/*  변환 */
	#mContainer #mLnb .btnReturn .pc{display:none;}
	#mContainer #mLnb .btnReturn .mo{display:block;}
	#mContainer #mLnb .btnRecruit .pc{display:none;}
	#mContainer #mLnb .btnRecruit .mo{display:block;}
	
	

	.pay_innerwrp,.std_innerwrp,.mya_innerwrp,.cart_wrp,.lecfolding_wrp,.bonus_wrp{padding:0 15px}
	.mypageWrap .mypageConditions .mpb_popcls{top:-30px;right: 0}


	#mContainer #mLnb ul li .sub_nav.more_tit li{width: 100%;padding:0;padding-bottom: 5px}
	#mContainer #mLnb ul li .sub_nav.more_tit li span{height: 12px;line-height: 12px;font-size: 12px}
	#mContainer #mLnb ul li .sub_nav.more_tit li a{display: inline-block;padding:7px 0 3px 5px;height: 12px;line-height: 12px;vertical-align: middle;}

	.acad .dan_wrap .floatB{display: none}

	.dim_bnrwrp .dim_popup{width: 90%;padding: 35px 0 25px;}
	.dim_bnrwrp .dim_popup .grand_tit{width: 100%;margin-bottom: 0}
	.dim_bnrwrp .dim_popup p{padding:0 20px 35px 20px;}
	.dim_bnrwrp .dim_popup p img{width: 100%;}
	.dim_bnrwrp .dim_popup .evt_wrp{padding: 0 90px 0px 135px;}
	.dim_bnrwrp .dim_popup .evt_wrp .txt img{margin-bottom: 5px;margin-right: 3px}
	.dim_bnrwrp .dim_popup .evt_wrp .btn{right: 30px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
	.dim_bnrwrp .link_box{box-sizing: border-box;padding:0 20px 0 20px;}

	.top_bnrzone .inner{width: 100%}
	.top_bnrzone img{max-width: 100%}
	.top_bnrzone.gongssel.presentation{background-size:cover;text-align:center;}
	.top_bnrzone.gongssel.presentation a img{width:97%;}

	.subC .ntell_popwrp{top:300px}

	.superRight_bnr.gong{display: none}
	.superRight_bnr.ansung{display: none}
	.superRight_bnr.presnt{display: none}
}

@media all and (max-width:900px){

	.subcont_wrp .subtit, .tech_content .subtit{font-size: 18px;margin-bottom: 15px;}
	.infoSearch select{width:100px}
	.infoSearch input{width:150px}
	.infoSearch .btn_find{width:50px}
	.infoSearch{padding: 15px}

	

	.ly_btm_fixed .stflip img{width: 200px !important}

	.plus_bnr{top:0;-webkit-transform: none;transform: none;width: 45%;max-width: 350px}

	.myqna_wrap .tab_cont .top_info1{padding: 25px 0 25px 0}
	.myqna_wrap .tab_cont .top_info1 .btn{position: relative;top: inherit;right: inherit;-webkit-transform: none;-moz-transform: none;-ms-transform: none;transform: none;}
	.myqna_wrap .tab_cont .top_info1 .btn a{display: inline-block;margin: 6px 4px 6px 0;padding: 4px 18px 5px 7px;font-size: 13px;letter-spacing: -0.08em;}
	.myqna_wrap .tab_cont .top_info1 > p{font-size: 14px}
	.myqna_wrap .tab_cont .top_info1 .btn a::before{right: 5px;background-size: 74px;background-position: -67px -3px;}
	
	
	
	.Content{ padding:0 10px}	
	
.b_review{ width:100%; height:auto; margin:30px 0 10px 0 !important;}
.i_month{position:absolute; width:60px; height:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:33px; top:53px; left:536px; }
.b_review .month{position:absolute; width:60px; height:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:33px; top:53px; left:170px; }
.b_review .tit{ width:100%; height:40px; border-bottom:1px solid #e0e1e3; float:left; position:relative}
.b_review .tit .text{ width:100%; font-size:1.5em; font-family:"notokr-bold"; text-align:left; color:#333}
.r_style_bg { font-size:13px; height:auto; float:left;position:relative}

.r_style_bg th{text-align:left; font-size:15px; height:40px;border-bottom:1px solid #dedede; position:relative; font-weight:500;}
.r_style_bg .font_s12{ font-size:12px; font-weight:normal; color:#666666}

.s_navigation{ display:none }	
	
/*테이블*/
.board-list table.table td{ line-height:22px}
.board-list table.table td.title { font-size:16px}	

.btns{  position:relative; padding:10px }
.btns .list{background:#fff; color:#333; font-size:16px; padding:15px 0px; border:1px solid #333; width:100%; text-align:center; float:none; margin:0 8px} 
.btns .accept{background:#ff4444; color:#fff; font-size:16px; padding:15px 0px; border:1px solid #ff4444; width:100%; text-align:center;float:none; margin:0 8px 5px 8px  } 
.btns .accept1{background:#ff4444; color:#fff; font-size:18px; padding:15px 0px; border:1px solid #ff4444; width:100%; text-align:center;float:none; margin:0 8px 5px 8px } 

/*모의고사문제들*/
.mainPop .popBox .popBody{padding-bottom:10px; width:100%}
.mainPop .popBox{width:100%; position:absolute; left:0; top:0; background:#fff; overflow:hidden}
.mainPop .popBox .popBody{width:100%; padding-bottom:10px; background:#fff; border:1px solid #999}

	.mainPop .popBox .popBody .swiper-pagination{left:20px; bottom:18px; font-size:14px;}
	.mainPop .popBox .popBody .titArea{padding:25px 0; font-size:22px;}
	.mainPop .popBox .popBody .txtArea{padding:30px 5%; font-size:14px; line-height:23px;}
	.mainPop .popBox .popBody .txtArea .conTit1{font-size:17px; line-height:25px;}
	.mainPop .popBox .popBody .txtArea .conTit2{margin:15px 0 30px; font-size:15px;}
	.mainPop .popBox .popBody .viewDetail{bottom:20px; padding:0 34px; width:139px; height:40px; line-height:40px; font-size:15px; border-radius:20px;}
	.mainPop .popBox .popBody .typetit {  line-height:35px; padding:10px 50px; text-align:center; font-family:'notokr-bold'; color:#000000; background:#CCCCCC; font-size:18px; position:relative}
    .mainPop .popBox .popBody .bodybox{ margin:20px 15px 10px 15px; border:1px solid #333; padding:10px 10px}
	
	.logo_w50{ width:30%}
   .logo_w30{ width:20%}
   .mainPop .popBox .popBody .bodybox .tit{ line-height:30px; text-align:center; font-size:20px; margin-top:20px;font-family:'notokr-bold'; color:#000000 }

	.mainPop .popBox .popBottom{height:40px; padding:10px 90px 10px 20px}
	.mainPop .popBox .popBottom .xBt{right:20px; bottom:18px; padding-right:18px; font-size:20px; background-size:25px; top:5px}
	
	
	.mtr_tbl{ width:100%; border-top:solid 1px #dddddd; border-left:solid 1px #333; border-right:solid 1px #333;border-collapse:collapse; position:relative}
    .mtr_tbl th{ border-bottom:solid 1px #333; border-right:solid 1px #333; background:#fff; padding:6px 0 6px 15px; text-align: center; color:#333; font-family:"notokr-medium"; font-size:13px; line-height:20px}

    .mtr_tbl td{border-bottom:solid 1px #333; padding:6px 10px 6px 10px; color:#666; text-align: left;font-size:13px;line-height:20px; font-family:'NotoSansKR-Regular'}
    .mtr_tbl .m_l{ padding:10px 15px 10px 15px; font-size:15px; line-height:20px }
    .i_text3{ padding:1px 5px 3px 5px; margin:2px; height:30px;  border:1px solid #bebebe; color:#666; font-size:13px; }
	
.wsm{ width:100% !important }	


.f_box { right:10px; top:10px; width:100%; text-align:right; position: relative}
.f_Area { bottom:21px; right:25px}/*포인트*/

.f_Area1 { bottom:21px; right:100px; margin:0px !important}/*가격*/
.my_pa{ width:100%; overflow:hidden;  }


/*결제완료테이블*/
.tran_tbl{ width:100%; border-collapse:collapse;}
.tran_tbl th{ width:25%; padding:6px 0 6px 5px; text-align:left; color:#333; font-weight:600; font-size:14px; line-height:20px}
.tran_tbl td{padding:6px 10px 6px 10px; color:#666; text-align:left;font-size:14px; line-height:20px}


.m_4t{ margin:20px 20px}


/*포인트, 결제완료 박스*/



.point_t{ background:#f5f5f5; padding:10px 0; width:100%; margin-top:15px; border:1px solid #dcdcdc; overflow:hidden}
.point_t .list{ width:100%;  line-height:25px; position:relative; padding-left:5px}
.p_tit{ font-size:15px; text-align:center; width:110px; height:35px; line-height:35px; margin-right:15px; background:url(../images/line_1.png) no-repeat 108px 7px}
.p_num{ width:130px;font-size:15px; position:absolute; top:5px; text-align:left;left:125px; color:#4f4f51}
.p_num1{ width:130px;font-size:15px; position:absolute; left:125px; top:5px; text-align:left; color:#ff0000}
.p_tit_r{left:45%; top:0; position:absolute; font-size:15px; text-align:center; width:110px; height:35px; line-height:35px; margin-right:15px; background:url(../images/line_1.png) no-repeat 108px 7px}
.num_ff_t{ font-family:Tahoma, Geneva, sans-serif; font-weight:600}
.point_t .list1{ width:100%; line-height:25px; position:relative; float:right}
.point_t .list3{ width:100%; line-height:25px; position:relative; float:left}

.point_t .list2{ width:100%; line-height:35px; position:relative; padding:10px 0 0 15px;  font-size:15px; }

.point_t .list2_1{ width:100%; line-height:35px; position:relative; padding:10px 0 0 15px;  font-size:15px ;float:left}
.point_t .list2_2{ width:100%; line-height:25px; position:relative; padding:10px 0 0 15px !important;  font-size:14px ;float:left}

/*테이블_S*/

.board-slist table.table {text-align: center;border-top: 1px solid #aeadad; border-bottom: 1px solid #aeadad; width:100%}
.board-slist table.table th {background: #ededed; color:#666; font-weight: normal;border-bottom: 1px solid #aeadad; line-height:20px; text-align:center; font-size:13px}
.board-slist table.table td {color: #888; font-weight: normal;/*border-right: 1px solid #ddd*/ line-height:22px; color:#333333;font-size:13px }
.board-slist table.table .line{ border-right:1px solid #aeadad}





/*오더테이블추가*/
.order_box{ border:1px solid #dcdcdc; padding:20px; overflow:hidden; position:relative}
.order_l{color:#555; width:100%; position:relative;border:1px solid #dcdcdc; overflow:hidden;}
.order_l table{ width:100%;}
.order_l table th{ padding:10px 0 12px; text-align: center; color:#545454; font-weight:600; font-size:15px; border:0;background:url(../img/sub/line_1.png) no-repeat 120px 7px}
.order_l table .th_left{  padding:10px 15px 12px; text-align:left; color:#333; font-weight:600; background:url(../img/sub/line_1.png) no-repeat 139px 15px}
.order_l table .th_left1{  padding:5px 40px 12px; text-align:left; color:#333; font-weight:600}
.order_l table td{font-size: 15px; padding:10px 0 12px; text-align: center;}
.order_l table .td_arr{ position:relative}

.order_l table .td_txt{font-size: 16px; line-height:18px; overflow: hidden; padding:10px !important; text-align: left;}
.order_l table .td_txt1{font-size: 14px; line-height:20px; overflow: hidden; padding:10px 0 12px 20px; text-align: left; }
.order_l table .td_txt_noline{font-size: 13px; line-height:18px; overflow: hidden; padding:10px 0 12px 20px; text-align: left; border-bottom:0}

/*카드결제*/
/*결제방법-결제버튼*/
.order_menu:after { content:""; display:block; clear:both; }
.order_menu ul { margin: 0 ; padding: 0; clear:both; margin-left:1px; }
.order_menu li { 
	 zoom: 1; *display: inline; width:45%; border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff; text-align: center; margin: 0; cursor: pointer; 
	color: #fff;  font-weight:600; font-size:13px ;background-color: #fff;}/*float:left; display: inline-block;background-color: #c3c2c2;*/
.order_menu li a.on { font-weight:bold;color:#FFFFFF;background:#fc4d4d; width:45%; padding: 9px 43px 13px 43px; text-align: center; margin: 0; }
.order_menu li a{color: #fff; background-color: #c3c2c2; font-weight:600; font-size:13px  } 
.order_menu li a:link{float:left; display: inline-block; zoom: 1; *display: inline; width:45%; 
	border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff; 
	padding: 9px 43px 13px 43px; text-align: center; margin: 0; cursor: pointer; 
	color: #fff; font-weight:600; font-size:13px }

.order_menu li a:hover{font-weight:bold;color:#FFFFFF;background:#fc4d4d;width:45%; padding: 9px 43px 13px 43px; text-align: center; margin: 0; } 

.order_menu li a:active{font-weight:bold;color:#FFFFFF;background:#fc4d4d; width:45%; padding: 9px 43px 13px 43px; text-align: center; margin: 0; } 
.order_menu li img{ margin-bottom:3px}

.write_01 {vertical-align:middle;}

.erorr_box{ position:relative; width:880px; height:40px; line-height:40px; font:15px;/* border-bottom:1px solid #CCC; border-top:1px solid #CCC */}


	
}

@media all and (max-width:768px){
	/* 헤더 */
	.welcome_wrp .tit{padding-bottom: 38px;}
	.welcome_wrp .btn_place{top:inherit;right: inherit;bottom: 0;left: 0;}
	.welcome_wrp .btn_place a{padding: 6px 14px;}
	.welcome_wrp .wctit{padding-bottom: 37px}
	.mobile_navinner{padding-top: 110px}
	.mb_rightmenu a{font-size: 13px;background-size: 18px;background-position: 0px 9px;padding-left: 25px;}

	/* #mContainer.wideC #mContent{padding-top: 0} */
	.subcont_wrp{padding-top: 20px}
	#mContainer #mLnb .lnbBanner{padding-top: 0}
	#mContainer.wideC #mContent .lecture, #mContainer.wideC #mContent .cust{padding-top: 40px}
	.lectlist li .listName .name{font-size: 15px}
	.lectlist li .leclistBtn{padding:10px 0px 10px 8px}
	.lectlist li .leclistBtn .btn_buy{padding-right: 8px}
	.infoSearch select{width: 100%;margin: 0 0 7px 0;padding: 0}
	.infoSearch input{width: 100% !important;padding: 0;margin: 0 0 7px}
	.infoSearch .btn_find{width: 100%;margin:0;border: 1px solid #555;}
	#mContainer #mLnb .nav{padding: 10px 0}
	#mContainer #mLnb > ul > li > a{float: none;height: 34px;line-height: 34px}
	#mContainer #mLnb > ul > li.on > a:before, #mContainer #mLnb > ul > li > a:hover:before{bottom: 13px}
	#mContainer #mLnb ul li .sub_nav li{padding:0 12px 0 0}
	#mContainer #mLnb ul li .sub_nav li span{display: inline-block;padding-right: 10px;}
	#mContainer #mLnb ul li .sub_nav li a{padding: 0 15px 0 5px;height: 30px;line-height: 30px;font-size: 15px}
	#mContainer #mLnb ul li .sub_nav li.line_2{padding:0px 12px 0px 0;}
	#mContainer #mLnb ul li .sub_nav li.line_2 a{padding:0px 0 7px;}
	#mContainer #mLnb > ul > li:last-child{border:0}

	/* 강좌리스트 배너 */
	.vodchr_banner .img_pc{display: none}
	.vodchr_banner .img_mb{display: block}

	
	#mContainer .mypageNoti .mypagetLec{padding:18px 15px 0}
	#mContainer .mypageNoti .mypagetLec .current li .lecimg img{width:65px}
	#mContainer .mypageNoti .mypagetLec .current li .lecname, #mContainer .mypageNoti .mypagetLec .current li .clsname, #mContainer .mypageNoti .mypagetLec .current li .clsdate{padding-left: 75px}
	#mContainer .mypageNoti .mypagetLec .current li .clsname a{width: 100%;margin-bottom: 10px}
	#mContainer .mypageNoti .mypagetLec .current li .lecname{padding-top: 3px}
	#mContainer .mypageNoti .mypagetLec .current li .lecname{font-size: 12px}
	#mContainer .mypageNoti .mypagetLec .current li{padding: 0}
	#mContainer .mypageNoti .gongcntr_number .tit{padding-top: 40px;background-size: 30px}
	#mContainer .mypageNoti .gongcntr_number .tit{padding: 13px 0 8px 0;background: none;font-size: 13px;}
	#mContainer .mypageNoti .gongcntr_number .cntr_time{padding: 15px 0 15px;}
	#mContainer .mypageNoti .gongcntr_number .cntr_time p, #mContainer .mypageNoti .gongcntr_number .cntr_time em{padding: 0 0 6px 5px;}
	#mContainer .mypageNoti .gongcntr_number{height: 110px}
	#mContainer .mypageNoti .mobileInfo{width: 100%;margin:0;height: 135px;}
	#mContainer .mypageNoti .mobileInfo .txt{font-size: 15px;border-top: 1px solid #eee;padding: 18px 0 10px;}
	.subC .mypageNoti .gongcntr_number .ntell_popwrp > div{height: 100%;padding: 0 0;margin:0 20px}
	.subC .mypageNoti .ntell_popwrp .m_anno span{padding: 7px 0 5px;letter-spacing: -0.15em}
	.subC .mypageNoti .ntell_popwrp a{position: absolute;bottom: 7px;left: 0;}
	.payWrap .nav.alone{margin-top: 4px}
	.subC .mypageNoti .ntell_popwrp button{right: -9px}
	.subC .mypageNoti .ntell_popwrp .m_anno strong{font-size: 13px;letter-spacing: -0.15em}
	.subC .mypageNoti .ntell_popwrp .s_anno{letter-spacing: -0.15em}
	
	.lecture_downwrp a{height: 30px;line-height: 30px;padding:0 15px}

	#se2_iframe{height: 100px !important}

	.subC .ntell_popwrp{height: auto;width: 300px;margin-left: -150px}
	.subC .ntell_popwrp > div{padding:20px 15px}
	.subC .ntell_popwrp .m_anno{background-size: 70px;padding: 43px 0 15px;background-position: 0 0}
	.subC .ntell_popwrp .m_anno span, .subC .ntell_popwrp .m_anno strong{font-size: 16px;}
	.subC .ntell_popwrp .s_anno{font-size: 13px}
	.subC .ntell_popwrp button {position: absolute;top: 20px;right: 15px;}

	/* 가로 폭 조정 */
	.ebook_content .ebk_lcon .inner, .ebook_content .ebk_vcon .inner{padding-left:15px;padding-right:15px}

	#footer .ft_wrp{margin-bottom: 0}
	#footer .ft_wrp ul{margin:0}
	#footer .ft_wrp ul li{border:0;letter-spacing: -0.15em;padding:0 5px;display: block;}
	#footer .ft_wrp ul li:nth-child(1),#footer .ft_wrp ul li:nth-child(2),#footer .ft_wrp ul li:nth-child(6),#footer .ft_wrp ul li:nth-child(10){display: block}
	#footer .ft_wrp a{font-weight: bold;}
	#footer .ft_wrp ul{background-size:100px;padding:10px 0 0}

	.paging a, .paging strong{padding:3px 7px}
	.plus_bnr{width: 55%;max-width: 300px}

	.subcont_wrp .subtit, .tech_content .subtit{font-size: 16px}
}

@media all and (max-width:640px){
	
	.wrap_content{width: 95%}

	.glbal_menu .gm_inner ul li{height: 60px; padding-top:5px}
	.glbal_menu .gm_inner ul li a span{padding: 36px 0 0;}
	.glbal_menu .gm_inner ul li.glb_key1 a{background-position:center 10px;background-size: 31px;}
	.glbal_menu .gm_inner ul li.glb_key2 a{background-position:center 5px;background-size: 31px;}
	.glbal_menu .gm_inner ul li.glb_key3 a{background-position:center 5px;background-size: 31px;}
	.glbal_menu .gm_inner ul li.glb_key4 a{background-position:center 5px;background-size: 31px;}
	.glbal_menu .gm_inner ul li.glb_key5 a{background-position:center 5px;background-size: 31px;}
	.top_bnrzone .inner a{text-align: center;}
	.top_bnrzone .inner a img{float: none;display: block;}

	.payWrap .pay_sort .dateArea .d_bx{width: 119px}
	.ebook_content .conbody .ebk_list{margin-left: 0}
	.ebook_content .conbody .ebk_list li{width: 100%;margin-bottom: 25px}
	.ebook_content .conbody .ebk_list dl{margin-left: 0}
	.ebook_content .conbody .ebk_list .relect{padding-left: 0}
	.ebook_content .conbody .btnstn{margin-left: 0}
	.ebook_content .conbody .ebk_list .ebk_img{margin:0 auto 15px}
	.ebook_content .conbody .ebk_list .relect_wrp{height: auto}

	.payWrap .conin ul li .mine{width: auto;padding:0;margin-right: 3px;font-size: 13px}
	.payWrap .conin ul li .mine strong{font-size: 13px}
	.payWrap .pay_selec .cashArea .p_way ul li{padding-right: 15px}
	.ebook_content .conbody .btnstn a{height: 36px;line-height: 36px}
	.ebook_content .conbody .ebk_list .ebk_img img{max-height: 135px;max-width: 100px}
	.ebook_content .connav .bk_rgt{padding-top: 270px}
	.ebook_content .connav .bk_lft .imgbox{height: 210px}
	.ebook_content .connav .bk_lft .imgbox img{width: 140px !important;height: 188px;margin:10px 0}
	.ebook_content .connav .subjct li{width: 33.3%;margin: 0 0 5px;}
	.ebook_content .connav .subjct li a{height: 25px;line-height: 25px;}
	.ebook_content .connav .subjct_tea li{width: 33.3%;}
	.mypageWrap .mypageConditions .mp_banner{width: 100% !important;text-align: right;right:0;top:0;border: 0;box-sizing: border-box;padding:0 10px}
	.mypageWrap .mypageConditions .mp_banner a{padding: 5px 12px 5px 10px;}
	.mypageWrap .mypageConditions .mp_banner img{width: 100%;border: 1px solid #333;}
	.mypageWrap .mypageConditions .mpb_popcls{right:10px !important}
	.mypageWrap .mypageConditions .mpb_popcls_week{right:60px !important}
	.payWrap .conin ul li input[type="text"]{width: 65px}
	.payWrap .pay_sort .month_area ul li{width: 60px}
	.payWrap .pay_sort .dateArea .btn_srch{width: 250px;display: block;margin:7px auto 0}
	.bookstr_wrp .bookstr_bnr ul li img{}
	.bookstr_wrp .bookstr_bnr ul li::after{width: 70px;background-position-x: -38px;margin-left: -47px;bottom: -59px;}
	.lecture .lecView .lecbtnWrap .btn_addLec{width:88px;padding:0}
	.lecture .lecView .lecbtnWrap .pass_sel{padding-right: 92px}
	.tech_content .tech_comment .commentImg ul{padding:15px 15px 40px}
	.tech_content .tech_comment .commentImg .btn{font-size: 13px;border: 0;line-height: 30px;top: inherit;bottom:0;right: 0px;width: 100%;height: 30px;background-color: #1eb9ac;border: 0;padding: 0;-moz-transform:none;-webkit-transform:none;transform:none;}
	.tech_content .tech_comment .commentImg ul li{padding: 0 130px 5px 20px;}
	.mypageWrap .myClassTit .f_right ul li a{font-size: 12px;padding-left: 14px}
	.commonTab > ul li a{padding:10px 6px !important;font-size: 12px}
	.ly_btm_fixed{bottom:54px}
	/*가로 폭 조정*/
	.pay_innerwrp,.std_innerwrp,.mya_innerwrp,.cart_wrp,.lecfolding_wrp,.lecture .lecView,#mContainer .mypageNoti,.bonus_wrp,.mypageWrap .mypageConditions,.ebook_content .ebk_lcon .inner, .ebook_content .ebk_vcon .inner{padding-left:10px;padding-right: 10px}
	#mContainer #mLnb .nav,#mContainer.wideC #mContent .lecture, #mContainer.wideC #mContent .cust{margin:0}

	.tech_content .tccont.curr_zone{padding-bottom: 0}
	.tech_content .tccont.incl_zone{padding-left: 0;padding-right: 0;padding-bottom: 25px;}

	.dim_bnrwrp .dim_popup .evt_wrp{padding: 0;margin: 0 15px;background-image: none;border-top: 1px solid #fff}
	.dim_bnrwrp .dim_popup .evt_wrp .btn{display: none}
	.dim_bnrwrp .dim_popup .evt_wrp .tit{padding-left: 0}
	.dim_bnrwrp .dim_popup .evt_wrp .tit::before{background-size: 40px;width: 40px;height: 42px;left: inherit;right: 0}
	.dim_bnrwrp .dim_popup .evt_wrp .txt{padding-left: 0}
	.dim_bnrwrp .dim_popup .evt_wrp .txt img.txt1{width: 187px}
	.dim_bnrwrp .dim_popup .evt_wrp .txt img.txt2{width: 270px}
	.dim_bnrwrp .dim_popup .close_btn{top:12px;right: 12px}

	.imgboard_type{margin-left: -10px}
	.imgboard_type li a{padding-left: 10px}
	.imgboard_type .tit{font-size: 13px}

	.qnaend_view .thks{margin:16px 0 0;}
	.qnaend_view .thks:after{display:none;}

}
@media all and (max-width:550px){
	.noticeView .tit_wrp {padding: 12px 11px 7px;}
	.noticeView .tit_wrp .tit{padding-bottom: 5px;}
	.indirect_go{margin-left:-2%}
	.indirect_go a{font-size: 13px;height: auto;line-height: 1.3;padding: 8px 27px 8px 11px;width: 48%;margin-left: 2%;margin-right: 0;float: left;}
	.indirect_go a.pass{width: 98%;clear: both;float: none;margin-top: 2%;}
	.indirect_go a.pass span span{display: inline;}
}
@media all and(max-width:385px){
	#mContainer #mLnb > ul > li > a{letter-spacing:-2px;font-size:12px;}
	.noticeView .tit_wrp .sub_txt.Sort{border-left:none}
}