@charset "utf-8";
body, button, input, select, table, textarea, .xe{
	font-family: arial, "NanumGothic", "Malgun Gothic", Dotum, Gulim, Verdana, sans-serif, helvetica;
}

.showPc{display: block !important;}
.showMobile{display: none !important;}

.gnb li a{font-size: 13px;}

.lnb{/*margin-top: 15px;*/}
.login_white fieldset{padding-top:15px;}
.login_white fieldset .userName a{color: #666;}
.login_white fieldset .userName a.member_1678139{color: #333;font-weight: bold;}

.allMenu{display: none;}

.titleEtc{border-bottom: 3px solid #4278b4;position: relative;color: #333;font-size: 20px;padding-bottom: 5px;margin-bottom: 20px;}

select,
input[type=text],
input[type=password]{border: 1px solid #ccc;margin: 0;height: 16px;}

.button{display: inline-block;text-decoration: none;border: 1px solid #999;padding: 4px 10px;color: #555;background-color: #f4f4f4;}
.button input{border: 0;background: none;display: inline-block;cursor: pointer;padding: 0;}

.fl{float: left;}
.fr{float: right;}

.boardSubMenu{overflow: hidden;}

table{width: 100%;max-width: 100%;border-collapse: collapse;border-spacing: 0}
.articleNum,
.accountNavigation li.setup a,
.accountNavigation li.admin a,
.accountNavigation li.join a,
.accountNavigation li.myInfo a {background-position: left center;}
.accountNavigation li{line-height: 1;}

.comment_popup_menu, 
.document_popup_menu{background-position: right center !important;font-size: 13px;}

.boardHeader{margin-bottom: 10px;}
.boardInformation{margin-bottom: 5px;}
.boardList{border-right: 0;border-left: 0;overflow: auto;}

.boardWrite{margin-bottom: 10px;}

.planner_control{overflow: hidden;margin-bottom: 10px;}

.document_box{background: none;border-bottom: 1px dotted #ddd;height: 29px;}
.document_box:last-child{border-bottom: 0;}
.document_box_left{height: 29px;}
.document{padding: 0 0 0 10px;}
.regdate{padding: 0;}

div.simpleWidgetStyle h2{font-family: "NanumGothic", "Malgun Gothic", Dotum, Gulim, Verdana, sans-serif, helvetica;}

.infoAdmission dl{overflow: hidden;margin-bottom: 10px;line-height: 1.7;}
.infoAdmission dl dt{clear: left;float: left;background:url('http://ecolecoree.korean.net/ecbbs/files/attach/images/1664623/623/664/001/6838df9b57801f75a1d701791b0e89e5.jpg') 0 4px no-repeat;padding-left:18px;font-weight:bold;width: 60px;}
.infoAdmission dl dd{float: left;margin: 0;width: 660px;}

.introTeacher p *{vertical-align: middle;}
.introTeacher p>span{display: inline-block;width: 160px;}
.introTeacher p>span>img{vertical-align: middle;margin-right: 3px;}

@media screen and (max-width: 768px){
	*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust:none;max-height:1000000px;}
	
	body,div,textarea,select,table,button,input,a,h1,h2,h3,h4,h5,h6{font-family: "NanumGothic", "Malgun Gothic", Dotum, Gulim, Verdana, sans-serif, helvetica;font-size: 14px;}
	
	body{height: 100%;background: none !important;margin: 0;position: relative;}
	body.open{width: 100%;left:-75%;position: fixed;}
	
	img{max-width: 100%}
	
	a{color: #555;}
	
	select,
	input[type=text],
	input[type=email],
	input[type=password]{height: 26px;}
	
	.xm select, .xm textarea, .xm input[type="text"], .xm input[type="password"], .xm input[type="datetime"], .xm input[type="datetime-local"], .xm input[type="date"], .xm input[type="month"], .xm input[type="time"], .xm input[type="week"], .xm input[type="number"], .xm input[type="email"], .xm input[type="url"], .xm input[type="search"], .xm input[type="tel"], .xm input[type="color"]{height:26px;line-height: 26px;}
	
	.boardSearch select{height: 26px;}
	
	.button{padding: 3px 5px;}
	.button input{font-size: 13px !important;}
	.button span{font-size: 13px !important;}
	
	.showPc{display: none !important;}
	.showMobile{display: block !important;}
	.m_no{display: none !important}
	
	.xe{width: auto;}
	
	.header{width: auto;padding: 15px;background: url(../images/header_bg.png) no-repeat 0 50%;background-size: cover;	height: 70px;border: 0;margin-bottom: 0;}
	.header h1{position: static;}
	.header h1 a img{display:none}
	.header h1 > a{display: block;width: 150px;height: 30px;margin: 0 auto !important;}
	.header .btnMenu{position: absolute;right: 15px;top: 50%;margin-top: -10px;}
	.header .btnMenu a{display: block;width: 20px;height: 20px;background: url(../images/btn_hamburger.png) no-repeat;background-size: 20px auto;text-indent: -9999px;}
	
	.gnb{display: none;}
	
	.lnb{display: none;}
	.mainLayout .lnb{float: none;width: auto;position: static;min-height: inherit;padding: 15px;display: block;}
	.mainLayout .lnb .xe-widget-wrapper {display: none;}
	.mainLayout .lnb h2{display: none;}
	
	.content{float: none;width: auto;padding: 15px;}
	.mainLayout .content{}
	
	.footer {padding: 15px;padding-left: 82px;position: relative;}
	.footer > a{position: absolute;left:15px;top:15px}
	.footer > a > img{float: none !important;margin-left: 0 !important;width: 56px;}
	.footer p{width: auto !important;float: none !important;margin-left: 0 !important;font-size: 12px;}
	.footer p span{display: block;}
	
	.gn{margin:0;padding:0;list-style:none;background:#d3d1cc;text-shadow:1px 1px 0 #fff;font-size:14px}
	.gn li{background:#c3c3c3;border:1px solid #a3a09a;border-left:0;border-right:0;margin:0 0 -1px 0}
	.gn li li{background:#f8f8f8;border:1px solid #c9c9c9;border-left:0;border-right:0}
	.gn li li li{background:#e8e8e8}
	.gn ul{margin:0 0 -1px 0;padding:0;list-style:none}
	.gn a{position:relative;text-decoration:none;display:block;padding:10px}
	.gn li a{color:#333}
	.gn li a:after{position:absolute;top:7px;right:10px;content:"›";color:#888;font-size:18px;font-weight:bold;font-family:Verdana, Geneva, sans-serif}
	.gn li li a:before{content:"";display:inline-block;width:6px;height:6px;border:1px dotted #666;border-top:0;border-right:0;margin:0 4px 0 0;vertical-align:top}
	.gn li li a{padding-left:15px}
	.gn li li li a{padding-left:30px}
	.gn li li li li a{padding-left:45px}
	.gn li li li li li a{padding-left:60px}
	.gn em{color:#f63;font-size:12px}
	
	.allMenu{position: absolute;width: 100%;height: 100%;left: 100%;top: 0;z-index: 1000;display: none;}
	.allMenu .dim{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 999;position: fixed;left:0;top:0;}
	.allMenu .bd{position: relative;z-index: 1000;width: 75%;height: 100%;overflow-y: auto}
	.allMenu .close{position: absolute;top:10px;left:-50px;z-index: 1001;}
	.allMenu .close a{ color: #fff;font-weight: 700;font-size: 25px !important;width: 40px;height: 40px;display: inline-block;text-align: center;padding-top: 5px;text-decoration: none;border: 2px solid #fff;border-radius: 30px;background: rgba(0,0,0,0.5);}
	
	.memberBtn{overflow: hidden;padding: 15px;}
	.memberBtn div{width: 48%;float: left;}
	.memberBtn div:first-child{margin-right: 4%;}
	.memberBtn div a{display: block;padding: 10px 5px;text-align: center;background: #222;color: #fff;text-decoration: none;}

	
	/* main */
	.mainLayout .content .xe-widget-wrapper {margin: 0 !important;float: left !important;width: 100% !important;height: auto !important;}
	
	.mainLayout .xe-widget-wrapper:nth-child(5){width: 50% !important;padding-right: 5px;padding-top: 20px;padding-bottom: 20px;}
	.mainLayout .xe-widget-wrapper:nth-child(6){width: 50% !important;float: right;padding-left: 5px;padding-top: 20px;padding-bottom: 20px;}
	.mainLayout .xe-widget-wrapper:nth-child(5) a > img,
	.mainLayout .xe-widget-wrapper:nth-child(6) a > img{width: 100%;}
	.mainLayout .xe-widget-wrapper:nth-child(8) > div{padding: 0 !important;}
	.mainLayout .xe-widget-wrapper:nth-child(8) a > img{width: 100%;padding: 0 !important;}
	
	.title_box,
	.title_box_left,
	.title_box_right{background: none;height: auto;}
	.document_box,
	.document_box_left,
	.document_box_right{background: none;height: auto;}
	.bottom,
	.bottom_left,
	.bottom_right{background: none;height: auto;}
	
	.widgetGalleryA{width: 100% !important;}
	.widgetGalleryA li{width: 33.3333% !important;margin: 0;text-align: center;}	
	.widgetGalleryA li .thumb {display: inline-block;}
	.widgetGalleryA li .title {display: block;color: #333;text-align: center;}
	
	.widgetCalendar caption{font-size: 15px;}
	.widgetCalendarNavigation button{font-size: 15px;}
	.widgetCalendar th{font-size: 13px;}
	.widgetCalendar td, 
	.widgetCalendar td a{font-size: 13px;}
	
	.regdate{font-weight: normal;padding: 0 0 0 5px;}
	
	.mainLayout .leftBanner{overflow: hidden;}
	.mainLayout .leftBanner > p{float: left;width: 50%;margin-top: 0;margin-bottom: 10px;}
	.mainLayout .leftBanner > p:nth-child(odd){padding-right: 5px;}
	.mainLayout .leftBanner > p:nth-child(even){padding-left: 5px;}
	.mainLayout .leftBanner > p img{width: 100% !important;height: auto !important;}
	
	.document_box td{padding-top:2px;padding-bottom: 2px;}
	
	.title_box_more{padding-bottom: 5px;}
	
	/* SUB */
	.boardHeader{border: none;background: none;}
	.boardHeader h1, .boardHeader h2, .boardHeader h3, .boardHeader h4, .boardHeader h5, .boardHeader h6{background: none;float: none;padding: 0 0 5px 0;border-width: 2px;font-size: 18px;}
	
	.titleEtc{border-bottom: 2px solid #4278b4;font-size: 18px;}
	
	.pagination{clear: both}
	
	.boardInformation{padding: 10px 0;}
	.articleNum,
	.accountNavigation li a{font-size: 90%;}
	
	.boardList{table-layout: fixed;}
	.boardList thead th{font-size: 13px;}
	.boardList thead th *{font-size: 13px;}
	.boardList tbody td {font-size: 13px !important;white-space: normal !important;padding: 5px 5px !important;text-align: center;letter-spacing: -1px;}
	.boardList tbody td.webzineTitle{text-align: left}
	.boardList tbody td.title{text-align: left;}
	.boardList tbody td.thumb{padding-left: 0 !important;}
	.boardList td.summary{padding: 0 !important;height: 0;line-height:0 !important;}
	.boardList tbody td *{font-size: 13px;letter-spacing: -1px;}
	
	.boardList td.thumb img{width: 60px;height: 50px;padding: 0;}
	
	.boardSearch .inputTypeText{width: 90px;}
	
	.accountNavigation{display: none;}
	
	.boardRead .titleAndUser{margin-bottom: 15px;padding-bottom: 5px;}
	.boardRead .titleAndUser .title{margin: 0;}
	.boardRead .titleAndUser .title h1{margin-left: 0;font-size: inherit;}
	.boardRead .titleAndUser .title h1 a{font-size: 120%;}
	.boardRead .titleAndUser .userInfo{margin: 5px 0 0 0;}
	
	.boardRead .dateAndCount{overflow: hidden;margin-bottom: 20px;}
	.boardRead .dateAndCount .uri{float: none;margin-bottom: 3px;}
	.boardRead .dateAndCount .uri a{word-break: break-all;margin-right: 0;white-space: initial;}
	.boardRead .dateAndCount .date{margin-left: 0;}
	.boardRead .dateAndCount .date,
	.boardRead .dateAndCount .readedCount,
	.boardRead .dateAndCount .replyAndTrackback{float: left;}
	
	.imgTabWrap{overflow: hidden;margin: 0 0 10px 0 !important;}
	.imgTabWrap a{display: block;float: left;width: 33.33333%;}
	.imgTabWrap a img{width: 100%;}
	
	.xm .nav-tabs>li>a{padding-left: 8px;padding-right: 8px;color: #666;letter-spacing: -1px;font-size: 13px;}
	.xm .nav-tabs>li.active>a{color: #222;}
	
	.thumbnailBox div.cell{width: 33.33333% !important;margin-right: 0;}
	.thumbnailBox div.title{padding: 0 3px;text-overflow: ellipsis}
	.thumbnailBox div.title input[type=checkbox]{margin: 0;vertical-align: middle;}
	.thumbnailBox div.title a{font-size: 12px;}
	.thumbnailBox div.nameAndDate .author div{font-size: 12px;}
	
	.planner_this{margin-bottom: 5px;float: none;text-align: center;}
	.planner123 .planner_navigation{float: none;margin-bottom: 5px;overflow: hidden;display: block;}
	.planner123{width: 100%;padding: 0;}
	.planner123 a{font-size: 12px;}
	.planner_calendar_inner{min-height: 50px;}
	.planner_calendar td{height: auto;min-height: 50px;}
	.calendar_box{float: none;width: 100%;overflow: hidden;}
	.calendar_box ul{float: left;}
	.calendar_box li{width: 14.285%;}
	
	.extraVarsList caption{margin-bottom: 5px;}
	
	.boardWrite .boardWriteHeader .inputText{width: 75%;height: 25px;}
	.boardWrite .tag .inputText{width: 100%;}
	
	.boardSearchForm .inputText{height: 25px;}
	.boardSearchForm .infoEtc{top: -23px;}
	
	.xpress-editor .tool ul.type li select{min-width: 56px;width: 56px;}
	
	.infoAdmission dl{line-height: 1.6;}
	.infoAdmission dl dt{width: 86px;}
	.infoAdmission dl dd{width: 70%;}
	
	.introTeacher p{overflow: hidden;}
	.introTeacher p>span{display: inline-block;width: 50%;float: left;}
}