@charset "utf-8";

@import url(reset.css);
@import url(font.css);
@import url(jquery.bxslider.css);



/* 
 notokr-thin:100;
 notokr-light:300;
 notokr-regular:500;
 notokr-medium:700;
 notokr-bold:900;
*/


/**************** layout ****************
**************************************/
.container{ padding-bottom:150px; }
.container.type2{ padding-bottom:0; }



/* 헤더 */
.header{ position:relative; height:80px; border-bottom:1px solid #d9d9d9; }
.logo{ float:left; padding:20px 84px 14px 0; margin-right:124px; }
.logo a{ display:inline-block; width:124px; height:43px; background:url(../images/common/logo.png) no-repeat 50%; background-size:124px auto; }
.gnb{ display:block; overflow:hidden; float:left; margin-left:80px; }
.gnb.hide{ display:none; }
.gnb li{ float:left; margin-left:64px; }
.gnb li:first-child{ margin-left:0; }
.gnb li a{ display:block; position:relative; font-size:1.6rem; line-height:80px; font-weight:700; }
.gnb li a:hover,
.gnb li a.active{ color:#e2173a; }
.gnb li a:hover:after,
.gnb li a.active:after{ content:''; position:absolute; left:0; right:0; bottom:0; height:4px; background-color:#e2173a; }

.util{ float:right; }
.util .lang{ position:relative; float:left; padding-top:24px; }
.util .lang ul{ display:none; position:absolute; left:0; top:0; }
.util .lang button{ display:inline-block; width:33px; height:34px; line-height:3.2rem; font-size:1.2rem; font-weight:700; color:#fa7d21; background:url(../images/common/img_sel_lang.png) no-repeat 50%; background-size:100%; }
.util .btnSiteMap{ float:left; margin:29px 0 0 30px; width:30px; height:22px; background:url(../images/common/btn_sitemap.png) no-repeat 50%; background-size:100%; }



/* GNB */
.gnbMenuWrap{ display:none; position:absolute; top:80px; left:0; right:0; background:#fff url(../images/common/bg_header_inner.png) no-repeat 50%; border-bottom:1px solid #d9d9d9; z-index:100; background-size:cover; }
.gnbMenuWrap.hide{ display:none; }
.gnbInner{ width:100%; }

.gnbInner .gnbTit strong{ display:block; font-size:1.6rem; font-weight:700; }
.gnbInner .gnbTit p{ padding-top:2px; font-size:1.4rem; color:#666; font-weight:500; }
.gnbInner .menuList{ display:table; width:100%; overflow:hidden; vertical-align:top; }
.gnbInner .menuList .gnbTit{ display:table-cell; width:25%; padding:38px 28px 0 0; background-color:#f5f5f7; vertical-align:top; }
.gnbInner .menuList .menuInner{ display:table-cell; overflow:hidden; height:297px; padding:38px 0 40px 50px; background-color:#fff; vertical-align:top; }

.gnbInner .menuList .menu{ float:left; width:21%; margin-left:36px; }
.gnbInner .menuList .menuInner.type2{ padding:27px 0 0 30px; }
.gnbInner .menuList.m02 .menuInner.type2 .menu:first-child{ margin-left:0; }
.gnbInner .menuList.m02 .menuInner.type2 .menu:nth-child(4){ margin-left:0; margin-top:32px; }
.gnbInner .menuList.m02 .menuInner.type2 .menu:nth-child(5){ margin-top:32px; }
.gnbInner .menuList.m02 .menuInner.type2 .menu:nth-child(6){ margin-top:32px; }



.gnbInner .menuList .menuInner.type2 .menu{ width:250px; margin-left:36px; }
.gnbInner .menuList.m03 .menuInner.type2 .menu{ width:198px; margin-left:26px; }
.gnbInner .menuList.m03 .menuInner.type2 .menu:first-child{ margin-left:0; }

.gnbInner .menuList .menuInner .menu:first-child{ margin-left:0; }
.gnbInner .btnArea{ margin-top:25px; padding-right:22px; }
.gnbInner .btnArea li{ height:48px; }
.gnbInner .btnArea li + li{ margin-top:5px; }
.gnbBoxBtn{ display:block; position:relative; padding:13px 21px 14px 73px; font-size:1.3rem; font-weight:700; border:1px solid #e2e2e2; background:#fff url(../images/common/btn_gnb_box1.png) no-repeat 20px center; }
.gnbBoxBtn:after{ content:''; position:absolute; top:50%; margin-top:-14.5px; right:10px; width:29px; height:29px; background:url(../images/common/btn_gnb_arr.png) no-repeat 50%;  }
.gnbBoxBtn.ico2{ background:#fff url(../images/common/btn_gnb_box2.png) no-repeat 29px center; }
.gnbBoxBtn.ico3{ background:#fff url(../images/common/btn_gnb_box3.png) no-repeat 29px center; }
.gnbBoxBtn.ico4{ background:#fff url(../images/common/btn_gnb_box4.png) no-repeat 29px center; }
.gnbBoxBtn.ico5{ background:#fff url(../images/common/btn_gnb_box5.png) no-repeat 29px center; }
.gnbBoxBtn.ico6{ background:#fff url(../images/common/btn_gnb_box6.png) no-repeat 29px center; }

.menuList .menu .mTit a{ display:block; padding-bottom:8px; border-bottom:1px solid #c9c9c9; font-size:1.6rem; font-weight:700;  background:url(../images/common/btn_m_tit_arr.png) no-repeat right 10px; }
.menuList .menu .mTit.type2 a{ background:url(../images/common/btn_m_tit_arr2.png) no-repeat right 10px; }
.menuList .menuInner.type2 .menu .mTit a{ margin-top:12px; background:url(../images/common/btn_m_tit_arr2.png) no-repeat right 6px; }
.menuList .menuInner.type2 .menu .mTit.type2 a{ background-position:right 6px; }
.menuList .menuInner.type2 .menu .mTit a em{ display:block; font-size:1.6rem; color:#999; }
.menuList .menuInner.type2 .menu .desc{ padding-top:12px; font-size:1.3rem; font-weight:500; color:#999; line-height:1.8rem; }
.menuList .menu .mList{ margin-top:14px; }
.menuList .menu .mList li a{ display:block; position:relative; padding-left:10px; padding:4px 0 4px 10px; font-size:1.3rem; /* line-height:2.8rem; */ color:#666; }
.menuList .menu .mList li a:before{ content:''; position:absolute; left:0; top:13px; width:3px; height:3px; background-color:#666; border-radius:100%; }

.menuList .menu:hover a{ color:#d81f2f }
.menuList .menu .mList li a:hover{ color:#d81f2f }

.menuOpen{ overflow:hidden; }
.menuOpen + .menuOpen{ margin-top:48px; }

/**************** 공통 ****************
**************************************/
.secInner{ width:100%; max-width:1200px; margin:0 auto; }
.clearFix:after{ content:''; display:block; clear:both; }
.imgBox img{ width:100%; max-width:100%; }
.mbBr{ display:none; }
.spBr{ display:block; }
.sel{ width:110px; height:40px; padding-left:18px; border:1px solid #d8d8d8; font-size:1.4rem; color:#444; font-weight:500; background:url(../images/common/select_arr.png) no-repeat right 18px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.sel::-ms-expand {display: none; }
.inp{ width:212px; height:40px; border:1px solid #d8d8d8; }
.spDisplay{ display:block; }
.mbDisplay{ display:none; }
.moreBtnArea{ display:none; }
.tableStyle.blNone thead th,
.tableStyle.blNone thead td,
.tableStyle.blNone tbody th,
.tableStyle.blNone tbody td{ border-left:0; }

/* 레이어 팝업 */
.layer { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; }
.layer .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; }
.pop-layer{ position:absolute; left:50%; top:50%; width:900px; border:1px solid #666; z-index:999; background:#fff; box-sizing:border-box; }

.pop-layer.mb{ left:0 ! important;; top:0 ! important; width:100%; height:100%; margin:0 ! important; }

#popup-wrap .popup-header{ overflow:hidden; width:100%; height:60px; padding:14px 20px; background-color:#1a1a1a; box-sizing:border-box; }
#popup-wrap .popup-header h2{ float:left; margin-top:2px; font-size:20px; font-weight:500; color:#fff; }
#popup-wrap .popup-header .close{ float:right; width:24px; height:24px; margin-top:3px; background:url(../images/common/ico_btn_close.png) no-repeat 50%; background-size:24px auto; text-indent:-9999px; }
#popup-wrap .popup-content{  width:100%; padding:20px 20px 30px; }
.popup-content .tableStyle thead th{ padding:15px 4.8%; font-size:1.5rem; font-weight:500; color:#444; }
.popup-content .tableStyle thead th:first-child{ text-align:left;  }
.popup-content .tableStyle tbody th{ padding:12px 4.8%; font-size:1.4rem; font-weight:700; color:#444; }
.popup-content .tableStyle tbody td{ padding:12px 4.8%; font-size:1.4rem; font-weight:500; color:#666; }
.popup-content .tableStyle tbody .focus td{ font-weight:700; }
.popup-content .tableStyle tbody .focus td strong{ font-weight:700; }
.popImg{ text-align:center; }




.btnFixed{ position:fixed; top:50%; right:0; margin-top:-56.5px; width:77px; z-index:70; text-align:center;}
.btnFixed a{ display:block; padding:50px 0 13px 0; font-size:1.2rem; color:#fff; font-weight:500; text-align:center; background:#f53338 url(../images/common/btn_fix1.png) no-repeat 50% 15px; }
.btnFixed button{ display:inline-block; width:100%; height:32px; line-height:30px; padding-left:21px; font-size:1.2rem; color:#666; font-weight:500; background:#fff url(../images/common/btn_fix2.png) no-repeat right 17px center; border:1px solid #ccc; outline:none; text-align:left; }



/* 사이트맵 */
.siteMapArea{ display:none; overflow:hidden; position:absolute; left:0; right:0; top:80px; background-color:#fff; z-index:999; border-bottom:1px solid #d9d9d9; }
.siteMapArea .rowArea{ float:left; width:72%; }
.siteMapArea .row{ display:table; width:100%; padding:28px 0; }
.siteMapArea .col{ display:table-cell; width:200px; padding:0 38px; border-left:1px solid #d9d9d9; }
.siteMapArea .col .tit{ display:block; margin-bottom:20px; font-size:1.8rem; color:#e31c39; font-weight:700; }
.siteMapArea .col .tit a{ font-size:1.6rem; color:#e31c39; font-weight:700; }
.siteMapArea .col .menuArea .stit{ display:block; font-size:1.4rem; font-weight:500; }
.siteMapArea .col .menuArea .stit a{ display:block; font-size:1.4rem; font-weight:500; }
.siteMapArea .col .menuArea .stit a:hover{ color:#d81f2f; }
.siteMapArea .col .menuArea .stit a em{ display:block; font-size:1.4rem; font-weight:500; color:#999; }
.siteMapArea .col .menuArea ul{ margin-top:12px; }
.siteMapArea .col .menuArea ul li a{ display:block; position:relative; padding:4px 0 4px 7px; font-size:1.3rem; font-weight:500; color:#888; }
.siteMapArea .col .menuArea ul li a:hover{ color:#d81f2f; }
.siteMapArea .col .menuArea ul li a:before{ content:''; position:absolute; left:0; top:11px; width:3px; height:3px; background-color:#888; }
.siteMapArea .col .menuArea + .menuArea{ margin-top:20px; }
.sitmMapLink{ float:left; width:28%; margin-top:28px; }
.sitmMapLink ul + ul{ margin-top:40px; }
.sitmMapLink ul li + li{ margin-top:10px; }















/* lnb */
.lnbArea{ position:fixed; top:0; right:0; right:-100%; bottom:0; width:100%; overflow-y:auto; -webkit-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s; z-index:9999; background-color:#fff; }
.dimBg{ position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.5); z-index:110; } 

.lnbHead{ height:80px; padding:0 24px; background-color:#f5f5f7; }
.lnbHead:after{ content:''; display:block; clear:both; }
.lnbHead span{ float:left; padding-top:20px; font-size:1.8rem; font-weight:500; color:#666; }
.lnbClose{ width:20.5px; height:20.5px; margin:30px 0 0 18px; background:url(../images/common/btn_lnb_close.png) no-repeat 50%; background-size:100%; text-indent:-9999px; }

.lnbMenu{ border-bottom:1px solid #e1dfe2; }
.lnbMenu > dt{ padding:14px 23px; font-size:1.8rem; font-weight:500; border-top:1px solid #e1dfe2; background:url(../images/common/lnb_down_arr.png) no-repeat right 24px center; background-size:auto 10.5px; }
.lnbMenu > dt > a{ font-size:1.8rem; font-weight:500; }
.lnbMenu > dt.active{ color:#e31b38; background:url(../images/common/lnb_up_arr.png) no-repeat right 24px center; background-size:auto 10.5px; }
.lnbMenu > dt.active + dd{ border-top:1px solid #e1dfe2; }
.lnbMenu > dd{ display:none; }

.lnbInner{ padding:0 24px; }
.lnbInner > dt{ padding:14px 0; border-top:1px solid #e1dfe2; font-size:1.6rem; font-weight:500; color:#666; }
.lnbInner > dt a{ display:block; font-size:1.6rem; font-weight:500; color:#666; }
.lnbInner > dt:first-child{ border-top:0; }

.lnbInner > dd{ display:block; }
.lnbInner > dd .menu{ padding:6px 0 17px 0; border-top:1px solid #e2e0e3; }
.lnbInner > dd .menu li a{ display:block; position:relative; padding:10px 0 0 24px; font-size:1.6rem; color:#888; font-weight:500; }
.lnbInner > dd .menu li a:before{ content:''; position:absolute; left:12px; top:50%; width:3px; height:3px; margin-top:3px; background-color:#999; border-radius:100%; }
.gnbBoxBtnMb{ overflow:hidden; padding:15px 18px; background-color:#f5f5f7; }
.gnbBoxBtnMb li{ float:left; width:50%; padding:0 6px; }
.gnbBoxBtnMb li a{ display:block; height:42px; line-height:4rem; border:1px solid #e2e2e2; text-align:center; background-color:#fff; }
.gnbBoxBtnMb li a span{ display:inline-block; height:40px; line-height:4rem; padding-left:46px; font-size:1.4rem; font-weight:700; background:#fff url(../images/common/btn_gnb_box1_mb.png) no-repeat 0 center; background-size:37.5px auto; }
.gnbBoxBtnMb li:first-child{ padding-left:0; }
.gnbBoxBtnMb li:last-child{ padding-right:0; }
.gnbBoxBtnMb li:last-child a span{ background:url(../images/common/btn_gnb_box2_mb.png) no-repeat 10px center; background-size:26.5px auto; }


#btnSiteMapSp{ display:block; }
#btnSiteMapSp.on{ background:url(../images/common/btn_sitemap_close.png) no-repeat 50%; }
#btnSiteMapMb{ display:none; }

/* bxslider 초기화 */
.bx-wrapper{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:0; margin-bottom:0; background:none; }
.bx-wrapper img{ width:100%; }
.bx-wrapper .bx-pager{ padding-top:0; }
.bx-wrapper .bx-controls-direction a{ z-index:99; }
.bxslider li img{ width:100%; max-width:100%; }

/* slick 초기화 */
.slick-prev:before, .slick-next:before{ display:none; }

/* slick 공통화 */
.slick-prev, .slick-next{ width:40px; height:40px; border:2px solid #e5e5e5; border-radius:100%; z-index:9; }
.slick-prev:hover, .slick-next:hover{ border-color:#fa7d21 }
.slick-prev{ background:url(../images/common/btn_news_prev.png) no-repeat 50%; background-size:19px auto; } 
.slick-next{ background:url(../images/common/btn_news_next.png) no-repeat 50%; background-size:19px auto; } 
.slick-prev:hover, .slick-prev:focus{ background:url(../images/common/btn_news_prev.png) no-repeat 50%; background-size:19px auto; }
.slick-next:hover, .slick-next:focus{ background:url(../images/common/btn_news_next.png) no-repeat 50%; background-size:19px auto; } 


/* 메인 공통 */
.mainTitArea{ padding:80px 0 38px; }
.mainTitArea h2{ font-size:2rem; color:#fa7d21; font-weight:700; text-align:center; }
.mainTitArea h3{ margin-top:4px; font-size:2.5rem; line-height:2.8rem; font-weight:500; text-align:center; }
.mainTitArea h3 em{ font-size:2.5rem; font-weight:500; }

/* 다국어 공통 */
.util .lang ul.on{ display:block; }
.util .lang ul{ position:absolute; top:79px; left:50%; width:68px; margin-left:-34px; border:1px solid #e8e8e8; background-color:#fff; z-index:10000; border-radius:3px; }
.util .lang ul:before{ content:''; position:absolute; top:-8px; left:50%; width:15px; height:7.5px; margin-left:-7.5px; background:url(../images/common/ico_lang_arr.png) no-repeat 50%; background-size:15px auto; }
.util .lang ul li{ border-top:1px solid #d9d9d9; text-align:center; }
.util .lang ul li:first-child{ border-top:0;}
.util .lang ul li a{ display:block; width:100%; height:30px; line-height:30px; font-size:1.4rem; color:#666;}


/**************** 메인 ****************
**************************************/


/* 메인비쥬얼 */
.mainVisual{ position:relative; background-color:#fff; }
.mainVisual .inner{ max-width:1400px; margin:0 auto; }
.mainVisual .titArea{ position:absolute; top:12%; left:0; right:0; width:100%; max-width:1120px; margin:0 auto; text-align:right; }
.mainVisual .titArea p{ display:inline-block; font-size:4.8rem; color:#fff; font-weight:300; line-height:6rem; text-align:right; text-shadow: 0px 1px 4px rgba(0, 0, 0, .6); }
.mainVisual .titArea strong{ font-size:4.8rem; font-weight:700; color:#f48123; line-height:inherit; letter-spacing:inherit; }
.mainVisual .visual1 .titArea strong{ color:#fff; }
.mainVisual .titArea .desc{ margin-top:14px; font-size:2.8em; color:#fff; font-weight:500; text-align:center; text-shadow: 0px 1px 4px rgba(0, 0, 0, .6); }
.mainVisual .bx-wrapper .bx-pager{ bottom:102px; }
.mainVisual .bx-wrapper .bx-pager.bx-default-pager a{ margin:0 10px; background:#9e9e9e; }
.mainVisual .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{ background:#e0002a; }
.scrollBtnArea{ position:absolute; left:0; right:0; bottom:74px; width:100%; max-width:1200px; margin:0 auto; text-align:center; }
.scrollBtn{ display:inline-block; position:absolute; left:50%; margin-left:-9.5px; width:19px; height:19px; background:url(../images/common/btn_scroll_down.png) no-repeat 50%; background-size:100%; animation-name:scrollBtn; animation-duration:0.8s; animation-iteration-count:infinite; }
@-webkit-keyframes scrollBtn { 0% {  top:20px; } 50% { top:25px; } 100% { top:20px; } }
@keyframes scrollBtn { 0% { top:20px; } 50% { top:25px; } 100% { top:20px; } }
.mainVisual .bx-wrapper .bx-controls-direction a{ width:40px; height:40px; border-radius:100%; border:1px solid rgba(255,255,255,.3); z-index:99; } 
.mainVisual .bx-wrapper .bx-prev{ left:28px; background:rgba(0,0,0,.3) url(../images/common/btn_visual_prev.png) no-repeat 50%; background-size:18px auto; } 
.mainVisual .bx-wrapper .bx-next{ right:28px; background:rgba(0,0,0,.3) url(../images/common/btn_visual_next.png) no-repeat 50%; background-size:18px auto; } 
.slick-initialized .slick-slide{ outline:none; }

/* product */
.mainProduct{ padding-bottom:90px; background-color:#f8f8fa; }
.mainProduct .mainTitArea h2{ font-size:2rem; }



/* 메인 사업정보 PC */
.mainProduct{ padding-bottom:94px; background-color:#f8f8fa; }

.productTabArea .tTit{ position:relative; font-size:2rem; color:#fff; font-weight:700; z-index:22; line-height:2.8rem; }


.productTabArea .tabs{ float:left; position:relative; width:25%; }
.productTabArea .tabs li{ position:relative; height:155px; padding:60px 28px 0 96px; cursor:pointer; }
.productTabArea .tab1{ background-color:#fa9c21; }
.productTabArea .tab2{ background-color:#fa7d21; }
.productTabArea .tab3{ background-color:#f14422; }
.productTabArea .tab4{ background-color:#eb2826; }


.productTabArea .tabs li.tabs_on{ background-color:#fff }
.productTabArea .tabL li.tabs_on{ -webkit-box-shadow:20px 20px 30px 0 rgba(0,1,1,0.1); -moz-box-shadow:20px 20px 30px 0 rgba(0,1,1,0.1); box-shadow:20px 20px 30px 0 rgba(0,1,1,0.1); z-index:10;  }
.productTabArea .tabL li.tabs_on:after{ content:''; position:absolute; right:-16px; top:50%; margin-top:-12px; width:36px; height:36px; background-color:#fff; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg);}


.productTabArea li.tab1{ background:#fa9c21 url(../images/common/ico_tab_business01.png) no-repeat 30px 50%; background-size:48px auto; }
.productTabArea li.tab2{ background:#fa8c21 url(../images/common/ico_tab_business02.png) no-repeat 30px 50%; background-size:43px auto; }
.productTabArea li.tab3{ background:#fa7d21 url(../images/common/ico_tab_business03.png) no-repeat 30px 50%; background-size:39px auto; }
.productTabArea li.tab4{ background:#f66b1f url(../images/common/ico_tab_business04.png) no-repeat 30px 50%; background-size:40px auto; }
.productTabArea li.tab5{ background:#f14422 url(../images/common/ico_tab_business05.png) no-repeat 30px 50%; background-size:47px auto; }
.productTabArea li.tab6{ background:#e93613 url(../images/common/ico_tab_business06.png) no-repeat 30px 50%; background-size:47px auto; }
.productTabArea li.tab7{ background:#de2905 url(../images/common/ico_tab_business07.png) no-repeat 30px 50%; background-size:43px auto; padding-top:45px; }
.productTabArea li.tab8{ background:#cf1c04 url(../images/common/ico_tab_business08.png) no-repeat 30px 50%; background-size:46px auto; }


.productTabArea .tab1.tabs_on{ background:#fff url(../images/common/ico_tab_business01_on.png) no-repeat 30px 50%; background-size:48px auto; }
.productTabArea .tab2.tabs_on{ background:#fff url(../images/common/ico_tab_business02_on.png) no-repeat 30px 50%; background-size:43px auto; }
.productTabArea .tab3.tabs_on{ background:#fff url(../images/common/ico_tab_business03_on.png) no-repeat 30px 50%; background-size:39px auto; }
.productTabArea .tab4.tabs_on{ background:#fff url(../images/common/ico_tab_business04_on.png) no-repeat 30px 50%; background-size:40px auto; }
.productTabArea .tab5.tabs_on{ background:#fff url(../images/common/ico_tab_business05_on.png) no-repeat 30px 50%; background-size:47px auto; }
.productTabArea .tab6.tabs_on{ background:#fff url(../images/common/ico_tab_business06_on.png) no-repeat 30px 50%; background-size:47px auto; }
.productTabArea .tab7.tabs_on{ background:#fff url(../images/common/ico_tab_business07_on.png) no-repeat 30px 50%; background-size:43px auto; }
.productTabArea .tab8.tabs_on{ background:#fff url(../images/common/ico_tab_business08_on.png) no-repeat 30px 50%; background-size:46px auto; }





.productTabArea .tabs .tabs_on .tTit{ color:#d81f2f; }
.productTabArea .tabs > li.tabs_on .tDesc{ color:#999 !important; }
.productTabArea .tabR > li.tabs_on{ -webkit-box-shadow:-26px 26px 35px 0 rgba(0,1,1,0.2); -moz-box-shadow:-26px 26px 35px 0 rgba(0,1,1,0.2); box-shadow:-26px 26px 35px 0 rgba(0,1,1,0.2); z-index:10; }
.productTabArea .tabR > li.tabs_on:after{ content:''; position:absolute; left:-16px; top:50%; margin-top:-12px; width:36px; height:36px; background-color:#fff; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.productTabArea .tab-content{ float:left; position:relative; width:50%; height:620px; padding:36px 50px; background-color:#fff; vertical-align:top; }
.productTabArea .tab-content .ctit{ padding-bottom:26px; font-size:3rem; line-height:3rem; font-weight:700; text-align:center; border-bottom:1px solid #d9d9d9; }
.productTabArea .tab-content .picDesc .imgBox{ padding:0 8%; margin-top:38px; }
.productTabArea .tab-content .picDesc p{ padding-top:32px; font-size:1.5rem; font-weight:500; line-height:2.4rem; }
.productTabArea .tab-content .picDesc p strong{ font-size:1.6rem; font-weight:500; line-height:2.4rem; }
.productTabArea .tabItemArea{ overflow:hidden; padding-top:38px; }
.productTabArea .tabItem{ overflow:hidden; margin:0 -2px -1px 0; }
.productTabArea .tabItem li{ float:left; width:33.33%; padding:25px 0 25px; height:177px; border-style:dashed; border-width:0 1px 1px 0; border-color:#dadada; }
.productTabArea .tabItem li strong{ display:block; padding-top:66px; font-size:1.4rem; text-align:center; font-weight:700; }
.productTabArea .tabItem li.ico2 strong{ background:url(../images/common/ico_main_products_link02.png) no-repeat 50% 0; background-size:52px auto; }
.productTabArea .tabItem li.ico3 strong{ background:url(../images/common/ico_main_products_link03.png) no-repeat 50% 0; background-size:53px auto; }
.productTabArea .tabItem li.ico4 strong{ background:url(../images/common/ico_main_products_link04.png) no-repeat 50% 0; background-size:76px auto; }
.productTabArea .tabItem li.ico5 strong{ background:url(../images/common/ico_main_products_link05.png) no-repeat 50% 0; background-size:55px auto; }
.productTabArea .tabItem li.ico6 strong{ background:url(../images/common/ico_main_products_link06.png) no-repeat 50% 0; background-size:49px auto; }



.productTabArea .tabItem li em{ display:block; font-size:1.4rem; font-weight:700; color:#999; text-align:center; }
.btnDetailArea{ padding-top:40px; text-align:center;}
.btnDetail{ display:inline-block; height:40px; line-height:3.8rem; padding:0 30px; border:1px solid #eb2826; font-size:1.4rem; color:#eb2826; font-weight:500; border-radius:20px; }
.btnDetail:hover{ color:#fff; background-color:#eb2826; }



/* news */
.mainNews{ padding-bottom:102px; background:url(../images/common/bg_news.png) no-repeat 50%; background-size:cover; }
.mainNews .mainTitArea{ padding:80px 0 18px 0; }
.newsList{ overflow:hidden; }
.newsList .slick{ margin-left:-1px; padding:0 0 28px 0; background-color:#fff; }
.newsList .slick li .slickInner{ position:relative; padding:0 30px; height:100%; }
.newsList .slick li .slickInner:after{ content:''; position:absolute; left:0; top:0; bottom:0; width:1px; height:420px; background-color:#dcdcdc; }
.newsList .slick li a{ display:block; }
.newsList .slick li a:hover .tit{ color:#eb2826; }
.newsList .slick li .tit{ display:block;  position:relative; padding:10px 0 26px 0; font-size:1.8rem; line-height:2.8rem; color:#222; font-weight:500; }
.newsList .slick li .tit:before{ content:''; position:absolute; left:0; bottom:0; width:36px; height:1px; background-color:#d8d8d8; }
.newsList .slick li .desc{ margin-top:25px; font-size:1.6rem; line-height:2.4rem; color:#999; font-weight:500; }
.newsList .slick li .date{ display:block; margin-top:25px; font-size:1.6rem; color:#666; font-weight:500; }
.newsList .slick li .desc + .date{ margin-top:38px; }

.newsList .slick-dots{ bottom:-64px; }
.newsList .slick-dotted.slick-slider{ margin-bottom:54px; }
.newsList .slick-dots li button{ width:10px; height:10px; margin:0 10px; background:#9e9e9e; text-indent:-9999px; border-radius:100%; }
.newsList .slick-dots li.slick-active button{ background:#e0002a; }


.newsList .slick-prev{ top:-35px; left:2px;  } 
.newsList .slick-next{ top:-35px; left:47px; right:inherit; }


.newsList .btnArea{ margin-bottom:13px; text-align:right;  }
.btnNewsMore{ display:inline-block; width:40px; height:40px; border:1px solid #dcdcdc; border-radius:100%; background:url(../images/common/btn_news_more.png) no-repeat 50%; background-size:16px auto; }
.btnNewsMore:hover{ border-color:#d81f2f; background:url(../images/common/btn_news_more_hover.png) no-repeat 50%; background-size:16px auto; }



/* we are */
.mainAccordion{ padding-bottom:166px; background-image:url(../images/common/bg_main_accordion1_sp.jpg); background-size:cover; background-position:50%; transition: background-image 1s ease-in-out;}
.mainAccordion h3{ margin-top:-10px; color:#fff; }
.mainAccordion h3 .pTxt{ display:inline-block; position:relative; vertical-align:-6px;}
.mainAccordion h3 .pTxt text{font-size:4.5rem;}
.mainAccordion h3 .pTxt svg { width:401px; height: 1.2em; font: 900 500%/1.2 'Arial Black', sans-serif;}
.mainAccordion h3 .pTxt pattern {width:390px; height:116px;}
.mainAccordion h3 .pTxt pattern image{width:390px; height:116px;}

.mainAccordion .kwicks{  height:424px; }
.mainAccordion .kwicks li{ height:424px; /* padding-left:58px; */ }
.mainAccordion .kwicks li .titArea{ text-align:center; }
.mainAccordion .kwicks li.kwicks-expanded{ padding-left:58px; }
.mainAccordion .kwicks li.kwicks-expanded .titArea{ text-align:left; }
.mainAccordion .kwicks li:before{ content:''; position:absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%; background:rgba(0,0,0,.2); } 
.mainAccordion .kwicks li.kwicks-expanded:before{ display:none; } 
.mainAccordion .kwicks li.accordion1{ background:url(../images/common/img_main_accordion1_sp.jpg) no-repeat scroll 0%; }
.mainAccordion .kwicks li.accordion2{ background:url(../images/common/img_main_accordion2_sp.jpg) no-repeat scroll 0%; }
.mainAccordion .kwicks li.accordion3{ background:url(../images/common/img_main_accordion3_sp.jpg) no-repeat scroll 0%; }
.mainAccordion .kwicks li.accordion4{ background:url(../images/common/img_main_accordion4_sp.jpg) no-repeat scroll 0%; }
.mainAccordion .kwicks li.kwicks-selected:after{display:none;}
.mainAccordion .kwicks li.kwicks-expanded:after{display:none;}
.mainAccordion .kwicks li .titArea .tit{ display:inline-block; margin-top:44px; padding-top:52px; font-size:2.2rem; color:#fff; font-weight:500; text-align:center; background-position:50% 0; background-repeat:no-repeat; }
.mainAccordion .kwicks li .titArea .desc{ display:none; font-size:1.6rem; color:#fff; font-weight:500; line-height:2.8rem; }
.mainAccordion .kwicks li.kwicks-expanded .titArea .tit{ display:inline-block; padding-top:60px; font-size:2rem; font-weight:500; background-position:0 0; } 
.mainAccordion .kwicks li.kwicks-expanded .titArea .desc{ display:block; margin-top:14px; } 
.mainAccordion .kwicks li.accordion1 .titArea .tit{ background-image:url(../images/common/ico_main_accordion1.png); background-size:46px auto; }
.mainAccordion .kwicks li.accordion2 .titArea .tit{ background-image:url(../images/common/ico_main_accordion2.png); background-size:33px auto; }
.mainAccordion .kwicks li.accordion3 .titArea .tit{ background-image:url(../images/common/ico_main_accordion3.png); background-size:25px auto; }
.mainAccordion .kwicks li.accordion4 .titArea .tit{ background-image:url(../images/common/ico_main_accordion4.png); background-size:36px auto; }
.mainAccordion .kwicks li.kwicks-expanded.accordion2 .titArea .tit br{ display:none; }
.mainAccordion .kwicks li .btnMoreArea{ position:absolute; left:0; right:0; bottom:48px; text-align:center;  }
.btnMore{ display:inline-block; width:32px; height:32px; border:1px solid #fff; border-radius:100%; background:rgba(0,0,0,0) url(../images/common/ico_main_accordion_more.png) no-repeat 50%; background-size:12px auto; text-indent:-9999px; }
.mainAccordion .kwicks li.kwicks-expanded .btnMoreArea{ bottom:124px; left:58px; text-align:left; }
.mainAccordion .kwicks li.kwicks-expanded .btnMore{ display:inline-block; margin-top:38px; width:auto; height:40px; line-height:3.8rem; padding:0 30px; background:#eb2826; border:1px solid #eb2826; font-size:1.4rem; color:#eb2826; font-weight:500; border-radius:20px; text-indent:inherit; color:#fff; }



/* stock info */
.mainStockInfo{ background-color:#f8f8fa; }
.mainStockInfo .secInner{ max-width:1328px; }
.mainStockInfo .infoArea{ max-width:1328px; height:134px; padding-top:50px; margin:0 auto; background:#ff8322 url(../images/common/bg_stock.jpg) no-repeat 50% 0; background-size:100%; }
.mainStockInfo .infoArea .info{ position:relative; overflow:hidden; max-width:1200px; margin:0 auto; padding:30px 0; z-index:1; background-color:#fff; border-bottom:1px solid #ededed; }
.mainStockInfo .infoArea .info dt{ overflow:hidden; float:left; width:66%; padding:0 60px 0 100px; }
.mainStockInfo .infoArea .info dt h4{ float:left; margin-top:14px; padding-right:60px; font-size:2.8rem; color:#fa7d21; font-weight:500; background:url(../images/common/ico_stock_info.png) no-repeat right center; background-size:37px auto; }
.mainStockInfo .infoArea .info dt h4 em{ font-size:2.8rem; font-weight:500; }
.mainStockInfo .infoArea .info dt strong{ float:right; font-size:5rem; font-weight:500; }


.mainStockInfo .infoArea .info dd{ float:left; width:34%; padding-top:14px; }
.mainStockInfo .infoArea .info dd ul{ overflow:hidden; }
.mainStockInfo .infoArea .info dd ul li{ float:left; width:33.33%; border-left:1px solid #ebebeb; text-align:center; }
.mainStockInfo .infoArea .info dd ul li:first-child{ border-left:0; }
.mainStockInfo .infoArea .info dd ul li em{ display:block; font-size:1.6rem; color:#999; font-weight:500; text-align:center; }
.mainStockInfo .infoArea .info dd ul li span{ display:inline-block; font-size:1.6rem; color:#444; font-weight:500; text-align:center; }
.mainStockInfo .infoArea .info dd ul li span.up{ padding-left:20px; background:url(../images/common/img_stock_info_up.png) no-repeat 0 50%; background-size:11px auto; }
.mainStockInfo .infoArea .info dd ul li span.down{ padding-left:20px; background:url(../images/common/img_stock_info_down.png) no-repeat 0 50%; background-size:11px auto; }

.mainStockInfo .infoLink{ overflow:hidden; padding:97px 0 67px; }
.mainStockInfo .infoLink li{ float:left; width:50%; border-left:1px solid #dbdbdb; }
.mainStockInfo .infoLink li a{ display:block; padding:112px 20px 0; }
.mainStockInfo .infoLink li:first-child{ border-left:0; }
.mainStockInfo .infoLink li.bg1{ background:url(../images/common/img_main_info_link1.png) no-repeat 50% 28px; background-size:64px auto; }
.mainStockInfo .infoLink li.bg2{ background:url(../images/common/img_main_info_link2.png) no-repeat 50% 28px; background-size:61px auto; }
.mainStockInfo .infoLink li.bg3{ background:url(../images/common/img_main_info_link3.png) no-repeat 50% 28px; background-size:78px auto; }
.mainStockInfo .infoLink li.bg4{ background:url(../images/common/img_main_info_link4.png) no-repeat 50% 28px; background-size:63px auto; }


.mainStockInfo .infoLink li a span{ display:block; text-align:center; }
.mainStockInfo .infoLink li a strong{ display:block; font-size:2rem; color:#444; font-weight:500; text-align:center; }
.mainStockInfo .infoLink li a p{ margin-top:12px; font-size:1.4rem; color:#666; line-height:2.2rem; font-weight:500; text-align:center; }



/* 풋터 */
.footer{ padding:38px 0 52px; background-color:#2b2c2f; }
.footLogo{ float:left; }
.footLogo img{ width:124px; height:42px; }
.footInfo{ clear:both; padding-top:30px; }
.footInfo ul{ overflow:hidden; }
.footInfo li{ position:relative; float:left; margin-left:12px; padding-left:12px; }
.footInfo li:before{ content:''; position:absolute; top:3px; bottom:1px; left:0; width:1px; background-color:#535353; }
.footInfo li:first-child{ padding-left:0; margin-left:0; }
.footInfo li:first-child:before{ display:none; }
.footInfo li a{ font-size:1.6rem; color:#bababa; }
.footInfo li:first-child a{ color:#fff; }
.footInfo li:last-child a{ color:#fa7d21; }
.footer address{ display:block; padding-top:14px; font-size:1.3rem; color:#767676; line-height:2rem; }
.footer address em{ font-size:1.2rem; color:#606060; }
.footSelect{ position:relative; float:right; width:248px; height:40px; border:1px solid #747474; }
.footSelect button{ display:block; width:100%; height:38px; line-height:4rem; padding:0 20px;  font-size:1.4rem; color:#bababa; font-weight:500; text-align:left; background:#2b2c2f url(../images/common/footer_select_arr.png) no-repeat 90% center; }
.footSelectMb{ display:block; width:100%; height:38px; line-height:3.6rem; padding:0 20px;  font-size:1.4rem; color:#bababa; font-weight:500; text-align:left; background:#2b2c2f url(../images/common/footer_select_arr.png) no-repeat 90% center; border:1px solid #747474; -webkit-appearance:none; -moz-appearance:none; appearance: none; }
.footSelect button.active{ display:block; width:100%; height:38px; line-height:4rem; padding:0 20px;  font-size:1.4rem; color:#222; font-weight:500; text-align:left; background:#fff url(../images/common/footer_select_arr_act.png) no-repeat 90% center;  }
.footSelect ul{ display:none; position:absolute; overflow-y:auto; bottom:38px; left:-1px; right:-1px; max-height:314px; border:1px solid #747474; z-index:99; }
.footSelect ul li a{ display:block; width:100%; padding:0 20px; font-size:1.4rem; line-height:3.8rem; color:#bababa; font-weight:500; background-color:#2b2c2f; border-top:1px solid #5b5b61; }
.footSelectMb{ display:none; }
.footer select::-ms-expand{ display: none; }















/**************** 서브 ****************
**************************************/

/* 서브 공통 */
.subVisualArea{ position:relative; height:260px; background-size:cover; background-repeat:no-repeat; background-position:50%; }
.subVisualArea + .tabArea{ margin-top:60px; margin-bottom:0; }
.subVisualArea.bg1{ background-image:url(../images/common/sub_visual1.jpg); }
.subVisualArea.bg2{ background-image:url(../images/common/sub_visual2.jpg); }
.subVisualArea.bg3{ background-image:url(../images/common/sub_visual3.jpg); }
.subVisualArea.bg4{ background-image:url(../images/common/sub_visual4.jpg); }
.subVisualArea.bg5{ background-image:url(../images/common/sub_visual5.jpg); }
.subVisualArea.bg6{ background-image:url(../images/common/sub_visual6.jpg); }
.subVisualArea.bg7{ background-image:url(../images/common/sub_visual7.jpg); }/* 2020-02-05 */

.subVisualArea > .secInner{ width:100%; height:260px; line-height:260px; padding-bottom:40px; }
.subVisualArea .stit{ padding-top:90px; font-size:3.8rem; line-height:4rem; color:#fff; font-weight:500; text-align:center; }


.locationArea{ position:absolute; left:0; right:0; bottom:0; height:50px; background-color:rgba(0,0,0,.4); border-right:1px solid #737c81; -webkit-transition:0.3s; transition:0.3s }
.locationArea .secInner{ padding:0; }
.locationArea .home{ float:left; width:63px; height:50px; background:url(../images/common/ico_location_home.png) no-repeat 50%; background-size:19px auto; border-left:1px solid rgba(225,225,225,.2); text-indent:-9999px;}
.locationArea .locationSel{ float:left; position:relative; width:220px; border-left:1px solid rgba(225,225,225,.2); }
.locationArea .locationSel:last-child > a,
.locationArea .locationSel:last-child ul{ border-right:1px solid rgba(225,225,225,.2); }
.locationArea .locationSel > a{ display:block; position:relative; overflow:hidden; width:100%; height:50px; max-width:220px; white-space:nowrap; text-overflow:ellipsis; line-height:4.8rem; padding:0 24px; font-size:1.4rem; color:#fff; text-align:left; transition: all .3s ease;  }
.locationArea .locationSel > a:after{content:''; position:absolute; right:14px; top:22px; display:block; width:10px; height:5px; background:url(../images/common/ico_location_select_w.png) no-repeat right 14.8% center; background-size:10px auto; transition: all .3s ease; -webkit-transition: all .3s ease;}
.locationArea .locationSel > a.on:after{ -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}

.locationArea .locationSel.type2 > a:after{ display:none !important; }

.locationArea .locationSel ul{ display:none; position:absolute; top:100%; left:0; z-index:10; width:100%; padding:8px 0 12px 0; background-color:rgba(0,0,0,.4); padding-left:8px; }
.locationArea .locationSel ul li a{ position:relative; display:block; padding:6px 0 6px 20px; font-size:1.4rem; line-height:1.5rem; color:#fff; font-weight:500; box-sizing:border-box; }
.locationArea .locationSel ul li a:hover{ color:#e31e3c; }

.topBarFix{position:fixed; top:0; left:0; width:100%; z-index:111; }

.locationArea.topBarFix{background-color:#343434;}
.locationArea.topBarFix .locationSel.on > a{color:#d81f2f; background-color:#fff;}
.locationArea.topBarFix .locationSel.on > a:after{background-image:url(../images/common/ico_location_select_g.png) }
.locationArea.topBarFix .locationSel ul{position:relative; border-right:1px solid #737c81; border-bottom:1px solid #737c81; background-color:#fff;}
.locationArea.topBarFix .locationSel ul:before{content:''; position:absolute; left:0; top:0; width:87.8%; margin:0 10px; height:1px; background-color:#d9d9d9;}
.locationArea.topBarFix .locationSel ul li a{color:#666;}
.locationArea.topBarFix .locationSel ul li a:hover{ color:#d81f2f; }

.locationArea.topBarFix .home,
.locationArea.topBarFix .locationSel{border-left:1px solid #555;}
.locationArea.topBarFix .locationSel:last-child > a,
.locationArea.topBarFix .locationSel:last-child ul{ border-right:1px solid #555; }

/* 페이징 */
.pagingArea{ position:relative; height:50px; margin-top:40px; text-align:center; }
.pagingArea .btnDown{ position:absolute; right:0; top:50%; margin-top:-25px; }
.pagingArea .paging{ font-size:0; }
.pagingArea .paging a{ display:inline-block; width:40px; height:40px; line-height:4rem; font-size:1.5rem; color:#444; text-align:center; border:1px solid #e6e6e6; }
.pagingArea .paging a:first-child{ border-left:1px solid #e6e6e6; }
.pagingArea .paging a + a{ border-left-width:0; }
.pagingArea .paging a.num:hover,
.pagingArea .paging a.num.active{ color:#fff; background-color:#d81f2f; }
.pagingArea .paging a.prev{ margin-right:10px; background:url(../images/common/ico_paging_prev.png) no-repeat 50%; }

.pagingArea .paging a.prev:hover{ background:url(../images/common/ico_paging_prev_hover.png) no-repeat 50%; }
.pagingArea .paging a.next{ margin-left:10px; background:url(../images/common/ico_paging_next.png) no-repeat 50%; }
.pagingArea .paging a.next:hover{ background:url(../images/common/ico_paging_next_hover.png) no-repeat 50%; }

.pagingArea .paging a.prev + a{ border-left-width:1px; }
.pagingArea .paging a + a.next{ border-left-width:1px; }

.moreBtnArea{display:none; margin-top:64px; text-align:center;}
.moreBtnArea .btn{display:inline-block; width:89.8%; height:40px; line-height:38px; margin:0 5.1%; font-size:1.4rem; font-weight:500; color:#d81f2f; border:1px solid #d81f2f; border-radius:30px; }
.moreBtnArea .btn em{display:inline-block; width:7px; height:12.5px; margin-right:14px; vertical-align:-1px; background:url(../images/common/ico_arr_more.png) no-repeat 50% 0; background-size:7px auto; }
.moreBtnArea .btn span{margin-left:10px; font-size:1rem; color:#999}


.tab_content01 .subDescBox{ margin-top:60px; }
.subDescBox{ overflow:hidden; margin-top:30px; }
.subDescBox dt{ float:left; width:18.2%; font-size:2rem; line-height:2.4rem; font-weight:500; }
.subDescBox dd{ float:left; width:81.8%; padding:5px 0 6px 10%; }
.blList li{ position:relative; padding-left:10px; margin-top:20px; font-size:1.4rem; color:#444; line-height:2.4rem; }
.blList li.type2{ padding-left:0; }
.blList li .link{ font-size:1.4rem; color:#1c77e7; line-height:2.4rem; text-decoration:underline; }
.blList li:first-child{ margin-top:0; }
.blList li:before{ content:''; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#8b8b8b; }
.blList li.type2:before{ display:none; }


.subTitArea{ padding:50px 0 40px 0; }
.subTitArea.type2{ padding:62px 0 25px 0; }
.subTitArea .tit{ font-size:2.8rem; font-weight:500; text-align:center; }
.subTitArea .desc{ padding-top:14px; font-size:1.4rem; color:#666; font-weight:500; text-align:center; }

/* 버튼 */
.btnLink{ display:inline-block; height:30px; line-height:28px; padding:0 15px; border:1px solid #c8c8c8; font-size:1.3rem; color:#666; font-weight:500; vertical-align:2px; background-color:#fff; border-radius:16px;}
.btnLink:hover{ color:#fff; border:1px solid #d81f2f; background-color:#d81f2f;}

/* 테이블 */


/* tab */
.tabs01{ display:table; width:100%; max-width:1200px; margin:0 auto; border-style:solid; border-width:1px 0 0 1px; border-color:#d9d9d9; }
.tab_content01{ overflow:hidden;}
.tabs01 li{ display:table-cell; width:33.33%; padding:15px; border-style:solid; border-width:0 1px 1px 0; border-color:#d9d9d9; font-size:2rem; font-weight:700; color:#999; text-align:center; background-color:#fff; vertical-align:middle; cursor:pointer; }
.tabs01 li.tabs_on01{ position:relative; color:#fff; border-width:0 1px 1px 0; border-style:solid; border-color:#d81f2f; background-color:#d81f2f;}
.tabs01 li br{ display:none; }

.tabs02{ display:table; width:100%; max-width:1200px; margin:0 auto; border-style:solid; border-width:1px 0 0 1px; border-color:#d9d9d9; }
/* .tab_content02{ overflow:hidden; } */
.tabs02 li{ display:table-cell; width:33.33%; padding:15px; border-style:solid; border-width:0 1px 1px 0; border-color:#d9d9d9; font-size:2rem; font-weight:700; color:#999; text-align:center; background-color:#fff; vertical-align:middle; cursor:pointer; }
.tabs02 li.tabs_on02{ position:relative; color:#fff; border-width:0 1px 1px 0; border-style:solid; border-color:#d81f2f; background-color:#d81f2f;}
.tabArea.type2{ position:relative; }
.tabArea.type2 .tabs01{ padding-right:25%; }
.tabArea.type2 a{ position:absolute; top:0; right:0;  width:25%; color:#fff; border-width:0 1px 1px 0; border-style:solid; border-color:#d81f2f; background-color:#d81f2f;}




/* 제품정보 */
.subItemInfo{ text-align:center; }
.subItemInfo .secInner{ padding:50px 40px; }
.subItemInfo.type2 .secInner{ padding-bottom:0; }
.subItemInfo.type3 .secInner{ padding-bottom:40px; }
.subItemInfo .tit{ position:relative; display:inline-block; padding:0 0 22px 54px; font-size:3rem; font-weight:500; background-position:0 3px; background-repeat:no-repeat; }
.subItemInfo.type2 .tit,
.subItemInfo.type3 .tit{ padding:0; }
.subItemInfo.type2 .tit:after,
.subItemInfo.type3 .tit:after{ display:none; }
.subItemInfo.type4 .tit{ padding:0 0 22px 0; }
.subItemInfo.type5 .secInner{ border-top:0; }
.subItemInfo.type6 .tit{ padding:0 0 22px 0; }
.subItemInfo.type6 .secInner{ padding:50px 20px; }
.subItemInfo .tit.ico1{ background-image:url(../images/common/ico_tit_nf3.png); background-size:41px auto; }
.subItemInfo .tit.ico2{ background-image:url(../images/common/ico_tit_wf6.png); background-size:42px auto; }
.subItemInfo .tit.ico3{ background-image:url(../images/common/ico_tit_sih4.png); background-size:43px auto; }
.subItemInfo .tit.ico4{ padding-left:73px; background-image:url(../images/common/ico_tit_si2h6.png); background-size:65px auto; }
.subItemInfo .tit.ico5{ padding-left:70px; background-image:url(../images/common/ico_tit_sih2cl2.png); background-size:50px auto; }
.subItemInfo .tit:after{ content:''; position:absolute; left:50%; margin-left:-26px; bottom:0; width:52px; height:3px; background-color:#db2e3d; }
.subItemInfo .stit{ margin-top:27px; font-size:1.8rem; font-weight:500; text-align:center; letter-spacing:-0.02rem; }
.subItemInfo .stit strong{ font-size:1.8rem; font-weight:700; }
.subItemInfo .stit span{ font-size:1.8rem; font-weight:500; color:#d81f2f; }
.subItemInfo .desc{ margin-top:18px; font-size:1.4rem; font-weight:500; text-align:center; color:#444; line-height:2.4rem; }
.subItemInfo .desc strong{ font-size:1.4rem; font-weight:900; }
.subItemInfo .desc em{ font-size:1.4rem; font-weight:500; text-align:center;  }
.btnDown{ display:inline-block; padding:14px 42px; background-color:#d81f2f; text-align:center; border-radius:50px; }
.btnDown:hover{background-color:#c71b29}
.btnDown span{ display:inline-block; padding-right:28px; font-size:1.6rem; color:#fff; font-weight:500; background:url(../images/common/btn_download.png) no-repeat right center; }
.btnDown.type2 span{ padding-right:0; background:none; }
.subItemInfo .btnDown{ margin-top:36px; }

.subItemList .secInner{ padding-top:40px; border-top:1px solid #e7e7e7; }
.subItemList .slick{ padding:0 60px; margin-bottom:50px; }
.subItemList .slick li{ padding:0 6px; }
.subItemList .slick li a{ display:block; }
.subItemList .slick li em{ display:block; width:55%; margin:0 auto; line-height:22px; padding-top:10px; border-top:2px solid #d81f2f; font-size:1.8rem; color:#444; font-weight:700; text-align:center; }

.subItemList .slick li em.type2{ color:#fff; background-color:rgba(0,0,0,0.5); }


.subItemList .slick-prev{ left:0; }
.subItemList .slick-next{ right:0; }


.subItemInfo + .tableInfoArea{ padding-top:16px; }
.tableInfoArea{ padding:64px 0 100px; }
.tableInfoArea:nth-child(2n){ background-color:#f8f8fa; }
.tableInfoArea .titArea h3{ font-size:2.8rem; font-weight:500; }
.tableInfoArea .tableArea .titArea{ position:relative; margin-top:20px; }
.tableInfoArea .titArea h4{ position:absolute; left:0; top:-2px; font-size:1.8rem; font-weight:500; }
.tableInfoArea .imgBox{ padding:0 8.32%; }

.tableInfoArea .titArea h3 strong{ position:relative; padding-left:32px; font-size:2.8rem; font-weight:500; text-align:center; }
.tableInfoArea .titArea h3 strong:before{ content:''; position:absolute; left:18px; top:5px; bottom:5px; width:1px; background-color:#d9d9d9}
.tableInfoArea .titArea p{ position:relative; margin:6px 0 40px 0; padding-left:20px; font-size:1.6rem; font-weight:500; color:#666; }
.tableInfoArea .titArea p:before{ content:''; position:absolute; left:10px; top:8px; width:5px; height:5px; background-color:#666; border-radius:100%; }
.tableInfoArea .titArea em{ display:block; margin:20px 0 8px 0; font-size:1.4rem; color:#666; font-weight:500; text-align:right; }
.tableStyle{ width:100%; border-top:1px solid #da2d3d; }
.tableStyle thead th{ height:46px; padding:5px 0.5%; font-size:1.5rem; line-height:1.8rem; color:#444; font-weight:500; text-align:center; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background-color:#f0f0f0; }
.tableStyle tbody th{ height:46px; padding:5px 1.8%; font-size:1.5rem; line-height:1.8rem; color:#444; font-weight:500; border-left:0; border-bottom:1px solid #d9d9d9; background-color:#f8f8fa; text-align:left; }
.tableStyle tbody th strong{ font-size:1.5rem; color:#444; font-weight:500; }
.tableStyle tbody td span{ font-size:1.2rem; color:#666; font-weight:500; }
.tableStyle thead tr:first-child th:first-child{ border-left:0; }
.tableStyle tbody td{ height:46px; padding:4px; font-size:1.5rem; line-height:1.8rem; color:#666; font-weight:500; text-align:center; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background-color:#fff; }
.tableStyle tbody tr td:first-child{ border-left:0; }
.tableStyle tbody tr td.fst{border-left:1px solid #d9d9d9;}
.tableStyle .fCR{ font-size:1.5rem; color:#d81f2f; font-weight:500; }
.tableStyle.type2 tbody th{ background-color:#fff; }
.tableStyle.write tbody td{ padding:5px 20px; text-align:left; }
.tableStyle thead th strong + a{ margin-left:5px; }

.boxContent{ padding:0 0 60px 0; background-color:#f8f8fa; }
.boxContent .titArea h3{ font-size:2.8rem; font-weight:500; text-align:center; }




.itemListLink .tit{ font-size:2.8rem; color:#222; text-align:center; }
.itemListLink .list{ margin-top:32px; } 
.itemListLink .list > li{ position:relative; float:left; width:16.66%; }
.itemListLink .list > li .name{ display:block; position:relative; height:274px; padding:110px 0 110px; font-size:2.2rem; line-height:2.4rem; color:#fff; font-weight:700; text-align:center; cursor:pointer; -webkit-transition:background-color 0.5s; }
.itemListLink .list > li .name em{ display:block; font-size:1.4rem; color:#fff; font-weight:700; text-align:center; }
.itemListLink .list > li .name:after{ content:''; position:absolute; left:50%; margin-left:-20px; bottom:38px; width:40px; height:40px; background:url(../images/common/ico_item_plus.png) no-repeat 50%; background-size:100%; }
.itemListLink .list > li:hover{ -webkit-box-shadow:0px 0px 15px 5px rgba(0,1,1,0.31); -moz-box-shadow:0px 0px 15px 5px rgba(0,1,1,0.31); box-shadow:0px 0px 15px 5px rgba(0,1,1,0.31); z-index:10; }
.itemListLink .list > li.ico1 .name{ background:#fa9c21 url(../images/common/ico_intro_product1.png) no-repeat 50% 35px; background-size:51px auto; }
.itemListLink .list > li.ico2 .name{ background:#fa7d21 url(../images/common/ico_intro_product2.png) no-repeat 50% 35px; background-size:51px auto; }
.itemListLink .list > li.ico3 .name{ background:#f66320 url(../images/common/ico_intro_product3.png) no-repeat 50% 35px; background-size:51px auto; }
.itemListLink .list > li.ico4 .name{ background:#f14422 url(../images/common/ico_intro_product4.png) no-repeat 50% 35px; background-size:71px auto; }
.itemListLink .list > li.ico5 .name{ background:#eb2826 url(../images/common/ico_intro_product5.png) no-repeat 50% 35px; background-size:61px auto; }
.itemListLink .list > li.ico6 .name{ background:#dc102d url(../images/common/ico_intro_product6.png) no-repeat 50% 35px; background-size:55px auto;; }
.itemListLink .list > li .name:hover{ -webkit-box-shadow:0px 0px 15px 5px rgba(0,1,1,0.31); -moz-box-shadow:0px 0px 15px 5px rgba(0,1,1,0.31); box-shadow:0px 0px 15px 5px rgba(0,1,1,0.2); z-index:10; -webkit-transition: box-shadow 0.3s ease-in-out 0s; -moz-transition: box-shadow 0.3s ease-in-out 0s; -o-transition: box-shadow 0.3s ease-in-out 0s; -ms-transition: box-shadow 0.3s ease-in-out 0s; transition: box-shadow 0.3s ease-in-out 0s; }
.itemListLink .list > li .name:before{ content:''; display:none; position:absolute; left:0; top:0; width:100%; height:100%; border:3px solid #fff; box-sizing:border-box; z-index:20;}
.itemListLink .list > li .name:hover:before{ display:block; }

.graphBox ul{ overflow:hidden; width:100%; }
.graphBox ul li{ float:left; width:33.33%; }
.graphBox ul li h3{ padding-left:10px; font-size:2.4rem; font-weight:500; }
.graphBox ul li em{ display:block; font-size:1.3rem; font-weight:500; color:#666; text-align:right; }
.graphBox ul li img{ width:100%; } /* 그래프 적용시 지울것 */




/* 회사소개 */ 
.searchArea{ overflow:hidden; }
.searchArea .schInner{ float:right; }
.searchArea .schInner .sel{ float:left; }
.searchArea .schInner .sch{ position:relative; overflow:hidden; float:left; margin-left:10px; padding-right:42px; }
.searchArea .schInner .sch .inp{ float:left; }
.searchArea .schInner .sch button{ position:absolute; top:0; right:0; width:42px; height:40px; background:#444 url(../images/common/btn_search.png) no-repeat 50%; }
.searchArea .schInner .sch button:hover{ background:#2a2a2a url(../images/common/btn_search.png) no-repeat 50%; }


/* 개요 */
.introInfoListArea{ padding:20px 0 60px; }
.introInfoList{ overflow:hidden;}
.introInfoList li{ float:left; width:16.66%; padding:88px 0 26px; border-left:1px solid #d9d9d9; }
.introInfoList li strong{ display:block; font-size:1.6rem; line-height:2rem; font-weight:500; text-align:center; }
.introInfoList li p{ padding-top:10px; font-size:1.3rem; line-height:1.7rem; color:#666; font-weight:500; text-align:center; }
.introInfoList li:first-child{ border-left:0; }
.introInfoList li.ico1{ background:url(../images/common/ico_history1.png) no-repeat 50% 24px; background-size:45px auto; }
.introInfoList li.ico2{ background:url(../images/common/ico_history2.png) no-repeat 50% 24px; background-size:40px auto; }
.introInfoList li.ico3{ background:url(../images/common/ico_history3.png) no-repeat 50% 24px; background-size:44px auto;}
.introInfoList li.ico4{ background:url(../images/common/ico_history4.png) no-repeat 50% 24px; background-size:47px auto; }
.introInfoList li.ico5{ background:url(../images/common/ico_history5.png) no-repeat 50% 24px; background-size:44px auto; }
.introInfoList li.ico6{ background:url(../images/common/ico_history6.png) no-repeat 50% 24px; background-size:50px auto; }






.introDesc{ margin-top:80px; padding:102px 0 108px; background:url(../images/common/bg_history_banner.jpg) no-repeat 50%; background-size:cover; }
.introDesc .titArea{ position:relative; font-size:2.4rem; line-height:3rem; color:#fff; font-weight:500; text-align:center; }
.introDesc .titArea strong{ display:block; padding-top:8px; font-size:2.8rem; color:#fff; font-weight:500; line-height:3.8rem; }
.introDesc .desc{ margin-top:24px; font-size:1.4rem; color:#ababab; font-weight:500; line-height:2rem; text-align:center; }



.subHistoryArea{ overflow:hidden; margin-top:44px; }
.subHistoryArea .titArea{ float:left; width:37%; }
.subHistoryArea .titArea strong{ display:block; position:relative; padding-bottom:22px; font-size:2.6rem; font-weight:500; }
.subHistoryArea .titArea strong:after{ content:''; position:absolute; left:0; bottom:0; width:44px; height:2px; background-color:#d81f2f; }
.subHistoryArea .titArea p{ padding-top:26px; font-size:2.2rem; line-height:2.6rem; font-weight:500; }
.subHistoryArea .cont{ float:left; width:63%; padding-left:38px; }
.subHistoryArea .cont > li{ padding:28px 0; border-top:1px solid #e1e1e1; }
.subHistoryArea .cont > li:first-child{ padding-top:0; border-top:0; }
.subHistoryArea .cont dl{ overflow:hidden; }
.subHistoryArea .cont dl dt{ float:left; width:25%; font-size:2.8rem; color:#d81f2f; font-weight:500; }
.subHistoryArea .cont dl dd{ float:left; width:75%; }
.subHistoryArea .cont dl dd ul li:first-child{ margin-top:0; }
.subHistoryArea .cont dl dd ul li{ overflow:hidden; margin-top:12px;  }
.subHistoryArea .cont dl dd ul li strong{ float:left; width:11%; padding-right:32px; font-size:1.6rem; line-height:2.4rem; font-weight:700; }
.subHistoryArea .cont dl dd ul li span{ float:left; width:89%; font-size:1.4rem; color:#666; font-weight:500; line-height:2.4rem; }
.contactArea .contactMap{ margin-top:0; }
.contactArea .subContactUs{ margin-top:0; }
.subContactUs{ margin-top:60px; }
.subContactUs .boxContent{ padding:0 0 198px 0; }
.contactMap{ overflow:hidden; margin-top:30px; }
.contactMap > dt{ float:left; width:50%; padding-right:24px; }
.contactMap > dd{ float:left; width:50%; padding-left:24px; }


.contactArea .google-maps{ height:300px; padding-bottom:0; }
.contactArea .contactMap > dt{ float:none; width:100%; padding:24px; }
.contactArea .contactMap > dd{ float:none; width:100%; padding:24px; }
.contactArea .subItemInfo .secInner{ padding-bottom:20px; }
.contactArea .boxContent{ padding-bottom:0; }


.contactMap > dd .titArea{ overflow:hidden; }
.contactMap > dd .titArea .tit{ float:left; font-size:3rem; font-weight:700; }
.contactMap > dd .titArea .btnArea{ float:right; }

.contactMap > dd .innerList > li{ overflow:hidden; width:100%; padding:16px 18px; border-top:1px solid #dbdbdb; }
.contactMap > dd .innerList > li:first-child{ padding-top:20px; border-top:0; }
.contactMap > dd .innerList > li > strong{ float:left; width:26%; font-size:1.8rem; font-weight:500; vertical-align:top; }
.contactMap > dd .innerList > li > span{ float:left; width:74%; font-size:1.6rem; color:#444; font-weight:500; }
.contactMap > dd .innerList > li.way > strong{ float:none; width:100%; }
.contactMap > dd .innerList > li.way > span{ display:block; float:none; width:100%; padding-top:10px; }
.contactMap > dd .innerList > li > span > ul > li dl{ display:table; width:100%; }
.contactMap > dd .innerList > li > span > ul > li dl dt{ display:table-cell; width:102px; font-size:1.6rem; color:#444; font-weight:500; vertical-align:top; }
.contactMap > dd .innerList > li > span > ul > li dl dt .ico1{ display:inline-block; width:72px; height:72px; background:#fff url(../images/common/ico_bus.png) no-repeat 50%; background-size:38px auto; border-radius:100%; }
.contactMap > dd .innerList > li > span > ul > li dl dt .ico2{ display:inline-block; width:72px; height:72px; background:#fff url(../images/common/ico_subway.png) no-repeat 50%; background-size:46px auto; border-radius:100%; }
.contactMap > dd .innerList > li > span > ul > li dl dd{ display:table-cell; }
.contactMap > dd .innerList > li > span > ul > li dl dd strong{ font-size:1.6rem; font-weight:500; }
.contactMap > dd .innerList > li > span > ul > li dl dd ul > li{ position:relative; margin-top:8px; font-size:1.6rem; color:#444; font-weight:500; }
.contactMap > dd .innerList > li > span > ul > li dl dd ul > li .bus{ font-size:1.6rem; color:#444; font-weight:500; line-height:2.2rem; }
.contactMap > dd .innerList > li > span > ul > li dl dd ul > li .bus em{ display:inline-block; height:24px; padding:0 5px; line-height:2.4rem; margin-right:4px; font-size:1.5rem; color:#fff; font-weight:500; text-align:center; background-color:#3952a9; border-radius:3px; border:1px solid #334a97; }
.contactMap > dd .innerList > li > span > ul > li dl dd ul > li .bus em.lineBus{ background-color:#6195c1; border:1px solid #6195c1; }
.contactMap > dd .innerList > li > span > ul > li + li{ margin-top:30px; }
.subway{ position:relative; display:block; padding:5px 0 0 60px; font-size:1.6rem; color:#444; font-weight:500; }
.subway img{ position:absolute; left:0; top:50%; margin-top:-13px; width:46px; height:auto; }


.contactMap > dd .titArea .btnArea a + a{ margin-left:10px; }
.contactMap > dd .titArea .btnLink1{ display:inline-block; height:40px; padding:0 20px; line-height:38px; border-radius:25px; font-size:1.4rem; font-weight:500; color:#fff; text-align:center; background:#eb2826; }
.contactMap > dd .titArea .btnLink1:hover{ background:#c71b29; }
.contactMap > dd .titArea .btnLink2{ display:inline-block; height:40px; padding:0 20px; line-height:38px; border-radius:25px; font-size:1.4rem; font-weight:500; color:#666; text-align:center; border:1px solid #b2b2b2; background:#fff; }
.contactMap > dd .titArea .btnLink2:hover{ border-color:#d81f2f; color:#d81f2f; }

.btnArea .btnLink{ line-height:38px; border:1px solid #eb2826 ; text-align:center; border-radius:25px; font-size:1.4rem; }
.btnArea .btnLink + .btnLink{ margin-left:10px; color:#666; background-color:#fff; }

/* 기업문화 */
.companyArea .boxContent{ padding:78px 0 76px 0; }



.infoBoxlist{ overflow:hidden; padding-top:42px; }
.infoBoxlist:first-child{ padding:80px 0 58px 0; }
.infoBoxlist li{ float:left; width:50%; }
.infoBoxlist li > div{ padding-left:27%; padding-right:7%; }
.infoBoxlist li:first-child > div{ border-right:1px solid #d9d9d9; }
.infoBoxlist li > .ico1{ background:url(../images/common/ico_culture_list1.png) no-repeat 6% 10px; background-size:63px auto; }
.infoBoxlist li > .ico2{ background:url(../images/common/ico_culture_list2.png) no-repeat 6% 10px; background-size:72px auto; }
.infoBoxlist li > .ico3{ background:url(../images/common/ico_culture_list3.png) no-repeat 6% 10px; background-size:66px auto; }
.infoBoxlist li strong{ display:block; font-size:1.8rem; line-height:1.8rem; font-weight:500; text-align:left; }
.infoBoxlist li p{ padding-top:10px; font-size:1.3rem; font-weight:500; color:#666; text-align:left; }
.infoBoxlist + .infoBoxlist{ border-top:1px solid #ddd; }
.infoBoxlist.type2{ padding:56px 0 58px; }
.infoBoxlist.type2 li strong{ color:#d81f2f; }
.infoBoxlist.type2 li em{ display:block; padding-top:22px; font-size:1.4rem; font-weight:500; }
.infoBoxlist.type2 li p{ padding-top:2px; }
.infoBoxlist.type2 li span{ display:block; padding-top:4px; font-size:1.4rem; font-weight:500; color:#999; }
.infoBoxlist.type2 li{ width:100%; }
.infoBoxlist.type2 li div{ border-right:0; }
.infoBoxlist.type2 li .ico1,
.infoBoxlist.type2 li .ico2,
.infoBoxlist.type2 li .ico3{ padding-left:14%; padding-right:2%; }



.infoBoxlist.type3{ padding:35px 0 42px 0; }
.infoBoxlist.type3:first-child{ padding:10px 0 42px 0; }
.infoBoxlist.type3 li:first-child > div{ border-right:0; }
.infoBoxlist.type3 li .ico1{ background:url(../images/common/ico_ethics_list1.png) no-repeat 12% 10px; background-size:55px auto; }
.infoBoxlist.type3 li .ico2{ background:url(../images/common/ico_ethics_list2.png) no-repeat 12% 10px; background-size:52px auto; }
.infoBoxlist.type3 li .ico3{ min-height:68px; background:url(../images/common/ico_ethics_list3.png) no-repeat 12% 10px; background-size:38px auto; }
.infoBoxlist.type3 li .ico4{ background:url(../images/common/ico_ethics_list4.png) no-repeat 12% 10px; background-size:57px auto; }
.infoBoxlist.type3 li .ico5{ background:url(../images/common/ico_ethics_list5.png) no-repeat 12% 10px; background-size:55px auto; }
.infoBoxlist.type3 li .ico6{ background:url(../images/common/ico_ethics_list6.png) no-repeat 12% 10px; background-size:49px auto; }
.infoBoxlist.type3 li .ico7{ background:url(../images/common/ico_ethics_list7.png) no-repeat 12% 10px; background-size:49px auto; }
.infoBoxlist.type3 li .ico8{ background:url(../images/common/ico_ethics_list8.png) no-repeat 12% 10px; background-size:37px auto; }
.infoBoxlist.type3 li .ico9{ background:url(../images/common/ico_ethics_list9.png) no-repeat 12% 10px; background-size:42px auto; }


.infoBoxlist.type4 > li{ float:left; width:33.33%; }
.infoBoxlist.type4{ padding:35px 0 42px 0; }
.infoBoxlist.type4:first-child{ padding:104px 0 42px 0; }
.infoBoxlist.type4 > li:first-child > div{ border-right:0; }



.infoBoxlist.type4 > li .ico1{ background:url(../images/common/ico_evaluation1.png) no-repeat 12% 10px; background-size:54px auto; }
.infoBoxlist.type4 > li .ico2{ background:url(../images/common/ico_evaluation2.png) no-repeat 12% 10px; background-size:auto 53px; }
.infoBoxlist.type4 > li .ico3{ background:url(../images/common/ico_evaluation3.png) no-repeat 11% 10px; background-size:55.5px auto; }
.infoBoxlist.type4 > li .ico4{ background:url(../images/common/ico_evaluation4.png) no-repeat 10% 10px; background-size:63.5px auto; }
.infoBoxlist.type4 > li .ico5{ background:url(../images/common/ico_evaluation5.png) no-repeat 10% 10px; background-size:58px auto;  }
.infoBoxlist.type4 > li .ico6{ background:url(../images/common/ico_evaluation6.png) no-repeat 12% 10px; background-size:48px auto; }
.infoBoxlist.type4 .infoBoxlistInner{ padding-top:10px; }
.infoBoxlist.type4 .infoBoxlistInner li{ position:relative; float:none; width:100%; padding-left:6px; font-size:1.5rem; font-weight:500; color:#666; text-align:left; }
.infoBoxlist.type4 .infoBoxlistInner li + li{ margin-top:5px; }
.infoBoxlist.type4 .infoBoxlistInner li:before{ content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background-color:#666; border-radius:100%; }



/* 윤리경영 */
.ethicsSec1{ width:100%; max-width:1200px; margin:0 auto; border-top:1px solid #d9d9d9; }
.ethicsSec1 .listArea{ padding:10px 0 80px; }
.ethicsSec1 .listArea .row{ display:table; width:100%; margin-top:-10px; }
.ethicsSec1 .listArea .col{ display:table-cell; width:30%; vertical-align:top; }
.ethicsSec1 .listArea .col:nth-child(2n){ width:40%; padding:0 4.3%; vertical-align:middle; }
.ethicsSec1 .listArea .col ul{ margin-top:-40px; }
.ethicsSec1 .listArea .col ul li{ padding:40px 18px 40px 18px; border-top:1px solid #d9d9d9; }
.ethicsSec1 .listArea .col ul li:first-child{ border-top:0; }
.ethicsSec1 .listArea .col ul li strong{ display:block; font-size:2rem; font-weight:500; color:#d81f2f; }
.ethicsSec1 .listArea .col ul li p{ padding-top:4px; font-size:1.4rem; font-weight:500; color:#666; line-height:2rem; }
.ethicsSec1 .listArea .col:nth-child(3n) ul li{ padding:18px 18px 22px 18px; }

.ethicsSec2 .listArea .titImg{ padding:0 31.37%; text-align:center; }
.ethicsSec2 .listArea .titImg img{ /* width:447px; */ width:100%; max-width:100%; }
.ethicsSec2 .listArea .secInner{ text-align:center; }
.ethicsSec2 .listArea .infoIcoList{ display:inline-block; width:100%; margin-top:8px; }
.infoIcoList{ overflow:hidden; margin:0 -47px; }
.infoIcoList li{ float:left; width:33.33%; padding:0 47px; }
.infoIcoList li .inner .desc{ position:relative; padding-top:20px; font-size:1.4rem; font-weight:500; color:#666; line-height:2rem; text-align:center; }
.infoIcoList li .inner .imgBox{ text-align:center; }
.infoIcoList li .inner .imgBox img{ width:213px; height:auto; }
.infoIcoList li:first-child .inner .desc:before{ display:none; }



/* 안전경영 */
.line{ width:100%; height:1px; margin-top:60px; background-color:#e7e7e7; }
.line.type2{ max-width:1200px; margin:0 auto; }
.activityInner li{ padding:40px 0; background-color:#f8f8fa; }
.activityInner li:nth-child(2n){ background-color:#fff; }
.activityInner li .imgAct{ float:left; width:26%; }
.activityInner li .imgAct img{ width:auto; max-width:310px; }
.activityInner li .contAct{ float:left; width:74%; padding-left:76px; margin-top:3%; }
.activityInner li .contAct strong{ display:block; padding-bottom:14px; font-size:2rem; font-weight:700; border-bottom:1px solid #222; }
.activityInner li .contAct p{ padding-top:18px; font-size:1.4rem; font-weight:500; color:#666; line-height:2.2rem; }


/* 품질경영 */
.infoItemList{ overflow:hidden; margin:0 -16px; }
.infoItemList li{ float:left; width:33.33%; padding:0 16px;}
.infoItemList li .inner{ padding:20px 20px 56px; background-color:#fff; border:1px solid #d9d9d9; }
.infoItemList li .inner .titArea{ padding-bottom:24px; font-size:2.2rem; font-weight:500; line-height:2.6rem; }
.infoItemList li .inner .titArea.ico1{ background:url(../images/common/ico_quality1.png) no-repeat right 0; background-size:auto 40px; }
.infoItemList li .inner .titArea.ico2{ background:url(../images/common/ico_quality2.png) no-repeat right 0; background-size:auto 40px; }
.infoItemList li .inner .titArea.ico3{ background:url(../images/common/ico_quality3.png) no-repeat right 0; background-size:auto 42px; }
.infoItemList li .inner p{ padding-top:18px; border-top:1px solid #d9d9d9; font-size:1.4rem; font-weight:500; line-height:2rem; color:#666; }
.qualityArea .infoItemList li .inner{ height:218px; }


/* 사회공헌활동 */
.activityList{ /* background-color:#f8f8fa; */ }
.activityList:nth-child(2n+1){ background-color:#fff; }
.activityList .inner{ overflow:hidden; padding:25px 0 95px 0; border-top:1px solid #111; }
.activityList .inner .cont{ float:left; width:50%; }
.activityList .inner .cont h5{ padding:10px 0 19px 60px; font-size:2.4rem; font-weight:500; line-height:3.2rem; }
/* .activityList .inner .cont p{ padding-top:18px; border-top:1px solid #222; font-size:1.5rem; font-weight:500; line-height:2.2rem; } */
.activityList .inner .cont h5.ico1{ background:url(../images/common/ico_activity1.png) no-repeat 0 8px; background-size:auto 40px; }
.activityList .inner .cont h5.ico2{ background:url(../images/common/ico_activity2.png) no-repeat 0 25px; background-size:40px auto; }
.activityList .inner .cont h5.ico3{ background:url(../images/common/ico_activity3.png) no-repeat 0 15px; background-size:37.5px auto; }
.activityList .inner .cont h5.ico4{ background:url(../images/common/ico_activity4.png) no-repeat 0 7px; background-size:40px auto; }
.activityList .inner .cont h5.ico5{ background:url(../images/common/ico_activity5.png) no-repeat 0 4px; background-size:39.5px auto; }
/* 2019-02-20 css 추가*/
.activityList .inner .cont-desc{ float:left; width:50%; margin-top:20px; padding-left:20px; }
.activityList .inner .cont-desc li{ position:relative; font-size:1.6rem; padding-left:15px; margin-top:7px; }
.activityList .inner .cont-desc li:first-child{ margin-top:0; }
.activityList .inner .cont-desc li:before{ content:""; position:absolute; top:9px; left:0; width:2px; height:2px; background-color:#898989; }
.subTitArea.subTitAreaGap{ padding-bottom:55px; }



/* 평가 보상 */
.evaluationArea .boxContent{ padding:80px 0; }
.evaluationArea .subDescBox{ margin-top:0; }
.evaluationArea .subDescBox dt{ width:30%; }
.evaluationArea .subDescBox dd{ width:70%; }


/* 직무소개 */
.infoItemList.type2{ margin-top:-20px; }
.infoItemList.type2 li{ width:50%; margin-top:20px; }
.infoItemList.type2 li .inner{ height:230px; }
.infoItemList li .inner .titArea strong{ display:block; padding-top:6px; font-size:1.4rem; color:#999; font-weight:500; }



.infoItemList.type2 li .inner .titArea.ico1{ background:url(../images/common/ico_team1.png) no-repeat right 0; background-size:auto 63px; }
.infoItemList.type2 li .inner .titArea.ico2{ background:url(../images/common/ico_team2.png) no-repeat right 0; background-size:auto 64px; }
.infoItemList.type2 li .inner .titArea.ico3{ background:url(../images/common/ico_team3.png) no-repeat right 0; background-size:auto 58px; }
.infoItemList.type2 li .inner .titArea.ico4{ background:url(../images/common/ico_team4.png) no-repeat right 0; background-size:auto 58px; }
.infoItemList.type2 li .inner .titArea.ico5{ background:url(../images/common/ico_team5.png) no-repeat right 0; background-size:auto 55.5px; }
.infoItemList.type2 li .inner .titArea.ico6{ background:url(../images/common/ico_team6.png) no-repeat right 0; background-size:auto 58.5px; }
.infoItemList.type2 li .inner .titArea.ico7{ background:url(../images/common/ico_team7.png) no-repeat right 0; background-size:auto 61.5px; }
.infoItemList.type2 li .inner .titArea.ico8{ background:url(../images/common/ico_team8.png) no-repeat right 0; background-size:auto 55.5px; }
.infoItemList.type2 li .inner .titArea.ico9{ background:url(../images/common/ico_team9.png) no-repeat right 0; background-size:auto 52.5px; }
.infoItemList.type2 li .inner .titArea.ico10{ background:url(../images/common/ico_team10.png) no-repeat right 0; background-size:auto 62.5px; }




.schView{ margin-top:10px; border-top:2px solid #dc3846; }
.schView li{ overflow:hidden; padding:18px 0; border-bottom:1px solid #e3e3e3; }
.schView li .titArea{ float:left; }
.schView li .btnArea{ float:right; overflow:hidden; }
.schView li .titArea em{ font-size:1.3rem; color:#999; font-weight:500; }
.schView li .titArea strong a{ display:block; font-size:1.8rem; font-weight:700; }
.schView li .titArea strong a:hover{ color:#d81f2f; }
.schView li .btnArea a{ position:relative; float:left; padding-left:34px; font-size:1.4rem; color:#666; font-weight:500; line-height:40px; }
.schView li .btnArea a:hover{ color:#d81f2f; }
.schView li .btnArea a.ico1{ background:url(../images/common/ico_pdf.png) no-repeat 0 50%; background-size:27px auto; }
.schView li .btnArea a + a{ margin-left:28px; }
.schView li .btnArea a + a:before{ content:''; position:absolute; left:-15px; top:12px; bottom:10px; width:1px; background-color:#d3d3d3; }


.schListDesc{ margin-top:18px; padding-left:24px; font-size:1.4rem; color:#666; font-weight:500; background:url(../images/common/bl_list_desc.png) no-repeat 0 0; background-size:18px auto; }
.schListDesc strong{ font-size:1.4rem; color:#d81f2f; font-weight:500; }




/* 뉴스게시판 */
.newsBoard{ margin-top:10px; border-top:2px solid #d81f2f; }
.newsBoard .list > li{ padding:22px 22px 24px 22px; border-bottom:1px solid #d9d9d9; }
.newsBoard .list > li .cont{ display:table; width:100%; }
.newsBoard .list > li .cont dt{ display:table-cell; vertical-align:middle; }
.newsBoard .list > li .cont dd{ display:table-cell; width:240px; padding-left:60px; vertical-align:middle; }
.newsBoard .list > li .cont dd img{ max-width:360px; }
.newsBoard .list > li .cont dt .tit{ font-size:1.8rem; color:#444; font-weight:700; line-height:2.2rem; }
.newsBoard .list > li .cont dt .desc{ padding-top:10px; font-size:1.4rem; color:#666; font-weight:500; line-height:2.2rem; word-break:break-all; }
.newsBoard .list > li .cont dt .date{ padding-top:24px; }
.newsBoard .list > li .cont dt .date span{ font-size:1.4rem; color:#999; font-weight:500; }
.newsBoard .list > li .cont dt .date a{ font-size:1.4rem; color:#999; font-weight:500; }
.newsBoard .list > li .cont dt .date a:hover{ color:#d81f2f }
.newsBoard .list > li .cont dt .date strong{ position:relative; padding-left:14px; margin:0 2px 0 14px; font-size:1.4rem; color:#999; font-weight:500; }
.newsBoard .list > li .cont dt .date strong:before{ content:''; position:absolute; left:0; top:3px; bottom:0; width:1px; background-color:#d9d9d9; }

.newsView .titArea{ padding:30px 0; border-top:2px solid #d81f2f; border-bottom:1px solid #d9d9d9; }
.newsView .titArea h4{ font-size:2.2rem; line-height:2.6rem; text-align:center; font-weight:500; }
.newsView .titArea em{ display:block; padding-top:6px; font-size:1.6rem; text-align:center; font-weight:500; color:#999; }
.newsView .cont{ padding:36px 0 78px 0; border-bottom:1px solid #d9d9d9; }
.newsView .cont p{ font-size:1.6rem; line-height:2.2rem; color:#666; text-align:center; }
.newsView .cont .irTable{ border-left:1px solid #d9d9d9; border-top:1px solid #da2d3d; }
.newsView .cont .irTable tbody th{ font-size:1.4rem; font-weight:bold; background-color:#f0f0f0; }
.newsView .cont .irTable tbody td{ font-size:1.4rem; }
.newsView .cont .irTable tbody th,
.newsView .cont .irTable tbody td{ padding:5px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } 
.newsView .cont h5{ font-size:1.8rem; color:#666; text-align:center; }
.newsView .cont .imgBox{ margin-top:60px; text-align:center; }
.newsView .cont .imgBox img{ width:auto; }


.newsView .btnArea{ overflow:hidden; margin-top:30px; }
.moveBtn{ float:left; }
.moveBtn a{ display:inline-block; width:50px; height:50px; border:1px solid #d9d9d9; border-radius:100%; }
.moveBtn a.prev{ background:url(../images/common/btn_news_prev.png) no-repeat 50%; background-size:19px auto; }
.moveBtn a.next{ background:url(../images/common/btn_news_next.png) no-repeat 50%; background-size:19px auto; margin-left:8px; }
.moveBtn a:hover{ border-color:#d8002c; }
.btnRound{ float:right; display:inline-block; min-width:166px; height:50px; line-height:4.8rem; padding:0 30px; border:1px solid #d8002c; font-size:1.6rem; color:#d8002c; font-weight:500; border-radius:50px; text-align:center; }
.btnRound:hover{ color:#fff; background-color:#d8002c; }



.certificationArea ul{ overflow:hidden; padding:0 7.4%; margin:0 5.4%; }
.certificationArea ul li{ float:left; width:50%; padding:0 5.4%; }
.certificationArea ul.depth1 li{ width:100%; padding:0px 30.5%; }
.certificationArea ul.depth2 li{ width:50%; }
.certificationArea ul.depth3 li{ width:33.33%; }
.certificationArea ul li .imgBox{ position:relative; text-align:center; }
.certificationArea ul li .imgBox .btnNewsMore{ position:absolute; bottom:30px; left:50%; margin-left:-20px; }
.certificationArea ul li .txt{ margin-top:10px; }
.certificationArea ul li .txt strong{ display:block; font-size:2rem; color:#d81f2f; text-align:center; font-weight:500; }
.certificationArea ul li .txt p{ font-size:1.4rem; color:#444; text-align:center; }
.subItemInfo .secInner .imgBox{ margin-top:48px; }
.subItemInfo .secInner .imgBox img{ width:auto; }

.icoListArea{ margin-top:72px; border-top:1px solid #ebebeb; }
.icoList{ overflow:hidden; padding:84px 0; }
.icoList li{ position:relative; float:left; width:33.33%; text-align:center; border-left:1px solid #e1e1e1; }
.icoList li:first-child{ border-left:0; }

.icoList li > div{ display:inline-block; padding:16px 0 16px 102px; }
.icoList li > div strong{ display:block; font-size:2.2rem; font-weight:500; text-align:left; }
.icoList li > div p{ font-size:1.6rem; line-height:2rem; font-weight:500; color:#666; text-align:left; }
.icoList li .ico1{ background:url(../images/common/ico_safety1.png) no-repeat 0 50%; background-size:76px 58px; }
.icoList li .ico2{ background:url(../images/common/ico_safety2.png) no-repeat 0 50%; background-size:74px 59px; }
.icoList li .ico3{ background:url(../images/common/ico_safety3.png) no-repeat 16px 50%; background-size:70px 61px; }


/* ceo 인사말 */
.ceoBox{ background:url(../images/common/bg_pattern_ceobox.png) repeat 50%; }
.ceoBox .imgBox{ text-align:right; }
.ceoBox .imgBox img{ width:80%; }
.ceoBox .secInner{ position:relative; width:100%; }
.ceoBox .imgArea{ position:absolute; right:0; bottom:0; }
.ceoBox .secInner .desc{ padding:104px 38% 84px 0; }
.ceoBox .secInner .desc .tit span{ font-size:2.2rem; line-height:3.6rem; }
.ceoBox .secInner .desc .tit strong{ font-size:2rem; font-weight:500; line-height:3.4rem; }
.ceoBox .secInner .desc p{ padding-top:30px; font-size:1.4rem; color:#444; line-height:3rem; }
.ceoBox.mb{ display:none; }


.introduceArea .imgDescArea{ overflow:hidden; margin-top:66px; }
.introduceArea .imgDescArea .imgBox{ float:left; width:50%; padding-right:20px; }
.introduceArea .imgDescArea .descArea{ float:left; width:50%; padding-left:20px; }
.introduceArea .imgDescArea .descArea .sign{ margin-top:60px; text-align:right; }
.introduceArea .imgDescArea .descArea .sign .name{ margin-top:22px; font-size:3rem; color:#444; font-weight:700; }
.introduceArea .imgDescArea .descArea .sign .name em{ margin-right:10px; font-size:1.8rem; color:#444; font-weight:500; }
.introduceArea .imgDescArea .descArea .sign .name br{ display:none; }
.introduceArea .desc{ font-size:1.6rem; color:#444; line-height:2.6rem; }

.subItemInfo .titS{ padding-top:32px; font-size:2.8rem; font-weight:500; }
.ceoContArea{ background-color:#f8f8fa; }
.ceoContList{ overflow:hidden; padding:60px 0; }
.ceoContList > li{ float:left; width:50%; padding-left:3.4% }
.ceoContList > li:first-child{ padding-right:3.4%; padding-left:0; }
.ceoContList > li .tit{ float:left; width:40%; padding-right:30px; font-size:2rem; font-weight:500; }
.ceoContList > li .box{ float:left; width:60%; height:248px; padding:30px 24px 35px 24px; border:1px solid #e4e4e5; background-color:#fff; }
.ceoContList > li .box .name{ padding-bottom:10px; font-size:1.6rem; font-weight:500; border-bottom:1px solid #d9d9d9; }
.ceoContList > li .box .name em{ font-size:1.4rem; font-weight:500; color:#666; }
.ceoContList > li .box .date{ display:block; padding-top:16px; font-size:1.4rem; font-weight:500; }
.ceoContList > li .box .date strong{ font-size:1.5rem; font-weight:500; }
.ceoContList > li .box .cont{ padding-top:14px; }
.ceoContList > li .box .cont li{ position:relative; padding-left:10px; font-size:1.5rem; font-weight:500; }
.ceoContList > li .box .cont li + li{ margin-top:4px; }
.ceoContList > li .box .cont li:before{ content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background-color:#222; border-radius:100%; }
.ceoContList > li .box .cont li.blNone:before{ background-color:#fff; }
.ceoContList + .ceoContList{ border-top:1px solid #d9d9d9; }
.ceoContList:last-child{ padding-bottom:120px; }



/* 네트워크 */
.networkArea .list{ overflow:hidden; margin:-60px -10px 0 -10px; }
.networkArea .list > li{ float:left; width:33.33%; padding:0 10px; margin-top:60px; }
.networkArea .list > li .inner{ border:1px solid #d9d9d9; }
.networkArea .list > li .inner .infoArea{ padding:18px 16px; height:264px; }
.networkArea.type2 .list > li .inner .infoArea{ height:auto; }
.networkArea .list > li .inner .infoArea .titArea{ padding-bottom:12px; border-bottom:1px solid #999; }
.networkArea .list > li .inner .infoArea .titArea em{ display:inline-block; width:62px; height:24px; line-height:2.2rem; border:1px solid #d81f2f; border-radius:20px; font-size:1.4rem; color:#d81f2f; text-align:center; font-weight:500; }
.networkArea .list > li .inner .infoArea .titArea strong{ display:block; margin-top:4px; font-size:2rem; font-weight:500; }
.networkArea .list > li .inner .infoArea .desc{ padding-top:12px; font-size:1.3rem; color:#444; font-weight:500; line-height:1.8rem; letter-spacing:-.8px; min-height:52px; }
.networkArea .list > li .inner .infoArea .addr{ font-size:1.4rem; color:#666; font-weight:500; line-height:1.8rem;}
.networkArea .list > li .inner .infoArea .num{ overflow:hidden; padding-top:12px; }
.networkArea .list > li .inner .infoArea .num li{ position:relative; float:left; padding-left:10px; margin-left:10px; font-size:1.4rem; color:#666; font-weight:500; }
.networkArea .list > li .inner .infoArea .num li:before{ content:''; position:absolute; left:0; top:4px; bottom:0; width:1px; background-color:#ccc; }
.networkArea .list > li .inner .infoArea .num li:first-child{ padding-left:0; margin-left:0; }
.networkArea .list > li .inner .infoArea .num li:first-child:before{ display:none; }
.networkArea .list > li .inner .infoArea .num li strong{ padding-right:6px; font-size:1.4rem; font-weight:500; }

.networkArea .list > li .inner .infoArea .job{ overflow:hidden; padding-top:10px; min-height:52px; }
.networkArea .list > li .inner .infoArea .job li{ margin:2px 0; font-size:1.3rem; font-weight:500; color:#444; }
.networkArea .list > li .inner .infoArea .job li:first-child{ margin-right:10px; }
.networkArea .list > li .inner .infoArea .job li strong{ display:inline-block; padding:2px 5px; font-size:1.2rem; color:#fff; border-radius:3px;  background-color:#d81f2f; }





/* ci */
.ciBoxArea{overflow:hidden; padding-top:72px; padding-bottom:80px; border-top:1px solid #ebebeb;}
.ciBoxArea:first-child{padding-top:26px; border-top:0;}
.ciBoxArea > li{float:left; width:47.6%; margin:0 0 0 2.4%;}
.ciBoxArea > li:first-child{margin:0 2.4% 0 0;}
.ciBoxArea > li .tit{margin-bottom:24px; font-size:2rem; font-weight:800;}
.ciBoxArea > li h5.tit{ margin-bottom:10px; font-size:1.8rem; font-weight:500; color:#d81f2f; }
.ciBoxArea > li .desc{ min-height:38px; font-size:1.4rem; font-weight:500; color:#444; }
.ciBoxArea + .subBtnArea{ padding:0; text-align:center;}
.ciBoxArea.type2 + .ciBoxArea.type2{ padding-top:0; border-top:0; }
.ciBoxArea.type2 + .ciBoxArea.type2 li:first-child h5.tit{ margin-top:0; }

.patternBox{width:100%; border:1px solid #ddd; text-align:center; background:url(../images/common/bg_ci_pattern.png) repeat 0 0; }
.patternBox img{width:100%;}
.colorSystem{ overflow:hidden; margin-top:14px; }
.colorSystem > li{ float:left; width:50%; padding-left:10px; }
.colorSystem > li:first-child{ padding-right:10px; padding-left:0; }
.colorSystem li h5{height:58px; line-height:57px; padding:0 27px; font-size:16px; font-weight:700; color:#fff; }
.colorSystem li ul{ padding:26px 7.8%;background-color:#f8f8f8;}
.colorSystem li ul li{ display:table; width:100%; padding:5px 0; font-size:1.4rem; color:#666;}
.colorSystem li ul li span{ display:table-cell; font-size:1.3rem; color:#666; }
.colorSystem li ul li span:first-child{ width:48%; padding-right:10px; }
.colorSystem .box1 h5{ background-color:#ea002c; }
.colorSystem .box2 h5{ background-color:#f57828; }
.colorSystem .box3 h5{ background-color:#000; }
.colorSystem .box4 h5{ background-color:#808080; }



.tableStyle2{ width:100%; border-top:2px solid #da2d3d; table-layout:fixed; }
.tableStyle2 thead th{ height:46px; padding:5px 3px; font-size:1.6rem; font-weight:500; line-height:1.8rem; color:#444; text-align:center; border-bottom:1px solid #d9d9d9; background-color:#fff; }
.tableStyle2 thead tr:first-child th:first-child{ border-left:0; }
.tableStyle2 tbody tr td.fst{border-left:1px solid #d9d9d9;}
.tableStyle2 tbody th{ height:46px; font-size:1.6rem; line-height:1.8rem; font-weight:500; text-align:center; border-bottom:1px solid #d9d9d9; background-color:#fff; }
.tableStyle2 tbody th{font-size:1.6rem; font-weight:500;}
.tableStyle2 tbody td{ height:46px; font-size:1.6rem; line-height:1.8rem; color:#666; font-weight:500; text-align:center; border-bottom:1px solid #d9d9d9; }
.tableStyle2 tbody .subject{display:block; max-width:100%; font-size:1.6rem; font-weight:500; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tableStyle2 tbody .subject:hover{color:#da2d3d;}
.tableStyle2 tbody .date{ font-size:1.4rem; }
.stateBox{display:inline-block; width:70px; height:30px; line-height:30px; font-size:1.6rem; font-weight:500; color:#fff; text-align:center;}
.stateBox.colorR{background-color:#d81f2f;}
.stateBox.colorB{background-color:#222;}
.stateBox.colorG{background-color:#999;}
.stateBox.colorY{background-color:#f48123;}

/* HR 제도 */
.capacityBoxArea{ position:relative; padding:0 9.3%;}
.capacityBoxArea img{width:100%;}
.capacityBox{ position:absolute; }
.capacityBox h4{display:none; font-size:2rem; font-weight:500; color:#222; text-align:left;}
.capacityBox ul{ text-align:left; }
.capacityBox ul li{ position:relative; padding-left:15px; font-size:1.4rem; font-weight:700; color:#444; line-height:2.4rem; letter-spacing:-0.8px}
.capacityBox ul li:before{ content:'ㆍ'; position:absolute; left:-1px; top:1px; color:#868686;}
.capacityBox.textBox1{ right:20%; top:1.75%; }
.capacityBox.textBox2{ left:7.5%; top:37%; }
.capacityBox.textBox3{ right:8%; bottom:21.6%; }

/* 고객문의 */
.tableStyle tbody .eMailArea select{ width:180px; margin-left:10px; font-size:1.4rem; color:#666;}
.tableStyle tbody .eMailArea select option{ color:#666; }
.tableStyle tbody .eMailArea em{ padding:0 6px; font-size:1.4rem; font-weight:500; color:#666;}
.tAreaTxt{overflow:hidden; padding:18px 0 6px; }
.tAreaTxt p{float:left; font-size:1.4rem; color:#d81f2f; }
.tAreaTxt span{float:right; font-size:1.4rem; font-weight:500; color:#666; }
.tAreaTxt span em{font-size:1.4rem; font-weight:500; color:#666; }
.filebox input[type="file"] { position:absolute; width:0; height:0; padding:0; margin:0; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.filebox label { display:inline-block; width:85px; height:34px; line-height:34px; margin-left:5px; font-size:1.4rem; color:#fff; text-align:center; background-color:#666; cursor:pointer; }
.filebox label:hover{background-color:#999;}
.agreeArea + .subBtnArea{padding-top:60px; text-align:center;}

.agreeBox{ overflow-y:auto; height:354px; padding:24px 28px; border:1px solid #d9d9d9; border-top:1px solid #d81f2f; }
.agreeBox h4{ line-height:24px; font-size:1.4rem; font-weight:500; color:#666; }
.agreeBox h5{ margin-top:10px; line-height:24px; font-size:1.4rem; font-weight:500; color:#666; }
.agreeBox p{ margin-top:10px; line-height:24px; font-size:1.4rem; font-weight:500; color:#666; }
.agreeBox ul{ position:relative; padding-left:8px; margin-top:10px; line-height:24px; font-size:1.4rem; font-weight:500; color:#666; }
.agreeBox ul li{ position:relative; padding-left:8px; line-height:24px; font-size:1.4rem; font-weight:500; color:#666; }
.agreeBox ul li a{ font-size:inherit; font-weight:inherit; color:inherit; }
.agreeBox ul li:before{ content:'-'; position:absolute; left:0; top:0px;}


.agreeChk { padding:16px 0; border:1px solid #d9d9d9; border-top:0; text-align:center; background-color:#f8f8fa; }
.agreeChk label{ font-size:1.6rem; font-weight:500; color:#222; vertical-align:0.3px; }
.filebox .upload-name{ width:44%; }

/* 스타일 체크박스 */
input[type="checkbox"].styleChk{display:none;}
input[type="checkbox"].styleChk + label span {display:inline-block; width:25px; height:24px; margin:-2px 10px 0 0; vertical-align:middle; background:url(../images/common/inputList.png)no-repeat -2px center; background-size:auto 24px; cursor:pointer;}
input[type="checkbox"].styleChk:checked + label span {background:url(../images/common/inputList.png) no-repeat -27px center; background-size:auto 24px; }


/* 문의 모바일 */
.mbInquiry{ border-top:2px solid #d81f2f; }
.mbInquiry li{ position:relative; padding:14px 7px; border-bottom:1px solid #e9e9e9 }
.mbInquiry li > label{ display:block; margin-bottom:10px; font-size:1.6rem; color:#444; }
.mbInquiry li > label + span{ position:absolute; right:8px; top:20px; font-size:1.4rem; font-weight:500; color:#666; }
.mbInquiry li > label + span em{ font-size:1.4rem; font-weight:500; color:#666; }
.mbInquiry li input{width:100%; height:38px; }
.mbInquiry li select{width:100%; height:38px; }

.mbInquiry li .tAreaTxt{ padding-top:13px; }
.mbInquiry li .filebox input{ width:67%; }
.mbInquiry li .filebox label{ display:inline-block; width:30%; height:38px; line-height:38px; margin-left:2%; font-size:1.6rem; color:#fff; vertical-align:-1.5px; }
.mbInquiry li .filebox label:hover{background-color:#999;}




/* FAQ */
.faq{border-top:1px solid #d81f2f;}
.faq dt{position:relative; width:100%; padding:25px 0 22px 87px; border-bottom:1px solid #d9d9d9; font-size:1.8rem; font-weight:500; color:#444; cursor:pointer; letter-spacing:-0.9px;}
.faq dt:before{content:'Q'; position:absolute; left:49px; top:15px; font-size:2.5rem; font-weight:500; color:#b9b9b9;}
.faq dt:after{content:''; position:absolute; right:44px; top:50%; width:22px; height:11px; margin-top:-5.5px;  background:url(../images/common/ico_faq_arr_down.png) no-repeat 50%; background-size:22px auto; }

.faq dd{display:none; position:relative; background-color:#f8f8fa;}
.faq dd{padding:22px 0 24px 89px; line-height:24px; font-size:1.4rem; font-weight:500; color:#222; letter-spacing:-0.75px;}
.faq dd:before{content:'A'; position:absolute; left:50px; top:21px; font-size:2.5rem; font-weight:500; color:#222;}
.faq dt.active{border-bottom:0; color:#d81f2f}
.faq dt.active:before{color:#d81f2f}
.faq dt.active:after{background-image:url(../images/common/ico_faq_arr_up.png);}

.tableStyle.type2 thead th strong{font-size:2rem; font-weight:500; color:#444;}
.tableStyle.type2 tbody td{padding:5px 2.5%; }
.tableStyle.type2 tbody .focus th,
.tableStyle.type2 tbody .focus td{font-size:1.6rem; font-weight:500; color:#d81f2f; background-color:#f8f8fa;}

/* 주가정보 */
.tabs02.type2{ padding-bottom:14px; text-align:center; border-width:0 0 1px 0; }
.tabs02.type2 li{ display:inline-block; float:none; position:relative; width:auto; height:auto; line-height:inherit; padding:0 26px; border:none; font-size:2rem; font-weight:700; color:#ccc; cursor:pointer;}
.tabs02.type2 li:before{ content:''; position:absolute; left:0; top:8px; bottom:5px; width:1px; background-color:#e5e5e5;}
.tabs02.type2 li:first-child:before{ display:none; }
.tabs02.type2 li.tabs_on02{ font-weight:700; color:#d81f2f; background-color:transparent;}
.tabs02.type2 li:hover,
.tabs02.type2 li.tabs_on02{ font-weight:700; color:#d81f2f; background-color:transparent;}
.tabs02.type2 li:hover:after,
.tabs02.type2 li.tabs_on02:after{ content:''; position:absolute; left:26px; bottom:-15px; right:26px; height:1px; background-color:#d81f2f; }

/* 내부정보관리규정 */
.ruleArea{ overflow:hidden; }
.ruleArea .imgBox{ float:left; width:50%; padding:0 0 0 16.5%; }
.ruleArea .imgBox img{ width:301px }
.ruleArea .descArea{ float:left; width:50%; font-size:2.6rem; font-weight:500; color:#222;}
.ruleArea .tit{margin-top:36px; line-height:32px; font-size:2.6rem; font-weight:500; color:#222; letter-spacing: -1.3px;}
.ruleArea .desc{ margin-top:24px; font-size:1.6rem; color:#444; line-height:2.4rem; }
.btnDown.pdf{margin-top:90px; padding:14px 65px;}
.btnDown.pdf span{background:url(../images/common/btn_pdf.png) no-repeat 100% 50%/19px auto; }


/* 공시자료 */
.graph{ overflow-x:auto; text-align:center; }
.graph img{ width:100%; max-width:100%; }
.graph iframe{ display:inline-block; }


/* 주가정보 *//* 
.jobsBox{ text-align:center; }
.jobsBox iframe{ display:inline-block; } */
.jobsBox{ margin-top:60px; }



/* 채용공고 */
.mbNotice{border-top:2px solid #d81f2f;}
.mbNotice li{padding:20px 10px; border-bottom:1px solid #d9d9d9;}
.mbNotice li h4{font-size:2rem;}
.mbNotice li a{ display:block; font-size:1.8rem; color:#666; }
.mbNotice li a:hover{ color:#d81f2f; }
.mbNotice li .date{ overflow:hidden; line-height:28px; margin-top:20px;}
.mbNotice li .date em{font-size:1.6rem; color:#666;  vertical-align:middle;}
.mbNotice li .date .stateBox{float:right; font-size:1.5rem;  vertical-align:middle;}

/* 개인정보취급방침 */
.recruitArea .subDescBox{padding-top:70px; margin-top:0;}
.recruitArea .subDescBox dt{ width:19%; }
.recruitArea .subDescBox dd{ width:81%; padding:5px 0 6px 6%; font-size:1.4rem; }
.recruitArea .subDescBox dd p{ line-height:23px; font-size:1.4rem; }
.recruitArea .subDescBox dd h4{ font-size:1.4rem; font-weight:500; }
.recruitArea .subDescBox dd h4 + p{ margin-top:8px; }
.recruitArea .subDescBox dd .stepLists > li{ margin-top:22px;  }
.recruitArea .subDescBox dd .stepLists > li:first-child{ margin-top:0;  }
.recruitArea .subDescBox dd .stepLists > li .blList{ margin-top:9px; }
.recruitArea .subDescBox dd .stepLists > li .blList li{ margin-top:0; }
.recruitArea .subDescBox dd .stepLists > li .blList li a{ font-size:1.4rem; color:#444; }


/* PR */
.newInfoArea{ overflow:hidden; padding-top:60px; border-top:1px solid #d9d9d9; }
.newInfoArea .info{ float:left; width:50%; padding:0 5%; }
.newInfoArea .info .tit{ font-size:2.4rem; font-weight:500; }
.newInfoArea .info .inner{ margin-top:25px; border:1px solid #d9d9d9; }
.newInfoArea .info .inner .video{ position:relative; }
.newInfoArea .info .inner .viewBox strong{ position:absolute; left:40px; bottom:36px; font-size:2rem; font-weight:500; color:#fff; }
.newInfoArea .info .inner .viewBox img{ width:100%; max-width:100%; }
.newInfoArea .info .inner .btnPrLink{ overflow:hidden; border-top:1px solid #d9d9d9; }
.newInfoArea .info .inner .btnPrLink li{ float:left; width:33.33%; }
.newInfoArea .info .inner .viewBox + .btnPrLink li{ width:33.333%; }
.newInfoArea .info .inner .btnPrLink li a{ display:block; height:54px; border-left:1px solid #d9d9d9; text-align:center; }
.newInfoArea .info .inner .btnPrLink li:first-child a{ border-left:0; }
.newInfoArea .info .inner .btnPrLink li a em{ display:inline-block; line-height:54px; padding-left:24px; font-size:1.6rem; font-weight:500; color:#444; background:url(../images/common/ico_pr_down.png) no-repeat 0 50%; background-size:14px auto; }
.newInfoArea .info .inner .btnPrLink.viewList li a em{ background:url(../images/common/ico_pr_play.png) no-repeat 0 50%; background-size:18px auto; }
.newInfoArea .info .inner .btnPrLink.viewList li a:hover em{ background:url(../images/common/ico_pr_play_on.png) no-repeat 0 50%; background-size:18px auto; }
.newInfoArea .info .inner .btnPrLink.viewList li.on a em{ background:url(../images/common/ico_pr_play_on.png) no-repeat 0 50%; background-size:18px auto; }
.newInfoArea .info .inner .btnPrLink li a:hover,
.newInfoArea .info .inner .btnPrLink li.on a{ background-color:#d81f2f; }
.newInfoArea .info .inner .btnPrLink li.on a em{ color:#fff; }
.newInfoArea .info .inner .btnPrLink li a:hover em{ color:#fff; background:url(../images/common/ico_pr_down_on.png) no-repeat 0 50%; background-size:14px auto; }



/* 구글 맵 */
.google-maps{ overflow:hidden; position:relative; height:0; padding-bottom:75%; }
.google-maps iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }


/* 인재상 */
.talentArea .talentInner .talentList > li{ width:100%; padding:84px 0 62px 28.3%; border-top:1px solid #d9d9d9; background:url(../images/common/ico_evaluation8.png) no-repeat 13.2% 69px; background-size:145px auto; }
.talentArea .talentInner .talentList > li:first-child{ border-top:0; background:url(../images/common/ico_evaluation7.png) no-repeat 13.3% 73px; background-size:145px auto; }
.talentArea .talentInner .talentList > li h4{ font-size:2.2rem; font-weight:500; color:#dc3543; }
.talentArea .talentInner .talentList > li p{ margin-top:8px; font-size:1.8rem; color:#222; }
.talentArea .talentInner .talentList > li .talentCont{ overflow:hidden; margin-top:48px; }
.talentArea .talentInner .talentList > li .talentCont li{ float:left; width:50%; }
.talentArea .talentInner .talentList > li .talentCont li h5{ font-size:2rem; font-weight:500; }
.talentArea .talentInner .talentList > li .talentCont li p{ margin-top:10px; font-size:1.5rem; color:#666; } 



/* 기업문화 */
.cultureBoxArea{ padding:46px 0 74px; }
.cultureBoxArea + .cultureBoxArea{ padding:106px 0 74px; }
.cultureCont{ overflow:hidden; }
.cultureCont > li{ float:left; width:50%; padding-right:3.5%; }
.cultureCont > li:last-child{ float:left; padding-left:3.5%; padding-right:0; }
.cultureCont > li .imgCont .tit{ padding-top:200px; font-size:4rem; color:#d81f2f; font-weight:500; line-height:5.4rem; text-align:center; }
.cultureCont > li .imgCont .tit.ico1{ background:url(../images/common/ico_company1.png) no-repeat 50% 30px; }
.cultureCont > li .imgCont .tit.ico2{ background:url(../images/common/ico_company2.png) no-repeat 50% 0; }
.cultureCont > li .imgCont .tit.ico3{ background:url(../images/common/ico_company3.png) no-repeat 50% 16px; }
.cultureCont > li .imgCont .desc{ padding-top:14px; font-size:1.6rem; color:#222; line-height:2.4rem; font-weight:500; text-align:center; }
.cultureCont > li .subContArea .tit{ position:relative; font-size:2rem; color:#d81f2f; font-weight:700; }
.cultureCont > li .subContArea .tit:after{ content:''; display:inline-block; width:70px; height:2px; margin-left:15px; background-color:#d81f2f; vertical-align:middle; }
.cultureCont > li .subContArea .subCont{ margin-top:64px; }
.cultureCont > li .subContArea .subCont li + li{ margin-top:40px; }
.cultureCont > li .subContArea .subCont li strong{ display:block; font-size:1.6rem; color:#222; font-weight:500; line-height:2.2rem; }
.cultureCont > li .subContArea .subCont li p{ padding-top:6px; font-size:1.4rem; color:#666; font-weight:500; line-height:2.2rem; }
.cultureCont > li .subContArea .subCont li em{ display:block; padding-top:2px; font-size:1.4rem; color:#999; font-weight:500; }
.cultureBoxArea.type2{ background-color:#f8f8fa; }
.cultureBoxArea.type2 .cultureCont > li{ float:right; padding-left:3.5%; padding-right:0; }
.cultureBoxArea.type2 .cultureCont > li:last-child{ float:left; padding-right:3.5%; padding-left:0; }



/* 채용공고 - 데이터없음 */
.dataNo { 
	font-size:2.6rem;
	color:#999;
	text-align:center;
	background:url('../images/common/careers_icon01.png') no-repeat 50% 0;
	padding-top:100px;
	margin:100px 0;
}
.careersNo { 
	font-size:2.6rem;
	color:#999;
	text-align:center;
	background:url('../images/common/careers_icon02.png') no-repeat 50% 0;
	padding-top:100px;
	margin:100px 0;
}

/* 전자공고 */
.newsView.type2 .titArea{ position:relative; padding:30px 0 80px 0; }
.fileLink{ position:absolute; right:0; bottom:20px; }
.fileLink li{ float:left; margin-left:26px; }
.fileLink li:first-child{ margin-left:0; }
.fileLink li a{ position:relative; display:inline-block; padding-left:34px; font-size:1.4rem; color:#666; font-weight:500; line-height:40px; background:url(../images/common/ico_pdf.png) no-repeat 0 50%; background-size:27px auto; }
.fileLink li a:hover{ color:#d81f2f; }
.fileLink li + li a:before{ content:''; position:absolute; left:-15px; top:12px; bottom:10px; width:1px; background-color:#d3d3d3; }


/* 사업정보 */
.businessImg .secInner{  border-top:1px solid #d9d9d9; }
.businessImg h5{ padding-top:60px; font-size:2.8rem; color:#d81f2f; font-weight:500; text-align:center; line-height:3.4rem; }
.businessImg .imgBox{ margin-top:72px; }
.gasListArea{ margin-top:60px; }
.gasList{ overflow:hidden; }
.gasList li{ float:left; width:50%; padding-right:16px; margin-top:28px;}
.gasList li:nth-child(2n){ padding-right:0; padding-left:16px; }
.gasList li a{ display:block; width:100%; height:320px; padding:30px 20px 60px; ;border:1px solid #d9d9d9; border-radius:10px; }
.gasList li a h5{ position:relative; padding:0 0 20px 64px; font-size:2.4rem; font-weight:500; }
.gasList li a h5:after{ content:''; position:absolute; right:0; top:4px; width:32px; height:32px; background:url(../images/common/btn_gas_link.png) no-repeat 50%; background-size:32px auto; }
.gasList li a h5.ico1{ background:url(../images/common/ico_gas01.png) no-repeat 0 0; background-size:43px auto; }
.gasList li a h5.ico2{ background:url(../images/common/ico_gas02.png) no-repeat 0 0; background-size:51px auto; }
.gasList li a h5.ico3{ background:url(../images/common/ico_gas03.png) no-repeat 0 0; background-size:55px auto; }
.gasList li a h5.ico4{ background:url(../images/common/ico_gas04.png) no-repeat 0 0; background-size:44px auto; }
.gasList li a .desc{ padding-top:18px; border-top:1px solid #dcdcdc; font-size:1.6rem; color:#444; font-weight:500; line-height:2.2rem; word-break:initial; }
.gasList li a .desc em{ display:block; padding-top:14px; font-size:1.4rem; color:#d81f2f; font-weight:500; }


.gasContArea .secInner{ border-top:1px solid #d9d9d9; }
.gasContArea .gasImg{ padding-top:90px; text-align:center; }
.gasContArea .cont p{ padding-top:54px; font-size:1.6rem; color:#444; text-align:center; font-weight:500; line-height:2.2rem; }
.gasContArea .cont p strong{ display:block; padding-top:8px; font-size:1.6rem; color:#444; text-align:center; font-weight:700; line-height:2.8rem; }
.gasContArea .imgBox{ padding-top:76px; text-align:center; }
.gasContArea .imgBox img{ width:auto; max-width:100%; }

.gPatternBoxArea{ margin-top:190px; }
.gPatternBox{ padding:22px 40px; border:1px solid #d9d9d9; background:url(../images/common/img_gas_pattern.png) repeat 0 0; }
.gPatternBox p{ position:relative; font-size:1.8rem; text-align:center; font-weight:500; line-height:2.4rem; }
.gPatternBox p:before{ content:''; display:block; width:18px; height:16px; margin:0 auto; padding-bottom:38px; background:url(../images/common/ico_gas_pattern01.png) no-repeat 50%; }
.gPatternBox p:after{ content:''; display:block; width:18px; height:16px; margin:0 auto; padding-top:38px; background:url(../images/common/ico_gas_pattern02.png) no-repeat 50%; }



/* 회사소개 */
.productsLinkArea .productsLink{ margin-top:26px; }
.productsLinkArea .tit{ font-size:2.4rem; font-weight:500; text-align:center; }
.productsLink{ overflow:hidden; margin-top:46px; }
.productsLink li{ float:left; width:calc(12.5% + 1px); margin-left:-1px; border-radius:26px; }
.productsLink li:first-child{ width:calc(12.5% - 1px); margin-left:0; }
.productsLink li:hover{ background:url(../images/common/bg_productsLink.png) no-repeat 50%; background-size:cover; }
.productsLink li:hover a{ color:#fff; }
.productsLink li a{ display:block; position:relative; padding:80px 0 64px 0; border:2px dotted #e21239; font-size:1.4rem; font-weight:700; line-height:22px; border-radius:26px; text-align:center; }
.productsLink li a:after{ content:''; position:absolute; left:50%; margin-left:-6px; bottom:25px; width:12px; height:12px; background:url(../images/common/btn_products_link.png) no-repeat 50%; }
.productsLink li.ico1 a{ background:url(../images/common/ico_products_link01.png) no-repeat 50% 25px; background-size:39.5px auto; }
.productsLink li.ico2 a{ background:url(../images/common/ico_products_link02.png) no-repeat 50% 25px; background-size:36px auto; }
.productsLink li.ico3 a{ background:url(../images/common/ico_products_link03.png) no-repeat 50% 25px; background-size:35px auto; }
.productsLink li.ico4 a{ background:url(../images/common/ico_products_link04.png) no-repeat 50% 25px; background-size:35px auto; }
.productsLink li.ico5 a{ background:url(../images/common/ico_products_link05.png) no-repeat 50% 25px; background-size:38px auto; }
.productsLink li.ico6 a{ background:url(../images/common/ico_products_link06.png) no-repeat 50% 25px; background-size:37px auto; }
.productsLink li.ico7 a{ background:url(../images/common/ico_products_link07.png) no-repeat 50% 25px; background-size:35px auto; }
.productsLink li.ico8 a{ background:url(../images/common/ico_products_link08.png) no-repeat 50% 25px; background-size:37px auto; }


.productsLink li.ico1 a:hover{ background:url(../images/common/ico_products_link01_on.png) no-repeat 50% 25px; background-size:39.5px auto; }
.productsLink li.ico2 a:hover{ background:url(../images/common/ico_products_link02_on.png) no-repeat 50% 25px; background-size:36px auto; }
.productsLink li.ico3 a:hover{ background:url(../images/common/ico_products_link03_on.png) no-repeat 50% 25px; background-size:35px auto; }
.productsLink li.ico4 a:hover{ background:url(../images/common/ico_products_link04_on.png) no-repeat 50% 25px; background-size:35px auto; }
.productsLink li.ico5 a:hover{ background:url(../images/common/ico_products_link05_on.png) no-repeat 50% 25px; background-size:38px auto; }
.productsLink li.ico6 a:hover{ background:url(../images/common/ico_products_link06_on.png) no-repeat 50% 25px; background-size:37px auto; }
.productsLink li.ico7 a:hover{ background:url(../images/common/ico_products_link07_on.png) no-repeat 50% 25px; background-size:35px auto; }
.productsLink li.ico8 a:hover{ background:url(../images/common/ico_products_link08_on.png) no-repeat 50% 25px; background-size:37px auto; }




/* 산업가스 */
.industrial + .industrial{ margin-top:0; }
.industrial{ display:table; width:100%; /* margin:0 -20px; */ margin:0 auto; margin-top:90px; border-spacing:20px; }
.industrial li{ display:table-cell; width:33.33%; border:2px dotted #c9c9c9; border-radius:14px;  }
.industrial.st2 li{ width:25% }
.industrial li .inner{ padding:34px 24px; }
.industrial li .inner h5{ padding-top:82px; text-align:center; font-size:2rem; font-weight:500; }
.industrial li .inner h5.ico1{ background:url(../images/common/ico_industrial01.png) no-repeat 50% 0; background-size:56.5px auto; }
.industrial li .inner h5.ico2{ background:url(../images/common/ico_industrial02.png) no-repeat 50% 0; background-size:58px auto; }
.industrial li .inner h5.ico3{ background:url(../images/common/ico_industrial03.png) no-repeat 50% 0; background-size:60px auto; }
.industrial li .inner h5.ico4{ background:url(../images/common/ico_industrial04.png) no-repeat 50% 0; background-size:85px auto; }
.industrial li .inner h5.ico5{ background:url(../images/common/ico_industrial05.png) no-repeat 50% 0; background-size:70px auto; }
.industrial li .inner h5.ico6{ background:url(../images/common/ico_industrial06.png) no-repeat 50% 0; background-size:56px auto; }
.industrial li .inner h5.ico7{ background:url(../images/common/ico_industrial07.png) no-repeat 54% 0; background-size:70px auto; }
.industrial li .inner h5.ico8{ background:url(../images/common/ico_industrial08.png) no-repeat 50% 0; background-size:58px auto; }
.industrial li .inner h5.ico9{ background:url(../images/common/ico_industrial09.png) no-repeat 50% 0; background-size:43px auto; }
.industrial li .inner h5.ico10{ background:url(../images/common/ico_industrial10.png) no-repeat 50% 0; background-size:75px auto; }
.industrial li .inner h5.ico11{ background:url(../images/common/ico_industrial11.png) no-repeat 50% 0; background-size:48px auto; }
.industrial li .inner h5.ico12{ background:url(../images/common/ico_industrial12.png) no-repeat 50% 0; background-size:70px auto; }
.industrial li .inner h5.ico13{ background:url(../images/common/ico_industrial13.png) no-repeat 50% 0; background-size:70px auto; }
.industrial li .inner h5.ico14{ background:url(../images/common/ico_industrial14.png) no-repeat 50% 0; background-size:70px auto; }
.industrial li .inner h5.ico15{ background:url(../images/common/ico_industrial15.png) no-repeat 50% 0; background-size:70px auto; }
.industrial li .inner h5.ico16{ background:url(../images/common/ico_industrial16.png) no-repeat 50% 0; background-size:70px auto; }
.industrial li .inner h5.ico17{ background:url(../images/common/ico_industrial17.png) no-repeat 50% 0; background-size:75px auto; }
.industrial li .inner h5.ico18{ background:url(../images/common/ico_industrial18.png) no-repeat 50% 0; background-size:66px auto; }
.industrial li .inner h5 em{ display:block; margin-top:5px; text-align:center; font-size:2rem; font-weight:500; color:#666; line-height:2rem; }
.industrial li .inner p{ padding-top:34px; text-align:left; font-size:1.5rem; font-weight:500; line-height:2.2rem; }


/* 전구체 */
.gasInner{ display:table; overflow:hidden; width:100%; margin-top:90px; }
.gasInner .descImg{  display:table-cell; position:relative; width:60%; padding-right:15.49%; margin-bottom:32px; }
.gasInner .descImg img{ width:100%; max-width:100%; }
.gasInner .descImg:after{ content:''; position:absolute; right:3%; top:50%; margin-top:-17px; width:15.49%; height:34px; background:url(../images/common/img_gas_arr.png) no-repeat 50%; background-size:100%; }
.gasInner .descCont{ display:table-cell; width:40%; padding-left:4%; vertical-align:middle; }.gasInner .descCont p{ padding:46px 34px; border:3px solid #ec5a11; border-radius:26px; font-size:1.5rem; font-weight:700; line-height:2.2rem; text-align:justify; color:#ef6a24; }




/* Business Information */
.IntegratedImg{ position:relative; padding-bottom:110px; }
.IntegratedImg .imgBox{ padding-top:80px; }
.IntegratedImg .secInner{ position:relative; padding-top:50px; border-top:1px solid #d9d9d9}
.Infographic li{position:absolute; width:180px; height:180px;  border:2px solid #d81f2f; border-radius:100%; background:#fff;}
.Infographic li:hover{background:url(../images/common/bg_Infographic_hover.png) no-repeat 50%; border:0; }
.Infographic li a{display:block; width:100%; height:100%; padding-top:80px; font-size:1.5rem; font-weight:700; color:#222; text-align:center; }
.Infographic li:hover a{color:#fff;}
.Infographic li a span{display:block; font-size:1.6rem; font-weight:500;}
.Infographic li:hover span{color:#fff;}
.Infographic li a em{position:absolute; left:50%; bottom:20px; width:27px; height:27px; margin-left:-13.5px; background:url(../images/common/ico_Infographic_more.png) no-repeat 50%; text-indent:-9999px;}
.Infographic li:hover a em{background-image:url(../images/common/ico_Infographic_more_hover.png);}
.Infographic li .tooltip{display:none; position:absolute; z-index:9999; width:310px; line-height:2.1rem; padding:22px 27px; border:1px solid #d81f2f; border-radius:5px; font-size:1.4rem; letter-spacing:-0.7px; text-align:justify; background:#fff }
.Infographic li .tooltip strong{display:block; font-size:inherit; font-weight:500; color:inherit;}
.Infographic li .tooltip:before{content:''; position:absolute; width:11px; height:15px; background:url(../images/common/Infographic_tooltip_arr.png) no-repeat 50%;}
.Infographic li:hover .tooltip{display:block;}

/* Business Information 2019-02-19 */
.Infographic li.ico1{left:50%; top:44px; margin-left:-90px;}
.Infographic li.ico1 a{background:url(../images/common/info_icon01.png) no-repeat 50% 30px; background-size:40px auto; }
.Infographic li.ico1 .tooltip{left:200px; top:13px;}
.Infographic li.ico1 .tooltip:before{left:-11px; top:32px; }
.Infographic li.ico1:hover a{background:url(../images/common/info_icon01_hover.png) no-repeat 50% 30px; background-size:40px auto; }



.Infographic li.ico2{right:145px; top:236px;}
.Infographic li.ico2 a{background:url(../images/common/info_icon02.png) no-repeat 50% 40px; background-size:38px auto; }
.Infographic li.ico2 .tooltip{left:-70px; top:200px; }
.Infographic li.ico2 .tooltip:before{left:152.5px; top:-13px; transform: rotate(90deg); }
.Infographic li.ico2:hover a{background:url(../images/common/info_icon02_hover.png) no-repeat 50% 40px; background-size:38px auto; }



.Infographic li.ico3{left:108px; top:300px;}
.Infographic li.ico3 a{background:url(../images/common/info_icon08.png) no-repeat 50% 38px; background-size:39px auto; }
.Infographic li.ico3 .tooltip{left:200px; top:0px; }
.Infographic li.ico3 .tooltip:before{left:-11px; top:53px; }
.Infographic li.ico3:hover a{background:url(../images/common/info_icon08_hover.png) no-repeat 50% 38px; background-size:39px auto; }



.Infographic li.ico4{left:93px; top:576px;}
.Infographic li.ico4 a{background:url(../images/common/info_icon07.png) no-repeat 50% 38px; background-size:40px auto; }
.Infographic li.ico4 .tooltip{left:-30px; top:200px; }
.Infographic li.ico4 .tooltip:before{left:111px; top:-13px; transform: rotate(90deg); }
.Infographic li.ico4:hover a{background:url(../images/common/info_icon07_hover.png) no-repeat 50% 38px; background-size:40px auto; }



.Infographic li.ico5{right:140px; top:650px;}
.Infographic li.ico5 a{background:url(../images/common/info_icon03.png) no-repeat 50% 25px; background-size:40px auto; }
.Infographic li.ico5 .tooltip{left:-30px; top:200px; }
.Infographic li.ico5 .tooltip:before{left:111px; top:-13px; transform: rotate(90deg); }
.Infographic li.ico5:hover a{background:url(../images/common/info_icon03_hover.png) no-repeat 50% 25px; background-size:40px auto; }



.Infographic li.ico6{left:230px; top:782px;}
.Infographic li.ico6 a{background:url(../images/common/info_icon06.png) no-repeat 50% 38px; background-size:36px auto; }
.Infographic li.ico6 .tooltip{left:-70px; top:200px; }
.Infographic li.ico6 .tooltip:before{left:152.5px; top:-13px; transform: rotate(90deg); }
.Infographic li.ico6:hover a{background:url(../images/common/info_icon06_hover.png) no-repeat 50% 38px; background-size:36px auto; }



.Infographic li.ico7{ right:300px; top:820px;}
.Infographic li.ico7 a{ background:url(../images/common/info_icon04.png) no-repeat 50% 38px; background-size:34px auto; }
.Infographic li.ico7 a em{bottom:22px;}
.Infographic li.ico7 .tooltip{right:190px; top:13px;}
.Infographic li.ico7 .tooltip:before{right:-11px; top:32px; transform: rotate(180deg);}
.Infographic li.ico7:hover a{background:url(../images/common/info_icon04_hover.png) no-repeat 50% 38px; background-size:34px auto; }

.Infographic li.ico14{ right:550px; top:870px;}
.Infographic li.ico14 a{ background:url(../images/common/info_icon14.png) no-repeat 50% 24px; background-size:25px auto; font-size:1.5rem; padding-top:75px; }
.Infographic li.ico14 a em{bottom:16px;}
.Infographic li.ico14 .tooltip{right:190px; top:13px;}
.Infographic li.ico14 .tooltip:before{right:-11px; top:32px; transform: rotate(180deg);}
.Infographic li.ico14:hover a{background:url(../images/common/info_icon14_hover.png) no-repeat 50% 24px; background-size:25px auto; }



/* 증착가스 */
.IntegratedImg.type2 .imgBox{ padding:15% 20% 0; }
.IntegratedImg.type2 .Infographic li{ width:195px; height:195px; }


.Infographic li.ico8{left:164px; top:78px; }
.Infographic li.ico8 a{padding-top:75px; background:url(../images/common/ico_Infographic08.png) no-repeat 50% 25px; background-size:42px auto}
.Infographic li.ico8 .tooltip{left:212px; top:13px;}
.Infographic li.ico8 .tooltip:before{left:-11px; top:32px; }
.Infographic li.ico8:hover a{background:url(../images/common/ico_Infographic08_hover.png) no-repeat 50% 25px; background-size:42px auto}

.Infographic li.ico9{left:28px; top:403px; }
.Infographic li.ico9 a{padding-top:75px; background:url(../images/common/ico_Infographic09.png) no-repeat 50% 25px; background-size:42px auto}
.Infographic li.ico9 .tooltip{left:212px; top:13px;}
.Infographic li.ico9 .tooltip:before{left:-11px; top:32px; }
.Infographic li.ico9:hover a{background:url(../images/common/ico_Infographic09_hover.png) no-repeat 50% 25px; background-size:42px auto}

.Infographic li.ico10{ left:220px; top:780px; }
.Infographic li.ico10 a{padding-top:75px; background:url(../images/common/ico_Infographic10.png) no-repeat 50% 25px; background-size:62px auto}
.Infographic li.ico10 .tooltip{left:-70px; top:213px;}
.Infographic li.ico10 .tooltip:before{left:152.5px; top:-13px; transform: rotate(90deg); }
.Infographic li.ico10:hover a{background:url(../images/common/ico_Infographic10_hover.png) no-repeat 50% 25px; background-size:62px auto}

.Infographic li.ico11{right:220px; top:780px; }
.Infographic li.ico11 a{padding-top:75px; background:url(../images/common/ico_Infographic11.png) no-repeat 50% 27px; background-size:48px  auto;}
.Infographic li.ico11 .tooltip{right:212px; top:53px;}
.Infographic li.ico11 .tooltip:before{right:-11px; top:32px; transform: rotate(180deg);}
.Infographic li.ico11:hover a{background:url(../images/common/ico_Infographic11_hover.png) no-repeat 50% 27px; background-size:48px auto}

.Infographic li.ico12{right:35px; top:403px; }
.Infographic li.ico12 a{padding-top:75px; background:url(../images/common/ico_Infographic12.png) no-repeat 50% 18px; background-size:42px auto}
.Infographic li.ico12 .tooltip{right:-58px; top:213px;}
.Infographic li.ico12 .tooltip:before{left:149px; top:-13px; transform: rotate(90deg); }
.Infographic li.ico12:hover a{background:url(../images/common/ico_Infographic12_hover.png) no-repeat 50% 18px; background-size:42px auto}

.Infographic li.ico13{right:164px; top:78px; }
.Infographic li.ico13 a{padding-top:86px; background:url(../images/common/ico_Infographic13.png) no-repeat 50% 40px; background-size:42px auto}
.Infographic li.ico13 .tooltip{right:-58px; top:213px;}
.Infographic li.ico13 .tooltip:before{left:149px; top:-13px; transform: rotate(90deg); }
.Infographic li.ico13:hover a{background:url(../images/common/ico_Infographic13_hover.png) no-repeat 50% 40px; background-size:42px auto}


/* 통합서비스 */
.IntegratedImg.type3 .imgBox{ padding-top:32px; max-width:1005px; margin:0 auto; }

.IntegratedImg{ display:block; }
/* Business Information 모바일 */
.IntegratedImg_mb{ display:none; }
.accordion dd{ display:none; }



/* 고객지원 2020-02-05 */
.customerSupport{ padding:60px 0 152px; background-color:#f8f8fa; box-sizing:border-box; }
.customerSupport .cDesc{ padding-top:94px; font-size:22px; color:#222;  text-align:center; background:url(../images/common/ico_customer_support.png) no-repeat 50% 0;}
.customerSupport .cDesc strong{ font-size:22px; color:#222; font-weight:700; }
.linkMail{ display:inline-block; padding:31px 50px 31px; text-align:center; background-color:#db3140; border-radius:50px; } 
.linkMail span{ display:inline-block; padding-left:42px; font-size:20px; color:#fff; background:url(../images/common/ico_link_mail.png) no-repeat 0 50%; }
.customerSupport .btnArea{ margin-top:48px; text-align:center; }
.btn-customer{ float:left; line-height:80px; margin-right:28px; font-size:16px; color:#222; }


/************************************************** 1500PX 이하  **************************************************/

 @media only screen and (max-width:1500px) { 
	

	/**************** 메인 ****************
	**************************************/
	.mainVisual .titArea .tit{ font-size:4rem; }
	.mainVisual .titArea .desc{ margin-top:0; }
	
}




/************************************************** 1200PX 이하  **************************************************/

 @media only screen and (max-width:1200px) { 
	
	/**************** 공통 ****************
	**************************************/
	.secInner{ padding: 0 20px; }
	.gnb{ margin-left:0; }
	.gnb li{ margin-left:44px; }
	.gnb li a{ font-size:1.6rem; }

	.gnbInner .menuList .gnbTit{ width:28%; }




	.gnbInner .menuList.m03 .menuInner.type2 .menu{ width:250px; }
	.gnbInner .menuList.m03 .menuInner.type2 .menu:nth-child(3){ float:none; clear:both; margin-left:0; padding-top:32px; }
	.gnbInner .menuList.m03 .menuInner.type2 .menu:nth-child(4){ margin-left:32px; margin-top:32px; }


	/**************** 메인 ****************
	**************************************/
	.mainStockInfo .infoArea{ padding:30px 30px 0; }
	.mainVisual .titArea{ padding:0 80px; }
	.gnbInner .menuList .menuInner{ padding:38px 0 40px 20px; }
	


	/**************** 서브 ****************
	**************************************/
	
	/* 개요 */
	.introInfoList li{ height:207px; }


	/* CI */
	.ciBoxArea.type2 > li{width:100%; margin:0;}
	.ciBoxArea.type2 > li:first-child{width:100%;}
	.ciBoxArea{padding-top:25px;}
	.ciBoxArea > li .tit{margin:27px 0 18px;}
	.ciBoxArea.type2 .patternBox img{ width:auto; }

	/* 네트워크 */
	.networkArea .list > li .inner .infoArea .num li{ float:none; padding-left:0; margin-left:0;}
	.networkArea .list > li .inner .infoArea .num li:before{ display:none; }

	/* 품질경영 */
	.infoItemList li .inner{ height:229px; }

	
	/* 인재육성 */
	.capacityBox.textBox1{right:19%;}
	.capacityBox.textBox2{left:2.5%}
	.capacityBox.textBox3{right:6%;}
	
	/* 회사소개 */
	.contactMap > dt{ float:none; width:100%; padding-right:0; }
	.contactMap > dd{ float:none; width:100%; padding-left:0; margin-top:40px; }

	/* 기업문화 */
	.infoBoxlist.type2 li p br{ display:none; }

	/* 산업가스 */
	.industrial li .inner h5{ font-size:2.4rem; }
	.industrial li .inner h5 em{ font-size:2rem; }
	.industrial li .inner p{ padding-top:28px; font-size:1.5rem; line-height:2rem; }

	
	/* Business Information */
	.IntegratedImg .imgBox{ padding:110px 3% 0; }
	.Infographic li.ico1{ left:50%; top:76px; margin-left:-80px;}
	.Infographic li.ico2{ right:14%; top:27%;}
	.Infographic li.ico3{left:10.5%; top:36%;}
	.Infographic li.ico4{left:10%; top:70%;}
	.Infographic li.ico5{right:13.5%; top:80%;}
	.Infographic li.ico6{left:21%; top:94%;}
	.Infographic li.ico7{right:27%; top:98.5%;}
	.Infographic li.ico14{right:47%; top:101.5%;}
	.Infographic li{ width:160px; height:160px; }
	.IntegratedImg{ padding-bottom:30px; }
	.IntegratedImg .Infographic li a{ padding-top:72px; background-position:50% 22px; }
	.IntegratedImg .Infographic li.ico2 a{ padding-top:63px; }
	.IntegratedImg .Infographic li a:hover{ background-position:50% 22px; }
	.Infographic li.ico7 a{ padding-top:64px; }


	.Infographic li.ico1 .tooltip{ left:178px; }
	.Infographic li.ico2 .tooltip{ left:-80px; top:178px; }
	.Infographic li.ico3 .tooltip{ left:180px; top:12px; }
	.Infographic li.ico4 .tooltip{ left:-40px; top:178px; }
	.Infographic li.ico5 .tooltip{ left:-38px; top:180px; }
	.Infographic li.ico6 .tooltip{ left:-78px; top:180px; }
	.Infographic li.ico7 .tooltip{ right:180px; }





	/* 증착가스 */
	.IntegratedImg.type2{ padding-bottom:130px; }
	.IntegratedImg.type2 .Infographic li a{ padding-top:76px; font-size:1.6rem; }
	.IntegratedImg.type2 .Infographic li{ width:180px; height:180px; }
	.Infographic li.ico8{left:14%; top:8%; }
	.Infographic li.ico9{left:3%; top:50%; }
	.Infographic li.ico10{left:17%; top:95%; }
	.Infographic li.ico11{right:17%; top:95%; }
	.Infographic li.ico12{right:3%; top:50%; }
	.Infographic li.ico13{right:14%; top:8%; }

	.Infographic li.ico8 .tooltip{ left:200px; top:40px; }
	.Infographic li.ico9 .tooltip{ left:200px; top:18px; }
	.Infographic li.ico10 .tooltip{ left:-68px; top:196px; }
	.Infographic li.ico11 .tooltip{ top:50px; right:200px; }
	.Infographic li.ico12 .tooltip{ right:-65px; top:198px; }
	.Infographic li.ico13 .tooltip{ right:-66px; top:200px; }





	.IntegratedImg.type2 .Infographic li a{ padding-top:72px; background-position:50% 22px; }
	.IntegratedImg.type2 .Infographic li a:hover{background-position:50% 22px; }
	.IntegratedImg.type2 .Infographic li.ico12 a{ background-position:50% 16px; }
	.IntegratedImg.type2 .Infographic li.ico12 a:hover{ background-position:50% 16px; }

	.IntegratedImg.type2 .Infographic li.ico13 a{ background-position:50% 30px; }
	.IntegratedImg.type2 .Infographic li.ico13 a:hover{ background-position:50% 30px; }
	
	
	

	/* 통합서비스 */
	.IntegratedImg.type3{ padding-bottom:0; }
	.IntegratedImg.type3 .imgBox{ padding:0; }


	/* 네트워크 */
	.networkArea .list > li .inner .infoArea{ height:294px; }


}


/************************************************** 1024PX 이하  **************************************************/
 @media only screen and (max-width:1024px) { 
	



	/**************** 공통 ****************
	**************************************/
	.secInner{ padding:0 40px; }
	.tabArea{ padding:0 40px; }
	
	.footLogo{ display:block; float:none; margin-bottom:30px; }
	.footInfo{ margin-left:0; }
	.footSelect{ clear:both; float:none; }
	.footer address .mbBr{ display:block; }
	

	
	.subTitArea .desc br{ display:none; }
	
	.logo{ margin-right:0; }
	
	
	#btnSiteMapSp{ display:none; }
	#btnSiteMapMb{ display:block; }
	.gnb{ display:none; }
	.btn-customer{ display:none; }/* 2020-02-05 */
	.gnbMenuWrap .secInner{ padding:0 20px; }
	.siteMapArea .col:first-child{ border-left:0; }
	.gnbMenuWrap .gnbBoxBtn:after{ display:none; }
	.menuList .menu .mTit a{ font-size:1.6rem; }
	.gnbInner .btnArea{ padding-right:0; }
	
	.gnbInner .menuList.m02{ padding-right:0; }
	.gnbInner .menuList.m02 .menuInner.type2 .menu{ width:228px; margin-left:36px; }
	.menuList .menuInner.type2 .menu .mTit a{ font-size:1.6rem; }
	

	.gnbInner .menuList.m03{ padding-right:0; }
	.gnbInner .menuList.m03 .menuInner.type2 .menu{ width:228px; height:100px; margin-left:36px; }

	.siteMapArea .rowArea{ float:none; width:100%; }
	.sitmMapLink{ float:none; width:100%; margin:0 0 20px; }
	.sitmMapLink ul{ overflow:hidden; }
	.sitmMapLink ul li{ float:left; width:50%; padding:0 5px; }
	.sitmMapLink ul:nth-child(2) li{ width:33.33%; }
	.sitmMapLink ul li + li{ margin-top:0; }
	.sitmMapLink ul + ul{ margin-top:20px; }
	.sitmMapLink ul li .gnbBoxBtn:after{ display:none; left:0; right:0; width:100%; text-align:center; }
	.sitmMapLink ul li .gnbBoxBtn{ text-align:center; }
	.gnbBoxBtn.ico2{ background-position:10% 50%; } 






	.footInfo li{ width:48%; }
	.footInfo li:nth-child(3){ padding-left:0; margin-left:0; }
	.footInfo li:nth-child(3):before{ display:none; }

	
	



	/**************** 메인 ****************
	**************************************/
	.mainVisual .titArea{ padding:0 100px; }
	.mainVisual .titArea .tit{ font-size:3.5rem; line-height:4.8rem; }
	.mainVisual .titArea .desc{ font-size:2.5rem; margin-top:10px; }

	
	.tabItem li{ width:50%; }


	.mainStockInfo .infoArea .info dt{ padding:0 30px 0 60px; }
	

	
	
	

	




	/**************** 서브 ****************
	**************************************/
	/* 개요 */
	.subHistoryArea .titArea{ overflow:hidden; float:none; width:100%; padding-left:0; padding-right:0;}
	.subHistoryArea .titArea p br{ display:none; }
	
	.subHistoryArea .cont{ float:none; width:100%; margin-top:50px; padding-left:0; }
	.subHistoryArea .cont > li:first-child{ padding-top:28px; border-top:1px solid #e1e1e1; }

	.subContactUs .boxContent{ padding:0 0 78px 0; }
	



	/* 네트워크 */
	.networkArea .list > li{ float:none; width:100%; }
	.networkArea .list > li .inner .infoArea .num li{ float:left; padding-left:20px; margin-left:20px; }
	.networkArea .list > li .inner .infoArea .num li:before{ display:block; }
	.networkArea .list > li .inner .infoArea .job li strong{ font-size:1.2rem; vertical-align:2px; }
	.networkArea .list > li .inner .infoArea{ height:auto; }

	/* 안전경영 */
	.icoList li > div{ padding:65px 0 16px 0; }
	.icoList li > div strong{ text-align:center; }
	.icoList li > div p{ text-align:center; }
	.icoList li .ico1,
	.icoList li .ico2,
	.icoList li .ico3{ background-position:50% 0; }

	/* 품질경영 */
	.infoItemList li .inner{ height:285px; }
	.qualityArea .infoItemList li .inner{ height:314px; }
	.activityList .inner .cont p br{ display:none; }
	.qualityArea .infoItemList li .inner .titArea{ padding:0 100px 24px 0; }
	
	/* 사회공헌활동 */
	.newsBoard .list > li{ padding:22px 0 24px 0; }
	.newsBoard .list > li .cont{ display:block; }
	.newsBoard .list > li .cont dt{ display:block; width:100%; }
	.newsBoard .list > li .cont dd{ display:block; width:100%; margin-top:18px; padding-left:0; }
	.newsBoard .list > li .cont dt .date{ padding-top:12px; }
	.newsBoard .list > li .cont dt .date a{ word-break:break-all; }

	/* news view */
	.newsView .cont p.t_left br{ display:none; }
	


	/* HR제도 */

	.infoBoxlist.type4 li .ico1,
	.infoBoxlist.type4 li .ico2,
	.infoBoxlist.type4 li .ico3,
	.infoBoxlist.type4 li .ico4,
	.infoBoxlist.type4 li .ico5,
	.infoBoxlist.type4 li .ico6{ background-position:0 10px; }

	.capacityBox ul li{ line-height:2rem; }
	.capacityBox.textBox1{right:13%;}
	.capacityBox.textBox2{left:2.5%}
	.capacityBox.textBox3{right:-2%;}
	/* 인재경영 주요활동 */
	.activityArea .list li{width:50%;}
	

	/* 윤리경영 */
	.ethicsSec2 .listArea .titImg{ padding:0 27.37%}
	.infoIcoList{ padding:0; }


	
	/* 공시정보 - 내부정보관리규정 */
	.ruleArea .imgBox{width:100%; padding:0 20%;}
	.ruleArea .imgBox img{width:100%; }
	.ruleArea .descArea{width:100%;}
	.bottomBtnArea{text-align:center;}


	/* 안전경영 - 주요경영 */
	.activityInner li .imgAct img{ width:100%; max-width:100%; }
	.activityList .inner .cont h5.ico2{background-position:0 7px;}
	.activityList .inner .cont h5.ico3{background-position:0 15px;}
	.activityList .inner .cont h5.ico4{background-position:0 2px;}

	/* 제품정보 메인 */
	.itemListLink .list > li{ width:33.33%; }


	/* CEO 인사말 */
	.introduceArea .imgDescArea .imgBox{ float:none; width:100%; text-align:center; padding-right:0; }
	.introduceArea .imgDescArea .imgBox img{ max-width:581px; }
	.introduceArea .imgDescArea .descArea{ float:none; width:100%; padding-left:0; }

	.ceoContList li .tit{ float:none; width:100%; }
	.ceoContList li .box{ float:none; width:100%; height:auto; margin-top:10px; }

	/* CI */
	.ciBoxArea > li .desc{ min-height:inherit; }

	
	/* 인재상 */
	.talentArea .talentInner .talentList > li{ padding:225px 5% 62px; background-position:5% 69px; }
	.talentArea .talentInner .talentList > li:first-child{ padding:225px 5% 62px; background-position:5% 73px; }

	
	/* */
	.activityList .inner .cont h5.ico1{ background-position:0 0; }
	.activityList .inner .cont h5{ padding:5px 0 10px 60px; font-size:2rem; line-height:2.4rem; }
	.activityList .inner .cont h5.ico5{ background-position:0 0; }


	/* 회사소개 */
	.productsLink li{ width:33.33%; }
	.productsLinkArea .productsLink li{ width:25%; }
	.gasList li a{ height:380px; }
	.gasContArea .cont p br{ display:none; }
	.productsLinkArea .productsLink li.ico5{ margin-left:0; margin-top:-1px; }
	.productsLinkArea .productsLink li.ico6,
	.productsLinkArea .productsLink li.ico7,
	.productsLinkArea .productsLink li.ico8{ margin-top:-1px; }


	/* 전구체 */ 
	.gasInner .descImg{ display:block; width:100%; padding-right:0; padding-bottom:60px; text-align:center; }
	.gasInner .descImg:after{ bottom:0; top:inherit;  right:50%; margin-right:-23px; width:38px; height:25px; transform: rotate(90deg); background-position:-86px 50%; background-size:auto; }
	.gasInner .descCont{ display:block; width:100%; padding:40px 0 0 0; }
	.gasInner .descCont p{ font-size:1.8rem; text-align:center; }


	/* Business Information */
	.Infographic li{ width:120px !important; height:120px !important; }
	.Infographic li a br{ display:none; }
	.Infographic li a{ text-indent:-9999px; }
	.Infographic li.ico1{ top:88px; margin-left:-60px; }
	.Infographic li.ico2{ right:13.5%; top:36%; }
	.Infographic li.ico3{ left:11.5%; top:42%; }
	.Infographic li.ico4{ left:10.5%; top:73%; }
	.Infographic li.ico5{ right:13.5%; top:80%; }
	.Infographic li.ico6{ left:23%; top:95%; }
	.Infographic li.ico7{ top:98%; right:26%; }
	.Infographic li.ico14{ top:101.5%; right:44%; }



	.Infographic li.ico8{ top:12%; left:18%; }
	.Infographic li.ico9{ top:54%; left:7.6%; }
	.Infographic li.ico10{ top:98%; left:22%; }
	.Infographic li.ico11{ top:98%; right:22%; }
	.Infographic li.ico12{ top:54%; right:7.6%; }
	.Infographic li.ico13{ top:12%; right:18%; }





	.Infographic li.ico1 .tooltip{ left:120px; }
	.Infographic li.ico2 .tooltip{ left:-100px; top:140px; }
	.Infographic li.ico3 .tooltip{ left:140px; }
	.Infographic li.ico4 .tooltip{ left:-58px; top:140px; }
	.Infographic li.ico5 .tooltip{ left:-95px; top:142px; }
	.Infographic li.ico6 .tooltip{ left:-100px; top:138px; }
	.Infographic li.ico7 .tooltip{ right:140px; }
	.Infographic li.ico14 .tooltip{ right:150px; }


	.Infographic li.ico8 .tooltip{ left:142px; }
	.Infographic li.ico9 .tooltip{ left:140px; }
	.Infographic li.ico10 .tooltip{ left:-100px; top:142px; }
	.Infographic li.ico11 .tooltip{ top:14px; right:142px; }
	.Infographic li.ico12 .tooltip{ right:-98px; top:140px; }
	.Infographic li.ico13 .tooltip{ right:-100px; top:140px; }



	
}



 @media only screen and (max-width:870px) { 



	/**************** 공통 ****************
	**************************************/


	/**************** 메인 ****************
	**************************************/
	.mainVisual .titArea{ top:22%; }
	.mainStockInfo .infoArea .info dt{ padding:0 10px 0 10px; }
	.mainVisual .titArea{ padding:0 100px; }

	.mainVisual .titArea{ padding:0 100px; }
	.productTabArea .tabs li{ padding:60px 28px 0 76px; }
	.productTabArea .tTit{ font-size:1.4rem; }
	.productTabArea .tab-content .picDesc p{ font-size:1.4rem; }

	.productTabArea li.tab1{ background-size:38px auto; }
	.productTabArea li.tab2{ background-size:33px auto; }
	.productTabArea li.tab3{ background-size:29px auto; }
	.productTabArea li.tab4{ background-size:30px auto; }
	.productTabArea li.tab5{ background-size:37px auto; }
	.productTabArea li.tab6{ background-size:37px auto; }
	.productTabArea li.tab7{ background-size:33px auto; padding-top:45px; }
	.productTabArea li.tab8{ background-size:36px auto; }


	.productTabArea .tab1.tabs_on{ background-size:28px auto;}
	.productTabArea .tab2.tabs_on{ background-size:33px auto; }
	.productTabArea .tab3.tabs_on{ background-size:29px auto; }
	.productTabArea .tab4.tabs_on{ background-size:30px auto; }
	.productTabArea .tab5.tabs_on{ background-size:37px auto; }
	.productTabArea .tab6.tabs_on{ background-size:37px auto; }
	.productTabArea .tab7.tabs_on{ background-size:33px auto; }
	.productTabArea .tab8.tabs_on{ background-size:36px auto; }

	

	/**************** 서브 ****************
	**************************************/

	

	/* 공시정보 - 내부정보관리규정  */
	.capacityBox ul li{font-size:1.2rem;}

	
	/* 안전경영 - 주요경영 */
	.activityArea .list{margin:-35px -18px 0 -18px }
	.activityArea .list li{width:100%; margin:40px 0 0 0 }

	/* 인재채용 */
	.teamArea .infoItemList.type2 li .inner{ height:284px; }
	.teamArea .infoItemList.type2 li .inner .titArea{ padding-right:60px; }

	/* 개인정보취급방침 */
	.recruitArea .subDescBox{padding-top:30px; border-top:1px solid #d9d9d9;}
	.recruitArea .subDescBox:first-child{padding-top:30px;}
	.recruitArea .subDescBox dt{ width:100%; }
	.recruitArea .subDescBox dd{ width:100%; padding:10px 0 30px 0; }
	.recruitArea .subDescBox:last-child dd{ padding-bottom:0; }
	
	/* 제품정보 */
	.subItemList .slick li em{ width:75%; }

	/* 인재상 */
	.talentArea .talentInner .talentList > li{ background-position:50% 65px; }
	.talentArea .talentInner .talentList > li h4{ text-align:center; }
	.talentArea .talentInner .talentList > li p{ text-align:center; }
	.talentArea .talentInner .talentList > li .talentCont li h5{ text-align:center; }
	.talentArea .talentInner .talentList > li:first-child{ background-position:50% 65px; }
	.talentArea .talentInner .talentList > li > p > br{ display:none; }


	/* 기업문화 */
	.cultureCont > li{ float:none; width:100%; padding:0; }
	.cultureBoxArea{ padding:20px 0 74px; }
	.cultureBoxArea + .cultureBoxArea{ padding:80px 0 74px; }
	.cultureCont > li .imgCont .desc br{ display:block; }
	.cultureCont > li:last-child{ padding:0; }
	.cultureCont > li .subContArea .tit{ display:none; }
	.cultureBoxArea.type2 .cultureCont > li{ float:none; padding:0; }
	.cultureBoxArea.type2 .cultureCont > li:last-child{ float:none; padding:0; }
	.cultureCont > li .subContArea .subCont{ margin-top:52px; padding-top:52px; border-top:1px solid #d9d9d9; }

	/* 사업정보 */
	.gasList li{ float:none; width:100%; padding:0; }
	.gasList li:nth-child(2n){ padding:0; }
	.gasList li a{ height:auto; padding:30px 20px 40px; }
	.gasContArea .gasImg img{ width:100%; max-width:100%; }
	

	/* 산업가스 */
	.industrial{ display:block; margin-left:0; padding-bottom:10px; }
	.industrial li{ display:block; width:100%; margin-top:14px; padding:0; }
	.industrial li .inner{ height:auto; padding:34px 26px; }
	.industrial.st2 li { width:100%; }
	
	/* 기타코순도가스 */
	.industrial li .inner h5.ico7{ background-position:51% 0; }
	
 }









/************************************************** 768PX 이하  **************************************************/

 @media only screen and (max-width:768px) { 

	
	/**************** 공통 ****************
	**************************************/
	.secInner{ padding:0 32px; }
	.tabArea{ padding:0 32px; }
	.topBarFix{ display:none; position:inherit; }
	.header{ position:fixed; top:0; left:0; width:100%; z-index:9999; background-color:#fff; }
	.header .secInner{ position:relative; top:0; left:0; width:100%; background-color:#fff; }
	.container{ padding-top:60px; }

	.spDisplay{ display:none; }
	.mbDisplay{ display:block; }
	.spBr{ display:none; }
	


	.gnb{ display:none; }
	.gnbMenuWrap{ display:none !important; }
	.subItemInfo .desc br{ display:none; }
	.moreBtnArea{ display:block; margin-top:34px; }
	.imgBox.imgSize{ padding:0 100px !important; }

	.locationArea.type2 .home + .locationSel{ display:none; }
	/* .locationArea .locationSel:last-child a{ border-right:0; } */

	.siteMapArea{ display:none !important; }

	.footLogo{ margin-bottom:20px; text-align:left; }
	.footLogo img{ width:102px; height:auto; }
	.footSelect{ width:100%; }
	.footInfo li a{ font-size:1.2rem; }
	.footSelect{ display:none; }
	.footSelectMb{ display:block; }

	#popup-wrap .popup-content{ padding:20px 2%; }
	.pop-layer{ overflow-y:auto; }
	.popup-content .tableStyle thead th{ font-size:1.3rem; }
	.popup-content .tableStyle tbody th{ font-size:1.3rem; }
	.popup-content .tableStyle tbody td{ font-size:1.2rem; }
	.tableStyle.type2 tbody .focus th, .tableStyle.type2 tbody .focus td{ font-size:1.3rem; }

	.btnFixed{ display:none; width:45px; top:inherit; bottom:5%; right:16px; }
	.btnFixed button{ height:45px; background:#fff url(../images/common/btn_fix2_mb.png) no-repeat 50%; background-size:auto 10px; text-indent:-9999px; }
	

	.subVisualArea .stit{ font-size:3.4rem; }




	.footInfo ul{ border-style:solid; border-width:1px 0 0 1px; border-color:#535353; }
	.footInfo ul li{ float:left; width:50%; margin-left:0; padding:12px 0 8px 0; border-style:solid; border-width:0 1px 1px 0; border-color:#535353; }
	.footInfo ul li:nth-child(1){ height:56px; padding-top:20px; }
	.footInfo ul li:nth-child(2){ height:56px; }
	.footInfo ul li:before{ display:none; }
	.footInfo ul li a{ display:block; text-align:center; }





	/**************** 메인 ****************
	**************************************/
	.mainVisual .mbBr{ display:block; }
	.mainVisual .titArea{ top:30.4%; }
	.mainVisual .titArea .tit br{ display:none; }
	.mainVisual .titArea .desc br{ display:none; }
	.mainVisual .bx-wrapper .bx-controls-direction a{ width:70px; height:70px; }
	.mainVisual .bx-wrapper .bx-prev{ left:30px; }
	.mainVisual .bx-wrapper .bx-next{ right:30px; }
	.mainStockInfo .infoArea .info dt{ float:none; width:100%; text-align:center; }
	.mainStockInfo .infoArea .info dt h4{ display:inline-block; float:none; padding-right:42px; }
	.mainStockInfo .infoArea .info dt strong{ display:block; float:none; text-align:center; }
	.mainStockInfo .infoArea .info dd{ float:none; padding-top:18px; width:100%; text-align:center; }
	.mainStockInfo .infoLink{ padding:175px 0 67px; }
	.mainStockInfo .infoLink li:nth-child(4n){ position:relative; }
	.mainStockInfo .infoLink li:nth-child(3n):before,
	.mainStockInfo .infoLink li:nth-child(4n):before{ content:''; position:absolute; left:0; right:0; top:-18px; width:100%; height:1px; background-color:#dcdcdd; }
	
	.mainAccordion{ padding-bottom:65px; }
	.mainAccordion h3 .pTxt{ height:68px; margin-top:-8px; }
	.mainAccordion h3 .pTxt:before{ display:none; }

	.mainVisual .titArea{  top:20.7%; padding:0 20px; text-align:center; }
	.mainVisual .titArea p{ text-align:center; letter-spacing:-2px; }
	.mainVisual .titArea p strong{  }

	.mainVisual .bx-wrapper .bx-controls-direction a{ width:70px; height:70px; }
	.mainVisual .bx-wrapper .bx-prev{ left:30px; }
	.mainVisual .bx-wrapper .bx-next{ right:30px; }

	.mainStockInfo .infoLink li{ width:100%; border-left:0; }
	.mainStockInfo .infoLink li:nth-child(2){ position:relative; margin-top:36px; border-left:0; }
	.mainStockInfo .infoLink li:nth-child(3){ position:relative; margin-top:36px; }
	.mainStockInfo .infoLink li:nth-child(2):before,
	.mainStockInfo .infoLink li:nth-child(3):before{ content:''; position:absolute; left:0; right:0; top:-18px; width:100%; height:1px; background-color:#dcdcdd; }
	.mainAccordion .kwicks li.accordion2 .titArea .tit br{ display:none; }



	.productTabArea li.tab1{ background-size:48px auto; }
	.productTabArea li.tab2{ background-size:43px auto; }
	.productTabArea li.tab3{ background-size:39px auto; }
	.productTabArea li.tab4{ background-size:40px auto; }
	.productTabArea li.tab5{ background-size:47px auto; }
	.productTabArea li.tab6{ background-size:47px auto; }
	.productTabArea li.tab7{ background-size:43px auto; padding-top:45px; }
	.productTabArea li.tab8{ background-size:46px auto; }


	.productTabArea .tab1.tabs_on{ background-size:38px auto;}
	.productTabArea .tab2.tabs_on{ background-size:43px auto; }
	.productTabArea .tab3.tabs_on{ background-size:39px auto; }
	.productTabArea .tab4.tabs_on{ background-size:40px auto; }
	.productTabArea .tab5.tabs_on{ background-size:47px auto; }
	.productTabArea .tab6.tabs_on{ background-size:47px auto; }
	.productTabArea .tab7.tabs_on{ background-size:43px auto; }
	.productTabArea .tab8.tabs_on{ background-size:46px auto; }



	

	/* news */
	.mainNews{ padding-bottom:38px; }
	.newsList .slick-dots{ bottom:-44px; }
	.newsList .slick li .slickInner:after{ display:none; }

	
	/* we are */
	.mainAccordion h3{ margin-top:10px; }
	.mainAccordion .kwicks li{ width:100%; }
	.mainAccordion .kwicks li .titArea{ text-align:left; }
	.mainAccordion .kwicks li .btnMoreArea{ top:15px; right:13px; text-align:right; }
	.mainAccordion .kwicks li .btnMoreArea .btnMore{  color:rgba(0,0,0,0); }
	.mainAccordion .kwicks li.kwicks-expanded{ padding-left:18px; }
	.mainAccordion .kwicks li.kwicks-expanded .titArea .tit{ padding:0 0 0 38px; margin:34px 0 0 0; font-size:2.4rem; background-position:0 50%; }
	.mainAccordion .kwicks li.kwicks-expanded .titArea .desc{ margin-top:12px; font-size:1.9rem; line-height:2.6rem; }
	.mainAccordion .kwicks li.kwicks-expanded .btnMoreArea{ left:18px; }
	.mainAccordion .kwicks li.kwicks-expanded .btnMore{ margin-top:155px; color:#fff; }
	.mainAccordion .kwicks li.accordion1{ background:url(../images/common/img_main_accordion1_mb.jpg) no-repeat scroll 0%; background-size:cover; }
	.mainAccordion .kwicks li.accordion2{ background:url(../images/common/img_main_accordion2_mb.jpg) no-repeat scroll 0%; background-size:cover; }
	.mainAccordion .kwicks li.accordion3{ background:url(../images/common/img_main_accordion3_mb.jpg) no-repeat scroll 0%; background-size:cover; }
	.mainAccordion .kwicks li.accordion4{ background:url(../images/common/img_main_accordion4_mb.jpg) no-repeat scroll 0%; background-size:cover; }


	.mainAccordion .kwicks li.accordion1 .titArea .tit{ background-size:30.5px auto; }
	.mainAccordion .kwicks li.accordion2 .titArea .tit{ background-size:26px auto; }
	.mainAccordion .kwicks li.accordion3 .titArea .tit{ background-size:20px auto; }
	.mainAccordion .kwicks li.accordion4 .titArea .tit{ background-size:25px auto; }


	
	

	.mainAccordion .kwicks li .titArea .tit{ display:inline-block;  margin:17px 0 0 16px; padding:0px 0 0 34px; font-size:2rem; color:#fff; background-position:0 50%; }



	/* 사업정보 */
	.productTabArea .tabs{ float:none; overflow:hidden; width:100%; }
	.productTabArea .tabs li{ float:left; width:25%; height:96px; padding:0; }
	.productTabArea .tab-content{ float:none; width:100%; height:auto; padding:24px 18px; }
	.productTabArea .tTit{ display:none; }
	.productTabArea li.tabs_on:after{ display:none; }
	.productTabArea .tabs li{ background-position:50%; }
	.productTabArea .tabs li.tabs_on{ background-position:50%; }
	.productTabArea .tab-content .ctit{ font-size:2.7rem; line-height:3rem; }



	/* 회사소개 */
	.productsLinkArea .productsLink li{ width:50%; }
	.productsLinkArea .productsLink li:first-child{ width:50%; margin-top:0; }
	.productsLinkArea .productsLink li.ico2{ margin-top:0; }
	.productsLinkArea .productsLink li.ico3{ margin-left:0; margin-top:-1px; }
	.productsLinkArea .productsLink li.ico4{ margin-top:-1px; }
	.productsLinkArea .productsLink li.ico5{ margin-left:0; }
	.productsLinkArea .productsLink li.ico7{ margin-left:0; }











	
	
	



	/**************** 서브 ****************
	**************************************/
	/* Business information */
	.IntegratedImg{ display:none; }
	.IntegratedImg_mb{ display:block; }
	.IntegratedImg_mb .imgBox{ padding:46px 24px 0;  border-top:1px solid #d9d9d9; }
	.accordion{ margin-top:4px; border-style:solid; border-color:#d9d9d9; border-width:0 1px 1px 1px; }
	.accordion dt{ display:block; position:relative; padding:21px 24px 22px 80px; border-top:1px solid #d9d9d9; font-size:1.8rem; color:#222; font-weight:700; line-height:2.4rem; }
	.accordion dt:before{ content:''; position:absolute; left:32px; top:50%; margin-top:-18.5px; width:44px; height:37px; }
	.accordion dt:after{ content:''; position:absolute; right:24px; top:50%; margin-top:-13.5px; width:26.5px; height:27px; background:url(../images/common/ico_accordion_plus.png) no-repeat right center; background-size:auto 27px; }
	.accordion dt.active{ border:1px solid #d81f2f; border-bottom:0; background:-moz-linear-gradient(left, #e1012a 0%, #ee7302 100%); background:-webkit-linear-gradient(left, #e1012a 0%,#ee7302 100%); background: linear-gradient(to right, #e1012a 0%,#ee7302 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1012a', endColorstr='#ee7302',GradientType=1 ); }
	.accordion dt.active:after{ background:url(../images/common/ico_accordion_minus.png) no-repeat right center; background-size:auto 27px; }
	.accordion dd{ padding:18px 26px; font-size:1.6rem; color:#222; border:1px solid #ebebeb; border-top:0; }
	.accordion dd strong{ display:block; font-size:1.6rem; color:#222; font-weight:500; }
	.accordion dt.active + dd{ border-color:#d81f2f; }
	.accordion dt.ico1:before{ background:url(../images/common/info_icon03.png) no-repeat 0 50%; background-size:30px auto; }
	.accordion dt.ico2:before{ background:url(../images/common/info_icon01.png) no-repeat 0 50%; background-size:30px auto; }
	.accordion dt.ico3:before{ background:url(../images/common/info_icon02.png) no-repeat 0 50%; background-size:30px auto; }
	.accordion dt.ico4:before{ background:url(../images/common/info_icon04.png) no-repeat 0 50%; background-size:32px auto; }
	.accordion dt.ico5:before{ background:url(../images/common/info_icon06.png) no-repeat 0 50%; background-size:30px auto; }
	.accordion dt.ico6:before{ background:url(../images/common/info_icon07.png) no-repeat 0 50%; background-size:30px auto; }
	.accordion dt.ico7:before{ background:url(../images/common/info_icon08.png) no-repeat 0 50%; background-size:30px auto; }
	.accordion dt.ico14:before{ background:url(../images/common/info_icon14.png) no-repeat 0 50%; background-size:25px auto; }


	.accordion dt.active{ color:#fff; }
	.accordion dt.active.ico1:before{ background:url(../images/common/info_icon03_hover.png) no-repeat 0 50%; background-size:30px auto; }
	.accordion dt.active.ico2:before{ background:url(../images/common/info_icon01_hover.png) no-repeat 0 50%; background-size:30px auto; }
	.accordion dt.active.ico3:before{ background:url(../images/common/info_icon02_hover.png) no-repeat 0 50%; background-size:30px auto; }
	.accordion dt.active.ico4:before{ background:url(../images/common/info_icon04_hover.png) no-repeat 0 50%; background-size:32px auto; }
	.accordion dt.active.ico5:before{ background:url(../images/common/info_icon06_hover.png) no-repeat 0 50%; background-size:30px auto; }
	.accordion dt.active.ico6:before{ background:url(../images/common/info_icon07_hover.png) no-repeat 0 50%; background-size:30px auto; }
	.accordion dt.active.ico7:before{ background:url(../images/common/info_icon08_hover.png) no-repeat 0 50%; background-size:30px auto; }
	.accordion dt.active.ico14:before{ background:url(../images/common/info_icon14_hover.png) no-repeat 0 50%; background-size:25px auto; }


	.btnAcco{ display:inline-block; height:34px; padding:0 21px; line-height:34px; color:#d81f2f; font-weight:700; font-size:1.6rem; border:1px solid #d81f2f; text-align:center; }
	.IntegratedImg_mb .cont li{ padding:21px 30px 22px; font-size:1.8rem; color:#222; font-weight:700; border-style:solid; border-color:#d9d9d9; border-width:0 1px 1px 1px; background-color:#f6f6f6; }


	/* 증착가스 */
	.accordion dt.ico8:before{ background:url(../images/common/ico_Infographic08.png) no-repeat 0 50%; background-size:30px auto; }
	.accordion dt.ico9:before{ background:url(../images/common/ico_Infographic09.png) no-repeat 0 50%; background-size:31.5px auto; }
	.accordion dt.ico10:before{ background:url(../images/common/ico_Infographic10.png) no-repeat 0 50%; background-size:43px auto; }
	.accordion dt.ico11:before{ background:url(../images/common/ico_Infographic11.png) no-repeat 0 50%; background-size:39px auto; }
	.accordion dt.ico12:before{ background:url(../images/common/ico_Infographic12.png) no-repeat 0 50%; background-size:29px auto; }
	.accordion dt.ico13:before{ background:url(../images/common/ico_Infographic13.png) no-repeat 0 50%; background-size:30px auto; }


	.accordion dt.active.ico8:before{ background:url(../images/common/ico_Infographic08_hover.png) no-repeat 0 50%; background-size:30px auto; }
	.accordion dt.active.ico9:before{ background:url(../images/common/ico_Infographic09_hover.png) no-repeat 0 50%; background-size:31.5px auto; }
	.accordion dt.active.ico10:before{ background:url(../images/common/ico_Infographic10_hover.png) no-repeat 0 50%; background-size:43px auto; }
	.accordion dt.active.ico11:before{ background:url(../images/common/ico_Infographic11_hover.png) no-repeat 0 50%; background-size:39px auto; }
	.accordion dt.active.ico12:before{ background:url(../images/common/ico_Infographic12_hover.png) no-repeat 0 50%; background-size:29px auto; }
	.accordion dt.active.ico13:before{ background:url(../images/common/ico_Infographic13_hover.png) no-repeat 0 50%; background-size:30px auto; }


	/* 개요 */
	.introDesc .desc br{ display:none; }
	.subHistoryArea .cont{ margin-top:20px; }
	.subHistoryArea .cont dl dd{ margin-top:10px; }
	.introInfoListArea{ padding:0 0 60px; }
	.introInfoList li{ width:33.33%; margin:14px 0 ; }
	.introInfoList{ position:relative; border-style:solid; border-width:1px 0; border-color:#d9d9d9; }
	.introInfoList:before{ content:''; position:absolute; top:50%; margin-top:-.5px; width:100%; height:1px; background-color:#d9d9d9; }
	.introInfoList li:nth-child(4){ border-left:0; }
	.subHistoryArea .cont dl dd ul li strong{ width:13%; }
	.subHistoryArea .cont dl dd ul li span{ width:87%; }
	
	.contactMap > dd .titArea .btnArea .btnLink2{ display:none; }

	

	/* ci */
	.ciBoxArea:first-child{ padding-top:0; }
	.ciBoxArea > li{width:100%; margin:0;}
	.colorSystem li ul{padding:20px 27px;}
	.patternBox img{width:100%;}
	.ciBoxArea.type2 .patternBox img{width:100%;}
	.ciBoxArea > li:first-child{ margin:0; }
	.ciBoxArea > li:first-child .tit{ margin-top:0; }




	/* 안전경영 */
	.subDescBox dt{ float:none; width:100%; }
	.subDescBox dd{ float:none; width:100%; padding:5px 0 6px 0; }
	.icoList li > div strong{ font-size:1.8rem; }
	.infoBoxlist.type2 li strong{ padding:10px 0 10px 50px; }
	.icoList li > div p{ font-size:1.4rem; line-height:1.8rem; }
	

	/* 품질경영 */
	.certificationArea ul{ padding:0; margin:0; }
	.certificationArea ul li{ padding:0 2.4%; }
	.infoItemList li{ float:none; width:100%; }
	.infoItemList li + li{ margin-top:14px; }
	.infoItemList li .inner{ height:auto; }
	.qualityArea .infoItemList li .inner{ height:auto; padding:20px 20px 36px; }
	.infoItemList li .inner .titArea{ padding-bottom:14px; }
	.infoItemList li .inner .titArea.ico1{ background-size:auto 30px; }
	.infoItemList li .inner .titArea.ico2{ background-size:auto 30px; }
	.infoItemList li .inner .titArea.ico3{ background-size:auto 30px; }

	.networkArea .list > li .inner .infoArea .job li{ margin-top:3px; }
	.networkArea .list > li .inner .infoArea .job li:first-child{ margin-top:0; }
	
	/* 사회공헌활동 */
	.activityList .inner .slick{ float:none; width:100%; }
	.subTitArea + .activityList .inner{ padding-top:50px; }
	.activityList .inner .cont{ float:none; width:100%; padding-right:0; }
	.activityList .inner .cont-desc{ float:none; width:100%; margin-top:10px; }
	.activityList .inner .cont h5 br{ display:none; }
	.activityList .inner .cont h5.ico2{ background-position:0 2px; }
	.activityList .inner .cont h5.ico3{ background-position:0 7px; }
	
	.activityList .inner .cont-desc{ padding-left:65px; }
	.activityList .inner .cont h5{ padding:10px 0 10px 60px; }
	/* news view */
	.newsView .cont .imgBox{ margin-top:30px; }


	

	/* 인재상 */
	.btnDown.pdf{ margin-top:40px; }


	/* HR 제도 */
	.evaluationArea .subDescBox dt{ width:100%; }
	.evaluationArea .subDescBox dd{ width:100%; }

	.infoBoxlist.type4 li > div{ padding:70px 10% 0; }
	.infoBoxlist.type4 li strong{ text-align:center; }
	.infoBoxlist.type4 li p{ text-align:center; }
	.infoBoxlist.type4 li p br{ display:none; }
	.infoBoxlist.type4 li .ico1, 
	.infoBoxlist.type4 li .ico2, 
	.infoBoxlist.type4 li .ico3{ background-position:50% 0; }
	.infoBoxlist.type4 li .ico4, 
	.infoBoxlist.type4 li .ico5,
	.infoBoxlist.type4 li .ico6{ background-position:50% 12px; }
	.capacityBoxArea .imgBox{ text-align:center; }



	.infoBoxlist.type4:first-child{ padding:24px 0 42px 0; }




	/* 인재육성 */
	.capacityBoxArea{ padding:0; }
	.capacityBoxArea img{width:82%;}
	.capacityBox h4{ display:block;}
	.capacityBox{ position:static; padding:25px 0 25px 98px; margin-top:0; border-bottom:1px solid #dcdcdc; }
	.capacityBox.textBox1{ background:url(../images/common/ico_capacity1.png) no-repeat 15px 27px; background-size:52px auto; }
	.capacityBox.textBox2{ background:url(../images/common/ico_capacity2.png) no-repeat 15px 33px; background-size:52px auto; }
	.capacityBox.textBox3{ background:url(../images/common/ico_capacity3.png) no-repeat 15px 41px; border-bottom:0; background-size:52px auto; }
	.capacityBox ul{ margin-top:8px; }
	.capacityBox ul li{ padding-left:15px; font-size:1.6rem; margin-left:-6px; line-height:2.6rem;}
	
	/* 일반문의 */
	.subTitArea.type2 .tit{ font-size:2.2rem; }
	.subTitArea.type2{ padding:62px 0 15px 0; }

	/* 안전경영 - 주요활동 */
	.activityInner li .imgAct{ width:100%; }
	.activityInner li .contAct{ width:100%; padding-left:0; }


	/* 주식정보 */
	.tabs02.type2 li{ padding:0 12px; font-size:1.8rem; }
	.tabs02.type2 li:hover:after, .tabs02.type2 li.tabs_on02:after{ left:12px; right:12px; }

	/* 윤리경영 */
	.ethicsSec2 .listArea .titImg{ padding:0 25.37%; }
	.infoIcoList{ padding:0; }
	.infoIcoList li{ padding:0 27px; }
	.ethicsListArea .infoBoxlist.type3{ padding:0; }
	.ethicsListArea .infoBoxlist.type3 li{ width:100%; padding:24px 0 30px; }
	.ethicsListArea .infoBoxlist + .infoBoxlist{ border:0; }
	.ethicsListArea .infoBoxlist li + li{ border-top:1px solid #ddd; }
	.ethicsListArea .infoBoxlist li:last-child{ border-bottom:1px solid #ddd; }
	.ethicsListArea .infoBoxlist.type3 li > div{ padding-left:75px; padding-right:0; background-position:0 0; }
	.ethicsListArea .infoBoxlist.type3 li .ico3{ background-position:10px 0; }
	.ethicsListArea .infoBoxlist.type3 li .ico8{ background-position:10px 0; }
	.ethicsListArea .infoBoxlist.type3:last-child li{ padding-bottom:0; border-bottom:0; }
	.ethicsSec1 .listArea .row{ display:block; position:relative; margin-top:0; padding-top:380px; }
	.ethicsSec1 .listArea .col{ display:block; width:100%; }
	.ethicsSec1 .listArea .col:nth-child(2n){ position:absolute; left:0; right:0; top:0; width:100%; text-align:center; }
	.ethicsSec1 .listArea .col:nth-child(2n) .imgBox img{ max-width:359px; }

	.ethicsSec1 .listArea .col ul{ margin-top:0; }
	.ethicsSec1 .listArea .col ul li{ padding:30px 18px 30px 18px; }
	.ethicsSec1 .listArea .col:nth-child(3n) ul li{ padding:30px 18px 30px 18px; }
	.ethicsSec1 .listArea .col:nth-child(3n) ul li:first-child{ border-top:1px solid #d9d9d9; }


	/* 투자정보 */
	.graphBox ul li{float:none; width:100%; margin-top:60px; }
	.graphBox ul li:first-child{ margin-top:0; }


	/* 주가정보 */
	.jobsBox{ margin-top:30px; }
	

	/* 인재채용 */
	.teamArea .infoItemList.type2 li{ width:100%; }
	.teamArea .infoItemList.type2 li .inner{ width:100%; height:auto; padding-bottom:20px; }
	

	.infoItemList.type2 li .inner .titArea.ico1,
	.infoItemList.type2 li .inner .titArea.ico2,
	.infoItemList.type2 li .inner .titArea.ico3,
	.infoItemList.type2 li .inner .titArea.ico4,
	.infoItemList.type2 li .inner .titArea.ico5,
	.infoItemList.type2 li .inner .titArea.ico6,
	.infoItemList.type2 li .inner .titArea.ico7,
	.infoItemList.type2 li .inner .titArea.ico8,
	.infoItemList.type2 li .inner .titArea.ico9,
	.infoItemList.type2 li .inner .titArea.ico10{ background-size:auto 40px; }



	

	/* CEO 인사말 */
	.ceoBox .desc p { display:none; }
	.ceoBox.mb{ display:block; }
	.ceoBox.mb{ background:none; }
	.ceoBox.mb .desc p{ display:block; }
	.ceoBox .imgArea{ left:0; width:100%; text-align:center; }
	.ceoBox .imgArea .imgBox{ text-align:center; }
	.ceoBox .imgArea .imgBox img{ max-width:340px; }
	.ceoBox .secInner .desc{ padding:54px 0 343px 0; }
	.ceoBox.mb .secInner .desc{ padding:0; }
	.ceoBox .secInner .desc .tit span{ display:block; text-align:center; }
	.introduceArea .imgDescArea{ margin-top:26px; }
	


	.ceoContList > li{ float:none; width:100%; padding-left:0; padding-top:30px; border-top:1px solid #d9d9d9; }
	.ceoContList > li:first-child{ padding-right:0; border-top:0; }
	.ceoContList + .ceoContList{ margin-top:40px; }
	.ceoContList{ padding:0; border-top:0; }
	.ceoContList > li + li{ margin-top:40px; }
	


	/* PR */
	.newInfoArea{ padding-top:40px; }
	.newInfoArea .info + .info{ margin-top:30px; }
	.newInfoArea .info{ float:none; width:100%; padding:0; }

	/* 품질경영 */
	.certificationArea ul.depth1 li{ padding:0 20%; }
	

	/* 제품정보 */

	.infoBoxlist.type4 + .infoBoxlist.type4{ padding-bottom:0; }
	.tableInfoArea .imgBox{ padding:0; }

	/* 전자공고 */
	.newsView.type2 .titArea{ padding:30px 0; }
	.fileLinkArea{ text-align:center; }
	.fileLink{ position:relative; display:inline-block; bottom:0; margin-top:24px; }

	
	/* 사업정보 */
	.gasList li{ float:none; width:100%; padding:0; }
	.gasList li:nth-child(2n){ padding:0; }
	.gasList li a{ height:auto; padding:30px 20px 40px; }
	.gasContArea .gasImg img{ width:100%; max-width:100%; }
	.gPatternBox p br{ display:none; }


	/* 통합서비스 */
	.totalSevice{ margin-top:4px; padding:0 14px; border:1px solid #d81f2f; }
	.totalSevice li{ padding:23px 0 24px 68px; font-size:2rem; line-height:2.5rem; color:#222; font-weight:700; border-top:1px solid #d9d9d9; }
	.totalSevice li:first-child{ border-top:0; }
	.totalSevice li.ico1{ background:url(../images/common/ico_total_service1.png) no-repeat 14px center; background-size:32.5px auto; }
	.totalSevice li.ico2{ background:url(../images/common/ico_total_service2.png) no-repeat 14px center; background-size:42.5px auto; }
	.totalSevice li.ico3{ background:url(../images/common/ico_total_service3.png) no-repeat 14px center; background-size:28.5px auto; }
	.totalSevice li.ico4{ background:url(../images/common/ico_total_service4.png) no-repeat 14px center; background-size:38px auto; }
	.totalSevice li.ico5{ background:url(../images/common/ico_total_service5.png) no-repeat 14px center; background-size:36px auto; }
	.totalSevice li em{ display:block; font-size:1.4rem; color:#999; }



}




/************************************************** 580PX 이하  **************************************************/

 @media only screen and (max-width:581px) { 

	
	/**************** 공통 ****************
	**************************************/

	
	/**************** 메인 ****************
	**************************************/
	.mainStockInfo .infoLink li{ height:180px; }
	.mainStockInfo .infoLink li a p{ display:none; }
	.productTabAreaMb .tabItem li{ height:170px; }
	

	.mainVisual .bx-wrapper .bx-controls-direction a{ width:55px; height:55px; }


	.productTabAreaMb .tTit{ font-size:1.8rem; line-height:32px; }
	/**************** 서브 ****************
	**************************************/


	/* 서브 공통 */
	.locationArea .home{ display:none; }
	.subVisualArea .locationSel{ width:50%; }

	.tabs01 li br{ display:block; }
	


	/* 제품정보 */
	.tableInfoArea .titArea h3{ text-align:center; }
	.tableInfoArea .titArea p{ padding-left:0; text-align:center; }
	.tableInfoArea .titArea p:before{ display:none; }
	.tableInfoArea .titArea h3 strong{ display:block; padding-left:0; }
	.tableInfoArea .titArea h3 strong:before{ display:none; }

	.subItemInfo .tit{ padding:54px 0 22px 0; background-position:center top; }
	.subItemInfo .tit.ico4{ padding-left:0; }
	.subItemInfo .tit.ico5{ padding-left:0; }

	/* 투자정보 */
	.graphBox ul li h3{ text-align:center; }

	/* HR 제도 */
	.evaluationArea .boxContent{ padding:50px 0; }

	/* 인재상 */
	.talentArea .talentInner .talentList > li{ background-position:50% 70px; }
	.talentArea .talentInner .talentList > li{ padding:200px 0 62px; background-position:50% 40px;}
	.talentArea .talentInner .talentList > li:first-child{ padding:225px 0 62px; }
	.talentArea .talentInner .talentList > li .talentCont{ margin-top:20px; }
	.talentArea .talentInner .talentList > li .talentCont li{ clear:both; width:100%; margin-top:20px; } 
	.talentArea .talentInner .talentList > li .talentCont li:first-child{ margin-top:0; }
	.talentArea .talentInner .talentList > li p{ font-size:1.8rem ;}


	/* 사업정보 */
	.productsLink li{ width:50%; }
	.productsLink li a{ padding:84px 0 46px 0; background-position:50% 24px !important;  }
	.productsLink li a:after{ bottom:18px; }
	.businessImg .imgBox{ margin-top:34px; }
	.gasListArea{ margin-top:44px; }


	.popImg img{ width:100%; }
	
 }












/************************************************** 480PX 이하  **************************************************/

 @media only screen and (max-width:481px) { 

	/**************** 공통 ****************
	**************************************/
	.header{height:60px;}
	.secInner{ padding:0 16px; }
	.subItemInfo .secInner{ padding:50px 16px 20px 16px; }
	.tabArea{ padding:0 16px; }
	.logo{ padding:12px 0 0 0; margin-right:0; }
	.logo a{width:100px; height:34px; background-size:100px auto; }
	.util .lang{ padding-top:16px; }
	.util .lang ul{top:59px;}
	.util .btnSiteMap{width:27px; height:20px; margin:20px 0 0 27px;}
	.lnbHead{ height:60px; }
	.lnbClose{ margin:20px 0 0 18px; }
	.subItemInfo .tit{ font-size:2.6rem; }
	.subItemInfo .stit{ font-size:1.6rem; }
	.subItemInfo .stit strong{ font-size:1.6rem; }
	.subTitArea .tit{ font-size:2.6rem; }
	

	.searchArea{ margin-top:14px; }
	.searchArea .schInner{ float:none; width:100%; }
	.searchArea .schInner .sel{ width:26%; }
	.searchArea .schInner .sch{ position:relative; width:72%; margin-left:2%; }
	.searchArea .schInner .sch .inp{ width:100%; }
	.schListArea .searchArea .schInner .sch{ width:100%; margin-left:0; }
	.imgBox.imgSize{ padding:0 !important; }


	.tabs01 li,
	.tabs02 li{ padding:15px; font-size:1.4rem; line-height:1.8rem; }
	.container{ padding-bottom:80px; }
	
	.productTabAreaMb .tTit{ padding:34px 0 0 0; margin-top:10px; }
	.productTabAreaMb .tab1Mb .tTit,
	.productTabAreaMb .tab2Mb .tTit,
	.productTabAreaMb .tab3Mb .tTit,
	.productTabAreaMb .tab4Mb .tTit{ background-position:50% 10% !important; }





	/**************** 메인 ****************
	**************************************/
	.mainVisual .titArea .tit{ font-size:3rem; line-height:3.4rem; }
	.mainVisual .titArea .tit br{ display:none; }
	.mainVisual .titArea .desc{ font-size:1.7rem; }
	.mainVisual .titArea .desc br{ display:none; }
	.mainVisual .bx-wrapper .bx-pager{ bottom:70px; }
	.mainVisual .bx-wrapper .bx-pager.bx-default-pager a{ margin:0 8px; }
	.bx-wrapper .bx-pager.bx-default-pager a{ width:8px; height:8px; }

	.mainTitArea{ padding:42px 0 10px; }
	.mainTitArea h2{ font-size:1.6rem; }
	.mainTitArea h3{ font-size:2rem; line-height:2.6rem; }
	.mainTitArea h3 em{ font-size:2rem; line-height:2.6rem; }
	.productTabArea .tab-content .ctit{ font-size:2.4rem; }
	.mainNews .mainTitArea{ padding:42px 0 38px; }

	.mainVisual .bx-wrapper .bx-controls-direction a{ width:45px; height:45px; }
	.mainVisual .bx-wrapper .bx-prev{ left:16px; }
	.mainVisual .bx-wrapper .bx-next{ right:16px; }
	.mainVisual .titArea{ top:10.5%; text-align:center; }
	.mainVisual .titArea p{ font-size:3rem; line-height:3.8rem; letter-spacing:-2px; }
	.mainVisual .titArea p strong{ font-size:3rem; }

	.mainAccordion h3{padding-top:0;}
	.mainAccordion h3 .pTxt{ height:48px; margin-top:-6px; vertical-align:-12px; }
	.mainAccordion h3 .pTxt text{ font-size:2.5rem; }
	.mainAccordion h3 .pTxt svg{width:230px; height:1em;}
	.mainAccordion h3 .pTxt pattern { width:230px; }
	.mainAccordion h3 .pTxt pattern image{ width:230px; height:auto;}

	.tab-content .itemEtc{ padding:30px 0 20px; }
	.tab-content .itemEtc table tbody tr td{ height:80px; }
	.tab-content .itemEtc table tbody td h5{ font-size:2rem; }
	.tab-content .itemEtc table tbody td span{ font-size:1.2rem; }

	
	.scrollBtnArea{ display:none; }
	.mainStockInfo .infoArea{ padding:15px 15px 0; }
	.mainStockInfo .infoArea .info{ padding:20px 0 24px 0; }
	.mainStockInfo .infoArea .info dt h4{ padding-right:30px; margin-top:0; font-size:1.9rem; background-size:24px auto; }
	.mainStockInfo .infoArea .info dt h4 em{ font-size:1.9rem; }
	.mainStockInfo .infoArea .info dt strong{ margin-top:8px; font-size:4rem; }
	.mainStockInfo .infoLink{ padding:114px 0 38px; }


	/* 증착가스 */
	.productTabArea .tabItem li strong{ font-size:1.5rem; }
	.productTabArea .tabItem li em{ font-size:1.4rem; }

	

	





	/**************** 서브 ****************
	**************************************/
	/* 공통 */
	.tabs01 li img{ width:64px; margin-top:4px; }
	.subHistoryArea .titArea strong{ font-size:2.2rem; padding-bottom:16px; }
	.subHistoryArea .titArea p{ padding-top:20px; font-size:2rem; line-height:2.4rem; }
	.subHistoryArea .cont dl dt{ float:none; width:100%; font-size:2.2rem; }
	.subHistoryArea .cont dl dd{ float:none; width:100%; }
	.subHistoryArea .cont dl dd ul li strong{ width:15%; }
	.subHistoryArea .cont dl dd ul li span{ width:85%; }
	.introDesc{ padding:82px 0 88px; }
	.introDesc .titArea{ font-size:1.6rem; line-height:2rem; }
	.introDesc .titArea strong{ font-size:2rem; line-height:2.4rem; }
	.contactMap > dd .titArea .tit{ font-size:2.4rem; }
	.contactMap > dd .innerList > li{ padding-left:0; }
	.contactMap > dd .innerList > li > strong{ width:30%; font-size:1.6rem; line-height:2rem;  }
	.contactMap > dd .innerList > li > span{ width:70%; font-size:1.6rem; line-height:2rem; }
	.contactMap > dd .titArea .btnArea{ clear:both; float:none; padding-top:10px; }
	.contactMap > dd .innerList > li > span > ul > li dl dd ul > li .bus{ margin-top:6px; }
	.introInfoList li{ width:50%; height:182px; max-height:inherit; margin:0; border-bottom:1px solid #d9d9d9; }
	.introInfoList li strong{ font-size:1.6rem; }
	.introInfoList li p{ font-size:1.2rem; }
	.introInfoList:before{ display:none; }
	.introInfoList li:nth-child(3){ border-left:0; }
	.introInfoList li:nth-child(4){ border-left:1px solid #d9d9d9;  }
	.introInfoList li:nth-child(5){ border-left:0; border-bottom:0; }
	.introInfoList li:nth-child(6){ border-right:0; border-bottom:0; }
	.introInfoListArea{ padding:0 0 54px; }
	





	/* 제품정보 */
	.tableStyle thead th{ font-size:1.2rem; line-height:1.5rem; }
	.tableStyle tbody td{ font-size:1.25rem; }
	.tableStyle tbody th{ font-size:1.25rem; }
	.tableStyle tbody th strong{ font-size:1.25rem; }
	.tableStyle tbody td span{ font-size:1rem; }
	.tableStyle .fCR{ font-size:1.2rem; }
	.schView li .btnArea a{ width:50%; }
	.schView li .btnArea a + a{ margin-left:0; }

	.itemListLink .list{ margin-top:0; }

	

	/* ci */
	.ciBoxArea{ padding-bottom:50px; }
	.colorSystem li,
	.colorSystem > li:first-child{ width:100%; padding:0;}
	.ciBoxArea > li .tit{ margin:27px 0 8px; font-size:1.8rem; }
	.ciBoxArea.type2 > li .tit.type2{ margin:0 0 8px; }
	.ciBoxArea.type2 + .ciBoxArea.type2 li + li{ margin-top:20px; }
	.colorSystem{ margin-top:12px; }
	
	/* 기업문화 */
	.companyArea .listArea .list li{ padding:0 6px; }
	.companyListArea .infoBoxlist li{ padding:32px 0; }
	.companyListArea .infoBoxlist li strong{ padding:15px 0 0 50px; }
	.companyListArea .infoBoxlist li > div{ padding-left:0; }
	.companyListArea .infoBoxlist li .ico1{ background-size:40px auto; }
	.companyListArea .infoBoxlist li .ico2{ background-size:40px auto; }
	.companyListArea .infoBoxlist.type2 li .ico3{ padding-left:0; background-size:40px auto; }

	/* 안전경영 */
	.icoListArea{ margin-top:40px; border-top:0; }
	.icoList{ padding:0 0 50px 0; }
	.icoList li{ float:none; width:100%; border-left:0; border-top:1px solid #e1e1e1; }
	.icoList li:first-child{ border-top:0; }
	.icoList li > div{ padding:85px 0 16px 0; }
	.icoList li .ico1, .icoList li .ico2, .icoList li .ico3{ background-position:50% 18px; }
	.activityArea .list{margin:0;}
	.activityArea .list li{margin-top:30px;}
	.activityInner li:last-child{ padding-bottom:0; }
	.activityList .inner{ padding-bottom:50px; } 
	.activityList .inner .cont-desc li br{ display:none; }
	.activityList .inner .cont-desc{ padding-left:55px; }

	/* 품질경영 */
	.certificationArea ul li{ float:none; width:100%; }
	.certificationArea ul li + li{ margin-top:40px; }
	.activityList .inner .cont h5{ padding:8px 0 4px 52px; font-size:2rem; line-height:3rem; } 

	.newsBoard .list > li .cont dt .date span{ display:block; }
	.newsBoard .list > li .cont dt .date strong{ display:block; padding-top:5px; margin-left:0; padding-left:0; }
	.newsBoard .list > li .cont dt .date strong:before{ display:none; }
	


	.activityList .inner .cont h5.ico1{ background-position:0 5px; }
	.activityList .inner .cont h5.ico2{ background-position:0 10px; }
	.activityList .inner .cont h5.ico3{ background-position:0 20px; }

	/* news view */
	.newsView .cont p br{ display:none; }

	

	

	/* HR제도 */
	.infoBoxlist.type4 li{ width:100%; }

	/* 공시정보 */
	.schView li .titArea{ float:none; }
	.schView li .btnArea{ float:none; }

	/* 인재채용 */
	.subDescBox dt{font-size:1.8rem;}

	/* 윤리경영 */
	.infoIcoList li{ float:none; width:100%; padding:0; }
	.infoIcoList li + li{ margin-top:40px; }
	.infoIcoList li .imgBox{ padding:0 84px; }
	.ethicsSec2 .listArea .titImg{ padding:0 6.37%; }
	.ethicsListArea .infoBoxlist li{ width:100%; }
	.ethicsSec1 .listArea{ padding:0 0 20px; }
	.ethicsSec1 .listArea .row{ padding-top:94%; }
	


	/* 투자정보 */
	.ruleArea .tit br{ display:none; }

	/* 주식정보 */
	.tabs02.type2 li{ font-size:1.2rem; }

	/* 공시정보 - 내부정보관리규정 */
	.ruleArea .imgBox{padding:0 10%;}

	/* 평가 보상 */
	.infoBoxlist.type4 li + li{ margin-top:40px; }


	/* 제품정보 메인 */
	.itemListLink .list > li{ width:50%; }
	.itemListLink .list > li .name{ height:154px; padding:54px 0 40px; font-size:1.5rem; }
	.itemListLink .list > li .name em{ font-size:1.5rem; line-height:1.8rem; }
	.itemListLink .list > li .name:after{ width:28px; height:28px; margin-left:-14px; bottom:16px; }
	.itemListLink .list > li.ico1 .name{ background-size:30px auto; background-position:50% 15px; }
	.itemListLink .list > li.ico2 .name{ background-size:30px auto; background-position:50% 15px; }
	.itemListLink .list > li.ico3 .name{ background-size:33px auto; background-position:50% 13px; }
	.itemListLink .list > li.ico4 .name{ background-size:42px auto; background-position:50% 20px; }
	.itemListLink .list > li.ico5 .name{ background-size:38px auto; background-position:50% 16px; }
	.itemListLink .list > li.ico6 .name{ background-size:30px auto; background-position:50% 18px; }



	/* 인재채용 */
	.evaluationArea .boxContent{ padding:45px 0 45px 0; }


	

	/* 제품문의 */
	.mbInquiry .mbRadioBox .styleRdo{width:44%;}

	/* CEO 인사말 */
	.ceoBox .secInner .desc{ padding:40px 0 300px 0; }
	.ceoBox .secInner .desc .tit span{ font-size:1.6rem; line-height:2.2rem; }
	.ceoBox .secInner .desc .tit strong{ font-size:1.6rem; line-height:2.2rem; }
	.ceoBox .secInner .desc p{ line-height:2.2rem; }
	.introduceArea .desc{ font-size:1.4rem; line-height:2.2rem; }
	.introduceArea .imgDescArea .descArea .sign{ margin-top:40px; }
	.introduceArea .imgDescArea .descArea .sign .name{ margin-top:8px; font-size:2rem; }
	.introduceArea .imgDescArea .descArea .sign .name em{ font-size:1.4rem; }
	.introduceArea .imgDescArea .descArea .sign img{ width:134px; }



	/* 품질경영 */
	.certificationArea ul.depth1 li{ padding:0 8%; }

	/* pr */
	.newInfoArea .info .tit{ font-size:1.8rem; }
	.newInfoArea .info .inner{ margin-top:8px; }

	/* HR 제도 */
	.evaluationArea .infoBoxlist.type4 + .infoBoxlist.type4{ padding-top:0; border-top:0; }
	.evaluationArea .infoBoxlist.type4 > li{ padding-top:34px; border-top:1px solid #ddd; }
	.evaluationArea .infoBoxlist.type4 > li:first-child{ border-top:0; }
	.evaluationArea .infoBoxlist.type4 + .infoBoxlist.type4 > li:first-child{ border-top:1px solid #ddd; }

	.infoBoxlist.type4:first-child{ }
	.infoBoxlist.type4 > li .ico1,
	.infoBoxlist.type4 > li .ico2,
	.infoBoxlist.type4 > li .ico3,
	.infoBoxlist.type4 > li .ico4,
	.infoBoxlist.type4 > li .ico5,
	.infoBoxlist.type4 > li .ico6{ background-position:15px 0; } 
	.infoBoxlist.type4 li > div{ padding:0 0 0 98px; }
	.infoBoxlist.type4 li strong{ text-align:left; }
	


	/* 기업문화 */
	.cultureCont > li .imgCont .desc br{ display:none; }
	.cultureCont > li .imgCont .tit{ padding-top:140px; font-size:4.2rem; line-height:4.6rem; background-size:260px auto !important; }
	.cultureCont > li .subContArea .subCont{ margin-top:48px; }

	/* 사업정보 */
	.productsLink{ margin-top:40px; }
	.gasContArea + .gPatternBoxArea{ margin-top:64px; }
	.industrial{ margin-top:60px; }
	
	.gasInner{ margin-top:50px; }
	.gasInner .descCont{ padding:0; }
	.gasInner .descCont p{ padding:26px 24px; font-size:1.4rem; line-height:2rem; }
	.gPatternBox{ padding:22px 15px; }
	.gPatternBox p{ font-size:1.4rem; line-height:2rem; }
	.gasContArea .cont p{ padding-top:26px; font-size:1.6rem; line-height:2.2rem; }
	.gasContArea .gasImg{ padding-top:0; }
	.gasContArea .secInner{ border-top:0; }
	.industrial li .inner{ height:auto; padding:26px; }
	.industrial li .inner p{ padding-top:14px; font-size:1.4rem; }
	.industrial li .inner h5{ padding-top:54px; font-size:1.8rem; }
	.industrial li .inner h5 em{ margin-top:0; font-size:1.6rem; }
	.totalSevice li{ font-size:1.5rem; line-height:2rem; }
	.talentArea .talentInner .talentList > li h4{ font-size:1.8rem; }
	.talentArea .talentInner .talentList > li p{ font-size:1.6rem; }
	.talentArea .talentInner .talentList > li:last-child{ padding-bottom:20px; }



	.industrial li .inner h5.ico1{ background-size:46.5px auto; }
	.industrial li .inner h5.ico2{ background-size:48px auto; }
	.industrial li .inner h5.ico3{ background-size:50px auto; }
	.industrial li .inner h5.ico4{ background-size:70px auto; }
	.industrial li .inner h5.ico5{ background-size:58px auto; }
	.industrial li .inner h5.ico6{ background-size:48px auto; }
	.industrial li .inner h5.ico7{ background-size:60px auto; }
	.industrial li .inner h5.ico8{ background-size:50px auto; }
	.industrial li .inner h5.ico9{ background-size:40px auto; }
	.industrial li .inner h5.ico10{ background-size:72px auto; }
	.industrial li .inner h5.ico11{ background-size:48px auto; }
	.industrial li .inner h5.ico12{ background-size:50px auto; }
	.industrial li .inner h5.ico13{ background-size:50px auto; }
	.industrial li .inner h5.ico14{ background-size:50px auto; }
	.industrial li .inner h5.ico17{ background-size:48px auto; }
	.industrial li .inner h5.ico18{ background-size:50px auto; }

	.gasListArea{ margin-top:24px; }
	.gasList li a h5{ padding:0 0 14px 48px; }
	.gasList li a h5.ico1{ background-size:33px auto; }
	.gasList li a h5.ico2{ background-size:41px auto; }
	.gasList li a h5.ico3{ background-size:45px auto; }
	.gasList li a h5.ico4{ background-size:34px auto; }

	.gasList li a .desc{ font-size:1.4rem; line-height:2rem; }
	.gasList li a .desc em{ padding-top:10px; }
	.businessImg h5{ padding-top:0; }
	.businessImg .secInner{ border-top:0; }


	/* 비지니스 */
	.accordion dt{ padding-left:66px; font-size:1.6rem; }
	.accordion dt:before{ left:18px; }
	.IntegratedImg_mb .cont li{ padding-left:20px; font-size:1.6rem; }


	/* 사업정보 */
	.gasContArea .cont p{ padding-top:20px; font-size:1.3rem; line-height:2.2rem;  }
	.gasContArea .cont p strong{ font-size:1.3rem; line-height:2.2rem; }
	

	/* IR */
	.schView li .titArea strong a{ font-size:1.6rem; }


	
	

	
	


}



/************************************************** 380PX 이하  **************************************************/

 @media only screen and (max-width:380px) { 

	/**************** 공통 ****************
	**************************************/
	sub{ font-weight:500; }
	




	/**************** 메인 ****************
	**************************************/

	.mainVisual .bx-wrapper .bx-controls-direction a{ width:35px; height:35px; }
	.productTabArea .tabItemArea{ padding-top:0; }
	.productTabArea .tabItem li{ float:none; width:100%; height:auto; }



	/**************** 서브 ****************
	**************************************/
	/* 기업문화 */
	.networkArea .list > li .inner .infoArea .num li{ float:none; width:100%; }
	.networkArea .list > li .inner .infoArea .num li{ padding-left:0; margin-left:0;  }
	.networkArea .list > li .inner .infoArea .num li:before{ display:none; }

	/* 개요 */
	.contactMap > dd .innerList > li > span > ul > li dl dd ul > li .bus{ display:block; }

	/* 전자공고 */
	.fileLink li a{ padding-left:24px; font-size:1.2rem; background-size:auto 22px; }
	

	
	
	

	
	.industrial{ margin-top:30px; }
	.gasContArea .imgBox{ padding-top:50px; }
	.gasInner{ margin-top:40px; }
	.gPatternBox{ padding:0 15px; }


	/* 고객지원 2020-02-05 */
	.customerSupport{ padding:40px 0 80px; }
	.customerSupport .cDesc{ padding-top:80px; font-size:15px; background-size:60px auto; }
	.customerSupport .cDesc strong{ font-size:15px; }
	.customerSupport .btnArea{ margin-top:32px; }
	.linkMail{ display:block; padding:20px 30px 20px; }
	.linkMail span{ padding-left:32px; font-size:15px; }

}




/************************************************** 360PX 이하  **************************************************/

 @media only screen and (max-width:361px) { 

	/**************** 공통 ****************
	**************************************/
	.mainAccordion .kwicks li.kwicks-expanded .titArea .tit{ font-size:2rem; }
	.mainAccordion .kwicks li.kwicks-expanded .titArea .desc{ font-size:1.6rem; line-height:2rem; }




	/**************** 메인 ****************
	**************************************/
	.productTabAreaMb .tabs > li .tTit{ font-size:1.4rem; }




	/**************** 서브 ****************
	**************************************/
	/* 사회공헌활동 */
	.newsBoard .list > li .cont dd img{ width:100%; }


	/* 투자정보 */
	.ruleArea .tit{ margin-top:14px; text-align:center; }
	.ruleArea .desc{ text-align:center; }

	


	/* 제품정보 서브 */
	.subItemInfo + .tableInfoArea{ padding-top:0; }
	.tableInfoArea .titArea h3{ font-size:2rem; }
	.tableArea .titArea h3{ font-size:2rem; }
	.tableInfoArea .titArea h3 strong{ font-size:2rem; }
	.tableArea .titArea h3 strong{ font-size:2rem; }
	.subItemList .slick{ margin-bottom:10px; }
	.tableInfoArea{ padding:40px 0 60px 0; }
	.tableInfoArea:last-child{ padding-bottom:0; }
	.subItemList .slick{ padding:0 24px; }
	.subItemInfo.etc .secInner{ padding-bottom:30px; }
	.subItemInfo.etc .line{ margin-top:40px; }
	.subItemInfo .tit{ font-size:2.8rem; }
	.subItemInfo .tit.ico4,
	.subItemInfo .tit.ico5{ padding-left:0; }
	.subItemInfo .stit br{ display:none; }
	.tableInfoArea .titArea p{ margin:6px 0 22px 0; }

	/* 품질경영 */
	.certificationArea ul li .imgBox .btnNewsMore{ bottom:18px; }

	/* news view */
	.newsView .cont{ padding-bottom:48px; }

	/* HR제도 */
	.capacityBox{ padding:25px 0 25px 78px; }
	.capacityBox h4{ font-size:1.8rem; }
	.capacityBox ul li{ font-size:1.4rem; line-height:2.2rem; }
	.capacityBox.textBox1,
	.capacityBox.textBox2,
	.capacityBox.textBox3{ background-size:40px auto; }
	.capacityBox.textBox2,
	.capacityBox.textBox3{ background-position:15px 26px; }

	

	
	

	
}

/************************************************** 320PX 이하  **************************************************/

 @media only screen and (max-width:320px) { 

	/**************** 공통 ****************
	**************************************/
	.secInner.type2{ padding:0; }
	.tabs01 li, .tabs02 li{ font-size:1.2rem; line-height:1.6rem; }
	.secInner{ padding:0 10px; }

	#popup-wrap .popup-content{ padding:20px 0; }
	#popup-wrap .popup-header h2{margin-top:4px;}
	.popup-content .tableStyle tbody th{padding:12px 0 0 2%;}
	.popup-content .tableStyle tbody td{padding:12px 0;}
	.subVisualArea .stit{ font-size:3rem; }
	.gnbBoxBtnMb li a span{ font-size:1.2rem; padding-left:36px; background-position:0 center !important; }

	/**************** 메인 ****************
	**************************************/
	.mainVisual .bx-wrapper .bx-prev{ left:10px; }
	.mainVisual .bx-wrapper .bx-next{ right:10px; }
	.productTabAreaMb .tabItem li strong{ font-size:1.3rem; }




	/**************** 서브 ****************
	**************************************/
	/* CEO 인사말 */
	.introduceArea .imgDescArea .descArea .sign .name br{ display:block; }
	
	/* 안전경형 */
	.activityArea .list li .cont .desc strong{line-height:12px;}
	.activityArea .list li .cont .desc p{height:55px; line-height:16px; }


	/* CEO인사말 */
	.ceoBox .secInner .desc{ padding:34px 0 270px 0; }

	/* 제품정보 */
	.subItemList .slick li em{ font-size:1.5rem; }
	.subItemList .slick-prev{ left:-5px; display:none; }
	.subItemList .slick-next{ right:-5px; display:none; }

	/* 제품정보 메인 */
	.itemListLink .list > li .name{ height:160px; padding:54px 3px; } 
	.itemListLink .list > li .name:after{ bottom:12px; }

	/* 품질경영 */
	.certificationArea ul.depth1 li{ padding:0; }

	/* 인재채용 */
	.teamArea .infoItemList.type2 li .inner .titArea{ padding-right:70px; }
	.pagingArea .paging a{ width:38px; height:38px; }

	/* 기업문화 */
	.companyArea .boxContent{ padding:50px 0 50px 0; }
	
	/* NEWS */
	.pagingArea .paging a{ width:38px; height:38px; }

	/* 사회공헌활동 */
	.activityList .inner .cont h5{ font-size:1.8rem; line-height:2.2rem; }
	.activityList .inner .cont h5.ico1{ background-position:0 0; background-size:auto 38px; }

	/* 사업정보 */
	.businessImg h5{ font-size:2.4rem; line-height:3rem; }
}

#mainPop {position: relative; width: 100%; top:110px;}
#mainPop .pop-inner {width:1020px; margin: 0 auto; padding:0 40px; position:relative;}
.mpopup { position:absolute; background:#fff; z-index:9999;}

.mpopup .popupTitArea{ position:relative; height:90px; line-height:90px; padding:0 34px; background:url(../images/common/bg_pop_header.png) no-repeat 50%; border:1px solid #444; border-bottom:0; z-index:9; }
.mpopup .popupTitArea h3{ font-size:2.8rem; color:#fff; font-weight:900; line-height:90px; }
.mpopup .mContents{ border:1px solid #444; margin-top:-1px; }
.mpopup .mfooter{ overflow:hidden; padding:14px 30px 14px 30px; background-color:#444; border:1px solid #444; border-top:0; }
.mpopup .mfooter #btn_close_1{ float:right; width:20px; height:20px; background:url(../images/common/btn_pop_close.png) no-repeat 50%; }
.mpopup .mfooter .chkArea{ float:left; }
.mpopup .mfooter .agreeChk{ height:auto; padding:0; background-color:#444; border:0; }
.mpopup .mfooter label{ position:relative; float:left; color:#fff; font-size:1.5rem; font-weight:500; }
.mpopup .mfooter .btnArea{ float:right; }
input[type="checkbox"]#btn_today_close{display:none;}
input[type="checkbox"]#btn_today_close + label span {display:inline-block; width:25px; height:24px; margin:-2px 10px 0 0; vertical-align:middle; background:url(../images/common/inputList.png)no-repeat -2px center/auto 24px; cursor:pointer;}
input[type="checkbox"]#btn_today_close:checked + label span {background:url(../images/common/inputList.png) no-repeat -27px center/auto 24px;}