@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700;900&display=swap');
/* CSS Document */
/* *******************************************************
 * filename : sub_style.css
 * description : 서브페이지 레이아웃 CSS
 * date : 2020-06-10
******************************************************** */
/*  SUB LAYOUT :: 비주얼 */
#sub_visual{position:relative; overflow:hidden; width:100%; height:550px; }
#sub_visual .visual-img-con{position:absolute; top:0px; left:0px; width:100%;height:100%;background-size:cover !important;-ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1);-webkit-transition:transform 5000ms  ease-in-out ;-moz-transition:transform 5000ms ease-in-out ;-o-transition:transform 5000ms ease-in-out ;-ms-transition:transform 5000ms ease-in-out ;transition:transform 5000ms ease-in-out ;}
#sub_visual .visual-img-con.dep1{background:#eee url(../../images/sub_visual01.jpg) no-repeat 50% 0%}
#sub_visual .visual-img-con.dep2{background:#eee url(../../images/sub_visual02.jpg) no-repeat 50% 0%}
#sub_visual .visual-img-con.dep3{background:#eee url(../../images/sub_visual03.jpg) no-repeat 50% 0%}
#sub_visual .visual-img-con.dep4{background:#eee url(../../images/sub_visual04.jpg) no-repeat 50% 0%}
#sub_visual .visual-img-con.dep5{background:#eee url(../../images/sub_visual05.jpg) no-repeat 50% 0%}
#sub_visual .visual-txt-con{position:relative; z-index:1; text-align:center; display:table; width:100%; height:100%; letter-spacing:-0.5px; color:#fff;}
#sub_visual .visual-txt-container{position:relative; width:100%; }
#sub_visual .visual-tit,
#sub_visual .visual-sub-txt,
#sub_visual .location{opacity:0;filter:Alpha(opacity=0);-ms-transform: translateY(-10px); -o-transform: translateY(-10px); -moz-transform: translateY(-10px);-webkit-transform: translateY(-10px); transform: translateY(-10px);-webkit-transition:opacity 1.0s, transform 1.0s;-moz-transition:opacity 1.0s, transform 1.0s;-o-transition:opacity 1.0s, transform 1.0s;-ms-transition:opacity 1.0s, transform 1.0s;transition:opacity 1.0s, transform 1.0s;}
#sub_visual .visual-tit{font-weight:700; font-size:50px; padding-top:240px; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
#sub_visual .visual-sub-txt{font-size:13px; font-weight:400; line-height:1.7;color:#bfbfbf;padding-top:30px;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}
#sub_visual .location{-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}
/* SUB LAYOUT :: 상단효과 active */
#sub_visual.active .visual-img-con{-ms-transform: scale(1.0,1.0) rotate(0.002deg); -o-transform: scale(1.0,1.0) rotate(0.002deg); -moz-transform: scale(1.0,1.0) rotate(0.002deg);-webkit-transform: scale(1.0,1.0) rotate(0.002deg);transform: scale(1.0,1.0) rotate(0.002deg);}
#sub_visual.active .visual-tit,
#sub_visual.active .visual-sub-txt,
#sub_visual.active .location{opacity:1.0;filter:Alpha(opacity=100);-ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px);-webkit-transform: translateY(0px); transform: translateY(0px);}
/* SUB LAYOUT :: 위치정보(location) */
.location{position:absolute; bottom:96px; left:0px;overflow:hidden;}
.location li{display:inline-block; vertical-align:middle; color:#f9f9f9; font-size:13px; letter-spacing:0;}
.location li a{color:inherit;}
.location li i{font-size:18px; margin-top:-2px;}
.location li:before{display:inline-block; content:">"; position:relative; top:-1px; vertical-align:middle; margin:0px 15px; color:#f9f9f9; font-size:12px; opacity:0.5;filter:Alpha(opacity=50);}
.location li:first-child:before{display:none;}
/*  SUB LAYOUT :: 서브메뉴(스타일1) */
#topMenu02{display:none}
#topMenu{position:relative; width:100%; }
#topMenu .side-menu-inner{text-align:center; width:100%; height:71px; border-bottom:1px solid #ddd; max-width:1200px; margin:0 auto;}
#topMenu .side-menu-inner ul li{/* float:left;*/ display:inline-block; width:200px; margin-left:-4px;} /* max-width 자유롭게 수정 */
#topMenu .side-menu-inner ul li:first-child{margin-left:0}
#topMenu .side-menu-inner ul li > a{display:block; display:table; position:relative;width:100%;height:71px; line-height:71px; color:#222; font-size:17px; letter-spacing:-0.25px; font-weight:400; word-break:keep-all;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
#topMenu .side-menu-inner ul li > a:before{position:absolute;bottom:0px;left:50%;width:0;height:1px;background-color:#0f529d;content:"";-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
#topMenu .side-menu-inner ul li > a > span{display:table-cell; vertical-align:middle; padding:0 15px; }
#topMenu .side-menu-inner ul li > a > span em{font-size:14px;}
#topMenu .side-menu-inner ul li > a:hover:before, 
#topMenu .side-menu-inner ul li.on > a:before{width:100%; margin-left:-50%;}
#topMenu .side-menu-inner ul li.on > a{color:#0f529d}
/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
#middleArea{position:relative; z-index:1; min-height:800px; margin-top:-80px; background-color:#fff; }
#middleArea:before,
#middleArea:after{position:absolute; top:80px; width:42px; height:100%; content:"";}
#middleArea:before{left:-42px; background:url(../../images/middle_area_shadow1.jpg) no-repeat; }
#middleArea:after{right:-42px; background:url(../../images/middle_area_shadow2.jpg) no-repeat; }
/*  SUB LAYOUT ::  SUB_SECTION*/
#sub_content{ padding:100px 0}
.sub-page-tab ul{/* overflow:hidden; */ height:61px; border-bottom:1px solid #e5e5e5; text-align:center; *zoom:1; margin-bottom:70px}
.sub-page-tab ul:after{clear:both; content:""; display:block;}
.sub-page-tab ul li{float:left; position:relative; width:calc(50% + 0.5px); position:relative; margin-left:-1px;}
.sub-page-tab ul.tab-num4 li{width:calc(25% + 0.25px); }
.sub-page-tab ul li:first-child{margin-left:0; }
.sub-page-tab ul li a{display:block; height:60px; line-height:60px; font-weight:400; color:#222; font-size:16px; letter-spacing:-0.5px; text-align:center; border:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;  background-color:#fff;}
.sub-page-tab ul li:first-child a{border-left:1px solid #ddd;}
.sub-page-tab ul li a span.small{font-size: 13px;font-weight: 600;position: relative;top: 2px;display: inline-block;padding: 0 5px 0 1px;}
.sub-page-tab ul li.selected{z-index:1;}
.sub-page-tab ul li.selected a{border-top-color:#0f529d; border-bottom-color:#fff; color:#0f529d}
.product-view-tit, .sub-content-tit {margin-bottom: 25px; font-size:23px; font-weight:600; letter-spacing: -0.25px; color: #222; position:relative;}
.product-view-tit:after, .sub-content-tit:after{ width:23px; height:3px; background:#0f529d; content:""; display:block; margin-top:10px}
.product-view-tit span.small, .sub-content-tit span.small{ font-size:16px; font-weight:800; display:inline-block; position:relative; top:2px} 
.sub-content-txt-box .sub-content-txt {color: #242424;font-size: 16px; letter-spacing: -0.25px; line-height: 26px; margin-bottom: 15px;opacity: 0.8; filter: Alpha(opacity=80);word-break: keep-all; word-break:break-word}
.sub-content-txt-box .sub-content-txt.info_t{ margin-top:10px}
.sub-content-txt-box .sub-content-txt span{ position:relative; display:block; padding-left:10px; box-sizing:border-box; width:100%; word-break:break-word}
.sub-content-txt-box .sub-content-txt span:after{ content:""; display:block; width:5px; height:1px; background:#242424; position:absolute; left:0; top:13px;}
.sub-content-txt-box .sub-content-txt.m_size{ font-size:18px}
.sub-content-txt-box .sub-content-txt.m_size b{ color:#0f529d}
.sub-content-txt-box .sub-content-txt.txt_info span:after{ background:#c00}
.quality-policy-con{margin-top: 45px;}
.quality-policy-con dt { position: relative;margin-bottom:15px; display:inline-block; width:49%}
.quality-policy-con dt:before {position: relative;display: inline-block;content: "";width: 22px;height: 23px;left: 0;top:3px;margin-right: 15px;background: url(../../images/quality_policy_icon.png) no-repeat;background-size: cover !important;}
.quality-policy-con dt b {display: inline-block;font-weight: 700;font-size: 20px;letter-spacing: 0;color: #111;line-height: 1.4; width: calc(100% - 37px);vertical-align: top;}
.quality-policy-con dd{background-color: #f4f4f4;margin-bottom: 16px; padding: 15px 28px; border-radius: 10px; -webkit-border-radius: 10px; font-size:16px}

.swiper-scrollbar-tbl, .swiper-scrollbar-tbl .swiper-scrollbar-drag {display: none;}
.content-table-wrapper{margin-bottom:5%;}
.content-table-tit{font-weight:400; margin-bottom:15px; color:#000; font-size:22px;}
.content-tbl{width:100%; border:1px solid #d1d1d1; word-break:keep-all; line-height:24px; }
.content-tbl thead th{background-color:#0f529d; padding:12px 0; color:#fff; font-size:16px; font-weight:600; border-bottom:1px solid #8e8e8e;border-left:1px solid #8e8e8e;}
.content-tbl tbody th, .content-tbl tbody td{border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1; padding:15px 15px; color:#242424; text-align:center; font-size:14.5px;  }
.content-tbl tbody th{background-color:#f1f1f1; font-weight:400}
.content-tbl tbody td{letter-spacing:-0.3px; text-align:center; }
.content-tbl tbody td img{height:/* max-width:100%; */}
.content-tbl thead th.bg-gray{background-color:#f1f1f1 !important;  text-align:center; font-size:14.5px; padding:12px 15px;  color:#242424; border-bottom-color:#d1d1d1; border-left-color:#d1d1d1; font-weight:400}
.content-tbl th.bg-dark-gray{background-color:#6c6d72 !important; text-align:center}
.bullet-style01 p{ font-weight: 400;margin-bottom:15px;color: #000;font-size:18px; position:relative; padding-left:13px; font-weight:500; line-height:1.5}
.bullet-style01 p:before{content: "";display: inline-block;position: absolute;top:10px; left: 0px;width: 5px;height: 5px;background-color: #19489e; -webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}
.bullet-style01 p b{ color:#0f529d}
.bullet-style01 p span{display:block; padding-left:10px; position:relative; font-weight:300; color:#333; margin-top:10px; font-size:16px}
.bullet-style01 p span:before{ content:""; display:block; width:5px; height:1px; background:#555; position:absolute; left:0; top:8px}
/*******************  SUB LAYOUT :: 개별 시작******************* */
/*기업소개*/
.overview-page-sub-tit{font-size:40px; letter-spacing:-0.25px; color:#282828; line-height:1.27em; text-transform:uppercase; text-align:center; position:relative; padding-bottom:30px;}
.overview-page-sub-tit:after {content:''; width:80px; height:4px; background-color:#2bc6ff; position:absolute; left:50%; margin-left:-40px; top:80px;}
.greeting-content {width:100%; height:1060px; background:url(../../images/info_img.jpg) center top no-repeat; position:relative; margin:70px 0 0;}
.info_tit {position:absolute; left:470px; font-size:130px; top:280px; color:rgba(255,255,255,0.6); font-weight:700; font-style:italic;}
.info_txt {background-color:#fff; position:absolute; bottom:17px; left:230px; padding:70px 0 0 70px; border-radius:45px 0 0 0; width:1050px;}
.info_txt1 {color:#11a8df; font-size:40px; line-height:50px; font-weight:500;}
.info_txt2 {color:#414141; font-size:25px; line-height:35px; font-weight:500; padding-bottom:50px;}
.info_txt3 {font-size:17px; line-height:27px; color:#5e5e5e;}
.info_sign {color:#282828; font-size:23px; padding-top:50px; font-weight:600;}

.history-content {width:100%; margin:70px 0 0; padding:0 80px; position:relative;}
.history-content br {display:none;}
.title_txt {width:100%; background-color:#f5f5f5; color:#333; padding: 70px 100px; border-radius:60px 0 0 0; font-size:25px; line-height:35px; margin-bottom:50px;}
.title_txt br {display:block;}
.history_logo {position:absolute; width:250px; height:180px; line-height:100px; text-align:center; background-color:#fff; right:110px; top:33px; box-shadow:10px 10px 10px rgba(0,0,0,0.3)}
#rolling_img { position: relative; width: 160; height: 82px; }
#rolling_img img { position: absolute; top:49px; left:45px; }

.business-content {width:100%; margin:70px 0 0; padding:0 80px; position:relative;}

.competence-content {width:100%; margin:80px 0 0; padding:0 0; position:relative;}
.culture_cont{}
.culture_cont dl.cultureCont_1 dt{background-image:url('../../images/culture_img01.jpg');}
.culture_cont dl.cultureCont_2 dt{background-image:url('../../images/culture_img02.jpg');}
.culture_cont dl.cultureCont_3 dt{background-image:url('../../images/culture_img03.jpg');}
.culture_cont dl.cultureCont_4 dt{background-image:url('../../images/culture_img04.jpg');}
.halfCont{max-width:1200px; margin:0 auto;}
.halfCont dl{display:Table; margin:0 0 140px; width:100%;}
.halfCont dt{display:Table-cell; width:50%; background-size:cover; background-position:center; height:470px}
.halfCont dd{display:Table-cell; width:50%; vertical-align:middle; letter-spacing:-0.45pt; padding:0 0 0 80px; box-sizing:border-box; line-height:175%;}
.halfCont dd h5{font-weight:500; color:#222222; letter-spacing:-0.75pt; line-height:120%; font-size:30px; position:Relative; z-index:1; word-break:keep-all; margin:0 0 12px}
.halfCont dd h5 font{font-family:'Playfair Display', serif; line-height:110%; color:rgba(55,47,45,0.1); font-size:80px; font-weight:700; position:Absolute; right:0; bottom:0px; overflow:visible; z-index:-1;}
.halfCont dd h6{font-size:20px; line-height:30px; font-weight:500; letter-spacing:-0.45pt; color:#6b5e5b; margin:-1px 0 12px; word-break:keep-all;}
.halfCont dd strong{font-weight:500; color:#372f2d; }
.halfCont dd li {font-size:17px; line-height:37px; position:relative; padding-left:13px;}
.halfCont dd li:before {content:''; position:absolute; width:4px; height:4px; border-radius:50%;background-color:#ccc; left:0; top:17px;}
.halfCont dl:last-child{margin:0; }
.halfCont dl:nth-child(even) {}
.halfCont dl:nth-child(even) dd{padding:0 80px 0 0}


@media (max-width: 1540px){
.location {left: 15px;}
}
@media all and (max-width:1300px){
.process-content >.step:before{background-size: 100%;width: 100%;}
}
@media all and (max-width:1220px){
/*  SUB LAYOUT :: 비주얼 */
#sub_visual .visual-txt-con{padding:0}
/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
#middleArea{padding:0;}
#middleArea:before, #middleArea:after {display:none;}
#content{padding:70px 15px}	
/*  SUB LAYOUT :: 서브메뉴 모바일*/
#topMenu .side-menu-inner ul li{ width:165px}
#topMenu .side-menu-inner ul li > a{ font-size:15px}
#topMenu .side-menu-inner ul li > a span{ padding:0;}
/*  SUB LAYOUT ::  SUB_SECTION*/
#sub_content{ padding:70px 15px}
.sub-content-txt-box .sub-content-txt {font-size: 13px;line-height: 20px;}
.sub-content-txt-box .sub-content-txt  span:after{top: 10px;}
/*******************  SUB LAYOUT :: 개별 시작******************* */
/*=================제품소개======================*/
.overview-introduction .overview-introduction-txt span{ box-sizing:border-box; padding:0 3%;} 
.overview-introduction .overview-introduction-txt span br{ display:none}

.greeting-content {width:100%; height:1060px; background:url(../../images/info_img.jpg) center top no-repeat; position:relative; margin:70px 0 0;}
.info_tit {position:absolute; left:470px; font-size:130px; top:290px; color:rgba(255,255,255,0.6); font-weight:700; font-style:italic;}
.info_txt {background-color:#fff; position:absolute; bottom:17px; left:120px; padding:60px 0 0 60px; border-radius:45px 0 0 0; width:1050px;}
.info_txt1 {color:#11a8df; font-size:40px; line-height:50px; font-weight:500;}
.info_txt2 {color:#414141; font-size:25px; line-height:35px; font-weight:500; padding-bottom:50px;}
.info_txt3 {font-size:17px; line-height:27px; color:#5e5e5e;}
.info_sign {color:#282828; font-size:23px; padding-top:50px; font-weight:600;}

.history-content {width:100%; margin:50px 0 0; padding:0 20px; position:relative;}
.history-content br {display:none;}
.title_txt {width:100%; background-color:#f5f5f5; color:#333; padding: 50px 80px; border-radius:60px 0 0 0; font-size:23px; line-height:33px; margin-bottom:50px;}
.title_txt br {display:block;}
.history_logo {position:absolute; width:250px; height:160px; line-height:100px; text-align:center; background-color:#fff; right:50px; top:18px; box-shadow:10px 10px 10px rgba(0,0,0,0.3)}
#rolling_img img { position: absolute; top:39px; left:45px; }

.business-content {width:100%; margin:50px 0 0; padding:0 20px; position:relative;}

/*글로벌네트워크*/
#globalContent .pc-img, #globalContent .map-detail-con {display: none;}
#globalContent .m-img {display: inline-block;max-width: 100%;}
/*=================제품소개======================*/
/*제품리스트*/
.product-list{ margin:0;}
.product-list-con{margin:0 -1%;}
.product-list-con .prd-item {width: 31.33%; margin: 1%;}
/*====================제품view======================*/
/*VIEW :: SECTION01*/
.product-view-inner .prd-txt-con .txt01{font-size:40px}
.product-view-inner .prd-txt-con .txt02{font-size:18px}
.product-view-inner .prd-txt-con .prd-small-img-con, .product-view-inner .prd-txt-con .prd-btn-con{margin-top: 30px;}
.product-view-inner .prd-txt-con .prd-small-img-con ul li{ height:13vw;}
.product-view-inner .prd-txt-con .prd-small-img-con ul li img{ width:100%; height:auto;}
.product-view-inner .prd-txt-con .prd-btn-con a{ height:50px; line-height:45px}
/*VIEW :: SECTION02&SECTION03*/
.product-view-con02, .product-view-con03{margin-top: 50px;}
.product-view-con02.area{padding: 0;}
.product-view-table{table-layout: fixed; width: 100%; border-top: 1px solid #222;}
.product-view-table tr{border-bottom: 1px solid #ddd;}
.product-view-table th, .product-view-table td{padding: 10px; color: #777;}
.product-view-table th{width: 150px;}
/*=================FACILITY/SYSTEM======================*/
/* process*/
.process-content >.step{ width:92%;}
.content-table-tit{font-size:17px;}
.content-tbl{min-width:100%;line-height: 1.3;}
.content-tbl thead th{font-size:13px; padding:10px 5px;}
.content-tbl tbody th, .content-tbl tbody td{font-size:12px;line-height:20px; word-break:keep-all;}
.content-tbl tbody td img{height:130px}
.content-tbl.type2 tbody td img{ height:190px}
.content-tbl.type2.long_img tbody td img{width:280px; height:auto;}
.process-content .step ul li .sbj h4 p{font-size:16px}
.process-content .step ul li .sbj h4 p span{ font-size:12px}
}
@media all and (max-width:1120px){
.greeting-content {width:100%; height:1060px; background:url(../../images/info_img.jpg) center top no-repeat; position:relative; margin:70px 0 0;}
.info_tit {position:absolute; left:70px; font-size:80px; top:325px; color:rgba(255,255,255,0.6); font-weight:700; font-style:italic;}
.info_txt {background-color:#fff; position:absolute; bottom:100px; left:0px; right:0px; padding:50px 50px 0 50px; border-radius:45px 45px 0 0; width:96%; margin:0 2% 0}
.info_txt1 {color:#11a8df; font-size:25px; line-height:35px; font-weight:500;}
.info_txt2 {color:#414141; font-size:20px; line-height:30px; font-weight:500; padding-bottom:50px;}
.info_txt3 {font-size:15px; line-height:25px; color:#5e5e5e;}
.info_sign {color:#282828; font-size:20px; padding-top:40px; font-weight:600;}

/*==TECHNOLOGY :: COMPARISON==*/
.dataBox ul li{ width:calc(50% - 10px);}
.dataBox ul li:nth-child(2n){ margin-right:0;}
.dataBox ul li:nth-child(2)~*{ margin-top:25px}
.tech_Box >div.bottom_area ul li h5{ font-size:13px; line-height:1.5}
.tech_Box >div.bottom_area ul li{ min-height:230px}
.comparison .content-tbl tbody th, .comparison .content-tbl tbody td{height:46px; box-sizing:border-box;}
}
@media all and (max-width:1020px){
/*  SUB LAYOUT :: 서브메뉴 모바일*/
#topMenu{display:none;}
#topMenu02{display:block; height:45px; padding:0 15px; box-sizing:border-box;}
#topMenu02 .side-menu-inner{height:44px; border-bottom:1px solid #ddd; }
#topMenu02 .location-to-home-btn{position:absolute; width:44px; height:44px; left:0px; top:0px; background-color:#fff; text-align:center; }
#topMenu02 .location-to-home-btn i{color:#f57f20; font-size:20px; line-height:44px;}
#topMenu02 .area{position:relative;}
#topMenu02 .location-to-home-btn + .area{margin-left:44px}
#topMenu02 .area> .cur-location{position:relative; display:block; height:44px; padding:0 30px 0 0px; text-align:left;}
#topMenu02 .area > .cur-location span{display:inline-block; line-height:44px; font-weight:500; font-size:15px; color:#0f529d; position:relative; padding-left:15px;}
#topMenu02 .area > .cur-location span:after{position:absolute; top:43px; left:0; width:calc(100% + 20px); height:1px; background-color:#0f529d; content:"";}
#topMenu02 .area > .cur-location .arrow{position:absolute; top:50%; right:10px; width:20px; height:20px;margin-top:-8px; font-size:20px;}
#topMenu02 .area > .cur-location.open .arrow{transform:rotate(-180deg); margin-top:-10px;}
#topMenu02 .area .sub-menu-con{display:none; position:absolute; top:44px; left:0px; width:100%; border:1px solid #ddd; border-top:0; background-color:#fff; z-index:1111; }
#topMenu02 .area.location1 .sub-menu-con{width:calc(100% - 1px)}
#topMenu02 .area .sub-menu-con li {display:block;width:100%; margin:0}
#topMenu02 .area .sub-menu-con li a{display:block; padding:7px 15px; font-size:15px; line-height:1.5; word-break:keep-all; height:auto;}
#topMenu02 .area .sub-menu-con li.on{position:relative;}
#topMenu02 .area .sub-menu-con li.on a{color:#0f529d; font-weight:500;}
#topMenu02 .side-menu-inner ul li > a > span{ padding:0;}
#topMenu02 .side-menu-inner ul li > a:before{display:none}
/*******************  SUB LAYOUT :: 개별 시작******************* */

.history-content {width:100%; margin:50px 0 0; padding:0 0px; position:relative;}
.history-content br {display:none;}
.title_txt {width:100%; background-color:#f5f5f5; color:#333; padding: 50px 80px; border-radius:0 0 0 0; font-size:20px; line-height:30px; margin-bottom:50px;}
.title_txt br {display:block;}
.history_logo {position:absolute; width:250px; height:150px; line-height:150px; text-align:center; background-color:#fff; right:30px; top:20px; box-shadow:10px 10px 10px rgba(0,0,0,0.3)}
#rolling_img { position: relative; width: 160px; height: 82px; }
#rolling_img img { position: absolute; width: 160px; height: 82px; top:34px; left:45px; }

.business-content {width:100%; margin:50px 0 0; padding:0 0px; position:relative;}

/*==인사말==*/
.company-right-con .btmarea{ position:relative;}
.company-right-con .btmarea:after{background: #fff;width: 109%;content: "";display: block;position: absolute;left: -4.5%;bottom: 0;height: 100%; z-index: -1; }
.company-sec > div{padding: 4.2% 3.5% 0;}
.company-sec .company-left-con,
.company-sec .company-right-con{float:none}
.company-sec .company-right-con{width:100%; padding-left:0; border-left:0; border-top:1px solid #e5e5e5;}
.company-sec .company-left-con{width:100%; padding-right:0}
.company-sec .company-right-con{padding-top:36px}
.ceo-sign-con{ border:0;}
.company-sec .company-left-con{margin-bottom:27px;}
.company-left-con .company-sub-tit br,
.company-sub-slogan br,
.company-sub-explain br{display:none}
.greeting-content .company-sub-slogan br{display:block}
.company-sec .company-left-con,
.company-sec .company-right-con{width:100%; position:relative; z-index:1;}
.company-right-con .greeting-txt p br{display:none}
.company-right-con .btmarea dl dt{width: 25%; }
.company-right-con .btmarea dl dd{ width:calc(100% - 26%);}
/*글로벌 네트워크*/
#globalNationTableCon .bbs-list-row .column{ font-size:12px; padding:10px 8px}
#globalNationTableCon .bbs-list-row .column br{ display:none}
/*==찾아오시는 길==*/
.map_wrap .info_wrap .figure{width: 29%; font-size:14px}
.map_wrap .info_wrap .address{width: calc(100% - 25%);}
.map_wrap .info_wrap .address .tit{ font-size:24px}
.map_wrap .info_wrap .address dl{ font-size:13px}
.map_wrap .info_wrap .address dl dt, .map_wrap .info_wrap .address dl dd{ padding-right:5px}
/*=================제품소개======================*/
/*제품리스트*/
.product-list-con{margin:0 -1%;}
.product-list-con .prd-item {width: 31.33%; margin: 1%;}
}
@media all and (max-width:990px){
/*******************  SUB LAYOUT :: 개별 시작******************* */
.info_tit {position:absolute; left:70px; font-size:80px; top:300px; color:rgba(255,255,255,0.6); font-weight:700; font-style:italic;}
.info_txt {background-color:#fff; position:absolute; bottom:100px; left:0px; right:0px; padding:50px 50px 0 50px; border-radius:45px 45px 0 0; width:96%; margin:0 2% 0}
.info_txt1 {color:#11a8df; font-size:25px; line-height:35px; font-weight:500;}
.info_txt2 {color:#414141; font-size:20px; line-height:30px; font-weight:500; padding-bottom:50px;}
.info_txt3 {font-size:15px; line-height:25px; color:#5e5e5e;}
.info_sign {color:#282828; font-size:20px; padding-top:40px; font-weight:600;}

.halfCont{padding:0 0}
.halfCont dl{margin:0 0 100px}
.halfCont dt{height:auto}
.halfCont dd{padding:50px 0 50px 50px;}
.halfCont dd h5{ font-size:22px; }
.halfCont dd h5 font{font-size:100px;bottom:-20px;;}
.halfCont dd h6{font-size:16px;}

.halfCont dl:nth-child(even) {}
.halfCont dl:nth-child(even) dd{padding:50px 50px 50px 0 }
.halfCont dd li {font-size:15px; line-height:35px; position:relative; padding-left:13px;}
.halfCont dd li:before {content:''; position:absolute; width:4px; height:4px; border-radius:50%;background-color:#ccc; left:0; top:17px;}
/*=================회사소개======================*/
/*연혁*/
.history-top-con{ background:url(../../images/history_banner.jpg) no-repeat 80% 50%; height:180px; width:100%;background-size: cover;}
.history-top-con > img{ display:none;}
/*=================제품소개======================*/
/*제품리스트*/
.product-list .prd-item-info-box {padding: 20px 15px;}
.product-list .prd-item-txt .prd-name{ font-size:26px;margin-bottom: 10px;}
.product-list .prd-item-txt .prd-txt{ font-size:13px}
/*=================FACILITY :: SYSTEM======================*/
/*process*/
.process-content >.step{ width:95%;margin: 0 auto 3%;}
.process-content .step ul li .sbj .ico{ height:40px}
.process-content .step ul li .sbj .ico img{ width:50px}
.process-content .step ul li .sbj h4{ margin-top:15px}
/*comparison*/
.quality-policy-con dt b, .bullet-style01 p{ font-size:17px}
.quality-policy-con dd{ font-size:14px}
.spec-inner strong, .spec-inner span{ font-size:20px}
.spec-inner.circle_bg1 strong{top:17%}
.bullet-style01 p br{display:none}
}
@media all and (max-width:920px){
/*******************  SUB LAYOUT :: 개별 시작******************* */	
.info_tit {position:absolute; left:70px; font-size:80px; top:280px; color:rgba(255,255,255,0.6); font-weight:700; font-style:italic;}
.info_txt {background-color:#fff; position:absolute; bottom:70px; left:0px; right:0px; padding:50px 50px 0 50px; border-radius:45px 45px 0 0; width:96%; margin:0 2% 0}
.info_txt1 {color:#11a8df; font-size:25px; line-height:35px; font-weight:500;}
.info_txt2 {color:#414141; font-size:20px; line-height:30px; font-weight:500; padding-bottom:50px;}
.info_txt3 {font-size:15px; line-height:25px; color:#5e5e5e;}
.info_sign {color:#282828; font-size:20px; padding-top:40px; font-weight:600;}
/*=================회사소개======================*/
/*연혁*/
.history-content {width:100%; margin:50px 0 0; padding:0 0px; position:relative;}
.history-content br {display:none;}
.title_txt {width:100%; background-color:#f5f5f5; color:#333; padding: 50px 40px; border-radius:0 0 0 0; font-size:18px; line-height:28px; margin-bottom:50px;}
.title_txt br {display:block;}
.history_logo {position:absolute; width:200px; height:150px; line-height:150px; text-align:center; background-color:#fff; right:20px; top:15px; box-shadow:10px 10px 10px rgba(0,0,0,0.3)}
#rolling_img { position: relative; width: 140px; height: 72px; }
#rolling_img img { position: absolute; top:44px; left:30px; width: 140px; height: 72px; }

.business-content {width:100%; margin:50px 0 0; padding:0 0px; position:relative;}

/*제품view*/
.product-view-inner{ display:block;}
.product-view-inner .prd-img-con{display: block; width: 100%; height: auto; position: static; float: none; margin-left: 0; margin: 0 auto;}
.product-view-inner .prd-img-con .prd-img-inner{display: block; width: 100%; height: 100%; padding:0}
.product-view-inner .prd-img-con ul{width: 100%; height: 100%;}
.product-view-inner .prd-img-con ul li{float: left; position: static; width: 100%; height: auto; padding-top: 0; margin:auto;}
.product-view-inner .prd-img-con ul li span{display: block; width: 100%; position: relative; height: 0; padding-top: 100%; overflow: hidden;}
.product-view-inner .prd-img-con ul li span img{display: block; position:absolute; max-width: none; max-height: none; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.product-view-inner .prd-img-con .slick-arrow{position: absolute; top: 50%; color: #222; z-index: 10;}
.product-view-inner .prd-img-con .slick-prev{left: 0;}
.product-view-inner .prd-img-con .slick-next{right: 0;}
/* 제품 타이틀 */
.product-view-inner .prd-txt-con{margin-top: 50px; display: block; width: 100%; height: auto; float: none; margin-left: 0; position: static; -webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
.product-view-inner .prd-txt-con .prd-txt-inner{display: block;}
.product-view-inner .prd-txt-con .txt01{}
.product-view-inner .prd-txt-con .txt02{margin-top: 15px;}
/* 제품 상세설명 */
.product-view-inner .prd-txt-con .prd-txt-group{margin-top: 30px;}
.product-view-inner .prd-txt-con .prd-txt-group li{margin-top: 2px; padding-left: 7px; position: relative; width: calc(100% - 10px);}
.product-view-inner .prd-txt-con .prd-txt-group li.first-li{margin-top: 0; padding-left: 0;}
.product-view-inner .prd-txt-con .prd-txt-group li span{display: inline-block; position: absolute; top: 0; left: 0;}
/* 제품 작은 썸네일 이미지 */
.product-view-inner .prd-txt-con .prd-small-img-con{margin-top: 30px;}
.product-view-inner .prd-txt-con .prd-small-img-con ul{margin: 0 -2%;}
.product-view-inner .prd-txt-con .prd-small-img-con ul li{float: left; width: 32.33%; height: auto; padding-top: 0; margin: 0 0.5%; position: static;}
.product-view-inner .prd-txt-con .prd-small-img-con ul.each{margin: 0 -2%;}
.product-view-inner .prd-txt-con .prd-small-img-con ul.each .slick-track{width: 100% !important;}
.product-view-inner .prd-txt-con .prd-small-img-con ul.each li{width: 29.33% !important; margin: 0 2%;}
.product-view-inner .prd-txt-con .prd-small-img-con ul li span{position: relative; overflow: hidden; background-color: #f6f6f6;}
.product-view-inner .prd-txt-con .prd-small-img-con ul li span img{display: block; width: 100%; height:auto;opacity: 0.35;}
.product-view-inner .prd-txt-con .prd-small-img-con ul li.slick-current span img{opacity: 1;}
/* 제품 버튼 */
.product-view-inner .prd-txt-con .prd-btn-con{margin: 30px -1% 0;}
/*VIEW :: SECTION02&SECTION03*/
.product-view-con03 ul{ margin-top:25px}
.product-view-con03 ul li{width:calc(50% - 26px); }
.product-view-con03 ul li:nth-child(2n)~*{ margin-top:30px}
/*=================FACILITY :: SYSTEM======================*/
/*process*/
.process-content >.step{ background:none; width:100%; margin-bottom:8%}
.process-content >.step:before{ display:none}
.process-content .step ul{}
.process-content .step ul li{ width:calc(50% - 14px); box-sizing:border-box; border:1px solid #ddd; margin:0 25px 0 0; padding:5% 0}
.process-content .step ul li:nth-child(2n){ margin-right:0;}
.process-content .step ul li:nth-child(2)~*{ margin-top:25px}
.process-content .step ul li > div{}
.process-content .step ul li .sbj .ico{ height:40px; margin:0;}
.process-content .step ul li .sbj{ height:auto;}
.process-content .step ul li .sbj .ico img{ width:60px}
.process-content .step ul li .sbj h4{ margin-top:15px}
.process-content .step ul li .sbj h4{ font-size:18px}
.process-content .step ul li .sbj h4 p span{ font-size:14px}
}
@media all and (max-width:800px){
/*  SUB LAYOUT :: 비주얼 */
#sub_visual{height:350px;}
#sub_visual .table-cell-layout{vertical-align:top;}
#sub_visual .visual-txt-container{padding-top:170px}
#sub_visual .visual-tit{font-size:40px; font-size:40px; padding-top:0px;}
#sub_visual .visual-sub-txt{display:none;}
/* SUB LAYOUT :: 위치정보(location) */
.location{bottom:15px;}
.location li{font-size:12px;}
.location li:before{margin:0 6px 0 4px; top:0px;}
.location li i{margin-top:0px; font-size:16px;}
/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
#middleArea{margin-top:0; min-height:300px}
#sub_content{padding:50px 15px}	
.sub-page-tab  ul{height:41px; margin-bottom:40px}
.sub-page-tab ul li a{font-size:13px; height:40px; line-height:40px}
.product-view-tit, .sub-content-tit{font-size: 18px;margin-bottom: 15px;}

/*******************  SUB LAYOUT :: 개별 시작******************* */
/*기업소개*/
.overview-introduction .overview-introduction-txt span strong br.m_only{ display:none;}
.overview-content{ background-size:contain;}
.overview-page-sub-tit{font-size:30px;}
.overview-page-sub-tit:after {content:''; width:40px; height:4px; background-color:#2bc6ff; position:absolute; left:50%; margin-left:-20px; top:55px;}
.overview-page-dot{margin-top:15px}
.overview-page-dot span{width:8px; height:8px; margin:0 5px}
.overview-introduction{}
.overview-introduction .overview-introduction-txt span{ font-size:15px; letter-spacing:0;}
.overview-introduction .overview-introduction-txt span strong{font-size:22px}
.philo-value-icons{padding: 15px 0 0;}
.value-icon li.value1, .value-icon li.value4{margin-top:85px;}
.value-icon .value-inner .value-tit{ font-size:13px; top:-40px}
.value-logo-con > img{ width:20%;}


/*==연혁==*/
.history-content {width:100%; margin:50px 0 0; padding:0 0px; position:relative;}
.history-content br {display:none;}
.title_txt {width:100%; background-color:#f5f5f5; color:#333; padding: 50px 32% 50px 5%; border-radius:0 0 0 0; font-size:17px; line-height:27px; margin-bottom:50px;}
.title_txt br {display:none;}
.history_logo {position:absolute; width:200px; height:130px; line-height:130px; text-align:center; background-color:#fff; right:10px; top:10px; box-shadow:10px 10px 10px rgba(0,0,0,0.3)}

#rolling_img { position: relative; width: 120px; height: 62px; }
#rolling_img img { position: absolute; top:34px; left:40px; width: 120px; height: 62px; }

.business-content {width:100%; margin:50px 0 0; padding:0 0px; position:relative;}

/*==오시는 길==*/
.map_wrap{ padding-bottom:20%}
.map_wrap .info_wrap{ }
.map_wrap .map_area{ height:400px}
.map_wrap .info_wrap > div >*{ width:100%!important; display:block; position:inherit!important; } 
.map_wrap .info_wrap .figure{font-size: 14px;height: 80px;box-sizing: border-box;padding: 0;background-size: 40px;background-position: 30px;text-align: left; padding: 0 0 0 85px;line-height: 103px;}
.map_wrap .info_wrap .address{ padding-left:25px}
.map_wrap .info_wrap .address .tit{width: calc(100% - 25px);}
/*=================제품소개======================*/
/*제품리스트*/
.product-list-con{margin: -10px -1%;}
.product-list-con .prd-item {width: 48%; margin: 10px 1%;}
.product-list-con .prd-item-inner .prd-thumb-box {}
.product-list-con .prd-item-inner .prd-thumb-box img {max-width: 100%; max-height: 100%;}
.product-list-con .prd-item-info-box{padding:20px 15px; text-align: center;}
.product-list-con .prd-item-txt .prd-name {font-size: 20px; margin-bottom:0;}
.product-list-con .prd-item-txt .prd-txt {display: none;}
/*====================제품view======================*/
/*VIEW :: SECTION01*/
.product-view-inner .prd-img-con .slick-arrow {margin-top: -12.5px;font-size: 25px;}
/* 제품 큰 썸네일 이미지 */
.product-view-inner .prd-img-con .slick-arrow{margin-top: -12.5px; font-size: 25px;}
/* 제품 타이틀 */
.product-view-inner .prd-txt-con{ margin-top:30px}
.product-view-inner .prd-txt-con .txt01{font-size: 30px;}
.product-view-inner .prd-txt-con .txt02{font-size: 15px;}
/* 제품 상세설명 */
.product-view-inner .prd-txt-con .prd-txt-group{ margin-top:20px}
.product-view-inner .prd-txt-con .prd-txt-group li{font-size: 13px; line-height: 20px;}	
.product-view-inner .prd-txt-con .prd-txt-group li.first-li{font-size: 12px;}
/* 제품 버튼 */
.product-view-inner .prd-txt-con .prd-btn-con a{font-size: 15px;}
/*VIEW :: SECTION02*/
.product-view-table thead tr th{ font-size:14px}
.product-view-table th, .product-view-table td{font-size: 11px; line-height: 15px;}
.product-view-table th{width: 80px;}
.product-view-con03 ul li figure figcaption{ font-size:15px}
/*=================FACILITY/SYSTEM======================*/
/*process*/
.swiper-scrollbar-tbl {display: block;}
.swiper-container-android .swiper-slide,.swiper-table-container .swiper-wrapper {-webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}
.m-scroll-table-con{width:800px; padding-bottom:20px; cursor:pointer}
.swiper-table-container {width: calc( 100% + 15px );margin: 20px -15px 20px 0 !important ;}
.swiper-table-container:after{position:absolute; top:0px; right:0px; width:30px; height:100%; content:""; z-index:9; opacity:0.2;filter:Alpha(opacity=20);background:url(../../images/table_bg.png) repeat-x 0% 50%}
.swiper-slide-tbl{width:800px !important;}
.comparison ..m-scroll-table-con{width:480px!important}
.swiper-scrollbar-tbl{display:block;}
.swiper-scrollbar-tbl .swiper-scrollbar-drag{display:block; background-color:#0f529d;}
/*==TECHNOLOGY :: COMPARISON==*/
/*탭으로 구성할경우 주석 풀기
.Box-area > div{ width:100%; float:none; margin:0;margin-top:7%;}
*/
.tech_Box >div.top_area h4{font-size:15px;top: -25px;}
.tech_Box >div.top_area ul li{ font-size:13px; min-height:70px; height:auto;}
.tech_Box >div.bottom_area ul li{ float:none; width:100%; margin:0; margin-bottom:55px}
.comparison .sec03 .figure_box figure{ padding:15px 10px}
.business02-coating-spec{ margin-top:40px}
.comparison-process{ padding:25px 0}
.spec-inner{box-shadow: 0px 20px 20px rgba(0, 0, 0, .10);}
/*=================온라인 문의======================*/
.inquiry-essential-txt{ font-size:10px}
.write-tbl tr,.write-tbl th,.write-tbl td{display:block; padding:0; width:100% !important; border-bottom:0; text-indent:0;}
.write-tbl th{font-size:13px; padding-top:10px; font-weight:600; box-sizing:border-box;}
.write-tbl td{padding:10px 0; border-bottom:1px solid #ddd; }
.write-tbl td .write-input,
.write-tbl td .write-select,
.write-tbl td .write-textarea{width:100% ; height:auto; padding:10px 0; border:0; background-color:#f0f0f0; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.write-tbl td .write-textarea{height:80px;}
.write-tbl td .write-sub-txt, .write-tbl td .write-sub-txt2{display:block; margin-left:0; margin-top:5px; text-align:right; font-size:12px; }
.radioCont li{ font-size:14px; padding-right:7px}
.radioCont li input{ position:relative; }
.write-tbl th.none_impor{ padding-left:0;}
.filebox .file_wr label{ padding:0;width:100px; text-align:center;}
.write-tbl td input.file-name{ width:calc(100% - 105px);}
.frm_info{ font-size:11px}
/* 게시판 :: 쓰기, 문의폼 :: 기타 */
.write-tbl .input-check{padding:5px 0;}
.write-tbl .input-check span{margin-right:15px;}
.phone-fieldset .write-input,.phone-fieldset .write-select{width:calc(33.33% - 18px) !important;}
.email-fieldset .write-input{width:calc(50% - 14px) !important;}
.email-fieldset .write-select{width:100% !important; margin-top:5px;}
.write-tbl .address-btn{min-width:auto; font-size:12px; margin-left:5px; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.cm-btn-controls button, .cm-btn-controls a{width: 110px;height: 36px;font-size: 14px;}
}
@media all and (max-width:768px){
#sub_visual .visual-tit{font-size:30px; }
/*******************  SUB LAYOUT :: 개별 시작******************* */
.info_tit {position:absolute; left:50px; font-size:70px; top:360px; color:rgba(255,255,255,0.6); font-weight:700; font-style:italic;}
.info_txt {background-color:#fff; position:absolute; bottom:40px; left:0px; right:0px; padding:30px 30px 0 30px; border-radius:30px 30px 0 0; width:96%; margin:0 2% 0}
.info_txt1 {color:#11a8df; font-size:25px; line-height:35px; font-weight:500;}
.info_txt2 {color:#414141; font-size:20px; line-height:30px; font-weight:500; padding-bottom:30px;}
.info_txt3 {font-size:15px; line-height:25px; color:#5e5e5e;}
.info_sign {color:#282828; font-size:20px; padding-top:40px; font-weight:600;}

.competence-content {width:100%; margin:50px 0 0; padding:0 0; position:relative;}
.halfCont{}
.halfCont dl{margin:0 0 80px; display:block; position:Relative;}
.halfCont dt{height:240px; display:block; width:100%; position:absolute; top:0; left:0;}
.halfCont dd{display:block; width:100%; padding:260px 0 0;}
.halfCont dd h5{ font-size:18px; }
.halfCont dd h5 font{font-size:90px;bottom:-70px; margin:0 0 8px}
.halfCont dd h6{font-size:15px; margin:0 0 8px}

.halfCont dl:nth-child(even) {}
.halfCont dl:nth-child(even) dd{padding:260px 0 0;}
.halfCont dd li {font-size:13px; line-height:30px; position:relative; padding-left:13px;}
.halfCont dd li:before {content:''; position:absolute; width:4px; height:4px; border-radius:50%;background-color:#ccc; left:0; top:13px;}

/*글로벌 네트워크 */
#globalNationTableCon .bbs-list-tbl, .bbs-list-row, .bbs-list-row .column {display: block;}
#globalNationTableCon .bbs-list-head{ display:none;}
#globalNationTableCon .bbs-list-row {position: relative;width: 96%;padding: 15px 2%;border-bottom: 1px solid #ddd;overflow: hidden;width: 100%; box-sizing:border-box;}
#globalNationTableCon .bbs-list-row .bbs-title {text-align: left;font-size: 16px;font-weight: 500 !important;padding: 5px 10px;background-color: #19489e; color: #fff; margin: 5px 0;}
#globalNationTableCon .bbs-list-row .column {border-bottom: 0;text-align: left; padding: 3px 5px 3px 15px;text-align: left; box-sizing:border-box; border-right:0;}
#globalNationTableCon .bbs-list-row .column:after{ clear:both; content:""; display:block; height:0; visibility:hidden;}
.bbs-list-row .column:not(.bbs-title):not(.bbs-no-data):before{padding-right:5px; color:#aaa; content: attr(data-label); width:22%;}
.bbs-list-row .column[data-label="no"]:before{padding-right:0; display:none;}
#globalNationTableCon .bbs-list-row .column span{ display:inline-block; padding-right:1.5%}
#globalNationTableCon .bbs-list-row .column p{ display:inline-block; width:calc( 100% - 24%);}
#globalNationTableCon .bbs-list-row .column::before, #globalNationTableCon .bbs-list-row .column p { float:left; box-sizing:border-box; vertical-align:top}
/**=TECHNOLOGY :: COMPARISON=**/
.dataBox ul li{ width:100%; margin-right:0; margin-top:25px}
.comparison .sec03{}
.comparison .sec03 .figure_box figure{float:none; width:100%; margin:0; margin-top:7%;}
.structure-img{ margin-top:3%;}
.structure-img h5,.structure-img ul li figure figcaption{ font-size:14px}
.structure-img ul li{ width:50%;}
.quality-policy-con dt b, .bullet-style01 p{ font-size:15px}
.spec-inner.circle_bg1 strong{ font-size:14px; top:20%}
.spec-inner strong{ top:40%}
.comparison-process{width:90%}
.business02-coating-spec .spec-top li{margin-top: 75px;}
}
@media all and (max-width:625px){
/*******************  SUB LAYOUT :: 개별 시작******************* */
.greeting-content {width:100%; background:url(../../images/info_img.jpg) center -150px no-repeat; position:relative; margin:70px 0 0;}
.info_tit {position:absolute; left:20px; font-size:50px; top:0%; color:rgba(255,255,255,0.6); font-weight:700; font-style:italic;}
.info_txt {background-color:#fff; position:absolute; bottom:40px; left:0px; right:0px; padding:30px 0 0 0; border-radius:0; width:100%; margin:0 0 0}
.info_txt1 {color:#11a8df; font-size:20px; line-height:30px; font-weight:500;}
.info_txt2 {color:#414141; font-size:18px; line-height:28px; font-weight:500; padding-bottom:30px;}
.info_txt3 {font-size:13px; line-height:23px; color:#5e5e5e;}
.info_sign {color:#282828; font-size:18px; padding-top:40px; font-weight:600;}
/*회사소개*/
.value-icon li{width: 15%;margin: 0 5%;}

/*==연혁==*/
.history-content {width:100%; margin:50px 0 0; padding:0 0px; position:relative;}
.history-content br {display:none;}
.title_txt {width:100%; background-color:#f5f5f5; color:#333; padding: 40px 33% 40px 5%; border-radius:0 0 0 0; font-size:15px; line-height:25px; margin-bottom:50px;}
.title_txt br {display:none;}
.history_logo {position:absolute; width:180px; height:120px; line-height:120px; text-align:center; background-color:#fff; right:10px; top:18px; box-shadow:10px 10px 10px rgba(0,0,0,0.3)}
.history_logo img {width:60%;}

#rolling_img { position: relative; width: 120px; height: 62px; }
#rolling_img img { position: absolute; top:29px; left:30px;  width: 120px; height: 62px;}

.business-content {width:100%; margin:50px 0 0; padding:0 0px; position:relative;}

.competence-content {width:100%; margin:50px 0 0; padding:0 0; position:relative;}
.halfCont{}
.halfCont dl{margin:0 0 80px; display:block; position:Relative;}
.halfCont dt{height:240px; display:block; width:100%; position:absolute; top:0; left:0;}
.halfCont dd{display:block; width:100%; padding:260px 0 0;}
.halfCont dd h5{ font-size:20px; }
.halfCont dd h5 font{font-size:50px;bottom:-20px; margin:0 0 8px}
.halfCont dd h6{font-size:15px; margin:0 0 8px}

.halfCont dl:nth-child(even) {}
.halfCont dl:nth-child(even) dd{padding:260px 0 0;}
.halfCont dd li {font-size:13px; line-height:30px; position:relative; padding-left:13px;}
.halfCont dd li:before {content:''; position:absolute; width:4px; height:4px; border-radius:50%;background-color:#ccc; left:0; top:13px;}

/*==오시는 길==*/
.map_wrap .map_area{ height:350px}
/*==테크놀러지==*/
.tech_Box >div.top_area ul li{ float:none; width:100%; margin:0; margin-bottom:10px; display:table; width:100%; text-align:left;}
.tech_Box >div.top_area ul li p{ display:table-cell; vertical-align:middle; font-size:15px}
/*comparison*/
.business02-coating-spec .spec-top li.coating-sepc2, .business02-coating-spec .spec-top li.coating-sepc3{margin-top: 20px;}
}
@media all and (max-width:576px){
/*******************  SUB LAYOUT :: 개별 시작******************* */
/*회사개요*/
/*==인사말==*/
.company-sec > div { padding: 5.5% 4% 0;}
.company-right-con .btmarea dl dt, .company-right-con .btmarea dl dd{display:block; width:100%;}
.company-right-con .btmarea dl dt{ border:0; font-size:16px; color:#222; font-weight:500}
.company-right-con .btmarea dl dt:after{ display:none}
.company-right-con .btmarea dl dd{ padding:0 0 8px 20px; position:relative;}
.company-right-con .btmarea dl dd:before{ width:5px; height:1px; background:#666; content:""; display:block; position:absolute; left:0; top:11px; margin-left:11px}
/*==연혁==*/
.history-top-con{ height:150px;}
.history-top-con dl { top:20px; padding-top:3.5%;height: 67%;}
.history-top-con dl dt{ font-size:17px}
.history-top-con dl dd{ font-size:10px}
.history_container .con .list_wrap>.list:nth-child(1) .area01:before{ background-size:70%;}
.history_container .con .list_wrap>.list > div, .history_container .con .list_wrap>.list .year_list_wrap > div, .history_container .con .list_wrap>.list .year_list_wrap > ul{float:none!important; width:100%!important;}
.history_container .con .list_wrap>.list .area01 img{top:0;}
.history_container .con .list_wrap>.list .area02{ padding-top:30px}
.history_container .con .list_wrap>.list .area02 .s_list_wrap{ margin-bottom:30px; margin-top:10px}
.history_container .con .list_wrap>.list:nth-child(odd) .year_list_wrap{ margin-left:20px}
.history_container .con .list_wrap>.list:nth-child(odd) .area02 .year{ font-size:28px;width: 20%;}
.history_container .con .list_wrap>.list:nth-child(odd) .area02 .s_list_wrap .s_list .tit{ font-size:13px;}
.history_container .con .list_wrap>.list:nth-child(odd) .area02 .s_list_wrap .month{font-size:13px; margin-right:10px}
/*==오시는 길==*/
.map_wrap .info_wrap .figure{ height:50px;background-size: 25px; background-position:20px;padding: 0 0 0 55px;line-height: 50px;}
.map_wrap .info_wrap .address{ padding:20px}
.map_wrap .info_wrap .address .tit{ font-size:17px}
.map_wrap .info_wrap .address dl{ font-size:12px; margin-top:0;}
.map_wrap .info_wrap .address dl:last-child br{ display:block;}
 /*VIEW :: SECTION02&SECTION03*/
.product-view-con03 ul{ margin:0;}
.product-view-con03 ul li, .product-view-con03 ul.type2 li{width:100%; margin:0;}
.product-view-con03 ul li:nth-child(1n)~*{ margin-top:30px}
.product-view-con03 ul li figure figcaption{ height:auto;}
/*comparison*/
.business02-coating-spec{ margin-top:25px}
.business02-coating-spec .spec-top{ background:none}
.business02-coating-spec .spec-top li{ margin-top:0!important}
.spec-inner{width: 100%;border-radius: 10px;padding-top:65%; background-size: 100% 100%!important;}
.spec-inner strong, .spec-inner span{ font-size:16px}
.quality-policy-con dt b, .bullet-style01 p{ font-size:14.5px}
.quality-policy-con dt{ width:100%}
.quality-policy-con dt:before{width: 18px;height: 19px;margin-right: 8px; top:1px}
.quality-policy-con dd {font-size: 12px; padding: 15px; line-height: 1.4;word-break: break-word;}
}
@media all and ( max-width: 520px ){
.overview-introduction .overview-introduction-txt span strong br.m_only{ display:block;}
/*글로벌 네트워크*/
.bbs-list-row .column:not(.bbs-title):not(.bbs-no-data):before{width:27%;}
#globalNationTableCon .bbs-list-row .column p{ display:inline-block; width:calc( 100% - 28%);}
/*=================FACILITY/SYSTEM======================*/
/*process*/
.process-content >.step{ margin-bottom:12%}
.process-content .step ul li{ width:100%; display:block; margin-right:0; margin-top:15px}
.process-content .step ul li:nth-child(2)~*{ margin-top:15px}
.process-content .step ul li .sbj .ico img{width:45px}
.process-content .step ul li .sbj h4{ font-size:16px}
.process-content .step ul li .sbj h4 span,.process-content .step ul li .step{ font-size:12px}
.structure-img h5,.structure-img ul li figure figcaption{ font-size:11px}
.structure-img h5{ padding-top:12px}
.comparison-process{padding:25px 0 0px; text-align:center; width:100%}
.comparison-process .com-process-box,
.comparison-process .com-process-arrow{width:100%; text-align:left; margin-bottom:20px}
.comparison-process .com-process-box .com-process-box-inner{padding:20px}
.comparison-process .com-process-box .com-process-box-inner figure{ text-align:center;}
.comparison-process .com-process-arrow{width:70px; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg);  transform:rotate(90deg); padding:0}
.business02-coating-spec .spec-top li{ width:48%; }
.business02-coating-spec .spec-top li .spec-inner{ padding-top:40%}
.business02-coating-spec .spec-top li:nth-child(2)~*{ margin-top:20px!important}
}
@media all and ( max-width: 480px ){
/*  SUB LAYOUT :: 비주얼 */
#sub_visual{height:270px}
#sub_visual .visual-txt-container{padding-top:110px}
#sub_visual .visual-tit{font-size:28px; }	
.history-top-con dl {padding-top:5%; top:25px}
/*오시는 길*/
.map_wrap{ padding-bottom:33%}
/* SUB LAYOUT :: 위치정보(location) */
.location{ bottom:5px;}
.location li{line-height:40px}	
.bbs-list-row .column:not(.bbs-title):not(.bbs-no-data):before{width:32%;}
#globalNationTableCon .bbs-list-row .column p{ display:inline-block; width:calc( 100% - 33%);}
/*******************  SUB LAYOUT :: 개별 시작******************* */
/*회사소개*/
.value-icon {text-align: center; margin-bottom: 35px;width:100%;max-width: 360px;margin: 0 auto 35px; background:none}
.value-icon li {float: none; display: inline-block; width: auto;width:30%;margin-top: 0 !important;padding-top: 45px;margin: 0 9%;}
.value-icon li:nth-child(2)~*{ margin-top:20px!important}
.value-icon li .value-inner {}
.value-icon .value-inner .value-tit {font-size: 12px;}
.overview-introduction .overview-introduction-txt span br{display:none;}
.value-logo-con{ display:none}
.value-icon .value-inner .icon img{ width:85%; }
.ceo-top-banner{ margin-bottom:35px}
.ceo-banner-slogan strong{ font-size:13px}
.ceo-banner-slogan span{ font-size:19px;}
.ceo-top-banner .ceo-banner-slogan, .ceo-top-banner .ceo-banner-img{height:210px;}
.ceo-top-banner .ceo-banner-img{background-size:125% auto;}
#tabContent02 .company-right-con .greeting-txt p:last-child{ padding-bottom:35px;}
.company-sub-slogan{ font-size:16px}
 /*VIEW :: SECTION02&SECTION03*/
.product-view-con03 ul{ margin:0;}
.product-view-con03 ul li{width:100%; margin:0;}
.product-view-con03 ul li:nth-child(1n)~*{ margin-top:30px}
/*테크놀러지*/
.tech_Box >div.top_area ul li{ height:50px; min-height:auto}
.tech_Box >div.top_area ul li p{font-size:13px}
.dataBox p.txt_info{ font-size:12px; line-height:1.3}
.dataBox p.txt_info span{ margin-bottom:7px}
.sub-content-txt-box .sub-content-txt span:after{top:7px} 
.comparison .content-tbl thead th, .content-tbl thead th.bg-gray{ font-size:13px}
.comparison .content-tbl tbody th, .comparison .content-tbl tbody td{ font-size:12px;  height:32px}
.dataBox table .value_input{ height:28px;}
.dataBox table tr td input[type=button]{ height:28px; padding:0 10px; line-height: 28px; min-height:inherit}

.title_txt {width:100%; background-color:#f5f5f5; color:#333; padding: 30px 5% 30px 5%; border-radius:0 0 0 0; font-size:14px; line-height:24px; margin-bottom:50px;}
.history_logo {position:absolute; width:170px; height:100px; line-height:100px; text-align:center; background-color:#fff; right:10px; top:100px; box-shadow:10px 10px 10px rgba(0,0,0,0.3)}

#rolling_img { position: relative; width: 100px; height: 50px; }
#rolling_img img { position: absolute; top:25px; left:35px;  width: 100px; height: 50px;}
}
@media all and ( max-width: 400px ){
.comparison-process .com-process-box .com-process-box-inner img{ width:100%}	
}