@charset "utf-8";

/* 공통 */
button, select, input {font-family:"Verdana"}

.board-list-table .f-date {width:145px;}

.c-tit01 {font-size:3em; letter-spacing:-0.04em; font-weight:normal;}
.c-tit02 {font-size:2.375em; letter-spacing:-0.04em; font-weight:normal;}
.c-tit03 {font-size:2em; letter-spacing:-0.04em; font-weight:normal;}
.c-list01 li, .c-list01-li {letter-spacing:-0.04em; font-size:1.125em;}
.eng {font-family:"Verdana" !important;}

@media all and (max-width:768px) {
	.c-tit01 {font-size:2.4em;}
	.c-tit02 {font-size:2em;}
	.c-tit03 {font-size:1.6em;}
	.c-list01 li, .c-list01-li {font-size:1em}
	.gap {height:30px}
	.sgap {height:20px}
	.ssgap {height:15px}
}
@media all and (max-width:480px) {
	.c-tit01 {font-size:2em;}
	.c-tit02 {font-size:1.6em;}
	.c-tit03 {font-size:1.4em;}
	.gap {height:25px}
	.sgap {height:15px}
	.ssgap {height:10px}
}

/* SIMONE > 기업개요 > 소개 : http://simone.cs21.kr/kr/index.php?pCode=introduction
------------------------------------------------------ */
#container-wrap.pCode-introduction {background:#fff}
#container-wrap.pCode-introduction #contents-wrap {padding-bottom:0}
.introduction-wr .box1 {position:relative;padding:79px 0 0}
.introduction-wr .box1 .c-tit01 span {display:block}
.introduction-wr .box1 .txt {font-size:1.5em;color:#333;}
.introduction-wr .box1 .txt span {display:block}
.introduction-wr .box1 .sideBox {display:block;overflow:hidden;background:#fff;margin:60px 0 0}
.introduction-wr .box1 .side {display:block;position:relative;width:50%;float:left;box-sizing:border-box;padding:0 64px;margin:59px 0 45px}
.introduction-wr .box1 .side .c-tit02 {font-size:2em; color: #4f8c8a;}
.introduction-wr .box1 .side ul {display:block;overflow:hidden}
.introduction-wr .box1 .side ul li {display:block;width:50%;float:left}
.introduction-wr .box1 .side ul li span {display:block;line-height:1.2}
.introduction-wr .box1 .side ul li .kor {font-size:1.125em}
.introduction-wr .box1 .side ul li .eng {font-size:1.5em;}
.introduction-wr .box1 .side.side-R li {width:100%;}
.introduction-wr .box1 .side .imgBox {text-align:center;font-size:0;line-height:1;box-sizing:border-box;margin:50px 0 0}
.introduction-wr .box1 .side .imgBox img {display:inline-block;width:100%}
.introduction-wr .box1 .side-L:after {content:"";display:block;position:absolute;width:1px;height:100%;background:#ccc;right:0;top:0}
.introduction-wr .box1 .side-L .imgBox {padding:4px 0 0}
.introduction-wr .box1 .side-L .imgBox img {max-width:504px}
.introduction-wr .box1 .side-R .imgBox img {max-width:290px}
.introduction-wr .box1:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:#f8f8f8;z-index:-1}
.introduction-wr .box2 {position:relative;padding:105px 0 192px}
.introduction-wr .box2:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:url(/kr/_Img/Contents/way_pic4.jpg) no-repeat center center;z-index:-1}
.introduction-wr .box2 .c-tit01 {color:#fff;text-align:center;}
.introduction-wr .box2 .c-tit01 span {font-weight:400}
.introduction-wr .box2 ul {display:block;overflow:hidden;margin:107px 0 0}
.introduction-wr .box2 ul li {display:block;position:relative;float:left;width:20%;margin:0;color:#fff;text-align:center}
.introduction-wr .box2 ul li:after {content:"";display:block;position:absolute;width:19px;height:19px;background:url(/kr/_Img/Contents/way_spr.png) no-repeat -74px -152px;right:-10px;top:29px}
.introduction-wr .box2 ul li:last-child:after {display:none}
.introduction-wr .box2 ul li .p1 span {display:inline-block;vertical-align:bottom;line-height:1}
.introduction-wr .box2 ul li .p1 .eng {font-size:2.353em;font-weight:200;font-family:"oswald"}
.introduction-wr .box2 ul li .p1 .eng em {font-style:normal;;font-size:0.550em;}
.introduction-wr .box2 ul li .p1 .kor {font-size:1.2em;;}
.introduction-wr .box2 ul li .p2 {font-size:15px;font-weight:400;letter-spacing:.1em;margin:17px 0 0}
@media all and (max-width:1325px) {
		.introduction-wr .box1 .side ul li { float:none;width:100%;margin:15px 0 0}
}
@media all and (max-width:1200px) {
	.introduction-wr .box1 {padding-top:30px}
	.introduction-wr .box1 .txt span {display:inline}
	.introduction-wr .box1 .c-tit02 {letter-spacing:0;margin-bottom:5px}
	.introduction-wr .box1 .sideBox {margin:50px 0 0}
	.introduction-wr .box1 .side {padding:0 30px;margin:30px 0}
	.introduction-wr .box2 {padding:70px 0 100px;margin:0}
	.introduction-wr .box2 ul {margin:100px 0 0;text-align:center}
	.introduction-wr .box2 ul li {float:none; width:30%; margin-bottom:30px; display:inline-block}
	.introduction-wr .box2 ul li:nth-child(3):after {display:none}
}
@media all and (max-width:999px) {
	.introduction-wr .box1 .c-tit02 span {display:block}
	.introduction-wr .box1 .side .c-tit02 {margin:0 0 10px}
	.introduction-wr .box2 {padding-bottom:40px;margin:0}
	.introduction-wr .box2 ul {margin:50px 0 0;}
}
@media all and (max-width:768px) {
	.introduction-wr .box1 .txt {font-size:1.2em;}
	.introduction-wr .box1 .c-tit02 span { display:inline}
	.introduction-wr .box1 .c-tit02 span:last-child {font-size:.7em}
	.introduction-wr .box1 .sideBox {margin:20px 0 0}
	.introduction-wr .box1 .side {width:100%}
	.introduction-wr .box1 .side .c-tit02 {font-size:1.6em;margin:0; text-align:center}
	.introduction-wr .box1 .side ul li { width:48%; display:inline-block;vertical-align:top; text-align:center}
	.introduction-wr .box1 .side ul li .eng {font-size:1.2em}
	.introduction-wr .box1 .side ul li .kor {font-size:1em;}
	.introduction-wr .box1 .side-L .imgBox {margin-top:20px}
	.introduction-wr .box1 .side-L {padding:0 30px 30px;margin:30px 0}
	.introduction-wr .box1 .side-L:after {width:80%;height:1px;top:auto;bottom:0; left:50%;margin-left:-40%}
	.introduction-wr .box1 .side-R {padding:0 20px 20px;margin:0}
	.introduction-wr .box1 .side-R ul li {width:100%}
	.introduction-wr .box1 .side-R .imgBox {margin-top:20px}
	.introduction-wr .box1 .side-R .imgBox img {max-width:250px}
	.introduction-wr .box2 ul {text-align:center}
	.introduction-wr .box2 ul li {display:inline-block;float:none;width:45%;margin:0 0 20px}
	.introduction-wr .box2 ul li:nth-child(2n+2):after {display:none}
	.introduction-wr .box2 ul li:nth-child(3):after {display:block}
}
@media all and (max-width:600px) {
	.introduction-wr .box1 .side ul li {width:100%;}
	.introduction-wr .box2 {padding:30px 0 20px;margin:30px 0 0}
	.introduction-wr .box2 ul {margin:30px 0 0}
	.introduction-wr .box2 ul li {width:49%;margin:0 0 20px;vertical-align:top}
	.introduction-wr .box2 ul li:nth-child(3):after {display:block}
	.introduction-wr .box2 ul li:nth-child(even):after {display:none}
	.introduction-wr .box2 ul li .p1 .eng {font-size:2.00em}
	.introduction-wr .box2 ul li .p1 .eng em {font-size:0.5em;}
	.introduction-wr .box2 ul li .p1 .kor {font-size:1em;display:none;}
	.introduction-wr .box2 ul li .p1 br {display:none;}
	.introduction-wr .box2 ul li .p2 {letter-spacing:0;margin:5px 0 0}
}

/* SIMONE > 기업개요 > 비전, 미션 : http://simone.cs21.kr/kr/index.php?pCode=vision
------------------------------------------------------ */
#container-wrap.pCode-vision {background:#fff}
.vision-wr .opening {text-align:center}
.vision-wr .opening p {font-size:1.75em;line-height:1.37;color:#222;;margin:22px 0 0;}
.vision-wr .opening p span {display:block}
.vision-wr .box1 {position:relative;padding:63px 0 0;margin:63px 0 55px;text-align:center;z-index:2}
.vision-wr .box1:after {content:"";display:block;position:absolute;width:2000px;height:270px;left:50%;top:0;margin:0 0 0 -1000px;background:#f5f5f5 url(/_Img/Common/bg/c_patten01.png) repeat;z-index:-1}
.vision-wr .box1 .c-tit02 {color:#4f8c8a}
.vision-wr .box1 .msg {font-size:1.5em;line-height:1.43;margin:28px 0 0; }
.vision-wr .box1 .msg span {display:block}
.vision-wr .box1 .c-tit03 { margin:70px 0 0; color:#444}
.vision-wr .box1 .strategyLst {display:block;margin:20px 0 0}
.vision-wr .box1 .strategyLst:after {content:"";display:block;clear:both}
.vision-wr .box1 .strategyLst > li {display:block;position:relative;float:left;width:30.71%;margin:0 3.935% 0 0}
.vision-wr .box1 .strategyLst > li:last-child {margin:0}
.vision-wr .box1 .strategyLst > li .role-btn {display:block;position:relative;padding:0 0 35px;margin:0;border:0;background:transparent}
.vision-wr .box1 .strategyLst > li .role-btn .imgBox {position:relative;box-shadow:0px 0px 0 rgba(0, 0, 0, 0);transition:all .3s ease}
.vision-wr .box1 .strategyLst > li .role-btn .imgBox:before {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0, .5);z-index:2;opacity:1;transition:all .3s ease}
.vision-wr .box1 .strategyLst > li .role-btn .imgBox img {display:block;width:100%;position:relative;z-index:1}
.vision-wr .box1 .strategyLst > li .role-btn .txtBox {text-align:left;opacity:.6;transition:all .3s ease}
.vision-wr .box1 .strategyLst > li .role-btn .txtBox span {display:block;position:relative;font-size:14px;font-family:"oswald";color:#222;line-height:1;box-sizing:border-box;padding:0 10px;margin:30px 0 0}
.vision-wr .box1 .strategyLst > li .role-btn .txtBox span:after {content:"";display:block;position:absolute;width:170px;height:3px;background:#474747;left:42px;top:2px}
.vision-wr .box1 .strategyLst > li .role-btn .txtBox p {font-size:1.29em;line-height:1.2;;color:#333;margin:15px 0 0 10px}
.vision-wr .box1 .strategyLst > li .c-list01 {display:none;padding:0 0 40px;background:#fff}
.vision-wr .box1 .strategyLst > li .c-list01 li {font-size:1.05em;margin:0 0 10px 20px}
.vision-wr .box1 .strategyLst > li .c-list01 li:last-child {margin-bottom:0}
.vision-wr .box1 .strategyLst > li .c-list01 li:before {top:13px}
.vision-wr .box1 .strategyLst > li.over .role-btn .imgBox {box-shadow:30px 30px 25px rgba(0, 0, 0, .2)}
.vision-wr .box1 .strategyLst > li.over .role-btn .imgBox:before {opacity:0}
.vision-wr .box1 .strategyLst > li.over .role-btn .txtBox {opacity:1}
.vision-wr .box2 {position:relative; z-index:1;padding:60px 0 130px}
.vision-wr .box2:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;z-index:-1;background:url(/kr/_Img/Contents/vision_bg1.jpg) no-repeat;background-size:cover}
.vision-wr .box2 .c-tit03 {color:#fff;text-align:center}
.vision-wr .box2 ul {display:block;margin:40px 90px 0}
.vision-wr .box2 ul:after {content:"";display:block;clear:both}
.vision-wr .box2 ul li {display:block;position:relative;width:16.39%;margin:0 4.5125% 0 0;height:0;padding:0 0 16.39%;;float:left}
.vision-wr .box2 ul li:last-child {margin:0}
.vision-wr .box2 ul li .role-btn {display:block;position:absolute;width:100%;height:100%;border-radius:50%;text-align:center;border:0;overflow:hidden;box-shadow:0 0 0 rgba(0, 0, 0, 0);box-sizing:border-box;padding:12px 5px 0;transition:all .3s ease}
.vision-wr .box2 ul li .role-btn:before,
.vision-wr .box2 ul li .role-btn:after {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;transition:all .3s ease}
.vision-wr .box2 ul li .role-btn:before {background:#e8f7f6;z-index:2;opacity:1}
.vision-wr .box2 ul li .role-btn:after {background:url(/kr/_Img/Contents/vision_bg2.png) no-repeat center center;background-size:cover;z-index:1;opacity:0}
.vision-wr .box2 ul li .role-btn .num {display:inline-block;position:relative;font-family:"oswald";font-size:15px;;opacity:0;color:#fff;z-index:3;padding:0 0 5px;margin:0 0 10px;transition:all .3s ease}
.vision-wr .box2 ul li .role-btn .num:after {content:"";display:block;position:absolute;width:100%;height:1px;background:#fff;left:0;bottom:0}
.vision-wr .box2 ul li .role-btn h4 {position:relative;font-size:1.235em;color:#444;z-index:3;line-height:1;font-weight:400;;transition:all .3s ease}
.vision-wr .box2 ul li .role-btn p {position:relative;font-size:15px;line-height:1.2;;color:#000;opacity:.7;margin:16px 0 0;z-index:3;transition:all .3s ease;padding:0 7px;}
.vision-wr .box2 ul li .role-btn p span {/* display:block */}
.vision-wr .box2 ul li .role-btn:focus,
.vision-wr .box2 ul li .role-btn:hover,
.vision-wr .box2 ul li.over .role-btn {box-shadow:30px 30px 25px rgba(0, 0, 0, .2)}
.vision-wr .box2 ul li .role-btn:focus:before,
.vision-wr .box2 ul li .role-btn:hover:before,
.vision-wr .box2 ul li.over .role-btn:before {opacity:0}
.vision-wr .box2 ul li .role-btn:focus:after,
.vision-wr .box2 ul li .role-btn:hover:after,
.vision-wr .box2 ul li.over .role-btn:after {opacity:1}
.vision-wr .box2 ul li .role-btn:focus .num,
.vision-wr .box2 ul li .role-btn:hover .num,
.vision-wr .box2 ul li.over .role-btn .num {opacity:1}
.vision-wr .box2 ul li .role-btn:focus h4,
.vision-wr .box2 ul li .role-btn:hover h4,
.vision-wr .box2 ul li.over .role-btn h4 {color:#fff;font-weight:500}
.vision-wr .box2 ul li .role-btn:focus p,
.vision-wr .box2 ul li .role-btn:hover p,
.vision-wr .box2 ul li.over .role-btn p {color:#fff}
.vision-wr .box3 {padding:109px 0}
.vision-wr .box3 .img-zoom {width:100%;max-width:710px;margin:0 auto}
@media all and (max-width:1400px) {
	.vision-wr .box2 ul {margin:40px 0 0}
	.vision-wr .box2 ul li {margin: 0 1% 0 1%;width:18.39%;padding-bottom:18.39%;}
	.vision-wr .box2 ul li .role-btn {padding:25px 5px 0;}
}
@media all and (max-width:1200px) {
	.vision-wr .box1 {padding:50px 0 0;margin:50px 0 40px}
	.vision-wr .box1 .strategyLst > li .role-btn .txtBox span {padding:0 0 0 10px}
	.vision-wr .box1 .strategyLst > li .c-list01 li {margin:0 0 0 10px}
	.vision-wr .box1 .strategyLst > li.over .role-btn .imgBox {box-shadow:20px 20px 15px rgba(0, 0, 0, .2)}
	.vision-wr .box1:after { height:250px}
	.vision-wr .box2 {padding:50px 0 60px}
	.vision-wr .box2 ul li {width:17.39%;margin:0 2% 0 1%;padding:0 0 22.39%;}
	.vision-wr .box2 ul li .role-btn {border-radius:0;}
	.vision-wr .box2 ul li .role-btn .num {margin:0 0 10px}
}
@media all and (max-width:1024px) {
	.vision-wr .box1:after {height:240px}
	.vision-wr .box1 .msg {margin:20px 0 0}
	.vision-wr .box1 .strategyLst > li {width:32.00%;margin:0 2% 0 0}
	.vision-wr .box1 .strategyLst > li .c-list01 {display:block}
	.vision-wr .box1 .strategyLst > li .role-btn { padding-bottom:20px}
	.vision-wr .box1 .strategyLst > li .role-btn .imgBox {box-shadow:10px 10px 10px rgba(0, 0, 0, .2)}
	.vision-wr .box1 .strategyLst > li .role-btn .imgBox:before {opacity:0}
	.vision-wr .box1 .strategyLst > li .role-btn .txtBox {opacity:1}
	.vision-wr .box1 .strategyLst > li.over .role-btn .imgBox {box-shadow:10px 10px 10px rgba(0, 0, 0, .2)}
	.vision-wr .box2 ul {text-align:center}
	.vision-wr .box2 ul li {display:inline-block;width:30%;height:auto;/* padding:0; */float:none;margin:0 0.5%;}
	.vision-wr .box2 ul li:last-child {margin:0 0.5%;}
	.vision-wr .box2 ul li .role-btn {padding-top:25px;}
	.vision-wr .box2 ul li .role-btn {box-shadow:30px 30px 25px rgba(0, 0, 0, .2)}
	.vision-wr .box2 ul li .role-btn:before {opacity:0}
	.vision-wr .box2 ul li .role-btn:after {opacity:1}
	.vision-wr .box2 ul li .role-btn .num {opacity:1}
	.vision-wr .box2 ul li .role-btn h4 {color:#fff;font-weight:500}
	.vision-wr .box2 ul li .role-btn p {color:#fff}
	.vision-wr .box3 {padding:50px 0}
}
@media all and (max-width:999px) {
	.vision-wr .opening p {font-size:1.5em;}
	.vision-wr .opening p span {display:inline}
	.vision-wr .box1 .msg {font-size:1.3em;}
	.vision-wr .box1 .msg span {display:inline}
	.vision-wr .box2 ul li {padding:0;}
	.vision-wr .box2 ul li .role-btn {position:relative;height:200px;margin:0 auto}
}
@media all and (max-width:768px) {
	.vision-wr .box1 {padding-top:40px;margin-top:40px}
	.vision-wr .box1:after {height:220px}
	.vision-wr .box1 .c-tit03 {margin-top:40px}
	.vision-wr .box1 .strategyLst {margin-top:15px}
	.vision-wr .box1 .strategyLst > li .role-btn { padding-bottom:15px}
	.vision-wr .box1 .strategyLst > li .role-btn .imgBox, .vision-wr .box1 .strategyLst > li.over .role-btn .imgBox, .vision-wr .box2 ul li .role-btn, .vision-wr .box2 ul li.over .role-btn {box-shadow:none}
	.vision-wr .box2 {padding:40px 0 40px}
	.vision-wr .box3 {padding:40px 0 0}
}
@media all and (max-width:700px) {
	.vision-wr .box1 .strategyLst > li {float: none; width:100%;margin:0 0 2%}
	.vision-wr .box1 .strategyLst > li .role-btn .imgBox {max-width:80%;margin:0 auto}
	.vision-wr .box1 .strategyLst > li .c-list01 {overflow:hidden}
	.vision-wr .box1 .strategyLst > li .c-list01 li {display:block;float:left;width:48%;box-sizing:border-box}
	.vision-wr .box2 ul li .role-btn {height:225px;}
}
@media all and (max-width:600px) {
	.vision-wr .opening p {font-size:1.4em;line-height:1.3;margin:10px 0 0;word-wrap:break-word;word-break:keep-all;white-space:normal}
	.vision-wr .opening p span {display:inline}
	.vision-wr .box1 .msg {font-size:1.35em;line-height:1.3;margin:10px 0 0;word-wrap:break-word;word-break:keep-all;white-space:normal}
	.vision-wr .box1 .strategyLst > li .c-list01 li {width:100%}
	.vision-wr .box2 {padding:30px 0}
	.vision-wr .box2 ul {margin:20px 0 0}
	.vision-wr .box2 ul li {float:left;width:48%;margin:0 1% 2%;display:block}
	.vision-wr .box2 ul li:last-child {margin:0 1% 2%}
	.vision-wr .box2 ul li .role-btn {box-sizing:border-box;padding:30px 20px;text-align:left;margin:0;border-radius:0;box-shadow:none}
	.vision-wr .box2 ul li .role-btn p span {display:inline}
	.vision-wr .box2 ul li.over .role-btn {box-shadow:none}
}
@media all and (max-width:480px) {
	.vision-wr .opening p { font-size:1.15em}
	.vision-wr .box1 { padding-top:30px; margin-top:30px; margin-bottom:33px;}
	.vision-wr .box1:after {height:200px}
	.vision-wr .box1 .c-tit01 { margin-bottom:15px}
	.vision-wr .box1 .msg { font-size:1.1em}
	.vision-wr .box1 .msg span { display:inline}
	.vision-wr .box1 .strategyLst > li .c-list01 { padding-bottom:20px}
	.vision-wr .box1 .strategyLst > li .role-btn {padding-bottom:5px}
	.vision-wr .box1 .strategyLst > li .role-btn .imgBox { max-width:100%}
	.vision-wr .box1 .strategyLst > li .role-btn .txtBox span {margin-top:25px}
	.vision-wr .box1 .strategyLst > li .role-btn .txtBox p { font-size:1.2em; margin-top:10px}
	.vision-wr .box2 ul li { float:none; width:100%; margin:0 0 2%}
	.vision-wr .box2 ul li:last-child {margin:0 0 2%}
	.vision-wr .box2 ul li .role-btn { padding:15px;height:auto;}
	.vision-wr .box2 ul li .role-btn .num { margin:0 10px 10px 0}
	.vision-wr .box2 ul li .role-btn h4 { font-size:1.10em; display:inline-block}
	.vision-wr .box2 ul li .role-btn p {margin-top:0}
}

/* SIMONE > 연혁 : http://simone.cs21.kr/kr/index.php?pCode=history
------------------------------------------------------ */
.history-wr .history-type1 .item .yearTxtPkg .text {display:none;}


/* SIMONE > CEO 메시지 : http://simone.cs21.kr/kr/index.php?pCode=greeting
------------------------------------------------------ */
#container-wrap.pCode-greeting {background:#fff}
#container-wrap.pCode-greeting #contents-wrap {position:relative}
#container-wrap.pCode-greeting #contents-wrap:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:url(/_Img/Common/bg/c_patten03.png) repeat left top;z-index:-2}
.greeting-wr .c-tit01 { text-align:center}
.greeting-wr .opening {position:relative;box-sizing:border-box;padding:15px 0 0 760px}
.greeting-wr .opening .imgBox {position:absolute;width:599px;left:0;top:0px;box-sizing:border-box;padding:110px 0 0 48px}
.greeting-wr .opening .imgBox span {display:block;position:relative;box-sizing:border-box;padding:60px 0 0 42px}
.greeting-wr .opening .imgBox span:before,
.greeting-wr .opening .imgBox span:after {content:"";display:block;position:absolute}
.greeting-wr .opening .imgBox span:before {width:491px;height:366px;background:url(/_Img/Common/bg/c_patten04.png) repeat left top;left:0;top:0;z-index:1}
.greeting-wr .opening .imgBox span:after {width:232px;height:182px;background:url(/kr/_Img/Contents/greeting_graphic1.png) no-repeat;right:-135px;bottom:-60px;z-index:3}
.greeting-wr .opening .imgBox span img {display:block;position:relative;width:100%;z-index:2}
.greeting-wr .opening .txtBox {margin-top:50px}
.greeting-wr .opening .txtBox .btxt {font-size:2.059em;color:#333;line-height:1.286;;margin:0 0 44px}
.greeting-wr .opening .txtBox .btxt span {display:block}
.greeting-wr .opening .txtBox p {font-size:1.125em;line-height:1.62;color:#333;;margin:0 0 32px}
.greeting-wr .opening .txtBox p:last-child {margin:0}
.greeting-wr .opening .txtBox p span {display:block}
.greeting-wr .box1 {position:relative;margin:220px 0 0;padding:0 0 90px}
.greeting-wr .box1:before {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:#f5f5f5;z-index:-1}
.greeting-wr .box1:after {content:"";display:block;clear:both}
.greeting-wr .box1 .side {display:block;width:50%;box-sizing:border-box}
.greeting-wr .box1 .side .c-tit02 {font-size:1.77em;color:#4f8c8a; margin:0 0 60px;}
.greeting-wr .box1 .side p {font-size:1.125em;color:#333;;line-height:1.62;margin:0 0 32px;;box-sizing:border-box}
.greeting-wr .box1 .side p:last-child {margin:0}
.greeting-wr .box1 .side p span {display:block}
.greeting-wr .box1 .side.side-L {float:left;padding:100px 0 0 129px}
.greeting-wr .box1 .side.side-R {float:right;padding:0px 0 0 65px}
.greeting-wr .box1 .side.side-R img {display:block;width:100%;margin:-75px 0 0}
.greeting-wr .box1 .side.side-R p {padding:89px 0 0 53px}
@media all and (max-width:1400px) {
	.greeting-wr .opening {padding:95px 0 0 700px}
	.greeting-wr .opening .txtBox p span {display:inline}
	.greeting-wr .opening .imgBox span:after {right:-75px;}
	.greeting-wr .box1 .side.side-L {padding:122px 40px 0 40px}
	.greeting-wr .box1 .side.side-R {padding:0 0 0 40px}
}
@media all and (max-width:1300px) {
	.greeting-wr .opening {padding:90px 0 0 600px}
	.greeting-wr .opening .imgBox {width:500px;padding:130px 0 0}
	.greeting-wr .opening .imgBox span:after {right:-40px}
	.greeting-wr .box1 .side p span {display:inline}
}
@media all and (max-width:1200px) {
	.greeting-wr .opening {padding:40px 0 0 560px}
	.greeting-wr .opening .imgBox {padding:70px 0 0}
	.greeting-wr .box1 {margin:150px 0 0;padding:0 0 100px}
	.greeting-wr .box1 .side .c-tit02 {margin:0 0 30px}
	.greeting-wr .box1 .side.side-L {padding:50px 20px 0 0}
	.greeting-wr .box1 .side.side-R {padding:0 0 0 20px}
	.greeting-wr .box1 .side.side-R p {padding:30px 0 0}
}
@media all and (max-width:999px) {
	.greeting-wr .opening {padding:40px 0 0 440px}
	.greeting-wr .opening .imgBox {width:400px;padding:50px 0 0}
	.greeting-wr .opening .imgBox span {padding:42px 0 0 29px}
	.greeting-wr .opening .imgBox span:before {width:343px;height:256px}
	.greeting-wr .opening .imgBox span:after {width:162px;height:127px;background-size:contain;bottom:-20px}
}
@media all and (max-width:768px) {
	.greeting-wr .opening {padding:0}
	.greeting-wr .opening .imgBox {position:relative;width:100%;max-width:420px;left:auto;top:auto;margin:0 auto;padding:0}
	.greeting-wr .opening .txtBox .btxt {margin:30px auto 20px;font-size:1.6em}
	.greeting-wr .opening .txtBox p { margin-bottom:20px}
	.greeting-wr .box1 {margin-top:40px ;padding-bottom:40px}
	.greeting-wr .box1 .side {width:100%}
	.greeting-wr .box1 .side p {margin:0 0 20px}
	.greeting-wr .box1 .side.side-L {padding:40px 0 0}
	.greeting-wr .box1 .side.side-R { padding:30px 0 0}
	.greeting-wr .box1 .side.side-R img {max-width:420px;margin:0 auto}
}
@media all and (max-width:500px) {
	.greeting-wr .opening .imgBox {max-width:none}
	.greeting-wr .opening .imgBox span {padding:0}
	.greeting-wr .opening .imgBox span:before {left:-20px;top:-20px}
	.greeting-wr .opening .imgBox span:after {right:-10px}
	.greeting-wr .opening .txtBox .btxt {font-size:1.4em}
}
@media all and (max-width:480px) {
	.greeting-wr .opening .txtBox p { font-size:1.1em;}
	.greeting-wr .box1 .side .c-tit02 {font-size:1.4em;}
	.greeting-wr .box1 .side p { font-size:1.1em;}
}
@media all and (max-width:400px) {
	.greeting-wr .opening .imgBox span:after {width:113px;height:89px;right:-20px;bottom:-20px}
}

/* SIMONE > 글로벌 네트워크 : http://simone.cs21.kr/kr/index.php?pCode=global
------------------------------------------------------ */
#container-wrap.pCode-global {background:#fff}
#container-wrap.pCode-global #contents-wrap {position:relative}
.global-wr .c-tit01 {margin:0 0 59px; text-align:center}
.global-wr .map-wr {position:relative;height:940px}
.global-wr .map-wr:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:#f5f5f5;z-index:-1}
.global-wr .map-wr .mapCore {display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;box-sizing:border-box;padding:0;z-index:1}
.global-wr .map-wr .mapCore .lstBox {display:block;position:absolute;height:100%;width:100%;left:0;top:0;margin:0;z-index:3}
.global-wr .mMsg-wr {display:none}
.global-wr .leg-wr {position:relative;text-align:center;z-index:2;height:0}
.global-wr .leg-wr .inwr {position:absolute;width:100%;left:0;top:78px}
.global-wr .leg-wr dl {display:inline-block;vertical-align:top;margin:0 2px}
.global-wr .leg-wr dl dt {font-size:1.05em;line-height:1}
.global-wr .leg-wr dl dd {font-size:0;line-height:1}
.global-wr .leg-wr dl dd span {display:block;width:12px;height:12px;border-radius:50%;font-size:0}
.global-wr .leg-wr dl.corpor {}
.global-wr .leg-wr dl.corpor dt,
.global-wr .leg-wr dl.corpor dd {float:left}
.global-wr .leg-wr dl.corpor dd span {background:#3c3c3c;margin:3px 0 0 8px}
.global-wr .leg-wr dl.branch {}
.global-wr .leg-wr dl.branch dt,
.global-wr .leg-wr dl.branch dd {float:right}
.global-wr .leg-wr dl.branch dd span {background:#e051a6;margin:3px 8px 0 0}
.global-wr .map-wr .mapCore .lstBox .lst-marker {position:absolute;width:100%;height:100%;left:0;top:0}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul {display:block;position:relative;height:100%;overflow:visible}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li {display:block;position:absolute;z-index:1;opacity:0}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.pos1 {right:1190px;bottom:572px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.pos2 {right:1307px;bottom:433px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.pos3 {right:1272px;bottom:507px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.pos4 {right:1247px;bottom:502px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.pos5 {right:1290px;bottom:450px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.pos6 {right:1278px;bottom:332px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.pos7 {right:410px;bottom:595px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.corpor-LI {}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.branch-LI {}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.act {z-index:2}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button {display:block;position:relative;line-height:1;border:0;overflow:visible;background:transparent;transition:all .3s ease}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button.eng {font-family:"oswald"}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button .txt {display:block;position:absolute;top:0;text-align:center;line-height:1.2;white-space:nowrap;font-size:15px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button .txt:after {content:"";display:block;position:absolute;width:0;height:2px;background:#000;left:0;bottom:-3px;transition:all .3s ease}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li .marker {display:block;position:relative;width:22px;height:33px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li .marker img {display:block;position:absolute;width:22px;left:50%;bottom:0;margin:0 0 0 -11px;transition:all .3s ease}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button[disabled='disabled'] {opacity:.3;cursor:default}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button[disabled='disabled']:focus .marker img,
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button[disabled='disabled']:hover .marker img {width:22px;margin:0 0 0 -11px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button.head {}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button.head .txt {font-size:17px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button.head .marker {width:30px;height:43px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button.head .marker img {width:30px;margin:0 0 0 -15px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button.corpor {}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button.corpor .txt {right:100%;margin:0 10px 0 0;color:#000}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button.branch {}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button.branch .txt {left:50%;margin:-20px 0 0;color:#fff;transform:translateX(-50%)}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button:focus .txt:after,
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button:hover .txt:after {width:100%}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.over button .marker img,
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button:focus .marker img,
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button:hover .marker img {width:30px;margin:0 0 0 -15px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.over button.head .marker img,
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button.head:focus .marker img,
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li button.head:hover .marker img {width:36px;margin:0 0 0 -18px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.has2 {}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.has2 .side1 {}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.has2 .side1 .txt {margin:0 10px 0 0}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.has2 .side2 {position:absolute;left:100%;top:0;margin:0 0 0 70px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.has2 .side2 .txt {margin:0 0 0 10px}
.global-wr .map-wr .mapCore .lstBox .lst-marker ul li.has2.over .marker img {width:30px;margin:0 0 0 -15px}
.global-wr .map-wr .mapCore .base {display:block;position:relative;width:100%;z-index:1}
.global-wr .status-wr {position:relative;margin:-250px 0 0;background:#fff;z-index:2}
.global-wr .status-wr ul {display:block;margin:0 90px;overflow:hidden}
.global-wr .status-wr ul li {display:block;position:relative;width:50%;float:left;text-align:center;padding:74px 0 61px}
.global-wr .status-wr ul li:after {content:"";display:block;position:absolute;width:1px;height:120px;background:#d9d9d9;right:0;top:50%;margin:-60px 0 0}
.global-wr .status-wr ul li:last-child:after {display:none}
.global-wr .status-wr ul li .title {position:relative;font-size:1.125em;line-height:1;margin:20px 0 0;color:#333; display:block; }
.global-wr .status-wr ul li .title:before {content:"";display:inline-block;width:68px;height:48px;background:url(/kr/_Img/Contents/global_spr.png) no-repeat; margin:0 10px 0 -10px; vertical-align:middle}
.global-wr .status-wr ul li.n01 .title:before {background-position:-78px 0px}
.global-wr .status-wr ul li.n02 .title:before {background-position:-156px 0px}
.global-wr .status-wr ul li p {margin:11px 0 0}
.global-wr .status-wr ul li p strong {font-size:36px;color:#4f8c8a}
.global-wr .status-wr ul li.n01 p {font-size:1.647em;;line-height:1; color:#333}
.global-wr .status-wr ul li.n02 p, .global-wr .status-wr ul li.n03 p {font-size:1.412em;;line-height:1;color:#333}
.global-wr .des-wr {margin:74px 90px 0}
.global-wr .des-wr .branchBox {display:none}
.global-wr .des-wr .office {border-top:4px solid #000}
.global-wr .des-wr .officeLst .unit > dt, .global-wr .des-wr .officeLst .unit > dd {display:block;position:relative;box-sizing:border-box}
.global-wr .des-wr .officeLst .unit > dt {border-bottom:1px solid #000; box-sizing:border-box;position:relative;text-align:left;background:transparent}
.global-wr .des-wr .officeLst .unit > dt .tit {display:block;font-size:2.25em;color:#333;font-style:normal;line-height:3em}
.global-wr .des-wr .officeLst .unit > dd {border-bottom:1px solid #000}
.global-wr .des-wr .officeLst .pkgBox {position:relative;min-height:269px;margin:40px 0;padding:30px 0 0 458px;box-sizing:border-box}
.global-wr .des-wr .officeLst .pkgBox button {display:block;position:absolute;width:48px;height:48px;border-radius:50%;background:#d1d1d0;border:0;right:1px;top:27px;z-index:1;transition:all .3s ease}
.global-wr .des-wr .officeLst .pkgBox button span {display:block;position:absolute;font-size:0;overflow:hidden;top:0;left:50%;margin:0 0 0 -10px;width:19px;height:33px;background:url(/kr/_Img/Contents/global_spr.png) no-repeat 0px -58px;transition:top .3s ease}
.global-wr .des-wr .officeLst .pkgBox button:focus,
.global-wr .des-wr .officeLst .pkgBox button:hover {background:#333}
.global-wr .des-wr .officeLst .pkgBox button:focus span,
.global-wr .des-wr .officeLst .pkgBox button:hover span {top:15px}
.global-wr .des-wr .officeLst .pkgBox button.over {background:#333}
.global-wr .des-wr .officeLst .pkgBox button.over span {background-position:-29px -58px;top:15px}
.global-wr .des-wr .officeLst .pkgBox button.over:focus span,
.global-wr .des-wr .officeLst .pkgBox button.over:hover span {top:0}
.global-wr .des-wr .officeLst .pkgBox .imgBox {width:400px;position:absolute;left:0;top:0}
.global-wr .des-wr .officeLst .pkgBox .imgBox img {display:block;width:100%}
.global-wr .des-wr .officeLst .pkgBox .txtBox {position:relative}
.global-wr .des-wr .officeLst .pkgBox .txtBox .c-tit02 {font-size:1.5em;box-sizing:border-box;padding-right:60px}
.global-wr .des-wr .officeLst .pkgBox .txtBox .c-list01 li .stit {color:#000;display:inline-block;vertical-align:top;}
.global-wr .des-wr .officeLst .pkgBox .txtBox .c-list01 li .stxt {display:inline-block;vertical-align:top;max-width:75%;}
.global-wr .des-wr .officeLst .pkgBox .txtBox .c-list01 li .fixTit {width:85px;text-align:justify;letter-spacing:-.15em}
.global-wr .des-wr .officeLst .pkgBox .txtBox .c-list01 li .fixTit:after {content:"";display:inline-block;width:100%;height:0}
.global-wr .des-wr .officeLst .pkgBox .txtBox .c-list01 li .fixTxt {position:relative;;letter-spacing:0;color:#333;margin:0 0 0 110px}
.global-wr .des-wr .officeLst .pkgBox .txtBox .c-list01 li .fixTxt:before {content:":";display:block;position:absolute;right:100%;top:0px;margin:0 6px 0 0;color:#000;font-weight:500}
.global-wr .des-wr .officeLst .desBox {display:none;background:#fbfbfb;border-top:1px solid #ccc;box-sizing:border-box;padding:41px 51px}
.global-wr .des-wr .officeLst .desBox .stit {font-size:1.25em;color:#333;;margin:0 0 16px;display:block;font-weight: normal;}
.global-wr .des-wr .officeLst .desBox .officeIntroUL {display:block;overflow:hidden}
.global-wr .des-wr .officeLst .desBox .officeIntroUL li {display:block;float:left;width:50%;position:relative;box-sizing:border-box;;color:#555; ;padding:0 0 0 16px;margin:0 0 3px}
.global-wr .des-wr .officeLst .desBox .officeIntroUL li:first-child {width:100%}
.global-wr .des-wr .officeLst .desBox .officeIntroUL li:before {content:"";display:block;position:absolute;width:5px;height:2px;background:#4f8c8a;left:2px;top:15px}
.global-wr .des-wr .officeLst .desBox .officeIntroUL li .tit {font-weight:400}
.global-wr .des-wr .officeLst .desBox .officeIntroUL li sup {font-size:10px}
.global-wr .des-wr .officeLst .desBox .gMapBox {display:block;position:relative;height:0;padding:0 0 39.285%}
.global-wr .des-wr .officeLst .desBox .gMapBox iframe {display:block;position:absolute;width:100%;height:100%}
.global-wr .des-wr .officeLst .desBox .oHisBox {padding:4px 0 0}
.global-wr .des-wr .officeLst .desBox .oHisBox > ol {display:block;font-size:0}
.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li {display:inline-block;position:relative;vertical-align:top;width:47.32%;margin:20px 5.36% 0 0;border-top:1px solid #e1e1e1;font-size:17px;line-height:1.647;box-sizing:border-box;padding:18px 0 0 62px}
.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li:nth-child(even) {margin:20px 0 0 0}
.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li:nth-child(-n+2) {border-top:0;padding-top:0;margin-top:0}
.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li:nth-child(-n+2) h5 {top:0}
.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li h5 {display:block;position:absolute;font-family:"oswald";color:#555;font-weight:400;left:11px;top:18px}
.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li dl {display:block;position:relative;box-sizing:border-box;padding:0 0 0 43px}
.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li dl dt,
.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li dl dd {display:block;font-size:.941em}
.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li dl dt {position:absolute;color:#4f8c8a;left:0;top:0px}
.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li dl dd {}
.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li dl dd ul {display:block}
.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li dl dd ul li {display:block;}
@media all and (max-width:1400px) {
	.global-wr .map-wr {height:846px}
	.global-wr .map-wr .mapCore {width:1800px;margin:0 0 0 -900px}
	.global-wr .leg-wr .inwr {top:50px}
	.global-wr .map-wr .mapCore .base {}
	.global-wr .status-wr {margin:-155px 0 0}
	.global-wr .status-wr ul li {padding:40px 0 0}
	.global-wr .status-wr ul li:after {height:90px; margin-top:-20px}
	.global-wr .des-wr {margin:50px 0 0}
}
@media all and (max-width:1200px) {
	.global-wr .map-wr {height:705px}
	.global-wr .map-wr .mapCore {width:1500px;margin:0 0 0 -750px}
	.global-wr .status-wr {margin:-140px 0 0}
	.global-wr .status-wr ul {margin:0}
	.global-wr .status-wr ul li .title {margin:5px 0 0}
	.global-wr .des-wr .officeLst .unit > dt .tit {line-height:3em}
	.global-wr .des-wr .officeLst .pkgBox {padding:0px 0 0 420px}
	.global-wr .des-wr .officeLst .pkgBox button {right:0;top:0}
	.global-wr .des-wr .officeLst .pkgBox .c-tit02 {letter-spacing:0}
	.global-wr .des-wr .officeLst .desBox {padding:20px 30px}
	.global-wr .des-wr .officeLst .pkgBox .txtBox .c-list01 li {  font-size:1.1em}
}
@media all and (max-width:999px) {
	.global-wr .map-wr {height:611px}
	.global-wr .map-wr .mapCore {width:1300px;margin:0 0 0 -650px}
	.global-wr .status-wr {margin:-130px 0 0}
	.global-wr .status-wr ul li {padding:30px 0 10px}
	.global-wr .des-wr .officeLst .desBox .stit { font-size:1.12em}
	.global-wr .des-wr .officeLst .desBox .oHisBox ol li {font-size:15px;line-height:1.857}
	.global-wr .des-wr .officeLst .unit > dt .tit {font-size:2.2em}
	.global-wr .des-wr .officeLst .pkgBox .txtBox .c-list01 li:before {top:15px}
}
@media all and (max-width:840px) {
	.global-wr .map-wr {height:451px}
	.global-wr .map-wr .mapCore {width:960px;margin:0 0 0 -480px}
	.global-wr .leg-wr .inwr {top:20px}
	.global-wr .status-wr {margin:-125px 0 0}
	.global-wr .status-wr ul li p strong {font-size:24px}
	.global-wr .status-wr ul li.n01 p, .global-wr .status-wr ul li.n02 p {font-size:1.1296em}
	.global-wr .des-wr .officeLst .pkgBox {min-height:202px;margin:30px 0;padding:0 0 0 320px}
	.global-wr .des-wr .officeLst .pkgBox .imgBox {width:300px}
	.global-wr .des-wr .officeLst .pkgBox .c-tit02 {line-height:1.2;letter-spacing:0; font-size:1.6em}
	.global-wr .des-wr .officeLst .pkgBox .txtBox .c-list01 {margin:10px 0 0}
	.global-wr .des-wr .officeLst .pkgBox .txtBox .c-list01 li .fixTit {position:relative;left:auto;top:auto;width:auto;text-align:left;letter-spacing:-.12em}
	.global-wr .des-wr .officeLst .pkgBox .txtBox .c-list01 li .fixTit:after {display:none}
	.global-wr .des-wr .officeLst .pkgBox .txtBox .c-list01 li .fixTxt {margin:0}
	.global-wr .des-wr .officeLst .pkgBox .txtBox .c-list01 li .fixTxt:before {display:none}
}
@media all and (max-width:768px) {
	.global-wr .c-tit01 {margin:0 0 40px}
	.global-wr .status-wr {margin:-115px 0 0}
	.global-wr .status-wr ul li {padding:20px 0 10px}
	.global-wr .des-wr {margin-top:30px}
	.global-wr .des-wr .officeLst .unit > dt .tit {font-size:1.8em}
	.global-wr .des-wr .officeLst .pkgBox .txtBox .c-tit02 {font-size:1.2em; margin-bottom:10px}
	.global-wr .des-wr .officeLst .pkgBox .txtBox .c-list01 li {  font-size:1em}
}
@media all and (max-width:700px) {
	.global-wr .des-wr .officeLst .pkgBox {min-height:175px;margin:20px 0;padding:0 0 0 280px}
	.global-wr .des-wr .officeLst .pkgBox .imgBox {width:260px}
}
@media all and (max-width:600px) {
	.global-wr .c-tit01 {margin:0 0 30px}
	.global-wr .mMsg-wr {display:block;box-sizing:border-box;border:1px solid #ccc;background:#f5f5f5;text-align:center;padding:10px 0;margin:0 0 20px;line-height:1.3}
	.global-wr .leg-wr {height:auto}
	.global-wr .leg-wr .inwr {position:relative;top:auto;left:auto}
	.global-wr .map-wr {height:376px;overflow:auto;box-sizing:border-box;border:1px solid #ccc;background:#f5f5f5}
	.global-wr .map-wr:after {display:none}
	.global-wr .map-wr .mapCore {position:relative;width:800px;margin:0;left:auto;top:auto}
	.global-wr .status-wr {margin:0}
	.global-wr .status-wr ul li {float:none; width:100%}
	.global-wr .status-wr ul li .title:before {width:58px}
	.global-wr .des-wr {margin-top:10px}
	.global-wr .des-wr .officeLst .pkgBox {min-height:0;padding:0}
	.global-wr .des-wr .officeLst .pkgBox button {top:auto;bottom:0}
	.global-wr .des-wr .officeLst .pkgBox .imgBox {position:relative;left:auto;top:auto;width:100%;max-width:420px;margin:0 auto 10px}
	.global-wr .des-wr .officeLst .desBox {padding:10px 10px}
	.global-wr .des-wr .officeLst .desBox .stit {margin:0 0 5px;line-height:1.2}
	.global-wr .des-wr .officeLst .desBox .gMapBox {padding:0 0 50%}
	.global-wr .des-wr .officeLst .desBox .oHisBox ol li {font-size:14px;line-height:1.857}
	.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li {display:block;width:auto;margin:6px 0 0;padding:6px 0 0 40px}
	.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li:nth-child(even) {margin:6px 0 0 0}
	.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li:nth-child(-n+2) {border-top:1px solid #e1e1e1;padding-top:6px;margin-top:6px}
	.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li:nth-child(-n+2) h5 {top:5px}
	.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li h5 {left:2px;top:5px}
	.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li dl dd ul li {line-height:1.3;margin:0 0 5px}
	.global-wr .des-wr .officeLst .desBox .oHisBox > ol > li dl dd ul li:last-child {margin:0}
}
@media all and (max-width:400px) {
	.global-wr .des-wr .officeLst .desBox .gMapBox {padding:0 0 80%}
	.global-wr .status-wr ul li {width:100%;text-align:left;padding:15px 10px 20px 15px;box-sizing:border-box}
	.global-wr .status-wr ul li .title {display:inline-block; width:50%; font-size:1.1em}
	.global-wr .status-wr ul li p {display:inline-block}
	.global-wr .status-wr ul li:after {width:100%; height:1px;left:0; top:auto; margin:0; bottom:0}
}
@media all and (max-width:400px) {
	.global-wr .status-wr ul li .title:before {display:none}
}


/* SIMONE > 오피스캠퍼스 : http://simone.cs21.kr/kr/index.php?pCode=office
------------------------------------------------------ */
#container-wrap.pCode-office {background:#fff}
#container-wrap.pCode-office #contents-wrap:after {content:"";display:block;position:absolute;width:2000px;height:500px;left:50%;top:0px;margin:0 0 0 -1000px;background:#f5f5f5 url(/kr/_Img/Contents/talent_ptn1.png) repeat center center;z-index:-1}
.office-wr .opening .btxt {font-size:1.75em;line-height:1.37;color:#222;;margin:22px 0 0;;text-align:center}
.office-wr .opening .btxt span {display:block}
.office-wr .opening .imgBox {position:relative;margin:40px 0 0}
.office-wr .opening .imgBox .text {display:block;position:absolute;right:89px;bottom:44px;z-index:2;max-width:780px;}
.office-wr .opening .imgBox .text .c-tit01 {display:block;line-height:1;color:#fff}
.office-wr .opening .imgBox .text .txt {font-size:1.125em;;line-height:1.62;;margin:21px 0 0;color:#fff}
.office-wr .opening .imgBox .text .txt span {display:block}
.office-wr .opening .imgBox img {display:block;width:100%;position:relative;z-index:1}
.office-wr .box1 {margin:60px 0 0}
.office-wr .box1 ul {display:block;font-size:0}
.office-wr .box1 ul li {display:inline-block;width:30.71%;font-size:17px;margin:0 3.935% 54px 0;vertical-align:top}
.office-wr .box1 ul li:nth-child(3n) {margin:0 0 54px 0}
.office-wr .box1 ul li .imgBox {transition:all .3s ease}
.office-wr .box1 ul li .imgBox img {display:block;width:100%}
.office-wr .box1 ul li .txtBox {margin:31px 0 0;opacity:.6;transition:all .3s ease}
.office-wr .box1 ul li .txtBox div.num {}
.office-wr .box1 ul li .txtBox div.num span {display:block;position:relative;line-height:1;box-sizing:border-box}
.office-wr .box1 ul li .txtBox div.num .num {font-size:14px;font-family:"oswald";color:#222;padding:0 0 0 11px}
.office-wr .box1 ul li .txtBox div.num .num:after {content:"";display:block;position:absolute;width:170px;height:3px;background:#474747;left:42px;top:2px}
.office-wr .box1 ul li .txtBox div.num .txt {font-size:1.25em;color:#333;;padding:19px 0 0 41px}
.office-wr .box1 ul li .txtBox div.txt {font-size:1.05em;line-height:1.667;;color:#333;;padding:25px 0 0 42px}
.office-wr .box1 ul li.over .imgBox,
.office-wr .box1 ul li:hover .imgBox {box-shadow:30px 30px 25px rgba(0, 0, 0, .2)}
.office-wr .box1 ul li.over .txtBox,
.office-wr .box1 ul li:hover .txtBox {opacity:1}
@media all and (max-width:1024px) {
	.office-wr .box1 ul li .txtBox div.num .num {padding:0}
	.office-wr .box1 ul li .txtBox div.num .txt {padding:15px 0 0}
	.office-wr .box1 ul li .txtBox div.txt {padding:20px 0 0}
}
@media all and (max-width:999px) {
	#container-wrap.pCode-office #contents-wrap:after {height:300px}
	.office-wr .opening .btxt {font-size:1.6em}
	.office-wr .opening .imgBox {margin:30px 0 0}
	.office-wr .opening .imgBox .text {right:40px;bottom:40px;padding-left:20px;}
	.office-wr .box1 ul li {font-size:15px}
	.office-wr .box1 ul li .txtBox div.txt {font-size:1.00em;line-height:1.5;padding:15px 0 0}
}
@media all and (max-width:768px) {
	.office-wr .opening .imgBox .text {right:20px;bottom:20px}
	.office-wr .opening .imgBox .text .c-tit01 {font-size:2em}
	.office-wr .opening .imgBox .text .txt {font-size:1em;line-height:1.4;margin:10px 0 0}
	.office-wr .box1 {margin:30px 0 0}
	.office-wr .box1 ul li {width:48.0325%;margin:0 3.935% 30px 0}
	.office-wr .box1 ul li:nth-child(3n) {margin:0 3.935% 30px 0}
	.office-wr .box1 ul li:nth-child(2n) {margin:0 0 30px 0}
	.office-wr .box1 ul li .txtBox {margin:20px 0 0}
	.office-wr .box1 ul li.over .imgBox,
	.office-wr .box1 ul li:hover .imgBox {box-shadow:10px 10px 15px rgba(0, 0, 0, .2)}
}
@media all and (max-width:767px) {
	.office-wr .opening .imgBox .text .c-tit01 {margin:0 0 15px}
	.office-wr .opening .imgBox .text {width:100%;right:0;bottom:0;padding:0 10px 10px;box-sizing:border-box}
	.office-wr .opening .imgBox .text .txt {margin:5px 0 0}
	.office-wr .opening .imgBox .text .txt span {display:inline}
}
@media all and (max-width:600px) {
	.office-wr .opening .imgBox:before {display:inline-block;vertical-align:middle;content:"";width:0;padding-top:42.857%;}
	.office-wr .opening .imgBox .text {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:-34px 0 0;}
	.office-wr .opening .imgBox .text .txt {color:#444;padding:0;}
	.office-wr .opening .imgBox img {position:absolute;top:0;left:0;}
	.office-wr .box1 ul li {font-size:14px}
	.office-wr .box1 ul li .imgBox a {width:30px;height:30px;background-size:cover}
	.office-wr .box1 ul li .txtBox div.num .num {overflow:hidden}
	.office-wr .box1 ul li .txtBox div.num .num:after {width:100%}
	.office-wr .box1 ul li .txtBox div.num .txt {padding:10px 0 0}
	.office-wr .box1 ul li .txtBox div.txt {padding:5px 0 0}
}
@media all and (max-width:430px) {
	.office-wr .opening .btxt {font-size:1.4em}
	.office-wr .opening .imgBox { margin-top:20px}
	.office-wr .opening .imgBox .text .c-tit01 {font-size:1.6em;}
	.office-wr .box1 ul li {width:100%;margin:0 0 20px 0}
	.office-wr .box1 ul li:nth-child(3n) {margin:0 0 20px 0}
	.office-wr .box1 ul li:nth-child(2n) {margin:0 0 20px 0}
	.office-wr .box1 ul li:last-child {margin:0}
}

/* SIMONE > 패밀리사이트 : http://simone.cs21.kr/kr/index.php?pCode=family
------------------------------------------------------ */
#container-wrap.pCode-family {background:#fff}
#container-wrap.pCode-family #contents-wrap {padding-top:54px}
.family-wr h3 {text-align:center}
.family-wr .unitBox {margin:92px 0 0}
.family-wr .unitBox .unit {margin:0 0 100px}
.family-wr .unitBox .unit:last-child {margin:0}
.family-wr .boxTop {display:block;position:relative;box-sizing:border-box;padding:0 0 0 550px;min-height:330px}
.family-wr .boxTop .imgBox {display:block;position:absolute;width:490px;left:0;top:0}
.family-wr .boxTop .imgBox .owl-nav {display:block;position:absolute;width:100%;left:0;bottom:50%;height:0}
.family-wr .boxTop .imgBox .owl-nav button {display:block;position:absolute;width:30px;height:30px;top:0;margin:-15px 0 0;border-radius:50%;background:rgba(0, 0, 0, .2);transition:all .3s ease}
.family-wr .boxTop .imgBox .owl-nav button span {display:block;position:absolute;width:10px;height:10px;font-size:0;border-bottom:2px solid #fff;border-right:2px solid #fff;top:0;right:0;bottom:0;left:0;border-radius:2px}
.family-wr .boxTop .imgBox .owl-nav button.owl-prev {left:10px}
.family-wr .boxTop .imgBox .owl-nav button.owl-prev span {transform:rotate(135deg);margin:auto auto auto 12px}
.family-wr .boxTop .imgBox .owl-nav button.owl-next {right:10px}
.family-wr .boxTop .imgBox .owl-nav button.owl-next span {transform:rotate(-45deg);margin:auto 12px auto auto}
.family-wr .boxTop .imgBox .owl-nav button:focus,
.family-wr .boxTop .imgBox .owl-nav button:hover {background:rgba(0, 0, 0, .4)}
.family-wr .boxTop .imgBox .owl-dots {display:block;position:absolute;width:100%;left:0;bottom:20px;text-align:center;font-size:0}
.family-wr .boxTop .imgBox .owl-dots button {display:inline-block;vertical-align:top;width:12px;height:12px;border-radius:50%;background:rgba(0, 0, 0, .3);margin:0 3px;transition:all .3s ease}
.family-wr .boxTop .imgBox .owl-dots button.active {background:#fff}
.family-wr .boxTop .imgBox img {display:block;width:100%}
.family-wr .boxTop .txtBox .c-tit02 { border-top:4px solid #000;border-bottom:1px solid #000;padding:35px 0 33px;margin:0 0 42px;font-size:2.353em}
.family-wr .boxTop .txtBox p {font-size:1.125em;}
.family-wr .boxMid {position:relative;margin:60px 0 0;background:#fbfbfb;border-bottom:1px solid #000}
.family-wr .boxMid:before {content:"";display:block;position:absolute;width:100%;height:1px;left:0;top:0;background:#fff}
.family-wr .boxMid .inwr {position:relative;margin:0 89px;padding:54px 0 60px}
.family-wr .boxMid .inwr:before {content:"";display:block;position:absolute;width:100%;height:1px;left:0;top:0;background:#ccc}
.family-wr .boxMid .inwr .c-tit02 {font-size:1.625em; margin-bottom:29px}
.family-wr .boxMid .inwr .c-list01 {overflow:hidden;padding:0;/* font-size:0; */}
.family-wr .boxMid .inwr .c-list01 li {display:inline-block;vertical-align:top;width:49%;box-sizing:border-box;margin:0 0 17px;}
.family-wr .boxMid .inwr .c-list01 li .stit {color:#000;display:inline-block;vertical-align:top;}
.family-wr .boxMid .inwr .c-list01 li .stxt {display:inline-block;vertical-align:top;color:#555;;max-width:75%;}
.family-wr .boxMid .inwr .c-list01 li.busi .stxt {max-width:55%;}
.family-wr .boxMid .inwr .c-list01 li.w100p {width:100%}
.family-wr .boxMid .inwr .c-list01 li .fixTit {width:80px;text-align:justify;vertical-align:top}
.family-wr .boxMid .inwr .c-list01 li .fixTit:after {width:100%;height:0;font-size:0; content:"";display:inline-block}
.family-wr .boxMid .inwr .c-list01 li .fixTxt {position:relative;color:#555;padding:0 0 0 5px;margin: 0 0 0 90px;}
.family-wr .boxMid .inwr .c-list01 li .fixTxt:before {content:":";display:block;position:absolute;right:100%;top:-2px;color:#000;font-weight:500}
.family-wr .boxMid .inwr .infoDeta {background:#fff;box-sizing:border-box;padding:38px 40px 40px;margin:23px 0 0}
.family-wr .boxMid .inwr .infoDeta .c-tit03 {font-size:1.25em;color:#333;line-height:1.2;margin:0 0 20px}
.family-wr .boxMid .inwr .infoDeta a { margin-bottom:5px;display:inline-block}
.family-wr .boxMid .inwr .infoDeta .infoLst1 {display:block}
.family-wr .boxMid .inwr .infoDeta .infoLst1 li {display:block;position:relative;box-sizing:border-box;padding:0 0 0 100px;line-height:1.2;margin:0 0 36px}
.family-wr .boxMid .inwr .infoDeta .infoLst1 li:last-child {margin:0}
.family-wr .boxMid .inwr .infoDeta .infoLst1 li .tit {display:block;position:absolute; font-size:1em;color:#4f8c8a;left:0;top:0}
.family-wr .unit:nth-child(even) .boxTop {padding:0 551px 0 0}
.family-wr .unit:nth-child(even) .boxTop .imgBox {left:auto;right:0}
@media all and (max-width:1200px) {
	.family-wr .boxTop {padding:0 0 0 430px;min-height:269px}
	.family-wr .boxTop .imgBox {width:400px}
	.family-wr .boxTop .txtBox .c-tit02 {font-size:2em;padding:25px 0 23px;margin:0 0 30px}
	.family-wr .unit:nth-child(even) .boxTop {padding:0 430px 0 0}
	.family-wr .boxMid {margin:30px 0 0}
	.family-wr .boxMid .inwr {margin:0 40px;padding:40px 0}
	.family-wr .boxMid .inwr .c-list01 li {margin:0 0 10px}
	.family-wr .boxMid .inwr .infoDeta {padding:30px;margin:30px 0 0}
}
@media all and (max-width:999px) {
	.family-wr .unitBox .unit {margin:0 0 50px}
	.family-wr .boxTop {padding:0 0 0 320px;min-height:202px}
	.family-wr .boxTop .imgBox {width:300px}
	.family-wr .boxTop .txtBox .c-tit02 {font-size:1.80em;margin:0 0 15px}
	.family-wr .boxTop .txtBox p {font-size:1.1em}
	.family-wr .unit:nth-child(even) .boxTop {padding:0 320px 0 0}
	.family-wr .boxMid:before {background:#ccc}
	.family-wr .boxMid .inwr .c-tit02 {font-size: 1.4em;margin-bottom:20px}
	.family-wr .boxMid .inwr .c-list01 li { float:none; width:100%; margin:0;font-size:1.1em}
	.family-wr .boxMid .inwr .c-list01 li .tit:before {top:10px}
	.family-wr .boxMid .inwr .c-list01 li .stxt {max-width:100%;}
	.family-wr .boxMid .inwr .c-list01 li.busi .stxt {max-width:100%;}
}
@media all and (max-width:767px) {
	.family-wr .unitBox {margin:30px 0 0}
	.family-wr .unitBox .unit {margin:0 0 30px}
	.family-wr .boxTop {padding:0;min-height:0}
	.family-wr .boxTop .imgBox {max-width:420px;width:100%;position:relative;left:auto;top:auto;margin:0 auto 30px}
	.family-wr .unit:nth-child(even) .boxTop {padding:0}
	.family-wr .boxMid .inwr {margin:0 30px;padding:30px 0}
	.family-wr .boxMid .inwr .c-list01 li .fixTit {     position: absolute; }
	.family-wr .boxMid .inwr .c-list01 li .fixTit:after { line-height:0}
	.family-wr .boxMid .inwr .infoDeta .infoLst1 li {padding:0;margin:0 0 20px}
	.family-wr .boxMid .inwr .infoDeta .infoLst1 li .tit {position:relative;left:auto;top:auto;margin:0 0 5px}
}
@media all and (max-width:640px) {
	.family-wr .boxMid .inwr {margin:0 20px;padding:20px 0}
	.family-wr .boxMid .inwr .c-list01 li { font-size:1em}
	.family-wr .boxMid .inwr .c-list01 li .tit {position:relative;width:auto;left:auto;top:auto;letter-spacing:-.125em;padding:0 0 0 10px}
	.family-wr .boxMid .inwr .c-list01 li .tit:before,
	.family-wr .boxMid .inwr .c-list01 li .tit:after {content:"";display:inline-block}
	.family-wr .boxMid .inwr .c-list01 li .tit:before {top:10px}
	.family-wr .boxMid .inwr .c-list01 li .tit:after {display:none}
	.family-wr .boxMid .inwr .c-list01 li .txt {padding:3px 0 0 10px;font-size:1em}
	.family-wr .boxMid .inwr .c-list01 li .txt:before {display:none}
	.family-wr .boxMid .inwr .infoDeta {padding:20px;margin:20px 0 0}
	.family-wr .boxMid .inwr .infoDeta h5 {margin:0 0 10px}
}
@media all and (max-width:420px) {
	.family-wr .boxTop .imgBox {margin:0 auto}
}
@media all and (max-width:320px) {
	.family-wr .boxMid .inwr .c-list01 li span {font-size:1.1em}
	.family-wr .boxMid .inwr .infoDeta h5 {font-size:1.1em}
}


/* SIMONE > 오시는 길 : http://simone.cs21.kr/kr/index.php?pCode=direct
------------------------------------------------------ */
#container-wrap.pCode-direct {background:#fff}
#container-wrap.pCode-direct #contents-wrap {padding-top:54px}
.direct-wr .c-tit01 {text-align:center}
.direct-wr .opening {position:relative; margin-top:71px}
.direct-wr .opening:after {content:"";display:block;position:absolute;width:2000px;height:460px;left:50%;bottom:0;margin:0 0 0 -1000px;background:#f5f5f5;z-index:-1}
.direct-wr .opening .btxt {font-size:1.75em;color: #333; line-height: 1.2;margin: 0 0 22px}
.direct-wr .opening .btxt span {display:block}
.direct-wr .opening p {font-size:1.375em;line-height:1;margin:23px 0 0}
.direct-wr .opening .mapBox {display:block;position:relative;height:0;padding:0 0 48.57%;margin:49px 0 0}
.direct-wr .opening .mapBox iframe {display:block;position:absolute;width:100%;height:100%}
.direct-wr .opening .infoBox {display:block;overflow:hidden}
.direct-wr .opening .infoBox .lstBox {position:relative;margin:31px 0 49px;padding:0;box-sizing:border-box}
.direct-wr .opening .infoBox .lstBox ul {display:block;overflow:hidden}
.direct-wr .opening .infoBox .lstBox ul li {display:block;position:relative;width:50%;float:left;box-sizing:border-box}
.direct-wr .opening .infoBox .lstBox ul li:nth-child(-n+2) {border-bottom:1px solid #ddd;padding:7px 0 35px}
.direct-wr .opening .infoBox .lstBox ul li:nth-child(n+3) {padding:34px 0 9px}
.direct-wr .opening .infoBox .lstBox ul li dl {display:block;position:relative;box-sizing:border-box;padding:0 20px 0 88px}
.direct-wr .opening .infoBox .lstBox ul li dl dt,
.direct-wr .opening .infoBox .lstBox ul li dl dd {display:block;line-height:1.2;font-size:1.118em; }
.direct-wr .opening .infoBox .lstBox ul li dl dt {position:absolute;/* font-family:"oswald"; */left:0;top:0;color:#333}
.direct-wr .opening .infoBox .lstBox ul li dl dd.tel {font-size:1.25em;font-weight:200;letter-spacing:0}
.direct-wr .opening .infoBox .lstBox ul li dl dd.fax {font-size:1.25em;/* font-family:"oswald"; */font-weight:200;letter-spacing:0}
.direct-wr .opening .infoBox .detailView {display:block;position:absolute;right:0;top:0;width:130px;height:100%;box-sizing:border-box;border:1px solid #1b1b16;background:#fff;text-align:center;padding:20px 0 0;color:#000;transition:all .3s ease;display:none}
.direct-wr .opening .infoBox .detailView div {display:block;position:absolute;width:48px;height:48px;border-radius:50%;background:#d1d1d0;top:0;right:0;bottom:0;left:0;margin:auto auto 27px auto;overflow:hidden;transition:all .3s ease}
.direct-wr .opening .infoBox .detailView div:after {content:"";display:block;position:absolute;width:33px;height:19px;left:0;top:15px;background:url(/kr/_Img/Contents/direct_spr.png) no-repeat -16px -35px;transition:all .3s ease}
.direct-wr .opening .infoBox .detailView:focus div,
.direct-wr .opening .infoBox .detailView:hover div {background:#333}
.direct-wr .opening .infoBox .detailView:focus div:after,
.direct-wr .opening .infoBox .detailView:hover div:after {animation:arr_run .5s ease}
.direct-wr .wayBox {padding:50px 0 0px}
.direct-wr .wayBox .wayTo {display:block;overflow:hidden}
.direct-wr .wayBox .wayTo .c-tit02 {font-size:1.53em}
.direct-wr .wayBox .wayTo .method {display:block;float:left}
.direct-wr .wayBox .wayTo .method .c-tit03 {font-size:1.24em;color:#333}
.direct-wr .wayBox .wayTo .method .c-list01 {}
.direct-wr .wayBox .wayTo .method .c-list01 > li {display:block;overflow:hidden}
.direct-wr .wayBox .wayTo .method .c-list01 > li:before {top:15px}
.direct-wr .wayBox .wayTo .method .c-list01 > li .tit {box-sizing:border-box;padding:0 0 0 25px;margin-right:7px;; font-weight:400; position:relative;}
.direct-wr .wayBox .wayTo .method .c-list01 > li .tit:before {content:"";display:block;position:absolute;width:25px;height:25px;background:url(/kr/_Img/Contents/direct_spr.png) no-repeat;left:0;top:0}
.direct-wr .wayBox .wayTo .method .c-list01 > li .tit.sline1 {color:#3154b5}
.direct-wr .wayBox .wayTo .method .c-list01 > li .tit.sline1:before {background-position:-35px 0px}
.direct-wr .wayBox .wayTo .method .c-list01 > li .tit.sline4 {color:#0097e8}
.direct-wr .wayBox .wayTo .method .c-list01 > li .tit.sline4:before {background-position:0px 0px}
.direct-wr .wayBox .wayTo .method .c-list01 > li .tit.bus {color:#00a4a2}
.direct-wr .wayBox .wayTo .method .c-list01 > li .tit.bus:before {background-position:-70px 0px}
.direct-wr .wayBox .wayTo .method .c-list01 > li .txt { ; color:#333}
.direct-wr .wayBox .wayTo .method .c-list01 > li ol {display:block;overflow:hidden;float:left}
.direct-wr .wayBox .wayTo .method .c-list01 > li ol li {}
.direct-wr .wayBox .wayTo.way2seoul .method {width:50%}
.direct-wr .wayBox .wayTo.way2sungnam {margin:41px 0 0}
.direct-wr .wayBox .wayTo.way2sungnam .method {width:100%}
.direct-wr .wayBox .wayTo.way2sungnam .method .tit {float:left}
.direct-wr .wayBox .wayTo.way2sungnam .method ol {display:block;float:left}
.direct-wr .wayBox .wayTo.way2sungnam .method ol li {display:block;float:left;padding:0 18px 0 0;margin:0 10px 0 0;font-size:1em; ; color:#333}
.direct-wr .wayBox .wayTo.way2sungnam .method ol li:last-child {padding:0;margin:0}
.direct-wr .wayBox .wayTo.way2sungnam .method ol li:last-child:before {display:none}
.direct-wr .wayBox .wayTo.way2sungnam .method ol li:before {content:"";display:block;position:absolute;width:6px;height:11px;background:transparent url(/kr/_Img/Contents/direct_spr.png) no-repeat 0px -35px;left:auto;right:0;top:11px;border-radius:0}
@keyframes arr_run {
	0% {left:0}
	50% {left:48px}
	51% {left:-48px}
	100% {left:0}
}
@media all and (max-width:1200px) {
	.direct-wr .opening .infoBox .lstBox ul li {width:60%}
	.direct-wr .opening .infoBox .lstBox ul li:nth-child(even) {width:40%}
	.direct-wr .opening .infoBox .lstBox ul li dl {padding:0 20px 0 60px}
}
@media all and (max-width:1024px) {
	.direct-wr .opening p {margin:10px 0 0}
	.direct-wr .opening .mapBox {margin:20px 0 0}
}
@media all and (max-width:999px) {
	.direct-wr .opening .infoBox .lstBox {margin:20px 0}
	.direct-wr .opening .infoBox .lstBox ul li:nth-child(-n+2) {width:100%;padding:10px 0}
	.direct-wr .opening .infoBox .lstBox ul li:nth-child(n+3) {padding:10px 0}
	.direct-wr .opening .infoBox .lstBox ul li dl dd.email {min-height:auto;}
	.direct-wr .wayBox {padding:40px 0 0px}
	.direct-wr .wayBox .wayTo.way2seoul .method.mSide1 {/* width:45%; */width:100%;margin:0 0 20px;}
	.direct-wr .wayBox .wayTo.way2seoul .method.mSide2 {/* width:55%; */width:100%;}
}
@media all and (max-width:767px) {
	.direct-wr .opening { margin-top:50px}
	.direct-wr .opening .infoBox .lstBox ul li:nth-child(-n+2) {width:100%}
	.direct-wr .opening .infoBox .lstBox ul li:nth-child(n+3) {width:100%;border-bottom:1px solid #ddd}
	.direct-wr .opening .infoBox .lstBox ul li:last-child {border-bottom:0}
	.direct-wr .opening .infoBox .lstBox ul li dl dd.tel {font-size:1em}
	.direct-wr .opening .infoBox .lstBox ul li dl dd.fax {font-size:1em}
	.direct-wr .wayBox .wayTo.way2seoul .method.mSide1 {width:100%}
	.direct-wr .wayBox .wayTo.way2seoul .method.mSide2 {width:100%}
}
@media all and (max-width:600px) {
	.direct-wr .opening:after {height:70%}
	.direct-wr .opening .btxt {font-size:1.5em}
	.direct-wr .opening .btxt span { display:inline}
	.direct-wr .opening p {font-size:1.2em}
	.direct-wr .opening .infoBox .detailView {position:relative;right:auto;top:auto;width:100%;height:auto;text-align:left;padding:15px 10px;margin:15px 0 0}
	.direct-wr .opening .infoBox .detailView div {width:34px;height:34px;margin:auto 10px auto auto}
	.direct-wr .opening .infoBox .detailView div:after {width:23px;height:13px;top:10px;background-size:96px 50px;background-position:-11px -24px}
	@keyframes arr_run {
		0% {left:0}
		50% {left:34px}
		51% {left:-34px}
		100% {left:0}
	}
}
@media all and (max-width:400px) {
	.direct-wr .opening { margin-top:40px}
	.direct-wr .opening .mapBox {padding:0 0 60%}
	.direct-wr .wayBox {padding:30px 0 0px}
	.direct-wr .wayBox .wayTo .method .c-list01 > li .tit {box-sizing:border-box;padding:0 0 0 25px;margin-right:7px;}
	.direct-wr .wayBox .wayTo .method .c-list01 > li .txt {display:block;box-sizing:border-box;padding:0 0 0 24px}
}
@media all and (max-width:320px) {
	.direct-wr .opening .infoBox .lstBox ul li dl dt, .direct-wr .opening .infoBox .lstBox ul li dl dd {font-size: 1em}
	.direct-wr .wayBox {padding-top:30px}
	.direct-wr .wayBox .wayTo .method .c-tit03 { font-size: 1.15em}
	.direct-wr .wayBox .wayTo.way2sungnam {margin-top:30px}
}

/* SIMONE WAY > 핸드백의 길 : http://simone.cs21.kr/kr/index.php?pCode=way
------------------------------------------------------ */
#container-wrap.pCode-way {background:#fff}
#container-wrap.pCode-way #contents-wrap {padding-top:0;padding-bottom:0}
.way-wr {}
.way-wr .txt {font-size:1.125em;}
.way-wr .btxt {font-size:1.412em;color:#222;;line-height:1.25;}
.way-wr .box1 {position:relative;padding:48px 0 10px}
.way-wr .box1:before, .way-wr .box1:after {content:"";display:block;position:absolute;width:2000px;left:50%;top:0;margin:0 0 0 -1000px}
.way-wr .box1:before {height:583px;background:#d4e0df;z-index:-1}
.way-wr .box1:after {height:100%;background:#f8f8f8;z-index:-2}
.way-wr .box1 .c-tit01 {position:relative;margin:0 0 26px}
.way-wr .box1 img {display:block;width:100%}
.way-wr .box1 .txtBox {padding:50px 80px; background:#fff}
.way-wr .box1 .txtBox span {display:block;margin:0 0 30px;}
.way-wr .box1 .txtBox span:last-child {margin:0;}
.way-wr .box2 {position:relative;box-sizing:border-box;padding:92px 700px 0 87px}
.way-wr .box2:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:#f8f8f8;z-index:-1}
.way-wr .box2 .imgBox {display:block;position:absolute;width:530px;right:92px;top:75px}
.way-wr .box2 .imgBox img {display:block;width:100%}
.way-wr .box2 .txtBox {padding:0 0 91px}
.way-wr .box2 .txtBox .c-tit02 {margin:0 0 30px}
.way-wr .box2 .txtBox .c-tit02 span {display:block}
.way-wr .box2 .txtBox .txt {color:#555; line-height:1.4em;margin:0 0 10px}
.way-wr .box2 .txtBox .txt:last-child {margin:0}
.way-wr .box2 .txtBox .txt span {display:block}
.way-wr .box3 {position:relative;padding:80px 50% 0 0}
.way-wr .box3 .txtBox .c-tit02 {margin:0 0 30px}
.way-wr .box3 .txtBox .txt {color:#555;line-height:1.4em;margin:0 0 10px}
.way-wr .box3 .txtBox .txt:last-child {margin:0}
.way-wr .box3 .txtBox .txt span {display:block}
.way-wr .box4 {position:relative;box-sizing:border-box;padding:50px 87px 0 751px;margin:83px 0 0;min-height:432px}
.way-wr .box4 .imgBox {display:block;position:absolute;width:660px;left:0;top:0}
.way-wr .box4 .imgBox img {display:block;width:100%}
.way-wr .box4 .txtBox .c-tit02 {margin:0 0 31px}
.way-wr .box4 .txtBox .c-tit02 span {display:block}
.way-wr .box4 .txtBox .txt { width:95%; color:#555; line-height:1.4em;}
.way-wr .box4 .txtBox .txt  span {display:block; margin:0 0 10px}
.way-wr .box5 {padding:81px 0 0}
.way-wr .box5 .c-tit02 {text-align:center}
.way-wr .box5 .role-head p {font-size:1.412em;;color:#333;margin:12px 0 0}
.way-wr .box5 .role-body {margin:38px 0 0;position:relative;box-sizing:border-box;padding:0 700px 87px 87px}
.way-wr .box5 .role-body .imgBox {display:block;position:absolute;width:370px;right:0px;top:40px;padding:0 252px 85px 0}
.way-wr .box5 .role-body .imgBox:after {content:"";display:block;position:absolute;width:100%;height:370px;z-index:-1;left:0;bottom:0;background:#333 url(/kr/_Img/Contents/way_ptn1_opa7.png) repeat left top}
.way-wr .box5 .role-body .imgBox img {display:block;width:100%;position:relative;z-index:2}
.way-wr .box5 .role-body .unit {margin:0 0 94px}
.way-wr .box5 .role-body .unit:last-child {margin:0}
.way-wr .box5 .role-body .unit .c-tit02 { text-align:left}
.way-wr .box5 .role-body .unit .c-tit02 span {display:block}
.way-wr .box5 .role-body .unit .p1 { color:#555;line-height:1.4em; margin:0 0 10px}
.way-wr .box5 .role-body .unit .p1:last-child {margin:0}
.way-wr .box5 .role-body .unit .p1 span {display:block}
.way-wr .box5 .role-body .unit .p2 {font-size:2.059em;;line-height:1.20;color:#333;margin:0 0 41px}
.way-wr .box5 .role-body .unit .p2 span {display:block}
.way-wr .box6 {position:relative;padding:60px 0}
.way-wr .box6 .txt { color:#222;}
.way-wr .box6 .txt span {display:block}
.way-wr .box6 .txt span:first-child {margin-bottom:10px;}
.way-wr .box6:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:#f8f8f8;z-index:-1}
@media all and (max-width:1400px) {
	.way-wr .box2 {padding:90px 600px 0 60px}
	.way-wr .box2 .imgBox {right:0;top:135px}
	.way-wr .box2 .txtBox .txt span {display:inline}
	.way-wr .box4 {padding:50px 0 0 710px}
	.way-wr .box5 .role-body {margin:30px 0 0;padding:0 660px 87px 0}
}
@media all and (max-width:1300px) {
	.way-wr .box5 .role-body .unit .p1 span {display:inline}
	.way-wr .box5 .role-body .unit .p2 span {display:inline}
}
@media all and (max-width:1200px) {
	.way-wr .box1:before {height:505px}
	.way-wr .box1 .txtBox {padding: 40px}
	.way-wr .box2 {padding:90px 560px 0 0}
	.way-wr .box2 .txtBox p.p1 span {display:inline}
	.way-wr .box2 .txtBox .txt span {display:inline}
	.way-wr .box3 {padding-right:0;}
	.way-wr .box4 {padding:10px 0 0 490px;margin:40px 0 0;min-height:301px}
	.way-wr .box4 .imgBox {width:460px}
	.way-wr .box5 .role-body {padding:0 550px 87px 0}
	.way-wr .box5 .role-body .imgBox {width:370px;top:0;padding:0 150px 100px 0}
	.way-wr .box6 {padding-top:30px}
	.way-wr .box6 .txt span {display:inline}
}
@media all and (max-width:1024px) {
	.way-wr .box2 {padding:90px 460px 0 0}
	.way-wr .box2 .imgBox {width:400px}
}
@media all and (max-width:999px) {
	.way-wr .box1 {padding:30px 0 0;background:#d4e0df}
	.way-wr .box2 {padding:50px 460px 40px 0}
	.way-wr .box2 .imgBox {top:30px}
	.way-wr .box2 .txtBox {padding:0 0 30px}
	.way-wr .box3 {padding:40px 0 0}
	.way-wr .box3 .txtBox h4 span {display:inline}
	.way-wr .box4 {padding:0;min-height:auto}
	.way-wr .box4 .imgBox {width:80%; position:relative; margin:0 auto 40px}
	.way-wr .box4 .txtBox .c-tit02 span { display:inline-block}
	.way-wr .box4 .txtBox p { width:100%}
	.way-wr .box5 {padding:40px 0 0}
	.way-wr .box5 .role-head .c-tit02 { margin:0}
	.way-wr .box5 .role-head p {margin:0}
	.way-wr .box5 .role-body {padding:0 380px 50px 0}
	.way-wr .box5 .role-body .imgBox {width:300px;padding:0 50px 50px 0}
	.way-wr .box5 .role-body .imgBox:after {height:300px}
	.way-wr .box5 .role-body .unit {margin:0 0 30px}
	.way-wr .box5 .role-body .unit .p2 {margin:0 0 30px}
	.way-wr .box6 .txt span {display:inline}
}
@media all and (max-width:768px) {
	.way-wr .box1 {padding:30px 0}
	.way-wr .box1:before {height:100%}
	.way-wr .box1 .txtBox p {font-size:1.10em}
	.way-wr .box2 {padding:40px 320px 10px 0}
	.way-wr .box2 .imgBox {width:300px; top:70px}
	.way-wr .box2 .txtBox .c-tit02 {letter-spacing:0}
	.way-wr .box2 .txtBox p.p1 {font-size:1.20em;margin:0 0 20px}
	.way-wr .box2 .txtBox .txt {font-size:1.10em;margin:0 0 20px}
	.way-wr .box3 .txtBox .c-tit02.eng {letter-spacing:0}
	.way-wr .box3 .txtBox p {margin:0 0 20px}
	.way-wr .box5 .role-body .unit {margin:0 0 20px}
	.way-wr .box5 .role-head .c-tit02 {letter-spacing:0}
	.way-wr .box5 .role-body .unit .c-tit02 span {display:inline}
	.way-wr .box5 .role-body .unit .p1 {margin:0 0 20px}
	.way-wr .box5 .role-body .unit .p2 {margin:0 0 20px}
}
@media all and (max-width:700px) {
	.way-wr .box2 {padding:30px 0 0}
	.way-wr .box2 .imgBox {position:relative;width:100%;right:auto;top:auto;max-width:300px;margin:0 auto 20px}
	.way-wr .box4 {padding:0px 0 0}
	.way-wr .box4 .imgBox {position:relative;width:100%;right:auto;top:auto;max-width:300px;margin:0 auto 20px}
	.way-wr .box5 { margin-bottom:30px}
	.way-wr .box5 .role-body {padding:0}
	.way-wr .box5 .role-body .imgBox {position:relative;width:100%;right:auto;top:auto;max-width:300px;margin:0 auto 40px;padding:0}
	.way-wr .box5 .role-body .imgBox:after {height:100%;right:-20px;bottom:-20px;left:auto}
}
@media all and (max-width:600px) {
	.way-wr .btxt {font-size:1.20em}
	.way-wr .box1 {padding:30px 0 20px}
	.way-wr .box1:after {height:200px}
	.way-wr .box1 .txtBox { padding:30px}
	.way-wr .box4 .imgBox {min-height:0}
	.way-wr .box4 .txtBox .c-tit02 span {display:inline}
	.way-wr .box5 .role-head p {font-size:1.2em;margin:5px 0 0;line-height:1.3}
	.way-wr .box5 .role-body {margin:20px 0 0}
	.way-wr .box5 .role-body .unit .p2 {font-size:1.3em}
}
@media all and (max-width:400px) {
	.way-wr .box1 .txtBox { padding:20px}
	.way-wr .box5 .role-body .imgBox:after {right:-10px;bottom:-10px}
}

/* SIMONE WAY > 핸드백 용어사전 : http://simone.cs21.kr/kr/index.php?pCode=dictionary
------------------------------------------------------ */
#container-wrap.pCode-dictionary {background:#d4e0df}
#container-wrap.pCode-dictionary #contents-wrap {padding-bottom:0;padding-top:0}
.dictionary-wr {position:relative}
.dictionary-wr .box1 {position:relative}
.dictionary-wr .box1:after {content:"";display:block;position:absolute;width:2000px;height:460px;max-height:100%;left:50%;top:0;background:#fff;margin:0 0 0 -1000px;z-index:-1}
.dictionary-wr .box1 .msgBox {padding:72px 0 0}
.dictionary-wr .box1 .msgBox p {display:block;font-size:1.125em;color:#444; margin:31px 0 0;}
.dictionary-wr .box1 .msgBox p span {display:block}
.dictionary-wr .box1 .imgBox {margin:45px 0 0;overflow:hidden}
.dictionary-wr .box1 .imgBox > div {}
.dictionary-wr .box1 .imgBox > div img {display:block;width:100%}
.dictionary-wr .box1 .imgBox .side-L {float:left;width:32.14%}
.dictionary-wr .box1 .imgBox .side-R {float:right;width:66.42%}
.dictionary-wr .box2 {overflow:hidden}
.dictionary-wr .box2 > div {float:left;width:50%;box-sizing:border-box}
.dictionary-wr .box2 > div p {font-size:1.125em;;color:#555;word-break:break-word;text-align:justify;}
.dictionary-wr .box2 .side-L {padding:65px 50px 100px 45px}
.dictionary-wr .box2 .side-R {padding:65px 45px 100px 50px}
@media all and (max-width:1400px) {
	.dictionary-wr .box1 .msgBox p span {display:inline}
	.dictionary-wr .box1 .msgBox p span:first-child {display:block}
	.dictionary-wr .box2 .side-L {padding:65px 50px 100px 0}
	.dictionary-wr .box2 .side-R {padding:65px 0 100px 50px}
}
@media all and (max-width:999px) {
	.dictionary-wr .box1:after {height:350px}
	.dictionary-wr .box1 .msgBox {padding:50px 0 0}
	.dictionary-wr .box1 .msgBox p {margin:20px 0 0}
	.dictionary-wr .box1 .imgBox {margin:20px 0 0}
	.dictionary-wr .box2 .side-L {padding:30px 20px 50px 0}
	.dictionary-wr .box2 .side-R {padding:30px 0 50px 20px}
}
@media all and (max-width:600px) {
	.dictionary-wr .box1:after {height:300px}
	.dictionary-wr .box1 .msgBox {padding:30px 0 0}
	.dictionary-wr .box1 .msgBox p {font-size:1.1em;line-height:1.52}
	.dictionary-wr .box2 > div {width:100%}
	.dictionary-wr .box2 > div p {font-size:1.1em;line-height:1.52}
	.dictionary-wr .box2 .side-L {padding:20px 0 25px}
	.dictionary-wr .box2 .side-R {padding:0 0 40px}
}
@media all and (max-width:400px) {
	.dictionary-wr .box1 .msgBox .c-tit01 {font-size:1.80em}
	.dictionary-wr .box1 .imgBox .side-L {width:100%}
	.dictionary-wr .box1 .imgBox .side-R {width:100%;margin:10px 0 0}
}

/* SIMONE WAY > 핸드백 박물관 : http://simone.cs21.kr/kr/index.php?pCode=museum
------------------------------------------------------ */
#container-wrap.pCode-museum {background:#fff}
#container-wrap.pCode-museum #contents-wrap {padding-top:0;padding-bottom:0}
#container-wrap.pCode-museum #contents-wrap:after {content:"";display:block;position:absolute;width:2000px;height:660px;left:50%;top:0px;margin:0 0 0 -1000px;background:#f5f5f5 url(/kr/_Img/Contents/talent_ptn1.png) repeat center center;z-index:-1}
.museum-wr {position:relative}
.museum-wr .box1 {position:relative}
.museum-wr .box1:after {content:"";display:block;position:absolute;width:2000px;height:460px;max-height:100%;left:50%;top:0;background:#fff;margin:0 0 0 -1000px;z-index:-1}
.museum-wr .box1 .msgBox {padding:72px 0 0}
.museum-wr .box1 .msgBox .c-tit01 {font-weight:500}
.museum-wr .box1 .msgBox .c-tit01 span {display:block}
.museum-wr .box1 .msgBox p {display:block;font-size:1.25em;line-height:1.364;color:#333;;margin:30px 0 0;}
.museum-wr .box1 .msgBox p span {display:block}
.museum-wr .box1 .imgBox {margin:50px 90px 0}
.museum-wr .box1 .imgBox img {display:block;width:100%;margin:0 0 53px}
.museum-wr .box1 .imgBox p {font-size:1.125em;}
.museum-wr .box2 {position:relative;margin:118px 0 0}
.museum-wr .box2.type2 {margin:50px 0 0;padding:50px 0}
.museum-wr .box2.type2:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:#f5f5f5 url(/kr/_Img/Contents/talent_ptn1.png) repeat center;z-index:-1}
.museum-wr .box2 .c-tit02 {text-align:center;color:#4f8c8a;}
.museum-wr .box2 ul {display:block;margin:38px 0 75px}
.museum-wr .box2 ul:after {content:"";display:block;clear:both}
.museum-wr .box2 ul li {display:block;float:left;width:30.71%;margin:0 3.935% 0 0;background:#000;transition:all .3s ease}
.museum-wr .box2 ul li:last-child {margin:0}
.museum-wr .box2 ul li img {display:block;width:100%;opacity:.5;transition:all .3s ease}
.museum-wr .box2 ul li.over,
.museum-wr .box2 ul li:hover {box-shadow:30px 30px 25px rgba(0, 0, 0, .2)}
.museum-wr .box2 ul li.over img,
.museum-wr .box2 ul li:hover img {opacity:1}
.museum-wr .box2 p {font-size:1.125em;}
@media all and (max-width:1400px) {
	.museum-wr .box1 .imgBox {margin:50px 0 0}
	.museum-wr .box1 .msgBox p {margin:20px 0 0}
	.museum-wr .box2 {margin:50px 0 0}
}
@media all and (max-width:1200px) {
	.museum-wr .box2 ul li.over,
	.museum-wr .box2 ul li:hover {box-shadow:20px 20px 15px rgba(0, 0, 0, .2)}
}
@media all and (max-width:1024px) {
	#container-wrap.pCode-museum #contents-wrap:after {height:500px}

	.museum-wr .box2.type2 .c-tit02 {letter-spacing:0}
}
@media all and (max-width:999px) {
	.museum-wr .box1 .msgBox {padding:50px 0 0}
}
@media all and (max-width:768px) {
	#container-wrap.pCode-museum #contents-wrap:after {height:400px}
}
@media all and (max-width:600px) {
	#container-wrap.pCode-museum #contents-wrap:after {height:300px}
	.museum-wr .box1 .msgBox {padding:30px 0 0}
	.museum-wr .box1 .imgBox {margin:20px 0 0}
	.museum-wr .box1 .imgBox img {margin:0 0 20px}
	.museum-wr .box1 .imgBox p {font-size:1em;word-break:break-all}
	.museum-wr .box2 .c-tit02 {font-size:1.5em;letter-spacing:0;}
	.museum-wr .box2.type2 .c-tit02 span {display:block}
	.museum-wr .box2 ul {margin:20px 0 30px}
	.museum-wr .box2 ul li {width:100%;max-width:400px;margin:0 auto 20px;float:none}
	.museum-wr .box2 ul li:last-child {margin:0 auto}
	.museum-wr .box2 ul li.over,
	.museum-wr .box2 ul li:hover {box-shadow:10px 10px 10px rgba(0, 0, 0, .2)}
	.museum-wr .box2 p {font-size:1.1em;word-break:break-all}
}

/* SIMONE > PLATFORM > fsc : http://simone.cs21.kr/kr/index.php?pCode=fsc
------------------------------------------------------ */
#container-wrap.pCode-fsc {}
#container-wrap.pCode-fsc #contents-wrap {padding-bottom:0;padding-top:0}
.fsc-wr {}
.fsc-wr .flowBox {position:relative;padding:54px 0 59px}
.fsc-wr .flowBox:after {content:"";display:block;position:absolute;width:1860px;height:183px;left:50%;bottom:0;margin:0 0 0 -930px;background:#fff;z-index:2}
.fsc-wr .flowBox .c-tit02 {position:relative;margin-bottom:15px;color:#222; z-index:3}
.fsc-wr .flowBox button {outline:0}
.fsc-wr .flowBox .sldDots {position:relative;overflow:hidden;margin:50px 0 40px;z-index:3}
.fsc-wr .flowBox .sldDots .owl-dot {display:block;float:left;width:17.8%;margin:0 2.7% 0 0}
.fsc-wr .flowBox .sldDots .owl-dot:last-child {margin:0}
.fsc-wr .flowBox .sldDots .owl-dot button {display:block;width:100%;border:0;background:transparent;text-align:left;font-size:1.125em;opacity:.3;transition:all .3s ease}
.fsc-wr .flowBox .sldDots .owl-dot button .num {display:block;position:relative;line-height:1;font-size:12px;font-family:"oswald";color:#222;letter-spacing:0;margin:0 0 6px}
.fsc-wr .flowBox .sldDots .owl-dot button .num:after {content:"";display:block;position:absolute;width:170px;height:3px;background:#474747;left:32px;top:2px}
.fsc-wr .flowBox .sldDots .owl-dot.active button {opacity:1}
.fsc-wr .flowBox .sld-wr {position:relative;z-index:3}
.fsc-wr .flowBox .sld-wr .sldNavi {display:block;position:absolute;left:0;width:100%;top:50%;z-index:2}
.fsc-wr .flowBox .sld-wr .sldNavi button {display:block;position:absolute;width:58px;height:58px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:transparent;margin:-29px 0 0;transition:all .3s ease}
.fsc-wr .flowBox .sld-wr .sldNavi button span {position:absolute;width:27px;height:19px;top:0;right:0;bottom:0;left:0;margin:auto;font-size:0;opacity:.6;background:url(/kr/_Img/Contents/fsc_spr.png) no-repeat;transition:all .3s ease}
.fsc-wr .flowBox .sld-wr .sldNavi button.owl-prev {left:19px}
.fsc-wr .flowBox .sld-wr .sldNavi button.owl-prev span {background-position:0px -170px}
.fsc-wr .flowBox .sld-wr .sldNavi button.owl-next {right:19px}
.fsc-wr .flowBox .sld-wr .sldNavi button.owl-next span {background-position:-37px -170px}
.fsc-wr .flowBox .sld-wr .sldNavi button:focus span,
.fsc-wr .flowBox .sld-wr .sldNavi button:hover span {opacity:1}
.fsc-wr .flowBox .sld-wr .sldCore {position:relative;z-index:1}
.fsc-wr .flowBox .sld-wr .txtBox {display:block;position:absolute;width:100%;left:0;top:50%;text-align:center;color:#fff;transform:translateY(-50%);z-index:2;box-sizing:border-box;padding:0 90px}
.fsc-wr .flowBox .sld-wr .txtBox .num {display:inline-block;position:relative;line-height:1;font-family:"oswald";font-weight:100;padding:0 0 13px;font-size:1.765em}
.fsc-wr .flowBox .sld-wr .txtBox .num:after {content:"";display:block;position:absolute;width:100%;height:1px;background:#fff;left:0;bottom:0}
.fsc-wr .flowBox .sld-wr .txtBox h4 {font-size:1.75em;line-height:1.2;margin:23px 0 0; font-weight:normal;}
.fsc-wr .flowBox .sld-wr .txtBox p {font-size:1.25em;line-height:1.2;margin:16px 0 0;; }
.fsc-wr .flowBox .sld-wr .base{position:relative;z-index:1}
.fsc-wr .flowBox .bg {display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;transform:translateX(-50%);background:url(/kr/_Img/Contents/fasc_bg2.jpg) no-repeat;background-size:cover;z-index:1;transition:all .3s ease}
.fsc-wr .opening {padding:80px 0}
.fsc-wr .opening  .c-tit01 span {display:block}
.fsc-wr .opening p {font-size:1.125em;color:#222;}
.fsc-wr .opening p span {display:block}
.fsc-wr .opening .sideBox {display:block;overflow:hidden;background:#fff;margin:77px 0 0}
.fsc-wr .opening .side {display:block;position:relative;width:50%;float:left;box-sizing:border-box;padding:0 64px;margin:59px 0 45px}
.fsc-wr .opening .side h4 {margin:0 0 29px}
.fsc-wr .opening .side ul {display:block;overflow:hidden}
.fsc-wr .opening .side ul li {display:block;width:50%;float:left}
.fsc-wr .opening .side ul li span {display:block;line-height:1.2}
.fsc-wr .opening .side ul li .kor {font-size:1.125em;color:#333;}
.fsc-wr .opening .side ul li .eng {font-size:1.765em;font-family:"oswald";;margin:7px 0 0}
.fsc-wr .opening .side .imgBox {text-align:center;font-size:0;line-height:1;box-sizing:border-box;margin:50px 0 0}
.fsc-wr .opening .side .imgBox img {display:inline-block;width:100%}
.fsc-wr .opening .side-L {}
.fsc-wr .opening .side-L:after {content:"";display:block;position:absolute;width:1px;height:100%;background:#ccc;right:0;top:0}
.fsc-wr .opening .side-L .imgBox {padding:4px 0 0}
.fsc-wr .opening .side-L .imgBox img {max-width:504px}
.fsc-wr .opening .side-R {}
.fsc-wr .opening .side-R .imgBox img {max-width:290px}
.fsc-wr .telentBox {position:relative;padding:69px 0 0}
.fsc-wr .telentBox:before {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:#fff;z-index:-1}
.fsc-wr .telentBox .c-tit02 {text-align:center;color:#222}
.fsc-wr .telentBox .kor {font-size:1.5em;display:block;line-height:1.2;color:#222;text-align:center}
.fsc-wr .telentBox ul {display:block;box-sizing:border-box;padding:50px 90px 118px}
.fsc-wr .telentBox ul:after {content:"";display:block;clear:both}
.fsc-wr .telentBox ul li {display:block;position:relative;float:left;width:32.78%;margin:0 .83% 8px 0;text-align:center;box-sizing:border-box;padding:36px 10px 40px;z-index:1;transition:all .3s ease}
.fsc-wr .telentBox ul li:after {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:url(/kr/_Img/Contents/fsc_bg1.gif) no-repeat center center;background-size:cover;z-index:1;opacity:0;transition:all .3s ease}
.fsc-wr .telentBox ul li:nth-child(3n) {margin:0 0 8px 0}
.fsc-wr .telentBox ul li:nth-child(odd) {background:#f3f3f3}
.fsc-wr .telentBox ul li:nth-child(even) {background:#fbfbfb}
.fsc-wr .telentBox ul li .ico {display:block;position:relative;width:80px;height:80px;margin:0 auto 23px;background:url(/kr/_Img/Contents/fsc_spr.png) no-repeat;transition:all .3s ease;z-index:2}
.fsc-wr .telentBox ul li .ico01 {background-position:0px 0px}
.fsc-wr .telentBox ul li .ico02 {background-position:-90px 0px}
.fsc-wr .telentBox ul li .ico03 {background-position:-180px 0px}
.fsc-wr .telentBox ul li .ico04 {background-position:-270px 0px}
.fsc-wr .telentBox ul li .ico05 {background-position:-360px 0px}
.fsc-wr .telentBox ul li .ico06 {background-position:-450px 0px}
.fsc-wr .telentBox ul li p {position:relative;z-index:2}
.fsc-wr .telentBox ul li .eng { color:#000;line-height:1.24;letter-spacing:.2em;transition:all .3s ease}
.fsc-wr .telentBox ul li .eng span {display:block}
.fsc-wr .telentBox ul li .kor {font-size:1.25em;;margin:11px 0 0;color:#555;transition:all .3s ease;font-weight:400}
.fsc-wr .telentBox ul li.over,
.fsc-wr .telentBox ul li:hover {box-shadow:30px 30px 25px rgba(0, 0, 0, .2);z-index:2}
.fsc-wr .telentBox ul li.over:after,
.fsc-wr .telentBox ul li:hover:after {opacity:1}
.fsc-wr .telentBox ul li.over .ico01, .fsc-wr .telentBox ul li:hover .ico01 {background-position:0px -80px}
.fsc-wr .telentBox ul li.over .ico02, .fsc-wr .telentBox ul li:hover .ico02 {background-position:-90px -80px}
.fsc-wr .telentBox ul li.over .ico03, .fsc-wr .telentBox ul li:hover .ico03 {background-position:-180px -80px}
.fsc-wr .telentBox ul li.over .ico04, .fsc-wr .telentBox ul li:hover .ico04 {background-position:-270px -80px}
.fsc-wr .telentBox ul li.over .ico05, .fsc-wr .telentBox ul li:hover .ico05 {background-position:-360px -80px}
.fsc-wr .telentBox ul li.over .ico06, .fsc-wr .telentBox ul li:hover .ico06 {background-position:-450px -80px}
.fsc-wr .telentBox ul li.over .eng, .fsc-wr .telentBox ul li:hover .eng {color:#fff}
.fsc-wr .telentBox ul li.over .kor, .fsc-wr .telentBox ul li:hover .kor {color:#fff;}
.fsc-wr .platformBox {position:relative;text-align:center;padding:21px 0 0}
.fsc-wr .platformBox:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:#fff;z-index:-1}
.fsc-wr .platformBox .txtImg {display:block;position:relative;z-index:2;margin:0 auto;max-width:922px;width:100%}
.fsc-wr .platformBox .imgBox {position:relative;height:700px;margin:-50px 0 0;z-index:1}
.fsc-wr .platformBox .imgBox img {display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;z-index:2}
@media all and (max-width:1400px) {
	.fsc-wr .flowBox .sldDots .owl-dot button .num:after {width:80%;left:auto;right:0}

	.fsc-wr .platformBox .imgBox {height:560px}
	.fsc-wr .platformBox .imgBox img {width:1600px;margin:0 0 0 -800px}
}
@media all and (max-width:1200px) {
	.fsc-wr .opening {padding-top:10px}
	.fsc-wr .opening p span {display:inline}
	.fsc-wr .opening .c-tit01 {letter-spacing:0;margin-bottom:5px}
	.fsc-wr .opening .sideBox {margin:50px 0 0}
	.fsc-wr .opening .side {padding:0 30px;margin:30px 0}
	.fsc-wr .telentBox {padding:30px 0 0}
	.fsc-wr .telentBox ul {padding:40px 0 50px}
	.fsc-wr .telentBox ul li {padding:20px 10px}
	.fsc-wr .telentBox ul li.over,
	.fsc-wr .telentBox ul li:hover {box-shadow:20px 20px 15px rgba(0, 0, 0, .2)}
	.fsc-wr .telentBox ul li .ico {width:56px;height:56px;margin:0 auto 20px;background-size:444px 226px}
	.fsc-wr .telentBox ul li .ico01 {background-position:0px 0px}
	.fsc-wr .telentBox ul li .ico02 {background-position:-63px 0px}
	.fsc-wr .telentBox ul li .ico03 {background-position:-126px 0px}
	.fsc-wr .telentBox ul li .ico04 {background-position:-189px 0px}
	.fsc-wr .telentBox ul li .ico05 {background-position:-252px 0px}
	.fsc-wr .telentBox ul li .ico06 {background-position:-315px 0px}
	.fsc-wr .telentBox ul li.over .ico01, .fsc-wr .telentBox ul li:hover .ico01 {background-position:0px -56px}
	.fsc-wr .telentBox ul li.over .ico02, .fsc-wr .telentBox ul li:hover .ico02 {background-position:-63px -56px}
	.fsc-wr .telentBox ul li.over .ico03, .fsc-wr .telentBox ul li:hover .ico03 {background-position:-126px -56px}
	.fsc-wr .telentBox ul li.over .ico04, .fsc-wr .telentBox ul li:hover .ico04 {background-position:-189px -56px}
	.fsc-wr .telentBox ul li.over .ico05, .fsc-wr .telentBox ul li:hover .ico05 {background-position:-252px -56px}
	.fsc-wr .telentBox ul li.over .ico06, .fsc-wr .telentBox ul li:hover .ico06 {background-position:-315px -56px}
	.fsc-wr .telentBox ul li .eng {letter-spacing:0}
	.fsc-wr .telentBox ul li .kor {font-size:1.2em}

	.fsc-wr .platformBox .imgBox {height:490px}
	.fsc-wr .platformBox .imgBox img {width:1400px;margin:0 0 0 -700px}
}
@media all and (max-width:1024px) {
	.fsc-wr .platformBox {padding:0}
}
@media all and (max-width:999px) {
	.fsc-wr .flowBox {padding:50px 0 30px}
	.fsc-wr .flowBox .sldDots {margin:30px 0 20px}
	.fsc-wr .flowBox .sldDots .owl-dot button {font-size:1.05em}
	.fsc-wr .flowBox .sld-wr .txtBox p {font-size:1.15em}
	.fsc-wr .opening {padding:40px 0}
	.fsc-wr .opening .c-tit01 span {display:block}
	.fsc-wr .opening p span {display:inline}
	.fsc-wr .opening .side h4 {margin:0 0 10px}
	.fsc-wr .opening .side ul li { float:none;width:100%;margin:15px 0 0}
}
@media all and (max-width:768px) {
	.fsc-wr .platformBox .imgBox {height:350px;margin:-40px 0 0}
	.fsc-wr .platformBox .imgBox img {width:1000px;margin:0 0 0 -500px}
}
@media all and (max-width:767px) {
	.fsc-wr .flowBox .sld-wr .txtBox h4 {font-size:1.5em;margin:10px 0 0}
	.fsc-wr .flowBox .sld-wr .txtBox p {line-height:1.3}
	.fsc-wr .flowBox .sld-wr .txtBox p br {display:none}
	.fsc-wr .opening .c-tit01 span { display:inline}
	.fsc-wr .opening .c-tit01 span:last-child {font-size:.7em}
	.fsc-wr .opening .sideBox {margin:20px 0 0}
	.fsc-wr .opening .side {width:100%}
	.fsc-wr .opening .side .c-tit03 {font-size:1.75em;margin:0; text-align:center}
	.fsc-wr .opening .side ul li { width:48%; display:inline-block; text-align:center}
	.fsc-wr .opening .side ul li .eng {font-size:1.5em}
	.fsc-wr .opening .side-L .imgBox {margin-top:20px}
	.fsc-wr .opening .side-L {padding:0 30px 30px;margin:30px 0}
	.fsc-wr .opening .side-L:after {width:80%;height:1px;top:auto;bottom:0; left:50%;margin-left:-40%}
	.fsc-wr .opening .side-R {padding:0 20px 20px;margin:0}
	.fsc-wr .opening .side-R ul li {width:100%}
	.fsc-wr .opening .side-R .imgBox {margin-top:20px}
	.fsc-wr .opening .side-R .imgBox img {max-width:250px}
	.fsc-wr .telentBox .c-tit02 {margin-bottom:5px}
	.fsc-wr .telentBox ul {padding:30px 0}
	.fsc-wr .telentBox ul li {width:49%;margin:0 2% 10px 0;padding:20px 10px}
	.fsc-wr .telentBox ul li:nth-child(3n) {margin:0 2% 10px 0}
	.fsc-wr .telentBox ul li:nth-child(2n) {margin:0 0 10px 0}
	.fsc-wr .telentBox ul li .ico {margin:0 auto 5px}
	.fsc-wr .telentBox ul li .eng span {display:inline}
	.fsc-wr .telentBox ul li .kor {font-size:1em;line-height:1;margin:5px 0 0}
	.fsc-wr .platformBox .imgBox {margin:-40px 0 0}
}
@media all and (max-width:600px) {
	.fsc-wr .telentBox .kor {font-size:1.25em;margin:5px 0 0}
	.fsc-wr .telentBox ul {padding:20px 0 10px}
	.fsc-wr .telentBox ul li {width:100%;margin:0 0 10px 0;padding:15px 0 15px 60px;text-align:left}
	.fsc-wr .telentBox ul li:nth-child(3n) {margin:0 0 10px 0}
	.fsc-wr .telentBox ul li:nth-child(2n) {margin:0 0 10px 0}
	.fsc-wr .telentBox ul li .ico {position:absolute;width:39px;height:39px;margin:0;background-size:310px 158px;left:5px;top:50%;transform:translateY(-50%)}
	.fsc-wr .telentBox ul li .ico01 {background-position:0px 0px}
	.fsc-wr .telentBox ul li .ico02 {background-position:-44px 0px}
	.fsc-wr .telentBox ul li .ico03 {background-position:-88px 0px}
	.fsc-wr .telentBox ul li .ico04 {background-position:-132px 0px}
	.fsc-wr .telentBox ul li .ico05 {background-position:-176px 0px}
	.fsc-wr .telentBox ul li .ico06 {background-position:-220px 0px}
	.fsc-wr .telentBox ul li.over,
	.fsc-wr .telentBox ul li:hover {box-shadow:10px 10px 10px rgba(0, 0, 0, .2)}
	.fsc-wr .telentBox ul li.over .ico01, .fsc-wr .telentBox ul li:hover .ico01 {background-position:0px -39px}
	.fsc-wr .telentBox ul li.over .ico02, .fsc-wr .telentBox ul li:hover .ico02 {background-position:-44px -39px}
	.fsc-wr .telentBox ul li.over .ico03, .fsc-wr .telentBox ul li:hover .ico03 {background-position:-88px -39px}
	.fsc-wr .telentBox ul li.over .ico04, .fsc-wr .telentBox ul li:hover .ico04 {background-position:-132px -39px}
	.fsc-wr .telentBox ul li.over .ico05, .fsc-wr .telentBox ul li:hover .ico05 {background-position:-176px -39px}
	.fsc-wr .telentBox ul li.over .ico06, .fsc-wr .telentBox ul li:hover .ico06 {background-position:-220px -39px}
	.fsc-wr .telentBox ul li .kor {text-align:left}
	.fsc-wr .flowBox {padding:30px 0 30px}
	.fsc-wr .flowBox:after {height:100px}
	.fsc-wr .flowBox .sldDots { display:none}
	.fsc-wr .flowBox .sld-wr .sldNavi {top:25%}
	.fsc-wr .flowBox .sld-wr .sldNavi button {width:40px;height:40px;margin:-20px 0 0}
	.fsc-wr .flowBox .sld-wr .sldNavi button span {width:19px;height:13px;background-size:444px 226px}
	.fsc-wr .flowBox .sld-wr .sldNavi button.owl-prev {left:10px}
	.fsc-wr .flowBox .sld-wr .sldNavi button.owl-prev span {background-position:0px -119px}
	.fsc-wr .flowBox .sld-wr .sldNavi button.owl-next {right:10px}
	.fsc-wr .flowBox .sld-wr .sldNavi button.owl-next span {background-position:-26px -119px}
	.fsc-wr .flowBox .sld-wr .txtBox {position:relative;left:auto;top:auto;transform:translateY(0);padding:0;color:#333;background:#fff;padding:20px}
	.fsc-wr .flowBox .sld-wr .txtBox .num {padding:0 0 10px;font-size:1.000em}
	.fsc-wr .flowBox .sld-wr .txtBox .num:after {background:#ddd}
	.fsc-wr .flowBox .sld-wr .txtBox h4 {font-size:1.2em;margin:5px 0 0}
	.fsc-wr .flowBox .sld-wr .txtBox p {font-size:1.1em}
	.fsc-wr .opening .side ul li { width:100%}
	.fsc-wr .platformBox .imgBox {height:210px;margin:-20px 0 0}
	.fsc-wr .platformBox .imgBox img {width:600px;margin:0 0 0 -300px}
}
@media all and (max-width:400px) {
	.fsc-wr .flowBox .sld-wr .sldNavi {top:17%}
	.fsc-wr .flowBox .sld-wr .sldNavi button {border:0}
	.fsc-wr .flowBox .sld-wr .sldNavi button.owl-prev {left:0}
	.fsc-wr .flowBox .sld-wr .sldNavi button.owl-next {right:0}
	.fsc-wr .flowBox .sld-wr .sldNavi button span {opacity:1}
	.fsc-wr .platformBox .imgBox {height:140px}
	.fsc-wr .platformBox .imgBox img {width:400px;margin:0 0 0 -200px}
}

/* PLATFOMR > COLLECTICE WISDOM : http://simone.cs21.kr/kr/index.php?pCode=wisdom
------------------------------------------------------ */
#container-wrap.pCode-wisdom {background:#fff}
#container-wrap.pCode-wisdom #contents-wrap {padding-top:72px}
.wisdom-wr {}
.wisdom-wr .opening {text-align:center;padding:0 0 80px}
.wisdom-wr .opening p {line-height:1.250}
.wisdom-wr .opening p > span {display:block}
.wisdom-wr .opening .btxt {font-size:1.529em;color:#222;margin:34px 0 0;letter-spacing:-.1em}
.wisdom-wr .opening .btxt .eng {letter-spacing:0; font-style: normal}
.wisdom-wr .opening .p2 {font-size:1.375em;color:#333;;margin:20px 0 0;}
.wisdom-wr .opening ul {display:block;overflow:hidden;margin:60px 0 0}
.wisdom-wr .opening ul li {display:block;position:relative;float:left;width:50%}
.wisdom-wr .opening ul li .inwr {}
.wisdom-wr .opening ul li .inwr h4 {display:block;position:relative;line-height:360px;font-size:1.375em;;color:#333}
.wisdom-wr .opening ul li .inwr h4:before,
.wisdom-wr .opening ul li .inwr h4:after {content:"";display:block;position:absolute;top:50%}
.wisdom-wr .opening ul li .inwr h4:before {width:6px;height:6px;border-radius:50%;margin:-3px 0 0}
.wisdom-wr .opening ul li .inwr h4:after {width:64px;height:1px}
.wisdom-wr .opening ul li .inwr .txt {display:block;position:relative;width:360px;height:360px;border-radius:50%;overflow:hidden}
.wisdom-wr .opening ul li .inwr .txt:after {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0}
.wisdom-wr .opening ul li .inwr .txt p {position:absolute;width:100%;left:0;top:50%;margin:-100px 0 0;z-index:2;font-size:1.125em;color:#fff;line-height:1.520;;;box-sizing:border-box;padding:0 35px;}
.wisdom-wr .opening ul li .inwr .txt p:before {content:"";display:block;position:relative;width:65px;height:65px;margin:0 auto 24px;background:url(/kr/_Img/Contents/wisdom_spr.png) no-repeat}
.wisdom-wr .opening ul li .inwr .txt p span {display:block}
.wisdom-wr .opening ul li.ico01 {z-index:2}
.wisdom-wr .opening ul li.ico01 .inwr {float:right;margin:0 -12px 0 0}
.wisdom-wr .opening ul li.ico01 .inwr h4 {float:left;margin:0 64px 0 0;padding:0 16px 0 0}
.wisdom-wr .opening ul li.ico01 .inwr h4:before {right:0;background:#4d7874}
.wisdom-wr .opening ul li.ico01 .inwr h4:after {left:100%;background:#b7d9d8}
.wisdom-wr .opening ul li.ico01 .inwr .txt {float:left}
.wisdom-wr .opening ul li.ico01 .inwr .txt:after {background:url(/kr/_Img/Contents/wisdom_ptn1.png) repeat}
.wisdom-wr .opening ul li.ico01 .inwr .txt p:before {background-position:0px 0px}
.wisdom-wr .opening ul li.ico02 {z-index:1}
.wisdom-wr .opening ul li.ico02 .inwr {float:left;margin:0 0 0 -14px}
.wisdom-wr .opening ul li.ico02 .inwr h4 {float:right;margin:0 0 0 64px;padding:0 0 0 16px}
.wisdom-wr .opening ul li.ico02 .inwr h4:before {left:0;background:#4c4c4c}
.wisdom-wr .opening ul li.ico02 .inwr h4:after {right:100%;background:#c9c9c9}
.wisdom-wr .opening ul li.ico02 .inwr .txt {float:right}
.wisdom-wr .opening ul li.ico02 .inwr .txt:after {background:url(/kr/_Img/Contents/wisdom_ptn2.png) repeat}
.wisdom-wr .opening ul li.ico02 .inwr .txt p:before {background-position:-75px 0px}
.wisdom-wr .box1 {position:relative;text-align:center;padding:96px 0 0px}
.wisdom-wr .box1:after {content:"";display:block;position:absolute;width:2000px;height:700px;left:50%;top:0;margin:0 0 0 -1000px;background:#f5f5f5;z-index:-1}
.wisdom-wr .box1 h4 {font-size:2.118em;color:#333;line-height:1;font-family:"oswald";font-weight:400;letter-spacing:.2em}
.wisdom-wr .box1 p {display:block;line-height:1.250}
.wisdom-wr .box1 p > span {display:block}
.wisdom-wr .box1 .btxt {font-size:1.5em;color:#222;margin:41px 0 0;}
.wisdom-wr .box1 .btxt span span {letter-spacing:0}
.wisdom-wr .box1 .p2 {font-size:1.412em;color:#333;;margin:43px 0 0;}
.wisdom-wr .box1 .txtImg {display:block;position:relative;width:74.42%;max-width:1042px;margin:87px auto 0;z-index:2}
.wisdom-wr .box1 .baseImg {display:block;position:relative;width:100%;margin:-24px 0 0;z-index:1}
.wisdom-wr .box2 {text-align:center;padding:95px 0 108px}
.wisdom-wr .box2 .btxt {font-size:1.375em;color:#222;;line-height:1.25;}
.wisdom-wr .box2 .btxt span {display:block}
.wisdom-wr .box2 ul {display:block;font-size:0;text-align:center;margin:48px 0 0}
.wisdom-wr .box2 ul li {display:inline-block;position:relative;vertical-align:top;font-size:17px;width:19.285%;margin:0 2.85% 0 0;height:0;padding:0 0 19.285%}
.wisdom-wr .box2 ul li:last-child {margin:0}
.wisdom-wr .box2 ul li .inwr {display:block;position:absolute;width:100%;height:100%;background:rgba(243, 243, 243, .6);border-radius:50%;transition:all .3s ease}
.wisdom-wr .box2 ul li .inwr p {display:block;position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%)}
.wisdom-wr .box2 ul li .inwr p:before {content:"";display:block;width:66px;height:66px;margin:0 auto 21px;background:url(/kr/_Img/Contents/way_spr.png) no-repeat}
.wisdom-wr .box2 ul li .inwr p.ico01:before {background-position:0px 0px}
.wisdom-wr .box2 ul li .inwr p.ico02:before {background-position:-76px 0px}
.wisdom-wr .box2 ul li .inwr p.ico03:before {background-position:-152px 0px}
.wisdom-wr .box2 ul li .inwr p span {display:block;line-height:1}
.wisdom-wr .box2 ul li .inwr p .eng {transition:all .3s ease;color:#000}
.wisdom-wr .box2 ul li .inwr p .kor {font-size:1.25em;color:#555;margin:17px 0 0;transition:all .3s ease}
.wisdom-wr .box2 ul li.over .inwr,
.wisdom-wr .box2 ul li:hover .inwr {background:#3a3a3a url(/kr/_Img/Contents/way_ptn1_opa7.png) no-repeat center center;box-shadow:30px 30px 25px rgba(0, 0, 0, .2);opacity:.9}
.wisdom-wr .box2 ul li.over .inwr p.ico01:before,
.wisdom-wr .box2 ul li:hover .inwr p.ico01:before {background-position:0px -76px}
.wisdom-wr .box2 ul li.over .inwr p.ico02:before,
.wisdom-wr .box2 ul li:hover .inwr p.ico02:before {background-position:-76px -76px}
.wisdom-wr .box2 ul li.over .inwr p.ico03:before,
.wisdom-wr .box2 ul li:hover .inwr p.ico03:before {background-position:-152px -76px}
.wisdom-wr .box2 ul li.over .inwr p .eng,
.wisdom-wr .box2 ul li:hover .inwr p .eng {color:#fff}
.wisdom-wr .box2 ul li.over .inwr p .kor,
.wisdom-wr .box2 ul li:hover .inwr p .kor {color:#fff}
.wisdom-wr .box2 ul li .inwr p.ico03 .eng {letter-spacing:.1em}
@media all and (max-width:1200px) {
	.wisdom-wr .opening ul li.ico01 .inwr h4 {margin-right:13px;}
	.wisdom-wr .opening ul li.ico02 .inwr h4 {margin-left:20px;}
	.wisdom-wr .opening ul li .inwr .txt {width:320px;height:320px;}
	.wisdom-wr .opening ul li .inwr .txt p {font-size:1em;}
	.wisdom-wr .box2 {padding:50px 0 50px}
	.wisdom-wr .box2 .btxt {margin:20px 0 0}
	.wisdom-wr .box2 ul li {width:23%;margin:0 3% 0 0;padding:0 0 23%}
	.wisdom-wr .box2 ul li .inwr p:before {margin:0 auto 10px}
	.wisdom-wr .box2 ul li .inwr p .eng {letter-spacing:0}
	.wisdom-wr .box2 ul li .inwr p.ico03 .eng {letter-spacing:0}
	.wisdom-wr .box2 ul li .inwr p .kor {margin:5px 0 0}
}

@media all and (max-width:1100px) {
	.wisdom-wr .opening ul li .inwr .txt p {margin:-75px 0 0;}
	.wisdom-wr .opening ul li.ico02 .inwr .txt p {margin:-120px 0 0;}
	.wisdom-wr .opening ul li .inwr h4 {line-height:280px}
	.wisdom-wr .opening ul li .inwr .txt {width:280px;height:280px}
	.wisdom-wr .opening ul li .inwr .txt p {margin:-70px 0 0;font-size:1.00em;line-height:1.520}
}

@media all and (max-width:999px) {
	.wisdom-wr .opening ul li .inwr h4 {line-height:1;width:280px;text-align:center}
	.wisdom-wr .opening ul li .inwr h4:before,
	.wisdom-wr .opening ul li .inwr h4:after {content:"";display:block;position:absolute;top:50%}
	.wisdom-wr .opening ul li .inwr h4:before {width:6px;height:6px;border-radius:50%;margin:-3px 0 0}
	.wisdom-wr .opening ul li .inwr h4:after {width:64px;height:1px}
	.wisdom-wr .opening ul li.ico01 .inwr h4 {float:right;margin:0 0 20px 0;padding:0 0 15px 0}
	.wisdom-wr .opening ul li.ico01 .inwr h4:before {right:50%;margin:0 -3px 0 0;top:auto;bottom:0}
	.wisdom-wr .opening ul li.ico01 .inwr h4:after {left:50%;width:1px;height:20px;top:100%}
	.wisdom-wr .opening ul li.ico01 .inwr .txt {float:right}
	.wisdom-wr .opening ul li.ico02 .inwr h4 {float:left;margin:0 0 20px 0;padding:0 0 15px 0}
	.wisdom-wr .opening ul li.ico02 .inwr h4:before {left:50%;margin:0 0 0 -3px;top:auto;bottom:0}
	.wisdom-wr .opening ul li.ico02 .inwr h4:after {right:50%;width:1px;height:20px;top:100%}
	.wisdom-wr .opening ul li.ico02 .inwr .txt {float:left}
	.wisdom-wr .box1 {padding:50px 0 0}
	.wisdom-wr .box1:after {height:500px}
	.wisdom-wr .box1 .btxt {margin:30px 0 0}
	.wisdom-wr .box1 .p2 {margin:20px 0 0}
	.wisdom-wr .box1 .txtImg {margin:40px auto 0}
	.wisdom-wr .box1 .baseImg {margin:-15px 0 0}
	.wisdom-wr .box2 ul li {font-size:15px}
	.wisdom-wr .box2 ul li .inwr p:before {width:46px;height:46px;background-size:153px 120px}
	.wisdom-wr .box2 ul li .inwr p.ico01:before {background-position:0px 0px}
	.wisdom-wr .box2 ul li .inwr p.ico02:before {background-position:-53px 0px}
	.wisdom-wr .box2 ul li .inwr p.ico03:before {background-position:-106px 0px}
	.wisdom-wr .box2 ul li.over .inwr p.ico01:before,
	.wisdom-wr .box2 ul li:hover .inwr p.ico01:before {background-position:0px -53px}
	.wisdom-wr .box2 ul li.over .inwr p.ico02:before,
	.wisdom-wr .box2 ul li:hover .inwr p.ico02:before {background-position:-53px -53px}
	.wisdom-wr .box2 ul li.over .inwr p.ico03:before,
	.wisdom-wr .box2 ul li:hover .inwr p.ico03:before {background-position:-106px -53px}
}

@media all and (max-width:768px) {
	.wisdom-wr .box2 {padding:50px 0 30px}
	.wisdom-wr .box2 ul {margin:20px 0 0}
	.wisdom-wr .box2 ul li {width:30%;margin:0 3% 0 0;padding:0 0 30%}
}

@media all and (max-width:600px) {
	#container-wrap.pCode-wisdom #contents-wrap {padding-top:50px}
	.wisdom-wr .opening {padding:0 0 40px}
	.wisdom-wr .opening .c-tit01.eng {font-size:2.4em}
	.wisdom-wr .opening p > span {display:inline}
	.wisdom-wr .opening .btxt {font-size:1.35em;margin:30px 0 0}
	.wisdom-wr .opening .p2 {font-size:1.2em}
	.wisdom-wr .opening ul {margin:30px 0 0}
	.wisdom-wr .opening ul li { position:relative;width:100%;box-sizing:border-box;padding:0;/*display:inline-block; vertical-align:top*/}
	.wisdom-wr .opening ul li.ico01 .inwr h4, .wisdom-wr .opening ul li.ico02 .inwr h4 {float:none;width:auto;margin:0 0 10px;padding:30px 0 0}
	.wisdom-wr .opening ul li.ico01 .inwr h4:before,	.wisdom-wr .opening ul li.ico02 .inwr h4:before {right:auto;left:50%;margin:0 0 0 -2.5px;top:0;bottom:auto;z-index:2}
	.wisdom-wr .opening ul li.ico01 .inwr h4:after, .wisdom-wr .opening ul li.ico02 .inwr h4:after {right:auto;left:50%;width:1px;height:20px;top:0;z-index:1}
	.wisdom-wr .opening ul li.ico01 .inwr, .wisdom-wr .opening ul li.ico02 .inwr {float:none;margin:0 10px}
	.wisdom-wr .opening ul li.ico01 .inwr .txt,	.wisdom-wr .opening ul li.ico02 .inwr .txt {float:none;width:auto;height:auto;border-radius:0}
	.wisdom-wr .opening ul li .inwr .txt p {position:relative;width:auto;left:auto;top:auto;margin:0;min-height:160px;}
	.wisdom-wr .opening ul li.ico02 .inwr .txt p {margin:0;}
	.wisdom-wr .opening ul li .inwr .txt p:before {position:absolute;left:50%;width:45px;height:45px;margin:0 0 0 -23px;background-size:98px 45px}
	.wisdom-wr .opening ul li.ico01 .inwr .txt p {padding:70px 0 20px}
	.wisdom-wr .opening ul li.ico01 .inwr .txt p:before {background-position:0px 0px;top:12px}
	.wisdom-wr .opening ul li.ico02 .inwr .txt p {padding:70px 0 20px}
	.wisdom-wr .opening ul li.ico02 .inwr .txt p:before {background-position:-52px 0px;top:12px}
	.wisdom-wr .box1:after {height:400px}
	.wisdom-wr .box1 h4 {font-size:2.00em;letter-spacing:0}
	.wisdom-wr .box1 .btxt {font-size:1.35em;margin:20px 0 0; font-weight:400; }
	.wisdom-wr .box1 .p2 {font-size:1.2em}
	.wisdom-wr .box1 p > span {display:inline}
	.wisdom-wr .box1 .txtImg {width:100%;margin:20px 0 0}
	.wisdom-wr .box1 .baseImg {margin:-10px 0 0}
	.wisdom-wr .box2 {padding:30px 0 40px}
	.wisdom-wr .box2 .btxt {font-size:1.20em}
	.wisdom-wr .box2 ul li {font-size:14px;display:block;width:100%;margin:0 0 10px;height:auto;padding:0}
	.wisdom-wr .box2 ul li .inwr {position:relative;height:auto;box-sizing:border-box;border-radius:0}
	.wisdom-wr .box2 ul li .inwr p {position:relative;width:auto;left:auto;top:auto;transform:translateY(0);box-sizing:border-box;text-align:left;padding:15px 0 15px 60px}
	.wisdom-wr .box2 ul li .inwr p:before {position:absolute;margin:0;left:10px;top:50%;transform:translateY(-50%)}
	.wisdom-wr .box2 ul li.over .inwr,
	.wisdom-wr .box2 ul li:hover .inwr {box-shadow:10px 10px 20px rgba(0, 0, 0, .2)}
	.wisdom-wr .box2 ul li .inwr p:before {width:32px;height:32px;background-size:107px 84px}
	.wisdom-wr .box2 ul li .inwr p.ico01:before {background-position:0px 0px}
	.wisdom-wr .box2 ul li .inwr p.ico02:before {background-position:-37px 0px}
	.wisdom-wr .box2 ul li .inwr p.ico03:before {background-position:-74px 0px}
	.wisdom-wr .box2 ul li.over .inwr p.ico01:before,
	.wisdom-wr .box2 ul li:hover .inwr p.ico01:before {background-position:0px -37px}
	.wisdom-wr .box2 ul li.over .inwr p.ico02:before,
	.wisdom-wr .box2 ul li:hover .inwr p.ico02:before {background-position:-37px -37px}
	.wisdom-wr .box2 ul li.over .inwr p.ico03:before,
	.wisdom-wr .box2 ul li:hover .inwr p.ico03:before {background-position:-74px -37px}
}

@media all and (max-width:400px) {
	.wisdom-wr .opening h3 {font-size:2.2em}
	.wisdom-wr .opening .btxt {font-size:1.30em;margin:20px 0 0}
	.wisdom-wr .opening .p2 {font-size:1.20em}
	.wisdom-wr .opening ul li {width:100%}
	.wisdom-wr .opening ul li.ico01 {margin-bottom:10px}
	.wisdom-wr .opening ul li .inwr .txt p {min-height:auto;}
	.wisdom-wr .box1:after {height:350px}
	.wisdom-wr .box1 h4 {font-size:1.80em}
	.wisdom-wr .box1 .btxt {font-size:1.30em;margin:20px 0 0}
	.wisdom-wr .box1 .p2 {font-size:1.20em}
}

/* RECRUIT > WHY SIMONE : http://simone.cs21.kr/kr/index.php?pCode=acc
------------------------------------------------------ */
#container-wrap.pCode-acc {background:#fff}
#container-wrap.pCode-acc #contents-wrap {padding-top:71px;padding-bottom:0}
.acc-wr2 {}
.acc-wr2 .opening {}
.acc-wr2 .opening .c-tit01 {text-align:center;font-weight:500}
.acc-wr2 .opening .c-tit01 span {display:block}
.acc-wr2 .opening img {display:block;width:85.71%;margin:52px auto 0}
.acc-wr2 .box1 {position:relative}
.acc-wr2 .box1:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;background:#f5f5f5;margin:0 0 0 -1000px;z-index:-1}
.acc-wr2 .box1 .role-head {text-align:center;background:#fff;padding:57px 0 70px}
.acc-wr2 .box1 .role-head .c-tit02.eng {opacity:.3;font-weight:400}
.acc-wr2 .box1 .role-head p {font-size:1.125em;color:#333;;margin:33px 0 0}
.acc-wr2 .box1 .role-head p span {display:block}
.acc-wr2 .box1 .role-body {margin:91px 0 0;padding:0 0 136px}
.acc-wr2 .box1 .role-body > ul {display:block}
.acc-wr2 .box1 .role-body > ul:after {content:"";display:block;clear:both}
.acc-wr2 .box1 .role-body > ul > li {display:block;float:left;width:29.5%;margin:0 5.75% 0 0}
.acc-wr2 .box1 .role-body > ul > li:last-child {margin:0}
.acc-wr2 .box1 .role-body > ul > li .inwr {position:relative;text-align:center;background:#fff;padding:95px 0 78px;transition:all .3s ease}
.acc-wr2 .box1 .role-body > ul > li .inwr:after {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:#4f8c8a url(/kr/_Img/Contents/acc_ptn1.png) no-repeat center center;opacity:0;z-index:1;transition:all .3s ease}
.acc-wr2 .box1 .role-body > ul > li .inwr .t1 {display:block;position:relative;font-size:1.05em;color:#000;letter-spacing:.2em;line-height:1.24;font-family:"oswald";z-index:2;transition:all .3s ease}
.acc-wr2 .box1 .role-body > ul > li .inwr .t1 span {display:block}
.acc-wr2 .box1 .role-body > ul > li .inwr .t2 {display:block;position:relative;color:#555;font-size:1.25em;line-height:1.091em;;margin:37px 0 0;z-index:2;transition:all .3s ease}
.acc-wr2 .box1 .role-body > ul > li .inwr .t2 .eng {letter-spacing:0}
.acc-wr2 .box1 .role-body > ul > li ul {margin:36px 10px 0}
.acc-wr2 .box1 .role-body > ul > li ul li { font-size:1.05em;line-height:1.333; margin:0 0 11px}
.acc-wr2 .box1 .role-body > ul > li ul li:last-child {margin:0}
.acc-wr2 .box1 .role-body > ul > li ul li:before {content:"";display:block;position:absolute;width:4px;height:4px;border-radius:50%;background:#b3cbca;left:0;top:10px}
.acc-wr2 .box1 .role-body > ul > li.over .inwr,
.acc-wr2 .box1 .role-body > ul > li:hover .inwr {background:transparent;box-shadow:30px 30px 25px rgba(0, 0, 0, .2)}
.acc-wr2 .box1 .role-body > ul > li.over .inwr:after,
.acc-wr2 .box1 .role-body > ul > li:hover .inwr:after {opacity:.9}
.acc-wr2 .box1 .role-body > ul > li.over .inwr .t1,
.acc-wr2 .box1 .role-body > ul > li.over .inwr .t2,
.acc-wr2 .box1 .role-body > ul > li:hover .inwr .t1,
.acc-wr2 .box1 .role-body > ul > li:hover .inwr .t2 {color:#fff}
.acc-wr2 .box1 .role-body a {display:block;width:210px;height:80px;text-align:center;line-height:80px;background:#333;color:#fff;font-size:1.05em;margin:77px auto 0;transition:all .3s ease}
.acc-wr2 .box1 .role-body a:focus,
.acc-wr2 .box1 .role-body a:hover {background:#000}
@media all and (max-width:1200px) {
	#container-wrap.pCode-acc #contents-wrap {paddi999ng-top:50px}
	.acc-wr2 .box1 .role-body {margin-top:60px; padding-bottom:60px}
	.acc-wr2 .box1 .role-body > ul > li {width:32%;margin:0 2% 0 0}
}
@media all and (max-width:999px) {
	.acc-wr2 .box1 .role-body > ul > li .inwr .t2 .block {display:block}
	.acc-wr2 .box1 .role-body > ul > li ul li:before {top:8px}
}
@media all and (max-width:768px) {
	.acc-wr2 .opening img {width:100%;margin:40px 0 0}
	.acc-wr2 .box1 .role-head {padding:40px 0 50px}
	.acc-wr2 .box1 .role-body {margin:40px 0 0;padding:0 0 50px}
	.acc-wr2 .box1 .role-body > ul > li .inwr {padding:66px 0 54px}
	.acc-wr2 .box1 .role-body a {margin:30px auto 0}
}
@media all and (max-width:767px) {
	.acc-wr2 .box1 .role-body > ul > li {width:100%;margin:0 0 20px}
	.acc-wr2 .box1 .role-body > ul > li .inwr {padding:20px}
	.acc-wr2 .box1 .role-body > ul > li .inwr:after {background-size:cover}
	.acc-wr2 .box1 .role-body > ul > li .inwr .t1 {display:inline-block;vertical-align:middle}
	.acc-wr2 .box1 .role-body > ul > li .inwr .t1 span {display:inline}
	.acc-wr2 .box1 .role-body > ul > li .inwr .t2 {display:inline-block;vertical-align:middle;margin:-4px 0 0 5px}
	.acc-wr2 .box1 .role-body > ul > li .inwr .t2 .block {display:inline}
	.acc-wr2 .box1 .role-body > ul > li .inwr,
	.acc-wr2 .box1 .role-body > ul > li .inwr,
	.acc-wr2 .box1 .role-body > ul > li.over .inwr,
	.acc-wr2 .box1 .role-body > ul > li:hover .inwr {box-shadow:none}
	.acc-wr2 .box1 .role-body > ul > li ul {margin:10px 0 0}
	.acc-wr2 .box1 .role-body > ul > li .inwr:after {opacity:.9}
	.acc-wr2 .box1 .role-body > ul > li .inwr .t1,
	.acc-wr2 .box1 .role-body > ul > li .inwr .t2,
	.acc-wr2 .box1 .role-body > ul > li .inwr .t1,
	.acc-wr2 .box1 .role-body > ul > li .inwr .t2 {color:#fff}
}
@media all and (max-width:600px) {
	.acc-wr2 .opening h3 {font-size:1.8em}
	.acc-wr2 .box1 .role-head {padding:20px 0}
	.acc-wr2 .box1 .role-head .c-tit02.eng {font-size:2.00em;letter-spacing:0}
	.acc-wr2 .box1 .role-head p {margin:15px 0 0}
	.acc-wr2 .box1 .role-body {margin:20px 0 0;padding:0 0 20px}
	.acc-wr2 .box1 .role-body > ul > li .inwr .t2 {margin:-2px 0 0 5px}
	.acc-wr2 .box1 .role-body > ul > li ul li {padding:0 0 0 10px}
	.acc-wr2 .box1 .role-body > ul > li ul li:before {top:7px}
	.acc-wr2 .box1 .role-body a {display:block;width:100%;height:50px;line-height:50px}
}
@media all and (max-width:460px) {
	.acc-wr2 .box1 .role-body > ul > li .inwr .t1 {display:block;letter-spacing:0}
	.acc-wr2 .box1 .role-body > ul > li .inwr .t1 span {display:inline}
	.acc-wr2 .box1 .role-body > ul > li .inwr .t2 {display:block;margin:5px 0 0}
}


/*
------------------------------------------------------ */
.acc-wr {}
.acc-wr .opening {display:block;position:relative;box-sizing:border-box;padding:63px 750px 0 0;margin:58px 0 0;z-index:2}
.acc-wr .opening:before {content:"WHY";display:block;position:absolute;right:100%;bottom:100%;font-size:14.118em;color:#728c8e;opacity:.32;line-height:1;margin:0 -146px -159px 0;font-family:"oswald";z-index:-1}
.acc-wr .opening .imgBox {display:block;position:absolute;width:1000px;left:50%;top:0}
.acc-wr .opening .imgBox img {display:block;width:100%}
.acc-wr .opening .txtBox {}
.acc-wr .opening .txtBox h3 {display:block;font-size:3em;color:#333;font-family:"oswald";line-height:1}
.acc-wr .opening .txtBox p {}
.acc-wr .opening .txtBox .p1 {font-size:2.118em;color:#333;margin:54px 0 0}
.acc-wr .opening .txtBox .p2 {font-size:1.125em;color:#6c6c6c;;margin:12px 0 0}
.acc-wr .opening .txtBox .p2 span {display:block}
.acc-wr .flowBox {position:relative;padding:167px 0 107px;margin:43px 0 0}
.acc-wr .flowBox:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;background:#f5f5f5;margin:0 0 0 -1000px;z-index:-1}
.acc-wr .flowBox ol {display:block;overflow:hidden}
.acc-wr .flowBox ol li {display:block;float:left;width:13.85%;margin:0 3.38% 0 0}
.acc-wr .flowBox ol li:last-child {margin:0}
.acc-wr .flowBox ol li .circleBox {display:block;position:relative;height:0;padding:0 0 100%;border-radius:50%;background:#5d8687 url(/kr/_Img/Contents/acc_ptn1.png) no-repeat center center}
.acc-wr .flowBox ol li .circleBox:after {content:"";display:block;position:absolute;width:100%;height:1px;background:#c5d7d7;left:100%;top:50%}
.acc-wr .flowBox ol li:nth-child(even) .circleBox {background-color:#8fb3b4}
.acc-wr .flowBox ol li .circleBox .inner {display:block;position:absolute;width:80%;height:80%;top:0;right:0;bottom:0;left:0;margin:auto;background:#fff;border-radius:50%}
.acc-wr .flowBox ol li .circleBox .inner:after {content:"";display:block;position:absolute;width:97px;height:97px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/kr/_Img/Contents/acc_spr.png) no-repeat}
.acc-wr .flowBox ol li .circleBox .inner.ico1:after {background-position:0px 0px}
.acc-wr .flowBox ol li .circleBox .inner.ico2:after {background-position:-107px 0px}
.acc-wr .flowBox ol li .circleBox .inner.ico3:after {background-position:-214px 0px}
.acc-wr .flowBox ol li .circleBox .inner.ico4:after {background-position:-321px 0px}
.acc-wr .flowBox ol li .circleBox .inner.ico5:after {background-position:-428px 0px}
.acc-wr .flowBox ol li .circleBox .inner.ico6:after {background-position:-535px 0px}
.acc-wr .flowBox ol li .txtBox {text-align:center;margin:22px 0 0}
.acc-wr .flowBox ol li .txtBox span {display:block;line-height:1;color:#555}
.acc-wr .flowBox ol li .txtBox .num {font-size:0.941em;font-family:"oswald";}
.acc-wr .flowBox ol li .txtBox .txt {font-size:1.25em;;margin:11px 0 0}
.acc-wr .infoBox {display:block;box-sizing:border-box;position:relative;padding:123px 0 0 474px;text-align:right}
.acc-wr .infoBox h3 {display:block;position:absolute;left:0;top:111px;text-align:left}
.acc-wr .infoBox h3 span {display:block;line-height:1;color:#222}
.acc-wr .infoBox h3 .eng {font-family:"oswald";font-size:2.059em;letter-spacing:.2em;font-weight:500}
.acc-wr .infoBox h3 .kor {font-size:1.529em;letter-spacing:-.1em;margin:18px 0 0;font-weight:400}
.acc-wr .infoBox ul {display:block;position:relative;background:#fff;box-sizing:border-box;border:1px solid #d9d9d9;text-align:left;padding:31px 23px 22px 23px}
.acc-wr .infoBox ul:after {content:"";display:block;position:absolute;width:62px;height:62px;background:#cdd4d4;left:-9px;top:-9px;z-index:-1}
.acc-wr .infoBox ul li {display:block;position:relative;line-height:1.3;font-size:0.941em;box-sizing:border-box;padding:0 0 0 23px;color:#6e6e6e;margin:0 0 15px}
.acc-wr .infoBox ul li:last-child {margin:0}
.acc-wr .infoBox ul li:before {content:"";display:block;position:absolute;width:12px;height:1px;background:#cfcfcf;left:0;top:10px}
.acc-wr .infoBox .moveRenews {display:inline-block;position:relative;background:#8f8f8f;font-size:1.05em;letter-spacing:-.025em;color:#fff;line-height:1;padding:14px 57px 16px 19px;margin:25px 0 0;transition:all .3s ease}
.acc-wr .infoBox .moveRenews:after {content:"";display:block;position:absolute;width:24px;height:17px;background:url(/kr/_Img/Contents/acc_spr.png) no-repeat 0px -107px;right:20px;top:15px;transition:all .3s ease}
.acc-wr .infoBox .moveRenews:focus,
.acc-wr .infoBox .moveRenews:hover {background:#333}
.acc-wr .infoBox .moveRenews:focus:after,
.acc-wr .infoBox .moveRenews:hover:after {right:10px}
@media all and (max-width:1400px) {
	.acc-wr .opening {padding:60px 620px 0 0}
	.acc-wr .opening:before {right:auto;left:0;bottom:auto;top:0;opacity:.2;margin:-60px 0 0 -100px}
	.acc-wr .opening .txtBox .p1 {line-height:1.3}
}
@media all and (max-width:1100px) {
	.acc-wr .opening {padding:30px 52% 0 0}
	.acc-wr .opening .txtBox .p1 {margin:20px 0 0}
	.acc-wr .opening .txtBox .p2 span {display:inline}
	.acc-wr .flowBox {padding:130px 0 60px;margin:40px 0 0}
	.acc-wr .infoBox {padding:50px 0 0 430px}
	.acc-wr .infoBox h3 {top:50px}
}
@media all and (max-width:999px) {
	.acc-wr .opening .imgBox {width:900px}
	.acc-wr .flowBox ol li .circleBox .inner:after {width:58px;height:58px;background-size:379px 74px}
	.acc-wr .flowBox ol li .circleBox .inner.ico1:after {background-position:0px 0px}
	.acc-wr .flowBox ol li .circleBox .inner.ico2:after {background-position:-64px 0px}
	.acc-wr .flowBox ol li .circleBox .inner.ico3:after {background-position:-128px 0px}
	.acc-wr .flowBox ol li .circleBox .inner.ico4:after {background-position:-193px 0px}
	.acc-wr .flowBox ol li .circleBox .inner.ico5:after {background-position:-257px 0px}
	.acc-wr .flowBox ol li .circleBox .inner.ico6:after {background-position:-321px 0px}
	.acc-wr .flowBox ol li .circleBox .inner {width:84%;height:84%}
	.acc-wr .flowBox ol li .txtBox {margin:15px 0 0}
	.acc-wr .flowBox ol li .txtBox .txt {font-size:1.00em;margin:5px 0 0}
	.acc-wr .infoBox ul li:before {top:8px}
}
@media all and (max-width:768px) {
	.acc-wr .opening {margin:0;padding:30px 40% 0 0}
	.acc-wr .opening:before {margin:-30px 0 0 -50px;font-size:10em}
	.acc-wr .opening .imgBox {width:600px;left:63%}
	.acc-wr .opening .txtBox h3 {font-size:2.2em}
	.acc-wr .opening .txtBox .p1 {font-size:1.8em;}
	.acc-wr .flowBox {padding:60px 0 30px;margin:20px 0 0}
	.acc-wr .infoBox {padding:50px 0 0}
	.acc-wr .infoBox h3 {position:relative;left:auto;top:auto}
	.acc-wr .infoBox h3 span {display:inline-block;vertical-align:bottom}
	.acc-wr .infoBox h3 .kor {margin:0 0 0 10px}
	.acc-wr .infoBox ul {margin:20px 0 0}
}
@media all and (max-width:767px) {
	.acc-wr .flowBox ol li {width:31.08%;margin:0 3.38% 20px 0}
	.acc-wr .flowBox ol li:nth-child(3n) {margin:0 0 20px}
	.acc-wr .flowBox ol li:nth-child(3n) .circleBox:after {display:none}
	.acc-wr .flowBox ol li:last-child {margin:0}
	.acc-wr .flowBox ol li .circleBox {margin:0 auto;width:140px;padding:0 0 140px}
	.acc-wr .flowBox ol li .txtBox {margin:10px 0 0}
}
@media all and (max-width:600px) {
	.acc-wr .opening {margin:0;padding:30px 0 0 0}
	.acc-wr .opening:before {top:auto;bottom:0;margin:0 0 70px -50px}
	.acc-wr .opening .imgBox {position:relative;width:100%;max-width:420px;left:auto;margin:0 auto}
	.acc-wr .opening .txtBox {margin:20px 0 0}
	.acc-wr .flowBox {padding:20px 0 0}
	.acc-wr .flowBox ol li {width:50%;margin:0 0 20px 0}
	.acc-wr .flowBox ol li:nth-child(3n) {margin:0 0 20px}
	.acc-wr .flowBox ol li:nth-child(2n) {margin:0 0 20px}
	.acc-wr .flowBox ol li:nth-child(3n) .circleBox:after {display:block}
	.acc-wr .flowBox ol li:nth-child(2n) .circleBox:after {display:none}
	.acc-wr .flowBox ol li:last-child {margin:0}
	.acc-wr .flowBox ol li .circleBox {width:120px;padding:0 0 120px}
	.acc-wr .infoBox h3 .eng {font-size:2.000em;letter-spacing:0}
	.acc-wr .infoBox ul {padding:20px}
	.acc-wr .infoBox ul li:before {top:8px}
	.acc-wr .infoBox .moveRenews {display:block;text-align:left}
}
@media all and (max-width:400px) {
	.acc-wr .infoBox h3 span {display:block}
	.acc-wr .infoBox h3 .kor {margin:5px 0 0}
}

/* RECRUIT > 인사제도 : http://simone.cs21.kr/kr/index.php?pCode=persys
------------------------------------------------------ */
#container-wrap.pCode-persys {background:#fff}
#container-wrap.pCode-persys #contents-wrap {padding-top:64px}
.persys-wr {}
.persys-wr .box1 {text-align:center;padding:0 0 47px}
.persys-wr .box1 > p {font-size:1.765em;color:#222;;line-height:1.40;;margin:20px 0 0}
.persys-wr .box1 > p span {display:block}
.persys-wr .box1 .btxt {font-size: 1.415em;color:#222;;line-height:1.25;;margin:20px 0 0}
.persys-wr .box1 .diagram {position:relative;margin:119px 0 0}
.persys-wr .box1 .diagram h4 {display:block;position:absolute;width:594px;height:570px;top:0;right:0;bottom:0;left:0;margin:-62px auto auto auto;background:url(/kr/_Img/Contents/persys_bg1.png) no-repeat center center}
.persys-wr .box1 .diagram h4 .txtIn {display:block;position:absolute;width:280px;height:280px;top:0;right:0;bottom:0;left:0;margin:auto;background:#60aca9 url(/kr/_Img/Contents/pattern04.png) no-repeat center center;border-radius:50%}
.persys-wr .box1 .diagram h4 .txtIn .txtInIn {display:block;position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);font-size:1.125em;font-weight:400;color:#fff;}
.persys-wr .box1 .diagram h4 .txtIn .txtInIn span {display:block}
.persys-wr .box1 .diagram > ul {display:block;position:relative;padding:0px 0 0}
.persys-wr .box1 .diagram > ul:after {content:"";display:block;clear:both}
.persys-wr .box1 .diagram > ul > li {display:block;float:left;width:50%;height:250px;text-align:left}
.persys-wr .box1 .diagram > ul > li:nth-child(n+3) {margin:150px 0 0}
.persys-wr .box1 .diagram > ul > li div {width:360px}
.persys-wr .box1 .diagram > ul > li:nth-child(odd) div {float:left}
.persys-wr .box1 .diagram > ul > li:nth-child(even) div {float:right}
.persys-wr .box1 .diagram > ul > li h5 {display:block;position:relative;box-sizing:border-box;padding:0 0 0 55px}
.persys-wr .box1 .diagram > ul > li h5 .num {display:block;position:absolute;width:46px;height:46px;border-radius:50%;background:#d1d1d0;text-align:center;line-height:46px;font-family:"oswald";font-size:14px;color:#fff;;left:0;top:50%;margin:-23px 0 0}
.persys-wr .box1 .diagram > ul > li h5 .txt {}
.persys-wr .box1 .diagram > ul > li h5 .txt:before {content:"";display:inline-block;width:0;height:46px;vertical-align:middle}
.persys-wr .box1 .diagram > ul > li h5 .txt span {display:inline-block;vertical-align:middle;font-size:1.118em;font-weight:400;line-height:1.2}
.persys-wr .box1 .diagram > ul > li ul {display:block;margin:45px 0 0}
.persys-wr .box1 .diagram > ul > li ul li {display:block;position:relative;box-sizing:border-box;padding:0 0 0 10px;font-size:1.05em;line-height:1.667;;;margin:0 0 12px}
.persys-wr .box1 .diagram > ul > li ul li:last-child {margin:0}
.persys-wr .box1 .diagram > ul > li ul li:before {content:"";display:block;position:absolute;width:4px;height:4px;border-radius:50%;background:#b9d1d0;left:0;top:12px}
.persys-wr .box2 {position:relative;text-align:center;padding:72px 0 60px}
.persys-wr .box2:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;background:#f5f5f5;z-index:-1;margin:0 0 0 -1000px}
.persys-wr .box2 .c-tit02 {font-size:2.353em;font-family:"oswald";color:#333;line-height:1.2;letter-spacing:.2em;font-weight:500}
.persys-wr .box2 p {font-size:1.25em;;;color:#444;margin:20px 0 0;line-height:1.366}
.persys-wr .box2 p span {display:block}
.persys-wr .box2 .list1 {display:block;text-align:center;margin:77px 0 0}
.persys-wr .box2 .list1 li {display:inline-block;position:relative;vertical-align:top;width:338px;height:auto;color:#fff;box-sizing:border-box}
.persys-wr .box2 .list1 li.n01 {margin:0 -55px 0 0;z-index:2}
.persys-wr .box2 .list1 li.n02 {margin:0 0 0 -55px;z-index:1}
.persys-wr .box2 .list1 li div {display:block;position:absolute;width:100%;left:0;top:32px;box-sizing:border-box;padding:0 10px;z-index:2}
.persys-wr .box2 .list1 li div .num {display:inline-block;position:relative;font-family:"oswald";font-size:15px;;line-height:1;padding:0 0 8px}
.persys-wr .box2 .list1 li div .num:after {content:"";display:block;position:absolute;width:100%;height:1px;left:0;bottom:0;background:#fff}
.persys-wr .box2 .list1 li div p {color:#fff;font-size:1.125em;margin:21px 0 0}
.persys-wr .box2 .list1 li div p span {display:block}
.persys-wr .box2 .list1 li .base {display:block;position:relative;width:100%;z-index:1}
.persys-wr .box2 .list2 {display:block;text-align:center;margin:61px 90px 0;overflow:hidden}
.persys-wr .box2 .list2 li {display:block;position:relative;float:left;width:22.95%;margin:0 2.73% 20px 0;box-sizing:border-box;padding:71px 10px 60px;background:#fff;height:250px}
.persys-wr .box2 .list2 li:last-child {margin:0 0 20px 0}
.persys-wr .box2 .list2 li h5 {font-size:1.235em;font-weight:400;color:#333;line-height:1.2;}
.persys-wr .box2 .list2 li p {font-size:1.05em;;color:#555;line-height:1.556;;margin:38px 0 0}
.persys-wr .box2 .list2 li p span {display:block}
.persys-wr .box3 {text-align:center}
.persys-wr .box3 .c-tit02 {text-align:center;margin:50px 0 0}
.persys-wr .box3 ul {display:block;position:relative;margin:45px 0 0;text-align:center}
.persys-wr .box3 ul:before {content:"";display:block;position:absolute;width:83.58%;height:1px;left:8.21%;top:0;background:url(/kr/_Img/Contents/persys_ptn5.png) repeat-x left top}
.persys-wr .box3 ul:after {content:"";display:block;clear:both}
.persys-wr .box3 ul li {display:block;float:left;position:relative;width:16.42%;margin:0 4.475% 0 0;padding:70px 0 0}
.persys-wr .box3 ul li:before {content:"";display:block;position:absolute;width:1px;height:46px;left:50%;top:0;background:url(/kr/_Img/Contents/persys_ptn5.png) repeat-y left top}
.persys-wr .box3 ul li:last-child {margin:0}
.persys-wr .box3 ul li .circle {display:block;position:relative;width:100%;height:0;padding:0 0 100%}
.persys-wr .box3 ul li .circle .inwr {display:block;position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#d9e7e7;transition:all .3s ease}
.persys-wr .box3 ul li .circle .inwr .tit {display:block;position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);margin:-8px 0 0}
.persys-wr .box3 ul li .circle .inwr .tit:before {content:"";display:block;position:relative;width:70px;height:70px;margin:0 auto;background:url(/kr/_Img/Contents/persys_spr2.png) no-repeat;transition:all .3s ease}
.persys-wr .box3 ul li .circle .inwr .tit.ico01:before {background-position:0px 0px}
.persys-wr .box3 ul li .circle .inwr .tit.ico02:before {background-position:-80px 0px}
.persys-wr .box3 ul li .circle .inwr .tit.ico03:before {background-position:-160px 0px}
.persys-wr .box3 ul li .circle .inwr .tit.ico04:before {background-position:-240px 0px}
.persys-wr .box3 ul li .circle .inwr .tit.ico05:before {background-position:-320px 0px}
.persys-wr .box3 ul li .circle .inwr .tit span {display:block;position:relative;text-align:center;transition:all .3s ease}
.persys-wr .box3 ul li .circle .inwr .tit span.eng {font-size:1em;color:#000;letter-spacing:.2em;font-family:"oswald"}
.persys-wr .box3 ul li .circle .inwr .tit span.kor {font-size:1.412em;;font-weight:400;line-height:1;margin:6px 0 0;color:#333}
.persys-wr .box3 ul li:nth-child(even) .circle .inwr {background-color:#f3f3f3}
.persys-wr .box3 ul li.over .circle .inwr,
.persys-wr .box3 ul li:hover .circle .inwr {background-image:url(/kr/_Img/Contents/persys_ptn1_opa7.png);background-color:#535353;box-shadow:30px 30px 25px rgba(0, 0, 0, .2)}
.persys-wr .box3 ul li.over .circle .inwr .tit span,
.persys-wr .box3 ul li:hover .circle .inwr .tit span {color:#fff}
.persys-wr .box3 ul li.over .circle .inwr .tit.ico01:before,
.persys-wr .box3 ul li:hover .circle .inwr .tit.ico01:before {background-position:0px -70px}
.persys-wr .box3 ul li.over .circle .inwr .tit.ico02:before,
.persys-wr .box3 ul li:hover .circle .inwr .tit.ico02:before {background-position:-80px -70px}
.persys-wr .box3 ul li.over .circle .inwr .tit.ico03:before,
.persys-wr .box3 ul li:hover .circle .inwr .tit.ico03:before {background-position:-160px -70px}
.persys-wr .box3 ul li.over .circle .inwr .tit.ico04:before,
.persys-wr .box3 ul li:hover .circle .inwr .tit.ico04:before {background-position:-240px -70px}
.persys-wr .box3 ul li.over .circle .inwr .tit.ico05:before,
.persys-wr .box3 ul li:hover .circle .inwr .tit.ico05:before {background-position:-320px -70px}
.persys-wr .box4 {position:relative}
.persys-wr .box4:before,
.persys-wr .box4:after {content:"";display:block;position:absolute;width:2000px;left:50%;margin:0 0 0 -1000px}
.persys-wr .box4:before {top:0;background:#f5f5f5;z-index:-2;height:100%}
.persys-wr .box4:after {bottom:0;background:#fff;z-index:-1;height:240px}
.persys-wr .box4 .graphBox1 {padding:79px 87px 72px;margin:81px 0 0}
.persys-wr .box4 .graphBox1 > h3 {font-size:2.353em;color:#333;line-height:1;}
.persys-wr .box4 .graphBox1 > p {font-size:1.25em;line-height:1.38;;;margin:22px 0 0}
.persys-wr .box4 .graphBox1 > p span {display:block;}
.persys-wr .box4 .graphBox1 .procBox {margin:36px 0 0}
.persys-wr .box4 .graphBox1 .procBox ul {display:block;font-size:0}
.persys-wr .box4 .graphBox1 .procBox ul li {display:inline-block;vertical-align:middle;position:relative;height:0;border-radius:50%;font-size:17px}
.persys-wr .box4 .graphBox1 .procBox ul li .circle {display:block;position:absolute;width:100%;height:100%;text-align:center}
.persys-wr .box4 .graphBox1 .procBox ul li .circle > :first-child {display:block;position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%)}
.persys-wr .box4 .graphBox1 .procBox ul li .circle p span {display:block;position:relative;}
.persys-wr .box4 .graphBox1 .procBox ul li .lnk {display:block;position:absolute;top:50%;transform:translateY(-50%);height:23px}
.persys-wr .box4 .graphBox1 .procBox ul li .lnk:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.persys-wr .box4 .graphBox1 .procBox ul li.side-L {width:16.31%;background:#dde9e9;color:#000;padding:0 0 16.31%;margin:0 6.52% 0 0}
.persys-wr .box4 .graphBox1 .procBox ul li.side-L .lnk {width:40%;left:100%}
.persys-wr .box4 .graphBox1 .procBox ul li.side-L .lnk:after {width:60px;height:23px;background:url(/kr/_Img/Contents/persys_spr2.png) no-repeat 0px -300px}
.persys-wr .box4 .graphBox1 .procBox ul li.side-L .circle p {line-height:1.5;font-size:1.17em}
.persys-wr .box4 .graphBox1 .procBox ul li.side-L .circle p span:last-child {padding:10px 0 0;margin:4px 0 0}
.persys-wr .box4 .graphBox1 .procBox ul li.side-L .circle p span:last-child:before {content:"";display:block;position:absolute;width:10px;height:10px;background:url(/kr/_Img/Contents/persys_spr2.png) no-repeat -140px -300px;left:50%;top:0;margin:0 0 0 -5px}
.persys-wr .box4 .graphBox1 .procBox ul li.side-M {width:12.23%;background:#fff;color:#000;padding:0 0 12.23%;margin:0 1.63% 0 0}
.persys-wr .box4 .graphBox1 .procBox ul li.side-M .lnk {width:13.33%;left:100%}
.persys-wr .box4 .graphBox1 .procBox ul li.side-M .lnk:after {width:10px;height:3px;background:#ebebeb}
.persys-wr .box4 .graphBox1 .procBox ul li.side-M .circle p {line-height:1.5;font-size:1.05em}
.persys-wr .box4 .graphBox1 .procBox ul li.side-M.last {margin:0}
.persys-wr .box4 .graphBox1 .procBox ul li.side-R {width:16.31%;background:#191919;color:#fff;padding:0 0 16.31%;margin:0 0 0 6.52%}
.persys-wr .box4 .graphBox1 .procBox ul li.side-R .lnk {width:40%;right:100%}
.persys-wr .box4 .graphBox1 .procBox ul li.side-R .lnk:after {width:60px;height:23px;background:url(/kr/_Img/Contents/persys_spr2.png) no-repeat -70px -300px}
.persys-wr .box4 .graphBox1 .procBox ul li.side-R .circle p {line-height:1.5;font-size:1.17em}
.persys-wr .box4 .graphBox2 {background:#fff;padding:63px 10px 0 89px;box-sizing:border-box}
.persys-wr .box4 .graphBox2 h5 {margin:0 0 39px}
.persys-wr .box4 .graphBox2 .c-list01 {display:block;overflow:hidden}
.persys-wr .box4 .graphBox2 .c-list01 li {display:block;float:left;width:50%;box-sizing:border-box}
.persys-wr .box4 .graphBox2 .c-list01 li.w100p {width:100%}
.persys-wr .box4 .graphBox2 .sideBox {display:block;position:relative;box-sizing:border-box;padding:39px 0 0 400px}
.persys-wr .box4 .graphBox2 .sideBox .side-L {display:block;position:absolute;left:1px;bottom:0;width:290px}
.persys-wr .box4 .graphBox2 .sideBox .side-L img {display:block;width:100%}
.persys-wr .box4 .graphBox2 .sideBox .side-R {padding:17px 0 0}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul {}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li {display:block;box-sizing:border-box;position:relative;padding:0 0 0 150px;margin:0 0 1px;height:60px}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li:last-child {margin:0}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-head {display:block;position:absolute;width:130px;height:100%;left:0;top:0;background:#4c4c4c url(/kr/_Img/Contents/persys_ptn8.png) repeat center center}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-head h4 {display:block;position:absolute;width:100%;text-align:center;left:0;top:50%;transform:translateY(-50%);color:#fff}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-head h4 span {display:block;line-height:1;}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-head h4 span.sub {font-size:13px;margin:3px 0 0}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-body {}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-body:before {content:"";display:inline-block;width:0;height:60px;vertical-align:middle}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-body p {display:inline-block;line-height:1.2;;vertical-align:middle;width:98%}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-body p span {display:inline-block;vertical-align:middle;max-width:98%}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-body p span.guide {display:inline-block;width:100%;font-size:12px;color:#555;margin:2px 0 0}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-body p div {display:inline-block;vertical-align:middle}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li:first-child {margin:0 0 4px;height:160px}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li:first-child .role-head {height:100%;background:#60aca9 url(/kr/_Img/Contents/persys_ptn7.png) repeat center center}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li:first-child .role-body:before {height:160px}
.persys-wr .box4 .graphBox2 .sideBox .side-R ul li:first-child .role-body p:before {display:none}
.persys-wr .box5 {position:relative;padding:87px 0 0}
.persys-wr .box5 .c-tit02 {text-align:center}
.persys-wr .box5 > ul {display:block;margin:62px 130px 0}
.persys-wr .box5 > ul:after {content:"";display:block;clear:both}
.persys-wr .box5 > ul > li {display:block;position:relative;float:left;width:45.61%;margin:0 8.78% 0 0;background:#f3f3f3;height:300px;box-sizing:border-box;padding:58px 46px 0px;transition:all .3s ease}
.persys-wr .box5 > ul > li:before,
.persys-wr .box5 > ul > li:after {content:"";display:block;position:absolute;transition:all .3s ease}
.persys-wr .box5 > ul > li:before {width:70px;height:70px;background:url(/kr/_Img/Contents/persys_spr2.png) no-repeat;right:41px;top:58px;z-index:2}
.persys-wr .box5 > ul > li:after {width:100%;height:100%;/*background:url(/kr/_Img/Contents/persys_ptn4.gif) no-repeat center center;*/ background:#3a3a3a url(/kr/_Img/Contents/pattern02.png) no-repeat center center;left:0;top:0;opacity:0;z-index:1}
.persys-wr .box5 > ul > li.n01:before {background-position:0px -150px}
.persys-wr .box5 > ul > li.n02:before {background-position:-80px -150px}
.persys-wr .box5 > ul > li:last-child {margin:0}
.persys-wr .box5 h5 {display:block;line-height:1.2;position:relative;z-index:2;transition:all .3s ease}
.persys-wr .box5 h5 span {display:block;transition:all .3s ease}
.persys-wr .box5 h5 .eng {font-family:"oswald";letter-spacing:.2em;color:#000;font-weight:400;font-size:1.05em;padding:0 3px}
.persys-wr .box5 h5 .kor {font-size:1.529em;;color:#333;font-weight:400;margin:15px 0 0}
.persys-wr .box5 .txt {position:relative;z-index:2;color:#555;transition:all .3s ease}
.persys-wr .box5 .txt p {font-size:1.125em;line-height:1.25;;margin:45px 0 0;}
.persys-wr .box5 .txt p span {display:block}
.persys-wr .box5 .txt ul {display:block;margin:45px 4px 0}
.persys-wr .box5 .txt ul li {display:block;position:relative;box-sizing:border-box;font-size:1.125em;line-height:1.25;;padding:0 0 0 15px;;margin:0 0 6px}
.persys-wr .box5 .txt ul li:last-child {margin:0}
.persys-wr .box5 .txt ul li:before {content:"";display:block;position:absolute;width:4px;height:4px;border-radius:50%;background:#b1cac9;border-radius:50%;left:0;top:11px;transition:all .3s ease}
.persys-wr .box5 > ul > li.over,
.persys-wr .box5 > ul > li:hover {box-shadow:30px 30px 25px rgba(0, 0, 0, .2)}
.persys-wr .box5 > ul > li.over:after,
.persys-wr .box5 > ul > li:hover:after {opacity:1}
.persys-wr .box5 > ul > li.n01.over:before,
.persys-wr .box5 > ul > li.n01:hover:before {background-position:0px -220px}
.persys-wr .box5 > ul > li.n02.over:before,
.persys-wr .box5 > ul > li.n02:hover:before {background-position:-80px -220px}
.persys-wr .box5 > ul > li.over h5 .eng,
.persys-wr .box5 > ul > li:hover h5 .eng {color:#fff}
.persys-wr .box5 > ul > li.over h5 .kor,
.persys-wr .box5 > ul > li:hover h5 .kor {color:#fff}
.persys-wr .box5 > ul > li.over .txt,
.persys-wr .box5 > ul > li:hover .txt {color:#fff}
.persys-wr .box5 > ul > li:hover ul li:before {background:#fff}
.persys-wr .box6 {position:relative;margin:98px 0 0;padding:78px 0 72px}
.persys-wr .box6:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;background:#f5f5f5;margin:0 0 0 -1000px;z-index:-1}
.persys-wr .box6 .c-tit02 {font-size:2.059em;color:#333;line-height:1;;font-weight:500}
.persys-wr .box6 p {font-size:1.25em;line-height:1.38;color:#333;;;margin:23px 0 0}
.persys-wr .box6 p span {display:block}
.persys-wr .box6 ul {display:block;overflow:hidden;margin:67px 0 0}
.persys-wr .box6 ul li {display:block;width:46.35%;float:left;margin:0 7.3% 0 0;position:relative;box-sizing:border-box}
.persys-wr .box6 ul li:last-child {margin:0}
.persys-wr .box6 ul li h4 {display:block;position:relative;width:180px;left:2px}
.persys-wr .box6 ul li h4 span {display:block;line-height:1;position:relative;font-weight:500}
.persys-wr .box6 ul li h4 .num {font-family:"oswald";font-size:14px;color:#222}
.persys-wr .box6 ul li h4 .num:after {content:"";display:block;position:absolute;width:150px;height:3px;background:#474747;left:30px;top:2px}
.persys-wr .box6 ul li h4 .txt {font-size:1.25em;;color:#333;margin:19px 0 0}
.persys-wr .box6 ul li .img-zoom {margin:51px 0 0}
.persys-wr .box6 ul li .img-zoom a {bottom:auto;top:0}
.persys-wr .box6 ul li .img-zoom img {display:block;width:100%}
.persys-wr .box6 ul li.n01 {}
.persys-wr .box6 ul li.n02 {}
.persys-wr .box6 ul li.n01 h4 {}
.persys-wr .box6 ul li.n02 h4 {}
.persys-wr .box6 ul li.n01 .img-zoom a {bottom:auto;top:0}
.persys-wr .box6 ul li.n02 .img-zoom a {bottom:auto;top:0}
.persys-wr .box7 {position:relative;padding:78px 0 79px}
.persys-wr .box7 > h3 {font-size:2.059em;color:#333;line-height:1;;font-weight:500}
.persys-wr .box7 > p {font-size:1.25em;line-height:1.38;color:#333;;;margin:23px 0 0}
.persys-wr .box7 > p span {display:block}
.persys-wr .box7 .sld-wr {margin:67px 0 0}
.persys-wr .box7 .sld-wr .sldCtrl {position:relative;z-index:2}
.persys-wr .box7 .sld-wr .sldCtrl .sldDots {display:block;overflow:hidden}
.persys-wr .box7 .sld-wr .sldCtrl .sldDots button {display:block;float:left;width:33.33%;text-align:left;border:0;opacity:.6;background:transparent;outline:0;transition:all .3s ease}
.persys-wr .box7 .sld-wr .sldCtrl .sldDots button.active {opacity:1}
.persys-wr .box7 .sld-wr .sldCtrl .sldDots button .num {display:block;position:relative;font-family:"oswald";font-size:14px;color:#222;line-height:1}
.persys-wr .box7 .sld-wr .sldCtrl .sldDots button .num:after {content:"";display:block;position:absolute;width:170px;height:3px;background:#474747;left:31px;top:2px}
.persys-wr .box7 .sld-wr .sldCtrl .sldDots button .btnIn {margin:13px 0 0}
.persys-wr .box7 .sld-wr .sldCtrl .sldDots button .btnIn span {display:inline-block;vertical-align:bottom;font-weight:500}
.persys-wr .box7 .sld-wr .sldCtrl .sldDots button .btnIn .t1 {font-size:1.25em;color:#333;}
.persys-wr .box7 .sld-wr .sldCtrl .sldDots button .btnIn .t2 {font-size:12px;color:#333;opacity:.6;font-family:"oswald";margin:0 0 3px 10px}
.persys-wr .box7 .sld-wr .sldCtrl .sldNavi {display:block;position:absolute;width:100%;height:0;left:0;top:154px}
.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button {display:block;position:absolute;width:58px;height:58px;border-radius:50%;box-sizing:border-box;border:2px solid rgba(51, 51, 51, .6);top:0;background:transparent;outline:0;transition:all .3s ease}
.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button span {display:block;position:absolute;width:27px;height:20px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/kr/_Img/Contents/persys_spr3.png) no-repeat;font-size:0;opacity:.6;transition:all .3s ease}
.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button.owl-prev {left:0}
.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button.owl-prev span {background-position:0px 0px}
.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button.owl-next {right:0}
.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button.owl-next span {background-position:-37px 0px}
.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button:focus,
.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button:hover {border-color:#000}
.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button:focus span,
.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button:hover span {opacity:1}
.persys-wr .box7 .sld-wr .sldCore {position:relative;margin:68px 0 0;padding:0 90px;box-sizing:border-box;width:auto;z-index:1}
.persys-wr .box7 .sld-wr .sldCore .item {}
.persys-wr .box7 .sld-wr .sldCore .item .role-head {border-top:3px solid #000;border-bottom:1px solid #000}
.persys-wr .box7 .sld-wr .sldCore .item .role-head ul {display:block;overflow:hidden}
.persys-wr .box7 .sld-wr .sldCore .item .role-head ul li {display:block;position:relative;float:left;text-align:center;font-size:1.235em;color:#000;;line-height:1.2;padding:39px 0 36px}
.persys-wr .box7 .sld-wr .sldCore .item .role-head ul li:after {content:"";display:block;position:absolute;width:1px;height:20px;background:#ccc;right:0;top:50%;margin:-10px 0 0}
.persys-wr .box7 .sld-wr .sldCore .item .role-head ul li:last-child:after {display:none}
.persys-wr .box7 .sld-wr .sldCore .item .role-head ul li.n01 {width:25%}
.persys-wr .box7 .sld-wr .sldCore .item .role-head ul li.n02 {width:25%}
.persys-wr .box7 .sld-wr .sldCore .item .role-head ul li.n03 {width:50%}
.persys-wr .box7 .sld-wr .sldCore .item .role-body {position:relative;padding:29px 0 30px;border-bottom:1px solid #ccc}
.persys-wr .box7 .sld-wr .sldCore .item .role-body:before,
.persys-wr .box7 .sld-wr .sldCore .item .role-body:after {content:"";display:block;position:absolute;width:1px;height:100%;top:0;background:url(/_Img/Common/bg/c_patten06.png) repeat-y left top}
.persys-wr .box7 .sld-wr .sldCore .item .role-body:before {left:25%}
.persys-wr .box7 .sld-wr .sldCore .item .role-body:after {left:50%}
.persys-wr .box7 .sld-wr .sldCore .item .role-body ul {display:block;overflow:hidden}
.persys-wr .box7 .sld-wr .sldCore .item .role-body ul li {display:block;position:relative;box-sizing:border-box;padding-bottom:10px}
.persys-wr .box7 .sld-wr .sldCore .item .role-body ul li div {background:rgba(245, 245, 245, .6);padding:0 10px;text-align:center;;height:70px}
.persys-wr .box7 .sld-wr .sldCore .item .role-body ul li div:before {content:"";display:inline-block;width:0;height:70px;vertical-align:middle}
.persys-wr .box7 .sld-wr .sldCore .item .role-body ul li div span {display:inline-block;position:relative;line-height:1.2;font-size:1.05em;color:#333;max-width:90%;vertical-align:middle}
.persys-wr .box7 .sld-wr .sldCore .item .role-body ul li div span.req {}
.persys-wr .box7 .sld-wr .sldCore .item .role-body ul li div span.req:before {content:"*";display:inline-block;position:relative;width:20px;height:0px;color:#de3939;top:4px}
.persys-wr .box7 .sld-wr .sldCore .item .role-body.n01 ul li.n01 {float:left;width:50%;padding-right:5px}
.persys-wr .box7 .sld-wr .sldCore .item .role-body.n01 ul li.n02 {float:left;width:50%;padding-left:5px}
.persys-wr .box7 .sld-wr .sldCore .item .role-body.n01 ul li.n03 {float:left;width:100%}
.persys-wr .box7 .sld-wr .sldCore .item .role-body.n02 ul li.n01 {float:right;width:100%}
.persys-wr .box7 .sld-wr .sldCore .item .role-body.n02 ul li.n02 {float:right;width:50%;padding-left:5px}
.persys-wr .box7 .sld-wr .sldCore .item .role-body.n02 ul li.n03 {float:right;width:100%}
.persys-wr .box7 .sld-wr .sldCore .item .role-body.n03 ul li.n01 {float:right;width:100%}
.persys-wr .box7 .sld-wr .sldCore .item .role-body.n03 ul li.n02 {float:right;width:75%;padding-left:5px}
.persys-wr .box7 .sld-wr .sldCore .item .role-body.n03 ul li.n03 {float:right;width:50%;padding-left:5px}
.persys-wr .box7 .sld-wr .sldCore .item .role-body.n03 ul li.n04 {float:right;width:100%}
.persys-wr .box7 .sld-wr .sldCore .item .role-body.n03 ul li.n05 {float:right;width:75%;padding-left:5px}
.persys-wr .box7 .sld-wr .sldCore .item .role-bodym {display:none}
.persys-wr .box7 .sld-wr .sldCore .owl-dots {margin:20px 0 0;text-align:center;display:none}
.persys-wr .box7 .sld-wr .sldCore .owl-dots button {display:inline-block;width:20px;height:20px;vertical-align:top;background:#ddd;border-radius:50%;;margin:0 3px}
.persys-wr .box8 {position:relative;padding:63px 0 0px}
.persys-wr .box8:after {content:"";display:block;position:absolute;width:2000px;height:370px;left:50%;top:0;margin:0 0 0 -1000px;background:#d4e0df url(/kr/_Img/Contents/talent_ptn1.png) repeat center center;z-index:-1}
.persys-wr .box8 .c-tit02 {text-align:left;font-size:2.353em;color:#4f8c8a;letter-spacing:.2em;font-family:"oswald"}
.persys-wr .box8 p {text-align:left;font-size:1.412em;;line-height:1.3;margin:12px 0 0}
.persys-wr .box8 > ul {display:block;margin:47px 0 0}
.persys-wr .box8 > ul:after {content:"";display:block;clear:both}
.persys-wr .box8 > ul > li {display:block;position:relative;float:left;width:22.85%;margin:0 2.86% 0 0}
.persys-wr .box8 > ul > li:last-child {margin:0}
.persys-wr .box8 > ul > li .imgBox {position:relative}
.persys-wr .box8 > ul > li .imgBox:before {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;background:rgba(0, 0, 0, .45);opacity:1;transition:all .3s ease}
.persys-wr .box8 > ul > li .imgBox img {display:block;position:relative;width:100%;z-index:1;transition:all .3s ease}
.persys-wr .box8 > ul > li h4 {display:block;margin:29px 0 0;opacity:.6;transition:all .3s ease}
.persys-wr .box8 > ul > li h4 span {display:block;line-height:1;position:relative;font-weight:500}
.persys-wr .box8 > ul > li h4 .num {font-family:"oswald";font-size:14px;color:#222}
.persys-wr .box8 > ul > li h4 .num:after {content:"";display:block;position:absolute;width:170px;height:3px;background:#474747;left:30px;top:2px}
.persys-wr .box8 > ul > li h4 .txt {font-size:1.25em;;color:#333;margin:19px 0 0}
.persys-wr .box8 > ul > li ul {display:block;margin:21px 21px 0}
.persys-wr .box8 > ul > li ul li {/*display:block;position:relative;box-sizing:border-box;padding:0 0 0 16px;font-size:1.05em;color:#444;;;*/line-height:1.684;margin:0 0 2px}
.persys-wr .box8 > ul > li ul li:last-child {margin:0}
.persys-wr .box8 > ul > li ul li:before {content:"";display:block;position:absolute;width:4px;height:4px;border-radius:50%;left:0px;top:14px;background:#b9d1d0}
.persys-wr .box8 > ul > li ul li span {display:block}
.persys-wr .box8 > ul > li.over .imgBox:before,
.persys-wr .box8 > ul > li:hover .imgBox:before {opacity:0}
.persys-wr .box8 > ul > li.over img,
.persys-wr .box8 > ul > li:hover img {box-shadow:30px 30px 25px rgba(0, 0, 0, .2)}
.persys-wr .box8 > ul > li.over h4,
.persys-wr .box8 > ul > li:hover h4 {opacity:1}
@media all and (max-width:1400px) {
	.persys-wr .box1 .diagram h4 {width:416px;height:399px;margin:60px auto auto auto;background-size:contain}
	.persys-wr .box1 .diagram h4 .txtIn {width:200px;height:200px}
}
@media all and (max-width:1300px) {
	.persys-wr .box3 ul {margin:30px 0 0}
	.persys-wr .box3 ul li .circle .inwr .tit span {line-height:1}
	.persys-wr .box3 ul li .circle .inwr .tit span.kor {font-size:1.2em;margin:4px 0 0}
	.persys-wr .box4 .graphBox1 {padding:40px;margin:40px 0 0}
	.persys-wr .box5 > ul {margin:50px 50px 0}
	.persys-wr .box5 > ul > li {padding:58px 30px 0px}
	.persys-wr .box7 .sld-wr .sldCtrl .sldDots {text-align:center}
	.persys-wr .box7 .sld-wr .sldCtrl .sldDots button {display:inline-block;float:none;width:auto;overflow:hidden;margin:0 25px}
	.persys-wr .box7 .sld-wr .sldCtrl .sldDots button .num:after {width:100%;left:20px}
	.persys-wr .box7 .sld-wr .sldCtrl .sldDots button .btnIn span {display:block}
	.persys-wr .box7 .sld-wr .sldCtrl .sldDots button .btnIn .t2 {margin:0}
	.persys-wr .box7 .sld-wr .sldCtrl .sldNavi {top:10px}
	.persys-wr .box7 .sld-wr .sldCore {margin:30px 0 0;padding:0}
	.persys-wr .box7 .sld-wr .sldCore .item .role-body {padding:20px 0 10px}
	.persys-wr .box8 > ul > li ul {margin:21px 0 0}
}
@media all and (max-width:1200px) {
	.persys-wr .box1 .diagram h4 {width:333px;height:319px;margin:130px auto auto auto}
	.persys-wr .box1 .diagram h4 .txtIn {width:180px;height:180px}
	.persys-wr .box2 .list2 {margin:60px 0 0}
	.persys-wr .box2 .list2 li {padding:40px 10px;height:200px}
	.persys-wr .box2 .list2 li p {margin:20px 0 0}
	.persys-wr .box4 .graphBox2 {padding:40px 50px}
	.persys-wr .box4 .graphBox2 .sideBox {padding:30px 0 0 350px}
	.persys-wr .box5 > ul > li {width: 48%;  margin: 0 4% 0 0}
}
@media all and (max-width:1024px) {
	.persys-wr .box1 .diagram {margin:50px 0 0}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-L .circle p {line-height:1.2;/*font-size:1.00em*/}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-L .circle p span:last-child {padding:14px 0 0}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-R .circle p {line-height:1.2;font-size:1.00em}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-L .lnk:after {width:40px;background-position:0px -300px}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-R .lnk:after {width:40px;background-position:-90px -300px}
	.persys-wr .box5 {padding:50px 0 50px}
	.persys-wr .box6 {margin:50px 0 0;padding:40px 0}
	.persys-wr .box8:after {height:300px}
	.persys-wr .box8 > ul > li.over img,
	.persys-wr .box8 > ul > li:hover img {box-shadow:10px 10px 15px rgba(0, 0, 0, .2)}
}
@media all and (max-width:999px) {
	.persys-wr .box1 .diagram h4 {margin:160px auto auto auto}
	.persys-wr .box1 .diagram > ul > li:nth-child(n+3) {margin:200px 0 0}
	.persys-wr .box2 .list2 li p span {display:inline}
	.persys-wr .box3 ul li {padding:40px 0 0}
	.persys-wr .box3 ul li.over .circle .inwr,
	.persys-wr .box3 ul li:hover .circle .inwr {box-shadow:10px 10px 20px rgba(0, 0, 0, .2)}
	.persys-wr .box3 ul li .circle .inwr .tit {margin:-4px 0 0}
	.persys-wr .box3 ul li .circle .inwr .tit span.eng {letter-spacing:0}
	.persys-wr .box3 ul li .circle .inwr .tit span.kor {font-size:1.2em;padding:0}
	.persys-wr .box3 ul li .circle .inwr .tit:before {width:49px;height:49px;background-size:273px 226px}
	.persys-wr .box3 ul li .circle .inwr .tit.ico01:before {background-position:0px 0px}
	.persys-wr .box3 ul li .circle .inwr .tit.ico02:before {background-position:-56px 0px}
	.persys-wr .box3 ul li .circle .inwr .tit.ico03:before {background-position:-112px 0px}
	.persys-wr .box3 ul li .circle .inwr .tit.ico04:before {background-position:-168px 0px}
	.persys-wr .box3 ul li .circle .inwr .tit.ico05:before {background-position:-224px 0px}
	.persys-wr .box3 ul li.over .circle .inwr .tit.ico01:before,
	.persys-wr .box3 ul li:hover .circle .inwr .tit.ico01:before {background-position:0px -49px}
	.persys-wr .box3 ul li.over .circle .inwr .tit.ico02:before,
	.persys-wr .box3 ul li:hover .circle .inwr .tit.ico02:before {background-position:-56px -49px}
	.persys-wr .box3 ul li.over .circle .inwr .tit.ico03:before,
	.persys-wr .box3 ul li:hover .circle .inwr .tit.ico03:before {background-position:-112px -49px}
	.persys-wr .box3 ul li.over .circle .inwr .tit.ico04:before,
	.persys-wr .box3 ul li:hover .circle .inwr .tit.ico04:before {background-position:-168px -49px}
	.persys-wr .box3 ul li.over .circle .inwr .tit.ico05:before,
	.persys-wr .box3 ul li:hover .circle .inwr .tit.ico05:before {background-position:-224px -49px}
	.persys-wr .box4 .graphBox1 .procBox ul li {font-size:15px}
	.persys-wr .box4 .graphBox2 {padding:30px 40px}
	.persys-wr .box4 .graphBox2 .sideBox {padding:0 0 0 310px}
	.persys-wr .box4 .graphBox2 .sideBox .side-L .c-list01 li:before {top:15px}
	.persys-wr .box5 {padding:20px 0 50px}
	.persys-wr .box5 > ul {margin:30px 0 0}
	.persys-wr .box5 > ul > li {padding:30px 30px 0px;width:49%;margin:0 2% 0 0;height:250px}
	.persys-wr .box5 > ul > li:before {right:20px;top:20px}
	.persys-wr .box5 .txt p {margin:30px 0 0}
	.persys-wr .box5 .txt ul {margin:30px 0 0}
	.persys-wr .box6 .graphBox1 {padding:30px 0 0}
	.persys-wr .box6 .graphBox1 h3 {margin:0 0 20px}
	.persys-wr .box6 .graphBox1 ul li {padding:0}
	.persys-wr .box6 .graphBox1 ul li h4 {position:relative;left:auto}
	.persys-wr .box6 .graphBox1 ul li h4 .txt {margin:5px 0 0}
	.persys-wr .box6 .graphBox1 ul li.n01 {margin:0 0 20px}
	.persys-wr .box6 .graphBox1 ul li.n01 h4 {top:auto}
	.persys-wr .box6 .graphBox1 ul li.n02 h4 {top:auto}
	.persys-wr .box6 .graphBox1 ul li.n01 .img-zoom {padding:0}
	.persys-wr .box6 .graphBox1 ul li.n02 .img-zoom {padding:0}
	.persys-wr .box7 .sld-wr .sldCtrl .sldDots button {margin:0 15px}
	.persys-wr .box8 {padding:30px 0 0px}
	.persys-wr .box8:after {height:200px}
	.persys-wr .box8 > ul {margin:20px 0 0}
	.persys-wr .box8 > ul > li h4 .num:after {width:80%;left:auto;right:0}
	.persys-wr .box8 > ul > li h4 .txt {margin:10px 0 0}
	/*.persys-wr .box8 > ul > li ul li {font-size:1em;padding:0 0 0 10px}*/
	.persys-wr .box8 > ul > li ul li:before {top:10px}
}
@media all and (max-width:840px) {
	.persys-wr .box1 .diagram {margin:20px 0 0}
	.persys-wr .box1 .diagram h4 {position:relative;width:auto;height:auto;top:auto;right:auto;bottom:auto;left:auto;margin:0;background:none;margin:0 0 20px}
	.persys-wr .box1 .diagram h4 .txtIn {position:relative;width:auto;height:auto;top:auto;right:auto;bottom:auto;left:auto;margin:0;background:#60aca9 url(/kr/_Img/Contents/persys_ptn7.png) repeat center center;border-radius:0}
	.persys-wr .box1 .diagram h4 .txtIn .txtInIn {position:relative;left:auto;top:auto;transform:translateY(0);padding:20px 0;line-height:1}
	.persys-wr .box1 .diagram h4 .txtIn .txtInIn span {display:inline}
	.persys-wr .box1 .diagram > ul > li {height:180px;width:49%;margin:0 2% 0 0}
	.persys-wr .box1 .diagram > ul > li:nth-child(n+3) {margin:20px 2% 0 0}
	.persys-wr .box1 .diagram > ul > li:nth-child(even),
	.persys-wr .box1 .diagram > ul > li:last-child {margin-right:0}
	.persys-wr .box1 .diagram > ul > li div {width:100%}
	.persys-wr .box1 .diagram > ul > li ul {margin:10px 0 0}
	.persys-wr .box3 ul:before {display:none}
	.persys-wr .box3 ul li {display:inline-block;float:none;width:29%;margin:0 1.5%;padding:0}
	.persys-wr .box3 ul li:before {display:none}
	.persys-wr .box3 ul li .circle {width:90%;padding:0 0 90%;margin:0 auto}
	.persys-wr .box4 .graphBox2 {padding:70px 20px 20px 20px}
	.persys-wr .box4 .graphBox2 .c-list01 li {width:100%}
	.persys-wr .box4 .graphBox2 .sideBox {padding:0}
	.persys-wr .box4 .graphBox2 .sideBox .side-L {position:relative;left:auto;top:auto;height:auto;margin:20px auto 0;width:100%;max-width:290px}
	.persys-wr .box4 .graphBox2 .sideBox .side-L img {left:auto;right:0;bottom:0}
	.persys-wr .box4 .graphBox2 .sideBox .side-R {padding:30px 0 0}
	.persys-wr .box6 {margin:0}
	.persys-wr .box7 .sld-wr .sldCtrl .sldDots button {margin:0 5px}
}
@media all and (max-width:768px) {
	#container-wrap.pCode-persys #contents-wrap {padding-top:30px}
	.persys-wr .box2 {padding:40px 0 0}
	.persys-wr .box2 .list1 {margin:40px 0 0}
	.persys-wr .box2 .list1 li {width:40%}
	.persys-wr .box2 .list1 li div {top:20px}
	.persys-wr .box2 .list1 li div p {line-height:1.3;margin:10px 0 0}
	.persys-wr .box2 .list1 li.n01 {margin:0 -5% 0 0}
	.persys-wr .box2 .list1 li.n02 {margin:0 0 0 -5%}
	.persys-wr .box2 .list2 {margin:30px 0 0}
	.persys-wr .box4 .graphBox1 {padding:20px 0;margin:20px 0 0}
	.persys-wr .box7 {padding:50px 0 50px}
	.persys-wr .box7 .sld-wr .sldCore .item .role-head ul li {padding:20px 0 15px}
	.persys-wr .box7 .sld-wr .sldCore .item .role-body {padding:10px 0 0px}
	.persys-wr .box7 .sld-wr .sldCore .item .role-body ul li div {height:50px}
	.persys-wr .box7 .sld-wr .sldCore .item .role-body ul li div:before {height:50px}
}
@media all and (max-width:767px) {
	.persys-wr .box1 {padding:0 0 20px}
	.persys-wr .box1 .c-tit01 {font-size:2.000em}
	.persys-wr .box1 > p {font-size:1.500em}
	.persys-wr .box1 > p span {display:inline}
	.persys-wr .box1 .diagram > ul > li {height:auto;width:100%;margin:0 0 20px}
	.persys-wr .box1 .diagram > ul > li:nth-child(n+3) {margin:0 0 20px}
	.persys-wr .box1 .diagram > ul > li:nth-child(even),
	.persys-wr .box1 .diagram > ul > li:last-child {margin-right:0;margin-bottom:20px 0 0}
	.persys-wr .box1 .diagram > ul > li h5 {padding:0 0 0 45px}
	.persys-wr .box1 .diagram > ul > li h5 .num {width:36px;height:36px;line-height:36px;margin:-18px 0 0}
	.persys-wr .box1 .diagram > ul > li ul {margin:0}
	.persys-wr .box1 .diagram > ul > li ul li {margin:0 0 5px}
	.persys-wr .box1 .diagram > ul > li ul li:before {top:10px}
	.persys-wr .box2 .list2 li {width:49%;margin:0 2% 10px 0;padding:20px 10px;height:150px}
	.persys-wr .box2 .list2 li:nth-child(even) {margin-right:0}
	.persys-wr .box2 .list2 li p {margin:10px 0 0;line-height:1.5}
	.persys-wr .box4 .graphBox2 {padding:15px}
	.persys-wr .box4 .graphBox2 .sideBox {margin:20px 0 0}
	.persys-wr .box4 .graphBox2 .sideBox .side-L img {position:relative;left:auto;right:auto;bottom:auto;margin:20px auto 0}
	.persys-wr .box5 > ul > li {width:100%;margin:0 0 10px;padding:30px;height:auto}
	.persys-wr .box7 .sld-wr .sldCtrl .sldDots button {display:block;float:left;width:32%;margin:0 2% 0 0}
	.persys-wr .box7 .sld-wr .sldCtrl .sldDots button:last-child {margin:0}
	.persys-wr .box7 .sld-wr .sldCtrl .sldDots button .btnIn .t1 {font-size:1.10em;line-height:1;margin:5px 0 0}
	.persys-wr .box7 .sld-wr .sldCtrl .sldDots button .btnIn .t2 {display:none}
	.persys-wr .box7 .sld-wr .sldCtrl .sldNavi {top:auto;bottom:100%;height:51px;text-align:center}
	.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button {display:inline-block;position:relative;width:41px;height:41px;top:auto;margin:0 3px}
	.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button span {width:19px;height:14px;background-size:45px 14px}
	.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button.owl-prev {left:auto}
	.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button.owl-prev span {background-position:0px 0px}
	.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button.owl-next {right:auto}
	.persys-wr .box7 .sld-wr .sldCtrl .sldNavi button.owl-next span {background-position:-26px 0px}
	.persys-wr .box8 > ul {margin:30px 0 0}
	.persys-wr .box8 > ul > li {width:48.95%;margin:0 2.10% 20px 0}
	.persys-wr .box8 > ul > li:nth-child(2n),
	.persys-wr .box8 > ul > li:last-child {margin:0 0 30px}
	.persys-wr .box8 > ul > li h4 .txt {margin:5px 0 0}
	.persys-wr .box8 > ul > li ul {margin:10px 0 0}
}
@media all and (max-width:600px) {
	.persys-wr .box2 .c-tit02 {font-size:2.000em;letter-spacing:0}
	.persys-wr .box2 p {font-size:1.200em}
	.persys-wr .box2 p span {display:inline}
	.persys-wr .box2 .list1 {margin:20px 0 0}
	.persys-wr .box2 .list1 li {width:53%;padding:0 20px}
	.persys-wr .box2 .list1 li.n01 {margin:0 -10% 0 0; }
	.persys-wr .box2 .list1 li.n02 {margin:0 0 0 -10%}
	.persys-wr .box2 .list1 li div { margin:0 auto}
	.persys-wr .box2 .list1 li div p {line-height:1.2;margin:5px 0 0;font-size:1em}
	.persys-wr .box2 .list1 li .base {margin:0 auto}
	.persys-wr .box3 .c-tit02 {font-size:2.00em;letter-spacing:0;margin:20px 0 0}
	.persys-wr .box3 ul {margin:10px 0 0;text-align:left}
	.persys-wr .box3 ul li {display:inline-block;width:47%;margin:0 5px 10px;text-align:left;box-sizing:border-box;padding:0}
	.persys-wr .box3 ul li:last-child {margin:0 5px}
	.persys-wr .box3 ul li .circle {position:relative;width:auto;padding:0;margin:0;left:auto;top:auto;height:auto}
	.persys-wr .box3 ul li .circle .inwr {position:relative;width:auto;height:auto;border-radius:0}
	.persys-wr .box3 ul li .circle .inwr .tit {position:relative;width:auto;left:auto;top:auto;transform:translateY(0);margin:0;padding:10px 0;text-align:center}
	.persys-wr .box3 ul li .circle .inwr .tit span {display:inline-block;vertical-align:middle}
	.persys-wr .box3 ul li .circle .inwr .tit span.kor {margin:0 0 0 5px}
	.persys-wr .box3 ul li.over .circle .inwr,
	.persys-wr .box3 ul li:hover .circle .inwr {box-shadow:none}
	.persys-wr .box3 ul li .circle .inwr .tit:before {display:inline-block;vertical-align:middle;width:34px;height:34px;background-size:191px 158px;margin:0 5px 0 0}
	.persys-wr .box3 ul li .circle .inwr .tit.ico01:before {background-position:0px 0px}
	.persys-wr .box3 ul li .circle .inwr .tit.ico02:before {background-position:-39px 0px}
	.persys-wr .box3 ul li .circle .inwr .tit.ico03:before {background-position:-78px 0px}
	.persys-wr .box3 ul li .circle .inwr .tit.ico04:before {background-position:-118px 0px}
	.persys-wr .box3 ul li .circle .inwr .tit.ico05:before {background-position:-157px 0px}
	.persys-wr .box3 ul li.over .circle .inwr .tit.ico01:before,
	.persys-wr .box3 ul li:hover .circle .inwr .tit.ico01:before {background-position:0px -34px}
	.persys-wr .box3 ul li.over .circle .inwr .tit.ico02:before,
	.persys-wr .box3 ul li:hover .circle .inwr .tit.ico02:before {background-position:-39px -34px}
	.persys-wr .box3 ul li.over .circle .inwr .tit.ico03:before,
	.persys-wr .box3 ul li:hover .circle .inwr .tit.ico03:before {background-position:-78px -34px}
	.persys-wr .box3 ul li.over .circle .inwr .tit.ico04:before,
	.persys-wr .box3 ul li:hover .circle .inwr .tit.ico04:before {background-position:-118px -34px}
	.persys-wr .box3 ul li.over .circle .inwr .tit.ico05:before,
	.persys-wr .box3 ul li:hover .circle .inwr .tit.ico05:before {background-position:-157px -34px}
	.persys-wr .box4 .graphBox1 > h3 {font-size:2.00em}
	.persys-wr .box4 .graphBox1 > p {font-size:1.200em;margin:10px 0 0}
	.persys-wr .box4 .graphBox1 .procBox {margin:20px 0 0}
	.persys-wr .box4 .graphBox1 .procBox ul li {display:block;height:auto;border-radius:0}
	.persys-wr .box4 .graphBox1 .procBox ul li .circle {position:relative;width:auto;height:auto;padding:20px 0; font-size:1.1em}
	.persys-wr .box4 .graphBox1 .procBox ul li .circle > :first-child {position:relative;width:auto;left:auto;top:auto;transform:translateY(0)}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-L .circle p {font-size:1.1em}
	.persys-wr .box4 .graphBox1 .procBox ul li .circle p span {display:inline-block}
	.persys-wr .box4 .graphBox1 .procBox ul li .lnk {top:100%;transform:translateY(0);height:20px}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-L {width:auto;padding:0;margin:0 0 10px}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-L .circle p span:last-child {padding:0 0 0 14px;margin:0 0 0 4px}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-L .circle p span:last-child:before {left:0;top:50%;transform:translateY(-50%);margin:0}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-L .lnk {width:2px;left:50%;background:#bcbcbc}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-L .lnk:after {display:none}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-M {width:auto;padding:0;margin:0 0 10px}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-M.last {margin:0 0 40px}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-M .lnk {width:2px;left:50%;background:#ebebeb}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-M .lnk:after {display:none}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-R {width:auto;padding:0;margin:0}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-R .lnk {width:40px;right:auto;left:50%;margin:0 0 20px -20px;height:13px;top:auto;bottom:100%;transform:rotate(90deg);transform-origin:50% 100%}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-R .lnk:after {width:40px;height:13px;background:url(/kr/_Img/Contents/persys_spr2.png) no-repeat -90px -300px}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-R p span:after {content:", "}
	.persys-wr .box4 .graphBox1 .procBox ul li.side-R p span:last-child:after {display:none}
	.persys-wr .box4 .graphBox2 .sideBox .side-L .c-list01 li {padding:1px 0 1px 10px;line-height:1.3;margin-bottom:5px}
	.persys-wr .box4 .graphBox2 .sideBox .side-L .c-list01 li:before {top:15px}
	.persys-wr .box4 .graphBox2 .sideBox .side-R ul li {padding:0;margin:0 0 15px;min-height:0;height:auto}
	.persys-wr .box4 .graphBox2 .sideBox .side-R ul li:first-child {padding:0;margin:0 0 15px;height:auto}
	.persys-wr .box4 .graphBox2 .sideBox .side-R ul li:last-child {margin:0}
	.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-head {position:relative;width:auto;height:auto;left:auto;top:auto}
	.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-head h4 {position:relative;text-align:left;left:auto;top:auto;transform:translateY(0);padding:15px 10px 18px;box-sizing:border-box;line-height:1}
	.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-head h4 span {display:inline-block;vertical-align:middle; font-size:1.1em}
	.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-head h4 span.sub {margin:0 0 0 7px}
	.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-body {margin:5px 0 0}
	.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-body:before {display:none}
	.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-body p {display:block}
	.persys-wr .box4 .graphBox2 .sideBox .side-R ul li .role-body p span {display:block}
	.persys-wr .box5 {padding:20px 0}
	.persys-wr .box5 .c-tit02 {font-size:2.00em}
	.persys-wr .box5 h5 {}
	.persys-wr .box5 h5 .eng {letter-spacing:0;font-size:1.05em;padding:0}
	.persys-wr .box5 h5 .kor {font-size:1.2em;margin:3px 0 0}
	.persys-wr .box5 > ul {margin:15px 0 0}
	.persys-wr .box5 > ul > li {padding:20px}
	.persys-wr .box5 > ul > li:before {width:49px;height:49px;background-size:273px 226px;right:15px;top:15px}
	.persys-wr .box5 > ul > li.n01:before {background-position:0px -105px}
	.persys-wr .box5 > ul > li.n02:before {background-position:-56px -105px}
	.persys-wr .box5 .txt p {margin:15px 0 0}
	.persys-wr .box5 .txt ul {margin:15px 0 0}
	.persys-wr .box6 {padding:30px 0}
	.persys-wr .box6 .c-tit02 {font-size:2.000em}
	.persys-wr .box6 p span {display:inline}
	.persys-wr .box6 ul {margin:30px 0 0}
	.persys-wr .box6 ul li {width:100%;margin:0 0 30px}
	.persys-wr .box6 ul li h4 .txt {margin:10px 0 0}
	.persys-wr .box6 ul li .img-zoom {margin:20px 0 0}
	.persys-wr .box6 ul li.n01 .img-zoom a {}
	.persys-wr .box6 ul li.n02 .img-zoom a {right:auto;left:0}
	.persys-wr .box6 .graphBox1 h3 {font-size:2.00em}
	.persys-wr .box6 .graphBox1 ul li h4 {width:auto}
	.persys-wr .box6 .graphBox1 ul li h4 span {display:inline-block;vertical-align:top}
	.persys-wr .box6 .graphBox1 ul li h4 .num {position:static;font-size:18px}
	.persys-wr .box6 .graphBox1 ul li h4 .num:after {width:70%;left:auto;right:0}
	.persys-wr .box6 .graphBox1 ul li h4 .txt {margin:0 0 0 5px}
	.persys-wr .box6 .graphBox1 ul li.n01 .img-zoom {padding:0 0 50px}
	.persys-wr .box6 .graphBox1 ul li.n02 .img-zoom {padding:0 0 50px}
	.persys-wr .box7 {padding:30px 0 20px}
	.persys-wr .box7 .sld-wr .sldCore .item .role-head {display:none}
	.persys-wr .box7 .sld-wr .sldCore .item .role-body {display:none}
	.persys-wr .box7 .sld-wr .sldCore .item .role-bodym {display:block;border-top:2px solid #000;border-bottom:1px solid #000;padding:10px 0}
	.persys-wr .box7 .sld-wr .sldCore .item .role-bodym ul {}
	.persys-wr .box7 .sld-wr .sldCore .item .role-bodym ul li {display:block;position:relative;box-sizing:border-box;padding:0 0 0 50px;margin:0 0 10px}
	.persys-wr .box7 .sld-wr .sldCore .item .role-bodym ul li:last-child {margin:0}
	.persys-wr .box7 .sld-wr .sldCore .item .role-bodym ul li .mTit {display:block;position:absolute;left:0;top:15px;line-height:1;width:50px;text-align:center}
	.persys-wr .box7 .sld-wr .sldCore .item .role-bodym ul li .mTxt {background:#f9f9f9;box-sizing:border-box;padding:5px 10px}
	.persys-wr .box7 .sld-wr .sldCore .item .role-bodym ul li .mTxt span {display:block;position:relative;box-sizing:border-box;padding:7px 0 7px 10px;line-height:1.3;border-bottom:1px solid rgba(0, 0, 0, .05);border-top:1px solid rgba(255, 255, 255, 1)}
	.persys-wr .box7 .sld-wr .sldCore .item .role-bodym ul li .mTxt span:first-child {border-top:0}
	.persys-wr .box7 .sld-wr .sldCore .item .role-bodym ul li .mTxt span:last-child {border-bottom:0}
	.persys-wr .box7 .sld-wr .sldCore .item .role-bodym ul li .mTxt span.req:before {content:"*";display:block;position:absolute;color:#de3939;top:10px;left:0}
	.persys-wr .box8 .c-tit02 {font-size:2em}
	.persys-wr .box8 p {margin:0;font-size:1.2em}
	.persys-wr .box8 > ul {margin:20px 0 0}
	.persys-wr .box8 > ul > li {width:100%;margin:0 0 20px 0;box-sizing:border-box;padding:0}
	.persys-wr .box8 > ul > li:nth-child(2n),
	.persys-wr .box8 > ul > li:last-child {margin:0 0 20px}
	.persys-wr .box8 > ul > li .imgBox {max-width:420px;margin:0 auto}
	.persys-wr .box8 > ul > li h4 {position:relative;opacity:1}
	.persys-wr .box8 > ul > li h4 span {display:inline-block;vertical-align:top}
	.persys-wr .box8 > ul > li h4 .num {position:static;font-size:18px}
	.persys-wr .box8 > ul > li h4 .num:after {width:60%}
	.persys-wr .box8 > ul > li h4 .txt {margin:0 0 0 5px}
	.persys-wr .box8 > ul > li.over img,
	.persys-wr .box8 > ul > li:hover img {box-shadow:5px 5px 15px rgba(0, 0, 0, .2)}
}
@media all and (max-width:540px) {
	.persys-wr .box7 .sld-wr .sldCtrl .sldDots button {width:100%;margin:0 0 10px 0;padding:0 0 10px}
}
@media all and (max-width:480px) {
	.persys-wr .box2 .list1 li {width:49%; padding:20px; box-sizing:border-box}
	.persys-wr .box2 .list1 li.n01 {margin:0; background: #60aca9 url(/kr/_Img/Contents/pattern03.png) repeat center center}
	.persys-wr .box2 .list1 li.n02 {margin:0; background: #4c4c4c url(/kr/_Img/Contents/pattern02.png) repeat center center}
	.persys-wr .box2 .list1 li div {position:relative; top: auto}
	.persys-wr .box2 .list1 li .base {display:none}
	.persys-wr .box3 ul li { width: 100%; margin: 0 0 10px}
	.persys-wr .box3 ul li:last-child { margin:0}
}


/* RECRUIT > 직무소개
http://simone.cs21.kr/kr/index.php?pCode=talentDesign
http://simone.cs21.kr/kr/index.php?pCode=talentSales
http://simone.cs21.kr/kr/index.php?pCode=talentHRM
http://simone.cs21.kr/kr/index.php?pCode=talentField
http://simone.cs21.kr/kr/index.php?pCode=talentSource
http://simone.cs21.kr/kr/index.php?pCode=talentPattern
------------------------------------------------------ */
#container-wrap.pCode-talentDesign,
#container-wrap.pCode-talentSales,
#container-wrap.pCode-talentHRM,
#container-wrap.pCode-talentField,
#container-wrap.pCode-talentSource,
#container-wrap.pCode-talentPattern {background:#fff}
#container-wrap.pCode-talentDesign #contents-wrap,
#container-wrap.pCode-talentSales #contents-wrap,
#container-wrap.pCode-talentHRM #contents-wrap,
#container-wrap.pCode-talentField #contents-wrap,
#container-wrap.pCode-talentSource #contents-wrap,
#container-wrap.pCode-talentPattern #contents-wrap {position:relative;padding-bottom:0}
#container-wrap.pCode-talentDesign #contents-wrap:after,
#container-wrap.pCode-talentSales #contents-wrap:after,
#container-wrap.pCode-talentHRM #contents-wrap:after,
#container-wrap.pCode-talentField #contents-wrap:after,
#container-wrap.pCode-talentSource #contents-wrap:after,
#container-wrap.pCode-talentPattern #contents-wrap:after {content:"";display:block;position:absolute;width:2000px;height:500px;left:50%;top:0px;margin:0 0 0 -1000px;background:#f5f5f5 url(/kr/_Img/Contents/talent_ptn1.png) repeat center center;z-index:-1}
#container-wrap.pCode-talentDesign .talent-wr .view-wr:after {background-image:url(/kr/_Img/Contents/talentDesign_viewPic1.jpg)}
#container-wrap.pCode-talentSales .talent-wr .view-wr:after {background-image:url(/kr/_Img/Contents/talentSales_viewPic1.jpg)}
#container-wrap.pCode-talentHRM .talent-wr .view-wr:after {background-image:url(/kr/_Img/Contents/talentHRM_viewPic1.jpg)}
#container-wrap.pCode-talentField .talent-wr .view-wr:after {background-image:url(/kr/_Img/Contents/talentField_viewPic1.jpg)}
#container-wrap.pCode-talentSource .talent-wr .view-wr:after {background-image:url(/kr/_Img/Contents/talentSource_viewPic1.jpg)}
#container-wrap.pCode-talentPattern .talent-wr .view-wr:after {background-image:url(/kr/_Img/Contents/talentPattern_viewPic1.jpg)}
#container-wrap.pCode-talentDesign .talent-wr .sld-wr .sldCore .txtTop .inwr,
#container-wrap.pCode-talentDesign .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:10.57%}
#container-wrap.pCode-talentSales .talent-wr .sld-wr .sldCore .txtTop .inwr,
#container-wrap.pCode-talentSales .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:54.35%}
#container-wrap.pCode-talentHRM .talent-wr .sld-wr .sldCore .txtTop .inwr,
#container-wrap.pCode-talentHRM .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:54.35%}
#container-wrap.pCode-talentField .talent-wr .sld-wr .sldCore .txtTop .inwr,
#container-wrap.pCode-talentField .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:10.57%}
#container-wrap.pCode-talentSource .talent-wr .sld-wr .sldCore .txtTop .inwr,
#container-wrap.pCode-talentSource .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:10.57%}
#container-wrap.pCode-talentPattern .talent-wr .sld-wr .sldCore .txtTop .inwr,
#container-wrap.pCode-talentPattern .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:10.57%}
#container-wrap.pCode-talentDesign .talent-wr .view-wr {padding-left:4.285%}
#container-wrap.pCode-talentSales .talent-wr .view-wr {padding-left:4.285%}
#container-wrap.pCode-talentHRM .talent-wr .view-wr {padding-left:54.785%}
#container-wrap.pCode-talentField .talent-wr .view-wr {padding-left:4.285%}
#container-wrap.pCode-talentSource .talent-wr .view-wr {padding-left:54.785%}
#container-wrap.pCode-talentPattern .talent-wr .view-wr {padding-left:54.785%}
.talent-wr {position:relative}
.talent-wr .role-head h3 {display:block;font-size:3em;font-family:"oswald";color:#333;line-height:1.2;font-weight:500}
.talent-wr .role-head p {display:block;font-size:1.412em;color:#222;;line-height:1.2;margin:16px 0 0}
.talent-wr .sld-wr {position:relative;height:540px;margin:76px 0 0}
.talent-wr .sld-wr .sldNavi {position:absolute;width:100%;height:0;left:0;top:50%;z-index:2}
.talent-wr .sld-wr .sldNavi button {display:block;position:absolute;width:58px;height:58px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;top:50%;margin:-29px 0 0;background:transparent;transition:all .3s ease}
.talent-wr .sld-wr .sldNavi button span {font-size:0;overflow:hidden}
.talent-wr .sld-wr .sldNavi button:after {content:"";display:block;position:absolute;width:27px;height:21px;background:url(/kr/_Img/Contents/talent_spr.png) no-repeat;top:0;right:0;bottom:0;left:0;margin:auto;opacity:.6;transition:all .3s ease}
.talent-wr .sld-wr .sldNavi button:focus,
.talent-wr .sld-wr .sldNavi button:hover {background:rgba(0, 0, 0, .2)}
.talent-wr .sld-wr .sldNavi button:focus:after,
.talent-wr .sld-wr .sldNavi button:hover:after {opacity:1}
.talent-wr .sld-wr .sldNavi .owl-prev {left:21px}
.talent-wr .sld-wr .sldNavi .owl-prev:after {background-position:0px 0px}
.talent-wr .sld-wr .sldNavi .owl-next {right:21px}
.talent-wr .sld-wr .sldNavi .owl-next:after {background-position:-37px 0px}
.talent-wr .sld-wr .sldCore {position:relative;z-index:1}
.talent-wr .sld-wr .sldCore .imgBox {display:block;position:relative;max-width:1400px;margin:0 auto;width:100%;z-index:1}
.talent-wr .sld-wr .sldCore .imgBox img {display:block;width:100%;position:relative;z-index:1}
.talent-wr .sld-wr .sldCore .txtBox {position:relative;height:0;z-index:2;height:0}
.talent-wr .sld-wr .sldCore .txtTop {}
.talent-wr .sld-wr .sldCore .txtTop .inwr {display:block;position:absolute;text-align:left;top:146px}
.talent-wr .sld-wr .sldCore .txtTop .inwr p {font-size:2.118em;color:#fff;;line-height:1.335}
.talent-wr .sld-wr .sldCore .txtTop .inwr p span {display:block}
.talent-wr .sld-wr .sldCore .txtTop .inwr dl {display:block;margin:21px 0 0 2px}
.talent-wr .sld-wr .sldCore .txtTop .inwr dl dt,
.talent-wr .sld-wr .sldCore .txtTop .inwr dl dd {display:inline-block;vertical-align:bottom;font-size:1.125em;color:#fff;letter-spacing:-.075em}
.talent-wr .sld-wr .sldCore .txtTop .inwr dl dt {}
.talent-wr .sld-wr .sldCore .txtTop .inwr dl dd {margin:0 0 0 15px}
.talent-wr .sld-wr .sldCore .txtBottom {}
.talent-wr .sld-wr .sldCore .txtBottom .inwr {display:block;position:absolute;text-align:left;bottom:105px}
.talent-wr .sld-wr .sldCore .txtBottom .inwr p {font-size:1.05em;color:#fff;line-height:1.671;;}
.talent-wr .sld-wr .sldCore .txtBottom .inwr p span {display:block}
.talent-wr .sld-wr .sldCore .owl-item.active.center .imgBox:before {opacity:0}
.talent-wr .sld-wr .sldCore .owl-item.active.center .imgBox:after {height:0}
.talent-wr .sld-wr .sldCore .owl-item.active.center .txtTop {transform:translateY(0);opacity:1}
.talent-wr .sld-wr .sldCore .owl-item.active.center .txtBottom {transform:translateY(0);opacity:1}
.talent-wr .msg-wr {margin:100px 0 0}
.talent-wr .msg-wr ul {display:block}
.talent-wr .msg-wr ul:after {content:"";display:block;clear:both}
.talent-wr .msg-wr ul li {display:block;width:50%;float:left;box-sizing:border-box;margin-bottom:100px}
.talent-wr .msg-wr ul li.w100p {width:100%}
.talent-wr .msg-wr ul li.mb0 {margin-bottom:0}
.talent-wr .msg-wr ul li.side-L {float:left;padding:0 45px 0 90px}
.talent-wr .msg-wr ul li.side-R {float:right;padding:0 90px 0 45px}
.talent-wr .msg-wr ul li.sideImg-L {float:left}
.talent-wr .msg-wr ul li.sideImg-L img {display:block;width:auto;max-width:100%;margin:0 auto}
.talent-wr .msg-wr ul li.sideImg-R {float:right}
.talent-wr .msg-wr ul li.sideImg-R img {display:block;width:auto;max-width:100%;margin:0 auto}
.talent-wr .msg-wr .question {}
.talent-wr .msg-wr .question.opa0 {opacity:0}
.talent-wr .msg-wr .question .num {display:block;position:relative;line-height:1;font-family:"oswald";font-size:14px;font-weight:600;color:#222}
.talent-wr .msg-wr .question .num:after {content:"";display:block;position:absolute;width:170px;height:3px;left:31px;top:2px;background:#474747}
.talent-wr .msg-wr .question .txt {display:block;font-size:1.25em;color:#333;;line-height:1.2;margin:17px 0 0}
.talent-wr .msg-wr .question .txt span {display:block}
.talent-wr .msg-wr .answer {margin:34px 0 0}
.talent-wr .msg-wr .answer.only {margin:0}
.talent-wr .msg-wr .answer p {font-size:1.125em;color:#222;;line-height:1.62em;}
.talent-wr .view-wr {position:relative;box-sizing:border-box;padding:119px 0 146px}
.talent-wr .view-wr:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background-repeat:no-repeat;background-position:center top;z-index:-2;background-size:cover}
.talent-wr .view-wr p {font-size:2em;line-height:1.412;color:#fff;;}
.talent-wr .view-wr p span {display:block;position:relative}
.talent-wr .view-wr p span:first-child,
.talent-wr .view-wr p span:last-child {display:inline-block}
.talent-wr .view-wr p span:first-child:after,
.talent-wr .view-wr p span:last-child:after {content:"";display:block;position:absolute;width:49px;height:37px;background:url(/kr/_Img/Contents/talent_spr.png) no-repeat;z-index:-1}
.talent-wr .view-wr p span:first-child:after {background-position:0px -31px;right:100%;bottom:100%;margin:0 -8px -21px 0}
.talent-wr .view-wr p span:last-child:after {background-position:-59px -31px;left:100%;top:0;margin:-3px 0 0 -2px}
.talent-tab.mSet {position:relative;z-index:2}
.talent-tab.mSet button {display:block;position:relative;width:100%;line-height:1;border:0;background:#4f8c8a;color:#fff;padding:15px 0}
.talent-tab.mSet button:after {content:"";display:block;position:absolute;width:7px;height:7px;right:22px;top:17px;border-bottom:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);transition:all .3s ease;transform-origin:50% 75%}
.talent-tab.mSet button.over:after {transform:rotate(225deg)}
.talent-tab.mSet ul {display:none;position:absolute;width:100%;left:0;top:100%;background:#fff;border-bottom:1px solid #000}
.talent-tab.mSet ul li {display:block;width:100%}
.talent-tab.mSet ul li a {display:block;box-sizing:border-box;height:auto;padding:15px 20px;border-left:1px solid #000;border-bottom:0}
.talent-tab.mSet ul li.over a {border:1px solid #000;border-bottom:0}
.talent-tab.mSet ul li.over a span {color:#4f8c8a}
.talent-tab.mSet ul li.over a:after {bottom:auto;top:50%;transform:translateY(-50%);right:20px;left:auto}
@media all and (max-width:1480px) {
	.talent-wr .sld-wr {height:auto}
	.talent-wr .sld-wr .sldCore {position:relative;width:100%;height:100%;left:0;top:0;margin:0;z-index:1}
	.talent-wr .sld-wr .sldCore .owl-item.active .imgBox:before {display:none}
	.talent-wr .sld-wr .sldCore .owl-item.active .imgBox:after {display:none}
	.talent-wr .sld-wr .sldCore .owl-item.active .txtTop {transform:translateY(0);opacity:1}
	.talent-wr .sld-wr .sldCore .owl-item.active .txtBottom {transform:translateY(0);opacity:1}
	.talent-wr .sld-wr .sldCore .txtTop .inwr {top:100px}
	.talent-wr .sld-wr .sldCore .txtTop .inwr p {line-height:1.2}
	.talent-wr .sld-wr .sldCore .txtTop .inwr dl {margin:10px 0 0}
}
@media all and (max-width:1200px) {
	.talent-tab ul li a {padding:22px 24px 0}
	#container-wrap.pCode-talentDesign .talent-wr .sld-wr .sldCore .txtTop .inwr,
	#container-wrap.pCode-talentDesign .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:5%}
	#container-wrap.pCode-talentField .talent-wr .sld-wr .sldCore .txtTop .inwr,
	#container-wrap.pCode-talentField .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:5%}
	#container-wrap.pCode-talentSource .talent-wr .sld-wr .sldCore .txtTop .inwr,
	#container-wrap.pCode-talentSource .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:5%}
	#container-wrap.pCode-talentPattern .talent-wr .sld-wr .sldCore .txtTop .inwr,
	#container-wrap.pCode-talentPattern .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:5%}
	.talent-wr .sld-wr .sldCore .txtTop .inwr {top:70px}
	.talent-wr .sld-wr .sldCore .txtBottom .inwr {bottom:70px}
}
@media all and (max-width:999px) {
	.talent-tab ul li a {padding:22px 20px 0}
	.talent-wr .role-head h3 {font-size:2em}
	.talent-wr .role-head p {font-size:1.2em;margin:10px 0 0}
	.talent-wr .sld-wr {margin:40px 0 0}
	.talent-wr .sld-wr .sldCore .txtTop .inwr {top:40px}
	.talent-wr .sld-wr .sldCore .txtTop .inwr dl {margin:5px 0 0}
	.talent-wr .sld-wr .sldCore .txtBottom .inwr {bottom:40px}
	.talent-wr .sld-wr .sldCore .txtBottom .inwr p {line-height:1.4}
	.talent-wr .msg-wr {margin:50px 0 0}
	.talent-wr .msg-wr ul li {margin-bottom:50px}
	.talent-wr .msg-wr ul li.side-L {padding:0 30px 0 0}
	.talent-wr .msg-wr ul li.side-R {padding:0 0 0 30px}
}
@media all and (max-width:768px) {
	#container-wrap.pCode-talentHRM .talent-wr .view-wr {padding-left:50%}
	#container-wrap.pCode-talentSource .talent-wr .view-wr {padding-left:50%}
	#container-wrap.pCode-talentPattern .talent-wr .view-wr {padding-left:50%}
	.talent-wr .msg-wr ul li {width:100%}
	.talent-wr .msg-wr ul li.side-L {padding:0}
	.talent-wr .msg-wr ul li.side-R {padding:0}
	.talent-wr .msg-wr ul li.sideImg-L img {width:100%;max-width:400px}
	.talent-wr .msg-wr ul li.sideImg-R img {width:100%;max-width:400px}
	.talent-wr .msg-wr .question .txt {margin:10px 0 0}
	.talent-wr .msg-wr .answer {margin:10px 0 0}
	.talent-wr .view-wr {padding:80px 0 80px}
	.talent-wr .view-wr p {line-height:1.3;font-size:1.5em}
	.talent-wr .view-wr:after {width:1300px;margin:0 0 0 -650px}
}
@media all and (max-width:767px) {
	#container-wrap.pCode-talentDesign .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:auto; background:#fff}
	#container-wrap.pCode-talentSales .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:auto}
	#container-wrap.pCode-talentHRM .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:auto}
	#container-wrap.pCode-talentField .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:auto}
	#container-wrap.pCode-talentSource .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:auto}
	#container-wrap.pCode-talentPattern .talent-wr .sld-wr .sldCore .txtBottom .inwr {left:auto}
	#container-wrap.pCode-talentHRM .talent-wr .view-wr {padding-left:40%}
	#container-wrap.pCode-talentSource .talent-wr .view-wr {padding-left:50%}
	#container-wrap.pCode-talentPattern .talent-wr .view-wr {padding-left:50%}
	.talent-wr .sld-wr {margin:20px 0 0}
	.talent-wr .sld-wr .sldCore .txtTop .inwr p {font-size:1.6em}
	.talent-wr .sld-wr .sldCore .txtBottom {height:auto}
	.talent-wr .sld-wr .sldCore .txtBottom .inwr {position:relative;bottom:auto;height:auto;box-sizing:border-box;padding:20px 5%;background:#f5f5f5}
	.talent-wr .sld-wr .sldCore .txtBottom .inwr p {color:#333; font-size:1.1em}
	.talent-wr .sld-wr .sldCore .txtBottom .inwr p span {display:inline}
	.talent-wr .msg-wr ul li {margin-bottom:30px}
	.talent-wr .view-wr p {font-size:1.3em}
}
@media all and (max-width:600px) {
	#container-wrap.pCode-talentDesign .talent-wr .view-wr {padding-left:5%}
	#container-wrap.pCode-talentSales .talent-wr .view-wr {padding-left:5%}
	#container-wrap.pCode-talentHRM .talent-wr .view-wr {padding-left:5%}
	#container-wrap.pCode-talentField .talent-wr .view-wr {padding-left:5%}
	#container-wrap.pCode-talentSource .talent-wr .view-wr {padding-left:5%}
	#container-wrap.pCode-talentPattern .talent-wr .view-wr {padding-left:5%}
	#container-wrap.pCode-talentDesign #contents-wrap:after,
	#container-wrap.pCode-talentSales #contents-wrap:after,
	#container-wrap.pCode-talentHRM #contents-wrap:after,
	#container-wrap.pCode-talentField #contents-wrap:after,
	#container-wrap.pCode-talentSource #contents-wrap:after,
	#container-wrap.pCode-talentPattern #contents-wrap:after {height:300px}
	#container-wrap.pCode-talentDesign .talent-wr .view-wr:after {left:auto;right:0;margin:0 -300px 0 0}
	#container-wrap.pCode-talentSales .talent-wr .view-wr:after {left:auto;right:0;margin:0 -300px 0 0}
	#container-wrap.pCode-talentHRM .talent-wr .view-wr:after {left:0;right:auto;margin:0 0 0 -300px}
	#container-wrap.pCode-talentField .talent-wr .view-wr:after {left:0;right:auto;margin:0 0 0 -300px}
	#container-wrap.pCode-talentSource .talent-wr .view-wr:after {left:0;right:auto;margin:0 0 0 -300px}
	#container-wrap.pCode-talentPattern .talent-wr .view-wr:after {left:0;right:auto;margin:0 0 0 -400px}
	.talent-wr .sld-wr .sldCore .txtTop {text-shadow:0 0 3px rgba(0, 0, 0, .8)}
	.talent-wr .sld-wr .sldCore .txtTop .inwr {top:20px}
	.talent-wr .sld-wr .sldCore .txtTop .inwr p {font-size:1.3em}
	.talent-wr .view-wr {padding:200px 5% 20px}
	.talent-wr .view-wr p {text-shadow:0 0 3px rgba(0, 0, 0, .8)}
	.talent-wr .view-wr p span {display:inline-block}
	.talent-wr .view-wr p span:first-child:after,
	.talent-wr .view-wr p span:last-child:after {width:34px;height:26px;background-size:76px 48px}
	.talent-wr .view-wr p span:first-child:after {background-position:0px -22px;margin:0 -8px -21px 0}
	.talent-wr .view-wr p span:last-child:after {background-position:-41px -22px;margin:-3px 0 0 -2px}
}
@media all and (max-width:400px) {
	#container-wrap.pCode-talentDesign #contents-wrap:after,
	#container-wrap.pCode-talentSales #contents-wrap:after,
	#container-wrap.pCode-talentHRM #contents-wrap:after,
	#container-wrap.pCode-talentField #contents-wrap:after,
	#container-wrap.pCode-talentSource #contents-wrap:after,
	#container-wrap.pCode-talentPattern #contents-wrap:after {height:250px}
	#container-wrap.pCode-talentSales .talent-wr .sld-wr .sldCore .txtTop .inwr {left:48%}
	#container-wrap.pCode-talentHRM .talent-wr .sld-wr .sldCore .txtTop .inwr {left:48%}
	.talent-wr .sld-wr .sldCore .txtTop .inwr p {font-size:1.1em}
	.talent-wr .sld-wr .sldCore .txtTop .inwr dl dt,
	.talent-wr .sld-wr .sldCore .txtTop .inwr dl dd {font-size:1.00em}
	.talent-wr .sld-wr .sldCore .txtTop .inwr dl dd {margin:0 0 0 5px}
}

/* RECRUIT > 채용안내 : http://simone.cs21.kr/kr/index.php?pCode=renews&mode=view&idx=1
------------------------------------------------------ */
#container-wrap.pCode-renews {background:#fff}
#container-wrap.renewsMode-app {background:#f5f5f5}

/* RECRUIT > 채용FAQ : http://simone.cs21.kr/kr/index.php?pCode=refaq
------------------------------------------------------ */
#container-wrap.pCode-refaq {background:#fff}

/* RECRUIT > 결과확인 : http://simone.cs21.kr/kr/index.php?pCode=reresult&mode=app.view&idx=3
------------------------------------------------------ */
/*#container-wrap.pCode-reresult {background:#fff}*/
#container-wrap.pCode-reresult #contents-wrap {}

/* PR
------------------------------------------------------ */
#container-wrap.pCode-notice {background:#fff}
#container-wrap.pCode-news {background:#fff}
#container-wrap.pCode-MN1000057 {background:#fff}

/* SUSTAINABILITY > 윤리경영 : http://simone.cs21.kr/kr/index.php?pCode=ethics
------------------------------------------------------ */
#container-wrap.pCode-ethics {background:#fff}
#container-wrap.pCode-ethics #contents-wrap {padding:0}
.ethics-wr2 h3 {text-align:center;padding:70px 0 80px}
.ethics-wr2 .opening {position:relative}
.ethics-wr2 .opening .imgBox {display:block;position:absolute;right:28px;top:0;width:700px}
.ethics-wr2 .opening .imgBox img {display:block;width:100%;position:relative;z-index:2}
.ethics-wr2 .opening .imgBox:after {content:"";display:block;position:absolute;width:422px;height:391px;background:url(/kr/_Img/Contents/ethics_ptn1.png) no-repeat;right:-40px;top:-37px}
.ethics-wr2 .opening .txtBox {display:block;position:relative;box-sizing:border-box}
.ethics-wr2 .opening .txtBox p {display:block;position:relative; font-size:1.25em;line-height:1.4;color:#444}
.ethics-wr2 .opening .txtBox p span {display:block;position:relative}
.ethics-wr2 .opening .txtBox1 {padding:31px 740px 78px 100px}
.ethics-wr2 .opening .txtBox1:after {content:"";display:block;position:absolute;width:194px;height:176px;background:url(/kr/_Img/Contents/ethics_ptn2.png) no-repeat;right:100%;bottom:0;margin:0 -45px 0 0;z-index:-1}
.ethics-wr2 .opening .txtBox1 p {color:#000}
.ethics-wr2 .opening .txtBox1 p span:first-child:before {content:"";display:block;position:absolute;width:35px;height:30px;background:url(/kr/_Img/Contents/ethics_spr.png) no-repeat 0px 0px;right:100%;bottom:100%;margin:0 -1px 3px 0}
.ethics-wr2 .opening .txtBox1 p span:last-child {display:inline-block}
.ethics-wr2 .opening .txtBox1 p span:last-child:after {content:"";display:block;position:absolute;width:35px;height:30px;background:url(/kr/_Img/Contents/ethics_spr.png) no-repeat -45px 0px;left:90%;bottom:-50px;margin:-6px 0 0 11px}
.ethics-wr2 .opening .txtBox2 {padding:75px 740px 52px 100px}
.ethics-wr2 .opening .txtBox2:before,
.ethics-wr2 .opening .txtBox2:after {content:"";display:block;position:absolute}
.ethics-wr2 .opening .txtBox2:before {width:1px;height:107px;background:#c6c6c6;left:105px;top:-46px}
.ethics-wr2 .opening .txtBox2:after {width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:#f1f1f1;z-index:-1}
.ethics-wr2 .codeBox {padding:0 0 155px}
.ethics-wr2 .codeBox h4 {display:block;text-align:center;font-size:2.118em;color:#333;font-family:"oswald";line-height:1;font-weight:400;padding:102px 0 93px}
.ethics-wr2 .codeBox .graphBox {position:relative}
.ethics-wr2 .codeBox .graphBox h5 {display:block;position:absolute;width:255px;height:255px;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%;overflow:hidden;background:url(/kr/_Img/Contents/ethics_ptn3.gif) no-repeat}
.ethics-wr2 .codeBox .graphBox h5:before {content:"";display:block;position:absolute;width:83px;height:59px;background:url(/kr/_Img/Contents/ethics_spr.png) no-repeat 0px -40px;top:0;right:0;bottom:0;left:0;margin:74px auto auto auto}
.ethics-wr2 .codeBox .graphBox h5 span {display:block;line-height:1;color:#fff;font-size:1.375em;text-align:center;font-weight:400;padding:163px 0 0}
.ethics-wr2 .codeBox .graphBox ul {display:block;overflow:hidden}
.ethics-wr2 .codeBox .graphBox ul li {display:block;margin:0 0 35px}
.ethics-wr2 .codeBox .graphBox ul li .num {display:block;overflow:hidden;position:relative}
.ethics-wr2 .codeBox .graphBox ul li .num:after {content:"";display:block;position:absolute;width:218px;height:2px;background:#9faeac;top:50%;margin:-1px 0 0;z-index:1;transition:all .3s ease}
.ethics-wr2 .codeBox .graphBox ul li .num span {display:block;position:relative;width:46px;height:46px;line-height:46px;border-radius:50%;background:#9faeac;text-align:center;font-family:"oswald";color:#fff;z-index:2;transition:all .3s ease}
.ethics-wr2 .codeBox .graphBox ul li p {display:block;font-size:1.125em;margin:21px 0 0}
.ethics-wr2 .codeBox .graphBox ul li p em,
.ethics-wr2 .codeBox .graphBox ul li p span {display:block;line-height:1.2;;color:#222}
.ethics-wr2 .codeBox .graphBox ul li p em {font-style:normal;}
.ethics-wr2 .codeBox .graphBox ul li p span {;margin:7px 0 0}
.ethics-wr2 .codeBox .graphBox ul li p span br {display:none}
.ethics-wr2 .codeBox .graphBox ul li:nth-child(odd) {width:34.28%;float:left}
.ethics-wr2 .codeBox .graphBox ul li:nth-child(odd) .num:after {left:0}
.ethics-wr2 .codeBox .graphBox ul li:nth-child(odd) .num span {float:left}
.ethics-wr2 .codeBox .graphBox ul li:nth-child(even) {width:34.28%;float:right}
.ethics-wr2 .codeBox .graphBox ul li:nth-child(even) .num:after {right:0}
.ethics-wr2 .codeBox .graphBox ul li:nth-child(even) .num span {float:right}
.ethics-wr2 .codeBox .graphBox ul li.over .num:after,
.ethics-wr2 .codeBox .graphBox ul li:hover .num:after {background:#3a3a3a}
.ethics-wr2 .codeBox .graphBox ul li.over .num span,
.ethics-wr2 .codeBox .graphBox ul li:hover .num span {background:#3a3a3a}
@media all and (max-width:1400px) {
	.ethics-wr2 .opening .imgBox {right:30px;top:0;width:560px}
	.ethics-wr2 .opening .txtBox1 {padding:31px 610px 78px 80px}
	.ethics-wr2 .opening .txtBox1:after {right:auto;left:0;margin:0 0 0 -100px}
	.ethics-wr2 .opening .txtBox2 {padding:75px 610px 52px 80px}
	.ethics-wr2 .codeBox .graphBox h5 {width:200px;height:200px}
	.ethics-wr2 .codeBox .graphBox h5:before {margin:50px auto auto auto}
	.ethics-wr2 .codeBox .graphBox h5 span {padding:120px 0 0}
	.ethics-wr2 .codeBox .graphBox ul li:nth-child(even) {width:40%}
	.ethics-wr2 .codeBox .graphBox ul li p span {min-height:46px;}
}
@media all and (max-width:1300px) {
	.ethics-wr2 .opening .imgBox {width:500px}
	.ethics-wr2 .opening .imgBox:after {width:295px;height:274px;right:-40px;top:-40px}
	.ethics-wr2 .opening .txtBox p span {display:inline}
	.ethics-wr2 .opening .txtBox2 {padding:150px 80px 50px}
	.ethics-wr2 .codeBox {padding:0 0 50px}
	.ethics-wr2 .codeBox h4 {padding:50px 0 40px}
	.ethics-wr2 .codeBox .graphBox {text-align:center}
	.ethics-wr2 .codeBox .graphBox h5 {position:relative}
	.ethics-wr2 .codeBox .graphBox ul li .num:after {width:100%}
	.ethics-wr2 .codeBox .graphBox ul li:nth-child(odd) {width:49%;text-align:left}
	.ethics-wr2 .codeBox .graphBox ul li:nth-child(even) {width:49%;text-align:right}
}
@media all and (max-width:999px) {
	.ethics-wr2 .opening .imgBox {width:440px}
	.ethics-wr2 .opening .txtBox1 {padding:30px 500px 80px 40px}
	.ethics-wr2 .opening .txtBox1:after {width:136px;height:123px;background-size:cover}
	.ethics-wr2 .opening .txtBox2 {padding:120px 80px 20px 40px}
}
@media all and (max-width:925px) {
	.ethics-wr2 .codeBox .graphBox ul li:nth-child(odd) {width:100%;text-align:left}
	.ethics-wr2 .codeBox .graphBox ul li:nth-child(even) {width:100%;text-align:left}
	.ethics-wr2 .codeBox .graphBox ul li:nth-child(odd) .num:after {left:0}
	.ethics-wr2 .codeBox .graphBox ul li:nth-child(odd) .num span {float:left}
	.ethics-wr2 .codeBox .graphBox ul li:nth-child(even) .num:after {right:auto;left:0}
	.ethics-wr2 .codeBox .graphBox ul li:nth-child(even) .num span {float:left}
}
@media all and (max-width:860px) {
	.ethics-wr2 .opening .imgBox {position:relative;right:auto;top:auto;margin:0 auto;width:100%;max-width:460px}
	.ethics-wr2 .opening .txtBox1 {padding:30px 40px 50px;text-align:center;margin:20px 0 0}
	.ethics-wr2 .opening .txtBox1:after {width:136px;height:123px;background-size:cover;left:auto;right:0}
	.ethics-wr2 .opening .txtBox1 p span {display:block}
	.ethics-wr2 .opening .txtBox1 p span:first-child {display:inline-block}
	.ethics-wr2 .opening .txtBox1 p span:first-child:before {margin:0}
	.ethics-wr2 .opening .txtBox1 p span:last-child:after {bottom:-40px;left:80%; margin:0}
	.ethics-wr2 .opening .txtBox2 {padding:20px 0}
	.ethics-wr2 .opening .txtBox2:before {display:none}
}
@media all and (max-width:767px) {
	.ethics-wr2 .opening .imgBox:after {width:100%;height:100%;right:-20px;top:-20px;background-repeat:repeat}
	.ethics-wr2 .opening .txtBox1:after {width:95px;height:86px}
	.ethics-wr2 h3 {padding-bottom:10px}
	.ethics-wr2 .codeBox .graphBox h5 span {font-size:1.2em;}
	.ethics-wr2 .codeBox .graphBox ul li {margin:0 0 20px}
	.ethics-wr2 .codeBox .graphBox ul li p {margin:10px 0 0;position:relative;box-sizing:border-box;padding:0 0 0 60px}
	.ethics-wr2 .codeBox .graphBox ul li p em {display:inline-block;}
	.ethics-wr2 .codeBox .graphBox ul li p span {margin:0}
	.ethics-wr2 .codeBox .graphBox ul li p span {min-height:auto;}
}
@media all and (max-width:500px) {
	.ethics-wr2 .opening .txtBox p span {display:inline}
	.ethics-wr2 .opening .txtBox1 {padding:0 0 50px}
	.ethics-wr2 .opening .txtBox1:after {opacity:.5}
	.ethics-wr2 .opening .txtBox1 p span:first-child:before {display:none}
	.ethics-wr2 .opening .txtBox1 p span:last-child:after {display:none}
	.ethics-wr2 .opening .txtBox1 p span {display:inline}
	.ethics-wr2 .opening .txtBox1 p span:first-child {display:inline}
	.ethics-wr2 .opening .txtBox1 p span:last-child {display:inline}
	.ethics-wr2 .codeBox .graphBox h5 {width:100%;height:auto;top:auto;right:auto;bottom:auto;left:auto;margin:0;border-radius:0;background-repeat:repeat; margin-bottom:20px}
	.ethics-wr2 .codeBox .graphBox h5:before {position:absolute;left:60px;top:50%;transform:translateY(-50%);margin:0}
	.ethics-wr2 .codeBox .graphBox h5 span {padding:30px 70px 30px 150px}
	/*.ethics-wr2 .codeBox .graphBox h5 {display:block;margin:0 0 20px}
	.ethics-wr2 .codeBox .graphBox h5:before {width:58px;height:41px;background-size:58px 69px;background-position:0px -28px;left:10px}
	.ethics-wr2 .codeBox .graphBox h5 span {padding:20px 0 20px 80px;text-align:left}*/
}
@media all and (max-width:320px) {
	.ethics-wr2 .codeBox .graphBox h5:before {display:none}
	.ethics-wr2 .codeBox .graphBox h5 span {padding:20px 0; text-align:center}
}

.ethics-wr {}
.ethics-wr .opening {position:relative;box-sizing:border-box;text-align:right;margin:0 100px;padding:153px 0 0}
.ethics-wr .opening:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:url(/kr/_Img/Contents/ethics_pic1.jpg) no-repeat center top;z-index:-1;background-size:cover}
.ethics-wr .opening h3 {font-size:3em;color:#fff;font-family:"oswald";line-height:1.2}
.ethics-wr .opening .msg {display:block;width:50%;height:266px;margin:24px 0 0 auto;background:rgba(255, 255, 255, .5);padding:28px 45px 34px;box-sizing:border-box}
.ethics-wr .opening .msg p {display:block;}
.ethics-wr .opening .msg .t1 {font-size:1.765em;line-height:1.4;color:#222}
.ethics-wr .opening .msg .t2 {font-size:1.25em;line-height:1.64;color:#666;;margin:18px 0 0}
.ethics-wr .opening .msg .t2 span {display:block}
.ethics-wr .codeBox {position:relative}
.ethics-wr .codeBox .inwr {position:relative;margin:0 100px;box-sizing:border-box}
.ethics-wr .codeBox h3 {display:block;position:absolute;left:0}
.ethics-wr .codeBox h3 span {display:inline-block;vertical-align:bottom;line-height:1}
.ethics-wr .codeBox h3 .kor {font-size:1.941em;color:#333;;font-weight:500}
.ethics-wr .codeBox h3 .eng {font-size:1.05em;color:#7e7e7e;font-family:"oswald";;margin:0 0 0 5px}
.ethics-wr .codeBox1:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:#f5f5f5;z-index:-1}
.ethics-wr .codeBox1 .inwr {padding:86px 0 71px 344px}
.ethics-wr .codeBox1 h3 {top:86px}
.ethics-wr .codeBox1 ul {display:block}
.ethics-wr .codeBox1 ul:after {content:"";display:block;clear:both}
.ethics-wr .codeBox1 ul li {display:block;float:left;width:31.07%;margin:0 3.395% 0 0;background:#fff}
.ethics-wr .codeBox1 ul li:last-child {margin:0}
.ethics-wr .codeBox1 ul li h4 {display:block;position:relative;text-align:center;background:#333}
.ethics-wr .codeBox1 ul li h4 span {display:block;text-align:center;color:#fff;font-weight:400;font-size:1.25em;}
.ethics-wr .codeBox1 ul li h4 .num {position:absolute;width:45px;height:45px;line-height:45px;font-family:"oswald";background:#4f8c8a;left:-20px;top:-16px}
.ethics-wr .codeBox1 ul li h4 .txt {line-height:1;padding:22px 0 27px}
.ethics-wr .codeBox1 ul li p {display:block;width:100%;min-height:221px;margin:0 0 0;border-top:18px solid #f5f5f5;box-sizing:border-box;font-size:0.941em;line-height:1.878;color:#666;padding:17px 26px}
.ethics-wr .codeBox2 .inwr {padding:59px 0 95px 344px}
.ethics-wr .codeBox2 h3 {top:58px}
.ethics-wr .codeBox2 ul {display:block;position:relative;padding:40px 0 48px}
.ethics-wr .codeBox2 ul:after {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;box-sizing:border-box;border:1px solid #dcdcdc;z-index:-1}
.ethics-wr .codeBox2 ul li {display:block;position:relative;box-sizing:border-box;padding:0 0 0 108px}
.ethics-wr .codeBox2 ul li:before {content:"";display:block;position:absolute;width:5px;height:100%;background:#aec4c3;left:0;top:0}
.ethics-wr .codeBox2 ul li .num {display:block;position:absolute;color:#4f8c8a;font-family:"oswald";font-size:1.765em;left:44px;top:0px;line-height:1}
.ethics-wr .codeBox2 ul li .txt {display:block;font-size:1.118em;color:#666;;padding:4px 0 24px}
.ethics-wr .codeBox2 ul li:last-child .txt {padding-bottom:0}
@media all and (max-width:1400px) {
	.ethics-wr .opening {margin:0;padding:150px 0 0}
	.ethics-wr .opening .msg .t2 span {display:inline}
	.ethics-wr .codeBox .inwr {margin:0}
	.ethics-wr .codeBox1 .inwr {padding:80px 0 80px 300px}
	.ethics-wr .codeBox1 h3 {top:80px}
	.ethics-wr .codeBox2 .inwr {padding:80px 0 80px 300px}
	.ethics-wr .codeBox2 h3 {top:80px}
}
@media all and (max-width:1200px) {
	.ethics-wr .opening .msg {width:66.66%;height:auto}
	.ethics-wr .codeBox h3 span {display:block}
	.ethics-wr .codeBox h3 .eng {margin:7px 0 0 2px}
	.ethics-wr .codeBox1 .inwr {padding:40px 0 40px 160px}
	.ethics-wr .codeBox1 h3 {top:40px}
	.ethics-wr .codeBox2 .inwr {padding:40px 0 40px 160px}
	.ethics-wr .codeBox2 h3 {top:40px}
}
@media all and (max-width:999px) {
	.ethics-wr .opening .msg {width:70%;padding:20px 25px}
	.ethics-wr .codeBox1 .inwr {padding:40px 0 40px 140px}
	.ethics-wr .codeBox2 .inwr {padding:40px 0 40px 140px}
}
@media all and (max-width:768px) {
	.ethics-wr .opening {padding:100px 0 0}
	.ethics-wr .opening:after {width:1400px;margin:0 0 0 -700px}
	.ethics-wr .opening h3 {font-size:2.5em}
	.ethics-wr .opening .msg {width:70%;padding:20px}
	.ethics-wr .opening .msg .t1 {font-size:1.5em;line-height:1.2}
	.ethics-wr .opening .msg .t2 {font-size:1.2em;line-height:1.3;margin:10px 0 0}
	.ethics-wr .opening .msg .t2 span {display:inline}
	.ethics-wr .codeBox h3 {position:relative;left:auto}
	.ethics-wr .codeBox h3 span {display:inline-block}
	.ethics-wr .codeBox h3 .kor {font-size:1.941em}
	.ethics-wr .codeBox h3 .eng {font-size:1.05em;margin:0 0 0 5px}
	.ethics-wr .codeBox1 .inwr {padding:40px 0}
	.ethics-wr .codeBox1 h3 {top:auto;margin:0 0 20px}
	.ethics-wr .codeBox1 ul li h4 .num {left:-10px;top:-10px}
	.ethics-wr .codeBox2 .inwr {padding:40px 0}
	.ethics-wr .codeBox2 h3 {top:auto;margin:0 0 20px}
}
@media all and (max-width:600px) {
	.ethics-wr .opening {padding:50px 0 0}
	.ethics-wr .opening:after {width:800px;margin:0 0 0 -400px}
	.ethics-wr .codeBox1 ul li {width:100%;margin:0 0 15px}
	.ethics-wr .codeBox1 ul li h4 span {font-size:1.15em}
	.ethics-wr .codeBox1 ul li h4 .num {width:30px;height:30px;line-height:30px;left:-5px;top:-5px}
	.ethics-wr .codeBox1 ul li h4 .txt {padding:15px 0}
	.ethics-wr .codeBox1 ul li p {min-height:0;border-top:0;font-size:1em;padding:10px}
	.ethics-wr .codeBox2 ul {padding:20px 0}
	.ethics-wr .codeBox2 ul li {padding:0 0 0 60px}
	.ethics-wr .codeBox2 ul li .num {left:20px}
	.ethics-wr .codeBox2 ul li .txt {padding:2px 0 5px}
}
@media all and (max-width:500px) {
	.ethics-wr .opening {text-align:center}
	.ethics-wr .opening:after {width:600px;margin:0 0 0 -300px}
	.ethics-wr .opening h3 {font-size:2em;text-align:center}
	.ethics-wr .opening .msg {width:100%;padding:15px;margin:15px 0 0}
	.ethics-wr .opening .msg .t1 {font-size:1em;line-height:1.2}
	.ethics-wr .opening .msg .t2 {font-size:1em;line-height:1.3;margin:10px 0 0}
}
@media all and (max-width:400px) {
	.ethics-wr .opening {padding:30px 0 0}
}

/* SUSTAINABILITY > Compliance : http://simone.cs21.kr/kr/index.php?pCode=compli
------------------------------------------------------ */
#container-wrap.pCode-compli {background:#fff}
#container-wrap.pCode-compli #contents-wrap {}
.compli-wr {}
.compli-wr .opening {}
.compli-wr .opening .c-tit01 {text-align:center}
.compli-wr .opening p {font-size:1.412em;text-align:center;;color:#000;font-weight:500}
.compli-wr .box1 {margin:33px 0 99px}
.compli-wr .box1 .base {display:block;position:relative;width:100%;z-index:1}
.compli-wr .box2 {position:relative;padding:78px 0 0px}
.compli-wr .box2:after {content:"";display:block;position:absolute;width:2000px;height:415px;left:50%;top:0;margin:0 0 0 -1000px;background:#d3e7e6;z-index:-1}
.compli-wr .box2 .c-tit02 {display:block;text-align:center;font-size:1.765em;color:#2f2f2f;letter-spacing:.1em;font-family:"oswald";line-height:1;font-weight:400}
.compli-wr .box2 .intro-msg {display:block;text-align:center;font-size:1.125em;line-height:1.5;color:#444;;;margin:33px 0 0}
.compli-wr .box2 .intro-msg span {display:block}
.compli-wr .box2 .descbox {background:#fff;overflow:hidden;margin:56px 0 127px;border-bottom:2px solid #cfcfcf}
.compli-wr .box2 .descbox ul {display:block;overflow:hidden;margin:53px 196px 0}
.compli-wr .box2 .descbox ul li {display:block;position:relative;float:left;width:21.23%;margin:0 5.02% 0 0;height:0;padding:0 0 21.23%}
.compli-wr .box2 .descbox ul li:nth-child(2) div {background:#e9efef}
.compli-wr .box2 .descbox ul li:last-child {margin:0}
.compli-wr .box2 .descbox ul li div {display:block;position:absolute;width:100%;height:100%;border-radius:50%;background:#f2f2f2;box-sizing:border-box}
.compli-wr .box2 .descbox ul li div p {display:block;position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);;font-size:1.125em;line-height:1.5;color:#1c1c1c;text-align:center}
.compli-wr .box2 .descbox ul li div p span {display:block}
.compli-wr .box2 .descbox ul li div img {display:block;position:absolute;width:92px;height:54px;top:0;right:0;bottom:0;left:0;margin:auto}
.compli-wr .box2 .descbox ul li.result div {background:url(/kr/_Img/Contents/pattern02.png) no-repeat}
.compli-wr .box2 .descbox ul li .arith {display:block;position:absolute;width:23.36%;height:23px;left:100%;top:50%;margin:-12px 0 0;font-size:0;text-indent:-999px}
.compli-wr .box2 .descbox ul li .arith:after {content:"";display:block;position:absolute;width:23px;height:23px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/kr/_Img/Contents/compli_spr.png) no-repeat}
.compli-wr .box2 .descbox ul li .arith.arithP:after {background-position:0px 0px}
.compli-wr .box2 .descbox ul li .arith.arithE:after {background-position:-33px 0px}
.compli-wr .box2 .descbox .msg {box-sizing:border-box;padding:73px 116px 138px}
.compli-wr .box2 .descbox .msg p {display:block;font-size:1.125em;line-height:1.5;color:#444;;letter-spacing:-.025em}
@media all and (max-width:1300px) {
	.compli-wr .box2 .descbox ul {margin:50px 100px 0}
	.compli-wr .box2 .descbox .msg {padding:70px 100px 50px}
}
@media all and (max-width:1200px) {
	.compli-wr .box1 {margin-bottom:60px}
	.compli-wr .box2 .descbox ul {margin:50px 50px 0}
	.compli-wr .box2 .descbox .msg {padding:50px 50px}
}
@media all and (max-width:1024px) {
	.compli-wr .opening p {line-height:1.3; font-size:1.35em}
	.compli-wr .box1 {margin:30px 0 30px}
	.compli-wr .box2 {padding:50px 0 0}
	.compli-wr .box2 .descbox {margin:30px 0 50px}
}
@media all and (max-width:860px) {
	.compli-wr .box2 .descbox ul {margin:30px 30px 0}
	.compli-wr .box2 .descbox ul li div p {font-size:1.1em}
	.compli-wr .box2 .descbox .msg {padding:30px}
	.compli-wr .box2 .descbox .msg p {font-size:1.1em}
}
@media all and (max-width:767px) {
	.compli-wr .box1 {margin:20px 0}
	.compli-wr .box2 {padding:30px 0 0}
	.compli-wr .box2 .c-tit02 {letter-spacing:0}
	.compli-wr .box2 .intro-msg {margin:20px 0 0}
	.compli-wr .box2 .descbox {margin:30px 0 0}
	.compli-wr .box2 .descbox ul li {width:100%;margin:0 0 35px 0;height:auto;padding:0}
	.compli-wr .box2 .descbox ul li div {position:relative;width:100%;height:auto;border-radius:0;padding:20px 0}
	.compli-wr .box2 .descbox ul li div p {position:relative;width:auto;left:auto;top:auto;transform:translateY(0); font-size:1em}
	.compli-wr .box2 .descbox ul li div p span {display:inline}
	.compli-wr .box2 .descbox ul li div img {position:relative;top:auto;right:auto;bottom:auto;left:auto;margin:0 auto}
	.compli-wr .box2 .descbox ul li .arith {display:block;position:absolute;width:100%;height:35px;left:0;top:100%;margin:0}
	.compli-wr .box2 .descbox ul li .arithE:after {transform:rotate(90deg)}
}
@media all and (max-width:400px) {
	.compli-wr .box2:after {height:300px}
	.compli-wr .box2 .c-tit02 {font-size:1.5em}
	.compli-wr .box2 .intro-msg span {display:inline}
	.compli-wr .box2 .descbox ul {margin:20px 20px 0}
}


/* SUSTAINABILITY > 제보 및 건의 : http://simone.cs21.kr/kr/index.php?pCode=report
------------------------------------------------------ */
#container-wrap.pCode-report {background:#fff}
.report-opening {}
.report-opening > h3 {font-size:2.353em;color:#333;;text-align:center}
.report-opening > p {font-size:1.412em;;color:#333;line-height:1.250;text-align:center;margin:82px 0 0}
.report-opening > p span {display:block}
.report-infoBox {background:#f5f5f5;margin:47px 0 0;padding:40px 90px 40px 160px;;overflow:hidden}
.report-infoBox h4 {display:block;position:relative;font-size:1.529em;;box-sizing:border-box;padding:0;margin:0 0 20px}
.report-infoBox h4:before {content:"";display:block;position:absolute;width:51px;height:51px;background:url(/kr/_Img/Contents/report_ico1.png) no-repeat;right:100%;top:50%;margin:-25px 15px 0 0}
.report-infoBox .unit {margin:0 0 30px}
.report-infoBox .unit:last-child {margin:0}
.report-infoBox .unit h5 {display:block;font-size:1.125em;color:#4f8c8a}
.report-infoBox .unit p {;margin:0 0 5px}
.report-infoBox .unit p:last-child {margin:0}
.report-infoBox .unit ul {display:block;position:relative;margin:15px 0 0}
.report-infoBox .unit ul:after {content:"";display:block;clear:both}
.report-infoBox .unit ul li {display:block;position:relative;width:100%;float:left;box-sizing:border-box;padding:0 20px 0 14px;font-size:1.05em;line-height:1.3;color:#444;margin:0 0 10px;}
.report-infoBox .unit ul li:last-child {margin:0}
.report-infoBox .unit ul li:before {content:"";display:block;position:absolute;width:4px;height:4px;border-radius:50%;background:#b3cbca;left:0;top:10px}
@media all and (max-width:1200px) {
	.report-infoBox {padding:40px 80px 40px 110px}
}
@media all and (max-width:999px) {
	.report-opening > p {margin:40px 0 0}
	.report-infoBox {padding:30px 60px 30px 80px}
	.report-infoBox h4 {margin:0 0 10px}
	.report-infoBox h4:before {width:36px;height:36px;background-size:36px 36px;margin:-18px 15px 0 0}
	.report-infoBox .unit {margin:0 0 20px}
	.report-infoBox .unit p {line-height:1.5; }
}
@media all and (max-width:767px) {
	.report-infoBox { padding:40px; max-height:200px;overflow-y:auto}
	.report-infoBox h4:before {top:0; left:50%; margin:0 0 0 -18px}
	.report-infoBox h4 {text-align: center; padding-top: 40px}
}
@media all and (max-width:600px) {
	.report-opening > h3 {font-size:2.00em}
	.report-opening > p {margin:20px 0 0;font-size:1.2em}
	.report-opening > p span {display:inline}
	.report-infoBox {margin:20px 0 0; padding:30px}
	.report-infoBox h4 {padding-top:35px}
}
@media all and (max-width:400px) {
	.report-infoBox {padding:20px}
	.report-infoBox h4 {font-size:1.3em}
	.report-infoBox .unit h5 {font-size:1.1em}
}
@media all and (max-width:340px) {

}

/* 기타 > SITEMAP : http://simone.cs21.kr/kr/index.php?pCode=sitemap
------------------------------------------------------ */
#container-wrap.pCode-sitemap {background:#f3f3f3}
#container-wrap.pCode-sitemap #contents-wrap {padding-top:39px;padding-bottom:0}
@media all and (max-width:600px) {
	#container-wrap.pCode-sitemap {background:#fff}
}

/*  기타 > 개인정보처리방침 : http://simone.cs21.kr/kr/index.php?pCode=sitemap */
#container-wrap.pCode-privacy #contents-wrap {padding-top:89px}
.privacy_wrap {position: relative; box-sizing: border-box; padding:60px 90px;  margin: 0;  background: #fff}
.privacy p {font-size:20px; font-weight:400; color:#555}
.privacy .c-list01 li, .privacy .c-list01-li {}
.privacy-past-paragraph {padding:20px}
.privacy-past-paragraph .c-list02.indent {margin-left:0}
.privacy-past-paragraph .c-list02.indent > li {padding-left:0}
.privacy-past-paragraph .num-list {}
.privacy-past-paragraph .num-list li {display:block;position:relative;box-sizing:border-box;padding:0 0 0 30px}
.privacy-past-paragraph .num-list li .num {display:block;position:absolute;left:0;top:0}
.privacy-past-paragraph .num-list li .num:after {content:"."}
@media all and (max-width:1024px) {
	#container-wrap.pCode-privacy #contents-wrap {padding-top:50px}
	.privacy_wrap {padding:20px 30px}
	.privacy-past-paragraph .w-box {font-size:.9em;line-height:1.5}
	.privacy-past-paragraph .c-tit01,
	.privacy-past-paragraph .c-tit02 {font-size:1.6em;margin:0 0 10px}
}
@media all and (max-width:768px) {
	.privacy p {font-size:17px}
}
@media all and (max-width:600px) {
	.privacy .opening p {font-size:16px;line-height:1.5}
	.privacy_wrap {padding:15px}
	.privacy_wrap .c-tit02 {font-size:1.4em}
	.privacy_wrap p {font-size:16px;line-height:1.5}
	.privacy_wrap .c-list01 li .tit {display:block}
}

/* 기타 > 이메일무단수집거부 : http://simone.cs21.kr/kr/index.php?pCode=noemail
------------------------------------------------------ */
#container-wrap.pCode-noemail {background:#e8e8e8}
#container-wrap.pCode-noemail #contents-wrap {padding-top:89px;padding-bottom:0}
.noemail-wr {position:relative;box-sizing:border-box;padding:0 0 178px;margin:0;background:#fff;margin:0 90px}
.noemail-wr:after {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:209px;margin:0 0 0 -1000px;z-index:-1;background:#fff}
.noemail-wr .title {display:block;text-align:center;padding:110px 0 0}
.noemail-wr .title:before {content:"";display:block;width:149px;height:113px;background:url(/kr/_Img/Contents/noemail_spr.png) no-repeat;margin:0 auto 29px}
.noemail-wr .title span {display:block;line-height:1.2}
.noemail-wr .title .kor {color:#222;font-size:2.118em;;font-weight:500}
.noemail-wr .title .eng {color:#707070;font-size:1.25em;font-family:"oswald";;margin:16px 0 0}
.noemail-wr .txt {text-align:center;margin:34px 0 0;border-bottom:2px solid #dadada;padding:0 0 100px}
.noemail-wr .txt p {display:block;font-size:1.125em;color:#666;;}
.noemail-wr .txt p span {display:block}
@media all and (max-width:1300px) {
	.noemail-wr {padding:0 0 150px;margin:0}
}
@media all and (max-width:999px) {
	#container-wrap.pCode-noemail #contents-wrap {padding-top:50px}
	.noemail-wr {padding:0 0 50px}
	.noemail-wr .title {padding:50px 0 0}
	.noemail-wr .txt p span {display:inline}
	.noemail-wr .txt {margin:30px 0 0;padding:0 0 50px}
}
@media all and (max-width:600px) {
	.noemail-wr .title {padding:30px 0 0}
	.noemail-wr .title:before {width:104px;height:79px;background-size:contain;margin:0 auto 15px}
	.noemail-wr .title .kor {font-size:1.80em}
	.noemail-wr .title .eng {font-size:1.20em;margin:10px 0 0}
}

/* SIMONE > 연혁 : http://simone.cs21.kr/kr/index.php?pCode=history
------------------------------------------------------ */
#container-wrap.pCode-history {background:#f5f5f5}
#container-wrap.pCode-history #contents-wrap {padding-bottom:0}

/* SUSTAINABILITY > CSR : http://simone.cs21.kr/kr/index.php?pCode=csr
------------------------------------------------------ */
#container-wrap.pCode-csr {background:#fff}
#container-wrap.pCode-csr #contents-wrap {padding-top:122px}
#container-wrap.pCode-csr #contents-wrap:after {content:"";display:block;position:absolute;width:2000px;height:570px;left:50%;top:0px;margin:0 0 0 -1000px;background:#f5f5f5 url(/kr/_Img/Contents/talent_ptn1.png) repeat center center;z-index:-1}
.csr-wr {text-align:center}
.csr-wr h3 {font-size:3em;color:#333;font-family:"oswald";line-height:1.2}
.csr-wr p {font-size:1.125em;color:#333;;margin:24px 0 50px}
.csr-wr p span {display:block}
@media all and (max-width:1200px) {
	#container-wrap.pCode-csr #contents-wrap {padding-top:50px}
	#container-wrap.pCode-csr #contents-wrap:after {height:400px}
}
@media all and (max-width:999px) {
	.csr-wr p span {display:inline}
}
@media all and (max-width:768px) {
	.csr-wr h3 {font-size:2.2em}
}
@media all and (max-width:600px) {
	#container-wrap.pCode-csr #contents-wrap {padding-top:30px}
	#container-wrap.pCode-csr #contents-wrap:after {height:300px}
	.csr-wr p {font-size:1.00em;line-height:1.40;margin:20px 0 30px}
}


/* RECRUIT > 채용안내 > 채용절차 : http://simone.cs21.kr/kr/index.php?pCode=recProc
------------------------------------------------------ */
#container-wrap.pCode-recProc {background:#fff}
#container-wrap.pCode-recProc #contents-wrap {}
.recProc {}
.recProc .opening {}
.recProc .opening .c-tit01 {margin:0 0 37px}
.recProc .opening .lstBox {background:#f5f5f5;box-sizing:border-box;position:relative;padding:73px 89px 66px}
.recProc .opening .lstBox > ul {display:block}
.recProc .opening .lstBox > ul:after {content:"";display:block;clear:both}
.recProc .opening .lstBox > ul > li {display:block;position:relative;float:left;width:16.50%;margin:0 4.375% 0 0;opacity:.6;transition:all .3s ease}
.recProc .opening .lstBox > ul > li:last-child {margin:0}
.recProc .opening .lstBox > ul > li .imgBox {position:relative}
.recProc .opening .lstBox > ul > li .imgBox:before {content:"";display:block;position:relative;width:52px;height:52px;background:url(/kr/_Img/Contents/recProc_spr.png) no-repeat}
.recProc .opening .lstBox > ul > li .imgBox.n01:before {background-position:0px 0px}
.recProc .opening .lstBox > ul > li .imgBox.n02:before {background-position:-62px 0px}
.recProc .opening .lstBox > ul > li .imgBox.n03:before {background-position:-124px 0px}
.recProc .opening .lstBox > ul > li .imgBox.n04:before {background-position:-186px 0px}
.recProc .opening .lstBox > ul > li .imgBox.n05:before {background-position:-248px 0px}
.recProc .opening .lstBox > ul > li h4 {display:block;margin:22px 0 0;padding:0 2px}
.recProc .opening .lstBox > ul > li h4 span {display:block;line-height:1;position:relative;font-weight:500}
.recProc .opening .lstBox > ul > li h4 .num {font-family:"oswald";font-size:12px;color:#222}
.recProc .opening .lstBox > ul > li h4 .num:after {content:"";display:block;position:absolute;width:170px;height:3px;background:#474747;left:31px;top:2px}
.recProc .opening .lstBox > ul > li h4 .txt {font-size:1.125em;;color:#333;margin:11px 0 0}
.recProc .opening .lstBox > ul > li ul {display:block;margin:16px 0 0}
.recProc .opening .lstBox > ul > li ul li {display:block;font-size:.941em;line-height:1.2;color:#555;box-sizing:border-box;padding:0 2px;margin:0 0 1px;}
.recProc .opening .lstBox > ul > li ul li:last-child {margin:0}
.recProc .opening .lstBox > ul > li ul li:before {content:"";display:block;position:absolute;width:4px;height:4px;border-radius:50%;left:0px;top:14px;background:#b9d1d0;display:none}
.recProc .opening .lstBox > ul > li ul li span {display:block}
.recProc .opening .lstBox > ul > li.over,
.recProc .opening .lstBox > ul > li:hover {opacity:1}
.recProc .box1 {display:block;box-sizing:border-box;padding:77px 90px 0}
.recProc .box1 .c-tit02 {}
.recProc .box1 .msg {display:block;font-size:1.125em;color:#555;}
.recProc .box1 .msg span {display:block;}
.recProc .box1 .guide1 {display:block;position:relative;box-sizing:border-box;font-size:1.059em;color:#555;padding:0 0 0 48px;margin:28px 0 0;line-height:1.3;;}
.recProc .box1 .guide1:before {content:"";display:block;position:absolute;width:25px;height:25px;background:url(/kr/_Img/Contents/recProc_spr.png) no-repeat 0px -62px;left:0;top:0}
.recProc .box1 .guide1 span {display:block}
.recProc .box1 .guide2 {display:block;position:relative;box-sizing:border-box;padding:2px 0 0 48px;margin:29px 0 0}
.recProc .box1 .guide2:before {content:"";display:block;position:absolute;width:25px;height:25px;background:url(/kr/_Img/Contents/recProc_spr.png) no-repeat 0px -62px;left:0;top:0}
.recProc .box1 .guide2 ul {display:block}
.recProc .box1 .guide2 ul li {display:block;box-sizing:border-box;position:relative;padding:0 0 0 15px;;font-size:1.059em;color:#444;line-height:1.3;margin:0 0 11px}
.recProc .box1 .guide2 ul li:last-child {margin:0}
.recProc .box1 .guide2 ul li:before {content:"";display:block;position:absolute;width:4px;height:4px;border-radius:50%;background:#b9d1d0;left:0;top:10px}
@media all and (max-width:1300px) {
	.recProc .opening .lstBox > ul > li h4 .num {overflow:hidden}
}
@media all and (max-width:1200px) {
	.recProc .opening .lstBox {padding:50px 50px 50px}
	.recProc .box1 {padding:50px 0 0}
}
@media all and (max-width:999px) {
	.recProc .opening .lstBox > ul {text-align:center}
	.recProc .opening .lstBox > ul > li {display:inline-block;vertical-align:top;float:none;width:30%;margin:0 3% 20px 0;text-align:left}
	.recProc .opening .lstBox > ul > li:last-child {margin:0}
	.recProc .opening .lstBox > ul > li:nth-child(3) {margin:0 0 20px 0}
	.recProc .box1 .msg span {display:inline}
	.recProc .box1 .guide1 span {display:inline}
	.recProc .box1 .guide2 span {display:inline}
}
@media all and (max-width:767px) {
	.recProc .opening .lstBox {padding:30px 10px 30px}
	.recProc .opening .lstBox > ul > li {width:45%;margin:0 3% 20px 0}
	.recProc .opening .lstBox > ul > li:last-child {margin:0}
	.recProc .opening .lstBox > ul > li:nth-child(3) {margin:0 3% 20px 0}
	.recProc .opening .lstBox > ul > li:nth-child(2) {margin:0 0 20px 0}
	.recProc .opening .lstBox > ul > li h4 .num:after {width:100%}
}
@media all and (max-width:600px) {
	.recProc .opening .lstBox > ul > li .imgBox:before {width:36px;height:36px;background-size:210px 79px}
	.recProc .opening .lstBox > ul > li .imgBox.n01:before {background-position:0px 0px}
	.recProc .opening .lstBox > ul > li .imgBox.n02:before {background-position:-43px 0px}
	.recProc .opening .lstBox > ul > li .imgBox.n03:before {background-position:-87px 0px}
	.recProc .opening .lstBox > ul > li .imgBox.n04:before {background-position:-130px 0px}
	.recProc .opening .lstBox > ul > li .imgBox.n05:before {background-position:-174px 0px}
	.recProc .opening .lstBox > ul > li h4 {margin:10px 0 0}
	.recProc .box1 .guide1 {padding:0 0 0 34px;margin:15px 0 0}
	.recProc .box1 .guide2 {padding:2px 0 0 34px;margin:15px 0 0}
	.recProc .box1 .guide2 ul li {padding:0 0 0 10px}
}

.sitemap-list .depth1 h4 a span {font-family:"Verdana" !important;}


/*FROM SITE CODE :  
*/