@charset "utf-8";

/* ---------------------------------------------------
POINTWEB.co.kr
Layout Markup ver1.0 2016-07-01
---------------------------------------------------- */

#piw_wrapper {width:100%}

.layout {width:1000px;margin:0 auto}

/* ---- 상단영역 ---- */
#piw_header {width:100%;height:133px}
#header_box {position:relative;width:100%;height:133px;background:#fff;border-bottom:3px solid #0c8652}
#gnbtop {width:100%;height:80px;}
#gnbtop .logo{width:211px;margin:22px 0 0 0;float:left;position:relative}
#gnbtop .glob_list {float:right;margin-top:19px}
#gnbtop .glob_list li{float:left;text-align:center}
#gnbtop .glob_list li a {padding:0 11px 0 0;margin:0 11px 0 0;display:inline-block;font-size:11px;border-right:1px solid #d7d7d7;font-weight:600}
#gnbtop .glob_list li:last-child a{border-right:0}
#gnbtop .glob_list li a:hover {color:#0c8652}

#gnb_wrap{width:100%;height:50px;border-top:1px solid #e1e1e1}
.gnb:after{display:block;clear:both;content:''}

#gnb {width:100%;position:relative}
#gnb li {float:left;width:200px;height:49px;position:relative}
#gnb .list {width:100%;height:100%;display:inline-block;border-right:1px solid #e1e1e1}
#gnb .list01 {border-left:1px solid #e1e1e1}
#gnb .list01,#gnb .list02,#gnb .list03,#gnb .list04,#gnb .list05 {background:url('/_public/images/common/menu.png') no-repeat}
#gnb .list01 {background-position:0 0}
#gnb .list02 {background-position:-200px 0}
#gnb .list03 {background-position:-400px 0}
#gnb .list04 {background-position:-600px 0}
#gnb .list05 {background-position:-800px 0}

#gnb .list01:hover,#gnb .list01.on {background-position:0 -50px;}
#gnb .list02:hover,#gnb .list02.on {background-position:-200px -50px}
#gnb .list03:hover,#gnb .list03.on {background-position:-400px -50px}
#gnb .list04:hover,#gnb .list04.on {background-position:-600px -50px}
#gnb .list05:hover,#gnb .list05.on {background-position:-800px -50px}
#gnb a:hover.list,#gnb a.list.on {background-color:#0c8652}

.submenu {width:100%;height:150px;position:absolute;top:130px;z-index:9999;display:none}
.submenu .sublist {width:100%;height:150px;border:5px solid #0c8653;background-color:#fff;z-index:9999;padding:30px 60px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5)  ; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5)}
.submenu .smlist {width:100%}
.submenu .smlist li {margin:35px 0 0 0;padding:0 18px;line-height:13px;float:left;border-right:1px solid #a9a9a9;text-align:center}
.submenu .smlist li:last-child {border-right:0}
.submenu .smlist li a {color:#252525;font-size:14px;letter-spacing:-1px}
.submenu .smlist li a:hover, .submenu .smlist li a.on {color:#0c8653;}
.submenu .smlist ul {width:100%}
.submenu .smlist ul:before {content:"";width:96px;height:85px;display:inline-block;float:left;padding-right:46px;margin-right:40px;border-right:1px solid #e6e6e6}
.smlist ul.sm01:before, .smlist ul.sm02:before, .smlist ul.sm03:before, .smlist ul.sm04:before, .smlist ul.sm05:before {background:url("/_public/images/common/menusub.png") no-repeat}
.smlist ul.sm02:before {background-position:0 -85px}
.smlist ul.sm03:before {background-position:0 -170px}
.smlist ul.sm04:before {background-position:0 -255px}
.smlist ul.sm05:before {background-position:0 -340px}


/* 메인 레이이아웃 */
#container {width:100%}

/* 메인 비주얼 css :  jQuery/swiper/swiper.css*/

/* 메인 컨텐츠 */
.mcontents {width:100%;display:inline-block;position:relative;padding:50px 0 70px 0}
.mcontents .titlearea {width:100%;height:19px;margin-bottom:20px}
.mcontents .titlearea a {display:inline-block;}
.mcontents .mtitle01 {width:231px;height:19px;background:url("/_public/images/main/mtitle01.png") no-repeat}
.mcontents .mtitle02 {width:73px;height:19px;background:url("/_public/images/main/mtitle02.png") no-repeat}
.mcont01,.mcont02 {width:100%}
.mcont01 .mcarea {width:100%;display:inline-block;}
.mcont01 .mcarea li{float:left;width:241px;margin-right: 12px;text-align: center;}
.mcont01 .mcarea li strong {font-size:16px;color:#111;display:block;margin-top:15px;border-bottom:1px solid #fff;}
.mcont01 .mcarea li:hover strong {color:#0c8653;cursor:pointer;font-weight:900}
.mcont02 .mbox {width:310px;margin-right:35px;float:left;text-align:center}
.mcont01 .mcarea li:last-child,.mcont02 .mbox:last-child {margin-right:0}


.mcont02 {margin-top:50px}
.mcont02 .mbox {text-align:left;height:256px}
.mcont02 .box1,.mcont02 .box3 {height:256px;border:1px solid #555555;border-width:1px 0}
.mcont02 .box1 li {height:85px;padding-top:14px}
.mcont02 .box1 li a {width:100%;display:inline-block;padding-left:10px}
.mcont02 .box1 li:hover {background:#eee;}
.mcont02 .box1 li:last-child {height:84px}
.mcont02 .box1 .mtxt {display:block;font-size:15px;color:#252525;margin-bottom:8px;font-weight:bold}
.mcont02 .box1 .mstxt {color:#636363;font-size:13px;cursor:pointer}

.mcont02 .box2 {}
.mcont02 .box2 .barea {width:100%;height:128px;position:relative;color:#fff;padding:20px 0 0 20px}
.mcont02 .box2 .barea:after {content:"";position:absolute;width:48px;height:50px;right:20px;bottom:20px;}
.mcont02 .box2 .barea.blist1:after {background:url("/_public/images/main/icon_main1.png") no-repeat}
.mcont02 .box2 .barea.blist2:after {background:url("/_public/images/main/icon_main2.png") no-repeat}
.mcont02 .box2 .mtxt {display:block;font-size:18px;font-weight:700;margin-bottom:11px;color:#fff;}
.mcont02 .box2 .mstxt {font-size:13px;color:#fff;line-height:20px}

.mcont02 .box3 {padding:0}
.mcont02 .box3 li {height:85px;border-bottom:1px solid #e2e2e2;position:relative}
.mcont02 .box3 li:last-child {height:84px;border-bottom:0}
.mcont02 .box3 li a {width:100%;height:100%;display:inline-block;padding:0 10px}
.mcont02 .box3 li a:before {content:"";width:40px;height:40px;display:inline-block;margin-top:23px;background:url("/_public/images/main/icon_main3.png") no-repeat}
.mcont02 .box3 li a.blist2:before {background:url("/_public/images/main/icon_main4.png") no-repeat}
.mcont02 .box3 li a.blist3:before {background:url("/_public/images/main/icon_main5.png") no-repeat}
.mcont02 .box3 li a:after {content:"\f105"; font-family: FontAwesome;font-size:20px;color:#959595;position:absolute;right:10px;top:34px}
.mcont02 .box3 li a:hover {background-color:#eee;}
.mcont02 .box3 li strong {font-size:16px;color:#252525;display:inline-block;position:absolute;left:63px;top:34px}

/* Footer */
#footer {position:relative;width:100%;height:155px;background-color:#fafafa;padding-top:27px}
#footer .footer_logo {float:left;width:211px;}

#footer .address_area {width:740px;float:right;display:inline-block;font-size:13px}
#footer .address {width:100%;display:inline-block;font-size:13px}
#footer .address .addtitle {width:194px;font-weight:bold;display:inline-block;float:left}
#footer .address strong {color:#252525}
#footer .address li {float:left;font-size:13px;padding:0 5px}

.address_area p {font-size:13px;margin-bottom:5px}
.address_area dl {height:15px;display:block;clear:both;margin-top:4px}
.address_area dt, .address_area dd {float:left;font-size:13px}
.address_area dt {margin:0 3px 0 0}
.address_area dd {margin:0 25px 0 0}
.copyright {margin-top:12px;clear:both}


/*  서브 레이아웃 */
#svisual.gnb01, #svisual.gnb02, #svisual.gnb03, #svisual.gnb04, #svisual.gnb05, #svisual.gnb06{width:100%;height:200px;border-bottom:3px solid #0c8653}
#svisual.gnb01{background:url("/_public/images/sub/sub01.jpg") center no-repeat}
#svisual.gnb02{background:url("/_public/images/sub/sub02.jpg") center no-repeat}
#svisual.gnb03{background:url("/_public/images/sub/sub03.jpg") center no-repeat}
#svisual.gnb04{background:url("/_public/images/sub/sub04.jpg") center no-repeat}
#svisual.gnb05{background:url("/_public/images/sub/sub05.jpg") center no-repeat}

/* 서브 공통 */
#subcontent {width:100%;min-height:800px;position:relative;}
#subcontent .titlearea {width:100%;height:100px;text-align:center;padding-top:27px}
#subcontent h2.subtitle {font-size:35px;color:#2e2e2e;font-weight:bold}
#contents {width:100%;display:inline-block;padding:60px 0 90px 0;clear:both}
#subcontent .stitlearea {text-align:center;margin-bottom:50px;}
#subcontent h3.subtitle {font-size:43px;color:#2e2e2e}
#subcontent p.subtxt {font-size:15px;color:#5a5a5a;margin-top:15px}
#subcontent .subtxt2 {font-size:17px;font-weight:700;line-height:25px;text-align:center}
.txt1 {font-size:15px;color:#5a5a5a;line-height:20px}
.section:last-child {padding-bottom:0 !important}

/*레프트메뉴*/
#lnb_left {width:100%;display:inline-block}
#left {width:100%}
#left .left_menu {float:left;position:relative}
#left .left_menu:after {clear:both;display:block;content:"";}
#left .left_menu li {position:relative;float:left;height:50px}
#left .left_menu > li > a {width:100%;height:100%;display:inline-block;padding-top:14px;color:#545454;font-size:15px;background:#eeeeee;border:1px solid #a9a9a9;border-width:1px 1px 1px 0;text-align:center}
#left .left_menu li:first-child a {border-left:1px solid #a9a9a9}
#left .left_menu > li > a:hover, #left .left_menu > li.on a {background-color:#555;color:#fff;font-weight:900}

#left .left_menu.type6 > li {width:166px}
#left .left_menu.type5 > li {width:200px}
#left .left_menu.type2 > li {width:500px}
#left .left_menu.type3 > li {width:333px}
#left .left_menu.type3 > li:last-child {width:334px}
#left .left_menu.type4 > li {width:250px}
#left .left_menu.type3-2 > li{width:333px}
#left .left_menu.type3-2 > li:nth-child(3n){width:334px}

#left .left_menu.type3-2 > li > a{border-width: 1px 1px 0 0;}
#left .left_menu.type3-2 > li:nth-child(1) > a{border-left: 1px solid #a9a9a9;}
#left .left_menu.type3-2 > li:nth-child(4) > a{border-left: 1px solid #a9a9a9;border-bottom: 1px solid #a9a9a9;}
#left .left_menu.type3-2 > li:nth-child(5) > a{border-bottom: 1px solid #a9a9a9;}
#left .left_menu.type3-2 > li:nth-child(6) > a{border-bottom: 1px solid #a9a9a9;}

#left .left_depth {padding-top:40px;width:1000px;clear:both;position:relative}
#left .left_depth .depth {display:table;margin:0 auto;height:70px}

#left .depth .dep2 {width:333px;float:left;border-bottom:1px solid #d3d3d3;text-align:center}
#left .depth .dep2.w500 {width:500px !important}
#left .depth .dep2:last-child {width:334px}
#left .depth .dep2 .dlink {width:100%;height:70px;display:inline-block;padding:25px 0 0 0;color:#5a5a5a;border:none;font-size:17px;position:relative}
#left .depth .dep2:hover,#left .depth .dep2.on {border-bottom:1px solid #0c8653;cursor:pointer;color:#0c8653}
#left .depth .dep2:hover .dlink,#left .depth .dep2.on .dlink,#left .dep3 .dep3li.on .dlink3,#left .dep3 .dep3li .dlink3:hover {color:#0c8653;font-weight:900;font-size:19px}
.dep3 .dep3li.on .dlink3,#left .dep3 .dep3li .dlink3:hover  {font-size:17px !important}
#left .depth .dep2:hover .dlink:before,#left .depth .dep2.on .dlink:before {content:"";width:17px;height:11px;background:url("/_public/images/common/icon_arrow.png") no-repeat;position: absolute;bottom:-1px;left:50%;margin-left:-7px;z-index: 99999;display:inline-block;}

#left .dep3 {width:100%;text-align:center}
#left .dep3 .dep3ul {display:table;margin:0 auto;height:67px;padding-top:24px}
#left .dep3 .dep3li {width:210px;float:left;text-align:center;border-right:1px solid #ebebeb;}
#left .dep3 .dep3li:last-child {border-right:0}
#left .dep3 .dep3li .dlink3 {width:100%;display:inline-block;font-size:15px}


#left .deppro {border-bottom:1px solid #a9a9a9}
#left .deppro ul {display:table;margin:0 auto}
#left .deppro li {width:111px;float:left;padding-bottom:20px}
#left .deppro li a {width:100%;text-align:center}
#left .deppro li span {width:70px;height:70px;display:block;margin:0 auto}
#left .deppro li span img {width:90%;}
#left .deppro li strong {display:block;font-weight:normal;font-size:10.5px;text-align:center;margin-top:7px;color:#2e2e2e}
#left .deppro li a:hover strong {color:#111;}

#left .deppro2 {position:absolute;left:0;top:80px;border-bottom:1px solid #a9a9a9;display:none}
#left .deppro2 ul {display:table;margin:0 auto}
#left .deppro2 li {width:200px;float:left;margin-bottom:20px;border-right:1px solid #eaeaea}
#left .deppro2 li a {width:100%;text-align:center}
#left .deppro2 li span {width:85px;height:85px;display:block;margin:0 auto}
#left .deppro2 li span img {width:90%;}
#left .deppro2 li strong {display:block;font-weight:normal;font-size:13px;text-align:center;}


/*컨텐츠*/
#contents .path{width:900px;height:33px;line-height:33px;text-align:right;font-size:12px;}
#contents .path *{display:inline-block;vertical-align:middle}
#contents .path strong{color:#000}
#contents .path span{color:#252525;margin:0 2px;width:6px;height:11px;background:url("/_public/images/common/icon_path.gif") no-repeat}
#contents .layout_sub{width:900px;margin:55px 0 105px;display:inline-block;position:relative}
#contents .layout_sub .stxt01{font-size:30px;margin-top:15px;letter-spacing:-0.05em}

/* 회사소개 */
	/* 대양기전 소개*/
.about .section,.greetings .section {margin:0 88px}
.about .section {margin-top:75px}
.about .section {background:url("/_public/images/company/cp01.png") center top no-repeat;padding-top:420px}
.about h4 {color:#0b8552;font-size:18px;margin-top:55px;font-weight:bold;}
.about p {margin:20px 0 0 0}
.about .dream{float: left;margin-top: 88px;}
.about .about_logo {width:177px;height:55px;float:right;position:relative;margin-top:90px;background:url("/_public/images/company/cp02.png") center bottom no-repeat;text-align:right}
.about .about_logo span {font-size:13px;color:#7e7e7e;font-weight:bold;}

	/* 인사말*/
.greetings .txt1 {margin-bottom:32px;line-height:25px}
.greetings h3.subtitle strong {font-size:48px;font-weight:bold}
.greetings .ceo {width:100%;display:inline-block;margin-top:40px;color:#2e2e2e;text-align:right}
.greetings .ceo span {font-size:16px}
.greetings .ceo strong {font-size:28px;font-weight:900}

	/* 연혁 */
.history .section {margin-top:60px}
.history .hbox {width:500px;float:left;height:100%}
.history .hbox dl {width:100%;display:inline-block}
.history .hbox dt,.history .hbox dd {float:left}
.history .hbox dt {width:135px;height:50px;position:relative}
.history .hbox dt strong {position:absolute;top:-2px;color:#0b8552;font-size:20px;font-weight:bold;}
.history .hbox.boxl dt strong {left:0 !important}
.history .hbox.boxr dt strong {right:0 !important}
.history .hbox dd {width:350px;display:block;line-height:23px}
.history .hbox.boxl dt:after {content:"";width:78px;height:20px;display:inline-block;background:url("/_public/images/common/icon_circle.png") no-repeat;float:right}
.history .hbox.boxr dt:after {content:"";width:78px;height:20px;display:inline-block;background:url("/_public/images/common/icon_circle2.png") no-repeat;float:left}
.history .boxl {border-right:1px solid #a9a9a9;padding-top:90px}
.history .boxl dl {margin-bottom:80px}
.history .boxl dl:last-child {margin-bottom:50px}
.history .boxr dl {margin-bottom:70px}
.history .boxr dl:last-child {margin-bottom:0}
.history .boxl dt {float:right}
.history .boxl dd {text-align:right}
.history .boxr {padding-top:35px}
.history .boxr dd {float:right}

	/* 인증서 */
.certificate .popup_block {position:fixed;top:55%;left:50%;z-index: 99999; display:none;}
.certificate .close {position:absolute;right:-50px}
#fade {display: none;background: #000;position: fixed;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;opacity: .80;z-index: 9999;text-align:center}

	/* 고객사 현황 */
.partner .ctfarea {}
.partner .ctfarea li {width:215px;height:149px;display:inline-block;float:left;margin:0 45px 31px 0;border:1px solid #ccc;text-align:center;}
.partner .ctfarea li:nth-child(4n+4) {margin-right:0}
.partner .ctfarea li span {width:100%;height:102px;display:block;overflow:hidden;text-align:center;position:relative}
.partner .ctfarea li strong  {display:block;height:46px;font-size:16px;border-top:1px solid #ccc;line-height:45px;color:#5a5a5a}

	/*Contact us*/
.contactus .section {margin-bottom:70px}
.contactus .cutable {border:1px solid #a9a9a9}
.products .cutable {border-top:1px solid #555555}
.contactus .cutable th, .contactus .cutable td {color:#636363;padding:13px 0}
.products .cutable th, .products .cutable td {color:#636363;padding:10px 0;text-align:center;border:1px solid #ccc;border-width:0 1px 1px 0}
.contactus .cutable td {padding-left:17px}
.contactus .cutable th,.products .cutable th {text-align:center;background-color:#eee;border:1px solid #ccc;border-width:0 1px}
.products .cutable th {border-left:0;border-bottom:1px solid #ccc;}
.contactus .cutable th:first-child {border-left:0}
.products .cutable th:first-child,.products .cutable td:first-child {border-left:1px solid #ccc;}

.contactus .map {margin-top:5px}

/* 제품특징 */
.products h3.subtitle {font-size:30px !important;color:#2e2e2e}
.products .subtxt {font-size:14px !important;color:#a9a9a9 !important}
.products .section {padding-bottom:60px;margin:0 50px}

.products .airsection .box1 {text-align:center;border:1px solid #d7d7d7;border-width:1px 0;font-size:22px;color:#0c8653;padding:22px 0;line-height:22px}
.products .airsection .box1 strong {font-weight:900;font-size:28px;color:#0c8653;line-height:15px}
.products .airsection .box1 span {font-size:22px;color:#555555}
.products .airpoint {padding:60px 0;border:1px solid #d5d5d5;border-width:1px 0}
.products .airsection .box2 .boxarea {width:100%;position:relative;margin-top:60px;}
.products .airsection .box2 .boxarea strong {font-size:35px;font-weight:900;left:0;top:-11px;position:absolute;color:#0c8653}
.products .airsection .box2 .boxtxt {padding-left:47px;font-size:20px;color:#111;line-height:30px}
.products .airsection .box2 .boxarea .ptxt {font-size:20px;color:#111;position:relative;top:0;font-weight:bold}
.products .airsection .box2 .boxtxt p {position:relative;color:#5a5a5a;font-size:16px;padding-left:35px;margin-top:20px;line-height:20px}
.products .airsection .box2 .boxtxt p:before {content:"\예";position:absolute;left:0;top:-3px;border-radius:100px;color:#fff;width:25px;height:25px;display:inline-block;background-color:#555;text-align:center;line-height:25px}

.products .sarea {width:100%;margin-top:40px;}
.products h5 {font-size:18px;color:#555;font-weight:600;margin-bottom:10px}

.products .vatable {border-top:1px solid #555;}
.products .vatable th, .products .vatable td {border:1px solid #ccc;border-width:0 1px 1px 0;padding:11px 0 11px 15px;vertical-align:top}
.products .vatable th {text-align:center;background-color:#eee;font-weight:600;color:#252525}
.products .vatable td:first-child {background-color:#fafafa;border-left:1px solid #ccc;}
.products .vatable th:first-child {border-left:1px solid #ccc;}
.products .vatable li {margin-bottom:5px}
.products .vatable .list1 {margin-top:8px}
.products .vatable .list1 li {font-size:13px;margin-bottom:3px}

.products .fancooler {}
.products .fancooler .airbox {}
.products .fancooler .box1 {text-align:center;border:1px solid #d7d7d7;border-width:1px 0;font-size:22px;color:#0c8653;padding:22px 0;line-height:22px}
.products .fancooler .box1 strong {font-weight:900;font-size:28px;color:#0c8653;line-height:15px}
.products .fancooler .box1 span {font-size:22px;color:#555555}
.products .fancooler2 .airbox {width:100%;height:357px;position:relative}
.products .fancooler2 ol {width:443px}
.products .fancooler2 li {font-size:15px;line-height:25px;margin-bottom:20px}
.products .fancooler2 span,.products .filterfan1 .ffimg,.products .filterfan2 .ffimg {display:inline-block;position:absolute;right:0;top:0}

.products .filterfan1,.products .filterfan2 {width:100%;display:inline-block;position:relative}
.products .filterfan1 .ffimg {left:0;top:0}
.products .filterfan1 ol {width:450px;float:right}
.products .filterfan1 li {position:relative;margin-bottom:10px;font-size:14px;padding-left:25px;line-height:20px;}
.products .filterfan1 li span {position:absolute;left:0;top:1px;font-size:20px;font-weight:600;color:#0b8552}

.products .filterfan2 ol,.products .filterfan2 p {width:460px;}
.products .filterfan2 li {margin-bottom:7px}
.products .filterfan2 p {margin-top:30px;line-height:23px}

/* 제품소개 */
.product_list .proarea {width:100%;display:inline-block;clear:both;padding-bottom:90px}
.product_list .proarea li,.certificate .ctfarea li {display:inline-block;float:left;margin:0 27px 31px 0;}
.product_list .proarea li:nth-child(3n+3),.certificate .ctfarea li:nth-child(3n+3){margin-right:0}
.product_list .proarea li a,.certificate .ctfarea li a {width:315px;height:359px;display:inline-block;border:1px solid #ccc;text-align:center;position:relative;transition:0.11s}
.product_list .proarea li a:hover,.certificate .ctfarea li a:hover {border:1px solid #fff;}
.product_list .proarea li a:hover:before,.certificate .ctfarea li a:hover:before
{content:"";width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;border:3px solid #0c8652}

.product_list .proarea li span,.certificate .ctfarea li span {width:100%;height:311px;display:block;overflow:hidden;text-align:center;padding-top:20px;position:relative}
.product_list .proarea li span:hover:before,.certificate .ctfarea li span:hover:before
{content:"\f002";position:absolute;font-family: FontAwesome;color:#0c8653;font-size:45px;top:48%;left:48%;opacity:0.8}
.product_list .proarea li img {width:90%}
.product_list .proarea li strong,.certificate .ctfarea li strong {display:block;height:46px;font-size:16px;border-top:1px solid #ccc;line-height:45px;font-weight:900;color:#2e2e2e}
.product_list .proarea li a:hover strong,.certificate .ctfarea li strong:hover {border-top:1px solid #0c8653;background-color:#0c8653;color:#fff;}

/*제품 상세보기*/
.product_detail .proview {width:100%;margin-top:50px;padding-bottom:90px}
.product_detail .prointro {width:100%;text-align:center}
.product_detail .prointro h3 {font-size:30px;color:#2e2e2e;text-align:center;margin-bottom:20px}
.product_detail .prointro .proimg {width:550px;height:494px;display:block;margin:0 auto}
.product_detail .prointro .btn_down {width:174px;padding:8px 0;display:block;margin:0 auto;border:1px solid #a9a9a9;border-radius:100px;color:#2e2e2e;margin-top:10px}
.product_detail .prointro .btn_down:before {content:"\f019";font-family:fontAwesome;padding-right:7px}
.product_detail .prointro .btn_down:hover {border:1px solid #2e2e2e}

.product_detail .proinpo {width:100%;margin-top:70px}
.product_detail .proinpo h4,.contactus h4,.products h4 {font-size:23px;font-weight:bold;margin-bottom:15px;color:#2e2e2e}
.product_detail .proinpo .protable,.product_detail .cadtitle {border-top:1px solid #555555}
.product_detail .protable th, .product_detail .protable td {border:1px solid #cccccc;border-width:0 1px 1px 0;font-size:13px;padding:10px 0 10px 13px}
.product_detail .protable th {background-color:#eeeeee;text-align:left}
.product_detail .protable th:first-child {border-left:1px solid #ccc;}
.product_detail .cadtitle {height:49px;border-bottom:1px solid #e2e2e2}
.product_detail .cadtitle li {width:333px;float:left;text-align:center;color:#2e2e2e;font-size:17px;font-weight:bold;padding-top:12px}

/* 에어컨 용량 선정 */
.calculation {margin-top:30px}
.calculation .section {margin:0 50px}
.calculation .caltable {border-top:1px solid #eeeeee;margin-top:20px}
.calculation .caltable th,.calculation .caltable td {padding:15px 0 16px 27px;border-bottom:1px solid #eee;color:#252525;font-size:17px;font-weight:600}
.calculation .caltable th {text-align:left}
.calculation .caltable .input1,.calculation .caltable .input2 {width:143px;background-color:#eee;border:1px solid #ccc;height:38px;margin-right:10px;font-size:20px;font-weight:900;padding-left:5px}
.calculation .caltable .select1 {width:250px;background-color:#eee;border:1px solid #ccc;height:40px;font-size:16px;font-weight:bold}
.calculation .caltable .input2 {width:100px;margin-left:10px}
.calculation .caltable .txt {color:#eb4800;font-size:13px;font-weight:600}
.calculation .btn_cal {width:180px;display:table;margin:0 auto;background-color:#555555;border:1px solid #555555;color:#fff;font-size:18px;font-weight:bold;text-align:center;height:60px;padding-top:18px;margin-top:55px}
.calculation .btn_cal:hover {border:1px solid #555;background-color:#fff;color:#555;}

.calculation .calarea {width:100%;margin-top:55px}
.calculation .calarea .title {height:54px;background-color:#0c8653;text-align:center;color:#fff;font-size:18px;font-weight:600;padding-top:15px}
.calculation .caltable2 {border:1px solid #eeeeee;border-width:0 1px}
.calculation .caltable2 th,.calculation .caltable2 td {padding:20px 0 20px 35px;border-bottom:1px solid #eee;font-size:17px;color:#252525;}
.calculation .caltable2 td {}
.calculation .caltable2 th {text-align:left;font-weight:600}
.calculation .caltable2 strong {font-size:40px;font-weight:900;color:#252525;margin-right:15px}
.calculation .caltable2 a {font-size:30px;font-weight:900;color:#252525}
.calculation .calarea .txt {color:#eb4800;font-size:15px;font-weight:500;margin-top:14px;text-align:right}

/* 사이트맵 */
.sitemap {width:100%}
.sitemap dl {width:300px;display:inline-block;float:left;margin:0 50px 31px 0}
.sitemap dl a {width:100%;display:inline-block;}
.sitemap dl:nth-child(3n+3){margin-right:0}
.sitemap dt {display:block;height:46px;font-size:16px;border-bottom:1px solid #0c8653;border-top:1px solid #ccc;line-height:45px;text-align:center;}
.sitemap dt a {font-weight:900;position:relative;border-bottom:2px solid #0c8653}
/*.sitemap dt a:before {content:"";width:13px;height:8px;background:url("/_public/images/common/icon_arrow2.png") no-repeat;position: absolute;bottom:0;left:50%;margin-left:-7px;z-index: 99999;display:inline-block}*/
.sitemap dt:hover {background-color:#fafafa;color:#ffffff !important;cursor:pointer}
.sitemap dd {width:100%;height:220px;display:block;overflow:hidden;text-align:center;position:relative;padding:15px 0;}
.sitemap dd li {height:35px;padding:8px 0 0 40px;position:relative}
.sitemap dd li:before {content:"\f105";font-family:fontAwesome;font-size:14px;position:absolute;left:20px;color:#0c8653}
.sitemap dd li:hover:before {opacity:0; -webkit-transition: .3s ease-in-out; ransition: .3s ease-in-out;  -webkit-transform: translateZ(0);  transform: translateZ(0);}
.sitemap dd li:hover {cursor:pointer}


/* Icon Wobble Horizontal */
@-webkit-keyframes ltab {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes ltab {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.ltab:hover {
  display:block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;

}
.ltab:hover:after,.on .ltab:after {
  content: "\f054";
  position: absolute;
  color:#0c8653;
  right:25px;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}


.ltab:hover:after, .ltab:focus:after, .ltab:active:after {
  -webkit-animation-name: ltab;
  animation-name: ltab;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}