@import url("common.css");
/* NHN INS Webstandard dev team dog 100804 */

/* Start-슬릭기본 */
.slick-slider{display: block;box-sizing: border-box;
		-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
			touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0; }
.slick-slide{display: none;float: left; }
.slick-initialized .slick-slide{display: block;}
/* End-슬릭기본 */

#container {position:relative; width:100%; padding-top:117px; min-height:500px;}
#container .sub_title {font-size:1.857rem; line-height:100%; color:#333; font-weight:600; text-align:center; margin:50px 0 40px 0;}

/* 공통 */
.contentArea {width:100%; box-sizing:border-box;}
.contents_in {padding:0 2% 30px 2%;}
.noContents_in {padding:0 0 30px 0;}
.noPadding {padding:0 2%;}

.point_txt{font-weight:bold; color:#333; }
.pointPink{color:#000 !important;}
.pointPink2{color:#ed145b !important}
.pointwhite {color:#fff !important;}
.engFont{font-family: 'Kanit', 'Noto Sans KR', sans-serif;}
h3.sub_txt {font-size:1.786rem;  color:#333; font-weight:600; text-align:center;}
p.stxt {color:#000; line-height:170%; text-align:center; }

.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th {color:#000; font-weight:400; text-align:left; padding:12px 10px; border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; }
.table_style td {border-bottom:1px solid #e9e9e9; padding:12px 10px; text-align:left}


.ani_effect{position:relative; top:50px; opacity:0; transition:all 0.5s linear;}
.ani_effect.action{ top:0; opacity:1; transition:all 0.2s linear; transition-delay:0s;}
.ani_effect.delay1.action{transition-delay:0.3s; }
.ani_effect.delay2.action{transition-delay:0.6s;}
.ani_effect.delay3.action{transition-delay:0.9s;}

.ani_effect2{position:relative; top:50px; opacity:0; transition:all 0.5s linear;}
.ani_effect2.action{ top:0; opacity:1; transition:all 0.2s linear; transition-delay:0s;}
.ani_effect2.delay1.action{transition-delay:0.3s; }
.ani_effect2.delay2.action{transition-delay:0.6s;}
.ani_effect2.delay3.action{transition-delay:0.9s;}

.ani_effect.mar{margin-top:50px; position:absolute; top:auto;}
.ani_effect.mar.action{margin-top:0; }

/****** SERVICE ******/

/* SERVICE */
#service .service_title {margin:0 auto; display:block; margin-bottom:10px;}
#service p.stxt {font-size:1rem; margin-bottom:40px; padding: 0 3%; box-sizing:border-box;}

	.service_cont {width:98%; margin:0 auto; padding-bottom:60px;}
	.service_cont > ul {width:100%; overflow:hidden;}
	.service_cont > ul > li {position:relative; list-style:none; float:left; width:25%; box-sizing:border-box;}
	.service_cont dl {position:relative; width:90%; margin:0 auto;}
	.service_cont dl dt {position:relative; text-align:center;}
	.service_cont dl dt:after {position:absolute; content:''; width:15px; height:20px; background:url('/m/service/img/service_arrow.png') no-repeat center; top:50%; transform:translateY(-50%); right:-15px; z-index:99; display:none;}
	.service_cont ul li:last-child dl dt {margin-right:0;}
	.service_cont ul li:last-child dl dt:after {display:none;}
	.service_cont dl dd {margin-top:10px; padding-left:15px; box-sizing:border-box;}
	/*.service_cont dl dd.cont30 p {padding-left:12%;}*/
	.service_cont dl dd p {position:relative; color:#333; margin-bottom:5px; word-break:break-all;}
	.service_cont dl dd p.two {padding-top:10px;}
	.service_cont dl dd p.one:before {content:''; width:100px; height:1px; background-color:#f2f2f2; position:absolute; bottom:-8px; left:0;}
	.service_cont dl dd p.three:before {content:''; width:100%; height:1px; background-color:#f2f2f2; position:absolute; bottom:-8px; left:-10px;}
	.service_cont dl dd p:after {content:''; width:3px; height:3px; border-radius:100px; background-color:#333; position:absolute; top:8px; left:-9px; }
	.service_cont dl dd p.two:after {top:18px;}
	.service_cont dl dd.cont30 p:after {left:5%;}

.service_box {position:relative; width:100%; padding-top:120px; overflow:hidden;}
.service_box li {position:relative; list-style:none;}
	.service {width:100%;}
	.service .imgBox {position:relative; width:100%;}
	.service .imgBox h4 {position:absolute; width:100%; text-align:center; top:50%; transform:translateY(-50%); z-index:9999; font-size:1.429rem;  color:#333; font-weight:400;}
	.service .imgBox img {width:100%; height:100%;}
	.service .service_txt {padding:30px 2%; box-sizing:border-box;}
	.service .service_txt p {color:#333; line-height:28px; margin-bottom:10px;}

.service_box .slick-slider {position: relative; display: block; z-index: 1;}
.service_box .slick-list {position: relative; display: block; overflow: hidden;}
.service_box .slick-slide {float: left; height: 100%; min-height: 1px;}
.service_box .slick-initialized .slick-slide{display: block;  z-index:10px !important;}
.service_box .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}

/* Arrows */
.service_box .slick-prev, 
.service_box .slick-next {position: absolute; display: block; top:12%; transform:translateY(-50%); width:20px; height: 38px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index:99999; font-size:0;}
.service_box .slick-prev {left:10px; background:url('/m/service/img/prev_service.png') top left no-repeat; background-size:cover;}
.service_box .slick-next {right:10px;; background:url('/m/service/img/next_service.png') top right no-repeat; background-size:cover;}

/* service_box : 속성 */
.service_box .slick-dots {position:absolute; z-index:40; left:0; top:0; width:100%; padding:0 !important; text-align:center;}
.service_box .slick-dots li {float:left; width:50%; background-color:#f5f5f5; height:60px; border-right:1px solid #fff;  transition:all 0.4s linear; box-sizing:border-box; z-index:0; list-style:none;}
.service_box .slick-dots li:last-child{border-right:none;}
.service_box .slick-dots li a {display:inline-block; width:100%; height:60px; color:#000; text-align:center; line-height:60px;  transition:all 0.2s linear; cursor:pointer;}
.service_box .slick-dots #slick-slide03 a{ }
.service_box .slick-dots #slick-slide03 a br{display: none;}
.service_box .slick-dots li.slick-active {background: #ed145b;}
.service_box .slick-dots li.slick-active a, .service_box .slick-dots li.slick-active:hover a {color:#fff !important;}
.service_box .slick-dots li:hover a{ color:#ed145b; transition:all 0.2s linear; z-index:10;}

.service_txt {padding:70px 0 70px 50%; box-sizing:border-box;}
.service_txt h4 {font-size:30px;  color:#333; font-weight:500; margin-bottom:10px;}
.service_txt p {color:#333; line-height:28px; margin-bottom:10px;}

.grayscale {
  /* Firefox 10-34 */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(1);

  /* Firefox 35+ */
  filter: grayscale(1);

  /* IE 6-9 */
  filter: gray;
}

.grayscale.grayscale-fade {
  transition: filter .5s;
}

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grayscale.grayscale-fade {
    -webkit-transition: -webkit-filter .5s;
    transition:         -webkit-filter .5s;
  }
}

.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0);
  filter:         grayscale(0);
}

/* Background element */
.grayscale.grayscale-replaced {
  -webkit-filter: none;
  filter:         none;
}

.grayscale.grayscale-replaced > svg {
  -webkit-transition: opacity .5s ease;
  transition:         opacity .5s ease;
  opacity: 1;
}

.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
  opacity: 0;
}

.related {overflow:hidden; margin-top:30px; padding:0 2%;}
.related h5 {font-size:1.071rem; color:#333; font-weight:500; border-bottom:1px solid #000; margin-bottom:30px; padding-bottom:10px;}
.related ul {overflow:hidden; clear:Both; }
.related li {position:relative; width:49%; height:100%; float:left; margin:0 2% 2% 0; overflow:hidden;}
.related li:nth-child(2n) {margin-right:0;}
.related li a {display:block; line-height:1; width:100%; height:100%;}
.related li span.img {display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.related li img {width:100%; max-width:100%; transition:all 0.4s linear; line-height:1;}
.related li::before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:270px; background: rgb(0,0,0,0.15); background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); z-index:5;transition:all 0.2s linear;}
.related li:hover span.img{filter: none; transition:all 0.4s linear;}

.related_box {width:100%; height:100%; position:absolute; top:0px; left:0; transition:all 0.3s linear; z-index:5;}
.related_box h6 {position:absolute; top:20px; left:20px; font-size:1rem; font-weight:300; color:#fff; padding:0 20px 0 0; line-height:150%;}
.related_box p {font-family: 'Kanit', sans-serif; position:absolute; bottom:17px; left:20px; font-size:15px; color:#fff; font-weight:200;}
/*.related li:hover .related_box {opacity:1; top:0; transition:all 0.3s linear;}*/


/*** PEOPLE ***/

#people h6 {font-size:2rem; color:#333;  font-weight:500; border-bottom:1px solid #ddd; margin-bottom:25px; padding-bottom:10px;}
.people_ceo {width:100%; overflow:hidden; margin-bottom:20px; position:relative;}
.people_ceo li {list-style:none;}
.people_ceo li img {transition:all 0.4s linear; background-position:center; background-repeat:no-repeat; background-size:cover;}
.people_ceo li:hover img {opacity:0.2; transition:all 0.4s linear;}
.people_ceo li .peo_txt {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; display:block;}
.people_ceo li .name {position:absolute; left:25px; top:72px; font-size:2rem; font-weight:400; color:#fff; line-height:120%;transition:all 0.2s linear;}
.people_ceo li .job {position:absolute; font-size:2rem; left:25px; top:30px; color:#fff;}

.people_cont {overflow:hidden; margin-bottom:35px;}
.people_cont li {float:left; width:49%; margin-right:2%; margin-bottom:2%; height:100%; position:relative; overflow:hidden; list-style:none;}
.people_cont li:nth-child(even) {margin-right:0;}
.people_cont li p{ background-size:cover; transition:all 0.4s linear; background-repeat:no-repeat; background-position:center;}
.people_cont li img {display:block; width:100%;}
.people_cont li:hover img {opacity:0.2; transition:all 0.4s linear;}
.people_cont li .peo_txt {position:absolute; top:0; left:0; padding:20px; box-sizing:border-box;}
.people_cont li .peo_txt .job {font-size:1.143rem; margin:0 0 0; color:#fff;}
.people_cont li .name{font-size:1.143rem; color:#fff; line-height:120%;transition:all 0.2s linear; margin:5px 0 0}
.people_cont li .job span {position:relative;color:#fff;}
.people_cont li .job span::after {display:inline-block; content:'|'; font-size:0.9286rem; vertical-align:middle; margin:0 5px 5px; line-height:100%;}
.people_cont li .job span:last-child::after {display:none;}

.people_cont + .peopleMore{display:block; width:60px; text-align:center; padding:0 0 5px; margin:-35px auto 35px; transition:all 0.2s linear; border-bottom:2px solid #222;  font-size:15px; font-family: 'Kanit', 'Noto Sans KR', sans-serif; }
.people_cont + .peopleMore::after{content:""; display:inline-block; width:8px; height:4px; background:url("/people/img/more_arrow.png") no-repeat center; vertical-align:middle; margin:0 0 2px 7px;}
.people_cont + .peopleMore:hover{padding:0 10px 5px; color:#000; }


/*** 230227 수정 ***/
.people_ceo.ver2{margin:0 0 2%; height:auto; }
.people_ceo.ver2 li {}
.people_ceo.ver2 li .img{background-size:cover; background-repeat:no-repeat;}
.people_ceo.ver2 li img{width:100%; }
.people_ceo.ver2 li .peo_txt {position:relative; height:auto; background:#f5f5f5; padding:20px; }
.people_ceo.ver2 .job{top:0; position:relative; color:#333; font-size:1.143rem; left:0;}
.people_ceo.ver2 .job span::before{display:inline-block; content:'|'; font-size:0.8rem; vertical-align:middle; margin:0 5px 5px; line-height:100%; margin:0 7px 7px;}
.people_ceo.ver2 .name{position:relative; top:0; font-weight:500; color:#333; left:0; font-size:1.143rem; margin:5px 0 0;}

#people article > h6 {font-size:23px; color:#333; letter-spacing:-0.25pt; font-weight:500; border-bottom:1px solid #ddd; margin-bottom:27px; padding-bottom:13px;  }

#people article .job span.beforenone::after{display:none !important; }

#people article{margin-bottom:2%;}
#people article .people_cont{margin-bottom:0}
#people article .people_cont li .peo_txt .job{font-weight:300;}
#people article .people_cont li .peo_txt .name{font-weight:300;}
#people article .people_cont + .peopleMore{margin-top:10px; margin-left:auto; margin-right:auto;}
#people article .people_cont + .peopleMore.ver2{font-size:16px; color:rgba(51,51,51,0.5); font-weight:400;}

#people article .people_cont.ver2{}
#people article .people_cont.ver2 li{width:100%; }
#people article .people_cont.ver2 li .img{width:49%; display:inline-block; }
#people article .people_cont.ver2 li a{font-size:0;}
#people article .people_cont.ver2 li .peo_txt{display:inline-block; position:relative; background:#f5f5f5; padding:0; width:49%; margin-left:2%;}
#people article .people_cont.ver2 li .peo_txt .job, 
#people article .people_cont.ver2 li .peo_txt .job span{ color:#333; }
#people article .people_cont.ver2 li .peo_txt .name{font-weight:500; color:#333; }
#people article .people_cont.ver2 li .peo_txt .job{position:absolute; left:15px; top:15px; }
#people article .people_cont.ver2 li a::before{display:none;}

.pop_addCont{padding:0 0 50px;}
.pop_addCont .input{width:100%; box-sizing:border-box; border:1px solid #e5e5e5; padding:5px 10px; height:40px;}
.pop_addCont h3.tit{background:#333; color:#fff; font-weight:300;  padding:14px 20px; font-size:1.571rem;}
.pop_addCont h3.tit input{float:right; width:19px; height:19px; overflow:hidden; padding:0; margin:8px 0 0; background:url('/people/img/popupClose.png') no-repeat left center; border:none; text-indent:-9999px; cursor:pointer;}
.pop_addCont .popAddCont_in{padding:25px 20px;}
.pop_addCont .popAddCont_in .addBtn {background:#333; color:#fff; border:1px solid #333; font-size:0.8571rem; display:inline-block; padding:2px 7px; margin-left:5px; cursor:pointer; transition:all 0.2s linear;}
.pop_addCont .popAddCont_in .addBtn:hover{background:#000; border-color:#000;}
.pop_addCont .popAddCont_in .delBtn{height:40px; width:52px; border:1px solid #333; color:#333; background:#fff; cursor:pointer; transition:all 0.2s linear;}
.pop_addCont .popAddCont_in .delBtn:hover{background:#f5f5f5; transition:all 0.2s linear;}
.pop_addCont .popAddCont_in dl {font-size:0; margin:0 0 4px}
.pop_addCont .popAddCont_in dl dt{display:inline-block; width:90px;}
.pop_addCont .popAddCont_in dl dd{display:inline-block; margin-left:2px;}
.pop_addCont .popAddCont_in dl dd.text{width:calc(100% - (90px + 52px + 4px)); }
.pop_addCont .popAddCont_in dl dd.btn{width:52px;}
.pop_addCont .okBtn{display:block; margin:0 auto; width:200px; height:60px; border:1px solid #000; color:#000; font-size:1.143rem; background:#fff; cursor:pointer; transition:all 0.2s linear;}
.pop_addCont .okBtn:hover{background:#000; border-color:#000; color:#fff; transition:all 0.2s linear;}

/***  회원관련 ***/
.login_cont{padding:0 0 140px;}
.login_cont p{text-align:center; margin:-45px 0 50px;}


/****** ABOUT ******/

/* ABOUT - CEO GREETING */
#ceo img.ceo {margin-bottom:40px;}
#ceo .ceo_cont {margin-bottom:40px;}
#ceo .ceo_cont p {color:#000; line-height:180%; margin-bottom:20px;}
#ceo .ceo_cont span {display:block; font-weight:400;  color:#393939; padding-top:10px;}
#ceo .ceo_cont span font{display: block; font-size:26px; font-weight: 500;}
/* #ceo .ceo_cont span img {display:inline-block; margin-left:10px; vertical-align:middle; max-width:142px;} */


/* ABOUT - OVERVIEW */
#overview {position:relative; width:100%;}
	.overview_txt h4 {font-size:1.214rem; font-weight:400; color:#000;  text-align:center; margin-bottom:1.25rem; padding:0 3%; box-sizing:border-box;}
	.overview_txt p.stxt {box-sizing:border-box;}
	.overview_info {margin:8% 0 10% 0; width:100%; padding:10% 2%; box-sizing:border-box; background:url('/m/about/img/overview_bg.jpg') no-repeat center;}
	.overview_info .sub_txt {margin-bottom:1.5rem; color:#c5c4c4;}
	.overview_info ul {overflow:hidden; padding-top:70px; margin:0 auto; width:96%; max-width:680px; display:flex; justify-content: center; flex-wrap: wrap;}
	.overview_info li {flex:1 1 50%; padding-bottom:3%;}
	.overview_info li:nth-child(3), .overview_info li:last-child {padding-bottom:0;}
	.overview_info li p { color:#fff; text-align:center; margin-bottom:5px;}
	.overview_info li span {display:block; text-align:center;}
	.overview_info li span.pointPink2 {font-family: 'Kanit', 'Noto Sans KR', sans-serif; font-size:1rem;  }
	.overview_info li span.num {font-family: 'Kanit', 'Noto Sans KR', sans-serif; font-size:2.857rem; color:#fff; font-weight:500;}

	.overview_award dl {padding:5% 2%; box-sizing:border-box; border-bottom: 1px solid #e5e5e5;}
	.overview_award dl:last-child {border-bottom:0; padding:5% 2% 0 2%;}
	.overview_award dl dt {display:table; width:100%; padding-bottom:20px;}
	.overview_award dl dt p {display:table-cell; width:120px;}
	.overview_award dl dt p img {max-width:100px;}
	.overview_award dl dt h4 {display:table-cell; vertical-align:middle; width:calc(100 - 120px); font-size:1.214rem; color:#333;  font-weight:500; text-align:left;}
	.overview_award dl dd {display:block; vertical-align:top;}
	.overview_award dl dd p {text-align:left;}

	.overview_award02 {margin-top:8%;}
	.overview_award02 .stxt {padding: 0 3%; box-sizing:border-box;}
	.overview_award02 h3 {margin-bottom:20px; padding: 0 3%; box-sizing:border-box;}
	.overview_award02 ul {overflow:hidden; width:94%; margin:50px auto 0 auto;}
	.overview_award02 li {position:relative; float:left; width:49%; height:100%; margin-right:2%; margin-bottom:2%;  list-style:none;}
	.overview_award02 li img {width:100%; max-width:100%; transition:all 0.4s linear; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
	.overview_award02 li:nth-child(2n) {margin-right:0;}
	.overview_award02 li a {display:block; width:100%; height:100%;}
	.overview_award02 .text_box {position:absolute; top:0; left:0; width:100%; padding:7% 5%; box-sizing:border-box;}
	.overview_award02 .text_box span {color:#fff;}
	.overview_award02 li:hover img {opacity:0.8; transition:all 0.4s linear;}
	.overview_award02 li:hover .text_box {opacity:1; transition:all 0.4s linear;}
	/*.overview_award02 .text_box {position:absolute; top:0; left:0; width:100%; height:100%; padding:7% 5%; box-sizing:border-box; opacity:0; transition:all 0.4s linear;}
	.overview_award02 .text_box h4 {font-family: 'Kanit', sans-serif; font-size:22px; color:#fff; font-weight:500; margin-bottom:10px;}
	.overview_award02 .text_box p {font-family: 'Kanit', sans-serif; font-size:22px; color:#fff; margin-bottom:10px;}
	.overview_award02 .text_box span {color:#fff;}*/


/* ABOUT - HISTORY */
.tab_con {width:100%; margin:0 auto; height:45px; overflow:hidden; }
.tab_con li {width:25%; height:45px; float:left; text-align:center; list-style:none;background:#fff;}
.tab_con li a {position:relative; font-family: 'Kanit', 'Noto Sans KR', sans-serif; display:block; width:100%; height:100%; line-height:45px; color:#000; border:1px solid #ccc; transition:all 0.4s linear; box-sizing:border-box; z-index:0;  border-left:none;}
.tab_con li:first-child a{border-left:1px solid #ccc; }
.tab_con li a.mPS2id-highlight {background-color:#ed145b; border:1px solid #ed145b; transition:all 0.4s linear; color:#fff; font-weight:500;}
.tab_con li.tab_up a {background-color:#ed145b; border:1px solid #ed145b; transition:all 0.4s linear; color:#fff; font-weight:500;}
.tab_con li:hover a {color: #ed145b; transition:all 0.4s linear; z-index:1;}

#history #sticker-sticky-wrapper{z-index:500; background:#fff;}
#sticker{border-bottom:1px solid #fff;transition:margin 0.2s linear;}
.is-sticky .tab_con {width:104%; margin:0 -2%;}
#header.fixed + #container #sticker{margin-top:116px; transition:margin 0.2s linear; border-color:#f3f3f3;}
#header.fixed + #container #sticker .tab_con li a{border-color:#f3f3f3; border-bottom:none;}

#history .his_tit{display:block; margin:0 auto 25px; max-width:90%;}


#history01 {padding:30px 0 80px 0;}
.history_in {position:relative; box-sizing:border-box;}
.history_in .sub_hisin {padding-bottom:80px;}
.history_in .sub_hisin dt {margin-bottom:8%;}
.history_in .sub_hisin dt img {width:100%;}
.history_in .sub_hisin dd {padding:0 2%; box-sizing:border-box;}
.history_in .sub_hisin dd h3 {font-size:1.5rem; text-align:center; color:#333;  font-weight:400; margin-bottom:20px;}
.history_in .sub_hisin dd p {text-align:left;}

.history_in ul {position:relative; margin:0; width:100%;}
.history_in ul:before {content:''; width:1px; height:100%; background-color:#e5e5e5; position:absolute; top:-30px; left:50%;}
.history_in ul:after {content:''; width:1px; height:100%; background-color:#e5e5e5; position:absolute; top:0px; left:50%;}
.history_in ul li {position:relative; display:table; width:100%; list-style:none;}
.history_in ul li h4 {display:table-cell; width:50%; font-family: 'Kanit', 'Noto Sans KR', sans-serif; text-align:right; padding-right:40px; box-sizing:border-box; font-size:1.429rem; color:#333; font-weight:500; vertical-align:top; padding-top:15px;}
.history_in ul li .his_cont {display:table-cell; padding-left:40px; vertical-align:top;}
.history_in ul li .his_cont li {position:relative; margin:20px 0;}
.history_in ul li .his_cont li:after {content:''; width:6px; height:6px; background-color:#000; position:absolute; top:50%; left:-42px; transform:translateY(-50%); border-radius:100px; z-index:10;}
.history_in ul li .his_cont li p.text {display:table-cell;  color:#000; vertical-align:middle;}
.history_in ul li .his_cont li.bot75 {}
.history_in ul > li.last {padding-bottom:30px;}
.history_in ul.his_cont:before, .history_in ul.his_cont:after {display:none;}


/* ABOUT - PHILOSOPHY */
.philosophy {margin-top:50px; padding:0 2%; box-sizing:border-box;}
.philosophy h4 {display:block; width:100%; font-size:1.714rem; color:#333; font-weight:500; margin-bottom:30px;}
.philosophy p {text-align:left;}
.philosophy .philosophy_inner {display:block; vertical-align:top;}
.philosophy .philosophy_inner .stit {margin-bottom:5%;}
.philosophy .philosophy_inner li {list-style:none;}
.philosophy .philosophy_inner li img{width:auto; max-width:100%; }
.philosophy .philosophy_inner .design {margin:40px 0 30px 0;}
.philosophy .philosophy_inner .heritage {margin-bottom:10px;}
.philosophy .philosophy_inner .vision {margin-bottom:30px;}
.philosophy02 p.stxt {margin-bottom:40px;}


/* ABOUT - VISION */ 
#vision{}
#vision .visionTop{background:url('/m/eng/about/img/vision_bg.jpg') no-repeat center/cover; text-align:center; padding:90px 0; }
#vision .visionTop article{display:inline-block; border-left:3px solid #e5004f;  border-right:3px solid #e5004f; position:relative; max-width:90%;}
#vision .visionTop article::before{content:""; display:block; width:6px; height:3px; position:absolute; left:0; top:0; background:#e5004f;}
#vision .visionTop article::after{content:""; display:block; width:6px; height:3px; position:absolute; left:0; bottom:0; background:#e5004f;}
#vision .visionTop h3{display:inline-block; font-weight:700; color:#333333; font-size:1.3846rem; letter-spacing:-.35pt; line-height:140%; padding:0 20px; font-family: 'Noto Sans KR', sans-serif; }
#vision .visionTop article h3::before{content:""; display:block; width:6px; height:3px; position:absolute; right:0; top:0; background:#e5004f;}
#vision .visionTop article h3::after{content:""; display:block; width:6px; height:3px; position:absolute; right:0; bottom:0; background:#e5004f;}

#vision .vision_in{padding:50px 3% 0;}
#vision .vision_in dl{margin: 0 0 70px}
#vision .vision_in dt{font-family:"Kanit", sans-serif; color:#333333; font-weight:500; line-height:100%; font-size:1.5385rem;}
#vision .vision_in dd{ font-size:1rem; font-weight:400; color:#333; padding:14px 0 0; line-height:170%; word-break:keep-all; font-family: 'Noto Sans KR', sans-serif;}
#vision .vision_in dl.last dd{font-size:1.2308rem; font-weight:700; margin:0 0 20px;}



/* ABOUT - BROCHUR */
.magazine_list {width:100%; background-color:#b59b84; overflow:hidden; box-sizing:border-box; position:Relative; padding:79px 0;}
.magazine_list .slick-slider {display: block; box-sizing: border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.magazine_list .slick-list{position: relative; display: block; overflow: hidden;margin: 0;padding: 0; }
.magazine_list .slick-slide {float: left; }
.magazine_list .slick-initialized .slick-slide {display: block;}

	/* Arrow */
	.magazine_list .slick-prev, .magazine_list .slick-next {position:absolute; z-index:1000; top:50%; font-size:0; width:37px; height:74px; transform:translateY(-50%); background-color:transparent; outline:none; border:0; cursor:pointer;}
	.magazine_list .slick-prev {left:4%; background:url('/img/prev_White.png') no-repeat center;}
	.magazine_list .slick-next {right:4%; background:url('/img/next_White.png') no-repeat center;}

	/* Dots */
	.magazine_list .slick-dots{position: absolute;  z-index:900; bottom:3%; left:50%; transform:translateX(-50%);}
	.magazine_list .slick-dots li{position: relative; display:inline-block; cursor: pointer; width:10px; height:10px; margin-right:15px; border-radius:100px; padding:0;}
	.magazine_list .slick-dots li:last-child {margin-right:0;}
	.magazine_list .slick-dots li button {width:10px; height:10px; font-size: 0; line-height: 0; display: block;cursor: pointer;border: 0; outline: none; background-color:#89715c; border-radius:50%; margin:0; padding:0;}
	.magazine_list .slick-dots li.slick-active button {background:rgba(255,255,255,1);}
	#slick-slide-control00, #slick-slide-control01, #slick-slide-control02 {background:rgba(255,255,255,0.3); width:100%; height:4px;}

.magazine_list .roll dl {width:70%; margin:0 auto; max-width:413px;}
.magazine_list .roll dl dt {position:relative; display:block; width:100%; text-align:center;}
.magazine_list .roll dl dt p {position:absolute; left:0; bottom:0; width:100%; max-width:413px; height:100%; padding-right:3%; z-index:3; box-sizing:border-box;}
.magazine_list .roll dl dt p img {width:100%; max-width:398px; margin:3.6% 3% 0 0; background-size:cover; background-position:Center; }
.magazine_list .roll dl dd {display:block; text-align:center;  width:100%; margin-top:25px; opacity:0; transition:all 0.4s linear; position:relative; top:50px;}
.magazine_list .roll dl dd > h4 {color:#fff; font-size:1.286rem; font-weight:500; font-family:"Kanit", "Noto Sans KR", Sans-serif; line-height:1; margin-bottom:7px; }
.magazine_list .roll dl dd > span {color:#fff; font-size:1.143rem; font-weight:200; font-family:"Kanit", "Noto Sans KR", Sans-serif; line-height:1; }
.magazine_list .roll dl dd > div {word-break:keep-all; font-size:1rem;  line-height:22px; color:#fff; font-weight:300; padding:15px 0 20px;  }
.magazine_list .roll dl dd > a {color:#fff; font-size:1rem; text-decoration:underline; font-weight:300; transition:all 1.2s linear; margin-left:50px;  opacity:0; font-family:"Kanit", "Noto Sans KR", Sans-serif; }
.magazine_list .roll dl dd.show {opacity:1; transition:all 0.4s  linear; top:0}



/* ABOUT - CI */
.ci_cont  {margin-bottom:40px}
.ci_cont > h4 {font-size:1.214rem; font-weight:400; color:#000;  text-align:center; margin-bottom:1.25rem; padding:0 3%; box-sizing:border-box;}
.ci_cont .sub_txt {margin-top:50px; margin-bottom:10px;}
.ci_cont img {margin-bottom:15px;}

.ci_color {overflow:hidden; margin-top:20px; margin-bottom:50px;}
.ci_color dl {float:left; width:calc(50% - 5px); margin:0 10px 10px 0;}
.ci_color dl:nth-child(2n) {margin-right:0;}
.ci_color dl dt {width:100%; height:100px;}
.ci_color dl dt.red {background-color:#ed145b;}
.ci_color dl dt.gray {background-color:#cbccc7;}
.ci_color dl dt.darkGray {background-color:#37393e;}
.ci_color dl dt.gold {background-color:#987360;}
.ci_color dl dd {border:1px solid #e5e5e5; border-top:0; padding:15px; box-sizing:border-box; height: 130px;}
.ci_color dl dd h4 {font-family: 'Kanit', sans-serif; font-size:1.176rem; color:#333; font-weight:400;}
.ci_color dl dd p {font-size:0.9412rem; line-height:1.647rem; color:#222;}

.Btn {display:inline-block; width:200px; height:50px; background-color:#ed145b; text-align:center; line-height:50px; position:relative; left:50%; transform:translateX(-50%); font-size:1.214rem; color:#fff !important;  font-weight:400; border:1px solid #ed145b; transition:all 0.3s ease;}
.Btn:hover {background-color:#fff; color:#ed145b !important; transition:all 0.3s ease;}



/* ABOUT - CONTACT */
.cheditor-container .cheditor-tb-wrapper{height: auto !important;}
.inquiry {margin:70px 0 100px 0;}
.inquiry.check {margin-top:0;}
.inquiry .tab_con {margin-bottom:50px;}
.inquiry .tab_con li {width:50%; margin-left:0;}
.inquiry h3 {font-size:1.214rem; color:#000;  line-height:100%; font-weight:400; text-align:center; margin-bottom:20px;}
.inquiry p.stxt {line-height:130%;}
.inquiry .form_cont {width:98%; margin:40px auto 0 auto; box-sizing:border-box;}

/* 1:1 문의하기 */
.box-file-input label{position:relative; z-index:10; display:inline-block; width:100px; height:40px; color:#000;  font-size:16px; text-align:center; line-height:40px; border:1px solid #000; cursor:pointer;}
.box-file-input label .file {position:absolute; top:0; left:0; display:inline-block; width:100px; height:40px; color:#000;  font-size:16px; text-align:center; line-height:40px;}
.box-file-input .file-input{display:none;}
.box-file-input .filename{display:inline-block; padding-left:20px; vertical-align:top; margin-top:10px;}
.filename {display:inline-block; font-size:16px; color:rgba(0,0,0,0.5);  margin:0 0 0 10px; }

.btn_b {position:relative; left:50%; transform:translateX(-50%); width:260px; height:60px; background-color:#000; border:1px solid #000; font-weight:500; font-size:24px;  color:#fff; text-align:center; line-height:55px; transition:all 0.4s linear; margin-top:50px; cursor:pointer;}
.btn_b:hover {background-color:#fff; color:#000; transition:all 0.4s linear;}

.contact_info{border-top:1px solid #333; margin:30px 3% 0;}
.contact_info dl{overflow:hidden; clear:both; padding:25px 0 22px;}
.contact_info dt{word-break:keep-all;}
.contact_info dt b{font-weight:500; color:#000; }
.contact_info dd{opacity:0.8; font-size:0.9rem; margin:2px 0 0}

.contact_info ul{list-style:none;}
.contact_info ul li{border:1px solid #ddd; box-sizing:Border-box; padding:22px 18px; position:relative; transition:all 0.2s linear; margin:0 0 5px; list-style:none;}
/*.contact_info ul li::before{content:""; display:block; opacity:0; position:absolute; right:20px; top:50%; width:25px; height:28px; background:url('/about/img/contact_g_on.png') no-repeat center/100%; transition:all 0.2s linear; margin-top:-14px;}
.contact_info ul li::after{content:""; display:block; position:absolute; right:20px; top:50%; width:25px; height:28px; background:url('/about/img/contact_g.png') no-repeat center/100%; opacity:1; transition:all 0.2s linear; margin-top:-14px;}*/
.contact_info ul li h6{font-size:1.071rem;  color:#000; font-weight:500; margin:0 0 5px; line-height:120%;}
.contact_info ul li a{font-family:"Kanit", "Noto Sans KR", sans-serif; color:#ed145b; padding:0 0 0 25px; font-weight:400;}
.contact_info ul li a.mail{background:url('/about/img/contact_mail.png') no-repeat left 5px;}
.contact_info ul li p{font-size:0.9rem; margin:6px 0 0}

.contact_info ul li:hover{border-color:#ed145b; transition:all 0.2s linear;}
/*.contact_info ul li:hover::before{opacity:1;  transition:all 0.2s linear;}
.contact_info ul li:hover::after{opacity:0;  transition:all 0.2s linear;}*/
/* 1:1 문의하기 */

.inquiryCheck_cont {width:80%; margin:0 auto; }
.inquiryCheck_cont ul {padding:40px 0 0}
.inquiryCheck_cont li {padding:0 0 10px; list-style:none;}
.inquiryCheck_cont input[type="text"] {font-size:1rem; width:100%; height:50px; padding:5px 20px; border:1px solid #e5e5e5; display:inline-block; vertical-align:middle; color:#000; box-sizing:border-box; }
.inquiryCheck_cont input[type="button"] {display:block; width:100%; height:62px; border:1px solid #000; color:#fff; background:#000; margin:20px auto 0; font-size:18px; font-weight:400; cursor:pointer; transition:all 0.2s linear; }
.inquiryCheck_cont input[type="button"]:hover {background:#000; border-color:#000; transition:all 0.2s linear; }

.branches {}
.branches_cont {overflow:hidden; width:96%; margin:50px auto 0 auto;}
.branches_cont li {margin-bottom:40px;}
.branches_cont li:last-child {margin-right:0;}
.branches_cont li h6 {font-size:1.2rem; color:#000; font-weight:500; padding:0 0 10px 24px; background:url('/m/about/img/location.png')no-repeat top 4px left; background-size:auto 20px; border-bottom:1px solid #000; margin-bottom:15px;}
.branches_cont li p {color:#000; line-height:170%; margin-bottom:10px;}
.branches_cont li dl {}
.branches_cont li dl dt {width:20px; text-align:center; display:table-cell; vertical-align:middle;}
.branches_cont li dl dd {font-family: 'Kanit', 'Noto Sans KR', sans-serif; display:table-cell; padding-left:10px; font-size:18px; color:#000; margin-bottom:5px;}
				 
input[name="vcode"] + .sub_txt{font-size:16px; display:inline-block;}
input[name="vcode"] + .sub_txt a{display:inline-block; color:#a3a3a3; border:1px solid #a3a3a3; font-size:12px; padding:2px 8px; vertical-align:middle; margin:0 0 2px 2px; transition:all 0.2s linear; border-radius:100px;}
input[name="vcode"] + .sub_txt a:hover{color:#000; border-color:#000; transition:all 0.2s linear;}
input[name="vcode"] + .sub_txt .ko{display: none;}

.mgzCont {background:#f5f5f5; }
.mgzCont > div {margin:0 auto; padding:50px 0 70px;}








/* ABOUT - PERSONEEL SYSTEM */
.tab_con.recruit{margin:0 0 30px; height:auto; box-sizing:Border-box;}
.tab_con.recruit li{width:50%;}
.tab_con.recruit li a{border-top:none; border-right:none; border-left:1px solid #ccc;}
.tab_con.recruit li:nth-child(-n+2) a{border-top:1px solid #ccc;}
.tab_con.recruit li:nth-child(even) a{border-right:1px solid #ccc;}

.tab_con.recruit li.tab_up a{border-color:#ed145b !important;}

.personnel_cont {}
.personnel {padding:0 2%;}
.personnel_cont h4 {font-size: 1.714rem; color:#333; font-weight:500;  line-height:140%; padding:0 0 20px}
.personnel_cont .personnel_title {}
.personnel_cont .personnel_title h4 {top:-80px;}
.personnel_cont .personnel_title p {text-align:left; }
.personnel_cont .personnel_title p span {color:#ee1c61;}
.personnel.pro h4 {}
.personnel.pro h4.two {position:relative; top:13px;}
.personnel.pro ul {margin-bottom:50px;}
.personnel_cont .personnel_inner {padding-bottom:50px;}
.personnel_cont .personnel_inner.benefit {padding:40px 0 60px;}
.personnel_cont .personnel_inner.top {padding:0 0 60px 0;}
.personnel_cont .personnel_inner img {margin-bottom:18px; display:block;}
.personnel_cont .personnel_inner p {text-align:left; margin-bottom:45px;}
.personnel_cont .personnel_inner p:last-child {margin-bottom:0;}
.personnel_cont .personnel_inner li {position:Relative;  color:#000; line-height:170%; text-align:left; padding-left:15px; list-style:none;}
.personnel_cont .personnel_inner li:before {content:''; width:4px; height:4px; background-color:#ddd; position:absolute; top:9px; left:0; border-radius:100px;}
.personnel_cont .personnel_inner {}
.personnel_cont  .imgbox {width:100%; margin:0 0 30px;}
.personnel_cont  .imgbox img{width:100%; }

.personnel_inner dl {position:relative; display:flex; width:100%; padding:38px 0 30px; background:url('/about/img/personnel_line.png')no-repeat left top;}
.personnel_inner dl.last:after {content:''; width:100%; height:10px; background:url('/about/img/personnel_line.png')no-repeat left top; position:absolute; bottom:0; left:0;}
.personnel_inner dl dt {width:80px;}
.personnel_inner dl dt img {display:block; margin:0 auto; height:32px;}
.personnel_inner dl dd {vertical-align:top; width:calc(100% - 80px);}
.personnel_inner dl dd h5 {font-size:1.3rem; color:#222;  font-weight:400; margin-bottom:3px;}

/* ABOUT - RECRUITMENT */
/* 카테고리 */
.cate_tab2 {text-align:center; font-size:0; margin:25px 0 30px;}
		.cate_tab2 li{display:inline-block; margin:0 10px;}
		.cate_tab2 li a{color:#666666; font-size:1.071rem; font-family:"Kanit", "Noto Sans KR", Sans-serif; font-weight:400;}
		.cate_tab2 li a:hover{color:#000;}
		.cate_tab2 li a.hover{color:#000000; font-weight:700;}

.personnel_pro {margin-bottom:50px;}
.personnel_cont .personnel_inner .process{overflow:hidden; clear:both; margin:10px 0 0;}
.personnel_cont .personnel_inner .process ~ .process{margin-top:25px;}
.personnel_cont .personnel_inner .process h5 {width:100px; font-size:1.2rem; color:#222;  font-weight:500; vertical-align:middle; float:left; margin:0 0 20px;}
.personnel_cont .personnel_inner .process ul {overflow:hidden; vertical-align:middle; list-style:none; margin:0; float:left; padding:3px 0 0}
.personnel_cont .personnel_inner .process li {position:relative; list-style:none; margin:0; padding:0}
.personnel_cont .personnel_inner .process li:last-child {margin-right:0;}
.personnel_cont .personnel_inner .process li:after {content:'↓'; color:#ed145b; display:block; font-size:12px; margin:0 0 0 4px;;}
.personnel_cont .personnel_inner .process li:last-child:after {display:none;}
.personnel_cont .personnel_inner .process li:before {display:none;}
.personnel_cont .personnel_inner .process li i {display:inline-block; font-style:normal; width:20px; height:20px; background-color:#ddd; color:#fff; text-align:center; line-height:20px; margin-right:10px; font-size:13px;}

.faq_cont .tab_con {margin-bottom:70px;}
.faq_cont .tab_con li {width:50%;}




/*******************************************************************************
	@media 421~480px
*******************************************************************************/
@media all and (max-width:480px){

#container {padding-top:77px;}
.contents_in {padding:0 3% 3% 3%;}



/****** SERVICE ******/

/* SERVICE */
#service p.stxt {padding:0 3%;}
#service p.stxt br {display:none;}

.service_cont ul li {width:50%; margin-bottom:5%; height: 400px;}
.service_cont ul li:after {position:absolute; content:''; width:15px; height:20px; background:url('/m/service/img/service_arrow.png') no-repeat center; top:20%; right:-8px; z-index:99; display:none !important;}
.service_cont ul li:nth-child(2):after {background:url('/m/service/img/service_arrow_b.png') no-repeat center; top:auto; bottom:-25px; left:50%;}
.service_cont ul li:nth-child(3) {float:right; margin-bottom:0;}
.service_cont ul li:nth-child(3):after {background:url('/m/service/img/service_arrow_l.png') no-repeat center; top:20%; left:-8px;}
.service_cont ul li:last-child {float:left; margin-bottom:0;}
.service_cont ul li:last-child:after {display:none;}
.service_cont dl dt img {width:100%;}
.service_cont dl dt:after {display:none;}
.service_cont dl dd {margin-top:15px;min-height:140px;}

.service .service_txt {padding:25px 3%;}
.service .service_txt p {line-height:200%;}

.service_box {padding-top:100px;}

/* service_box : 속성 */
.service_box .slick-dots li {width:50%; height:50px; border-bottom:1px solid #fff;}
.service_box .slick-dots li:nth-child(2) {border-right:none;}
.service_box .slick-dots li:nth-child(3), .service_box .slick-dots li:last-child {border-bottom:none;}
.service_box .slick-dots li a {height:50px; line-height:50px;}
.service_box .slick-dots #slick-slide03 a{line-height: 18px; padding-top: 7px; box-sizing:border-box;}
.service_box .slick-dots #slick-slide03 a br{display: block;}

/* Arrows */
.service_box .slick-prev, 
.service_box .slick-next {top:15%; width:15px; height:29px;}

.related {padding:0 3%;}
.related_box h6 {bottom:15px; left:15px;}


/*** PEOPLE ***/
#people h6 {font-size:1.429rem;}
.people_ceo li .name {left:20px; top:58px; font-size:1.429rem;}
.people_ceo li .job {font-size:1.429rem; left:20px; top:25px; }

.people_cont {margin-bottom:30px;}
.people_cont li .peo_txt {padding:15px;}
.people_cont li .peo_txt .job {font-size:1rem;}
.people_cont li .name{font-size:1.143rem;}
.people_cont li .job span::before {font-size:0.9286rem;}


/****** 회사소개 ******/

/* ABOUT - CEO GREETING */
#ceo .ceo_cont p br.m_block {display:none;}

/* ABOUT - OVERVIEW */
.overview_txt p.stxt {padding:0 3%;}
.overview_info {padding:10% 3%;}
.overview_info .stxt br {display:none;}
.overview_info ul {padding-top:35px;}
.overview_award dl {padding:5% 3%;}
.overview_award dl:last-child {padding:5% 3% 0 3%;}
.overview_award02 ul {margin:30px auto 0 auto;}

/* ABOUT - HISTORY */
#header.fixed + #container #sticker{margin-top:76px;}
.tab_con {width:100%;}
.history_in ul li h4 {padding-right:25px; padding-top:13px;}
.history_in ul li .his_cont {padding-left:25px;}
.history_in ul li .his_cont li:after {left:-27px;}

/* ABOUT - PHILOSOPHY */
.philosophy h4 {margin-bottom:20px;}
.philosophy .philosophy_inner .vision {margin-bottom:20px;}



/* ABOUT - BROCHUR */
.magazine_list {padding:40px 0;}
.magazine_list .slick-prev, .magazine_list .slick-next {width:20px; height:40px; background-size:cover;}

/* ABOUT - CI */
.ci_cont br {display:none;}
.ci_color {margin-bottom:20px;}
.ci_color dl {width:100%; margin-right:0; margin-bottom:2%;}
.ci_color dl br {display:block;}
.ci_color dl dt {width:100%; height:120px;}
.ci_color dl dd{height: auto;}

.Btn {width:160px; height:40px; line-height:40px; transform:translateX(-50%); font-size:1.1rem;}


/* ABOUT - CONTACT */
.btn_b {width:260px; height:60px; font-size:24px; line-height:55px; margin-top:50px;}

.inquiry .form_cont {width:94%;}
.inquiryCheck_cont input[type="text"] {height:40px; padding:5px 15px; font-size:13px;}
.inquiryCheck_cont input[type="button"] {height:56px; font-size:1.143rem;}

}


/*******************************************************************************
	@media 421~480px
*******************************************************************************/
@media all and (max-width:420px){


/* ABOUT - PHILOSOPHY */
.philosophy03 p.stxt br.m_block {display:none;}


.overview_award02 li {width:100%; margin-right:0%;}
.related li {width:100%; margin:0 0 2% 0; }




/*.people_cont li {width:100%; margin-right:0;}*/
}


/*******************************************************************************
	@media 421~480px
*******************************************************************************/
@media all and (max-width:380px){

/****** SERVICE ******/

/* SERVICE */
.service .service_txt p br {display:none;}

}

/*******************************************************************************
	@media 421~480px
*******************************************************************************/
@media all and (max-width:350px){


/* ABOUT - PHILOSOPHY */
.philosophy02 p.stxt br.m_block {display:none;}


/* ABOUT - CI */
.ci_cont .sub_txt {margin-top:25px; margin-bottom:5px;}
.ci_cont img {margin-bottom:7px;}

.ci_color {margin-top:10px; margin-bottom:15px;}

}