#container{width:100%;}

.sub_img{width:100%;overflow: hidden;}
.sub_img img{width:100%;}

.sub_wrap{width:1000px; margin:50px auto; word-break: keep-all;}
.sub_wrap h1{font-size:26.6px; font-weight:bold; display:inline-flex;}
.sub_wrap h1 span{display:inline-block; width:25px; height: 25px; background-image:url("http://flexpine.webable.kr/img/sub_icon.png"); margin:2px auto; background-size: contain; background-repeat: no-repeat;}
.sub_wrap h1 img{width: 100%;}
.sub_wrap p{font-size:17px; margin:20px 0 10px; word-break:keep-all; line-height: 30px; word-spacing: -2px; color: #707073;}
.sub_wrap .ex_btn{display: inline-block; transition: 0.2s; background: #fff; border: 1px solid #0b3776; color: black; padding:7px; margin:3px 0; border-radius: 2px; }
.sub_wrap .ex_btn:hover{background: #0b3776; color: #fff;}
.sub_wrap h2{font-size:20px; margin:50px 0 0;}
.sub_wrap .a{text-indent: 13px;}
.sub_wrap h2 span{display:inline-block; width:3px; height:15px; background:#0b3776; margin:0 10px 0 0;}
.sub_wrap .sub_title{}
.sub_wrap .sub_title:after{border-bottom: 1px solid #757575; width:100%; display: block; margin: 11px auto; content:""}
.sub_wrap .reservation_btn {}
.sub_wrap .reservation_btn ul{width: 100%; display: inline-flex; border-radius: 3px; margin:5px 0;}
.sub_wrap .reservation_btn li:first-child{background: #4a5d81;}
.sub_wrap .reservation_btn li:first-child:hover{background: #0e2b54;}
.sub_wrap .reservation_btn li{width: 50%; background: #b5b5b5; padding:10px 0}
.sub_wrap .reservation_btn li:hover{background: #757575;}
.sub_wrap .reservation_btn a{color:#fff;}
.sub_wrap .sub_img_info{}

.sub_wrap .sub_title_s {color: #757575; font-size:14px; margin: 5px 0 0 10px;}
.sub_wrap img{text-align: center;width: 100%;}
.sub_wrap i{margin:3px;}
.sub_wrap .text_cap{color:#343434; font-size:14px; text-align: center;}
.sub_wrap .transport{}
.sub_wrap .transport img{vertical-align: middle; width:20px;}
.sub_wrap .sub_video {position: relative; width: 100%; padding-bottom: 56.25%;}
.sub_wrap .sub_video iframe {position: absolute; width: 100%; height: 100%;}
.sub_wrap li{list-style: none; text-align: center; margin: 3px auto;}

.sub_wrap .process_4n{}
.sub_wrap .process_4n ul{width:100%;}
.sub_wrap .process_4n li{width:49.6%;text-align: center;display: inline-grid;}
.sub_wrap .p_under{}
.sub_wrap .p_under:after{border-bottom:1px dotted #757575;width: 100%; display: block; margin:5px 0;content: ""}

}

table{border-top:2px solid #303030;}
table th{font-size:17px; font-weight:bold; padding:15px; text-align:center; background-color:#e0e0e0; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}
table td{font-size:16px; word-break:keep-all;}


.con1 {padding:15px; text-align:center; background-color:#f0f0f0; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; }
.con2 {line-height:23px; padding:15px 0; text-align:center; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; }
.con3 {line-height:23px; padding:15px 0; text-align:center; border-bottom:1px solid #cccccc; }
.con4 {line-height:23px; padding:15px 30px; border-bottom:1px solid #cccccc; }
.bo_cate_flex{display: none;}

@media only screen and (min-width : 320px) and (max-width : 999px) {
	.sub_img img{width:200%; margin-left:-51%; overflow: hidden;}
	.sub_wrap{width:95%; margin:30px auto;}
	.sub_wrap h1{font-size:22px;}
	.sub_wrap p{font-size:16px;line-height: 25px;}
	.sub_wrap img{width:100%;}
	table th{font-size:16px;}
	table td{font-size:15px;}
	.sub_wrap .process_4n {}
	.sub_wrap .process_4n li {width:100%;text-align: center;}
	.sub_wrap .process_4n img{width:100%;}


	/* �붾Ц 蹂꾨룄�� �뱀닔 移댄뀒怨좊━ */

	.bo_cate_flex {display:block; padding:8px;margin:0 0 10px;font-size:22px; text-align:center;}
	.bo_cate_flex h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	.bo_cate_flex ul {zoom:1}
	.bo_cate_flex ul:after {display:block;visibility:hidden;clear:both;content:""}
	.bo_cate_flex li {display:inline-block;padding:0px;}
	.bo_cate_flex a {display:block;line-height:26px;padding:2px 7px;border:1px solid #606060; color:#2c2c2c;font-size:14px;border-radius: 4px; }
	.bo_cate_flex a:focus, .bo_cate a:hover {background:#242424; color:#fff;}, #bo_cate a:active {text-decoration:none;background:#fff;}
	.bo_cate_flex .bo_cate_on {z-index:2;background:#093776;font-weight:bold; border:1px solid #093776; border-radius: 4px; color:#fff;}