@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/sweetalert/sweetalert.css");
@import url("plugins/datapicker/datepicker3.css");
@import url("jquery.bxslider.css");
@import url("header.css");


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:1.1;}

body{
	margin:0;
	padding:0;
	border:0;
	line-height:2rem;
	color:#333333;
	font-size: 1.4rem;
	font-family:'SUITE', 'SamsungOne', 'Roboto', "Noto Sans KR", nanum, "나눔고딕", "맑은고딕", "Malgun Gothic", "돋움", Dotum, Shruti, Arial;
	background:#ffffff;
	font-weight:400;
	 -ms-word-break: keep-all;
		word-break: keep-all;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
	letter-spacing:0;
}

.respondImg{max-width:100%;}

::-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; }


a {
    color: #333;
    text-decoration: none;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {letter-spacing:0px !important;}

.info-user{padding-left:15px !important;}


.main_img_bg01{background:#1baae2;}
.main_img_bg02{background:#e2e8eb;}
.main_img_list{max-width:1200px; margin:0 auto;}

.web-img{display:block;}
.mobile-img{display:none;}




/* ======================== 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; } } */

.mainFooter{margin:0 auto;} /* max-width:1920px; 제거 */
.systemInfo{position:absolute; top:7px; left:16px;}
.systemInfo h2{display:block; width:130px; height:32px; text-indent:-5000px; background:url('../../resources/img_app/logo.svg') no-repeat 0 center;	background-size:130px;}
.mInfoArea01{overflow:hidden; padding-top:15px; text-align:center;}
.mInfoArea01 p{font-size:1.5rem; color:#333; line-height:120%;}
.mInfoArea01 em{font-size:1.5rem; color:#2f9544;}
.mInfoArea01 span{display:block;}

.mInfoArea01 ul{overflow:hidden; position:relative; margin-top:10px;}
.mInfoArea01 ul li{display:inline-block;}
.mInfoArea01 ul li a{padding:1px 10px; font-size:1.5rem; border-radius:20px; width:auto !important;  height:auto !important;}
.mInfoArea01 ul li.mInfoUtil01 a{border:1px solid #e1e1e1; color:#000;}
.mInfoArea01 ul li.mInfoUtil02 a{background:#2f9544; margin-left:3px; color:#fff;}

.footer-location-box{display:none;}


.form-group{margin-bottom:4px;}
.mBtn{display:none;}
.stanceArea ul:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.stanceArea ul{margin-right:-5px;}
.stanceArea li{float:left; width:50%;}
.stanceArea li dl{padding:20px; border:1px solid #eee; margin:5px 5px 5px 0; height:200px; }
.stanceArea dt{font-size:20px; color:#000; margin-bottom:20px; font-weight:500;}
.stanceArea dd{font-size:14px; margin-top:5px; padding-left:14px; background:url('../../resources/img_app/dot01.png') no-repeat 0 8px;}
.stanceArea li dl.stance01{background:url('../../resources/img_app/stance01.png') no-repeat 95% 20px; background-size:50px;}
.stanceArea li dl.stance02{background:url('../../resources/img_app/stance02.png') no-repeat 95% 20px; background-size:50px;}
.stanceArea li dl.stance03{background:url('../../resources/img_app/stance03.png') no-repeat 95% 20px; background-size:50px;}
.stanceArea li dl.stance04{background:url('../../resources/img_app/stance04.png') no-repeat 95% 20px; background-size:50px;}
.stanceArea li dl.stance05{background:url('../../resources/img_app/stance05.png') no-repeat 95% 20px; background-size:50px;}
.stanceArea li dl.stance06{background:url('../../resources/img_app/stance06.png') no-repeat 95% 20px; background-size:50px;}

.exhibitionArea{margin-top:20px;}
.exhibitionArea ul{border-top:1px solid #eee; }
.exhibitionArea ul:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.exhibitionArea li dl{padding:15px 0; border-bottom:1px solid #eee; overflow:hidden;}
.exhibitionArea dt{float:left; width:15%; font-size:18px; color:#000; font-weight:500;}
.exhibitionArea dd{float:left; width:85%; font-size:16px;}

.exhibitionArea01{margin-top:20px;}
.exhibitionArea01 ul{background:#f9f9f9; padding:30px;}
.exhibitionArea01 ul:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.exhibitionArea01 li{font-size:14px; margin-top:10px; padding-left:14px; background:url('../../resources/img_app/dot01.png') no-repeat 0 8px;}


.exItem{position:relative;}
.exItem:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.exItemList {float:left; width:50%; height:770px; margin-left:-1px; border:1px solid #eee; padding:40px; background:#ffffff;}
.exItemList:first-child {margin-left:0;}
.exhibitionArea02{margin-top:20px;}
.exhibitionArea02 ul{}
.exhibitionArea02 ul:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.exhibitionArea02 li dl{padding:15px 0; border-top:1px solid #eee; overflow:hidden;}
.exhibitionArea02 dt{font-size:15px; color:#000; font-weight:500;}
.exhibitionArea02 dd{ margin-top:10px;}

.exhibitionArea03{margin-top:0;}
.exhibitionArea03 ul:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.exhibitionArea03 li{padding:30px; border:1px solid #eee; border-top:1px solid #006ac7; margin-bottom:-1px;}
.exhibitionArea03 li:first-child{border-top:1px solid #eee;}
/* .exhibitionArea03 li:nth-child(even){background:#f9f9f9;} */
.exhibitionArea03 li h3{font-size:20px; color:#000; padding-bottom:10px;}

.exhibitionArea03.exhibitionAreaList li h3{font-size:18px; color:#fff; background:#25903c; padding:7px 15px; margin:20px 40px 0;}

.exhibitionArea03 li dl{padding:10px 0; border-top:1px solid #eee; overflow:hidden;}
.exhibitionArea03 li dl:last-child{padding-bottom:0;}
.exhibitionArea03 dt{font-size:15px; color:#25903c; font-weight:500;}
.exhibitionArea03 dd{ margin-top:5px;}

.exhibitionArea03.exhibitionAreaList li{padding:0; border:1px solid #eee; margin-bottom:-1px;}
.exhibitionLy:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.exhibitionL{float:left; width:50%; padding:0 40px;}
.exhibitionR{float:left; width:50%; padding:0 40px;}
.exhibitionR dl > dd > a{font-size:15px; color:#ff8400;}

.exhibitionArea03.exhibitionAreaList li dl{padding:10px 0; overflow:hidden;}
.exhibitionArea03.exhibitionAreaList li .exhibitionL dl:first-child, .exhibitionArea03.exhibitionAreaList li .exhibitionR dl:first-child{border-top:none;}

.exhibitionArea03.exhibitionAreaList .exhibitionLy{padding:20px 0;}

.exhibitionOrder{margin-bottom:10px;}
.exhibitionOrder p{margin-bottom:5px;}

.exhibitionSum{margin-top:20px; overflow:hidden;}
.exhibitionSum p{float:left; width:50%;}
.exhibitionNum{font-size:24px; color:#ff8400; text-align:right;}

.exhibitionSum01{margin-top:20px;}
.exhibitionSum01 ul:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.exhibitionSum01 ul li{float:left; width:33.4%; border:1px solid #e8e8e8; margin-left:-1px;}
/* .exhibitionSum01 ul li:first-child{margin-left:0;}  pys 20200902*/
.exhibitionSum01 ul li:first-child{margin-left:-1px;}
.exhibitionSum01 ul li dl{padding:20px 30px;}
.exhibitionSum01 ul li dt{color:#aaa;}
.exhibitionSum01 ul li dd{color:#000; font-size:20px; text-align:right; margin-top:10px;}
.exhibitionSum01 ul li.exSum{border:1px solid #ff8400;}
.exhibitionSum01 ul li.exSum dl{background:#ff8400;}
.exhibitionSum01 ul li.exSum dl dt{color:#fff;}
.exhibitionSum01 ul li.exSum dl dd{color:#fff;}

.exInfo{margin-top:0;}
.exInfo p{color:#000; font-size:14px; padding-left:12px; background:url('../../resources/img_app/dot01.png') no-repeat 0 6px; margin-bottom:5px;}
.exInfo h3{position:relative; display:inline-block; color:#25903c; font-size:18px; margin-top:10px; margin-bottom:20px; padding-bottom:10px; }
.exInfo h3:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#25903c;}

.descriptInfo{ color:#ff8400; margin-top:5px;}
.descriptInfo01{ display:inline-block; font-size:14px; color:#666; margin-top:0; margin-left:20px;}


.exhibitionCompany{border:1px solid #e8e8e8; padding:20px; text-align:center; background:#f9f9f9; margin-bottom:20px; overflow: auto; word-break: break-all;}
.exhibitionCompany h3{font-size:24px; color:#000; margin:20px 0;}
.exhibitionCompany01{margin:20px 0;}
.exhibitionCompany01 ul{overflow:hidden;}
.exhibitionCompany01 ul li{display:inline-block; margin:0 20px;}
.exhibitionCompany01 ul li dt{display:inline-block; font-size:14px; color:#aaa;}
.exhibitionCompany01 ul li dd{display:inline-block; font-size:16px; color:#000; margin-left:10px;}

.exhibitionCompany02{margin:20px 0 0;}
.exhibitionCompany02 ul{overflow:hidden;}
.exhibitionCompany02 ul li dl{border:1px solid #e8e8e8; background:#ffffff; padding:20px 30px; height:230px;}
.exhibitionCompany02 ul li dt{position:relative; color:#666; font-size:15px; padding-bottom:10px; margin-bottom:20px;}
.exhibitionCompany02 ul li dt:after{content:''; position:absolute; width:30px; left:50%; bottom:0; margin-left:-15px; height:1px; background:#25903c;}
.exhibitionCompany02 ul li dd{font-size:16px; color:#000; line-height:130%;}
.exhibitionCompany02 ul li{position:relative; float:left; width:50%; padding:5px; text-align:center;}
.exhibitionCompany02 ul li.exhibitionBlock{clear:both; width:100%;}
.exhibitionCompany02 ul li.exhibitionBlock dl{border:1px solid #e8e8e8; background:#ffffff; padding:30px; height:auto;}

.licenseeArea{margin-top:10px;  color:#777; text-align:left; line-height:20px;}
.licenseeArea .fileName01 a{color:#ff8400; display:inline-block; border-bottom:1px solid #ff8400; padding-bottom:2px; margin:10px 0;}

.boothImg{margin-top:10px;}
.boothImg ul{border:1px solid #eee;}
.boothImg ul:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.boothImg li{float:left; width:50%; padding:30px; border-left:1px solid #eee;}
.boothImg li:first-child{border-left:none;}
.boothImg li h3{font-size:16px; color:#000; padding-bottom:10px;}
.boothImg .boothImgArea{width:100%;} 
.boothImg .boothImgArea img{width:100%;} 

.requestStep {position:relative;}
.requestStep ul{background:#fff; border:1px solid #e8e8e8; overflow:hidden; display:table; width:100%;}
.requestStep ul > li{display:table-cell; width:16.6%; text-align:center; border-left:1px solid #e8e8e8; padding:20px 0;}
.requestStep ul > li:first-child{border-left:none;}
.requestStep ul > li > div .nums{display:block;  margin-bottom:10px; color:#25903c; }
.requestStep ul > li > div .state{display:block;  font-weight:500; letter-spacing:-1px;}
.requestStep ul > li > div .state em{display:block;}
.requestStep ul > li > div .state em a{color:#ff8400;}
.requestStep ul > li.active > div .nums{color:#fff;}


/* 찾아오시는길 */
div.map-wrap {padding:0; position:relative; background:#fff; border:1px solid #ddd;}
div.map-wrap2 {padding:50px;position:relative;background:#fff; border:1px solid #ddd; margin-top:20px;}

.contentMap img{width:100%;}
.root_daum_roughmap {width: 100%;}

div.map-wrap h2.h2-map {font-size:25px; color:#fff;}
.mapInfo{position:absolute; left:0; top:0; padding:30px; width:250px; height:100%; background:rgba(1,72,35,0.8)/* rgba(37, 144, 60, 0.8) */;}
dl.address-area {margin-top:65px;}
dl.address-area dt {margin-bottom:10px;font-size:16px;color:#fff; line-height:22px; font-weight:500;}
dl.address-area dd {margin-bottom:30px;font-size:14px;color:#fff;line-height:21px;}

.map-wrap2 .info-item{padding:24px 8px;}
.map-wrap2 .info-item.ic{padding:19px 8px !important;}
.map-wrap2 .info-item + .info-item{border-top:1px solid #dbdbdb;}
.map-wrap2 .info-tit{font-weight:500; font-size:16px; color:#000; margin-bottom:5px;}
.map-wrap2 .info-cont{margin-top:4px;font-size:14px;line-height:1.8;}
.map-wrap2 .subway-line2{color:#81bf48;}
.map-wrap2 .subway-line3{color:#fe5d10;}
.map-wrap2 .subway-line4{color:#2c9ede;}
.map-wrap2 .subway-line7{color:#697215;}
.map-wrap2 .subway-line9{color:#aa9872;}
.map-wrap2 .dtl-item{position:relative;overflow:hidden;}
.map-wrap2 .dtl-item + .dtl-item{margin-top:4px;}
.map-wrap2 .dtl-tit{position:absolute;top:3px;left:0;padding:3px 4px 4px 5px;min-width:25px;line-height:1;color:#fff;}
.map-wrap2 .dtl-tit.type01{background-color:#659ec9;}
.map-wrap2 .dtl-tit.type02{background-color:#3353a2;}
.map-wrap2 .dtl-tit.type03{background-color:#48922d;}
.map-wrap2 .dtl-tit.type04{background-color:#e0151d;}
.map-wrap2 .dtl-tit.type05{background-color:#aaaaaa;}
.map-wrap2 .dtl-cont{padding-left:40px;}
.info-cont strong{margin-right:20px;}
.moreDetail{color:#fff; display:inline-block; border-bottom:1px solid #fff; padding-bottom:3px;}
.moreDetail:hover{color:#ff8400; border-bottom:1px solid #ff8400;}

.moreDetail01{color:#ff8400; display:inline-block; border-bottom:1px solid #ff8400; padding-bottom:3px;}
.moreDetail01:hover{color:#ff8400; border-bottom:1px solid #ff8400;}
.contBg{background:#f9f9f9; padding:20px;}
.infoT1{margin-bottom:5px;}
.infoT2{ margin-bottom:15px; color:#aaa; font-weight:400;}

.formInline.col-sm-1, .formInline.col-sm-2, .formInline.col-sm-3, .formInline.col-sm-4, .formInline.col-sm-5, .formInline.col-sm-6, .formInline.col-sm-7, .formInline.col-sm-8, .formInline.col-sm-9, .formInline.col-sm-10, .formInline.col-sm-11, .formInline.col-sm-12{float:left;}

.soTitle{font-size:14px; color:#2f9544; padding:5px 0 10px; display:inline-block; border-top:0px solid #000000;}
.qna-body.qna-reply{padding-left:30px; background:url('../../resources/img_app/replyImg.png') no-repeat 10px 0}

.boothArea{position:relative;}
.boothBtnArea{position:absolute; right:0; bottom:0; z-index:10;}
.boothBtnArea:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.boothBtnArea li{display:inline-block;}
.boothBtnArea .boothBtn{display:block; text-align:center; padding:15px; background:rgba(0, 0, 0, 0.5);}
.boothBtnArea li:first-child .boothBtn{background:rgba(0, 0, 0, 0.3);}
.boothBtnArea .boothBtn i{font-size:16px; color:#fff;}

.p-noti-list .btnArea{margin-top:10px;}
/*accordion*/

.accordion{width:100%; border:1px solid #e8e8e8}
.accordion > li{border-top:1px solid #e8e8e8; text-decoration:none}
.accordion > li:first-child{border-top:none}
.accordion > li .accordionView{position:relative; display:block; line-height:21px; padding:20px 20px 19px 20px; text-decoration:none}
/* 민수사용*/
.accordion > li .accordionView1{position:relative; display:block; line-height:21px; padding:15px 20px 20px 20px; text-decoration:none}
.accordion > li .accordionOpen{position:absolute;top:0;right:20px;width:13px;height:100%}
.accordion > li span.ico_open{display:block;position:absolute;width:13px;height:8px;top:50%;margin-top:-4px;background-position:-60px -66px}
.accordion > li.active span.ico_open{background-position:-80px -66px}
.accordion > li > div.accordionDetail{display:none; background:#f9f9f9; font-size:14px; border-top:1px solid #aaa; padding:40px 40px}
.faqDetail{word-break: break-all;}
.accordion > li.active > div.accordionDetail{display:block; }

.faqArea{overflow:hidden; cursor:pointer;}
.faqIndex{float:left; width:7%; color:#25903c}
.faqTitle01{float:left;  width:90%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.accordion > li.active .faqTitle01{color:#ff8400;}

.accordion .accordionDetail .conTxt01 {padding:20px; border-radius:0; letter-spacing:0; background:#ffffff; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);}

.accordion .accordionDetail .conTxt01 h6{font-size:15px;}

.ico{display:block;overflow:hidden;background:url("../../resources/img_app/spr_img.png") no-repeat;text-indent:-9999px;vertical-align:top}

.origin{margin-top:0px; padding:20px 0;  line-height:20px; border-top:0px dashed #e8e8e8; color:#a2a2a2;}
.guideSucess .origin{margin-top:0; border-top:none;}


/* 공지사항 목록 */
.p-noti-list{margin-top:15px;}
.p-noti-list .cm-tab-list li{width:20%;}
.p-noti-list .area-title{padding:70px 0 50px;}
.p-noti-list .srch-area{width:620px;height:54px;margin:0 auto 26px;font-size:0;border:3px solid #25903c;}
.p-noti-list .srch-area .inp-slct,
.p-noti-list .srch-area .inp-txt{display:inline-block;vertical-align:top;height:100%;line-height:100%;font-size:16px; border:0;}
.p-noti-list .srch-area .inp-slct{width:25%;margin:0;padding-left:20px; }
.p-noti-list .srch-area .inp-txt{width:60%;padding:0 10px;}
.p-noti-list .srch-area .btn-srch{text-align:right; width:15%; height:100%; background:transparent; padding-right:10px;}
.p-noti-list .srch-area .btn-srch:after{content:'';display:inline-block;  margin-top:8px; width:25px;height:24px;background:url('../../resources/img_app/sprite.png') -293px 0 no-repeat;}

.p-noti-list .srch-area .IOSbtn-srch{text-align:right; width:15%; height:100%; background:transparent; padding-right:10px;}
.p-noti-list .srch-area .IOSbtn-srch:after{content:'';display:inline-block;  margin-top:-10px; width:25px;height:24px;background:url('../../resources/img_app/sprite.png') -293px 0 no-repeat;}



.p-noti-list .list-info{margin-bottom:30px;font-size:18px;color:#000;text-align:center;}
.p-noti-list .list-info .num{color:#ff8400;}
/* .p-noti-list .noti-list{border-top:1px solid #e8e8e8;} */
.p-noti-list .noti-list li{position:relative;border:1px solid #e8e8e8; padding:15px 0; margin-bottom:-1px;}
.p-noti-list .noti-list li:nth-child(even){background:#f9f9f9;}
.p-noti-list .noti-list li:hover{z-index:11; border:1px solid #25903c; background:#fff; transition-duration:0.5s; -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);}
.p-noti-list .noti-list li a{display:block;padding-right:18px;font-size:0;}
.p-noti-list .noti-list li a:after{content:'';display:inline-block;vertical-align:middle;position:absolute;top:50%;right:15px;padding:3px;margin:-3px 3px 0 0;border:1px solid #000;border-width:0 1px 1px 0;transform:rotate(-45deg);}
.p-noti-list .noti-list .item-seq,
.p-noti-list .noti-list .item-tit,
.p-noti-list .noti-list .item-date,
.p-noti-list .noti-list .item-view{display:inline-block;vertical-align:middle;}
.p-noti-list .noti-list .item-seq{position:absolute; left:0; top:0; width:12%; line-height:82px;text-align:center;font-size:20px;color:#000; height:100%;}
.p-noti-list .noti-list .item-tit{width:90%; padding-left:14.5%;}
.p-noti-list .noti-list .item-tit strong{display:block; font-size:14px; color:#000; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.p-noti-list .noti-list .item-date{display:block; padding-left:14.5%; width:auto;color:#aaa; font-weight:400; margin-top:10px;}
.p-noti-list .noti-list .item-date em{margin-left:10px; padding:2px 10px; border-radius:20px; line-height:14px;}
.p-noti-list .noti-list .item-date em.color01{border:1px solid #539f53;}
.p-noti-list .noti-list .item-date em.color02{border:1px solid #aaaaaa; background:#fff;}
.p-noti-list .noti-list .item-view{width:8%;text-align:center;font-size:14px;color:#444;}
.p-noti-list .noti-list .item-view:before{content:'';display:inline-block;vertical-align:middle;width:17px;height:13px;margin-right:10px;background:url('../../resources/img_app/sprite.png') -374px -40px no-repeat;}



.login .login-area{display:table;width:100%;border:1px solid #e1e1e1;}
.login .login-area h3{font-size:23px;}
.login .login-wrap{display:table-cell;width:50%;overflow:hidden;padding:32px 50px 40px;border-right:1px solid #e1e1e1;vertical-align:top;}
.login .login-wrap .input-wrap{display:block;}
.login .login-area .input-wrap.placeholder .id,
.login .login-area .input-wrap.placeholder .password{position:relative;width:100%;}
.login .login-area .input-wrap.placeholder label{position:absolute;top:11px;left:11px;cursor:text;}
.login .login-area .input-wrap.placeholder label.active{visibility:hidden;}
.login .login-wrap .input-wrap .id{margin-bottom:10px;}
.login .login-wrap .scode-wrap p{padding:14px 0 12px;}
.login .login-wrap .scode-wrap .btns .refre{margin:5px 0 0;}
.login .login-wrap .scode-wrap .btns .refre span{background-position:0 -24px;}
.login .login-wrap .btn{display:block;margin:10px 0 0;}
.login .login-wrap em{display:none;margin-top:10px;color:#e72a30;font-style:normal;}
.login .wrap-set{display:table-cell;width:50%;margin-top:0;vertical-align:top;}
.login .wrap-set > div{padding:32px 50px 40px;}
.login .wrap-set .sub-title{margin-bottom:10px;}
.login .wrap-set .button-group{margin-top:17px;text-align:left;}
.login-area .btn{padding:13px 30px !important;}
.login .wrap-set .button-group .btn.xl{min-width:154px;}
.login .join-wrap{border-bottom:0px solid #e1e1e1;}
.login .info-area  ul li{padding-left:10px;text-indent:-10px;}
.login .info-area{margin-top:40px;}
.login .login-area .btn{font-size:16px;}
.login .login-area .btn-link{text-align:left; padding:0 !important; text-decoration:underline;}
.login .join-wrap .color03{text-decoration:underline;}

/* 아이디 비밀번호 찾기
------------------------------------------------------------------------------------ */
.findIdPw {border:1px solid #ddd; padding:40px 80px;}
.findIdPw article{padding:30px 0; text-align:center; border-top:1px solid #e8e8e8;}
.findIdPw article{margin:40px -80px -50px -80px;}
/* .findIdPw .tabCont {padding-bottom:40px;} */
.findIdPw .tabCont h5{margin:20px 0 28px 0; font-size:18px; text-align:center; line-height:25px;}
.findIdPw .tabCont dl > dd.trisection ol li {width:40% !important;}
.findIdPw .tabCont dl > dd.trisection ol li:last-of-type {width:60.4% !important; padding-left:10px; box-sizing:border-box;}
.findIdPw .findResult {margin-bottom:14px; padding:15px 0; text-align:center; border:1px solid #e8e8e8; background:#f7f7f7; overflow:hidden;}
.findIdPw .findResult dt, .findIdPw .findResult dd {display:inline-block;}
.findIdPw .findResult dt {font-weight:500;}
.findIdPw .findResult dd {padding-left:18px;}
.findIdPw .btn.st07 {width:100%;}
.findIdPw hr {margin-top:50px;}
.icon:before {border-radius:50%; background-position:50% 50%; background-repeat:no-repeat; display:inline-block; content:"";}
.icon.st01 {font-weight:500; color:#333;}
p.icon.st01 {padding-left:24px; text-indent:-24px;}
p.icon.st01 > span {margin-left:14px; padding-left:16px; font-weight:400; color:#666;}

.icon.st01:before {width:18px; height:18px; margin-right:6px; background-color:#2f9544; vertical-align:-4px;}
.icon.st01.info:before {background-image:url(../../resources/img_app/ico_info01.png);}
.icon.st01.call:before {background-image:url(../../resources/img_app/ico_call01.png);}

.btn-membership{padding:10px 50px; font-size:16px; margin:2px;}

.idSearch{padding-bottom:10px;}
.idSearch dl{background:#f9f9f9; padding:20px; text-align:center;}
.idSearch dt{font-size:15px; color:#777;}
.idSearch dd{font-size:20px; color:#000; margin-top:15px;}

.idSearch dl.memberComplete dt{padding-top:120px; background: url("../../resources/img_app/checkmark.png") no-repeat center 20px;}

.joinCheck{border:1px solid #e8e8e8; padding:20px 30px; text-align:center; font-size:16px; background:#f9f9f9; margin-bottom:30px;}


.babyList{position:relative; background:#f9f9f9; padding: 20px 30px; margin:10px 0;}

.babyBtn{position:absolute; right:0; top:0; text-align:center; padding:10px;}
.babyAdd{background:rgba(0, 0, 0, 0.4);}
.babyDel{background:rgba(0, 0, 0, 0.2);}
.babyBtn i{font-size:16px; color:#fff;}

.sectionArea01 {padding:0 100px;}
.subTitArea{padding:30px; background:#f9f9f9;}
.subTitArea h4{font-size:24px; margin-bottom: 10px;}
.subTitArea p{ color:#666;}

.sub-title {
	position: relative;
	margin-bottom: 20px;
}

.contentWrap:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
/* .contentWrap{clear:both; position:relative; top:0; z-index:9; padding:0 0 0; padding-top:114px !important;} */
.contentWrap{clear:both; position:relative; top:0; z-index:9; padding:0 0 0;}

.headerWrap{position:relative; z-index:12; width:100%; background:#fff;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
}


.radios .radio {width:auto; height:24px; padding-left:34px; margin:0 20px 3px 0; line-height:20px; vertical-align:middle; display:inline-block; background: url("../../resources/img_app/icon_radio.png") no-repeat 0 0;}
.radios label{padding-top:3px;}
.radios .radio:last-child {margin-right:0}
.radios input[type=radio]{display:none}
.radios input[type=radio]:checked + .radio{background: url("../../resources/img_app/icon_radio.png") no-repeat 0 bottom;}

.checkbox-out .checkbox {width:auto; height:24px; padding-left:34px; margin:0 20px 3px 0; line-height:20px; vertical-align:middle; display:inline-block; background: url("../../resources/img_app/icon_checkbox.png") no-repeat 0 0; background-position: 0 0;}
.checkbox-out label{padding-top:3px;}
.checkbox-out .checkbox:last-child {margin-right:0}
.checkbox-out input[type=checkbox] {display:none;}
.checkbox-out input[type=checkbox]:checked + .checkbox{background: url("../../resources/img_app/icon_checkbox.png") no-repeat 0 -276px; }

.selects{width:100%; position:relative;}
.selects select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #e5e6e7; cursor:pointer; background:transparent; border-radius:4px; width:100%; height:34px; line-height:34px; padding:0 30px 0 8px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.selects:after {content: ""; position: absolute; right: 0; top: 0; width:34px; height:34px; background:url('../../resources/img_app/icon_select_down.png') no-repeat center center; z-index:-1;}
.selects select::-ms-expand {display:none;}
.selects select:focus {
    /* border: 1px solid #1428a0;  */
	outline: 0;
   /*  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); */
}

input[type=text]::-ms-clear, input[type=tel]::-ms-clear, input[type=email]::-ms-clear, input[type=number]::-ms-clear  {display:none;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; -moz-box-shadow: 0 0 0 1000px #fff inset; box-shadow: 0 0 0 1000px #fff inset; }
select::-ms-expand { display: none; }

textarea.form-control{padding-top:10px;}

#headerNew{ max-width:1400px; margin:0 auto; position:relative; z-index:12;}


.headerTop{position:absolute; top:70px; z-index:100;}
.headerTop h1 a{display:block; width:167px; height:31px; text-indent:-5000px; background:url('../../resources/img_app/logo.svg') no-repeat 0 0;}


.headerQuick{
	position:absolute; 
	right:20px; 
	top:50%;  
	z-index:22;
	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.headerQuick:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.headerQuick > ul{float:right; margin-left:10px;}
.headerQuick > ul > li{float:left; margin-left:2px;}
.headerQuick > ul > li > a{display:block;  font-weight:500; font-size:1.3rem; color:#393939; border:1px solid #ddd; border-radius:40px; padding:6px 15px 2px 33px;}
.headerQuick > ul > li:first-child{background:none !important; }
.headerQuick > ul > li span{color:#ff9000;}
.headerQuick > ul > li > a.login{background:url('../../resources/img_app/login.png') no-repeat 15px center; background-size:12px auto;}
.headerQuick > ul > li > a.join{background:url('../../resources/img_app/join.png') no-repeat 15px center; background-size:12px auto;}
.headerQuick > ul > li > a.logout{background:url('../../resources/img_app/login.png') no-repeat 15px center; background-size:12px auto;}
.headerQuick > ul > li > a.mypage{background:url('../../resources/img_app/join.png') no-repeat 15px center; background-size:12px auto;}

.headerQuick > ul.loginAfter > li > a{display:block;  color:#393939; border:1px solid #ddd; border-radius:40px; padding:5px 15px 5px;}

/*IOS 추가*/
.IOSheaderQuick{position:relative; max-width:1400px; margin:0 auto; margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid #e8e8e8; z-index:22;}
.IOSheaderQuick:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.IOSheaderQuick > ul{float:right; margin-left:10px;}
.IOSheaderQuick > ul > li{float:left; margin-left:2px;}
.IOSheaderQuick > ul > li > a{display:block;  color:#393939; border:1px solid #ddd; border-radius:40px; padding:5px 15px 5px 40px;}
.IOSheaderQuick > ul > li:first-child{background:none !important; }
.IOSheaderQuick > ul > li span{color:#ff9000;}
.IOSheaderQuick > ul > li > a.login{background:url('../../resources/img_app/login.png') no-repeat 18px center; 
                                    border: 0px solid #AAA; /*lti*/
                                    vertical-align: middle;/*lti*/}
.IOSheaderQuick > ul > li > a.join{background:url('../../resources/img_app/join.png') no-repeat 18px center;
                                    vertical-align: middle;/*lti 넣기*/}
.IOSheaderQuick > ul > li > a.logout{background:url('../../resources/img_app/login.png') no-repeat 18px center;}
.IOSheaderQuick > ul > li > a.mypage{background:url('../../resources/img_app/join.png') no-repeat 18px center;}

.IOSheaderQuick > ul.loginAfter > li > a{display:block;  color:#393939; border:1px solid #ddd; border-radius:40px; padding:5px 15px 5px;}
/*IOS 추가*/

.headerName{float:right; line-height:32px; color:#2f9544;
}
.headerName em{color:#333;}

.topLogo01{position:absolute; left:0; top:7px; width:73px; height:22px; background:url('../../resources/img_app/topLogo.png') no-repeat 0 0;}

#headerNew .gnb {text-align:center;}
#headerNew .gnb a:hover{text-decoration:none;}
#headerNew .gnb > ul {}
#headerNew .gnb > ul:after {display:block; content:''; clear:both;}
#headerNew .gnb > ul > li {display:inline-block; position:relative; padding:0 35px;/*  width:120px; */ text-align:left;}
#headerNew .gnb > ul > li > a {display:block; padding:15px 20px 15px; margin:0 -20px; outline:none; position:relative; letter-spacing:-1px; }
#headerNew .gnb > ul > li > a:before {display:block; content:''; width:0; height:250px; position:absolute; top:0; left:0; }
#headerNew .gnb > ul > li > a span {display:block; padding:0; font-size:1.8rem; line-height:30px; color:#2b2626; position:relative; font-weight:500;}

#headerNew .gnb > ul > li > a span:after {display:block; content:''; width:100%; height:3px; position:absolute; left:0; top:42px; background:#25903c; transition:all .3s; transform:scaleX(0);}
#headerNew .gnb > ul > li > .depth2 {position:absolute; top:-9999px; left:0; width:100%; width:150px; }
#headerNew .gnb > ul > li > .depth2 ul {padding:5px 15px; margin:0 -11px; background:#ffffff; box-shadow: 0 3px 5px rgba(0,0,0,0.2);}
#headerNew .gnb > ul > li > .depth2 ul > li {border-top:1px solid #ddd; padding:12px 0;}
#headerNew .gnb > ul > li > .depth2 ul > li:first-child {border-top:none;}
#headerNew .gnb > ul > li > .depth2 ul > li > a {display:block; font-size:15px; line-height:18px; color:#333333; text-align:left; outline:none; opacity:0; transform:translateX(100%); letter-spacing:-0.5px;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(1) > a {transition:transform .4s 0s, opacity .4s 0s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(2) > a {transition:transform .4s .05s, opacity .4s .05s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(3) > a {transition:transform .4s .1s, opacity .4s .1s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(4) > a {transition:transform .4s .15s, opacity .4s .15s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(5) > a {transition:transform .4s .2s, opacity .4s .2s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(6) > a {transition:transform .4s .25s, opacity .4s .25s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(7) > a {transition:transform .4s .3s, opacity .4s .3s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(8) > a {transition:transform .4s .35s, opacity .4s .35s;}
#headerNew .gnb > ul > li > .depth2 ul > li:nth-child(9) > a {transition:transform .4s .4s, opacity .4s .4s;}
#headerNew .gnb > ul > li > .depth2 ul > li > a:hover,
#headerNew .gnb > ul > li > .depth2 ul > li > a:focus {color:#25903c;}

#headerNew .gnb > ul > li.on > a {padding:15px 40px 15px; margin:0 -40px;}
#headerNew .gnb > ul > li.on > a:before {width:100%;}
#headerNew .gnb > ul > li.on > a span {color:#25903c;}
#headerNew .gnb > ul > li.on > a span:after {transform:scaleX(1);}
#headerNew .gnb > ul > li.on > .depth2 {top:70px;}
#headerNew .gnb > ul > li.on > .depth2 ul > li > a {opacity:1; transform:translateX(0);}

.sitemapArea{position:absolute; right:0; top:65px;}
.sitemapArea a.site{display:block; width:37px; height:37px; border:1px solid #d7d7d7; text-indent:-5000px; background:url("../../resources/img_app/site.png") no-repeat center center;}



.gnb .depth2 li.ani01 {
-webkit-animation: depAni .3s ease 0s backwards;
animation: depAni .3s ease 0s backwards}
.gnb .depth2 li.ani02 {
-webkit-animation: depAni .3s ease 0.05s backwards;
animation: depAni .3s ease 0.05s backwards}
.gnb .depth2 li.ani03 {
-webkit-animation: depAni .3s ease 0.10s backwards;
animation: depAni .3s ease 0.10s backwards}
.gnb .depth2 li.ani04 {
-webkit-animation: depAni .3s ease 0.15s backwards;
animation: depAni .3s ease 0.15s backwards}
.gnb .depth2 li.ani05 {
-webkit-animation: depAni .3s ease 0.20s backwards;
animation: depAni .3s ease 0.20s backwards}
.gnb .depth2 li.ani06 {
-webkit-animation: depAni .3s ease 0.25s backwards;
animation: depAni .3s ease 0.20s backwards}

@-webkit-keyframes depAni{
    0%{opacity:0;-webkit-transform:translateY(20px)} 
    100%{opacity:1;-webkit-transform:translateY(0px)}
}

@keyframes depAni{
    0%{opacity:0;transform:translateY(20px)} 
    100%{opacity:1;transform:translateY(0px)}
}



.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:900px;}
.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:#006ac7;}
.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:#006ac7;}
.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;}



/*lnb*/
#lnb {width: 20%; float: left; padding-top:40px;}
#lnb.scrollTop{padding-top:29px;}
#lnb .sub_title_1 {/* display:none;*/ padding:7px 0 15px 0; font-size:24px; color:#25903c; font-weight:500; letter-spacing:-1px;}
#lnb .lnb_menu_wrap { height: 100%;  border: 0px solid #e3e3e3; border-top: 2px solid #25903c; }
#lnb .lnb_menu_wrap>li {font-size: 15px; font-weight: 500; padding: 14px; border-bottom: 1px solid #e3e3e3; border-top: none;}

/*lnb - ?�위메뉴*/
.s_lub_menu {padding: 7px 0 0 15px; display: none; margin-top: 15px; }
.s_lub_menu li{position: relative; padding-left: 15px; margin-bottom: 5px; font-size: 13px;}
.s_lub_menu li:last-child {margin-bottom: 0;}

/* 리스???��???*/
.list_style_dot{position: absolute; left: 6px;top: 9px; display: inline-block; width: 3px; height: 3px;background: #8a8c92; }
.list_style_round{position: absolute; left: 3px;top: 5px; display: inline-block; width: 5px; height: 5px; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; border: 2px solid #25903c;}

/* lnb_area */
.lnb_area { position:relative; height: 100%;  border: 1px solid #e3e3e3; border-bottom:none; /* border-top: 2px solid #25903c; */ }
.lnb_area > li{font-size: 15px; font-weight: 500; border-top: none;}
.lnb_area > li > .deth1{
    display:block;
    font-size: 15px; padding: 18px; color:#333333;
   /* -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;*/
}
.lnb_area > li > .deth1{ border-bottom: 1px solid #e4e4e4;}
/* .lnb_area > li.selected span {color: #25903c;} */
.lnb_area > li.aw-sub.selected > .deth1 span{display:block; }
.lnb_area > li.aw-sub > .deth1 span {display:block; padding: 2px 0 0 0;}
.lnb_area > li.aw-sub > a {background: url("../../assets/images/snb_n_active.png") no-repeat 169px 50%;}
.lnb_area > li.aw-sub > a.on{background: url("../../assets/images/snb_active.png") no-repeat 169px 50%; border-bottom: 1px solid #25903c; color: #25903c;}
.lnb_area > li.active > a{color: #25903c;}
.lnb_area > li.active > .deth1{ border-bottom: 1px solid #25903c;}

.lnb_area li .deth2{ display: none;  margin-top: 0;}
.lnb_area li .deth2.on{display:block;}
.lnb_area li .deth2 > li{position: relative; font-size: 13px; border-top: 1px solid #eeeeee;}
.lnb_area li .deth2 > li:last-child{margin-bottom: 0;}
.lnb_area li .deth2 > li > a{padding:10px 35px 10px 15px;  display:block;  background-color:#f9f9f9;}
.lnb_area li .deth2 > li > a.on{color:#25903c;}

.lnb_area li .deth2 > li.deth2-sub > a{background:url("../../assets/images/faq_arr_open.png") no-repeat 175px center #f9f9f9; background-size:11px 7px;}
.lnb_area li .deth2 > li.deth2-sub > a.on{background:url("../../assets/images/faq_arr_close.png") no-repeat 175px center #f9f9f9; background-size:11px 7px;}

.lnb_area li .deth2 .deth2-sub .deth3{display: none; background:#ffffff;padding:15px 16px; border-top: 1px solid #eeeeee;}
.lnb_area li .deth2 .deth2-sub.on .deth3{display:block;}

.deth3 > li{position: relative; margin-bottom: 5px; padding-left:15px; background:url('../../assets/images/blt01.png') no-repeat 0 8px;}
.deth3 > li > a{}
.deth3 > li > a.on{color:#25903c;}



.tabType{margin-bottom:30px;}
.tabType ul{text-align:center; border-bottom:1px solid #ddd; height:50px;}
.tabType ul li{display:inline-block;}
.tabType ul li a{display:block; padding:10px 20px 20px; font-size:18px; color:#333; font-weight:500; height:50px;}
.tabType ul li a:hover, .tabType ul li.active a, .tabType ul li.activeFilter a{color:#ff9c00; border-bottom:4px solid #ff9c00;}


.galleryChain ul{display:table; width:100%; border:1px solid #ddd;}
.galleryChain li{position:relative; display:table-cell; text-align:center; border-left:1px solid #ddd; box-sizing:border-box; background:#ffffff;}
.galleryChain li:first-child{border-left:none;}
.galleryChain li a{display:block; padding:7px 0; position:relative; font-size:15px; color:#666;}
.galleryChain li:hover, .galleryChain li.activeFilter{z-index:10; border-bottom:2px solid #006ac7; color:#006ac7;}
.galleryChain li:hover a, .galleryChain li.activeFilter a{color:#006ac7;}


.galleryArea{padding:40px 0;}
.galleryArea h2{font-size:34px; color:#000;}
.galleryAreaDetail{margin-top:20px;}



.photoSlide {margin-top:0;}
.photoSlide + p.note {margin:5px 0 0 0;}
.imageDB .photoSlide ul li div {width:100%; height:600px;}


/* 섬네일 슬라이드
------------------------------------------------------------------------------- */
/* .photoSlide .thumbSlide li {height:460px !important; } */
.bx-wrapper.thumb .bx-controls-direction a {width:26px; height:50px; margin-top:-25px; background-image:url('../../resources/img_app/btn_prevNext13.png'); background-repeat:no-repeat;}
.bx-wrapper.thumb .bx-prev {left:25px; background-position:0 0;}
.bx-wrapper.thumb .bx-next {right:25px; background-position:100% 0;}
.thumb + #bx-pager {clear:both; height:90px; border-top:1px solid #fff; overflow:hidden;}
.thumb + #bx-pager a {position:relative; float:left; width:200px; height:100%; border-left:1px solid #fff; overflow:hidden; display:block;}
.thumb + #bx-pager a:first-child {border-left:0;}
.thumb + #bx-pager a img {width:100%;}
.thumb + #bx-pager a:after {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); display:block; content:"";}
.thumb + #bx-pager a.active:after {border:2px solid #996b56; background:none;}
.thumb + .bx-wrapper {max-width:100% !important;}
.thumb + .bx-wrapper .bx-thumb {clear:both; height:150px; border-top:1px solid #fff; overflow:hidden;}
.thumb + .bx-wrapper .bx-thumb a {position:relative; float:left; width:200px; height:100%; border-left:1px solid #fff; overflow:hidden; display:block;}
.thumb + .bx-wrapper .bx-thumb a:first-child {border-left:0;}
.thumb + .bx-wrapper .bx-thumb a img {width:100%;}
.thumb + .bx-wrapper .bx-thumb a:after {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); display:block; content:"";}
.thumb + .bx-wrapper .bx-thumb a.active:after {background:none;}
.thumb + .bx-wrapper .bx-pager {display:none;}

.thumbSlide li{text-align:center;}


.form-horizontal .control-label{padding-top:4px;}

dl.info02 {overflow:hidden;}
dl.info02 > dt, dl.info02 > dd {vertical-align:top;}

.info02 {padding:20px 30px; border:1px solid #e8e8e8; border-radius:0; margin-bottom:20px;}
.info02 dt{width:20%; float:left; font-size:14px;}
.info02 dd{width:80%; float:left; }
.info02 ul.note {margin-left:0;}

ul.note{margin-left:16px;}
ul.note > li{padding-left:14px; line-height:20px; text-align:left; margin-top:5px; }
ul.note > li:first-child{margin-top:0;}
ul.note > li:before{width:3px; height:3px; margin:0 8px 0 -12px; background:#999; word-break:break-all; white-space:normal; vertical-align:4px; display:inline-block; content:"";}

.ico02:before {width:18px; height:18px; margin-right:6px; border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; -ms-border-radius:99px; -o-border-radius:99px; background-color:#768396; background-position:50% 50%; background-repeat:no-repeat; vertical-align:-4px; display:inline-block; content:"";}
.ico02.info:before {background-image:url('../../resources/img_app/ico_info01.png');}



.subcontentMain01{position:relative; height:200px; overflow:hidden;}
.subcontentMain01 .bg{ position:absolute; top:0; left:0; width:100%;height:100%; background-position: center bottom;z-index:0;}
/* .visual01{ background:url("../../resources/img_app/visual01.png") no-repeat 0 center; background-size:cover;} pys 20200902*/
.subcontentMain01 .cover{position:absolute;top:0;left:0;width:100%;height:100%; background:rgba(0, 0, 0, 0.2); z-index:1;}
.subcontentMainDetail01{width:1100px; margin:0 auto; padding:20px 0;}

.mainTitle{z-index:200; line-height:18px;

	position:absolute;
	top: 50%;
    left:50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}
.mainTitle h2{color:#ffffff; font-size:4rem; letter-spacing:-1px; padding-bottom:4px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);}
.mainTitle h2 span{position: relative;  left: 150px;  opacity: 0;}
.mainTitle p{display:block; color:#ffffff; font-size:14px; margin:20px 0 2px; letter-spacing:10px; opacity: 0.7; font-weight:300; text-transform: uppercase;}
.mainTitle .location {font-size:15px; margin-top:20px; color:#ffffff; /* padding-top:25px; background:url('../../resources/img_app/barBg.png') repeat-x 0 top; */}
.mainTitle .location ul {overflow:hidden; text-align:center;}
.mainTitle .location li {display:inline-block; background:url('../../resources/img_app/loca_bar.png') no-repeat left center; position: relative;  top: 100px;  opacity: 0;}
.mainTitle .location li a{display:block; font-size:2rem; padding:0px 8px 0 12px; margin:0px 0px 0 0px; line-height:1.6em; color:#ffffff; }
.mainTitle .location li a:hover{border-bottom:1px solid #ffffff}
.mainTitle .location li:first-child {background:url('') no-repeat left center;}
.mainTitle .location li.home {font-weight:normal;}
.mainTitle .location li:last-child{ font-weight:400;}



.mainContentArea{position:relative; background:url('../../resources/img_app/m_visual1.png') no-repeat 0 0; background-size:cover; padding:80px 0 0;}
.mainContentDetail{position:relative; z-index:100; width:1000px; margin:0 auto;}
.mainContentArea .cover{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}
.visualTxt{text-align:center; padding-top:80px;}
.visualTxt h3{font-size:40px; color:#fff; font-weight:500; letter-spacing:-2px;}
.visualTxt h4{font-size:25px; color:#fff; font-weight:200; margin-top:20px;}

.visualList{padding:90px 0 0; overflow:hidden;}
.visualList01{float:left; width:45%; padding:30px 40px; text-align:center;}
.visualList01:first-child{width:55%;}
.visualList01 h2{color:#ffffff; font-size:30px; padding-bottom:90px; margin-bottom:40px; font-weight:100;}
.visualList01 h2.visualIco01{background:url('../../resources/img_app/visualIco01.png') no-repeat center bottom;}
.visualList01 h2.visualIco02{background:url('../../resources/img_app/visualIco02.png') no-repeat center bottom;}
.visualList01 ul{overflow:hidden;}
.visualList01 ul li{float:left; width:33.3%; padding:10px 0; background:url('../../resources/img_app/mainBar.png') repeat-y 0 0;}
.visualList01:first-child  ul li{width:25%;}
.visualList01 ul li:first-child{background:none;}
.visualList01 ul dl{}
.visualList01 ul dt{color:#fff; font-size:40px; line-height:50px;}
.visualList01 ul dd{color:#fff; font-size:14px; margin-top:10px; opacity:0.8; filter:alpha(opacity='0.8');}

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

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

.allSearch span{color:#f5a21e; text-decoration:underline;}



.wordSearchInput{position:relative; overflow:hidden; background:#f9f9f9; border:1px solid #e8e8e8; padding:10px 20px; border-top:1px solid #f4f4f4;}
.wordSearchBtn{float:right;}
.allSearch{float:left;}
.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-top:40px;}
.searchTit{overflow:hidden;}
.searchTit h3{float:left; font-size:18px; font-weight:500; color:#000;}
.searchTit h3 span{color:#f5a21e;}

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

/* no_list */
.search_result {display:block; padding:103px 0 30px 0; margin:30px auto 0; background:url('../../resources/img_app/NoDataImg.png') no-repeat center 0; border-bottom:1px solid #ddd;}
.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:8px 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; padding:8px 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:22px; line-height:100%; margin-bottom:10px; color:#006ac7;  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:1.8rem; line-height:100%; 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.0rem; margin:10px 8px 0 0; color:#4AAEA9;  font-weight:400; padding:2px 0px 2px 0px; }
.txt_title04{font-size:1.0rem; 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;}
.txt_title05{font-size:1.4rem; margin:10px 8px 0 0; color:#FF8C00;  font-weight:400; padding:2px 0px 2px 0px; }
.txt_title06{font-size:1.4rem; margin:10px 8px 0 0; color:#006ac7;  font-weight:400; padding:2px 0px 2px 0px; }

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

.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: #2f9544;
}
.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: #2f9544;
	color: #fff;
	line-height: 30px;
	font-weight: 500;
}
.copy_txt em {
	color: #2f9544;
	font-weight: 500;
}


.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;}


.ackisLogin{width:900px; margin:40px auto;}
.info_txt{ color:#666; padding-bottom:10px; line-height:20px; font-weight:200;}
.info_txt em{color: #f5a21e;}
.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:5px;}
.loginRemember {margin-top:5px;  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:#006ac7;}

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


.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;}


.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{display:inline-block; padding-right:15px; background:url('../../resources/img_app/star.png') no-repeat right center;}

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


.communityArea {padding:0 50px; text-align:center;}
/* .communityArea h2{font-size:3rem; color:#000000; font-weight:500;} */
.communityTab .communityTabArea {overflow:hidden; text-align:center; margin:25px 0;}
.communityTab .communityTabArea li {display:inline-block;}
.communityTab .communityTabArea li a{display:block; text-align:center; font-weight:500; color:#5d5d5d; border:1px solid #bababa; padding:6px 20px 4px; margin-left:-1px; background:#fff;}
.communityTab .communityTabArea li:first-child a{margin-left:0;}
.communityTab .communityTabArea li a:focus,
.communityTab .communityTabArea li a:hover,
.communityTab .communityTabArea li a.active{color:#fff; text-decoration:none; background:#006ac7; border:1px solid #006ac7;}
.communityTab .tab_view {position:relative; z-index:10; padding-top:30px;}
.communityTab .tab_view:after{content:".";clear:both;display:block;height:0;visibility:hidden;}


.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:16px; padding:0px 20px 6px;}
.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:31px; text-align:center; color:#337dc6; text-decoration:none; border-bottom:4px solid #337dc6;}
.noticeTab .tab_view {position:relative; padding:25px 0 0 0; z-index:10;}
.noticeTab .tab_view:after{content:".";clear:both;display:block;height:0;visibility:hidden;}


.notice_list{position:relative;}
.notice_list .text_box{padding-left:80px;}
.titleCate{display:inline-block; padding:0px 0; line-height:18px; border-top:1px solid #006ac7; border-bottom:1px solid #006ac7; color:#006ac7; font-size:1.2rem;}
.notice_list .n_title{font-size:2rem; margin-top:14px; color:#404040; overflow:hidden; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.notice_list .n_detail{padding-top:25px; color:#909090; line-height:24px !important; overflow:hidden;}
.notice_list .ymd_box span{display:inline-block; font-size:20px; color:#555555; margin-top:4px;}
.notice_list .ymd_box{
	position:absolute;
	top:0;
    width: 60px;
    height: 60px;
    color: #555555;
    text-align: center;
	display:inline-block;
    font-size: 11px;
    font-weight: 500;
    border: 1px solid #d7d7d7;
    padding: 10px 0 0 0;
    margin-left: 0px;
    letter-spacing: 0px;
    line-height: 18px;
	background:#fff;
}


.noticeList01{float:left; width:52%; text-align:left;}
.noticeList02{float:right; width:42%; text-align:left;}
.mainNoticeList li{padding:9px 0; border-bottom:1px solid #dfdfdf;}
.mainNoticeList dl{overflow:hidden;}
.mainNoticeList dt{float:left; width:80%; color:#333333; font-size:1.6rem; font-weight: 500; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-left:12px; background:url('../../resources/img_app/noticeBlt.png') no-repeat 0 6px;}
.mainNoticeList dd{float:left; width:20%; color:#a0a0a0; margin-top:0; text-align:right;}




/* login */
body.loginDiv{background:#eae4e0; height:100%;}
.nopadding{padding: 0px !important;}
.koreanLogin{width:847px; margin:30px auto;}
.info_txt{ color:#666; padding-bottom:10px; line-height:20px; font-weight:500;}
.info_txt em{color: #D56001;}
.mainLogin01{overflow:hidden; }
.mainLoginLeft01{float:left; width:463px; height:477px;}
.mainLoginRight01{float:right; width:384px; background:#ffffff; height:477px; border:1px solid #ddd;}
.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:256px; height:31px;}
.loginVisual{width:463px; height:477px; background:url('../../resources/img_app/loginBg.png') no-repeat right 0; background-size: cover;}
.loginVisual02{width:463px; height:477px; background:url('../../resources/img_app/loginBg02.png') no-repeat right 0; background-size: cover;}
.loginVisual03{width:463px; height:477px; background:url('../../resources/img_app/loginBg03.png') no-repeat right 0; background-size: cover;}

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

.loginInput{padding-top:20px; margin-top:0;}
.loginInputArea{margin-top:20px;}
.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; margin-top:0px; font-size:14px; color:#000;}


.loginBtn{display:block; width:100%; height:55px; font-size:20px; background:#025c99; color:#ffffff; font-size:14px; text-align:center; line-height:55px; border:none;}
.loginBtn:hover{color:#fff; background:#25903c;}

.registerArea {margin-top:15px;}
.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:#000; }
.registerArea li:first-child a{color:#000; }

.loginInput .btn{margin-top:8px !important;}
.loginFooter{text-align:center; color:#818181;  padding:15px 0; letter-spacing:0px;}
/* .loginFooter .copyLogo{padding-left:0; background:url('../img/copyLogo.png') no-repeat 0 center;} */



.labelTitle {display:inline-block; padding-top:10px !important;}
.labelTitle01{ color:#555; font-weight:300;}
.labelTitle02{ color:#555; font-weight:300; padding-top:10px !important;}
.unit .input-group-addon{border:none;}

.btnAction{text-align:right; padding:10px 0 30px;}
.discriptEn{color:#ababab; letter-spacing:0.5px;  margin-left:15px; font-weight:200;}


.mapArea{margin-top:10px; border:1px solid #ddd;}


/* 20180917 */
/* join */
.join-step {margin-bottom:40px; border-bottom:1px solid #d9d9d9;}
.join-step ul {margin:0 auto -1px; overflow:hidden; text-align:center;}
.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 {display:inline-block; 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 + 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 {padding:20px 0;}
.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; padding:20px 20px; line-height:26px; letter-spacing:0px; height:300px; overflow-y:auto;}



.join-step.companyJoin ul li {background:url("../../resources/img_app/ico_join_step02_off.gif") no-repeat center 20px; border-bottom:1px solid #d9d9d9;}
.join-step.companyJoin ul li + li {background-image:url("../../resources/img_app/ico_join_step01_off.gif");}
.join-step.companyJoin ul li + li + li {background-image:url("../../resources/img_app/ico_join_step03_off.gif");}
.join-step.companyJoin ul li + li + li + li {background-image:url("../../resources/img_app/ico_join_step04_off.gif");}

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




.ackisbriefing_wrap {width:740px}
.ackisbriefing_top {border-bottom:2px solid #dadada;}
.ackisbriefing_top p {font-size:20px;font-weight:500;color:#000;letter-spacing:-0.2px;line-height:24px;text-align:left;}
.ackisbriefing_top  span {display:inline-block;padding:15px 0;color:#666}
.ackisbriefing_top  span em {font-weight:600}
.ackisbriefing_center {padding-bottom:0;}
.ackisbriefing_center p {width:100%;margin-top:15px;font-size:14px;color:#666;letter-spacing:-0.2px;line-height:20px;text-align:justify;}
.ackisbriefing_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}
.ackisbriefing_centerimg {width:100%;margin-top:15px;text-align:center;}
.ackisbriefing_centerimg p {margin-top:5px;text-align:center;color:#ec944f}
.ackisbriefing_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}
.ackisbriefing_bottom {margin-bottom:30px;padding-top:15px;}
.ackisbriefing_bottom p {color:#666}
.ackisbriefing_bottom p em {font-weight:600}
.ackisbriefing_tit {width:100%;margin:15px 0;font-weight:500;font-size:11px;color:#000;letter-spacing:-0.2px;line-height:12px;text-align:right}
.ackisbriefing_tit img {display:inline-block;float:right;padding-left:5px;}

/* 아키스브리핑 표 추가*/
.ackisbriefing_table p {text-align:center}
.ackisbriefing_table .table_tit {margin-bottom:5px;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}
.ackisbriefing_table .table_bottom {width:70%;margin:0 auto;padding-top:5px;color:#ec944f}
.ackisbriefing_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:1400px; margin-left:-610px;}
.briefingLine ul{overflow:hidden; width:100%;}
.briefingLine li{float:left; width:20%; height:8px;}
.briefingLine li.line01{background:#006ac7;}
.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:5px; z-index:10;}
.subLine ul{overflow:hidden; width:100%; background:#005bac;}
.subLine li{float:left; width:10%; height:5px;}
.subLine li.line01{background:#be8a15;}
.subLine li.line02{background:#91c0eb;}
.subLine li.line03{background:#f5a21e;}
.subLine li.line04{background:#939396;}


.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;  width:75%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.briefingListDetail dd{float:right; color:#ffffff;  width:22%; text-align:right;}



.board_bottom{padding:30px 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:10px; margin-top:10px; padding-bottom:5px; border-bottom:2px solid #006ac7;}
.board_top .board_total{font-size:1.6rem; margin-top:10px;}
.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:#f5a21e;  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:#006ac7;  font-weight:500; text-decoration:underline;}
 
.noticeTitle{}
.noticeDetailView .actions {
  margin:20px 0;
  color:#000;
  overflow:hidden;
}
.noticeDetailView .actions span{display:inline-block; padding:6px 15px; border-radius:0; margin: 0 1px 3px; background:#fff; color:#333; border:1px solid #ddd; font-size:14px;}
.noticeDetailView .actions span:first-child{margin-left: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 #006ac7;}



.notice-listsSub{}
.notice-listsSub ul {display:block;margin:0 0 0 0;vertical-align:top;overflow:hidden; margin-right:-20px;}
.notice-listsSub ul li {float:left; width:50%;}
.notice-listsSub ul li a{position:relative; display:block; margin:15px 20px 15px 0; border-bottom:1px solid #dedee1}
.notice-listsSub ul li a:hover:after{border-width:5px; 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 #006ac7;}
.notice-listsSub ul li.normal-notice .img-area .img-box {width:100%; text-align:center; overflow:hidden; }/*수정부분pys 20200903*/
.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:100%; height:100%; 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:10px; font-size:15px;line-height:.8;color:#aaa}

.holicEvent .notice-listsSub ul{margin-right:-10px;}
.holicEvent .notice-listsSub ul li {float:left; width:33.3%;}
.holicEvent .notice-listsSub ul li a{margin:0 10px 10px 0px; border-bottom:none}


.galleryView ul{overflow:hidden; text-align:center; margin-right:-20px;}
.galleryView li {float:left; width:50%; }
.galleryView li a{position:relative; display:block; margin:15px 20px 15px 0; border-bottom:1px solid #dedee1;}
.galleryView figure span {display:block; overflow:hidden; width:100%; height:260px; text-align:center;}
.galleryView figure img {width:100%; height:100%;}
.galleryView figure figcaption {padding:25px 0; display:block; text-align:left;}
.galleryView figure figcaption dt {display:block; font-weight:500; font-size:18px; line-height:28px;color:#262626; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.galleryView figure figcaption dd {display:block; margin-top:10px; font-size:15px;line-height:.8;color:#aaa}
.galleryView li:hover figure span {position:relative;}
.galleryView li:hover figure span:before, .galleryView li:hover figure span:after {position:absolute; width:100%; height:100%; display:block; content:""; z-index:50;}
.galleryView li:hover figure span:before {top:0; left:0; background:#000; opacity:0.6;}
.galleryView li:hover figure span:after {top:50%; left:50%; width:61px; height:61px; margin:-31px 0 0 -31px; border:1px solid rgba(255,255,255,0.60); border-radius:100%; background:url('../../resources/img_app/download.png') 50% 50% no-repeat;}




.contnetView{padding-top:10px;}
.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:20px; margin:5px 10px; border:1px solid #dddddd; border-radius:7px;}
.listDetail li a:hover{border:1px solid #006ac7;}
.listDetail li a:hover:after{border-width:5px;  border-radius:7px; 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 #006ac7;}

.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;}


.listTypeDetail{}
.listTypeDetail .brListArea{}
.brListArea{}
.brListArea:nth-child(even){background:#f9f9f9;}
.brListArea{position:relative; z-index:10; display:block; padding:15px 30px; border:1px solid #dddddd; color:#333; background:#fff; margin-top:-1px;}
.listTypeDetail .brListArea:first-child{margin-top:0;}
.brListArea:hover{z-index:11; border:1px solid #006ac7; background:#fff; transition-duration:0.5s; -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);}
/* .brListArea:hover:after{border-width:5px;  transition-duration:0.3s}
.brListArea:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; box-sizing:border-box; border:0px solid #006ac7;} */
.brListArea h3{font-size:18px; margin-bottom:10px; color:#000; line-height:28px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.brListArea h3 .companyName{display:inline-block; color:#006ac7; margin-right:20px; width:80px; font-size:1.4rem;}
.brListArea:hover h3{color:#f5a21e;}
.brListArea ul{overflow:hidden;}
.brListArea li{padding:3px 0; float:left; margin-right: 10px; width: 32%;}
.brListArea dl{overflow:hidden;}
.brListArea dt{float:left; position:relative;  font-weight:500; color:#333; margin-right: 15px; padding-left:10px; padding-bottom:5px; background:url('../../resources/img_app/dot01.png') no-repeat 0 8px;}
.brListArea dt:after{content:"";width:100%; height:1px; position:absolute; bottom:0px; left:0; background:#eee; }
.brListArea dd{float:left;  width: 50%; font-weight:400; color:#888; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}

/* .brListArea:hover a{position:relative;}
.brListArea:hover a:before, .brListArea:hover a:after {position:absolute; width:100%; height:100%; display:block; content:""; z-index:50;}
.brListArea:hover a:before {top:0; left:0; background:#000; opacity:0.7;}
.brListArea:hover a:after {top:50%; left:50%; width:61px; height:61px; margin:-31px 0 0 -31px; border:1px solid rgba(255,255,255,0.60); border-radius:100%; background:url('../../resources/img_app/btn_more04.png') 50% 50% no-repeat;} */


.listTypeDetail.listType02 .brListArea li{width: 48%;}
.listTypeDetail.listType03 .brListArea li{width: 48%;}
.listTypeDetail.listType04 .brListArea li{width: 24%;}

.listTypeDetail.listType04 .brListArea li dd{width:50%;}

.brListArea li.line01{float:none; clear:both; width: 100% !important; padding-top:10px;}
.brListArea li.line01 dd{width:auto !important; overflow:visible !important; white-space: normal;}

.utility-navi{padding:0; width:100%; height:32px;}


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

.loginTop{padding-top:3px;}
.snsTop li a{display:block; width:22px; height:22px; text-indent:-5000px;}

.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;}

.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;
	background:#fff;
}

/*#gnbWrap .gnb.active > ul { height:176px; }*/
#gnbWrap .gnb > ul >  li { /* height:90px; */ display:inline-block; margin:0 25px;}
#gnbWrap .gnb > ul >  li:first-child { margin-left:100px;}
#gnbWrap .gnb > ul > li > a {display:block; padding-top:20px; font-weight:500; font-size:18px; color:#383838; z-index:50; text-transform:uppercase; 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:1400px; position:absolute; left:50%; top:59px; margin-left:-600px; padding:20px 0 20px !important; overflow:hidden;}
.gnbSub_title{display:inline-block; float:left; width:15%; text-align:left; padding-right:10px; border-right:1px solid #ddd;}
.gnbTitle{display:none; margin-left:30px;}
.gnbTitle h2{color:#006ac7; font-size:20px;  }
.gnbTitle p{display:none; color:#aaaaaa; font-size:15px; margin-top:15px; }
.gnbTitleImg{width:80px; height:100px; margin-left:30px;}
.gnbTitleImg.img01{background:url('../../resources/img_app/gnbTitleImg01.png') no-repeat center 0;}
.gnbTitleImg.img02{background:url('../../resources/img_app/gnbTitleImg02.png') no-repeat center 0;}
.gnbTitleImg.img03{background:url('../../resources/img_app/gnbTitleImg03.png') no-repeat center 0;}
.gnbTitleImg.img04{background:url('../../resources/img_app/gnbTitleImg04.png') no-repeat center 0;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul{float:left;  width:85%; margin-top:0; padding-left:80px;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li { float:left; width:25%; 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:#333; 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:#006ac7; }
/*#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: #006ac7;
	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; margin-bottom: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; color:#333; padding-left:14px; background:url('../../resources/img_app/dot01.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: #006ac7;
	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:56px; left:0px; width:100%; height:0; background:#ffffff;
    transition: all .1s;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#gnbWrap .gnb.active .gnb-bg { height:140px;  z-index:9; top:59px;}

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

.mo-menu {display:none;}

/*pys*/
.pcmainswiper {display:inline;}
.momainswiper {display:none;}



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

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

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


#header.scroll{border-bottom:1px solid #ccc;}

/* 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:1400px; margin:0 auto; padding:50px 0}
.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:#006ac7; font-size:30px; font-weight:500;}
.conMainTitle02 span:before{content:"";width:50px; height:3px; position:absolute; bottom:0px; left:50%; margin-left:-25px; background:#006ac7; }

.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:1400px; margin:0 auto; padding:30px 0; overflow:hidden;}

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

.footerMap{overflow:hidden;}
.footerMapCon{float:left; padding-left:100px;  height:130px;}
.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;  color:#cecece;  border-bottom:1px solid #333333;}
.footerMapCon > ul > li > a:hover {color: #006ac7;}
.footerMapCon > ul > li > a:before {position:absolute; bottom:0; left:0; width:0; height:1px; content:''; background:#006ac7; 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{max-width:1400px; margin:0 auto; padding-left:180px; background:url("../../resources/img_app/footerLogo.png") no-repeat 0 35px;} */
.WrapFooterInfo{max-width:1400px; margin:0 auto; padding:0 20px;}
.footerInfoDetail{position:relative; padding:28px 0 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; font-weight:100;}
.quickInfo li:nth-child(3) a{color:#999; font-weight:100;}
.quickInfo li a:hover{color:#0088ff;}

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


.footerRight{float:right;}

.snsArea{float:right;}
.snsArea ul{overflow:hidden;}
.snsArea li{float:left; margin-left:9px;}
.snsArea li a{display:block; width:30px; height:30px; border-radius:5px; text-align:center; text-indent:-5000px;}
.snsArea li.facebook a{background:url("../../resources/img_app/facebook.png") no-repeat 0 0; background-size:30px 30px;}
.snsArea li.naverBl a{background:url("../../resources/img_app/naverBlog.png") no-repeat 0 0; background-size:30px 30px;}
.snsArea li.twitter a{background:url("../../resources/img_app/twitter.png") no-repeat 0 0; background-size:30px 30px;}

.copyrightArea{clear:both; color:#6e6e6e;   margin-top:10px; padding-bottom:20px;}


.relation01{float:right; position:relative; width:160px; text-align:left;}
.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: 160px; 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;}

.utility-navi, .topArea, .mainLocation .cont, .briefingAreaDetail{width:1400px; margin:0 auto;}
.mainFooter{clear:both;position:relative; background:#2e2e2e; z-index:20; overflow: hidden;}
/* #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; 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:5px; left:0; z-index:200;}
#header h1 a {display:block; width:275px; height:48px; background:url('../../resources/img_app/logo.svg') 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;  }
#gnb > li > ul.submnu > li:hover a{color:#006ac7}
#gnb > li > ul.submnu > li:before {position:absolute; bottom:0; left:0; width:0; height:1px; content:''; background:#006ac7; 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; color:#585858;  }
 */
#header.scroll #gnb > li > a {color:#383838;}
#header.scroll #gnb > li > a > span:before {background:#006ac7;}
#header.search #gnb > li > a {color:#383838;}
#header.search #gnb > li > a > span:before {background:#006ac7;}

#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.7rem; color:#fff; z-index:200;}
#header.scroll .topSearch {color:#fff;}
#header.search .topSearch {color:#fff;}
.topSearch a {margin-left:15px;}

.topSearchView{display:none; position:absolute; width:100%; top:0; background:#222222; z-index:1000; border-bottom:1px solid #666666;}
.topSearchDetail{position:relative; width:1400px; 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:#006ac7; 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{margin:0 auto; position:relative; z-index:8;}

#mainSlider {position:relative; top:6px; overflow:hidden; z-index:100;}

#mainSlider ul.imgList li{position:relative;  height:370px;}
#mainSlider ul .cover{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0); z-index:1}
/* #mainSlider ul.imgList li.slide01{background:url('../../resources/img_app/main_swiper/main_visual_01.jpg') no-repeat center center #f4f6f5; background-size:auto auto;}
#mainSlider ul.imgList li.slide02{background:url('../../resources/img_app/main_swiper/main_visual_02.jpg') no-repeat center center #daedf3; background-size:auto auto;}
#mainSlider ul.imgList li.slide03{background:url('../../resources/img_app/main_swiper/main_visual_03.jpg') no-repeat center center #daedf3; background-size:auto auto;} */
#mainSlider ul.imgList li img {position:absolute; display:block; top:0; left:0; width:100%; height:100%}
#mainSlider ul.imgList li .caption a{display:block; text-indent:-50000px;}
#mainSlider ul.imgList li .caption {max-width:1400px; position: absolute; top: 50%; left: 50%; padding:0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11;}
/* 주석처리 20200904 pys
#mainSlider ul.imgList li .caption.copy01 a{width:570px; height:350px; background:url('../../resources/img_app/main_visual_txt01.png') no-repeat center center;}
#mainSlider ul.imgList li .caption.copy02{left: 50%; margin-left:-210px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#mainSlider ul.imgList li .caption.copy02 a{width:570px; height:350px; background:url('../../resources/img_app/main_visual_txt02.png') no-repeat 0 center;}
*/
#mainSlider ul.imgList li .caption h2 {font-size:26px; color:#ffffff; font-weight:100;}
#mainSlider ul.imgList li .caption p {font-size:43px; color:#ffffff; margin-top:40px; line-height:26px; font-weight:100;}
#mainSlider ul.imgList li .caption p span{display:block; font-size:43px; color:#ffffff; margin-top:30px; line-height:26px; font-weight:500;}

.downloadBtn{display:inline-block; border-radius:20px; border:1px solid #fff; padding:8px 100px 6px 15px; color:#fff; font-size:1.6rem; margin-top:20px; background:url('../../resources/img_app/downloadIco_on.png') no-repeat 90% center;}
.downloadBtn:hover{color:#fff; background-color:#006ac7; border:1px solid #006ac7;}

#mainSlider .swiper-pagination-bullet {
  display: inline-block;
  border-radius: 100%;
  background: #0f3d7c;
  width:30px;
  height:6px;
  border:none;
  border-radius:10px;
  opacity: 1;
  margin:0px 2px;
}
#mainSlider .swiper-pagination-bullet-active {
  opacity: 1;
  /* background: #2f9544; */
  background: #003017;
}

#mainSlider .swiper-pagination{text-align:center; left:0;}

#mainSlider:hover .swiper-button-prev, #mainSlider:hover .swiper-button-next{opacity: 1; z-index:21;}


#mainSlider .swiper-button-prev{
  background: url("../../resources/img_app/btnLn01.png") no-repeat 0 center;
  padding-left:30px;
  top:50%;
  left: 41%;
  width:auto;
  height:60px;
  line-height:60px;
  right:auto;
  opacity:1;
  color:#000;
  
  margin-top:-30px;
  margin-left:-580px;  
}

#mainSlider .swiper-button-next{
 background: url("../../resources/img_app/btnRn01.png") no-repeat right center;
 padding-right:30px;
  top:50%;
  width:auto;
  height:60px;
  line-height:65px;
  left: 60%;
  right: auto;
  opacity:1;
  color:#000;
  
  margin-top:-30px;
  margin-left:520px;
 
}

.mainContent{padding:0;}
.mainContent01{}
.learnMore{width:1400px; 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:#006ac7;}
.mainQuickView{padding:40px 0 60px;}
.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:90%; margin: 0 auto;}
.mainQuickView ul li dt{font-size:22px;  color:#1d1d1d; padding-top:150px; font-weight:500; letter-spacing:-1px;}
.mainQuickView ul li dd{margin-top:1rem; color:#585858;}
.mainQuickView ul li dl.quick01 dt{background:url('../../resources/img_app/mainQuick01_20220404.png') no-repeat center 0;}
.mainQuickView ul li dl.quick02 dt{background:url('../../resources/img_app/mainQuick02_20220404.png') no-repeat center 0;}
.mainQuickView ul li dl.quick03 dt{background:url('../../resources/img_app/mainQuick03_20220404.png') no-repeat center 0;}
.mainQuickView ul li dl.quick04 dt{background:url('../../resources/img_app/mainQuick04_20220404.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;}

.holicEvent{padding:50px 0;}
.holicEvent h2{font-size:38px; color:#000; text-align:center; letter-spacing:-3px; margin-bottom:40px;}
.holicEvent h2 span{margin-left:20px;  display:inline-block;}
.holicEvent h2 span a{width:36px; height:36px; display:block; text-indent:-5000px; background:url('../../resources/img_app/holicMore.png') no-repeat 0 0;}

.mainOrgView{margin-top:50px;}
.mainOrgView ul{overflow:hidden;}
.mainOrgView ul li{float:left; width:25%; text-align:center;}
.mainOrgView ul li dl {width:60%; margin: 0 auto;}
.mainOrgView ul li dt{display:inline-block; width:100px; height:100px; border:1px dashed #c0c0c0; border-radius:100%;}
.mainOrgView ul li dd{font-size:1.6rem; margin-top:1.5rem; color:#333; font-weight:500;}
.mainOrgView ul li .org01 dt{background:url('../../resources/img_app/mainOrg01.png') no-repeat center center;}
.mainOrgView ul li .org02 dt{background:url('../../resources/img_app/mainOrg02.png') no-repeat center center;}
.mainOrgView ul li .org03 dt{background:url('../../resources/img_app/mainOrg03.png') no-repeat center center;}
.mainOrgView ul li .org04 dt{background:url('../../resources/img_app/mainOrg04.png') no-repeat center center;}
.mainOrgView ul li dd span{display:block; margin:0.5rem 0; font-style:italic;}


.bannerSlide .swiper-buttonArea{position:absolute; top:0; right:0; z-index:200; width:120px; height:40px; background:#ffffff;}

.bannerQuick .swiper-button-prev{
  background: url("../../resources/img_app/btnLn03.png") no-repeat 0 center #fff;
  top:5px;
  right: 79px;
  left:auto;
  width:26px;
  height:26px;
  border:1px solid #e8e8e8;
  line-height:26px;
  opacity:1;
  z-index:10;
}

.bannerQuick .swiper-button-next{
 background: url("../../resources/img_app/btnRn03.png") no-repeat right center #fff;
  top:5px;
  right: 54px;
  width:26px;
  height:26px;
  border:1px solid #e8e8e8;
  opacity:1;
  z-index:10;
}

.loading {position:fixed; z-index:10000; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.loading .loadingWrap{
	position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 300px;
	height:300px;
	background:#ffffff;
	border-radius:20px;
    padding: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	}
.loadingArea{
	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;
}

.loading_txt{margin-top:20px;}
.loading_txt p{font-size:20px; margin-bottom:10px; font-weight:700;}

.swiper-playStop{position:absolute; top:5px; right:0; z-index:201;}
.swiper-playStop a{display:inline-block; width:26px; height:26px; text-indent:-5000px; border:1px solid #e8e8e8; margin-left:-1px;}
.swiper-playStop .start-autoplay{background:url('../../resources/img_app/playBtn.png') no-repeat center center;}
.swiper-playStop .stop-autoplay{background:url('../../resources/img_app/stopBtn.png') no-repeat center center;}
.swiper-playStop a.active{opacity:1; filter:alpha(opacity='1');}


.bannerQuickArea{border-top:1px solid #e8e8e8;}
.bannerQuick{max-width:1400px; padding:20px 0; margin:0 auto;}
.bannerSlide{padding-right:100px !important;}
.mainCardCon img{height:35px;} /* pys 40 ->  35*/ 
.mainCardCon{text-align:center;}

.mainTitle01{font-size:3rem; color:#000; text-align:center; font-weight:500; margin-bottom:25px;}
.mainTitle02{font-size:1.7rem; color:#676767; text-align:center; font-weight:400; width:60%; margin:0 auto; line-height:24px;}


.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:#006ac7;}
.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:#006ac7;} */
.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:#006ac7;}

.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:#006ac7;}

.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:#006ac7; 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:1400px; 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{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:1400px; 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:#006ac7;}
.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:1400px; 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:#006ac7;}
.careersTitle p{ 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:#006ac7;}
.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:#006ac7;}
.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{ 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:5px;}
.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{position:absolute; left:0; top:85px; width:100%; text-align:center; z-index:20; color:#ffffff;}
.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;}
 */

.titleAreaView{position:relative; z-index:20; border-bottom:1px solid #0079bb; height:48px; background:#fff; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.titleArea{height:20px; position:relative; overflow:hidden;}

.titleArea .title{display:inline-block; position:relative; line-height:40px; font-size:3rem; letter-spacing:-1px; color:#000; padding-right:0; margin-top:35px;}

.title{font-size:2rem;}

#realContents{padding-top:15px; padding-bottom:20px;}
.sectionCon{}

/* tab */
.tab_wrap{}
.tab_wrap.tab_wrap_1{margin-bottom:40px;}
.tab_wrap:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.tabNew {position:relative;width:100%; display:table;}
.tabNew > li{display:table-cell;width:1%}
.tabNew > li:first-child > a{border-left:1px solid #e8e8e8}
.tabNew > li:first-child > a:hover{margin-left:0}
.tabNew > li:first-child.active > a{margin-right:1px}
.tabNew > li > a{position:relative;display:block; transition: none; font-size:1.6rem; min-height:50px; line-height:50px; color:#666666; background:#ffffff; border:1px solid #d8d8d8;border-left:0;text-align:center;text-decoration:none}
.tabNew > li > a:hover{border:1px solid #25903c; margin-left:-1px; color:#25903c;}
.tabNew > li.active .sub_menu{display:block} 
.tabNew > li.active > a{background:#25903c;color:#fff; font-weight:500; border:1px solid #25903c;border-left:1px solid #25903c;margin-left:-1px !important}
.tabNew .sub_menu{display:none;text-align:center;position:absolute;width:100%;margin-top:7px}
.tabNew .sub_menu li{display:inline-block}
.tabNew .sub_menu li a{color:#111;text-decoration:none;padding:10px 5px;display:block}
.tabNew .sub_menu li.active a{color:#0469af}
.tabNew .sub_menu a:before{display:inline-block;height:12px;margin:0 10px 0 0;background:#e1e1e1;vertical-align:-2px;width:1px;content:''}
.tabNew .sub_menu :first-child a:before{display:none}

/**** breadcrumb ****/
.mainLocation {height:40px; background:#ffffff; margin-bottom:0; font-size:0; z-index:101; 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; padding:7px 0 0 35px;background:url('../../resources/img_app/ico_breadcrumb.png') 15px 21px no-repeat;}
.mainLocation .li a {position:relative;display:block;color:#000; font-size:14px; line-height:37px;overflow:hidden;transition:all 0.4s;}
.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:0;top:9px;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 {padding-left:0;background:none; text-indent:-9999px;}
.mainLocation .home a {width:15px;padding:0 10px;background:url('../../resources/img_app/ico_breadcrumb_home.png') center 10px no-repeat; text-indent:5000px; overflow:hidden;}
.mainLocation .li .dep {position:absolute;left:0;top:43px;width:400px;display:none;animation:fade both 0.2s; z-index:50; text-align:left;}
.mainLocation .li .dep ul {display:inline-block;padding:0 0 0 0;background:#fff;border:1px solid #333;}
.mainLocation .li .dep li a {padding:9px 17px; color:#000; 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:#43a4ee;}
.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_area{transition: 0.3s all;}


.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:1400px; 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.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;}



#location {position:absolute; right:0; top:0;}
#location ul {background:url('../../resources/img_app/homeIco.png') no-repeat 0 center; padding-left:16px; overflow:hidden;}
#location li {float:left; padding:0px 12px 0 8px; color:#666666; margin:0px 1px 0 0px; line-height:1.6em; background:url('../../resources/img_app/loca_bar01.png') no-repeat right center;}
#location li.home {font-weight:normal;}
#location li.home_out {text-decoration:none; padding:0px 0px 0 8px; color:#000; border:none; background:url('') no-repeat 0 0;}


.subContent{}
.subConView{max-width:1400px; margin: 0 auto; padding:2.5rem 2rem 3rem;}
.subConView:after {clear:both; display:block; content:''}

.subConView.mainConView{padding:25px 0;}

#lnb {width: 20%; float: left; padding-top:40px;}
.subConDetail{float:right; width:100%; position:relative;}

.subConView.membershipArea #lnb{display:none;}
.subConView.membershipArea .subConDetail{float:none; width:100%; padding:0 160px;}

.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; width:100%; text-align:center; z-index:20; color:#000000;}
.searchVisualArea .mainTitle h2{font-size:4.4rem; letter-spacing:-1px; line-height:45px;  font-weight:200;}
.searchVisualArea .mainTitle p{display:block; font-size:1.6rem; }

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

.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:#006ac7; 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;  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; 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{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 #006ac7; 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 #006ac7; background:#006ac7; 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 #006ac7;}

.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 #006ac7; 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; color:#757575; }
.bizQuickDetail ul li a:hover{display:block; border:2px solid #006ac7; background:#006ac7;}
.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:#006ac7;}


.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 #006ac7;}
.titleType01{background:#006ac7; color:#ffffff;}
.titleType02{border:2px solid #006ac7;}

#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{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:1400px; 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 #006ac7; background:#ffffff;}
.NaviQuick li:hover a{color:#141414; border-bottom:3px solid #006ac7; 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:#006ac7;}
.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{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;}

.noticeViewArea{min-height:300px;}

.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:15px; 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:#006ac7; 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 */

.smalldisplay{ display: block; border: none; } /*lsk 추가*/
.smallmodisplay{ display:none; border: none; } /*lsk 추가*/

/* .paging{ 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:#006ac7; border:1px solid #e8e8e8; line-height:28px; border-bottom:3px solid #006ac7;}
.paging a.active{ font-weight:400; color:#ffffff; line-height:30px; padding:0 10px; border:1px solid #006ac7; background:#006ac7;}
.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} */

.paging{ 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:0;}
.paging a:hover{color:#006ac7; border:1px solid #e8e8e8; line-height:28px; border-bottom:3px solid #006ac7;}
.paging .numActive{ font-weight:400; color:#ffffff; line-height:30px; padding:0 10px; border:1px solid #006ac7; background:#006ac7;}
.paging .numActive:hover{color:#ffffff; border:none; line-height:32px !important; }
.paging a.first { color:#797979; width:32px; height:32px; background:#ffffff}
.paging a.prev { color:#797979; width:32px; height:32px; background:#ffffff}
.paging a.next { color:#797979; width:32px; height:32px; background:#ffffff}
.paging a.last{ color:#797979; width:32px; height:32px; background:#ffffff}

.paging .lastNum{display:none;}




.block{display:block;}

.ourTalent{background:#f6f6f6;}
.whiteBg{background:#ffffff;}
.ourTalentDetail{width:1400px; 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 #dddddd; 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 #dddddd; 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;}



service_tit, .data_dec, .dc_tit, .sw_tit, .infra_tit{
    position: relative;
    font-size: 26px;
    color: #444;
    padding:0;
    margin-bottom: 15px;
    margin-top: 45px;
} 

.service_tit::after{
    content: "";
    position: absolute;
    height: 16px;
    top: 12px;
    left: -12px;
    border-radius:2.5px;
    border-left: 5px solid #1db496;
} 

.post-prev-title{
	position:relative;
    margin-bottom: 1px;
    font-size: 1.8rem;
    padding: 10px 0 30px;
	color:#25903c;
}
.post-prev-title:after {position:absolute; display:block; width:30px; height:2px; left:0; bottom:0; content:''; background:#25903c}

.section-text{font-size:1.4rem;}
.section-text .data-ul{margin-bottom:20px !important;}

.data-ul li {
	line-height:26px;
	padding-left:14px; background:url('../../resources/img_app/dot01.png') no-repeat 0 10px;
}

.rtecenter {
    text-align: center;
}
.strong-color {color:#58b1c0;}

.data-row{
/*	margin-left:0;
	margin-right:0;*/
	margin-bottom: 35px;
    padding-bottom: 30px;	
	border-bottom:1px solid #e5e5e5;
}
.data-row img {width:100%;}

.data-tab-container .strong-color{padding-left: 20px;}

.txt-img-p{position:relative;}
.txt-img-p::before{
	content:"※";
	position:absolute; left:0; top:0;
}
.captionTxt{display:block; margin:20px 0;  color:#e37d22;}
.imgArea{border:1px solid #ddd; padding:40px; border-radius:7px;}


.imgArea01{border:1px solid #ddd; padding:0;}
.imgArea01 img{width:100%;}

#mask {position:absolute; z-index:1001; background-color:#000; display:none; left:0; top:0px;}

.btn_nav2 {display:none;}
/* .all_menu2{left: -665px; display:none;} */


.tabType01 {position:relative; z-index:100;}
.tabType01 .tabArea {width:100%; border-top: 1px solid #e3e3e3;}
.tabType01 .tabArea li {border-bottom:1px solid #e3e3e3;}
.tabType01 .tabArea li a{display:block; color:#333333; line-height:130%; padding:18px; font-size:16px}
.tabType01 .tabArea li a span{display:block;}
.tabType01 .tabArea li:focus,
.tabType01 .tabArea li:hover,
.tabType01 .tabArea li.active{border-bottom:1px solid #25903c;}
.tabType01 .tabArea li:focus a,
.tabType01 .tabArea li:hover a,
.tabType01 .tabArea li.active a{color:#25903c; }
.tabType01 em{display:none;}
.tabType01 .tabArea.block{display:block}
.tab_con{display:none;}
.show{display:block !important;}

.tabType01 .sel_txt{display:none; overflow:hidden; text-overflow:ellipsis;}

.listForm label{width:28% !important;}
.findIdPw .listForm label{width:100% !important;}


.newsubtitle{ display:block; border: none; } /*pys 추가*/
.monewsubtitle{ display: none; border: none; } /*pys 추가*/

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

.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;}
.listTypeDetail.listType04 .brListArea li{width: 32.4%;}
.holicEvent{padding-left:20px; padding-right:20px;}

} 

@media screen and (max-width:1024px) {
	.listForm label{width:45% !important;}
	.findIdPw .listForm label{width:100% !important;}
}

@media screen and (max-width:992px) {
.idName{position:absolute; left:12px; top:25px; z-index:100; font-size:15px; text-align:left; width:170px;}
/* .contentWrap{padding-top:70px !important} */
.mainQuickView ul li dt{font-size:18px;}
.mobile-nav-footer{display:none;}
div.map-wrap h2.h2-map {display:none; font-size:25px; color:#fff;}
.mapInfo{position:relative; left:0; top:0; padding:30px; width:100%; height:auto; background:rgba(0, 0, 0, 0.5);}
dl.address-area {margin-top:0;}
dl.address-area dt {margin-bottom:10px;font-size:16px;color:#fff; line-height:22px; font-weight:500;}
dl.address-area dd {margin-bottom:20px;font-size:14px;color:#fff;line-height:21px;}
div.map-wrap2{padding:0; border:none;}


.subConView.membershipArea .subConDetail{padding:0;}
/* .notice-listsSub ul li a:hover:after{display:none;}
.notice-listsSub ul li a:after{display:none;}
.notice-listsSub ul li a:hover .cont-box {padding:25px 0; background:#ffffff;}
.notice-listsSub ul li.normal-notice a:hover .img-area .img-box img {width:100%; height:100%; transition-duration:1s;} */
.join-wrap .btn-mobile{display:block; width:100%;}
.title{display:none;}
.sectionArea01 {padding:20px; border:1px solid #ddd;}
.joinCheck{padding:20px; font-size:14px;}

.findIdPw {padding:20px;}
.sectionArea {padding:20px; border:1px solid #ddd;}
.babyList{padding:20px;}
.findIdPw article{margin:0;}
.findIdPw .tabCont {padding-bottom:20px;}
.login .login-area{display:block;width:auto;}
.login .login-area h3{font-size:20px;}
.login .login-area .input-wrap.placeholder label{font-size:14px;}
.login .login-wrap{display:block;width:auto;border-right:0 none;}
.login .login-wrap .scode-wrap p{padding-top:14px;}
.login .login-wrap .input-wrap input[type="text"],
.login .login-wrap .input-wrap input[type="password"]{font-size:14px;}
.login .wrap-set{display:block;width:auto;}
.login .join-wrap{border-top:1px solid #e1e1e1;}
.login .find-wrap .btn-wrap{position:static;margin-top:10px;}
.login .find-wrap .btn-wrap .btn{display:block;width:100%;}
.login .find-wrap .btn-wrap .btn:first-child{margin-bottom:5px;}

.tabType01 .sel_txt{display:block; border:1px solid #bfbfbf; cursor:pointer; font-size:1.6rem; color:#000000; background:url('../../resources/img_app/icon_select_down01.png') no-repeat 97% center; border-radius:0; width:100%; height:48px; line-height:48px; padding:0 50px 0 20px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.tabType01 ul{display:none;position:absolute; left:0;top:47px; padding:10px 0; clear:both;width:100%;overflow:hidden;z-index:1000;border:1px solid #bfbfbf !important;background-color:#f3f3f3; max-height:280px; overflow-y:auto}
.tabType01 ul li{padding:0 0 0 20px; display:block !important; text-align:left; vertical-align:middle;  border-bottom:0px solid #cecece !important;}
.tabType01 .tabArea.wid20 li{width:100% !important;}
.tabType01 ul li a{color:#333333; text-align:left; padding:5px 0 !important;}
.tabType01 ul li a span{display:inline-block !important;}
.tabType01 ul li:hover {color:#0074c2;}
.tabType01 ul li:focus,
.tabType01 ul li:hover,
.tabType01 ul li.active{border-bottom:0px solid #000000 !important;}
.tabType01 ul li.active{border-bottom:0px solid #000000 !important;}

.galleryChain ul{display:block; border:none;}
.galleryChain ul:after{display:block;content:'';clear:both}
.galleryChain li{position:relative; display:block; float:left; text-align:center; width:25%;border:1px solid #ddd;box-sizing:border-box;margin:-1px -1px 0 0; background:#ffffff;}
.galleryChain li a{display:block; padding:7px 0; position:relative; font-size:15px; color:#666;}
.galleryChain li:hover, .galleryChain li.activeFilter{z-index:10; border:1px solid #c49a6c; color:#c49a6c; -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);}
.galleryChain li:hover a, .galleryChain li.activeFilter a{color:#c49a6c;}

.thumb + .bx-wrapper .bx-thumb{display:none;}
.info02 dt{width:100%; float:none;}
.info02 dd{float:none; margin-top:10px;}


.mainTitle{width:90%;}
.mainTitle01{font-size:2.4rem;}
.mainTitle02{width:100%;}
.visualArea{width:100%; margin:0; height:100%;}
.noticeList01 {float:none; width:100%;}
.noticeList02 {float:none; width:100%;}

.mainNoticeList{margin:20px 0;}
.mainNoticeList li{padding:10px 0;}
.mainNoticeList li:last-child{border-bottom:none;}
.noticeTab .noticeTabArea li a{font-size: 14px;  padding: 0px 10px 6px;}
.mainQuickAppArea ul li{width:33.3%; margin-bottom:10px;}
.mainQuickApp{padding:10px 0;}



#mainSlider{width:100%; margin:0;}
.mainLocation{display:none;}
.mBtnLogin{display:block; width:100%; text-align:center; overflow:hidden; padding:30px;}
.m_btn_login {float:left; width:50%; text-align:center; padding:2px 0px 2px; 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; 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;  width:75%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.briefingListDetail dd{float:right; color:#ffffff;  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; 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 #006ac7; 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 {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; 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{width:90%;}
#mainSlider ul.imgList li .caption h2 {font-size:2.5rem;}
#mainSlider ul.imgList li .caption p {margin-top:20px;}
/* #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:216px 31px; background:url('../../resources/img_app/logo01.png') no-repeat 0 0;} */
.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 #dddddd; 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; padding-left:0;}
#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:17px 0px 17px 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:#006ac7}
#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 #006ac7; 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:1.6rem; padding:15px 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;}

.sitemapBtn, .setupBtn{display:none;}
.topSearch a {font-size:1.8rem; color:#333333;}

.headerQuick{position:absolute; right:65px; padding:0 0; border:none; margin:0;}
.headerQuick > ul{overflow:hidden; text-align:right;}
.headerQuick > ul > li{display:inline-block; margin-left:1px;}
.headerQuick > ul > li > a{display:block; width:31px; height:31px; font-size:0; color:#393939; border:1px solid #ddd; border-radius:100%; padding:0; text-indent:-5000px;}


.headerQuick > ul > li > a.info-user{width:auto; text-indent:0;  font-size:1.3rem; border-radius:40px; padding: 6px 15px 2px 33px;}


.headerQuick > ul > li:first-child{background:none !important; }
.headerQuick > ul > li span{color:#ff9000;}
.headerQuick > ul > li > a.login{background:url('../../resources/img_app/login.png') no-repeat center center;}
.headerQuick > ul > li > a.join{background:url('../../resources/img_app/join.png') no-repeat center center;}
.headerQuick > ul > li > a.logout{background:url('../../resources/img_app/login.png') no-repeat center center;}
.headerQuick > ul > li > a.mypage{background:url('../../resources/img_app/join.png') no-repeat center center;}

.headerQuick > ul.loginAfter > li > a{display:block; width:31px; height:31px; font-size:0; color:#393939; border:1px solid #ddd; border-radius:100%; padding:0; text-indent:-5000px;}

/*IOS 추가*/
/*
.IOSheaderQuick{position:absolute; right:58px; top:26px; padding:0 0; border:none; margin:0;}
.IOSheaderQuick > ul{overflow:hidden; text-align:right;}
.IOSheaderQuick > ul > li{display:inline-block; margin-left:1px;}
.IOSheaderQuick > ul > li > a{display:block; width:31px; height:31px; font-size:0; color:#393939; border:1px solid #ddd; border-radius:100%; padding:0; text-indent:-5000px;
*/
.IOSheaderQuick{position:absolute; right:58px; top:20px; padding:0 0; border:none; margin:0;}
.IOSheaderQuick > ul{overflow:hidden; text-align:right;display:inline-block;border:0px solid #ddd;
                                    vertical-align: middle; /*lti*/
}
.IOSheaderQuick > ul > li{display:inline-block; margin-left:1px;
                                    border:0px solid #ddd; vertical-align: middle;/*lti*/
}
.IOSheaderQuick > ul > li > a{display:inline-block; width:31px; height:31px; font-size:0; color:#393939; border:1px solid #ddd; 
                                    border-radius:100%; padding:0; text-indent:-5000px;
                                    vertical-align: middle;/*lti*/
}
.IOSheaderQuick > ul > li:first-child{background:none !important; }
.IOSheaderQuick > ul > li span{color:#ff9000;}
.IOSheaderQuick > ul > li > a.login{background:url('../../resources/img_app/login.png') no-repeat center center;
                                    border: 1px solid #AAA; vertical-align: middle;/*lti*/
}
.IOSheaderQuick > ul > li > a.join{background:url('../../resources/img_app/join.png') no-repeat center center;
                                    display:inline-block; border: 1px solid #AAA; vertical-align: middle;/*lti*/
}
.IOSheaderQuick > ul > li > a.logout{background:url('../../resources/img_app/login.png') no-repeat center center;}
.IOSheaderQuick > ul > li > a.mypage{background:url('../../resources/img_app/join.png') no-repeat center center;}

.IOSheaderQuick > ul.loginAfter > li > a{display:block; width:31px; height:31px; font-size:0; color:#393939; border:1px solid #ddd; border-radius:100%; padding:0; text-indent:-5000px;}
/*IOS 추가*/


.loginok{display:none;}


.listTypeDetail.listType02 .brListArea li{width: 42%;}
.listTypeDetail.listType03 .brListArea li{width: 48%;}
.listTypeDetail.listType04 .brListArea li{width: 48%;}

.listTypeDetail.listType04 .brListArea li dd{width:60%;}
.koreanLogin{width:100%; margin:30px auto;}
.mainLoginLeft01{display:none}
.mainLoginRight01{float:none; width:100%;}
.loginArea{width:80%; margin:0 auto;}

.nav-tabs > li > a{padding: 8px 15px;}

.mainContentDetail{position:relative; z-index:100; width:100%; margin:0 auto;}
.communityArea{padding:0;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul{margin-top:0 !important;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul > li > a{color:#d8d8d8;}
#gnbWrap .gnb > ul > li > .gnb-sub > ul > li > ul > li{padding:6px 0;}

.btn_nav2 {display:inline-block; position:absolute; top:8px; left:5px; width:45px; /* z-index:100; */}
.btn_nav2 img {width:100%;}
.btn_nav2.close {position:absolute; left:auto; right:0px; width:54px; top:3px;}

.all_menu2 {display:none; position:fixed; left:-270px; top:0px;background:url("../../resources/img_app/bg_black.png") repeat left center; width:100%; height:100%; z-index:1001; overflow-y:auto; overflow-x:hidden;}
#scroller .scrollerArea {position:relative; padding-top:60px; width:210px; background:#2e2f31; z-index:1002;}
.all_menu2 > div {height:1300px;/* overflow-y:auto; */}
.all_menu2 a {color:#fff;}
.all_menu2 .all_menu2_con{border-top:1px solid #414244;}
.all_menu2 .all_menu2_con a {display:block; text-decoration:none;}
.all_menu2 .all_menu2_con > li > a {padding:15px 5px 13px 15px; font-size:15px; border-bottom:1px solid #414244; background:#2e2f31 url("../../resources/img_app/all_menu_off.png") no-repeat 185px center; background-size:10px;}
.all_menu2 .all_menu2_con > li > a.on {background:#25903c url("../../resources/img_app/all_menu_on.png") no-repeat 185px center; background-size:10px;}
.all_menu2 .menu_sub {display:none;} 
.all_menu2 .menu_sub li {background:#202020;}
.all_menu2 .menu_sub > li > a {padding:12px 5px 10px 20px; font-size:14px; color:#cccbcb; border-bottom:1px solid #343434; background:url("../../resources/img_app/all_menu_off2.png") no-repeat 185px center; background-size:9px;}
.all_menu2 .menu_sub > li > a.on {color:#25903c; background:url("../../resources/img_app/all_menu_on2.png") no-repeat 185px center; background-size:9px;}
.all_menu2 .menu_sub > li.no-menu > a {background:none;}
.all_menu2 .menu_sub > li.no-menu > a.on {background:none;}
.all_menu2 .menu_sub li ul li {background:#383838;}
.all_menu2 .menu_sub li ul li a {padding:12px 5px 10px 20px; font-size:14px; color:#cccbcb; border-bottom:1px solid #343434;}
.all_menu2 .menu_sub li ul li ul li {background:#545454;}
.all_menu2 .menu_sub li ul li ul li a {padding:12px 5px 10px 30px; font-size:14px; color:#cccbcb; border-bottom:1px solid #5f5f5f; background: url('../../resources/img_app/d4Bg.png') no-repeat 20px 18px;}


.sitemapArea, /* .gnb,  */#location, #lnb .sub_title_1{display:none;}

#headerNew{background:#fff; height:60px;}
.headerTop {top:18px; left:60px; }
.headerTop h1 a {background-size:130px;}
.WrapFooterInfo {background:none; padding-left:20px; padding-right:20px;}
.subConDetail{float:none; width:100%;}


#lnb {float:none; width:100%; padding-top:0;}
.lnb_area{border:none;}
.lnb_area > li{width: 33.3%; float: left; padding:0;}
.lnb_area > li > .deth1{padding:10px 0;}
.lnb_area > li.active > a{color: #25903c;}
.lnb_area > li.active > .deth1{ border-bottom: 1px solid #25903c;}
.info02 dd{width:100%;}

/* .holicEvent .notice-listsSub ul li a{margin:10px 20px;} */
.mainQuickView ul li dt{padding-top:110px;}

.mainQuickView ul li dl.quick01 dt{background-size:130px;}
.mainQuickView ul li dl.quick02 dt{background-size:130px;}
.mainQuickView ul li dl.quick03 dt{background-size:130px;}
.mainQuickView ul li dl.quick04 dt{background-size:130px;}

/* 주석  pys 2020-09-03
#mainSlider ul.imgList li.slide02{background:#f4f6f5;}
#mainSlider ul.imgList li .caption.copy01 a{width:auto; height:200px; background-size:auto 200px}
#mainSlider ul.imgList li .caption.copy02{left: 50%; margin-left:0;}
#mainSlider ul.imgList li .caption.copy02 a{width:auto; height:200px; background-position:center center; background-size:auto 200px}
*/


}

@media screen and (max-width:768px) {
/* #mainSlider ul.imgList li.slide01{width:100%; background:url('../../resources/img_app/main_swiper/main_visual_mobile01.jpg') no-repeat center top; background-size:auto 100%;}
#mainSlider ul.imgList li.slide02{width:100%; background:url('../../resources/img_app/main_swiper/main_visual_mobile02.jpg') no-repeat center top; background-size:auto 100%;}
#mainSlider ul.imgList li.slide03{width:100%; background:url('../../resources/img_app/main_swiper/main_visual_mobile03.jpg') no-repeat center top; background-size:auto 100%;} */


.descriptInfo01{display:block; margin-top:5px; margin-left:0;}
/* .paging .num { display: none; border: none; } */
/*pys 삭제 및 변경*/
/* .paging .num:nth-last-of-type(3) { display: inline-block; } 
.paging .num:nth-last-of-type(3)::before { content: "/"; display: inline-block; -webkit-transform: translateX(-15px); transform: translateX(-15px); } */
/* .paging .first, .paging .prev, .paging .next, .paging .last, .paging .num.active { display: inline-block; } */
/* .paging .num.active { background: none; border: none; color:#006ac7;} */
/* .paging .num.active { background: none; border: none; color:#000000;} */
/* .paging .num:hover { background: none; border: none !important; color:#006ac7 !important; line-height:30px;} */
/* .paging .num:hover { background: none; border: none !important; color:#000000 !important; line-height:30px;} */
/*pys 삭제 및 변경*/

.bannerSlide{padding-right:0 !important;}
.bannerSlide .swiper-buttonArea{position:relative; bottom:0; left:50%; margin-top:30px; margin-left:-50px; right:auto; z-index:200; width:100px; height:40px; background:#ffffff;}
.mBtn{display:block;}
.mBtn .btn-membership{border-radius:70px;}
.holicEvent{padding:30px 20px;}
.holicEvent h2{margin-bottom:20px;}
.holicEvent .notice-listsSub ul{margin-right:0;}
.holicEvent .notice-listsSub ul li a{margin-right:0;}
.exhibitionCompany{text-align:left;}
.exhibitionCompany01 ul{overflow:hidden;}
.exhibitionCompany01 ul li{display:block; margin:0; margin-bottom:10px;}
.exhibitionCompany01 ul li dt{display:block; margin-bottom:5px;}
.exhibitionCompany01 ul li dd{display:block; margin-left:0;}
.exhibitionCompany02 ul li{float:none; width:100%; padding:5px 0;}
.exhibitionCompany02 ul li dl{height:auto;}
.exhibitionL, .exhibitionR{float:none; width:100%; padding:20px;}

.exhibitionSum01 ul li{width:100%; float:none; margin-bottom:-1px;}
.exhibitionSum01 ul li dl{padding:10px 20px;}

.boothImg li{float:none; width:100%; border-left:none; padding:20px;}
.boothImg li:first-child{border-left:none;}
.boothImg li h3{font-size:16px; color:#000; padding-bottom:10px;}
.boothImg .boothImgArea{width:100%;} 
.boothImg .boothImgArea img{width:100%;} 

.requestStep {position:relative;}
.requestStep ul{background:#fff; border:1px solid #e8e8e8; overflow:hidden; display:block; width:100%;}
.requestStep ul > li{display:block; width:100%; text-align:left; border-top:1px solid #e8e8e8; border-left:none; padding:10px 20px;}
.requestStep ul > li:first-child{border-left:none; border-top:none;}
.requestStep ul > li > div .nums{display:block;  margin-bottom:5px; color:#25903c;}
.requestStep ul > li > div .state{display:block;  font-weight:500; letter-spacing:-1px;}
.requestStep ul > li > div .state em{display:inline-block; margin-left:5px;}
.requestStep ul > li.active > div .nums{color:#fff;}

.exhibitionArea li dl{padding:10px 0;}
.exhibitionArea dt{float:none; width:100%; font-size:16px;}
.exhibitionArea dd{float:none; width:100%; font-size:14px; margin-top:10px;}

.exItemList {float:none; width:100%; height:auto; margin-left:0; border:1px solid #eee; padding:20px; background:#ffffff;}
.exItemList:first-child {margin-left:0;}
.exhibitionArea02{margin-top:20px;}

.stanceArea ul{margin-right:0;}
.stanceArea li{float:none; width:100%;}
.stanceArea li dl{padding:40px 20px; border:1px solid #eee; margin:0; margin-bottom:-1px; height:auto; }


.login .login-wrap, .login .wrap-set > div{padding:30px 20px;}
.icon:before {border-radius:50%; background-position:50% 50%; background-repeat:no-repeat; display:inline-block; content:"";}
.icon.st01 {font-weight:500; color:#333; text-align:left;}
p.icon.st01 > span {margin-left:0; padding-left:0; font-weight:400; color:#666; margin-top:5px;}

.p-noti-list .noti-list li{border:none; border-bottom:1px solid #e8e8e8;}
.p-noti-list .noti-list li:hover{z-index:11; border:none; border-bottom:1px solid #25903c; background:#fff; transition-duration:0.5s; -webkit-box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.1);}
.p-noti-list .noti-list .item-seq{font-size:20px;}
.p-noti-list .srch-area{width:100%; margin:0 auto 26px;font-size:0; border:3px solid #25903c;}
p.icon.st01 > span{display:block;}
.mainOrgView ul li{width:50%; margin-bottom:30px;}
.mainQuickView{padding:20px;}
.conMainArea{padding-top:30px; padding-bottom:20px;}
.mainQuickAppArea ul li{width:50%;}
.mainQuickAppArea ul li a{font-size:15px;}
.communityTab .communityTabArea li {float:left; width:50%; display:inline-block; }
.communityTab .communityTabArea li a{border:1px solid #f6f6f6; border-right:none; margin-top:-1px; margin-bottom:-1px;}

.mainNoticeList dt{float:none; width:100%;}
.mainNoticeList dd{float:none; width:100%; text-align:left; padding-left:12px;}

/* .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{position:relative; height:395px;}


.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:2rem 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{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{margin-right:1rem;}



.copyrightArea{display:none; border-top:1px solid #404040; padding-top:20px; padding-bottom:20px; margin-top:5px;}

.footer-location-box{display:block; padding:20px 0 0;}
.footer-locationBtn{border:1px solid #8d8d8d; color:#cbcbcb; padding:10px 0; text-align:center; font-size:14px;}
.footer-locationBtn span{display:inline-block; padding-right:30px; background:url('../../resources/img_app/relationSiteBg.png') no-repeat right 5px;}
.footer-locationBtn span.active{background:url('../../resources/img_app/relationSiteBgOn.png') no-repeat right 5px;}
.footer-folder{display:none; border:1px solid #8d8d8d; color:#cbcbcb; padding:20px; margin-top:-1px;}
.mCom{font-size:16px;}
.footer-txt02 span{position:relative; display:block; /* background:url('../../resources/img_app/loca_bar01.png') no-repeat 0 5px; */ padding-left:12px;}
.footer-txt02 span:after{content:''; position:absolute; left:0; top:50%; margin-top:-2px; display:inline-block;  width:3px;height:3px;background:#686868; border-radius:100%;}
.footer-txt02{margin-top: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:#006ac7;}

.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 #006ac7; color:#141414; background:url('../../resources/img_app/tabBlt_on.png') no-repeat 95% center;}
#businessContent .business_view.active .tabTitle a{border-bottom:2px solid #006ac7; color:#141414; background:url('../../resources/img_app/tabBlt_on.png') no-repeat 95% center;}
.NewsTab .tabConAreaDetail.active .tabTitle a{border-bottom:2px solid #006ac7; 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 #006ac7; 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:#006ac7;}
.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:#006ac7;}

.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{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;}


.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; 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{}
.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:0; margin-right:9px;}

.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:15px 0;}

#mainSlider ul.imgList li{position:relative; height:280px;}

/*변경전 20200904 pys
#mainSlider ul.imgList li .caption.copy01 a{width:auto; height:150px; background-size:auto 150px}
#mainSlider ul.imgList li .caption.copy02{left: 50%; margin-left:0;}
#mainSlider ul.imgList li .caption.copy02 a{width:auto; height:150px; background-size:auto 150px}
*/
/*변경후  20200904 pys*/
/* #mainSlider ul.imgList li.slide01{background:#ffffff;}
#mainSlider ul.imgList li.slide02{background:#ffffff;}
#mainSlider ul.imgList li.slide03{background:#ffffff;} 
#mainSlider ul.imgList li .caption.copy01 a{width:467px; height:280px; background:url('../../resources/img_app/main_visual_txt01.png') no-repeat;}
#mainSlider ul.imgList li .caption.copy02{left: 50%; margin-left:0;}
#mainSlider ul.imgList li .caption.copy02 a{width:467px; height:280px; background:url('../../resources/img_app/main_visual_txt02.png') no-repeat;}
#mainSlider ul.imgList li .caption.copy03{left: 50%; margin-left:0;}
#mainSlider ul.imgList li .caption.copy03 a{width:467px; height:280px; background:url('../../resources/img_app/main_visual_txt03.png') no-repeat;} */



/*변경후  20200904 pys*/

.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;}

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

.loginInput{padding-top:0;}



.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;}

#location {display:none;}


.listTypeDetail.listType02 .brListArea li{width: 48%;}
.listTypeDetail.listType03 .brListArea li{width: 48%;}
.listTypeDetail.listType04 .brListArea li{width: 48%;}

.wordSearchInput{text-align:center;}
.wordSearchBtn{float:none;}
.allSearch{float:none; padding-top:5px;}

.wordSearchBtn .btn {width:100%;}
.allSearch .btn{width:100%; margin-top:2px;}

.board_top .btn{width:100%; margin-top:2px;}

.visualTxt{text-align:center; padding-top:20px;}
.visualTxt h3{font-size:24px; color:#fff; font-weight:500; letter-spacing:-2px;}
.visualTxt h4{font-size:20px; color:#fff; font-weight:200; margin-top:20px;}

.mainContentArea{padding-top:20px;}
.visualList{padding:60px 0 0; overflow:hidden;}
.visualList01{float:none; width:100%; padding:20px 40px; text-align:center;}
.visualList01:first-child{width:100%;}

.visualList01 h2{color:#ffffff; font-size:30px; padding-bottom:20px; margin-bottom:20px; font-weight:100;}
.visualList01 h2.visualIco01{background:none;}
.visualList01 h2.visualIco02{background:none;}

.holicEvent .notice-listsSub ul li {float:none; width:100%;}

.holicEvent h2{font-size:30px;}
.holicEvent h2 span{display:none;}
.exhibitionArea03.exhibitionAreaList li h3{margin:20px 20px 0;}
.exhibitionArea03.exhibitionAreaList .exhibitionLy{padding:0;}


}

@media screen and (max-width:640px) {
/* #mainSlider ul.imgList li.slide01{width:100%; background:url('../../resources/img_app/main_swiper/main_visual_mobile01.jpg') no-repeat center top; background-size:auto 100%;}
#mainSlider ul.imgList li.slide02{width:100%; background:url('../../resources/img_app/main_swiper/main_visual_mobile02.jpg') no-repeat center top; background-size:auto 100%;}
#mainSlider ul.imgList li.slide03{width:100%; background:url('../../resources/img_app/main_swiper/main_visual_mobile03.jpg') no-repeat center top; background-size:auto 100%;} */
.txt_title01{font-size:19px}
.exhibitionArea03 li h3{font-size:17px;}
.lnb_area > li{width: 50%; float: left; padding:0;}
.listDetail li{float:none; width:100%; }
.listDetail li h3{height:auto;}
.listDetail li .listContent{height:auto;}
.listDate p{margin-top:5px;}
.listDetail li h3{line-height:22px;}

.notice-listsSub ul{margin-right:0;}
.notice-listsSub ul li {float:none; width:100%;}
.notice-listsSub ul li.normal-notice .cont-box .tit{font-size:15px;}
.galleryView ul {margin-right:0;}
.galleryView li {float:none; width:100%;}
.galleryView li a{margin:0 0 15px;}
.notice-listsSub ul li a{margin:0 0 15px;}
.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;}
.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}

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

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

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

.listTypeDetail.listType02 .brListArea li{width: 100%;}
.listTypeDetail.listType03 .brListArea li{width: 100%;}
.listTypeDetail.listType04 .brListArea li{width: 100%;}

.brListArea{padding:15px;}

.listTypeDetail.listType04 .brListArea li dd{width:70%}
.brListArea h3 .companyName{display:block; width:auto;}
.brListArea h3{white-space:normal; line-height:24px; margin-bottom:5px;}
.brListArea li{padding:7px 0;}
.tabs-container .nav-tabs > li {float: none !important; display:block;}
.nav-tabs > li > a{margin-right:0;}

.visualList{padding:20px 0 0;}
.visualTxt{display:none;}
.visualList01 h2{color:#ffffff; font-size:24px; padding-bottom:10px; margin-bottom:10px; font-weight:100; text-align:left;}

.visualList01 ul li{float:none; width:100%; padding:0px 0; background:none; border-bottom:1px solid #fff;}
.visualList01:first-child  ul li{width:100%;}
.visualList01 ul li:first-child{background:none;}
.visualList01 ul dl{}
.visualList01 ul dt{color:#fff; font-size:30px; line-height:50px;}
.visualList01 ul dd{color:#fff; font-size:14px; margin-top:25px; opacity:0.8; filter:alpha(opacity='0.8');}

.visualList ul li dl{overflow:hidden;}
.visualList ul dd{float:left;}
.visualList ul dt{float:right;}
#mainSlider ul.imgList li .caption p{font-size:30px;}
#mainSlider ul.imgList li .caption p span{font-size:30px; margin-top:10px}

/* 변경전 20200904 pys
#mainSlider ul.imgList li .caption.copy01 a{width:auto; height:130px; background-size:auto 130px}
#mainSlider ul.imgList li .caption.copy02{left: 50%; margin-left:0;}
#mainSlider ul.imgList li .caption.copy02 a{width:auto; height:130px; background-size:auto 130px}
*/
/*변경후 20200904 pys*/
/* #mainSlider ul.imgList li{position:relative; height:230px;} */
/* #mainSlider ul.imgList li .caption.copy01 a{width:auto; height:140px; background-size:auto 140px}
#mainSlider ul.imgList li .caption.copy02{left: 50%; margin-left:0;}
#mainSlider ul.imgList li .caption.copy02 a{width:auto; height:140px; background-size:auto 140px}
#mainSlider ul.imgList li .caption.copy03{left: 50%; margin-left:0;}
#mainSlider ul.imgList li .caption.copy03 a{width:auto; height:140px; background-size:auto 140px} */
/*변경후 20200904 pys*/

/* #header .brand a span{ background-size:130px;} */
.mainCardCon img{height:35px;}


.web-img{display:none;}
.mobile-img{display:block;}



}

/* @media screen and (max-width:500px) { 
.subConView.mainConView{margin-top: -50px;}  
.newsubtitle{ display:none; border: none; } 
.monewsubtitle{ display: block; border: none; margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);} 
.monewsubtitle1{ font-size: 20px;}
.monewsubtitle2{ font-size: 10px;}
} */
@media screen and (max-width:425px) {

.listForm label{width:100% !important;}

.brListArea li{border-bottom:1px solid #eee;}
.brListArea dt {float:none; width:auto;}
.brListArea dt:after{content:"";width:100%; height:0px;}
.brListArea dd {float:none; width:100%; white-space:normal; padding-left:10px;}
.listTypeDetail.listType04 .brListArea li dd{width:100%;}

.quickInfo li a{}

.btn-membership {width: 100%;  margin: 2px 0;}
.joinCheck{text-align:left;}
.joinCheck .btn-membership{margin-top:40px;}

.headerName span{
float:left; line-height:32px; color:#2f9544;
text-align: right;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:110px;
overflow:hidden;
}
}

@media screen and (max-width:330px) { /*lsk 추가*/
.smalldisplay{ display: none; border: none; } /*lsk 추가*/
.smallmodisplay{ display:block; border: none; } /*lsk 추가*/

.headerName span{
float:left; line-height:32px; color:#2f9544;
text-align: right;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:90px;
overflow:hidden;
}
}




@media screen and (max-width:660px) { /*pys*/
.pcmainswiper {display:none;}
.momainswiper {display:inline;}
.subConView.mainConView{margin-top: -50px;}  
.newsubtitle{ display:none; border: none; } 
.monewsubtitle{ display: block; border: none; margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);} 
.monewsubtitle1{ font-size: 20px;}
.monewsubtitle2{ font-size: 10px;}
}

.txtright{text-align: right;}




/*2025 03 04 일 pys 신규 추가 css*/
.section-container {
    border: 2px solid #EEEEEE; /* 빨간색 테두리 */
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.section-container h3 {
    margin-top: 0;
    color: #333;
}



.ver {
    display: inline-block;
    vertical-align: super;    /* 글자를 살짝 위로 */
    font-size: 14px;          /* 필요 시 크기 조절 */
    margin-left: 6px;         /* 간격 */
  }