@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:right;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:25%;transform:translate(-50%,-50%);color:#222222;font-size:17px;font-weight:400;line-height:2.529;white-space:nowrap;text-align:right;}

@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:center;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 .content_box{margin-top:140px;}
#page .content_box .title{text-align:center;}
#page .content_box .title img{vertical-align:middle;max-width:80%;}
#page .content_box .description{margin-top:60px;text-align:center;font-size:17px;font-weight:400;color:#222222;line-height:2;}
#page .content_box .image{margin:0 auto;margin-top:65px;background-image:url(../img/ko/image2.png);background-size:auto 100%;max-width:570px;}
#page .content_box .image:before{content:"";display:block;padding-bottom:96.315%;}

@media screen and (max-width:900px){
	#page .content_box{margin-top:100px;}
	#page .content_box .description{font-size:15px;margin-top:50px;}
	#page .content_box .image{margin-top:55px;}
}

@media screen and (max-width:700px){
	#page .content_box{margin-top:80px;}
	#page .content_box .description{font-size:14px;margin-top:40px;}
	#page .content_box .image{margin-top:45px;max-width:80%;}
}

@media screen and (max-width:500px){
	#page .content_box{margin-top:60px;}
	#page .content_box .description{font-size:12px;margin-top:30px;}
	#page .content_box .image{margin-top:35px;}
}

@media screen and (max-width:350px){
	#page .content_box{margin-top:50px;}
	#page .content_box .description{font-size:11px;margin-top:25px;}
	#page .content_box .image{margin-top:30px;}
}