@charset "UTF-8";
/* sub banner */
#subbaner {position:relative; width:100%; height:670px; overflow:hidden;}
#subbaner .sbImg {position:absolute; left:50%; top:0; margin:0 0 0 -960px;}
#subbaner .sbTxt {position:absolute; left:0; top:290px; width:100%; font-size:1.41666rem; color:#fff; font-weight:600; letter-spacing:1px; line-height:1.6; opacity:0;}
#subbaner .sbTxt span {display:block; font-size:4rem; color:#fff; font-weight:600; letter-spacing:1px; padding:0 0 20px 0;}





/* location */
#locationWrap {position:relative; width:100%; height:90px; border-bottom:1px #e6e6e6 solid; overflow:hidden;}
#locationWrap .brandName {position:absolute; right:0; top:50%; font-size:1.666rem; color:#595458; font-weight:600; line-height:1.2; letter-spacing:1px; margin:-12px 0 0 0;}
#location {width:100%; box-sizing:border-box; overflow:hidden; opacity:0;}
#location ul {float:left; padding:35px 0 0 0;}
#location ul:after {content:""; display:block; clear:both;}
#location ul li {float:left; padding:0 27px 0 0; margin:0 20px 0 0; background:url('/content/images/bg/bg_location_li.png') right 6px no-repeat;}
#location ul li.home {padding:0 22px 0 0; margin:0; background:url('');}
#location ul li span {font-size:1.3333rem; color:#595458; font-weight:600; line-height:1.2; letter-spacing:1px;}
#location ul li span.en {letter-spacing:0;}
#location ul li:last-child {padding:0; margin:0; background:url('');}
#location ul li img {margin-top:2px;}
#location ul li * {vertical-align:middle;}
#subDepth {position:absolute; right:0; top:0;}
#subDepth ul {float:right;}
#subDepth ul li {float:left; margin:0 0 0 75px;}
#subDepth ul li a {display:inline-block; position:relative; font-size:1.3333rem; color:#cbcbcb; font-weight:600; line-height:90px; letter-spacing:1px;}
#subDepth ul li a.on {color:#595458;}
#subDepth ul li a.on:after {position:absolute; left:0; bottom:0; content:''; width:100%; height:2px; background:#595458;}
#subDepth select {display:none;}





/*** content ***/
#content {position:relative; width:100%; padding:0 0 180px 0; overflow:hidden;}
#content > div {opacity:0; padding-top:100px;}
#content h2 {text-align:center; font-size:4rem; color:#3d393d; line-height:1.2; font-weight:600; letter-spacing:1px; padding:154px 0 70px 0; opacity:0;}
#content h2 span {font-size:4rem;}
#content .h2Add {width:100%; font-size:1.41666rem; color:#999; line-height:1.6; font-weight:600; letter-spacing:1px; text-align:center; margin:-50px 0 0 0;}
#content .h3Add {width:100%; font-size:1.41666rem; color:#999; line-height:1.6; font-weight:600; letter-spacing:1px; text-align:center; margin:-50px 0 75px 0;}




/* intro */
.introDiv {position:relative; width:100%; height:820px; margin:-30px 0 0 0; overflow:hidden;}
.introDiv .bgImg {position:absolute; left:50%; top:0; margin:0 0 0 -960px; z-index:-1;}
.introDiv .bxInfo {position:relative; width:1160px; margin:0 auto; padding:100px 0 0 0; text-align:center;}
.introDiv .bxInfo ul {margin:0 0 0 -7.32%;}
.introDiv .bxInfo ul:after {content:""; display:block; clear:both; *zoom:1;}
.introDiv .bxInfo ul li {position:relative; float:left; width:26.013%; margin:0 0 60px 7.32%; border:1px #9b9999 solid; box-sizing:border-box;}
.introDiv .bxInfo ul li .ico {width:100%; padding:68px 0 28px 0;}
.introDiv .bxInfo ul li .tx {font-size:1.58333rem; color:#fff; line-height:1.2; font-weight:600; letter-spacing:1px; padding:0 20px;}
.introDiv .bxInfo ul li .num {font-family: 'Geomanist Bold'; font-size:3.8333rem; color:#fff; line-height:1.2; letter-spacing:1px; padding:5px 0 62px 0;}
.introDiv .bxInfo ul li .add {position:absolute; right:20px; bottom:18px; font-size:1rem; color:#cbcbcb; line-height:1.2; font-weight:300;}
.introDiv .bxInfo .unit {position:absolute; right:0; bottom:18px; font-size:1rem; color:#cbcbcb; line-height:1.2; font-weight:300;}

.commpanyInfo {position:relative; width:100%; margin:178px 0; overflow:hidden;}
.commpanyInfo ul:after {content:""; display:block; clear:both; *zoom:1;}
.commpanyInfo ul li {display:block; position:relative; width:100%; min-height:440px; padding:0 0 120px 0;}
.commpanyInfo ul li:last-child {padding:0;}
.commpanyInfo ul li .img {position:absolute; left:0; top:0; }
.commpanyInfo ul li .txt {width:500px; margin:0 0 0 480px; word-break:keep-all;}
.commpanyInfo ul li .txt .ti {font-size:1.5rem; color:#999; font-weight:600; line-height:1.2; padding:20px 0 13px 0; word-break:keep-all;}
.commpanyInfo ul li .txt .ti span {font-family: 'Geomanist Bold'; font-size:1.6rem; letter-spacing:1px;}
.commpanyInfo ul li .txt .tt {font-size:3.333rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2; word-break:break-all;}
.commpanyInfo ul li .txt .tt2 {font-size:3.333rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2; padding:50px 0 0 0; word-break:keep-all;}

.commpanyInfo ul li .txt .tx {font-size:1.4166rem; color:#999; font-weight:600; letter-spacing:1px; line-height:1.8; padding:16px 0 0 0; word-break:keep-all;}
.commpanyInfo ul li .txt .tx span {display:block; font-size:1.4166rem; letter-spacing:1px; line-height:1.8; font-weight:normal;}
.commpanyInfo ul li .txt .tx u {font-family: 'Noto Sans SC', sans-serif; font-size:1.4166rem; text-decoration:none; font-weight:normal;}
.commpanyInfo ul li .txt .tx2 {font-size:1.4166rem; color:#999; font-weight:600; letter-spacing:1px; line-height:1.2; padding:53px 0 0 0; word-break:keep-all;}
.commpanyInfo ul li .txt .tx2 span {display:block; font-size:1.4166rem; letter-spacing:1px; line-height:1.2; padding:0 0 25px 0; font-weight:normal;}
.commpanyInfo ul li .txt .tx2 span strong {display:block; font-size:1.5rem; color:#595458; font-weight:600; line-height:1.2; padding:0 0 5px 0;}

.commpanyInfo ul li .txt .adr {font-size:1.4166rem; color:#999; font-weight:normal; letter-spacing:1px; line-height:1.8; padding:30px 0 0 0; word-break:keep-all;}
.commpanyInfo ul li .txt .adr span {font-family: 'Geomanist Bold'; font-size:1.5rem; color:#999; line-height:1.2; letter-spacing:1px; padding:0 0 0 10px;}
.commpanyInfo ul li .txt .adr u {display:inline-block; width:12px; font-size:1.4166rem; color:#999; font-weight:normal; text-decoration:none;}
.commpanyInfo ul li.reverse .img {position:absolute; right:0; top:0; left:auto;}
.commpanyInfo ul li.reverse .txt {float:right; margin:0 480px 0 0;}

.commpanyAddInfo {position:relative; width:100%; overflow:hidden;}
.commpanyAddInfo ul {margin:0 0 0 -4%;}
.commpanyAddInfo ul:after {content:""; display:block; clear:both; *zoom:1;}
.commpanyAddInfo ul li {float:left; width:29.333%; margin:0 0 0 4%;}
.commpanyAddInfo ul li .tit {font-size:2rem; color:#3d393d; letter-spacing:1px; line-height:1.2; padding:0 0 18px 0;}
.commpanyAddInfo ul li .img {width:100%; overflow:hidden;}
.commpanyAddInfo ul li .img img {width:100%;}
.commpanyAddInfo ul li .txt {width:100%; padding:15px 0 0 0; overflow:hidden; word-break:keep-all;}
.commpanyAddInfo ul li .txt span {display:block; font-size:1.41666rem; color:#999; letter-spacing:1px;line-height:1.6; word-break:keep-all;}


/* ideology */
.ideologyDiv {position:relative; width:100%; overflow:hidden;}
.ideologyDiv:after {content:''; position:absolute; left:50%; top:0; width:1000%; height:820px; margin:0 0 0 -500%; background:#f4f4f4; z-index:-1;}
.ideologyDiv .ideCont {width:1160px; margin:50px auto 0;}
.ideologyDiv .ideCont ul {margin:0 0 0 -4%;}
.ideologyDiv .ideCont ul:after {content:""; display:block; clear:both; *zoom:1;}
.ideologyDiv .ideCont ul li {float:left; width:29.333%; margin:0 0 0 4%;}
.ideologyDiv .ideCont ul li .ibx {width:100%; overflow:hidden;}
.ideologyDiv .ideCont ul li:nth-child(2) .ibx {margin:-40px 0 0 0;}
.ideologyDiv .ideCont ul li .tit {font-size:2.8333rem; color:#3d393d; letter-spacing:1px; line-height:1.2; font-weight:600; padding:0 0 36px 0; word-break:keep-all;}
.ideologyDiv .ideCont ul li .img {width:100%;}
.ideologyDiv .ideCont ul li .img img {width:100%;}

.coreValue {width:100%; overflow:hidden;}
.coreValue .h2Tit {font-size:4rem; color:#3d393d; line-height:1.2; font-weight:600; letter-spacing:1px; padding:115px 0 74px 0; text-align:center;}
.coreValue .cvCont {position:relative; left:0; top:0; width:100%; overflow:hidden;}
.coreValue .cvCont .bg {width:100%; overflow:hidden;}
.coreValue .cvCont .bg img {width:100%;}
.coreValue .cvCont ul {position:absolute; left:0; top:0; width:100%; height:100%;}
.coreValue .cvCont ul:after {content:""; display:block; clear:both; *zoom:1;}
.coreValue .cvCont ul li {position:relative; float:left; width:20%; height:100%; border-right:3px #fff solid; box-sizing:border-box;}
.coreValue .cvCont ul li:last-child {border:0;}
.coreValue .cvCont ul li .ebx {position:absolute; left:0; bottom:30px; width:100%; text-align:center;}
.coreValue .cvCont ul li .ebx .engIco {width:100%; overflow:hidden;}
.coreValue .cvCont ul li .ebx .engIco img {width:100%;}
.coreValue .cvCont ul li .ebx .ett {font-family: 'Geomanist Bold'; font-size:2.5rem; color:#fff; line-height:1.2; letter-spacing:1px; padding:24px 0 12px 0;}
.coreValue .cvCont ul li .ebx .etx {font-size:1.41666rem; color:#fff; line-height:1.6;}

.ideVision {position:relative; width:100%; height:668px; margin:120px 0 0 0; overflow:hidden;}
.ideVision .tit {font-size:4rem; color:#fff; line-height:1.2; font-weight:600; letter-spacing:1px; padding:115px 0 87px 0; text-align:center;}
.ideVision .bg {position:absolute; left:50%; top:0; margin:0 0 0 -960px; z-index:-1;}
.ideVision ul {position:relative;}
.ideVision ul:after {content:""; display:block; clear:both; *zoom:1;}
.ideVision ul li {display:inline-block; width:280px; height:280px; border-radius:100%; border:3px #fff solid; box-sizing:border-box;}
.ideVision ul li:nth-child(1) {float:left;}
.ideVision ul li:nth-child(2) {position:absolute; left:50%; top:0; margin:0 0 0 -140px;}
.ideVision ul li:nth-child(3) {float:right;}
.ideVision ul li p {font-size:2.5rem; color:#fff; line-height:1.3; font-weight:600; text-align:center; padding:100px 0 0 0; word-break:keep-all;}
.ideVision ul li p strong {display:block; font-size:2.5rem; font-weight:600; line-height:1.3;}

.ideAvoidance {position:relative; width:100%; overflow:hidden;}
.ideAvoidance .tit {font-size:3.333rem; color:#3d393d; line-height:1.2; font-weight:600; letter-spacing:1px; padding:110px 0 70px 0; text-align:center; word-break:keep-all;}
.ideAvoidance .tit span {font-size:3.333rem;}
.ideAvoidance ul {margin:0 -34px;}
.ideAvoidance ul:after {content:""; display:block; clear:both; *zoom:1;}
.ideAvoidance ul li {float:left; width:25%; text-align:center;}
.ideAvoidance ul li .avBx {display:inline-block; width:238px; height:238px; background:#f4f4f4; border-radius:100%;}
.ideAvoidance ul li .avBx .ico {width:100%; padding:50px 0 20px 0; overflow:hidden;}
.ideAvoidance ul li .avBx p {font-size:1.7rem; color:#3d393d; line-height:1.2; font-weight:600;}
.ideAvoidance ul li .avBx p span {font-size:1.7rem; line-height:1.2;}

.properWrap {width:100%; overflow:hidden;}
.properWrap .tit {font-size:3.333rem; color:#3d393d; line-height:1.2; font-weight:600; letter-spacing:1px; padding:128px 0 80px; text-align:center; word-break:keep-all;}
.properWrap .tit span {font-size:3.333rem;}

.properManage {position:relative; width:1130px; margin:0 auto;}
.properManage:after {content:""; display:block; clear:both; *zoom:1;}
.properManage .layerInnerBox {overflow:hidden;}
.properManage .pmPrevBtn {position:absolute; left:-70px; top:222px; width:70px; height:70px; background:url('/content/images/btn/btn_proper_slide_prev.png') left top no-repeat;}
.properManage .pmNextBtn {position:absolute; right:-70px; top:222px; width:70px; height:70px; background:url('/content/images/btn/btn_proper_slide_next.png') left top no-repeat;}

.properMSlide .txt {padding:36px 0 0 0; text-align:center;}
.properMSlide .txt span {display:inline-block; font-size:2.5rem; color:#3d393d; line-height:1.2; font-weight:600; letter-spacing:1px; padding:0 0 10px 0; border-bottom:2px #3d393d solid;}

.properMSlide {width:392px; margin:0 auto;}
.properMSlide .slick-list {overflow:visible;}
.properMSlide .slick-slide {position:relative; transition:transform 80ms;}
.properMSlide .slick-slide img {width:100%; position:relative; transform:translateX(-50%); left:50%;}
.properMSlide .slick-slide:not(.slick-center) {z-index:0; transform:scale(0.8);}
.properMSlide .slick-slide:not(.slick-center) img {padding:0 0 0 0;}
.properMSlide .slick-slide:not(.slick-center) .txt {display:none;}
.properMSlide .slick-slide:not(.slick-center) .img {position:relative:}
.properMSlide .slick-slide:not(.slick-center) .img:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0.8;}
.properMSlide .slick-active.slick-center+.slick-slide+.slick-slide {z-index:1;}
.properMSlide .slick-active.slick-center+.slick-slide,
.properMSlide .slick-center+.slick-cloned {z-index:2;}
.properMSlide .slick-center {z-index:3;}
.properMSlide .slick-center img {width:392px;}

.properMSlide .slick-dots {width:100%;  padding:20px 0 0 0; overflow:hidden;}
.properMSlide .slick-dots {width:100%; text-align:center; margin:20px 0 0 0;}
.properMSlide .slick-dots li button {display:none;}
.properMSlide .slick-dots li {position:relative; display:inline-block; width:18px; height:18px; margin:0 8px; cursor:pointer; background:url('/content/images/bg/bg_proper_mslide_dot.png') center top no-repeat;}
.properMSlide .slick-dots li.slick-active {background:url('/content/images/bg/bg_proper_mslide_dot_on.png') center top no-repeat;}

.coEthics {width:100%; margin:110px 0 0 0; overflow:hidden;}
.coEthics .ceBx {position:relative;; width:100%; background:#93957f; overflow:hidden;}
.coEthics .ceBx .tt {font-size:3.333rem; color:#fff; line-height:1.2; font-weight:600; letter-spacing:1px; padding:72px 0 24px 76px;}
.coEthics .ceBx .tx {padding:0 0 70px 76px;}
.coEthics .ceBx .tx span {display:block; font-size:1.41666rem; color:#fff; line-height:1.5; font-weight:600; letter-spacing:1px;}
.coEthics .ceBx a {position:absolute; right:80px; bottom:77px; display:inline-block; width:198px; border:1px #fff solid; text-align:center; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.coEthics .ceBx a span {font-size:1.666rem; color:#fff; line-height:68px; font-weight:600; letter-spacing:1px;}
html.hoverOk .coEthics .ceBx a:hover {border-color:#000; background:#000;}

/* history */
.hisTabs {width:100%; overflow:hidden;}
.hisTabs ul {width:100%; border-bottom:1px #dcdcdc solid;}
.hisTabs ul:after {content:""; display:block; clear:both; *zoom:1;}
.hisTabs ul li {float:left; margin:0 78px 0 0;}
.hisTabs ul li:last-child {margin:0;}
.hisTabs ul li a {position:relative; display:inline-block; font-size:1.58333rem; color:#cbcbcb; line-height:1.2; font-weight:600; letter-spacing:1px;padding:10px 0 28px 0;}
.hisTabs ul li a.on {color:#1d1d1d;}
.hisTabs ul li a.on:after {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#1d1d1d;}

.hisYear {width:100%; padding:76px 0; overflow:hidden;}
.hisYear ul {position:relative; width:100%;}
.hisYear ul li {display:inline-block; float:left; width:33.333%;}
.hisYear ul li a {display:inline-block; font-family: 'Geomanist Bold'; font-size:2.6rem; color:#cbcbcb; line-height:1.2; letter-spacing:1px;}
.hisYear ul li a.on {font-size:3.333rem; color:#3d393d; margin:-7px 0 0 0;}
.hisYear ul li:nth-child(1) a {margin:0 0 0 31.739%;}
.hisYear ul li:nth-child(2) {text-align:center;}
.hisYear ul li:nth-child(3) {text-align:right;}
.hisYear ul li:nth-child(3) a {margin:0 31.739% 0 0;}

.hisBxDiv {position:relative; width:1260px; margin:0 auto; overflow:hidden;}
.hisBxDiv:after {content:''; position:absolute; left:50%; top:10px; width:1px; height:100%; background:#514e51;}
.hisBxDiv ul:after {content:""; display:block; clear:both; *zoom:1;}
.hisBxDiv > ul > li {position:relative; display:block; width:100%; min-height:228px; padding:0 0 95px 0; overflow:hidden;}
.hisBxDiv > ul > li:last-child {padding:0;}
.hisBxDiv > ul > li > div {position:relative; float:left; width:50%; padding:0 0 0 42px; box-sizing:border-box;}
.hisBxDiv > ul > li.min {min-height:75px;}
.hisBxDiv .img {position:absolute; left:0; top:0; padding:0 42px 0 0; text-align:right;}
.hisBxDiv .img img {max-width:100%;}
.hisBxDiv .info {margin:0 0 0 50%; padding:0 10% 0 42px;}
.hisBxDiv .info:after {content:""; display:block; clear:both; *zoom:1;}
.hisBxDiv .info .y {position:relative; font-family: 'Geomanist Bold'; font-size:2.5rem; color:#3d393d; line-height:1.2; letter-spacing:1px; padding:0 0 20px 0; margin:-4px 0 0 0;}
.hisBxDiv .info .y:after {content:""; position:absolute; left:-47px; top:12px; width:12px; height:12px; background:#514e51; border-radius:100%;}
.hisBxDiv .info .i {width:100%; overflow:hidden; word-break:break-all;}
.hisBxDiv .info .i ul li {font-size:1.4166rem; color:#999; line-height:1.4; letter-spacing:1px;padding:0 0 10px 0;}
.hisBxDiv .info .i ul li strong {font-size:1.4166rem; color:#3d393d; line-height:1.4; letter-spacing:1px;font-weight:normal;}
.hisBxDiv .info .i ul li:last-child {padding:0;}
.hisBxDiv > ul > li.reverse .img {position:absolute; left:50%; top:0; padding:0 0 0 42px; text-align:left;}
.hisBxDiv > ul > li.reverse .info {text-align:right; padding:0 42px 0 10%; margin:0;}
.hisBxDiv > ul > li.reverse .info .y:after {left:auto; right:-49px;}

/* technology */
.technology {width:100%; overflow:hidden;}
.technology .t01 {position:relative; width:100%; min-height:440px; margin:40px 0 0 0; overflow:hidden;}
.technology .t01 .img {position:absolute; left:0; top:0; width:34.482%;}
.technology .t01 .img img {width:100%;}
.technology .t01 .txt {margin:0 0 0 41.379%; word-break:keep-all;}
.technology .t01 .txt:after {content:""; display:block; clear:both; *zoom:1;}
.technology .t01 .txt .tt {font-size:3.3333rem; color:#3d393d; line-height:1.2; letter-spacing:1px;font-weight:600; padding:38px 0 24px 0;}
.technology .t01 .txt .tx {font-size:1.41666rem; color:#999; line-height:1.6; letter-spacing:1px;font-weight:600; padding:0 0 23px 0;}
.technology .t01 .txt .tx span {display:block; font-size:1.41666rem; color:#999; line-height:1.6; letter-spacing:1px;font-weight:600;}
.technology .t01 .txt .tx:last-child {padding:0;}

.technology .t02 {position:relative; width:100%; background:#f4f4f4; padding:0 0 15px 0; margin:120px 0 0 0; overflow:hidden;}
.technology .t02 .tit {width:100%; text-align:center; font-size:3.3333rem; color:#3d393d; line-height:1.2; letter-spacing:1px;font-weight:600; padding:112px 0 88px 0;}
.technology .t02 .step {width:100%; overflow:hidden;}
.technology .t02 .step ul:after {content:""; display:block; clear:both; *zoom:1;}
.technology .t02 .step ul li {float:left; width:37%; margin:0 0 80px 0;}
.technology .t02 .step ul li.arrow {width:13%; text-align:center;}
.technology .t02 .step ul li.arrow img {padding:140% 0 0 0;}
.technology .t02 .step ul li .num {font-family: 'Geomanist Bold'; font-size:2rem; color:#595458; letter-spacing:0.5px; padding:0 0 15px 0;}
.technology .t02 .step ul li .img {width:100%; overflow:hidden;}
.technology .t02 .step ul li .img img {width:100%;}
.technology .t02 .step ul li .tt {font-family: 'Geomanist Bold'; font-size:2rem; color:#595458; letter-spacing:0.5px; padding:35px 0 10px 0; word-break:keep-all;}
.technology .t02 .step ul li .tx span {display:block; font-size:1.41666rem; color:#595458; letter-spacing:1px;line-height:1.6; word-break:keep-all;}
.technology .t02 .step ul li.s3 {margin:0 0 80px 13%;}

.technology .t03 {position:relative; width:100%; overflow:hidden;}
.technology .t03 .tit {width:100%; text-align:center; font-size:3.3333rem; color:#3d393d; line-height:1.2; letter-spacing:1px;font-weight:600; padding:112px 0 88px 0;}
.technology .t03 .category {position:relative; width:100%;}
.technology .t03 .category:after {content:""; display:block; clear:both; *zoom:1;}
.technology .t03 .category .bx {width:320px;}
.technology .t03 .category .bx:nth-child(1) {position:absolute; left:0; top:0;}
.technology .t03 .category .bx:nth-child(2) {margin:0 auto;}
.technology .t03 .category .bx:nth-child(3) {position:absolute; right:0; top:0;}
.technology .t03 .category .bx .tt {font-size:2rem; color:#3d393d; letter-spacing:1px;line-height:1.2; padding:0 0 32px 0; text-align:center;}
.technology .t03 .category .bx .divi {width:100%; overflow:hidden;}
.technology .t03 .category .bx .divi .fl {float:left;}
.technology .t03 .category .bx .divi .fr {float:right;}
.technology .t03 .category .bx .divi .circle {width:142px; height:142px; background:#3d393d; border-radius:100%; text-align:center; overflow:hidden;}
.technology .t03 .category .bx .divi .circle p {font-size:1.41666rem; color:#fff; letter-spacing:1px;line-height:142px;}
.technology .t03 .category .bx .divi .circle p span {font-family: 'Geomanist Bold'; font-size:3.166rem; color:#fff; letter-spacing:0.5px; line-height:142px; padding:0 10px 0 0;}
.technology .t03 .category .bx .divi .circle:nth-child(2) {float:right;}
.technology .t03 .category .bx .tx {font-size:1.41666rem; color:#999; letter-spacing:1px;line-height:1.2; padding:18px 0 0 0; text-align:center;}

.technology .t04 {position:relative; width:100%; background:#f4f4f4; margin:118px 0 0 0; padding:0 0 110px 0; overflow:hidden;}
.technology .t04 .tit {width:100%; text-align:center; font-size:3.3333rem; color:#3d393d; line-height:1.2; letter-spacing:1px;font-weight:600; padding:95px 0 70px 0;}

/* culture */
.culture {width:100%; padding:40px 0 0 0; overflow:hidden;}

.culture .c01 {width:100%; text-align:center; border-bottom:1px #dcdcdc solid; overflow:hidden;}
.culture .c01 .tit {font-size:3.3333rem; color:#3d393d; line-height:1.2; letter-spacing:1px; font-weight:600; padding:0 0 58px 0;}
.culture .c01 .tit span {font-size:3.3333rem; color:#3d393d; line-height:1.2; letter-spacing:1px; font-weight:600;}
.culture .c01 .logo {width:100%; padding:0 0 120px 0; overflow:hidden;}
.culture .c01 .logo img {max-width:100%; border:1px #dcdcdc solid; box-sizing:border-box;}

.culture .c02 {position:relative; margin:114px 0 0 0; border-bottom:1px #dcdcdc solid; overflow:hidden;}
.culture .c02 ul:after {content:""; display:block; clear:both; *zoom:1;}
.culture .c02 ul li {display:block; position:relative; width:100%; min-height:440px; padding:0 0 120px 0;}
.culture .c02 ul li:last-child {padding:0;}
.culture .c02 ul li .img {position:absolute; left:0; top:0; }
.culture .c02 ul li .txt {margin:0 0 0 470px; padding:48px 0 0 0; word-break:keep-all;}
.culture .c02 ul li .txt .ti {font-size:1.5rem; color:#999; font-weight:600; letter-spacing:1px; line-height:1.2; padding:0 0 15px 0;}
.culture .c02 ul li .txt .tt {font-size:3.333rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2; padding:0 0 20px 0;}
.culture .c02 ul li .txt .tx {font-size:1.4166rem; color:#999; font-weight:600; letter-spacing:1px; line-height:1.6; padding:0 0 30px 0;}
.culture .c02 ul li .txt .tx span {display:block; font-size:1.4166rem; color:#999; font-weight:600; letter-spacing:1px; line-height:1.6;}
.culture .c02 ul li .txt .tx:last-child {padding:0;}
.culture .c02 ul li.reverse .img {position:absolute; right:0; top:0; left:auto;}
.culture .c02 ul li.reverse .txt {margin:0 480px 0 25.172%;}

.culture .c03 {position:relative; padding:114px 0; border-bottom:1px #dcdcdc solid; overflow:hidden;}
.culture .c03 .fl {float:left; width:50%; padding:0 50px 0 0; box-sizing:border-box;}
.culture .c03 .fr {float:right; width:50%; padding:0 0 0 50px; box-sizing:border-box;}
.culture .c03 .tit {font-size:2rem; color:#3d393d; font-weight:600; letter-spacing:1px;line-height:1.2;}
.culture .c03 .tit span {display:block; font-size:1.4166rem; color:#999; font-weight:600; letter-spacing:1px; line-height:1.2; padding:5px 0 20px 0;}
.culture .c03 .txt {width:100%; padding:15px 0 0 0; overflow:hidden;}
.culture .c03 .txt ul:after {content:""; display:block; clear:both; *zoom:1;}
.culture .c03 .txt ul li {display:block; font-size:1.4166rem; color:#999; font-weight:600; letter-spacing:1px; line-height:1.2; padding:0 0 8px 13px; background:url('/content/images/bg/bg_c03_li.png') 3px 10px no-repeat;}
.culture .c03 .img {width:100%; overflow:hidden;}
.culture .c03 .img img {width:100%;}

.culture .c04 {position:relative; overflow:hidden;}
.culture .c04 .tit {width:100%; text-align:center; font-size:3.3333rem; color:#3d393d; line-height:1.2; letter-spacing:1px;font-weight:600; padding:100px 0 80px 0;}
.culture .c04 .tit span {font-size:3.3333rem; color:#3d393d; line-height:1.2; letter-spacing:1px;font-weight:600;}
.culture .c04 .list {width:100%; padding:60px 0; background:url('/content/images/bg/bg_culture_c04.jpg') left bottom no-repeat; overflow:hidden;}
.culture .c04 .list .listBx {position:relative; width:820px; min-height:60px; padding:0 0 0 150px; margin:0 auto 35px; overflow:hidden; box-sizing:border-box;}
.culture .c04 .list .listBx .y {position:absolute; left:0; top:0; display:inline-block; font-family: 'Geomanist Book'; font-size:2.8333rem; color:#fff; letter-spacing:0.5px; padding:0 0 5px 0; border-bottom:4px #fff solid;}
.culture .c04 .list .listBx .t {width:100%; overflow:hidden;}
.culture .c04 .list .listBx .t ul:after {content:""; display:block; clear:both; *zoom:1;}
.culture .c04 .list .listBx .t ul li {font-size:1.4166rem; color:#fff; font-weight:300; letter-spacing:1px; line-height:1.6; padding:0 0 17px 0; word-break:keep-all;}
.culture .c04 .list .listBx .t ul li span {display:block; font-size:1.4166rem; color:#fff; font-weight:300; letter-spacing:1px; line-height:1.6;}
.culture .c04 .list .listBx .t ul li:last-child {padding:0;}
.culture .c04 .list .listBx:last-child {margin:0 auto;}








/* map location */
.mapWrap {width:100%;}
.mapWrap:after {content:""; display:block; clear:both; *zoom:1;}
.mapInfo {width:100%; overflow:hidden;}
.mapInfo * {word-break:keep-all;}
.mapInfo .address {position:relative; width:100%; padding:0 8.57142%; border-bottom:1px #e6e6e6 solid; box-sizing:border-box;}
.mapInfo .address:after {content:""; display:block; clear:both; *zoom:1;}
.mapInfo .address .mTit {font-size:2.5rem; color:#595458; line-height:1.2; font-weight:600; letter-spacing:1px;padding:58px 0 23px 0;}
.mapInfo .address .mTit.e {font-family: 'Geomanist Bold'; font-size:2.7rem; letter-spacing:0.5px;}
.mapInfo .address .mAddr {font-size:2rem; color:#595458; line-height:1.2;}
.mapInfo .address .mPhone {font-size:2rem; color:#595458; line-height:1.2; padding:13px 0 50px 0;}
.mapInfo .address .mPhone a {font-family: 'Geomanist Regular'; font-size:2rem; color:#595458; line-height:1.2; letter-spacing:1px;}
.mapInfo .traffic {position:relative; width:100%; padding:60px 8.57142% 0; box-sizing:border-box;}
.mapInfo .traffic:after {content:""; display:block; clear:both; *zoom:1;}
.mapInfo .traffic .infoBx {position:relative; width:100%; min-height:62px; margin:0 0 72px 0; overflow:hidden;}
.mapInfo .traffic .infoBx:last-child {margin:0;}
.mapInfo .traffic .infoBx .iTit {position:absolute; left:0; top:-4px;}
.mapInfo .traffic .infoBx .iTit span {display:block; font-size:2rem; color:#595458; line-height:1.2; letter-spacing:1px;}
.mapInfo .traffic .infoBx .iTit span u {display:block; text-decoration:none; font-size:1.3rem; margin:20px 0 0 0;}
.mapInfo .traffic .infoBx .iTit span i {font-style:normal; display:block; font-size:1.3rem; line-height:1.3; padding:0 0 0 17px;}
.mapInfo .traffic .infoBx .iMethod {margin:0 0 0 232px;}
.mapInfo .traffic .infoBx .iMethod:after {content:""; display:block; clear:both; *zoom:1;}
.mapInfo .traffic .infoBx .iMethod ul:after {content:""; display:block; clear:both; *zoom:1;}
.mapInfo .traffic .infoBx .iMethod ul li {position:relative; padding:0 100px 30px 0;}
.mapInfo .traffic .infoBx .iMethod ul li:last-child {padding:0 0 5px 0;}
.mapInfo .traffic .infoBx .iMethod ul li span {font-size:1.4166rem; color:#595458; line-height:1.2; letter-spacing:1px;}
.mapInfo .traffic .infoBx .iMethod ul li a {position:absolute; right:0; top:-1px; display:inline-block; font-size:1.4166rem; color:#ca8863; line-height:1.2; padding:0 0 5px 0; letter-spacing:1px;border-bottom:1px #ca8863 solid;}


/* brand contents */
.brandDV:after {content:""; display:block; clear:both; *zoom:1;}

/* brand tabs */
.brandPTabs:after {content:""; display:block; clear:both; *zoom:1;}
.brandPTabs ul {/* border-top:1px #dcdcdc solid; */ border-left:1px #dcdcdc solid;}
.brandPTabs ul:after {content:""; display:block; clear:both; *zoom:1;}
.brandPTabs ul li {float:left; width:16.666%; border-top:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid; border-right:1px #dcdcdc solid; box-sizing:border-box;}
.brandPTabs ul li a {position:relative; display:block; width:100%; height:100%; text-align:center;}
.brandPTabs ul li a span {position:relative; font-size:1.58333rem; color:#cbcbcb; line-height:78px; font-weight:600; letter-spacing:1px; z-index:10; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.brandPTabs ul li a:after {background:#fff;}
.brandPTabs ul li a.on:after {content:''; position:absolute; left:-1px; top:-1px; width:100%; height:100%; padding:1px; background:#3d393d; z-index:1;}
.brandPTabs ul li a.on span {color:#fff;}
.brandPTabs ul li a:hover:after {content:''; position:absolute; left:-1px; top:-1px; width:100%; height:100%; padding:1px; background:#3d393d; z-index:1;}
.brandPTabs ul li a:hover span {color:#fff;}
.brandPTabs .web {display:block;}
.brandPTabs .mobile {display:none;}

/* brand slide */
.brandPWrap {position:relative; width:100%; margin:80px 0 0 0; overflow:hidden;}
.brandPWrap .brPrevBtn {position:absolute; left:24%; top:246px; width:80px; height:80px; background:url('/content/images/btn/btn_brand_product_prev.png') left top no-repeat;}
.brandPWrap .brNextBtn {position:absolute; right:24%; top:246px; width:80px; height:80px; background:url('/content/images/btn/btn_brand_product_next.png') left top no-repeat;}

.brandPWrap .mvCount {width:100%; text-align:center; font-size:1.4166rem; color:#000; line-height:1.2; font-weight:600; letter-spacing:1px; margin:-40px 0 0 0; overflow:hidden;}
.brandPWrap .mvCount .f {font-size:1.4166rem; color:#000; line-height:1.2; font-weight:600; letter-spacing:1px;}
.brandPWrap .mvCount .t {font-size:1.4166rem; color:#000; line-height:1.2; font-weight:600; letter-spacing:1px;}

.productInfoBox {width:680px; margin:75px auto 0;}
.productInfoBox:after {content:""; display:block; clear:both; *zoom:1;}
.productInfoBox .infoArea {width:100%; overflow:hidden;}
.productInfoBox .infoArea .prName {width:100%; font-size:2.5rem; color:#3d393d; line-height:1.2; font-weight:600; letter-spacing:1px; text-align:center; overflow:hidden;}
.productInfoBox .infoArea .prName span {display:block; font-size:1.4166rem; color:#999; line-height:1.5; font-weight:normal; letter-spacing:1px; padding:18px 0 0 0;}
.productInfoBox .infoArea .prTxt {width:100%; padding:54px 0 0 0; overflow:hidden;}
.productInfoBox .infoArea .prTxt .prBox {position:relative; width:100%; padding:0 0 30px 120px; box-sizing:border-box; overflow:hidden;}
.productInfoBox .infoArea .prTxt .prBox .tit {position:absolute; left:0; top:0; font-size:1.4166rem; color:#999; line-height:1.2; letter-spacing:1px; font-weight:600;}
.productInfoBox .infoArea .prTxt .prBox .txt {width:100%; overflow:hidden; word-break:keep-all;}
.productInfoBox .infoArea .prTxt .prBox .txt p {font-size:1.25rem; color:#595458; line-height:1.4; font-weight:300; letter-spacing:1px;}
.productInfoBox .infoArea .prTxt .prBox .txt p strong {font-size:1.25rem; color:#595458; line-height:1.4; font-weight:600; letter-spacing:1px;}
.productInfoBox .infoArea .prTxt .prBox ul {padding:10px 0 0 0;}
.productInfoBox .infoArea .prTxt .prBox ul:after {content:""; display:block; clear:both; *zoom:1;}
.productInfoBox .infoArea .prTxt .prBox ul li {position:relative; display:block; font-size:1.25rem; color:#595458; line-height:1.4; font-weight:300; letter-spacing:1px; padding:0 0 4px 8px;}
.productInfoBox .infoArea .prTxt .prBox ul li:after {content:'-'; position:absolute; left:0; top:-2px; font-size:1.25rem; color:#595458; line-height:1.6; font-weight:300; letter-spacing:1px;}

.brandPSlide {position:relative; width:500px; margin:0 auto; padding:0 0 42px 0;}
.brandPSlide:after {content:""; display:block; clear:both; *zoom:1;}
.brandPSlide .slick-list {overflow:visible;}
.brandPSlide .slick-slide {position:relative; transition:transform 80ms;}
.brandPSlide .slick-slide img {width:100%; position:relative; transform:translateX(-50%); left:50%;}
.brandPSlide .slick-slide:not(.slick-center) {z-index:0; transform:scale(0.343);}
.brandPSlide .slick-slide:not(.slick-center) img {padding:60px 0 0 0;}
.brandPSlide .slick-active.slick-center+.slick-slide+.slick-slide {z-index:1;}
.brandPSlide .slick-active.slick-center+.slick-slide,
.brandPSlide .slick-center+.slick-cloned {z-index:2;}
.brandPSlide .slick-center {z-index:3;}
.brandPSlide .slick-center img {width:500px;}

.brandPSlide .slick-dots {position:absolute; left:0; bottom:0;}
.brandPSlide .slick-dots {width:100%; text-align:center; margin:20px 0 0 0;}
.brandPSlide .slick-dots li button {display:none;}
.brandPSlide .slick-dots li {position:relative; display:inline-block; width:30px; height:2px; margin:0 1px; cursor:pointer; background:#d7d9d8;}
.brandPSlide .slick-dots li.slick-active {background:#1d1d1d;}




/* guide */
.guideWrap {position:relative; display:block; padding:0 14.285% 50px; border-top:1px #e6e6e6 solid; border-bottom:1px #e6e6e6 solid; box-sizing:border-box; word-break:keep-all;}
.guideWrap .tit {font-size:1.4166rem; color:#595458; font-weight:600; letter-spacing:1px; line-height:1.2; padding:45px 0 0 0;}
.guideWrap .stit {font-size:1.25rem; color:#595458; letter-spacing:1px; line-height:1.6; padding:20px 0 0 0;}
.guideWrap .txt {font-size:1.25rem; color:#595458; font-weight:300; letter-spacing:1px; line-height:1.6;}
.guideWrap .txt ul {margin:0 0 10px 20px;}
.guideWrap .txt ul:after {content:""; display:block; clear:both; *zoom:1;}
.guideWrap .txt ul li {font-size:1.25rem; color:#595458; font-weight:300; letter-spacing:1px; line-height:1.6;}
.guideDay {font-size:1.4166rem; color:#595458; letter-spacing:1px; line-height:1.6;  padding:45px 14.285% 0; text-align:right;}
.guideDay:after {content:""; display:block; clear:both; *zoom:1;}

/* talent */
.talentDiv {position:relative; width:1200px; margin:40px auto 0; overflow:hidden;}
.talentDiv ul:after {content:""; display:block; clear:both; *zoom:1;}
.talentDiv ul li {display:block; position:relative; width:100%; min-height:372px; padding:0 0 100px 0;}
.talentDiv ul li:last-child {padding:0;}
.talentDiv ul li .img {position:absolute; left:0; top:0; }
.talentDiv ul li .txt {width:440px; margin:0 0 0 360px; word-break:keep-all;}
.talentDiv ul li .txt .tt {width:120%; font-size:3.333rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2; padding:58px 0 0 0;}
.talentDiv ul li .txt .tt span {display:block; font-family: 'Geomanist Book'; font-size:1.4166rem; color:#3d393d; letter-spacing:0.2px; padding:14px 0 0 0;}
.talentDiv ul li .txt .tx {font-size:1.4166rem; color:#999; font-weight:600; letter-spacing:1px; line-height:1.6; padding:32px 0 0 0;}
.talentDiv ul li.reverse .img {position:absolute; right:0; top:0; left:auto;}
.talentDiv ul li.reverse .txt {float:right; margin:0 360px 0 0;}


/* management system */
.managementDiv {width:1160px; margin:40px auto 0; overflow:hidden;}
.managementDiv .mSystem {position:relative; width:100%; min-height:576px;}
.managementDiv .mSystem:after {content:""; display:block; clear:both; *zoom:1;}
.managementDiv .mSystem .abTit {position:absolute; left:0; top:-16px; font-family: 'Geomanist Bold'; font-size:9.1666rem; color:#f4f4f4; letter-spacing:1px;z-index:2;}
.managementDiv .mSystem .img {position:absolute; right:0; top:0; z-index:1;}
.managementDiv .mSystem .txt {width:480px; padding:262px 0 0 0; word-break:keep-all;}
.managementDiv .mSystem .txt:after {content:""; display:block; clear:both; *zoom:1;}
.managementDiv .mSystem .txt .tt {font-size:3.333rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2;}
.managementDiv .mSystem .txt .tx {font-size:1.4166rem; color:#999; font-weight:600; letter-spacing:1px; line-height:1.8; padding:24px 0 0 0;}
.managementDiv .mSystem .txt .tx strong {font-size:1.4166rem; color:#3d393d; font-weight:600;}

.managementDiv .mSystemInfo {position:relative; width:100%; margin:160px 0 0 0; overflow:hidden;}
.managementDiv .mSystemInfo .msTit {position:absolute; right:0; top:60px; width:310px; word-break:keep-all;}
.managementDiv .mSystemInfo .msTit .mtt {font-size:3.333rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2; padding:0 0 30px 0;}
.managementDiv .mSystemInfo .msTit .mtx {font-size:1.4166rem; color:#999; font-weight:600; letter-spacing:1px; line-height:1.6;}
.managementDiv .mSystemInfo .msInfo {margin:0 340px 0 0;}
.managementDiv .mSystemInfo .msInfo:after {content:""; display:block; clear:both; *zoom:1;}
.managementDiv .mSystemInfo .msInfo ul {}
.managementDiv .mSystemInfo .msInfo ul:after {content:""; display:block; clear:both; *zoom:1;}
.managementDiv .mSystemInfo .msInfo ul li {float:left; width:50%; padding:0 40px 0 0; box-sizing:border-box;}
.managementDiv .mSystemInfo .msInfo ul li .img {width:100%; overflow:hidden;}
.managementDiv .mSystemInfo .msInfo ul li .img img {width:100%;}
.managementDiv .mSystemInfo .msInfo ul li .txt {width:100%; padding:20px 0 0 0; overflow:hidden; word-break:keep-all;}
.managementDiv .mSystemInfo .msInfo ul li .txt .tt {font-size:2rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2;}
.managementDiv .mSystemInfo .msInfo ul li .txt .tx {font-size:1.25rem; color:#999; letter-spacing:1px; line-height:1.5; padding:15px 0 0 0;}

.managementDiv .promotionInfo {position:relative; width:100%; margin:160px 0 0 0; overflow:hidden;}
.managementDiv .promotionInfo .psTit {position:absolute; left:0; top:40px; width:440px; word-break:keep-all;}
.managementDiv .promotionInfo .psTit .ptt {font-size:3.333rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2; padding:0 0 30px 0;}
.managementDiv .promotionInfo .psTit .ptx {font-size:1.4166rem; color:#999; font-weight:600; letter-spacing:1px; line-height:1.6;}
.managementDiv .promotionInfo .psInfo {float:right;}
.managementDiv .promotionInfo .psInfo:after {content:""; display:block; clear:both; *zoom:1;}
.managementDiv .promotionInfo .psInfo ul:after {content:""; display:block; clear:both; *zoom:1;}
.managementDiv .promotionInfo .psInfo > ul {}
.managementDiv .promotionInfo .psInfo > ul > li {float:left; width:290px; margin:0 0 0 40px;}
.managementDiv .promotionInfo .psInfo > ul > li .tt {font-size:2rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2; padding:0 0 18px 0;}
.managementDiv .promotionInfo .psInfo > ul > li:nth-child(1) > ul {background:#8b8f7d; border:1px #cccdc9 solid;}
.managementDiv .promotionInfo .psInfo > ul > li:nth-child(2) > ul {background:#d5a082; border:1px #cccdc9 solid;}
.managementDiv .promotionInfo .psInfo > ul > li > ul > li {position:relative; display:block; width:100%; height:117px; border-bottom:1px #cccdc9 solid; text-align:center;}
.managementDiv .promotionInfo .psInfo > ul > li > ul > li:last-child {border:0;}
.managementDiv .promotionInfo .psInfo > ul > li > ul > li p {font-size:1.4166rem; color:#fff; letter-spacing:1px; line-height:1.6; padding:34px 0 0 0;}
.managementDiv .promotionInfo .psInfo > ul > li > ul > li p.mid {padding:40px 0 0 0;}
.managementDiv .promotionInfo .psInfo > ul > li:nth-child(1) > ul > li:after {content:''; position:absolute; left:50%; bottom:-12px; width:29px; height:12px; margin:0 0 0 -14px; background:url('/content/images/bg/bg_ps_info_li_1.png') left top no-repeat;}
.managementDiv .promotionInfo .psInfo > ul > li:nth-child(1) > ul > li:last-child:after {display:none;}
.managementDiv .promotionInfo .psInfo > ul > li:nth-child(2) > ul > li:after {content:''; position:absolute; left:50%; bottom:-12px; width:29px; height:12px; margin:0 0 0 -14px; background:url('/content/images/bg/bg_ps_info_li_2.png') left top no-repeat;}
.managementDiv .promotionInfo .psInfo > ul > li:nth-child(2) > ul > li:last-child:after {display:none;}


/* benefits */
.benefitsDiv {width:100%; margin:20px 0 0 0; overflow:hidden;}
.benefitsDiv .eduTit {font-size:3.333rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2; padding:0 0 60px 0; text-align:center;}
.benefitsDiv .eduInfo {width:100%; border-top:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid; overflow:hidden;}
.benefitsDiv .eduInfo .eBx {width:1160px; margin:0 auto; overflow:hidden;}
.benefitsDiv .eduInfo .eBx ul {padding:20px 0;}
.benefitsDiv .eduInfo .eBx ul:after {content:""; display:block; clear:both; *zoom:1;}
.benefitsDiv .eduInfo .eBx ul li {position:relative; display:block; min-height:60px; padding:60px 0 60px 324px; border-bottom:1px #dcdcdc solid;}
.benefitsDiv .eduInfo .eBx ul li:last-child {border:0;}
.benefitsDiv .eduInfo .eBx ul li .tit {position:absolute; left:0; top:60px; width:200px; font-size:1.4166rem; color:#fff; letter-spacing:1px; line-height:60px; font-weight:400; text-align:center; background:#ca8863; word-break:keep-all;}
.benefitsDiv .eduInfo .eBx ul li .tt {font-size:1.4166rem; color:#595458; letter-spacing:1px; line-height:1.2; padding:0 0 18px 0; word-break:keep-all;}
.benefitsDiv .eduInfo .eBx ul li .tt.alone {padding:18px 0;}
.benefitsDiv .eduInfo .eBx ul li .tx {font-size:1.4166rem; color:#999; letter-spacing:1px; line-height:1.2; padding:0 0 12px 0;}
.benefitsDiv .eduInfo .eBx ul li .tk {position:relative; font-size:1.4166rem; color:#999; letter-spacing:1px; line-height:1.2; padding:0 0 12px 142px; word-break:keep-all;}
.benefitsDiv .eduInfo .eBx ul li .tk strong {position:absolute; left:0; top:0; font-size:1.4166rem; color:#999; letter-spacing:1px; line-height:1.2; font-weight:600;}

.benefitsDiv .welfare {width:1160px; margin:0 auto; overflow:hidden;}
.benefitsDiv .welfare .wTit {font-size:3.333rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2; padding:92px 0; text-align:center;}
.benefitsDiv .welfare .wList {width:100%; overflow:hidden;}
.benefitsDiv .welfare .wList ul:after {content:""; display:block; clear:both; *zoom:1;}
.benefitsDiv .welfare .wList ul li {float:left; width:20%; text-align:center; margin:0 0 62px 0;}
.benefitsDiv .welfare .wList ul li .img {width:100%; overflow:hidden;}
.benefitsDiv .welfare .wList ul li .img img {max-width:100%;}
.benefitsDiv .welfare .wList ul li .txt {width:100%; padding:15px 15px 0; box-sizing:border-box; overflow:hidden; word-break:keep-all;}
.benefitsDiv .welfare .wList ul li .txt strong {display:block; font-size:2rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.3;}
.benefitsDiv .welfare .wList ul li .txt span {display:block; font-size:1.25rem; color:#999; letter-spacing:1px; line-height:1.6; padding:4px 0 0 0;}




/* recruit information */
.recruitDiv {width:100%; border-top:1px #1d1d1d solid;}
.recruitDiv:after {content:""; display:block; clear:both; *zoom:1;}
.recruitDiv .rInfo {width:1160px; margin:40px auto 120px; overflow:hidden;}
.recruitDiv .rInfo ul:after {content:""; display:block; clear:both; *zoom:1;}
.recruitDiv .rInfo ul li {position:relative; display:block; min-height:32px; padding:0 0 0 240px; margin:76px 0 0 0;}
.recruitDiv .rInfo ul li .tit {position:absolute; left:0; top:0; font-size:2rem; color:#595458; font-weight:600; letter-spacing:1px; line-height:1.3;}
.recruitDiv .rInfo ul li .tit span {display:block; font-size:2rem;}
.recruitDiv .rInfo ul li .txt {font-size:1.4166rem; color:#595458; letter-spacing:1px; line-height:32px; word-break:keep-all;}
.recruitDiv .rInfo ul li .wGuide {width:100%; overflow:hidden;}
.recruitDiv .rInfo ul li .wTable {width:100%; border-bottom:1px #4a4a4a solid; overflow:hidden;}
.recruitDiv .rInfo ul li .wTable table {vertical-align:middle; text-align:center;}
.recruitDiv .rInfo ul li .wTable table th {position:relative; background:#4a4a4a; border-right:1px #cbcbcb solid; padding:24px 0; text-align:center; vertical-align:middle;}
.recruitDiv .rInfo ul li .wTable table th span {font-size:1.41666rem; color:#fff; line-height:1.1; letter-spacing:1px;font-weight:normal;}
.recruitDiv .rInfo ul li .wTable table th:last-child {border:0;}
.recruitDiv .rInfo ul li .wTable table td {position:relative; font-size:1.41666rem; color:#595458; line-height:1.2; letter-spacing:1px;background:#fff; border-right:1px #cbcbcb solid; border-bottom:1px #dcdcdc solid; padding:23px 10px; text-align:center; vertical-align:middle;}
.recruitDiv .rInfo ul li .wTable table td.last {border-right:0;}
.recruitDiv .rInfo ul li .wTable table td p {font-size:1.41666rem; color:#595458; line-height:1.2; letter-spacing:1px;padding:10px 0;}
.recruitDiv .rInfo ul li .wTable tr.noLine td {border-bottom:0;}
.recruitDiv .rInfo ul li .wTable tr.noLine td.line {border-bottom:1px #dcdcdc solid;}
.recruitDiv .rInfo ul li .wTable tr:last-child td {border-bottom:0;}
.recruitDiv .rInfo ul li .wTable .w1 {width:27%;}
.recruitDiv .rInfo ul li .wTable .w2 {width:27%;}
.recruitDiv .rInfo ul li .wTable .w3 {width:23%;}
.recruitDiv .rInfo ul li .wTable .w4 {width:23%;}
.recruitDiv .rInfo ul li .addTxt {font-size:1.4166rem; color:#595458; letter-spacing:1px; line-height:1.2; padding:15px 0 0 0; word-break:keep-all;}

.recruitDiv .rProcedure {position:relative; padding:120px 0; box-sizing:border-box;}
.recruitDiv .rProcedure:after {content:""; position:absolute; left:50%; top:0; width:1000%; height:100%; margin:0 0 0 -500%; background:#f4f4f4; z-index:1;}
.recruitDiv .rProcedure .tit {position:relative; font-size:3.333rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2; padding:0 0 25px 0; text-align:center; z-index:5;}
.recruitDiv .rProcedure .process {position:relative; width:1160px; margin:0 auto; z-index:5;}
.recruitDiv .rProcedure .process ul:after {content:""; display:block; clear:both; *zoom:1;}
.recruitDiv .rProcedure .process ul li {position:relative; float:left; width:21.55%; padding:72px 0 0 0;}
.recruitDiv .rProcedure .process ul li.arrow {position:relative; width:17.675%;}
.recruitDiv .rProcedure .process ul li.arrow:after {content:''; position:absolute; left:50%; top:50%; width:70px; height:70px; margin:20px 0 0 -35px; background:url('/content/images/bg/bg_process_arrow.png') left top no-repeat;}
.recruitDiv .rProcedure .process ul li .stit {font-family: 'Geomanist Book'; font-size:2rem; color:#595458; letter-spacing:0.4px; padding:0 0 14px 0;}
.recruitDiv .rProcedure .process ul li .bx {width:100%; height:250px; background:#ca8863; text-align:center;}
.recruitDiv .rProcedure .process ul li .bx .tt {font-size:2rem; color:#fff; letter-spacing:1px; line-height:1.2; padding:74px 0 24px 0;}
.recruitDiv .rProcedure .process ul li .bx .tx {font-size:1.41666rem; color:#fff; letter-spacing:1px; line-height:1.6;}

.recruitDiv .rJobInfo {position:relative; padding:120px 0 0 0; box-sizing:border-box;}
.recruitDiv .rJobInfo .tit {position:relative; font-size:3.333rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2; padding:0 0 95px 0; text-align:center; z-index:5;}
.recruitDiv .rJobInfo .job {width:100%; overflow:hidden;}
.recruitDiv .rJobInfo .job ul:after {content:""; display:block; clear:both; *zoom:1;}
.recruitDiv .rJobInfo .job > ul > li {position:relative; padding:0 0 60px 240px;}
.recruitDiv .rJobInfo .job > ul > li .category {position:absolute; left:0; top:0; font-size:2rem; color:#595458; letter-spacing:1px; font-weight:600; line-height:1.2;}
.recruitDiv .rJobInfo .job > ul > li .list {width:100%; overflow:hidden;}
.recruitDiv .rJobInfo .job > ul > li .list > ul {margin:0 0 0 -1.5%;}
.recruitDiv .rJobInfo .job > ul > li .list > ul > li {float:left; width:23.5%; margin:0 0 20px 1.5%;}
.recruitDiv .rJobInfo .job > ul > li .list > ul > li a {display:block; border:1px #4a4a4a solid; box-sizing:border-box; text-align:center; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.recruitDiv .rJobInfo .job > ul > li .list > ul > li a span {font-size:1.41666rem; color:#595458; letter-spacing:1px; line-height:68px; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
html.hoverOk .recruitDiv .rJobInfo .job > ul > li .list > ul > li a:hover {background:#4a4a4a;}
html.hoverOk .recruitDiv .rJobInfo .job > ul > li .list > ul > li a:hover span {color:#fff;}








/* recruit list */
.recruitList {width:100%; border-top:1px #1d1d1d solid; overflow:hidden;} 
.recruitList ul:after {content:""; display:block; clear:both; *zoom:1;}
.recruitList ul li {position:relative; display:block; border-bottom:1px #e6e6e6 solid;}
.recruitList ul li a {display:block; width:100%; height:100%; padding:48px 14.285% 48px 17.1428%; box-sizing:border-box; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.recruitList ul li a .categoryArea {position:absolute; left:0; top:50%; width:14.2857%; font-size:1.75rem; color:#595458; letter-spacing:1px; text-align:center; margin:-10px 0 0 0;}
.recruitList ul li a .subject {word-break:keep-all;}
.recruitList ul li a .subject:after {content:""; display:block; clear:both; *zoom:1;}
.recruitList ul li a .subject span {display:block; font-size:1.75rem; color:#595458; letter-spacing:1px; line-height:1.4; margin:0 0 0 40px;}
.recruitList ul li a .date {position:absolute; right:0; top:50%; width:14.285%; font-size:1.75rem; color:#595458; letter-spacing:1px; line-height:1.2; text-align:center; margin:-10px 0 0 0;}
.recruitList ul li a .period {position:absolute; right:0; top:50%; width:14.285%; font-family: 'Geomanist Book'; font-size:1.8333rem; color:#595458; letter-spacing:1px; line-height:1.2; letter-spacing:1px; text-align:center; margin:-10px 0 0 0;}
html.hoverOk .recruitList ul li a:hover {background:#fcf8f6;}

/* recruit view */
.recruitView {width:100%; border-top:1px #e6e6e6 solid; border-bottom:1px #e6e6e6 solid; overflow:hidden;} 
.recruitView ul:after {content:""; display:block; clear:both; *zoom:1;}
.recruitView .recruitHead {position:relative; display:block; padding:48px 14.285% 48px 17.1428%; box-sizing:border-box;}
.recruitView .recruitHead .categoryArea {position:absolute; left:0; top:50%; width:14.2857%; font-size:1.75rem; color:#595458; letter-spacing:1px; text-align:center; margin:-10px 0 0 0;}
.recruitView .recruitHead .subject {word-break:keep-all;}
.recruitView .recruitHead .subject span {display:block; font-size:2.5rem; color:#595458; letter-spacing:1px; line-height:1.4; margin:0 0 0 40px;}
.recruitView .recruitHead .date {position:absolute; right:0; top:50%; width:14.285%; font-size:1.75rem; color:#595458; letter-spacing:1px; line-height:1.2; text-align:center; margin:-10px 0 0 0;}
.recruitView .recruitHead .period {position:absolute; right:0; top:50%; width:14.285%; font-family: 'Geomanist Book'; font-size:1.8333rem; color:#595458; letter-spacing:1px; line-height:1.2; letter-spacing:1px; text-align:center; margin:-10px 0 0 0;}
.recruitView .recruitBody {}
.recruitView .recruitBody:after {content:""; display:block; clear:both; *zoom:1;}
.recruitView .recruitBody .ibBox {border-top:1px #e6e6e6 solid; padding:60px 20px 60px 14.285%;}
.recruitView .recruitBody .ibBox:after {content:""; display:block; clear:both; *zoom:1;}
.recruitView .recruitBody .ibBox .reBox {position:relative; padding:0 0 0 240px; word-break:keep-all;}
.recruitView .recruitBody .ibBox .reBox:after {content:""; display:block; clear:both; *zoom:1;}
.recruitView .recruitBody .ibBox .reBox .tit {position:absolute; left:0; top:0; width:118px; height:48px; text-align:center; border:1px #3d393d solid;}
.recruitView .recruitBody .ibBox .reBox .tit span {font-size:1.41666rem; color:#3d393d; letter-spacing:-0.8px; line-height:48px;}
.recruitView .recruitBody .ibBox .reBox .txt {min-height:50px; padding:15px 0 0 0; margin:0 0 40px 0;}
.recruitView .recruitBody .ibBox .reBox .txt .data {}
.recruitView .recruitBody .ibBox .reBox .txt .data:after {content:""; display:block; clear:both; *zoom:1;}
.recruitView .recruitBody .ibBox .reBox .txt .data p {font-size:1.41666rem; color:#3d393d; letter-spacing:-0.8px; line-height:1.2; padding:0 0 12px 0;}
.recruitView .recruitBody .ibBox .reBox .txt .data p:last-child {padding:0;}
.recruitView .recruitBody .ibBox .reBox:last-child .txt {margin:0;}
.recruitView .recruitBody .recruitBtn {text-align:center; padding:0 0 60px 0;}
.recruitView .recruitBody .recruitBtn a {display:inline-block; width:242px; height:60px; background:#ca8864;}
.recruitView .recruitBody .recruitBtn a span {font-size:1.41666rem; color:#fff; letter-spacing:-0.8px; line-height:60px;}
.recruitView .recruitBom {padding:35px 0 35px 14.285%; border-top:1px #e6e6e6 solid; word-break:keep-all;}
.recruitView .recruitBom:after {content:""; display:block; clear:both; *zoom:1;}
.recruitView .recruitBom span {font-size:1.41666rem; color:#999; letter-spacing:-0.8px; line-height:1.2;}



/* notice list */
.noticeList {width:100%; border-top:1px #1d1d1d solid; overflow:hidden;} 
.noticeList ul:after {content:""; display:block; clear:both; *zoom:1;}
.noticeList ul li {position:relative; display:block; border-bottom:1px #e6e6e6 solid;}
.noticeList ul li a {display:block; width:100%; height:100%; padding:48px 20px 48px 14.285%; box-sizing:border-box; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.noticeList ul li a .numArea {position:absolute; left:0; top:48px; font-family: 'Geomanist Extra Light'; font-size:3.6666rem; color:#999; letter-spacing:0.5px;}
.noticeList ul li a .subject {word-break:keep-all;}
.noticeList ul li a .subject * {vertical-align:middle;}
.noticeList ul li a .subject span {font-size:2.5rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2;}
.noticeList ul li a .subject span.category {font-size:2.5rem; color:#999; line-height:1.2; padding:0 22px 0 0;}
.noticeList ul li a .subject img {display:inline-block; margin:-3px 0 0 0;}
.noticeList ul li a .date {font-family: 'Geomanist Book'; font-size:1.1666rem; color:#999; letter-spacing:0.5px; margin:6px 0 20px 0;}
.noticeList ul li a .date.com {margin:6px 0 0 0;}
.noticeList ul li a .txt {font-size:1.1666rem; color:#595458; font-weight:300; letter-spacing:1px; line-height:1.6; word-break:keep-all;}
html.hoverOk .noticeList ul li a:hover {background:#fcf8f6;}

/* view type */
.viewType {width:100%; border-top:1px #e6e6e6 solid; overflow:hidden;} 
.viewType .viewHead {position:relative; display:block; padding:42px 20px 44px 14.285%; border-bottom:1px #e6e6e6 solid; box-sizing:border-box;}
.viewType .viewHead .numArea {position:absolute; left:0; top:48px; font-family: 'Geomanist Extra Light'; font-size:3.6666rem; color:#999; letter-spacing:0.5px;}
.viewType .viewHead .subject {word-break:keep-all;}
.viewType .viewHead .subject * {vertical-align:middle;}
.viewType .viewHead .subject span {font-size:2.5rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2;}
.viewType .viewHead .subject span.category {font-size:2.5rem; color:#999; line-height:1.2; padding:0 22px 0 0;}
.viewType .viewHead .subject img {display:inline-block; margin:-3px 0 0 0;}
.viewType .viewHead .date {font-family: 'Geomanist Book'; font-size:1.1666rem; color:#999; letter-spacing:0.5px; margin:6px 0 0 0;}
.viewType .viewBody {position:relative; display:block; padding:50px 14.285%; border-bottom:1px #e6e6e6 solid; box-sizing:border-box;}
.viewType .viewBody .img {width:100%;}
.viewType .viewBody img {max-width:100%;}
.viewType .viewBody p {font-size:1.1666rem; color:#595458; font-weight:300; letter-spacing:1px; line-height:1.6; padding:26px 0 0 0; word-break:keep-all;}
.viewType .viewBody .file {width:100%; padding:5px 0 20px 0; word-break:keep-all;}
.viewType .viewBody .file:after {content:""; display:block; clear:both; *zoom:1;}
.viewType .viewBody .file p {display:inline-block; font-size:1.25rem; color:#595458; letter-spacing:1px; line-height:22px; padding:0 0 0 30px;}
.viewType .viewBody .file a:hover p {text-decoration:underline;}
.viewType .viewBody .file span {display:inline-block; font-size:1.25rem; color:#595458; letter-spacing:1px; line-height:22px; padding:0 0 0 34px; background:url('/content/images/ico/ico_fileclip.png') left 50% no-repeat;}

.viewType .viewMBody {display:none; position:relative; display:block; padding:92px 0; text-align:center; border-bottom:1px #e6e6e6 solid; box-sizing:border-box;}
.viewType .viewMBody p {font-size:2.5rem; color:#3d393d; letter-spacing:1px; font-weight:600; line-height:1.3;}
.viewType .viewMBody a {display:inline-block; width:232px; height:68px; border:1px #999 solid; margin:36px 0 0 0;}
.viewType .viewMBody a span {display:inline-block; font-size:2.16rem; color:#595458; letter-spacing:1px; font-weight:300; line-height:68px; padding:0 0 0 38px; background:url('/content/images/ico/ico_fileclip_m.png') left 50% no-repeat;}






/* event list */
.eventList {position:relative; width:100%; border-top:1px #1d1d1d solid; overflow:hidden;} 
.eventList ul {margin:0 -2.743% 0 0;}
.eventList ul:after {content:""; display:block; clear:both; *zoom:1;}
.eventList ul li {float:left; width:30.59%; padding:0 2.743% 0 0; border-bottom:1px #e6e6e6 solid;}
.eventList ul li a {display:block; width:100%; height:100%; padding:60px 0 52px; box-sizing:border-box; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.eventList ul li a .imgArea {width:100%; overflow:hidden;}
.eventList ul li a .imgArea img {width:100%;}
.eventList ul li a .txtArea {padding:26px 0 0 0;}
.eventList ul li a .txtArea:after {content:""; display:block; clear:both; *zoom:1;}
.eventList ul li a .txtArea .subject {word-break:keep-all;}
.eventList ul li a .txtArea .subject * {vertical-align:middle;}
.eventList ul li a .txtArea .subject span {font-size:2.1666rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2;}
.eventList ul li a .txtArea .subject span.category {font-size:2.1666rem; color:#999; line-height:1.2; padding:0 16px 0 0;}
.eventList ul li a .txtArea .date {font-family: 'Geomanist Book'; font-size:1.1666rem; color:#999; letter-spacing:0.5px; margin:6px 0 0 0;}
.eventList:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#e6e6e6;}


/* ground advertising list */
.adList {width:100%; border-top:1px #1d1d1d solid; box-sizing:border-box; overflow:hidden;} 
.adList ul {}
.adList ul:after {content:""; display:block; clear:both; *zoom:1;}
.adList ul li {float:left; width:50%; border-bottom:1px #e6e6e6 solid; box-sizing:border-box;}
.adList ul li a {display:block; width:100%; height:100%; padding:60px 0; box-sizing:border-box; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.adList ul li a .imgArea {width:100%; overflow:hidden;}
.adList ul li a .imgArea img  {width:100%;}
.adList ul li a .txtArea {padding:26px 0 0 0;}
.adList ul li a .txtArea:after {content:""; display:block; clear:both; *zoom:1;}
.adList ul li a .txtArea .subject {word-break:keep-all;}
.adList ul li a .txtArea .subject * {vertical-align:middle;}
.adList ul li a .txtArea .subject span {font-size:2.1666rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.2;}
.adList ul li a .txtArea .subject span.category {font-size:2.1666rem; color:#999; line-height:1.2; padding:0 16px 0 0;}
.adList ul li a .txtArea .date {font-family: 'Geomanist Book'; font-size:1.1666rem; color:#999; letter-spacing:0.5px; margin:6px 0 0 0;}
.adList ul li:nth-child(odd) {padding:0 0 0 5.71%;}
.adList ul li:nth-child(odd) a {padding-right:3.237%;}
.adList ul li:nth-child(even) {padding:0 5.71% 0 0;}
.adList ul li:nth-child(even) a {padding-left:3.237%;}



/* colour list */
.colourList {width:100%; border-top:1px #1d1d1d solid; border-bottom:1px #e6e6e6 solid; box-sizing:border-box;} 
.colourList:after {content:""; display:block; clear:both; *zoom:1;}
.colourList .colourTit {font-family: 'Geomanist Bold'; font-size:1.666rem; color:#999; letter-spacing:2px; padding:54px 0 28px 0; text-align:center;}
.colourList .colourTit span {font-family: 'Geomanist Bold'; font-size:1.666rem; color:#1d1d1d; padding:0 0 0 15px;}
.colourList .imgList {position:relative; width:100%; text-align:center;}
.colourList .imgList:after {content:""; display:block; clear:both; *zoom:1;}
.colourList .imgList ul {font-size:0; line-height:0;}
.colourList .imgList ul:after {content:""; display:block; clear:both; *zoom:1;}
.colourList .imgList ul li {display:inline-block; width:100%; padding:0 20px; box-sizing:border-box;}
.colourList .imgList ul li img {width:100%; border:1px #e6e6e6 solid; box-sizing:border-box;}
.colourList .pagingArea {padding:42px 0;}
.colourSWrap {position:relative; width:100%; margin:60px 0 0 0; padding:0 100px; box-sizing:border-box; overflow:hidden;} 
.colourSWrap .colourSlide {width:100%; text-align:center; overflow:hidden;}
.colourSWrap .colourSlide a {display:block; width:100%; height:100%;}
.colourSWrap .colourSlide img {max-width:100%; display:inline-block;}
.colourSWrap .colourSlide .slick-slide {padding:0 20px;}
.colourSWrap .colourSlide .cSlideTt {width:100%; font-family: 'Geomanist Bold'; font-size:1rem; color:#999; letter-spacing:1px; padding:10px 0 0 0; overflow:hidden;}
.colourSWrap .colourSlide .cSlideTt span {font-family: 'Geomanist Bold'; font-size:1rem; color:#1d1d1d; padding:0 0 0 10px;}
.colourSWrap .colourPrevBtn {position:absolute; top:50%; left:-22px; width:80px; height:80px; background:url('/content/images/btn/btn_colour_prev.png') left top no-repeat; margin:-52px 0 0 0; z-index:24;}
.colourSWrap .colourNextBtn {position:absolute; top:50%; right:-22px; width:80px; height:80px; background:url('/content/images/btn/btn_colour_next.png') left top no-repeat; margin:-52px 0 0 0; z-index:24;}

/* 20210827 수정 */
.colourList .imgList .slick-dots{margin-top:20px;}
.colourList .imgList .slick-dots li {display:inline-block;width:auto;padding:0 5px;}
.colourList .imgList .slick-dots li span{background:url("/content/images/bg/bg_proper_mslide_dot.png") no-repeat;display:inline-block;width:20px;height:20px;}
.colourList .imgList .slick-dots li.slick-active span{background:url("/content/images/bg/bg_proper_mslide_dot_on.png") no-repeat;display:inline-block;width:20px;height:20px;}
.colourList .mvCount{margin-top:20px;}
.colourList .mvCount span{font-size:1.5rem;}
.colourList .mvCount .f, .t{font-size:1.5rem;}
.colourDiv{width:90%;margin:0 auto;}


.colourList  .colourPrev {position:absolute; top:40%; left:-60px; width:80px; height:80px; background:url('/content/images/btn/btn_colour_prev.png') left top no-repeat; margin:-52px 0 0 0; z-index:24;}
.colourList  .colourNext {position:absolute; top:40%; right:-60px; width:80px; height:80px; background:url('/content/images/btn/btn_colour_next.png') left top no-repeat; margin:-52px 0 0 0; z-index:24;}

@media all and (max-width:1520px){

.colourList .imgList .slick-dots li {display:inline-block;width:auto;padding:0 5px;}
.colourDiv{width:100%;}
.colourList  .colourPrev {left:-22px;top:30%;}
.colourList  .colourNext {right:-22px;top:30%;}
}
@media all and (max-width:640px){
.colourList  .colourPrev {left:-10px; width:42px; height:42px; background-size:42px; margin:-23px 0 0 0;top:28%;}
.colourList  .colourNext {right:-10px; width:42px; height:42px; background-size:42px; margin:-23px 0 0 0;top:28%;}
}

/* 20210827 수정 --- */

/* inquiry form */
.inquiryWrap {width:100%; overflow:hidden;}
.inquiryWrap .headSearch {position:relative; width:400px; padding:0 74px 0 0; margin:75px auto 50px; border:1px #cbcbcb solid; box-sizing:border-box;}
.inquiryWrap .headSearch:after {content:""; display:block; clear:both; *zoom:1;}
.inquiryWrap .headSearch a {position:absolute; right:12px; top:1px;}
.inquiryWrap .headSearch input {width:100%; height:60px; font-size:1.5rem; color:#1d1d1d; font-weight:600; letter-spacing:1px; line-height:60px; border:0; margin:0; padding:0 0 0 30px; box-sizing:border-box;}

.inquiryView {width:100%; overflow:hidden;} 
.inquiryView ul:after {content:""; display:block; clear:both; *zoom:1;}
.inquiryView ul li {display:block;}
.inquiryView ul li a {display:block; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.inquiryView ul li a.on {background:#f5f5f5;}
.inquiryView .ivhead {position:relative; display:block; padding:42px 20px 42px 14.285%; box-sizing:border-box; border-bottom:1px #e6e6e6 solid;}
.inquiryView .ivhead .unit {position:absolute; left:2.85714%; top:42px; font-family: 'Geomanist Extra Light'; font-size:3.666rem; color:#999; letter-spacing:0.5px;}
.inquiryView .ivhead .subject {word-break:keep-all;}
.inquiryView .ivhead .subject * {vertical-align:middle;}
.inquiryView .ivhead .subject p {font-size:2.5rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.4;}
.inquiryView .ivBody {height:0; overflow:hidden;}
.inquiryView .ivBody:after {content:""; display:block; clear:both; *zoom:1;}
.inquiryView .ivBody .ivA {width:100%; overflow:hidden;}
.inquiryView .ivAdmin {position:relative; display:block; padding:45px 20px 45px 14.285%; background:#f5f5f5; box-sizing:border-box; border-bottom:1px #e6e6e6 solid;}
.inquiryView .ivAdmin .unit {position:absolute; left:5.71428%; top:42px; font-family: 'Geomanist Extra Light'; font-size:3.666rem; color:#999; letter-spacing:0.5px;}
.inquiryView .ivAdmin .txt {word-break:keep-all;}
.inquiryView .ivAdmin .txt * {vertical-align:middle;}
.inquiryView .ivAdmin .txt p {font-size:1.25rem; color:#595458; font-weight:300; line-height:1.6; letter-spacing:1px;}
.inquiryView.faq {border-top:1px #1d1d1d solid;}

.ingredientsInfo {width:100%; padding:38px 0; margin:0 0 80px 0; background:#f5f5f5; overflow:hidden;}
.ingredientsInfo .inbx {position:relative; width:770px; margin:0 auto;}
.ingredientsInfo .inbx .phone {position:absolute; left:0; top:0;}
.ingredientsInfo .inbx .phone p {font-size:1.4166rem; color:#3d393d; line-height:1.2; letter-spacing:1px; padding:0 40px 10px 0;}
.ingredientsInfo .inbx .phone span {font-family: 'Geomanist Light'; font-size:2.333rem; color:#3d393d; letter-spacing:0.5px;}
.ingredientsInfo .inbx .phone:after {content:''; position:absolute; right:0; top:1px; width:1px; height:56px; background:#cbcbcb;}
.ingredientsInfo .inbx .info {margin:0 0 0 270px;}
.ingredientsInfo .inbx .info:after {content:""; display:block; clear:both; *zoom:1;}
.ingredientsInfo .inbx .info ul {padding:2px 0 0 0;}
.ingredientsInfo .inbx .info ul:after {content:""; display:block; clear:both; *zoom:1;}
.ingredientsInfo .inbx .info ul li {float:left; font-size:1.4166rem; color:#3d393d; line-height:1.2; letter-spacing:1px; padding:0 34px 0 12px; background:url('/content/images/bg/bg_ingredients_info_li.png') left 50% no-repeat;}
.ingredientsInfo .inbx .info ul li:last-child {padding:0 0 0 12px;}
.ingredientsInfo .inbx .info p {font-size:1.25rem; color:#3d393d; line-height:1.2; letter-spacing:1px; padding:14px 0 0 0;}

.ingredientsList {width:100%; border-top:1px #1d1d1d solid; overflow:hidden;}
.ingredientsList ul:after {content:""; display:block; clear:both; *zoom:1;}
.ingredientsList ul li {display:block; border-bottom:1px #e6e6e6 solid;}
.ingredientsList ul li a {display:block; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.ingredientsList ul li a .proHead {position:relative; padding:45px 18.9285% 45px 7.1428%;}
.ingredientsList ul li a .proHead .productName {width:100%; font-size:1.75rem; color:#595458; line-height:1.2; letter-spacing:1px; overflow:hidden; word-break:keep-all;}
.ingredientsList ul li a .proHead .look {position:absolute; right:0; top:50%; width:18.9285%; text-align:center; margin:-17px 0 0 0;}
.ingredientsList ul li a .proHead .look span {display:inline-block; font-size:1.75rem; color:#595458; line-height:1.2; letter-spacing:1px; border-bottom:1px #595458 solid; padding:0 0 8px 0;}
.ingredientsList ul li a.on {background:#f5f5f5; border-bottom:1px #e6e6e6 solid;}
.ingredientsList ul li .proBody {width:100%; height:0; background:#f5f5f5; overflow:hidden; word-break:keep-all;}
.ingredientsList ul li .proBody p {font-size:1.25rem; color:#595458; line-height:1.5; letter-spacing:1px; padding:45px 7.1428%;}

/* purchase guide */
.purchaseGuide {width:1160px; margin:0 auto; overflow:hidden;}
.purchaseGuide .puBx {position:relative; width:100%; padding:0 0 0 240px; margin:0 0 80px 0; overflow:hidden; box-sizing:border-box;}
.purchaseGuide .puBx .ptit {position:absolute; left:0; top:-5px; font-size:2rem; color:#595458; line-height:1.2; letter-spacing:1px; font-weight:600;}
.purchaseGuide .puBx .ptxt {width:100%; overflow:hidden;}
.purchaseGuide .puBx .ptxt ul {margin:0 -2% 0 0;}
.purchaseGuide .puBx .ptxt ul:after {content:""; display:block; clear:both; *zoom:1;}
.purchaseGuide .puBx .ptxt ul li {float:left; width:23%; margin:0 2% 2% 0;}
.purchaseGuide .puBx .ptxt ul li a {display:block; width:100%; border:0.5px #4a4a4a solid; text-align:center; box-sizing:border-box; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.purchaseGuide .puBx .ptxt ul li a span {font-size:1.2rem; color:#595458; letter-spacing:0.5px; line-height:68px; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.purchaseGuide .puBx .ptxt .px {font-size:1.2rem; color:#595458; line-height:1.2; letter-spacing:0.5px; padding:20px 0 18px; font-weight:600;}
.purchaseGuide .puBx:last-child {margin:0;}
html.hoverOk .purchaseGuide .puBx .ptxt ul li a:hover {background:#4a4a4a;}
html.hoverOk .purchaseGuide .puBx .ptxt ul li a:hover span {color:#fff;}


/* ccm div */
.ccmDiv {width:1160px; margin:0 auto; overflow:hidden;}
.ccmDiv .charterTit {font-size:3.333rem; color:#3d393d; line-height:1.2; letter-spacing:1px; padding:0 0 76px; font-weight:600; text-align:center;}
.ccmDiv .charterTit span {font-family: 'Geomanist Bold'; font-size:3.333rem;}
.ccmDiv .charterBx {position:relative; width:100%; padding:0 0 100px 0; border-bottom:1px #dcdcdc solid; overflow:hidden;}
.ccmDiv .charterBx .imgArea {position:absolute; left:0; top:10px;}
.ccmDiv .charterBx .txtArea {margin:0 0 0 462px;}
.ccmDiv .charterBx .txtArea:after {content:""; display:block; clear:both; *zoom:1;}
.ccmDiv .charterBx .txtArea ul:after {content:""; display:block; clear:both; *zoom:1;}
.ccmDiv .charterBx .txtArea ul li {position:relative; display:block; margin:0 0 38px 0; padding:0 0 0 64px; word-break:keep-all;}
.ccmDiv .charterBx .txtArea ul li:last-child {margin:0;}
.ccmDiv .charterBx .txtArea ul li .tt {position:absolute; left:0; top:6px; width:45px; height:45px; background:#ca8863; text-align:center;}
.ccmDiv .charterBx .txtArea ul li .tt span {font-family: 'Geomanist Book'; font-size:1.666rem; color:#fff; line-height:45px; letter-spacing:0.5px;}
.ccmDiv .charterBx .txtArea ul li .tx span {display:block; font-size:1.41666rem; color:#595458; line-height:1.6; letter-spacing:1px;}
.ccmDiv .charterBx .txtArea ul li .tx strong {font-size:1.41666rem; color:#ca8863; line-height:1.6; letter-spacing:1px; font-weight:normal;}

.ccmDiv .ccmAward {position:relative; width:100%; min-height:410px; padding:0 0 100px 0; margin:100px 0 0 0; border-bottom:1px #dcdcdc solid; overflow:hidden;}
.ccmDiv .ccmAward .imgArea {position:absolute; right:0; top:10px;}
.ccmDiv .ccmAward .txtArea {margin:0 660px 0 0; word-break:keep-all;}
.ccmDiv .ccmAward .txtArea p {font-size:1.41666rem; color:#595458; line-height:1.6; letter-spacing:1px;}
.ccmDiv .ccmAward .txtArea p strong {font-size:1.41666rem; color:#ca8863; line-height:1.6; letter-spacing:1px; font-weight:normal;}
.ccmDiv .ccmAward .txtArea p u {font-size:1.41666rem; color:#ca8863; line-height:1.6; letter-spacing:1px; font-weight:300; text-decoration:none;}

.ccmDiv .ccmInfo {position:relative; width:100%; padding:0 0 100px 0; margin:100px 0 0 0; border-bottom:1px #dcdcdc solid; overflow:hidden;}
.ccmDiv .ccmInfo .imgArea {position:absolute; left:0; top:10px;}
.ccmDiv .ccmInfo .txtArea {margin:0 0 0 424px; word-break:keep-all;}
.ccmDiv .ccmInfo .txtArea .tt {font-size:2.8333rem; color:#3d393d; line-height:1.2; letter-spacing:-0.8px; padding:0 0 12px 0;}
.ccmDiv .ccmInfo .txtArea .tt span {font-family: 'Geomanist Bold'; font-size:2.8333rem; letter-spacing:0.5px;}
.ccmDiv .ccmInfo .txtArea .st {font-size:2.333rem; color:#3d393d; line-height:1.2; letter-spacing:-0.8px; padding:0 0 12px 0;}
.ccmDiv .ccmInfo .txtArea .st span {font-family: 'Geomanist Bold'; font-size:2.333rem; letter-spacing:0.5px;}
.ccmDiv .ccmInfo .txtArea .tx {font-size:1.41666rem; color:#595458; line-height:1.6; letter-spacing:1px; padding:30px 0 0 0;}
.ccmDiv .ccmInfo .txtArea .tx .color {padding:0 0 14px 0;}

.ccmDiv .ccmLSP {position:relative; width:100%; margin:100px 0 0 0; overflow:hidden;}
.ccmDiv .ccmLSP .imgArea {width:100%; text-align:center; overflow:hidden;}
.ccmDiv .ccmLSP .imgArea .w {display:inline;}
.ccmDiv .ccmLSP .imgArea .m {display:none;}
.ccmDiv .ccmLSP .imgArea img {max-width:100%;}
.ccmDiv .ccmLSP .imgArea span {display:block; font-size:1.41666rem; color:#595458; line-height:1.6; letter-spacing:1px; font-weight:600; padding:36px 0 0 0;}
.ccmDiv .ccmLSP .txtArea {width:100%; background:#f8f8f8; padding:34px 0; margin:58px 0 0 0; overflow:hidden;}
.ccmDiv .ccmLSP .txtArea .tx {position:relative; width:900px; font-size:1.41666rem; color:#595458; line-height:1.6; letter-spacing:1px; margin:0 auto; word-break:keep-all;}
.ccmDiv .ccmLSP .txtArea .tx:after {content:'*'; position:absolute; left:-10px; top:2px; font-size:1.41666rem; color:#595458; line-height:1.6; letter-spacing:1px;}

/* stock info */
.stockInfo {width:100%; overflow:hidden;}
.stockInfo .hTit {font-size:3.333rem; color:#333; line-height:1.2; font-weight:600; letter-spacing:1px; text-align:center; padding:10px 0 75px 0;}
.stockInfo .mTit {font-size:3.333rem; color:#333; line-height:1.2; font-weight:600; letter-spacing:1px; text-align:center; padding:154px 0 70px 0;}
.stockInfo .hInfo {position:relative; width:100%; border-bottom:1px #4a4a4a solid;}
.stockInfo .hInfo .tt {font-size:2rem; color:#595458; line-height:1.2; font-weight:600; letter-spacing:1px; padding:0 0 10px 0;}
.stockInfo .hInfo .rt {position:absolute; right:0; top:8px; font-size:1.5rem; color:#595458; line-height:1.2; letter-spacing:1px;}
.stockInfo .addTxt {width:100%; font-size:1.5rem; color:#595458; line-height:1.2; letter-spacing:1px; text-align:right; padding:0 0 10px 0;}

.stockInfo .sector1 {width:100%; padding:68px 0 0 0; overflow:hidden;}
.stockInfo .sector1 .info {position:relative; width:100%; padding:0 0 0 170px; overflow:hidden;}
.stockInfo .sector1 .info .ab {position:absolute; left:0; top:2px;}
.stockInfo .sector1 .info .ab span {font-size:2.1666rem; line-height:1.2; font-weight:600; letter-spacing:1px; padding:0 0 0 20px;}
.stockInfo .sector1 .info .ab span.up {color:#ff0000; /* background:url('/content/images/bg/bg_span_up.png') left 11px no-repeat; */}
.stockInfo .sector1 .info .ab span.down {color:#000cff; /* background:url('/content/images/bg/bg_span_down.png') left 11px no-repeat; */}
.stockInfo .sector1 .info .data {font-size:1.4166rem; color:#595458; line-height:1.2; font-weight:600; letter-spacing:1px; padding:10px 0 15px;}
.stockInfo .sector1 .info .data:after {content:""; display:block; clear:both; *zoom:1;}
.stockInfo .sector1 .info .data span {font-size:1.4166rem; color:#595458; line-height:1.2; font-weight:normal; letter-spacing:1px; padding:0 0 0 10px;}
.stockInfo .sector1 .info .data span.up {background:url('/content/images/bg/bg_span_up.png') left 6px no-repeat; background-size:17px 16px; margin:0 0 0 14px; padding:0 28px 0 22px;}
.stockInfo .sector1 .info .data span.down {background:url('/content/images/bg/bg_span_down.png') left 6px no-repeat; background-size:17px 16px; margin:0 0 0 14px; padding:0 28px 0 22px;}
.stockInfo .sector2 {width:100%; padding:80px 0 0 0; overflow:hidden;}
.stockInfo .sector3 {width:100%; overflow:hidden;}
.stockInfo .sector4 {width:100%; overflow:hidden;}
.stockInfo .sector5 {width:100%; overflow:hidden;}

.stockInfo .wGuide {width:100%; overflow:hidden;}
.stockInfo .wTable {width:100%; border-bottom:1px #4a4a4a solid; overflow:hidden;}
.stockInfo .wTable table {vertical-align:middle; text-align:center;}
.stockInfo .wTable table th {position:relative; background:#4a4a4a; border-right:1px #cbcbcb solid; padding:24px 0; text-align:center; vertical-align:middle;}
.stockInfo .wTable table th span {font-size:1.41666rem; color:#fff; line-height:1.1; letter-spacing:1px;font-weight:normal;}
.stockInfo .wTable table th:last-child {border:0;}
.stockInfo .wTable table td {position:relative; font-size:1.41666rem; color:#595458; line-height:1.2; letter-spacing:1px;background:#fff; border-right:1px #cbcbcb solid; border-bottom:1px #dcdcdc solid; padding:23px 10px; text-align:center; vertical-align:middle;}
.stockInfo .wTable table td.last {border-right:0;}
.stockInfo .wTable table td p {font-size:1.41666rem; color:#595458; line-height:1.2; letter-spacing:1px;padding:10px 0;}
.stockInfo .wTable table td span {font-size:1.41666rem; color:#fff; line-height:1.1; letter-spacing:1px;font-weight:normal;}
.stockInfo .wTable table td span.red {color:#ff0000;}
.stockInfo .wTable table td span.blue {color:#000cff;}
.stockInfo .wTable table td span.up {color:#595458; background:url('/content/images/bg/bg_span_up.png') left 7px no-repeat; background-size:17px 14px; padding:0 0 0 24px;}
.stockInfo .wTable table td span.down {color:#595458; background:url('/content/images/bg/bg_span_down.png') left 7px no-repeat; background-size:17px 14px; padding:0 0 0 24px;}
.stockInfo .wTable.line {border-bottom:1px #cbcbcb solid;}
.stockInfo .wTable.line td {border-top:1px #cbcbcb solid; border-bottom:0;}
.stockInfo .wTable.line th {border-top:1px #cbcbcb solid;}
.stockInfo .wTable tr:last-child td {border-bottom:0;}






/* inform */
.informWrap {width:680px; margin:70px auto 0;}
.informWrap:after {content:""; display:block; clear:both; *zoom:1;}
.informWrap .inform:after {content:""; display:block; clear:both; *zoom:1;}
.informWrap .inform .inTit {width:100%; font-size:4rem; color:#3d393d; font-weight:300; letter-spacing:1px; line-height:1.1; overflow:hidden; word-break:keep-all;}
.informWrap .inform .inTit strong {font-size:4rem; color:#3d393d; font-weight:600; letter-spacing:1px; line-height:1.1;}
.informWrap .inform .inTit span {display:block; font-size:4rem; color:#3d393d; font-weight:300; letter-spacing:1px; line-height:1.1;}
.informWrap .inform .inTxt {width:100%; font-size:1.41666rem; color:#999; font-weight:300; letter-spacing:1px;line-height:1.5; padding:10px 0 20px 0; overflow:hidden; word-break:keep-all;}

.informWrap .inform .dForm {position:relative; width:100%; padding:0 0 30px 0;}
.informWrap .inform .dForm:after {content:""; display:block; clear:both; *zoom:1;}
.informWrap .inform .dForm.last {padding:0;}
.informWrap .inform .dForm .dtt {position:relative; font-size:1.08333rem; color:#595458; font-weight:600; letter-spacing:1px;line-height:1.1; margin:30px 0 0 0;}
.informWrap .inform .dForm .dtt .info {position:absolute; right:0; top:0; font-size:1.08333rem; color:#595458; font-weight:600; letter-spacing:1px;line-height:1.1;}
.informWrap .inform .dForm .dbx {position:relative; width:100%; padding:5px 0 0 0; box-sizing:border-box; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.informWrap .inform .dForm .dbx:after {content:""; display:block; clear:both; *zoom:1;}
.informWrap .inform .dForm .dbx .ttNum {position:absolute; right:5px; bottom:26px; font-size:1.25rem; color:#cbcbcb; font-weight:600; letter-spacing:1px;line-height:1.1;}

.informWrap .inform .dForm .dbx.phoneType {padding:8px 0 0 140px; border-bottom:1px solid #dcdcdc;}
.informWrap .inform .dForm .dbx.phoneType .set {position:absolute; left:0; bottom:0; width:140px;}
.informWrap .inform .dForm .dbx.phoneType .set:after {content:''; position:absolute; right:0; bottom:9px; width:1px; height:40px; background:#dcdcdc;}
.informWrap .inform .dForm .dbx.phoneType input[type='text'] {padding:0 0 0 40px; margin:0 0 -1px 0;}

.informWrap .inform .dForm .dbx input[type='text'] {height:60px; font-size:1.41666rem; color:#1d1d1d; font-weight:600; letter-spacing:1px; line-height:60px; border:0; margin:0; padding:0; border:0; border-bottom:1px #dcdcdc solid;}
.informWrap .inform .dForm .dbx textarea {width:100%; height:24px; font-size:1.41666rem; color:#1d1d1d; font-weight:600; letter-spacing:1px; line-height:1.4; border:0; margin:18px 0 0 0; padding:0 74px 0 0; border:0; box-sizing:border-box; overflow:hidden;}
.informWrap .inform .dForm .dbx.areaType {border-bottom:1px #dcdcdc solid; padding:0 0 20px 0;}
.informWrap .inform .dForm .dbx.areaType.on {border-color:#1d1d1d;}

.informWrap .inform .dForm .dbx.selectArea {padding:8px 0 0 240px; min-height:60px; border-bottom:1px solid #dcdcdc;}
.informWrap .inform .dForm .dbx.selectArea .set {position:absolute; left:0; bottom:0; width:240px;}
.informWrap .inform .dForm .dbx.selectArea .set:after {content:''; position:absolute; right:0; bottom:9px; width:1px; height:40px; background:#dcdcdc;}

.informWrap .inform .dForm .dbx .claims {position:relative; width:100%; padding:0 0 0 180px; border-bottom:1px #dcdcdc solid; box-sizing:border-box; overflow:hidden;}
.informWrap .inform .dForm .dbx .claims .abs {position:absolute; left:0; top:20px;}
.informWrap .inform .dForm .dbx .claims .abs label {font-size:1.41666rem; font-weight:600;}
.informWrap .inform .dForm .dbx .claims .set {position:relative; }
.informWrap .inform .dForm .dbx .claims .set select {border:0;}
.informWrap .inform .dForm .dbx .claims .set:after {content:''; position:absolute; right:0; bottom:9px; width:1px; height:40px; background:#dcdcdc;}
.informWrap .inform .dForm .dbx .raList {width:100%; padding:12px 0 20px 0; overflow:hidden;}
.informWrap .inform .dForm .dbx .raList ul:after {content:""; display:block; clear:both; *zoom:1;}
.informWrap .inform .dForm .dbx .raList ul li {float:left; width:25%; padding:18px 0 0 0;}
.informWrap .inform .dForm .dbx .raList ul li:nth-child(4n-3) {width:23%;}
.informWrap .inform .dForm .dbx .raList ul li:nth-child(4n-2) {width:32%;}
.informWrap .inform .dForm .dbx .raList ul li:nth-child(4n-1) {width:20%;}

.informWrap .inform .dForm .addtx {font-size:1.08333rem; color:#999; font-weight:300; letter-spacing:1px;line-height:1.1; padding:10px 0 0 0;}

.informWrap .agreeWrap {width:100%; padding:74px 0 0 0; overflow:hidden;}
.informWrap .agreeWrap .aBox {position:relative; width:440px; margin:0 auto;}
.informWrap .agreeWrap .aBox ul:after {content:""; display:block; clear:both; *zoom:1;}
.informWrap .agreeWrap .aBox ul li {display:block; position:relative;}
.informWrap .agreeWrap .aBox ul li label {font-size:1.1666rem; color:#595458; line-height:22px; font-weight:300; letter-spacing:1px;}
.informWrap .agreeWrap .aBox ul li a {position:absolute; right:0; top:-1px; display:inline-block; font-size:1.1666rem; color:#595458; line-height:22px; font-weight:300; letter-spacing:1px; border-bottom:1px #9b989b solid;}


/* office */
.officeWrap {width:100%;}
.officeWrap:after {content:""; display:block; clear:both; *zoom:1;}
.officeWrap .headSearch {position:relative; width:680px; padding:0 0 0 280px; margin:0 auto 60px; box-sizing:border-box;}
.officeWrap .headSearch.one {width:400px; padding:0;}
.officeWrap .headSearch:after {content:""; display:block; clear:both; *zoom:1;}
.officeWrap .headSearch .selectDiv {position:absolute; left:0; top:0; width:270px;}
.officeWrap .headSearch .searchDiv {position:relative; width:100%; padding:0 74px 0 0; border:1px #cbcbcb solid; box-sizing:border-box;}
.officeWrap .headSearch .searchDiv a {position:absolute; right:12px; top:1px;}
.officeWrap .headSearch .searchDiv input {width:100%; height:60px; font-size:1.5rem; color:#1d1d1d; font-weight:600; letter-spacing:1px; line-height:60px; border:0; margin:0; padding:0 0 0 30px; box-sizing:border-box;}

.officeWrap .officeList {width:100%; border-top:1px #1d1d1d solid;}
.officeWrap .officeList:after {content:""; display:block; clear:both; *zoom:1;}
.officeWrap .officeList ul:after {content:""; display:block; clear:both; *zoom:1;}
.officeWrap .officeList ul li {position:relative; display:block; padding:45px 0; border-bottom:1px #e6e6e6 solid; word-break:keep-all;}
.officeWrap .officeList ul li .name {position:absolute; left:2.8571%; top:50%; font-size:1.75rem; color:#595458; line-height:1.1; letter-spacing:1px; margin:-12px 0 0 0;}
.officeWrap .officeList ul li .area {position:absolute; left:14.2857%; top:50%; width:12.857%; font-size:1.75rem; color:#595458; line-height:1.1; letter-spacing:1px; margin:-12px 0 0 0;}
.officeWrap .officeList ul li .area2 {position:absolute; left:2.8571%; top:50%; font-size:1.75rem; color:#595458; line-height:1.1; letter-spacing:1px; margin:-12px 0 0 0;}
.officeWrap .officeList ul li .map {font-size:1.75rem; color:#595458; line-height:1.1; letter-spacing:1px; margin:0 460px 0 27.857%;}
.officeWrap .officeList ul li .tel {position:absolute; left:68.5714%; top:50%; font-family: 'Geomanist Bold'; font-size:1.75rem; color:#595458; line-height:1.1; letter-spacing:1px; margin:-12px 0 0 0;}
.officeWrap .officeList ul li .tel2 {position:absolute; right:0; top:50%; width:240px; font-family: 'Geomanist Bold'; font-size:1.75rem; color:#595458; line-height:1.1; letter-spacing:1px; margin:-12px 0 0 0;}
.officeWrap .officeList ul li .category {position:absolute; right:0; top:50%; width:14.2857%; font-size:1.75rem; color:#595458; line-height:1.1; letter-spacing:1px; margin:-12px 0 0 0;}


/** member **/
.mformWrap {width:680px; margin:0 auto;}
.mformWrap:after {content:""; display:block; clear:both; *zoom:1;}
.mformWrap .inform:after {content:""; display:block; clear:both; *zoom:1;}
.mformWrap .inform input[type='text'], .mformWrap .inform input[type='password'] {height:60px; font-size:1.41666rem; color:#1d1d1d; font-weight:600; letter-spacing:1px; line-height:60px; margin:0; padding:0; border:0; border-bottom:1px #dcdcdc solid;}

.mformWrap .inform .miTit {position:relative; width:100%; font-size:1.41666rem; color:#595458; font-weight:600; letter-spacing:1px;line-height:1.1; margin:60px 0 40px 0; overflow:hidden; word-break:keep-all;}
.mformWrap .inform .miTit span {position:absolute; right:0; top:1px; font-size:1.08333rem; color:#c90000; font-weight:600; letter-spacing:1px;line-height:1.1;}
.mformWrap .inform .miTit.repair {margin-top:0;}

.mformWrap .inform .mForm {position:relative; width:100%; padding:0 0 30px 0;}
.mformWrap .inform .mForm:after {content:""; display:block; clear:both; *zoom:1;}
.mformWrap .inform .mForm ul:after {content:""; display:block; clear:both; *zoom:1;}
.mformWrap .inform .mForm ul li {position:relative; display:block; margin:0 0 28px 0;}
.mformWrap .inform .mForm ul li:last-child {padding:0; margin:0;}
.mformWrap .inform .mForm ul li.essential:after {content:'*'; position:absolute; left:-32px; bottom:15px; font-size:1.666rem; color:#c90000; font-weight:300; letter-spacing:1px;line-height:1.1;}
.mformWrap .inform .mForm ul li.essential.addr {margin:0 0 5px 0;}
.mformWrap .inform .mForm .calendarSL {padding:15px 0 34px 0;}
.mformWrap .inform .mForm .calendarSL:after {content:""; display:block; clear:both; *zoom:1;}
.mformWrap .inform .mForm .calendarSL ul:after {content:""; display:block; clear:both; *zoom:1;}
.mformWrap .inform .mForm .calendarSL ul li {display:inline; float:left; margin:0 25px 0 0; padding:0;}

.mformWrap .inform .mForm .mtit {font-size:1.08333rem; color:#595458; font-weight:600; letter-spacing:1px;line-height:1.1;}
.mformWrap .inform .mForm .phoneType {padding:8px 0 0 140px; border-bottom:1px solid #dcdcdc;}
.mformWrap .inform .mForm .phoneType .set {position:absolute; left:0; bottom:0; width:140px;}
.mformWrap .inform .mForm .phoneType .set:after {content:''; position:absolute; right:0; bottom:9px; width:1px; height:40px; background:#dcdcdc;}
.mformWrap .inform .mForm .phoneType input[type='text'] {padding:0 0 0 40px; margin:0 0 -1px 0;}

.mformWrap .inform .addInfoChk {padding:0 0 45px 0; margin:10px 0 0 0; word-break:keep-all;}
.mformWrap .inform .addInfoChk:after {content:""; display:block; clear:both; *zoom:1;}
.mformWrap .inform .addInfoChk .atBox {position:relative; padding:0 0 32px 130px;}
.mformWrap .inform .addInfoChk .atBox.essential:after {content:'*'; position:absolute; left:-32px; top:3px; font-size:1.666rem; color:#c90000; font-weight:300; letter-spacing:1px;line-height:1.1;}
.mformWrap .inform .addInfoChk .atBox .atTt {position:absolute; left:0; top:0; font-size:1.41666rem; color:#595458; line-height:1.2; font-weight:600; letter-spacing:1px;}
.mformWrap .inform .addInfoChk .atBox .atTx {width:100%; overflow:hidden;}
.mformWrap .inform .addInfoChk .atBox .atTx ul:after {content:""; display:block; clear:both; *zoom:1;}
.mformWrap .inform .addInfoChk .atBox .atTx ul li {float:left; margin:0 42px 0 0;}
.mformWrap .inform .addInfoChk .atBox .atTx ul.skin li {margin:0 25px 5px 0;}
.mformWrap .inform .addInfoChk .atBox .atTs {font-size:1.08333rem; color:#999; font-weight:300; letter-spacing:1px;line-height:1.1; padding:15px 0 0 0;}
.mformWrap .inform .addtx {font-size:1.08333rem; color:#999; font-weight:300; letter-spacing:1px;line-height:1.1; padding:10px 0 25px 0;}

.mformWrap .inform .idSave {width:100%; overflow:hidden;}
.mformWrap .inform .idSave label {font-size:1.1666rem; color:#595458; line-height:22px; font-weight:300; letter-spacing:1px;}
.mformWrap .inform .loginBtnArea {width:100%; padding:40px 0; text-align:center; overflow:hidden;}
.mformWrap .inform .joinBtnArea {width:100%; padding:40px 0; text-align:center; overflow:hidden;}
.mformWrap .inform .idpwDiv {position:relative; width:100%; padding:20px 0 0 0; border-bottom:1px #dcdcdc solid; overflow:hidden; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.mformWrap .inform .idpwDiv .tt {font-size:1.41666rem; color:#cbcbcb; line-height:22px; font-weight:600; letter-spacing:1px; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.mformWrap .inform .idpwDiv .tx {position:absolute; right:0; top:20px; font-size:1.41666rem; color:#1d1d1d; line-height:22px; font-weight:600; letter-spacing:1px;}
.mformWrap .inform .idpwDiv a {display:block; width:100%; height:100%; padding:0 0 20px 0; box-sizing:border-box;}
html.hoverOk .mformWrap .inform .idpwDiv:hover {border-color:#1d1d1d;}
html.hoverOk .mformWrap .inform .idpwDiv:hover .tt {color:#1d1d1d;}

.mformWrap .inform .certification {width:100%; padding:50px 0 0 0; overflow:hidden;}
.mformWrap .inform .certification.first {padding:0;}
.mformWrap .inform .certification .cTit {font-size:1.41666rem; color:#999; line-height:1.2; font-weight:600; letter-spacing:1px;padding:0 0 15px 0;}
.mformWrap .inform .certification .jTit {font-size:1.41666rem; color:#595458; line-height:1.2; font-weight:600; letter-spacing:1px;padding:60px 0 18px 0;}
.mformWrap .inform .certification .cCase {width:100%; overflow:hidden;}
.mformWrap .inform .certification .cCase ul {margin:0 -4% 0 0;}
.mformWrap .inform .certification .cCase ul:after {content:""; display:block; clear:both; *zoom:1;}
.mformWrap .inform .certification .cCase ul li {float:left; width:46%; height:240px; text-align:center; margin:0 4% 0 0; border:1px #999 solid; box-sizing:border-box;}
.mformWrap .inform .certification .cCase ul li .ico {}
.mformWrap .inform .certification .cCase ul li .ico:after {content:""; display:block; clear:both; *zoom:1;}
.mformWrap .inform .certification .cCase ul li .ttx {font-size:2rem; color:#595458; line-height:1.2; font-weight:600; letter-spacing:1px;padding:28px 0 0 0;}
.mformWrap .inform .certification .cCase ul li a {position:relative; display:block; width:100%; height:100%; padding:60px 0 0 0; box-sizing:border-box;}
.mformWrap .inform .certification .cCase ul li a:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:3px #1d1d1d solid; box-sizing:border-box; opacity:0; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
html.hoverOk .mformWrap .inform .certification .cCase ul li a:hover:after {opacity:1;}

/* join */
.mformWrap {width:680px; margin:0 auto;}
.mformWrap:after {content:""; display:block; clear:both; *zoom:1;}
.mformWrap .jStep {width:100%; overflow:hidden;}
.mformWrap .jStep ul {margin:0 -3.5% 0 0;}
.mformWrap .jStep ul:after {content:""; display:block; clear:both; *zoom:1;}
.mformWrap .jStep ul li {float:left; width:21.5%; height:130px; text-align:center; margin:0 3.5% 0 0; border:1px #999 solid; box-sizing:border-box;}
.mformWrap .jStep ul li .ico {width:24px; height:24px; margin:40px auto 10px;}
.mformWrap .jStep ul li .ico:after {content:""; display:block; clear:both; *zoom:1;}
.mformWrap .jStep ul li .ttx {font-size:1.41666rem; color:#595458; line-height:1.2; font-weight:600; letter-spacing:1px;}
.mformWrap .jStep ul li:nth-child(1) .ico {background:url('/content/images/ico/ico_member_step01.png') left top no-repeat;}
.mformWrap .jStep ul li:nth-child(2) .ico {background:url('/content/images/ico/ico_member_step02.png') left top no-repeat;}
.mformWrap .jStep ul li:nth-child(3) .ico {background:url('/content/images/ico/ico_member_step03.png') left top no-repeat;}
.mformWrap .jStep ul li:nth-child(4) .ico {background:url('/content/images/ico/ico_member_step04.png') left top no-repeat;}
.mformWrap .jStep ul li.on:nth-child(1) .ico {background:url('/content/images/ico/ico_member_step01_on.png') left top no-repeat;}
.mformWrap .jStep ul li.on:nth-child(2) .ico {background:url('/content/images/ico/ico_member_step02_on.png') left top no-repeat;}
.mformWrap .jStep ul li.on:nth-child(3) .ico {background:url('/content/images/ico/ico_member_step03_on.png') left top no-repeat;}
.mformWrap .jStep ul li.on:nth-child(4) .ico {background:url('/content/images/ico/ico_member_step04_on.png') left top no-repeat;}
.mformWrap .jStep ul li.on {background:#3d393d; border-color:#3d393d;}
.mformWrap .jStep ul li.on .ttx {color:#fff;}

.mformWrap .aggreeBox {width:100%; overflow:hidden;}
.mformWrap .aggreeBox .aTit {font-size:1.41666rem; color:#595458; line-height:1.2; font-weight:600; letter-spacing:1px;padding:56px 0 16px 0;}
.mformWrap .aggreeBox .aBox {width:100%; height:318px; font-size:1.25rem; color:#595458; line-height:1.4; font-weight:300; letter-spacing:1px;padding:26px; border:1px #dcdcdc solid; box-sizing:border-box; overflow-y:auto; word-break:keep-all;}
.mformWrap .aggreeBox .aBox p {font-size:1.25rem; color:#595458; line-height:1.4; font-weight:300; letter-spacing:1px;}
.mformWrap .aggreeBox .aSet {width:100%; padding:18px 0 0 0; overflow:hidden;}
.mformWrap .aggreeBox .aSet ul {float:right;}
.mformWrap .aggreeBox .aSet ul li {float:left; padding:0 0 0 28px;}
.mformWrap .aggreeBox .allChkBox {margin:80px 0 40px 0; text-align:center;}
.mformWrap .aggreeBox .allChkBox:after {content:""; display:block; clear:both; *zoom:1;}
.mformWrap .aggreeBox .allChkBox ul {font-size:0; line-height:0;}
.mformWrap .aggreeBox .allChkBox ul:after {content:""; display:block; clear:both; *zoom:1;}
.mformWrap .aggreeBox .allChkBox ul li {display:inline-block; padding:0 20px;}

.mformWrap .thxTo {width:100%; margin:60px 0 0 0; padding:90px 0 95px; text-align:center; border-top:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid; overflow:hidden;}
.mformWrap .thxTo p {font-size:3.1666rem; color:#3d393d; line-height:1.4; font-weight:300; letter-spacing:1px;}
.mformWrap .thxTo p strong {display:block; font-size:3.1666rem; font-weight:600;}





/*** popWrap ***/
#popWrap {position:fixed; left:0; top:50%; width:100%; height:100%; z-index:9999; opacity:0;}
#popWrap #guHead {width:100%; margin:0 0 36px 0; overflow:hidden;}
#popWrap #guHead .guClosed {position:absolute; right:38px; top:32px; z-index:100;}
#popWrap #guHead .guClosed a {display:block; width:40px; height:40px; background:url('/content/images/btn/btn_pop_close.png') left top no-repeat;}
#popWrap #guHead span {font-size:2.333rem; color:#1d1d1d; font-weight:600; line-height:1.3; letter-spacing:1px;}
#popWrap #guHead span.midPad {padding:0 0 0 40px;}
#popWrap .guCont {position:relative; background:#fff; overflow:hidden;}
#popWrap .guCont .innerBox {padding:36px 40px 40px 40px;}
#popWrap .popBg {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; overflow:hidden; z-index:1;}

#popWrap #guTBase {position:relative; max-width:520px; height:auto; margin:0 auto; z-index:2;} /* base */
#popWrap #guTMid {position:relative; max-width:830px; height:auto; margin:0 auto; z-index:2;} /* middle */
#popWrap #guTLarge {position:relative; max-width:1000px; height:auto; margin:0 auto; z-index:2;} /* large */

/* 신규 비밀번호 */
#popWrap .repwPop {width:100%; overflow:hidden;}
#popWrap .repwPop .noti {font-size:1.41666rem; color:#999; line-height:1.2; letter-spacing:1px;font-weight:600;}
#popWrap .repwPop .form {width:100%; padding:0 0 40px 0; overflow:hidden;}
#popWrap .repwPop .form ul:after {content:""; display:block; clear:both;}
#popWrap .repwPop .form ul li {display:block; margin:28px 0 0 0;}
#popWrap .repwPop .form ul li input[type='text'], #popWrap .repwPop .form ul li input[type='password'] {padding:0;}

/* 아이디 찾기 */
#popWrap .reidPop {width:100%; font-size:2rem; color:#999; line-height:1.2; letter-spacing:1px;font-weight:600; padding:54px 0 75px 0; text-align:center; overflow:hidden;}
#popWrap .reidPop span {display:block; font-size:2rem; color:#595458; line-height:1.2; letter-spacing:1px;font-weight:600; padding:5px 0 0 0;}

/* 본인인증 */
#popWrap .certification {width:100%; overflow:hidden;}
#popWrap .certification .cTit {font-size:1.41666rem; color:#999; line-height:1.2; font-weight:600; letter-spacing:1px;padding:0 0 15px 0;}
#popWrap .certification .cCase {width:100%; overflow:hidden;}
#popWrap .certification .cCase ul {margin:0 -4% 0 0;}
#popWrap .certification .cCase ul:after {content:""; display:block; clear:both; *zoom:1;}
#popWrap .certification .cCase ul li {float:left; width:46%; height:240px; text-align:center; margin:0 4% 0 0; border:1px #999 solid; box-sizing:border-box;}
#popWrap .certification .cCase ul li .ico {}
#popWrap .certification .cCase ul li .ico:after {content:""; display:block; clear:both; *zoom:1;}
#popWrap .certification .cCase ul li .ttx {font-size:2rem; color:#595458; line-height:1.2; font-weight:600; letter-spacing:1px;padding:28px 0 0 0;}
#popWrap .certification .cCase ul li a {position:relative; display:block; width:100%; height:100%; padding:60px 0 0 0; box-sizing:border-box;}
#popWrap .certification .cCase ul li a:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:3px #1d1d1d solid; box-sizing:border-box; opacity:0; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
html.hoverOk #popWrap .certification .cCase ul li a:hover:after {opacity:1;}

/* 직무안내 */
#popWrap .jobGuidance {width:100%; padding:0 0 20px 0; overflow:hidden;}
#popWrap .jobGuidance .tit {font-size:1.41666rem; color:#595458; line-height:1.2; font-weight:600; letter-spacing:1px;padding:48px 0 14px 0;}
#popWrap .jobGuidance .tit.f {padding:20px 0 14px 0;}
#popWrap .jobGuidance .txt {font-size:1.25rem; color:#595458; line-height:1.6; letter-spacing:1px;word-break:keep-all;}
#popWrap .jobGuidance .txBx {width:100%; padding:32px 42px; border-top:1px #999 solid; border-bottom:1px #999 solid; overflow:hidden; box-sizing:border-box;}
#popWrap .jobGuidance .txBx ul:after {content:""; display:block; clear:both; *zoom:1;}
#popWrap .jobGuidance .txBx ul li {display:block; position:relative; padding:0 0 30px 130px; min-height:24px; word-break:keep-all;}
#popWrap .jobGuidance .txBx ul li:last-child {padding:0 0 0 130px;}
#popWrap .jobGuidance .txBx ul li .tt {position:absolute; left:0; top:0; font-size:1.25rem; color:#595458; line-height:1.6; letter-spacing:1px;font-weight:600;}
#popWrap .jobGuidance .txBx ul li .tt span {display:block; font-size:1.25rem; line-height:1.6;}
#popWrap .jobGuidance .txBx ul li .tx {font-size:1.25rem; color:#595458; line-height:1.6; letter-spacing:1px;}
#popWrap .jobGuidance .txBx ul li.dep {min-height:48px;}

/* 윤리규범, 개인정보취급방침 */
#popWrap .ethicsBx {width:100%; padding:0 0 20px 0; overflow:hidden;}
#popWrap .ethicsBx .tit {width:100%; font-size:1.41666rem; color:#595458; line-height:1.4; letter-spacing:1px;padding:10px 0 32px 0; border-bottom:1px #999 solid; overflow:hidden; word-break:keep-all;}
#popWrap .ethicsBx .tt {font-size:1.41666rem; color:#595458; line-height:1.4; letter-spacing:1px;padding:35px 0 0 0; word-break:keep-all;}
#popWrap .ethicsBx .tq {font-size:1.25rem; color:#595458; line-height:1.5; letter-spacing:1px;padding:22px 0 5px 0; word-break:keep-all;}
#popWrap .ethicsBx .tx {font-size:1.25rem; color:#595458; line-height:1.5; letter-spacing:1px;font-weight:300; word-break:keep-all;}
#popWrap .ethicsBx .tx2 {font-size:1.25rem; color:#595458; line-height:1.5; letter-spacing:1px;font-weight:300; padding:22px 0 0 0; word-break:keep-all;}
#popWrap .ethicsBx .base {width:100%; overflow:hidden;}
#popWrap .ethicsBx .base li {display:block; position:relative; font-size:1.25rem; color:#595458; line-height:1.5; letter-spacing:1px;font-weight:300; word-break:keep-all; padding:0 0 0 12px;}
#popWrap .ethicsBx .base li:after {content:'-'; position:absolute; left:0; top:0; font-size:1.25rem; color:#595458; line-height:1.5; letter-spacing:1px;font-weight:300;}
#popWrap .ethicsBx .base li.noBg:after {display:none;}











/************* common *************/
/* tabs */
.tabs {position:relative; padding:0 0 18px 0; border-bottom:1px #dcdcdc solid; z-index:10;}
.tabs li {display:inline-block; width:auto; font-size:0; line-height:0;}
.tabs a {position:relative; display:inline-block; padding:0; margin:0 78px 0 0; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.tabs .swiper-slide:last-child a {margin:0;}
.tabs a span {display:inline-block; font-size:1.58333rem; color:#cbcbcb; font-weight:600; line-height:45px; letter-spacing:1px;-webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.tabs a.on span {color:#1d1d1d;}
.tabs a.on:after {content:''; position:absolute; left:0; bottom:-19px; width:100%; height:1px; background:#1d1d1d;}
.tabs .swiper-container {overflow:visible;}
.tabs .swiper-slide {overflow:visible;}
html.hoverOk .tabs a:hover span {color:#1d1d1d;}

/* no data */
.noData {width:100%; font-size:1.75rem; color:#595458; line-height:1.2; letter-spacing:1px; padding:45px 0; text-align:center; overflow:hidden;}

/* youtube */
.view_video {position:relative; padding-bottom:56.25%; height:0;}
.view_video iframe,
.view_video object,
.view_video embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/* select */
select.normal {width:100%; height:60px; font-size:1.41666rem; color:#999; white-space:nowrap; line-height:60px; padding:0 55px 0 0; letter-spacing:1px;font-family:inherit; background:url('/content/images/bg/bg_select_style.png') right 26px top 50% no-repeat; filter:alpha(opacity=0); -webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box;}
select.normal::-ms-expand {display: none;  /* for IE 11 */ }
select.search {width:100%; height:62px; font-size:1.5rem; color:#999; white-space:nowrap; line-height:62px; padding:0 55px 0 30px; border:1px #cbcbcb solid; letter-spacing:1px;font-family:inherit; background:url('/content/images/bg/bg_select_style.png') right 26px top 50% no-repeat; filter:alpha(opacity=0); -webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box;}
select.search::-ms-expand {display: none;  /* for IE 11 */ }
select.brandType {width:100%; height:60px; font-size:1.7rem; color:#3d393d; white-space:nowrap; line-height:60px; padding:0 55px 0 30px; letter-spacing:1px;font-family:inherit; border:1px #dcdcdc solid; background:url('/content/images/bg/bg_brand_select_style.png') right 26px top 50% no-repeat; filter:alpha(opacity=0); -webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box;}
select.brandType::-ms-expand {display: none;  /* for IE 11 */ }
option {padding:0; margin:0;}

/* checkbox, radio */
label {font-size:1.25rem; color:#999; line-height:20px; letter-spacing:1px;}
.checkbox {position:relative; display:inline-block; padding:0 0 0 30px; margin:0;}
.checkbox label {line-height:22px;}
.checkbox input + label::before {position:absolute; left:0; top:0; content:''; width:22px; height:22px; background:url('/content/images/bg/bg_check.png') left top no-repeat;}
.checkbox input:checked + label::before {background:url('/content/images/bg/bg_check_on.png') left 1px no-repeat;}

.radio {position:relative; display:inline-block; padding:0 0 0 30px; margin:0;}
.radio input + label::before {position:absolute; left:0; top:0; content:''; width:20px; height:20px; background:url('/content/images/bg/bg_radio.png') left top no-repeat;}
.radio input:checked + label {color:#3d393d;}
.radio input:checked + label::before {background:url('/content/images/bg/bg_radio_on.png') left top no-repeat;}


/* input */
input[type='text'],input[type='password'] {width:100%; height:60px; font-size:1.41666rem; color:#1d1d1d; font-weight:600; letter-spacing:1px;line-height:60px; padding:0 0 0 20px; border:0; border-bottom:1px #dcdcdc solid; margin:0; box-sizing:border-box; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; outline: none !important;}
input[type='text']:focus,input[type='password']:focus {outline:0; border-color:#1d1d1d !important;}
input[type='text'].ok,input[type='password'].ok {border-color:#1d1d1d !important;}
input[type='text'].cancel,input[type='password'].cancel {border-color:#c90000 !important;}
input[type='checkbox'] {width:0; opacity:0; padding:0; margin:0; visibility:hidden;}
input[type='radio'] {width:0; opacity:0; padding:0; margin:0; visibility:hidden;}

/* table */
.sTable {width:100%; margin:20px 0 0 0; border-bottom:1px #4a4a4a solid; overflow:hidden;}
.sTable table {vertical-align:middle; text-align:center;}
.sTable table th {position:relative; background:#4a4a4a; border-right:1px #cbcbcb solid; padding:24px 0; text-align:center; vertical-align:middle;}
.sTable table th span {font-size:1.41666rem; color:#fff; line-height:1.1; letter-spacing:1px;font-weight:normal;}
.sTable table th:last-child {border:0;}
.sTable table td {position:relative; font-size:1.41666rem; color:#595458; line-height:1.2; letter-spacing:1px;background:#fff; border-right:1px #cbcbcb solid; border-bottom:1px #dcdcdc solid; padding:23px 10px; text-align:center; vertical-align:middle;}
.sTable table td.last {border-right:0;}
.sTable table td p {font-size:1.41666rem; color:#595458; line-height:1.2; letter-spacing:1px;padding:10px 0;}
.sTable tr.noLine td {border-bottom:0;}
.sTable tr.noLine td.line {border-bottom:1px #dcdcdc solid;}
.sTable tr:last-child td {border-bottom:0;}
.sTable .w1 {width:24%;}
.sTable .w2 {width:36%;}
.sTable .w3 {width:40%;}




/* -placeholder */
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#cbcbcb;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#cbcbcb; opacity:1;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#cbcbcb; opacity:1;}
input::-ms-input-placeholder { /* Internet Explorer 10-11 */color:#cbcbcb;}
textarea {outline:none !important;}
textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#cbcbcb;}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#cbcbcb; opacity:1;}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color:#cbcbcb; opacity:1;}
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#cbcbcb;}
textarea::-ms-input-placeholder { /* Internet Explorer Edge  */color:#cbcbcb;}
textarea:focus {outline:0;}
input[readonly]{background-color:#eee;}
input[disabled]{background-color:#eee;}
::-webkit-file-upload-button {cursor:pointer;}

/* btn area */
.btArea {width:100%; text-align:center; margin:60px 0 0 0;}
.btArea:after {content:""; display:block; clear:both;}
.btArea ul:after {content:""; display:block; clear:both;}
.btArea ul li {display:inline-block; margin:0 6px;}

.gBtn {display:inline-block; width:100%; height:100px; background:#1d1d1d; text-align:center; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.gBtn span {font-size:2rem; color:#fff; font-weight:600; line-height:100px; letter-spacing:1px;}
html.hoverOk .gBtn:hover {background:#ca8863;}

.cBtn {display:inline-block; width:100%; height:60px; background:#595458; text-align:center; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.cBtn span {font-size:2rem; color:#fff; font-weight:600; line-height:60px; letter-spacing:1px;}
html.hoverOk .cBtn:hover {background:#ca8863;}

.jBtn {display:inline-block; width:100%; height:100px; background:#fff; border:1px #999 solid; text-align:center; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; box-sizing:border-box;}
.jBtn span {display:inline-block; font-size:2rem; color:#595458; font-weight:600; line-height:1.1; letter-spacing:1px;padding:34px 0 0 0; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.jBtn span u {font-size:2rem; color:#595458; text-decoration:none; padding:0 0 0 5px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
html.hoverOk .jBtn:hover {background:#ca8863; border-color:#ca8863;}
html.hoverOk .jBtn:hover span {color:#fff;}
html.hoverOk .jBtn:hover span u {color:#fff;}


.viewBtnArea {position:relative; width:100%; text-align:center; margin:80px 0 0 0;}
.viewBtnArea:after {content:""; display:block; clear:both;}
.viewBtnArea a {display:inline-block; width:28.5714%; height:100px; background:#1d1d1d; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.viewBtnArea a span {display:inline-block; font-size:2rem; color:#fff; line-height:100px; letter-spacing:1px;font-weight:600; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.viewBtnArea a.prev {position:absolute; left:0; top:0; background:#cbcbcb;}
.viewBtnArea a.prev span {padding:0 0 0 42.5%; background:url('/content/images/bg/bg_viewbtn_prev.png') left top 50% no-repeat;}
.viewBtnArea a.next {position:absolute; right:0; top:0; background:#cbcbcb;}
.viewBtnArea a.next span {padding:0 42.5% 0 0; background:url('/content/images/bg/bg_viewbtn_next.png') right top 50% no-repeat;}
.viewBtnArea a.aloneList {width:440px;}
html.hoverOk .viewBtnArea a:hover {background:#ca8863;}
html.hoverOk .viewBtnArea a.prev:hover span {padding:0 0 0 38%;}
html.hoverOk .viewBtnArea a.next:hover span {padding:0 38% 0 0;}




 /* file */
.fileBox {position:relative; padding:0 72px 0 0;}
.fileBox:after {content:""; display:block; clear:both; *zoom:1;}
.fileBox input[type='text'] {cursor:pointer;}
.fileBox input[type='text'].essential {background:url('/content/images/bg/bg_inform_noti.png') 16px 50% no-repeat; padding:0 0 0 32px;}
.fileBox .btn {position:absolute; right:0; top:0; z-index:10;font-size:0;}
.fileBox .hideCon {position:absolute; top:0; left:0; width:100%; height:50px; box-sizing:border-box; overflow:hidden; z-index:20;}
.fileBox .hideCon:after {content:""; display:block; clear:both;}
.fileBox .fileHidden {position:relative; left:0px; top:0px; width:100%; height:50px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer; background:#f3f5f6;}



/* paging */
.pagingArea {width:100%; overflow:hidden; padding:60px 0 0 0;}
.pagingArea .paging {width:100%; overflow:hidden; font-size:0; text-align:center;}
.pagingArea .paging a {font-family: 'Geomanist Bold', sans-serif; margin:0 5px; display:inline-block; width:41px; height:41px; text-align:center; font-size:18px; color:#cbcbcb; line-height:43px;}
.pagingArea .paging a.on {color:#1d1d1d;}
.pagingArea .paging a.n {margin:0 6px;}
.pagingArea .paging a.n img {vertical-align:top;}
.pagingArea .paging a.n.prev {margin-right:30px;}
.pagingArea .paging a.n.next {margin-left:30px;}


















/***************** media web **************/
@media all and (max-width:1400px){

/* notice list */
.noticeList ul li a .subject span.category {display:block; padding:0 0 5px 0;}

/* event list */
.eventList ul li a .txtArea .subject span.category {display:block;}

/* ground advertising list */
.adList ul li a .txtArea .subject span.category {display:block;}

/* colour list */
.colourSWrap {padding:0 50px;}

}




/***************** media web **************/
@media all and (max-width:1340px){

#subDepth {right:20px; top:20px;}
#subDepth ul {display:none;}
#subDepth select {display:block; width:100%; height:50px; font-size:1.44rem; color:#3d393d; white-space:nowrap; line-height:50px; padding:0 55px 0 30px; letter-spacing:1px; font-family:inherit; border:1px #dcdcdc solid; background:url('/content/images/bg/bg_brand_select_style.png') right 26px top 50% no-repeat; background-size:14px 9px; filter:alpha(opacity=0); -webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box;}
#subDepth select::-ms-expand {display: none;  /* for IE 11 */ }

/* map location */
.mapInfo .address .mAddr {padding:0;}

/* brand contents */
.brandPWrap {overflow:visible;}
.brandPSlide {width:400px;}
.brandPSlide .slick-center img {width:500px;}
.brandPWrap .brPrevBtn {top:242px;}
.brandPWrap .brNextBtn {top:242px;}
.brandPSlide .slick-slide:not(.slick-center) img {padding:126px 0 0 0;}

/* history */
.hisBxDiv {width:auto; margin:0;}
.hisYear ul li:nth-child(1) a {margin:0 0 0 20%;}
.hisYear ul li:nth-child(3) a {margin:0 20% 0 0;}
.hisBxDiv .info {padding:0 0 0 42px;}
.hisBxDiv > ul > li.reverse .info {padding:0 42px 0 0;}

}


/***************** media web **************/
@media all and (max-width:1240px){

/* talent */
.talentDiv {width:auto; margin:40px 20px 0;}

/* management system */
.managementDiv {width:auto; margin:40px 20px 0;}
.managementDiv .mSystem .img {width:48%;}
.managementDiv .mSystem .img img {width:100%;}
.managementDiv .mSystem .txt {width:48%; padding:240px 0 0 0;}
.managementDiv .mSystemInfo .msInfo {margin:0 300px 0 0;}
.managementDiv .promotionInfo .psInfo > ul > li {width:210px; margin:0 0 0 20px;}
.managementDiv .promotionInfo .psTit {width:48%;}


/* benefits */
.benefitsDiv .eduInfo .eBx {width:auto; margin:0 20px;}
.benefitsDiv .eduInfo .eBx ul li {padding:60px 0 60px 260px;}
.benefitsDiv .welfare {width:auto; margin:0 20px;}

/* recruit information */
.recruitDiv .rInfo {width:auto; margin:40px 20px 120px;}
.recruitDiv .rProcedure .process {width:auto; margin:0 20px;}
.recruitDiv .rProcedure .process ul li {width:24%;}
.recruitDiv .rProcedure .process ul li.arrow {width:14%;}

/* purchase guide */
.purchaseGuide {width:auto; margin:0;}

/* ccm div */
.ccmDiv {width:auto; margin:0;}
.ccmDiv .charterBx .txtArea {margin:0 0 0 400px;}
.ccmDiv .charterBx .txtArea ul li .tx span {display:inline;}

/* ideology */
.ideologyDiv .ideCont {width:auto; margin:0 20px;}
.properManage {width:auto; margin:0 20px;}
.properManage .pmPrevBtn {left:10px;}
.properManage .pmNextBtn {right:10px;}
.coEthics .ceBx a {position:relative; right:auto; left:0; bottom:auto; top:0; margin:40px 0 70px 76px;}
.coEthics .ceBx .tx {padding:0 0 0 76px;}

/* technology */
.technology .t01 .txt .tx span {displaY:inline;}
.technology .t02 .step ul li .tx span {displaY:inline;}

/* culture */
.culture .c02 ul li .txt .tx span {display:inline;}
.culture .c02 ul li.reverse .txt {margin:0 480px 0 15%;}
.culture .c03 .fl {padding:0 20px 0 0;}
.culture .c03 .fr {padding:0 0 0 20px;}


}



/***************** media web **************/
@media all and (max-width:1200px){


/* intro */
.introDiv .bxInfo {width:auto; margin:0 20px;}

/* brand tabs */
.brandPTabs ul li {width:25%;}
.brandPTabs ul li a span {font-size:1.333rem; line-height:70px;}

/* office */
.officeWrap .officeList ul li .area {left:12%;}
.officeWrap .officeList ul li .map {margin:0 360px 0 288px;}

}








/***************** media web **************/
@media all and (max-width:1080px){

/* colour list */
.colourList .imgList ul li {float:left; width:100%; margin:0 2%; padding:0;}
.colourList .imgList .slick-dots li {margin:0; padding:0;float:none;}

/* management system */
.managementDiv .mSystem {min-height:auto;}
.managementDiv .mSystem .abTit {font-size:7rem;}
.managementDiv .mSystem .img {width:52%;}
.managementDiv .mSystem .txt {width:45%; padding:180px 0 0 0;}
.managementDiv .promotionInfo .psTit {width:40%;}

/* benefits */
.benefitsDiv .welfare .wList ul li {width:25%;}

/* ccm div */
.ccmDiv .ccmAward {min-height:334px;}
.ccmDiv .ccmAward .imgArea img {width:500px;}
.ccmDiv .ccmAward .txtArea {margin:0 540px 0 0;}


}



/***************** media web **************/
@media all and (max-width:1040px){

/* popup */
#popWrap #guTLarge {max-width:auto; margin:0 20px;}

/* intro */
.commpanyAddInfo ul li .txt span {display:inline;}

/* technology */
.technology .t01 .img {width:46%;}
.technology .t01 .txt {margin:0 0 0 50%;}
.technology .t03 .category .bx {width:260px;}
.technology .t03 .category .bx .divi .circle {width:120px; height:120px;}
.technology .t03 .category .bx .divi .circle p {line-height:120px;}
.technology .t03 .category .bx .divi .circle p span {font-size:2.8rem; line-height:120px;}


}



/***************** media web **************/
@media all and (max-width:1000px){

/* location */
#locationWrap .brandName {right:20px;}
#location ul {padding:35px 0 0 22px;}


/* ideology */
.coreValue .layerInnerBox {overflow-x:auto;}
.coreValue .cvCont {width:1000px;}
.ideVision ul li {width:200px; height:200px;}
.ideVision ul li p {font-size:2.2rem; padding:65px 0 0 0;}
.ideVision ul li p strong {font-size:2.2rem;}
.ideVision ul li:nth-child(2) {margin:0 0 0 -100px;}
.ideVision ul li:nth-child(2) p {padding:54px 0 0 0;}
.ideAvoidance .tit span {display:block;}
.ideAvoidance ul li {width:50%; margin:0 0 40px 0;}
.properWrap .tit span {display:block;}


/* history */
.hisYear ul li a {font-size:2.1rem;}
.hisYear ul li a.on {font-size:2.8rem;}
.hisYear ul li:nth-child(1) a {margin:0 0 0 14%;}
.hisYear ul li:nth-child(3) a {margin:0 14% 0 0;}


/* recruit list */
.recruitList ul li a {padding:48px 20px;}
.recruitList ul li a .categoryArea {position:relative; left:0; top:0; width:100%; margin:0; text-align:left;}
.recruitList ul li a .subject {margin:15px 0;}
.recruitList ul li a .subject span {margin:0;}
.recruitList ul li a .date {position:relative; left:0; right:auto; top:0; width:100%; margin:0; text-align:left;}
.recruitList ul li a .period {position:relative; left:0; right:auto; top:0; width:100%; margin:0; text-align:left;}

/* recruit view */
.recruitView .recruitHead {padding:48px 20px;}
.recruitView .recruitHead .categoryArea {position:relative; left:0; top:0; width:100%; margin:0; text-align:left;}
.recruitView .recruitHead .subject {margin:15px 0;}
.recruitView .recruitHead .subject span {margin:0;}
.recruitView .recruitHead .date {position:relative; left:0; right:auto; top:0; width:100%; margin:0; text-align:left;}
.recruitView .recruitHead .period {position:relative; left:0; right:auto; top:0; width:100%; margin:0; text-align:left;}
.recruitView .recruitBody .ibBox {padding:60px 20px;}
.recruitView .recruitBody .ibBox .reBox {padding:0 0 0 180px;}
.recruitView .recruitBom {padding:35px 20px;}

/* recruit information */
.recruitDiv .rInfo ul li {padding:0;}
.recruitDiv .rInfo ul li .tit {position:relative; left:0; top:0; padding:0 0 20px 0;}
.recruitDiv .rInfo ul li .tit span {display:inline;}
.recruitDiv .rJobInfo .job > ul > li {padding:0 0 60px 0;}
.recruitDiv .rJobInfo .job > ul > li .category {position:relative; left:0; top:0; padding:0 0 20px 0;}

/* benefits*/
.benefitsDiv .eduInfo .eBx ul li {padding:60px 0;}
.benefitsDiv .eduInfo .eBx ul li .tit {position:relative; top:0; margin:0 0 20px 0;}
.benefitsDiv .eduInfo .eBx ul li .tt.alone {padding:0;}


/* notice list */
.noticeList ul li a {padding:48px 20px 48px 120px;}

/* notice view */
.viewType .viewHead {padding:42px 120px;}
.viewType .viewBody {padding:50px 120px;}

/* guide */
.guideWrap {padding:0 120px 50px;}
.guideDay {padding:45px 120px 0;}

/* ground advertising list */
.adList ul li:nth-child(odd) {padding:0 0 0 2%;}
.adList ul li:nth-child(even) {padding:0 2% 0 0;}

/* office */
.officeWrap .headSearch {width:600px;}
.officeWrap .officeList ul li .officeHead {width:100%; padding:0 30px 15px; overflow:hidden; box-sizing:border-box;}
.officeWrap .officeList ul li .officeBom {width:100%; padding:15px 30px 0; overflow:hidden; box-sizing:border-box;}
.officeWrap .officeList ul li .name {position:relative; left:0; top:0; margin:0; display:inline-block; padding:0 40px 0 0;}
.officeWrap .officeList ul li .name:after {content:'/'; position:absolute; right:12px; top:0; font-size:1.75rem; color:#595458; line-height:1.1; letter-spacing:1px;}
.officeWrap .officeList ul li .area {position:relative; left:0; top:0; margin:0; display:inline-block; width:auto;}
.officeWrap .officeList ul li .area2 {position:relative; left:0; top:0; margin:0; display:inline-block; width:auto;}
.officeWrap .officeList ul li .map {margin:0 30px;}
.officeWrap .officeList ul li .tel {position:relative; right:auto; left:0; top:0; margin:0; display:inline-block; padding:0 40px 0 0;}
.officeWrap .officeList ul li .tel:after {content:'/'; position:absolute; right:12px; top:0; font-size:1.75rem; color:#595458; line-height:1.1; letter-spacing:1px;}
.officeWrap .officeList ul li .tel2 {position:relative; right:auto; left:0; top:0; margin:0; display:inline-block;}
.officeWrap .officeList ul li .category {position:relative; right:auto; left:0; top:0; width:auto; margin:0; display:inline-block;}


/* purchase guide */
.purchaseGuide .puBx {padding:0;}
.purchaseGuide .puBx .ptit {position:relative; left:0; top:0; padding:0 0 20px 0;}
.purchaseGuide .puBx .ptxt ul li {width:31.33%;}

/* ccm div */
.ccmDiv .ccmLSP .txtArea .tx {width:auto; margin:0 40px;}

/* culture */
.culture .c02 ul li.reverse .txt {margin:0 480px 0 20px;}


/* btn area */
.viewBtnArea a {width:32%;}
.viewBtnArea a span {font-size:1.6rem;}
.viewBtnArea a.prev span {padding:0 0 0 35%;}
.viewBtnArea a.next span {padding:0 35% 0 0;}
html.hoverOk .viewBtnArea a.prev:hover span {padding:0 0 0 30%;}
html.hoverOk .viewBtnArea a.next:hover span {padding:0 30% 0 0;}


}



/***************** media mobile **************/
@media all and (max-width:960px){

/* brand contents */
.brandPWrap .brPrevBtn {left:10%;}
.brandPWrap .brNextBtn {right:10%;}

/* talent */
.talentDiv ul li {min-height:325px;}
.talentDiv ul li .img img {width:280px;}
.talentDiv ul li .txt {width:auto; margin:0 0 0 300px;}
.talentDiv ul li .txt .tt {width:auto; padding:30px 0 0 0;}
.talentDiv ul li.reverse .txt {margin:0 300px 0 0;}

/* intro */
.introDiv .bxInfo ul {margin:0 0 0 -4%;}
.introDiv .bxInfo ul li {width:29.333%; margin:0 0 60px 4%;}
.introDiv .bxInfo ul li .num {font-size:3.2rem;}

.commpanyInfo ul li {min-height:374px;}
.commpanyInfo ul li .img img {width:340px;}
.commpanyInfo ul li .txt {width:auto; margin:0 0 0 370px;}
.commpanyInfo ul li .txt .adr {padding:30px 0 0 0;}
.commpanyInfo ul li .txt .ti {padding:20px 0 10px 0;}
.commpanyInfo ul li .txt .tx span {display:inline;}
.commpanyInfo ul li .txt .tx2 {padding:24px 0 0 0;}
.commpanyInfo ul li .txt .tt2 {padding:20px 0 0 0;}
.commpanyInfo ul li.reverse .txt {margin:0 370px 0 0;}

.commpanyAddInfo ul {margin:0 0 0 -3%;}
.commpanyAddInfo ul li {width:30.333%; margin:0 0 0 3%;}

/* culture */
.culture .c01 .tit span {display:block;}
.culture .c04 .tit span {display:block;}
.culture .c04 .list .listBx {width:auto; margin:0 40px 35px;}
.culture .c04 .list .listBx:last-child {margin:0 40px;}
.culture .c04 .list .listBx .t ul li span {display:inline;}



}



/***************** media mobile **************/
@media all and (max-width:900px){

/* map location */
.mapInfo .traffic .infoBx .iTit {position:relative; top:0; margin:0 0 40px 0;}
.mapInfo .traffic .infoBx .iTit span {display:inline;}
.mapInfo .traffic .infoBx .iTit span u {display:inline; margin:0;}
.mapInfo .traffic .infoBx .iTit span i {display:inline; padding:0;}
.mapInfo .traffic .infoBx .iMethod {margin:0;}


/* inquiry form */
.ingredientsInfo .inbx {width:auto; margin:0 40px;}
.ingredientsInfo .inbx .phone {position:relative; left:0; top:0;}
.ingredientsInfo .inbx .phone p {display:inline; padding:0 40px 0 0;}
.ingredientsInfo .inbx .phone span {}
.ingredientsInfo .inbx .phone * {vertical-align:middle;}
.ingredientsInfo .inbx .phone:after {display:none;}
.ingredientsInfo .inbx .info {margin:20px 0 0 0;}
.ingredientsInfo .inbx .info ul {padding:0;}

/* ccm div */
.ccmDiv .charterBx .imgArea {position:relative; top:0; margin:0 0 40px 0; text-align:center;}
.ccmDiv .charterBx .txtArea {margin:0;}
.ccmDiv .ccmAward .imgArea {position:relative; right:auto; left:0; top:0; margin:0 0 40px 0; text-align:center;}
.ccmDiv .ccmAward .txtArea {margin:0;}
.ccmDiv .ccmInfo .imgArea {position:relative; left:0; top:0; margin:0 0 40px 0; text-align:center;}
.ccmDiv .ccmInfo .txtArea {margin:0;}

/* technology */
.technology .t01 .img {position:relative; width:100%;}
.technology .t01 .txt {width:100%; margin:0;}
.technology .t03 .category .bx:nth-child(1) {position:relative; float:left;}
.technology .t03 .category .bx:nth-child(2) {float:right; margin:0;}
.technology .t03 .category .bx:nth-child(3) {position:relative; right:auto; left:0; padding:60px 0 0 0; clear:both;}

/* culture */
.culture .c02 ul li .img {position:relative; left:0; top:0;}
.culture .c02 ul li .img img {width:100%;}
.culture .c02 ul li .txt {margin:0;}
.culture .c02 ul li.reverse .img {position:relative; right:auto; left:0;}
.culture .c02 ul li.reverse .txt {margin:0;}
.culture .c03 .fl {float:none; width:100%; padding:0;}
.culture .c03 .fr {float:none; width:100%; padding:50px 0 0 0;}



}




/***************** media mobile **************/
@media all and (max-width:840px){

/* recruit information */
.recruitDiv .rProcedure .process ul li {width:30%;}
.recruitDiv .rProcedure .process ul li.arrow {width:20%;}
.recruitDiv .rInfo ul li .wGuide {position:relative; overflow-x:auto;}
.recruitDiv .rInfo ul li .wTable {width:840px;}


/* management system */
.managementDiv .mSystem .abTit {position:relative; left:0; top:0; font-size:6.4rem; margin:0 0 40px 0;}
.managementDiv .mSystem .img {position:relative; right:auto; left:0; top:0; width:100%;}
.managementDiv .mSystem .txt {width:100%; padding:40px 0 0 0;}
.managementDiv .mSystemInfo .msTit {position:relative; right:auto; left:0; top:0; width:100%; margin:0 0 40px 0;}
.managementDiv .mSystemInfo .msInfo {margin:0;}
.managementDiv .mSystemInfo .msInfo ul {margin:0 0 0 -5%;}
.managementDiv .mSystemInfo .msInfo ul li {width:45%; margin:0 0 0 5%; padding:0;}
.managementDiv .promotionInfo .psTit {position:relative; left:0; top:0; width:100%; margin:0 0 40px 0;}
.managementDiv .promotionInfo .psInfo {float:none; width:100%;}
.managementDiv .promotionInfo .psInfo > ul {margin:0 0 0 -5%;}
.managementDiv .promotionInfo .psInfo > ul > li {float:left; width:45%; margin:0 0 0 5%;}

/* benefits */
.benefitsDiv .welfare .wList ul li {width:33.33%;}

/* brand contents */
.brandPWrap .brPrevBtn {left:5%;}
.brandPWrap .brNextBtn {right:5%;}
.productInfoBox {width:100%;}
.productInfoBox .infoArea .prTxt .prBox {padding:0 0 30px 0;}
.productInfoBox .infoArea .prTxt .prBox .tit {position:relative; left:0; top:0; margin:0 0 15px 0;}

/* event list */
.eventList ul {margin:0 -3% 0 0;}
.eventList ul li {width:47%; padding:0 3% 0 0;}

/* stock info */
.stockInfo .wGuide {position:relative; overflow-x:auto;}
.stockInfo .wTable {width:840px;}



/* tabs */
.tabs a {margin:0 40px 0 0;}

}


/***************** media mobile **************/
@media all and (max-width:760px){

/* intro */
.commpanyInfo ul li {min-height:330px;}
.commpanyInfo ul li .img img {width:300px;}
.commpanyInfo ul li .txt {margin:0 0 0 320px;}
.commpanyInfo ul li .txt .tt {font-size:3rem;}
.commpanyInfo ul li.reverse .txt {margin:0 320px 0 0;}


}



/***************** media mobile **************/
@media all and (max-width:720px){

/* inform */
.informWrap {width:auto;}

/* member */
.mformWrap {width:auto;}

}





/***************** media mobile **************/
@media all and (max-width:640px){


/* sub banner */
#subbaner {height:320px;}
#subbaner .sbImg {margin:0 0 0 -459px;}
#subbaner .sbImg img {width:918px;}
#subbaner .sbTxt {top:145px; font-size:1rem; line-height:1.3; letter-spacing:0;}
#subbaner .sbTxt span {font-size:2rem; letter-spacing:1px;padding:0 0 12px 0;}


/* location */
#locationWrap {height:auto;}
#locationWrap .brandName {left:auto; right:0; font-size:1.2rem; margin:-8px 0 0 0;}
#location {padding:20px 0;}
#location ul {float:left; padding:0;}
#location ul li {padding:0 15px 0 0; margin:0 10px 0 0; background-position:right 3px;}
#location ul li.home {padding:0 12px 0 0;}
#location ul li span {font-size:1.1rem;}
#location ul li img {width:11px; margin-top:0;}
#subDepth {position:relative; right:auto; left:0; top:0; margin:0 0 20px 0;}
#subDepth select {height:36px; font-size:1.2rem; line-height:34px; padding:0 25px 0 10px; background-size:10px 6px; background-position:right 12px top 50%;}

/* content */
#content {padding:0 0 80px 0;}
#content > div {padding-top:50px;}
#content h2 {font-size:2rem; letter-spacing:1px;padding:70px 0 30px 0;}
#content h2 span {font-size:2rem;}
#content .h2Add {font-size:1rem; letter-spacing:-0.4px; margin:-20px 0 0 0;}
#content .h3Add {font-size:1rem; letter-spacing:-0.4px; margin:-20px 0 30px 0;}


/* intro */
.introDiv {height:674px; margin:-10px 0 0 0;}
.introDiv .bgImg {margin:0 0 0 -789px;}
.introDiv .bgImg img {width:1578px;}
.introDiv .bxInfo {padding:50px 0 0 0; text-align:center;}
.introDiv .bxInfo ul {margin:0 0 0 -5%;}
.introDiv .bxInfo ul li {width:45%; margin:0 0 26px 5%;}
.introDiv .bxInfo ul li .ico {padding:32px 0 16px 0;}
.introDiv .bxInfo ul li .tx {font-size:1.2rem;}
.introDiv .bxInfo ul li .num {font-size:2.2rem; padding:5px 0 30px 0;}
.introDiv .bxInfo ul li .add {right:12px; bottom:10px; font-size:0.8rem;}
.introDiv .bxInfo .unit {bottom:0; font-size:0.8rem;}

.commpanyInfo {margin:80px 0;}
.commpanyInfo ul li {min-height:auto; padding:0 0 50px 0;}
.commpanyInfo ul li .img {position:relative;}
.commpanyInfo ul li .img img {width:100%;}
.commpanyInfo ul li .txt {width:100%; margin:0;}
.commpanyInfo ul li .txt .ti {font-size:1.1rem; padding:20px 0 8px 0;}
.commpanyInfo ul li .txt .ti span {font-size:1.2rem;}
.commpanyInfo ul li .txt .tt {font-size:1.8rem; letter-spacing:1px;}
.commpanyInfo ul li .txt .tt2 {font-size:1.8rem; letter-spacing:1px;padding:25px 0 0 0;}

.commpanyInfo ul li .txt .tx {font-size:1.1rem; line-height:1.4; padding:10px 0 0 0;}
.commpanyInfo ul li .txt .tx span {font-size:1.1rem; line-height:1.4;}
.commpanyInfo ul li .txt .tx u {font-size:1.1rem;}
.commpanyInfo ul li .txt .tx2 {font-size:1.1rem; padding:25px 0 0 0;}
.commpanyInfo ul li .txt .tx2 span {font-size:1.1rem; padding:0 0 15px 0;}
.commpanyInfo ul li .txt .tx2 span strong {font-size:1.2rem}

.commpanyInfo ul li .txt .adr {font-size:1.1rem; line-height:1.4; padding:20px 0 0 0;}
.commpanyInfo ul li .txt .adr span {font-size:1.2rem; padding:0 0 0 6px;}
.commpanyInfo ul li .txt .adr u {width:10px; font-size:1.1rem;}
.commpanyInfo ul li.reverse .img {position:relative; right:auto; left:0; top:0;}
.commpanyInfo ul li.reverse .txt {float:none; margin:0;}

.commpanyAddInfo ul {margin:0;}
.commpanyAddInfo ul li {float:none; width:100%; margin:0 0 30px 0;}
.commpanyAddInfo ul li:last-child {margin:0;}
.commpanyAddInfo ul li .tit {font-size:1.4rem; letter-spacing:1px;padding:0 0 12px 0;}
.commpanyAddInfo ul li .txt span {font-size:1.1rem; line-height:1.4;}


/* ideology */
.ideologyDiv {background:#f4f4f4;}
.ideologyDiv:after {display:none;}
.ideologyDiv .ideCont ul {margin:0;}
.ideologyDiv .ideCont ul li {float:none; width:100%; margin:0 0 30px 0;}
.ideologyDiv .ideCont ul li .ibx {width:100%; overflow:hidden;}
.ideologyDiv .ideCont ul li:nth-child(2) .ibx {margin:0;}
.ideologyDiv .ideCont ul li .tit {font-size:1.4rem; letter-spacing:1px;padding:0 0 20px 0;}

.coreValue .h2Tit {font-size:2rem; letter-spacing:1px;padding:50px 0 35px 0;}
.coreValue .cvCont {width:680px;}
.coreValue .cvCont ul li {border-right:2px #fff solid;}
.coreValue .cvCont ul li .ebx {bottom:30px;}
.coreValue .cvCont ul li .ebx .ett {font-size:1.5rem; padding:12px 0 6px 0;}
.coreValue .cvCont ul li .ebx .etx {font-size:1.1rem; line-height:1.4;}

.ideVision {height:668px; margin:60px 0 0 0;}
.ideVision .tit {font-size:2rem; letter-spacing:1px;padding:50px 0 30px 0;}
.ideVision ul {width:160px; margin:0 auto;}
.ideVision ul li {display:block; width:160px; height:160px; border:2px #fff solid; margin:0 0 20px;}
.ideVision ul li:nth-child(1) {float:none}
.ideVision ul li:nth-child(2) {position:relative; left:0; top:0; margin:0 0 20px;}
.ideVision ul li:nth-child(3) {float:none; margin:0;}
.ideVision ul li p {font-size:1.3rem; padding:58px 0 0 0;}
.ideVision ul li p strong {font-size:1.3rem;}

.ideAvoidance .tit {font-size:2rem; letter-spacing:1px;padding:50px 0 35px 0;}
.ideAvoidance .tit span {font-size:2rem;}
.ideAvoidance ul {margin:0;}
.ideAvoidance ul li .avBx {width:140px; height:140px;}
.ideAvoidance ul li .avBx .ico {padding:30px 0 12px 0;}
.ideAvoidance ul li .avBx .ico img {width:50px;}
.ideAvoidance ul li .avBx p {font-size:1rem;}
.ideAvoidance ul li .avBx p span {font-size:1rem;}

.properWrap .tit {font-size:2rem; letter-spacing:1px;padding:60px 0 40px;}
.properWrap .tit span {font-size:2rem;}
.properManage .layerInnerBox {overflow:visible;}
.properManage .pmPrevBtn {left:0; top:110px; width:36px; height:36px; background-size:36px;}
.properManage .pmNextBtn {right:0; top:110px; width:36px; height:36px; background-size:36px;}

.properMSlide .txt {padding:18px 0 0 0;}
.properMSlide .txt span {font-size:1.3rem; letter-spacing:1px;}

.properMSlide {width:200px; margin:0 auto;}
.properMSlide .slick-center img {width:100%;}
.properMSlide .slick-dots li {margin:0 3px;}

.coEthics {margin:60px 0 0 0;}
.coEthics .ceBx .tt {font-size:2rem; letter-spacing:1px;padding:36px 12px 12px 12px;}
.coEthics .ceBx .tx {padding:0 12px;}
.coEthics .ceBx .tx span {display:inline; font-size:1.1rem;}
.coEthics .ceBx a {width:100px; margin:20px 0 30px 12px;}
.coEthics .ceBx a span {font-size:1.1rem; line-height:30px;}

/* history */
.hisTabs ul li {margin:0 30px 0 0;}
.hisTabs ul li a {font-size:1.2rem; padding:5px 0 16px 0;}

.hisYear {padding:30px 0;}
.hisYear ul li {width:33.333%;}
.hisYear ul li a {font-size:1.3rem; letter-spacing:0;}
.hisYear ul li a.on {font-size:1.7rem; margin:-4px 0 0 0;}
.hisYear ul li:nth-child(1) a {margin:0;}
.hisYear ul li:nth-child(3) a {margin:0;}

.hisBxDiv:after {left:5px; top:7px;}
.hisBxDiv > ul > li {min-height:auto; padding:30px 0 50px 0;}
.hisBxDiv > ul > li > div {position:static; float:none; width:100%; padding:0 0 0 20px;}
.hisBxDiv > ul > li:last-child {padding:30px 0 0 0;}
.hisBxDiv .img {position:relative; padding:0 0 0 20px; text-align:left;}
.hisBxDiv .info {margin:12px 0 0 0; padding:0 0 0 20px;}
.hisBxDiv .info .y {position:absolute; left:20px; top:0; font-size:1.6rem; padding:0 0 12px 0; margin:0;}
.hisBxDiv .info .y:after {left:-19px; top:6px; width:9px; height:9px;}
.hisBxDiv .info .i ul li {font-size:1.1rem; line-height:1.3; padding:0 0 8px 0;}
.hisBxDiv .info .i ul li strong {font-size:1.1rem; line-height:1.3;}
.hisBxDiv > ul > li.reverse .img {position:relative; left:0; top:0; padding:0 0 0 20px;}
.hisBxDiv > ul > li.reverse .info {text-align:left; padding:0 0 0 20px; margin:12px 0 0 0;}
.hisBxDiv > ul > li.reverse .info .y:after {left:-19px; right:auto;}
.hisBxDiv > ul > li.min {min-height:auto;}
.hisBxDiv > ul > li.min .info {margin:0;}

/* technology */
.technology .t01 {min-height:auto; margin:20px 0 0 0;}
.technology .t01 .txt .tt {font-size:2rem; padding:20px 0 14px 0;}
.technology .t01 .txt .tx {font-size:1.1rem; line-height:1.4; padding:0 0 14px 0;}
.technology .t01 .txt .tx span {font-size:1.1rem; line-height:1.4;}

.technology .t02 {padding:0 0 10px 0; margin:50px 0 0 0;}
.technology .t02 .tit {font-size:2rem; padding:50px 0 40px 0;}
.technology .t02 .step ul li {float:none; width:100%; margin:0 0 40px 0;}
.technology .t02 .step ul li.arrow {display:none;}
.technology .t02 .step ul li .num {font-size:1.5rem; padding:0 0 10px 0;}
.technology .t02 .step ul li .tt {font-size:1.5rem; padding:20px 0 5px 0;}
.technology .t02 .step ul li .tx span {font-size:1.1rem; line-height:1.4;}
.technology .t02 .step ul li.s3 {margin:0 0 40px 0;}

.technology .t03 .tit {font-size:2rem; padding:50px 0 40px 0;}
.technology .t03 .category .bx {width:220px; margin:0 auto 40px;}
.technology .t03 .category .bx:nth-child(1) {float:none;}
.technology .t03 .category .bx:nth-child(2) {float:none; margin:0 auto;}
.technology .t03 .category .bx:nth-child(3) {float:none; margin:0 auto;}
.technology .t03 .category .bx .tt {font-size:1.5rem; padding:0 0 16px 0;}
.technology .t03 .category .bx .divi .circle {width:100px; height:100px;}
.technology .t03 .category .bx .divi .circle p {font-size:1.1rem; line-height:100px;}
.technology .t03 .category .bx .divi .circle p span {font-size:2rem; line-height:100px; padding:0 5px 0 0;}
.technology .t03 .category .bx .tx {font-size:1.1rem; padding:10px 0 0 0;}

.technology .t04 {margin:50px 0 0 0; padding:0 0 50px 0;}
.technology .t04 .tit {font-size:2rem; padding:50px 0 30px 0;}

/* culture */
.culture {padding:20px 0 0 0;}
.culture .c01 .tit {font-size:2rem; padding:0 0 30px 0;}
.culture .c01 .tit span {font-size:2rem;}
.culture .c01 .logo {padding:0 0 50px 0;}

.culture .c02 {margin:50px 0 0 0;}
.culture .c02 ul li {min-height:auto; padding:0 0 50px 0;}
.culture .c02 ul li .txt {padding:24px 0 0 0;}
.culture .c02 ul li .txt .ti {font-size:1.2rem; padding:0 0 10px 0;}
.culture .c02 ul li .txt .tt {font-size:2rem; padding:0 0 10px 0;}
.culture .c02 ul li .txt .tx {font-size:1.1rem; line-height:1.4; padding:0 0 15px 0;}
.culture .c02 ul li .txt .tx span {font-size:1.2rem; line-height:1.4;}

.culture .c03 {padding:50px 0;}
.culture .c03 .fr {padding:30px 0 0 0;}
.culture .c03 .tit {font-size:1.5rem;}
.culture .c03 .tit span {font-size:1.1rem; padding:5px 0 10px 0;}
.culture .c03 .txt {padding:10px 0 0 0;}
.culture .c03 .txt ul li {font-size:1.1rem; padding:0 0 5px 10px; background-position:2px 5px;}

.culture .c04 .tit {font-size:2rem; padding:50px 0 40px 0;}
.culture .c04 .tit span {font-size:2rem;}
.culture .c04 .list {padding:40px 0; background-size:cover;}
.culture .c04 .list .listBx {min-height:40px; padding:0; margin:0 20px 30px;}
.culture .c04 .list .listBx:last-child {margin:0 20px;}
.culture .c04 .list .listBx .y {position:relative; font-size:1.7rem; margin:0 0 12px 0; border-width:3px;}
.culture .c04 .list .listBx .t ul li {font-size:1.1rem; line-height:1.4; padding:0 0 10px 0;}
.culture .c04 .list .listBx .t ul li span {font-size:1.1rem; line-height:1.4;}




/* map location */
.mapInfo .address {padding:0;}
.mapInfo .address .mTit {font-size:1.5rem; letter-spacing:1px; padding:25px 0 12px 0;}
.mapInfo .address .mTit.e {font-size:1.6rem;}
.mapInfo .address .mAddr {font-size:1.3rem;}
.mapInfo .address .mPhone {font-size:1.3rem; padding:8px 0 25px 0;}
.mapInfo .address .mPhone a {font-size:1.3rem;}
.mapInfo .traffic {padding:30px 0 0 0;}
.mapInfo .traffic .infoBx {min-height:auto; margin:0 0 35px 0;}
.mapInfo .traffic .infoBx .iTit {margin:0 0 16px 0;}
.mapInfo .traffic .infoBx .iTit span {font-size:1.3rem;}
.mapInfo .traffic .infoBx .iTit span u {font-size:1rem; padding:0 0 0 5px;}
.mapInfo .traffic .infoBx .iTit span i {font-size:1rem;}
.mapInfo .traffic .infoBx .iMethod ul li {padding:0 80px 16px 0;}
.mapInfo .traffic .infoBx .iMethod ul li:last-child {padding:0 0 5px 0;}
.mapInfo .traffic .infoBx .iMethod ul li span {font-size:1.1rem;}
.mapInfo .traffic .infoBx .iMethod ul li a {font-size:1.1rem; padding:0 0 3px 0;}


/* brand tabs */
.brandPTabs .web {display:none;}
.brandPTabs .mobile {display:block;}

/* brand slide */
.brandPWrap {margin:40px 0 0 0; overflow:hidden;}
.brandPWrap .brPrevBtn {left:0; top:50%; width:40px; height:40px; background-size:40px; margin:-20px 0 0 0;}
.brandPWrap .brNextBtn {right:0; top:50%; width:40px; height:40px; background-size:40px; margin:-20px 0 0 0;}

.brandPWrap .mvCount {font-size:1.1rem; margin:-20px 0 0 0;}
.brandPWrap .mvCount .f {font-size:1.1rem;}
.brandPWrap .mvCount .t {font-size:1.1rem;}

.productInfoBox {margin:30px 0 0 0;}
.productInfoBox .infoArea .prName {font-size:1.8rem;}
.productInfoBox .infoArea .prName span {font-size:1.166rem; padding:10px 0 0 0;}
.productInfoBox .infoArea .prTxt {padding:25px 0 0 0;}
.productInfoBox .infoArea .prTxt .prBox {padding:0 0 15px 0;}
/* .productInfoBox .infoArea .prTxt .prBox .tit {font-size:1.166rem; margin:0 0 8px 0;} */
.productInfoBox .infoArea .prTxt .prBox .tit {font-size:1.3rem; margin:0 0 8px 0;}
.productInfoBox .infoArea .prTxt .prBox .txt p {font-size:1.25rem;}
.productInfoBox .infoArea .prTxt .prBox .txt p strong {font-size:1.25rem;}
.productInfoBox .infoArea .prTxt .prBox ul {padding:10px 0 0 0;}
.productInfoBox .infoArea .prTxt .prBox ul li {font-size:1.25rem;}
.productInfoBox .infoArea .prTxt .prBox ul li:after {font-size:1.25rem;}

.brandPSlide {width:100%; padding:0 0 20px 0;}
.brandPSlide .slick-slide img {transform:translateX(0); left:0;}
.brandPSlide .slick-slide:not(.slick-center) {z-index:0; transform:scale(1);}
.brandPSlide .slick-slide:not(.slick-center) img {padding:0;}
.brandPSlide .slick-center img {width:100%;}




/* recruit list */
.recruitList ul li a {padding:20px 12px;}
.recruitList ul li a .categoryArea {font-size:1.1rem;}
.recruitList ul li a .subject {margin:10px 0;}
.recruitList ul li a .subject span {font-size:1.1rem;}
.recruitList ul li a .date {font-size:1.1rem;}
.recruitList ul li a .period {font-size:1.1rem;}

/* recruit view */
.recruitView .recruitHead {padding:20px 12px;}
.recruitView .recruitHead .categoryArea {font-size:1.1rem;}
.recruitView .recruitHead .subject {margin:10px 0;}
.recruitView .recruitHead .subject span {font-size:1.3rem;}
.recruitView .recruitHead .date {font-size:1.1rem;}
.recruitView .recruitHead .period {font-size:1.1rem;}
.recruitView .recruitBody .ibBox {padding:30px 20px;}
.recruitView .recruitBody .ibBox .reBox {padding:0;}
.recruitView .recruitBody .ibBox .reBox .tit {position:relative; width:80px; height:30px;}
.recruitView .recruitBody .ibBox .reBox .tit span {font-size:1rem; letter-spacing:-0.4px; line-height:30px;}
.recruitView .recruitBody .ibBox .reBox .txt {min-height:30px; padding:12px 0 0 0; margin:0 0 30px 0;}
.recruitView .recruitBody .ibBox .reBox .txt .data p {font-size:1rem; letter-spacing:-0.4px;}
.recruitView .recruitBody .recruitBtn {padding:0 0 30px 0;}
.recruitView .recruitBody .recruitBtn a {width:140px; height:36px;}
.recruitView .recruitBody .recruitBtn a span {font-size:1rem; letter-spacing:-0.4px; line-height:36px;}
.recruitView .recruitBom {padding:20px;}
.recruitView .recruitBom span {font-size:1.1rem; letter-spacing:-0.4px;}

/* recruit information */
.recruitDiv .rInfo {margin:20px 0 60px 0;}
.recruitDiv .rInfo ul li {margin:30px 0 0 0;}
.recruitDiv .rInfo ul li .tit {font-size:1.4rem; padding:0 0 12px 0;}
.recruitDiv .rInfo ul li .tit span {font-size:1.4rem;}
.recruitDiv .rInfo ul li .txt {font-size:1.1rem; line-height:1.4;}
.recruitDiv .rInfo ul li .wTable {width:540px;}
.recruitDiv .rInfo ul li .wTable table th {padding:12px 0;}
.recruitDiv .rInfo ul li .wTable table th span {font-size:1.1rem;}
.recruitDiv .rInfo ul li .wTable table td {font-size:1.1rem; padding:12px 5px;}
.recruitDiv .rInfo ul li .wTable table td p {font-size:1.1rem;}
.recruitDiv .rInfo ul li .addTxt {font-size:1rem;}

.recruitDiv .rProcedure {padding:50px 0;}
.recruitDiv .rProcedure .tit {font-size:1.6rem; letter-spacing:1px;padding:0 0 16px 0;}
.recruitDiv .rProcedure .process {margin:0;}
.recruitDiv .rProcedure .process ul li {width:40%; padding:30px 0 0 0;}
.recruitDiv .rProcedure .process ul li.arrow {width:10%;}
.recruitDiv .rProcedure .process ul li.arrow:after {width:30px; height:30px; margin:12px 0 0 -15px; background-size:30px;}
.recruitDiv .rProcedure .process ul li .stit {font-size:1.3rem; padding:0 0 8px 0;}
.recruitDiv .rProcedure .process ul li .bx {height:140px;}
.recruitDiv .rProcedure .process ul li .bx .tt {font-size:1.3rem; padding:35px 0 16px 0;}
.recruitDiv .rProcedure .process ul li .bx .tx {font-size:1rem; line-height:1.4;}

.recruitDiv .rJobInfo {padding:50px 0 0 0;}
.recruitDiv .rJobInfo .tit {font-size:1.6rem; letter-spacing:1px;padding:0 0 30px 0;}
.recruitDiv .rJobInfo .job > ul > li {padding:0 0 30px 0;}
.recruitDiv .rJobInfo .job > ul > li .category {font-size:1.2rem; padding:0 0 12px 0;}
.recruitDiv .rJobInfo .job > ul > li .list > ul {margin:0 0 0 -1.5%;}
.recruitDiv .rJobInfo .job > ul > li .list > ul > li {width:31.5%; margin:0 0 1.5% 1.5%;}
.recruitDiv .rJobInfo .job > ul > li .list > ul > li a span {font-size:1.1rem; line-height:32px;}





/* talent */
.talentDiv {margin:20px 0 0 0;}
.talentDiv ul li {min-height:auto; padding:0 0 80px 0;}
.talentDiv ul li .img {position:relative; width:100%;}
.talentDiv ul li .img img {width:100%;}
.talentDiv ul li .txt {width:100%; margin:0;}
.talentDiv ul li .txt .tt {font-size:2rem; letter-spacing:1px;padding:30px 0 0 0;}
.talentDiv ul li .txt .tt span {font-size:1.1rem; padding:6px 0 0 0;}
.talentDiv ul li .txt .tx {font-size:1.1rem; line-height:1.4; padding:16px 0 0 0;}
.talentDiv ul li.reverse .img {position:relative; right:auto; left:0; top:0;}
.talentDiv ul li.reverse .txt {float:none; margin:0;}

/* management system */
.managementDiv {margin:20px 0 0 0;}
.managementDiv .mSystem .abTit {font-size:4rem; margin:0 0 20px 0;}
.managementDiv .mSystem .txt {padding:20px 0 0 0;}
.managementDiv .mSystem .txt .tt {font-size:1.6rem; letter-spacing:1px;}
.managementDiv .mSystem .txt .tx {font-size:1.1rem; line-height:1.4; padding:12px 0 0 0;}
.managementDiv .mSystem .txt .tx strong {font-size:1.1rem;}
.managementDiv .mSystemInfo {margin:50px 0 0 0;}
.managementDiv .mSystemInfo .msTit {margin:0 0 20px 0;}
.managementDiv .mSystemInfo .msTit .mtt {font-size:1.6rem; letter-spacing:1px;padding:0 0 12px 0;}
.managementDiv .mSystemInfo .msTit .mtx {font-size:1.1rem; line-height:1.4;}
.managementDiv .mSystemInfo .msInfo ul li .txt {padding:12px 0 0 0;}
.managementDiv .mSystemInfo .msInfo ul li .txt .tt {font-size:1.3rem;}
.managementDiv .mSystemInfo .msInfo ul li .txt .tx {font-size:1.1rem; line-height:1.4; padding:10px 0 0 0;}
.managementDiv .promotionInfo {margin:50px 0 0 0;}
.managementDiv .promotionInfo .psTit {margin:0 0 20px 0;}
.managementDiv .promotionInfo .psTit .ptt {font-size:1.6rem; letter-spacing:1px;padding:0 0 12px 0;}
.managementDiv .promotionInfo .psTit .ptx {font-size:1.1rem; line-height:1.4;}
.managementDiv .promotionInfo .psInfo > ul > li .tt {font-size:1.3rem; padding:0 0 10px 0;}
.managementDiv .promotionInfo .psInfo > ul > li > ul > li {height:70px;}
.managementDiv .promotionInfo .psInfo > ul > li > ul > li p {font-size:1rem; letter-spacing:0; line-height:1.4; padding:21px 0 0 0;}
.managementDiv .promotionInfo .psInfo > ul > li > ul > li p.mid {padding:30px 0 0 0;}

/* benefits */
.benefitsDiv {margin:10px 0 0 0;}
.benefitsDiv .eduTit {font-size:1.6rem; letter-spacing:1px;padding:0 0 30px 0;}
.benefitsDiv .eduInfo .eBx {margin:0;}
.benefitsDiv .eduInfo .eBx ul {padding:10px 0;}
.benefitsDiv .eduInfo .eBx ul li {min-height:auto; padding:20px 0;}
.benefitsDiv .eduInfo .eBx ul li .tit {width:120px; font-size:1.1rem; line-height:32px; margin:0 0 12px 0;}
.benefitsDiv .eduInfo .eBx ul li .tt {font-size:1.1rem; padding:0 0 10px 0;}
.benefitsDiv .eduInfo .eBx ul li .tx {font-size:1.1rem; padding:0 0 8px 0;}
.benefitsDiv .eduInfo .eBx ul li .tk {font-size:1.1rem; padding:0 0 8px 100px;}
.benefitsDiv .eduInfo .eBx ul li .tk strong {font-size:1.1rem;}

.benefitsDiv .welfare {margin:0;}
.benefitsDiv .welfare .wTit {font-size:1.6rem; letter-spacing:1px;padding:40px 0;}
.benefitsDiv .welfare .wList ul li {width:50%; margin:0 0 30px 0;}
.benefitsDiv .welfare .wList ul li .img img {width:80px;}
.benefitsDiv .welfare .wList ul li .txt strong {font-size:1.4rem;}
.benefitsDiv .welfare .wList ul li .txt span {font-size:1.1rem; line-height:1.4;}






/* notice list */
.noticeList ul li a {padding:20px 12px;}
.noticeList ul li a .numArea {position:relative; top:0; font-size:1.888rem; padding:0 0 8px 0;}
.noticeList ul li a .subject span {font-size:1.25rem;}
.noticeList ul li a .subject span.category {font-size:1.25rem; padding:0 0 4px 0;}
.noticeList ul li a .subject img {width:16px;}
.noticeList ul li a .date {font-size:0.88rem; margin:6px 0 12px 0;}
.noticeList ul li a .txt {font-size:1rem; line-height:1.4;}

/* notice view */
.viewType .viewHead {padding:20px 12px;}
.viewType .viewHead .numArea {position:relative; top:0; font-size:1.888rem; padding:0 0 8px 0;}
.viewType .viewHead .subject span {font-size:1.25rem;}
.viewType .viewHead .subject span.category {font-size:1.25rem; padding:0 0 4px 0;}
.viewType .viewHead .subject img {width:16px;}
.viewType .viewHead .date {font-size:0.88rem; margin:6px 0 0 0;}
.viewType .viewBody {padding:25px 12px;}
.viewType .viewBody p {font-size:1rem; line-height:1.4; padding:20px 0 0 0;}
.viewType .viewBody .file p {font-size:1rem; line-height:1.2; padding:5px 0 0 0;}
.viewType .viewBody .file span {display:block; font-size:1rem; line-height:16px; padding:0 0 0 25px; background-size:18px 16px;}

.viewType .viewMBody {padding:40px 0;}
.viewType .viewMBody p {font-size:1.2rem;}
.viewType .viewMBody a {width:110px; height:36px; margin:20px 0 0 0;}
.viewType .viewMBody a span {font-size:1.1rem; line-height:36px; padding:0 0 0 26px; background-size:18px 17px;}


/* guide */
.guideWrap {padding:0 12px 25px;}
.guideWrap .tit {font-size:1.2rem; padding:25px 0 0 0;}
.guideWrap .stit {font-size:1.25rem; padding:15px 0 0 0;}
.guideWrap .txt {font-size:1.25rem;}
.guideWrap .txt ul {margin:0 0 10px 12px;}
.guideWrap .txt ul li {font-size:1rem;}
.guideDay {font-size:1.2rem; padding:20px 12px 0;}



/* event list */
.eventList ul {margin:0 -4% 0 0;}
.eventList ul li {width:46%; padding:0 4% 0 0;}
.eventList ul li a {padding:30px 0 25px;}
.eventList ul li a .txtArea {padding:15px 0 0 0;}
.eventList ul li a .txtArea .subject span {font-size:1.25rem;}
.eventList ul li a .txtArea .subject span.category {font-size:1.25rem;}
.eventList ul li a .txtArea .date {font-size:0.88rem;}

/* ground advertising list */
.adList ul li a {padding:30px 0;}
.adList ul li a .txtArea {padding:15px 0 0 0;}
.adList ul li a .txtArea .subject span {font-size:1.25rem;}
.adList ul li a .txtArea .subject span.category {font-size:1.25rem; padding:0 0 8px 0;}
.adList ul li a .txtArea .date {font-size:0.88rem;}
.adList ul li:nth-child(odd) a {padding-right:4%;}
.adList ul li:nth-child(even) a {padding-left:4%;}

/* colour list */
.colourList .colourTit {font-size:1rem; padding:26px 0 16px 0;}
.colourList .colourTit span {font-size:1rem; padding:0 0 0 10px;}
.colourList .pagingArea {padding:20px 0;}
.colourSWrap {margin:40px 0 0 0; padding:0 30px;}
.colourSWrap .colourSlide .slick-slide {padding:0 10px;}
.colourSWrap .colourSlide .cSlideTt {font-size:0.66rem;}
.colourSWrap .colourSlide .cSlideTt span {font-size:0.66rem; padding:0 0 0 6px;}
.colourSWrap .colourPrevBtn {left:-10px; width:42px; height:42px; background-size:42px; margin:-32px 0 0 0;}
.colourSWrap .colourNextBtn {right:-10px; width:42px; height:42px; background-size:42px; margin:-32px 0 0 0;}


/* inquiry form */
.inquiryWrap .headSearch {width:280px; padding:0 34px 0 0; margin:30px auto 25px;}
.inquiryWrap .headSearch a {position:absolute; right:6px; top:1px;}
.inquiryWrap .headSearch a img {width:38px;}
.inquiryWrap .headSearch input {height:40px; font-size:1.1rem; line-height:40px; padding:0 0 0 15px;}

.inquiryView .ivhead {padding:20px 10px 20px 60px;}
.inquiryView .ivhead .unit {left:15px; top:15px; font-size:2.5rem;}
.inquiryView .ivhead .subject p {font-size:1.25rem;}
.inquiryView .ivAdmin {padding:20px 10px 20px 60px;}
.inquiryView .ivAdmin .unit {left:25px; top:15px; font-size:2.5rem;}
.inquiryView .ivAdmin .txt p {font-size:1rem;}

.ingredientsInfo {padding:20px 0; margin:0 0 40px 0;}
.ingredientsInfo .inbx {margin:0 20px;}
.ingredientsInfo .inbx .phone p {font-size:1.3rem; padding:0 20px 0 0;}
.ingredientsInfo .inbx .phone span {display:block; font-size:1.8rem; margin:10px 0 0 0;}
.ingredientsInfo .inbx .info {margin:14px 0 0 0;}
.ingredientsInfo .inbx .info ul li {float:none; display:block; font-size:1.1rem; padding:0 0 0 8px;}
.ingredientsInfo .inbx .info ul li:last-child {padding:0 0 0 8px; margin:5px 0 0 0;}
.ingredientsInfo .inbx .info p {font-size:1rem; padding:10px 0 0 0;}

.ingredientsList ul li a .proHead {padding:20px 100px 20px 20px;}
.ingredientsList ul li a .proHead .productName {font-size:1.2rem;}
.ingredientsList ul li a .proHead .look {width:100px; margin:-11px 0 0 0;}
.ingredientsList ul li a .proHead .look span {font-size:1.2rem; padding:0 0 3px 0;}
.ingredientsList ul li .proBody p {font-size:1rem; line-height:1.4; padding:20px;}




/* inform */
.informWrap {margin:30px auto 0;}
.informWrap .inform .inTit {font-size:2rem; letter-spacing:1px;}
.informWrap .inform .inTit strong {font-size:2rem; letter-spacing:1px;}
.informWrap .inform .inTit span {font-size:2rem; letter-spacing:1px;}
.informWrap .inform .inTxt {font-size:1rem; letter-spacing:1px; line-height:1.3; padding:6px 0 10px 0;}

.informWrap .inform .dForm {padding:0 0 20px 0;}
.informWrap .inform .dForm .dtt {font-size:0.88rem; letter-spacing:1px; margin:16px 0 0 0;}
.informWrap .inform .dForm .dtt .info {font-size:0.88rem; letter-spacing:1px;}
.informWrap .inform .dForm .dbx .ttNum {right:2px; bottom:13px; font-size:1rem; letter-spacing:1px;}

.informWrap .inform .dForm .dbx.phoneType {padding:4px 0 0 80px;}
.informWrap .inform .dForm .dbx.phoneType .set {width:80px;}
.informWrap .inform .dForm .dbx.phoneType .set:after {bottom:8px; width:1px; height:20px;}
.informWrap .inform .dForm .dbx.phoneType input[type='text'] {padding:0 0 0 20px;}

.informWrap .inform .dForm .dbx input[type='text'] {height:36px; font-size:1.1rem; line-height:36px;}
.informWrap .inform .dForm .dbx textarea {height:18px; font-size:1rem; margin:20px 0 0 0; padding:0 50px 0 0;}
.informWrap .inform .dForm .dbx.areaType {padding:0 0 10px 0;}

.informWrap .inform .dForm .dbx.selectArea {padding:0 0 0 50%; min-height:36px; margin:4px 0 0 0;}
.informWrap .inform .dForm .dbx.selectArea .set {width:50%;}
.informWrap .inform .dForm .dbx.selectArea .set:after {bottom:8px; width:1px; height:20px;}

.informWrap .inform .dForm .dbx .claims {padding:0 0 0 120px;}
.informWrap .inform .dForm .dbx .claims .abs {top:10px;}
.informWrap .inform .dForm .dbx .claims .abs label {font-size:1.1rem;}
.informWrap .inform .dForm .dbx .claims .set {position:relative; width:160px;}
.informWrap .inform .dForm .dbx .claims .set:after {bottom:8px; width:1px; height:20px;}
.informWrap .inform .dForm .dbx .raList {padding:10px 0 16px 0;}
.informWrap .inform .dForm .dbx .raList ul li {width:50%; padding:10px 0 0 0;}
.informWrap .inform .dForm .dbx .raList ul li:nth-child(4n-3) {width:50%;}
.informWrap .inform .dForm .dbx .raList ul li:nth-child(4n-2) {width:50%;}
.informWrap .inform .dForm .dbx .raList ul li:nth-child(4n-1) {width:50%;}

.informWrap .inform .dForm .addtx {font-size:0.88rem; letter-spacing:1px;}

.informWrap .agreeWrap {padding:35px 0 0 0;}
.informWrap .agreeWrap .aBox {width:auto; margin:0 20px;}
.informWrap .agreeWrap .aBox ul li label {font-size:1rem; line-height:16px;}
.informWrap .agreeWrap .aBox ul li a {font-size:1rem; line-height:16px;}


/* office */
.officeWrap .headSearch {width:280px; padding:0; margin:0 auto 30px;}
.officeWrap .headSearch:after {content:""; display:block; clear:both; *zoom:1;}
.officeWrap .headSearch.one {width:280px;}
.officeWrap .headSearch .selectDiv {position:relative; left:0; top:0; width:100%; margin:0 0 10px 0;}
.officeWrap .headSearch .searchDiv {padding:0 34px 0 0;}
.officeWrap .headSearch .searchDiv a {position:absolute; right:6px; top:1px;}
.officeWrap .headSearch .searchDiv a img {width:38px;}
.officeWrap .headSearch .searchDiv input {height:40px; font-size:1.1rem; line-height:40px; padding:0 0 0 15px;}

.officeWrap .officeList ul li {padding:22px 0;}
.officeWrap .officeList ul li .name {font-size:1.2rem; padding:0 30px 0 0;}
.officeWrap .officeList ul li .name:after {font-size:1.2rem; right:9px;}
.officeWrap .officeList ul li .area {font-size:1.2rem;}
.officeWrap .officeList ul li .area2 {font-size:1.2rem;}
.officeWrap .officeList ul li .map {font-size:1.2rem; margin:0 20px;}
.officeWrap .officeList ul li .tel {font-size:1.2rem; padding:0 30px 0 0;}
.officeWrap .officeList ul li .tel:after {font-size:1.2rem; right:9px;}
.officeWrap .officeList ul li .tel2 {font-size:1.2rem;}
.officeWrap .officeList ul li .category {font-size:1.2rem;}
.officeWrap .officeList ul li .officeHead {padding:0 20px 10px;}
.officeWrap .officeList ul li .officeBom {padding:10px 20px 0;}


/* member */
.mformWrap .inform input[type='text'], .mformWrap .inform input[type='password'] {height:36px; font-size:1.1rem; line-height:36px;}

.mformWrap .inform .miTit {font-size:1.2rem; letter-spacing:1px; margin:30px 0 20px 0;}
.mformWrap .inform .miTit span {font-size:.8888rem; letter-spacing:1px;}

.mformWrap .inform .mForm {padding:0 0 20px 0;}
.mformWrap .inform .mForm ul li {margin:0 0 15px 0;}
.mformWrap .inform .mForm ul li.essential:after {left:-10px; bottom:8px; font-size:1.2rem;}

.mformWrap .inform .mForm .calendarSL {padding:12px 0 20px 0;}
.mformWrap .inform .mForm .calendarSL ul li {margin:0 20px 0 0;}

.mformWrap .inform .mForm .mtit {font-size:0.888rem; letter-spacing:1px;}
.mformWrap .inform .mForm .phoneType {padding:4px 0 0 80px;}
.mformWrap .inform .mForm .phoneType .set {width:80px;}
.mformWrap .inform .mForm .phoneType .set:after {bottom:8px; width:1px; height:20px;}
.mformWrap .inform .mForm .phoneType input[type='text'] {padding:0 0 0 20px;}

.mformWrap .inform .addInfoChk {padding:0 0 20px 0; margin:10px 0 0 0;}
.mformWrap .inform .addInfoChk .atBox {padding:0 0 20px 90px;}
.mformWrap .inform .addInfoChk .atBox.essential:after {left:-10px; bottom:8px; font-size:1.2rem;}
.mformWrap .inform .addInfoChk .atBox .atTt {font-size:1.1rem; letter-spacing:1px;}
.mformWrap .inform .addInfoChk .atBox .atTx ul li {margin:0 20px 0 0;}
.mformWrap .inform .addInfoChk .atBox .atTx ul.skin li {margin:0 16px 5px 0;}
.mformWrap .inform .addInfoChk .atBox .atTs {font-size:0.888rem; letter-spacing:1px; padding:10px 0 0 0;}
.mformWrap .inform .addtx {font-size:0.888rem; letter-spacing:1px; line-height:1.3; padding:6px 0 14px 0;}

.mformWrap .inform .idSave label {font-size:1rem; line-height:16px;}
.mformWrap .inform .loginBtnArea {padding:20px 0;}
.mformWrap .inform .joinBtnArea {padding:20px 0;}
.mformWrap .inform .idpwDiv {padding:10px 0 0 0;}
.mformWrap .inform .idpwDiv .tt {font-size:1.1rem;}
.mformWrap .inform .idpwDiv .tx {top:10px; font-size:1.1rem;}
.mformWrap .inform .idpwDiv a {padding:0 0 10px 0;}

.mformWrap .inform .certification {padding:25px 0 0 0;}
.mformWrap .inform .certification .cTit {font-size:1.1rem; letter-spacing:1px; padding:0 0 8px 0;}
.mformWrap .inform .certification .jTit {font-size:1.1rem; letter-spacing:1px; padding:30px 0 12px 0;}
.mformWrap .inform .certification .cCase ul li {height:120px;}
.mformWrap .inform .certification .cCase ul li .ico img {width:60px;}
.mformWrap .inform .certification .cCase ul li .ttx {font-size:1.2rem; letter-spacing:1px; padding:12px 0 0 0;}
.mformWrap .inform .certification .cCase ul li a {padding:20px 0 0 0;}

/* join */
.mformWrap .jStep ul {margin:0 -2% 0 0;}
.mformWrap .jStep ul li {width:23%; height:80px; margin:0 2% 0 0;}
.mformWrap .jStep ul li .ico {width:20px; height:20px; margin:18px auto 6px;}
.mformWrap .jStep ul li .ttx {font-size:1.1rem; letter-spacing:1px; font-weight:600;}
.mformWrap .jStep ul li:nth-child(1) .ico {background-size:20px;}
.mformWrap .jStep ul li:nth-child(2) .ico {background-size:20px;}
.mformWrap .jStep ul li:nth-child(3) .ico {background-size:20px;}
.mformWrap .jStep ul li:nth-child(4) .ico {background-size:20px;}
.mformWrap .jStep ul li.on:nth-child(1) .ico {background-size:20px;}
.mformWrap .jStep ul li.on:nth-child(2) .ico {background-size:20px;}
.mformWrap .jStep ul li.on:nth-child(3) .ico {background-size:20px;}
.mformWrap .jStep ul li.on:nth-child(4) .ico {background-size:20px;}

.mformWrap .aggreeBox .aTit {font-size:1.1rem; font-weight:600; letter-spacing:1px; padding:28px 0 10px 0;}
.mformWrap .aggreeBox .aBox {height:160px; font-size:1rem; letter-spacing:1px; padding:16px;}
.mformWrap .aggreeBox .aBox p {font-size:1rem; letter-spacing:1px;}
.mformWrap .aggreeBox .aSet {padding:12px 0 0 0;}
.mformWrap .aggreeBox .aSet ul li {padding:0 0 0 12px;}
.mformWrap .aggreeBox .allChkBox {margin:40px 0 20px 0;}
.mformWrap .aggreeBox .allChkBox ul li {padding:0 4px;}

.mformWrap .thxTo {margin:30px 0 0 0; padding:40px 0 45px;}
.mformWrap .thxTo p {font-size:2rem; letter-spacing:1px;}
.mformWrap .thxTo p strong {font-size:2rem;}


/* purchase guide */
.purchaseGuide .puBx {margin:0 0 40px 0;}
.purchaseGuide .puBx .ptit {font-size:1.5rem; padding:0 0 12px 0;}
.purchaseGuide .puBx .ptxt ul {margin:0 0 0 -1.5%;}
.purchaseGuide .puBx .ptxt ul li {width:48.5%; margin:0 0 1.5% 1.5%;}
.purchaseGuide .puBx .ptxt ul li a span {font-size:1.1rem; line-height:32px;}
.purchaseGuide .puBx .ptxt .px {font-size:1.1rem; padding:12px 0 8px;}


/* ccm div */
.ccmDiv .charterTit {font-size:1.8rem; padding:0 0 35px;}
.ccmDiv .charterTit span {font-size:1.8rem;}
.ccmDiv .charterBx {padding:0 0 50px 0;}
.ccmDiv .charterBx .imgArea {margin:0 0 20px 0;}
.ccmDiv .charterBx .imgArea img {width:220px;}
.ccmDiv .charterBx .txtArea ul li {margin:0 0 20px 0; padding:0 0 0 40px;}
.ccmDiv .charterBx .txtArea ul li .tt {top:3px; width:32px; height:32px;}
.ccmDiv .charterBx .txtArea ul li .tt span {font-size:1.2rem; line-height:32px;}
.ccmDiv .charterBx .txtArea ul li .tx span {font-size:1.1rem; line-height:1.4;}
.ccmDiv .charterBx .txtArea ul li .tx strong {font-size:1.1rem; line-height:1.4;}

.ccmDiv .ccmAward {min-height:auto; padding:0 0 50px 0; margin:50px 0 0 0;}
.ccmDiv .ccmAward .imgArea {margin:0 0 20px 0;}
.ccmDiv .ccmAward .imgArea img {width:320px;}
.ccmDiv .ccmAward .txtArea p {font-size:1.1rem; line-height:1.4;}
.ccmDiv .ccmAward .txtArea p strong {font-size:1.1rem; line-height:1.4;}
.ccmDiv .ccmAward .txtArea p u {font-size:1.1rem; line-height:1.4;}

.ccmDiv .ccmInfo {padding:0 0 50px 0; margin:50px 0 0 0;}
.ccmDiv .ccmInfo .imgArea {margin:0 0 20px 0;}
.ccmDiv .ccmInfo .imgArea img {width:220px;}
.ccmDiv .ccmInfo .txtArea .tt {font-size:1.8rem; padding:0 0 8px 0;}
.ccmDiv .ccmInfo .txtArea .tt span {font-size:1.8rem;}
.ccmDiv .ccmInfo .txtArea .st {font-size:1.6rem; padding:0;}
.ccmDiv .ccmInfo .txtArea .st span {font-size:1.6rem;}
.ccmDiv .ccmInfo .txtArea .tx {font-size:1.1rem; line-height:1.4; padding:20px 0 0 0;}
.ccmDiv .ccmInfo .txtArea .tx .color {padding:0 0 6px 0;}
.ccmDiv .ccmInfo .txtArea .tx .color img {width:150px;}

.ccmDiv .ccmLSP {margin:50px 0 0 0;}
.ccmDiv .ccmLSP .imgArea .w {display:none;}
.ccmDiv .ccmLSP .imgArea .m {display:inline;}
.ccmDiv .ccmLSP .imgArea img {width:320px;}
.ccmDiv .ccmLSP .imgArea span {font-size:1.1rem; line-height:1.4; padding:0 0 20px 0;}
.ccmDiv .ccmLSP .txtArea {padding:20px 0; margin:25px 0 0 0;}
.ccmDiv .ccmLSP .txtArea .tx {font-size:1.1em; line-height:1.4;}
.ccmDiv .ccmLSP .txtArea .tx:after {left:-10px; top:2px; font-size:1.1rem; line-height:1.4;}

/* stock info */
.stockInfo .hTit {font-size:1.7rem; padding:0 0 30px 0;}
.stockInfo .mTit {font-size:1.7rem; padding:60px 0 20px 0;}
.stockInfo .hInfo .tt {font-size:1.5rem; padding:0 0 5px 0;}
.stockInfo .hInfo .rt {position:relative; right:auto; left:0; top:0; font-size:1.2rem; padding:0 0 10px 0;}
.stockInfo .addTxt {font-size:1.1rem; padding:0 0 8px 0;}

.stockInfo .sector1 {padding:30px 0 0 0;}
.stockInfo .sector1 .info {padding:0 0 0 100px;}
.stockInfo .sector1 .info .ab {top:1px;}
.stockInfo .sector1 .info .ab span {font-size:1.4rem; padding:0 0 0 15px;}
.stockInfo .sector1 .info .ab span.up {background-size:17px 16px; background-position:left 5px;}
.stockInfo .sector1 .info .ab span.down {background-size:17px 16px; background-position:left 5px;}
.stockInfo .sector1 .info .data {font-size:1.1rem; padding:5px 0 7px;}
.stockInfo .sector1 .info .data span {font-size:1.1rem;}
.stockInfo .sector1 .info .data span.up {background-size:10px 9px; background-position:left 6px; margin:0 0 0 7px; padding:0 14px 0 16px;}
.stockInfo .sector1 .info .data span.down {background-size:10px 9px; background-position:left 6px; margin:0 0 0 7px; padding:0 14px 0 16px;}
.stockInfo .sector2 {padding:40px 0 0 0;}

.stockInfo .wTable {width:540px;}
.stockInfo .wTable table th {padding:12px 0;}
.stockInfo .wTable table th span {font-size:1.1rem;}
.stockInfo .wTable table td {font-size:1.1rem; padding:12px 5px;}
.stockInfo .wTable table td p {font-size:1.1rem;}
.stockInfo .wTable table td span {font-size:1.1rem;}
.stockInfo .wTable table td span.up {background-position:left 7px; background-size:10px 9px; padding:0 0 0 16px;}
.stockInfo .wTable table td span.down {background-position:left 7px; background-size:10px 9px; padding:0 0 0 16px;}





/* popWrap */
#popWrap #guHead {margin:0 0 20px 0;}
#popWrap #guHead .guClosed {right:20px; top:12px; z-index:100;}
#popWrap #guHead .guClosed a {width:28px; height:28px; background-size:28px;}
#popWrap #guHead span {font-size:1.6rem;}
#popWrap .guCont .innerBox {padding:18px 20px 20px 20px;}

#popWrap #guTBase {max-width:340px;}


/* 신규 비밀번호 */
#popWrap .repwPop .noti {font-size:1.1rem; letter-spacing:1px;}
#popWrap .repwPop .form {padding:0 0 20px 0;}
#popWrap .repwPop .form ul li {margin:14px 0 0 0;}

/* 아이디 찾기 */
#popWrap .reidPop {font-size:1.3rem; letter-spacing:1px; padding:27px 0 36px 0;}
#popWrap .reidPop span {font-size:1.3rem; letter-spacing:1px;}

/* 본인인증 */
#popWrap .certification .cTit {font-size:1.1rem; letter-spacing:1px; padding:0 0 8px 0;}
#popWrap .certification .cCase ul li {height:120px;}
#popWrap .certification .cCase ul li .ico img {width:60px;}
#popWrap .certification .cCase ul li .ttx {font-size:1.2rem; letter-spacing:1px; padding:12px 0 0 0;}
#popWrap .certification .cCase ul li a {padding:20px 0 0 0;}

/* 직무안내 */
#popWrap .jobGuidance .tit {font-size:1.2rem; padding:24px 0 10px 0; letter-spacing:1px;}
#popWrap .jobGuidance .tit.f {padding:10px 0 10px 0;}
#popWrap .jobGuidance .txt {font-size:1rem; line-height:1.4; letter-spacing:1px;}
#popWrap .jobGuidance .txBx {padding:16px;}
#popWrap .jobGuidance .txBx ul li {padding:0 0 20px 0; min-height:auto;}
#popWrap .jobGuidance .txBx ul li:last-child {padding:0;}
#popWrap .jobGuidance .txBx ul li .tt {position:relative; font-size:1.1rem; line-height:1.4; letter-spacing:1px; padding:0 0 8px 0;}
#popWrap .jobGuidance .txBx ul li .tt span {display:inline; font-size:1.1rem; line-height:1.4; letter-spacing:1px;}
#popWrap .jobGuidance .txBx ul li .tx {font-size:1rem; line-height:1.4; letter-spacing:1px;}
#popWrap .jobGuidance .txBx ul li.dep {min-height:auto;}

/* 윤리규범 */
#popWrap .ethicsBx .tit {font-size:1.35rem; padding:10px 0 20px 0;}
#popWrap .ethicsBx .tt {font-size:1.35rem; padding:20px 0 0 0;}
#popWrap .ethicsBx .tq {font-size:1.25rem; line-height:1.4; padding:10px 0 5px 0;}
#popWrap .ethicsBx .tx {font-size:1.25rem; line-height:1.4;}
#popWrap .ethicsBx .tx2 {font-size:1.25rem; line-height:1.4; padding:10px 0 0 0;}
#popWrap .ethicsBx .base li {font-size:1.25rem; padding:0 0 0 10px;}
#popWrap .ethicsBx .base li:after {font-size:1.25rem;}





/*** common ***/
/* tabs */
.tabs {padding:0 0 12px 0;}
.tabs a {margin:0 30px 0 0;}
.tabs a span {font-size:14px; line-height:30px; letter-spacing:1px;}
.tabs a.on:after {bottom:-13px;}

/* select */
select.normal {height:36px; font-size:1.1rem; line-height:36px; padding:0 30px 0 0; letter-spacing:1px; background-position:right 10px top 50%;}
select.search {height:42px; font-size:1.1rem; line-height:42px; padding:0 30px 0 15px; background-position:right 20px top 50%;}
select.brandType {height:42px; font-size:1.2rem; line-height:42px; padding:0 30px 0 15px; background-size:12px 8px; background-position:right 20px top 50%;}

/* no data */
.noData {font-size:1.2rem; padding:20px 0;}


/* checkbox, radio */
label {font-size:1rem; line-height:16px;}
.checkbox {padding:0 0 0 16px;}
.checkbox label {line-height:16px;}
.checkbox input + label::before {width:16px; height:16px; background-size:16px;}
.checkbox input:checked + label::before {background-size:16px;}
.radio {padding:0 0 0 20px;}
.radio input + label::before {width:16px; height:16px; background-size:16px;}
.radio input:checked + label::before {background-size:16px;}


/* input */
input[type='text'], input[type='password'] {height:36px; font-size:12px; line-height:36px; padding:0 0 0 12px;}

/* file */
.fileBox {padding:0 45px 0 0;}
.fileBox .btn img {width:36px;}
.fileBox .fileHidden {height:36px;}
.fileBox input[type='text'].essential {background-position:10px 50%; padding:0 0 0 22px;}

/* btn area */
.btArea {margin:30px 0 0 0;}

.viewBtnArea {margin:40px 0 0 0;}
.viewBtnArea a {width:29%; height:42px;}
.viewBtnArea a span {font-size:1rem; line-height:42px; letter-spacing:1px; font-weight:600;}
.viewBtnArea a.prev span {padding:0 0 0 24%; background-size:17px auto;}
.viewBtnArea a.next span {padding:0 24% 0 0; background-size:17px auto;}
.viewBtnArea a.list {width:35%;}
.viewBtnArea a.aloneList {width:200px;}

html.hoverOk .viewBtnArea a.prev:hover span {padding:0 0 0 20%;}
html.hoverOk .viewBtnArea a.next:hover span {padding:0 20% 0 0;}

/* btn */
.gBtn {width:100%; height:50px;}
.gBtn span {font-size:1.1rem; line-height:50px; letter-spacing:1px;}
.jBtn {width:100%; height:50px;}
.jBtn span {font-size:1.1rem; letter-spacing:1px; padding:10px 0 0 0;}
.jBtn span u {display:block; font-size:1.1rem; padding:2px 0 0 0;}

/* paging */
.pagingArea {padding:30px 0 0 0;}
.pagingArea .paging a {width:30px; height:30px; line-height:32px; margin:0; font-size:14px;}
.pagingArea .paging a.n {margin:0;}
.pagingArea .paging a.n img {width:30px;}
.pagingArea .paging a.n.prev {margin-right:3px;}
.pagingArea .paging a.n.next {margin-left:3px;}

/* table */
.sTable table th {padding:12px 0;}
.sTable table th span {font-size:1.1rem;}
.sTable table td {font-size:1.1rem; padding:12px 5px;}
.sTable table td p {font-size:1.1rem;}



}