@import url("reset.css");




.hide { display:none !important; }
.clear:after {content: ""; clear: both; display: table;}
#wrap{position:relative;  min-width:320px; max-width:640px; margin:0 auto; width:100%; text-align: left; overflow:hidden;}
.container { margin-top: -10px; }

header{position: relative; text-align: center; z-index: 99;}
header .top{position: relative; height:80px; background: url(http://logosimg.cafe24.com/ossg/mobile/images/common/shdw_01.png) repeat-x top center; }
header .logo{ margin: 0 auto; height: 80px; }

header .tel{position: absolute; right:2%; top: 20px; }
header .menu_btn{position: absolute; left:4.6875%; top:23px; }
header .menu_btn img{width:24px;}
header .menu_btn a{position: absolute; top:0; left:0;}
header .menu_btn a.close_btn{/*left:-60px; top:-2px;*/opacity: 0; z-index: -1}

.gnb{ display:none; position:absolute; top: 70px; width:70%; background-color: #eec1b2; height:100%; z-index: 9999;}
.gnbBg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:88; }
.gnb>ul{padding:0; width: 86%; margin: 0 auto; overflow: hidden; margin-top: 30px; }
.gnb>ul>li{ position: relative; width:100%; }
.gnb>ul>li>a{height:45px; line-height:45px; display:block; font-size:15px; color:#222; border-bottom: 1px solid rgba(255,255,255,0.5);}
		.gnb>ul>li>a::after {content: url(https://mybuzz.speedgabia.com/gd/menu_arrow2.png); position: absolute; right: 5px; top: 5px }
		.gnb>ul>li>a.on::after {content: url(https://mybuzz.speedgabia.com/gd/menu_arrow2_on.png); position: absolute; top:-5px;
			-ms-transform: rotate(180deg);
			-ms-transform-origin: 50% 50%;
			-webkit-transform: rotate(180deg);
			-webkit-transform-origin: 50% 50%;
			transform: rotate(180deg);
			transform-origin: 50% 50%;

			-ms-transition: all 0.2s;
			-webkit-transition: all 0.2s;
			transition: all 0.2s;
			}


.gnb>ul>li>ul{ padding:0; background: #eec1b2; }
.gnb>ul>li>ul>li{border-bottom:1px dashed rgba(255,255,255,0.5);padding-left:20px; background: url(https://mybuzz.speedgabia.com/gd/arrow2.png) no-repeat 10px center ;}
.gnb>ul>li>ul>li>a{height:35px; line-height:35px; text-indent: 10px; display:block; font-size:13px; color:#222;}
.gnb>ul>li>ul>li#subon > a{color:red;}

.menu_title { position: relative; width: 80%; max-width: 337px; margin: 5% auto 5% auto; text-align: center; }
.menu_title img { width: 100%; }

/*.gnb .quick { position: relative; width: 76.5625%; margin: 60px auto 0; }
.gnb .quick ul { position: absolute; right: 0; width: 50%; }
.gnb .quick li { float: left; width: 50%;}
.gnb .quick li a { display: block; text-indent: -9999px; background: rgba(0,0,0,0); padding-bottom: 50%; }
.gnb .quick img { width: 100% }*/

.gnb .quick{ position: relative; width: 76.5625%; margin: 60px auto 0; }
.gnb .quick ul li{ text-align:center;}
.gnb .quick ul li a{font-size:27px; color:#fff; font-weight:600; display:block}
.gnb .quick > div{display:flex; margin-top:50px;}
.gnb .quick > div a{flex:1 1 50%; height:50px; line-height:50px; background:#fff; text-align:center; color:#222;}
.gnb .quick > div a + a{background:#403e3d;color:#fff;}
@media screen and (max-width:432px) {
  .gnb .quick > div{flex-wrap:wrap}
  .gnb .quick > div a{flex:1 1 100%;}
}

/*footer*/
#footer { position: relative; width: 100%; color: #b7b7b7; background: #333; }
.footerWrap { width: 86%; position: relative; margin: 0 auto; padding-top: 40px; padding-bottom: 40px; }
.footerWrap .footer_txt {font-size: 12px; line-height: 140%; margin-bottom: 8px; }
.footerWrap .f_bottom { border-top: 1px solid #b7b7b7; padding-top: 5px; margin-top: 20px }

/******************************************************************

main

********************************************************
.visual .swiper-container {
	width: 100%;
	height: 100%;
}
.visual .swiper-slide {
	text-align: center;
	background: #fff;
	/* Center slide text vertically */
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.visual { position: relative; height: 100%; padding-bottom: 150%; }
.frame { position: absolute; width: 100%; height: 100%; overflow: hidden; background-size: 100%; }
.v_tag { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: table; margin-top: -2.7%; z-index: 2; /*opacity: 0;*/ }
		/*.v_on .v_tag { opacity: 1; transition: opacity .7s linear .2s; }
.v_tag span { position: absolute; left: 0; right: 0; margin: auto; width: 100%; top: 11%; bottom: 0; display: table; }
.v_tag span img { vertical-align: middle; display: table-cell; position: relative; width: 100%; }
.v_tag span.vt3 { padding-top: 516px; }


/*background_image_full
.bg_shdw { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(http://logosimg.cafe24.com/ossg/mobile/images/main/bg_shdw.png); background-position: center; background-size: cover; z-index: 1; }

.rolling li .text { z-index: 1; position: absolute; height: 100%; top: 0; left: 0; width: 100%; }
.rolling li .text img { position: absolute; left: 0; right: 0; margin: auto; opacity: 0; }
/*
visual1

	.rolling li.visual1 .text img { max-width: 640px; width: 100%; }
	.rolling li.visual1 .text .nth_01 { top: 18%; }
	.rolling li.visual1 .text .nth_02 { top: 60%; }
	.rolling li.visual1 .text .nth_03 { top: 74%; }
	/*text animation 
	.rolling li.swiper-slide-active.visual1 .text .nth_01 { opacity: 1; transition: all .7s linear .2s; top: 11%; }
	.rolling li.swiper-slide-active.visual1 .text .nth_02 { opacity: 1; transition: all .7s linear .5s; top: 11%;  }
	/*.rolling li.swiper-slide-active.visual1 .text .nth_03 { opacity: 1; transition: all .7s linear .7s; top: 72%;  }*/

/*.rolling li .img_board { width: 100%; height: 100%; overflow: hidden; }
.rolling li .img_board .bg { height: 100%; transform: scale(1.2,1.2); background-position: bottom center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 2.5s ease .1s; -ms-transition: all 2.5s ease .1s; -moz-transition: all 2.5s ease .1s; transition: all 2.5s ease .1s; }
.rolling li.swiper-slide-active .img_board .bg { transform: scale(1.01,1.01); }
		.rolling .visual1 .img_board .bg { background-image: url(/mobile/images/main/visual1.jpg); }
		.rolling .visual2 .img_board .bg { background-image: url(/mobile/images/main/visual2.jpg); }
		/*.rolling .visual2 .img_board .bg { background-image: url(http://logosimg.cafe24.com/ossg/mobile/images/main/visual2.jpg); }
		.rolling .visual3 .img_board .bg { background-image: url(http://logosimg.cafe24.com/ossg/mobile/images/main/visual3.jpg); }


.premium_slider { background: url(http://logosimg.cafe24.com/ossg/mobile/images/main/premium_bg.jpg); margin-top: 13% !important; }
.premium_slider .swiper-wrapper li { opacity: 0 !important;}
.premium_slider .swiper-wrapper li.swiper-slide-active { opacity: 1 !important; }
.premium_slider .swiper-wrapper li > img { width: 100%; }

.p_pagination { bottom: auto !important; top: 0; text-align: right; position: absolute; z-index: 1; padding-right: 7.8125%; margin-top: -7px; }
.p_pagination .swiper-pagination-bullet { background: #a0a0a0; opacity: 1; border-radius: 0; margin: 0 0 0 5px !important; }
.p_pagination .swiper-pagination-bullet-active { background: #ca705b; }

.map_wrap { width: 100%; margin: 8% auto; }
		.map_container { width: 100%; }
		.map_container .btn_content img { width: 100%; }
.map_wrap .box { position: relative; width: 100%; background: #c9715c; padding: 8%; }
.map_wrap .btns { }
.map_wrap .btns li { opacity: 0.8; margin-bottom: 24px; padding-bottom: 24px; color:#fff}
.map_wrap .btns li:first-child { border-bottom: 1px solid #fff; }
.map_wrap .btns li .btn2_inner > a{font-size:23px; font-weight:600; line-height:125%; color:#fff}
.map_wrap .btns li .btn2_inner > a span{font-size:19px; font-weight:400;}
.map_wrap .btns li.active { opacity: 1; }
.map_wrap .box > a {color: #fff; font-size:19px;}*/


/******************************************************************

sub

*******************************************************************/
.container .contents_wrap{text-align: center; position:relative; margin-bottom: 80px;}
.container .contents_wrap.mb0 { margin-bottom: 0; }
.container .contents_wrap .inner { position: relative; }
.container .contents_wrap .inner img { width: 100%; }
.container .contents_wrap > img{width:100%;}

/* sub page location */
.sub_top {height:120px; position: relative; background-image: url('http://mybuzz.speedgabia.com/gd/m_sub.jpg'); background-size: cover; background-position: center; width: 100%; }
.sub_top .title { position: absolute; letter-spacing: -1.5px; font-size:25px; color: #fff; text-align: center; width: 100%; line-height: 122px; font-weight: normal; }
/*좌우버튼*/
.sub_top ol { height: 100% }
.sub_top ol li { height: 100%; padding: 0 3%;}
.sub_top ol li.prev { float: left; }
.sub_top ol li.next { float: right; }
.sub_top ol li a { display: block; position: relative; text-indent: -100000%; width: 23px; height: 100%; }
.sub_top ol li.prev a { background: url(http://logosimg.cafe24.com/nwj/mobile/images/sub/prev.png) no-repeat; background-position: center; background-size: 80%;}
.sub_top ol li.next a { background: url(http://logosimg.cafe24.com/nwj/mobile/images/sub/next.png) no-repeat; background-position: center; background-size: 80%;}

/*돋보기*/.view_more { position: absolute; text-indent: -9999px; background: rgba(0,0,0,0); }
					.view_more > img { display: block; }
					.pop { position: relative; width: 100%; margin: 0 auto; }
					.pop > img { width: 100%; }
					.pop .view_more { bottom: 0; right: 0; }
/*오리발*/.note { font-size: 11px; line-height: 14px; text-align: left; color: #898989; width: 92%; margin: 50px auto 50px auto; padding-top: 15px; border-top: 1px solid #eee; font-weight: lighter; }


/*tab content*/
.tab_content { width: 100%; margin: 0 auto; padding-top: 40px; }
.tab_content ul.btns { position: relative; overflow: hidden; text-align: center; width:95%; margin: 0 auto;  }
.tab_content ul.btns li { position: relative; text-align: center; cursor: pointer; padding: 0; float: left; height:45px; display: table; padding-right: 1px;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;
}
.tab_content ul.btns li.last { padding-right: 0; }
.tab_content ul.btns.btns1 li { width: 100%; }
.tab_content ul.btns.btns2 li { width: 50%; }
.tab_content ul.btns.btns3 li { width: 33%; }
.tab_content ul.btns.btns4 li { width: 25%;}
.tab_content ul.btns.btns5 li { width: 20%; }
.tab_content ul.btns.btns6 li { width: 16.5%; }
.tab_content ul.btns.btns7 li { width: 14%; }
.tab_content ul.btns.btns3.mb5 li {margin-bottom:1px;}
.tab_content ul.btns.btns4.mb8 li { width: 25%; margin-bottom:1px; padding-right: 1px; height:50px;}
.tab_content ul.btns li a { color: #777; background-color: #eee; display: table-cell; vertical-align: middle; font-size:14px; width: 100%; height: 100%; line-height:125%;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;
}
.tab_content ul.btns li:hover a,
.tab_content ul.btns li.active a{ color: #222; font-weight: bold; background-color: #eec1b2;}
.tab_content ul.btns li:hover a.clr01,
.tab_content ul.btns li.active a.clr01 {background-color: #005994; }



.tab_content ul.depth01{ position: relative; overflow: hidden; text-align: center; margin: 0 auto; margin-bottom: 8%; display:flex; width:90%;}
.tab_content ul.depth01 li { position: relative; text-align: center; cursor: pointer; padding: 0; float: left; height: 40px; line-height:40px; display: table; padding-right: 1px; flex:1;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; 
}

.tab_content ul.depth01 li{background:#fff; border-bottom:1px solid #dddddd; color:#000; }
.tab_content ul.depth01 li:hover,
.tab_content ul.depth01 li.active{background-color: #fff; color:#ca6f5b; border-bottom:2px solid #ca6f5b;}

.tab_content ul.depth01 li:hover a.clr01,
.tab_content ul.depth01 li.active a.clr01{color:#ca6f5b;}


/*******************************************************************************************/
/****************************************** unit *******************************************/

ul.tab {float:left; width:100%; margin:20px 0; padding:7px 0; list-style: none; overflow:hidden;border-bottom:1px solid #ddd;}
ul.tab li {
	cursor:pointer; font-size:16px; font-weight:bold; float:left; width:150px; height:50px; line-height:50px; 
	text-align:center; color:#222; padding:0; 
	background:#e5eaf3; margin:0 7px 0 0;
	}
ul.tab li a {display:block;}

ul.tab li:nth-child(6n+1) a.active {background:#ee9300; color:#fff;}
ul.tab li:nth-child(6n+2) a.active {background:#ee9300; color:#fff;}
ul.tab li:nth-child(6n+3) a.active {background:#ee9300; color:#fff;display:block;}
ul.tab li:nth-child(6n+4) a.active {background:#ee9300; color:#fff;display:block;}
ul.tab li:nth-child(6n+5) a.active {background:#ee9300; color:#fff;display:block;}
ul.tab li:nth-child(6n+6) a.active {background:#ee9300; color:#fff;display:block;}



.vod{width:100%;height:675px;overflow:hidden;padding:0;margin:15px 0; background-color:#000;border:1px solid #000}

ul.tabs {float:left; width:100%; margin:10px 0 20px 0; padding:7px 0; list-style: none; overflow:hidden;border-bottom:1px solid #ddd;}
ul.tabs li {
	cursor:pointer; font-size:16px; font-weight:400; float:left; width:33%; height:50px; line-height:50px; 
	text-align:center; color:#222; padding:0; 
	background:#e5eaf3; margin:0 1px 0 0;
	}
ul.tabs li:last-child{margin-right:0 !important;}
ul.tabs li:nth-child(4), ul.tabs li:nth-child(5), ul.tabs li:nth-child(6),  ul.tabs li:nth-child(7){margin-top:1px;}

ul.tabs li:nth-child(6n+1).active {background:#555; color:#fff;}
ul.tabs li:nth-child(6n+2).active {background:#555; color:#fff;}
ul.tabs li:nth-child(6n+3).active {background:#555; color:#fff;}
ul.tabs li:nth-child(6n+4).active {background:#555; color:#fff;}
ul.tabs li:nth-child(6n+5).active {background:#555; color:#fff;}
ul.tabs li:nth-child(6n+6).active {background:#555; color:#fff;}





/*** unit type ***/
ul.tabs1 {float:left; width:100%; margin:10px 0 20px 0; padding:7px 0; list-style: none; overflow:hidden;border-bottom:1px solid #ddd;}
ul.tabs1 li {
	cursor:pointer; font-size:16px; font-weight:400; float:left; width:24.8%; height:50px; line-height:50px; 
	text-align:center; color:#222; padding:0; 
	background:#e5eaf3; margin:0 1px 0 0;
	}
ul.tabs1 li:last-child{margin-right:0 !important;}
/* 33%일때
ul.tabs1 li:nth-child(4), ul.tabs1 li:nth-child(5), ul.tabs1 li:nth-child(6){margin-top:1px;}
*/
ul.tabs1 li:nth-child(6n+1).active {background:#4b978b; color:#fff;}
ul.tabs1 li:nth-child(6n+2).active {background:#e99684; color:#fff;}
ul.tabs1 li:nth-child(6n+3).active {background:#e5b026; color:#fff;}
ul.tabs1 li:nth-child(6n+4).active {background:#267bb2; color:#fff;}
ul.tabs1 li:nth-child(6n+5).active {background:#2f5097; color:#fff;}
ul.tabs1 li:nth-child(6n+6).active {background:#9d6ca3; color:#fff;}





/*** 113 type ***/
ul.tabs2 {float:left; width:100%; margin:10px 0 20px 0; padding:7px 0; list-style: none; overflow:hidden;border-bottom:1px solid #ddd;}
ul.tabs2 li {
	cursor:pointer; font-size:16px; font-weight:bold; float:left; width:176px; height:50px; line-height:50px; 
	text-align:center; color:#222; padding:0; 
	background:#e5eaf3; margin:0 7px 0 0;
	}

ul.tabs2 li:nth-child(4n+1).active {background:#5bafd4; color:#fff;}
ul.tabs2 li:nth-child(4n+2).active {background:#355d91; color:#fff;}
ul.tabs2 li:nth-child(4n+3).active {background:#6e3f8d; color:#fff;}
ul.tabs2 li:nth-child(4n+4).active {background:#289fda; color:#fff;}


/*sub_inner*/
.sub_inner{width:96%; margin:40px auto; }
.sub_inner .sub_tit{margin-bottom:50px;}
.sub_inner .sub_tit h2:before{position:absolute; content:""; width:7px; height:20px; background:#eec1b2; left:0px; top:1px; border-radius:3px;}
.sub_inner .sub_tit h2{position:relative; font-size:24px; color:#222; font-weight:600; letter-spacing:-2px; margin-bottom:20px;padding-left:15px;}
.sub_inner .sub_tit h3{font-size:18px; color:#222; font-weight:400; letter-spacing:-2px; line-height:135%}
.sub_inner .sub_tit p{margin-top:15px; font-size:14px; line-height:135%}
.sub_inner .sub_tit p b{font-weight:400; color:#000}
.sub_inner .sub_tit p span{font-weight:400; color:#c86e5f}

.sub_inner .sub_tit ul{border:1px solid #ddd; background:#f5f5f5; padding:20px; margin-top:20px;}
.sub_inner .sub_tit ul li{position:relative; font-size:14px; color:#212121; padding-left:15px; margin-bottom:15px; line-height:135%}
.sub_inner .sub_tit ul li:before{position:absolute; content:""; width:5px; height:5px; background:#222; left:0px; top:8px; border-radius:50px;}
.sub_inner .sub_tit ul li b{font-weight:400; color:#000}
.sub_inner .sub_tit ul li span{color:#c86e5f; font-weight:500;}

.stit{position:relative; font-size:21px; color:#c86e5f; font-weight:400;display:block; margin-bottom:30px}
.stit span{position:absolute; right:0; top:10px; font-size:15px; color:#333}

.tip{border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-top:50px; padding:30px 0}
.tip li{margin-bottom:10px; font-size:14px; letter-spacing:0; font-weight:400; color:#888288; line-height:135%}
.tip li:last-child{margin-bottom:0}
.tip li span{color:#c86e5f}


/*사전청약안내*/
.guide > div > p img{width:100%;}
.guide > div{margin-bottom:50px;}
.guide ul{margin-top:30px; background:#f2f2f2; padding:25px 20px;}
.guide ul li{position:relative; font-size:16px; color:#212121; padding-left:20px; margin-bottom:20px; line-height:135%}
.guide ul li:before{position:absolute; content:""; width:8px; height:8px; background:#555; left:0px; top:8px;border-radius:5px}
.guide ul li:last-child{margin-bottom:0}
.guide ul li span{color:#c86e5f; font-weight:400}


.guide {position:relative;padding-bottom:50px;}
.guide_btn{position:absolute;text-align:center; left:50%; margin-left:-130px; bottom:-30px;z-index:999;}
.guide_btn a{width:260px; height:50px; line-height:50px; font-size:18px; color:#fff; font-weight:400; text-align:center; display:inline-block; border-radius:30px; background:#d48267;}
.guide_btn a:hover{background:#aa502c; transition:all 0.3s}




/*사전청약 신청자격*/
.inner_condition{margin-bottom:50px;}

/*공급안내*/
.inner_supply{margin-bottom:50px;}
.supply{position:relative;background:url('https://mybuzz.speedgabia.com/icyj/page0105m.jpg') no-repeat 50% 0; background-size:cover; height:400px; margin:0;padding:0;}
.supply_btn{text-align:center;padding-top:52%;}
.supply_btn a{width:65%; height:50px; line-height:50px; font-size:18px; color:#fff; font-weight:420; text-align:center; display:inline-block; border-radius:30px; background:#4a4644;}
.supply_btn a:hover{background:#eca087; transition:all 0.3s}


/*사업개요*/
.overview .inner_overview{width:100%; margin:50px auto}
.overview .inner_overview > h3{font-size:25px; color:#fff; font-weight:500; margin-bottom:20px; width:100%; height:50px; line-height:50px; text-align:center; background:#c26c59; }
.overview .inner_overview > div{overflow:hidden;}
.overview .inner_overview > div > table{float:left; width:100%; border-top:2px solid #555;}
.overview .inner_overview > div > table + table{float:right;}
.overview .inner_overview > div > table th,
.overview .inner_overview > div > table td{font-size:16px; font-weight:500; padding:15px 20px; border-bottom:1px solid #777;}
.overview .inner_overview > div > table th{ text-align:left; background:#eec1b2;}
.overview .inner_overview > div > table td{padding:20px 5px; font-size:15px; font-weight:400; font-size:16px; color:#555;}
.overview .inner_overview > div > table td.th_{height:130px}

/*분양일정*/
.calendar {margin: 50px auto; position:relative; color: #464646; }
/*.calendar caption { display: none; }*/
.calendar table { width: 100%; border-collapse: separate; /**border-collapse: collapse;*/ table-layout:fixed; border-top: 1px solid #ddd; }
.calendar tbody { border-left: 1px solid #ddd; }
.calendar td { text-align: left; border-bottom: 1px solid #ddd; padding: 15px; }
.calendar .line { border-right: 1px solid #ddd; }
.calendar td span,
.calendar td a { display: block; }
.calendar .date { text-align: center; background-color: #f5f5f5; padding: 15px 5px; }
.calendar .date b,
.calendar .date span { display: block; }
.calendar .date b { font-size:18px; margin-bottom: 5px; color: #777; font-weight: 300; }
.calendar .date span { font-size: 14px; }
.calendar .event { font-weight: 500; font-size:18px; line-height:135%}
.calendar .link { font-size:13px; padding: 10px 10px 0 0; }
.calendar .tag { font-size:13px; padding: 10px 10px 0 0 }
.calendar .clr1 { color: #c46d5d; }
.calendar .clr2 { color: #32528d; }
.calendar .clr3 { color: #ea5477; }
.calendar .clr4 { color: #7c4f82; }
.calendar .clr5 { color: #4d242c; }
.calendar .clr6 { color: #ca4646; }
.calendar .clr6_1 { color: rgba(146,18,18,0.6); }
.calendar .clr7 { color: #f1a907; }
.calendar .clr7_1 { color: rgba(185,134,18,0.6); }
.calendar .clr8 { color: #599ac7; }

/*평면도& 단지배치도*/
.unit_section1{margin-bottom:60px}
.unit_section2{margin:50px auto;}
.unit_section2 ul.tabs{font-size:0}
.unit_section2 ul.tabs li{font-size:16px; color:#fff; display:inline-block; width:calc(100% / 4); border:1px solid #ddd; border-right:none; height:50px; line-height:50px; text-align:center; background:#8d8a8d; cursor:pointer; font-weight:500}
.unit_section2 ul.tabs li:last-child{border-right:1px solid #ddd;}
.unit_section2 ul.tabs li.active{background:#c86e5f; color:#fff;}
.unit_section2 .tab_container{margin-top:0px;}
.unit_section2 .tab_content{display:none; padding-top:20px !important}

.unit_section2 .num{border:1px solid #ddd; display:flex; align-items:center; background:#222}
.unit_section2 .num > h2{width:550px; background:#222; color:#fff; font-size:31px; font-weight:600; text-align:center;}
.unit_section2 .num > div{flex-grow:1;background:#f5f5f5; padding:20px 30px}
.unit_section2 .num > div ul{display:flex; flex-wrap:wrap}
.unit_section2 .num > div ul li{flex:1 1 100%; margin-bottom:10px; font-weight:400}
.unit_section2 .num > div ul li:last-child{margin-bottom:0}
.unit_section2 .tab_content > p{text-align:center; margin-top:30px}

@media screen and (max-width:395px) {
    .unit_section2 .num{ display:block;} 
	.unit_section2 .num > h2{width:100%; padding:20px 0; font-size:24px;}
}

/*table*/
.line_no_right{border-right:0 !important;}
.table-container{width:100%; overflow-x: scroll;}

.table_01{border-top:2px solid #222; width:100%; overflow-x: scroll;}
.table_01 th,
.table_01 td{padding:15px 5px; color:#222; border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height:135%; text-align:center;}
.table_01 th{background:#e9dfdd; color:#b14e3e; border-right:1px solid #c5c5c5; font-weight:500;font-size:13px; }
.table_01 td{text-align:center; color:#444; font-family: 'Spoqa Han Sans'; font-size:13px; font-weight:400; font-size:13px; word-break: break-all !important; white-space: nowrap;}
.table_01 td span{display:block; font-weight:300;}

.table_02{position:relative; border-top:2px solid #222; width:100%; overflow-x: scroll;}
.table_02 caption{position:absolute; right:0; top:0px; font-size:13px; color:#a0a0a0}
.table_02 th,
.table_02 td{padding:15px 10px; color:#222; border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height:135%; text-align:center; word-break: break-all !important; white-space: nowrap; }

.table_02 th{background:#ededed;  font-weight:500; font-size:13px;}
.table_02 td{text-align:center; color:#444;  font-family: 'Spoqa Han Sans'; font-size:13px; font-weight:400;font-size:13px; word-break: break-all !important; white-space: nowrap;}
.table_02 th span{font-size:12px;}
.table_02 td span{display:block; font-size:12px; font-weight:300;}
.table_02 td > div p > a{color:#c86e5f; font-weight:400; font-size:12px;}
.table_02 td:last-child{border-right:none;}
.table_02 th:last-child{border-right:none;}

.table_03{white-space:nowrap; overflow-x: scroll;}
.table_03{position:relative; border-top:2px solid #222; width:100%;}
.table_03 caption{position:absolute; right:0; top:0px; font-size:13px; color:#a0a0a0}
.table_03 th,
.table_03 td{padding:15px 15px; color:#222; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table_03 th{background:#ededed;  font-weight:500; font-size:13px; }
.table_03 td{text-align:center; color:#444;  font-family: 'Spoqa Han Sans'; font-size:13px; font-weight:400; line-height:135%; text-align:center; word-break: break-all !important; white-space: nowrap;}
.table_03 td.txt1{color:#fa5555; font-weight:500}
.table_03 td:last-child{border-right:none;}
.table_03 th:last-child{border-right:none;}