@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("header.css");

/* @import url("bootstrap.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:#333;
font-size: 15px;
font-family:nanum, "나눔고딕", "맑은고딕", "Malgun Gothic", "돋움", Dotum, Shruti, Arial;
background:#ffffff;
font-weight:400;
letter-spacing:-1px;
 -ms-word-break: keep-all;
    word-break: keep-all;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

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


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

.franchiseWrap{display: none; position:fixed; width:270px; height:270px; bottom:20px; right:20px; z-index:98;}
.franchiseClose{position:absolute; right:10px; top:10px; width:25px; height:25px; background:url('../../resources/img_app/franchiseClose.png') no-repeat center center; text-indent:-5000px; z-index:10;}
.franchiseArea .franchiseLink{display:block; width:270px; height:270px; background:url('../../resources/img_app/franchiseImg.png') no-repeat 0 0; text-indent:-5000px;}

.form-group{margin-bottom:2px;}
.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:150px; }
.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{font-size:13px; 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 #309545; 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{font-size:13px; 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;}

.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;}
.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{font-size:12px; 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;}
.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:210px;}
.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; font-size:13px; 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; font-size:12px; margin-bottom:10px; color:#25903c; }
.requestStep ul > li > div .state{display:block; font-size:13px; 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%;}

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(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;font-size:12px;}
.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{font-size:12px; 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:#6793ca; 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-top:2px solid #d08599}
.accordion > li{border-bottom:1px solid #dddddd; text-decoration:none}
.accordion > li:first-child{border-top:none}
.accordion > li .accordionView{position:relative; display:block; line-height:21px; padding:12px 20px 12px 20px; text-decoration:none; background:#fafafa;}
.accordion > li.active .accordionView{background:#ffffff;}
.accordion > li .accordionOpen{position:absolute;top:0;right:40px;width:22px;height:100%; cursor:pointer;}
.accordion > li span.ico_open{display:block;position:absolute;width:18px;height:18px;top:50%;margin-top:-9px;background-position:0px -132px}
.accordion > li.active span.ico_open{background-position:-20px -132px}
.accordion > li > div.accordionDetail{display:none; background:#fcfcfc; font-size:16px; color:#5a5a5a; border-top:1px solid #ddd; padding:12px 20px}
.accordion > li.active > div.accordionDetail{display:block; }

.faqWrap {margin-top:50px;}

.faqTitle01{float:left;  width:87%; /* white-space:nowrap; overflow:hidden; text-overflow: ellipsis; */ color:#373636; padding-top:10px; line-height:140%;}
.faqIndex{float:left;  width:40px; height:40px; color:#fff; font-size:16px; font-weight:500; border-radius:100%; background:#000d2a; text-align:center; line-height:40px; margin-right:20px;}

.faqArea{overflow:hidden; cursor:pointer;}
.faqArea .faqTitle01{font-size:17px;}
.faqDetail{overflow:hidden;}
.faqDetail .faqIndex{background:#b03d5b;}

.contentType03 .faqDetail .faqIndex{background:#f0781e;}
.contentType03 .accordion{border-top:2px solid #f27800}
.contentType04 .faqDetail .faqIndex{background:#2cac6f;}
.contentType04 .accordion{border-top:2px solid #2cac6f}

.accordion > li.active .faqArea .faqTitle01{color:#000000; font-weight:500; padding-top:10px; padding-bottom:10px;}
.accordion > li.active .faqDetail .faqTitle01{padding-top:10px; padding-bottom:10px; line-height:140%;}

.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; font-size:13px; 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{width:15%; height:100%; background:transparent;}
.p-noti-list .srch-area .btn-srch:after{content:'';display:inline-block; margin-toP:5px; 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{width:12%;line-height:1;text-align:center;font-size:20px;color:#000; margin-top:8px;}
.p-noti-list .noti-list .item-tit{width:85%;padding:0 0 0 2.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;font-size:13px;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;}


.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{font-size:13px; 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:80px !important;}

.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:18px; padding-left:28px; padding-top:2px; margin:7px 18px 4px 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:0; font-size:18px; color:#333333;}
.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:20px; */ padding-left:28px; padding-top:2px; margin:7px 18px 4px 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:0; font-size:18px; color:#333333;}
.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; }
.checkbox-out-width{
    width: 25%;
}


.input-wrap .checkbox-out label{font-size:15px !important; color:#404040 !important;}

.selects{width:100%; position:relative; background-color:#fff;}
.selects select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #d3d3d3; cursor:pointer; background:transparent; border-radius:0; width:100%; height:58px; line-height:58px; padding:0 30px 0 18px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.selects:after {content: ""; position: absolute; right: 0; top: 0; width:38px; height:58px; 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; line-height:24px;}

#headerNew{ max-width:1100px; 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.png') no-repeat 0 0;}

.headerQuick{position:relative;padding:0 16px; /* margin-bottom:15px; */  border-bottom:1px solid #e7e7e7; z-index:22;}
.headerQuick > ul{overflow:hidden; text-align:right; max-width:1340px; margin:0 auto;}
.headerQuick > ul > li{display:inline-block; background:url('../../resources/img_app/topBar.png') no-repeat 0 center; line-height:100%;}
.headerQuick > ul > li > a{display:block; font-size:12px;padding:8px 12px 7px; color:#333;}
.headerQuick > ul > li:hover > a {color:#fff; background:#0e3a76}
.headerQuick > ul > li:first-child{background:none;}
.headerQuick > ul > li .premium{color:#969696; padding-left:25px; line-height:25px; background:url('../../resources/img_app/premiumLogo.png') no-repeat 0 0;}
.headerQuick > ul > li .premium span{color:#007ca3;}

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

.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:#22c555;}
.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:#22c555;}
.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; font-size:13px; 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{font-size:13px;}
.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 #22c555; color:#22c555;}
.galleryChain li:hover a, .galleryChain li.activeFilter a{color:#22c555;}

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


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; font-size:13px;}
.info02 ul.note {margin-left:0;}

ul.note{margin-left:16px;}
ul.note > li{padding-left:14px; line-height:20px; text-align:left; margin-bottom:5px; font-size:13px;}
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:210px; overflow:hidden;}
.subcontentMain01 .bg{ position:absolute; top:0; left:0; width:100%;height:100%; background-position: center bottom;z-index:0;}

.bgWhite {background:#fff;}

.visual01{background:url('../../resources/images/sub/bg_company.png') no-repeat center 80px; background-size:100% 504px;}
.visual02{background:#a2b6cc;}
.visual03{background:#c8a48f;}
.visual04{background:#9cd3b9;}
.visual05{background:#aed085;}
.visual06{background:#c78e9d;}
.visual07{background:#8ea8c7;}
.subcontentMain01 .cover{position:absolute;top:60px;right:70%;width:100%;height:100%; background:#0e3a76; z-index:1;}
.subcontentMainDetail01{width:1100px; margin:0 auto; padding:20px 0;}
.subcontentMain01 .mainTitWrap {max-width:1200px;margin:0 auto;}
.mainTitle{display:inline-block; margin:60px auto 0; height:150px; padding-top:40px;padding-right:70px; text-align:left; position:relative; z-index:200; line-height:18px;background:#0e3a76;}
.mainTitle h2{color:#a1dfff; font-size:4rem; font-weight:700; letter-spacing:-1px;line-height:1;}
.mainTitle h2 span{position: relative;  left: 150px;  opacity: 0;}
.mainTitle p{display:block; color:#ffffff; font-size:14px; margin:10px 0 0;}
.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;}

.conTitle {padding:54px 0 1.5%; text-align:center; }
.conTitle h3{color:#0e3a76; font-size:4.341rem; font-weight:700; padding-bottom:20px; letter-spacing:-1px;}
.conTitle p.subTit{display:inline-block;margin:0 auto 17px; padding:5px 20px 4px;font-size:1.881rem; color:#282828; font-weight:400;border-top:1px solid #282828;border-bottom:1px solid #282828;}
.conTitle.white h3 {color:#fff;font-weight:400;}
.conTitle.white h3 strong{font-weight:700;color:#b0daff;}
.conTitle.white p.subTit { color:#fff;border-color:#fff;}
#fullpage .conTitle.white p.fullTit {font-size:1.869rem;margin-bottom:18px;}
#fullpage .conTitle.white p.fullTit span {color:#b0daff;}
.conTitle.white p + p.stxt {font-size:1.48rem; line-height:2.6rem}
p.stxt {font-size:1.48rem; line-height:2.6rem}

.contentType04 .conTitle p{font-weight:400;}

.conTitle.counselTitle h4{position:relative; color:#4e4e4e; font-size:28px; letter-spacing:-2px; padding-bottom:15px; line-height:130%; font-weight:400;}
.conTitle.counselTitle h3{position:relative; color:#000000; font-size:34px; letter-spacing:-2px; display:inline-block; padding-bottom:8px; line-height:130%;}
.conTitle.counselTitle h3:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#000;}
.conTitle.counselTitle h3 span{color:#dd5e00;}
.conTitle.counselTitle h3 em.normalTxt{font-weight:400;}

.contentType04 .conTitle.counselTitle h3 span{color:#2cac6f;}

.conTitle.counselTitle p{font-size:26px; color:#4e4e4e; font-weight:400; line-height:130%; letter-spacing:-1.5px; margin-top:20px;}
.conTitle.counselTitle p span{display:block; font-size:18px; margin-top:15px; line-height:130%;}

.conTitle.counselTitle .processTit{font-size:18px; color:#4e4e4e; font-weight:400; line-height:160%; letter-spacing:-1.5px; margin-top:30px;}
.conTitle.counselTitle .processTit span{display:block; margin-top:0;}

.conTitle.counselTitle .recruitTit{font-size:26px; color:#000000; font-weight:400; line-height:160%; letter-spacing:-1.5px; margin-top:30px;}
.conTitle.counselTitle .recruitTit span{display:block; margin-top:0; font-size:26px; color:#000000;}

.conTitle .recruitTit01{font-size:24px; color:#000000; font-weight:400; line-height:160%; letter-spacing:-1.5px; margin-top:30px;}
.conTitle .recruitTit01 span{display:block; margin-top:0; font-size:24px; color:#000000;}

.conTitle .studyTit{font-size:32px; color:#c16a37; font-weight:500; line-height:130%; letter-spacing:-1px;}
.conTitle .studyTit span{display:block; color:#4e4e4e; font-weight:400; margin-top:3px; line-height:130%;}

.studySubTit{text-align:center; padding:30px 0;}
.studySubTit p{font-size:24px; color:#4e4e4e; line-height:130%; letter-spacing:-1px;}

.conTitle .recruitTXT01{font-weight:400; color:#000 !important;}

.conTitle .partnerTit{font-size:24px; color:#000000; font-weight:400; line-height:160%; letter-spacing:-1.5px; margin-top:10px;}
.conTitle .partnerTit em{color:#539601; font-weight:500;}
.conTitle .partnerTit span{display:block; margin-top:0; font-size:24px; color:#000000; font-weight:500; text-decoration:underline;}

.conTitle .partnerTit01{font-size:24px; color:#000000; font-weight:500; line-height:160%; letter-spacing:-1.5px; margin-top:10px;}
.conTitle .partnerTit01 em{font-weight:500;}
.conTitle .partnerTit01 span{display:block; margin-top:0; font-size:24px; color:#000000; font-weight:200;}

.conTitle02 {padding:20px 0 30px; text-align:center; }
.conTitle02 h3{position:relative; color:#000000; font-size:30px; letter-spacing:-2px; display:inline-block; padding-bottom:8px; line-height:130%;}
.conTitle02 h3:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#000;}
.conTitle02 h3 span{font-weight:400;}

.conTitle03 {padding:20px 0 30px; text-align:center; }
.conTitle03 h3{position:relative; color:#000000; font-size:36px; letter-spacing:-2px; display:inline-block; padding-bottom:8px; line-height:130%;}
.conTitle03 h3:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#000;}

.curriculumTxt{font-size:24px; color:#000000; font-weight:200; line-height:140%; letter-spacing:-1.5px; margin-top:30px;}
.curriculumTxt em{font-weight:500;}
.curriculumTxt .cl01{color:#0082f0; font-weight:500;}

.contentCon{padding-bottom:60px;}
.supportWay{background:#f9f9f9; padding:80px 50px;}
.supportWay ul{}
.supportWay li{color:#555; font-size:18px; padding-left:20px; background:url('../../resources/img_app/supportWayIco.png') no-repeat 0 6px; margin-top:15px;}
.supportWay li:first-child{margin-top:0;}
.supportWay li span{margin-left:20px; font-size:17px;}
.supportWay li span em{color:#000;}

.conSubRecruit{margin-top:20px;}

.modelProcess{}
.modelProcess ul{overflow:hidden; margin-right:-30px !important;}
.modelProcess li{float:left; width:16.6666%; padding-right:30px;}
.modelProcess li dl{text-align:center;}
.modelProcess li dt{width:150px; height:150px; border-radius:100%; background:#60c394;}
.modelProcess li dt span{display:block; padding-top:35px; padding-bottom:100px; color:#fff; font-size:18px; font-weight:500;}
.modelProcess li dd{color:#000; font-size:20px; margin-top:20px;}

.modelProcess li.modelProcess01 dt span{background:url('../../resources/img_app/modelProcess01.png') no-repeat center 70px;}
.modelProcess li.modelProcess02 dt span{background:url('../../resources/img_app/modelProcess02.png') no-repeat center 70px;}
.modelProcess li.modelProcess03 dt span{background:url('../../resources/img_app/modelProcess03.png') no-repeat center 70px;}
.modelProcess li.modelProcess04 dt span{background:url('../../resources/img_app/modelProcess04.png') no-repeat center 70px;}
.modelProcess li.modelProcess05 dt span{background:url('../../resources/img_app/modelProcess05.png') no-repeat center 70px;}
.modelProcess li.modelProcess06 dt span{background:url('../../resources/img_app/modelProcess06.png') no-repeat center 70px;}

.teacherArea{margin-top:50px; width:1092px; height:682px; background:url('../../resources/img_app/teacherImg.png') no-repeat 0 0;}
.teacherArea ul{overflow:hidden; width:700px; float:right; margin-right:50px; margin-top:80px;}
.teacherArea ul li{float:left; width:50%;}
.teacherArea ul li dl{padding:20px; text-align:center; color:#000; height:240px;}
.teacherArea ul li dl dt{border:3px solid #ddd; border-radius:40px; background:#ffffff; padding:15px 10px; font-size:24px; font-weight:500;}
.teacherArea ul li dl dd{font-size:20px; margin-top:20px; line-height:140%; padding:0 20px;}

.teacherArea ul li.teacherTxt01 dl dt{border:3px solid #69d9cb;}
.teacherArea ul li.teacherTxt02 dl dt{border:3px solid #ffc621;}
.teacherArea ul li.teacherTxt03 dl dt{border:3px solid #a4cc2e;}
.teacherArea ul li.teacherTxt04 dl dt{border:3px solid #f69014;}

.processArea{margin-top:50px;}
.processArea ul:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.processArea ul li{float:left; width:33.3%; border:1px solid #ddd; margin-bottom:-1px; margin-right:-1px; padding:50px 10px; text-align:center;}
.processArea ul li .processStep{display:inline-block; color:#dd5e00; font-size:20px; font-weight:700; background:#fff; border:2px solid #dd5e00; border-radius:40px;padding:12px 60px;}
.processArea ul li.active .processStep{color:#ffffff; background:#dd5e00; border:2px solid #dd5e00;}
.processArea ul li dl{padding-top:85px; margin-top:30px;}
.processArea ul li dt{font-size:22px; color:#000000; font-weight:500;}
.processArea ul li dd{font-size:20px; color:#4e4e4e; margin-top:10px; line-height:130%;}

.process01{background:url('../../resources/img_app/process01.png') no-repeat center 0;}
.process02{background:url('../../resources/img_app/process02.png') no-repeat center 0;}
.process03{background:url('../../resources/img_app/process03.png') no-repeat center 0;}
.process04{background:url('../../resources/img_app/process04.png') no-repeat center 0;}
.process05{background:url('../../resources/img_app/process05.png') no-repeat center 0;}
.process06{background:url('../../resources/img_app/process06.png') no-repeat center 0;}

.BestPart{}
.BestPart ul{overflow:hidden; margin-right:-25px;}
.BestPart ul li{float:left; width:33.3%; padding-right:25px; padding-top:25px;}
.BestPartWrap{border:1px solid #ddd;}
.BestImg{width:100%; height:280px; overflow:hidden;}
.BestImg img{width:auto; height:100%;}
.BestTxt{padding:20px;}
.BestTxtInfo {overflow:hidden; padding-bottom:12px;}
.BestTxtInfo p{float:left; color:#000; font-size:16px;}
.BestTxtInfo span{display:block; color:#999999; font-size:16px; text-align:right;}
.BestTxt h3{height:48px; overflow:hidden; font-size:20px; color:#000; line-height:120%;}
.BestTxtDetail{height:110px; overflow:hidden; color:#333333; font-size:16px; margin-top:15px; line-height:140%;}

.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; font-size:13px; color:#337ab7; padding-right:15px; background:url('../../resources/img_app/btl02.png') no-repeat right 4px;}

.storeUl{background:#f9f9f9; padding:80px 40px;}
.storeUl ul{overflow:hidden; margin-right: -30px !important;}
.storeUl ul li{float:left; width:25%; padding-right:30px; text-align:center;}
.storeUl ul li .processStep{display:inline-block; color:#ffffff; font-size:16px; font-weight:500; background:#5e9d00; border-radius:40px;padding:6px 20px;}
.storeUl ul li dl{margin-top:20px; height:130px;}
.storeUl ul li dl dt{font-size:20px; color:#000; margin-bottom:10px; font-weight:500;}
.storeUl ul li dl dd{font-size:16px; color:#000; padding:0 10px; line-height:140%;}

/* 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; margin:0;}
.table_type1 > table {width:100%; background:#ffffff; border-bottom:1px solid #d2d2d2;}
.table_type1 > table > thead > tr > th {text-align:center; border-left:1px solid #d2d2d2; padding:25px 0;  color:#ffffff; background:#464646; font-size:22px;}
.table_type1 > table > thead > tr > th:first-child {border-left:none;}
.table_type1 > table > tbody > tr > td {text-align:center; border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2; padding:25px 5px; color:#000000; font-size:22px;}
.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 > 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_type2 {position:relative; border:1px solid #e2e2e2; border-top:2px solid #2cac6f;  margin:0;}
.table_type2 > table {width:100%; background:#ffffff;}
.table_type2 > table > thead > tr > th {text-align:center; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-size:18px; padding:20px 0; font-weight:500; color:#000000; background:#f9f9f9;}
.table_type2 > table > thead > tr > th:first-child {border-left:0 none;}
.table_type2 > table > tbody > tr > td {text-align:center; border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2; font-size:18px; padding:15px 5px; color:#555555; }
.table_type2 > table > tbody > tr:first-child > td {border-top:none;}
.table_type2 > table > tbody > tr > td:first-child {border-left:0 none;}

.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:#086d1c;  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;}

.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: #6793ca;
}
.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: #6793ca;
	color: #fff;
	line-height: 30px;
	font-weight: 500;
}
.copy_txt em {
	color: #6793ca;
	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{font-size:12px; 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; font-size:12px; color:#000;}
.loginRemember .checkbox-inline{padding-left:0;}

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

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

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

.membershipDetail02 {margin-top:20px;}

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

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

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


.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:#22c555; border:1px solid #22c555;}
.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 #22c555; border-bottom:1px solid #22c555; color:#22c555; 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;}


.colUnit {font-size:18px; text-align:center; line-height: 58px;}

.wHide{display:none;}

.regWrap{background:#f9f9f9; padding:90px 120px; overflow:hidden;}
.regTitle{overflow:hidden; padding-bottom:15px; border-bottom:2px solid #231f20; margin-bottom:20px;}
.regTitle h3{float:left; color:#222222; font-size:24px; font-weight:500; letter-spacing:-2px;}
.regTitle h3 span{color:#dd5e00;}
.regTitle .star01{float:right; color:#ec6115; font-size:15px; margin-top:8px; display:inline-block; padding-left:15px; padding-right:0; background:url('../../resources/img_app/star.png') no-repeat 0 center;}


.officeWrap{background:url('../../resources/img_app/officeLogo.png') no-repeat center center #f9f9f9; padding:90px 80px; overflow:hidden; height:700px;}
.officeUl{position:relative;}
.officeUl li{position:absolute; width:340px;}
.officeUl li h3{font-size:23px; font-weight:500;}
.officeUl li .officeTxt{margin-top:20px; padding-left:12px;}
.officeUl li .officeTxt p{font-size:18px; color:#000000; line-height:140%; margin-top:6px; padding-left:14px; background:url('../../resources/img_app/supportWayIco.png') no-repeat 0 6px; background-size:4px;}

.officeUl li.officeUl01{left:0; top:20px;}
.officeUl li.officeUl02{right:0; top:20px;}
.officeUl li.officeUl03{left:0; top:400px;}
.officeUl li.officeUl04{right:0; top:400px;}

.officeUl li.officeUl01 h3{color:#639e2e;}
.officeUl li.officeUl02 h3{color:#9d9624;}
.officeUl li.officeUl03 h3{color:#289a3b;}
.officeUl li.officeUl04 h3{color:#269d7a;}


/* 파트너즈 */ 
.patnerList {margin-top:28px;}
.patnerList .col-lg-3{padding:22px 35px;}
.patnerList .col-lg-3>div {border:1px solid #003d82; border-radius:5px; text-align:center;}
.patnerList .col-lg-3>div a {position:relative;display:block;text-align:center;background:#003d82;}
.patnerList .col-lg-3>div a > p {font-size:24px; font-weight:500; color:#fff; padding:90px 0 30px;}
.patnerList .col-lg-3>div a > p:before {content:'';display:block;width:70px;height:1px;margin:0 auto 17px;background:#fff}
.patnerList .col-lg-3>div a:hover .partnerinfo {display:block; }
.patnerList .col-lg-3>div .partnerinfo {display:none; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px;background:#fff;}
.patnerList .col-lg-3>div .partnerinfo dl {padding:30px 0;}
.patnerList .col-lg-3>div .partnerinfo dt {font-size:24px; margin-bottom:15px;color:#282828;}
.patnerList .col-lg-3>div .partnerinfo dt:after {content:'';display:block;width:70px;height:1px;margin:15px auto 0;background:#003d82}
.patnerList .col-lg-3>div .partnerinfo dd {font-size:14px;color:#333;}

.patnerList .col-lg-3>div a > p.ico01 {background:url("../../resources/images/sub/icon_part01.png") no-repeat center 36px;}
.patnerList .col-lg-3>div a > p.ico02 {background:url("../../resources/images/sub/icon_part02.png") no-repeat center 31px;}
.patnerList .col-lg-3>div a > p.ico03 {background:url("../../resources/images/sub/icon_part03.png") no-repeat center 35px;}
.patnerList .col-lg-3>div a > p.ico04 {background:url("../../resources/images/sub/icon_part04.png") no-repeat center 30px;}
.patnerList .col-lg-3>div a > p.ico05 {background:url("../../resources/images/sub/icon_part05.png") no-repeat center 31px;}
.patnerList .col-lg-3>div a > p.ico06 {background:url("../../resources/images/sub/icon_part06.png") no-repeat center 30px;}
.patnerList .col-lg-3>div a > p.ico07 {background:url("../../resources/images/sub/icon_part07.png") no-repeat center 30px;}
.patnerList .col-lg-3>div a > p.ico08 {background:url("../../resources/images/sub/icon_part08.png") no-repeat center 31px;}
.patnerList .col-lg-3>div a > p.ico09 {background:url("../../resources/images/sub/icon_part09.png") no-repeat center 25px;}
.patnerList .col-lg-3>div a > p.ico10 {background:url("../../resources/images/sub/icon_part10.png") no-repeat center 18px;}
.patnerList .col-lg-3>div a > p.ico11 {background:url("../../resources/images/sub/icon_part11.png") no-repeat center 28px;}
.patnerList .col-lg-3>div a > p.ico12 {padding:72px 0 20px;line-height:1.2;background:url("../../resources/images/sub/icon_part12.png") no-repeat center 10px;}
.patnerList .col-lg-3>div a > p.ico12:before {margin:0 auto 9px;}

/* 솔루션 */
.imgCetner {position:relative;width:100%;margin:0px auto 70px; text-align:center;}
.imgCetner:before {content:'';display:block;position:absolute;top:50%; left:50%;margin-top:-130px;margin-left:-50%; width:100%; height:260px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c6ddf0+0,ebf2fc+100 */
    background: #c6ddf0; /* Old browsers */
    background: -moz-linear-gradient(left,  #c6ddf0 0%, #ebf2fc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #c6ddf0 0%,#ebf2fc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #c6ddf0 0%,#ebf2fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6ddf0', endColorstr='#ebf2fc',GradientType=1 ); /* IE6-9 */
}
/* 회사소개 */
.cominfoWrap {text-align: left;margin-top:100px;}
.cominfoWrap >div > img {padding-top:5px;}
.officeTxtWrap{display:table; padding:0 90px;}

.officeTxt {position:relative;z-index:2}
.officeTxt dt{margin-bottom:20px;font-size:18px; color:#333; line-height:1.7; font-weight:700;}
.officeTxt dd{font-size:15px;line-height:1.8; word-break:keep-all;font-weight:400;}
.officeTxt dd.last {margin-top:20px;font-size:18px; font-weight:700;}
.officeTxtWrap > p{ font-size:22px; color:#333; font-weight:400;    float: none;display: table-cell;vertical-align: middle;}
.officeTxtWrap > p + div {width:100%; padding-left:50px; text-align: left}

.officeTxtWrap.bgGra{position:relative;width:100%; height:100%;}
.officeTxtWrap.bgGra:before {content:'';position:absolute;top:50%; left:0;width:100%; height:290px;margin-top:-145px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a9d7ee+0,e9f2fc+50,aadbee+100 */
    background: #a9d7ee; /* Old browsers */
    background: -moz-linear-gradient(left,  #a9d7ee 0%, #e9f2fc 50%, #aadbee 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #a9d7ee 0%,#e9f2fc 50%,#aadbee 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #a9d7ee 0%,#e9f2fc 50%,#aadbee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9d7ee', endColorstr='#aadbee',GradientType=1 ); /* IE6-9 */
}
.officeTxtWrap.bgGra .officeTxt {float:none;display:table-cell;vertical-align:middle; }
.officeTxtWrap.bgGra .officeTxt dl {width:350px;margin-left:8%;}
.wsNowrap {white-space:nowrap;}

/* onepage */
/* main */
.main .subConDetail, .main .subConView {max-width:1360px;margin:0 auto;}
.main .maintxt {max-width:540px;}
.main .row {display:table;}
.main .row .col-md-4, .main .row .col-md-8, .main .row .col-md-6 {float:none;display:table-cell;vertical-align: middle;}
.main .maintxt02 {padding-right: 95px;display: table-cell;vertical-align: middle;}
.main .maintxt03 {padding-left: 10px;display: table-cell;vertical-align: middle;}
.main .maintxt dt img, .mtxtArea dt img {display:block;margin:0 auto 28px;}
.main .maintxt dt, .mtxtArea dt {display:block;margin-bottom:15px;font-size:1.8rem;font-weight:500;color:#0e3476}
/* .main .maintxt02 dd {width:410px;} */
.main .maintxt dt.white {color:#fff;}
.main .maintxt dd a{display:inline-block;padding:20px 60px;margin-top:35px; font-size:1.8rem; border:1px solid #0e3476;color:#0e3476}
.main .maintxt dd a:hover {color:#fff;background:#0e3476}
.main .maintxt dd a.white {color:#fff;border-color:#fff;}
.main .maintxt dd a.white:hover {color:#0e3476;background:#fff}

.main .tab_wrap {position: absolute; top:60px;max-width:1100px;}
.main .tab_wrap:after {content:'';display:block;clear:both;}
.main .tabNew.type1 {width:1100px;}
.main .tabNew.type1 > li > a {width:190px;}
.tab_wrap > ul.tabNew.type1 {display:block;}
.main .topmargin {margin-top:150px;}
/* .tab_wrap select { display:none; } */



/* #fullpage .intro .subContent{height:100%;padding-top:80px;} */
.section.footer,
.section.footer .fp-tableCell {height:187px !important; overflow:hidden; padding:0;text-align:left;}
/* .fp-tableCell .subConView {padding-top:90px;} */
.btnMouse {position:absolute;top:110%;left:50%;margin-left:-60px;width:120px;height:106px;color:#fff; background:url('../../resources/images/sub/img_mouse.png') no-repeat center bottom;}
.btnMouse:hover {color:#fff;}
.btnMouse:hover span{width: 120px;height: 100px; margin: -5px 0px 0px 0px;}
#fullpage .fullTit {font-size:1.448rem; line-height:2.6rem;font-weight:500;}
#fullpage .fullTit span {color:#0e3476}
#fullpage .imgArea {border:none;}
.section.topBorder {border-top:1px solid #e2e2e2}

/* Centered texts in each section
	* --------------------------------------- */
	.section{text-align:center;}

	/* Backgrounds will cover all the section
	* --------------------------------------- */
	.section{background-size: cover !important;background-position: center center;}
    /* .slide{background-size: cover !important;} */
    .slide{background-repeat: no-repeat}

	/* Defining each section background and styles
	* --------------------------------------- */
	/* #section0{background-image: url('../../resources/images/main/bg_main01.png');} */
	/* #section0 h1{top: 50%;transform: translateY(-50%);position: relative;} */

	/*Adding background for the slides
	* --------------------------------------- */
	/* #slide1{background-image: url(../../resources/images/sub/img_pc_slide01.png);}
	#slide2{background-image: url(../../resources/images/sub/img_pc_slide02.png);} */
    .fp-controlArrow.fp-next {top:450px;right:50%;margin-right:-48%;width:46px; height:46px; border:none;background:url('../../resources/images/sub/btn_slideNext.png') no-repeat 0 0;}
    .fp-controlArrow.fp-prev {top:450px;left:50%;margin-left:-48%;width:46px; height:46px; border:none;background:url('../../resources/images/sub/btn_slidePrev.png') no-repeat 0 0;}


/* bg */
#section0{background-image:url('../../resources/images/main/bg_main01.png');}
#section01{background-image:url('../../resources/images/main/bg_main02.png');}
#section02{background-image:url('../../resources/images/main/bg_main03.png');}
#section1 {background-image:url('../../resources/images/sub/bg_business01.png');}
#section2 {background-image:url('../../resources/images/sub/bg_business02.png');}
#section3 {background-image:url('../../resources/images/sub/bg_business03.png');}
#section4 {background-image:url('../../resources/images/sub/bg_business04.png');}
#section5 {background-image:url('../../resources/images/sub/bg_business05.png');}
.section.gray {background:#f8f8f8}
#section21 {background:#0f2139}

.intro .conTitle{padding:100px 0 80px;}
.intro .conTitle > h3 +  p {font-size:24px; font-weight:500;color:#fff;line-height:47px;}
.intro .conTitle > h3 +  p > span {color:#94cafa; white-space:nowrap;word-break: keep-all;}

/* 인테리어톡 */
.culist.type3,
.culist.type5{max-width:844px;margin:0 auto;}
.culist.type2,
.culist.type4 {max-width:560px;margin:0 auto;}
.culist > div {padding:0 50px;}
.culist > div > div {width:188px;height:188px;margin:0 auto;border:2px solid #fff;border-radius:50%; }
.culist > div > div p {padding-top:105px;font-size:1.81rem; font-weight:400;color:#fff;line-height:2.671rem;}
.culist > div > div p:before {content:'';display:block;width:84px;height:1px;margin:-4px auto 8px; background:#989998}
.culist > div + div > div p.one:before {margin-bottom:20px;}
.main .culist > div + div > div p.one:before {margin-bottom: 15px;}
.culist > div > div p {background:url('../../resources/images/sub/ico_b5_01.png') no-repeat center 23px;}
.culist > div + div > div p {background:url('../../resources/images/sub/ico_b5_02.png') no-repeat center 22px;}
.culist > div + div + div > div p {background:url('../../resources/images/sub/ico_b5_03.png') no-repeat center 22px;}

.main .culist > div > div p {background:url('../../resources/images/sub/ico_b5_01.png') no-repeat center 18px;background-size:25% auto;}
.main .culist > div + div > div p {background:url('../../resources/images/sub/ico_b5_02.png') no-repeat center 18px;background-size:22% auto;}
.main .culist > div + div + div > div p {background:url('../../resources/images/sub/ico_b5_03.png') no-repeat center 20px;background-size:32% auto;}

.main .culist > div > div {width:140px;height:140px;margin:0 auto;border:2px solid #fff;border-radius:50%; }
.main .culist.type3,.main .culist.type5,.main .culist.type2,.main .culist.type4 {max-width: 600px;margin-top:8%;}
.main .culist > div {padding:0 20px;}
.main .culist > div > div p {padding-top:80px; font-size:1.5rem;line-height:1.2;}
.main .culist.type5 > div > div p {background-size: 50% auto; }

/* 네트워크톡 */
.culist.type2 > div > div p {background:url('../../resources/images/sub/ico_b4_01.png') no-repeat center 23px;}
.culist.type2 > div + div > div p {background:url('../../resources/images/sub/ico_b4_02.png') no-repeat center 32px;}

.main .culist.type2 > div > div p {background:url('../../resources/images/sub/ico_b4_01.png') no-repeat center 23px;background-size:35% auto;}
.main .culist.type2 > div + div > div p {background:url('../../resources/images/sub/ico_b4_02.png') no-repeat center 23px;background-size:33% auto;}

.netWUl {max-width:1200px;margin:40px auto;}
.netWUl > div {width:20%;min-height:130px;padding-top:300px;}
.netWUl > div {background:url('../../resources/images/sub/img_busi0401.png') no-repeat center top;}
.netWUl > div + div {background:url('../../resources/images/sub/img_busi0402.png') no-repeat center top;}
.netWUl > div + div + div {background:url('../../resources/images/sub/img_busi0403.png') no-repeat center top;}
.netWUl > div + div + div + div {background:url('../../resources/images/sub/img_busi0404.png') no-repeat center top;}
.netWUl > div + div + div + div + div {background:url('../../resources/images/sub/img_busi0405.png') no-repeat center top;}
.netWUl > div dl dt {font-size:1.8rem;font-weight:500;line-height:3.6rem}
.netWUl > div dl dt:after {content:'';display:block;width:36px;height:1px;margin:0 auto 12px;background:#dbdbdb;}
.netWUl > div dl dd {width:155px;margin:0 auto;font-size:1.4rem; line-height:2.2rem}

/* 프린팅톡 */
.culist.type4 > div > div p {background:url('../../resources/images/sub/ico_b3_01.png') no-repeat center 30px;}
.culist.type4 > div + div > div p {background:url('../../resources/images/sub/ico_b3_02.png') no-repeat center 20px;}
.main .culist.type4 {}
.main .culist.type4 > div > div p {background:url('../../resources/images/sub/ico_b3_01.png') no-repeat center 25px;background-size:35% auto;}
.main .culist.type4 > div + div > div p {background:url('../../resources/images/sub/ico_b3_02.png') no-repeat center 16px;background-size:30% auto;}

.stairs {margin-top:3%;}

.productList {max-width:1200px;margin:20px auto 5%;}
.productList .row > div {max-height:268px; margin:0;padding:0 3%;}
.productList .row.goods > div + div + div + div {margin-top:40px}
.productList h4 {position:relative;margin-bottom:25px;z-index:2}
.productList h4:after {content:'';display:block;position:absolute; top:18px;width:100%; height:1px; background:#0e3a76;z-index:0;}
.productList h4 span{position:relative;display:inline-block; padding:5px 15px; font-size:24px;font-weight:500;color:#fff;border-radius:13px;background:#0e3a76;z-index:2}

.productList dt {display:inline-block; padding:5px 15px; margin:15px 0 20px; font-size:21px;font-weight:500;color:#fff;border-radius:13px;background:#0e3a76;}
.productList dd {font-size:18px; font-weight:500;}

.productList.tittype2 {margin-bottom:90px;}
.productList.tittype2 h4,
.productList.tittype3 h4 {position:relative;margin-bottom:60px;z-index:2}
.productList.tittype2 h4 span, 
.productList.tittype2 h4:after,
.productList.tittype2 dt{background:#42a1e2}
.productList.tittype3 h4 span, 
.productList.tittype3 h4:after,
.productList.tittype3 dt{background:#0775e4}

/* PC톡 */
.culist.type5 > div > div p {background:url('../../resources/images/sub/ico_b2_01.png') no-repeat center 30px;}
.culist.type5 > div + div > div p {background:url('../../resources/images/sub/ico_b2_02.png') no-repeat center 20px;}
.culist.type5 > div + div + div > div p {background:url('../../resources/images/sub/ico_b2_03.png') no-repeat center 40px;}

.main .culist.type5 > div > div p {background:url('../../resources/images/sub/ico_b2_01.png') no-repeat center 18px;background-size:35% auto;}
.main .culist.type5 > div + div > div p {background:url('../../resources/images/sub/ico_b2_02.png') no-repeat center 18px;background-size:35% auto;}
.main .culist.type5 > div + div + div > div p {background:url('../../resources/images/sub/ico_b2_03.png') no-repeat center 30px;background-size:60% auto;}

.pcPoint {display:flex; max-width:1200px;margin:2% auto 4%;justify-content:center;}
.pcPoint li {position:relative;display:inline-flex;width:193px;height:315px; padding:0 15px;color:#fff; text-align:center;}
.pcPoint li span {position:absolute; top:30px; width:163px; text-align:center; color:#0f2139;font-size:1.448rem;font-weight:500;}
.pcPoint li span + span {top:90px; font-size:1.869rem;font-weight:500;}
.pcPoint li span + span em {color:#fff; font-size:1.448rem;font-weight:400;}
.pcPoint li + li span  {color:#41a7e1;}
.pcPoint li + li + li span {color:#4383dd}
.pcPoint li + li span + span {color:#fff;}
.pcPoint li + li + li span + span {top:72px;}

.pcPoint li {background: url('../../resources/images/sub/img_pc_01.png') no-repeat center center;}
.pcPoint li + li {background: url('../../resources/images/sub/img_pc_02.png') no-repeat center center;}
.pcPoint li + li + li {background: url('../../resources/images/sub/img_pc_03.png') no-repeat center center;}

.pcservice {width:calc(100% + 72px); margin:0 -36px 0 -36px; padding:1.5% 0 1.4%; background:#b0daff}
.pcsvcInner {display:flex;justify-content:center;}
.pcsvcInner img {width:158px;height:204px;}
.pcsvcInner dl {text-align:left;padding:3% 0 0% 35px;}
.pcsvcInner dl dt{margin-bottom:20px;font-size:4.341rem; color:#0e3a76; font-weight:700;}
.pcsvcInner dl dd {font-size:1.448rem;line-height:2.8rem;}
.productList dl dd a{display:inline-block;margin-top:20px; padding:9px 30px; font-size:15px; color:#0e3a76; border:1px solid #0e3a76; border-radius:4px;}
.productList dl dd a:hover {color:#fff;background:#0e3a76}
.productList.type2 .row > div {max-height:310px;}
.productList.type2 .row {margin-bottom:50px;}
.productList.type2 .row:last-child {margin-bottom:0;}
.conTitle .subTxt {font-size:2.4rem;line-height:1.5; color:#282828;}
#fullpage .conTitle h3 span {font-weight:300;}

.fp-slides {max-width: 1200px;margin:0 auto;}
.fp-slide .fp-tableCell {display:block;max-width:1200px;margin:0 auto;vertical-align:middle;max-height: 416px;}
.section .subConDetail {position:relative;clear:both}
.fp-controlArrow {margin-top:-23px;}
.slide {text-align:center;max-width:1200px;margin:0 auto;}
#slide2 .intro img, #slide2 .intro {vertical-align: middle;}
#slide2 .intro {height: 416px;}
.productList.type3 .row > div:before {content:'';float:left;display:block;width:1px;height:110px;margin:12px 0 12px -36px; background:#e9e9e9;}
.productList.type3 .row > div:first-child:before {background:#fff;}
.productList.type3 h5 {font-size:1.8rem;color:#333;}
.productList.type3 h5:after {content:'';display:block;width:30px;height:2px;margin:12px auto; background:#dbdbdb;}
.productList.type3 h5 + p {font-size:1.448rem}

.stepList {max-width:1200px;margin:0 auto;}
.stepList .row > div {float:left;width:37%;}
.stepList .row > div + div + div {width:26%;}
.stepList .pR108 {padding-right:108px;}
.stepList dl dt {font-size:1.869rem; line-height:2.7rem;font-weight:700;margin-top:13%;}
.stepList dl dt:after {content:'';display:block;width:30px;height:2px;margin:12px auto; background:#dbdbdb;}
.stepList dl dt.one {line-height:5.4rem}
.stepList dl dt span {display:block;text-indent: -99999px;line-height:6rem; font-weight:700;color:#cdcdcd;}
.first dt {background:url('../../resources/images/sub/num01.png') no-repeat center top}
.two dt {background:url('../../resources/images/sub/num02.png') no-repeat center top}
.three dt {background:url('../../resources/images/sub/num03.png') no-repeat center top}
.first dl dd span:before {content:'▶';display:inline;margin:0px 5px 0 0; width:10px; height:13px;color:#42a1e2;}

/* 오피스톡 */
#section1 .subConDetail {margin:6% auto 6.5%}
.section .conTitle .bgTxt {display:inline-block;margin-bottom:20px;padding:2px 5px;font-size:26px; color:#fff;font-weight:400;line-height:1;border-radius:10px;background:#96ceff}
.officeTocArea {margin-top:30px}
#fullpage .officeTxt {padding-top:6rem;}
#fullpage .officeTxt dt span{color:#143d78}
#fullpage .officeTxt dd {margin-bottom:20px} 

/* 오시는 길 */
.addArea {padding:50px 150px; text-align:left;}
.addArea .row + .row {margin-top:100px;}
.addArea dl {padding:25px 55px;}
.addArea dl dt {padding-top:35px;margin-bottom:35px;border-top:1px solid #e6e6e6;font-size:28px;color:#333;font-weight:700;}
.addArea dl dt:before {content:'';position: absolute;display:inline-block;width:90px; height:6px;margin-top:-38px;margin-bottom:35px;background:#0e3a76}
.addArea dl dt + dd {font-size:17px;}
.addArea dl dt + dd + dd {font-size:14px;margin-top:15px;margin-bottom:5px;}
.addArea dl dt + dd + dd + dd a{display:inline-block;margin-top:20px;width:173px;height:48px;color:#0e3a76;text-align:center;line-height:48px;border-radius:4px;border:1px solid #0e3a76; background:#fff url(../../resources/images/sub/btn_arr_off.png) no-repeat 94% center;}
.addArea dl dt + dd + dd + dd a:hover{color:#fff;background:#0e3a76 url(../../resources/images/sub/btn_arr_on.png) no-repeat 94% center;}


/* 테이블 */
.tbl1 table {border:1px solid #e5e5e5;border-top:2px solid #0e3a76;padding:0;}
.tbl1 th, .tbl1 td {border-bottom:1px solid #e5e5e5;color:#333;}
.tbl1 th {font-size:15px;padding:14px 20px;text-align:center;font-weight:700;border-right:1px solid #e5e5e5;background:#fafafa;}
.tbl1 td {font-size:14px;padding:14px 20px;}
.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 {}
.ackisbriefing_centerimg {width:100%;margin-top:15px;text-align:center;}
.ackisbriefing_centerimg p {margin-top:5px;text-align:center;font-size:12px;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 {font-size:12px;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;}


.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:20px; 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:1100px; margin-left:-610px;}
.briefingLine ul{overflow:hidden; width:100%;}
.briefingLine li{float:left; width:20%; height:8px;}
.briefingLine li.line01{background:#22c555;}
.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; font-size:13px; width:75%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.briefingListDetail dd{float:right; color:#ffffff; font-size:13px; width:22%; text-align:right;}

.board_bottom{padding:20px 0 30px;}
.board_bottom .form-inline {max-width:360px; height:30px; display:block;margin:30px auto;}
.board_bottom select#sltAre {border:1px solid #c9c9c9;border-right:none;height:34px;padding:7px 10px 7px 16px;vertical-align: middle;background:#fff; }
.board_bottom .form-inline input {width:67%;margin-left:-3px;padding:0 10px;border:1px solid #c9c9c9;border-left:none;line-height:34px;height:34px;vertical-align: middle;}
.board_bottom .form-inline .btnSch {width:30px;height:30px;padding:0;text-indent:-9999px;background:url('../../resources/images/cm/btn_search.png') no-repeat center;}
.mainNewsArea{}
.mainCardArea{width:100%; position:relative;}
.copyrightArea {color: #999 !important;}

@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true)) and (not (-moz-appearance:none)) {
	.board_bottom{padding:20px 0 30px;}
    .board_bottom .form-inline {max-width:360px; height:30px; display:block;margin:30px auto;}
    .board_bottom select#sltAre {border:1px solid #c9c9c9;border-right:none;height:34px;padding:7px 10px 7px 16px;vertical-align: middle;background:#fff; }
    .board_bottom .form-inline input {width:67%;margin-left:-3px;padding:0 10px;border:1px solid #c9c9c9;border-left:none;line-height:34px;height:34px;vertical-align: middle;}
    .board_bottom .form-inline .btnSch {width:30px;height:30px;padding:0;text-indent:-9999px;background:url('../../resources/images/cm/btn_search.png') no-repeat center;}
   
    .copyrightArea p em {
        font-size: 1.245rem;
        color: #999 !important;
    }
 }


.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 #22c555;}
.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:#22c555;  font-weight:500; text-decoration:underline;}

.noticeTitle{border-top:2px solid #333;  padding:30px 25px; overflow:hidden;}
.contentType06 .noticeTitle{border-top:none;padding:0;}
.contentType06 .noticeTitle .gr-header .tit {font-size:1.859rem;padding:18px 0;}
.noticeTitle .gridType01 {border-bottom:none;}
.contentType06 .noticeTitle .gridType01 .gr-body .col-group3 .cols.hideM {color:#282828;background:#ececec}
.contentType06 .noticeTitle .gridType01 .gr-body .col-group3 .cols{border-bottom: 1px solid #c9c9c9;}
.noticeTitle .gridType01 .gr-body .gridRow .cols .txt {font-size:1.448rem;font-weight:500;}

.about-view-neighbor{border-top:2px solid #989898;border-bottom:2px solid #989898; padding:0;}
.about-view-neighbor li{display:block; border-bottom:1px solid #c9c9c9; overflow:hidden; }
.about-view-neighbor li a{display:block;}
.about-view-neighbor li a b{float:left; width:98px; color:#282828; font-size:1.448rem;text-align:center; font-weight:700;padding:15px 0px; background:#ececec}
.about-view-neighbor li a b i{font-size:16px;}
.about-view-neighbor li a .qnatitle{float:left; width:90%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;display:block; color:#333; font-size:16px;}
.about-view-neighbor li a b + div {padding:15px 15px 15px 113px;}

.about-view-neighbor li a .userName{float:right; min-width:60px;text-transform:uppercase}
.about-view-neighbor li a .date{float:right; width:100px; text-align:right}
/* .about-view-neighbor li:hover{border-color:#666666}
.about-view-neighbor li:hover a{color:#666666} */

.btn-type01{border:1px solid #c9c9c9; height:36px; line-height:36px; color:#9d9d9d; font-size:1.448rem; padding:0 18px; border-radius:0;background:#f6f6f6;}
.viewBtn .btn-type01:hover {color:#fff;background:#0e3a76}
.btn-type02{height:60px; line-height:60px; color:#ffffff; font-size:20px; padding:0 20px; border-radius:0; background:#de7121; min-width:305px; font-weight:500; margin:0 5px;}
.btn-type03{height:60px; line-height:60px; color:#ffffff; font-size:20px; padding:0 20px; border-radius:0; background:#777777; min-width:305px; font-weight:500; margin:0 5px;}
.btn-type04{border:1px solid #c9c9c9; height:31px; line-height:31px; background:#ffffff; color:#444444; font-size:15px; padding:0 10px; border-radius:0;}
.btn-type05{height:60px; line-height:60px; color:#ffffff; font-size:20px; padding:0 20px; border-radius:0; background:#777777; min-width:250px; font-weight:500; margin:0 5px; border-radius:40px;}

.btn-type06{height:60px; line-height:60px; color:#ffffff; font-size:20px; padding:0 20px; border-radius:60px; background:#2cac6f; min-width:300px; font-weight:500; margin:0 5px;}
.btn-type06 span{padding-right:25px; background:url('../../resources/img_app/btn-type06Ico.png') no-repeat right center;}
.btn-type07{height:60px; line-height:60px; color:#ffffff; font-size:20px; padding:0 20px; border-radius:60px; background:#de7121; min-width:300px; font-weight:500; margin:0 5px;}
.btn-type07 span{padding-right:25px; background:url('../../resources/img_app/btn-type06Ico.png') no-repeat right center;}

.contentType04 .btn-type02{background:#2cac6f;}
.contentType05 .btn-type02{background:#5e9d00;}
.contentType07 .btn-type02{background:#6d8db5;}

.noticeDetailView .actions {float:right;overflow:hidden;}
.noticeDetailView .actions span{display:inline-block; color:#666666; font-size:14px; margin-left:20px;}
.noticeDetailView .actions span:first-child{margin-left:0;}
.noticeDetailView .actions span em{color:#000; margin-left:10px; font-weight:500;}

#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 #22c555;}

.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 #22c555;}
.notice-listsSub ul li.normal-notice .img-area .img-box {width:100%; height:260px; text-align:center; overflow:hidden; }
.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 .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 #22c555;}
.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 #22c555;}

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

.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 #22c555; 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 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:#22c555; 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-size:12px; 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; font-size:12px; width: 50%; font-weight:400; color:#888; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}

.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; font-size:13px; 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%;}
.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 > 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: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:1100px; 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:#22c555; 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:#22c555; }
#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: #22c555;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: #22c555;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;}

#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:#22c555; transition:all .4s ease}
#gnbWrap .gnb > ul > li:hover > a > span:before {width:100%}

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

#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:1100px; 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:#22c555; font-size:30px; font-weight:500;}
.conMainTitle02 span:before{content:"";width:50px; height:3px; position:absolute; bottom:0px; left:50%; margin-left:-25px; background:#22c555; }

.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:1100px; 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; font-size:13px; color:#cecece;  border-bottom:1px solid #333333;}
.footerMapCon > ul > li > a:hover {color: #22c555;}
.footerMapCon > ul > li > a:before {position:absolute; bottom:0; left:0; width:0; height:1px; content:''; background:#22c555; 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:1340px; margin:0 auto;padding:40px 45px; }
.footerInfoDetail{position:relative; padding:25px 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:#9f9f9f; font-size:1.324rem; font-weight:500;}
.quickInfo li a:hover{color:#a1dfff;}
.quickInfo li a img.download {vertical-align:middle; margin-left:5px;}

.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:#999999; font-size:1.246rem; line-height:160%;}
.copyrightArea p{font-size:1.245rem; }
.copyrightArea p em{font-size:1.245rem;color:#999 !important}

.relation01{float:right; position:relative; width:210px; text-align:left; background:#4a4a4a; padding:0 20px 0 0; border-radius:30px;}
.relation01 .familySite{display:block; color:#cacbca; font-size:15px; height:36px; text-align:left; padding:8px 0 0 25px; background:url("../../resources/img_app/relationSiteBgOn.png") no-repeat right center; }
.relation01.on .familySite { background:url("../../resources/img_app/relationSiteBg.png") no-repeat right center;}
.relation01 .site_list {display:none; width: 210px; padding: 10px 25px; position:absolute; height: 160px; right:0px; bottom:38px; overflow-y:auto; background-color:#4a4a4a; border-radius:7px;}
.relation01.on .site_list {position:absolute; display:block; z-index:99;}
.relation01 .site_list li {border-top:1px solid #616161; text-align:left;}
.relation01 .site_list li:first-child {border-top:none;}
.relation01 .site_list li a {display:block; padding:7px 20px 7px 0; color:#cacbca;}
.relation01 .site_list li a:hover, .relation01 .site_list li a:focus{color:#2c76d3;}

.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:1100px; margin:0 auto;}
.mainFooter{clear:both;position:relative; background:#333333; z-index:20;}

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

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

#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:1100px; 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:#22c555; 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{height:520px; margin:0 auto; position:relative; z-index:8;}


.bannerSlide .swiper-buttonArea{position:absolute; top:0; left: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: auto;
  left:0;
  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: auto;
  left:25px;
  width:26px;
  height:26px;
  border:1px solid #e8e8e8;
  opacity:1;
  z-index:10;
}


.swiper-playStop{position:absolute; top:5px; left:57px; z-index:201;}
.swiper-playStop a{display:inline-block; width:26px; height:26px; text-indent:-5000px; border:1px solid #e8e8e8; margin-left:-4px;}
.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:1200px; padding:20px 0; margin:0 auto;}
.bannerSlide{padding-left:100px !important;}
.mainCardCon img{height:35px;}
.mainCardCon{text-align:center; background:url("../../resources/img_app/slideBar.png") no-repeat left 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:#22c555;}
.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:#22c555;} */
.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:#22c555;}

.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:#22c555;}

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

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


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

.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{position:relative; overflow:hidden;}

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

#realContents{padding-top:10px; padding-bottom:0;}

.subContent{position:relative;}
.subConView{max-width:1200px; margin: 0 auto; padding:25px 0px 70px;}
.subConView:after {clear:both; display:block; content:''}

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

#lnb {width: 20%; float: left; padding-top:40px;}

.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; top:60px; 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:#22c555;}

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

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


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

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

.hiddenM{display:block !important;}


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

.tabTitle02{display:none;}


/* Scroll Navi */
.NaviQuick{display:block; width:100%; height:58px; z-index:2000; background:#ffffff; padding:0 10px; text-align:center;}
.NaviQuick ul{float:none; display:inline-block; height:58px; width:1100px; 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 #22c555; background:#ffffff;}
.NaviQuick li:hover a{color:#141414; border-bottom:3px solid #22c555; 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:#22c555;}
.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{float:left; font-size:18px; color:#333333;}
.detailTitle em{display:block; font-size:15px; color:#333333;  margin-top:5px;}
.viewTxt{padding:35px 0 0; font-size:16px; color:#333333; line-height:28px !important; padding-bottom:20px;}
.viewTxt *{ line-height:28px !important;}

.noticeViewArea{min-height:300px; padding:0 25px;border-bottom:1px solid #c9c9c9;}

.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:#22c555; line-height:40px;}
.paging a.active{color:#fb4f52;}
.paging a:hover{color:#ffffff; border:1px solid #9c9c9c; background:#9c9c9c;}
.paging a.first {width:60px; height:40px; border:1px solid #9c9c9c; background:url('../../resources/img_app/prev_end.png') no-repeat center center #9c9c9c}
.paging a.prev {width:60px; height:40px; border:1px solid #9c9c9c; background:url('../../resources/img_app/prev.png') no-repeat center center #9c9c9c}
.paging a.next {width:60px; height:40px; border:1px solid #9c9c9c; background:url('../../resources/img_app/next.png') no-repeat center center #9c9c9c}
.paging a.last{width:60px; height:40px; border:1px solid #9c9c9c; background:url('../../resources/img_app/next_first.png') no-repeat center center #9c9c9c}
.paging a.first:hover, .paging a.prev:hover, .paging a.next:hover, .paging a.last:hover{background-color:#616161;}
*/

/* paging */
.paging{font-size:1.448rem; overflow:hidden; text-align:center}
.paging ul{list-style-type: none;}
.paging li{color:#a4a4a4; padding:0 10px; border:1px solid #c9c9c9; line-height:30px; vertical-align:top; margin:0 2px; display:inline-block; background:#f6f6f6; font-weight:500; }
/* .paging li:hover{color:#626262; border:1px solid #dddddd; line-height:28px; border-bottom:3px solid #626262;} */
.paging li.active{color:#fff; line-height:30px; padding:0 10px;border: 1px solid #0e3a76; background:#0e3a76;}
.paging li.active a {color:#fff;}
.paging li:hover {cursor:pointer;}
/* .paging li.active:hover{color:#fff; line-height:28px; border-bottom:3px solid #626262;} */
.paging li.first {width:32px; height:32px; background:url('../../resources/img_app/prev_end.png') no-repeat center center #ffffff;}
.paging li.prev {width:32px; height:32px; background:url('../../resources/img_app/prev.png') no-repeat center center #ffffff; margin-right:20px !important;}
.paging li.next {width:32px; height:32px; background:url('../../resources/img_app/next.png') no-repeat center center #ffffff; margin-left:20px !important;}
.paging li.last {width:32px; height:32px; background:url('../../resources/img_app/next_first.png') no-repeat center center #ffffff;}
.paging div {color:#aaabad; padding:0 10px;  line-height:30px; vertical-align:top; margin:0; display:inline-block; background:#ffffff; font-weight:500; }
.paging div.prev {width:32px; height:32px; background:url('../../resources/img_app/prev.png') no-repeat center center #ffffff; border:1px solid #dddddd; border-bottom:1px solid #dddddd; margin-right:20px !important;}
.paging div.next {width:32px; height:32px; background:url('../../resources/img_app/next.png') no-repeat center center #ffffff; border:1px solid #dddddd; border-bottom:1px solid #dddddd; margin-left:20px !important;}
.paging div.prev:hover{color:#626262; border:1px solid #dddddd; line-height:28px; border-bottom:3px solid #626262;}
.paging div.prev.active{color:#555555; line-height:30px; padding:0 10px; background:#f6f6f6;}
.paging div.prev.active:hover{color:#555555; line-height:28px; border-bottom:3px solid #626262;}
.paging div.next:hover{color:#626262; border:1px solid #dddddd; line-height:28px; border-bottom:3px solid #626262;}
.paging div.next.active{color:#555555; line-height:30px; padding:0 10px; background:#f6f6f6;}
.paging div.next.active:hover{color:#555555; line-height:28px; border-bottom:3px solid #626262;}


.block{display:block;}

.ourTalent{background:#f6f6f6;}
.whiteBg{background:#ffffff;}
.ourTalentDetail{width:1100px; 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; font-size:12px; color:#e37d22;}
.imgArea{border:1px solid #ddd; padding:40px; border-radius:7px;}
.imgArea02 {padding:1.8%;}


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

.officeMain01{background:#f2f2f2; padding:90px 0;}
.officeCon01{max-width:1200px; margin:0 auto;}
.officeCon01 h2{font-size:40px; font-weight:700; text-align:center; margin-bottom:45px; color:#000000;}
.officeCon01 ul{margin-right:-10px; overflow:hidden;}
.officeCon01 ul li{float:left; width:33.3333%; padding-right:10px; padding-top:10px;}
.officeCon01 ul li dl{height:135px; border:1px solid #d4d4d4; background:#ffffff; padding:35px; padding-left:125px;}
.officeCon01 ul li dl dt{font-size:20px; font-weight:500; color:#000; line-height:120%;}
.officeCon01 ul li dl dd{font-size:14px; color:#777777; margin-top:10px;}
.officeCon01 ul li dl dd span{display:block;}

.officeCon01 ul li.officeIco01 dl{background:url('../../resources/img_app/officeIco01.png') no-repeat 40px center #ffffff;}
.officeCon01 ul li.officeIco02 dl{background:url('../../resources/img_app/officeIco02.png') no-repeat 40px center #ffffff;}
.officeCon01 ul li.officeIco03 dl{background:url('../../resources/img_app/officeIco03.png') no-repeat 40px center #ffffff;}
.officeCon01 ul li.officeIco04 dl{background:url('../../resources/img_app/officeIco04.png') no-repeat 40px center #ffffff;}
.officeCon01 ul li.officeIco05 dl{background:url('../../resources/img_app/officeIco05.png') no-repeat 40px center #ffffff;}
.officeCon01 ul li.officeIco06 dl{background:url('../../resources/img_app/officeIco06.png') no-repeat 40px center #ffffff;}

.officeMain02{background:#6d8db5; padding:70px 0;}
.officeCon02{max-width:1200px; margin:0 auto; color:#fff; text-align:center;}
.officeCon02 h2{position:relative; display:inline-block; font-size:40px; font-weight:700; text-align:center; margin-bottom:30px;}
.officeCon02 h2:after {position:absolute; content:''; width:100%; height:2px; left:0; bottom:0; background:#ffffff}
.officeCon02 dl{margin-bottom:30px;}
.officeCon02 dt{font-size:24px;}
.officeCon02 dd{font-size:16px; margin-top:15px;}
.officeCon02 dd span{display:block;}
.counselingBtn{display:inline-block; border:2px solid #fff; padding:8px 0; min-width:150px; font-size:16px; text-align:center; color:#ffffff;}
.counselingBtn:hover{color:#fff;}


.officeMain03{background:#ffffff; padding:85px 0;}
.officeCon03{max-width:1200px; margin:0 auto; text-align:center; }
.officeCon03 h2{font-size:40px; font-weight:400; margin-bottom:20px; line-height:120%;}
.officeCon03 h2 span{display:block; font-weight:700; color:#000000;}
.officeCon03 h3{font-size:21px; font-weight:400; color:#777777; margin-bottom:80px; line-height:140%;}
.officeCon03 ul:after{display:block;content:'';clear:both}
.officeCon03 ul{margin-right:-27px;}
.officeCon03 ul li{float:left; width:33.3333%; padding-right:27px;}
.officeCon03 ul li dl{border:1px solid #ebebeb; padding-top:250px; padding-bottom:20px; -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);}
.officeCon03 ul li dl dt{font-size:21px; font-weight:500; color:#fff;}
.officeCon03 ul li dl dd{font-size:15px; color:#fff; margin-top:10px;}
.officeCon03 ul li dl dd span{display:block;}

.officeCon03 ul li.officeIco01 dl{background-color:#4fbdbe;}
.officeCon03 ul li.officeIco02 dl{background-color:#f99120;}
.officeCon03 ul li.officeIco03 dl{background-color:#5955a9;}

.officeCon03 ul li.officeIco01 dl{background:url('../../resources/img_app/officeBg01.png') no-repeat 0 0 #4fbdbe; background-size:auto 220px;}
.officeCon03 ul li.officeIco02 dl{background:url('../../resources/img_app/officeBg02.png') no-repeat 0 0 #f99120; background-size:auto 220px;}
.officeCon03 ul li.officeIco03 dl{background:url('../../resources/img_app/officeBg03.png') no-repeat 0 0 #5955a9; background-size:auto 220px;}

.login .login-area .sub-title p{display:none;}




/* grid */
.gridSum{font-size:16px; color:#666666; font-weight:500; margin-bottom:10px; margin-left:10px;}
.gridSum span{color:#282828;}
.col-group0 {width:100%; padding-bottom:40px;}
.col-group1 {float:left; width:50%;}
.col-group2 {float:left; width:33.33%}
.col-group3 {/* padding-left:38px; */}

.grid-wrap .gridRow {margin-bottom:10px; display:table; width:100%}
.grid-wrap .gridRow:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
.gr-header > * {font-size:12px; color:#ffffff}
.gr-header .tit {display:block; text-align:center; border-bottom:1px solid #c9c9c9;  padding:11px 0 10px; font-size:1.448rem;  color:#282828; font-weight:700;}
.gr-header .cols:first-child .tit {border-left:none;}

.contentType06 .gr-header{border-top:2px solid #282828;}

.gr-header .number, .gr-header .last {overflow:hidden; }
.grid-wrap .gr-header .gridRow {margin-bottom:0}
.gr-header .gridRow .number{width:38px;}

.gr-body .tit {display:none; color:#555555; font-size:16px;}
.gr-body .gridRow > * {color:#555555}
.gr-body .gridRow {margin-bottom:0; background:#ffffff}
.gr-body .gridRow .col-group {padding:0;}
.gr-body .number {min-width:38px; height:100%; background:#ffffff }
.gr-body .number span { background:#ffffff; max-width:38px; min-height:38px; display:block;}
.gr-body .gridRow {position:relative;}
.gr-body .gridRow .cols.last {text-align:right; position:absolute; right:0; top:0; width:38px;}
.gr-body .gridRow .cols .txt {display:block; /* white-space:nowrap; text-overflow: ellipsis; overflow: hidden; */ color:#333333; word-break:break-all; text-align:center; font-size:16px;}
.gr-body .gridRow .cols .txt.left{text-align:left;}
.gr-body .gridRow .cols .txt.wBold{font-weight:700;}
.gr-body .gridRow .subject {text-align:left; /*white-space:nowrap;*/ overflow:hidden;text-overflow:ellipsis; }
.gr-body .gridRow .subject a {padding:0 10px; }
.gr-body .gridRow .col-group .cols {background:#ffffff}

.gridType01 {border-bottom:2px solid #919191;}
.gridType01 .gridRow, .gridType02 .gridRow {background:none}
.gridType01 .gridRow {position:relative;}
.gridType01 .gridRow .number {position:absolute; width:38px; height:38px; z-index:1}
.gridType01 .gr-header .col-group3, .gridType01 .gr-body .col-group3 {/* padding-left:0; */display:table;width:100%;}


.gridType01 .col-group3 .cols {float:none;}
.gridType01 .gr-header .col-group3 .cols.subject1 {text-align:left; padding-left:48px}
.gridType01 .gr-header .col-group3 .cols {display:table-cell; padding:0;}
.gridType01 .gr-body .col-group3 .cols span.txt.tBlue {font-weight:bold;}
.gridType01 .gr-body .col-group3 .cols,
.gridType02 .gr-body .col-group3 .cols{display:table-cell; border-bottom: 1px solid #e2e2e2; text-align: left; padding: 17px 17px 14px; font-size: 1.448rem; color: #282828; vertical-align: middle;font-weight:500; line-height:1;}
.gridType01 .gr-body .col-group3 .cols:first-child {border-left:none}
.gridType01 .gr-body .col-group3 .cols.subject1{text-align:left; padding-left:48px}
.gridType02 .gr-body .col-group3 .cols.subject1 {text-align:left; padding-left:10px;}

.gridType01.summaryGrid .gr-body .col-group3 .cols{text-align:center; padding-left:10px; padding-right:10px; font-weight:600; color:#333;}

.gridRow {margin-right:0; margin-left:0;}
.gridRow .cols {float:left; text-align:center;}
.gridRow .col-group {float:left; width:85%; line-height:auto; height:auto; }
.gridRow .col-group:after {clear:both; content: " "; overflow:hidden; white-space:nowrap}

.gridRow .col38 {width:38px; position:absolute; right:0;}
.gridRow .col1 {width:3%}
.gridRow .col1-1 {width:5%}
.gridRow .col1-2 {width:7%}
.gridRow .col1-3 {width:15%}
.gridRow .col2 {width:10%}
.gridRow .col3 {width:15%}
.gridRow .col4 {width:20%}
.gridRow .col5 {width:25%}
.gridRow .col6 {width:35%}
.gridRow .col7 {width:45%}
.gridRow .col8 {width:50%}
.gridRow .col9 {width:60%}
.gridRow .col10 {width:75%}
.gridRow .col11 {width:83.8%}
.gridRow .col12 {width:90%}
.gridRow .col13 {width:100%}
.gridRow .col-checkbox {width:40px; text-align:center; vertical-align:middle}
.gridRow .col-checkbox .checkbox {margin:0 auto; vertical-align: middle; padding-left:20px;}

.blogLink{display:inline-block; width:30px; height:28px; text-indent:-9999px; background:url('../../resources/img_app/blogIco.png') no-repeat 0 0;}

.col_xs-12 {width: 100%;}
.col_xs-11 {width: 91.66666667%;}
.col_xs-10 {width: 83.33333333%;}
.col_xs-9 {width: 75%;}
.col_xs-8 {width: 66.66666667%;}
.col_xs-7 {width: 58.33333333%;}
.col_xs-6 {width: 50%;}
.col_xs-5 {width: 41.66666667%;}
.col_xs-4 {width: 33.33333333%;}
.col_xs-3 {width: 25%;}
.col_xs-2 {width: 16.66666667%;}
.col_xs-1 {width: 8.33333333%;}


.typeTab{text-align:center;}
.typeTab ul{overflow:hidden; display:inline-block; border:2px solid #eeeeee; border-radius:30px;}
.typeTab ul li{display:inline-block;}
.typeTab ul li:first-child{margin-left:0;}
.typeTab ul li a{display:block; text-align:center; font-size:18px; font-weight:500; padding:12px 60px; color:#8a8a8a;}
.typeTab ul li.active a{border-radius:40px; color:#ffffff; background:#b03d5b; }

.contentType02 .typeTab ul li.active a{border-radius:40px; color:#ffffff; background:#3d8af0; }
.contentType05 .typeTab ul li.active a{border-radius:40px; color:#ffffff; background:#539601; }



.counselComplete{padding:30px; }
.counselComplete dl{text-align:center;}
.counselComplete dt{display:inline-block; color:#222222; font-size:30px; font-weight:500; line-height:31px; padding-left:50px; background:url('../../resources/img_app/counselCompleteIco01.png') no-repeat 0 0;}
.counselComplete dd{color:#4a4a4a; font-size:22px; margin-top:25px; line-height:140%;}
.counselComplete dd span{display:block;}

.contentType04 .counselComplete dt{background:url('../../resources/img_app/counselCompleteIco04.png') no-repeat 0 0;}
.contentType07 .counselComplete dt{background:url('../../resources/img_app/counselCompleteIco07.png') no-repeat 0 0;}

.tab_wrap{}
.tab_wrap.tab_wrap_1{margin-bottom:35px;}
.tab_wrap:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.tabNew {position:relative;width:100%; display:table;border-bottom:1px solid #e7e7e7;}
.tabNew > li{display:table-cell;width:1%;}
.tabNew > li + li {border-left:1px solid #e7e7e7;}
.tabNew > li > a{position:relative;display:block; transition: none; font-size:1.757rem; min-height:56px; line-height:56px; color:#787878; font-weight:400; background:#ececec; text-align:center;  z-index:1;}
.tabNew > li:first-child > a{margin-left:0;}
.tabNew > li.active > a{background:#0e3a76;color:#fff; font-weight:500;line-height:56px; z-index:2;}

.tabNew.type1 {position:relative;width:100%; display:table;border-bottom:none;}
.tabNew.type1 > li + li {border-left:none;}
.tabNew.type1 > li > a{position:relative;display:block; margin:0 15px;transition: none; font-size:1.757rem; min-height:56px; line-height:56px; color:#fff; font-weight:400;border:1px solid #fff; background:#0e3a76; text-align:center;  z-index:1;}
.tabNew.type1 > li.active > a,.tabNew.type1 > li > a:hover {background:#fff;color:#0e3a76;border:1px solid #0e3a76;font-weight:500;line-height:56px; z-index:2;}

.contentType01 .tabNew > li.active > a{color:#fff;}
.contentType02 .tabNew > li.active > a{color:#035ed6;}

.conditionUl{}
.conditionUl ul{overflow:hidden; margin-right: -15px !important;}
.conditionUl ul li{ float:left; width:25%; padding-right:15px; text-align:center;}
.conditionUl ul li .conditionIco{display:inline-block; width:130px; height:130px; border:1px solid #e8e8e8; border-radius:100%;}
.conditionUl ul li.condition01 .conditionIco{background:url('../../resources/img_app/condition01.png') no-repeat center center #f6f6f6;}
.conditionUl ul li.condition02 .conditionIco{background:url('../../resources/img_app/condition02.png') no-repeat center center #f6f6f6;}
.conditionUl ul li.condition03 .conditionIco{background:url('../../resources/img_app/condition03.png') no-repeat center center #f6f6f6;}
.conditionUl ul li.condition04 .conditionIco{background:url('../../resources/img_app/condition04.png') no-repeat center center #f6f6f6;}
.conditionUl ul li dl{position:relative; margin-top:-5px; }
.conditionUl ul li dl dt{position:absolute; top:-18px; left:50%; margin-left:-60px; background:#5e9d00; width:120px; font-size:19px; color:#fff; font-weight:500; padding:10px 0;}
.conditionUl ul li dl dd{background:#fff; border:1px solid #e7e7e7; border-bottom:3px solid #5e9d00; border-radius:20px 20px 0 0; font-size:16px; color:#000; padding:40px 20px 20px; line-height:140%;}

.officeSearchArea{margin-top:50px;}
.officeSearch{background:#f5f5f5; padding:25px 30px; margin-bottom:30px;}
.officeSearchBtn{background:#555555; text-align:center; font-size:16px; font-weight:500; color:#fff; border-radius:0; line-height:46px;}
.officeSearch .labelTitle{padding-top:30px !important;}

.officeMap{width:100%; height:380px; background:url('../../resources/img_app/mapBg.png') no-repeat center 0;}

.locationInfo{background:#f4f4f4; padding:40px 0 40px;}
.locationInfo ul{overflow:hidden;}
.locationInfo li{float:left; width:50%; height:105px; border-left:1px solid #d3d3d3;}
.locationInfo li:first-child{border-left:none;}
.locationInfo dl{padding-left:160px;}
.locationInfo .locationInfo01 dl{background:url('../../resources/img_app/locationInfo01.png') no-repeat 60px 20px;}
.locationInfo .locationInfo02 dl{background:url('../../resources/img_app/locationInfo02.png') no-repeat 60px 20px;}
.locationInfo dt{font-size:22px; color:#000; font-weight:700; margin-bottom:10px;}
.locationInfo dd{font-size:16px; color:#555555; font-weight:500;}
.locationInfo dd p{line-height:150%;}

.locationMap{margin-top:30px;}

.bizTxt{line-height:140%; text-align:center;}
.bizTxt p{font-size:28px; color:#4e4e4e; font-weight:500;}
.bizTxt span{display:block; margin-top:25px; font-size:32px; color:#37c5c9; font-weight:500;}

.labTxt{line-height:140%; text-align:center;}
.labTxt p{font-size:22px; color:#4e4e4e; line-height:140%;}
.labTxt span{display:block; margin-top:7px; font-size:22px; color:#4e4e4e; font-weight:500; line-height:140%;}
.labTxt span em{color:#000000; font-size:26px; text-decoration:underline;}

.bizImg{margin:60px 0; padding:0 40px}

.bizTxt02{line-height:180%; text-align:center;}
.bizTxt02 h3{font-size:38px; color:#111111; font-weight:400; margin-bottom:25px;}
.bizTxt02 p{font-size:18px; color:#333333;}

.valueTxt{text-align:center;}
.valueTxt p{font-size:40px; color:#4e4e4e; font-weight:500; line-height:100%; letter-spacing:-3px;}
.valueTxt span{display:block; margin-top:10px; font-size:40px; color:#37c5c9; font-weight:500; line-height:100%; letter-spacing:-3px;}

.valueTxt02{margin-top:80px; height:440px; background:url('../../resources/img_app/valueImg.png') no-repeat center bottom;}
.valueTxt02 p{text-align:center; line-height:140%; font-size:20px; color:#4e4e4e; padding:0 330px;}

.eduTxt{padding:100px 60px; height:445px; background:url('../../resources/img_app/eduImg.png') no-repeat right bottom #f2f2f2;}
.eduTxt h3{font-size:36px; color:#181212; font-weight:500; letter-spacing:-3px; line-height:130%;}
.eduTxt h3 span{color:#37c5c9;}
.eduTxt dl{margin-top:30px; padding-left:12px;}
.eduTxt dt{font-size:22px; color:#212121; font-weight:500;}
.eduTxt dd{font-size:18px; color:#4e4e4e; font-weight:500; margin-top:10px;}
.eduTxt p{margin-top:55px; font-size:20px; color:#34e4e4; line-height:140%; padding-left:12px; max-width:470px;}
.eduTxt p span{color:#505050; font-weight:500;}
.eduTxtM{display:none;}

.studyTxtWrap{text-align:center;}
.studyTxt p{font-size:18px; color:#4e4e4e; line-height:150%; font-weight:400;}
.studyTxtWrap h3{margin-top:50px; font-size:30px; color:#4e4e4e; font-weight:500; letter-spacing:-3px; line-height:130%;}
.studyTxtWrap h3 span{display:block; color:#37c5c9;}


.studyAi{position:relative; margin:0 auto; margin-top:50px; width:820px; height:540px; background:url('../../resources/img_app/studyAiPlus.png') no-repeat center center;}
.studyAi li{position:absolute; width:365px; height:240px;}
.studyAi .studyAi01{top:0; left:0;}
.studyAi .studyAi02{top:0; right:0;}
.studyAi .studyAi03{top:300px; left:0;}
.studyAi .studyAi04{top:300px; right:0;}
.studyAi li dl{position:absolute; right:0; bottom:0; border:2px solid #888888; border-radius:30px; padding:40px; width:335px; height:214px; text-align:center; z-index:2; background:#fff;}
.studyAi li:after{content:''; position:absolute; width:335px; height:214px; border-radius:30px; top:0; left:0; z-index:1;}
.studyAi li dt{font-size:24px; color:#000; font-weight:700; margin-bottom:18px;}
.studyAi li dd{font-size:18px; color:#454545; line-height:140%;}

.studyAi .studyAi01:after{background:#ff6000;}
.studyAi .studyAi02:after{background:#fcb448;}
.studyAi .studyAi03:after{background:#8bd497;}
.studyAi .studyAi04:after{background:#00cdba;}

.officeImg{padding:30px; height:830px; background:url('../../resources/img_app/officeImg.png') no-repeat center center #f6f6f6;}
.officeImgM{display:none;}

.system01{margin-bottom:70px; padding-top:280px; background:url('../../resources/img_app/systemImg01.png') no-repeat center 0;}
.system01 ul li{float:left; width:20%;}
.system01 ul dl{padding:0 5px; overflow:hidden;}
.system01 ul dt{width:16%; float:left; font-size:60px; color:#858585; font-weight:700; line-height:100%;}
.system01 ul dd{width:78%; float:right; font-size:15px; color:#000; line-height:140%; letter-spacing:-1.5px;}
.system01 ul dd p{display:none;}

.subConSys01{padding:60px 0 0; background:#eeeeee;}
.curriculumCon01{background:#f6f6f6;}
.curriculumCon02{background:#e8f0f2;}
.curriculumCon03{background:#efefef;}
.curriculumCon04{background:#ffffff; padding:90px 0 40px; text-align:center;}
.curriculumCon04 h2{color:#393939; font-size:32px; font-weight:400; letter-spacing:-2px;}
.curriculumCon04 h2 span{color:#000; font-weight:500;}

.curriculumCon05{background:#ffffff;}
.societyHistoryCon{background:#ffffff;}

.myStudy{width:400px;}
.myStudy h3{font-size:30px; color:#000; font-weight:700;}
.myStudy .myStudyTxt{margin-top:25px;}
.myStudy .myStudyTxt p{font-size:18px; color:#555555; line-height:140%;}
.myStudy .myStudyTxt p span{color:#ff5a00;}
.subConConSys{position:relative;}
.myStudyImg01{position:absolute; right:30px; bottom:-30px; width:303px; height:293px; background:url('../../resources/img_app/systemImg02.png') no-repeat 0 0;}
.myStudyImg02{position:absolute; left:20px; top:0; width:273px; height:240px; background:url('../../resources/img_app/systemImg03.png') no-repeat 0 0;}
.myStudyImg03{position:absolute; right:30px; top:0; width:296px; height:238px; background:url('../../resources/img_app/systemImg04.png') no-repeat 0 0;}

.subConSys02{padding:60px 0; background:#ffffff;}
.subConSys02 .myStudy{float:right; margin-top:30px;}
.subConSys02 .myStudy .myStudyTxt p span{color:#12a22a;}

.subConSys03{padding:60px 0; background:#e8f0f2;}
.subConSys03 .myStudy .myStudyTxt p span{color:#00b6a5;}

.subConLab01{padding:60px 0 10px; background:#f2f2f2;}
.subConLab02{padding:60px 0 10px; background:#ffffff;}

.labTxtUl{overflow:hidden;}
.labTxtUl li{float:left; width:33.3%; text-align:center; position:relative;}
.labTxtUl li p{padding-top:180px; width:80%; display:inline-block; font-size:18px; color:#4e4e4e; font-weight:500; line-height:140%;}
.labTxtUl li p:after{content:''; position:absolute; width:61px; height:64px; margin-top:-24px; top:50%; left:-30px; background:url('../../resources/img_app/labPlus.png') no-repeat 0 center;}
.labTxtUl li:first-child p:after{background:none;}
.labTxtUl li.labTxtUl01 p{background:url('../../resources/img_app/labTxtUl01.png') no-repeat center 0;}
.labTxtUl li.labTxtUl02 p{background:url('../../resources/img_app/labTxtUl02.png') no-repeat center 0;}
.labTxtUl li.labTxtUl03 p{background:url('../../resources/img_app/labTxtUl03.png') no-repeat center 0;}

.labTxt02{background:#fff; padding:20px; border:2px solid #00cdba; border-radius:80px; text-align:center; margin-top:50px;}
.labTxt02 p{font-size:26px; color:#4e4e4e; line-height:120%;}
.labTxt02 p em{color:#37c5c9; font-weight:500;}
.labTxt02 span{display:block; font-size:28px; color:#010000; line-height:130%;}

.labTxt03{position:relative; margin:0 auto; width:942px; height:490px; background:url('../../resources/img_app/labImg01.png') no-repeat center bottom;}
.labTxt03Tit{width:155px; height:155px; position:absolute; top:308px; left:395px; text-align:center;}
.labTxt03Tit p{font-size:26px; color:#888888; font-weight:500;}
.labTxt03Tit h3{font-size:30px; color:#000000; font-weight:500; margin-top:10px;}

.labTxt03 li{position:absolute;}
.labTxt03 dl{width:220px; text-align:center;}
.labTxt03 dt{font-size:48px; font-weight:700; margin-bottom:15px; line-height:100%;}
.labTxt03 li.labNum01 dt{color:#fcb448;}
.labTxt03 li.labNum02 dt{color:#ff6000;}
.labTxt03 li.labNum03 dt{color:#8bd497;}

.labTxt03 dd{font-size:20px; font-weight:500; color:#4e4e4e; line-height:120%;}
.labTxt03 li.labNum01{top:0; left:360px;}
.labTxt03 li.labNum02{top:280px; left:0;}
.labTxt03 li.labNum03{top:280px; right:0;}

.societyHistory{padding:50px;}
.societyHistoryArea{min-height:550px;}
.societyTit{padding-top:50px;}
.societyTit p{color:#3d8af0; font-size:28px; font-weight:500;}
.societyTit h3{color:#000000; font-size:24px; font-weight:400; margin-top:20px; line-height:140%;}
.societyTit h3 span{font-weight:500;}

.societyDl{margin-top:30px;}
.societyDl dt{color:#3b3b3b; font-size:20px; line-height:140%;}
.societyDl dt span{font-weight:500; color:#000;}
.societyDl ul{margin-top:40px;}
.societyDl li{font-size:18px; color:#3b3b3b; margin-top:10px; padding-left:14px; background:url('../../resources/img_app/societyBlt.png') no-repeat 0 6px; line-height:150%;}
.societyDl li span{font-weight:500; color:#000;}

.societyHistory01{border-bottom:1px dashed #9a9a9a; background:#f6f6f6;}
.societyHistory02{background:#fcfbf7;}
.societyHistory01 .societyHistoryArea{padding-right:470px; background:url('../../resources/img_app/societyHistoryBg01.png') no-repeat right 0;}
.societyHistory02 .societyHistoryArea{padding-left:470px; background:url('../../resources/img_app/societyHistoryBg02.png') no-repeat 0 0;}

.societyHistoryImg01{width:100%; height:431px; background:url('../../resources/img_app/societyHistoryBg03.png') no-repeat center 0; background-size:960px auto;}
.societyImg01M{display:none;}

.juniorInfo{margin-top:80px; position:relative; width:100%; height:860px; background:url('../../resources/img_app/juniorInfoBg.png') no-repeat center center;}
.juniorInfo li{position:absolute;}
.juniorInfo dl{position:relative; width:300px; padding-top:60px;}
.juniorInfo dt{position:absolute; top:0; font-size:24px; font-weight:500; width:45px; height:45px; border-radius:100%; background:#5a5a5a; color:#fff; text-align:center; line-height:45px;}
.juniorInfo dd{font-size:17px; color:#282828; line-height:140%;}

.juniorInfo li.juniorInfo01{top:0; left:50%; margin-left:-150px;}
.juniorInfo li.juniorInfo02{top:260px; right:0;}
.juniorInfo li.juniorInfo03{top:550px; right:0;}
.juniorInfo li.juniorInfo04{top:680px; left:50%; margin-left:-150px;}
.juniorInfo li.juniorInfo05{top:550px; left:0;}
.juniorInfo li.juniorInfo06{top:260px; left:0;}

.juniorInfo li.juniorInfo01 dl{text-align:center; padding:0; padding-bottom:60px;}
.juniorInfo li.juniorInfo01 dl dt{top:auto; bottom:0; left:50%; margin-left:-23px;}
.juniorInfo li.juniorInfo04 dl dt{left:50%; margin-left:-23px;}
.juniorInfo li.juniorInfo04 dl{text-align:center;}
.juniorInfo li.juniorInfo05 dt, .juniorInfo li.juniorInfo06 dt{right:0;}
.juniorInfo li.juniorInfo05 dl, .juniorInfo li.juniorInfo06 dl{text-align:right;}

.mathTxt01{text-align:center; margin-top:54px;}
.mathTxt01 h4{font-size:24px; color:#000000; font-weight:200; line-height:140%; margin-bottom:30px;}
.mathTxt01 h3{font-size:28px; color:#000000; font-weight:400; line-height:140%; margin:15px 0;}
.mathTxt01 h4 span{display:block;}
.mathTxt01 p{font-size:26px; color:#4d4d4d; line-height:140%;}
.mathTxt01 p span{display:block; color:#000000; font-weight:500;}

.mathTxt02{text-align:center; margin-top:45px;}
.mathTxt02 p{font-size:32px; color:#000000; line-height:140%; font-weight:500; letter-spacing:-2px;}
.mathTxt02 p span{display:block; color:#000000;}
.mathTxt02 p em{text-decoration:underline; color:#3d8af0;}
.mathTxt02 p em.underlineNone{text-decoration:none !important;}

.mathTxt03{text-align:center; margin-top:40px;}
.mathTxt03 p{font-size:32px; color:#000000; line-height:140%; font-weight:200; letter-spacing:-2px;}
.mathTxt03 p span{color:#000000; font-weight:500; text-decoration:underline; }
.mathTxt03 p em{color:#3d8af0; font-weight:500;}
.mathTxt03 p em.underlineNone{text-decoration:none !important;}

.mathTxt04{text-align:center; margin-top:30px;}
.mathTxt04 h3{position:relative; display:inline-block; padding-bottom:5px; font-size:36px; color:#000000; line-height:140%; font-weight:500; letter-spacing:-2px;}
.mathTxt04 h3:after{content:''; position:absolute; width:100%; height:1px; bottom:0; left:0; background:#000;}
.mathTxt04 em{color:#3d8af0; font-weight:500;}
.mathTxt04 p{font-size:28px; color:#000000; line-height:140%; margin-top:5px;}

.mathTxt05{text-align:center; margin-top:10px;}
.mathTxt05 h3{font-size:32px; color:#000000; line-height:140%; font-weight:500; letter-spacing:-2px; margin-top:40px;}
.mathTxt05 h3 span{color:#3d8af0; text-decoration:underline;}
.mathTxt05 p{font-size:26px; color:#4d4d4d; line-height:140%;}
.mathTxt05 p.bold{color:#000;}
.mathTxt05 span.bold{color:#000;}

.mathUl{margin:0 auto; margin-top:50px; max-width:790px; }
.mathUl li{border:5px dotted #c6c6c6; border-radius:30px; padding:20px 75px; margin-bottom:12px;} 
.mathUl li p{padding:15px 15px 15px 110px; font-size:20px; color:#282828; line-height:140%;} 
.mathUl li.mathUl01 p{background:url('../../resources/img_app/mathUl01.png') no-repeat 0 center;}
.mathUl li.mathUl02 p{background:url('../../resources/img_app/mathUl02.png') no-repeat 0 center;}
.mathUl li.mathUl03 p{background:url('../../resources/img_app/mathUl03.png') no-repeat 0 center;}
.mathUl li.mathUl04 p{background:url('../../resources/img_app/mathUl04.png') no-repeat 0 center;}
.mathUl li.mathUl05 p{background:url('../../resources/img_app/mathUl05.png') no-repeat 0 center;}

.mathUl li.mathUl01 .cl01{color:#0897af; font-weight:500;}
.mathUl li.mathUl02 .cl01{color:#0daa89; font-weight:500;} 
.mathUl li.mathUl03 .cl01{color:#499e16; font-weight:500;} 
.mathUl li.mathUl04 .cl01{color:#b38104; font-weight:500;} 
.mathUl li.mathUl05 .cl01{color:#fc5d17; font-weight:500;} 

.reserveMathUl{margin:0 auto; margin-top:150px; max-width:900px;}
.reserveMathUl ul{margin-right:-80px !important;}
.reserveMathUl ul:after{display:block;content:'';clear:both}
.reserveMathUl li{position:relative; float:left; width:50%; padding-right:80px;} 
.reserveMathUl li:after{content:''; position:absolute; width:172px; height:188px; margin-top:0; margin-left:-128px; top:40px; left:0; background:url('../../resources/img_app/reserveMathUlBg.png') no-repeat 0 0;}
.reserveMathUl li:first-child:after{background:none;}
.reserveMathUl li p{position:relative; border:5px dotted #9f9f9f; border-radius:30px; padding:70px 50px 0; font-size:18px; color:#282828; line-height:140%; height:275px; text-align:center;} 

.reserveMathUl li p:after{content:''; position:absolute; width:101px; height:115px; margin-top:0; margin-left:-51px; top:-70px; left:50%;}
.reserveMathUl li.reserveMathUl01 p:after{background:url('../../resources/img_app/reserveMathUl01.png') no-repeat 0 0;}
.reserveMathUl li.reserveMathUl02 p:after{background:url('../../resources/img_app/reserveMathUl02.png') no-repeat 0 0;}

.engInfo{margin-top:80px; position:relative; width:100%; height:750px; background:url('../../resources/img_app/engBg01.png') no-repeat center 0;}
.engInfo li{position:absolute;}
.engInfo dl{position:relative; width:350px; padding:30px; background:#ededed; border-radius:20px;}
.engInfo dt h3{font-size:36px; font-weight:500; color:#000000;}
.engInfo dt h4{font-size:20px; font-weight:500; color:#282828; margin:10px 0;}
.engInfo dd{font-size:16px; color:#282828; line-height:140%;}

.engInfo li.engInfo01{top:70px; left:0; text-align:right;}
.engInfo li.engInfo02{top:110px; right:0; text-align:left;}
.engInfo li.engInfo03{top:450px; left:50%; margin-left:-175px; text-align:center;}

.engInfo .color04{color:#01897c;}
.color05{color:#3d8af0;}

.engElementary{margin:0 auto; margin-top:80px; position:relative; width:980px; height:480px; background:url('../../resources/img_app/engBg02.png') no-repeat 54% center;}
.engElementary li{position:absolute;}
.engElementary dl{position:relative; width:294px; padding-top:70px;}
.engElementary dt{position:absolute; width:100%; font-size:24px; font-weight:500; color:#000000; border-radius:40px; text-align:center; padding:23px 0;}
.engElementary dd{font-size:18px; color:#3b3b3b; line-height:140%; margin-top:20px;}

.engElementary li.engElementary01{left:0; top:0;}
.engElementary li.engElementary02{right:0; bottom:0;}

.engElementary li.engElementary01 dt{background:#00dacb; top:0;}
.engElementary li.engElementary02 dt{background:#90cd00; bottom:0;}

.engElementary li.engElementary02 dl{padding-bottom:70px;}

.engMiddle{margin:0 auto; margin-top:80px; position:relative; width:967px; height:559px; background:url('../../resources/img_app/engBg03.png') no-repeat 0 0;}
.engMiddle li{position:relative;  height:187px;}

.engMiddleStep{position:absolute; top:0; width:105px; height:100px; border-radius:10px; text-align:center; color:#fff; padding:20px;}
.engMiddleStep p{font-size:20px;}
.engMiddleStep h3{font-size:30px; margin-top:10px;}
.engMiddle01 .engMiddleStep{background:#ff6000; top:48px; left:75px;}
.engMiddle02 .engMiddleStep{background:#fcb448; top:48px; right:75px;}
.engMiddle03 .engMiddleStep{background:#00cdba; top:48px; left:75px;}

.engMiddle dl{padding:55px 80px 0 210px;}
.engMiddle dt{font-size:22px; font-weight:500; color:#101010; margin-top:5px;}
.engMiddle dd{font-size:16px; color:#3b3b3b; margin-top:10px; line-height:140%;}
.engMiddle .engMiddle02 dl{padding:55px 210px 0 120px; text-align:right;}

.lngKor{padding:70px; margin-top:80px; height:776px; background:url('../../resources/img_app/lngKorBg.png') no-repeat center center #f6f6f6;}
.lngKor ul{position:relative;}
.lngKor li{position:absolute; width:320px;}
.lngKor .lngKor01{top:0; left:0;}
.lngKor .lngKor02{top:0; right:0;}
.lngKor .lngKor03{top:390px; left:0;}
.lngKor .lngKor04{top:390px; right:0;}
.lngKor li dl{text-align:center;}
.lngKor li dt{font-size:24px; color:#000; font-weight:500; margin-bottom:20px; background:#fff; border:3px solid #69d9cb; border-radius:40px; padding:15px 0;}
.lngKor li dd{font-size:18px; color:#363636; line-height:140%;}

.lngKor .lngKor01 dt{border:3px solid #69d9cb;}
.lngKor .lngKor02 dt{border:3px solid #f69014;}
.lngKor .lngKor03 dt{border:3px solid #a4cc2e;}
.lngKor .lngKor04 dt{border:3px solid #ffc621;}

.scienceCon{margin-top:70px;}
.scienceTitle{margin-bottom:60px; text-align:center;}
.scienceTitle .scienceNum span{display:inline-block; width:50px; height:50px; border-radius:100%; background:#e6e6e6; color:#000; font-size:28px; font-weight:700; line-height:50px;}
.scienceTitle h3{display:inline-block; position:relative; color:#000; font-size:34px; font-weight:400;  padding-bottom:10px; margin-top:20px;}
.scienceTitle h3 span{font-weight:500;}
.scienceTitle h3:after{content:''; position:absolute; width:100%; height:1px; bottom:0; left:0; background:#000;}

.scienceTitle h4{color:#4d4d4d; font-size:28px; font-weight:400; margin-top:50px; line-height:140%;}
.scienceTitle h4 span{font-weight:500; color:#000;}
.scienceTitle h4 p em{color:#3d8af0; font-weight:500; text-decoration:underline;}

.science{padding:70px 60px; height:700px; background:url('../../resources/img_app/scienceBg.png') no-repeat center center #f6f6f6;}
.science ul{position:relative;}
.science li{position:absolute; width:270px;}
.science .science01{top:0; left:0; text-align:left;}
.science .science02{top:0; right:0; text-align:right;}
.science .science03{top:390px; left:0; text-align:left;}
.science .science04{top:390px; right:0; text-align:right;}
.science li dt{font-size:22px; color:#000; font-weight:500; margin-bottom:20px; line-height:130%;}
.science li dd{font-size:18px; color:#3b3b3b; line-height:140%;}

.science .science01 dt{color:#248ed9;}
.science .science02 dt{color:#fa6900;}
.science .science03 dt{color:#5bd9e8;}
.science .science04 dt{color:#f5b400;}

.coding{padding:60px; background:#f6f6f6;}
.coding ul{overflow:hidden; text-align:center;}
.coding li{position:relative; display:inline-block; margin-left:-33px; width:260px;}
.coding li:first-child{margin-left:0;}
.coding li dl{border-radius:100%; border:15px solid #000; width:260px; height:260px;}
.coding li dt{font-size:24px; color:#000; font-weight:500; padding-top:80px; margin-top:60px;}
.coding li dd{font-size:18px; margin-top:10px;}

.coding li.coding02{z-index:2;}

.coding li.coding01 dl{border:15px solid #82cac3;}
.coding li.coding02 dl{border:15px solid #fa8f47;}
.coding li.coding03 dl{border:15px solid #71d3de;}

.coding li.coding01 dt{background:url('../../resources/img_app/coding01.png') no-repeat center 0;}
.coding li.coding02 dt{background:url('../../resources/img_app/coding02.png') no-repeat center 0;}
.coding li.coding03 dt{background:url('../../resources/img_app/coding03.png') no-repeat center 0;}

.coding li.coding01 dd{color:#51a49c;}
.coding li.coding02 dd{color:#fa8f47;}
.coding li.coding03 dd{color:#71d3de;}

.scienceTxt01{margin-top:45px; text-align:center;}
.scienceTxt01 p{font-size:22px; color:#4d4d4d; line-height:140%;}
.scienceTxt01 p span{color:#000; font-weight:500;}

.scienceTxt02{margin-top:45px; text-align:center;}
.scienceTxt02 p{font-size:20px; color:#4d4d4d; line-height:140%; font-weight:200;}
.scienceTxt02 p span{color:#000; font-weight:500;}

.scienceTitle01{margin-bottom:50px; text-align:center;}
.scienceTitle01 h3{display:inline-block; position:relative; color:#000; font-size:30px; padding-bottom:10px; margin-top:20px;}
.scienceTitle01 h3:after{content:''; position:absolute; width:100%; height:1px; bottom:0; left:0; background:#000;}

.scienceTitle01 p{color:#4d4d4d; font-size:22px; margin-top:45px; line-height:160%;}
.scienceTitle01 p .bold{color:#000; font-weight:500;}
.scienceTitle01 p span{display:block;}
.scienceTitle01 p span .cl01{color:#3d8af0; font-weight:500; text-decoration:underline;}

.processBg{height:269px; background:url('../../resources/img_app/scienceBg01.png') no-repeat center 0; margin:60px 0;}
.process ul{margin-right:-70px !important; overflow:hidden;}
.process li{float:left; width:33.3%; padding-right:70px;}
.process li dt{font-size:22px; color:#fff; background:#2989ff; border-radius:40px; font-weight:500; margin-bottom:25px; padding:20px 0; text-align:center;}
.process li dd{font-size:18px; color:#4d4d4d; line-height:140%;}
.process li dd p{padding-left:12px; background:url('../../resources/img_app/processBlt.png') no-repeat 0 8px; margin-top:8px;}

.process li.siProcess01 dt{background:#2989ff;}
.process li.siProcess02 dt{background:#29b1ff;}
.process li.siProcess03 dt{background:#20c1ef;}

.robot{text-align:center;}
.robot ul{margin-right:-15px !important; overflow:hidden;}
.robot li{position:relative; float:left; width:20%; padding-right:15px; } 
.robot li p{border:2px solid #dfe3eb; border-radius:10px; padding:20px; padding-top:150px; font-size:17px; color:#000000; height:280px; line-height:140%;} 
.robot li.robot01 p{background:url('../../resources/img_app/robot01.png') no-repeat center 45px;}
.robot li.robot02 p{background:url('../../resources/img_app/robot02.png') no-repeat center 45px;}
.robot li.robot03 p{background:url('../../resources/img_app/robot03.png') no-repeat center 45px;}
.robot li.robot04 p{background:url('../../resources/img_app/robot04.png') no-repeat center 45px;}
.robot li.robot05 p{background:url('../../resources/img_app/robot05.png') no-repeat center 45px;}


.lngKorWrap{margin-top:80px; height:670px; background:url('../../resources/img_app/lngKorBg01.png') no-repeat center 0;}
.lngKorWrap ul{position:relative;}
.lngKorWrap li{position:absolute; width:220px;}
.lngKorWrap .lngKorWrap01{top:120px; left:20px;}
.lngKorWrap .lngKorWrap02{top:400px; left:220px;}
.lngKorWrap .lngKorWrap03{top:454px; left:540px;}
.lngKorWrap .lngKorWrap04{top:380px; left:834px;}
.lngKorWrap .lngKorWrap05{top:60px; left:828px;}
.lngKorWrap li dl{}
.lngKorWrap li dt{font-size:20px; font-weight:500; margin-bottom:16px;}
.lngKorWrap li dd{font-size:16px; color:#393939; line-height:140%;}

.lngKorWrap .lngKorWrap01 dt{color:#ff3133;}
.lngKorWrap .lngKorWrap02 dt{color:#ff8c00;}
.lngKorWrap .lngKorWrap03 dt{color:#ffc600;}
.lngKorWrap .lngKorWrap04 dt{color:#00bbaf;}
.lngKorWrap .lngKorWrap05 dt{color:#008bd1;}

.lngKorType{margin-top:60px; height:840px; background:url('../../resources/img_app/lngKorBg02.png') no-repeat 0 0;}
.lngKorType ul{position:relative; padding-top:140px; padding-left:190px;}
.lngKorType li{width:590px; height:133px;}
.lngKorType .lngKorType01{}
.lngKorType .lngKorType02{margin-left:60px;}
.lngKorType .lngKorType03{margin-left:120px;}
.lngKorType .lngKorType04{margin-top:5px; margin-left:180px;}
.lngKorType .lngKorType05{margin-top:20px; margin-left:240px; width:540px;}
.lngKorType li dl{}
.lngKorType li dt{font-size:22px; font-weight:500; margin-bottom:10px; line-height:140%;}
.lngKorType li dd{font-size:17px; color:#393939; line-height:140%;}
.lngKorType li dd .bold{color:#000;}

.lngKorType .lngKorType01 dt{color:#f85514;}
.lngKorType .lngKorType02 dt{color:#e97401;}
.lngKorType .lngKorType03 dt{color:#d69800;}
.lngKorType .lngKorType04 dt{color:#89bb00;}
.lngKorType .lngKorType05 dt{color:#01927f;}

.curriContent01{text-align:center;}
.curriContent01 h2{font-size:32px; color:#393939; font-weight:400;}
.curriContent01 h2 span{color:#000000; font-weight:500;}
.curriContent01 ul{margin-top:50px; margin-right:-40px;}
.curriContent01 ul li{float:left; width:33.3%; padding-right:40px;}
.curriContent01 dl{position:relative; padding-top:22px;}
.curriContent01 dt{position:absolute; top:0; left:50%; width:250px; margin-left:-125px; background:#ff6000; color:#000; font-size:20px; font-weight:700; border-radius:40px; padding:13px 0;}
.curriContent01 dd{background:#fff; border-radius:40px; border:2px solid #000; padding:60px 15px 50px;  font-size:17px; color:#3b3b3b; font-weight:500; line-height:140%;}

.curriContent01 dl:after{content:''; position:absolute; width:40px; height:4px; top:54%; left:-40px; background:#dcdcdc;}
.curriContent01 li:first-child dl:after{display:none;}

.curriContent01 .curriLi01 dt{background:#ff6000;}
.curriContent01 .curriLi02 dt{background:#fcb448;}
.curriContent01 .curriLi03 dt{background:#00cdba;}

.curriContent01 .curriLi01 dd{border:2px solid #ff6000;}
.curriContent01 .curriLi02 dd{border:2px solid #fcb448;}
.curriContent01 .curriLi03 dd{border:2px solid #00cdba;}


.curriContent02{width:740px; margin:0 auto;}
.curriContent02 h2{font-size:28px; color:#393939; font-weight:400; line-height:140%; text-align:center;}
.curriContent02 h2 span{display:block; font-size:34px; color:#000000; font-weight:500;}
.curriContent02 ul{padding-left:200px; margin-top:50px; height:350px; background:url('../../resources/img_app/curriBg01.png') no-repeat 0 0;}
.curriContent02 ul li{padding-top:53px;}
.curriContent02 dt{color:#202020; font-size:24px; font-weight:500; margin-bottom:10px; line-height:100%;}
.curriContent02 dd{color:#1e1e1e; font-size:18px;}

.curriContent03{text-align:center;}
.curriContent03 ul{margin-right:-40px;}
.curriContent03 ul li{float:left; width:33.3%; padding-right:40px;}
.curriContent03 dl{padding-top:180px;}
.curriContent03 dt{color:#000000; font-size:24px; font-weight:700; margin-bottom:20px; line-height:130%;}
.curriContent03 dd{color:#3b3b3b; font-size:18px; line-height:140%;}

.curriContent03 .knowHow01 dl {background:url('../../resources/img_app/curriType01.png') no-repeat center 0;}
.curriContent03 .knowHow02 dl {background:url('../../resources/img_app/curriType02.png') no-repeat center 0;}
.curriContent03 .knowHow03 dl {background:url('../../resources/img_app/curriType03.png') no-repeat center 0;}

.curriContent05{width:894px; margin:0 auto;}
.curriContent05 h2{font-size:28px; color:#393939; font-weight:400; line-height:140%; text-align:center;}
.curriContent05 h2 span{display:block; font-size:34px; color:#000000; font-weight:500;}
.curriContent05 ul{position:relative; margin-top:50px; width:894px; height:278px; background:url('../../resources/img_app/curriBg02.png') no-repeat 0 0;}
.curriContent05 ul li{}
.curriContent05 ul li span{display:block;}
.curriContent05 dt{color:#202020; font-size:22px; font-weight:700; margin-bottom:10px; line-height:130%;}
.curriContent05 dd{color:#3b3b3b; font-size:16px; line-height:130%;}
.curriContent05 dl{position:absolute; text-align:center;}
.curriContent05 .customize01 dl{top:135px; left:96px;}
.curriContent05 .customize02 dl{top:40px; left:340px;}
.curriContent05 .customize03 dl{top:135px; left:565px;}


.societyArea{overflow:hidden;}
.societyAreaL{float:left; width:50%; background:#fd7d00; height:480px;}
.societyAreaR{float:left; width:50%; background:#6bb2e3; height:480px;}
.societyTxt01{width:550px; float:right;}
.societyTxt02{width:550px; float:left;}

.societyTxt{padding:80px 0 20px;}
.societyTxt dl{padding:0 30px; text-align:center;}
.societyTxt dt{position:relative; display:inline-block; font-size:32px; color:#fff; font-weight:500; padding-top:120px; padding-bottom:20px; line-height:140%;}
.societyTxt dt:after{content:''; position:absolute; width:100%; height:1px; bottom:0; left:0; background:#fff;}
.societyTxt dt span{font-weight:200;}
.societyTxt dd{font-size:20px; color:#fff; line-height:160%; margin-top:30px; padding:0 30px;}

.societyTxt01 dt{background:url('../../resources/img_app/societyImg01.png') no-repeat center 0;}
.societyTxt02 dt{background:url('../../resources/img_app/societyImg02.png') no-repeat center 0;}

.joinWrap{margin-top:30px;}
.joinBtnArea{margin-top:60px;}

.privacyDetail { border:1px solid #ddd ; color:#777; background:#fff; padding:20px 20px; line-height:26px; letter-spacing:0px;  overflow-y:auto;}
.guideWrap{margin-bottom:20px;}
.guideWrap h3{font-size:16px; font-weight:500;; color:#000; margin-bottom:15px;}
.guideWrap p{font-size:14px; color:#6a6a6a; margin-bottom:5px; line-height:150%;}

.mainPop{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:9999;}
.mainPopWrap{position:absolute; left:33%; top:120px; margin-left:-251px; width:502px; border:1px solid #dadada; z-index:9998;}
.mainPopWrap2{position:absolute; left:calc(50% - 100px); top:120px; margin-left:-251px; border:1px solid #dadada; z-index:9998;}
.mainPopImg img{width:100%;}
.popCloseArea{overflow:hidden; background:#fff; padding:5px 10px;}
.popCloseArea .checkbox-out{float:left;}
.popCloseArea .checkbox-out label{color:#000; font-size:13px; padding-top:0px;}
.popCloseArea .popClosed{float:left; margin-top:4px; color:#000; font-size:13px; vertical-align:middle;}
.popCloseArea .popCloseBtn{float:right; margin-top:4px; color:#000; font-size:13px; vertical-align:middle;}
.popCloseArea .popCloseBtn i{margin-left:5px; color:#000; font-size:11px;}
.mainPopVideo { width: 720px;height: 360px;}

@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;}
	#mainSlider .swiper-pagination{text-align:center; left:auto; margin-left:0; width:100%; padding-left:0;}
	.counselStep.step04 ul li dl{font-size:17px;}
/* 파트너즈 */
.patnerList .col-lg-3{padding:22px 20px;}

	.teacherArea{margin-top:50px; width:984px; height:640px; background-size:100%;}
	.teacherArea ul{width:650px; float:right; margin-right:30px; margin-top:80px;}

	.valueTxt02 p{padding:0 300px;}

	.juniorInfo{margin-top:80px; position:relative; width:100%; height:860px; background:url('../../resources/img_app/juniorInfoBg.png') no-repeat center center; background-size:350px auto;} 

    .societyHistoryImg01{margin-top:30px; background-size:880px auto;}
    #fp-nav ul li, .fp-slidesNav ul li {width:15px;height:auto !important}
    #fp-nav ul li a, .fp-slidesNav ul li a {height: 15px;}
    #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {height: 30px;width: 15px;background: #96ceff;border-radius: 7px;}
}

@media screen and (max-width:992px){
    .pc, .btnMouse {display:none !important;}
    .subContent {position: static;}
    .copyrightArea {text-align:center;}
    .copyrightArea span{white-space: nowrap;}
    .quickInfo {max-width: 140px; margin:0 auto;}
    .subConView {padding-bottom:30px}
    .fp-tableCell{margin-top:0px; padding:0;}
    /* #header .brand a {background: url(../../resources/images/cm/logo_officeToc.png) no-repeat left center/50%;} */
    
    /* .fp-tableCell {display:table} */
    .col-md-6 p img, .main .maintxt02 {padding-right:20px;}
    .col-md-6,.main .maintxt,
    .main .row .col-md-4, .main .row .col-md-8, .main .row .col-md-6 {display:block !important;width:100%;}
    .main .maintxt,
    .main .row .col-md-4, .main .row .col-md-8, .main .row .col-md-6 {margin:0 auto;}
    .main .mtxtArea .white {max-width:250px;margin:5% auto 5%;}
    .main .mtxtArea dt {max-width:250px;margin:0 auto;}
    .main .mtxtArea dt img {height: 54px;}
    .main #officeToc .mtxtArea dt img,
    #section02 .mtxtArea dt img,
    #section01 .mtxtArea dt img {height:88px;}
    /* .main #section01 .mtxtArea {max-width:80%;} */
    .main #section01 .mtxtArea dt {font-size:18px;color:#0e3a76; margin:0 auto;}
    .main #section01 .mtxtArea dt span {display:inline-block;padding:10px 0;}
    #fullpage .intro .subContent {padding-top:0%}
    .main .tab_wrap {top:0px;}
    /* .tab_wrap {position:absolute;top:-34px;width:100%;float: none;} */
    /* .fp-tableCell {position: relative;} */
    /* bg */
    /* .section {padding-top:60px;} */

    #section0.section {margin-top: 60px;}
    #section0 {position:relative;background-image:none;background-color:#0e3a76}
    #section01{background-image:url('../../resources/images/mo/main/bg_main02.png');}
    #section02{background-image:url('../../resources/images/mo/main/bg_main03.png');}
    #section1 {background-image:url('../../resources/images/mo/sub/bg_business01.png');}
    #section2 {background-image:url('../../resources/images/mo/sub/bg_business02.png');}
    #section3 {background-image:url('../../resources/images/mo/sub/bg_business03.png');}
    #section4 {background-image:url('../../resources/images/mo/sub/bg_business04.png');}
    #section5 {background-image:url('../../resources/images/mo/sub/bg_business05.png');}

 .imgA img  {width:70%; margin:0 auto}

    .main .row ,
    .main .maintxt03 {display:block;}
    .main .maintxt03 .mo {max-width:calc(100% - 20px);margin:0 auto;padding:10px 10px 0;text-align:center;}
    .main .maintxt03 .mo img {max-height:88px;}
    .main .maintxt dt img, .mtxtArea dt img {margin:0 auto 8%;}
    #section0 .maintxt03 dd a {display:none;}
    .main .topmargin {margin-top: 0px; padding-top:0px;}
    .main .maintxt dd a {margin-top:20px; padding: 16px 60px;}
    #fp-nav {top:90%;}
    #fp-nav.fp-right {right:10px;}
    /* #fp-nav ul li, .fp-slidesNav ul li {width:15px; height:15px;} */
    #fp-nav ul li, .fp-slidesNav ul li {width:15px;height:auto !important}
    #fp-nav ul li a, .fp-slidesNav ul li a {height: 15px;}
    #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {height: 30px;width: 15px;background: #96ceff;border-radius: 7px;}

    .culist.type5 > div {display:flex-box;padding:2% 1%;}
    .maintxt03 .mtxtArea {max-width:100%;}
    #section02{background-image:url('../../resources/images/mo/main/bg_main03.png')}
    /* #fullpage {padding-top: 60px !important;    transform: translate3d(0px, 0px, 0px) !important;} */

    .tab_wrap > p.active {line-height:46px; text-align:center;background:#fff url('../../resources/images/mo/sub/btn_tabdown.png') no-repeat 80% 20px; background-size:12px auto;}
    .tab_wrap > p.active a {font-size:1.6rem;color:#0e3a76;}
    .tab_wrap > ul.tabNew.type1 {display:none;width:100%;background:#696969;border-bottom:1px solid #aaaaaa !important;}
    .tab_wrap > ul li {display:table;width:90%;margin:0 auto;}
    .tabNew.type1 > li:last-child a {border-bottom:none !important;}
    .tabNew.type1 > li.active > a, .tabNew.type1 > li > a:hover {width:100%;min-height:46px;line-height:46px;color:#a1dfff;background:none;border:none; border-bottom:1px solid #aaaaaa;}
    .tabNew.type1 > li > a {width:100% !important;margin:0 auto;color:#fff;min-height:46px;line-height:46px;border:none; border-bottom:1px solid #aaaaaa;}

    .notice .conTitle{background:url('../../resources/images/mo/sub/bg_notice.png') no-repeat center top;background-size:cover;}
    .notice .conTitle h3 {padding:78px 16px 70px;font-size:3.3rem;text-align:left;color:#a1dfff}
    .notice .tab_wrap.tab_wrap_1 {margin-top:0;}
    .conTitle .partnerTit01 {width:60%;margin:0 auto; word-break: keep-all; }
    .imgCetner {padding:0 30px;}
    .imgCetner:before {display:none;}
    .mo.imgCetner {margin:0 auto 30px}

    .culist {margin-bottom:30px !important;}
    .culist > div {margin-top:6%;}
    .culist > div:first-child {margin-top:0;}
    .culist > div > div {width:110px;height:110px;}
    .intro .conTitle > h3 + p {font-size:1.6rem;line-height:1.5;}
    .culist > div > div p {padding-top:58px;font-size:1.1rem;line-height:1.5;background-size:25%;background-position:center 10px;}
    .culist > div + div > div p {background-size:24%; background-position:center 10px;}
    .culist > div + div + div > div p {background-size:35%;background-position:center 10px;}
    .culist > div + div > div p.one:before {margin-bottom:14px}
    .culist.type2 > div > div p {padding-top:58px;font-size:1.1rem;line-height:1.5;background-size:37%;background-position:center 10px;}
    .culist.type2 > div + div > div p{background-size:37%;background-position:center 10px;}
    .culist.type4 > div > div p {padding-top:58px;font-size:1.1rem;line-height:1.5;background-size:37%;background-position:center 13px;}
    .culist.type4 > div + div > div p {padding-top:58px;font-size:1.1rem;line-height:1.5;background-size:30%;background-position:center 8px}

    .culist.type5 > div > div p {padding-top:58px;font-size:1.1rem;line-height:1.5;background-size:30%;background-position:center 15px}
    .culist.type5 > div + div > div p{padding-top:58px;font-size:1.1rem;line-height:1.5;background-size:30%;background-position:center 13px}
    .culist.type5 > div + div + div > div p{padding-top:58px;font-size:1.1rem;line-height:1.5;background-size:55%;background-position:center 17px}

    .tab_wrap {position:absolute; top:60px; left:0;width:100%;z-index:3;}
    .tab_wrap.tab_wrap_1 {position: static;}
    .tab_wrap.tab_wrap_1 > ul.tabNew li {display: table-cell;width: 1%;}

    .netWUl > div {width:100%;padding-top: 0;padding-left: 200px;}
    #section41 .subConDetail,
    #section42 .subConDetail,
    #section31 .subConDetail,
    #section21 .subConDetail,
    #section22 .subConDetail,
    #section24 .subConDetail,
    #section11 .subConDetail,
    #section12 .subConDetail,
    #section13 .subConDetail{margin-top:0;}
    #section41 .subConDetail .conTitle,
    #section42 .subConDetail .conTitle,
    #section31 .subConDetail .conTitle,
    #section21 .subConDetail .conTitle,
    #section22 .subConDetail .conTitle,
    #section23 .subConDetail .conTitle,
    #section24 .subConDetail .conTitle,
    #section11 .subConDetail .conTitle,
    #section12 .subConDetail .conTitle,
    #section13 .subConDetail .conTitle{padding:40px 16px;}

    .conTitle h3 {font-size:30px;}
    .conTitle p.subTit {font-size:1.3rem;padding:4px 16px;margin: 0 auto 15px;}
    #fullpage .fullTit {width:80%; margin:0 auto;font-size:1rem; line-height:1.8rem}
    #fullpage #section31 .fullTit {width:90%;}

    .netWUl {margin:0 16px 30px;}
    .netWUl > div {background:url('../../resources/images/mo/sub/img_busi0401.png') no-repeat 16px center;}
    .netWUl > div + div {background:url('../../resources/images/mo/sub/img_busi0402.png') no-repeat 16px center;}
    .netWUl > div + div + div {background:url('../../resources/images/mo/sub/img_busi0403.png') no-repeat 16px center;}
    .netWUl > div + div + div + div {background:url('../../resources/images/mo/sub/img_busi0404.png') no-repeat 16px center;}
    .netWUl > div + div + div + div + div {background:url('../../resources/images/mo/sub/img_busi0405.png') no-repeat 16px center;}
    .netWUl > div, .netWUl > div + div,.netWUl > div + div + div,.netWUl > div + div + div + div,.netWUl > div + div + div + div + div {display:table;max-width:340px;margin:0 auto 30px;min-height: 137px;background-size: 50% auto;}
    .netWUl > div dl{display: table-cell;
    vertical-align: middle;}
    .netWUl > div dl dt{font-size:1.2rem}
    .netWUl > div dl dd {width: auto;font-size:1rem;line-height:1.5;}
    .imgArea {padding:30px 16px;}
    .productList .row {padding:0 16px;}
    .productList h4 span {font-size:1.7rem}
    .productList h4:after {top:1.4rem}
    .productList .row > div {float: left;width: 50%;max-height: 403px;margin-bottom: 35px;display: table-cell;}
    .productList .row.goods > div + div + div {margin-top:40px}
    .productList dt {font-size:1.5rem;padding: 2px 15px;}
    .productList dd {font-size:1.2rem;}
    .productList dl dd a {font-size:1rem;padding:4px 30px;margin-top:10px;}
    .productList.type3 h5 + p {font-size:1.1rem; padding:0 16px}
    #fullpage .conTitle.white p.fullTit {font-size:1.3rem;line-height:2rem}
    .productList.type3 h5{font-size:1.3rem}
    .conTitle.white p + p.stxt {font-size:1rem;line-height:1.3rem;}
    #section21 .subConDetail,
    #section23 .subConDetail {margin:26% auto 0%}
    #section25 .fp-section.fp-table {display:table}
    .pcPoint {width:90%;}
    .pcPoint li {width:30%;height:225px;margin:0 10px;padding:0 0;background-size:90%;}
    .pcPoint li + li {width:30%;height:225px;margin:0 10px;padding:0 0;background-size:90%}
    .pcPoint li + li + li {width:30%;height:225px;margin:0 10px;padding:0 0;background-size:90%}
    .pcPoint li span {top:15px;width:100%;text-align:center;}
    .pcPoint li span + span{top:65px;}
    .pcservice {width:100%;padding:10px 16px;margin:40px auto 0;}
    .pcsvcInner {display:table;margin:0 auto;}
    .pcsvcInner > span {display:table-cell;width:30%;}
    .pcsvcInner > span img {min-width: 80px;max-width:100x;height:auto;}
    .pcsvcInner dl {display:table-cell;width:60%;margin:0 15px;padding:3% 0 0 10px;vertical-align: middle;}
    .pcsvcInner dl dt  {margin-bottom:15px;font-size:3rem}
    .pcsvcInner dl dd {font-size:1rem;line-height:1.5; width:100%;margin:0;}
    .productList {margin-bottom:30px;}
    .fp-slidesContainer {float:none !important;width:100% !important;}
    .fp-section.fp-table, .fp-slide.fp-table { table-layout: initial;width: 100% !important;}
    .fp-slide.fp-table  {padding-bottom: 20px;}
    #slide2 .intro {height:auto;}
    .fp-slides {float:none !important;width:100%; max-height:70%;padding:0 20px;}
    .fp-slide {float:none !important;}
    .fp-slide .fp-tableCell {height:auto;}
    .fp-controlArrow.fp-next, .fp-controlArrow.fp-prev {display:none;}
    #section24 .fp-tableCell {display:table}
    .stepList {width:100%;margin:0 auto}
    /* .stepList .row {max-width:290px;} */
    .stepList .row > div {float:none;display: table;width:100%;margin: 0 auto;max-width: 290px;}
    .stepList .pR108 {padding-right:16px;}
    .stepList .row > div >p, .stepList .row > div > dl{display:table-cell;padding:10px;vertical-align: middle;}
    .stepList .row > div >p {width:50%}
    .stepList .row > div > dl {width:50%;}
    .stepList .row > div + div + div {width:100%}
    .stepList dl dt {font-size:1.2rem;line-height: 1.5;}
    .stepList dl dt span {font-size:4.2rem}
    .stepList dl dt.one {line-height: 1.5;}
    .stepList dl dd {font-size:1rem}

    #section1 .subConDetail {margin:40% auto ;}
    .col-md-6 p img, .main .maintxt02 {padding-right:0;}
    .section .conTitle .bgTxt {margin-bottom:10px;font-size:1.8rem;line-height: 1.5;}
    #section11 .subConDetail .conTitle {padding-bottom:10px;}
    #section11 .conTitle h3 {padding-bottom: 10px;}
    .conTitle .subTxt {font-size:1.5rem;line-height: 1.5;}
    .officeTocArea{margin-top:0;}
    /* .officeTxt dt {font-size:1.2rem}
    .officeTxt dd {font-size:1rem} */
    #fullpage .officeTxt {padding-top:3rem; text-align:center;width: 80%;margin: 0 auto;}
    #fullpage .officeTxt.l , #fullpage .officeTxt .l{text-align:center;}
    #section12 .imgArea02 {width:80%;margin:0 auto}
    #section12 .productList.type3 .row > div {max-height:100px;margin-bottom: 20px;}
    .productList.type3 .row > div:before { margin: 12px 0 12px 0px;}
    .productList.type3 .row > div:nth-child(odd):before {background: #fff;}
    .contentType06 .subConView {padding-top:0;}
    .contentType06 .subConDetail {margin-top:0;}
    .contentType06 .subConDetail .conTitle {padding:0px 16px;}
    .contentType06 .subConDetail .conTitle.mmt50 {padding-top:50px;}
    .contentType01 .mainTitle {padding:60px 16px;margin:0;background:none;}
    .contentType01 .mainTitle p {display:block;}
    .visual01 {background:none;}
    .visual01 .mainTitWrap {height:184px;background: url(../../resources/images/mo/sub/bg_notice.png) no-repeat center top;background-size: cover; }
    .subcontentMain01 {height:184px;}
    .subcontentMain01 .cover {display:none;}
    .subcontentMain01 + .subContent.mT50 {margin-top:0;}
    .contentType01 .conTitle.pT35 {padding:0 0 !important; margin-top:-60px;}
    .addArea {padding:0;}
    .addArea .row p {width:100%; padding:0;}
    .addArea .row p img {width:100%; height:auto;}
    .addArea dl {padding:25px 25px;}
    .addArea dl dt {font-size:2rem;}
    .addArea dl dd {font-size:1.5rem;}
    .addArea dl dd:last-child {text-align:center;}
    .addArea .row + .row {margin-top: 0px;}
    .com04 {width:80%;margin:60px auto;}
    .officeTxtWrap {display:block;margin-right:0;margin-left:0;padding:26px 0 0;}
    .officeTxtWrap p {padding:0;}
    .officeTxtWrap.bgGra:before {height:0;background:none;}
    .officeTxtWrap.type2 > p + div {padding:0 25px 30px;}
    .officeTxtWrap.type2 dt{padding-top:20px;font-size:2.5rem;line-height:1.5;}
    .officeTxtWrap.type2 dd {font-size:1.5rem}
    .officeTxtWrap > p img {width:100%;height:auto;}
    .officeTxtWrap.bgGra .officeTxt {padding:0;}
    .officeTxtWrap.bgGra .officeTxt.type2.type3 {padding: 0 25px;}
    .officeTxtWrap.bgGra p > img {width:90%; padding-top:30px;}
    .officeTxtWrap.bgGra .officeTxt.type2 dl {padding:0 16px}
    .officeTxtWrap .officeTxt.type2 dl {width:100%;margin-left:0;margin-top:50px;padding:0 0px;}
    .ogran {padding-top:30px;}
    .officeTxt.type2 dt {font-size:2.5rem}
    .officeTxt.type2 dd {font-size:1.5rem;}
    .cominfoWrap {margin-top:30px;padding:0 25px 30px;}
    .cominfoWrap > div:first-child {padding:0;margin-bottom:25px;}
    .cominfoWrap >div > img {width:100%; height:auto;}
    .tbl1 {padding:0;}
    .officeTxtWrap.bgGra p {margin-top:40px !important;}

    .themed-grid-col img {padding-right:15px !important;}
    .main .maintxt dt.white img {padding-right:0 !important}

}
/* @media screen and (max-height:640px) {
    .fp-tableCell {padding:30px 0;}
} */


@media screen and (max-width:768px) {
    /* .fp-slides { max-height:500px;} */
}
@media screen and (max-width:414px) {
    /* .fp-slides { max-height:400px;} */
}
@media screen and (max-width:320px) {
    .netWUl > div {padding-left:170px;}
    /* .fp-slides { max-height:150px;} */
}
@media screen and (max-width:992px) {
.mbview {display:block !important}
/* .subConView, .fp-tableCell .subConView {position:relative;} */
.main ul.tabNew  { display:none; }
.tab_wrap select {width:100%;padding:15px 30px; font-size:1em;text-align:center; color:#0e3a76; display:block; border:none;background:#fff}
.tab_wrap select option {padding:13px 0;font-size:1.6rem;color:#fff;border-bottom:1px solid #afafaf; background:#696969}
.panel { background:none !important}
.tabNew > li > a{background:#fff;}

.noticeTitle{padding:20px;}
.noticeViewArea{padding:0 20px 20px;}
.detailTitle{float:none; width:100%; line-height:140%;}
.noticeDetailView .actions{float:none; text-align:right; margin-top:15px;}

.patnerList {margin-top:0;}

.mainTitle{padding-top:60px;}
.conTitle {padding:100px 16px 40px;}
.intro .conTitle{padding:10% 16px 4%;word-break:keep-all;}
.intro .conTitle > p {width:86%;margin:0 auto;}
.gridSum{margin-left:0;}
.gr-header {display:none;}
.gridType01 .gr-body{border-top:2px solid #282828;margin-right: -16px;margin-left: -16px;}
.contentType05 .gridType01 .gr-body{border-top:2px solid #539601;}
.officeSearchArea .gridType01 .gr-body{border:1px solid #cccccc; border-top:2px solid #539601; padding:15px;}
.officeSearchArea .gridType01 .gr-body .gridRow:last-child{border-bottom:none;}
/* .contentType06 .gridType01 .gr-body{border-top:2px solid #d08599;} */

/* 파트너즈 */
.patnerList .col-lg-3{padding:22px 5px;}
#realContents {padding:0 0 ;}
#realContents .conSub {position:relative;padding:0px 16px 0}
.noticeDetailView {margin-top: -50px;}
#realContents .conSub .gridType01{padding-top:90px;}
.btnList {float:right;padding:13px 30px;margin-bottom:90px; color:#0e3a76;font-size:13px; display:inline-block !important;border:1px solid #0e3a76; box-sizing: border-box; background:#fff;}
.btnList:hover {float:right;padding:13px 30px;margin-bottom:90px; color:#fff;font-size:13px; display:inline-block !important; background:#0e3a76;}
.topBtn:after {content:''; display:block; clear:both;}
.board_bottom .form-inline {position:absolute;top:-10px;left:0;max-width:100%; width:100%;text-align:center;}
.board_bottom .form-inline .col-md-12.mb-3 {width:100%;}
.gridType01 {border-bottom:0;}
.gridType01 .gr-body .col-group3{position:relative;border-bottom:1px solid #a0a0a0}
.gridType01 .gr-body .col-group3 .cols{overflow:hidden; padding:20px 16px; display:block; width:100%; border-bottom: none;}
.gridType01 .gr-body .col-group3 .cols .tit{display:block; text-align:left;}
.gridType01 .gr-body .col-group3 .cols .txt{text-align:left; font-size:12px; color:#585858; line-height:140%; /* word-break:break-word; */ }
.gridType01 .gr-body .col-group3 .cols .tit{font-size:14px; color:#838383;}

.gridType01 .gr-body .col-group3 .cols.hideM{display:none;}
.gridType01 .gr-body .col-group3 .cols.gridTitleM .tit{display:none;}
.gridType01 .gr-body .col-group3 .cols.gridTitleM .txt{line-height:150%; font-weight:500; font-size:16px;color:#282828;}
.gridType01 .gr-body .col-group3 .cols.gridSubM {width:auto; display:inline-block; margin-right:30px;}
.gridType01 .gr-body .col-group3 .cols.gridSubM .tit{display:inline-block; color:#999999; font-size:16px; margin-right:10px; }
.gridType01 .gr-body .col-group3 .cols.gridSubM .txt{display:inline-block; overflow:hidden;}
.gridType01 .gr-body .col-group3 .cols.blogLinkM .tit{display:none;}
.gridType01 .gr-body .col-group3 .cols.blogLinkM .txt{display:inline-block; width:30px; position:absolute; right:0; top:5px;}
.gridType01 .gr-body .col-group3 .cols.col_xs-7{width:70%; display:inline-block;}
.gridType01 .gr-body .col-group3 .cols.col_xs-2 {text-align:right;width:30%;margin-right:0;}
.grid-wrap .gridRow:after {display:none;}
.subConView {padding:0;}


.contentWrap{padding-top:60px !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; margin:0;}
.login .login-area h3{font-size:34px;}
.login .login-area .sub-title {margin-bottom:60px; text-align:center;}
.login .login-area .sub-title p{display:block; font-size:20px; color:#000000; margin-top:18px; font-weight:200; line-height:140%;}
.login .login-area .input-wrap.placeholder label{font-size:14px;}
.login .login-wrap{display:block;width:auto;border-right:0 none; padding:10px 0;}
.login .login-wrap .scode-wrap p{padding-top: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;}

.mainTitle h2{font-size:36px;}

.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%; background-image:none !important;}
.mainTitle p{display:none;}
/* .subcontentMain01{height:150px;} */
.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; font-size:13px; width:75%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.briefingListDetail dd{float:right; color:#ffffff; font-size:13px; width:22%; text-align:right;}


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

.topSearch {position:absolute; right:70px; top:20px;}
.topSearchDetail{width:100%; margin:0; padding:9.6rem 5rem;}
#header > .topbar {display:none}
#gnb_wrap {position:fixed; top:60px; right:-310px; width:300px; height:100%; background:#fff; /* box-shadow:-2px 0 6px 0 rgba(0,0,0,.3); */ z-index:990;}
/*#gnb_wrap a.gnb_top {position:relative; display:block !important; padding:0 0 0 25px; height:80px; font-size:16px; color:#fff; line-height:80px; background:#555}
#gnb_wrap a.gnb_top > span.nav-home {display:inline-block; width:17px; height:16px; margin-right:10px; background:url('../../../resources/img_app/nav_home.png') 0 0 no-repeat; vertical-align:-2px}*/
#gnb_wrap .mInfo {position:relative; display:block !important; padding:20px 0 0 20px; height:70px; background:#003057}
#gnb_wrap .mInfo p{background:url('../../resources/img_app/mInfoBg.png') no-repeat 0 center; padding-left:36px; 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 #22c555; 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:95%; height:100%;}
#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:10px 0; 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:#22c555}
#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 #22c555; 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{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;}

.about-view-neighbor {margin-bottom:20px;}

.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:40px 0px}
.subConDetail{float:none; width:100%;margin: 26% auto 6.5%;}
#section21 .subConDetail, #section23 .subConDetail{margin: 0 auto 0%;}

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


.visualArea{height:510px;}
#mainSlider ul.imgList li{height:510px;}


#mainSlider ul.imgList li.slide01{background:url('../../resources/img_app/main_visual_01M.png') no-repeat center center; background-size:cover;}
#mainSlider ul.imgList li.slide02{background:url('../../resources/img_app/main_visual_02M.png') no-repeat center center; background-size:cover;}
#mainSlider ul.imgList li.slide03{background:url('../../resources/img_app/main_visual_03M.png') no-repeat center center; background-size:cover;}

#mainSlider ul.imgList li .caption{position:relative; max-width:1100px; margin:0 auto; z-index:2;}
/* #mainSlider ul.imgList li .caption.copy01 .visualTxt {left:0; width:100%; text-align:center; top:0;} */
#mainSlider ul.imgList li .caption.copy01 .visualTxtDetail{text-align:center;}
#mainSlider ul.imgList li .caption.copy01 .visualTxtDetail h2{font-size:45px;}
#mainSlider ul.imgList li .caption.copy01 .visualTxtDetail p{font-size:34px; margin-top:5px;}
#mainSlider ul.imgList li .caption.copy01 .visualTxtDetail span{display:none;}
#mainSlider ul.imgList li .caption.copy01 .visualBtn{margin-top:30px; text-align:center;}

/* #mainSlider ul.imgList li .caption.copy02 .visualTxt {left:0; width:100%; text-align:center; top:0;} */
#mainSlider ul.imgList li .caption.copy02 .visualTxtDetail{text-align:center;}
#mainSlider ul.imgList li .caption.copy02 .visualTxtDetail h2{font-size:45px;}
#mainSlider ul.imgList li .caption.copy02 .visualTxtDetail p{font-size:34px; margin-top:5px;}
#mainSlider ul.imgList li .caption.copy02 .visualTxtDetail span{display:none;}
#mainSlider ul.imgList li .caption.copy02 .visualBtn{margin-top:30px; text-align:center;}

/* #mainSlider ul.imgList li .caption.copy03 .visualTxt {left:0; width:100%; text-align:center; top:80px;} */
#mainSlider ul.imgList li .caption.copy03 .visualTxtDetail{text-align:center;}
#mainSlider ul.imgList li .caption.copy03 .visualTxtDetail h2{font-size:48px;}
#mainSlider ul.imgList li .caption.copy03 .visualTxtDetail p{font-size:44px; margin-top:5px;}
#mainSlider ul.imgList li .caption.copy03 .visualTxtDetail span{display:none;}
#mainSlider ul.imgList li .caption.copy03 .visualBtn{margin-top:30px; text-align:center;}

.officeMain01{padding:70px 20px 40px;}
.officeMain02{padding:70px 20px;}
.officeMain03{padding:70px 20px 20px;}
.officeCon01 h2{font-size:38px; margin-bottom:35px;}
.officeCon01 h2 span{font-weight:400;}

.officeCon01 ul{margin-right:-1px; overflow:hidden; border-bottom:1px solid #d4d4d4;}
.officeCon01 ul li{width:50%; padding-right:0; padding-top:0; margin-right:-1px; margin-bottom:-1px;}
.officeCon01 ul li dl{height:180px; padding:25px;}

.officeCon01 ul li dl{background-position:90% 90% !important;}

.regWrap{padding:35px;}
.counselStep{margin-top:0;}

#mainSlider .swiper-pagination{text-align:right; left:auto; right:20px; top:20px; bottom:auto; margin-left:0; width:100%; padding-left:0;}
#mainSlider .swiper-pagination-bullet {
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  width:12px;
  height:12px;
  border:none;
  border-radius:100%;
  opacity: 0.4;
  margin:0px 2px 0;
}
#mainSlider .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}

.mHide{display:none;}
.wHide{display:block;}
.mBtn{display:block;}


.counselStepM {margin-top:0; margin-bottom:20px; text-align:center; }
.counselStepM ul {display:inline-block;}
.counselStepM ul li {float:left;}
.counselStepM ul li:first-child {margin-left:0;}
.counselStepM ul li div {position:relative; padding-left:35px;}
.counselStepM ul li div span{display:block; width:38px; height:38px; border:1px solid #efb58a; border-radius:100%; text-align:center; line-height:38px; background:#fff; font-size:18px; font-weight:700; color:#efb58a;}
.counselStepM ul li div span:after{content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#efb58a; z-index:-1;}
.counselStepM ul li:first-child div span:after{height:0px;}
.counselStepM ul li:first-child div {padding-left:0;}
.counselStepM ul li.active div span{background:#dd5e00; color:#ffffff;}

.contentType04 .counselStepM ul li.active div span{background:#2cac6f; color:#fff;}
.contentType04 .counselStepM ul li div span{border:1px solid #9dd8bc; color:#abd8bf;}
.contentType04 .counselStepM ul li div span:after{background:#95d5b7;}

.contentType07 .counselStepM ul li.active div span{background:#6d8db5; color:#fff;}
.contentType07 .counselStepM ul li div span{border:1px solid #bbcadd; color:#bfcbdc;}
.contentType07 .counselStepM ul li div span:after{background:#6d8db5;}

.counselStepTitle{margin-top:40px; overflow:hidden;}
.counselStepTitle dt{color:#dd5e00; font-size:24px; font-weight:700;}
.counselStepTitle dd{color:#000000; font-size:28px; font-weight:500; margin-top:15px; line-height:100%;}
.counselStepTitle dd span{font-weight:400;}

.contentType04 .counselStepTitle dt{color:#2cac6f;}
.contentType07 .counselStepTitle dt{color:#6d8db5;}

.counselStepTitle .star01{float:right; color:#ec6115; font-size:15px; margin-top:20px; display:inline-block; padding-left:15px; padding-right:0; }
.contentType04 .counselStepTitle .star01{color:#2cac6f;}
.contentType05 .counselStepTitle .star01{color:#539601;}
.contentType07 .counselStepTitle .star01{color:#3b6aa6;}

.contentType03 .counselStepTitle .star01{background:url('../../resources/img_app/star03.png') no-repeat 0 center !important;}
.contentType04 .counselStepTitle .star01{background:url('../../resources/img_app/star04.png') no-repeat 0 center !important;}
.contentType05 .counselStepTitle .star01{background:url('../../resources/img_app/star05.png') no-repeat 0 center !important;}
.contentType07 .counselStepTitle .star01{background:url('../../resources/img_app/star07.png') no-repeat 0 center !important;}

.conTitle.counselTitle p{font-size:24px;}

.modelProcess li{float:left; width:33.3%; padding-bottom:30px;}
.modelProcess li dt{text-align:center; display:inline-block;}


.teacherArea{margin-top:0; width:100%; height:auto; background:none;}
.teacherImgM{position:relative; z-index:1; height:487px; background:url('../../resources/img_app/teacherImgM.png') no-repeat center 0;}
.teacherArea ul{overflow:hidden; width:100%; float:none; margin-right:0; margin-top:-140px; padding-top:0; background:#efefef; padding:140px 20px 20px; border-radius:40px;}
.teacherArea ul li{float:none; width:100%;}
.teacherArea ul li dl{padding:0 0 30px 0; height:auto;}
.teacherArea ul li dl dt{font-size:20px; display:inline-block; width:300px;}
.teacherArea ul li dl dd{font-size:18px;}

.officeWrap{background:url('../../resources/img_app/officeLogo.png') no-repeat center 80px #f9f9f9; padding:440px 80px 50px; overflow:hidden; height:auto;}
.officeUl li{position:relative; width:auto; margin-bottom:50px;}
.officeUl li.officeUl01{left:0; top:auto;}
.officeUl li.officeUl02{right:0; top:auto;}
.officeUl li.officeUl03{left:0; top:auto;}
.officeUl li.officeUl04{right:0; top:auto;}

.officeMap{height:260px; background-size:auto 260px;}

.locationInfo{background:#ffffff; padding:0;}
.locationInfo ul{border-top:1px solid #e5e5e5;}
.locationInfo li{float:none; width:100%; height:auto; border-left:none; border-bottom:1px solid #e5e5e5; padding:30px 0;}
.locationInfo dl{padding-left:100px;}
.locationInfo .locationInfo01 dl{background:url('../../resources/img_app/locationInfo01.png') no-repeat 20px center;}
.locationInfo .locationInfo02 dl{background:url('../../resources/img_app/locationInfo02.png') no-repeat 20px center;}

.valueTxt02 p{text-align:center; line-height:140%; font-size:20px; color:#4e4e4e; padding:0 280px;}
.juniorInfo{margin-top:60px; position:relative; width:100%; height:auto; background:url('../../resources/img_app/juniorInfoBg.png') no-repeat center 0; background-size:260px auto; padding-top:340px;}
.juniorInfo li{position:relative; margin-bottom:50px;}
.juniorInfo dl{position:relative; width:100%; padding-top:0; text-align:center;}
.juniorInfo dt{position:relative; margin-bottom:20px; display:inline-block;}
.juniorInfo dd{font-size:17px; color:#282828; line-height:160%; padding:0 40px;}

.juniorInfo li.juniorInfo01 dt{left:0;}

.juniorInfo li.juniorInfo01{top:0; left:0; margin-left:0;}
.juniorInfo li.juniorInfo02{top:0; right:0;}
.juniorInfo li.juniorInfo03{top:0; right:0;}
.juniorInfo li.juniorInfo04{top:0; left:0; margin-left:0;}
.juniorInfo li.juniorInfo05{top:0; left:0;}
.juniorInfo li.juniorInfo06{top:0; left:0;}

.juniorInfo li.juniorInfo01 dl{text-align:center; padding:0; padding-bottom:0;}
.juniorInfo li.juniorInfo01 dl dt{top:auto; bottom:auto; left:0; margin-left:0;}
.juniorInfo li.juniorInfo04 dl dt{left:0; margin-left:0;}
.juniorInfo li.juniorInfo04 dl{text-align:center;}
.juniorInfo li.juniorInfo05 dt, .juniorInfo li.juniorInfo06 dt{right:auto;}
.juniorInfo li.juniorInfo05 dl, .juniorInfo li.juniorInfo06 dl{text-align:center;}


.engInfo{margin-top:60px; position:relative; width:100%; height:auto; background:url('../../resources/img_app/engBg01M.png') no-repeat center 0; padding-top:400px;}
.engInfo li{position:relative; margin-top:40px;}
.engInfo dl{position:relative; width:100%;}

.engInfo li.engInfo01{top:0; left:0; text-align:center;}
.engInfo li.engInfo02{top:0; right:auto; text-align:center;}
.engInfo li.engInfo03{top:0; left:0; margin-left:0; text-align:center;}

.engElementary{margin:0 auto; margin-top:60px; position:relative; width:100%; height:750px; background:url('../../resources/img_app/engBg02M.png') no-repeat center 53%;}
.engElementary li{position:absolute;}
.engElementary dl{position:relative; width:100%; padding-top:70px;}
.engElementary dt{position:absolute; left:50%; margin-left:-160px; width:320px; font-size:24px; font-weight:500; color:#000000; border-radius:40px; text-align:center; padding:23px 0;}
.engElementary dd{font-size:18px; color:#3b3b3b; line-height:140%; margin-top:20px;}

.engElementary li.engElementary01{left:0; top:0;}
.engElementary li.engElementary02{right:0; bottom:0;}

.engElementary li.engElementary01 dt{background:#00dacb; top:auto; bottom:0}
.engElementary li.engElementary02 dt{background:#90cd00; bottom:auto; top:0;}

.engElementary li.engElementary01 dl{padding-top:0; padding-bottom:90px;}
.engElementary li.engElementary02 dl{padding-top:70px; padding-bottom:0;}

.engMiddle{margin:0 auto; margin-top:60px; position:relative; width:100%; height:auto; background:url('../../resources/img_app/engBg03M.png') no-repeat 0 40px;}
.engMiddle li{position:relative; padding-left:77px; height:360px;}
.engMiddle li:last-child{height:auto;}
.engMiddleStep{position:relative; top:0; width:105px; height:auto; border-radius:10px; text-align:center; color:#fff; padding:20px;}
.engMiddle01 .engMiddleStep{background:#ff6000; top:0; left:0;}
.engMiddle02 .engMiddleStep{background:#fcb448; top:0; right:0;}
.engMiddle03 .engMiddleStep{background:#00cdba; top:0; left:0;}

.engMiddle dl{padding:0; margin-top:20px;}
.engMiddle dt{font-size:22px; font-weight:500; color:#101010; margin-top:5px; line-height:140%;}
.engMiddle dd{font-size:16px; color:#3b3b3b; margin-top:10px; line-height:140%;}
.engMiddle .engMiddle02 dl{padding:0; text-align:left;}

.lngKorWrap{margin-top:60px; height:auto; background:url('../../resources/img_app/lngKorBg01M.png') no-repeat center 0; padding-top:390px;}
.lngKorWrap ul{position:relative;}
.lngKorWrap li{position:relative; width:100%; margin-top:40px;}
.lngKorWrap li:first-child{margin-top:0;}
.lngKorWrap .lngKorWrap01{top:0; left:0;}
.lngKorWrap .lngKorWrap02{top:0; left:0;}
.lngKorWrap .lngKorWrap03{top:0; left:0;}
.lngKorWrap .lngKorWrap04{top:0; left:0;}
.lngKorWrap .lngKorWrap05{top:0; left:0;}

.mathTxt04 h3{font-size:34px;}
.mathTxt04 h3:after{display:none;}
.mathTxt04 p{font-size:22px; margin-top:10px;}

.lngKorType{margin-top:60px; height:auto; background:none;}
.lngKorType ul{position:relative; padding-top:0; padding-left:0;}
.lngKorType li{width:auto; height:auto; margin-bottom:40px;}
.lngKorType .lngKorType02{margin-left:0;}
.lngKorType .lngKorType03{margin-left:0;}
.lngKorType .lngKorType04{margin-top:0; margin-left:0;}
.lngKorType .lngKorType05{margin-top:0; margin-left:0; width:auto;}
.lngKorType li dl{padding-top:70px; text-align:center;}
.lngKorType .lngKorType01 dl{background:url('../../resources/img_app/lngKorType01.png') no-repeat center 0;}
.lngKorType .lngKorType02 dl{background:url('../../resources/img_app/lngKorType02.png') no-repeat center 0;}
.lngKorType .lngKorType03 dl{background:url('../../resources/img_app/lngKorType03.png') no-repeat center 0;}
.lngKorType .lngKorType04 dl{background:url('../../resources/img_app/lngKorType04.png') no-repeat center 0;}
.lngKorType .lngKorType05 dl{background:url('../../resources/img_app/lngKorType05.png') no-repeat center 0;}

.science{padding:30px 20px; padding-top:500px; height:auto; background:url('../../resources/img_app/scienceBg.png') no-repeat center 60px #f6f6f6; background-size:370px;}
.science ul{position:relative;}
.science li{position:relative; width:auto; margin-top:50px;}
.science li:first-child{margin-top:0;}
.science .science01{top:0; left:0; text-align:center;}
.science .science02{top:0; right:0; text-align:center;}
.science .science03{top:0; left:0; text-align:center;}
.science .science04{top:0; right:0; text-align:center;}

.coding{padding:60px; background:#f6f6f6;}
.coding ul{text-align:center;}
.coding li{position:relative; display:block; clear:both; margin-left:0; width:240px; margin:0 auto; margin-top:-30px; }
.coding li:first-child{margin-left:auto; margin-top:0;}
.coding li dl{border-radius:100%; border:15px solid #000; width:240px; height:240px;}
.coding li dt{font-size:24px; color:#000; font-weight:500; padding-top:80px; margin-top:60px;}
.coding li dd{font-size:18px; margin-top:10px;}

.robot{text-align:left;}
.robot ul{margin-right:-15px !important; overflow:hidden;}
.robot li{position:relative; float:none; width:100%; padding-right:0; margin-top:20px;} 
.robot li:first-child{margin-top:0;} 
.robot li p{border:2px solid #dfe3eb; border-radius:10px; padding:20px; padding-top:40px; padding-left:120px; font-size:17px; color:#000000; height:110px; line-height:140%;} 
.robot li.robot01 p{background:url('../../resources/img_app/robot01.png') no-repeat 20px center;}
.robot li.robot02 p{background:url('../../resources/img_app/robot02.png') no-repeat 20px center;}
.robot li.robot03 p{background:url('../../resources/img_app/robot03.png') no-repeat 20px center;}
.robot li.robot04 p{background:url('../../resources/img_app/robot04.png') no-repeat 20px center;}
.robot li.robot05 p{background:url('../../resources/img_app/robot05.png') no-repeat 20px center;}

.processBg{height:474px; background:url('../../resources/img_app/scienceBg01M.png') no-repeat center 0; margin:60px 0;}
.process ul{margin-right:0 !important; overflow:hidden;}
.process li{float:none; width:100%; padding-right:0; margin-top:30px;}
.process li:first-child{margin-top:0;}
.process li dt{font-size:22px; color:#fff; background:#2989ff; border-radius:40px; font-weight:500; margin-bottom:25px; padding:20px 0; text-align:center;}
.process li dd{font-size:18px; color:#4d4d4d; line-height:140%;}
.process li dd p{padding-left:12px; background:url('../../resources/img_app/processBlt.png') no-repeat 0 8px; margin-top:8px;}

.process li.siProcess01 dt{background:#2989ff;}
.process li.siProcess02 dt{background:#29b1ff;}
.process li.siProcess03 dt{background:#20c1ef;}

.societyTxt{padding:40px 0;}
.societyAreaL{float:none; width:100%; height:auto;}
.societyAreaR{float:none; width:100%; height:auto;}
.societyTxt01{width:100%; float:none;}
.societyTxt02{width:100%; float:none;}

.societyHistory01 .societyHistoryArea{padding-right:0; padding-top:500px; background:url('../../resources/img_app/societyHistoryBg01.png') no-repeat center 0;}
.societyHistory02 .societyHistoryArea{padding-left:0; padding-top:500px;  background:url('../../resources/img_app/societyHistoryBg02.png') no-repeat center 0;}

.societyHistoryImg01{display:none;}
.societyImg01M{display:block; margin-top:40px;}
.societyImg01M li{margin-bottom:20px;}
.societyImg01M dl{position:relative; border:4px solid #000; border-radius:80px; padding:20px; height:104px;}
.societyImg01M dt{position:absolute; left:4px; top:3px; background:#f15d43; border-radius:100%; text-align:center; width:90px; height:90px; font-weight:500;}
.societyImg01M dt span{font-size:20px; color:#fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.societyImg01M dd{width:100%; padding-left:120px; padding-right:30px; font-size:18px; color:#3b3b3b; line-height:140%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.societyImg01M .soLi01 dl {border:4px solid #f15d43;}
.societyImg01M .soLi02 dl {border:4px solid #f7901e;}
.societyImg01M .soLi03 dl {border:4px solid #ffbb28;}
.societyImg01M .soLi04 dl {border:4px solid #4db8a3;}
.societyImg01M .soLi05 dl {border:4px solid #4d82b8;}
.societyImg01M .soLi06 dl {border:4px solid #64559b;}

.societyImg01M .soLi01  dt {background:#f15d43;}
.societyImg01M .soLi02  dt {background:#f7901e;}
.societyImg01M .soLi03  dt {background:#ffbb28;}
.societyImg01M .soLi04  dt {background:#4db8a3;}
.societyImg01M .soLi05  dt {background:#4d82b8;}
.societyImg01M .soLi06  dt {background:#64559b;}

#mainSlider ul.imgList li .caption .visualTxt{position: absolute; top: 50% !important; left: 50% !important; text-align: center; width:90% !important; padding:0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11;}






}

@media screen and (max-width:768px) {
.mBold{color:#000; font-weight:500;}
.societyHistoryCon{padding:30px 0 0 !important;}
.societyHistory{padding:30px 20px;}
.descriptInfo01{display:block; margin-top:5px; margin-left:0;}
/* .paging .num { display: none; border: none; } */
.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;}
.paging .num:hover { background: none; border: none !important; line-height:30px;}
.paging .num.active:hover{line-height:30px;}
.paging a.prev {margin-right:0 !important;}
.paging a.next {margin-left:0 !important;}

.BestPart{}
.BestPart ul{margin-right:0;}
.BestPart ul li{float:none; width:100%; padding-right:0; padding-top:20px;}
.BestTxt h3{height:auto;}
.BestTxtDetail{height:auto;}

.bannerSlide{padding-left:0 !important;}
.bannerSlide .swiper-buttonArea{position:relative; bottom:0; left:50%; margin-top:30px; margin-left:-50px; right:auto; z-index:200; width:120px; 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; font-size:12px; margin-bottom:5px; color:#25903c;}
.requestStep ul > li > div .state{display:block; font-size:13px; 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; }


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


.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{padding-bottom:20px; margin-top:5px; font-size:13px;}
.copyrightArea p{font-size:13px;color:#999;}
.relation01 .familySite, .relation01 .site_list li a{font-size:13px;}
.relation01 .site_list{border-radius:0;}
.quickMenu{bottom:10px; right:5px;}
/* .relation01 .familySite{text-transform:uppercase;} */

.blueTitle span{display:block;}

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


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

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

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

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


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

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

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

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

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

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

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

.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:-5rem;}

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

.noticeDetailView .actions span{display:block; text-align:left; margin-left:0; margin-top:5px;}
/* .about-view-neighbor li a b{float:none; width:auto;} */
.about-view-neighbor li a .qnatitle{float:none; width:auto; margin-top:5px;}


.viewBtn{overflow:hidden; margin-top:15px;}
.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{font-size:13px;}
.footerRight{float:none; width:100%;}

.snsArea{float:none; overflow:hidden; margin-left:0; margin-top:20px}
.snsArea h4{float:left; margin-top:9px; margin-right:22px;}
.snsArea ul{float:left; }
.snsArea li{float:left; margin-left:0; margin-right:9px;}

.footerQuickInfo{float:none;}
.relation01{float:none; margin-top:10px; width:100%; border-radius:0;}
.relation01 .familySite{text-align:left; height:50px; padding-top:16px;}
.relation01 .site_list{bottom:51px;}
.relation01 .site_list {right:auto; left:0; width:100%;}
.ourApproach ul li dl {padding:100px 70px 0;}
.footerInfoDetail{padding:0px 0;}

.typeM{display:block;}

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

/* #mainSlider ul.imgList li .caption .visualTxt{top:30px !important;} */

#mainSlider ul.imgList li{height:510px;}

.findIdPw-title{padding-top:20px; margin-bottom:40px;}
.findIdPw-title p{font-size:20px; margin:20px 0 0;}

.findIdPw{padding:0;}
.btn.btn-membership{min-width:100%;}

.labelTitle, .radios label, .checkbox-out label{font-size:15px;}
.btn {font-size:15px;}
.form-control{height:48px; line-height:48px; font-size:15px;}
.selects select{height:48px; line-height:48px;}
.selects:after{height:48px;}

.input-group-btn button.btn{padding:13px 15px}
.input-group-btn a.btn{padding:13px 15px; border-radius:0;}

.typeTab ul li a{padding:12px 30px;}

.btn-type02, .btn-type03, .btn-type05, .btn-type06{font-size:18px !important;}

.table_type1 > table > thead > tr > th, .table_type1 > table > tbody > tr > td {font-size:18px;}

.processArea{margin-top:0;}
.processArea ul li{padding:30px 10px;}
.processArea ul li dt{font-size:18px;}
.processArea ul li dd{font-size:16px;}

.supportWay li span{display:block; margin-left:0; margin-top:10px;}

.table_type2 > table > thead > tr > th {font-size:16px;}
.table_type2 > table > tbody > tr > td {font-size:16px;}
/* .conTitle p.subTit {display:none;} */
.tab_wrap{}
.tab_wrap.tab_wrap_1{margin-bottom:20px;}
.tab_wrap:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.tabNew > li{display:table-cell;width:1%}
.tabNew > li > a{position:relative; display:block; transition: none; font-size:18px; min-height:50px; line-height:50px;  font-weight:400; background:#ffffff; border:none;  text-align:center;}
.tabNew > li.active > a{ font-weight:500; border:none;  line-height:50px;}

.contentType02 .tabNew{display:block; overflow:hidden; white-space:nowrap; overflow-x:auto; overflow-y:hidden; border-bottom:1px solid #bbbbbb;}
.contentType02 .tabNew > li{display: inline-block; width: auto; text-align: center; margin:0 -2px;}
.contentType02 .tabNew > li > a{padding:0 20px; border-bottom:none;}

.contentType01 .tabNew > li.active > a{color:#fff; border:none; border-bottom:2px solid #0e3a76;}
.contentType02 .tabNew > li.active > a{color:#035ed6; border:none; border-bottom:2px solid #3d8af0;}

.conditionUl ul li{width:50%; margin-bottom:30px;}
.conditionUl ul li dl dd{height:120px;}

.storeUl{padding:50px 40px;}
.storeUl ul li{ width:50%;}
.storeUl ul li dl{height:100px;}

.bizTxt p{font-size:20px; line-height:130%; font-weight:400;}
.bizTxt span{margin-top:25px; font-size:26px; line-height:130%;}

.bizImg{margin:60px 0 30px; padding:0}

.bizTxt02 h3{font-size:30px;}

.valueTxt p{font-size:32px;}
.valueTxt span{font-size:32px;}

.valueTxt02{margin-top:60px; height:440px; background:url('../../resources/img_app/valueImg.png') no-repeat center bottom; background-size:100% auto;}
.valueTxt02 p{padding:0 140px;}

.eduTxt{padding:70px 20px 0; height:480px; background-size:330px auto; text-align:center;}
.eduTxt h3{font-size:30px; letter-spacing:-2px;}
.eduTxt dl{padding-left:0;}
.eduTxt p{display:none;}

.eduTxtM{display:block; text-align:center; padding:70px 20px 0; max-width:320px; margin:0 auto;}
.eduTxtM h3{font-size:26px; color:#474747; font-weight:400; line-height:140%;}
.eduTxtM h3 span{font-weight:500;}
.eduTxtM p{font-size:20px; color:#474747; margin-top:20px; line-height:140%;}

.studyAi{margin-top:20px; width:680px; background-size:60px;}
.studyAi li{width:320px;}
.studyAi li dl{width:280px;}
.studyAi li:after{width:280px;}
.studyAi li dt{font-size:20px;}
.studyAi li dd{font-size:16px;}

.officeImg{display:none;}
.officeTxtWrap p{display:none;}
.officeTxt h4{font-size:22px;}
.officeTxt h4 span{margin-top:30px; font-size:26px;}

.officeImgM{display:block; background:#f6f6f6; padding:60px 80px; text-align:center;}
.officeImgM h3{color:#000000; font-size:28px; font-weight:500;}
.officeImgM .officeTxtM{color:#787878; font-size:24px; margin-top:20px;}
.officeImgM .officeTxtM span{display:block; color:#000000; font-weight:500; text-decoration:underline; margin-top:10px;}
.officeImgMUl{overflow:hidden; margin-top:60px; padding-top:650px; background:url('../../resources/img_app/officeImgMUl.png') no-repeat center 0;}
.officeImgMUl li{margin-top:50px;}
.officeImgMUl dt{font-size:24px; color:#000; font-weight:500; line-height:140%;}
.officeImgMUl dt span{color:#26b2b6;}
.officeImgMUl dd{margin-top:15px; font-size:18px; color:#565656; line-height:140%;}

.system01{margin-bottom:0; padding-top:280px; background:url('../../resources/img_app/systemImg01.png') no-repeat center 0;}
.system01 ul li{float:none; width:100%; margin-bottom:30px; text-align:center;}
.system01 ul dt{display:none;}
.system01 ul dd{width:100%; float:none; font-size:16px;}
.system01 ul dd p{display:block; font-size:22px; color:#000000; font-weight:500; margin-bottom:15px; line-height:140%;}

.subConSys01{padding:30px 40px 0;}
.myStudy{width:100%; text-align:center; margin-top:50px;}
.myStudy .myStudyTxt p{display:inline;}
.subConConSys{position:relative;}
.myStudyImg01{position:relative; right:auto; bottom:auto; top:0; width:100%; height:172px; background:url('../../resources/img_app/systemImg02.png') no-repeat center 0; background-size:175px auto;}
.myStudyImg02{position:relative; right:auto; bottom:auto; top:0; width:100%; height:179px; background:url('../../resources/img_app/systemImg03.png') no-repeat center 0; background-size:204px auto;}
.myStudyImg03{position:relative; right:auto; bottom:auto; top:0; width:100%; height:172px; background:url('../../resources/img_app/systemImg04.png') no-repeat center 0; background-size:220px auto;}

.subConSys02{padding:30px 40px 0;}
.subConSys02 .myStudy{float:none; margin-top:30px;}
.subConSys03{padding:30px 40px 0;}

.labTxtUl li{float:none; width:100%; text-align:center; padding-top:100px;}
.labTxtUl li p{padding-top:170px; width:80%; display:inline-block; font-size:18px; color:#4e4e4e; font-weight:500; line-height:140%;}
.labTxtUl li p:after{content:''; position:absolute; width:61px; height:64px; margin-top:0; margin-left:-30px; top:20px; left:50%; background:url('../../resources/img_app/labPlus.png') no-repeat 0 center;}
.labTxtUl li:first-child{padding-top:0;}
.labTxtUl li:first-child p:after{background:none;}
.labTxtUl li.labTxtUl01 p{background:url('../../resources/img_app/labTxtUl01.png') no-repeat center 0;}
.labTxtUl li.labTxtUl02 p{background:url('../../resources/img_app/labTxtUl02.png') no-repeat center 0;}
.labTxtUl li.labTxtUl03 p{background:url('../../resources/img_app/labTxtUl03.png') no-repeat center 0;}

.labTxt02{background:none; padding:20px; border:none; border-radius:0; text-align:center; margin-top:50px;}
.labTxt02 p{font-size:26px;}
.labTxt02 span{font-size:26px; margin-top:20px;}
.subConLab01, .subConLab02{padding:40px 0 0;}

.labTxt03{width:100%; height:auto; background:none; }
.labTxt03Tit{width:auto; height:auto; position:relative; top:0; left:0; text-align:center; margin-bottom:40px;}
.labTxt03Tit p{font-size:30px; color:#888888; font-weight:500;}
.labTxt03Tit h3{font-size:30px; color:#000000; font-weight:500; margin-top:10px;}

.labTxt03 li{position:relative; padding:20px; margin-bottom:20px;}
.labTxt03 dl{width:auto; text-align:left; overflow:hidden;}
.labTxt03 dt{float:left; width:8%; font-size:26px; margin-bottom:0;}
.labTxt03 dd{float:right; width:92%; font-size:20px;}
.labTxt03 li.labNum01{top:0; left:0; border:2px solid #fdc371;}
.labTxt03 li.labNum02{top:0; left:0; border:2px solid #ff6000;}
.labTxt03 li.labNum03{top:0; right:0; border:2px solid #60bf70;}

.mathUl li{padding:20px 0; } 
.mathUl li p{padding:100px 15px 15px 15px; text-align:center;} 
.mathUl li.mathUl01 p{background:url('../../resources/img_app/mathUl01.png') no-repeat center 0;}
.mathUl li.mathUl02 p{background:url('../../resources/img_app/mathUl02.png') no-repeat center 0;}
.mathUl li.mathUl03 p{background:url('../../resources/img_app/mathUl03.png') no-repeat center 0;}
.mathUl li.mathUl04 p{background:url('../../resources/img_app/mathUl04.png') no-repeat center 0;}
.mathUl li.mathUl05 p{background:url('../../resources/img_app/mathUl05.png') no-repeat center 0;}

.reserveMathUl{margin-top:100px;}
.reserveMathUl ul{margin-right:0 !important;}
.reserveMathUl ul:after{display:block;content:'';clear:both}
.reserveMathUl li{float:none; width:100%; padding-right:0; margin-top:100px;} 
.reserveMathUl li:after{background:none;}
.reserveMathUl li:first-child:after{background:none;}
.reserveMathUl li p{padding:70px 20px 40px; height:auto;} 

.lngKor{padding:70px; margin-top:60px; height:auto; background:#f6f6f6;}
.lngKor ul{position:relative;}
.lngKor li{position:relative; width:100%; margin-top:50px;}
.lngKor li:first-child{margin-top:0;}
.lngKor .lngKor01{top:0; left:0;}
.lngKor .lngKor02{top:0; right:0;}
.lngKor .lngKor03{top:0; left:0;}
.lngKor .lngKor04{top:0; right:0;}
.lngKor li dl{text-align:center;}
.lngKor li dt{width:280px; margin:0 auto; margin-bottom:20px;}

.curriculumTxt{font-size:22px;}
.curriContent01 h2{font-size:30px; line-height:130%;}
.curriContent01 h2 span{display:block;}

.curriContent01 ul{margin-right:0;}
.curriContent01 ul li{float:none; width:100%; padding-right:0; margin-top:40px;}
.curriContent01 ul li:first-child{margin-top:0;}
.curriContent01 dl:after{display:none;}

.curriContent02{width:100%; margin:0 auto;}
.curriContent02 h2{font-size:26px;}
.curriContent02 ul{padding-left:0; margin-top:50px; height:auto; padding-top:170px; background:url('../../resources/img_app/curriBg01M.png') no-repeat center 0; background-size:300px auto;}
.curriContent02 ul li{padding-top:40px; text-align:center;}
.curriContent02 .curriColor01 dt {color:#ff5400;}
.curriContent02 .curriColor02 dt {color:#ee9d00;}
.curriContent02 .curriColor03 dt {color:#00a999;}

.curriculumCon04{padding:50px 0 30px;}
.curriculumCon04 h2{font-size:28px; font-weight:400; letter-spacing:-2px; line-height:140%;}
.curriculumCon04 h2 span{display:block;}

.curriContent03{text-align:left;}
.curriContent03 ul{margin-right:0;}
.curriContent03 ul li{float:none; width:100%; padding-right:0;}
.curriContent03 dl{padding-top:0; padding:20px 0; padding-left:120px; }
.curriContent03 dt{font-size:22px; margin-bottom:10px;}
.curriContent03 dd{font-size:16px;}

.curriContent03 .knowHow01 dl {background:url('../../resources/img_app/curriType01.png') no-repeat 0 center; background-size:90px;}
.curriContent03 .knowHow02 dl {background:url('../../resources/img_app/curriType02.png') no-repeat 0 center; background-size:90px;}
.curriContent03 .knowHow03 dl {background:url('../../resources/img_app/curriType03.png') no-repeat 0 center; background-size:90px;}

.curriContent05{width:100%; margin:0 auto;}
.curriContent05 h2{font-size:24px; line-height:160%}
.curriContent05 ul{position:relative; margin-top:50px; width:100%; height:auto; background:none;}
.curriContent05 ul li{margin-bottom:50px;}
.curriContent05 ul li span{display:inline;}
.curriContent05 dl{position:relative; text-align:center; padding-top:190px;}
.curriContent05 .customize01 dl{top:0; left:0; background:url('../../resources/img_app/curri01M.png') no-repeat center 0;}
.curriContent05 .customize02 dl{top:0; left:0; background:url('../../resources/img_app/curri02M.png') no-repeat center 0;}
.curriContent05 .customize03 dl{top:0; left:0; background:url('../../resources/img_app/curri03M.png') no-repeat center 0;}

.mathTxt02 p em.underlineNone.underlineM {text-decoration:underline !important;}
.underlineM {text-decoration:underline !important;}
.txtM01{font-size:36px;}

}

@media screen and (max-width:767px) {
.col_xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col_xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col_xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col_xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col_xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col_xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col_xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col_xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col_xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col_xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col_xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col_xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-top:5px;
  padding-bottom:5px;
}
.mRowHide{display:none;}
.btn-type02, .btn-type03, .btn-type05, .btn-type06{min-width:auto; width:100%; margin:2px 0; font-size:18px !important; border-radius:40px; /* height:48px; line-height:48px; */}

.mInline{float:left !important; width:58.33333333% !important;}
.mInline.col-sm-2{width:41.66666667% !important;}

}

@media screen and (max-width:640px) {
.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%;}
.faqTitle01{width:73%;}
.accordion > li .accordionOpen{right:10px;}

.regWrap{padding:20px;}

#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;}
.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;}
.officeCon03 h3 {margin-bottom:40px;}

.officeCon03 ul{margin-right:0;}
.officeCon03 ul li{float:none; width:100%; padding-right:0; margin-bottom:25px;}
.officeCon03 ul li dl{border:none; text-align:left; padding:35px 20px; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);}
.officeCon03 ul li dl dt{font-size:21px; font-weight:500; color:#fff;}
.officeCon03 ul li dl dd{font-size:16px; color:#fff; margin-top:10px;}
.officeCon03 ul li dl dd span{display:block;}


.officeCon03 ul li.officeIco01 dl{background:url('../../resources/img_app/goIco01.png') no-repeat 95% center #4fbdbe; background-size:35px;}
.officeCon03 ul li.officeIco02 dl{background:url('../../resources/img_app/goIco01.png') no-repeat 95% center #f99120; background-size:35px;}
.officeCon03 ul li.officeIco03 dl{background:url('../../resources/img_app/goIco01.png') no-repeat 95% center #5955a9; background-size:35px;}

.counselComplete {padding:20px 0;}
.counselComplete dt{font-size:24px; padding-left:0; padding-top:50px; background:url('../../resources/img_app/counselCompleteIco01.png') no-repeat center 0;}

.contentType04 .counselComplete dt{background:url('../../resources/img_app/counselCompleteIco04.png') no-repeat center 0;}
.contentType07 .counselComplete dt{background:url('../../resources/img_app/counselCompleteIco07.png') no-repeat center 0;}

.counselComplete dd{font-size:18px;}
.counselComplete dd span{display:inline;}

/* .conTitle.counselTitle h3 {font-size:26px;}
.conTitle.counselTitle p{font-size:20px;} */

.conTitle.counselTitle h3 {font-size:28px;}
.conTitle.counselTitle p{font-size:20px;}
/* .conTitle p.subTit {display:none;} */

.conTitle h3 {font-size:30px; font-weight:700; line-height:140%;}
.conTitle p{font-size:20px;}
.conTitle .recruitTit01{font-size:20px !important;}
.conTitle .recruitTit01 span{font-size:20px !important;}
.conTitle .studyTit{font-size:20px;}
.studySubTit{padding-top:0;}
.studySubTit p{font-size:18px;}
.faqWrap {margin-top:0;}
.typeTab{margin-bottom:30px;}
/* .counselStepTitle dd{font-size:24px;} */
.conTitle .studyTit span{display:inline-block;}
.conTitle.counselTitle h4{font-size:24px;}

.conTitle.counselTitle .processTit span{display:inline;}

.processArea ul li{overflow:hidden; float:none; width:100%; border:none; border-top:1px solid #ddd; margin-bottom:0; margin-right:0; padding:25px 20px; text-align:left;}
.processArea ul li:first-child{border-top:none;}
.processArea ul li .processStep{float:left; display:inline-block; width:30%; color:#dd5e00; font-size:16px; font-weight:700; background:#fff; border:2px solid #dd5e00; border-radius:40px; padding:8px 10px;  text-align:center; width:100px;}
.processArea ul li.active .processStep{color:#ffffff; background:#dd5e00; border:2px solid #dd5e00;}
.processArea ul li dl{float:left; margin-left:30px; width:50%; padding-top:0; margin-top:0; background:none;}
.processArea ul li dt{font-size:20px;}
.processArea ul li dd{font-size:18px; margin-top:5px;}

.conTitle.counselTitle .recruitTit, .conTitle.counselTitle .recruitTit span, .conTitle .partnerTit, .conTitle .partnerTit span, .conTitle .partnerTit01, .conTitle .partnerTit01 span{font-size:20px;}



.contentCon{padding-bottom:40px;}
.supportWay{padding:30px 20px;}
.supportWay ul{}
.supportWay li{color:#555; font-size:15px;}
.supportWay li span{display:block; margin-left:0; font-size:14px; margin-top:5px;}

.table_type2 > table > thead > tr > th {font-size:15px;}
.table_type2 > table > tbody > tr > td {font-size:15px;}

.modelProcess li{width:50%;}

.storeUl{padding:50px 40px;}
.storeUl ul{margin-right:0 !important;}
.storeUl ul li{ width:100%; padding-right:0; padding-top:80px; background:url('../../resources/img_app/storeUlBar.png') no-repeat center 30px;}
.storeUl ul li:first-child{padding-top:0; background:none;}
.storeUl ul li dl{height:auto;}

.valueTxt02{height:440px; background:url('../../resources/img_app/valueImg.png') no-repeat center bottom; background-size:100% auto;}
.valueTxt02 p{padding:0 40px; font-size:18px;}

.studyAi{margin-top:20px; width:600px; background-size:50px;}
.studyAi li{width:280px;}
.studyAi li dl{width:240px;}
.studyAi li:after{width:240px;}
.studyAi li dt{font-size:18px;}
.studyAi li dd{font-size:16px;}

.system01{padding-top:220px; background-size:500px auto;}

.engElementary{margin:0 auto; margin-top:60px; position:relative; width:100%; height:860px; background:url('../../resources/img_app/engBg02M.png') no-repeat center 50%;}

.science{padding-top:380px; background-size:280px;}
.robot li p{padding-top:20px;}
.processBg{height:320px;  background:url('../../resources/img_app/scienceBg01M.png') no-repeat center 0; background-size:320px auto; margin:60px 0;}


.robot ul{margin-right:0 !important;}
.coding{padding:30px 20px;}
.coding li{width:200px;}
.coding li dl{width:200px; height:200px;}
.coding li dt{margin-top:20px;}
.coding li dd{margin-top:0;}

.scienceTitle h4, /* .mathTxt05 h3,  */.mathTxt05 p, .scienceTitle01 h3{font-size:24px;}
.scienceTxt01 p, .scienceTitle01 p, .process li dt{font-size:20px;}
.scienceTitle h3{font-size:28px;}
.process li dd, .robot li p{font-size:16px;}

}

@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{font-size:12px;}

#mainSlider ul.imgList li .caption .visualTxtDetail h2{font-size:30px !important; line-height:150%;}
#mainSlider ul.imgList li .caption .visualTxtDetail p{font-size:28px !important; line-height:130%;}

.officeCon01 h2, .officeCon02 h2, .officeCon03 h2{font-size:30px;}
.officeCon02 dt{font-size:20px; line-height:140%;}
.officeCon02 dd span {display:inline;}
/* #mainSlider ul.imgList li .caption .visualTxt{top:60px !important;} */
#mainSlider ul.imgList li .cover{background:rgba(0, 0, 0, 0.3) !important;}

.faqTitle01{width:65%; white-space:normal;}
.faqArea .faqTitle01, .accordion > li.active .faqDetail .faqTitle01{font-size:14px;}

.typeTab ul li a{font-size:15px; padding:12px 15px; }
.typeTab.wid50 ul li a{font-size:15px; padding:12px 30px;}

.officeSearch{padding:15px;}
.officeSearch .labelTitle{padding-top:10px !important;}

.table_type1 > table > thead > tr > th, .table_type1 > table > tbody > tr > td {font-size:16px;}

.modelProcess li dt{width:130px; height:130px;}
.modelProcess li dt span{padding-top:30px; font-size:16px; text-transform:uppercase}
.modelProcess li dt span{background-position:center 60px !important; background-size:auto 35px !important;}
.modelProcess li dd{font-size:16px; margin-top:10px;}

.officeWrap{background:url('../../resources/img_app/officeLogo.png') no-repeat center 30px #f9f9f9; padding:300px 20px 50px; overflow:hidden; height:auto; background-size:220px;}
.officeUl li{position:relative; width:auto; margin-bottom:50px;}
.officeUl li.officeUl01{left:0; top:auto;}
.officeUl li.officeUl02{right:0; top:auto;}
.officeUl li.officeUl03{left:0; top:auto;}
.officeUl li.officeUl04{right:0; top:auto;}
.officeUl li h3{font-size:18px; line-height:140%;}
.officeUl li .officeTxt p{font-size:16px;}

.bizTxt02 p{display:inline;}
.eduTxt{background-size:280px auto;}


.studyTxt p{display:inline;}
.studyTxtWrap h3{font-size:22px; letter-spacing:-2px;}
.studyTxtWrap h3 span{display:inline;}
.studyAi{width:335px; background-size:40px;}
.studyAi li{width:160px;}
.studyAi li dl{width:140px; padding:30px 10px;}
.studyAi li:after{width:140px;}
.studyAi li dt{font-size:17px;}
.studyAi li dd{font-size:15px;}

.officeImgM{padding:50px 20px;}
.officeImgM h3{font-size:22px; line-height:140%;}
.officeImgM .officeTxtM{font-size:20px;}
.officeImgMUl{margin-top:30px;}
.officeImgMUl li{margin-top:40px;}
.officeImgMUl dt{font-size:20px; line-height:140%;}
.officeImgMUl dd{margin-top:15px; line-height:140%;}

.officeTxt h4 span{font-size:22px;}

.system01{padding-top:160px; background-size:310px auto;}

.labTxt03 dt{width:15%;}
.labTxt03 dd{width:85%;}

.lngKor li dt{font-size:20px;}
.lngKor{padding:30px;}

.mathTxt01 p, .mathTxt01 p span{display:inline;}
.mathTxt01 p{font-size:22px;}
.mathTxt01 h4 span{display:inline;}

.curriContent03 dl{padding-left:90px;}
.curriContent03 .knowHow01 dl {background:url('../../resources/img_app/curriType01.png') no-repeat 0 center; background-size:70px;}
.curriContent03 .knowHow02 dl {background:url('../../resources/img_app/curriType02.png') no-repeat 0 center; background-size:70px;}
.curriContent03 .knowHow03 dl {background:url('../../resources/img_app/curriType03.png') no-repeat 0 center; background-size:70px;}

.societyImg01M dd{width:100%; padding-left:110px; padding-right:30px; font-size:14px; color:#3b3b3b; line-height:140%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.societyHistory01 .societyHistoryArea{padding-right:0; padding-top:320px; background:url('../../resources/img_app/societyHistoryBg01.png') no-repeat center 0; background-size:300px auto;}
.societyHistory02 .societyHistoryArea{padding-left:0; padding-top:320px;  background:url('../../resources/img_app/societyHistoryBg02.png') no-repeat center 0; background-size:300px auto;}

.conditionUl ul li dl dd{font-size:15px; padding-left:10px; padding-right:10px;}

.mainPopWrap{top:80px; left:50%; margin-left:-160px; width:320px;}
.mainPopWrap2{top:120px;  left:50%; margin-left:-160px; width:320px;}
.mainPopVideo {
    width: 320PX;
    height: 180px;
}


}

@media screen and (max-width:375px) {
.officeCon03 h3{font-size:18px;}
.processArea ul li dl{width:40%;}
.processArea ul li dt{font-size:18px;}
.processArea ul li dd{font-size:16px;}
.processArea ul li dl{width:45%; margin-left:20px;}
.teacherArea ul li dl dt{width:100%;}
.conditionUl ul li{width:100%;}
.conditionUl ul li dl dd{height:auto; font-size:16px; padding-left:20px; padding-right:20px;}

.locationInfo dt{font-size:20px;}
.locationInfo dd{font-size:13px;}
.valueTxt p, .valueTxt span{font-size:24px; line-height:120%; letter-spacing:-2px;}

.eduTxtM p{font-size:18px;}

.juniorInfo dd{font-size:16px;padding:0 0;}

.engElementary{margin:0 auto; margin-top:60px; position:relative; width:100%; height:860px; background:url('../../resources/img_app/engBg02M.png') no-repeat center 50%; background-size:350px auto;}

.engMiddle{background:url('../../resources/img_app/engBg03M.png') no-repeat 0 25px;}
.engMiddleStep{width:80px; height:80px; padding:10px;}
.engMiddle dt{font-size:18px;}
.engMiddle dd{font-size:14px;}
.engMiddleStep h3{margin-top:5px;}

.lngKorWrap{background-size:280px; padding-top:310px;}

.curriContent02 ul{background-size:260px auto;}

.societyImg01M{display:block; margin-top:40px;}
.societyImg01M li{margin-bottom:20px;}
.societyImg01M dl{position:relative; border:4px solid #000; border-radius:80px; padding:20px; height:104px;}
.societyImg01M dt{position:absolute; left:5px; top:12px; background:#f15d43; border-radius:100%; text-align:center; width:70px; height:70px; font-weight:500; }
.societyImg01M dt span{font-size:14px; color:#fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.societyImg01M dd{width:100%; padding-left:80px; padding-right:30px; font-size:13px; color:#3b3b3b; line-height:140%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }


.mathTxt05 p{display:inline;}
.processBg{height:280px; background-size:280px auto; }

.science{background-size:260px;}

.popup{
    display: flex;
}

.mainPopWrap{top:50px; left:50%; margin-left:-150px; width:300px;}
.mainPopWrap2{top:150px; left:50%; margin-left:-150px; width:300px;}

.mainPopVideo {
    width: 300PX;
    height: 160px;
}

}


@media screen and (max-width:320px) {
.officeCon01 ul li dl{background:#fff !important;}
.processArea ul li .processStep{width:80px; font-size:14px;}
.processArea ul li dt{font-size:16px;}
.processArea ul li dd{font-size:15px;}
.storeUl{padding:25px 20px;}
/* 파트너즈 */
.patnerList .col-lg-3{padding:22px 4px;}
.valueTxt02{height:460px;}
.valueTxt02 p{padding:0 20px; font-size:18px;}
.eduTxt{background-size:240px auto;}

.studyAi{width:280px; background-size:40px;}
.studyAi li{width:130px;}
.studyAi li dl{width:120px; padding:30px 10px;}
.studyAi li:after{width:120px;}
.studyAi li dt{font-size:15px;}
.studyAi li dd{font-size:14px;}

.system01{padding-top:140px; background-size:260px auto;}
.subConSys01, .subConSys02, .subConSys03{padding:20px 0 0;}
.myStudy h3{font-size:24px}

.labTxt03 dt{width:18%;}
.labTxt03 dd{width:82%;}

.mathTxt01 p{font-size:20px;}
.mathTxt02 p{font-size:26px;}
.mathUl li p{font-size:18px;}
.mathTxt01 h4{font-size:20px;}
.lngKor li dt{width:220px;}
.mathTxt01 h3{font-size:22px;}

.mainTitle h2{font-size:28px;}

.engElementary{margin:0 auto; margin-top:60px; position:relative; width:100%; height:850px; background:url('../../resources/img_app/engBg02M.png') no-repeat center 50%; background-size:280px auto;}
.engElementary dt{font-size:20px; left:0; margin-left:0; width:100%; }
.robot li p{font-size:14px;}


}

.popup {
    
}