/* 
Project : 
Author  : 
Date    :
*/



/* Common */
/*html, body {font-family:'Nanum Square',Dotum,sans-serif;
font-size:1em;-webkit-font-smoothing:antialiased;background:#fff;line-height:1;color:#000;font-weight:400;}*/
*{-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html, body { font-family:'NotoSans';
font-size:16px;-webkit-font-smoothing:antialiased;background:#fff;line-height:1.4;color:#000;font-weight:400;letter-spacing:0px;letter-spacing:-1px;  color:#000; margin:0;}

img{border:0;margin:0;padding:0;max-width:100%; max-width:100%;}
a{margin:0;padding:0; text-decoration:none; color:#000;}
a[name]{height:0;}

*:focus {
    outline: none;
}

.fleft{float:left;}
.fright{float:right;}
.alternative{z-index: -1;width: 0;height: 0;overflow: hidden;visibility: hidden;}
.txtleft{text-align:left !important;}
.txtcenter{text-align:center !important;}
.txtright{text-align:right !important;}
.txtbold{font-weight:bold !important;} 
.txtnormal{font-weight:normal !important;}
.prelative{position:relative;}
.pabsolute{position:absolute !important;}
.line_height{ line-height:0px;}
.verttop{ vertical-align:top;}
.vertbottom{ vertical-align:bottom;}
ul, li{ margin:0;}
li img { vertical-align:middle; }
.maright{ margin-right:20px;}
.total{ background-color:#f2f2f2; }
.textcolor{ color:#d9453d}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*반응형 공통*/

/*버튼*/
button{ background:#000; border:0;padding:25px 90px 25px 65px; color:#fff; margin:0 3px; border-radius:500px; letter-spacing:-2px;font-family:'Spoqa Han Sans', 'Source Sans Pro';position: relative;
-webkit-padding-before:20px;
-webkit-padding-after:20px; }
button img{ margin-left:7px;  /* -webkit-perspective: 9px;*/top: 50%;transform: translateY(-50%);position:absolute;}
button.bgviolet{background:#8162fa;}
button.bgsky{background:#77bae4;}
button.bgorange{background:#ff790f;}
button.bgblue{background:#3172b4;}


h2{font-size:33px; font-weight:normal;}
h3{font-size:25px; font-weight:normal;}
h4{font-size:20px; }
h5{font-size:18px;font-weight:normal; }

p{font-size:17px; }


.container_1024{position:relative;width:1024px;margin:0 auto; text-align:center; }
.container{position:relative;width:1170px;margin:0 auto; text-align:center; }
.container-fluid{position:relative;width:100%;margin:0 auto;  text-align:center;}

.view_list{  position: absolute; top: 1vw; right: 1vw;}
.view_list .campaign_list {display:none;width: 275px; color: #3d3d3d; background: #fff; padding: 10px; font-size: 1+px;   line-height: 30px;  z-index: 99999;}
.view_list .btn_view_list { text-align: left;  padding: 10px;  height: 40px;  width: 275px;  background: #fff;  cursor: pointer;  line-height: 10px;  font-size: 15px;  font-weight: normal;}
.view_list .btn_view_list li.campaign {  font-size: 16px;  font-weight: normal;  margin: 5px 0 0 8px;  display: inline-block;  color: #3d3d3d;  overflow: visible;}
.view_list .btn_view_list li.arrow {  float: right;  display: inline-block;  margin: 3px 10px;}
.view_list .campaign_list li {  height: 30px;  list-style: none;}
.view_list .campaign_list li a {  color: #3d3d3d;  text-decoration: none;}

.font_blue{color:#0f9dff;}
.font_pnik{color:#ff9796;}
.font_yellow{color:#ffd230;}
	 
.section{padding:9vh 0 9vh; background:url(../images/section_bg.png)no-repeat 50% 0%; background-size:cover; max-width:1252px; margin:0 auto;}
	.section ul{margin-left:-20px;display:inline-block; margin:0 auto; text-align:center;margin-top:10px;}
	.section li{margin-left:20px; float:left; }

	.top{background: url(../images/top_bg.png) ; padding:16vh 0 5vh;}
	.logo{text-align:left; position:absolute; top:1vw; left:1vw }
	.campaign_name{font-size:20px;margin-left:10px; color:#4a4a4a;}
	
	.section.teacher{ background:url(../images/section_bg1.png)no-repeat 50% 0%;}
	.section.teacher ul{margin-left:0;}
	.section.teacher li{margin-left:0;}
	.section.teacher .ttttt{background:#000;height:305px;padding:80px 20px 20px; width:458px;}
	.section.teacher .sssss{}
		.section.teacher .sssss h3{text-align:left; margin-top:30px;}
		.section.teacher .sssss ul{margin-left:-20px;}
		.section.teacher .sssss li{background:#f5f5f5; border-radius:10px; height:128px; width:328px; margin-left:20px; float:left; padding:25px 37px;}
		.section.teacher .sssss li + li{padding-top:50px;}
		.section.teacher .sssss li + li + li{padding-top:37px;}
 .btn{margin-top:20px;}
 
 .comment{ background:#fff6f6; padding:7vh 0; text-align:left;}
	.comment ul{border-top:1px solid #ff9796; margin-top:5px; }
	.comment ul li{padding:20px 0; background:url(../images/comment_bg.png)repeat-x 0 100%;}
	.comment ul li p{margin:3px 0;}
	.comment ul li h5	{color:#4c4c4c;}
	.comment .name{font-size:14px; font-weight:bold;}
	
/* paging */
.pagingWrap {position:relative; margin:20px 0 0 0; border:1px #d9d9d9 solid; background:#fff;}
.pagingWrap:after {content:"";display:block;clear:none;}
.pagingWrap .firstPrev {position:absolute; left:0; top:0;}
.pagingWrap .prev {position:absolute; left:51px; top:0;}
.pagingWrap .lastNext {position:absolute; right:0; top:0;}
.pagingWrap .next {position:absolute; right:51px; top:0;}
.pagingWrap .paging {width:100%;text-align:center;overflow:hidden;}
.pagingWrap .paging a {display:inline-block; font-size:16px; color:#999; padding:0 23px; line-height:48px; border-bottom:2px #fff solid;}
.pagingWrap .paging a.on {color:#f26156; border-bottom:2px #f26156 solid;}

.ban{background:#edf8fe; padding:7vh 0; }
	.ban ul{margin-left:-20px;}
	.ban li{float:left; margin-left:20px;}
	/*.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {background-color:#ff9796;}
    100% {background-color:#d04141;}
}
@-moz-keyframes blink{
     0% {background-color:#ff9796;}
    100% {background-color:#d04141;}
}
@keyframes blink{
      0% {background-color:#ff9796;}
    100% {background-color:#d04141;}
}


*/



.footer{background:#383838; padding:20px 0; color:#fff; letter-spacing:1px;  }	
	.footer p{font-size:14px; font-weight:300;}


.show_m{display:none!important;}
.hide_m{display:block!important;}
.show_im{display:none!important;}
.hide_im{display:inline-block!important;}

/*200320*/	
.section.parent{background:url(../images/section_bg2.png)no-repeat 50% 0%; position:relative;}
	.section.parent ul{text-align:center; display:inline-block;margin:10px  auto 0; margin-left:-18px; }
	.section.parent ul li{margin:0 9px;}
	.section.parent ul li img{cursor:pointer; }
	.section.parent ul li.qqqq{width:502px;  position:relative; }
	.section.parent ul li.qqqq .par_thum_free{position:absolute; top:0; right:0;}
	.sdsssss{margin:45px 0px 0; max-width:90%;}
	.section.parent ul li.qqqq div{ background:#f7f7f7; height:342px;}
	.section.parent ul li h5{margin-top:10px;}
	.section.parent .plus_bba{position:absolute; bottom:41px;right:39px;}
	.section.parent .plus_bba h5{display:none;}

.corona_pro{     padding: 7vh 0;}
		.corona_pro ul{margin-left:-20px; display:inline-block; text-align: center;    margin: 0 auto;}
		.corona_pro ul li{float:left; margin:0 8px;}
		.corona_pro ul li h5{margin-top:10px;}
.top h1{position:relative; display:inline-block;}
.end_text{background:#f26156; color:#fff; border-radius:50px ; text-align:center; padding:3px 10px 3px 8px ; display:inline-block;
position:absolute;font-weight:normal;top:13px; right:-145px; font-size:16px;}	
		
@media screen and (max-width: 1024px){

	


	
}
@media screen and (max-width: 768px){
	
		.container, .container_1024{width:90%;}
		.section.teacher .ttttt{width:100%;}
		.top{background-size:auto    ; background-position:50% 0%; background-size:cover;}
		.logo{    top: 15px;    left: 15px;}
		.logo img{width:100px;}
		.campaign_name{font-size:16px;}
		.top{padding:16vh 0 0; }
		.top h1{margin-bottom:5vh;}
		.top h1 img{width:80%;}
		.section{background:#fff; padding:4vh 0;}
		.section h2 img{width:50%;}
		.section li{margin-bottom:25px; float:none; margin-left:0;}
		.section.teacher{background:#fff; padding-bottom:4vh; border-top:1px solid #d9d9d9;}
		.section.teacher h2 img{width:70%;}
		.section.teacher .sssss h3{text-align:center; margin-bottom:5px;}
		.section.teacher .sssss ul{margin-left:0;}
		.section.teacher .sssss li{ height:auto; margin-bottom:10px; float:none; margin-left:0; width:100%;}
		.section.teacher .sssss li + li, .section.teacher .sssss li + li + li{padding-top:25px;}
		.section.teacher li{margin-bottom:0px;}
		.section.teacher .ttttt{height:auto;padding:30px;}
		.section ul{margin-top:0;}
		
		h3{font-size:20px;}
		h4{font-size:18px;}
		h5{font-size:16px;}
		p{font-size:16px;}
		
			.pagingWrap {margin:10px 0 0 0;}
		.pagingWrap .firstPrev img {width:31px;}
		.pagingWrap .prev {left:32px;}
		.pagingWrap .prev img {width:31px;}
		.pagingWrap .lastNext img {width:31px;}
		.pagingWrap .next {right:32px;}
		.pagingWrap .next img {width:31px;}
		.pagingWrap .paging a {font-size:13px; padding:0 10px; line-height:29px;}
		
		.ban{padding:2vh 0;}
		.ban li{margin-bottom:10px;}
		
		.btn{margin-top:00px;}
		
		.section.parent ul li.qqqq{width:97%;}
		.section.parent ul li{    width: calc(50% - 10px);}
		
		.section.parent ul li{float:left; margin: 5px;}
		.section.parent ul li.qqqq div{height:auto;}
		
		.section.parent .plus_bba{position:static;}
		.section.parent .plus_bba a{width:80%; background:#e6e6e6; color:#999999; text-align:center; margin:0 auto;  display:inline-block; padding:15px 0; border-radius:50px;}
		.section.parent .plus_bba img{display:none;}
		
		.corona_pro{padding:3vh 0;}
		.corona_pro ul li{width: calc(50% - 10px); margin:5px;}
		
		.section.parent .plus_bba h5{display:inline-block;}
		
		.section.parent ul{margin-left:0;}
		
		.end_text{ left:50%; transform:translateX(-50%); bottom:15px;top:auto;display:inline-block; right:auto;font-size:14px;}
}

@media screen and (max-width: 480px){
	
	.hide_m{display:none!important;}
	.show_m{display:block!important;}
	.hide_im{display:none!important;}
	.show_im{display:inline-block!important;}
	
	
	
}


@media screen and (max-width: 320px){

	.footer p{font-size:12px; padding:2vh 0;}
}