#quick01 {position:fixed; top:720px; right:10px; z-index:100;transition:all .3s ease}
#quick01 ul {padding:0; margin:0; list-style:none;}
#quick01 ul li {padding:0; margin:0;}
#quick01.mid {top:50%;margin-top:-30px}
#quick02 {position:fixed; bottom:100px;width:300px; right:-300px; z-index:101; background:#007bce;}
#quick02 ul {padding:0; margin:0; list-style:none;}
#quick02 ul li {padding:0; margin:0;}
#quick02 ul li.qbn1 {padding:10px 25px 0 25px; text-align:center;}
#quick02 ul li.qbn1 span {color:#fff; font-size:16px;}
#quick02 ul li.qbn1 p {font-size:31px; font-weight:bold; color:#fff; padding:7px 0;}

#mwrap {width:100%; margin:0; padding:0; min-width:1250px;}

#mwrap .rtopwrap {position:fixed; top:0; left:0; z-index:1000; width:100%; transition:all 0.5s ease}
#mwrap .rtopwrap .rtop {width:1250px; margin:0 auto;}
#mwrap .rtopwrap .rtop .rlogo {width:200px;float:left; margin:0; padding:10px 0;}
#mwrap .rtopwrap .rtop .rlogo img {height:auto !important;transition:all .2s ease}
#mwrap .rtopwrap .rtop .rlogo .scrlogo {display:none;}
#mwrap .rtopwrap .rtop .rlogo .wtlogo {display:block;}
#mwrap .rtopwrap .rtop .rtopgnb {width:840px; float:right; margin:0; overflow:hidden; padding:28px 0;transition:padding .2s ease}
#mwrap .rtopwrap .rtop .rtopgnb ul {list-style:none; padding:0; margin:0;}
#mwrap .rtopwrap .rtop .rtopgnb ul li {float:left; padding:0 37px; padding:0 30px; font-size:17px; font-family:'PT Sans', sans-serif, gulim; font-weight:bold; letter-spacing:1px;}
#mwrap .rtopwrap .rtop .rtopgnb ul li a {color:#fff;}
#mwrap .rtopwrap .rtop .rtopgnb ul li a p {display:none;}
#mwrap .rtopwrap .rtop .rtopgnb ul li a:hover {color:#dedede;}
#mwrap .rtopwrap .rtop .rtopgnb ul li a:hover p {color:#fff; letter-spacing:-1px; text-align:center; font-size:12px; color:#9f9f9f; display:block; transition:all 1.1s ease}
#mwrap .rtopwrap.min {background:#fff; border-bottom:1px solid #e7e7e7; transition:all 0.5s ease}
#mwrap .rtopwrap.min .rtop .rlogo img {width:200px !important}
#mwrap .rtopwrap.min .rtop .rlogo .scrlogo {display:block;}
#mwrap .rtopwrap.min .rtop .rlogo .wtlogo {display:none;}
#mwrap .rtopwrap.min .rtop .rtopgnb {padding:28px 0}
#mwrap .rtopwrap.min .rtop .rtopgnb ul li a {color:#000;}
#mwrap .rtopwrap.min .rtop .rtopgnb ul li a:hover {color:#696969;}

#mwrap .rmain {position:relative;width:100%; height:700px; overflow:hidden; z-index:1;}
#mwrap .rmain .rmain01 {position:relative;z-index:10;width:1250px; margin:0 auto; padding-top:255px;}
#mwrap .rmain p {text-align:center; color:#fff; font-size:46px; line-height:130%; padding-top:20px;}
#mwrap .rmain .rmain02 {position:relative;z-index:10;width:540px; margin:0 auto; margin-top:40px;}
#mwrap .rmain .rmain02 a {width:253px; border:1px solid #fff; float:left; font-size:22px; padding:17px 0; margin:0 5px 0 5px; color:#fff; text-align:center; line-height:120%; background:url('/layouts/default/image/bt_bg01.png') repeat;}
#mwrap .rmain .rmain02 a:hover {color:#000; background:#f7f7f7; transition:all 0.5s ease}
#mwrap .rmain .rmain02 a span {font-size:16px;}
#mwrap .rmain .bg {position:absolute;width:2000px;z-index:0;top:0;left:50%;margin-left:-1000px;transition:all 7s ease}
#mwrap .rmain .bg.on {width:2200px;margin-left:-1100px}

#mwrap .rstep0101 {width:100%; background:#fff;}
#mwrap .rstep0101 .rstep01bg {width:1250px; margin:0 auto; padding:55px 0 100px 0;}
#mwrap .rstep0101 .rstep01bg .rstep01left {}
#mwrap .rstep0101 .rstep01bg .rstep01left .ovvspc {height:20px;}
#mwrap .rstep0101 .rstep01bg .rstep01left .ovstep {margin-top:30px; float:left; width:50%;}
#mwrap .rstep0101 .rstep01bg .rstep01left .ovstep .ov01img {width:85px; height:85px; float:left; background:url('/layouts/default/image/icon_01.jpg') no-repeat;}
#mwrap .rstep0101 .rstep01bg .rstep01left .ovstep .ov02img {width:85px; height:85px; float:left; background:url('/layouts/default/image/icon_02.jpg') no-repeat;}
#mwrap .rstep0101 .rstep01bg .rstep01left .ovstep .ov03img {width:85px; height:85px; float:left; background:url('/layouts/default/image/icon_03.jpg') no-repeat;}
#mwrap .rstep0101 .rstep01bg .rstep01left .ovstep .ov04img {width:85px; height:85px; float:left; background:url('/layouts/default/image/icon_04.jpg') no-repeat;}
#mwrap .rstep0101 .rstep01bg .rstep01left .ovstep .ovsteptxt {float:left; font-size:21px; line-height:150%; margin-top:9px; padding-left:20px;}
#mwrap .rstep0101 .rstep01bg .rstep01left .ovstep .ovsteptxt .spc {letter-spacing:-2px;}
#mwrap .rstep0101 .rstep01bg .rstep01left .ovstep .ovsteptxt .spc1 {letter-spacing:-1px;}
#mwrap .rstep0101 .rstep01bg .rstep01left .ovstep .ovsteptxt span {color:#007bce;}

#mwrap .rstep0102 {width:100%; background:#f7f7f7;}
#mwrap .rstep0102 .rstep01bg {width:1250px; margin:0 auto; padding:100px 0;}
#mwrap .rstep0102 .rstep01bg .rstep01right {}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone {width:1050px; margin:40px auto 0 auto; overflow:hidden;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .csre01 {width:1040px; height:310px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers01.jpg') no-repeat 0 0;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .csre02 {width:1040px; height:310px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers02.jpg') no-repeat 0 0;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs01 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat 0 0;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs02 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -150px 0;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs03 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -300px 0;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs04 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -450px 0;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs05 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat 0 -80px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs06 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -150px -80px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs07 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -300px -80px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs08 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -450px -80px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs09 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat 0 -160px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs10 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -150px -160px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs11 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -300px -160px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs12 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -450px -160px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs13 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat 0 -240px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs14 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -150px -240px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs15 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -300px -240px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs16 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -450px -240px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs17 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat 0 -320px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs18 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -150px -320px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs19 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -300px -320px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs20 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -450px -320px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs21 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat 0 -400px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs22 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -150px -400px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs23 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -300px -400px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs24 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -450px -400px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs25 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat 0 -480px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs26 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -150px -480px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs27 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -300px -480px;}
#mwrap .rstep0102 .rstep01bg .rstep01right .cszone .cs28 {width:140px; height:70px; background:blue; margin:5px; float:left; background:url('/layouts/default/image/step01_customers.jpg') no-repeat -450px -480px;}

#mwrap .rstep02 {position:relative;width:100%;height:auto; overflow:hidden;background:url(/layouts/default/image/step02_bg01.jpg) no-repeat center top}
#mwrap .rstep02 .rstep02bg {position:relative;z-index:5;width:1320px; margin:0 auto; padding:100px 0;}
#mwrap .rstep02 .rstep02bg .rstep02con {margin:0 auto; margin-top:50px; width:1200px;}
#mwrap .rstep02 .rstep02bg .rstep02con .certi {width:255px; float:left; margin:0;}
#mwrap .rstep02 .rstep02bg .rstep02con .certi p {text-align:center; padding:20px 0 2px 0; color:#fff; font-size:16px;}
#mwrap .rstep02 .rstep02bg .rstep02con .certi img {width:100%;}
#mwrap .rstep02 .rstep02bg .rstep02con .certimg {margin-top:40px;}
#mwrap .rstep02 .rstep02bg .rstep02con .certmr {margin-right:60px;}
#mwrap .rstep02 .bg {position:absolute;top:0;left:50%;margin-left:-1000px;z-index:1}

.main-big-banner {max-width:1200px;margin:0 auto}
.main-big-banner .swiper-slide {position:relative;aspect-ratio:16/4;display:flex;flex-direction:column;justify-content:center;align-items:center}
.main-big-banner .swiper-slide .thumb {height:100%;display:block;position:absolute;top:0;left:0;width:100%;z-index:1;background-position:50% 50%;background-size:cover}
.main-big-banner .swiper-slide .t {pointer-events: none;user-select:none;display:block;position:relative;z-index:5;color:#fff;font-size:28px;text-shadow:1px 1px 3px rgba(0,0,0,0.3)}
.main-big-banner .swiper-button-next:after, 
.main-big-banner .swiper-button-prev:after {filter:brightness(0) invert(1)}

#mwrap .rstep03 {width:100%; background:#f7f7f7;}
#mwrap .rstep03 .rstep03bg {width:1250px; margin:0 auto; padding:100px 0;}
#mwrap .rstep03 .rstep03bg .rstep03con {margin:0; margin-top:50px; padding:0 10px;}
#mwrap .rstep03 .rstep03bg .rstep03con .keymb {width:380px; margin:0 15px; float:left; overflow:hidden;}
#mwrap .rstep03 .rstep03bg .rstep03con .keymb .keyimg {}
#mwrap .rstep03 .rstep03bg .rstep03con .keymb .keytitle {font-size:18px; padding:16px 7px; border-bottom:1px solid #000;}
#mwrap .rstep03 .rstep03bg .rstep03con .keymb .keytitle span {color:#007bce;}
#mwrap .rstep03 .rstep03bg .rstep03con .keymb .keytxt {font-size:16px; line-height:180%; padding:16px 7px;}
.keymb_ag {padding-left:190px;}

#mwrap .rstep04 {position:relative;width:100%;height:920px;overflow:hidden;background:url(/layouts/default/image/step04_bg01.jpg) no-repeat center top}
#mwrap .rstep04 .rstep04bg {position:relative;z-index:5;width:1250px; margin:0 auto; padding:100px 0;}
#mwrap .rstep04 .rstep04bg .rstep04con {margin:0; margin-top:50px;}
#mwrap .rstep04 .bg {position:absolute;top:0;left:50%;margin-left:-1000px;z-index:1}

#mwrap .rstep05 {width:100%;}
#mwrap .rstep05 .rstep05bg {width:1250px; margin:0 auto; padding:100px 0;}
#mwrap .rstep05 .rstep05bg .rstep05con {margin:0; margin-top:50px; padding:0 10px;}
#mwrap .rstep05 .rstep05bg .rstep05con .busmb {width:380px; margin:0 15px; float:left; overflow:hidden;}
#mwrap .rstep05 .rstep05bg .rstep05con .busmb .busimg {position:relative}
#mwrap .rstep05 .rstep05bg .rstep05con .busmb .busimg img {position:relative;z-index:5}
#mwrap .rstep05 .rstep05bg .rstep05con .busmb .busimg:after {position:absolute;z-index:1;top:0;left:0;content:'자세히보기 +';font-size:15px;display:block;width:100%;height:200px;line-height:200px;text-align:center;background:rgba(0,0,0,0);color:#fff;transition:all .6s ease}
#mwrap .rstep05 .rstep05bg .rstep05con .busmb a:hover .busimg:after {background:rgba(0,0,0,0.7);z-index:10}
#mwrap .rstep05 .rstep05bg .rstep05con .busmb .bustitle {font-size:20px; padding:16px 7px; border-bottom:1px solid #000;}
#mwrap .rstep05 .rstep05bg .rstep05con .busmb .bustitle span {color:#007bce;}
#mwrap .rstep05 .rstep05bg .rstep05con .busmb .bustxt {font-size:14px; line-height:180%; padding:16px 7px;}

#mwrap .rstep06 {width:100%; background:#f7f7f7;}
#mwrap .rstep06 .rstep06bg {width:1250px; margin:0 auto; padding:100px 0;}
#mwrap .rstep06 .rstep06bg .rstep06con {margin:0; margin-top:50px;}
#mwrap .rstep06 .rstep06bg .rstep06con .rstep0601 {padding:0 10px;}
#mwrap .rstep06 .rstep06bg .rstep06con .rstep0601 .rstep06title1 {font-size:30px; padding-bottom:15px; margin-bottom:19px; text-align:center; border-bottom:1px solid #000; color:#007bce;}
#mwrap .rstep06 .rstep06bg .rstep06con .rstep0601 .rstep06title2 {font-size:30px; padding:50px 0 15px 0; margin-bottom:19px; text-align:center; border-bottom:1px solid #000; color:#007bce;}
#mwrap .rstep06 .rstep06bg .rstep06con .rstep0601 .rstep06list {}
#mwrap .rstep06 .rstep06bg .rstep06con .rstep0601 .rstep06list .rst06bt {background:#f0f0f0; padding:20px 0;}
#mwrap .rstep06 .rstep06bg .rstep06con .rstep0601 .rstep06list .rst06bt .rst06btarea {width:320px; margin:0 auto; background:#007bce; text-align:center; color:#fff; font-size:16px; padding:14px 0;}
#mwrap .rstep06 .rstep06bg .rstep06con .rstep0601 .rstep06list a .rst06bt .rst06btarea {color:#fff; transition:all .6s ease}
#mwrap .rstep06 .rstep06bg .rstep06con .rstep0601 .rstep06list a:hover .rst06bt .rst06btarea {width:360px; background:#393939; transition:all .6s ease}

#mwrap .rstep07 {width:100%; height:664px;position:relative;overflow:hidden;background:url(/layouts/default/image/step07_bg01.jpg) no-repeat center top}
#mwrap .rstep07 .rstep07bg {position:relative;z-index:5;width:1250px; margin:0 auto; padding:100px 0;}
#mwrap .rstep07 .rstep07bg .rstep07con {width:970px; padding:35px 40px; margin:0 auto; margin-top:50px; background:url('/layouts/default/image/bt_bg02.png') repeat;}
#mwrap .rstep07 .rstep07bg .rstep07con .rstep07left {float:left; width:353px;}
#mwrap .rstep07 .rstep07bg .rstep07con .rstep07left ul {padding:0; margin:0; list-style:none;}
#mwrap .rstep07 .rstep07bg .rstep07con .rstep07left ul li {height:40px; font-size:20px; line-height:200%; color:#fff; font-weight:bold; padding-left:60px;}
#mwrap .rstep07 .rstep07bg .rstep07con .rstep07left ul li.rstepicon0 {background:url('/layouts/default/image/icon_08.jpg') no-repeat left top;}
#mwrap .rstep07 .rstep07bg .rstep07con .rstep07left ul li.rstepicon1 {background:url('/layouts/default/image/icon_05.jpg') no-repeat left top; margin-top:17px;}
#mwrap .rstep07 .rstep07bg .rstep07con .rstep07left ul li.rstepicon2 {background:url('/layouts/default/image/icon_06.jpg') no-repeat left top; margin-top:17px;}
#mwrap .rstep07 .rstep07bg .rstep07con .rstep07left ul li.rstepicon3 {background:url('/layouts/default/image/icon_07.jpg') no-repeat left top; margin-top:17px;}
#mwrap .rstep07 .rstep07bg .rstep07con .rstep07right {float:left; width:617px;}
#mwrap .rstep07 .bg {position:absolute;top:0;left:50%;margin-left:-1000px;z-index:1}

#mwrap .rstep08 {width:100%;}
#mwrap .rstep08 .rstep08bg {width:1250px; margin:0 auto; padding:100px 0;}
#mwrap .rstep08 .rstep08bg .rstep08con {margin:0; margin-top:50px;}
#mwrap .rstep08 .rstep08bg .rstep08con .rruitmb {width:380px; margin:0 15px; float:left; overflow:hidden;}
#mwrap .rstep08 .rstep08bg .rstep08con .rruitmb .rruitimg {}
#mwrap .rstep08 .rstep08bg .rstep08con .rruitmb .rruittitle {font-size:20px; padding:16px 7px; border-bottom:1px solid #000;}
#mwrap .rstep08 .rstep08bg .rstep08con .rruitmb .rruittitle span {color:#007bce;}
#mwrap .rstep08 .rstep08bg .rstep08con .rruitmb .rruittxt {font-size:14px; line-height:180%; padding:16px 7px;}
#mwrap .rstep08 .rstep08bg .rstep08con .rruitmb .rruittxt a {font-size:14px; padding:16px 0; background:#007bce; text-align:center; width:365px; display:block; color:#fff; margin-top:15px;}
#mwrap .rstep08 .rstep08bg .rstep08con .rruitmb .rruittxt a:hover {background:#393939; transition:all 0.5s ease}

#mwrap .rstep09 {width:100%; background:#f7f7f7;}
#mwrap .rstep09 .rstep09bg {width:1250px; margin:0 auto; padding:100px 0;}
#mwrap .rstep09 .rstep09bg .rstep09con {margin:0; margin-top:50px;}

/* title css */
.btitleb {font-size:38px; color:#000; text-align:center; border-bottom:2px solid #000; padding-bottom:15px; margin:0 auto 15px auto;}
.btitleb p {width:50px; margin:0 auto; padding-bottom:50px;}
.stitleb {font-size:18px; color:#000; text-align:center; line-height:180%;}
.stitleb span {color:#8f8f8f; margin:0 5px;}
.stitleb p {font-size:20px; text-align:center; margin-top:12px;}
.btitlew {font-size:38px; color:#fff; text-align:center; border-bottom:2px solid #fff; padding-bottom:15px; margin:0 auto 15px auto;}
.stitlew {font-size:16px; color:#fff; text-align:center; line-height:150%;}
.stitlew span {color:#8f8f8f; margin:0 5px;}
.stitlew p {font-size:20px; text-align:center; margin-top:12px;}
.txtcr1 {color:#007bce;}
.txtcr2 {color:#fff;}
.txtcr3 {color:#000;}

.overview {width:200px;}
.customers {width:232px;}
.certification {width:270px;}
.keymember {width:252px;}
.recomm {width:392px;}
.business {width:178px;}
.works {width:144px;}
.request {width:444px;}
.recruit {width:158px;}
.location {width:192px;}

/* common css */
.cbh {clear:both;}

#content .gtheme {}
#content .aside {float:left;width:200px;margin-right:20px;padding-bottom:20px;}
#content .center {}
#content .m_side {float:left;width:740px;}
#content .bside {float:right;width:200px;margin-left:20px;padding-bottom:20px;}
#content .mainbox {margin:10px 0 30px 0;border-right:#DEDEDE solid 1px;border-bottom:#DEDEDE solid 1px;}
#content .mainbox .post {float:left;width:158px;height:300px;border-top:#DEDEDE solid 1px;border-left:#DEDEDE solid 1px;}
#content .mainbox .post0,#content .mainbox .post17 {width:477px;background:#f7f7f7;}
#content .mainbox .post8,#content .mainbox .post10,#content .mainbox .post18,#content .mainbox .post26 {width:318px;background:#f7f7f7;}
#content .mainbox .post .box1 {padding:10px 15px 15px 10px;}
#content .mainbox .post .box1 .title {height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#content .mainbox .post .box1 .title a {font-weight:bold;font-family:"malgun gothic";font-size:20px;color:#05447A;}
#content .mainbox .post .box1 .title a:hover {}
#content .mainbox .post .box1 .date {display:inline-block;padding:4px 0 5px 0;font-family:dotum;color:#2F3437;border-bottom:#DDDDDD solid 3px;}
#content .mainbox .post .box1 .cont {margin-top:15px;height:180px;line-height:170%;font-weight:normal;font-family:"malgun gothic";font-size:15px;color:#35343C;white-space:;overflow:hidden;text-overflow:ellipsis;}
#content .mainbox .post .box1 .cont img {float:left;height:135px;padding-top:7px;margin-right:10px;}
#content .mainbox .post .box2 {padding:10px 15px 15px 10px;}
#content .mainbox .post .box2 .title {height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#content .mainbox .post .box2 .title a {font-weight:bold;font-family:"malgun gothic";font-size:20px;color:#05447A;}
#content .mainbox .post .box2 .title a:hover {}
#content .mainbox .post .box2 .date {padding-top:1px;font-family:dotum;color:#074075;}
#content .mainbox .post .box2 .cont {margin-top:15px;height:205px;line-height:170%;font-weight:normal;font-family:"malgun gothic";font-size:15px;color:#35343C;white-space:;overflow:hidden;text-overflow:ellipsis;}
#content .mainbox .post .box2 .cont img {float:left;height:100px;padding-top:7px;margin-right:10px;}
#content .mainbox .post .box3 {padding:10px;height:257px;overflow:hidden;text-overflow:ellipsis;}
#content .mainbox .post .box3 .title {line-height:190%;}
#content .mainbox .post .box3 .title a {font-weight:bold;font-family:"malgun gothic";font-size:17px;color:#074075;}
#content .mainbox .post .box3 .title a:hover {}
#content .mainbox .post .box3 .date {padding-top:10px;font-family:dotum;color:#074075;}
#content .mainbox .post .box3 .cont {margin-top:10px;line-height:140%;font-weight:normal;font-family:"malgun gothic";font-size:13px;color:#35343C;}
#content .mainbox .post .box3 .cont img {width:135px;margin:0 0 10px 0;}
#content .mainbox .noline {border-left:#ffffff solid 1px;}
#content .mbrinfo {border:#dfdfdf solid 1px;margin-bottom:15px;background:#F4F4F4;padding:8px 7px 8px 12px;}
#content .mbrinfo .symbol {float:left;}
#content .mbrinfo .symbol img {width:37px;height:37px;}
#content .mbrinfo .name {float:left;margin:0 0 0 10px;}
#content .mbrinfo .name .namel {height:12px;font-weight:bold;color:#454545;padding:2px 0 0 0;}
#content .mbrinfo .name .namer {padding-top:6px;}
#content .mbrinfo .score,#content .mbrinfo .score a {font-size:11px;font-family:dotum;color:#636363;padding:10px 0 0 0;margin:5px 0 0 0;border-top:#dfdfdf solid 1px;}
#content .mbrinfo .score a:hover {text-decoration:underline;}
#content .logout {border:#dfdfdf solid 1px;margin-bottom:15px;}
#content .logout .tabbox .np {padding:10px 0 10px 10px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;font-weight:bold;color:#9E9E9E;}
#content .logout .tabbox .tp {float:left;width:98px;height:22px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;padding-top:12px;cursor:pointer;}
#content .logout .tabbox .vline {border-right:#D4D4D4 solid 1px;}
#content .logout .tabbox .on {background:#ffffff;border-bottom:#ffffff solid 1px;color:#676767;}
#content .logout .nlog {padding:15px 0 15px 12px;}
#content .logout .i1 {font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding-bottom:3px;}
#content .logout .i1 .input {float:left;width:105px;height:17px;border:#BEBEBE solid 1px;}
#content .logout .i1 .input:focus {border:#BEBEBE solid 2px;}
#content .logout .i1 .checkbox {margin-left:2px;}
#content .logout .i1 .submit {float:left;margin-left:5px;}
#content .logout .rbtm {font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding:10px 0 0 3px;}
#content .logout .rbtm .ipc {color:#67686A}
#content .logout .rbtm a {color:#313946;}
#content .logout .rbtm span {padding:0 5px 0 5px;}
#content .logout .slog {padding:15px 12px 15px 12px;}
#content .logout .slog .icon {padding:10px;background:#efefef;text-align:center;}
#content .logout .slog .icon img {cursor:pointer;margin:8px;}
#content .logout .slog .guide {line-height:140%;font-size:11px;font-family:dotum;color:#999;letter-spacing:-1px;padding:10px 0 0 0;}
#content .submenu {list-style-type:none;border:#dfdfdf solid 3px;padding:5px;margin:0 0 15px 0;border-radius:5px 5px 5px 5px;}
#content .submenu li {background:url('./image/arr_plus.gif') 8px 9px no-repeat;padding:7px 0 7px 25px;line-height:140%;border-bottom:#efefef solid 1px;}
#content .submenu li a {color:#707070;}
#content .submenu li a:hover {color:#3B82BA;}
#content .submenu li ul {padding:10px 0 0 0;margin:0;list-style-type:none;}
#content .submenu li ul li {background:none;padding:2px 0 2px 0;border-bottom:0;}
#content .submenu li ul li a {font-weight:normal;}
#content .submenu li ul li a:hover {color:#3B82BA;}
#content .submenu .open {background:url('./image/arr_minus.gif') 8px 9px no-repeat;}
#content .submenu .on {font-weight:bold;color:#3B82BA;}
#content .submenu ._last {border-bottom:0;}
#content .submenu .none {color:#c0c0c0;}
#content .banner {margin-bottom:15px;}
#content .banner span {display:block;font-size:11px;font-family:dotum;color:#c0c0c0;padding:70px 0 70px 0;margin:0;border:#dfdfdf solid 1px;background:#efefef;text-align:center;}
#content .hotbox {border:#dfdfdf solid 1px;margin-bottom:15px;}
#content .hotbox .tabbox {}
#content .hotbox .tabbox .tp {float:left;width:98px;height:20px;padding-top:10px;background:#F4F4F4;border-top:#ffffff solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;cursor:pointer;}
#content .hotbox .tabbox .vline {border-right:#D4D4D4 solid 1px;}
#content .hotbox .tabbox .on {background:#ffffff;border-top:#ffffff solid 1px;border-bottom:#ffffff solid 1px;color:#424242;}
#content .hotbox .hbody {padding:10px 5px 10px 8px;}
#content .hotbox .hbody ul {padding:0;margin:0;list-style-type:none;}
#content .hotbox .hbody li {height:14px;margin:10px 0 10px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#content .hotbox .hbody li i {display:inline-block;width:11px;margin-right:7px;hieght:11px;font-style:normal;font-size:10px;font-family:arial;color:#ffffff;letter-spacing:-px;text-align:center;background:#C0C0C0;border:#B6B6B6 solid 1px;border-radius:2px 2px 2px 2px;}
#content .hotbox .hbody li span {font-family:arial;font-size:11px;color:#E75801;padding-left:3px;}
#content .hotbox .hbody li a {}
#content .hotbox .hbody li .emp {background:#95A6FE;border:#7186FB solid 1px;}

/* 추가 css 부분 */
.rstep04.ex .fullwidthbanner-container {overflow:visible}
.rstep04.ex .tp-leftarrow.large {left:-120px !important}
.rstep04.ex .tp-rightarrow.large {left:auto !important;right:-120px !important}
#mwrap .rstep04.ex {height:950px}
.rstep04 .rv-paging {position:absolute;bottom:40px;left:50%;width:1260px;z-index:5;text-align:center; transform: translate(-50%, 0);}
.rstep04 .rv-paging button {font-size:14px;margin:0 3px;cursor:pointer;width:35px;height:35px;border-radius:40px;line-height:35px;text-align:center;border:0;color:#000;background:#fff;padding:0;}
.rstep04 .rv-paging button.on {color:#fff;background:#2c74a6}
.swiper-button-prev, 
.swiper-button-next  {filter:brightness(0) invert(1);}

.rstep0102 .swiper-button-prev, 
.rstep0102 .swiper-button-next  {filter:brightness(1) invert(0);}