@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 서브 공통 레이아웃 CSS
 * date : 2021-04-16
******************************************************** */
/*  =====SUB LAYOUT :: 컨텐츠 레이아웃 ======*/
.c_123863 {color: #123863;}
.flex {display: flex;justify-content: space-between;}

/* table */
.table{ width:100%; box-sizing:border-box; border-top: 2px solid #7ab5c7;}
.table table{ width:100%; }
.table.last{ margin-top:30px}
.table table tr th, .table table tr td{ font-size:15px; font-weight:normal; height:45px; border: 1px solid #ddd; text-align:center; line-height:1.4;position:relative; width:15%}
.table table tr th{ background:#f5f5f5; }
.table table tr th b, .table table tr td b{font-weight: normal;font-size: 10px;position: relative; top: -7px;}
.table table tr td{}
.table table tr td > span{ display:block;text-align: center; line-height: 34px;width: 100%;}
.table table tr td > span.gray{background: #bbb;color: #fff;}
.table table tr td.types{width: 80px;}
.table table tr th.empty{ overflow:hidden}
.table table tr th.empty:after{width: 110%;content: "";display: block;position: absolute;left: -7px; top: 50%;background: #ddd; height: 1px;
transform: translateY(1px) rotate(24.2deg);}
.table table tr i{ font-style:normal; font-size: 24px;}

.sub-tab-style02 ul{text-align:center; max-width:900px; margin:0 auto}
.sub-tab-style02 ul li{display:inline-block; width:24%; margin:0 3px}
.sub-tab-style02 ul li > a{position:relative; display:table; width:100%; height:55px; border:1px solid #ddd; font-weight:400; font-size:18px; letter-spacing:0; color:#1f1c21}
.sub-tab-style02 ul li > a span{display:table-cell; vertical-align:middle}
.sub-tab-style02 ul li.selected > a{color:#038fd8}
.sub-tab-style02 ul li.selected > a:after{position:absolute; display:inline-block; content:""; width:100%; height:2px; background:#038fd8; top:-1px; left:0; z-index:9;}

.small-tit {text-align: center;font-size: 20px;  letter-spacing: -0.5px; color: #222; margin-bottom: 24px;}
.small-tit span {position: relative;padding-bottom: 8px;/* display: inline-block; */}
.small-tit span:before { content: "";width: 100%;height: 2px; background-color: #222; position: absolute;bottom: 0; left: 0;display: block;}
.tit02{ font-size:17px; color:#333; font-weight:normal; line-height:1.7;}

.sec-tit{position:relative; display:inline-block; font-weight:600; font-size:36px; letter-spacing:-0.75px; color:#000; padding:0 5px; margin-bottom:30px; line-height:1.1}
.sec-tit b{position:relative; display:inline-block; padding-right:10px}
.sec-tit b:after{position:absolute; display:inline-block; content:""; width:100%; height:19px; background-color:#dcebf1; bottom:-5px; left:0; z-index:-1}

/*공통 버튼*/
/* VIEW MORE 버튼 */
.link-btn,.link-btn span{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.link-btn{position:relative; overflow:hidden; display:inline-block; vertical-align:middle; width:200px; height:55px;  line-height:55px; border:1px solid #333; font-weight:700; font-size:12px; letter-spacing:0; color:#333; text-align:center; transition:all 0.3s; border-radius:50px; margin-top:20px}
.link-btn span i{display: inline-block;margin-left: 8px;font-size: 16px;position: relative; top: 2px;}
.link-btn:before{
    display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#123863; /* opacity:0;filter:Alpha(opacity=0); */
    transform:skew(-20deg); 
    -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}
.link-btn:last-child{ margin-left:15px}
.link-btn span{position:relative; left:0px; z-index:1; display:block; }
@media all and (min-width:800px){
.link-btn:hover{border-color:#123863}
.link-btn:hover span{color:#fff; left:3px;}
.link-btn:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}
}

/*  SUB LAYOUT :: 비주얼 */
#visual{position:relative; overflow:hidden; width:100%; height:400px; }
#visual .visual-img-con{position:absolute; top:0px; left:0px; width:100%;height:100%;background-size:cover !important;-webkit-transform: scale(1.1,1.1);   transform: scale(1.1,1.1);-webkit-transition:transform 5000ms  ease-in-out ; transition:transform 5000ms ease-in-out; background-repeat:no-repeat; background-position:center center;}
#visual .visual-txt-con{position:relative; z-index:1; text-align:left; display:table; width:100%; height:100%; letter-spacing:-0.5px; color:#fff; box-sizing:border-box;}
#visual .visual-txt-container{position:relative; width:100%; padding-bottom:7%}
#visual .visual-tit{overflow:hidden;opacity:0;filter:Alpha(opacity=0);-webkit-transition:opacity 1.0s, transform 1.0s;transition:opacity 1.0s, transform 1.0s;}
#visual .visual-tit{font-weight:600; font-size:55px; letter-spacing:-0.25px; padding-top:20px;-webkit-transition-delay:0.3s;transition-delay:0.3s;}
#visual .location{opacity: 0; filter: Alpha(opacity=0);-webkit-transform: translateY(-30px);transform: translateY(-30px); -webkit-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
#visual .table-cell-layout{ vertical-align: bottom}
#visual .visual-sub-txt{font-size:21px; font-weight:600;-webkit-transition-delay:0.5s;transition-delay:0.5s;color:rgba(255,255,255,0.7);}
#wrap .char{position:relative; font-weight:inherit;}
body.ie-browser #visual .visual-tit{-webkit-transform: translateY(30px);  transform: translateY(30px);}
body:not(.ie-browser) #visual.active .char{animation: text-active-animation 1s cubic-bezier(.5, 0, .5, 1) both;animation-delay: calc(40ms * var(--char-index));}
/* SUB LAYOUT :: 상단효과 active */
#visual.active .visual-img-con{-webkit-transform: scale(1.0,1.0) rotate(0.002deg);transform: scale(1.0,1.0) rotate(0.002deg);}
#visual.active .visual-img-con:after{content:"";display: block;position: absolute;top: 0;left: 0;width: 100%;heighT: 100%;background: rgba(0,0,0,0.15);z-index: 0;}
#visual.active .visual-tit{opacity:1.0;filter:Alpha(opacity=100);}
#visual.active .location{opacity: 1.0;filter: Alpha(opacity=100); -webkit-transform: translateY(0px);transform: translateY(0px);}
body.ie-browser #visual.active .visual-tit,
/*메뉴별 상단 배너 */
#visual.active .visual-img-con.dep1{ background-image:url(../../img/sub_visual1.jpg)}
#visual.active .visual-img-con.dep2{ background-image:url(../../img/sub_visual2.jpg)}
#visual.active .visual-img-con.dep3{ background-image:url(../../img/sub_visual3.jpg)}
#visual.active .visual-img-con.dep4, #visual.active .visual-img-con.dep5{ background-image:url(../../img/sub_visual4.jpg)}

.location{overflow:hidden;}
.location li{display:inline-block; vertical-align:middle; color:#fff; font-size:16px; letter-spacing:-0.5px;}
.location li a{color:inherit; color:#fff}
.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 0 14px; color:#fff; font-size:16px; }
.location li:first-child:before{display:none;}
#wrap.one-dep .location li.location2{ display:none}


#contentInfoCon{position:relative; margin:70px auto; }
#contentInfoCon.gallery {display: none;}
#contentInfoCon .content-tit{position:relative; display:inline-block; color:#1f1c21; font-size:26px; font-weight:500; letter-spacing:0; text-transform:uppercase}
#contentInfoCon .content-tit:after{position:absolute; left:0; bottom:-26px; content:""; width:100%; height:2px; background-color:#123863}
#contentInfoCon .content-sub-tit{color:#888; font-weight:300; padding-top:20px; font-size:16px; letter-spacing:-0.8px; word-break:keep-all;}
/*  SUB LAYOUT :: 상단정보(스타일01) */
#contentInfoCon.content-info-style01{text-align:center; padding-bottom:25px; /*border-bottom:1px solid #e7e7e7*/}
.content-info-inner{position:relative; }
.content-info-inner:after{position:absolute; display:inline-block; content:""; width:100%; height:1px; background-color:#e7e7e7; bottom:-26px; left:0; z-index:-1}

/*  SUB LAYOUT :: 이전페이지,다음페이지 버튼 */
.sub-page-controls-btn{position:absolute; top:50%; height:20px; margin-top:-13px; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;} /* margin-top:수정*/
.sub-page-controls-btn.sub-prev-page-btn{left:-6px; }
.sub-page-controls-btn.sub-next-page-btn{right:-6px; }
.sub-page-controls-btn .sub-page-name{vertical-align:middle; color:#000; font-size:14px; font-weight:400;  }
.sub-page-controls-btn span{color:#555; vertical-align:middle;}
.sub-page-controls-btn span i{margin-top:-2px; font-size:27px;}
/*.sub-page-controls-btn.sub-prev-page-btn:hover{margin-left:-10px}
.sub-page-controls-btn.sub-next-page-btn:hover{margin-right:-10px}*/
#wrap.one-dep .sub-page-controls-btn{ display:none}
#sub_content{ padding:100px 0 120px;}
#sub_content.page_content{ padding:0 0 120px}
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		top:1em;
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		top:0;
	}
}
@keyframes text-active-animation2 {
	from {
		opacity:0;filter:Alpha(opacity=0);
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
	}
}
/* card */
.motion_list > * {-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);opacity: 0;-webkit-transition: opacity 800ms, -webkit-transform 1s ease-out;transition: opacity 800ms, -webkit-transform 1s ease-out;transition: transform 1s ease-out, opacity 800ms;transition: transform 1s ease-out, opacity 800ms, -webkit-transform 1s ease-out;}
.motion_list.left > *{-webkit-transform: translate3d(-30px, 0, 0);transform: translate3d(-30px, 0, 0);}
.motion_list.right > *{-webkit-transform: translate3d(30px, 0, 0);transform: translate3d(30px, 0, 0);}
.motion_list > *:nth-child(1) {-webkit-transition-delay: 300ms;transition-delay: 300ms;}
.motion_list > *:nth-child(2) {-webkit-transition-delay: 450ms;transition-delay: 450ms;}
.motion_list > *:nth-child(3) {-webkit-transition-delay: 600ms;transition-delay: 600ms;}
.motion_list > *:nth-child(4) {-webkit-transition-delay: 750ms;transition-delay: 750ms;}
.motion_list > *:nth-child(5) {-webkit-transition-delay: 900ms;transition-delay: 900ms;}
.motion_list > *:nth-child(6) {-webkit-transition-delay: 1050ms;transition-delay: 1050ms;}
.motion_list > *:nth-child(7) {-webkit-transition-delay: 1200ms;transition-delay: 1200ms;}
.motion_list > *:nth-child(8) {-webkit-transition-delay: 1350ms;transition-delay: 1350ms;}
.motion_list > *:nth-child(9) {-webkit-transition-delay: 1500ms;transition-delay: 1500ms;}
.motion_list > *:nth-child(10) {-webkit-transition-delay: 1650ms;transition-delay: 1650ms;}
.motion_list > *:nth-child(11) {-webkit-transition-delay: 1850ms;transition-delay: 1850ms;}
.motion_list > *:nth-child(12) {-webkit-transition-delay: 2000ms;transition-delay: 2000ms;}
.motion_list > *:nth-child(13) {-webkit-transition-delay: 2150ms;transition-delay: 2150ms;}
.motion_list > *:nth-child(14) {-webkit-transition-delay: 2300ms;transition-delay: 2300ms;}
.motion_list > *:nth-child(15) {-webkit-transition-delay: 2450ms;transition-delay: 2450ms;}
.motion_list.aos-animate  > * {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}

/*  =====SUB LAYOUT :: 페이지 별 컨텐츠 레이아웃 ======*/
/*about*/
.about-img {position: relative;margin-top: 80px;height: 600px;overflow: hidden;}
.about-img:before {content:"";display: block;position: absolute;top: 0;left: 0;background: url(/img/about_img.png) no-repeat center;background-attachment: fixed;width: 100%;height: 100%;z-index: -1;}

.about-content .table table tr th {width: 5%;}
.about-content .table table tr th, .about-content .table table tr td {padding: 1% 2%;box-sizing: border-box;}

.greeting-con .greeting-txt,
.greeting-con .greeting-img{display:inline-block; vertical-align:middle; margin:0 -1px}
.greeting-con .greeting-txt{/*width:57.1%; */width: 66.1%;word-break:keep-all;padding-right:4%;}
.greeting-con .greeting-txt h3{position:relative; font-weight:600; font-size:42px; letter-spacing:-0.15px; color:#111; line-height:1.15; padding-bottom:60px}
.greeting-con .greeting-txt h3 strong{font-size:48px; color:#123863; letter-spacing:-0.1px; font-weight:600;}
.greeting-con .greeting-txt h3:after{position:absolute; display:inline-block; content:""; width:62px; height:1px; background:#2e3251; left:0; bottom:0}
.greeting-con .greeting-txt p{margin-top:45px}
.greeting-con .greeting-txt p span{display:block; font-size:17px; letter-spacing:-0.15px; color:#1f1c21; line-height:1.68; margin-top:20px}
.greeting-con .greeting-txt .greeting-bottom{margin-top:40px}
.greeting-con .greeting-txt .greeting-bottom b,
.greeting-con .greeting-txt .greeting-bottom .ceo-sign{display:inline-block; margin:0 -1px; vertical-align:middle}
.greeting-con .greeting-txt b{font-weight:700; font-size:21px; letter-spacing:0.5px; color:#111; text-transform:uppercase; text-align:right; line-height:1.3}
.greeting-con .greeting-txt .ceo-sign{padding-left:15px}
.greeting-con .greeting-img{/*width:42.9%*/width: 29.9%;}
.greeting-con .greeting-img span img{width:100%}

/*history*/
.history-content{position:relative; background-image:url(../../img/history_bg.jpg); background-repeat:no-repeat; background-position: top center; background-size:cover;}
/* 탭스타일 */
.history-tab-syle{}
.history-tab-syle:before{position:absolute; top:0px; bottom:-2px; left:50%; width:0; content:""; border-bottom:1px solid #e5e5e5;}
.history-tab-syle ul{border-top:1px solid #dadada; border-bottom:1px solid #dadada; background-color:#fff}
.history-tab-syle ul > li{position:relative; float:left; width:33.333%; text-align:center}
.history-tab-syle ul > li:after{position:absolute; content:""; width:1px; height:14px; right:0; top:50%; transform:translateY(-50%); background-color:#dadada}
.history-tab-syle ul > li:last-child:after{display:none}
.history-tab-syle ul > li a{position:relative; display:table; width:100%; height:65px}
.history-tab-syle ul > li a:after{position:absolute; content:""; width:80%; height:3px; background-color:#0072bc; bottom:-2px; left:50%; transform:translateX(-50%); opacity:0; transition:all 0.3s}
.history-tab-syle ul > li a em{display:table-cell; vertical-align:middle; font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#989898; transition:all 0.3s}
.history-tab-syle ul > li a em br{display:none}
.history-tab-syle ul > li.selected a em{color:#0072bc}
.history-tab-syle ul > li.selected a:after{opacity:1}
.history-tab-syle.top-fixed{position:fixed; top:0px; left:0; width:100%; height:65px; z-index:9}
.history-tab-syle.top-fixed:before{width:100%; margin-left:-50%; transition:all 0.3s}

/* history */
.history-content-wrap{position:relative; padding-bottom:100px}
.company-history{padding-top:80px}
.company-history-year em{font-size:37px; font-weight:400}
/* history :: 왼쪽 슬로건 */
.history-slogan{position:absolute; width:43.8%; box-sizing:border-box; top:130px}
.history-slogan img{max-width:100%}
.history-slogan .small-txt{display:block; font-weight:400; color:#b3b3b3; font-size:16px; letter-spacing:0; text-transform:uppercase; margin-top:40px}
.history-slogan .big-txt{font-weight:600; font-size:48px; letter-spacing:-0.5px; color:#343434; line-height:1.2; word-break:keep-all; margin-top:20px}
.history-slogan.fixed{position:fixed; top:140px; }
.history-slogan.fixed.stop{position:absolute; top:auto; bottom:0}
/* history :: 오른쪽 내용 */
.history-detail-con{float:right; width:50%}
/*history :: 레이아웃*/
.company-history {position:relative;}
.company-history-wrapper {position:relative; padding-top:80px; *zoom:1;}
.company-history-wrapper:first-child{padding-top:0}
.company-history-wrapper:after{clear:both; display:block; content:"";}
.company-history-wrapper:before{position:absolute; top:3px; height:110%; width:1px; left:0; background-color:#ddd; content:"";}
.company-history-wrapper:last-child{padding-bottom:0}
.company-history-info-box {position:relative;}
.company-history-info-box::before{ position:absolute; top:-9px; width:25px; height:25px;  background-color:#a3cce7; border: 5px solid #d9eaf5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
.company-history-info-box::after{ position:absolute; top:2px; width:7px; height:7px; background-color:#fff; border: 3px solid #0072bc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
/* History :: 정보 */
.company-history-info .history-item{position:relative; font-size:15.5px; line-height: 1.6; letter-spacing: -0.5px; font-weight:300; color:#696969; margin-bottom:10px; word-break:keep-all}
.company-history-info .history-month{position:absolute; top:0px; font-weight:700; letter-spacing:-0.5px}
.company-history-info .history-txt{position:relative; display:inline-block;}
.company-history-info .history-txt:before{content:"-"; position:absolute; top:0px;}
.company-history-year {position:relative; top:-15px; font-size:42px; letter-spacing: -0.5px; color:#0072bc; font-weight:400; padding-left:78px}
.company-history-year::before{position:absolute; width:60px; top:23px; left:0; border-top:1px solid #dfdfdf; content:"";}
/* History :: 이미지 */
.company-history-img-box{width:50%; margin-top:50px;}
.company-history-img-box span{display:inline-block;  border:1px solid #ddd;}
.company-history-img-box span img{max-width:100%;}

@media all and (min-width:961px){
.history-tab-syle ul > li a:hover em{color:#0072bc}
.history-tab-syle ul > li a:hover:after{opacity:1}	
/* History :: 왼쪽 */
.history-left .company-history-info-box{float:left;}
.history-left .company-history-info-box::before,
.history-left .company-history-info-box::after {left:100%; transform:translatex(-50%)}
.history-left .company-history-info {text-align:right; padding-right: 40px;}
.history-left .company-history-info .history-item{padding-right: 30px; }
.history-left .company-history-info .history-month{right:0;}
.history-left .company-history-info .history-txt{padding-right:15px; }
.history-left .company-history-info .history-txt::before{right:0;}
.history-left .company-history-year {left:100%; padding-left:60px;}
.history-left .company-history-year:before{left:0}
.history-left .company-history-img-box{float:right;}
.history-left .company-history-img-box span{margin-left:60px}
/* History :: 오른쪽 */
.history-right .company-history-info-box{}
.history-right .company-history-info-box::before,
.history-right .company-history-info-box::after {right:100%; transform:translatex(50%)}
.history-right .company-history-info {padding:10px 0 0 80px}
.history-right .company-history-info .history-item{}
.history-right .company-history-info .history-month{left:0;}
.history-right .company-history-info .history-txt{padding-left:80px; }
.history-right .company-history-info .history-txt::before{left:0;}
.history-right .company-history-list-wrap .company-history-year {}
.history-right .company-history-img-box{float:left; text-align:right;}
.history-right .company-history-img-box span{margin-right:60px}
}

/* about */
.about-tit{font-weight:500; font-size:25px; color:#262626; line-height:1.55; word-break:keep-all; text-align:center; }
.sub-global-map{margin-top:80px; overflow:hidden}
.sub-global-map #globalMap{padding:0; position:relative;}
.sub-global-map .global-map-tit{margin-top:70px;position:absolute; width:100%; text-align:center;z-index:99}
.global-map-tit:after, .global-map-tit:before {position: absolute; display: inline-block;content: ""; left: 50%;  transform: translateX(-50%);background: #7ab5c7;}
.global-map-tit:before {width: 9px;height: 9px;top: -39px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);
transform:rotate(45deg);margin-left: -5px;}
.global-map-tit:after {width: 1px;height: 45px;top: -86px;}
.sub-global-map .global-map-con{background:#ececec url("../../img/sub_map_bg.jpg") no-repeat 50% 75px; /*height: 918px;*/    height: 47.8vw; width:100%;position:relative;background-size:90% auto; margin:0 auto}
.sub-global-map .global-map-wrap:after{display:none}
.global-map-tit span{display:block; font-weight:400; font-size:14px; letter-spacing:0; color:#000; opacity:0.5; text-transform:uppercase}
.global-map-tit h3{font-weight:500; font-size:19px;color:#444; opacity: 0.9;line-height:1.5em; padding:8px 0 27px}
.global-map-tit h3 strong{font-weight:600}
.global-map-tit .global-view-btn{position:relative; display:inline-block; font-weight:400; font-size:14px; letter-spacing:0; color:#fff; ;padding:0 16px 16px}
.global-map-tit .global-view-btn:after{position:absolute; display:inline-block; content:""; width:100%; height:3px; background:#fff; left:0; bottom:0}

.global-map-wrap{position:relative;}
.global-map-wrap:after{position:absolute; display:inline-block; content:""; width:100%; height:84px; background:url("/images/main/global_map_bg_top.jpg") no-repeat 50% 0; background-size:cover; top:0; left:0}
.global-map-con-m{display:none;}
.global-nation-box{position:absolute; top:0px; left:0px; width:100%; height:100%; }
@keyframes nation-circle {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0.5; 
   }
  50% {
	opacity: 1.0; 
   }
  100% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0; } 
}
.nation-circle{position:absolute; left:50%; top:0; display:inline-block; width:80px; height:80px;}
.nation-circle > span:nth-child(2) {-webkit-animation-delay: 1s;animation-delay: 1s; }
.nation-circle > span:nth-child(3) {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.nation-circle > span:nth-child(4) {-webkit-animation-delay: 2s;animation-delay:2s;}
.nation-circle > span:nth-child(5) {-webkit-animation-delay: 2.5s;animation-delay:2.5s;}
.nation-circle > span:nth-child(6) {-webkit-animation-delay: 4s;animation-delay:4s;}
.nation-circle > span {border:1px solid rgba(82, 195, 241, 0.35);/*background:rgba(255, 255, 255, 0.15);*/border-radius: 50%;-webkit-animation-fill-mode: both;animation-fill-mode: both;position: absolute;left: 0;top: 0px;opacity: 0;margin: 0;width: 100%;height: 100%;-webkit-animation: nation-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;animation: nation-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; }
.nation-circle i{display:block; position:absolute; top:50%; left:50%; margin:-3px 0 0 -3px; width:5px; height:5px; background-color:#999; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;opacity:0.7;filter:Alpha(opacity=70);}
.nation-circle p{position:absolute; top:50%; left:50%; width:300px; height:30px; margin:-48px 0 0 -150px; color:#fff; text-align:center}
.nation-circle p strong{font-weight:400; font-size:13px; position:relative; display:inline-block; background:#7ab5c7; padding:9px 18px; border-radius:15px}
.nation-circle p strong:after{position:absolute; display:inline-block; content:""; width:9px; height:14px; background:url("../../img/global_map_country_after.png"); bottom:-13px; left:50%; transform:translateX(-50%)}
.nation-circle p.bottom-txt{margin:16px 0 0 -150px}
.nation-circle p.bottom-txt strong:after{bottom:auto; top:-12px; transform:translateX(-50%) rotate(180deg)}
.nation-circle p.right-txt{margin:-16px 0 0 -98px}
.nation-circle p.right-txt strong:after{top:8px; bottom:auto; left:-10px; transform:translateX(0) rotate(90deg)}
.nation-circle p.left-txt{margin:-16px 0 0 -209px}
.nation-circle p.left-txt strong:after{top:8px; bottom:auto; left:auto; right:-10px; transform:translateX(0) rotate(-90deg)}
.global-map-wrap .global-map{ position:relative}
/*about 좌표*/
.alska{margin-left: -41%;top: 16%;}
.canada{margin-left: -33%;top: 20%;}
.usa{margin-left: -32%;top: 33%;}
.mexico{margin-left: -35%; top: 42%;}
.chile{margin-left: -25.5%; top: 75%;}
.turkey{margin-left: 4%;top: 31%;}
.lran{margin-left: 11%; top: 35%;}
.arabia{margin-left: 7.5%;top: 40%;}
.afghan{margin-left: 15%;top: 30%;}
.dubai{ margin-left: 10.5%;top: 40%;}
.india{margin-left: 17%;top: 43%;}
.russia{margin-left: 16%;top: 13%;}
.mongolia{margin-left: 22%;top: 23%;}
.japan{margin-left: 33%;top: 33%;}
.hongkong{margin-left: 28%; top: 40%;}
.taiwan{margin-left: 29.5%;top: 41%;}
.tinian{margin-left: 31%;top: 49%;}
.jakarta{margin-left: 28%;top: 61%;}
.austra{margin-left: 33%;top: 70%;}
.newzea{margin-left: 40%;top: 84%;}
.sub-global-map .m_only{ display:none}


/*inquiry*/
.location-content .location_top {letter-spacing: 0;} 
.location-content .location_top h3 {font-size: 42px;margin-bottom: 25px;color: #111;} 
.location-content .location_top h3 img {margin-right: 10px;} 
.location-content .location_top h4 {font-size: 21px;font-weight: 400;padding-bottom: 25px;margin-bottom: 25px;line-height: 1.4;border-bottom: 2px dotted #ccc;} 
.location-content .location_top h4 br.pc_hidden {display: none;}
.location-content .location_top ul, .company5 .page_con .content .bottom .txt ul li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } 
.location-content .location_top ul li {width: 45%;} 
.location-content .location_top ul li:last-child {margin-top: 35px;} 
.location-content .location_top ul li img {margin-left: 20px; transition: all .5s;} 
.location-content .location_top ul li p {font-size:17px;color:#696969;line-height:1.68;}
.location-content .location_top ul li p strong {display: block; color:#1f1c21;} 
/**/
.location-content .map {margin-top: 80px;}
.location-content .map iframe {width: 100%;border-radius: 20px;box-shadow: 10px 10px 13px #1111111f;} 
/* hover */
.location-content .location_top ul li:hover img {transform: translateX(-5px);transition: all .5s;}

/*inquiry*/
.map_area{ height:550px; width:100%;}
.inquiry-info {margin-bottom: 30px;background: #f8f8f8;box-sizing: border-box; width: 100%; padding: 30px; border: 1px solid #ebebeb;}
.inquiry-info dl dt {float:left; width:21%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.inquiry-info dl dd {float:left;width: 78%;border-left: 3px solid #123863;position:relative;padding-left:30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.inquiry-info dl dd:before {content:"";display:block;width:3px;height: 21px;background-color: #aecaec;position:absolute;left: -3px;}
.inquiry-info .info-tit {font-size:25px; letter-spacing:-0.75px; color: #333; word-break:keep-all;}
.inquiry-info .info-tit span {font-weight: 600; display:inline-block;}
.inquiry-info dl dd p {font-size: 16px; line-height:26px; letter-spacing:-0.5px; color: #111; float:left; margin-right: 20px; font-weight:500;}
.inquiry-info dl dd p span {font-size:15px; color:#666; display:inline-block; margin-right: 9px; }
.inquiry-info .info-address {float:none; margin-right:0;  color: #555;font-weight:400;}

/*FEATURES*/
.features-content .Slogan{letter-spacing: -0.3px;}
.features-content .Slogan dl dt{font-size:30px;color: #222;margin-bottom: 20px; font-weight:500}
.features-content .Slogan dl dd{font-size: 16px; line-height: 1.5;}
.features_wrap{ background:#f4f8fb url(../../img/about_map_img.jpg) no-repeat center;  padding:65px 0; margin:80px 0}
.features_wrap h3{text-align: center;font-size: 30px;font-weight: 500; color: #33475b;} 
.features_wrap .features_list{ margin-top:80px}
.features_wrap .features_list li{ float:left; width:33.333%; box-sizing:border-box; text-align:center; padding: 3.5% 8px 4%; border-right:1px solid #d4dde7}
.features_wrap .features_list li:nth-child(3), .features_wrap .features_list li:nth-child(6){ margin-right:0; border-right:0}
.features_wrap .features_list li:nth-child(3)~*{ border-top:1px solid #d4dde7}
.features_wrap .features_list li .icons{ margin-bottom:20px}
.features_wrap .features_list li p.tit{font-size:19px; font-weight: 500; color: #33475b; letter-spacing:-0.2px}
.features_info{ }
.features_info li{ width:100%; box-sizing:border-box; position:relative; border:1px solid #cfdbe2; padding:25px 40px;}
.features_info li:first-child~*{ margin-top:20px}
.features_info li:before{width:5px; height:100%; position:absolute; content:""; display:block; left:0;  top:0; background:#70c1da;}
.features_info li dl {}
.features_info li dl dt{ font-size:18px; font-weight:500; margin-bottom:15px; color:#33475b;}
.features_info li dl dd{ line-height:1.5; font-size:16px; color:#555;}

/*PROCESS*/
.process_img-list{width: 100%;position: relative}
.process_img-list ul{width: 100%;box-sizing: border-box;}
.process_img-list ul li{float: left;width: calc(33.33% - 45px); margin-left:67px; position:relative;}
.process_img-list ul li:after{background: url(../../img/icon_next_btn.png) no-repeat center;width: 28px;height: 48px;position: absolute;right: 0;top: 50%;transform: translateY(-80px);content: "";display: block;margin-right: -52px;}
.process_img-list ul li:last-child:after{ display:none}
.process_img-list ul li:first-child, .process_img-list ul li:nth-child(5){ margin-left:0}
@media all and (min-width:801px){
.process_img-list ul li:nth-child(4),.process_img-list ul li:nth-child(5){ float:right}
.process_img-list ul li:nth-child(3):after{transform: rotate(90deg);top: 100%; right: 50%;margin: 0;margin-top: 0;}
.process_img-list ul li:nth-child(4):after{ right:auto; left:0; margin-right:0; margin-left:-52px; background:url(../../img/icon_prev_btn.png) no-repeat center;}
}
.process_img-list ul li:nth-child(3)~*{ margin-top:80px}
.process_img-list ul li figure{ border:1px solid #ddd; width:100%; position:relative;}
.process_img-list ul li figure > img{ width:100%; max-width:100%}
.process_img-list ul li figure > i{position: absolute; left: 0;top: 0; font-size: 14px; background: #123863; width: 30px;height: 30px;text-align: center; line-height: 30px;color: #fff;font-style: normal;}
.process_img-list ul li figcaption{ margin-top:15px; line-height:1.6; font-size:15px; color:#666; height:100px;letter-spacing: -0.25px;}



/*PURCHASE*/
.purchase-content{}
.purchase-content .sec-top{ width:100%;}
.purchase-content .sec-top img{ width:100%; max-width:100%;}
.purchase-content .sec-top > figure{}
.purchase-content .sec-top > div{ margin-top:40px}
.purchase-content .sec-top > div > div{ width:calc(50% - 23px); box-sizing:border-box; }
.purchase-content .sec-top > div > div.cm-fl{ margin-right:45px}
.purchase-content  h4{display: block; font-size: 19px;letter-spacing: -0.75px;color: #303030;margin: 0px 0 20px;position: relative; padding-left: 13px;font-weight: 600;}
.purchase-content  h4:before{position: absolute;content: "";width: 6px;height: 6px;background-color: #123863; border-radius: 50%; left: 0; top: 0;}
.purchase-content .sec-top > div > div .table_wrap table tr th,.purchase-content .sec-top > div > div .table_wrap table tr td{width:16%; height:68px;}

.solar-sec{margin-top:80px}
.solar-sec-tit{position:relative; display:block; font-size:22px; letter-spacing:-0.5px; color:#222; padding-left:25px; margin-bottom:22px; font-weight:500; line-height:1.3}
.solar-sec-tit:before{position:absolute; content:""; width:16px; height:16px; box-sizing:border-box; border:4px solid #123863; top:5px; left:0; border-radius:50%}
.solar-cm-tbl{}
.solar-cm-tbl .solar-tbl{width:100%; word-break:keep-all; border-top:1px solid #000}
.solar-cm-tbl .solar-tbl tr th,.solar-cm-tbl .solar-tbl tr td{border-bottom:1px solid #dadada}
.solar-cm-tbl .solar-tbl tr th{background-color:#f5f5f5; text-align:center; font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#222; line-height:1.4; padding:40px 15px}
.solar-cm-tbl .solar-tbl tr th em{display:block; font-size:15px; color:#b4b4b4; margin-top:5px}
.solar-cm-tbl .solar-tbl tr td{padding:40px 30px 40px 42px}
.solar-cm-tbl .solar-tbl tr td p{font-weight:300; font-size:16px; letter-spacing:-0.7px; color:#333; line-height:1.75; margin-bottom:30px;}
.solar-cm-tbl .solar-tbl tr td p:last-child{margin-bottom:0}
.solar-cm-tbl .solar-tbl tr td p .blue{color:#123863}
.solar-cm-tbl .solar-tbl tr td p.dot-txt span{position:relative; display:block}
.solar-cm-tbl .solar-tbl tr td p.dot-txt span:before{position:absolute; content:""; width:3px; height:3px; background-color:#123863; left:-15px; top:13px}
.top-border-con{border-top:1px solid #000; padding-top:30px; margin-bottom:60px}
.top-border-con:last-child{ margin-bottom:0}
.gray-triangle span{position:relative; font-size:16px; letter-spacing:-0.3px; color:#222; line-height:1.875; word-break:keep-all; padding-left:20px; display:block; margin-bottom:10px}
.gray-triangle span:before{position:absolute; display:inline-block;  content: "\e92f"; font-family: xeicon; left:-2px; top:-1px; color:#ccc; transform:rotate(90deg)}
.gray-triangle.has-explain:before{top:9px}
.gray-triangle .explain-box{display:inline-block; background-color:#868686; color:#fff; padding:10px 15px; border-radius:13px}
.gray-triangle .explain-box em{position:relative; padding-left:10px}
.gray-triangle .explain-box em:before{position:absolute; display:inline-block; content:""; width:3px; height:3px; background-color:#fff; top:9px; left:0}
.solar-sec .m_only{ display:none}

/* ******************온라인 문의 :: 쓰기, 문의폼********************** */
.bbs-inquiry-agree-con{margin-bottom:50px;}
.bbs-inquiry-agree-con .agree-tit{font-size: 23px;color: #222;position: relative;  margin-bottom: 12px;font-weight: 500;}
.inquiry-agreement-con{border:1px solid #ddd; height:200px; overflow:hidden;  background-color:#f6f6f6;}
.bbs-inquiry-agree-con .agree-txt{padding-top:10px; font-size:15px; letter-spacing:-0.3px; color:#868686;}
.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-agreement-con textarea{border: 0px;height: 242px; overflow: hidden auto;width: 100%;margin-top: 0px;margin-bottom: 0px; font-size: 13.3333px; line-height: 1.5;
color: #333;background-color:#f6f6f6;padding: 20px;}

.inquiry_sec h4{display: block; font-size: 23px; letter-spacing: -0.75px; color: #303030; margin: 40px 0 20px; position:relative;padding-left: 13px; font-weight:600}
.inquiry_sec h4:before{position: absolute;content: "";width: 6px;height: 6px; background-color: #123863;border-radius: 50%; left: 0; top:0;}
.inquiry_sec.mt60 h4{ margin-top:60px}
.write-tbl{width:100%; border-top:1px solid #333;}
.write-tbl th,.write-tbl td{padding:10px 15px; border-bottom:1px solid #ddd;}
.write-tbl th{color:#444; font-size:16px; font-weight:400; 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.6%; background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle;padding:10px; box-sizing:border-box;}
.write-tbl .write-input:focus{border-color:#333;}
.write-tbl .write-input::placeholder{ color:#ccc}
.write-tbl .write-input{text-indent:10px;}
.write-tbl .write-select{height:38px;}
.write-tbl .write-textarea{width:100%; height:200px; resize:none; line-height:1.5}
.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: 10px 30px 10px 0; font-size:15px; color:#666;}
.radioCont li input{ margin-right:5px; vertical-align:bottom}
.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% - 135px); 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: 13px; 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:17px; margin:0 2px 0px 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:#038fd8;}
.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;}
.email-fieldset .write-select{ margin-left:13px}

.inquiry_wrap .search_btn{display: inline-block;overflow: hidden;width: 115px;height: 38px; margin: 3px 0; border: none;background: #b3b3b3; line-height: 38px;text-align: center; vertical-align: middle;color: #fff;}
.inquiry_wrap #Address{ margin:5px 0}
.inquiry_wrap .board_list{ margin-top:45px;}
.inquiry_wrap .board_list button, .inquiry_wrap .board_list a{display:inline-block;width:180px;height:55px;line-height:55px;text-align:center;color:#fff;box-sizing:border-box;background: #123863;}
.inquiry_wrap .board_list a{ background:#777}



/*  =========================
	SUB LAYOUT :: 미디어쿼리 시작
===========================*/
@media all and (max-width:1650px){
.sub-global-map .global-map-con{ height: 48.8vw;}	
}
@media all and (max-width:1320px){
/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
#content{padding:70px 15px}

/*location*/
.sub-global-map .global-map-con{background-size: 96%;height: 53.5vw;}
.nation-circle p strong{ font-size:11px; padding: 7px 15px;}
.alska {margin-left: -44%;top: 16%;}
.canada {margin-left: -37%;top: 22%;}
.usa {margin-left: -35%;top: 32%;}
.mexico {margin-left: -38%;}
.chile {margin-left: -27.5%;}
.turkey {margin-left: 3%;top: 30.5%;}
.arabia {margin-left: 7.5%;top: 40%;}
.dubai {margin-left: 10.5%;top: 39%;}
.india {margin-left: 18%;top: 42%;}
.russia {top: 15%;margin-left: 15%;}
.japan {margin-left: 34%;top: 33%;}
.hongkong {margin-left: 29.4%;top: 37%;}
.taiwan {margin-left: 30.5%; top: 40%;}
.tinian {margin-left: 32.5%;top: 49%;}
.jakarta { top:59%}
.austra {margin-left: 35%;}
.newzea {margin-left: 42%;top: 81%;}
}
@media all and (max-width:1280px){
/*history*/
.history-content{background-size:100% auto; background-image:url(../../img/history_bg_long.jpg);}
.process_img-list ul li:nth-child(3):after{ margin-top:15px}
}
@media all and (max-width:1224px){
/*history*/
/* 탭스타일 */
.history-tab-syle .area{padding:0}
.history-tab-syle.top-fixed{top:80px}
/* history :: 왼쪽 슬로건 */
.history-slogan.fixed{top:210px; width:calc(43.8% - 13px)}
.history-slogan.fixed.stop{width:43.8%}
}
@media all and (max-width:1080px){
#visual .visual-img-con{ background-position: 60% 50%;}	
#visual.active .visual-img-con.dep5{background-position: 70% 50%;}
#visual.active .visual-img-con.dep6{background-position: 35% 50%;}
/*  =====SUB LAYOUT :: 페이지 별 컨텐츠 레이아웃 ======*/	
/*about*/
.greeting-con .greeting-txt p span br{display:none}
/*history*/
.history-slogan .big-txt{ font-size:35px}
/*about*/
.about-tit{ font-size:18px}
.sub-global-map{ margin-top:40px}
.sub-global-map .global-map-tit{ margin-top:10px}
.sub-global-map #globalMap{background: #ebebeb;padding-top:38px;}
.global-map-tit:after{ height:40px;top: -62px;}
.global-map-tit:before{top: -25px;}
.global-map-tit span{ font-size:13px}
.global-map-tit h3{ font-size:15px; padding-top:4px}
.sub-global-map .global-map-con{ background:none; height:auto}
.global-nation-box{ display:none}
.sub-global-map .m_only{ display:block;}
.sub-global-map .m_bg > img{ width:100%; max-width:100%;}
.about_list { margin-top:30px}
.about_list >ul{ }
.about_list >ul >li:first-child, .about_list >ul >li:nth-child(2){border-top:2px solid #333;}
.about_list >ul >li { float:left; width:calc(50% - 15px); border-bottom:1px solid #ddd;}
.about_list >ul >li:nth-child(even){ margin-left:30px}
.about_list >ul > li p{ width:100%;  box-sizing:border-box; padding:10px 0 10px 30px; font-size:16px; position:relative;}
.about_list >ul > li p:before{ content:""; display:block; position:absolute; left:15px; top:16px; width:3px; height:3px; background:#666;}
/*location*/
.map_area{ height:400px}
.inquiry-info{ padding:30px 20px}
.inquiry-info dl dt{ width:25%}
.inquiry-info dl dd{ width:75%;}
.inquiry-info .info-tit{ font-size:23px}

.features-content .Slogan dl dd br{ display:none}
.features_wrap .features_list li p.tit{ font-size:16px}

/*process*/
.process_img-list ul li{width: calc(33.33% - 27px);margin-left: 40px;}
.process_img-list ul li figcaption{ font-size:14px}
.process_img-list ul li:after{ background-size:16px; margin-right: -38px;}
.process_img-list ul li:nth-child(4):after{ background-size:16px; margin-left: -34px;}
}
@media all and (max-width:960px){
/*history*/
.history-content{ background-position:bottom center;}
/* 탭스타일 */
.history-tab-syle ul > li a{height:45px}
.history-tab-syle ul > li a em{font-size:14px;}
.history-tab-syle.top-fixed{height:45px}
.history-fixed-tab{height:45px; padding-bottom:0}
.company-history-year em{font-size:17px}

.company-history-wrapper{padding-top:30px}
.company-history-wrapper:before{left:10px;}
.company-history-info-box{padding-left:40px}
.company-history-info-box::before{top:-3px; left:0; width:15px; height:15px; border-width:3px;}
.company-history-info-box::after{top:4px;left:7px; width:5px; height:5px; border-width:1px; }

.history-content-wrap{padding-bottom:50px}
.company-history{padding-top:50px}
/* history :: 왼쪽 슬로건 */
.history-slogan{position:relative !important; top:0 !important; width:100% !important; margin-bottom:30px}
.history-slogan .small-txt{font-size:13px; margin-top:20px}
.history-slogan .big-txt{font-size:30px; margin-top:10px}
.history-slogan img{max-width:none; width:100%}
/* history :: 오른쪽 내용 */
.history-detail-con{width:100%}

/* History :: 정보 */
.company-history-info{padding-top:15px}
.company-history-info .history-item{font-size:13px; padding-left:25px;}
.company-history-info .history-month{left:0; font-size:13px}
.company-history-info .history-txt{padding-left:34px}
.company-history-info .history-txt:before{display:none;}
.company-history-year{top:0px;font-size:20px; padding-left:0}
.company-history-year::before{width:20px; left:-27px; top:7px}
/* History :: 이미지 */
.company-history-img-box{width:auto; margin-top:20px}
.company-history-img-box span{margin-left:120px;}
}

@media all and (max-width:920px){
/*purchase*/
.purchase-content .sec-top > div > div{ float:none; width:100%;}
.purchase-content .sec-top > div > div.cm-fl{ margin:0; margin-bottom:45px}
}

@media all and (max-width:800px){
/*공통 버튼*/
.link-btn{width: 155px;height: 40px; line-height: 40px; font-weight: 600;}	
	
/*  SUB LAYOUT :: 컨텐츠 레이아웃 */	
#content{padding:50px 15px}	
.sub-tab-style02 ul li{margin:0 2px}
.sub-tab-style02 ul li > a{font-size:14px; height:45px}

/*  SUB LAYOUT :: 비주얼 */
#visual {height:320px;}
#visual .visual-sub-txt{ font-size:18px}
#visual .visual-tit{ font-size:45px}
#visual .eng .visual-tit{font-size: 34px;width: 80%; line-height: 1.3;}

/* SUB LAYOUT :: 위치정보(location) */
.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 :: 서브타이틀(스타일1) */
#contentInfoCon{margin:30px 0; }
#contentInfoCon .content-tit{font-size:15px}
#contentInfoCon .content-sub-tit{font-size:13px; line-height:18px;}
/*  SUB LAYOUT :: 상단정보(스타일02) */
#contentInfoCon.content-info-style02 .content-tit{display:block; padding-bottom:15px;}
#contentInfoCon.content-info-style02 .content-tit:after{position:static; display:block; margin:20px 0 0 0;}
#contentInfoCon.content-info-style02 .content-sub-tit{display:block; margin-left:0}
/*  SUB LAYOUT :: 상단정보(스타일03) */
#contentInfoCon.content-info-style03 .content-tit{float:none; text-align:center;}
#contentInfoCon.content-info-style03 .location{float:none; text-align:center; padding-top:23px;}

.sub-page-controls-btn{margin-top:-9px}
.sub-page-controls-btn span i{font-size:21px}
/*  =====SUB LAYOUT :: 페이지 별 컨텐츠 레이아웃 ======*/
/*about*/
.greeting-con .greeting-txt, 
.greeting-con .greeting-img{display:block; margin:0}
.greeting-con .greeting-txt{width:100%;}
.greeting-con .greeting-txt h3{font-size:30px; padding-bottom:30px}
.greeting-con .greeting-txt h3 strong{font-size:31px}
.greeting-con .greeting-txt p{margin-top:20px}
.greeting-con .greeting-txt p span{font-size:15px; margin-top:10px}
.greeting-con .greeting-txt p span br{display:none}
.greeting-con .greeting-img{width:100%; text-align:center; margin-top:55px}
.greeting-con .greeting-img span{display:inline-block}
.greeting-con .greeting-img span img{width:auto; max-width:90%}
.greeting-con .greeting-txt .greeting-bottom{margin-top:20px}
.greeting-con .greeting-txt b{font-size:16px;}
.greeting-con .greeting-txt .ceo-sign{padding-left:10px}
.greeting-con .greeting-txt .ceo-sign img{height:40px}

/*location*/
.inquiry-info .info-tit{ font-size:18px}
.inquiry-info dl dd p,.inquiry-info dl dd p span{ font-size:14px}

.features-content .Slogan dl dt{ font-size:23px}
.features-content .Slogan dl dd{ font-size:14px;width: 90%; margin:0 auto}
.features_wrap{ margin:50px 0; padding: 40px 0;}
.features_wrap h3{ font-size:23px}
.features_wrap .features_list{ margin-top:40px}
.features_wrap .features_list li p.tit{height: 45px; line-height: 1.3;}
.features_info li{ padding:20px 25px}
.features_info li dl dt{ font-size:16px;margin-bottom: 10px;}
.features_info li dl dd{ font-size:13px}

/*process*/
.process_img-list ul li {width: calc(50% - 27px);margin-left: 50px;}
.process_img-list ul li:after{margin-right: -42px;}
.process_img-list ul li:nth-child(3), .process_img-list ul li:nth-child(4){ float:right;}
.process_img-list ul li:nth-child(5){ float:left;}
.process_img-list ul li:nth-child(2)~*{ margin-top:70px}
.process_img-list ul li:nth-child(4){ margin-left:0;}
.process_img-list ul li:nth-child(2):after, .process_img-list ul li:nth-child(4):after{transform: rotate(90deg);top: 100%;right: 50%; margin: 0;}
.process_img-list ul li:nth-child(3):after{transform: translateY(-80px) rotate(180deg);right: auto;left: 0;margin-right: 0;margin-left: -38px;margin-top: 0;}

/*purchase*/
.table table tr th, .table table tr td{ font-size:13px}
.purchase-content .sec-top > div > div .table_wrap table tr th, .purchase-content .sec-top > div > div .table_wrap table tr td{ height:48px;}
.table table tr td > span{ line-height:24px;}
.solar-sec-tit{ font-size:18px; margin-bottom: 12px;}
.solar-sec-tit:before{ width:12px; height:12px; border-width:3px}
.top-border-con{ padding-top:15px}
.gray-triangle span{ font-size:14px; line-height:1.45}
.gray-triangle span:before{font-size: 12px;top: 1px; left: 0px;}
.purchase-content h4{ font-size:17px}


/*온라인문의*/
.bbs-inquiry-agree-con{margin-bottom:35px;}
.bbs-inquiry-agree-con .agree-tit{font-size:16px;}
.inquiry-agreement-con{height:100px; padding:15px}
.inquiry-agreement-con textarea{ padding:0}
.bbs-inquiry-agree-con .agree-txt{font-size:13px;}
.inquiry-essential-txt{ font-size:10px}
.inquiry_sec h4,.bbs-inquiry-agree-con .agree-tit{ font-size:17px}
.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:500; 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; text-indent: 8px;}
.write-tbl td .write-textarea{height:130px;}
.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:10px}
.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; margin-left:0}
.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: 13px; line-height:36px}
.write-tbl .hypen{margin: 0 3px;}
.inquiry .width20{ width: calc(33.333% - 14px) !important;}
.cm-btn-controls{ padding-top:0}

}

@media all and (max-width:735px){
#sub_content{ padding:50px 0 70px;}
#sub_content.page_content{ padding:0 0 70px}
/*history*/
.history-content{ background-position:  top 40vw center;}
/*location*/

.inquiry-info{ padding:18px; margin-bottom: 15px;}
.inquiry-info dl dt, .inquiry-info dl dd{ float:none; width:100%;}
.inquiry-info dl dt:after{ width:50px; content:""; display:block; height:3px; background:#000; margin-top:15px;}
.inquiry-info dl dd{padding:0; border:0; padding-top:10px}
.inquiry-info dl dd:before { width: 21px;height: 3px;left: 0;top: -3px;}

/*process*/
.process_img-list ul li figcaption{ font-size:13px}
}

@media all and (max-width:600px){
.features_wrap .features_list li .icons img{ height:40px}	
.features_wrap .features_list li p.tit{ font-size:14px; height:36px}

/*about*/
.about-tit {font-size: 15px;}
.about-tit br{display:none}
.global-map-tit h3{ font-size:13px}
.sub-global-map .m_bg > img{ padding-top:45px}
.about_list >ul >li{width: calc(50% - 5px);}
.about_list >ul >li:nth-child(even) { margin-left: 10px;}
.about_list >ul > li p{padding: 10px 0 10px 19px; font-size: 13px;}
.about_list >ul > li p:before{width: 2px; height: 2px;left: 8px;}
/*location*/
.map_area{ height:300px}
.inquiry_wrap .board_list { margin-top:30px}
.inquiry_wrap .board_list button, .inquiry_wrap .board_list a{width:120px; height:40px; line-height:40px; }
/*process*/
.process_img-list ul li{ float:none; width:100%; margin:0;}
.process_img-list ul li:first-child~*{ margin-top:70px}
.process_img-list ul li figcaption{ height:auto; padding-bottom:20px}
.process_img-list ul li:after{ top:auto!important; right:48.2%!important; bottom:0; background-image:url(../../img/icon_next_btn.png)!important; margin:0!important;
transform:translateY(45px) rotate(90deg)!important;left:auto!important;background-size:22px auto!important; margin-left:-24px}

/*purchase*/
.solar-sec {margin-top: 50px;}
.purchase-content h4{ margin-bottom:10px}
.top-border-con{ margin-bottom:37px}
.solar-sec .table_wrap{overflow-x: auto;}
.solar-sec .table_wrap .basic_table1{min-width: 600px;}
.table table tr th.empty:after{    transform: translateY(1px) rotate(29deg);}
.solar-sec .m_only{ display:block;margin-top: 10px; font-size: 13px;}
}
@media all and ( max-width: 520px ){

}
@media all and ( max-width: 480px ){
#visual {height: 250px;}	
.location li{ font-size:11px}
.sub-tab-style02.news-tab ul li{width:calc(33.333% - 6px)}	
/*  SUB LAYOUT :: 비주얼 */

#visual .visual-sub-txt{ font-size:15px}
#visual .visual-tit{ font-size:32px; padding-top: 12px;}
#visual .eng .visual-tit{ font-size:32px; padding-top:0}

/*  SUB LAYOUT :: 서브타이틀(스타일1) */
#contentInfoCon {margin: 30px 0;}
#contentInfoCon .content-tit { font-size: 23px;}
#contentInfoCon .content-sub-tit{ font-size:16px}
/*  =====SUB LAYOUT :: 페이지 별 컨텐츠 레이아웃 ======*/	
/*about*/
.greeting-con .greeting-txt h3{ font-size:26px;padding-bottom: 22px;}
.greeting-con .greeting-txt h3 strong{ font-size:27px}
.greeting-con .greeting-txt p span{ font-size:14px}

/*history*/
/* 탭스타일 */
.history-tab-syle.top-fixed{top:50px}
.history-tab-syle ul > li a em br{display:block}
/* history :: 왼쪽 슬로건 */	
.history-slogan.fixed{top:135px}

.features-content .Slogan dl dt,.features_wrap h3{ font-size:20px}
.features-content .Slogan dl dd{ width:100%; font-size:13px}
.features_wrap{ margin:35px 0}
.features_wrap .features_list li{ width:50%;border: 1px solid #d4dde7;margin: -1px 0 0 -1px;}
.features_wrap .features_list li:nth-child(6){ border-right:1px solid #d4dde7}
.features_info li dl dd {font-size: 12px; letter-spacing: -0.2px;}
.solar-sec-tit{ font-size:17px}
.gray-triangle span{ font-size:13px}


.inquiry_wrap .board_list { margin-top:20px}

}
@media all and ( max-width: 420px ){
/*  =====SUB LAYOUT :: 페이지 별 컨텐츠 레이아웃 ======*/		


}