/*공통*/
.w-350 {width:350px !important;}
.bo {border:1px solid #000 !important;}
ul li {list-style:none;}
table {}
/*table th{border:1px solid #000; text-align:center;}*/
/*table td{border:1px solid #000;}*/
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

/* 메인 화면 */
/*.header-container .naverband {float:left; }*/
/*.header-container .container .row .col-md-3 {width:100%;}*/
.header-container .container .header-left .logo {width:30%;float:left;}
.header-container .container .logo-title {/*width:70%; float:left;*/ font-size:25px;text-align: center;}

/*.header-container .container .row .col-md-9 {width:100%;}*/

/* 메인상단 슬라이드 */
.container .contents-bookmain {width:100%;}
.container .contents-bookmain #bookMain {margin-top:0px; width:100% !important;}
.container .contents-bookmain #bookMain #slideMain ul,.contents-book #bookMain #slideMain li{margin:0;padding:0;}
.container .contents-bookmain #bookMain #slideMain { position:relative; width:1200px; margin-left:0; }
.container .contents-bookmain #bookMain #slideMain .slides { height:382px; width:1200px; overflow:hidden; position:relative; }
.container .contents-bookmain #bookMain #slideMain .slides .slide {position:absolute; z-index:1; }
.container .contents-bookmain #bookMain #slideMain .icon .on {background:#555; color:#fff;}
.container .contents-bookmain #bookMain #slideMain .slides .slide .slideSub {width:287px;}
.container .contents-bookmain #bookMain #slideMain .slides .slide .slideSub .text p {font-size:17px;}

.container .contents-bookmain #bookMain #slideMain .slides .slide li {width:300px; height:382px; }
.container .contents-bookmain #bookMain #slideMain .slides .slide li img {width:287px; height:382px; margin:0 auto;}
.container .contents-bookmain #bookMain #slideMain .slides .slide li.on img {border:none; text-align:center;}
.container .contents-bookmain #bookMain {position:relative;  width:750px; }
.container .contents-bookmain #bookMain .left, .contents-bookmain #bookMain .right{position:absolute; z-index:2; display:inline-block; overflow:auto; margin:0 auto;}
.container .contents-bookmain #bookMain .slideBtn span {display:none;}
.container .contents-bookmain #bookMain .left {top:50%;  left:4%; margin-bottom:12px;}
.container .contents-bookmain #bookMain .right {top:50%; right:2%; margin-bottom:12px;}
.container .contents-bookmain .preview {margin-top:30px;}

/* 메인 공지사항 라인 */
.section .container .part1 {/*width:30%;*/}
.section .container .part2 {/*width:20%;*/}
.section .container .part3 {/*width:20%;*/}
.section .container .part4 {/*width:30%;*/}


.container .col-md-3 .owl-carousel {width:202px; }
.container .col-md-3 .image-box {width:200px !important; margin:0;}
.container .col-md-3 .image-box .overlay-container {width:202px !important; }
.container .col-md-3 .image-box .overlay-container .imgFix { width:202px; height:246px;}

.container .part3 .text p {font-size:15px; text-align:center; vertical-align:middle;}

.container .part4 .container-area2 {float:left; width:100%; margin:0;}
.container .part4 .container-area2 .area2main {margin-top:20px;}

.container .part4 .container-area2 .area_2-1 {border:1px solid #ddd; overflow:auto; border-bottom:none; }
.container .part4 .container-area2 .area_2-1 .area3 {float:left;width:50%;text-align:center; padding: 20px 0 ; }
.container .part4 .container-area2 .area_2-1 .area3 .area3-1 {width:90%;text-align:left !important;  float:right;}
.container .part4 .container-area2 .area_2-1 .area3 .area3-1 p .con {font-size:13px;}

.container .part4 .container-area2 .area2-2 > li {border:1px solid #e5e5e5; float:left; width:50%; padding: 10px 0 10px 0px; height:260px}
.container .part4 .container-area2 .area2-2 > li:first-child {border-right:none;}
.container .part4 .container-area2 .area2-2 > li .area3{ width:90%; margin:0 auto; }
.container .part4 .container-area2 .area2-2 > li p .con {font-size:13px;}

.container .part4 .container-area2 ul,.container-area2 li{margin:0;padding:0;}
.container .part4 .container-area2 #slideMains{width:120px; height:120px; margin-top:0px; margin-left:10%; position:relative;}
.container .part4 .container-area2 .prev { position:absolute; top:50px; left:-8%; cursor:pointer; }
.container .part4 .container-area2 .next { position:absolute; top:50px; right:-11%; cursor:pointer; }
.container .part4 .container-area2 .stop { position:absolute; bottom:-25px; right:10px; cursor:pointer; color:red;}
.container .part4 .container-area2 .play { position:absolute; bottom:-25px; right:10px; cursor:pointer; color:green;}
.container .part4 .container-area2 #slides{ width:100%; height:100%; overflow:hidden; } 
.container .part4 .container-area2 #slide ul{	width:120px;	height:120px; list-style-type:none; float:left; }
.container .part4 .container-area2 #slide ul li{float:left; display:inline; }
.container .part4 .container-area2 #slide ul li img{border:none;}
.container .part4 .container-area2 .remoteMain {position:relative;  padding-left:10px;}
.container .part4 .container-area2 .remoteMain > img {display:inline-block;}
.container .part4 .container-area2 .remoteMain .go {position:absolute; left:100px; bottom:0px;}
.container .part4 .container-area2 .remoteMain2 .go {position:absolute; left:71%; bottom:0px;}

.container .container-area1 {float:left; width:65%;}
.container-fluid .row .mobile-visible {font-size:16px; letter-spacing:-0.5px;}

/* ECT 잉글리쉬 소개*/
.contents-main ul {padding:0; margin:0;}
.contents-main ul li {padding:0; margin:0;}
.contents-main {margin-top:25px; position:relative;}
.contents-main p {font-size:13px; color:#8d8c8c;line-height:22px; padding:0;margin:0;}
.contents-main dl {margin-top:25px; padding:0;}
.contents-main dl dt {font-size:16px; color:#333333; font-weight:bold; margin-bottom:13px; padding:0;}
.contents-main dl dd {font-size:13px; color:#8d8c8c;line-height:22px;}
.contents-main .imgarea {margin-top:50px; margin-bottom:70px;}

/* ECT 메인 커리큘럼 */
.contents-main .imgarea2 {margin-top:20px; margin-bottom:50px;}

/* 출판사별 커리큘럼 */
.contents-book #bookMain {margin-top:50px;}
.contents-book #bookMain #slideMain ul,.contents-book #bookMain #slideMain li{margin:0;padding:0;}
.contents-book #bookMain #slideMain { position:relative; width:655px; margin-left:50px; }
.contents-book #bookMain #slideMain .slides { height:71px; width:655px; overflow:hidden; position:relative;}
.contents-book #bookMain #slideMain .slides .slide {position:absolute; z-index:1; }

.contents-book #bookMain #slideMain .icon .on {background:#555; color:#fff;}
.contents-book #bookMain #slideMain .slides .slide li {width:131px; height:71px; }
.contents-book #bookMain #slideMain .slides .slide li img {width:126px; height:71px;}
.contents-book #bookMain #slideMain .slides .slide li.on img {border:1px solid #000;}

.contents-book #bookMain {position:relative;  width:750px; }
.contents-book #bookMain .left, #bookMain .right{position:absolute; z-index:2;}
.contents-book #bookMain .left {top:20px; left:15px;}
.contents-book #bookMain .right {top:20px; right:15px;}
.contents-book .preview {margin-top:30px;}

/* ECT 메인코스북 */
.contents-main .title{font-size:16px;font-weight:bold;}
.contents-main .type1 {margin-bottom:50px;}
.contents-main .type1 th {border-top:3px solid #21bb9d !important; border-bottom:1px solid #aaa !important; background:#f7f7f7 !important;  }
.contents-main .type1 th,.type1 td {border:1px solid #ddd; text-align:center;}
.contents-main .type1 td {vertical-align:middle !important;}
.contents-main .type1 th:first-child, .type1 td:first-child {border-left:0;}
.contents-main .type1 th:last-child, .type1 td:last-child {border-right:0;}
.contents-main .ectdept {margin-bottom:50px;}
.contents-main .ectflow {margin-bottom:40px;}
.contents-main .ectflow2 {margin-bottom:50px;}
.contents-main .ectflow3 {margin-bottom:20px;}
.contents-main .ectflow4 {margin-bottom:40px;}
.contents-main .ectflow5 {margin-bottom:20px;}
.contents-main .ectflow6 {margin-bottom:20px;}
.contents-main .ectText {text-align:center; border:1px solid #ec4e38;padding:20px; }
.contents-main .ectText p {color:#ec4e38; font-weight:bold;}

/* 출판사별 교재*/
.contents-main .col-sm-6 .body .margin-clear {font-size:13px !important; width:100%; font-weight:bold;}
.contents-main .col-sm-6 .body .br {margin-bottom:10px;}

.contents-main .searchBox { margin:0 auto; margin-bottom:0px; }
.contents-main .searchBox .chkmain {width:100%; text-align:center; border:1px solid #ccc;  margin-bottom:30px; line-height:20px;}
.contents-main .searchBox .chkmain .chkbox { overflow:auto; padding:16px 0 10px 0; margin:0 auto;  font-size:13px; display:inline-block; }
.contents-main .searchBox .chkmain .chkbox li {float:left;}
.contents-main .searchBox .chkmain .chkbox li input {vertical-align:middle;margin:0;padding:0; }
.contents-main .searchBox .chkmain .chkbox li label {padding: 0 13px 0 2px;}
.contents-main .searchBox .chkmain .chkbox li:last-child label {padding-right: 0;}
.contents-main .searchBox .searchDet {text-align:left; margin-bottom:20px;}

.contents-main .searchBox .searchDet span { vertical-align:middle; text-align:right;}
.contents-main .searchBox .searchDet .search3 { line-height:28px;}
.contents-main .searchBox .searchDet .search3 span {font-size:12px; color:#595959;  display:inline-block; width:17%;}
.contents-main .searchBox .searchDet select {margin:0 !important;padding:0 !important; width:18%; display:inline-block; height:28px; font-size:12px; vertical-align:middle;}
.contents-main .searchBox .searchDet input {margin:0 !important;padding:0 !important; width:55%;  display:inline-block; height:28px; vertical-align:middle; border:1px solid #aaa;}
.contents-main .searchBox .searchDet .btnStyle {width:50px; height:28px; background:#595959; text-align:center; color:#fff; font-size:12px; vertical-align:middle;}
.contents-main .searchBox .searchDet .bookSearch{width:45%; display:inline-block;}
.contents-main .searchBox .searchDet a {margin:0 !important;padding:0 !important; width:10%; display:inline-block; margin-right:5px;}



.contents-main .masonry-grid-fitrows  .listing-item .col-md-4 {width:35%; float:left;}
.contents-main .masonry-grid-fitrows  .listing-item .col-md-8 {width:65%; float:left;}
.contents-main .masonry-grid-fitrows  .listing-item .col-md-8 .body {padding-bottom:0;}
.contents-main .masonry-grid-fitrows  .listing-item .col-md-8 .body .elements-list{position:relative; margin-top:5px;}
.contents-main .masonry-grid-fitrows  .listing-item .col-md-8 .body .elements-list .price {}
.contents-main .masonry-grid-fitrows  .listing-item .col-md-8 .body .elements-list .more{position:absolute; right:0; bottom:0;border:1px solid #ddd; padding:4px 10px; display:block;  font-weight:bold;}
.contents-main .masonry-grid-fitrows  .listing-item .col-md-8 .body .elements-list .more:hover {background:#21bb9d; color:#fff; text-decoration:none;}
.contents-main h2 {font-size:16px; font-weight:bold;}

.contents-main .boardView li {}
.contents-main .boardView .title {font-weight:bold; font-size:16px;  border-top:2px solid #000; padding: 20px 0 15px 15px; color:#333;}
.contents-main .boardView .info {padding: 0px 0 20px 15px; font-size:12px; color:#333; border-bottom:1px solid #ddd;}
.contents-main .boardView .space {margin: 0 6px; }
.contents-main .boardView span {color:#545353;}
.contents-main .boardView .btns {position:relative; overflow:auto; height:50px; border-top:1px solid #ddd; margin-top:20px;}
.contents-main .boardView .btns li {float:left; position:absolute; }
.contents-main .boardView .btns .bottomBtnLeft {top:20px; left:0;}
.contents-main .boardView .btns .bottomBtnRight {top:20px; right:0;}
.contents-main .boardView .btns span {border:1px solid #000; padding:5px;}
.contents-main .boardView .btns .bottomBtnLeft span { padding:8px 12px; font-size:14px; border:1px solid #ddd;}
.contents-main .boardView .btns .bottomBtnRight span {background:#1862b8; color:#fff; border:0; padding:8px 12px; font-size:14px;}


/* 학습영역별 교재*/
.contents-main .searchBox .chkmain .chkbox2 li label {padding: 0 12px 0 2px;}

/*  솔루션 특징 */
.contents-main .soluation h3 {font-size:16px; font-weight:bold;}
.contents-main .soluation div {margin-top:10px; margin-bottom:30px; background:#f1f1f1; padding:20px 20px 20px 35px;}
.contents-main .soluation div ul li {font-size:12px; list-style-type:square; line-height:25px; }

/* 역량솔루션 체험판 */
/*.contents-main .capability .tab {margin-bottom:20px;overflow:auto;}
.contents-main .capability .tab > ul {}
.contents-main .capability .tab > ul > li {float:left; width:33.3%; border:1px solid #ddd; text-align:center; padding: 10px 0; background:#fafafa; cursor:pointer;}
.contents-main .capability .tab > ul > li.on {border-bottom:0; color;#1a579d; background:#fff;}

.contents-main .capability .tabView {clear:both;overflow:auto; background:#fafafa;  padding: 20px 0 40px 0; position:relative;}
.contents-main .capability .tabView span {position:absolute;}
.contents-main .capability .tabView .left {top:50%; left:20px; display:none;}
.contents-main .capability .tabView .right {top:50%; right:20px;}
.contents-main .capability .tabView > ul {display:none;}
.contents-main .capability .tabView > ul.on {display:block;}
.contents-main .capability .tabView > ul > li {width:100%; display:none;}
.contents-main .capability .tabView > ul > li.on {display:block;}

.contents-main .capability .tabView .standard {margin:0 auto;}
.contents-main .capability .tabView .standard .standardSub {text-align:center; }
.contents-main .capability .tabView .standard .standardSub h3 { background:url("/main/images/tit_bg.png") center center no-repeat; display:block; line-height:40px;  text-align:center;font-size:14px;color:#fff; background-size:60%;}

.contents-main .capability .tabView .standard .standardSub .imgMain {display:inline-block; margin-top: 15px; position:relative;}

.contents-main .capability .tabView .standard .standardSub .imgMain .gourl {position:absolute; bottom:10px; right:10px;}


.contents-main .capability .tabView .standard .standardSub .imgMain .title {color:#00adcc; font-size:25px; margin-bottom:40px;}
.contents-main .capability .tabView .standard .standardSub .imgMain li {font-size:14px;}
.contents-main .capability .tabView .standard .standardSub .imgMain .last {display:none; height:427px; width:605px; background:#fff; }
.contents-main .capability .tabView .standard .standardSub .imgMain .last ul {height:427px; width:605px ; vertical-align:middle;display:table-cell; border:1px solid #ddd; }
.contents-main .capability .tabView .standard .standardSub .imgMain .last ul li {line-height:24px;}
.contents-main .capability .tabView .standard .standardSub .imgMain .last .btn {font-size:20px; background:#00adcc; padding:5px 42px; display:inline-block; margin-top:30px;}
.contents-main .capability .tabView .standard .standardSub .imgMain .last .btn a {color:#fff;}

.contents-main .capability .tabView .readyCont {position:absolute; top:35%; left:0; width:100%; margin:0 auto; }
.contents-main .capability .tabView .readyCont > div {  text-align:center; height:190px; display:block;}
.contents-main .capability .tabView .readyCont .event {position:relative;}
.contents-main .capability .tabView .readyCont .event img {margin:0 auto;}
.contents-main .capability .tabView .readyCont .event div {padding-top:10px; color:#fff;}
.contents-main .capability .tabView .readyCont .cont {margin:0 auto; width:310px;  display:none; }
.contents-main .capability .tabView .readyCont .on {display:block;}
.contents-main .capability .tabView .readyCont .cont ul {height:190px; vertical-align:middle;display:table-cell;}
.contents-main .capability .tabView .readyCont .cont ul li {color:#fff; font-size:14px; line-height:24px;}
.contents-main .capability .tabView .readyCont .cont .title {font-size:20px; color:#fff; font-weight:bold; padding: 0 0 20px 0;}*/

/* 역량솔루션의 기능 */
.management ul {margin-bottom:20px; overflow:auto;}
.management ul li {float:left; width:47%; }
.management ul li img { width:332px; height:200px; margin:0 auto;}

/* ECT 메인 코스북 */
.contents-main .area { overflow:auto; margin-bottom:30px;}
.contents-main .area > div  {float:left;}
.contents-main .area .left {width:20%; overflow:auto;}
.contents-main .area .left li {text-align:center; }
.contents-main .area .left li img {text-align:center;margin:0 auto; width:132px;}
.contents-main .area .left li.title {font-size:16px; margin:5px 0 10px 0; color:#9b0b5f;}
.contents-main .area .left li a {display:inline-block; border:1px solid #4a4a4a;width:80%; line-height:40px; margin-bottom:5px; color:#4a4a4a;}
.contents-main .area .left li a.btn2 {background:#4a4a4a; color:#fff;}

.contents-main .area .right {width:80%; overflow:auto; text-align:center;  }
.contents-main .area .right .story {background:#e6c7d9;  padding: 15px 0 0 0; margin-bottom:10px; overflow:auto; }
.contents-main .area .right .story > ul { display:inlin-block; display:inline-block; overflow:auto;}
.contents-main .area .right .story > ul > li {float:left; margin:0 1px; text-align:center; color:#9b0b5f;  font-size:13px; font-weight:bold;}
.contents-main .area .right .story > ul > li.case2 {margin:0 25px;}
.contents-main .area .right .story > ul > li > ul > li {padding: 5px 0;}

.contents-main .area .right .plan {margin:0 !important; }
.contents-main .area .right .plan table {width:100%; min-width:480px;}
.contents-main .area .right .plan table th {font-size:13px; color:#fff; background:#9b0b5f;font-weight:400; border:1px solid #ddd; line-height:14px;padding:10px 0;}
.contents-main .area .right .plan table th.color {color:#ffda10;}
.contents-main .area .right .plan table td {font-size:13px; color:#000; font-weight:400; border:1px solid #ddd;}
.contents-main .area .right .plan table td a {background:url("/main/images/study_btn_bg.png") center center no-repeat; width:100%; display:inline-block; line-height:40px; cursor:pointer; color:#9b0b5f;font-size:12px;}

/* ECT 메인 코스북(START) */
.contents-main .area .left li.title2 {color:#e1412a};
.contents-main .area .right .story2 {background:#efd4d0;}
.contents-main .area .right .story2 > ul > li {color:#e1412a;}
.contents-main .area .right .plan2 table th {background:#e1412a;}
.contents-main .area .right .plan2 table td a {color:#e1412a;}

/* ECT 메인 코스북(MOVE) */
.contents-main .area .left li.title3 {color:#e86823;}
.contents-main .area .right .story3 {background:#eed9cd;}
.contents-main .area .right .story3 > ul > li {color:#e86823;}
.contents-main .area .right .plan3 table th {background:#e86823;}
.contents-main .area .right .plan3 table td a {color:#e86823;}

/* ECT 메인 코스북(RUN) */
.contents-main .area .left li.title4 {color:#f1b30a;}
.contents-main .area .right .story4 {background:#f0e8d1;}
.contents-main .area .right .story4 > ul > li {color:#f1b30a;}
.contents-main .area .right .plan4 table th {background:#f1b30a;}
.contents-main .area .right .plan4 table td a {color:#f1b30a;}
.contents-main .area .right .plan table th.color4 {color:#fcff25;}

/* ECT 메인 코스북(SPEED) */
.contents-main .area .left li.title5 {color:#63ba38;}
.contents-main .area .right .story5 {background:#d0eac3;}
.contents-main .area .right .story5 > ul > li {color:#63ba38;}
.contents-main .area .right .plan5 table th {background:#63ba38;}
.contents-main .area .right .plan5 table td a {color:#63ba38;}

/* ECT 메인 코스북(FLY) */
.contents-main .area .left li.title6 {color:#053f74;}
.contents-main .area .right .story6 {background:#c6d9ea;}
.contents-main .area .right .story6 > ul > li {color:#053f74;}
.contents-main .area .right .plan6 table th {background:#053f74;}
.contents-main .area .right .plan6 table td a {color:#053f74;}


/* ECT 메인 코스북(MASTER) */
.contents-main .area .left li.title7 {color:#934db3;}
.contents-main .area .right .story7 {background:#e3ceec;}
.contents-main .area .right .story7 > ul > li {color:#934db3;}
.contents-main .area .right .plan7 table th {background:#934db3;}
.contents-main .area .right .plan7 table td a {color:#934db3;}

/* EASY STORY */
.contents-main .easy table {width:100%}
.contents-main .easy table tr td {text-align:center; margin:0 auto; border:1px solid #cacaca; font-size:12px; font-weight:bold;}
.contents-main .easy table tr td img {width:135px; margin:0 auto; }
.contents-main .easy table tr.top td {border-bottom:0; padding:15px 0;}
.contents-main .easy table tr.bottom td {border-top:0; vertical-align:top; padding: 0 15px 25px 15px; }


.d-none {
	display:none;
}

/* 반응형 1024이상 */
@media screen and (min-width: 1024px) {
	.col-lg-6 {width:330px;}
	.col-lg-6-c {width:400px;}
}

/* 반응형 480이하 */
@media screen and (max-width: 480px) {

.container .contents-bookmain {width:100%;}
.container .contents-bookmain #bookMain {width:100%; }
.container .contents-bookmain #bookMain #slideMain {margin:0 auto;}
.container .contents-bookmain #bookMain #slideMain .slides {width:100%; }
.container .contents-bookmain #bookMain #slideMain .slides .slide{width:100%; }
.container .contents-bookmain #bookMain #slideMain .slides .slide li {float:none;}
.container .contents-bookmain #bookMain #slideMain .slides .slide li img {width:100%;}
.container .contents-bookmain #bookMain .left {left:10%;}
.container .contents-bookmain #bookMain .right {right:13%;}

	/*메인*/
	.section .container .col-md-3 {width:100%;}
	.section .container .col-md-6 {width:100%;}
	
	.container .container-area1 {float:left; width:100%;}
	.container .container-area2 {float:left; width:100%; margin:0;}
	
	/* 출판사별 커리큘럼*/
	.contents-book {width:100%;}
	.contents-book #bookMain {width:100%;}
	.contents-book #bookMain #slideMain {width:100%;margin:0 auto;}
	.contents-book #bookMain #slideMain .slides {width:100%;}
	.contents-book #bookMain #slideMain .slides .slide{width:100%; }

	/* 출판사별 교재 */
	.contents-main .searchBox .chkmain .chkbox {padding-left:10px;}
	.contents-main .searchBox .searchDet .search3 span{width:90%; }
	.text-center .pagination li {margin:1px;}

	/* 역량솔루션의 기능 */
	.management ul li {width:100%;}

	/* 부가 학습 */
	.contents-main .area .left {width:100%;}
	.contents-main .area .right {width:100%;}
	.contents-main .area .story {width:100%;}
	.contents-main .area .plan {width:100%;}
	.contents-main .area .right .plan table td a {background-size:cover; background:url("/main/images/study_btn_bg.png") center center no-repeat; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

	.contents-main .easy table {width:100%}
	.contents-main .easy table tr td { text-align:center; margin:0 auto; border:1px solid #cacaca; font-size:12px; font-weight:bold;}
	.contents-main .easy table tr td img {width:70px; height: margin:0 auto; }
	.contents-main .easy table tr.top td {border-bottom:0; padding:10px 0;}
	.contents-main .easy table tr.bottom td {border-top:0; vertical-align:top; padding: 0 0px 10px 0px; }

	/* ECT 메인 코스북 */
	.contents-main .area .left ul li{width:100%;}
	.contents-main .area .left ul li img {width:50%;}
	.contents-main .area .left ul .title {}
	.contents-main .area .left ul .title ~ li {width:50%;float:left;}
	.contents-main .area .right .story {padding:20px 0;margin:0 auto; margin-bottom:10px;}
	.contents-main .area .right .story > ul > li > ul > li {padding:0;margin:0; text-align:center;}
	.contents-main .area .right .story > ul > li > ul > li img {width:50%; display:inline-block;}
	.contents-main .area .right .story > ul > li {width:50%;}
	.contents-main .area .right .story ul li {width:100%;}
	.contents-main .area .right .story ul li img {width:100%;}
	.contents-main .area .right .story > ul > li.case2 {margin:0 ;}

	#logo {
		display: none;
	}

	.header-container .container .logo-title {
		font-size: 20px;
	}

}

/* 반응형 480이상 800이하 */
@media screen and (min-width: 480px) and (max-width: 800px) {
	/*메인*/
	.section .container .col-md-3 {width:100%;}
	.section .container .col-md-6 {width:100%;}

	.container .contents-bookmain {width:100%;}
	.container .contents-bookmain #bookMain {width:100%; }
	.container .contents-bookmain #bookMain #slideMain {margin:0 auto;}
	.container .contents-bookmain #bookMain #slideMain .slides {width:100%; }
	.container .contents-bookmain #bookMain #slideMain .slides .slide{width:100%; }
	.container .contents-bookmain #bookMain #slideMain .slides .slide li {float:none;}
	.container .contents-bookmain #bookMain #slideMain .slides .slide li img {width:100%;}
	.container .contents-bookmain #bookMain .left {left:10%;}
	.container .contents-bookmain #bookMain .right {right:13%;}
	
	.container .container-area1 {float:left; width:60%;}
	.container .container-area2 {float:left; width:35%; margin-left:5%
	
	/* 출판사별 커리큘럼 */
	.contents-book {width:100%;}
	.contents-book #bookMain {width:100%;}
	.contents-book #bookMain #slideMain {width:100%;margin:0 auto;}
	.contents-book #bookMain #slideMain .slides {width:100%;}
	.contents-book #bookMain #slideMain .slides ul li img {width:100%;}
	.contents-book #bookMain #slideMain .slides .slide{width:100%; }



	/* 역량솔루션의 기능 */
	.management ul li {width:100%;}

	/* 출판사별 교재 */
	.contents-main .searchBox .chkmain .chkbox {padding-left:10px;}

	/* 부가 학습 */
	.contents-main .area .left {width:100%;}
	.contents-main .area .right {width:100%;}
	.contents-main .area .story {width:100%;}
	.contents-main .area .plan {width:100%;}
	.contents-main .area .right .plan table td a {background-size:cover; background:url("/main/images/study_btn_bg.png") center center no-repeat; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

	.contents-main .easy table {width:100%}
	.contents-main .easy table tr td { text-align:center; margin:0 auto; border:1px solid #cacaca; font-size:12px; font-weight:bold;}
	.contents-main .easy table tr td img {width:70px; height: margin:0 auto; }
	.contents-main .easy table tr.top td {border-bottom:0; padding:10px 0;}
	.contents-main .easy table tr.bottom td {border-top:0; vertical-align:top; padding: 0 0px 10px 0px; }

	#logo {
		display: none;
	}
 
}

@media screen and (min-width: 500px) and (max-width: 800px) {
	/* 부가 학습 */
	.contents-main .area .left ul li img {width:50%;}
	.contents-main .area .left ul .title ~ li {width:50%;float:left;}
	.contents-main .area .right .story {padding:0;margin:0 auto; margin-bottom:10px; margin-top:20px; padding-top:20px;}
	.contents-main .area .right .story > ul > li > ul > li {padding:0;margin:0;}
	.contents-main .area .right .story ul li {width:100%; padding-bottom:10px;}
	.contents-main .area .right .story ul li img { margin:0 auto; width:50%;}
}
