@charset "utf-8";
@import url(animate.min.css);
@import url(util.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900);
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Yellowtail&display=swap');


/* Reset with bootstrap */
html{font-size: 18px}
body,p,h1,h2,h3,span,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Lato','Noto Sans KR','Apple SD Gothic Neo','맑은 고딕','Malgun Gothic','돋움',sans-serif;font-weight: 300}
body{word-break:break-all;word-wrap:break-word;letter-spacing: -.06em;color: #000}
a, a:hover{text-decoration:none !important;color: inherit !important}
a.active{font-weight: 500;text-decoration:line-through}
a[class*=text-]:hover{text-decoration: underline}

li{list-style:none}
address,em{font-style:normal}
a, label{cursor:pointer}
table{width: 100%}
textarea{width: 100%;resize:none;font-size: 1.1rem}
img{vertical-align: top}
hr{margin-top: 30px;margin-bottom: 30px;border-top-color: #e1e1e1}
b{font-weight: 500}

/* Helper Classes */
.no-style{margin: 0;padding: 0;border: 0;background: none}
[class*=txt-line]{display: block;display:-webkit-box;overflow:hidden;max-width: 100%;max-height:3em;line-height:1.5em !important;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all;white-space:normal}
.txt-line-3{max-height:4.5em;-webkit-line-clamp:3}
.px-h{height:100vh}
.d-flex{display:flex;align-items: center}
.d-flex-space{display: flex !important;-ms-flex-pack: justify;justify-content: space-between;align-items: center;}
.center-block{display: block;margin-left: auto !important;margin-right: auto !important}
.tb-type{display: table;position: relative;width:100%;height:100%}
.tb-type>div{display: table-cell;height:100%;vertical-align: middle}
.tb-type.direct{direction: rtl;margin-top:60px}
.op8{opacity: .8}
.op5{opacity: .5}
.op3{opacity: .3}
.ps{position: relative !important}
.c-blk{background:#120C16}
.d-iblock{display: inline-block}
.d-block{display: block}
.pl43{padding-left:41px}
.p-vertical-10{padding:10px 0}
.pr5{padding-right:5px}
.pl5{padding-left:5px}

/* Grid */
.container{width:auto !important;max-width:auto !important;padding:0}

/* Typography */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;font-weight: 700}
.display-1{font-size: 4.444rem;line-height: .9;font-weight: 700}
.display-2{font-size: 3.333rem;font-weight: 700;line-height: 1}
.display-3, .display-4{font-size: 2.889rem;font-weight: 900;line-height: 1.3}
.display-4{font-size: 2.889rem}
.h4{font-size: 1.7rem}
.h5{font-size: 1.333rem}
.h6{font-size: 1.022rem}
.font-weight-medium{font-weight: 500}
.ff-tail{font-family: 'Yellowtail', cursive;line-height: .85em;letter-spacing: -.02em}
.ff-tail.lg{font-weight: normal;font-size: 1.9em;line-height: 1em !important;letter-spacing: -.03em;}
.slogun-area{margin-bottom:10px;font-size:95px}
.s-type-h{font-size:30px;font-weight: 500}
.s-type-p{font-size:18px !important;margin-top:15px !important}

/* Icon */
[class^=icon-]{overflow:hidden;display:inline-block;margin:0;padding:0;border:0;background-color:transparent;background-position:50% 50%;background-size: auto 24px;background-repeat:no-repeat;font-size:0;line-height:0;text-decoration:none;vertical-align:top;text-indent:-1000em;background-size:100% auto}
.icon-logo-wh{margin:25px 0 0 15%;width:80%;height:30px;background-image:url(../img/logo.png);background-size:100% auto}
[class^=icon-opt]{width:30px;height:30px;background:url(../img/opt01.png);background-size:100% auto}
.icon-opt02{background-image:url(../img/opt02.png)}
.icon-opt03{background-image:url(../img/opt03.png)}
.icon-opt04{background-image:url(../img/opt04.png)}
.icon-opt05{background-image:url(../img/opt05.png)}
.icon-opt06{background-image:url(../img/opt06.png)}
.icon-mn{width:20px;height:20px;background:url(../img/mn.png);background-size:100% auto}
.icon-mn-cls{width:20px;height:20px;background-image:url(../img/mn_cls.png)}
.icon-ovu{width:350px;height:230px;margin-top:-20px;margin-left:-58px;background-image:url(../img/ovu_logo.png)}
.icon-link-arrow{width:11px;height:11px;margin-top:8px;background-image:url(../img/link_arrows.png)}
[class^=icon-nav]{width:38px;height:38px;background-image:url(../img/nav_i01.png)}
.icon-nav02{background-image:url(../img/nav_i02.png)}
.icon-nav03{background-image:url(../img/nav_i03.png)}
.icon-nav04{background-image:url(../img/nav_i04.png)}
.icon-nav05{background-image:url(../img/nav_i05.png)}
.icon-nav06{background-image:url(../img/nav_i06.png)}
.icon-nav07{background-image:url(../img/nav_i07.png)}
.icon-nav08{background-image:url(../img/nav_i08.png)}
[class^=icon-iset]{width:135px;height:135px;background-image:url(../img/sc_icon01.png)}
.icon-iset02{background-image:url(../img/sc_icon02.png)}
.icon-iset03{background-image:url(../img/sc_icon03.png)}
.icon-iset04{background-image:url(../img/sc_icon04.png)}
.icon-iset05{background-image:url(../img/sc_icon05.png)}
.icon-iset06{background-image:url(../img/sc_icon06.png)}
.icon-iset07{background-image:url(../img/sc_icon07.png)}
.icon-iset08{background-image:url(../img/sc_icon08.png)}
.icon-bc-home{width:12px;height:12px;margin-top:4px;margin-right:3px;background-image:url(../img/icon_home.png)}
.icon-logo-p{width:284px;height:162px;background-image:url(../img/ovu_logo_p.png)}
.icon-loct{margin-top:3px;margin-right:5px;width:12px;height:16px;background-image:url(../img/icon_location.png)}
.img-round{border-radius: 50%}
.icon-go{width:4px;height:8px;margin:6px 0 0 8px;background:url(../img/arrow_xs2.png);background-size:100% auto;background-repeat: no-repeat}
[class^=icon-rec]{width:95px;height:95px;background-image:url(../img/i_rc01.png)}
[class^=icon-bnt]{width:95px;height:95px;background-image:url(../img/i_bf01.png)}
.icon-rec02{background-image:url(../img/i_rc02.png)}
.icon-rec03{background-image:url(../img/i_rc03.png)}
.icon-rec04{background-image:url(../img/i_rc04.png)}
.icon-rec05{background-image:url(../img/i_rc05.png)}
.icon-rec06{background-image:url(../img/i_rc06.png)}
.icon-rec07{background-image:url(../img/rc_step01.png)}
.icon-rec08{background-image:url(../img/rc_step02.png)}
.icon-rec09{background-image:url(../img/rc_step03.png)}
.icon-rec10{background-image:url(../img/rc_step04.png)}
.icon-rec11{background-image:url(../img/rc_step05.png)}
.icon-rec12{background-image:url(../img/rc_step06.png)}
.icon-rec13{background-image:url(../img/rc_step07.png)}
.icon-bnt02{background-image:url(../img/i_bf02.png)}
.icon-bnt03{background-image:url(../img/i_bf03.png)}
.icon-bnt04{background-image:url(../img/i_bf04.png)}
.icon-bnt05{background-image:url(../img/i_bf05.png)}
.icon-bnt06{background-image:url(../img/i_bf06.png)}
.icon-bnt07{background-image:url(../img/i_bf07.png)}
.icon-bnt08{background-image:url(../img/i_bf08.png)}
.icon-bnt09{background-image:url(../img/i_bf09.png)}
.icon-bnt10{background-image:url(../img/i_bf10.png)}
.icon-bnt11{background-image:url(../img/i_bf11.png)}
.icon-bnt12{background-image:url(../img/i_bf12.png)}

.icon-warn{width: 18px;height: 18px;margin-right: 3px !important;background: url(../img/icon_warn.png) no-repeat;background-size: contain;}

/* common */
[class^=btn-]{display: inline-block}
.breadcrumb{position: absolute;top:100px;right:3%;background:none}
.breadcrumb li, .breadcrumb a{color:#fff !important}
.breadcrumb>li+li:before{content: '>'}
.w100{width:100% !important}
.btn-area{display: block;text-align: center}
.img-shadow{box-shadow:15px 15px 10px 3px rgba(0,0,0, .15)}
.lst-dot li{position: relative;margin:10px 0 0 15px;font-size:18px}
.lst-dot li:before{content: '';display: inline-block;position:absolute;top:12px;margin-left:-10px;width:3px;height:3px;background:#666;border-radius: 10px}
.bb{border-bottom:1px solid #E5E5E5}
.tab-content .con-pn{padding:30px 0;min-height:450px}

/* button */
.btn{min-width:160px;padding:12px 0;border-radius:0;font-size:17px;font-weight:400;text-align:center}
.btn-sm{font-size:13px;border-radius:0}
.btn-more-v2{min-width:300px;border:1px solid #000;padding-bottom:17px;background:url(../img/btn_more_v2.png) no-repeat bottom 8px center;background-size:8px auto;}
.btn-dark{color:#fff !important;background:#000;border-color:#000}
.btn-dark:hover{color:#fff !important}
.btn-muted{color:#000 !important;background:#fff;border-color:#E2E2E2}
.btn-muted:hover{color:#000 !important}
.btn-muted.link{border:1px solid #E5E5E5}
.btn-disabled{color:#fff !important;background:#D0D0D0;border-color:#D0D0D0}

.btn-menu{margin-top:-5px;background:#997d4d;border-radius:50px;box-shadow:1px 1px 5px 2px rgba(0,0,0, .2); font-size:18px;font-weight: 400}
.btn-menu .ff-pp{letter-spacing:0 !important}
.btn-menu.post{background-color:#1d4975}
.btn-menu.post:hover{background-color:#183b5f}
.btn-basic-blk{padding:17px 70px;background:#120C16;text-align: center;font-size:19px;color:#fff !important}
.btn-basic-blk.download{background-image:url(../img/icon_download.png);background-repeat: no-repeat;background-position: 90% 50%;background-size:18px auto}
.btn-basic-blk.link{background-image:url(../img/btn_arrow.png);background-repeat: no-repeat;background-position: 90% 50%;background-size:14px auto;transition: all .5s;-webkit-transition:all .5s}
.btn-basic-blk.link:hover{background-position: 93% 50%;}
.btn-basic-blk:hover{color:#fff !important;box-shadow: 5px 5px 10px 3px rgba(0,0,0, .07)}
.btn-basic-blk.type-wd{padding:17px 120px}
.btn-basic-blk.sm{padding:14px 60px;font-size:16px}
.btn-basic-line{padding:13px 60px;background:#fff;border:1px solid #E2E2E2;text-align: center;font-size:16px;font-weight: 500; color:#222 !important}
.btn-basic-line.xs{padding:8px 30px;font-size:15px;border-color:#000}
.btn-basic-line.xs:hover{background:#000;color:#fff !important}
.btn-basic-line.round{border-radius: 50px;border-color:#E0E0E0}
.btn-basic-line.round:hover{background:none;color:#000 !important}
.modal .btn-basic-line{font-size:13px;padding:4px 12px}

/*----------- mobile -----------*/
#mNav{display:none;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling:touch;position:fixed;top:0;bottom:0;left:0; right:0; z-index:99999999;background:#fff}
#mNav .m-con .line-con>div:before{content:''; display: inline-block;position: absolute;right:0;width:1px;height:100vh;background:#000;z-index: 999;opacity: .1}
#mNav .m-con .line-con>div.no-line:before{content: '';display: none}
.gnb-info{width:100%;align-items: center;padding:5% 0 5% 18%;white-space: nowrap}
.gnb-info>div:first-child{margin-top:25px}
.gnb-info li{padding:10px 0}
.gnb-info li a{font-size:4.5em}
.gnb-info li.active a{font-weight: 900}
.gnb-info .t-ft{margin-top:15px;}
.gnb-info .t-ft a{text-decoration: underline !important;font-size:12px;margin-right:20px;color:#999 !important}
.gnb-info .t-ft a:hover{color:#666 !important}
.gnb-info .t-ft a b{font-weight:bold;font-size:1.1em}
.gnb-info ul{padding-left:34px}
.dept-info .mn-area{position: relative;width:100%}
.dept-info .mn-area>div>div{margin-top:-200px}
.dept-info .mn-area h3{position: relative;padding-left:35px;margin-bottom:30px;font-size:22px;font-weight: 900}
.dept-info .mn-area h3:before{content: '01';position: absolute;margin:-5px 0 0 -100px;font-family: 'Lora';font-weight: normal;font-size:45px;color:#E2E2E2}
.dept-info .mn-area .i2 h3:before{content: '01'}
.dept-info .mn-area .i3 h3:before{content: '02'}
.dept-info .mn-area .i4 h3:before{content: '03'}
.dept-info .mn-area .i5 h3:before{content: '04'}
.dept-info .mn-area .i6 h3:before{content: '05'}
.dept-info .mn-area h3 span{font-weight:400;font-size:14px;letter-spacing: 0}
.dept-info .mn-area li{padding:13px 0;}
.dept-info .mn-area h3+ul>li a{position: relative;display: inline-block;padding-left:35px;font-size:35px;border-left:5px solid transparent}
.dept-info .mn-area h3+ul>li a:hover{font-weight: bold;border-color:#000}
.latest-area{position: absolute;bottom:0;width:100%;padding:35px}
.latest-area .txt{padding-bottom:130px;font-size:18px;color:#666}
.latest-area{background-size:cover;background-position:1px 100%;background-repeat: no-repeat}

.tit-type{overflow: hidden;position: relative;width:6.5em;height:1.3em;margin:0;letter-spacing: -0.06em;}
.tit-type tspan {white-space: inherit}
.tit-type svg{width:100%;height:1.3em;font-weight: 900;}
.tit-type tspan.stroke{paint-order: stroke;stroke: #222;stroke-width: 0.5px;stroke-linecap: butt;stroke-linejoin: miter;font-weight: 700;fill: rgba(255,255,255,0); transition: all .3s;-webkit-transition:all .5s}

.mn-area.tab-content>.active{display: flex !important}
.gnb-info ul li.active tspan.stroke, .gnb-info ul li:hover tspan.stroke{fill: rgba(0,0,0,1);}
.gnb-media{width:270px;height:60vh;overflow: hidden}
.gnb-media .bg{width:100%}

.tb-type{display:table}
.tb-type>div{display: table-cell;vertical-align: middle;font-size:17px}
.media-latest{margin-bottom:40px}
.media-latest .tb-type>div:first-child{width:30%}
.media-latest .tb-type>div:first-child img{border-radius: 10px;box-shadow:5px 5px 10px 3px rgba(0,0,0, .1)}
.media-latest .tb-type>div+div{padding-left:10px}

/* Animate */
.ani-stop{visibility:hidden;-webkit-animation-name:none !important;animation-name:none !important}
.ani-delay005{-webkit-animation-delay:.05s;animation-delay:.05s}
.ani-delay01{-webkit-animation-delay:.1s;animation-delay:.1s}
.ani-delay015{-webkit-animation-delay:.15s;animation-delay:.15s}
.ani-delay025{-webkit-animation-delay:.25s;animation-delay:.25s}
.ani-delay02{-webkit-animation-delay:.2s;animation-delay:.2s}
.ani-delay03{-webkit-animation-delay:.3s;animation-delay:.3s}
.ani-delay04{-webkit-animation-delay:.4s;animation-delay:.4s}
.ani-delay05{-webkit-animation-delay:.5s;animation-delay:.5s}
.ani-delay06{-webkit-animation-delay:.6s;animation-delay:.6s}
.ani-delay07{-webkit-animation-delay:.7s;animation-delay:.7s}
.ani-delay075{-webkit-animation-delay:.75s;animation-delay:.75s}
.ani-delay08{-webkit-animation-delay:.8s;animation-delay:.8s}
.ani-delay09{-webkit-animation-delay:.9s;animation-delay:.9s}
.ani-delay10{-webkit-animation-delay:1s;animation-delay:1s}
.ani-delay11{-webkit-animation-delay:1.1s;animation-delay:1.1s}
.ani-delay12{-webkit-animation-delay:1.2s;animation-delay:1.2s}
.ani-delay125{-webkit-animation-delay:1.25s;animation-delay:1.25s}
.ani-delay13{-webkit-animation-delay:1.3s;animation-delay:1.3s}
.ani-delay14{-webkit-animation-delay:1.4s;animation-delay:1.4s}
.ani-delay15{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.ani-delay16{-webkit-animation-delay:1.6s;animation-delay:1.6s}
.ani-delay17{-webkit-animation-delay:1.7s;animation-delay:1.7s}
.ani-delay18{-webkit-animation-delay:1.8s;animation-delay:1.8s}
.ani-delay19{-webkit-animation-delay:1.9s;animation-delay:1.9s}
.ani-delay20{-webkit-animation-delay:2s;animation-delay:2s}
.ani-delay25{-webkit-animation-delay:2.5s;animation-delay:2.5s}
.ani-delay30{-webkit-animation-delay:3s;animation-delay:3s}
.ani-delay35{-webkit-animation-delay:3.5s;animation-delay:3.5s}
.ani-delay40{-webkit-animation-delay:4s;animation-delay:4s}
.ani-delay45{-webkit-animation-delay:4.5s;animation-delay:4.5s}
.ani-duration05{-webkit-animation-duration:.5s;animation-duration:.5s}
.ani-duration{-webkit-animation-duration:1s;animation-duration:1s}
.ani-duration15{-webkit-animation-duration:1.5s;animation-duration:1.5s}
.ani-duration2{-webkit-animation-duration:2s;animation-duration:2s}
.ani-duration3{-webkit-animation-duration:3s;animation-duration:3s}
.fadeInUpSm{animation-name: fadeInUpSm}
.ani-draw.ani-stop .st{animation-name: none;}
.ani-draw .st{animation-name: draw}

.ff-tail{width:45%;margin:0 auto}
.st { stroke-dasharray: 500; stroke-dashoffset: 500;  }
.st { animation:draw .8s forwards;  }
.st1 { animation-delay: .2s; }
.st2 { animation-delay: .3s; }
.st3 { animation-delay: .4s; }
.st4 { animation-delay: .5s; }
.st5 { animation-delay: .6s; }
.st6 { animation-delay: .7s; }
.st7 { animation-delay: .8s; }
.st8 { animation-delay: 1.1s; }
.st9 { animation-delay: .9s; }
.st10 { animation-delay: 1s; }
.st11 { animation-delay: 1.2s; }
.st12 {animation-delay: 1.3s; }
.st13 {animation-delay: 1.4s; }
.st14 { animation-delay: 1.5s; }
.st15 {  animation-delay: 1.6s; }
.st16 { animation-delay: 1.7s; }
.st17 { animation-delay: 1.8s; }
.st18 { animation-delay: 1.9s; }
.st19 { animation-delay: 2s; }
.st20 { animation-delay: 2.1s; }
.st21 { animation-delay: 2.2s; }
.st22 { animation-delay: 2.3s; }
.st23 { animation-delay: 2.5s; }
.st24 { animation-delay: 2.4s; }
.st25 { animation-delay: 2.6s; }
.st26 { animation-delay: 2.7s; }
.st27 { animation-delay: 2.8s; }
.st28 { animation-delay: 2.9s; }

@keyframes draw {
    100% {
        stroke-dashoffset: 0;
    }
}


.only-ex{display:none}
.ex-hidden{display:block}
/* ie Hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.only-ex{display:block}
	.ex-hidden{display:none}
}

/* Header */
#hd{position: absolute;top: 0;left: 0;width: 100%;height:80px;z-index: 100;justify-content: space-between;z-index: 9999;transition:  all 1s}
#hd h1{position: relative;width:10%;z-index: 99999}
#hd.sub-p{position: fixed;width:100%;top: 0;transition: top 0.2s ease-in-out;}
#hd.sub-p.nav-up {top: -80px}
.is-scroll #hd{background:rgba(0,0,0, .8)}

.hd-opt{display: flex;justify-content: space-between;color:#fff}
.hd-opt .tel-info{position:relative;display: inline-block;padding-left:0;font-size:1em;font-weight:400;letter-spacing:0}
/* .hd-opt .tel-info:before{content: '';display: inline-block;position: absolute;top:50%;right:-65px;width: 45px;height:1px;background:rgba(255,255,255, .6)} */
.hd-opt .tel-info em{display: inline-block;width:3px;height:3px;background:#fff;border-radius: 10px;margin:0 3px 4px}
.opt-con {overflow:hidden}
.opt-con li{float:left;color:#fff;line-height:1em}
.opt-con li a{display: inline-block;height:80px;padding:14px 12px;text-align: center;font-size:12px;font-weight: bold}
.opt-con li a p{margin-top:3px}
.menu-area{border-left:1px solid #eee;background:#fff;color:#000;font-size:1.35em;font-weight: 900;letter-spacing:.1em}
.menu-area i{position: relative;top:50%;margin:0 3px 0 8px;transform: translate(0,-50%);-webkit-transform: translate(0,-50%)}
.menu-area.v2{position:absolute !important;right:0;bottom:0;padding:0!important;height:auto !important;background:#000}
.menu-area.v2 a{color:#fff !important;font-weight: normal;font-size:.75em !important;letter-spacing: -.005em}
.menu-area.v2 li a{display: flex;padding:0 15px;align-items: center}
.menu-area.v2 li a i{margin-top:30px}
.menu-area.v2 li+li{border-top:1px solid #666}
.menu-area.v2:before{content: '' !important;display: none !important}
.menu-area.v3{position: absolute;top:0;right:0}

/* Layout */
#wrap{overflow: hidden;display: flex;flex-direction: column;min-height: 100vh;width: 100%;}
.row{margin:0;padding:0}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding:0}
.w1400{position: relative;max-width:1400px;margin:0 auto}
.w1280{position: relative;max-width:1280px;margin:0 auto}
.w1140{position: relative;max-width:1140px;margin:0 auto}
.w940{max-width:940px;margin:0 auto}
.w60{width:60%;margin:0 auto}
.text-center{text-align: center !important}
#ft{padding:45px 5%;background:#120C16;color:#fff}
#ft dl{margin-top:10px}
#ft dt{float:left;width:40px}
#ft dt, #ft dd{padding:3px 0}
#ft em{display: inline-block;padding-top:5px;font-size:.85em;opacity: .6}
.company-info{border-right:1px solid #333;opacity: .7}
.company-info+div{padding-left:3%}
#ft .site-map>li{float:left;}
#ft .site-map>li+li{margin-left:50px}
#ft .site-map>li ul li:first-child{margin-bottom:22px;font-weight: 500}
#ft .site-map>li ul li a{display: inline-block;padding:4px 0;opacity: .6}
#ft .site-map>li ul li a:hover{opacity: .8}
.family-area{margin-top:25px;}
.family-area select{background:none;padding:10px 25px;border-color:#666;color:#eee}

.nav-tabs{display: table;width:100%;margin-bottom:60px;border-top:1px solid #120C16;border-bottom:1px solid #120C16;}
.nav-tabs li{float:none;width:33.3333333%;display: table-cell;margin:0;border:0;text-align: center;}
.nav-tabs>li a{border-radius: 0;font-size:20px;font-weight: 500;margin:0;padding:15px 0;border:0 !important;border-bottom:7px solid transparent !important;}
.nav-tabs>li.active a{position: relative;border-color:#120C16}
.nav-tabs>li a:focus, .nav-tabs>li a:hover{background:none}
.nav-tabs>li.active a:before{content: '';display: inline-block;position: absolute;bottom:-12px;left:50%;margin-left:-6px;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid rgb(0, 0, 0);}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background:none}
.nav-tabs>li.active a{position: relative;border-color:#120C16 !important}
.nav-tabs.v2 li, .nav-tabs.v4 li{width:25%}
.nav-tabs.v3 li{width:50%}
.nav-tabs.v4{margin-bottom:0}
.nav-tabs.v4>li.active a{border-color:#652C92 !important}
.nav-tabs.v4>li.active a:before{display: none}
.nav-tabs.type-wh, .nav-tabs.type-wh>li.active a{border-color:#fff !important;}
.nav-tabs.type-wh li a{color:#fff !important}
.nav-tabs.type-wh>li.active a:before{border-top: 10px solid rgb(255, 255, 255) !important;}


/* table */
.default_table{width:100%; border-top:2px solid #335173; color:#000;}
.default_table th, .default_table td{padding:19px 0; border-bottom:1px solid #eaeaea; font-size:16px; word-wrap:break-word; word-break:break-all; color:#666;}
.default_table th{font-size:17px; font-weight:300; color:#000;}
.default_table tbody th{text-align:left;}
.table.line-type{border-bottom:1px solid #ddd}
.table.line-type tr:first-child th, .table.line-type tr:first-child td{border-top:1px solid #000}
.table.line-type th, .table.line-type td{font-size:17px;padding:20px 10px;text-align: left}
.table.line-type th{font-weight: 500;font-size: 20px}
.table.tb-info{border-top:1px solid #000;border-bottom:1px solid #000}
.table.tb-info thead{background-color:#f9f9f9}
.table.tb-info thead th{padding:12px; text-align: center;font-weight: 500;font-size:16px !important}
.table.tb-info td{padding:12px; font-size:15px !important}
.table.tb-info th, .table.tb-info td{border-bottom:1px solid #e3e3e3; border-left:1px solid #E3E3E3}
.table.tb-info thead>tr>th:first-child, .table.tb-info tbody>tr>td:first-child{border-left:0}
.table.tb-info.w50{width:60%}
.table.tb-info .bl{border-left:1px solid #e3e3e3 !important}
.table.tb-info .td-bold{font-weight: 500;}
.table.tb-info .td-gray{background-color:#f9f9f9}

/* form */
legend{position:absolute; left:-9999px; top:0}
caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
button{background:none; box-sizing:border-box; cursor:pointer;}
button::-moz-focus-inner{padding:0; border:0;}
input[type=text], input[type=password] , select{padding:11px 20px; border:1px solid #dadada; box-sizing:border-box; font-family:'Noto Sans KR', Dotum, '굴림', Gulim, Helvetica, sans-serif; font-size:16px; font-weight:300; vertical-align:middle; color:#666;}
select{height:46px; padding:0 0 0 20px; background:url(../img/select_arr.png) 92% 50% no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
select::-ms-expand{display:none;}
textarea{padding:15px 20px; border:1px solid #dadada; box-sizing:border-box; font-family:'Noto Sans KR', Dotum, '굴림', Gulim, Helvetica, sans-serif; font-size:16px; font-weight:300; vertical-align:middle; color:#666; resize:none;}
.mark{padding:0 10px;background:none}
.w200{width:200px}
.w525{width:500px}
.wfull{width:100%}
.default_table tbody th .aster{margin:2px 0 0 5px;color:#981CD0}
.default_table.v2{margin-bottom:10px}
.default_table.v2 th{font-weight: 500;}
.info-text{font-size: 15px; font-weight: 400; line-height: 1.6em;}
.guide_txt{font-size:.85em;margin:8px 0}
.file_hidden{overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; padding:0; margin-left:-1px; border:0 none;}
.attach label{vertical-align:middle; margin-left:10px;}
.text-box-t{overflow-y: scroll;height:200px;border:1px solid #ddd;border-radius: 5px;padding:20px;font-size:1.2em;color:#666}
.text-box-t b{display: inline-block;margin:25px 0 0}
.text-box-t .lst-dot li{font-size:1em;margin:5px 0 0 15px}
.text-box-t .lst-dot li:before{top:9px}
.text-box-t+.check_area{text-align: right;margin:8px 0 30px}
.text-box-t+.check_area span, .check_area.v2 span{margin-left:20px;font-weight: 500;font-size:1.1em}
.check_area span label{font-weight: 500 !important}
h5.legd{font-size:1.3em;font-weight: 500; margin-bottom:10px}
h5.legd span{color:#CB283B}
label.btn-basic-line{display: inline;padding:13px 31px}
label.btn-basic-line:hover{border-color:#999}

/* table - type_contents */
.default_table.type_contents thead th{padding:22px;}
.default_table.type_contents th{padding:20px 0; border-left:1px solid #eaeaea;}
.default_table.type_contents td{padding:20px 0; border-left:1px solid #eaeaea; color:#333;}
.default_table.type_contents tbody th{text-align:center;}
.default_table.type_contents tbody td{text-align:center;}

/* table - row type */
.default_table.type_row tbody th{padding-left:40px;}
.default_table.type_row tbody td{padding-right:40px;}

/* modal */
.modal.type-basic .modal-dialog{max-width:900px;width:100%}
.modal.type-basic .modal-header{padding:28px 0;border-bottom:0;text-align: center;font-size:18px}
.modal.type-basic .modal-title{font-size:30px;margin-bottom:8px}
.modal.type-basic .modal-body{padding:15px 40px}
.modal.type-basic .modal-header .close{position: absolute;top:20px;right:20px}
.modal.type-list .modal-dialog{max-width:700px}
.modal.type-list .modal-body{padding:30px 24px 15px}
.modal.type-list .close{position:absolute;top:16px;right:16px; display: inline-block; width:18px;height:18px;background-image:url(../img/icon_close_blk.png);background-size:100% auto;background-repeat: no-repeat;}
.lst-jobitv h5{font-size:20px;color:#000}
.lst-jobitv>div{min-height:180px;padding:30px 0;border-bottom:1px solid #E2E3E5}
.lst-jobitv .tb-type p{font-size:.9em;color:#666;margin-top:5px}
.lst-jobitv .tb-type>div{vertical-align: top}
.lst-jobitv .tb-type>div:first-child{position: relative;width:75px}
.lst-jobitv .tb-type>div:first-child img{position: relative}
.lst-jobitv .tb-type>div+div{padding-left:15px}
.lst-jobitv .tb-type>div h5+p{min-height:60px}


/* board_type_col */
.board_table{margin-bottom:30px;}
.board_table thead th{padding:12px 0; font-size:15px; font-weight:300; color:#666;}
.board_table td{font-size:18px; font-weight:400; text-align:center; word-break:break-all; color:#333;}
.board_table td.tit a{overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; word-break:keep-all;}
.board_table td.tit a:hover{text-decoration:underline;}
.board_table .nodata{padding:100px 0;}

/* act */
.border_box{padding:30px;border:2px solid #ddd;border-radius: 15px}
.index-box{border-top:2px solid #000}
.heading-h3{margin-top:60px;margin-bottom:20px;text-align:center;font-size:24px}
.privacy .ref-box{padding:35px; background-color:#F7F8FA;border:1px solid #F0F0F0;text-align:center}
.privacy .ref-box strong{font-weight: 500; font-size:22px; margin-bottom:6px}
.privacy{font-size:16px;line-height:1.6}
.privacy-label-area{max-width:980px; margin:0 auto; padding-bottom:40px}
.privacy-label-area .row{position:relative; margin:0 -6px}
.privacy-label-area .row>div{position: initial;padding:6px;text-align: center;border:1px solid transparent}
.privacy-label-area .row>div>div{cursor:pointer; padding-top:60px;height:310px; border:2px solid #EAEAEA; background-color:#fff; box-shadow: 4px 4px 12px 0px rgba(0,0,0, .05);}
.privacy-label-area .row>div>div b{display:block; padding-top:40px;font-size:20px}
.privacy-label-area .row>div>div .b-strong{padding-top:0;font-size:15px}
.privacy-label-area .row>div>div:hover{border:2px solid #652C92;box-shadow: 4px 4px 12px 0px rgba(0,0,0, .21);}

.detail-layer{display: none; position:absolute;max-width:670px;width:670px;top:40%;left:0; z-index: 99; background-color:#fff; border:1px solid #1C062E;box-shadow: 4px 4px 12px rgba(0,0,0, .05 ); text-align:left}
.detail-layer .layer-header{padding:15px 20px;background-color:#1C062E;color:#fff;font-size:18px;font-weight:500}
.detail-layer .layer-body{padding:20px;}
.detail-layer.on{display: inline-block;}
.privacy-label-area .row>.i2 .detail-layer{left:50%; transform: translate(-50%, 0)}
.privacy-label-area .row>.i3 .detail-layer{left:auto; right:0}
.privacy-label-area .row>.i4 .detail-layer{top:80%;}
.privacy-label-area .row>.i5 .detail-layer{top:80%; left:50%;  right:0; transform: translate(-50%, 0)}
.privacy-label-area .row>.i6 .detail-layer{top:80%; left:auto; right:0}


[class^=icon-privacy-i]{display: inline-block;width:120px;height:120px;background-size:auto 100%;background-position:50% 50%; background-repeat: no-repeat; background-image:url(../img/privacy_i_01.png)}
[class^=icon-privacy-i02]{background-image:url(../img/privacy_i_02.png)}
[class^=icon-privacy-i03]{background-image:url(../img/privacy_i_03.png)}
[class^=icon-privacy-i04]{background-image:url(../img/privacy_i_04.png)}
[class^=icon-privacy-i05]{background-image:url(../img/privacy_i_05.png)}
[class^=icon-privacy-i06]{background-image:url(../img/privacy_i_06.png)}
.privacy .meta-txt{display: inline-block; margin-top:20px}
.privacy_step {padding:25px 20px;}
.privacy_step>ol{float:left;width:50%}
.privacy_step>ol li{margin-top:7px;font-weight:400}
.privacy_step>ol li a{color:#666}
.privacy_step>ol li a:hover{color:#222;text-decoration: underline !important}
.privacy_step.v2>ol li{position:relative; margin-top:10px}
.privacy_step.v2>ol li:before{content: '';position:absolute;top:50%;right:20px;transform: translate(0, -50%); display: inline-block;width:6px;height:10px; background-image:url(../img/icon-btn-arrows.png);background-repeat: no-repeat;background-position:96% 50%; background-size:100% auto; opacity: 0;}
.privacy_step.v2>ol li a{position:relative; display:flex;align-items: center;  width:100%; height:66px; line-height:1.3em; padding-left:100px; border:1px solid #CECECE; border-radius:4px; background-repeat: no-repeat;background-position:30px 50%;background-size:32px auto; font-size:17px; font-weight: 500;}
.privacy_step.v2>ol li a:hover{border-color:#652C92;box-shadow:4px 4px 6px rgba(0,0,0, .16);text-decoration: none}
.privacy_step.v2>ol li a:before{content: '';position:absolute; display: inline-block;width:1px;height:24px; margin-left:-10px;background-color:#ddd}
.privacy_step.v2>ol li:hover:before{opacity: 1; transition: all .3s;}
.privacy_step.v2 .i1{background-image:url(../img/privacy_i_sm01.png)}
.privacy_step.v2 .i2{background-image:url(../img/privacy_i_sm01.png)}
.privacy_step.v2 .i3{background-image:url(../img/privacy_i_sm02.png)}
.privacy_step.v2 .i4{background-image:url(../img/privacy_i_sm03.png)}
.privacy_step.v2 .i5{background-image:url(../img/privacy_i_sm04.png)}
.privacy_step.v2 .i6{background-image:url(../img/privacy_i_sm05.png), url(../img/privacy_i_sm06.png);background-position:12px 50%, 48px 50%}
.privacy_step.v2 .i7{background-image:url(../img/privacy_i_sm07.png)}
.privacy_step.v2 .i8{background-image:url(../img/privacy_i_sm08.png)}
.privacy_step.v2 .i9{background-image:url(../img/privacy_i_sm09.png)}
.privacy_step.v2 .i10{background-image:url(../img/privacy_i_sm10.png)}
.privacy_step.v2 .i11{background-image:url(../img/privacy_i_sm11.png)}
.privacy_step.v2 .i12{background-image:url(../img/privacy_i_sm12.png)}
.privacy_step.v2 .i21{background-image:url(../img/privacy_i_sm21.png)}
.privacy_step.v2 .i22{background-image:url(../img/privacy_i_sm22.png)}
.privacy_step.v2 .i23{background-image:url(../img/privacy_i_sm23.png)}
.privacy_step.v2 .i24{background-image:url(../img/privacy_i_sm24.png)}
.privacy_step.v2 .i25{background-image:url(../img/privacy_i_sm25.png)}
.privacy_step.v2 .i26{background-image:url(../img/privacy_i_sm26.png)}
.privacy_step.v2 .i27{background-image:url(../img/privacy_i_sm27.png)}
.privacy_step.v2 .i28{background-image:url(../img/privacy_i_sm28.png)}
.privacy_step.v2 .i29{background-image:url(../img/privacy_i_sm29.png)}
.privacy_step.v2 .i30{background-image:url(../img/privacy_i_sm30.png)}
.privacy_step.v2 .i31{background-image:url(../img/privacy_i_sm31.png), url(../img/privacy_i_sm23.png);background-position:12px 50%, 48px 50%}
.privacy_step.v2 .i32{background-image:url(../img/privacy_i_sm32.png)}
.privacy_step.v2 .i33{background-image:url(../img/privacy_i_sm33.png)}
.privacy_step.v2 .i34{background-image:url(../img/privacy_i_sm34.png)}
.privacy_step.v2 .i35{background-image:url(../img/privacy_i_sm35.png)}
.privacy>section{padding:44px 0 44px;border-top:1px solid #ddd;}
.privacy.v2>section{padding:44px 0 44px 40px;background-repeat: no-repeat;background-position:0px 39px;background-size:30px auto}
.privacy .border_box+section{margin-top:50px;border-top:1px solid #ddd}
.privacy>section h3{padding-bottom:10px;font-size:20px;color:#652C92;font-weight:600}
.privacy>section .defualt_dl, .privacy>section ul{padding-top:20px}
.privacy>section .defualt_dl dt:first-child{padding-top:0}
.privacy>section .defualt_dl dt{padding:15px 0 3px;font-weight:500;font-size:18px}
.privacy>section .dl-horizontal dt{width:auto;padding-top:5px;padding-right:8px;font-weight:normal;text-align:left}
.privacy>section a{display: inline-block;border:1px solid #ddd;font-size:.85em;padding:8px 12px}
.privacy>section 
.privacy .btn3{border:0; background-color:#000;color:#fff !important}
.privacy>section .dl-horizontal dd{padding-top:5px;margin-left:0 !important;}
.privacy.v2 #privacy1{background-image:url(../img/privacy_i_sm01.png)}
.privacy.v2 #privacy2{background-image:url(../img/privacy_i_sm01.png)}
.privacy.v2 #privacy3{background-image:url(../img/privacy_i_sm02.png)}
.privacy.v2 #privacy4{background-image:url(../img/privacy_i_sm03.png)}
.privacy.v2 #privacy5{background-image:url(../img/privacy_i_sm04.png)}
.privacy.v2 #privacy6{background-image:url(../img/privacy_i_sm05.png), url(../img/privacy_i_sm06.png);background-position:0px 39px, 0px 72px;}
.privacy.v2 #privacy7{background-image:url(../img/privacy_i_sm07.png)}
.privacy.v2 #privacy8{background-image:url(../img/privacy_i_sm08.png)}
.privacy.v2 #privacy9{background-image:url(../img/privacy_i_sm09.png)}
.privacy.v2 #privacy10{background-image:url(../img/privacy_i_sm10.png)}
.privacy.v2 #privacy11{background-image:url(../img/privacy_i_sm11.png)}
.privacy.v2 #privacy12{background-image:url(../img/privacy_i_sm12.png)}
.privacy.v2 #privacy21{background-image:url(../img/privacy_i_sm21.png)}
.privacy.v2 #privacy22{background-image:url(../img/privacy_i_sm22.png)}
.privacy.v2 #privacy23{background-image:url(../img/privacy_i_sm23.png)}
.privacy.v2 #privacy24{background-image:url(../img/privacy_i_sm24.png)}
.privacy.v2 #privacy25{background-image:url(../img/privacy_i_sm25.png)}
.privacy.v2 #privacy26{background-image:url(../img/privacy_i_sm26.png)}
.privacy.v2 #privacy27{background-image:url(../img/privacy_i_sm27.png)}
.privacy.v2 #privacy28{background-image:url(../img/privacy_i_sm28.png)}
.privacy.v2 #privacy29{background-image:url(../img/privacy_i_sm29.png)}
.privacy.v2 #privacy30{background-image:url(../img/privacy_i_sm30.png)}
.privacy.v2 #privacy31{background-image:url(../img/privacy_i_sm31.png), url(../img/privacy_i_sm23.png);background-position:0px 39px, 0px 72px;}
.privacy.v2 #privacy32{background-image:url(../img/privacy_i_sm32.png)}
.privacy.v2 #privacy33{background-image:url(../img/privacy_i_sm33.png)}
.privacy.v2 #privacy34{background-image:url(../img/privacy_i_sm34.png)}
.privacy.v2 #privacy35{background-image:url(../img/privacy_i_sm35.png)}
.privacy .tb-info{margin-top:24px}

#privacy10 .dl-horizontal dt{width:auto;margin-right:5px}
#privacy10 .dl-horizontal dd{margin-left:0}
.privacy strong{display: inline-block}
.privacy>section ol li{padding-top:3px}
.privacy .table th, .privacy .table td{font-size:16px;text-align:left}
.modal-dialog{padding:80px 0 !important}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{background:#f5f5f5;border-bottom:0;text-align: center;font-weight: 400;border-top:1px solid #ddd}

/* Index */
.main-visual{position: relative;min-height:100vh}
.main-visual:before{content: ''; position: absolute;bottom:-2px;width:100%;height:500px;background-image:url(../img/bg_up01.png);background-size:100% auto;background-position: 50% 100%;background-repeat: no-repeat;z-index: 999}

.m-con{position: absolute;top:0;right:0;bottom:0;left:0;display: inline-block;height:100%}
.m-con.mn, .m-con.gnb{z-index: 9999}
.m-con.nav-con{z-index: 999}
.m-con [class^=con-]{height:100vh}
.m-con .line-con>div{position:relative}
.m-con .line-con>div:before{content:''; display: inline-block;position: absolute;right:0;width:1px;height:100vh;background:#fff;z-index: 999;opacity: .1}
.m-con .line-con>div.no-line:before{content: '';display: none}
.m-con .line-con.left>div:before{content: '';right:auto;left:0}
.m-con .hd-part{height:80px;padding:0 10px 0 10px;border-bottom:1px solid rgba(255,255,255, .1);line-height: 80px}
.is-scroll #hd .menu-area{border-bottom:1px solid #ddd}
.m-con .part-left{border-left:1px solid rgba(255,255,255, .1)}
.m-con.mn .m-b1{border-bottom:0}

.bg_full{position:absolute;top:-0;left:-50%;width:200%;height:100%}
.bg_full .bg{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:100%;max-width:none;border:0}
.main-slider .bg_full:before{content: '';position: absolute;display: inline-block;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0, .2);z-index: 9}
.main-slider-tx li{position: absolute;top:50%;left:0; transform: translate(0,-50%);animation: fadeOut .2s both}
.main-slider-tx .active{animation: fadeIn .5s both}

.main-slider .slick-dots{position: absolute;left:20px;top:50%;z-index: 9999999;transform:translate(0, -50%)}
.main-slider .slick-dots button{display:inline-block;width:8px;height:8px;border-radius: 10px; font-size:0;border:0;box-shadow: none;background:#fff;opacity: .3;outline: none}
.main-slider .slick-dots button:before{content: '';display: inline-block;width:16px;height:16px;margin:-4px 0 0 -4px;border:1px solid transparent;border-radius: 50px}
.main-slider .slick-dots .slick-active button{opacity: 1}
.main-slider .slick-dots .slick-active button:before{border-color:#fff}
.main-slider .slick-dots  li{margin:5px 0}

.main-slogun{position: relative;padding:0 20px 0 0}
.main-slogun .icon-ovu{position:absolute;margin-top:-190px
}
.main-slogun, .main-slogun>div{width:100%}
.main-slogun p{margin:15px 0 10px;padding-top:230px;font-size:26px;color:#fff;font-weight: 100;white-space: nowrap}
.btn-m-line{display: inline-block;width:270px;margin-top:20px;border-top:1px solid rgba(255,255,255, .6);border-bottom:1px solid rgba(255,255,255, .6);padding:20px 0;letter-spacing:1em;font-size:16px;font-weight: 100;color:#fff;background-image:url(../img/arrow_xs.png);background-repeat: no-repeat;background-position: 100% 50%;background-size:15px auto;transition: all .8s;-webkit-transition:all .8s;color:#fff !important}
.btn-m-line:hover{border-color:#000;padding:20px 0 20px 5%;background-color:#000;background-position: 90% 50%;color:#fff !important;box-shadow: 5px 5px 10px 0 rgba(0,0,0, .2)}
.quick-nav{position: absolute;right:0;bottom:8%;left:0;box-shadow:5px 5px 10px 5px rgba(0,0,0, .1)}
.quick-nav>li{float:left;width:33.3333333%;background:#fff;transition:all .5s;-webkit-transition:all .5s}
.quick-nav>li+li a:before{content: '';display: inline-block;position: absolute;top:0;left:0;width:1px;height:100%;background:#EBEBEB}
.quick-nav>li>a{position: relative;display: inline-block;width:100%;padding:30px 20px;}
.quick-nav>li>a>span{display:block;font-weight: 500;font-size:.85em;color:#B9B9B9;letter-spacing: 0}
.quick-nav>li>a b{display:flex;justify-content: space-between;font-weight: bold;font-size:1.45em}
.quick-nav>li:hover, .quick-nav>li.on{background:#000;color:#fff}
.quick-nav>li:hover b i, .quick-nav>li.on b i{background-image:url(../img/link_arrows_gray.png)}
.inner-box{position: absolute;left:0;right:0;bottom:105px;border-bottom:1px solid #eee;border-top-left-radius: 10px;background:#fff}
.inner-box li{position: relative;overflow:hidden;height:255px;}
.inner-box li+li:before{content: '';display: inline-block;position: absolute;top:0;left:0;width:1px;height:100%;background:#EBEBEB}
.inner-box li a{display: inline-block;position: absolute;top:0;right:0;bottom:0;left:0;padding-top:90px;color:#a5a5a5}
.inner-box li a i{position: absolute;top:15px;right:15px}
.inner-box li a em{padding-left:20px;letter-spacing:-.02em;font-weight: 400;font-size: .9em;color:#a5a5a5}
.inner-box li a p{position:relative;padding-bottom:0;margin-left:20px;margin-bottom:0;padding-right:30px;font-size:18px;font-weight:500;color:#797979}
.inner-box li a p:before{content: '';display: inline-block; position: absolute;bottom:0px;width:0;height:3px;background:#000;transition: all 1s;-webkit-transition:all 1s}
.inner-box li a span{display: inline-block;padding-left:20px;color:#666}
.inner-box.v2 li a p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inner-box li:hover p{color:#000}
.inner-box li:hover p:before{width:100%}
.inner-box h2{position:absolute;top:26px;left:20px;font-size:1.1em;color:#000}
.inner-box .news a {padding-top:80px}
.inner-box .news a div+div{margin-top:8px}
.inner-box .news:hover p{color:#666 !important}
.inner-box .news p:hover{color:#000 !important;text-decoration:underline}
.inner-box .news a p:before{display:none}
.ft-area{position: absolute;width:100%;bottom:10px;padding:15px;z-index: 9999;color:#fff;font-size: .85em;letter-spacing: 0;opacity: .7}
.ft-area>div{justify-content: space-between}
.ft-area>div a{margin-left:20px}
.ft-area>div a:hover{text-decoration: underline !important}
.ft-area>div a b{font-weight:bold;font-size:1.1em}

/* sub */
.sub-tit{position: relative;height:360px;background:url(../img/bg01.png);background-size:cover;text-align: center;}
.pg-company .sub-tit{background-image:url(../img/bg02.png)}
.pg-business .sub-tit{background-image:url(../img/bg03.png)}
.pg-recruit .sub-tit{background-image:url(../img/bg04.png)}
.sub-tit h2{display: inline-block;position: relative;padding-top:160px;font-size:50px;color:#fff}
.lnb-area{position: absolute;bottom:0;left:3%;width:94%;background:#120C16;margin:0 auto;text-align: center}
.sub-tit h2.only-ht:before{content: ''; position: absolute;bottom:-150px;left:50%;display: inline-block;width:1px;height:100px;background:#fff}
.lnb-area ul{display: inline-block;}
.lnb-area li{float:left;margin:0 50px;padding:17px 0 13px;}
.lnb-area li a{display: inline-block;font-size:1.5em; color:#fff !important;opacity:.6}
.lnb-area li a:hover{opacity: 1}
.lnb-area li.on a{border-bottom:3px solid #7536AA;opacity: 1}

.div-mini{display: inline-block;width:30px;height:1px;margin:40px 0 15px;background:#000;}
.fc-pp{color:#642F91}
.fc-wh{color:#fff}
.bg-gray{background:#F7F8FA !important}
.bg-wh{background:#fff !important}
.pg-sub .con-panel{min-height:890px;padding:130px 0 100px}
.pg-sub section{padding:80px 0}
.pg-sub h3.sand{font-size:45px;font-weight: bold;line-height: 1.2em}
.pg-sub h3.sand+p{font-size:28px;font-weight: 300;margin-top:30px}
.tit-area{padding-bottom:150px}
.tit-area h3{font-weight:300;font-size:45px}
.tit-area h3 b{font-weight:bold;line-height: 1.9em}
.tit-area h3 b.d-block{line-height: 1.3em}
.tit-area h3 em{display:inline-block; font-size:20px;letter-spacing:.02em;margin-top:15px;line-height:1.7em}
.d-line{display: inline-block;width:40px;height:5px;margin:10px 0 50px;background:#652C92}
.pg-sub h4{font-weight: 400; font-size:36px;letter-spacing: -0.05em;line-height: 1.3em}
.pg-sub h4.small{font-size:30px}
.pg-brand p, .pg-bi p, .pg-company p, .mt-tit p{margin-top:25px;font-size:22px;line-height: 1.7em}
.pg-brand .t-info{padding:5% 4% 5% 5%}
.pg-brand .last p{font-size:35px;color:#E2E2E2}
.pg-brand .last img{margin-top:35px;width:190px}
.point-area{border-top:1px solid #E8E8E8;border-bottom:1px solid #e8e8e8}
.point-area li+li{border-left:1px solid #e8e8e8;padding-left:40px}
.point-area li{padding:60px 0}
.point-area li>div{display: flex;}
.point-area li span{margin-right:15px;font-family: 'Lora';font-size:45px;color:#E2E2E2;line-height: 1em}
.point-area li em{font-size:18px}
.point-area li>div div{font-size:35px;line-height: 1em}
.point-area li>div b{font-weight: bold}
.d-top{padding:10px 0}
.d-top li>div{display: flex}
.d-top li>div>*{padding:55px 0}
.d-top li span{width:10%;font-size:60px;font-family: 'Lora';color:#E2E2E2;line-height: 1em}
.d-top li+li>div div{border-top:1px solid #E3E3E3}
.d-top li span+div{width:20%;font-weight:500; font-size:30px;color:#000}
.d-top li span+div+div{width:70%;font-size:18px;color:#666;line-height: 1.8em}
.d-top li+li{}
.line-box{display:flex;align-items: center;width:100%;border:1px solid #E5E5E5}
.line-box h5{margin-bottom:15px;font-size:24px}
.line-box h5+strong{font-size:30px;opacity: .3;line-height: 1.2em}
.line-box>div+div{border-left:1px solid #e5e5e5}
.gray-box{background:#F7F8FA;border-radius: 10px;padding:20px 80px;margin-top:30px;}
.gray-box.v2{text-align: left;padding:20px 150px}
.lst-circle-pp{overflow: hidden;}
.lst-circle-pp li{float:left;width:20%;text-align: center}
.lst-circle-pp li>div{width:150px;height:150px;margin:0 20px;background:#652C92;color:#fff;font-size:18px;line-height: 150px;border-radius: 100%}
.lst-cert{margin:0 -20px}
.lst-cert>div{padding:20px}
.lst-cert>div>div{position: relative;background:#fff;border:1px solid #D5D5D5}
.lst-cert>div>div b{display: inline-block;width:100%;padding:18px 18px;background:#120C16;color:#fff;font-size:1.3em;}
.lst-cert>div>div span{position: absolute;top:20px;left:20px;font-weight: 500;border-bottom:2px solid #000}

.color-system h5{font-size:17px;margin-bottom:8px}
.color-system strong{font-size:16px;letter-spacing:0}
.color-system p{font-size:15px;letter-spacing:0;margin-top:10px}
.color-system-i1{height:270px;padding:30px 20px;background:#662382;color:#fff}
.color-system-i2{height:270px;padding:30px 20px;background:#B19273;color:#fff}
.color-system-i3{height:270px;padding:30px 20px;background:#F2EFEC;color:#4B4B4B}
.color-system-i4{height:270px;padding:30px 20px;background:#9D9D9D;color:#fff}
.color-system-i5{height:270px;padding:30px 20px;background:#C29142;color:#fff}
.color-system-i6{height:270px;padding:30px 20px;background:#003462;color:#fff}

.img-set {position:absolute;margin-top:-8%;width:100%;padding-left:20%}
.img-set div{position: relative}
.img-set h5{position: absolute;bottom:35px;left:30px;font-size:20px;font-weight: 400; color:#fff !important;z-index:9}
.img-set h5:before{content: '';display: inline-block;position: absolute;top:-15px;width:24px;height:1px;background:#fff}

.col-5-area>div{width:20%}
.bg-gray-box{position: relative;}
.bg-gray-box:before{content: '';display: inline-block;position: absolute;top:0;right:0;bottom:0;left:0;margin:70px 60px 0 0 ;background:#F7F8FA;z-index:-1}
.pg-company .info-area .col-sm-6{padding:45px}
.pg-company .info-area h3{margin-bottom:50px}
.pg-company .info-area dl{font-size:22px}
.pg-company .info-area dt{font-size:.9em;font-weight: 500}
.pg-company .info-area dd{margin-bottom:30px}
.pg-company .info-area+section{margin-top:280px;min-height:890px;background:url(../img/bg_p01.png);background-size: cover}
.pg-company section.last{padding:80px 0 170px;margin-top:120px;background:url(../img/bg_p2.png);background-size:cover}
.pg-company section.last img{margin-top:-140px;}
.pg-company section.last .slogun-area{position: absolute;right:20px;bottom:-90px;font-size:70px;color:#fff}
.pg-company .con-panel{padding-bottom:0}
.sc-last{padding:80px 0 130px !important;background:url(../img/bg_grow.png);background-size:cover}
.sc-last .lst-pt>div{position: relative;padding:10px}
.sc-last .lst-pt>div span{position: absolute;bottom:10px;left:10px}
.sc-last .lst-pt>div span b{position: relative;display: inline-block;padding-left:40px;color:#fff;font-size:1.5em}
.sc-last .lst-pt>div span b:before{content: '';display: inline-block;position: absolute;top:15px;left:0;width:23px;height:3px;background:#fff;}
.btn-more{display: inline-block;position: absolute;right:25px;bottom:85px;width:46px;height:46px;background:url(../img/btn_more.png);background-size:100% auto}
.sc-last .lst-pt{padding-top:130px}
.sc-last .lst-pt ul{padding-bottom:30px;opacity: .8}
.sc-last .lst-pt ul li{padding-left:25px;color:#fff}
.sc-last .lst-pt ul li:before{background:#fff}
.sc-last .lst-pt>div:nth-child(1), .sc-last .lst-pt>div:nth-child(3){margin-top:-70px}
.location{display: table;width:100%;table-layout:fixed; border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0}
.location>div{display: table-cell;vertical-align: middle;float: none}
.location>div:first-child{width:77%}
.location .road{padding:0 0 0 50px}
.location .road dt{float:left;width:100px;font-weight: 500}
.location .road dt, .location .road dd{font-size:18px}
.location .road dt, .location .road dd{padding:10px 0}
.location .road h4{font-size:30px;font-weight: bold}
.vision-img{width:50%}
.vision .step{margin-bottom:60px}
.vision .step em{margin-bottom:10px;padding:3px 17px;border-radius: 50px;background:#120C16;color:#fff;font-size:1.6em;font-weight:bold;letter-spacing: 0}
.vision .step b{font-weight: 300;font-size:1.2em}
.vision .step span{font-size:40px;font-weight: 500}
.history-sect{display: flex;padding:0 !important}
.history-sect .left-area{padding-left:10%}
.history-sect>div{display: flex;align-items: center;width:100%}
.history-sect ul.history-div{margin-top:20px}
.history-sect .history-div li{position: relative;padding:40px 40px;background:rgba(0,0,0, .3);cursor: pointer}
.history-sect .history-div li:hover{background:rgba(0,0,0, .6);}
.history-sect .history-div li.on:before{content: '';position: absolute;top:50%;right:0;margin-top:-2px;display: inline-block;width:30%;height:3px;background:#222;}
.history-sect .history-div li+li{border-top:1px solid #4C4A52}
.history-sect .history-div li div{font-size:18px;font-weight: 100; color:#fff}
.history-sect .history-div li p{margin-top:0;font-weight: 500; font-size:30px}
.history-sect .history-div li.on{background:#fff;}
.history-sect .history-div li.on div{color:#222;}
.history-con{height:100%;border-left:1px solid #63557A;}
.history-con>div, .history-slide{height:100%;}
.history-slide{padding:19% 0 0}
.history-slide li{padding:0 40px;color:#fff;text-align:left;outline:none}
.history-slide li img{width:160px;box-shadow: 5px 7px 20px 0 rgba(0,0,0, .2)}
.history-slide li strong{display:inline-block;padding:10px 0;font-size:35px;font-weight:500}
.history-slide li dt{float:left;width:50px;font-weight: 100;font-size:25px}
.history-slide li dt:empty{width:auto}
.history-slide li dt:empty+dd{padding-left:0}
.history-slide li dd{min-height:38px;padding-left:50px;font-weight: 300;opacity: .8}
.history-slide li dt, .history-slide dd{margin-bottom:15px;}
.history-slide .slick-list{padding-left:10%}
.history-slide .slick-prev{display: none !important}
.history-slide .slick-next{position: absolute;top:50%;left:0;margin:-45px 0 0 -47px;width:93px;height:93px;border-radius:50%;background-color:#120C16;background-image:url(../img/slide_arrow.png);background-repeat: no-repeat;background-position: 50% 50%;background-size:10px auto;border:0;outline: none;font-size:0}

[class^=icon-cpn]{width:85px;height:85px;background-image:url(../img/i_vision01.png)}
.icon-cpn02{background-image:url(../img/i_vision02.png)}
.icon-cpn03{background-image:url(../img/i_vision03.png)}

.vision-flow{margin-top:30px}
.vision-flow .text-center small{margin-top:5px;color:#642F91;font-weight:bold;letter-spacing: 0}
.vision-flow .text-center b{display: inline-block;margin-top:5px;font-weight: bold;font-size:22px;line-height: 1.2em}
.vision-flow .text-center{padding:40px;background:url(../img/cc_op01.png);background-repeat: no-repeat;background-size:auto 100%;background-position: 50% 50%}
.vision-flow .text-center+div{margin-top:-40px;padding-top:110px;background:url(../img/cc_op02.png);background-repeat: no-repeat;background-size:100% auto;background-position: 50% 0}
.vision-flow .text-center+div em{color:#BFBFBF;font-weight: bold;letter-spacing: 0}
.vision-flow .text-center+div h5{padding-bottom:7px;border-bottom:2px solid #000;margin-top:10px;font-size:22px;font-weight: 500}
.vision-flow .text-center+div>div{padding:0 30px}
.vision-flow .text-center+div ul{padding-top:10px}
.vision-flow .text-center+div li{position: relative;padding:5px 0 0 12px;font-size:1.2em}
.vision-flow .text-center+div li:before{content: '';display: inline-block;position: absolute;top:15px;width:3px;height:3px;margin-left:-10px;background:#666;border-radius: 10px;}

.mt-tit{padding:30px 0}
.mt-tit h3{font-size:36px;font-weight: 500;line-height: 1.4em}
.mt-tit h3 small{display:block;color:#222}
.pg-business .col-sm-6{position: relative;padding:0 20px}
.pg-business .col-sm-6 img{position: relative;display: inline-block;z-index: 99}
.pg-business .col-sm-6 img+span{position: absolute;bottom:-33%;left:-36%;z-index: 0}
.pg-business .col-sm-6 img+span img{box-shadow: none}
.pg-business img{box-shadow: 0 0 20px 3px rgba(0,0,0, .1)}
img.n-bs{box-shadow:none}
.photo-rt img{margin-top:-130px}
.pg-business .con-panel{padding-bottom:0}
.pg-business section+section{margin:180px 0 0;padding-bottom:150px}
.pg-business h4{position: relative;margin-top:25px;font-size:30px;font-weight:500}
.pg-business h4 span{position: absolute;top:0;left:-70px; font-family: 'Lora';font-size:50px;color:#E2E2E2}
.pg-business h4+p{margin-top:15px;width:85%;font-size:1.3em;line-height: 1.9em}
.pg-business  a.btn-basic-blk{margin-top:30px}

.lst-point li{text-align: center}
.lst-point li span{display: inline-block;position: relative}
.lst-point li span em{position: absolute;top:0;left:-14px;font-size:30px;color:#DBDBDB;font-weight: bold}
.lst-point li span i{position:relative;z-index: 9}
.lst-point li h5{font-size:30px;font-weight: 500}
.lst-point li h5+p{margin-top:10px;font-size:18px;line-height: 1.8em}
.lst-point li+li{border-left:1px solid #ddd}

/* 브로슈어 */
.brochure-slide {max-width:750px;margin:0 auto;text-align: center;}
.brochure-slide .slick-slide img{backface-visibility: hidden;transform: translateZ(0); image-rendering: -webkit-optimize-contrast}
.brochure-slide>div>div{box-shadow: 0 0 10px 10px rgba(0,0,0, .05);}
.brochure-slide .slick-dots>li{display: none;}
.brochure-slide .slick-dots .slick-active{display: inline-block !important;}
.brochure-slide .slick-dots{display: inline-block;margin:15px ;background:#fff;border:1px solid #D1D1D1;border-radius:30px;padding:10px 35px;font-weight: 500;font-size:17px}
.brochure-slide .total_pagi{opacity: .6;}
.brochure-slide .slick-arrow{position: absolute;top:50%;left:-180px;display: inline-block;width:85px;height:85px;background-color:rgba(0,0,0, .2);background-image: url(../img/slider_icon_prev.png);background-size:auto 32px;background-repeat: no-repeat;background-position:47%;border:0;border-radius: 100px;font-size:0;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);}
.brochure-slide .slick-arrow.slick-next{right:-180px;left:auto;background-image:url(../img/slider_icon_next.png);background-position:53%;}
.brochure-slide .slick-arrow:hover{background-color:rgba(0,0,0, .5);}
.brochure-slide li.slick-slide{border:1px solid #ddd;}

.bg-color{background:url(../img/bg_color.png);background-size: cover}
.pic-con{padding:30px 40px;box-shadow:5px 5px 10px 5px rgba(0,0,0, .1); background: rgb(144,91,190);
background: linear-gradient(299deg, rgba(144,91,190,1) 0%, rgba(60,115,155,1) 100%);}
.pic-con li a{color:#fff !important;font-weight:500;font-size:18px;opacity: .5}
.pic-con li {position: relative;padding:10px 0}
.pic-con li.active a, .pic-con li a:hover{opacity: 1}
.pic-con li.active:before{content: '';display: inline-block;position: absolute;top:50%;left:-50px;width:40px;height:3px;margin-top:-2px;background:#fff}

.cru-card{margin-top:30px}
.cru-card .col-sm-6{padding:0 10px 20px}
.cru-card .col-sm-6>div{padding:40px;background:#fff;box-shadow:5px 5px 10px 4px rgba(0,0,0, .1)}
.cru-card h4{font-size:25px;font-weight: bold}
.cru-card span{display: inline-block;padding:14px 0 6px;font-size:18px;font-weight:500; color:#652C92}
.cru-card p{position: relative;margin-top:20px;min-height:55px;font-size:16px;}
.cru-card p:before{content: '';display: inline-block;position: absolute;top:-13px;left:0;width:20px;height:1px;background:#000;}

.tab-content .tab-sect h4{position: relative;display: inline-block;font-size:24px;font-weight: bold;margin-bottom:30px}
.tab-content .tab-sect h4:before{content: '';display: inline-block;position: absolute;bottom:-15px;width:40px;height:3px;background:#5B2D9A}
.tab-content .tab-sect p{font-size:18px;font-weight: 300;line-height:2em}
.tab-content .tab-sect strong{font-size:22px}
.tab-sect .box-group>div>div{padding:40px 30px;border:1px solid #707070}
.pg-recruit .step-con{overflow: hidden;padding:30px 0 80px;justify-content: center;display: flex}
.tab-content .tab-sect+.tab-sect{margin-top:80px}
.pg-recruit .step-con span{display: block;font-size:18px;font-weight: bold}
.pg-recruit .step-con>div{position: relative;padding:0 45px;float:left}
.pg-recruit .step-con>div+div:before{content: '';display: inline-block;position: absolute;left:-15px;top:50%;width:23px;height:18px;background-image:url(../img/step_arrow.png)}
.rc-sect+.rc-sect{margin-top:80px}
.rc-sect h4{font-size:26px !important;font-weight: bold}
.rc-sect h4+div{margin:18px 0 40px;padding:30px;background:#F7F8FA;font-size:18px;line-height: 1.7em}
.p-ref{color:#5F656E;font-size: 16px}
.icon-ref{margin:4px 4px 0 0;width:15px;height:15px;background-image:url(../img/i_ref.png)}

.photo-cube>div{float:left}
.photo-cube{margin:0 -1%}
.photo-cube>div>div{padding:1% 1% 0}
.photo-cube>div em{position: relative;display: inline-block;border:1px solid #B4B4B4}
.photo-cube>div em span{position: absolute;bottom:20px;left:20px;font-size:18px;font-weight:500}
.photo-cube .col8 div{float:left;width:25%}
.photo-cube .col8{width:80%}
.photo-cube .col2{width:20%}
.photo-cube img{width:100%}

.bg-video{position: absolute;top: -50%;left: -50%;width: 200%;height: 200%}
.bg-video .bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;min-width: 50%;min-height: 50%;max-width: none;margin: auto;border: 0;filter:brightness(70%)}


/* paging */
.paging{margin-top:30px;text-align:center}
.paging ul{display:flex;align-items:center;justify-content:center;-ms-align-items:center;-ms-justify-content:center}
.paging li{margin:0 3px}
.paging .prev,.paging .next{margin:0 20px;width:25px;height:25px;background:url(../img/pagi_arrow.png);background-size:auto 100%}
.paging .next{background-position: 100% 100%}
.paging a{display:flex;align-items:center;justify-content:center;-ms-align-items:center;-ms-justify-content:center;width:30px;height:30px;border-radius:100%;text-align:center;background:transparent}
.paging a.active{background:#652C92;color:#fff !important}
.paging [class^=icon-]{display:inline-block;width:25px;height:25px;background:url(../img/icon_prev.png) no-repeat;background-size:contain}
.paging .icon-next{background-image:url(../img/icon_next.png) no-repeat}

/* badge */
i.badge{font-style:normal}
.badge.badge-purple{background:#642F91;color:#fff;border-color:#642F91}
.badge.badge-dark{display: inline-block;background:#000;color:#fff;border-color:#000}
.badge.badge-dark:before{content: '';display: inline-block;position: absolute;width:87%;height:87%;border:2px solid #642F91;border-radius: 50px}
.badge.badge-gray{background:#404040}
.sr-badge{display: inline-block;padding: 11px 20px;font-size: 17px;font-weight: bold;line-height: 1;color: #120C16;text-align: center;vertical-align: middle;background-color: #F0F1F2;border-radius: 30px;}


/* sub */
.pg-notice .sub-tit{background-image:url(../img/bg05.png)}
.pg-cs .sub-tit{background-image:url(../img/bg06.png)}
.pg-act .sub-tit{background-image:url(../img/bg_act.png)}
.sect-sub{padding:115px 0}
.sect-sub.pb-0{padding-bottom:0}
.sect-sub .container{max-width:1250px;margin:0 auto;padding:0 20px}

/* poInfo 분양안내 */
.sect-sub .tit-wrp{margin-bottom:65px;text-align:center}
.sect-sub .tit-wrp h2{font-size:45px;font-weight:700}
.sect-sub .tit-wrp p{margin-top:10px;font-size:20px;font-weight:400;line-height:1.6}
.lst-poInfo{border-top:1px solid #000}
.lst-poInfo>li{display:flex;padding:50px 0;border-bottom:1px solid #D5D5D5}
.lst-poInfo .info-tumb{position:relative;padding-top:23%;flex:0 0 35%;-ms-flex:0 0 35%;max-width:35%;background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:5px 5px 20px 10px rgba(0,0,0, .1)}
.lst-poInfo img{position:absolute;top:0;left:0;width:100%;height:100%}
.lst-poInfo .badge{position:absolute;top:-20px;left:20px;display:flex;align-items:center;justify-content:center;-ms-align-items:center;-ms-justify-content:center;width:80px;height:80px;border-radius:100%;font-size:17px;font-weight:500;color:#fff;line-height:20px}
.lst-poInfo .info-txt{display:inline-flex;align-items:center;-ms-align-items:center;flex:0 0 65%;-ms-flex:0 0 65%;max-width:65%;margin-left:60px}
.lst-poInfo h3{margin-bottom:20px;font-size:28px;font-weight:700}
.lst-poInfo h3:hover{text-decoration: underline}
.lst-poInfo dl{display:flex;margin:17px 0;font-size:18px;font-weight:300}
.lst-poInfo dt{margin-right:50px;font-weight:500;color:#666}
.lst-poInfo .btm-btn{display:flex;margin-top:30px}
.btm-btn{margin-top:40px;text-align:center}

/* notice 공지사항 */
.pg-notice .tit-wrp{margin-bottom:30px}
.lst-notice-hd{padding-bottom:10px;border-bottom:1px solid #000;font-size:13px;font-weight:400;color:#120C16}
.lst-notice{display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;margin:0 -25px;padding-bottom:10px;border-bottom:1px solid #E3E3E3}
.lst-notice>li{flex:0 0 33%;-ms-flex:0 0 33%;max-width:33%;padding:30px 25px}
.lst-notice a{display:block;border:1px solid #DEDEDE}
.lst-notice a:hover{box-shadow:5px 5px 15px #0000000A}
.lst-notice .notice-tumb{position:relative;padding-top:76%}
.lst-notice img{position:absolute;top:0;left:0;width:100%;height:100%}
.lst-notice .notice-txt{padding:25px 30px;background:#fff}
.lst-notice h3{position:relative;padding-bottom:10px;min-height:75px;margin-bottom:30px;font-size:18px;font-weight:500;line-height:30px;letter-spacing:-0.9px}
.lst-notice h3:before{content:'';position:absolute;bottom:0;left:0;width:24px;height:3px;border-bottom:3px solid #000}
.lst-notice .date{font-size:12px;font-weight:400;color:#999}
.lst-notice-nothumb .num{width:7%}
.lst-notice-nothumb .tit{width:84%}
.lst-notice-nothumb .date{width:10%}
.lst-notice-nothumb tr>*{padding:30px 20px;border-bottom:1px solid #e5e5e5}
.lst-notice-nothumb tr td:nth-of-type(1){padding:0 20px;text-align:center}
.lst-notice-nothumb b{font-size:31px;color:#999;letter-spacing: -1.55px;}
.lst-notice-nothumb a{display:block;font-size:20px;font-weight:500;color:#120C16;letter-spacing: -1px}
.lst-notice-nothumb small{font-size:12px;color:#999}
.lst-notice-nothumb tr:hover th{text-decoration:underline;text-underline-position:under}

/* faq 자주묻는질문 */
.pg-cs .tab-content{margin-bottom:65px}
.nav-round>li{float:left;margin:4px 4px}
.nav-round{display:flex;align-items:center;justify-content:center;-ms-align-items:center;-ms-justify-content:center;margin-bottom:40px}

.nav-round{display:block}
.nav-round .nav-link{min-width:130px;padding:8px;border:1px solid #C7C7C7;border-radius:25px;font-size:14px;font-weight:500;text-align:center}
.nav-round .nav-link.active{background:#120C16;border-color:#120C16;color:#fff !important}
.pg-faq .tit-wrp{margin-bottom:45px}
.faq-wrp{border-top:2px solid #000;border-bottom:2px solid #000}
.faq-wrp .card{border-bottom:1px solid #e2e2e2}
.faq-wrp .btn{display:flex;align-items:center;-ms-align-items:center;width:100%;height:auto !important;padding:20px 40px 20px 5px !important;background:url(../img/icon_arrow_up.png) no-repeat right 20px center;background-size:40px auto;text-align:left;transition:.3s}
.faq-wrp .btn .badge{width:43px;height:43px;padding:8px 0;margin-right:15px;border-radius:100%;font-size:23px;font-weight:700;text-align:center;background:transparent;color:#fff;background:#652C92;transition:.3s}
.faq-wrp .btn span{flex:1;white-space:break-spaces;padding-right:65px;font-size:17px;height:auto !important}
.faq-wrp{flex:1;font-size:20px;font-weight:700;}
.faq-wrp .btn.collapsed{background:url(../img/icon_arrow.png) no-repeat right 20px center}
.faq-wrp .btn.collapsed .badge{color:#652C92;background:transparent}
.faq-wrp .card-body{padding:25px 30px;margin-bottom:20px;border-radius:10px;background:#F9F9FA;font-weight:400; font-size:16px;color:#818181}
.faq-wrp .card-body .btm-p{margin-top:50px}
.faq-wrp.v2 .card-body{background:#fff}
.faq-wrp.v3{border-top:0}
.faq-wrp.v3 .card-body{position: relative;padding:25px 30px 25px 65px}
.faq-wrp.v3 .card-body:before{content:'“';position: absolute;top:12px;left:20px;font-size:46px;color:#7536AA;font-family: 'noto sans KR';font-weight: bold}

/* 채용공고 */
.lst-recruit{display:flex;flex-wrap:wrap;margin:0 -15px 0 -15px}
.lst-recruit>li{flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%;padding:0 15px}
.lst-recruit>li>div{height:100%;padding:35px 35px 50px 35px;border:1px solid #707070;box-shadow: 10px 10px 20px #00000005}
.lst-recruit .num{display:block;padding-bottom:75px;font-size:30px;font-weight:700;color:#652C92}
.lst-recruit p{position:relative;padding-top:13px;font-size:22px;font-weight:500}
.lst-recruit p:before{content:'';position:absolute;top:0;left:0;width:30px;height:3px;background:#000}
.lst-recruit small{display:block;margin-top:5px;font-size:15px;color:#666}
.lst-recruit.v2{margin:0}
.lst-recruit.v2>li{margin-bottom:30px}
.lst-recruit.v2>li>div{position: relative;padding:0;border:0;background:#fff;text-align: left}
.lst-recruit.v2>li>div>div{padding:20px}
.lst-recruit.v2 p{margin-top:10px}
.lst-recruit.v3 img{width:95px}
.lst-recruit.v3 span{display:block;font-family:'Lato';font-size:.9em;font-weight:500;margin-top:15px;margin-bottom:5px;letter-spacing:.07em}
.lst-recruit.v3 strong{display:inline-block;font-size:22px;padding-left:6px;border-left:5px solid #6E3B96;line-height:1em}
.lst-recruit.v3 p:before{display:none;}
.lst-recruit.v3 p{font-size:1em;font-weight:300;line-height:1.6em}
.lst-recruit.v3 {justify-content: center}
.tb th{padding:18px 0;border-top:2px solid #000;border-bottom:1px solid #000;font-size:18px;font-weight:700;text-align:center}
.tb td{padding:25px 0;border-bottom:1px solid #E5E5E5;font-size:22px;font-weight:500}
.tb td a:hover{text-decoration: underline !important}
.tb .date{text-align:center}
.tb .date p{font-size:15px;font-weight:500;color:#666}
.tb .date .d-day{font-size:25px;font-weight:700;color:#120C16}
.tb .btn-badge{min-width:110px;font-size:18px;font-weight:500;cursor:auto}
.lst-benefit div{margin:15px 0;min-height:210px;padding-top:10px;text-align: center;color:#666;font-size:18px}
.lst-benefit strong{display: block;padding-top:8px;font-size:20px;color:#000}
.lst-benefit>div+div{border-left:1px solid #eee}
.lst-benefit>div:nth-child(5), .lst-benefit>div:nth-child(9){border-left:0}

/* help line */
.lst-cyber{display:flex;margin:0 -10px 60px -10px}
.lst-cyber>li{flex:0 0 20%;-ms-flex:0 0 20%;max-width:20%;padding:115px 10px 0;text-align:center;background-size:110px 110px !important}
.lst-cyber .item1{background:url(../img/cs_pcon01.png) no-repeat top center}
.lst-cyber .item2{background:url(../img/cs_pcon02.png) no-repeat top center}
.lst-cyber .item3{background:url(../img/cs_pcon03.png) no-repeat top center}
.lst-cyber .item4{background:url(../img/cs_pcon04.png) no-repeat top center}
.lst-cyber .item5{background:url(../img/cs_pcon05.png) no-repeat top center}
.lst-cyber .badge{padding:9px 20px;border-radius:20px;background:#F0F1F2;font-size:17px;font-weight:700;color:#000}
.lst-cyber p{margin-top:3px;font-size:20px;font-weight:500;color:#2F2F2F}
.bx-muted{padding:25px 30px;border:1px solid #F0F0F0;background:#F7F8FA;line-height:1.7}
.bx-muted .h3-sm{margin-bottom:3px;font-weight:500;font-size:16px;color:#652C92}
.bx-muted p{margin:10px 0 18px;font-size:16px;line-height:1.7;color:#666}
.bx-muted p.txt-chk{position: relative;margin:0}
.bx-muted p.txt-chk:before{content: '';display: inline-block;position: absolute;margin:12px 0 0 -13px;width:9px;height:9px;background:url(../img/icon_check_xs.png);background-repeat: no-repeat;background-size:100% auto;}
.bx-cyber{position:relative;display:flex;margin:35px 0 60px;padding:50px;border:1px solid #666}
.bx-cyber>*{flex:0 0 50%;-ms-flex: 0 0 50%;max-width:50%;line-height:1.7}
.bx-cyber>div+div{padding-left:30px;border-left:1px solid #CCC}
.bx-cyber>div:nth-of-type(1){padding-right:30px}
.bx-cyber h3{margin-bottom:10px;font-size:24px;font-weight:700}
.bx-cyber .btn{position:absolute;right:50px;bottom:-25px}
.bx-cyber .txt-dot{margin:5px 0}
.txt-chk{padding-left:12px;background:url(../img/icon_chk.png) no-repeat left 11px;background-size:9px auto;font-size:16px;color:#666}
.txt-dot{position:relative;padding-left:10px;font-size:18px}
.txt-dot:before{content:'';position:absolute;left:0;top:13px;width:3px;height:3px;border-radius:100%;background:#642F91}
.help-line{margin-top:95px;padding:100px 0 100px;background:url(../img/bg_cs2.png) no-repeat center;background-size:cover;color:#fff}
.help-line-collap{margin-bottom:35px}
.help-line-collap .card{border-top:1px solid #fff;color:#000}
.help-line-collap .card:last-of-type{border-bottom:1px solid #fff}
.help-line-collap .btn{display:block;width:100%;padding:25px 40px;font-size:24px;font-weight:700;text-align:left;background:#fff url(../img/icon_arrow_blk.png) no-repeat right 20px center;transition:.3s}
.help-line-collap .btn.collapsed{background:transparent url(../img/icon_arrow_wh.png) no-repeat right 20px center;color:#fff}
.help-line-collap .card-body{padding:25px 45px;border-top:1px solid #E6E6E6;border-bottom:1px solid #e6e6e6;background:#fff}
.help-line-collap .dot-wrp{display:flex;flex-wrap:wrap}
.help-line-collap .dot-wrp>*{flex:0 0 40%;-ms-flex:0 0 40%;max-width:40%;margin:3px 0;font-size:18px}
.bx-dark{position:relative;padding:30px 28px;background:rgba(0,0,0,.2)}
.bx-dark .btn{position:absolute;right:30px;bottom:-25px}
.bx-dark h3{margin-bottom:5px;font-size:15px;font-weight:500;color:#ccc}
.bx-dark p{font-size:14px;color:#9B9B9B;line-height:1.7}
.box-type{border:1px solid #d1d1d1}
.box-type>li{padding:20px 0}
.box-type>li>div>div:first-child{padding-right:20px;width:120px}
.box-type>li>div{padding:20px 30px}
.box-type>li+li>div{border-left:1px solid #ddd}
.icon-user01{width:100px;height:100px;background:url(../img/icon_user01.png);background-size:100% auto}
.icon-user02{width:100px;height:100px;background:url(../img/icon_user02.png);background-size:100% auto}
.box-flow-type>li div{position: relative;min-height:290px;border:1px solid #d1d1d1;margin:20px;padding:20px}
.box-flow-type>li+li div:before{content: '';display: inline-block; position: absolute;top:49%;left:-30px;width:20px;height:30px;background:url(../img/arrow_hl.png);background-size:100% auto;background-repeat: no-repeat}
.box-flow-type>li em{display: inline-block;margin-bottom:10px;font-size:30px;color:#999}
.box-flow-type>li strong{display:block;font-size:1.5em}
.lst-mag {margin:20px -20px}
.lst-mag>li{float:left;width:20%}
.lst-mag>li h5{padding-bottom:5px;font-size:20px;color:#652C92}
.lst-mag>li b{display:block;font-size:18px}

.wh-box{background:#fff;border-radius: 20px;padding:40px;margin-top:30px;box-shadow: 0 0 10px 5px rgba(0,0,0, .02)}

.bt-banner {padding:25px 10px}
.bt-banner .d-flex{border:2px solid #333;padding:20px;justify-content:space-between}
.bt-banner .d-flex>div:first-child{width:220px;margin-right:30px}
.bt-banner .d-flex .txt{width:100%}
.bt-banner p{font-size:16px}
.bt-banner b{display:block;font-weight:700;margin-bottom:5px}
.bt-banner small{opacity:.7}
.bt-banner .btn-dark{min-width:auto;background:#662382;padding:12px 45px 12px 23px;border:0;background-image: url(../img/btn_arrow.png);
    background-repeat: no-repeat;background-position: 90% 50%;background-size: 14px auto;transition: all .5s;-webkit-transition: all .5s;}


/* 하자 */
.haja-call{max-width:600px;margin:0 auto;}
.haja-call h4{font-size:30px}
.haja-call h5{margin:.4em 0; font-size:17px;}
.haja-call .media-body{vertical-align: middle}
.haja-process{padding: 10% 20px; background:url("../img/bg_cs.png") 0 0 / cover;text-align: center;color:#fff}
.haja-process li{display:inline-block;position: relative;width:15%;vertical-align:top}
.haja-process li+li:before{content:'';position: absolute;top:50%;left:-11px;width:20px;height:16px;margin-top: -10px; background:url("../img/arrow_xs.png") 50% 50% / auto 100%;background-repeat: no-repeat}
.haja-process img{max-width: 100%}
.haja-process h3{margin-bottom: 1em; font-size:2.5em}
.haja-process h4{margin:.5em 0 .3em; font-size:24px}
.haja-process h4+p{opacity: .8}
.haja-customer{padding:50px 0 100px; background:#F7F8FA;font-size:16px}
.haja-customer .row{margin:0 auto;padding:50px 0; background: #fff}
.haja-customer .col-sm-6{position: relative;padding:0 5%;}
.haja-customer .col-sm-6:first-child{min-height: 110px; background:url("../img/tool.png") no-repeat 90% 100%}
.haja-customer .col-sm-6+.col-sm-6{border-left:1px solid #eee;}
.haja-customer strong{font-size:1.2em}
.haja-customer b{display: block;margin-bottom: 1em;font-weight:700; font-size:50px;}
.haja-customer a{display:inline-block;padding:.3em 0; border-bottom:2px solid;font-weight:500}
.haja-customer a:after{ content:'';display:inline-block;width: 12px;height:20px; margin:0 0 -5px 30px;background:url("../img/icon_next.png") no-repeat 50% 50% / 100% auto}
.haja-customer dt{font-size: 1.4em}
.haja-customer dd+dt{margin-top:1.5em}
.haja-customer.v2{background:none}
.haja-customer.v2 b{margin-bottom:.35em;font-size:39px}
.haja-customer.v2 strong{font-size:1em;font-weight: 400}
.haja-customer.v3 div{text-align: center}
.haja-customer.v3 .row>div+div{border-left:1px solid #eee}
.haja-customer.v4 b{font-size:30px}
.haja-customer.v4 .lst-dot li{font-size:15px;margin: 5px 0 0 15px;}
.haja-customer.v4 .col-sm-6{background-image:none}
.haja-customer.v4 .container>.row>.col-sm-6+.col-sm-6{background: url(../img/tool.png) no-repeat 90% 100%;}
.haja-customer.v4 strong{font-size:1.1em}
.haja-prm{padding:100px 0 20px}
.before_after .media-left{padding-right:45px}
.before_after .media-right{padding-left:45px}
.before_after h3 strong{display: inline-block;margin-bottom:8px;font-size:1.5em}
.before_after h3 span{display:block;font-size:22px;vertical-align:middle;font-weight: 500}
.before_after p{padding-top:10px;font-size:20px;color:#838383}
.before_after>div{padding-left:80px}
.svc-lst strong{font-size:1.2em}

#tabDday{position:relative;z-index:2;height:210px; padding:69px 0 0 140px}
.tab-dday{position:relative;min-width:1250px;background:url(../img/as/1_bg.png) no-repeat;background-size:100% auto}
.tab-dday .car{position: absolute;z-index: 1;top: 54px;left: 0;width: 66px;height: 43px;background: url(../img/as/car.png) no-repeat;background-size: 100% auto}
#tabDday li{ float:left; margin-right:45px}
#tabDday a{ display:block; position:relative; width:60px; height:60px; border-radius:50%; background:#652C92; font-weight:500; font-size:18px; line-height:60px; white-space:nowrap; letter-spacing:0; text-align:center; color:#fff !important}
#tabDday a:before{ content:''; display:block; position:absolute;top:5px;left:5px;z-index:-1; width:50px; height:50px;border-radius:50%; opacity:0; background: #652C92; transition:all .6s linear}
#tabDday .active a:before{top:-12px;left:-12px; width:84px; height:84px; opacity:.1}
#tabDday .i6{ margin-right:200px}

@media screen and (min-width:1690px){
  .hd-opt .tel-info:before{display: none;}
}

@media screen and (max-width:1690px){
    #index .col-xs-6.w-point{width:60%}
    .w-p1{width:60%}
    .w-p2{width:30%}
    .w-p3{width:10%}
    #index .col-xs-6.w-point.l-p{width:40%}
    
}

@media screen and (max-width:1440px){
    .w1400, .w1280, .w1140, w940{padding:0 20px}
    
    .hd-opt .tel-info:before{right: -53px;width: 35px}
    
    #index .col-xs-6.w-point.l-p{width:24%}
    #index .col-xs-6.w-point.l-p .line-con>div:before{display: none}
    #index .col-xs-6.w-point{width:76%}
    
    .w-p3{display: none}
    .w-p1{width:70%}
    .m-con.main>.col-xs-6{width:57%}
    .m-con.main>.col-xs-6:first-child{width:43%}
    .m-con.main .w-p1{width:67%}
    .m-con.main .w-p2{width:33%}
    
    .hd-opt .tel-info{font-size:1em;letter-spacing: .1em}
    .opt-con li a{padding:14px 12px}
    
    .quick-nav>li>a{padding:30px 15px}
    .quick-nav>li>a b{font-size:1.1em}
    
    .inner-box{bottom:100px}
    /* mobile */
    .menu-area.v2 li{text-align: center;padding:20px 0}
    .menu-area.v2 li a, .menu-area.v2 li em{display:block;line-height: 1em}
    .menu-area.v2 i{transform: none;-webkit-transform:none;margin-top:0 !important}
    .gnb-info{padding-left:12%}
    
}

@media screen and (max-width:1280px){
    /* mobile */
    .m-con .hd-part{font-size:1em}
    .gnb-info li a{font-size:3.8em}
    .dept-info .mn-area h3+ul>li a{font-size:25px;padding-left:30px}
    .latest-area .txt{font-size:15px}
    .m-con .hd-part{padding:0 10px}
    .location .road{padding:40px 50px}

    .opt-con li a{padding:14px 8px}
}

@media screen and (max-width:1024px){
    .tab-dday{min-width:950px}
    #tabDday{padding:48px 0 0 52px}
    #tabDday li{margin-right:30px}
    .tab-dday .car{top:43px;width:51px;height:35px}
    #tabDday .i6{margin-right:145px}
}

@media screen and (max-width:960px){
    .m-con .hd-part{padding:0 10px}
    #hd h1{width:20%}
    .dept-info .mn-area h3:before{margin:-70px 0 0 }
    .pg-recruit .step-con{display: block}
    .modal.type-basic .modal-dialog{max-width:95%}
}

@media screen and (min-width:960px){

}

@media screen and (max-width:768px){
    .wh-box{margin-top:10px;padding:25px}
    .d-flex.m-block{display: block}
    .w-p1{width:70%}
    .w60{width:100%;margin:0 auto}
    .bb-xs{border-bottom:1px solid #E5E5E5 !important}
    .w30-xs{width:30%}
    #hd h1{width:35%}
    #hd{height:65px}
    #ft .row>div{width:100%;border-right:0}
    #ft .site-map, #mNav .m-con .line-con>div:before, .menu-area.v2{display: none}
    .gnb-info .t-ft{position: absolute;bottom:5vw;left:8%}
    .gnb-info{padding-left:8%}
    .gnb-info ul{padding-left:0}
    .gnb-info li a{font-size:1.5em}
    .dept-info{width:100%;border-left:1px solid #eee}
    .dept-info .mn-area h3{font-size:16px;padding-left:20px;margin-bottom:10px}
    .dept-info .mn-area h3+ul>li a{padding-left:15px;font-size:16px}
    .dept-info .mn-area h3:before{font-size:30px}
    .dept-info .mn-area h3 span{font-size:12px}
    .latest-area{padding:20px}
    .latest-area .txt{font-size:12px;padding-bottom:80px}
    .menu-area.v3{border-left:0}
    .gnb-info .t-ft a{display: block;margin-top:15px}
    .m-con.mn .m-b1{border-bottom:1px solid rgba(255,255,255, .1)}
    .tit-type tspan.stroke{stroke:none;fill:rgba(0,0,0, .3)}
    .info-text{font-size:13px}

    .icon-ovu{margin-top:0}
    
    .nav-tabs{margin-bottom:33px}
    .nav-tabs>li a{border-bottom:2px solid transparent !important}
    .nav-tabs>li a.active:before{bottom:-13px}
    
    .lst-dot li:before{top:10px}
    
    
    #index .line-con>div:before, .tel-info{display: none}
    .m-con.contents-area{height:100vh}
    .m-con.contents-area>div{float:none;width:100% !important;height:100vh}
    .m-con.contents-area .col-xs-9{width:100%}
    .m-con.contents-area .px-h{height:auto;min-height:auto !important}
    .main-slogun{margin-top:36vh}
    .main-slider-tx li{padding:0 8vw}
    .icon-ovu{width:45%;height:25vw;margin-left:auto}
	.main-slogun .icon-ovu{position:relative;margin-top:25px;margin-left:8vw !important}
    .quick-nav{bottom:8vh;width:95vw;margin-left:5vw}
    .quick-nav>li:first-child{border-bottom-left-radius: 8px}
    .quick-nav>li>a{min-height:100px;padding:20px 10px 15px}
    .quick-nav>li>a b{font-size:1em}
    .quick-nav>li>a>span{font-size:10px}
    .main-slogun p{font-size:15px}
    .btn-m-line{width:250px;padding:15px 0;margin-top:0;font-size:14px;letter-spacing: .8em;background-size:13px auto}
    .icon-link-arrow{display: none}
    .inner-box{bottom:100px}
    .inner-box li{float:none;width:100%;height:auto;padding:12px 0}
    .inner-box li a{position:relative;display: inline-block;width:100%;padding-top:0}
    .inner-box li+li:before{content: '';width:100%;height:1px;left:auto}
    .inner-box.v2 li a p{width:100%;height:auto}
    .inner-box li a i{top:0;right:5vw}
    .inner-box li a p{margin:3px 20px;padding-bottom:0;font-size:15px;color:#222}
    .inner-box li a em{font-size:10px}
    .inner-box li a span{font-size:12px}
    [class^=icon-nav]{width:25px;height:25px}
    
    .ft-area{height:8vh;bottom:0;padding:5px 0 0 5vw;margin-bottom:0;opacity: 1}
    .ft-area>div a{margin-left:0;margin-right:10px}
    .ft-area .d-flex{display: block}
    .ft-area em{font-size:10px;opacity: .5}
    
    [class^=icon-iset]{width:80px;height:80px}
    [class^=icon-opt]{width:26px;height:26px}
    .icon-logo-wh{margin:25px 0 0 7%; margin-top:17px; width:66%}
    .m-con .menu-area{text-align: center}
    .m-con .hd-part, .opt-con li a{height:65px}
    .m-con .hd-part{padding:0}
    .m-con.main .w-p1{width:80%}
    .m-con.main .w-p2{width:20%}
    .m-con.main>.col-xs-6:first-child{width:30%}
    .m-con.main>.col-xs-6{width:70%}
    .menu-area i{margin:0;width:17px;height:17px}
    .opt-con{width:100%}
    .opt-con li{width:20%;text-align: center}
    .opt-con li a{padding:10px 3px}
    .opt-con li a p{font-size:10px}
    .sub-tit h2{padding-top:132px;font-size:30px}
    .breadcrumb{top:70px;right:0;font-size:11px}
    .icon-bc-home{margin-top:2px}
    .sub-tit{height:280px}
    .lnb-area{width:100%;left:auto;text-align: left}
    .lnb-area ul{display: block;white-space:nowrap; overflow-x: auto;}
    .lnb-area ul li{display:inline-block; float:none}
    .lnb-area li{margin:0 25px}
    .lnb-area li a{font-size:1.2em}
    .tab-content .con-pn{padding:20px;min-height:auto}
    .tab-content .con-pn.pt0{padding:0}
    
    html{font-size: 14px}
	.bx-muted p,.txt-dot,.lst-dot li{font-size:inherit}
	.bx-muted{padding: 15px}
	.bx-muted .h3-sm{margin-bottom: 10px}
	.pg-sub h4.small{font-size: 15px}
    .tit-area h3 em{font-size:.6em}
    
	.lnb-area{overflow-x: auto;left:0;width: 100%;padding:0 10px; white-space: nowrap}
	.lnb-area li{float:none; display: inline-block; margin:0 10px}
	.lnb-area li a{font-size: 13px}
	
	.nav-tabs>li a{padding:10px 0; font-size: 14px;}
	
	/* button */
	.btn{min-width:inherit;padding:11px 30px;font-size:15px}
	.btm-btn>*{width:50%}
    .btn-basic-blk{font-size:14px}
    [class^=btn].wide{width:100%}
    
	.sect-sub{padding:40px 0 80px}
	.sect-sub .tit-wrp h2{font-size:28px}
	.sect-sub .tit-wrp p{font-size:15px}
  .sect-sub .tit-wrp{margin-bottom:30px}
    
	/* 브랜드스토리 */
  .pg-brand .tit-area{padding-bottom:20px}
	.point-area li{padding:20px !important}
	.d-top li>div{display: block;padding:20px}
	.d-top li>div>*{width: 100% !important;padding:10px 0;border:0 !important}
  .pg-brand .last p{font-size:20px}
  .point-area li em, .d-top li span+div+div{font-size:15px}
  .point-area li>div div, .point-area li span{font-size:28px}
  .pg-brand p{margin-top:6px}
  .pg-brand .last img{margin:5px 0 20px}
  .point-area li+li{border-left:0}
  
  /* BI */
  .d-top li span{font-size:40px}
  .d-top li span+div{font-size:24px}
    
	.color-system-i1, .color-system-i6{height:180px;padding:30px}
	.color-system-i2{height:180px;padding:30px}
	.color-system-i3{height:180px;padding:30px}
	.color-system-i4{height:180px;padding:30px}
	.color-system-i5{height:180px;padding:30px}

  /* 브로슈어 */
  .brochure-slide .slick-arrow{top:auto;left:0;bottom:-10px;width:48px;height:48px;background-size:auto 20px;background-color:rgba(0,0,0, .7)}
  .brochure-slide .slick-arrow.slick-next{right:0;}
  
	/* poInfo 분양안내 */
  .lst-poInfo .badge{left:10px;width:60px;height:60px;font-size:12px;line-height: 1.3em}
	.lst-poInfo h3{margin-top:25px;font-size:20px}
	.lst-poInfo>li{display:block}
	.lst-poInfo>li [class^=info-]{display:block;max-width:100%}
	.lst-poInfo .info-tumb{padding-top:60%}
	.lst-poInfo .info-txt{margin:15px 10px 0 10px}
	.lst-poInfo dl{font-size:14px}
	.lst-poInfo dt{width:10%;margin-right:20px}
	.lst-poInfo dd{width:80%}
  .lst-poInfo .info-tumb{box-shadow: 0 0 10px 5px rgba(0,0,0, .05)}
	
  /* notice 공지사항 */
	.lst-notice{margin:0 -8px}
	.lst-notice>li{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;padding:0 8px;margin:10px 0}
	.lst-notice .notice-txt{padding:15px}
	.lst-notice h3{margin-bottom:15px;font-size:14px;line-height:20px;min-height:60px}
  .lst-notice h3:before{width:20px;border-bottom:2px solid #000}
	.lst-notice-nothumb .num{width:4%}
	.lst-notice-nothumb .tit{width:30%}
	.lst-notice-nothumb tr>*{padding:10px}
	.lst-notice-nothumb tr td:nth-of-type(1){padding:10px 0 10px 5px}
	.lst-notice-nothumb b{font-size:18px}
	.lst-notice-nothumb a{font-size:14px}
	
	/* 기업정보 */
	.slogun-area{font-size: 60px}
	.pg-company .con-panel>section{padding: 40px 0 !important}
	.pg-company .info-area .col-sm-6{ padding:20px}
	.pg-sub h3.sand,.pg-sub h4{font-size:22px}
  .pg-company section.last{margin-top:150px;padding:20px 0 50px !important}
	.pg-company .info-area h3{margin-bottom: 20px}
	.pg-company .info-area dl,.pg-brand p, .pg-bi p, .pg-company p, .mt-tit p{font-size: 14px}
	.img-set{position: static;margin:0;padding:0}
	.img-set h5{left:10%;bottom:15px;font-size:1.1em}
  .img-set>div{float:left;width:50%}
	.pg-company .info-area+section{margin: 40px 0;padding:20px; min-height:0;color:#fff}
	.pg-company section.last .slogun-area{position: static;margin:-20px 0 30px;font-size:50px}
	.bg-gray-box:before{margin:0}
	.pg-business .bg-gray{margin: 0 -20px; padding:20px}
  .vision-img{width:80%}
  .vision .step{margin-bottom:30px}
  .vision .step em{font-size:1em}
  .vision .step span{font-size: 20px}
  .vision-flow .text-center b, .vision-flow .text-center+div h5{font-size:20px}
  .vision-flow .text-center+div{padding-top:80px}
  .vision-flow .text-center+div em{font-size:.7em}
  .vision-flow .text-center+div li{font-size:1em}
  .vision-flow .text-center+div>div{padding:0 50px}
  .vision-flow>div>div{margin-bottom:30px}
  .ff-tail{width:65%}
  .history-slide{padding-top:0}
  .history-slide li img{width:100px}

	/* 지속가능경영 */
	.line-box{display: block;}
	.line-box .pa40{display: block !important;padding:20px !important}
	.line-box h5{font-size: 16px}
  .pg-company .con-panel>section.mag-t0{padding-top:0 !important}
  .lst-cert{padding:0 30px}
  .lst-cert>div{width:50%;float:left;padding:10px}
  .lst-cert>div>div b{padding:10px;font-size:13px;font-weight: 400}
  .lst-cert>div>div span{top:13px;left:13px;font-size:12px}
  .btn-more{display: none}
    
	/* faq 자주묻는질문 */
	.nav-round{overflow-x: auto;justify-content:inherit;justify-content:inherit;margin-bottom:20px}
	.nav-round{display:flex;align-items:center;justify-content:flex-start;-ms-align-items:center;-ms-justify-content:flex-start}
	.nav-round .nav-link{font-size:12px;padding:6px;min-width:96px}
	.faq-wrp .btn{min-height:auto !important;padding:10px 2px;font-size:15px;white-space:pre;background-size:30px auto;background-position: right 3px center;outline: none}
	.faq-wrp .btn .badge{width:30px;height:30px;padding:5px 0;margin-right:7px;font-size:17px}
  .faq-wrp .btn.collapsed{background-size:30px auto;background-position: right 3px center}
  .faq-wrp .btn span{padding-right:30px;font-size:1em;height:auto}
  .faq-wrp .card-body{font-size:14px}
  .faq-wrp.v3 .card-body:before{left:13px;font-size:30px}
  .faq-wrp.v3 .card-body{padding:20px 20px 25px 39px}
    
  /* 오시는길 */
  .location{display: block;border:0}
  .location>div{display: block}
  .location .road{padding: 30px 0}
  .location .road h4{font-size:20px}
  .location .road dt, .location .road dd{padding:5px 0;font-size:14px}
	.location>div:first-child{width:100%}

	/* 채용공고 */
	.lst-recruit{margin:0 -10px 70px}
	.lst-recruit>li{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;padding:10px}
	.lst-recruit>li>div{padding:15px;min-height:200px}
	.lst-recruit .num{font-size:20px;padding-bottom:15px}
	.lst-recruit p{font-size:15px}
	.lst-recruit small{font-size:12px}
	.tb th{padding:13px 0;font-size:15px}
	.tb td{padding:10px;font-size:14px}
	.tb .date p{font-size:12px}
	.tb .date .d-day{font-size: 16px}
	.tb .btn-badge{padding:7px 15px;min-width:auto;font-size:12px}
	
	/* 헬프라인 */
	.lst-cyber,.bx-cyber{flex-wrap: wrap;margin-bottom:20px}
	.lst-cyber>li{flex:0 0 50%; max-width:50%}
	.lst-cyber p{font-size: 14px}
    .lst-cyber>li{padding:76px 10px 0;margin-bottom:20px;background-size:80px 80px !important}
	.bx-cyber{padding: 15px}
	.bx-cyber>*,.help-line-collap .dot-wrp>*{flex:0 0 100%;max-width:none;font-size:13px}
	.bx-cyber>div+div{padding:30px 0 0;border: 0}
	.bx-cyber h3{font-size:18px}
	.bx-cyber .btn,.bx-dark .btn{width: 100%; position: static;margin-top: 20px}
    .help-line{padding:70px 0}
    .help-line-collap .btn{font-size:18px;padding:15px 18px;background-size:30px auto}
	.help-line-collap .btn.collapsed{padding: 15px; font-size:18px;background-size:30px auto}
	.help-line-collap .card-body{padding: 15px;}
    .txt-dot:before{top:9px}
    
	/* 케이휘슬 */
	.bt-banner{padding:20px 0}
	.bt-banner .d-flex{display:block;text-align:center;padding:30px 15px}
	.bt-banner .d-flex>div:first-child{width:auto;margin-bottom:15px}
	.bt-banner .d-flex>div:first-child img{width:130px}
	.bt-banner p{font-size:14px;margin-bottom:24px}

	/* 하자접수 */
	.haja-call{margin-bottom: 30px}
	.haja-call .media>*{ display:block;width: 100%}
	.haja-process{padding:30px 10px}
	.haja-process h3{margin-top:30px;font-size: 30px}
	.haja-process li{width:46%;padding:15px 2%}
  .haja-process li:nth-child(3):before, .haja-process li:nth-child(5):before{display: none}
  .haja-process li img{width:65%}
	.haja-process li:before{top:30% !important}
	.haja-process h4{font-size: 18px;}
  .haja-process h4+p{font-size:13px}
	.haja-customer{padding:0;background:#fff}
	.haja-customer .col-sm-6{padding:20px 0;border:0 !important}
  .haja-customer dt{font-size:1.2em}
  .haja-customer dd{font-size:14px}
  .haja-customer b{margin-bottom:.2em;font-size:40px}
  .haja-customer .col-sm-6:first-child{margin-bottom:25px}
  .haja-customer.v2 b{font-size:35px}
  .haja-customer.v3 .row>div{text-align:left;padding:10px 0;margin:0 20px}
  .haja-customer.v3 .row>div+div{border-top:1px solid #eee;border-left:0}
  .haja-customer.v3 b{font-size:26px}
  .haja-customer strong{font-weight: 400;font-size:.95em}
	.lst-recruit.v3 strong{font-size:17px}
	.lst-recruit.v3 p{padding-top:10px}
  .lst-recruit.v3 img{width:70px}
	.haja-customer.v4 .container>.row>.col-sm-6+.col-sm-6{border-top:1px solid #eee !important;padding-top:30px}
	.haja-customer.v4 .col-sm-6:first-child{margin-bottom:10px}
	.svc-lst{padding-bottom:30px}
	.svc-lst strong{font-size:1em}

  .box-type .tb-type>div{display: block;text-align: center;font-size:14px}
  .icon-user01, .icon-user02{width:60px;height:60px}
  .box-type>li>div>div:first-child{padding-right:0;margin:0 auto 10px;width:100%}
  .box-type>li+li>div{border-left:0;border-top:1px solid #ddd}
  .box-flow-type>li em{font-size:20px}
  .box-flow-type>li div{min-height: auto;margin:0 0 15px}
  .box-flow-type>li+li div:before{display:none}
  .box-flow-type>li strong{font-size:1.2em}
  
  .media, .media-body{display: block}
  .media-left img, .media-right img{width:100px}
  .before_after>div{padding-left:20px}
  .before_after h3 strong{font-size:1.2em;margin-top:.3em}
  .before_after h3 span{font-size:20px}
  .before_after p{font-size:15px}
  .tab-dday{min-width:100%;background:none;text-align: center}
  #tabDday{display: inline-block;width:100%; padding:0 0 0 12px;height:auto;margin-bottom:20px;}
  #tabDday a{width:100%;height:100%;border-radius:20px; font-size:10px;line-height:30px}
  #tabDday li{width:22%;margin:0 3px;margin-bottom:5px}
  #tabDday .i6{margin:0 3px}
  #tabDday .active a{background:#000}
  #tabDday .active a:before{display: none}
  .tab-dday .car{background-image:none}
      
    
	/* 윤리 */
	.pg-sub .con-panel{padding: 40px 0;min-height:auto}
	.pg-sub section{padding: 40px 0}
	.pg-sub .icon-logo-p{width:150px;height:85px}
	.tit-area h3{font-size: 24px}
  .s-type-h{font-size:18px}
  .s-type-p{font-size:14px !important}
  .sc-last .lst-pt{margin:0 -10px;padding-top:90px}
  .sc-last .lst-pt>div{float:left;width:50%}
  .sc-last .lst-pt>div span b{font-size:1em}
  .sc-last .lst-pt ul{padding-bottom:16px}
  .sc-last .lst-pt ul li{padding-left:0;font-size:11px}
  .sc-last .lst-pt>div span b:before{height:2px;top:10px;left:-12px;}
  .sc-last .lst-pt>div span b{padding-left:20px}
  .lst-pt .lst-dot li:before{top:7px;margin-left:-7px}
  .gray-box, .gray-box.v2{padding:15px;text-align: left}
  .lst-circle-pp li{width:33.33333333%;margin-bottom:10px}
  .lst-circle-pp li>div{width:80px;height:80px;margin:0 10px;line-height: 80px;font-size:13px}
  .lst-mag li{float:none;width:100%;margin-top:3px}
  .lst-mag li+li{margin-top:20px}
  .lst-mag li>div{display: table}
  .lst-mag li>div>div{display: table-cell;vertical-align: top}
  .lst-mag li i+div{text-align: left}
  .lst-mag>li h5 br{display: none;}
  .lst-mag>li h5{margin-top:10px;font-size:18px;padding-bottom:3px}
  .lst-mag>li b{display:inline-block;font-size:14px;margin-right:6px}
  .lst-recruit.v2 {display: block;margin:0 -20px}
  .lst-recruit.v2>li{width:100%;flex: none;max-width: 100%;margin-bottom:0}
  .lst-recruit.v2 .lst-dot li br{display: none}
  .lst-recruit.v2 p:before{width:18px;height:2px}
  .lst-recruit>li>div{min-height:auto}
    
    /* 비지니스 */
    .nav-round{margin:0 -20px 20px;padding-left:20px}
    .nav-round .nav-link{font-weight: 400}
    .mt-tit h3{font-size:22px}
    .mt-tit p{padding-top:12px}
    .mt-tit .pl40, .pg-business .pl80{padding-left:0 !important}
    .pg-business section+section{padding-bottom:180px}
    .pg-business .col-sm-6 img+span{bottom:-4%;width:59%}
    .pg-business h4 span{position: relative;left:0;margin-right:10px;font-size:30px}
    .pg-business h4+p{width:100%;font-size:14px;line-height: 1.7em}
    .pg-business .col-sm-6{padding:0}
    .btn-basic-blk.type-wd{padding:17px 90px 17px 20px}
    
    /* 인재채용 */
    [class^=icon-rec], [class^=icon-bnt]{width:70px;height:70px}
    .lst-point li {display: table}
    .lst-point li span em{top:-10px !important;left:0 !important;font-size:17px}
    .lst-point li span i{margin-left:10px}
    .lst-point li+li{border:0;margin-top:20px}
    .lst-point li>*{display: table-cell;vertical-align: middle}
    .lst-point li div{text-align: left;padding-left:20px}
    .lst-point li h5{font-size:18px}
    .lst-point li h5+p{font-size:14px;line-height: 1.4em;margin-top:5px}
    .lst-point li h5+p br{display: none}
    .pic-con{padding:8px 30px;margin:0 -20px}
    .pic-con ul{display: block;margin:0 -20px;white-space:nowrap; overflow-x: auto;}
    .pic-con ul li{display:inline-block; float:none;margin:0 10px}
    .pic-con li.active a{border-bottom:2px solid #fff}
    .pic-con li.active:before{display: none}
    .cru-card .col-sm-6{margin:0}
    .cru-card .col-sm-6>div{padding:20px 30px}
    .cru-card h4{font-size:18px}
    .cru-card span{padding:10px 0 5px;font-size:15px}
    .step-con{padding:0 !important}
    .step-con>div{ width:33.333333%;margin:20px 0;padding:0 !important;text-align: center}
    .pg-recruit .step-con span{font-size:15px}
    [class^=icon-rec]{width:45px;height:45px}
    .pg-recruit .step-con>div+div:before{width:18px;height:18px;background-size:100% auto;background-repeat: no-repeat;background-position: 50% 50%}
    .pg-recruit .step-con>div:nth-child(4):before, .pg-recruit .step-con>div:nth-child(7):before{display: none}
    .p-ref{font-size:12px}
    .icon-ref{width:10px;height:10px}
    .photo-cube{text-align: center}
    .photo-cube .col8,.photo-cube .col2{overflow: hidden;float:none;display: inline-block;width:320px;margin:0 auto}
    .photo-cube .col8 div, .photo-cube .col2 div{width:150px;height:150px;margin:5px}
    .photo-cube>div>div{padding:0}
    .photo-cube>div em{border:1px solid #ddd}
    .photo-cube>div em span{font-size:13px;bottom:12px;left:15px}
    .pg-sub h3.sand+p{margin-top:8px;font-size:1em}
    .d-line{width:30px;height:3px;margin:0 0 15px}
    .tab-content .tab-sect+.tab-sect{margin-top:40px}
    .tab-content .tab-sect h4{font-size:18px}
    .tab-content .tab-sect h4:before{width:20px}
    .tab-content .tab-sect p{font-size:1em;line-height: 1.8em}
    .tab-content .tab-sect strong{font-size:15px}
    .tab-content .tab-sect strong+p{margin-top:5px;line-height:1.5em}
    .tab-sect .box-group>div>div{min-height:115px;padding:20px}
    .table.line-type th{font-size:14px;width:30%}
    .table.line-type td{font-size:.95em}
    .rc-sect h4{font-size:20px !important;text-align: center}
    .rc-sect h4+div{padding:15px 20px;font-size:1em}
    .lst-benefit div{min-height:200px;font-size:11px;margin:0;padding:0 10px}
    .lst-benefit strong{padding-top:0;font-size:15px}
    .lst-benefit>div+div{border:0}
    
    /* 연혁 */
    .history-sect>div{display: block;padding:40px 0}
    .history-sect .left-area{padding:20px 20px}
    .history-sect .history-div{overflow: hidden;width:100%}
    .history-sect .history-div li{width:33.333333%;height:82px;float:left;padding:15px 20px}
    .history-con{height:auto}
    .history-sect .history-div li p{font-size:14px}
    .history-sect .history-div li div{font-size:11px}
    .history-sect .history-div li.on:before{display: none}
    .history-slide .slick-next{left:10px;margin:0;width:60px;height:60px;background-size:8px auto}
    .history-slide li strong{font-size:25px}
    .history-slide li dt{font-size:18px}
    .history-slide li{padding:0 30px}
    .pg-company section.last>div{padding:50px 20px 80px}
    
    .text-box-t{font-size:1em}
    .text-box-t+.check_area span, .check_area.v2{font-size:.95em;margin-left:10px}
    h5.legd{font-size:1.1em}
    .default_table.type_row tbody th{padding-left:0;width:20%}
    .default_table th, .default_table td, textarea{font-size:13px}
    .default_table.type_row tbody td{padding-right:0}
    .w200, .w525{width:100%}
    .w40-xs{width:42%}
    input[type=text], input[type=password], select{padding:11px 5px;font-size:13px}
    label.btn-basic-line{display: inline-block;margin-left:0;font-size:12px;padding:8px 20px;margin-top:5px}
    
    .privacy>section{padding:35px 0}
    .privacy_step>ol{float:none;width:100%}
    .pg-act .sect-sub .container{padding:0}
    .border_box{padding:15px}

    .heading-h3{font-size:18px;margin-top:30px;margin-bottom:15px}
    .privacy{font-size:14px}
    .privacy>section h3{font-size:16px}
    .privacy>section .defualt_dl dt{font-size:15px}
    .privacy .ref-box{padding:20px;font-size:14px}
    .privacy .ref-box strong{font-size:16px}
    .privacy .w50{width:100% !important}
    .table.tb-info thead th{padding:8px;font-size:14px !important}
    .table.tb-info td{padding:8px;font-size:14px !important}
    .privacy.v2>section{padding:50px 0 24px; background-position: 0 20px;background-size: 21px auto;}
    .privacy.v2 #privacy6{background-position:0px 20px, 26px 20px}
    .privacy_step{padding:5px 0}
    .privacy_step.v2>ol li a{padding-left:70px; padding-right:15px; height:54px; font-size:15px;background-size:22px auto; background-position:20px 50%}
    .privacy_step.v2 .i6{background-position: 8px 50%, 33px 50%;}
    .privacy_step>ol.pr5, .privacy_step>ol.pl5{padding:0 !important}
    [class^=icon-privacy-i]{width:50px;height:50px}
    .privacy-label-area .row>div{padding:3px}
    .privacy-label-area .row>div>div{height:auto; padding-top:26px;padding-bottom:20px}
    .privacy-label-area .row>div>div b{padding-top:12px; font-size:14px}
    .privacy .meta-txt{font-size:12px}
    .detail-layer{max-width: 100%;width: 100%;left:0;right:0}
    .detail-layer .layer-body{padding:12px}
    .detail-layer .layer-header{font-size:14px;padding:12px; transform:none}

    .modal.type-basic .modal-header{padding:28px 28px 0;font-size:1em}
    .modal.type-basic .modal-header br, .lst-jobitv .tb-type>div h5+p br{display: none}
    .modal.type-basic .modal-title{font-size:20px}
    .modal.type-basic .modal-body{padding:15px 30px}
    .lst-jobitv h5{font-size:18px}
    .lst-jobitv .tb-type>div:first-child{width:50px}
    .lst-jobitv .tb-type p{font-size:12px}
    .lst-jobitv .tb-type>div h5+p{min-height: auto;padding-bottom:10px}
    .lst-jobitv .tb-type>div:first-child:before{font-size:35px}
}

@media screen and (max-width:325px){
    [class^=icon-rec], [class^=icon-bnt]{width:50px;height:50px}
}