@charset "utf-8";

#saeromAlert{display:none;border-width:0px;Z-INDEX: 201; POSITION: fixed;z-index:2500;left:50%; top:50%;margin-left:-225px;margin-top:-250px;width:450px}
#saeromAlert img {display:inline-block;}
#saeromAlert .foot{position:relative;text-align:left;color:#fff;font-size:11px;line-height:20px;;padding:4px 10px;height:20px;background:#333;}
#saeromAlert .foot .chk{margin:0 10px 0 0;}
#saeromAlert .foot label{cursor:pointer}
#saeromAlert .sa-close{position:absolute;top:0;right:0;width:28px;height:28px;text-indent:-999px;overflow:hidden;;background:url(../images/etc/btn_alert_close.png) 0 0 no-repeat;}
.slider-container {position:relative;background: #171717;overflow: hidden;padding: 0;position: ;}
.slider {max-height: 495px;}
/*.slider .tp-bgimg{}*/
.slider img {opacity:0}
.saeromAlert {display:none;border-width:0px;Z-INDEX: 201; POSITION: fixed;z-index:2500;left:50%; top:50%;margin-left:-225px;margin-top:-250px;width:450px}
.saeromAlert .sa-close{position:absolute;top:0;right:0}


/* Home Intro */
.home-intro {background-color: #171717; margin-bottom: 60px; overflow: hidden; padding: 5px 0 20px 0; position: relative; text-align: left; } 
.home-intro p {color: #FFF; display: inline-block; font-size: 1.4em; font-weight: 300; max-width: 800px; padding-top: 5px; }
.home-intro p span {color: #999; display: block; font-size: 0.8em; padding-top: 5px; }
.home-intro p em {font-family: "Shadows Into Light", cursive; color:#3fc9d0;font-size: 1.6em;font-style:italic; }
.home-intro .get-started {margin-top: 25px; margin-bottom: 5px; position: relative; text-align: right; }
.home-intro .get-started .btn {position: relative; z-index: 1; }
.home-intro .get-started .btn i {font-size: 1.1em; font-weight: normal; margin-left: 5px; }
.home-intro .get-started a {color: #FFF; }
.home-intro .get-started a:not(.btn) {color: #777777; }
.home-intro .learn-more {margin-left: 15px; }
.home-intro.light {background-color: #E2E2E2; }
.home-intro.light.secundary {background-color: #E0E1E4; }
.home-intro.light p {color: #777777; }

/* Home Intro Compact */
.home-intro-compact {border-radius: 0 0 10px 10px; margin-top: -10px; }

.home-intro-compact p {padding-left: 20px; }
.home-intro-compact .get-started {padding-right: 20px; }


h2.word-rotator-title {line-height: 54px;font-size: 2.6em; font-weight: 300; line-height: 42px; margin: 0 0 32px 0; }
h2.short {margin-bottom: 15px; }
.inverted {color: #fff;}
.inverted .word-rotate {margin-top: -8px;}
.word-rotate .word-rotate-items{position: relative;}
.word-rotate {height: 54px;display: inline-block;vertical-align:middle; overflow: hidden; text-align: center; position: relative;padding-left: 10px;}
.word-rotate span{white-space: nowrap;display: block;height:54px;line-height: 54px;}
.inverted {background-color: #2baab1;}
.word-rotate .word-rotate-items span {font-family: "NanumGothicBold" !important;}


.home-concept {background: transparent url(../images/main/home-concept.png) no-repeat 50% 0; width: 100%; overflow: hidden; }
.fc-slides{position: relative; perspective: 1200px; top: 6px;margin: 0 auto 42px;width: 338px; height: 338px; overflow: hidden;border-radius: 50%;  -webkit-perspective: 1200px; -moz-perspective: 1200px;  }
.fc-slides li{position: absolute;left:0;top:0;width: 338px; height: 338px; }

.home-concept strong{display:inline-block;margin-top: 30px;vertical-align:top;font-family: "NanumGothicBold";color:#2baab1;font-weight: bold;font-size: 1.5em;line-height: 1.1em;}
.home-concept .process-image {width: 160px; height: 175px; margin: 135px auto 0 auto;text-align: center; padding-bottom: 50px; position: relative; z-index: 1; background: transparent url(../images/main/home-concept-item.png) no-repeat 0 0;}
.home-concept .process-image .img-wrap{position:relative;top:7px;margin:0 auto 30px;width:144px;height:146px;overflow: hidden;border-radius: 50%;}
.home-concept .project-image { width: 350px; height: 420px; margin: 15px 0 0;text-align: center; padding-bottom: 45px; position: relative; z-index: 1; background: transparent url(../images/main/home-concept-item.png) no-repeat 100% 0;}




.feature-box .feature-box-icon {background: #CCC;border-radius: 35px;color: #FFF;display: inline-block;float: left;height: 35px;line-height: 35px;margin-right: 10px;position: relative;text-align: center;top: 5px;width: 35px;}
.feature-box .feature-box-icon {background-color: #2baab1;}

/* 제품 안내 */
.featured.lead{font-size: 1.6em;line-height: 1.5em;color:#777;font-weight: 200;}

.home-concept .sun{width: 60px;height: 56px;display: block;position: absolute;left: 10%;top: 35px;background: transparent url(../images/main/home-concept-icons.png) no-repeat 0 0;}
.home-concept .cloud {width: 116px;height: 56px;display: block;position: absolute;left: 57%;top: 35px;background: transparent url(../images/main/home-concept-icons.png) no-repeat 100% 0;}

/* 최근 소식 영역 */

/* what's new */
.list-news .feature-box-icon{position:absolute;left:0;top:50%;width:35px;height:27px;margin-top:-17px;padding-top:8px;color:#fff;text-align:center;border-radius:50%;background:#0088cc;}
.list-news .feature-box-icon.other{background-color:#0088cc;}
.list-news .feature-box-icon.uc{background-color:#3ab0ba;}
.list-news .feature-box-icon.uc .icon{font-size:140% !important;}
.list-news .feature-box-icon.security{background-color:#e65f57;}
.list-news .feature-box-icon.sw{background-color:#5f28b2;}
.list-news .feature-box-icon.sw .icon{font-size:120% !important;}
.list-news .feature-box-icon.sm{background-color:#70ba3a;}
.list-news li{position:relative;padding:0 0 30px;}
.list-news .col-inset{position:relative;padding-right: 30px;}
.list-news .article{padding-left:35px;}
.list-news .article .shorter{color:#2baab1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-news .article .tall{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;}

/* NewsLetter*/
.news-letter a{}
.letter-list{padding: 15px;}
.letter-list li{line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.letter-list li a{color:#777;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.letter-subscribe{padding: 5px 8px;}
.letter-subscribe li{float:left;width:50%;position:relative;}
.letter-subscribe li div{margin:5px;}
.letter-subscribe li div .inp{}
.letter-subscribe li .col-inset:first-child .inp{margin-left:-10px;}
.letter-subscribe li.email{clear:both;float:none;width:auto;}
.letter-subscribe li.email .f{margin-right:85px;}
.letter-subscribe li.email .btns{position: absolute;right: 1px;top: 5px;margin: 0;width: 85px;height: 34px;padding: 0;}
.letter-subscribe li.email .btns .btn{border-radius:0 4px 4px 0;}

.panel-group .panel {margin-bottom: 0;border-radius: 4px;overflow: hidden;}
.panel-default {border-color: #ddd;}
.panel {margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.panel-group .panel+.panel {margin-top: 5px;}
.panel-title{height:27px;margin:0;padding:8px 0 8px 15px;font-size: 16px;background-color: #f5f5f5;border-color: #ddd;border-top-right-radius: 3px;border-top-left-radius: 3px;}
.panel-title .js-accrd{display:inline-block;float:right;color: #2baab1;padding:0 15px;}
.panel-title .js-accrd .icon-chevron-down,
.panel-title .js-accrd .icon-chevron-up{margin-top:5px;}
.panel-title .js-accrd .icon-chevron-down{display:inline-block;}
.panel-title .js-accrd .icon-chevron-up{display:none;}
.panel-title .js-accrd.on .icon-chevron-down{display:none;}
.panel-title .js-accrd.on .icon-chevron-up{display:inline-block;}
.panel-group .panel {margin-bottom: 0;border-radius: 4px;overflow: hidden;}
.panel-default {border-color: #ddd;}


/* 새롬스토리 */
.map-section{margin-top:40px;}
.recent-posts h4 {margin-bottom: 7px;color:#2baab1;height: 2.8em;overflow: hidden; font-size:1.2em; font-family:"NanumGothicExtraBold"; line-height:1.4em;}
.recent-posts article.recent-post h4 {margin: 0 0 3px 0; }
.recent-posts article.recent-post h4 a {display: block; }
.recent-posts .smr{margin:10px 0;height: 6em;overflow: hidden; text-align:justify; font-size:0.9em;}
.recent-posts .date {float: left; margin-right: 10px; margin-top: 2px; text-align: center; }
.recent-posts .date .month {background: #2baab1;; border-radius: 0 0 2px 2px; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset; color: #FFF; font-size: 0.9em; padding: 0 10px 2px; }
.recent-posts .date .day {background: #F7F7F7; color: #CCC; display: block; font-size: 18px; font-weight: 500; font-weight: bold; padding:3px 8px; }
.read-more{color:#2baab1;}
section.featured .recent-posts .date .day {background: #FFF; }
.recent-posts .date .day, article.post .post-date .day {color: #2baab1;}

h2.short {margin-bottom: 15px;}

/* 새롬 스토리*/
section.featured {background: #F0F0ED;border-top: 5px solid #ECECE8;margin: 35px 0;padding: 50px 0;}
section.featured.footer {margin: 30px 0 -70px;}
section.featured.map {margin-top: 0;border-top: 0;background-image: url(../images/main/map-bottom.png);background-position: center 0;background-repeat: no-repeat;}


/*.tp-bgimg{background-size:auto !important;}*/
@media (max-width: 1269px) {
 .tp-bgimg{background-size:cover !important;}
}

@media (max-width: 991px) {
	.br{display:block;}

	.home-concept {width:390px;margin:0 auto;text-align:center;background-image:none;}
	.home-concept strong{margin-top:5px;}
	.home-concept .sun,
	.home-concept .cloud{display:none;}
	.home-concept .process-image{margin-top:10px;;}

	.home-concept .project-image{width: 160px;height: 175px;margin: 10px auto 0 auto;padding-bottom: 50px;background: transparent url(../images/main/home-concept-item.png) no-repeat 0 0;}
	.home-concept .project-image .img-wrap{position: relative;top: 7px;margin: 0 auto 30px;width: 144px;height: 146px;}
	.fc-slides{top:9px;margin: 0 auto 30px;width: 144px;height: 146px;}
	.fc-slides li{;width: 144px;height: 146px;}


	.our-work{letter-spacing:-1px;}

	.home-concept .col-md-2, .home-concept .col-md-4{display:inline-block;margin:0 10px;}
}
@media (max-width: 767px) {
	.list-news .col-inset{padding-right:10px;}
}
@media (max-width: 600px) {
	#saeromAlert{position:static;margin:0;text-align:center;width:auto;height:auto;background:#333;;}
	#saeromAlert img{display:block;max-width:100%;}
	#saeromAlert01{position:static;margin:0;text-align:center;width:auto;height:auto;background:#333;;}
	#saeromAlert01 img{display:block;max-width:100%;}
	#saeromAlertBG{display:none !important;}
	.concept-ment{font-size:70%;}
}
@media (max-width: 400px) {
	.home-concept {width:auto;}
}