@charset "utf-8";
* {-webkit-overflow-scrolling: touch;}
p {margin:0}
#divHeaderWrapper {background-color: #fff!important;}
#doc{min-width:320px;overflow:hidden;}
#header-wrap{background:#fff;height:110px; border-bottom:2px solid #55d25d}
#container-wrap.scontainer {font-family: 'NanumSquare', sans-serif!important;}
#footer-wrap{background:#444;height:200px;}

#contents{padding-bottom:70px;}

	@media only screen and (max-width:999px) {
		#header-wrap{height:50px; background:#55d25d;border-bottom:none;}
		#footer-wrap{background:#444;height:100px;}
		#container-wrap.scontainer {margin:0;}
	}


/* curri-wrap */
.curri-wrap{position:relative; max-width:1080px; margin:0 auto;}
.curri-wrap .level-con2, .curri-wrap .level-con3, 
.curri-wrap .level-con4, .curri-wrap .level-con5{display:none}
	@media only screen and (max-width:999px) {
		.curri-wrap{padding:0 15px}
	}
	@media only screen and (max-width:680px) {
		.curri-wrap{padding:0 10px}
	}
/* curri-inst tab */
.curri-wrap.detail .curri-inst{padding:20px 0 0 0; }
.curri-inst{position:Relative; padding:40px 0 40px 0; text-align:center;z-index:5;}
.curri-inst:after{background:#f3f4f6; position:absolute; top:0;left:50%;margin-left:-1000px; width:2000px;height:100%; display:block; content:""; z-index:-1;}
.curri-inst .btxt{line-height:1.2em; font-size:18px; color:#000; font-weight:600; letter-spacing:-0.04em;}
.curri-inst .stxt{line-height:1.2em; font-size:13px; color:#6d6d6d; margin-top:3px;letter-spacing:-0.04em;}
.curri-inst .gap25{height:25px;}
	@media only screen and (max-width:780px) {
		.curri-inst{padding:25px 0}
		.curri-wrap.detail .curri-inst{padding-top:25px;}
	}
	@media only screen and (max-width:380px) {
		.curri-inst .btxt{font-size:17px;}
	}

.curri-inst .cate-tab{position:relative; text-align:center;}
.curri-inst .cate-tab ul{}
.curri-inst .cate-tab ul:after{display:block; content:"";clear:both}
.curri-inst .cate-tab li{float:left; width:11.111111%;}
.curri-inst .cate-tab li:first-child a{margin-left:0}
.curri-inst .cate-tab li a{margin-left:4px; position:relative;display:block; letter-spacing:-0.03em;background:#fff; font-size:18px; color:#494949; line-height:72px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }
.curri-inst .cate-tab li a:after{width:0;height:4px;background:#55d25d; position:Absolute; left:50%; bottom:0; display:block;content:"";-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.curri-inst .cate-tab li.active a{background:#55d25d; color:#fff;font-weight:600;}
.curri-inst .cate-tab li.active a:hover{color:#fff;}
.curri-inst .cate-tab li a:hover:after{ width:100%; margin-left:-50%;}
.curri-inst .cate-tab li a:hover{color:#55d25d; font-weight:600;}
	@media only screen and (min-width:1000px) {
		.curri-inst .cate-tab ul{ width:auto !important; -webkit-transform:none !Important;  -moz-transform: none !Important;  -ms-transform:none !Important;  -o-transform:none !Important;  transform:none !Important}
		.curri-inst .cate-tab{overflow:visible !Important}
	}
	@media only screen and (max-width:1000px) {
		.curri-inst .cate-tab{padding-bottom:4px;}
		.curri-inst .cate-tab li{float:left; width:120px;}
		.curri-inst .cate-tab li a{line-height:62px; font-size:17px;}
	}
	@media only screen and (max-width:780px) {
		.curri-inst .cate-tab{}
		.curri-inst .cate-tab li{width:100px;}
		.curri-inst .cate-tab li a{line-height:56px; font-size:16px;}
	}
	@media only screen and (max-width:680px) {
		.curri-inst .cate-tab li{width:100px;}
		.curri-inst .cate-tab li a{line-height:52px; font-size:15px;}
	}
	@media only screen and (max-width:480px) {
		.curri-inst .cate-tab li{width:90px;}
		.curri-inst .cate-tab li a{line-height:50px; font-size:14px;}
	}


.curri-inst .level-tab{position:relative; text-align:center; margin-top:4px}
.curri-inst .level-tab ul{}
.curri-inst .level-tab ul:after{display:block; content:"";clear:both}
.curri-inst .level-tab li{float:left; width:20%; position:Relative;}
.curri-inst .level-tab li:first-child a{margin-left:0}
.curri-inst .level-tab li a{margin-left:4px;display:block;position:relative;; background:#fff; letter-spacing:-0.03em;font-size:18px; color:#494949; height:72px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; }
.curri-inst .level-tab li a span i{font-style:normal; display:block;line-height:1.2em; font-size:15px; font-weight:400;}
.curri-inst .level-tab li a span {position:relative;display:inline-block;vertical-align:top; line-height:1.1em; font-size:24px; font-weight:600; padding:17px 5px 7px 5px;}
.curri-inst .level-tab li a span:after{width:0; height:4px;display:block; position:Absolute; left:0; bottom:0; content:"";-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
	
.curri-inst .level-tab li a:hover span:after, .curri-inst .level-tab li.active a span:after{ width:100%}
.curri-inst .level-tab li:nth-child(1) a{color:#ff8181}
.curri-inst .level-tab li:nth-child(2) a{color:#ffb381}
.curri-inst .level-tab li:nth-child(3) a{color:#5ddb65}
.curri-inst .level-tab li:nth-child(4) a{color:#8d95ff}
.curri-inst .level-tab li:nth-child(5) a{color:#c697ff}

.curri-inst .level-tab li:nth-child(1) a span:after{background:#ff8181}
.curri-inst .level-tab li:nth-child(2) a span:after{background:#ffb381}
.curri-inst .level-tab li:nth-child(3) a span:after{background:#5ddb65}
.curri-inst .level-tab li:nth-child(4) a span:after{background:#8d95ff}
.curri-inst .level-tab li:nth-child(5) a span:after{background:#c697ff}
.curri-wrap.detail .curri-inst .level-tab li.active a:before{ position:Absolute; left:0; bottom:-5px; display:block; height:5px; background:#fff; content:""; width:100%;}
	
	@media only screen and (max-width:999px) {
		.curri-inst .level-tab {margin-top:0;}
		.curri-inst .level-tab li a{height:64px}
		.curri-inst .level-tab li a span {font-size:21px; padding-top:14px;}
	}
	@media only screen and (max-width:880px) {
		.curri-inst .level-tab li a{height:60px }
		.curri-inst .level-tab li a span {font-size:19px; padding-top:12px;}
	}
	@media only screen and (max-width:680px) {
		.curri-inst .level-tab li a{height:56px }
		.curri-inst .level-tab li a span {font-size:17px; padding-top:12px; padding-left:0; padding-right:0;}
		.curri-inst .level-tab li a span:after{ height:3px;}
	}	
	@media only screen and (max-width:480px) {
		.curri-inst .level-tab li a{height:50px }
		.curri-inst .level-tab li a span {font-size:15px;padding-top:12px;}
		.curri-inst .level-tab li a span i{font-size:10px}
	}



/* .curri-con.detail */
.curri-con.detail{ position:Relative; background:#fff; margin-top:4px; padding:50px 65px;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ;}
.curri-con.detail .gap100{height:100px;}
.curri-con.detail h3{font-size:30px; font-weight:400;color:#000; line-height:1.2em; margin-bottom:20px; letter-spacing:-0.03em;}
.curri-con.detail .u-line{background:#dcdcdc; height:1px; margin:55px 0;}
.curri-con.detail .detail-con.talk.level-con1 .num_buttons {width: 100%; text-align: center; margin-top:25px;}
.curri-con.detail .detail-con.talk.level-con1 .num_button {width: 5%;height: 26px;background-color: #fff;border: 1px solid #878787;color: #878787;}
.curri-con.detail .detail-con.talk.level-con1 .num_button.current {border: 1px solid #55d25d;color: #55d25d;}
.curri-con.detail .con .movie{position: relative;left: 0;top: 0;padding: 40px;}
/* .curri-con.detail .con .movie .video_fic{width:416px; margin:0 auto;} */
.curri-con.detail .con .movie .video_fic .pic-0{background: url(/images/Curri/pc01.JPG) no-repeat center center / contain !important; height: 233px;}
.curri-con.detail .con .movie .video_fic .pic-1{background: url(/images/Curri/ft_pic01.jpg) no-repeat center center / contain; height: 233px;}
.curri-con.detail .con .movie .video_fic .pic-2{background: url(/images/Curri/pic2.jpg) no-repeat center center / contain; }
.curri-con.detail .con .movie .video_fic .pic-3{background: url(/images/Curri/pc2.jpg) no-repeat center center / contain;}
.curri-con.detail .con .movie .video_fic .pic-1 a {position: absolute; top: 50%; left: 50%;background: url(/images/Curri/vd_btn_off.png) no-repeat center;width: 79px;height: 71px;margin-top: -35.5px;margin-left: -39.5px;}
.curri-con.detail .con .movie .video_fic .pic-1 a:hover {background: url(/images/Curri/vd_btn_on.png) no-repeat center;}
.curri-con.detail .con .movie img{width:100%;}
.curri-con.detail .con .movie .ex{font-size:15px; color:#616161;text-align:center; line-height:1.2em; margin-top:14px; letter-spacing:-0.04em;} 

	@media only screen and (max-width:999px) {
		.curri-con.detail{padding:40px 30px}
		.curri-con.detail h3{font-size:27px;}
		.curri-con.detail .u-line{margin:45px 0}

		.curri-con.detail .gap100{height:70px;}
	}
	@media only screen and (max-width:680px) {
		.curri-con.detail{padding:30px 20px}
		.curri-con.detail h3{font-size:24px;}
		.curri-con.detail .u-line{margin:40px 0}
		.curri-con.detail .gap100{height:50px;}
	}
	@media only screen and (max-width:480px) {
		.curri-con.detail{padding:30px 15px}
		.curri-con.detail h3{font-size:21px;margin-bottom:15px;}
		.curri-con.detail .u-line{margin:35px 0}
		.curri-con.detail .gap100{height:40px;}
		.curri-con.detail .detail-con.talk.level-con1 .num_button {width:7%;}
		.curri-con.detail .con .movie{position: relative;left: 0;top: 0;margin-right: 412px;margin: 0 auto;padding: 0 30px;}
		.curri-con.detail .con .movie img{width:100%;padding-top: 30px;}
	}
/* .detail-con.prepare */
.detail-con.prepare{position:relative;}
.detail-con.prepare .info{position:relative; /* min-height:262px; padding:0 10px; */}
.detail-con.prepare .info:after{display:block; content:""; clear:both}
.detail-con.prepare .info .cate{ font-size:14px; color:#898989; line-height:1.2em; letter-spacing:-0.04em;}
.detail-con.prepare .info .tit{ font-size:36px; font-weight:600; color:#000; line-height:1.2em; margin-top:12px; letter-spacing:-0.04em;background-image: none;padding: 0;}
.detail-con.prepare .info .txt{ margin:15px 0 20px 0} 
.detail-con.prepare .info .txt p{font-size:18px; color:#242424; line-height:1.5em; letter-spacing:-0.03em;margin: 0;}
.detail-con.prepare .info .more{display:inline-block;vertical-align:top;background:#5a7be0; border-radius:60px;width:310px;font-size:18px;letter-spacing:-0.03em; height:60px;text-align:center; color:#fff;box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2)  ; }
.detail-con.prepare .info .more span{display:inline-block;vertical-align:top; padding-left:45px; line-height:60px; background:url(../images/Curri/info-arrow.png) no-repeat left center}
.detail-con.prepare .info .movie{ position:Absolute; right:0; top:0; width:412px;height: 231px;}
.detail-con.prepare .info .movie .video_fic .pic-0{background: url(/images/Curri/pc01.JPG) no-repeat center center / contain !important; height: 233px;width: 100%;}
.detail-con.prepare .info .movie .video_fic .pic-1{background: url(/images/Curri/ft_pic01.jpg) no-repeat center center / contain; height: 233px;width: 100%;}
.detail-con.prepare .info .movie .video_fic .pic-2{background: url(/images/Curri/pic2.jpg) no-repeat center center / contain; height: 233px;width: 100%;}
.detail-con.prepare .info .movie .video_fic .pic-3{background: url(/images/Curri/pc2.jpg) no-repeat center center / contain; height: 233px;width: 100%;}
.detail-con.prepare .info .movie .video_fic .pic-1 a {position: absolute; top: 50%; left: 50%;background: url(/images/Curri/vd_btn_off.png) no-repeat center;width: 79px;height: 71px;margin-top: -40px;margin-left: -39.5px;}
.detail-con.prepare .info .movie .video_fic .pic-1 a:hover {background: url(/images/Curri/vd_btn_on.png) no-repeat center;}
.detail-con.prepare .info .movie img{width:100%;}
.detail-con.prepare .info .movie .ex{font-size:15px; color:#616161;text-align:center; line-height:1.2em; margin-top:14px; letter-spacing:-0.04em;}
	@media only screen and (max-width:999px) {
		.detail-con.prepare .info .cate{font-size:13px;}
		.detail-con.prepare .info .tit{ font-size:32px; margin-top:7px}
		.detail-con.prepare .info .txt{margin:10px 0 15px 0}
		.detail-con.prepare .info .txt p{font-size:16px}

		.detail-con.prepare .info .movie{width:360px}
	}
	@media only screen and (max-width:840px) {
		.detail-con.prepare .info{text-align:center;}
		.detail-con.prepare .info .cate{ text-align:center;}
		.detail-con.prepare .info .tit{ font-size:31px; text-align:center;}
		.detail-con.prepare .info .txt{margin:10px 0 15px 0; text-align:center;padding:0 45px;}
		.detail-con.prepare .info .txt p{display:inline;font-size:16px}
		.detail-con.prepare .info .movie{position:relative; right:auto; top:auto; width:auto; margin:25px 15px;}
		.detail-con.prepare .info .movie .ex{font-size:14px;}
			
		.detail-con.prepare .info .more{width:250px; font-size:17px;height:56px;}
		.detail-con.prepare .info .more span{line-height:56px;}
	}
	
	@media only screen and (max-width:480px) {
		.detail-con.prepare .info{padding:0}
		.detail-con.prepare .info .tit{font-size:24px;}
		.detail-con.prepare .info .txt{padding:0 15px;}
		.detail-con.prepare .info .movie{margin:25px 0}

		.detail-con.prepare .info .more{width:220px; font-size:15px;height:50px;}
		.detail-con.prepare .info .more span{line-height:50px; padding-left:40px;}
	}
	@media only screen and (max-width:400px) {
		.detail-con.prepare .info .txt{padding:0 5px;}
		.detail-con.prepare .info .txt p{font-size:14px;}
		.detail-con.prepare .info .movie .ex{font-size:15px; color:#616161;text-align:center; line-height:1.2em; margin:0; letter-spacing:-0.04em;}
	}

.detail-con.prepare .short{position:relative; min-height:275px; padding:0 30px;;}
.detail-con.prepare .short:after{display:block; content:""; clear:both}
.detail-con.prepare .short-inst{position:Absolute; left:74px; top:0; width:438px;}
.detail-con.prepare .short-inst .is-for{}
.detail-con.prepare .short-inst .is-for ul{ min-height:154px;}
.detail-con.prepare .short-inst .is-for:after{display:block; content:""; clear:both;}
.detail-con.prepare .short-inst .is-for li{float:left; width:30%;text-align:center; min-height:75px;}
.detail-con.prepare .short-inst .is-for.con04 li{width:24%}
.detail-con.prepare .short-inst .is-for li .btxt{ font-size:14px; font-weight:400;letter-spacing:-0.03em; color:#9d9d9d; line-height:1.2em; padding-top:15px;}
.detail-con.prepare .short-inst .is-for li .stxt{ font-size:12px; font-weight:400;letter-spacing:-0.03em; color:#000; vertical-align:bottom; line-height:36px ;height:24px;margin-top:15px;}
.detail-con.prepare .short-inst .is-for li .stxt span{font-size:30px; letter-spacing:-0.07em; font-weight:400;display:inline-block; vertical-align:top; line-height:28px; margin-right:3px;}
.detail-con.prepare .short-inst .is-for li .ctxt{ font-size:10px; color:#000; font-weight:600; margin-top:3px;}
.detail-con.prepare .short-inst .ex{ font-size:12px; color:#9f9f9f ; margin:20px 0 20px 0;text-align:Center; font-weight:400;}

.detail-con.prepare .short-inst .is-ex{background:#f1f1f1;padding:15px 10px 15px 25px; text-align:left;}
.detail-con.prepare .short-inst .is-ex li .btxt{ height:26px; border:2px solid #000; border-radius:26px; margin-right:10px;min-width:72px; padding:0 15px;box-sizing:border-box; background:#fff; text-align:Center; display:inline-block;vertical-align:top;}
.detail-con.prepare .short-inst .is-ex li .stxt{ line-height:26px;  text-align:Center; display:inline-block;vertical-align:top;}
.detail-con.prepare .short-inst .is-ex li:first-child{margin-top:0}
.detail-con.prepare .short-inst .is-ex li:first-child:before{display:none}
.detail-con.prepare .short-inst .is-ex li:before{width:80px;height:20px; position:absolute; left:50%;margin-left:-30px; top:-25px; background:url(/images/Curri/short-arrow.jpg) no-repeat center center; display:block; content:""}
.detail-con.prepare .short-inst .is-ex li{position:relative;margin-top:32px;}

.detail-con.prepare.level-con1 .short-inst .is-ex li:nth-child(1) .btxt{border-color:#ff8181;color:#ff8181}
.detail-con.prepare.level-con1 .short-inst .is-ex li:nth-child(2) .btxt{border-color:#ffb381;color:#ffb381}

.detail-con.prepare.level-con2 .short-inst .is-ex li:nth-child(1) .btxt{border-color:#ffb381;color:#ffb381}
.detail-con.prepare.level-con2 .short-inst .is-ex li:nth-child(2) .btxt{border-color:#55d25d;color:#55d25d}

.detail-con.prepare.level-con3 .short-inst .is-ex li:nth-child(1) .btxt{border-color:#55d25d;color:#55d25d}
.detail-con.prepare.level-con3 .short-inst .is-ex li:nth-child(2) .btxt{border-color:#8d95ff;color:#8d95ff}

.detail-con.prepare.level-con4 .short-inst .is-ex li:nth-child(1) .btxt{border-color:#8d95ff;color:#8d95ff}
.detail-con.prepare.level-con4 .short-inst .is-ex li:nth-child(2) .btxt{border-color:#c697ff;color:#c697ff}

.detail-con.prepare.level-con5 .short-inst .is-ex li:nth-child(1) .btxt{border-color:#c697ff;color:#c697ff}
.detail-con.prepare.level-con5 .short-inst .is-ex li:nth-child(2) .btxt{border-color:#0000ff;color:#0000ff}


.detail-con.prepare .short-info{border:4px solid #55d25d; border-radius:4px; float:right; width:270px;box-sizing:border-box; padding:25px}
.detail-con.prepare .short-info li{position:relative;text-align:left; padding-left:65px;line-height:1.3em;margin-top:15px;}
.detail-con.prepare .short-info li:first-child{margin-top:0;}
.detail-con.prepare .short-info .btxt{ font-weight:300; color:#464646;position:Absolute; left:0; top:0;line-height:1.3em;}
.detail-con.prepare .short-info .stxt{ font-weight:600; color:#464646; letter-spacing:-0.06em;}
.detail-con.prepare .short-info .ex{ font-size:13px; color:#55d25d; padding:12px 0;text-align:center;}
.detail-con.prepare .short-info .more{display:block; line-height:54px; text-align:center; color:#fff; font-size:17px; letter-spacing:-0.04em; font-weight:600;background:#55d25d; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ;}
	@media only screen and (max-width:999px) {
		.detail-con.prepare .short-inst{left:1%;}
		
		.detail-con.prepare .short-inst .is-for.con04 li{width:25%}
	}
	@media only screen and (max-width:860px) {
		.detail-con.prepare .short{min-height:auto;}
		.detail-con.prepare .short-inst{left:0;}
		.detail-con.prepare .short-inst{position:relative; left:auto; top:auto;  width:auto;}
		.detail-con.prepare .short-info{float:none; width:auto; margin-top:25px;}
		.detail-con.prepare .short-inst .is-ex{padding:15px 40px; text-align:left;}

	}	
	@media only screen and (max-width:680px) {
		.detail-con.prepare .short{padding:0 15px}
		.detail-con.prepare .short-inst .is-ex{padding:15px 30px;}
		.detail-con.prepare .short-inst .is-ex li .btxt{margin-right:5px;}
	}
	@media only screen and (max-width:580px) {
		.detail-con.prepare .short-inst .is-ex li:before{background-size:50px auto;}
		.detail-con.prepare .short-inst .is-ex{padding:15px 10px;}
		.detail-con.prepare .short-inst .is-ex li{text-align:left; position:relative; padding-left:92px;}
		.detail-con.prepare .short-inst .is-ex li .btxt{font-size:13px; position:Absolute; left:10px; top:0; padding:0 11px}
		.detail-con.prepare .short-inst .is-ex li .stxt{font-size:13px;display:block; text-align:left; line-height:1.2em ;padding-top:6px;}

	}
	@media only screen and (max-width:480px) {
		.detail-con.prepare .short{padding:0}
		.detail-con.prepare .short-inst .is-for li{width:33.3333%}
		.detail-con.prepare .short-inst .is-for li .stxt{line-height:32px}
		.detail-con.prepare .short-inst .is-for li .stxt span{font-size:21px;}
		.detail-con.prepare .short-inst .is-for li .ctxt{margin-top:0}

		.detail-con.prepare .short-inst .ex{text-align:left; line-height:1.2em;margin-top:15px; padding:0 15px;}
		
		
		.detail-con.prepare .short-info{padding:20px 20px}
	}
	

/*.detail-con.exercise*/
.detail-con.exercise .tit{text-align:center; padding:0 0 30px 0;background-image: none; }
.detail-con.exercise .tit .btxt{ color:#55d25d; font-weight:700; line-height:1.2em; font-size:24px; letter-spacing:-0.03em;}
.detail-con.exercise .tit .btxt span{font-weight:400;}
.detail-con.exercise .tit .stxt{ margin-top:10px;color:#707070; font-weight:400; line-height:1.2em; font-size:15px;; letter-spacing:-0.03em;}
.detail-con.exercise .line{height:70px ;margin:35px 0 ; position:relative;}
.detail-con.exercise .line:after{position:absolute;width:1px;height:100%; background:#55d25d; display:block; content:"";left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}

	@media only screen and (max-width:999px) {
		.detail-con.exercise .tit .btxt{font-size:24px;}
		.detail-con.exercise .line{height:50px ;margin:25px 0}
	}
	@media only screen and (max-width:880px) {
		.detail-con.exercise .tit{padding:0 0 20px 0}
		.detail-con.exercise .tit .btxt{font-size:22px;}
		.detail-con.exercise .line{height:40px ;margin:20px 0}
	}
	@media only screen and (max-width:680px) {
		.detail-con.exercise .tit .btxt{font-size:21px; padding:0 15px;word-break: keep-all;}
		.detail-con.exercise .tit .stxt{font-size:14px;padding:0 15px;}
		.detail-con.exercise .line{height:30px ;}
	}	
	@media only screen and (max-width:480px) {
	
	}


.detail-con.exercise  ul{}
.detail-con.exercise  ul:after{display:block; content:"";clear:both;}
.detail-con.exercise  li{float:left; width:28.333333%; margin:0 2.5%}
.detail-con.exercise  li a{ border:1px solid #dadada; position:relative; display:block; min-height:357px;}
.detail-con.exercise  li .img{}
.detail-con.exercise  li .img img{width:100%;}
.detail-con.exercise  li .con.info{ height:74px;}
.detail-con.exercise  li .con.info.pd10{padding:10px 0}
.detail-con.exercise  li .con.info .vc{vertical-align:middle; text-align:center;}
.detail-con.exercise  li .con.info p{white-space:normal;font-size:15px; color:#000;text-align:center; font-weight:600; letter-spacing:-0.03em;}
.detail-con.exercise  li .con{text-align:center; display:table; height:105px; width:100%;}
.detail-con.exercise  li .con .vc{display:table-cell;vertical-align:top;}
.detail-con.exercise  li .con .w50p{width:50%;margin:0 auto; text-align:left;}
.detail-con.exercise  li .con .w60p{width:60%;margin:0 auto; text-align:left;}
.detail-con.exercise  li .con .w70p{width:70%;margin:0 auto; text-align:left;}
.detail-con.exercise  li .con .w75p{width:75%;margin:0 auto; text-align:left;}
.detail-con.exercise  li .con .w80p{width:80%;margin:0 auto; text-align:left;}

.detail-con.exercise  li p{white-space:nowrap; color:#707070; display:inline-block;vertical-align:top;text-align:left;letter-spacing:-0.03em; font-size:15px; position:relative; line-height:1.4em}
.detail-con.exercise  li p:after{display:block; clear:both;content:""}
.detail-con.exercise  li p.ami{padding-left:52px;}
.detail-con.exercise  li p.student{padding-left:36px;}
.detail-con.exercise  li p .name{ position:Absolute; left:0; top:0;}
.detail-con.exercise  li p .b{ color:#2a2a2a; font-weight:600}
.detail-con.exercise  li p.no-pd{ padding-left:0;display:block;}
.detail-con.exercise  li p.no-pd .name{ position:relative; left:auto; top:auto;}
.detail-con.exercise  li p .em{font-style:italic}
	@media only screen and (min-width:1000px) {
		.detail-con.exercise .exercise-slide ul{margin:0 -2.5%; width:auto !important; -webkit-transform:none !Important;  -moz-transform: none !Important;  -ms-transform:none !Important;  -o-transform:none !Important;  transform:none !Important}
		.detail-con.exercise .exercise-slide li{width:28.333333% !important; margin:0 2.5%}
	}
	@media only screen and (max-width:999px) {
		.detail-con.exercise  ul{margin:0}
		.detail-con.exercise  li{width:31.6%; margin:0 15px 0 0 }
		.detail-con.exercise  li:last-child{margin:0;}
		.detail-con.exercise  li a{min-height:335px;}
		.detail-con.exercise  li .con.info p{font-size:14px;}
		.detail-con.exercise  li .con.info{ height:70px;}
		.detail-con.exercise  li .con{ height:90px;}
		.detail-con.exercise  li p{font-size:14px}

	}
	@media only screen and (max-width:680px) {
		.detail-con.exercise  li{width:240px; margin:0 10px 0 0}
		.detail-con.exercise  li a{min-height:325px;}
		.detail-con.exercise  li p.ami{padding-left:48px;}
		.detail-con.exercise  li p.student{padding-left:36px;}
	}	
	@media only screen and (max-width:480px) {
		.detail-con.exercise  li{width:100%; margin:0 10px 0 0}
		.detail-con.exercise  li a{min-height:300px;}
		.detail-con.exercise  li .con.info p{font-size:13px;}
		.detail-con.exercise  li .con.info.pd10{padding:5px 0}
		.detail-con.exercise  li .con.info{ height:66px;}
		.detail-con.exercise  li .con{ height:auto;}
		.detail-con.exercise  li p{font-size:13px}
	}

/* detail-con.talk */
.detail-con.talk {margin-top:100px;}
.detail-con.talk table thead th{border-top:1px solid #2c2c2c;  font-weight:600;padding:14px 0;border-bottom:1px solid #2c2c2c;text-align:center; line-height:1.2em;color:#2c2c2c; font-size:15px; letter-spacing:-0.02em;}
.detail-con.talk table tbody td{ font-size:15px; color:#2c2c2c;border-bottom:1px solid #dcdcdc; letter-spacing:-0.02em;font-weight:400;color:#2c2c2c; padding:14px 0; line-height:1.2em;text-align:center}
.detail-con.talk table tbody td.l{text-align:left;  padding-left:14px; padding-right:14px;}
.detail-con.talk table tbody td.c{text-align:center;}
.detail-con.talk table tbody td.cgray{color:#878787 !important;}
.detail-con.talk table tbody td.c .ctxt{display:inline-block;vertical-align:top;}
.detail-con.talk .tab-content {display:none}
.detail-con.talk .tab-content.current {display:table;}


	@media only screen and (min-width:1000px) {
		.detail-con.talk.level-con2 table tbody td.c .ctxt{width:200px; text-align:left; padding-left:30px;}
		.detail-con.talk.level-con3 table tbody td.c .ctxt{width:60px; text-align:left;}
		.detail-con.talk.level-con4 table tbody td.c .ctxt{width:120px; text-align:left;}
		.detail-con.talk.level-con5 table tbody td.c .ctxt{width:120px; text-align:left;padding-left:95px;}
	}
	@media only screen and (max-width:999px) {
		.detail-con.talk table thead th{padding:10px 0}
		.detail-con.talk table tbody td{padding:10px 0;}
		.detail-con.talk table tbody td.l{padding-left:10px;padding-right:10px;}
	}
	@media only screen and (max-width:680px) {
		.detail-con.talk table colgroup{display:none;}
		.detail-con.talk table thead tr th:first-child{display:none;}
		.detail-con.talk table tbody tr td:first-child{display:none;}

		.detail-con.talk table tbody td{font-size:14px;}
	}
	@media only screen and (max-width:480px) {
		.detail-con.talk table thead th{padding:7px 0; font-size:14px;}
		.detail-con.talk table tbody td{font-size:13px; padding:7px 0; border-left:1px solid #dcdcdc}
		.detail-con.talk table tbody tr td:nth-child(2){border-left:none;}
		.detail-con.talk table tbody td.l{padding-left:5px;padding-right:5px;}
	}


/* .detail-con.course */
.detail-con.course .tit{text-align:center; padding:30px 0;background-image: none; }
.detail-con.course .tit .btxt{ color:#55d25d; font-weight:700; line-height:1.2em; font-size:30px; letter-spacing:-0.03em;}
.detail-con.course .tit .btxt span{font-weight:400;}
.detail-con.course .tit .stxt{ margin-top:10px;color:#707070; font-weight:400; line-height:1.2em; font-size:15px;; letter-spacing:-0.03em;}

.detail-con.course  ul{position:relative; padding-top:60px}
.detail-con.course  ul:after{display:block; content:"";clear:both}
.detail-con.course  li:first-child a{margin-left:0}
.detail-con.course  li a.tab{display:block;text-align:center; z-index:5; border:3px solid #fff; border-bottom:none; background:#fff;position:Absolute; width:20%;box-sizing:border-box;top:0;letter-spacing:-0.03em;font-size:17px; color:#494949; height:60px;  }
.detail-con.course  li a.tab span i{font-style:normal; margin-top:2px; display:block;line-height:1.2em; font-size:11px; font-weight:400;}
.detail-con.course  li a.tab span {position:relative;display:inline-block;vertical-align:top; line-height:1.1em; font-size:24px; font-weight:600; padding:10px 0px 5px 0px;}
.detail-con.course  li a.tab span:after{width:0; height:3px;display:block; position:Absolute; left:0; bottom:0; content:"";-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.detail-con.course  li.active a.tab span:after{ width:100%}
.detail-con.course  li.active a.tab:before{position:Absolute; left:0; bottom:-3px; display:block; height:3px; background:#fff; content:""; width:100%;}

.detail-con.course  li:nth-child(1) a.tab{color:#ff8181;left:0;}
.detail-con.course  li:nth-child(2) a.tab{color:#ffb381;left:20%;}
.detail-con.course  li:nth-child(3) a.tab{color:#5ddb65;left:40%;}
.detail-con.course  li:nth-child(4) a.tab{color:#8d95ff;left:60%;}
.detail-con.course  li:nth-child(5) a.tab{color:#c697ff;left:80%}

.detail-con.course  li.active:nth-child(1) a.tab, .detail-con.course  li.active:nth-child(1) .con{border-color:#ff8181}
.detail-con.course  li.active:nth-child(2) a.tab, .detail-con.course  li.active:nth-child(2) .con{border-color:#ffb381}
.detail-con.course  li.active:nth-child(3) a.tab, .detail-con.course  li.active:nth-child(3) .con{border-color:#5ddb65}
.detail-con.course  li.active:nth-child(4) a.tab, .detail-con.course  li.active:nth-child(4) .con{border-color:#8d95ff}
.detail-con.course  li.active:nth-child(5) a.tab, .detail-con.course  li.active:nth-child(5) .con{border-color:#c697ff}

.detail-con.course  li:nth-child(1) a.tab span:after, .detail-con.course  li:nth-child(1).active .more{background:#ff8181}
.detail-con.course  li:nth-child(2) a.tab span:after, .detail-con.course  li:nth-child(2).active .more{background:#ffb381}
.detail-con.course  li:nth-child(3) a.tab span:after, .detail-con.course  li:nth-child(3).active .more{background:#5ddb65}
.detail-con.course  li:nth-child(4) a.tab span:after, .detail-con.course  li:nth-child(4).active .more{background:#8d95ff}
.detail-con.course  li:nth-child(5) a.tab span:after, .detail-con.course  li:nth-child(5).active .more{background:#c697ff}
	@media only screen and (max-width:999px) {
		.detail-con.course .tit .btxt{font-size:27px;}
		.detail-con.course  li .btxt{ font-size:27px}
		.detail-con.course  li a.tab span {font-size:21px;}
	}
	@media only screen and (max-width:880px) {
		.detail-con.course .tit{padding:20px 0}
		.detail-con.course .tit .btxt{font-size:24px;}
		.detail-con.course  li a.tab span {font-size:19px;}
	}
	@media only screen and (max-width:680px) {
		.detail-con.course .tit .btxt{font-size:21px; padding:0 15px;word-break: keep-all;}
		.detail-con.course .tit .stxt{font-size:14px;padding:0 15px;}
		.detail-con.course  li a.tab span {font-size:17px;}
	}	
	@media only screen and (max-width:480px) {
		.detail-con.course  ul{padding-top:50px;}
		.detail-con.course  li a.tab{height:50px;}
		.detail-con.course  li a.tab span {font-size:15px;}
		.detail-con.course  li a.tab span i{font-size:9px}
	}
.detail-con.course  li.active .con{display:block;}
.detail-con.course  li .con{display:none;border:3px solid #333; min-height:500px; position:Relative;padding:45px 0; text-align:center}
.detail-con.course  li .btxt{ font-size:36px; letter-spacing:-0.04em; line-height:1.2em;}
.detail-con.course  li .stxt{ color:#939393; font-size:16px; line-height:1.4em; letter-spacing:-0.03em; margin-top:20px;}
.detail-con.course  li .movie{margin:20px;}
.detail-con.course  li .movie a{display:block;width: 416px;height: 233px;margin: 0 auto;}
.detail-con.course  li .more{ width:212px;height:54px; line-height:54px; font-size:17px;text-align:Center; display:inline-block;vertical-align:top;  font-weight:700; color:#fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; }
.detail-con.course  li:nth-child(1) .con .btxt{color:#ff8181;}
.detail-con.course  li:nth-child(2) .con .btxt{color:#ffb381;}
.detail-con.course  li:nth-child(3) .con .btxt{color:#5ddb65;}
.detail-con.course  li:nth-child(4) .con .btxt{color:#8d95ff;}
.detail-con.course  li:nth-child(5) .con .btxt{color:#c697ff;}
	@media only screen and (max-width:999px) {
		.detail-con.course  li .stxt{ font-size:15px;margin-top:15px;padding:0 25px;}
		.detail-con.course  li .more{ height:48px; line-height:48px;}
		.detail-con.course  li .con{min-height:auto;}
		.detail-con.course  li .movie img{width:100%; max-width:400px;}
	}
	
	@media only screen and (max-width:680px) {
		.detail-con.course  li .con{padding:35px 0}
		.detail-con.course  li .more{ height:44px; line-height:44px; font-size:15px;}
		.detail-con.course  li .btxt{ font-size:24px}
		.detail-con.course  li .stxt{ font-size:14px;margin-top:10px; padding:0 25px;}
		.detail-con.course  li .stxt br{display:none}
		.detail-con.course li .movie a{width:100%;}
	}	
	@media only screen and (max-width:360px) {
		.detail-con.course  li .btxt{ font-size:21px}
		.detail-con.course  li .stxt{ font-size:14px; padding:0 15px;}
		.detail-con.course li .movie a{width:100%;}
	}



/* .detail-con.service */
.detail-con.service .tit{text-align:center; padding:30px 0;background-image: none; }
.detail-con.service .tit .btxt{ color:#55d25d; font-weight:700; line-height:1.2em; font-size:30px; letter-spacing:-0.03em;}
.detail-con.service .tit .btxt span{font-weight:400;}
.detail-con.service .tit .stxt{ margin-top:10px;color:#707070; font-weight:400; line-height:1.2em; font-size:15px;; letter-spacing:-0.03em;}

.detail-con.service ul{position:relative;padding:40px 0 60px 560px;margin-top:15px;}
.detail-con.service li{letter-spacing:-0.04em; margin-top:35px}
.detail-con.service li:first-child{margin-top:0;}
.detail-con.service li .img{ position:absolute;}
.detail-con.service li .btxt{font-size:22px; font-weight:400; color:#000;line-height:1.2em;}
.detail-con.service li .btxt span{ color:#55d25d; display:inline-block;margin-right:10px;}
.detail-con.service li .stxt{ color:#939393; font-size:17px; font-weight:400; margin-top:5px; line-height:1.2em;padding-left:23px;}
.detail-con.service li .stxt span{ font-size:12px; margin-top:3px; display:block;}

.detail-con.service li:nth-child(1) .img{left:30px; top:0;}
.detail-con.service li:nth-child(2) .img{left:285px;; top:0;}
.detail-con.service li:nth-child(3) .img{left:30px; top:189px;}
.detail-con.service li:nth-child(4) .img{left:285px; top:189px;}
.detail-con.service li:nth-child(5) .img{left:30px; top:380px;}
.detail-con.service li:nth-child(6) .img{left:285px; top:380px;}
	@media only screen and (max-width:999px) {
		.detail-con.service .tit .btxt{font-size:27px;}
		.detail-con.service ul{padding-left:500px;}
		.detail-con.service li .img img{width:220px;}
		.detail-con.service li:nth-child(2) .img{left:265px;; top:0;}
		.detail-con.service li:nth-child(4) .img{left:265px; top:189px;}
		.detail-con.service li:nth-child(6) .img{left:265px; top:380px;}
		.detail-con.service li .btxt{font-size:21px;}
		.detail-con.service li .stxt{font-size:16px;}
	}
	@media only screen and (max-width:880px) {
		.detail-con.service .tit{padding:20px 0}
		.detail-con.service .tit .btxt{font-size:24px;}
		.detail-con.service ul{padding-left:0;padding:20px 0;margin:0 -2%}
		.detail-con.service ul:after{display:block; content:""; clear:both;}
		.detail-con.service li{float:left; width:29.3333%; margin:0 2%}
		.detail-con.service li .img{position:relative  !Important;; left:auto !important; top:auto !Important;}
		.detail-con.service li .img img{width:100%;}
		.detail-con.service li .btxt{font-size:18px}
		.detail-con.service li .stxt{font-size:15px;padding-left:0; min-height:60px;}
		.detail-con.service li:nth-child(n+4){margin-top:2%;}
	}
	@media only screen and (max-width:680px) {
		.detail-con.service .tit .btxt{font-size:21px; padding:0 15px;word-break: keep-all;}
		.detail-con.service .tit .stxt{font-size:14px;padding:0 15px;}
		.detail-con.service li{width:46%; margin:0 2%}
		.detail-con.service li .btxt{font-size:17px}
		.detail-con.service li .stxt{font-size:14px;min-height:50px;}
	}
	@media only screen and (max-width:360px) {
		.detail-con.service ul:after{margin:0;}
		.detail-con.service li{float:none; width:auto; margin:0;text-align:center;}
		.detail-con.service li:nth-child(n+2){margin-top:20px;}
		.detail-con.service li .img{text-align:center;}
		.detail-con.service li .img img{max-width:224px;}
		.detail-con.service li .btxt{padding-right:15px}
		.detail-con.service li .stxt{min-height:auto;margin-top:7px}
	}
	

/* .detail-con.review */
.detail-con.review{border-top:1px solid #c0c0c0;padding: 0;background-image: none;}
.detail-con.review ul{padding:35px 15px}
.detail-con.review li{ margin-top:40px;}
.detail-con.review li:first-child{margin-top:0}
.detail-con.review li .point{min-width:101px;display:inline-block; height:16px; background:url(/images/Curri/point-sprite.jpg) no-repeat}
.detail-con.review li .btxt{ font-size:14px; color:#2c2c2c; letter-spacing:-0.03em; font-family:"Malgun Gothic","Apple SD Gothic Neo"; font-size:14px; font-weight:400; line-height:1.5em;}
.detail-con.review li .stxt{font-weight:300; color:#878787; letter-spacing:-0.03em;font-size:15px; margin-top:10px;}
.detail-con.review li .stxt span{margin-left:15px; color:#ff8181;}
.detail-con.review li a{display:block;}
.detail-con.review .more{background:#f8f9f9; display:block; height:42px;text-align:center;}
.detail-con.review .more span{ display:inline-block;vertical-align:top; padding-right:25px;font-family:"Malgun Gothic","Apple SD Gothic Neo"; font-size:13px; letter-spacing:-0.04em; line-height:42px;  background:url(/images/Curri/review-more.png) no-repeat right center}

.detail-con.review li .point.point-05{background-position:0 0}
.detail-con.review li .point.point-04{background-position:0 -20px}
.detail-con.review li .point.point-03{background-position:0 -40px}
.detail-con.review li .point.point-02{background-position:0 -60px}
.detail-con.review li .point.point-01{background-position:0 -80px}
.detail-con.review li .point.point-00{background-position:0 -100px}
	@media only screen and (max-width:999px) {
		.detail-con.review ul{padding:25px 10px}
	}
	@media only screen and (max-width:680px) {
		.detail-con.review ul{padding:25px 5px}
		.detail-con.review li{margin-top:30px;}
		.detail-con.review li .btxt br{ display:none;}
	}
	@media only screen and (max-width:480px) {
		.detail-con.review ul{padding:25px 0px}
		.detail-con.review li{margin-top:25px;}
		.detail-con.review li .btxt{font-size:13px;}
		.detail-con.review li .stxt{font-size:14px;}
		.detail-con.review li .stxt span{margin-left:10px;}
	}
	








.course-con.opes{padding:65px 0;margin: 0;}
.course-con.opes.course-entire:after{background:#f9fafb; position:absolute; top:0;left:50%;margin-left:-1000px; width:2000px;height:20%; display:block; content:""; z-index:-1;}
.course-con.opes .tit{text-align:center; margin-bottom:35px;background-image: none;}
.course-con.opes .tit .btxt{ font-size:16px; letter-spacing:-0.03em; color:#000; font-weight:400; line-height:1.2em;}
.course-con.opes .tit .stxt{ font-size:24px; letter-spacing:-0.03em; color:#55d25d; font-weight:600; line-height:1.2em; margin-top:5px;}

.course-con.opes .more{margin-top:40px;text-align:center;}
.course-con.opes .more p{font-size:16px; letter-spacing:-0.04em; color:#000;margin-bottom:15px; font-weight:600}
.course-con.opes .more a{display:inline-block;vertical-align:top;background:#5a7be0; border-radius:60px;width:310px;font-size:18px;letter-spacing:-0.03em; height:60px;text-align:center; color:#fff;box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2)  ; }
.course-con.opes .more a span{display:inline-block;vertical-align:top; padding-left:45px; line-height:60px; background:url(../images/Curri/info-arrow.png) no-repeat left center}

.course-con.opes table thead th{border-top:1px solid #313131; font-size:16px; color:#353535; padding:14px 0; text-align:center;border-bottom:1px solid #313131; background:url(/images/Curri/th-line.jpg) no-repeat left bottom}
.course-con.opes table thead th.line{border-left:1px solid #313131; background:none;}
.course-con.opes table thead tr th:first-child{border-left:none; background:none;}
.course-con.opes table tbody td{ vertical-align:middle; padding:10px 0; font-size:16px; line-height:1.15em; color:#353535;letter-spacing:-0.03em;border-left:1px solid #313131;text-align:center;border-bottom:1px solid #b0b0b0}
.course-con.opes table tbody td.l{padding-left:15px; text-align:left;}
.course-con.opes table tbody tr:last-child td{border-color:#313131}
.course-con.opes table tbody tr td:first-child{border-left:none;;}
.course-con.opes table tbody td .small{font-size:12px;display:block;}

.course-con.opes .m-graph{display:none;}
.course-con.opes .m-graph img{width:100%}

	@media only screen and (max-width:999px) {
	
	}
	@media only screen and (max-width:840px) {
		.course-con.opes .more a{width:250px; font-size:17px;height:56px;}
		.course-con.opes .more a span{line-height:56px;}
	}
	@media only screen and (max-width:680px) {
		.course-con.opes{padding:40px 0}
		.course-con.opes.course-entire:after {height: 630px;}
		.course-con.opes .tit{margin-bottom:20px}
		.course-con.opes .tit .btxt{ font-size:14px;}
		.course-con.opes .tit .stxt{ font-size:21px; word-break: keep-all;}
		
		.course-con.opes .more {margin-top:25px;}
		.course-con.opes .more p{font-size:15px; margin-bottom:10px;}
		.course-con.opes .more a{width:220px; font-size:15px;height:50px;}
		.course-con.opes .more a span{line-height:50px;}
		
		.course-con.opes table{display:none;}
		.course-con.opes .m-graph{display:block;}
	}
	
	@media only screen and (max-width:480px) {
		.course-con.opes.course-entire:after {height: 410px;}
		.course-con.opes .more {}
		.course-con.opes .more p{font-size:14px;}
		.course-con.opes .more a{width:220px; font-size:15px;height:50px;}
		.course-con.opes .more a span{line-height:50px; padding-left:40px;}
	}
	@media only screen and (max-width:400px) {
		.course-con.opes.course-entire:after {height: 410px;}
	}

.course-con.list{margin:0 -1%;}
.course-con.list:after{display:block; content:""; clear:both}
.course-con.list h4{ background:#313131; font-weight:700; color:#fff;  letter-spacing:-0.03em;text-align:center; line-height:64px; font-size:16px;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ;}
.course-con.list .item{float:left; width:31.33333%; margin:0 1%;}
.course-con.list .item:nth-child(n+4){margin-top:110px;}
.course-con.list .item li{margin-top:4px;background:#fff; box-sizing:border-box; position:relative;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)  ;}
.course-con.list .item li:first-child{margin-top:0;}

.course-con.list .item li a{position:Relative; display:block; padding:15px 15px 15px 95px;min-height:68px;}
.course-con.list .item li .level{ position:Absolute; display:table; left:15px; top:15px;  width:68px; height:68px; background:#eee; }
.course-con.list .item li .level p{display:table-cell; line-height:1.2em;font-size:12px; font-weight:600; color:#fff; vertical-align:middle; text-align:center;}
.course-con.list .item li .level p span{display:block; line-height:1.2em;}
.course-con.list .item li .txt{}
.course-con.list .item li .btxt{ font-size:16px; color:#000; line-height:1.4em; font-weight:700; letter-spacing:-0.07em;}
.course-con.list .item li .stxt{ font-size:14px; color:#000; line-height:1.4em;font-weight:400; letter-spacing:-0.07em;}
.course-con.list .item li .ctxt{ font-size:12px; color:#888; line-height:1.4em;font-weight:400; letter-spacing:-0.03em;}

.course-con.list .item li .level.bg-pink{background:#ff8181}
.course-con.list .item li .level.bg-orange{background:#ffb381}
.course-con.list .item li .level.bg-green{background:#5ddb65;}
.course-con.list .item li .level.bg-blue{background:#8d95ff;}
.course-con.list .item li .level.bg-violet{background:#c697ff;}


	@media only screen and (max-width:999px) {
		.course-con.list .item:nth-child(n+4){margin-top:40px;}
	}
	@media only screen and (max-width:780px) {
		.course-con.list{margin:0}
		.course-con.list h4{line-height:56px}
		.course-con.list .item:nth-child(n+2){margin-top:30px;}
		.course-con.list .item{float:none; width:auto;}
		
		.course-con.list .item li{height:auto !important}
		.course-con.list .item li  a{padding:12px 12px 12px 85px; min-height:auto;}
		.course-con.list .item li .level{width:60px;height:60px; left:12px; top:12px;}
		.course-con.list .item li .btxt{font-size:15px;}
	}

	@media only screen and (max-width:480px) {
		
	}

.course-con.table-list {margin-bottom: 100px;}
.course-con.table-list .table_title{font-size:30px; padding:60px 0 28px 0; letter-spacing: -1px;}
.course-con.table-list table tbody th.line{font-size: 15px;color: #2c2c2c;padding: 14px 0;text-align: center;border-bottom: 1px solid #b0b0b0;border-right: 1px solid #b0b0b0;}
.course-con.table-list table tbody th.last_line {border-bottom: 1px solid #313131;}
.course-con.table-list table thead td{border-top: 1px solid #313131;font-size: 15px;color: #353535;padding: 14px 0;text-align: center;border-bottom: 1px solid #313131;}
.course-con.table-list table tbody td{vertical-align: middle; padding: 10px 0;font-size: 15px; line-height: 1.6em; color: #2c2c2c;letter-spacing: -0.03em; border-left: 1px solid #b0b0b0;text-align: center;border-bottom: 1px solid #b0b0b0;}
.course-con.table-list table tbody td.table_left{text-align: left; padding-left: 19px; line-height: 20px;}
.course-con.table-list table tbody td.table_left a.rec_class{color:#1900d3;text-decoration: underline;}
.course-con.table-list table tbody td.last_line {border-bottom: 1px solid #313131;}




	@media only screen and (max-width:780px) {
		.course-con.table-list table thead td{font-size:14px;}
		.course-con.table-list table thead td.course-period{display:none;}
		.course-con.table-list table tbody td{font-size: 13px;}
		.course-con.table-list table tbody td.course-period{display:none;}
		.course-con.table-list table tbody th.line {width:5%;font-size: 12px;}
	}

	@media only screen and (max-width:480px) {
		.course-con.table-list .table_title {font-size: 24px; text-align: center;}
	}



