@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Lexend+Exa:wght@700&display=swap')*/

em{font-style:normal}
i{font-style:normal;display:inline-block;background-repeat:no-repeat}
textarea{border:none}

.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}
h1.txt-tit{font-size:3.75em;font-weight:700;color:#fff;letter-spacing:-1.6px;word-break:keep-all;line-height:1.2}
.top-visual h1.txt-tit{font-size:3.13em;line-height:1.3}

.txt-tit strong{font-weight:700;color:#1A88FF}
.txt-sub{color:#fff;font-size:1.44em;font-weight:400;letter-spacing:-1px;word-break:keep-all;line-height:1.5}
h3.txt-sub{font-size:1.56em;font-weight:400;color:#000;letter-spacing:-.3px}

.top-visual .txt-sub{margin-top:2.3em;font-size:1.38em}
.top-visual .txt-tit strong{display:inline-block;padding:0.01em 0 0.15em 0;background:#1A88FF;color:#fff;line-height:1}

.slide-area h3.txt-sub{text-align:center;color:#fff;}
.slide-area h2.txt-tit{padding-top:0;padding-bottom:3em;font-size:2em;color:#fff}

h2.txt-tit{padding:4em 0 2em;color:#000;font-size:2.50em;font-weight:700;letter-spacing:-1.6px;text-align:center;line-height:1.4;word-break:keep-all}
.txt-tit.tL{text-align:left}
.size2{font-size:1.88em}

#section2 h2.txt-tit{padding-bottom:2.5em}
#section3 h2.txt-tit{padding-bottom:0}

.block{display:inline}
.inline{display:block}

.btn{display:inline-block;border-radius:50px;letter-spacing:-1px}
.size-large{min-width:10.80em;font-size:1.56em;font-weight:700;line-height:2.81;text-align:center}

.color-primary{background:#1A88FF;color:#fff}
.color-blackLine{position:relative;border:1px solid #000;color:#000;font-weight:300;font-size:1.25em;letter-spacing:-.5px;line-height:3em}
.color-blackLine.size-large{min-width:9.65em;padding:0 1.1em;text-align:left}
.color-blackLine:after{content:"";position:absolute;top:50%;right:.8em;width:.50em;height:1.25em;background:url('../images/icon/ico-sm.png') no-repeat -3.50em -7.35em;background-size:7.15em;transform:translate(-50%, -50%)}

.btn.light{font-weight:300}

.top-visual .btn{margin-top:2.3em}



.btn.color-primary{color:#fff;transition: all 0.3s;position: relative;overflow: hidden;z-index: 1}
.btn.color-primary:after{content:"";position: absolute;bottom:0;left:0;width:100%;height:100%;background-color:#1A88FF;border-radius: 10rem;z-index: -2}
.btn.color-primary:before{content:"";position: absolute;bottom: 0;left: 0;width: 0%;height: 100%;background-color: #006ee5;transition: all 0.3s;border-radius: 10rem;z-index: -1}
.btn.color-primary:hover{color: #fff}
.btn.color-primary:hover:before{width:100%}


.point{display:inline-block;background:#1A88FF;line-height:1.3}
.point em{position:relative;top:-1px;display:inline-block}

.logoSlider-area{margin-top:13em}
.logoSlider-area .logoSlider-wrap{overflow:hidden;margin-top:1.5em;white-space:nowrap}
.logoSlider-area .logoSlider-wrap:nth-child(even) .logo-inner{justify-content:end}

.logo-inner{display:flex}
.logo-list{display:flex;justify-content:flex-start;flex-shrink:0;align-items:center}
.logo-list li{flex-shrink:0;padding:0 3em;text-align:center}


.list-work{display:flex;flex-wrap:wrap;justify-content:space-between}
.list-work li{margin-top:2em;box-sizing:border-box}
.list-work li:nth-child(1),
.list-work li:nth-child(2),
.list-work li:nth-child(3){margin-top:0}

.list-item{display:inline-block;max-width:26em;width:100%}
.list-item figure{overflow:hidden;border-radius:10px}
.list-item img{transition:transform .2s;transition-timing-function:ease-in-out;}
.list-item:hover img{transform:scale(1.05);transition:transform .2s;transition-timing-function:ease-in-out}

.list-item .list-item-category{display:block;margin-top:1.2em;color:#000;font-weight:300;font-size:1.13em;text-align:center;line-height:1.3}
.list-item .list-item-title{display:block;margin-top:.3em;color:#000;font-weight:700;font-size:1.44em;text-align:center;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}


.ico-sm{position:relative;width:1.29em;height:1em;background-image:url('../images/icon/ico-sm.png');background-size:5.72em;vertical-align:middle}
.ico-tel{top:-.050em;background-position:-.1em -.12em}
.ico-mail{top:-0.11em;margin-right:.2em;background-position:-2.06em -.12em}

.tit-q{margin-bottom:1.2em;font-size:1.44em;color:#333;font-weight:700;letter-spacing:-.5px;line-height:1.3}
.chk-group{display:flex;justify-content:space-between;flex-wrap:nowrap;}
.ipt-group{display:flex;justify-content:space-between;flex-wrap:wrap}
.ipt-group.select-group{margin-bottom:1em}
.chk-group .chk-item{display:inline-block;width:100%;margin:0 .5em .5em 0;border:1px solid #A9A9A9;border-radius:10px;font-size:1.06em;font-weight:400;color:#A9A9A9;text-align:center;letter-spacing:-.1px;box-sizing:border-box;line-height:3.42em;cursor:pointer;transition:border-color, color .2s}
.chk-group .chk-item:hover{border-color:#1A88FF;color:#1A88FF;transition:border-color, color .2s}
.chk-group .chk-item.on{border-color:#1A88FF;background:#1A88FF;color:#fff}

.q-box{margin-top:1em}
.inner-con .q-box:first-child{margin-top:0}
.inner-con.narrow .txt-top-area:first-child{margin-bottom:7em}

.inner-con input{height:auto;font-size:1.06em;margin:0 0 1em 0;border:1px solid #cbcbcb;border-radius:10px;line-height:3.42em}
.ipt-group input,.ipt-group .selectBox-wrap{width:calc(50% - .6em)}

.narrow .chk-group{flex-wrap:wrap;justify-content: start;}
.narrow .chk-group .chk-item{width:9.38em}

.selectBox {position: relative;width:100%;border-radius:10px;border: 1px solid #cbcbcb;background:#fff;cursor:pointer}
.selectBox:before{content:'';position:absolute;top:50%;right:1em;display:block;width:1em;height:1em;background:url('../images/icon/ico-arrow.png') no-repeat 50% 50%;transform:translateY(-50%) rotate(180deg);transition:all .1s;}
.selectBox .label {display:flex;align-items:center;width: inherit;height: inherit;border: 0 none;outline: 0 none;padding-left: 0.88em;background: transparent;cursor: pointer;color:#A9A9A9;font-size:1.06em;font-weight:400;line-height:3.42em}
.selectBox .optionList {display:none;position: absolute;top: 100%;left: 0;z-index:1;width:100%;padding:1em 0;background: #FAFAFA;color: #A9A9A9;border:1px solid #A9A9A9;border-radius: 6px;overflow: hidden}
.selectBox.active:before{transform:translateY(-50%) rotate(0deg);transition:all .1s;}
.selectBox.active .optionList {z-index:1;max-height:500px}
.selectBox .optionItem {font-size:1.13em;font-weight:300; padding: .5em 1em; transition: .1s}
.selectBox .optionItem:hover {color:#1A88FF;font-weight:400}
.selectBox .optionItem:last-child{border-bottom: 0 none}

.selectBox .optionList::-webkit-scrollbar {width: 6px;}
.selectBox .optionList::-webkit-scrollbar-track {background: transparent}
.selectBox .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.selectBox .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}

.text-area{overflow:hidden;border:1px solid #cbcbcb;border-radius:10px}
textarea{font-size:1.06em}
textarea:placeholder{font-size:1.06em;color:#A9A9A9}
.text-area .text-area-bottom{padding:0 1em .5em;background:#fff}
.filebox{display:flex;align-items:center}
.filebox input[type='file']{overflow:hidden;position:absolute;width:0;height:0;margin:0;padding:0;border:0}
.filebox .upload-name{display:inline-block;width:calc(100% - 150px);margin:0;border:none;font-size:0.94em;color:#333;background:#fff}
.filebox label{display:inline-block;width:8.67em;margin-right:1em;color:#333;font-size:0.94em;font-weight:300;background:#ebebeb;cursor:pointer;text-align:center;line-height:2.67em}

.txt-info{margin-top:1em;font-size:1.13em;font-weight:300;color:#999;letter-spacing:-.5px}

.checkbox{vertical-align:top;margin:0}
.checkbox input[type=checkbox]:checked + i{background-position-x:-1.71em}
label{position:relative;font-size:14px;font-weight:500;color:#333;cursor:pointer}
.checkbox{overflow:hidden;position:relative;display:inline-block;width:1.64em;height:1.64em;margin-right:6px;vertical-align:-6px;cursor:pointer;letter-spacing:-.5px}
label:after {content: '';position:absolute;right:100%;bottom:-2px;left:1.64em;display:block;height:1px;background:#2e3092;transition: .1s}
.checkbox input[type=checkbox]{position:relative;width:1.64em;height:1.64em;margin:0;padding:0;cursor:pointer;opacity:0;width:1.64em;height:1.64em;vertical-align:top;cursor:pointer}
.checkbox i{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/icon/ico-sm.png) no-repeat -0.14em -10.57em;background-size:10.21em}

.txt-link{color:#1A88FF;font-size:14px;font-weight:500;text-decoration:underline !important;text-underline-position:under !important;letter-spacing:-.5px}
.info-line .txt-link{margin-left:.5em}

.btn-linkArea{position:relative;z-index:10}
.btn-linkArea > ul{display:none;position:absolute;left:0;right:0;top:3.1em;padding-top:.5em;border-top:1px solid rgba(255,255,255,.2);border-bottom-left-radius:25px;border-bottom-right-radius:25px;background:rgba(255,255,255,.8)}
.btn-linkArea > ul a{display:block;padding:0 2em;font-size:0.938em;color:#000;line-height:3;box-sizing:border-box}
.btn-linkArea > ul a:hover,
.btn-linkArea > ul a:focus{font-weight:500}
.btn-linkArea.on > .btn-familySite{border-color:transparent;color:#000;border-bottom-left-radius:0;border-bottom-right-radius:0;background:rgba(255,255,255,.8);transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}

.btn-familySite{display:block;min-width:12.67em;width:100%;max-width:200px;border-radius:25px;border:1px solid #fff;padding:.9em 1.5em;background:rgba(97,170,49,0);font-size:0.938em;font-weight:400;color:#fff;box-sizing:border-box;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
.btn-familySite .ico-more{position:absolute;right:1em;top:50%;display:inline-block;width:1em;height:1em;margin-top:-.47em;background:url('../images/icon/ico-sm.png') no-repeat -8.53em -10.13em;background-size:9.53em;transition:all .2s}
.btn-linkArea.on .ico-more{background-position-x:-6.87em;transform:rotate(180deg);transition:all .2s}
.gnb-chk-on .ico-more{background-position-x:-128px}


.gnb-chk.color-white .btn-familySite{opacity:0;transition:opacity .25s;transition-delay:.25s}

.list-txtFigure-area {overflow:hidden}
.list-txtFigure-area .txtFigure-line:nth-child(even){background:#F5F8FB}
.list-txtFigure-area .txtFigure-line:nth-child(even) .txt-Figure-subs{flex-direction:row-reverse}
.list-txtFigure-area .txtFigure-line:nth-child(even) .txt-Figure-subs .figure-box{padding-left:0;padding-right:3em}


.txt-Figure-subs{display:flex;justify-content:space-between;max-width:1280px;margin:0 auto;padding:5em 0;align-items:center}
.txt-Figure-subs .txt-box{width:100%;max-width:630px}
.txt-box .txt-box-tit{/*margin-top:1.3em;*/font-size:2.13em;font-weight:700;color:#000;letter-spacing:-.3px;line-height:1.3;word-break:keep-all}
.txt-box .txt-box-sub{margin-top:2.3em;font-weight:400;font-size:1.25em;color:#000;word-break:keep-all}
.txtFigure-line .figure-box{max-width:620px;width:100%;max-height:400px;overflow:hidden;padding-left:3em;border-radius:10px}
.txtFigure-line .figure-box img,.txtFigure-line .figure-box video{max-width:620px;width:100%;border-radius:10px}
.txtFigure-line .figure-box img{max-width:565px}

.txtFigure-line.heightAuto .txt-Figure-subs{max-width:1500px;flex-direction:column;align-items:baseline;padding-top:1.5em;padding-bottom:1.5em}
.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .txt-Figure-subs{padding:6em 0;flex-direction:column}
.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .figure-box{padding:0 1em;box-sizing:border-box}
.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .figure-box .game-wrap{width:50%;padding:3em;border-radius:50%;background:#fff;flex-direction:row}
.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .figure-box .game-wrap:nth-child(even){margin-left:2em}
.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .game-wrap .game-info{padding:0;padding-left:1.5em}
/*.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .game-wrap .game-tit{margin-bottom:1em}*/

.txtFigure-line.heightAuto .txt-box{max-width:100%;text-align:center}
.txtFigure-line.heightAuto .txt-box-sub{margin-top:1em}

.txtFigure-line.heightAuto .figure-box{max-width:100%;max-height:100%;display:flex;margin-top:5em;padding-right:0}
.txtFigure-line.heightAuto .game-info{padding:0 2em}
.txtFigure-line.heightAuto .game-info .game-tit{margin-bottom:1em;word-break:keep-all}




.label{/*display:inline-block;*/display:none;min-width:3.67em;padding:0 1em .1em;font-family:'Malgun Gothic','맑은고딕';font-size:1.88em;font-weight:700;border-radius:50px;background:#1A88FF;color:#fff;line-height:1.67em;text-align:center;box-sizing:border-box}
.sub-video{max-width:620px;width:100%;height:auto}
.wide .sub-video{max-width:100%}

.evt-progressBar{position:relative;display:flex;justify-content:space-evenly;margin:0 auto;background:#f4f4f4;height:1.56em;border-radius:25px;border-bottom:1px solid #e1e1e1}
.evt-progressBar .evt-order{text-align:center}
.evt-progressBar .evt-order .cir-group{position:relative;display:block;height:1.44em}
.evt-progressBar .evt-order .cir-group .circle{position:absolute;}
.evt-progressBar .evt-order .cir-group .circle:nth-child(odd){left:50%;transform:translateX(-85%)}
.evt-progressBar .evt-order .cir-group .circle:nth-child(even){right:50%;transform:translateX(85%)}
.circle{display:inline-block;width:1.44em;height:1.44em;margin:0 auto;border-radius:50%;border:1px solid #e5e5e5}
.evt-progressBar .evt-order .od-txt{display:block;margin-top:.8em;font-size:1.25em;font-weight:500;color:#000;letter-spacing:-.5px}
.evt-progressBar .evt-order .od-txt + .od-txt{margin-top:0}
.evt-progressBar .evt-order .od-txt.on{animation-name:txtEffect;animation-iteration-count:infinite;animation-duration:1s;}

@keyframes txtEffect{
	0%{color:#b1d6ff}
	50%{color:#1a88ff}
	100%{color:#b1d6ff}
}

.evt-progressBar .bubble{position:absolute;width:5.833em;font-size:1.125em;font-weight:500;color:#000;border:1px solid #000;border-radius:50px;background:#fff;text-align:center;line-height:2.778em}
.bubble:after{content:"";position:absolute;bottom:-.5em;left:50%;display:block;width:0.938em;height:0.938em;border:1px solid #000;border-top:none;border-left:none;background:#fff;transform:translateX(-50%) rotate(45deg)  skew(10deg, 10deg)}

.bubble.bb1{top:-4em;left:-1em}
.bubble.bb2{top:-4em;right:6.3em}
.bubble.bb3{top:-4em;right:-1em}

.circle.c1{background: rgb(255,93,42);background: linear-gradient(180deg, rgba(255,93,42,1) 0%, rgba(247,221,220,1) 100%);}
.circle.c2{background: rgb(253,203,74);background: linear-gradient(180deg, rgba(253,203,74,1) 0%, rgba(246,236,220,1) 100%);}
.circle.c3{background: rgb(246,248,91);background: linear-gradient(180deg, rgba(246,248,91,1) 0%, rgba(244,246,191,1) 100%);}
.circle.c4{background: rgb(50,208,84);background: linear-gradient(180deg, rgba(50,208,84,1) 0%, rgba(155,227,171,1) 100%);}
.circle.c5{background: rgb(33,139,255);background: linear-gradient(180deg, rgba(33,139,255,1) 0%, rgba(145,195,249,1) 100%);}
.circle.c6{background: rgb(56,86,187);background: linear-gradient(180deg, rgba(56,86,187,1) 0%, rgba(141,157,212,1) 100%);}
.circle.c7{background: rgb(159,95,241);background: linear-gradient(180deg, rgba(159,95,241,1) 0%, rgba(196,161,242,1) 100%);}
.circle.c8{background: rgb(251,105,219);background: linear-gradient(180deg, rgba(251,105,219,1) 0%, rgba(247,182,233,1) 100%);}

.order-total-wrap{position:relative;display:flex;margin-top:7.5em;justify-content:space-between}
.order-total-wrap .order-box{width:100%;max-width:245px}
.order-total-wrap .order-box:nth-child(3) .order-subs,
.order-total-wrap .order-box:nth-child(4) .order-subs,
.order-total-wrap .order-box:nth-child(5) .order-subs{height:50%;border-bottom-left-radius:0;border-bottom-right-radius:0}
.order-total-wrap .order-box:nth-child(3) .order-subs:last-child,
.order-total-wrap .order-box:nth-child(4) .order-subs:last-child,
.order-total-wrap .order-box:nth-child(5) .order-subs:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.order-total-wrap .order-box + .order-box{margin-left:1em}
.order-subs{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid #CBCBCB;border-radius:10px}
.order-subs .order-subs-tit{position:relative;border-top-left-radius:10px;border-top-right-radius:10px;padding-left:1.8em;background:#fafafa;line-height:3em}
.order-subs .order-subs-tit a{display:inline-block;font-size:1.25em;font-weight:700;color:#000;letter-spacing:-1px;text-decoration:underline;text-underline-position:under}
.order-subs .order-subs-tit a[href='#none']{cursor:default;text-decoration:none}
.order-subs .order-subs-tit a[href='#none'].btn-more{cursor:pointer}
.order-subs .order-list{padding:.5em 1em .5em 2em;font-size:1.125em;font-weight:400;color:#000}
.order-subs .order-list li{padding:.5em 0}
.order-subs .order-subs-tit .circle{position:absolute;top:50%;left:0;transform:translate(100%, -50%);}
.order-subs-tit .btn-more{position:absolute;top:50%;right:.7em;display:inline-block;width:1.563em;height:1.563em;background:url('../images/icon/ico-sm.png') no-repeat .17em -9.25em;background-size:7.15em;transform:translateY(-50%);}

.order-subs + .order-subs{top:-.4em;border-top-left-radius:0;border-top-right-radius:0}


.more-list:not(.align-box){display:none;position:absolute;top:0;left:50%;z-index:1;width:100%;border:1px solid #CBCBCB;border-radius:10px;background:#fafafa;transform:translateX(-50%)}
.more-list.open{display:block}
.more-list .more-list-tit{position:relative;padding:0 1em;border-bottom:1px solid #c8c8c8;font-size:1.25em;font-weight:700;color:#000;letter-spacing:-.5px;line-height:3em}
.more-list .more-list-tit .btn-close{position:absolute;top:50%;right:1em;display:inline-block;width:20px;height:20px;background:url('../images/icon/ico-sm.png') no-repeat -1.25em -9.5em;background-size:7.15em;transform:translateY(-50%)}


.order-subs-tit .circle,
.more-list .more-list-tit .circle{width:0.7em;height:0.7em}
.more-list .more-list-tit .circle{margin-right:.5em}

.more-list .more-list-detail{height:calc(100% - 30%);padding:1em .5em;margin-top:.9em;border-radius:10px;border:1px solid #c8c8c8;background:#fff;font-size:1em;font-weight:400;color:#000;text-align:center}
.more-list .more-list-detail li{line-height:2.3;white-space:nowrap}
.more-list .list-item-wrap{display:flex;flex-wrap:wrap;padding:1em;box-sizing:border-box}

.more-list .list-align{/*max-width:11.875em;width:100%;margin-right:1.05em;*/margin-bottom:1em}
.more-list .list-align:last-child{margin-right:0}

.list-align .list-item-tit{font-size:1.125em;font-weight:700;color:#000;text-align:center;border-radius:50px;line-height:2.5}

.more-list.c1 .list-item-tit{background:#FAC5C5}
.more-list.c2 .list-item-tit{background:#FAE4C5}
.more-list.c3 .list-item-tit{background:#F4F2BB}
.more-list.c4 .list-item-tit{background:#CDE6E2}
.more-list.c5 .list-item-tit{background:#CEF0FB}
.more-list.c6 .list-item-tit{background:#C8DBFF}
.more-list.c7 .list-item-tit{background:#DFD7FF}
.more-list.c8 .list-item-tit{background:#FED6FF}


.serviceDetail-wrap{margin-bottom:2em;border:1px solid #CBCBCB;border-radius:10px;background:#fff}
.serviceDetail-more{overflow:hidden;display:block;background:#fff;border-radius:10px;padding:0 1em;font-size:1.06em;font-weight:400;color:#a9a9a9;letter-spacing:-.5px;line-height:3.42em;cursor:pointer}
.serviceDetail-more[disabled=disabled]{background:#e9e9e9;cursor:default}
.serviceDetail-more.active{background:#fff;cursor:pointer}

.serviceDetail-wrap .scroll-wrap{display:none;overflow-y:auto;height:26em;padding:0 .5em}
.serviceDetail-wrap .scroll-wrap.on{display:block}
.more-list .list-align{max-width:100%;width:calc(100% / 6);margin-right:0;padding:0 .5em;box-sizing:border-box}
.align-box.more-list .list-item-wrap{padding:0}
.align-box.more-list .more-list-tit{border-bottom:none}
.align-box.more-list .more-list-detail{background:#fafafa}

.swiper{width:100%;height:100%}
.swiper-slide{text-align:center;background:#fff;display:flex;justify-content:center;align-items:center}
.swiper-slide img{display:block;width:100%;height:100%;object-fit: cover}

.sub-screen-slider.swiper{height:auto;overflow:initial;contain:layout;}
.sub-screen-slider .swiper-wrapper{height:auto;align-items:center}
.sub-screen-slider .swiper-slide{position:relative;max-width:59.375em;height:auto;transform:scale(0.8);transition:transform .2s}
.sub-screen-slider .swiper-slide:not(.swiper-slide-active):before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7)}
.sub-screen-slider .swiper-slide.swiper-slide-active{overflow:hidden;z-index:1;border-radius:0.63em;transform:scale(1);transition:transform .2s}
.sub-screen-slider .swiper-slide.swiper-slide-active img {box-shadow: 1px 1px 15px rgba(0,0,0,.3)}
.sub-screen-slider .swiper-slide{width:50%}

.sub-video-slider .swiper-slide{padding-bottom:2.5em;background:none}
.sub-video-slider .slider-info{position:absolute;bottom:1em;right:0}
.btn-progress{overflow:hidden;position:relative;z-index:2;display:inline-block;text-align:center;color:#fff;font-weight:700;font-size:.9em;border-radius:50px;padding:0 2.5em;background:rgba(0,0,0,.5);line-height:2.5}
.btn-progress i{display:block;position:absolute;top:0;left:0;bottom:0;z-index:-1;width:0;background:#1A88FF}


.spec-box{position:relative;display:flex;justify-content:space-between}
.spec-box:before{content:'';position:absolute;top:12em;display:block;width:100%;height:1.5px;background:#000}
.spec-box .spec-item{width:100%;max-width:310px; text-align:center}
.spec-box .spec-item:nth-child(1) .txt-point-label span{color:#1A88FF}
.spec-box .spec-item:nth-child(2) .txt-point-label span{color:#FF935F}
.spec-box .spec-item:nth-child(3) .txt-point-label span{color:#51CE7C}
.spec-box .spec-item:nth-child(4) .txt-point-label span{color:#918CEE}
.spec-item-top{position:relative;display:inline-block;text-align:center}
.spec-item-top .ico-spec{position:absolute;right:0;bottom:.8em;z-index:1;width:7.50em;height:9.06em;background-image:url('../images/icon/ico-spec.png');background-repeat:no-repeat;background-size:30em}
.ico-spec.ico-s{right:-2.5em;background-position-x:0}
.ico-spec.ico-p{bottom:7em;right:-1.5em;background-position-x:-7.50em}
.ico-spec.ico-e{bottom:1.1em;right:-2.3em;background-position-x:-15em}
.ico-spec.ico-c{top:-.9em;right:-2.55em;background-position-x:-22.5em}
.alphabet{position:relative;left:-25px;z-index:2;font-size:13.75em;font-family:"Lexend Exa", sans-serif ;font-optical-sizing:auto;font-weight:700;font-style:normal;color:#000;line-height:1}

.txt-point-label{font-size:1em;font-weight:500;color:#000}
.tit-spec{margin-top:.6em;font-size:1.56em;font-weight:700;color:#000;letter-spacing:-.7px;line-height:1.3;word-break:keep-all}
.subs-spec{padding:1em 1.5em;margin-top:1em;border-radius:10px;font-size:1.13em;font-weight:400;color:#000;background:#FAFAFA;word-break:keep-all;box-sizing:border-box;}
.subs-spec span{display:block;white-space:nowrap;}

.spec-item:nth-child(1) .spec-item-top[data-aos]{transition-delay:0}
.spec-item:nth-child(2) .spec-item-top[data-aos]{transition-delay:.2s}
.spec-item:nth-child(3) .spec-item-top[data-aos]{transition-delay:.3s}
.spec-item:nth-child(4) .spec-item-top[data-aos]{transition-delay:.4s}


.game-wrap{display:flex;align-items:center;width:50%}
.game-info{padding-left:2em}
.game-info .game-tit{font-size:1.438em;font-weight:700;color:#000;line-height:1.3;letter-spacing:-.5px}
.game-info .game-label{display:inline-block;margin-top:1em;border-radius:50px;font-size:12px;font-weight:500;background:#000;color:#fff;line-height:1;padding:.3em .8em .4em}
.game-info .game-subs{padding-top:.3em;font-size:1em;font-weight:400;color:#000;word-break:keep-all}
.game-info .util-link{display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid #dfdfdf;margin-top:1em;padding-top:1em}
.game-info .util-link li{margin-bottom:.5em}
.game-info .util-link a{display:inline-block;padding-right:1.2em;background-size:9.15px;font-size:14px;font-weight:400;color:#000}

.ico-link{background:url('../images/icon/ico-blank.png') no-repeat 100% 50%;}

.mockup-frame{min-width:17.375em;height:36.063em;overflow:hidden;position:relative;border-radius:2.81em;box-shadow:2px 2px 5px rgba(0,0,0,.2)}
.mockup-frame-img{position:absolute;top:50%;left:0;z-index:1;transform:translateY(-50%);}
.mockup-inner{overflow:hidden;height:100%;border-radius:2.563em;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}
.mockup-inner.game-screen1{background-image:url('../images/works/game-screen1.png');}
.mockup-inner.game-screen2{background-image:url('../images/works/game-screen2.png');}
.mockup-inner .dim{opacity:0;position:absolute;top:.5em;right:.5em;bottom:.5em;left:.5em;z-index:2;border-radius:1.81em;background:rgba(0,0,0,.5);}
.mockup-inner .dim:hover{opacity:1}
.mockup-inner .dim span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:inline-block;border-radius:50px;padding:.7em 1.2em;font-size:1em;font-weight:500;color:#000;background:#fff;text-align:center;line-height:1}

.work-section{overflow:hidden;height:100vh;}

.section-left, .section-right{width:50%;float:left;}
.section-inner{position:relative;overflow:hidden;}
.section-inner .infoTxt{position:absolute;left:2.5em;bottom:2.2em;color:#fff;z-index:1}
.section-inner .infoTxt p{font-size:1em;font-weight:300;}
.section-inner .infoTxt strong{font-size:1.25em;font-weight:500}

.work-section .section-left{height:100%}
.work-section .section-left .section-inner{height:100%}

.work-section .section-right{height:100%;}
.work-section .section-right .section-inner{height:50%;}
.work-section.type1 .section-left {width:100%;height:100%;}
.work-section.type4 .section-right .section-inner:not(:first-child){width:50%;float:left;}
.work-section.type2 .section-right .section-inner{height:100%;}

.work-section img.pc-img{display:block;}

.worksBg{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;transition:1s;background-size:cover;background-position:50%;background-repeat:no-repeat}
.worksBg:hover{transform:scale(1.05);}
.hicare{background:url(../images/works/mando-hiCare-pc.jpg)50% 50% no-repeat;background-size:cover;}
.kyochon{background:url(../images/works/kyochon-pc.jpg)50% 50% no-repeat;background-size:cover;}
.maserati{background:url(../images/works/maserati-event-pc.jpg)50% 50% no-repeat;background-size:cover;}
.handsup{background:url(../images/works/avivgame-star-pc.jpg)50% 50% no-repeat;background-size:cover;}
.sr{background:url(../images/works/sr-pc.jpg)50% 50% no-repeat;background-size:cover;}
.brMall{background:url(../images/works/br-mall-pc.jpg)50% 50% no-repeat;background-size:cover;}
.brSmartWork{background:url(../images/works/br-smartwork-pc.jpg)50% 50% no-repeat;background-size:cover;}
.brSangjo{background:url(../images/works/br-sangjo-pc.jpg)50% 50% no-repeat;background-size:cover;}
.brGroup{background:url(../images/works/br-group-pc.jpg)50% 50% no-repeat;background-size:cover;}
.brCarnegie{background:url(../images/works/br-carnegie-pc.jpg)50% 50% no-repeat;background-size:cover;}
.brFuneral{background:url(../images/works/br-funeral-pc.jpg)50% 50% no-repeat;background-size:cover;}
.cap{background:url(../images/works/cap-pc.jpg)50% 50% no-repeat;background-size:cover;}
.mcmCharm{background:url(../images/works/mcm-charm-pc.jpg)50% 50% no-repeat;background-size:cover;}
.scpc2019{background:url(../images/works/scpc2019-pc.jpg)50% 50% no-repeat;background-size:cover;}
.sstf2018{background:url(../images/works/sstf2018-pc.jpg)50% 50% no-repeat;background-size:cover;}
.scpc2018{background:url(../images/works/scpc2018-pc.jpg)50% 50% no-repeat;background-size:cover;}
.sstf2019{background:url(../images/works/sstf2019-pc.jpg)50% 50% no-repeat;background-size:cover;}
.saic2018{background:url(../images/works/saic2018-pc.jpg)50% 50% no-repeat;background-size:cover;}
.saif2018{background:url(../images/works/saif2018-pc.jpg)50% 50% no-repeat;background-size:cover;}
.scpc2017{background:url(../images/works/scpc2017-pc.jpg)50% 50% no-repeat;background-size:cover;}
.mindBridge{background:url(../images/works/mind-bridge-pc.jpg)50% 50% no-repeat;background-size:cover;}
.avivApp{background:url(../images/works/aviv-app-pc.jpg)50% 50% no-repeat;background-size:cover;}
.codeGround{background:url(../images/works/codeground-pc.jpg)50% 50% no-repeat;background-size:cover;}
.mcm{background:url(../images/works/mcm-pc.jpg)50% 50% no-repeat;background-size:cover;}
.scpcFace{background:url(../images/works/scpc-facebook-pc.jpg)50% 50% no-repeat;background-size:cover;}
.tomntoms{background:url(../images/works/tomntoms-pc.jpg)50% 50% no-repeat;background-size:cover;}
.scpc2016{background:url(../images/works/scpc2016-pc.jpg)50% 50% no-repeat;background-size:cover;}
.swMembership{background:url(../images/works/membership-pc.jpg)50% 50% no-repeat;background-size:cover;}
.pureyou{background:url(../images/works/pureyou-pc.jpg)50% 50% no-repeat;background-size:cover;}
.cat{background:url(../images/works/cat-pc.jpg)50% 50% no-repeat;background-size:cover;}
.basicHouse{background:url(../images/works/basichouse-pc.jpg)50% 50% no-repeat;background-size:cover;}
.sstf2017{background:url(../images/works/sstf2017-pc.jpg)50% 50% no-repeat;background-size:cover;}
.bmw{background:url(../images/works/bmw-pc.jpg)50% 50% no-repeat;background-size:cover;}
.scpc2018-video{background:url(../images/works/scpc2018-video-pc.jpg)50% 50% no-repeat;background-size:cover;}
.sw-video{background:url(../images/works/sw-video-pc.jpg)50% 50% no-repeat;background-size:cover;}
.sstf2017-video{background:url(../images/works/sstf2017-video-pc.jpg)50% 50% no-repeat;background-size:cover;}
.scpc2017-video{background:url(../images/works/scpc2017-video-pc.jpg)50% 50% no-repeat;background-size:cover;}
.scpc2017-video2{background:url(../images/works/scpc2017-video2-pc.jpg)50% 50% no-repeat;background-size:cover;}
.scpc2016-video{background:url(../images/works/scpc2016-video-pc.jpg)50% 50% no-repeat;background-size:cover;}
.sstf2018-video{background:url(../images/works/sstf2018-video-pc.jpg)50% 50% no-repeat;background-size:cover;}

.videopopup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;padding:0 15px;background:rgba(0, 0, 0, 0.5);}
.videopopup .popup-box{position:relative;max-width:898px;margin:10% auto;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.5);}
.video-wrap{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}
.video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;}
.videopopup .popup-close{position:absolute;top:-40px;right:0;width:30px;height:30px;background:#fff;border-radius:5px;color:#000;font-weight:bold;}



.modal-content.iframe .pop-basic.pop-basic-sm.pop-simple .pop-tit-area{min-height:initial;padding:45px 10px}
.modal-content.iframe .pop-basic .pop-tit-area{background-size:cover}
.modal-content.iframe .pop-simple .pop-con-area.tc-basic p{max-width:100%}
.modal-content.iframe .modal-body.vertical .pop-con-area{padding:15px}
.modal-content.iframe .pop-simple .bottom-area{margin-top:20px}
.modal-content.iframe .pop-simple .bottom-area .btn{width:100%;max-width:100%;font-size:14px}
.modal-content.iframe .pop-simple .pop-con-area.tc-basic input[type=text]{width:100%}
.modal-content.iframe h1.tit-simple{margin-top:0;font-size:25px}











/* works 상세 */
.portfolio-visual{width:100%;height:100vh;background:url(../images/works/visual/mando-visual.png)50%/cover no-repeat;}

.portfolio-info{overflow:hidden;margin:-8.1em 8em 0;padding:4em 7em 5em;background:#fff;}

.pj-titsmall{display:inline-block;max-width:460px;margin-bottom:.5em;color:#95989a;font-size:.6em;font-weight:400;}
.pj-title{float:left;display:inline-block;width:50%;margin-bottom:.7em;max-width:460px;font-size:1.6em;font-weight:600;color:#333;line-height:1.5}
.pj-txt{float:left;width:calc(50% - 1em);max-width:500px;padding-right:1em;color:#95989a;font-size:1.125em;letter-spacing:-.3px;word-break:keep-all;}

.portfolio-info .info-right{width:calc(50% - 2px - 7em);}
.info-right{float:right;border-left:1px solid #d7d7d7;padding-left:7em;}
.info-right dl{line-height:3em;}
.info-right dl dt,.info-right dl dd{display:inline-block;font-size:1.1em;letter-spacing:-.3px;}
.info-right dl dt{margin-right:1em;color:#95989a;}
.info-right dl dd{color:#000}

.portfolio-contents img{width:100%;}
.contents-img-pc{display:block;}
.contents-img-m{display:none;}

.btn-arrow{position:absolute;top:50%;display:inline-block;width:5em;height:5em;background:url('../images/icon/ico-sm.png') no-repeat -4.9em -2.85em;background-size:8.9375em}
.btn-arrow.btn-prev{left:0;background-position-x:0.4em}
.btn-arrow.btn-next{right:0}