@charset "utf-8";
@import url("font.css");
@import url("animate.css");
@import url("bootstrap.css");
@import url("style.css");
@import url("basic.css");
@import url("font-awesome/css/all.css");
@import url("swiper.css");
@import url("plugins/iCheck/custom.css");
@import url("plugins/datapicker/datepicker3.css");



body{
margin:0;
padding:0;
border:0;
line-height:2rem;
/* letter-spacing:-0.75px; */
color:#333333;
font-size: 1.4rem;
font-family:Roboto, "Noto Sans KR", nanum, "나눔고딕", "맑은고딕", "Malgun Gothic", "돋움", Dotum, Shruti, Arial;
background:#ffffff;
}


::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background-color: #efefef;
}

::-webkit-scrollbar-thumb {
  background-color: #818181;
}

::-webkit-scrollbar-button {
  background-color: transparent;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}



html, body, .wrap{height:100%;}
.wrap{position:relative;width:100%;}
body > .wrap{height:auto; }



/* ======================== Layout Class ======================== */
html { font-size: 10px; }

@media screen and (max-width: 1220px) { html { font-size: 10px; } }
@media screen and (max-width: 992px) { html { font-size: 9.5px; } }
@media screen and (max-width: 768px) { html { font-size: 9px; } }

.topSearch01 {position:absolute; right:0; top:20px; font-size:1.8rem; color:#333333; z-index:200;}
.topSearchDetail01{border-bottom:2px solid #0152ad; padding-bottom:5px; width:213px; overflow:hidden;}
.topSearchDetail01 input{float:left; width:180px; font-size:13px; padding:2px 0 10px;}
.topSearchDetail01 .topSearchIco{float:right; width:20px; height:20px; background: url("../../resources/img_app/topSearchIco.png") no-repeat center center;}
.mainVisual{max-width:1220px; margin:30px auto 0; height:350px;}

.visualSlideArea h3{color:#ffffff; font-size:41px; line-height:41px; position: absolute; top: 50%; left: 50%; text-align: center; width: 90%; padding: 0; 
-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11;
 text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}



.slideBox{position:absolute; left:0; top:0; width:60px; height:60px;}
.slideBox span{display:inline-block; position:absolute; top:50%; left:50%; text-align:center; width:100%; color:#fff; font-size:13px; line-height:14px; font-weight:400; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 51;}
.box01{background:#22b8d3;}
.box02{background:#0152ad;}
.box03{background:#36ad01;}

.mainVisualSlide .swiper-slide {
	text-align: center;
    background: #fff;
    /* Center slide text vertically */
    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;
    /* width: 1220px; */
}

.mainVisualSlide .swiper-slide-next:before, .mainVisualSlide .swiper-slide-prev:before{position: absolute;  width: 100%;  height: 100%;  display: block;  content: ""; z-index: 50; top:0; left:0; background:#000; opacity:0.5;}


.mainVisualImg{position:relative; width:1220px; height:350px; line-height:350px; background-size:cover; background-position:center center; font-size:50px; font-weight: 500; color:#fff;}
.mainVisualImg:before{content:"한국공공자원순환협회"; position:absolute;top:0;left:0;width:100%;height:100%;  background:rgba(0, 0, 0, 0.3); }

.mainVisualSlide .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 100%;
  background: transparent;
  border:2px solid #fff;
  opacity: 1;
}
.mainVisualSlide .swiper-pagination-bullet-active {
  opacity: 1;
  background: #0152ad;
  border-radius:20px;
  border:2px solid #0152ad;
}
.mainVisualSlide .swiper-pagination{text-align:center; left:0;}

.mainVisualSlide .swiper-buttonArea{display:none; position:absolute; top:50%; right:0; width:100%; height:65px; z-index:400; margin-top:-32.5px;}
.mainVisualSlide .swiper-button-prev{
/*   display:none; */
  background: url("../../resources/img_app/btnLn02.png") no-repeat 0 0;
  top:0;
  left: 10%;
  right:auto;
  width:37px;
  height:65px;
  opacity:1;
}

.mainVisualSlide .swiper-button-next{
/*   display:none; */
  background: url("../../resources/img_app/btnRn02.png") no-repeat 0 0;
  width:37px;
  top:0;
  height:65px;
  right: 10%;
  opacity:1;
}




.conMainArea01{max-width:1220px; margin:0 auto; padding:50px 0; overflow:hidden;}
.mainList01{float:left; width:60.3%; overflow:hidden;}
.mainList02{float:right; width:39.7%; height:510px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.mainListArea{float:left; width:50%; margin-left:0;}
.mainListArea a{display:block; margin-right:28px; background:#f9f9f9;}
.mainListArea:first-child{margin-left:0;}
.mainListArea:first-child a{background:#ffffff;}
.mainListArea .imgArea{position:relative; width:100%; height:192px; overflow:hidden; background-size:cover; background-position:center center; border: 1px solid #dfdfdf;}
/* .imgArea img{width:100%; height:100%;} */
.mainListDetail{border:1px solid #dfdfdf; border-top:none; padding:35px 25px;}
.mainListDetail h3{font-size:16px; font-weight:500; color:#000; line-height:24px; height:46px; overflow:hidden; margin-bottom:30px;}
.mainListTxt{font-size:14px; color:#878787; line-height:22px; overflow:hidden; height:86px; margin-bottom:40px;}
.mainListTag{overflow:hidden;height:40px; margin-bottom:5px;}
.mainListTag span{float:left; border:1px solid #d7d7d7; border-radius:5px; background:#fff; padding:2px 5px; font-size:12px; color:#878787; margin-right:4px;}

.mainListArea a:hover .mainListDetail{border:1px solid #0152ad; border-top:none; transition-duration:1.3s;}

.noticeTab{}
.noticeTab .mainTab {position:relative; z-index:9; margin:0; overflow:hidden; border-bottom:1px solid #ddd;}
.noticeTab .noticeTabArea {overflow:hidden; }
.noticeTab .noticeTabArea li {float:left;}
.noticeTab .noticeTabArea li a{display:block; text-align:center; font-weight: 500; color:#000000; font-size:17px; padding:17px 15px 12px; letter-spacing:-1px;}
.noticeTab .noticeTabArea li:first-child a{margin-left:0;}
.noticeTab .noticeTabArea li a:focus,
.noticeTab .noticeTabArea li a:hover,
.noticeTab .noticeTabArea li a.active{display:block; height:49px; text-align:center; color:#00459f; text-decoration:none; border-bottom:4px solid #00459f;}
.noticeTab .tab_view {position:relative; padding:15px 0 0 0; z-index:10;}
.noticeTab .tab_view:after{content:".";clear:both;display:block;height:0;visibility:hidden;}

.mainTabList{margin-bottom:10px; overflow:hidden; position:relative;}
.mainTabList .imgArea{float: left; width:100px; height:100px; overflow:hidden; background-size:cover; background-position:center center; border: 1px solid #dfdfdf;}
.mainTabListTxt{float: left;  width: 100%;  margin-left: -100px;  padding-left: 120px;}
.mainTabListTxt span{font-size:12px; color:#b3b3b3; margin-top:9px;}
.mainTabListTxt h3{font-size:16px; color:#4e4e4e; font-weight:500; margin:12px 0 5px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.mainTabListTxt p{font-size:13px; color:#777777; line-height:18px; height:36px; overflow:hidden;}

.noticeTabList .mainTabListTxt{float:none; margin-left:0;  padding-left:20px; padding-right:20px;}
.noticeTabList{border-top:1px solid #ececec; padding-top:12px}
.noticeTabList:first-child{border-top:none; padding-top:0}
.noticeTabList .mainTabListTxt h3{margin:10px 0 3px;}

.newsSlide01{float:left; width:60.3%;}
.newsSlide02{float:right; width:39.7%;}

.cardTitle{position:absolute; left:0; top:5px; font-size:28px; color:#000; font-weight:500;}
.newsSlideArea01 .cardTitle{left:29px; }

.newsSlideArea{position:relative;}
.gallerySlide .swiper-wrapper{margin-top:40px; margin-bottom:0;}
.galleryImg{width:216px; overflow:hidden; position:relative;}
.galleryImg img{width:216px; height:240px; -webkit-box-shadow: 5px 6px 19px 0px rgba(0, 0, 0, 0.05); box-shadow: 5px 6px 19px 0px rgba(0, 0, 0, 0.05);}
.galleryArea a{display:block;}

.gallerySlide .swiper-buttonArea{position:absolute; top:0; right:0; width:100px; height:28px; z-index:400;}
.gallerySlide .swiper-button-prev{
  background: url("../../resources/img_app/btnLn01.png") no-repeat 0 0;
  top:0px;
  right: 27px;
  width:28px;
  height:28px;
  left:auto;
  opacity:1;
}

.gallerySlide .swiper-button-next{
 background: url("../../resources/img_app/btnRn01.png") no-repeat 0 0;
  width:28px;
  top:0px;
  height:28px;
  right: 0px;
  left: auto;
  opacity:1;
}

.cardSlideArea{padding:0 29px 0 0;}

.newsSlideArea01{position:relative; padding-left:29px; border-left:1px solid #e1e1e1;}

.supporterArea{padding:0 0 0 0;}


.galleryImg:before, .galleryArea a:hover .galleryImg:after {position:absolute; width:100%; height:100%; display:block; content:""; z-index:50;}
.galleryArea a:hover .galleryImg:before {top:0; left:0; background:#0950a8; opacity:0.9; transition-duration:0.5s;}
#supporter .galleryArea a:hover .galleryImg:before {top:0; left:0; background:#0997a8; opacity:0.9;}
.slideTitle{display:none;  position: absolute; top: 50%; left: 50%; font-size:14px; color:#fff; text-align: center; width:90%; padding:0 30px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 51;}
.galleryArea a:hover .slideTitle{display:block;}


.artSearchDatail{margin-top:10px; /* border-top:1px solid #e8e8e8; */}
.artSearchList{ border:1px solid #ddd; /* border-top:none; */ overflow:hidden; padding:10px 50px;}
.artSearchList h3{font-size:17px; font-weight:500; color:#000000;  line-height:24px; border-bottom:1px solid #ddd; padding:10px 15px; background:#f9f9f9;}
.artSearchListDetail{width:25%; float:left; border-left:1px solid #ddd; background:#ffffff;}
.artSearchList .artSearchListDetail:first-child{border-left:none;}

.artLabel{padding-top:12px !important; font-weight:500; color:#333333; padding-left:24px; background:url('../../resources/img_app/dot01.png') no-repeat 10px 18px;}

.allSearch{position:absolute; left:20px; top:15px;}
.allSearch span{color:#ff9600; text-decoration:underline;}



.wordSearchInput{position:relative; background:#f9f9f9; border:1px solid #e8e8e8; padding:10px 20px; border-top:1px solid #f4f4f4; text-align:center;}
.wordSearchInputArea{width:580px; margin:0 auto; overflow:hidden;}
.wordSearchInputDetail{float:left; background:#ffffff; border:3px solid #939393; height:42px; overflow:hidden;}
.wordSearchInputDetail input{ width:360px; height:42px !important; line-height:42px; padding-left:20px; border:none !important;}

.searchDetail{padding:30px 0;}
.searchTit{overflow:hidden;}
.searchTit h3{float:left; font-size:18px; font-weight:500; color:#000;}
.searchTit h3 span{color:#ff9600;}

.searchBtn{float:right; font-size:13px; color:#337ab7; padding-right:15px; background:url('../../resources/img_app/btl02.png') no-repeat right 4px;}

/* no_list */
.search_result {display:block; width:350px; padding:103px 0 0px 0; margin:0 auto; background:url('../../resources/img_app/NoDataImg.png') no-repeat center 0;}
.search_result h4{font-size:15px; text-align:center; margin-bottom:20px;}


.table_type1 {position:relative; border:1px solid #cbcbcb; margin:0;}
.table_type1 > table {width:100%; background:#ffffff;}
.table_type1 > table > thead > tr > th {text-align:center; border-left:1px solid #e8e8e8; border-bottom:1px solid #abaaaa;  padding:10px 0;  color:#484848; background:url('../../resources/img_app/trBg.png') repeat-x 0 bottom #fcfcfc;}
.table_type1 > table > thead > tr > th:first-child {border-left:0 none;}
.table_type1 > table > tbody > tr > td {text-align:center; border-left:1px solid #e8e8e8; border-top:1px solid #e8e8e8; font-size:14px; padding:12px 5px; color:#484848; }
.table_type1 > table > tr.receive td{background:#fff8ed; font-size:14px;}
.table_type1 > table > tbody > tr:first-child > td {border-top:none;}
.table_type1 > table > tbody > tr > td:first-child {border-left:0 none;}
.table_type1 > table > tbody > tr > td.left {text-align:left; padding-left:10px;}
.table_type1 > table > td.head {}
.table_type1 > table > tbody > tr > td.right {text-align:right;}
.table_type1 > table > td.bg {background-color:#f9f9f9; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3;}
.table_type1 > table > td.bg:first-child {border-left:0 none; border-right:1px solid #D3D3D3;}
/*.table_type1 table tbody tr:hover {background:#f4fafc;}*/
.table_type1 table tfoot td {border-top:2px solid #D6D1C4 !important; background:#F7F5F0; padding:10px 0; color:#000; font-size:14px; font-weight:500;}

.table_type1 > table > tbody > .aco > tr.code01{cursor:pointer;}
.table_type1 > table > tbody > .aco > tr.code02{display:none;}
.table_type1 > table > tbody > .aco.active > tr.code02{display:block;}
.table_type1 > table > tbody > .aco > tr.code02 > td{background:#f9f9f9; padding:20px 50px;}


.table_border {
	display: inline-block;
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid #ddd;
}
.unifiedsearch_list {
	width: 100%;
}
.unifiedsearch_list > li {
	position: relative;
	display: inline-block;
	width: 100%;
	padding:7px 5px;
	font-size: 13px;
	line-height: 21px;
	border-bottom: 1px solid #f1f1f1
}

.unifiedsearch_txt {
	display: block;
	padding-top: 3px;
	overflow:hidden;
}
.unifiedsearch_txt li {
	float: left;
	display: inline-block;
	font-size: 12px;
	padding: 0 10px;
	color: #999;
}
.unifiedsearch_txt li:first-child {
	padding: 0 10px 0 0;
}
.unifiedsearch_txt li:last-child {
	background: none;
}

.txt_title01{font-size:16px; line-height:16px; margin-bottom:10px; color:#006ca9;  font-weight:500; padding:0 0 0 22px; text-align:left; background:url('../../resources/img_app/title01.png') no-repeat left center;}
.txt_title02{font-size:16px; line-height:16px; margin-bottom:10px; color:#000000;  font-weight:400;; padding:0 0 0 14px; text-align:left; background:url('../../resources/img_app/title02.png') no-repeat left center; }
.txt_title03{font-size:1.0em; margin:10px 8px 0 0; color:#4AAEA9;  font-weight:400; padding:2px 0px 2px 0px; }
.txt_title04{font-size:1.0em; margin:10px 8px 0 0; color:#4AAEA9;  font-weight:400; padding-left:12px;  letter-spacing:-0.25px; background:url('../../resources/img_app/title06.png') no-repeat 0 center;}

.panel-group .panel{border:1px solid #e8e8e8; margin-top:30px;}

.copy_wrap {background:#ffffff; border:1px solid #ddd; padding:30px;}

.copy_kogl_box{background:#ffffff; border:1px solid #ddd; padding:30px; margin:10px 0;}
.copy_kogl_box img {width: 150px; height: auto;	position: absolute;}
.copy_kogl_txt{
	display: inline-block;
	/*float: left;*/
	font-size: 13px;
	line-height: 22px;
	color: #999;
	/*padding-top:  5px ;*/
	padding-left: 180px;
	margin: 0;
}
.copy_kogl_txt a {
	/*float: left;*/
	padding-top: 0;
	color: #3b70c9;
}
.stat_date_box {
	display: inline-block;
	width: 100%;
	padding: 15px;
	margin-top: 20px;
	border:1px solid #dedede;
	font-size: 13px;
	color: #999;
	background:#ffffff;
}
.stat_date_tit {
	display: inline-block;
	height: 30px;
	padding: 0 15px;
	margin-right: 10px;
	background: #3b70c9;
	color: #fff;
	line-height: 30px;
	font-weight: 500;
}
.copy_txt em {
	color: #3b70c9;
	font-weight: 500;
}

.allMenu{display:none; position:fixed; top:0; bottom:0; z-index:9999;width:100%; border-bottom:1px solid #085f9a; overflow:hidden; background:#081538; box-shadow: 0 3px 5px rgba(0,0,0,0.2); }

.allMenu .menuD{position:relative; margin:0 auto; width:70%;}
.allMenu .menuD .list{overflow:hidden; margin:27px 0;}
.allMenu .menuD .list:first-child{margin:120px 0 27px;}
.allMenu .menuD .list .oneD{float:left; width:30%; font-size:22px; color:#00d9f7;}
.allMenu .menuD .list .menuD{overflow:hidden; float:right; padding-bottom:27px; width:70%; border-bottom:1px solid #282f43; letter-spacing:-0.3px}
.allMenu .menuD .list .menuD.end{border:0;}
.allMenu .menuD .list .menuD .menu{float:left; padding-right:30px; margin-bottom:10px;}
.allMenu .menuD .list .menuD .menu .twoD{font-size:16px; color:#fff;}
.allMenu .menuD .list .menuD .menu .thiD{padding-top:17px;}
.allMenu .menuD .list .menuD .menu .thiD:hover{padding-top:17px; color:#00d9f7;}
.allMenu .menuD .list .menuD .menu .thiD a{display:block; padding-left:8px;  color:#a7adbe; line-height:20px; background:url("../../resources/img_app/dot.gif") no-repeat 0 7px;}
.allMenu .menuD .list .menuD .btArea{clear:both; margin-top:45px;}
.allMenu .menuD .list .menuD .btArea a{display:inline-block; box-sizing:border-box; padding-top:10px; width:132px; height:34px; text-align:center; color:#fff; background:#323d58;}

.sitemapCloseBtn{position:absolute; right:0; bottom:0px; z-index:9999;}
.sitemapCloseBtn a{display:block; width:40px; height:40px; background:url('../../resources/img_app/sitemapClose.png') no-repeat 0 0; text-indent:-5000px;}



.joinComplete{background:#f9f9f9; padding:50px; color:#000000; border-radius:10px; border:1px solid #e8e8e8; text-align:center; margin:20px 0;}
.joinComplete .comImg01 {display:inline-block; width: 150px; height:150px; border-radius:100px; border:1px dashed #ddd; background:url('../../resources/img_app/task-complete03.png') no-repeat center center #fff;}
.joinComplete .comImg02 {display:inline-block; width: 150px; height:150px; border-radius:100px; border:1px dashed #ddd; background:url('../../resources/img_app/task-complete.png') no-repeat center center #fff;}
.joinComplete .comImg03 {display:inline-block; width: 150px; height:150px; border-radius:100px; border:1px dashed #ddd; background:url('../../resources/img_app/task-complete02.png') no-repeat center center #fff;}
.joinComplete h3{padding-top:30px; font-size:22px; color:#000}
.completeMessage{margin-top:20px; font-size:16px;}


.kpreLogin{width:900px; margin:40px auto;}
.info_txt{font-size:12px; color:#666; padding-bottom:10px; line-height:20px; font-weight:200;}
.info_txt em{color: #ff9600;}
.mainLogin{overflow:hidden; border:1px solid #dddddd;}
.mainLoginLeft{float:left; width:463px; height:477px;}
.mainLoginRight{float:right; width:435px; background:#ffffff; height:477px;}
.brandNameArea {margin:0 0 10px 0;}
.brandNameArea h1{display:block; background:url('../../resources/img_app/mainLogo.png') no-repeat 0 0; text-indent:-5000px; width:106px; height:27px;}
.loginVisual{width:463px; height:477px; background:url('../../resources/img_app/loginBg.png') no-repeat right 0; background-size: cover;}

.loginArea{width:305px; padding:0; margin:0 auto;}
.loginArea h2{color:#000000; font-size:24px; line-height:48px;}
.loginArea h3{color:#7c7c7c; font-size:14px; margin-top:0px; font-weight:Bold;}
.loginArea .form-group{margin-left:0; margin-right:0; margin-bottom:15px;}
.loginRemember {margin-top:5px; font-size:12px; color:#000;}
.loginRemember .checkbox-inline{padding-left:0;}

.loginInput{padding-top:25px; margin-top:0;}
.loginInputArea{margin-top:10px;}
.loginInputArea .form-control{border:none; border-bottom:1px solid #c5c5c5;  box-shadow: none; border-radius:0; height:32px; padding: 6px 0; } 
.loginInputArea label{margin-bottom:0px; font-size:14px; color:#35a5c9;}

.loginBtn{display:block; width:100%; height:55px; font-size:20px; background:#35a5c9; color:#ffffff; border:1px solid #35a5c9; font-size:14px; text-align:center; line-height:55px;}
.loginBtn:hover{color:#fff; background:#1596c0; border:1px solid #1596c0;}

.registerArea {margin-top:25px;}
.registerArea ul{overflow:hidden;}
.registerArea li{float:left; margin-right:15px; padding-left:15px; background:url('../../resources/img_app/bar02.png') no-repeat 0 0;}
.registerArea li:first-child{padding-left:0; background:none;}
.registerArea li a{color:#1e3480; font-size:12px;}
.registerArea li:first-child a{color:#000; font-size:12px;}


.membershipDetail02 {margin-top:20px;}

.id-search {margin:40px auto;overflow:hidden; width:85%;}
.id-search ul {width:100%; overflow:hidden;}
.id-search ul li {float:left; width:50%; height:auto; padding:30px 0 30px 0; text-align:center; border:1px solid #d9d9d9;}
.id-search ul li:hover {position:relative; z-index:10; border:1px solid #444; background-color:#fbfbfb;}
.id-search ul li + li {margin-left:-1px; }
.id-search ul li strong {font-size:20px; line-height:26px; font-weight:500;}
/* .id-search ul li {height:300px;} */

.id-search .content_text_area{padding:0px 60px;}
.id-search .membershipDetail02{height:170px;}

.labelTitle{display:inline-block; padding-top:10px;}

.clausech { margin-top:15px;}
.clausech input{margin:0; margin-right:10px;}
.btnArea01{margin:20px 0;}
.join_guide p{margin:0;}

.star{padding-right:15px; background:url('../../resources/img_app/star.png') no-repeat right center;}
.star01{padding-left:30px; background:url('../../resources/img_app/star.png') no-repeat 15px center;}

.input-group-btn > .btn-default{color:#333;}



/* text-color */
.red {color:red;}

.blue {color:skyblue;}


/* 20180917 */
/* join */
.join-step {margin-bottom:30px; border-bottom:1px solid #d9d9d9;}
.join-step ul {width:690px; margin:0 auto -1px; overflow:hidden;}
.join-step ul li {float:left; width:215px; height:124px; margin-left:20px; text-align:center; background:url("../../resources/img_app/ico_join_step01_off.gif") no-repeat center 20px; border-bottom:1px solid #d9d9d9;}
.join-step ul li div {color:#aaa; font-size:16px; font-weight:400;}
.join-step ul li div span {position:relative; top:1px; padding-right:7px;}
.ie8-sapari .join-step ul li div span {font-family: 'arial';}
.join-step ul li + li {background-image:url("../../resources/img_app/ico_join_step02_off.gif");}
.join-step ul li + li + li {background-image:url("../../resources/img_app/ico_join_step03_off.gif");}
.join-step ul li + li + li + li {background-image:url("../../resources/img_app/ico_join_step04_off.gif");}

.join-step ul li.active {height:123px; background-image:url("../../resources/img_app/ico_join_step01_on.gif"); border-bottom:2px solid #e37d22;}
.join-step ul li + li.active {background-image:url("../../resources/img_app/ico_join_step02_on.gif");}
.join-step ul li + li + li.active {background-image:url("../../resources/img_app/ico_join_step03_on.gif");}
.join-step ul li + li + li + li.active {background-image:url("../../resources/img_app/ico_join_step04_on.gif");}
.join-step ul li.active div {color:#e37d22;}

.join-step ul li div {padding-top:90px; background:url("../../resources/img_app/arr_join_step.gif") no-repeat left 49px;}
.join-step ul li:first-child div {background:none;}
.join-step ul li:first-child {margin-left:0;}

.content_text_area {margin-top:0px; overflow: hidden;}
.content_text_area  .img_lee  { text-align:center; border:1px solid #CCC}
.content_text_area  .img_lee IMG { margin:30px 0px; width:100%;}
.content_text_area>p {font-size: 16px; margin: 30px 20px 50px; letter-spacing: -1px;}

.content_text_area .sub_box {width: 100%; margin-top: 20px; float: left; box-sizing: border-box;}
.clause { border:1px solid #e8e8e8 ; color:#777; background:#f9f9f9; padding:20px 30px; line-height:26px; font-size:14px; letter-spacing:0px; height:220px;}




.briefing_wrap {width:740px}
.briefing_top {border-bottom:2px solid #dadada;}
.briefing_top p {font-size:20px;font-weight:600;color:#000;letter-spacing:-0.2px;line-height:24px;text-align:left;}
.briefing_top  span {display:inline-block;padding:15px 0;color:#666}
.briefing_top  span em {font-weight:600}
.briefing_center {padding-bottom:0;}
.briefing_center p {width:100%;margin-top:15px;font-size:14px;color:#666;letter-spacing:-0.2px;line-height:20px;text-align:justify;}
.briefing_center  p em {padding-left:5px;background:url(https://policydb.kcti.re.kr/com/editr/imageSrc.do?path=20161111&physical=D505A392773C43D48703A1795E11C8FD.png&contentType=image/png)  no-repeat 0;color:#333;font-weight:600}
.briefing_centerimg {width:100%;margin-top:15px;text-align:center;}
.briefing_centerimg p {margin-top:5px;text-align:center;font-size:12px;color:#ec944f}
.briefing_centerimg p span {display:inline-block;width:10px;height:8px;padding-left:5px;background:url(https://policydb.kcti.re.kr/com/editr/imageSrc.do?path=20161111&physical=1F2C4951B33A4F599176771ED2A72E67.png&contentType=image/png) no-repeat}
.briefing_bottom {margin-bottom:30px;padding-top:15px;}
.briefing_bottom p {font-size:12px;color:#666}
.briefing_bottom p em {font-weight:600}
.briefing_tit {width:100%;margin:15px 0;font-weight:600;font-size:11px;color:#000;letter-spacing:-0.2px;line-height:12px;text-align:right}
.briefing_tit img {display:inline-block;float:right;padding-left:5px;}

/* 브리핑 표 추가*/
.briefing_table p {text-align:center}
.briefing_table .table_tit {margin-bottom:5px;font-size:12px;font-weight:600}
.tablewrap {width:70%;margin:0 auto}
.tablewrap thead {font-weight:600}
.tablewrap thead th{border-top:2px solid #9c9c9c}
.tablewrap thead td{padding:5px 0 5px 0;border-top:2px solid #9c9c9c;text-align:center}
.tablewrap th {border-bottom:1px solid #dadada;background-color:#f1f1f1;color:#2f4043}
.tablewrap td {padding:5px 0 5px 20px;border-bottom:1px solid #dadada;color:#666666;text-align:left}
.briefing_table .table_bottom {width:70%;margin:0 auto;padding-top:5px;font-size:12px;color:#ec944f}
.briefing_table .table_bottom span {display:inline-block;width:10px;height:8px;padding-left:5px;background:url(./images/toparrow_img.png) no-repeat}




.attachFileArea .panel-heading{border-radius:0px !important; border-left:none !important; border-right:none !important; background:#f9f9f9 !important; border-color:#dddddd;}
.attachFileArea{border-radius:0px !important;}
.attachFileArea .panel-body{background:#ffffff;}



#gototop {display:none; width:31px; height:39px; position:fixed; right:4px; bottom:20px; z-index:2000; background:url("../../resources/img_app/totop.png"); cursor:pointer; text-indent:-5000px; overflow:hidden;}
#gototop:hover {background:url("../../resources/img_app/totop.png") 0 -39px;}


.briefingArea{position:relative; height:55px; /* background:#262626; */ }
.briefingLine{position:absolute; top:0; left:50%;  height:8px; z-index:10; width:1220px; margin-left:-610px;}
.briefingLine ul{overflow:hidden; width:100%;}
.briefingLine li{float:left; width:20%; height:8px;}
.briefingLine li.line01{background:#35a5c9;}
.briefingLine li.line02{background:#8fc591;}
.briefingLine li.line03{background:#7b4f6a;}
.briefingLine li.line04{background:#e6ba40;}
.briefingLine li.line05{background:#da7757;}

.subLine{position:absolute; bottom:0; left:0; width:100%; height:8px; z-index:10;}
.subLine ul{overflow:hidden; width:100%;}
.subLine li{float:left; width:20%; height:8px;}
.subLine li.line01{background:#35a5c9;}
.subLine li.line02{background:#8fc591;}
.subLine li.line03{background:#7b4f6a;}
.subLine li.line04{background:#e6ba40;}
.subLine li.line05{background:#da7757;}


.briefingList {padding:18px 0; height:45px; overflow:hidden;}
.briefingList h2{float:left; width:15%; font-size:14px; line-height:32px; }
.briefingList h2 span{display:block; padding-left:40px; background:url('../../resources/img_app/newsIco.png') no-repeat 0 3px; color:#f3bb21;}
.briefingListDetail{float:left; width:85%; overflow:hidden;}
.briefingListDetail ul, .briefingListDetail dl{overflow:hidden;}
.briefingListDetail li{line-height:32px; opacity:0.8;}
.briefingListDetail dt{float:left; color:#ffffff; font-size:13px; width:75%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.briefingListDetail dd{float:right; color:#ffffff; font-size:13px; width:22%; text-align:right;}



.board_bottom{padding:40px 0 20px;}
.mainNewsArea{}
.mainCardArea{width:100%; position:relative;}

.mainCardList{margin:30px 0 70px;}
.mainCardList li{width:300px; height:240px;}
.mainCardList li .mainCardCon img{width:216px; height:240px; -webkit-box-shadow: 5px 6px 19px 0px rgba(0, 0, 0, 0.05); box-shadow: 5px 6px 19px 0px rgba(0, 0, 0, 0.05);}
.mainCardList li .mainCardCon a{display:block;}


/* 게시판 TOP 검색영역 */
.board_top{clear:both; overflow:hidden; margin-bottom:20px; margin-top:10px; padding-bottom:5px; border-bottom:2px solid #58b1c1;}
.board_top .board_total{font-size:18px;}
.board_top .board_total li{display:inline-block; margin-right:10px; padding:2px 0 0 0; line-height:1.6em; color:#333333;}
.board_top .board_total li span{color:#58b1c1;  font-weight:500; text-decoration:underline;}

.board_top01{clear:both; overflow:hidden; margin-top:10px;}
.board_top01 .board_total{font-size:14px; margin-top:5px;}
.board_top01 .board_total li{display:inline-block; margin-right:10px; padding:2px 0 0 0; line-height:1.6em; color:#333333;}
.board_top01 .board_total li span{color:#58b1c1;  font-weight:500; text-decoration:underline;}
 
.noticeTitle{text-align:center;}
.noticeDetailView .actions {
  margin:20px 0;
  color:#000;
  overflow:hidden;
}
.noticeDetailView .actions span{display:inline-block; padding:3px 15px; border-radius:30px; margin: 0 1px 3px; background:#fff; color:#58b1c0; border:1px solid #58b1c0; font-size:14px; margin:0 5px;}
.noticeDetailView .actions span:first-child{margin-left:0;}
.noticeDetailView .actions span:last-child{margin-right:0;}
.noticeDetailView .actions span em{color:#000; margin-left:15px;}

#cardSlider .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: #dedede;
  border:2px solid #dedede;
  opacity: 1;
}
#cardSlider .swiper-pagination-bullet-active {
  opacity: 1;
  background: #6ab26d;
  width:40px;
  border-radius:20px;
  border:2px solid #6ab26d;
}
#cardSlider .swiper-pagination{text-align:center; left:0;}


#cardSlider .swiper-buttonArea{position:absolute; top:0; right:0; width:100%; height:28px; z-index:400;}
#cardSlider .swiper-button-prev{
  background: url("../../resources/img_app/btnLn.png") no-repeat 0 0;
  top:315px;
  left: 0px;
  right:auto;
  width:28px;
  height:12px;
  opacity:1;
}

#cardSlider .swiper-button-next{
 background: url("../../resources/img_app/btnRn.png") no-repeat 0 0;
  width:28px;
  top:315px;
  height:12px;
  right: 0;
  opacity:1;
}



.notice-lists {}
.notice-lists ul {display:block;margin:0 0 0 0;vertical-align:top;overflow:hidden}
.notice-lists ul li {float:left;width:282px;margin:30px 0 0 24px;}
.notice-lists ul li:first-child{margin-left:0;}
.notice-lists ul li.main-notice {width:587px}
.notice-lists ul li.main-notice .img-area .img-box {width:100%;height:311px; overflow:hidden;}
.notice-lists ul li.main-notice .img-area .img-box img {width:100%;height:100%;}
.notice-lists ul li.main-notice .cont-box {height:338px; padding:25px 30px 40px; background:#ffffff;}
.notice-lists ul li.main-notice .cont-box .tit {display:block;overflow:hidden;max-height:108px; font-size:26px;line-height:36px;color:#222}
.notice-lists ul li.main-notice .cont-box .txt {margin-top:25px; height:114px; font-weight:300;font-size:14px;line-height:26px;color:#555}
.notice-lists ul li.main-notice .cont-box .date {display:block;margin-top:50px; font-weight:500;font-size:16px;line-height:.8;color:#6e6e6e}
.notice-lists ul li.normal-notice .img-area .img-box {width:100%;height:151px; overflow:hidden;}
.notice-lists ul li.normal-notice .img-area .img-box img {width:100%;height:100%;}
.notice-lists ul li.normal-notice .cont-box {padding:25px 30px 40px; background:#ffffff;}
.notice-lists ul li.normal-notice .cont-box .tit {display:block;overflow:hidden; height:56px; font-weight:400;font-size:18px;line-height:28px;color:#222}
.notice-lists ul li.normal-notice .cont-box .date {display:block;margin-top:25px; font-weight:500;font-size:16px;line-height:.8;color:#012b5d}
.notice-lists ul li .img-area .img-box img {transition-duration:0.3s;}
.notice-lists ul li a:hover .img-area .img-box img {width:120%; height:120%; transition-duration:1s;}
.notice-lists ul li a{position:relative; display:block; border-bottom:1px solid #dedee1}
.notice-lists ul li a:hover:after{border-width:10px; transition-duration:0.3s;}
.notice-lists ul li a:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; box-sizing:border-box; border:0px solid #58b1c0;}



.notice-listsSub{}
.notice-listsSub ul {display:block;margin:0 0 0 0;vertical-align:top;overflow:hidden}
.notice-listsSub ul li {float:left; width:33.3%;}
.notice-listsSub ul li a{position:relative; display:block; margin:15px 20px; border-bottom:1px solid #dedee1}
.notice-listsSub ul li a:hover:after{border-width:10px; transition-duration:0.3s;}
.notice-listsSub ul li a:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; box-sizing:border-box; border:0px solid #58b1c0;}
.notice-listsSub ul li.normal-notice .img-area .img-box {width:100%; height:185px; overflow:hidden; text-align:center;}
.notice-listsSub ul li.normal-notice .img-area .img-box img {width:100%;height:100%; transition-duration:0.3s;}
.notice-listsSub ul li.normal-notice .cont-box {padding:25px 0; background:#ffffff;}
.notice-listsSub ul li a:hover .cont-box {padding:25px; background:#ffffff;}
.notice-listsSub ul li.normal-notice a:hover .img-area .img-box img {width:120%; height:120%; transition-duration:1s;}
.notice-listsSub ul li.normal-notice .cont-box .tit {display:block; font-size:18px; line-height:28px;color:#262626; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.notice-listsSub ul li.normal-notice .cont-box .txt {margin-top:15px; overflow:hidden; height:40px; font-weight:300;font-size:14px;line-height:22px;color:#6c6c6c}
.notice-listsSub ul li.normal-notice .cont-box .date {display:block; margin-top:30px; font-weight:500; font-size:15px;line-height:.8;color:#6e6e6e}


.contnetView{}
.listDetail{}
.listDetail ul{overflow:hidden;}
.listDetail li{float:left; width:33.3%; }
.listDetail li:nth-child(even) a{background:#f9f9f9;}
.listDetail li a{position:relative; display:block; padding:30px; margin:5px 20px; border:1px solid #cfcfcf;}
.listDetail li a:hover{border:1px solid #58b1c0;}
.listDetail li a:hover:after{border-width:10px;  transition-duration:0.3s}
.listDetail li a:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; box-sizing:border-box; border:0px solid #58b1c0;}
.listDetail li h3{height:50px; font-size:1.8rem; color:#000; line-height:28px;}
.listDetail li .listContent{color:#5d5d5d; line-height:20px; margin-top:30px; height:75px; }
.listDate {margin-top:30px;}
.listDate p{font-size:1.6rem; color:#000; margin-top:13px; font-weight:500;}



.utility-navi{padding:0; width:100%; height:45px; border-bottom:1px solid #c8d2db;}


.utilQuick{float:left; overflow:hidden; padding-top:14px;}
.utilQuick li{float:left; margin-right:10px; font-size:14px; color:#000; padding-left:10px; background:url('../../resources/img_app/utilQuickBar.png') no-repeat 0 3px;}
.utilQuick li:first-child{padding-left:0; background:none;}

.headerQuick{float:right; padding-top:9px;}
.headerQuick ul{float:right; margin-left:10px; padding-left:5px; }
.headerQuick ul li{float:left; margin-right:10px; font-size:13px; color:#727272;}
.headerQuick ul:first-child{padding-left:0; background:none;}

.loginTop{padding-top:8px;}
.loginTop li{padding-top:0; padding-left:10px; background:url('../../resources/img_app/utilQuickBar.png') no-repeat 0 0;}
.loginTop li:first-child{padding-left:0; background:none;}
.loginTop li{line-height:14px;}
.snsTop li a{display:block; width:27px; height:27px; text-indent:-5000px;}
.headerQuick .snsTop li{margin-right:5px !important;}
.headerQuick .snsTop li:last-child{margin-right:0 !important;}
.blogIco{background:url('../../resources/img_app/blogIco.png') no-repeat 0 0 !important;}
.faceIco{background:url('../../resources/img_app/faceIco.png') no-repeat 0 0 !important;}
.youtubeIco{background:url('../../resources/img_app/youtubeIco.png') no-repeat 0 0 !important;}

.approach.scroll{position:fixed; width:100%;}
/* .approach{opacity: 1;}
.approach:before {
    content: '';
    background-color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 1000ms ease;
    transition: opacity 1000ms ease;
	z-index:1;
	}
.approach.fade-out:before {
    opacity: 0;
	z-index:3;
	 -webkit-transition: opacity 1000ms ease;
    transition: opacity 1000ms ease;
}
 */
.ourCommitmentCon{position:relative; z-index:200; background:#ffffff;}

/******** layout ********/
#headerWrap { position:relative; width:100%; height:82px; padding:24px 0px 18px; }
#headerWrap .header { height:40px; line-height:40px; text-align:center; }
#headerWrap .header > div { display:inline-block; }
#headerWrap .header .logo { position:absolute; left:50%; margin-left:-71.5px; width:143px; }
#gnbWrap { width:100%; margin-left:auto; margin-right:auto; }
#gnbWrap .gnb { margin: 0px auto; width: 100%; }
#gnbWrap .gnb > ul { position:absolute; z-index:10; text-align:center; display:block; width:100%; height:59px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

/*#gnbWrap .gnb.active > ul { height:176px; }*/
#gnbWrap .gnb > ul >  li { /* height:90px; */ display:inline-block; margin:0 15px;}
#gnbWrap .gnb > ul >  li:first-child { margin-left:0;}
#gnbWrap .gnb > ul > li > a { letter-spacing:0.4px; display:block; padding-top:20px; font-weight:500; font-size:18px; color:#000; z-index:50; height:60px; position:relative; }
#header.search .gnb > ul > li > a {color:#383838;}
/* #gnbWrap .gnb > ul > li > a:hover, #gnbWrap .gnb > ul > li > a:focus, #gnbWrap .gnb > ul > li > a.active { color:#2f1a72; } */
/*#gnbWrap .gnb > ul > li > a:after { position:absolute; content:""; opacity:0; bottom:23px;left:0px; right:0px; margin-left:auto; margin-right:auto; width:0%; height:1px; background:#2f1a72;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}*/


#gnbWrap .gnb > ul > li > a:hover:after,#gnbWrap .gnb > ul > li > a:focus:after,#gnbWrap .gnb > ul > li > a.active:after { width:100%; opacity:1; }
#gnbWrap .gnb > ul > li > .gnb-sub {display:none; width:1200px; position:absolute; left:50%; top:59px; margin-left:-600px; padding:30px 0 20px !important; overflow:hidden;}
.gnbSub_title{display:inline-block; float:left; width:200px; text-align:left; padding-right:10px; border-right:1px solid #696969;}
.gnbTitle{margin-left:30px;}
.gnbTitle h2{color:#ffffff; font-size:20px;  }
.gnbTitle p{display:none; color:#aaaaaa; font-size:15px; margin-top:15px; }
.gnbTitleImg{width:100px; height:100px; margin-left:30px;}
.gnbTitleImg.img01{background:url('../../resources/img_app/gnbTitleImg01.png') no-repeat center center;}
.gnbTitleImg.img02{background:url('../../resources/img_app/gnbTitleImg02.png') no-repeat center center;}
.gnbTitleImg.img03{background:url('../../resources/img_app/gnbTitleImg03.png') no-repeat center center;}
.gnbTitleImg.img04{background:url('../../resources/img_app/gnbTitleImg04.png') no-repeat center center;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul{float:left;  width:950px; margin-top:0; padding-left:80px;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li { float:left; padding:0 30px; display:inline-block; text-align:left; margin-bottom:12px;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > a { letter-spacing:0.4px; font-size:15px; color:#fff; position:relative; display:inline-block;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > a:hover, #gnbWrap .gnb > ul > li > ul > li > a:focus, #gnbWrap .gnb > ul > li > ul > li > a.active { color:#35a5c9; }
/*#gnbWrap .gnb > ul > li > ul > li > a:after { position:absolute; content:""; opacity:0; bottom:15px; left:0px; right:0px; margin-left:auto; margin-right:auto; width:0%; height:1px; background:rgb(240, 145, 163);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}*/
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > a:hover:after,
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > a:focus:after,
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > a.active:after { width:100%; opacity:1; }

#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > a:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	content: '';
	background: #35a5c9;
	transition: all .3s ease
}

#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > a:hover:before {
	width: 100%
}

#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul{margin-top:10px;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul > li{display:block;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul > li > a{position:relative; display:inline-block; font-size:12px; color:#ddd; padding-left:14px; background:url('../../resources/img_app/dot02.png') no-repeat 0 6px;}

#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul > li > a:hover:after,
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul > li > a:focus:after,
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul > li > a.active:after { width:100%; opacity:1; }

#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul > li > a:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	content: '';
	background: #35a5c9;
	transition: all .3s ease
}
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul > li > a:hover:before {
	width: 100%
}


#gnbWrap .gnb .gnb-bg { position:absolute; top:59px; left:0px; width:100%; height:0; background:#2b2b2b;
    transition: all .1s;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
}
#gnbWrap .gnb.active .gnb-bg { height:230px;  z-index:9; }

#headerWrap .header > div { display:inline-block; }

.mo-menu {display:none;}


#header.scroll #gnbWrap .gnb > ul > li > a{color:#000;}

#gnbWrap .gnb > ul > li > a > span {padding:0px 10px; }
#gnbWrap .gnb > ul > li > a > span:before {position:absolute; bottom:1px; left:0; width:0; height:3px; content:''; background:#0152ad; transition:all .4s ease}
#gnbWrap .gnb > ul > li:hover > a > span:before {width:100%}

#header.search .gnb > ul > li > a > span:before {background:#35a5c9;}
#header.scroll #gnbWrap .gnb > ul > li > a > span:before {background:#35a5c9;}



/* type-07 */
/* 라인이 하나로 합쳐졌다가 엑스자 만들기 */
.menu-trigger span:nth-of-type(1) {
    -webkit-animation : menu-bar07-01 .75s forwards;
    animation : menu-bar07-01 .75s forwards;
}
@-webkit-keyframes menu-bar07-01 {
    0% {
        -webkit-transform : translateY(7px) rotate(45deg);
    }
    50% {
        -webkit-transform : translateY(7px) rotate(0);
    }
    100% {
        -webkit-transform : translateY(0) rotate(0);
    }
}
@keyframes menu-bar07-01 {
    0% {
        transform : translateY(7px) rotate(45deg);
    }
    50% {
        transform : translateY(7px) rotate(0);
    }
    100% {
        transform : translateY(0) rotate(0);
    }
}
.menu-trigger span:nth-of-type(2) {
    transition : all .25s .25s;
    opacity : 1;
}
.menu-trigger span:nth-of-type(3) {
    -webkit-animation : menu-bar07-02 .75s forwards;
    animation : menu-bar07-02 .75s forwards;
}
@-webkit-keyframes menu-bar07-02 {
    0% {
        -webkit-transform : translateY(-7px) rotate(-45deg);
    }
    50% {
        -webkit-transform : translateY(-7px) rotate(0);
    }
    100% {
        -webkit-transform : translateY(0) rotate(0);
    }
}
@keyframes menu-bar07-02 {
    0% {
        transform : translateY(-7px) rotate(-45deg);
    }
    50% {
        transform : translateY(-7px) rotate(0);
    }
    100% {
        transform : translateY(0) rotate(0);
    }
}
.menu-trigger.active-7 span:nth-of-type(1) {
    -webkit-animation : active-menu-bar07-01 .75s forwards;
    animation : active-menu-bar07-01 .75s forwards;
}
@-webkit-keyframes active-menu-bar07-01 {
    0% {
        -webkit-transform : translateY(0) rotate(0);
    }
    50% {
        -webkit-transform : translateY(7px) rotate(0);
    }
    100% {
        -webkit-transform : translateY(7px) rotate(45deg);
    }
}
@keyframes active-menu-bar07-01 {
    0% {
        transform : translateY(0) rotate(0);
    }
    50% {
        transform : translateY(7px) rotate(0);
    }
    100% {
        transform : translateY(7px) rotate(45deg);
    }
}
.menu-trigger.active-7 span:nth-of-type(2) {
    opacity : 0;
}
.menu-trigger.active-7 span:nth-of-type(3) {
    -webkit-animation : active-menu-bar07-02 .75s forwards;
    animation : active-menu-bar07-02 .75s forwards;
}
@-webkit-keyframes active-menu-bar07-02 {
    0% {
        -webkit-transform : translateY(0) rotate(0);
    }
    50% {
        -webkit-transform : translateY(-7px) rotate(0);
    }
    100% {
        -webkit-transform : translateY(-7px) rotate(-45deg);
    }
}
@keyframes active-menu-bar07-02 {
    0% {
        transform : translateY(0) rotate(0);
    }
    50% {
        transform : translateY(-7px) rotate(0);
    }
    100% {
        transform : translateY(-7px) rotate(-45deg);
    }
}





.conMain{}
.conMain.grayBg{background:#f3f3f3;}
.conMainArea{width:1200px; margin:0 auto; padding:50px 0; overflow:hidden;}
.conMainArea .subTxt{font-size:20px;  color:#222222; text-align:center; margin-top:20px; line-height:24px; padding:0 180px}

.conMainTitle02{text-align:center;}
.conMainTitle02 span {display:inline-block; padding-bottom:30px; position:relative; color:#35a5c9; font-size:30px; font-weight:500;}
.conMainTitle02 span:before{content:"";width:50px; height:3px; position:absolute; bottom:0px; left:50%; margin-left:-25px; background:#35a5c9; }

.cardTitle span {color:#6ab26d;}
.cardTitle span:before{background:#6ab26d;}




.ourApproach {margin-top:50px}
.ourApproach ul{overflow:hidden; }
.ourApproach ul li{position:relative; float:left; width:33.3%; text-align:center;}
.ourApproach ul li:first-child{}
.ourApproachDetail{position:relative; height:420px; margin:0 10px;}
.ourApproach ul li dl {position:relative; z-index:2; padding:100px 70px 0; color:#ffffff;}
.ourApproach ul li dt{font-size:26px;  padding-top:85px;}
.ourApproach ul li dd{margin-top:20px;}
.ourApproach ul li dd p{font-size:18px; }
.ourApproach ul li.ourApproach01 .ourApproachDetail{background:url('../../resources/img_app/ourApproach01.png') no-repeat center 0; background-size:cover;}
.ourApproach ul li.ourApproach02 .ourApproachDetail{background:url('../../resources/img_app/ourApproach02.png') no-repeat center 0; background-size:cover;}
.ourApproach ul li.ourApproach03 .ourApproachDetail{background:url('../../resources/img_app/ourApproach03.png') no-repeat center 0; background-size:cover;}
.ourApproach ul li.ourApproach01 dl dt{background:url('../../resources/img_app/learn01.png') no-repeat center 0;}
.ourApproach ul li.ourApproach02 dl dt{background:url('../../resources/img_app/learn02.png') no-repeat center 0;}
.ourApproach ul li.ourApproach03 dl dt{background:url('../../resources/img_app/learn03.png') no-repeat center 0;}
.ourApproach ul li dd span{display:block; margin:0.5rem 0; font-style:italic;}
.ourApproach .btnArea{position:relative; z-index:2; margin-top:20px; color:#ffffff; }
.ourApproach .btnArea .button{font-size:14px; color:#ffffff; }
.ourApproach .btnArea i{padding-left:10px; color:#ffffff;}
.ourApproach .cover{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3);}
.ourApproach li:hover .cover{background:rgba(0, 0, 0, 0.7); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}


.ourCommitment{padding:0;}
.ourCommitmentArea{padding:100px 100px 120px; background:url('../../resources/img_app/presidentImg01.png') no-repeat 95% bottom;}
.ourCommitmentDetail{width:53%;}
.ourCommitment h2.conMainTitle02{font-size:40px;   color:#0a0a0a; text-align:left;}
.ourCommitment .subTxt02{font-size:24px;  color:#343434; text-align:left; margin-top:60px; line-height:28px; font-style:italic;}
.ourCommitment .subTxt03{font-size:20px;  color:#2e2e2e; text-align:left; margin-top:40px;}
.ourCommitment .subTxt03 span.presidentName{font-weight:500;}


.mainFooter01{width:1220px; margin:0 auto; padding:40px 0; overflow:hidden;}

.mainFooterMap{float:left; width:80%;}
.mainFooterSearch{float:right; width:18%;}

.footerMap{overflow:hidden;}
.footerMapCon{float:left; padding-left:70px;  height:205px;}
.footerMap .footerMapCon:first-child{padding-left:0;}
.footerMapCon h3{margin-bottom:18px; margin-top:10px;}
.footerMapCon h3 a{font-size:16px; color:#ffffff; font-weight:500;}
.footerMapCon > ul{}
.footerMapCon > ul > li{padding-bottom:6px;}
.footerMapCon > ul > li > a{position:relative; display:inline-block; font-size:13px; color:#cecece;  border-bottom:1px solid #333333;}
.footerMapCon > ul > li > a:hover {color: #35a5c9;}
.footerMapCon > ul > li > a:before {position:absolute; bottom:0; left:0; width:0; height:1px; content:''; background:#35a5c9; transition:all .3s ease}
.footerMapCon > ul > li > a:hover:before {width:100%}

.footerSearch{height:35px;padding:0 20px; border:1px solid #909090; border-radius:20px; overflow:hidden;}
.footerSearch input{float:left; width:85%; height:30px; background:transparent; color:#8a8a8a; margin-top:2px;}
.footerSearch .footerSearchBtn{float:right; width:10%; font-size:16px; text-align:center; color:#a7a7a7; line-height:35px;}

/* .WrapFooterInfo{width:1220px; margin:0 auto;} */
.footerInfoDetail{position:relative; padding:28px 0 0;}
.footerInfoDetail:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.footerQuickInfo{float:left; overflow:hidden; margin-top:5px;}
.quickInfo{overflow:hidden;}
.quickInfo li{float:left; margin-right:2rem;}
.quickInfo li a{ position: relative; display: inline-block; color:#ffffff; font-size:14px;}
.quickInfo li a:hover{color:#35a5c9;}

.quickInfo li a:before {position: absolute; bottom: 0; left: 0; width: 0; height: 1px; content: ''; background: #35a5c9; transition: all .3s ease}
.quickInfo li a:hover:before {width: 100%;}


.footerRight{float:right;}

.snsArea{float:right; overflow:hidden; margin-left:30px; }
.snsArea h4{float:left; margin-top:9px; margin-right:10px; color:#ffffff; font-size:15px; }
.snsArea ul{float:left; }
.snsArea li{float:left; margin-left:9px;}
.snsArea li a{display:block; width:29px; height:29px; border-radius:21px; text-align:center;}
.snsArea li.facebook a{background:#385095; background-size:22px 22px;}
.snsArea li.naverBl a{background:#30b400;}
.snsArea li.linkedin a{background:#006699;}
.snsArea li a i{font-size:1.6rem; color:#ffffff;  line-height:29px;}
.copyrightArea{clear:both; color:#757575; font-size:13px;  margin-top:10px; padding-bottom:20px;}


.relation01{float:right; position:relative; width:160px; text-align:left; background:url("../../resources/img_app/relationBar.png") no-repeat right center; padding-right:25px;}
.relation01 .familySite{display:block; color:#ffffff; font-size:14px; height:28px; text-align:right; padding:5px 40px 0 0; background:url("../../resources/img_app/relationSiteBgOn.png") no-repeat right 10px; }
.relation01.on .familySite { background:url("../../resources/img_app/relationSiteBg.png") no-repeat right 8px;}
.relation01 .site_list {display:none; width: 240px; padding: 10px 20px; position:absolute; height: 125px; right:0px; bottom:29px; overflow-y:auto; background-color:#0a0a0a;}
.relation01.on .site_list {position:absolute; display:block; z-index:99;}
.relation01 .site_list li {border-top:1px solid #333333; text-align:right;}
.relation01 .site_list li:first-child {border-top:none;}
.relation01 .site_list li a {display:block; padding:7px 20px; color:#ffffff;}
.relation01 .site_list li a:hover, .relation01 .site_list li a:focus{color:#36b2ff;}

.header{position:absolute; width:100%; border-top:2px solid #4f4f4f; border-bottom:1px solid #abb2b7; height:69px; z-index:200;}

#header > .navbar, .utility-navi, .topArea, .visualArea, .contentWrap, .mainFooter, .subVisual, .searchVisual {/* max-width: calc(1220px + 4%);  margin: 0 auto; */ }

.utility-navi, .topArea, .mainLocation .cont, .briefingAreaDetail{width:1220px; margin:0 auto;}
.mainFooter{clear:both;position:relative; z-index:20;}

.mainFooter .footBanr { width:1220px; margin:0 auto;} 
.mainFooter .footerInfoDet { background:#2e2e2e;}
.mainFooter .footerInfoDet .footerInfoDetail,.footerQuickInfo,.copyrightArea{width:1220px; margin:0 auto;}
.footBanr_img li{ display: inline-block; width:auto!important; margin-right:100px!important; padding:5px 0;}
.footBanr_img li:last-child {margin:0!important;}


#header.scroll > .navbar{max-width:100%;}

#header {position:relative; top:0; left:0; max-width:100%; height:auto; background:#FFF; z-index:200; /* border-top:3px solid #4f4f4f; */ }
.topArea{position:relative;}
#header.scroll {position:fixed; left:0; width:100%; background:rgba(255,255,255,1);/*  -webkit-box-shadow: 5px 6px 19px 0px rgba(0, 0, 0, 0.05); box-shadow: 5px 6px 19px 0px rgba(0, 0, 0, 0.05); */}
#header > .topbar {border-top:8px solid #3a3a3a}
#header > .topbar > .inner {max-width:1170px; margin:0 auto; padding:0px 50px}
#header > .topbar > .inner:after {clear:both; display:block; content:''}
#header > .topbar > .inner ul {overflow:hidden;}
#header > .topbar > .inner ul li {float:left;}
#header > .topbar > .inner ul li span{display:inline-block; color:#ffffff; font-size:1.2rem; background:url('../../resources/img_app/userinfoIco.png') no-repeat 0 5px; padding-left:20px; margin-top:5px;}
#header > .topbar > .inner ul li span em{}
#header > .topbar > .inner ul li a {background:#3a3a3a; font-size:1.1rem; color:#ffffff; padding:5px 10px; transition:all .3s ease}
#header > .topbar > .inner ul li a:hover {color:#fff; background:#007ad9}
#header > .topbar > .inner ul li i {margin-right:8px}
#header > .topbar > .inner .left {float:left}
#header > .topbar > .inner .right {float:right}
#header > .topbar > .inner .left ul li {margin-right:10px}
#header > .topbar > .inner .right ul li {margin-left:10px}
#header > .topbar > .inner .right ul li i {margin:0}
#header > .navbar {height:59px; border:none; border-radius:0; margin-bottom:0; border-bottom:1px solid #c8d2db;}
#header > .navbar:after {clear:both; display:block; content:''}
#header h1 {position:absolute; top:8px; left:0; z-index:200;}
#header h1 a {display:block; width:190px; height:40px; background:url('../../resources/img_app/logo.png') no-repeat 0 0; text-indent:-5000px;}
#header.scroll h1 a {background:url('../../resources/img_app/logo_s.png') no-repeat 0 0;}
#header.search h1 a {background:url('../../resources/img_app/logo_s.png') no-repeat 0 0;}

#gnb_wrap {height:100%}
#gnb_wrap:after {clear:both; display:block; content:''}
#gnb_wrap a.gnb_top {display:none}
#gnb_wrap .mInfo {display:none}

#gnb_wrap button {display:none}
#gnb {float:right; height:100%; margin-right:30px;}
#gnb > li {position:relative; float:left; height:100%}
#gnb > li > a > span {position:relative; display:block; line-height:59px; padding:0 40px 12px 50px;}
#gnb > li > a > span:before {position:absolute; bottom:12px; left:0; width:0; height:3px; content:''; background:#ffffff; transition:all .4s ease}
#gnb > li:hover > a > span:before {width:100%}
#gnb > li > a {display:block; position:relative; font-weight:500; font-size:1.6rem; color:#ffffff; z-index:50; text-transform:uppercase;}
#gnb > li > a:hover {color:#ffffff;}
#gnb > li > ul.submnu {display:none; position:absolute; top:65px; left:0; min-width:240px; padding:15px 20px 10px 20px; background:#ffffff; opacity:0; filter:alpha(opacity='0'); z-index:110; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);}
#gnb > li.on > ul.submnu {display:block}
#gnb > li > ul.submnu > li {position:relative; padding:5px 0;}
/* #gnb > li > ul.submnu > li:last-child {border-bottom:none}
#gnb > li > ul.submnu > li:last-child:before {display:none} */
#gnb > li > ul.submnu > li > a {display:block; width:100%; height:100%; line-height:30px; color:#585858; font-size:1.3rem;  }
#gnb > li > ul.submnu > li:hover a{color:#35a5c9}
#gnb > li > ul.submnu > li:before {position:absolute; bottom:0; left:0; width:0; height:1px; content:''; background:#35a5c9; transition:all .3s ease}
#gnb > li > ul.submnu > li:hover:before {width:100%}

#gnb > li > ul.submnu > li .depth3 {background:#f5f5f5; padding:10px 0 5px 0; margin-top:5px;}
#gnb > li > ul.submnu > li .depth3 > li > a{display:block; padding:5px 20px; font-size:1.2rem; color:#585858;  }

#header.scroll #gnb > li > a {color:#383838;}
#header.scroll #gnb > li > a > span:before {background:#35a5c9;}
#header.search #gnb > li > a {color:#383838;}
#header.search #gnb > li > a > span:before {background:#35a5c9;}

#btnNav {display:none; position:absolute; top:10px; right:5px; width:50px; height:45px; border:none; border-radius:4px; background:transparent; cursor:pointer; z-index:1000}
#btnNav span {position:absolute; display:block; left:11px; width:20px; height:2px; background:#ffffff; transition:all .4s ease}
#btnNav span.bar1 {top:12px}
#btnNav span.bar2 {top:18px}
#btnNav span.bar3 {top:24px}
#btnNav.active span.bar1 {top:20px; transform:rotate(45deg)}
#btnNav.active span.bar2 {display:none}
#btnNav.active span.bar3 {top:20px; transform:rotate(-45deg)}

#header.scroll #btnNav span {background:#383838;}
#header.search #btnNav span {background:#383838;}

.topSearch {position:absolute; right:0; top:20px; font-size:1.8rem; color:#333333; z-index:200;}
#header.scroll .topSearch {color:#383838;}
#header.search .topSearch {color:#383838;}



.topSearchView{display:none; position:absolute; width:100%; top:0; background:#222222; z-index:1000; border-bottom:1px solid #666666;}
.topSearchDetail{position:relative; width:1200px; margin:0 auto; padding:10rem 20rem;}
.topSearchDetail h3{font-size:1.8rem;   color:#ffffff; text-align:center;}
.keywordSearch{margin-top:2rem;}
.keywordSearch:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.keywordSearchInput{position:relative; float:left; width:90%; background:#ffffff; height:48px;}
.keywordSearchInput input{height:48px; width:100%; padding:0 20px; font-size:2rem;}
.keywordSearchBtn{float:left; width:10%; font-size:2.2rem; text-align:center; background:#35a5c9; color:#ffffff; line-height:48px; height:48px;}

.keywordSearchClose{position:absolute; top:20px; right:0; font-size:2.6rem; color:#ffffff;}


/* quickMenu */
.quickMenu{display:none; width:45px; position:fixed; right:27px; top:177px; z-index:980; overflow:hidden;}
.quickItem {width:37px; border-radius:37px; background:rgba(0,0,0,.5); margin-left:4px; padding:15px 0;}
.quickItem li a{display:block; width:37px;text-indent:-5000px; opacity:1; filter:alpha(opacity='1');}
.quickItem li a.quick01{height:40px; background:url('../../resources/img_app/quick01.png') no-repeat center center;}
.quickItem li a.quick02{height:40px; background:url('../../resources/img_app/quick02.png') no-repeat center center;}
.quickItem li a.quick03{height:40px; background:url('../../resources/img_app/quick03.png') no-repeat center center;}
.quickItem li a.quick04{height:40px; background:url('../../resources/img_app/quick04.png') no-repeat center center;}
.quickItem li.active a{opacity:0.5; filter:alpha(opacity='0.5');}

.quickMenu a.topBtn{display:block; width:45px; height:45px; background:url('../../resources/img_app/topBtn.png') no-repeat 0 0; margin-top:8px;  text-indent:-5000px;}
.quickMenu .active a.topBtn{background:url('../../resources/img_app/topBtn.png') no-repeat 0 0;}


.visualArea{position:relative; z-index:190; top:-2px; background:url('../../resources/img_app/visualBg.png') repeat-y center center #6e6e6e;}
#mainSlider {position:relative; top:0; overflow:hidden; z-index:100; width:1220px; margin:0 auto;}

#mainSlider ul.imgList li{position:relative;  height:400px;}
#mainSlider ul .cover{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.1); z-index:1}
#mainSlider ul.imgList li.slide01{background:url('../../resources/img_app/main_visual_01.png') no-repeat center center; background-size:cover;}
#mainSlider ul.imgList li.slide02{background:url('../../resources/img_app/main_visual_02.png') no-repeat center center; background-size:cover;}
#mainSlider ul.imgList li.slide03{background:url('../../resources/img_app/main_visual_03.png') no-repeat center center; background-size:cover;}
#mainSlider ul.imgList li img {position:absolute; display:block; top:0; left:0; width:100%; height:100%}
#mainSlider ul.imgList li .caption {position:relative; top: 65%;width:1200px;margin:0 auto;z-index:20;text-align:center;}
#mainSlider ul.imgList li .caption h2 {font-size:4rem; color:#ffffff;}
#mainSlider ul.imgList li .caption p {font-size:3.2rem; color:#ffffff; margin-top:2.5rem; line-height:3.2rem; font-weight:200;}

#mainSlider .bx-controls-direction a {width:29px; height:58px; margin-top:0px; background-image:url('../../resources/img_app/btn_prevNext03.png'); background-repeat:no-repeat; opacity:0;}
#mainSlider .bx-wrapper:hover .bx-controls-direction a{opacity:0.5;}
#mainSlider .bx-wrapper:hover .bx-controls-direction a:hover{opacity:1;}
#mainSlider .bx-prev {left:90px; background-position:0 0;}
#mainSlider .bx-next {right:90px; background-position:100% 0;}

.contentWrap:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.contentWrap{position:relative; top:0; z-index:9; padding:0 0 0; min-height:929px;}
.mainContent{padding:0;}


.viewBtn{display:inline-block; border-radius:20px; font-size:15px; margin-top:100px; padding:4px 30px; border:1px solid #fff; color:#ffff;}
.viewBtn:hover{background:#fff; color:#35a5c9;}


.mainContent01{}
.learnMore{width:1200px; margin: 0 auto; padding:5rem 0}
.learnMore h2{position:relative; font-size:4.2rem;  font-weight:200; text-align:center; padding-bottom:1rem; line-height:4.2rem}
.learnMore h2 span {}
.learnMore h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:50%; margin-left:-38px; background:#35a5c9;}
.mainQuickView ul{overflow:hidden;}
.mainQuickView ul li{float:left; width:25%; border-left:1px solid #e5e5e5; text-align:center;}
.mainQuickView ul li:first-child{border-left:none;}
.mainQuickView ul li dl {width:60%; margin: 0 auto;}
.mainQuickView ul li dt{font-size:1.7rem;  color:#000000; padding-top:80px;}
.mainQuickView ul li dd{font-size:1.4rem; margin-top:1rem; color:#585858;}
.mainQuickView ul li dl.quick01 dt{background:url('../../resources/img_app/mainQuick01.png') no-repeat center 0;}
.mainQuickView ul li dl.quick02 dt{background:url('../../resources/img_app/mainQuick02.png') no-repeat center 0;}
.mainQuickView ul li dl.quick03 dt{background:url('../../resources/img_app/mainQuick03.png') no-repeat center 0;}
.mainQuickView ul li dl.quick04 dt{background:url('../../resources/img_app/mainQuick04.png') no-repeat center 0;}
.mainQuickView ul li dd span{display:block; margin:0.5rem 0; font-style:italic;}
.btnArea{margin-top:2rem;}
.btnArea i{padding-left:10px;}


.awardsTitle {}
.awardsTitle h2{position:relative; font-size:4rem;  font-weight:200; text-align:center; padding-bottom:1rem; line-height:4.2rem}
.awardsTitle h2 span {}
.awardsTitle h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:50%; margin-left:-38px; background:#35a5c9;}
.awardsTitle p{font-size:1.6rem; color:#555555; text-align:center; margin-top:2.2rem;}


.subTitleArea h2{position:relative; font-size:3.6rem; text-align:center; line-height:4.4rem; padding-bottom:4rem;}
.subTitleArea h2 span{display:inline-block; line-height:3.6rem; font-weight:500;}
/* .subTitleArea h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:50%; margin-left:-38px; background:#35a5c9;} */
.subTitleArea h2:before{content:"";width:1px; height:25px; position:absolute; bottom:0px; left:50%; margin-left:-2px; background:#333; }


.subTitleArea p{font-size:1.6rem; color:#555555; text-align:center; margin-top:2.2rem; line-height:2.6rem;}

.subTitleArea p.reportDetailTxt{font-size:1.8rem; color:#555555; }
.subTitleArea p.reportDetailTxt span{display:block;}

.subTitleArea02 h2{position:relative; font-size:3.6rem;  font-weight:200; text-align:center; padding-bottom:1rem; line-height:4.4rem; margin-bottom:45px;}
.subTitleArea02 h2 span{display:inline-block;  line-height:3.6rem}
.subTitleArea02 h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:50%; margin-left:-38px; background:#35a5c9;}

.careerJob{padding:20px 0;}
.subTitleArea02.white h2{color:#ffffff;}
.subTitleArea02.white h2:before{background:#ffffff;}


.subTitleArea.right h2{position:relative; font-size:3.6rem;  font-weight:200; text-align:right; padding-bottom:1rem; line-height:3.6rem; text-transform:uppercase;}
.subTitleArea.right h2 span{display:inline-block;  line-height:3.6rem}
.subTitleArea.right h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:auto; right:0px; margin-left:0; background:#35a5c9;}

.approachArea{background:url('../../resources/img_app/approachImg.png') no-repeat 30px bottom;}

.presidentTitle{}
.presidentTitle h2{text-align:left; }
.presidentTitle h2 span{}
.presidentTitle h2:before{left:0;  margin-left:0;}

.awardsDetail ul{overflow:hidden; margin:4.5rem 0 8rem;}
.awardsDetail ul li{float:left; width:25%; text-align:center;}
.awardsDetail ul li:first-child{border-left:none;}
.awardsDetail ul li dl { padding:0 15px;}
.awardsDetail ul li dl h5{display:block; text-indent:-5000px; border:1px solid #e3e3e3; height:220px;}
.awardsDetail ul li dl.awards01 h5{background:url('../../resources/img_app/awards01.png') no-repeat center center #f5f5f5;}
.awardsDetail ul li dl.awards02 h5{background:url('../../resources/img_app/awards02.png') no-repeat center center #f5f5f5;}
.awardsDetail ul li dl.awards03 h5{background:url('../../resources/img_app/awards03.png') no-repeat center center #f5f5f5;}
.awardsDetail ul li dl.awards04 h5{background:url('../../resources/img_app/awards04.png') no-repeat center center #f5f5f5;}
.awardsDetail ul li dt{background:#35a5c9; width:180px; text-align:center; font-size:1.7rem; color:#ffffff; padding:10px 0;  border-radius:30px; margin:30px auto 25px}
.awardsDetail ul li dd{padding:0 40px;}
.awardsDetail ul li dd span{display:block; margin:1.5rem 0 0; font-style:italic;}

.awardsList{border-top:1px solid #d7d7d7; padding:40px 60px;}
.awardsList h3{font-size:2.6rem; color:#383838;  margin-bottom:30px;}
.awardsList ul{}
.awardsList li{margin-bottom:15px;}
.awardsList dl{overflow:hidden;}
.awardsList dt{float:left; width:25%; padding-left:30px; font-size:1.5rem; color:#555555;  background:url('../../resources/img_app/blt01.png') no-repeat 0 center;}
.awardsList dd{float:left; width:75%; font-size:1.5rem; color:#555555;}

.futureArea{overflow:hidden; padding:3rem 3rem;}
.futureArea h3{float:left; width:48%; font-size:4.2rem; color:#ffffff;  font-weight:200; margin-top:20px;}
.futureArea h3 span{}
.futureDetail{float:left; width:52%; color:#ffffff; font-size:1.7rem; }

.historyDetail ul{overflow:hidden; margin:4.5rem 0 0;}
.historyDetail ul li{float:left; width:33.3%; text-align:center;}
.historyDetail ul li:first-child{border-left:none;}
.historyDetail ul li dl { padding:0 15px;}
.historyDetail ul li dl h5{display:block; text-indent:-5000px;  height:220px;}
.historyDetail ul li dl.history01 h5{background:url('../../resources/img_app/history01.png') no-repeat center center;}
.historyDetail ul li dl.history02 h5{background:url('../../resources/img_app/history02.png') no-repeat center center;}
.historyDetail ul li dl.history03 h5{background:url('../../resources/img_app/history03.png') no-repeat center center;}
.historyDetail ul li dt{width:180px; text-align:center; font-size:20px; color:#2c2c2c;  margin:20px auto 10px}
.historyDetail ul li dd{padding:0 40px; font-size:14px;}

.meaningfulDetail ul{overflow:hidden; margin:4.5rem 0 0;}
.meaningfulDetail ul li{float:left; width:25%; text-align:center;}
.meaningfulDetail ul li:first-child{border-left:none;}
.meaningfulDetail ul li dl {padding:0 15px;}
.meaningfulDetail ul li dl h5{display:block; text-indent:-5000px;  height:310px;}
.meaningfulDetail ul li dl.meaningful01 h5{background:url('../../resources/img_app/meaningful01.png') no-repeat center center;}
.meaningfulDetail ul li dl.meaningful02 h5{background:url('../../resources/img_app/meaningful02.png') no-repeat center center;}
.meaningfulDetail ul li dl.meaningful03 h5{background:url('../../resources/img_app/meaningful03.png') no-repeat center center;}
.meaningfulDetail ul li dl.meaningful04 h5{background:url('../../resources/img_app/meaningful04.png') no-repeat center center;}
.meaningfulDetail ul li dt{width:240px; text-align:center; font-size:22px; color:#0a0a0a;  margin:50px auto 20px}
.meaningfulDetail ul li dd{padding:0 0; font-size:15px;}
.meaningfulDetail ul li dd span{display:block;}


.peopleDetail02 ul{overflow:hidden; margin:60px 60px 0;}
.peopleDetail02 ul li{float:left; width:25%; background:url('../../resources/img_app/bar01.png') no-repeat left center;}
.peopleDetail02 ul.w20{margin:60px 20px 0;}
.peopleDetail02 ul.w20 li{float:left; width:20%; background:url('../../resources/img_app/bar01.png') no-repeat left center;}
.peopleDetail02 ul.w30 li{float:left; width:33.3%; background:none; margin-bottom:10px;}
.peopleDetail02 ul li:first-child{background:none;}
.peopleDetail02 ul li dl {text-align:center;}
.peopleDetail02 ul li dt{font-size:40px; color:#0689db;   line-height:40px; height:45px;}
.peopleDetail02 ul li:last-child dt{font-size:22px; color:#0689db;   line-height:22px;}
.peopleDetail02 ul li:last-child dt span{display:block; font-size:18px;  line-height:18px;}
.peopleDetail02 ul li dd{font-size:16px; color:#6d6d6d;}
.peopleDetail02 ul.w20 li:last-child dt{font-size:40px; color:#0689db;   line-height:40px;}
.peopleDetail02 ul.w20 li dd{font-size:15px; color:#6d6d6d;}

.peopleDetail02 ul.w30 li{float:left; width:auto; background:none; padding-left:50px;}
.peopleDetail02 ul.w30 li dl {text-align:left;}
.peopleDetail02 ul.w30 li dt{font-size:36px; color:#0689db;   line-height:40px; height:45px;}
.peopleDetail02 ul.w30 li dt .unit{font-size:24px;}
.peopleDetail02 ul.w30 li dd{font-size:15px; line-height:18px;}
.peopleDetail02 ul.w30 li dd span{display:block;}
.peopleDetail02 ul.w30 li:last-child dt{font-size:36px;}



.opportunities ul{overflow:hidden; margin:60px 0 0;}
.opportunities ul li{float:left; width:20%; background:url('../../resources/img_app/bar01.png') no-repeat left center;}
.opportunities ul li:first-child{background:none;}
.opportunities ul li dl {text-align:center;}
.opportunities ul li dt{padding-top:90px;}
.opportunities ul li dt.opp01{background:url('../../resources/img_app/opp01.png') no-repeat center 0;}
.opportunities ul li dt.opp02{background:url('../../resources/img_app/opp02.png') no-repeat center 0;}
.opportunities ul li dt.opp03{background:url('../../resources/img_app/opp03.png') no-repeat center 0;}
.opportunities ul li dt.opp04{background:url('../../resources/img_app/opp04.png') no-repeat center 0;}
.opportunities ul li dt.opp05{background:url('../../resources/img_app/opp05.png') no-repeat center 0;}
.opportunities ul li dd{font-size:15px; color:#686868; }

.oppDetail ul{overflow:hidden; margin-top:30px;}
.oppDetail ul li{margin-bottom:50px;}
.oppDetail ul li:last-child{margin-bottom:0;}
.oppDetail ul li dt{font-size:23px; color:#383838;  margin-bottom:10px; line-height:3rem;}
.oppDetail ul li dd{font-size:15px; color:#666666;}



.peopleDetail03 ul{overflow:hidden; margin:0;}
.peopleDetail03 ul li{float:left; width:33.3%;}
.peopleDetail03 ul li dl {padding:0 15px;}
.peopleDetail03 ul li dl h5{display:block; text-indent:-5000px; height:440px;}
.peopleDetail03 ul li dl.peopleImg01 h5{background:url('../../resources/img_app/peopleImg01.png') no-repeat center center;}
.peopleDetail03 ul li dl.peopleImg02 h5{background:url('../../resources/img_app/peopleImg02.png') no-repeat center center;}
.peopleDetail03 ul li dl.peopleImg03 h5{background:url('../../resources/img_app/peopleImg03.png') no-repeat center center;}

.peopleDetail03 ul li dl.environmentImg01 h5{background:url('../../resources/img_app/environmentImg01.png') no-repeat center center;}
.peopleDetail03 ul li dl.environmentImg02 h5{background:url('../../resources/img_app/environmentImg02.png') no-repeat center center;}
.peopleDetail03 ul li dl.environmentImg03 h5{background:url('../../resources/img_app/environmentImg03.png') no-repeat center center;}

.peopleDetail03 ul li dt{font-size:22px; color:#0a0a0a;   margin:50px 0 25px; line-height:3rem;}
.peopleDetail03 ul li dt span{display:block;}
.peopleDetail03 ul li dd{padding:0 0; font-size:14px; color:#555555;}

.peopleDetail04 ul{overflow:hidden; margin: 4.5rem 0 0;}
.peopleDetail04 ul li{float:left; width:33.3%; padding:0 15px;}
.peopleDetail04 ul li dl { border-bottom:1px solid #dadada; padding-bottom:30px; margin-bottom:60px;}
.peopleDetail04 ul li dl .thumbImg{width:100%; height:341px;}
.peopleDetail04 ul li dl .thumbImg img{width:100%; height:100%;}
.peopleDetail04 ul li dt{font-size:22px; color:#2c2c2c;   margin:35px 0 25px; line-height:3rem; padding:0 15px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.peopleDetail04 ul li dd{font-size:15px; color:#555555; padding:0 15px;}
.peopleDetail04 ul li dd .thumbTxt{height:83px; overflow:hidden; margin-bottom:20px;}
.peopleDetail04 ul li dd em{font-style:italic; font-size:14px; color:#333333; margin-bottom:8px; display:inline-block;}
.peopleDetail04 .sustainability .button{padding:1.2rem 2.8rem;  font-size:1.5rem;}
.peopleDetail04 .button i{padding-left:10px;}

.newsDetail ul{overflow:hidden; margin: 4.5rem 0 0;}
.newsDetail ul li{float:left; width:33.3%; padding:0 15px;}
.newsDetail ul li dl {padding-bottom:30px; margin-bottom:30px;}
.newsDetail ul li dl .thumbImg{width:100%; height:271px;  border:1px solid #e0e0e0; }
.newsDetail ul li dl .thumbImg img{width:100%; height:269px;}
.newsDetail ul li dt{margin:35px 0 25px;  padding:0 15px; height:90px; overflow:hidden;}
.newsDetail ul li dt em{display:block; font-size:16px; color:#3e3e3e;  margin-bottom:12px;}
.newsDetail ul li dt span{font-size:22px; color:#2c2c2c;   line-height:3rem;}
.newsDetail ul li dd{font-size:15px; color:#555555; padding:0 15px;}
.newsDetail ul li dd .thumbTxt{height:80px; overflow:hidden; margin-bottom:20px;}
.newsDetail ul li dd em{font-style:italic; font-size:14px; color:#333333; margin-bottom:8px; display:inline-block;}
.newsDetail .sustainability .button{padding:1.2rem 2.8rem;  font-size:1.5rem;}
.newsDetail .button i{padding-left:10px;}

.talentDetail ul{overflow:hidden; margin: 20px 0 0;}
.talentDetail ul li{float:left; width:33.3%; padding:0 15px;}
.talentDetail ul li dl {padding-bottom:0; margin-bottom:0; text-align:center;}
.talentDetail ul li dl .thumbImg{width:100%; height:290px;}
.talentDetail ul li dl .thumbImg img{width:100%; height:100%;}
.talentDetail ul li dt{margin:30px 0 5px; padding:0 15px; height:auto; overflow:hidden;}
.talentDetail ul li dt span{font-size:22px; color:#1f1f1f; font-weight:500; line-height:3rem;}
.talentDetail ul li dd{font-size:15px; padding:0 15px;}
.talentDetail ul li dd .thumbTxt{height:40px; overflow:hidden; margin-bottom:20px;}


.meaningfulDetail02{margin-top:40px; text-align:right; width:50%; float:right; line-height:2.6rem;}
.txtCon01{color:#383838; font-size:1.9rem; }
.txtCon02{color:#555555; font-size:1.5rem; margin-top:35px;}

.timelineArea{overflow:hidden; padding:3rem 3rem;}

.mainContent02{background:#0689db;}
.aboutSAS{width:1200px; margin: 0 auto; padding:5rem 0; overflow:hidden;}
.aboutSASTitle{float:left; width:35%;}
.aboutSASTitle h2{position:relative; display:inline-block; font-size:4.2rem; color:#ffffff; margin-left:4rem;  font-weight:200; text-align:center; padding-bottom:1rem; line-height:4.2rem}
.aboutSASTitle h2 span{}
.aboutSASTitle h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:50%; margin-left:-38px; background:#ffffff;}
.aboutSAS .btnArea .button{padding:1.2rem 2.8rem;  font-size:1.5rem;}
.sustainability .btnArea .button{padding:1.2rem 2.8rem;  font-size:1.5rem;}

.aboutView{float:left; width:65%; }
.aboutView dl{}
.aboutView dt{font-size:1.9rem; color:#ffffff;  line-height:24px;}
.aboutView dd{font-size:1.4rem; color:#b9d5f1; padding:0.8rem 0 0;}


.careerView{width:80%; margin:0 auto; text-align:center;}
.careerView p{font-size:18px; color:#ffffff; }

.careerView .btnArea{margin-top:40px;}
.careerView .btnArea .btn_type01{}


.mainContent03{}
.sustainability{width:1200px; margin: 0 auto; padding:5rem 0; overflow:hidden;}
.sustainabilityImg{float:left; width:50%; height:510px; background:url('../../resources/img_app/sustainabilityImg.png') no-repeat 0 0; background-size:cover;}
.sustainabilityView{float:left; width:50%;}
.sustainabilityDetail{width:80%; margin:0 auto; padding-top:4rem;}
.sustainabilityDetail h2{position:relative; font-size:4.2rem;   padding-bottom:1rem; line-height:4.2rem}
.sustainabilityDetail h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:0; background:#35a5c9;}
.sustainabilityDetail p{font-size:1.6rem; color:#2c2c2c; margin-top:2rem;}
.sustainabilityDetail ul{margin-top:5rem;}
.sustainabilityDetail ul li{border-top:1px solid #e2e2e2;}
.sustainabilityDetail ul li:first-child{border-top:none;}
.sustainabilityDetail ul li a{display:block;  padding:1.2rem 0; color:#2c2c2c; font-size:1.8rem;}

.mainContent04{background:#f3f3f3;}
.careers{width:1200px; margin: 0 auto; padding:8rem 0; overflow:hidden;}
.careersTitle{float:left; width:50%; padding:0 8rem 0 4rem; }
.careersTitle h2{position:relative; display:inline-block; font-size:4.2rem; color:#0a0a0a;   text-align:left; padding-bottom:1rem; line-height:4.2rem}
.careersTitle h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:0; background:#35a5c9;}
.careersTitle p{font-size:1.4rem;  color:#252525;  margin-top:2rem;}
.careersView{float:left; width:50%; border-left:1px solid #cecece;}
.careersDetail{width:75%; margin:0 auto; padding:1rem 0;}
.careersDetail h3{font-size:2.4rem;  color:#050505; padding-bottom:2.3rem;}
.careersDetail ul{overflow:hidden;}
.careersDetail ul li{float:left; width:25%; text-align:left;}
.careersDetail ul li:hover{}
.careersDetail ul li dt{display:inline-block; width:87px; height:87px; border:2px solid #d9d9d9; border-radius:100%;}
.careersDetail ul li.careers01 dt{background:url('../../resources/img_app/careers01.png') no-repeat center center;}
.careersDetail ul li.careers02 dt{background:url('../../resources/img_app/careers02.png') no-repeat center center;}
.careersDetail ul li.careers03 dt{background:url('../../resources/img_app/careers03.png') no-repeat center center;}
.careersDetail ul li.careers04 dt{background:url('../../resources/img_app/careers04.png') no-repeat center center;}

.careersDetail ul li:hover dt{border:2px solid #7b7b7b;}
.careersDetail ul li.careers01:hover dt{background:url('../../resources/img_app/careers01_on.png') no-repeat center center;}
.careersDetail ul li.careers02:hover dt{background:url('../../resources/img_app/careers02_on.png') no-repeat center center;}
.careersDetail ul li.careers03:hover dt{background:url('../../resources/img_app/careers03_on.png') no-repeat center center;}
.careersDetail ul li.careers04:hover dt{background:url('../../resources/img_app/careers04_on.png') no-repeat center center;}
.careersDetail ul dd{font-size:1.5rem;  color:#252525; margin-top:0.5rem; text-align:center; width:87px;}


.careersTitle02{float:left; width:55%; padding:0 8rem 0 20px; }
.careersTitle02 h2{position:relative; display:inline-block; font-size:4.2rem; color:#0a0a0a;   text-align:left; padding-bottom:1rem; line-height:4.2rem}
.careersTitle02 h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:0; background:#35a5c9;}
.careersTitle02 p{font-size:14px;  color:#252525;  margin-top:2rem;}
.careersView02{float:left; width:45%;}


.careersDetail02 ul{overflow:hidden; padding-top:60px;}
.careersDetail02 ul li{float:left; width:50%; text-align:left;}
.careersDetail02 ul li dt{float:left; width:87px; height:87px; border:2px solid #d9d9d9; border-radius:100%;}
.careersDetail02 ul li.careers01 dt{background:url('../../resources/img_app/careers01.png') no-repeat center center;}
.careersDetail02 ul li.careers02 dt{background:url('../../resources/img_app/careers02.png') no-repeat center center;}
.careersDetail02 ul li:hover dt{border:2px solid #7b7b7b;}
.careersDetail02 ul li.careers01:hover dt{background:url('../../resources/img_app/careers01_on.png') no-repeat center center;}
.careersDetail02 ul li.careers02:hover dt{background:url('../../resources/img_app/careers02_on.png') no-repeat center center;}
.careersDetail02 ul dd{float:left; font-size:1.8rem;  color:#252525; margin:35px 0 0 20px;}


.businessArea{overflow:hidden;}
.businessTitle{float:left; width:50%;}
.businessTitle h2{position:relative; display:inline-block; font-size:4rem; color:#0a0a0a;  font-weight:200; text-align:left; padding-bottom:1rem; line-height:5rem}
.businessTitle h2 span{}
.businessTitle h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:0; background:#35a5c9;}
.businessTitle p{font-size:1.8rem;  color:#2a2a2a;  margin-top:2.5rem; line-height:2.4rem; padding-right:130px;}
.businessView{float:left; width:50%; font-size:1.5rem; color:#555555; line-height:2.2rem;}
.businessDetail{width:75%; margin:0 auto; padding:1rem 0;}

.businessMovieWrap{width:80%; margin:7rem auto 4rem;}
.businessMovie{height:432px;}
.businessMovie .bizMovie{display:block; height:432px; background:url('../../resources/img_app/movieImg.png') no-repeat center center; background-size:cover;}
#playerWrapper{width:100%; height:100%; margin:7rem auto 4rem;}
#playerWrapper iframe{height:432px;}

.presidentArea{overflow:hidden; padding:6rem 5rem;}
.presidentImg{float:left; width:30%;}
.presidentImg01{width:170px; height:241px; background:url("../../resources/img_app/presidentImg.png") no-repeat 0 0; box-shadow:30px 30px 0 0px rgba(0,0,0,.05);}
.presidentDetail{float:left; width:70%;}

.presidentDetail p{color:#2a2a2a; font-size:1.6rem;  line-height:2.4rem;}
.txt01{padding:5rem 0;}
.txt01 p{position:relative; color:#343434; font-size:2rem;  text-align:center; padding-left:37px; padding-right:37px;}
.txt01 p:before{content:''; width:30px; height:23px; position:absolute; top:0; left:0; background:url("../../resources/img_app/txtSt.png") no-repeat 0 0;}
.txt01 p:after{content:''; width:30px; height:23px; position:absolute; bottom:-10px; right:0; background:url("../../resources/img_app/txtEd.png") no-repeat 0 0;}

.txt02{padding:0 5rem 5rem;}
.txt02 p{position:relative; color:#555555; font-size:1.7rem;  text-align:center; line-height:2.6rem; padding-left:37px; padding-right:37px;}
.txt02 p:before{content:''; width:30px; height:23px; position:absolute; top:0; left:0; background:url("../../resources/img_app/txtSt.png") no-repeat 0 0;}
.txt02 p:after{content:''; width:30px; height:23px; position:absolute; bottom:0; right:0; background:url("../../resources/img_app/txtEd.png") no-repeat 0 0;}


.messageTxt{font-size:1.6rem; color:#2a2a2a;  line-height:2.6rem;}
.messageTxt dt{font-style:italic; text-decoration:underline; }
.messageTxt dd{}

.messageTxt02 p{position:relative; color:#3b3b3b; font-size:2rem; font-style:italic;  padding:4rem 0 6rem;}

.presidentSign dl{padding-left:220px; background:url("../../resources/img_app/sign.png") no-repeat 0 0;}
.presidentSign dl dt{font-size:16px; color:#555555;  }
.presidentSign dl dd{font-size:13px; color:#555555;  }


.footWrap{clear:both;position:relative; margin-top:0;background:#1f1f1f; z-index:20;}

.add-animation{
transform: translate3D(0px, 150px, 0px);
-webkit-transform: translate3D(0px, 150px, 0px);
opacity: 0;
-webkit-transition: all 0.75s ease-out 0s;
-moz-transition: all 0.75s ease-out 0s;
-o-transition: all 0.75s ease-out 0s;
-ms-transition: all 0.75s ease-out 0s;
transition: all 0.75s ease-out 0s;
}
.add-animation.animation-1{
-webkit-transition: all 0.75s ease-out 0s;
-moz-transition: all 0.75s ease-out 0s;
-o-transition: all 0.75s ease-out 0s;
-ms-transition: all 0.75s ease-out 0s;
transition: all 0.75s ease-out 0s;
}
.add-animation.animation-2{
-webkit-transition: all 0.75s ease-out 0.15s;
-moz-transition: all 0.75s ease-out 0.15s;
-o-transition: all 0.75s ease-out 0.15s;
-ms-transition: all 0.75s ease-out 0.15s;
transition: all 0.75s ease-out 0.15s;
}
.add-animation.animation-3 {
-webkit-transition: all 0.75s ease-out 0.3s;
-moz-transition: all 0.75s ease-out 0.3s;
-o-transition: all 0.75s ease-out 0.3s;
-ms-transition: all 0.75s ease-out 0.3s;
transition: all 0.75s ease-out 0.3s;
}
.add-animation.animation-4{
-webkit-transition: all 0.75s ease-out 0.45s;
-moz-transition: all 0.75s ease-out 0.45s;
-o-transition: all 0.75s ease-out 0.45s;
-ms-transition: all 0.75s ease-out 0.45s;
transition: all 0.75s ease-out 0.45s;
}
.add-animation.animate{
transform: translate3D(0px, 0px, 0px);
-webkit-transform: translate3D(0px, 0px, 0px);
opacity: 1;
}



.subVisual{position:relative;  overflow:hidden; z-index:10; height:150px;}
.subVisual .cover{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:1}
.subVisual .visual01{height:100%; background:url('../../resources/img_app/subVisual01.png') no-repeat center center; background-size:cover;}
.subVisual .visual02{height:100%; background:url('../../resources/img_app/subVisual02.png') no-repeat center center; background-size:cover;}
.subVisual .visual03{height:100%; background:url('../../resources/img_app/subVisual03.png') no-repeat center center; background-size:cover;}
.subVisual .visual04{height:100%; background:url('../../resources/img_app/subVisual04.png') no-repeat center center; background-size:cover;}
.subVisual .visual05{height:100%; background:url('../../resources/img_app/subVisual05.png') no-repeat center center; background-size:cover;}
.subVisual .visual06{height:100%; background:url('../../resources/img_app/subVisual06.png') no-repeat center center; background-size:cover;}
.subVisual .visual07{height:100%; background:url('../../resources/img_app/subVisual07.png') no-repeat center center; background-size:cover;}
.subVisual .visual08{height:100%; background:url('../../resources/img_app/subVisual08.png') no-repeat center center; background-size:cover;}
.subVisual .visual09{height:100%; background:url('../../resources/img_app/subVisual09.png') no-repeat center center; background-size:cover;}
.subVisual .visual10{height:100%; background:url('../../resources/img_app/subVisual10.png') no-repeat center center; background-size:cover;}
.subVisual .visual11{height:100%; background:url('../../resources/img_app/subVisual11.png') no-repeat center center; background-size:cover;}
.subVisual .visual12{height:100%; background:url('../../resources/img_app/subVisual12.png') no-repeat center center; background-size:cover;}
.subVisual .visual13{height:100%; background:url('../../resources/img_app/subVisual13.png') no-repeat center center; background-size:cover;}

.maintitleArea{display:block;}
.mainTitle{color:#ffffff; position: absolute; top: 50%; left: 50%; text-align: center; width: 90%; padding: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11;}
.mainTitle h2{font-size:3.2rem; letter-spacing:-1px; line-height:3.2rem; font-weight:500;}
.mainTitle span{}
.mainTitle p{display:block; font-size:1.8rem; margin-top:15px;}


/**** breadcrumb ****/
.mainLocation {height:58px; background:#ffffff; margin-bottom:0; font-size:0; z-index:101; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; /* transition:background 0.4s; */}
.mainLocation .cont {padding:0;}
.mainLocation_area:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.mainLocation .li {position:relative;display:inline-block; width:200px; border-right:1px solid #e8e8e8;  border-left:1px solid #e8e8e8; margin-right:-1px;/* background:url('../../resources/img_app/ico_breadcrumb.png') 7px 21px no-repeat; */}
/* .mainLocation .li:first-child{border-left:none;} */
.mainLocation .li a {position:relative;display:block;color:#000; font-size:14px; line-height:56px;overflow:hidden; transition:all 0.4s; padding:0 10px 0 25px;}
.mainLocation .li a.link {padding-right:25px; text-decoration:none;}
.mainLocation .li a.link em {display:block;position:absolute;left:-9999px;top:-9999px;overflow:hidden;}
.mainLocation .li a.link:after {position:absolute;right:10px;top:18px;width:19px;height:18px; background:#fff url('../../resources/img_app/ico_breadcrumb_op.png') center no-repeat; border-radius:3px;box-sizing:border-box;content:"";transition:all 0.4s;}
.mainLocation .li.act a:after {background-image:url('../../resources/img_app/ico_breadcrumb_cl.png');}
.mainLocation .home {width:58px; padding:0; background:none; text-indent:-9999px;}
.mainLocation .home a {width:56px; height:56px; background:url('../../resources/img_app/ico_breadcrumb_home.png') center center no-repeat; text-indent:-5000px; overflow:hidden;}
.mainLocation .li .dep {position:absolute;left:-1px;top:56px; width:201px; display:none;animation:fade both 0.2s; z-index:50; text-align:left; background:#fff; border:1px solid #343434;}
.mainLocation .li .dep ul {/* display:inline-block; */padding:0 0 0 0;}
.mainLocation .li .dep li a {padding:9px 17px; color:#000; font-size:13px;line-height:13px; transition:all 0.4s;outline:none;  text-decoration:none;}
.mainLocation .li .dep li a:hover, .mainLocation .li .dep li a:focus {background:#d6e7f3;}
.mainLocation .li .dep li.on {color:#ff9600;font-size:14px;line-height:13px; cursor:default;}
.mainLocation .li .dep li.on a{color:#ff9600;}
.mainLocation .li .dep li.on a:hover, .mainLocation .li .dep li.on a:focus {background:#ffffff;}
.mainLocation .li.act .dep {display:block;}
.mainLocation.on {position:fixed !important;top:0;background:#58b1c0;}
.mainLocation.on .li a {color:#fff;}
.mainLocation.on .li {background-image:url('../../resources/img_app/ico_breadcrumb_w.png');}
.mainLocation.on .home a {background-image:url('../../resources/img_app/ico_breadcrumb_home_w.png');}
.mainLocation.on .home {padding-left:0;background:none;}
.mainLocation.on .li a.link:after {border-color:#fff;}
.mainLocation .hit_st, .breadcrumb .hit_ed {display:none;}


.mainLocation.fix {background: url('../../resources/img_app/visual02.png') no-repeat 0 0; background-size: cover; position:fixed; transform: translate(0,0);-webkit-transform: translate(0,0); left:0; width:100%; z-index:200; height:60px; margin-bottom:0; /* border-bottom:1px solid #bcbcbc;*/ padding:0 0 5px; -webkit-box-shadow: 5px 6px 19px 0px rgba(0, 0, 0, 0.05); box-shadow: 5px 6px 19px 0px rgba(0, 0, 0, 0.05);}
.mainLocation.fix .cont{width:1200px; margin:0 auto; padding:12px 0;}
.mainLocation.fix .li {position:relative;display:inline-block;padding:2px 0 0 20px;background:url('../../resources/img_app/ico_breadcrumb.png') 7px 18px no-repeat;}
.mainLocation.fix .home {padding-left:0;background:none; text-indent:-9999px;}
.mainLocation.fix .home a {width:15px;padding:0 10px;background:url('../../resources/img_app/ico_breadcrumb_home_on.png') center 10px no-repeat; text-indent:5000px; overflow:hidden;}

.mainLocation .topLogo{float:left; display:none; width:228px; height:35px; text-indent:-5000px; background:url('../../resources/img_app/logo.png') no-repeat 0 0; opacity: 0; transition: 0.2s all;}
.mainLocation.fix .topLogo{float:left; display:block; width:228px; height:35px; text-indent:-5000px; background:url('../../resources/img_app/logo_on.png') no-repeat 0 0; margin-right:0; opacity: 1;}
.mainLocation_area{transition: 0.3s all;}
.mainLocation.fix .mainLocation_area{ transform:translate(70px,0); }

.mainLocation.fix .li a {position:relative;display:block;color:#ffffff; font-size:14px; line-height:37px;overflow:hidden;transition:all 0.4s;}





.subContent{}
.subConView{width:1100px; margin: 0 auto; padding:3rem 0 5rem;}
.subConView:after {clear:both; display:block; content:''}

.searchVisual {width:100%; height:259px; position:relative; z-index:100; background:#ffffff;}
.searchVisualArea{position:absolute; top:60px; width:100%; height:187px; background:#f5f5f5;}

.searchVisualArea .mainTitle{position:absolute; left:0; top:60px; width:100%; text-align:center; z-index:20; color:#000000;}
.searchVisualArea .mainTitle h2{font-size:4rem; letter-spacing:-1px; line-height:45px;  font-weight:200;}
.searchVisualArea .mainTitle p{display:block; font-size:1.6rem; }

.artSearchDatailView {margin:15px 0;}

.resultTitle{font-size:24px; color:#2c2c2c; font-weight:500; border-bottom:1px solid #e0e0e0; padding:0 0 22px 10px;}
.resultTitle span{color:#35a5c9;}

.resultArea{}
.resultDetail{border-bottom:1px solid #e0e0e0; padding:45px 50px 15px;}
.resultDetail dt .loca{font-size:16px; color:#555555;  font-style:italic;}
.resultDetail dt h4{font-size:20px; color:#454545;  line-height:20px; padding:25px 0 15px;}
.resultDetail dt h4 span{font-weight:500; color:#000;}
.resultDetail dd{font-size:14px; color:#777777;  line-height:20px; margin-bottom:20px;}

.btn_type07 {color:#0689db !important; padding:10px 0;}
.btn_type07 i{padding-left:13px; color:#0689db;}
.btn_type07:hover {background:#ffffff; color:#0689db !important; border-color:#ffffff;}
.btn_type07:hover i{color:#0689db}


.nothingFound{width:70%; margin:0 auto; padding:20px; text-align:center;}
.nothingFound h3{font-size:35px; color:#2c2c2c; font-weight:500;}
.nothingFound .foundDescript{font-size:16px; color:#3a3a3a;  padding:25px 0 40px;}
.nothingFound .keywordSearch{margin:2rem 0 15rem;}
.nothingFound .keywordSearchInput{position:relative; float:left; width:90%; background:#f3f3f3; height:48px;}
.nothingFound .keywordSearchInput input{height:48px; width:100%; padding:0 20px; font-size:1.5rem; background:transparent;}
.nothingFound .keywordSearchBtn{float:left; width:10%; font-size:2.2rem; text-align:center; background:#35a5c9; color:#ffffff; line-height:48px; height:48px;}




/* modelNumberSearch */


.keywordSearchInput .dropdown-menu {
  border: medium none;
  border-radius: 0px;
  box-shadow: 0 0 0px rgba(86, 96, 117, 0.7);
  display: none;
  font-size: 12px;
  list-style: none outside none;
  position: absolute;
  text-shadow: none; 
  padding:0px;
  border:1px solid #b5b5b5;
  background-color: #ffffff;
  width:100%;
  top: 46px !important;
  left:0 !important;
  z-index: 1000;
}

.keywordSearchInput .dropdown-menu > li > a {
  border-radius: 0px;
  color: inherit;
  line-height: 25px;
  margin: 4px;
  text-align: left;
  font-weight: normal;
  font-size:16px;
  padding-top:6px;
  padding-bottom:6px;
  display:block;
  color:#333333;
}
.keywordSearchInput .dropdown-menu > .active > a,
.keywordSearchInput .dropdown-menu > .active > a:focus,
.keywordSearchInput .dropdown-menu > .active > a:hover {
  text-decoration: none;
  background:#ffffff;
  outline: 0;  
  color: #333333;
}
.keywordSearchInput .dropdown-menu > .active strong{color: #000000; font-weight:500;}
.keywordSearchInput ul{padding:0px;}

#businessContent .subConView{padding:4rem 3rem 2rem;}


.visionView01{text-align:center; padding:1rem 0 0; line-height:2.2rem;}
.visionTitle{position:relative; font-size:3.2rem;   text-align:center; color:#0a0a0a;}
.visionIco{display:block; padding-top:90px; background:url('../../resources/img_app/visionIco.png') no-repeat center 0;}

.visionView{text-align:center; padding:4rem 0 0; line-height:2.2rem;}
.vision01{font-size:1.9rem; color:#2a2a2a; }
.vision02{font-size:1.5rem; color:#3a3a3a;  margin-top:3rem;}
.vision03{font-size:2rem; color:#2c2c2c; font-weight:500;}
.vision04{font-size:1.5rem; color:#3a3a3a;  margin-top:1rem;}

.blueBg{background:#0689db;}
.grayBg{background:#f6f6f6;}
.blueBg .subConView{padding:2rem 0}
.subTitle01{display:block; font-size:2.5rem;  font-weight:200; text-align:center; color:#ffffff;}
.subTitle01 span{}
.subTitle02{display:block; font-size:3.4rem; padding:1.3rem 0;   text-align:center; color:#ffffff;}
.subTitle02 span{display:block; font-size:1.7rem; }

.subTitle03{display:block; font-size:2.6rem; padding:3rem 2rem;  text-align:center; color:#ffffff;}
.subTitle03 span{display:block; font-size:1.6rem; margin:4.5rem 0 1rem; }
.subTitle03 em{display:block; font-size:1.4rem;  color:#b9d5f1; line-height:2rem;}

.subTitle04{font-size:2.2rem; line-height:2.8rem; color:#ffffff; padding:10px 200px; text-align:center; }
.subTitle04 span{display:block; font-size:1.4rem; line-height:2rem; color:#b9d5f1; margin-top:5px;}
.subTitle04 span em{display:block;}

.subTitle05{font-size:2.3rem; line-height:2.8rem; color:#2c2c2c; padding:10px 200px; text-align:center;  }
.subTitle05 span{display:block; font-size:1.6rem; line-height:2rem; color:#555555; margin-top:23px;}
.subTitle05 span em{display:block;}

.subTitle06{display:block; font-size:3rem; padding:5rem 0 3rem;   text-align:center; color:#ffffff;}
.subTitle06 span{display:block; font-size:1.6rem; margin-top:20px;  font-weight:normal; line-height:2.6rem;}
.subTitle06 em{display:block;}

.subTitle07{font-size:3rem; line-height:2.8rem; color:#2c2c2c; padding:10px 50px; text-align:center; }
.subTitle07 span{display:block; font-size:1.6rem; line-height:2rem; color:#555555; margin-top:23px; }


.subTitle10{display:block; font-size:2.8rem; padding:0 0 0.5rem;  text-align:center; color:#ffffff;}

.philosophyImg{float:left; width:50%; height:367px; background:url('../../resources/img_app/philosophyImg.png') no-repeat 0 0; background-size:cover;}
.philosophyImg02{float:left; width:50%; height:357px; background:url('../../resources/img_app/philosophyImg.png') no-repeat 0 0; background-size:cover;}
.philosophyView{float:left; width:50%;}
.philosophyDetail{width:75%; margin:0 auto; padding-top:1.5rem;}
.philosophyDetail h2{position:relative; font-size:3.2rem;  }
.philosophyDetail p{font-size:1.4rem; color:#555555; margin-top:1rem;}
.philosophyDetail ul{margin-top:4rem;}
.philosophyDetail ul li a{display:block;  padding:0.5rem 0 0.5rem 40px; color:#2c2c2c; font-size:1.7rem; background:url('../../resources/img_app/blt01.png') no-repeat 0 center;}

.philosophyDetail .btnArea{margin-top:4rem;}
.philosophyDetail .btn_type01.btn-outline{color:#2a2a2a; padding-left:2.5rem; padding-right:2.5rem;}
.philosophyDetail .btn_type01.btn-outline:hover{color:#ffffff;}
.philosophyDetail .btnArea i{padding-left:30px;}


.workingImg{float:right; width:50%; height:288px; background:url('../../resources/img_app/workingImg.png') no-repeat 0 0; background-size:cover;}
.workingView{float:right; width:50%;}

.workingView .philosophyDetail{width:90%; margin:0; padding-top:0; padding-left:20px;}
.workingView .philosophyDetail p{font-size:15px;}
.workingView .philosophyDetail .btnArea{margin-top:2.5rem;}

.subCon01{padding:7.5rem 0;}
.blueBg .subCon01{padding:5rem 0;}
.btn_type05{padding-right:2.5rem}
.btn_type05 i{padding-left:30px;}

.btn_type06 {border-color:#6d6d6d; color:#6d6d6d !important;}
.btn_type06 i{padding-left:30px; color:#919191;}
.btn_type06:hover {background:#6d6d6d; color:#ffffff !important; border-color:#6d6d6d;}
.btn_type06:hover i{color:#ffffff}

.btn_type08 {border-color:#ffffff; color:#ffffff !important;}
.btn_type08 i{color:#ffffff;}
.btn_type08:hover {background:#ffffff; color:#0689db !important; border-color:#ffffff;}
.btn_type08:hover i{color:#0689db}

.facebookBtn i{padding-right:30px;}

.vision2020{padding:6.5rem 0 0; overflow:hidden;}
.vision2020Img{float:left; width:50%; height:357px; background:url('../../resources/img_app/visionImg.png') no-repeat 0 0; background-size:cover;}
.vision2020View{float:left; width:50%;}
.vision2020Detail{width:80%; margin:0 auto; padding-top:1.5rem;}
.vision05{font-size:1.8rem; color:#2a2a2a;  line-height:2.4rem;}
.vision06{font-size:1.5rem; color:#555555;  line-height:2.2rem; margin-top:3rem;}

.vision07{font-size:2.2rem; color:#2a2a2a;  line-height:2.4rem;}
.vision08{font-size:1.5rem; color:#555555; line-height:2.2rem; margin-top:3rem;}

.missionArea{border-top:1px solid #e8e8e8; padding:3rem 8rem; overflow:hidden;}
.missionArea:first-child{border-top:none;}
.missionTitle{float:left; width:30%;}
.missionTitle h3{font-size:2.6rem; font-weight:500; color:#383838; margin-top:40px;}
.missionTitle h3 span{display:inline-block; color:#a7a7a7; margin-right:10px;}
.missionView{float:left; width:70%;}
.missionView ul{display:table; width:80%; margin:0 auto; background:url('../../resources/img_app/bg01.png') repeat-x 0 center;}
.missionView ul li{display:table-cell; width:33.3%; text-align:center; vertical-align:middle;}
.missionView ul li:first-child{text-align:left  !important; }
.missionView ul li:last-child{text-align:right !important;}
.missionView ul li p{display:inline-block; width:120px; height:120px; border-radius:100%; text-align:center; border:2px solid #35a5c9; background:#ffffff; font-size:1.7rem; font-weight:500; padding-top:40px;}
.missionView ul li p.ti01{padding-top:46px;}
.missionView ul li p span{display:block;}
.missionView.type02 ul li p{border:2px solid #35a5c9; background:#35a5c9; color:#ffffff;}

.principlesDetail ul{display:table; width:90%; margin:0 auto; }
.principlesDetail ul li{display:table-cell; width:20%; text-align:center; vertical-align:top; background:url('../../resources/img_app/bg01.png') repeat-x 0 40px;}
.principlesDetail dl{padding-top:110px; display:inline-block; width:180px; text-align:center;}
.principlesDetail dt{font-size:3rem; color:#505050; font-weight:500;}
.principlesDetail dd{margin-top:17px; font-size:1.5rem; color:#333333; }

.principlesDetail ul li:first-child{background:url('../../resources/img_app/bg01L.png') no-repeat 0 40px;}
.principlesDetail ul li:last-child{background:url('../../resources/img_app/bg01R.png') no-repeat 0 40px;}

.principlesDetail dl.principles01{background:url('../../resources/img_app/principles01.png') no-repeat center 0;}
.principlesDetail dl.principles02{background:url('../../resources/img_app/principles02.png') no-repeat center 0;}
.principlesDetail dl.principles03{background:url('../../resources/img_app/principles03.png') no-repeat center 0;}
.principlesDetail dl.principles04{background:url('../../resources/img_app/principles04.png') no-repeat center 0;}
.principlesDetail dl.principles05{background:url('../../resources/img_app/principles05.png') no-repeat center 0;}

.TabType01 {width:100%; text-align:center; background:url('../../resources/img_app/tabBg.png') repeat-x 0 bottom;}
.TabType01 .TabArea li {display:inline-block; height:43px;}
.TabType01 .TabArea li a{display:block; color:#8c8c8c; font-size:1.8rem; font-weight:500; padding:10px 30px; text-transform:uppercase;}
.TabType01 .TabArea li.active a{color:#141414; border-bottom:3px solid #35a5c9;}

.tabConArea{padding:0;}
.tabConArea .tabConAreaDetail {padding-top:6.5rem; display:none;}
.tabConArea .tabConAreaDetail.active{display:block;}

.tabTitle{display:none;}
.goalsArea{}
.goalsArea h4{font-size:2.8rem; color:#383838; font-weight:500;}
.goalsArea > p{font-size:1.5rem; color:#555555; padding:2rem 0 3rem;}
.goalsView{overflow:hidden; padding-bottom:3.5rem;}
.goalsView h5{float:left; width:32%; font-weight:500; color:#141414; font-size:17px; text-align:center; background:#ffffff; border-radius:60px; border:2px solid #595959; padding:20px 0;}
.goalsView:nth-child(even) h5{color:#ffffff; background:#595959;}

.goalsDetail{float:left; width:68%;}
.goalsDetail dl{padding-left:55px; font-weight:500;}
.goalsDetail dt{font-size:1.8rem; color:#333333;}
.goalsDetail dd{margin-top:5px;}
.goalsDetail dd li{color:#878787;  padding-left:14px; background:url('../../resources/img_app/dot01.png') no-repeat 0 8px;}

.spiritDetail ul{padding:0 40px;}
.spiritDetail ul li{padding-bottom:20px;}
.spiritDetail dl{padding-left:110px; min-height:74px;}
.spiritDetail dt{font-size:20px; color:#333333; padding-top:13px; font-weight:500;}
.spiritDetail dd{color:#878787;  font-size:14px;}

.spiritDetail dl.spirit01{background:url('../../resources/img_app/spirit01.png') no-repeat 0 0;}
.spiritDetail dl.spirit02{background:url('../../resources/img_app/spirit02.png') no-repeat 0 0;}
.spiritDetail dl.spirit03{background:url('../../resources/img_app/spirit03.png') no-repeat 0 0;}
.spiritDetail dl.spirit04{background:url('../../resources/img_app/spirit04.png') no-repeat 0 0;}
.spiritDetail dl.spirit05{background:url('../../resources/img_app/spirit05.png') no-repeat 0 0;}


.bizQuick{padding:4rem 0; overflow:hidden;}
.bizQuickTitle{float:left; width:50%; }
.bizQuickTitle h2{position:relative; display:inline-block; font-size:2rem; color:#383838;  text-align:left; padding-bottom:1.2rem; line-height:2.8rem;}
.bizQuickTitle p{font-size:1.5rem; color:#555555; line-height:2.4rem;}
.bizQuickView{float:left; width:50%;}

.bizQuickDetail ul{width:70%; margin:30px auto 0;}
.bizQuickDetail ul li {margin-bottom:12px;}
.bizQuickDetail ul li a{display:block; border:2px solid #35a5c9; border-radius:40px; padding:10px 20px;}
.bizQuickDetail ul li dl{overflow:hidden; text-transform:uppercase;}
.bizQuickDetail ul li dt{float:left; font-size:1.7rem; color:#141414; font-weight:500;}
.bizQuickDetail ul li dd{float:right; font-size:1.3rem; color:#757575; }
.bizQuickDetail ul li a:hover{display:block; border:2px solid #35a5c9; background:#35a5c9;}
.bizQuickDetail ul li a:hover dt{color:#ffffff;}
.bizQuickDetail ul li a:hover dd{color:#ffffff;}

.subTitle{position:relative; font-size:4rem;  font-weight:700 !important;  text-align:center; padding-bottom:1rem; line-height:4.2rem; color:#0a0a0a;}
.subTitle span{font-weight:200;}
.subTitle:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:50%; margin-left:-38px; background:#35a5c9;}


.overviewDetail{padding:0 4rem 0;}
.overviewDetail h2{font-size:3.5rem; color:#0a0a0a; text-align:center;  }

.businessList{overflow:hidden; padding:4rem 0 2rem;}
.businessLeft {width:50%; float:left;}
.businessLeft p{font-size:1.5rem; color:#555555; line-height:2.4rem;}
.businessRight {width:50%; float:left;}
.businessRight p{font-size:1.5rem; color:#555555; line-height:2.4rem;}
.biz01{float:right; text-align:right; width:90%; height:228px; background:url('../../resources/img_app/biz01.png') no-repeat center center; background-size:cover;}
.lsi01{height:260px; background:url('../../resources/img_app/lsi01.png') no-repeat center center;}
.lsi02{height:260px; background:url('../../resources/img_app/lsi02.png') no-repeat center center;}
.lsi03{height:260px; background:url('../../resources/img_app/lsi03.png') no-repeat center center;}
.lsi04{height:260px; background:url('../../resources/img_app/lsi04.png') no-repeat center center;}
.lsi05{height:260px; background:url('../../resources/img_app/lsi05.png') no-repeat center center;}

.businessLeft.bizRight{float:right;}
.businessRight.bizRight{float:right;}
.bizTitle{min-width:170px; text-align:center; display:inline-block; font-size:20px; font-weight:500; border-radius:30px; padding:8px 20px; margin:0 0 2.5rem 0; border:2px solid #35a5c9;}
.titleType01{background:#35a5c9; color:#ffffff;}
.titleType02{border:2px solid #35a5c9;}

#awardsSlidePC{display:block;}
#awardsSlideM{display:none;}
#businessPC{display:block;}
#businessM{display:none;}

.hiddenM{display:block !important;}


.company_tab.fixed{position:fixed;z-index:19;top:50px;left:0;border-top:1px solid #ddd;background:#fff}
.company_tab{width:100%;border-bottom:1px solid #ddd;background:#fff}
.company_tab ul{width:600px}
.company_tab li{float:left;padding:10px 20px;text-align:center; /* background:url(/asset/images/common/pc_compnay_tab.gif) left center no-repeat */}
.company_tab li:first-child{background:0 0}
.company_tab a{font-size:13px;line-height:26px;display:inline-block;color:#666}
.company_tab .on a{color:#c40452}
.company_tab .on a:after{display:block;content:' ';border-bottom:2px solid #c40452}

.tabTitle02{display:none;}


/* Scroll Navi */
.NaviQuick{display:block; width:100%; height:58px; z-index:2000; background:#ffffff; padding:0 10px; text-align:center;}
.NaviQuick ul{float:none; display:inline-block; height:58px; width:1200px; margin:0 auto; text-align:center; background:url('../../resources/img_app/tabBg.png') repeat-x 0 bottom #ffffff; }
.NaviQuick li{float:none; display:inline-block; text-align:center;}
.NaviQuick li a{display:block; color:#8c8c8c; font-size:1.8rem; height:58px; font-weight:500; padding:20px 30px 20px; text-transform:uppercase;}
.NaviQuick li.active a, .NaviQuick li:focus a{color:#141414; border-bottom:3px solid #35a5c9; background:#ffffff;}
.NaviQuick li:hover a{color:#141414; border-bottom:3px solid #35a5c9; background:#ffffff;}

.NaviQuick.affix { top:72px; left:0; background:url('../../resources/img_app/tabBg.png') repeat-x 0 bottom #ffffff;}
.NaviQuick.affix-top {top:100px; left:0;}

#businessContent .subConView{padding-top:9rem;}

.sustainabilityArea{overflow:hidden;}
.sustainabilityTitle{float:left; width:55%;}
.sustainabilityTitle h2{position:relative; display:inline-block; font-size:3.2rem; color:#0a0a0a;  font-weight:200; text-align:left; padding-bottom:1rem; line-height:5rem}
.sustainabilityTitle h2 span{}
.sustainabilityTitle h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:0; background:#35a5c9;}
.sustainabilityTitle p{font-size:1.5rem; color:#555555;  margin-top:2.5rem; line-height:2rem; padding-right:40px;}
.sustainabilityView{float:left; width:45%;}

.sustainfuture{}
.sustainfuture ul {display:table; width:100%; margin:40px auto 0; overflow:hidden; text-align:center;}
.sustainfuture ul li{display:table-cell; width:32%; overflow:hidden;}
.sustainfuture ul dt{display:inline-block; width:85px; height:85px; border-radius:100%;}
.sustainfuture ul li.future01 dt{background:url('../../resources/img_app/future01.png') no-repeat center center #666666;}
.sustainfuture ul li.future02 dt{background:url('../../resources/img_app/future02.png') no-repeat center center #666666;}
.sustainfuture ul li.future03 dt{background:url('../../resources/img_app/future03.png') no-repeat center center #666666;}
.sustainfuture ul dd{color:#333333; font-size:1.5rem; margin-top:10px; }
.sustainfuture ul dd span{display:block;}

.reportDetail{overflow:hidden; margin-top:70px;}
.reportDetailL{float:left; width:50%;}
.reportDetailL p{font-size:1.5rem; color:#555555; padding: 0 80px 0 20px;}
.reportDetailR{float:left; width:50%;}
.reportDetailR ul{padding:20px 45px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.reportDetailR li{padding-top:16px;}
.reportDetailR li:first-child{padding-top:0;}

.reportDetailR dl{overflow:hidden;}
.reportDetailR dt{width:60%; float:left; color:#141414; font-size:1.9rem; font-weight:500; line-height:37px;}
.reportDetailR dd{width:40%; float:left;}
.reportDetailR dd .button{width:100%; color:#2a2a2a;}
.reportDetailR dd .downloadBtn{background:url('../../resources/img_app/downloadIco.png') no-repeat 90% center;}
.reportDetailR dd .downloadBtn:hover{background:url('../../resources/img_app/downloadIco_on.png') no-repeat 90% center #1699eb;}


.peopleArea{padding:6.5rem 0 0; overflow:hidden;}
.peopleImg{float:left; width:50%; height:357px; background:url('../../resources/img_app/peopleImg.png') no-repeat 0 0; background-size:cover;}
.peopleView{float:left; width:50%;}
.peopleDetail{width:80%; margin:0 auto; padding-top:2rem;}
.people01{font-size:1.8rem; color:#2a2a2a;  line-height:2.4rem;}
.people02{font-size:1.5rem; color:#555555;  line-height:2.4rem; margin-top:3rem;}

.environmentImg{position:relative; float:left; width:50%; height:326px; background:url('../../resources/img_app/environmentImg.png') no-repeat 0 0; background-size:cover;}
.earthTitle{font-size:2.8rem; color:#2a2a2a; font-weight:500; line-height:2.6rem; margin-bottom:35px;}
.people03{font-size:1.7rem; color:#2a2a2a;  line-height:2.6rem;}


.internshipsArea{padding:40px 0 0; overflow:hidden;}
.internshipsImg{float:left; width:40%; height:266px; background:url('../../resources/img_app/internshipsImg.png') no-repeat 0 0; background-size:cover;}
.internshipsView{float:left; width:60%;}
.internshipsDetail{width:80%; margin:0 auto; padding-top:6rem;}
.internshipsTitle{font-size:2.8rem; color:#383838; font-weight:500; line-height:2.6rem; margin-bottom:20px;}
.internshipsTxt{font-size:1.4rem; color:#666666;}

.internshipsArea01{padding:60px 0 0; overflow:hidden;}
.internshipsImg01{float:left; width:50%; height:273px; background:url('../../resources/img_app/internshipsImg01.png') no-repeat center center; background-size:cover;}
.internshipsView01{float:left; width:50%; text-align:left;}
.internshipsDetail01{width:80%; margin:0 auto; padding-top:3rem;}
.internshipsTitle01{font-size:3.2rem; color:#0a0a0a;   line-height:2.6rem; margin-bottom:20px;}
.internshipsTxt02{font-size:1.5rem; color:#555555;}


.foundingMem{position:absolute; top:50%; margin-top:-59px; height:118px; width:100%; background:rgba(0,0,0,.6);}
.foundingMem dl{width:80%; margin:20px auto ; background:url('../../resources/img_app/foundingLogo.png') no-repeat 0 0;  padding:20px 0; padding-left:110px; text-transform:uppercase;}
.foundingMem dt{font-size:2rem; color:#ffffff; font-weight:500;}
.foundingMem dd{font-size:1.7rem; color:#ffffff;  margin-top:5px;}

.loadmoreBtn{text-align:center;}
.loadmoreBtn a{display:block; background:#b8b8b8; padding:20px 0 17px; color:#ffffff; font-size:16px; font-weight:500;}
.loadmoreBtn a i{padding-left:23px;}
.loadmoreBtn a:hover{background:#1699eb;}

.noticeDetailView{margin-top:2.5rem;}
.DetailViewImg{margin:30px 0; text-align:center;}
.DetailViewImg img{width:80%;}
.detailTitle{font-size:20px; color:#0a0a0a;}
.detailTitle em{display:block; font-size:15px; color:#333333;  margin-top:5px;}
.viewTxt{padding:20px 0 0; font-size:14px; color:#333333; line-height:28px !important; border-bottom:1px solid #dcdcdc; padding-bottom:20px;}
.viewTxt *{ line-height:28px !important;}

.nextPrevious {margin-top:30px;}
.nextPrevious ul{overflow:hidden;}
.nextPrevious ul li{float:left; width:50%; background:#ececec; text-align:right;}
.nextPrevious ul li:first-child{background:#f4f4f4; text-align:left;}
.nextPrevious ul li a{display:block; padding:30px 40px;}
.nextPrevious ul li dl{position:relative; padding-right:30px;}
.nextPrevious ul li:first-child dl{padding-left:30px;}
.nextPrevious ul li:first-child dl:before{display:block; content:'<'; position:absolute; left:0; top:10px; font-size:30px;}
.nextPrevious ul li:last-child dl:after{display:block; content:'>'; position:absolute; right:0; top:10px; font-size:30px;}
.nextPrevious ul li dt{font-size:15px; color:#555555;}
.nextPrevious ul li dd{font-size:17px; color:#2c2c2c; margin-top:4px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}

.viewBtn{overflow:hidden; margin-top:25px; text-align:right;}
.viewBtnL{float:left;}
.viewBtnR{float:right;}
.viewBtnR a{display:inline-block;}


.complianceArea01{padding:6.5rem 0 0; overflow:hidden;}
.complianceArea02{overflow:hidden;}

.complianceImg01{position:relative; float:left; width:50%; height:350px; background:url('../../resources/img_app/complianceImg01.png') no-repeat 0 0; background-size:cover;}
.complianceImg02{position:relative; float:left; width:50%; height:480px; background:url('../../resources/img_app/complianceImg02.png') no-repeat 0 0; background-size:cover;}
.complianceView{width:50%;}
.complianceView.fl{float:left;}
.complianceView.fr{float:right;}
.complianceTitle{font-size:2.8rem; color:#0e0e0e;   line-height:2.6rem; margin-bottom:20px;}
.complianceTitle p{font-size:2rem; color:#0e0e0e;  font-weight:normal; margin-bottom:10px; margin-top:10px;}
.complianceTxt01{font-size:1.5rem; color:#555555;  line-height:2.2rem;}

.practicesTitle {text-align:center;}
.practicesTitle h3{font-size:3.2rem; color:#0a0a0a;   line-height:2.6rem; padding-top:80px; background:url('../../resources/img_app/practicesIco.png') no-repeat center 0;}
.practicesTitle p{font-size:2rem; color:#2c2c2c; font-weight:500; margin-bottom:40px; margin-top:10px;}
.practicesView {width:85%; margin:0 auto; text-align:center; font-size:15px; color:#555555;  line-height:2.4rem;}

.societyArea{padding:6.5rem 0 0; overflow:hidden;}
.society01{width:90%; margin:0 auto;}

.societyVisualImg01{width:90%; margin:0 auto; height:175px; background:url('../../resources/img_app/societyVisualImg01.png') no-repeat 0 0; background-size:cover;}

.society01{text-align:center;}
.society01 dl{display:inline-block; margin:30px auto 20px; background:url('../../resources/img_app/awardsImg01.png') no-repeat 0 0;  padding:20px 0; padding-left:140px; text-transform:uppercase; text-align:left;}
.society01 dt{font-size:2.3rem; color:#080808; font-weight:500;}
.society01 dd{font-size:1.7rem; color:#555555;  margin-top:5px;}
.societyTxt{font-size:1.6rem; color:#555555;  line-height:2.6rem;}

.peopleDetail03 ul li dl.societyImg01 h5{background:url('../../resources/img_app/societyImg01.png') no-repeat center center;}
.peopleDetail03 ul li dl.societyImg02 h5{background:url('../../resources/img_app/societyImg02.png') no-repeat center center;}
.peopleDetail03 ul li dl.societyImg03 h5{background:url('../../resources/img_app/societyImg03.png') no-repeat center center;}

.societyL{float:left; width:45%;}
.societyL h3{font-size:2rem; color:#2c2c2c; font-weight:500; line-height:3rem; padding:0 40px;}
.societyL .person{font-size:1.6rem; color:#555555; font-style:italic; margin-top:10px; padding-left:40px;}
.societyR{float:left; width:55%;}

.NewsList{margin-top:70px;}
.NewsList .tabConArea .tabConAreaDetail {padding-top:0.6rem;}

.sectionTitle{font-size:32px; color:#0a0a0a;   text-align:center;}


/* paging 
.pagingArea{padding:25px 0;}
.paging{overflow:hidden; text-align:center}
.paging a{display:inline-block;  font-size:15px; color:#505050; border:1px solid #c3c3c3; vertical-align:middle; text-align:center; line-height:40px; width:40px; height:40px; margin-right:0; background:#ffffff;}
.paging a:hover{color:#58b1c0; line-height:40px;}
.paging a.active{color:#fb4f52;}
.paging a:hover{color:#ffffff; border:1px solid #9c9c9c; background:#9c9c9c;}
.paging a.first {width:60px; height:40px; border:1px solid #9c9c9c; background:url('../../resources/img_app/prev_end.png') no-repeat center center #9c9c9c}
.paging a.prev {width:60px; height:40px; border:1px solid #9c9c9c; background:url('../../resources/img_app/prev.png') no-repeat center center #9c9c9c}
.paging a.next {width:60px; height:40px; border:1px solid #9c9c9c; background:url('../../resources/img_app/next.png') no-repeat center center #9c9c9c}
.paging a.last{width:60px; height:40px; border:1px solid #9c9c9c; background:url('../../resources/img_app/next_first.png') no-repeat center center #9c9c9c}
.paging a.first:hover, .paging a.prev:hover, .paging a.next:hover, .paging a.last:hover{background-color:#616161;}
*/

/* paging */
.paging{font-size:13px; overflow:hidden; text-align:center}
.paging a{color:#31372F; padding:0 10px; border:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; line-height:30px; vertical-align:top; margin-right:0; display:inline-block; background:#ffffff; border-radius:2px;}
.paging a:hover{color:#58b1c0; border:1px solid #e8e8e8; line-height:28px; border-bottom:3px solid #58b1c0;}
.paging a.active{ font-weight:400; color:#ffffff; line-height:30px; padding:0 10px; border:1px solid #58b1c0; background:#58b1c0;}
.paging a.active:hover{color:#ffffff;}
.paging a.first {width:32px; height:32px; background:url('../../resources/img_app/prev_end.png') no-repeat center center #ffffff}
.paging a.prev {width:32px; height:32px; background:url('../../resources/img_app/prev.png') no-repeat center center #ffffff}
.paging a.next {width:32px; height:32px; background:url('../../resources/img_app/next.png') no-repeat center center #ffffff}
.paging a.last{width:32px; height:32px; background:url('../../resources/img_app/next_first.png') no-repeat center center #ffffff}



.block{display:block;}

.ourTalent{background:#f6f6f6;}
.whiteBg{background:#ffffff;}
.ourTalentDetail{width:1200px; margin:0 auto; position:relative; min-height:370px; padding:8rem 2rem;}
.ourTalentDetail.careerview02{padding:14rem 2rem;}
.careerThumb01{position:absolute; left:70px; bottom:0;}
.ourTalentDetailArea01{padding-left:500px;}
.ourTalentDetailArea01 h2{font-size:36px; color:#0a0a0a;  }
.ourTalentDiscript{font-size:16px; color:#2e2e2e; padding:22px 0; line-height:22px;}
.ourTalentName{font-size:18px; color:#1f1f1f; font-weight:500; font-style:italic;}
.ourTalentName span{color:#666666;  margin-left:20px;}
.careerThumb02{position:absolute; right:70px; bottom:0;}
.ourTalentDetailArea02{padding-right:480px;}
.ourTalentDetailArea02 h2{font-size:36px; color:#0a0a0a;  }


.benefitsTitle {font-size:28px; color:#383838; font-weight:500; text-align:center;}
.ourCulture {}
.ourCulture h4{font-size:32px; color:#222222;   text-align:center;}
.ourCultureDescript{font-size:15px; color:#555555; margin:25px 0 40px; text-align:center;}
.subConView01{padding-top:0;}
.ourCultureImg{height:278px; background:url('../../resources/img_app/ourCultureImg.png') no-repeat center center; background-size:cover;}

.ourCultureView{margin-top:80px;}
.ourCultureView ul{overflow:hidden; margin-left:-30px;}
.ourCultureView li{float:left; width:33.3%; padding-left:30px;}
.ourCultureDetail{border:1px solid #e0e0e0; padding:30px; height:520px;}
.ourCultureTxt{color:#666666; font-size:14px; text-align:center;}

.ourCultureDetail h5{position:relative; font-size:22px; color:#0a0a0a; font-weight:500; text-align:center; padding-bottom:1rem;}
.ourCultureDetail h5:before{content:"";width:60px; height:3px; position:absolute; bottom:0px; left:50%; margin-left:-30px; background:#000000;}
.ourCultureThumb{height:135px; margin:30px 0 35px;}
.ourCultureImg01{background:url('../../resources/img_app/ourCultureImg01.png') no-repeat center center; background-size:cover;}
.ourCultureImg02{background:url('../../resources/img_app/ourCultureImg02.png') no-repeat center center; background-size:cover;}
.ourCultureImg03{background:url('../../resources/img_app/ourCultureImg03.png') no-repeat center center; background-size:cover;}


.subTitle08{font-size:28px; padding:10px; color:#383838; font-weight:500; line-height:30px;}
.subTitle08 span{display:block; font-size:16px; padding:13px 0 50px; color:#555555;}

.subTitle09{font-size:30px; padding:10px; color:#383838;   line-height:28px; text-align:center;}
.subTitle09 span{display:block; font-size:16px; padding:10px 0 0; color:#555555;  font-weight:normal;}

.internshipsTxt01{padding:4rem 2rem; text-align:center; margin-top:50px;}
.internshipsTxt01 p{font-size:14px; color:#666666; padding:20px;}
.internshipsTxt01 .btn_type01.btn-outline{color:#2a2a2a; padding-left:2.5rem; padding-right:2.5rem;}
.internshipsTxt01 .btn_type01.btn-outline:hover{color:#ffffff;}


.benefitsView{margin-top:80px;}
.benefitsView > ul{overflow:hidden; margin-bottom:80px;}
.benefitsView > ul > li{float:left; width:25%; height:260px; padding:0 20px 0 30px; border-left:1px solid #e7e7e7;}
.benefitsView > ul > li:first-child{border-left:none;}
.benefitsView dt{font-size:19px; color:#141414; font-weight:500; margin-bottom:15px; padding-top:85px; background-position:20px 0}
.benefitsView dd li{padding-left:20px; font-size:15px; color:#555555;  padding-left:14px; background:url('../../resources/img_app/dot01.png') no-repeat 0 6px;}

.benefitsView dt.benefits01{background:url('../../resources/img_app/benefits01.png') no-repeat; }
.benefitsView dt.benefits02{background:url('../../resources/img_app/benefits02.png') no-repeat; }
.benefitsView dt.benefits03{background:url('../../resources/img_app/benefits03.png') no-repeat; }
.benefitsView dt.benefits04{background:url('../../resources/img_app/benefits04.png') no-repeat; }
.benefitsView dt.benefits05{background:url('../../resources/img_app/benefits05.png') no-repeat; }
.benefitsView dt.benefits06{background:url('../../resources/img_app/benefits06.png') no-repeat; }
.benefitsView dt.benefits07{background:url('../../resources/img_app/benefits07.png') no-repeat; }
.benefitsView dt.benefits08{background:url('../../resources/img_app/benefits08.png') no-repeat; }


.privacyView h2{font-size:24px; color:#2c2c2c;  }
.privacyCon {margin-top:45px; font-size:15px; color:#333333;}
.privacyCon h3{font-size:20px; color:#000000; font-weight:500;}
.privacyCon p{margin-top:15px;}
.privacyCon ul{margin-top:15px;}
.privacyCon ul li{padding-left:34px; background:url('../../resources/img_app/dot01.png') no-repeat 20px 8px;}


.mainTitle.sitemap{top:75px;}
.sitemapView{overflow:hidden; padding-bottom:150px;}
.sitemapCon{float:left; width:25%; border-left:1px solid #cfcfcf; padding-left:37px; height:300px}
.sitemapView .sitemapCon:first-child{border-left:none;}
.sitemapCon h3{font-size:22px; color:#0689db; font-weight:500; margin-bottom:27px;}
.sitemapCon > ul{}
.sitemapCon > ul > li > a{display:block; font-size:16px; color:#3a3a3a; padding:10px 0; }
.sitemapCon > ul > li > ul{overflow:hidden; padding:10px 0;}
.sitemapCon > ul > li > ul > li > a{display:block; font-size:15px; color:#777777; }

.contactArea{margin:70px 0 65px;}
.contactArea ul{overflow:hidden;}
.contactArea ul li{float:left; width:33.3%; border-left:1px solid #cfcfcf; padding-left:50px;}
.contactArea ul li:first-child{border-left:none;}
.contactArea dl{font-size:15px; color:#555555;  line-height:24px; padding-left:70px;}
.contactArea dl.contact01{background:url('../../resources/img_app/contact01.png') no-repeat 0 center;}
.contactArea dl.contact02{background:url('../../resources/img_app/contact02.png') no-repeat 0 center;}
.contactArea dl.contact03{background:url('../../resources/img_app/contact03.png') no-repeat 0 center;}
.contactArea dd a{border-bottom:1px solid #8b8b8b;}

.map {height:443px; overflow:hidden; display:block;}
.big-map {width:100%; height:100%; display:block;}

.mBtnLogin{display:none;}



@media screen and (max-width:1219px) {
#header > .navbar {width:100%; padding:0; margin:0;}
.topSearchDetail{width:100%; margin:0; padding:8.7rem 10rem;}
#mainSlider ul.imgList li .caption {width:100%; margin:0;}
.learnMore, .aboutSAS, .sustainability, .careers, .WrapFooterInfo, .subConView, .blueBg .subConView, .ourTalentDetail, .conMainArea, .mainFooter01 {width:100%; margin: 0; padding-left:40px; padding-right:40px;}
.learnMore, .aboutSAS, .sustainability, .careers, .WrapFooterInfo, .subConView, .blueBg .subConView, .conMainArea, .mainFooter01{padding-left:20px; padding-right:20px;}
.subConView, .conMainArea{width:100%; padding-top:40px; padding-bottom:40px;}

.mainFooter01, .WrapFooterInfo{width:100%;}

.utility-navi{padding-left:20px; padding-right:20px;}

.ourCommitment{padding:0;}

.topArea{width:100%;}
#gnbWrap .gnb > ul > li > .gnb-sub {width:100%; left:0; margin-left:0; padding:60px 20px 40px !important;}
.gnbTitle{width:200px}
#header h1 {left:20px;}
.topSearch {right:20px;}
.keywordSearchClose{right:26px;}

.footerMapCon:last-child{height:auto; }

#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > a{padding-left:40px;}

#gnbWrap .gnb.active .gnb-bg { height:260px;  z-index:9; }

.utility-navi, .topArea, .mainLocation .cont, .briefingAreaDetail{width:100%; margin:0 auto;}

} 

@media screen and (max-width:1024px) {
.mainVisual{margin-top:0;}
.conMainArea01{padding:30px 20px;}
.mainList01{float:none; width:100%;}
.mainListArea a{margin-right:0; margin-left:20px;}
.mainListArea:first-child a{margin-right:0; margin-left:0;}
.mainList02{float:none; clear:both; margin-top:20px; width:100%; height:auto;}

.newsSlide01{float:none; width:100%;}
.newsSlide02{float:none; width:100%;}
.newsSlideArea01 {padding-left:0; border:none;}
.cardSlideArea{padding-right:0;}
.newsSlideArea01 .cardTitle{left:0;}
.newsSlide02{margin-top:20px;}

.topSearch01{right:65px;}
.topSearchDetail01{border-bottom:none; width:170px;}
.topSearchDetail01 input{width:150px;}
#mainSlider{width:100%; margin:0;}
.mainLocation{display:none;}
.mBtnLogin{display:block; width:100%; border:1px solid #000; text-align:center; overflow:hidden; background:#2b2b2b; padding:40px;}
.m_btn_login {float:left; width:50%; text-align:center; padding:10px 0px 10px; color:#fff; border:1px solid #707580;}
.briefingLine{width:100%; left:0; margin:0;}


.mainFooter{margin-bottom:0px;}
.notice-lists ul {display:block;margin:0 0 0 0;vertical-align:top;overflow:hidden}
.notice-lists ul li {float:none;width:100%; margin:30px 0 0 0; border-bottom:1px solid #dedee1}
.notice-lists ul li:first-child{margin-left:0;}
.notice-lists ul li.main-notice {width:100%;}
.notice-lists ul li.main-notice .img-area .img-box {width:100%;height:auto}
.notice-lists ul li.main-notice .img-area .img-box img {width:100%;height:100%}
.notice-lists ul li.main-notice .cont-box {height:auto; padding:20px 30px 20px; background:#ffffff;}
.notice-lists ul li.main-notice .cont-box .tit {display:block;overflow:hidden;max-height:auto; font-size:18px;line-height:28px;color:#222}
.notice-lists ul li.main-notice .cont-box .txt {margin-top:25px; height:auto; font-weight:300;font-size:14px;line-height:26px;color:#555}
.notice-lists ul li.main-notice .cont-box .date {display:block;margin-top:50px; font-weight:500;font-size:16px;line-height:.8;color:#6e6e6e}
.notice-lists ul li.normal-notice .img-area .img-box {width:100%;height:auto}
.notice-lists ul li.normal-notice .img-area .img-box img {width:100%;height:100%}
.notice-lists ul li.normal-notice .cont-box {padding:20px 30px 20px; background:#ffffff;}
.notice-lists ul li.normal-notice .cont-box .tit {display:block;overflow:hidden; height:auto; font-weight:400;font-size:18px;line-height:28px;color:#222}
.notice-lists ul li.normal-notice .cont-box .date {display:block;margin-top:25px; font-weight:500;font-size:16px;line-height:.8;color:#012b5d}



.briefingList h2{display:none; float:left; width:13%; font-size:14px; line-height:32px; }
.briefingListDetail{float:left; width:100%; overflow:hidden;}
.briefingListDetail ul, .briefingListDetail dl{overflow:hidden;}
.briefingListDetail li{line-height:32px; opacity:0.8;}
.briefingListDetail dt{float:left; color:#ffffff; font-size:13px; width:75%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.briefingListDetail dd{float:right; color:#ffffff; font-size:13px; width:22%; text-align:right;}


#header > .navbar {position:relative; width:100%; height:59px; margin:0;}

.topSearch {position:absolute; right:70px; top:20px;}
.topSearchDetail{width:100%; margin:0; padding:9.6rem 5rem;}
#header > .topbar {display:none}
#gnb_wrap {position:fixed; top:60px; right:-310px; width:300px; height:100%; background:#fff; /* box-shadow:-2px 0 6px 0 rgba(0,0,0,.3); */ z-index:990;}
/*#gnb_wrap a.gnb_top {position:relative; display:block !important; padding:0 0 0 25px; height:80px; font-size:16px; color:#fff; line-height:80px; background:#555}
#gnb_wrap a.gnb_top > span.nav-home {display:inline-block; width:17px; height:16px; margin-right:10px; background:url('../../../resources/img_app/nav_home.png') 0 0 no-repeat; vertical-align:-2px}*/
#gnb_wrap .mInfo {position:relative; display:block !important; padding:20px 0 0 20px; height:70px; background:#003057}
#gnb_wrap .mInfo p{background:url('../../resources/img_app/mInfoBg.png') no-repeat 0 center; padding-left:36px; font-size:1.3rem; color:#a7c4db;  line-height:1.1}
#gnb_wrap .mInfo em{display:block; color:#ffffff; }
#gnb_wrap button {display:block; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; border-radius:2px; background:#333; cursor:pointer}
#gnb_wrap button span {position:absolute; display:block; left:10px; width:20px; height:2px; background:#fff; transition:all .4s ease}
#gnb_wrap button span.bar1 {top:12px}
#gnb_wrap button span.bar2 {top:18px}
#gnb_wrap button span.bar3 {top:24px}
#gnb_wrap button.active span.bar1 {top:18px; transform:rotate(45deg)}
#gnb_wrap button.active span.bar2 {display:none}
#gnb_wrap button.active span.bar3 {top:18px; transform:rotate(-45deg)}
#gnb {float:none; padding:0 0; height:auto;  margin-right:0;}
#gnb > li {float:none; height:auto}
#gnb > li > a {height:auto; padding:15px 0; font-size:1.6rem; border-bottom:1px solid #e8e8e8; color:#585858; padding-left:38px;}
#gnb > li.dropdown > a {background:url('../../resources/img_app/faq_arr_open.png') no-repeat 90% center #ffffff; background-size:12px 7px}
#gnb > li > a:hover {color:#585858;}
#gnb > li > a > span {line-height:20px; padding:0}
#gnb > li > a > span:before {display:none}
#gnb > li > ul.submnu li:before {display:none}
#gnb > li.open > a{color:#ffffff !important; background:url('../../resources/img_app/faq_arr_close.png') no-repeat 90% center #35a5c9; background-size:12px 7px}
/* #gnb > li.dropdown > a:before {position:absolute; display:block; width:2px; height:10px; right:20px; top:50%; margin-top:-5px; content:''; background:#c8c8c8; transition:all .3s ease}
#gnb > li.dropdown > a:after {position:absolute; display:block; width:10px; height:2px; right:16px; top:50%; margin-top:-1px; content:''; background:#c8c8c8}
#gnb > li.open > a:before {background:#ffffff;}
#gnb > li.open > a:after {background:#ffffff}
#gnb > li.open > a:before {transform:rotate(90deg);}
 */
#gnb > li > ul.submnu {display:none; position:static; width:100%; padding:0; background:#f8f8f8; opacity:1 !important; filter:alpha(opacity='100') !important; box-shadow:none}
#gnb > li > ul.submnu > li {border-bottom:1px solid #e9e9e9; padding:0;}
#gnb > li > ul.submnu > li > a {font-size:1.4rem; padding:5px 10px 5px 50px;color:#2e2e2e; /* background:url('../../resources/img_app/mNaviBar.png') no-repeat 14px 12px; */}
#gnb > li > ul.submnu > li:hover a{color:#007ad9}
#gnb > li > ul.submnu > li > .depth3{padding:0; background:#ffffff;}
#gnb > li > ul.submnu > li > .depth3 li{border-top:1px solid #e9e9e9;}
#gnb > li > ul.submnu > li > .depth3 li > a {display:block; font-size:1.3rem; padding:10px 10px 10px 70px; color:#2e2e2e;}

#gnb_mask {display:none; position:fixed; top:60px; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='80'); z-index:200}
#gnb_mask.active {display:block; position:fixed; top:60px; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='80'); z-index:200}

#maskGnb {display:none; position:fixed; top:60px; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='80'); z-index:200}
#maskGnb.active {display:block; position:fixed; top:60px; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='80'); z-index:200}

#btnNav {display:block; top:10px}
.quickItem{display:none;}
.quickMenu{display:none; width:45px; position:fixed; right:27px; top:auto; bottom:30px; z-index:30; overflow:hidden;}
.keywordSearchClose{right:26px;}

#mainSlider ul.imgList li .caption h2 {font-size:3.2rem;}
#mainSlider ul.imgList li .caption p {font-size:2.8rem; line-height:40px;}
/* #mainSlider ul.imgList li.slide03 .caption h2 {font-size:5rem;}
#mainSlider ul.imgList li.slide03 .caption p {font-size:1.8rem; line-height:18px;} */
#mainSlider .bx-prev {left:20px;}
#mainSlider .bx-next {right:20px;}

.NaviQuick ul{float:none; display:inline-block; height:58px; width:100%; margin:0; }

/* #header h1 a, #header.scroll h1 a{background-size:auto 27px; height:27px} */
.relation01 .site_list li a {display:block; padding:15px 20px; color:#ffffff;}
.relation01 .site_list {height: 230px;}

.subTitleArea h2{font-size:3.2rem; line-height:4rem;}
.philosophyDetail h2{font-size:3rem;}
.visionTitle{font-size:3rem;}

.awardsList{border-top:1px solid #d7d7d7; padding:30px 20px 15px;}
.awardsList li{margin-bottom:20px;}
.awardsList dt{float:none; width:100%;}
.awardsList dd{float:none; width:100%; padding-left:30px; margin-top:2px;} 

.hiddenM{display:none !important;}

#awardsSlidePC{display:none;}
#awardsSlideM{display:block;}
#businessPC{display:none;}
#businessM{display:block;}

#awardsSlideM li{height:500px;}
#awardsSlideM li dl{padding: 0 50px}
#awardsSlideM .bx-controls-direction a {width:26px; height:58px; margin-top:0; background-image:url('../../resources/img_app/btn_prevNext04.png'); background-repeat:no-repeat;}
#awardsSlideM .bx-prev {left:0; top:130px; background-position:0 0;}
#awardsSlideM .bx-next {right:0; top:130px; background-position:100% 0;}

.sustainabilityTitle{width:50%;}
.sustainabilityTitle h2{line-height:3.5rem}
.sustainabilityView{width:50%;}

.approachArea{background:url('../../resources/img_app/approachImg.png') no-repeat 30px bottom; background-size:40%}
.reportDetailR ul{padding:20px 25px;}

.societyL{float:none; width:100%; text-align:center;}
.societyR{float:none; width:100%;}

.peopleDetail02 ul{overflow:hidden; margin:60px 20px 0;; text-align:center;}
.peopleDetail02 ul.w30 li{float:left; width:33.3%; background:none; padding:0 0; text-align:center; margin-bottom:30px}
.peopleDetail02 ul.w30 li dl{text-align:center;}

.peopleDetail02 ul.w30 li dd span{display:inline-block;}


.peopleDetail03 li{height:100% !important; position:relative;}
.peopleDetail03 .bx-viewport{height:100% !important;}
.peopleDetail03 .bx-wrapper{padding-bottom:50px;}
.peopleDetail03 .bx-wrapper .bx-pager.bx-default-pager a {border:2px solid #c8c8c8;}
.peopleDetail03 .bx-wrapper .bx-pager.bx-default-pager a:hover, .peopleDetail03 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0689db; border:2px solid #0689db;}
.peopleDetail03 .bx-wrapper .bx-pager, .peopleDetail03 .bx-wrapper .bx-controls-auto {bottom: 0;}

.peopleDetail03 .bx-prev {top:180px !important;}
.peopleDetail03 .bx-next {top:180px !important;}

.peopleDetail03 ul li dl h5{height:390px;}
.peopleDetail03 ul li dt, .peopleDetail03 ul li dd{text-align:center;}
.peopleDetail03 ul li dt span{display:inline-block;}

.talentDetail ul li dl .thumbImg{height:265px;}


.contactArea{margin:70px 0 65px;}
.contactArea ul{overflow:hidden;}
.contactArea ul li{float:left; width:33.3%; border-left:1px solid #cfcfcf; padding-left:0;}
.contactArea ul li:first-child{border-left:none;}
.contactArea dl{font-size:15px; color:#555555;  line-height:24px; padding-left:0; padding-top:70px; text-align:center;}
.contactArea dl.contact01{background:url('../../resources/img_app/contact01.png') no-repeat center 0;}
.contactArea dl.contact02{background:url('../../resources/img_app/contact02.png') no-repeat center 0;}
.contactArea dl.contact03{background:url('../../resources/img_app/contact03.png') no-repeat center 0;}
.contactArea dd a{border-bottom:1px solid #8b8b8b;}

.footerMapCon{width:33.3%; padding-left:0;}

.ourApproach ul li dl {padding:60px 20px 0;}

#gnbWrap { margin-left:0; }
#gnbWrap .gnb { position:absolute; z-index:300; display:none; top:59px; width:330px; right:0;}
#gnbWrap .gnb.active { display:block; }
#gnbWrap .gnb.active > ul { height:inherit; margin-bottom:0px; }
#gnbWrap .gnb > ul { overflow:hidden; height:inherit; position:relative; text-align:left;}
#gnbWrap .gnb > ul > li { height:auto; display:block; margin:0px; background:#2b2b2b; padding-bottom:0; }
#gnbWrap .gnb > ul > li > a { width:100%; height:auto; padding:15px 0px 15px 40px; display:inline-block; color:#ffffff; border-bottom: 1px solid #4d4d4d; background:#2b2b2b; background-size:12px 7px}
#gnbWrap .gnb > ul > li > a.active { color:#ffffff; background:#35a5c9}
#gnbWrap .gnb > ul > li.sub-menu > a{background:url('../../resources/img_app/faq_arr_open.png') no-repeat 90% center #2b2b2b; background-size:13px 8px}
#gnbWrap .gnb > ul > li.sub-menu > a.active{background:url('../../resources/img_app/faq_arr_close.png') no-repeat 90% center #35a5c9; background-size:13px 8px}
#gnbWrap .gnb > ul > li > a:after { bottom:-5px; }
#gnbWrap .gnb > ul > li > .gnb-sub {display:block; height:auto; width:100%; position:static; left:0; top:0; margin-left:0; padding:0 !important;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul{width:100%; position:relative; left:0px; ; text-align:center; margin-top:0; float:none; background:#3c3c3c; padding-left:0;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li { display:list-item; margin: 0px; float:none; padding:0; width:100%; border-top:1px solid #535353; padding-left:60px; }
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li:first-child {border-top:none;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > a { color: #d8d8d8; font-size:14px; padding:12px 0px; position: relative; height:auto; line-height:18px; display:inline-block;  }
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > a:after { bottom:8px;}
#header.scroll #gnbWrap .gnb > ul > li > a{color:#fff; font-size:16px;}
.mo-menu { display:block; position:absolute; right:50px; top:18px; }
.menu-trigger { width:20px; height:24px; position:absolute;}
.menu-trigger, .menu-trigger span { display:inline-block; transition:all .4s; box-sizing: border-box; }
.menu-trigger span { position:absolute; left:0; width:100%; height:2px; background-color:#333; }
.menu-trigger span:nth-of-type(1) { top:4px; }
.menu-trigger span:nth-of-type(2) { top:11px; }
.menu-trigger span:nth-of-type(3) { top:18px; }
#header.scroll .menu-trigger span {background-color:#383838; }
#gnbWrap .gnb > ul >  li:first-child { margin-left:0;}
.gnbSub_title, .gnb-bg{display:none;}
#gnbWrap .gnb > ul > li > a > span:before {bottom:0; height:1px;}
#gnbWrap .gnb > ul > li > a > span{padding:0;}


#header.search .menu-trigger span {background-color:#383838;}

#header.search .gnb > ul > li > a {color:#ffffff;}
.utility-navi{display:none;}

.listDetail li{float:left; width:50%; }
.listDetail li .listContent {margin-top:15px;}
.listDate{margin-top:15px;}
.listDetail li a{padding:15px;}
.listDetail li a{margin:5px 0;}

.notice-listsSub ul li {float:left; width:50%;}

#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul{padding-bottom:10px;}


}

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

.visualSlideArea h3 {font-size:24px;}

.mainTabList{margin-bottom:0;}
.mainTabList .imgArea{float: none; }
.mainTabListTxt{float: none;  width: 100%;  margin-left: 0;  padding-left: 0;}
.noticeTabList .mainTabListTxt{padding-left:0; padding-right:0;}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next{display:none;}

#header h1 {position:absolute; left:20px;}
#header > .navbar {position:relative; width:100%; height:59px; margin:0;}
#mainSlider ul.imgList li .caption {width:70%; margin:0 auto;}
#mainSlider ul.imgList li{position:relative; height:395px;}
#mainSlider ul.imgList li.slide01{background:url('../../resources/img_app/main_visual_01.png') no-repeat center center; background-size:auto 395px;}
#mainSlider ul.imgList li.slide02{background:url('../../resources/img_app/main_visual_02.png') no-repeat center center; background-size:auto 395px;}
#mainSlider ul.imgList li.slide03{background:url('../../resources/img_app/main_visual_03.png') no-repeat center center; background-size:auto 395px;}

#mainSlider ul.imgList li .caption {top:26%;}

#mainSlider ul.imgList li .caption h2 {font-size:3rem; line-height:3rem;}
#mainSlider ul.imgList li .caption p {font-size:2rem; line-height:30px; }

.learnMore h2, .aboutSASTitle h2, .sustainabilityDetail h2, .careersTitle h2{font-size:3.2rem;}

.mainQuickView ul li{float:left; width:50%; border-top:0px solid #e5e5e5; border-left:none; padding:3.5rem 0}
.mainQuickView ul li:first-child{border-left:none; border-top:none;}


.aboutSASTitle{float:none; width:100%;}
.aboutSASTitle h2{display:block; margin-left:0;}

.aboutView{float:none; width:100%; margin-top:4.2rem; text-align:center;}
.aboutView dl{padding:0 40px;}
.aboutView dt{font-size:1.9rem; color:#ffffff; }
.aboutView dd{font-size:1.4rem; color:#b9d5f1; padding:0.8rem 0 0;}

.sustainabilityImg{float:none; width:100%; height:350px;}
.sustainabilityView{float:none; width:100%;}
.sustainabilityDetail{width:auto; margin:0 auto; padding-top:4rem; padding-left:3rem; padding-right:3rem;}
.sustainabilityDetail ul{margin-top:3rem;}
.sustainabilityDetail ul li a{padding:1rem 0; background:url('../../resources/img_app/sustainabilityIco.png') no-repeat 98% center;}
.sustainabilityDetail .btnArea{display:none;}

.careersTitle{float:none; width:100%; padding:0 3rem;}
.careersView{float:none; width:100%; border-left:none; padding:0 3rem;}
.careersDetail{width:100%; margin:0; padding:4rem 0 0;}

/* .footerInfoDetail, .copyrightArea{padding:0 3rem;} */
.quickInfo{float:none; overflow:hidden;}
.quickInfo li{float:none; margin-right:0; margin-bottom:6px;}
.quickInfo li a{}

.copyrightArea{border-top:1px solid #404040; padding-top:20px; padding-bottom:20px; margin-top:5px;}
.quickMenu{bottom:10px; right:5px;}
/* .relation01 .familySite{text-transform:uppercase;} */

.blueTitle span{display:block;}

.philosophyImg{float:none; width:100%; height:280px; }
.philosophyImg02{float:none; width:100%; height:280px;}
.philosophyView{float:none; width:100%;}
.philosophyDetail{width:100%; margin:0; padding-top:3rem;}


.vision2020{padding:5rem 0 0; overflow:hidden; text-align:center;}
.vision2020Img{float:none; width:100%; height:280px; }
.vision2020View{float:none; width:100%;}
.vision2020Detail{width:100%; margin:0; padding-top:3rem;}

.missionArea{border-top:none; padding:1rem 0 4rem; text-align:center;}
.missionArea:first-child{border-top:none;}
.missionTitle{float:none; width:100%; display:inline-block;}
.missionTitle h3{font-size:2.8rem; margin-top:0px; margin-bottom:20px;}
.missionTitle h3 span{display:block; color:#a7a7a7; margin-right:0;}
.missionView{float:none; width:100%;}
.missionView ul{display:table; width:100%; margin-top:20px;}
.missionView ul li p{display:inline-block; width:110px; height:110px; font-size:1.6rem;}

.businessArea{overflow:hidden;  text-align:center;}
.businessTitle{float:none; width:100%;}
.businessTitle h2{ text-align:center; display:block;  }
.businessTitle h2 span{}
.businessTitle h2:before{left:50%; margin-left:-38px;}
.businessTitle p{font-size:1.8rem;  color:#2a2a2a;  margin-top:2.5rem; line-height:2.4rem; padding-right:0;}
.businessView{float:none; width:100%; padding-top:20px;}
.businessDetail{width:100%; margin:0;}

.businessMovie{height:280px;}
.businessMovie .bizMovie{height:280px;}
#playerWrapper iframe{height:280px;}


.subTitle03{font-size:2rem;  line-height:2.3rem;}
.subTitle03 span{font-size:1.6rem; margin-top:2rem; line-height:2rem;}
.subTitle03 em{display:none;}

.bizQuick{padding:2rem 0;}
.bizQuickTitle{float:none; width:100%; text-align:center;}
.bizQuickTitle h2{text-align:center;}
.bizQuickTitle p{font-size:1.5rem; color:#555555; line-height:2.4rem;}
.bizQuickView{float:none; width:100%;}
.bizQuickDetail ul{width:90%; margin:30px auto 0;}

.historyDetail ul{margin:0 0 0;}
.historyDetail ul li{float:none; width:100%;margin-top:40px;}
.historyDetail ul li dl h5{height:160px;}

.futureArea{overflow:hidden; padding:0rem 2rem;}
.futureArea h3{float:none; width:100%; text-align:center; font-size:2.4rem;}
.futureArea h3 span{}
.futureDetail{float:none; width:100%; font-size:1.6rem;padding-top:20px; text-align:center;}
.txt02{padding:0 0 3rem;}
.timelineArea{overflow:hidden; padding:0 2rem;}

.presidentTitle h2{text-align:center; }
.presidentTitle h2 span{}
.presidentTitle h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:50%; margin-left:-38px; background:#35a5c9;}

.presidentArea{overflow:hidden; padding:5rem 5rem 3rem;}
.presidentImg{float:none; width:100%;}
.presidentImg01{width:170px; margin:0 auto; height:241px; background:url("../../resources/img_app/presidentImg.png") no-repeat 0 0; box-shadow:30px 30px 0 0px rgba(0,0,0,.05);}
.presidentDetail{float:none; width:100%; position:relative; text-align:center; padding-top:160px; margin-top:60px;}

.presidentSign dl{position:absolute; width:100%; top:0; padding-left:0; text-align:center; padding-top:60px; background:url("../../resources/img_app/sign.png") no-repeat center 0; }
.presidentSign dl dt{display:block;}
.presidentSign dl dd{display:block; margin-top:2px;}

.goalsArea{text-align:center; padding:30px 0;}
.goalsView{overflow:hidden; padding-bottom:3.5rem;}
.goalsView h5{float:none; width:75%; margin:10px auto 25px; padding: 15px 0;}

.goalsDetail{float:none; width:100%;}
.goalsDetail dl{padding-left:45px; font-weight:500;}
.goalsDetail dt{text-align:left; font-size:1.8rem; color:#333333; }
.goalsDetail dd{margin-top:5px; text-align:left;}
.goalsDetail dd li{text-align:left; color:#878787;  padding-left:14px; background:url('../../resources/img_app/dot01.png') no-repeat 0 8px; font-size:1.5rem;}

.spiritDetail ul{padding:0 20px;}
.spiritDetail dl{padding-left:0; min-height:auto; padding-top:75px;}
.spiritDetail dt{color:#333333; padding:13px 0;}

.spiritDetail dl.spirit01{background:url('../../resources/img_app/spirit01.png') no-repeat center 0;}
.spiritDetail dl.spirit02{background:url('../../resources/img_app/spirit02.png') no-repeat center 0;}
.spiritDetail dl.spirit03{background:url('../../resources/img_app/spirit03.png') no-repeat center 0;}
.spiritDetail dl.spirit04{background:url('../../resources/img_app/spirit04.png') no-repeat center 0;}
.spiritDetail dl.spirit05{background:url('../../resources/img_app/spirit05.png') no-repeat center 0;}


.principlesDetail ul{display:block; width:80%; margin:0 auto; }
.principlesDetail ul li{display:block; width:100%; text-align:left; vertical-align:top; background:none; margin-bottom:40px;}
.principlesDetail dl{padding-top:0; padding-left:100px; display:inline-block; width:100%; text-align:left; min-height:68px; }
.principlesDetail dt{display:block; margin-top:10px;}
.principlesDetail dd{display:block; margin-top:10px; line-height:20px;}

.principlesDetail dd p{display:inline-block;}

.principlesDetail ul li:first-child{background:none;}
.principlesDetail ul li:last-child{background:none;}

.principlesDetail dl.principles01{background:url('../../resources/img_app/principles01.png') no-repeat 0 0; background-size:68px 68px;}
.principlesDetail dl.principles02{background:url('../../resources/img_app/principles02.png') no-repeat 0 0; background-size:68px 68px;}
.principlesDetail dl.principles03{background:url('../../resources/img_app/principles03.png') no-repeat 0 0; background-size:68px 68px;}
.principlesDetail dl.principles04{background:url('../../resources/img_app/principles04.png') no-repeat 0 0; background-size:68px 68px;}
.principlesDetail dl.principles05{background:url('../../resources/img_app/principles05.png') no-repeat 0 0; background-size:68px 68px;}

.businessList{overflow:hidden; padding:4rem 0 2rem;}
.businessLeft {width:100%; float:none;}
.businessLeft p{font-size:1.5rem; color:#555555; line-height:2.4rem;}
.businessRight {width:100%; float:none;}
.businessRight p{font-size:1.5rem; color:#555555; line-height:2.4rem;}
.businessLeft.bizRight{float:none;}
.businessRight.bizRight{float:none; margin-top:40px;}

.biz01{float:none; text-align:center; width:100%; height:228px;}
.bgWhite{background:#ffffff;}

.bizTitle{min-width:auto; text-align:left; border-radius:0; padding:0; margin:0 0 1rem 0; border:none; background:transparent; color:#212020; font-size:2.3rem;}

.lsi01{height:220px; background:url('../../resources/img_app/lsi01.png') no-repeat center center;}
.lsi02{height:220px; background:url('../../resources/img_app/lsi02.png') no-repeat center center;}
.lsi03{height:220px; background:url('../../resources/img_app/lsi03.png') no-repeat center center;}
.lsi04{height:220px; background:url('../../resources/img_app/lsi04.png') no-repeat center center;}
.lsi05{height:220px; background:url('../../resources/img_app/lsi05.png') no-repeat center center;}

.TabType01{display:none;}

.tabTitle{display:block;}
.tabTitle a{display:block; color:#8c8c8c; font-size:1.8rem; padding:20px 25px; font-weight:500; text-transform:uppercase; border-bottom:2px solid #ebebeb; background:url('../../resources/img_app/tabBlt.png') no-repeat 95% center;}

.goalsArea{display:block;}
.PhilosophyTab .tabConAreaDetail.active .tabTitle a{border-bottom:2px solid #35a5c9; color:#141414; background:url('../../resources/img_app/tabBlt_on.png') no-repeat 95% center;}
#businessContent .business_view.active .tabTitle a{border-bottom:2px solid #35a5c9; color:#141414; background:url('../../resources/img_app/tabBlt_on.png') no-repeat 95% center;}
.NewsTab .tabConAreaDetail.active .tabTitle a{border-bottom:2px solid #35a5c9; color:#141414; background:url('../../resources/img_app/tabBlt_on.png') no-repeat 95% center;}

.PhilosophyTab .tabConAreaDetail.active .goalsArea{display:block; padding:3rem 0 0; border-bottom:2px solid #ebebeb;} 

.NewsTab .tabConAreaDetail .newsListView{display:none;} 
.NewsTab .tabConAreaDetail.active .newsListView{display:block; padding:3rem 0 0; border-bottom:2px solid #ebebeb;} 

.ourCultureTab .tabConAreaDetail .ourCulture{display:none;} 
.ourCultureTab .tabConAreaDetail.active .ourCulture{display:block; padding:3rem 0 0; border-bottom:2px solid #ebebeb;} 
.ourCultureTab .tabConAreaDetail.active .tabTitle a{border-bottom:2px solid #35a5c9; color:#141414; background:url('../../resources/img_app/tabBlt_on.png') no-repeat 95% center;}



.tabConArea .tabConAreaDetail {display:block; padding-top:0rem; }


.businessList{display:block;}

.subContent .overviewDetail{display:block;}
.subContent.active .overviewDetail{display:block;}


.subTitle02{font-size:24px;}
.subTitle02 span{font-size:14px;}

.goalsArea h4{font-size:22px;}
.goalsArea > p{font-size:14px;}

.awardsDetail ul li dd{font-size:14px;}

.presidentDetail p{font-size:15px;}
.txt01 p{font-size:18px;}
.messageTxt{font-size:15px;}
.messageTxt02 p{font-size:18px; padding: 4rem 0 0rem;}

.businessMovieWrap{width:80%; margin:5rem auto 0rem;}
#businessContent{padding-bottom:6rem;}
#businessContent .subConView{padding:0 3rem 0;}
.overviewDetail h2{display:none;}

.NaviQuick {display:none;}

.sustainabilityTitle{float:none; width:100%; text-align:center;}
.sustainabilityView{float:none; width:100%;}


.sustainabilityTitle h2{position:relative; display:inline-block; font-size:30px; color:#0a0a0a;  font-weight:200; text-align:center; line-height:40px}
.sustainabilityTitle h2 span{display:block; }
.sustainabilityTitle h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:50%; margin-left:-38px; background:#35a5c9;}
.sustainabilityTitle p{font-size:15px; color:#555555;  margin-top:2.5rem; line-height:20px; padding-right:0; text-align:center;}


.subTitle04{font-size:17px; line-height:24px; color:#ffffff; padding:10px 30px; text-align:center;}
.subTitle04 span{display:block; font-size:14px; line-height:20px; margin-top:10px;}
.subTitle04 span em{display:inline-block;}
.sustainfuture ul{display:table;}
.sustainfuture ul li{display:table-cell;}
.sustainfuture ul dd{font-size:14px;}
.sustainfuture ul dd span em{display:block;}

.meaningfulDetail ul{overflow:hidden; margin:4.5rem 0 0;}
.meaningfulDetail ul li{float:none; width:100%; margin-bottom:50px}
.meaningfulDetail ul li:first-child{border-left:none;}
.meaningfulDetail ul li dl {padding:0 15px;}
.meaningfulDetail ul li dt{width:100%; margin:25px 0 10px}
.meaningfulDetail ul li dd{font-size:14px; padding:0;}
.meaningfulDetail ul li dl h5{display:block; text-indent:-5000px; height:250px;}

.subTitleArea.right h2{position:relative; font-size:3.6rem;  font-weight:200; text-align:center; padding-bottom:1rem; line-height:3.6rem; text-transform:uppercase;}
.subTitleArea.right h2 span{display:inline-block;  line-height:3.6rem}
.subTitleArea.right h2:before{content:"";width:76px; height:4px; position:absolute; bottom:0px; left:50%; right:auto; margin-left:-38px; background:#35a5c9;}

.approachArea{background:none;}

.meaningfulDetail02{margin-top:40px; text-align:center; width:100%; float:none; line-height:2.6rem;}
.txtCon01{font-size:18px;}
.txtCon02{font-size:14px; margin-top:30px; line-height:22px;}

.reportDetail{overflow:hidden; margin-top:40px;}
.reportDetailL{float:none; width:100%;}
.reportDetailL p{font-size:14px;padding:0; text-align:center;}
.reportDetailR{float:none; width:100%; margin-top:30px;}
.reportDetailR ul{padding:30px 45px;}
.reportDetailR li{padding-top:16px;}
.reportDetailR li:first-child{padding-top:0;}

.reportDetailR{}
.reportDetailR dt{width:100%; float:none; color:#141414; font-size:2.1rem; font-weight:500; line-height:50px; text-align:center;}
.reportDetailR dd{width:180px; float:none; margin:0 auto;}
.reportDetailR dd .button{width:100%; color:#2a2a2a;}
.reportDetailR dd .downloadBtn{background:url('../../resources/img_app/downloadIco.png') no-repeat 90% center;}
.reportDetailR dd .downloadBtn:hover{background:url('../../resources/img_app/downloadIco_on.png') no-repeat 90% center #1699eb;}

.mainTitle{top:80px; padding:0 60px;}
.subVisual .visual01, .subVisual .visual02, .subVisual .visual03, .subVisual .visual04, .subVisual .visual05, .subVisual .visual06, .subVisual .visual07, .subVisual .visual08, .subVisual .visual09, .subVisual .visual10, .subVisual .visual11, .subVisual .visual12, .subVisual .visual13{height:304px;}


.peopleArea{padding:40px 0 0; overflow:hidden;}
.peopleImg{float:none; width:100%; height:280px;}
.peopleView{float:none; width:100%;}
.peopleDetail{width:100%; margin:0; padding-top:3rem; text-align:center;}
.people01{font-size:18px; }
.people02{font-size:15px; margin-top:30px; padding:0 30px;}



.subTitle05{font-size:18px; line-height:24px; padding:10px 20px; text-align:center; font-weight:500;}
.subTitle05 span{display:block; font-size:14px; margin-top:23px;}
.subTitle05 span em{display:block;}

.peopleDetail02 ul{overflow:hidden; margin:40px 0 0;}
.peopleDetail02 ul li{float:left; width:50%; background:none; margin-bottom:30px;}
.peopleDetail02 ul li:nth-child(even){background:url('../../resources/img_app/bar01.png') no-repeat left center;}
.peopleDetail02 ul.w30 li{float:left; width:33.3%; background:none;}
.peopleDetail02 ul li dt{font-size:35px;}
.peopleDetail02 ul li:last-child dt{font-size:20px;}
.peopleDetail02 ul li:last-child dt span{display:block; font-size:16px; }
.peopleDetail02 ul li dd{font-size:15px;}

.peopleDetail04 ul{overflow:hidden; margin:40px 0 0;}
.peopleDetail04 ul li{float:none; width:100%; padding:0 0; overflow:hidden;}
.peopleDetail04 ul li dl {margin-bottom:40px;}
.peopleDetail04 ul li dl .thumbImg{width:100%; height:auto;}
.peopleDetail04 ul li dl .thumbImg img{width:100%; height:100%;}
.peopleDetail04 ul li dt{font-size:22px; margin:30px 0 20px; line-height:3rem; padding:0 15px;}
.peopleDetail04 ul li dd{font-size:15px; padding:0 15px;}
.peopleDetail04 ul li dd .thumbTxt{height:auto; overflow:hidden; margin-bottom:20px;}

.NewsList{margin-top:20px;}
.NewsList .tabConArea .tabConAreaDetail {padding-top:0.2rem;}
.newsDetail ul{overflow:hidden; margin:0 0 0;}
.newsDetail ul li{float:none; width:100%; padding:0 0; overflow:hidden;}
.newsDetail ul li dl {margin-bottom:20px;}
.newsDetail ul li dl .thumbImg{width:100%; height:100%;}
.newsDetail ul li dl .thumbImg img{width:100%; height:100%;}
.newsDetail ul li dt{margin:35px 0 25px;  padding:0 15px; height:auto; overflow:hidden;}
.newsDetail ul li dt em{display:block; font-size:16px; color:#3e3e3e;  margin-bottom:12px;}
.newsDetail ul li dt span{font-size:22px; color:#2c2c2c;   line-height:3rem;}
.newsDetail ul li dd{font-size:15px; padding:0 15px;}
.newsDetail ul li dd .thumbTxt{height:auto; overflow:hidden; margin-bottom:20px;}

.noticeDetailView{width:100%; margin:0; margin-top:2.5rem;}

.detailTitle{font-size:20px; line-height:24px;}
.detailTitle em{font-size:14px;}

.noticeDetailView .actions span{display:block; text-align:left; padding:3px 15px; border-radius:30px; margin: 0 1px 3px; background:#fff; color:#58b1c0; border:1px solid #58b1c0; font-size:14px;}


.viewBtn{overflow:hidden; margin-top:15px; text-align:center;}
.viewBtnL{float:none; margin-bottom:5px;}
.viewBtnR{float:none;}
.viewBtnL a, .viewBtnR a{display:inline-block; width:60%;}
.viewBtnL .btn_type06 i{padding-left:80px}

.nextPrevious {margin-top:65px;}
.nextPrevious ul{overflow:hidden;}
.nextPrevious ul li{float:none; width:100%; margin-bottom:7px;}

.societyArea{padding:40px 0 0; overflow:hidden;}
.society01{width:100%; margin:0 auto;}
.societyVisualImg01{width:100%; margin:0 auto; height:175px;}

.society01 dl{display:inline-block; margin:30px auto 50px; background:url('../../resources/img_app/awardsImg01.png') no-repeat center 0;  padding:95px 0 0 0; padding-left:0; text-transform:uppercase; text-align:center;}
.society01 dt{font-size:20px;}
.society01 dd{font-size:15px;}
.societyTxt{font-size:16px; line-height:2.6rem;}

.peopleDetail02 ul{overflow:hidden; margin:40px 20px 0;; text-align:center;}
.peopleDetail02 ul.w30 li{float:none; width:100%; background:none; padding:0 0; text-align:center;}
.peopleDetail02 ul.w30 li dl{text-align:center;}
.peopleDetail02 ul.w30 li dt{font-size:32px; line-height:40px; height:auto;}
.peopleDetail02 ul.w30 li:last-child dt{font-size:32px;}

.environmentImg{position:relative; float:none; width:100%; height:280px;}
.earthTitle{font-size:2.8rem; color:#2a2a2a; font-weight:500; line-height:2.6rem; margin-bottom:20px;}
.people03{font-size:1.7rem; color:#2a2a2a;  line-height:2.6rem;}

.foundingMem{position:absolute; top:50%; margin-top:-59px; height:auto; width:100%; background:rgba(0,0,0,.6);}
.foundingMem dl{width:90%; margin:20px auto; background-size:68px; padding:15px 0; padding-left:80px; text-transform:uppercase; min-height:68px;}
.foundingMem dt{font-size:17px;}
.foundingMem dd{font-size:14px;}

.subTitle06{font-size:28px; padding:20px 0 10px;}
.subTitle06 span{display:block; font-size:15px; margin-top:20px; line-height:20px;}
.subTitle06 em{display:block;}

.subTitle07{font-size:22px; padding:10px;}
.subTitle07 span{display:block; font-size:14px; margin-top:15px;}

.peopleDetail02 ul.w20{margin:40px 0 0;}
.peopleDetail02 ul.w20 li{float:left; width:50%; margin-bottom:30px; background:none;}
.peopleDetail02 ul.w20 li:nth-child(even){background:url('../../resources/img_app/bar01.png') no-repeat left center;}
.peopleDetail02 ul.w20 li:last-child dt{font-size:35px;}
.peopleDetail02 ul.w20 li dd{font-size:14px;}

.complianceArea01{padding:40px 0 0; overflow:hidden;}
.complianceImg01{position:relative; float:none; width:100%; height:300px; margin-top:25px;}
.complianceImg02{position:relative; float:none; width:100%; height:300px;}
.complianceView{width:100%;}
.complianceView.fl{float:none;}
.complianceView.fr{float:none;}
.complianceTitle{font-size:26px;}
.complianceTitle p{font-size:15px;}
.complianceTxt01{width:90%; margin:0 auto; font-size:15px;}

.practicesTitle h3{font-size:32px;}
.practicesTitle p{font-size:19px;}
.practicesView {width:90%; font-size:15px;}


.sustainfuture ul dt{display:inline-block; width:76px; height:76px; border-radius:100%;}

.searchVisualArea{position:absolute; width:100%; height:187px; background:#f5f5f5;}
.searchVisualArea .mainTitle p{display:block; font-size:1.6rem;  padding:0 50px;}
.nothingFound{width:100%; margin:0; padding:20px;}

.resultTitle{padding:0 0 22px 0;}
.resultDetail{border-bottom:1px solid #e0e0e0; padding:30px 0px 15px;}

.block{display:inline-block !important;}


.talentDetail ul li{float:none; width:100%; padding:20px 15px;}
.talentDetail ul li dl .thumbImg{width:100%; height:auto;}
.talentDetail ul li dd .thumbTxt{height:auto;}


.workingImg{float:none; width:100%; height:288px; background:url('../../resources/img_app/workingImg.png') no-repeat 0 0; background-size:cover;}
.workingView{float:none; width:100%;}

.workingView .philosophyDetail{width:100%; margin:0; padding-top:10px; padding-left:0;}

.careerView .btnArea a{display:block; width:160px; margin:0 auto 10px;}

.careersTitle02{float:none; width:100%; padding:0; text-align:center;}
.careersTitle02 h2{font-size:3.2rem; text-align:center;}
.careersTitle02 h2:before{left:50%; margin-left:-38px;}
.careersTitle02 p{font-size:14px;  color:#252525;  margin-top:2rem;}
.careersView02{float:none; width:100%;}

.careersDetail02 ul{padding-top:30px;}
.careersDetail02 ul li{float:left; width:50%; text-align:center;}
.careersDetail02 ul li dt{float:none; display:inline-block;}
.careersDetail02 ul dd{float:none; font-size:1.8rem;  color:#252525; margin:5px 0 0 0;}
.subTitleArea02 h2{position:relative; font-size:3.2rem;}
.careerView p{font-size:16px;}

.subTitleArea h2 em{display:block;}
.sectionTitle{font-size:30px;}

.NewsList .sectionTitle{margin-top:50px;}


.ourTalentDetail{width:100%; margin:0; position:relative; min-height:auto; padding:4rem 2rem 0; text-align:center;}
.ourTalentDetail.careerview02{padding:4rem 2rem 0;}
.careerThumb01{position:relative; width:100%; text-align:center; left:0; bottom:0;}
.careerThumb01 img{width:250px;}
.careerThumb02 img{width:180px;}
.ourTalentDetailArea01{padding-left:0;}
.ourTalentDetailArea01 h2{font-size:30px; text-align:center;}
.ourTalentDiscript{font-size:15px;}
.ourTalentName{font-size:16px; margin-bottom:40px; text-align:center;}
.ourTalentName span{display:block; margin-left:0; margin-top:10px;}
.careerThumb02{position:relative; width:100%; text-align:center; left:0; bottom:0;}
.ourTalentDetailArea02{padding-right:0;}
.ourTalentDetailArea02 h2{font-size:30px; text-align:center;}


.internshipsImg01{float:none; width:100%; height:273px; background:url('../../resources/img_app/internshipsImg01.png') no-repeat center center; background-size:cover;}
.internshipsView01{float:none; width:100%; text-align:center;}
.internshipsDetail01{width:100%; margin:0 auto 30px; padding-top:3rem;}
.internshipsTitle01{font-size:3.2rem; color:#0a0a0a;   line-height:2.6rem; margin-bottom:20px;}
.internshipsTxt02{font-size:1.5rem; color:#555555;}
 
.internshipsDetail01 .btn_type01{background-color: #ffffff;  border-color: #1699eb;  color: #1699eb;}

.subTitle09{font-size:28px; line-height:40px;}
.subTitle09 span{font-size:14px; line-height:22px;}

.opportunities{display:none;}


.oppDetail ul{overflow:hidden; margin-top:30px;}
.oppDetail ul li{margin-bottom:50px; text-align:center;}
.oppDetail ul li:last-child{margin-bottom:0px;}
.oppDetail ul li dt{padding-top:80px;}
.oppDetail ul li dd{font-size:15px; color:#666666;}

.oppDetail ul li dt.opp01{background:url('../../resources/img_app/opp01.png') no-repeat center 0;}
.oppDetail ul li dt.opp02{background:url('../../resources/img_app/opp02.png') no-repeat center 0;}
.oppDetail ul li dt.opp03{background:url('../../resources/img_app/opp03.png') no-repeat center 0;}
.oppDetail ul li dt.opp04{background:url('../../resources/img_app/opp04.png') no-repeat center 0;}
.oppDetail ul li dt.opp05{background:url('../../resources/img_app/opp05.png') no-repeat center 0;}

.subTitle10{font-size:2.4rem;}

.ourCultureView{margin-top:40px;}
.ourCultureView ul{overflow:hidden; margin-left:0;}
.ourCultureView li{float:none; width:100%; padding-left:0; margin-bottom:30px;}
.ourCultureDetail{border:1px solid #e0e0e0; padding:30px; height:auto;}
.ourCultureTxt{color:#666666; font-size:14px; text-align:center;}

.ourCulture h4{font-size:28px; margin-top:20px;}

.internshipsArea{padding:0 0 0; overflow:hidden; text-align:center;}
.internshipsImg{float:none; width:100%; height:215px;}
.internshipsView{float:none; width:100%;}
.internshipsDetail{width:100%; margin:0; padding:2rem 0 2rem;}

.internshipsTitle{font-size:2.4rem;}
.internshipsTxt01 .subTitle08{font-size:24px;}
.internshipsTxt01 .subTitle08 span{display:block; font-size:16px; padding:13px 0 50px; color:#555555;}
.benefitsTitle {font-size:24px;}


.benefitsView{margin-top:20px;}
.benefitsView > ul{overflow:hidden; margin-bottom:0; text-align:center;}
.benefitsView > ul > li{float:none; width:100%; height:auto; padding:30px 0; border-bottom:1px solid #e7e7e7; border-left:none;}

.benefitsView > ul > li:first-child{border-left:none;  border-bottom:1px solid #e7e7e7;}
.benefitsView dt{display:block; font-size:20px; margin-bottom:15px; padding-top:85px; background-position:center 0 !important;}
.benefitsView dd li{padding-left:0; background:none;}

.benefitsView dt.benefits01{background:url('../../resources/img_app/benefits01.png') no-repeat; }
.benefitsView dt.benefits02{background:url('../../resources/img_app/benefits02.png') no-repeat; }
.benefitsView dt.benefits03{background:url('../../resources/img_app/benefits03.png') no-repeat; }
.benefitsView dt.benefits04{background:url('../../resources/img_app/benefits04.png') no-repeat; }
.benefitsView dt.benefits05{background:url('../../resources/img_app/benefits05.png') no-repeat; }
.benefitsView dt.benefits06{background:url('../../resources/img_app/benefits06.png') no-repeat; }
.benefitsView dt.benefits07{background:url('../../resources/img_app/benefits07.png') no-repeat; }
.benefitsView dt.benefits08{background:url('../../resources/img_app/benefits08.png') no-repeat; }


.subConView.subConView01{padding-top:0px;}
.internshipsTxt01{margin-top:20px;}

.privacyView h2{font-size:20px;}
.privacyCon {margin-top:30px; font-size:14px;}

.sitemapView{overflow:hidden; padding-bottom:0;}
.sitemapCon{float:none; width:100%; border-left:none; padding-left:0; height:auto; border-bottom:1px solid #c3c3c3; padding-top:35px; padding-bottom:35px; padding-left:20px;}
.sitemapView .sitemapCon:first-child{border-left:none; padding-top:0;}
.sitemapView .sitemapCon:last-child{border-left:none; border-bottom:none;}
.sitemapCon h3{margin-bottom:20px;}
.sitemapCon > ul > li > a{padding:5px 0;}
.sitemapCon > ul > li > ul{padding:15px 0;}


.contactArea{margin:70px 0 25px;}
.contactArea ul{overflow:hidden;}
.contactArea ul li{float:none; width:100%; border-left:none; padding-left:50px; border-top:1px solid #c3c3c3; padding-top:35px; padding-bottom:35px;}
.contactArea ul li:first-child{border-left:none; border-top:none; padding-top:0;}
.contactArea dl{font-size:15px; color:#555555;  line-height:28px; padding-left:70px; padding-top:0; text-align:left;}
.contactArea dl.contact01{background:url('../../resources/img_app/contact01.png') no-repeat 0 center;}
.contactArea dl.contact02{background:url('../../resources/img_app/contact02.png') no-repeat 0 center;}
.contactArea dl.contact03{background:url('../../resources/img_app/contact03.png') no-repeat 0 center;}
.contactArea dd a{border-bottom:1px solid #8b8b8b;}


.ourApproach ul li{position:relative; float:none; width:100%; margin-bottom:20px;}
.conMainArea .subTxt{font-size:18px; padding:0 0}
.conMainArea h2.conMainTitle01{font-size:34px;}
.ourCommitmentArea{padding:45px 0 400px; background:url('../../resources/img_app/presidentImg01.png') no-repeat center bottom; background-size:230px;}
.ourCommitmentDetail{width:100%;}
.ourCommitment h2.conMainTitle02{font-size:34px; text-align:center;}
.ourCommitment .subTxt02{font-size:20px; text-align:center; margin-top:40px;}
.ourCommitment .subTxt03{font-size:20px; text-align:center; margin-top:40px; line-height:28px;}
.ourCommitment .subTxt03 span{display:block; }

.mainFooterMap{float:none; width:100%;}
.mainFooterSearch{float:none; width:100%; margin-top:30px;}

.footerMapCon{float:left; width:50%; padding-left:0;}
.footerMapCon:last-child{height:auto;}
.footerMap .footerMapCon:first-child{padding-left:0;}
.footerMapCon h3{margin-bottom:18px; margin-top:10px;}
.footerMapCon h3 a{font-size:15px;}
.footerMapCon > ul > li{padding-bottom:6px;}
.footerMapCon > ul > li > a{font-size:13px;}
.footerRight{float:none; width:100%;}

.snsArea{float:none; overflow:hidden; margin-left:0; margin-top:20px}
.snsArea h4{float:left; margin-top:9px; margin-right:22px;}
.snsArea ul{float:left; }
.snsArea li{float:left; margin-left:9px;}
.snsArea li a{display:block; width:29px; height:29px; border-radius:21px; text-align:center;}
.snsArea li.facebook a{background:#385095;}
.snsArea li.twitter a{background:#43bcee;}
.snsArea li.linkedin a{background:#006699;}
.snsArea li a i{font-size:1.6rem; color:#ffffff;  line-height:29px;}

.footerQuickInfo{float:none;}
.relation01{float:none; margin-top:10px; width:200px;}
.relation01 .familySite{text-align:left;}
.relation01 .site_list {right:auto; left:0; bottom:25px;}
.ourApproach ul li dl {padding:100px 70px 0;}
.footerInfoDetail{padding:28px 0;}

#mainSlider ul.imgList li{position:relative; height:300px;}
.join-step{display:none;}
.id-search{margin-top:0;}
.id-search ul li{float:none; width:100%;}
.id-search ul li + li{margin-left:0;}
.id-search{width:100%;}
.content_text_area{text-align:left;}
.id-search .content_text_area{padding:0 20px;}
.id-search .membershipDetail02{height:auto;}

.allMenu .menuD .list .oneD{float:none; width:100%;}
.allMenu .menuD .list .menuD{float:none; width:100%; margin-top:20px;}
.allMenu .menuD .list:first-child{margin-top:40px;}

.kpreLogin{width:100%; margin:0;}
.mainLoginLeft{display:none;}
.mainLoginRight{float:none; width:100%; height:auto;}
.loginArea{width:100%; padding:20px 40px;}

.loginInput{padding-top:0;}

#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul{margin-top:0; padding-bottom:10px;}

.mHidden{display:none;}
.msize{width:30% !important;}
.board_top01 .row{margin-right:0; margin-left:0;}
.board_top01 .row .col-sm-4{padding-right:0; padding-left:0;}
.board_top01 .row .col-sm-8{padding-right:0; padding-left:0;}
.mainListArea{float:none; width:100%; margin-bottom:10px;}
.mainListArea a{margin-left:0;}
.cardTitle{font-size:20px;}
.mainTabList .imgArea{position:relative; width:100%; height:300px;}
.mainTabListTxt{padding:10px 0;}
.mainListArea .imgArea{height:300px;}
.mainListTxt{height:auto;}
.mainVisual, .mainVisualImg{width:100%; height:200px; background-size:cover;}
.mainVisualSlide .swiper-slide{
    text-align: center;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: inline-block;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-box-align: left;
    -ms-flex-align: left;
    -webkit-align-items: left;
    align-items: left;
    width: 100%;
}


}

@media screen and (max-width:640px) {
.noticeTab .noticeTabArea li a{font-size:13px; padding: 17px 8px 12px;}
.listDetail li{float:none; width:100%; }
.listDetail li h3{height:auto;}
.listDetail li .listContent{height:auto;}
.listDate p{font-size:1.3rem; margin-top:5px;}
.listDetail li h3{line-height:22px;}


.notice-listsSub ul li {float:none; width:100%;}
.notice-listsSub ul li a{margin:15px 0;}
.notice-listsSub ul li.normal-notice .cont-box .txt{height:auto;}
.notice-listsSub ul li.normal-notice .cont-box .date{margin-top:15px;}
.careersDetail ul li{float:left; width:50%; text-align:center; opacity: 0.7; margin-bottom:10px;}
.careersDetail ul dd{width:100%;}

#mainSlider .bx-controls-direction a {width:14px;}
.mainQuickView ul li{padding:3rem 0}
.reportDetailR dd{width:150px;}
.viewBtnL a, .viewBtnR a{display:inline-block; width:40%;}
.viewBtnL .btn_type06 i{padding-left:80px}
.keywordSearchInput{width:75%;}
.keywordSearchBtn{width:25%;}
.nothingFound .keywordSearchInput{width:75%;}
.nothingFound .keywordSearchBtn{width:25%;}
.keywordSearchInput .dropdown-menu{min-width:auto;}
.searchVisualArea .mainTitle p{padding:0;}
.contactArea ul li{padding-left:0;}
.map {height:350px}


.mainQuickView ul li{float:none; width:100%; border-top:1px solid #e5e5e5; border-left:none; padding:3.5rem 0}
.mainQuickView ul li:first-child{border-left:none; border-top:none;}

.mainCardList li{height:auto;}
.mainCardList li .mainCardCon img{width:100%; height:100%;}

.allSearch{position:relative; left:0; top:0; margin-top:15px;}
.artSearchList{padding:10px 20px;}

}

@media screen and (max-width:480px) {
.galleryImg{width:100%;}
.galleryImg img{width:100%; height:100%}
.mainListTag{height:auto;}
.mainListArea .imgArea{height:217px;}
.mainTabList .imgArea{height:217px;}

}