@charset "utf-8";

#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%);}
#page .description_box .text ul{margin:0;padding:0;list-style:none;}
#page .description_box .text ul li{color:#111111;font-size:19px;font-weight:500;white-space:nowrap;}
#page .description_box .text ul li:nth-child(n+2){margin-top:22px;}
#page .description_box .text ul li .title{color:#909090;margin-right:3px;}
#page .description_box .text ul li .icon{background-color:#ffffff;width:50px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:25px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page .description_box .text ul li .icon:before{content:"";display:block;padding-bottom:100%;}
#page .description_box .text ul li .icon.icon_tel{background-image:url(../img/ko/icon_tel.png);}
#page .description_box .text ul li .icon.icon_fax{background-image:url(../img/ko/icon_fax.png);}
#page .description_box .text ul li .icon.icon_email{background-image:url(../img/ko/icon_email.png);}
#page .description_box .text ul li .icon.icon_time{background-image:url(../img/ko/icon_time.png);}

@media screen and (max-width:1200px){
	#page .description_box .text{}
	#page .description_box .text ul li{font-size:1.5vw;}
	#page .description_box .text ul li:nth-child(n+2){margin-top:1.3vw;}
	#page .description_box .text ul li .icon{width:4vw;margin-right:2vw;}
}

@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:5% 0;text-align:center;}
	#page .description_box .text ul{display:inline-block;}
	#page .description_box .text ul li{font-size:16px;text-align:left;}
	#page .description_box .text ul li:nth-child(n+2){margin-top:18px;}
	#page .description_box .text ul li .icon{width:35px;margin-right:18px;}
}

@media screen and (max-width:500px){
	#page .description_box .text ul li{font-size:14px;text-align:left;}
	#page .description_box .text ul li:nth-child(n+2){margin-top:15px;}
	#page .description_box .text ul li .icon{width:30px;margin-right:15px;}
}

@media screen and (max-width:350px){
	#page .description_box .text ul li{font-size:12px;text-align:left;}
	#page .description_box .text ul li:nth-child(n+2){margin-top:12px;}
	#page .description_box .text ul li .icon{width:25px;margin-right:12px;}
}



#page .content_box{}
#page .content_box .title{text-align:center;}
#page .content_box .title img{vertical-align:middle;max-width:25%;}
#page .content_box .address{text-align:center;margin-top:50px;}
#page .content_box .address img{vertical-align:middle;max-width:80%;}
#page .content_box .map{background-color:#efefef;margin-top:45px;}
#page .content_box .map:before{content:"";display:block;padding-bottom:32%;}
#page .content_box .map .infowindow{padding:15px;text-align:center;font-size:14px;font-weight:500;width:100%;}
#page .content_box .info{margin-top:55px;}
#page .content_box .info table{width:100%;border-collapse:collapse;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;border-spacing:0;}
#page .content_box .info table thead{}
#page .content_box .info table thead th{height:70px;border-bottom:1px solid #c3c3c3;}
#page .content_box .info table thead th img{max-width:30%;}
#page .content_box .info table tbody td,
#page .content_box .info table tbody th{height:70px;border-bottom:1px solid #c3c3c3;padding:5px 10px;}
#page .content_box .info table tbody th{font-size:17px;color:#111111;font-weight:500;white-space:nowrap;}
#page .content_box .info table tbody td{font-size:17px;color:#111111;font-weight:400;}
#page .content_box .info table .cell_location{width:100px;}
#page .content_box .info table .icon_location{width:26px;display:inline-block;background-size:auto 100%;background-repeat:no-repeat;background-image:url(../img/ko/icon_location.png);}
#page .content_box .info table .icon_location:before{content:"";display:block;padding-bottom:100%;}

@media screen and (max-width:900px){
	#page .content_box .address{margin-top:40px;}
	#page .content_box .map{margin-top:45px;}
	#page .content_box .info{margin-top:45px;}
	#page .content_box .info table thead th{height:60px;}
	#page .content_box .info table tbody td,
	#page .content_box .info table tbody th{height:60px;font-size:15px;}
	#page .content_box .info table .cell_location{width:40px;}
	#page .content_box .info table .icon_location{width:22px;}
}

@media screen and (max-width:700px){
	#page .content_box .address{margin-top:30px;}
	#page .content_box .map{margin:0 -20px;margin-top:35px;}
	#page .content_box .map:before{padding-bottom:50%;}
	#page .content_box .info{margin-top:40px;}
	#page .content_box .info table thead th{height:45px;}
	#page .content_box .info table tbody td,
	#page .content_box .info table tbody th{height:45px;font-size:14px;padding:3px 5px;}
	#page .content_box .info table tbody th{text-align:left;}
	#page .content_box .info table .cell_location{width:30px;}
	#page .content_box .info table .icon_location{width:18px;}
}

@media screen and (max-width:500px){
	#page .content_box .address{margin-top:20px;}
	#page .content_box .map{margin-top:25px;}
	#page .content_box .info{margin-top:30px;}
	#page .content_box .info table thead th{height:35px;}
	#page .content_box .info table tbody td,
	#page .content_box .info table tbody th{height:35px;font-size:12px;}
	#page .content_box .info table .cell_location{width:20px;}
	#page .content_box .info table .icon_location{width:15px;}
}

@media screen and (max-width:350px){
	#page .content_box .address{margin-top:15px;}
	#page .content_box .map{margin-top:20px;}
	#page .content_box .info{margin-top:25px;}
	#page .content_box .info table thead th{height:30px;}
	#page .content_box .info table tbody td,
	#page .content_box .info table tbody th{height:30px;font-size:11px;}
	#page .content_box .info table .cell_location{width:15px;}
	#page .content_box .info table .icon_location{width:12px;}
}