@charset "utf-8";

.txt-cont-wr {padding:6em 15px;font-size:1.153em;line-height:1.5em}

.txt-cont-wr {background:#fff;position:relative;word-break:keep-all}

.txt-cont-wr .ptit {line-height:1.35em;font-size:2.467em;letter-spacing:-1px;margin-bottom:1em;color:#333;font-weight:400}

.txt-cont-wr .pcont {}

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

	.txt-cont-wr {padding:4.5em 15px}

	.txt-cont-wr .ptit {font-size:2em;font-weight:500}

}

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

	.txt-cont-wr {font-size:1em;padding:3em 15px}

	.txt-cont-wr .ptit {font-size:1.846em;font-weight:400}

}



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

	.txt-cont-wr .ptit {font-size:1.385em;font-weight:600}

}



#pg-sectop-wr {background:#FFF;position:relative}

#pg-sectop-wr .this-wrap {}

#pg-sec2 {position:absolute;width:100%;left:0;bottom:0;background:#FFF url(../_Img/Technology/cbg01.jpg) no-repeat center center;max-height:735px;min-height:430px}

#pg-sec2 > div {height:100%}

#pg-sec2 .cont-bg {width:50%;height:100%;position:absolute;left:0;top:0;background:rgba(232,22,0,0.85)}/*background:rgba(62,143,252,0.85);*/

#pg-sec2 .pcont-wr {width:50%;height:100%;color:#FFF;line-height:1.5em;text-align:center;position:relative;box-sizing:border-box}

#pg-sec2 .pcont-wr .icon {display:block;position:absolute;left:50%;bottom:47.5%;margin-left:-65px;width:130px;height:205px;background:url(../_Img/Content/tech_icon01.png) no-repeat center top;background-size:100% auto}

#pg-sec2 .pcont-wr .icon span {display:block;position:absolute;left:0;top:0;width:130px;height:130px;background:url(../_Img/Content/tech_icon02.png) no-repeat center top;background-size:100% 100%}

#pg-sec2 .pcont-wr .icon span{animation:ov-rotate 5s infinite}

#pg-sec2 .pcont-wr .pcont {display:block; top:52.5%;;padding-top:2.5em;position:absolute;left:0;width:100%}

#pg-sec2 .pcont-wr .pcont em {display:block;font-size:1.5em;font-weight:800;font-style:normal;line-height:1.25em;margin-bottom:0.8em}

@keyframes ov-rotate {70% {transform:rotate(360deg)}}

@media all  and (orientation:portrait){

	#pg-sec2 {height:65%}

}

@media all  and (orientation:landscape){

	#pg-sec2 {height:65%}

}

@media all and (min-width:1000px){

	#pg-sec2 .pcont-wr {font-size:1.308em}

	#pg-sec2 .pcont-wr .pcont em {font-size:1.765em}

}

@media all and (min-width:781px) and (max-width:999px){

	#pg-sec2 > div {margin:0}

	#pg-sec2 .pcont-wr .pcont  {width:90%;left:5%}

	#pg-sec2 .pcont-wr {font-size:1.077em}

	#pg-sec2 .pcont-wr .pcont em {font-size:1.6em}

}

@media all and (min-width:681px) and (max-width:780px){

	#pg-sec2 .pcont-wr {font-size:1.154em}

	#pg-sec2 .pcont-wr .pcont em {font-size:1.6em}

	#pg-sec2 > div {margin:0}

	#pg-sec2 .pcont-wr .pcont  {width:90%;left:5%}

}

@media all and (min-width:541px) and (max-width:680px){

	#pg-sec2 {min-height:360px;background-size:auto 100%}

	#pg-sec2 > div {margin:0}

	#pg-sec2 .pcont-wr .pcont  {width:90%;left:5%}

	#pg-sec2 .pcont p {display:inline}

	#pg-sec2 .pcont-wr .icon {width:100px;height:158px;margin-left:-50px}

	#pg-sec2 .pcont-wr .icon span {width:100px;height:100px}

}

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

	#pg-sec2 {min-height:320px;background-size:auto 100%}

	#pg-sec2 .pcont-wr .icon {width:100px;height:158px;margin-left:-50px}

	#pg-sec2 .pcont-wr .icon span {width:100px;height:100px}

	#pg-sec2 {background-position:70% 0}

	#pg-sec2 .cont-bg {width:100%;height:55%;top:47.5%}

	#pg-sec2 .pcont-wr {width:100%}

}

/*

@media all and (min-width:1000px){

	#pg-sec2 .pcont-wr{font-size:1.769em}

}

@media all and (min-width:760px){

}

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

	#pg-sec2 .pcont p {display:inline}

}

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

	#pg-sec2 {min-height:460px}

	#pg-sec2 .cont-bg {width:100%;height:50%;top:50%}

	#pg-sec2 .pcont-wr {width:100%;height:100%}

}

*/

#pg-sec3 {position:relative;background:#f3f3f3}

#pg-sec3 .this-wrap {}

#pg-sec3 .cont-wr {font-size:1.154em;line-height:1.5em}

#pg-sec3 .cont-wr {}

#pg-sec3 .cont-wr ul {font-size:0.867em;width:100%;margin-left:auto;margin-right:auto}

#pg-sec3 .cont-wr ul:after {clear:both;content:"";display:block}

#pg-sec3 .cont-wr li {width:50%;float:left;margin-bottom:2.5em;margin-top:2.5em;word-break:keep-all;}

#pg-sec3 .cont-wr li a {display:block;text-align:center;margin:0 2%;position:relative}

#pg-sec3 .cont-wr li .icon {position:relative;display:inline-block;width:133px;height:133px;border-radius:50%;overflow:hidden;background:url(../_Img/Technology/icons01.png) no-repeat left top;z-index:10;/* #ebebeb */}

#pg-sec3 .cont-wr li a:after {content:"";display:block;position:absolute;top:0;left:50%;margin-left:-67px;z-index:0;width:133px;height:133px;border-radius:50%;background:#ebebeb;transition:opacity .3s;opacity:1}

#pg-sec3 .cont-wr li a:before {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}

#pg-sec3 .cont-wr li:nth-child(1) a:before {background:url(../_Img/Technology/ico_bg01.png) no-repeat 50% 0}

#pg-sec3 .cont-wr li:nth-child(2) a:before {background:url(../_Img/Technology/ico_bg02.png) no-repeat 50% 0}

#pg-sec3 .cont-wr li:nth-child(3) a:before {content:"";background:url(../_Img/Technology/ico_bg07.png) no-repeat 50% 0}

#pg-sec3 .cont-wr li:nth-child(4) a:before {content:"";background:url(../_Img/Technology/ico_bg04.png) no-repeat 50% 0}

#pg-sec3 .cont-wr li:nth-child(5) a:before {content:"";background:url(../_Img/Technology/ico_bg05.png) no-repeat 50% 0}

#pg-sec3 .cont-wr li:nth-child(6) a:before {content:"";background:url(../_Img/Technology/ico_bg06.png) no-repeat 50% 0}

#pg-sec3 .cont-wr li:hover .ico-bg {transition:all .45s;transform:scale(1.0)}

#pg-sec3 .cont-wr li:hover a:after {opacity:0}

#pg-sec3 .cont-wr li:hover a:before {transition:all .8s}

#pg-sec3 .cont-wr li:nth-child(1):hover a:before {background:url(../_Img/Technology/ico_bg01_o.png) no-repeat 50% 0}

#pg-sec3 .cont-wr li:nth-child(2):hover a:before {background:url(../_Img/Technology/ico_bg02_o.png) no-repeat 50% 0}

#pg-sec3 .cont-wr li:nth-child(3):hover a:before {background:url(../_Img/Technology/ico_bg07_o.png) no-repeat 50% 0}

#pg-sec3 .cont-wr li:nth-child(4):hover a:before {background:url(../_Img/Technology/ico_bg04_o.png) no-repeat 50% 0}

#pg-sec3 .cont-wr li:nth-child(5):hover a:before {background:url(../_Img/Technology/ico_bg05_o.png) no-repeat 50% 0}

#pg-sec3 .cont-wr li:nth-child(6):hover a:before {background:url(../_Img/Technology/ico_bg06_o.png) no-repeat 50% 0}

#pg-sec3 .cont-wr li .ico-bg {position:absolute;top:0;left:50%;margin-left:-67px;display:block;width:133px;height:133px;border-radius:50%;z-index:1;transform:scale(0.0);transition:all .6s;background:#f7dedb}

/*#pg-sec3 .cont-wr li:nth-child(2):hover .ico-bg {background:#f7dedb url(../_Img/Technology/ico_bg02_o.png) no-repeat}

#pg-sec3 .cont-wr li:nth-child(3):hover .ico-bg {background:#f7dedb url(../_Img/Technology/ico_bg03_o.png) no-repeat}

#pg-sec3 .cont-wr li:nth-child(4):hover .ico-bg {background:#f7dedb url(../_Img/Technology/ico_bg04_o.png) no-repeat}

#pg-sec3 .cont-wr li:nth-child(5):hover .ico-bg {background:#f7dedb url(../_Img/Technology/ico_bg05_o.png) no-repeat}

#pg-sec3 .cont-wr li:nth-child(6):hover .ico-bg {background:#f7dedb url(../_Img/Technology/ico_bg06_o.png) no-repeat}  */

#pg-sec3 .cont-wr li .ico-01 {background-position:0px -4px}

#pg-sec3 .cont-wr li .ico-02 {background-position:-144px -4px}

#pg-sec3 .cont-wr li .ico-03 {background-position:-284px -4px}

#pg-sec3 .cont-wr li .ico-04 {background-position:-424px -4px}

#pg-sec3 .cont-wr li .ico-05 {background-position:-564px -4px}

#pg-sec3 .cont-wr li .ico-06 {background-position:-704px -4px}

#pg-sec3 .cont-wr em {font-size:2em;font-style:normal;color:#333;font-weight:700;display:block;margin:0.9em 0 0.6em 0}

#pg-sec3 .cont-wr span {display:block}





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

	#pg-sec3 .cont-wr ul {width:100%;display:flex;justify-content:center;flex-wrap:wrap;}

	#pg-sec3 .cont-wr li {width:33.3%}

	#pg-sec3 .this-wrap {padding:50px 0 !important;}

}



@media all and (orientation:portrait) and (min-width:380px) and (max-width:900px){

	#pg-sec3 .cont-wr li {width:50%}

}

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

	#pg-sec3 .cont-wr {font-size:1em;}

	#pg-sec3 .cont-wr ul {width:100%}

	#pg-sec3 .cont-wr em {font-size:1.538em;margin:7px 0}

	#pg-sec3 .cont-wr span {line-height:1.35em}

	#pg-sec3 .cont-wr li {width:100%;position:relative;height:70px;margin:10px 0}

	#pg-sec3 .cont-wr li a {text-align:left;padding-left:80px}

	#pg-sec3 .cont-wr li a:after {left:0;margin-left:0;width:68px;height:68px}

	#pg-sec3 .cont-wr li a:before {width:68px;height:68px}

	#pg-sec3 .cont-wr li:nth-child(1) a:before, 	#pg-sec3 .cont-wr li:nth-child(1):hover a:before {background-size:cover}

	#pg-sec3 .cont-wr li:nth-child(2) a:before, 	#pg-sec3 .cont-wr li:nth-child(2):hover a:before  {background-size:cover}

	#pg-sec3 .cont-wr li:nth-child(3) a:before, 	#pg-sec3 .cont-wr li:nth-child(3):hover a:before  {background-size:cover}

	#pg-sec3 .cont-wr li:nth-child(4) a:before, 	#pg-sec3 .cont-wr li:nth-child(4):hover a:before  {background-size:cover}

	#pg-sec3 .cont-wr li:nth-child(5) a:before, 	#pg-sec3 .cont-wr li:nth-child(5):hover a:before  {background-size:cover}

	#pg-sec3 .cont-wr li:nth-child(6) a:before, 	#pg-sec3 .cont-wr li:nth-child(6):hover a:before  {background-size:cover}

	#pg-sec3 .cont-wr li .icon {position:absolute;left:0;top:0;width:68px;height:68px;background-size:auto 70px}

	#pg-sec3 .cont-wr li .ico-bg {left:0;margin-left:0;width:68px;height:68px}

	#pg-sec3 .cont-wr li .ico-01 {background-position:0px 0px}

	#pg-sec3 .cont-wr li .ico-02 {background-position:-70px 0px}

	#pg-sec3 .cont-wr li .ico-03 {background-position:-140px 0px}

	#pg-sec3 .cont-wr li .ico-04 {background-position:-210px 0px}

	#pg-sec3 .cont-wr li .ico-05 {background-position:-280px 0px}

	#pg-sec3 .cont-wr li .ico-06 {background-position:-350px 0px}

}

.sec-quick-wr {position:relative;max-width:1400px}

.sec-quick {position:absolute;right:0;top:0;z-index:100}

.sec-quick a {display:block;float:left;width:40px;height:40px;overflow:hidden}

.sec-quick  .icon {display:block;width:40px;height:40px;overflow:hidden;background:url(../_Img/Technology/sicon.png) no-repeat left top;transition:all .2s ease}

.sec-quick a.over .icon {background-image:url(../_Img/Technology/sicon_o.png)}

.sec-quick  .ico-01 {background-position:0px 0px}

.sec-quick  .ico-02 {background-position:-40px 0px}

.sec-quick  .ico-03 {background-position:-80px 0px}

.sec-quick  .ico-04 {background-position:-120px 0px}

.sec-quick  .ico-05 {background-position:-160px 0px}

.sec-quick  .ico-06 {background-position:-200px 0px}

.sec-contbox {position:relative;width:100%;overflow:hidden;transition:height .3s ease}

.sec-contbox:after {clear:both;content:"";display:block}

.sec-cont-wr {width:100%;position:relative;background-repeat:no-repeat;background-position:center top;background-size:auto 100%;text-align:left;color:#FFF;font-size:1.231em;line-height:1.5em;height:400px;z-index:1;transition:height .3s ease-out,left .6s ease,top .4s ease}

#pg-sec-web {background-image:url(../_Img/Technology/cbg03.jpg)}

#pg-sec-mobile {background-image:url(../_Img/Technology/cbg02.jpg)}

#pg-sec-marketing {background-image:url(../_Img/Technology/cbg04.jpg)}

#pg-sec-3dmedia {background-image:url(../_Img/Technology/cbg05.jpg)}

#pg-sec-print {background-image:url(../_Img/Technology/cbg07.jpg)}

#pg-sec-contents {background-image:url(../_Img/Technology/cbg07.jpg)}

.sec-cont-wr .sec-cont {height:100%;position:relative;z-index:1;box-sizing:border-box}

.sec-cont-wr .sec-cont .tit {font-size:3em;font-weight:700;display:block;line-height:1.5em;margin-bottom:30px;}

.sec-cont-wr .cont-list-wr {position:relative;z-index:1;overflow:hidden;box-sizing:border-box}

.sec-cont-wr .cont-list-wr:after {clear:both;content:"";display:block}

.sec-cont-wr .cont-list-wr ul {transition:height 0.3s ease}

.sec-cont-wr .cont-list-wr em {font-style:normal;font-size:1.5em;display:block;font-weight:800;line-height:1.5em;margin-bottom:0.8em}

.sec-cont-wr  .sec-cont .pcont {width:100%;word-break:keep-all;line-height:1.56em}

.sec-cont-wr  .sec-cont .pcont p {margin-bottom:1em}

.sec-cont-wr  .sec-cont .pcont p.setRel {position:relative;box-sizing:border-box;padding:0 210px 0 0}

.sec-cont-wr  .sec-cont .pcont .down {display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);background:rgba(0, 0, 0, .7);font-size:16px;letter-spacing:-.025em;line-height:1;padding:17px 50px 17px 15px;color:#fff;transition:all .3s ease}

.sec-cont-wr  .sec-cont .pcont .down span {display:block;line-height:1}

.sec-cont-wr  .sec-cont .pcont .down:after {content:"";display:block;position:absolute;width:20px;height:20px;top:0;right:0;bottom:0;left:0;margin:auto 15px auto auto;background:url(/kor/_Img/Technology/pgSec5_spr.png) no-repeat;transition:all .3s ease}

.sec-cont-wr  .sec-cont .pcont .down:focus,

.sec-cont-wr  .sec-cont .pcont .down:hover {background:#000;color:#fff}

.sec-cont-wr  .sec-cont .pcont .down:focus span,

.sec-cont-wr  .sec-cont .pcont .down:hover span {color:#fff}

.sec-cont-wr  .sec-cont .pcont .down:focus:after,

.sec-cont-wr  .sec-cont .pcont .down:hover:after {margin:auto 18px auto auto}



.sec-cont-wr button {z-index:100;border:0;border-radius:50%;position:absolute;bottom:10px;background:rgba(0,0,0,0.5) url(../_Img/Technology/cbtns01.png) no-repeat left top;overflow:hidden;display:block;width:60px;height:60px;transition:all .3s ease;background-size:auto 60px}

.sec-cont-wr button span {display:block;padding-left:200px}

.sec-cont-wr button.btn-prev {left:10px;background-position:0px 0px}

.sec-cont-wr button.btn-next {right:10px;background-position:-60px 0px}

.sec-cont-wr button.disabled {opacity:0.1}

.sec-cont-wr .cont-list-nums {position:absolute;text-align:center;width:200px;left:50%;margin-left:-100px;bottom:15px;z-index:100}

.sec-cont-wr .cont-list-nums a {display:inline-block;width:26px;height:44px;background:url(../_Img/Technology/cblt.png) no-repeat center center;overflow:hidden;transition:background 0.4s ease}

.sec-cont-wr .cont-list-nums a.over {background-image:url(../_Img/Technology/cblt_o.png) }

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

	.sec-cont-wr  .sec-cont .pcont p.setRel {padding:0}

	.sec-cont-wr  .sec-cont .pcont .down {display:block;width:100%;box-sizing:border-box;position:relative;right:auto;top:auto;transform:none;margin:10px 0 0}

}

@media all and (min-width:1000px){

	.sec-cont-wr {min-height:950px}

	.sec-cont-wr button {width:100px;height:100px;background-size:auto 100px;margin-top:-30px;bottom:50%}

	.sec-cont-wr button.btn-prev {left:10px;background-position:0px 0px}

	.sec-cont-wr button.btn-next {right:10px;background-position:-100px 0px}

	.sec-cont-wr .sec-cont {padding-left:50px;max-width:1000px;margin-left:auto;margin-right:auto;padding-top:5.6em}

	.sec-cont-wr .sec-cont .tit {margin-bottom:30px}

	.sec-quick {right:0px;top:8em}

	.sec-cont-wr .cont-list-wr {width:800px}

	#pg-sec-mobile.sec-cont-wr .cont-list-wr  {width:100%;}

	#pg-sec-marketing.sec-cont-wr .cont-list-wr  {width:900px}

	.sec-cont-wr .cont-list-nums {bottom:4em}

}

@media all and (min-width:801px) and (max-width:999px){

	.sec-cont-wr .sec-cont {padding-left:40px;padding-top:5.0em;margin-left:auto;margin-right:auto}

	.sec-quick {right:40px;top:8em}

	.sec-cont-wr .cont-list-wr {width:700px}

	#pg-sec-mobile.sec-cont-wr .cont-list-wr  {width:440px}

	.sec-cont-wr .cont-list-nums {}

	.sec-cont-wr button.btn-prev {left:30px}

	.sec-cont-wr button.btn-next {right:30px}

	#pg-sec-web.sec-cont-wr {min-height:600px}

	#pg-sec-mobile.sec-cont-wr {min-height:560px}

	#pg-sec-3dmedia.sec-cont-wr {min-height:620px}

	#pg-sec-print.sec-cont-wr {min-height:600px}

	#pg-sec-contents.sec-cont-wr {min-height:600px}

	#pg-sec-marketing.sec-cont-wr {min-height:720px}

}

@media all and (min-width:641px)  and (max-width:800px){

	.sec-cont-wr .sec-cont {padding-left:40px;padding-top:3.0em;margin-left:auto;margin-right:auto}

	.sec-quick {right:10px;top:5.4em}

	.sec-cont-wr .cont-list-wr {width:560px}

	#pg-sec-mobile.sec-cont-wr .cont-list-wr  {width:380px}

	.sec-cont-wr .cont-list-nums {}

	.sec-cont-wr button.btn-prev {left:20px}

	.sec-cont-wr button.btn-next {right:20px}

	#pg-sec-web.sec-cont-wr {min-height:640px}

	#pg-sec-mobile.sec-cont-wr {min-height:580px}

	#pg-sec-3dmedia.sec-cont-wr {min-height:660px}

	#pg-sec-print.sec-cont-wr {min-height:640px}

	#pg-sec-contents.sec-cont-wr {min-height:600px}

	#pg-sec-marketing.sec-cont-wr {min-height:860px}

}

@media all and (min-width:481px)  and (max-width:640px){

	.sec-cont-wr .sec-cont {padding-left:30px;padding-top:3.0em;margin-left:auto;margin-right:auto}

	.sec-quick {right:10px;top:4.6em}

	.sec-cont-wr .sec-cont .tit {font-size:2.0em;line-height:2.5em;}

	.sec-cont-wr .cont-list-wr em {font-size:1.250em}

	.sec-cont-wr  .sec-cont .pcont {line-height:1.5em;font-size:0.875em}

	.sec-cont-wr .cont-list-wr {width:420px}

	#pg-sec-mobile.sec-cont-wr .cont-list-wr  {width:300px}

	.sec-cont-wr .cont-list-nums {}

	.sec-cont-wr button.btn-prev {left:20px}

	.sec-cont-wr button.btn-next {right:20px}

	#pg-sec-web.sec-cont-wr {min-height:540px}

	#pg-sec-mobile.sec-cont-wr {min-height:460px}

	#pg-sec-3dmedia.sec-cont-wr {min-height:580px}

	#pg-sec-print.sec-cont-wr {min-height:560px}

	#pg-sec-contents.sec-cont-wr {min-height:540px}

	#pg-sec-marketing.sec-cont-wr {min-height:800px}

}

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

	.sec-cont-wr .sec-cont {padding-left:25px;padding-right:25px;padding-top:120px;margin-left:auto;margin-right:auto}

	.sec-quick-wr {display:flex;justify-content:center;}

	.sec-quick {right:auto;top:50px;}

	.sec-cont-wr .sec-cont .tit {font-size:1.8em}

	.sec-cont-wr .cont-list-wr em {font-size:1.125em;letter-spacing:-1px}

	.sec-cont-wr  .sec-cont .pcont {line-height:1.5em;font-size:0.813em}

	.sec-cont-wr .cont-list-wr {/*width:270px;*/}

	#pg-sec-mobile.sec-cont-wr .cont-list-wr  {/*width:270px;*/}

	.sec-cont-wr .cont-list-nums {bottom:0}

	.sec-cont-wr button.btn-prev {left:10px}

	.sec-cont-wr button.btn-next {right:10px}

	#pg-sec-web.sec-cont-wr {min-height:590px}

	#pg-sec-mobile.sec-cont-wr {min-height:420px}

	#pg-sec-3dmedia.sec-cont-wr {min-height:600px}

	#pg-sec-print.sec-cont-wr {min-height:540px}

	#pg-sec-contents.sec-cont-wr {min-height:600px}

	#pg-sec-marketing.sec-cont-wr {min-height:800px}

}



.marketing-cbox {position:relative;overflow:hidden;margin-top:10px}

.marketing-cbox .mk-list {width:auto !important;height:100px !important;margin-bottom:50px}

.marketing-cbox .mk-list li {float:left;width:25%;text-transform:uppercase;text-align:center;font-size:15px;font-weight:600}

.marketing-cbox .mk-list li:before {content:"";display:block;width:57px;height:49px;background:url(../_Img/Content/marketing_icons.png) no-repeat;margin:0 auto 22px}

/* ������ */

.marketing-cbox .mk-list li:nth-child(1):before {background-position:-52px 0}

.marketing-cbox .mk-list li:nth-child(2):before {background-position:-292px 0}

.marketing-cbox .mk-list li:nth-child(3):before {background-position:-528px 0}

.marketing-cbox .mk-list li:nth-child(4):before {background-position:-770px 0}

.marketing-gbox {background:rgba(18,16,16,0.75);text-align:center;padding:45px 0 60px;overflow:hidden}

.marketing-gbox h4.en {color:#fe2c2c;text-transform:uppercase;font-size:25px;margin-bottom:60px}

.marketing-gbox ul {width:auto !important;height:auto !important}

.marketing-gbox li {display:inline-block;vertical-align:top;font-size:14px;color:#f0eaea;font-weight:normal;width:30%;position:relative}



.marketing-gbox ul.col2 li {width:48%;margin:0 0 30px;word-wrap:break-word;word-break:keep-all;white-space:normal}



.marketing-gbox li .sec {display:block}

.marketing-gbox li:after {content:"";display:block;position:absolute;left:50%;top:-10px;border-color:#e21904 transparent transparent  transparent;border-style:solid;border-width:5px;width:0;height:0;margin-left:-5px}

.marketing-list {float:left;width:20%;margin-left:5%;font-size:14px}

.marketing-list:first-child {margin-left:0}

.marketing-list h4 {text-align:center;text-transform:uppercase;font-size:19px;margin-bottom:40px}

.marketing-list:nth-child(3) h4 {margin-bottom:25px}

.marketing-list h4:before {content:"";display:block;width:118px;height:118px;margin:0 auto;border:1px solid rgba(255,255,255,0.2);border-radius:50%;background-color:rgba(0,0,0,0.6);margin-bottom:25px;background-image:url(../_Img/Content/marketing_icons.png);background-repeat:no-repeat;background-size:auto 35px}

/* ������ */

.marketing-list:nth-child(1) h4:before {background-position:4px 42px}

.marketing-list:nth-child(2) h4:before {background-position:-169px 42px}

.marketing-list:nth-child(3) h4:before {background-position:-337px 42px;margin-bottom:15px}

.marketing-list:nth-child(4) h4:before {background-position:-509px 42px}

.marketing-list p {min-height:123px;line-height:22px}

.marketing-list li {line-height:26px}

.marketing-list li:before {content:"-";color:#fff;display:inline-block;vertical-align:top;padding-right:10px}

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

	.marketing-gbox {padding:45px 0}

	.marketing-gbox h4.en {margin-bottom:45px}

}

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

	.marketing-list {width:100%;float:none;clear:both;margin-left:0}

	.marketing-list:first-child {margin-top:1em}

	.marketing-list h4 {float:left;margin-right:1em;width:15%;font-size:16px;line-height:130%}

	.marketing-list h4 .sec {display:block}

	.marketing-list p {min-height:100%;font-size:13px}

	.marketing-list ul {overflow:hidden;float:left;width:80% !important;height:auto !important}

	.marketing-list li {float:left;width:33%;font-size:13px}

	.marketing-list h4:before {width:78px;height:78px;margin-bottom:0.5em;background-size:auto 23px}

	/* ������ */

	.marketing-list:nth-child(1) h4:before {background-position:3px 27px}

	.marketing-list:nth-child(2) h4:before {background-position:-110px 27px}

	.marketing-list:nth-child(3) h4:before {background-position:-220px 27px;margin-bottom:0.5em}

	.marketing-list:nth-child(4) h4:before {background-position:-335px 27px}

}

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

	/* #pg-sec3 .sec-cont-wr .cont-list-wr {width:620px} */

	.marketing-list {margin-bottom:1em;width:110% !important}

	.marketing-list h4 {float:none;width:auto;display:inline-block;font-size:14px;margin-bottom:0}

	.marketing-list h4:before {display:inline-block;vertical-align:middle;width:39px;height:39px;margin-right:0.5em;background-size:auto 14px}

	.marketing-list h4 .sec {display:inline}

	.marketing-list:nth-child(3) h4 {margin-bottom:0}

	.marketing-list ul {width:100% !important;float:none;font-size:12px}

	/* ������ */

	.marketing-list:nth-child(1) h4:before {background-position:-2px 14px}

	.marketing-list:nth-child(2) h4:before {background-position:-71px 14px}

	.marketing-list:nth-child(3) h4:before {background-position:-138px 12px;margin-bottom:0.5em}

	.marketing-list:nth-child(4) h4:before {background-position:-208px 11px}

	.marketing-gbox h4.en {margin-bottom:1em}

	.marketing-gbox h4.en .sec {display:block;line-height:140%}



	.marketing-gbox ul.col2 li {width:100%;margin:0 0 30px}

}

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

	/* #pg-sec3 .sec-cont-wr .cont-list-wr {width:290px} */

	.marketing-list {width:100% !important}

	.marketing-cbox {margin-top:0}

	.marketing-cbox .mk-list {height:auto !important;margin-bottom:2em;overflow:hidden}

	.marketing-cbox .mk-list li {width:50%;float:left;text-align:left;font-size:1.077em;margin-bottom:0.5em}

	.marketing-cbox .mk-list li span {display:inline-block;vertical-align:top;margin-top:10px;margin-right:-12px}

	.marketing-cbox .mk-list li:before {margin-left:0;display:inline-block;vertical-align:top;margin-right:5px;margin-bottom:0;width:30px;height:35px;background-size:auto 20px}

	/* ������ */

	.marketing-cbox .mk-list li:nth-child(1):before {background-position:-17px 11px}

	.marketing-cbox .mk-list li:nth-child(2):before {background-position:-116px 11px}

	.marketing-cbox .mk-list li:nth-child(3):before {background-position:-211px 11px}

	.marketing-cbox .mk-list li:nth-child(4):before {background-position:-311px 9px}

	.marketing-gbox {padding:2em 0.5em;text-align:left}

	.marketing-gbox h4.en {text-align:center;font-size:1.385em}

	.marketing-gbox h4.en .sec {display:inline}

	.marketing-gbox li {font-size:1em;float:none;width:100%;margin-bottom:0.5em;padding-left:0;text-align:center}

	.marketing-gbox li .sec {display:inline}

	.marketing-gbox li:after {display:none}

	.marketing-list p {line-height:130%;margin-bottom:0.5em}

	.marketing-list li {width:50%;line-height:130%}

}



/*

.marketing-cbox1 {position:relative}

.marketing-cbox1:after {clear:both;content:"";display:block}

.marketing-cbox1 dl {float:left;position:relative}

.marketing-cbox1 dt {text-align:center;height:35px;width:100%;padding-top:135px;color:#FFF;font-weight:bold;font-size:1.2em}

.marketing-cbox1 dt .txt {}

.marketing-cbox1 dd {text-align:center}

.marketing-cbox1 dd span {display:block}

.marketing-cbox1 .pimg {border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.3) url(../_Img/Content/marketing_icons.png) no-repeat -15px center;overflow:hidden;border-radius:50%}

.marketing-cbox1 .pimg.im01 {background-position:-15px -15px}

.marketing-cbox1 .pimg.im02 {background-position:-165px -15px}

.marketing-cbox1 .pimg.im03 {background-position:-315px -15px}

.marketing-cbox1 .pimg.im04 {background-position:-465px -15px}

.marketing-cbox1 .pimg.im05 {background-position:-615px -15px}

@media all and (min-width:1000px){

	.marketing-cbox1 dl {height:320px}

	.marketing-cbox1 dl {width:25%;float:left}

	.marketing-cbox1 dt .pimg {position:absolute;width:120px;height:120px;left:50%;top:0;margin-left:-60px}

}

@media all and (min-width:801px)  and (max-width:999px){

.marketing-cbox1 dl {width:25%;height:280px;float:left}

	.marketing-cbox1 dt {padding-top:100px;height:2.5em;line-height:1.05em;font-size:1.1em}

	.marketing-cbox1 dt .pimg {position:absolute;width:90px;height:90px;left:50%;top:0;margin-left:-45px}

	.marketing-cbox1 dd  {font-size:0.90em;line-height:1.4em}

	.marketing-cbox1 .pimg {background-size:auto 130px}

	.marketing-cbox1 .pimg.im01 {background-position:-20px -20px}

	.marketing-cbox1 .pimg.im02 {background-position:-150px -20px}

	.marketing-cbox1 .pimg.im03 {background-position:-280px -20px}

	.marketing-cbox1 .pimg.im04 {background-position:-410px -20px}

}

@media all and (min-width:641px)  and (max-width:800px){

	.marketing-cbox1 dl {width:50%;height:100px;float:left}

	.marketing-cbox1 dl  {margin-bottom:1em}

	.marketing-cbox1 dt .pimg {position:absolute;width:60px;height:60px;left:-70px;top:0;margin:0}

	.marketing-cbox1 dt {padding:0;position:absolute;left:70px;top:0;text-align:left}

	.marketing-cbox1 .pimg {position:absolute;left:0;top:0}

	.marketing-cbox1 dd {text-align:left;margin-left:70px;margin-top:2.5em;font-size:0.8em;line-height:1.5em}

	.marketing-cbox1 dd span {display:inline-block;padding-right:15px}

	.marketing-cbox1 .pimg {background-size:auto 100px}

	.marketing-cbox1 .pimg.im01 {background-position:-20px -20px}

	.marketing-cbox1 .pimg.im02 {background-position:-120px -20px}

	.marketing-cbox1 .pimg.im03 {background-position:-220px -20px}

	.marketing-cbox1 .pimg.im04 {background-position:-320px -20px}

	.marketing-cbox1 .pimg.im05 {background-position:-420px -20px}

}

@media all and (min-width:481px) and (max-width:640px){

	.marketing-cbox1 dl  {min-height:60px;margin-bottom:1em}

	.marketing-cbox1 dt .pimg {position:absolute;width:60px;height:60px;left:-70px;top:0;margin:0}

	.marketing-cbox1 dt {padding:0;position:absolute;left:70px;top:0;text-align:left;padding-left:0.5em}

	.marketing-cbox1 .pimg {position:absolute;left:0;top:0}

	.marketing-cbox1 dd {text-align:left;margin-left:70px;margin-top:2em}

	.marketing-cbox1 dd span {display:inline-block;padding:0 0.5em}

	.marketing-cbox1 .pimg {background-size:auto 100px}

	.marketing-cbox1 .pimg.im01 {background-position:-20px -20px}

	.marketing-cbox1 .pimg.im02 {background-position:-120px -20px}

	.marketing-cbox1 .pimg.im03 {background-position:-220px -20px}

	.marketing-cbox1 .pimg.im04 {background-position:-320px -20px}

	.marketing-cbox1 .pimg.im05 {background-position:-420px -20px}

}

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

	.marketing-cbox1 dl  {margin-bottom:1em}

	.marketing-cbox1 dt .pimg {position:absolute;width:60px;height:60px;left:-60px;top:0;margin:0;display:none}

	.marketing-cbox1 dt {padding:0;position:absolute;left:0px;top:0;text-align:left;padding-left:0.5em}

	.marketing-cbox1 .pimg {position:absolute;left:0;top:0}

	.marketing-cbox1 dd {text-align:left;margin-left:0px;margin-top:2em}

	.marketing-cbox1 dd span {display:inline-block;padding:0 0.5em}



} */



/** */

#pg-sec4 {position:relative;background:#FFF url(../_Img/Technology/cbg08.jpg) no-repeat center bottom;background-size:auto 100%}

#pg-sec4 .cont-wr {padding:7.8em 15px;font-size:1.16em;line-height:1.5em}

#pg-sec4 .cont-wr .ptit {line-height:1.35em;font-size:2.0em;letter-spacing:-1px;margin-bottom:1em;color:#333;font-weight:400}

#pg-sec4 .pcont {max-width:860px;margin-left:auto;margin-right:auto;margin-top:4em}

#pg-sec4 .pcont:after {clear:both;content:"";display:block}

#pg-sec4 .pcont ul.list1{float:left;width:42%}

#pg-sec4 .pcont ul.list2{float:right;width:42%}

#pg-sec4 .pcont ul:after {clear:both;content:"";display:block}

#pg-sec4 .pcont li {margin:1.2em 0;color:#222;font-family:'proxima-nova','Malgun Gothic'}

#pg-sec4 .pcont .ptxt1 {text-transform:uppercase}

@media all and (min-width:481px) and (max-width:640px){

	#pg-sec4 .cont-wr {}

	#pg-sec4 .cont-wr .ptit {font-size:1.538em}

	#pg-sec4 .pcont {margin-top:2em}

	#pg-sec4 .pcont ul.list1{float:left;width:100%}

	#pg-sec4 .pcont ul.list2{float:left;width:100%}

}

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

	#pg-sec4 .cont-wr {font-size:1em;padding:4em 15px}

	#pg-sec4 .cont-wr .ptit {font-size:1.385em}

	#pg-sec4 .pcont {margin-top:2em}

	#pg-sec4 .pcont ul.list1{float:left;width:100%}

	#pg-sec4 .pcont ul.list2{float:left;width:100%}

	#pg-sec4 .pcont li {margin:0.6em 0}

}

#m-marketing {position:relative;width:100%;min-height:500px}





/* ==============================

 *

================================= */

#pg-sec5 {font-size:1em;position:relative}

#pg-sec5 .test1 {display:block;position:absolute;color:#fff;font-weight:bold;left:0;top:0;z-index:1;font-size:20px;display:none}

#pg-sec5 .test2 {display:block;position:absolute;color:#000;font-weight:bold;left:0;bottom:0;z-index:1;font-size:20px;display:none}

#pg-sec5 .role-head {position:relative;z-index:0;background:url(/kor/_Img/Technology/pgSec5_bg1.jpg) no-repeat center top;background-size:cover;padding:68px 0 264px}

#pg-sec5 .role-head .inwr {box-sizing:border-box;position:relative;max-width:1400px;margin:0 auto}

#pg-sec5 .role-head span {display:block;line-height:1.2;color:#fff;word-wrap:break-word;word-break:keep-all;white-space:normal}

#pg-sec5 .role-head .t1 {font-family:'proxima-nova','Malgun Gothic';font-size:60px;font-weight:700;letter-spacing:0}

#pg-sec5 .role-head .t2 {font-size:22px;font-weight:500;letter-spacing:-.05em;margin:29px 0 0}

#pg-sec5 .role-head .down {display:block;position:absolute;right:0;top:8px;background:rgba(0, 0, 0, .7);font-size:16px;letter-spacing:-.025em;line-height:1;padding:17px 50px 17px 15px;transition:all .3s ease}

#pg-sec5 .role-head .down span {display:block;line-height:1}

#pg-sec5 .role-head .down:after {content:"";display:block;position:absolute;width:20px;height:20px;top:0;right:0;bottom:0;left:0;margin:auto 15px auto auto;background:url(/kor/_Img/Technology/pgSec5_spr.png) no-repeat;transition:all .3s ease}

#pg-sec5 .role-head .down:focus,

#pg-sec5 .role-head .down:hover {background:#000}

#pg-sec5 .role-head .down:focus:after,

#pg-sec5 .role-head .down:hover:after {margin:auto 18px auto auto}

#pg-sec5 .role-body {position:relative;z-index:1}

#pg-sec5 .role-body .dataList {display:flex;flex-flow:row;flex-wrap:wrap}

#pg-sec5 .role-body .item {display:inline-block;width:50%;box-sizing:border-box;background:#fff}

#pg-sec5 .role-body .item:after {content:"";display:block;clear:both}

#pg-sec5 .role-body .item .f1Box {padding:0 0 27px}

#pg-sec5 .role-body .item .f1Box:after {content:"";display:block;clear:both}

#pg-sec5 .role-body .item .f1 {margin:-215px 0 0;max-width:700px;width:100%}

#pg-sec5 .role-body .item .f1 .imgBox {display:block;position:relative;z-index:0;width:auto;max-width:450px;margin:0 auto}

#pg-sec5 .role-body .item .f1 .imgBox img {display:block;width:100%}

#pg-sec5 .role-body .item .f1 .txtBox {text-align:center;position:relative;z-index:1;margin-top:-38px}

#pg-sec5 .role-body .item .f1 .txtBox .ico {display:block;width:85px;height:85px;background:#fff;border-radius:50%;margin:0 auto 18px;box-sizing:border-box;position:relative}

#pg-sec5 .role-body .item .f1 .txtBox .ico:after {content:"";display:block;position:absolute;width:60px;height:60px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/kor/_Img/Technology/pgSec5_spr.png) no-repeat}

#pg-sec5 .role-body .item .f1 .txtBox .txt {display:block;font-size:28px;color:#fff;line-height:1.2;font-family:'proxima-nova','Malgun Gothic';font-weight:700}

#pg-sec5 .role-body .item .f2Box {background:#fff;padding:67px 0 69px}

#pg-sec5 .role-body .item .f2Box:after {content:"";display:block;clear:both}

#pg-sec5 .role-body .item .f2 {margin:0;max-width:700px;width:100%}

#pg-sec5 .role-body .item .f2 ul {}

#pg-sec5 .role-body .item .f2 li {}

#pg-sec5 .role-body .item .f2 li dl {display:block;box-sizing:border-box;position:relative}

#pg-sec5 .role-body .item .f2 li dl dt {display:block;position:absolute;width:200px;height:60px;line-height:60px;border-radius:999px;background:#fff;font-size:16px;color:#727272;box-shadow:0 0 10px rgba(0, 0, 0, .1);font-weight:700;letter-spacing:0;right:0;top:50%;transform:translate(50%, -50%);transition:all 1.25s ease}

#pg-sec5 .role-body .item .f2 li dl dd {display:block;font-size:0;box-sizing:border-box;padding:0 120px}

#pg-sec5 .role-body .item .f2 li dl dd:before {content:"";display:inline-block;width:0;height:106px;vertical-align:middle;}

#pg-sec5 .role-body .item .f2 li dl dd span {display:inline-block;font-size:20px;color:#777;vertical-align:middle;line-height:1.5;;font-weight:700;transition:all 1.25s ease}

#pg-sec5 .role-body .item .f2 li.over dl dt {background:#333;color:#fff}

#pg-sec5 .role-body .item .f2 li.over dl dd span {}

#pg-sec5 .role-body .item.n01 {}

#pg-sec5 .role-body .item.n01 .f1Box {background:#041a48}

#pg-sec5 .role-body .item.n01 .f1 {float:right}

#pg-sec5 .role-body .item.n01 .f1 .txtBox .ico:after {background-position:-30px 0}

#pg-sec5 .role-body .item.n01 .f2Box {}

#pg-sec5 .role-body .item.n01 .f2 {float:right}

#pg-sec5 .role-body .item.n01 .f2 li.over dl dd span {color:#2057ca}

#pg-sec5 .role-body .item.n02 {}

#pg-sec5 .role-body .item.n02 .f1Box {background:#da1764}

#pg-sec5 .role-body .item.n02 .f1 {float:left}

#pg-sec5 .role-body .item.n02 .f1 .txtBox .ico:after {background-position:-100px 0}

#pg-sec5 .role-body .item.n02 .f2Box {}

#pg-sec5 .role-body .item.n02 .f2 {float:left}

#pg-sec5 .role-body .item.n02 .f2 dl dt {display:none}

#pg-sec5 .role-body .item.n02 .f2 li.over dl dd span {color:#f31669}

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

	#pg-sec5 .role-head .inwr {max-width:none;margin:0 20px}

	#pg-sec5 .role-body .item .f2 li dl dd span br {display:none}

	#pg-sec5 .role-body .item.n01 .f2Box {box-sizing:border-box;padding:50px 0 50px 20px}

	#pg-sec5 .role-body .item.n02 .f2Box {box-sizing:border-box;padding:50px 20px 50px 0}

}

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

	#pg-sec5 .role-body .item.n01 .f2 li dl dd {padding:0 120px 0 0}

	#pg-sec5 .role-body .item.n02 .f2 li dl dd {padding:0 0 0 120px}

}

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

	#pg-sec5 .role-head .t1 {font-size:40px}

	#pg-sec5 .role-head .t2 {font-size:20px;margin:20px 0 0}

	#pg-sec5 .role-head .down {top:0}

	#pg-sec5 .role-body .item .f1 .imgBox {max-width:400px;width:70%}

	#pg-sec5 .role-body .item .f2 li dl dd:before {height:80px;}

	#pg-sec5 .role-body .item .f2 li dl dd span {font-size:18px;line-height:1.5;letter-spacing:-.05em;}

}

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

	#pg-sec5 .role-head {padding:50px 0 150px}

	#pg-sec5 .role-head .t1 {font-size:30px}

	#pg-sec5 .role-head .t2 {font-size:18px;margin:10px 0 0}

	#pg-sec5 .role-head .down {right:auto;top:auto;position:relative;display:inline-block;margin:25px 0 0}

	#pg-sec5 .role-body .item .f1 {margin:-100px 0 0}

	#pg-sec5 .role-body .item .f2 li dl dd span {font-size:16px;line-height:1.4}

}

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

	#pg-sec5 .role-body .item .f2 li {margin:0 0 20px;}

	#pg-sec5 .role-body .item .f2 li:last-child {margin:0;}

	#pg-sec5 .role-body .item .f2 li dl dt {position:relative;height:50px;line-height:50px;right:auto;top:auto;transform:none;margin:0 auto;}

	#pg-sec5 .role-body .item .f2 li dl dd {text-align:center;margin:10px 0 0;}

	#pg-sec5 .role-body .item .f2 li dl dd span {display:block;word-wrap:break-word;word-break:keep-all;white-space:normal}

	#pg-sec5 .role-body .item .f2 li dl dd:before {display:none}

	#pg-sec5 .role-body .item.n01 .f2Box {padding:30px 20px}

	#pg-sec5 .role-body .item.n02 .f2Box {padding:30px 20px}

	#pg-sec5 .role-body .item.n01 .f2 li dl dd {padding:0}

	#pg-sec5 .role-body .item.n02 .f2 li dl dd {padding:0}

	#pg-sec5 .role-body .item.n02 .f2 dl dt {display:block;}

}

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

	#pg-sec5 .role-head .t1 {font-size:26px}

	#pg-sec5 .role-head .t2 {font-size:17px;line-height:1.5}

	#pg-sec5 .role-body .item .f1 .txtBox .ico {width:59px;height:59px;margin:0 auto 10px}

	#pg-sec5 .role-body .item .f1 .txtBox .ico:after {width:42px;height:42px;background-size:112px auto}

	#pg-sec5 .role-body .item.n01 .f1 .txtBox .ico:after {background-position:-21px 0}

	#pg-sec5 .role-body .item.n02 .f1 .txtBox .ico:after {background-position:-70px 0}

}

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

	#pg-sec5 .role-head {padding:30px 0}

	#pg-sec5 .role-head .down {display:block}

	#pg-sec5 .role-body .dataList {display:flex;flex-flow:row;flex-wrap:wrap}

	#pg-sec5 .role-body .item {display:block;width:100%}

	#pg-sec5 .role-body .item .f1Box {padding:20px 0}

	#pg-sec5 .role-body .item .f1 {margin:0;font-size:0}

	#pg-sec5 .role-body .item .f1 .imgBox {display:inline-block;max-width:none;width:140px;vertical-align:middle}

	#pg-sec5 .role-body .item .f1 .txtBox {display:inline-block;vertical-align:middle;margin:0 0 0 -20px}

	#pg-sec5 .role-body .item .f1 .txtBox .ico {display:inline-block;vertical-align:middle;margin:0}

	#pg-sec5 .role-body .item .f1 .txtBox .txt {display:inline-block;vertical-align:middle;margin:0 0 0 15px}

	#pg-sec5 .role-body .item .f2 li dl dt {height:40px;line-height:40px;}

}

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

	#pg-sec5 .role-head {padding:20px 0}

	#pg-sec5 .role-head .t1 {font-size:22px}

	#pg-sec5 .role-head .t2 {font-size:16px;line-height:1.3}

	#pg-sec5 .role-body .item .f1 .imgBox {width:100px}

	#pg-sec5 .role-body .item .f1 .txtBox .txt {font-size:22px}

	#pg-sec5 .role-body .item.n01 .f1Box {background:#385593}

}