.statue_banner { width:100%; padding:74px 680px 40px 50px;
	background:url(/resources/home/korean/front/image/company/statue/statue_bg.jpg) no-repeat center center;
	background-size:cover; margin-bottom:80px; }
.statue_banner p { font-size:22px; color:#222; font-weight:400; line-height:1.6em; }
.statue_banner p strong { font-weight:700; }
.statue_banner small { font-size:16px; display:block; color:#333; font-weight:400; line-height:1.6em; margin-top:100px;
	padding-left:20px; position:relative; }
.statue_banner small span { display:block; position:absolute; top:0; left:0; }

.statue_banner_small_m { display:none; font-size:12px; color:#333; font-weight:400; line-height:1.6em; margin-top:100px;
	padding-left:20px; position:relative; }
.statue_banner_small_m span { display:block; position:absolute; top:0; left:0; }

.statue_stage_wrap { margin-left:-60px; margin-right:-60px; }
.statue_stage_wrap .statue_stage { width:25%; float:left; padding:0 60px; position:relative; }
.statue_stage_wrap .statue_stage::after { content:""; display:block; height:16px; width:16px; border-top:2px solid #aaa; 
	border-right:2px solid #aaa; transform:rotate(45deg); position:absolute; top:150px; left:-16px; }
.statue_stage_wrap .statue_stage:first-child::after { display:none; }
.statue_stage_wrap .statue_stage .statue_stage_circle { background:#fff; width:200px; height:200px; border-radius:50%;
	text-align:center; margin-top:60px; margin-left:auto; margin-right:auto; }
.statue_stage_wrap .statue_stage .statue_stage_circle h6 { font-size:18px; color:#396544; font-weight:700; margin-bottom:15px; 
	padding-top:38px; }
.statue_stage_wrap .statue_stage .statue_stage_circle p { margin:15px auto 0; padding-top:10px; width:138px; border-top:1px solid #ccc;
	font-size:18px; font-weight:500; color:#666; }
.statue_stage_wrap .statue_stage small { display:block; text-align:center; font-size:16px; color:#666; font-weight:400;
	margin-top:10px; }
.statue_stage_wrap .statue_stage .statue_down_arrow { width:100%; height:30px; position:relative; }
.statue_stage_wrap .statue_stage .statue_down_arrow::after { content:""; display:block; height:16px; width:16px; border-bottom:2px solid #aaa; 
	border-right:2px solid #aaa; transform:rotate(45deg); position:absolute; top:28px; left:calc(50% - 9px); }

.statue_bottom_text { display:block; width:100%; font-size:14px; color:#666; font-weight:400; margin-top:50px; line-height:2em; }
.statue_bottom_text span { color:#f0841f; }

.statue_rank_wrap { margin-left:-30px; margin-right:-30px; margin-top:60px; position:relative; }
.statue_rank_wrap .statue_rank_border { width:calc(100% - 70px); height:1px; border-top:3px dashed #c8dec1;
	position:absolute; top:60px; left:35px; }
.statue_rank_wrap .status_rank_border_m { display:none; }
.statue_rank_wrap .status_rank_border_m2 { display:none; }
.statue_rank_wrap .statue_rank { width:calc(100%/7); float:left; padding:0 30px; position:relative; }
.statue_rank_wrap .statue_rank p { width:120px; height:120px; background:#f2f2f2; color:#396544; font-size:22px; font-weight:700;
	margin:0 auto; border-radius:50%; text-align:center; padding-top:37px; }
.statue_rank_wrap .statue_rank p span { font-size:18px; font-weight:400; }
.statue_rank_wrap .statue_rank:nth-child(odd) p { background:#396544; color:#fff; }
.statue_rank_wrap .statue_rank:nth-child(9) p, .statue_rank_wrap .statue_rank:nth-child(10) p { padding-top:48px; }
.statue_rank_wrap .statue_rank:nth-child(10) p { border:1px solid #396544; }

.statue_service_wrap { margin-right:-15px; margin-left:-15px; margin-top:60px; }
.statue_service_wrap .statue_service { width:calc(100%/3); float:left; padding:0 15px; margin-bottom:30px; }
.statue_service_wrap .statue_service .statue_service_inner { width:100%; background:#fff; padding:44px 150px 44px 30px; height:170px;
	position:relative; }
.statue_service_wrap .statue_service .statue_service_inner h6 { font-size:22px; color:#396544; font-weight:700; margin-top:0; margin-bottom:15px; }
.statue_service_wrap .statue_service .statue_service_inner p { font-size:16px; color:#555; line-height:1.6em; margin-bottom:0; margin-top:0; }
.statue_service_wrap .statue_service .statue_service_inner img { position:absolute; bottom:24px; right:24px; }

.statue_button_wrap { width:100%; text-align:center; margin-top:80px; margin-bottom:80px; }
.statue_button_wrap a { padding:20px 60px; background:#043a1d; display:inline-block; font-size:18px; font-weight:500;
	color:#fff; }

.company_title h2 .company_title_small { font-size:20px; display:block; margin-top:20px; font-weight:400; color:#454545; }

.guide_content_wrap { width:100%; margin-top:40px; margin-bottom:100px; padding:0 20px; }
.guide_content_wrap .guide_content { width:25%; float:left; padding:0 40px; position:relative; height:340px; }
.guide_content_wrap .guide_content .guide_content_background { width:340px; height:340px; background:#ccc; opacity:0.3; border-radius:50%;
	position:absolute; top:calc(50% - 170px); left:calc(50% - 170px); z-index:0; }
.guide_content_wrap .guide_content .guide_content_inner { width:100%; padding-top:50px; text-align:center; position:relative; z-index:1; }
.guide_content_wrap .guide_content .guide_content_inner h2 { font-size:24px; color:#396544; font-weight:700; margin-bottom:25px; }
.guide_content_wrap .guide_content .guide_content_inner h4 { margin-top:25px; padding-top:15px; border-top:1px solid #ccc; color:#333; font-weight:700;
	font-size:20px; }
.guide_content_wrap .guide_content .guide_content_inner p { margin-top:15px; font-size:14px; color:#666; font-weight:400; line-height:1.6em; }

.guide_content_wrap .guide_content:nth-child(2n) .guide_content_background { background:#deeada; opacity:0.5; }

@media (max-width: 1230px){
	.statue_banner { padding-right:470px; padding-top:50px; }
	.statue_banner small { margin-top:60px; }
	
	.statue_stage_wrap { margin-left:-26px; margin-right:-26px; }
	.statue_stage_wrap .statue_stage { padding:0 26px; }
	.statue_stage_wrap .statue_stage::after { left:-12px; }
	.statue_stage_wrap .statue_stage .statue_stage_circle { width:197px; height:197px; }
	
	.statue_rank_wrap { margin-left:-10px; margin-right:-10px; }
	.statue_rank_wrap .statue_rank { padding:0 10px; }
	.statue_rank_wrap .statue_rank p { width:118px; height:118px; }
	
	.statue_service_wrap .statue_service .statue_service_inner { padding-right:100px; }
	
	.guide_content_wrap .guide_content { padding:0 20px; height:265px; }
	.guide_content_wrap .guide_content .guide_content_background { width:265px; height:265px; top:0; left:calc(50% - 132.5px); }

	.guide_content_wrap .guide_content .guide_content_inner { padding-top:37px; }
	.guide_content_wrap .guide_content .guide_content_inner h2 { font-size:20px; margin-bottom:15px; }
	.guide_content_wrap .guide_content .guide_content_inner h4 { margin-top:15px; padding-top:10px; font-size:16px; }
	.guide_content_wrap .guide_content .guide_content_inner p { margin-top:10px; font-size:12px; }
}

@media (max-width: 991px){
	.statue_banner { padding:40px 330px 40px 30px; background-position:0 50%; }
	.statue_banner p { font-size:20px; }
	.statue_banner small { margin-top:24px; font-size:14px; }
	
	.statue_stage_wrap { margin-left:-15px; margin-right:-15px; }
	.statue_stage_wrap .statue_stage { padding:0 15px; }
	.statue_stage_wrap .statue_stage .statue_stage_circle { width:150px; height:150px; }
	.statue_stage_wrap .statue_stage .statue_stage_circle h6 { font-size:16px; padding-top:20px; margin-bottom:10px; }
	.statue_stage_wrap .statue_stage .statue_stage_circle p { font-size:16px; padding-top:7px; margin-top:10px; }
	.statue_stage_wrap .statue_stage small { font-size:14px; }
	.statue_stage_wrap .statue_stage::after { top:125px; }
	
	.statue_rank_wrap .statue_rank { width:25%; margin-bottom:20px; }
	.statue_rank_wrap .statue_rank_border { width:calc(100% - 80px); left:40px; }
	.statue_rank_wrap .status_rank_border_m { width:calc(100% - 270px); display:block; top:199px; }
	
	.statue_service_wrap .statue_service { width:50%; }
	
	.guide_content_wrap { padding:0 44px; }
	.guide_content_wrap .guide_content { padding:0; }
}

@media (max-width: 768px){
	.statue_banner { padding:20px 90px 60px 25px; margin-bottom:20px; background-position:30% 50%; }
	.statue_banner p { font-size:16px; display:none; }
	.statue_banner small { display:none; }
	.statue_banner_small_m { display:block; margin-top:0; margin-bottom:50px; }
	
	.statue_stage_wrap .statue_stage { width:50%; }
	.statue_stage_wrap .statue_stage .statue_stage_circle { width:120px; height:120px; margin-top:50px; }
	.statue_stage_wrap .statue_stage .statue_stage_circle h6 { font-size:11px; margin-bottom:14px; padding-top:16px; }
	.statue_stage_wrap .statue_stage .statue_stage_circle p { font-size:11px; width:80px; margin-top:14px; }
	.statue_stage_wrap .statue_stage .statue_stage_circle img { width:30px; }
	.statue_stage_wrap .statue_stage::after { width:8px; height:8px; top:114px; left:-8px; border-width:1px; }
	.statue_stage_wrap .statue_stage:nth-child(3)::after { left:8px; }
	.statue_stage_wrap .statue_stage .statue_down_arrow { height:1px; }
	.statue_stage_wrap .statue_stage .statue_down_arrow::after { top:19px; height:8px; width:8px; border-width:1px; }
	
	.statue_stage_wrap .statue_stage small { font-size:10px; }
	
	.statue_bottom_text { font-size:10px; margin-top:30px; margin-bottom:30px; }
	.statue_bottom_text2 { margin-top:0; }
	
	.statue_rank_wrap { margin-top:30px; }
	.statue_rank_wrap .statue_rank { width:calc(100%/3); }
	.statue_rank_wrap .statue_rank p { width:90px; height:90px; font-size:15px; padding-top:30px; }
	.statue_rank_wrap .statue_rank p span { font-size:12px; }
	.statue_rank_wrap .statue_rank:nth-child(9) p, .statue_rank_wrap .statue_rank:nth-child(10) p { padding-top:37px; }
	.statue_rank_wrap .statue_rank_border { width:calc(100% - 104px); border-top:2px dotted #c8dec1; top:44px; left:90px; }
	.statue_rank_wrap .status_rank_border_m { width:calc(100% - 30px); left:15px; top:156px; }
	.statue_rank_wrap .status_rank_border_m2 { display:block; width:80px; left:15px; top:266px; }
	
	.statue_service_wrap { margin-left:-5px; margin-right:-5px; }
	.statue_service_wrap .statue_service { padding:0 5px; margin-bottom:20px; }
	.statue_service_wrap .statue_service .statue_service_inner { padding:30px; height:102px; padding:20px 10px; }
	.statue_service_wrap .statue_service .statue_service_inner img { display:none; }
	.statue_service_wrap .statue_service .statue_service_inner h6 { font-size:17px; margin-bottom:10px; }
	.statue_service_wrap .statue_service .statue_service_inner p { font-size:11px; }
	
	.statue_button_wrap { margin-top:30px; margin-bottom:50px; }
	.statue_button_wrap a { font-size:14px; font-weight:400; padding:14px 30px; }
	
	.company_title h2 .company_title_small { font-size:15px; line-height:1.6em; margin-top:15px; }
	
	.guide_content_wrap { margin-top:10px; margin-bottom:70px; }
	.guide_content_wrap .guide_content { width:100%; height:230px; }
	.guide_content_wrap .guide_content .guide_content_background { width:250px; height:250px; left:calc(50% - 125px); }
	.guide_content_wrap .guide_content .guide_content_inner { padding:0 40px; padding-top:38px; width:250px; max-width:100%; margin:0 auto; } 
	.guide_content_wrap .guide_content .guide_content_inner img { width:56px; }
}

.subContentInnerNotice { margin-bottom:100px; }

.scArea { margin-top:80px; margin-bottom:40px; }
.scArea2 { margin-top:0; }
.totalTx { font-size:16px; color:#333; font-weight:400; }
.scArea .notice_select { width:160px; height:40px; }
.scArea .scInp { border:none; }
.scArea .scInp .notice_text { width:400px; height:40px; border:1px solid #ddd; }
.scArea .scInp .notice_btn { width:80px; height:40px; border:none; background:#0d3a1d; font-size:16px; line-height:40px; font-weight:500; color:#fff;
	margin-left:3px; }

.listType01 thead tr th { padding:17px 0 17px; background:#fff; color:#396544; font-weight:500; font-size:16px; border-bottom:1px solid #396544;
	border-top:2px solid #396544; }
.listType01 tbody tr td { padding:17px 10px 17px 20px; font-size:16px; font-weight:400; color:#333; }
.listType01 tbody tr td.link a:hover { border-bottom:1px solid #333; }
.listType01 tbody tr.notice_td { background:#f8f8f8; }

.paging02 a[rel=num_page] { width:40px; height:40px; line-height:35px; font-size:16px; }
.paging02 a[rel=cur_page] { background:#fff; border:1px solid #396544; font-size:16px; color:#396544; font-weight:500;
	width:40px; height:40px; line-height:35px; }
	
.paging02 a[rel=next] { width:40px; height:40px; position:relative; border:1px solid #999; display:inline-block; vertical-align:middle;
	margin-left:8px; margin-right:2px; background:#999; opacity:0.7; } 
.paging02 a[rel=next]::after { width:8px; height:8px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);
	content:""; display:block; position:absolute; top:14px; left:12px; }
.paging02 a[rel=next] img { display:none; }
.paging02 a[rel=next]:hover { opacity:1; }

.paging02 a[rel=prev] { width:40px; height:40px; position:relative; border:1px solid #b7b7b7; display:inline-block; vertical-align:middle;
	margin-right:8px; margin-left:2px; background:#b7b7b7; opacity:0.7; } 
.paging02 a[rel=prev]::after { width:8px; height:8px; border-bottom:1px solid #fff; border-left:1px solid #fff; transform:rotate(45deg);
	content:""; display:block; position:absolute; top:14px; right:12px; }
.paging02 a[rel=prev] img { display:none; }
.paging02 a[rel=prev]:hover { opacity:1; }

.paging02 a[rel=end] { width:40px; height:40px; position:relative; border:1px solid #999; display:inline-block; vertical-align:middle;
	margin-left:2px; background:#999; opacity:0.7; }
.paging02 a[rel=end]::after { width:8px; height:8px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);
	content:""; display:block; position:absolute; top:14px; left:15px; }
.paging02 a[rel=end]::before { width:8px; height:8px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);
	content:""; display:block; position:absolute; top:14px; left:10px; }
.paging02 a[rel=end] img { display:none; }
.paging02 a[rel=end]:hover { opacity:1; }
	
.paging02 a[rel=start] { width:40px; height:40px; position:relative; border:1px solid #999; display:inline-block; vertical-align:middle;
	margin-right:2px; background:#999; opacity:0.7; }
.paging02 a[rel=start]::after { width:8px; height:8px; border-bottom:1px solid #fff; border-left:1px solid #fff; transform:rotate(45deg);
	content:""; display:block; position:absolute; top:14px; right:15px; }
.paging02 a[rel=start]::before { width:8px; height:8px; border-bottom:1px solid #fff; border-left:1px solid #fff; transform:rotate(45deg);
	content:""; display:block; position:absolute; top:14px; right:10px; }
.paging02 a[rel=start] img { display:none; }
.paging02 a[rel=start]:hover { opacity:1; }

.mobile_notice { display:none; }

.agBoxTitle { font-size:28px; font-weight:500; color:#333; margin-bottom:20px; }
.agBox { margin-top:0; background:#f8f8f8; height:220px; }
.policyCont h1 { font-size:16px; }
.policyCont p { font-size:16px; font-weight:400; }
.policyCont ul li { font-size:16px; font-weight:400; }

.agChk { text-align:left; }
.agChk label { font-size:16px; font-weight:400; }
.agChk input { display:inline-block; font-size:16px; margin-right:5px; }

.subTits { margin-top:80px; font-size:28px; color:#333; font-weight:500; margin-bottom:20px; }

.customListType01.type02 tbody tr th.apply_th { font-size:16px; color:#333; font-weight:500; width:20%; padding:30px; }
.custom_inpType02_wrap { position:relative; }
input[type="text"].custom_inpType02 { width:580px; height:40px; border:1px solid #ccc;
	font-size:16px; color:#666; font-weight:400; }
input[type="email"].custom_inpType02 { opacity:0; z-index:-1; position:absolute; top:0; left:0; }
select.inpEmail , input[type=text].inpEmail { height:40px; border:1px solid #ccc; font-size:16px; color:#666; font-weight:400;
	 }
select.inpEmail { width:180px; }
input[type=text].inpEmail { width:188px; }
.error { display:block; color:red; font-size:12px; }

.apply_title { height:40px; font-size:16px; color:#666; font-weight:400; width:300px; }
.custom_file { position:absolute; top:18px; left:83px; z-index:0; font-size:12px; }
a.file_btn_custom { width:150px; height:40px; line-height:40px; color:#fff; background:#949494; font-size:16px;
	font-weight:500; text-align:center; position:relative; display:block; z-index:1; }
.listType01 tbody tr td a:hover { border-bottom:none; }

.apply_bottom_text { font-size:14px; color:#666; font-weight:400; margin-top:15px; }

.apply_submit { width:100%; text-align:center; margin-top:80px; }
.apply_submit input { width:218px; height:66px; color:#fff; background:#043a1d; text-align:center; line-height:66px;
	font-size:18px; font-weight:500; border:none; }

.visible-block-xs { display: none !important; }
.visible-inline-xs { display: none !important; }

.apply_m_title { display:none; }

.listType01.type02 tbody tr th { font-weight:500; }

@media (max-width: 768px){
	.hidden-xs { display:none !important; }
	.visible-block-xs { display:block !important; }
	.visible-inline-xs { display:inline !important; }
	.mobile_notice { display:inline-block; width:16px; }
	.subject_td { width:70%; }
	
	.scArea { padding:15px 10px; margin-top:60px; margin-bottom:40px; }
	.scArea .notice_select { width:25%; float:left; margin-right:3px; display:block; font-size:13px; height:33px; }
	.scArea .scInp { width:calc(75% - 3px); display:block; float:left; }
	.scArea .scInp .notice_text { width:calc(75% - 3px); float:left; display:block; font-size:13px; height:33px; }
	.scArea .scInp .notice_btn { width:25%; display:block; float:left; font-size:13px; height:33px; line-height:33px; }
	
	.listType01 { table-layout:auto; }
	.listType01 thead tr th { font-size:13px; padding:12px 0; }
	.listType01 tbody tr td { font-size:13px; padding:12px 10px 12px 10px; }
	
	.totalTx { font-size:12px; }
	
	.paging02 a[rel=cur_page] { font-size:13px; width:30px; height:30px; line-height:28px; }
	.paging02 a[rel=num_page] { font-size:13px; width:30px; height:30px; line-height:28px; }

	.paging02 a[rel=prev] { width:30px; height:30px; }
	.paging02 a[rel=prev]::after { width:6px; height:6px; top:10px; right:9px; }
	
	.paging02 a[rel=next] { width:30px; height:30px; }
	.paging02 a[rel=next]::after { width:6px; height:6px; top:10px; left:9px; }
	
	.paging02 a[rel=start] { width:30px; height:30px; }
	.paging02 a[rel=start]::after { width:6px; height:6px; top:10px; right:11px; }
	.paging02 a[rel=start]::before { width:6px; height:6px; top:10px; right:7px; }
	
	.paging02 a[rel=end] { width:30px; height:30px; }
	.paging02 a[rel=end]::after { width:6px; height:6px; top:10px; left:11px; }
	.paging02 a[rel=end]::before { width:6px; height:6px; top:10px; left:7px; }
	
	.subContentInnerNotice { margin-bottom:60px; }
	
	.listType01.type02 tbody tr th.apply_th { display:none; }
	
	input[type="text"].custom_inpType02 { width:100%; height:33px; font-size:13px; }
	input[type=text].inpEmail { width:calc(50% - 11px); height:33px; font-size:13px; }
	input[type=text].inpEmail:nth-child(2) { width:calc(50% - 10px); height:33px; font-size:13px; }
	select.inpEmail { width:100%; margin-top:10px; height:33px; font-size:13px; }
	.apply_title { width:100%; height:33px; font-size:13px; }
	
	.customListType01.type02 tbody tr td { padding:12px 0; }
	a.file_btn_custom { height:33px; font-size:13px; width:128px; line-height:33px; }
	.custom_file { top:14px; left:69px; font-size:10px; }
	.error { font-size:10px; }
	.apply_bottom_text { font-size:11px; margin-top:10px; }
	
	.apply_submit { margin-top:50px; }
	.apply_submit input { font-size:14px; width:132px; height:43px; line-height:43px; }
	
	.agBoxTitle { font-size:18px; margin-bottom:15px; }
	.policyCont p, .policyCont h1, .policyCont ul li { font-size:12px; }
	.agBox { height:150px; }
	
	.agChk label { font-size:12px; }
	.agChk input { margin-right:0; }
	
	.subTits { font-size:18px; margin-top:50px; margin-bottom:15px; }
	.apply_m_title { display:block; font-size:13px; font-weight:500; color:#666; margin-bottom:5px; }
	.customListType01.type02 tbody tr td { border-bottom:none; }
	.customListType01.type02 tbody tr:last-child td { border-bottom:1px solid #000; }
}

.investment_m_info { display:none; }

.investmentCont { margin-top:80px; margin-bottom:80px; }
.investmentCont .header-wrap { height:auto; font-size:16px; padding-left:0; }
.investmentCont .header-wrap span { font-size:16px; color:#333; font-weight:500; padding-left:0; }
.investmentCont table tr th { border-top:2px solid #396544; font-size:16px; color:#396544; font-weight:500;
	padding:17px 10px; background:#ebefec; border-left:1px solid #dbdbdb; border-bottom:1px solid #396544; }
.investmentCont table tr td { font-size:16px; color:#333; font-weight:400; padding:17px 10px; }
.investmentCont table tr td.investment_title { padding-left:40px; }
.investmentCont table tr th:first-child { border-left:none; }
.investmentCont table tr td:first-child { border-left:none; }
.investmentCont table tr:hover td { background:#f5f5f5; }

.investmentCont table tr th.inv_num { width:10%; }
.investmentCont table tr th.inv_date { width:20%; }
.investmentCont table tr th.inv_title { width:40%; }
.investmentCont table tr th.inv_sub { width:30%; }

.investmentCont .header-wrap .time_img { background:none; }

.stockCont .main_stock_box2 { border-top:2px solid #396544; border-bottom:2px solid #396544; }
.stockCont .stockInfo { border-top:none; border-bottom:none; margin:0; }
.stockCont .stockInfo tr th { border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb; background:#ebefec;
	width:22%; }
.stockCont .stockInfo tr td { width:28%; text-align:right; padding-right:40px; }
.stockCont .stockInfo tr:first-child th, .stockInfo tr:first-child td { border-top:none !important; }
.stockCont .stockInfo tr:last-child th, .stockInfo tr:last-child td { border-bottom:none !important; }
.stockCont .stockInfo tr:hover th, .stockInfo tr:hover td { background:#f5f5f5; }

.stockCont #member_trade tr:nth-child(2) th { border-top:1px solid #396544; }
.stockCont #member_trade tr td { text-align:center; }

.stockCont #tradedPrice_time tr td, .stockCont #tradedPrice_day tr td { text-align:right; padding-right:20px; position:relative; }

.stockCont table .down { color:#466fc1; display:inline-block; position:absolute; top:20px; left:20px; }
.stockCont table .up { color:#da2300; display:inline-block; position:absolute; top:20px; left:20px; }
.stockCont table .bohab { display:inline-block; position:absolute; top:20px; left:20px; }

.main_stock_box1_title ul { width:33%; margin-right:2%; float:left; margin-top:10px; margin-bottom:100px; }
.main_stock_box1_title ul:last-child { margin-right:0; }
.main_stock_box1_title .main_stock_box1_title1 { width:100%; padding:31px 30px; border-top:2px solid #396544; background:#ebefec;
	color:#396544; font-weight:500; font-size:20px; }
.main_stock_box1_title .main_stock_box1_title2 { width:100%; padding:20px 30px; border-bottom:1px solid #396544;
	font-size:52px; color:#396544; font-weight:500; text-align:right; position:relative; }
.main_stock_box1_title .main_stock_box1_title2 .CurJuka { font-size:18px; color:#666; font-weight:400; display:inline-block; position:absolute;
	bottom:30px; left:30px; }

.main_stock_box1_title .main_stock_box1_contn { float:left; }
.main_stock_box1_title .main_stock_box1_contn:nth-child(1) { width:33%; }
.main_stock_box1_title .main_stock_box1_contn:nth-child(2) { width:30%; }
.main_stock_box1_title .main_stock_box1_contn:nth-child(3) { width:37%; }
.main_stock_box1_title .main_stock_box1_contn > span { display:block; text-align:center; font-size:18px; color:#333; font-weight:400; 
	border-bottom:1px solid #396544; padding:43.5px 10px; }
.main_stock_box1_title .main_stock_box1_contn .title { border-top:2px solid #396544; padding:23px 10px; color:#396544;
	font-weight:500; font-size:16px; border-bottom:none; background:#ebefec; display:table; }
.main_stock_box1_title .main_stock_box1_contn .title > span { display:table-cell; vertical-align:middle; }

.visible-table-xs { display:none !important; }

@media (max-width: 1230px){
	.main_stock_box1_title ul { width:40%; }
	.stockCont #tradedPrice_day tr td { font-size:13px; padding:20px 10px; }
}

@media (max-width: 991px){
	.investmentCont table tr td { font-size:14px; }
	.investmentCont table tr td.investment_title { padding-left:10px; }
	.main_stock_box1_title ul { width:49%; }
}
@media (max-width: 768px){
	.investment_m_info { display:block; padding:10px 30px; background:#f6f6f6; position:relative;
		border-radius:20px; font-size:12px; font-weight:400; text-align:center; margin-bottom:5px; }
	.investment_m_info img:first-child { display:block; position:absolute; top:calc(50% - 5px); left:10px; }
	.investment_m_info img:last-child { display:block; position:absolute; top:calc(50% - 5px); right:10px; }
		
	.investmentCont { margin-top:50px; margin-bottom:50px; }
	.investmentCont .header-wrap { font-size:12px; }
	.investmentCont .header-wrap span { font-size:12px; }
	.investmentCont .body-wrap { overflow:auto; }
	.investmentCont table tr th { font-size:13px !important; padding:10px 7px !important; }
	.investmentCont table tr td { font-size:13px !important; padding:10px 7px !important; }
	.investmentCont table tr td.investment_title { word-break:break-all; }
	
	.investmentCont table tr th.inv_num { width:43px; }
	.investmentCont table tr th.inv_date { width:87px; }
	.investmentCont table tr th.inv_title { width:250px; }
	.investmentCont table tr th.inv_sub { width:150px; }
	
	::-webkit-scrollbar { -webkit-appearance:none; }
	::-webkit-scrollbar:horizontal { height:4px; }
	::-webkit-scrollbar:vertical { width:4px; }
	::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .5); border-radius:2px; } 
	::-webkit-scrollbar-track { border-radius:2px; background-color:#b5b5b5; }

	.main_stock_box1_title ul { width:100%; margin-bottom:50px; }
	.main_stock_box1_title ul:first-child { margin-bottom:10px; }
	.main_stock_box1_title .main_stock_box1_title1 { font-size:14px; padding:12px 20px; }
	.main_stock_box1_title .main_stock_box1_title2 { font-size:34px; padding:12px 20px; }
	.main_stock_box1_title .main_stock_box1_title2 .CurJuka { font-size:15px; left:20px; bottom:16px; }
	
	.main_stock_box1_title .main_stock_box1_contn .title { font-size:14px; padding:12px 7px; height:104px; }
	.main_stock_box1_title .main_stock_box1_contn span { font-size:13px; padding:12px 7px; }
	
	.stockCont .stockInfo tr th { width:50%; }
	.stockCont .stockInfo tr td { width:50%; }
	
	.inner_tab3 { margin-top:50px; margin-bottom:30px; border-bottom:1px solid #0d3a1d; }
	.inner_tab3 .inner_tab_li { width:50%; padding:7px; border-bottom:none; bottom:-1px; position:relative; height:55px; }
	.inner_tab3 .inner_tab_li.tab_active { position:relative; bottom:-1px; background:#fff; }
	
	.overflow_auto { overflow:auto; width:100%; }
	
	.stockCont #tradedPrice_time tr th { width:95px; }
	.stockCont #tradedPrice_day tr th { width:66px; }
	.stockCont #tradedPrice_day tr th:nth-child(1) { width:83px; text-align:center; }
	.stockCont #tradedPrice_day tr th:nth-child(3) { width:74px; }
	.stockCont #tradedPrice_day tr th:nth-child(7) { width:83px; }
	.stockCont #tradedPrice_day tr th:last-child { width:120px; }
	
	.stockCont table .up { left:7px; top:10px; }
	.stockCont table .down { left:7px; top:10px; }
	.stockCont table .bohab { left:7px; top:10px; }
	
	.visible-table-xs { display:table !important; }
}

.viewBx { padding-top:0; margin-top:80px; }
.viewBx2 { margin-top:0; }
.viewBx .viewTit { font-size:26px; color:#396544; font-weight:400; margin-top:30px; padding:0; line-height:1.35em; }
.viewBx .descBx { padding:20px 0 30px; border-bottom:1px solid #396544; }
.viewBx .descBx span { font-size:16px; color:#666; font-weight:400; margin-left:14px; }
.viewBx .descBx span img { margin-top:2px; }
.viewBx .descBx span:after { display:none; }

.viewBx .viewLink { background:#f8f8f8; margin-top:0; }
.viewBx .viewLink .c:first-child { padding:15px 20px; border-bottom:1px solid #ccc; border-top:none; }
.viewBx .viewLink a { font-size:16px; color:#333; font-weight:400; }
.viewBx .viewLink a img { margin-right:5px; margin-top:-4px; }

.viewBx .editArea { padding:30px; }

.listType01.board_footer { border-top:1px solid #ccc; table-layout:fixed; }
.listType01.board_footer tbody tr th { color:#333; font-weight:400; background:#f8f8f8; padding-left:30px; position:relative; border-bottom:1px solid #ccc; }
.listType01.board_footer tbody tr th.board_prev::after { content:""; display:block; transform:rotate(45deg); border-top:2px solid #333; border-left:2px solid #333;
	width:6px; height:6px; top:27px; right:30px; position:absolute; }
.listType01.board_footer tbody tr th.board_next::after { content:""; display:block; transform:rotate(45deg); border-bottom:2px solid #333; border-right:2px solid #333;
	width:6px; height:6px; top:23px; right:30px; position:absolute; }

.listType01.board_footer tbody tr td { color:#555; font-weight:400; border-bottom:1px solid #ccc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

a.board_footer_list { width:150px; height:40px; display:inline-block; color:#fff; font-size:16px; font-weight:500;
	background:#0d3a1d; text-align:center; margin-bottom:100px; line-height:38px; }

.imgLists ul { margin-right:-15px; margin-left:-15px; }
.imgLists ul li { margin-left:0; width:calc(100%/3); padding:0 15px; margin:20px 0; }
.imgLists ul li .gallary_block { display:block; border:1px solid #d5d5d5; position:relative; }
.imgLists ul li .gallary_img_wrap { position:relative; width:100%; height:0; padding-bottom:56%; background:#666; }
.imgLists ul li .gallary_img_wrap .gallary_img { width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.6; }
.imgLists ul li .gallary_img_wrap .play_img { position:absolute; top:calc(50% - 26px); left:calc(50% - 26px); opacity:0.7; }
.imgLists ul li .gallary_img_wrap .plus_img { width:52px; height:52px; border-radius:50%; border:3px solid #fff; text-align:center;
	position:absolute; top:calc(50% - 26px); left:calc(50% - 26px); opacity:0; }
.imgLists ul li .gallary_img_wrap .plus_img img { margin-top:11px; }
.imgLists ul li .gallary_img_wrap2 { background:#000; }
.imgLists ul li .gallary_img_wrap2 .gallary_img { opacity:1; }
.imgLists ul li .tx { width:100%; text-align:left; padding:15px; white-space:normal; text-overflow:clip; margin-top:0; }
.imgLists ul li .tx .tx_inner { font-size:18px; color:#333; font-weight:400; line-height:1.4em; overflow:hidden;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.8em; word-wrap:break-word;
	text-overflow:ellipsis; }
.imgLists ul li .gallary_block .hover_box { width:calc(100% + 2px); height:296.06px; border:3px solid #396544; opacity:0;
	position:absolute; top:-1px; left:-1px; }

.imgLists ul li .gallary_block:hover .hover_box { opacity:1; }
.imgLists ul li .gallary_block:hover .gallary_img_wrap .play_img { opacity:1; }
.imgLists ul li .gallary_block:hover .gallary_img_wrap .plus_img { opacity:1; }
.imgLists ul li .gallary_block:hover .gallary_img_wrap2 .gallary_img { opacity:0.5; }

@media (max-width: 1230px){
	.imgLists ul li .gallary_block .hover_box { height:247.7px; }
}

@media (max-width: 991px){
	.imgLists ul li .gallary_block .hover_box { height:211.69px; }
}

@media (max-width: 768px){
	.viewBx .viewTit { font-size:16px; color:#0d3a1d; margin-top:12px; }
	.viewBx .descBx span { font-size:11px; margin-left:10px; }
	.viewBx .descBx span img { height:11px; }
	.viewBx .viewLink .c:first-child { font-size:13px; padding:12px 15px; }
	.viewBx .viewLink a { font-size:13px; line-height:1.4em; }
	.viewBx .viewLink a img { height:11px; margin-right:0; }
	.viewBx .editArea { padding:20px 15px; }
	
	.listType01.board_footer tbody tr th { font-size:14px; padding:10px 15px; padding-right:40px; width:46px; }
	.listType01.board_footer tbody tr td { font-size:13px; padding:10px 15px; width:150px; }
	.listType01.board_footer tbody tr th.board_prev::after { width:4px; height:4px; top:22px; right:15px; border-top:1px solid #333; border-left:1px solid #333; }
	.listType01.board_footer tbody tr th.board_next::after { width:4px; height:4px; top:18px; right:15px; border-bottom:1px solid #333; border-right:1px solid #333; }

	a.board_footer_list { width:123px; height:33px; line-height:31px; font-size:13px; margin-bottom:50px; }

	.imgLists ul { margin-right:-5px; margin-left:-5px; }
	.imgLists ul li { width:50%; padding:0 5px; margin-bottom:0; }
	.imgLists ul li .tx { padding:10px; }
	.imgLists ul li .tx .tx_inner { font-size:12px; height:4.2em; -webkit-line-clamp:3; }
	.imgLists ul li .gallary_img_wrap .play_img { width:26px; top:calc(50% - 13px); left:calc(50% - 13px); }
	.imgLists ul li .gallary_img_wrap .plus_img { width:26px; height:26px; border:2px solid #fff;
		top:calc(50% - 13px); left:calc(50% - 13px); }
	.imgLists ul li .gallary_img_wrap .plus_img img { margin-top:5px; width:13px; }
	.imgLists ul li .gallary_block .hover_box { display:none; }
	.imgLists ul li .gallary_block:hover .hover_box { opacity:0; }
}

.faq-wrap .subTabSlide .img { position:relative; }
.faq-wrap .subTabSlide .slides .product_link_img { cursor:pointer; }

.product_link_img { width:60px; height:60px; border-radius:50%; background:#222; opacity:0.6; display:block;
	position:absolute; bottom:15px; right:15px; cursor:pointer; }
.product_link_img:hover { opacity:0.9; }
.product_link_img::before { width:34px; height:3px; border-radius:1.5px; background:#fff; position:absolute; top:calc(50% - 1.5px); left:calc(50% - 17px);
	content:""; display:block; overflow:hidden; }
.product_link_img::after { height:34px; width:3px; border-radius:1.5px; background:#fff; position:absolute; left:calc(50% - 1.5px); top:calc(50% - 17px);
	content:""; display:block; overflow:hidden; }

.prdLy .prdCont { position:fixed; top:calc(50% - 337.5px); left:calc(50% - 505px); width:1010px; border:5px solid #252525; max-height:675px; overflow:auto; }
.prdLy .prdCont .close { top:30px; right:40px; }
.prdLy .prdCont img { max-width:100%; }

@media (max-width: 1230px){
	.prdLy .prdCont { top:calc(50% - 303.75px); left:calc(50% - 455px); width:910px; }
	.prdLy .prdCont .img  { max-width:900px; }
}

@media (max-width: 991px){
	.prdLy .prdCont { top:calc(50% - 236.25px); left:calc(50% - 355px); width:710px; }
	.prdLy .prdCont .img  { max-width:700px; }
}

@media (max-width: 768px){
	.prdLy .prdCont { width:100%; left:0; top:calc(50% - 150px); }
	.prdLy .prdCont .img  { max-width:100%; }
	.prdLy .prdCont .close { top:15px; right:15px; }
	.prdLy .prdCont .close img { width:20px; }
	
	.product_link_img { width:30px; height:30px; bottom:15px; right:15px; bottom:10px; right:10px; }
	.product_link_img::before { width:16px; height:2px; border-radius:1px; top:calc(50% - 1px); left:calc(50% - 8px); }
	.product_link_img::after { height:16px; width:2px; border-radius:1px; left:calc(50% - 1px); top:calc(50% - 8px); }
}

.policyCont { margin-top:80px; margin-bottom:80px; }
.policyCont h1 { font-size:24px; color:#262626; font-weight:500; margin-top:60px; padding-bottom:15px; border-bottom:2px solid #030000; }
.policyCont p { font-size:16px; color:#262626; font-weight:400; margin-top:12px; line-height:1.8em; }
.policyCont ul li { margin-top:12px; font-size:16px; color:#262626; font-weight:400; line-height:1.8em; }
.policyCont h2 { font-size:16px; color:#262626; font-weight:500; margin-top:20px; }

.well { background:#f5f5f5; padding:30px; margin-bottom:20px; }
.well p { margin:0; line-height:2em; font-size:16px; color:#333; }

.contactCont .ctTit { font-size:28px; margin-top:0; font-weight:500; color:#333; position:relative; padding-bottom:15px; margin-bottom:30px; }
.contactCont .ctTit::after { content:""; display:block; width:28px; height:2px; background:#f0841f; position:absolute; bottom:0; left:0; }

.contactCont .tbWrap .listType01 { margin-bottom:80px; border-top:2px solid #396544; border-bottom:1px solid #396544; border-left:none; border-right:none; }
.contactCont .tbWrap .listType01 thead tr th { font-size:16px; color:#396544; font-weight:500; background:#ebefec; border-bottom:1px solid #396544;
	border-right:none; border-left:none; width:calc(100% / 3); line-height:1.2em; }
.contactCont .tbWrap .listType01 tbody tr th { font-size:16px; color:#222; font-weight:500; background:#f8f8f8;
	border-right:none; border-left:none; border-bottom:1px solid #ccc; line-height:1.2em; }
.contactCont .tbWrap .listType01 tbody tr td { font-size:15px; color:#555; font-weight:400;
	border-right:none; border-left:none; border-bottom:1px solid #ccc; line-height:1.2em; }
.contactCont .tbWrap .listType01 tbody tr:last-child th { border-bottom:1px solid #396544; }
.contactCont .tbWrap .listType01 tbody tr:last-child td { border-bottom:1px solid #396544; }

.text-center { text-align:center; }
.text-left { text-align:left !important; }

.patent_wrap { width:100%; text-align:center; margin-bottom:20px; }
.patent_wrap_ul { width:100%; list-style:none; padding:0; margin:0; text-align:center; }
.patent_wrap_ul li { width:auto; padding:0 15px; display:inline-block; }
.patent_wrap_ul li img { border:1px solid #ddd; width:320px; max-width:100%; display:block; margin-bottom:15px; }

.patent_div_wrap { margin-right:-15px; margin-left:-15px; margin-top:30px; }
.patent_div { width:calc(100% / 3); float:left; position:relative; margin-bottom:20px; padding:0 15px; }
.patent_div img { border:1px solid #ddd; }
.patent_div span { background:#396544; color:#fff; width:28px; height:28px; border-radius:50%; display:block;
	position:absolute; bottom:15px; right:30px; font-size:16px; line-height:26px; text-align:center; }

.product_table_margin { margin-top:30px; }

.inner_content_ul .inner_content_down .first_margin_top { margin-top:30px; }
.margin_top_50 { margin-top:50px; }

@media (max-width: 768px){
	.policyCont { margin-top:60px; margin-bottom:60px; }
	.policyCont h1 { font-size:16px; margin-top:30px; padding-bottom:10px; }
	.policyCont p { margin-top:8px; font-size:12px; line-height:1.6em; }
	.policyCont ul li { margin-top:8px; font-size:12px; line-height:1.6em; }
	.policyCont h2 { font-size:12px; margin-top:10px; }
	
	.well { padding:15px; }
	.well p { line-height:1.6em; font-size:12px; }
	
	.contactCont .ctTit { font-size:20px; }
	
	.contactCont .tbWrap .listType01 { /*table-layout:fixed;*/ margin-bottom:50px; }
	.contactCont .tbWrap .listType01 thead tr th { font-size:12px; padding:8px; width:auto; }
	.contactCont .tbWrap .listType01 thead tr th:nth-child(2) { width:100px; }
	.contactCont .tbWrap .listType01 tbody tr th { font-size:12px; padding:6px; }
	.contactCont .tbWrap .listType01 tbody tr td { font-size:12px; padding:6px; }
	.contactCont .tbWrap .listType01 tbody tr td:last-child { word-break:break-all; }
	
	.patent_wrap_ul li { width:50%; display:block; float:left; padding:0 5px; }
	
	.patent_div_wrap { margin-right:-5px; margin-left:-5px; margin-top:15px; }
	.patent_div { width:50%; padding:0 5px; margin-bottom:10px; }
	.patent_div span { width:20px; height:20px; font-size:12px; line-height:18px; right:15px; bottom:10px; }
	.product_table_margin { margin-top:15px; }
	
	.inner_content_ul .inner_content_down .first_margin_top { margin-top:15px; }
	
	.margin_top_50 { margin-top:0; }
}

.hidden_metal_titles { padding:0 10px; margin-bottom:20px; }
.hidden_metal_titles_inner { background:#fff; }
.side_box { width:42%; float:left; text-align:center; }
.image_inner { overflow:hidden; width:100%; }
.middle_box { width:16%; float:left; text-align:center; position:relative; }
.middle_box img { position:absolute; top:calc(50% - 28.5px); left:calc(50% - 35px); }
.left_box { padding-right:10px; }
.right_box { padding-left:10px; }

.hidden_metal_titles .side_box { font-size:24px; }
.hidden_metal_titles .middle_box { height:44px; padding:0; }
.hidden_metal_titles .left_box { color:#0d3a1d; font-weight:500; }
.hidden_metal_titles .right_box { color:#f18e3b; font-weight:500; }

.box_inner { padding:10px 0; }
.box_inner2 { height:68px; padding-top:17px; }
.box_inner3 { height:68px; padding-top:25px; }
.image_box_inner { height:252.55px; line-height:230px; }

.hidden_metal_contents { margin-bottom:10px; display:table; width:100%; }
.hidden_metal_contents .side_box { padding:0 10px; display:table-cell; vertical-align:middle; }
.hidden_metal_contents .middle_box { padding:0 10px; display:table-cell; vertical-align:middle; }
.hidden_metal_contents .side_box .box_inner { background:#fff; font-size:16px; color:#444; }
.hidden_metal_contents .middle_box .box_inner { background:#dae8dc; font-size:16px; color:#0d3a1d; font-weight:500; }

.agTxt .policyCont { margin-top:0; }

.listType01.type02 { border-top:2px solid #030000; border-bottom:2px solid #030000; }

input[type="checkbox"] { position:absolute; width:1px; height:1px; margin:-1px; opacity:0; overflow:hidden; clip:rect(0,0,0,0); border:0; }
input[type="checkbox"] + label { display:inline-block; position:relative; padding-left:24px; }
input[type="checkbox"] + label:before { content:""; position:absolute; top:0; left:0; width:19px; height:19px; cursor:pointer;
	text-align:center; background:url(/resources/home/korean/front/image/common/chkbox.png) no-repeat center center; }
input[type="checkbox"]:checked + label:before { background:url(/resources/home/korean/front/image/common/chkbox_checked.png) no-repeat center center; }

.qa_btn { display:inline-block; border:none; background:#0d3a1d; color:#fff; font-weight:500; font-size:14px; padding:15px 30px; margin:80px 0; }

@media (max-width: 1230px){
	.image_box_inner { height:192.13px; line-height:170px; }
}

@media (max-width: 991px){
	.hidden_metal_titles .side_box { font-size:18px; }
	.hidden_metal_titles .middle_box { height:38px; }
	
	.hidden_metal_contents .side_box .box_inner { font-size:12px; }
	.hidden_metal_contents .middle_box .box_inner { font-size:12px; }
	
	.image_box_inner { height:147.08px; line-height:125px; }
	.box_inner2 { height:56px; padding-top:16px; }
	.box_inner3 { height:56px; padding-top:22px; }
}

@media (max-width: 768px){
	.hidden_metal_titles { padding:0; margin-bottom:10px; }
	.hidden_metal_titles .side_box { font-size:16px; }
	.hidden_metal_titles .middle_box { height:36px; }
	.left_box { padding-right:5px; }
	.right_box { padding-left:5px; }
	
	.middle_box img { width:50px; left:calc(50% - 25px); top:calc(50% - 20px); }
	
	.hidden_metal_contents { margin-right:-3px; margin-left:-3px; margin-bottom:5px; }
	.hidden_metal_contents .side_box { padding:0 3px; }
	.hidden_metal_contents .middle_box { padding:0 3px; }
	.hidden_metal_contents .box_inner { min-height:58px; } 
	.hidden_metal_contents .side_box .box_inner { line-height:1.4em; padding:5px 7px; }
	.hidden_metal_contents .middle_box .box_inner { line-height:1.4em; padding:20px 0; }
	.hidden_metal_contents .m_left_box .box_inner { padding:20px 0; }
	
	input[type="checkbox"] + label { padding-left:19px; }
	input[type="checkbox"] + label:before { width:14px; height:14px; background-size:14px; }
	input[type="checkbox"]:checked + label:before { width:14px; height:14px; background-size:14px; }
	.qa_btn { margin:50px 0; }
	
	.image_box_inner { height:160px; line-height:140px !important; padding:10px 0 !important; }
	.box_inner2 { height:106px; padding-top:30px !important; }
	.box_inner3 { height:106px; padding-top:44px !important; }
	.bor_inner4 { height:106px; }
	
	.m_inner_box { padding:10px 0 !important; min-height:0 !important; }
	
	.image_inner img { width:auto; height:auto; position:relative; left:calc(50% - 144px); }
}

.pr_country { float:right; padding:0; margin:0; list-style:none; margin-bottom:20px; }
.pr_country li { float:left; margin-right:15px; } 
.pr_country li a { display:block; opacity:0.6; }
.pr_country li a:hover, .pr_country li a:focus, .pr_country li a:active { text-decoration:none; opacity:1; }
.pr_country li .tab_active { opacity:1; margin-top:-10px; }

.pr_movie_wrapper { width:90%; margin:30px auto 0; }
.pr_movie_wrapper2 { width:100%; }

.pr_movie_type { padding:0; margin-left:-10px; margin-right:-10px; list-style:none; box-sizing:border-box; margin-bottom:20px; position:relative; }
.pr_movie_type::after { content:""; display:block; clear:both; box-sizing:border-box; }
.pr_movie_type li { width:calc(100%/4); float:left; text-align:center; padding:0 10px; box-sizing:border-box; margin-bottom:5px; display:table; } 
.pr_movie_type li a { font-size:18px; font-weight:400; color:#555; display:table-cell; width:100%; text-align:center; padding:20px 0; 
	border:1px solid #ddd; box-sizing:border-box; background:#fff; vertical-align:middle; }
.pr_movie_type li a:hover, .pr_movie_type li a:focus, .pr_movie_type li a:active { text-decoration:none; }
.pr_movie_type li .tab_active { border:5px solid #396544; padding:16px 0; color:#396544; font-weight:500; }

.pr_movie_list { width:100%; padding:0; margin:0; list-style:none; box-sizing:border-box; margin-bottom:20px; }
.pr_movie_list::after { content:""; display:block; clear:both; box-sizing:border-box; }
.pr_movie_list li { width:calc(100%/4); float:left; text-align:center; padding:0 3px; box-sizing:border-box; margin-bottom:5px; } 
.pr_movie_list li a { display:block; width:100%; text-align:center; padding:14px 0; border:1px solid #ddd; box-sizing:border-box; }
.pr_movie_list li a:hover, .pr_movie_type li a:focus, .pr_movie_type li a:active { text-decoration:none; }
.pr_movie_list li .tab_active { background:#1c1c1c; color:#fff; font-weight:bold; }
			
.email_form { box-sizing:border-box; position:fixed; max-width:500px; width:100%; border:1px solid #ddd; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); background:#fff; padding:40px 20px; z-index:50; text-align:center; }
.email_form::after { content:""; display:block; clear:both; box-sizing:border-box; }
.email_form h2 { color:#444; margin:0; margin-bottom:20px; } 
.email_form label { box-sizing:border-box; color:#444; display:block; float:left; width:30%; line-height:34px; padding:0 5px; margin-bottom:5px; text-align:left; }
.email_form input { box-sizing:border-box; display:block; float:left; width:70%; height:34px; margin-bottom:5px; text-align:left; }
.email_form .button_share { border:none; background:#000; color:#fff; width:100px; display:inline-block; float:none; margin-top:20px; text-align:center; }

.pr_search { float:left; margin-bottom:20px; position:relative; max-width:300px; width:100%; }
.pr_search input { height:34px; line-height:34px; max-width:300px; width:100%; }
.pr_search .search_btn { width:34px; height:34px; text-align:center; position:absolute; top:0; right:0; background:none; border:none; box-shadow:none; }
.pr_search .search_btn:hover, .pr_search .search_btn:active, .pr_search .search_btn:focus { background:none; border:none; }

.pr_movie_list_wrapper { margin:80px 0; position:relative; }

.pr_movie_slider { padding:0 5%; }
.pr_movie_slider .flex-nav-prev { width:50px; height:50px; position:absolute; top:calc(50% - 25px); left:0; }
.pr_movie_slider .flex-nav-prev a { font-size:0; }
.pr_movie_slider .flex-nav-prev a::after { content:""; position:absolute; display:block; width:24px; height:24px; transform:rotate(45deg);
	border-bottom:3px solid #666; border-left:3px solid #666; top:11px; left:10px; }
.pr_movie_slider .flex-nav-next { width:50px; height:50px; position:absolute; top:calc(50% - 25px); right:0; }
.pr_movie_slider .flex-nav-next a { font-size:0; }
.pr_movie_slider .flex-nav-next a::after { content:""; position:absolute; display:block; width:24px; height:24px; transform:rotate(45deg);
	border-top:3px solid #666; border-right:3px solid #666; top:11px; right:10px; }

.pr_movie_slider .slides li { position:relative; }
.pr_movie_slider .slides li .text { display:block; text-align:center; padding:10px 0; font-size:20px; color:#333; }
.pr_movie_slider .slides li a { display:block; position:relative; }
.pr_movie_slider .slides li .hover_box { width:246px; height:138px; border:5px solid #396544; display:none; z-index:-1; position:absolute; top:0; left:0; } 
.pr_movie_slider .slides li .hover_box.active { display:block; z-index:10; }
.pr_movie_slider .slides li a:hover .text { color:#396544; }
.pr_movie_slider .slides li a:hover .hover_box { display:block; z-index:10; }

.pr_movie_active { opacity:0.5; }

.grey_background { width:100%; height:660px; background:#eee; position:absolute; top:0; left:0; }
.grey_background_catalog { height:560px; }

.clip-board-btn { width:35px; height:35px; display:block; float:right; background:url(/resources/home/korean/front/image/contents/link_btn_none.png) no-repeat center center; }
.clip-board-btn:hover { background:url(/resources/home/korean/front/image/contents/link_btn_at.png) no-repeat center center; }
.mail_btn { width:35px; height:35px; display:block; float:right; background:url(/resources/home/korean/front/image/contents/main_btn_none.png) no-repeat center center; }
.mail_btn:hover { background:url(/resources/home/korean/front/image/contents/main_btn_at.png) no-repeat center center; }
.kakao_btn { width:35px; height:35px; display:block; float:right; background:url(/resources/home/korean/front/image/contents/kakao_btn_none.png) no-repeat center center; }
.kakao_btn:hover { background:url(/resources/home/korean/front/image/contents/kakao_btn_at.png) no-repeat center center; }

.share { width:100%; text-align:right; margin-bottom:40px; margin-top:60px; position:relative; } 
.share .share_a { margin-left:5px; }
.contents_title { font-size:28px; color:#333; font-weight:400; float:left; }

.pr_top { margin-top:80px; margin-bottom:40px; }

.pr_country_mobile { list-style:none; display:none; position:relative; height:34px; width:80px; border-radius:20px; border:1px solid #ccc;
	float:right; }
.pr_country_mobile > li { position:relative; padding:6px 34px 7px 14px; }
.pr_country_mobile > li::after { position:absolute; top:10px; right:14px; width:6px; height:6px; content:""; display:block;
	border-right:2px solid #ccc; border-bottom:2px solid #ccc; transform:rotate(45deg); }
.pr_country_mobile > li > .pr_country_mobile_sub { background:#fff; width:calc(100% + 2px); list-style:none; padding:0; position:absolute; top:32px; left:-1px; z-index:10;
	border-bottom-right-radius:20px; border-bottom-left-radius:20px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding-bottom:5px;
	display:none; }
.pr_country_mobile > li > .pr_country_mobile_sub > li > a { display:block; padding:4px 14px; }
.pr_country_mobile li img { width:30px; }

.pr_country_mobile_open { border-bottom-right-radius:0; border-bottom-left-radius:0; }
.pr_country_mobile_open > li > .pr_country_mobile_sub { display:block; }

@media (max-width: 1230px){
	.pr_movie_slider .slides li .hover_box { width:187.75px; height:105.61px; }
}

@media (max-width: 991px){
	.pr_movie_slider .slides li .hover_box { width:144.5px; height:81.28px; }
	.pr_movie_slider .slides li .text { font-size:16px; }
}

@media (max-width: 768px){
	.pr_movie_slider .slides li .hover_box.active { display:none; }
	.pr_movie_slider .slides li a:hover .hover_box { display:none; }
	.pr_movie_wrapper { width:100%; margin-top:10px; }
	.pr_movie_type { margin-left:-5px; margin-right:-5px; }
	.pr_movie_type li { width:50%; padding:0 5px; margin-bottom:10px; }
	.pr_movie_type li a { font-size:14px; padding:18px 0; height:66px; }
	.pr_movie_type li .tab_active { padding:14px 0; }
	
	.pr_movie_slider .flex-control-nav { width:100%; text-align:center; }
	.pr_movie_slider .flex-control-nav li { display:inline-block; width:5px; height:5px; margin:0 3px; }
	.pr_movie_slider .flex-control-nav li a { display:inline-block; font-size:0; width:5px; height:5px; background:#ddd; border-radius:50%; vertical-align:middle; }
	.pr_movie_slider .flex-control-nav li a.flex-active { background:#888; width:7px; height:7px; }
	
	.contents_title { font-size:20px; }

	.clip-board-btn { background:url(/resources/home/korean/front/image/contents/link_btn_at.png) no-repeat center center; }
	.mail_btn { background:url(/resources/home/korean/front/image/contents/main_btn_at.png) no-repeat center center; }
	.kakao_btn { background:url(/resources/home/korean/front/image/contents/kakao_btn_at.png) no-repeat center center; }
	.clip-board-btn, .mail_btn, .kakao_btn { width:24px; height:24px; background-size:24px; }
	
	.grey_background { height:360px; }
	
	.share { margin-top:30px; margin-bottom:20px; }
	
	.pr_movie_list_wrapper { margin:50px 0; }
	
	.pr_movie_slider { padding:0; }
	.pr_movie_slider .flex-direction-nav { display:none; }
	.pr_movie_slider .slides li .text { font-size:10px; }
	
	.pr_top { margin-top:50px; margin-bottom:20px; }
	.pr_search { max-width:190px; }
	.pr_country { display:none; }
	
	.pr_country_mobile { display:block; }
}

.tpo_images_wrap { margin-top:40px; margin-bottom:15px; }
.tpo_images { float:left; position:relative; padding:0 15px; margin-bottom:30px; width:25%; }
.tpo_images .tpo_images_inner { background:#fff; padding:10px; padding-bottom:0; }
.tpo_images img { width:100%; }
.tpo_images .tpo_texts { width:100%; height:60px; display:table; }
.tpo_images p { font-size:15px; color:#555; font-weight:400; margin-top:0 !important; line-height:1.4em !important; padding:0; display:table-cell;
	height:60px; vertical-align:middle; text-align:left; }
.tpo_images h4 { font-size:26px; color:#457d59; font-weight:700; padding-right:7px;
	height:60px; vertical-align:middle; display:table-cell; width:45px; text-align:left; }
.tpo_images h4.wide_text { width:70px; }

.hidden2_explain { text-align:center; margin-top:30px; margin-bottom:20px; }
.hidden2_explain_inner { display:inline-block; }
.hidden2_explain_inner:first-child { margin-right:30px; }
.hidden2_explain_inner > h4 { font-size:16px; color:#0d3a1d; font-weight:500; text-align:center; padding:7px 0; background:#dae8dc;
	margin-top:20px; }
.hidden2_explain_inner > p { font-size:16px !important; font-weight:400; background:#fff; padding:7px 0; padding-left:40px; text-align:left !important;
	margin-top:10px; }

.thcol6 { width:calc(100%/6); }
.fl_roof_text { width::100%; background:#dae5de; padding:20px 40px; position:relative; top:-10px; }
.fl_roof_text p { font-size:17px !important; color:#333 !important; font-weight:500; margin-top:0 !important; word-break:keep-all; }
.fl_roof_text p small { font-size:15px !important; color:#666 !important; font-weight:400; }

.sub_wrapper { margin-bottom:30px; padding:0 15px; }
.sub_wrapper:first-child { margin-top:50px; }
.sub_wrapper:last-child { margin-bottom:50px; }
.sub_wrapper .sub_inner1 { width:50%; float:left; }
.sub_wrapper .sub_inner1 .sub_inner_sub { width:50%; float:left; padding:0 10px; }
.sub_wrapper .sub_inner1 .sub_inner_sub > .sub_info { border:1px solid #ddd; margin-bottom:15px; }
.sub_wrapper .sub_inner1 .sub_inner_sub > .sub_info > img { width:100%; }
.sub_wrapper .sub_inner1 .sub_inner_sub > .sub_info > p { width:100%; font-size:16px; color:#555; margin:0; padding:12px 0; text-align:center; }
.sub_wrapper .sub_inner1 .sub_inner_sub > table { width:100%; background:#fff; border-top:1px solid #000; }
.sub_wrapper .sub_inner1 .sub_inner_sub > table td { width:calc(100%/3); border-left:1px solid #ddd;
	border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:7px 0; font-size:12px; color:#555; }
.sub_wrapper .sub_inner1 .sub_inner_sub > table td:first-child { border-left:none; }
.sub_wrapper .sub_inner1 .sub_inner_sub > table td:last-child { border-right:none; }

.sub_wrapper2 { width:100%; padding:0 15px; margin-top:50px; margin-bottom:40px; }
.sub_wrapper2 .sub_inner2 { width:20%; float:left; padding:0 10px; }
.sub_wrapper2 .sub_inner2 > .sub_info { border:1px solid #ddd; margin-bottom:20px; }
.sub_wrapper2 .sub_inner2 > .sub_info > img { width:100%; }
.sub_wrapper2 .sub_inner2 > .sub_info > p { width:100%; font-size:16px; color:#555; margin:0; padding:12px; text-align:center; }

.detail_wrapper { margin-top:50px; margin-bottom:30px; padding:0 10px; }
.once_image_inner { width:100%; padding:0 20px; }
.once_image_inner img { margin-top:30px; border:1px solid #ddd; }

.table_wrap_construction { margin-top:40px; margin-bottom:40px; }

@media (max-width: 1230px){
	.tpo_images .tpo_texts { height:47px; }
	.tpo_images p { font-size:12px !important; height:47px; }
	.tpo_images h4 { font-size:20px; height:47px; width:32px; }
	.tpo_images h4.wide_text { width:50px; }
}

@media (max-width: 991px){
	.tpo_images { padding:0 8px; width:calc(100% / 3); }
	.tpo_images .tpo_texts { height:38px; }
	.tpo_images p { height:38px; }
	.tpo_images h4 { height:38px; }
	
	.hidden2_explain_inner { width:49%; float:left; display:block; }
	.hidden2_explain_inner img { width:100%; }
	.hidden2_explain_inner:first-child { margin-right:2%; }
	.hidden2_explain_inner > p { padding-left:30px; }
	
	.sub_wrapper .sub_inner1 .sub_inner_sub > .sub_info > p { font-size:12px; }
	.sub_wrapper2 .sub_inner2 { width:25%; }
	.sub_wrapper2 .sub_inner2 > .sub_info > p { font-size:12px; }
}

@media (max-width: 768px){
	.tpo_images_wrap { margin-top:20px; margin-bottom:15px; }
	.tpo_images { width:50%; margin-bottom:10px; padding:0 3px; }
	.tpo_images .tpo_images_inner { padding:5px; padding-bottom:0; }
	.tpo_images .tpo_texts { height:48px; }
	.tpo_images h4 { font-size:16px; padding-top:0; width:26px; }
	.tpo_images h4.wide_text { width:42px; }
	.tpo_images p { margin-bottom:0 !important; padding-top:0; }
	
	.hidden2_explain { margin-top:15px; margin-bottom:0; }
	.hidden2_explain_inner > h4 { font-size:14px; }
	.hidden2_explain_inner > p { padding-left:10px; font-size:12px !important; margin-bottom:0 !important; }
	
	.thcol6 { width:120px; }
	
	.sub_wrapper { margin-bottom:0; padding:0; }
	.sub_wrapper:first-child { margin-top:30px; }
	.sub_wrapper:last-child { margin-bottom:30px; }
	.sub_wrapper .sub_inner1 { width:100%; }
	.sub_wrapper .sub_inner1 .sub_inner_sub { padding:0 3px; margin-bottom:10px; }
	.sub_wrapper .sub_inner1 .sub_inner_sub > .sub_info { margin-bottom:6px; }
	.sub_wrapper .sub_inner1 .sub_inner_sub > .sub_info > p { padding:7px 5px; }
	.sub_wrapper .sub_inner1 .sub_inner_sub > table td { font-size:10px; }
	
	.sub_wrapper2 { margin-top:30px; margin-bottom:20px; padding:0; }
	.sub_wrapper2 .sub_inner2 { width:50%; padding:0 3px; }
	.sub_wrapper2 .sub_inner2 > .sub_info { margin-bottom:10px; }
	.sub_wrapper2 .sub_inner2 > .sub_info > p { padding:7px 5px; font-size:10px; }
	
	.detail_wrapper { margin-top:30px; margin-bottom:10px; padding:0; }
	.table_wrap_construction { margin-top:20px; margin-bottom:0; padding-bottom:20px; }
}

.planning_file_inner { width:calc(100% / 3); float:left; padding:0 10px; margin-bottom:20px; }
.planning_file_inner > a { display:block; padding:20px 40px 20px 15px; position:relative; font-size:16px; color:#555; border:1px solid #ccc;
	background:#fff; font-weight:500; line-height:1.4em; }
.planning_file_inner > a > img { position:absolute; top:calc(50% - 8px); right:15px; opacity:0.6; }
.planning_file_inner > a:hover { border-color:#396544; }
.planning_file_inner > a:hover > img { opacity:1; }

.planning_none_inner { width:100%; text-align:center; min-height:200px; }

.paging_custom { margin-top:0; }
.paging_custom .num { padding:0; margin-top:20px; }
.paging_custom .num a { border:none; background:none; color:#555; opacity:0.6; min-width:20px; }
.paging_custom .num a:hover { opacity:1; }
.paging_custom span.pg, .paging02 a.sel { border:none; background:none; color:#396544; }
.paging_custom .btn { width:20px; height:29px; display:inline-block; position:relative; overflow:visible; margin-top:20px; }
.paging_custom .btn_next::after { content:""; display:block; position:absolute; transform:rotate(45deg); border-top:2px solid #555; 
	border-right:2px solid #555; width:6px; height:6px; top:10px; right:0px; opacity:0.6; }
.paging_custom .btn_prev::after { content:""; display:block; position:absolute; transform:rotate(45deg); border-bottom:2px solid #555; 
	border-left:2px solid #555; width:6px; height:6px; top:10px; left:0px; opacity:0.6; }
.paging_custom .btn:hover { opacity:1; }

.product_explain_title_rail { margin-top:0; }
.product_explain_title_solar { margin-top:0; }
.none_padding { padding:0 !important; }

.rail_th1 { width:16%; }
.rail_th2 { width:42%; }

.solar_left_td { width:25%; }
.left_padding_td { width:75%; text-align:left; padding-left:50px; }

.product_table_solar tbody { border-top:2px solid #0d3a1d; }

.solar_th1 { width:34%; }
.solar_th2 { width:22%; }
.product_table tbody .solar_yellow { text-align:right; padding-right:40px; color:#f0841e; }

.product_table_solar2 thead th, .product_table_solar2 tbody th, .product_table_solar2 tbody td
{ width:86px; padding:9px; }
.product_table_solar3 thead th, .product_table_solar3 tbody th, .product_table_solar3 tbody td
{ padding:9px; }

.solar2_icon_container { margin-top:30px; text-align:center; }
.solar2_icon_wrapper { width:200px; height:200px; border:5px solid #deeada; border-radius:50%; text-align:center; display:inline-block;
	padding-top:36px; vertical-align:top; background:#fff; position:relative; z-index:1; }
.solar2_icon_wrapper p { width:138px; padding-top:5px; border-top:1px solid #ccc; display:inline-block; margin-bottom:0;
	font-size:16px !important; font-weight:700 !important; color:#396544 !important; line-height:1em !important; }
.solar2_icon_next { vertical-align:top; width:40px; height:200px; margin:0 30px; position:relative; display:inline-block; }
.solar2_icon_next::after { content:""; display:block; width:14px; height:14px; transform:rotate(45deg); border-top:2px solid #aaa;
	 border-right:2px solid #aaa; position:absolute; top:91px; left:8px; }
.solar2_icon_next p { position:absolute; bottom:50px; left:calc(50% - 62.725px); background:#396544; color:#fff !important; font-weight:500; 
	font-size:16px !important; padding:5px 12px 7px; border-radius:15px; margin:0 !important; line-height:1em !important; }

.solar2_icon_wrapper2 { display:inline-block; width:240px; height:240px; position:relative; vertical-align:top; }
.solar2_icon_wrapper2 img { width:100%; }
.solar2_icon_wrapper2 p { color:#fff !important; font-size:24px !important; font-weight:500; position:absolute;
	top:calc(50% - 43px); left:calc(50% - 120px);; margin:0 !important; width:100%; line-height:1.2em !important; text-align:center; }
.solar2_icon_wrapper2 span { font-size:18px !important; font-weight:400 !important; }

.solar2_icon_rooftop_wrapper { display:inline-block; vertical-align:top; position:relative; }
.solar2_icon_rooftop_next { display:inline-block; width:100px; margin:0 20px; height:200px; vertical-align:top; position:relative; }
.solar2_icon_rooftop_next .next_top { position:absolute; bottom:130px; left:calc(50% - 55px); }
.solar2_icon_rooftop_next .next_top_eng { width:200px; left:calc(50% - 100px); }
.solar2_icon_rooftop_next .next_bottom { position:absolute; top:138px; left:calc(50% - 55px); }

.next_top, .next_bottom { color:#fff !important; font-weight:500; font-size:16px !important; background:#666;
	padding:4px 0; width:110px; border-radius:20px; margin:0 !important; text-align:center; }
.next_bottom2 { width:231px; padding:4px 14px; text-align:left; top:calc(50% - 55.5px); }

.solar2_icon_rooftop_top { height:100px; margin:20px 0; position:relative; }
.solar2_icon_rooftop_top .next_top { position:absolute; left:-60px; top:calc(50% - 16.5px); }
.solar2_icon_rooftop_top .next_bottom { position:absolute; left:150px; top:calc(50% - 41.5px); }

.arrows { width:100px; height:25px; background:url(/resources/home/korean/front/image/product/solar2/solar_arrow1.png) no-repeat center center;
	display:inline-block; }
.arrow_right { position:absolute; top:calc(50% - 23.5px); left:0; }
.arrow_left { transform:rotate(180deg); position:absolute; top:calc(50% + 5.5px); left:0; }
.arrow_top { transform:rotate(270deg); position:absolute; top:38px; left:35px; }
.arrow_bottom { transform:rotate(90deg); position:absolute; top:38px; left:65px; }

.m_visible { display:none !important; }

@media (max-width: 1230px){
	.planning_file_inner > a { font-size:12px; }
	.solar2_icon_wrapper2 { width:200px; height:200px; }
	.solar2_icon_wrapper2 p { left:calc(50% - 100px); font-size:22px !important; }
	.solar2_icon_rooftop_next { margin:0 15px; }
}

@media (max-width: 991px){
	.planning_file_inner { width:50%; }
	
	.solar2_icon_wrapper { width:175px; height:175px; padding-top:20px; }
	.solar2_icon_wrapper p { margin-top:10px !important; }
	.solar2_icon_next { margin:0 15px; height:175px; }
	.solar2_icon_next::after { top:75px; }
	
	.h5_border .h5_right_text { font-size:14px; }
	.product_table tbody .solar_yellow { padding-right:20px; }
	
	.solar2_icon_container2 { text-align:left; }
	.m_hidden { display:none !important; }
	.m_visible { display:block !important; }
	
	.solar2_icon_rooftop_top .next_top { left:0; width:73px; top:calc(50% - 28px); }
	.solar2_icon_rooftop_top .next_bottom { width:231px; }
}

@media (max-width: 768px){
	.planning_file_inner { padding:0 3px; margin-bottom:6px; display:table; }
	.planning_file_inner > a { padding:10px 20px 10px 10px; font-size:10px; height:50px; display:table-cell; vertical-align:middle; }
	.planning_file_inner > a > img { width:12px; top:calc(50% - 6px); right:10px; }
	
	.paging_custom .num { margin-top:0; }
	.paging_custom .num a { font-size:12px; }
	.paging_custom .btn { margin-top:0; }
	.paging_custom .btn_next::after { width:4px; height:4px; top:12px; }
	.paging_custom .btn_prev::after { width:4px; height:4px; top:12px; }
	
	.rail_th1 { width:70px; }
	.rail_th2 { width:170px; }
	
	.product_explain_title_rail, .product_explain_title_solar { margin-top:0; }
	.solar_left_td { width:35%; }
	.left_padding_td { padding-left:5px; width:65%; }
	.product_table_solar2 thead th, .product_table_solar2 tbody th, .product_table_solar2 tbody td { width:69px; }
	.product_table_solar3 thead th, .product_table_solar3 tbody th, .product_table_solar3 tbody td { width:75px; }

	.solar2_icon_container { text-align:left; margin-top:20px; }
	.solar2_icon_wrapper { width:120px; height:120px; padding-top:18px; margin-bottom:20px; }
	.solar2_icon_wrapper img { width:44px; }
	.solar2_icon_wrapper p { width:75px; margin-top:5px !important; font-size:14px !important; padding-top:5px; }
	.solar2_icon_next { height:120px; width:20px; margin:0 10px; }
	.solar2_icon_next p { font-size:10px !important; padding:5px 7px 6px; left:calc(50% - 37px); bottom:30px; z-index:2; }
	.solar2_icon_next::after { width:7px; height:7px; top:55px; left:4px; }
	
	.table_wrap_m_padding { padding-bottom:20px; }
	
	.solar_th1 { width:170px; }
	.solar_th2 { width:110px; }
	
	.product_table tbody .solar_yellow { padding-right:5px; }
	.m_padding_top_none { padding-top:0 !important; }
	
	.table_wrap4:first-child { margin-bottom:20px; }
	
	.solar2_icon_wrapper2 { width:120px; height:120px; }
	.solar2_icon_wrapper2 p { left:calc(50% - 60px); font-size:16px !important; }
	.solar2_icon_wrapper2 p span { font-size:12px !important; }
	
	.solar2_icon_wrapper3 img { width:90px; }
	
	.next_top, .next_bottom { font-size:10px !important; width:78px; border-radius:10px; }
	
	.solar2_icon_rooftop_top { height:34px; margin-top:0; margin-bottom:5px; }
	
	.arrows { background-size:34px; width:34px; }
	.arrow_top { top:5px; left:36px; }
	.arrow_bottom { top:5px; left:48px; }
	.arrow_right { top:calc(50% - 13.5px); }
	.arrow_left { top:calc(50% + 0.5px); }
	
	.solar2_icon_wrapper_rooftop { margin-bottom:5px; }
	.solar2_icon_rooftop_next { width:34px; height:120px; margin:0 5px; }
	
	.solar2_icon_rooftop_next .next_top { bottom:65px; left:calc(50% - 39px); z-index:2; }
	.solar2_icon_rooftop_next .next_bottom { top:77px; left:calc(50% - 39px); z-index:2; }
	.solar2_icon_rooftop_top .next_top { width:46px; top:calc(50% - 20px); }
	.solar2_icon_rooftop_top .next_bottom { top:calc(50% - 28px); left:90px; width:150px; }
	
	.next_bottom2 { width:120px; padding:4px 10px; }
}

.solar_roof_wrapper { margin-top:20px; }
.solar_roof_inner { width:calc(100% / 3); float:left; padding:0 12px; }
.solar_roof_inner .h5_border { padding-top:10px !important; margin-bottom:20px !important; }
.solar_roof_inner p { margin-top:10px !important; }
.solar_roof_inner .solar_roof_inner_span { display:table; width:100%; padding:14px 5px; text-align:center; font-size:18px;
	font-weight:500; color:#555; background:#fff; line-height:1.4em; margin-top:24px; height:78px; }
.solar_roof_inner .solar_roof_inner_span.solar_height { height:153px; }
.solar_roof_inner .solar_roof_inner_span > .solar_middle_inner { display:table-cell; vertical-align:middle; }

.solar_roof_wrapper2 .solar_roof_inner .solar_roof_inner_span { margin-top:10px; }

.table_bottom_p_roof { padding:0 24px; }
.table_wrap2_solar_inner { padding:0 12px; }
.solar_step { display:inline-block; margin:0 30px; margin-top:30px; }
.solar_step img { border:1px solid #ddd; }
.solar_step p { margin-top:10px !important; }

.solar_step2 { width:20%; float:left; padding:0 10px; }
.solar_step2 .solar_step_title { display:table; padding:7px 0; background:#dae8dc; width:100%;
	text-align:center; margin-top:30px; height:50px; }
.solar_step2 .solar_step_title .step_title_inner { display:table-cell; vertical-align:middle; font-size:18px; font-weight:500; }
.solar_step2 .solar_step2_inner { padding:20px 30px; background:#fff; min-height:446px; }
.solar_step2 .solar_step2_inner img { width:100%; border:1px solid #ddd; margin-bottom:20px; }
.solar_step2 .solar_step2_inner .solar_step_info { display:block; position:relative; text-align:left;
	font-size:15px; color:#555; font-weight:400; line-height:1.4em; }
.solar_step2 .solar_step2_inner .solar_step_info::after { display:block; content:""; width:4px; height:4px; border-radius:50%;
	background:#396544; position:absolute; top:6px; left:-10px; }
.solar_step2 .solar_step_bottom { display:block; text-align:center; font-size:15px; color:#396544; font-weight:500; opacity:0.8; 
	margin-top:10px; height:30px; }
.solar_step2 .next_img { width:100%; position:relative; top:-1px; }

.solar_row { margin-left:-10px; margin-right:-10px; }

.solar_detail { margin-top:30px; margin-bottom:30px; }

.solar_ways { display:inline-block; margin:0 20px; vertical-align:top; margin-top:30px; margin-bottom:10px; }
.solar_ways img { border:1px solid #ddd; }
.solar_way_title { width:100%; padding:7px 5px; background:#dae8dc; color:#396544; font-weight:500; font-size:14px; text-align:center;
	display:block; margin-top:10px; }
.solar_way_middle { width:511px; }
.solar_way_middle .solar_way_title { width:100%; float:left; }
.solar_way_middle_inner { margin-right:20px; float:left; }
.solar_way_middle_inner:nth-child(3) { margin-right:0; }

.solar_way_wrapper { text-align:center; }

@media (max-width: 1230px){
	.solar_step { margin:30px 20px 0; }
	.solar_step2 .solar_step2_inner { padding:15px 20px; min-height:403.36px; }
	.solar_roof_inner .solar_roof_inner_span { font-size:17px; }
	.solar_step2 .solar_step_title .step_title_inner { font-size:14px; }
	.solar_step2 .solar_step2_inner .solar_step_info { font-size:13px; }
	
	.solar_roof_inner .solar_roof_inner_span.solar_height { height:166px; }
}

@media (max-width: 991px){
	.solar_roof_inner { width:50%; }
	.solar_roof_inner p { font-size:12px !important; }
	
	.solar_step { margin:0; margin-top:30px; width:calc(100% / 3); float:left; padding:0 15px; } 
	.solar_step img { width:100%; }
	
	.solar_step2 { width:calc(100% / 3); }
	.solar_step2 .solar_step2_inner { padding:20px 30px; min-height:415.36px; }
	
	.solar_way_wrapper { text-align:left; }
	.solar_ways { margin-left:0; }
}

@media (max-width: 768px){
	.table_wrap2_solar_inner { padding:0; overflow:hidden; }
	.table_wrap2_solar_inner .h5_border { margin-bottom:15px !important; padding-top:0 !important; }
	
	
	.solar_roof_inner { width:100%; padding:0; }
	.solar_roof_inner p { width:100%; float:left; }
	.solar_roof_inner .h5_border { margin-bottom:15px !important; }
	.solar_roof_inner .solar_roof_inner_span { font-size:12px; margin-bottom:15px; margin-top:0; }
	.solar_roof_inner .solar_roof_inner_span_one { padding:22px 5px; }
	.solar_roof_inner .solar_roof_inner_span.solar_height { height:auto; }
	
	.solar_roof_wrapper2 .solar_roof_inner .solar_roof_inner_span { margin-bottom:0; margin-top:0; }
	
	.solar_roof_inner_m { width:100%; padding:0; }
	.solar_roof_inner_m .solar_roof_inner_span { float:left; width:calc((100% - 6px) / 2); margin-right:6px; }
	.solar_roof_inner_m .solar_roof_inner_span:nth-child(2n+1) { margin-right:0; }
	
	.solar_step { width:50%; padding:0 3px; margin-top:0; }
	.solar_step2 { width:50%; padding:0 3px; }
	.solar_step2 .solar_step2_inner { padding:10px 15px; min-height:367.67px; }
	.solar_step2 .solar_step_title .step_title_inner { font-size:12px; }
	.solar_step2 .solar_step2_inner .solar_step_info { font-size:12px; padding-left:10px; }
	.solar_step2 .solar_step2_inner .solar_step_info::after { left:0; }
	.solar_step2 .solar_step_title { margin-top:0; }
	.solar_step2 .solar_step_bottom { font-size:12px; margin-top:5px; }
	
	.solar_row { margin-left:-3px; margin-right:-3px; }
	.table_bottom_p_roof { padding:0; }
	
	.solar_step p { margin-bottom:0 !important; }
	.solar_step2 .next_img { margin-bottom:10px; }
	
	.solar_ways { margin-right:0; margin-top:15px; margin-bottom:0; }
	.solar_way_middle { width:100%; }
	.solar_way_middle_inner { width:calc((100% - 20px) / 3); margin-right:10px; }
	.solar_way_middle_inner img { width:100%; }
	.solar_way_middle_inner:nth-child(3) { margin-right:0; }
	
	.solar_way_wrapper { padding-bottom:30px; }
	.solar_detail { margin:0; margin-top:15px; }
}

.chemical_logo { position:absolute; bottom:5px; right:0; }
.chemical_img1 { max-width:100%; margin-top:30px; }

.chemical_title { font-size:22px; color:#396544; font-weight:500; padding-bottom:10px; border-bottom:2px solid #bcd7bc; margin-bottom:20px;
	 padding-left:71px; position:relative; margin-top:70px; }
.chemical_title img { position:absolute; bottom:10px; left:0; }

.chemical_th1 { width:15%; }
.chemical_th2 { width:15%; }
.chemical_th3 { width:25%; }
.chemical_th4 { width:45%; }

.chemical_process_wrapper { width:100%; position:relative; margin-top:20px; }
.chemical_process_wrapper .process_border { width:calc(100% - 70px); height:1px; border-top:3px dashed #c8dec1;
	position:absolute; top:75px; left:35px; }
.chemical_process_wrapper .process_inner { width:calc(100% / 7); float:left; padding:0 10px; position:relative; }
.chemical_process_wrapper .process_inner .process_inner_background { padding:15px 10px; background:#fff; border-radius:15px; }
.chemical_process_wrapper .process_inner .process_inner_background_none { background:none; }
.chemical_process_wrapper .process_inner .process_inner_background > p { color:#fff; text-align:center; background:#396544;
	border-radius:50%; margin-top:0; line-height:1.2em; width:121.42px; height:121.42px; margin-bottom:10px;
	font-size:17px; font-weight:700; border:3px solid #396544; display:table; }
.chemical_process_wrapper .process_inner .process_inner_background > p > span { display:table-cell; vertical-align:middle; }
.chemical_process_wrapper .process_inner:nth-child(odd) .process_inner_background > p { background:#f6f6f6; color:#396544; border-color:#c8dec1; }
.chemical_process_wrapper .process_inner img { width:100%; margin-top:10px; }

.chemical_service_wrapper { padding-right:230px; position:relative; }
.chemical_service_img { position:absolute; top:30px; right:15px; }

.pr_catalog_wrapper { margin:0 -40px; position:relative; }
.pr_catalog_wrapper .pr_catalogs { float:left; width:25%; padding:0 40px; position:relative; margin-top:80px; min-height:471px; }
.pr_catalog_wrapper .pr_catalogs > img { width:100%; }
.pr_catalog_wrapper .pr_catalogs p { text-align:center; padding:30px 0; font-size:22px; color:#222; font-weight:500; text-overflow:ellipsis;
	overflow:hidden; white-space:nowrap; }
.pr_catalog_wrapper .pr_catalogs > a > img { width:100%; }
.pr_catalog_wrapper .pr_catalogs .clearfix a { display:block; width:49%; float:left; font-size:13px; position:relative;
	color:#396544; font-weight:500; border:1px solid #396544; padding:15px 10px; height:auto; }
.pr_catalog_wrapper .pr_catalogs .clearfix a > img { position:absolute; right:15px; top:calc(50% - 7px); }
.pr_catalog_wrapper .pr_catalogs .catalog_share { margin-right:2%; background:none; }
.pr_catalog_wrapper .pr_catalogs .pr_not_download { text-align:center; }
.pr_catalog_wrapper .pr_catalogs .catalog_share.catalog_not_download { margin-right:0; display:inline-block; text-align:left; float:none; }

.subContentInnerCatalog { overflow:hidden; margin-bottom:100px; }

.product_explain_title_window { margin-top:0; }
.img_margin_top > img { margin-top:30px; }
.img_margin_top2 > img { margin-top:20px; }

.agTxt .well { background:none; padding:0; }
.agBox .agBoxInner { padding:30px; }

@media (max-width: 1230px){
	.chemical_process_wrapper .process_inner .process_inner_background > p { width:84.42px; height:84.42px; font-size:12px; }
	.chemical_process_wrapper .process_border { top:56px; }
	
	.pr_catalog_wrapper { margin:0 -20px; }
	.pr_catalog_wrapper .pr_catalogs { padding:0 20px; min-height:421.49px; }
	.pr_catalog_wrapper .pr_catalogs .clearfix a { padding:15px 10px; }
	.pr_catalog_wrapper .pr_catalogs .clearfix a > img { right:10px; }
}

@media (max-width: 991px){
	.chemical_service_wrapper { padding-right:180px; }
	.chemical_service_img { width:150px; }
	
	.chemical_process_wrapper .process_inner { width:124.42px; float:none; display:inline-block; vertical-align:top; margin-bottom:15px; }
	.chemical_process_wrapper .process_border { display:none; }
	
	.chemical_service_wrapper { padding-right:0; }
	.chemical_service_img { top:auto; right:auto; position:relative; margin-bottom:20px; }
	
	.pr_catalog_wrapper { margin:0 -5px; }
	.pr_catalog_wrapper .pr_catalogs { padding:0 5px; min-height:384.79px; }
	.pr_catalog_wrapper .pr_catalogs .clearfix a { padding:15px 5px; }
	.pr_catalog_wrapper .pr_catalogs .clearfix a > img { right:5px; }
	
}

@media (max-width: 768px){
	.chemical_title { font-size:20px; padding-left:45px; margin-top:20px; margin-bottom:10px; }
	.chemical_title img { height:40px; }
	
	.chemical_title_m { margin-top:46px; }
	
	.chemical_process_wrapper { margin-bottom:15px; }
	.chemical_process_wrapper .process_inner { width:90px; padding:0 5px; margin-bottom:10px; }
	.chemical_process_wrapper .process_inner .process_inner_background { padding:7px 5px; }
	.chemical_process_wrapper .process_inner .process_inner_background > p { width:70px; height:70px; font-size:10px; padding:0; }
	
	.pr_catalog_wrapper { margin:0 -3px; }
	.pr_catalog_wrapper .pr_catalogs { padding:0 3px; min-height:0; width:50%; margin-top:40px; }
	.pr_catalog_wrapper .pr_catalogs p { font-size:14px; padding:20px 0; }
	.pr_catalog_wrapper .pr_catalogs .clearfix a { font-size:10px; padding:10px 5px; }
	
	.product_explain_title_window { margin-top:10px; }
	
	.img_margin_top > img { margin-top:15px; }
	.img_margin_top2 > img { margin-top:15px; }
	
	.chemical_th1 { width:100px; }
	.chemical_th2 { width:80px; }
	.chemical_th3 { width:150px; }
	.chemical_th4 { width:230px; }
}

.deck_title { margin-top:0; }
.content_emphasis { font-size:22px; color:#457d59; font-weight:500; margin-top:25px; line-height:1.2em; margin-bottom:10px; }
.deck_contents { display:block; padding-left:10px; color:#555; font-size:15px; font-weight:400; line-height:1.6em;
	margin-bottom:5px; position:relative; }
.deck_contents::after { width:4px; height:4px; border-radius:2px; background:#457d59; position:absolute;
	content:""; display:block; top:11px; left:0; }
.inner_content_ul .inner_content_down .h5_border_margin { margin-bottom:25px; }
.tg_deck_img { width:100%; max-width:520px; margin-top:40px; }
.table_deck { padding:40px 20px; background:#fff; }
.table_deck > img { width:100%; }
.table_deck2 { padding:0; padding-bottom:20px; padding-top:20px; }
.product_table_deck { width:50%; float:left; }
.product_table_deck:first-child { padding-left:15px; }
.product_table_deck:last-child { padding-right:15px; }
.product_table_deck:first-child > .product_table thead th:last-child { border-right:1px solid #ccc; }
.product_table_deck:first-child > .product_table tbody td:last-child { border-right:1px solid #ccc; }

.green_deck_wrapper { margin-left:-10px; margin-right:-10px; }
.green_deck_div { width:100%; float:left; margin-top:30px; margin-bottom:10px; padding:0 10px; }
.green_deck_div > img { width:100%; max-width:373px; }
.green_deck_div2 { width:50%; padding:0 10px; float:left; }
.green_deck_div2 > img { width:100%; }
.green_deck_div2 > span { color:#555; display:block; text-align:center; padding-top:15px; font-size:15px; }

.heat_deck_img { width:100%; max-width:528px; margin-top:30px; }
.inner_content_ul .inner_content_down .deck_p { margin-bottom:15px; }

.deck_img_contents { display:block; margin-top:20px; margin-bottom:20px; font-size:15px; color:#555; line-height:1.6em; }

.product_index_content .table_wrap { width:50%; float:left; padding:0 15px; }
.product_index_content .table_wrap h6 { font-size:22px; color:#457d59; font-weight:500; line-height:100px; margin-bottom:20px; }
.product_index_content .table_wrap h6 img { margin-right:30px; }
.product_index_content .table_wrap > p { font-size:15px; color:#555; line-height:1.6em; }

.housing_wrapper { padding:40px 0 60px; border-bottom:1px solid #ccc; }
.housing_index_img { width:100%; background:#fff; padding:15px 30px; }
.housing_index_img img { width:100%; }
.housing_span { font-size:18px; color:#457d59; display:block; margin-top:60px; margin-bottom:10px; }

.sip_img1 { width:53.2%; float:left; padding-right:1.5%; margin-top:30px; margin-bottom:20px; }
.sip_img1 > img { width:100%; }
.sip_img2 { width:46.8%; float:left; margin-top:30px; }
.sip_img2 > img { width:100%; }
.sip_wrapper { padding:30px 0; }
.sip_sequence { width:25%; padding:0 10px; margin-bottom:20px; float:left; }
.sip_sequence_inner { background:#fff; padding:10px; }
.sip_sequence_inner > img { display:block; width:100%; margin-bottom:10px; }
.sip_sequence_content { height:40px; position:relative; }
.sip_sequence_content > .sequence_number { font-size:26px; color:#457d59; font-weight:700; line-height:40px; }
.sip_sequence_content > .sequence_title { font-size:15px; color:#555; font-weight:400; width:100%; position:absolute; padding-left:40px;
	top:50%; left:0; transform:translate3D(0, -50%, 0); }
.deck_sequence { width:calc(100% / 3); padding:0 10px; margin-bottom:20px; float:left; }

.fire_title { font-size:28px; color:#222; font-weight:700; margin-top:15px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc; 
	display:inline-block; width:302px; text-align:left; position:relative; }
.fire_content { display:inline-block; width:302px; font-size:12px; color:#555; font-weight:400; margin:0; text-align:left; }
.fire_tap { display:block; color:#fff; font-size:12px; font-weight:500; padding:3px 14px 5px; background:#666; border-radius:10px;
	position:absolute; top:4px; right:0; }
	
.polycam_explain_title { margin-top:0; line-height:1.2em; }

.polycam_wrapper { margin-top:50px; }
.polycam_wrapper .product_index_content { padding:0; }
.polycam_slider { width:100%; padding:0 87px; position:relative; overflow:hidden; }
.polycam_slider .flex-nav-prev, .polycam_slider .flex-nav-next { float:left; width:194px; text-align:center; }
.polycam_slider a { width:46px; height:46px; margin-top:-23px; font-size:0; position:absolute; top:50%; display:block; overflow:hidden;
	background:rgba(0,0,0,0.5); }
.polycam_slider .flex-prev { left:0; }
.polycam_slider .flex-next { right:0; }
.polycam_slider .flex-prev::after { display:block; width:16px; height:16px; border-bottom:2px solid #fff; 
	border-left:2px solid #fff; top:14px; left:17px; transform:rotate(45deg); content:""; position:absolute; }
.polycam_slider .flex-next::after { display:block; width:16px; height:16px; border-top:2px solid #fff; 
	border-right:2px solid #fff; top:14px; right:17px; transform:rotate(45deg); content:""; position:absolute; }
.polycam_slider .flex-prev::hover, .polycam_slider .flex-next::hover { opacity:1; }
.polycam_slider .flex-control-nav { display:none; }

.polycam_type_wrap { padding:40px 15px; margin-bottom:0; }
.polycam_type_bottom_text { border-top:2px solid #0d3a1d; background:#fff; padding:20px 100px;
	font-size:16px; color:#5f5f5f; line-height:1.4em; margin-bottom:20px; border-bottom:1px solid #ccc; }

.polycam_slider a.flex-disabled { opacity:0.5; cursor:default; }

@media (max-width: 1230px){
	.deck_title { margin-top:0; }
}

@media (max-width: 991px){
	.product_index_content .table_wrap h6 { font-size:18px; line-height:100px; }
	.product_index_content .table_wrap h6 img { width:100px; margin-right:20px; }
	
	.sip_sequence { width:calc(100% / 3); } 
	
	.polycam_type_bottom_text { padding:20px 40px; }
}

@media (max-width: 768px){
	.inner_content_ul .inner_content_down .h5_border_margin { margin-bottom:15px; }
	.product_table_deck { width:100%; }
	.product_table_deck:first-child { padding-left:0; }
	.product_table_deck:last-child { padding-right:0; }
	.product_table_deck:first-child > .product_table thead th:last-child { border-right:none; }
	.product_table_deck:first-child > .product_table tbody td:last-child { border-right:none; }
	
	.content_emphasis { font-size:16px; margin-top:15px; }
	.deck_contents { font-size:14px; margin-bottom:0; }
	
	.product_index_content .table_wrap { width:100%; margin-top:20px; }
	.product_index_content .table_wrap h6 { line-height:66px; margin-top:10px; font-size:16px; }
	.product_index_content .table_wrap h6 img { width:66px; line-height:66px; margin-right:10px; }
	
	.housing_span { margin-top:20px; }
	.housing_wrapper { padding-bottom:30px; }
	
	.sip_img1 { width:100%; padding-right:0; margin-bottom:20px; margin-top:0; }
	.sip_img2 { width:100%; margin-bottom:20px; margin-top:0; }
	.inner_content_ul .inner_content_down .m_first_p_margin { margin-top:20px; }
	
	.sip_wrapper { padding:20px 0; }
	.sip_sequence { width:50%; padding:0 3px; } 
	.sip_sequence_inner { padding:5px; }
	.sip_sequence_inner > img { margin-bottom:5px; }
	.sip_sequence_content { height:43px; }
	.sip_sequence_content > .sequence_number { font-size:17px; line-height:40px; }
	.sip_sequence_content > .sequence_title { font-size:10px; padding-left:25px; }
	
	.fire_title { font-size:20px; width:100%; }
	.fire_content { font-size:11px; width:100%; }
	.fire_tap { font-size:12px; top:2px; }
	
	.polycam_slider { padding:0 48px; }	
	.polycam_slider a { width:23px; height:23px; margin-top:-11px; }
	.polycam_slider .flex-prev { left:15px; }
	.polycam_slider .flex-next { right:15px; }
	.polycam_slider .flex-prev::after { width:8px; height:8px; top:7px; left:9px; 
		border-bottom:1px solid #fff; border-left:1px solid #fff; }
	.polycam_slider .flex-next::after { width:8px; height:8px; top:7px; right:9px;
		border-top:1px solid #fff; border-right:1px solid #fff; }
		
	.deck_sequence { width:100%; }
	
	.polycam_type_bottom_text { padding:20px 15px; font-size:12px; }
}

.hidden_metal_titles_table { width:100%; background:#fff; margin-bottom:10px; }
.hidden_metal_titles_table td { color:#0d3a1d; font-weight:500; font-size:24px; padding:10px; width:42%; }
.hidden_metal_titles_table td.yellow_wrap { color:#f18e3b; }
.hidden_metal_titles_table th { position:relative; width:16%; }
.hidden_metal_titles_table th img { position:absolute; top:calc(50% - 28.5px); left:calc(50% - 35px); }

.hidden_metal_table_wrapper { margin-left:-20px; margin-right:-20px; }
.hidden_metal_table { width:100%; margin-bottom:20px; border-spacing:20px 10px; border-collapse:separate; }
.hidden_metal_table td { background:#fff; color:#444; font-size:16px; vertical-align:middle; padding:10px; line-height:1.4em; width:42%; }
.hidden_metal_table td.img_wrap { padding:0; }
.hidden_metal_table td img { width:100%; }
.hidden_metal_table th { background:#dae8dc; color:#0d3a1d; font-size:16px; vertical-align:middle; padding:10px; width:16%; font-weight:500; }

.tpo_color { background:#fff; padding:30px 110px; margin-bottom:20px; }
.tpo_color_inner { float:left; width:20%; padding:0 15px; }
.tpo_color_inner > .tpo_color_color { width:100%; height:100px; margin-bottom:10px; }
.tpo_color_inner > .tpo_color_title { display:block; font-size:12px; color:#555; text-align:center; }


@media (max-width: 991px){
	.hidden_metal_titles_table td { font-size:18px; } 
	.hidden_metal_table td { font-size:12px; }
	.hidden_metal_table th { font-size:12px; }
	.tpo_color { padding:30px; }
}

@media (max-width: 768px){
	.hidden_metal_titles_table td { font-size:16px; width:40%; } 
	.hidden_metal_titles_table th { width:20%; }

	.hidden_metal_table_wrapper { margin-left:-5px; margin-right:-5px; }
	.hidden_metal_table { border-spacing:5px; }
	.hidden_metal_table td { font-size:10px; padding:7px; width:37%; }
	.hidden_metal_table th { font-size:10px; padding:7px; width:24%; }
	
	.tpo_color { padding:20px 15px; padding-bottom:0; }
	.tpo_color_inner { padding:0 5px; width:calc(100% / 3); }
	.tpo_color_inner > .tpo_color_color { height:50px; }
	.tpo_color_inner > .tpo_color_title { margin-bottom:20px; }
}