@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 .description_box{position:relative;background-color:#f1f1f1;}
#page .description_box:after{content:"";display:block;clear:both;}
#page .description_box .thumbnail{background-color:#efefef;width:50%;float:left;background-image:url(../img/ko/image1.png);background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page .description_box .thumbnail:before{content:"";display:block;padding-bottom:54.358%;}
#page .description_box .text{position:absolute;top:50%;left:75%;transform:translate(-50%,-50%);color:#222222;font-size:17px;font-weight:400;line-height:2.529;white-space:nowrap;}

@media screen and (max-width:1200px){
	#page .description_box .text{font-size:1.4vw;}
}

@media screen and (max-width:700px){
	#page .description_box .thumbnail{width:auto;float:none;}
	#page .description_box .text{transform:translate(0,0);float:none;position:static;padding:7%;text-align:left;white-space:normal;font-size:14px;}
}

@media screen and (max-width:500px){
    #page .description_box .text{font-size:12px;}
}

@media screen and (max-width:350px){
    #page .description_box .text{font-size:11px;}
}


#page .vision_mission_list{max-width:1000px;margin:0 auto;margin-top:135px;}
#page .vision_mission_list ul{margin:0;padding:0;list-style:none;}
#page .vision_mission_list ul li{}
#page .vision_mission_list ul li:nth-child(n+2){margin-top:135px;}
#page .vision_mission_list ul li .title_box{}
#page .vision_mission_list ul li .title_box .title{font-family:"Roboto";font-size:52px;font-weight:600;color:#222222;line-height:1;}
#page .vision_mission_list ul li .title_box .text{margin-top:30px;}
#page .vision_mission_list ul li .title_box .text img{vertical-align:middle;max-width:80%;}
#page .vision_mission_list ul li .box{margin-top:65px;position:relative;}
#page .vision_mission_list ul li .box:after{content:"";display:block;clear:both;}
#page .vision_mission_list ul li .box .thumbnail{background-color:#efefef;width:calc(50% - 15px);float:left;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page .vision_mission_list ul li .box .thumbnail:before{content:"";display:block;padding-bottom:79.209%;}
#page .vision_mission_list ul li .box .text{position:absolute;top:50%;left:75%;transform:translate(-50%,-50%);white-space:nowrap;}
#page .vision_mission_list ul li .box .text .title{font-family:"Roboto";color:#222222;font-size:30px;font-weight:500;line-height:1;}
#page .vision_mission_list ul li .box .text .description{color:#555555;font-size:16px;font-weight:400;line-height:2.25;margin-top:35px;}
#page .vision_mission_list ul li .box .text .description b{color:#222222;font-weight:500;}
#page .vision_mission_list ul li:nth-child(even) .title_box{text-align:right;}
#page .vision_mission_list ul li:nth-child(even) .thumbnail{float:right;}
#page .vision_mission_list ul li:nth-child(even) .box .text{left:25%;text-align:right;}
#page .vision_mission_list ul li .box .thumbnail.image1{background-image:url(../img/ko/image2.png);}
#page .vision_mission_list ul li .box .thumbnail.image2{background-image:url(../img/ko/image3.png);}

@media screen and (max-width:1200px){
	#page .vision_mission_list ul li .box .text .title{font-size:2.7vw;}
	#page .vision_mission_list ul li .box .text .description{font-size:1.36vw;}
}

@media screen and (max-width:900px){
	#page .vision_mission_list{margin-top:100px;}
	#page .vision_mission_list ul li:nth-child(n+2){margin-top:100px;}
	#page .vision_mission_list ul li .title_box .title{font-size:45px;}
	#page .vision_mission_list ul li .title_box .text{margin-top:20px;}
}

@media screen and (max-width:700px){
	#page .vision_mission_list{margin-top:80px;}
	#page .vision_mission_list ul li:nth-child(n+2){margin-top:80px;}
	#page .vision_mission_list ul li .title_box{text-align:center !important;}
	#page .vision_mission_list ul li .title_box .title{font-size:40px;}
	#page .vision_mission_list ul li .title_box .text{margin-top:15px;}
	#page .vision_mission_list ul li .box{margin-top:30px;}
    #page .vision_mission_list ul li .box .thumbnail{width:auto;float:none !important;}
    #page .vision_mission_list ul li .box .text{transform:translate(0,0);float:none !important;position:static;text-align:center !important;margin-top:40px;}
	#page .vision_mission_list ul li .box .text .title{font-size:24px;}
	#page .vision_mission_list ul li .box .text .description{white-space:normal;font-size:14px;margin-top:30px;}
}

@media screen and (max-width:500px){
    #page .vision_mission_list{margin-top:60px;}
    #page .vision_mission_list ul li:nth-child(n+2){margin-top:60px;}
	#page .vision_mission_list ul li .title_box .title{font-size:30px;}
	#page .vision_mission_list ul li .title_box .text{margin-top:15px;}
    #page .vision_mission_list ul li .box{margin-top:25px;}
    #page .vision_mission_list ul li .box .text{margin-top:30px;}
	#page .vision_mission_list ul li .box .text .title{font-size:20px;}
	#page .vision_mission_list ul li .box .text .description{font-size:12px;margin-top:25px;}
}

@media screen and (max-width:350px){
	#page .vision_mission_list{margin-top:50px;}
	#page .vision_mission_list ul li .title_box .title{font-size:25px;}
	#page .vision_mission_list ul li .title_box .text{margin-top:10px;}
    #page .vision_mission_list ul li .box{margin-top:22px;}
    #page .vision_mission_list ul li .box .text{margin-top:25px;}
	#page .vision_mission_list ul li .box .text .title{font-size:16px;}
	#page .vision_mission_list ul li .box .text .description{font-size:11px;}
}