@charset "utf-8";
/* *******************************************************
 * filename : sub.css
 * description : 서브페이 레이아웃 CSS
 * date : 2020-09-10
******************************************************** */
/**============= 인사말 =============**/
.greeting-txt-inner{position:relative}
.greeting-txt{width:55%; word-break:keep-all}
.greeting-txt h4{display:block; font-weight:400; font-size:26px; letter-spacing:-0.75px; color:#272727; line-height:1.55em; padding-top:18px}
.greeting-txt .greeting-tit{font-weight:500; font-size:24px; letter-spacing:-0.65px; color:#000; line-height:1.458em; padding-bottom:22px}
.greeting-txt .greeting-explain{display:block; font-weight:300; font-size:16.5px; letter-spacing:-0.65px; line-height:1.93em; color:#5e5e5e; padding-top:32px; word-break:keep-all}
.greeting-txt .greeting-explain:first-child{padding-top:0}
.greeting-txt .sign{margin-top: 45px;font-size: 20px;color: #222;}
.about-ceo{position:relative; margin-top:73px;}
.about-ceo:after{position:absolute; display:inline-block; content:""; width:91.5%; height:100%; background:#0099db;top:0; z-index:1; opacity:0;filter:Alpha(opacity=0); -webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%); -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
.about-ceo.aos-animate:after{opacity:1;filter:Alpha(opacity=100); right:0; -webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
.about-ceo .company_name{position: absolute;left: 10%;bottom: 0;margin-bottom: -4%;z-index: 2;color: rgba(0,0,0,0.05); filter: Alpha(opacity=20%); font-family: 'play';font-size: 155px; font-weight: bold;     letter-spacing: -0.5rem;}
.about-ceo .company_name span{ position:relative; display:inline-block;}
.about-ceo .about-ceo-inner{position:relative; z-index:2; padding:3.8% 15px 4.5%}

.about-ceo .ceo-img{}
.about-ceo .ceo-img figure{ position:absolute; right:0; bottom:0;}
.about-ceo .ceo-img figure:before{ content:""; display:block; background:url(../../img/greeting_dotBg.png) no-repeat left center; width:100%; height:100%; position:absolute; left:-15px; bottom:-15px;}
.about-ceo .ceo-img img{}
.about-ceo .ceo-img{opacity:0; filter:Alpha(opacity=0);-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-o-transform: translateY(-20px);transform: translateY(-20px);-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;transition-delay:0.7s}
.about-ceo.aos-animate .ceo-img{opacity:1;filter:Alpha(opacity=100);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
/**============= 인사말 =============**/
.ceo-top-banner .ceo-banner-slogan,
.ceo-top-banner .ceo-banner-img{position:relative; float:left; width:50%; height:370px}
.ceo-top-banner .ceo-banner-slogan{position:relative; background:url("../../img/ceo_banner_bg.jpg") no-repeat 50% 0; background-size:cover}
.ceo-top-banner .ceo-banner-slogan:after{position:absolute; display:inline-block; content:""; width:1px; height:0; padding-top:14%; background:#fff; opacity:0.3; left:0; top:0; margin-left:13%}
.ceo-slogan-txt{position:absolute; top:0; left:0; margin:17.7% 5% 0 13%}
.ceo-banner-slogan strong{display:block; font-weight:400; font-size:18px; letter-spacing:0; color:#fff; opacity:0.5; text-transform:uppercase; font-family: 'play'; }
.ceo-banner-slogan span{display:inline-block; font-weight:300; font-size:32px; letter-spacing:-0.5px; line-height:1.375; color:#fff; word-break:keep-all; padding-top:5%}
.ceo-top-banner .ceo-banner-img{background:url("../../img/ceo_banner_img.jpg") no-repeat 50% 0; background-size:cover}
.ceo-txt-con{ background-color:#f0f0f0; margin-top:18px}
.ceo-txt-con .ceo-txt-con-inner{padding:4.2% 7.8% 3.4%}
.ceo-txt-con .greeting-explain{display:block; font-weight:300; font-size:17px; letter-spacing:-0.65px; line-height:1.93em; color:#333; padding-bottom:32px; word-break:keep-all}
.ceo-sign-con{border-top:1px solid #cbcbca; text-align:right; padding-top:45px;}
.ceo-sign-con p{display:inline-block; font-weight:500; font-size:19px; letter-spacing:-0.65px; color:#353535; }
.ceo-sign-con p strong{font-size:30px; font-weight:700; display:inline-block; vertical-align:middle;padding:0 8px 0 28px}


/**============= 연혁 =============**/
.history-tab{border-top: 1px solid #ddd;position: relative; width: 100%;height: 98px;border-bottom: 1px solid #ddd;background: #f2f2f2;}
.history-tab ul:after {content:"";display:block; position:absolute; bottom:-32px; width:100%; height: 32px; background:url("../../img/history_top_shadow.png") no-repeat; background-size:cover;z-index: -1;left: 0;}
.history-tab ul li {float:left; width: 33.33%; text-align:center; background-color: #f2f2f2; border-bottom: 1px solid #c3c3c3; position:relative; }
.history-tab ul li.selected {background-color: #fff;}
.history-tab ul li.selected .history-tab-tit {color: #000; font-weight:500;}
.history-tab ul li.selected .history-tab-year {color: #2c53b0;}
.history-tab ul li.selected:after {content:""; display:block; width: 24%; height:4px;   background-color:#2c53b0; position:absolute; bottom:0; left:50%; margin-left: -12%;}
.history-tab ul li:before {content:"";display:block; width:1px; height: 18px; background-color: #ccc; position:absolute; left:0; top:50%; margin-top: -9px;}
.history-tab ul li:first-child:before {display:none;}
.history-tab-con {display: table; width:100%; height:98px;}
.history-tab-inner {display:table-cell; vertical-align:middle; }
.history-tab-tit {font-size: 16px;  letter-spacing:-0.75px; color: #666;}
.history-tab-year {font-size: 26px;  letter-spacing:-0.25px; color: #111; margin-top: 14px; font-family: 'play';}
.company-history {position:relative;padding:50px 0 100px;}
.company-history-wrapper {overflow:hidden; position:relative;}
.company-history-wrapper:before{position:absolute; top:0px; left:50%; width:1px; height:100%; background:#ddd; content:"";}
.company-history-list-wrap {position:relative; width:50%; margin-top:50px;}
.company-history-info p {position:relative; font-size:16px; line-height: 1.6; font-weight:300; color:#444; margin-bottom:10px; word-break:keep-all}
.company-history-info p:after{content:""; position:absolute; top:8px; width:6px; height:2px; background-color:#aaa}
.company-history-year {position:absolute; top:-12px; font-size:30px; line-height: 46px; letter-spacing: -0.5px; color:#333;font-family: 'play';}
.company-history-year::after{ position:absolute; top:50%; width:8px; height:8px; margin-top:0; background-color:#999; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
.history-left .company-history-list-wrap{float:left;}
.history-left .company-history-list-wrap .company-history-info {text-align:right; padding-right: 185px;}
.history-left .company-history-list-wrap .company-history-info p {padding-right: 15px; }
.history-left .company-history-list-wrap .company-history-info p::after { right:0; }
.history-left .company-history-list-wrap .company-history-year {right:0; padding-right: 70px;}
.history-left .company-history-list-wrap .company-history-year::after {right:0; margin-right:-5px; }
.history-right .company-history-list-wrap{float:right;}
.history-right .company-history-list-wrap .company-history-info {padding-left:185px;}
.history-right .company-history-list-wrap .company-history-info p {padding-left: 15px;}
.history-right .company-history-list-wrap .company-history-info p::after {left:0;}
.history-right .company-history-list-wrap .company-history-year {left:0; padding-left: 70px;}
.history-right .company-history-list-wrap .company-history-year::after {left:0; margin-left:-3px;}
.history-first.company-history-wrapper:before {top: 60px;}
.history-first.company-history-wrapper:after {content:"";display:block; position:absolute; width: 64px; height:64px; background:url("../../img/history_bar_icon.png") no-repeat; left:50%; margin-left: -32px; margin-top: 32px;}
.history-first .company-history-year {color: #2c53b0;}
.history-first .company-history-year::after {background-color:#2c53b0;} 
.history-last.company-history-wrapper:before {top:-16px;}
.history-last .company-history-year::after {background-color:#333;} 
/* 날짜가 들어간 연혁 */
.company-history-info .month-history-txt:after{display:none; }
.company-history-info .history-month{position:absolute; top:0px; color:#2c53b0; font-weight:600;font-family: 'play'; }
.history-left .company-history-list-wrap .company-history-info .month-history-txt{padding-right:30px;}
.history-left .company-history-list-wrap .company-history-info .month-history-txt .history-month{right:0px;}
.history-right .company-history-list-wrap .company-history-info .month-history-txt{padding-left:30px;}
.history-right .company-history-list-wrap .company-history-info .month-history-txt .history-month{left:0px;}
/**============= 조직도 =============**/
.org_inner figure img.m_only{display:none}
/**============= CI =============**/
/*
.ci-logo-box{border:1px solid #ddd; text-align:center; background:#fff url(../../img/ci_bg.jpg) repeat; margin-left:15px;padding: 65px 10px;}
.ci-logo-box img{max-width:100%}
.ci-down-btn{text-align:center; margin-top:27px}
.ci-down-btn a{position:relative; display:inline-block; width:245px; height:60px; line-height:62px; text-align:center;  font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#fff; background-color:#2c53b0; border:1px solid #2c53b0}
.ci-down-btn a:after{position:absolute; display:inline-block; content:""; width:15px; height:17px; background:url("../../img/logo_down_icon.png"); background-size:cover !important; left:55px; top:20px; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
.ci-down-btn a:hover:after{background:url("../../img/logo_down_icon_on.png"); }
.ci-down-btn a em{display:inline-block; padding-left:18px}
.ci-down-btn a em:hover{color:#2c53b0}
.ci-con02{ margin-top:85px}
.ci-color{font-family:'play'; margin:47px 0 0 15px}
.ci-color .ci-color-list{margin-bottom:65px}
.ci-color .ci-color-list:last-child{margin-bottom:0}
.ci-color .ci-color-list .ci-color-list-tit{position:relative; font-weight:400; font-size:24px; letter-spacing:0; color:#333; padding-left:25px; margin-bottom:17px}
.ci-color .ci-color-list .ci-color-list-tit:before{position:absolute; display:inline-block; content:""; width:13px; height:2px; background:#6c6c6c; left:0; top:10px}
.ci-color .ci-color-list .ci-color-box{margin:0 -0.5%}
.ci-color .ci-color-list .ci-color-box li{float:left; width:32.2%; margin:0 0.5%}
.ci-color .ci-color-list .ci-color-box li .color-name{text-align:center; height:85px; line-height:85px; font-weight:500; font-size:19px; letter-spacing:0.75px; color:#fff; text-transform:uppercase}
.ci-color .ci-color-list .ci-color-box li .color-detail{margin-top:18px}
.ci-color .ci-color-list .ci-color-box li .color-detail dl{border-bottom:1px solid #c5c5c5; padding:12px 0}
.ci-color .ci-color-list .ci-color-box li .color-detail dl dt{float:left; font-weight:300; font-size:17px; letter-spacing:0;}
.ci-color .ci-color-list .ci-color-box li .color-detail dl dd{float:right}
.ci-color .ci-color-list .ci-color-box li .color-detail dl dd span{display:inline-block; font-weight:300; font-size:17px; letter-spacing:0; color:#555; padding-left:9px}
.ci-color .ci-color-list .ci-color-box li:first-child .color-name{ color:#222}
*/
.ci_box {border-top:2px solid #111}
.ci_box .item {position: relative; padding:80px 0 100px 22%; border-bottom:1px solid #ddd}
.ci_box .item:last-child{ border-bottom:0; padding-bottom:0;}
.ci_box .item.ci_bg .title_a{top:0;}
.ci_box .item .title_a {position: absolute; left:0; top:75px;font-size: 30px;color: #111;font-weight: 500;}
.ci_box .item .title_a span{ position:relative; display:block; padding-right:20px}
/*.ci_box .item .title_a span:before{position: absolute;display: inline-block;content: ""; width: 8px;height: 8px; background:#2c53b0;border-radius: 50%;  top: 0; right: 0;}*/
.ci_box .title_d {padding-bottom:25px;font-size: 20px; color:#111}
.ci_box .text_b {line-height:1.8em; font-size: 16px;color: #666;font-weight: 300;}
.ci_box .ci_a {position: relative; margin:50px 0;padding: 65px 10px;background:#fff url(../../img/ci_bg.jpg) repeat; color:#666;border:1px solid #ddd;text-align:center;  }
.ci_box .ci_down {position: relative; padding-left:30%; }
.ci_box .ci_down .title_e {position: absolute; left:0; top:0;font-size: 22px; color:#222}
.ci_box .ci_down .text_b {padding-top:20px;}
.ci-down-btn{text-align:right; margin-top:27px}
.ci-down-btn a{position:relative; display:inline-block; width:245px; height:60px; line-height:62px; text-align:center;  font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#fff; background-color:#2c53b0; border:1px solid #2c53b0}
.ci-down-btn a:after{position:absolute; display:inline-block; content:""; width:15px; height:17px; background:url("../../img/logo_down_icon.png"); background-size:cover !important; left:55px; top:20px; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
.ci-down-btn a:hover:after{background:url("../../img/logo_down_icon_on.png"); }
.ci-down-btn a em{display:inline-block; padding-left:18px}
.ci-down-btn a em:hover{color:#2c53b0}
.ci-color{font-family:'play'; margin:47px 0 0 15px}
.ci-color .ci-color-list{margin-bottom:65px}
.ci-color .ci-color-list:last-child{margin-bottom:0}
.ci-color .ci-color-list .ci-color-list-tit{position:relative; font-weight:400; font-size:24px; letter-spacing:0; color:#333; padding-left:25px; margin-bottom:17px}
.ci-color .ci-color-list .ci-color-list-tit:before{position:absolute; display:inline-block; content:""; width:13px; height:2px; background:#6c6c6c; left:0; top:10px}
.ci-color .ci-color-list .ci-color-box{margin:0 -0.5%}
.ci-color .ci-color-list .ci-color-box li{float:left; width:32.2%; margin:0 0.5%}
.ci-color .ci-color-list .ci-color-box li .color-name{text-align:center; height:85px; line-height:85px; font-weight:500; font-size:19px; letter-spacing:0.75px; color:#fff; text-transform:uppercase}
.ci-color .ci-color-list .ci-color-box li .color-detail{margin-top:18px}
.ci-color .ci-color-list .ci-color-box li .color-detail dl{border-bottom:1px solid #c5c5c5; padding:12px 0}
.ci-color .ci-color-list .ci-color-box li .color-detail dl dt{float:left; font-weight:300; font-size:17px; letter-spacing:0;}
.ci-color .ci-color-list .ci-color-box li .color-detail dl dd{float:right}
.ci-color .ci-color-list .ci-color-box li .color-detail dl dd span{display:inline-block; font-weight:300; font-size:17px; letter-spacing:0; color:#555; padding-left:9px}
.ci-color .ci-color-list .ci-color-box li:first-child .color-name{ color:#fff;}
/**============= 주력상품 =============**/
.flagship_inner figure{width:100%; box-sizing:border-box; padding:65px 0; border: 1px solid #ddd;} 
/**============= 오시는 길 =============**/
.location-info-wrap  {margin-top: 50px;}
.location-info01 {float: left;}
.location-info01 > ul > li {float: left; font-weight: 400; font-size: 16.5px; letter-spacing: -0.70px; line-height: 53px; margin-left: 30px; color: #4c4c4c;}
.location-info01 > ul > li:first-child {margin-left: 0;}
.location-info01 > ul > li i {color: #000;}
.location-info01 > ul > li span {margin-right: 6px; display: inline-block;color: #fff;font-family: 'play'; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;background: #2c53b0; width: 22px;height: 22px;line-height: 22px;text-align: center;font-size: 14px;font-weight: bold;vertical-align: middle;position: relative;top: -1px;}
.location-info01 > ul > li span.pc_hide{ display:none}
.location-info02 {float: right;}
.location-info02 > ul > li {float: left; margin-left: 12px;}
.location-btn {width: 210px; height: 56px; line-height: 53px; background-color: #4b4b4b; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.location-btn i {text-align: left;opacity: 0.6; position:absolute; left:0; top:50%; margin-top:-14px}
.location-btn span {}
.location-btn > a {display: block; width: 100%; height: 100%; color: #fff; font-weight: 500; font-size: 16px; letter-spacing: -0.75px; text-align:right; position:relative}
.location-btn.btn01 {background-color:#2c53b0;	}
.location-btn.btn02 {}
.location-btn.btn01 > ul > li {float: left;}
/**============= 프로세스 =============**/
.technology-top-title-box{margin-bottom:59px;}
.technology-top-title-box > dt, .technology-top-title-box > dd{float:left; box-sizing:border-box; }
.technology-top-title-box > dt{padding-right:36px;}
.technology-top-tit{font-size:36px; line-height:52px; color:#222; font-weight:500; letter-spacing:-0.75px; position:relative}
.technology-top-tit.type2{ font-size:26px}
.technology-top-tit > b{font-weight:600; }
.technology-top-tit:after{display:inline-block; vertical-align:bottom; content:""; width:2px; height:14px; background-color:#1262aa; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); margin-bottom:8px; margin-left:8px;}
.technology-top-txt{font-size:24px; line-height:36px; color:#222; font-weight:300; letter-spacing:-0.5px;word-break:keep-all}
.technology-top-txt font {display:block;margin:10px auto;font-size:18px;line-height:26px;}
.technology-top-txt b{font-weight:500;}
.technology-top-title-box > dt{min-width:380px;}
.technology-top-title-box > dd{width:calc(100% - 420px);}
.technology-top-title-box.type2 > dt{min-width:212px;}
.technology-top-title-box.type2 > dd{width:calc(100% - 248px);}
.technology-top-title-box.type3 > dt{min-width:240px;}
.technology-top-title-box.type3 > dd{width:calc(100% - 290px);}

.technology-process-list{margin-bottom:30px;}
.technology-process-list > li{float:left; position:relative; width:14.2%; width:calc(100% / 7 - 1px); text-align:center; border-bottom:1px solid #ddd; margin-bottom:65px}
.technology-process-list > li:before,
.technology-process-list-con:after,
.technology-process-list-con h3,
.technology-process-list-con p,
.technology-process-list-con p:after{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.technology-process-list > li:before{position:absolute; bottom:0; left:0; right:0; display:block; content:""; width:100%; height:0;
	background: rgb(255,255,255); 
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(44,82,175,0.8) 100%); 
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(44,82,175,0.8) 100%); 
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(44,82,175,0.8) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2c53b0',GradientType=0 ); 
}
.technology-process-list-con{position:relative; padding-bottom:16px;}
.technology-process-list-con:after{display:inline-block; content:""; width:11px; height:11px; border:2px solid #ddd; background-color:#fff; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; position:absolute; bottom:-7px; left:50%; margin-left:-7px;}
.technology-process-list-con h3{font-size:18px; line-height:22px; color:#222; font-weight:400; margin-bottom:3px;}
.technology-process-list-con p{font-size:12px; line-height:44px; color:#aaa; letter-spacing:2px; min-height:77px;}
.technology-process-list-con p span{display:inline-block; line-height:22px; vertical-align:middle; font-family:'play'}
.technology-process-list-con:before{display:block; content:""; width:1px; height:30px; background-color:#ddd; position:absolute; bottom:16px; left:50%;}
/* 보유기술 :: Process 순차적 활성화 */
.technology-process-list > li.active:before{height:90%;}
.technology-process-list > li.active .technology-process-list-con:after{background-color:#1262aa; border-color:#1262aa;}
.technology-process-list > li.active .technology-process-list-con h3{color:#1262aa;}
.technology-process-list > li.active .technology-process-list-con p{color:#fff;}
.technology-process-list > li.active .technology-process-list-con:before{background-color:#1262aa;}
.technology-process-list.reverse-process-list .technology-process-list-con h3{min-height:44px;}
/*아이콘 프로세스 LIST*/
.process_list-wrap{border-top:1px solid #222; margin-top:20px; padding-top:30px; margin-bottom:80px}
.process_list-wrap ul{padding-bottom: 30px;border-bottom: 1px solid #ddd;}
.process_list-wrap ul li{float: left;text-align: center;box-sizing: border-box;padding: 10px 15px;border-right: 1px dashed #ddd; min-height: 205px; position:relative;}
.process_list-wrap ul li:after{ content:"▶"; display:block; position:absolute; right:0; top: 50%;margin-right: -7px;margin-top: -8px; z-index:1; color:#222; font-size:13px}
.process_list-wrap ul li:last-child{ margin-right:0; border-right:0}
.process_list-wrap ul li:last-child:after{display:none}
#development .process_list-wrap ul li{ width:14.2%;width:calc(100% / 7 - 1px);}
#production .process_list-wrap ul li{ width:12.5%;width:calc(100% / 8 - 1px);}
.process_list-wrap ul li .icon{ padding:10px 0; box-sizing:border-box; width:100%;}
.process_list-wrap ul li dl{ margin-top:10px;}
.process_list-wrap ul li dl dt{  color:#1262aa;font-weight:600; font-family:'play'; font-size:14px}
.process_list-wrap ul li dl dt span{display:inline-block;color:#777; }
.process_list-wrap ul li dl dd{ font-weight:300; font-size:15px; line-height:1.5; color:#444;}
.process_list-wrap ul li dl dd strong{display:block; color:#333; font-size:16px; margin-bottom:7px; letter-spacing:-0.3px; word-break:keep-all; font-weight:500}
/*박스형 프로세스 LIST*/
.process_list-wrap2{padding-top:30px;}
.process_list-wrap2 ul{ margin-bottom:45px}
.process_list-wrap2 ul li{float:left; width:22.5%;width:calc(100% / 4 - 35px); background-color: #fff; box-shadow: 5px 5px 14px 2px rgba(0,0,0,0.09); border: 1px solid #ddd; margin:0 15px; box-sizing:border-box; padding: 30px 0; background: #f9f9f9;border-radius: 5px;}
.process_list-wrap2 ul dl{ padding-left:30px;border-left: 3px solid #1262aa;}
.process_list-wrap2 ul dl dt{font-size: 25px;color: #222;}
.process_list-wrap2 ul dl dd{font-family: 'play';color: #999;margin-top: 9px;font-weight: 600;font-size: 14px; letter-spacing: 1px;}

/**============= 설비 =============**/
.spac{ margin-top:60px;}
.spac .tbl-swiper-wrap{ margin-top:30px}
/* Table :: Cover */
.check-comm-cover{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4); visibility:hidden; opacity:0;filter:Alpha(opacity=0); z-index:9; cursor:pointer;}
.check-comm-cover-con{width:100%; height:100%; display:table;}
.check-comm-cover-inner{display:table-cell; width:100%; vertical-align:middle; text-align:center;}
.check-comm-cover-inner p{display:inline-block; position:relative; color:#fff; padding-right:30px; line-height:20px;}
.check-comm-cover-inner p i{position:absolute; right:0; vertical-align:middle; font-size:22px;}
/* Table :: swiper 스크롤 */
.m-scroll-table-con{width:100%; position:relative;}
.m-scroll-table-con tbody th br{display:block;}
.swiper-slide {text-align:center;width:100%;display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;align-items: center;}
.facility-comm-tbl{width:100%; border-top:1px solid #1262aa;}
.facility-comm-tbl th, .facility-comm-tbl td{border-bottom:1px solid #ddd;}
.facility-comm-tbl th{font-size:15px; line-height:40px; color:#222; font-weight:400; background-color:#f5f5f5 ; text-align:center; padding:4px 0;}
.facility-comm-tbl td{border-left:1px solid #ddd; padding:9px 0;  text-align:left;}
.facility-comm-tbl td:first-child{border-left:0;}
.facility-comm-tbl td.center{padding-left:0; text-align:center;}
.facility-comm-tbl td p{font-size:17px; line-height:30px; color:#222; font-weight:300; text-align:center; word-break:keep-all;}
.facility-comm-tbl.prd th{border-right:1px solid #ddd;}
.facility-comm-tbl.prd th.sub-tit{line-height:17px;}
.facility-comm-tbl.prd tr th:last-child{border-right:0;}
.swiper-scrollbar, .swiper-scrollbar-drag{display:none;}

/*=================온라인 문의======================*/
.inquiry-essential-txt{text-align:right; color:#373737; font-size:13px; letter-spacing:-0.3px; position:absolute; right:0; bottom:0}
.essential-icon{color:#cf0505;}
.inquiry_sec h4:after{margin-bottom: 12px;}
.inquiry_sec.mt60 h4{ margin-top:60px}
.write-tbl{width:100%; border-top:1px solid #333;}
.write-tbl th,.write-tbl td{padding:8px 10px; border-bottom:1px solid #ddd;}
.write-tbl th{color:#202020; font-size:15px; font-weight:600; text-align:left;}
.write-tbl th.none_impor{ padding-left:20px;}
.write-tbl .write-input,
.write-tbl .write-select,
.write-tbl .write-textarea{height:38px; border:0px; width:63%; background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle;padding-left: 8px; box-sizing:border-box;}
.write-tbl .write-input:focus{border-color:#333;}
.write-tbl .write-input{text-indent:10px;}
.write-tbl .write-select{height:38px;}
.write-tbl .write-textarea{width:100%; height:200px; resize:none;}
.write-tbl td input[type="file"]{height:auto; padding:10px 0;text-indent:0; border:0;}
.write-tbl td .write-sub-txt{color:#888; margin-left:10px; font-size:11px; color:#aaa; letter-spacing:-0.5px;}
.write-tbl td .write-sub-txt2{display:block; color:#888; margin-top:5px; font-size:11px; color:#aaa;  letter-spacing:-0.5px;}
.write-tbl .hypen{margin:0 5px;}
.write-tbl .input-check{padding:10px 0;}
.write-tbl .input-check span{margin-right:30px;}
.write-tbl .input-check span label{vertical-align:middle; font-size:14px;}
.address-fieldset .write-input{margin-top:6px;}
.address-fieldset .write-input:first-child{margin-top:0;}
.write-tbl .address-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.write-tbl .address-btn:hover{background-color:#464646; color:#fff;}
.btn_address{display: inline-block; padding:0 20px; vertical-align: top; color: #fff;width: 187px;box-sizing: border-box;color: #fff;background: none; height: 38px; line-height:38px; font-size:14px; background:#777}
.radioCont li{float:left; padding-right:30px; font-size:15px; color:#666;}
.radioCont li input{ margin-right:5px}
.frm_info{ color:#e73221; font-size:14px; font-weight:bold; margin-top:5px; display:block;}
.filebox{ width: 100%;overflow: hidden;margin-bottom: 20px;}
.filebox .file_wr{width:100%; display:inline-block;}
.filebox > div.file_wr:nth-of-type(3){ float:right;}
.filebox .file_wr input{width: calc(100% - 133px); color:#aaa; font-size:13px;}
.filebox .file_wr label{display: inline-block; padding: 0 20px;vertical-align: top;color: #fff;width:130px;box-sizing: border-box;color: #fff;background: none;height: 38px;line-height: 38px; font-size: 12px; background: #777;}
.filebox input[type="file"]{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.cm-btn-controls{overflow:hidden; text-align:center; padding-top:30px;}
.cm-btn-controls.cm-btn-align-left{text-align:left;}
.cm-btn-controls.cm-btn-align-right{text-align:right;}
.cm-btn-controls .left-btn-controls{float:left; }
.cm-btn-controls .right-btn-controls{float:right;}
.cm-btn-controls button,.cm-btn-controls a{display:inline-block; width:150px; height:42px; border:0; color:#fff; background-color:#000; font-size:16px; margin:0 2px 5px 2px;  cursor:pointer; vertical-align:top; text-align:center; font-weight:400; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px; }
.cm-btn-controls a{line-height:42px;}
.cm-btn-controls.cm-btn-long-controls button,.cm-btn-controls.cm-btn-long-controls a{width:100%; height:50px; margin:0px; margin-bottom:5px;}
.cm-btn-controls.cm-btn-long-controls a{box-sizing:border-box; line-height:50px;}
.cm-btn-controls .btn-style01{background-color:#2c53b0;}
.cm-btn-controls .btn-style02{background-color:#8c8c8c;}
.cm-btn-controls .btn-style03{box-sizing:border-box; background:#fff; border:1px solid #888; color:#222;}