@charset "utf-8";

.mo{display:none;}
.pc{display:inline-block;}

@media screen and (max-width:500px){
    .pc{display:none;}
    .mo{display:inline-block;}
}


#page{}

#page .vision_list{}
#page .vision_list ul{margin:0;padding:0;list-style:none;}
#page .vision_list ul li{position:relative;}
#page .vision_list ul li:after{content:"";display:block;clear:both;}
#page .vision_list ul li:nth-child(n+2){margin-top:65px;}
#page .vision_list ul li .thumbnail{float:right;background-color:#efefef;width:calc(50% - 15px);background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page .vision_list ul li .thumbnail:before{content:"";display:block;padding-bottom:59.316%;}
#page .vision_list ul li .text{color:#222222;text-align:right;white-space:nowrap;font-size:17px;font-weight:400;line-height:1.88;position:absolute;top:50%;left:25%;transform:translate(-50%,-50%);}
#page .vision_list ul li .text b{font-size:20px;font-weight:500;}
#page .vision_list ul li:nth-child(even) .thumbnail{float:left;}
#page .vision_list ul li:nth-child(even) .text{left:75%;text-align:left;}
#page .vision_list ul li .thumbnail.image1{background-image:url(../img/ko/image1.png);}
#page .vision_list ul li .thumbnail.image2{background-image:url(../img/ko/image2.png);}

@media screen and (max-width:1200px){
	#page .vision_list ul li .text{font-size:1.4vw;}
	#page .vision_list ul li .text b{font-size:1.674vw;}
}

@media screen and (max-width:900px){
	#page .vision_list ul li:nth-child(n+2){margin-top:50px;}
}

@media screen and (max-width:700px){
	#page .vision_list ul li:nth-child(n+2){margin-top:45px;}
    #page .vision_list ul li .thumbnail{width:auto;float:none !important;}
    #page .vision_list ul li .text{transform:translate(0,0);float:none !important;position:static;text-align:center !important;margin-top:40px;white-space:normal;font-size:14px;}
    #page .vision_list ul li .text b{font-size:16px;}
}

@media screen and (max-width:500px){
	#page .vision_list ul li:nth-child(n+2){margin-top:35px;}
	#page .vision_list ul li .text{font-size:12px;margin-top:30px;}
	#page .vision_list ul li .text b{font-size:15px;}
}

@media screen and (max-width:350px){
	#page .vision_list ul li .text{font-size:11px;}
	#page .vision_list ul li .text b{font-size:14px;}
}



#page .text_footer{text-align:center;}
#page .text_footer img{vertical-align:middle;max-width:80%;}

@media screen and (max-width:500px){
	#page .text_footer img{max-width:55%;}
}