@charset 'utf-8';
@import url("reset.css");


/* Web Standardization Gyeongjun Byeon 20150316 */
/* CSS Document*/
html, body {position: relative;height: 100%; font-family:'Nanum Gothic' }
body {font-family:'Nanum Gothic'; font-size:14px; color:#222;}
img {position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 100%; border: none; height: auto; }


/* desktop & tablit header */
header {position:fixed; top:0; left:0; width:100%; z-index:10000; font-family:'Nanum Gothic';}
.header_contents {background-color:#000;}
.header_wrap {display:block; max-width:960px; margin:0 auto; text-align:center; overflow:hidden;}
.header_wrap h1 {width:50%;}
.header_wrap h1 a {display:block; padding:10px 0px 10px 0px;}
.header_wrap h1 a img {margin-left:0; width: 100%; height: 100%;}
.header_wrap nav {width:100%;}
.header_wrap nav ul {overflow:hidden; background-color:#fff; border-bottom:1px solid #a6a7a7; }
.header_wrap nav ul li {float:left; width:20%;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header_wrap nav ul li a {height:40px; line-height:40px; display:block; color:#111; font-weight:700; font-size:14px; /* letter-spacing:-2px; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header_wrap nav > ul > li.on > a {border-bottom:4px solid #fb6f00; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* 모바일메뉴 border */
.lang_btn { display:block; position:absolute; top:15px; right:0px;   width:120px; height:30px; line-height:40px; font-size:13px; }
.lang_btn a {display:inline-block;color:#fff}
.lang_btn a:hover {color: #fb6f00;font-weight:bold; }
.lang_btn .dash_line {color:#555; padding:0 8px; }
.lang_btn p {display:inline-block; color:#bebdbc; font-weight:bold; }

.m_solvert {display:block; position:absolute; top:15px; right:10px;}
.link-sns{position:absolute; top:13px; right:170px;}
.link-sns a{display:inline-block;}
.link-sns a img{display:block;}

.header_wrap nav {float:right; width:72%;}
/*테블릿 769px ~ 1300px*/
@media screen and (min-width:769px ) and (max-width: 1300px){
	.header_wrap nav {float:left; width:60%;}
}
/* mobile 0px~768px */
@media screen and (max-width:768px){
.header_wrap nav {float:none; width:100%;}
	.lang_btn {top:8px; right:30px;}
	.link-sns{position:absolute; top:13px; right:220px;}
}


@media all and (min-width:961px) {
	.header_contents {background-color:#000;}
	.header_wrap {display:block; max-width:1280px; margin:0 auto;}
	.header_wrap h1 {float:left; width:28%;}
	.header_wrap h1 a {display:block; padding:16px 12px 0px 0px;}
	.header_wrap h1 a img {margin-left:0;}

	.header_wrap nav ul {overflow:hidden; background-color:transparent; border-bottom:none;}
	.header_wrap nav ul li a {height:72px; line-height:72px; color:#fff; font-size:22px;}
	.header_wrap nav > ul > li.on > a {border-bottom:none; color:#fb6f00;} /* 웹 color, 모바일 border 리셋 */
	.header_wrap nav > ul > li:hover > a {border-bottom:none; color:#fb6f00;} /* 웹 color, 모바일 border 리셋 */
	.m_header {display:none;}
	.m_solvert {display:none; }
}

@media all and (min-width:769px) and (max-width:960px) {
	.header_contents {background-color:#000;}
	.header_wrap {display:block; max-width:960px; margin:0 auto;}
	.header_wrap h1 {float:left; width:18.5%;}
	.header_wrap h1 a {display:block; padding:27px 0 15px 10px;}
	.header_wrap h1 a img {margin-left:0;}

	.header_wrap nav ul {overflow:hidden; background-color:transparent; border-bottom:none;}
	.header_wrap nav ul li a {height:72px; line-height:72px; color:#fff; font-size:18px;}
	.header_wrap nav > ul > li.on > a {border-bottom:none; color:#fb6f00;} /* 웹 color, 모바일 border 리셋 */
	.header_wrap nav > ul > li:hover > a {border-bottom:none; color:#fb6f00;} /* 웹 color, 모바일 border 리셋 */
	.m_header {display:none;}
	.m_solvert {display:none; position:absolute; top:15px; right:210px;}
}


/* 2차메뉴 */
/*.two_wrap.active {display:block;}*/
.two_wrap {position:absolute; top:93px; left:0; width:100%; border-bottom:1px solid #a6a7a7; background:#dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.two_wrap .two_dep {overflow:hidden; max-width:720px; margin:0 auto; border-bottom:none;}
.two_wrap .two_dep.company {max-width:720px;}
.two_wrap .two_dep.business {max-width:480px;}
.two_wrap .two_dep.customer {max-width:480px;}
.two_wrap .two_dep.prboard {max-width:360px;}
.two_wrap .two_dep.company li {float:left; width:16.66%;}
.two_wrap .two_dep.business li {float:left; width:25%;}
.two_wrap .two_dep.customer li {float:left; width:20%;}
.two_wrap .two_dep.prboard li {float:left; width:33.33%;}
.two_wrap .two_dep li a {display:block; text-align:center; height:36px; line-height:36px; background:#dddddd;/*  padding:12px 0 11px 0;  */font-size:13px; font-weight:800; color:#303030;}
.two_wrap .two_dep li:hover a {color:#f7941d;}
.two_wrap .two_dep li.on a {color:#f7941d;}

@media all and (min-width:961px) {
	.two_wrap {position:absolute; top:72px; left:0; width:100%; border-bottom:1px solid #a6a7a7; background:#dddddd;}
	.two_wrap .two_dep li a {display:block; text-align:center; height:39px; line-height:39px;/*  padding:12px 0 11px 0;  */font-size:15px; font-weight:800; color:#303030;}
}

@media all and (min-width:769px) and (max-width:960px) {
	.two_wrap {position:absolute; top:52px; left:0; width:100%; border-bottom:1px solid #a6a7a7; background:#dddddd;}
	.two_wrap .two_dep li a {display:block; text-align:center; height:39px; line-height:39px;/*  padding:12px 0 11px 0; */ font-size:15px; font-weight:800; color:#303030;}
}

#section1, #section0, #section2, #section3 {position:relative; text-align:center;}
.section_title { margin:40px 15px 0px 15px;}
.section_title h3 {padding-bottom:24px; font-weight:800; color:#333; font-size:22px;}
.section_title p {font-size:13px; line-height:18px; color:#535354;}
.section_footer {margin-top:20px;}
.section_footer ul {overflow:hidden;}
.section_footer ul li {width:100%; float:none; padding:0 13px 13px;}
.section_footer ul li.space_tb.space_last {padding:0 10px 0 10px;}
.section_footer ul li h4 {padding:0 0 12px 20px; text-align:left; font-weight:700; color:#036277; background:#FFF url(../img/blit_dotblue.gif) no-repeat; font-size:15px; background-position: 0 1px;}
.section_footer ul li p {padding:0 0 0 8px; text-align:left; line-height:22px; color:#333; background:#FFF url(../img/blit_dotblack.gif) no-repeat; background-position: 0 8px; font-size:13px;}
.space_b {padding:0 0 12px 0;}
.scroll {opacity:1;}
.section_middle {position:relative; padding-top:40px;}
.section_middle .middle_title {margin:0 15px; max-width:960px; text-align: left; font-size: 24px; color: #333; line-height: 38px;}
.sectionfoot_tit {margin:32px 15px 12px; max-width:960px; text-align: left; font-size: 24px; color: #333; line-height: 38px; font-weight:700;}

.section_middle .middle_area {padding: 0 15px;}
.section_middle .middle_area.bg1_inverter {padding:0;}
.section_middle .middle_area.bg1_inverter img {margin: 0 auto;}
.section_middle .middle_area.bg2_inverter {padding:0;}

@media all and (min-width:921px) {
    .section_middle .middle_area.bg1_inverter img {
        margin: 0 auto;
        max-width: 920px;
    }
}

.swiper-container {height: 100%; padding-top:93px; margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }
@media all and (min-width:961px) {
	.swiper-container {padding-top:73px;}
	.section_middle .middle_title {margin:0 auto; padding:0 15px;}
	.sectionfoot_tit {margin:32px auto 12px; padding:0 15px;}
}

@media all and (min-width:769px) and (max-width:960px) {
	.swiper-container {padding-top:73px;}
}

/* main location */
.page_wrap ul {max-width:980px; margin:0 auto; text-align:center; overflow:hidden;}
.page_wrap ul li {float:left; width:33%;}
.page_wrap ul li a {display:block; font-size:14px; line-height:22px; font-weight:700; color:#fff;}
.page_wrap ul li img {margin: 0 auto;}
.page_wrap ul li a .ov {display:none;}
.page_wrap ul li.on a .ov {display:block;}
.page_wrap ul li.on a .off {display:none;}
.page_wrap ul li:hover a .ov {display:block;}
.page_wrap ul li:hover a .off {display:none;}
.icon_wrap ul.icon_area {max-width:160px; text-align:left; width:100%; overflow:hidden;position:relative;z-index:9999;}
.icon_wrap ul.icon_area li {float:left; width:50%;}
.icon_wrap ul.icon_area li:first-child {display:none;}
.icon_wrap ul.icon_area li a {display:block;}

@media all and (min-width:961px) {
	.page_wrap ul {padding:21px 0 21px 0;}
	.icon_wrap {bottom:182px;}
	.icon_wrap ul.icon_area {max-width:580px; margin:0 auto;}
	.icon_wrap ul.icon_area li {width: auto\9; /* ie8 */ width:auto;}
	.icon_wrap ul.icon_area li:first-child {display:block;}
}
@media all and (min-width:769px) and (max-width:960px) {
	.page_wrap ul {padding:21px 0 21px 0;}
	.icon_wrap {bottom:182px;}
	.icon_wrap ul.icon_area {max-width:580px; margin:0 auto; padding-left:10px;}
	.icon_wrap ul.icon_area li {width: auto\9; /* ie8 */ width:auto;}
	.icon_wrap ul.icon_area li:first-child {display:block;}
}

.body_bg {  background: url(../img/bg_pattern.gif) 0 0 repeat;}

/* 자료실 */
.contents_wrap .mps_area ul li {position:relative; overflow:hidden;}
.archives_area {overflow:hidden; position:relative;}
.archives_area .btn_img {display:block; padding: 15px 15px 50px 15px;}
.archives_area.product{max-height:300px;}


/* opacity IE7~8 */
.text_slide {position:absolute; bottom:-74px; left:0; width:100%; text-align:center;}
.text_slide div {display:inline-table; *display:inline;}
.text_slide div a {display:inline-block; *display: inline; /* IE7 inline-block hack */ zoom: 1; background-color:#fff;}
.text_slide div a img {vertical-align:middle; display:inline;}
.text_slide h5 {font-size:14px; color:#f26522; font-weight:700; padding:6px 0 4px 0; background-color:#fff; 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); /* IE 7 and olders */ opacity: 0.7;}
.text_slide h5.pb_space {padding:6px 0 20px 0;}
.text_slide h5 span {font-size:12px; color:#363636; font-weight:400;}
.text_slide p {font-size:13px; color:#555; padding-bottom:8px; background-color:#fff; 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); /* IE 7 and olders */ opacity: 0.7;}
.btn_cada {padding-bottom:10px;}
.text_area p a { font-family: Georgia, serif; color:#252525; font-size:18px; font-weight: 700; text-transform: uppercase;}
#ContentPlaceHolder1_dl_product {width: 100%;}
.product_img_test{margin: 0 auto;}
.product_img_test:hover {transform: scale(1.1);}
#ContentPlaceHolder1_dl_product tbody tr td:hover{border: 2.5px solid #a6a6a6;}

#menu_view button.prev {
    position: absolute;
    left: 0px;
    top: 40px;
    padding: 0 20px 0 0;
    background-color: transparent;
    outline: none;
    border: none;
    opacity: 0.8;
}
#menu_view button.next {position: absolute; right: 0px; top: 40px; padding:0 0 0 20px; background-color: transparent; outline: none; border: none; opacity: 0.8;}
#menu_view button.disabled {display:none;}/*  script : addClass & removeClass : disabled */

/* main_news */
.main_news { position:relative; background:#ccc; z-index:1100;}
.news_wrap {padding:20px 10px 10px; overflow:hidden; max-width:960px; margin:0 auto; position:relative;}
.news_wrap div.news_img {margin-bottom:14px;}
.news_wrap div.news_img a img {max-width:155px;}
.news_wrap ul.news_text {}
.news_wrap ul.news_text li {overflow:hidden;}
.news_wrap ul.news_text li:hover a {color:#f26522;}
.news_wrap ul.news_text li a {float:left; max-width:190px; padding-left:18px; background: url(../img/blit_right.png) 0 2px no-repeat; display:block; font-size:14px; font-weight:400; color:#fff; padding-bottom:10px; color:#111; overflow:hidden; /* text-overflow:ellipsis; word-break:break-all; white-space:nowrap; */}
.news_wrap ul.news_text li span {float:right; display:block; font-size:14px; color:#f26522;}
.news_wrap a.news_more {position:absolute; top:20px; right:10px; display:block;}
.news_wrap a.news_more img {max-width:40px;}

@media all and (min-width:961px) {
	/* main news */
	.main_news {position:absolute; bottom:0; left:0; width:100%;}
	.news_wrap div.news_img {float:left; margin-right:40px; margin-bottom:10px;}
	.news_wrap ul.news_text {float:left; margin-top:10px; width:55%;}
	.news_wrap ul.news_text li a {max-width:100%; }
	.news_wrap a.news_more img {max-width:100%;}
	#menu_view button.prev {left: 10px;}
	#menu_view button.next {right: 10px;}
}
@media all and (min-width:769px) and (max-width:960px) {
	/* main news */
	.main_news {position:absolute; bottom:0; left:0; width:100%;}
	.news_wrap div.news_img {float:left; margin-right:40px; margin-bottom:10px;}
	.news_wrap ul.news_text {float:left; margin-top:10px; width:55%;}
		.news_wrap ul.news_text li a {max-width:100%; }
	.news_wrap a.news_more {}
	.news_wrap a.news_more img {max-width:100%;}
	#menu_view button.prev {left: 10px;}
	#menu_view button.next {right: 10px;}
}

/*  Smart grid */
.main_visual {position:absolute; top:100px; left:0; width:100%; z-index:10;text-align:center;}
.main_visual .mhide {display:none;}
.main_visual h2 { padding-bottom:14px; font-size:34px; font-weight:800; color:#2e3192;}
.main_visual h3 {padding:0 28px 10px 28px; font-size:16px; font-weight:700; color:#111111;}

/* hidden_view */
.view_area {position:relative; width:100%;}
.view_area.foot_space {margin-bottom:60px;}
.view_area .view_slide {text-align: center; max-width: 115px; margin: 0 auto;}
.view_area .view_slide a {}
.view_area .view_content {display:none;}
.view_area .view_content .content_white {position:relative; padding:30px 15px; background-color:#fff;}
.view_area .view_content .content_blue {position:relative; padding:30px 15px; background-color:#f2f2f2;}



.view_area .view_content .content_white .view_tit { margin:45px auto 50px; max-width:960px; font-size:26px; font-weight:700; color:#333; text-align:left;}
.view_area .view_content .content_blue .view_tit { margin:45px auto 50px; max-width:960px; font-size:26px; font-weight:700; color:#333; text-align:left;}
.view_area .view_content .c_common .view_hcont {max-width:960px; margin:0 auto 50px; }
.view_area .view_content .c_common .view_hcont img {width:100%; max-width:930px;}
.view_area .view_content .c_common .view_hcont img {width:100%; max-width:930px;}

footer {width:100%; background: url(../img/footer_bg.jpg) 0 0 repeat;}
.footer_wrap {width:94%; max-width:960px; padding:28px 3% 28px 3%; margin:0 auto; text-align:center; overflow:hidden;}
.footer_wrap h2 {padding-bottom:17px; margin: 0 auto;}
.footer_wrap h2 img {margin: 0 auto !important;}
.footer_wrap address {padding-bottom:17px; text-align:center; font-style:normal;}
.footer_wrap address p {color:#fff; font-size:12px;}
.footer_wrap .footer_side {overflow:hidden;}
.footer_wrap .footer_side a {color:#fff; font-size:14px; font-weight:700; padding:10px;}
.footer_wrap .footer_side a:hover {color:#f26522;}
footer hr { border-top: 1px solid black; border-bottom: 2px solid #363B43; margin: 8px 10px 0px 10px;}
.partner_wrap {width:94%; max-width:960px; padding:28px 3% 28px 3%; margin:0 auto; text-align:left; overflow:hidden;}
.partner_wrap .partner_left {margin-bottom:10px;}
.partner_wrap .partner_left .part_tit {font-size:24px; color:#fff; font-weight:700; margin-bottom:6px; line-height:40px;}
.partner_wrap .partner_left .partners {display:block; font-size:16px; color:#fff; font-weight:700;}
.partner_wrap .partner_right .footer_contact {display:block; font-size:24px; color:#fff; font-weight:700; margin-bottom:6px; line-height:40px;}
.partner_wrap .partner_right .footer_sitemap {display:block; font-size:24px; color:#fff; font-weight:700; margin-bottom:6px; line-height:40px;}

.scrolltop {display: none; width: 51px; height: 47px; position: fixed; right: 10px; bottom: 14px; z-index: 1200; overflow:hidden;}

/* product */
#menu_wrap {width:100%; padding-top:93px; border-bottom:1px solid #b7b7b7; position:relative; background-color: #fff;}
#menu_area {overflow:hidden; position:relative;}
#menu_view {padding:0px; overflow:hidden;}
#menu_view > a.on .offimg {display:none;}
#menu_view ul {width:2400px; overflow:hidden; position:relative;}
#menu_view ul li {float:left; width:120px; text-align:center; background:#fff; position:relative; left:50%; opacity:0;} /*  메뉴 스크립트제어문 */
#menu_view ul li img {display:inline; padding-top:22px; padding-bottom:2px;}
#menu_view ul li p {font-size:14px; font-weight:400; line-height:17px; padding-bottom:14px; color:#252525; letter-spacing:-1px;}
#menu_view ul li.on p {border-bottom:1px solid #f26522;}/*  on : class : border */
#menu_view ul li:hover p {color:#f26522;}
.menu_left {position:absolute; bottom:40px; left:0px; width:23px; height:46px; z-index:100; overflow:hidden;}
.menu_right {position:absolute; bottom:40px; right:0px; width:23px; height:46px; z-index:100; overflow:hidden;}
.contents_wrap {padding:0 10px; background:#FFF;}
.title_wrap { border-bottom:4px solid #7e7e7e; position:relative;}
.product_name {font-size:28px; color:#898989; padding:56px 0 58px 0; text-align:center; font-weight:700;}
.product_name .product_nametitle {font-size:14px; color:#555; display:block;}
.product_item {font-size:14px; color:#898989; padding:15px 0 16px 0; border-bottom:1px solid #b7b7b7; text-align:left;}
.product_item img {display:inherit; margin:0;}
.product_location {padding-bottom:20px;}
.title_series {font-size:18px; font-weight:400; color:#000; border-bottom:1px solid #cacaca; padding:20px 0 12px 0; margin-bottom:30px; }
.title_series span {font-size:16px; color:#898989}
.title_series span.cuting {padding:0 12px 0 16px;}
.title_standseries {font-size:20px; font-weight:400; color:#f7941d; border-bottom:1px solid #cacaca; padding:0px 0 8px 0; margin-bottom:28px; }
.title_standseries.bold_title {font-size:18px; font-weight:700;}
.title_standseries.mzb_none {margin-bottom:0;}

@media all and (min-width:961px) {
	.title_series {font-size:22px;}
	.title_series span {font-size:20px;}
	.title_series span.cuting {padding:0 23px 0 29px;}
	.title_standseries {font-size:26px; margin-bottom:34px; }
	.title_standseries.bold_title {font-size:24px;}
	.customNavigation{display:block;}
	.title_wrap { border-bottom:4px solid #7e7e7e; position:relative;}
	.product_name {font-size:28px; color:#898989; padding:56px 0 58px 0; text-align:center; font-weight:700;}
	.product_name .product_nametitle {font-size:14px; color:#555; display:block;}
	.product_item {font-size:14px; color:#898989; padding:15px 0 16px 0; border-bottom:1px solid #b7b7b7; text-align:left;}
	.product_item img {display:inherit; margin:0;}
	.product_location {position:absolute; top:27px; right:0;}
	#menu_view ul li p {font-size:14px; font-weight:500; line-height:17px; padding-bottom:14px; margin:0 6px; color:#252525; letter-spacing:-1px;}
}

@media all and (min-width:769px) and (max-width:960px) {
	.title_series {font-size:20px;}
	.title_series span {font-size:18px;}
	.title_series span.cuting {padding:0 18px 0 24px;}
	.title_standseries {font-size:24px; margin-bottom:28px; }
	.title_standseries.bold_title {font-size:22px;}
	.customNavigation{display:block;}
	.title_wrap { border-bottom:4px solid #7e7e7e; position:relative;}
	.product_name {font-size:28px; color:#898989; padding:56px 0 58px 0; text-align:center; font-weight:700;}
	.product_name .product_nametitle {font-size:14px; color:#555; display:block;}
	.product_item {font-size:14px; color:#898989; padding:15px 0 16px 0; border-bottom:1px solid #b7b7b7; text-align:left;}
	.product_item img {display:inherit; margin:0;}
	.product_location {position:absolute; top:27px; right:0;}
	#menu_view ul li p {font-size:14px; font-weight:500; line-height:17px; padding-bottom:14px; margin:0 6px; color:#252525; letter-spacing:-1px;}
}

/* product_view */
.mps_contents {text-align:center;}
.mps_contents h5 {font-size:15px; font-weight:700; color:#f36f31;}
.mps_contents h5 .small_txt {font-size:12px; font-weight:400; color:#363636;}
.mps_contents p {font-size:13px; font-weight:700;}
.mps_area {border-bottom:1px solid #b7b7b7;}
.mps_area.bg4_line {border-bottom:4px solid #7e7e7e;}
.mps_area ul {width:100%; overflow:hidden; padding-top:20px;}
.mps_area ul li {float:left; width:100%; text-align:center;}
.product_title {text-align:center; font-size:20px; font-weight:700; color:#111; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.product_seetitle {text-align:center; font-size:40px; color:#333; padding:62px 0 66px 0; font-weight:400;}
.product_seetitle .product_subseetitle {font-size:24px; color:#555; display:block;}
.btn_more.btn_space {margin-top:15px;}
.btn_more { display:inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; font-weight: 700; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-repeat: repeat-x; border: 1px solid #c5c5c5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}
.btn_more:hover, .btn_more:active, .btn_more.active, .btn_more.disabled, .btn_more[disabled] { color: #333333; background-color: #e6e6e6; color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.btn_plus {display:inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; vertical-align: middle; padding-left: 6px;}
.btn_plus:hover {opacity:0.8;}
.pro_title {padding:17px 0 19px 13px; text-align:left; overflow:hidden; border-bottom:1px solid #cacaca;}
.pro_title .pro_left {float:left; width:50%; box-sizing:border-box; color:#000000; font-size:18px;}
.pro_title .pro_left.point_pro {width:100%}
.pro_title .pro_right {float:left; width:50%; box-sizing:border-box; color:#898989; font-size:20px;}
.pro_title .pro_left .vol_s {font-size:15px;}
.pro_subtitle {position:relative; padding-bottom:20px; border-bottom:1px solid #cacaca;}
.pro_right {overflow:hidden;}
.pro_right .vol_left {float:left; display:block; width:50%; text-align:left;}
.pro_right .vol_left.vol_line {font-size:20px; color:#898989;}
.pro_right .vol_right {float:left; display:block; width:50%; text-align:left;}
.pro_right .vol_right.vol_line {font-size:20px; color:#898989;}
.orange_border {position:absolute; left:0; bottom:-1px;}
.protitle_wrap {position:relative;}
.protitle_wrap p {padding:20px 0 18px 13px; font-size:18px; font-weight:700; color:#515151; border-bottom:1px solid #cacaca;}
.pro_sort.pro_icon {overflow:hidden; position:absolute; top:14px; right:0;}
.pro_sort.pro_icon img {width:36px; max-width:100%;}
.pro_sort.pro_subdata {float:none; width:100%; box-sizing:border-box; overflow:hidden;}
.pro_sort ul {overflow:hidden; padding-top:20px;}
.pro_sort ul li {overflow:hidden;}
.pro_sort ul li p {float:left; padding:10px 0px 10px 0;}
.pro_sort ul li p.pt_none {padding-top:0px;}
.pro_sort ul li p.pb_none {padding-bottom:0px;}
.pro_sort ul li .spec_lefttitle {font-size:16px; color:#707070; width:45%;}
.pro_sort ul li .spec_leftdata {font-size:16px; color:#000000; width:55%;}
.title_standseries.mbz_zero {margin-bottom:0;}
.product_list {border-bottom:1px solid #cacaca; position:relative; text-align:center; padding-bottom:38px;}
.product_list .download_text {padding:38px 0 20px 13px; font-size:18px; line-height:24px; color:#898989;}
.product_list .icon_download {position:static; top:inherit; right:inherit; display:inline-block; zoom:1; *display:inline;}

@media all and (min-width:961px) {
	.mps_contents {text-align:center; padding:15px; margin:0 5px 10px 5px;}
	.mps_contents h5 {font-size:15px; font-weight:700; color:#f36f31;}
	.mps_contents h5 .small_txt {font-size:12px; font-weight:400; color:#363636;}
	.mps_contents p {font-size:13px; font-weight:700;}
	.mps_area {border-bottom:1px solid #b7b7b7;}
	.mps_area.bg4_line {border-bottom:4px solid #7e7e7e;}
	.mps_area ul {width:100%; overflow:hidden; padding-top:20px;}
	.mps_area ul li {float:left; width:100%; text-align:center;}
	.pro_title {padding:17px 0 19px 13px; text-align:left; overflow:hidden; border-bottom:1px solid #cacaca;}
	.pro_title .pro_left {float:left; width:50%; box-sizing:border-box; color:#000000; font-size:18px;}
	.pro_title .pro_left.point_pro {width:100%}
	.pro_title .pro_left .vol_s {font-size:15px;}
	.pro_title .pro_right {float:left; width:50%; box-sizing:border-box; color:#898989; font-size:20px;}
	.pro_subtitle {position:relative; padding-bottom:20px; border-bottom:1px solid #cacaca;}
	.orange_border {position:absolute; left:0; bottom:-1px;}
	.protitle_wrap p {padding:20px 0 18px 13px; font-size:18px; font-weight:700; color:#515151; border-bottom:1px solid #cacaca;}
	.pro_sort.pro_icon img {display:inline; margin:0; padding:13px 0 0 17px; width:72px; max-width:100%;}
	.pro_sort.pro_icon {float:left; width:50%; padding-right:30px; box-sizing:border-box; position:static; top:inherit; left:inherit; overflow:visible;}
	.pro_sort.pro_subdata {float:left; width:50%; padding-right:30px; box-sizing:border-box;}
	.pro_sort {width:50%;}
	.pro_sort ul {overflow:hidden; padding-top:20px;}
	.pro_sort ul li {overflow:hidden;}
	.pro_sort ul li p {float:left; padding:10px 0px 10px 0;}
	.pro_sort ul li .spec_lefttitle {font-size:16px; color:#707070;}
	.pro_sort ul li .spec_leftdata {font-size:16px; color:#000000;}
	.product_list {margin:0;}
	.product_list .icon_download {}
	.product_list .download_text {}
}

@media all and (min-width:769px) and (max-width:960px) {
	.mps_contents {text-align:center; padding:15px; margin:0 5px 10px 5px;}
	.mps_contents h5 {font-size:15px; font-weight:700; color:#f36f31;}
	.mps_contents h5 .small_txt {font-size:12px; font-weight:400; color:#363636;}
	.mps_contents p {font-size:13px; font-weight:700;}
	.mps_area {border-bottom:1px solid #b7b7b7;}
	.mps_area.bg4_line {border-bottom:4px solid #7e7e7e;}
	.mps_area ul {width:100%; overflow:hidden; padding-top:20px;}
	.mps_area ul li {float:left; width:100%; text-align:center;}
	.pro_title {padding:17px 0 19px 13px; text-align:left; overflow:hidden; border-bottom:1px solid #cacaca;}
	.pro_title .pro_left {float:left; width:50%; box-sizing:border-box; color:#000000; font-size:18px;}
	.pro_title .pro_left.point_pro {width:100%}
	.pro_title .pro_left .vol_s {font-size:15px;}
	.pro_title .pro_right {float:left; width:50%; box-sizing:border-box; color:#898989; font-size:20px;}
	.pro_subtitle {position:relative; padding-bottom:20px; border-bottom:1px solid #cacaca;}
	.orange_border {position:absolute; left:0; bottom:-1px;}
	.protitle_wrap p {padding:20px 0 18px 13px; font-size:18px; font-weight:700; color:#515151; border-bottom:1px solid #cacaca;}
	.pro_sort.pro_icon img {display:inline; margin:0; padding:13px 0 0 17px; width:72px; max-width:100%;}
	.pro_sort.pro_icon {float:left; width:50%; padding-right:30px; box-sizing:border-box; position:static; top:inherit; left:inherit; overflow:visible;}
	.pro_sort.pro_subdata {float:left; width:50%; padding-right:30px; box-sizing:border-box;}
	.pro_sort {width:50%;}
	.pro_sort ul {overflow:hidden; padding-top:20px;}
	.pro_sort ul li {overflow:hidden;}
	.pro_sort ul li p {float:left; padding:10px 0px 10px 0;}
	.pro_sort ul li .spec_lefttitle {font-size:16px; color:#707070;}
	.pro_sort ul li .spec_leftdata {font-size:16px; color:#000000;}
	.product_list {margin:0;}
	.product_list .icon_download {}
	.product_list .download_text {}
}

/* archives */
.product_area .product_img,
.product_area .product_spac,
.product_area .product_tech,
.product_area .product_system,
.product_area .product_table,
.product_area .spec_right,
.product_area .system_function {}
.spec_sort {width:100%;}
.spec_sort ul {overflow:hidden;}
.spec_sort ul li {width:100%; overflow:hidden;}
.spec_sort ul li p {display:block; padding:10px 14px 10px 0; box-sizing:border-box;}
.spec_sort ul li p.pt_none {padding-top:10px;}
.spec_sort ul li .spec_lefttitle {font-size:14px; color:#898989; float:left; width:45%;}
.spec_sort ul li .spec_leftdata {font-size:14px; color:#000; letter-spacing:-1px; float:left; width:55%;}
.tech_sort.tech_left, .tech_sort.tech_right {margin:0; width:100%; min-height:200px;}
.tech_subtitle {font-size:15px; color:#000; font-weight:bold; margin-bottom:20px;}
.base_sort {width:100%;}
.base_layoutleft .base_title {font-size:18px; color:#7d7d7d; margin-bottom:30px;}
.base_layoutleft .base_data li {font-size:18px; color:#7d7d7d; margin-bottom:18px; padding-left:16px; background:#FFF url(/images/blit_blicktriangle.gif) 0 4px no-repeat;}
.tech_subdata li {font-size:14px; color:#7d7d7d; line-height:19px; margin-bottom:18px; padding-left:14px; background:#FFF url(/images/blit_dotgray.png) 2px 7px no-repeat;}
.tech_subdata li.blit_none {font-size:14px; color:#000; line-height:26px; margin-bottom:18px; padding-left:0; background:#FFF;}
.tech_subdata.tech_accessory li {font-size:14px; color:#7d7d7d; line-height:19px; margin-bottom:18px; padding-left:14px; background:#FFF url(/images/blit_blicktriangle.gif) 0 4px no-repeat;}
.tech_subdata.tech_web li {font-size:14px; color:#7d7d7d; line-height:19px; margin-bottom:18px; padding-left:14px; background:#FFF url(/images/blit_blicktriangle.gif) 0 4px no-repeat;}
.tech_subdata.tech_web li p {font-size:14px; color:#7d7d7d; line-height:19px; padding:10px 0 0 0;}
.tech_subdata.tech_ess li {font-size:14px; color:#7d7d7d; line-height:19px; margin-bottom:18px; padding-left:14px; background:#FFF url(/images/blit_blicktriangle.gif) 0 4px no-repeat;}
.tech_subarea .merit_title {font-size:18px; color:#0072bc; padding:0 0 8px 16px; background:#FFF url(/images/blit_triangle.gif) 0px 5px no-repeat;}
.tech_subarea .merit_data {font-size:14px; color:#7d7d7d; line-height:18px; margin-bottom:18px; padding-left:16px;}
.archives_boardtitle {padding:35px 0 10px 0; color:#898989; font-weight:700; font-size:22px;}
.archives_itemtitle {font-size:14px; color:#898989; padding:15px 0 16px 0; border-bottom:1px solid #b7b7b7;}
.archives_itemtitle.archives_blit {padding-left:15px; background: url(/images/archives_blit.png) 0px 23px no-repeat;}
.system_opensheet {padding:0 0px; box-sizing:border-box;}
.specfullwidth {overflow:hidden;}
.specfullwidth .fullleft {float:left; padding:0 30px 16px 0; color:#898989; font-size:15px; }
.specfullwidth .fullright {float:left;}
.specfullwidth .fullright p {font-size:15px; color:#000; padding-bottom:16px;}

/*Product_Detail_Download*/
.wrap_inner_subject {
    width: 100%;
    height: 50px;
    margin: 0 auto;
}
.wrap_inner_subject_figure {
    width: 100%;
    height: 3px;
}
.inner_subject_figure {
    width: 10%;
    height: 100%;
    background: #a6093d;
}
.wrap_inner_subject_title {
    width: 100%;
    height: 47px;
}
.inner_subject_title {
    font-family: NanumGothic;
    font-size: 22px;
    line-height: 33px;
}
.wrap_product_download_table {
    height: auto;
    margin: 0 auto;
    margin-bottom: 30px;
}
.product_download_table {
    width: 100%;
    height: auto;
}
.download_table {
    width: 100%;
    height: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: center;
    line-height: 0,1;
    border-top: 2px solid #a6093d;
}
.download_title_line {
    border-bottom: 1px solid #434343;
    line-height: 50px;
    font-size: 20px;
}
#down_idx, #down_title, #down_link {
    border-bottom: 1px solid #434343;
    text-align: center;
}
.download_idx {
    width: 20%;
    font-size:14px;
}

.download_title {
    width: 60%;
    text-align: center;
    font-size: 14px;
}

.download_link {
    width: 20%;
}
.download_idx1 {
    width: 20%;
}

.download_title1 {
    width: 60%;
    text-align: center;
}

.download_link1 {
    width: 20%;
    font-size: 14px;
}
#down_idx, #down_title, #down_link {
    border-bottom: 1px solid #434343;
    text-align: center;
}
.download_idx {
    width: 20%;
    line-height: 24px;
}
.download_title {
    width: 60%;
    text-align: left;
    line-height: 24px;
}
.download_link {
    width: 20%;
    text-align:center;
}
.pdf_download_link {
    margin: 0 auto;
}
.wrap_product_detail_page_back_btn {
    width: 100%;
    height: 50px;
    margin: 0 auto;
}
.product_detail_page_back_btn {
    width: 130px;
    height: 50px;
    margin: 0 auto;
    border: 2px solid #a6093d;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    color: #434343;
}


/* 데스크탑공용레이아웃 */
@media all and (min-width:961px) {
    #menu_view ul li {width:120px;}

	.section_title {max-width:960px; margin:40px auto 0;}
	.section_title h3 {font-size:40px;}
	.section_title p {font-size:15px; line-height:22px; letter-spacing: -0.025rem;}
	.section_footer {max-width:960px; margin:20px auto 0px;}
	.section_footer ul li {float:left; padding:0 30px 30px; box-sizing:border-box;}
	.section_footer ul.inverter_stn li {width:33.33%;}
	.section_footer ul.heating_stn li {width:50%;}
	.section_footer ul li.space_tb.space_last {padding:0 10px 0 30px;}
	.section_footer ul li h4 {font-size:18px; background-position: 0 6px;}
	.section_footer ul li p {font-size:13px;}

	#wrap .swiper-container-horizontal>.swiper-pagination{bottom:210px;}
	#wrap .swiper-container .swiper-button-next {display:block; cursor:pointer !important; z-index:50 !important;}
	#wrap .swiper-container .swiper-button-prev {display:block; cursor:pointer !important; z-index:50 !important;}

	.main_visual {top:70px;}
	.main_visual .mhide {display:block;}
	.main_visual .whide {display:none;}
	.main_visual h2 { padding-bottom:10px; font-size:52px;}
	.main_visual h3 {padding:0 28px 0 28px; font-size:18px;}
	.main_visual p {padding:0 28px 10px 28px; font-size:15px;}
	.view_area.foot_space {margin-bottom:180px;}
	.footer_wrap h2 {float: left; border-right: 1px solid #ccc;  padding:6px 17px 6px 0;}
	.footer_wrap address {font-style: normal; float: left; padding-left:17px; padding-bottom:0 !important;}
	.footer_side {text-align:right;float:right;}
	.partner_wrap .partner_left {float:left; width:80%;}
	.partner_wrap .partner_left p {width:230px; float:left;}
	.partner_wrap .partner_right {float:right; width:20%;}
	#wrap .scrolltop {right: 10px; bottom: 40%;}

	/* 	product */
	#menu_wrap {width:100%; padding-top:50px; border-bottom:1px solid #b7b7b7;}
	#menu_area {max-width:1080px; margin:0 auto;}
	#menu_view {max-width:960px; margin:0 auto;}
	.contents_wrap {max-width:960px; margin:0 auto; padding:0; background:url(../img/bg_content_wrap960.png) 0 0 repeat-y;}
	.max-width:960px; {font-size:40px; padding:56px 0 58px 0;}
	.contents_wrap .contents_area {margin:0 25px; padding:0 0 50px 0;}
	.mps_area ul li {width:100%;}


	/* product view */
	.product_area .product_img,
	.product_area .product_spac,
	.product_area .product_tech,
	.product_area .product_system,
	.product_area .product_table,
	.product_area .product_board,
	.product_area .system_function {padding-bottom:50px;}
	.spec_sort.spec_left {float:left; width:50%; padding-right:30px; box-sizing:border-box;}
	.spec_sort.spec_right {float:left; width:50%;}
	.spec_sort ul {overflow:hidden;}
	.spec_sort ul li {width:100%;}
	.spec_sort ul li p {padding:10px 10px 10px 0;}
	.spec_sort ul li p.pt_none {padding-top:0px;}
	.spec_sort ul li .spec_lefttitle {font-size:15px; width:30%;}
	.spec_sort ul li .spec_leftdata {font-size:15px;  letter-spacing:0px;}
    .tech_sort.tech_left {width:50%; float:left; padding-right:30px; box-sizing:border-box;}
	.tech_sort.tech_right {width:50%; float:left; padding-left:30px; box-sizing:border-box; padding-top: 40px;}
	.tech_sort.tech_right.tech_accessoryarea {padding-top:0;}
	.tech_sort.tech_right.tech_homearea {padding-top:0;}
	.tech_subtitle {font-size:18px; margin-bottom:20px;}
	.tech_subdata li {font-size:14px; color:#7d7d7d; line-height:19px; margin-bottom:18px;}
	.tech_subdata li.mzb_none {margin-bottom:0;}
	.tech_subdata li.blit_none {font-size:14px; color:#000; line-height:26px; margin-bottom:18px; padding-left:0; background:#FFF;}
	.tech_subarea .merit_title {font-size:18px; color:#0072bc; padding:0 0 8px 16px; background:#FFF url(/images/blit_triangle.gif) 0px 5px no-repeat;}
	.tech_subarea .merit_data {font-size:14px; color:#7d7d7d; line-height:18px; margin-bottom:18px; padding-left:16px;}
	.base_layoutleft {float:left; padding-right:30px; box-sizing:border-box; width:50%;}
	.base_layoutright {float:left; width:50%;}
	.product_title {font-size:28px;}
	.system_opensheet {padding:0 20px;}
	.tech_sort.tech_right.tech_ess {padding:0 30px 0 0;}
	.pro_right {overflow:hidden;}
	.pro_left .vol_s {font-size:15px;}
	.pro_right .vol_left {float:left; display:block; width:50%; text-align:left;}
	.pro_right .vol_right {float:left; display:block; width:50%; text-align:left;}
}

/* 타블릿공용레이아웃 */
@media all and (min-width:769px) and (max-width:960px) {
	.section_title h3 {font-size:40px;}
	.section_title p {font-size:15px; line-height:22px;}
	.section_footer {max-width:960px; margin:20px auto 0px;}
	.section_footer ul li {float:left; padding:0 30px 30px; box-sizing:border-box;}
	.section_footer ul.invert_stn li {width:50%;}
	.section_footer ul.heating_stn li {width:100%;}
	.section_footer ul li.space_tb.space_last {padding:0 10px 0 30px;}
	.section_footer ul li h4 {font-size:18px; background-position: 0 6px;}
	.section_footer ul li p {font-size:13px;}

	#wrap .swiper-container-horizontal>.swiper-pagination{bottom:210px;}
	#wrap .swiper-container .swiper-button-next {display:block; cursor:pointer !important; z-index:50 !important;}
	#wrap .swiper-container .swiper-button-prev {display:block; cursor:pointer !important; z-index:50 !important;}

	.main_visual {top:70px;}
	.main_visual .mhide {display:block;}
	.main_visual .whide {display:none;}
	.main_visual h2 { padding-bottom:10px; font-size:42px;}
	.main_visual h3 {padding:0 28px 0 28px; font-size:18px;}
	.main_visual p {padding:0 28px 10px 28px; font-size:15px;}
	.view_area.foot_space {margin-bottom:180px;}
	.footer_wrap {padding:28px 3%;}
	.footer_wrap h2 {float: left; border-right: 1px solid #ccc; padding:6px 17px 6px 0;}
	.footer_wrap address {font-style: normal; float: left; padding-left:17px; padding-bottom:0 !important;}
	.footer_side {text-align:right; float:right;}
	.partner_wrap .partner_left {float:left; width:70%;}
	.partner_wrap .partner_right {float:right; width:30%;}
	#wrap .scrolltop {right: 10px; bottom: 40%;}

	/* product */
	#menu_wrap {width:100%; padding-top:50px; border-bottom:1px solid #b7b7b7;}
	#menu_area {max-width:1148px; margin:0 auto;}
	#menu_view {max-width:960px; margin:0 auto;}
	.contents_wrap {max-width:960px; margin:0 auto; padding:0; background:#fff;}
	.contents_wrap .contents_area {margin:0 10px;}
	.max-width:960px; {font-size:40px; padding:56px 0 58px 0; border-bottom:4px solid #7e7e7e;}
	.mps_area ul li {width:100%;}

	/* product view */
	.product_area .product_img,
	.product_area .product_spac,
	.product_area .product_tech,
	.product_area .product_system,
	.product_area .product_table,
	.product_area .product_board,
	.product_area .system_function {padding-bottom:50px;}
	.spec_sort.spec_left {float:left; width:50%; padding-right:30px; box-sizing:border-box;}
	.spec_sort.spec_right {float:left; width:50%;}
	.spec_sort ul {overflow:hidden;}
	.spec_sort ul li {width:100%;}
	.spec_sort ul li p {padding:10px 10px 10px 0;}
	.spec_sort ul li p.pt_none {padding-top:0px;}
	.spec_sort ul li .spec_lefttitle {font-size:15px; width:30%;}
	.spec_sort ul li .spec_leftdata {font-size:15px; letter-spacing:0px;}
    .tech_sort.tech_left {width:50%; float:left; padding-right:30px; box-sizing:border-box;}
	.tech_sort.tech_right {width:50%; float:left; padding-left:30px; padding-top: 40px; box-sizing:border-box;}
	.tech_subtitle {font-size:18px; margin-bottom:20px;}
	.tech_subdata li {font-size:14px; color:#7d7d7d; line-height:19px; margin-bottom:18px;}
	.tech_subdata li.mzb_none {margin-bottom:0;}
	.tech_subdata li.blit_none {font-size:14px; color:#000; line-height:26px; margin-bottom:18px; padding-left:0; background:#FFF;}
	.tech_subarea .merit_title {font-size:18px; color:#0072bc; padding:0 0 8px 16px; background:#FFF url(/images/blit_triangle.gif) 0px 5px no-repeat;}
	.tech_subarea .merit_data {font-size:14px; color:#7d7d7d; line-height:18px; margin-bottom:18px; padding-left:16px;}
	.base_layoutleft {float:left; padding-right:30px; box-sizing:border-box; width:50%;}
	.base_layoutright {float:left; width:50%;}
	.product_title {font-size:24px;}
	.system_opensheet {padding:0 10px;}
	.tech_sort.tech_right.tech_ess {padding:0 30px 0 0;}
	.pro_right {overflow:hidden;}
	.pro_left .vol_s {font-size:15px;}
	.pro_right .vol_left {float:left; display:block; width:50%; text-align:left;}
	.pro_right .vol_right {float:left; display:block; width:50%; text-align:left;}
}   .spec_border.spec_line  {float: left; width: 100%; box-sizing: border-box;}
    .spec_border ul {overflow: hidden;}
    .spec_border ul li {width: 100%;}
    .spec_border ul li p {padding: 10px 0 10px 0;}
    .spec_border ul li p.pt_all {padding-top: 0px;}
    .spec_border ul li .spec_centertitle {font-size: 15px; width: 15%; float: left; color:#707070;}
    .spec_border ul li .spec_centerdata {font-size: 15px; width: 75%; float: left; letter-spacing: 0px; text-align: center;}


/* 시스템 */
.system_contarea {overflow:hidden; margin-bottom:20px;}
.system_contarea .cont_sort {margin:0; overflow:hidden;}
.system_contarea .cont_right img {margin-bottom:10px;}
.tech_subdata.pr_space {padding-right:20px;}

@media all and (min-width:961px) {
	.system_contarea .cont_left {float:left; width:41%;}
	.system_contarea .cont_right {float:right; width:59%;}
	.system_contarea .cont_right img {margin-right:10px; float:left;}
	.system_contarea .cont_right.imgposition {float:right; max-width:200px;}
	.system_contarea .cont_right.smartposition {float:right; max-width:200px;}
	.system_contarea .cont_right.webposition {float:right; max-width:350px;}
	.system_contarea .cont_right .cont_imgwrap {overflow:hidden;}
	.system_contarea .cont_right .cont_imgwrap img.cont_imgright {margin:0 auto 0 auto; float:none;}
}
@media all and (min-width:769px) and (max-width:960px) {
	.system_contarea .cont_left.cont_position {width:41%; float:left;}
	.system_contarea .cont_right img {margin-right:10px; float:left;}
	.system_contarea .cont_right.imgposition {float:right; max-width:200px;}
	.system_contarea .cont_right.smartposition {float:right; max-width:200px;}
	.system_contarea .cont_right.webposition {float:right; max-width:350px;}
	.system_contarea .cont_right .cont_imgwrap {overflow:hidden;}
	.system_contarea .cont_right .cont_imgwrap img.cont_imgright {margin:0 auto 0 auto; float:none;}
}

/* 회사소개 0*/

.company_intro {padding-top:130px; position:relative; font-family:inherit}
.company_intro .company_facebg {width:100%;}
.company_view {position:absolute; top:128px; left:0; margin:0 20px; max-width:420px; text-align:center;}
.company_title {color:#fff; font-size:15px; font-weight:700; padding:14px 10px 6px 10px; font-family: inherit;}
.company_view p.company_data {color:#f4f4f4; font-size:14px; font-family: inherit;}
.wrap_recruit_page_link {
    position: relative;
    width: 100%;
    height: 40px;
    margin: 0 auto;
}
.recruit_page_link {
    position: relative;
    width: 150px;
    height: 34px;
    border: 3px solid #a6093d;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    line-height: 34px;
    font-size: 14px;
}

/* 사업실적(제조분야,시공분야,연구분야) */
.container_wrap {padding-top: 130px; overflow:hidden;}
.board_wrap {padding-top: 130px; overflow:hidden;}
.business_title {padding-top: 40px; padding-bottom: 20px; color:#636363; font-size: 24px; line-height: 38px; font-weight:700; border-bottom: 1px solid #d2d2d2; font-family: Verdana, Geneva, sans-serif; text-align: center; max-width: 960px; margin: 0 auto; }
.business_area {padding:0 10px; position:relative;}
.business_section {position:relative;  overflow: hidden; max-width: 960px; min-height: 800px; margin: 0px auto;}
.business_section .business_wrap {margin:10px 0 40px; overflow:hidden;}
.business_section .business_wrap .business_contents {float:left; width:50%;}
.business_section .business_wrap .business_contents .business_list {background-color:#fff; margin:8px; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.business_section .business_wrap .business_contents .business_list:hover {box-shadow: 0px 0px 7px 0px #4858ff;}
/* .business_section .business_wrap .business_contents .business_list .business_pics {position:relative;} */
.business_section .business_wrap .business_contents .business_list .business_pics {position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden;}
.business_section .business_wrap .business_contents .business_list .business_tite {padding: 0px 4px; margin: 0 0 10px; font-size: 16px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all;}
.business_section .business_wrap .business_contents .business_list .business_date {padding: 0px 4px; margin: 0 0 10px; font-size: 12px; line-height: 18px;}
.business_section .business_wrap .business_contents .business_list .business_addr {padding: 0px 4px; margin: 0 0 10px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all;}
.pop_businesswrap {overflow:hidden;}
.popup_article {width:100%; height:100%; overflow-y:auto; z-index:6000; background-color:#fff; display:none; max-width:960px; position:absolute; top:0; left:0; background-color:#fff;}
.popup_businesstitle {padding:16px 0 20px 34px; font-size:24px; color:#fff; background-color:#000;}
.popup_businesstitle span {font-size:18px;}
.popup_businessclose {position:absolute; top:12px; right:10px; z-index:7000; background-color:#111;}
.popup_container {margin:20px;}
.popup_imgwrap {}
.popup_imgwrap img {padding:4px; border:1px solid #d0d0d0; border-radius:4px 4px 4px 4px;}
.popup_textwrap {max-width:748px; margin:30px auto 30px;}
.popup_textwrap .popup_site {margin:0 0 22px 0;}
.popup_textwrap .popup_site h6 {font-size:20px; color:#fb9330; margin-bottom:6px; padding:0 0 6px 0; border-bottom:1px solid #cacaca;}
.popup_textwrap .popup_site p {font-size:16px; color:#000;}
.popup_textwrap .popup_equi {margin:0 0 22px 0;}
.popup_textwrap .popup_equi h6 {font-size:20px; color:#fb9330; margin-bottom:6px; padding:0 0 6px 0; border-bottom:1px solid #cacaca;}
.popup_textwrap .popup_equi p {font-size:16px; color:#000;}
.popup_textwrap .popup_date {margin:0 0 22px 0;}
.popup_textwrap .popup_date h6 {font-size:20px; color:#fb9330; margin-bottom:6px; padding:0 0 6px 0; border-bottom:1px solid #cacaca;}
.popup_textwrap .popup_date p {font-size:16px; color:#000;}
.research { padding-left: 50px; position: relative; margin-top:20px; margin-bottom: 30px; line-height:22px;}
.research:hover .number { background-color: #4858ff; color: #fff; }
.research:hover .question { color: #4858ff; }
.research .number { background-color: #eee; border-radius: 20px; color: #394350; position: absolute; left: 0px; padding: 5px 10px; font-weight: bold; font-size: 17px; top: -5px; transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; }
.research .question { color: #2c3339; font-weight: bold; font-size: 15px; cursor: pointer; transition: color 0.2s linear; -moz-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; }
.research .answer { margin-top: 30px; margin-bottom: 60px; font-size: 15px; border-bottom: 1px solid #BEC0C3; padding-bottom: 35px; box-shadow: 0px 1px 1px 0px white; display: none; }
.research .answer p {}
.research .answer p strong {display:inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; width:80px; }
.research .answer p span {display:inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1;}

/* 사업 영역 */
.business_field {
    
}

@media all and (min-width:961px) {
	.company_intro {padding-top:88px;}
	.company_view {max-width:700px; margin:0 auto; position:absolute; top:88px; left:50%; margin-left:-350px; }
	.company_title {font-size:24px; padding:30px 10px 5px;}
	.company_view p.company_data {font-size:17px; line-height:24px;}
	.container_wrap {padding-top: 90px;}
	.board_wrap {padding-top: 90px;}
	.business_title {padding-top: 40px; padding-bottom: 20px; color:#636363; font-size: 24px; line-height: 38px; font-weight:700; border-bottom: 1px solid #d2d2d2; font-family: Verdana, Geneva, sans-serif; text-align: center; max-width: 960px; margin: 0 auto 30px; }
	.business_area {padding:0 10px;position:relative;}
	.business_section .business_wrap {overflow: hidden; max-width: 960px; margin: 0px auto 40px;}
	.business_section .business_wrap .business_contents {float:left; width:25%;}
	.business_section .business_wrap .business_contents .business_list {background-color:#fff; margin:8px; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
	.business_section .business_wrap .business_contents .business_list:hover {box-shadow: 0px 0px 7px 0px #4858ff;}
	.business_section .business_wrap .business_contents .business_list .business_pics {position:relative;}
	.business_section .business_wrap .business_contents .business_list .business_tite {padding: 0px 10px; margin: 0 0 10px; font-size: 20px; line-height: 32px;}
	.business_section .business_wrap .business_contents .business_list .business_date {padding: 0px 10px; margin: 0 0 10px; font-size: 14px;}
	.business_section .business_wrap .business_contents .business_list .business_addr {padding: 0px 10px; margin: 0 0 10px; font-size: 14px;}
}

@media all and (min-width:769px) and (max-width:960px) {
	.company_intro {padding-top:88px;}
	.company_view {max-width:700px; margin:0 auto; position:absolute; top:88px; left:50%; margin-left:-350px; }
	.company_title {font-size:24px; padding:18px 10px 14px 10px;}
	.company_view p.company_data {font-size:17px; line-height:20px;}
	.container_wrap {padding-top: 90px;}
	.board_wrap {padding-top: 90px;}
	.business_title {padding-top: 40px; padding-bottom: 20px; color:#636363; font-size: 24px; line-height: 38px; font-weight:700; border-bottom: 1px solid #d2d2d2; font-family: Verdana, Geneva, sans-serif; text-align: center; max-width: 960px; margin: 0 auto 30px; }
	.business_area {padding:0 10px; position:relative;}
	.business_section .business_wrap {overflow: hidden; max-width: 960px; margin: 0px auto 40px;}
	.business_section .business_wrap .business_contents {float:left; width:25%;}
	.business_section .business_wrap .business_contents .business_list {background-color:#fff; margin:8px; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
	.business_section .business_wrap .business_contents .business_list:hover {box-shadow: 0px 0px 7px 0px #4858ff;}
	.business_section .business_wrap .business_contents .business_list .business_pics {position:relative;}
	.business_section .business_wrap .business_contents .business_list .business_tite {padding: 0px 10px; margin: 0 0 10px; font-size: 20px; line-height: 32px;}
	.business_section .business_wrap .business_contents .business_list .business_date {padding: 0px 10px; margin: 0 0 10px; font-size: 14px;}
	.business_section .business_wrap .business_contents .business_list .business_addr {padding: 0px 10px; margin: 0 0 10px; font-size: 14px;}
}

/* CEO인사말 1*/
.company_ceo {position:relative; overflow:hidden; font-family:'Nanum Gothic';}
.common_title {padding-top: 40px; padding-bottom: 10px; color:#636363; font-size: 24px; line-height: 38px; font-weight:700; border-bottom: 1px solid #d2d2d2; font-family: Verdana, Geneva, sans-serif; text-align:center;}
.lang_wrap {padding:0 13px;}
.lang_wrap .left_lang p {font-size:14px; line-height:27px; color:#000; word-break:keep-all;}
.lang_wrap .left_lang {padding:36px 0;}
.lang_bg {width:100%; margin-bottom:40px;}


@media all and (min-width:961px) {
	.common_title {padding-top: 40px; padding-bottom: 20px; width: 60%; margin-right: auto; margin-left: auto; margin-bottom: 30px; color:#636363; font-size: 24px; line-height: 38px; font-weight:700; border-bottom: 1px solid #d2d2d2; font-family: Verdana, Geneva, sans-serif; text-align:center;}
	.lang_wrap {padding:0px; margin:0 auto 40px; max-width:960px;}
	.lang_wrap .right_lang {float:right; width:25%; position:relative; min-height:485px;}
	.lang_wrap .right_lang img {position:absolute; right:0; bottom:55px; margin:0 auto;}
	.lang_wrap .left_lang {float:left; width:65%; position:relative; padding:0;}
	.lang_wrap .left_lang p {font-size:18px; line-height:27px; color:#000;}
	.lang_wrap .left_lang span {font-size: 20px; line-height: 27px;}
    .lang_bg {width:100%; margin-bottom:40px;}
    .lang_bg img {margin: 0 auto;}

}

@media all and (min-width:769px) and (max-width:960px) {
	.common_title {padding-top: 40px; padding-bottom: 20px; width: 60%; margin-right: auto; margin-left: auto; margin-bottom: 30px; color:#636363; font-size: 24px; line-height: 38px; font-weight:700; border-bottom: 1px solid #d2d2d2; font-family: Verdana, Geneva, sans-serif; text-align:center;}
	.lang_wrap {padding:0 10px; margin:0 auto 40px; max-width:960px;}
	.lang_wrap .right_lang {float:right; width:35%; position:relative; min-height:485px;}
	.lang_wrap .right_lang img {position:absolute; right:0; bottom:0;}
	.lang_wrap .left_lang {float:left; width:65%;  position:relative; padding:0;}
	.lang_wrap .left_lang p {font-size:14px; line-height:27px; color:#000;}
	.lang_bg {width:100%; margin-bottom:40px; margin: 0 auto;}
    .lang_bg img {margin:0 auto !important; margin-bottom: 30px !important;}
}

/* 비젼 2*/
.vision_wrap {position: relative; background: url(/images/bg-vision.jpg) no-repeat 0px 0px; border-bottom: 1px solid #d2d2d2; font-family:'Nanum Gothic';}
@media all and (min-width:961px) {
	.lang_wrap .left_lang.vision_left { float: left; width: 60%; position: relative; padding: 0; }
	.lang_wrap .right_lang.vision_right {float:right; width:35%; position:relative; min-height:485px;}
}
@media all and (min-width:769px) and (max-width:960px) {
	.lang_wrap .left_lang.vision_left { float: left; width: 60%; position: relative; padding: 0; }
	.lang_wrap .right_lang.vision_right {float:right; width:35%; position:relative; min-height:485px;}
}

/* 연혁 3*/
.history_wrap {background: url(/images/bg_history.jpg) center center no-repeat; background-size:cover; font-family:'Nanum Gothic';}
.history_head {padding:0 10px; max-width:480px;}
.history_title {color:#000; font-size:30px; font-weight:700; padding:38px 0 15px; text-align:center; line-height:36px;}
.history_data {color:#535354; font-size: 16px; font-weight:400; text-align:center; line-height: 26px; padding-bottom:40px; font-family:'Nanum Gothic'; margin: 0px 0px 15px; }
.history_contents {}
.history_year {/* background: url(/images/bg_historyyear.png) 0 0 repeat; */ margin-bottom:110px;}
.history_year.bg_historynone {background:none;}
.history_year .year_title {padding-left:30px; background:url(/images/blit_historyright.png) 10px 10px no-repeat; font-size:18px; line-height:32px; color:#000;}
.history_year .month_area {margin-left:15px; padding-left:15px; padding-bottom:4px; border-left:1px solid #fff; font-size:13px; line-height:22px; color:#fff; letter-spacing:-1px;}
.history_year .month_area dt {float:left; width:20%;}
.history_year .month_area dd {float:left; width:80%; padding-right:4px; /* letter-spacing:-2px; */}
.history_year .month_area .c_orange {color:#ffff33;}
.history_year .month_area .c_white {color:#ffffff;}

@media all and (min-width:961px) {
	.history_contents {max-width:960px; margin:0 auto;}
	.history_year {}
	.history_year .month_area dt {width:70px;}
	.history_year .month_area dd {width:80%; padding-left:4px; padding-right:0; /* letter-spacing:-2px; */}
	.history_head {max-width:462px; margin:0 auto;}
	.history_title {font-size:30px; line-height:36px;}
	.history_data {color:#535354; font-size: 30px; font-weight:400; text-align:center; line-height: 43px; padding-bottom:40px; font-family: 'Nanum Gothic'; margin: 0px 0px 15px; }
	.history_year .year_title {font-size:18px;}
	.history_year .month_area {font-size:13px; line-height:22px;}
}
@media all and (min-width:769px) and (max-width:960px) {
	.history_contents {max-width:960px; margin:0 auto;}
	.history_year {}
	.history_year .month_area dt {width:68px;}
	.history_year .month_area dd {width:80%; padding-left:4px; padding-right:0; /* letter-spacing:-2px; */}
	.history_head {max-width:462px; margin:0 auto;}
	.history_title {font-size:30px; line-height:38px;}
	.history_data {color:#535354; font-size: 30px; font-weight:400; text-align:center; line-height: 43px; padding-bottom:40px; font-family: 'Nanum Gothic'; margin: 0px 0px 15px; }
	.history_year .year_title {font-size:18px;}
	.history_year .month_area {font-size:13px; line-height:22px;}
}

/* 조직도 4 */
.system_wrap {position:relative; overflow:hidden; font-family:'Nanum Gothic';}
@media all and (min-width:961px) {}
@media all and (min-width:769px) and (max-width:960px) {}

/* 인증현황 5 */

.company_cert {position:relative; font-family:'Nanum Gothic';}
.year_length {padding:0 10px 12px 30px; background:url(../img/blit_right.png) 4px 5px no-repeat; font-size:18px; color:#363636; border-bottom:1px solid #d2d2d2;}
.cert_wrap {background:url(../img/bg_pattern.gif) 0 0 repeat;}
.cert_wrap ul {overflow:hidden;}
.cert_wrap ul li {float:left; width:50%; padding:10px;}
.cert_wrap ul li a {display:block;}
    .cert_wrap ul li a img {
        position: relative !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        border: none !important;
        height: auto !important;
    }

/* 채용정보 */
.company_recruit {
    position: relative;
    font-family: 'Nanum Gothic';
}
.recruit_wrap {
    background: url(../img/bg_pattern.gif) 0 0 repeat;
}
.recruit_wrap ul {
    overflow: hidden;
}
.recruit_wrap ul li {
    float: left;
    width: 50%;
    padding: 10px;
    }
.recruit_wrap ul li a {
    display: block;
}

/*납품사례*/
.cssViewText {
    line-height: 44px;
}

.cssTextHead {
    color: #292929;
    height: auto;
    width: 25%;
}
.installation_conditions_view_table_wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
}
#thum_title {
    color: #a6093d;
}
#ContentPlaceHolder1_dl_pvinstall {
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}
#installation_condition_board_wrapper {
    width: 100%;
}
/*제품소개*/
#ContentPlaceHolder1_dl_product {
    margin-top: 20px;
    margin-bottom: 20px;
}
#ContentPlaceHolder1_dl_productdown {
    width: 100%;
    text-align: center;
}
#dl_productdown {
    position: relative;
    width: 100%;
    height: 150px;
    text-align: center;
}
product_bgimg img {
    margin: 0 auto !important;
}
/* 팝업 */
.body_backface {
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 5000;
    display: none;
}
.popup_cert {position:fixed; top:10px; left:10px; margin-left:0; margin-top:0; margin-right:10px; z-index:6000; background:#000; display:none;}
.popup_cert .popup_wrap { padding: 6px 60px 6px 60px; position: relative; background-color: #111; margin-top: 120px; }
.popup_cert .popup_wrap .popup_contents {}
.popup_cert .popup_wrap .popup_footer {text-align:center; padding:10px 0;}
.popup_cert .popup_wrap .popup_footer p {color:#fff; font-size:15px;}
.popup_cert .popup_wrap .popup_close {position:absolute; top:10px; right:14px; z-index:7000;}
.popup_cert .popup_wrap .popup_close a {display:block;}


@media all and (min-width:961px) {
	.year_length {font-size:18px; max-width:1100px; margin:0 auto; padding:0 0px 12px 20px;}
	.cert_wrap ul {max-width:1100px; margin:0 auto; padding-bottom:30px;}
	.cert_wrap ul li {width:25%; padding:0;}
	.popup_cert {top:50%; left:50%; margin-left:-205px; margin-top:-282px; margin-right:0;}
	.popup_cert .popup_wrap {padding:64px 35px 20px 35px; position:relative; background-color:#111; margin-top:0;}

    .recruit_wrap ul {
        max-width: 960px;
        margin: 0 auto;
        padding-bottom: 30px;
    }

        .recruit_wrap ul li {
            width: 25%;
            padding: 0;
        }

}

@media all and (min-width:769px) and (max-width:960px) {
	.year_length {font-size:18px; max-width:960px; margin:0 auto; padding:0 10px 12px 30px;}
	.cert_wrap ul {max-width:960px; margin:0 auto; padding-bottom:20px;}
	.cert_wrap ul li {width:33.33%; padding:0;}
	.popup_cert {top:50%; left:50%; margin-left:-205px; margin-top:-282px; margin-right:0;}
	.popup_cert .popup_wrap {padding:64px 35px 20px 35px; position:relative; background-color:#111; margin-top:0;}
    .recruit_wrap ul {
        max-width: 960px;
        margin: 0 auto;
        padding-bottom: 20px;
    }
        .recruit_wrap ul li {
            width: 33.33%;
            padding: 0;
        }
}

/* 홍보영상 */
/* 게시판페이징 공통사항 */
.pagination_board { margin: 20px 0; text-align:center; }
.pagination_board ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.pagination_board ul > li { display: inline; }
.pagination_board ul > li > a,
.pagination_board ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; color:#0088cc; font-size:12px;}
.pagination_board ul > li > a:hover,
.pagination_board ul > .on > a,
.pagination_board ul > .on > span { background-color: #f5f5f5; }
.pagination_board ul > .on > a,
.pagination_board ul > .on > span { color: #999999; cursor: default; }
.pagination_board ul > .disabled > span,
.pagination_board ul > .disabled > a,
.pagination_board ul > .disabled > a:hover { color: #999999; background-color: transparent; cursor: default; }
.pagination_board ul > li:first-child > a,
.pagination_board ul > li:first-child > span { border-left-width: 1px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; }
.pagination_board ul > li:last-child > a,
.pagination_board ul > li:last-child > span { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; }

/* 갤러리게시판 */
.board_wrap {position:relative; overflow:hidden; font-family:'Nanum Gothic';}
.gallery_area {padding:10px; margin:0 0 20px;}
.gallery_wrap {overflow:hidden; margin:10px 0;}
.gallery_wrap .gallery_contents {float:left; width:50%;}
.gallery_list {background-color:#fff; margin:8px; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.gallery_list:hover {box-shadow: 0px 0px 7px 0px #4858ff;}
/* .gallery_list .gallery_pic {position:relative;} */
.gallery_list .gallery_pic {position:relative; padding-bottom:56.25%; padding-top:0px; height:0; overflow:hidden;}
.gallery_list .title_gel {padding: 0px 4px; margin:0 0 10px; font-size:16px; line-height:24px; height:96px; overflow:hidden;}
.gallery_list .date_gallery { margin:0 0 10px; font-size:14px;}

@media all and (min-width:961px) {
	.gallery_area {padding:10px; margin:0 0 40px;}
	.gallery_wrap {overflow:hidden; max-width:960px; margin:10px auto;}
	.gallery_wrap .gallery_contents {float:left; width:25%;}
	.gallery_list .title_gel {padding: 0px 10px; margin:0 0 10px; font-size:20px; line-height:32px;}
	.gallery_list {background-color:#fff; margin:20px; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
	.gallery_list .date_gallery {padding: 0px 10px; margin:0 0 10px; font-size:14px;}
}
@media all and (min-width:769px) and (max-width:960px) {
	.gallery_area {padding:10px; margin:0 0 40px;}
	.gallery_wrap {overflow:hidden; max-width:960px; margin:10px auto;}
	.gallery_wrap .gallery_contents {float:left; width:33.33%;}
	.gallery_list .title_gel {padding: 0px 10px; margin:0 0 10px; font-size:20px; line-height:32px;}
	.gallery_list {background-color:#fff; margin:20px; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
	.gallery_list .date_gallery {padding: 0px 10px; margin:0 0 10px; font-size:14px;}
}

/* 리스트게시판 */
.newslist_area {padding:10px; margin:0 0 20px;}
.newslist_wrap {overflow:hidden; margin:20px 0;}
.newslist_wrap .newslist_contents {margin-bottom:20px;}
.tablestyle2 {width:100%; table-layout:fixed;}
.tablestyle2 tr th {padding:8px 0; line-height:1.4; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:14px;}
.tablestyle2 tr td {padding:8px 0; line-height:1.4; border-bottom:1px solid #ccc; font-size:14px;}
.tablestyle2 tr td.text-center {text-align:center;}
.tablestyle2 tr td .text_over {overflow:hidden; word-break:break-all; text-overflow:ellipsis; white-space:nowrap;}

@media all and (min-width:961px) {
	.newslist_area {padding:10px; margin:0 0 40px;}
	.newslist_wrap {overflow:hidden; max-width:1024px; margin:20px auto;}
	.tablestyle2 {margin: 0 0 10px 0;}
	.tablestyle2 tr th {padding:8px 0; line-height:1.4; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:16px;}
	.tablestyle2 tr td {width: 270px; padding:8px 0; line-height:1.4; border-bottom:1px solid #ccc; font-size:16px;}
}
@media all and (min-width:769px) and (max-width:960px) {
	.newslist_area {padding:10px; margin:0 0 40px;}
	.newslist_wrap {overflow:hidden; max-width:960px; margin:20px auto;}
	.tablestyle2 {margin: 0 0 10px 0;}
	.tablestyle2 tr th {padding:8px 0; line-height:1.4; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:16px;}
	.tablestyle2 tr td {width: 270px; padding:8px 0; line-height:1.4; border-bottom:1px solid #ccc; font-size:16px;}
}

/* 동영상게시판 */
.video_area {padding:10px; margin:0 0 20px;}
.video_wrap {overflow:hidden; margin:10px 0;}
.video_wrap .video_contents {float:left; width:50%;}
.video_list {background-color:#fff; margin:8px; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.video_list.video_size {}
.video_list:hover {box-shadow: 0px 0px 7px 0px #4858ff;}

.video_container {position:relative; padding-bottom:56.25%; padding-top:14px; height:0; overflow:hidden;}
.video_container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.video_container object {position:absolute; top:0; left:0; width:100%; height:100%;}
.video_container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

.video_lineup {position:relative; padding-bottom:56.25%; padding-top:14px; height:0; overflow:hidden;}
.video_lineup iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.video_lineup object {position:absolute; top:0; left:0; width:100%; height:100%;}
.video_lineup embed {position:absolute; top:0; left:0; width:100%; height:100%;}

.video_lineup .video_btnplay {position:absolute; top:0; left:0;/*  background:url(/images/video_bg.png) 0 0 repeat; */}
.video_list .title_video {padding: 0px 4px; margin:0 0 10px; font-size:15px; line-height:24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all;}
.video_list .date_video { margin:0 0 10px; font-size:14px;}


@media all and (min-width:961px) {
	.video_area {padding:10px; margin:0 0 40px;}
	.video_wrap {overflow:hidden; max-width:960px; margin:10px auto;}
	.video_wrap .video_contents {float:left; width:50%;}
	.video_list .title_video {padding: 0px 10px; margin:0 0 10px; font-size:20px; line-height:32px;}
	.video_list {background-color:#fff; margin:20px; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
	.video_list.video_size {margin:20px 120px;}
	.video_list .date_video {padding: 0px 10px; margin:0 0 10px; font-size:14px;}
}
@media all and (min-width:769px) and (max-width:960px) {
	.video_area {padding:10px; margin:0 0 40px;}
	.video_wrap {overflow:hidden; max-width:960px; margin:10px auto;}
	.video_wrap .video_contents {float:left; width:50%;}
	.video_list .title_video {padding: 0px 10px; margin:0 0 10px; font-size:20px; line-height:32px;}
	.video_list {background-color:#fff; margin:20px; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
	.video_list.video_size {margin:20px 120px;}
	.video_list .date_video {padding: 0px 10px; margin:0 0 10px; font-size:14px;}
}


/* 제품지원게시판 */
.product_suptit {border-bottom:1px solid #8b8c8a; margin:0 0 32px 0;}
.product_suptit.mg_space {margin:0;}
.product_suptit .mobile_support {display:block;}
.product_suptit .monitor_support {display:none; margin: 0 auto;}
.contact_right p {font-size: 15px;}

@media all and (min-width:961px) {
.product_suptit .mobile_support {display:none;}
.product_suptit .monitor_support {display:block; margin: 0 auto;}
}
@media all and (min-width:769px) and (max-width:960px) {
.product_suptit .mobile_support {display:none;}
.product_suptit .monitor_support {display:block; margin: 0 auto;}
}



/* 게시판 상세페이지 */
.board_viewarea {position:relative; overflow:hidden;}
.board_viewarea .board_viewwrap {padding:0 15px 20px;}
.board_viewarea .board_viewwrap .bview_title {text-align:center; margin:20px 20px 20px 20px; font-size:22px;}
.board_viewarea .board_viewwrap .viewimg_wrap {margin:0 0 20px 0 ;}
.board_viewarea .board_viewwrap .bview_text {text-align:left; margin:20px 5px 20px 5px; font-size:16px; line-height:24px;}
.btn_viewwrap {position:relative; margin:0 0 40px;}
.btn_viewwrap .btn_prevview a,
.btn_viewwrap .btn_nextview a {display: block; font-size: 14px; height: 30px; line-height: 30px; color: #333; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-break: break-all; }
.btn_viewwrap .btn_nextview {padding:0 80px 0 100px; background:#ddd url(/images/btn_nextview.png) 14px 8px no-repeat;}
.btn_viewwrap .btn_prevview {padding:0 80px 0 100px; background:#ddd url(/images/btn_prevview.png) 14px 8px no-repeat; margin-bottom:1px;}
.btn_viewwrap .btn_treelist {position:absolute; top:0; right:0;}
.inquire_board_title {position: relative; width: 100%; margin: 0 auto;}
.cssListHead {font-size: 14px; color: #ffffff; text-align: center; line-height: 35px; font-weight: bolder;}
.cssListContent {font-size: 14px; color: #333333; height: 40px; line-height: 40px;}
#inquire_board_index {margin-top: 20px; width: 100% !important;}
.inquire_write_table {position: relative; width: 100%; margin: 0 auto;}
.cssInqueryType {font-size: 14px; color: #a6093d; display: inline;}
.inquire_view_table {position: relative; width: 100%; margin: 0 auto;}

/* 자료실 */


/*모듈매칭 가상설계*/
.module_matching_table_title{position: relative; height: 40px; line-height: 40px; background: #262a34; font-size: 20px; text-align: center;}
.module_matching_table_title span {text-align: center; font-weight: bold; color: #ffffff;}
.module_matching_table_wrapper {position: relative; width: 100%;}
.module_matching_table {width: 100%; height: 100%; background: #ffffff; margin: 0 auto;}
.module_matching_item {width: 33.3%; height: 33.3%;}
.module_matching_item_checkbox {text-align: center; font-size: 18px;}
.matching_button {font-size: 18px; text-align: center;}
.wrap_module_matching_btn_line{position: relative; width:84%; height: 50px; margin: 0 auto;}
.module_matching_next_btn_box {position: relative; width:47%; height: 50px; float: right; text-align: right; padding-right: 10px; margin-top: 10px;}
.module_matching_next_btn {float: left;}
.module_matching_cancle_btn_box{position: relative; width: 47%; height: 50px; float: left; padding-left: 10px; margin-top: 10px;}
.module_matching_cancle_btn {float: right;}
.module_matching_table_class {width: 100%; margin-bottom: 20px;}
.module_matching_table_class tr td {width: 25%; height: 50px; line-height: 50px;}
.wrap_module_info_line {position: relative; width: 100%; height: 45px; line-height: 45px;}
.module_info_line {position: relative; width: 16.6%; height: 45px; float: left; text-align: center;}
.wrap_module_control_line {position: relative; width: 100%; height: 90px;}
.wrap_module_temp_control {position: relative; width: 100%; height: 45px; float: left;}
.module_temp_control_box { width: 100%; height: 45px;}
.module_temp_control_title_box {position: relative; float: left; width: 40%; height: 45px; line-height: 45px; text-align: center;}
.module_temp_control_inner_box {position: relative; float:left; width: 30%; height: 45px; line-height: 45px;}
.module_temp_min_left {position: relative; width: 30%; height: 45px; float: left; text-align: center; line-height: 45px;}
.module_temp_min_right {position: relative; width: 70%; height: 45px; float: left; text-align: left;}
.module_temp_min_value_wrapper {position: relative; width: 50%; height: 45px; float: left;}
.module_temp_min_updown_wrapper {position: relative; width: 50%; height: 45px; float: left;}
.module_temp_min_up_box {position: relative; width: 30%; height: 20px; margin-left: 15px; padding-top: 5px;}
.module_temp_min_down_box {position: relative; width: 30%; height: 20px; margin-left: 15px;}
.inputvalue { BORDER-BOTTOM: #717171 1px solid; BORDER-LEFT: #717171 1px solid; BORDER-RIGHT: #717171 1px solid; BORDER-TOP: #717171 1px solid; font-size: 14px; text-align: center;}
.modulematching_division_line {position: relative; width: 100%; height: 2px; margin: 0 auto; margin-top:10px; margin-bottom: 10px; background: #262a34;}
.modulematching_result_table_wrapper {position: relative; width: 100%; height: auto;}
.modulematching_result_table {position: relative; width: 100%;}
.modulematching_result_table1_suject {position: relative; width: 30%; height: 45px; line-height: 45px; background: #f7f7f7; text-align: center;}
.modulematching_result_table1_point {position: relative; width: 20%; height: 45px; line-height: 45px; text-align: center;}
.modulematching_result_table1_comment {position: relative; width: 30%; height: 45px; line-height: 45px; text-align: center; background: #f7f7f7;}
.modulematching_result_table1_comment_reply {position: relative; width: 20%; height: 45px; line-height: 45px; text-align: center;}
.modulematching_result_table2 {}
.table2_line1_row1 {width: 30%; line-height: 45px; text-align: center;}
.table2_line1_row2 {width: 40%; line-height: 45px; text-align: center;}
.table2_line1_row3 {width: 40%; line-height: 45px; text-align: center;}
.modulematching_result_table3 {position: relative; width: 100%; height: auto; border: 1px; border-collapse: separate; border-spacing: 2px; border-color: #262a34;}
.modulematching_result_table3 tr td {height: 30px; line-height: 30px; text-align: center;}
#match_ok_img {max-width: 100%;}
.modulematching_result_table4_btn_box {position: relative; width: 100%; height: 40px;}
#btnprint { width: 100px; height: 35px; background-image: url("../ko/img/btn_print.gif");}
.modulematching_result_table4_btn {position: relative; padding-top: 0px; margin-left: 5px; margin-right: 5px;}

/*문의*/
.support_window {}
.support_window_table {position: relative; width: 100%; height: auto;}


/*로그인*/
.login_text {color: #ffffff;}

@media all and (min-width:961px) {
    .board_viewarea {position:relative; overflow:hidden; max-width:960px; margin:0 auto;}
	.board_viewarea .board_viewwrap .bview_title {text-align:center; margin:20px 20px 40px 20px; font-size:22px;}
	.board_viewarea .board_viewwrap .viewimg_wrap {margin:0 0 40px 0 ;}
	.board_viewarea .board_viewwrap .bview_text {text-align:left; margin:20px 5px 48px 5px; font-size:18px; line-height:24px;}
}
@media all and (min-width:769px) and (max-width:960px) {
	.board_viewarea {position:relative; overflow:hidden; max-width:960px; margin:0 auto;}
	.board_viewarea .board_viewwrap .bview_title {text-align:center; margin:20px 20px 40px 20px; font-size:22px;}
	.board_viewarea .board_viewwrap .viewimg_wrap {margin:0 0 40px 0 ;}
	.board_viewarea .board_viewwrap .bview_text {text-align:left; margin:20px 5px 48px 5px; font-size:18px; line-height:24px;}
}


/* 오시는길 */
.company_way {font-family:'Nanum Gothic';}
.way_area {width:100%;}
.way_wrap {background:url(../img/bg_pattern.gif) 0 0 repeat; padding:0 10px; padding-bottom: 20px !important;}
.section_header {text-align: center; font-weight: 700; color: #636363; position: relative; padding:92px 0 40px 0; font-size:30px; line-height:40px;}
.section_header hr {margin:20px 0;}
.section_header hr {border-top: 1px solid #bec0c3; border-bottom: 2px solid white; width: 36%; position: absolute; }
.section_header hr.left {left: 0px; bottom: 40px; }
.section_header hr.right {right: 0px; bottom: 40px; }
.section_header hr.visible-desktop { display: none;}
.maps {width: 100%; border: 2px solid #fff; box-shadow: 0px 0px 1px 1px #cfcfcf; }
.maps .maps_area {width: 100%; font-size:20px; text-align:center;}

@media all and (min-width:961px) {
	.visible-desktop{display: inherit !important;}
	.section_header {max-width:960px; margin:0 auto;}
	.maps {max-width:100%; margin:0 auto; margin-top:30px;}
	.maps .maps_area {width: 100%; font-size:20px; text-align:center;}
}

@media all and (min-width:769px) and (max-width:960px) {
	.visible-desktop{display: inherit !important;}
	.section_header {max-width:960px; margin:0 auto;}
	.maps {max-width:100%; margin:0 auto; margin-top:30px;}
	.maps .maps_area {width: 100%; font-size:20px; text-align:center;}
}

/* 오시는길+컨텍어스 */
.contact_wrap {}
.contact_title {padding: 40px 10px 30px 10px; color: #394350; font-size: 16px; line-height: 30px; font-weight: normal;}
.contact_area {padding-top:30px;}
.contact_right {margin-bottom:60px;}
.field_area {margin-bottom:12px; overflow:hidden;}
.field_area .field-label {display:block; margin-bottom:4px; text-align:left; width:100px; font-size:14px; line-height:20px; font-weight:700;}
.field_area .field_contents textarea {display:block; text-align:left; width:100px; font-size:14px; line-height:20px; font-weight:700; min-height:20px; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; }
.field_area .field_contents {}
.field_area .field_contents.action {width:100%; text-align:right;}
.field_area .field_contents .input_style1 {display:block; width:100%; height:28px; padding:4px 6px; vertical-align:middle; font-weight:normal; font-size:14px;}
.field_area .field_contents textarea.input_style1 {height:auto; width:100%;}
.field_area .field_contents .btn_submit { color: #333; border: 0; display:inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; font-size: 13px; font-weight: bold; text-transform: uppercase; text-decoration: none; cursor: pointer; margin-bottom: 20px; margin-left: 0; line-height: normal; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; padding: 10px 12px 8px 12px; background-color:#fff; }
.field_area .field_contents .btn_submit:hover {background-color:#111; color:#fff;}
.address {font-size:14px; color:#333;}
.address hr {display:none;}
.address .contact_add {font-size:24px; line-height:40px; font-weight:700; margin:0 0 10px;}
.address p {margin:0 0 10px;}
.address .info {position:relative; margin:25px 0; font-weight:700;}
.address .info .contact {width:34px; height:34px; display:inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; float:left; top:-8px; position:relative; margin-right:20px; background: url(/images/contact_icons.png) 0 0 no-repeat;}
.address .info .phone {background-position:0px 0px;}
.address .info .email {background-position:0px -47px;}

@media all and (min-width:961px) {
	.contact_title {max-width:960px; margin:0 auto;}
	.contact_area {overflow:hidden; max-width:960px; margin:0 auto;}
	.contact_left {width:65%; float:left;}
	.contact_right {width: 30%; float:right; margin-left:40px;}
	.field_area .field-label {float:left; width:20%;}
	.field_area .field_contents {float:left; width:80%;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.field_area .field_contents .input_style1 {height:28px;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.address hr {border-top: 1px solid #d5d5d5; border-bottom: 2px solid white; width: 100%; margin: 45px 0 20px 0; }
}

@media all and (min-width:769px) and (max-width:960px) {
	.contact_title {max-width:960px; margin:0 auto;}
	.field_area .field-label {float:left; width:20%;}
	.field_area .field_contents {float:left; width:80%;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.field_area .field_contents .input_style1 {height:28px;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.address hr {display:none;}
}

#content.page-main{
    max-width:100%;
   padding-left:0;
   padding-right:0;
}
.slide{position:relative;overflow:hidden;}
.slide ul{  /* .reset */
margin:0;padding:0;list-style:none;  /* .clearfix(); */*zoom:1;position:relative;}
.slide ul:after{content:'';display:block;clear:both;}
.slide li{float:left;}
.slide li a{display:block;width:100%;height:100%;;text-align:center;background-repeat: no-repeat; background-position:0 0; background-size:100% auto;}

/*텍스트이미지영역*/
/* .slide li.nth-1 > a{background-image:url('/images/a_1.png');}
.slide li.nth-2 > a{background-image:url('/images/a_2.png');}
.slide li.nth-3 > a{background-image:url('/images/a_3.png');}
.slide li.nth-4 > a{background-image:url('/images/a_4.png');}
 */
.slide img{width:100%;}
.slide .slide-btn{  /* .reset */
margin:0;padding:0;list-style:none;  /* .bg-no-repeat */background-repeat:no-repeat;  /* .nowrap */word-wrap:break-word;word-break:keep-all;white-space:nowrap;overflow:hidden;background-position:center center;font-size:0;color:transparent;text-indent:-9999px;position:absolute;display:block;top:50%;margin-top:-38px;width:16px;height:76px;outline:none;border:none;background-color:transparent; z-index:1000; background-size:16px auto;}
.slide .slide-btn.prev{background-position:0 0;left:10px; background-image:url('../ko/img/btn_mainleft.png');}
.slide .slide-btn.next{background-position:0 0;right:10px; background-image:url('../ko/img/btn_mainright.png');}
.slide .slide-btn.disabled{display:none;}
.slide .mainslide-btn{  /* .reset */
margin:0;padding:0;list-style:none;  /* .bg-no-repeat */background-repeat:no-repeat;  /* .nowrap */word-wrap:break-word;word-break:keep-all;white-space:nowrap;overflow:hidden;background-position:center center;font-size:0;color:transparent;text-indent:-9999px;position:absolute;display:block;top:50%;margin-top:-38px;width:16px;height:76px;outline:none;border:none;background-color:transparent; z-index:1000; background-size:16px auto;}
.slide .mainslide-btn.prev{background-position:top left; left:10px; background-image:url('../ko/img/btn_mainleft.png');}
.slide .mainslide-btn.next{background-position:top right; right:10px; background-image:url('../ko/img/btn_mainright.png');}
.slide .mainslide-btn.prev:hover {background-image:url('../ko/img/btn_mainleftov.png');}
.slide .mainslide-btn.next:hover {background-image:url('../ko/img/btn_mainrightov.png');}
.slide .mainslide-btn.disabled{display:none;}
.slide .pagination{position:absolute;right:0px;bottom:4px;text-align:center;z-index:500;}
.slide .pagination > a{text-decoration:none;display:inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1;width:14px;height:14px;margin:0 4px;background-image:url('../ko/img/sprite_mainpagination.png');background-repeat:no-repeat;background-position:-22px 0;}
.slide .pagination > a.on{background-position:0 0;}
#visual .pagination{width:100%;margin:0 auto;}

#wrap {position: relative; height: 100%;}
#wrap .main_onewrap {position:relative;}
.page_wrap {width:100%; border-top:1px solid #fff; z-index:999; background:url('../img/bg_maincontrol.png') 0 0 repeat; background-color:transparent;}
.icon_wrap {width:100%; position:absolute; bottom:20%; left:0; z-index:1000;}
.icon_wrap ul.icon_area li a {position:relative;}
.icon_wrap ul.icon_area li a > img {height:55px;}
.icon_wrap ul.icon_area li.news_icon a > img {margin-left:10px;}
.icon_wrap ul.icon_area li.news_icon a span {position:absolute; top:-9999px; left:-9999px; display:block; width:20px; height:20px;}
.icon_wrap ul.icon_area li.news_icon.on a span {top:14px; left:16px;}
.solvert_main {position:absolute; top:55px; left:10px; display:none; z-index:1002;}
.solvert_main img {width:150px;}
#content .slide li.on a img.low {display:none;}
#content .slide li.on a img.high {display:block;}

@media all and (min-width:769px) and (max-width:960px) {
	#wrap .main_onewrap {overflow:hidden;}
	.slide .slide-btn{width:32px; top:40%; background-size:32px auto;}
	.slide .mainslide-btn{width:32px; top:40%; background-size:32px auto;}
	.icon_wrap {bottom:182px;}
	.icon_wrap ul.icon_area li a > img {height:109px;}
	.icon_wrap ul.icon_area li.news_icon a > img {margin-left:22px;}
	.icon_wrap ul.icon_area li.news_icon.on a span {top:30px; left:36px;}
	.solvert_main {position:absolute; top:65px; left:20px; display:block;}
	.solvert_main img {width:205px;}
	.slide .pagination{bottom:4px;}
	#content .slide li.on a img.low {display:block;}
	#content .slide li.on a img.high {display:none;}
}
@media all and (min-width:961px) {
	#wrap .main_onewrap {overflow:hidden;}
	.slide .slide-btn{width:32px; top:40%; background-size:32px auto;}
	.slide .mainslide-btn{width:32px; top:40%; background-size:32px auto;}
	.icon_wrap {bottom:182px;}
	.icon_wrap ul.icon_area li a > img {height:109px;}
	.icon_wrap ul.icon_area li.news_icon a > img {margin-left:22px;}
	.icon_wrap ul.icon_area li.news_icon.on a span {top:30px; left:36px;}
	.solvert_main {position:absolute; top:65px; left:20px; display:block;}
	.solvert_main img {width:255px;}
	.slide .pagination{bottom:4px;}
	#content .slide li.on a img.low {display:block;}
	#content .slide li.on a img.high {display:none;}
}
@media all and (min-width:1200px) {
	#wrap .main_onewrap {overflow:hidden;}
	.slide .slide-btn{width:32px; top:40%; background-size:32px auto;}
	#section1, #section0, #section2, #section3 {padding-top:90px;}
	.icon_wrap {bottom:182px;}
	.icon_wrap ul.icon_area li a > img {height:109px;}
	.icon_wrap ul.icon_area li.news_icon a > img {margin-left:22px;}
	.icon_wrap ul.icon_area li.news_icon.on a span {top:30px; left:36px;}
	.solvert_main {position:absolute; top:65px; left:20px; display:block;}
	.slide .pagination{bottom:12px;}
}
/*@media all and (min-width:1600px) {
	.page_wrap { position:absolute; bottom:0px; left:0; background:#000;}
}*/
@media all and (min-width:1940px) {
	#wrap .main_onewrap {height:auto;}
	.swiper-container {box-sizing:border-box;}
	.slide .pagination{bottom:0;top:64%;/*  top:670px; */}
	.icon_wrap ul.icon_area li.news_icon a > img {margin-left:22px;}
	.icon_wrap ul.icon_area li.news_icon.on a span {top:30px; left:36px;}

}


/* 모니터링 */
.monitoring_wrap {padding-top:93px;}
.monitoring_wrap .monitoring_area {}
.monitoring_visual {border-bottom:1px solid #9a9a9a;}
.monitoring_visual h4 {padding:50px 0 20px 0;}
.realtime_monitor {padding:30px 0 30px 0; text-align:center; font-size:24px; color:#636363;}
.monitoring_contents {position:relative; max-width:1200px; margin:0 auto; text-align:center;}
.monitoring_contents ul {overflow:hidden; margin-bottom:34px;}
.monitoring_contents ul li {padding-bottom:20px; border-left:1px solid #ccc; width:100%; overflow:hidden; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.monitoring_contents ul li.first_line {border-left:0;}
.monitoring_contents ul li .moniter_area {padding:10px 15px 10px 15px; }
.monitoring_contents ul li .phone_area {padding:1px 1px;}
.mobile_link {top: -25px;}
.monitoring_contents ul li .btn_moniter {display:block; padding:10px 15px 10px 15px;  border-bottom:1px solid #ccc;}
.monitoring_contents ul li .btn_phone1 {display:block; padding:1px; }
.monitoring_contents ul li .btn_phone {display:block; padding:10px 1px; }
.monitoring_contents ul li div img {max-height:162px;}
.monitoring_contents ul li a img {max-height:162px;}
.monitoring_contents .monitor_more {margin-bottom: 24px;}
.hidden_monitor {position:relative; display:none; border-top:1px solid #ccc;}
.section_sysarea {background-color:#d7d7d7;}
.section_netarea {background-color:#ffffff; border-top:1px solid #9a9a9a; border-bottom:1px solid #9a9a9a;}
.section_infarea {background-color:#d7d7d7;}
.section_system {overflow:hidden; padding:52px 0 15px 0; max-width:960px;}
.section_system .system_part {overflow:hidden; margin:0 15px;}
.section_system .system_part .system_right {margin-bottom:24px;}
.section_system .system_part .system_left {}
.system_menual {margin:0 15px; padding:15px 0 40px 0;}
.system_menual p {margin:24px 0; text-align:center; font-size:24px; color:#636363;}
.system_menual .function_info {overflow:hidden; border:1px solid #7a7878; max-width:1160px; margin:0 auto;}
.system_menual .function_info li {margin:12px 0; padding:12px 25px;}
.section_network {margin:15px auto 45px auto; max-width: 1280px;}
.section_network p {margin:24px 0; text-align:center; font-size:24px; color:#636363;}
.network_part {text-align: center;}
.info_menual {margin:15px auto 37px auto; max-width: 1280px;}
.info_menual p {margin:24px 0; text-align:center; font-size:24px; color:#636363;}
.info_menual p.info_subtit {margin:24px 0; text-align:center; font-size:18px; color:#636363;}
.info_menual .function_exmo {overflow:hidden; max-width:1280px; margin:0 auto;}
.info_menual .function_exmo li {margin:12px auto 12px auto; padding:12px 25px; width: 50%; text-align: center;}
.monitoring_title_png {margin:0 auto;}

@media all and (min-width:769px) and (max-width:960px) {
	.monitoring_wrap {padding-top:50px;}
	.monitoring_contents ul li {display:table;}
	.monitoring_contents ul li.first_line {border-bottom:1px solid #ccc;}
	.monitoring_contents ul li .moniter_area {display:table-cell; width:60%;}
	.monitoring_contents ul li .phone_area {display:table-cell; width:60%;}
    .mobile_link {top: -20px;}
	.monitoring_contents ul li .btn_moniter {display:table-cell; border-bottom:none; width:40%; vertical-align:middle;}
	.monitoring_contents ul li .btn_phone {display:table-cell; width:100%; height: 33%; float: left; vertical-align:middle;}
	.section_system {overflow:hidden; padding:52px 0 15px 0;}
	.section_system .system_part .system_right {margin-bottom:0px; float:right; width:50%;}
	.section_system .system_part .system_left {float:left; width:50%;}
	.system_menual .function_info li {margin:12px 0; padding:12px 25px;}
	.info_menual .function_exmo li {margin:12px auto 12px auto; padding:12px 25px; width: 50%; text-align: center;}
    .mobile_link {margin: 0 auto;}
    .pc_link {margin: 0 auto;}
}
@media all and (min-width:961px) {
	.monitoring_wrap {padding-top:50px;}
	.monitoring_contents ul li {display:table; float:left; width:33.3%; height: 217px;}
	.monitoring_contents ul li.first_line {border-bottom:none; width:33.3%;}
	.monitoring_contents ul li .moniter_area {display:table-cell; width:60%;}
	.monitoring_contents ul li .phone_area {display:table-cell; width:60%;}
	.monitoring_contents ul li .btn_moniter {display:table-cell; border-bottom:none; width:40%; vertical-align:middle;}
	.monitoring_contents ul li .btn_phone {display:table-cell; width:97%; height: 33%; float: left; vertical-align:middle;}
	.section_system {overflow:hidden; margin:0 auto; padding:52px 0 15px 0; }
	.section_system .system_part .system_right {margin-bottom:0px; float:right; width:50%;}
	.section_system .system_part .system_left {float:left; width:50%;}
	.system_menual .function_info li {margin:12px 0; padding:12px 0px; float:left; width:33.33%; box-sizing:border-box;}
	.system_menual .function_info li.system_cutting {border-right:2px solid #7a7878; border-left:2px solid #7a7878;}
	.info_menual .function_exmo li {margin:12px 0; padding:12px 20px; float:left; width:50%; box-sizing:border-box; text-align: center;}
    .pc_link_icon {top: 20px;}
}
@media (min-width:120px) and (max-width:768px) {
    .monitoring_wrap {padding-top: 30px;}
    .mobile_link {margin: 0 auto; top:1px;}
    .pc_link {margin: 0 auto;}
    .pc_link_icon {margin: 0 auto;}
    .btn_phone img {margin: 0 auto;}
}

/* 고객지원 */
.customer_wrap {font-family:'Nanum Gothic';}
.customer_area {width:100%; background:url(../img/bg_pattern.gif) 0 0 repeat; padding:0 10px;}
.customer_cont {padding:20px 5px 20px 5px; max-width:960px; margin:0 auto; overflow:hidden; border-bottom:1px solid #909090;}
.customer_cont .custo_txt {font-size:16px; color:#000000; line-height:28px; padding:12px 0 20px 0}
.customer_cont .speed_as {}
.as_title {padding:20px 5px 40px 5px; max-width:960px; margin:0 auto; overflow:hidden;}
.as_title .head_astit {margin-bottom:20px;}
.as_title .body_ascall {padding-left:0;}

@media all and (min-width:769px) and (max-width:960px) {
.customer_cont {padding:20px 5px 37px 5px;}
.customer_cont .custo_txt {float:left; width:60%; font-size:16px; color:#000000; line-height:28px; padding:32px 0 20px 0}
.customer_cont .speed_as {float:left; width:40%;}
.as_title {padding:20px 5px 40px 5px; max-width:768px; margin:0 auto; overflow:hidden; display:table;}
.as_title .head_astit {margin-bottom:20px; display:inline;}
.as_title .body_ascall {display:inline; padding-left:20px;}
}
@media all and (min-width:961px) {
.customer_cont {padding:20px 5px 37px 5px;}
.customer_cont .custo_txt {float:left; width:60%; font-size:16px; color:#000000; line-height:28px; padding:32px 0 20px 0}
.customer_cont .speed_as {float:left; width:40%;}
.as_title {padding:20px 5px 40px 5px; max-width:960px; margin:0 auto; overflow:hidden;}
.as_title .head_astit {margin-bottom:20px; display:inline;}
.as_title .body_ascall {display:inline; padding-left:70px;}
}

/* 사이트맵 */
.sitemap_wrap {padding-top:93px;}
.sitemap_area {}
.sitemap_visual {}
.sitemap_visual .sitemap_title {padding:50px 0 20px 0;font-size:24px; color:#636363;}
.sitemap_title { padding:40px 0 10px 0; color: #636363;  text-align: center; border-bottom: 1px solid #d2d2d2; font-size: 24px; line-height: 38px; font-weight: 700; font-family: Verdana, Geneva, sans-serif;}
.sitemap_contents {}
.maplist_one {overflow:hidden;}
.maplist_one > li {float:left; width:50%; margin-top:20px; min-height:260px; }
.maplist_one > li .maplist_wrap {margin:0 15px;}
.maplist_one > li .maplist_wrap > a {display:block; font-size:18px; padding:10px 0 10px 15px; margin-bottom:10px; color:#111; border-bottom: 1px solid #fb6f00;}
.maplist_one > li .maplist_wrap > a:hover {color:#fff; background-color:#fb6f00;}

.maplist_two {overflow:hidden;}
.maplist_two > li {background:#FFF url(/images/blit_dotblack.gif) no-repeat; background-position: 10px 10px;}
.maplist_two > li > a {display:block; font-size:14px; padding:4px 0 4px 20px;}

.maplist_two > li:hover > a {color:#fb6f00;}

@media all and (min-width:769px) and (max-width:960px) {
	.sitemap_wrap {padding-top:50px;}
	.sitemap_title {font-size: 24px; max-width:960px; margin:0 auto 30px;}
	.maplist_one > li {float:left; width:33.33%;}
	.sitemap_contents {}
}
@media all and (min-width:961px) {
	.sitemap_wrap {padding-top:50px;}
	.sitemap_title {font-size: 24px; max-width:960px; margin:0 auto 30px;}
	.maplist_one > li {float:left; width:33.33%;}
	.sitemap_contents {width:960px; margin:0 auto;}
}



.privbox{text-align:right;margin-bottom:1em;}
.privbox button{background:#f7951e;color:#fff;border:0;padding:1em;}
.labelbox{text-align:right;}
label.lb{margin-right:.5em;}

.mapbox:after{content:'';display:block;clear:both;}
/*.mapbox__item{float:left;width:49%;}*/
.mapbox__item h2{text-align:center;}
.mapbox__item:last-child{border-top:1px solid #999;padding-top:2em;}
.company_way .mapbox{max-width:880px;margin:0 auto;}
.company_way .mapbox .contact_title{padding-top:15px;letter-spacing: -.05em;}
.company_way .mapbox .maps{margin-top:15px;}
.map-visiontext{text-align:center;margin:3em 0;font-size:1.125rem;line-height:1.25em;}
@media screen and (max-width:980px){
	.mapbox__item{float:none;width:100%;}
	.mapbox__item:first-child{margin-right:0%}
}

/* sub06_모니터링 */
.sub06_monitoring_wrap {padding-top:30px; width: 92%; margin: 0 auto;}
.sub06_monitoring_wrap .monitoring_area {}
.sub06_monitoring_icon {}
.blue_icon_area{}
.blue_icon_area dl{float: left; width:25%; text-align: center;}
.blue_icon_area dl dd{float:left; width:100%; height: 150px; text-align:center;}
.blue_icon_area dl dd img {margin: 0 auto; margin-top: 11px; max-width: 40%;}
.blue_icon_area dl .img {padding: 30px;}
.blue_icon_area dl .text{float:left; width:100%; height: 150px; text-align:center; line-height: 24px; padding: 30px 30px 30px;}
.blue_icon_area dl dd p {font-size: 1.2em; font-weight: 500; font-family: Fantasy; }
.sub06_monitoring_content { background-image: url(../img/monitoring_icon_bg.png); background-size: contain; max-width: 1200px; margin: 0 auto; }
.sub06_monitoring_content ul { }
.sub06_monitoring_content ul li {float:left; width: 50%; margin:0 auto; background: url(../img/monitoring_icon_bg.png)}
.sub06_monitoring_content ul li.second_line 
{
    background-image: url(../img/monitoring_icon_bg.png); 
    background-size: contain;
    background-repeat: no-repeat;
    width: 50%;
    height: 0;
}
.monitoring_blue_img {margin: 0 auto; width: 100%;}
.monitoring_blue_img img { margin: 0 auto; }
#weblink_img {background:#FFF url(../img/weblink_left_img.png) no-repeat;}
.monitoring_blue_link { margin: 0 auto; }
.monitoring_blue_link div { }
.blue_pc_link { margin: 0 auto; height: 50%; }
.blue_pc_link img { margin: 70px auto; }
.blue_pc_link2 { margin: 0 auto; height: 100%; }
.blue_pc_link2 img { margin: 70px auto; }
.mobile_link_title { margin-bottom: 10px; }
.mobile_link_title p { color: #a3060d; font-weight: 700; font-size: 32px; text-align: center; text-decoration: overline; font-style: italic;}
.blue_mobile_link { width: 100%; margin: 0 auto; margin-top: 40px;}
.mobile_link { float: left; width: 50%; text-align: center; margin: 0 auto;}
.mobile_link img {margin: 0 auto;}
.mobile_link2 img {margin: 0 auto;}
.first {}
.second {}
.third {}
.fourth {}
.monitoring_title 
{
    font-family: NanumGothic;
    font-size: 28px;
    line-height: 33px;
    font-weight: 700;
}

.monitoring_visual {border-bottom:1px solid #9a9a9a;}
.monitoring_visual h4 {padding:50px 0 20px 0;}
.realtime_monitor {padding:30px 0 30px 0; text-align:center; font-size:24px; color:#636363;}
.monitoring_contents {position:relative; max-width:1200px; margin:0 auto; text-align:center;}
.monitoring_contents ul {overflow:hidden; margin-bottom:34px;}
.monitoring_contents ul li {padding-bottom:20px; border-left:1px solid #ccc; width:100%; overflow:hidden; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.monitoring_contents ul li.first_line {border-left:0;}
.monitoring_contents ul li .moniter_area {padding:10px 15px 10px 15px; }
.monitoring_contents ul li .phone_area {padding:1px 1px;}
.moniter_area2 {padding: 10px 3px 10px 3px; }
.mobile_link {top: -25px;}
.monitoring_contents ul li .btn_moniter {display:block; padding:10px 15px 10px 15px;  border-bottom:1px solid #ccc;}
.monitoring_contents ul li .btn_phone {display:block; padding:10px 1px; }
.monitoring_contents ul li div img {max-height:162px;}
.monitoring_contents ul li a img {max-height:162px;}
.monitoring_contents .monitor_more {margin-bottom: 24px;}
.hidden_monitor {position:relative; display:none; border-top:1px solid #ccc;}
.section_sysarea {background-color:#d7d7d7;}
.section_netarea {background-color:#ffffff; border-top:1px solid #9a9a9a; border-bottom:1px solid #9a9a9a;}
.section_infarea {background-color:#d7d7d7;}
.section_system {overflow:hidden; padding:52px 0 15px 0; max-width:960px;}
.section_system .system_part {overflow:hidden; margin:0 15px;}
.section_system .system_part .system_right {margin-bottom:24px;}
.section_system .system_part .system_left {}
.system_menual {margin:0 15px; padding:15px 0 40px 0;}
.system_menual p {margin:24px 0; text-align:center; font-size:24px; color:#636363;}
.system_menual .function_info {overflow:hidden; border:1px solid #7a7878; max-width:1160px; margin:0 auto;}
.system_menual .function_info li {margin:12px 0; padding:12px 25px;}
.section_network {margin:15px auto 45px auto; max-width: 1280px;}
.section_network p {margin:24px 0; text-align:center; font-size:24px; color:#636363;}
.network_part {text-align: center;}
.info_menual {margin:15px auto 37px auto; max-width: 1280px;}
.info_menual p {margin:24px 0; text-align:center; font-size:24px; color:#636363;}
.info_menual p.info_subtit {margin:24px 0; text-align:center; font-size:18px; color:#636363;}
.info_menual .function_exmo {overflow:hidden; max-width:1280px; margin:0 auto;}
.info_menual .function_exmo li {margin:12px auto 12px auto; padding:12px 25px; width: 50%; text-align: center;}
.monitoring_title_png {margin:0 auto;}

@media all and (min-width:769px) and (max-width:960px) 
{
    .sub06_monitoring_wrap {padding-top:50px; width: 100%; margin: 0 auto;}
    .sub06_monitoring_wrap .monitoring_area {}
    .sub06_monitoring_icon {}
    .blue_icon_area{}
    .blue_icon_area dl{}
    .blue_icon_area dl dd{}
    .blue_icon_area dl dd img {}
    .sub06_monitoring_content { }
    .sub06_monitoring_content ul { }
    .sub06_monitoring_content ul li { }
    .monitoring_blue_img { }
    .monitoring_blue_img img { }
    .monitoring_blue_link { }
    .monitoring_blue_link div { }
    .blue_pc_link { }
    .blue_mobile_link { }
    .ios_link { }
    .android_link { }
	.monitoring_wrap {padding-top:50px;}
	.monitoring_contents ul li {display:table;}
	.monitoring_contents ul li.first_line {border-bottom:1px solid #ccc;}
	.monitoring_contents ul li .moniter_area {display:table-cell; width:60%;}
	.monitoring_contents ul li .phone_area {display:table-cell; width:60%;}
    .mobile_link {top: -20px;}
	.monitoring_contents ul li .btn_moniter {display:table-cell; border-bottom:none; width:40%; vertical-align:middle;}
	.monitoring_contents ul li .btn_phone {display:table-cell; width:100%; height: 33%; float: left; vertical-align:middle;}
	.section_system {overflow:hidden; padding:52px 0 15px 0;}
	.section_system .system_part .system_right {margin-bottom:0px; float:right; width:50%;}
	.section_system .system_part .system_left {float:left; width:50%;}
	.system_menual .function_info li {margin:12px 0; padding:12px 25px;}
	.info_menual .function_exmo li {margin:12px auto 12px auto; padding:12px 25px; width: 50%; text-align: center;}
    .mobile_link {margin: 0 auto;}
    .pc_link {margin: 0 auto;}
}
@media all and (min-width:961px) 
{
    .sub06_monitoring_wrap {width: 92%; margin: 0 auto;}
    .sub06_monitoring_wrap .monitoring_area {}
    .sub06_monitoring_icon {margin-bottom: 50px;}
    .blue_icon_area{}
    .blue_icon_area dl{}
    .blue_icon_area dl dd{}
    .blue_icon_area dl dd img {}
    .sub06_monitoring_content { }
    .sub06_monitoring_content ul { }
    .sub06_monitoring_content ul li { }
    .monitoring_blue_img { }
    .monitoring_blue_img img { }
    .monitoring_blue_link { }
    .monitoring_blue_link div { }
    .blue_pc_link { }
    .blue_mobile_link { }
    .ios_link { }
    .android_link { }
    
	.monitoring_wrap {padding-top:50px;}
	.monitoring_contents ul li {display:table; float:left; width:33.3%; height: 217px;}
	.monitoring_contents ul li.first_line {border-bottom:none; width:33.3%;}
	.monitoring_contents ul li .moniter_area {display:table-cell; width:60%;}
	.monitoring_contents ul li .phone_area {display:table-cell; width:60%;}
	.monitoring_contents ul li .btn_moniter {display:table-cell; border-bottom:none; width:40%; vertical-align:middle;}
	.monitoring_contents ul li .btn_phone {display:table-cell; width:97%; height: 33%; float: left; vertical-align:middle;}
	.section_system {overflow:hidden; margin:0 auto; padding:52px 0 15px 0; }
	.section_system .system_part .system_right {margin-bottom:0px; float:right; width:50%;}
	.section_system .system_part .system_left {float:left; width:50%;}
	.system_menual .function_info li {margin:12px 0; padding:12px 0px; float:left; width:33.33%; box-sizing:border-box;}
	.system_menual .function_info li.system_cutting {border-right:2px solid #7a7878; border-left:2px solid #7a7878;}
	.info_menual .function_exmo li {margin:12px 0; padding:12px 20px; float:left; width:50%; box-sizing:border-box; text-align: center;}
    .pc_link_icon {top: 20px;}
}
@media (min-width:120px) and (max-width:768px) 
{
    .sub06_monitoring_wrap {padding-top:50px; width: 100%; margin: 0 auto;}
    .sub06_monitoring_wrap .monitoring_area {}
    .sub06_monitoring_icon {}
    .blue_icon_area{}
    .blue_icon_area dl{float: left; width:25%; text-align: center;}
    .blue_icon_area dl dd{float:left; width:100%; height: 150px; text-align:center;}
    .blue_icon_area dl dd img {}
    .sub06_monitoring_content { }
    .sub06_monitoring_content ul { }
    .sub06_monitoring_content ul li { }
    .monitoring_blue_img {height: 450px;}
    .monitoring_blue_img img { }
    #weblink_img {background:#FFF url(../img/weblink_left_img.png) no-repeat;}
    .monitoring_blue_link { }
    .monitoring_blue_link div { }
    .blue_pc_link { }
    .blue_mobile_link { }
    .ios_link { }
    .android_link { }
    .monitoring_wrap {padding-top: 30px;}
    .mobile_link {margin: 0 auto; top:1px;}
    .pc_link {margin: 0 auto;}
    .pc_link_icon {margin: 0 auto;}
    .btn_phone img {margin: 0 auto;}
}